

.g-adv{ height:12.5rem; overflow:hidden;}

nav{margin-top: 0.75rem; height: 7.0rem; overflow: hidden; margin-left: 0.833rem;}
nav a{ color:#1e60aa; font-size:1.167rem; width:8.0rem; text-align:center; height:2.833rem; line-height:2.8rem; border:1px solid #1e60aa; overflow:hidden; display:block; float:left; margin:0 0.333rem 0.333rem 0;}

.m-ys{ margin-top: 1.667rem; height: 38.042rem; overflow: hidden; position: relative;}
.m-ys:before{ position: absolute; content:""; width: 6rem; height: 1px; bottom: 4.75rem; background:#6391c4; left: 0;}
.m-ys:after{ position: absolute; content:""; width: 6rem; height: 1px; bottom: 4.75rem; background:#6391c4; right: 0;}
.m-ys .prev ,.m-ys .next{ position: absolute;bottom: 3.542rem; width:2.5rem; height:2.5rem; z-index: 3; overflow: hidden;}
.m-ys .prev{ left: 6.0rem;}
.m-ys .next{ right: 6.0rem;}
.m-ys h2{ height: 5.917rem; overflow: hidden; text-align: center;font-size: 1.667rem; color: #0850a2; font-weight: bold; line-height: 2.417rem;}
.m-ys h2 span{ display: block;height:1.833rem;line-height: 1.833rem;font-size: 1.167rem; color: #fff; font-weight: normal; letter-spacing: 0.2rem; 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 .con{ float: left;width: 100%; display: inline;}
.m-ys .con p{overflow: hidden; width: 23.042rem; margin: 0 auto; line-height: 0;}
.m-ys .con dl{height:10.208rem;  overflow: hidden; margin-top: 1.66rem;}
.m-ys .con dl dt{ margin:0 0 0 1.25rem; padding-left: 3.875rem; height: 4.333rem; overflow: hidden; text-transform: uppercase; line-height: 3.625rem;font-weight: bold; font-size: 1.5rem; color: #0850a2; background:url(/mobile/Images/Index/ys_ico1.jpg) no-repeat left 0;-webkit-background-size: 3.875rem 4.333rem;  -moz-background-size: 3.875rem 4.333rem; -o-background-size: 3.875rem 4.333rem;background-size:3.875rem 4.333rem;}
.m-ys .con:nth-child(1) dl{ margin-top: 0.458rem;}
.m-ys .con:nth-child(2) dl dt{ background:url(/mobile/Images/Index/ys_ico2.jpg) no-repeat left 0;-webkit-background-size: 3.875rem 4.333rem;  -moz-background-size: 3.875rem 4.333rem; -o-background-size: 3.875rem 4.333rem;background-size:3.875rem 4.333rem;}
.m-ys .con:nth-child(3) dl dt{background:url(/mobile/Images/Index/ys_ico3.jpg) no-repeat left 0;-webkit-background-size: 3.875rem 4.333rem;  -moz-background-size: 3.875rem 4.333rem; -o-background-size: 3.875rem 4.333rem;background-size:3.875rem 4.333rem;}
.m-ys dd{ margin:0 0.833rem 0 1.25rem; font-size: 1rem; line-height: 1.583rem; color: #666; padding-left: 0.5rem;background:url(/mobile/Images/Index/ys_ico.gif) no-repeat left 0.6rem;-webkit-background-size: 0.25rem 0.375rem;  -moz-background-size: 0.25rem 0.375rem; -o-background-size: 0.25rem 0.375rem;background-size:0.25rem 0.375rem;}
.m-ys dd span{ color:#0850a2;}
.y_roll{ text-align: center;font:bold 1.5rem Arial; color: #0850a2;}
.y_roll span{font-size: 2.5rem;}

.m-pic{ line-height: 0; position: relative;}
.m-pic p{ position: absolute; top: 6.083rem; left: 2.5rem;font-size: 1rem; color: #fff;}
.m-pic p span{font:1.167rem Arial;}
.m-pic i{ display: block; position: absolute;top: 6.083rem; left: 17.625rem; width: 7.125rem;font-size: 1rem; color: #fff; text-decoration: underline;}
.m-pic i img{ width: 1.5rem;vertical-align: middle; margin-left: 0.5rem;}

.m-pro{ margin-top: 3.375rem; height:33.417rem; overflow: hidden; position: relative;}
.m-pro:before{ position: absolute; content:""; width: 6rem; height: 1px; bottom: 3.5rem; background:#6391c4; left: 0;}
.m-pro:after{ position: absolute; content:""; width: 6rem; height: 1px; bottom: 3.5rem; background:#6391c4; right: 0;}
.m-pro .prev ,.m-pro .next{ position: absolute;bottom: 2.2rem; width:2.5rem; height:2.5rem; z-index: 3; overflow: hidden;}
.m-pro .prev{ left: 6.0rem;}
.m-pro .next{ right: 6.0rem;}
.m-pro h2{ font-size: 1.667rem; color: #0850a2; font-weight: bold; text-align: center; line-height: 3.5rem; height: 5.458rem;background:url(/mobile/Images/Index/pro_t.jpg) no-repeat center top;    -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.m-pro .m-cnt{ margin: 0 0 0 0.833rem; height:2.917rem; overflow: hidden;}
.m-pro .m-cnt li{ float: left; width: 8.125rem; height: 2.917rem; border:1px solid #0850a2; text-align: center; color: #0850a2; font-size: 1.08rem;line-height: 2.917rem; margin-right: 0.333rem; overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} 
.m-pro .m-cnt li.z-on{ background: #0850a2; color: #fff;}
.m-pro .con{ float: left;width: 100%; display: inline;}
.m-pro .con .ul01{ height: 10.417rem; overflow: hidden; margin-left: 1.208rem;}
.m-pro .con .ul01 li{  padding-left: 2rem; font-size: 1rem; line-height: 38px; color:#555555; margin-top: 0.8rem;background:url(/mobile/Images/Index/pro_ico.gif) no-repeat 0 0.2rem;    -webkit-background-size: 1.375rem 1.25rem;  -moz-background-size: 1.375rem 1.25rem; -o-background-size: 1.375rem 1.25rem;   background-size: 1.375rem 1.25rem;}
.m-pro .con .ul02{ height: 9.567rem; overflow: hidden;}
.m-pro .con .ul02 li{ float: left; line-height: 0; width: 12.042rem; overflow: hidden; margin-left: 0.833rem;}
.m-pro .con .ul02 li img{ border:1px solid #0850a2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .con .ul02 li span{ display: block; width: 100%; height: 1.917rem;  text-align: center; line-height: 1.917rem; background: #0850a2; font-size: 0.917rem; color: #fff;}
.m-pro .con .ul03{ height: 8.5rem; overflow: hidden; margin-left: 0.833rem;margin-top: 0rem;}
.m-pro .con .ul03 li{ height: 1.625rem; margin-top: 0.6rem; font-size: 1rem; color: #555555; line-height:2.825rem;}
.m-pro .con .ul03 li img{vertical-align: middle; width: 1.625rem; margin-right: 0.5rem;}
.m-pro .con .ul03 li b{  font-size: 1.25rem; color: #0850a2; }
.m-pro .con .ul04{ height:12.2rem; overflow: hidden;margin-top: 0.8rem;}
.m-pro .con .ul04 li{ float: left; line-height: 0; width: 11.75rem; overflow: hidden; margin-left: 0.833rem; position: relative;}
.m-pro .con .ul04 li img{ border:1px solid #0850a2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .con .ul04 li span{ display: block; width: 100%; position: absolute; top: 9.5rem; left: 0; height: 1.917rem;  text-align: center; line-height: 1.917rem; background: rgba(8,80,162,0.8); font-size: 0.917rem; color: #fff;}
.m-pro .con .ul05{ height:19.6rem; overflow: hidden; margin-top: 0.417rem;}
.m-pro .con .ul05 li{ float: left; line-height: 0; width: 12.042rem; overflow: hidden; margin-left: 0.833rem; margin-top: 0.833rem;}
.m-pro .con .ul05 li img{ border:1px solid #0850a2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .con .ul05 li span{ display: block; width: 100%; height: 1.917rem;  text-align: center; line-height: 1.917rem; background: #0850a2; font-size: 0.917rem; color: #fff;}

.m-show{ height: 32.25rem; overflow: hidden; position: relative; background:url(/mobile/Images/Index/pin_bj.jpg) no-repeat 0 0;    -webkit-background-size:100%;  -moz-background-size:100%; -o-background-size:100%;   background-size:100%;}
.m-show:before{ position: absolute; content:""; width: 6rem; height: 1px; bottom: 4.083rem; background:#6391c4; left: 0;}
.m-show:after{ position: absolute; content:""; width: 6rem; height: 1px; bottom: 4.083rem; background:#6391c4; right: 0;}
.m-show .prev ,.m-show .next{ position: absolute;bottom: 2.875rem; width:2.5rem; height:2.5rem; z-index: 3; overflow: hidden;}
.m-show .prev{ left: 6.0rem;}
.m-show .next{ right: 6.0rem;}
.m-show h2{ margin-top: 2.5rem; height: 5.708rem; overflow: hidden; font-size: 2.0rem; color: #fff; font-weight: bold; position: relative; text-align: center;}
.m-show h2 span{ display: block; font-size: 1.167rem ;font-weight: normal;}
.m-show h2:before{ position: absolute; content:""; width: 0.875rem; height: 0.208rem; top: 1.5rem; background:#6d97c4; left: 5.542rem;}
.m-show h2:after{ position: absolute; content:""; width: 0.875rem; height: 0.208rem; top: 1.5rem; background:#6d97c4; right: 5.542rem;}
.m-show .con{ float: left; width:100%; display:inline;}
.m-show .con ul{ height: 18.4rem; overflow: hidden;}
.m-show .con li{float: left;width:11.75rem;margin-left: 1rem;background: #fff; height: 17.0rem; overflow: hidden; line-height: ;}
.m-show .con li img{border:1px solid #e5e5e5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-show .con li span{  display: block; font:2.917rem/3.5rem impact; color: #5988d4; text-align: center; height: 3.708rem; overflow: hidden; position: relative;}
.m-show .con li span:before{ position: absolute; content:""; width: 0.75rem; height: 1px; top:2rem; background:#c8d7f1; left: 3rem;border-bottom: 1px solid #6f98da;}
.m-show .con li span:after{ position: absolute; content:""; width: 0.75rem; height: 1px; top:2rem; background:#c8d7f1; right: 3rem;border-bottom: 1px solid #6f98da;}
.m-show .con li p{ font-size: 0.917rem; color: #87a9d8; text-align: center;}
.m-show .con li p b{ font-size: 1.083rem; color: #025fc9; display: block;}
.m-show .con .y_roll{ color: #fff;}

.m-coo{ height: 18.75rem;margin-top: 3.0rem; overflow: hidden; position: relative;}
.m-coo:before{ position: absolute; content:""; width: 6rem; height: 1px; bottom: 4.292rem; background:#6391c4; left: 0;}
.m-coo:after{ position: absolute; content:""; width: 6rem; height: 1px; bottom: 4.292rem; background:#6391c4; right: 0;}
.m-coo .prev ,.m-coo .next{ position: absolute;bottom: 3.167rem; width:2.5rem; height:2.5rem; z-index: 3; overflow: hidden;}
.m-coo .prev{ left: 6.0rem;}
.m-coo .next{ right: 6.0rem;}
.m-coo h2{ height:5.0rem; font-size: 1.667rem; line-height: 2rem; color: #0850a2; font-weight: bold; text-align: center; background:url(/mobile/Images/Index/coo_line.gif) no-repeat 0 0.917rem;    -webkit-background-size:100%;  -moz-background-size:100%; -o-background-size:100%;   background-size:100%;}
.m-coo h2 span{ font-size: 1.083rem; line-height: 1.6rem; color: #555555; font-weight: normal; display: block;}
.m-coo .con{ float: left; width:100%; display:inline;}
.m-coo .con ul{ height: 8.083rem; overflow: hidden;}
.m-coo .con li{float: left;width:11.75rem;margin-left: 1rem;background: #fff; height: 17.0rem; overflow: hidden; line-height: 0;background:url(/mobile/Images/Index/coo_imgbj.jpg) no-repeat 0 0;    -webkit-background-size:100%;  -moz-background-size:100%; -o-background-size:100%;   background-size:100%;}
.m-coo .con li img{ padding:0.083rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-coo .con li span{ display: block; width:100%;text-align: center; font-size: 1rem; color: #7e7e7e; line-height: 2.5rem;}
.c_more{ width:6.25rem; height: 2.5rem; background: #00a4fa; line-height: 2.5rem; text-align: center; color: #fff; font-size: 1.0rem; margin: 0 auto;}

.m-about{ height: 28.375rem; background: #f2f2f2; padding-top: 2.375rem; overflow: hidden;}
.m-about h2{height: 2.25rem; font-size: 1.667rem; color: #0850a2; text-align: center; font-weight: bold; line-height: 1.8rem; padding-top: 1rem; background:url(/mobile/Images/Index/about_t.jpg) no-repeat 0 0;    -webkit-background-size:100%;  -moz-background-size:100%; -o-background-size:100%;   background-size:100%;}
.m-about dl{ margin: 1.083rem auto 0; width:24.958rem; overflow: hidden;}
.m-about dd b{display: block; font-size: 1.08rem; color: #0850a2; padding-top: 0.917rem; line-height: 2.333rem; }
.m-about dd p{ padding-top: 0.625rem; font-size: 1rem; line-height: 1.583rem; color: #666666;}
.m-about dd p a{color: #0850a2;}

.m-news{ height: 18.458rem; position: relative; overflow: hidden;}
.u-more{ position: absolute;width:5.5rem; top: 0; right:0; font-size: 1rem; color: #fff; height: 2.875rem; line-height: 2.8rem; overflow: hidden; z-index: 3; font-family: Arial; text-transform: uppercase;}
.m-news .m-cnt{  height: 3.625rem; overflow: hidden; position: relative;}
.m-news .m-cnt:before{ position: absolute; content:""; width: 100%; height: 2.875rem; background: #0850a2; top:0; left: 0;}
.m-news .m-cnt li{ position: relative; z-index: 3; float: left; font-size: 1rem; color: #fff; height: 2.875rem;line-height: 2.8rem; padding:0 2rem; border-right: 1px solid #84a8d1;}
.m-news .m-cnt li.z-on{ background: #00a4fa; position: relative;}
.m-news .m-cnt li.z-on:before{ position: absolute; content:"";width:0; height: 0; top: 2.87rem; left:50%; margin-left: -0rem; border-top: 0.4rem solid #00a4fa; border-right: 0.4rem solid transparent;border-left: 0.4rem solid transparent;}
.m-news .con{ float: left; display: inline; width: 100%;}
.m-news .con ul{ margin: 1rem 0 0 1.75rem;}
.m-news .con li{  font-size: 1rem; color: #333333; height: 2.5rem; line-height: 2.5rem; overflow: hidden;}






















@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%;}
}
