@charset "UTF-8";*{box-sizing:border-box}
body,html{padding:0;margin:0;min-height:100%}
html{-ms-overflow-style:scrollbar}
img{border:none;outline:0;max-width:100%;font-size:.16rem}
a{cursor:pointer;text-decoration:none}
a:active{outline:0}
a:focus{-moz-outline-style:none;outline:0}
ul{list-style:none}
li,ul{padding:0;margin:0}
h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;font-weight:400}
h1 a:active,h1 a:focus,h1 a:hover,h1 a:link,h2 a:active,h2 a:focus,h2 a:hover,h2 a:link,h3 a:active,h3 a:focus,h3 a:hover,h3 a:link,h4 a:active,h4 a:focus,h4 a:hover,h4 a:link,h5 a:active,h5 a:focus,h5 a:hover,h5 a:link,h6 a:active,h6 a:focus,h6 a:hover,h6 a:link,p a:active,p a:focus,p a:hover,p a:link{text-decoration:none}
h2{font-size:26px}
h3{font-size:20px}
h4{font-size:16px}
ol{padding:0 0 0 20px}
ol li{list-style-type:decimal;list-style-position:outside}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:"";display:block;clear:both}
.main{width:1000px;margin:0 auto}
.mr0{margin-right:0!important}
h2{text-align:center;font:700 .44rem/.64rem "microsoft yahei";color:#333}
.clearfix:after{content:"";display:table;clear:both;height:0}
body{font-family:"Microsoft YaHei","宋体";background-color:#f2f7fd;color:#333}
.container{width:100%;max-width:7.5rem;margin:0 auto}
.container:after{content:"";display:table;clear:both;height:0}
.hide{display:none!important}
.show{display:block!important}
a{transition:.1s all;text-decoration:none;color:#333}
.zx2{width:150px;height:auto;position:fixed;top:15%;right:0;padding:0;box-sizing:border-box;z-index:1000;display:block}
.zx2 .floatclosebtn{width:30px;height:30px;line-height:30px;padding:0 0 8px 1px;background:#ff384b;color:#fff;font-size:24px;cursor:pointer;text-align:center;margin:0;display:block;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;vertical-align:middle;position:absolute;top:-15px;left:-15px;z-index:1111;box-sizing:border-box}
.wp_footbar{width:100%;height:40px;background:#fff;position:fixed;z-index:100;left:0;right:0;bottom:0;color:#333;padding:0;border-top:1px solid #ccc;display:flex}
.footbar_item{flex:1;overflow:hidden;width:1%;height:40px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;color:333;font-size:13px}
.footbar_item:active{background:#eee}
.footbar_item.active{background:#f80036;color:#fff}
.footbar_item .wp_icon{display:inline-block;margin-right:6px;margin-top:3px;margin-bottom:0;vertical-align:top}
.footbar_item label{display:inline-block;vertical-align:top;line-height:40px}
.footbar_item .fpg{width:80%!important;display:block;margin:0 auto;float:none;background:0 0;border:1px solid #0f69ff!important;color:#0f69ff!important}
.buttonBox .button{display:block;float:left;height:.5rem;padding:0 .25rem;line-height:.48rem;border:1px solid #11d196;background-color:#fff;border-radius:100px;margin-right:.2rem;color:#2f2d2c;text-decoration:none;font-size:.2rem;overflow:hidden}
.buttonBox .button.active,.buttonBox .button:hover{background-image:url(../images/buttonBg.jpg);background-position:center;background-size:105% 3px;background-repeat:repeat-y;color:#fff;border-color:transparent}
.buttonBox .button.active:hover{background-image:none;background-color:#18d0c4}
.buttonBox img{float:left;height:.5rem}
.buttonBox .space{display:block;height:.2rem;clear:both}
.wp_fl{float:left}
.wp_fr{float:right}
.wp_icon{width:34px;height:34px;text-align:center;line-height:30px;font-size:16px;border-radius:5px;background:0 0;padding:5px;display:block;margin:5px 0}
.wp_icon img{width:24px;height:24px;display:block;margin:auto}
.wp_head{width:100%;height:44px;background:#fff;position:fixed;z-index:100;left:0;right:0;top:0;color:#333;padding:0 0;display:block}
.wp_title{position:absolute;font-size:17px;font-weight:700;line-height:44px;width:auto;text-align:center;white-space:nowrap;color:#000;right:90px;left:90px;height:44px}
.headlogo{width:auto;display:inline-block}
.headlogo img{height:auto;max-height:30px;display:block;margin:6px auto 0}
.wp_nav{width:100%;height:auto;padding:0 10px;background:#fff;display:inline-block;float:left;margin:0;display:none}
.wp_nav ul li:last-child{border-right:none}
.wp_nav ul{width:100%;height:auto;padding-top:0;margin-top:10px;margin-bottom:10px;display:block}
.wp_nav ul li{float:left;width:100%;height:auto;line-height:30px;background:#eee;margin-bottom:5px;padding:8px 10px;border-right:1px solid #ccc;border-left:2px solid #ccc;float:none;border-right:none;box-sizing:border-box}
.wp_nav ul li a{display:block;text-align:left;font-size:14px;line-height:14px}
.wp_ewm{width:130px;height:auto;padding:2px 0 5px;background:#fff;position:absolute;top:44px;left:0;display:none}
.wp_ewm img{width:120px;height:120px;display:block;margin:auto auto}
.wp_ewm p{line-height:17px;color:red;font-size:14px;text-align:center}
.wp_tel{width:120px;color:#000;position:absolute;left:0;top:44px;background:#fff;padding:2px 0 5px;display:none}
.wp_tel a{width:110px;display:block;text-align:center;line-height:22px;margin:0 auto;background:#0F69FF;color:#fff;border-radius:4px;padding:0 8px;font-size:13px}
.footer{width:100%;padding:.3rem .1rem;line-height:1.7;text-align:center;background:#302B27;font-size:.13rem;color:#fff;margin-top:0}
.footer p{margin:0}
.row{ width: 100%; max-width: 7.5rem; margin: 0 auto; }
/*top*/
.zghead{ height: 0.6rem; padding: 0.05rem 0.1rem; background: #fff; }
.zghead .zgtoplogo{ height: 100%; float: left; padding: 0.05rem 0rem; }
.zghead .zgtoplogo a{ display: block; height: 100%; }
.zghead .zgtoplogo a img{ height: 100%; display: block; }
.zghead .zgtopright{ height: 100%; float: right; font-size: 0.15rem; text-align: right; line-height: 0.5rem; }
.banner{ background:url(../images/bannerBg.jpg) no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; padding-bottom: 0.4rem; }
.banner .wrapper{position: relative; height: 100%; text-align: center; padding-top: 0.5rem;}
.banner h2:after{content:""; display: table; clear: both;}
.banner h2{margin-bottom: 0.4rem; font-size: 0px; text-align: center;}
.banner h2 img{ height: 1.2rem; display: inline-block; vertical-align: top; }
.banner h4{ width: 7rem; height: 0.62rem; line-height: 0.62rem; font-size: 0.28rem; color: #fff; background:url(../images/banh4bg.png) no-repeat center;
display: block;margin: 0px auto 0.3rem; font-size: 0.23rem; }
.banner h4 img{vertical-align: top;}
.banner h3 img{display: block; margin: 0 auto;}
.banner .person{position: absolute;right: 0; top: 50%; margin-top: -2.6rem;}
.banner ul{padding: 0px; font-size: 0px; text-align: center;}
.banner ul:after{content:""; display: table; clear: both;}
.banner li {position: relative; width: 1.4rem; color: #fff; font-size: 0.24rem; font-weight: bold; display: inline-block; vertical-align: top;
margin: 0px 0.1rem;}
.banner li img{ width: 100%; display: block; }
.zg_con01{background:url(../images/con1bg.jpg) no-repeat center top;-webkit-background-size: 100% auto; background-size: 100% auto;}
.zg_con01 .wrapper{padding: 0 .3rem;}
.zg_con01 .title{height: auto; padding-top: 0rem; text-align: center; color: #fff; background:url(../images/tlt01.png) no-repeat center; background-size: auto 100%;}
.zg_con01 .title h2{font-size: .3rem; font-weight: bold; color: #fff;}
.zg_con01 .title h2 span{display: inline-block;width: .4rem; animation:kq 1s infinite;}
.zg_con01 .title p{font-size: .28rem;}
.zg_con01 .box{margin-top: .36rem; background-color: #fff; border-radius: .15rem; box-shadow: 0 2px 4rem rgba(13,67,216,.11);}
.zg_con01 .box:after{content:""; display: table; clear: both;}
.zg_con01 .item{ width: 33.333%; float: left; padding: 0 .08rem; margin: .24rem 0; animation: breath 2s infinite;}
.zg_con01 .item h4{font-size: .3rem; font-weight: bold; text-align: center; color: #1536b8;}
.zg_con01 .item h4:after{content:""; display: table; clear: both;}
.zg_con01 .item h4 img{display: block; margin: 0 auto .14rem; width: .58rem;}
.zg_con01 .item .button{display: block; width: 100%; height: .33rem; margin: .14rem auto 0; border: 1px solid #1536b8; line-height: calc(.33rem - 2px); font-size: .28rem; border-radius: 100px; color: #1536b8; text-align:  center; background-color: transparent; transition: .3s;}
.zg_con01 .item .button.active,.zg_con01 .item .button:hover{border-color: transparent; background: transparent url(../images/buttonBg01.png) center 100% repeat-y; color: #fff;}
.c1answer{ width: 7.5rem; display: block; text-align: center; color: #fff; margin-left: -0.3rem; }
.c1answer .c1ancc img{ width: 100%; display: block; }
.c1answer .c1answerb{ width: 100%; height: auto; position: relative; background: #5551ec url(../images/c1answerbg.jpg) center top no-repeat;
 padding: 0.3rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.c1answer h2{ font-size: 0.34rem; font-weight: bold; line-height: 0.6rem; margin-bottom: 0.05rem; color: #fff; }
.c1answer .c1acp{ font-size: 0.28rem; line-height: 0.3rem; }
.answerlist{ width: 100%; font-size: 0px; text-align: center; position: relative; margin-top: 0.3rem; }
.answerlist li{ width:2rem; display: inline-block; vertical-align: top; text-align: center; margin: 0px 0.1rem; }
.answerlist li img{ width: 0.66rem; display: inline-block; margin-bottom: 0.15rem; }
.answerlist li h3{ font-size: .28rem; font-weight: bold; margin-bottom: .15rem; }
.answerlist li p{ font-size: .28rem; line-height: .35rem; }
.c1zxbtn{ background: #fff; display: inline-block; padding: 0px .4rem; line-height: .4rem; border-radius: .5rem; color: #033ee3; margin: 0.05rem; box-shadow: 0px .03rem 0px #033ee3;
transition: 0.3s all; font-size: 0.28rem; }
.c1zxbtn:hover{ background: transparent url(../images/buttonBg01.png) center 100% repeat-y; box-shadow: 0px .03rem 0px #b8b6ff; color: #fff; }
.zg_con01 .formBox{padding: .2rem .2rem .3rem; margin-bottom: .2rem; background-color: #fff; border-radius: .15rem; box-shadow: 0 2px 40px rgba(13,67,216,.11);}
.zg_con01 .formBox h3{font-size: .30rem; text-align: center; color: #000ba7; font-weight: bold; margin-bottom: .30rem;}
.zg_con01 .formBox .input_group_lg{position: relative;width: 50%; float: left; margin-bottom: .2rem; padding: 0 .2rem;}
.zg_con01 .formBox .input_group_lg.subBox{clear: both;float: none; width: 50%; margin: 0 auto;}
.zg_con01 .formBox .input_group_lg .inp{display: block; width: 100%; height: .42rem; padding: 0 .10rem; border-radius: 100px; border: 1px solid #555; background-color: #fff; font-size: .16rem;}
.zg_con01 .formBox .input_group_lg .yzmbtn{position: absolute; top: 1px; right: .21rem; padding: 0 .05rem; border-radius: 100px; background-color: #fff; font-size: .12rem; color: #333; line-height: calc(.42rem - 2px);}
.zg_con01 .formBox .input_group_lg .btn_sm{display: block; margin: 0 auto; width: 100%; height: .42rem; line-height: .42rem; border-radius: 100px; color: #fff; font-size: .16rem; border: none; background: url(../images/buttonBg02.png) repeat-x center;background-size: auto 100%; cursor: pointer;}
.zg_con02{}
.zg_con02 .wrapper{margin-top: .50rem; padding: 0 .3rem; background:url(../images/bg02.jpg) no-repeat center bottom; background-size: 100% auto;}
.zg_con02 .title{height: 1.24rem; padding-top: .35rem; text-align: center; background:url(../images/tlt02.png) no-repeat center; background-size: auto 100%;}
.zg_con02 .title h2{font-size: .3rem; font-weight: bold; color: #000ba7;}
.zg_con02 .title h2 span{display: inline-block; animation:kc 1s infinite;}
.zg_con02 .title p{font-size: .28rem; color: #393c4d;}
.zg_con02 .box{ padding: .43rem .27rem; background-color: #fff; border-radius: .15rem; box-shadow: 0 2px 4rem rgba(13,67,216,.11);}
.zg_con02 .box .list:after{content:""; display: table; clear: both;}
.zg_con02 .box .list{margin: .3rem 0; text-align: center; font-size: 0px;}
.zg_con02 .box .list li{ width: 1.58rem; height: 1.91rem; font-size: 0.26rem; color: #333; text-align: center; transition: .3s; display: inline-block;
background: transparent url(../images/courselibg.png) center no-repeat; padding: 0.4rem 0.2rem; line-height: 0.26rem; margin: 0px 0.15rem;
-webkit-background-size: 100% 100%; background-size: 100% 100%;}
.zg_con02 .box .list li:hover{margin-top: -0.1rem;}
.zg_con02 .box .list li img{ width: 0.6rem; display: block; margin: 0 auto 0.08rem;}
.zg_con02 .box .tabBox h3{width: 1.26rem; height: .32rem; margin-bottom: .2rem; line-height: calc(.32rem - 2px); border-radius: 100px; padding: 1px 1px 1px .15rem; 
	color: #fff;font-size: .15rem; font-weight: bold; background:url(../images/buttonBg02.png) repeat-x center; background-size: auto 100%; overflow: hidden;}
.zg_con02 .box .tabBox h3 span{float: right; width: .7rem; border-top-right-radius: 100px; border-bottom-right-radius: 100px; height: calc(.32rem - 2px); line-height: calc(.32rem - 2px); padding-right: .05rem; background-color: #fff; color: #000b9a; text-align: center;}
.zg_con02 .box .tabBox .tabTitle:after{content:""; display: table; clear: both;}
.zg_con02 .box .tabBox .tabTitle{margin-bottom: .2rem;}
.zg_con02 .box .tabBox .tabTitle li{width: calc(25% - .1rem); height: .32rem; padding: 1px; float: left; color: #fff; font-size: .14rem;margin-right: .1rem; margin-bottom: .1rem; line-height: calc(.32rem - 2px); text-align: center;border-radius: 100px;  background:url(../images/buttonBg02.png) repeat-x center; background-size: auto 100%; cursor: pointer;}
.zg_con02 .box .tabBox .tabTitle li span{display: block; height: calc(.26rem - 2px); color: #0a1667; width: 100%; background-color: #fff; border-radius: 100px; transition: .3s;}
.zg_con02 .box .tabBox .tabTitle li.active span,.zg_con02 .box .tabBox .tabTitle li:hover span{background-color: transparent; color: #fff;}
.zg_con02 .box .tabBox .tabTitle li+li{}
.zg_con02 .box .tabBox .tabContent .con{display: none;}
.zg_con02 .box .tabBox .tabContent .con.active{display: block;}
.zg_con02 .box .tabBox .tabContent .con h4{display: block; height: 0.5rem; padding: 0 0px 0 0.1rem; line-height: 0.5rem;font-size: 0.22rem; color: #000b9c;}
.zg_con02 .box .tabBox .tabContent .intro{padding: 0.15rem 0.35rem; border: 1px solid #6b43ff; border-top-left-radius: 0.15rem; border-top-right-radius: 0.15rem;}
.zg_con02 .box .tabBox .tabContent .intro span{width: 100%; line-height: 0.4rem; font-size: 0.18rem; color: #333; text-align: left; display: block; font-weight: bold;}
.zg_con02 .box .tabBox .tabContent .intro p{font-size: 0.15rem; line-height: 0.28rem;}
.zg_con02 .box .tabBox .tabContent .table{border-collapse: collapse; width: 100%; text-align: center;}
.zg_con02 .box .tabBox .tabContent .table th{padding: .15rem 0; font-size: .14rem; font-weight: bold; color: #fff; background: #524efd; box-shadow: -0.1rem 0px 0.08rem #4440f7;}
.zg_con02 .box .tabBox .tabContent .table td{padding: .15rem 0; font-size: .14rem; border: 1px solid #000b9a;}
.zg_con02 .box .tabBox .tabContent .table td .button{display: block; width: 1rem; height: .3rem; margin: 0 auto; border: 1px solid #000b9a; line-height: .30rem; color: #000b9a; font-size: .12rem;border-radius: 100px; transition: .3s;}
.zg_con02 .box .tabBox .tabContent .table td .button:hover{ background:transparent url(../images/buttonBg02.png) repeat-x center; background-size: auto 100%; color: #fff; border-color: transparent}
.zg_con02 .box .tabBox .tabContent .table td .zixun{display: block;width: .8rem;height: .3rem; margin: 0 auto; border: 1px solid #000b9a; line-height: .30rem; color: #000b9a; font-size: .12rem;border-radius: 100px; transition: .3s;}
.zg_con02 .box .tabBox .tabContent .table td .zixun:hover{ background:transparent url(../images/buttonBg02.png) repeat-x center; background-size: auto 100%; color: #fff; border: none;}
.zg_con02 .contact{position: relative;height: 1.37rem; margin-top: .30rem; padding-right: 2.1rem; padding-top: .35rem; text-align: center; color: #fff;
 background:url(../images/zxBg.png) no-repeat center; background-size: 7.2rem; color: #fff; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.zg_con02 .contact h3{font-size: .24rem;}
.zg_con02 .contact h2{font-size: .28rem; line-height: .35rem;color: #fff;}
.zg_con02 .contact .button{position: absolute; right: 1.20rem; top: .40rem; width: 1.20rem; height: .47rem; border: 2px solid #fff; color: #fff; line-height: calc(.43rem - 4px); font-size: .18rem; font-weight: bold; text-align: center; border-radius: 100px; transition: .3s;}
.zg_con02 .contact .button:hover{background-color: #fff; color: #102d93;}
.zg_con03{}
.zg_con03 .wrapper{padding-top: .5rem; background:url(../images/bg03.jpg) no-repeat center top; background-size: 100% auto;}
.zg_con03 .title{height: 1.24rem; padding-top: .35rem; text-align: center; background:url(../images/tlt03.png) no-repeat center; background-size: auto 100%;}
.zg_con03 .title h2{font-size: .3rem; font-weight: bold; color: #000ba7;}
.zg_con03 .title h2 span{display: inline-block; animation:bk 1s infinite;}
.zg_con03 .title p{font-size: .11rem; color: #393c4d;}
.zg_con03 .itemBox{display: -webkit-flex;display: -ms-flex;display: flex; margin-top: .34rem; padding: 0 .8rem;overflow: hidden; flex-wrap: wrap; justify-content: space-around;}
.zg_con03 .item{float: left; width: 2.5rem; margin: .1rem; padding: .28rem .16rem; background-color: #fff; box-shadow: 0 0 .2rem rgba(0,10,180,.5)}
.zg_con03 .item h3{padding-left: .8rem; margin-bottom: .25rem; font-size: .14rem; font-weight: bold; color: #313447;}
.zg_con03 .item h3 span{display: block; margin-bottom: .05rem; font-size: .18rem; color: #000ba7; font-weight: bold;}
.zg_con03 .item h3 img{float: left; margin-left: -.80rem; margin-top: .05rem; height: .44rem;}
.zg_con03 .item .subTlt{height: .53rem; margin:0 -.16rem; color: #fff; background:url(../images/glTltBg.png) no-repeat center left; background-size: auto 100%;}
.zg_con03 .item .subTlt span{display: block; float: left; width: .49rem; padding: .06rem 0; margin-top: -.12rem; text-align: center; font-size: .14rem;}
.zg_con03 .item .subTlt span i{display: block; font-size: .16rem; font-weight: bold;}
.zg_con03 .item .subTlt{font-size: .20rem; font-weight: bold; text-align: center; padding: .12rem 0; padding-right: .50rem;}
.zg_con03 .item ul{position: relative;padding: .30rem 0;}
.zg_con03 .item li{position: relative; font-size: .13rem; padding-left: .25rem; background: transparent url(../images/glPoint.png) center left no-repeat; background-size: .11rem}
.zg_con03 .item ul:before{content:""; position: absolute; left: .05rem; top: 50%; height: .61rem; width: 1px; margin-top: -.30rem; background-color: #0e25b6;}
.zg_con03 .item li+li{margin-top: .1rem;}
.zg_con03 .item .button{display: block; width: 1.20rem; height: .34rem; margin: 0 auto; line-height: .32rem; font-size: .16rem;text-align: center; color: #0d22b4; border: 1px solid #0e25b6; background-color: transparent; border-radius: 100px; transition: .3s;}
.zg_con03 .item .button:hover{background-color: #0d22b4; color: #fff;}
.zg_con03 .contact{position: relative;height: 1.37rem; margin-top: .30rem; padding-right: 2.1rem; padding-top: .35rem; text-align: center; color: #fff; background:url(../images/zxBg.png) no-repeat center; background-size: 7.2rem; color: #fff;}
.zg_con03 .contact h3{font-size: .18rem;}
.zg_con03 .contact h2{font-size: .28rem; line-height: .35rem;color: #fff;}
.zg_con03 .contact .button{position: absolute; right: 1.20rem; top: .40rem; width: 1.20rem; height: .47rem; border: 2px solid #fff; color: #fff; line-height: calc(.43rem - 4px); font-size: .18rem; font-weight: bold; text-align: center; border-radius: 100px; transition: .3s;}
.zg_con03 .contact .button:hover{background-color: #fff; color: #102d93;}
.title{ width: 100%; display: block; position: relative; text-align: center; z-index: 5; padding-top:0.4rem; margin-bottom: 0.4rem; }
.title i{ font-style: normal; font-size: 0.6rem; line-height: 0.7rem; font-weight: bold; text-align: center; color: #999; opacity: 0.1; display: block; position: absolute;
top: 0px; left: 0px; width: 100%; z-index: 1; filter: alpha(opacity=10); }
.title h2{ font-size: 0.32rem; line-height: 0.45rem; color: #333; font-weight: normal; z-index: 5; }
.title strong{ font-weight: bold; color: #000; }
.red{ color: #fd0d3a !important; }
.yellow{ color: #ffde00 !important; }
.zgcon5{ height: auto; background:#e6f3fd; padding-bottom: 0.1rem; }
.msn-focus{
  width: 100%;
  margin-bottom: 0.2rem;
  padding: 0px 0.1rem;
  box-sizing: border-box;
}
.offcn-rtab{
    text-align: center;
  height:0.55rem;
  width:100%;
  position:relative;
  z-index:99;
  border-bottom: 0.02rem solid #ffac28;
}
.offcn-rtab li{
  cursor:pointer;
  width: 25%;
  float:left;
    display:block;
    padding: 0 0.16rem;
    font: 0.28rem/0.5rem "Microsoft YaHei";
    color: #333;
}
.offcn-rtab li.on{
  font-weight:bold;
  color:#f7594e;
  font-size:0.28rem;
  border-bottom:0.04rem solid #f7594e;
}
.tabconten li .tabc img{ width: 100%; display: block; }
.footzxbtn{
  display: block;
  margin: 0.2rem auto;
  width: 1.7rem;
  height: 0.5rem;
  background: #ff3f48;
  color: #fff;
  border-radius:0.5rem;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.28rem;
}
.tabc img{ width: 100%; display: block; }
.offcn-rinfo{
  background: url(../images/whitebg.png) repeat center;
  width:100%;
  padding:0.2rem 0.3rem;
  position:relative;
  margin-top: 0.1rem;
}
.offcn-rinfo img{
  width:100%;
  height:auto;
  display: block;
}
@keyframes breath {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1)
  }
  50% {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
  }
  100% {
  -webkit-transform:scale(1);
  transform:scale(1)
  }
}
@keyframes kq {
  0%{transform: scale(1)}
  50%{transform: scale(1.3)}
  0%{transform: scale(1)}
}
@keyframes kc {
  0%, 100%, 20%, 50%, 80% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
  }
  40% {
  -webkit-transform:translateY(-.14rem);
  transform:translateY(-.14rem)
  }
  60% {
  -webkit-transform:translateY(-.07rem);
  transform:translateY(-.07rem)
  }
}
@keyframes bk {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1)
  }
  10%, 20% {
  -webkit-transform:scale(0.9) rotate(-3deg);
  transform:scale(0.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
  -webkit-transform:scale(1.1) rotate(3deg);
  transform:scale(1.1) rotate(3deg)
  }
  40%, 60%, 80% {
  -webkit-transform:scale(1.1) rotate(-3deg);
  transform:scale(1.1) rotate(-3deg)
  }
  100% {
  -webkit-transform:scale(1) rotate(0);
  transform:scale(1) rotate(0)
  }
}
.zg_kbtab { width: 100%; margin-top: .17rem; }
.zg_kbtab th { white-space: nowrap;background: #ededed; text-align: center; line-height: 0.6rem; border: 1px solid #ededed; font-size: 0.2rem; color: #333; }
.zg_kbtab tr th:nth-child(5n) {
  width: 15%;
}
.zg_kbtab td { padding: 0.15rem 0.05rem; text-align: center; line-height: 0.3rem; font-size: 0.18rem; color: #fff; border: 1px solid #E0E0E0; color: #333; }
.zg_kbtab td a{ display: inline-block; margin: 0  auto; padding: .1rem .15rem; font-size: 0.2rem; line-height: 0.48rem; color: #fff; text-align: center; background:#FF5D5C; border-radius: .24rem; }
/*弹窗*/
.zg_xf {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  background: #fff;
  padding: 20px;
  border: 1px solid #aeaeae;
  z-index: 9999;
  font-size: .26rem;
}
.zg_xf span {
  display: block;
  background: #ddd;
  line-height: 40px;
  margin-bottom: 15px;
  padding: 0 26px;
  font-weight: bold;
  font-size: .26rem;
  width: max-content;
}
.zg_xf a {display: inline-block;*display:inline;zoom: 1;float: left;line-height: .7rem;width: 25%;text-align: center;color: #2d374b;}
.zg_xf em {display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 0;text-align: center;line-height: 10px;font: bold 18px/30px Arial, Helvetica, sans-serif;cursor: pointer;}
/*弹窗样式*/
.zg_cover {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;z-index: 9999;
}
ul.tit::after,div.tit::after {
  content: "";
  display: block;
  clear: both;
  margin-bottom: 20px;
}
ul.tit li,div.tit a {
  display: block;
  width: .9rem;
  height: .52rem;
  line-height: .52rem;
  text-align: center;
  font-size: .26rem;
  border-radius: 6px;
  font-weight: bold;
  float: left;
  margin: 6px 9px;
  cursor: pointer;
  border: .02rem solid #e24f4e;
  color: #e24f4e;
}
ul.tit li.on {
  background: #e24f4e;
  color: #fff;
}
.qiehuan .content table {
  display: none;
}
.qiehuan .content table.active {
  display: table;
}
/*footer*/
.zg_foot{
  width:100%;
  background:#272525;
}
.zg_foot_nr{
  margin:0 auto;
  width:7.5rem;
  background:#272525;
  padding:30px 0;
  text-align:center;
  color:#b5b5b5;
  line-height:28px;
  font-size: .24rem;
}
.zg_foot_nr a{
  color:#b5b5b5;
}
/*表单*/
.zg_form {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0.4rem 0;
    width: 7rem;
    text-align: center;
    border-radius: 20px;
    background: #ffffff;
    z-index: 9999999;
}
.close {
    width: 0.4rem;
    position: absolute;
    right: 0;
    top: -0.5rem;
    cursor: pointer;
}
.zg_form .zg_form_list {
    padding-left: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.15rem;
    width: 90%;
    height: 0.66rem;
    border-radius: 0.1rem;
    border: 1px solid #cccccc;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.zg_form .zg_form_list:nth-of-type(1) {
    background: url(https://www.zgsydw.com/zhuanti/2021kcjz/mobile/img/icon3.png) no-repeat left 0.2rem center #ffffff;
    background-size: 0.3rem 0.3rem;
}
.zg_form_list:nth-of-type(2) {
    background: url(https://www.zgsydw.com/zhuanti/2021kcjz/mobile/img/icon4.png) no-repeat left 0.2rem center #ffffff;
    background-size: 0.3rem 0.3rem;
}
.zg_form_list:nth-of-type(3) {
    background: url(https://www.zgsydw.com/zhuanti/2021kcjz/mobile/img/icon5.png) no-repeat left 0.2rem center #ffffff;
    background-size: 0.3rem 0.3rem;
}
.zg_form_list:nth-of-type(4) {
    background: url(https://www.zgsydw.com/zhuanti/2021kcjz/mobile/img/icon2.png) no-repeat left 0.2rem center #ffffff;
    background-size: 0.3rem 0.3rem;
}
.zg_form_list select {
    width: 100%;
    font-size: 0.2rem;
    color: #080808;
    height: 0.66rem;
    line-height: 0.66rem;
    padding: 0 0.2rem 0 0;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(https://www.zgsydw.com/zhuanti/2021kcjz/mobile/img/icon.png) no-repeat;
    background-size: 0.1rem 0.05rem;
    background-position: right 0.15rem center;
    box-sizing: border-box;
    border: none;
    text-align: left !important;
}
.zg_form_list input {
    width: 100%;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.66rem !important;
    text-align: left !important;
    padding: 0 0.2rem 0 0;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.zg_form_list input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #a7a9aa;
}
.zg_form_list input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #a7a9aa;
}
.zg_form_list input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #a7a9aa;
}
.zg_form_list input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #a7a9aa;
}
.zg_obtain {
    position: absolute;
    right: 0.15rem;
    font-size: 0.18rem;
    color: #da3e3c;
    line-height: 0.66rem;
}
.zg_form_last {
    margin: 0 auto 0.5rem;
    position: relative;
    width: 90%;
    height: 0.66rem;
    padding-top: 0.1rem;
    text-align: center;
}
.zg_btn {
    margin: 0 auto;
    width: 100%;
    height: 0.66rem;
    line-height: 0.66rem;
    font-size: 0.3rem;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.33rem;
    cursor: pointer;
    letter-spacing: 2px;
    -moz-box-shadow: 0px 6px 0px #f9e6e1;
    -webkit-box-shadow: 0px 6px 0px #f9e6e1;
    box-shadow: 0px 6px 0px #f9e6e1;
    background-image: linear-gradient(to bottom, #e45a1e, #d44421);
    border: none;
    outline: none;
}
.zg_form p {
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.3rem;
    text-align: center;
}
.zg_form_last:after {
    content: '';
    position: absolute;
    top: 0;
    left: -0.3rem;
    width: 0.3rem;
    height: 0.76rem;
    color: #fff;
    background: #FFFFFF;
    z-index: 0;
    opacity: 0.2;
    -webkit-transform: skew(-25deg);
    transform: skew(-25deg);
    -webkit-animation: dianji 1.4s ease-out infinite forwards;
    -moz-animation: dianji 1.4s ease-out infinite forwards;
    -o-animation: dianji 1.4s ease-out infinite forwards;
    animation: dianji 1.4s ease-out infinite forwards;
}
@-webkit-keyframes dianji {
    from {
        left: -0.3rem;
    }
    to {
        left: 100%;
    }
}
@keyframes dianji {
    from {
        left: -0.3rem;
    }
    to {
        left: 100%;
    }
}
.zg_cjcx_form {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
    display: none;
}
.zg_cjcx_form h3 {
    font-size: 0.3rem;
    color: #688e30;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.3rem;
}
.zg_cjcx_form h3 span {
    font-size: 0.3rem;
    color: #333333;
}
.policy_label span {
    font-size: .26rem !important;
}
/* 隐私政策确认 */
.policy_label{display: block;width:100% !important;cursor: pointer;margin:.2rem auto;line-height: .14rem !important}
.policy_label input{height:0.28rem !important;width:0.28rem !important;vertical-align: middle;-webkit-appearance: checkbox;}
.policy_label span{display: inline !important;vertical-align: middle;font-size:0.24rem;line-height: .14rem !important }
.policy_label span a{font-size: 0.24rem;color:#1579D7; }
.policy_label span a:hover{text-decoration:underline;}
.policy_label input,.policy_label span a{display: inline !important; margin:0 !important; padding:0 !important;}