

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:12.5em; overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5em; overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ height:9.85em; overflow:hidden; margin:0 auto; position:relative; margin-top:1.5rem;margin-left:1.0rem; margin-right:1.0rem;}
nav a{ color:#fff; font-size:1em; width:30%; background:#4b903d; text-align:center; height:3.558em; line-height:3.558em; overflow:hidden; display:block; float:left; margin:0 1.2em 0.8em 0; border-bottom:0.125em solid #075e1b;}
nav a:nth-child(3){   margin-right:0;  float:right;}
nav a:nth-child(6){ margin-right:0;  float:right;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-tel{ height:1.61em; border:1px solid #a9a9a9; margin:0 6.25%; overflow:hidden; font-size:1.5em; text-align:center; line-height:1.61em; font-weight:bold; color:#333; font-family:Arial, Helvetica, sans-serif;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-service{ height:22.958em; margin-top:2.41em; overflow:hidden;}
.m-service .sclwrap_box , .m-service .m-box{ height:18.9em; overflow:hidden;}
.m-service .con{ width:100%; float:left; float:left;}
.m-service .con dl{ width:41.09%; margin-left:6.25%; overflow:hidden; float:left;}
.m-service .con dl:last-child{ margin-left:5%;}
.m-service .con dd h3{ padding-top:1.25em; line-height:1.2em; color:#333; font-size:1em; font-weight:bold;}
.m-service .con dd p{ height:5.7em; line-height:1.4em; overflow:hidden; padding-top:0.7em; font-size:0.8em; color:#666;}
.m-service .con dd p em{ color:#333;}
.m-service .con dd i{ display:block; width:7.5em; height:2.8em; color:#fff; background:#4b903d; text-align:center; line-height:2.8em; overflow:hidden; margin:0.3em auto 0;}
.m-cnt1{ margin-left:6.25%; height:1em; overflow:hidden;}
.m-cnt1 li{ float:left; margin-right:1px; width:7.75em; background:#4b903d; height:1em; overflow:hidden;}
.m-cnt1 li.z-on{ background:#333;}


/*-----------------------------------------------------------------------------------------------------------------------*/
.m-wind{ height:67.16em; overflow:hidden;}
.m-wind h2{font-size:1.08em; height:5.76em; color:#333; line-height:1.6em; overflow:hidden; text-align:center; position:relative;}
.m-wind h2 img{ display:block;}
.m-wind h2 b{ display:block; font-size:1.23em; padding-top:0.2em;}
.m-wind h2:before{ position:absolute; content:""; width:10%; height:1px; background:#666; top:2.4em; left:20.9%;}
.m-wind h2:after{ position:absolute; content:""; width:10%; height:1px; background:#666; top:2.4em; right:20.9%;}
.m-wind .dl01{ width:87.5%; overflow:hidden; height:24.958em; border-bottom:1px dotted #000000; margin:0 auto; line-height:0;}
.m-wind .dl01 dd{ line-height:1.41em; color:#666; font-size:1em;}
.m-wind .dl01 dd h3{ color:#333; font-size:1em; font-weight:bold; padding:1.5em 0 0.8em; line-height:1.2em;}
.m-wind .dl02{width:87.5%;overflow:hidden; height:10.33em; border-bottom:1px dotted #000000; margin:1.25em auto 0; line-height:0;}
.m-wind .dl02 dt{ width:8.8em; overflow:hidden;}
.m-wind .dl02 dd{ width:13.3em; overflow:hidden; line-height:1.41em; color:#666; font-size:1em;}
.m-wind .dl02 dd h3{ color:#333; font-size:1em; font-weight:bold; padding:0.5em 0 0.8em; line-height:1.2em; text-align:center;}
.m-wind dl:last-child{ border-bottom:0;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-strength{ height:34.54em; overflow:hidden;}
.m-strength h2{ height:4.3em; font-size:1.08em; text-align:center; color:#333; font-weight:bold; overflow:hidden;}
.m-strength h2 img{ display:block;}
.m-strength .sclwrap_box , .m-strength .m-box{ height:25.33em; overflow:hidden;}
.m-strength .con{ width:100%; float:left; float:left;}
.m-strength .con dl{width:87.5%; margin:0 auto ;overflow:hidden;}
.m-strength .con dd{line-height:1.41em; color:#666; font-size:1em;}
.m-strength .con dd h3{ padding:1em 0 0.3em; line-height:1.3em; color:#333; font-size:1.08em; font-weight:bold;}
.m-strength .m-cnt1 li{ width:5.83em;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.c_tit{ height:2.5em; line-height:2.5em; background:#4b903d; color:#fff; font-size:1em; padding:0 6.25%; overflow:hidden; font-weight:bold;}
.c_tit span{ font-size:0.91em; font-family:Arial; color:#c9dec5; text-transform:uppercase; font-weight:normal;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-coo{ height:15.83em; overflow:hidden; position:relative;}
.m-coo:before{ position:absolute; content:""; width:87.5%; bottom:3.8em; left:6.25%; height:1px; background:#c6c6c6; overflow:hidden;}
.m-coo .prev , .m-coo .next{ position:absolute; width:2.875em; hegiht:2.916em; bottom:2.08em;}
.m-coo .prev{ left:9.6em;}
.m-coo .next{ right:9.6em;}
.m-coo .sclwrap_box , .m-coo .m-box{ height:8em; overflow:hidden;}
.m-coo .con{ width:100%; float:left; float:left;}
.m-coo .con li{ width:11.125em; float:left; margin:1.9em 0 0 6.25%;}
.m-coo .con li img{ border:1px solid #c6c6c6; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{ height:24.6em; overflow:hidden;}
.m-about p{ line-height:0; width:69.218%; margin:2.375em auto 0;c}
.m-about i{ display:block; margin:2.208em 0 0 6.25%;}
.m-about i a{ display:inline-block; width:7.67em; height:2em; line-height:2em; color:#fff; background:#4b903d; margin-right:0.16em; overflow:hidden; font-size:1em; text-align:center;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ height:13.91em; overflow:hidden; position:relative;}
.m-news i{ display:block; position:absolute; top:0; right:0;  font-size:0.91em; font-family:Arial; color:#c9dec5; text-transform:uppercase; width:5.54em; line-height:2.72em;}
.m-news .m-cnt{ height:2.5em; overflow:hidden; padding-left:0.4em; background:#4b903d;}
.m-news .m-cnt li{ float:left; font-size:1em; color:#fff; padding:0 0.8em; line-height:2.5em; position:relative;}
.m-news .m-cnt li:before{ position:absolute; content:""; width:1px; height:0.91em; top:0.8em; right:0; background:#3a712f; border-right:1px solid #7fb075;}
.m-news .m-cnt li:last-child:before{ height:0;} 
.m-news .m-cnt li.z-on{ font-weight:bold;}
.m-news .sclwrap_box , .m-news .m-box{ height:25.33em; overflow:hidden;}
.m-news .con{ width:100%; float:left; float:left;}
.m-news .con ul{ margin:1.5em 6.35% 0;}
.m-news .con li{ line-height:2.08em; height:2.08em; overflow:hidden; color:#333; padding-left:0.91em; position:relative;}
.m-news .con li span{ color:#7d7d7d;}
.m-news .con li:before{ position:absolute; content:""; width:0.5em; height:0.75em; top:0.8em; left:0; background:url(/mobile/Images/Index/news_ico.gif) no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}


















@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:85%;}
}
@media screen and (min-width:375px) {
	body { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	body { font-size:89.5%;}
}

@media screen and (min-width:480px) {
	body { font-size:110.5%;}

}
@media screen and (min-width:568px) {
	body { font-size:129%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}
