.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-ser{ padding: 0.6rem 2.2%;background: #ffffff; border-bottom: 1px solid #fff; -webkit-box-shadow: 0 1px 1px #e7e7e7; -o-box-shadow: 0 1px 1px #e7e7e7; -moz-box-shadow: 0 1px 1px #e7e7e7;box-shadow: 0 1px 1px #e7e7e7;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #f4f4f4 47%, #cbcbcb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 47%,#cbcbcb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4f4f4 0%,#f4f4f4 47%,#cbcbcb 100%); }
.g-ser .inp01{ float: left; width: 80%; padding-left: 4%; height: 2.3rem; line-height: 2.3rem; font-size: 1rem; color: #979696; border: 1px solid #cbcbcb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;-webkit-box-shadow: 0 0.3rem 0.3rem #e9e9e9 inset; -o-box-shadow: 0.3rem 0.3rem 0.3rem #e9e9e9 inset; -moz-box-shadow: 0 0.3rem 0.3rem #e9e9e9 inset;box-shadow: 0 0.3rem 0.3rem #e9e9e9 inset; }

.g-ser .u-in{ height: 2.3rem; width: 19%;height: 2.3rem; float: right; cursor: pointer; background:url(/Mobile/Images/Index/ser_btn.png) no-repeat; background-size: 100% 100%; }


/* */

/* 带图标的导航 */

.g-nav { position:relative; padding: 1.6rem 0 0.8rem;}
.g-nav a { display: block; float: left; width: 26%;  font-size: 1.083rem;   color: #fff; text-align: center;margin-right: 6.3%; padding: 3% 0; margin-bottom: 1.5rem;  border-radius: 0.3rem;-moz-border-radius: 0.3rem;-o-border-radius: 0.3rem;-webkit-border-radius: 0.3rem;
background: #00a7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00a7ea 0%, #005bb3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00a7ea 0%,#005bb3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00a7ea 0%,#005bb3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.g-nav a img{ width: 58%; margin: 0 auto; padding: 0.5rem 0 0.4rem; }
.g-nav a:nth-child(3n){ margin-right: 0; }
.g-nav a:nth-child(3n-2){ margin-left: 4.7%; }


/*  */

.g-pro h3{ background:url(/Mobile/Images/Index/pro_bg1.png) no-repeat; background-size: 100% 100%; height: 5.4rem; padding-left: 28%; line-height: 5.4rem; }
.g-pro p{font-size: 1.25rem; color: #333; text-align: center; padding-bottom: 1.5rem;}
.g-pro h3 a{color: #fff; font-size: 1.3rem; font-weight: bold;}
.g-pro ul{width: 84%; margin: 0 auto;}
.g-pro li{float: left; width: 48%; margin-right: 4%; padding: 0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; background: #dadada; margin-bottom: 1rem; }
.g-pro li img{border: 1px solid #b2b2b2;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-pro li:nth-child(2n){margin-right: 0;}
.g-pro li:last-child{margin-bottom: 2rem;}
.g-pro li span{display: block; font-size: 1rem;text-align: center; color: #666; line-height: 2.2rem; height: 2.2rem; overflow: hidden; padding-top: 0.5rem; white-space: nowrap;text-overflow: ellipsis; }
.g-pro i{display: block; padding-top: 1.4rem; text-align: center; font-size: 1rem; background:url(/Mobile/Images/Index/pro_bg2.png) no-repeat; background-size: 100%; }
.g-pro i a{color: #666; font-weight: bold;}



/*  */


.g-coop{position: relative; margin-top: 2.3rem; border-top: 0.33rem solid #e3e3e3; background: #f2f2f2; padding: 2.2rem 0;}
.g-coop h3{text-align: center; font-size: 0.92rem; color: #717171; line-height: 1.5rem; margin-bottom: 1.8rem; background:url(/Mobile/Images/Index/bg3.png) no-repeat 0 0.8rem; background-size:100%; }
.g-coop h3 span{display: block;}
.g-coop h3 a{color: #f97800; font-size: 1.3rem; font-weight: bold;}
.g-coop .prev{ width: 1.58rem; left: 3.8%;  top:7.6rem; position: absolute; display: block;  z-index: 9;}
.g-coop .next{width: 1.58rem; right: 3.8%;  top:7.6rem; position: absolute; display: block; z-index: 9; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);transform: rotate(180deg);}

.g-coop .m-box li{ width: 48%; float: left;}
.g-coop .m-box li:nth-child(2n){ float: right;}
.g-coop .m-box li img{padding: 0.25rem; background:url(/Mobile/Images/Index/bg1.png) repeat; background-size: 0.25rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-coop .m-box li span{display: block; text-align: center; color: #333; padding: 1rem 0 0;}
.g-coop .sclwrap_box{ width:72%; margin:0 auto;}
.g-coop i{display: block; text-align: center; padding-top: 1.5rem;}
.g-coop i a{ display: inline-block; width: 36.1%; padding: 0.4rem 0; background: #f06226; font-size: 1rem; font-weight: bold; color: #fff;border-radius: 0.2rem;-moz-border-radius: 0.2rem;-o-border-radius:0.2rem;-webkit-border-radius: 0.2rem; }



/*  */

.g-tx h3{padding-bottom: 1.5rem;}
.g-tx li{background:url(/Mobile/Images/Index/tx_bg.png) no-repeat; background-size:100%; padding-left: 6%; margin-bottom: 1.8rem;}
.g-tx li i{ display: inline-block; font-size: 1.75rem; color: #fff; width: 10.5%; text-align: center; line-height: 3rem; vertical-align: top; margin-right: 0.8rem;}
.g-tx li p{display: inline-block; vertical-align: top; width: 84%;}
.g-tx li p em{display: block; font-size: 2rem;color: #0058c4; line-height: 3.2rem; margin-bottom: 1rem;}
.g-tx li p span{display: block; font-size: 0.92rem; color: #525252; padding-left: 1.2rem; background:url(/Mobile/Images/Index/tx_bg1.png) no-repeat 0 0.3rem; background-size:0.72rem; line-height: 1.3rem;} 


/*  */

.g-ys h3{padding-bottom: 2.3rem;}

.g-ys dl{ padding: 0 2% 0 22%;}
.g-ys dt {font-size: 1.083rem; color: #666; line-height: 1.6rem; margin-bottom: 1.4rem;}
.g-ys dt b{display: block; font-size: 1.45rem; color: #0063cc;}
.g-ys dd p {font-size: 0.92rem; line-height: 1.45rem; color: #333; width: 92%; height: 13rem;}
.g-ys dd p span{display: block; background:url(/Mobile/Images/Index/ys_bg.png) no-repeat 0 0.3rem; background-size:1rem; padding-left: 1.4rem; padding-bottom: 1.3rem;}
.g-ys dd p em{color: #f97800;}
.g-ys i{ padding: 0 2%; display: block;}
.g-ys .con:nth-child(1) dl{background:url(/Mobile/Images/Index/ys_ic1.png) no-repeat;background-size:18.8%;}
.g-ys .con:nth-child(2) dl{background:url(/Mobile/Images/Index/ys_ic2.png) no-repeat;background-size:18.8%;}
.g-ys .con:nth-child(3) dl{background:url(/Mobile/Images/Index/ys_ic3.png) no-repeat;background-size:18.8%;}
.g-ys .con:nth-child(4) dl{background:url(/Mobile/Images/Index/ys_ic4.png) no-repeat;background-size:18.8%;}

.g-ys .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-ys .m-cnt{text-align: center; padding-top: 2rem;}
.g-ys .m-cnt li{ width: 21%; display: inline-block; background: #838383; color: #c2c2c2; font-size: 2rem; text-align: center; font-weight: bold; border: 0.33rem solid #969696;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; margin: 0 1%; }
.g-ys .m-cnt li.z-on{ background: #006db0;border: 0.33rem solid #0490e7; color: #fff;}

/*  */


.g-case{margin:2.5rem 0 1.5rem; position: relative; height: 24rem; overflow: hidden;}
.g-case .c-list{ background:url(/Mobile/Images/Index/bg2.png) repeat-x; background-size:0.25rem 100%;  line-height: 3.4rem; overflow: hidden; margin-bottom: 1.2rem; }
.g-case .c-list li{float: left; width: 25%;text-align: center;color: #fff; font-weight: bold;font-size: 1rem; }
.g-case span{ position: absolute; right: 4.5%; line-height: 3.4rem; top: 0; font-size: 1rem; color: #fff; clear:both; }
.g-case .c-list li.z-on{background: #ff6d00;}
.g-case .m-box .con{ display: inline; float: left;  }
.g-case .sclwrap_box{ width: 70.8%; margin: 0 auto;}

.g-case .change-box{ position:relative; margin-bottom:20em;}

.g-case dl{padding: 0.13rem; border: 1px solid #9f9f9f; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; margin: 0 1%; }
.g-case dd {color: #fff; width: 100%; display: block; text-align: center; padding: 0.5rem 10%;background:rgba(0,0,0,0.68);box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; margin-top: -6.25rem; position: relative; z-index: 4;}
.g-case dd b{display: block; text-align: center; white-space: nowrap;text-overflow: ellipsis;  overflow: hidden; font-size: 1rem; margin-bottom: 0.3rem; line-height: 1.2rem; height: 1.2rem; }
.g-case dd a{color: #fff;}
.g-case dd p{line-height: 1.25rem; height: 3.75rem; overflow: hidden; color: #fff; font-size: 0.75rem;}
.g-case .prev{ width: 1.58rem; left: 4%;  top: 4.5rem; position: absolute; display: block; }
.g-case .next{width: 1.58rem; right: 4%;  top: 4.5rem; position: absolute; display: block;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);transform: rotate(180deg);}

.g-case i{display: block; text-align: center;width: 72%; margin: 0 auto; padding-bottom: 0.9rem; background:url(/Mobile/Images/Index/shadow.png) no-repeat center bottom; background-size: 100% 0.96rem; padding-top: 1.6rem;}
.g-case i a{font-size: 1.167rem; display: block;background:url(/Mobile/Images/Index/btn3.png) no-repeat;  background-size:100% 100%; padding: 0.6rem 0; color: #fff;}


/*  */

.g-bd{ background:url(/Mobile/Images/Index/bd_bg.jpg) no-repeat; background-size:100% 100%; font-size: 1rem; padding-bottom: 1.54rem; margin-bottom: 1.8rem; }
.g-bd h3{text-align: center; color: #fff; padding: 1.6rem 0 3rem;font-size: 1rem;line-height: 1.8rem;}
.g-bd h3 b{ display: block; font-size:1.6rem;  }

.g-bd h3 span{font-size: 1.46rem;}

.g-bd ul{padding-left: 10.8%;}
.g-bd li{ margin-bottom: 0.5rem;}
.g-bd li span{display: inline-block; color: #fff; vertical-align: top;  }
.g-bd li input{ vertical-align: top; font-size: 1rem; height: 1.4rem; line-height: 1.4rem; width: 54%; border: 1px solid #3866c3;background: #fff; border-radius: 0;}
.g-bd li i{ color: #fff; font-style:normal; vertical-align:top; }
.g-bd li textarea{width: 54%;  border: 1px solid #3866c3;background: #fff; border-radius: 0; height: 4.4rem; font-size: 1rem;}
.g-bd li.btn input{ width: 30%; height: 2.3rem; line-height: 2.3rem;  background:url(/Mobile/Images/Index/bd_bg3.png) no-repeat; background-size:100% 100%;  font-weight: bold; color: #fff; margin-left: 6rem;border-radius: 0; cursor: pointer;}



/*  */

.g-phone{ text-align: center;width: 79.8%; margin: 0 auto; padding-bottom: 0.9rem; background:url(/Mobile/Images/Index/shadow.png) no-repeat center bottom; background-size: 100% 0.96rem; padding-top: 1.6rem;}
.g-phone p{font-size: 1.167rem; display: block;background:url(/Mobile/Images/Index/btn4.png) no-repeat;  background-size:100% 100%; padding: 0.6rem 0; color: #fff; line-height: 1.8rem;}
.g-phone span{display: block;}
.g-phone a{color: #fff;}


/*  */

.g-about{padding-top: 3rem;}
.g-about h3{text-align: center;}
.g-about h3 a{font-size:1.75rem;color: #333; font-weight: bold;}
.g-about h3 span{display: block; font-size: 2.73rem; color: #dcdcdc;text-transform: uppercase; line-height: 3rem; margin-bottom: 1rem;}

.g-about em{display: block; width: 91.6%; margin: 0 auto; border: 0.13rem solid #d1d1d1;}
.g-about p{font-size: 1rem; color: #333; line-height: 1.5rem; padding:1.6rem 6.4%;}

/*  */


.g-news{padding-bottom: 3rem;}
.g-news .m-cnt{ background:url(/Mobile/Images/Index/bg2.png) repeat-x; background-size:0.25rem 100%;  line-height: 3.4rem; overflow: hidden; margin-bottom: 1rem; }
.g-news .m-cnt li{float: left; width: 33.33%;text-align: center;color: #fff; font-weight: bold;font-size: 1rem;}
.g-news .m-cnt li.z-on{background: #ff6d00;}
.g-news .m-box ul{ background:url(/Mobile/Images/Index/bg1.png) repeat; background-size: 0.25rem; margin: 0 2%;}
.g-news .m-box li{height: 2.5rem; line-height: 2.5rem; overflow: hidden; font-size: 1rem;margin-bottom: 0.13rem; padding-left: 2rem; background:#fff url(/Mobile/Images/Index/news_ic.png) no-repeat 0.6rem center;white-space: nowrap;text-overflow: ellipsis;  background-size: 0.25rem;}
.g-news .m-box li a{color: #5c5c5c;}
.g-news .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-news i{display: block; text-align: center;width: 55.2%; margin: 0 auto; padding-bottom: 0.9rem; background:url(/Mobile/Images/Index/shadow.png) no-repeat center bottom; background-size: 100% 0.96rem; padding-top: 1.6rem;}
.g-news i a{font-size: 1.167rem; display: block;background:url(/Mobile/Images/Index/btn5.png) no-repeat;  background-size:100% 100%; padding: 0.6rem 0; color: #fff;}



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