@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

/*banner*/
		.banner{height: 650px;position: relative;}
		.bdu{width: 100% !important;height: 650px;}
		.bdu li{width:100% !important;}		
		.bdu li a{display: block;height: 650px;}
		.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 30px;text-align: center;}
		.hdu li{display: inline-block;width: 80px;height: 10px;background: #fff;margin: 5px;}
		.hdu li.on{background: #0446b7;}
/*search*/
.search{height: 76px;border-bottom:1px solid #e5e5e5;}
.search p{float: left;height: 76px;line-height: 76px;font-size: 14px;color: #666;overflow:hidden; }
.search p b{color: #666666; font-weight:bold;}
.search p a{margin: 0 8px;color: #666;}
.s_box{float: right;width: 320px;height: 36px;border-bottom:1px solid #d2d2d2;margin-top:20px;background:#fff;}
.s_box .input1{float:left;width:280px;padding-left:18px;height:36px;line-height: 36px;font-size:14px;color:#b2b2b2;border:0;background: none;outline: 0;}
.s_box .input2{float:right;width:20px;height: 20px;border: 0;background:url(img/sea.png) no-repeat center;outline: 0;cursor: pointer; margin-top:-27px; margin-right:10px;}

/*.pro{ height:900px;}*/
.pro h2{font-weight: normal; font-weight:bold;  font-size:36px; color:#cc3333;height:100px; padding-top:80px; text-align:center;}
.pro h2 span{display: block;font-size: 18px;color: #666;line-height: 40px; background:url(img/tit_bg.png) no-repeat center; font-weight:normal;}

.pro_l{float: left;width: 232px;}
.pro_l h3 img{ height:115px; width:278px; display:block; margin-bottom:11px;}
.pro_l li{height: 84px; float:left;color:#333333; font-size:16px;  width:276px; margin-bottom:11px; border:1px solid #cccccc;}
.pro_l li i{ float:left; font-family:"Impact"; font-size:45px; color:#cccccc; text-align:center; margin-top:19px; margin-left:10px;}
.pro_l li span{ display:block; font-size:16px; color:#666666; padding-top:26px; text-align:center;}
.pro_l li span em{ display:block; font-size:11px; color:#cccccc; text-transform:uppercase; }

.pro_l li.cur span ,.pro_l li:hover span{ color:#ee3333; font-weight:bold;}
.pro_l li.cur span em,.pro_l li:hover span em{ color:#ee3333; font-weight:normal;}
.pro_l li.cur i,.pro_l li:hover i{ color:#ee3333;}
.pro_con{ height:515px;}
.pro_con dl{float:right;width: 892px;height: 500px;position: relative;}
.pro_con dt img{display: block;width: 892px;height: 500px;}
.pro_con dd{position: absolute;width:892px; padding-left:40px;left: 0;bottom: 0;height:96px;background:rgba(0,0,0,0.75);box-sizing:border-box; }
.pro_con dd h4 { float:left; width:270px; text-align:center; border-right: 1px solid #fff;margin:10px 0; height:40px; padding:10px 20px 20px 0;  }
.pro_con dd h4 a{ color:#fff;}
.pro_con dd h4 span{ font-size:22px; font-weight:bold; color:#fff;}
.pro_con dd h4 span b{ color:#cc3333;}
.pro_con dd h4  em{ display:block; color:#fff;}
.pro_con dd p{ float:left;display: block; font-size: 14px; line-height:25px;color:#fff;  }
.pro_con .pro_p{ margin-top:20px; float:left; width:400px; margin-left:30px; } 
.pro_con dd i{ display:block; height:67px; width:120px; float:right; color:#fff; font-size:14px; line-height:24px; text-align:center; background:#db2f45; padding-top:29px; } 
.pro_con dd i a{ color:#fff;}
.pro_con dd i b{ display:block; margin-top:10px;}
.pro_a{ margin-top:30px; position:relative}
.pro_a ul{margin-left:-7px;}
.pro_a li{float: left;margin:0 12.8px; position:relative;}
.pro_a li i{display:block;width: 276px;height: 156px; overflow:hidden; }
.pro_a li img{display:block;width: 276px;height: 156px;transition: all 0.5s linear;} 
.pro_a li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro_a li span{display:block;font-size: 14px;color: #434f64;text-align: center;line-height: 54px;height:67px;}
.pro_a .sprev{position: absolute;left:-1px;top:60px;width:28px;height: 28px;background:url(img/prev.png) no-repeat;z-index: 10;}
.pro_a .snext{position: absolute;right:-7px;top: 60px;width:28px;height: 28px;background:url(img/next.png) no-repeat;z-index: 10;}

.ser{ height:520px; background:#f7f7f7; margin-top:50px;}
.ser  h2{font-weight: normal; font-size:36px; font-weight:bold; color:#cc3333;height:100px; padding-top:50px; text-align:center;}
.ser h2 span{display: block;font-size: 18px;color: #666;line-height: 40px; background:url(img/tit_bg.png) no-repeat center;font-weight:normal;}
.ser_con ul{ height:280px;}
.ser_con ul li{float:left;width:274px;height:304px;  margin:0 14px; box-sizing: border-box;}
.ser_con ul li i{display: block; width:90px; height:90px; margin:40px auto 10px; transition: all 0.5s ease-in-out;}
.ser_con ul li:hover i{transform: rotateY(180deg);}
.ser_con ul li em{display: block; font-size: 24px;line-height: 24px; font-weight:bold; color:#333333;  text-align: center; height:50px; position:relative;}
.ser_con ul li em:after{position:absolute;width: 30px;height: 2px;background: #b71c22;content: "";right:120px;top: 40px;}
.ser_con ul li p{font-size: 14px; color:#666666; line-height: 20px;text-align: center;}

.ser_con ul li:hover{ background:url(img/li_hover.jpg) no-repeat center;}
.ser_con ul li.ser4{margin-right:0; }
.ser_con ul li.first,.ser_con ul li:hover em{ color:#fff;}
.ser_con ul li.first,.ser_con ul li:hover em:after{ background:#fff;}
.ser_con ul li.first,.ser_con ul li:hover p{ color:#fff;}
.ser_con .s1{ background:url(img/ser1.png) no-repeat top;}
.ser_con .s2{ background:url(img/ser2.png) no-repeat top;}
.ser_con .s3{ background:url(img/ser3.png) no-repeat top;}
.ser_con .s4{ background:url(img/ser4.png) no-repeat top;}
.ser_con .ser1:hover .s1{ background:url(img/ser01.png) no-repeat top;}
.ser_con .ser2:hover .s2{ background:url(img/ser02.png) no-repeat top;}
.ser_con .ser3:hover .s3{ background:url(img/ser03.png) no-repeat top;}
.ser_con .ser4:hover .s4{ background:url(img/ser04.png) no-repeat top;}



.adv h2{font-weight: normal; font-size:36px; font-weight:bold; color:#cc3333;height:100px; padding-top:80px; text-align:center;}
.adv h2 span{display: block;font-size: 18px;color: #666;line-height: 40px; background:url(img/adv_tit.png) no-repeat center;font-weight:normal;}
.adv  dd  h3{color:#000000; font-weight:normal; margin-top:110px; padding-left:150px; height:140px; padding-top:40px;}
.adv  dd  h3 span{ display:block; font-size:37px; font-weight:bold; line-height:38px;}
.adv  dd  h3 span b{ font-family:"????????????"; color:#cc3333; font-size:68px; font-weight:normal;}
.adv  dd  h3 span em{ display:block; text-transform:uppercase; font-size:15px; color:#666; font-weight:normal;}
.adv  dd p{ width:510px; color:#666; font-size:15px; line-height:24px; margin-left:20px; padding-left:20px; background:url(img/p_bg.jpg) no-repeat left 7px; }
.l1{ height:455px; background: url(img/adv1.jpg) no-repeat center;}
.l2{ height:455px; background: url(img/adv2.jpg) no-repeat center;}
.l3{ height:455px; background: url(img/82fd343563c24037ab6963525175ea86_2.jpg) no-repeat center;}
/*<img src="20180921142519000688/resource/images/82fd343563c24037ab6963525175ea86_2.jpg" title="20180921142519000688/resource/images/82fd343563c24037ab6963525175ea86_2.jpg" alt="1578039537"/>*/
.l4{ height:455px; background: url(img/d1b5dda323984f2e9979f3d9024767b0_4.jpg) no-repeat center;}

.l5{ height:455px; background: url(img/d1b5dda323984f2e9979f3d9024767b0_6.jpg) no-repeat center;}
.l1 h3{ background:url(img/ad1.jpg)  no-repeat center;}
.l2 h3{ background:url(img/ad2.jpg)  no-repeat center;}
.l3 h3{ background:url(img/ad3.jpg)  no-repeat center;}
.l4 h3{ background:url(img/ad4.png)  no-repeat center;}
.l5 h3{ background:url(img/ad5.jpg)  no-repeat center;}


.case{ height:1000px;}
.case h2{font-weight: normal; font-size:36px; font-weight:bold; color:#cc3333;height:100px; padding-top:80px; text-align:center;}
.case h2 span{display: block;font-size: 18px;color: #666;line-height: 40px; background:url(img/case_tit.png) no-repeat center;font-weight:normal;}

.case_l{float: left;width: 232px; height:530px;}
.case_l li{height: 92px; text-align:center;color:#333333; font-size:18px;  width:232px; margin-bottom:15px; border:1px solid #cccccc;}
.case_l li span{ display:block; font-size:18px; color:#666666; padding-top:30px;}
.case_l li span em{ display:block; font-size:12px; color:#cccccc; text-transform:uppercase; }
.case_l li.cur,.case_l li:hover{ background:url(img/case_hover.jpg) no-repeat center; border:none; height:94px; width:234px;}
.case_l li.cur span ,.case_l li:hover span{ color:#fff;}
.case_l li.cur span em,.case_l li:hover span em{ color:#fff;}
.case_con{ height:530px;}
.case_con dl{float:right;width: 940px;height: 530px;position: relative;}
.case_con dt img{display: block;width: 940px;height: 530px;}
.case_con dd{position: absolute;width:940px; padding-left:60px;left: 0;bottom: 0;height:130px;background:rgba(0,0,0,0.75);box-sizing:border-box; }
.case_con dd h3 { float:left; width:245px; border-right: 1px solid #fff;margin:20px 0; height:50px; padding:20px 20px 20px 0;  }
.case_con dd h3 span{ font-size:22px; font-weight:bold; color:#fff;}
.case_con dd h3 span b{ color:#cc3333;}
.case_con dd h3  em{ display:block; color:#fff;}
.case_con dd p{ float:left;display: block; font-size: 14px; line-height:18px;color:#fff; padding:38px 50px 0 30px; width:385px;}
.case_con dd i{ display:block; height:76px; width:130px; float:right; color:#fff; font-size:14px; line-height:24px; text-align:center; background:#cc3333; padding-top:54px; }
.case_con dd i a{ color:#fff;}
.case_con dd i b{ display:block; margin-top:10px;}
.coop{ overflow:hidden; position:relative}
.coop h4{ float:left; font-size:18px; font-weight:bold; color:#666666;margin-top:18px; margin-bottom:18px; margin-left:10px;}
.coop h4 span{ display:block; font-size:24px; color:#999999; text-transform:uppercase; font-weight:normal; line-height:30px;}
.coop ul{margin-left:-7px;}
.coop li{float: left; margin-left:10px; position:relative;}
.coop li i{display:block;width: 184px;height: 105px; border:1px solid #cecece;}
.coop li img{display:block;width: 184px;height: 105px;} 
.coop li span{display:block;font-size: 14px;color: #434f64;text-align: center;line-height: 54px;height:67px;}
.coop .sprev{position: absolute;right:56px;top:40px;width:28px;height: 28px;background:url(img/prev.png) no-repeat;z-index: 10;}
.coop .snext{position: absolute;right:16px;top: 40px;width:28px;height: 28px;background:url(img/next.png) no-repeat;z-index: 10;}
.xad{height: 200px;background:url(img/xad_bg.jpg) no-repeat bottom center;}
.xad_r{padding-top: 70px; }
.xad_r .zx{float:right;width:200px;height:50px;line-height: 50px; text-align:center; border-radius:10px;font-size:16px;color:#fff;border:0;background: #cc3333;outline: 0;margin-right:230px;}

/*about*/
.abt h2{font-weight: normal; font-size:36px; font-weight:bold; color:#cc3333;height:100px; padding-top:80px; text-align:center;}
.abt h2 span{display: block;font-size: 18px;color: #666;line-height: 40px; background:url(img/abt_tit.png) no-repeat center;font-weight:normal;}
.abt dl{height:390px;}
.abt dt{float: left;width: 694px;height: 390px;}
.abt dd{float: left;width: 465px;margin-left: 40px;}
.abt dd h3{background:url(img/abt_r_bg.png) no-repeat center;height:120px;}
.abt dd span{display:block;font-size: 24px;line-height: 24px;color: #cc3333; padding:50px 0 0; }
.abt dd span em{ display:block; font-size:14px ; color:#999999; font-weight:normal;}
.abt dd p{font-size: 15px;color: #666;line-height: 24px;}
.abt dd .more{display:block;width: 160px;height: 55px;line-height: 55px; background:#cc3333;text-align: center;margin-top:70px;font-size:14px;color: #fff;}
.abt dd .more img{ margin-left:10px;}

.abt h4{height:56px;border-top:1px solid #cecece;font-weight:normal; margin-top:28px;}
.abt h4 span{float: left;width:278px;height:56px;line-height: 56px;text-align: center;font-size: 14px;color: #999999;margin-right:20px; font-weight:normal; text-transform:uppercase;}
.abt h4 span.first{ float:left;}
.abt h4 span.last{ float:right;}
.abt h4 span b{ font-weight:bold; font-size:16px;}
.abt h4 span a{color: #999999; height:57px;}
.abt h4 span.cur b{color:#cc3333; border-top:1px solid #cc3333; display:inline-block;}
.abt_pic{ position:relative;  margin-bottom:50px;}
.abt_pic li{float: left;margin-right:30px; position:relative;}
.abt_pic li.first{ margin-left:0;}
.abt_pic li img{display:block;width: 278px;height: 157px;}
.abt_pic li span{display:block;font-size: 14px;color: #434f64;text-align: center;line-height: 54px;height:67px;}


.abt .sprev{position: absolute;left:-32px;top:60px;width:22px;height: 32px;background:url(img/sprev.png) no-repeat;z-index: 10;}
.abt .snext{position: absolute;right:-32px;top: 60px;width:22px;height: 32px;background:url(img/snext.png) no-repeat;z-index: 10;}
.abt_pic  ul li span{display: none;width:278px; height:156px;background:rgba(0,0,0,0.5); position: absolute;left:0;top:0;}
.abt_pic  ul li span i{display: block;text-align: center; z-index:100;font-size: 14px; color:#FFF; padding-top:30px; background:url(img/abt_ic.png) no-repeat top center; margin:40px auto 0;}
.abt_pic  ul li:hover span{display: block;}
.abt_pic  ul li:hover b{display: none;}

.news{height:800px;}
.news h2{font-weight: normal; font-size:36px; font-weight:bold; color:#cc3333;height:100px; padding-top:80px; text-align:center;}
.news h2 span{display: block;font-size: 18px;color: #666;line-height: 40px; background:url(img/tit_bg.png) no-repeat center;font-weight:normal;}
.news h3{height: 38px;border-bottom:1px solid #ccc;margin-bottom: 30px;font-size:18px;line-height: 18px;}
.news h3 a{float: left;color: #666666;height:38px; font-weight:normal;}
.news h3 a.cur{border-bottom:1px solid #cc3333;color: #cc3333;}
.news h3 i{float: left;color: #ccc;margin:0 10px;font-weight:normal;}

.new_l{float: left;width:572px;}
.new_l  dt span img{ display:block;width:572px; height:322px;position:relative;}
.new_l dd{height:130px; width:572px; border-bottom: 1px dashed #d3d3d3;}
.new_l dd .p2 {font-size: 16px; margin-top:15px;line-height:24px; color:#333; font-weight:bold; }  
.new_l dd .p3 {font-size: 14px; margin-top:10px;line-height:24px; color:#666666; }
.new_l .news_list{ height:180px; background:#fff; border:1px solid #d5d5d5; border-top:0; padding-top:20px;}
.new_l li {font-size: 14px;color: #999999;line-height: 40px;height:40px;}
.new_l li a{color: #999999;}
.new_l li  span{color:#999999; float:right;}


.new_r{float: right;width:570px;position:relative;}
.new_r h4 a{font-size: 16px; margin-top:15px;line-height:24px; color:#111111; }  
.new_r p {font-size: 14px; margin-top:10px;line-height:24px; color:#666666;height:100px; width:572px;  border-bottom: 1px dashed #d3d3d3;}
.new_r ul{ margin-top:20px;}
.new_r li {font-size: 14px;line-height: 37px;height:37px;}
.new_r li a{color: #999999;}
.new_r li  span{color:#999999; float:right; }

.new_r dl{height:180px;margin-top:32px;}
.new_r dt{float: left;}
.new_r dt img{display:block;width: 422px;height: 129px;}
.new_r dd{float:right;width: 148px;height:129px;background:url(img/abt_r_bg.jpg) no-repeat center;}
.new_r dd h5{font-size: 16px;line-height: 24px;margin-top:50px; margin-left:40px;height:48px;}
.new_r dd h5 a{color:#fff;}
.new_r dd h5 span{ display:block; margin-left:25px;}

.links{height: 115px;font-size: 14px;color: #1f1f1f; margin-top:50px; border-top:1px solid #cccccc;}
.links h4{ display:block; margin-top:35px; font-size:18px; color:#666666; font-weight:bold; }
.links h4 em{ font-size:16px; color:#cccccc; }
.links p{float: left; margin-top:10px;}
.links p a{margin-right: 80px;color: #999;font-size: 14px;}
.links span{ display:block; float:right;}
.links span a{color:#666666;}