@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:#305dc3;text-align: center; line-height: 40px; overflow: hidden; height:80px;}
.bt01 a{ color:#305dc3;}
.bt01 span{ color:#444;}
.bt01 i{ font-size: 12px; font-weight: normal; color:#999999;font-family: Arial;display: block; text-transform: uppercase;letter-spacing: 2px;}
.bt01 img{vertical-align: middle;margin:0 15px;}


.pro_bj{height:844px;width:1200px; margin: 55px auto 0; overflow: hidden;font-family:"Microsoft Yahei";}
.list{width:281px;border:2px solid #305dc3;border-top: 6px solid #1c4ea1;height:705px; overflow: hidden; margin-top: 30px;}
.list h3{background: #305dc3 ; height:80px; font-size: 26px;text-align: center;overflow: hidden; line-height: 34px;padding-top: 24px;}
.list h3 a{ color:#fff;}
.list h3 i{display: block; font-size: 14px; color:#b8bfcd;font-weight: normal; text-transform: uppercase;line-height: 30px;}
.list h4{height:63px;border-bottom:1px solid #ebebeb; overflow: hidden; font-size: 18px;font-weight: normal;}
.list h4 a{ color:#333333; background: url(../images/list_ico01.gif) no-repeat 203px center; display: block;padding-left: 47px; line-height: 63px;}
.list h4 a:hover , .list h4.cur a{ background: url(../images/list_ico.gif) no-repeat 203px center;color:#444;}
.list ul{ margin:0 35px;}
.list li{padding-left: 28px; position: relative; font-size: 14px; line-height: 40px; color:#666666; border-bottom: 1px dashed #efeded;}
.list li:hover a , .list .cur1 a{ color:#444;}

.pro{width:900px; margin-top: 30px; overflow: hidden; }
.pro h3{height:30px; overflow: hidden;position: relative; font-size: 16px;line-height: 20px;}
.pro h3 i{ font-size: 12px; font-family: Arial; color:#305dc3; text-transform: uppercase;display: inline-block;padding-left: 10px;font-weight: normal;}
.pro h3 a{ color:#305dc3;}
.pro h3 span{ font-size: 12px; text-transform: uppercase;font-weight: normal;}
.pro h3::before{position: absolute; content: ""; width:100%; height:1px; bottom:0; left: 0;background:#305dc3;}
.pro h3::after{position: absolute; content: ""; width:190px; height:1px; bottom:0; left: 0;background:#444;}
.pro li{width:290px; height:276px; float: left; overflow: hidden;line-height: 0;margin:45px 15px 0 0; border-bottom: 1px solid #305dc3;}
.pro li:nth-child(3n){margin-right: 0;}
.pro li img{width:290px;height:217px;}
.pro li span{display: block;height:59px;line-height: 59px;text-align: center; color:#333333; font-size: 16px;}
.pro li:hover{border-bottom:1px solid #305dc3;}
.pro li:hover img{border:1px solid #305dc3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro li:hover span{ color:#305dc3;}

.serv_bj{background: url(../images/fang_bj.jpg) repeat-y center 0 ;height:590px;padding-top: 55px; overflow: hidden;font-family:"Microsoft Yahei";}
.serv{ width:1208px; margin: 0 auto;overflow: hidden;}
.serv_c{margin:55px 25px 0; float: left; width:252px;height:450px; overflow: hidden;transition: all 0.6s;}
.serv_c dl{ width:250px;height:346px; border:1px solid #305dc3; border-top: 3px solid #305dc3;}
.serv_c dt{ font-size: 20px; color:#305dc3;font-weight: bold;text-align: center;line-height: 90px;}
.serv_c dt img{display: block; width:115px; height:115px;background:#305dc3;border-radius: 100%;margin: 0 auto;}
.serv_c dd{padding: 25px 26px 0; font-size: 18px; line-height: 26px; color:#333333;text-align: center;}
.serv_c span{ width:120px; height:40px;background:#305dc3; font-size: 16px;display: block;text-align: center; line-height: 40px;position: relative; margin: -20px auto 0;}
.serv_c span a{ color:#fff;}
.serv_c:hover {transform: scale(1.15);}
.serv_c:hover dl{ border:1px solid #818080; border-top: 3px solid #818080;background:#fff;}
.serv_c:hover dt img{background:#818080;}
.serv_c:hover dt { color:#818080;}
.serv_c:hover dd{ color:#888888;}
.serv_c:hover span{background:#818080; }

.case{width:1200px; height:787px; margin:65px auto 0;font-family:"Microsoft Yahei";position: relative;}
.case_c{  height: 398px;background:#f9f8f8; overflow: hidden;}
.case_c dl{height: 398px; overflow: hidden;}
.case_c dt{width:705px; height: 398px; overflow: hidden; float: left;transition: all 0.6s; z-index: 9;}
.case_c dt img{width: 705px; height: 398px;}
.case_c dd{width:488px; overflow: hidden; height:308px; float: left;margin:54px 0 0 -44px; z-index: 9; position: relative; background: url(../images/case_wz.png) no-repeat 0 0;padding: 64px 30px 0 60px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box;}
.case_c dd h3{font-size: 20px; line-height: 34px;padding-bottom: 15px;font-weight: normal; position: relative;overflow: hidden;}
.case_c dd h3 a{ color:#305dc3;}
.case_c dd h3::before {position: absolute;    content: ''; width:31px;height:1px;background:#305dc3; bottom:0;left: 0;}
.case_c dd p{line-height: 28px; font-size: 14px;padding:20px 0 0; color:#666666; overflow: hidden;}
.case_c dd p a{ color:#444; }
.case_c dl:hover dt{transform: scale(1.05); }

.case_nav { margin-top: 40px; height:195px; overflow: hidden; position: relative;}
.case_nav li{ float: left; width: 228px; height: 70px;overflow: hidden;margin:0 15px 15px 0; }
.case_nav li a{display: block; font-size: 18px; color:#333333; padding-left: 83px; border:1px solid #eeeeee; height:68px; line-height: 68px;}
.case_nav li:nth-child(5n){margin-right: 0;}
.case_nav li:nth-child(1) a{background:#f5f5f5 url(../images/case_ico01.gif) no-repeat 33px center ;}
.case_nav li:nth-child(2) a{background:#f5f5f5 url(../images/case_ico02.gif) no-repeat 33px center ;}
.case_nav li:nth-child(3) a{background:#f5f5f5 url(../images/case_ico03.gif) no-repeat 33px center ;}
.case_nav li:nth-child(4) a{background:#f5f5f5 url(../images/case_ico04.gif) no-repeat 33px center ;}
.case_nav li:nth-child(5) a{background:#f5f5f5 url(../images/case_ico05.gif) no-repeat 33px center ;}
.case_nav li:nth-child(6) a{background:#f5f5f5 url(../images/case_ico06.gif) no-repeat 33px center ;}
.case_nav li:nth-child(7) a{background:#f5f5f5 url(../images/case_ico07.gif) no-repeat 33px center ;}
.case_nav li:nth-child(8) a{background:#f5f5f5 url(../images/case_ico08.gif) no-repeat 33px center ;}
.case_nav li:nth-child(9) a{background:#f5f5f5 url(../images/case_ico09.gif) no-repeat 33px center ;}
.case_nav li a:hover , .case_nav .cur a{color:#fff;}
.case_nav li:nth-child(1) a:hover , .case_nav  li:nth-child(1).cur a{background:#444 url(../images/case_ico11.gif) no-repeat 33px center ;}
.case_nav li:nth-child(2) a:hover , .case_nav  li:nth-child(2).cur a{background:#444 url(../images/case_ico12.gif) no-repeat 33px center ;}
.case_nav li:nth-child(3) a:hover , .case_nav  li:nth-child(3).cur a{background:#444 url(../images/case_ico13.gif) no-repeat 33px center ;}
.case_nav li:nth-child(4) a:hover , .case_nav  li:nth-child(4).cur a{background:#444 url(../images/case_ico14.gif) no-repeat 33px center ;}
.case_nav li:nth-child(5) a:hover , .case_nav  li:nth-child(5).cur a{background:#444 url(../images/case_ico15.gif) no-repeat 33px center ;}
.case_nav li:nth-child(6) a:hover , .case_nav  li:nth-child(6).cur a{background:#444 url(../images/case_ico16.gif) no-repeat 33px center ;}
.case_nav li:nth-child(7) a:hover , .case_nav  li:nth-child(7).cur a{background:#444 url(../images/case_ico17.gif) no-repeat 33px center ;}
.case_nav li:nth-child(8) a:hover , .case_nav  li:nth-child(8).cur a{background:#444 url(../images/case_ico18.gif) no-repeat 33px center ;}
.case_nav li:nth-child(9) a:hover , .case_nav  li:nth-child(9).cur a{background:#444 url(../images/case_ico19.gif) no-repeat 33px center ;}
.case_nav span{position: absolute; top: 85px; right: 0;display: block; width:228px; }
.case_nav span a{display: block;font-size: 18px; color:#333333; padding-left: 83px; border:1px solid #eeeeee; height:68px; line-height: 68px; background:#f5f5f5 url(../images/case_ico10.gif) no-repeat 33px center ;}
.case_nav span a:hover{background:#444 url(../images/case_ico20.gif) no-repeat 33px center ; color:#fff;}

.case_prev{position: absolute;top:327px; right: 108px;background:#305dc3;width:49px;height:27px;z-index: 8;}
.case_next{position: absolute;top:327px; right: 50px;background:#305dc3;width:49px;height:27px;z-index: 8;}
.case_prev:hover{background:#444;}
.case_next:hover{background:#444;}

.pic{background: url(../images/pic.jpg) no-repeat center 0 ;height:406px;overflow: hidden;font-family:"Microsoft Yahei";position: relative;}
.pic i{display: block; position: absolute;top: 207px; right: 50%; margin-right: -600px; width:120px;height:34px; background:#444; font-size: 14px;text-align: center; line-height: 34px;}
.pic i a{ color:#fff;}
.pic p{position: absolute; top: 199px; right:50%; margin-right: -450px; font-size: 14px; color:#ffffff; overflow: hidden; text-align: right; line-height: 24px; width:250px;}
.pic p b{display: block; font-size: 28px; color:#ffffff; line-height: 32px;background: url(../images/tel01.png) no-repeat 0 center;padding-left: 25px;} 

.ys{font-family:"Microsoft Yahei";height:1652px; width:1200px; margin: 16px auto 0; overflow: hidden; position: relative;}
.ys h2{height:130px;}
.ys h2 em{display: block; font-size: 22px; color:#454545;font-weight: normal; line-height: 40px;}
.ys h2 i{line-height: 20px;}
.ys1{position: absolute; top: 153px; right:0; width:653px;height:364px;overflow: hidden;}
.ys1 img{width:653px;height:364px;}
.ys2{position: absolute; top: 517px; left:0; width:600px;height:333px;overflow: hidden;}
.ys2 img{width:600px;height:333px;}
.ys3{position: absolute; top: 877px; right:0; width:600px;height:333px;overflow: hidden;}
.ys3 img{width:600px;height:333px;}
.ys4{position: absolute; top: 1241px; left:0; width:600px;height:333px;overflow: hidden;}
.ys4 img{width:600px;height:333px;}
.ys dl{position: absolute; overflow: hidden;}
.ys .dl01{left: 0; top: 189px; width:438px;background: url(../images/yse1.gif) no-repeat 0 0 ;}
.ys .dl02{right: 20px; top: 554px; width:443px;background: url(../images/yse2.gif) no-repeat 0 0 ;}
.ys .dl03{left: 0; top: 909px; width:435px;background: url(../images/yse3.gif) no-repeat 0 0 ;}
.ys .dl04{right: 20px; top: 1275px; width:438px;background: url(../images/yse4.gif) no-repeat 0 0 ;}
.ys dl{padding-left: 79px;}
.ys dt{ font-size: 28px; color:#305dc3;padding-bottom:15px; line-height: 40px; position: relative;}
.ys dt b{ color:#444; display: block;font-size: 32px;}
.ys dt::before {position: absolute;  content: ''; width:50px;height:1px; background:#444;bottom:0;left: 0; z-index: 3;}
.ys dt::after {position: absolute;  content: ''; width:100%;height:1px; background:#999999;bottom:0;left: 0;}
.ys dd {margin-top: 20px; font-size: 14px; line-height: 28px; color:#666;}
.ys dd span{color:#444;}

.coo_bj{background: url(../images/coo_bj.jpg) no-repeat center 0 ;height:570px;overflow: hidden;font-family:"Microsoft Yahei";position: relative;}
.coo{width:1200px; margin: 0 auto; padding-top: 70px;}
.coo h2 a{ color:#fff;}
.coo h2 i { color:#fff;}
.coo ul{margin-top: 30px;}
.coo li{ float: left;width:240px; line-height: 0;position: relative;margin:0 -1px -1px 0;}
.coo li img{border:1px solid #dddcdc; width:238px;height:135px; transition: all 0.6s;}
.coo li a:hover img{transform: scale(1.05); z-index: 9;border:1px solid #444;box-shadow: 0 2px 5px 2px #fbebec; position: relative;}

.news_bj{width:1200px;height:768px;margin:97px auto 0;font-family:"Microsoft Yahei";overflow: hidden;}
.news_bj h2{height:120px;}
.news{width:420px;height:550px; overflow: hidden;border: 1px solid #f6f6f6;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: left;box-shadow: 0 2px 5px 2px #e9e9e9;}
.news h3{background: url(../images/news_t.jpg) no-repeat center 0 ; height:210px; overflow: hidden;text-align: center;font-weight: normal;}
.news h3 a{display: block;margin-top: 67px; padding-top: 66px; font-size: 22px; color:#fff; line-height: 24px;background:url(../images/newsico03.png) no-repeat center 0;}
.news h3 i{display: block; font-size: 18px;font-family: Arial;font-weight: normal; color:#fff;text-transform: uppercase; line-height: 30px; }
.news dl{margin: 23px 30px 0;height:98px; border-bottom: 1px dashed #e8e8e8; overflow: hidden;}
.news dt{width:128px; float: left; overflow: hidden;}
.news dt img{width:128px; height:72px;}
.news dd{float: right;width:212px;overflow: hidden;}
.news dd h4{height:24px; line-height: 24px; font-size: 14px; overflow: hidden;font-weight: normal;}
.news dd h4 a{ color:#333333;}
.news dd p{ font-size: 14px; line-height: 24px; color:#666666;}
.news ul {margin:12px 30px 0;height:146px;}
.news ul li{ font-size: 14px; line-height: 34px; color:#666666;}
.news li a{ color:#333333;}
.news li a:hover { color:#DDDDDD;}
.news span{display: block;margin-left: 350px;}

.faq , .news1{width:390px;height:500px; overflow: hidden;margin-top: 20px; border: 1px solid #f6f6f6;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.faq h3 , .news1 h3{height:200px; overflow: hidden;background:#f6f6f6 url(../images/newsico01.gif) no-repeat center 52px;padding:118px 0 0;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal;text-align: center;}
.news1 h3{background:#f6f6f6 url(../images/newsico02.gif) no-repeat center 52px;}
.faq h3 a , .news1 h3 a{ display: inline-block;line-height: 24px; color:#305dc3;font-size: 20px;}
.faq h3 i , .news1 h3 i{ display: block; font-size: 18px;font-family: Arial;font-weight: normal; color:#305dc3;text-transform: uppercase; }
.news1 ul, .faq ul {padding: 30px 0 0 55px;height:204px; overflow: hidden;}
.news1 ul li, .faq ul li{ font-size: 14px; line-height: 40px; color:#666666;}
.news1 span , .faq span{display: block;margin-left: 285px;}

.about{background: url(../images/about.jpg) no-repeat center 0 ;height:526px;overflow: hidden;font-family:"Microsoft Yahei"; position: relative;}
.about dl{position: absolute; top: 124px;right: 50%;margin-right: -600px;width:527px; z-index: 2; overflow: hidden;background:rgba(255,255,255,0.6);border:1px solid #edeff1;padding-bottom: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.about dt{width:527px;height:205px; position: relative; overflow: hidden;}
.about dt span{  font-size: 18px; color:#305dc3; top: 144px;left: 150px;position: absolute;display: block;}
.about dt img{width:527px;height:205px; }
.about dd{padding: 24px 0 0 45px;}
.about dd a{display: inline-block;padding-left: 24px; font-size: 16px ;color:#174b89; line-height: 24px;background:url(../images/about_ico1.png) no-repeat 0 center ; width:90px;}
.about dd a:hover{background:url(../images/about_ico.png) no-repeat 0 center ; color:#d1292e;}

.link_bj{background: url(../images/link_bj.gif) repeat-y center 0 ;height:74px; overflow: hidden; }
.link{width:1200px; margin: 0 auto; height: 74px; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{ width:80px; overflow: hidden; float: left; font-size:14px; line-height: 74px; overflow: hidden;color:#555555;}
.link p{  width: 820px; float: left; font-size: 14px;overflow: hidden; line-height: 74px; color:#555555; }
.link p a{ color:#555555; padding:0 20px;background:url(../images/link_ico.gif) no-repeat 0 center ;}