@charset "utf-8";
* { word-wrap: break-word; margin: 0; padding: 0 }
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0 }
ul, ol, dl { list-style-type: none }
html, body { *position: static; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button { overflow: visible; vertical-align: middle; outline: none }
body, th, td, button, input, select, textarea { font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; font-size: 14px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
a, area { outline: none; blr: expression(this.onFocus=this.blur()); color: #333 }
a { text-decoration: none; cursor: pointer }
a:hover { outline: none }
a.ie6:hover { zoom: 1 }
a:focus { outline: none }
a:hover, a:active { outline: none }
:focus { outline: none }
sub, sup { vertical-align: baseline }
button, input[type="button"], input[type="submit"] { line-height: normal !important; }

/*img*/
img { border: 0; vertical-align: middle }
a img, img { -ms-interpolation-mode: bicubic }
.img-responsive { max-width: 100%; height: auto }

/*IE下a:hover 背景闪烁*/
*html { overflow: -moz-scrollbars-vertical;
    zoom:expression(function(ele) { ele.style.zoom ="1"; document.execCommand("BackgroundImageCache", false, true) }
(this)) }

/*HTML5 reset*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0 }
time { display: inline }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 }
audio:not([controls]) { display: none }
legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5 }
legend small { font-size: 15px; color: #999 }
svg:not(:root) { overflow: hidden }
fieldset { border-width: 0; padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0 }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }

/*
Name:           style_clearfix
Example:        class="clearfix|cl"
Explain:        Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
.clearfix { display: block; }
.dis_none { display: none; }
.ma { margin: auto; }
.con_1200 { width: 1200px; margin: auto }
.con_1100 { width: 1100px; margin: auto }
.con_1000 { width: 1000px; margin: auto }
.tran_all { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.tran_all3 { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.f-l { float: left !important; _display: inline }
.f-r { float: right !important; _display: inline }
.por { position: relative }
.poa { position: absolute }
.clear { height: 0; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height5 { height: 5px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height10 { height: 10px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height20 { height: 20px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height30 { height: 30px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height40 { height: 40px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height50 { height: 50px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height90 { height: 90px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.c-666 { color: #666 }
.c-999 { color: #999 }
.c-ccc { color: #ccc }
.c-fff { color: #fff }
.c-ggg { color: #9e0071 }
.bg-fff { background: #fff }
.bg-ggg { background: #9e0071 }
.f-bold { font-weight: bold }
.text-l { text-align: left }

/*水平居左*/
.text-r { text-align: right }

/*水平居中*/
.text-c { text-align: center }

/*水平居右*/
.lh-16 { line-height: 16px }

/*16像素行距*/
.lh-24 { line-height: 24px }

/*24像素行距*/
.lh-32 { line-height: 32px }

/*32像素行距*/
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.content { position: relative; font-size: 14px; line-height: 25px; overflow: hidden; text-align: left }
.content h3 { margin-top: 20px; font-size: 16px }
.content p { text-indent: 2em; margin-top: 20px }
.content ul { text-indent: 2em }

/*头部*/
.header { height: 90px; position: fixed; top: 0px; background: #fff; width: 100%; z-index: 1000; border-bottom: 1px solid #f1f1f1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) }
.header .logo { width: 130px; height: 90px; }

/*nav*/
.nav { margin-left: 120px; height: 90px; position: relative; z-index: 1 }
.nav a { }
.nav .nLi { float: left; position: relative; display: inline; width: 90px; height: 90px }
.nav .nLi h3 { width: 88px; height: 90px; background: url(0-02_02.png) no-repeat; border-left: 1px solid #fff; border-right: 1px solid #fff }
.nav .nLi h3 a { display: block; width: 88px; height: 90px }
.nav .nLi h3.nli0 { background-position: 1px 0 }
.nav .nLi h3.nli1 { background-position: -87px 0 }
.nav .nLi h3.nli2 { background-position: -87px 0 }
.nav .nLi h3.nli3 { background-position: -175px 0 }
.nav .nLi h3.nli4 { background-position: -262px 0 }
.nav .nLi h3.nli5 { background-position: -350px 0 }
.nav .nLi h3.nli6 { background-position: -438px 0 }
.nav .nLi h3.nli7 { background-position: -610px 0 }
.nav .nLi h3.nli8 { background-position: -524px 0 }
.nav .nLi:hover h3, .nav .on h3 { background: url(0-02_01.png) no-repeat }
.nav .nLi:hover h3.nli0, .nav .on h3.nli0 { background-position: 1px 0 }
.nav .nLi:hover h3.nli1, .nav .on h3.nli1 { background-position: -87px 0 }
.nav .nLi:hover h3.nli2, .nav .on h3.nli2 { background-position: -87px 0 }
.nav .nLi:hover h3.nli3, .nav .on h3.nli3 { background-position: -175px 0 }
.nav .nLi:hover h3.nli4, .nav .on h3.nli4 { background-position: -262px 0 }
.nav .nLi:hover h3.nli5, .nav .on h3.nli5 { background-position: -350px 0 }
.nav .nLi:hover h3.nli6, .nav .on h3.nli6 { background-position: -438px 0 }
.nav .nLi:hover h3.nli7, .nav .on h3.nli7 { background-position: -610px 0 }
.nav .nLi:hover h3.nli8, .nav .on h3.nli8 { background-position: -524px 0 }
.nav .nLi:hover h3, .nav .on h3 { border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6 }
.nav .sub { width: 88px; height: 0; left: 1px; top: 85px; position: absolute; background: #9e0071; line-height: 35px; overflow: hidden; text-align: center }
.nav .sub a { display: block; color: #fff; font-size: 12px }
.nav .nLi:hover .sub, .nav .on .sub { height: 35px }
.top_r { width: 140px; height: 90px }
.top_r a { display: block; float: left; width: 70px; height: 90px; line-height: 90px; text-align: center; font-size: 45px; color: #aaa; position: relative }
.top_r a:hover { color: #fff; background: #9e0071 }
.top_r a .top_xl { height: 0; width: 113px; position: absolute; right: 0; top: 86px; background: #9e0071; border-radius: 4px; overflow: hidden }
.top_r a .top_xl img { margin: 4px; width: 105px; height: 105px }

/*foot*/
.footer { height: 490px; border-top: 1px solid #e6e6e6; background: #fff }
.foot_1 .f-l { width: 300px; }
.foot_1 .f-l .p1 { height: 35px; line-height: 35px; color: #666 }
.foot_1 .f-l .p1 i { font-size: 24px; margin-right: 10px; color: #aaa }
.foot_1 .f-l .code img { border: 1px solid #dadada }
.foot_1 .f-l .code p { display: inline-block; width: 107px; margin-right: 20px; line-height: 35px; color: #666 }
.foot_1 .f-r { width: 800px; }
.foot_1 .f-r dt { width: 114px; float: left }
.foot_1 .f-r dt a { display: block; width: 70px }
.foot_1 .f-r dt .one { border-bottom: 1px solid #e1e2e3; color: #666; font-size: 16px; padding-bottom: 15px; margin-bottom: 10px }
.foot_1 .f-r dt .two { color: #999; font-size: 12px; line-height: 30px }
.foot_1 .f-r dt .two:hover { color: #9e0071 }
.foot_2 { padding: 5px 0; color: #999; font-size: 12px; border-top: 1px solid #e1e2e3; }
.foot_2 a { color: #999 }

/*返回顶部*/
.side { position: fixed; width: 54px; height: 275px; left: 0; top: 50%; margin-top: -150px; z-index: 100; }
.side ul li { width: 54px; height: 54px; position: relative; margin-bottom: 1px }
.side ul li .sidebox { position: absolute; width: 54px; height: 54px; top: 0; left: 0; transition: all 0s; background: #666; opacity: 0.8; filter: Alpha(opacity=80); color: #fff; font: 14px/54px "微软雅黑"; overflow: hidden; }
.side ul li .sidebox2 { position: absolute; width: 0; height: 109px; top: 0; left: 54px; padding: 0; background: #9e0071; transition: all 0s; overflow: hidden; }
.side ul li .sidebox2 img { margin: 2px; width: 105px; height: 105px }
.side ul li .sidetop { width: 54px; height: 54px; line-height: 54px; display: inline-block; background: #666; opacity: 0.8; filter: Alpha(opacity=80); transition: all 0s; }
.side ul li .sidetop:hover { background: #9e0071; opacity: 1; filter: Alpha(opacity=100); }
.side ul li img { float: left; }

/*title*/
.index_title { margin-top: 80px; }
.index_title h3 { font-family: Arial; font-size: 48px }
.index_title h4 { font-size: 26px }
.index_title .t_line { margin: 15px auto 0; width: 230px; height: 25px; background: url(2-01.png) no-repeat }
.index_title .t_line2 { margin: 15px auto 0; width: 230px; height: 25px; background: url(2-01-2.png) no-repeat }
.bg-n { background: #f8f8f8; padding: 1px 0 70px }
.bg-n2 { background: #f8f8f8; padding: 70px 0 10px; border-top: 1px solid #e6e6e6 }
.n_ban { width: 100%; height: 550px; overflow: hidden; position: relative }
.n_ban .img { width: 1920px; height: 550px; display: block; position: relative; left: 50%; margin-left: -960px }
.n_ban .Box_footIoc { position: absolute; left: 50%; margin-left: -15px; bottom: 25px; width: 30px }

/*about*/
.n_about { position: relative }
.n_about .ul_pic { height: 300px; }
.n_about .ul_pic .pic { float: left; width: 33.3333333333%; height: 300px; text-align: center }
.n_about .ul_pic .pic dt { width: 240px; height: 240px; margin: auto }
.n_about .ul_pic .pic img { width: auto; height: 240px; transition: all 1.5s }
.n_about .ul_pic .pic p { height: 60px; line-height: 60px; color: #444; font-size: 20px }
.n_about .ul_pic .pic:hover p { color: #f39902 }
.n_about .line { height: 1px; width: 100%; position: absolute; top: 170px; left: 0; background: #e5e5e5; z-index: -1 }
.n_about .a_con { padding: 25px 0; line-height: 28px; color: #666 }

/*lecheng*/
.licheng { position: relative }
.licheng .line { position: absolute; top: 50%; margin-top: 25px; left: 0; height: 1px; width: 100%; z-index: 1; background: #dcdcdc }
.course-wrap .course-list { width: 100%; position: relative; z-index: 2 }
.course-wrap.m-wrap .course-list { margin-top: 20px }
.course-wrap .course-list .ovh { width: 91%; margin: 0 auto; position: relative; overflow: hidden }
.course-wrap.m-wrap .course-list .ovh { background: none; width: 100%; }
.course-wrap .course-list li { width: 300px; position: relative; margin-right: -103px; float: left }
.course-wrap.m-wrap .course-list li { margin-right: 0; margin-bottom: 20px; width: 100%; }
.course-wrap .course-list .main { padding: 17px 20px 27px; background-color: #fff; width: 260px; color: #777; }
.course-wrap .course-list .main p { padding-left: 18px; background: url(a/ico_125.jpg) no-repeat left 9px; font-size: 12px; line-height: 24px }
.course-wrap.m-wrap .course-list .main { width: 94%; padding: 17px 3% 27px; }
.course-wrap .course-list li .top { background: url(a/7-02.png) no-repeat left top; padding-top: 56px; height: 42px; line-height: 42px; color: #fff; font-family: "Arial"; font-size: 18px; text-align: center; }
.course-wrap.m-wrap .course-list li .top { padding-top: 0; padding-left: 3%; width: 97%; text-align: left; background: #e8e8e8; }
.course-wrap .course-list li.odd { margin-top: 0; }
.course-wrap.m-wrap .course-list li.odd { position: relative }
.course-wrap .course-list li.odd .top { background: url(a/7-01.png) no-repeat left bottom; padding-bottom: 56px; padding-top: 0; }
.course-wrap .course-list li:hover .top { background: url(a/7-02h.png) }
.course-wrap .course-list li.odd:hover .top { background: url(a/7-01h.png) }
.course-wrap.m-wrap .course-list li.odd .top { padding-bottom: 0; background: #e8e8e8; position: absolute; top: 0; left: 0; width: 100%; }
.course-wrap.m-wrap .course-list li.odd .main { margin-top: 42px; }
.course-wrap .course-list .butn { display: block; width: 39px; height: 39px; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; }
.course-wrap.m-wrap .course-list .butn { display: none; }
.course-wrap .course-list .prev { background: url(a/7-03.png) no-repeat 0 0 #f8f8f8; left: 0; }
.course-wrap .course-list .next { background: url(a/7-03.png) no-repeat -39px 0 #f8f8f8; right: 0; }
.course-wrap .course-list .prev:hover { background-position: 0 -39px }
.course-wrap .course-list .next:hover { background-position: -39px -39px }

/*honor*/
.honor .line { position: absolute; top: 191px; left: 0; height: 1px; width: 100%; z-index: -1; background: #dcdcdc }
.picScroll-left { position: relative; text-align: center; }
.picScroll-left .hd { height: 0; position: relative }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; position: absolute; top: 122px; width: 39px; height: 39px; overflow: hidden; cursor: pointer; background: url(a/7-03.png) no-repeat 0 0 #fff }
.picScroll-left .hd .prev { left: 0 }
.picScroll-left .hd .next { right: 0; background-position: -39px 0 }
.picScroll-left .hd .prev:hover { background-position: 0 -39px }
.picScroll-left .hd .next:hover { background-position: -39px -39px }
.picScroll-left .bd { width: 1000px; margin: auto }
.picScroll-left .bd ul { zoom: 1; height: 300px; width: 1000px; }
.picScroll-left .bd ul li { margin-right: 35px; margin-left: 40px; float: left; margin-top: 50px; _display: inline; cursor: pointer }
.picScroll-left .bd ul li .pic { width: 256px; height: 180px; position: relative; text-align: center }
.picScroll-left .bd ul li .pic img { height: 180px }
.picScroll-left .bd ul li .pic img { height: 180px; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out }
.picScroll-left .bd ul li:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

/*news*/
.n_news .line { position: absolute; top: 141px; left: 0; height: 1px; width: 100%; z-index: 1; background: #dcdcdc }
.picScroll-left2 { overflow: hidden; position: relative; z-index: 2 }
.picScroll-left2 .hd { height: 0; position: relative }
.picScroll-left2 .hd .prev, .picScroll-left2 .hd .next { display: block; position: absolute; top: 72px; width: 39px; height: 39px; overflow: hidden; cursor: pointer; background: url(a/7-03.png) no-repeat 0 0 #f8f8f8 }
.picScroll-left2 .hd .prev { left: 0 }
.picScroll-left2 .hd .next { right: 0; background-position: -39px 0 }
.picScroll-left2 .hd .prev:hover { background-position: 0 -39px }
.picScroll-left2 .hd .next:hover { background-position: -39px -39px }
.picScroll-left2 .bd { width: 940px; margin: auto }
.picScroll-left2 .bd ul { overflow: hidden; zoom: 1 }
.picScroll-left2 .bd ul li { margin-right: 80px; float: left; _display: inline; width: 260px; height: 350px; overflow: hidden; background: #fff; border-bottom-right-radius: 25px; cursor: pointer }
.picScroll-left2 .bd ul li .pic { width: 260px; height: 195px; overflow: hidden; position: relative; }
.picScroll-left2 .bd ul li .pic img { width: 260px; height: 195px; display: block; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out }
.picScroll-left2 .bd ul li:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.picScroll-left2 .bd ul li .news_t { position: relative; height: 30px; line-height: 30px; padding: 0 20px; padding-top: 10px; font-size: 16px; overflow: hidden }
.picScroll-left2 .bd ul li .news_t span { display: block; width: 220px }
.picScroll-left2 .bd ul li:hover .news_t span { color: #f39902 }
.picScroll-left2 .bd ul li .news_p { padding: 3px 20px 0; height: 45px; line-height: 22px; font-size: 12px; overflow: hidden }
.picScroll-left2 .bd ul li .news_m { padding: 0 20px; margin-top: 5px; height: 24px }
.n_news .morel { width: 170px; height: 45px; text-align: center; line-height: 45px; margin: auto; margin-top: 30px; background: #f39902; border: none; border-radius: 45px; font-size: 16px; cursor: pointer; letter-spacing: 0.1em; }
.n_news .morel a { color: #FFF; display: block }

/*contact*/
.n_contact { padding-top: 70px }
.n_contact .ul1 { width: 344px; height: 110px; padding: 10px 0; border-right: 1px solid #e5e5e5; text-align: center; line-height: 30px; }
.n_contact .ul2 { width: 340px; height: 110px; padding: 10px 85px; text-align: center; line-height: 30px; }
.n_contact .ul3 { width: 344px; height: 110px; padding: 10px 0; border-left: 1px solid #e5e5e5 }
.n_contact .ul1 h6 { font-size: 20px }
.n_contact .ul3 img { border: 1px solid #d0d0d0; width: 100px; height: 100px }
.n_contact .ul3 .p { text-align: center; padding: 20px 50px 0 }
.n_contact .ul3 .p span { font-size: 24px; line-height: 40px }

/*support*/
.n_nemu .line { position: absolute; width: 100%; height: 1px; top: 4px; background: #e5e5e5; z-index: -1 }
.n_nemu a { display: inline-block; *display: inline; zoom: 1; width: 120px; height: 70px; line-height: 70px; background: url(p/p-01.jpg) no-repeat center top; text-align: center; color: #888 }
.n_nemu a:hover, .n_nemu a.on { color: #9e0071; background: url(p/p-02.jpg) no-repeat center top }
.n_newslist ul { padding: 0 25px }
.n_newslist li { margin-bottom: 60px; height: 206px; padding: 30px 50px; border: 1px solid #ececec; background: #fff; overflow: hidden }
.n_newslist li .pic { width: 266px; height: 200px; padding: 2px; border: 1px solid #ececec }
.n_newslist li .pic img { width: 266px; height: 200px }
.n_newslist li .info { width: 740px; height: 206px; overflow: hidden }
.n_newslist li .info .title { height: 30px; font-size: 16px; font-weight: bold }
.n_newslist li .info .p { max-height: 120px; line-height: 24px; font-size: 14px; overflow: hidden }
.n_newslist li .info .more { color: #9e0071; margin-top: 10px }
.n_main .h2 { margin-top: 7px; width: 780px; margin: auto; text-align: center; line-height: 26px; font-size: 20px; color: #333; }
.n_main .p1 { margin-top: 5px; padding-bottom: 15px; text-align: center; height: 35px; line-height: 35px; font-size: 12px; color: #999; border-bottom: 1px solid #ddd }
.n_content { line-height: 22px; line-height: 26px; color: #333; overflow: hidden; }
.n_content img { max-width: 1200px; overflow: hidden; }
.n_main { position: relative; padding-top: 15px }
.qrcode { position: absolute; right: 0; top: 0; font-size: 12px }

/*service*/
.service1 { position: relative; height: 413px; padding: 1px 0 0; background: url(s/s-02.jpg) no-repeat center top; border-top: 2px solid #e8e8e8; border-bottom: 2px solid #e8e8e8 }
.service1 .p { top: 100px; width: 100%; line-height: 26px; color: #666 }
.service1 .p h6 { padding: 20px; font-size: 24px; color: #333 }
.service1 .p h6 span { display: inline-table; position: relative; top: -8px; width: 60px; height: 1px; background: #d6d6d6; margin: 0 15px }
.service2 { margin-top: 70px }
.service2 h5 { font-size: 24px; margin-bottom: 20px; }
.service2 .p { margin-bottom: 70px; text-align: center; color: #666; line-height: 26px }
.service2 .con_1000 .f-l { width: 474px; padding-right: 25px; }
.service2 .con_1000 .line { width: 1px; height: 60px; float: left; background: #ccc }
.service2 .con_1000 .f-r { width: 475px; padding-left: 25px; }
.service2 .con_1000 dt { height: 30px; line-height: 30px; color: #555 }
.service2 .con_1000 p { color: #f39902; font-size: 18px }

/*join0*/
.join-wl { height: 733px; padding: 1px 0 0; background: url(j/map.jpg) no-repeat center top }
.join-wl .p { top: 460px; width: 100%; line-height: 28px; color: #666 }

/*join1*/
.join-ys .line { position: absolute; top: 88px; left: 0; height: 1px; width: 100%; z-index: -1; background: #dcdcdc }
.picScroll-left3 { overflow: hidden; position: relative; text-align: center }
.picScroll-left3 .hd { height: 0; position: relative }
.picScroll-left3 .hd .prev, .picScroll-left3 .hd .next { display: block; position: absolute; top: 69px; width: 39px; height: 39px; overflow: hidden; cursor: pointer; background: url(a/7-03.png) no-repeat 0 0 #fff }
.picScroll-left3 .hd .prev { left: 0 }
.picScroll-left3 .hd .next { right: 0; background-position: -39px 0 }
.picScroll-left3 .hd .prev:hover { background-position: 0 -39px }
.picScroll-left3 .hd .next:hover { background-position: -39px -39px }
.picScroll-left3 .bd { width: 1080px; margin: auto }
.picScroll-left3 .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left3 .bd ul li { width: 270px; float: left; _display: inline; overflow: hidden; cursor: pointer }
.picScroll-left3 .bd ul li .pic { width: 183px; height: 183px; margin-left: 43px; text-align: left; background: url(j/j-y2.jpg) no-repeat center top }
.picScroll-left3 .bd ul li .pic img { width: 176px; height: 176px }
.picScroll-left3 .bd ul li .title { height: 55px; line-height: 55px; font-size: 18px }
.picScroll-left3 .bd ul li .p { width: 200px; margin: auto; line-height: 22px; font-size: 14px; color: #777 }
.picScroll-left3 .bd ul li:hover .pic { background: url(j/j-y1.jpg) no-repeat center top }
.picScroll-left3 .bd ul li:hover .title { color: #f39902 }

/*join2*/
.join-fc .line { position: absolute; top: 88px; left: 0; height: 1px; width: 100%; z-index: 1; background: #dcdcdc }
.picScroll-left4 { overflow: hidden; position: relative; z-index: 2; text-align: center }
.picScroll-left4 .hd { height: 0; position: relative }
.picScroll-left4 .hd .prev, .picScroll-left4 .hd .next { display: block; position: absolute; top: 69px; width: 39px; height: 39px; overflow: hidden; cursor: pointer; background: url(a/7-03.png) no-repeat 0 0 #f8f8f8 }
.picScroll-left4 .hd .prev { left: 0 }
.picScroll-left4 .hd .next { right: 0; background-position: -39px 0 }
.picScroll-left4 .hd .prev:hover { background-position: 0 -39px }
.picScroll-left4 .hd .next:hover { background-position: -39px -39px }
.picScroll-left4 .bd { width: 1080px; margin: auto }
.picScroll-left4 .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left4 .bd ul li { width: 270px; float: left; _display: inline; overflow: hidden; cursor: pointer }
.picScroll-left4 .bd ul li .pic { width: 183px; height: 183px; margin-left: 43px; position: relative; text-align: center; }
.picScroll-left4 .bd ul li .pic img { width: 178px; height: 178px }
.picScroll-left4 .bd ul li .pic .num { position: absolute; bottom: 0; right: 0; width: 66px; height: 66px; line-height: 66px; color: #fff; font-size: 36px; font-weight: bold; font-family: Arial; background: url(j/j-y4.png) no-repeat 0 0 }
.picScroll-left4 .bd ul li .title { height: 55px; line-height: 55px; font-size: 18px }
.picScroll-left4 .bd ul li:hover .pic .num { background: url(j/j-y3.png) no-repeat center top }
.picScroll-left4 .bd ul li:hover .title { color: #f39902 }

/*join3*/
.join-ky .line { position: absolute; top: 144px; left: 0; height: 1px; width: 100%; z-index: 1; background: #dcdcdc }
.picScroll-left6 { overflow: hidden; position: relative; height: 443px; z-index: 2; text-align: center }
.picScroll-left6 .hd { height: 0; position: relative }
.picScroll-left6 .hd .prev, .picScroll-left6 .hd .next { display: block; position: absolute; top: 124px; width: 39px; height: 39px; overflow: hidden; cursor: pointer; background: url(a/7-03.png) no-repeat 0 0 #fff }
.picScroll-left6 .hd .prev { left: 0 }
.picScroll-left6 .hd .next { right: 0; background-position: -39px 0 }
.picScroll-left6 .hd .prev:hover { background-position: 0 -39px }
.picScroll-left6 .hd .next:hover { background-position: -39px -39px }
.picScroll-left6 .bd { width: 1080px; margin: auto }
.picScroll-left6 .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left6 .bd ul li { width: 270px; height: 443px; float: left; _display: inline; overflow: hidden; cursor: pointer; }
.picScroll-left6 .bd ul li .pic { width: 198px; height: 198px; margin-left: 16px; margin-top: 20px; padding: 20px; text-align: center; background: url(j/bg22.jpg) no-repeat  center center }
.picScroll-left6 .bd ul li .pic img { width: 198px; height: 198px }
.picScroll-left6 .bd ul li .title { height: 45px; line-height: 45px; font-size: 18px }
.picScroll-left6 .bd ul li .p { width: 200px; margin: auto; line-height: 22px; font-size: 14px; color: #777 }
.picScroll-left6 .bd ul li .pic img { display: block; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out }
.picScroll-left6 .bd ul li:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.picScroll-left6 .bd ul li:hover .title { color: #f39902 }

/*join4*/
.join-tg .line { position: absolute; top: 104px; left: 0; height: 1px; width: 100%; z-index: 1; background: #dcdcdc }
.picScroll-left5 { overflow: hidden; position: relative; height: 263px; z-index: 2; text-align: center }
.picScroll-left5 .hd { height: 0; position: relative }
.picScroll-left5 .hd .prev, .picScroll-left5 .hd .next { display: block; position: absolute; top: 84px; width: 39px; height: 39px; overflow: hidden; cursor: pointer; background: url(a/7-03.png) no-repeat 0 0 #f8f8f8 }
.picScroll-left5 .hd .prev { left: 0 }
.picScroll-left5 .hd .next { right: 0; background-position: -39px 0 }
.picScroll-left5 .hd .prev:hover { background-position: 0 -39px }
.picScroll-left5 .hd .next:hover { background-position: -39px -39px }
.picScroll-left5 .bd { width: 1080px; margin: auto }
.picScroll-left5 .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left5 .bd ul li { width: 270px; height: 263px; float: left; _display: inline; overflow: hidden; cursor: pointer; }
.picScroll-left5 .bd ul li .pic { width: 198px; height: 198px; margin-left: 31px; padding: 5px; text-align: center; background: url(j/j-y6.jpg) no-repeat 0 0 }
.picScroll-left5 .bd ul li .pic img { width: 198px; height: 198px }
.picScroll-left5 .bd ul li .title { height: 55px; line-height: 55px; font-size: 18px }
.picScroll-left5 .bd ul li:hover .pic { background: url(j/j-y5.jpg) no-repeat center top }
.picScroll-left5 .bd ul li:hover .title { color: #f39902 }

/*product*/
.p_menu_1 { height: 70px; position: relative; z-index: 1 }
.p_menu_1 ul { padding: 0 }
.p_menu_1 ul li { float: left; width: 120px; height: 70px; line-height: 70px; background: url(p/p-01.jpg) no-repeat center bottom; text-align: center }
.p_menu_1 ul li a { color: #888; display: block; font-size: 16px }
.p_menu_1 ul li.on { background: url(p/p-02.jpg) no-repeat center bottom }
.p_menu_1 ul li.on a { color: #9e0071 }
.p_menu_2 { height: 61px; position: relative; z-index: 1 }
.p_menu_2 ul { height: 61px;padding: 0 }
.p_menu_2 ul li { float: left; width: 120px; height: 61px; line-height: 61px; text-align: center; background: url(p/p-03.jpg) no-repeat left center; }
.p_menu_2 ul li:first-child { background: none }
.p_menu_2 ul li a { color: #888; font-size: 14px }
.p_menu_2 ul li.on a { color: #9e0071 }
.pro_menu a:hover { color: #9e0071 }
.p_line { width: 100%; height: 1px; top: 65px; background: #e5e5e5; z-index: -1 }
.pro_list { background: #f8f8f8; border-top: 1px solid #e6e6e6 }
.pro_list ul{margin-left:-40px;}
.pro_list ul li { float: left; width: 578px; height: 262px; border: 1px solid #e6e6e6; background: #fff; margin-left: 40px; margin-bottom: 40px }
.pro_list ul li .pic { float: left; width: 256px; height: 262px; padding:  0; border-right: 1px solid #e6e6e6 }
.pro_list ul li .pic>p{display:table-cell; width: 256px; height: 262px;text-align:center;vertical-align:middle}
.pro_list ul li .pic img { max-width: 256px; max-height: 262px }
.pro_list ul li .pcon { float: left; width: 281px; height: 192px; padding: 35px 20px; overflow: hidden }
.pro_list ul li .pcon .title { font-weight: bold }
.pro_list ul li .pcon .info { margin-top: 10px; height: 170px; line-height: 24px; color: #888; font-size: 12px; overflow: hidden }
.pro_list ul li:hover { border: 1px solid #9e0071 }
.pro_list ul li:hover .pic { border-right: 1px solid #9e0071 }
.p_cen { padding: 0 }
.p_cen .f-l { width: 660px }

/*fangda*/
.fangda { width: 602px;  position: relative; z-index: 99; background: url(2-20.png) no-repeat center bottom; }
.fangda .fd_min_img { width: 600px; overflow: hidden; border: 1px solid #dcdcdc }
.fangda .fd_min_img img { width: 600px;  }
.fangda .fd_mouse_m { display: none; width: 80px; height: 60px; position: absolute; top: 0; left: 0; opacity: 0.3; filter: alpha(opacity=30); background: #9e0071; _background: url(1-20.gif) repeat; cursor: pointer }
.fd_max_img { display: none; width: 380px; height: 380px; overflow: hidden; position: absolute; left: 620px; top: 0; z-index: 99; background: url(3-10.gif) center center no-repeat #fff; border: #9e0071 solid 1px; }
.fd_max_img .img { width: atuo; height: auto; position: relative; z-index: 10; }

/*fd list*/
.fd_list { width: 600px; height: 62px; border-top: 1px solid #dcdcdc; padding-top: 50px }
.fd_list ul { overflow: hidden; zoom: 1; text-align: center }
.fd_list ul li { display: inline-block; *display: inline; zoom: 1; width: 95px; cursor: pointer }
.fd_list ul li>p{display:table-cell; width: 80px; height: 80px;text-align:center;vertical-align:middle;border:1px solid #eee}
.fd_list ul li img { max-width: 80px; max-height: 80px }
.fd_list ul li.on>p{ border-color: #9e0071; }
.pro_info { width: 500px }
.pro_info h5 { height: 100px; line-height: 100px; font-size: 26px; border-bottom: 1px solid #dcdcdc }
.pro_info p { line-height: 30px; }
.pro_info a.xj { display: block; height: 30px; line-height: 30px; width: 60px; background: #f39902 }
.pro_canshu { }
.pro_canshu .line { position: absolute; height: 1px; width: 100%; background: #dcdcdc; top: 23px; left: 0; z-index: -1 }
.slideTxtBox { }
.slideTxtBox .hd { height: 51px; line-height: 46px; position: relative }
.slideTxtBox .hd ul { }
.slideTxtBox .hd ul li { display: inline-block; *display: inline; zoom: 1; width: 110px; height: 51px; margin: 0 1px; background: url(p/p-04.png) no-repeat -110px top; color: #fff; cursor: pointer }
.slideTxtBox .hd ul li.on { background: url(p/p-04.png) no-repeat 0 top; }
.slideTxtBox .bd ul { padding: 40px 0 15px; zoom: 1; color: #777 }
.slideTxtBox .bd ul img { max-width: 100% }
.pro_canshu .ul1 { text-align: center }
.pro_canshu .ul1 .info_1 { display: inline-block; text-align: left; line-height: 30px }
.pro_canshu .ul2 table { text-align: center; margin: auto; empty-cells: show; background-color: transparent; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #dcdcdc; border: 1px solid #dcdcdc; border-collapse: separate; *border-collapse: collapse; border-left: 0 }
.pro_canshu .ul2 table td { border-bottom: 1px solid #dcdcdc }
.pro_canshu .ul2 table td { border-left: 1px solid #dcdcdc; color: #777; padding: 0 10px }
.pro_canshu .ul2 table { border-bottom: 0 }
.pro_canshu .ul2 table tr { height: 30px; vertical-align: middle }
.pro_canshu .ul3 { padding-top: 30px; overflow: hidden }
.pro_canshu .ul3 .xiangqing { position: relative; width: 1920px; left: 50%; margin-left: -960px }
.go_prev { display: block; width: 100px; margin: auto; height: 35px; line-height: 35px; }

/*********      page      ***************/
#page { width: 100%; height: 70px; overflow: hidden; }
#page .page_info { text-align: center }
#page .page_info select { display: none; }
#page .page_info span, #page .page_info a { padding: 8px 14px; font-size: 14px; font-family: SimSun; margin: 0 5px; background-color: #ececec; line-height: 30px; color: #555; }
#page .page_info span { color: #999; }
#page .page_info span font { color: #9e0071; font-weight: normal; *padding: 0; *width: 8px; *height: 10px; font-size: 14px; font-weight: bold }
#page .page_info a:hover { background-color: #9e0071; color: #fff; }

/** prev next button ***/
#pn { padding-top: 10px; width: 100%; line-height: 24px; overflow: hidden; }
#pn_l { font-size: 12px; overflow: hidden; }
#pn_l a:hover { color: #9e0071; }
#pn_r { font-size: 12px; overflow: hidden; }
#pn_r a:hover { color: #9e0071; }
.pn { padding-top: 10px; width: 100%; height: 30px; line-height: 30px; overflow: hidden; border-top: 1px solid #dcdcdc }
.pn_l { float: left; font-size: 12px; overflow: hidden; }
.pn_l a:hover { color: #9e0071; }
.pn_r { float: right; font-size: 12px; overflow: hidden; }
.pn_r a:hover { color: #9e0071; }

/*留言*/
.lianxi2 { margin: 0 auto; width: 1200px; height: 250px; overflow: hidden; }
.index_form { display: block; width: 1200px; overflow: hidden }
.index_form .lis_h,.index_form .lis_f {margin-top:10px;}
.index_form .lis_h input{width:400px;padding: 0 20px;height:45px;line-height:45px;background: #f6f6f6;border:0;}
.index_form .lis_f textarea{width:700px;padding: 15px 20px;height:125px;line-height:25px;background: #f6f6f6;border:0;resize:none;vertical-align:top}
.index_form .yzm{height:45px;}
.index_form .yzm input{float: left;width:290px;padding:0 20px;height:45px;line-height:45px;background: #f6f6f6;border:none}
.index_form .yzm img{float: right;width:100px;height:45px;}
.index_form .btns{margin: auto;margin-top:30px;width:200px;height:45px;border-radius:50px}
.index_form .btns button{width:200px;height:45px;color:#ffffff;background: #f39902;cursor:pointer;border:none;border-radius:50px}

.index_form .lis_h input,
.index_form .lis_f textarea,
.index_form .yzm input{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.index_form .lis_h input:hover,
.index_form .lis_f textarea:hover,
.index_form .yzm input:hover{transform: translateY(-1px);-ms-transform: translateY(-1px);-webkit-transform: translateY(-1px);-o-transform: translateY(-1px);-moz-transform: translateY(-1px);}
.index_form .lis_h input:focus,
.index_form .lis_f textarea:focus,
.index_form .yzm input:focus{box-shadow:0 2px 5px rgba(0,0,0,0.2);transform: translateY(-1px);-ms-transform: translateY(-1px);-webkit-transform: translateY(-1px);-o-transform: translateY(-1px);-moz-transform: translateY(-1px);}


.modal-open { overflow: hidden }
.page-overflow { margin-right: 16px }
.modal-scrollable { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto }
.modal-overflow .modal-scrollable { overflow-y: scroll }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1040; background-color: #000 }
* html .modal-backdrop { position: absolute; left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight) }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.7; filter: alpha(opacity=70) }
.modal.container { width: 980px }
.modal { position: absolute; top: 50%; left: 50%; width: 500px; margin-left: -250px; z-index: 1050; overflow: visible; background-color: #fff; background-clip: padding-box; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -khtml-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999 }
.fade { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear }
.fade.in { opacity: 1; filter: alpha(opacity=100) }
.modal.fade { top: -100% }
.modal.fade.in { top: 50% }
.modal.modal-overflow.fade.in { top: 0px }
.loading-spinner { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px }












.banner{width:100%;height:1100px;position:relative;z-index:5;overflow:hidden}
.banner .swiper-container {position:relative;left:50%;margin-left:-960px;width: 1920px;height:100%;text-align:center;background:#ffffff;}
.banner .swiper-container .swiper-slide{background-repeat: no-repeat;background-position: center center;background-size: cover}
.banner .swiper-container-horizontal .swiper-pagination-bullets{bottom:50px;font-size:0;width:1920px;left:50%;right:auto;margin:auto;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.banner .swiper-container-horizontal .swiper-pagination-bullet{display: inline-block;vertical-align: top;width:88px;height:4px;margin-left:0;margin-right:16px;background: #ffffff;opacity:1;border-radius: 0}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#9E0071;}
.banner .swiper-button-prev{left:50%;margin-left:-627px}
.banner .swiper-button-next{right:50%;margin-right:-627px}
.banner .swiper-container .swiper-slide a{display:block;width: 100%;height:100%;}