@charset "utf-8";
/* CSS Document */
/*共用代码 */
html{ font-size:100px;}
html{-webkit-text-size-adjust:none;}
body {font-family:微软雅黑;font-size:0.20rem;opacity:0;filter:alpha(opacity=0);margin: 0 auto;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;padding:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style: normal;}
a{text-decoration: none; color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
html *{-webkit-tap-highlight-color:rgba(255,255,255,0);}


.hidden { display:none; }
.block { display:block; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.fl { float: left; }
.fr {float: right;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj {text-align: justify;text-justify:distribute-all-lines;}
.text-italic{font-style: italic;}
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
.l50{left: 50%;}
.r50{right: 50%;}
.overflow-x{overflow-x:hidden;-ms-overflow-x:hidden;}
.overflow-y{overflow-y: hidden;-ms-overflow-y: hidden;}
.overflow{overflow: hidden;}

.zd2{z-index: 2;}
.tid2{text-indent: 2em;}

.wrap{max-width: 640px; min-width: 320px; margin-left: auto; margin-right: auto;overflow: hidden ; }
.wrap img{vertical-align: middle;}
.border-radius{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.bs{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.border-bottom{border-bottom: 2px solid #f2f2f2;}

.pad10{padding: 0.1rem;}
.pad20{padding: 0.2rem;}
.padt10{padding-top: 0.1rem;}
.padt20{padding-top: 0.2rem;}
.padt30{padding-top: 0.3rem;}
.padt40{padding-top: 0.4rem;}
.padb10{padding-bottom: 0.1rem;}
.padb20{padding-bottom: 0.2rem;}
.padb30{padding-bottom: 0.3rem;}
.padtb10{padding-top: 0.1rem;padding-bottom: 0.1rem;}
.padtb20{padding-top: 0.2rem;padding-bottom: 0.2rem;}
.padtb30{padding-top: 0.3rem;padding-bottom: 0.3rem;}
.padlr10{padding-left: 0.1rem;padding-right: 0.1rem;}
.padlr15{padding-left: 0.15rem;padding-right: 0.15rem;}
.padlr20{padding-left: 0.2rem;padding-right: 0.2rem;}

.translateY{top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.translateX{left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.paW{width: 100%;left: 0;}
.w50{width: 50%;}
.text-transform{text-transform:uppercase;}
ul.clearfix>li{float: left;}
ol.clearfix>li{float: left;}
ul.clearfix>li.fr{float: right;}
ol.clearfix>li.fr{float: right;}

/*轮播设置*/
.pagination{  width: 100%;  left: 0;  text-align: center; z-index: 4; }
.pagination .swiper-pagination-switch{display: inline-block;border-radius: 20px;-webkit-border-radius: 20px;margin:0 0.05rem;width:0.2rem;height: 0.2rem;opacity: 1;cursor: pointer;background:#fff;}
.pagination .swiper-active-switch{opacity: 1;background:#ff0000;}

.arrow{position: absolute; z-index: 9;top: 1.14rem;font-size:0.8rem;cursor: pointer;font-family: '宋体';background: url(../images/arr.png) no-repeat;background-size: cover;color: #4c4e5a;font-weight: bold;}
.prev{left:0;}
.nepart1{right:0;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

/*轮播设置*/

.btn a{ display: inline-block; border-radius: 0.1rem; color: #fff; width: 3rem; line-height: 1.3;font-size: 0.24rem;background-color: #cfa95f;border-radius: 60px;padding: 0.12rem 0;
}
.btn a:nth-of-type(1){background-color: #5f5f9d;margin-right: 0.1rem;}

.banner .banT{position: absolute;width: 2.67rem;left: 0.32rem;top: 0.42rem;}
.banner  a{position: absolute;width: 2.2rem;height: 0.56rem;font-size: 0.24rem;background-color: #d4a94e;line-height: 0.56rem;left: 10%;bottom: 8%;color: #fff;text-align: center;
	-webkit-animation: bounce 2s linear normal both infinite;
    -o-animation: bounce 2s linear normal both infinite;
    animation: bounce 2s linear normal both infinite;
}



.partList ol.fixed{position: fixed;left: 50%;top: 0;width: 6.4rem;z-index: 999;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.partList ol{overflow: hidden;}
.partList ol>li{float: left;width: 2.06rem;height: 0.82rem; background-color: #666699;margin-left: 0.05rem;position: relative;margin-bottom: 0.2rem;font-size: 0.26rem;color: #fff;line-height: 1.2;}
.partList ol>li.on{background-color: #6666cc;}
.partList ol>li.on::before{content: '';position: absolute;border-top: 0.2rem solid #6666cc;border-left: 0.2rem dashed transparent;border-right: 0.2rem dashed transparent;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: -0.18rem;}


.colorWhite{color: #fff;}
.color_333{color: #333;}
.colorBlue{color: #6666cc;}

.til b{font-size: 0.36rem;}
.til p{font-size: 0.3rem;}

.jishu span.tu{width: 4.22rem;}
.jishu dl{position: absolute;width: 2.88rem;padding: 0.1rem 0 0.1rem 0.2rem;min-height: 3.86rem;background-color: rgba(91,91,176,0.96);right: 0;}
.jishu1 dl{right: auto;left: 0;}
.jishu dl dt{font-size: 0.24rem;padding: 0.1rem ;}
.jishu dl dd{border-top: 1px dashed #8f8fd1;font-size: 0.2rem;line-height: 1.8;padding: 0.1rem;}

.smtt {display: inline-block;width: 2rem;position: relative;height: 0.46rem;line-height: 0.46rem;position: relative;font-size: 0.24rem;color: #fff;margin: 0.2rem 0;}
.smtt::before{content: '';position: absolute;width: 100%;height: 100%;background-color: #c9c8c8;left: 0.08rem;top: 0.04rem;transform: rotate(3deg);-webkit-transform: rotate(3deg);} 
.smtt span{display: block;height: 100%;background-color: #636388;position: relative;z-index: 2;}

.shoushu{font-size: 0.2rem;color: #5b5bb0;}

.part2{background-color: #ebebf4;}
.part4{background-color: #6060b1;}
.part4 .til b,.part5 .til b{font-size: 0.48rem;}
.part5 ul li{width: 3rem;margin-left: 0.13rem;margin-bottom: 0.13rem;height: 4.3rem;background-color: #dedfef;}
.part5 ul li a{display: block;height: 100%;}
.part5 ul li p{padding: 0.18rem 0.18rem 0;font-size: 0.18rem;color: #333;}
.part5 ul li p b{display: block;font-size: 0.3rem;padding-bottom: 0.1rem;}
/* .part5 ul li:last-of-type{background-color: #cfa95f;}
.part5 ul li:last-of-type span{position: absolute;width: 2.21rem;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;height: 1.32rem;} */


.bounceinL{
    -webkit-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes bounceinL {
    0% {opacity:0;-webkit-transform:translateX(-300%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL {
    0% {opacity:0;-webkit-transform:translateX(-300%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@-ms-keyframes bounceinL {
    0% {opacity:0;-webkit-transform:translateX(-300%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@keyframes bounceinL {
    0% {opacity:0;-webkit-transform:translateX(-300%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
    }
}