.wrap { background:#fff;}	
.wrap img { 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;}

/* common */

.wrap{font-size: 1rem; line-height: 1; color: #333;}
img{display: block;}
a{color: inherit; }
.g-content{ width: 90.6%; margin-left: auto; margin-right: auto;}
.g-container{ padding-left: 4.7%; padding-right: 4.7%;}
h1,h2,h3,h4,h5{ font-size: inherit;}




/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }


/**/

.g-nav{ padding-top: 0.88rem;}
.g-nav a{float: left; width: 28.1%; margin-right: 3.1%; margin-bottom: 0.88rem; line-height: 2.5rem; background: #16275d; text-align: center; color: #fff;}
.g-nav a:nth-child(3n-2){ margin-left: 4.7%; }

/**/

.g-cust h3{ width: 68%; margin: 0 auto; padding: 2.4rem 0 1.1rem;}
.g-cust .m-cust{ margin-bottom: 1.1rem;}
.g-cust .m-cust li{float: left; width: 31%; margin-right: 3.5%; position: relative;padding-bottom: 1.5rem;}
.g-cust .m-cust li:last-of-type{ margin-right: 0;}
.g-cust .m-cust li img{ border: 1px solid #e3e3e3; border-radius: 100%;}
.g-cust .m-cust li:before{ content: ""; width: 5.46rem; height: 0.75rem; background: url(/Mobile/Images/Index/shadow.jpg) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0);}
.cnt-common{ text-align: center;}
.cnt-common li{ width: 0.54rem; height: 0.54rem; display: inline-block; background: #16275d; border-radius: 0.26rem; margin: 0 0.15rem;}
.cnt-common li.z-on{ width: 1.54rem; background: #d01e1a;}

/**/

.g-service h3{ width: 55.2%; margin: 0 auto; padding: 2.4rem 0 1.1rem;}
.g-service li{ overflow: hidden; background: #f4f4f4 url(/Mobile/Images/Index/bg.png) no-repeat right bottom; background-size: 2rem; margin-bottom: 1rem;}
.g-service li img{float: left; width: 50%;}
.g-service li .con{ float: left; width: 50%; padding: 1rem; box-sizing: border-box;}
.g-service li h4{ border-bottom: 1px dashed #ddd; line-height: 2; margin-bottom: 0.5rem;}
.g-service li span{ display: block;font-size: 0.83rem; line-height: 1.25rem; }

/**/

.g-mores h3{ width: 67%; margin: 0 auto; padding: 2.4rem 0 1.1rem;}
.g-mores dl{ overflow: hidden; background: #f4f4f4; margin-bottom: 1rem; font-size: 0;}
.g-mores dl:nth-of-type(2n) dt{ float: right;}
.g-mores dl:nth-of-type(2n) dd{ margin-top: 0.2rem;}
.g-mores dt{display: inline-block; width: 29%; background: #16275d; color: #fff; line-height: 3.33rem; text-align: center; font-size: 1rem; vertical-align: middle;}
.g-mores dd{ display: inline-block; width: 71%; vertical-align: middle; padding: 0 1rem; box-sizing: border-box;}
.g-mores dd a{display: inline-block; width: 50%;font-size: 0.83rem;line-height: 1.5rem;  padding-left: 0.8rem; box-sizing: border-box; background: url(/Mobile/Images/Index/jt.png) no-repeat 0 center; background-size: 0.42rem; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }

/**/

.g-tel{ padding: 0.5rem 0 2.8rem;}
.g-tel a{ overflow: ;: hidden; display: block; width: 71.6%; margin: 0 auto; line-height: 2.4rem; text-align: center;}
.g-tel span{ float: left; width: 64%; border: 0.13rem solid #16275d; border-right: none; box-sizing: border-box; color: #333; font-size: 1.25rem;}
.g-tel span i{ display: inline-block; padding-left: 1.4rem; background: url(/Mobile/Images/Index/tel.png) no-repeat 0 center; background-size: 0.92rem;}
.g-tel em{ float: right; width: 36%; color: #d01e1a; border: 0.13rem solid #d01e1a; box-sizing: border-box;}

/**/

.g-ys{ background: url(/Mobile/Images/Index/bg2.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 3rem; margin-top: 2.8rem;}
.g-ys h3{ width: 55.5%; margin: 0 auto; padding: 2.4rem 0 1.1rem;}

.g-ys dl{ position: relative;height: 6rem; margin-bottom: 1.5rem; box-shadow: 0.2rem 0 0.75rem rgba(0,0,0,0.15); border-radius: 6rem 0 0 6rem;}
.g-ys dt{position: absolute; left: 0; top: 0; width: 6rem; height: 6rem; background-color: #eee; border: 0.4rem solid #d9d9d9; border-radius: 6rem; box-sizing: border-box; text-align: center; line-height: 7rem; background-repeat: no-repeat; background-position: center 1rem;  box-shadow: 0.2rem 0 0.75rem rgba(0,0,0,0.15);}
.g-ys dl:nth-of-type(1) dt{background-image: url(/Mobile/Images/Index/ys_ic1.png); background-size: 2rem;}
.g-ys dl:nth-of-type(2) dt{background-image: url(/Mobile/Images/Index/ys_ic2.png); background-size: 2rem;}
.g-ys dl:nth-of-type(3) dt{background-image: url(/Mobile/Images/Index/ys_ic3.png); background-size: 2rem;}
.g-ys dl:nth-of-type(4) dt{background-image: url(/Mobile/Images/Index/ys_ic4.png); background-size: 2rem;}
.g-ys dd{ float: right; width: 88%; padding: 0.6rem 0.2rem 0 3.5rem; box-sizing: border-box; background: #fff; height: 6rem; line-height: 1.5rem; font-size: 0.833rem;}


/**/

.g-case h3{ width:55.5%; margin: 0 auto; padding: 2.4rem 0 1.1rem;}
.g-case dl{ overflow: hidden; background: #f4f4f4;}
.g-case dt{ float: left; width: 50%;}
.g-case dd{ float: right; width: 50%; padding: 1rem; box-sizing: border-box; }
.g-case dl:nth-of-type(2n) dt{ float: right;}
.g-case dl:nth-of-type(2n) dd{ float: left;}
.g-case dd h4{ font-size: 0.83rem; font-weight: bold; margin-top: 0.5rem; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.g-case dd p{ font-size: 0.75rem; line-height: 1.25rem; margin: 0.7rem 0 1rem; height: 3.75rem; overflow-y: hidden;}
.g-case dd span{ display: block; width: 5rem; height: 1.6rem; border: 0.1rem solid #16275d; color: #16275d; text-align: center; line-height: 1.6rem; font-size: 0.83rem;}
.g-case .m-cnt{ padding: 0.8rem 0 1rem;}

/**/

.g-about h3{ width: 28%; margin: 0 auto; padding: 2rem 0 0.8rem;}
.g-about dd{ padding: 1rem 0; line-height: 1.5rem; font-size: 0.83rem;}
.g-about dd a{ color: #d01e1a;}

/**/

.g-news{ padding-bottom: 2rem;}
.g-news h3{ width: 28%; margin: 0 auto; padding: 2rem 0 0.8rem;}
.g-news dd h4{font-size: 0.83rem; font-weight: bold; margin: 0.9rem 0 0.4rem;white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.g-news dd h4:before{ content: "头条"; width: 3.67rem; height: 1.7rem; background: #d01e1a; display: inline-block; vertical-align: middle; line-height: 1.7rem; color: #fff; font-weight: normal; text-align: center; margin-right: 0.5rem; }
.g-news dd p{ font-size: 0.75rem; line-height: 1.5rem;}
.g-news ul{ padding-top: 0.8rem; margin-top: 1rem; border-top: 1px solid #ccc;}
.g-news li{white-space: nowrap; text-overflow: ellipsis; overflow:hidden; line-height: 2.25rem; font-size: 0.83rem; position: relative; padding-left: 0.8rem; border-bottom: 1px dashed #ccc;}
.g-news li:before{ content: ""; width: 5px; height: 5px; background: #999; position: absolute; left: 0; top: 50%; margin-top: -2.5px; border-radius: 100%;}
.g-news li:last-of-type{ border-bottom: 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: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%;}}