.wrap { background:#fff;}	
.wrap img { display:block; width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


/*  */

.g-pro{ background: url(/Mobile/Images/Index/pro_bg.jpg) no-repeat; background-size: 100%; }
.g-pro h3{ text-align: center; color: #fff; font-size: 1rem; line-height: 1.5rem; height: 4.85rem; padding-top:1.4rem ;}
.g-pro h3 em{display: block; font-size: 1.00rem; padding-bottom: 0.4rem;}

.g-pro dd{background: url(/Mobile/Images/Index/pro_bg2.jpg) no-repeat; background-size: 100% 5.84rem; height: 5.04rem; padding: 0.8rem 3% 0 3%;}
.g-pro dd em{ float: right; width: 22%; height: 2.6rem; background: #ff8401;  color: #fff; font-size: 1rem;  overflow: hidden; padding: 0.8rem 6%;  text-align: center;}
.g-pro dd p{float: left; width: 52%; color: #fff; font-size: 1rem; line-height: 1.4rem; height: 4.2rem; overflow: hidden;}

.g-pro span{display: block;}
.g-pro span a { border-right:1px solid #fff;border-bottom:1px solid #fff; font-weight: bold;
 font-size:1rem; color:#fff; padding:3.5% 0; width:25%;text-align:center; display:block; float:left;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;
background: #058aff; /* Old browsers */
background: -moz-linear-gradient(top,  #058aff 0%, #0062f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#058aff), color-stop(100%,#0062f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #058aff 0%,#0062f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #058aff 0%,#0062f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #058aff 0%,#0062f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #058aff 0%,#0062f1 100%); /* W3C */
 }
.g-pro span a:nth-child(4n){border-right:none;}



/*  */

.g-ser{width: 80%; padding: 1.5rem 10%;
background: url(/Mobile/Images/Index/ser_bg.jpg) no-repeat; background-size: 100% 5.2rem; }
.m-ser{ position: relative; height: 2.2rem;  }
.g-ser .inp01{ height: 2.2rem; line-height: 2.2rem; border: 0.1rem solid #b8daff; background: none; width: 80%; float: left; font-size: 1rem; text-align: center; color: #666;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-ser span{width: 21%;position: absolute; right: 0; top: 0; font-size: 1rem; font-weight: bold;  display: block;background: #0061ca; height: 2.2rem; color: #fff;  text-align: center; 
line-height: 2.2rem; }
.g-ser .u-in{ position: absolute; cursor:pointer ; right: 0; top: 0; width: 21%; height: 2.2rem; border: none; background:none; z-index: 999;}


/*  */


.g-md{background: url(/Mobile/Images/Index/md_bg.jpg) no-repeat; background-size: 100% 100%;}
.g-md h3{ color: #fff; font-weight: bold; text-align: center; font-size: 1.083rem; padding: 0.8rem 0 1.6rem; text-shadow: 0 2px 1px #333; }
.g-md h3 b{ font-size: 1.52rem; display: block; padding-top: 0.4rem; }
.g-md h3 span{ display: block; background: url(/Mobile/Images/Index/md_bg2.png) no-repeat center; background-size: 100%; }

.g-md .m-box div{display: inline-block; float: left;}
.g-md .m-box dl{ width: 52.8%; margin:0 auto; }
.g-md dt{ height: 3.3rem; line-height: 3.3rem; text-align: center; font-size: 1.083rem; color: #fff; text-shadow: 0 1px 1px #333; background: #ffa200;}
.g-md dt span{ font-size: 1.5rem; }
.g-md dd p{ font-size: 1.083rem; line-height: 1.5rem; height: 7.5rem; color: #666; background: #fff; padding: 0.8rem 1rem;}
.g-md dd p em{color: #ff4e00;}
.g-md dd span{ display: block; height: 3rem; line-height: 3rem;  text-align: center; font-size: 1rem; background: url(/Mobile/Images/Index/md_bg3.png) no-repeat center; background-size: 100% 3rem;  margin-top: 0.5rem }
.g-md dd span a{display: block; color: #fff;}
.g-md .m-cnt{ text-align: center; padding: 0.8rem 0 1.2rem; }
.g-md .m-cnt li{ width: 15.6%; height: 0.42rem; background: #05377d; display: inline-block; margin: 0 2%; border-radius: 0.1rem;-moz-border-radius: 0.1rem;-o-border-radius: 0.1rem;-webkit-border-radius: 0.1rem;}
.g-md .m-cnt li.z-on{ background: #fb990d; }


/*  */


.g-ys{background: url(/Mobile/Images/Index/ys_bg.jpg) no-repeat center; background-size: 100% 100%; padding-bottom: 3.4rem; }
.g-ys h3{ text-align: center; padding: 3rem 0 1rem; }
.g-ys h3 em{ display: block; font-size: 1.58rem; line-height: 1.8rem; color: #004ebe; }
.g-ys h3 i{ display: block;  font-size: 0.5rem; color: #004ebe; opacity: 0.5;  font-weight: bold; line-height: 0.5rem; text-transform:uppercase; padding-top: 0.2rem; }
.g-ys h3 b{ display: block; height: 4.42rem; line-height: 4.42rem; background: url(/Mobile/Images/Index/ys_bg2.png) no-repeat center; background-size: 100% 100%;  color: #fff; text-shadow: 1px 1px 2px #444; }
.g-ys h3 b span{ font-size: 1rem; }
.g-ys h3 b span:nth-child(2){ font-size: 1.167rem; }
.g-ys h3 b span:nth-child(3){ font-size: 1.25rem; }
.g-ys h3 b span:nth-child(4){ font-size: 1.58rem; }
.g-ys dt{ width: 94%; margin:0 auto;}
.g-ys dt b{display: block; margin-bottom: 1.2rem;}
.g-ys dt b i{display: inline-block; height: 1.67rem; width: 3.18rem; line-height: 1.67rem; font-size: 1rem; color: #e3efff;background: url(/Mobile/Images/Index/ys_bg3.png) no-repeat;background-size: 100% 100%; padding-left: 0.4rem;  font-weight: normal; vertical-align: middle;}
.g-ys dt b em{ vertical-align: middle; display: inline-block; font-size: 1rem; color: #004ebe; line-height: 1rem; padding-top: 0.2rem;}
.g-ys dt b em span{ display: block;  color: #cdcdcd; font-size: 0.5rem; text-transform:uppercase; font-weight: normal; height: 1rem; overflow: hidden; }
.g-ys dt p{ padding-left: 14%; }
.g-ys dt p span{display: block; font-size: 1rem; color: #666; line-height: 1.58rem;  border-bottom: 1px dashed #cccaca; padding-bottom: 0.4rem; margin-bottom: 0.4rem; position: relative; width: 96%;}
.g-ys dt p span em{ color: #ff4e00; }
.g-ys dt p span:last-child{border:none;}
.g-ys dt p span:before{ content: ""; width: 0.33rem; height: 100%;background: url(/Mobile/Images/Index/ys_icon.png) no-repeat 0 0.6rem;background-size: 0.33rem; position: absolute; left: -0.8rem; top: 0; }
.g-ys dl:nth-child(1) dd{padding: 1.5rem 0 4rem;}
.g-ys dl:nth-child(2) dd{padding: 1.5rem 0 4rem;}
.g-ys dl:nth-child(3) dd{padding: 1.5rem 0 4rem;}

.g-ys .tel{ text-align: center;  }
.g-ys .tel a{ display: inline-block; width: 87.6%;background: url(/Mobile/Images/Index/ys_bg4.png) no-repeat ;background-size: 100% 100%; height: 3.25rem; line-height: 3.25rem; font-size: 1.083rem; color: #fff; font-weight: bold; }
.g-ys .tel b{ font-size: 1.9rem; vertical-align: middle; color: #004ebe; }


/*  */

.g-honor{  background: #006eff; height: 33rem; overflow: hidden; }
.g-honor .c-list{ box-shadow: 1px 1px 2px #003070; margin-bottom: 2.5rem;
background: #0687ff; /* Old browsers */
background: -moz-linear-gradient(top,  #0687ff 0%, #0063f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0687ff), color-stop(100%,#0063f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0687ff 0%,#0063f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0687ff 0%,#0063f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0687ff 0%,#0063f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0687ff 0%,#0063f1 100%); /* W3C */}
.g-honor .c-list li{ float: left; width: 50%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.58rem; color: #fff; font-weight: bold; }
.g-honor .c-list li.z-on{
background: #f88a11; /* Old browsers */
background: -moz-linear-gradient(top,  #f88a11 0%, #fda00b 49%, #f88a11 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88a11), color-stop(49%,#fda00b), color-stop(100%,#f88a11)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f88a11 0%,#fda00b 49%,#f88a11 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f88a11 0%,#fda00b 49%,#f88a11 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f88a11 0%,#fda00b 49%,#f88a11 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f88a11 0%,#fda00b 49%,#f88a11 100%);/* W3C */}

.g-honor .change-box{ position: relative; margin-bottom: 10rem; }
.g-honor .prev{ display: inline-block; width: 3.18rem; left: 0; position: absolute; top: 5rem;  z-index: 999;}
.g-honor .next{ display: inline-block; width: 3.18rem; right: 0;  position: absolute; top: 5rem;  z-index: 999;}

.g-honor .m-box li{ display: inline-block; float: left; }
.g-honor .m-box li p{ width: 86%; margin: 0 auto;}
.g-honor .m-box li p img{ padding: 0.6rem 5.7%; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.g-honor .m-box li span{display: block; color: #fff; font-weight: bold; padding: 1rem 0 0.6rem; font-size: 1rem; height: 1.2rem; line-height: 1.2rem; overflow: hidden; text-align: center;}


.g-honor i{ display: block; text-align: center; padding: 1.6rem 0 3rem; 
 background: url(/Mobile/Images/Index/honor_bg2.png) no-repeat ; background-size: 100%;}
.g-honor i a{display: inline-block;  font-size: 1.083rem; color: #fff; font-weight: bold; width: 47%; background: url(/Mobile/Images/Index/honor_bg.png) no-repeat ;background-size: 100% 100%;  height: 3rem; line-height: 3rem;}


/*  */

.g-news{padding-bottom: 2rem;}
.g-news .m-cnt{ margin-bottom: 1.5rem; box-shadow: 1px 1px 2px #555; 
background: #0687ff; /* Old browsers */
background: -moz-linear-gradient(top,  #0687ff 0%, #0063f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0687ff), color-stop(100%,#0063f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0687ff 0%,#0063f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0687ff 0%,#0063f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0687ff 0%,#0063f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0687ff 0%,#0063f1 100%); /* W3C */}
.g-news .m-cnt li{ float: left; width: 50%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.25rem; color: #fff; font-weight: bold; }
.g-news .m-cnt li.z-on{
background: #f88a11; /* Old browsers */
background: -moz-linear-gradient(top,  #f88a11 0%, #fda00b 49%, #f88a11 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88a11), color-stop(49%,#fda00b), color-stop(100%,#f88a11)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f88a11 0%,#fda00b 49%,#f88a11 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f88a11 0%,#fda00b 49%,#f88a11 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f88a11 0%,#fda00b 49%,#f88a11 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f88a11 0%,#fda00b 49%,#f88a11 100%);/* W3C */}

.g-news .m-box ul{display: inline-block; float: left;}
.g-news .m-box li{ width: 94%; padding: 0 3%; font-size: 1rem; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #f7f8f9; }
.g-news .m-box li a{color: #666; float: left; padding-left: 1rem;background: url(/Mobile/Images/Index/news_icon.png) no-repeat 0 center; background-size: 0.38rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:69%;}
.g-news .m-box li span{color: #919191; float: right;}
.g-news .m-box li:last-child{border: none;}








/*  */





@media screen and (min-width:320px) {
html { font-size:75%;}
}
@media screen and (min-width:360px) {
html { font-size:87%;}
}
@media screen and (min-width:375px) {
html { font-size:88%;}
}
@media screen and (min-width:400px) {
html { font-size:98%;}
}
@media screen and (min-width:414px) {
html { font-size:100%;}
}
@media screen and (min-width:480px) {
html { font-size:112%;}
}
@media screen and (min-width:568px) {
html { font-size:131%;}
}
@media screen and (min-width:639px) {
html { font-size:150%;}
}

.g-honor .g-khjz .m-box li p img{width:auto; margin:0 auto; width:80%;}