

.g-adv{ height:12.5rem; overflow:hidden;}

nav{height:5.542rem; border-bottom: 1px solid #004c83; background: #005bac; overflow:hidden; position: relative;}
nav:before{ position: absolute; content:""; top: 50%; left: 0;width: 100%; height: 1px; background: #004c83;}

nav a{ color:#fff; font-size:1rem; width:33%; text-align:center; height:2.75rem; line-height:2.7rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position: absolute; content:""; top: 0; right: 0;width: 1px; height: 2.75rem; background: #004c83;}
nav a:nth-child(3n):before{height: 0;}

.u-tit{ padding-top: 1.375rem; font-size: 1.083rem; font-weight: bold; color: #333333; line-height: 1.5rem; text-align: center; height: 5.375rem; background:url(/mobile/Images/Index/pro_t.jpg) no-repeat left 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;}
.u-tit i{display: block; font:0.75rem Arial ; color: #8a8a8a; text-transform: uppercase; line-height: 1.1rem;}

.m-pro{ margin-top: 1.583rem; height: 39.458rem; overflow: hidden;}
.m-pro .m-cnt{ margin: 0.75rem 0 0 1.25rem; height: 10.083rem; overflow: hidden;}
.m-pro .m-cnt li{ float: left; width: 7.583rem; height: 2.5rem; text-align: center; background: #1c4994; color: #fff; font-size: 1rem;line-height: 2.5rem; margin: 0 0.75rem 0.75rem 0; overflow: hidden;} 
.m-pro .m-cnt li.z-on{ background: #45b344;}
.m-pro .con{ float: left;width: 100%; display: inline;}
.m-pro .con ul{ margin-left: 1.38rem;}
.m-pro .con li{ float: left; line-height: 0; width: 11.917rem; overflow: hidden; border:1px solid #e3e3e3;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .con li span{ display: block; width: 100%; height: 2.25rem;  text-align: center; line-height: 2.25rem; background: #eeeeee; font-size: 0.917rem; color: #333333;}

.m-pin{ height: 30.5rem; overflow: hidden; padding-top: 1.75rem; background:url(/mobile/Images/Index/pin_bj.jpg) no-repeat left 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-pin h2{ color: #fff; background:url(/mobile/Images/Index/pin_t.png) no-repeat left top;
    -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size: 100%; }
.m-pin h2 i{ color: #cacaca;}
.m-pin .con{ float: left;width: 100%; display: inline;}
.m-pin .con dl{ width: 24.125rem; background: #fff; margin: 1.667rem auto 0; height: 18.667rem; overflow: hidden;}
.m-pin .con dl dt{ line-height: 0;}
.m-pin .con dl dd{ padding:0.75rem 0.875rem 0; font-size: 0.917rem; line-height: 1.25rem; color: #666666;}
.m-pin .con dl dd a{ display: block; font-size: 1.083rem; color: #1c4892; line-height: 1.4rem; font-weight: bold; text-align: center; padding-bottom: 0.4rem;}
.m-pin .m-cnt{ padding:0.875rem 0 0 10.708rem;}
.m-pin .m-cnt li{ float: left; width: 0.667rem; height: 0.667rem; border-radius: 100%; background: #1c4994; border:0.125rem solid #fff; margin-right: 1.167rem;}
.m-pin .m-cnt li.z-on{ background: #fff; border:0.125rem solid #45b344;}

.m-serv{ margin-top: 2.333rem; height: 42.917rem; overflow: hidden; background:url(/mobile/Images/Index/serv_y.jpg) no-repeat left bottom;    -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size: 100%;}
.m-serv h2{background:url(/mobile/Images/Index/serv_t.jpg) no-repeat left bottom;    -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size: 100%;}
.m-serv .m-cnt{ margin: 1rem 0 0 1.25rem; height: 9.333rem; overflow: hidden;}
.m-serv .m-cnt li{ float: left; width: 7.583rem; height: 2.5rem; text-align: center; background: #d0d0d0; color: #333; font-size: 1rem;line-height: 2.5rem; margin: 0 0.75rem 0.75rem 0; overflow: hidden;} 
.m-serv .m-cnt li.z-on{ background: #1c4994; color: #fff;}
.m-serv .m-cnt li a{display: block; color: #333;}
.m-serv .con{ float: left;width: 100%; display: inline;}
.m-serv .con dl{ height: 16.25rem; overflow: hidden; width: 90.625%; margin: 0 auto;}
.m-serv .con dl dt{ line-height: 0;}
.m-serv .con dl dd{ font-size: 0.917rem; line-height: 1.3rem; color: #666666;}
.m-serv .con dl dd a{ display: block; height: 2.6rem; font-size: 1rem; font-weight: bold; color: #45b344; line-height: 2.6rem;}
.m-serv .con ul{ margin-left: 1.25rem;}
.m-serv .con li{ float: left; margin-right: 1rem; width: 11.542rem; overflow: hidden;}
.m-serv .con li span{display: block; font-size: 0.917rem; color: #666666; line-height: 2rem; text-align: center;}

.m-ys{ margin-top: 1.708rem; height: 34.75rem; overflow: hidden;}
.m-ys h2{background:url(/mobile/Images/Index/ys_t.jpg) no-repeat left bottom;    -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size: 100%;}
.m-ys .m-box{ margin-top: 1.542rem; height: 24.417rem; overflow: hidden;}
.m-ys .con{ float: left;width: 100%; display: inline;}
.m-ys .con p{overflow: hidden; width: 90.625%; margin: 0 auto;}
.m-ys .con dl{overflow: hidden; width: 90.625%; margin: 0 auto;}
.m-ys .con dl dt{ margin-top: 0.917rem; height: 3.5rem; overflow: hidden; text-transform: uppercase; line-height: 1.1rem; background:url(/mobile/Images/Index/1.jpg) no-repeat left 0;-webkit-background-size: 2.75rem 2.5rem;  -moz-background-size: 2.75rem 2.5rem; -o-background-size: 2.75rem 2.5rem;background-size:2.75rem 2.5rem;}
.m-ys .con:nth-child(2) dl dt{background:url(/mobile/Images/Index/2.jpg) no-repeat left 0;-webkit-background-size: 2.75rem 2.5rem;  -moz-background-size: 2.75rem 2.5rem; -o-background-size: 2.75rem 2.5rem;background-size:2.75rem 2.5rem;}
.m-ys .con:nth-child(3) dl dt{background:url(/mobile/Images/Index/3.jpg) no-repeat left 0;-webkit-background-size: 2.75rem 2.5rem;  -moz-background-size: 2.75rem 2.5rem; -o-background-size: 2.75rem 2.5rem;background-size:2.75rem 2.5rem;}

.m-ys dt p{ color: #1c4892; font-size: 1rem; font-weight: bold; padding-left: 2.75rem;}
.m-ys dt i{ display: block; color: #a7b2cd; font-family: Arial; line-height: 1.2rem;}
.m-ys dt em{ display: block; font-size: 0.5rem; color: #9f9f9f;font-weight: normal;}
.m-ys dd{ font-size: 0.917rem; line-height: 1.5rem; color: #666; padding-left: 0.75rem;background:url(/mobile/Images/Index/ys_ico.gif) no-repeat left 0.7rem;-webkit-background-size: 0.25rem 0.25rem;  -moz-background-size: 0.25rem 0.25rem; -o-background-size: 0.25rem 0.25rem;background-size:0.25rem 0.25rem;}
.m-ys dd span{ color:#45b344;}
.m-ys .m-cnt{ padding:0 0 0 10.708rem;}
.m-ys .m-cnt li{ float: left; width: 0.667rem; height: 0.667rem; border-radius: 100%; background: #fff; border:0.125rem solid #1c4994; margin-right: 1.167rem;}
.m-ys .m-cnt li.z-on{ background: #45b344; border:0.125rem solid #45b344;}

.m-team{ height: 23.333rem; overflow: hidden; position: relative;}
.m-team:before{ position: absolute; content:""; width: 100%; height: 13.375rem; height: 6.542rem; background: #e2e2e2; top: 13.34rem; left: 0;}
.m-team h2{ height: 7.15rem; overflow: hidden; text-align: center;font-size: 1.167rem; font-weight: bold; color: #1c4892;background:url(/mobile/Images/Index/team_t.jpg) no-repeat left 0;    -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;background-size: 100%;}
.m-team h2 i{ font:1rem Arial; display: block; text-transform: uppercase; color: #999999;}
.m-team h2 p{ font-size: 0.917rem;font-weight: normal; padding-top: 0.3rem; line-height: 1.25rem; color: #666666;}
.m-team h2 p span{ color: #45b344;}
.m-team .prev , .m-team .next{ top: 15.458rem; width:1.125rem; height: 2.75rem; z-index: 4; position: absolute;}
.m-team .prev{ left: 0.167rem;}
.m-team .next{ right: 0.167rem;}
.m-team .con{ float: left;width: 100%; display: inline;}
.m-team .nowarp{ margin: 0 1.333rem;}
.m-team .con ul li{ width: 10.625rem; overflow: hidden; float: left; margin-left: 1rem; line-height: 0;}
.m-team .con ul li img{border:0.083rem solid #5e5e5e;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-team .con ul li span{display: block; height: 2.417rem; background: #707070; font-size: 0.833rem; font-weight: bold; text-align: center; line-height: 2.4rem; color: #fff;}

.m-about{ height: 27.583rem; overflow: hidden;}
.m-about h2{ margin: 0 1.333rem; height: 2.542rem; background: #1c4994; text-align: center; line-height: 2.5rem; color: #fff; font-size: 1.25rem; font-weight: bold; color: #fff;}
.m-about dl{ margin: 1.458rem auto 0; width: 23.958rem; height: 19.417rem; overflow: hidden;}
.m-about dl dt img{border:1px solid #dfdfdf; padding:0.25rem; 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: 0.917rem; line-height: 1.5rem; color: #666666; padding:0 1rem; text-align: center;}
.m-about dd b{display: block; font-size: 1rem; color: #606060; line-height: 2.333rem;}
.m-about i {display: block; padding-left: 3.0rem;}
.m-about i a{ width: 8.583rem; height: 2.125rem; background: #1c4994; text-align: center; line-height: 2.1rem; border-radius: 0.3rem; font-size: 1rem; color: #fff; display: inline-block;}
.m-about i a:last-child{ margin-left: 3.542rem;}

.m-news{ height: 15.375rem; position: relative; overflow: hidden;}
.u-more{ position: absolute;width: 3.5rem; top: 0; right:0; font-size: 1rem; color: #666; height: 2.375rem; line-height: 2.3rem; overflow: hidden; z-index: 3;}
.m-news .m-cnt{ margin: 0 0.917rem; height: 2.5rem; overflow: hidden; position: relative;}
.m-news .m-cnt:before{ position: absolute; content:""; width: 100%; height: 1px; background: #999da2; bottom:1px; left: 0;}
.m-news .m-cnt li{font-weight: bold; float: left; margin-right: 1.375rem; font-size: 1rem; color: #666666; height:2.333rem; color: #666; line-height: 2.3rem;}
.m-news .m-cnt li.z-on{ border-bottom: 0.167rem solid #45b344; color: #1c4994;}
.m-news .con{ float: left; display: inline; width: 100%;}
.m-news .con ul{ margin: 0.7rem 0.917rem;}
.m-news .con li{  font-size: 1rem; color: #7d7d7d;border-bottom: 1px solid #e7e7e7; height: 2.042rem; line-height: 2.042rem; overflow: hidden;}
.m-news .con a:last-child li{ border-bottom: 0;}






















@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%;}
}
