@charset "utf-8";
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;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}
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;background-image: url(../images/body-bg.jpg);background-size: cover;background-position: center center;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/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;}


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: 1920px){
    body{font-size: calc(12px + 4 * 100vw / 1920);}
}
@media(max-width: 550px){
    body{font-size: calc(12px + 4 * 550px / 1920);}
}

.s12{font-size: calc(12 * 100vw / 1920);}
.s13{font-size: calc(13 * 100vw / 1920);}
.s14{font-size: calc(14 * 100vw / 1920);}
.s15{font-size: calc(15 * 100vw / 1920);}
.s16{font-size: calc(16 * 100vw / 1920);}
.s17{font-size: calc(17 * 100vw / 1920);}
.s18{font-size: calc(18 * 100vw / 1920);}
.s19{font-size: calc(19 * 100vw / 1920);}
.s20{font-size: calc(20 * 100vw / 1920);}
.s21{font-size: calc(21 * 100vw / 1920);}
.s22{font-size: calc(22 * 100vw / 1920);}
.s23{font-size: calc(23 * 100vw / 1920);}
.s24{font-size: calc(24 * 100vw / 1920);}
.s25{font-size: calc(25 * 100vw / 1920);}
.s26{font-size: calc(26 * 100vw / 1920);}
.s27{font-size: calc(27 * 100vw / 1920);}
.s28{font-size: calc(28 * 100vw / 1920);}
.s29{font-size: calc(29 * 100vw / 1920);}
.s30{font-size: calc(30 * 100vw / 1920);}
.s31{font-size: calc(31 * 100vw / 1920);}
.s32{font-size: calc(32 * 100vw / 1920);}
.s33{font-size: calc(33 * 100vw / 1920);}
.s34{font-size: calc(34 * 100vw / 1920);}
.s35{font-size: calc(35 * 100vw / 1920);}
.s36{font-size: calc(36 * 100vw / 1920);}
.s37{font-size: calc(37 * 100vw / 1920);}
.s38{font-size: calc(38 * 100vw / 1920);}
.s39{font-size: calc(39 * 100vw / 1920);}
.s40{font-size: calc(40 * 100vw / 1920);}
.s41{font-size: calc(41 * 100vw / 1920);}
.s42{font-size: calc(42 * 100vw / 1920);}
.s43{font-size: calc(43 * 100vw / 1920);}
.s44{font-size: calc(44 * 100vw / 1920);}
.s45{font-size: calc(45 * 100vw / 1920);}
.s46{font-size: calc(46 * 100vw / 1920);}
.s47{font-size: calc(47 * 100vw / 1920);}
.s48{font-size: calc(48 * 100vw / 1920);}
.s49{font-size: calc(49 * 100vw / 1920);}
.s50{font-size: calc(50 * 100vw / 1920);}
.s51{font-size: calc(51 * 100vw / 1920);}
.s52{font-size: calc(52 * 100vw / 1920);}
.s53{font-size: calc(53 * 100vw / 1920);}
.s54{font-size: calc(54 * 100vw / 1920);}
.s55{font-size: calc(55 * 100vw / 1920);}
.s56{font-size: calc(56 * 100vw / 1920);}
.s57{font-size: calc(57 * 100vw / 1920);}
.s58{font-size: calc(58 * 100vw / 1920);}
.s59{font-size: calc(59 * 100vw / 1920);}
.s60{font-size: calc(60 * 100vw / 1920);}
@media(max-width: 1920px){
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}


@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,25%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1.5s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}  

.c{position: relative;background-size: 100% 100%;display: inline-block;}
.c img{width: 100%;height: auto;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);mask-size: 100% 100%;-webkit-mask-size: 100% 100%;max-width: none;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;position: relative;z-index: 2;}
.c.ie{background-image: none;}
.c.ie:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;border-radius: .52vw;box-sizing: border-box;}



.cb{width: 48.333vw;height: 22.5vw;padding: 0.52vw;background-image: url(../images/cb2.png);}
.cb img{-webkit-mask-image: url(../images/cb1.png);mask-image: url(../images/cb1.png);}
.cb.ie:before{border: 0.52vw solid #e2ccb2;}

.cc{width: 28.5416vw;height: 48.333vw;padding: 0.52vw;background-image: url(../images/cc2.png);}
.cc img{-webkit-mask-image: url(../images/cc1.png);mask-image: url(../images/cc1.png);}
.cc.ie:before{border: 0.52vw solid #e2ccb2;}

.cd{width: 41.5105vw;height: 19.427vw;padding: 0.52vw;background-image: url(../images/cd2.png);}
.cd img{-webkit-mask-image: url(../images/cd1.png);mask-image: url(../images/cd1.png);}
.cd.ie:before{border: 0.52vw solid #e2ccb2;}

.cf{width: 100%;height: 100%;padding: .1rem;background-image: url(../images/cf2.png);position: absolute;left: 0;top: 0;}
.cf img{-webkit-mask-image: url(../images/cf1.png);mask-image: url(../images/cf1.png);}
.cf.ie:before{border: .1rem solid #e2ccb2;}

.cg{width: 37.1875vw;height: 32.5vw;padding: 1.5625vw;background-image: url(../images/cg2.png);}
.cg img{-webkit-mask-image: url(../images/cg1.png);mask-image: url(../images/cg1.png);}
.cg.ie:before{border: 1.5625vw solid rgba(211,12,27,0.05);}

.ch{width: 67.708vw;height: 33.854vw;padding: 0.52vw;background-image: url(../images/ch2.png);}
.ch img{-webkit-mask-image: url(../images/ch1.png);mask-image: url(../images/ch1.png);}
.ch.ie:before{border: 0.52vw solid #e2ccb2;}

.b-a{width: 100%;min-height: 1000px;position: relative;z-index: 2;}
.b-a:before{content: "";display: block;width: 100%;height: 32.8125vw;position: absolute;left: 0;top: -11.823vw;pointer-events: none;background-image: url(../images/bg-temp.png);background-size: 100% 100%;background-repeat: no-repeat;}
.b-after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 20.9895vw;margin-top: -1px;pointer-events: none;}
.b-after img{width: 100%;vertical-align: top;}

.d-a{width: 12.8rem;margin: 0 auto;position: relative;z-index: 100;}
.d-b{width: 12.8rem;margin: 0 auto;}
.d-left{width: 7rem;height: 7rem;float: left;position: relative;margin-left: -0.7rem;}
.d-left .ca{display: block;width: 100%;height: 100%;padding: .1rem;background-image: url(../images/ca2.png);}
.d-left .ca img{-webkit-mask-image: url(../images/ca1.png);mask-image: url(../images/ca1.png);}
.d-left .ca.ie:before{border: .1rem solid #e2ccb2;}
.d-play{width: 1rem;height: 1rem;border-radius: 50%;background-color: #d30c1b;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;z-index: 1234;}
.d-play:after{content: "";display: inline-block;border-left: 12px solid #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;position: absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -7px;}
.d-right{width: 4.8rem;float: right;margin-right: .9rem;padding-top: 1.18rem;}
.d-en{font-size: .6rem;color: #fff;opacity: 0.25;margin-bottom: .13rem;font-weight: bold;}
.d-zh{font-size: .46rem;color: #fff;font-weight: bold;padding-bottom: .4rem;position: relative;margin-bottom: .35rem;}
.d-zh:after{content: "";display: block;width: .19rem;height: 0.03rem;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.d-intro{font-size: .16rem;color: #fff;line-height: .26rem;height: .78rem;margin-bottom: 1.7rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.d-intro *{font-size: .16rem;color: #fff;line-height: .26rem;}
.d-more{display: inline-block;width: 1.6rem;line-height: .5rem;border-radius: .25rem;font-size: .16rem;color: #fff;text-align: center;cursor: pointer;position: relative;overflow: hidden;}
.d-more:before{content: "";display: block;width: 100%;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: -1;}
.d-more:after{content: "";display: block;width: 0;height: 100%;background-color: #bf0010;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
.d-more:hover:after{width: 100%;}
@media(max-width: 1500px){
    .d-intro{font-size: 12px;line-height: 18px;height: 54px;}
    .d-intro *{font-size: 12px;line-height: 18px;}
    .d-more{font-size: 12px;}
}
@media(max-width: 900px){
    .d-a{padding-top: 50px;width: 100%;}
    .d-b{width: 100%;}
    .d-left{float: none;margin: 0 auto;width: 300px;height: 300px;}
    .d-right{width: 300px;margin: 0 auto 20px;float: none;padding-top: 0;}
    .d-en{color: #333;}
    .d-zh{color: #333;}
    .d-intro{color: #333;margin-bottom: 30px;}
    .d-intro *{color: #333;}
    .d-more{width: 90px;line-height: 30px;border-radius: 15px;}
    .d-zh:after{background-color: #333;}
}

.vd-a{position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: #000;z-index: 999999999;transition: top .5s ease-in-out;}
.vd-a.show{top: 0;}
.vd-a.show .vd-e{visibility: visible;}
.vd-a.show .vd-f{display: block;}
.vd-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.vd-c{display: block;width: 50px;height: 40px;font-size: 38px;text-align: center;line-height: 40px;color: #fff;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 10000;}
.vd-e{visibility: hidden;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;max-width: 100%;max-height: 100%;margin: auto;}
.vd-f{display: none;position: absolute;top: 50%;left: 50%;max-width: 800px;max-height: calc(100% - 80px);transform: translate(-50%,-50%);}

.aa-a{width: 100%;padding-bottom: 11.72vw;padding-top: .54rem;}
.aa-b{width: 12.8rem;margin: 0 auto;}
.aa-form{width: 100%;margin: 0 auto .4rem;text-align: center;font-size: 0;}
.aa-input{width: 4.8rem;height: .6rem;border: 1px solid #ddd;background-color: #fff;padding: 0 .29rem;color: #333;border-radius: .3rem 0 0 .3rem;border-right: none;}
.aa-submit{width: 1.2rem;height: .6rem;line-height: .6rem;border-radius: 0 .3rem .3rem 0;background-color: #d30c1b;border: none;vertical-align: top;background-image: url(../images/102.png);background-repeat: no-repeat;background-position: center center;background-size: .29rem .28rem;cursor: pointer;}
.aa-tabs{width: 100%;font-size: 0;text-align: center;margin-bottom: .4rem;}
.aa-tab{display: inline-block;vertical-align: top;width: 3rem;line-height: .58rem;background-color: #fff;border: 1px solid #ddd;text-align: center;color: #000;cursor: pointer;}
.aa-tab:first-child{border-radius: .1rem 0 0 .1rem;}
.aa-tab:last-child{border-radius: 0 .1rem .1rem 0;}
.aa-tab.active{font-weight: bold;color: #d30c1b;}
.aa-list{width: 100%;border-top: 1px solid #ddd;padding-bottom: .5rem;}
.aa-item{display: block;width: 100%;border-bottom: 1px dashed #ddd;overflow: hidden;padding-top: .3rem;padding-bottom: .3rem;}
.aa-left{float: left;width: calc(100% - 150px);}
.aa-right{float: right;width: 150px;text-align: right;}
.aa-title{color: #333;line-height: .44rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.aa-intro{color: #666;line-height: .36rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.aa-type{color: #d30c1b;line-height: .44rem;}
.aa-date{color: #999;line-height: .36rem;}
.aa-item:hover .aa-title{color: #d30c1b;font-weight: bold;}
@media(max-width: 750px){
    .aa-title{line-height: 24px;}
    .aa-intro{line-height: 20px;}
    .aa-type{line-height: 24px;}
    .aa-date{line-height: 20px;}
    .aa-left{width: calc(100% - 80px);}
    .aa-right{width: 80px;}
    .aa-tab{width: 33.333%;}
}

main{width: 100%;overflow: hidden;}

.e-a{width: 12.8rem;height: 8.97rem;margin: 0 auto;position: relative;z-index: 100;}
.e-b{position: absolute;left: 3.53rem;top: .88rem;width: 6.38rem;}
.e-img{width: 100%;vertical-align: top;}
.e-list{width: 100%;position: relative;}
.e-item{position: absolute;width: 2.85rem;text-align: center;}
.e-icon{width: .85rem;height: .76rem;margin-bottom: .3rem;}
.e-title{color: #333;font-weight: bold;margin-bottom: .1rem;}
.e-intro{color: #333;line-height: 1.857;}
.e-item1{left: 1.4rem;top: .17rem;}
.e-item2{left: 8.81rem;top: .17rem;}
.e-item3{left: .28rem;top: 2.68rem;}
.e-item4{left: 9.67rem;top: 2.68rem;}
.e-item5{left: 1.03rem;top: 5.82rem;}
.e-item6{left: 8.81rem;top: 5.82rem;}
@media(max-width: 1200px){
    .e-intro{font-size: 12px;}
}
@media(max-width: 900px){
    .e-a{width: 100%;}
    .e-a{width: 100%;height: auto;}
    .e-b{position: relative;display: block;width: 300px;margin: 0 auto;left: 0;top: 0;}
    .e-list{position: relative;max-width: 400px;font-size: 0;margin: 0 auto;padding: 0 10px;}
    .e-item{position: relative;left: 0;top: 0;width: 50%;display: inline-block;vertical-align: top;padding: 0 10px;margin-bottom: 10px;}
    .e-icon{margin-bottom: 10px;}
}

.leaves{width: 100%;position: relative;z-index: 12344;}
.leaves img{position: absolute;pointer-events: none;}
.lv1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv2{right: 0;top: calc(370 / 1920 * 100vw);width: calc(491 / 1920 * 100vw);}
.lv3{left: 0;top: calc(1682 / 1920 * 100vw);width: calc(189 / 1920 * 100vw);}
.lv4{right: 0;top: calc(3990 / 1920 * 100vw);width: calc(406 / 1920 * 100vw);}
.lv5{left: 0;top: calc(5280 / 1920 * 100vw);width: calc(242 / 1920 * 100vw);}
.lv6{right: 0;top: calc(5585 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}
.lv2-1{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv2-2{right: 0;top: calc(1895 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}
@media(min-width: 1201px){
    .lv2-2{display: none;}
}

.lv3-1{left: 0;top: calc(-92 / 1920 * 100vw);width: calc(320 / 1920 * 100vw);}
.lv3-2{right: 0;top: calc(-170 / 1920 * 100vw);width: calc(251 / 1920 * 100vw);}
.lv3-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv3-4{right: 0;top: calc(1740 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv4-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv4-2{right: 0;top: calc(445 / 1920 * 100vw);width: calc(352 / 1920 * 100vw);}
.lv4-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv4-4{right: 0;top: calc(1800 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv5-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv5-2{right: 0;top: calc(370 / 1920 * 100vw);width: calc(491 / 1920 * 100vw);}
.lv5-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}


.lv6-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv6-2{right: 0;top: calc(370 / 1920 * 100vw);width: calc(491 / 1920 * 100vw);}
.lv6-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv6-4{right: 0;top: calc(1320 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv7-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv7-2{right: 0;top: calc(370 / 1920 * 100vw);width: calc(491 / 1920 * 100vw);}
.lv7-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv7-4{right: 0;top: calc(1650 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv8-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv8-2{right: 0;top: calc(375 / 1920 * 100vw);width: calc(491 / 1920 * 100vw);}
.lv8-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv8-4{right: 0;top: calc(1380 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv9-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv9-2{right: 0;top: calc(375 / 1920 * 100vw);width: calc(491 / 1920 * 100vw);}
.lv9-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv9-4{right: 0;top: calc(1380 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv10-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv10-2{right: 0;top: calc(445 / 1920 * 100vw);width: calc(352 / 1920 * 100vw);}
.lv10-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv10-4{right: 0;top: calc(2320 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv11-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv11-2{right: 0;top: calc(445 / 1920 * 100vw);width: calc(352 / 1920 * 100vw);}
.lv11-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv11-4{right: 0;top: calc(1900 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv12-1{left: 0;top: 0;width: calc(320 / 1920 * 100vw);}
.lv12-2{right: 0;top: calc(445 / 1920 * 100vw);width: calc(352 / 1920 * 100vw);}
.lv12-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv12-4{right: 0;top: calc(2470 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}

.lv13-1{left: 0;top: calc(-90 / 1920 * 100vw);width: calc(270 / 1920 * 100vw);}
.lv13-2{right: 0;top: calc(-170 / 1920 * 100vw);width: calc(251 / 1920 * 100vw);}
.lv13-3{left: 0;top: calc(1278 / 1920 * 100vw);width: calc(229 / 1920 * 100vw);}
.lv13-4{right: 0;top: calc(1060 / 1920 * 100vw);width: calc(380 / 1920 * 100vw);}
@media(max-width: 750px){
    .lv4{top:  calc(3500vw / 1920 * 100);}
    .lv3,
    .lv2-1,
    .lv3-3,
    .lv4-3,
    .lv5-3,
    .lv6-3,
    .lv7-3,
    .lv8-3,
    .lv9-3,
    .lv10-3,
    .lv11-3,
    .lv12-3,
    .lv13-3{display: none;}
}

.g-a{width: 12.8rem;height: 9.82rem;padding-top: .5rem;margin: 0 auto;position: relative;z-index: 100;}
.g-b{width: 100%;text-align: center;position: relative;}
.g-b:before{content: "";display: block;width: 4.1rem;height: 1px;background-color: #d30c1b;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.g-b:after{content: "";display: block;width: 4.1rem;height: 1px;background-color: #d30c1b;position: absolute;right: 0;top: 50%;margin-top: -1px;}
.g-title{width: 4.11rem;vertical-align: top;}
.g-more{color: #d30c1b;position: absolute;right: 0;bottom: 50%;line-height: 1.75;}
.g-banner{width: 100%;height: 7rem;margin: 0 auto;padding-top: .42rem;}
.g-banner .ce{display: block;margin: 0 auto;width: 2.89rem;height: 3.96rem;padding: .1rem;background-image: url(../images/ce2.png);}
.g-banner .ce img{-webkit-mask-image: url(../images/ce1.png);mask-image: url(../images/ce1.png);}
.g-banner .ce.ie:before{border: .1rem solid #734533;}
.g-box{width: 12.51rem;margin: 0 auto;position: relative;}
.g-arrow{width: .6rem;height: .6rem;border-radius: 50%;transition: all .3s;background-color: #7b7b7d;background-size: .11rem .21rem;cursor: pointer;background-repeat: no-repeat;background-position: center center;position: absolute;top: 2.06rem;z-index: 100;}
.g-arrow:hover{background-color: #d30c1b;}
.g-prev{left: -0.75rem;background-image: url(../images/34.png);}
.g-next{right: -0.75rem;background-image: url(../images/35.png);}
.g-text{width: 100%;padding-top: .26rem;padding-left: .1rem;padding-right: .1rem;}
.g-d{width: 2.89rem;margin: 0 auto;transition: all .3s;}
.g-c.swiper-slide-active .g-d{padding-top: .25rem;}
.g-e{font-size: .2rem;color: #333;font-weight: bold;line-height: .26rem;margin-bottom: .13rem;}
.g-date{font-size: .16rem;color: #666;}
@media(max-width: 1200px){
    .g-text{padding-top: 3px;}
    .g-e{font-size: 12px;line-height: 16px;margin-bottom: 3px;}
    .g-date{font-size: 12px;}
}
@media(max-width: 900px){
    .g-a{width: 100%;padding-top: 50px;height: auto;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .g-b:before{width: calc(50% - 95px);}
    .g-b:after{width: calc(50% - 95px);}
    .g-title{width: 160px;}
    .g-box{width: 100%;max-width: 500px;}
    .g-banner{height: 280px;padding-top: 30px;}
}
@media(max-width: 600px){
    .g-c.swiper-slide-active .g-d{padding-top: 0;}
    .g-box{max-width: 400px;}
    .g-arrow{top: 118px;}
    .g-prev{left: 0;}
    .g-next{right: 0;}
    .g-d{width: 160px;}
    .g-banner{height: 320px;}
    .g-banner .ce{width: 160px;height: 219px;}
}

.b-space{width: 12.8rem;height: 7.3rem;margin: 0 auto}

.ns-a{width: 12.8rem;height: 7.3rem;min-width: 1000px;margin: 0 auto;margin-top: -7.72rem;position: relative;z-index: 4;padding-top: .2rem;}
.ns-b{width: 100%;max-width: 12.8rem;text-align: center;position: relative;margin: 0 auto;}
.ns-b:before{content: "";display: block;width: 4.1rem;height: 1px;background-color: #d30c1b;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.ns-b:after{content: "";display: block;width: 4.1rem;height: 1px;background-color: #d30c1b;position: absolute;right: 0;top: 50%;margin-top: -1px;}
.ns-title{width: 3.71rem;vertical-align: top;}
.ns-more{color: #fff;position: absolute;right: 0;bottom: 50%;line-height: 1.75;}
.ns-c{width: 100%;padding-top: .5rem;}
.ns-left{float: left;width: 64.531%;font-size: 0;}
.ns-tabs{width: 100%;font-size: 0;}
.ns-tab{display: inline-block;vertical-align: top;width: 50%;padding-left: .28rem;border: 1px solid #dcdcdc;position: relative;cursor: pointer;background-color: #fff;}
.ns-tab:nth-child(2n+1){border-radius: .1rem 0 0 0;border-right: none;}
.ns-tab:nth-child(2n+2){border-radius: 0 .1rem 0 0;}
.ns-add{display: block;width: .27rem;height: .27rem;border-radius: 2px;position: absolute;right: .3rem;top: 50%;margin-top: -0.135rem;background-color: #999;background-image: url(../images/98.png);background-size: .13rem .13rem;background-repeat: no-repeat;background-position: center center;}
.ns-name{color: #222;line-height: .62rem;}
.ns-name:before{content: "";display: inline-block;vertical-align: middle;width: .22rem;height: .22rem;position: relative;top: -1px;background-image: url(../images/96.png);background-size: 100% 100%;margin-right: .1rem;}
.ns-tab.active{background-color: #d30c1b;border-color: #d30c1b;}
.ns-tab.active .ns-add{background-color: #fff;background-image: url(../images/99.png);}
.ns-tab.active .ns-name{color: #fff;}
.ns-tab.active .ns-name:before{background-image: url(../images/97.png);}
.ns-tab.sp{width: 100%;}
.ns-conts{width: 100%;}
.ns-cont{width: 100%;height: 4.71rem;background-color: #f6f6f6;border-radius: 0 0 .1rem .1rem;padding: .3rem;display: none;overflow: hidden;}
.ns-cont.show{display: block;}
.ns-big{width: 100%;height: 1.95rem;border-bottom: 1px solid #e2e2e2;}
.ns-box{width: 2.46rem;height: 1.64rem;background-size: cover;background-position: center center;float: left;display: block;}
.ns-text{width: calc(100% - 2.75rem);float: right;}
.ns-o{display: block;color: #333;line-height: 1.444;margin-bottom: 0.07rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ns-o:hover{color: #d30c1b;}
.ns-p{color: #666;line-height: 1.71;margin-bottom: 0.09rem;height: 3.42em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ns-date{font-size: 12px;color: #999;}
.ns-right{float: right;width: 32.344%;}
.ns-tb{display: inline-block;vertical-align: top;width: 100%;padding-left: .28rem;border: 1px solid #d30c1b;position: relative;cursor: pointer;background-color: #d30c1b;border-radius: .1rem .1rem 0 0;cursor: default;}
.ns-tb .ns-name{color: #fff;}
.ns-tb .ns-add{background-color: #fff;background-image: url(../images/99.png);}
.ns-tb .ns-name:before{background-image: url(../images/101.png);}
.ns-list{width: 100%;padding-top: .2rem;}
.ns-item{display: block;width: 100%;}
.ns-u{display: inline-block;vertical-align: top;width: calc(100% - 80px);line-height: .34rem;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: .17rem;position: relative;}
.ns-u:before{content: "";display: block;width: 0.06rem;height: 0.06rem;border-radius: 50%;background-color: #666;position: absolute;left: 0;top: 50%;margin-top: -0.03rem;}
.ns-v{display: inline-block;vertical-align: top;width: 80px;line-height: .34rem;color: #666;text-align: right;}
.ns-item:hover .ns-u{color: #d30c1b;}
.ns-item:hover .ns-u:before{background-color: #d30c1b;}
.ns-ws{width: 100%;height: 4.71rem;background-color: #f6f6f6;border-radius: 0 0 .1rem .1rem;overflow: hidden;padding: .1rem .3rem 0;}
.ns-one{width: 100%;border-bottom: 1px solid #e2e2e2;padding-bottom: .15rem;padding-top: .2rem;}
.ns-one:last-child{border-bottom: none;}
.ns-x{color: #333;line-height: .3rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;margin-bottom: .26rem;padding-left: .4rem;}
.ns-x:before{content: "";display: inline-block;width: .3rem;height: .35rem;background-image: url(../images/76.png);background-size: 100% 100%;position: absolute;left: 0;top: 0;}
.ns-y{color: #666;line-height: .22rem;padding-left: .4rem;position: relative;padding-top: 0.06rem;height: .72rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ns-y:before{content: "";display: inline-block;width: .3rem;height: .35rem;background-image: url(../images/77.png);background-size: 100% 100%;position: absolute;left: 0;top: 0;}
.ns-y *{color: #666;line-height: .22rem;}
@media(max-width: 1200px){
    .ns-a{min-width: 0;max-width: 900px;width: 100%;}
    .ns-u{font-size: 12px;width: calc(100% - 65px);}
    .ns-v{font-size: 12px;width: 65px;}
    .ns-o{font-size: 13px;}
    .ns-p{font-size: 12px;}
    .ns-x{font-size: 13px;margin-bottom: 8px;}
    .ns-y{font-size: 12px;line-height: 14px;height: 42px;padding-top: 0;}
    .ns-y *{line-height: 14px;}
}
@media(max-width: 900px){
    .ns-a{width: 100%;padding-top: 30px;height: auto;max-width: 500px;padding-left: 10px;padding-right: 10px;margin-top: 0;}
    .ns-b:before{width: calc(50% - 95px);}
    .ns-b:after{width: calc(50% - 95px);}
    .ns-title{width: 160px;}
    .ns-left{float: none;width:100%;margin-bottom: 10px;}
    .ns-right{float: none;width: 100%;}
    .ns-cont{height: auto;}
    .ns-ws{padding: 10px;height: auto;}
    .ns-y{height: auto;line-height: 20px;max-height: 63px;padding-top: 0;}
    .ns-y *{line-height: 20px;}
    .ns-u{line-height: 22px;}
    .ns-v{line-height: 22px;}
    .ns-p{line-height: 20px;}
    .b-space{display: none;}
}

.w-a{width: 100%;background-color: #fff;border-radius: .1rem;margin-top: 1rem;}
.w-tabs{width: 100%;padding: 0 .3rem;font-size: 0;border-bottom: 0.02rem solid #ddd;font-weight: bold;}
.w-tab{display: inline-block;vertical-align: top;line-height: 1.2rem;height: 1.2rem;font-size: .36rem;color: #333;letter-spacing: .16em;margin-right: .7rem;cursor: pointer;position: relative;}
.w-tab:after{content: "/";color: #666;position: absolute;right: -0.35rem;top: 50%;margin-top: -0.5em;line-height: 1em;margin-right: -0.3em;}
.w-tab:last-child:after{display: none;}
.w-tab.active{color: #d30c1b;}
.w-tab.active:before{content: "";display: block;width: 100%;height: 0.02rem;background-color: #d30c1b;position: absolute;left: 0;bottom: 0;}
.w-conts{width: 100%;}
.w-cont{width: 100%;padding: .53rem .3rem .82rem;display: none;}
.w-cont.show{display: block;}
.w-cont:nth-child(2){padding-top: .38rem;}
.w-img{max-width: 100%;vertical-align: top;}
.w-row{width: 100%;display: flex;justify-content: space-between;text-align: center;align-items: center;margin-bottom: .32rem;}
.w-logo{width: 1.18rem;vertical-align: middle;}
.w-title{font-size: .26rem;color: #333;font-weight: bold;letter-spacing: .16em;display: inline-block;vertical-align: middle;}
.w-num{font-size: .26rem;color: #333;display: inline-block;vertical-align: middle;}
.w-table{width: 100%;}
.w-td{color: #333;border-color: #d4d4d4;padding: .12rem 10px;line-height: 1.5;}
.w-td:nth-child(1){padding-left: .4rem;padding-right: 10px;width: 18.75em;background-color: #fbfbf8;}
.w-td:nth-child(2){text-align: center;}
.w-td:nth-child(3){text-align: center;}
@media(max-width: 1200px){
    .w-title{font-size: 14px;}
    .w-num{font-size: 14px;}
    .w-td:nth-child(1){padding-left: 10px;width: auto;}
    .w-td{font-size: 12px;padding: 7px 10px;}
    .w-cont{padding: 20px 10px;}
}
@media(max-width: 750px){
    .w-row{display: block;}
    .w-title{display: block;padding-top: 10px;padding-bottom: 10px;line-height: 1.5;}
}

.v-a{width: 100%;padding-top: .4rem;padding-bottom: 12.5vw;position: relative;z-index: 2;}
.v-b{width: 12.8rem;margin: 0 auto;}
.v-c{width: 100%;}
.v-left{width: 5.84rem;float: left;}
.v-d{width: 100%;}
.v-e{position: relative;}
.v-f{width: 100%;padding-top: 100%;background-size: cover;background-position: center center;position: relative;}
.v-s{width: 5.77rem;}
.v-t{position: relative;padding-top: .12rem;}
.v-u{width: 1rem;height: 1rem;border: 1px solid #e0e0e0;background-size: cover;background-position: center center;margin: 0 auto;border-radius: 0.08rem;cursor: pointer;}
.v-t.swiper-slide-active .v-u{border-color: #d30c1b;}
.v-right{width: 6.4rem;float: right;}
.v-num{font-size: .28rem;color: #333;padding-top: .3rem;margin-bottom: .13rem;}
.v-title{font-size: .4rem;color: #333;line-height: 1.5;padding-bottom: .2rem;border-bottom: 1px solid #ddd;position: relative;font-weight: bold;letter-spacing: .05em;}
.v-title:after{content: "";display: block;width: 2em;height: 2px;background-color: #d30c1b;position: absolute;left: 0;bottom: -2px;}
.v-pro{width: 100%;padding-top: .6rem;padding-bottom: .6rem;border-bottom: 1px solid #ddd;}
.v-dl{width: 100%;font-size: 0;}
.v-dt{display: inline-block;vertical-align: top;width: 34.375%;font-size: .24rem;color: #333;line-height: .48rem;}
.v-dd{display: inline-block;vertical-align: top;width: 65.625%;font-size: .24rem;color: #333;line-height: .48rem;}
.v-dd.big{font-size: .3rem;color: #d30c1b;font-weight: bold;}
.v-btns{width: 100%;font-size: 0;padding-top: .24rem;}
.v-btn{display: inline-block;vertical-align: top;width: 1.8rem;height: .5rem;border-radius: .25rem;line-height: .5rem;cursor: pointer;margin-right: .4rem;text-align: center;font-size: .18rem;border: 1px solid #d30c1b;}
.v-btn:last-child{margin-bottom: 0;}
.v-btn1{color: #fff;position: relative;background-color: #d30c1b;}


@keyframes hvr-ripple-out {
    0% {
        opacity: 1;
    }
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
@keyframes hvr-ripple-out2 {
    0% {
        opacity: 0.5;
    }
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
.v-btn1:before{content: '';position: absolute;border: #d30c1b solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;border-radius: .25rem;opacity: 0;}

/*.v-btn1:before{content: "";display: block;width: 100%;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: -1;}
.v-btn1:after{content: "";display: block;width: 0;height: 100%;background-color: #bf0010;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
.v-btn1:hover:after{width: 100%;}*/
.v-btn2{color: #d30c1b;background-color: #fff8f9;position: relative;}
.v-btn2:before{content: "";display: inline-block;vertical-align: middle;width: 1em;height: .888em;background-image: url(../images/84.png);background-size: 100% 100%;margin-right: .388em;}
/*.v-btn2:after{content: "";display: block;width: 0;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
.v-btn2:hover{color: #fff;background-color: transparent;}
.v-btn2:hover:after{width: 100%;}
.v-btn2:hover:before{background-image: url(../images/84-2.png);}*/

.v-btn2:after{content: '';position: absolute;border: #d30c1b solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;border-radius: .25rem;opacity: 0;}

@media(min-width: 1201px){
    .v-btn1:hover:before,
    .v-btn1:focus:before,
    .v-btn1:active:before {animation-name: hvr-ripple-out;}
    .v-btn2:hover:after,
    .v-btn2:focus:after,
    .v-btn2:active:after{animation-name: hvr-ripple-out2;}
}
@media(max-width: 1200px){
    .v-btn{width: 100px;height: 30px;line-height: 28px;font-size: 12px;border-radius: 15px;}
}
@media(max-width: 750px){
    .v-a{padding-top: 10px;}
    .v-s{width: 100%;}
    .v-dt{font-size: 14px;line-height: 24px;}
    .v-dd{font-size: 14px;line-height: 24px;}
}



.u-a{width: 100%;padding-top: 1.2rem;position: relative;z-index: 2;}
.u-b{width: 12.8rem;margin: 0 auto;}
.u-c{width: 100%;min-height: 80vh;}
.u-left{float: left;width: 25%;padding-bottom: 11.51vw;}
.u-left.fixed{width: 3.2rem;position: fixed;left: 50%;top: 0;margin-left: -6.4rem;max-height: 100vh;overflow: auto;}
.u-right{float: right;width: 75%;padding-bottom: 11.51vw;}
.u-en{font-size: .6rem;color: #d30c1b;font-weight: bold;}
.u-zh{font-size: .4rem;color: #333;letter-spacing: .2em;font-weight: bold;}
.u-img{vertical-align: top;max-width: 2.57rem;display: block;margin-top: 3px;}
.u-icon{vertical-align: top;margin-top: .38rem;margin-bottom: .3rem;width: 17px;}
.u-sub>li{position: relative;}
.u-sub>li>a{padding-left: .12rem;display: inline-block;vertical-align: top;line-height: 2;color: #333;}
.u-sub>li.active>a,
.u-sub>li:hover>a{color: #d30c1b;text-decoration: underline;}
.u-f{display: inline-block;vertical-align: top;line-height: 1.7;color: #333;padding-right: 1.7em;width: 100%;position: relative;}
.u-f:after{content: "";display: block;width: 1.7em;height: 1.7em;color: #333;line-height: 1.7;position: absolute;right: 0;top: 0;text-align: center;}
.u-e.has-sub .u-f:after{content: "+";}
.u-e.show .u-f:after{content: "-";}
.u-e{position: relative;cursor: pointer;width: 2.7rem;max-width: 100%;}
.u-sub{padding: .16rem 0;display: none;width: 100%;}
.u-list{width: 100%;font-size: 0;padding-bottom: .3rem;}
.u-item{display: inline-block;vertical-align: top;width: 31.25%;margin-right: 3.125%;margin-bottom: 3.125%;position: relative;background-color: #fff;}
.u-item:nth-child(3n){margin-right: 0;}
.u-text:after{content: "";display: block;width: 100%;height: 0.02rem;background-color: #d30c1b;transition: left .3s;position: absolute;left: -100%;bottom: 0;}
.u-item:hover .u-text:after{left: 0;}
.u-hot{display: inline-block;padding: 0 .14rem;background-color: #d30c1b;color: #fff;line-height: 1.67;position: absolute;left: .2rem;top: -0.835em;z-index: 123;}
.u-box{width: 100%;padding-top: 100%;position: relative;overflow: hidden;}
.u-image{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.u-text{width: 100%;padding-top: .33rem;padding: .33rem .2rem .2rem;overflow: hidden;position: relative;}
.u-num{color: #222;margin-bottom: .12rem;}
.u-title{color: #333;font-weight: bold;line-height: 1.55;height: 3.1em;margin-bottom: .25rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.u-buy{color: #333;}
.u-item:hover .u-title{color: #d30c1b;}
@media(max-width: 1200px){
    .u-left.fixed{top: 40px;max-height: calc(100vh - 40px);padding-bottom: 10px;}
}
@media(max-width: 1100px){
    .u-f{font-size: 14px;line-height: 2;}
    .u-sub>li>a{font-size: 12px;line-height: 24px;}
    .u-title{font-size: 14px;}
    .u-f:after{height: 2em;line-height: 2;}
}
@media(max-width: 750px){
    .u-a{padding-top: 30px;}
    .u-img{max-width: 90%;}
    .u-left{width: 120px;opacity: 1;transform: translate3d(0,0,0);}
    .u-right{width: calc(100% - 120px);opacity: 1;transform: translate3d(0,0,0);}
    .u-en{font-size: 18px;}
    .u-zh{font-size: 16px;}
    .u-icon{width: 12px;margin-top: 10px;margin-bottom: 10px;}
    .u-sub{padding: 3px 0;}
    .u-hot{font-size: 12px;}
    .u-item{margin-bottom: 20px !important;}
    .u-text{padding: 15px 10px;}
    .u-title{height: auto;}
    .u-f{font-size: 13px;}
    .u-num{font-size: 12px;}
    .u-buy{font-size: 12px;}
    .u-left.fixed{margin-left: -240px;width: 120px;}
}
@media(max-width: 750px){
    .u-left.fixed{margin-left: 0;left: 10px;}
}


.t-a{width: 100%;position: relative;z-index: 2;padding-top: 1.24rem;padding-bottom: 14.27vw;}
.t-b{width: 12.8rem;margin: 0 auto;background-color: #fff;padding: .56rem .5rem .7rem;}
.t-c{width: 100%;font-size: 0;margin-bottom: .46rem;}
.t-d{font-size: .66rem;color: #e60012;font-weight: bold;text-transform: uppercase;margin-right: .2rem;}
.t-e{font-size: .36rem;color: #333;}
.t-list{width: 100%;padding-bottom: .5rem;}
.t-item{width: 100%;margin-bottom: .2rem;}
.t-item:last-child{margin-bottom: 0;}
.t-q{width: 100%;border: 1px solid #ddd;background-color: #f8f8f8;padding: .2rem .69rem .2rem .79rem;color: #333;line-height: 1.5;position: relative;cursor: pointer;}
.t-q:after{content: "";display: block;width: .69rem;height: 100%;position: absolute;right: 0;top: 0;background-image: url(../images/78.png);background-size: .8em .8em;background-repeat: no-repeat;background-position: center center;border-left: 1px solid #ddd;}
.t-q:before{content: "";display: inline-block;width: .3rem;height: .35rem;background-image: url(../images/76.png);background-size: 100% 100%;position: absolute;left: .19rem;top: 50%;margin-top: -0.175rem;}
.t-cont{width: 100%;color: #666;line-height: 2.25;border: 1px solid #ddd;border-top: none;padding: .2rem .25rem .38rem .79rem;position: relative;display: none;}
.t-cont:before{content: "";display: inline-block;width: .3rem;height: .35rem;background-image: url(../images/77.png);background-size: 100% 100%;position: absolute;left: .19rem;top: .3rem;}
.t-cont *{font-size: calc(16 * 100vw / 1920);color: #666;line-height: 2.25;}
.t-q.show:after{background-image: url(../images/79.png);}
@media(max-width: 1920px){
    .t-cont *{font-size: calc(12px + 4 * 100vw / 1920);}
}
@media(max-width: 550px){
    .t-cont *{font-size: calc(12px + 4 * 550px / 1920);}
}

.s-a{width: 100%;padding-top: 1.22rem;padding-bottom: 10.99vw;position: relative;z-index: 2;}
.s-b{width: 12.8rem;margin: 0 auto;}
.s-list{width: 100%;position: relative;font-size: 0;padding-bottom: 0.08rem;}
.s-item{display: inline-block;width: 29.68%;margin-right: 5.48%;margin-bottom: .4rem;}
.s-item:nth-child(3n){margin-right: 0;}
.s-box{width: 100%;padding-top: 134.2%;background-position: center center;transition: all 0.5s ease 0s;background-size: 100% 100%;}
.s-text{width: 100%;}
.s-title{color: #333;font-weight: bold;padding-top: .19rem;padding-bottom: .18rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s-date{font-size: 12px;color: #666;}
.s-item:hover .s-title{color: #e60012;}
@media(min-width: 1201px){
    .s-box:hover{background-size: 110% 110%;}
}
@media(max-width: 750px){
    .s-a{padding-top: 30px;}
}


.r-a{width: 100%;padding-top: 1.08rem;padding-bottom: 13.958vw;position: relative;z-index: 2;}
.r-b{width: 12.8rem;margin: 0 auto;}
.r-left{float: left;width: 8.74rem;}
.r-right{float: right;width: 3.2rem;padding-top: 1.1rem;}
.r-c{color: #333;line-height: 1.526;margin-bottom: .18rem;}
.r-d{width: 100%;font-size: 0;padding-bottom: .2rem;border-bottom: 1px dashed #8c8c8c;}
.r-date{line-height: 18px;color: #333;padding-right: .76rem;}
.r-share{font-size: 0;display: inline-block;vertical-align: top;}
.r-dt{line-height: 18px;color: #333;vertical-align: middle;padding-right: .23rem;vertical-align: middle;}
.r-icon{width: 22px;height: 18px;display: inline-block;vertical-align: middle;background-size: 100% 100%;margin-right: .23rem;cursor: pointer;}
.r-icon:last-child{margin-right: 0;}
.r-icon1{background-image: url(../images/54.png);}
.r-icon2{background-image: url(../images/55.png);}
.r-icon3{background-image: url(../images/56.png);}
.r-icon1:hover{background-image: url(../images/57.png);}
.r-icon2:hover{background-image: url(../images/58.png);}
.r-icon3:hover{background-image: url(../images/59.png);}
.r-cont{color: #333;line-height: 2.25;padding-top: .33rem;padding-bottom: .43rem;border-bottom: 1px dashed #8c8c8c;}
.r-cont *{font-size: calc(16 * 100vw / 1920);color: #666;line-height: 2.25;}
.r-bot{width: 100%;}
.r-links{float: left;width: calc(100% - 1.5rem);padding-top: .3rem;}
.r-link{display: block;color: #333;line-height: 1.625;margin-bottom: .1rem;}
.r-link:last-child{margin-bottom: 0;}
.r-link:hover{color: #e60012;}
.r-back{display: inline-block;float: right;width: 1.5rem;line-height: .5rem;margin-top: .47rem;background-color: #d30c1b;color: #fff;cursor: pointer;text-align: center;position: relative;overflow: hidden;}
.r-back:before{content: "";display: inline-block;vertical-align: middle;width: 1.06em;height: 0.875em;background-size: 100% 100%;margin-right: .875em;background-image: url(../images/61.png);position: relative;z-index: 10;}
.r-bg{width: 0;height: 100%;position: absolute;left: 0;top: 0;background-color:  #bf0010;z-index: 5;transition: all .5s;}
.r-back:hover .r-bg{width: 100%;}
.r-txt{position: relative;z-index: 10;}
.r-more{display: block;width: 100%;overflow: hidden;position: relative;margin-bottom: .43rem;}
.r-o{float: left;color: #333;}
.r-p{color: #333;position: absolute;right: 0;bottom: 0;}
.r-p:after{content: "";display: inline-block;vertical-align: middle;width: .43em;height: .785em;position: relative;top: -1px;background-image: url(../images/65.png);background-size: 100% 100%;margin-left: .714em;}
.r-q{width: 100%;}
.r-r{display: block;width: 100%;margin-bottom: .45rem;}
.r-r:last-child{margin-bottom: 0;}

.r-s{width: 100%;padding-top: 66.56%;background-size: cover;background-position: center center;border-radius: .1rem;transition: all 0.5s ease 0s;background-size: 100% 100%;}
.r-t{width: 100%;padding-top: .34rem;}
.r-u{color: #333;margin-bottom: .1rem;}
.r-v{color: #333;line-height: 1.42;margin-bottom: .26rem;}
.r-w{width: .5rem;height: 0.05rem;background-image: url(../images/66.png);background-size: 100% 100%;}
@media(max-width: 1920px){
    .r-cont *{font-size: calc(12px + 4 * 100vw / 1920);}
}
@media(min-width: 1201px){
    .r-s:hover{background-size: 110% 110%;}
    .r-p:hover{color: #d30c1b;}
    .r-p:hover:after{background-image: url(../images/65-1.png);}
    .r-r:hover .r-v{color: #e60012;}
    .r-r:hover .r-w{background-image: url(../images/66-1.png);}
}
@media(max-width: 1200px){
    .r-back{line-height: 32px;border-radius: 16px;width: 120px;}
    .r-links{width: calc(100% - 120px);}
}
@media(max-width: 550px){
    .r-cont *{font-size: calc(12px + 4 * 550px / 1920);}
    .r-links{width: 100%;float: left;}
    .r-back{float: right;}
}


.q-a{width: 100%;padding-top: 1.22rem;padding-bottom: 9.427vw;position: relative;z-index: 2;}
.q-b{width: 12.8rem;margin: 0 auto;}
.q-c{width: 100%;}
.q-d{position: relative;font-size: 0;border-radius: .1rem;overflow: hidden;background-color: #fff;}
.q-box{display: inline-block;vertical-align: top;width: 50%;padding-top: 33.36%;transition: all 0.5s ease 0s;background-size: 100% 100%;background-position: center center;}
.q-text{display: inline-block;vertical-align: top;width: 50%;padding: .46rem;}
.q-intro{color: #333;line-height: .3rem;height: .9rem;margin-bottom: .52rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.q-more{display: block;width: 1.6rem;line-height: .5rem;border-radius: .25rem;color: #fff;text-align: center;position: relative;overflow: hidden;z-index: 1;cursor: pointer;}
.q-more:before{content: "";display: block;width: 100%;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: -1;}
.q-more:after{content: "";display: block;width: 0;height: 100%;background-color: #bf0010;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
.q-more:hover:after{width: 100%;}
.q-title{font-size: .26rem;color: #333;line-height: .36rem;display: block;margin-bottom: .23rem;}
.q-title:hover{color: #e60012;}
.q-info{margin-bottom: .22rem;font-size: 0;}
.q-date{color: #666;padding-right: .4rem;display: inline-block;vertical-align: top;}
.q-date:before{content: "";display: inline-block;vertical-align: middle;width: .93em;height: .93em;margin-right: .43em;background-image: url(../images/52.png);background-size: 100% 100%;position: relative;top: -1px;}
.q-view{color: #666;display: inline-block;vertical-align: top;}
.q-view:before{content: "";display: inline-block;vertical-align: middle;width: 1.21em;height: .7857em;margin-right: .43em;background-image: url(../images/53.png);background-size: 100% 100%;}
.q-c .swiper-pagination-bullet{width: .1rem;height: .1rem;background-color: transparent;opacity: 1;border: 1px solid #ccc;}
.q-c .swiper-pagination-bullet-active{background-color: #0059aa;border-color: #0059aa;}
.q-c.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.05rem;}
.q-c.swiper-container-horizontal>.swiper-pagination-bullets{bottom: .75rem;font-size: 0;text-align: right;padding-right: .55rem;width: auto;left: auto;right: 0;}
.q-list{width: 100%;font-size: 0;padding-top: .74rem;padding-bottom: .3rem;}
.q-item{display: inline-block;vertical-align: top;width: 31.72%;margin-right: 2.42%;margin-bottom: .4rem;}
.q-item:nth-child(3n){margin-right: 0;}
.q-img{width: 100%;padding-top: 66.5%;background-size: cover;background-position: center center;display: block;transition: all 0.5s ease 0s;background-size: 100% 100%;}
.q-u{width: 100%;}
.q-v{display: block;color: #333;padding-top: .2rem;padding-bottom: .13rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.q-w{line-height: 1.47;height: 2.94em;margin-bottom: .33rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.q-item .q-info{margin-bottom: 0;}
@media(min-width: 1201px){
    .q-item:hover .q-v{color: #e60012;font-weight: bold;}
    .q-img:hover{background-size: 110% 110%;}
    .q-box:hover{background-size: 110% 110%;}
}
@media(max-width: 1200px){
    .q-title{font-size: 14px;line-height: 20px;}
    .q-intro{font-size: 12px;line-height: 18px;height: 54px;}
    .q-date{font-size: 12px;}
    .q-view{font-size: 12px;}
    .q-more{font-size: 12px;}
}
@media(max-width: 750px){
    .q-a{padding-top: 30px;}
    .q-box{width: 100%;padding-top: 66.72% !important;}
    .q-c .swiper-pagination-bullet{width: 6px;height: 6px;}
    .q-c.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
    .q-c.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 19px;padding-right: 10px;}
    .q-intro{margin-bottom: 10px;}
    .q-v{padding: 15px 0 10px;}
    .q-more{line-height: 30px;border-radius: 15px;width: 90px;}
}

.i-a{width: 100%;height: 37.5vw;background-size: cover;background-position: center center;position: relative;}
.i-b{position: absolute;}
.i-b1{width: 17.7vw;left: 16.667vw;top: 9.84vw;}
.i-b2{width: 17.344vw;left: 34.27vw;top: 5.885vw;}
.i-c{width: 61.875vw;left: 19.0625vw;top: 5.26vw;position: absolute;}



.j-a{width: 100%;border-bottom: 1px solid #ddd;position: relative;z-index: 2;}
.j-a.sp{border-bottom: none;}
.j-b{width: 12.8rem;margin: 0 auto;}
.j-c{float: left;font-size: 0;}
.j-c a{display: inline-block;vertical-align: top;color: #333;line-height: .69rem;position: relative;cursor: pointer;}
.j-c a{margin-right: .6rem;}
.j-c a:last-child{margin-right: 0;}
.j-c a:after{content: "";display: inline-block;position: absolute;right: -0.3rem;top: 50%;margin-top: -0.4687em;width: .625em;height: .9375em;background-size: 100% 100%;background-image: url(../images/12.png);}
.j-c a:last-child:after{display: none;}
.j-index:before{content: "";display: inline-block;vertical-align: middle;width: 1.125em;height: 1.125em;background-size: 100% 100%;margin-right: .24rem;background-image: url(../images/11.png);position: relative;top: -1px;}
.j-tabs{float: right;font-size: 0;}
.j-tab{display: inline-block;vertical-align: top;line-height: 0.69rem;min-width: 1.6rem;color: #333;text-align: center;padding: 0 5px;}
.j-tab.active{background-color: #e60012;color: #fff;}
@media(max-width: 900px){
    .j-b{width: 100%;}
    .j-c{float: none;display: none;}
    .j-tabs{float: none;text-align: center;}
    .j-a.sp{padding-top: 6px;}
    .j-a.sp .j-c{display: block;padding-left: 10px;}
}

.k-a{width: 100%;padding-bottom: 10.9375vw;padding-top: 1.05rem;}
.k-b{width: 12.8rem;margin: 0 auto;white-space: nowrap;font-size: 0;}
.k-left{display: inline-block;vertical-align: top;width: 5.2rem;margin-right: .8rem;white-space: normal;padding-top: .55rem;}
.k-en{font-size: 3.4375vw;color: #d30c1b;font-weight: bold;margin-bottom: .17rem;}
.k-zh{color: #333;margin-bottom: .38rem;font-weight: bold;}
.k-intro{line-height: 2.25;color: #666;margin-bottom: .4rem;}
.k-intro *{font-size: calc(16 * 100vw / 1920);color: #666;line-height: 2.25;}
.k-c{width: 100%;font-size: 0;white-space: nowrap;}
.k-d{display: inline-block;vertical-align: top;text-align: center;margin-right: .67rem;}
.k-d:last-child{margin-right: 0;}
.k-icon{height: .45rem;vertical-align: top;margin-bottom: .12rem;}
.k-text{color: #666;}
.k-right{display: inline-block;vertical-align: top;width: 7.14rem;white-space: normal;}
@media(max-width: 1920px){
    .k-intro *{font-size: calc(12px + 4 * 100vw / 1920);}
}
@media(max-width: 900px){
    .k-en{font-size: 27px;}
    .k-icon{margin-bottom: 8px;height: 30px;}
}
@media(max-width: 750px){
    .k-right{text-align: center;}
    .k-right .cg{width: 278px;height: 243px;}
}
@media(max-width: 550px){
    .k-intro *{font-size: calc(12px + 4 * 550px / 1920);}
}

.l-a{width: 100%;padding-bottom: 13.55vw;}
.l-b{width: 13rem;margin: 0 auto;font-size: 0;}
.l-c{width: 100%;position: relative;}
.l-c:before{content: "";display: block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background-image: url(../images/17.png);background-size: 100% 100%;}
.l-left{width: 50%;float: left;padding-top: 1.4rem;padding-bottom: 1.03rem;position: relative;}
.l-en{color: #d30c1b;text-transform: uppercase;font-weight: bold;margin-bottom: 0.09rem;}
.l-zh{color: #333;font-weight: bold;margin-bottom: 1.45rem;}
.l-d{width: 100%;}
.l-e{width: 6.9375em;margin-bottom: 1.375em;}
.l-f{color: #d30c1b;letter-spacing: 0.575em;font-weight: bold;}
.l-right{width: 50%;float: right;position: relative;}
.l-h{width: 100%;padding-top: 1.63rem;padding-left: .8rem;padding-bottom: .8rem;border-bottom: 1px solid rgba(0,0,0,0.1);}
.l-i{color: #333;font-weight: bold;line-height: 1.625;margin-bottom: 0.6em;letter-spacing: 0.05em;}
.l-j{color: #333;font-weight: bold;line-height: 1.625;letter-spacing: 0.05em;}
.l-icon{width: 1.375em;position: absolute;left: 0;top: 0.4em;}
.l-icon2{width: 1.625em;}
.l-item{display: inline-block;vertical-align: middle;width: 100%;padding-left: 2.81em;position: relative;}
.l-item2{width: calc(100% - 90px);}
.l-k{width: 100%;padding-top: .52rem;padding-left: .8rem;padding-bottom: .44rem;font-size: 0;}
.l-code{display: inline-block;vertical-align: middle;text-align: center;width: 90px;}
.l-codeimg{width: 87px;margin-bottom: 10px;}
.l-text{color: #333;font-weight: bold;letter-spacing: 0.05em;}
.l-box{width: 100%;height: 4.5rem;border: .1rem solid #e2ccb2;border-radius: .1rem;background-size: cover;background-position: center center;}

@media(max-width: 1200px){
    .l-left{width: 100%;}
    .l-right{width: 100%;}
    .l-c:before{display: none;}
    .l-left{padding-top: 30px;padding-bottom: 30px;}
    .l-zh{margin-bottom: 30px;}
    .l-h{padding-top: 20px;padding-left: 0;padding-bottom: 20px;}
    .l-k{padding-left: 0;padding-top: 20px;padding-bottom: 20px;}
}

.m-a{width: 100%;}
.m-b{width: 100%;}

.big-a{width: 100%;}
.big-link{display: block;width: 100%;}

.n-a{width: 100%;padding-top: 31vw;padding-bottom: 13.54vw;margin-top: -14.3vw;position: relative;z-index: 10;background-image: url(../images/25.png);background-size: 100% auto;background-repeat: no-repeat;}
.n-b{text-align: center;font-size: 0;margin-bottom: .74rem;}
.n-c{display: inline-block;vertical-align: top;width: 1rem;height: 1rem;line-height: 1rem;color: #fff;text-align: center;border-radius: 50%;background-color: #d30c1b;margin: 0 .18rem;position: relative;}
.n-c:before{content: "";display: block;width: 1.22rem;height: 1.22rem;box-sizing: border-box;position: absolute;left: -0.11rem;top: -0.11rem;border-radius: 50%;border: 1px solid #d30c1b;}
.ch{display: block;margin: 0 auto;}
@media(max-width: 750px){
    .ch{width: 90vw;height: 45vw;padding: 0.3912vw;}
    .ch.ie:before{border: 0.3912vw solid #e2ccb2;}
}

.o-a{width: 100%;padding-top: 1.2rem;padding-bottom: 10.573vw;position: relative;z-index: 2;}
.o-b{width: 12.8rem;margin: 0 auto;}
.o-list{width: 100%;font-size: 0;padding-bottom: .3rem;}
.o-item{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: .3rem;background-color: #fff;}
.o-item:nth-child(3n){margin-right: 0;}
.o-box{width: 100%;height: 3.6rem;line-height: 2.6rem;overflow: hidden; text-align: center;position: relative;padding: .5rem;}
.o-img{max-width: 100%;max-height: 100%;vertical-align: middle;transform: scale(1.00);transition: all .5s;}
.o-text{width: 100%;border-top: 1px solid #ddd;line-height: .69rem;}
.o-t{display: inline-block;vertical-align: middle;width: 100%;font-size: 1vw;color: #333;text-align: center;line-height: .3rem;}
.o-item:hover .o-t{color: #e60012;}
.o-item:hover .o-img{transform: scale(1.05);}

@media(max-width: 1400px){
    .o-t{font-size: 14px;line-height: 20px;}
    .o-text{line-height: 46px;}
}
@media(max-width: 1200px){
    .o-t{font-size: 12px;}
}
@media(max-width: 900px){
    .o-a{padding-top: 30px;}
}

.p-a{width: 100%;padding-top: 1.22rem;padding-bottom: 15vw;}
.p-b{width: 12.8rem;margin: 0 auto;position: relative;}
.p-b:before{content: "";display: block;width: 0.06rem;height: 100%;background-color: #fff;position: absolute;right: 0;top: 0;box-shadow: 0 0 .1rem rgba(0,0,0,0.2);}
.p-bigbox{float: left;width: 8.4rem;}
.p-big{width: 100%;padding-top: 75%;border-radius: .1rem;background-size: cover;background-position: center center;}
.p-right{float: right;width: 4.08rem;height: 6.3rem;font-size: 0;overflow: auto;}
.p-s{display: inline-block;vertical-align: top;width: 1.8rem;height: 1.35rem;cursor: pointer;background-size: cover;background-position: center center;margin-right: .2rem;margin-bottom: .3rem;border-radius: .1rem;}
.p-s:nth-child(2n){margin-right: 0;}
.p-s.active{border: 0.04rem solid #d30c1b;}
.p-right .mCSB_inside>.mCSB_container{margin-right: 0.06rem;}
.p-right .mCSB_scrollTools{opacity: 1;width: 0.06rem;}
.p-right .mCSB_scrollTools .mCSB_draggerRail{width: 0.06rem;background-color: #fff;filter: none;-ms-filter: none;}
.p-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 0.06rem;background-color: #cc0c1a;border-radius: 0.03rem;filter: none;-ms-filter: none;}
.p-right .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.p-right .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #cc0c1a;filter: none;-ms-filter: none;}
.p-right .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #cc0c1a;filter: none;-ms-filter: none;}
.p-big:before{content: "";display: block;width: 100%;height: 100%;background-image: url(../images/39.png);background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;position: absolute;left: 0;bottom: 0;z-index: 1;}
.p-t{width: 100%;color: #fff;line-height: 1.42;position: absolute;left: 0;bottom: .25rem;font-weight: bold;padding: 0 .3rem;z-index: 2;}
@media(max-width: 750px){
    .p-a{padding-top: 30px;}
    .p-b:before{display: none;}
    .p-s{margin-bottom: 0;margin-right: 10px;}
    .p-s:nth-child(2n){margin-right: 10px;}
    .p-right{height: auto;}
    .p-right .mCSB_inside>.mCSB_container{white-space: nowrap;padding: 10px 0 !important;overflow: auto;}
}

.page-a{width: 100%;text-align: center;font-size: 0;}
.page-a a{display: inline-block;vertical-align: top;width: .6rem;height: .6rem;line-height: .6rem;color: #333;cursor: pointer;border-radius: 50%;transition: all .3s;}
.page-a a:hover,
.page-a a.active{color: #d30c1b;font-weight: bold;}
.page-prev{margin-right: .18rem;background-image: url(../images/32.png);background-size: .11rem .21rem;background-repeat: no-repeat;background-position: center center;}
.page-next{margin-left: .18rem;background-image: url(../images/33.png);background-size: .11rem .21rem;background-repeat: no-repeat;background-position: center center;}
.page-prev:hover{background-color: #d30c1b;background-image: url(../images/34.png);}
.page-next:hover{background-color: #d30c1b;background-image: url(../images/35.png);}
@media(max-width: 1200px){
    .page-a a{width: 32px;height: 32px;line-height: 32px;}
    .page-prev{margin-right: 3px;}
    .page-next{margin-left: 3px;}
}

.a-a{width: 100%;position: relative;z-index: 1;}
.a-b{width: 100%;}
.a-c{position: relative;}
.a-d{display: block;width: 100%;}
.a-e{width: 100%;vertical-align: top;}
.a-b .swiper-pagination-bullet{width: .12rem;height: .12rem;background-color: transparent;opacity: 1;border: 0.02rem solid #333;position: relative;}
.a-b .swiper-pagination-bullet-active{background-color: #d30c1b;border: 0.01rem solid transparent;}
.a-b .swiper-pagination-bullet-active:after{content: "";display: block;width: .2rem;height: .2rem;position: absolute;left: -0.05rem;top: -0.05rem;border-radius: 50%;border: 1px solid #d30c1b;box-sizing: border-box;}
.a-b.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .13rem;}
.a-b.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5.2vw;font-size: 0;}
@media(max-width: 1200px){
    
}

.c-a{width: 12.8rem;margin: 0 auto;height: 34.41rem;position: relative;z-index: 100;}
.c-b{width: 5.64rem;position: absolute;left: 0;top: 1.84rem;text-align: center;}
.c-c{font-size: .3rem;color: #333;margin-bottom: .18rem;}
.c-d{font-size: .9rem;color: #333;margin-bottom: .1rem;}
.c-d .red{color: #d30c1b;}
.c-e{font-size: .3rem;color: #333;margin-bottom: .77rem;text-transform: uppercase;}
.c-f{font-size: .3rem;color: #333;margin-bottom: .62rem;}
.c-g{display: block;width: 4rem;height: .8rem;line-height: .8rem;border-radius: .4rem;text-align: left;position: relative;padding: 0 .4rem;font-size: .16rem;color: #fff;margin: 0 auto .32rem;overflow: hidden;}
.c-g:after{content: ">";position: absolute;right: .4rem;top: 50%;line-height: 1;margin-top: -0.5em;z-index: 5;}
.c-txt{position: relative;z-index: 10;}
.c-bg{display: block;width: 100%;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: 1;}
.c-g:before{content: "";display: block;width: 0;height: 100%;background-color: #bf0010;position: absolute;left: 0;top: 0;z-index: 2;transition: all .5s;}
.c-g:hover:before{width: 100%;}
.c-h{font-size: .2rem;color: #333;letter-spacing: .3em;}
.c-item{position: absolute;}
.c-title{font-size: .6rem;color: #333;font-weight: bold;padding-bottom: .77rem;position: relative;}
.c-title:after{content: "";display: inline-block;width: .17rem;height: .17rem;background-image: url(../images/82.png);background-size: 100% 100%;position: absolute;right: 0;bottom: .29rem;}
.c-title.c-left:after{right: auto;left: 0;}
.c-intro{font-size: .24rem;color: #333;padding-bottom: .2rem;margin-bottom: .18rem;border-bottom: 1px solid #7b7a7b;}
.c-type{font-size: .24rem;color: #333;margin-bottom: .35rem;}
.c-btns{position: relative;}
.c-btn{display: inline-block;width: 1.6rem;height: .5rem;line-height: .5rem;border: 1px solid #000033;border-radius: .25rem;text-align: center;font-size: .16rem;color: #333;cursor: pointer;position: relative;overflow: hidden;}
.c-btn:after{content: "";display: block;width: 0;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
@media(min-width: 1201px){
    .c-btn:hover{color: #fff;border-color: #d30c1b;}
    .c-btn:hover:after{width: 100%;}
}
.c-item1{width: 3.3rem;right: 0;top: 8.13rem;text-align: right;}
.c-item1 .c-num{font-size: 1.4rem;color: #333;position: absolute;right: 0;top: -2.47rem;z-index: 1234;font-style: italic;}
.c-item1 .ca{display: block;width: 36.458vw;height: 36.458vw;padding: 0.52vw;background-image: url(../images/ca2.png);position: absolute;right: -1.29rem;top: -8.5rem;}
.c-item1 .ca img{-webkit-mask-image: url(../images/ca1.png);mask-image: url(../images/ca1.png);}
.c-item1 .ca.ie:before{border: 0.52vw solid #e2ccb2;}
.c-item2{position: absolute;left: -0.3rem;top: 8.8rem;width: .9rem;}
.c-item2 .c-title{font-size: .3rem;color: #333;;margin: 0 auto;line-height: .46rem;width: .3rem;padding-bottom: .12rem;}
.c-item2 .c-title:after{display: none;}
.c-item2 .c-line{width: 1px;height: 1.96rem;background-color: #787779;margin: 0 auto;}
.c-item2 .c-num{font-size: .6rem;color: #333;text-align: center;font-style: italic;padding-top: .2rem;}
.c-item2 .c-box{display: block;width: 6.21rem;height: 6.21rem;line-height: 6.21rem;text-align: center;position: absolute;right: -6.21rem;top: -0.7rem;}
.c-item2 .c-box img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.c-item3{width: 3.28rem;text-align: left;left: 0;top: 20.12rem;}
.c-item3 .c-num{font-size: 1rem;color: #333;position: absolute;right: -1.45rem;top: -0.3rem;z-index: 1234;font-style: italic;}
.c-item3 .cb{display: block;left: -1.98rem;top: -4.85rem;position: absolute;}
.c-item4{position: absolute;left: 8.36rem;top: 15.04rem;width: 1rem;}
.c-item4 .c-title{font-size: .4rem;color: #fff;;margin: 0 auto;line-height: .46rem;width: .4rem;padding-bottom: .22rem;position: relative;z-index: 10;font-weight: bold;}
.c-item4 .c-title:after{display: none;}
.c-item4 .c-line{width: 1px;height: 3.5rem;background-color: #fff;margin: 0 auto;position: relative;z-index: 10;opacity: 0.5;}
.c-item4 .c-num{font-size: .6rem;color: #fff;text-align: center;font-style: italic;position: relative;z-index: 10;padding-top: .2rem;}
.c-item4 .cc{position: absolute;left: -.25rem;top: -2.1rem;}
.c-item4 .c-btns{position: absolute;left: 1.22rem;top: 5.8rem;z-index: 1234;}
.c-item4 .c-btn{color: #fff;border-color: #d30c1b;overflow: hidden;position: relative;}
.c-item4 .c-btn:before{content: "";display: block;width: 100%;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: -1;}
.c-item4 .c-btn:after{content: "";display: block;width: 0;height: 100%;background-color: #bf0010;border-color: #bf0010;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
.c-item4 .c-btn:hover:after{width: 100%;}
.c-item5{position: absolute;left: 4.8rem;top: 24.3rem;width: 1rem;}
.c-item5 .c-title{font-size: .4rem;color: #fff;;margin: 0 auto;line-height: .46rem;width: .4rem;padding-bottom: .22rem;position: relative;z-index: 10;font-weight: bold;}
.c-item5 .c-title:after{display: none;}
.c-item5 .c-line{width: 1px;height: 3.06rem;background-color: #fff;margin: 0 auto;position: relative;z-index: 10;opacity: 0.5;}
.c-item5 .c-num{font-size: .6rem;color: #fff;text-align: center;font-style: italic;position: relative;z-index: 10;padding-top: .2rem;}
.c-item5 .cc{position: absolute;left: -4.12rem;top: -0.76rem;}
.c-item5 .c-btns{position: absolute;left: -3.6rem;top: 7.12rem;z-index: 1234;}
.c-item5 .c-btn{color: #fff;border-color: #d30c1b;transition: all .5s;overflow: hidden;position: relative;}
.c-item5 .c-btn:before{content: "";display: block;width: 100%;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: -1;}
.c-item5 .c-btn:after{content: "";display: block;width: 0;height: 100%;background-color: #bf0010;border-color: #bf0010;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
.c-item5 .c-btn:hover:after{width: 100%;}
.c-item6{width: 3.28rem;text-align: left;right: .98rem;top: 27.45rem;}
.c-item6 .c-num{font-size: 1rem;color: #333;position: absolute;right: -1.45rem;top: -0.3rem;z-index: 1234;font-style: italic;}
.c-item6 .cd{display: block;right: -3.69rem;top: -4.35rem;position: absolute;}
@media(max-width: 900px){
    .b-a:before{display: none;}
    .b-after{display: none;}
    .a-b.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
    .c-a{padding-top: 30px;width: 100%;height: auto;overflow: hidden;}
    .c-b{position: relative;margin: 0 auto 30px;top: 0;width: 100%;}
    .c-d{font-size: 36px;}
    .c-e{font-size: 14px;}
    .c-g{font-size: 12px;}
    .c-h{font-size: 10px;}
    .c-item{position: relative;}
    .c-item1{top: 0;right: 0;width: 300px;margin: 0 auto 60px;}
    .c-item1 .ca{position: relative;right: 0;top: 0;width: 300px;height: 300px;margin: 0 auto 50px;}
    .c-title:after{width: 10px;height: 10px;}
    .c-intro{font-size: 12px;}
    .c-type{font-size: 12px;}
    .c-btn{font-size: 12px;width: 90px;height: 30px;line-height: 30px;border-radius: 15px;}
    .c-item1 .c-num{right: 50px;top: 258px;}
    .c-item2{width: 30px;margin: 0 auto 50px;top: 0;left: 50%;margin-left: -140px;}
    .c-item2 .c-title{font-size: 16px;line-height: 26px;}
    .c-item2 .c-box{width: 240px;height: 240px;right: -270px;top: -7px;line-height: 240px;}
    .c-item3{top: 0;width: 300px;margin: 0 auto;padding-bottom: 30px;}
    .c-item3 .cb{position: relative;left: 0;top: 0;width: 300px;height: 140px;margin-bottom: 20px;}
    .c-item3 .c-num{right: 0;top: 152px;}
    .c-item4{top: 0;left: 50%;margin-top: 98px;margin-left: -112px;padding-bottom: 80px;}
    .c-item4 .cc{width: 257px;height: 435px;}
    .c-item4 .c-btns{left: 50px;top: 265px;}
    .c-item5{left: 50%;top: 0;margin-left: 69px;padding-bottom: 140px;}
    .c-item5 .cc{width: 257px;height: 435px;}
    .c-item6{right: 0;top: 0;width: 300px;margin: 0 auto;}
    .c-item6 .cd{position: relative;right: 0;top: 0;width: 300px;height: 140px;margin-bottom: 20px;}
    .c-item6 .c-num{right: 0;top: 153px;}
}




header{width: 100%;box-shadow: 0 0.08rem 0.2rem rgba(0,0,0,0.1);position: relative;z-index: 12345;background-color: #fff;}
.h-a{width: 100%;height: 36px;background-color: #d30c1b;}
.h-center{width: 12.8rem;margin: 0 auto;}
.h-h .h-center{line-height: 97px;height: 97px;display: flex;justify-content: space-between;align-items: center}
.h-h .h-center:after{display: none;}
.h-b{line-height: 36px;color: #fff;float: left;}
.h-c{font-size: 0;}
.h-c{float: right;padding-right: .4rem;}
.h-c:before{content: "";display: inline-block;vertical-align: middle;width: 17px;height: 17px;margin-top: 9px;background-image: url(../images/3.png);background-repeat: no-repeat;margin-right: .16rem;background-size: 100% 100%;}
.h-d{display: inline-block;vertical-align: top;color: #fff;line-height: 36px;}
.h-d:after{content: "/";padding: 0 4px;}
.h-d:last-child:after{display: none;}
.h-h{width: 100%;height: 97px;border-bottom: 1px solid #ddd;}
.h-logo{float: left;/* margin-top: 24px; */}
.h-logo2{display: none;}
.h-logo img{height: 50px;vertical-align: top;}
.h-i{float: right;/* padding-top: 32px; */font-size: 0;}
.h-j{display: inline-block;vertical-align: middle;padding-right: .33rem;}
.h-k{display: inline-block;vertical-align: middle;color: #333;}
.h-k:before{content: "";display: inline-block;vertical-align: middle;width: 17px;height: 19px;background-image: url(../images/4.png);margin-right: .15rem;background-size: 100% 100%;}
.h-l{display: inline-block;vertical-align: middle;color: #cf000d;font-weight: bold;word-break: break-all;white-space: normal;line-height: 1.2;}
.h-m{display: inline-block;vertical-align: middle;width: 320px;font-size: 0;position: relative;}
.h-n{width: 100%;border: 1px solid #c7c7c7;height: 32px;border-radius: 16px;color: #333;padding-left: 13px;padding-right: 32px;}
.h-o{width: 32px;height: 32px;border-radius: 16px;background-color: #d30c1b;position: absolute;right: 0;top: 0;z-index: 2;border: none;background-image: url(../images/5.png);background-repeat: no-repeat;background-position: center center;font-size: 0;cursor: pointer;}
.h-p{width: 100%;}
.h-nav{width: 100%;font-size: 0;display: flex;justify-content: space-between;text-align-last: justify;text-align: justify;}
.h-li{display: inline-block;vertical-align: middle;position: relative;}
.h-q{display: inline-block;vertical-align: top;padding: 0 7px;line-height: 39px;}
.h-li.active .h-q{color: #d30c1b;font-weight: bold;}
.h-q:hover{color: #d30c1b;}
.h-sub{width: 150px;margin-left: -75px;position: absolute;left: 50%;top: 39px;background-color: #fff;padding: 5px 0;display: none;}
.h-sub>li{width: 100%;}
.h-sub>li>a{display: block;padding: 10px;color: #333;line-height: 1.5;text-align: center;text-align-last: center;width: 100%;}
.h-sub>li>a:hover{color: #d30c1b;}
@media(min-width: 1921px){
    .h-a{height: .36rem;}
    .h-b{line-height: .36rem;}
    .h-c:before{width: .17rem;height: .17rem;margin-top: 0.09rem;}
    .h-d{line-height: .36rem;}
    .h-q{line-height: .39rem;padding: 0 0.07rem;}
    .h-sub{top: .39rem;}
    .h-sub>li>a{padding: .1rem;}
    .h-h{height: .97rem;}
    .h-logo{margin-top: .24rem;}
    .h-logo img{height: .5rem;}
    .h-sub{width: 1.5rem;margin-left: -0.75rem;padding: 0.05rem 0;}
    .h-k:before{width: .17rem;height: .19rem;}
    .h-i{padding-top: .32rem;}
    .h-m{width: 3.2rem;}
    .h-n{height: .32rem;border-radius: .16rem;padding-left: .13rem;padding-right: .32rem;}
    .h-o{width: .32rem;height: .32rem;border-radius: .16rem;background-size: .15rem .15rem;}
}
@media(max-width: 1700px){
    .h-l{width: 13em;}
    .h-j{padding-right: 10px;}
}
@media(max-width: 1300px){
    .h-l{width: 260px;}
}
@media(max-width: 1200px){
    .h-l{width: 170px;}
    .h-center{width: 100%;}
    .h-h .h-center{height: auto;}
    .header-space{width: 100%;height: 42px;}
    header{width: 100%;height: 42px;box-shadow: 0 0 4px rgba(0,0,0,0.1);position: fixed;left: 0;top: 0;}
    .h-box{width: 280px;height: 100vh;overflow: auto;background-color: #fff;position: fixed;right: -280px;top: 0;z-index: 123456;transition: all .3s;}
    .h-menu{width: 42px;height: 42px;position: absolute;right: 0;top: 0;background-image: url(../images/136.png);background-repeat: no-repeat;background-position: center center;background-size: 28px 28px;}
    .h-logo2{display: inline-block;position: fixed;left: 7px;top: 7px;z-index: 1234;margin-top: 0;}
    .h-logo2 img{height: 30px;}
    .h-logo1{display: none;}
    .h-nav{flex-wrap: wrap;padding: 10px 0;}
    .h-li{width: 100%;}
    .h-q{width: 100%;line-height: 20px;padding: 10px 20px;text-align: left;text-align-last: left;}
    .h-h{height: auto;padding: 20px 0;}
    .h-i{padding: 0 10px;float: none;}
    .h-j{padding-right: 0;display: block;white-space: nowrap;margin-bottom: 20px;}
    .h-m{width: 100%;}
    .h-a{height: auto;}
    .h-a .h-center{font-size: 0;}
    .h-b{font-size: 12px;padding-left: 10px;width: 205px;display: inline-block;vertical-align: middle;float: none;line-height: 16px;}
    .h-c{padding-right: 10px;float: none;display: inline-block;vertical-align: middle;width: 75px;white-space: nowrap;}
    .h-d{font-size: 12px;}
    .h-opa{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 12345;background-color: rgba(0,0,0,0.5);display: none;}
    header.show-menu .h-box{right: 0;}
    header.show-menu .h-opa{display: block;}
    .h-sub{width: 100%;position: relative;left: 0;top: 0;margin-left: 0;padding: 0;display: block;}
    .h-sub>li>a{text-align: left;text-align-last: left;padding-left: 40px;}
    .h-li.has-nav:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;text-align-last: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .h-li.has-nav.show:after{content: "-";}
    .h-c:before{display: none;}
}


div.pswp{z-index: 99999999;}

footer{width: 100%;position: relative;background-color: #333;padding-top: 1.18rem;z-index: 3;}
footer:before{content: "";display: block;width: 100%;padding-top: 14%;pointer-events: none;background-size: 100% 100%;background-image: url(../images/footer.png);position: absolute;left: 0;top: 0;transform: translate(0,-97%);}
.f-center{width: 12.8rem;margin: 0 auto;}
.f-a{width: 100%;padding-bottom: 1.1rem;}
.f-b{float: left;width: 2rem;}
.f-logo{margin-bottom: .43rem;display: inline-block;vertical-align: top;}
.f-c{width: 100%;font-size: 0;}
.f-d{display: inline-block;vertical-align: top;width: .5rem;height: .5rem;cursor: pointer;margin-right: .25rem;background-size: 100% 100%;opacity: 0.2;transition: all .3s;}
.f-d:hover{opacity: 1;}
.f-d:last-child{margin-right: 0;}
.f-d1{background-image: url(../images/6.png);}
.f-d2{background-image: url(../images/7.png);}
.f-e{float: left;border-left: 1px solid rgba(255,255,255,0.05);border-right: 1px solid rgba(255,255,255,0.05);padding-left: .8rem;}
.f-f{float: left;width: 2.28rem;}
.f-g{color: #fff;margin-bottom: .2rem;display: inline-block;vertical-align: top;}
.f-h{width: 100%;font-size: 0;}
.f-i{width: 100%;margin-bottom: .17rem;}
.f-i:last-child{margin-bottom: 0;}
.f-j{display: inline-block;vertical-align: top;color: #fff;opacity: 0.5;line-height: 1.43;}
.f-j:hover{opacity: 1;}
.f-line{color: #fff;opacity: 0.5;margin-bottom: .2rem;}
.f-f2{width: 3rem;}
.f-f3{width: 1.9rem;}
.f-o{max-width: 2.78rem;float: right;}
.f-p{color: #fff;font-weight: bold;white-space: nowrap;margin-bottom: .1rem;word-break: break-all;white-space: normal;line-height: 1.2;}
.f-q{color: #fff;opacity: 0.5;margin-bottom: .44rem;}
.f-r{display: inline-block;vertical-align: top;width: 1.46rem;line-height: .44rem;border-radius: .22rem;color: #fff;cursor: pointer;text-align: center;position: relative;overflow: hidden;}
.f-r:before{content: "";display: block;width: 100%;height: 100%;background-color: #d30c1b;position: absolute;left: 0;top: 0;z-index: -1;}
.f-r:after{content: "";display: block;width: 0;height: 100%;background-color: #bf0010;position: absolute;left: 0;top: 0;z-index: -1;transition: all .5s;}
.f-r:hover:after{width: 100%;}
.f-col{display: inline-block;vertical-align: top;width: 7.1em;}
.f-bottom{width: 12rem;margin: 0 auto;border-top: 1px solid rgba(255,255,255,0.1);padding: .23rem 0;}
.f-u{float: left;font-size: 0;color: #fff;}
.f-v{color: #fff;padding-right: .2rem;}
.f-u span{opacity: 0.2;display: inline-block;vertical-align: top;line-height: 1.43;}
.f-u a{opacity: 0.2;color: #fff;display: inline-block;vertical-align: top;line-height: 1.43;}
.f-u a:hover{opacity: 1;}
.f-author{float: right;color: #fff;opacity: 0.2;float: right;display: inline-block;vertical-align: top;line-height: 1.43;}
.f-author:hover{opacity: 1;}

body.index footer:before{top: -1.12rem;}
body.index footer:after{content: "";display: block;width: 100%;height: 1.12rem;background-color: #333;position: absolute;left: 0;top: -1.12rem;pointer-events: none;}
@media(min-width: 1921px){
    .f-logo img{height: .5rem;}
}
@media(max-width: 1350px){
    .f-center{width: 100%;max-width: 900px;}
    .f-bottom{width: 100%;}
    .f-f{width: 160px;}
    .f-f2{width: 210px;}
    .f-f3{width: 160px;}
    .f-b{width: 140px;}
    .f-r{line-height: 30px;border-radius: 15px;width: 80px;}
    .f-o{max-width: 180px;}
}
@media(max-width: 900px){
    footer{padding-top: 0;}
    .f-logo{margin-bottom: 10px;}
    .f-logo img{height: 30px;}
    .f-center{width: 100%;max-width: 500px;}
    .f-a{padding-bottom: 20px;padding-top: 20px;}
    .f-b{float: none;width: 100%;margin-bottom: 20px;}
    .f-d{width: 30px;height: 30px;}
    .f-e{float: none;width: 100%;border-left: none;border-right: none;padding-left: 0;}
    .f-o{float: none;width: 100%;max-width: none;}
    .f-bottom{padding: 10px 0;}
    .f-u{float: none;width: 100%;margin-bottom: 7px;}
    .f-author{float: none;width: 100%;}
    .f-f{float: none;width: 100%;margin-bottom: 15px;overflow: hidden;}
    .f-g{margin-bottom: 7px;}
    .f-h{width: calc(100% + 20px);}
    .f-i{display: inline-block;vertical-align: top;margin-right: 20px;width: auto;margin-bottom: 0;}
    .f-j{line-height: 24px;}
    .f-p{margin-bottom: 8px;}
    .f-col{display: inline-block;vertical-align: top;width: auto;}
    .f-line{display: none;}
}
@media(max-width: 500px){
    .f-a{padding-left: 10px;padding-right: 10px;}
    .f-bottom{padding-left: 10px;padding-right: 10px;}
}