
/*公共样式部分*/
*{padding:0px; margin:0px;font-family:'Microsoft YaHei', Helvetica, Arial, sans-serif;}
body{min-width:320px; max-width:640px; font:1.2rem Microsoft Yahei;height: 100%;overflow-x: hidden;margin:0 auto;color: #333;}
body{background: #fff;}
input{ -webkit-appearance: none;}
html, body {position: relative;height: 100%;}
textarea{line-height:100%;} 
a{color: #333; outline:0;cursor:pointer;/**star:expression(this.onFocus=this.blur());*/ text-decoration:none;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;max-width:100%;}
ul,li{list-style:none;}
p{word-break:break-all;text-justify:inter-ideograph; line-height:1.3em;font-size: 1.2rem;}
i,em{font-style: normal;}
.f1{float: left;}
.f2{float: right;}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clear{zoom:1} 


/*header*/
header .g-logo img {display: block;}
header nav {height: 2.7rem; background: url(../images/head-nav.jpg) no-repeat; background-size: 100%;}
header nav ul>li {float: left; height: 2.7rem; line-height: 2.7rem; width: 20%; text-align: center;}
header nav ul>li a {display: block; line-height: 2.7rem; color: #fff; text-align: center;}
header .g-banner img {display: block;}

/*con1*/
.g-con1 .g-title {margin-top: 1.5rem;}
.g-con1 .g-title h3 {color: #008982; font-size: 1.8rem; text-align: center;}
.g-con1 .g-content {width: 92.8%; margin: 0 auto;}
.g-con1 .g-content ul>li {height: 2.5rem; line-height: 2.5rem; color: #333; border-bottom: 1px dashed #ccc;}
.g-con1 .g-content strong {color: #d10001; font-size: 1.4rem;}
.g-con1 .g-img img {display: block; margin-top: 1.6rem;}

/*con2*/
.g-con2 {margin-top: 1.8rem;}
.g-con2 .g-title {height: 6.3rem; background: url(../images/g-con2-title.jpg) no-repeat; background-size: 100%; box-sizing: border-box;}
.g-con2 .g-title h3 {color: #ffd23d; font-size: 2.2rem; text-align: center; padding-top: 0.8rem;}
.g-con2 .g-title p {text-align: center; color: #fff; font-size: 1.3rem;}
.g-con2 .g-table {width: 95%; margin: 0 auto; margin-top: 1.6rem;}
.g-con2 .g-table table {width: 30.2rem; text-align: center;}
.g-con2 table{border-right:1px solid #ccc;border-bottom:1px solid #ccc} 
.g-con2 table td{border-left:1px solid #ccc;border-top:1px solid #ccc} 
.g-con2 .g-table tr {height: 2.8rem;}
.g-con2 .g-table tr:not(:nth-child(1)) {height: 2.7rem; font-size: 1.1rem; color: #333;}
.g-con2 .g-table .td {width: 16.4rem;}
.g-con2 .g-table tr {background: #fbfbfa;}
.g-con2 .g-table .bg1 {background: #f2faff;}
.g-con2 .g-table a {font-size: 1.2rem; color: #fe9901; font-weight: bold;}
.g-con2 .g-tel {width: 92.8%; margin: 0 auto; margin-top: 1.8rem;}
.g-con2 .g-tel span {display: block; height: 3.6rem; background: #fe9901; line-height: 3.6rem; text-align: center; color: #fff; border-radius: 2rem;}

/*con3*/
.g-con3 {margin-top: 1.6rem;}
.g-con3 .g-title {height: 6.3rem; background: url(../images/g-con2-title.jpg) no-repeat; background-size: 100%; box-sizing: border-box;}
.g-con3 .g-title h3 {color: #ffd23d; font-size: 2.2rem; text-align: center; padding-top: 0.8rem;}
.g-con3 .g-title p {text-align: center; color: #fff; font-size: 1.3rem;}
.g-con3 .g-content {margin-left: 0.9rem; margin-top: 1.6rem; width: 100%;}
.g-con3 .g-left {width: 37.65%;}
.g-con3 .g-left  img {display: block;}
.g-con3 .g-right {width: 57.81%; margin-left: 1.5%; box-sizing: border-box;}
.g-con3 .g-right .p1 {font-size: 1.6rem; padding-top: 2.3rem;}
.g-con3 .g-right .p1 span {display: inline-block; font-size: 1.2rem;}
.g-con3 .g-right .s2 {background: #FE9901; margin-top: 0.6rem;  color: #fff; border-radius: 2rem; padding: 0 0.7rem;}
.g-con3 .g-right img {display: block; width: 18.5rem;}
.g-con3 .g-right .p3 {font-size: 1.1rem; line-height: 1.8rem;}
.g-con3 .con3-tel {margin-top: 1.8rem;}
.g-con3 .left {width: 17.5%;}
.g-con3 .left .g-s1 { display: block; height: 2.8rem; line-height: 2.8rem; text-align: center; background: #f5880e; color: #fff; width: 5.6rem; margin-bottom: 0.5rem; border-radius: 0.5rem;}
.g-con3 .left .g-s2 { display: block; height: 2.8rem; line-height: 2.8rem; text-align: center; background: #03977f; color: #fff; width: 5.6rem; border-radius: 0.5rem;}
.g-con3 .right {width: 76.5%;}
.g-con3 .g-content2 , .g-con3 .g-content3 , .g-con3 .g-content4 , .g-con3 .g-content5 {margin-top: 1.8rem;}

/*con4*/
.g-con4 {width: 95%; margin: 0 auto; margin-top: 1.8rem;}
.g-con4 figure {width: 9.4rem; display: inline-block; float: left; border-top: 0.5rem solid #008982; border-left: 0.5rem solid #008982;}
.g-con4  .p1 {text-align: center; font-weight: bold; color: #333;}
.g-con4  .p2 {text-align: center; font-size: 1rem; color: #333;}
.g-con4  .p3 {text-align: center; font-size: 1rem; color: #e6413d;}
.g-con4 figure span {width: 6.4rem; display: block; height: 2.1rem; line-height: 2.1rem; text-align: center; background: #ffa600; color: #fff;  margin: 1rem 0; margin-left: 1.5rem;}
.g-con4 .figure figure{border-bottom: 0.5rem solid #008982;}
.g-con4 .figure figure {margin-top: -1px;}

/*foot*/
footer {margin-top: 1.6rem;}
footer nav {height: 3.3rem; line-height: 3.3rem; background: #008982;}
footer nav ul>li {height: 3.3rem; line-height: 3.3rem; float: left; width: 25%;}
footer nav ul>li a {display: block; color: #fff; text-align: center;}
footer .g-content {height: 12rem; background: url(../images/foot-content.jpg) no-repeat; background-size: 100%; box-sizing: border-box;}
footer .g-content p {color: #fff; font-size: 1rem; margin-left: 1.6rem; line-height: 2rem;}
footer img {display: block;}

