/*自定义样式*/
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}

.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }
.f_fst{ font-family: "Microsoft Yahei" }


/*banner*/
.g-adv{ height:14.583rem; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:14.583rem; overflow:hidden;}

/*nav*/
nav{ position: relative; height:12.917rem;  overflow:hidden; margin: 0.833rem 0 0 4.688%;}
nav a{ float:left; line-height: 0rem; height:4.583rem;  color:#fff;width:7.5rem; margin:0 0.833rem 0.833rem 0; overflow:hidden; display:block; background:url(/mobile/Images/Index/navbg2.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
nav a.z-on{background:url(/mobile/Images/Index/navbg1.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
nav em{display: block; margin:0.417rem auto 0rem; width: 2rem; height: 2rem; overflow: hidden; }
nav em img{width: 100%;}
nav i{display: block; height: 2.167rem;  text-align:center; font:1.083rem/1.667rem "Microsoft Yahei";}


/*搜索*/
.m-ss{ height:2.125rem; margin: 0 0 2.5rem 1.25rem;overflow:hidden;}
.m-ss .inp01{float:left; height:2.125rem;width:22.417rem;overflow:hidden;font:0.917rem/2.125rem "Microsoft Yahei";color:#999;outline:none; border:0; background:url(/mobile/Images/Index/ser1.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:22.417rem 2.125rem;
 padding-left:0.5rem; border-radius:0rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }
.m-ss .u-in{display: block; float:left; cursor: pointer; z-index:999;height:2.125rem;width:1.75rem; overflow:hidden; border-radius:0rem;background:url(/mobile/Images/Index/ser2.jpg) no-repeat left 0; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:1.75rem 2.125rem;}


/*m-case-----------------------------------------------------------------------------------------*/
.m-case{ position:relative; height:33.542rem; overflow:hidden;}
.m-h2{margin: 0 auto 1.667rem; height:4.0rem;width:100%; text-align: center; overflow:hidden;font:bold 1.5rem/2rem "Microsoft Yahei";color:#333; background:url(/mobile/Images/Index/cs_t.png) no-repeat center bottom;background-size:100% 1.375rem;}
.m-h2 i{ display: block;font:1rem/1.417rem "Microsoft Yahei"; color: #9d9d9d;}

.m-case ul{margin: 0 auto; height: 6.917rem; width: 90.625%; overflow: hidden;}
.m-case li{ float:left; height:2.417rem; width:48.3%; text-align: center; font:1rem/2.417rem "Microsoft Yahei";  color:#222;background: #cccccc; border-radius: 0.2rem; letter-spacing: 1px; margin-bottom: 0.833rem;}
.m-case li.z-on{background: #00acff;color: #fff; border-radius: 0.2rem; }
.m-case a:nth-child(2n) li{float: right;}

.m-case .prev , .m-case .next{ position:absolute; z-index:99; width:2.125rem; height:3.917rem; overflow:hidden; top:16.833rem;}
.m-case .prev { left:1.25rem;}
.m-case .next{ right:1.25rem;}

.m-case .sclwrap_box ,.m-case .m-box{ height:21.0rem; overflow:hidden;}
.m-case .con{ display:inline; float:left; width:100%;}
.m-case .con dl{width: 90.625%;margin: 0 auto; overflow: hidden;}
.m-case .con dl dt{ width:100%; height: 12.5rem; overflow:hidden;}
.m-case .con dl dd{margin-top: 0.667rem;}
.m-case .con dl dd h3{color:#222;  overflow:hidden; font:bold 1rem/2rem "Microsoft Yahei";}
.m-case .con dl dd p{color:#666;  overflow:hidden; font:0.917rem/1.583rem "Microsoft Yahei";}
.m-case .con dl dd p a{color: #7aba02;}

/*.m-pro*/
.m-pro{height: 44.292rem; width: 100%; overflow: hidden;background:url(/mobile/Images/Index/pro_t.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 5.583rem;}
.m-pro .m-h2{background: none; margin:0.625rem auto 2.625rem; letter-spacing:0.167rem; color: #fff;}
.m-pro .m-h2 i{color: #fff;letter-spacing:1px;}

.m-pro .pro01{margin:0 auto; clear: both; height:6.583rem; width: 90.625%; overflow: hidden;}
.m-pro .pro01 li{ float:left; height:2.417rem; width:31.8%;text-align: center; font:1rem/2.417rem "Microsoft Yahei";  color:#222;background: #cccccc; border-radius: 0.2rem; letter-spacing: 1px; margin-right: 0.5rem;  margin-bottom:0.5rem;}
.m-pro .pro01 li.z-on{background: #00acff;color: #fff; border-radius: 0.2rem; }
.m-pro .pro01 a:nth-child(3n) li{ margin-right: 0rem;}

.m-pro .pro02{margin:0 auto; clear: both; width: 90.625%; overflow: hidden;}
.m-pro .pro02 li{ float:left; width:47.414%; height: 14.417rem; text-align: center; background:url(/mobile/Images/Index/pro_ibg.png) no-repeat left 11.458rem;background-size:100% 1.375rem;}
.m-pro .pro02 li img{border: 0.167rem solid #00acff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .pro02 li span{display: block; font:0.917rem/2.5rem "Microsoft Yahei";  color:#666; }
.m-pro .pro02 li:nth-child(2n){float: right;}


/*m-anli*/
.m-anli{height:48.667rem; width: 100%; overflow: hidden;background:#d7efdc url(/mobile/Images/Index/al_bg.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-anli .m-h2{background: none; margin:2.667rem auto 1rem;color: #333; font-size: 1.5rem; letter-spacing: 0.167rem; background:url(/mobile/Images/Index/al_t.png) no-repeat center bottom;background-size:100% 1.375rem;}
.m-anli .m-h2 i{color: #9d9d9d;letter-spacing:0rem;text-transform: uppercase; font:0.583rem/1.667rem Arial, Helvetica, sans-serif;}
.al_img{margin: 0 auto 1rem; width: 60.625%; height: 17.083rem; overflow: hidden;}

.m-anli dl{margin:0 auto 1.417rem; clear: both; width: 90.625%; overflow: hidden;}
.m-anli dt{float: left; width: 3.167rem; height: 3.167rem;}
.m-anli dd{float: right; width: 20.167rem; overflow: hidden; }
.m-anli dd h3{color: #333; padding-left: 0.792rem; font:bold 1rem/1.667rem "Microsoft Yahei";background:url(/mobile/Images/Index/al_ic.png) no-repeat left 0.667rem; background-size:0.458rem 0.458rem;}
.m-anli dd p{color: #666;  font:0.917rem/1.583rem "Microsoft Yahei";}


/* ys--------------------------------------------------------------------------------------*/
.m-ys{ position:relative; height:51.083rem; overflow:hidden;background:url(/mobile/Images/Index/bg.jpg) repeat-y center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 5.0rem;}
.m-ys:before{ position:absolute; content:""; left:0rem; top:0rem; width:100%; height:1.542rem; background:url(/mobile/Images/Index/ys_t.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 1.542rem;}

.m-ys h2{margin: 2.917rem auto 1.167rem; height: 4.917rem; width: 100%; overflow: hidden;background:url(/mobile/Images/Index/ys_t.png) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.m-ys h2 em{float: left; display: block;letter-spacing: 1px; text-align: right; width: 51%;  padding-top: 2rem; font:bold 1.667rem/2rem "Microsoft Yahei"; color: #333;}
.m-ys h2 em i{display: block; font:0.583rem/0.833rem "Times New Roman", Times, serif; text-transform: uppercase; color: #999;}
.m-ys h2 b{float: right;width: 34.375%;padding-top: 1.8rem; display: block; text-align: left;font:bold 2.417rem/3.0rem "Microsoft Yahei"; color: #7aba02;}


.m-ys .prev , .m-ys .next{ position:absolute; z-index:99; width:2.833rem; height:2.833rem; overflow:hidden; top:46.5rem;}
.m-ys .prev { left:21.56%;}
.m-ys .next{ right:21.56%;}

.m-ys .m-cnt{ margin:0.833rem 0 0 37.5%; height:2.83rem;  overflow:hidden;}
.m-ys .m-cnt li{float:left; margin-right:1.167rem; height:0.792rem; width: 0.792rem; overflow:hidden;background: #666; border-radius: 100%;}
.m-ys .m-cnt li.z-on{ background: #7aba02; border-radius:1.1rem; width: 2.292rem; }

.m-ys span{ position:absolute; right:0rem; top:0rem;  height:2.83rem; width:4.9rem; text-align:center;  font:0.75rem/2.83rem Arial, Helvetica, sans-serif; color:#464646;}

.m-ys .sclwrap_box , .m-ys .m-box{ height:37.417rem; overflow:hidden;}
.m-ys .con{float:left; width:100%; display:inline;}
.ys_c dl{ width: 90.625%; margin:0 auto;}
.ys_c dl dt{width: 100%; height: 16.667rem; overflow: hidden;}
.ys_c dl dd{width: 100%; margin-bottom: 1.417rem; overflow: hidden;}
.ys_c dl dd h3{float: left; width: 3.417rem; height: 6.25rem; text-align: center;background: #7aba02; margin-top: 0.875rem;}
.ys_c dl dd h3 em{ overflow:hidden; display: block; padding-top:0.292rem;color: #fff; font:bold 1.5rem/2.125rem Arial, Helvetica, sans-serif;background:url(/mobile/Images/Index/ys_l1.jpg) no-repeat center bottom; background-size:1.417rem 0.083rem;}
.ys_c dl dd h3 i{margin-top: 0.667rem; display: block;  font:bold 1rem/1.25rem "Microsoft Yahei";  color: #fff;}

.ys_c dl dd p{width: 20.0rem; float: right; color:#bca05c;color: #666;  font:0.917rem/1.5rem "Microsoft Yahei";}
.ys_c dl dd p b{margin-bottom: 1rem; display: block; height: 3.083rem; color: #222;  font:bold 1rem/2.667rem "Microsoft Yahei"; background:url(/mobile/Images/Index/ys_l2.png) no-repeat left bottom; background-size:20.0rem 0.417rem;}




/*m-kh-----------------------------------------------------------------------------------------*/
.m-kh{ height:30.208rem; overflow:hidden;}
.m-kh .m-h2{margin:3.0rem auto 1.667rem; height:4.0rem;width:100%; text-align: center; overflow:hidden;font:bold 1.5rem/2rem "Microsoft Yahei";color:#333; background:url(/mobile/Images/Index/kh_t.png) no-repeat center bottom;background-size:100% 1.375rem;}
.m-kh .m-h2 i{color: #9d9d9d;letter-spacing:0rem;text-transform: uppercase; font:0.75rem/1.667rem Arial, Helvetica, sans-serif;}

.m-kh dl{width: 90.625%; height: 8.417rem; background: #f6f6f6; margin: 0 auto 1.667rem; overflow: hidden;}
.m-kh dl dt{float: left; width:7.708rem; height:100%; overflow:hidden;}
.m-kh dl dd{float: right; width: 15.167rem; overflow: hidden; padding-right: 0.417rem;}
.m-kh dl dd h3{margin:0.75rem auto 0.417rem; color:#222;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  font:bold 1rem/1.667rem "Microsoft Yahei";}
.m-kh dl dd p{color:#666;  overflow:hidden; font:0.917rem/1.5rem "Microsoft Yahei";}
.m-kh dl dd p a{color: #7aba02;}


/*m-about*/
.m-about{ position:relative; height:32.5rem; overflow:hidden;background:url(/mobile/Images/Index/bg.jpg) repeat-y center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 5.0rem;}
.m-about:before{ position:absolute; content:""; left:0rem; top:0rem; width:100%; height:0.333rem; background:url(/mobile/Images/Index/about_t.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 0.333rem;}

.m-about h2{margin:2.958rem auto 0.583rem; text-align: center; height:3.75rem; color: #7aba02;font:bold 1.667rem/3.75rem "Microsoft Yahei"; letter-spacing: 0.125rem;  width: 100%; overflow: hidden;background:url(/mobile/Images/Index/about_t.png) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; padding-right: 0.833rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-about dl{width: 90.625%; margin: 0 auto; height:20.208rem; overflow: hidden;}
.m-about dl dt{width:10.417rem; line-height: 0rem; padding: 0.167rem; background: #fff; border: 1px solid #dfdfdf; width:22.083rem; overflow:hidden;}
.m-about dl dd{width: 100%; overflow: hidden;}
.m-about dl dd h3{margin:0.75rem auto 0.417rem; text-align: center; color:#222;  overflow:hidden; font:bold 1rem/1.667rem "Microsoft Yahei";}
.m-about dl dd p{color:#666;  overflow:hidden; font:0.917rem/1.5rem "Microsoft Yahei";}
.m-about dl dd p a{color: #7aba02;}

.m-about ul{margin:0 auto; clear: both; width: 90.625%; overflow: hidden;}
.m-about ul li{ float:left; height:2.417rem; width:31.8%;text-align: center; font:1rem/2.417rem "Microsoft Yahei";  color:#222;background: #cccccc; border-radius: 0.2rem; letter-spacing: 1px; margin-right: 0.5rem;}
.m-about ul li.z-on{background: #00acff;color: #fff; border-radius: 0.2rem; }
.m-about ul a:nth-child(3n) li{ margin-right: 0rem;}


/* news--------------------------------------------------------------------------------------*/
.m-news{ position:relative; height: 15.75rem; overflow:hidden;}

.m-news .m-cnt{ margin:0 auto 0.917rem; height:3.458rem; width:100%; overflow:hidden;background:url(/mobile/Images/Index/new_t2.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-news .m-cnt li{position: relative; float:left;width: 7.167rem; height: 3.458rem; overflow:hidden; font:1.167rem/2.833rem "Microsoft Yahei"; color:#fff; text-align: center;}
.m-news .m-cnt li.z-on{background:url(/mobile/Images/Index/new_t1.jpg) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-news .m-cnt li:before{position: absolute;content: ""; right: 0px; top:0px; width: 1px; height: 2.875rem; overflow: hidden; background: #bddd81;}

.m-news span{ position:absolute; right:0rem; top:0rem;  height:2.833rem; width:5rem; text-align:center;  font:1rem/2.833rem "Microsoft Yahei"; color:#fff;}

.m-news .sclwrap_box , .m-news .m-box{ height:11.417rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}
.news_c{}
.news_c ul{ width: 90.625%; margin:0 auto;}
.news_c ul li{ position: relative; color: #666; padding-left:1.25rem; height:2.417rem;  font:1rem/2.417rem "Microsoft Yahei"; background:url(/mobile/Images/Index/new_ic.gif) no-repeat left center; background-size:0.5rem 0.542rem;}






@media screen and (min-width:320px){
	html{ font-size:75%;}
}
@media screen and (min-width:360px){
	html{ font-size:85%;}
}
@media screen and (min-width:375px){
	html{ font-size:87.5%;}
}
@media screen and (min-width:400px){
	html{ font-size:93.75%;}
}			
@media screen and (min-width:414px){
	html{ font-size:96%;}
}
@media screen and (min-width:480px){
	html{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	html{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	html{ font-size:150%;}
}