@charset "utf-8";
@font-face{
    font-family: tBold;
    src:url('../fonts/poppins-semibold.ttf');
    font-display: swap;
}
@font-face{
    font-family: tRegular;
    src:url('../fonts/poppins-regular.ttf');
    font-display: swap;
}
@font-face{
    font-family: tMedium; 
    src:url('../fonts/poppins-medium.ttf');
    font-display: swap;
}
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
a{text-decoration:none;}
header a{color: inherit;}
footer a{color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{color: #000;font-family: Arial,Microsoft Yahei;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.lgcn{display:inline-block;width:20px;height:20px;background:url(../images/cn.png) no-repeat center center;background-size: contain;vertical-align: middle;margin-right: 5px;}
.lgen{display:inline-block;width:20px;height:20px;background:url(../images/en.png) no-repeat center center;background-size: contain;vertical-align: middle;margin-right: 5px;}
.lgde{display:inline-block;width:20px;height:20px;background:url(../images/de.png) no-repeat center center;background-size: contain;vertical-align: middle;margin-right: 5px;}
.lgsp{display:inline-block;width:20px;height:20px;background:url(../images/sp.png) no-repeat center center;background-size: contain;vertical-align: middle;margin-right: 5px;}


html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

body{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    body{font-size: 13.2px;}
}

.s12{font-size: calc(12 * 100vw / 1920);}
@media(max-width: 1920px){
    .s12{font-size: 12.0px;}
}
.s13{font-size: calc(13 * 100vw / 1920);}
@media(max-width: 1816px){
    .s13{font-size: 12.3px;}
}
.s14{font-size: calc(14 * 100vw / 1920);}
@media(max-width: 1728px){
    .s14{font-size: 12.6px;}
}
.s15{font-size: calc(15 * 100vw / 1920);}
@media(max-width: 1651px){
    .s15{font-size: 12.9px;}
}
.s16{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .s16{font-size: 13.2px;}
}
.s17{font-size: calc(17 * 100vw / 1920);}
@media(max-width: 1524px){
    .s17{font-size: 13.5px;}
}
.s18{font-size: calc(18 * 100vw / 1920);}
@media(max-width: 1472px){
    .s18{font-size: 13.8px;}
}
.s19{font-size: calc(19 * 100vw / 1920);}
@media(max-width: 1424px){
    .s19{font-size: 14.1px;}
}
.s20{font-size: calc(20 * 100vw / 1920);}
@media(max-width: 1382px){
    .s20{font-size: 14.4px;}
}
.s21{font-size: calc(21 * 100vw / 1920);}
@media(max-width: 1344px){
    .s21{font-size: 14.7px;}
}
.s22{font-size: calc(22 * 100vw / 1920);}
@media(max-width: 1309px){
    .s22{font-size: 15.0px;}
}
.s23{font-size: calc(23 * 100vw / 1920);}
@media(max-width: 1277px){
    .s23{font-size: 15.3px;}
}
.s24{font-size: calc(24 * 100vw / 1920);}
@media(max-width: 1248px){
    .s24{font-size: 15.6px;}
}
.s25{font-size: calc(25 * 100vw / 1920);}
@media(max-width: 1221px){
    .s25{font-size: 15.9px;}
}
.s26{font-size: calc(26 * 100vw / 1920);}
@media(max-width: 1196px){
    .s26{font-size: 16.2px;}
}
.s27{font-size: calc(27 * 100vw / 1920);}
@media(max-width: 1173px){
    .s27{font-size: 16.5px;}
}
.s28{font-size: calc(28 * 100vw / 1920);}
@media(max-width: 1152px){
    .s28{font-size: 16.8px;}
}
.s29{font-size: calc(29 * 100vw / 1920);}
@media(max-width: 1132px){
    .s29{font-size: 17.1px;}
}
.s30{font-size: calc(30 * 100vw / 1920);}
@media(max-width: 1113px){
    .s30{font-size: 17.4px;}
}
.s31{font-size: calc(31 * 100vw / 1920);}
@media(max-width: 1096px){
    .s31{font-size: 17.7px;}
}
.s32{font-size: calc(32 * 100vw / 1920);}
@media(max-width: 1080px){
    .s32{font-size: 18.0px;}
}
.s33{font-size: calc(33 * 100vw / 1920);}
@media(max-width: 1064px){
    .s33{font-size: 18.3px;}
}
.s34{font-size: calc(34 * 100vw / 1920);}
@media(max-width: 1050px){
    .s34{font-size: 18.6px;}
}
.s35{font-size: calc(35 * 100vw / 1920);}
@media(max-width: 1036px){
    .s35{font-size: 18.9px;}
}
.s36{font-size: calc(36 * 100vw / 1920);}
@media(max-width: 1024px){
    .s36{font-size: 19.2px;}
}
.s37{font-size: calc(37 * 100vw / 1920);}
@media(max-width: 1011px){
    .s37{font-size: 19.5px;}
}
.s38{font-size: calc(38 * 100vw / 1920);}
@media(max-width: 1000px){
    .s38{font-size: 19.8px;}
}
.s39{font-size: calc(39 * 100vw / 1920);}
@media(max-width: 989px){
    .s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 100vw / 1920);}
@media(max-width: 979px){
    .s40{font-size: 20.4px;}
}
.s41{font-size: calc(41 * 100vw / 1920);}
@media(max-width: 969px){
    .s41{font-size: 20.7px;}
}
.s42{font-size: calc(42 * 100vw / 1920);}
@media(max-width: 960px){
    .s42{font-size: 21.0px;}
}
.s43{font-size: calc(43 * 100vw / 1920);}
@media(max-width: 951px){
    .s43{font-size: 21.3px;}
}
.s44{font-size: calc(44 * 100vw / 1920);}
@media(max-width: 942px){
    .s44{font-size: 21.6px;}
}
.s45{font-size: calc(45 * 100vw / 1920);}
@media(max-width: 934px){
    .s45{font-size: 21.9px;}
}
.s46{font-size: calc(46 * 100vw / 1920);}
@media(max-width: 926px){
    .s46{font-size: 22.2px;}
}
.s47{font-size: calc(47 * 100vw / 1920);}
@media(max-width: 919px){
    .s47{font-size: 22.5px;}
}
.s48{font-size: calc(48 * 100vw / 1920);}
@media(max-width: 911px){
    .s48{font-size: 22.8px;}
}
.s49{font-size: calc(49 * 100vw / 1920);}
@media(max-width: 905px){
    .s49{font-size: 23.1px;}
}
.s50{font-size: calc(50 * 100vw / 1920);}
@media(max-width: 898px){
    .s50{font-size: 23.4px;}
}
.s51{font-size: calc(51 * 100vw / 1920);}
@media(max-width: 892px){
    .s51{font-size: 23.7px;}
}
.s52{font-size: calc(52 * 100vw / 1920);}
@media(max-width: 886px){
    .s52{font-size: 24.0px;}
}
.s53{font-size: calc(53 * 100vw / 1920);}
@media(max-width: 880px){
    .s53{font-size: 24.3px;}
}
.s54{font-size: calc(54 * 100vw / 1920);}
@media(max-width: 874px){
    .s54{font-size: 24.6px;}
}
.s55{font-size: calc(55 * 100vw / 1920);}
@media(max-width: 869px){
    .s55{font-size: 24.9px;}
}
.s56{font-size: calc(56 * 100vw / 1920);}
@media(max-width: 864px){
    .s56{font-size: 25.2px;}
}
.s57{font-size: calc(57 * 100vw / 1920);}
@media(max-width: 858px){
    .s57{font-size: 25.5px;}
}
.s58{font-size: calc(58 * 100vw / 1920);}
@media(max-width: 854px){
    .s58{font-size: 25.8px;}
}
.s59{font-size: calc(59 * 100vw / 1920);}
@media(max-width: 849px){
    .s59{font-size: 26.1px;}
}
.s60{font-size: calc(60 * 100vw / 1920);}
@media(max-width: 844px){
    .s60{font-size: 26.4px;}
}
.s61{font-size: calc(61 * 100vw / 1920);}
@media(max-width: 840px){
    .s60{font-size: 26.7px;}
}
.s62{font-size: calc(62 * 100vw / 1920);}
@media(max-width: 836px){
    .s60{font-size: 27.0px;}
}
.s63{font-size: calc(63 * 100vw / 1920);}
@media(max-width: 832px){
    .s60{font-size: 27.3px;}
}
.s64{font-size: calc(64 * 100vw / 1920);}
@media(max-width: 828px){
    .s60{font-size: 27.6px;}
}
.s65{font-size: calc(65 * 100vw / 1920);}
@media(max-width: 824px){
    .s60{font-size: 27.9px;}
}
.s66{font-size: calc(66 * 100vw / 1920);}
@media(max-width: 820px){
    .s60{font-size: 28.2px;}
}
.s67{font-size: calc(67 * 100vw / 1920);}
@media(max-width: 816px){
    .s67{font-size: 28.5px;}
}
.s68{font-size: calc(68 * 100vw / 1920);}
@media(max-width: 813px){
    .s68{font-size: 28.8px;}
}
.s69{font-size: calc(69 * 100vw / 1920);}
@media(max-width: 809px){
    .s69{font-size: 29.1px;}
}
.s70{font-size: calc(70 * 100vw / 1920);}
@media(max-width: 806px){
    .s70{font-size: 29.4px;}
}
.s70{font-size: calc(70 * 100vw / 1920);}
@media(max-width: 803px){
    .s70{font-size: 29.7px;}
}
.s71{font-size: calc(71 * 100vw / 1920);}
@media(max-width: 800px){
    .s71{font-size: 30px;}
}
.s72{font-size: calc(72 * 100vw / 1920);}
@media(max-width: 796px){
    .s72{font-size: 30.3px;}
}
.s73{font-size: calc(73 * 100vw / 1920);}
@media(max-width: 793px){
    .s73{font-size: 30.6px;}
}
.s74{font-size: calc(74 * 100vw / 1920);}
@media(max-width: 791px){
    .s74{font-size: 30.9px;}
}
.s75{font-size: calc(75 * 100vw / 1920);}
@media(max-width: 788px){
    .s75{font-size: 31.2px;}
}
.s76{font-size: calc(76 * 100vw / 1920);}
@media(max-width: 79px){
    .s76{font-size: 31.5px;}
}
.s77{font-size: calc(77 * 100vw / 1920);}
@media(max-width: 785px){
    .s77{font-size: 31.8px;}
}
.s78{font-size: calc(78 * 100vw / 1920);}
@media(max-width: 782px){
    .s78{font-size: 32.1px;}
}
.s79{font-size: calc(79 * 100vw / 1920);}
@media(max-width: 780px){
    .s79{font-size: 32.4px;}
}
.s80{font-size: calc(80 * 100vw / 1920);}
@media(max-width: 777px){
    .s80{font-size: 32.7px;}
}


@media(max-width: 750px){
    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
    .z2,.z3,.z4,.z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),.z3:nth-child(3n),.z4:nth-child(4n),.z5:nth-child(5n){margin-right: 0 !important;}
    
    .l1{padding-left: 10px !important;}
    .r1{padding-right: 10px !important;}
    .t1{padding-top: 10px !important;}
    .b1{padding-bottom: 10px !important;}
    .l2{padding-left: 20px !important;}
    .r2{padding-right: 20px !important;}
    .t2{padding-top: 20px !important;}
    .b2{padding-bottom: 20px !important;}
    .l3{padding-left: 30px !important;}
    .r3{padding-right: 30px !important;}
    .t3{padding-top: 30px !important;}
    .b3{padding-bottom: 30px !important;}
}

.teaser{opacity:0;transform:translate3d(0,50px,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-70px,0,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(70px,0,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}

        
header{width: 100%;position: fixed;left: 0;top: 0;z-index: 123456;transition: all 1s cubic-bezier(.25,.1,.25,1);}
body.sp{padding-top: .7rem;}
.h-main{width: 17.6rem;margin: 0 auto;}
.h-index{float: left;display: block;margin-top: 0.18rem;}
.h-logo{height: .3rem;vertical-align: top;}
.h-logo2{display: none;}
.h-ul{float: left;font-size: 0;padding-left: .95rem;z-index: 12345;}
.h-li{display: inline-block;vertical-align: top;margin: 0 .32rem;}
.h-a{display: inline-block;vertical-align: top;height: .7rem;line-height: .7rem;color: #fff;}
.h-right{float: right;font-size: 0;text-align:center;}
.h-search{color: #fff;display: inline-block;vertical-align: top;cursor: pointer;height: .7rem;line-height: .7rem;font-size: 0;}
.h-search:before{content: "";display: inline-block;vertical-align: middle;width: .19rem;height: .19rem;background-image: url(../images/2.png);background-size: 100% 100%;margin-right: .05rem;margin-left: .05rem;font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .h-search:before{font-size: 13.2px;width: 16px;height: 16px;background-image: url(../images/2-2.png);}
}
.h-login{display: inline-block;vertical-align: top;color: #fff;margin-left: .5rem;line-height: .7rem;height: .7rem;font-weight: bold;}
.h-lang{font-size: 0;display: inline-block;vertical-align: top;font-weight: bold;position:relative;width:150px;}
.h-one{color: #fff;display: inline-block;vertical-align: middle;line-height: .7rem;height: .7rem;font-weight: bold;}
.h-span{color: #fff;display: inline-block;vertical-align: middle;line-height: .7rem;padding: 0 .3em;font-weight: bold;}
.h-box{width: 100%;position: absolute;left: 0;top: 100%;background-color: rgba(0,0,0,0.7);display: none;box-sizing: content-box;}
.h-sub{position: relative;padding-top: .3rem;width: 8rem;}
.h-sub.has-th{width: 1.6rem;border-right: 1px solid #fff;padding-bottom: .3rem;}
.h-sub-li{width: 100%;}
.h-sub-li:last-child{margin-bottom: 0;}
.h-sub-a{color: #fff;line-height: 1.375;word-break: break-all;padding: .1rem 0;position: relative;display: inline-block;vertical-align: top;}
.h-sub-li.active .h-sub-a{display: block;}
.h-sub.has-th .h-sub-li.active .h-sub-a:after{content: "";display: inline-block;width: 3px;height: 100%;background-color: #3642c3;position: absolute;right: -2px;top: 0;}
.h-sub-li.active .h-th{left: 100%;}
.h-th{position: absolute;left: -1000%;top: 0;padding-left: .6rem;width: 8rem;padding-top: .3rem;}
.h-th-li{position: relative;width: 100%;}
.h-th-a{color: #fff;line-height: 1.375;padding: .1rem 0;display: inline-block;vertical-align: top;}
.h-th-a:before{content: "";display: inline-block;vertical-align: middle;width: 0;height: .4375em;background-image: url(../images/240.png);background-size: 100% 100%;margin-right: 0;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.h-opa {width: 100%;height: 100%;position: fixed;left: -100000px;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;opacity: 0;transition: opacity .3s;cursor: pointer;}
.no-th .h-sub-a:before{content: "";display: inline-block;vertical-align: middle;width: 0;height: .4375em;background-image: url(../images/240.png);background-size: 100% 100%;margin-right: 0;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.h-sch{display: none;width: 100%;padding: .4rem 0;position: fixed;top: 0;right: 0;margin-right: 0;z-index: 150;background-color: #fff;font-size: 0;text-align: center;}
.h-form{width: 100%;background-color: transparent;position: relative;overflow: hidden;font-size: 0;}
.h-text{width: 3.80rem;height: .4rem;line-height: .4rem;border: none;border-bottom: 1px solid #ccc;border-right: none;vertical-align: top;background-color: transparent;font-size: .14rem;color: #4d4d4d;padding: 0 .1rem 0 0.05rem;text-align: left;vertical-align: top;}
.h-smt{background-image: url(../images/291.png);background-position: center center;background-size: .26rem .26rem;background-repeat: no-repeat;color: transparent;cursor: pointer;width: .4rem;height: .4rem;border: none;border-bottom: 1px solid #ccc;background-color: transparent;transition: all .3s;vertical-align: top;}
header.show-search .h-sch{display:block;}
header.show-search .h-opa{left: 0;opacity: 1;}
header.red{background-color: #3642c3;}
header.red .h-logo1{display: none;}
header.red .h-logo2{display: inline-block;}

.h-lang ul { display: none; border-radius: 5px; z-index: 666; position: absolute; left: 0;  width: 150px; background: #f7f7f7; left: 0px; padding: 0 10px; }
.h-lang ul li { font-size: 14px; height: 35px; line-height: 35px; border-top: 1px solid #ececec; white-space: pre; }
.h-lang ul li:first-child { border-top: none; }
.h-lang ul li img { margin-right: 14px; }
.h-lang ul li a { color: #333; display: block; text-align: center;line-height:35px; }
.h-lang ul li:hover a { -webkit-animation: swing .8s linear; animation: swing .8s linear;color: #3642c3; }
.h-lang:hover ul { display: block!important; }

.h-filter{display: inline-block;vertical-align: middle;line-height: .7rem;height: .7rem;margin-right: .5rem;cursor: pointer;}
.h-f-text{color: #fff;font-weight: bold;}
.h-f-icon{display: inline-block;vertical-align: middle;width: 1.2em;height: 1.2em;margin-right: .3em;background-image: url(../images/filter.png);background-size: 100% 100%;position: relative;}
.h-f-icon:before{content: " ";display: block;position: absolute;top: -2px;right: -3px;width: 6px;height: 6px;border-radius: 50%;background-color: #ff0;}
.h-f-icon:after{content: " ";display: block;position: absolute;top: -2px;right: -3px;width: 6px;height: 6px;border-radius: 50%;background-color: #fcfddc;transform-origin: 50% 50%;animation-name: fadding;animation-duration: 1.5s;animation-iteration-count: infinite;}
@keyframes fadding {
    0% {
        opacity: 1;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}
body.sp header{background-color: #3642c3;padding-top: 0;}
body.sp .h-logo1{display: none;}
body.sp .h-logo2{display: inline-block;}
body.sp .h-li.active .h-a{border-bottom:  2px solid #fff;color: #fff;}
@media(max-width: 1920px){
    .h-sch {padding: 40px 0;}
    .h-sch .h-text {width: 380px;height: 40px;line-height: 40px;font-size: 16px;padding: 0 10px 0 5px;}
    .h-sch .h-smt{width: 40px;height: 40px;background-size: 26px 26px;}
}
@media(min-width: 751px){
    .h-th-a:hover:before{width: 1.31em;margin-right: .13rem;}
    .no-th .h-sub-a:hover:before{width: 1.31em;margin-right: .13rem;}
    .h-li:hover .h-a{border-bottom:  2px solid #fff;}
    .h-li.active .h-a{border-bottom: 2px solid #fff;font-weight: bold;font-weight: bold;}
    .h-search:hover{border-bottom: 2px solid #fff;}
    .h-login:hover{border-bottom: 2px solid #fff;}
    .h-one:hover{border-bottom: 2px solid #fff;}
    .h-filter:hover{border-bottom: 2px solid #fff;}
    .h-box{padding-bottom: .3rem;}
    .h-sub.has-th .h-sub-li.active .h-sub-a{color: #ff0015;font-weight: bold;}
    header.red .h-li.active .h-a{border-bottom:  2px solid #fff;}
}
@media(max-width: 1300px){
    .h-li{margin: 0 .2rem;}
}
@media(max-width: 1200px){
    header{height: 42px;}
    body.sp{padding-top: 42px;}
    .h-logo{height: 22px;}
    .h-one,
    .h-login,
    .h-search,
    .h-filter,
    .h-a{height: 42px;line-height: 42px;}
}
@media(max-width: 1100px){
    .h-main{width: 100%;padding:0 20px;}
}
@media(max-width: 1000px){
    .h-main{width: 100%;padding:0 20px;}
    .h-ul{padding-left: 20px;}
    .h-f-text{display: none;}
}
@media(max-width: 900px){
    .h-main{padding:0 15px;}
    .h-ul{padding-left: 15px;}
    .h-li:last-child{margin-right: 0;}
    .h-filter{margin-right: 15px;}
    .h-login{margin-left: 15px;}
    .h-lang{margin-left: 15px;}
}
@media(max-width: 850px){
    .h-main{padding:0 10px;}
    .h-ul{padding-left: 10px;}
    .h-li:last-child{margin-right: 0;}
    .h-filter{margin-right: 10px;}
    .h-login{margin-left: 10px;}
    .h-lang{margin-left: 10px;}
}
@media(max-width: 800px){
    .h-li{margin: 0 5px;}
}
@media(max-width: 750px){
    header{width: 100%;height: 46px;padding-top: 0;}
    body.sp{padding-top: 46px;}
    .h-main{width: 100%;padding-left: 10px;padding-right: 0;}
    .h-logo1{display: none;}
    .h-logo2{display: inline-block;}
    .h-index{margin-top: 12px;}
    .h-li.active .h-a{font-weight: bold;}
    .h-login{line-height: 46px;height: auto;margin-left: 20px;}
    .h-one{line-height: 46px;height: auto;}
    .h-span{line-height: 46px;}
    .h-search{line-height: 46px;height: auto;}
    .h-lang{margin-left: 20px;}
    .h-menu{display: inline-block;vertical-align: top;width: 46px;height: 46px;background-image: url(../images/237.png);background-repeat: no-repeat;background-position: center center;margin-left: 10px;}
    header.show-menu .h-opa{left: 0;opacity: 1;}
    header.show-menu .h-ul{right: 0;}
    .h-ul{width: 280px;height: 100vh;position: fixed;right: -101vw;top: 0;background-color: #3642c3;padding: 10px 0;overflow: auto;transition: all .3s cubic-bezier(.25,.1,.25,1);}
    .h-li{display: block;width: 100%;margin: 0;position: relative;}
    .h-li.has-sub:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #fff;}
    .h-li.has-sub.show:after{content: "-";}
    .h-sub{left: 0 !important;width: 100%;padding: 0;}
    .h-sub.has-th{width: 100%;border-right: none;padding-bottom: 0;}
    .h-ul{padding-left: 0;}
    .h-li.active .h-a{color: #fff;}
    .h-a{padding-left: 20px;padding-right: 30px;line-height: 40px;height: auto;font-weight: bold;font-weight: bold;font-size: 14px;}
    .h-box{position: relative;top: 0;background-color: transparent;}
    .h-sub-a{padding-top: 8px;padding-bottom: 8px;padding-left: 40px;padding-right: 30px;font-size: 13px;}
    .h-sub-li.active .h-sub-a{display: inline-block;}
    .h-sub-li{margin-bottom: 0;}
    .h-sub-li.has-thd{position: relative;}
    .h-sub-li.has-thd:after{content: "+";display: inline-block;width: 40px;height: 33px;line-height: 33px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #fff;}
    .h-sub-li.has-thd.show:after{content: "-";}
    .h-th{position: relative;left: 0;padding: 0;display: none;width: 100%;}
    .h-sub-li.active .h-th{display: none;left: 0;}
    .h-th-a{padding-left: 60px;padding-top: 8px;padding-bottom: 8px;font-size: 12px;padding-right: 10px;}
    .h-filter{line-height: 46px;}
    body.sp .h-li.active .h-a{border-bottom: none;}
    .h-sch .h-text{width: 220px;font-size: 14px;}
}
@media(max-width: 500px){
    .h-search{font-size: 0;width: 46px;line-height: 0;height: 46px;padding-top: 16px;}
    .h-search:before{width: 100%;height: 100%;background-size: 16px 16px;height: 16px;background-repeat: no-repeat;background-position: center center;margin-left: 0;margin-right: 0;position: relative;/* top: -1px; */}
    .h-login{margin-left: 10px;}
    .h-name{display: none;}
    .h-f-icon{margin-right: 0;}
    .h-f-text{display: none;}
    .h-filter{margin-right: 0;width: 30px;text-align: center;}
}
@media(max-width: 360px){
    .h-search{width: 30px;}
    .h-lang{margin-left: 10px;}
    .h-menu{margin-left: 5px;}
}



footer{width: 100%;position: relative;z-index: 12;}
.f-top{padding-top: 0.75rem;padding-bottom: 0.5rem;width: 100%;background-color: #242424;}
.f-cont{width: 17.6rem;margin: 0 auto;}
.f-tt{padding-bottom: 0.1rem;font-size: 0;display: flex;justify-content: space-between;width: 100%;}
.f-item{display: inline-block;vertical-align: top;min-width: 1.7rem;max-width: 30%;}
.f-tit{margin-bottom: 0.25rem;color: #fff;display: inline-block;vertical-align: top;font-weight: bold;}
.f-ul{width: 100%;}
.f-li{width: 100%;margin-bottom: 0.07rem;}
.f-li:last-child{margin-bottom: 0;}
.f-a{color: #fff;line-height: 1.375;opacity: 0.5;cursor: pointer;}
.f-tb{width: 100%;font-size: 0;}
.f-tbl{display: inline-block;vertical-align: top;padding-right: 1rem;width: 6.29rem;}
.f-ct{width: 100%;}
.f-row{width: 100%;position: relative;padding-left: 1.875em;margin-bottom: .12rem;}
.f-row:last-child{margin-bottom: 0;}
.f-icon{width: 1.25em;height: 1.25em;position: absolute;left: 0;top: 0.05em;}
.f-t{margin-bottom: 0.13rem;color: #fff;line-height: 1.375;opacity: 0.5;}
.f-tbr{display: inline-block;vertical-align: middle;width: calc(100% - 6.29rem);}
.f-form{margin-bottom: 0.3rem;font-size: 0;width: 100%;padding-top: .03rem;}
.f-txt{padding-left: 0.16rem;margin-right: 0.1rem;padding-right: 0.16rem;color: #fff;line-height: 0.44rem;width: 2.8rem;height: 0.44rem;border: none;background-color: #313131;}
.f-txt:nth-child(1),
.f-txt:nth-child(2){margin-bottom: 0.1rem;}
.f-sub{color: #fff;line-height: 0.44rem;display: inline-block;vertical-align: top;width: 1.48rem;height: 0.44rem;border: none;background-color: #cc0606;font-weight: bold;cursor: pointer;text-align: center;}
.f-share{font-size: 0;width: 100%;}
.f-s{width: 100%;height: 100%;opacity: .4;cursor: pointer;}
.f-sa{display: inline-block;vertical-align: top;margin-right: 0.15rem;overflow: hidden;border-radius: 50%;width: 0.4rem;height: 0.4rem;background-color: #3a3a3a;}
.f-bot{padding-top: 0.19rem;padding-bottom: 0.19rem;width: 100%;background-color: #1a1a1a;}
.f-bl{color: rgba(255,255,255,0.5);line-height: 1.375;float: left;/* opacity: 0.5; */}
.f-bl a{color: rgba(255,255,255,0.5);}
.f-br{font-size: 0;float: right;}
.f-ba{padding-left: 0.22rem;padding-right: 0.22rem;color: #fff;line-height: 1.375;display: inline-block;vertical-align: top;opacity: 0.5;position: relative;}
.f-ba:after{content: "";display: inline-block;width: 1px;height: .75em;background-color: #fff;position: absolute;right: 0;top: 50%;margin-top: -0.375em;}
.f-ba:last-child:after{display: none;padding-right: 0;}
.f-form input::-webkit-input-placeholder,
.f-form textarea::-webkit-input-placeholder{color: rgba(255,255,255,0.5);}
.f-form input:-moz-placeholder,
.f-form textarea:-moz-placeholder{color: rgba(255,255,255,0.5);}
.f-form input::-moz-placeholder,
.f-form textarea::-moz-placeholder{color: rgba(255,255,255,0.5);}
.f-form input:-ms-input-placeholder,
.f-form textarea:-ms-input-placeholder{color: rgba(255,255,255,0.5);}

.fp-outer{width: 100%;text-align: center;padding: .14rem 10px;left: 0;position: fixed;bottom: 0;transform: translate(0,110%);z-index: 12345;background-color: #3642c3;transition: transform 1s;}
.fp-outer.show{transform: translate(0,0);}
.fp-outer .fp-close{top: 0;position: absolute;right: 0;}
.fp-outer .fp-inner{margin: 0 auto;font-size: 0;display: inline-block;vertical-align: top;text-align: left;}
.fp-outer .fp-tit{color: #fff;font-weight: bold;font-weight: bold;margin-bottom: 0;display: inline-block;vertical-align: middle;padding-right: 1em;}
.fp-outer .f-txt{padding-left: 0.16rem;margin-right: 0.12rem;padding-right: 0.16rem;color: #fff;line-height: 0.42rem;width: 2.2rem;height: 0.42rem;margin-bottom: 0;border: none;background-color: rgba(255,255,255,0.25);}
.fp-outer .fp-sub{color: #3642c3;line-height: 0.42rem;display: inline-block;vertical-align: top;width: 1.48rem;height: 0.42rem;border: none;background-color: #fff;font-weight: bold;cursor: pointer;text-align: center;}
.fp-outer input::-webkit-input-placeholder,
.fp-outer textarea::-webkit-input-placeholder{color: rgba(255,255,255,0.8);}
.fp-outer input:-moz-placeholder,
.fp-outer textarea:-moz-placeholder{color: rgba(255,255,255,0.8);}
.fp-outer input::-moz-placeholder,
.fp-outer textarea::-moz-placeholder{color: rgba(255,255,255,0.8);}
.fp-outer input:-ms-input-placeholder,
.fp-outer textarea:-ms-input-placeholder{color: rgba(255,255,255,0.8);}
.fp-outer .f-form{width: auto;padding-top:0;margin-bottom:0;display: inline-block;vertical-align: middle;}
.fp-outer .fp-close{width: .46rem;height: .46rem;position: absolute;right: .1rem;top: 0;transition: transform .3s;background-image: url(../images/close.png);background-size: .2rem .2rem;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
@media(max-width: 1920px){
    .f-tt{padding-bottom: 10px;}
    .fp-outer{padding-top: 14px;padding-bottom: 14px;}
}
@media(min-width: 1201px){
    .f-a:hover{opacity: 1;color:#3642c3}
    .f-ba:hover{opacity: 1;}
    .f-ba:hover:after{opacity: 0.5;}
    .f-sa:hover img{opacity: 1;}
    .fp-outer .fp-close:hover{transform: rotate(180deg);}
    .fp-outer .fp-sub:hover{color: #fff;}
    .f-bl a:hover{color: #3642c3;}
}
@media(max-width: 1400px){
    .f-txt{height: 32px;}
    .f-sub{height: 32px;line-height: 32px;}
    .f-sa{width: 30px;height: 30px;}

    .fp-outer .f-txt{height: 32px;}
    .fp-outer .fp-sub{height: 32px;line-height: 32px;}
}
@media(max-width: 1300px){
    .fp-outer .fp-close{width: 30px;height: 30px;background-size: 12px 12px;}
    
}
@media(max-width: 1200px){
    .fp-outer .f-txt{width: 150px;margin-bottom: 0;}
    .fp-outer .f-txt:nth-child(1),
    .fp-outer .f-txt:nth-child(2){margin-bottom: 0;}
    .fp-outer .fp-tit{display: block;margin-bottom: 10px;}
    .fp-outer .fp-sub{width: 92px;}
}
@media(max-width: 1100px){
    .f-txt{width: 160px;margin-right: 5px;}
    .f-txt:nth-child(1),
    .f-txt:nth-child(2){margin-bottom: 5px;}
    .f-sub{width: 85px;}
    .f-tbl{width: calc(100% - 418px);}
    .f-tbr{width: 418px;}
}
@media(max-width: 900px){
    .f-cont{width: 100%;padding-left: 10px;padding-right: 10px;}
    .f-txt{font-size: 12px;}
    .f-tbl{width: 350px;}
    .f-a{font-size: 12px;}
    .f-tit{font-size: 13px;}
    .f-t{font-size: 12px;}
    .f-bl{font-size: 12px;}
    .f-ba{font-size: 12px;}
    .f-sub{font-size: 13px;}
}
@media(max-width:  800px){
    .f-tbl{width: 300px;}
}
@media(max-width: 750px){
    .f-sub{font-size: 12px;width: 100%;margin: 0 auto;display: block;}
    .f-top{padding: 30px 10px 20px;}
    .f-bot{padding: 15px 10px;}
    .f-cont{max-width: 500px;margin: 0 auto;padding-left: 0;padding-right: 0;}
    .f-item{display: block;width: 100%;max-width: none;margin-bottom: 20px;overflow: hidden;}
    .f-tt{display: block;padding-bottom: 0;}
    .f-li{display: inline-block;vertical-align: top;margin-right: 20px;margin-bottom: 0;width: auto;}
    .f-a{line-height: 22px;}
    .f-tit{margin-bottom: 5px;}
    .f-tbl{float: none;width: 100%;margin-bottom: 20px;padding-right: 0;}
    .f-tbr{float: none;width: 100%;}
    .f-bl{float: none;width: 100%;margin-bottom: 10px;text-align: center;}
    .f-ul{width: calc(100% + 20px);}
    .f-br{float: none;width: 100%;text-align: center;}
    .f-ct{padding-top: 3px;}
    .f-form{display: flex;padding-top: 5px;width: 100%;flex-wrap: wrap;}
    .f-txt{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .f-txt:nth-child(2n){margin-right: 0;}
    .f-txt:nth-child(1),
    .f-txt:nth-child(2){margin-bottom: 2%;}
    .f-share{text-align: center;}
    .f-sa{margin: 0 5px;}

    .fp-outer .f-txt{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .fp-outer .f-txt:nth-child(2n){margin-right: 0;}
    .fp-outer .f-txt:nth-child(1),
    .fp-outer .f-txt:nth-child(2){margin-bottom: 2%;}
    .fp-outer .fp-sub{width: 100%;display: block;margin: 0 auto;}
    .fp-outer .fp-inner{max-width: 500px;}
}
@media(max-width: 500px){
    .f-ul{display: none;padding-bottom: 5px;}
    .f-tit{width:100%;display: block;line-height: 40px;margin-bottom: 0;position: relative;}
    .f-item .f-tit:after{content:"+";position: absolute;right:0;top:0;color:#fff;font-size: 1.5em;font-weight: normal;width: 40px;line-height: 40px;text-align: center;}
    .f-item.show .f-tit:after{content: "-";}
    .f-item{margin-bottom: 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
    .f-li{display: block;width: 1005；}
    .f-a{line-height: 30px;display: block;font-size: 13px;}
    .f-t:before{display: block;font-size: 13px;font-weight: bold;}
    .f-row:nth-child(1) .f-t:before{content: "E-mail";}
    .f-row:nth-child(2) .f-t:before{content: "Tel";}
    .f-row:nth-child(3) .f-t:before{content: "Add";}
    .f-top{padding-top: 15px;}
    .f-tt{display: none;}
}
@media(max-width: 380px){
    .f-form{display: block;margin-bottom: 20px;}
    .fp-outer .f-form{margin-bottom: 0;}
    .f-txt{width: 49%;margin-right: 2%;margin-bottom: 10px;}
    .f-txt:nth-child(2n){margin-right: 0;}
    .f-sub{display: block;margin: 0 auto;}
}


.rs-a{width: .46rem;position: fixed;right: 0;top: 50%;transform: translate(0,-50%);z-index: 99999;transition: all .3s cubic-bezier(.25,.1,.25,1);background-color: rgba(24,24,24,1);}
.rs-b{display: block;width: 100%;height: .46rem;line-height: .46rem;background-color: rgba(24,24,24,1);text-align: center;cursor: pointer;transition: all .3s cubic-bezier(.25,.1,.25,1);position: relative;}
.rs-c{width: .3rem;vertical-align: middle;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.rs-num{border-radius: .08rem;height: .16rem;line-height: .16rem;padding: 0 0.03rem;min-width: .16rem;background-color: #3642c3;position: absolute;right: .04rem;top: .05rem;font-size: .12rem;color: #fff;}
.rs-go{display: block;transform: rotate(270deg);width: 100%;height: .46rem;line-height: .46rem;background-color: rgba(24,24,24,1);text-align: center;cursor: pointer;position: relative;}
@media(max-width: 1920px){
    .rs-a{width: 46px;}
    .rs-b{height: 46px;line-height: 46px;}
    .rs-c{width: 30px;}
    .rs-num{border-radius: 8px;height: 16px;line-height: 16px;padding: 0 3px;min-width: 16px;right: 4px;top: 5px;font-size: 12px;}
    .rs-go{height: 46px;line-height: 46px;}
}
@media(min-width: 1201px){
    .rs-a.show .rs-b{background-color: rgba(24,24,24,1);}
    .rs-a .rs-b:hover{background-color: #3642c3;}
    .rs-a.show .rs-b:hover{background-color: #3642c3;}
}
@media(max-width: 800px){
    .rs-b{background-color: rgba(24,24,24,0.5);}
    .rs-b:nth-child(1){opacity: 0;visibility: hidden;position: absolute;left: 0;bottom: 0;}
    .rs-b:nth-child(2){opacity: 0;visibility: hidden;position: absolute;left: 0;bottom: 0;}
    .rs-b:nth-child(3){opacity: 0;visibility: hidden;position: absolute;left: 0;bottom: 0;}
    .rs-b:nth-child(4){opacity: 0;visibility: hidden;position: absolute;left: 0;bottom: 0;}
    .rs-a{transform: translate(0,150%);}
    .rs-a.show{opacity: 1;}
    .rs-a.show .rs-b:nth-child(1){transform: translate(0,0);opacity: 1;visibility: visible;transform: translate(0,-400%);}
    .rs-a.show .rs-b:nth-child(2){transform: translate(0,0);opacity: 1;visibility: visible;transform: translate(0,-300%);}
    .rs-a.show .rs-b:nth-child(3){transform: translate(0,0);opacity: 1;visibility: visible;transform: translate(0,-200%);}
    .rs-a.show .rs-b:nth-child(4){transform: translate(0,0);opacity: 1;visibility: visible;transform: translate(0,-100%);}
    .rs-a.show .rs-b:nth-child(5) .rs-c{transform: rotate(180deg);}
    .rs-a.opa{opacity: 0;}
}
@media(max-width: 750px){
    .rs-a{display: none;}
}

.a-main{width: 100%;}
.a-bn{width: 100%;}
.a-item{width: 100%;position: relative;}
.a-text{left: 50%;margin-left: -7.4rem;bottom: 3.2rem;position: absolute;transform: translate(0,0);width: 39em;}
.a-title{margin-bottom: 0.25rem;color: #fff;font-weight: bold;font-weight: bold;display: inline-block;vertical-align: top;margin-top: -0.1em;}
.a-author{margin-bottom: 0.25rem;color: #fff;font-weight: bold;}
.a-author:before{content: "";display: inline-block;vertical-align: middle;width: .5rem;height: 1px;background-color: #fff;margin-right: .11rem;}
.a-des{margin-bottom: 0.2rem;color: #fff;line-height: 2;}
.a-btn{padding-left: 0.3rem;padding-right: .3rem;color: #fff;line-height: 0.5rem;text-align: center;display: inline-block;vertical-align: top;background-color: #3642c3;cursor: pointer;}
.a-btn:before{content: "";display: inline-block;vertical-align: middle;width: 1.31em;height: 1.18em;background-image: url(../images/13.png);background-size: 100% 100%;margin-right: .11rem;}
.a-box{display: block;width: 100%;}
.a-img{width: 100%;height: 100vh;object-fit: cover;}
.a-arrow{width: .54rem;height: .54rem;margin-top: -0.27rem;background-size: .1rem .18rem;background-image: url(../images/12.png);background-repeat: no-repeat;background-position: center center;border: 1px solid #fff;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.a-prev{left: .5rem;}
.a-next{right: .5rem;transform: rotate(180deg);}
.a-prev.swiper-button-disabled,
.a-next.swiper-button-disabled{opacity: 0 !important;}
.a-bn .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 1;}
.a-bn .swiper-pagination-bullet-active{background-color: #3642c3;}
.a-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.a-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 8px;font-size: 0;display: none;}
.a-down{position: absolute;right: .5rem;bottom: .5rem;text-align: center;z-index: 123;}
.a-d-tit{color: #fff;margin-bottom: 8px;opacity: 0.8;}
.a-d-icon{width: 24px;margin-bottom: 11px;vertical-align: top;}
.d-arr{text-align: center;}
.d-el{width: 11px;height: 7px;background-image: url(../images/292.png);animation: opa 1s;animation-iteration-count: infinite;opacity: 0.4;margin: 0 auto 4px;}
.d-el:nth-child(1){animation-delay: 0s;}
.d-el:nth-child(2){animation-delay: 0.2s;}
.d-el:nth-child(3){animation-delay: 0.4s;}
@keyframes opa{
    0% {opacity: 1;}
    90% {opacity: 0.4;}
    100% {opacity: 1;}
}
@media(min-width: 1201px){
    .a-arrow:hover{background-color: #3642c3;border-color: #3642c3;}
    .a-title:hover{color: #3642c3;}
}
@media(max-width: 1200px){
    .a-btn{line-height: 31px;}
    .a-text{transform: translate(0,0);}
    .a-img{height: auto;}
    .a-down{display: none;}
}
@media(max-width: 800px){
    .a-prev{left: 3px;}
    .a-next{right: 3px;}
}
@media(max-width: 750px){
    .a-text{left: 0;margin-left: 0;width: 100%;padding-right: 10px;padding-left: 10px;bottom: auto;top:50%;transform: translate(0,-10%);}
    .a-des{font-size: 12px;}
    .a-btn{font-size: 12px;}
    .a-author{font-size: 14px;}
    .a-title{font-size: 21px;}
    .a-arrow{display: none;}
    .a-bn.swiper-container-horizontal>.swiper-pagination-bullets{display: block;}
}
@media(max-width: 500px){
    .a-img{height: calc(100vh - 40px);object-fit: cover;}
}


.b-main{padding-top: 1.07rem;width: 100%;margin-bottom: .13rem;}
.b-title{margin-bottom: 0.26rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.b-title a{color: #333;display: inline-block;vertical-align: top;}
.b-des{color: #666;line-height: 2;text-align: center;max-width: 65em;margin: 0 auto .52rem;}
.b-list{overflow: hidden;width: 100%;position: relative;}
.b-a{position: relative;display: block;float: left;}
.b-h2{left: 0.55rem;top: 0.37rem;color: #fff;position: absolute;z-index: 10;font-weight: bold;font-weight: bold;}
.b-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;}
.b-img img{width: 100%;height: 100%;object-fit: cover;}
.b-a1{width: 30.625%;padding-top: 47.08%;margin-right: 0.65%;}
.b-a2{width: 37.45%;padding-top: 23.23%;margin-right: 0.65%;}
.b-a3{width: 30.625%;padding-top: 47.08%;}
.b-a4{width: 37.45%;padding-top: 23.23%;position: absolute;left: 31.275%;bottom: 0;}
@media(min-width: 1201px){
    .b-title a:hover{color: #3642c3;}
    .b-a:hover .b-h2{color: #3642c3;}
}
@media(max-width: 900px){
    .b-des{padding: 0 10px;max-width: 100%;}
}
@media(max-width: 750px){
    .b-h2{left:0;top: 10px;padding: 0 10px;width: 100%;}
}
@media(max-width: 500px){
    .b-main{margin-bottom: 0;padding-top: 30px;}
/*     .b-a1{width: 49.5%;padding-top: 75.97%;margin-right: 1%;margin-bottom: 1%;}
    .b-a2{width: 49.5%;padding-top: 30.7%;margin-right: 0;margin-bottom: 1%;}
    .b-a3{width: 49.5%;padding-top: 75.97%;margin-right: 0;float: right;}
    .b-a4{width: 49.5%;padding-top: 30.7%;position: relative;left: 0;} */
    .b-h2{font-size: 16px;}
    .b-title{margin-bottom: 20px;}
    .b-des{display: none;}
    .b-a{width:100%;padding-top:56.25%;margin-bottom: 1%;position: relative;left: 0;}
    .b-list{padding-top: 57.25%;}
    .b-a2{position: absolute;left: 0;top: 0;}
}


.c-main{padding-top: 0.8rem;padding-bottom: .48rem;width: 100%;background-size: cover;background-position: center center;  
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 50px;
    line-height: 1;
    position: relative;}
.c-h2{margin-bottom: 0.1rem;color: #fff;text-align: center;font-weight: bold;font-weight: bold;}
.c-h2 a{display: inline-block;vertical-align: top;color: #fff;}
.c-p{color: #fff;line-height: 2;text-align: center;padding: 0 10px;opacity: 0.8;}
.c-m{width: 17.6rem;margin: 0 auto;;position: relative;}
.c-bn{width: 100%;padding-top: 0.6rem;}
.c-a{display: block;width: 4.2rem;background-color: #fff;position: relative;transition: all .3s cubic-bezier(.25,.1,.25,1);top: 0;}
.c-box{text-align: center;width: 100%;padding-top: 100%;height: 3.36rem;display: block;position: relative;}
.c-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.c-text{padding-left: 0.3rem;padding-right: .3rem;padding-bottom: 0.46rem;width: 100%;padding-top: .03rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.c-ares{margin-bottom: 0.15rem;color: #3642c3;font-weight: bold;}
.c-h3{margin-bottom: 0.05rem;color: #333;padding: 1px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;font-weight: bold;}
.c-attr{margin-bottom: 0.25rem;color: #666;border-bottom: 1px solid #e9e9e9;position: relative;margin-bottom: .2rem;padding-bottom: .26rem;}
.c-attr:after{content: "";display: block;width: .5rem;height: 0.03rem;background-color: #3642c3;position: absolute;left: 0;bottom: -1px;margin-bottom: -0.01rem;}
.c-des{color: #666;line-height: .28rem;position: relative;height: .56rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.c-s{width: 4.47rem;height: 6.98rem;}
.c-s:last-child{width: 4.2rem;}
.c-arrow{width: .54rem;height: .54rem;margin-top: -0.27rem;opacity: .6;background-size: .1rem .18rem;position: absolute;top: 50%;z-index: 123;background-image: url(../images/28.png);cursor: pointer;background-color: #e6e6e6;background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.c-prev{left: -0.27rem;}
.c-next{right: -0.27rem;transform: rotate(180deg);}
.c-prev.swiper-button-disabled,
.c-next.swiper-button-disabled{opacity: 0 !important;cursor: default;}
@media(min-width: 1201px){
    .c-arrow:hover{background-color: #3642c3;background-image: url(../images/12.png);}
    .c-a:hover{top: -0.2rem;}
    .c-a:hover .c-text{background-color: #3642c3;padding-top: .4rem;}
    .c-a:hover .c-ares{color: #fff;}
    .c-a:hover .c-h3{color: #fff;}
    .c-a:hover .c-attr{color: #fff;border-bottom-color: rgba(229,229,229, 0.4);}
    .c-a:hover .c-attr:after{background-color: #fff;}
    .c-a:hover .c-des{color: #fff;}
    /*.c-h2 a:hover{color: #3642c3;}*/
    .c-s:nth-child(4n+1){transition-delay: .2s;}
    .c-s:nth-child(4n+2){transition-delay: .4s;}
    .c-s:nth-child(4n+3){transition-delay: .6s;}
    .c-s:nth-child(4n+4){transition-delay: .8s;}
}
@media(max-width: 1200px){
    .c-des{line-height: 20px;height: 40px;}
    .c-h3{margin-bottom: 5px;}
}
@media(max-width: 900px){
    .c-m{width: 616px;}
    .c-arrow{width: 30px;height: 30px;background-size: 6px 11px;}
    .c-prev{left: -15px;}
    .c-next{right: -15px;}
}
@media(max-width: 750px){
    .c-m{width: 100%;max-width: 500px;}
    .c-des{width: 100%;}
    .c-text{padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
    .c-s{width: 250px;}
    .c-a{width: 240px;margin: 0 auto;}
    .c-s:last-child{width: 250px;}
    .c-prev{left: -12px;}
    .c-next{right: -12px;}
}
@media(max-width: 560px){
    .c-m{width: 90vw;}
    .c-s{width: 46vw;}
    .c-s:last-child{width: 44vw;}
    .c-a{width: 44vw;margin-left: 0;}
    .c-des{font-size: 12px;line-height: 18px;height: 36px;}
    .c-h3{font-size: 14px;}
    .c-ares{font-size: 13px;}
    .c-attr{font-size: 12px;}
}
@media(max-width: 500px){
    .c-main{padding-top: 30px;padding-bottom: 30px;}
    .c-p{display: none;}
    .c-bn{padding-top: 20px;}
    .c-s{height: auto;}
}


.d-main{padding-top: 0.98rem;width: 100%;}
.d-h2{margin-bottom: 0.13rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.d-h2 a{color: #333;display: inline-block;vertical-align: top;}
.d-des{color: #666;line-height: 2;text-align: center;width: 50em;margin: 0 auto 0.42rem;}
.d-box{width: 100%;position: relative;background-color: #000;overflow: hidden;}
.d-list{font-size: 0;width: 100%;background-size: cover;background-position: center center;position: relative;z-index: 2;}
.d-a{position: relative;width: 25%;padding-top: calc(50vh - 0.35rem);display: inline-block;vertical-align: top;border-bottom: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);}
.d-text{left: 0;padding-left: 0.3rem;padding-right: 0.3rem;top: 0;padding-top: 0.4rem;position: absolute;width: 100%;height: 100%;background-color: rgb(9 39 143 / 70%);visibility: hidden;opacity: 0;transition: all 1s;z-index: 123;}
.d-tit{margin-bottom: 0.23rem;color: #fff;font-weight: bold;font-weight: bold;}
.d-place{margin-bottom: 0.37rem;color: #fff;position: relative;}
.d-place:before{content: "";display: block;width: .2rem;height: 1px;top: 50%;margin-top: -1px;left: -0.3rem;background-color: #fff;position: absolute;}
.d-intro{margin-bottom: 0.33rem;color: #fff;line-height: .3rem;height: 1.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.d-more{color: #fff;display: inline-block;padding-bottom: 1em;padding-top: .1rem;transition: all .3s;}
.d-more:after{content: "";display: inline-block;vertical-align: middle;width: 0;height: .388em;background-image: url(../images/29.png);background-size: 100% 100%;margin-left: .666em;position: relative;top: -1px;transition: width .3s;}
.d-h3{width: 100%;position: absolute;right: 0;bottom: 0;font-weight: bold;font-weight: bold;color: #fff;z-index: 2;text-align: right;padding-top: .15rem;line-height: 1.5;padding-bottom: .21rem;padding-left: .3rem;padding-right: .3rem;transition: all .3s cubic-bezier(.25,.1,.25,1);visibility: visible;opacity: 1;}
.d-h3:before{content: "";display: block;width: .4rem;height: 0.02rem;background-color: #fff;position: absolute;right: .3rem;top: 0;}
.d-bgs{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.d-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;visibility: hidden;opacity: 0;transition: all 3s cubic-bezier(.25,.1,.25,1);background-size: cover;background-position: center center;}
.d-bg.show{visibility: visible;opacity: 1;}
.d-a.active .d-text{visibility: visible;opacity: 1;}
.d-a.active .d-h3{visibility: hidden;opacity: 0;}
.d-pic{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.d-pic img{width: 100%;height: 100%;}
.d-pic img.fixed{position: absolute;left: -200vw;top: 0;}
@media(min-width: 1201px){
    .d-h2 a:hover{color: #3642c3;}
    .d-more:hover{font-weight: bold;font-weight: bold;}
    .d-more:hover:after{width: 2.27em;}
}
@media(max-width: 1200px){
    .d-intro{line-height: 1.3;height: 5.2em;}
    .d-more:after{width: 2.27em;}
}
@media(max-width: 900px){
    .d-intro{height: 2.6em;-webkit-line-clamp: 2;}
}
@media(max-width: 750px){
    .d-a{width: 50%;padding-top: 42%;}
    .d-h2{padding: 0 10px;line-height: 1.2;margin-top: -0.1em;}
    .d-des{max-width: 100%;padding: 0 10px;}
    .d-text{padding: 15px 10px;}
    .d-place:before{display: none;}
    .d-intro{font-size: 12px;}
    .d-tit{font-size: 18px;line-height: 22px;}
    .d-place{font-size: 12px;}
    .d-more{font-size: 13px;}
}
@media(max-width: 500px){
    .d-main{padding-top: 30px;}
    .d-des{display: none;}
    .d-h2{margin-bottom: 20px;}
    .d-more{position: absolute;left: 0;bottom: 0;padding: 15px;}
}
@media(max-width: 350px){
    .d-text{padding: 10px;}
    .d-intro{margin-bottom: 10px;}
    .d-place{margin-bottom: 10px;}
}




.e-main{padding-top: 1.4rem;width: 100%;background-color: #f5f5f5;}
.e-tit a{color: inherit;}
.e-left{float: left;width: 8.8rem;padding-top: .15rem;}
.e-top{padding-left: 0.8rem;padding-bottom: 1.2rem;}
.e-tit{padding-bottom: 0.26rem;margin-bottom: 0.43rem;color: #333;position: relative;font-weight: bold;font-weight: bold;}
.e-tit:before{content: "";display: inline-block;width: .8rem;height: 1px;background-color: #ccc;position: absolute;left: -0.8rem;bottom: 0;}
.e-tit:after{content: "";display: inline-block;width: .6rem;height: 3px;background-color: #3642c3;position: absolute;left: 0;bottom: -1px;}
.e-tit a:hover{color: #3642c3;}
.e-intro{margin-bottom: 0.58rem;color: #666;line-height: 2;width: 100%;padding-left: .6rem;}
.e-more{color: #3642c3;font-weight: bold;cursor: pointer;}
.e-more:after{content: "";display: inline-block;vertical-align: middle;width: 2.27em;height: .388em;background-image: url(../images/31.png);background-size: 100% 100%;margin-left: .12rem;}
.e-item{margin-right: 0.4rem;text-align: center;display: inline-block;vertical-align: top;}
.e-item:last-child{margin-right: 0;}
.e-right{position: relative;float: right;width: 9.6rem;height: 6.4rem;background-size: cover;background-position: center center;overflow: hidden;}
.e-op{left: 50%;top: 50%;text-align: center;position: absolute;transform: translate(-50%,-50%);cursor: pointer;}
.e-icon{margin-bottom: 0.25rem;border-radius: 50%;width: .9rem;height: .9rem;border: .04rem solid rgba(255,255,255,0.3);background-image: url(../images/32.png);background-size: 100% 100%;display: inline-block;vertical-align: top;transform: scale(1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.e-bot{padding-top: 0.76rem;padding-bottom: 0.77rem;font-size: 0;background-color: #3642c3;padding-left: .3rem;width: 11.9rem;}
.e-num{margin-bottom: 0.22rem;color: #fff;font-weight: bold;font-weight: bold;}
.e-cv{left: 0;bottom: 0.4rem;color: #fff;position: absolute;width: 100%;text-align: center;font-weight: bold;font-weight: bold;}
.e-t{color: #fff;opacity: .7;font-weight: bold;max-width: 15.5em;line-height: 1.5;}
.e-st{color: #fff;font-weight: bold;}
.e-v{width: 100%;height: 100%;background-color: #000;position: absolute;left: -200%;top: 0;}
.e-right.show .e-v{left: 0;}
.e-right.show .e-op{display: none;}
.e-right.show .e-cv{display: none;}
@media(min-width: 1201px){
    .e-item:nth-child(1){transition-delay: .2s;}
    .e-item:nth-child(2){transition-delay: .4s;}
    .e-item:nth-child(3){transition-delay: .6s;}
    .e-icon:hover{transform: scale(1.2);background-color: #3642c3;border-color: #3642c3;}
}
@media(max-width: 1420px){
    .e-t{font-size: 13px;}
}
@media(max-width: 1350px){
    .e-t{font-size: 12px;}
}
@media(max-width: 1000px){
    .e-left{float: none;width: 100%;overflow: hidden;}
    .e-right{float: none;width: 450px;height: 300px;margin-left: auto;margin-right: auto;overflow: hidden;}
    .e-top{padding-bottom: 30px;padding-right: 10px;}
    .e-bot{width: 100%;text-align: center;padding-left: 0;}
    .e-main{padding-top: 50px;}
    .e-item{margin: 0 20px;}
    .e-item:first-child{margin-left: 0;}
}
@media(max-width: 700px){
    .e-item{width: 33.333%;padding: 0 5px;margin: 0;}
    .e-t{line-height: 1.3;}
    .e-num{margin-bottom: 6px;}
    .e-bot{padding-top: 20px;padding-bottom: 18px;}
}
@media(max-width: 500px){
    .e-main{padding-top: 30px;}
}
@media(max-width: 450px){
    .e-intro{padding-left: 0;}
    .e-v{position: relative;vertical-align: top;}
    .e-right{width: 100%;height: auto;}
}


.g-main{padding-top: 1.27rem;width: 100%;padding-bottom: 1.07rem;}
.g-title{margin-bottom: .5rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.g-tabs{margin-bottom: 0.49rem;font-size: 0;width: 100%;text-align: center;}
.g-tab{color: #4c4c4c;line-height: 0.46rem;text-align: center;position: relative;z-index: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);display: inline-block;vertical-align: top;min-width: 3rem;margin: 0 .05rem;background-color: #f0f0f0;cursor: pointer;font-weight: bold;padding: 0 .1rem;}
.g-cont{width: 100%;position: relative;overflow: hidden;}
.g-list{font-size: 0;width: 100%;text-align: center;padding: .3rem;opacity: 0;position: absolute;left: 0;top: 0;transition: opacity 1s;}
.g-list.show{position: relative;opacity: 1;}
.g-one{position: relative;display: inline-block;vertical-align: top;width: 2rem;height: 1.1rem;border: 1px solid #e0e0e0;margin-left: -1px;margin-bottom: -1px;}
.g-img{left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 80%;max-height: 80%;position: absolute;}
.g-tab:after{content: "";display: block;width: 0;height: 100%;background-color: #3642c3;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}

@media(min-width: 1201px){
    .g-tab.active{color: #fff;border-color: #3642c3;}
    .g-tab.active:after{width: 100%;}
}
@media(max-width: 1200px){
    .g-tab.active{color: #fff;border-color: #3642c3;background-color: #3642c3;}
}

@media(min-width: 901px){
    .g-one:nth-child(29n+1){margin-left: 1.8rem;}
    .g-one:nth-child(29n+8){margin-left: 4.48rem;}
    .g-one:nth-child(29n+15){margin-left: 1.5rem;}
    .g-one:nth-child(29n+23){margin-left: 4.48rem;}
}
@media(max-width: 1250px){
    .g-tabs{margin-bottom: 15px;}
    .g-tab{line-height: 30px;padding: 0 10px;margin: 0 5px 10px;}
    .g-main{padding-left: 10px;padding-right: 10px;}
    .g-list{text-align: center;padding-left: 0;padding-right: 0;}
}
@media(max-width: 500px){
    .g-list{text-align: left;padding: 0;}
    .g-one{width: 25%;height: auto;padding-top: 13.75%;}
    .g-tab{font-size: 12px;}
    .g-main{padding-top: 30px;padding-bottom: 30px;}
    .g-title{margin-bottom: 20px;}
}


.i-main{padding-top: 1.12rem;padding-bottom: 1.03rem;width: 100%;background-size: cover;background-position: center center;  
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 50px;
    line-height: 1;
    position: relative;}
.i-h2{margin-bottom: 0.25rem;color: #fff;text-align: center;font-weight: bold;font-weight: bold;}
.i-h2 a{display: inline-block;vertical-align: top;color: #fff;}
.i-p{color: #fff;line-height: 2;text-align: center;padding: 0 10px;opacity: 0.8;max-width: 80em;margin: 0 auto .54rem;}
.i-m{width: 17.6rem;margin: 0 auto;;position: relative;}
.i-bn{width: 100%;}
.i-bn .swiper-wrapper{align-items: stretch;}
.i-a{display: block;width: 4.1rem;height: 100%;background-color: #fff;position: relative;transition: all .3s cubic-bezier(.25,.1,.25,1);top: 0;}
.i-box{text-align: center;width: 100%;padding-top: 63.41%;position: relative;overflow: hidden;display: block;}
.i-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);transform: scale(1.001);}
.i-s{width: 4.5rem;height: auto;}
.i-s:last-child{width: 4.1rem;}
.i-arrow{width: .54rem;height: .54rem;margin-top: -0.27rem;background-size: .1rem .18rem;opacity: .6;position: absolute;top: 50%;z-index: 123;background-image: url(../images/28.png);cursor: pointer;background-color: #e6e6e6;background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.i-prev{left: -0.27rem;}
.i-next{right: -0.27rem;transform: rotate(180deg);}
.i-prev.swiper-button-disabled,
.i-next.swiper-button-disabled{opacity: 0 !important;cursor: default;}
.i-md{width: auto;min-width: .6rem;height: auto;background-color: #3642c3;position: absolute;right: .2rem;top: .2rem;z-index: 123;padding-top: .08rem;text-align: center;padding-bottom: 0.05rem;padding-left: 5px;padding-right: 5px;}
.i-d{color: #fff;font-weight: bold;font-weight: bold;margin-bottom: .04rem;}
.i-mt{color: #fff;}
.i-text{width: 100%;padding: .3rem .29rem .46rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.i-type{color: #3642c3;font-weight: bold;font-weight: bold;line-height: 1.5;height: 3em;padding-bottom: 1px;padding-top: 1px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.i-place{color: #4c4c4c;padding-bottom: .2rem;position: relative;margin-bottom: .26rem;font-weight: bold;}
.i-place:after{content: "";display: inline-block;width: .3rem;height: 2px;background-color: #999;position: absolute;left: 0;bottom: 0;}
.i-intro{color: #666;line-height: 1.875;height: 5.625em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media(min-width: 1201px){
    .i-arrow:hover{background-color: #3642c3;background-image: url(../images/12.png);opacity: 1;}
    .i-h2 a:hover{color: #3642c3;}
    .i-a:hover{background-color: #3642c3;}
    .i-a:hover .i-type{color: #fff;}
    .i-a:hover .i-place{color: #fff;}
    .i-a:hover .i-place:after{background-color: #fff;}
    .i-a:hover .i-intro{color: #fff;}
    .i-a:hover .i-img{transform: scale(1.1);}
    .i-s:nth-child(4n+1){transition-delay: .2s;}
    .i-s:nth-child(4n+2){transition-delay: .4s;}
    .i-s:nth-child(4n+3){transition-delay: .6s;}
    .i-s:nth-child(4n+4){transition-delay: .8s;}
}
@media(max-width: 900px){
    .i-m{width: 616px;}
    .i-arrow{width: 30px;height: 30px;background-size: 6px 11px;}
    .i-prev{left: -15px;}
    .i-next{right: -15px;}
    .i-text{padding-left: 10px;padding-right: 10px;padding-bottom: 15px;}
    .i-type{font-size: 14px;}
    .i-place{font-size: 13px;}
    .i-intro{font-size: 12px;line-height: 18px;height: 54px;}
}
@media(max-width: 750px){
    .i-m{width: 100%;max-width: 500px;}
    .i-s{width: 250px}
    .i-s:last-child{width: 250px}
    .i-a{width: 240px;margin: 0 auto;}
    .i-prev{left: -12px;}
    .i-next{right: -12px;}
}
@media(max-width: 560px){
    .i-m{width: 90vw;}
    .i-s{width: 46vw;}
    .i-s:last-child{width: 44vw;}
    .i-a{width: 44vw;margin-left: 0;}
}
@media(max-width: 500px){
    .i-main{padding-top: 30px;padding-bottom: 30px;}
    .i-h2{margin-bottom: 20px;}
    .i-p{display: none;}
}


.j-main{padding-top: 1.13rem;padding-bottom: 1rem;width: 100%;position: relative;}
.j-main.sp{padding-top: .8rem;}
.j-target{width: 100%;position: absolute;left: 0;top: -1rem;margin-top: -3em;}
.j-cont{width: 13.6rem;margin: 0 auto;}
.j-title{margin-bottom: 0.36rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.j-form{width: 100%;}
.j-row{margin-bottom: 0.2rem;font-size: 0;width: 100%;}
.j-tip{color: #666;padding-top: 0.6em;line-height: 1.3;}
.j-tip a{font-weight:bold;text-decoration: underline;}
.j-col{margin-right: 2.54%;display: inline-block;vertical-align: top;width: 31.64%;}
.j-col:nth-child(3n){margin-right: 0;}
.j-txt{padding-left: 0.2rem;padding-right: .2rem;color: #666;width: 100%;height: 0.5rem;border: 1px solid #dbdbdb;}
.j-area{padding-left: 0.2rem;padding-right: 0.2rem;padding-top: 0.13rem;padding-bottom: 0.13rem;line-height: 1.555;width: 100%;height: 1.8rem;border: 1px solid #dbdbdb;color: #666;}
.j-last{padding-top: 0.2rem;text-align: center;}
.j-sub{color: #fff;line-height: 0.54rem;display: inline-block;vertical-align: top;cursor: pointer;width: 2.8rem;height: 0.54rem;border: none;background-color: #3642c3;font-weight: bold;}
.j-form input::-webkit-input-placeholder,
.j-form textarea::-webkit-input-placeholder{color: #666;}
.j-form input:-moz-placeholder,
.j-form textarea:-moz-placeholder{color: #666;}
.j-form input::-moz-placeholder,
.j-form textarea::-moz-placeholder{color: #666;}
.j-form input:-ms-input-placeholder,
.j-form textarea:-ms-input-placeholder{color: #666;}
.j-form input:focus::-webkit-input-placeholder,
.j-form textarea:focus::-webkit-input-placeholder{color: #bbb;}
.j-form textarea:focus:-moz-placeholder{color: #666;}
.j-form input:focus::-moz-placeholder,
.j-form textarea:focus::-moz-placeholder{color: #666;}
.j-form input:focus:-ms-input-placeholder,
.j-form textarea:focus:-ms-input-placeholder{color: #666;}
@media(max-width: 1200px){
    .j-txt{height: 32px;}
    .j-sub{height: 34px;line-height: 34px;}
    
}
@media(max-width: 750px){
    .j-main{padding-left: 10px;padding-right: 10px;}
    .j-cont{width: 100%;max-width: 500px;}
    .j-row{margin-bottom: 0;}
    .j-col{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .j-last{padding-top: 15px;}
}
@media(max-width: 500px){
    .j-main{padding-top: 30px;padding-bottom: 30px;}
}


.k-main{width: 100%;height: 5.5rem;position: relative;}
.k-img{width: 100%;height: 100%;object-fit: cover;}
.k-text{width: 13.6rem;position: absolute;left: 50%;margin-left: -6.8rem;top: 50%;transform: translate(0,-50%);z-index: 123;text-align: center;}
.k-tit{color: #fff;font-weight: bold;font-weight: bold;width: 100%;line-height: 1.3;}
.k-intro{color: #fff;line-height: 1.45;padding-top: .23rem;}
.k-text.sp{text-align: left;top: auto;transform: translate(0,0);bottom: .83rem;}
.k-text.sp.ht{padding-top: .32rem;}
.k-text.sp.ht:before{content: "";width: .9rem;height: .02rem;min-height: 2px;background-color: #fff;position: absolute;left: 0;top: 0;}
@media(max-width: 900px){
    .k-main{height: auto;}
    .k-img{height: auto;}
}
@media(max-width: 750px){
    .k-text{width: 100%;padding: 0 10px;left: 0;margin-left: 0;}
    .k-text.sp{bottom: 20px;}
    .k-text.sp.ht:before{left: 10px;}
}
@media(max-width: 500px){
    .k-img{height: 56.25vw;}
}


.l-main{width: 100%;border-bottom: 1px solid #e6e6e6;background-color: #f7f7f7;padding: 0 10px;}
.l-main.white{background-color: #fff;}
.l-cont{width: 100%;max-width: 13.6rem;margin: 0 auto;font-size: 0;}
.l-cont.sp{max-width: 17.6rem;}
.l-cont>div{display: inline-block;vertical-align: top;}
.l-cont>div:last-child a:after{display: none;}
.l-cont>div:last-child a{color: #3642c3;}
.l-a{display: inline-block;vertical-align: top;line-height: .6rem;color: #4c4c4c;}
.l-a:after{content: "-";padding: 0 .06rem;}
@media(max-width: 750px){
    .l-main{display: none;}
}

.m-main{padding-top: 1.11rem;padding-bottom: .3rem;width: 100%;background-color: #f7f7f7;}
.m-cont{width: 13.6rem;margin: 0 auto;}
.m-title{margin-bottom: 0.3rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.m-intro{color: #4c4c4c;line-height: 2;text-align: center;margin: 0 auto .48rem;width: 100%;max-width: 65.6em;}
.m-list{font-size: 0;width: 100%;}
.m-a{margin-right: 2.57%;margin-bottom: 0.65rem;display: inline-block;vertical-align: top;width: 31.62%;}
.m-a:nth-child(3n){margin-right: 0;}
.m-box{padding-top: 88.372%;position: relative;width: 100%;overflow: hidden;}
.m-img{left: 0;top: 0;position: absolute;width: 100%;height: 100%;object-fit: cover;transform: scale(1.001);transition: all 0.5s cubic-bezier(.25,.1,.25,1) 0s;}
.m-tit{padding-top: 0.34rem;color: #333;line-height: 1.45;font-weight: bold;}
@media(min-width: 1201px){
    .m-a:hover .m-tit{color: #3642c3;}
    .m-box:hover .m-img{transform: scale(1.1);}
}
@media(max-width: 750px){
    .m-main{padding-left: 10px;padding-right: 10px;}
    .m-cont{width: 100%;max-width: 500px;}
    .m-a{width: 49%;margin-right: 2%;}
    .m-a:nth-child(3n){margin-right: 2%;}
    .m-a:nth-child(2n){margin-right: 0;}
}

.n-main{padding-top: 0.85rem;width: 100%;padding-bottom: .92rem;}
.n-cont{width: 13.6rem;margin: 0 auto;}
.n-item{width: 100%;margin-bottom: .46rem;}
.n-item:last-child{margin-bottom: 0;}
.n-tit{margin-bottom: 0.15rem;color: #333;line-height: 1.41;font-weight: bold;font-weight: bold;}
.n-box{width: 100%;}
.n-intro{color: #666;line-height: 2;}
.n-one{width: 100%;margin-bottom: .28rem;}
.n-one:first-child{padding-top: .18rem;}
.n-one:last-child{margin-bottom: 0;}
.n-t{color: #3642c3;line-height: 1.42;margin-bottom: .14rem;font-weight: bold;}
@media(max-width: 750px){
    .n-main{padding-left: 10px;padding-right: 10px;}
    .n-cont{width: 100%;max-width: 500px;}
}



.o-main{padding-top: .98rem;padding-bottom: 1rem;width: 100%;background-size: cover;background-position: center center;}
.o-cont{width: 13.6rem;margin: 0 auto;}
.o-title{margin-bottom: 0.56rem;color: #fff;text-align: center;font-weight: bold;font-weight: bold;}
.o-form{width: 100%;}
.o-row{margin-bottom: 0.3rem;font-size: 0;width: 100%;}
.o-col{margin-right: 2.54%;display: inline-block;vertical-align: top;width: 31.64%;}
.o-col:nth-child(3n){margin-right: 0;}
.o-txt{padding-left: 0.2rem;padding-right: .2rem;color: #fff;width: 100%;height: 0.5rem;border: none;background-color: rgba(255,255,255,0.14);}
.o-area{padding-left: 0.2rem;padding-right: 0.2rem;padding-top: 0.13rem;padding-bottom: 0.13rem;line-height: 1.555;width: 100%;height: 2.1rem;border: none;color: #fff;background-color: rgba(255,255,255,0.14);}
.o-last{padding-top: 0.1rem;text-align: center;}
.o-sub{color: #fff;line-height: 0.54rem;display: inline-block;vertical-align: top;cursor: pointer;width: 2.8rem;height: 0.54rem;border: none;background-color: #3642c3;font-weight: bold;}
.o-dt{color: #fff;opacity: 0.54;padding-bottom: .12rem;}
@media(max-width: 1200px){
    .o-txt{height: 32px;}
    .o-sub{height: 34px;line-height: 34px;}
}
@media(max-width: 750px){
    .o-main{padding-left: 10px;padding-right: 10px;}
    .o-cont{width: 100%;max-width: 500px;}
    .o-row{margin-bottom: 0;}
    .o-col{width: 100%;margin-right: 0;margin-bottom: 13px;}
    .o-last{padding-top: 15px;}
}



.p-main{background-color: #f7f7f7;padding-top: 1.09rem;padding-bottom: .65rem;overflow: hidden;}
.p-title{text-align: center;font-weight: bold;font-weight: bold;color: #333;}
.p-m{width: 14.01rem;margin: 0 auto;;position: relative;}
.p-bn{width: 100%;padding-bottom: .55rem;padding-top: .55rem;}
.p-a{display: block;width: 4.1rem;background-color: #fff;position: relative;transition: all .3s cubic-bezier(.25,.1,.25,1);top: 0;margin: 0 auto;}
.p-box{text-align: center;width: 100%;padding-top: 63.41%;position: relative;overflow: hidden;display: block;}
.p-img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 1;transform: scale(1.001);transition: all 0.5s cubic-bezier(.25,.1,.25,1) 0s;}
.p-s{width: 4.67rem;}
.p-arrow{display: none;width: .54rem;height: .54rem;margin-top: -0.27rem;background-size: .1rem .18rem;position: absolute;top: 50%;z-index: 123;background-image: url(../images/28.png);cursor: pointer;background-color: #e6e6e6;background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.p-prev{left: -0.27rem;}
.p-next{right: -0.27rem;transform: rotate(180deg);}
.p-prev.swiper-button-disabled,
.p-next.swiper-button-disabled{opacity: 0 !important;cursor: default;}
.p-md{width: auto;min-width: .6rem;height: auto;background-color: #3642c3;position: absolute;right: .2rem;top: .2rem;z-index: 123;padding-top: .08rem;text-align: center;padding-bottom: 0.05rem;padding-left: 5px;padding-right: 5px;}
.p-d{color: #fff;font-weight: bold;font-weight: bold;margin-bottom: .04rem;}
.p-mt{color: #fff;}
.p-text{width: 100%;padding: .35rem .29rem .46rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.p-text2{width: 100%;padding-top: .23rem;}
.p-tit2{color: #333;line-height: 1.77;font-weight: bold;}
.p-type{color: #3642c3;font-weight: bold;line-height: 1.5;max-height: 3em;font-weight: bold;margin-bottom: 0.07rem;padding-bottom: 1px;padding-top: 1px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.p-place{color: #4c4c4c;padding-bottom: .2rem;position: relative;margin-bottom: .26rem;font-weight: bold;}
.p-place:after{content: "";display: inline-block;width: .3rem;height: 2px;background-color: #999;position: absolute;left: 0;bottom: 0;}
.p-intro{color: #666;line-height: 1.875;height: 5.625em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media(min-width: 1201px){
    .p-arrow:hover{background-color: #3642c3;background-image: url(../images/12.png);}
    .p-h2 a:hover{color: #3642c3;}
    .p-a:hover{box-shadow: 0 .03rem .22rem rgba(22,5,10,0.12);}
    .p-a:hover .p-img{transform: scale(1.1);}
    .p-s:nth-child(3n+1){transition-delay: .2s;}
    .p-s:nth-child(3n+2){transition-delay: .4s;}
    .p-s:nth-child(3n+3){transition-delay: .6s;}
}
@media(max-width: 900px){
    .p-m{width: 657px;}
    .p-arrow{width: 30px;height: 30px;background-size: 6px 11px;}
    .p-prev{left: -15px;}
    .p-next{right: -15px;}
    .p-text{padding-left: 10px;padding-right: 10px;padding-bottom: 15px;}
    .p-type{font-size: 14px;}
    .p-place{font-size: 13px;}
    .p-intro{font-size: 12px;line-height: 18px;height: 54px;}
}
@media(max-width: 750px){
    .p-m{width: 92vw;max-width: 500px;}
    .p-arrow{display: block;}
}
@media(max-width: 500px){
    .p-s{width: 46vw;}
    .p-a{width: 44vw;}
    .p-tit2{font-size: 13px;}
}

.q-main{width: 100%;padding-top: 1.17rem;padding-bottom: 1.34rem;background-color: #f7f7f7;}
.q-cont{width: 13.6rem;margin: 0 auto;}
.q-title{font-weight: bold;font-weight: bold;color: #333;margin-bottom: .24rem;text-align: center;}
.q-des{color: #4c4c4c;line-height: 2;width: 100%;max-width: 62em;margin: 0 auto .62rem;text-align: center;}
.q-box{width: 100%;position: relative;}
.q-img{width: 100%;vertical-align: top;}
.q-play{width: .9rem;height: .9rem;position: absolute;left: 50%;top: 50%;margin-left: -0.45rem;margin-top: -0.45rem;z-index: 123;border-radius: 50%;border: .04rem solid rgba(255,255,255,0.3);cursor: pointer;background-image: url(../images/32.png);background-size: 100% 100%;cursor: pointer;transform: scale(1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.q-v{width: 100%;background-color: #000;position: absolute;left: -200%;top: 0;}
.q-box.show .q-v{left: 0;position: relative;}
.q-box.show .q-img{display: none;}
.q-box.show .q-play{display: none;}
@media(min-width: 1201px){
    .q-play:hover{transform: scale(1.2);background-color: rgba(230,0,18,0.8);border-color: transparent;}
}
@media(max-width: 750px){
    .q-main{padding-left: 10px;padding-right: 10px;}
    .q-cont{width: 100%;}
}


.r-main{padding-top: 1.12rem;padding-bottom: 1.1rem;border-bottom: 1px solid #e6e6e6;width: 100%;}
.r-title{margin-bottom: .52rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.r-wrap{position: relative;width: 13.6rem;margin: 0 auto;}
.r-bn{width: 100%;}
.r-s{width: 6.9rem;}
.r-s:last-child{width: 6.7rem;}
.r-item{width: 6.7rem;display: block;}
.r-box{padding-top: 59.7%;overflow: hidden;position: relative;width: 100%;}
.r-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;object-fit: cover;}
.r-play{left: 50%;top: 50%;position: absolute;z-index: 123;transform: translate(-50%,-50%) scale(1);border: .04rem solid rgba(255,255,255,0.3);border-radius: 50%;width: .8rem;height: .8rem;background-image: url(../images/32.png);background-size: 100% 100%;cursor: pointer;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.r-text{padding-left: 0.4rem;padding-right: .4rem;padding-top: 0.36rem;width: 100%;}
.r-tit{margin-bottom: 0.14rem;color: #333;font-weight: bold;font-weight: bold;position: relative;}
.r-tit:before{content: "";display: block;width: .3rem;height: 1px;background-color: #3642c3;position: absolute;left: -0.4rem;top: 50%;margin-top: -1px;}
.r-des{color: #666;line-height: 1.75;width: 100%;max-width: 31em;}
.r-arrow{width: .54rem;height: .54rem;border-radius: 50%;border: 1px solid #d7d7d7;position: absolute;top: 2rem;margin-top: -0.27rem;cursor: pointer;background-image: url(../images/203.png);background-repeat: no-repeat;background-position: center center;background-size: .1rem .18rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.r-arrow.swiper-button-disabled{opacity: 0 !important;cursor: default;}
.r-prev{left: -0.9rem;}
.r-next{right: -0.9rem;transform: rotate(180deg);}
@media(min-width: 1201px){
    .r-arrow:hover{background-color: #3642c3;background-image: url(../images/204.png);border-color: #3642c3;}
    .r-play:hover{transform: translate(-50%,-50%) scale(1.2);background-color: rgba(230,0,18,0.8);border-color: transparent;}
    .r-s:nth-child(2n+1){transition-delay: .2s;}
    .r-s:nth-child(2n){transition-delay: .4s;}
}
@media(max-width: 900px){
    .r-arrow{width: 30px;height: 30px;background-size: 6px 11px;margin-top: -15px;}
}
@media(max-width: 750px){
    .r-wrap{width: 100%;padding-left: 30px;padding-right: 30px;}
    .r-prev{left: 0;}
    .r-next{right: 0;}
    .r-s{width: calc(50vw - 30px);}
    .r-item{width: 96%;margin: 0 auto;}
}
@media(max-width: 500px){
    .r-s{width: calc(100vw - 60px);}
    .r-item{width: 100%;}
    .r-arrow{top: calc(29.85vw - 18px)}
}

.s-main{padding-top: 1.12rem;padding-bottom: 1rem;border-bottom: 1px solid #e6e6e6;width: 100%;}
.s-title{margin-bottom: .52rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.s-wrap{position: relative;width: 13.6rem;margin: 0 auto;}
.s-bn{width: 100%;padding-bottom: .76rem;}
.s-s{width: 3.5rem;}
.s-s:last-child{width: 3.1rem;}
.s-item{width: 3.1rem;display: block;}
.s-arrow{width: .54rem;height: .54rem;border-radius: 50%;border: 1px solid #d7d7d7;position: absolute;top: 1.35rem;margin-top: -0.27rem;cursor: pointer;background-image: url(../images/203.png);background-repeat: no-repeat;background-position: center center;background-size: .1rem .18rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.s-arrow.swiper-button-disabled{opacity: 0 !important;cursor: default;}
.s-prev{left: -0.9rem;}
.s-next{right: -0.9rem;transform: rotate(180deg);}
.s-box{width: 100%;padding-top: 87%;position: relative;}
.s-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.s-text{width: 100%;padding-top: .3rem;}
.s-tit{color: #3642c3;font-weight: bold;margin-bottom: .1rem;}
.s-code{color: #333;font-weight: bold;margin-bottom: .1rem;}
.s-power{color: #808080;margin-bottom: .1rem;}
.s-ip{color: #808080;}
.s-line{width: 100%;height: 1px;background-color: #e6e6e6;position: relative;margin-bottom: .17rem;}
.s-line:before{content: "";display: inline-block;width: .3rem;height: 1px;background-color: #3642c3;position: absolute;left: 0;top: 0;transition: width .3s;}
.s-bn .swiper-pagination-bullet{width: .12rem;height: .12rem;background-color: #d7d7d7;opacity: 1;border: none;border-radius: 0;}
.s-bn .swiper-pagination-bullet-active{background-color: #dd0213;}
.s-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .1rem;}
.s-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;font-size: 0;}
@media(min-width: 1201px){
    .s-arrow:hover{background-color: #3642c3;background-image: url(../images/204.png);border-color: #3642c3;}
    .s-item:hover .s-line:before{width: 100%;}
}
@media(max-width: 900px){
    .s-arrow{width: 30px;height: 30px;background-size: 6px 11px;margin-top: -15px;}
}
@media(max-width: 750px){
    .s-wrap{width: 100%;padding-left: 30px;padding-right: 30px;}
    .s-prev{left: 0;}
    .s-next{right: 0;}
}
@media(max-width: 500px){
    .s-s{width: calc(50vw - 30px);}
    .s-s:last-child{width: calc(50vw - 30px);}
    .s-item{width: 96%;margin: 0 auto;}
    .s-arrow{top: calc(20vw - 7px);}
}

.t-a{width: 100%;padding-top: .6rem;background-color: #f7f7f7;}
.t-tabs-wrap{width: 100%;/*height: .92rem;*/}
.t-tabs{width: 100%;text-align: center;font-size: 0;padding: .15rem 0;z-index: 1234;background-color: #f7f7f7;}
.t-tabs.fixed{position: fixed;left: 0;top: .7rem;}
.t-tab{display: inline-block;vertical-align: top;min-width: 2.8rem;text-align: center;height: .52rem;line-height: .5rem;border: 1px solid #ccc;padding: 0 .15rem;margin: .05rem;color: #4c4c4c;font-weight: bold;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.t-tab.active{background-color: #3642c3;border-color: #3642c3;color: #fff;}
@media(min-width: 1201px){
    .t-tab:hover{color: #3642c3;border-color: #3642c3;}
    .t-tab.active{color: #fff;}
}
@media(max-width: 1200px){
    .t-tabs.fixed{top: 42px;}
}
@media(max-width: 750px){
    .t-tabs.fixed{top: 46px;}
}
@media(max-width: 900px){
    .t-tab{font-size: 13px;}
}
@media(max-width: 500px){
    .t-tab{min-width: 0;margin: 5px;}
    .t-tabs-wrap{height: auto;min-height: .92rem;}
}

.u-main{padding-top: 0.7rem;width: 100%;padding-bottom: 1.2rem;}
.u-cont{width: 13.6rem;margin: 0 auto;}
.u-title{margin-bottom: 0.2rem;color: #333;text-align: center;width: 100%;font-weight: bold;font-weight: bold;}
.u-intro{margin-bottom: 0.6rem;color: #4c4c4c;line-height: 2;text-align: center;}
.u-row{width: 100%;font-size: 0;margin-bottom: .6rem;}
.u-box{width: 8.93rem;height: 5.3rem;display: inline-block;vertical-align: top;overflow: hidden;}
.u-img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.001);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-text{padding-top: 0.4rem;width: 4.67rem;height: 5.3rem;background-color: #fff;display: inline-block;vertical-align: top;padding-left: .55rem;padding-right: .55rem;}
.u-date{margin-bottom: 0.6rem;font-size: 0;text-align: right;position: relative;}
.u-date:before{content: "";display: block;width: 2.6rem;height: 1px;background-color: #e6e6e6;position: absolute;left: 0;bottom: .15rem;}
.u-d{color: #3642c3;font-weight: bold;font-weight: bold;background-color: #fff;position: relative;z-index: 123;margin-right: .05rem;}
.u-m{color: #808080;background-color: #fff;position: relative;z-index: 123;}
.u-tit{padding-bottom: 0.23rem;margin-bottom: 0.13rem;color: #333;line-height: .32rem;position: relative;font-weight: bold;font-weight: bold;display: block;}
.u-tit:after{content: "";display: inline-block;width: .3rem;height: .02rem;min-height: 1px;background-color: #999;position: absolute;left: 0;bottom: 0;}
.u-des{margin-bottom: 0.43rem;color: #666;line-height: .3rem;height: .9rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.u-more{min-width: 1.8rem;text-align: center;padding-left: 0.3rem;padding-right: 0.28rem;color: #3642c3;width: auto;border: 1px solid #3642c3;font-weight: bold;line-height: .4rem;display: inline-block;vertical-align: top;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-more:after{content: "";display: inline-block;vertical-align: middle;width: 1.31em;height: .33em;background-image: url(../images/236.png);background-size: 100% 100%;margin-left: .5em;transition: width .3s;}
.u-list{width: 100%;font-size: 0;}
.u-item{display: inline-block;vertical-align: top;width: 31.32%;margin-right: 3.02%;margin-bottom: 3.02%;background-color: #fff;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-item:nth-child(3n){margin-right: 0;}
.u-box2{width: 100%;position: relative;padding-top: 63.41%;overflow: hidden;display: block;}
.u-img2{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transform: scale(1.001);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.u-text2{height: 2.6rem;padding-top: .35rem;width: 100%;padding-left: .3rem;padding-right: .3rem;}
.u-tit2{color: #333;line-height: .28rem;position: relative;font-weight: bold;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .11rem;}
.u-line{margin-bottom: .2rem;display: block;width: .3rem;height: .02rem;min-height: 1px;background-color: #999;}
.u-des2{color: #666;line-height: .3rem;height: .9rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.u-last{width: 100%;text-align: center;padding-top: .2rem;}
.u-btn{color: #fff;line-height: 0.54rem;text-align: center;cursor: pointer;width: 2.8rem;background-color: #3642c3;display: inline-block;vertical-align: top;}
@media(min-width: 1201px){
    
    .u-tit:hover{color: #3642c3;}
    .u-box:hover .u-img{transform: scale(1.1);}
    .u-item:hover{box-shadow: 0 .03rem .22rem rgba(22,5,10,0.12);}
    .u-item:hover .u-img2{transform: scale(1.1);}
    .u-more:after{width: 0;background-image: url(../images/240.png);}
    .u-more:hover:after{width: 1.31em;}
    .u-tit2:hover{color: #3642c3;}
}
@media(max-width: 1200px){
    .u-tit{line-height: 20px;}
    .u-tit2{line-height: 18px;max-height: 36px;}
    .u-more{line-height: 26px;}
    .u-text2{height: 123px;padding-left: 10px;padding-right: 10px;padding-top: 10px;}
    .u-des{line-height: 16px;height: 48px;font-size: 12px;}
    .u-des2{line-height: 16px;height: 48px;font-size: 12px;}
    .u-last{padding-top: 15px;}
    .u-btn{line-height: 30px;font-size: 14px;}
}
@media(max-width: 1000px){
    .u-date{margin-bottom: 10px}
    .u-text{padding-left: 10px;padding-right: 10px;}
    .u-des{margin-bottom: 10px;}
}
@media(max-width: 750px){
    .u-main{padding-left: 10px;padding-right: 10px;}
    .u-cont{width: 100%;max-width: 500px;}
    .u-box{width: 100%;height: auto;}
    .u-img{height: auto;}
    .u-text{width: 100%;height: auto;padding-bottom: 20px;}
    .u-date:before{width: calc(100% - 60px);}
    .u-item{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .u-item:nth-child(3n){margin-right: 2%;}
    .u-item:nth-child(2n){margin-right: 0;}
}
@media(max-width: 500px){
    .u-item{/* width: 100%; *//* margin-right: 0; */margin-bottom: 10px;}
    .u-text2{height: auto;padding-bottom: 12px;}
    .u-des2{height: auto;}
}



.v-a{position: fixed;left: 0%;top: 110%;transform: translate(0,0);width: 100%;height: 100vh;z-index: 999999999;transition: all .5s ease-in-out;background-color: #000;box-sizing: border-box;}
.v-a *{box-sizing: border-box;}
.v-a.show{top: 0;}
.v-a.show .v-e{visibility: visible;}
.v-a.show .v-f{display: block;}
.v-b{width: 100%;height: 100%;background-color: #000;}
.v-c{display: block;width: .4rem;height: .4rem;font-size: .3rem;text-align: center;line-height: .4rem;color: #fff;padding-top: .03rem;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.v-e{visibility: hidden;width: 100%;width: 100%;height: 5.4rem;}
.v-f{display: none;width: 100%;height: 100%;object-fit: contain;}
#v1{height: 100%;}
@media(min-width: 1201px){
    .v-c:hover{transform: rotate(-180deg);}
}
@media(max-width: 900px){
    .v-c{width: 30px;height: 30px;line-height: 30px;top: 0;font-size: 20px;}
    .v-a{width: 100%;padding-top: 30px;}
    .v-e{width: 100%;height: 56.25vw;}
    .v-f{width: 100%;}
}


.w-main{padding-top: 0.93rem;background-color: #f7f7f7;}
.w-cont{width: 13.6rem;margin: 0 auto;}
.w-title{margin-bottom: 0.34rem;color: #333;line-height: 1.25;text-align: center;font-weight: bold;font-weight: bold;}
.w-info{border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;font-size: 0;text-align: center;width: 100%;padding: .15rem 0;}
.w-date{padding-right: 0.42rem;color: #666;display: inline-block;vertical-align: middle;}
.w-dl{font-size: 0;display: inline-block;vertical-align: middle;}
.w-dt{color: #666;display: inline-block;vertical-align: middle;}
.w-dd{display: inline-block;vertical-align: middle;}
.w-a{display: inline-block;vertical-align: top;width: .22rem;height: .22rem;margin: 0 .1rem;cursor: pointer;}
.w-art{padding-top: 0.5rem;width: 100%;line-height: 2;color: #4c4c4c;padding-bottom: .97rem;}
.w-art *{line-height: inherit;}
.w-art a{text-decoration: underline;}
.w-art img{height: auto !important;}
.w-icon{width: 100%;height: 100%;}
@media(max-width: 1920px){
    .w-a{width: 22px;height: 22px;}
}
@media(max-width: 750px){
    .w-main{padding-left: 10px;padding-right: 10px;}
    .w-cont{width: 100%;max-width: 500px;}
    .w-info{padding-top: 13px;padding-bottom: 5px;}
    .w-date{display: block;padding-right: 0;margin-bottom: 10px;}
}


.x-main{width: 100%;padding-top: 1rem;padding-bottom: .48rem;}
.x-title{text-align: center;color: #333;font-weight: bold;font-weight: bold;}
@media(min-width: 1201px){
    .x-main .p-a:hover{box-shadow: none;}
    .x-main .p-a:hover .p-tit2{color: #3642c3;}
}

.y-main{width: 100%;background-color: #f8f8f8;padding-top: 1rem;padding-bottom: .6rem;}
.y-title{color: #333;font-weight: bold;font-weight: bold;text-align: center;}
.y-m{width: 13.6rem;margin: 0 auto;;position: relative;}
.y-bn{width: 100%;padding-top: 0.53rem;padding-bottom: .53rem;}
.y-a{display: block;width: 3.2rem;background-color: #fff;position: relative;transition: all .3s cubic-bezier(.25,.1,.25,1);top: 0;}
.y-box{text-align: center;width: 100%;padding-top: 105%;position: relative;display: block;overflow: hidden;}
.y-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transform: scale(1.001);transition: all 0.5s ease 0s;}
.y-a:hover .y-img{transform: scale(1.07);}

.y-text{padding-left: 0.3rem;padding-right: .3rem;padding-bottom: 0.28rem;width: 100%;padding-top: .32rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.y-ares{margin-bottom: 0.08rem;color: #3642c3;font-weight: bold;}
.y-h3{margin-bottom: 0.08rem;color: #333;padding: 1px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;font-weight: bold;}
.y-attr{color: #666;position: relative;margin-bottom: .18rem;}
.y-des{color: #666;line-height: .28rem;position: relative;height: .56rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.y-s{width: 3.47rem;}
.y-s:last-child{width: 3.2rem;}
.y-arrow{width: .46rem;height: .46rem;margin-top: -0.23rem;background-size: .1rem .18rem;position: absolute;top: 50%;z-index: 123;border: 1px solid #b3b3b3;background-image: url(../images/28.png);cursor: pointer;background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.y-prev{left: -0.76rem;}
.y-next{right: -0.76rem;transform: rotate(180deg);}
.y-prev.swiper-button-disabled,
.y-next.swiper-button-disabled{opacity: 0 !important;cursor: default;}
@media(min-width: 1201px){
    .y-arrow:hover{background-color: #3642c3;border-color: #3642c3;background-image: url(../images/12.png);}
    .y-a:hover .y-text{background-color: #3642c3;}
    .y-a:hover .y-ares{color: #fff;}
    .y-a:hover .y-h3{color: #fff;}
    .y-a:hover .y-attr{color: #fff;border-bottom-color: rgba(229,229,229, 0.4);}
    .y-a:hover .y-attr:after{background-color: #fff;}
    .y-a:hover .y-des{color: #fff;}
    .y-h2 a:hover{color: #3642c3;}
    .y-s:nth-child(4n+1){transition-delay: .2s;}
    .y-s:nth-child(4n+2){transition-delay: .4s;}
    .y-s:nth-child(4n+3){transition-delay: .6s;}
    .y-s:nth-child(4n+4){transition-delay: .8s;}
}
@media(max-width: 1200px){
    .y-des{line-height: 20px;height: 40px;}
    .y-h3{margin-bottom: 5px;}
}
@media(max-width: 900px){
    .y-m{width: 616px;}
    .y-arrow{width: 30px;height: 30px;background-size: 6px 11px;}
    .y-prev{left: -15px;}
    .y-next{right: -15px;}
    .y-s{width: 4.67rem;}
    .y-s:last-child{width: 4.1rem;}
    .y-a{width: 4.1rem;}
}
@media(max-width: 750px){
    .y-m{width: 90vw;max-width: 500px;}
    .y-des{width: 100%;}
    .y-text{padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
}
@media(max-width: 500px){
    .y-s{width: 46vw;}
    .y-a{width: 44vw;}
    .y-s:last-child{width: 44vw;}
    .y-des{font-size: 12px;line-height: 18px;height: 36px;}
    .y-h3{font-size: 14px;}
    .y-ares{font-size: 13px;}
    .y-attr{font-size: 12px;}
}


.z-main{width: 100%;background-color: #f7f7f7;}
.z-cont{width: 85em;min-height: 100vh;margin: 0 auto;position: relative;padding-bottom: 1.2rem;}
.z-left{float: left;width: 22.8%;position: relative;top: 0;}
.z-left.fixed{position: fixed;left: 50%;top: 0;margin-left: -42.5em;width: 19.38em;}
.z-left.bottom{position: absolute;left: 50%;top: auto;bottom: 0;margin-left: -42.5em;width: 19.38em;}
/*.z-right{float: right;width: 77.2%;border-left: 1px solid #e6e6e6;padding-top: .6rem;padding-left: .49rem;}*/
.z-right{width: 100%;}
.z-intro{color: #4c4c4c;line-height: 2;margin-bottom: .36rem;}
.z-head{width: 16.875em;padding-bottom: .3rem;padding-top: .7rem;}
.z-title{width: 100%;line-height: 2.2;padding: 0 .2rem;color: #fff;background-color: #3642c3;margin-bottom: .15rem;}
.z-form{width: 100%;border: 1px solid #ededed;position: relative;}
.z-txt{width: 100%;height: 2.625em;border: none;padding: 0 .19rem;color: #666;padding-right: 3em;}
.z-sub{width:  2.625em;height: 2.625em;position: absolute;right: 0;top: 0;border: none;background-image: url(../images/241.png);background-size: .875em .875em;background-repeat: no-repeat;background-position: center center;cursor: pointer;background-color: transparent;}
.z-form input::-webkit-input-placeholder,
.z-form textarea::-webkit-input-placeholder{color: #999;}
.z-form input:-moz-placeholder,
.z-form textarea:-moz-placeholder{color: #999;}
.z-form input::-moz-placeholder,
.z-form textarea::-moz-placeholder{color: #999;}
.z-form input:-ms-input-placeholder,
.z-form textarea:-ms-input-placeholder{color: #999;}
.z-wrap{width: 100%;overflow: auto;}
.z-inner{width: 16.875em;}
.z-tit{color: #333;padding-bottom: .13rem;border-bottom: 1px solid #e1e1e1;font-weight: bold;}
.z-tit.sp{margin-top: .49rem;}
.z-label{display: inline-block;font-size: 0;position: relative;vertical-align: top;cursor: pointer;padding-right: .2rem;margin-bottom: .2rem;}
.z-icon{box-sizing: border-box;display: inline-block;vertical-align: top;width: 16px;height: 16px;border-radius: 2px;margin-right: 10px;border: 1px solid #ccc;}
.z-text{display: inline-block;vertical-align: top;font-size: 14px;color: #666;line-height: 16px;user-select:none;}
.z-label.selected .z-icon{border-color: #3642c3;background-color: #3642c3;background-image: url(../images/242.png);background-size: 100% 100%;border: none;}
.z-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}
.z-dl{padding-top: .19rem;width: 100%;border-bottom: 1px solid #e1e1e1;position: relative;}
.z-dl.sp{overflow: hidden;}
.z-dt{color: #4c4c4c;font-weight: bold;margin-bottom: .15rem;}
.z-dd-wrap{width: 100%;overflow: hidden;}
.z-dd{width: calc(100% + 0.2rem);}
.z-w{box-sizing: border-box;display: block;width: 100%;position: relative;white-space:nowrap;position: absolute;left: -2000vw;top: 0;margin-bottom: .2rem;cursor: pointer;}
.z-cur{width: 100%;display: inline-block;vertical-align: top;line-height: .38rem;height: .4rem;color: #666;border: 1px solid #e6e6e6;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;background-color: #fff;padding-left: .2rem;padding-right: 1.55em;}
.z-w select{position: absolute;width: 100%;height: 100%;padding-left: 12px;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);color: #666;font-weight: bold;}
.z-w:after{display: inline-block;content: "";position: absolute;right: .75em;top: 50%;margin-top: -0.225em;z-index: 1;width: .8em;height: .45em;background-image: url(../images/243.png);background-size: 100% 100%;}
.z-w.show .z-arr{display: block;}
.z-w.on{left: 0;position: relative;}
.z-arr{width: 100%;position: absolute;left: 0;top: 100%;background-color: #fff;border: 1px solid #e6e6e6;border-top: none;display: none;max-height: 300px;overflow: auto;}
.z-el{width: 100%;color: #666;line-height: 1.43;padding: .6em .1rem .6em .2rem;white-space: normal;cursor: pointer;transition: all .3s;}
.z-el:active{background-color: #3642c3;color: #fff;}
.z-one{width: 100%;padding-bottom: .18rem;}
.z-one:last-child{padding-bottom: 0;}
.z-items{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.z-item{display: inline-block;vertical-align: top;width: 23.2%;margin-right: 2.4%;background-color: #fff;margin-bottom: .3rem;position: relative;}
.z-item:nth-child(4n){margin-right: 0;}
.z-ti{color: #333;font-weight: bold;font-weight: bold;margin-bottom: .15rem;}
.z-tx{width: 100%;padding-left: .22rem;padding-right: .22rem;padding-bottom: .17rem;padding-top: .1rem;}
.z-ares{color: #3642c3;font-weight: bold;font-weight: bold;margin-bottom: .07rem;}
.z-ble{color: #333;margin-bottom: .15rem;}
.z-power{color: #666;margin-bottom: .25em;}
.z-ip{color: #666;}
.z-box{width: 100%;padding-top: 100%;position: relative;overflow: hidden;}
.z-new-icon{width: 37.5%;padding-top: 37.5%;background-image: url(../images/266.png);background-size: 100% 100%;position: absolute;left: 0;top: 0;z-index: 123;}
.z-img{height: 100%;width: 100%;object-fit: contain;position: absolute;left: 0;top: 0;transform: scale(1.001);transition: all 0.5s cubic-bezier(.25,.1,.25,1) 0s;}
.z-gray{color: #999;}
.z-foot{width: 16.875em;padding-top: .2rem;padding-bottom: .15rem;}
.z-reset{width: 100%;border: 1px solid #e7e7e7;background-color: #fff;line-height: 1.77;text-align: center;cursor: pointer;color: #666;}
.z-num{color: #666;width: 6em;position: absolute;left: 50%;margin-left: -3em;top: 1.43em;text-align: center;}
.z-spbox{width: 100%;padding-left: 15px;padding-right: 15px;}
@media(min-width: 1201px){
    .z-item:hover .z-img{transform: scale(1.1);}
    .z-el:hover{background-color: #3642c3;color: #fff;}
}
@media(max-width: 1800px){
    .z-reset{line-height: 30px;}
}
@media(max-width: 1450px){
    .z-cur{line-height: 30px;height: 32px;}
    .z-tx{padding-top:8px;}
}
@media(max-width: 1200px){
    .z-main{padding-left: 10px;padding-right: 10px;}
    .z-cont{width: 100%;}
    .z-left{width: 240px}
    .z-head{padding-top: 42px;}
    .z-left.fixed{width: 240px;margin-left: 0;left: 10px;}
    .z-left.bottom{width: 240px;margin-left: 0;left: 0;}
    .z-right{width: calc(100% - 240px);padding-left: 10px;}
    .z-tx{padding-top: 6px;}
}
@media(max-width: 900px){
    .z-item{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .z-item:nth-child(2n){margin-right: 0;}
}
@media(max-width: 750px){
    .z-cont{max-width: 500px;}
    .z-head{width: 100%;}
    .z-inner{width: 100%;}
    .z-foot{width: 100%;padding-bottom: 0;}
    .z-left{width: 100%;float: none;width: 100%;}
    .z-left.fixed{width: 100%;margin-left: 0;left: 0;position: relative;}
    .z-left.bottom{width: 100%;margin-left: 0;left: 0;position: relative;}
    .z-right{width: 100%;float: none;width: 100%;border-left: none;padding-left: 0;}
    .z-spbox{padding-left: 30px;padding-right: 30px;}
    .z-text{font-size: 13px;}
    .z-icon{width:14px;height:14px;}
    .z-label{margin-bottom: 3px;}
    .z-intro{display: none;}
}
.xa-a{width: 100%;padding-top: .82rem;background-color: #f7f7f7;}
.xa-b{width: 13.6rem;margin: 0 auto;}
.xa-title{text-align: center;color: #333;font-weight: bold;font-weight: bold;margin-bottom: .3rem;}
.xa-textbox{color: #4d4d4d;line-height: 2;text-align: center;}
.xa-textbox *{line-height: inherit;}
.xa-cont{width: 100%;padding: .7rem 0 .2rem;font-size: 0;}
.xa-item{display: inline-block;vertical-align: top;width: 3.6rem;margin-right: 1.35rem;margin-bottom: .6rem;}
.xa-item:nth-child(3n){margin-right: 0;}
.xa-top{width: 100%;margin-bottom: .1rem;}
.xa-name{font-weight: bold;font-weight: bold;display: inline-block;vertical-align: middle;color: #333;margin-right: .08rem;}
.xa-vr{ font-weight: bold;font-weight: bold;display: inline-block;vertical-align: middle;cursor: pointer; padding: .05rem .12rem;color: #fff; background-color: #3642c3;}
.xa-vr img{height: .8em;margin-right: .05rem;}
.xa-bottom{width: 100%;}
.xa-one{display: block;padding: .12rem 0; border-bottom: .02rem solid #dbdbdb;}
.xa-one:last-child{border-bottom: none;}
.xa-icon{display: inline-block;vertical-align: top;width: 2em;height: 1.6em;line-height: 1.6em;}
.xa-icon img{max-width: 50%;max-height: 100%;}
.xa-text{font-weight: bold;display: inline-block;vertical-align: top;line-height: 1.6; width: calc(100% - 2em);color: #4d4d4d;}
.xa-span{color: #808080;}

.xa-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;padding-top: .58rem;padding-bottom: .7rem;}
.xa-c{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;width: 3.2rem;text-align: center; margin-right: .26rem;margin-bottom: .27rem; padding: .47rem .15rem .42rem; background-color: #fff;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.xa-c:nth-child(4n){margin-right: 0;}
.xa-img{display: inline-block;width: .8rem;height: .8rem;text-align: center;line-height: .8rem;overflow: hidden; border-radius: 50%; border: solid 1px #3642c3;margin-bottom: .2rem;}
.xa-img img{max-width: 100%;max-height: 100%;}
.xa-d{color: #4d4d4d;line-height: 1.5;}
.xa-code{height: 82.19%;position: absolute;left: 50%;top: 8.905%;transform: translate(-50%,0);opacity: 0;}
.xa-c:hover .xa-code{opacity: 1;}

@media(min-width:  1101px){
    .xa-c:hover{background-color: #3642c3;}
    .xa-c:hover .xa-d{color: #fff;}
    .xa-c:hover .xa-img{border: solid 1px #fff;}
}
@media(max-width: 900px){
    .xa-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xa-item{width: calc(50% - 5px);margin-right: 10px;}
    .xa-item:nth-child(3n){margin-right: 10px;}
    .xa-item:nth-child(2n){margin-right: 0;}

    .xa-c{width: calc(50% - 5px);margin-right: 10px;}
    .xa-c:nth-child(2n){margin-right: 0;}
}

@media(max-width: 450px){
    .xa-item{width: 100%;margin-right: 0 !important;}

}

.xb-a{width: 100%;}
.xb-map{width: 100%;height: 7.05rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}



.xc-a{width: 100%;padding-top: .6rem;}
.xc-b{width: 100%;margin: 0 auto;}
.xc-navbox-wrap{width:  100%;height: .92rem;}
.xc-navbox{width: 100%;margin: 0 auto; font-size: 0;text-align: center;padding: .15rem 0;z-index: 123;background-color: #fff;}
.xc-navbox.fixed{position: fixed;left: 0;top: .7rem;}
.xc-nav{font-weight: bold; display: inline-block;vertical-align: middle;cursor: pointer;min-width: 2.8rem;padding: 0 .2rem;height: .52rem;line-height: .52rem; margin: .05rem; color: #4d4d4d;background-color: #f7f7f7;border: solid 1px #cccccc;}
.xc-nav.active{background-color: #3642c3;border: solid 1px #3642c3;color: #fff;}

.xc-cont{width: 100%;margin-top: .8rem;font-size: 0;position: relative;background-color: #f7f7f7;}
.xc-left{width: 65%;padding: 1rem 1.1rem .4rem 2.8rem;}
.xc-right{position: absolute;top: 0;right: 0; width: 35%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}

.xc-icon{width: .23rem;min-width: 20px;margin-bottom: .28rem;}
.xc-icon img{width: 100%;}
.xc-titles{ font-weight: bold;font-weight: bold;color: #333;margin-bottom: .35rem;}
.xc-textbox{color: #666666;line-height: 1.88;margin-bottom: .35rem;}
.xc-textbox *{line-height: inherit;}
.xc-more{display: block;cursor: pointer; width: .6rem;min-width: 30px; }
.xc-more img{width: 100%;}

.xc-bottom{width: 100%; max-width: 13.6rem;padding: 1.1rem 0;   margin: 0 auto;}
.xc-bg{width: 100%;padding-top: 50%;position: relative;overflow: hidden; background-size: cover;background-position: center center;background-repeat: no-repeat;}

.xc-video{width: 100%;height: 100%;background-color: #000;position: absolute;left: -200%;top: 0;}
.xc-c{position: absolute;bottom: 0;left: 0;width: 100%;padding:  .5rem;}
.xc-play{display: block;width: .8rem;height: .8rem;margin-bottom: .3rem;transform: scale(1);transition: all .3s cubic-bezier(.25,.1,.25,1);border: .05rem solid rgba(255,255,255,0.3);border-radius: 50%;cursor: pointer;background-size: 100% 100%;background-image: url(../images/295.png);}
.xc-d{ font-weight: bold; color: #fff;margin-bottom: .2rem;}
.xc-e{ opacity: 0.7; color: #fff;}

.xc-bg.show .xc-video{left: 0;}
.xc-bg.show .xc-c{display: none;}


@media(min-width: 1201px){
    .xc-left{padding: .5rem .8rem .5rem 2.8rem;}
    .xc-play:hover{transform: scale(1.2);background-color: rgba(230,0,18,0.8);border-color: transparent;}
    .xc-nav:hover{color: #3642c3;border-color: #3642c3;}
    .xc-nav.active{color: #fff;}
}
@media(max-width: 1200px){
    .xc-navbox.fixed{top: 42px;}
}
@media(max-width: 750px){
    .xc-navbox.fixed{top: 46px;}
}
@media(max-width: 900px){
    .xc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xc-left{width: 100%;padding: .5rem 10px;}
    .xc-right{width: 100%;position: relative;height: auto;padding-top: 65.6%;}
}
@media(max-width: 500px){
    .xc-navbox-wrap{height: 72px;}
    .xc-nav{min-width: 48%;margin: .05rem 1%;}
    .xc-bg{width: 100vw;height: calc(100vh - 46px);position:relative;left:-10px;}
    .xc-bottom{padding-bottom: 0;padding-top: 10px;}
}

.xd-a{width: 100%;position: relative;min-height: 3rem;background-size: cover;background-position: center center;background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 50px;
    line-height: 1;
    position: relative;}
.xd-b{width: 13.6rem;margin: 0 auto;}
.xd-titles{font-weight: bold;font-weight: bold;position: absolute;top: 1.27rem;left: 0;width: 100%;text-align: center;color: #fff;}
.xd-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.xd-item{display: inline-block;vertical-align: top;width: 33.33%;padding: 2.8rem .6rem 1.25rem ;text-align: center;border-left: 1px solid rgba(218,238,247,.2);}
.xd-item:last-child{border-right: 1px solid rgba(218,238,247,.2);}
.xd-c{ font-weight: bold; font-size: 1rem;color: #3642c3;margin-bottom: .55rem;}
.xd-d{font-weight: bold;font-weight: bold;color: #fff;line-height: 1.45;padding-bottom: .5rem;position: relative;}
.xd-d:after{content: ''; position: absolute;bottom: .15rem;left: 50%; width: 1px;height: .2rem;background-color: #dbf0fa;}
.xd-intro{color: #fff;line-height: 1.87;}
@media(min-width: 1201px){
    .xd-item:nth-child(1) .xd-c,
    .xd-item:nth-child(1) .xd-d,
    .xd-item:nth-child(1) .xd-intro{transition-delay: .2s;}
    .xd-item:nth-child(2) .xd-c,
    .xd-item:nth-child(2) .xd-d,
    .xd-item:nth-child(2) .xd-intro{transition-delay: .4s;}
    .xd-item:nth-child(3) .xd-c,
    .xd-item:nth-child(3) .xd-d,
    .xd-item:nth-child(3) .xd-intro{transition-delay: .6s;}
}

@media(max-width: 900px){
    .xd-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xd-item{padding: 1.8rem .1rem .8rem;}
    .xd-titles{top: .8rem;}
    .xd-c{font-size: .8rem;}
    .xd-d{font-size: 13px;}
    .xd-intro{font-size: 11px;}
}

.xe-a{width: 100%;padding-top: 1.6rem; padding-bottom: 1.3rem;}
.xe-b{width: 13.6rem;margin: 0 auto;}
.xe-cont{width: 100%;font-size: 0;}
.xe-left{display: inline-block;vertical-align: top;width: calc(100% - 6.6rem);padding-top: .85rem; padding-right: 1.1rem;}
.xe-titles{ font-weight: bold;font-weight: bold;margin-bottom: .3rem; color: #333;position: relative;line-height: 1.3;padding-bottom: .25rem;}
.xe-titles:before{content: '';position: absolute;bottom: 0;left: 0; width: .6rem;height: .05rem;background-color: #3642c3;}
.xe-textbox{color: #666666;line-height: 2;min-height: 3.7rem;padding-bottom: .3rem;}
.xe-textbox *{line-height: inherit;}
.xe-img{width: 100%; max-width: 4.7rem;}
.xe-right{display: inline-block;vertical-align: top;width: 6.6rem;padding-right: .2rem;position: relative;}
.xe-right:after{content: '';position: absolute;top: -.2rem;right: 0;width: calc(100% - .2rem);height: 100%;background-color: #ebebeb;}
.xe-c{width: 100%;position: relative;z-index: 18;}
.xe-c img{width: 100%;}

@media(max-width: 900px){
    .xe-a{padding-top: .8rem;padding-bottom: .8rem;}
    .xe-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xe-left{width: 100%;padding-top: 0;padding-right: 0;margin-bottom: 15px;}
    .xe-img{max-width: 100%;display: none;}
    .xe-right{width: 100%;}
}


.xf-a{width: 100%;padding-top: 1.25rem;padding-bottom: 1.25rem;min-height: 8.4rem; background-size: cover;background-position: center center;background-repeat: no-repeat;background-position: center center;  
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    line-height: 1;
    position: relative;}
.xf-b{width: 13.6rem;margin: 0 auto;text-align: right;}
.xf-cont{display: inline-block;width: 5.85rem;text-align: left;}
.xf-titles{font-weight: bold;font-weight: bold;color: #fff;position: relative;padding-bottom: .25rem;margin-bottom: .3rem;}
.xf-titles:before{content: '';position: absolute;bottom: 0;left: 0; width: .6rem;height: .05rem;background-color: #3642c3;}
.xf-textbox{color: #fff;line-height: 2;}
.xf-textbox *{line-height: inherit;}

@media(max-width: 900px){
    .xf-a{min-height: 1rem; padding-top: .8rem;padding-bottom: 46%;background-position: center bottom;background-size: 100% auto;background-repeat: no-repeat;background-color: #000;}
    .xf-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xf-cont{width: 100%;}
}
@media(max-width: 500px){
    .xf-a{background-size: 190% auto;padding-bottom: 83%;}
}

.xg-a{width: 100%;padding-top: 1.3rem;padding-bottom: 1.3rem;}
.xg-b{width: 100%;margin: 0 auto;}
.xg-cont{width: 100%;font-size: 0;}
.xg-left{display: inline-block;vertical-align: middle;width: 50%;padding: .2rem .9rem .2rem 2.8rem ;}
.xg-titles{font-weight: bold;font-weight: bold;line-height: 1.3; color: #333;position: relative;padding-bottom: .35rem;margin-bottom: .3rem;}
.xg-titles:before{content: '';position: absolute;bottom: 0;left: 0; width: .6rem;height: .05rem;background-color: #3642c3;}
.xg-textbox{color: #666666;line-height: 2;}
.xg-textbox *{line-height: inherit;}
.xg-right{display: inline-block;vertical-align: middle;width: 50%;}
.xg-img{width: 100%;}
.xg-img img{width: 100%;}

@media(max-width: 900px){
    .xg-a{ padding-top: .8rem;padding-bottom: .8rem;}
    .xg-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xg-left{width: 100%;padding: 0 ;margin-bottom: .5rem;}
    .xg-right{width: 100%;}
}

.xh-a{width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;background-position: center center;  
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 50px;
    line-height: 1;
    position: relative;}
.xh-b{width: 13.6rem;margin: 0 auto;}
.xh-cont{width: 100%;position: relative;padding-top: 1.1rem; padding-bottom: 1rem;}
.xh-titles{font-weight: bold;font-weight: bold;margin-bottom: 3.7rem; color: #fff;position: relative;text-align: center; padding-bottom: .25rem; }
.xh-titles:before{content: '';position: absolute;bottom: 0;left:50%;margin-left: -.3rem;width: .6rem;height: .05rem;background-color: #3642c3;}
.xh-navbox{position: absolute;top: 0;right: 0;  height: 100%;padding-top: 3.35rem; text-align: right; border-right: 1px solid rgba(255,255,255,.2);}
.xh-nav{display: block; cursor: pointer; padding: .25rem .3rem .25rem 0 ;  position: relative;}
.xh-nav:after{ content: '';position: absolute;top: 50%;right: -.05rem;margin-top: -.05rem; width: .1rem;height: .1rem;border-radius: 50%;background-color: #fff;}
.xh-iocn{display: none;vertical-align: middle;width: .4rem;text-align: left;}
.xh-iocn img{width: .26rem;}
.xh-text{display: inline-block;vertical-align: middle; color: #fff;}

.xh-nav.active:before{content: '';position: absolute;top: 50%;right: -.1rem;margin-top: -.1rem; width: .2rem;height: .2rem;border-radius: 50%;background-color: #fff;opacity: .6;}
.xh-nav.active:after{ right: -.07rem;margin-top: -.07rem; width: .14rem;height: .14rem;background-color: #3642c3;}
.xh-nav.active .xh-iocn{display: inline-block;}
.xh-nav.active .xh-text{color: #3642c3;}

.xh-list{width: 11rem;}
.xh-item{display: none; width: 100%;}
.xh-item.show{display: block;}
.xh-c{width: 100%;margin-bottom: .25rem;}
.xh-cimg{display: inline-block;vertical-align: middle; width: .26rem;margin-right: .14rem;}
.xh-cimg img{width: 100%;}
.xh-ctext{display: inline;vertical-align: middle;color: #3642c3;}
.xh-textbox{color: #f7f7f7;line-height: 1.87;min-height: 1.7rem;padding-bottom: .3rem;}
.xh-textbox *{line-height: inherit;}
.xh-more{font-weight: bold;  display: inline-block;cursor: pointer;padding: .18rem .48rem;background-color: #3642c3; color: #fff;}

@media(max-width: 900px){  
    .xh-cont{ padding-top: .8rem;padding-bottom: .8rem;}
    .xh-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xh-titles{margin-bottom: .5rem;}
    .xh-navbox{position: relative;width: 100%;padding-top: 0; text-align: center;border: none;}
    .xh-nav{display: inline-block;vertical-align: middle;padding: .25rem ;margin-bottom: .5rem;}
    .xh-nav:before{display: none !important;}
    .xh-nav:after{display: none !important;} 
    .xh-list{width: 100%;}
}


.xi-a{width: 100%;padding-top: 1.3rem;padding-bottom: .7rem; background-color: #f5f5f5;}
.xi-b{width: 13.6rem;margin: 0 auto;}
.xi-cont{width: 100%;font-size: 0;}
.xi-titles{font-weight: bold;font-weight: bold;color: #333;position: relative;text-align: center; padding-bottom: .25rem;margin-bottom: .8rem;}
.xi-titles:before{content: '';position: absolute;bottom: 0;left:50%;margin-left: -.3rem;width: .6rem;height: .05rem;background-color: #3642c3;}
.xi-cont{width: 100%;}
.xi-item{display: inline-block;vertical-align: top;cursor: pointer; width: 33.33%;text-align: center;margin-bottom: .3rem;}
.xi-icon{margin-bottom: .4rem;width: 1.5rem;height: 1.5rem;text-align: center;line-height: 1.5rem; display: inline-block;background-color: #fff;border-radius: 50%;overflow: hidden; box-shadow: 0px .04rem .08rem 0px rgba(0, 0, 0, 0.06);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.xi-icon img{max-width: 100%;max-height: 100%;}
.xi-icon.after{transition-delay: 0s !important;}
.xi-text{width: 100%;}
.xi-c{font-weight: bold; color: #333;margin-bottom: .2rem;}
.xi-intro{display: inline-block; color: #666666;line-height: 2;max-width: 24em;}
.xi-intro *{line-height: inherit;}
@media(min-width: 1201px){
    .xi-item.teaser:nth-child(1) .xi-icon,
    .xi-item.teaser:nth-child(1) .xi-c,
    .xi-item.teaser:nth-child(1) .xi-intro{transition-delay: .2s;}
    .xi-item.teaser:nth-child(2) .xi-icon,
    .xi-item.teaser:nth-child(2) .xi-c,
    .xi-item.teaser:nth-child(2) .xi-intro{transition-delay: .4s;}
    .xi-item.teaser:nth-child(3) .xi-icon,
    .xi-item.teaser:nth-child(3) .xi-c,
    .xi-item.teaser:nth-child(3) .xi-intro{transition-delay: .6s;}
}
@media(min-width: 1101px){
    .xi-item:hover .xi-icon{background-color: #3642c3;}
}
@media(max-width: 700px){
    .xi-b{width: 100%;padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 500px){
    .xi-a{ padding-top: .8rem;padding-bottom: .8rem;}
    .xi-item{width: 100%;}
}

.xj-a{width: 100%;padding-top: .6rem;}
.xj-a a{color: inherit;}
.xj-top{width: 100%;}
.xj-navbox{position: relative;left: 0;z-index: 12345;padding: .15rem 0; width: 100%;text-align: center;font-size: 0; }
.xj-navbox.fixed{position: fixed;top: .7rem;background-color: #fff;}
.xj-nav{font-weight: bold; display: inline-block;vertical-align: middle;cursor: pointer; margin:  .05rem; min-width: 2.8rem;padding: 0 .15rem;height: .52rem;line-height: .5rem;text-align: center;background-color: #f7f7f7;border: solid .01rem #cccccc;}
.xj-nav.active{background-color: #3642c3;border: solid .01rem #3642c3;color: #fff;}

.xj-cont{width: 100%;padding-top: 1.14rem;margin: 0 auto;}
.xj-titles{width: 100%;text-align: center;color: #999999;font-weight: bold;margin-bottom: .45rem;}
.xj-span{display: inline-block;vertical-align: middle; color: #333;  font-weight: bold;font-weight: bold;}
.xj-span:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .08rem 0 .45rem;width: .68rem;height: 1px;background-color: #999999; }
.xj-list{width: 100%;padding-bottom: 1.7rem;position: relative;}
.xj-list:before{content: '';position: absolute;left: 0;top: 1.4rem; width: 100%;height: calc(100% - 1.4rem); background-color: #f5f5f5;}
.xj-b{width: 100%;padding: 0 .15rem ;}
.xj-item{width: 25%;padding: .3rem .15rem 0;}
.xj-c{display: block;width: 100%;}
.xj-img{width: 100%;overflow: hidden;transition: box-shadow .5s;display: block;}
.xj-img.after{transition-delay: 0s !important;}
.xj-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xj-text{width: 100%;text-align: center;padding-top: 1rem;}
.xj-name{ font-weight: bold;font-weight: bold;color: #333;line-height: 1.88;margin-bottom: .07rem;}
.xj-intro{display: block;margin: 0 auto;width: 100%; max-width: 18em;color: #666666;line-height: 1.88;text-align: left;}
.xj-item:nth-child(4n+1) .xj-img{transition-delay: .2s;}
.xj-item:nth-child(4n+2) .xj-img{transition-delay: .4s;}
.xj-item:nth-child(4n+3) .xj-img{transition-delay: .6s;}
.xj-item:nth-child(4n+4) .xj-img{transition-delay: .8s;}
.xj-item:nth-child(4n+1) .xj-text{transition-delay: .2s;}
.xj-item:nth-child(4n+2) .xj-text{transition-delay: .4s;}
.xj-item:nth-child(4n+3) .xj-text{transition-delay: .6s;}
.xj-item:nth-child(4n+4) .xj-text{transition-delay: .8s;}

.xj-buttom{position: absolute;left: 0; bottom: .7rem;z-index: 18; width: 100%;}
.xj-pagination{position: relative; width: 100%;text-align: center;font-size: 0;}
.xj-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;  width: .54rem;height: .04rem;background-color: #3642c3;border-radius: .02rem;opacity: 0.2;border-radius: 0;}
.xj-pagination .swiper-pagination-bullet:first-child{border-radius: .02rem .02rem 0 0 / .02rem .02rem 0 0;}
.xj-pagination .swiper-pagination-bullet-active{opacity: 1;height: 10px;border-radius: .05rem;}
.xj-pagination .swiper-pagination-bullet-active:first-child{border-radius: .05rem;}
.xj-prev{font-weight: bold;cursor: pointer;z-index: 19; left: .4rem;transform: translate(0,-50%);margin-top: 0; width: auto;height: auto; text-align: center; min-width: 1.46rem;padding: .11rem .2rem;  color: #666666;background-color: #d9d9d9;background-size: 0 0 ;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.xj-prev:before{content: '';position: absolute;bottom: 0;left: -.4rem ;width: .4rem;height: .03rem;background-color: #d9d9d9;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.xj-next{font-weight: bold;cursor: pointer;z-index: 19; right: .4rem;transform: translate(0,-50%);margin-top: 0; width: auto;text-align: center;height: auto; min-width: 1.46rem;padding:.11rem .2rem;  color: #666666;background-color: #d9d9d9;background-size: 0 0 ;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.xj-next:before{content: '';position: absolute;bottom: 0;right: -.4rem ;width: .4rem;height: .03rem;background-color: #d9d9d9;transition: all .3s cubic-bezier(.25,.1,.25,1);}

@media(min-width: 1201px){
    .xj-name:hover{color: #3642c3;}
    .xj-span:hover{color: #3642c3;}

    .xj-item:hover .xj-img {  box-shadow: 0px .15rem .7rem 0px rgba(0, 0, 0, 0.35);}
    .xj-item:hover .xj-img img{transform: scale(1.05); }

    .xj-prev:hover{background-color: #3642c3;color: #fff;}
    .xj-prev:hover:before{background-color: #3642c3;}
    .xj-next:hover{background-color: #3642c3;color: #fff;}
    .xj-next:hover:before{background-color: #3642c3;}

    .xj-nav:hover{color: #3642c3;border-color: #3642c3;}
    .xj-nav.active{color: #fff;}
}
@media(max-width: 1200px){
    .xj-navbox.fixed{top: 42px;}
}
@media(max-width: 750px){
    .xj-navbox.fixed{top: 46px;}
}

@media(max-width: 900px){
    
    .xj-cont{max-width: 500px;}
    .xj-item{width: 80%;}
    .xj-pagination{display: none;}
    .xj-text{padding-top: .5rem;}
    .xj-span{width: 100%;margin-bottom: .25rem;}
    .xj-span:after{display: none;}
}
@media(max-width: 520px){
    .xj-cont{padding-left: 10px;padding-right: 10px;}
    .xj-nav{min-width: 0;margin: 5px;}
}

.xk-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.3rem;}
.xk-b{width: 100%;margin: 0 auto;}
.xk-titles{padding: 0 .4rem; font-weight: bold;font-weight: bold;width: 100%;color: #333;text-align: center;margin-bottom: .35rem;}
.xk-titles:hover{color: #3642c3;}
.xk-intro{padding: 0 .4rem;font-weight: bold;color: #999999;line-height: 1.5;text-align: center;margin-bottom:  .55rem;}
.xk-cont{width: 100%;padding: 0 .3rem;}
.xk-c{width: 100%;}
.xk-item{width: 33.33%;padding: 0 .1rem;}
.xk-item:nth-child(3n+1){transition-delay: .2s;}
.xk-item:nth-child(3n+2){transition-delay: .4s;}
.xk-item:nth-child(3n+3){transition-delay: .6s;}
.xk-d{display: block;cursor: pointer; width: 100%;}
.xk-img{width: 100%;overflow: hidden;}
.xk-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xk-text{position: relative;  margin: 0 auto;margin-top: -1.9rem; text-align: center; padding: .65rem .4rem .5rem; width: 88.8%;background-color: #f5f5f5;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.xk-name{font-weight: bold;color: #333;position: relative;padding-bottom: .2rem;margin-bottom: .35rem;}
.xk-name:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.18rem; width: .35rem;height: .03rem;background-color: #3642c3;border-radius: .02rem;}
.xk-textbox{line-height: 1.8;min-height: 7.2em;/* overflow: auto; */color: #666666;}


@media(min-width: 1201px){
    .xk-item:hover .xk-img img{transform: scale(1.05);}
    .xk-item:hover .xk-text{background-color: #3642c3;}
    .xk-item:hover .xk-name{ color: #fff;}
    .xk-item:hover .xk-name:after{ background-color: #fff;}
    .xk-item:hover .xk-textbox{ color: #fff;}
}

@media(max-width: 900px){
    .xk-b{max-width: 500px;}
    .xk-cont{padding: 0;}
    .xk-item{width: 80%;}
    .xk-text{margin-top:0;width: 100%;padding: .3rem .1rem;} 
}
@media(max-width: 520px){
    .xk-b{padding-left: 10px;padding-right: 10px;}
}

.xl-a{width: 100%;background-color: #f5f5f5;padding-top: 1.2rem;}
.xl-cont{width: 100%;font-size: 0;margin: 0 auto;}
.xl-left{display: inline-block;vertical-align: bottom;width: 5rem;}
.xl-logo{display: block;width: 100%;padding:0 .6rem;height: 1.5rem;line-height: 1.5rem; background-color: #3642c3;}
.xl-logo img{height: .88rem;}

.xl-right{display: inline-block;vertical-align: bottom;width: calc(100% - 5rem);padding-bottom: 1.5rem;}
.xl-top{width: 100%;border-bottom: .1rem solid #3642c3;padding-bottom: .6rem;margin-bottom: .85rem;}
.xl-titles{font-weight: bold;font-weight: bold;color: #333;margin-bottom: .15rem;}
.xl-intro{max-width: 40em;color: #999999;line-height: 1.6; color: #999999;}

.xl-list{width: 100%;position: relative;}
.xl-b{width: 100%;}
.xl-item{width: 100%;}
.xl-c{display: block;width: 100%;}
.xl-textbox{display: inline-block;vertical-align: top;padding-bottom: .6rem; width: 5.4rem;color: #666666;line-height: 1.8;padding-left: .25rem;}
.xl-textbox:before{content: '';position: absolute;top:.7em;left: 0;width:  8px;height: 8px;border-radius: 50%; background-color: #3642c3;}
.xl-textbox *{line-height: inherit;} 

.xl-img{display: inline-block;vertical-align: top;width: calc(100% - 5.4rem);text-align: right;}
.xl-img img{width:7.35rem;}


.xl-prev{left: 4rem;top: auto;bottom: 0;margin-top: 0;transition: all .3s cubic-bezier(.25,.1,.25,1);width: .55rem;height: .55rem;background-color: #e6e6e6;background-image: url('../images/201.png');background-size: .14rem auto;}

.xl-next{transform: rotate(-180deg); right: auto; left: 4.85rem;top: auto;bottom: 0;margin-top: 0;transition: all .3s cubic-bezier(.25,.1,.25,1);width: .55rem;height: .55rem;background-color: #e6e6e6;background-image: url('../images/201.png');background-size: .14rem auto;}
.xl-next.after{transition-delay: 0s;}

.xl-pagination{position: absolute;bottom: -20px;left: 0 ;width: 100%;display: none;}
.xl-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem;opacity: 1;border-radius: 0; width: 12px;height: 12px;background-color: #d7d7d7;}
.xl-pagination .swiper-pagination-bullet-active{background-color: #dd0213;}

@media(min-width: 1201px){
    .xl-prev:hover{background-color: #3642c3;background-image: url('../images/202.png');}
    .xl-next:hover{background-color: #3642c3;background-image: url('../images/202.png');}
    .xl-titles:hover{color: #3642c3;}

}
@media(max-width: 900px){
    .xl-cont{max-width: 500px;}
    .xl-left{width: 100%;margin-bottom: .35rem;display: none;}
    .xl-right{width: 100%;}
    .xl-textbox:before{width: 4px;height: 4px;}
    .xl-textbox{width: 100%;padding-bottom: 10px;}
    .xl-img{width: 100%;text-align: center;}
    .xl-img img{width: 100%;}
    .xl-prev{left: 0;margin-left: 0;bottom: -26px;}
    .xl-next{left: auto;right: 0; margin-right: 0;bottom: -26px;}
    .xl-pagination{display: block;}
}
@media(max-width: 520px){
    .xl-cont{padding-left: 10px;padding-right: 10px;}
}

.xm-a{width: 100%;padding-top: 1.65rem;padding-bottom: 1.5rem;}
.xm-b{width: 13.6rem;margin: 0 auto;}
.xm-top{width: 100%;text-align: center;margin-bottom: .55rem;}
.xm-titles{ font-weight: bold;font-weight: bold;color: #333;margin-bottom: .15rem;}
.xm-intro{ color: #999999;line-height: 1.6; color: #999999;}

.xm-cont{width: 100%;position: relative;margin-bottom: .7rem;}
.xm-c{width: 100%;}
.xm-item{width:4.25rem;margin-right: .43rem;}
.xm-item:nth-child(3n+1){transition-delay: .2s;}
.xm-item:nth-child(3n+2){transition-delay: .4s;}
.xm-item:nth-child(3n+3){transition-delay: .6s;}
.xm-item:last-child{margin-right: 0;}
.xm-d{width: 100%;display: block;cursor: pointer;}
.xm-img{width: 100%;overflow: hidden;margin-bottom: .35rem;}
.xm-img img{width: 100%;transform: scale(1.00);transition: all  ease .5s;}
.xm-text{display: block; font-weight: bold;font-weight: bold;width: 100%;color: #333;line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xm-prev{left: -.9rem;top: 1.15rem; margin-top:0;transition: all .3s cubic-bezier(.25,.1,.25,1);width: .55rem;height: .55rem;border-radius: 50%;background-image: url('../images/203.png');background-size: .1rem auto;border: solid 1px #d7d7d7;z-index: 12345;}
.xm-next{transform: rotate(-180deg); right: -.9rem;top: 1.15rem; margin-top:0;transition: all .3s cubic-bezier(.25,.1,.25,1);width: .55rem;height: .55rem;border-radius: 50%;background-image: url('../images/203.png');background-size: .1rem auto;border: solid 1px #d7d7d7;z-index: 12345;}

.xm-pagination{position: absolute;bottom: -.7rem;left: 0 ;width: 100%;}
.xm-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .1rem;opacity: 1;border-radius: 0; width: 12px;height: 12px;background-color: #d7d7d7;}
.xm-pagination .swiper-pagination-bullet-active{background-color: #dd0213;}

@media(min-width: 1201px){ 
    .xm-item:hover .xm-img img{transform: scale(1.05);}
    .xm-item:hover .xm-text{color: #3642c3;}
    .xm-titles:hover{color: #3642c3;}
    .xm-prev:hover,
    .xm-next:hover{background-color: #3642c3;border: 1px solid #3642c3;background-image: url('../images/204.png');}
}

@media(max-width: 900px){
    .xm-b{width: 100%; max-width: 500px;}
    .xm-item{width: calc(50% - 5px);margin-right: 10px;}

    .xm-prev{ top: auto;bottom: -.8rem;margin-top: 0; left: 0;}
    .xm-next{ top: auto;bottom: -.8rem;margin-top: 0;right: 0;}
}
@media(max-width: 520px){
    .xm-b{padding-left: 10px;padding-right: 10px;}
    .xm-item{width: 100%;margin-right: 0;}
}

.xn-a{width: 100%;padding-top: .7rem;padding-bottom: 1.2rem; background-color: #f7f7f7;}
.xn-a a{color: inherit;}
.xn-b{width: 13.6rem;margin: 0 auto;}
.xn-cont{width: 100%;padding-top: .7rem;}
.xn-intro{color: #666666;line-height: 1.88;margin-bottom: .9rem;}
.xn-intro *{line-height: inherit;}
.xn-titles{font-weight: bold;font-weight: bold;color: #333;text-align: center;margin-bottom: .8rem;}

.xn-bottom{width: 100%; position: relative;}
.xn-bg{position: absolute;top: 0;left: 50%;width: 5.2rem;height: 100%; margin-left: -2.6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xn-bg:before{content: '';position: absolute;top: .15rem;left: .15rem;width: calc(100% - .3rem);height:calc(100% - .3rem) ;background-color: #f5f5f5;}
.xn-c{position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0,-50%);text-align: center;}
.xn-logo{width: 2.9rem;display: inline-block;margin-bottom: .35rem;}
.xn-logo img{width: 100%;}
.xn-d{font-weight: bold;font-weight: bold;color: #333;line-height: 1.4;}

.xn-list{width: 100%;padding: .35rem 0;font-size: 0;}
.xn-item{display: inline-block;vertical-align: top;position: relative; width: 50%;padding: .5rem 0;}
.xn-text{display: inline-block; width: 3.1rem;text-align: right;}
.xn-name{font-weight: bold;font-weight: bold;color: #333;line-height: 1.3;margin-bottom: .15rem;}
.xn-textbox{color: #666666;line-height: 1.75;}
.xn-icon{position: absolute;top: .5rem; left: 3.8rem;border-radius: 50%;padding: .07rem; width: .94rem;height: .94rem;background-color: #fff;border: dashed 1px #d61518;}
.xn-icon span{ font-weight: bold;font-weight: bold;display: block;width: 100%;height: .8rem;text-align: center;color: #fff; line-height: .8rem;border-radius: 50%;background-color: #d61518;}

.xn-item:nth-child(2n)  {text-align: right;}
.xn-item:nth-child(2n) .xn-icon{right: 3.8rem;left: auto;}
.xn-item:nth-child(2n) .xn-text{text-align: left;}

.xn-item:nth-child(6n + 3) .xn-icon {border: dashed 1px #4d4d4d;}
.xn-item:nth-child(6n + 3) .xn-icon span{background-color: #4d4d4d;}
.xn-item:nth-child(6n + 4) .xn-icon {border: dashed 1px #4d4d4d;}
.xn-item:nth-child(6n + 4) .xn-icon span{background-color: #4d4d4d;}
@media(max-width: 750px){
    .xn-b{width:100%;}
    .xn-bottom{width: 637px;}
    .xn-bottom-wrap{width: 100vw;position: relative;left:-10px;overflow: auto;}
    .xn-text{width: 183px;}
    .xn-textbox{line-height: 1.5;}
    .xn-item{padding: 10px;}
    .xn-item:nth-child(2n){width: 50%;}
    .xn-bg{width: 200px;margin-left: -100px;}
    .xn-c{width: 130px;left: 50%;margin-left: -65px;}
    .xn-logo{width: 130px;}
    .xn-icon{left: 202px;}
    .xn-item:nth-child(2n) .xn-icon{right: 202px;}
    .xn-name{line-height: 1.1;}
}




@media(max-width: 520px){
    .xn-b{padding-left: 10px;padding-right: 10px;}
}

.xo-a{width: 100%;padding-top: 1.05rem;padding-bottom: 1.18rem;}
.xo-b{width: 13.6rem;margin: 0 auto;}
.xo-titles{font-weight: bold;font-weight: bold;width: 100%;text-align: center;color: #333;margin-bottom: .6rem;}

.xo-navbox{width: 100%;font-size: 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;display: flex;flex-wrap: wrap;margin-bottom: .6rem;}
.xo-nav{display: inline-block;vertical-align: middle;position: relative; width: 16.66%;text-align: center;padding: .2rem 0;cursor: pointer;border-right: 1px solid #e6e6e6;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.xo-img{width: 100%;height: .9rem;line-height: .9rem;}
.xo-img img{max-height: .6rem;}
.xo-text{ font-weight: bold; color: #4d4d4d;line-height: 1.6;}
 
.xo-nav.active{background-color: #d61518;}
.xo-nav.active .xo-text{ color: #fff;}
.xo-nav.active .xo-img img{ filter:grayscale(100%) brightness(200%);}
.xo-nav:after{content: "";display: inline-block;border-top: 0.12rem solid #3642c3;border-left: .12rem solid transparent;border-right: .12rem solid transparent;position: absolute;left: 50%;margin-left: -0.12rem;bottom: -0.12rem;transition: all .3s cubic-bezier(.25,.1,.25,1);opacity: 0;}
.xo-nav.active:after{opacity: 1;}
.xo-cont{width: 100%;background-color: #f7f7f7;}
.xo-one{display: none;width: 100%;position: relative;min-height: 4.6rem;}
.xo-one.show{display: block;}
.xo-left{position: absolute;top: 0;left: 0;width: 6.8rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xo-right{display: block;width: 5rem;margin-left: 7.7rem;padding: .85rem 0;}
.xo-tip{ font-weight: bold;font-weight: bold;color: #333;padding-bottom: .3rem;border-bottom: 1px solid #e6e6e6;}

.xo-list{width: 100%;}
.xo-item{width: 100%;padding: .15rem 0;border-bottom: 1px solid #e6e6e6;cursor: pointer;}
.xo-type{ color: #4d4d4d;line-height: 1.5;font-weight: bold; }
.xo-type:before{content: '>';margin-right: .23rem;}

.xo-sub{display: none; position: fixed;top: 0;left: 0;z-index: 388888; width: 100%;height: 100%;background-color: rgba(0,0,0,.4);}
.xo-item.show .xo-sub{display: block;}
.xo-c{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 13.6rem;padding-top: .6rem;}
.xo-close{position: absolute;top: 0;right: -.8rem;width: .6rem;height: .6rem;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);z-index: 12;background-color: #cc0606;background-image: url('../images/close.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xo-main{width: 100%;background-color: #fff;text-align: center; padding: .5rem .5rem .8rem; max-height: calc(100vh - 0.7rem);overflow: auto;cursor: default;}
.xo-d{width: 100%;position: relative;}
.xo-e{width: 100%;}
.xo-e img{width: 100%;}
.xo-f{font-weight: bold;font-weight: bold;position: absolute;top: 50%;left: 0;text-align: center;width: 100%;color: #fff;}
.xo-g{width: 100%;padding-top: .55rem;padding-bottom: .75rem; font-size: 0;text-align: left;}
.xo-h{display: inline-block;vertical-align: top;width: calc(50% - .35rem);margin-right: .7rem;}
.xo-h:nth-child(2n){margin-right: 0;}
.xo-i{font-weight: bold;font-weight: bold;width: 100%;margin-bottom: .35rem; padding-bottom: .2rem;color: #333;position: relative; border-bottom: .01rem solid #e6e6e6;}
.xo-i:before{content: '';position: absolute;bottom: -.015rem;left: 0; width: .5rem;height: .03rem;background-color: #cc0606;}

.xo-textbox{width: 100%;line-height: 2;color: #666666;}
.xo-textbox *{line-height: inherit;} 
.xo-textbox P{position: relative;padding-left: .25rem;}
.xo-textbox P:after{content: '';position: absolute;top: .75em;left: 0;width: .5em;height: .5em;border-radius: 50%;background-color: #cc0606;}

.xo-send{font-weight: bold;display: inline-block;cursor: pointer; min-width: 2.9rem;padding: .15rem; color: #fff;background-color: #cc0606;}
.xo-send img{width: .28rem;margin-right: .13rem;}


@media(min-width: 1201px){ 
   .xo-item:hover .xo-type{color: #d61518;}
   .xo-close:hover{transform: rotate(-180deg);}
}
@media(max-width: 900px){ 
    .xo-b{width: 100%;max-width: 500px;}
    .xo-navbox{display: block; width: 100%;text-align: center;white-space: nowrap;overflow: auto;border-bottom: none;}
    .xo-nav{width: auto; padding:  .15rem .15rem;margin-bottom: .12rem; border-right: none;}
    .xo-left{position: relative; height: auto;padding-top: 67.64%;width: 100%;}
    .xo-right{width: 100%;margin-left: 0;padding: .5rem;}
    .xo-c{width: 100%; padding:.6rem  .2rem 0;}
    .xo-close{right: .1rem;top: .3rem;}
    .xo-main{padding: .5rem .3rem;}
    .xo-h{width: 100%;margin-right: 0;margin-bottom: .6rem;}
    .xo-g{padding-bottom: 0;}
}
@media(max-width: 520px){
    .xo-b{padding-left: 10px;padding-right: 10px;}
}

.xp-a{width: 100%;padding-top: .45rem;padding-bottom: 1rem; background-color: #f5f5f5;}
.xp-a a{color: inherit;}
.xp-b{width: 13.6rem;margin: 0 auto;}
.xp-cont{width: 100%;padding-top: .7rem;text-align: center;}
.xp-img{width: 100%;margin-bottom: .48rem;}
.xp-img img{width: 2rem;border-radius: 50%;}
.xp-list{width: 100%;font-size: 0;padding-bottom: .2rem;}
.xp-one{font-weight: bold;font-weight: bold;display: inline-block;vertical-align: middle;color: #333;margin-bottom: .2rem; margin-right: .3rem;padding-right: .3rem; border-right: .02rem solid #333;}
.xp-one:last-child{margin-right: 0;padding-right: 0;border: none;}
.xp-intro{color: #666666;line-height: 1.88;text-align: left;}
.xp-intro *{line-height: inherit;}
.xp-a.sp{padding-top: .5rem;padding-bottom: 0.82rem;background-color: #fff;}
@media(min-width: 1201px){ 
    .xp-one:hover  {color: #d61518;}
 }

@media(max-width: 900px){
    .xp-b{width: 100%;max-width: 500px;}
}
@media(max-width: 520px){
    .xp-b{padding-left: 10px;padding-right: 10px;}
}

.xq-a{width: 100%;padding-top: 1.2rem;overflow: hidden;  background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xq-b{width: 100%;margin: 0 auto;}
.xq-titles{ font-weight: bold;font-weight: bold;text-align: center; padding-bottom: .6rem;border-bottom: 1px solid rgba(255,255,255,.2); color: #fff;}
.xq-cont{width: 100%;font-size: 0; padding-bottom: .18rem;}
.xq-item{display: inline-block;vertical-align: top;width: 25%;position: relative;padding: .7rem .8rem ;}
.xq-item:after{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: 1px;height: 190000rem;background-color: rgba(255,255,255,.2);}
.xq-icon{margin-bottom: .3rem; display: inline-block;   width: 1rem;height: 1rem;border-radius: 50%; text-align: center;line-height: 1rem;background-color: #cc0606;}
.xq-icon img{max-width: 100%;max-height: 100%;}
.xq-name{ font-weight: bold;font-weight: bold;color: #fff;line-height: 1.45;margin-bottom: .25rem;}

.xq-textbox{width: 100%;line-height: 2.2;color: #fff;}
.xq-textbox *{line-height: inherit;} 
.xq-textbox P{position: relative;padding-left: .25rem;}
.xq-textbox P:after{content: '';position: absolute;top: .85em;left: 0;width: .5em;height: .5em;border-radius: 50%;background-color: #cc0606;}

.xq-c{padding-left: .25rem;line-height: 2.2;color: #fff;}

@media(min-width: 1201px){ 
    .xq-titles:hover  {color: #d61518;}
    .xq-item:nth-child(4n+1){transition-delay: .2s;}
    .xq-item:nth-child(4n+2){transition-delay: .4s;}
    .xq-item:nth-child(4n+3){transition-delay: .6s;}
    .xq-item:nth-child(4n+4){transition-delay: .8s;}
 }

@media(max-width: 900px){ 
    .xq-b{width: 100%; max-width: 500px;}
    .xq-item{width: 50%;padding: .5rem .3rem;}
    .xq-item:nth-child(2n):after{display: none;}
}
@media(max-width: 520px){
    .xq-b{padding-left: 10px;padding-right: 10px;}
}

.xr-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1rem; background-color: #f5f5f5;}
.xr-b{width: 13.6rem;margin: 0 auto;}
.xr-titles{ font-weight: bold;font-weight: bold;color: #333;margin-bottom: .6rem;text-align: center;}
.xr-cont{width: 100%;font-size: 0;}
.xr-item{display: inline-block;vertical-align: top;text-align: center;width: 6.7rem; padding: .3rem .5rem;margin-bottom: .2rem;background-color: #3642c3;box-shadow: 0px .03rem .26rem 0px rgba(0, 0, 0, 0.08);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xr-icon{width: 100%;height: .9rem;line-height: .9rem;}
.xr-icon img{max-height: .68rem;}
.xr-text{width: 100%;}
.xr-name{font-weight: bold;font-weight: bold;color: #fff;margin-bottom: .15rem;}
.xr-intro{color: #fff;line-height: 1.75;}

.xr-item:nth-child(5n + 1){display: inline-block;vertical-align: bottom; margin-left: 1.75rem;margin-right: .2rem;}
.xr-item:nth-child(5n + 2){display: inline-block;vertical-align: bottom; background-color: #fff;width: 4.6rem;}
.xr-item:nth-child(5n + 2) .xr-name{color: #333;}
.xr-item:nth-child(5n + 2) .xr-intro{color: #666666;}
.xr-item:nth-child(5n + 3){padding: .3rem .1rem;  width: 3.65rem; margin-right: .2rem;background-image: url('../images/217.jpg');}
.xr-item:nth-child(5n + 4){  background-color: #fff;width: 4.6rem;margin-right: .2rem;}
.xr-item:nth-child(5n + 4) .xr-name{color: #333;}
.xr-item:nth-child(5n + 4) .xr-intro{color: #666666;}
.xr-item:nth-child(5n + 5){  background-color: #333;width: 4.6rem;} 

@media(min-width: 1201px){ 
    .xr-titles:hover  {color: #d61518;}
}

@media(max-width: 900px){ 
    .xr-b{width: 100%; max-width: 500px;}
    .xr-item{width: 100% !important;margin: 0 0 .2rem !important;padding: .3rem !important;}
}
@media(max-width: 520px){
    .xr-b{padding-left: 10px;padding-right: 10px;}
}



.wa-main{padding-top: 0.62rem;width: 100%;background-color: #f7f7f7;padding-bottom: 1.18rem;}
.wa-cont{margin: 0 auto;width: 13.6rem;}
.wa-intro{margin-bottom: 0.58rem;color: #4c4c4c;line-height: 2;}
.wa-tabs{margin-bottom: 0.4rem;text-align: center;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wa-tab{border: 1px solid #dbdbdb;display: inline-block;vertical-align: top;color: #4c4c4c;line-height: 0.5rem;text-align: center;width: 4.4rem;font-weight: bold;font-weight: bold;cursor: pointer;position: relative;z-index: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wa-tab:before{content: "";display: block;width: 0;height: 100%;background-color: #3642c3;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
@media(min-width: 1201px){
    .wa-tab.active{color: #fff;border-color: #3642c3;}
    .wa-tab.active:before{width: 100%;}
}
@media(max-width: 1200px){
    .wa-tab.active{background-color: #3642c3;color: #fff;border-color: #3642c3;}
}
.wa-tab.active:after{content: "";display: inline-block;border-top: 0.12rem solid #3642c3;border-left: .12rem solid transparent;border-right: .12rem solid transparent;position: absolute;left: 50%;margin-left: -0.12rem;bottom: -0.12rem;}
.wa-bot{width: 100%;padding-bottom: .6rem;}
.wa-boxes{width: 100%;background-color: #fff;border: 1px solid #e6e6e6;padding-left: .36rem;padding-right: .36rem;}
.wa-box{width: 100%;display: none;}
.wa-box.show{display: block;}
.wa-filter{width: 100%;padding: .2rem 0;border-top: 1px solid #e6e6e6;}
.wa-one{display: inline-block;vertical-align: top;font-size: 0;margin-right: .66rem;}
.wa-t{color: #4c4c4c;display: inline-block;vertical-align: top;}
.wa-del{display: inline-block;vertical-align: top;width: 1em;height: 1em;background-image: url(../images/245.png);background-size: 100% 100%;margin-left: .1rem;cursor: pointer;}
.wa-a-list{width: 100%;font-size: 0;margin-top: .22rem;margin-bottom: .15rem;position: relative;overflow: hidden;}
.wa-a-list:after{content: "";display: block;width: 100%;height: 1px;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 10;}
.wa-a-list:before{content: "";display: block;width: 1px;height: 100%;background-color: #fff;position: absolute;right: 0;bottom: 0;z-index: 10;}
.wa-a-item{display: inline-block;vertical-align: top;width: 12.5%;padding-top: 13%;position: relative;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;cursor: pointer;}
.wa-a-item:after{content: "";display: block;width: 1px;height: 100%;background-color: #f0f0f0;position: absolute;right: -1px;top: 100%;}
.wa-a-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 80%;max-height: 80%;opacity: .4;}
.wa-a-item.active{background-color: #f8f8f8;}
.wa-a-item.active .wa-a-img{opacity: 1;}
.wa-b-tabs{width: 100%;font-size: 0;padding-top: .2rem;padding-bottom: .1rem;}
.wa-b-one{display: inline-block;vertical-align: top;width: 2.7rem;}
.wa-b-tab{display: inline-block;vertical-align: top;color: #333;padding-top: .2rem;padding-bottom: .2rem;cursor: pointer;}
.wa-b-circle{content: "";display: inline-block;vertical-align: top;width: .9em;height: .9em;border-radius: 50%;border: 1px solid #8a8a8a;margin-right: .12rem;position: relative;}
.wa-b-circle:before{content: "";display: inline-block;width: .388em;height: .388em;border-radius: 50%;background-color: #8a8a8a;position: absolute;left: 50%;top: 50%;margin-left: -0.194em;margin-top: -0.194em;}
.wa-b-tab.active .wa-b-circle{border-color: #3642c3;}
.wa-b-tab.active .wa-b-circle:before{background-color: #3642c3;}
.wa-b-tab.active{color: #3642c3;}
.wa-b-list{width: 100%;font-size: 0;padding-bottom: .07rem;display: none;}
.wa-b-list.show{display: block;}
.wa-b-item{display: inline-block;vertical-align: top;width: 15.54%;margin-right: 5.575%;margin-bottom: .3rem;cursor: pointer;}
.wa-b-item:nth-child(5n){margin-right: 0;}
.wa-b-box{width: 100%;padding-top: 70%;position: relative;margin-bottom: .21rem;}
.wa-b-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.wa-b-tit{color: #4c4c4c;line-height: 1.375;}
.wa-b-item.active .wa-b-box:after{border: 1px solid #3642c3;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 12;content: "";display: block;box-sizing: border-box;}
.wa-c-list{width: 100%;font-size: 0;padding-top: .25rem;padding-bottom: .35rem;}
.wa-c-item{display: inline-block;vertical-align: top;width: 25%;padding: .12rem 0;cursor: pointer;user-select: none;padding-left: 1em;position: relative;}
.wa-c-icon{width: 1em;height: 1em;border: 1px solid #9e9e9e;position: absolute;left: 0;top: .11rem;margin-top: .2em;display: inline-block;background-size: 100% 100%;}
.wa-c-icon:before{content: "";display: none;width: 1px;height: 1em;background-color: #b4b4b4;position: absolute;right: -2px;top: 0px;}
.wa-c-icon:after{content: "";display: none;width: 1em;height: 1px;background-color: #b4b4b4;position: absolute;left: 0px;bottom: -2px;}
.wa-c-item.active .wa-c-icon{background-image: url(../images/117.png);border-color: #3642c3;}
.wa-c-item.active .wa-c-icon:before{display: none;}
.wa-c-item.active .wa-c-icon:after{display: none;}
.wa-c-tit{color: #666;padding-left: .16rem;width: 100%;display: block;line-height: 1.4;}
.wa-list{width: 100%;font-size: 0;}
.wa-item{display: inline-block;vertical-align: top;width: 32.35%;margin-right: 1.475%;margin-bottom: .2rem;position: relative;}
.wa-item:nth-child(3n){margin-right: 0;}
.wa-i{width: 100%;padding-top: 65.9%;position: relative;}
.wa-j{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.wa-text{width: 100%;height: auto;position: absolute;left: 0;bottom: 0;z-index: 123;padding: .4rem .25rem 0;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wa-head{width: 100%;}
.wa-name{color: #fff;margin-bottom: .08rem;font-weight: bold;font-weight: bold;}
.wa-place{color: #fff;min-height: .34rem;position: relative;padding-left: 1.56em;width: 100%;line-height: 1.1;}
.wa-place:before{content: "";display: inline-block;width: .9375em;height: 1.06em;background-image: url(../images/114.png);background-size: 100% 100%;position: absolute;left: 0;top: 0;}
.wa-des{color: #fff;line-height: .28rem;height: .84rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: .2rem;display: none;}
.wa-more{color: #fff;position: absolute;left: .25rem;bottom: 0;padding: .18rem 0;display: none;transition: all .3s;}
.wa-more:after{content: "";display: inline-block;vertical-align: middle;width: 1.31em;height: .4375em;background-image: url(../images/115.png);background-size: 100% 100%;margin-left: .5em;position: relative;top: -1px;transition: width .3s;}
.wa-item:hover .wa-text{height: 100%;background-color: rgba(230,0,18,0.67);}
.wa-item:hover .wa-des{display: block;display: -webkit-box;}
.wa-item:hover .wa-more{display: block;}
.wa-item:hover .wa-head{border-bottom: 1px solid rgba(255,255,255,0.2);}
.wa-last{width: 100%;text-align: center;padding-top: .4rem;}
.wa-btn{color: #fff;line-height: 0.54rem;text-align: center;cursor: pointer;width: 2.8rem;background-color: #3642c3;display: inline-block;vertical-align: top;}
.wa-item .z-new-icon{width: 19.77%;padding-top: 19.77%;}
@media(max-width: 1920px){
    .wa-del{width: 16px;height: 16px;}
    .wa-t{line-height: 16px;}
}
@media(min-width: 1201px){
    .wa-more:after{width: 0;}
    .wa-more:hover:after{width: 1.31em;}
    .wa-more:hover{font-weight: bold;font-weight: bold;}
}
@media(max-width: 1200px){
    .wa-tab.active:after{border-top-width: 6px;border-left-width: 6px;border-right-width: 6px;bottom: -6px;margin-left: -3px;}
    .wa-tab{line-height: 30px;}
    .wa-a-item{width: 20%;}
    .wa-c-item{width: 33.333%;}
    .wa-last{padding-top: 15px;}
    .wa-des{font-size: 12px;line-height: 16px;height: 48px;}
    .wa-text{padding: 10px;}
    .wa-btn{line-height: 30px;font-size: 14px;}
    .wa-des{display: none;}
    .wa-item:hover .wa-des{display: none;}
    .wa-head{border-bottom: none;}
    .wa-item:hover .wa-head{border-bottom: none;}
}
@media(max-width: 750px){
    .wa-main{width: 100%;padding-left: 10px;padding-right: 10px;}
    .wa-cont{width: 100%;max-width: 500px;}
    .wa-tabs{justify-content: center;margin-bottom: 10px;}
    .wa-tab{font-size: 12px;line-height: 1.3;padding: 5px;align-items: center;width: auto;margin: 0 3px;margin-bottom: 6px;}
    .wa-boxes{padding-left: 10px;padding-right: 10px;}
    .wa-a-item{width: 25%;}
    .wa-b-circle{font-size: 12px;}
    .wa-b-tab{font-size: 12px;}
    .wa-b-one{width: 32%;margin-right: 2%;}
    .wa-b-item{width: 32%;margin-right: 2%;}
    .wa-b-item:nth-child(5n){margin-right: 2%;}
    .wa-b-item:nth-child(3n){margin-right: 0;}
    .wa-b-tit{font-size: 12px;}
    .wa-c-item{width: 50%;}
    .wa-c-tit{font-size: 12px;}
    .wa-t{font-size: 12px;}
    .wa-item{width: 49%;margin-right: 2%;}
    .wa-item:nth-child(3n){margin-right: 2%;}
    .wa-item:nth-child(2n){margin-right: 0;}
    .wa-name{font-size: 13px;margin-bottom: 7px;}
    .wa-place{font-size: 12px;height: auto;padding-bottom: 3px;line-height: 1.3;}
    .wa-des{height: 32px;-webkit-line-clamp: 2;margin-top: 5px;}
    .wa-more{padding-bottom: 10px;font-size: 13px;}
}
@media(max-width: 500px){
    .wa-a-item{width:33.33%;}
    .wa-tab{flex: auto;margin: 0;border-right: none;}
    .wa-tab:last-child{border-right: 1px solid #dbdbdb;}
    .wa-head{border-bottom: none;}
    .wa-more{width: 100%;height:100%;position: absolute;left:0;top:0;z-index: 123;font-size: 0;}
}


.wb-main{padding-top: 1.24rem;padding-bottom: 1.16rem;width: 100%;}
.wb-cont{width: 13.6rem;margin: 0 auto;}
.wb-tit{margin-bottom: 0.36rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.wb-box{width: 100%;}
.wb-left{float: left;width: 5.1rem;}
.wb-dls{margin-bottom: 0.7rem;}
.wb-dl{border-bottom: 1px solid #ddd;width: 100%;font-size: 0;}
.wb-dt{color: #333;display: inline-block;vertical-align: top;width: 35%;line-height: 1.33;padding: .18rem 0;}
.wb-dd{color: #4c4c4c;display: inline-block;vertical-align: top;width: 65%;line-height: 1.33;padding: .18rem 0;}
.wb-share{font-size: 0;width: 100%;}
.wb-one{margin-right: 0.16rem;border-radius: 50%;width: 0.5rem;height: 0.5rem;background-color: #f7f7f7;display: inline-block;vertical-align: top;border: 1px solid #f7f7f7;cursor: pointer;transition: all .3s;}
.wb-right{float: right;color: #666;line-height: 2;width: 7rem;padding-top: .15rem;}
.wb-right *{line-height: inherit;}
.wb-icon{width: 100%;height: 100%;}
.wb-one:hover{border-color: #3642c3;background-color: #3642c3;}
@media(max-width: 1200px){
    .wb-one{width: 32px;height: 32px;margin-right: 10px;}
}
@media(max-width: 750px){
    .wb-main{padding-left: 10px;padding-right: 10px;}
    .wb-cont{width: 100%;max-width: 500px;}
    .wb-left{float: none;width: 100%;margin-bottom: 20px;}
    .wb-right{float: none;width: 100%;}
}

.wb-wrap{width: 100%;padding-top: 56.25%;position: relative;overflow: hidden;}
.wb-v{width: 100%;}
.wb-play{width: 1.2rem;height: 1.2rem;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -0.6rem;margin-top: -0.6rem;cursor: pointer;z-index: 12;border: .04rem solid rgba(255,255,255,0.3);background-image: url(../images/293.png);background-size: 100% 100%;transition: all .3s cubic-bezier(.25,.1,.25,1);transform: scale(1);}
.wb-img{width: 100%;vertical-align: top;/* max-height: calc(100vh - 0.7rem); */object-fit: cover;position: absolute;left: 0;top: 0;height: 100%;}
.wb-v{width: 100%;height: 100%;position: absolute;left: -1000vw;top: 0;}
.wb-wrap.show .wb-v{left: 0;vertical-align: top;}
.wb-wrap.show .wb-img{display: none;}
.wb-wrap.show .wb-play{display: none;}
@media(min-width: 1201px){
    .wb-play:hover{transform: scale(1.2);background-color: rgba(230,0,18,0.8);border-color: transparent;}
}
@media(max-width: 1200px){
    .wb-img{max-height: none;}
}

.wc-bn{width: 100%;}
.wc-text{width: 9.33rem;position: absolute;left: 50%;margin-left: -4.665rem;bottom: 0.6rem;z-index: 12;transition: all .5s;}
.wc-top{text-align: center;margin-bottom: .63rem;}
.wc-icon{width: auto;vertical-align: middle;max-height: 100%;}
.wc-one{width: 100%;background-color: rgba(230,0,18,0.8);padding: .22rem .2rem;transition: all .5s;}
.wc-tit{color: #fff;font-weight: bold;font-weight: bold;margin-bottom: .1rem;text-align: center;}
.wc-des{color: #fff;line-height: 1.5;text-align: center;}
.wc-arrow{position: absolute;top: 50%;z-index: 123;width: .54rem;height: .54rem;margin-top: -0.27rem;background-size: .1rem .18rem;background-image: url(../images/12.png);background-repeat: no-repeat;background-position: center center;border: 1px solid #fff;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);cursor: pointer;}
.wc-prev{left: .5rem;}
.wc-next{right: .5rem;transform: rotate(180deg);}
.wc-prev.swiper-button-disabled,
.wc-next.swiper-button-disabled{opacity: 0 !important;}
.wc-item{overflow: hidden;}
.wc-box{width: .62rem;height: .62rem;-webkit-backface-visibility: hidden;position: relative;text-align: center;margin-left: auto;margin-right: auto;}
.wc-box:before,
.wc-box:after{position:absolute;left: 0;top: 0;border: 1px solid #fff;width:100%;height:100%;content:"";display:block;border-radius:50%;-webkit-backface-visibility:hidden}
.wc-box:before{animation:wave-animate 3s infinite ease-out}
.wc-box:after{opacity:0;animation:wave-animate 3s 1.5s infinite ease-out}
.wc-img{width: 100%;max-height: calc(100vh - 0.7rem);object-fit: cover;}
@keyframes wave-animate{
    0%{transform:scale(0.5);opacity:1;transform-origin:center}
    100%{transform:scale(3);opacity:0;transform-origin:center}
}
@media(min-width: 1201px){
    .wc-arrow:hover{background-color: #3642c3;border-color: #3642c3;}
    .wc-text{bottom: -0.6rem;}
    .wc-one{opacity: 0;}
    .wc-item.show .wc-text{bottom: .6rem;}
    .wc-item.show .wc-one{opacity: 1;}
}
@media(max-width: 1200px){
    .wc-arrow{width: 30px;height: 30px;margin-top: -15px;background-size: 6px 11px;}
    .wc-img{max-height: none;}
}
@media(max-width: 750px){
    .wc-text{width: 100%;padding-left: 30px;padding-right: 30px;margin-left: 0;left: 0;bottom: 10px;}
    .wc-des{font-size: 12px;}
    .wc-prev{left: 0;}
    .wc-next{right: 0;}
    .wc-img{/* height: 370px; */object-fit: cover;}
    .wc-bn .wc-item{margin-top: 5px;}
    .wc-bn .swiper-wrapper{flex-wrap: wrap;}
    .wc-arrow{display: none;}
}


.wd-main{padding-top: 1rem;padding-bottom: 1.35rem;border-bottom: 1px solid #e6e6e6;width: 100%;}
.wd-pro{background-color: #f8f8f8;padding-bottom: .6rem;}
.wd-pro .wd-item{background-color: #e6e6e6;}
.wd-pro .wd-wrap{margin-top: -0.48rem;}
.wd-title{margin-bottom: .22rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;position: relative;z-index: 123;}
.wd-des{color: #666;line-height: 2;max-width: 75em;width: 100%;margin: 0 auto;text-align: center;position: relative;z-index: 123;}
.wd-wrap{position: relative;width: 13.6rem;margin: -.33rem auto 0 auto;}
.wd-bn{width: 100%;padding-bottom: .75rem;padding-top: .75rem;}
.wd-s{width: 3.46rem;}
.wd-s:last-child{width: 3.1rem;}
.wd-item{width: 3.2rem;display: block;background-color: #f3f3f3;padding-bottom: 5em;position: relative;}
.wd-arrow{width: .54rem;height: .54rem;border-radius: 50%;background-color: #e6e6e6;position: absolute;top: 50%;margin-top: -0.27rem;cursor: pointer;background-image: url(../images/223.png);background-repeat: no-repeat;background-position: center center;background-size: .1rem .18rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wd-arrow.swiper-button-disabled{opacity: 0 !important;cursor: default;}
.wd-prev{left: -0.9rem;}
.wd-next{right: -0.9rem;transform: rotate(180deg);}
.wd-box{width: 100%;padding-top: 80.6%;position: relative;overflow: hidden;}
.wd-img{height: 100%;position: absolute;left: 50%;top: 0;transform: translate(-50%,0);}
.wd-text{width: 100%;position: absolute;left: 0;top: 0;padding: .1rem .25rem 0 .25rem;margin-top: 80.6%;}
.wd-tit{color: #3642c3;font-weight: bold;margin-bottom: .09rem;width: 100%;}
.wd-code{color: #333;font-weight: bold;font-weight: bold;margin-bottom: .16rem;width: 100%;line-height: 1.33;}
.wd-power{color: #fff;margin-bottom: .08rem;display: none;}
.wd-ip{color: #fff;display: none;line-height: 1.6;height: 3.2em;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wd-more{position: absolute;left: .21rem;bottom: .34rem;padding: .2rem 0;color: #fff;display: none;}
.wd-more:after{content: "";display: inline-block;vertical-align: middle;width: .5em;height: .875em;background-image: url(../images/256.png);background-size: 100% 100%;margin-left: .375em;}
.wd-bn .swiper-pagination-bullet{width: .12rem;height: .12rem;background-color: #d7d7d7;opacity: 1;border: none;border-radius: 0;}
.wd-bn .swiper-pagination-bullet-active{background-color: #dd0213;}
.wd-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .1rem;}
.wd-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;font-size: 0;}
.wd-s:hover .wd-text{margin-top: 0;background-color: rgba(230,0,18,0.9);height: 100%;border: .04rem solid #f3f3f3;padding-top: .45rem;transition: background-color .3s;padding-left: .21rem;padding-right: .21rem;}
.wd-s:hover .wd-tit{color: #fff;}
.wd-s:hover .wd-code{color: #fff;}
.wd-s:hover .wd-power{display: block;}
.wd-s:hover .wd-ip{display: block;display: -webkit-box;}
.wd-s:hover .wd-more{display: block;}
@media(min-width: 1201px){
    .wd-arrow:hover{background-color: #3642c3;background-image: url(../images/204.png);border-color: #3642c3;}
}
@media(max-width: 1200px){
    .wd-text{padding-left: 10px;padding-right: 10px;}
    .wd-ip{font-size: 12px;}
}
@media(max-width: 900px){
    .wd-arrow{width: 30px;height: 30px;background-size: 6px 11px;margin-top: -15px;}
}
@media(max-width: 750px){
    .wd-wrap{width: 100%;padding-left: 30px;padding-right: 30px;}
    .wd-prev{left: 0;}
    .wd-next{right: 0;}
    .wd-tit{font-size: 13px;}
    .wd-power{font-size: 12px;}
    .wd-code{font-size: 13px;}
    .wd-item{font-size: 12px;}
}
@media(max-width: 500px){
    .wd-s{width: calc(50vw - 30px);}
    .wd-s:last-child{width: calc(50vw - 30px);}
    .wd-item{width: 96%;margin: 0 auto;}
    .wd-text{padding-left: 7px;padding-right: 7px;}
    .wd-s:hover .wd-text{padding-left: 5px;padding-right: 5px;}
    .wd-more{left: 5px;}
}



.we-main{padding-top: 1.07rem;padding-bottom: 1rem;width: 100%;background-size: cover;background-position: center center;}
.we-cont{width: 13.6rem;margin: 0 auto;}
.we-title{margin-bottom: 0.25rem;color: #fff;text-align: center;font-weight: bold;font-weight: bold;}
.we-intro{color: #fff;opacity: 0.6;text-align: center;line-height: 1.333;margin-bottom: .45rem;}
.we-form{width: 100%;}
.we-row{margin-bottom: 0.3rem;font-size: 0;width: 100%;}
.we-col{margin-right: 2.54%;display: inline-block;vertical-align: top;width: 31.64%;}
.we-col:nth-child(3n){margin-right: 0;}
.we-txt{padding-left: 0.2rem;padding-right: .2rem;color: #fff;width: 100%;height: 0.5rem;border: none;background-color: rgba(255,255,255,0.14);}
.we-area{padding-left: 0.2rem;padding-right: 0.2rem;padding-top: 0.13rem;padding-bottom: 0.13rem;line-height: 1.555;width: 100%;height: 1.8rem;border: none;background-color: rgba(255,255,255,0.14);color: #fff;}
.we-last{padding-top: 0.3rem;text-align: center;}
.we-sub{color: #fff;line-height: 0.54rem;display: inline-block;vertical-align: top;cursor: pointer;width: 2.8rem;height: 0.54rem;border: none;background-color: #3642c3;font-weight: bold;}
.we-form input::-webkit-input-placeholder,
.we-form textarea::-webkit-input-placeholder{color: rgba(255,255,255,0.54);}
.we-form input:-moz-placeholder,
.we-form textarea:-moz-placeholder{color: rgba(255,255,255,0.54);}
.we-form input::-moz-placeholder,
.we-form textarea::-moz-placeholder{color: rgba(255,255,255,0.54);}
.we-form input:-ms-input-placeholder,
.we-form textarea:-ms-input-placeholder{color: rgba(255,255,255,0.54);}
@media(max-width: 1200px){
    .we-txt{height: 32px;}
    .we-sub{height: 34px;line-height: 34px;}
}
@media(max-width: 750px){
    .we-main{padding-left: 10px;padding-right: 10px;}
    .we-cont{width: 100%;max-width: 500px;}
    .we-row{margin-bottom: 0;}
    .we-col{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .we-last{padding-top: 15px;}
}

.wf-main{width: 100%;padding-top: 1rem;padding-bottom: 1rem;}
.wf-pro{padding-bottom: 1rem;padding-top: ;}
.wf-cont{width: 100%;max-width: 13.6rem;margin: 0 auto;color: #666;line-height: 1.5;padding-bottom: 1.5rem;}
.wf-cont *{line-height: inherit;}
.wf-title{text-align: center;color: #333;font-weight: bold;font-weight: bold;margin-bottom: .39rem;line-height: 1.36;}
.wf-bn{width: 100%;}
.wf-item{width: 100%;cursor: pointer;}
.wf-item{width: 10.2rem;}
.wf-inner{width: 10.01rem;margin: 0 auto;}
.wf-arrow{position: absolute;top: 3.2rem;z-index: 123;width: .54rem;height: .54rem;margin-top: -0.27rem;background-color: rgba(255,255,255,0.3);background-size: .1rem .18rem;background-image: url(../images/12.png);background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);cursor: pointer;}
.wf-prev{left: 50%;margin-left: -6.4rem;}
.wf-next{right: 50%;margin-right: -6.4rem;transform: rotate(180deg);}
.wf-prev.swiper-button-disabled,
.wf-next.swiper-button-disabled{opacity: 0 !important;}
.wf-box{display: block;width: 100%;padding-top: 64%;position: relative;background-color: #000;overflow: hidden;}
.wf-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;opacity: 0.6;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.wf-text{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 123;padding: .4rem;display: none;}
.wf-name{color: #fff;margin-bottom: .15rem;font-weight: bold;font-weight: bold;}
.wf-place{color: #fff;position: relative;}
.wf-place:before{content: "";display: block;width: .3rem;height: 1px;position: absolute;left: -0.4rem;top: 50%;margin-top: -1px;background-color: #fff;}
.wf-intro{color: #4c4c4c;line-height: 1.875;padding-top: .43rem;padding-left: .4rem;padding-right: .4rem;display: none;}
.wf-item.swiper-slide-active .wf-text{display: block;}
.wf-item.swiper-slide-active .wf-intro{display: block;}
.wf-item.swiper-slide-active .wf-img{opacity: 1;}
.wf-item.swiper-slide-prev .wf-inner,
.wf-item.swiper-slide-next .wf-inner{pointer-events: none;}

@media(min-width: 1201px){
    .wf-arrow:hover{background-color: #3642c3;border-color: #3642c3;}
    .wf-item:hover .wf-img{transform: scale(1.1);}
    .wf-name span:hover{color: #3642c3;}
    .wf-place span:hover{color: #3642c3;}
}
@media(max-width: 1200px){
    .wf-arrow{width: 30px;height: 30px;margin-top: -15px;background-size: 6px 11px;}
}
@media(max-width: 750px){
    .wf-prev{left: 10px;margin-left: 0;}
    .wf-next{right: 10px;margin-right: 0;}
    .wf-item{width: 72vw;}
    .wf-inner{width: 98%;}
    .wf-text{padding: 10px;}
    .wf-intro{padding: 20px 10px 0;}
    .wf-cont{max-width: 520px;width: 100%;padding-left: 10px;padding-right: 10px;}
    .wf-arrow{top: 22.57vw;}
    .wf-place:before{width: 6px;left: -10px;}
}
@media(max-width: 370px){
    .wf-title{font-size: 18px;}
}


.wg-main{padding-top: 1.15rem;width: 100%;padding-bottom: 1.08rem;}
.wg-cont{width: 13.6rem;margin: 0 auto;}
.wg-cont a{color:#3642c3;text-decoration: underline;}
.wg-cont h2{margin-bottom: 0.15rem;font-size: calc(24 * 100vw / 1920);color: #333;line-height: 1.41;font-weight: bold;font-weight: bold;}
@media(max-width: 1248px){
    .wg-cont h2{font-size: 15.6px;}
}
.wg-cont h3{font-size: calc(19 * 100vw / 1920);color: #3642c3;line-height: 1.42;margin-bottom: .14rem;font-weight: bold;}
@media(max-width: 1424px){
    .wg-cont h3{font-size: 14.1px;}
}
.wg-cont p{font-size: calc(16 * 100vw / 1920);color: #666;line-height: 2;}
@media(max-width: 1584px){
    .wg-cont p{font-size: 13.2px;}
}
.wg-item{width: 100%;margin-bottom: .46rem;}
.wg-item:last-child{margin-bottom: 0;}
.wg-tit{margin-bottom: 0.15rem;color: #333;line-height: 1.41;font-weight: bold;font-weight: bold;}
.wg-box{width: 100%;}
.wg-intro{color: #666;line-height: 2;}
.wg-wrap{width: 100%;position: relative;overflow: hidden;margin-top: .38rem;}
.wg-v{width: 100%;}
.wg-play{width: 0.9rem;height: 0.9rem;border: .04rem solid rgba(255,255,255,0.3);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -0.45rem;margin-top: -0.45rem;cursor: pointer;z-index: 12;background-image: url(../images/32.png);background-size: 100% 100%;transition: all .3s cubic-bezier(.25,.1,.25,1);transform: scale(1);}
.wg-img{width: 100%;vertical-align: top;}
.wg-v{width: 100%;position: absolute;left: -1000vw;top: 0;}
.wg-wrap.show .wg-v{position: relative;left: 0;vertical-align: top;}
.wg-wrap.show .wg-img{display: none;}
.wg-wrap.show .wg-play{display: none;}
@media(min-width: 1201px){
    .wg-play:hover{transform: scale(1.2);background-color: #3642c3;border-color: #3642c3;}
}
@media(max-width: 750px){
    .wg-main{padding-left: 10px;padding-right: 10px;}
    .wg-cont{width: 100%;max-width: 500px;}
}




.wh-main{padding-top: 1.07rem;padding-bottom: 1.07rem;border-bottom: 1px solid #e6e6e6;width: 100%;background-color: #f7f7f7;}
.wh-title{margin-bottom: .5rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.wh-wrap{position: relative;width: 13.6rem;margin: 0 auto;}
.wh-bn{width: 100%;}
.wh-s{width: 3.46rem;}
.wh-s:last-child{width: 3.1rem;}
.wh-item{width: 3.2rem;display: block;position: relative;}
.wh-arrow{width: .54rem;height: .54rem;border-radius: 50%;border: 1px solid #d8d8d8;position: absolute;top: 1.6rem;margin-top: -0.27rem;cursor: pointer;background-image: url(../images/223.png);background-repeat: no-repeat;background-position: center center;background-size: .1rem .18rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wh-arrow.swiper-button-disabled{opacity: 0 !important;cursor: default;}
.wh-prev{left: -0.9rem;}
.wh-next{right: -0.9rem;transform: rotate(180deg);}
.wh-box{width: 100%;padding-top: 100%;position: relative;overflow: hidden;background-color: #e6e6e6;}
.wh-img{height: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.wh-text{width: 100%;padding: .17rem 0 .18rem;position: relative;}
.wh-text:before{content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background-color: #e6e6e6;}
.wh-text:after{content: "";display: block;width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background-color: #3642c3;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wh-tit{color: #333;font-weight: bold;width: 100%;text-align: center;line-height: 1.33;}
.wh-bn .swiper-pagination-bullet{width: .12rem;height: .12rem;background-color: #d7d7d7;opacity: 1;border: none;border-radius: 0;}
.wh-bn .swiper-pagination-bullet-active{background-color: #dd0213;}
.wh-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .1rem;}
.wh-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;font-size: 0;}
@media(min-width: 1201px){
    .wh-arrow:hover{background-color: #3642c3;background-image: url(../images/204.png);border-color: #3642c3;}
    .wh-item:hover .wh-text:after{width: 100%;}
}
@media(max-width: 900px){
    .wh-arrow{width: 30px;height: 30px;background-size: 6px 11px;margin-top: -15px;}
}
@media(max-width: 750px){
    .wh-wrap{width: 100%;padding-left: 30px;padding-right: 30px;}
    .wh-prev{left: 0;}
    .wh-next{right: 0;}
    .wh-tit{font-size: 13px;}
    .wh-item{font-size: 12px;}
}
@media(max-width: 500px){
    .wh-s{width: calc(50vw - 30px);}
    .wh-s:last-child{width: calc(50vw - 30px);}
    .wh-item{width: 96%;margin: 0 auto;}
    .wh-arrow{top: calc(24.5vw - 15px);}
    .wh-text{padding-left: 7px;padding-right: 7px;}
    .wh-s:hover .wh-text{padding-left: 5px;padding-right: 5px;}
}


.MagicThumb-background{z-index: 987654321 !important;}
.MagicThumb-expanded{z-index: 9876543210 !important;}
.MagicZoomPlusHint{display: none !important;}

.wi-main{width: 100%;min-height: 50vh;padding-top: 1rem;margin-bottom: .78rem;}
.wi-cont{width: 100%;margin: 0 auto;position: relative;overflow: hidden;font-size: 0;text-align: center;}
.wi-left{width: 6.4rem;display: inline-block;vertical-align: top;text-align: left;margin-right: .8rem;}
.wi-box{width: 100%;padding-top: 56.25%;background-size: cover;position: relative;background-position: center center;margin: 0 auto;}
.wi-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.wi-big{width: 100%;margin-bottom: .2rem;position: relative;z-index: 123;}
.wi-s{width: 100%;text-align: center;}
.wi-big:hover{overflow: visible;}
.wi-big:hover .wi-s{visibility: hidden !important;}
.wi-big:hover .wi-s.swiper-slide-active{visibility: visible !important;}
.wi-big:hover .wi-s .MagicZoomPlusHint{visibility: hidden !important;}
.wi-big:hover .wi-s.swiper-slide-active .MagicZoomPlusHint{visibility: visible !important;}
.wi-big img{max-width: none;object-fit: contain;}
.wi-arrow{width: .56rem;height: 100%;position: absolute;top: 0;margin-top: 0;background-size: 8px 14px;background-repeat: no-repeat;background-position: center center;z-index: 123;cursor: pointer;}
.wi-arrow.swiper-button-disabled{opacity: .6;cursor: default;}
.wi-next{background-image: url(../images/288.png);right: 0;}
.wi-prev{background-image: url(../images/287.png);left: 0;}
.wi-bot{width: 100%;position: relative;padding: 0 .62rem;}
.wi-small{width: 100%;overflow: hidden;margin: 0 auto;}
.wi-item{position: relative;}
.wi-inner{width: 90.9%;padding-top: 52%;margin: 0 auto;border: 1px solid #dbdbdb;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.wi-item.active .wi-inner{border: 1px solid #3642c3;}
.wi-right{display: inline-block;vertical-align: top;width: 36.25em;text-align: left;}
.wi-tit{color: #333;line-height: 1.5;font-weight: bold;font-weight: bold;margin-bottom: .12rem;}
.wi-des{color: #4c4c4c;line-height: 2;margin-bottom: .42rem;}
.wi-des *{line-height: 2;}
.wi-btn{width: 1.9rem;line-height: .44rem;background-color: #3642c3;color: #fff;cursor: pointer;text-align: center;display: block;}
.wi-box>img{width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;}
@media(max-width: 1200px){
    .wi-btn{line-height: 30px;font-size: 13px;width: 110px};
}
@media (max-width: 900px){
    .wi-main{padding-left: 10px;padding-right: 10px;}
    .wi-cont{width: 100%;max-width: 13.6rem;}
    .wi-left{width: 100%;float: none;max-width: 500px;margin: 0 auto 20px;}
    .wi-right{width: 100%;float: none;max-width: 500px;}
    .wi-big{width: 100%;}
    .wi-big:before{display: block;content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0);position: absolute;left: 0;top: 0;z-index: 100;}
}
@media(max-width: 750px){
    .wi-main{padding-top: 30px;}
    .wi-tit,
    .wi-des,
    .wi-btn{opacity:1;transform:translate3d(0,0,0);}
}


.wj-main{width: 100%;}
.wj-cont{width: 100%;max-width: 13.6rem;margin: 0 auto;}
.wj-tabs-wrap{width: 100%;height: 3em;border-bottom: 1px solid #e6e6e6;}
.wj-tabs{width: 100%;text-align: center;font-size: 0;background-color: #fff;z-index: 12345;}
.wj-tabs.fixed{position: fixed;left: 0;top: .7rem;text-align: center;box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.wj-tab{display: inline-block;vertical-align: top;color: #333;padding-bottom: 1em;padding-top: 1em;margin: 0 .42rem;font-weight: bold;font-weight: bold;position: relative;cursor: pointer;user-select: none;}
.wj-tab.active{color: #3642c3;}
.wj-tab.active:after{content: "";display: block;width: 100%;height: .03rem;background-color: #3642c3;position: absolute;left: 0;bottom: -0.01rem;}
@media(min-width: 1201px){
    .wj-tab:hover{color: #3642c3;}
    .wj-tab:hover:after{content: "";display: block;width: 100%;height: .03rem;background-color: #3642c3;position: absolute;left: 0;bottom: -0.02rem;}
}
@media(max-width: 1200px){
    .wj-tabs.fixed{top: 42px;}
}
@media(max-width: 750px){
    .wj-tabs.fixed{top: 46px;}
}




.wk-main{width: 100%;/* min-height: 50vh; */position: relative;overflow: hidden;}
.wk-item{width: 100%;padding-top: .5rem;position: absolute;left: -1000vw;top: 0;}
.wk-item.show{position: relative;left: 0;}
.wk-box{width: 100%;position: relative;}
.wk-image{width: 100%;max-height: calc(100vh - 0.7rem);vertical-align: top;object-fit: cover;}
.wk-play{width: 1.21rem;height: 1.21rem;position: absolute;left: 50%;top: 50%;border-radius: 50%;overflow: hidden;border: .04rem solid rgba(255,255,255,0.3);margin-left: -0.61rem;margin-top: -0.61rem;z-index: 123;cursor: pointer;background-image: url(../images/293.png);background-size: 100% 100%;cursor: pointer;transform: scale(1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wk-v{width: 100%;background-color: #000;position: absolute;left: -200%;top: 0;}
.wk-box.show .wk-v{left: 0;position: relative;vertical-align: top;}
.wk-box.show .wk-image{display: none;}
.wk-box.show .wk-play{display: none;}
.wk-one{width: 100%;position: relative;overflow: hidden;}
.wk-img{width: 100%;}
.wk-text{position: absolute;z-index: 12;min-width: 150px;}
.wk-text *{line-height: inherit;vertical-align: top;}
.wk-tit{font-size: 1.875vw;color: #fff;font-weight: bold;font-weight: bold;margin-bottom: 1.87vw;transition-delay: 1s;line-height: 1.4;}
.wk-intro{font-size: 1.25vw;color: #fff;/* opacity: 0.4; */line-height: 1.5;transition-delay: 1s;}
.wk-intro.sp{opacity: 1;}
.wk-center-top{width: 59.29%;left: 20.355%;top: 0;margin-top: 8.3%;text-align: center;}
.wk-left-center{width: 19.27%;left: 14.43%;top: 50%;transform: translate(0,-50%);}
.wk-right-top{width: 19.27%;right: 14.43%;top: 0;margin-top: 6.14%;}
.wk-left-bottom{width: 29.16%;left: 14.43%;bottom: 0;margin-bottom: 5.72%;}
.wk-right-center{width: 25.52%;right: 14.43%;top: 50%;transform: translate(0,-50%);}
.wk-left-top{width: 29.16%;left: 14.43%;top: 0;margin-top: 6.19%;}
.wk-center-center{width: 29.16%;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.wk-center-bottom{width: 29.16%;left: 50%;bottom: 0;margin-bottom: 4.79%;transform: translate(-50%,0);text-align: center;}
@media(min-width: 1201px){
    .wk-play:hover{transform: scale(1.2);background-color: rgba(230,0,18,0.8);border-color: transparent;}

}
@media(max-width: 1200px){
    .wk-img{max-height: none;}
}
@media(max-width: 900px){
    .wk-tit{font-size: 16px;}
    .wk-tit *{font-size: 16px;line-height: 1.3;}
    .wk-intro{font-size: 12px;line-height: 1.4;}
    .wk-intro *{font-size: 12px;}
    .wk-center-top{width: 80%;left: 10%;margin-top: 5%;}
    .wk-left-center{width: 50%;left: 5%;}
    .wk-right-top{width: 50%;right: 5%;margin-top: 5%;}
    .wk-left-bottom{width: 50%;left: 5%;margin-bottom: 5%;}
    .wk-right-center{width: 50%;right: 5%;}
    .wk-left-top{width: 50%;left: 5%;margin-top: 5%;}
    .wk-center-center{width: 80%;}
    .wk-center-bottom{width: 80%;}
}
@media(max-width: 750px){
    .wk-tit{font-size: 14px;}
    .wk-tit *{font-size: 14px;}
    .wk-img{/* min-height: 54vw; */object-fit: cover;}
}
@media(max-width: 500px){
    .wk-tit{font-size: 12px;}
    .wk-tit *{font-size: 12px;}
    .wk-intro{font-size: 10px;}
    .wk-intro *{font-size: 10px;}
    .wk-img{width: 100%;max-width: none;position: relative;/* left: -10%; */}
}

.wm-main{width: 100%;position: relative;padding-top: .6rem;padding-bottom: .6rem;}
.wm-cont{width: 18.6rem;margin: 0 auto;position: relative;max-width: 100%;}
.wm-bn{width: 100%;}
.wm-item{width: 6.2rem;}
.wm-inner{display: block;width: 6rem;position: relative;margin: 0 auto;}
.wm-box{width: 100%;padding-top: 70%;position: relative;overflow: hidden;}
.wm-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.wm-text{width: 100%;position: absolute;left: 0;bottom: 0;padding: .16rem .2rem;transition: background-color .3s;background-color: rgba(0, 0, 0, 0.5);}
.wm-tit{color: #fff;text-align: center;font-weight: bold;font-weight: bold;line-height: 1.4;}
.wm-intro{color: #fff;line-height: 2;margin-top: .12rem;display: none;}
.wm-intro *{line-height: inherit;}
.wm-inner:hover .wm-text{background-color: rgba(201,16,28,0.9);padding: .36rem .48rem .31rem;}
.wm-inner:hover .wm-intro{display: block;}
.wm-inner:hover .wm-tit{text-align: left;}
.wm-inner:hover .wm-img{transform: scale(1.1);}
.wm-arrow{width: .54rem;height: .54rem;border-radius: 50%;background-color: #e6e6e6;position: absolute;top: 50%;margin-top: -0.27rem;z-index: 12345;cursor: pointer;background-image: url(../images/223.png);background-repeat: no-repeat;background-position: center center;background-size: .1rem .18rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wm-arrow.swiper-button-disabled{opacity: 0 !important;cursor: default;}
.wm-prev{left: -0.17rem;}
.wm-next{right: -0.17rem;transform: rotate(180deg);}
.wm-arrow.hide{display: none;}
@media(min-width: 1201px){
    .wm-arrow:hover{background-color: #3642c3;background-image: url(../images/204.png);border-color: #3642c3;}
}
@media(max-width: 900px){
    .wm-arrow{width: 30px;height: 30px;background-size: 6px 11px;margin-top: -15px;}
    .wm-main{padding-left: 30px;padding-right: 30px;}
    .wm-prev{left: -30px;}
    .wm-next{right: -30px;}
}
@media(max-width: 500px){
    .wm-item{width: calc(100vw - 60px);}
    .wm-inner{width: 96%;}
    .wm-inner:hover .wm-text{padding: 15px 10px 13px;}
    .wm-tit{font-size: 14px;}
    .wm-intro{font-size: 12px;line-height: 18px;}
}

.wn-main{width: 100%;background-color: #f7f7f7;padding-top: 1.12rem;padding-bottom: .9rem;padding-left: 10px;padding-right: 10px;}
.wn-title{color: #333;text-align: center;padding-bottom: .15rem;line-height: 1.5;position: relative;margin-bottom: .3rem;font-weight: bold;font-weight: bold;}
.wn-title:after{content: "";display: block;width: .6rem;height: .04rem;background-color: #3642c3;position: absolute;left: 50%;margin-left: -0.3rem;bottom: 0;}
.wn-intro{width: 100%;max-width: 70em;margin: 0 auto;text-align: center;line-height: 2;color: #4c4c4c;}
.wn-intro *{line-height: inherit;}
.wn-list{width: 14.6rem;margin: 0 auto;font-size: 0;padding-top: .4rem;max-width: 100%;}
.wn-item{width: 33.33%;display: inline-block;vertical-align: top;margin-bottom: .2rem;}
.wn-box{width: 4rem;height: 4rem;margin: 0 auto;position: relative;}
.wn-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;}
.wn-color{text-align: center;color: #333;}
.wn-color:before{content: "";display: inline-block;vertical-align: middle;width: .7em;height: .7em;border-radius: 50%;background-color: #ccc;margin-right: .1rem;}
.wn-bot{width: 100%;text-align: center;padding-top: .96rem;}
.wn-big{width: 13.05rem;vertical-align: top;}
@media(max-width: 750px){
    .wn-box{width: 90%;padding-top: 90%;height: auto;}
}


.r{font-size: 1rem;}
@media (max-width: 900px){
    .r {
        font-size: calc(900px / 1600 * 100);
    }
}

.ap-a{width: 100%;padding: .1em 10px 0;background-color: #fff;overflow: hidden;position: relative;}
.ap-a.sp{background-color: #f8f8f8;padding-top: .64em;padding-bottom: .83em;}
.ap-a.sp .ap-c{padding-bottom: .7em;padding-top: 40px;}
.ap-b{width: 100%;max-width: 13.6em;margin: 0 auto;}
.ap-title{color: #333;font-weight: bold;font-weight: bold;margin-bottom: 1.25em;}
.ap-label{display: inline-block;font-size: 0;position: relative;vertical-align: top;cursor: pointer;line-height: .18rem;padding-left: .28rem;}
.ap-icon{box-sizing: border-box;display: inline-block;vertical-align: middle;width: 1.18em;height: 1.18em;border: 1px solid #adadad;background-repeat: no-repeat;background-position: center center;position: absolute;left: 0;top: 0;}
.ap-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;font-weight: bold;font-weight: bold;}
.ap-text{vertical-align: top;color: #666;line-height: 1.2;}
.ap-label.selected .ap-icon{border-color: #3642c3;background-image: url(../images/289.png);background-size: 100% 100%;background-color: #3642c3;}
.ap-label.selected .ap-text{color: #666;}
.ap-li.gray{pointer-events: none;}
.ap-li.gray .ap-icon{opacity: .3;}
.ap-li.gray .ap-text{color: #ccc;}
.ap-name{font-weight: bold;font-weight: bold;color: #333;margin-bottom: 2em;display: inline-block;vertical-align: top;width: 2.1rem;padding-right: 0.5em;}
.ap-li{font-size: 0;margin-bottom: 27px;display: inline-block;vertical-align: top;min-width: 1.2rem;margin-right: .2rem;}
.ap-li:last-child{margin-bottom: 0;}
.ap-col{width: 100%;display: flex;}
.ap-cont{width: 100%;font-size: 0;}
.ap-list{padding-bottom: .85em;font-size: 0;display: inline-block;vertical-align: top;flex: 1;}
.ap-btns{width: 100%;font-size: 0;}
.ap-btn{display: inline-block;vertical-align: top;width: 2.4rem;height: 0.46rem;line-height: 0.46rem;border: 1px solid #666;color: #666;text-align: center;border-radius: 0.02rem;cursor: pointer;font-weight: bold;font-weight: bold;position: relative;z-index: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ap-btn:after{content: "";display: block;width: 0;height: 100%;background-color: #666;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
@media(max-width: 1920px){
    .ap-btn{width: 240px;height: 46px;line-height: 46px;border-radius: 2px;}
    .ap-label{line-height: 18px;padding-left: 28px;}
}
@media(min-width: 1201px){
    .ap-btn:hover{color: #fff;}
    .ap-btn:hover:after{width: 100%;}
}


.ap-box{width: 100%;margin-top: .2rem;}
.ap-c{width: 100%;padding-top: 48px;max-width: 13.6em;margin: 0 auto;padding-bottom: .75em;}
.ap-d{width: 100%;margin-bottom: 35px;}
.ap-d:last-child{margin-bottom: 0;}
.ap-e{width: 100%;border-bottom: 2px solid #3642c3;color: #333;line-height: 20px;padding: .2rem 45px .2rem 0;font-weight: bold;font-weight: bold;position: relative;cursor: pointer;}
.ap-e:after{content: "";display: block;width: 15px;height: 15px;background-image: url(../images/1-100.png);background-repeat: no-repeat;background-position: center center;position: absolute;right: 30px;top: 50%;margin-top: -8px;}
.ap-e.show:after{background-image: url(../images/1-99.png);}
.ap-f-box{width: 100%;overflow: auto;}
.ap-scoll-box{width: 100%;overflow: auto;position: relative;}
.ap-f{width: 100%;overflow: hidden;padding-top: 30px;display: none;position: relative;padding-left: 95px;padding-right: 120px;}
.ap-g{width: 95px;position: absolute;left: 0;top: 30px;}
.ap-img{width: 90px;height: 90px;display: block;}
.ap-h{width: 100%;height: 100%;vertical-align: top;}
.ap-table{width: 100%;border: none;min-width: 700px;}
.ap-th{width: 100%;}
.ap-table td{border: none;}
.ap-td{color: #666;text-align: center;}
.ap-th .ap-td{font-weight: bold;font-weight: bold;padding-bottom: 16px;padding-left: 3px;padding-right: 3px;color: #333;}
.ap-tr .ap-td{line-height: 2;padding: 8px 3px;}
.ap-tr{transition: all .3s cubic-bezier(.25,.1,.25,1);cursor: pointer;}
.ap-tr:hover{background-color: #f6f6f6;}
.ap-a.sp .ap-tr:hover{background-color: #fff;}
.ap-right{position: absolute;right: 0;top: 30px;font-size: 0;width: 120px;padding-top: 28px;}
.ap-is{font-size: 0;text-align: center;display: inline-block;vertical-align: top;width: 120px;padding: 8px 0;}
.ap-i{display: inline-block;vertical-align: top;width: 24px;height: 2em;margin: 0 6px;background-repeat: no-repeat;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.ap-add{background-image: url(../images/1-102.png);}
.ap-star{background-image: url(../images/1-103.png);}
.ap-download{background-image: url(../images/1-104.png);}
.ap-add.active{background-image: url(../images/1-105.png);}
.ap-star.active{background-image: url(../images/1-106.png);}
.ap-download:hover{background-image: url(../images/1-107.png);}
.ap-new{font-size: 0;text-align: center;display: inline-block;vertical-align: top;}
.ap-newimg{vertical-align: middle;}
.ap-up{width: 40px;text-align: center;font-size: 0;display: inline-block;vertical-align: top;padding: 10px 0 10px 6px;}
.ap-upbtn{display: inline-block;vertical-align: top;width: 20px;height: 20px;background-image: url(../images/143.png);background-repeat: no-repeat;cursor: pointer;}
.ap-rj{padding: 8px 0;}
.ap-f.sp1{padding-right: 80px;}
.ap-f.sp1 .ap-right{width: 80px;}
.ap-f.sp1 .at-check{width: 40px;}
.ap-f.sp2{padding-right: 40px;}
.ap-f.sp2 .ap-right{width: 40px;}
.ap-f.sp2 .at-check{width: 40px;}
@media(max-width: 1920px){
    .ap-box{margin-top: 20px;}
}
@media(max-width: 1200px){
    .ap-text{font-size: 12px;}
    .ap-c{width: calc(100% + 10px);max-width: none;}
    .ap-e{padding-left: 10px;padding-right: 30px;}
    .ap-e:after{right: 8px;}
    .ap-i{margin: 0 5px;}
    .ap-right:after{content: "";display: block;width: 4px;height: 100%;position: absolute;left: 0px;top: 0;opacity: 0.8;background-image: url(../images/1-shadow.png);background-size: 100% auto;}
}
@media(max-width: 500px){
    .ap-col{width: 100%;padding-bottom: 10px;display: block;}
    .ap-list{font-size: 0;width: calc(100% + 10px);}
    .ap-li{display: inline-block;vertical-align: top;padding-right: 0;width: auto;margin-bottom: 10px;}
    .ap-li:last-child{margin-bottom: 10px;}
    .ap-label{padding-right: 20px;}
    .ap-name{margin-bottom: 10px;display: block;width: 100%;}
    .ap-f{padding-left: 65px;padding-right: 102px;}
    .ap-g{width: 65px;}
    .ap-img{width: 60px;height: 60px;}
    .ap-i{margin: 0 4px;}
    .ap-is{width: 96px;}
    .ap-right{width: 102px;padding-left: 6px;}
    .ap-f.sp1{padding-right: 86px;}
    .ap-f.sp1 .ap-right{width: 86px;}
    .ap-f.sp2{padding-right: 46px;}
    .ap-f.sp2 .ap-right{width: 46px;}
    .ap-btn{width: 200px;height: 36px;line-height: 36px;}
    .ap-box{margin-top: 0;}
}



.pg-a{width: 100%;text-align: center;font-size: 0;}
.pg-prev{display: inline-block;vertical-align: top;line-height: 30px;color: #666;cursor: pointer;margin-right: 30px;}
.pg-prev:before{content: "";display: inline-block;vertical-align: middle;width: 7px;height: 12px;background-image: url(../images/1-217.png);margin-right: 27px;}
.pg-prev.gray{color: #999;}
.pg-prev.gray:hover{color: #999;cursor: default;}
.pg-prev.gray:before{background-image: url(../images/1-109.png);}
.pg-num{display: inline-block;vertical-align: top;line-height: 30px;color: #666;width: 30px;height: 30px;border-radius: 50%;margin: 0 2px 0 3px;cursor: pointer;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.pg-num.active{background-color: #3642c3;color: #fff;}
.pg-next{display: inline-block;vertical-align: top;line-height: 30px;color: #666;cursor: pointer;margin-left: 15px;}
.pg-next:after{content: "";display: inline-block;vertical-align: middle;width: 7px;height: 12px;background-image: url(../images/1-218.png);margin-left: 27px;}
.pg-next.gray{color: #999;}
.pg-next.gray:hover{color: #999;cursor: default;}
.pg-next.gray:after{background-image: url(../images/1-110.png);}
@media(min-width: 1201px){
    .pg-prev:hover{color: #3642c3;}
    .pg-num:hover{background-color: #3642c3;color: #fff;}
    .pg-next:hover{color: #3642c3;}
}
@media(max-width: 500px){
    .pg-prev{margin-right: 10px;}
    .pg-next{margin-left: 10px;}
}


.wo-a{width: 100%;padding-top: 1.25rem;padding-bottom: .85rem;position: relative;overflow: hidden;}
.wo-title{color: #333;font-weight: bold;font-weight: bold;text-align: center;margin-bottom: .1rem;}
.wo-intro{color: #4c4c4c;line-height: 2;text-align: center;}
.wo-cont{width: 13.6rem;margin: 0 auto;}
.wo-bn{width: 100%;padding-top: .72rem;padding-bottom: 1px;}
.wo-item{font-size: 0;}
.wo-one{width: 20%;display: inline-block;vertical-align: top;margin-bottom: .77rem;}
.wo-box{width: 1.44rem;height: 1.44rem;border: .07rem solid #fff;border-radius: 50%;overflow: hidden;margin: 0 auto .18rem;box-shadow: 0 .05rem .12rem rgba(0,0,0,0.1);}
.wo-img{width: 100%;height: 100%;object-fit: cover;}
.wo-tit{color: #4c4c4c;text-align: center;line-height: 1.33;font-weight: bold;}
.wo-bn .swiper-pagination-bullet{width: .11rem;height: .11rem;background-color: #d7d7d7;opacity: 1;border-radius: 0;}
.wo-bn .swiper-pagination-bullet-active{background-color: #3642c3;}
.wo-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .08rem;}
.wo-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: .1rem;font-size: 0;}
.wo-team{color: #f5f5f5;font-size: 11.98vw;position: absolute;right: 7.7%;bottom: -4.2vw;font-weight: bold;}
@media(min-width: 1201px){
    .wo-one:nth-child(5n+1){transition-delay: .2s;}
    .wo-one:nth-child(5n+2){transition-delay: .4s;}
    .wo-one:nth-child(5n+3){transition-delay: .6s;}
    .wo-one:nth-child(5n+4){transition-delay: .7s;}
    .wo-one:nth-child(5n+5){transition-delay: 1s;}
}
@media(max-width: 750px){
    .wo-title{margin-bottom: 10px;}
    .wo-a{padding-left: 10px;padding-right: 10px;}
    .wo-cont{width: 100%;max-width: 500px;}
    .wo-one{width: 33.33%;}
    .wo-tit{font-size: 12px;}
}


.wp-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1rem;background-size: cover;background-position: center center;}
.wp-title{color: #333;text-align: center;font-weight: bold;font-weight: bold;margin-bottom: .3rem;}
.wp-cont{width: 13.6rem;margin: 0 auto;}
.wp-top{width: 100%;position: relative;}
.wp-bn{width: 100%;padding-top: .3rem;padding-bottom: .3rem;}
.wp-item{position: relative;opacity: 0;}
.wp-item.swiper-slide-prev,
.wp-item.swiper-slide-next{cursor: pointer;}
.wp-item.swiper-slide-prev,
.wp-item.swiper-slide-active,
.wp-item.swiper-slide-next{opacity: 1;}
.wp-item.swiper-slide-active .wp-box:after{opacity: 0;}
.wp-item.swiper-slide-active .wp-box{box-shadow: 0 .07rem .15rem rgba(0, 0, 0, 0.16);}
.wp-box{width: 100%;border: .1rem solid #fff;position: relative;overflow: hidden;}
.wp-box:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.4);opacity: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wp-img{width: 100%;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.wp-box:hover .wp-img{transform: scale(1.1);}

.wp-arrow{width: .54rem;height: .54rem;border-radius: 50%;border: 1px solid #b3b3b3;position: absolute;top: 50%;margin-top: -0.27rem;z-index: 1234;cursor: pointer;background-image: url(../images/223.png);background-repeat: no-repeat;background-position: center center;background-size: .1rem .18rem;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wp-arrow.swiper-button-disabled{opacity: 0 !important;cursor: default;}
.wp-prev{left: 0;}
.wp-next{right: 0;transform: rotate(180deg);}
.wp-bot{width: 100%;}
.wp-list{width: 100%;padding-bottom: .36rem;}
.wp-one{width: 100%;color: #4c4c4c;line-height: 1.77;text-align: center;display: none;max-width: 39em;margin: 0 auto;}
.wp-one.show{display: block;}
.wp-one *{line-height: inherit;}
.wp-page{width: 100%;text-align: center;}
.wp-page .swiper-pagination-bullet{width: .11rem;height: .11rem;background-color: #d7d7d7;opacity: 1;border-radius: 0;}
.wp-page .swiper-pagination-bullet-active{background-color: #3642c3;}
.wp-page .swiper-pagination-bullet{margin: 0 .08rem;}
.wp-page.swiper-pagination-bullets{position: relative;bottom: 0;font-size: 0;left: 0;}
@media(min-width: 1201px){
    .wp-arrow:hover{background-color: #3642c3;background-image: url(../images/204.png);border-color: #3642c3;}
}
@media(max-width: 900px){
    .wp-arrow{width: 30px;height: 30px;background-size: 6px 11px;margin-top: -15px;}
}
@media(max-width: 750px){
    .wp-cont{width: 100%;}
    .wp-bot{padding-left: 10px;padding-right: 10px;}
    .wp-top{padding-left: 30px;padding-right: 30px;}
}


.wq-a{width: 100%;padding-top: 1.1rem;padding-bottom: 1.18rem;overflow: hidden;}
.wq-cont{width: 90.6em;margin: 0 auto;}
.wq-title{color: #333;font-weight: bold;font-weight: bold;text-align: center;margin-bottom: .5rem;}
.wq-list{width: 100%;font-size: 0;}
.wq-item{width: 25%;display: inline-block;vertical-align: top;text-align: center;position: relative;}
.wq-tit{background-color: #3642c3;color: #fff;font-weight: bold;font-weight: bold;line-height: 1.3;padding: .18rem .05rem;min-height: 3em;padding: 0 14%;display: flex;justify-content: center;align-items: center;}
.wq-rows{width: 100%;}
.wq-row{width: 100%;color: #333;line-height: 1.375;/* padding: .2rem 0; */box-sizing: content-box;min-height: 3.9em;position: relative;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.wq-item:after{content: "";display: block;border-top: 5rem solid #fff;border-left: .5rem solid transparent;border-right: .5rem solid transparent;position: absolute;right: -0.5rem;top: 0;z-index: 123;transform: translate(0,0);}
.wq-item:first-child:before{content: "";display: block;border-top: 5rem solid #fff;border-left: 0 solid transparent;border-right: .5rem solid transparent;position: absolute;left: 0rem;top: 0;z-index: 123;}
.wq-item:last-child:after{content: "";display: block;border-top: 5rem solid #fff;border-left: .5rem solid transparent;border-right: 0 solid transparent;position: absolute;right: 0rem;top: 0;z-index: 123;}
.wq-row:nth-child(1){background-color: #f7f7f7;padding: 0 13%;}
.wq-row:nth-child(2){background-color: #f2f2f2;padding: 0 11%;}
.wq-row:nth-child(3){background-color: #ebebeb;padding: 0 9%;}
.wq-row:nth-child(4){background-color: #e0e0e0;padding: 0 7%;}
.wq-row:nth-child(5){background-color: #d7d7d7;padding: 0 5%;}
.wq-row:nth-child(6){background-color: #cfcfcf;padding: 0 3%;}
.wq-row:nth-child(7){background-color: #c5c5c5;}
.wq-row:hover{color: #e00012;}
.wq-row:after{content: "";display: inline-block;width: .22rem;height: 0;background-image: url(../images/218.png);background-size: 100% 100%;position: absolute;right: .5rem;bottom: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.wq-row:hover:after{height: .53rem;}
.wq-row.sp:after{display: none;}
.wq-row:first-child:after{display: none;}
@media (max-width: 1584px){
    .wq-item:after{border-top: 412px solid #fff;border-left: 42px solid transparent;border-right: 42px solid transparent;right: -42px;}
    .wq-item:first-child:before{border-top: 412px solid #fff;border-right: 42px solid transparent;}
    .wq-item:last-child:after{border-top: 412px solid #fff;border-left: 42px solid transparent;}
}
@media(max-width: 1280px){
    .wq-a{padding-bottom: 40px;}
    .wq-cont{width: 45.3em;}
    .wq-item{width: 50%;margin-bottom: 10px;}
    .wq-item:nth-child(3):before{content: "";display: block;border-top: 412px solid #fff;border-left: 0 solid transparent;border-right: 42px solid transparent;position: absolute;left: 0rem;top: 0;z-index: 123;}
}
@media(min-width: 1201px){
    .wq-item:nth-child(4n+1) .wq-tit{transition-delay: .2s;}
    .wq-item:nth-child(4n+2) .wq-tit{transition-delay: .4s;}
    .wq-item:nth-child(4n+3) .wq-tit{transition-delay: .6s;}
    .wq-item:nth-child(4n+4) .wq-tit{transition-delay: .8s;}
    .wq-item:nth-child(4n+1) .wq-rows{transition-delay: .2s;}
    .wq-item:nth-child(4n+2) .wq-rows{transition-delay: .4s;}
    .wq-item:nth-child(4n+3) .wq-rows{transition-delay: .6s;}
    .wq-item:nth-child(4n+4) .wq-rows{transition-delay: .8s;}
}
@media(max-width: 750px){
    .wq-cont{width: 100%;/* max-width: 300px; */}
    .wq-item{/* width: 100%; */}
    .wq-item:nth-child(2):before,
    .wq-item:nth-child(4):before{content: "";display: block;border-top: 412px solid #fff;border-left: 0 solid transparent;border-right: 42px solid transparent;position: absolute;left: 0rem;top: 0;z-index: 123;}
    .wq-tit{font-size: 12px;}
    .wq-row{font-size: 12px;}
    .wq-row:after{right: 35px;}
}
@media(max-width: 500px){
    .wq-tit{font-size: 10px;}
    .wq-row{font-size: 10px;}
    .wq-item:after{border-top: 310px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;right: -10px;}
    .wq-item:nth-child(2):before,
    .wq-item:nth-child(4):before{border-top: 310px solid #fff;border-left: 0 solid transparent;border-right: 10px solid transparent;}
    .wq-item:first-child:before{border-top: 310px solid #fff;border-right: 10px solid transparent;}
    .wq-item:last-child:after{border-top: 310px solid #fff;border-left: 10px solid transparent;}
    .wq-item:nth-child(3):before{border-top: 310px solid #fff;border-left: 0 solid transparent;border-right: 10px solid transparent;}
    .wq-row:after{right: 20px;}
}

.ke{position: relative;z-index: 1;}
.ke:after{content: "";display: block;width: 0;height: 100%;background-color: #71d110;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ke2{position: relative;z-index: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ke2:after{content: "";display: block;width: 0;height: 100%;background-color: #666;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ke3{position: relative;z-index: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ke3:after{content: "";display: block;width: 0;height: 100%;background-color: #3642c3;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ke4{position: relative;z-index: 1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ke4:before{content: "";display: block;width: 0;height: 100%;background-color: #3642c3;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s cubic-bezier(.25,.1,.25,1);}
@media(min-width: 1201px){
    .ke:hover{color: #fff;}
    .ke:hover:after{width: 100%;}
    .ke2:hover{color: #fff;}
    .ke2:hover:after{width: 100%;}
    .ke3:hover{color: #fff;border-color: #3642c3;}
    .ke3:hover:after{width: 100%;}
    .ke4:hover{color: #fff;border-color: #3642c3;}
    .ke4:hover:before{width: 100%;}
}



/**/
.ay-a{width: 100%;padding-top: .86em;}
.ay-tabs{width: 100%;text-align: center;font-size: 0;}
.ay-tab{color: #999;margin: 0 .8em 1.25em;cursor: pointer;display: inline-block;vertical-align: top;}
.ay-tab.active{color: #333;}
.ay-conts{width: 100%;}
.ay-cont{width: 100%;margin: 0 auto;display: none;}
.ay-cont1{width: 12.8em;}
.ay-cont2{width: 100%;}
.ay-cont.show{display: block;}
.ay-list{width: 100%;font-size: 0;padding-top: 1.57vw;}
.ay-list2{width: 100%;font-size: 0;}
.ay-item{width: 26.25%;margin-right: 10.6%;margin-bottom: .6em;display: inline-block;vertical-align: top;}
.ay-item:nth-child(3n){margin-right: 0;}
.ay-box{width: 100%;padding-top: 66.6666%;position: relative;margin-bottom: .23em;}
.ay-img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ay-name{color: #333;font-weight: bold;margin-bottom: .4em;line-height: 1.2;text-align:center;}
.ay-time{color: #666;}
.ay-box:after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;z-index: 1000;visibility: hidden;opacity: 0;transition: all .3s;}
.ay-one{width: 23.73%;margin-right: 1.69%;margin-bottom: .6em;display: inline-block;vertical-align: top;}
.ay-one:nth-child(4n){margin-right: 0;}
.ay-wrap{width: 100%;padding-top: 76%;position: relative;margin-bottom: .13em;}
.ay-wrap:after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;z-index: 1000;visibility: hidden;opacity: 0;transition: all .3s;}
.ay-row{width: 100%;padding-top: 0.4em;padding-bottom: .4em;}
.ay-type{width: 100%;width: 12.8em;margin: 0 auto;}
.ay-row:nth-child(2n+1){background-color: #f8f8f8;}
.ay-stitle{color: #333;font-weight: bold;margin-bottom: 1.38em;}
@media(min-width: 1201px){
    /*.ay-box:hover{cursor: url(../images/151.ico),zoom-in;}
    .ay-box:hover:after{visibility: visible;opacity: 1;}
    .ay-wrap:hover{cursor: url(../images/151.ico),zoom-in;}
    .ay-wrap:hover:after{visibility: visible;opacity: 1;}*/
}
@media(max-width: 750px){
    .ay-cont{width: 100%;}
    .ay-list{text-align: center;padding-left: 10px;padding-right: 10px;text-align: left;padding-bottom: 20px;}
    .ay-item{width: 46%;margin: 0 2% 4%;}
    .ay-item:nth-child(3n){margin-right: 2%;}
    .ay-stitle{padding-left: 20px;padding-right: 20px;}
    .ay-type{width: 100%;max-width: 400px;}
    .ay-list2{text-align: center;}
    .ay-one{width: 160px;margin: 0 10px 20px;text-align: left;}
    .ay-one:nth-child(4n){margin-right: 10px;}
}
@media(max-width: 750px){
    .ay-tab{font-size: 16px;}
    .ay-stitle{font-size: 15px;}
}

/**/


.yd-a{visibility: hidden;opacity: 0;display: table;table-layout:fixed;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 123456789;transition: all .3s;}
.yd-a.show{visibility: visible;opacity: 1;}
.yd-b{display: table-cell;vertical-align: middle;}
.yd-c{width: 100%;max-width: 6.4em;max-height: 92vh;margin: 0 auto;background-color: #fff;position: relative;overflow: auto;}
.yd-close{display: block;width: 36px;height: 36px;background-image: url(../images/y73.png);background-repeat: no-repeat;background-position: center center;position: absolute;right: 7px;top: 0;cursor: pointer;transition: all .3s;}
.yd-d{width: 100%;padding-top: 26px;padding-bottom: .8em;text-align: center;padding-left: 36px;padding-right: 36px;}
.yd-e{color: #333;padding-bottom: .46em;font-weight: bold;font-weight: bold;}
.yd-f{color: #666;}
@media(min-width: 1201px){
    .yd-close:hover{transform: rotate(-180deg);}
}

.yi-a{width: 100%;background-color: #f8f8f8;padding-top: 2.4em;padding-bottom: 2.5em;padding-left: 10px;padding-right: 10px;}
.yi-wrap{width: 100%;}
.yi-b{width: 4.8em;margin: 0 auto;max-width: 100%;}
.yi-c{font-size: .36em;color: #333;margin-bottom: 1.77em;}
.yi-d{width: 100%;line-height: 0;padding-bottom: 40px;position: relative;z-index: 1;}
.yi-d.high{z-index: 1000;}
.yi-e{width: 100%;height: 46px;border: none;border-bottom: none;font-size: 12px;color: #666;background-color: transparent;vertical-align: top;}
.yi-e:focus{border-bottom-color: #666;}
.yi-e{width: 100%;height: 46px;border: 1px solid transparent;border-bottom: 1px solid #666;font-size: 12px;color: #666;padding-left: 19px;background-color: transparent;vertical-align: top;}
.yi-e:focus{border-color: #666;}
.yi-e.red{border-color: #3642c3;}
.n-f .yi-e{border-bottom-color: #ccc;}
.n-f .yi-e:focus{border-color: #ccc;}
.yi-label{font-size: 12px;color: #666;width: 100%;position: absolute;left: 0;top: 0;transition: all .3s;display: block;line-height: 46px;height: 46px;cursor: pointer;}
.yi-label.focus{top: -38px;color: #333;}
.yi-sp1{padding-right: 46px;}
.yi-sp2{padding-right: 92px;}
.yi-clear{display: none;width: 46px;height: 46px;position: absolute;right: 46px;top: -1px;cursor: pointer;background-image: url(../images/y32.png);background-repeat: no-repeat;background-position: center center;}
.yi-clear.show{display: block;}
.yi-clear.right{right: 0;}
.yi-e2{display: none;}
.yi-tip{font-size: 12px;color: #3642c3;padding-top: 14px;}
.yi-btn{width: 100%;overflow: hidden;margin-top: .42em;line-height: 0;}
.yi-btn.sp{margin-top: 0;}
.yi-submit{width: 100%;height: 46px;line-height: 46px;border-radius: 2px;display: inline-block;vertical-align: top;background-color: #3642c3;cursor: pointer;text-align: center;font-size: 12px;color: #fff;border: none;position: relative;z-index: 1;}
.yi-submit:after{content: "";display: block;width: 0;height: 100%;background-color: #ff0015;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
.yi-clear{display: none;width: 46px;height: 46px;position: absolute;right: 46px;top: -1px;cursor: pointer;background-image: url(../images/y32.png);background-repeat: no-repeat;background-position: center center;}
.yi-clear.show{display: block;}
.yi-eye{display: block;width: 46px;height: 46px;position: absolute;right: 0;top: -1px;cursor: pointer;background-image: url(../images/y33.png);background-repeat: no-repeat;background-position: center center;}
.yi-d.show .yi-eye{background-image: url(../images/y34.png);}
.yi-d.show .yi-e2{display: inline-block;}
.yi-d.show .yi-e1{display: none;}
.yi-box{width: 210px;background-color: #fff;border: 1px solid #ddd;position: absolute;right: -226px;top: 0;z-index: 9999;padding: 11px 16px 0 30px;visibility: hidden;opacity: 0;transition: all .3s;}
.yi-box.show{visibility: visible;opacity: 1;}
.yi-box:before{content: "";display: block;width: 10px;height: 18px;background-image: url(../images/y37.png);background-repeat: no-repeat;position: absolute;left: -10px;top: 6px;}
.yi-right{font-size: 12px;color: #999;line-height: 14px;margin-bottom: 15px;position: relative;}
.yi-wrong{font-size: 12px;color: #999;line-height: 14px;margin-bottom: 15px;position: relative;}
.yi-right:before{content: "";display: block;width: 17px;height: 11px;background-image: url(../images/y35.png);position: absolute;left: -24px;top: 1px;}
.yi-wrong:before{content: "";display: block;width: 11px;height: 11px;background-image: url(../images/y36.png);position: absolute;left: -21px;top: 1px;}
.yi-a.sp{padding-top: .88em;padding-bottom: 1em;}
.yi-a.sp .yi-c{margin-bottom: 2em;}
.yi-a.sp .yi-tip{padding-top: 10px;}
.yi-a.sp .yi-d{padding-bottom: 40px;margin-bottom: 0;}
.yi-a.sp .yi-btn{padding-top: 1.56vw;margin-top: 0;}
.yi-last{font-size: 12px;color: #666;padding-top: 20px;}
.yi-last a{color: #3642c3;}
.yi-d.select.show{z-index: 10000;}
.yi-d.select:after{content: "";display: block;width: 12px;height: 7px;background-image: url(../images/y50.png);position: absolute;right: 0;top: 19px;}
.yi-d.select .yi-e{font-size: 0;}
.yi-d.select.show .cm-a{display: block;}
.yi-cd{width: 67px;height: 26px;position: absolute;right: 0;top: 7px;cursor: pointer;}
.yi-code{width: 100%;height: 100%;vertical-align: top;}
.yi-a.sp2{padding-top: .77em;}
.yi-a.address{padding-top: 1.2em;padding-bottom: 1.32em;}
.yi-csp{color: #333;margin-bottom: .38em;}
.yi-dsp{color: #666;line-height: 1.71;padding-bottom: 3.9em;}
.yi-a.edit{padding-top: .75em;padding-bottom: 1.2em;background-color: transparent;}
.yi-b1{padding-top: 1em;}
.yi-a.spec{padding-top: 0;background-color: transparent;padding-bottom: .6em;}
.yi-textarea{width: 100%;height: 100px;border: none;border: 1px solid #ccc;padding-left: 19px;padding-right: 19px;font-size: 12px;color: #666;line-height: 1.5;background-color: transparent;vertical-align: top;}
.yi-label.sp{position: relative;}
.yi-a.spec .yi-btn{padding-top: 6.25%;}
@media(min-width: 1201px){
    .yi-submit:hover:after{width: 100%;}
}
@media(max-width: 900px){
    .yi-box{right: 0;top: 55px;}
    .yi-box:before{display: none;}
    .yi-box:after{content: "";display: block;width: 18px;height: 10px;background-image: url(../images/y38.png);background-repeat: no-repeat;position: absolute;right: 5px;top: -10px;}
}

.cm-a{display: none;width: 100%;position: absolute;left: 0;top: 46px;z-index: 1000;max-height: 290px;overflow: auto;border: 1px solid #ccc;box-shadow: 0 0 8px rgba(0,0,0,0.1);background-color: #fff;}
.cm-b{width: 100%;height: 40px;line-height: 40px;font-size: 12px;padding-left: 17px;color: #666;cursor: pointer;}
.cm-b:hover{background-color: #f8f8f8;}
@media(min-width: 1201px){
    .cm-b:hover{background-color: #f8f8f8;}
}

.diy .mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;width: 4px;position: relative;}
.diy .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #d4d4d4;border-radius: 0;width: 4px;}
.diy .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.diy .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #d4d4d4;filter: none;-ms-filter: none;}
.diy .mCSB_inside>.mCSB_container{margin-right: 6px;}
.diy .mCSB_scrollTools{width: 4px;margin-right: 2px;}
@media(min-width: 1201px){
    .diy .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #d4d4d4;filter: none;-ms-filter: none;}
}




.ua-main{width: 100%;height: 5.97rem;background-size: cover;background-position: center center;position: relative;}
.ua-center{text-align: center;top: 50%;left: 0;position: absolute;transform: translate(0,-50%);width: 100%;padding: 0 10px;}
.ua-tit{color: #fff;font-weight: bold;margin-bottom: .3rem;}
.ua-des{margin-bottom: 0.73rem;color: #fff;line-height: 1.77;max-width: 43.88em;margin: 0 auto .3rem;}
.ua-btn{display: inline-block;vertical-align: top;color: #fff;background-color: #3642c3;font-weight: bold;line-height: .5rem;padding: 0 .3rem;cursor: pointer;}
.ua-btn:before{content: "";display: inline-block;vertical-align: middle;width: 1.3125em;height: 1.1875em;background-image: url(../images/13.png);background-size: 100% 100%;margin-right: 0.6875em;}
@media(max-width: 1200px){
    .ua-btn{line-height: 31px;}
}
@media(max-width: 1000px){
    .ua-des{max-width: 500px;}
}
@media(max-width: 750px){
    .ua-btn{font-size: 12px;}
}



.ub-main{padding-top: 0.85rem;width: 100%;}
.ub-tit{margin-bottom: .4rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;}
.ub-des{color: #666;line-height: 1.77;text-align: center;width: 100%;max-width: 71.5em;margin: 0 auto .61rem;}
.ub-bot{overflow: hidden;width: 100%;}
.ub-left{float: left;padding-left: 1.6rem;padding-top: .56rem;width: 5rem;box-sizing: content-box;}
.ub-card{width: 100%;display: none;}
.ub-card.show{display: block;}
.ub-topic{color: #333;margin-bottom: .25rem;font-weight: bold;font-weight: bold;}
.ub-intro{color: #666;line-height: 1.75;}
.ub-right{float: right;width: 12.35rem;}
.ub-item{display: block;width: 99.28%;position: relative;}
.ub-box:after{content: "";display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.73;position: absolute;left: 0;top: 0;z-index: 12;transition: all .3s;}
.ub-box{overflow: hidden;width: 100%;position: relative;}
.ub-img{width: 100%;}
.ub-t{color: #666;font-weight: bold;font-weight: bold;line-height: 1.3;padding-top: .15rem;}
.ub-s{width: 9.8rem;}
.ub-s:nth-child(2){transition-delay: .4s;}
.ub-s.swiper-slide-active .ub-box:after{opacity: 0;}
.ub-arrow{width: .54rem;height: .54rem;margin-top: -0.27rem;border: 1px solid #fff;background-size: .1rem .18rem;position: absolute;top: 50%;z-index: 123;background-image: url(../images/12.png);cursor: pointer;background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ub-prev{left: 0.16rem;}
.ub-next{right: 0.6rem;transform: rotate(180deg);}
@media(max-width: 1920px){
    .ub-next{right: 60px;}
}
@media(min-width: 1201px){
    .ub-arrow:hover{background-color: #3642c3;border-color: #3642c3;}
}
@media(max-width: 1400px){
    .ub-left{padding-left: 1rem;width: 5.6rem;}
}
@media(max-width: 1000px){
    .ub-tit{padding-left: 10px;padding-right: 10px;}
    .ub-des{padding-left: 10px;padding-right: 10px;max-width: 520px;}
    .ub-left{width: 280px;padding-left: 10px;}
    .ub-right{width: calc(100% - 300px);}
}
@media(max-width: 760px){
    .ub-left{float: none;width: 100%;padding-right: 0;padding-top: 12px;max-width: 85vw;padding-left: 0;margin: 0 auto 10px;}
    .ub-card{width: 99.28%;margin: 0 auto;}
    .ub-right{float: none;width: 100%;}
    .ub-next{right: 10px;}
    .ub-item{margin: 0 auto;}
    .ub-s{width: 85vw;}
    .ub-prev{left: 8vw;}
    .ub-next{right: 8vw;}
    .ub-des{margin-bottom: 20px;}
}
@media(max-width: 500px){
    .ub-des{max-width: 100%;}
}

.uc-main{width: 100%;height: 5.56rem;background-size: cover;background-position: center center;position: relative;overflow: hidden;}
.uc-title{color: #fff;position: absolute;font-weight: bold;font-weight: bold;right: 68%;top: 0.4rem;margin-top: 2%;line-height: 1.25;padding-right: .1rem;z-index: 1234;padding-left: .3rem;pointer-events: none;}
.uc-list{width: 100%;height: 100%;padding-top: .4rem;padding-bottom: 0.4rem;}
.uc-one{padding: 0 .2rem;width: 18.44vw;border-left: 1px solid #fff;height: 100%;padding-top: 3.2rem;transition: all .5s;overflow: hidden;position: relative;background-color: #fff;}
.uc-one:nth-child(4n+1){text-align: right;border-left: none;width: 31.56vw;}
.uc-one:nth-child(4n+4){width: 31.56vw;}
.uc-inner{display: inline-block;vertical-align: top;max-width: 100%;text-align: left;position: relative;z-index: 2;transition: all .5s;top: 0;}
.uc-tit{color: #fff;font-weight: bold;font-weight: bold;line-height: 1.23;margin-bottom: .22rem;}
.uc-des{color: #3642c3;line-height: 1.75;opacity: 0;transition: all .5s;}
.uc-one.active{transform: scale(1.06);z-index: 123;border-right: 1px solid #fff;}
.uc-one.active .uc-inner{transform: translate(0,-100%);top: 1rem;}
.uc-one.active .uc-tit{color: #3642c3;}
.uc-one.active .uc-des{opacity: 1;}
.uc-one.active .uc-bg{filter: blur(6px);}
.uc-bg{width: 100vw;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;max-width: none;}
.uc-one:nth-child(4n+2) .uc-bg{left: -171.15%;}
.uc-one:nth-child(4n+3) .uc-bg{left: -271.15%;}
.uc-one:nth-child(4n+4) .uc-bg{left: -216.85%;}
.uc-conts{width: 100%;overflow: hidden;margin-top: -0.4rem;}
.uc-cont{width: 100%;position: absolute;left: -200vw;top: 0;opacity: 0;transition: opacity .5s;}
.uc-cont.show{position: relative;left: 0;opacity: 1;}
.uc-one.active .uc-cicle{display: none;}
.uc-cicle{width: .16rem;height: .16rem;/* margin-right: -0.08rem; */position: absolute;right:50%;bottom: 0.4rem;z-index:12;transform: translate(50%,50%);}
.uc-cicle:before,
.uc-cicle:after{position:absolute;left: 0;top: 0;background-color: #ddd;width:100%;height:100%;content:"";display:block;border-radius:50%;-webkit-backface-visibility:hidden}
.uc-cicle:before{animation:wave-animate 3s infinite ease-out}
.uc-cicle:after{opacity:0;animation:wave-animate 3s 1.5s infinite ease-out}
.uc-pointer{width: .24rem;height: .24rem;background-image: url(../images/pointer.png);background-size: 100% 100%;position: absolute;left:0;top:50%;z-index: 123;display: none;}
.uc-arrow{width: .54rem;height: .54rem;margin-top: -0.27rem;border: 1px solid #fff;background-size: .1rem .18rem;position: absolute;top: 50%;z-index: 123;background-image: url(../images/12.png);cursor: pointer;background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.uc-arrow.hide{display: none;}
.uc-prev{left: 0.16rem;}
.uc-next{right: 0.16rem;transform: rotate(180deg);}
.uc-arrow.swiper-button-disabled{opacity: 0.3;}
@media(max-width: 1300px){
    .uc-cicle{width: 11px;height: 11px;}
    .uc-pointer{width: 16px;height: 16px;}
    .uc-cicle{bottom: 15px;}
}
@media(min-width: 1201px){
    .uc-arrow:hover{background-color: #3642c3;border-color: #3642c3;}
}
@media(max-width: 1200px){
    .uc-title{right: 73%;}
    .uc-one{width: 22%;padding-top: 2.5rem;}
    .uc-one.active{padding-top: 2rem;}
    .uc-one:nth-child(4n+1){width: 28%;}
    .uc-one:nth-child(4n+4){width: 28%;}
    .uc-one:nth-child(4n+2) .uc-bg{left: -127.27%;}
    .uc-one:nth-child(4n+3) .uc-bg{left: -227.27%;}
    .uc-one:nth-child(4n+4) .uc-bg{left: -257.14%;}
    .uc-inner{height: 100%;overflow: auto;}
    .uc-one.active .uc-inner{top: 0;transform: translate(0,0);}
    .uc-des{padding-bottom: 20px;}
}
@media(max-width: 900px){
    .uc-title{font-size: 17px;}
}
@media(max-width: 760px){
    .uc-one{width: 220px;padding-left: 10px;padding-right: 10px;}
    .uc-one:nth-child(4n+1){width: 220px;}
    .uc-one:nth-child(4n+4){width: 220px;}
    .uc-list{/* overflow: auto; *//* white-space: nowrap; */}
    .uc-tit{font-size: 15px;}
    .uc-des{font-size: 12px;}
    .uc-title{right: auto;left: 10px;}
    .uc-bg{width: 880px;}
    .uc-one:nth-child(4n+2) .uc-bg{left: -220px;}
    .uc-one:nth-child(4n+3) .uc-bg{left: -440px;}
    .uc-one:nth-child(4n+4) .uc-bg{left: -660px;}
}




.ud-main{padding-bottom: 1.28rem;width: 100%;padding-top: 1.3rem;}
.ud-inner{width: 14rem;margin: 0 auto;}
.ud-left{float: left;width: 6rem;}
.ud-img{width: 100%;height: 100%;object-fit: contain;}
.ud-right{float: right;width: 7rem;}
.ud-tit{color: #333;font-weight: bold;font-weight: bold;letter-spacing: .025em;line-height: 1.14;margin-bottom: .36rem;}
.ud-des{color: #666;line-height: 1.77;min-height: 13em;padding-bottom: .2rem;}
.ud-bot{width: 100%;}
.ud-dl{margin-bottom: 0.61rem;}
.ud-dl:last-child{margin-bottom: 0;}
.ud-dt{margin-bottom: 0.31rem;color: #333;font-weight: bold;}
.ud-dd{font-size: 0;}
.ud-one{display: inline-block;vertical-align: top;width: .48rem;height: .48rem;border: 1px solid transparent;text-align: center;border-radius: 50%;cursor: pointer;margin-right: .29rem;position: relative;}
.ud-one.active{border-color: #e81223;}
.ud-color{width: .3rem;height: .3rem;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -0.15rem;margin-top: -0.15rem;}
.ud-color.sp{border: 1px solid #0f0f0f;}
.ud-color:before,
.ud-color:after{position:absolute;left: 0;top: 0;background-color: #ccc;width:100%;height:100%;content:"";display:block;border-radius:50%;-webkit-backface-visibility:hidden;z-index: -1;}
.ud-color:before{animation:wavea 3s infinite ease-out}
.ud-color:after{opacity:0;animation:wavea 3s 1.5s infinite ease-out}
.ud-one.active .ud-color:before,
.ud-one.active .ud-color:after{display: none;}
@keyframes wavea{
    0%{transform:scale(1);opacity:1;transform-origin:center}
    100%{transform:scale(3);opacity:0;transform-origin:center}
}
@media(max-width: 680px){
    .ud-main{padding: 30px 10px;}
    .ud-inner{width:100%;}
    .ud-right{width: 60%;padding-left: 10px;}
    .ud-left{width: 40%;}
}
@media(max-width: 500px){
    .ud-right{float: none;width: 100%;margin-bottom: 20px;text-align: center;padding-left: 0;}
    .ud-left{float: none;width: 100%;text-align: center;}
    .ud-inner{width: 100%;}
    .ud-des{min-height: 0;padding-bottom: 20px;}
    .ud-bot{text-align: center;display: inline-block;vertical-align: top;width: auto;max-width: 100%;}
    .ud-one:last-child{margin-right: 0;}
    .ud-dl{text-align: left;}
}




.ue-main{width: 100%;background-color: #232323;padding-top: .7rem;padding-bottom: .6rem;margin-bottom: 1.2rem;}
.ue-title{color: #fff;text-align: center;font-weight: bold;font-weight: bold;margin-bottom: .36rem;}
.ue-intro{color: #fff;max-width: 72.23em;width: 100%;margin: 0 auto .56rem;line-height: 1.77;}
.ue-list{width: 100%;text-align: center;font-size: 0;}
.ue-item{display: inline-block;vertical-align: top;position: relative;width: 5.3rem;margin: 0 .06rem;}
.ue-box{padding-top: 66.226%;position: relative;width: 100%;}
.ue-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.ue-text{width: 100%;padding-top: .23rem;padding-left: .1rem;padding-right: .1rem;}
.ue-tit{color: #3642c3;text-align: center;line-height: 1.25;margin-bottom: .17rem;font-weight: bold;}
.ue-des{color: #fff;text-align: center;width: 100%;line-height: 2;}
.uh-box{width: 100%;max-width: 13.93rem;margin: 0 auto;}
.uh-img{width: 100%;}
@media(max-width: 1000px){
    .ue-intro{max-width: 500px;}
}
@media(max-width: 900px){
    .ue-des{font-size: 12px;}
}
@media(max-width: 760px){
    .ue-item{width: 100%;max-width: 300px;margin-bottom: 20px;}
    .ue-item:last-child{margin-bottom: 0;}
}
@media(max-width: 500px){
    .ue-intro{max-width: 100%;padding-left: 10px;padding-right: 10px;}
}


.uf-main{width: 100%;padding-top: .85rem;background-size: cover;background-position: center top;margin-top: 0.6rem;padding-bottom: 1.25rem;}
.uf-title{color: #333;text-align: center;font-weight: bold;font-weight: bold;margin-bottom: 1.48rem;}
.uf-list{font-size: 0;text-align: center;width: 100%;}
.uf-item{display: inline-block;vertical-align: top;text-align: center;width: 100%;max-width: 14.45em;}
.uf-box{width: .82rem;height: .82rem;margin: 0 auto .32rem;}
.uf-img{width: 100%;height: 100%;}
.uf-tit{color: #333;max-width: 10em;margin: 0 auto;line-height: 1.363;font-weight: bold;}
@media(min-width: 1201px){
    .uf-item:nth-child(5n+2){transition-delay: .4s;}
    .uf-item:nth-child(5n+3){transition-delay: .6s;}
    .uf-item:nth-child(5n+4){transition-delay: .8s;}
    .uf-item:nth-child(5n+5){transition-delay: 1s;}
}
@media(max-width: 1200px){
    .uf-list{width: 100%;}
    .uf-item{width: 20%;max-width: none;}
}
@media(max-width: 760px){
    .uf-main{margin-top: 0;padding-bottom: 20px;}
    .uf-list{text-align: left;}
    .uf-item{width: 33.33%;margin-bottom: 20px;}
    .uf-title{margin-bottom: 30px;}
}
@media(max-width: 500px){
    .uf-item{width: 50%;}
}

.ug-main{width: 100%;background-image: url(../images/320.jpg);padding-top: .86rem;padding-bottom: .64rem;background-size: cover;background-position: center center;}
.ug-title{color: #fff;font-weight: bold;font-weight: bold;text-align: center;margin-bottom: .72rem;}
.ug-list{width: 100%;text-align: center;font-size: 0;}
.ug-box{width: .5rem;height: .5rem;margin: 0 auto .24rem;}
.ug-item{display: inline-block;vertical-align: top;width: 10.5em;}
.ug-tit{line-height: 1.55;color: #fff;}
@media(max-width: 760px){
    .ug-main{padding-bottom: 20px;}
    .ug-item{width: 33.33%;margin-bottom: 20px;}
}
@media(max-width: 500px){
    .ug-list{text-align: left;}
    .ug-item{width: 50%;text-align: center;}
}

.uh-main{width: 100%;padding-top:.8rem;}
.uh-title{text-align: center;color: #333;font-weight: bold;font-weight: bold;margin-bottom: .38rem;}
.uh-intro{width: 100%;max-width: 72.22em;margin: 0 auto;text-align: center;line-height: 1.777;color: #666;margin-bottom: .53rem;}
.uh-list{width: 14rem;font-size: 0;margin: 0 auto;text-align: center;}
.uh-one{display: inline-block;vertical-align: top;width: 14.285%;padding-top: 7.857%;position: relative;}
.uh-one:nth-child(11n+8){margin-left: 21.4275%;}
.uh-one:nth-child(11n){margin-right: 21.4275%;}
.uh-icon{position: absolute;left: 50%;top: 50%;max-width: 80%;max-height: 80%;transform: translate(-50%,-50%);}
@media(max-width: 1100px){
    .uh-intro{width: 100%;padding-left: 10px;padding-right: 10px;max-width: 520px;}
}




.ui-main{width: 100%;padding-left: 10px;padding-right: 10px;padding-top: 1rem;padding-bottom: .5rem;}
.ui-center{width: 100%;max-width: 15.8rem;margin: 0 auto;}
.ui-title{color: #333;font-weight: bold;font-weight: bold;line-height: 1.277;margin-bottom: .75rem;}
.ui-inner{width: 100%;font-size: 0;}
.ui-left{display: inline-block;vertical-align: middle;width: 38.29%;margin-right: 8.925%;}
.ui-row{padding-top: 1.03rem;margin-bottom: 0.47rem;width: 100%;background-color: #eee;border-radius: .2rem;padding: .25rem .3rem .3rem .27rem;font-size: 0;transition: all .3s;}
.ui-row:last-child{margin-bottom: 0;}
.ui-ico{display: inline-block;vertical-align: middle;width: .52rem;height: .52rem;object-fit: contain;}
.ui-tit{display: inline-block;vertical-align: middle;width: calc(100% - 0.52rem);padding-left: .34rem;line-height: 1.77;color: #666;}
.ui-right{display: inline-block;vertical-align: middle;width: 52.785%;overflow: hidden;position: relative;}
.ui-img{width: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: opacity 1s;}
.ui-img.show{position: relative;opacity: 1;vertical-align: top;}
.ui-row.active{box-shadow: 0 .05rem .12rem rgba(0, 0, 0, 0.12);}
.ui-row.active .ui-tit{color: #3642c3;}
@media(max-width: 760px){
    .ui-main{padding-top: 30px;}
    .ui-left{width: 100%;margin-right: 0;}
    .ui-right{width: 100%;}
    .ui-row{margin-bottom: 10px;}
    .ui-title{margin-bottom: 20px;}
    .ui-row:last-child{margin-bottom: 10px;}
}



.uj-main{padding-top: 0.82rem;width: 100%;}
.uj-title{margin-bottom: 0.44rem;color: #333;text-align: center;font-weight: bold;font-weight: bold;line-height: 1.27;}
.uj-intro{margin: 0 auto;color: #666;line-height: 1.77;text-align: center;width: 100%;max-width: 63em;}
.uj-list{width: 100%;font-size: 0;text-align: center;padding-bottom: .67rem;padding-top: .4rem;padding-left: 10px;padding-right: 10px;}
.uj-one{display: inline-block;vertical-align: top;width: 3.2rem;padding-left: .15rem;padding-right: .15rem;padding-top: 1rem;transition: all .3s;}
.uj-box{margin: 0 auto;width: .64rem;height: .64rem;margin-bottom: .45rem;}
.uj-ico{width: 100%;height: 100%;object-fit: contain;}
.uj-tit{color: #333;text-align: center;font-weight: bold;margin-bottom: .19rem;}
.uj-des{color: #666;line-height: 1.75;min-height: 1.84rem;padding-bottom: .2rem;text-align: left;padding-left: .1rem;}
.uj-one:hover{box-shadow: .05rem .05rem .12rem rgba(0, 0, 0, 0.12);}
@media(max-width: 1000px){
    .uj-des{padding-left: 0;min-height: 0;}
    .uj-one{width: 33.333%;}
    .uj-title{padding-left: 10px;padding-right: 10px;}
    .uj-intro{padding-left: 10px;padding-right: 10px;max-width: 520px;}
}
@media(max-width: 1000px){
    .uj-list{text-align: left;}
}
@media(max-width: 500px){
    .uj-one{width: 50%;padding-top: 20px;}
}



.uk-main{width: 100%;margin-bottom: .4rem;}
.uk-inner{margin: 0 auto;max-width: 16.02rem;width: 100%;position: relative;}
.uk-box{position: relative;width: 100%;}
.uk-img{vertical-align: top;width: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: opacity .5s;}
.uk-img1{position: relative;opacity: 1;}
.uk-box.show .uk-img1{position: absolute;opacity: 0;}
.uk-box.show .uk-img2{position: relative;opacity: 1;}
.uk-btn{position: absolute;left: 50%;bottom: .43rem;background-color: rgba(255,255,255,0.55);overflow: hidden;white-space: nowrap;line-height: .6rem;padding: 0 .3rem;border-radius: .3rem;transform: translate(-50%,0);cursor: pointer;z-index: 123;color: #333;}
.uk-btn:after{content: "";display: inline-block;vertical-align: middle;width: 1.75em;height: .333em;background-image: url(../images/348.png);background-size: 100% 100%;margin-left: .4em;}
@media(min-width: 1201px){
    .uk-btn:hover:after{background-image: url(../images/372.png);}
}
@media(max-width: 500px){
    .uk-btn{bottom: 10px;}
}


.um-main{width: 100%;padding-bottom: .2rem;}
.um-inner{margin: 0 auto;font-size: 0;width: 16.02rem;}
.um-one{display: inline-block;vertical-align: top;width: 32.64%;margin-right: 1.04%;}
.um-one:nth-child(3n){margin-right: 0;}
.um-box{padding-top: 70.172%;position: relative;width: 100%;z-index: 1;overflow: hidden;}
.um-img{top: 0;left: 0;position: absolute;width: 100%;height: 100%;object-fit: cover;transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.um-one:hover .um-img{transform: scale(1.1);}
.um-text{margin: 0 auto;width: 79.54%;min-height: 2.46rem;background-color: #eee;padding: .44rem .2rem .2rem .29rem;margin-top: -0.7rem;position: relative;z-index: 2;}
.um-tit{color: #333;font-weight: bold;line-height: 1.41;margin-bottom: .1rem;}
.um-des{color: #666;line-height: 1.46;/* min-height: 1.38rem; */}
@media(max-width: 1300px){
    .um-text{min-height: 170px;}
}
@media(max-width: 900px){
    .um-text{width: 90%;}
    .um-des{/* min-height: 130px; */}
}
@media(max-width: 760px){
    .um-main{padding-left: 10px;padding-right: 10px;}
    .um-inner{max-width: 500px;width: 100%;}
    .um-one{width: 100%;margin-bottom: 20px;}
    .um-one:last-child{margin-bottom: 0;}
    .um-des{min-height: 0;}
    .um-text{padding-bottom: 20px;min-height: 0;}
}

.un-main{width: 100%;height: 9.08rem;background-size: 100% 100%;position: relative;overflow: hidden;background-color: #0f0f0f;}
.un-left{position: absolute;left: .7rem;top: 50%;transform: translate(0,-50%);width: 3.6rem;z-index: 12;}
.un-title{color: #fff;font-weight: bold;font-weight: bold;margin-bottom: .33rem;}
.un-intro{color: #fff;line-height: 1.77;}
.un-circle{width: 12rem;height: 12rem;position: absolute;left: -5.1rem;top: -1.455rem;border-radius: 50%;z-index: 1;border: 1px solid #fff;transition: all .5s;}
.un-item{width: 1rem;height: 1rem;border-radius: 50%;position: absolute;transition: all .5s;}
.un-item:nth-child(1){right: -0.12rem;top: 3.4rem;}
.un-item:nth-child(2){right: -0.52rem;top: 5.8rem;}
.un-item:nth-child(3){right: 0.15rem;top: 8.2rem;}
.un-box{width: 100%;height: 100%;background-color: #414141;border-radius: 50%;transition: all .3s;border: 1px solid #fff;}
.un-icon{width: 100%;height: 100%;}
.un-tit{position: absolute;left: 100%;top: 50%;transform: translate(0,-50%);padding-left: .2rem;width: 1.9rem;color: #fff;transition: all .3s;}
.un-des{width: 8.1rem;position: absolute;left: 2.9rem;top: 50%;transform: translate(0,-50%);color: #fff;line-height: 1.77;display: none;}
.un-circle.show1 .un-item:nth-child(1) .un-box,
.un-circle.show2 .un-item:nth-child(2) .un-box,
.un-circle.show3 .un-item:nth-child(3) .un-box{background-color: #512828;transform: scale(1.28);border-color: #f00;}
.un-circle.show1 .un-item:nth-child(1) .un-tit,
.un-circle.show2 .un-item:nth-child(2) .un-tit,
.un-circle.show3 .un-item:nth-child(3) .un-tit{padding-left: .4rem;font-weight: bold;font-weight: bold;color: #3642c3;font-size: calc(36 * 100vw / 1920);}
.un-circle.show1 .un-item:nth-child(1) .un-des,
.un-circle.show2 .un-item:nth-child(2) .un-des,
.un-circle.show3 .un-item:nth-child(3) .un-des{display: block;}
.un-circle.show1{transform: rotate(25deg);}
.un-circle.show1 .un-item{transform: rotate(-25deg);}
.un-circle.show2{transform: rotate(0deg);}
.un-circle.show3{transform: rotate(-25deg);}
.un-circle.show3 .un-item{transform: rotate(25deg);}
@media(max-width: 1024px){
    .un-circle.show1 .un-item:nth-child(1) .un-tit,
    .un-circle.show2 .un-item:nth-child(2) .un-tit,
    .un-circle.show3 .un-item:nth-child(3) .un-tit{font-size: 19.2px;}
}
@media(max-width: 900px){
    .un-left{left: 10px;width: 200px;}
    .un-tit{font-size: 14px;}
    .un-des{width: calc(100vw - 500px);font-size: 13px;}
    .un-intro{font-size: 13px;}
    .un-circle.show1 .un-item:nth-child(1) .un-tit,
    .un-circle.show2 .un-item:nth-child(2) .un-tit,
    .un-circle.show3 .un-item:nth-child(3) .un-tit{font-size: 15px;}
}
@media(max-width: 760px){
    .un-main{background-image: none !important;height: 500px;}
    .un-left{width: 100%;max-width: 500px;padding: 0 10px;left: 50%;top: 20px;transform: translate(-50%,0);text-align: center;background-color: #0f0f0f;}
    .un-circle{left: -9.5rem;top: 30px;}
    .un-des{width: calc(100vw - 235px);line-height: 1.4;margin-left: -5px;max-height: 350px;overflow: auto;font-size: 12px;}
    .un-title{margin-bottom: 10px;}
    .un-intro{max-width: 500px;}
}
@media(max-width: 500px){
    .un-circle{left: -520px;top: 0;}
    .un-des{width: calc(100vw - 160px);}
}


.uo-main{width: 100%;background-color: #0f0f0f;padding-top: .68rem;padding-bottom: 1.1rem;padding-left: 10px;padding-right: 10px;}
.uo-tit{color: #fff;text-align: center;width: 100%;font-weight: bold;font-weight: bold;letter-spacing: .025em;line-height: 1.27;margin-bottom: .27rem;}
.uo-des{color: #fff;width: 100%;max-width: 63em;margin: 0 auto;text-align: center;line-height: 1.77;letter-spacing: .025em;margin-bottom: .71rem;}
.uo-box{width: 8.15rem;margin: 0 auto;position: relative;transform-origin: left top;}
.uo-table{width: 100%;height: 3.5rem;border: 1px solid #fff;border-top: none;position: relative;border-bottom: none;}
.uo-bg{width: 100%;height: 100%;}
.uo-y{width: 100%;height: 16.666%;border-top: 1px solid #b5b5b5;position: relative;}
.uo-y:last-child{border-top: none;}
.uo-num{position: absolute;left: 0;top: 0;transform: translate(-130%,-60%);color: #fff;}
.uo-list{width: 100%;height: 100%;font-size: 0;padding-left: 1%;position: absolute;left: 0;top: 0;z-index: 12;border-bottom: 1px solid #fff;}
.uo-one{width: 3.38%;height: 100%;margin-right: 3%;position: relative;display: inline-block;vertical-align: top;}
.uo-in{position: absolute;left: 0;bottom: 0;width: 100%;height: 0;transition: all 1s;}
.uo-td{color: #fff;width: 100%;position: absolute;left: 0;top: -1.2em;text-align: center;}
.uo-bd{color: #fff;width: 100%;position: absolute;left: 0;bottom: -1.5em;text-align: center;}
.uo-btit{text-align: center;color: #fff;padding-top: 1.583em;}
.uo-ltit{position: absolute;left: -6em;top: 50%;transform: translate(0) rotate(-90deg);color: #fff;}
.uo-one:last-child{margin-right: 0;}
.uo-one:nth-child(1) .uo-in{background-color: #904d55;transition-delay: .1s;}
.uo-one:nth-child(2) .uo-in{background-color: #c26b5e;transition-delay: .2s;}
.uo-one:nth-child(3) .uo-in{background-color: #b4794b;transition-delay: .3s;}
.uo-one:nth-child(4) .uo-in{background-color: #dcaf5b;transition-delay: .4s;}
.uo-one:nth-child(5) .uo-in{background-color: #aea16c;transition-delay: .5s;}
.uo-one:nth-child(6) .uo-in{background-color: #849456;transition-delay: .6s;}
.uo-one:nth-child(7) .uo-in{background-color: #56835c;transition-delay: .7s;}
.uo-one:nth-child(8) .uo-in{background-color: #63ac91;transition-delay: .8s;}
.uo-one:nth-child(9) .uo-in{background-color: #50a199;transition-delay: .9s;}
.uo-one:nth-child(10) .uo-in{background-color: #4c8b93;transition-delay: 1.0s;}
.uo-one:nth-child(11) .uo-in{background-color: #1f6a90;transition-delay: 1.1s;}
.uo-one:nth-child(12) .uo-in{background-color: #838ca7;transition-delay: 1.2s;}
.uo-one:nth-child(13) .uo-in{background-color: #7f7a9b;transition-delay: 1.3s;}
.uo-one:nth-child(14) .uo-in{background-color: #7e5e8b;transition-delay: 1.4s;}
.uo-one:nth-child(15) .uo-in{background-color: #a28396;transition-delay: 1.5s;}
.uo-one:nth-child(16) .uo-in{background-color: #be6f8f;transition-delay: 1.6s;}
.uo-wrap{width: 100%;}
@media(max-width: 1472px){
    .uo-des{max-width: 13rem;}
}
@media(max-width: 1200px){
    .uo-num,
    .uo-td,
    .uo-bd{font-size: 12px;}
}
@media(max-width: 900px){
    .uo-num,
    .uo-td,
    .uo-bd{font-size: 10px;}
}
@media(max-width: 760px){
    .uo-des{max-width: 500px;}
}
@media(max-width: 550px){
    .uo-box{padding-left: 60px;width: 442px;margin-left: 0;}
    .uo-ltit{left: -86px;}
}
@media(max-width: 480px){
    .uo-wrap{padding-top: 44.347%;position: relative;}
    .uo-box{position: absolute;left: 0;top: 0;}
}

.up-main{width: 100%;background-color: #0f0f0f;}
.up-box{width: 15.95rem;height: 8.08rem;margin: 0 auto;background-size: cover;background-position: center center;border-radius: .22rem;overflow: hidden;position: relative;}
.up-box:after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;}
.up-text{width: 100%;position: absolute;left: 0;bottom: .42rem;text-align: center;z-index: 12;}
.up-tit{color: #fff;font-weight: bold;font-weight: bold;letter-spacing: .025em;margin-bottom: .35rem;opacity:0;transform:translate3d(0,50px,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);transition-delay: 1s;}
.up-des{color: #fff;width: 100%;max-width: 42em;margin: 0 auto;letter-spacing: .025em;line-height: 1.77;opacity:0;transform:translate3d(0,50px,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);transition-delay: 1.3s;}
.up-box.show:after{animation:toRight 4s;left: 100%;}
.up-box.show .up-tit{opacity:1;transform:translate3d(0,0,0);}
.up-box.show .up-des{opacity:1;transform:translate3d(0,0,0);}
@media(max-width: 760px){
    .up-box{width: 100%;padding-top: 50.658%;height: auto;}
    .up-text{padding-left: 10px;padding-right: 10px;}
    .up-tit{max-width: 500px;margin-left: auto;margin-right: auto;}
    .up-des{max-width: 500px;margin-left: auto;margin-right: auto;}
}
@keyframes toRight{
    0% {left:0;}
    25% {left:50%;}
    75% {left:50%;}
    100% {left:100%;}
}

.uq-main{width: 100%;background-color: #0f0f0f;padding-top: .95rem;padding-left: 10px;padding-right: 10px;overflow: hidden;}
.uq-inner{width: 100%;max-width: 17rem;margin: 0 auto;}
.uq-tit{color: #fff;font-weight: bold;font-weight: bold;line-height: 1.27;margin-bottom: .32rem;letter-spacing: .025em;text-align: center;}
.uq-des{color: #fff;line-height: 1.77;width: 39em;letter-spacing: .025em;max-width: 100%;margin: 0 auto;text-align: center;}
.uq-wrap{width: 100%;padding-bottom: 1.7rem;padding-top: 1.57rem;}
.uq-box{width: 10.86rem;position: relative;margin: 0 auto;}
.uq-img{width: 100%;vertical-align: top;}
.uq-item{width: .16rem;height: .16rem;border-radius: 50%;background-color: #ddd;position: absolute;z-index: 10;transition: all .3s;top: 0;}
.uq-item1{left: 0;margin-top: 12.246%;}
.uq-item2{left: 28.7%;margin-top: 12.8%;}
.uq-item3{left: 52.94%;margin-top: 12.43%;}
.uq-item4{left: 68.14%;margin-top: 13.53%;}
.uq-item:before,
.uq-item:after{position:absolute;left: 0;top: 0;background-color: #ddd;width:100%;height:100%;content:"";display:block;border-radius:50%;-webkit-backface-visibility:hidden}
.uq-item:before{animation:wave-animate 3s infinite ease-out}
.uq-item:after{opacity:0;animation:wave-animate 3s 1.5s infinite ease-out}
.uq-item.active{background-color: rgba(230,0,18,0.7);}
.uq-item.active:before,
.uq-item.active:after{background-color: rgba(230,0,18,0.7);}
.uq-item.active .uq-dl{visibility: visible;opacity: 1;}
.uq-item1 .uq-dl{position: absolute;left: -0.3rem;top: 50%;width: 18em;transform: translate(-100%,0);text-align: right;}
.uq-dl{position: absolute;left: 0;top: 200%;visibility: hidden;opacity: 0;transition: all .3s;width: 18em;}
.uq-dt{color: #fff;line-height: 1.81;}
.uq-dd{color: #fff;line-height: 1.81;}
@keyframes wave-animate{
    0%{transform:scale(1);opacity:1;transform-origin:center}
    100%{transform:scale(4);opacity:0;transform-origin:center}
}
@media(max-width: 1000px){
    .uq-item1 .uq-dl{left: 0;top: 200%;transform: translate(0,0);text-align: left;}
}
@media(max-width: 760px){
    .uq-wrap{padding-left: 0;}
    .uq-box{max-width: 510px;width: 100%;}
    .uq-dt{font-size: 12px;}
    .uq-dd{font-size: 12px;}
    .uq-item3 .uq-dl{left: auto;right: -30px;text-align: right;}
    .uq-item4 .uq-dl{left: auto;right: 0;text-align: right;}
    .uq-des{width: 100%;max-width: 500px;}
}

.ur-main{width: 100%;background-color: #0f0f0f;padding-left: 10px;padding-right: 10px;}
.ur-inner{width: 100%;max-width: 15.97rem;margin: 0 auto;}
.ur-item{width: 100%;font-size: 0;overflow: hidden;background-color: #232323;margin-bottom: .13rem;}
.ur-item:last-child{margin-bottom: 0;}
.ur-item:nth-child(2n) .ur-left{float: right;}
.ur-item:nth-child(2n) .ur-right{float: left;}
.ur-left{width: 53.788%;float: left;padding: .85rem 1.4rem;}
.ur-right{float: right;width: 46.212%;}
.ur-tit{color: #fff;line-height: 1.27;letter-spacing: .066em;font-weight: bold;font-weight: bold;margin-bottom: .32rem;}
.ur-des{color: #fff;line-height: 1.77;letter-spacing: .025em;}
@media(max-width: 1200px){
    .ur-left{padding: .3rem;}
    .ur-tit{font-size: 18px;margin-bottom: 10px;}
    .ur-des{font-size: 12px;}
}
@media(max-width: 760px){
    .ur-inner{max-width: 500px;}
    .ur-left{width: 100%;float: none;width: 100%;padding: 15px 10px;}
    .ur-right{float: none;width: 100%;}
    .ur-item{margin-bottom: 10px;}
    .ur-item:nth-child(2n) .ur-left{float: none;}
    .ur-item:nth-child(2n) .ur-right{float: none;}
    .ur-tit{font-size: 16px;}
}


.us-main{width: 100%;height: 9.15rem;background-size: cover;background-position: center center;position: relative;}
.us-text{width: 15.97rem;margin-left: -7.985rem;position: absolute;left: 50%;top: 1.13rem;z-index: 10;}
.us-tit{color: #fff;line-height: 1.27;letter-spacing: .066em;font-weight: bold;font-weight: bold;margin-bottom: .32rem;text-align: center;}
.us-des{color: #fff;line-height: 1.77;letter-spacing: .025em;width: 33em;margin: 0 auto;text-align: center;}
@media(max-width: 760px){
    .us-main{height: auto;padding-top: 50%;background-position: center bottom;background-size: 100% auto;background-repeat: no-repeat;background-color: #0f0f0f;}
    .us-text{width: 100%;padding: 20px 10px;left: 0;top: 0;margin-left: 0;height: 100%;overflow: auto;}
    .us-tit{font-size: 16px;margin-bottom: 5px;width: 100%;max-width: 500px;margin-left: auto;margin-right: auto;}
    .us-des{width: 100%;font-size: 12px;line-height: 16px;max-width: 500px;margin-left: auto;margin-right: auto;}
}
@media(max-width: 500px){
    .us-main{padding-top: 70%;}
}


.ut-main{width: 100%;background-color: #0f0f0f;padding-top: .7rem;padding-bottom: .85rem;padding-left: 10px;padding-right: 10px;}
.ut-tit{text-align: center;color: #fff;font-size: 4.895vw;margin-bottom: 8.59vw;}
.ut-des{text-align: center;color: #fff;font-size: 2.6vw;margin-bottom: 9.375vw;position: relative;}
.ut-des:after{content: "";display: block;width: 12.94em;height: 1px;background-image: url(../images/374.png);background-size: 100% 100%;position: absolute;left: 50%;bottom: -0.2em;transform: translate(-50%,0);}
.ut-cont{width: 100%;margin: 0 auto;max-width: 16rem;}
.ut-left{float: left;width: 8.84rem;background-image: url(../images/366.png);background-size: 100% 100%;}
.ut-right{float: right;width: 5.6rem;}
.ut-box{width: 100%;padding-top: 76.923%;position: relative;}
.ut-img{width: 93%;position: absolute;left: 3.5%;top: 0;margin-top: 3.5%;}
.ut-bn{width: 100%;height: 6.65rem;}
.ut-text{width: 100%;padding-left: .3rem;padding-bottom: .3rem;}
.ut-t{color: #fff;margin-bottom: .25rem;line-height: 1.27;}
.ut-d{color: #fff;line-height: 1.77;}
.ut-s{opacity: 0.3;transition: opacity .3s;height: auto;}
.ut-s.swiper-slide-active{opacity: 1;}
.ut-bn .swiper-pagination-bullet{width: 0.02rem;height: 1.39rem;background-color: #fff;opacity: 0.3;}
.ut-bn .swiper-pagination-bullet-active{opacity: 1;}
.ut-bn.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;border-radius: 0;}
.ut-bn.swiper-container-vertical>.swiper-pagination-bullets{font-size: 0;right: auto;left: 0;}
@media(max-width: 1472px){
    .ut-d{font-size: 13px;}
}
@media(max-width: 1300px){
    .ut-d{font-size: 12px;}
    .ut-right{width: 6.5rem;}
}
@media(max-width: 1100px){
    .ut-bn{height: 320px;}
}
@media(max-width: 760px){
    .ut-cont{width: 100%;max-width: 500px;}
    .ut-left{float: none;width: 100%;margin-bottom: 20px;}
    .ut-right{float: none;width: 100%;}
    .ut-bn .swiper-pagination-bullet{height: 30px;}
    .ut-t{font-size: 16px;margin-bottom: 5px;}
    .ut-bn{height: auto;}
}
@media(max-width: 700px){
    .ut-des{font-size: 18px;}
}
@media(max-width: 600px){
    .ut-tit{font-size: 30px;}
}


.uu-main{width: 100%;position: relative;background-color: #000;}
.uu-img{width: 100%;vertical-align: top;}
.uu-video{width: 100%;height: 100%;position: absolute;left: -200vw;top: 0;z-index: 12;vertical-align: top;}
.uu-main.show .uu-video{left: 0;position: relative;height: auto;}
.uu-main.show .uu-img{display: none;}


.uv-main{width: 100%;position: relative;background-color: #000;overflow: hidden;}
.uv-img{width: 100%;vertical-align: top;}
.uv-video{width: 100%;height: 100%;position: absolute;left: -200vw;top: 0;z-index: 12;vertical-align: top;}
.uv-main.show .uv-video{left: 0;position: relative;height: auto;}
.uv-main.show .uv-img{display: none;}
.uv-text{position: absolute;left: 50%;top: .95rem;transform: translate(-50%,0);z-index: 100;}
.uv-tit{color: #fff;font-weight: bold;font-weight: bold;margin-bottom: .25rem;text-align: center;}
.uv-des{color: #fff;line-height: 1.77;width: 38em;max-width: 100%;text-align: center;}
@media(max-width: 760px){
    .uv-text{width: 100%;left: 0;top: 15px;padding: 0 10px;margin-left: 0;transform: translate(0,0);}
    .uv-des{font-size: 12px;line-height: 1.5;margin: 0 auto;max-width: 500px;width: 100%;}
    .uv-tit{font-size: 16px;margin-bottom: 8px;}
}
@media(max-width: 500px){
    .uv-text{position: relative;left: 0;top:0;padding-bottom: 10px;padding-top: 20px;}
}

div.pswp{z-index: 123456789;}

.bot-bar{display: none;}
.bot-space{width: 100%;height: 46px;display: none;}
@media(max-width: 750px){
    .bot-bar{width: 100%;display: flex;position: fixed;left: 0;bottom: 0;z-index: 123;background-color: #3642c3;}
    .bot-space{display: block;}
    .bot-item{flex: 1;height: 46px;background-size: 22px 22px;background-position: center center;background-repeat: no-repeat;border-right: 1px solid rgba(255,255,255,0.5);}
    .bot-item1{background-image: url(../images/fc1.png);}
    .bot-item2{background-image: url(../images/fc2.png);}
    .bot-item3{background-image: url(../images/fc3.png);}
    .bot-item4{background-image: url(../images/fc4.png);}
    .bot-item5{background-image: url(../images/fc5.png);}
}


.fbt-a{visibility: hidden;opacity: 0;display: table;table-layout:fixed;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 9876543210;transition: all .3s;}
.fbt-a.show{visibility: visible;opacity: 1;}
.fbt-a *{box-sizing: border-box;line-height: 1;}
.fbt-b{display: table-cell;vertical-align: middle;}
.fbt-c{width: 180px;max-height: 100%;margin: 0 auto;background-color: #fff;position: relative;padding: 30px 25px 25px;overflow: auto;}
.fbt-d{display: block;width: 32px;height: 32px;line-height: 32px;position: absolute;right: 0px;top: 0;cursor: pointer;font-size: 20px;color: #666;text-align: center;font-weight: lighter;}
.fbt-e{width: 130px;margin: 0 auto 10px auto;}
.fbt-f{width: 100%;}
.fbt-g{width: 100%;font-size: 14px;color: #666;text-align: center;}


.fct-a{visibility: hidden;opacity: 0;display: table;table-layout:fixed;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 9876543210;transition: all .3s;overflow: hidden;}
.fct-a.show{visibility: visible;opacity: 1;}
.fct-a .j-main{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.fct-close{display: block;width: 40px;height: 40px;line-height: 40px;position: absolute;right: 0px;top: 0;cursor: pointer;font-size: 20px;color: #666;text-align: center;font-weight: lighter;}


div.ui-slider{margin-top: 2.2em;margin-bottom: 2.2em;}
div.ui-slider-horizontal .ui-slider-handle{user-select: none;}
div.ui-slider-horizontal .ui-slider-handle:nth-child(2) .z-num{top: -1.2em;}
div.ui-slider-horizontal .ui-slider-handle:nth-child(3) .z-num{top: 1.2em;}
@media(max-width: 750px){
    div.ui-slider{margin-top:22px;margin-bottom:22px;}
}







@keyframes am-fd{
	0%{transform:translate(-50%,-50%) scale(1) ; opacity: 1; } 
	100%{transform: translate(-50%,-50%) scale(1.5) ; opacity: 0; }    
} 
@keyframes am-fd2{
	0%{transform:translate(-50%,-50%) scale(1) ; opacity: 1; } 
	100%{transform: translate(-50%,-50%) scale(2) ; opacity: 0; }    
} 

@keyframes am-fd3{
	0%{transform:translate(-50%,-50%) scale(1) ; opacity: 1; } 
	100%{transform: translate(-50%,-50%) scale(2) ; opacity: 0; }    
}

@keyframes am-fd4{
	0%{transform:translate(-50%,-50%) scale(1) ; opacity: 1; } 
	100%{transform: translate(-50%,-50%) scale(3) ; opacity: 0; }    
}

.ma-a{width: 100%; background-color: #fff;} 
.ma-tabs-wrap{width: 100%;margin-top: .5rem;margin-bottom: .5rem;height: .92rem; }
.ma-tabs{width: 100%;text-align: center;font-size: 0;padding: .15rem 0;z-index: 1234;background-color: #fff;}
.ma-tabs.fixed{position: fixed;left: 0;top: .7rem;}
.ma-tab{display: inline-block;vertical-align: top;min-width: 2.8rem;text-align: center;height: .52rem;line-height: .5rem;border: 1px solid #ccc;padding: 0 .15rem;margin: .05rem;color: #4d4d4d;font-weight: bold;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.ma-tab.active{background-color: #3642c3;border-color: #3642c3;color: #fff;}

@media(min-width: 1201px){
    .ma-tab:hover{color: #3642c3;border-color: #3642c3;}
    .ma-tab.active{color: #fff;}
}
@media(max-width: 1200px){
    .ma-tabs.fixed{top: 42px;}
}
@media(max-width: 750px){
    .ma-tabs.fixed{top: 46px;}
}
@media(max-width: 900px){
    .ma-tab{font-size: 13px;}
}
@media(max-width: 500px){
    .ma-tab{min-width: 0; }
    .ma-tabs-wrap{height: auto;min-height: .92rem;}
}


.ma-main{width: 100%;background-color: #000;}

.mb-cont{width: 100%; padding-bottom: 1.8rem;}
.mb-main{width: 100%;margin: 0 auto;}
.mb-top{width: 100%;height: 120vh;position: relative;}
.mb-titlesbox{width: 100%;position: sticky;top: 0;height: 100vh;}
.mb-titles{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 1rem;white-space: nowrap; width: 100%;text-align: center;font-weight: bold;color: #ffffff;line-height: 1.21; }

.mb-bottom{width: 100%;margin: 0 auto; padding: 0 .3rem;position: relative;z-index: 18;}
.mb-intro{width: 100%;text-align: center;font-weight: bold;color: #ffffff; line-height: 1.38;margin-bottom: .25rem;}
.mb-textbox{width: 100%;max-width: 60em; color: #ffffff;line-height: 1.77;text-align: center;margin: 0 auto .7rem;}
.mb-textbox *{line-height: inherit;} 
.mb-video{width: 100%;position: relative;overflow: hidden; }
.mb-v{width: 100%;}
.mb-play{width: 0.9rem;height: 0.9rem;border: .04rem solid rgba(255,255,255,0.3);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -0.45rem;margin-top: -0.45rem;cursor: pointer;z-index: 12;background-image: url(../images/32.png);background-size: 100% 100%;transition: all .3s cubic-bezier(.25,.1,.25,1);transform: scale(1);}
.mb-img{width: 100%;vertical-align: top;}
.mb-v{width: 100%;position: absolute;left: -1000vw;top: 0;}
.mb-video.show .mb-v{position: relative;left: 0;vertical-align: top;}
.mb-video.show .mb-img{display: none;}
.mb-video.show .mb-play{display: none;} 

.mb-trigger{position: absolute;top: calc(20vh - .18rem); }
.mb-titles{transition: all 1s cubic-bezier(.25,.1,.25,1);}
.mb-bottom{transition: all 1s cubic-bezier(.25,.1,.25,1);}
.mb-cont.is-visible .mb-titles{font-size: .75rem; }
.mb-cont.is-visible .mb-bottom{margin-top: calc(.73rem - 50vh);}

@media(min-width: 1201px){
    .mb-play:hover{transform: scale(1.2);background-color: #3642c3;border-color: #3642c3;}
} 
@media(max-width: 750px){
    .mb-bottom{ width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mb-titles{font-size: 26px;}
    .mb-cont.is-visible .mb-titles{font-size: 22px; }
} 


.mc-cont{width: 100%; }
.mc-main{width: 16.11rem;margin: 0 auto;}
.mc-intro{color: #ffffff;line-height: 1.5;margin-bottom: .15rem;text-align: center;}
.mc-list{width: 100%; position: relative;}
.mc-item{width: 33.33%;padding: .3rem .045rem;}
.mc-link{display: block;cursor: pointer;position: relative;top: 0; transition: all .3s cubic-bezier(.25,.1,.25,1); text-align: center; width: 100%; background-color: #1b1b1b;}
.mc-img{width: 100%;height: 3.95rem;line-height: 3.95rem;overflow: hidden; margin-bottom: .2rem;}
.mc-img img{max-width: 100%;max-height: 100%;transform: scale(1.00); transition: all .3s cubic-bezier(.25,.1,.25,1);}
.mc-text{width: 100%;padding:0 .1rem .25rem;}
.mc-name{width: 100%;display: block; color: #ffffff;line-height: 1.41;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 
.mc-link:hover .mc-img img{transform: scale(1.05);}

.mc-prev{left: -.6rem; width: .46rem;height: .46rem;margin-top: -0.23rem;background-size: .1rem .18rem;position: absolute;top: 50%;z-index: 123;border: 1px solid #fff;background-image: url(../images/12.png);cursor: pointer;background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.mc-next{transform: rotate(-180deg); right: -.6rem; width: .46rem;height: .46rem;margin-top: -0.23rem;background-size: .1rem .18rem;position: absolute;top: 50%;z-index: 123;border: 1px solid #fff;background-image: url(../images/12.png);cursor: pointer;background-repeat: no-repeat;background-position: center center;border-radius: 50%;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.mc-prev.swiper-button-disabled,
.mc-next.swiper-button-disabled{opacity: 0 !important;cursor: default;}

@media(min-width: 1201px){
    .mc-prev:hover{background-color: #3642c3;border-color: #3642c3; }
    .mc-next:hover{background-color: #3642c3;border-color: #3642c3; }
}
@media(max-width: 750px){
    .mc-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mc-item{width: 50%;padding: .3rem .05rem;}
    .mc-prev{left: -.2rem;}
    .mc-next{right: -.2rem;}
}

.md-cont{width: 100%; }
.md-main{width: 100%;margin: 0 auto;}
.md-top{width: 100%;padding: 0 10px;height: calc(150vh + 700px);position: relative;  }
.md-titlesbox{width: 100%;position: sticky;top: 25vh;height: 30vh;padding-top: 1.62rem;  display: flex;align-items: flex-end;}
@media(max-width: 1200px){
   .md-titlesbox{ padding-top:calc(42px + .92rem  );}
}
@media(max-width: 750px){
   .md-titlesbox{ padding-top:calc(46px + .92rem );}
}
 
.md-titles{  width: 100%;text-align: center;  color: #ffffff;font-weight: bold;line-height: 1.56;  } 
.md-bottom{width: 100%;position: relative;z-index: 28; }
.md-intro{text-align: center; color: #fefefe;font-weight: bold;line-height: 1.27; letter-spacing: 1px;margin-bottom: .3rem;}
.md-textbox{text-align: center;  width: 100%;max-width: 60em; letter-spacing: 1px;color: #ffffff;line-height: 1.77;margin: 0 auto 1.5rem;}
.md-textbox *{line-height: inherit;}
 
.md-list{width: 100%;position: relative;font-size: 0;display: flex; flex-wrap: wrap; padding-bottom: .75rem;}  
.md-link{display: block;width: calc(25% - .0675rem);margin-right: .09rem ;margin-bottom: .1rem; text-align: center; background-color: #1b1b1b;padding: .85rem .28rem .4rem;}
.md-link:nth-child(4n){margin-right: 0;}
.md-img{width: 100%;height: 3rem;line-height: 3rem;margin-bottom: .65rem;}
.md-img img{max-width: 100%;max-height: 100%;transform: scale(1.00); transition: all .3s cubic-bezier(.25,.1,.25,1);}
.md-text{width: 100%;border-top: solid 1px #ffffff;padding-top: .5rem;}
.md-name{letter-spacing: 1px;color: #fefefe;font-weight: bold;line-height: 1.41;margin-bottom: .25rem;}
.md-synopsis{width: 100%;max-width: 17em;line-height: 1.7;letter-spacing: 1px;color: #ffffff; margin: 0 auto;}

.md-link:hover .md-img img{transform: scale(1.05);} 

.md-trigger{position: absolute;top: calc(20vh + 700px); }
.md-trigger_top{position: absolute;top: calc( -700px - 20vh);} 
.md-trigger_middle{position: absolute;top: -20vh; }    

.md-titles{transform: scale(0);opacity: 0;transition: opacity .5s cubic-bezier(.25,.1,.25,1); transform-origin: bottom center; }
.md-bottom{opacity: 0; transition: all 1.5s cubic-bezier(.25,.1,.25,1);} 
 
.md-top.is-visible .md-titles{opacity: 1;}
.md-cont.is-visible .md-bottom{opacity: 1; margin-top:-50vh;}
.md-cont.is-visible .md-titles{opacity: 0;  }  
@media(max-width: 750px){
    .md-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}  
    .md-link{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
    .md-link:nth-child(2n){margin-right: 0;}
 
    
}


.me-cont{ width: 100%;  position: relative;padding-bottom: 2.1rem}
.me-sticky{width: 100%;position: sticky;top: 0;display: flex;align-items: center; ;}
.me-main{display: block;position: relative;width: 100%;}
.me-gif{width: 100%;  position: relative;}
.me-gif img{  width: 100%;} 
.me-text{  left: -19rem; position: absolute;top: 23.64%; transform: translate(-50%,0);width: 15.1rem;}
.me-titles{letter-spacing: 1px;color: #fefefe;font-weight: bold;line-height: 1.27;margin-bottom: .3rem;}
.me-intro{width: 100%;max-width: 21em; letter-spacing: 1px;color: #ffffff;line-height: 1.77;}


.me-trigger{position: absolute;top: -30vh;}
.me-text{ transition: all 1.5s cubic-bezier(.25,.1,.25,1);}
.me-cont.is-visible .me-text{ left: 50%;}  

@media(max-width: 750px){  
    .me-text{width: 100%;top: 50%;transform: translate(-50%,-50%);padding: 0 20px;}
    .me-titles{margin-bottom: .15rem;} 
    .me-cont{position: relative;z-index: 28;opacity: 1;padding-bottom: .75rem;}  
}

.mf-cont{width: 100%;}
.mf-main{width: 16rem;margin: 0 auto;}
.mf-top{width: 100%;text-align: center;padding-bottom: .5rem;}
.mf-titles{letter-spacing: 1px;color: #fefefe;font-weight: bold;line-height: 1.27;margin-bottom: .3rem;}
.mf-intro{width: 100%;max-width: 60em; letter-spacing: 1px;color: #ffffff;line-height: 1.77;margin: 0 auto .3rem;}
.mf-intro *{line-height: inherit;}
.mf-middle{width: 100%;font-size: 0; }
.mf-one{display: inline-block;vertical-align: top;width: 25%;padding: 0 .55rem .8rem;text-align: center;}
.mf-icon{width: 100%;height: .9rem;line-height: .9rem;margin-bottom: .3rem;}
.mf-icon img{max-width: 100%;max-height: 100%;}
.mf-textbox{letter-spacing: 1px;color: #fefefe;line-height: 1.22;}
.mf-textbox *{line-height: inherit;}


@media(max-width: 750px){
    .mf-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mf-one{width: 50%;padding: 0 10px .5rem;}
    .mf-left{width: 100%;margin-bottom: .5rem;}
    .mf-right{width: 100%;}
}

.mg-cont{width: 100%;position: relative;height: calc(230vh + 500px);padding-bottom: 1.7rem;}
.mg-a{overflow: hidden; position: relative; width: 100%;height: calc(100vh - 1.65rem);display: flex;align-items: center;  }
.mg-gif{opacity: 1;transition: all .5s; width:100%;}
.mg-gif img{ width: 100%; } 

.mg-one{position: absolute;top: 50%;left: 0;transform: translate(0,-50%); opacity: 0;z-index: -1;width: 100%;  height: 100%;}
.mg-b{ position: absolute;top: 0;left:-7rem;width: 6.18rem;height: 100%;  background-color: rgba(0,0,0,.6);}
.mg-bg{   position: absolute;top: 50%;left:  9.6rem; transform: translate(0,-50%); width: 7.8rem; height: 5.67rem;}
.mg-bg_img{transition: all 2s cubic-bezier(.25,.1,.25,1); opacity: 0; position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.mg-bg_img.show{ opacity: 1;}
.mg-top{width: 100%;padding-left: .2rem;padding-top: .6rem;}
.mg-titles{line-height: 1.19;margin-bottom: .35rem;	letter-spacing: 1px;color: #fefefe;font-weight: bold;}
.mg-intro{letter-spacing: 1px;color: #ffffff;line-height: 1.77;}
.mg-bottom{position: absolute;bottom: 0;left: 0; width: 100%;}
.mg-img{width: 100%;}
.mg-img img{width: 100%;}
.mg-list{position: absolute;bottom: 4px; left: calc(27/618*100%);width: calc(323/618*100%); }
.mg-scale{position: absolute;left: 0;bottom: 0; width: 323px;height: 112px;padding: 10px;overflow: hidden; transform-origin: left bottom;}
 

.mg-itembox{display: flex;flex-wrap: wrap;background-color: #3d3d3d;border-radius: 10px;padding: 10px 0;}
.mg-swiper{width: 100%;overflow: visible !important;}
.mg-item{display: block;text-align: center; width: 25%; cursor: pointer;}
.mg-icon{display: inline-block; margin-bottom: 10px;position: relative;}
.mg-icon1{display: block;position: relative;z-index: 28; width: 100%;height: 53px;}
.mg-icon1 img{height: 100%;}
.mg-icon2{display: none;position: relative;z-index: 28; width: 100%;height: 53px;}
.mg-icon2 img{height: 100%;}
.mg-name{position: relative;z-index: 28;width: 100%;text-align: center; color: #ffffff;font-size: 12px;}
.mg-item.active .mg-icon1{display: none;}
.mg-item.active .mg-icon2{display: block;}
.mg-item.active .mg-name{color: #3642c3;} 

.mg-icon:before{display: none; content: '';animation:am-fd   2s  infinite ease-out; position: absolute;top: 50%;left: 50%;z-index: 18;   border-radius: 50%;width: 100%;height: 100%;opacity: 1; transform:translate(-50%,-50%) scale(1) ;  background-color: rgba(255,255,255,.2);}
.mg-icon:after{display: none;content: ''; animation:am-fd2    2s  infinite ease-out; position: absolute;top: 50%;left: 50%;z-index: 18;   border-radius: 50%;width: 100%;height: 100%;opacity: 1; transform:translate(-50%,-50%) scale(1) ;  background-color: rgba(255,255,255,.2);}
.mg-item.next .mg-icon:before{display: block;}
.mg-item.next .mg-icon:after{display: block;} 
.mg-scale:hover .mg-icon:before{display: none !important;}
.mg-scale:hover .mg-icon:after{display: none !important;}
 

.mg-bg{transition: all 2s cubic-bezier(.25,.1,.25,1);}
.mg-cont.is-visible .mg-bg{top: 50%;left: 0;  width: 100%;height:100%;}
.mg-cont.is-visible .mg-gif{ opacity: 0;}  
.mg-cont.is-visible .mg-one{opacity: 1;z-index: 18;}

.mg-b{transition: all 2s cubic-bezier(.25,.1,.25,1);}
.mg-one.active .mg-b{left: .6rem;}  

 
.mg-trigger{position: absolute;top: calc(-1.62rem + 30vh);} 
.mg-sticky{position: sticky;top: 1.62rem;}
@media(max-width: 1200px){
    .mg-sticky{top: calc( 42px + .92rem);} 
    .mg-a{height: calc(100vh - 42px - .92rem);} 
}
@media(max-width: 750px){
    .mg-sticky{top: calc( 46px + .92rem);}  
    .mg-a{height: calc(100vh - 46px - .92rem);} 
}

@media(max-width: 900px){   
    .mg-one.active .mg-b{left: 50%;transform: translate(-50%,0);}  
}

.mh-left{position: absolute;left: -120%; height: 100%;  }
.mh-top{position: absolute;top: 0;left: 0;z-index: 18; width: 100%;padding: 1.3rem .2rem .2rem .8rem;}
.mh-titles{line-height: 1.19;margin-bottom: .35rem;	letter-spacing: 1px;color: #fefefe;font-weight: bold;}
.mh-intro{letter-spacing: 1px;color: #ffffff;line-height: 1.77;}
.mh-b{ position: relative; min-width: 4rem; height: 100%;}
.mh-img{ height: 100%;}
.mh-img img{height: 100%;max-width: none; }
.mh-buttom{position: absolute;top: 0;left: calc(172/587*100%);z-index: 38; margin-top: calc(454/587*100%);width: calc(290/587*100%);height: calc(324/874*100%);border-radius: .1rem;}
.mh-mouse{opacity:0;transition: all .5s; position: absolute;top: 0;left: calc(250/587*100%);margin-top: calc(490/587*100%); width: .16rem;height: .16rem; } 
.mh-mouse span{position: relative;z-index: 28;display: block; width: 100%;height: 100%;border-radius: 50%;background-color: rgba(255,255,255,.8);}
.mh-mouse:before{  content: '';animation:am-fd3 2s  infinite ease-out; position: absolute;top: 50%;left: 50%;z-index: 18;   border-radius: 50%;width: 100%;height: 100%;opacity: 1;  transform:translate(-50%,-50%) scale(1) ;   background-color: rgba(255,255,255,.2);}
.mh-mouse:after{ content: ''; animation:am-fd4  2s  infinite ease-out; position: absolute;top: 50%;left: 50%;z-index: 18;   border-radius: 50%;width: 100%;height: 100%;opacity: 1;  transform:translate(-50%,-50%) scale(1) ;   background-color: rgba(255,255,255,.2);}
.mh-mouse.active{opacity: 1;}
.mh-left.hide .mh-mouse.next{opacity: 0;}
.mh-left.hide .mh-mouse.active{opacity: 1;}
.mh-mouse:nth-child(2){left: calc(410/587*100%);margin-top:calc(490/587*100%) ;}
.mh-mouse:nth-child(3){left: calc(240/587*100%);margin-top:calc(585/587*100%) ;}
.mh-mouse:nth-child(4){left: calc(410/587*100%);margin-top:calc(590/587*100%) ;}
.mh-mouse:nth-child(5){left: calc(240/587*100%);margin-top:calc(630/587*100%) ;}
.mh-mouse:nth-child(6){left: calc(410/587*100%);margin-top:calc(630/587*100%) ;}
.mh-mouse:nth-child(7){left: calc(230/587*100%);margin-top:calc(735/587*100%) ;}
.mh-mouse:nth-child(8){left: calc(410/587*100%);margin-top:calc(725/587*100%) ;}
 

.mh-nav{position: absolute;display: block;cursor: pointer; width: 50%;height:25%;}

.mh-nav:nth-child(1){top: 0;left: 0;}
.mh-nav:nth-child(2){top: 0;right: 0;}
.mh-nav:nth-child(3){top: 25%;left: 0;}
.mh-nav:nth-child(4){top: 25%;right: 0;}
.mh-nav:nth-child(5){top: 50%;left: 0;}
.mh-nav:nth-child(6){top: 50%;right: 0;}
.mh-nav:nth-child(7){top: 75%;left: 0;}
.mh-nav:nth-child(8){top: 75%;right: 0;}



.mg-trigger2{position: absolute;top: calc(-1.62rem + 30vh + 500px);}  

.mh-left{transition: all 2s cubic-bezier(.25,.1,.25,1);}
.mh-cont{transition: all 2s cubic-bezier(.25,.1,.25,1);} 

.mg-cont.is-visible2  .mg-b{left: -7rem;}  
.mg-cont.is-visible2  .mh-cont{  opacity: 1;z-index: 38;}
.mg-cont.active  .mh-left{left: 0;}

@media(max-width: 900px){
    .mh-bg{position: relative;height: auto;padding-top: 45.625%;}
    .mh-left{margin: 0 auto; height: auto;}
    .mh-top{padding: .5rem 10px;} 
    .mh-img{height: auto;width: 230px;}
    .mh-img img{height: auto;width: 100%;}
    .mh-b{min-width: 120px;}
}

.mi-cont{width: 100%;padding-bottom: 1.05rem;}
.mi-main{width: 100%;padding: 0 .5rem; margin: 0 auto;}
.mi-top{width: 100%;text-align: center;padding-bottom: .4rem;}
.mi-titles{letter-spacing: 1px;color: #fefefe;font-weight: bold;line-height: 1.16;margin-bottom: .35rem;}
.mi-intro{ width: 100%;max-width: 65em; letter-spacing: 1px;color: #ffffff;line-height: 1.77;margin: 0 auto .3rem;}
.mi-intro *{line-height: inherit;}
.mi-cont{width: 100%;font-size: 0; display: flex;flex-wrap: wrap;}
.mi-item{display: block;width: 33.33%;background-color: #3642c3;padding: 1.15rem .5rem 1rem;}
.mi-name{color: #ffffff;font-weight: bold;line-height: 1.27; margin-bottom: .45rem;}
.mi-textbox{color: #ffffff;line-height: 1.77;letter-spacing: 1px;}
.mi-textbox *{line-height: inherit;}

.mi-item:nth-child(3n + 2){background-color: #1b1b1b;}
.mi-item:nth-child(3n + 2) .mi-name{	color: #3642c3;}

@media(max-width: 750px){
    .mi-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .mi-item{width: 100%;}

   
}