.logo{float:left; width:100%; padding: 20px 0% 0% 0%; height:118px; }
.logo ul{ width:100%; float: left; text-align:center}
.logoimg1{ float:left; width:35%; }
.logoimg2{ float:right;  }  
.logoimg3{ float:left; width:25%; padding:10px 0% 0% 2%} 
.logoimg4{ display:none}  
@media only screen and (max-width:1500px) {  
.logoimg1{ width:39%}  
.logoimg2{ width:24%;  }  
}  
@media only screen and (max-width:1200px) {  
.logo{ height:auto;} 
.logoimg3{ display:none }
}
@media only screen and (max-width:1024px) { 
.header{ background:#fff}
.logo{ width:100%; height:auto; padding:1% 0%}   
.logoimg3{ display: none;}   
.logoimg1{ width:48%; }  
.logoimg2{ width:30%; } 

} 
@media only screen and (max-width:850px) {     
} 
@media only screen and (max-width:768px) {   
.logo{ text-align:center}
.logoimg1{ width:90%; margin: 0 auto; display:block; float:none}   
.logoimg2{ display:none} 
.logoimg4{ width:100%; margin: 0 auto; display: none}
}
@media only screen and (max-width:550px) {  
.logoimg1{ width:100%;  }    
}    
.header{ width:100%; }
 #topnav{ width:100%; float: left; height:0px; text-align:right}  
 .tb{ width:100%; float:left}
.tbyc{ width:100%; float:left; }
.tbyc a{ line-height:27px; color:#888; }
.tbyc p{ display:inline}
.tbyc h2{ float: right;  text-align: right} 
#nav1{ width:100%; float:left; height:55px; background:url(../images/menu.jpg) repeat-x #045cbd;background-size:100% 100%;}
#nav{ width:100%; float:left; font-family:"΢ÈíÑźÚ"}
#nav ul{ width:100%; float:left; list-style-type:none}
#nav ul li{ float:left; width:8%; text-align:center; line-height:55px; }
#nav ul li h2{ height:40px; line-height:57px; color:#cfd208 }
#nav ul li span{ height:20px; font-size:14px; line-height:20px; display:block; text-transform:uppercase; color:#cfd208}
#nav ul li a{ color:#fff; text-align:center; font-size:16px} 
#nav ul dt{ float:right; color:#FFFFFF; line-height:50px;}
     
@media only screen and (max-width:1024px) {
#topnav{ display:none} 
#nav ul li{ width:12.2%; text-align:center; }   
.navno{ display: none}
#nav ul dt{ display:none}
}

@media only screen and (max-width:768px) {
#nav1{ height:auto}
#nav{ padding:2% 0% 2% 0%; height:auto}
#nav ul{ padding:1% 0%}
#nav ul li span{ display:none}
#nav ul li{  width:24%; line-height:40px;}   
#nav ul li h2{ line-height:30px; height:30px;}
}
@media only screen and (max-width:414px) { 
#nav ul{ padding:2% 0%}
}
@media only screen and (max-width:350px) {
#nav ul li a{ font-size:14px}
}
/*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:1999; bottom:40px; left:0; height:10px; line-height:30px; } 
.fullSlide .hd ul { text-align:center; width:80px; margin: 0 auto }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px!important; height:20px!important; margin:2px; border-radius:20px; overflow:hidden; background:#fff; line-height:999px; background:#045cbd; z-index:1999; position:relative } 
.fullSlide .hd ul .on { background:#fff;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:#045cbd; }
@media only screen and (max-width:768px) {
.fullSlide .hd { display:none}
}
<!--ÄÚÒ³µ¼º½--> 
{} 
.maincp li{ background:#f5f5f5} 
.maincp li:hover{ background:#045cbd} 
.maincp_top h4{ color:#045cbd}
.maincp_top h4 a{  color:#045cbd} 
.cpfl1_top{ background:#045cbd} 




/*Ò³½ÅÇøÓò*/  
#footer{ width:100%; margin:0px auto; background:url(../images/footer.jpg) repeat-x #045cbd; color:#fff; line-height:30px;padding:10px 0% 0% 0%; position:relative} 
.footer a{ color:#fff }  
.footbot{  background:#0655ab; color:#fff; line-height:30px; padding:0% 0% 1% 0%; } 
.copyright span{ display:block}
.copyright a{ color:#fff; }
.copyright{ width:100%; margin:0px auto; border-top:1px #2073ce solid; }
.copyright p{ display:inline;float:right}  

.copyrightno{ width:100%; float:left}
.copyrightno li{ width:50%; float:left; height:30px; overflow:hidden; line-height:30px;}
.copyrightno li a{ }
.copyrightno li{}
.vipb a{ color:#eec162}
.footer_r{ width:83%; float:left; } 

.footerlogo{ width:18%; float:left; margin-right:8%;}
.footerlogo img{ width:100%; padding-top:30px;}
.footdivli{width:40%; } 
.footdivli li{ width:25%;  }    
.footdivdt{width:24%; line-height:30px;   } 
.footdivdt li{ width:50%; }    
.footdivdt li strong{ font-weight:normal}

.footdivul{width:10%; float: right; }
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; margin-bottom:3%}  
.footdivul p{ width:100%; display:block; line-height:50px; text-align:center}  
.footdivul p strong{ padding-left:10px; font-weight:normal}
.footdivul li{ margin: 0 auto; text-align:center } 
.footdivul li img{ width:59%; border:5px #fff solid} 
.footdivgg{ width:100%; float: left; padding:10px 0% 0% 0%; }  
.footdivgg li{ width:20%; float:left}
.footdivgg h2{ line-height:30px; color:#fff; }     
.footdivgg p{ line-height:28px; color:#FFFFFF; font-size:16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden }    
.footdivgg img{  float:left; padding-right:3%} 
.footdivgg_bot{ width:10%; float:right; height:50px; line-height:50px; text-align:center; border:1px #fff solid;border-radius:50px; }
.footdivgg_bot h2{ line-height:50px; color:#FFFFFF;}
.footertop{ width:10%; float:right}
.footertop img{}

.footer_top{ height:20px; line-height:20px; margin-bottom:10px; }    
  
@media only screen and (max-width:1450px) {    
.footbot{ padding:0% 0% 2% 0%} 
	}
@media only screen and (max-width:1200px) {    
.footer_r{ width:100%; }  
.footdivul{ display:none} 
}  
@media only screen and (max-width:1024px) {  
.footbot{ padding:1% 0% 30px 0%}   
.footerlogo img{ padding-top:10px;} 
.copyrightno{ display:none}  
.footdivgg{ width:100%; padding:2% 0%} 
.footdivgg img{ width:19%} 
.footdivgg_bot{ width:15%}
} 
@media only screen and (max-width:850px) {  
.footdivgg li{ text-align: center}
.footdivgg img{ float:none; margin: 0 auto; padding:0%; width:30%}
}
@media only screen and (max-width:768px) {  
.header1{ background:#f68600;}  
#footer{ padding:4% 0% 0% 0%; } 
.footer{ padding:0% 0% 0% 0%; }   
.footbot{ padding:2% 0% 100px 0%; background:none } 
.footerlogo{ width:100%}
.footdivgg{ width:100%; margin: 0 auto; float:none; text-align:center; padding:0% 0%;} 
.footdivgg_top{ display:none}
.footdivgg h2{ line-height:40px; font-size:18px; margin:0%} 
.footdivgg span{ width:55%; float: right; display:block; line-height:80px; font-size:36px}
.footdivgg li{ width:25%; padding:0% 0% 0% 0%; } 
.footertop{ width:100%; text-align:center}
.footertop img{ margin: 0 auto}
.footer_top{ display:none }
.footdivul{ display: none }   
.footdivdt{ display:none}    
.footdivli{ display:none}  
.copyright{ float:left; text-align:center; margin:0% 0% 0% 0%; padding:0% 0% 0% 0%; border-top:none;}   
.copyright p{ width:100%; display:block} 
.copyright strong{ display:none}
.footerlogo{ text-align:center}
.footerlogo img{ width:90%; margin: 0 auto}  
.footdivgg_bot{ width:36%; margin:4% 0% 2% 30%; float:left}
.footdivgg_bot h2{ line-height:50px;}
} 
@media only screen and (max-width:650px) { 
.footdivgg li{ width:32% } 
.footdivgg li:nth-child(4){ display:none} 
}

@media only screen and (max-width:550px) {   
#footer{ padding:4% 0% 20px 0%; } 
 }  
@media only screen and (max-width:414px) {  
.footdivgg li{ width:100%; text-align:center}
.footdivgg h2{ display:inline}
.footdivgg p{ display:inline; font-size:20px; font-weight:normal}
.footdivgg img{ width:10%; margin-bottom:-10px;}
.footdivgg_bot{ width:100%; margin:2% 0% 0% 0%;}
 } 
@media only screen and (max-width:300px) {   
.footdivgg h2{ display: none} 
 }  
.xiangxi{  BACKGROUND: url("../images/ihot-t.jpg") no-repeat; } 
  
.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:20%;height: 225px;}
.root dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.root .wzgg {padding-top: 26px;position: relative;height: 113px;width:80%;float: right;font-size: 15px;color: #555555;line-height: 30px;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: block;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}
.zngg{display:inline}
.zngg_bot{display:inline}
.mainrmss{display:inline}
@media only screen and (max-width:1680px) { 
.root .wzgg{ width:76%; padding-top:15px} 
} 
@media only screen and (max-width:1200px) { 
.root .wzgg{ width:69%} 
.root .wzgg{ height:122px; padding-top:28px}
.root .wzgg h2{ display:none}
}
@media only screen and (max-width:1024px) {  
.root{ height:auto}
.root dt{ margin-top:-33px; width:24%}
.root .wzgg i{ display:none}
.root .wzgg{ padding-top:50PX;}
}
@media only screen and (max-width:850px) { 
.root .wzgg{ line-height:27px;}
}
@media only screen and (max-width:768px) { 
.Toubu{ background: none}
.root{ padding:2% 0% 2% 0%; height:auto}
.root dt{ width:100%; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;}
.root .wzgg{  display:none} 
 
}
.mainsytj_top{ text-align:center;padding:0% 0% 0% 0%; position:relative; display:none } 
@media only screen and (max-width:768px){   
.mainsytj_top img{ width:100%}
}


.h_ady{ padding:0% 0%; background:url(../images/h_ady.jpg) no-repeat center top;background-size:cover; }
.h_ady li {width:18%;text-align:center;float:left; margin:0 1%; padding:0% 0% 0% 0%;}
.h_ady li span {font-size:50px;display:block}
.h_ady li h5 {font-size:18px; line-height:30px; width:71%;background:#333;color:#FFF;border-radius:30px; margin:0px auto; height:32px; overflow:hidden}
.h_ady li h6 {font-size:15px;font-weight:normal;line-height:24px; height:50px; overflow:hidden}
.h_ady li:hover {color:#e60012}
.h_ady li:hover h5 {background:#e60012;color:#FFF}
.h_ady li:hover span {animation:swing 2s infinite;color:#e60012}

@font-face {font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1559188_w8u8yqinbrl.eot');src:url('http://at.alicdn.com/t/font_1559188_w8u8yqinbrl.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1559188_w8u8yqinbrl.woff2') format('woff2'),url('http://at.alicdn.com/t/font_1559188_w8u8yqinbrl.woff') format('woff'),url('http://at.alicdn.com/t/font_1559188_w8u8yqinbrl.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1559188_w8u8yqinbrl.svg#iconfont') format('svg');}
.iconfont {font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

@media only screen and (max-width:1170px) {   
.h_ady li {width:23%;}
.h_ady li:nth-child(2){ display:none}
}
@media only screen and (max-width:1024px) { 
.h_ady li h5{ font-size:16px; margin:0px auto 15px}
}
@media only screen and (max-width:860px) {   
.h_ady li {width:31%; padding:0%}
.h_ady li:nth-child(2){ display: inline}
.h_ady li:nth-child(4){ margin-left:17%}
}
@media only screen and (max-width:768px) { 
.zngg{ display:none}  
}
@media only screen and (max-width:650px) { 
.h_ady li {width:48%;}
.h_ady li:nth-child(2){ display:none}
.h_ady li:nth-child(4){ margin-left:1%}
}
@media only screen and (max-width:414px) { 
.h_ady li h5{ width:92%}
}
@media only screen and (max-width:328px) { 
.h_ady li {width:98%;}
.h_ady li:nth-child(2){ display: inline}  
}
 
.htitle{padding:0px 0 0px 0; text-align:center}
.htitle span{text-align: center;color: #000;font-family: 'Impact';letter-spacing: 2px; display: inline; transition:.5s;font-size: 60px;}
.htitle span i{display: inline-block;color: #045cbd;font-family: 'Impact';}
.htitle h3{text-align: center;color: #333;font-family: 'Impact';  transition:.5s; font-size:36px; display:inline}
@media screen and (max-width:1200px){
.htitle span{font-size: 42px; letter-spacing: 2px; display:block}
.htitle h3{font-size: 30px; display:block}
}
@media screen and (max-width:960px){
.htitle span{font-size:50px;letter-spacing:1px;}
.htitle h3{font-size:30px;}
}
@media screen and (max-width:768px){
.htitle span{font-size:40px; letter-spacing:0px;}
.htitle h3{font-size:24px;}
}
@media screen and (max-width:460px){
.htitle span{font-size:30px; letter-spacing:0px;}
.htitle h3{font-size:22px;}
}

.hproduct{background:#fafafa url(../images/probg.jpg) bottom center no-repeat;background-size:100% 50%; }
.hprobtn{width: 70%;margin:0px auto; padding-bottom:0% }
.hprobtn a{display: block;background-color: #e2e2e2;width: 23%;margin:0% 1%;font-size: 18px;color: #666;text-align: center;border-radius: 30px;line-height: 40px;float: left;}
.hprobtn a.proon,.hprobtn a:hover{background-color: #000;color: #fff;}
.proCon{width: 100%;overflow: hidden;margin-top: 20px;margin-bottom: 10px;display: block;}
.pro_iframe{width: 100%; overflow: hidden;}
.hproconbox{ width: 100%; text-align: center;}

.smllproduct{ width:45.3%; float: left; padding:0% 3% 0% 9%;}
.smllproduct_div{ width:77%; height:160px; text-align:right; }
.smllproduct_div h2{ font-size:18px; text-transform: uppercase; color:#333; line-height:24px; } 
.smllproduct_div p{ font-size:36px; font-weight:bold; color:#045cbd; }
.smllproduct_div span{ color:#333; font-size:16px; line-height:18px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.smllproduct_div b{ background:#e9aa00; width:30%; height:45px; line-height:45px; color:#FFFFFF; display:block; float:right; text-align: center;border-radius:50px;}
.smllproduct_cp{ width:74%; background:#FFFFFF; padding:10px 19% 10px 5% }
.smllproduct_cp li{ width:31%; margin:0% 1% 0% 1%; float:left}
.smllproduct_cp li dd{ width:100%; height:165px; overflow:hidden } 
.smllproduct_cp li dd img{ width:100%}
.smllproduct_cp li h2{ font-size:16px; line-height:50px; height:50px; overflow:hidden; text-align:center; background:#FFFFFF}
.smllproduct_cp li:nth-child(4){ display:none}
.smllproduct_cptop{ font-size:36px; line-height:33px; border-left:3px #045cbd solid; height:40px; margin-bottom:10px; margin:20px 0px 34px 0px; padding-left:4%}
.hproduct_r{ width:42%; float:right; }
.hproduct_r_bot{ width:100%; display:block; height:400px;} 
.hproduct_r_botimg{ width:137%; margin-left:-24%; height:400px; display:block;background:url(../images/hproduct_r_bot.jpg) no-repeat center top;background-size:cover;}
.hproduct_r_bott{ width:100%; height:90px;}
.hproduct_r_bott h1{ width:26%; float:left; margin-left:-24%}
.hproduct_r_bott h1 span{ width:50%; height:89px; display:block; float:left}
.hproduct_r_bott1{ background:url(../images/l1.jpg)  no-repeat center center #045cbd; }
.hproduct_r_bott2{ background:url(../images/r1.jpg)  no-repeat center center #fff; }
.hproduct_r_bott h2{ font-size:36px; color:#FFFFFF; margin-left:5%; line-height:90px;} 
 
@media only screen and (max-width:1450px) {
.smllproduct{ width:50.4%; padding:0% 3% 0% 4%}
 } 
@media only screen and (max-width:1365px) {
.smllproduct{ width:52.5%; padding:0% 3% 0% 2%}
.smllproduct_cp li dd{ height:128px}
.proCon{ margin-bottom:2%}
.hproduct_r_bot{ height:363px;}
.hproduct_r_botimg{ height:364px}
} 
@media only screen and (max-width:1279px) {
.smllproduct_div h2{ font-size:16px; line-height:34px}
 }  
@media screen and (max-width:1200px){
.smllproduct_cp li{ width:31%} 
.smllproduct_div p{ font-size:30px}
.smllproduct_cptop{ font-size:24px; line-height:39px}
.hproduct_r_bott h2{font-size:24px; margin-left:19%}
}
@media screen and (max-width:1024px){
.smllproduct_div p{ font-size:24px}
.smllproduct_div h2{ display:none}
.smllproduct_cptop{ margin:10px 0px 20px 0px; font-size:20px}
.smllproduct_cp{ padding:10px 19% 10px 5%}
.smllproduct_cp li:nth-child(4){ display: inline}
.smllproduct_cp li{ width:48%}
.smllproduct_div{ height:144px}
.smllproduct_div b{ width:50%; margin-top:10px; height:40px; line-height:40px}
}
@media screen and (max-width:768px){ 
.hprobtn{ width:90%}
.hproduct_r_bott h2{ font-size:20px;}
}
@media screen and (max-width:650px){  
.smllproduct{ width:60%}
.hproduct_r{ width:35%}
}
@media screen and (max-width:600px){  
.smllproduct{ width:98%}
.smllproduct_div{ width:100%; text-align:center; height:auto}
.proCon{ margin: 0 auto}
.smllproduct_cp{ width:94%; padding:10px 2% 10px 2%}
.smllproduct_cp li dd{width:100%; overflow:hidden; height:auto;max-height:300px;position:relative; display:block; padding-bottom:100%}
.smllproduct_cp li dd img{ width:100%; height:100%; float:left; position:absolute;}
.smllproduct_div b{ margin: 0 auto; float:none; margin-top:2%}
.hproduct_r{ width:100%; padding-bottom:2%} 
.hproduct_r_bot{ display:none}
.hproduct_r_bott h1{ margin-left:2%; border-bottom:2px #FFFFFF solid; border-left:2px #FFFFFF solid}
.hproduct_r_bott h2{ float:left; margin-left:8%}
}
@media screen and (max-width:500px){
.hprobtn{ width:90%} 
.hprobtn a:nth-child(1){ display:none}
.hprobtn a{ width:31%; font-size:16px}
}
@media screen and (max-width:414px){
.hprobtn{ width:100%}  
}
@media screen and (max-width:328px){
.hproduct_r{ display:none}
}

.mainthree{ }
.xw6{ width:46%; float:left}
.xw6 ul li{ margin-bottom:0px;}
.xw6 ul li a{ background:url(../images/yq.jpg) no-repeat left center; padding-left:15px;}
.xw7{ width:46%; float: right}
.xw7 ul li{ margin-bottom:0px;}
.xw7 ul li a{ background:url(../images/yq.jpg) no-repeat left center; padding-left:15px;}
.xw8{ width:100%; float:left}
.xwxxbot{ width:100%;}
.xwxxbot ul{ width:100%}
.xwxxbot ul li{ width:100%; height:30px; line-height:30px; overflow:hidden; float:left}
.xwxxbot ul li span{ float:right;} 
 

/*ÐÂÎÅmainthree*/ 
.tit02{padding: 15px 0px;border-bottom: 1px solid #ebebeb;overflow: hidden;}
.tit02 .tit2-l{float: left;width: 60%;}
.tit02 .tit2-l h2{display: block;font-size: 30px;color: #373737;font-weight: bold;letter-spacing: 2px;}
.tit02 .tit2-l p{display: block; font-size: 12px;color: #afafaf;text-transform: uppercase;}
.tit02 .morea{ display: block;margin-top: 25px;float: right;width: 40%;font-size: 14px;color: #343434;text-align: right;text-transform: uppercase;}

.wl-news{ float:left; width:65%}
.xw02_r{ float:right; width:30%} 
.wl-news1{padding:17px 0px;}
.wl-news1 .l-tu{float: left; width: 20%; height:195px; overflow:hidden}
.wl-news1 .l-tu img{height: 100%;}
.wl-news1 .xwxxtop4{float: right;width:75%;}
.wl-news1 .xwxxtop4 h3{display: block; height: 40px;font-size: 17px;color: #343434; overflow: hidden;transition: all 0.3s ease-out;}
 
.wl-news1 .xwxxtop4 p{display: block; font-size: 14px;color: #9a9a9a;line-height:30px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden}
.wl-news1 .xwxxtop4 .more{display: block; margin-top: 40px;width: 80px;height: 26px; background-color: #1b1f2a;text-align: center;line-height: 26px;font-size: 14px;color: #9a9a9a;transition: all 0.3s ease-out;}
.wl-news1:hover .xwxxtop4 .more{ background-color: #eec162;color: #fff;}
.wl-news2{padding:10px 0px;}
.wl-news2 li{padding:11px 0px;border-bottom: 1px solid #f1f1f3;overflow: hidden; width:49%; float:left}
.wl-news2 li:nth-child(2n){ margin-left:1%}
.wl-news2 li .n2-tit{float: left; width: 74%;}
.wl-news2 li .n2-tit img{ display: inline-block; margin-right: 10px;}
.wl-news2 li .n2-tit a h3{display: inline-block; font-size: 15px;color: #7a7a7a; transition: all 0.3s ease-out; width:84%; height:20px; overflow:hidden}
.wl-news2 li:hover .n2-tit a h3{color: #eec162;}
.date1{float: right; font-size: 13px;color: #7a7a7a;text-align: right;transition: all 0.3s ease-out;}
.wl-news2 li:hover .dat1e{ color: #008ce3;}

.wl-n3-img{ height:130px; overflow:hidden}
.wl-n3-img img{ height: 100%;}

.xw8{ background:#f4f4f4}
.xw8 li{ width:100%; border-bottom:2px solid #fff;overflow: hidden;transition: all 0.3s ease-out; display:block; padding:4px 0%;}
.xw8 li:hover{background-color: #eec162; color:#FFFFFF} 
.xw8 li:hover a{ color:#FFFFFF}  
.xw8 li .yuan{ display: inline-block;margin: 15px;width: 7px;height: 7px;border:2px solid #b3b3b3; border-radius: 50%; transition: all 0.3s ease-out; float:left}
.xw8 li:hover .yuan{ border:2px solid #fff;}  
.xw8 li .more{float: right; width: 30px; text-align: center; margin-top:7px;}
.xw8 li .more .yuantu{width: 20px;height: 20px;background-color: #e3e3e3;text-align: center;line-height: 20px;font-size: 14px;color: #7e7e7e; font-weight: bold;border-radius: 50%;}
@media screen and (max-width:1236px){
.xw6 ul li span{ display:none} 
.xw7 ul li span{ display:none} 
.tit02 .tit2-l h2{ font-size:24px;}
}
@media screen and (max-width:1024px){
.wl-news{ float:left; width:45%}
.xw02_r{ float:right; width:50%} 
.wl-news1 .l-tu{ display:none}
.wl-news1 .xwxxtop4{float: left;width:100%;}
.xw6{ width:100%}
.xw6 ul li span{ display: block} 
.xw7{ display:none}
}
@media screen and (max-width:768px){
.wl-news{ float:left; width:100%}
.xw02_r{ float:left; width:100%} 
.xw6{ display:none}
.xw02_r .tit02{ display:none}
.wl-news1 .xwxxtop4 .more{ display:none}
.wl-n3-img{ height:auto}
.wl-n3-img img{ width:100%; height:auto}
}
@media screen and (max-width:328px){
.tit02 .morea{ display:none}
.tit02 .tit2-l{ width:100%}
.xw8 li .more .yuantu{ display:none}
}

.two{ padding:0% 0% 0% 0%;}
.two_top{ width:100%; margin: 0 auto; text-align:center }
.two_top h2{ font-size:36px; line-height:70px;}
.two_top h2 strong{ padding-right:2%; color:#045cbd}
.two_top span{ font-size:16px; line-height:30px; color:#888888}
.two_top span strong{ font-weight:normal; font-size:14px; line-height:20px; width:100%; display:block}
.two_top b{ width:40px; height:4px; margin: 0 auto; background:#045cbd; display:block; margin-bottom:10px;}
.two_top p{ display:none}
.xw3{ width:29%; float:left}
.xwxxtop{float: left; width:100%; height:170px; overflow:hidden; }
.xwxxtop img{width: 100%;}
.xw3 ul dl{ margin-bottom:10px;}
.xw4 ul dl li{ font-size:16px}
.xw3 ul dl span{ color:#888888; line-height:17px;}
.xw3 ul dl dt{ color:#888888; line-height:30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}


.xw4{ width:68%; float: right}
.xw4 ul dl{ margin:0 1% 3px 1%; width:48%; float:left}
.xw4 ul dl span{ color:#888888; line-height:40px; width:24%; float:left; text-align:center; background:#f5f5f5; height:90px;}
.xw4 ul dl span h2{ font-size:36px; color:#afadad; font-weight:bold; line-height:60px; height:50px;}
.xw4 ul dl span strong{ font-size:16px; color:#888888; line-height:30px;}
.xw4 ul dl dt{ width:71%; float: right}
.xw4 ul dl dt li{ font-size:16px}
.xw4 ul dl dt p{ width:100%; float:left; color:#888888; line-height:30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
 
@media screen and (max-width:1200px){
.two_top h2{ font-size:30px; line-height:60px}
}
@media screen and (max-width:1024px){
.xw4 ul dl{ width:98%; }
.xw3{ width:44%}
.xw4{ width:52%} 
.xw4 ul dl:nth-child(n+4){ display:none}
}
@media screen and (max-width:768px){
.two_top h2{ font-size:24px;}
}
@media screen and (max-width:650px){
.xw3{ width:100%}
.xw4{ display:none}
}
@media screen and (max-width:414px){
.xwxxtop{ height: auto;}
.xwxxtop img{width: 100%; }
}


.advantage{ width:100%; margin: 0 auto;background:url(../images/advantage.jpg) no-repeat center top #045cbd;background-size:cover; position:relative } 
.advantage_top{ width:100%; margin: 0 auto; text-align:center; color:#FFFFFF; }
.advantage_top a{ color:#FFFFFF}
.advantage_top h1{ line-height:50px; font-weight:bold}
.advantage_top h1 b{ display:inline-table; width:10px; height:10px; background:#FFFFFF; margin:0% 1% 0% 1%;}
.advantage_top span{ line-height:30px; font-size:18px; text-transform:uppercase}
.advantage_top p{ line-height:50px;}
.advantagefr{text-align:right; float:right} 
.advantagefl{ float:left}
.advantageul{ width:100%; background:#f5f5f5; margin: 0 auto; height:160px}
.advantageul ul{width:50%; float:left}
.advantageul ul li{ width:61%; display:inline}
.advantageul ul li h2{ width:66%; float:left}
.advantageul ul li img{ width:21%; float:left; margin:5% 5% 5% 5%;border-radius:150px; border:3px #f5f5f5 solid; }
.advantageul ul li p{font-size: 20px;font-weight: bold;padding:26px 0 15px 0; height:30px; overflow:hidden}
.advantageul ul li span{font-size: 14px;line-height:28px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
.advantageul ul:hover{ background:#e9aa00}
.advantageul ul:hover li a{ color:#FFFFFF}

.advantagedl{ width:100%; margin: 0 auto; background:#FFFFFF; height:84px;}
.advantagedl li{ width:23%; text-align:center; }
.advantagedl li img{ margin: 0 auto}
.advantagedl h2{ display:none; }
.advantageimg{ width:38%; margin: 0 auto; text-align:center }
.advantageimg img{  width:62%; margin: 0 auto; margin-top:-403px; border:20px #FFFFFF solid;border-radius:550px; background:#FFFFFF; }

.advantage_tel{ width:32%; height:63px;text-align:center; font-size:20px; line-height:60px; margin: 0 auto;border-radius:50px; border:1px #FFFFFF solid; margin-top:20px; margin-bottom:2%}
.advantage_tel a{ color:#FFFFFF}
.advantage_tel h2{ display:inline}
.advantage_tel p{ display:inline; font-size:30px; font-weight:bold}
.advantage_tel:hover{ background:#e9aa00; }
.advantage_b{ width:100%; margin: 0 auto} 
.jiantd{position: absolute;bottom:64px;left: calc(50% - 26px);display: none;}
.jiantd:before
{
content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 132px;z-index: 10;opacity: 0;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}
@keyframes mymove
{
0% {width: 70px;height: 70px;border: 2px solid rgba(255, 255, 255, .05);}
25% {opacity: 1;width: 106px;height: 106px;border: 2px solid rgba(255, 255, 255, .25);}
50%{width: 70px;height: 70px;border: 2px solid rgba(255, 255, 255, .05);}
75%{opacity: 1;width: 106px;height: 106px;border: 2px solid rgba(255, 255, 255, .25);}
100%{width: 70px;height: 70px;border: 2px solid rgba(255, 255, 255, .05);}

}
.jiantd:after
{
content: '';position: absolute;left: 50%;top: 50%;border-radius: 106px;z-index: 10;transform: translate(-50%, -50%);transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
animation:mymove2 5s infinite;
-webkit-animation:mymove2 5s infinite; /*Safari and Chrome*/
}

@keyframes mymove2
{
0% {width: 66px;height: 66px;border: 2px solid rgba(255, 255, 255, .5);}
25% {width: 80px;height: 80px;border: 2px solid rgba(255, 255, 255, .8);}
50%{width: 66px;height: 66px;border: 2px solid rgba(255, 255, 255, .05);}
75%{width: 80px;height: 80px;border: 2px solid rgba(255, 255, 255, .8);}
100%{width: 66px;height: 66px;border: 2px solid rgba(255, 255, 255, .05);}

}


@media only screen and (max-width:1700px){   
.advantageimg img{ width:69% } 
}

@media only screen and (max-width:1500px){   
.advantageimg img{ width:78%} 
} 
@media only screen and (max-width:1200px){   
.advantageul ul li p{ font-size:16px}
.advantageul ul li span{ line-height:30px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden}
.advantageimg img{  margin-top:-368px; width:70% } 
.advantage_tel{ width:53%; font-size:16px}
.advantage_tel p{ font-size:24px}
}
@media only screen and (max-width:1100px){    
.advantage_top{ margin-bottom:2%}
.advantageimg img{  margin-top:-392px; width:80%;border:30px #FFFFFF solid;} 
.advantageul ul li p{ font-size:14px; font-weight:normal}
}
@media only screen and (max-width:1024px){ 
.advantageimg{ display:none}
.advantageul ul li{ width:100%}
 }
@media only screen and (max-width:900px){  
.advantageimg img{ margin-top:-401px;} 
.advantageul ul li p{ height:25px;}
}
@media only screen and (max-width:768px){ 
.advantageul{ padding:2% 0%;}
.advantageimg{ display:none}
.advantagedl h2{ display: inline; width:50%; text-align: center; float:left}
.advantagedl h2 img{ width:60%; margin: 0 auto}
.advantagedl li{  float:left; padding-top:8%}
.advantageul ul{width:100%; float:left} 
.advantageul ul li{ width:100%; display:inline; padding:0%}
.advantageul ul li img{ width:21%; margin:0% 5% 0% 5%; border:none}
.advantageul ul li h2{ width:65%}
.advantageul ul li p{ font-weight:bold; font-size:24px; height:50px; padding:16px 0 0px 0}
.advantageul ul li span{ line-height:31px; font-size:16px} 
.advantage_top a{ font-size:24px}

.advantageul{  height: auto} 
.advantagedl{ height: auto;}
.advantage_tel{ width:77%; }
}
@media only screen and (max-width:600px){   
.advantageul ul li p{ height:40px; font-size:20px;}  
.advantage_top h1 b{ width:5px; height:5px;  margin:0% 2% 0% 2%;}
}
  
@media only screen and (max-width:500px){  
.advantageul ul li{ text-align:center}
.advantageul ul li h2{ width:97%; margin: 0 auto; float:none}
.advantageul ul li span{ font-size:14px}
.advantageul ul li p{ height:30px; font-size:17px;}
.advantageul ul li img{ margin: 0 auto; float:none}
.advantage_top a{ font-size:20px;}
.advantagedl{ display:none}
.advantagefr{text-align: center; float:right} 
.advantage_tel{ width:100%; }
}
@media only screen and (max-width:414px){  
.advantage_top p{ font-weight:normal; font-size:16px;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden}
}
@media only screen and (max-width:300px){ 
.advantage_tel h2{ display:none} 
}

.fwcn{ width:100%; margin: 0 auto;background:url(../images/fwcn.jpg) no-repeat center top; text-align:center; padding:10px 0%}
.fwcn ul{ width:100%; float:left;color:#ccc}
.fwcn ul a{ color:#000}
.fwcn ul h2{  line-height:40px; }
.fwcn ul h1{  line-height:40px; }
.fwcn ul p{ line-height:30px; font-size:14px; padding:0% 5%;} 
.fwcn li{ width:100%; text-align:center} 
@media only screen and (max-width:1200px){     
.fwcn ul h1{ line-height:50px;}
} 
 
@media only screen and (max-width:700px){  
.fwcn ul p{ display:none} 
.fwcn ul h1{ font-size:16px} 
.fwcn ul h2 span{ display:block; width:100%; line-height:20px; }
.fwcn ul h2 b{ display:none}
.fwcn1{width:100%; margin: 0 auto}
.fwcn2{width:65%; margin: 0 auto}
}
@media only screen and (max-width:550px){  
.fwcn ul h1{ line-height:30px; margin-bottom:2%}
}

.one{ padding:1% 0% 0% 0%;background:url(../images/one.jpg) no-repeat center top #045cbd;background-size:cover; } 
.xwxxtop2{ width:100%; margin: 0 auto; text-align:center; }
.xwxxtop2 h2{ font-size:36px; line-height:70px; color:#fff}
.xwxxtop2 h2 strong{ padding-right:2%;}
.xwxxtop2 p{ font-size:16px; line-height:30px; color:#fff} 
.xwxxtop2 b{ width:40px; height:4px; margin: 0 auto; background:#fff; display:block; }
.xw5{ width:37%; float:right }  
.xw5 ul dl{ width:100%; float:left}
.xw5 ul dl h2{ width:100%; float:left; margin-bottom:2%}
.xw5 ul dl h2 span{width:32.333333%; float:left; margin:0% 1% 0% 0%; height:108px; overflow:hidden}
.xw5 ul dl h2 span img{ height:100%; width:100%;} 
.xw5 ul dl h2 span:nth-child(2){background:url(../images/xw52.jpg) no-repeat center top;background-size:cover}
.xw5 ul dl h2 span:nth-child(3){background:url(../images/xw53.jpg) no-repeat center top;background-size:cover}
.xw5 ul dl dt{ width:100%; float: left}
.xw5 ul dl dt li{ font-size:16px;color:#fff; }
.xw5 ul dl dt p{ width:100%; float:left; color:#fff; line-height:30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
.xwxxboty{ width:30px; height:30px; float:left;border-radius:150px; background:#e9aa00; text-align:center; font-size:18px; margin-top:20px; color:#FFFFFF}

 
.index_news_warpper{ width:58%; float:left; }
.w1000_wrapper{ }

.xw1{ width:100%; }
.xw1 ul li{ width:48%; float:left; margin-bottom:10px;}
.xw1 ul li a{ color:#FFFFFF}
.xw1 ul li span{ float:right}
.xw1 ul li:nth-child(2n){ margin-left:4%;}
.xw2{ width:100%; }
.xw2 ul li{ width:48%; float:left; margin-bottom:10px; color:#FFFFFF}
.xw2 ul li a{ color:#FFFFFF}
.xw2 ul li span{ float:right} 
.xw2 ul li:nth-child(2n){ margin-left:4%;}
.news_box{ } 
.hot_top_n_box{ width: 100%; height: 164px; margin-bottom:9px; overflow: hidden;}
.hot_n_introl{ width:20%; height:164px; overflow:hidden; float:left}
.hot_n_introl img{ height:100%;}
.hot_n_intro{ float: right; width:76%; text-align: left; }
.hot_n_intro h4{ height: 35px; line-height: 35px; font-size: 16px;  color: #FFFFFF;} 
.hot_n_intro p{ line-height:30px;color: #FFFFFF;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden}
.hot_n_intro_l{ width:100%; height:50px; font-size:16px; line-height:50px; float:left; margin-top:2%; margin-bottom:2%} 
.hot_n_intro_l h2{ display:inline; float:left; color:#FFFFFF}
.hot_n_intro_l p{ display:inline; float:left; color:#FFFFFF; font-size:27px; line-height:50px; font-weight:bold}
  
@media only screen and (max-width:1200px){  
.xwxxtop2 h2{ font-size:30px;}
.xw2 ul li span{ display:none} 
.xw1 ul li span{ display:none} 
}
@media only screen and (max-width:1024px){  
.xw5 ul dl h2 span{ width:49%;}
.xw5 ul dl h2 span:nth-child(3){ display:none}
}
@media only screen and (max-width:850px){  
.xw5 ul dl{ display:none}
.index_news_warpper{ width:100%;}
.xw2 ul li span{ display: inline } 
.xw1 ul li span{ display: inline} 
}
@media only screen and (max-width:768px){
.xwxxtop2 h2{ font-size:24px;}   
}
@media only screen and (max-width:600px){  
.xw2 ul li{ width:100%;} 
.xw1 ul li{ width:100%;} 
.xw2 ul li:nth-child(2n){ margin-left:0%;}
.xw1 ul li:nth-child(2n){ margin-left:0%;}
}
@media only screen and (max-width:450px){    
.hot_top_n_box{ display:none}
}
@media only screen and (max-width:300px){    
.xw2 ul li span{ display:none} 
.xw1 ul li span{ display:none} 
}


.maincpsy{ padding:1% 0% 0% 0%; }
.t_c{  margin: 0 auto; text-align:center } 
.t_c h2{ font-size:36px; line-height:50px;}
.t_c span{ font-size:18px; line-height:30px; display:none} 
.cpfl{ width:80%; padding:1% 0% 0% 0%; margin: 0 auto; }
.cpfl dl{ list-style-type:none;}
.cpfl dl dt{ background:#045cbd; width:12.1%; float:left; height:40px; line-height:40px; margin:0% 1% 1% 1%; text-align:center; overflow:hidden; }
.cpfl dl dt a{ color: #fff; } 
.cpfl dl dt:hover{ background:#e9aa00; } 

.iproshow { }
.ipic { width:23%; margin:0% 1%; overflow:hidden; float:left; }
.ipic .bgpic{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.ipic .bgpic img{ width:100%;  float:left; position:absolute;} 
.ipic .bgpic h2{ position:absolute; float:left; width:100%; height:100%}
.ipic .bgpic h2 b{ width:100%;height:100%;position:absolute; ;z-index:19998; background:url(../images/sycpbj.png) no-repeat center bottom;background-size:100% 100%;}
.ipic P { WIDTH: 100%; text-align:center; FLOAT: left; font-size:18px; line-height:50px; height:50px; overflow:hidden} 
.ipic .bgpic img{width: 100%; height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.ipic:hover .bgpic 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){ 
.t_c h2{ font-size:30px;} 
}
@media only screen and (max-width:1024px){  
.ipic { width:31.333%;} 
.ipic .bgpic{ padding-bottom:100%}
}
@media only screen and (max-width:768px){ 
.maincpsy{ padding:4% 0% 3% 0%}
.t_c h2{ font-size:24px; line-height:30px} 
.ipic { width:48%;}
.cpfl dl dt{ width:31.3333333%}
.cpflno{ display:none}
}
@media only screen and (max-width:328px){  
.cpfl dl dt{ width:48%} 
}
.icompany{ padding:0% 0% 0% 0%;background:url(../images/icompanybj.jpg) no-repeat right top;background-size:40% 61%;} 

.dyh{  }
.dyhtop{ font-size:36px; color:#000000; font-weight:bold; line-height:90px;background:url(../images/dyhtop.png) no-repeat left center; }
.dyhtop h2{ padding-left:100px;}
.dyhbotr{ width:50%; float:right; height:397px; overflow:hidden; margin-top:20px;}
.dyhbotr img{ height:100%}

.dyhbotl{ width:48%; float:left; margin:0% 0% 0% 0%;}  
.dyhbotl h1{font-size:36px; color:#999; font-weight:bold; line-height:40px; padding-left:100px; }
.dyhbotl h1 strong{ color:#000000}
.dyhbotl ul{ line-height:30px; height:180px; overflow:hidden }
.ys_c{ width:100%;margin-top: 20px;}
.ys_c dl{ overflow:hidden;}
.ys_c dl li{ float: left;border:3px solid #d8d8d8;width:26%;height:80px; margin-right: 2%; color:#434343;font-weight: bold;}
.ys_c dl li em{display:block;text-align:center;font-size:12px;text-transform:uppercase;color:#999;font-weight:100;}
.ys_c dl li span{ padding:10px 0 0 0 !important; font-size: 24px;text-align: center;margin:0px !important;display: block;}

@media only screen and (max-width:1550px){  
.dyhtop{ font-size:32px}
}
@media only screen and (max-width:1200px){ 
.dyhtop{ font-size:30px}
.dyhbotl h1{ font-size:30px}
.dyhbotl{ width:46%}
}
@media only screen and (max-width:1024px){  
.dyhbotl ul{ display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden }
.dyhbotl h1{ margin-bottom:10px;}
.ys_c{ margin-top:2%;}
.ys_c dl li{ width:29%; height:100px}
.ys_c dl li span{ font-size:20px; padding:20px 0 0 0 !important}
.ys_c dl{ height: auto}
.dyhbotr{ margin-top:3%; height:390px}

}
@media only screen and (max-width:960px){  
.dyhtop{ font-size:24px;background-size: auto 100%; line-height:60px; margin-bottom:0% }
.dyhbotr{height:340px;}
}
@media only screen and (max-width:850px){  
.icompany{ background:none}
.dyhbotr{  display:none;}
.dyhbotl{ width:100%}
.dyhtop h2{ padding-left:80px;}
.dyhbotl h1{ padding-left:80px;}
}
@media only screen and (max-width:414px){  
.dyhtop{ font-size:24px; background:none; text-align:center; padding:0%; line-height:30px}
.dyhtop h2{ padding:0%}
.dyhbotl h1{ font-size:18px; text-align:center; padding:0%; margin-bottom:0%}
.ys_c dl li span{ font-size:16px; padding:29px 0 0 0 !important}
}
/*zz*/
.zz_box{width:100%;margin:0px auto;background: #045cbd; padding:20px 0px;}
.zz{ margin:0px auto; overflow: hidden; z-index: 9999}
.zz .m_zz ul{  position: relative;}
.zz .m_zz li{ width:24%;box-sizing:border-box;overflow:hidden;float:left;text-align:center;position:relative;border-right:1px rgba(255, 255, 255, 0.1) solid}
.zz .m_zz .n{border-right:none;}
.zz .m_zz li em{display: block; position: relative;width:110px; float: left; left:39%;}
.ttb{float: left;font-size:58px; color: #fff; font-family:"DIN";font-weight: 500; font-style: normal; line-height:65px;}
.zz .m_zz li em i{ font-size:16px;color:#045cbd;text-align:center;line-height:22px;width:26px;height:26px;display: block;position:absolute;top:34px;right:27px;background:#fff;border-radius:50px;}
.zz .m_zz .zz1{width:100%; text-align:center }
.zz .m_zz .zz1 h3{font-size: 18px; color: #fff; width:100%; float: left; line-height: 30px; font-weight: 80; text-align: center;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.zz .m_zz .zz1 p{ text-align: center; line-height: 20px; height: 40px; box-sizing: border-box; font-size: 15px; color: #fff; display: block;white-space: nowrap;  width:100%; float: left; padding-top: 6px;}
.zz .m_zz li:nth-child(2) em{width:171px;left:30%;}
.zz .m_zz li:nth-child(3) em{width:172px;left:30%;}
.zz .m_zz li:nth-child(4) em{width:140px;left:34%;}

@media only screen and (max-width:1200px){  
.ttb{ font-size:44px}
}

@media only screen and (max-width:1024px){  
.ttb{ font-size:35px}
.zz .m_zz li em i{ right:56px}
.zz .m_zz .zz1 h3{ font-size:16px}
}

@media only screen and (max-width:768px){  
.zz .m_zz li:nth-child(2){ border-right:none}
.zz .m_zz li{ width:49%; margin-bottom:2%}
}
@media only screen and (max-width:414px){   
.zz .m_zz li{ border-right:none}
.ttb{ font-size:24px}
.zz .m_zz .zz1 h3{ font-size:14px}
.zz .m_zz li em i{ background:none; color:#FFFFFF;}
}
@media only screen and (max-width:350px){   
.zz .m_zz li em i{ right:67px}
}

@media only screen and (max-width:300px){   
.zz .m_zz li{ width:100%; }
}