*{ margin:0; padding:0; border:0; -webkit-box-sizing: border-box; box-sizing: border-box;}
li{ list-style:none;}
a{ text-decoration:none; color:#333}
body{max-width:640px;min-width:320px;margin:0 auto; font-family:"微软雅黑"; font-size: 100%;font-size:14px;}
input[type="submit"],input[type="reset"],input[type="date"]{-webkit-appearance: none;}
textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.b{ vertical-align:top; width:100%;}
.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;line-height: 0;}
.cfix{*zoom:1;}
.zbg{background: #000941;}
[data-src]{background:url('/static/images/loading.gif') center center no-repeat;}

.m{padding:0.3rem 0; color: #d5d6f5; font-size: 0.22rem;line-height: 1.5;}
.zbtn{display: flex; justify-content: center; font-size: 0;}
.zbtn a{position: relative; padding: 3% 5%; line-height: 0.65rem; overflow: hidden; font-size: 0.3rem; line-height: 1em; color: #705d39;text-align: center;background:#efb537;background: -webkit-linear-gradient(#fcd893, #fdce74,#fec457);background: linear-gradient(#fcd893, #fdce74,#fec457); -webkit-border-radius:5px;border-radius: 5px;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.1);
    -webkit-animation: orangePulse 2.5s infinite;
    animation: orangePulse 2.5s infinite;
}
@-webkit-keyframes orangePulse {
    from {-webkit-box-shadow: 0 0 7px #333;}
    50% {-webkit-box-shadow: 0 0 12px #ffd076; }
    to {-webkit-box-shadow: 0 0 7px #333;}
}
@keyframes orangePulse {
    from {box-shadow: 0 0 7px #333;}
    50% {box-shadow: 0 0 12px #ffd076; }
    to {box-shadow: 0 0 7px #333;}
}

.cnt{width: 93.75%;margin-left: auto;margin-right: auto;}

.bgdark{background: #181934;}
.bglight{background: #1d1f55;}
.zhd{margin-bottom:0.3rem;text-align: center;font-size: 0;}
.zhd img{display: block;}
.zhd p{font-size: 0.3rem;color: #9b9cc5;line-height: 1.5;}
.zintro{text-indent: 2em; margin-bottom: 5%;}

.m1_video {
    padding: 0.2rem 0.3rem;
    background-color: #141646;
    margin-bottom: 5%;
}

.m1_video_title {
    margin: 0.2rem 0;
    text-align: center;
}
.m1{padding: 0.5rem 0;}
.m1 dl{margin-bottom: 3%;display: flex; align-items: center; justify-content: space-between;background: #24266b;}
.m1 dt{width: 42.8%;}
.m1 dd{width: 57.2%; padding: 0 5%;}
.m1 h1{margin-bottom:5%;font-size: 0.24rem;color: #dac69f;font-weight: normal;}
.m1 .ztip{margin-bottom: 5%;}
.m1 .ztip strong,.m1_video_title{color: #dac69f;font-weight: normal;}

.m2{padding-bottom: 0.6rem; background-image: url("../images/m2-bg.jpg"); background-position: left bottom; background-repeat: no-repeat; background-size: 100% auto;}
.m2 ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -4%; margin-bottom: 5%;}
.m2 ul li{width: 48.3%; margin-top: 4%;}

.m3{padding-bottom: 0.5rem;}
#m3-tab{margin-bottom: 5%;}
.m3 .hd{display: flex;justify-content: space-between; flex-wrap: wrap; margin-bottom: 2%;}
.m3 .hd li{position: relative;width: 1.98rem; height: 0.8rem; margin-top: 2px; padding: 0.1rem 0 0 0; font-size: 0.24rem;line-height: 0.3rem; text-align: center; background: #24266b;}
.m3 .hd li span{float: left; width: 0.75rem;line-height: 0.6rem; font-size: 0.48rem; font-weight: bold; overflow: hidden; border-right: 1px dotted #686aa0;}
.m3 .hd li.on{color: #24266b; background: -webkit-linear-gradient(#f8e8c8, #e4d1ad,#d5c098);background: linear-gradient(#f8e8c8, #e4d1ad,#d5c098);}
.m3 .hd li.on span{border: none;}

.m3 .bd{height: 4.2rem;overflow: hidden;}
.m3 .bd li .item{padding: 0.2rem;background: #24266b;}
.m3 .bd li img{display: block;}
.m3 .bd li p{margin-top: 0.3rem; height: 1rem; letter-spacing: -0.5px;}

.m4{padding-bottom: 0.56rem; background-image: url("../images/m4-bg.jpg"); background-position: left bottom; background-repeat: no-repeat; background-size: 100% auto;}
.m4 .zbd{width: 6.1rem; margin-left: auto; margin-right: auto;}
.m4 ul{display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: -0.1rem; margin-bottom: 0.3rem;}
.m4 li{width: 3rem;padding: 0.1rem; margin-top: 0.1rem; background: #141646;text-align: center;}
.m4 li .title{height: 0.6rem; margin-bottom: 0.1rem; line-height: 0.6rem; font-size: 0.24rem;color: #c3af89; background: url("../images/m4-title.png") no-repeat; background-size: cover;}
.m4 li .p1{padding: 5% 0 3%; letter-spacing: -0.5px;}

.case {
    margin-bottom: 0.2rem;
}
.case ul{display: flex;}
.case li{width: 6rem;}
.case_page {
    display: flex;
    justify-content: center;
    width: 6rem;
}
.case_page span {
    opacity: 1;
    background: #2c2f79;
    width: 0.15rem;
    height: 0.15rem;
    margin: 0.05rem;
}

.swiper-pagination-bullet-active{
    background: #f5e5c4 !important;
}

.m5{padding-bottom: 0.5rem;}
.xkz .tit{display: none;}
.xkz-btn{display: none;}

.m7,
.m8 {padding-bottom: 0.5rem;}
.m7 .zbtn a{position: relative; margin: 0 3%; padding-left:5%; padding-right: 10%;}
.m7 .zbtn a:after{content: ''; position: absolute; top: 50%; right: 5%; margin-top: -0.25rem; width: 0.5rem;height: 0.5rem;background: url("../images/btn1.png");background-size: cover;}
.m7 .zbtn a:nth-child(2):after{background: url("../images/btn2.png");background-size: cover;}

.m8 .hd{display: flex; justify-content: space-between; margin-left: -1px; margin-bottom: 2%;}
.m8 .hd li{ height: 0.6rem;line-height: 0.6rem; text-align: center; color: #fff; font-size: 0.24rem; margin-left: 1px; background: #2c2f79;}
.m8 .hd li:nth-child(1){flex: 1.2;}
.m8 .hd li:nth-child(2){flex: 1.1;}
.m8 .hd li:nth-child(3){flex: 1.3;}
.m8 .hd li:nth-child(4){flex: 0.9;}
.m8 .hd li.on{color: #24266b; background: -webkit-linear-gradient(#f8e8c8, #e4d1ad,#d5c098);background: linear-gradient(#f8e8c8, #e4d1ad,#d5c098);}
.m8 .bd{height: 2.67rem;overflow: hidden;}