@charset "utf-8";
/* CSS Document*/
.warp{width: 1200px;margin: 0 auto}
.header{background-color: rgb(255, 255, 255);box-shadow: 0px 2px 3.92px 0.08px rgba(0, 0, 0, 0.09);height: 103px;}

.header .header-row{overflow: hidden;width: 215px;height: 104px;float:left;}
.logo{ background:url('1012553.jpg') no-repeat center center; height:47px; width:215px; background-size:195px 47px;display: inline-block;margin-top: 32px}
.header .nav{ margin:54px 0 0 15px; height:49px; float:left;}
.header .nav ul {overflow: hidden;}
.header .nav li{ float:left; font-size:16px; margin-left:74px;}
.header .nav li a{ color:#000; font-size:16px; padding: 14px 0 12px 0; text-align: center;text-decoration: none;display: inline-block;}
.header .nav .on a,.header .nav li a:hover{ border-bottom: 2px solid #C32924;}

.slider{position: relative;}
.slider .hd{overflow:hidden;height: 12px;position: absolute;width: 1200px;z-index: 999;bottom: 21px;line-height: 12px;margin:0 auto;left: 0;right: 0}
.slider .hd ul{overflow:hidden;zoom:1;margin: 0 auto;text-align: center;width: 65px;}
.slider .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin-left:7px; text-indent:-999px; cursor:pointer; background:url('1012564.png') 0 -12px no-repeat; }
.slider .hd ul li.on{ background-position:0 0px; }

.slider .bd {position: relative;height: 100%;z-index: 0;width: 1920px;overflow: hidden;margin: 0 auto;}
.slider .prev,.slider .next{width: 34px;height: 76px;position: absolute;top: 241px;}
.slider .prev{background:url('1012562.png') no-repeat center center;left: 245px}
.slider .next{background:url('1012561.png') no-repeat center center;right: 245px;}


.service{height: 644px;}
.service-tt{text-align: center;}
.box{padding-top: 54px }
.box ul{overflow: hidden;width: 1300px}
.box ul li{float:left;height:380px;width: 282px;margin-right: 41px;overflow:hidden;background:url(1023116.jpg)  0 400px no-repeat;position:relative;}
.box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
.box ul li u{position:absolute;display:block;margin-left: 37px;width:200px;height:200px;background:url(1012563.png)  no-repeat;-webkit-transition:all .5s ease-in-out .0s;transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s;-ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;}
.box ul li u.cr{clip:rect(0px,200px,-10px,100px);   }
.box.active ul li u.cr{clip:rect(0px,200px,200px,100px); }
.box ul li:hover u.cr{ clip:rect(0px,200px,-10px,100px)}
.box ul li u.cl{clip:rect(200px,100px,2000px,0px) }
.box.active ul li u.cl{clip:rect(0px,100px,200px,0px);   }
.box ul li:hover u.cl{ clip:rect(200px,100px,2000px,0px) }
.box ul li i{display:block;font-style:normal;position:absolute;height:75px;width:58px;left: 107px;top: 56px;}
.box ul li.box1 i{ background:url(1012500.png) 0px 0px no-repeat}
.box ul li:hover.box1 i{ background:url(1012500.png) -58px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box2 i{background:url(1012501.png) 0px 0px no-repeat;height:85px;top: 59px;width:82px;left;left: 95px;}
.box ul li:hover.box2 i{ background:url(1012501.png) -82px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box3 i{background:url(1012502.png) 0px 0px no-repeat;width:73px;left: 101px;height: 70px;top: 65px;}
.box ul li:hover.box3 i{ background:url(1012502.png) -73px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box4 i{background:url(1012503.png) 0px 0px no-repeat;width:78px;left: 100px;height: 61px;top: 72px;}
.box ul li:hover.box4 i{ background:url(1012503.png) -78px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li h3{ font-size:20px; color:#fff; padding:0; margin:0; line-height:24px; font-weight:normal; text-align:center; margin-top:252px;}
.box ul li h3 a{ color:#2E2E2E}
.box ul li p{ font-size:14px; color:#95b3d8; line-height:20px; margin:20px 0 0 0; padding:0 22px}
.box ul li p a{color:#5D5D5D;}
.box ul li p a:hover{color:#fff;}
.box ul li:hover p a{color:#fff;}
.box ul li:hover h3 a{color:#fff;}



.customer{background: url('1012545.jpg') no-repeat center center;height: 595px;width: 100%}
.customer-tt{text-align: center;}
.customer-tt h2,.service-tt h2{font-size: 30px; line-height: 55px;padding-top: 36px}
.customer-tt p,.service-tt p{margin: 0;font-size: 14px;line-height: 48px}
.customer-cont{background: url('1012544.png') no-repeat center center;height: 202px;margin-top: 159px}
.customer-cont ul{overflow: hidden;width: 1210px}
.customer-cont ul li {width: 200px;height: 50px;text-align: center;;float: left;}
.customer-cont ul li a{font-size: 16px;line-height: 55px}

.news{height: 542px}
.news a{text-decoration: none;}
.news-tt{font-size: 30px;line-height: 69px;padding: 52px 0 18px 0;text-align: center;}

.news-left{overflow: hidden;float: left;margin-left:-650px;padding-left: ;line-height: ;font-size: ;font-weight: ;}
.news-left dl{ width:302px; margin-right:20px; float:left;font-size: 14px;color: #5D5D5D}
.news-left dl dt img{ width:302px; height:200px;}
.news-left dl dd h2{ width:302px; font-size:16px; color:#000; line-height:28px; margin:10px 0; height:55px; overflow:hidden; font-weight:normal;}
.news-left dl dd p{ width:302px; height:100px; overflow:hidden;margin: 0;}
.news-left dl dd span{ width:300px; }
.news-left dl dd span a{ width:68px; float:right;color: #5D5D5D}

.news-right{ width:550px; height:400px; float:right; overflow:hidden;margin-right:-550px;}
.news-right ul{overflow: hidden;}
.news-right ul li{ height:98px; margin-bottom:5px;width: 550px}
.news-right ul li dl{ width:96px; height:83px; margin-right:20px; border:1px solid #c1c1c1; float:left;}
.news-right ul li dl dt{ font-size:30px; font-weight:bold; line-height:54px; text-align:center;color: #2E2E2E}
.news-right ul li dl dd{  text-align:center;font-size: 16px;border-top: 1px solid #D7D7D7;color: #5D5D5D;line-height: 30px}
.news-right ul li h2{ font-size:16px; line-height:30px; width:432px; float:left; font-weight:bold;padding-bottom: 5px;}
.news-right ul li p{ font-size:12px; color:#666666; width:432px; float:left;margin: 0;line-height: 22px }

.news-right ul li:hover dl{ width:96px; height:83px; margin-right:20px;float:left; border:1px solid #c1c1c1}
.news-right ul li:hover dl dt{ font-size:30px; font-weight:bold; line-height:54px; text-align:center;color: #1C519F}
.news-right ul li:hover dl dd{  text-align:center;color: #fff;background: #1C519F;font-size: 16px;border-top: 1px solid #c1c1c1;line-height: 30px}
.news-right ul li:hover h2{ font-size:16px; line-height:30px; width:432px; float:left;}
.news-right ul li:hover h2 a{ color:#1C519F;}
.news-right ul li:hover p{ font-size:12px; color:#1C519F;width:432px;margin: 0}

.hr-106{height: 106px;border-bottom: 4px solid #DADADA;}

.map{text-align: center;}

.footer{height: 119px;background:url('1012547.png') repeat;color: #FAEEEE;padding-top: 30px}
.footer p{margin: 0}
.footer-l{font-size: 14px;float: left;width: 588px}
.footer-l span{float: left;}
.footer-s{height: 43px}
.footer-l .e-mail{background: url('1012546.png') no-repeat left center;width: 253px;padding:0 46px 0 41px}
.footer-l .add{background: url('1012490.png') no-repeat left top;line-height:20px;padding-left: 38px;}
.footer-l .tel{background: url('1012565.png') no-repeat left center;padding-left: 30px;}
.footer-r{float: right;font-size: 12px;text-align: right;padding-top: 25px;line-height: 22px}
.footer-r a{color: #FAEEEE}

/* cf add */
.cf_pages{text-align:right;clear:both;background:#fff;line-height:45px;padding: 10px 0 30px;font-size: 14px;}
.cf_pages a{border:1px solid #d0d0d0;padding:6px 10px 5px;color: #808080;}
.cf_pages a.cur{border:1px solid #254A90;background:#254A90;color:#fff}
.cf_pages a:hover{ border:1px solid #254A90;background:none; color:#254A90;text-decoration:none;}



.cf_main{width: 1200px;margin: 0 auto;}
.cf_banner{width: 100%;height: 200px;background: #eee;}
.cf_banner_b1{background: url(1012491.jpg) no-repeat top center;}
.cf_banner_b2{background: url(1012492.jpg) no-repeat top center;}
.cf_banner_b3{background: url(1012493.jpg) no-repeat top center;}
.cf_banner_b4{background: url(1012494.jpg) no-repeat top center;}
.cf_banner_b5{background: url(1012495.jpg) no-repeat top center;}
.cf_banner_b6{background: url(1012496.jpg) no-repeat top center;}
.cf_banner_b7{background: url(1012497.jpg) no-repeat top center;}

.cf_abt_navs {padding: 30px 0;}
.cf_abt_navs ul {overflow: hidden;}
.cf_abt_navs ul li {width: 115px;float: left;height: 40px;line-height: 40px;text-align: center;border: 1px solid #C9C9C9;margin-right: 20px;border-radius: 4px;}
.cf_abt_navs ul li a {display: block;color: #666;font-size: 15px;text-decoration: none;}
.cf_abt_navs ul li:hover,.cf_abt_navs ul li.on {background: #226AC2;border: 1px solid #226AC2;transition:all .5s ease-in-out 0s;}
.cf_abt_navs ul li:hover a,.cf_abt_navs ul li.on a {color: #fff;transition:all .5s ease-in-out 0s;}

.cf_spcontent{font-size: 15px;color: #333;}
.cf_spcontent p{line-height: 26px;}

.cf_block{padding: 50px 0 60px;width: 100%;}
.cf_block01{background: #fff;}
.cf_block02{background: #FBFBFB;    height: 455px;}
.cf_block03{background: #FBFBFB url(1012504.jpg) no-repeat center bottom;}
#cf_block03{height: 444px;}
#cf_block04{height: 460px;}

.cf_btt{font-size: 30px;color: #cb2e1f;text-align: center;padding-bottom:30px; }
.cf_btt span{display: inline-block;font-size: 30px;color: #cb2e1f;text-align: center;line-height: 60px;border-bottom: 1px solid #cb2e1f;}
.cf_bcon{font-size: 14px;color: #666;line-height: 26px;}

.cf_cplist{width: 1230px;margin-left: -20px;overflow: hidden;padding: 40px 0 10px;}
.cf_cplist li{display: block;float:left;width: 390px;height: 165px;margin-left: 20px;margin-bottom: 40px;}
.cf_cplist li a{display: block;width: 388px;height: 165px;border: 1px solid #E8E8E8;transition:all .5s ease-in-out 0s;}


.cf_cplist li a:hover{background: #FF6161;border: 1px solid #FF6161;text-decoration: none;color:#fff;transition:all .5s ease-in-out 0s;}

.cf_cplogo{float: left;border: 1px dashed #ccc;border-radius: 100%;width: 128px;height: 128px;margin: 15px;}
.cf_cplogo img{display: block;width:120px;height:120px;border: 2px solid #fff;border-radius: 100%;margin: 2px auto 0;}
.cf_cpname{font-size: 18px;font-weight: 700;padding: 20px 10px 20px 0;line-height: 24px;color: #444;transition:all .5s ease-in-out 0s;}
.cf_cpinfo{font-size: 14px;padding:0px 10px 0 0;line-height: 18px;color: #666;transition:all .5s ease-in-out 0s;}

.cf_cplist li a:hover .cf_cpname,.cf_cplist li a:hover .cf_cpinfo{color: #fff;transition:all .5s ease-in-out 0s;}



.cf_allist{width: 1220px;margin-left: -20px;overflow: hidden;padding: 40px 0 10px;}
.cf_allist li{display: block;float:left;width: 285px;height: 248px;margin-left: 20px;margin-bottom: 20px;}
.cf_allist li a{display: block;width: 285px;height: 247px;border-bottom: 1px solid #E8E8E8;transition:all .5s ease-in-out 0s;}


.cf_allist li a:hover{border-bottom: 1px solid #CB2E1F;text-decoration: none;color:#fff;transition:all .5s ease-in-out 0s;}

.cf_allogo{width: 285px;height: 211px;}
.cf_allogo img{display: block;width:285px;height:211px;}
.cf_alname{font-size: 16px;line-height: 33px;color: #333;background: url(1012505.jpg) no-repeat right center;}

.cf_allist li a:hover .cf_alname{color: #CB2E1F;background: url(1012506.jpg) no-repeat right center;}

.cf_alnavs_w{overflow: hidden;background: url(1012507.jpg) repeat-x center center;padding: 30px 0 0px;}
.cf_alnavs {padding: 30px 0 0;overflow: hidden;text-align: center;}
.cf_alnavs li {display: inline-block;width: 160px;height: 160px;text-align: center;background: #fff;}
.cf_alnavs li a {display: block;width: 160px;height:35px;padding-top:125px;color: #666;font-size: 16px;text-decoration: none;background: url(1012514.png) no-repeat 0 0;transition:all .5s ease-in-out 0s;}
.cf_alnavs li a:hover,.cf_alnavs li.on a {color: #254A90;transition:all .5s ease-in-out 0s;}

.cf_alnavs li a.cf_i1{background:url(1012515.jpg) no-repeat center 0px;}
.cf_alnavs li a.cf_i2{background:url(1012517.jpg) no-repeat center 0px;}
.cf_alnavs li a.cf_i3{background:url(1012519.jpg) no-repeat center 0px;}
.cf_alnavs li a.cf_i4{background:url(1012521.jpg) no-repeat center 0px;}

.cf_alnavs li.on a.cf_i1,.cf_alnavs li a.cf_i1:hover{background:url(1012516.jpg) no-repeat center 0px;}
.cf_alnavs li.on a.cf_i2,.cf_alnavs li a.cf_i2:hover{background:url(1012518.jpg) no-repeat center 0px;}
.cf_alnavs li.on a.cf_i3,.cf_alnavs li a.cf_i3:hover{background:url(1012520.jpg) no-repeat center 0px;}
.cf_alnavs li.on a.cf_i4,.cf_alnavs li a.cf_i4:hover{background:url(1012522.jpg) no-repeat center 0px;}


.cf_zpintro{color: #666;line-height: 20px;padding: 30px 0 0;}


.cf_zplist{width: 1200px;overflow: hidden;padding: 10px 0 40px;}
.cf_zplist li{display: block;margin-bottom: 20px;overflow: hidden;}
.cf_zplist li a{display: block;background: #F4F4F4 url(1012508.jpg) no-repeat right center;cursor: default;overflow: hidden;transition:all .5s ease-in-out 0s;}


.cf_zplist li a:hover{background: #F4F4F4 url(1012509.jpg) no-repeat right center;text-decoration: none;color:#333;}

.cf_zplogo{float: left;width: 190px;height:150px;line-height: 30px;border-right: 1px dashed #333;font-size: 18px;text-align: center;margin: 20px 30px 20px 10px;vertical-align: middle;}
.cf_zpinfo{padding:30px;float: left;font-size: 16px;line-height: 33px;color: #666;width:860px;}

.cf_zplist li a:hover .cf_zpinfo{color:#333;}


.cf_lxwm{padding: 50px 0;}
.cf_lxlogo{padding: 20px 50px;border-right: 1px dashed #ccc;width: 300px;}
.cf_lxinfo{padding: 20px 20px 20px 100px;line-height: 33px;color: #666;font-size: 16px;}
.cf_lxinfo img{vertical-align: text-top;}
.cf_lxmap{ width:100%; height:420px; margin:36px 0;}



.cf_xwlist{width: 1200px;overflow: hidden;padding: 10px 0 10px;}
.cf_xwlist li{display: block;height: 195px;margin-top: 30px;}
.cf_xwlist li a{display: block;}


.cf_xwlist li a:hover{text-decoration: none;}


.cf_xwname{padding: 20px;width:95px;height:155px;float:left;font-size: 16px;line-height: 36px;color: #999;background: #F4F4F4;overflow: hidden;text-align: right;}
.cf_xwinfo{float: left;width: 1020px;height: 162px;font-size: 14px;line-height: 18px;color: #666;border: 1px solid #eee;overflow: hidden;margin-top: 5px;padding:10px 20px;border-left: none;}

.cf_xwday{font-size: 48px;font-weight: 700;line-height: 40px;}
.cf_xwdate{display: block;background: url(1012510.jpg) no-repeat right bottom;line-height: 40px;}
.cf_xwview{font-size: 12px;display: block;background: url(1012512.jpg) no-repeat right top;padding-top: 20px;margin-top: 20px;}

.cf_xwinfo h4{color: #555;font-size: 20px;font-weight: 700;line-height: 60px;}
.cf_xwinfo p{color: #888;line-height: 26px;}

.cf_xwlist li a:hover .cf_xwname{background: #2678C3;color: #fff;}
.cf_xwlist li a:hover .cf_xwinfo{color: #2678C3;border-color:#2678C3;}

.cf_xwlist li a:hover .cf_xwdate{background-image: url(1012511.jpg);}
.cf_xwlist li a:hover .cf_xwview{background-image: url(1012513.jpg);}

.cf_xwlist li a:hover .cf_xwinfo h4{color: #2678C3;}
.cf_xwlist li a:hover .cf_xwinfo p{color: #2678C3;}



/*首页的新闻动态*/
.information{overflow: hidden;}
.earth{width: 622px;height: 400px;}
.earth_y{width: 301px;}

.earth_img{height: 198px;margin-bottom: 14px;}
.earth_img img{width:301px;height: 198px;display: block; }

.earth_zt{overflow: hidden;}
.earth_zt h3,.earth_zt h3 a{color: #333333;font-size: 16px;line-height: 24px;padding-bottom: 20px;}
.earth_zt p{line-height: 22px;font-size: 14px;color: #666666;}

.earth_sj{height: 20px;}
.earth_sj span{float: left;line-height: 20px;color: #666666;font-size: 14px;}
.earth_sj a{float: right;font-size: 12px;line-height: 20px;display: block;color: #666;}


.newslisth{ width:548px;margin-left:30px;height: 400px;}
.newslisth ul{}
.newslisth ul li{ height:85px; margin-bottom:20px;}
.newslisth ul li dl{ width:96px; height:83px; margin-right:15px; border:1px solid #c1c1c1; float:left;}
.newslisth ul li dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;height: 53px;}
.newslisth ul li dl dd{border-top:1px solid #c1c1c1;  text-align:center;height: 30px;line-height: 30px;font-size: 16px;color: #666;}
.newslisth ul li h2 a{ font-size:18px; line-height:30px; width:435px; float:left; font-weight:normal;    margin-bottom: 15px;}
.newslisth ul li p{ font-size:12px; color:#666666; width:435px; float:left;}

.newslisth ul li:hover{ height:85px; margin-bottom:20px;color:#0068b7;}
.newslisth ul li:hover dl{ width:96px; height:83px; margin-right:15px;float:left; border:1px solid #c1c1c1;}
.newslisth ul li:hover dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;color: #0068b7;}
.newslisth ul li:hover dl dd{ color:#fff; text-align:center;background: #0068b7;}
.newslisth ul li:hover h2{ font-size:16px; line-height:30px; width:435px; float:left;}
.newslisth ul li:hover h2 a{ color:#0068b7;}
.newslisth ul li:hover p{ font-size:12px;color:#0068b7;width:435px;}

.newsore{height: 32px;margin: 30px 0px;}
.newsore h4{width: 480px;border-top: 1px dashed #c0c0c0;height: 15px;float: left;display: block;margin-top: 17px;}
.newsore a{height: 30px;width: 98px;border: 1px solid #c1c1c1;text-align: center;line-height: 32px;display: block;float: left;margin:0px 70px;}

.fictitious{overflow: hidden;margin: 20px 0px 120px 0px;}
.fictitious ul{}
.fictitious ul li{ height:196px; margin-bottom:30px;background: url(1012648.png) 0px 4px no-repeat;}
.fictitious ul li dl{ width:145px; height:196px; margin-right:15px;float:left;}
.fictitious ul li dl dt{font-size:48px; font-weight:bold; line-height:50px; height: 53px;color: #999999;padding:20px 0px 10px 60px;}
.fictitious ul li dl dd{height: 30px;line-height: 30px;font-size: 16px;color: #999999;padding-left: 60px;}
.fictitious ul li h2{ font-size:20px; line-height:30px; width:1010px; float:left; font-weight:bold;  margin:35px 0px 20px 0px ;}
.fictitious ul li p{ font-size:14px; color:#888888; width:1010px; float:left;line-height: 24px;}


.fictitious ul li:hover{height:196px; margin-bottom:30px;background: url(1012647.png) 0px 4px no-repeat;}
.fictitious ul li:hover dl{ width:145px; height:196px; margin-right:15px;float:left; }
.fictitious ul li:hover dl dt{font-size:48px; font-weight:bold; line-height:50px;  height: 53px;padding:20px 0px 10px 60px;color: #fff;}
.fictitious ul li:hover dl dd{ color:#fff; padding-left: 60px;}
.fictitious ul li:hover h2{ font-size:20px; line-height:30px; width:1010px; float:left;}
.fictitious ul li:hover h2 a{ color:#2678c3;}
.fictitious ul li:hover p{ font-size:14px;color:#2678c3;width:1010px;}

.comeious_y{height: 25px;margin-top: 18px;}
.comeious{    padding-left: 5px;float:right; color:#888; font-size:14px; line-height:20px; background: url(1012646.png) 0px 2px no-repeat; text-indent:18px;}
.comeious a{color:#888;}

.comeibg{overflow: hidden;margin-bottom: 30px;}
.comeibg h1{ font-size:30px; line-height:30px; color:#000000; font-weight:normal; text-align:center; margin-top:30px;}
.comeibg h4{ font-size:14px; color:#999999; line-height:30px; text-align:center; font-weight:normal; margin-top:11px; }
.comeibg .line{ background:#dddddd; height:1px; width:100%; margin-top:28px;margin-bottom:40px;}
.comeibg p{ color:#4c4c4c; font-size:14px; line-height:24px; margin-top:25px; text-indent:2em;}
.comeibg .return{ width:129px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:16px; background:url(1012645.png) no-repeat; margin:auto; margin-top:68px; opacity:0.91;margin-bottom: 50px;}
.comeibg .return a{ color:#fff;width:129px; display:block;}