﻿.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.3%; border: 1px solid #e7e7e7; border-bottom: none;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 43%, #f1f1f1 75%, #cbcbcb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(43%,#ffffff), color-stop(75%,#f1f1f1), color-stop(100%,#cbcbcb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 43%,#f1f1f1 75%,#cbcbcb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 43%,#f1f1f1 75%,#cbcbcb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 43%,#f1f1f1 75%,#cbcbcb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 43%,#f1f1f1 75%,#cbcbcb 100%); /* W3C */}

.g-ser .inp01{ float: left; width: 74.5%; padding-left: 4%; height: 2.2rem; line-height: 2.2rem; font-size: 1rem; color: #979696; background:url(/Mobile/Images/Index/ser_bg.png) no-repeat; background-size: 100% 100%;}
.g-ser .u-in{ width: 20%; height: 2.2rem; float: right; border: none; background: none; 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; border-top: 1px solid #e7e7e7; margin-top: 1px;}
.g-nav a { display: block; float: left; width: 26%;  background-size: 100% 100%; font-size: 1.25rem;  color: #fff; text-align: center;margin-right: 6.3%;  margin-bottom: 1.5rem; padding: 0.8rem 0;border-radius: 0.4rem; -moz-border-radius: 0.4rem;-o-border-radius: 0.4rem;-webkit-border-radius: 0.4rem;
background: #01a6e8; /* Old browsers */
background: -moz-linear-gradient(top,  #01a6e8 0%, #005cb3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a6e8), color-stop(100%,#005cb3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #01a6e8 0%,#005cb3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #01a6e8 0%,#005cb3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #01a6e8 0%,#005cb3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #01a6e8 0%,#005cb3 100%); /* W3C */}
.g-nav a img{ width: 50%; margin: 0 auto; padding: 0 0 0.1rem 0;  }
.g-nav a:nth-child(3n){ margin-right: 0; }
.g-nav a:nth-child(3n-2){ margin-left: 4.7%; }

/*  */

.g-pro{ font-size: 1rem;}
.g-pro h3{text-align: center; font-size: 2rem; font-weight: bold; color: #fff; padding: 0.6rem 0;background: #095eaf; }
.g-pro h3 a{color: #fff;}

.g-pro h4{background: #095eaf url(/Mobile/Images/Index/pro_bg2.png) no-repeat center bottom; padding: 0 1.6% 1.55rem; background-size: 100% 1.6rem}
.g-pro .m-cat{ background:url(/Mobile/Images/Index/pro_bg.png) repeat; background-size: 0.25rem;padding: 1.8rem 4.5% 1.2rem; font-size: 1rem; position: relative;}
.g-pro .m-cnt li{float: left; width: 30%; text-align: center; background: #666; color: #fff; height: 3rem; line-height: 3rem; margin-bottom: 0.8rem; margin-right: 5%; }
.g-pro .m-cnt li:nth-child(3n){margin-right: 0;}
.g-pro .m-cnt li.z-on{ background: #e34601; font-weight: bold; color: #fff; }
.g-pro .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-pro h4 span a{width: 27.4%; text-align: center; background: #666; color: #fff; height: 3rem; line-height: 3rem;  display: block; position: absolute; right: 4.5%; top: 5.6rem;}
.g-pro h4 p{text-align: center;width: 65%; margin: 0 auto; padding-bottom: 0.9rem; background:url(/Mobile/Images/Index/shadow.png) no-repeat center bottom; background-size: 70% 0.96rem; padding-top: 1.6rem;}
.g-pro h4 p i{ display: block; border: 1px solid #d9131f; border-radius: 0.3rem;-moz-border-radius: 0.3rem;-o-border-radius: 0.3rem;-webkit-border-radius: 0.3rem;}
.g-pro h4 p a{font-size: 1.167rem; display: block;border: 1px solid #ff8f8a; padding: 0.5rem 0; color: #fff; border-radius: 0.3rem;-moz-border-radius: 0.3rem;-o-border-radius: 0.3rem;-webkit-border-radius: 0.3rem;
background: #fe1501; /* Old browsers */
background: -moz-linear-gradient(top,  #fe1501 0%, #db141f 49%, #db141f 49%, #c70a13 50%, #c10000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe1501), color-stop(49%,#db141f), color-stop(49%,#db141f), color-stop(50%,#c70a13), color-stop(100%,#c10000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fe1501 0%,#db141f 49%,#db141f 49%,#c70a13 50%,#c10000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fe1501 0%,#db141f 49%,#db141f 49%,#c70a13 50%,#c10000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fe1501 0%,#db141f 49%,#db141f 49%,#c70a13 50%,#c10000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fe1501 0%,#db141f 49%,#db141f 49%,#c70a13 50%,#c10000 100%); /* W3C */}

.g-pro h5 { text-align: center; margin: 1.5rem 0 1.8rem; background:url(/Mobile/Images/Index/bg1.png) repeat-x center; background-size:1px 1px; }
.g-pro h5 a{color: #095eaf; font-size: 1.083rem; font-weight: bold; display: inline-block; width: 36.8%; border: 1px solid #147ac5; padding:0.4rem 0; background: #efefef;}

.g-pro .m-box li{float: left; width: 46%; margin-right: 2.666%; margin-bottom: 1.2rem;}
.g-pro .m-box li:nth-child(2n-1){margin-left: 2.666%;}
.g-pro .m-box li span{display: block; text-align: center; background: #666; color: #fff; padding: 0.2rem 0;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}




/*  */
.g-bh {padding-top: 1.5rem;}
.g-bh h3{ margin-bottom: 2.5rem; }
.g-bh dl{margin-bottom: 2.5rem;}
.g-bh dt{float: left; width: 23.4%; padding-left: 4.2%; padding-top: 0.5rem; }
.g-bh dd{width: 67.5%; float: right;}
.g-bh dd b{display: block; font-size: 1.67rem; color: #005cbb;}
.g-bh dd span{display: block; color: #9e9e9f; font-size: 1rem; border-bottom: 0.1rem solid #c3c3c3; line-height: 1rem;padding-bottom: 0.3rem;}
.g-bh dd p{color: #555; line-height: 1.5rem;height: 3rem; overflow: hidden; font-size: 1rem; border-top: 1px solid #c3c3c3; margin-top: 0.13rem; width: 90%; padding-top: 0.3rem;}

/*  */


.m-ys{ padding: 2.3rem 0 2.8rem;background:url(/Mobile/Images/Index/pro_bg.png) repeat; background-size: 0.25rem; }
.m-ys dl{ padding: 0 9.7%; }
.m-ys dd b{display: block; font-size: 1.7rem; color: #1579c6; padding: 2rem 0 0.5rem; }
.m-ys dd p{line-height: 1.7rem; font-size: 1rem; color: #333; background:url(/Mobile/Images/Index/ys_bg.png) no-repeat; background-size:100%; padding-top: 0.8rem;}
.m-ys dd p span{display: block; margin-bottom: 0.5rem; background:url(/Mobile/Images/Index/ys_ic.png) no-repeat 0 0.5rem; background-size: 0.71rem; padding-left: 1.2rem;}
.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: 27%; display: inline-block; background: #838383; color: #fff; 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.5%; }
.g-ys .m-cnt li.z-on{ background: #006db0;border: 0.33rem solid #0490e7;}

/*  */


.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.8rem 0 1.2rem;}
.g-bd h3 b{ display: block; font-size: 2rem; line-height: 2rem; }
.g-bd h3 em{font-size: 1rem; font-weight: bold;}
.g-bd h3 span{font-size: 1.46rem;}

.g-bd ul{padding-left: 14.8%;}
.g-bd li{ margin-bottom: 0.7rem;}
.g-bd li span{display: inline-block; color: #fff; width: 6rem; float: left;}
.g-bd li span.red{ color:#CA0915; width:18rem;}
.g-bd li span.green{ width:18rem;}

.g-bd li input{float: left; font-size: 1rem; height: 1.4rem; line-height: 1.4rem; width: 47%; border: none; background:url(/Mobile/Images/Index/bd_bg2.png) no-repeat; background-size:100% 100%; border-radius: 0;}

.g-bd li.btn input{ width: 23%; background:url(/Mobile/Images/Index/bd_bg3.png) no-repeat; background-size:100% 100%;  font-weight: bold; color: #fff;height: 1.5rem; line-height: 1.5rem; margin-left: 6rem;border-radius: 0; cursor: pointer; }

.g-bd .m-tel{padding-left: 14.8%; color: #fff;}
.g-bd .m-tel a{color: #fff;}
.g-bd .m-tel b{font-size: 1.2rem;}
.g-bd .m-tel i{display: block; width:35%; padding-left: 18%; margin-top: 1rem;}




/*  */

.g-case{ font-size: 1rem; }
.g-case h3{ background:url(/Mobile/Images/Index/bg2.png) repeat-x; background-size:0.25rem 100%;line-height: 3.4rem; margin-bottom: 1.2rem; }
.g-case h3 b{float: left; font-size: 1.25rem; color: #fff; width: 32.5%; text-align: center; background: #ff6d00;}
.g-case h3 span{float: right; font-size: 1rem; color: #fff; margin-right: 4.5%;}

.g-case .m-box .con{ display: inline; float: left; }
.g-case li{ position: relative; border: 0.25rem solid #8b8b8b; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;width: 93%; margin: 0 auto;}
.g-case li span{display: block; width: 100%; overflow: hidden; text-align: center; padding: 0.5rem 0; white-space: nowrap;text-overflow: ellipsis;  background:#666; color: #fff; position: absolute; left: 0; bottom: 0; font-weight: bold;}
.g-case .btn{text-align: center; margin-top: 1.4rem; padding-top: 1rem; border-top: 0.1rem solid #e3e3e3;}
.g-case .prev{ width: 21.7%; display: inline-block; margin-right: 3%; }
.g-case .next{ width: 21.7%; display: inline-block; }


/*  */

.g-ad { background:url(/Mobile/Images/Index/ad_bg.jpg) repeat-x; background-size:100% 100%;  padding: 7.25rem 0 1rem; margin-top: 1.5rem;}
.g-ad p span{ font-size:0.92rem; color: #fff; display: inline-block; text-align: left; line-height: 1.2rem;  vertical-align: middle; padding-left: 2rem;  background:url(/Mobile/Images/Index/tel.png) no-repeat 0 center; background-size:1.58rem; margin-left: 13.4%;}
.g-ad p b{font-size: 1.18rem; display: block;}
.g-ad p i a{display: inline-block; width: 25%; height: 2.38rem; background: #ff6d00; font-weight: bold; color: #fff; font-size: 1rem; text-align: center; line-height: 2.38rem; vertical-align: middle; margin-left: 7%;}


/*  */

.g-cust{ font-size: 1rem; margin: 1.5rem 0 2rem; position: relative; }
.g-cust h3{ background:url(/Mobile/Images/Index/bg2.png) repeat-x; background-size:0.25rem 100%;  line-height: 3.4rem; margin-bottom: 2.2rem; }
.g-cust h3 b{float: left; font-size: 1.25rem; color: #fff; width: 32.5%; text-align: center; background: #ff6d00;}
.g-cust h3 span{float: right; font-size: 1rem; color: #fff; margin-right: 4.5%;}

.g-cust .m-box .con{ display: inline; float: left;  }
.g-cust .sclwrap_box{ width: 65%; margin: 0 auto;}
.g-cust dt img{ border: 1px solid #ccc;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.g-cust dd b{display: block; text-align: center; padding: 0.8rem 0; white-space: nowrap;text-overflow: ellipsis;  overflow: hidden;}
.g-cust dd b a{color: #333; font-size: 1.25rem;}
.g-cust dd p{line-height: 1.5rem; height: 3rem; overflow: hidden; color: #333;}
.g-cust .prev{ width: 2.42rem; left: 3%;  top: 7.5rem; position: absolute; display: block; }
.g-cust .next{width: 2.42rem; right: 3%;  top: 7.5rem; position: absolute; display: block; }

.g-cust i{display: block;text-align: center; padding-top: 1.8rem;}
.g-cust i a{display: inline-block; width: 33%; padding: 0.45rem 0; border: 1px solid #a1a1a1; color: #8a8a8a;}


/*  */


.g-about{font-size: 1rem;}
.g-about h3{ background:url(/Mobile/Images/Index/bg2.png) repeat-x; background-size:0.25rem 100%; line-height: 3.4rem; margin-bottom: 1.8rem; }
.g-about h3 b{float: left; font-size: 1.25rem; color: #fff; width: 32.5%; text-align: center; background: #ff6d00;}
.g-about h3 span{float: right; font-size: 1rem; color: #fff; margin-right: 4.5%;}
.g-about dl{padding: 0 6.4%;}
.g-about dt img{border: 1px solid #ccc;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.g-about dd{ line-height: 1.5rem; color: #333;padding-top: 1rem;}
.g-about p{padding: 1.8rem 0;}
.g-about p a{text-align: center;  float: left; border: 1px solid #ccc; width: 24.8%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; color: #333; font-weight: bold; font-size: 1.083rem; padding: 1rem 0;}
.g-about p a{margin-right: 0.2%;}



/*  */

.g-news{padding-bottom: 1.5rem;}
.g-news h3{ 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 h3 ul{ float: left; width: 64%;font-size: 1.25rem; }
.g-news h3 li{float: left; width: 50%;text-align: center;color: #fff; font-weight: bold;}
.g-news h3 span{float: right; font-size: 1rem; color: #fff; margin-right: 4.5%;}
.g-news h3 li.z-on{background: #ff6d00;}
.g-news .m-box .con{ display: inline; float: left; min-height: 1rem; }
.g-news .m-box ul{margin-right: 3.8%;}
.g-news .m-box li{ line-height: 2.5rem; height: 2.5rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #5c5c5c; font-size: 1rem; background:url(/Mobile/Images/Index/news_bg.png) no-repeat 0 bottom; background-size:100% 0.13rem;  }
.g-news .m-box li:last-child{background: none;}
.g-news .m-box li a{ color: #5c5c5c; margin-left: 0.9rem; padding-left: 1.5rem;  background:url(/Mobile/Images/Index/news_ic.png) no-repeat 0 center;background-size:0.25rem;}








/*  */

@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%;}
}