/*
-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
*/

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:14.79rem; overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:17.5rem; overflow:hidden; margin-top:2rem; padding-top:2.125rem; background:url(/mobile/Images/Index/nav_line.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
nav a{ color:#444444; font-size:1.08rem; width:6.25rem; text-align:center; height:6.25rem; padding-top:1.75rem; line-height:1.4rem; overflow:hidden; display:block; float:left; position:relative; margin:0 0.7rem 1.16rem 1.6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;background:url(/mobile/Images/Index/nav2.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%; }
nav a:nth-child(3n){ margin-right:0;}
nav a:nth-child(1){ color:#fff; padding-top:1rem;background:url(/mobile/Images/Index/nav1.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
nav a:nth-child(6){ padding-top:1rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-tel{ margin:2.08rem 3rem 0; height:2.625rem; border:1px solid #cfcfcf; border-radius:2rem; text-align:center; line-height:2.6rem; font-size:1.08rem; color:#464646; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-tel img{ vertical-align:middle; width:1.375rem; height:1.375rem; margin-right:0.2rem;}
.m-tel span{ font-size:1.41rem; font-family:Arial, Helvetica, sans-serif;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.u-tit{ font-size:1.58rem; color:#bc1006; line-height:2rem; text-align:center; height:3.66rem; overflow:hidden;}
.u-tit span{ display:block; font:0.40rem Arial, Helvetica, sans-serif; letter-spacing:-0.01rem; line-height:1rem; padding-left:0.5rem; text-transform:uppercase; color:#434343; background:url(/mobile/Images/Index/serv_line.gif) no-repeat center center;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}

.m-serv{ height:25.95rem; position:relative; padding-top:2.6rem; overflow:hidden; background:url(/mobile/Images/Index/nav_line.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-serv .prev , .m-serv .next{ position:absolute; top:9.7rem;z-index:4; width:0.75rem; height:2.75rem;}
.m-serv .prev{ left:2.08rem; }
.m-serv .next{ right:2.08rem; }
.m-serv .nowarp{ width:87.5%; margin:0 auto; overflow:hidden;}
.m-serv .con{ float:left; width:100%; display:inline;}
.m-serv .con dl{ height:16.2rem; overflow:hidden;}
.m-serv .con dt{ height:9.5rem; overflow:hidden; position:relative; z-index:1;}
.m-serv .con dd{ position:relative; z-index:3; margin-top:-1.5rem;}
.m-serv .con dd h3 { font-size:1.25rem; color:#222222;}
.m-serv .con dd h3 span{ display:inline-block; vertical-align:bottom; width:1.58rem; height:3.2rem; background:rgba(42,49,127,0.7); color:#fff; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.08rem; text-align:center; margin-right:0.5rem; padding-top:1.5rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-serv .con dd p{ padding-top:0.8rem; font-size:1.08rem; color:#444444; line-height:1.7rem;}
.m-serv .con ul{ padding-left:46%;}
.m-serv .con ul li{ float:left; width:0.33rem; height:0.33rem; margin-right:0.25rem; background:#20317f; border-radius:100%; overflow:hidden;}
.m-serv .con ul li.li01{ background:#bc1006;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pro{ height:40.45rem; overflow:hidden; padding-top:2.8rem; background:url(/mobile/Images/Index/pro_bj.jpg) repeat-y center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro h2 span{ padding-left:0; letter-spacing:-0.02rem; background:url(/mobile/Images/Index/pro_line.jpg) no-repeat center center;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-pro p{ height:4.375rem; overflow:hidden;}
.m-pro p a{ display:inline-block; width:5.8rem; height:1.95rem; border:0.1rem solid #20317f; font-size:1.08rem; color:#20317f; line-height:1.9rem; overflow:hidden; margin-left:0.3rem; text-align:center;}
.m-pro .m-box{ height:21.83rem; overflow:hidden;}
.m-pro .con{ float:left; width:100%; display:inline;}
.m-pro .con li{ width:40.3125%;  float:left; overflow:hidden; height:20.8rem; margin-left:1.66rem; position:relative;}
.m-pro .con li img{ border:1px solid #d5d5d5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .con li span{ white-space:nowrap; text-overflow:ellipsis;  font-size:1.08rem; position:absolute; top:14rem; left:0.7rem; width:9.375rem;  height:1.67rem; line-height:1.6rem; color:#fff; overflow:hidden; text-align:center;background:url(/mobile/Images/Index/pro_span.png) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-pro .m-cnt{ padding-left:45%; height:2.125rem; overflow:hidden;}
.m-pro .m-cnt li{ float:left; width:0.33rem; height:0.33rem; margin-right:0.25rem; background:#20317f; border-radius:100%; overflow:hidden;}
.m-pro .m-cnt li.z-on{ background:#bc1006;}
.u-more{ margin:0 3rem; height:2.5rem; border:1px solid #20317f; border-radius:2rem; overflow:hidden; text-align:center; color:#20317f; font-size:1.08rem; line-height:2.5rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-syst{ height:23.166rem; overflow:hidden; padding-top:3.875rem; position:relative;
 background:url(/mobile/Images/Index/systems_bj.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-syst h2{ height:6.75rem; color:#fff;}
.m-syst h2 span{ color:#fff; background:url(/mobile/Images/Index/systems_line.png) no-repeat center center;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-syst .prev , .m-syst .next{ position:absolute; top:13.45rem; width:0.875rem; height:1.75rem; z-index:3; overflow:hidden;}
.m-syst .prev{ left:1.25rem;}
.m-syst .next{ right:1.25rem;}
.m-syst .nowarp{ margin:0 3.58rem;}
.m-syst .con{ float:left; width:100%; display:inline;}
.m-syst .con li{ width:7.25rem; overflow:hidden; margin-right:4.75rem; float:left;}
.m-syst .con li:last-child{ margin-right:0;}
.m-syst .con li span{ display:block; font-size:1.08rem; height:2rem; line-height:2rem; overflow:hidden; text-align:center; color:#fff;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-ys{ height:28.86rem; margin-top:2.7rem; overflow:hidden; position:relative;}
.m-ys h2{ height:3.75rem;}
.m-ys h2 span{ padding-left:0; background:url(/mobile/Images/Index/ys_line.jpg) no-repeat center center;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-ys .prev , .m-ys .next{ position:absolute; bottom:2.83rem; width:2.625rem; height:2.75rem; z-index:3; overflow:hidden;}
.m-ys .prev{ left:32%;}
.m-ys .next{ right:32%;}
.m-ys .con{ float:left; width:100%; display:inline;}
.m-ys .con p{ width:87.5%; margin:0 auto; line-height:0;}
.m-ys .con dl{height:9.8rem; overflow:hidden;}
.m-ys .con dt{ margin:0.87rem 0 0.4rem 1.6rem; width:87.5%;  font-size:1.08rem; height:2rem; line-height:2rem; color:#222222; font-weight:bold; padding-left:1.3rem; background:url(/mobile/Images/Index/1.gif) no-repeat left center;-webkit-background-size:1.04rem 1.375rem;	-moz-background-size:1.04rem 1.375rem;	-o-background-size:1.04rem 1.375rem;	background-size:1.04rem 1.375rem;}
.m-ys .con:nth-child(2) dt{background:url(/mobile/Images/Index/2.jpg) no-repeat left center;-webkit-background-size:1.04rem 1.375rem;	-moz-background-size:1.04rem 1.375rem;	-o-background-size:1.04rem 1.375rem;	background-size:1.04rem 1.375rem;}
.m-ys .con:nth-child(3) dt{background:url(/mobile/Images/Index/3.jpg) no-repeat left center;-webkit-background-size:1.04rem 1.375rem;	-moz-background-size:1.04rem 1.375rem;	-o-background-size:1.04rem 1.375rem;	background-size:1.04rem 1.375rem;}
.m-ys .con:nth-child(4) dt{background:url(/mobile/Images/Index/4.jpg) no-repeat left center;-webkit-background-size:1.04rem 1.375rem;	-moz-background-size:1.04rem 1.375rem;	-o-background-size:1.04rem 1.375rem;	background-size:1.04rem 1.375rem;}
.m-ys .con dd{ font-size:1rem; color:#2c2c2c; margin-left:1.6rem; padding-left:0.375rem; line-height:1.6rem; background:url(/mobile/Images/Index/ys_ico.gif) no-repeat left 0.8rem;-webkit-background-size:0.16rem 0.29rem;	-moz-background-size:0.16rem 0.29rem;	-o-background-size:0.16rem 0.29rem;	background-size:0.16rem 0.29rem}
.m-ys .con ul{ padding-left:46%;}
.m-ys .con ul li{ float:left; width:0.33rem; height:0.33rem; margin-right:0.25rem; background:#20317f; border-radius:100%; overflow:hidden;}
.m-ys .con ul li.li01{ background:#bc1006;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{ height:31.54rem; overflow:hidden; padding-top:2.8rem; background:url(/mobile/Images/Index/about_bj.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-about h2{ font-size:1.58rem; text-align:center; color:#fff; height:4.9rem; overflow:hidden;}
.m-about h2 i{ position:relative; display:block; text-align:center; font:0.625rem Arial, Helvetica, sans-serif; color:#d0d8f6; line-height:1rem; text-transform:uppercase; display:block;}
.m-about h2 i:before{ position:absolute; content:""; width:2.5rem; height:1px; background:#beccf5; top:0.5rem; left:33.59%;}
.m-about h2 i:after{ position:absolute; content:""; width:2.5rem; height:1px; background:#beccf5; top:0.5rem; right:33.59%;}
.m-about dl{ width:87.5%; margin:0 auto;}
.m-about dl dt img{ border:0.125rem solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-about dl dd a{ display:block; font-size:1rem; line-height:2.08rem; padding-top:0.5rem; color:#444444; text-indent:1rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ height:16.25rem; overflow:hidden;}
.m-news .m-cnt{ padding-left:1.66rem; overflow:hidden;}
.m-news .m-cnt li{ float:left; width:7.208rem; height:2.291rem; overflow:hidden; text-align:center; margin-right:0.875rem; color:#fff; font-size:1.08rem; line-height:2.2rem; background:url(/mobile/Images/Index/about_ico1.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-news .m-cnt li.z-on{ background:url(/mobile/Images/Index/about_ico.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-news .con{ float:left; width:100%; display:inline;}
.m-news .con ul{ height:9rem; overflow:hidden; margin:0.5rem 0 0 1.66rem;}
.m-news .con ul li{ padding-left:0.625rem; font-size:1.08rem; line-height:2.08rem; color:#444; position:relative;}
.m-news .con ul li:before{ position:absolute; content:""; width: 0.125rem; height:0.125rem; border-radius:100%; background:#444; top:1rem; left:0;}
.m-news .con i{ margin:0 18.125%; height:2.08rem; border:1px solid #a39e9b; border-radius:2rem; overflow:hidden; text-align:center; color:#483d38; font-size:1.08rem; line-height:2rem; display:block;}







@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:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}