.g-adv{ height:12.5rem; overflow:hidden; position: relative; z-index: 1;}

nav{ height: 6.13rem; overflow: hidden; position: relative;}
nav a{ margin-bottom:0.3rem; margin-right: 0.1rem; background: url(/mobile/Images/Index/nav_ab.gif) repeat; color:#fff; font-size:1rem; width:8.73rem; text-align:center; height:2.71rem; line-height:2.71rem; overflow:hidden; display:block; float:left; position:relative; -webkit-background-size:0.5rem 0.58rem ; -moz-background-size:0.5rem 0.58rem; -o-background-size:0.5rem 0.58rem; background-size:0.5rem 0.58rem;}
nav a:nth-child(3n){ margin-right: 0;}

.m-probg{ height: 43.292rem; overflow: hidden; background:url(/mobile/Images/Index/pro_bj.jpg) repeat center 0;    -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size: 100%;}
.m-list{ padding-top: 2rem; height: 15.625rem; overflow: hidden;}
.m-list p a{ display: block; float: left; margin:0 1.25rem; width: 10.5rem; height: 2.5rem; border-bottom: 1px solid #d2d1d1; overflow: hidden; line-height: 2.5rem; font-size: 1rem; color: #727373;}
.m-list p a:nth-child(2n){margin-right: 0;}

.u-tit{ font-size: 1.25rem;font-weight: bold; color: #4d4d4d; text-align: center; line-height: 1.4rem; height: 3.375rem; overflow: hidden; }
.u-tit i{ display: block; font-size: 1.167rem; font-family:  Arial; color: #727272; text-transform: uppercase; letter-spacing: 0.1rem;font-weight: normal;}
.u-tit i img{ vertical-align: middle; width: 1.417rem; margin:0 1.667rem;}
.u-tit span{ color: #2f2f2f;}
.u-tit em{ font-size: 1rem; line-height: 1.6rem; color: #6b6b6b; font-weight: normal; display: block;}

.m-pro{ height: 25.25rem; overflow: hidden;}
.m-pro li{ float: left; width:11.625rem; height: 12.5rem; overflow: hidden; margin-left: 1.375rem;}
.m-pro li:nth-child(2n){margin-left:1rem;}
.m-pro li span{ display: block; height:2.5rem; line-height: 2.5rem; font-size: 1rem; color: #727373; text-align: center; overflow: hidden;}

.m-pin{ margin-top: 2.375rem; height: 37.25rem; overflow: hidden;}
.m-pin .u-tit{ height: 5.75rem;}
.m-pin .m-cnt{ margin-left: 1.375rem; height: 3.292rem; overflow: hidden;}
.m-pin .m-cnt li{ float: left; margin-right: 0.2rem; width:7.875rem; height: 3.292rem; padding-top: 0.542rem; font-size: 0.917rem; color: #fff; text-align: center; line-height: 1.2rem; background: #3a3a3a; overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pin .m-cnt li.z-on{background: #11588e;}
.m-pin .sclwrap_box{ height:25.542rem; overflow: hidden; width: 90.3125%; margin: 1px auto 0; background:url(/mobile/Images/Index/pro_bj.jpg) repeat center 0;    -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size: 100%;}
.m-pin .con{ float: left; width: 100%; display:inline;}
.m-pin .con p{ line-height: 0;}
.m-pin .con dl{ margin-top: 1.333rem; padding:0 15px 0 2.625rem;}
.m-pin dl:nth-child(2){background:url(/mobile/Images/Index/pin_ico1.jpg) no-repeat 0.3rem 0;-webkit-background-size: 2.125rem 3.5rem;  -moz-background-size: 2.125rem 3.5rem; -o-background-size: 2.125rem 3.5rem;background-size:2.125rem 3.5rem;}
.m-pin dl:nth-child(3){background:url(/mobile/Images/Index/pin_ico2.jpg) no-repeat 0.3rem 0;-webkit-background-size: 2.125rem 3.5rem;  -moz-background-size: 2.125rem 3.5rem; -o-background-size: 2.125rem 3.5rem;background-size:2.125rem 3.5rem;}
.m-pin .con dt{ font-size: 1.083rem; color: #2f2f2f; line-height: 1.2rem;}
.m-pin .con dd{ font-size: 0.917rem; color: #717070; line-height: 1.25rem; padding-top: 0.5rem;}
.p_roll{ width:100%; height: 1.0rem; margin-top: 2rem; overflow: hidden; text-align: center;}
.p_roll i{ display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.583rem; background: #505050; border-radius: 100%; overflow: hidden;}
.p_roll i.ico{ background: #11588e;}

.m-coo{ height: 14.25rem; overflow: hidden;}
.m-coo .u-tit{ height: 4.625rem;}
.m-coo .u-tit i img{ margin:0 1.25rem;}
.m-coo .m-box{ height: 6.55rem; overflow: hidden;}
.m-coo .con{ float: left; width: 100%; display:inline;}
.m-coo .con li{ width: 11.667rem; float: left; margin-left: 1.375rem; overflow: hidden;}
.m-coo .con li:nth-child(2n){margin-left:0.75rem;}
.m-coo .m-cnt{ margin-left: 11.625rem; height: 1.3rem; overflow: hidden;}
.m-coo .m-cnt li{ display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.583rem; background: #505050; border-radius: 100%; overflow: hidden;}
.m-coo .m-cnt li.z-on{ background: #11588e;}

.m-pic{ line-height: 0; position: relative;}
.m-pic p{ position: absolute; top: 3.25rem; left:16.667rem;  font-size: 1.08rem;font-family: "Arial";  color: #1f1f1f; line-height: 1.3rem;}
.m-pic p img{ vertical-align: middle; width: 1.25rem; margin-right: 0.3rem;}
.m-pic i{ position: absolute; top:5.0rem; left:16.667rem; display: block; width: 8.208rem; height:1.917rem; background: #11588e; text-align: center; line-height: 1.9rem; font-size: 0.792rem ;color: #fff; border-radius: 1rem;}

.m-case{ height: 21.167rem; overflow: hidden; position: relative; padding-top: 3rem; background:url(/mobile/Images/Index/pro_bj.jpg) repeat center 0;    -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-case .u-tit{ height: 4.958rem;overflow: hidden;}
.m-case .u-tit i img{ margin:0 1.125rem;}
.m-case .prev , .m-case .next{ position: absolute; top: 10.542rem; width: 2.125rem; height: 2.125rem; z-index: 3; overflow: hidden;}
.m-case .prev { left:1.417rem;}
.m-case .next { right:1.417rem;}
.m-case .nowarp{ margin:0 1.417rem;}
.m-case .con{ float: left; width: 100%; display:inline;}
.m-case .con ul{ height: 9.8rem; overflow: hidden;}
.m-case .con li{ width: 49%; overflow: hidden; }
.m-case .con li:nth-child(2){margin-right:0rem;}
.m-case .con li span{ display: block; text-align: center; line-height: 2rem; font-size: 1rem; color: #727373; text-align: center; overflow: hidden;}
.m-case .con i{display: block; width: 10.208rem; height:2.375rem; background: #11588e; text-align: center; line-height: 2.37rem; font-size: 1rem ;color: #fff; border-radius: 2rem;margin: 0 auto;}

.m-ys{margin-top: 3rem; height: 38.125rem; overflow: hidden;}
.m-ys .u-tit{ height: 5.542rem; overflow: hidden;}
.m-ys .m-box{ height: 29.375rem; overflow: hidden;}
.m-ys .con{ float: left; width: 100%; display:inline;}
.m-ys .m-cnt{ margin-left: 11.625rem; height: 1.3rem; overflow: hidden;}
.m-ys .m-cnt li{ display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.583rem; background: #505050; border-radius: 100%; overflow: hidden;}
.m-ys .m-cnt li.z-on{ background: #11588e;}
.m-ys .con p{ width: 90.625%; margin: 0 auto; overflow: hidden; line-height: 0;}
.m-ys .con dl{width: 90.625%; margin: 0 auto; overflow: hidden;}
.m-ys .con dt{ font-size: 1rem; text-align: center; color: #3e3e3e; line-height: 1.4rem; padding-top: 1.875rem; height: 3.75rem; position: relative; overflow: hidden; margin-bottom: 0.75rem;}
.m-ys .con dt:before{ position: absolute; content:""; width:2.625rem; height:1px; background: #434343; bottom:0; left:50%; margin-left: -1.3rem;}
.m-ys .con dt b{ display: block; font-size: 1.083rem; color:#2f2f2f;}
.m-ys .con dd{ line-height: 1.5rem; color: #717070; font-size: 1rem;}

.m-jz{ height: 32.417rem; overflow: hidden; position: relative; padding-top: 3.7rem; background:url(/mobile/Images/Index/pro_bj.jpg) repeat center 0;    -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-jz .u-tit{ height: 4.625rem;}
.m-jz .u-tit i img{ margin:0 1.125rem;}
.m-jz .m-cnt{ margin-left: 11.625rem; height: 1.3rem; overflow: hidden;}
.m-jz .m-cnt li{ display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.583rem; background: #505050; border-radius: 100%; overflow: hidden;}
.m-jz .m-cnt li.z-on{ background: #11588e;}
.m-jz .m-box{ height: 21.667rem; overflow: hidden;}
.m-jz .con{ float: left; width: 100%; display:inline;}
.m-jz .con dt{ width: 59.375%; margin: 0 auto; line-height: 0;}
.m-jz .con dd a{ display: block; font-size: 1rem; color:#a2a2a2; text-align: center; margin:0 1.375rem;}
.m-jz .con dd h3{ padding-top: 1rem; color:#352e2e;  font-size: 1rem; line-height: 1.2rem;}
.m-jz .con dd p{ font-size: 1rem; line-height: 36px; color: #626062; padding-top: 0.5rem;}
.m-jz .con  dd i{ color: #11588e;}

.m-pic1{ position: relative;}
.m-pic1 i{ top: 5.75rem;}
.m-pic1 p{top: 4.0rem;}

.m-about{ margin-top: 3rem; height:36.667rem; overflow: hidden;}
.m-about .u-tit{ height: 5.833rem;background:url(/mobile/Images/Index/about_ico.gif) no-repeat center bottom;    -webkit-background-size: 1rem 1rem;  -moz-background-size: 1rem 1rem; -o-background-size: 1rem 1rem;background-size: 1rem 1rem;}
.m-about h4{ font-size: 1rem; text-align: center; color: #2f2f2f; padding-top: 0.833rem; height: 2.75rem; overflow: hidden;font-weight: bold;}
.m-about dl{ width: 90.625%; margin: 0 auto; overflow: hidden;}
.m-about dl dt { line-height: 0;}
.m-about dd {padding-top: 1.25rem;}
.m-about dd h3{ color:#484848; font-size: 1rem; line-height: 1.3rem;}
.m-about dd p{ line-height: 1.5rem; font-size: 1rem; color: #747474; padding-top: 0.75rem; height: 6.25rem; overflow: hidden;}
.m-about dd i{display: block; width: 10.208rem; height:2.375rem; background: #11588e; text-align: center; line-height: 2.37rem; font-size: 1rem ;color: #fff; border-radius: 2rem;margin: 0 auto;}

.m-fc{ height: 14.4rem; overflow: hidden;}
.m-fc .m-cnt{ height: 3.417rem; overflow: hidden; margin-left:0.542rem;}
.m-fc .m-cnt li{ float: left; padding:0 0.833rem; font-size: 1.083rem; color: #333333; font-size: 1rem; height: 3.417rem; position: relative; line-height: 3.4rem;}
.m-fc .m-cnt li:before{ position: absolute; content: ""; top:1.35rem; right:0; height: 0.8rem; width: 1px; background: #333;}
.m-fc .m-cnt li:last-child:before{height:0;}
.m-fc .m-cnt li.z-on{ color: #11588e;}
.m-fc .con{ float: left; width: 100%; display:inline;}
.m-fc .con li{ margin-left: 1.375rem; width:11.875rem; float: left; height: 8.042rem; position: relative; overflow: hidden;}
.m-fc .con li:nth-child(2){margin-left:0.417rem;}
.m-fc .con li span{ position: absolute; display: block; background: rgba(0,0,0,0.5); bottom:0;left: 0; width: 100%; height: 1.625rem; overflow: hidden; color: #fff; font-size: 0.917rem; padding-left: 1rem; line-height: 1.6rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-fc .con li span img{vertical-align: middle; width: 0.875rem; float: right; margin:0.375rem 0.5rem 0 0;}

.m-news{ height: 21.625rem; position: relative; overflow: hidden;padding-top:2.333rem; background:url(/mobile/Images/Index/pro_bj.jpg) repeat center 0;    -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-news .u-more1{ position: absolute; top: 2.33rem;right:0; width:3.667rem; line-height: 1.667rem; color: #4f4f4f; font-size: 1rem; z-index: 3;}
.m-news .m-cnt{ margin:0 1.1rem; height:1.667rem; border-bottom: 1px solid #a7a6a6; overflow: hidden;}
.m-news .m-cnt li{ float: left; height: 1.667rem; line-height: 1.667rem; font-size: 1rem; padding-right: 1.167rem; margin-right: 1.167rem; background:url(/mobile/Images/Index/news_line.gif) no-repeat right center;    -webkit-background-size: 0.5rem 1.0rem;  -moz-background-size: 0.5rem 1.0rem; -o-background-size: 0.5rem 1.0rem;background-size: 0.5rem 1.0rem;}
.m-news .m-cnt li:last-child{background: none;}
.m-news .m-cnt li.z-on{ color: #11588e;}
.m-news .con{ float: left; width: 100%; display:inline;}
.m-news .con ul{ margin:0.75rem 1.1rem 0; height: 12.5rem; overflow: hidden;}
.m-news .con li{ font-size: 0.833rem; color: #666; line-height: 2.75rem; height: 2.75rem; border-bottom: 1px solid #e1e1e1; padding-left: 0.833rem; }
.m-news .con li a{ color: #666;}
.m-news .con i{display: block; width: 10.208rem; height:2.375rem; background: #11588e; text-align: center; line-height: 2.37rem; font-size: 1rem ;color: #fff; border-radius: 2rem;margin: 0 auto;}






@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%;}
}