@charset "utf-8";
.logo{float:left; width:35%; height:130px; background:#fba31d}
.logo ul{ width:62%; float:right}
.logoimg1{  float: left; width:98%; padding-top:4%}
.logoimg2{ display: none; float:right} 
.logoimg3{  float: right; margin-right:-114px; z-index:1999; position:relative}
@media only screen and (max-width:1799px) {.logo ul{ width:73%;}   } 
@media only screen and (max-width:1659px) {.logo ul{ width:76%;}  } 
@media only screen and (max-width:1450px) {.logo ul{ width:88%;}  } 
@media only screen and (max-width:1365px) {.logo ul{ width:93%; }  }
@media only screen and (max-width:1279px) {.logo ul{ width:98%}    }  
@media only screen and (max-width:1150px) {
.logoimg1{ padding-top:6%} }
@media only screen and (max-width:1024px) { 
.logo{ width:100%; height:auto; padding:1% 0%}
.logo ul{ width:100%; padding:0%}
.logoimg1{ float:left; width:47%; padding:0%}  
.logoimg2{ float: right;width:36%; display:inline; }    
.logoimg3{ display: none;} 
} 
@media only screen and (max-width:850px) {     
} 
@media only screen and (max-width:768px) {  
.logo{ width:100%; text-align:center}
.logoimg1{ width:80%; margin: 0 auto; float:none}   
.logoimg2{ display:none} 
} 
@media only screen and (max-width:600px) {        
.logoimg1{ width:100%; }   
}    
@media only screen and (max-width:414px) {   
.logoimg1{ width:100%;}    
} 

.header{ width:100%; background:url(../images/header.png) no-repeat left top;background-size:10% 100%;}
 #topnav{ width:100%; float:left;  height:40px; background:#000000; overflow:hidden}  
 .tb{ width:100%; float:left}
.tbyc{ width:67%; float:left; padding-left:11.5%}
.tbyc a{ line-height:40px; color:#FFFFFF}
.tbyc h2{ float:right; width:40%;  text-align:right}
.tbyc h2 a{ width:100%; display:block}
.tbyc h2 img{ margin-bottom:-0.5%; padding-right:1%}
#nav1{ width:65%; float:left; height:130px; }
#nav{ width:100%; float:left; height:90px; line-height:90px; font-family:"微软雅黑"}
#nav ul{ width:73%; float:left; padding-left:10%; list-style-type:none}
#nav ul li{ float:left; width:12%; text-align:center}
#nav ul li a{ color:#666; text-align:center; font-size:18px}
#nav ul li:hover{ background:#fba31d; display:inline-block} 
#nav ul li:hover a{ color:#FFFFFF}
#nav dt{ display:none}

@media only screen and (max-width:1799px) {
#nav ul{ width:78%;}
.tbyc{ width:76%; }
 } 
@media only screen and (max-width:1659px) {
#nav ul{ width:80%;}
.tbyc{ width:76%; }
#nav ul li a{ font-size:16px}
} 
@media only screen and (max-width:1450px) {
#nav ul{ width:88%;}
.tbyc{ width:78%; padding-left:15.5% } 
 } 
@media only screen and (max-width:1365px) {
#nav ul{ width:91%;}
.tbyc{ width:81% }
 }    
@media only screen and (max-width:1279px) {
#nav ul{ width:94%;}
.tbyc{ width:83% }    
}  
@media only screen and (max-width:1200px) {
.tbyc h2{ width:34%; float:left; text-align:left}
}
@media only screen and (max-width:1100px) {
.tbyc h2{ width:35%}
}
@media only screen and (max-width:1024px) {
#topnav{ display:none}
#nav1{ width:100%; height:60px; background:#FFFFFF}
#nav{  height:60px; line-height:60px; }
#nav ul{ width:100%; padding-left:0%;  }
#nav ul li:hover{ background:#425b10; } 
}

@media only screen and (max-width:768px) {
#nav1{  height: auto; padding:2% 0% }
#nav{  height: auto; line-height:40px; }
#nav ul li{  width:25%; height:40px;}
}
/*Banner*/
.fullSlide { width:100%; position:relative; } 
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; z-index:1996; position:relative } 
.fullSlide .bd ul { width:100% !important; }
.fullSlide .bd li { width:100% !important; height:550px; overflow:hidden; text-align:center; background-position:center top; background-repeat: no-repeat; z-index:1996; position:relative} 
.fullSlide .bd li a { display:block; height:550px; } 
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:20px; left:0; height:10px; line-height:10px; } 
.fullSlide .hd ul { text-align:center; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px; margin:2px; border-radius:20px; overflow:hidden; background:#fff; line-height:999px; background:#333; } 
.fullSlide .hd ul .on { background:#0C0;width:50px; height:20px; border-radius:10px  } 
.fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer;/* filter:alpha(opacity=50); opacity:0.5; */display:none; width:73px; height:73px; } 
.fullSlide .prev { background:#000; }
.fullSlide .next { left:auto; right:5%; background:#01983b; }
<!--内页导航--> 
{} 
.maincp li{ background:#f5f5f5} 
.maincp li:hover{ background:#01983b} 
.maincp_top h4{ color:#01983b}
.maincp_top h4 a{  color:#01983b} 
.maincpab{ width:100%; padding-bottom:3%}
.maincpab li{ width:15.5%; margin:0% 0.5% 1% 0.5%; }
.maincpab li h2{ text-align:center; line-height:50px; height:50px; overflow:hidden}
.maincpabry{ width:100%; padding:3% 0%}
.maincpabry li{width:23%; margin:0% 1% 1% 1%;  }
.maincpabry li h2{ text-align:center; line-height:50px; height:50px; overflow:hidden}

.cpfl1_top{ background:#000;  }
.left{ border:3px #000 solid }
/*页脚区域*/  
.yqlj{ width:100%; margin:0px auto; padding:2% 0% 2% 0%}
.yqlj img{ margin-bottom:-0.5%}
.yqlj a{ line-height:30px; padding:0% 1%}
#footer{ width:100%; margin:0px auto;background:#2e2e2e;background-size:cover; color:#fff; line-height:30px;}
#footer a{ color:#fff} 
.copyright{ width:100%; margin:0px auto; text-align:left; color:#fff}
.copyright p{ float:right}  
.copyrightno{ text-align:left; width:100%; display:block; float:left}

.foot{ color:#fff; } 
.footer{  padding:3% 0% 2% 0%;  }  
.footdivli{width:12%;  margin-right:2%} 
.footdivli li{ width:100%;  }     
.footdivdt{width:18%; line-height:30px;  margin-right:2%} 
.footdivdt li{ width:50%; }   
.footdivul{width:11%; float: right; text-align: center;  }
.footdivul h2{width:100%; line-height:50px; }  
.footdivul p{ width:100%; display:block} 
.footdivul p strong{ padding-left:10px; font-weight:normal} 
.footdivul li{width:74%; text-align: center; background:url(../images/footdivul.png) no-repeat center top; background-size:100% 100%; padding:20px 20px 26px 20px} 
.footdivul li img{ width:92%; margin: 0 auto; border:3px #fff solid} 
.footdivgg{ width:26%; float: left; margin-left:2%; } 
.footdivgg_div p{ line-height:33px; color:#fff; }   
.footbot{ border-top:1px #3e3e3e solid; padding:1% 0%; } 
.footbot p{ display:inline; float:right}
.footbot p a{ padding:0px 2px;}
.footbotli{ text-align:left; width:100%;}
.footer_top{ color:#D3D3D3; padding:0px 0px 20px 0px } 
.footer_top span{ line-height:34px; text-transform:uppercase; color:#ff7802; height:34px; overflow:hidden; display:block}
.footer_top h2{ line-height:52px; }
.footer_top b{ width:14%; height:1px; display:block; background:#ff7802}  
@media only screen and (max-width:1300px) { 
.footdivul{ padding:0% 3%}
} 
@media only screen and (max-width:1024px) {  
.footdivdt{ width:27%}  
.footdivli{ width:17%}
.footdivul{ display:none}
}  
@media only screen and (max-width:850px) {   
.footer{ padding:3% 0% 0% 0%}    
.footdivgg{ width:50%; padding-left:0%; margin-left:0%; padding-bottom:2%} 
.footdivgg .footer_top{ display: block; width:100%; padding:2% 0%; d}
.footdivul{ display: inline;  width:17%; padding-top:4%; float: left}  
.footdivul p{ display:none}
.footdivdt{ width:100%; height:auto; padding:1% 0%; border-right:none} 
.footdivdt li a{ padding-left:0%; color:#000!important} 
.footdivli{ width:100%; padding:1% 0%; ; border-right:none} 
.footdivli li a{ padding-left:0%; color:#000!important}
.footdivdt li{ background:#fff; width:31.3%; margin:0% 1% 1% 1%; padding:0.5% 0%; text-align:center} 
.footdivli li{ background:#fff; width:23%; margin:0% 1% 1% 1%; padding:0.5% 0%; text-align:center} 
.footer_top h2{ line-height:32px;}
.footer_top b{ width:4%; height:2px;}
}  
@media only screen and (max-width:768px) {   
.header1 li{ background:#fba31d;}  
#footer{ padding:3% 0% 20% 0%}
.footer{ padding:0%} 
.footdivgg{ width:50%!important;}
.footdivdt p{ width:47.5%; float:left;  color:#FFFFFF; margin-right:1%; padding:1% 0% 1% 1%} 
.footbot{ padding:2% 0% 7% 0%; background:none}  
.copyright{ float:left; text-align:center}  
.footbot p{ width:100%; display:block}
.copyright span{ display:none}
.copyrightno{ display:none}
.footdivdt p{ display:none} 
.footer_top{ padding:2% 0%}
.footdivdt li{ padding:0%}
.footdivli li{ padding:0%}
  
} 
@media only screen and (max-width:600px) { 
#footer{ padding:5% 0% 25% 0%;  } 
.footdivli li{ width:31.3%} 
.footdivul{ width:21%}
 } 
@media only screen and (max-width:500px) { 
#footer{ padding:5% 0% 30% 0%;  } 
.footdivdt p{ width:100%; background:none; padding:0% 0%;} 
.footdivdt li{ width:31%} 
.footdivul{ padding-top:8%; }
.footdivgg{ width:63%!important;}
.footdivgg p{ }

}   
@media only screen and (max-width:414px) {  
.footdivli li{ width:48%} 
.footdivdt h2{ width:93%}
.footdivdt h2 a img{ padding-right:2%}
.footdivgg{ width:60%!important}
.footdivli li:nth-child(n+11){ display: block}
.footdivdt li{ width:31%} 
}  
@media only screen and (max-width:380px) { #footer{ padding:2% 0% 40% 0%;  }  
.footdivgg{ width:100%!important}
.footdivul{ display:none}
  }    
   
.cpfl{ float:left;  width:100%; background:url(../images/cpfl.jpg) repeat-x center bottom; padding-bottom:2%}
.cpflbot_top{ width:100%; margin: 0 auto;  text-align:center; padding:2% 0%;} 
.cpflbot_top h2{  display:block; line-height:70px; color:#fba31d; margin-top:-54px; font-weight:bold}
.cpflbot_top h2 strong{ color:#000000}
.cpflbot_top span{ line-height:60px; font-size:80px; text-transform:uppercase; width:100%; display:block; color:#f5f5f5}  
.cpflbot_top p{ line-height:30px; font-size:16px; display:block; width:100%}  
.cpfl ul{ list-style-type:none; padding:5px 0px 0px 0px; }
.cpfl ul li{ width:11.6%; float:left ; margin:0% 0.5% 1% 0.5%; border-radius:150px 150px 0px 0px; background:#f1f0f0; padding:2% 2% 1% 2%}
.cpfl ul li h2{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%; }
.cpfl ul li h2 img{ width:86%; height:86%; float:left; position:absolute;border-radius:150px; border:10px #FFFFFF solid} 
.cpfl ul li dt{ height:50px;line-height:50px; overflow:hidden; text-align:center; float:left; width:100%; color:#000}
.cpfl ul li:hover{ background:#fba31d}
.cpfl ul li:hover dt{ color:#FFFFFF} 
@media only screen and (max-width:1200px){  
.cpfl ul li h2 img{ width:83%; height:83%; } 
}
@media only screen and (max-width:1024px){   
.cpfl ul li{ width:20%}
.cpfl ul li h2 img{ width:89%; height:89%; } 
}
@media only screen and (max-width:850px){  
.cpfl ul li h2 img{ width:86%; height:86%; } 
} 
@media only screen and (max-width:768px){  
.cpfl ul li h2 img{ width:92%; height:92%;border:5px #FFFFFF solid } 
} 
@media only screen and (max-width:600px){   
.cpfl ul li{ width:28%} 
}
@media only screen and (max-width:414px){   
.cpfl ul li{ width:45%} 
.cpflbot_top span{ font-size:56px;}
.cpflbot_top h2{height:50px;}
}

.maincpsy{ width:100%; margin: 0 auto; background:url(../images/maincpsy.jpg) repeat; padding:3% 0% 2% 0%;}   
.cpfl_top{ width:100%; margin: 0 auto;  text-align:center; margin-bottom:3%} 
.cpfl_top h2{ line-height:40px;  width:100%; font-weight:bold; color:#fba31d; padding-bottom:2%}
.cpfl_top  strong{ color:#000; } 
.cpfl_top p{ line-height:30px; height:30px; font-size:16px; display:block; width:38%; margin: 0 auto; background:#01983b; color:#FFFFFF;border-radius:50px; overflow:hidden} 
 
.pro_list{ width:100%; margin:0px auto;  }
.pro_list ul{ width:100%;  float:left; }
.pro_list ul li{  width:24%;margin:0% 0.5% 0% 0.5%; float:left}
.pro_list ul h2{width:100%;  float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.pro_list ul h2 img{ width:100%; height:100%; float:left; position:absolute;} 
.pro_list ul dt{ width:100%; float:left; line-height:48px; height:48px; text-align:center; color:#535353;  font-weight:normal}
.pro_list ul dt a{ color:#535353; text-align:center;  font-weight:normal}

.pro_list ul h2 img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.pro_list ul li:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);} 
@media only screen and (max-width:1200px){   
.cpfl_top p{ width:48%; } 
}
@media only screen and (max-width:900px){
.cpfl_top p{ width:65%; } 
}
@media only screen and (max-width:768px){  
.pro_list ul li{ width:32.3%} 
.cpfl_top p{  font-size:14px;  width:76%; } 
}
@media only screen and (max-width:500px){   
.cpfl_top p{ width:98%; } 
.pro_list ul li{ width:49%} 
}


.mainab{ width:100%; margin: 0 auto; background:url(../images/mainab.jpg) no-repeat;background-size: cover;  padding:3% 0% 3% 0%; margin-top:1%}  
.announce{ width:18%; float:left; padding:47px 3% 47px 3%; margin:0% 1%; line-height:30px;background:url(../images/15.jpg) no-repeat left top } 
.announcet{ background:#fff; padding:20px}
.announcet p{ height:240px; overflow:hidden}
.announce ul IMG{ width:100% }
.announce_top{ width:100%;  margin-bottom:3%; line-height:50px; font-weight:bold}
.announce_top .dot{ display: inline-block; width: 14px; height: 14px;  border-radius: 50%; box-sizing: border-box; margin: 0 10px; border: 3px solid #fba31d; vertical-align: middle;} 
.announce_top span{ float:right; text-transform:uppercase; color:#000; display:none} 
.announce_top a{ color:#000}
 
.companyt{  width:100%; line-height:30px;}
.company_top{ width:100%; margin: 0 auto; text-align:center; padding:0% 0% 1% 0%; color:#000000}  
.company_top h1{ line-height:60px; color:#fba31d; font-weight:bold}
.company_top h2{ line-height:60px; text-transform:uppercase; font-size:24px; color:#555}
.companytdl{ float: left; width:74%} 
.companytul{   color:#555; text-align:center; margin-bottom:3%}
 
.mainab_botl{ width:100%; float:left}
.mainab_botl ul{ width:100%;}
.mainab_botl li{ width:31%; float:left; height:432px; margin:0% 1%; overflow:hidden}
.mainab_botl li dt{ width:100%; height:432px; float:inherit }
.mainab_botl li dt img{ height:100%;  float:left}
.mainab_botl li span{  display:block; line-height:60px;  text-align:center; margin-top:-289px; width:60px; height:160px; float:left; margin-left:37%; background:url(../images/titbg1.jpg) no-repeat;background-size:100% 100%; writing-mode: tb-rl;color:#000; font-size:18px; z-index:1999; position:relative}  
.mainab_botl li:hover span{  background:url(../images/titbg2.jpg) no-repeat;background-size:100% 100%; color:#FFFFFF;}  

.mainab_botl li dt img { height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.mainab_botl li dt:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);} 

@media only screen and (max-width:1659px){ 
.company_top h2{ line-height:31px;} 
}
@media only screen and (max-width:1500px){ 
.company_top h2{ line-height:31px;} 
}
@media only screen and (max-width:1200px){ 
.announcet p{ line-height:27px;} 
}
@media only screen and (max-width:1180px){ 
.announcet p{ line-height:24px;} 
}
@media only screen and (max-width:1024px){ 
.announce{ display:none;} 
.companytdl{ width:100%}
}
@media only screen and (max-width:850px){  
.mainab_botl li{  height:380px; }
.mainab_botl li dt{ height:380px;}
.mainab_botl li span{ margin-top:-260px}
}
@media only screen and (max-width:768px){ 
.company_top h2{ line-height:20px; font-size:18px} 
.mainab_botl li{  height:300px; }
.mainab_botl li dt{ height:300px;}
.mainab_botl li span{ margin-top:-227px}
}
@media only screen and (max-width:500px){ 
.mainab_botl li{ width:98%; margin-bottom:2%; height:430px;}
.mainab_botl li dt{ height:430px;}
.mainab_botl li span{  margin-top:-289px; margin-left:46%}  
}

@media only screen and (max-width:414px){ 
.mainab_botl li span{ margin-left:37%}
}
@media only screen and (max-width:328px){  
.mainab_botl li{ height:230px;}
.mainab_botl li dt{ height:230px;}
.mainab_botl li span{  margin-top:-200px; margin-left:40%}   
}

 
.cfsj{ margin: 0px auto; padding:2% 0% 0% 0%;background:url(../images/cfsj.jpg) no-repeat left bottom #f7f7f7;background-size:41% 72%; border-top:6px #01983b solid} 
.cfsj_tops{ width:100%; margin: 0 auto; text-align:center;  color:#FFFFFF;padding-bottom:2%} 
.cfsj_tops h2{ line-height:60px;  width:100%; font-weight:bold; color:#fba31d; }
.cfsj_tops h2 strong{ color:#000; }  
.cfsj_tops p{ line-height:30px; height:30px; font-size:16px; display:block; } 
.cfsj_top{ width:24%; float:left; color:#FFFFFF; padding:4% 0% 0% 0%} 
.cfsj_top h2{ line-height:40px;  width:100%; font-weight:bold; color:#fff; padding-bottom:14%}
.cfsj_top b{ width:20%; height:2px; display:block; background:#fba31d}
.cfsj_top  strong{ color:#fff; line-height:60px;} 
.cfsj_top p{ line-height:30px; height:30px; font-size:16px; display:block; color:#fff} 
.cfsj_bot{ width:67%; background:#FFFFFF; float:right; padding:3% 3% 0% 3%; margin-top:3%}
.cfsj_bot li{width:19%; margin:0% 0.5% 2% 0.5%; text-align:center; }  
.cfsj_bot li h2{ line-height:50px; height:50px; overflow:hidden}  
.cfsj_bot li:hover{ background:#01983b}
.cfsj_bot li:hover h2{ color:#fff; font-weight:bold}
.cfsjmore{ border:1px #000000 solid ; width:28%; height:50px; margin: 0 auto; text-align:center}
.cfsjmore img{ padding:7% 2%}
.cfsjmore h2{ display:none}
.cfsjmore:hover{ border:1px #fba31d solid ; background:#fba31d}
.cfsjmore:hover h2{ display:inline; line-height:50px; color:#FFFFFF}
.cfsjmore:hover img{ display: none}
 
@media only screen and (max-width:1024px){  
.cfsj{background-size:58% 72%}   
.cfsj_bot li{width:24%; }  
.cfsj_bot a:nth-child(n+5){ display:none}
} 
@media only screen and (max-width:900px){   
.cfsj_top h2{ font-size:24px}  
.cfsj_bot li{width:32.3% }  
.cfsj_bot a:nth-child(n+4){ display:none}
} 
@media only screen and (max-width:768px){   
.cfsj{background-size:137% 90%}
.cfsj_tops{ background:#f7f7f7}
.cfsj_top{ width:100%; }
.cfsj_top h2{ padding-bottom:1%}
.cfsj_top b{ height:5px; width:6%}
.cfsj_top strong{ line-height:40px;}
.cfsj_bot{ width:98%; padding:2% 1% 0% 1%}
.cfsj_bot li {width:49%; } 
.cfsj_bot a:nth-child(n+4){ display: inline} 
.cfsj_bot a:nth-child(n+5){ display: none} 
}  
@media only screen and (max-width:650px){ 
.cfsjmore{ width:44% }
}
@media only screen and (max-width:414px){ 
.cfsjmore{ width:83% }
}



/*新闻样式总*/   
.news4_div{ }
.news4_div ul{ float:left; }
.news4_div ul li{ width:100%; line-height:40px; float:left; height:40px; overflow:hidden; font-size:16px} 
.news4_div ul li a{  font-weight: normal; }
.news4_div ul li span{ float:right}
.news4_div ul dt{ float:left; width:100%;  line-height:30px; overflow:hidden; }
.news4_div ul dl{ width:100%; float:left }
.news4_div ul dl span{ float:right; text-align:right; }
.news4_div ul dl strong{ width:30%; height:1px; background:#000; display:block; margin-top:10px; margin-right:10px; line-height:30px; float:left}
 
@media only screen and (max-width:768px){ 
.news2_div ul li{ font-size:14px}
.news4_div ul li{ font-size:14px}
}
 
.mainxw{ width:100%; margin: 0 auto; } 
.mainxin_one{ width:100%; margin: 0 auto; background:url(../images/mainxin_one.jpg) repeat; padding:2% 0% 3% 0%; } 
.news1{ width:35%;float: left; }
.news1_div{ width:100%; float:left;}
.news1_div ul{ margin:0px; padding: 0px;}
.news1_div ul li{ width:100%; height:45px; line-height:45px; float:left; border-bottom:1px dashed #CCCCCC; overflow:hidden} 
.news1_div ul li span{ overflow:hidden; float:right; } 
.mainxin_onetop{ text-align:center; padding-bottom:3%;background:url(../images/mainxin_onetop.png) no-repeat center top; background-size:20% 100%;}
.mainxin_onetop h1{ line-height:60px;color:#fba31d }
.mainxin_onetop h1 strong{ color:#000000}
.mainxin_onetop h2{ line-height:40px; font-size:18px;  color:#000000}
.news3_tu{ width:100%; height:173px;float:left; overflow:hidden}
.news3_tu img{ width:100% }

.news2{ width:61%; float: right;}
.news2_div{ margin:0px 0px 10px 0px; border-bottom:1px #CCCCCC solid; overflow:hidden}
.news2_div ul{width:85%; float:left; margin:0px; padding:0px 0px 0px 0px}
.news2_div ul li{ width:100%; line-height:30px; float:left; font-size:14px; height:30px; text-align:left;}
.news2_div ul li a{ color:#045CBD; font-family:"微软雅黑"; font-weight: bold; }
.news2_div ul li span{ float:right;  font-weight: bold; padding-top:10px;}
.news2_div ul dt{ float:left; width:100%; height:54px; line-height:24px; text-align:left;overflow:hidden; color:#333; margin-bottom:12px}
.data{ float: left; text-align: center; width:11%; margin-right:2%; }
.data h2{ font-size:34px; font-family:"微软雅黑"; line-height:46px; color:#333; font-weight:bold}
.data span{ display:block; font-size:16px; font-family:"微软雅黑"; line-height:35px; color:#333}
.data span strong{ padding:0% 1%; font-weight:normal}
@media only screen and (max-width:1200px){ 
.data{ width:20%}
.news2_div ul{ width:78%}
.mainxin_onetop{ background-size:34% 100%;}
}  
@media only screen and (max-width:1024px){  
.news3_tu img{ width: auto; height:100% }
}  
@media only screen and (max-width:768px){ 
.news1_div ul{ display:none}
.news1{ width:100%}
.news2{ width:100%}
.news3_tu{ margin-bottom:10px;}
.news3_tu img{ width:100%; height: auto}
.mainxin_onetop h1{ height:50px;}
}   
@media only screen and (max-width:450px){ 
.data{ width:26%;}
.news2_div ul{ width:69%}
.news2_div ul li span{ display:none}
}  
@media only screen and (max-width:328px){ 
.data{ display:none }
.news2_div ul{ width:100%} 
} 
@media only screen and (max-width:350px){ 
.news3_tu{ height:auto;}
.news3_tu img{ width:100%; height: auto; margin: 0 auto}
}  
     
.mainxin_two{ margin: 0px auto; padding:0% 0% 2% 0%; }  
.mainxin_two_top{ width:24%; float:left; color:#333; padding:6% 0% 0% 0%} 
.mainxin_two_top h2{ line-height:40px;  width:100%; font-weight:bold; color:#333; padding-bottom:6%}
.mainxin_two_top b{ width:20%; height:2px; display:block; background:#fba31d}
.mainxin_two_top  strong{ color:#333; line-height:60px;} 
.mainxin_two_top p{ line-height:30px; height:30px; font-size:16px; display:block; color:#333} 
   
.infobox{ width:72%; background:#FFFFFF; float:right; padding:3% 0% 0% 0%; }
.infobox .part4{ display:none}
.news ul{ list-style-type:none; padding-top:7px;}
.news ul li{ width:48%; float:left; line-height:30px; height:30px; margin:0% 1%; overflow:hidden }
.news ul li a{ color:#333}
.news ul li span{ float:right; }
@media only screen and (max-width:1200px){ 
.mainxin_two_top{ padding:5% 0% 0% 0%}
.news ul li span{ display:none}
.mainxin_two_top{ width:32%}   
.infobox{ width:65%;}
}
@media only screen and (max-width:900px){  
.mainxin_two_top{ width:38%}   
.infobox{ width:60%;}
}
@media only screen and (max-width:768px){  
.mainxin_two_top{ width:38%}   
.news ul li{ width:100%;}
.news ul li:nth-child(n+9){ display:none}
.news ul li span{ display: inline}
.mainxin_two_top p{ font-size:14px; font-weight:normal}
}
@media only screen and (max-width:650px){  
.mainxin_two_top{ width:100%; text-align:center} 
.mainxin_two_top strong{ line-height:35px}  
.mainxin_two_top b{ margin: 0 auto; width:12%; height:5px; margin-bottom:1%}
.infobox{ width:100%; padding:0%}
.mainxin_two_top h2{ padding-bottom:1%}
}
@media only screen and (max-width:328px){  
.news ul li span{ display:none} 
}

.mainxin_three{ width:100%; margin: 0 auto; background:url(../images/mainxin_three.jpg) no-repeat left top; background-size:86.5% 100%;}
.mainxin_three .container{ border-right:1px #ececec solid; border-left:1px #ececec solid;}  
.news3bj{ width:100%; margin: 0 auto;  background:url(../images/news3bj.jpg) no-repeat right top; background-size:78% 100%; padding:0% 0% 2% 0%}  
.news3bj .container{ border-right: none; border-left:1px #ececec solid;}
.news3{ width:100%;}
.mainxin_threetops { padding:3% 0%;}
.mainxin_threetops h1{ line-height:60px;color:#fba31d; width:50%; float:left; padding-left:3%}
.mainxin_threetops h1 strong{ color:#000000; padding-left:2%}
.mainxin_threetops h1 p{ width:100%; display:block; line-height:20px; font-size:16px; color:#999999}
.mainxin_threetops h2{ width:220px; height:80px;background:url(../images/mainxin_threetops.jpg) no-repeat left top; background-size:78% 100%;line-height:80px; font-size:18px;  color:#01983b; float:right; text-align:center; font-weight:bold} 
.mainxin_threetops h2 img{ padding:0% 2% 0% 3%}
.jt2{ display:none}
.mainxin_threetops h2:hover{ color:#01983b;
  transition: all 1s ease 0s;
  transform: translateX(-60%);
  background-color: #01983b;}  
.mainxin_three_top{width:30.1%; float:left; background:#FFFFFF;}
.mainxin_three_top dl{ width:100%; height:200px; overflow:hidden; float:left}
.mainxin_three_top dl img{ width:100%}
.mainxin_three_top ul{ width:94%; padding:0% 3%;line-height:30px; float:left}
.mainxin_three_top ul strong{ width:80px; height:80px; float:left; background:#fba31d; color:#FFFFFF; line-height:80px; font-size:24px; text-align:center; margin-top:-40px;}
.mainxin_three_top ul h2{color: #000;font-family:"微软雅黑";font-weight:bold;font-size:16px; float:left; line-height:60px; padding-left:2%} 
.mainxin_three_top ul span{ float:right;font-size:16px; line-height:60px; padding-right:2%}
.mainxin_three_top:nth-child(2){ margin:0% 4.8%;}
.mainxin_three_div{width:100%; float:left;} 
.mainxin_three_div li{ width:27%; height:30px; float:left; padding:0% 1.55%; line-height:30px; background:#FFFFFF}
.mainxin_three_div li a{ }
.mainxin_three_div li span{ float:right; }
.mainxin_three_div li:nth-child(2){ margin:0% 4.8%;}   
.mainxin_three_div li:nth-child(5){ margin:0% 4.8%;}   
.mainxin_three_div li:nth-child(8){ margin:0% 4.8%;}   
.mainxin_three_div li:nth-child(11){ margin:0% 4.8%;}   
.mainxin_three_div li:nth-child(14){ margin:0% 4.8%;}   
.mainxin_three_div li:nth-child(17){ margin:0% 4.8%;}   
.mainxin_three_div li:nth-child(20){ margin:0% 4.8%;}  
.mainxin_three_div li:nth-child(23){ margin:0% 4.8%;}   
.mainxin_three_bot{width:100%; float:left; margin-bottom:3%;  } 
.mainxin_three_bot li{ width:27%; height:30px; float:left; padding:0% 1.55%; background:#FFFFFF}  
.mainxin_three_bot li:nth-child(2){ margin:0% 4.8%;} 
 
@media only screen and (max-width:1799px) {.mainxin_three{  background-size:90% 100%;} } 
@media only screen and (max-width:1659px) {.mainxin_three{  background-size:91% 100%;} } 
@media only screen and (max-width:1450px) {.mainxin_three{  background-size:96% 100%;} } 
@media only screen and (max-width:1365px) {.mainxin_three{  background-size:97.5% 100%;} 
.mainxin_three_bot li{ height:20px}
.mainxin_three_bot{ margin-bottom:1%}
.mainxin_three_div li span{ display:none}
} 
@media only screen and (max-width:1279px) {.mainxin_three{  background-size:100% 100%;}
.mainxin_three .container{ border-right: none; border-left: none;}   
.news3bj .container{ border-right: none; border-left: none;}
}
@media only screen and (max-width:1024px){  
.mainxin_three_top{ width:47%}
.mainxin_three_top:nth-child(3){ display: none;}
.mainxin_three_top:nth-child(2){ margin:0% 0% 0% 4.8%;}
.mainxin_three_div li{ width:43.9%}
.mainxin_three_div li:nth-child(n+17){ display:none;}  
.mainxin_three_div li:nth-child(2n){ margin:0% 0% 0% 4.8%;}   
.mainxin_three_div li:nth-child(2n-1){ margin:0% 0% 0% 0%;} 
.mainxin_three_div li span{ display: inline}
.mainxin_three_bot li{ width:43.9%}  
.mainxin_three_bot li:nth-child(2){ margin:0% 0% 0% 4.8%;} 
.mainxin_three_bot li:nth-child(3){ display:none;} 
}
@media only screen and (max-width:768px){  
.mainxin_threetops h2{ display:none}
.mainxin_threetops h1{ width:100%; text-align:center} 
.mainxin_three_div li span{ display: none}  
}
@media only screen and (max-width:700px){  
.mainxin_three_top dl{ height:170px;}
}
@media only screen and (max-width:600px){  
.mainxin_three_top dl{ height:150px;}
}
@media only screen and (max-width:550px){  
.mainxin_three_top{ width:100%} 
.mainxin_three_top:nth-child(2){ display:none;}
.mainxin_three_div li{ width:96.9%}
.mainxin_three_div li:nth-child(n+9){ display:none;}  
.mainxin_three_div li:nth-child(2n){ margin:0% 0% 0% 0%;}   
.mainxin_three_div li:nth-child(2n-1){ margin:0% 0% 0% 0%;} 
.mainxin_three_div li span{ display: inline}
.mainxin_three_bot li{ width:96.9%}  
.mainxin_three_bot li:nth-child(2){ display:none;} 
}
@media only screen and (max-width:328px){  
.mainxin_three_top dl{ height:100px;}
.mainxin_three_div li span{ display: none;} 
}

.mainxin_five{ width:100%; margin: 0 auto;  padding:2% 0% 0% 0%; }  
.mainxin_fivetop{ text-align:center; padding-bottom:1%;background:url(../images/mainxin_onetop.png) no-repeat center top; background-size:20% 100%;}
.mainxin_fivetop h1{ line-height:60px;color:#fba31d }
.mainxin_fivetop h1 strong{ color:#000000}
.mainxin_fivetop h2{ line-height:40px; font-size:18px;  color:#000000} 
.news3_bot{width:50%; margin: 0 auto; border:1px #CCCCCC solid; border-right:none;border-radius:50px; overflow:hidden; text-align:center; margin-bottom:2%}
.mainxin_fivet{width:33%; height:50px; border-right:1px #CCCCCC solid; float:left; }
.mainxin_fivet h2{line-height:50px;color: #000;font-family:"微软雅黑"; font-size:16px} 
.mainxin_fivet:hover{ background:#fba31d}
.mainxin_fivet:hover h2{ color:#FFFFFF}
.mainxin_fivet:nth-child(3){border-right:none;border-radius:0px 50px 50px 0px; }
.mainxin_five_div{width:100%; float:left; }
.mainxin_five_div ul{ margin:0px;}
.mainxin_five_div ul li{ width:31%; height:30px; float:left; margin:0% 1%; line-height:30px;}
.mainxin_five_div ul li a{ }
.mainxin_five_div ul li span{ float:right; }

@media only screen and (max-width:1024px){  
.mainxin_five_div ul li{ width:48%; }
.mainxin_five_div ul li:nth-child(n+21){ display:none;}
.mainxin_fivetop{ background-size:31% 100%;}
}
@media only screen and (max-width:768px){  
.mainxin_five_div ul li{ width:100%; }
.mainxin_five_div ul li:nth-child(n+11){ display:none;}
.news3_bot{ width:64%}
.mainxin_fivetop h1{ height:50px;}
}
@media only screen and (max-width:620px){  
.mainxin_five_div ul li{ width:100%; }
.mainxin_five_div ul li:nth-child(n+11){ display:none;}
.news3_bot{ width:99%}
.mainxin_fivetop{ background-size:39% 100%;}
}
@media only screen and (max-width:450px){  
.mainxin_fivet h2{ font-size:14px}
.mainxin_fivet b{ display:none}
}
@media only screen and (max-width:328px){  
.mainxin_five_div ul li span{ display:none}
.mainxin_fivetop{ background-size:62% 100%;}
}

.maincptj{ padding:2% 0%;}
.news_bot{ width:100%; float:left;}
.news_bot ul{ width:100%; float:left; }
.news_bot ul dl{ width:100%; float:left;}
.news_bot ul dl dd{ width:14.6%; float:left; margin:0% 1% 1% 1%; height:150px; overflow:hidden}
.news_bot ul dl dd img{ width:100%}
.news_bot ul li{ width:14.6%; float:left; margin:0% 1% 1% 1%; } 
.news_bot ul li p{ width:100%; float:left; color:#000000; font-size:14px; font-weight:900; font-family:"微软雅黑"; line-height:26px; height:30px; overflow:hidden}
.news_bot ul li h2{ padding:4% 0%; float:left}
.news_bot ul li dt{ width:100%; height:86px; overflow:hidden;float:left; line-height:28px;} 
@media only screen and (max-width:1200px){  
.news_bot ul dl dd{ width:18%}
.news_bot ul dl dd:nth-child(n+6){ display:none} 
.news_bot ul li{ width:18%}
.news_bot ul li:nth-child(n+7){ display:none} 
}
@media only screen and (max-width:1024px){  
.news_bot ul dl dd{ width:31.3%}
.news_bot ul dl dd:nth-child(n+4){ display: none} 
.news_bot ul li{ width:31.3%}
.news_bot ul li:nth-child(n+5){ display: none} 
}
 @media only screen and (max-width:650px){  
.news_bot ul dl dd{ height:100px; }
}
 @media only screen and (max-width:550px){  
.news_bot ul dl dd{ width:100%}
.news_bot ul dl dd:nth-child(n+2){ display: none} 
.news_bot ul li{ width:100%}
.news_bot ul li:nth-child(n+3){ display: none} 
.news_bot ul dl dd{ height:150px;}
}
 @media only screen and (max-width:328px){   
.news_bot ul dl dd{ height: auto; text-align:center}
.news_bot ul dl dd img{ margin: 0 auto; width:80%}
}


#demo{ width:100%}
.cptj_bot{ width:100%; float: left;}
.cptj_bot ul{ padding:11px 0px 0px 0px; float:left; width:100%}
.cptj_bot ul li{ width:14.6%; float:left; margin:0% 1% 1% 1%;}
.cptj_bot ul li dt{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.cptj_bot ul li dt img{ width:100%; height:100%; float:left; position:absolute;} 
.cptj_bot ul li h2{ width:100%; line-height:50px; height:50px; text-align:center; float:left;  overflow:hidden}
@media only screen and (max-width:1200px){  
.cptj_bot ul li{ width:18%}
.cptj_bot ul a:nth-child(n+6){ display:none}
#demoa:nth-child(n+6){ display:none}
}
@media only screen and (max-width:1024px){  
.cptj_bot ul li{ width:31.3%}
.cptj_bot ul a:nth-child(n+6){ display: inline}
#demo{ display:none}
}
 @media only screen and (max-width:550px){  
.cptj_bot ul li{ width:48%}
}
 
.lxwm{ width:100%; margin: 0 auto;background:url(../images/lxwm_dl.jpg) no-repeat left top; }
.lxwm_dl{ width:50%; float:left;padding:3% 0%; overflow:hidden}
.lxwm_dl ul{ width:32%; float:right}
.lxwm_dl ul li{ margin:0% 0% 10px 22%; height:50px; width:80%; text-align:center; background:#fba31d; overflow:hidden}
.lxwm_dl ul li a{ color:#FFFFFF; line-height:50px}
.lxwm_dl ul li:nth-child(1){ margin-left:5%; width:96%;background:url(../images/lxwm_dlli.png) no-repeat right center #fba31d}
.lxwm_dl ul li:hover{ background:url(../images/lxwm_dlli.png) no-repeat right center #FFFFFF }
.lxwm_dl ul li:hover a{ color:#000000}
.lxwm_ul{ width:50%; float:right;background:url(../images/lxwm_ul2.jpg) no-repeat center top; }
.lxwm_ul_bot{width:74%; padding:3% 0% 3% 6%; border-left:5px #FFFFFF solid; }
.lxwm_ul_bot ul{ width:100%; float:left}
.lxwm_ul_bot ul li{ width:30%; margin:0% 1% 1% 1%; text-align:center; float:left}
.lxwm_ul_bot ul span{ width:100%; float: left; }
.lxwm_ul_bot ul span img{ width:51%; margin: 0 auto}
.lxwm_ul_bot ul p{ color:#fff; line-height:40px; font-size:16px} 
.lxwm_top{ width:100%; padding:3% 0%;}
.lxwm_top h1{ line-height:40px; color:#FFFFFF; font-weight:bold; }
.lxwm_top h2 a{ line-height:65px; color:#FFFFFF} 
.lxwm_top b{ width:10%; height:5px; display:block; background:#FFFFFF}
@media only screen and (max-width:1659px) {
.lxwm_dl{ width:44%}
.lxwm_ul{ width:56%}
.lxwm_ul_bot{ width:79%} 
}
@media only screen and (max-width:1365px) {
.lxwm_ul_bot{ width:91%}
.lxwm_dl ul{ width:51%}
.lxwm_ul_bot ul span img{ width:38%} 
}
@media only screen and (max-width:1200px) {
.lxwm_dl{ width:28%}
.lxwm_ul{ width:72%}
.lxwm_dl ul{ width:97%} 
}
@media only screen and (max-width:950px) {
.lxwm_ul_bot ul p{ font-size:14px} 
.lxwm_top h2 a{ line-height:42px}
}
@media only screen and (max-width:800px) {
.lxwm_ul_bot ul li{ width:46%}
.lxwm_ul_bot ul p{ font-size:16px} 
}
@media only screen and (max-width:768px) {
.lxwm_ul_bot ul p{ font-size:16px} 
}
@media only screen and (max-width:550px) {
.lxwm{ background:url(../images/lxwm_ul2.jpg) repeat-y center top; }
.lxwm_dl{ width:100%}
.lxwm_dl ul li{ margin:0% 1% 1% 1%; width:31%; background:url(../images/lxwm_dlli.png) no-repeat right center #fba31d; float:left} 
.lxwm_dl ul li:nth-child(1){ margin-left: auto; width:30%;}
.lxwm_ul{ width:100%; background:none}
.lxwm_ul_bot{ width:100%;border-left: none; padding:0% 0% 3% 3%} 
.lxwm_top{ padding:0% 0% 3% 0%}
}
@media only screen and (max-width:414px) {
.lxwm_ul_bot ul p{ height:60px; line-height:30px; float:left; width:100%; text-align:center; overflow:hidden} 
}

/**/
.service_index{display: flex;text-align: center;width:100%; padding:1% 0% 2% 0%; margin:0 auto; background:#f5f5f5}
.service{width:24%; float:left;}
.service h2{font-family: MyNewFont;font-size: 60px;color: #333333;}
.service h2{font-size: 60px;color: #ce0001;margin-bottom: 10px;}
.service_content{padding:0 60px;border-left: solid 1px #e5e5e5;}
.service_content div{height: 2px;width: 30px;background: #444444;margin: auto;}
.service_content h3{font-size: 24px;font-weight: 700;color: #333333;margin-top: 18px;}
.service_content p{font-size: 14px;color: #555555;margin-top: 10px;line-height: 24px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.service_content_first{border-left:none;}
.service:hover .service_content div{background: #f37404;}
 
@media screen and (max-width:950px){
.service{ width:25%}
.service_content{ padding:0 10%}
.service h2{ font-size:50px}
}
@media screen and (max-width:580px){
.service_index{ }
.service{ width:50%}
}