@charset "utf-8";
body{padding:0;margin:0;font-family:"Microsoft YaHei";color:#333;background:#fff;min-width:320px;max-width: 640px;font-size: 16px;margin: 0 auto;}
ol,ul{list-style:none;}
img{vertical-align:top;display:block;border:none;}
a{color:#333;cursor:pointer;text-decoration:none;}

.banner{min-width:100%;width:100%;position:relative; overflow: hidden;}
.banner img{width:100%;}

.zg_con1{background: #f1f1f3;text-align: center;}
.zg_con1_bg1{background: #f1f1f3;padding: 5% 2% 1px;}
.zg_con1_bg2{background: #0f1015;padding: 1% 2% 5%;}
.zg_con2{background: url(../images/zg_bg2.jpg) no-repeat center;text-align: center;padding: 5% 2%;}
.pg3{background: #000;text-align: center;padding: 5% 2%;}
.pg4{text-align: center;margin: 5% auto;width: 96%;}
.pg5{text-align: center;padding: 5% 2%;background-size: auto 100%;background: #f1f1f3;}
.pg6{background: url(../images/bg6.jpg) top center no-repeat #f8f8f8;text-align: center;padding: 5% 2%;}
.pg7{background: black;text-align: center;padding: 5% 2%;}
.pg8{background: #150522;text-align: center;padding: 5% 0;}

.tit_h2{font-size: 0.3rem;line-height: 1.2em;font-weight: normal;margin: 0 auto 0.2em;width: 100%;}
.tit_p{font-size: 0.17rem;line-height: 1.6em;margin: 0 auto 0.2em;text-align: left;text-indent: 2em;}
.ljzx{display: inline-block;width: 3rem;height: 0.6rem;line-height: 0.6rem;text-align: center;color: #fff;font-size: 0.22rem;margin: 0;border-radius: 0.4rem;background: linear-gradient(to right, #3e56ff , #8d11ff);}
.ljzx:hover{color:#00fef1;}

.zg_con2_li{width: 49%;margin: 1% 0;position: relative;cursor: pointer;background: #6d74ff;color: white;border-radius: 0.1rem;overflow: hidden;}
.zg_con2_li.no{margin-right: 0;}
.zg_con2_li_c{text-align: center;padding-top: 0.15rem;}
.zg_con2_c{margin: 3% auto;padding: 0;display: flex;justify-content: space-between;}
.zg_con2_li_c{position: relative;width: 100%;background: white;overflow: hidden;opacity: 1;box-sizing: border-box;padding: 68% 0 0 0;}
.zg_con2_li_c img{position: absolute;left: 0;top: 0;}
.zg_con2_li span{display: block;background: url(../images/yuan.png) no-repeat center/100%;width: 1.02rem;height: 1.02rem;text-align: center;line-height: 0.7rem;color: #fff;font-size: 0.24rem;position: absolute;left: 0;top:1.7rem;z-index: 1;}
.zg_con2_li h6{bottom: 0;text-align: center;font-size: 0.24rem;font-weight: normal;color: #fff;margin: 0.5rem 0 0;background: #6d74ff;line-height: 1.6em;}
.zg_con2_c .zg_con2_p{background: white;width: 100%;left: 0;top:0;transition: all .5s 0s;}
.zg_con2_li p{font-size: 0.17rem;text-align: left;line-height: 0.3rem;width: 90%;margin: 0 auto 0.2rem;}
.con2_a {border-width: 1px;border-color: rgb(246, 255, 1);border-style: solid;font-weight: bold;box-sizing: border-box;display: inline-block;width: 3rem;height: 0.6rem;line-height: 0.6rem;text-align: center;color: #fff;font-size: 0.22rem;margin: 0;border-radius: 0.4rem;}
.con2_a:hover{border:none;background: #ffffff;color: #2081E2}
 
.zg_con3_c{margin: 3% auto;overflow: hidden;padding: 0;display: flex;justify-content: space-between;background: #0f1015;}
.zg_con3_c li{width: 49%;margin: 1% 0;}
.zg_con3_c li img{width: 100%;}
.zg_con3_c li.no{margin-right: 0;}
.zg_con3_c li p{border: 1px solid rgb(0, 37, 148);border-radius: 0.03rem;background-color: rgb(30, 44, 71);width: 100%;margin-top: 0.16rem;color: #a5b8dd;padding: 0.1rem 0.15rem;font-size: 0.14rem;line-height: 0.24rem;margin: 0.18rem 0 0;box-sizing: border-box;text-align: left;}
.zg_con3_c li p span{color: #fff601;}

.con1 {margin: 3% auto;}
.con1 img{margin: 0 auto;width: 100%;}
.con1 ul{padding: 0;display: flex;justify-content: space-between;}
.con1 div{width: 61.2%;margin: 0 auto;}
.con1 li{font-size: 0.2rem;display: inline-block;width: 1.6rem;color: white;}


.xh_box5{margin: 3% auto;display: flex;justify-content: space-between;}
.xh_box5 .xh_box5_ri{box-sizing: border-box;padding: 0;width: 75%;height: auto;}
.xh_box5 .xh_box5_ri ul{padding: 0;margin: 0;height: auto;}
.xh_box5 .xh_box5_ri>ul>li{margin: 0;height: auto;box-sizing: border-box;overflow: hidden;border: 1px solid #cbcbcb;border-left: none;}
.xh_box5 .xh_box5_ri img{float: left;}
.xh_box5 .xh_box5_ri div{float: right;width: 100%;box-sizing: border-box;padding: 0.2rem 0.3rem;}
.xh_box5 .xh_box5_ri div ul{padding: 0;margin: 0;}
.xh_box5 .xh_box5_ri div li{font-size: 0.14rem;line-height: 2.2em;text-align: left;text-indent: 2em;position: relative;color: #2e2c2c;}
.xh_box5 .xh_box5_ri div li::after{content:"";border: 0.035rem solid #bfbfbf;width: 0;height: 0;position: absolute;transform: rotate(45deg);left: 0.1rem;top: 0;bottom: 0;margin: auto;}
.xh_box5 .xh_box5_ri div h3{font-size: 0.2rem;text-align: left;line-height: 1.6em;margin: 0 auto 0.2em;text-indent: 1em;}
.xh_box5 .xh_box5_le{padding: 0;margin: 0 auto;width: 25%;}
.xh_box5 .xh_box5_le ul{margin: 0;width: 100%;box-sizing: border-box;padding: 0;position: relative;flex-wrap: wrap;}
.xh_box5 .xh_box5_le li{line-height: 2.5em;position: relative;font-size: 0.18rem;color: #1d1b1b;box-sizing: border-box;width: 100%!important;height: auto;background: #e3e3e3;margin: 1% 0;display: flex;align-items: center;justify-content: center;}
.xh_box5 .xh_box5_le li span{position: absolute;top: 0;right: -0.2em;font-size: 60px;font-weight: bold;width: 1em;text-align: right;color: rgba(255, 255, 255, 0.6);}
.xh_box5 .xh_box5_le li.active{background: #6534ff;background: linear-gradient(to right, #474eff , #8717ff);color: white;border: none;}
.xh_box5 .xh_box5_le li.active::after{content:"";background:url(../images/act.png);width: 26%;height: 0;padding: 0 0 26%;position: absolute;right: -13%;top: 0;bottom: 0;margin: auto;max-width: 0.36rem;background-size: 100% 100%;}

.con6{margin: 3% auto;padding: 0;display: flex;justify-content: space-between;}
.con6 li{width: 49%;margin: 1% 0;}
.con6 img{width: 100%;}
.con7{margin: 3% auto;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.con7 li{width: 49%;margin: 1% 0;}
.con7 img{width: 100%;}

.marketing_xszw2 {padding: 0;margin: 3% auto;}
.marketing_xszw2 ul {padding: 0;margin: 0;}
.marketing_xszw2 li {width: 50%;position: relative;}
.marketing_xszw2 li img{width: 100%;}
.marketing_xszw2 li::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255);content: "";opacity: 0.2;transition: opacity 0.3s linear;}
.marketing_xszw2 li.active::after{opacity: 0;}
.marketing_xszw2 li.active p{opacity: 1;}
.marketing_xszw2 p {font-size: 0.18rem;color: #201d1d;line-height: 1.6em;margin: 1em 0 0;opacity: 0;}
.marketing_xszw2 .swiper-pagination{bottom: 0}

.by {background: url(../images/sm_11.jpg)  no-repeat;box-sizing: border-box;margin: 3% auto;display: flex;flex-wrap: wrap;background-size: 165% 100%;justify-content: space-between;}
.by div {widtH: 35%;line-height: 1.6;padding: 2%;box-sizing: border-box;margin: 0;}
.by h3 {margin: 0 0 1em;font-sizE: 0.18rem;text-align: left;color: #FFF;position: relative;padding: 0 0 1em;}
.by h3::before {content: "";left: 0;bottom: 0;width: 100%;height: 2px;position: absolute;background: linear-gradient(to right, transparent , #f6ef8c,transparent);}
.by p {margin: 0;font-sizE: 0.18rem;text-align: left;color: #fffdde;}
.by .fir {margin: 0 0 0 32%;}

.margin_r_0{margin-right:0!important;}
.co_wt{color: white!important;}
.te_ce{text-align: center!important;text-indent: 0!important}