﻿.wrap img{ width:100%;}	

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}

/*loading*/
.loading{position:fixed;width:100%;height:100%;top:0;left:0;background:#f6f6f6 url(/mobile/Images/Index/show.jpg) no-repeat 50% 50%;background-size:cover;z-index:9999;}
.loading.fade{-webkit-transition: all .75s ease;transition: all .75s ease;}
.loading.hide{opacity:0;visibility:hidden;}

/*通栏广告*/
.g-adv{ width:100%; height:24rem; overflow:hidden;padding-top: 5rem;}

/**/
.g-guany{width: 100%;height: 47.5rem; background:url(/mobile/Images/Index/guany_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-guany .m-bt{display: block;font-size: 1.6rem;color: #333;font-weight: bold;text-align: center; padding:3rem 0 0;height: 3.5rem;}
.guany01{width: 85.94%;height: 8.6rem; margin:0 auto; border:#dee5e9 1px solid; padding:0.8rem 0 0;position: relative;
border-radius:0.5rem;               
-webkit- border-radius:0.5rem;
-moz-border-radius:0.5rem;
-o-border-radius:0.5rem;}
.guany01:before{ content:"";width: 1px;height: 55%;background: #eee;position: absolute;top: 2.1rem;left: 2.2rem;}
.guany01 span{display: block;font-size: 1.2rem;color: #333;line-height: 2.5rem;position: relative; padding:0 0 0 3.5rem;}
.guany01 span:before{ content:"";width: 0.3rem;height: 0.3rem;position: absolute;top: 1rem;left: 2rem;background: #fff; border:#00458e 2px solid;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.m-video{display: block;width: 82.03%;padding: 0.5rem; border:#dee5e9 1px solid; margin:1.8rem auto 0;
border-radius:0.5rem;               
-webkit- border-radius:0.5rem;
-moz-border-radius:0.5rem;
-o-border-radius:0.5rem;}
.m-video img{display: block;width: 100%;}
.m-guany{width: 93.75%; margin:2.5rem auto 0;}
.m-guany p{width: 33.3%;float: left;text-align: center;}
.m-guany p em{display: block;width: 3rem; margin:0 auto;}
.m-guany p em img{width: 3rem;height: 3rem;}
.m-guany p span{display: block;font-size: 1.2rem;color: #333;line-height: 2.2rem; padding:0.5rem 0 0;}

/**/
.g-six{ width:100%; height:43.8rem; overflow:hidden; background:url(/mobile/Images/Index/six_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-six .m-bt,.g-news .m-bt{display: block;font-size: 1.6rem;color: #fff;font-weight: bold;text-align: center;height: 8rem;line-height: 7rem;}
.g-six .sclwrap_box{ height:18rem;overflow: hidden;}
.g-six .m-box .con{ display:inline; float:left;}
.g-six .six_pic{display: block;width: 90.63%; margin:0 auto;}
.g-six .m-cnt{ width:100%;position: relative;}
.g-six .m-cnt:before{ content:"";width: 100%;height: 1px;background: #33659c;position: absolute;top: 3.5rem;left: 0;}
.g-six .m-cnt li{ width:16.66%; text-align:center; float:left; position:relative;font-size: 1.5rem;color: #fff; font-family:Verdana, Geneva, sans-serif;}
.g-six .m-cnt li span{height: 8.9rem;width: 3.9rem;text-align: center;display: block; border:#fff 1px solid; margin:3.9rem auto 0;
border-radius:0.5rem;               
-webkit- border-radius:0.5rem;
-moz-border-radius:0.5rem;
-o-border-radius:0.5rem;}
.g-six .m-cnt li em{display: block;font-size: 1.2rem;width: 2rem;text-align: center; margin:0 auto; padding:0.7rem 0 0;line-height: 1.4rem;}
.g-six .m-cnt li:before{ position:absolute; content:""; width:0.5rem; height:0.5rem; background:#fff; border:#1f5c9c 0.2rem solid; top:3.1rem; left:45%;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-six .m-cnt li.z-on span{background: #fff;color: #00458e;}

/**/
.g-news{ width:100%; height:48.2rem; overflow:hidden; background:url(/mobile/Images/Index/news_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-news .m-bt{height: 7.2rem;line-height: 8rem;color: #333;}
.g-news .m-cnt{ height:4.5rem; width:93.75%; padding:0 0 0 6.25%; display:inline-block;}
.g-news .m-cnt li{ width:8.9rem; text-align:center; float:left;height: 2.4rem;line-height: 2.4rem; border:#dee5e9 1px solid;font-size: 1.2rem;color: #333; margin:0 0.5rem 0 0;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-news .m-cnt li.z-on{ background:#00458e; color:#fff; border:#00458e 1px solid;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .news_pic{display: block;width: 87.5%; margin:0 auto;}
.g-news dl{width: 87.5%; margin:0 6.25%; border-bottom:#e2e2e2 1px dashed; padding:0.9rem 0; display:inline-block;}
.g-news dl dt{width: 14.29%;float: right;}
.g-news dl dd{width: 80%;float: left;line-height: 1.8rem;}
.g-news dl dd a{font-size: 1.2rem;color: #333;}
.g-news dl:last-child{ border:none;}

/*合作客户*/
.g-hz{width: 100%;height: 21rem; background:url(/mobile/Images/Index/hz_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-hz .m-bt{display: block;text-align: center;width: 100%;font-size: 1.6rem;color: #333;font-weight: bold; padding:2rem 0 0;height: 6rem;}
.g-hz .m-bt i{display: block;font-size: 1.1rem;color: #666;font-weight: normal; padding:0.5rem 0 0;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:28.13%; float:left; padding:0 0 0 3.75%;}
