﻿@charset "utf-8";

/* CSS Document */



* {margin:0;padding:0;font-family:'微软雅黑';}

html,body {font-size:12px;font-family:'微软雅黑';min-width:320px;max-width:750px;margin:0 auto;}

html{background:url(../images/bg_box.png) repeat-x 0 0 #f5f5f5!important;background-size:auto 2.5rem;}

.page {display:-webkit-box;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-pack:justify;}

ul,ol,ul li,li,dl,dt,dd {list-style:none;}

table{border-collapse:collapse;border-spacing:0;} 

.fl {float:left}

.fr {float:right}

.hide {display:none}

.show {display:block}

.ellipsis {white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.break {word-break:break-all;word-wrap:break-word}

header,footer,article,section,nav,menu,hgroup {display:block;clear:all}

.clearfix:after {content:" ";display:block;clear:both;height:0;}

.clearfix {zoom:1;}

a {color:#333;text-decoration:none;}

body {position:relative;margin:0 auto;max-width:750px;min-width:320px;}

.zg_mainbox {width:100%;min-width:320px;max-width:750px;margin:0 auto;overflow: hidden;}

section {margin-top:2.8%;/*margin-left:.18rem;margin-right:.18rem;*/border-radius:.24rem;background:#fff;padding-top:1.4%;}

.f-cb:after {content:" ";display:block;clear:both;height:0;}

.f-cb {zoom:1;}





/*头部*/

header {width:100%;max-width:750px;z-index:9;background:#e62929;height:.9rem;position:relative;}

header a,header b {display:block;}

.zg_ksxm { width: 100%; height: auto; text-align: center; font-size: .36rem; color: #fff; padding: 2% 0; }

.zg_ksxm a { font-size: .36rem; color: #fff; display: inline-block; width: auto; margin: 0 auto; }

.zg_fenxiao {font-size:.26rem;line-height:1.7;border:1px solid #fff;border-radius:2rem;color:#fff;position:absolute;left:3%;width:1.1rem;top:25%;padding-left:3%;box-sizing:border-box;}

.zg_logo {width:100%;height:auto;text-align:center;padding:.14rem 0;}

.zg_logo a {width:50%;margin:0 auto;}

.zg_logo .logo1 { font-size: .3rem;color:#fff;font-weight:bold;line-height:1.2;display:block;}

.zg_logo .logo2 { font-size: .24rem; color:#fff;line-height:1.2;display:block;}



.logo_box{width: 4.84rem;text-align: center;font-size: 0;margin: 0 auto;}

.logo{display: inline-block;color: white;font:0.28rem/0.3rem "微软雅黑";font-weight: bold;margin-top: 0.26rem;}

.logo span{font-size:0.2rem;line-height:1;display: block;}

.zg_topr {position:absolute;right:0%;top:21%;width:30.5%;}

.zg_liebiao {float:right;margin-right:12%;font-size:.26rem;line-height:1.7;border:1px solid #fff;border-radius:.2rem;color:#fff;width:40%;padding-left:6%;z-index:30;}

.zg_fir {display:inline-block;width:20%;margin-left:4%;}

.zg_sec {display:inline-block;display:none;width:20%;margin-left:4%;}



.zg_btnr {position:absolute;width:.39rem;height:.4rem;background:url(../images/new_nav_right.png) no-repeat;background-size:100% 100%;right:.19rem;top:.25rem;}





/*底部*/

footer {margin:2.8% 0;width:100%;background:#fff;padding:4.1% 0 1.2rem;}

footer p {width:100%;text-align:center;}

footer a {display:inline-block!important;}

footer p:first-child a { margin: 0 2%; }

footer p,footer a {font-size:.22rem;line-height:1;color:#999;padding:1% 0;}

/*底部悬浮框*/

.zg_bot {width:7.5rem;min-width:320px;margin:0 auto;height:1rem;position:fixed;bottom:0;z-index:11;background:#fff;border-top:1px solid #eee;left:50%;margin-left:-3.75rem;}

.zg_botul {width:7.02rem;margin:0 auto;}

.zg_botul li {float:left;text-align:center;padding:.13rem 0 0;height:.91rem;box-sizing:border-box;}

.zg_botul li:nth-child(1) {width:1.28rem;}

.zg_botul li:nth-child(2) {width:1.91rem;padding-left:.51rem;}

.zg_botul li:nth-child(3) {width:2.4rem;}

.zg_botul li:nth-child(4) {width:1.32rem;}

.zg_botul a {display:inline-block;padding-top:.4rem;font-size:.2rem;line-height:.46rem;color:#666;background:url(../images/new_bottb1.png) no-repeat center top;background-size:.48rem .42rem;}

.zg_botul li:nth-child(2) a {background-image:url(../images/new_bottb2.png);}

.zg_botul li:nth-child(3) a {background-image:url(../images/new_bottb3.png);}

.zg_botul li:nth-child(4) a {background-image:url(../images/new_bottb4.png);}

.zg_botul a:hover,.zg_botul a:active {color:#f00;}





.zg_redbot.zg_bot{width:7.5rem;min-width:320px;margin:0 auto;height:1.2rem;position:fixed;bottom:0;z-index:11;background:#fff;box-shadow: 0 0 .2rem rgba(238,238,238,.8);left:50%;margin-left:-3.75rem;}

.zg_redbot .zg_botul{width:100%;margin:0 auto;}

.zg_redbot .zg_botul li{float:left;text-align:center;padding:.13rem 0 0;height:1rem;box-sizing:border-box;}

.zg_redbot li:nth-child(2){width:1.7rem; margin-left: .2rem;}

.zg_redbot li:nth-child(1){width:1.58rem; border-radius: 0 .48rem .48rem 0;   background: #f24443; padding-top:.07rem!important; }

.zg_redbot li:nth-child(3){width:1.7rem;}

.zg_redbot li:nth-child(4){width:2.3rem;}

.zg_redbot .zg_botul a{display:inline-block;padding-top:.4rem;font-size:.2rem;line-height:.46rem;color:#666;}

.zg_redbot li:nth-child(2) a{background:url(../images/index_2020_icon1.png) no-repeat center top;background-size:.35rem .34rem;}

.zg_redbot li:nth-child(1) a{background:url(../images/index_2020_icon41.png) no-repeat center top;background-size:.5rem .54rem;color:#fff; position: relative; width:100%;padding-right: 10%; box-sizing: border-box; padding-top: .45rem;;}

.zg_redbot li:nth-child(1)  em { position: absolute;width:.1rem; height:.18rem; background:url(../images/index_2020_icon42.png) no-repeat center top;background-size:.1rem .18rem; top:.35rem; right:.2rem;; }

.zg_redbot li:nth-child(3) a{background:url(../images/index_2020_icon2.png) no-repeat center top;background-size:.32rem .34rem;}

.zg_redbot li:nth-child(4) a{background:url(../images/index_2020_icon3.png) no-repeat center top;background-size:.34rem .34rem;}

.zg_botul a:active{color:#f00;}









/*返回顶部*/

.zg_trtop {width:.95rem;height:.95rem;position:fixed;right:0;bottom:8.5%;z-index:50;}

.zg_trtop img {width:100%}





/*顶部弹框样式*/

.zgtk_top,.zgtk_bot {width:100%;height:100%;overflow-y:scroll;max-width:750px;min-width:320px;position:fixed;top:0;z-index:12;background:#fff;display:none;padding-top:.88rem;}

.zgtk_top>p:last-child{margin-bottom:.88rem;}

.zgtk_bt {height:.88rem;border-bottom:1px solid #E0E0E0;text-align:center;font-size:.3rem;max-width:750px;min-width:320px;line-height:.88rem;color:#333; position: fixed; top:0; left:50%;transform: translateX(-50%); width: 100%; background: #fff;}

.zg_goback {display:block;width:.8rem;text-align:center;font-size:0;line-height:.88rem;color:#666;font-family:'宋体';position:absolute;left:0;top:0;z-index:1;background:url(../images/go_back.png) no-repeat;background-size:100% 100%;}

.zg_new_yjname {font-size:.3rem;line-height:3;color:#e62929;padding:0.33em 2.7%;}

.zg_zgnew_fold,.zg_zgnew_unfold {display:inline-block;float:right;font-size:.28rem;line-height:1;width:6em;height:2em;background:url(../images/zg_cbgff1.png) no-repeat 5em center;background-size:.14rem .24rem;margin-top:0.5em;}

.zg_new_yjname span,.zgnew_yjlm {font-size:.3rem;line-height:3;color:#e62929;display:inline-block;background:url(../images/yiji_open.png) no-repeat left center;background-size:1em 1em;padding-left:.5rem;padding-right: 1.3rem;}

.zgnew_yjlm.on {background:url(../images/new_close.jpg) no-repeat left center;background-size:1em .6em;}

.zgnew_h2_name {background:url(../images/erji_left1.png) no-repeat 3% center #F7F7F7;background-size:.85em .85em;padding:0 2.7% 0 8.3%;font-size:.28rem;line-height:2.8;color:#9c9c9c;}

.zgnew_h2_name1,.zgnew_h2_name:nth-of-type(2) {background-image:url(../images/erji_left2.png);}

.zgnew_h2_name2,.zgnew_h2_name:nth-of-type(3) {background-image:url(../images/erji_left3.png);}

.zgnew_h3_all {padding:0 0 0 2.7%;font-size:0;}

.zgnew_h3_all a {display:inline-block;box-sizing:border-box;border:1px solid #D6D6D6;text-align:center;min-width:5.9em;font-size:.26rem;line-height:2.8;color:#666;margin:0 .57em .7em 0;padding:0 .2em;}

.zgnew_h3_all a:nth-child(-n+4) {margin-top:.7em;}

.zgnew_h3_all a:hover,.zgnew_h3_all a:hover {background:#F6F6F6;}

.zgnew_h2_name a:hover,.zgnew_h2_name a:hover {color:#e53839;}

.zgtk_bot .zgnew_h2_name,.zgtk_bot .zgnew_h3_all {display:none;}



/*一行五个图标样式*/

.zg_nvul { width:7.02rem ; margin:0 auto;flex-flow:row wrap;-webkit-flex-flow:row wrap;display:flex;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;flex-flow:row wrap;-webkit-flex-flow:row-wrap;-moz-flex-flow:row wrap;-o-flex-flow:row wrap;-ms-flex-flow:row wrap;}

.zg_nvul li {list-style:none; width:20%; margin-bottom: .1rem; text-align:center;}

.zg_nvul li img,.zg_btn ul li img{display:block;margin:0 auto .15rem;width:.9rem;height: auto;}

.zg_nvul a,.zg_btn ul li a{display:block;color:#666;font-size:.24rem;line-height:2;text-decoration:none; text-align: center; }

.zg_nvul a {color:#666;font-size:.24rem;text-decoration:none;}





/*一行四个图标样式*/

.zg_fourIoc{padding:0 0.18rem .07rem;}

.zg_fourIoc li{ width:25%; text-align: center; margin-bottom:.2rem;}

.zg_fourIoc img{ width:.8rem; height: .8rem; margin:0 auto .05rem;}

.zg_fourIoc span{ display: block; text-align: center; font-size:.24rem; line-height: .44rem; color:#333;}





/* 省站移动端底部导航栏5个按钮 */

.zg_bot5 {width:7.5rem;min-width:320px;margin:0 auto;height:1rem;padding-top:.49rem;position:fixed;bottom:0;z-index:11;background:url(../images/zg_bot5bg.png) no-repeat center bottom;background-size:7.5rem 100%; left:50%;margin-left:-3.75rem;}

.zg_bot5ul {width:7.5rem;margin:0 auto;display:flex;justify-content: space-between;}

.zg_bot5ul li{text-align:center;padding:.13rem 0 0;width:20%;height:1rem;box-sizing:border-box;}

.zg_bot5ul a{display:inline-block;padding-top:.4rem;font-size:.2rem;line-height:.46rem;color:#333;white-space:nowrap;}

.zg_bot5ul .zg_bottb3{position: relative;}

.zg_bot5ul .zg_bottb3 a{display:block;width:100%;position: absolute;top:-.28rem;left:50%;transform: translateX(-50%); padding-top:.82rem;z-index:2;}

.zg_bot5ul .zg_bottb3 em{position: absolute;top:-.28rem;left:50%;margin-left:-.4rem; display:block;width:.8rem;height:.8rem;background:#E60012;border-radius:.4rem;}

.zg_bot5ul .zg_bottb3 em::after{content:"";position: absolute;left:0;top:0; width:.8rem;height:.8rem;background:url(../images/index21_5icon_3.png) no-repeat center center;background-size:.8rem; animation: rnds 6s ease-out 0s infinite; }

@keyframes rnds{ 0%{transform:rotate(0deg) scale(1);} 2%{transform:rotate(-15deg) scale(1);} 4%{transform:rotate(15deg) scale(1);} 6%{transform:rotate(-15deg) scale(1.2);} 8%{transform:rotate(15deg) scale(1.2);} 10%{transform:rotate(-15deg) scale(1.2);} 12%{transform:rotate(15deg) scale(1.2);} 14%{transform:rotate(-15deg) scale(1.2);} 16%{transform:rotate(15deg) scale(1.2);} 18%{transform:rotate(-15deg) scale(1.2);} 20%{transform:rotate(15deg) scale(1.2);} 22%{transform:rotate(0deg) scale(1);} 100%{transform:rotate(0deg) scale(1);} }

.zg_bot5ul .zg_bottb1{background:url(../images/index21_5icon_1.png) no-repeat center .1rem;background-size:.48rem;}

.zg_bot5ul .zg_bottb2{background:url(../images/index21_5icon_2.png) no-repeat center .1rem;background-size:.48rem;}

.zg_bot5ul .zg_bottb4{background:url(../images/index21_5icon_4.png) no-repeat center .1rem;background-size:.48rem;}

.zg_bot5ul .zg_bottb5{background:url(../images/index21_5icon_5.png) no-repeat center .1rem;background-size:.48rem;}

@media (max-width: 320px){

  .zg_bot5ul li a{transform: scale(0.8);padding-top:.48rem;}

  .zg_bot5ul .zg_bottb3 a{transform: translateX(-50%) scale(0.8);padding-top:.94rem;}

  .zg_bot5ul .zg_bottb4 a{text-indent:-8px;}

}

