@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.bt01{ font-size: 48px; color:#333333;text-align: center; line-height: 60px; overflow: hidden; height:100px;}
.bt01 a{ color:#333333;}
.bt01 span{display: block; font-size: 24px;font-weight: normal;line-height: 38px;}


.sheb_bj{margin-top: 64px;height:407px;overflow: hidden;}
.sheb{ width:1200px; margin: 0 auto;position:relative;height:407px;}
.sheb dl{ width:263px; border-right: 1px solid #eeeeee;padding-left:40px; margin-top: 45px; float: left;overflow: hidden;}
.sb_c{ width:1200px;overflow:hidden;}
.sheb dl:last-child{margin-right: 0; border-right: 0;}
.sheb dt{display: block;}
.sheb dt img{width:50px;height:50px;display: block;}
.sheb dt span{display: block; font-size: 18px; color:#333333; padding-top: 21px;line-height: 24px;font-weight: bold;}
.sheb dd{padding-top: 20px; font-size: 14px; line-height: 24px; color:#777777;padding-right:52px;}
.sbprev{background:#c6c6c6; width:33px;height:36px; z-index: 3;position: absolute;top: 222px; left: -43px;}
.sbnext{background: #c6c6c6; width:33px;height:36px; z-index: 3;position: absolute;top: 222px; right: -43px;}
.sbprev:hover{background: #ffcb05;}
.sbnext:hover{background: #ffcb05;}

.pro_bj{background: url(../images/pro_bj.gif) repeat-y  center 0;/*height:1550px;*/overflow: hidden;padding-top: 74px;}
.list{width:1140px;height:44px;border-bottom: 1px solid #e4e4e4; padding-top: 33px; overflow: hidden;margin: 0 auto;background: url(../images/menu.gif) no-repeat 0 45px;padding-left: 60px;}
.list a{ font-size: 14px; color:#333333;margin-right: 37px;display: inline-block;height:42px;line-height: 42px;}
.list span a{font-family: Arial; color:#777777; text-transform: uppercase;margin-right: 0;}
.list a:hover , .list a.cur{border-bottom: 3px solid #0069d4; color:#0069d4;font-weight: bold;}

.pro{/*height:1260px;*/overflow: hidden; width:1296px; margin: 40px auto 0;}
.propic{position: relative;height:440px;overflow: hidden;margin: 0 auto; width:1200px;}
.propic img{width:1200px;height:440px;}
.propic span{display: block;position: absolute; top: 268px;left: 101px; width:116px;height:38px;background:#0069d4; border-radius: 20px; text-align: center; line-height: 38px; font-size: 14px;color:#fff;}

.pro_c{height:335px; overflow: hidden;}
.proprev{margin-top: 138px; width:28px;height:52px; float: left; z-index: 9;background: url(../images/proprev.gif) no-repeat 0 0;}
.pronext{margin-top: 138px; width:28px;height:52px; float: right; z-index: 9;background: url(../images/pronext.gif) no-repeat 0 0;}
.proprev:hover{background: url(../images/proprev1.gif) no-repeat 0 0;}
.pronext:hover{background: url(../images/pronext1.gif) no-repeat 0 0;}
.proimg{width:1240px; float: left;overflow: hidden;}
.proimg li{margin:30px 10px 10px 20px; width:380px; background:#fff; overflow: hidden; line-height: 0;}
.proimg li img{width:380px; height:214px;}
.proimg li span{display: block;background: url(../images/pro_ico02.gif) no-repeat 340px center;border-top: 1px solid #efefef; height:54px;text-align: center; font-size: 14px; color:#777777;line-height: 54px;}
.proimg li:hover , .proimg li.cur{box-shadow: 0 2px 3px 3px #e6e6e6;}
.proimg li:hover span, .proimg li.cur span{background: url(../images/pro_ico01.gif) no-repeat 340px center;}

.ys_bj{margin-top: 70px;height:1855px;overflow: hidden;position: relative;background: url(../images/case_line.gif) no-repeat center bottom; }
.ys_bj h2{height:151px;}
.ys1{background: url(../images/ys011.jpg) no-repeat center 0; height:406px; overflow: hidden;}
.ys2{background: url(../images/ys2.jpg) no-repeat center 0; height:406px; overflow: hidden;}
.ys3{background: url(../resource/images/a976a092ca864a779348164b52009c1f_2.jpg) no-repeat center 0; height:406px; overflow: hidden;}
.ys4{background: url(../images/ys4.jpg) no-repeat center 0; height:406px; overflow: hidden;}
.ys{ width:1200px; position: absolute; top: 151px; left: 50%; margin-left: -600px; overflow: hidden;height:1855px;}
.ys dl.dl01{background: url(../images/01.gif) no-repeat 56px 0 ; top: 65px; right:0;}
.ys dl.dl02{background: url(../images/02.gif) no-repeat 417px 0 ; top: 498px; left:0;text-align: right;}
.ys dl.dl03{background: url(../images/03.gif) no-repeat 56px 0 ; top: 878px; right:0;}
.ys dl.dl04{background: url(../images/04.gif) no-repeat 410px 0 ; top: 1314px; left:0;text-align: right;}
.ys dl{position: absolute;overflow: hidden;width:600px;padding-top: 65px;}
.ys dt{height:59px; line-height: 50px; border-bottom: 1px solid #ececec; font-size: 36px; color:#333;padding-left: 56px;display: inline-block;}
.ys .dl02 dt, .ys .dl04 dt{padding: 0 56px 0 0;}
.ys dd{padding: 15px  0 0 56px;}
.ys .dl02 dd, .ys .dl04 dd{padding: 15px 56px 0 0;}
.ys dd i{display: block; font-size: 14px; color:#d9d9d9; line-height: 20px; font-style: italic; text-transform: uppercase;margin-bottom: 5px;}
.ys dd p{margin-top: 15px; font-size: 16px; line-height: 20px; color:#777777;}
.ys dd p b{ color:#0069d4;}
.ys dd span{display: block; color:#0069d4;font-weight: bold; font-size: 16px;margin-top: 17px;}
.ys dd span img{vertical-align: middle;margin:0 5px 0 30px;}

.case{ width:1200px; margin: -22px auto 0; position: relative; height:685px;overflow: hidden;position: relative;}
.case::before{position: absolute; top: 0; left: 0; width:2px;height:125px; background:#e6e6e6; content:"";}
.case h2{position: absolute; top: 20px;right:0; background: url(../images/case_t.jpg) no-repeat center 0 ;width:400px;height:428px;padding: 40px 0 0 80px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#fff;font-size: 32px;line-height: 36px; }
.case h2 i{display: block; font-weight: bold;padding-bottom: 20px; }
.case h2 a{ color:#fff;}
.case h2 span{font-size: 18px;font-weight: normal; padding-top: 15px; display: block; line-height: 24px;}
.case h2 span b{ font-size: 20px;}
.case_nav{padding: 68px 0 0 108px;height:179px;width:687px;overflow: hidden;}
.case_nav li{ float: left; width:306px;margin-bottom: 35px;height:39px;overflow: hidden;}
.case_nav li a{ font-size: 16px; color: #333333;display: inline-block;height:37px;line-height: 37px;}
.case_nav li i{font-family: Arial; text-transform: capitalize;}
.case_nav li em{display: inline-block;padding: 0 10px;color:#838383;font-weight: bold;}
.case_nav li a:hover , .case_nav li.cur a{font-weight: bold; color:#0069d4;border-bottom: 2px solid #0069d4;}
.case_nav li a:hover i , .case_nav li.cur a i{font-weight: normal;}
.case_nav li a:hover em , .case_nav li.cur a em{color:#0069d4;}
.case_c{height:420px;overflow: hidden; position: relative; z-index: 6;}
.caseprev{position: absolute; top: 263px;left: 705px;width:71px; height:30px; z-index: 8;background: url(../images/caseprev.gif) no-repeat center 0 ;}
.casenext{position: absolute; top: 263px;left: 786px;width:71px; height:30px; z-index: 8;background: url(../images/casenext.gif) no-repeat center 0 ;}
.caseprev:hover{background: url(../images/caseprev1.gif) no-repeat center 0 ;}
.casenext:hover{background: url(../images/casenext1.gif) no-repeat center 0 ;}

.case_c dt{width:700px;height:394px;overflow: hidden; float: left;}
.case_c dt img{width:700px;height:394px;}
.case_c dd{ float: left;margin:85px 0 0 -58px; position: relative;width:520px;height:230px;background:#fff;box-shadow: 0 2px 0px 2px #f3f3f3; padding: 35px 60px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.case_c dd h3{ font-size: 18px; color:#333333; line-height: 24px; color:#333333;} 
.case_c dd h3 a{ color:#333;}
.case_c dd p{ font-size: 14px;line-height: 27px;height:105px; overflow: hidden; color:#777777;padding-top: 10px;}
.case_c dd i{display: block;text-align: right;}
.case_c dd i a{ font-size: 14px; color:#125fb8; font-family: Arial;}

.about_bj{background: url(../images/about.jpg) no-repeat center 0 ;height:490px;overflow: hidden; padding-top: 100px;}
.about{ width:1200px; height:400px; margin: 0 auto; overflow: hidden;background:#fff;}

.about dt{width:700px; overflow: hidden; float: left;}
.about dt img{width:700px;height:400px; }
.about dd{padding: 70px 0 0 ; width:460px; float: right; overflow: hidden;}
.about dd h3{ height:42px;overflow: hidden; font-size: 24px; line-height: 42px;}
.about dd h3 a{ color:#333333;}
.about dd p{ font-size: 14px;line-height: 36px;height:155px; overflow: hidden; color:#777777;padding-top: 12px;margin-right: 32px;}
.about dd i{ width:115px;height:38px; background:#ffcb05; border-radius: 20px; font-size: 14px; text-align: center;line-height: 38px;display: block;}
.about dd i a{ color:#fff;}

.news{ width:1200px;height:90px;background:#fff; overflow: hidden; margin: 0 auto;}
.news_c{ width:400px;padding-left: 86px; float: left;overflow: hidden;background: url(../images/news_ico.gif) no-repeat 39px center  ;}
.news_c li{ font-size: 14px; color:#777777;line-height: 90px;}
.news_c li a{ color:#777777;}
.news_nav{ width:550px; float: right;overflow: hidden;}
.news_nav .pageState{width:90px;line-height: 90px; font-size: 18px; color:#777;line-height: 90px;font-weight: bold; letter-spacing: 3px; float: left;}
.news_nav .pageState span{ color:#1e559e;}
.newsroll{ float: right; overflow: hidden;width:210px; height:90px;}
.newsroll i.newsprev{display: block; width:105px;height:90px; float: left;background: url(../images/newsprev1.jpg) no-repeat 0 center ;}
.newsroll i.newsnext{display: block; width:105px;height:90px; float: left;background: url(../images/newsnext.jpg) no-repeat 0 center ;}
.newsroll i.newsnext:hover{background: url(../images/newsnext1.jpg) no-repeat 0 center ;}

.xc{width:1234px; margin: 50px auto 0; height:308px;overflow: hidden;}
.xc_nav{height:68px;overflow: hidden; padding-left: 442px;;}

.xc_nav li{ font-size: 18px; color:#555555;line-height: 38px;  float: left;text-align: center;background: url(../images/xc_line.gif) no-repeat right center ; padding-right: 25px;margin-right: 25px;}
.xc_nav li:last-child{background:none;}
.xc_nav li a{ color:#333333; display: inline-block;height:38px;}
.xc_nav li a:hover , .xc_nav .cur a{ color:#0069d4;border-bottom: 2px solid #0069d4;font-weight: bold;}
.xc1{height:190px; position: relative; overflow: hidden;}
.xcprev{background:#c6c6c6; width:33px;height:36px; z-index: 3;position: absolute;top: 61px; left: 0;}
.xcnext{background: #c6c6c6; width:33px;height:36px; z-index: 3;position: absolute;top: 61px; right: 0;}
.xcprev:hover{background: #ffcb05;}
.xcnext:hover{background: #ffcb05;}

.xcimg {margin-left:17px;width:1200px; overflow: hidden;}
.xcimg li{ width:282px;overflow: hidden; float: left;margin-right: 24px;height:160px;position: relative;}
.xcimg li img{width:282px;height:159px;}
.xcimg li span{display: block;width:282px;height:160px; line-height: 160px; font-size: 18px; color:#fff;text-align: center; position: absolute; top: 0;left: 0;background:rgba(0,0,0,0.5);display: none;}
.xcimg li:hover span{display: block;}

.link_bj{border-top: 1px solid #d5d5d5; height:60px; overflow: hidden; }
.link{width:1200px; margin: 0 auto; height: 60px; overflow: hidden;}
.link h2{ width:130px; overflow: hidden; float: left; font-size:18px; line-height: 60px; overflow: hidden;color:#333;font-weight: normal;}
.link p{  width: 710px; float: left; font-size: 14px;overflow: hidden; line-height:60px; color:#777777; }
.link p a{ color:#777777; padding:0 30px 0 0;}