.mainsycp{ padding:0% 0%; } 
.mainsycp_top{ text-align:center; font-weight:bold;  padding-bottom:30px;background:url(../images/cpfl.png) no-repeat center bottom;}
.mainsycp_top h2{ font-size:36px; line-height:50px; color:#009900; }
.mainsycp_top span{ font-size:20px; line-height:40px; color:#999; text-transform:uppercase; text-align:center; width:100%; display: none; font-family:"Arial","Microsoft YaHei","SimSun"; }
.mainsycp_top p{ font-size:18px; line-height:40px; color:#4b4b4b; font-weight:normal; display:none}
.cpfl{ width:100%; margin: 0 auto}
.cpfl ul{ list-style-type:none; width:100%; margin: 0 auto; }
.cpfl ul li{  width:8.6%; float:left; height:50px; margin:0% 0.5% 1% 0.5%; line-height:50px; border:2px solid #009900; text-align:center;border-radius:5px;}
.cpfl ul li a{ font-size:14px; color:#009900} 
.cpfl ul li:nth-child(1){background:#009900!important}
.cpfl ul li:nth-child(1) a{ color:#fff}
.cpfl ul li:hover{ background:#f97831;border:2px solid #f97831;}
.cpfl ul li:hover a{ color:#fff}
.cpflli{   background:#f97831!important; display:none }
.cpflli a{ color:#FFFFFF!important;}
.cpfllis{ display: none}
.pro_list{ padding:0% 0% 0% 0%;}
.pro_list li{ width:18.8%; float:left; margin: 0% 0.5% 1% 0.5%; padding:0.1%; background:#fff; } 
.pro_list li h2{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.pro_list li h2 img{ width:100%; height:100%; float:left; position:absolute;}  
.pro_list li dt{ height:50px; line-height:50px; text-align:center; width:100%; float:left; margin-top:-50px;background:rgba(43, 42, 42, 0.35);color:#fff; font-size:14px; overflow:hidden; z-index:1999; position:relative}  
.pro_list li img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.pro_list 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);} 
.pro_list li:hover dt{background:rgba(15, 130, 39, 0.35); }

@media only screen and (max-width:1200px) { 
.mainsycp_top h2{ font-size:30px; line-height:35px}
.mainsycp_top span{ font-size:24px} 
.cpfl ul li{ width:18.45%}
}
@media only screen and (max-width:1024px) {  
.pro_list li{ width:31.833333%;} 
}
@media only screen and (max-width:850px) {
.cpfl ul{ width:100%;}
.mainsycp_top h2{ font-size:24px}
.mainsycp_top span{ font-size:20px}  
.pro_list li{ width:30.333333%; margin: 0% 1% 1% 1%; padding:0.5%; } 
}
@media only screen and (max-width:768px) {
.cpfl ul li{  width:18.8%; border: none; background:#009900;}
.cpfl ul li a{ color:#FFFFFF}
.cpfl ul li:hover{ background:#f97831;border: none;}
}
@media only screen and (max-width:600px) {
.pro_list li{ width:47%;}
.pro_list li:nth-child(n+15){ display: none}
.cpfl ul li{ width:31.6%} 
.cpflli{ display:inline}
.cpfllis{ display: inline}
}
@media only screen and (max-width:414px) {
.mainsycp_top h2{ font-size:21px;}
.mainsycp_top p{ font-size:16px;}
}
.mainab{ background:url(../images/mainab.jpg) no-repeat  center top;background-size:cover;padding:0% 0% 0% 0%}
.mainab_top{ width:10%; float:left; border-top:10px #03973f solid; text-align:center}
.mainab_top span{ width:100%; display:block; font-size:36px; font-weight:bold; line-height:40px; color:#FFFFFF; padding:20px 0px;}
.mainab_top span strong{ width:100%; display:block}
.mainab_top h1{ font-size:21px; font-weight:normal; color:#fff; line-height:75px; width:50%; float:right;writing-mode: tb-rl;}
.mainab_top h1 strong{ font-weight:normal; padding-top:20px;}
.mainab_top h2{ font-size:43px; line-height:30px; color:#FFFFFF;font-weight:normal; font-family:"΢ÈíÑźÚ"; width:50%; float: left;writing-mode: tb-rl; text-transform:uppercase}

.zngg{ line-height:30px; font-size:14px; color:#fff; height:60px;overflow:hidden; }  
.company{ width:83%; float: right; padding:0px 0% 0px 0%}
.company_top{ width:100%; float:left; line-height:30px; }
.company_top h1{ font-size:36px; color:#fff; line-height:75px; float:left }
.company_top h2{ font-size:16px; line-height:50px;  font-weight:normal; font-family:"΢ÈíÑźÚ"; width:150px; height:50px; background:#d0f310; text-align:center; float:right; text-align:center; } 
 
.companyt{ line-height:31px; font-size:14px; width:100%; float:left; }
.companyt img{ display:none}
.companyt p{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden; color:#fff}
.gundong{width:100%; float:left;}
 
.companyt_t{text-align: center; width:93%; float:left; padding:10px 30px; background:rgba(249, 248, 248, 0.35); display:block} 
.companyt_t li{ width:18%; float:left; text-align:center; margin:0% 1% 0% 0%; color:#FFFFFF;border-radius:5px; padding:0px 0px;}
.companyt_t li img{ height:80px; margin: 0 auto; margin-top:23px; }
.companyt_t li  h2{ width:100%; font-size:18px; line-height:60px; font-weight:normal; height:50px;  overflow:hidden}   
.companyt_t li  p{ width:100%; font-size:20px; line-height:30px; font-weight:normal; height:60px; overflow:hidden}  
.companyt_t ul{ width:22%; margin-right:2%; float:left; text-align:center; color:#006600;background:rgba(249, 248, 248, 0.85);border-radius:5px; padding:0px 0px;}
.companyt_t ul img{ height:80px; margin: 0 auto; margin-top:23px; }
.companyt_t ul  h2{ width:100%; font-size:18px; line-height:60px; height:60px; overflow:hidden}   
.companyt_t ul  p{ width:100%; font-size:35px; line-height:30px; font-weight: bold; height:60px; overflow:hidden}  
.c2{ display:none}
.companyt_t li:hover{ background:rgba(249, 248, 248, 0.85); color:#006600}
.companyt_t li:hover .c2{ display:inline}
.companyt_t li:hover .c1{ display: none} 
@media only screen and (max-width:1200px) {  
.mainab_top h2{ font-size:30px; }
.company_top h1{ font-size:30px}
.company_top h2{ font-size:20px} 
.zngg{ display:none }
.companyt p{display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical; overflow:hidden}   
.companyt_tno{ display:none}  
.companyt_t li{ width:24%;}
.companyt_t li p{  font-size:16px; } 
.companyt_t ul p{  font-size:28px; }  
}
@media only screen and (max-width:1024px) {  
.company{ padding:12px 0% 0px 0%} 
.companyt_t li{ width:22%; margin:0% 1% 1% 1%} 
.mainab_top h2{ line-height:48px} 
}
@media only screen and (max-width:850px) {  
.mainab{ padding:3% 0%;background:url(../images/mainab.jpg) no-repeat  center bottom #fff;background-size:auto 101%;} 
.mainab_top{ display: none}
.company{ width:100%}
.company_top{ text-align:center}
.company_top h1{ font-size:24px;width:100%; line-height:30px; text-align:center}
.company_top h2{ display:none}
.announce{ display:none}
.company{ width:90%; padding:20px 5% 0% 5%; height:auto}
.companyt{ width:100%; float:left;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden}
.companyt_t{ padding:0px 0px 0px 0%}
.companyt_t li h2{ font-size:16px}
.companyt{ text-align:center}
.companyt img{ display: inline; width:50%; margin: 0 auto;} 
.companyt p{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden}  
} 
@media only screen and (max-width:768px) {
.company_top h1{ line-height:30px;}
.companyt_t ul{ width:100%; text-align:center; height:50px; line-height:50px; background:#d0f310; margin-top:3%; margin-bottom:3%;border-radius:50px; padding:1%}
.companyt_t ul img{ display:none}
.companyt_t ul p{ display: inline; padding-left:10px;}
.companyt_t ul h2{ display: inline}
.companyt_t{width:100%; padding:0px; background: none; margin-top:0px; }
.companyt_t li{ background:rgba(249, 248, 248, 0.35); width:48%}
.companyt_t li:hover{ background: none; color:#006600}  
.companyt_tno{ display: inline}  
} 
@media only screen and (max-width:414px) {
.companyt_t ul h2{ font-size:16px}
.companyt_t ul p{ font-size:20px}
}
@media only screen and (max-width:328px) {
.companyt_t{ padding:0%}
.companyt_t li{ width:48%; }
.companyt_t li h2{ line-height:60px}
.companyt_t li img{ height:39px;}
} 
 
.mainone{ width:100%; margin: 0 auto; padding:0% 0%;}
.mainone_top{ text-align:center; background:url(../images/mainone_top.jpg) no-repeat center center }
.mainone_top h1{ font-size:36px; line-height:60px; font-weight:normal}
.mainone_top h2{ font-size:16px; line-height:60px; color:#999; text-transform:uppercase; font-weight:normal; display:none}
  
.newsl{ float: left; }
.newsl_top{width:389px; height:40px; background:#D40000;}
.newsl_top h2{ line-height:40px; width:140px; height:40px; text-align:center; color: #ffffff; float:left;background:#000;font-size:14px; font-weight:bold; }
.newsl_top span{ float:right; color: #014da0; height:25px; width:80px; text-align:right; padding-top:15px; padding-right:2px;}
.newsl_div{width:100%; float:left; }
.newsl_div ul{ }
.newsl_div ul li{  height:30px; line-height:30px;  float:left; font-size:14px; overflow:hidden} 
.newsl_div ul li span{ float:right; }

.xw1{ width:66%; float:left; }
.xw1 ul li{ width:48%; margin:0% 1% 0px 1%;}
.xw1 ul li b{ width:10px; height:10px; background:#006600;border-radius:50px; display: inline-block; margin:10px 10px 10px 0px; float:left}
.lxwm{ width:30%;float: right; padding:0px 2% 30px 0%;background:url(../images/lxwmbj.jpg) no-repeat right bottom;  } 
.lxwm_n{ height:123px; display:block;background:url(../images/lxwm_n.jpg) no-repeat center top #006600;background-size:cover; }
.lxwm_b p{ color:#000; line-height:24px;}

@media only screen and (max-width:1200px) {  
.mainone_top h1{ font-size:30px; line-height:40px;}
.xw1 ul li span{ display:none}
}

@media only screen and (max-width:850px) {  
.xw1{ width:100%; float:left; }
.xw1 ul li{ margin:0% 1% 0px 1%}
.xw1 ul li span{ display: inline}
.mainone_top h1{ font-size:24px;}
.mainone_top h2{ line-height:36px;}
.lxwm_b p:nth-child(1){ display: none}
.lxwm_b p:nth-child(4){ display: none}
.lxwm_b p:nth-child(5){ display: none}
.lxwm_b p:nth-child(6){ display: none}
.lxwm{ width:100%; text-align:center; height:50px; line-height:50px; background:#d0f310; margin-top:3%;border-radius:50px; padding:1%}
.lxwm_b p{ display:inline; color:#006600; font-size:18px;} 
.lxwm_n{ display:none}
} 
@media only screen and (max-width:700px) {  
.xw1 ul li span{ display:none}
}
@media only screen and (max-width:550px) {  
.xw1 ul li{ width:98%}
.xw1 ul li:nth-child(n+7) { display:none}
.xw1 ul li span{ display: inline}
}
@media only screen and (max-width:414px) {  
.xw1 ul li span{ display:none}
.lxwm_b p:nth-child(2){ display:none}
}


.index_about_top {background: url(../images/index_about_top.jpg) no-repeat center top;  font-family:'ºÚÌå';}
.index_about_left {width: 60%;}
.index_about_left h3 {color: #fff; }
.index_about_left p {color: #edca5c; margin-bottom: 5px; line-height:66px; height:66px; overflow:hidden;}
.index_about_left span {color: #fff;font-size: 16px;text-transform: uppercase;font-family: 'Arno Pro'; padding-right:5%}
.index_about_right {width: 40%;}
.about_right_top img {vertical-align: middle;margin-right: 10px;}
.about_right_top h3 {color: #edca5c;font-size: 36px;font-family: 'ºÚÌå';text-align: right;}
.about_right_top h3 span {color: #edca5c;font-size: 16px;}
.about_right_top h3 li{ width:100%; display:block}
 
.about_right_down {text-align: right;margin-top: 20px;}
.about_right_down a {display: inline-block;width: 138px;height: 42px;text-align: center;color: #fff;line-height: 42px;border-radius: 50px;border: 1px solid #edca5c;font-size: 17px;margin-left: 10px;	transition: all ease-in-out .3s;}
.about_right_down a:hover{background: #e5c790;transition: all ease-in-out .3s;} 
@media only screen and (max-width:1250px) {  
 .about_us_left{ line-height:37px}
 }
@media only screen and (max-width:1200px) {  
 .index_about_top{ margin-top:0%}
 .index_about_left p{ font-size:19px}
 .about_right_top h3 li{ font-size:28px; line-height:40px;}
 .about_right_top h3 li b{ display:none}
 .about_right_top h3 li strong{ width:100%; display:block}
 }
@media only screen and (max-width:1024px) {  
.index_about_left{ width:100%; text-align:center}
.index_about_right{ width:100%; text-align:center}
.index_about_left p{ line-height:45px; height:40px}
.about_right_top h3{ text-align:center}
.about_right_down{ text-align:center}
.index_about_left span{ display: none}
   
 .about_right_top h3 li{ font-size:28px; line-height:40px;}
 .about_right_top h3 li b{ display: inline}
 .about_right_top h3 li strong{ width: auto; display: inline}
}
@media only screen and (max-width:678px) {  
.about_us_left{ width:100%; margin:  0 auto; text-align:center; }
.about_us_left_bot{height:auto}
.about_us_left img{ width:80%; margin: 0 auto; height:auto}
.about_us_right{ width:100%; float:left}
.about_us_right h3{ text-align:center; line-height:60px; margin:0%;}
}
@media only screen and (max-width:600px) {  
.about_right_top h3{ font-size:24px; padding-top:3%}
.index_about_left p{ height:45px; overflow:hidden}
}
@media only screen and (max-width:414px) {  
.index_about_top{ padding:20px 0 60px}
 .about_right_top h3 li b{ display:none}
 .about_right_top h3 li strong{ width:100%; display:block}
}


.mainys{ padding:0% 0% 0% 0%;background: url(../images/ys1.jpg) no-repeat center top;background-size:cover ;} 
.zybt{font-size: 18px;color: #555555;text-align: center;}
.zybt h3{display: block; font-size: 36px;color: #181818;}
.zybt .hx{
  background-color: rgb(252, 171, 54);
  width: 121px;
  height: 1px;
  margin: 20px auto; display:none}
.ys5 .btms{color: #bbbbbb;
} 
.btms{font-size: 18px;color: #555;margin-bottom: 40px; display:none}
.zybt em{vertical-align: middle;font-size: 42px;color: #fcab36;font-family: "Impact";display: inline-block;margin: 0 15px 0 6px;}
.w600{ }
.ys2{background: url(../images/ys2.jpg) no-repeat center top; background-size:cover; float:right; position:relative}
.ys1{ float:left}
.w600 .bgdf .ysbt span{color: #fcab36;}
.w600 .bgdf .ysms{font-size: 14px;color: #333;line-height: 22px;}
.ys1 .bgdf{float: left;}
.w600 .bgdf .ysbt{font-size: 26px;color: #282828;font-weight: bold;height: 50px;line-height:50px; overflow:hidden}
.w600 .bgdf {width:19%;height: 120px;background: #fff;padding:0px 1% 41px 1%; overflow:hidden
}
.heixian{height: 2px;background: #05356a;width: 99px;margin-bottom: 0px;
}
 
.ys2 .bgdf{position: absolute;bottom: 0;left: 0;}
.ys3bg{background: url(../images/ys3bg.jpg) top center no-repeat fixed;;height: 160px; overflow:hidden; width:26%; float:left}

.w6000{width:93%;margin-left:5%; float: left;}
.ys4 .w6000 .ysms{color: #333333;}
.ys4 .w6000 .heixian{background: #073569;}
.w6000 .heixian{background: #FBAA39;height: 2px;width: 99px;margin:5px 0;}
.w6000 .ysms{font-size: 12px;line-height: 25px;color: #fff;}
.w6000 .ysbt{color: #fff;font-size: 26px;line-height: 45px;margin-top:0px;
	font-weight: bold; 
}
.ys4{ margin-bottom: 20px; width:26%; float:left   }
.ys4 .ysbt span{color: #fcab36;margin-left: 5px;font-weight: bold;}
.ys4 .ysbt{color: #282828;font-size: 26px;line-height: 45px;margin-top: 36px;

}
.ys5 .zybt h3{margin-top: 45px;color: #fff;}
.ys5{background: url('../images/ys5bg.jpg') no-repeat center;height: 685px;overflow: hidden;
}
.ys3bgimg{ width:50%; float:left; height:300px;background:url(../images/ys3.jpg) no-repeat center bottom;background-size:100% auto; overflow:hidden; display:none}
.ys3bgimg img{ width:100%}
.ys4bgimg{ width:50%; float:left; height:400px; overflow:hidden; display:none}
.ys4bgimg img{ width:100%}

 
.announcet1{ width:100%}
.announcet1 b{ font-size:16px; line-height:38px; width:100%; float:left}
.announcet1 p{font-size: 14px; line-height:33px; height:33px; overflow:hidden; width:50%; float:left}
  
.lxt{ height:37px; line-height:37px; margin-bottom:10px; width:100%; float:left}
.lxt h1{ width:100%;  font-weight:normal; font-size:24px; color:#000; } 
.lxt h1 strong{ color:#fcab36; padding-left:2%}
 
 
@media only screen and (max-width:1200px) {
.zybt em{ font-size:30px}
.zybt h3{ font-size:24px; margin-top:20px}
.zybt .hx{ margin:0px auto; height:5px}
.btms{ margin-top:20px; margin-bottom:20px;}
.ys4{ display:none}
.w600 .bgdf{ width:31.33333%;}
.ys3bg{ width:33.333333%;}
.w6000 .ysbt{ font-size:20px}
.w600 .bgdf .ysbt{ font-size:20px}
}
@media only screen and (max-width:1100px) {
.ys4bgimg img{ height:100%; width: auto; max-width:none}
}
@media only screen and (max-width:1024px) {
.w600{ height:487px}
.w600 .bgdf{ width:88%; padding:17px 6%}
.w600 .bgdf .ysbt{ line-height:45px; height:71px} 
.ys4 .ysbt{ margin-top:0%}
.announcet1{ margin-top:30px;}
.announcet1 b{ display:none}
.announcet1 p{ width:100%; line-height:30px;}
.ys3bg{ width:100%}
}
@media only screen and (max-width:930px) { 
.ys3bgimg img{height:100%}
}
@media only screen and (max-width:768px) {
.zybt h3{ font-size:24px}
.w600 .bgdf{ width:92%}
.w600 .bgdf .ysbt{ font-size:22px; height:52px;}
.ys1{ background:url(../images/ys1.jpg) no-repeat center bottom; background-size:100% 50%;}
.ys2{ background:url(../images/ys2.jpg) no-repeat center top; background-size:100% 50%;}
.ys3bgimg img{ width:auto;height:100%}
.w6000 .ysbt{ font-size:20px; line-height:18px; margin-top:20px}
.ys4bgimg img{ width:auto;height:100%; float:right}
.announcet1{ margin-top:10px;}
.lxt h1{ font-size:20px;}
.ys4 .w6000 .ysms{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden}
}
@media only screen and (max-width:600px) { 
.ys1{ background-size:200% 50%;}
.ys2{ background-size:200% 50%;}
}
 
@media only screen and (max-width:500px) { 
.w600 .bgdf{ height:auto; padding:1% 6%;}
.w600{ height:auto}
.ys2 .bgdf{position: relative; bottom:auto ;left: auto; float: left  }
.ys1{ width:96%; padding:2%; background:url(../images/ys1.jpg) no-repeat left; background-size:cover;}
.ys2{ width:96%; padding:2%; background:url(../images/ys2.jpg) no-repeat right; background-size:cover; float:left} 
.w6000{ width:100%; margin-left:0%}
.ys3bgimg{ display:none}
.ys3bg{ height:auto; padding-bottom:3%; padding-left:4%}

.ys4bgimg{ width:100%;height: auto; float:left; }
.ys4bgimg img{ width:100%;height: auto; float: none; margin: 0 auto}
.lxt{ display:none}
.announcet1{ width:80%; margin: 0 auto; height:50px; background: #FF0000; text-align:center;border-radius:50px;}
.announcet1 p{ text-align:center; color:#FFFFFF; line-height:50px; height:50px; font-size:22px; display:block}
.announcet1 .anno{ display:none}
}
@media only screen and (max-width:414px) { 
.w600 .bgdf{ background:rgba(255,255,255,0.8); width:88%; float:left}  
.announcet1{ width:80%;}
}
 
@media only screen and (max-width:370px) {
.w6000 .heixian{ margin:21px 0}
.zybt h3{ font-size:20px; margin-top:0%}
.announcet1{ width:100%; margin:2% 0%}
.announcet1 p{ font-size:20px;}
}
@media only screen and (max-width:328px) {
.zybt h3{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden} 
}

.maintj{width:100%; margin: 0 auto;  background:#f5f5f5; }
.maintj .bt{ text-align:center; width:100%; background:url(../images/cpfl.png) no-repeat center bottom; padding-bottom:10px;}
.maintj .bt h1{ font-size:36px; line-height:49px; font-weight: bold}
.maintj .bt span{ font-size:16px; line-height:30px; color:#2b2b2b; text-transform:uppercase; font-weight:normal}  
#demo0{ padding:0% 0% 0% 0%;}
#demo0 li{ width:23%; float:left; margin: 0% 1% 1% 1%; background:#fff; } 
#demo0 li h2{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
#demo0 li h2 img{ width:100%; height:100%; float:left; position:absolute;}  
#demo0 li h3{ height:50px; line-height:50px; text-align:center; width:100%; float:left; color:#006600; font-size:14px; overflow:hidden; }  
#demo0 li img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
#demo0 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);} 
#demo0 li:hover{background:#006600; }
#demo0 li:hover h3{ color:#FFFFFF}
@media only screen and (max-width:1200px) {
.maintj .bt h1{ font-size:30px; line-height:40px;}
#demo0 li{ width:31.333333%;}
#demo0 li:nth-child(n+16){ display:none}
}
@media only screen and (max-width:850px) {
.maintj .bt h1{ font-size:24px; line-height:40px;}
.maintj .bt{ padding-bottom:30px}
#demo0 li{ width:48%;}
#demo0 li:nth-child(n+16){ display: inline}
}


.mainthree{width:100%; margin: 0 auto; }
.mainthree_top{ text-align:center;  }
.mainthree_top h1{ font-size:36px; line-height:60px; font-weight: bold}
.mainthree_top h2{ font-size:16px; line-height:60px; color:#2b2b2b; text-transform:uppercase; font-weight:normal;display: none; overflow:hidden} 
.mainthree_top b{ width:80px; height:5px; display: none; margin: 0 auto; background:#009933}
 
.xw2{ width:100%; float:left; }
.xw2 ul li{ width:50%; float:left}
.xw2 ul li b{ width:5px; height:5px; display:inline-block; margin:20px 10px 0px 10px; background:#009933}
.xw2 ul li span{ display:none}
.xw3{ width:45%; float: right; }
.xw3 ul li{ width:100%; }

.news02{ }
.news02_bot{ width:50%; float:left; }
.news02_bots{ width:100%;background:url(../images/news02_botsbj.jpg) no-repeat left top;}
.news02_bots dl{ width:20%; float:left; z-index:1999; position:relative }
.news02_bots dl img{ width:200px; max-width:inherit;z-index:1999; position:relative; margin-top:70px}
.news02_bots dt{ width:80%; height:274px; overflow:hidden; display:block }
.news02_bots dt img{ height:110%; max-width:none; float:left; margin-left:-50px;} 
.news02_bot ul{ width:100%; height:80px;  overflow:hidden; background:#f5f5f5} 
  
@media only screen and (max-width:1200px) {
.mainthree_top h1{ font-size:30px;}
.mainthree_top h2{ line-height:30px;}
.xw2 ul li{  width:100%}
.xw2 ul li:nth-child(n+3){ display:none}
.mainthree_top b{ margin-top:2%}
}
@media only screen and (max-width:850px) {
.mainthree_top h1{ font-size:24px;} 
}
@media only screen and (max-width:768px) {
.xw3 ul li span{ display:none;} 
}
@media only screen and (max-width:550px) {
.news02_bot{ width:100%; margin-bottom:3%}
.news02_bot ul li{ line-height:50px; height:50px;} 
.news02_bots{height:200px; display:block}
.news02_bots dl img{ display:none}
.news02_bots dt{ width:92%; height:200px; float:right }
.news02_bots dt img{ margin-left:0px;} 
.xw3 {width:100%;float:right; } 
.xw3 ul li span{ display: inline;} 
.xw3 ul li:nth-child(n+5){ display:none}
.xw2{ display:none}
}
@media only screen and (max-width:450px) {
.xw3 ul li span{ display:none;} 
}

.sevice { background: url(../images/zi_bg.jpg) repeat #006600; width:100%; margin: 0 auto; }
.flot_sevice {width:100%;background: url(../images/shuxian2.png) repeat-x #FFFFFF; }
.flot_sevice_title { height:80px; background: url(../images/flot_sevice_title.png)  no-repeat left ; margin-left:5%; width:85%; overflow:hidden}
.flot_sevice_title h2{ width:100%; height:75px; line-height:80px; font-size:22px; color:#e7e7e7; text-transform:uppercase; float:left; padding-left:70px; overflow:hidden}
.flot_sevice_title span{ width:100%;  line-height:80px; color:#000; margin-top:-61px; font-weight:bold; float:left; padding-left:70px;}
.flot_container {width:36%; float:left; }
.flot_sevice_title img {vertical-align: text-top;margin-right: 10px;}
.flot_sevice_text{ width:100%;} 

.advantage{ width:100%; margin: 0 auto; }  
.advantage ul{ width:100%; float:left}
.advantage ul li{ width:31.3333%; margin:0% 1% 1% 1%; text-align:center; float:left; background:url(../images/icoline.jpg) right no-repeat; }
.advantage ul li:nth-child(6){ background: none}
.advantage ul span{ width:100%; }
.advantage ul span img{ width:51%; margin: 0 auto}
.advantage ul p{ color:#000; line-height:40px; font-size:16px; width:100%}  
.advantage ul b{ width:40px; height:1px; background:#787878; display:block;  margin: 0 auto;margin-top:3%; }
.advantageimg2{ display:none}
.advantage ul li:hover{ background:#006600}
.advantage ul li:hover .advantageimg2{ display: inline}
.advantage ul li:hover .advantageimg{ display:none}
.advantage ul li:hover p{ color:#FFFFFF}
.advantage ul li:hover b{ background:#FFFFFF}
@media only screen and (max-width:1799px) { 
.flot_container { } 
}  
@media only screen and (max-width:1450px) {  
.flot_sevice_title h2{ font-size:55px;} 
} 
@media only screen and (max-width:1200px) {  
}
@media only screen and (max-width:1024px) {  
.flot_sevice_title h2{ font-size:45px}
.flot_container{ width:100%}  
.advantage ul li{ width:14.3333%}
}
@media only screen and (max-width:950px) {
.advantage ul p{ font-size:14px}  
}
@media only screen and (max-width:800px) {
.advantage ul p{ font-size:16px} 
}
@media only screen and (max-width:768px) {
.advantage ul li{ width:31%}
.advantage ul p{ font-size:16px} 
}
@media only screen and (max-width:550px) {  
.flot_sevice_title h2{ font-size:30px;} 
}
@media only screen and (max-width:414px) {
.advantage ul p{ height:30px; overflow:hidden} 
}

.advantage_bot{ width:64%; float:right;  background:url(../images/advantage_bot.png) no-repeat center top #006401;background-size:78% 100%; }
.advantage_b{ width:15%; float:left}
.advantage_b h2{ width:90px; height:90px; line-height:90px; background:#e5c790; color:#FFFFFF; border-radius:150px; font-size:36px; text-align:center; }
.advantage1 h2{ margin:190px 0px 0px 63px;}
.advantage4{ margin:0px 0px 0px 0px;}
.advantage4 h2{ margin: 0 auto; margin-top:190px}
.advantage4 p{ display:none}
.advantage5{}
.advantage5 h2{ float:right; margin:190px 45px 0px 0px;}
.advantage2{ width:20%; float:left; margin:0px 4% 0% 2%}
.advantage2 h2{ width:100%; text-align:center; font-size:24px; line-height:127px; height:127px; color:#FFFFFF;background:url(../images/advantage3bj.png) no-repeat center top; overflow:hidden}
.advantage2 p{ width:100%; text-align:center; font-size:16px; line-height:30px; color:#FFFFFF; margin-top:50px;}
.advantage3{ width:20%; float:left;  margin:2% 4% 0% 2%}
.advantage3 h2{ width:100%; text-align:center; margin-top:50px; font-size:24px; line-height:127px; height:127px; color:#FFFFFF;background:url(../images/advantage3bjj.png) no-repeat center top;}
.advantage3 p{ width:100%; text-align:center; font-size:16px; line-height:30px; color:#FFFFFF;}
.advantage3 p strong{ width:100%; font-weight:normal; display:block}

@media only screen and (max-width:1800px) { 
.advantage_bot{ background-size:85% 100%; }
} 
@media only screen and (max-width:1680px) { 
.advantage_bot{ background-size:72% 100%; }
.advantage1 h2{ margin:190px 0px 0px 46px}
}
@media only screen and (max-width:1550px) { 
.advantage_bot{ background-size:78% 100%; }
}
@media only screen and (max-width:1450px) { 
.advantage_bot{ background-size:72% 100%; }
}
@media only screen and (max-width:1365px) { 
.advantage_bot{ background-size:83% 100%; }
}
@media only screen and (max-width:1279px) {  
.advantage_bot{ background-size:89% 100%; } 
}
@media only screen and (max-width:1200px) {  
.advantage_bot{ background-size:77% 100%; } 
.advantage1 h2{ margin:190px 0px 0px 10px}
}
@media only screen and (max-width:1024px) {  
.advantage_b h2{ width:70px; height:70px; line-height:70px}
.advantage_bot{ width:100%}
}
@media only screen and (max-width:850px) {  
.advantage_bot{ background-size:100% 100%; } 
.advantage3{ margin:2% 0% 0% 0%; width:29%} 
.advantage2 p{ margin-top:7px}
.advantage2{ width:26%; margin:0px 0% 0% 0%}
.advantage1 h2{ margin:190px 0px 0px 0px}
.advantage5 h2{ margin:190px 0px 0px 0px}
.advantage2 h2{ font-size:17px}
.advantage3 h2{ font-size:17px}
}

@media only screen and (max-width:768px) {  
.advantage_bot{ background-size:148% 100%; } 
.advantage4 p{ display: inline}
.advantage5{ display:none}
.advantage1{ display:none}
.advantage4no{ display:none}
.advantage_b h2{ height:100px; width:100px;}
.advantage_b h2 p{ font-size:16px; line-height:30px; padding:17% 0% 0% 0%; display:block}
.advantage_b h2 p strong{ display:block}
.advantage2{ width:43%}
.advantage3{ width:32%}
.advantage_b{ width:24%}
}
@media only screen and (max-width:550px) {  
.advantage_bot{ background: url(../images/zi_bgs.jpg) repeat;} 
.advantage2{ width:96%; padding-left:3%; border-left:1px #FFFFFF solid}
.advantage_b{ width:100%; }
.advantage3{ width:96%; padding-left:3%; border-left:1px #FFFFFF solid}
.advantage4{ margin-top:2%}
.advantage3 h2{ margin-top:0%}
.advantage4 h2{ margin-top:0%;}
}
.lxwm1{ width:30%; margin: 0 auto;  height:50px; text-align:center; font-size:18px; line-height:50px; border:1px #FFFFFF solid;border-radius:50px;}
.lxwm1 h2{ display:inline; color:#FFFFFF; font-size:18px; font-weight:normal}
.lxwm1 p{ display:inline; color:#FFFFFF}
@media only screen and (max-width:1024px) {  
.lxwm1{ width:50%;}
}
@media only screen and (max-width:414px) {  
.lxwm1{ width:100%;}
}

.Toubu{width: 100%;background:url(../images/Toubu.jpg) no-repeat center bottom;background-size:100% 100%; }
.root {width: 100%;height: 149px;position: relative;}
.root dt {float: left;margin-top: -76px;width:25%;height: 225px;}
.root dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.root .wzgg {padding-top: 36px;position: relative;height: 113px;width:75%;float: right;font-size: 15px;color: #555555;line-height: 34px;text-indent: 2em; overflow:hidden}
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: none;position: absolute;right: 0;bottom: 24px;width: 26px;height: 20px;}
.root .wzgg img {display: block;width: 26px;height: 20px;}
.wzgg{display:inline}
.wzgg_bt{display:inline}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
}
@media only screen and (max-width:1680px) { 
.root dt{ }
}
@media only screen and (max-width:1200px) { 
.root .wzgg{ width:69%;height:140px; line-height:24px} 
}
@media only screen and (max-width:1024px) { 
.Toubu{ }
.root{ height:auto}
.root .wzgg{ height:130px}
.root dt{ margin-top:-33px}
.root .wzgg i{ display:none}
.wzgg_bt{ line-height:26px;} 
}
@media only screen and (max-width:850px) { 
.root .wzgg{ display:none}
.Toubu{ background:none}
.root{ background: none; padding:0% 0% 2% 0%; height:auto}
.root dt{ width:100%; background: none; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;} 
}
@media only screen and (max-width:768px) {
.logo3g{ display:block}
.logo3g img{ width:100%} 
.logono{ display:none}
 
}
@media only screen and (max-width:450px) { 
}