@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}	
a{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
*:focus{outline:none;}
.bl{display:block;}
.mr{margin:0 auto;}
a,button,input,optgroup,select,textarea {   -webkit-tap-highlight-color:rgba(0,0,0,0);outline: none; /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/border:0}
input[type=”button”], input[type=”submit”], input[type=”reset”] {
-webkit-appearance: none;}
body{font-family:'Microsoft Yahei'; width: 7.5rem; margin: 0 auto;}


header {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
header a {
  display: block;
}
header img {
  display: block;
  width: 2.08rem;
  height: 0.8rem;
}
header .tel {
  float: right;
  color: #333333;
  font-size: 0.26rem;
  line-height: 0.8rem;
}
header .logo {
  float: left;
}
.zg_ban{ width: 7.5rem; height: 4.98rem;}
.zg_ban img{ display: block; width: 100%; }
.zg_main1{ width: 7.5rem; height: auto; margin: 0 auto; background: #f6dbcc; padding-top: .03rem;}
.zg_m1bt{ display: block; width: 3.86rem; height: .94rem; margin: 0 auto .4rem;}
.zg_step1{ width: 5.59rem; padding-top: 1.5rem; height: 2.58rem; background: url(../images/sqxl_08.jpg) no-repeat center; background-size: 100% 100%; margin-left: .3rem; padding-left: .6rem;}
.zg_step1 li{ width: 1.19rem; height: 1.14rem; float: left; margin-right: .18rem; position: relative;}
.zg_step1 li p{ line-height: .28rem; text-align: center; font-size: .24rem; font-family: 'Microsoft Yahei'; color: #fff; position: absolute; left: 0; top:50%; transform: translate(0 , -50%)}
.zg_step1 li p span{ color: #fece78;}
.zg_step2{ padding: 2.26rem 0 0 .02rem; width: 7.08rem; margin-left: .2rem; height: 2.34rem; background: url(../images/sqxl_11.jpg) no-repeat center; background-size: 100% 100%;}
.zg_step2 li{ width: 2.2rem; height: .9rem; float: left; margin-left: .12rem; position: relative;}
.zg_step2 li p{ line-height: .3rem; width: 100%; font-size: .2rem; color: #fff; font-family: 'Microsoft Yahei'; text-align: center; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.zg_step2 li p span{ color: #fece78;}
.zg_step3{ padding: 2.17rem 0 0 .71rem; width: 6.38rem; height: 2.73rem; background: url(../images/sqxl_14.jpg) no-repeat center; background-size: 100% 100%; margin-left: .22rem;}
.zg_step3 li{ width: 2.53rem; padding-left: .12rem; height: auto; margin-right: .17rem; float: left;}
.zg_step3 li p{ line-height: .3rem; font-size: .2rem; color: #fff; font-family: 'Microsoft Yahei';}
.zg_step3 li p span{ color: #fece78;}
.zg_step4{ width: 7.1rem; padding-top: 2.58rem; height: 2.28rem; background: url(../images/sqxl_16.jpg) no-repeat center; background-size: 100% 100%; margin-bottom: .6rem; margin-left: .2rem;}
.zg_step4 li{ padding-left: .18rem; width: 3.1rem; margin-left: .19rem;float: left;}
.zg_step4 li p{ line-height: .3rem; font-size: .2rem; color: #fff; font-family: 'Microsoft Yahei';}
.zg_step4 li p span{ color: #fece78;}
.zg_m2bt{ display: block; width: 3.86rem; height: .94rem; margin: 0 auto .35rem;}
.zg_m2xbt{ display: block; width: 2.28rem; height: .45rem; margin:0 auto .26rem;}
.zg_xyb{ width: 7.1rem; height: 5.91rem; background: url(../images/sqxl_21.jpg) no-repeat center; background-size: 100% 100%; margin:0 auto .4rem; position: relative;}
.zg_xyb li{ width: 2.3rem; height: 1.38rem; position: absolute;}
.zg_xyb li p{ line-height: .34rem; font-size: .2rem; color: #fff; font-family: 'Microsoft Yahei'; width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); text-align: center;}
.zg_xyb li.l1{ left: 0; top: 0;}
.zg_xyb li.l2{ right: 0; top: 0;}
.zg_xyb li.l3{ left: 2.39rem; top: 1.58rem;}
.zg_xyb li.l4{ left: 0; top: 2.87rem;}
.zg_xyb li.l5{ left: 4.59rem; top: 2.87rem;}
.zg_xyb li.l6{ left: 2.4rem; bottom: 0;}
.zg_ptb{ width: 7.41rem; margin-left: .09rem; padding-top: .04rem; height: 2.72rem;}
.zg_ptb li{ padding-left: .15rem; width: 1.48rem; padding-top: .18rem; height: 1.95rem; background: url(../images/sqxl_22.jpg) no-repeat center; background-size: 100% 100%; float: left; margin-left: .16rem; line-height: .3rem; font-size: .2rem; color: #fff; font-family: 'Microsoft Yahei';}
.zg_yxbt{ display: block; width: 3.86rem; height: .95rem; margin: 0 auto .24rem;}
.zg_tabNav{ width: 6.98rem; height: .86rem; margin: 0 auto;}
.zg_tabNav li{ float: left; height: .86rem; cursor: pointer;}
.zg_tabNav li.l1{ width: 1.8rem; background: url(../images/l1.jpg) no-repeat center; background-size: 100% 100%;}
.zg_tabNav li.l2{ width: 1.7rem; background: url(../images/l2.jpg) no-repeat center; background-size: 100% 100%;}
.zg_tabNav li.l3{ width: 1.7rem; background: url(../images/l3.jpg) no-repeat center; background-size: 100% 100%;}
.zg_tabNav li.l4{ width: 1.76rem; background: url(../images/l4.jpg) no-repeat center; background-size: 100% 100%;}
.zg_tabNav .l1.on{ background-image: url(../images/l5.jpg);}
.zg_tabNav .l2.on{ background-image: url(../images/l6.jpg);}
.zg_tabNav .l3.on{ background-image: url(../images/l7.jpg);}
.zg_tabNav .l4.on{ background-image: url(../images/l8.jpg);}
.zg_kbbox{ width: 6.93rem; height: auto; margin: 0 auto .6rem;border-radius: 0 0 20px 20px; border: 1px solid #030300; border-top: none; overflow: hidden;background: #fff; display: none;}
.zg_kbbox table{ border-collapse: collapse; border: none; width: 100%; }
.zg_kbbox table th{ height: .37rem; background: #919194; line-height: .37rem; border: 1px solid #030300; border-top: none;}
.zg_kbbox table th img{ display: block; margin: 0 auto;}
.zg_kbbox table td{ line-height: .22rem; font-size: .16rem; color: #030300; text-align: center; border: 1px solid #030300; font-weight: bold; padding: .14rem .05rem;}
.zg_kbbox table td img{ display: block; margin: 0 auto;}
.zg_kbbox table td a{ display: block; width: .55rem; height: .49rem; background: url(../images/sqxl_64.jpg) no-repeat center; background-size: 100% 100%; margin: 0 auto;}
.zg_kbbox table td a:hover{ background-image: url(../images/sqxl_71.jpg);}
.zg_kbbox table td span{ color: #ea7380;}
.zg_kbbox table td:first-child,.zg_kbbox table th:first-child{border-left: none;}
.zg_kbbox table td:last-child,.zg_kbbox table th:last-child{border-right: none;}
.zg_kbbox table tr:last-child td{ border-bottom: none;}
.zg_m3bt{ display: block; width: 3.86rem; height: .94rem; margin: 0 auto .24rem;}
.zg_zbpt{ width: 7.5rem; height: 3.67rem; background: url(../images/sqxl_78.jpg) no-repeat .36rem top; background-size: 6.8rem 3.15rem; position: relative;}
.zg_zbpt li{ line-height: .24rem; font-size: .18rem; color: #333; font-family: 'Microsoft Yahei'; position: absolute;}
.zg_zbpt .l1{left: .23rem; top: .34rem; width: 1.9rem;}
.zg_zbpt .l2{left: .23rem; top: 1.81rem; width: 1.8rem;}
.zg_zbpt .l3{left: 5.4rem; top: .34rem; width: 1.7rem;}
.zg_zbpt .l4{left: 5.4rem; top: 1.81rem; width: 1.9rem;}
.zg_m4bt{ display: block; width: 3.86rem; height: .94rem; margin: 0 auto .22rem;}
.zg_jmzl{ width: 7.36rem; padding-left: .14rem; height: 9.94rem; background: url(../images/sqxl_85.jpg) no-repeat center top; background-size: 7.5rem 9.46rem;}
.zg_jmzl li{ width: 1.65rem; padding: 3.82rem .13rem 0 .2rem; margin-left: .34rem; float: left; height: .7rem; margin-bottom: .42rem; line-height: .28rem; font-size: .16rem; color: #fff; font-family: 'Microsoft Yahei';}
.zg_footer{ text-align: center; line-height: .28rem; font-size: .14rem; color: #333; font-family: 'Microsoft Yahei'; padding-bottom: .75rem;}
.zg_footer a{ color: #333; margin: 0 .05rem;}
.zg_fix{width: 7.5rem; height: .59rem; background: #333; position: fixed; left: 50%; bottom: 0; z-index: 20; margin-left: -3.75rem;}
.zg_fix a{ font-size: .2rem; color: #fff; line-height: .52rem; height: .52rem; float: left;}
.zg_fix .zg_tel{ padding-left: 1.44rem; width: 2.3rem; border-right: 1px solid #4e4e4e; margin-top: .02rem; background: url(../images/sqxl_92.jpg) no-repeat 1.08rem center; background-size: .29rem .29rem;}
.zg_fix .zg_zixun{ padding-left: 1.22rem; width: 2.5rem; margin-top: .02rem; background: url(../images/sqxl_91.jpg) no-repeat .89rem center; background-size: .25rem .26rem;}

.zg_tc{ width: 100%; height: 100%; left: 0; top: 0; position:fixed; background: url(../images/sqxl_94.png); z-index: 25;}
.zg_tcnr{ width: 5.45rem; height: 7.25rem; position: absolute;left: 50%; top: 50%; margin: -3.65rem 0 0 -2.75rem;}
.zg_tcnr img{ display: block; width: 100%; height: 100%;}
.zg_tcnr span{ display: block; width:.48rem ; height: .48rem; top: 1.26rem; right: .76rem; position: absolute; cursor: pointer;}
.zg_tcnr a{ display: block; width: 1.68rem; height: .5rem; position: absolute; left: 1.83rem; bottom: .39rem;}