@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: 36px; color:#00479d;text-align: center; line-height: 40px; overflow: hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;letter-spacing: 2px;}
.bt01 a{ color:#00479d;}
.bt01 i{display: block; font-size:12px;font-weight: normal;color:#97a8c8; text-transform: uppercase;font-family: Arial;}
.bt01 span{ display: block; font-size: 18px;color:#00479d;text-align: center; line-height: 38px;font-weight: normal;}

.list{ width:265px;height:824px; border:4px solid #00479d; z-index: 2; margin-top: 80px; float: left; overflow: hidden;}
.list h2{height:85px;background:#00479d;text-align: center; font-size: 24px; line-height: 30px;padding-top: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list h2 a{ color:#fff;}
.list h2 i{ font-size: 12px; font-family: Arial; color:#a3b3d2; text-transform: uppercase;display: block;font-weight: normal;}
.list h3{ margin:17px 0 0 30px;width:206px;height: 39px; }
.list h3 a{display: block;padding-left: 48px;background: url(../images/list_nav01.jpg) no-repeat 0 0; height:39px;color:#fff;font-weight: normal;line-height: 39px; font-size: 16px;}
.list h3 a:hover , .list h3.cur a{background: url(../images/list_nav.jpg) no-repeat 0 0; }
.list ul{margin:10px 0 10px 30px;width:206px;}
.list li{border-bottom: 1px dashed #eaeaea; padding-left: 49px; font-size: 14px; height:37px; color:#666666; position: relative;}
.list li a{line-height: 39px;}
.list li::before{position: absolute;content:""; width:0; height:0;border-left: 5px solid #d7d7d7; border-top: 5px solid transparent;border-bottom: 5px solid transparent; top: 14px;left: 27px;}
.list li:hover a , .list li.cur1 a{ color:#00479d;}
.list li:hover::before , .list li.cur1::before{border-left: 5px solid #00479d; }
.list h4{margin:17px 0 0 30px;width:206px;height: 39px;background:#00479d;border-radius: 18px; }
.list h4 a{color:#fff;font-weight: normal;line-height: 39px; font-size: 16px;padding-left: 48px;display: inline-block;}
.list h5{margin:17px 0 0 30px;width:206px;height: 39px;background:#92d051;border-radius: 18px; font-size: 16px;text-align: center;line-height: 39px;font-weight: normal;}
.list h5 a{ color:#fff;}

.pro{ width:908px; margin-top: 80px;overflow: hidden; float: right;}
.pronav{ height:31px;position: relative; overflow: hidden;}
.pronav::before{position: absolute;bottom:1px; left: 0; width:100%;height: 1px;background:#dbdbdb; content:"";}
.promore span a{ display: inline-block; font-size: 16px; color:#454545; line-height: 18px; font-weight: bold;}
.pronav li{ float: left;margin-right: 42px; font-size: 16px;font-weight: bold;line-height: 18px;}
.pronav li a{ display: inline-block;height:29px; color:#454545; position: relative; z-index: 3;}
.pronav li a:hover , .pronav li.cur a{color:#00479d;border-bottom: 2px solid #00479d;;}

.pro_c li{ width:290px; margin:17px 16px 0 0; overflow: hidden; float: left;height:248px;border: 1px solid #ededed; line-height: 0;background:#f7f7f7;position: relative;}
.pro_c li img{ width:290px;height:197px;}
.pro_c li span{display: block; font-size: 14px; color:#333333;line-height: 51px; padding-left:8px;}

.pro_c li:nth-child(3n){margin-right: 0;}
.pro_c li i{ display: block;position: absolute; bottom: 13px; right:8px; width:92px;border:1px solid #00479d;height:23px; font-size: 14px;text-align: center;line-height: 23px;border-radius: 30px;}
.pro_c li i a{ color:#00479d;}

.serv_bj{background: url(../images/serv_bj.jpg) no-repeat center 0;height:516px;overflow: hidden;margin-top: 78px;}
.serv{ width:1200px;margin: 0 auto; overflow: hidden;}
.serv h2{padding-top: 78px; height:166px;}
.serv li{ width:245px; margin-right:72px; float: left; overflow: hidden;}
.serv li:last-child{margin-right: 0;}
.serv li img{display: block;background: url(../images/serv01_bj.png) no-repeat center 0;margin: 0 auto;}
.serv li h3{ font-size: 22px; height:46px; line-height: 46px; color:#333333;text-align: center;}
.serv li p{text-align: center; font-size: 14px;text-align: center; line-height: 26px; color:#999999;}
.serv li:hover img{background: url(../images/serv02_bj.png) no-repeat center 0;}
.serv li:hover h3{color:#00479d;}
.serv li:hover p{color:#00479d;}

.ys{ margin: 70px auto 0; width:1200px; height:748px; overflow: hidden;}
.ys h2{height:122px;font-size: 46px; line-height: 56px;}
.ys_c dl{ height:369px; overflow: hidden;}
.ys_c dt{ float: right;width:645px; overflow: hidden;}
.ys_c dt img{ width:645px; height:369px;}
.ys_c dd{ float: left;border:3px solid #f1f1f1; border-right: 0; width:552px; height:363px; overflow: hidden;}
.ys_c dd p{padding: 60px 0 0 55px; height:155px; overflow: hidden;}
.ys_c dd p span{ display: block;padding-left: 18px; font-size: 16px; line-height: 40px; position: relative;}
.ys_c dd p span::before{position: absolute; content:""; width:4px; height:4px;background:#00479d; top: 18px;left: 0;border-radius: 100%;}
.ys_c .dl04 p{ height:363px;}
.ys_c ul{ margin-left: 50px;}
.ys_c li{ width:100px; float: left; font-size: 16px; text-align: center; line-height: 24px; color:#00479d;}
.ys_c li img{ display: block; width:45px;height:45px; margin: 0 auto 10px;}

.ysnav li{ width:25%; float: left;height:150px; background:#eeeeee;position: relative;margin-top: 27px;}
.ysnav li span{display: block;margin:36px 0 0 42px;background: url(../images/ys_w02.gif) no-repeat center 0; width:68px;height:77px; text-align: center; line-height: 77px; font-size: 40px; font-family: Arial; font-family: DINPro; color:#fff; float: left;} 
.ysnav li p{ float: left; width:178px; float: right;padding-top: 34px; font-size: 26px; color:#454545; line-height: 34px; overflow: hidden;}
.ysnav li p b{ display: block;}

.ysnav li:hover , .ysnav .cur {background:#00479d; position: relative;}
.ysnav li:hover span, .ysnav .cur span{background: url(../images/ys_w01.gif) no-repeat center 0; color:#00479d;}
.ysnav li:hover p, .ysnav .cur p{color:#fff;}
.ysnav li:hover::before , .ysnav .cur::before{position: absolute; content: ""; width:0;height:0;left: 50%; margin-left: -10px; border-bottom: 10px solid #00479d;border-left: 17px solid transparent;border-right: 17px solid transparent;top: -10px;}

.case_bj{background: url(../images/case_bj.jpg) repeat-y center 0;}
.case{height:756px; width:1200px; margin: 0 auto; overflow: hidden;}
.case h2{padding-top: 70px;font-weight: normal;height:205px;}
.case h2 span{ width:213px;height:37px; border:1px solid #00479d; margin: 16px auto;}

.casenav{ width:393px; float: left; overflow: hidden; position: relative;}
.casenav h3{position: absolute; top: 384px;left: 195px; width:190px; height:90px;background:#fff url(../images/case_ico10.gif) no-repeat 32px center; line-height: 90px;font-weight: normal;}
.casenav h3 a{ font-size: 16px; color:#333333; padding-left: 80px;}
.casenav li{ float: left; width:190px; height:90px;margin:0 5px 6px 0; overflow: hidden;}
.casenav li a{ display: block;height:90px; font-size: 16px; color:#333333; padding-left: 80px; line-height: 90px;}
.casenav li:nth-child(2n){margin-right: 0;}
.casenav li:nth-child(1) a{background:#fff url(../images/case_ico01.gif) no-repeat 32px center;}
.casenav li:nth-child(2) a{background:#fff url(../images/case_ico02.gif) no-repeat 32px center;}
.casenav li:nth-child(3) a{background:#fff url(../images/case_ico03.gif) no-repeat 32px center;}
.casenav li:nth-child(4) a{background:#fff url(../images/case_ico04.gif) no-repeat 32px center;}
.casenav li:nth-child(5) a{background:#fff url(../images/case_ico05.gif) no-repeat 32px center;}
.casenav li:nth-child(6) a{background:#fff url(../images/case_ico06.gif) no-repeat 32px center;}
.casenav li:nth-child(7) a{background:#fff url(../images/case_ico07.gif) no-repeat 32px center;}
.casenav li:nth-child(8) a{background:#fff url(../images/case_ico08.gif) no-repeat 32px center;}
.casenav li:nth-child(9) a{background:#fff url(../images/case_ico09.gif) no-repeat 32px center;}
.casenav li a:hover , .casenav li.cur a{ color:#fff;}
.casenav li:nth-child(1) a:hover,.casenav li:nth-child(1).cur a{background:#00479d url(../images/case_ico11.gif) no-repeat 32px center;}
.casenav li:nth-child(2) a:hover,.casenav li:nth-child(2).cur a{background:#00479d url(../images/case_ico12.gif) no-repeat 32px center;}
.casenav li:nth-child(3) a:hover,.casenav li:nth-child(3).cur a{background:#00479d url(../images/case_ico13.gif) no-repeat 32px center;}
.casenav li:nth-child(4) a:hover,.casenav li:nth-child(4).cur a{background:#00479d url(../images/case_ico14.gif) no-repeat 32px center;}
.casenav li:nth-child(5) a:hover,.casenav li:nth-child(5).cur a{background:#00479d url(../images/case_ico15.gif) no-repeat 32px center;}
.casenav li:nth-child(6) a:hover,.casenav li:nth-child(6).cur a{background:#00479d url(../images/case_ico16.gif) no-repeat 32px center;}
.casenav li:nth-child(7) a:hover,.casenav li:nth-child(7).cur a{background:#00479d url(../images/case_ico17.gif) no-repeat 32px center;}
.casenav li:nth-child(8) a:hover,.casenav li:nth-child(8).cur a{background:#00479d url(../images/case_ico18.gif) no-repeat 32px center;}
.casenav li:nth-child(9) a:hover,.casenav li:nth-child(9).cur a{background:#00479d url(../images/case_ico19.gif) no-repeat 32px center;}

.case_c{ width:806px; float: right; overflow: hidden;}
.case_c dl{ height:474px;overflow: hidden;position:relative;}
.case_c dt{width:806px;height:403px;overflow: hidden;}
.case_c dt img{ display: block; width:806px;height:403px;}
.case_c dd{padding: 23px 40px 0 55px;position:absolute;bottom:0;left:0;height:120px;background:#00479d;}
.case_c dd h3{ font-size: 16px; line-height: 24px;}
.case_c dd h3 a{ color:#fff;}
.case_c dd p{padding-top: 10px; font-size: 14px; line-height: 22px; color:#fff;}
.case_c dd p a{ color:#fff;}

.coo{margin: 70px auto 0; width:1201px; height:640px; overflow: hidden;}
.coo h2{height:108px;}
.coo h2 em{font-weight: normal;}
.coo ul{height:413px; overflow: hidden;}
.coo li{ float: left;width:241px; height:188px; position: relative;margin:0 -1px -1px 0;overflow: hidden;}
.coo li img{ width:239px; height: 186px;border:1px solid #f3f3f3;}
.tel1{margin-left: 395px; width:540px;}
.tel1 p{ width:210px;background: url(../images/tel_ico.gif) no-repeat 0 0; line-height: 42px; font-family: Arial; float: left; padding-left: 55px; font-size: 32px; color:#333333;}
.tel1 i{ display: block; float: left; width:136px;height:38px;background:#00479d;text-align: center; line-height: 38px; border-radius: 30px; font-size: 14px;}
.tel1 i a{ color:#fff;} 

.news_bj{background: url(../images/news_bj.jpg) no-repeat 0 0; height:734px; overflow: hidden;}
.news_bj h2{padding-top: 77px; height:192px; overflow: hidden;}
.news_bj h2 em{font-weight: normal;}
.news{ width:747px; background:#fff;height:460px; overflow: hidden;}
.newsnav{background:#fbfbfb;border:1px solid #ececec;height:63px; overflow: hidden;}
.newsnav span a{ width:75px; display: inline-block; line-height: 63px; text-transform: uppercase; color:#999999; font-family: Arial;}
.newsnav li{ float: left;}
.newsnav li a{ display: inline-block;color:#666666; font-size: 18px;font-weight: bold; line-height: 63px;height:63px; padding: 0 80px 0 25px;}
.newsnav li a:hover ,.newsnav li.cur a{background: #00479d;color:#fff; position: relative;}
.newsnav li a:hover::before ,.newsnav li.cur a::before{position: absolute; content:""; width:33px;height:33px; top: 16px; right: 31px;background: url(../images/news_ico01.gif) no-repeat center 0; }
.news_c dl{ margin:37px 50px 0;height:198px; overflow: hidden;}
.news_c dt{ float: left; width:240px;overflow: hidden;}
.news_c dt img{ width:240px; height:182px; border:1px solid #f2f2f2; padding-bottom: 2px;background:#cccccc;}
.news_c dd{float: right; width:375px; overflow: hidden;}
.news_c dd h3{height:37px; border-bottom: 1px solid #d8d8d8; overflow: hidden; font-size: 14px; line-height: 37px;}
.news_c dd h3 a{ color:#00479d;}
.news_c dd p{padding-top: 12px; height:85px; overflow: hidden; font-size: 14px; line-height: 24px; color:#6d6d6d;}
.news_c dd i{ display: block; width:97px;height:31px; background:#00479d; text-align: center; line-height: 31px; font-size: 14px;}
.news_c dd i a{ color:#fff;}
.news_c ul{margin-left: 40px;}
.news_c li{ padding-left: 12px; position: relative; font-size: 14px; line-height: 33px; color:#666666;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news_c li::before{position: absolute; top: 17px;left: 0; width:4px;height:1px;background:#666;content:"";}

.wt{ width:426px; background:#fff;height:460px; overflow: hidden;}
.wt h3{height:66px;margin:0 40px 38px 28px; position: relative; overflow: hidden;}
.wt h3::before{position: absolute; bottom:0;left: 0; content:""; width:36px; height:2px; background:#414141;}
.wt h3 span{ display: inline-block; margin-top: 15px;}
.wt h3 a{ font-size: 18px; line-height: 66px; color:#101010;}

.wt dl{margin:0 40px 20px 28px;}
.wt dt{ height:36px; border-bottom: 1px solid #d8d8d8; padding-left: 40px;background: url(../images/w.gif) no-repeat 0 0;line-height: 23px; font-size: 14px;}
.wt dt a{ color:#101010;}
.wt dd{background: url(../images/d.gif) no-repeat 0 0; padding-left: 40px; margin-top: 12px; font-size: 14px; line-height: 24px; color:#6d6d6d;}

.about{width:638px;height:335px; float: left;margin-top: 79px; overflow: hidden;background:#f9f9f9;}
.about h2{background:#00479d;padding: 0 20px; height:57px; overflow: hidden; text-transform: uppercase;line-height: 57px; font-size: 16px;}
.about h2 a{ color:#fff;}
.about h2 i{display: inline-block; font-family:Arial ; color:#a3b3d2;padding-left: 10px;font-weight: normal; }
.about h2 span a{color:#a3b3d2;font-weight: normal; }

.about dl{margin:32px 43px 0 25px;}
.about dt{ float: left;width:208px;overflow: hidden;}
.about dt img{ width:208px; height:208px;}
.about dd{ width:326px; float: right; overflow: hidden;}
.about dd h3{height:40px; line-height: 40px; overflow: hidden; font-size: 18px;}
.about dd h3 a{ color:#333333;}
.about dd p{padding-top: 16px; font-size: 14px; line-height: 22px; color:#333333;}

.ry{ width:536px; float: right; overflow: hidden; margin-top: 79px; position: relative;}
.ryprev{left: 0px;}
.rynext{right: 0px;}
.ryprev , .rynext{position: absolute; top:126px;width:34px; height:34px; z-index: 8;background:#d8d8d8;border-radius: 100%;}
.ryprev:hover ,.rynext:hover{background:#00308c;}
.ryimg{ width:507px;height:335px;background:#f9f9f9; margin: 0 auto; overflow: hidden;}
.ryimg li{ float: left; width:203px;overflow: hidden;margin:40px 0 0 34px;}
.ryimg li img{ display: block; margin: 0 auto 0; width:143px;height:197px;background: url(../images/ry_bj.jpg) no-repeat 0 0; padding: 6px; position: relative; z-index: 3;}
.ryimg li span{height:35px;background:#888f9a;margin-top: -30px; font-size: 14px; color:#fff; line-height: 20px;padding-top: 40px;  text-align: center; display: block;}

.link_bj{background: url(../images/link_bj.jpg) no-repeat 0 0;height:83px; overflow: hidden;}
.link{width:1200px;margin: 0 auto; overflow: hidden;}
.link h2{ width:100px; overflow: hidden; float: left; font-size:14px; line-height: 83px; overflow: hidden;color:#252525;font-weight: normal;}
.link p{  width: 700px; float: left; font-size: 14px;overflow: hidden; line-height:83px; color:#666; }
.link p a{ color:#666; padding:0 30px 0 0;}