@charset "utf-8";
@font-face
{
    font-family: ss;
    src: url(../font/SourceHanSansCN-Normal.woff);
}
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}
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: ss,'PingFang SC','微软雅黑', arial, sans-serif;}
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())}
body{font-size: 14px;color: #000;font-family: ss,'PingFang SC','微软雅黑', arial, sans-serif;}
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;}

.img-hover{position: relative;overflow: hidden;}
.img-hover img{display: block;transform: scale(1.001);vertical-align: top;transition: all 0.5s ease 0s;}
.img-hover:hover img{transform: scale(1.07);}

.pic-hover{overflow: hidden;position: relative;}
.pic-hover img{transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.pic-hover:hover img{transform: scale(1.1);}

@media(min-width: 1601px){
    .r{font-size: 100px}
}
@media(max-width: 1600px) and (min-width: 901px){
    .r{font-size: calc(100vw / 1600 * 100);}
}
@media(max-width: 900px){
	.r{font-size: calc(900px / 1600 * 100);}
}

@media(min-width: 1921px){
    .r2{font-size: 100px}
}
@media(max-width: 1920px) and (min-width: 901px){
    .r2{font-size: calc(100vw / 1920 * 100);}
}
@media(max-width: 900px){
	.r2{font-size: calc(900px / 1920 * 100);}
}

@media(min-width: 1921px){
    .s0{font-size: 0;}
    .s12{font-size: 12px;}
    .s13{font-size: 13px;}
    .s14{font-size: 14px;}
    .s15{font-size: 15px;}
    .s16{font-size: 16px;}
    .s17{font-size: 17px;}
    .s18{font-size: 18px;}
    .s19{font-size: 19px;}
    .s20{font-size: 20px;}
    .s21{font-size: 21px;}
    .s22{font-size: 22px;}
    .s23{font-size: 23px;}
    .s24{font-size: 24px;}
    .s25{font-size: 25px;}
    .s26{font-size: 26px;}
    .s27{font-size: 27px;}
    .s28{font-size: 28px;}
    .s29{font-size: 29px;}
    .s30{font-size: 30px;}
    .s31{font-size: 31px;}
    .s32{font-size: 32px;}
    .s33{font-size: 33px;}
    .s34{font-size: 34px;}
    .s35{font-size: 35px;}
    .s36{font-size: 36px;}
    .s37{font-size: 37px;}
    .s38{font-size: 38px;}
    .s39{font-size: 39px;}
    .s40{font-size: 40px;}
    .s41{font-size: 41px;}
    .s42{font-size: 42px;}
    .s43{font-size: 43px;}
    .s44{font-size: 44px;}
    .s45{font-size: 45px;}
    .s46{font-size: 46px;}
    .s47{font-size: 47px;}
    .s48{font-size: 48px;}
    .s49{font-size: 49px;}
    .s50{font-size: 50px;}
    .s51{font-size: 41px;}
    .s52{font-size: 42px;}
    .s53{font-size: 43px;}
    .s54{font-size: 44px;}
    .s55{font-size: 45px;}
    .s56{font-size: 46px;}
    .s57{font-size: 47px;}
    .s58{font-size: 48px;}
    .s59{font-size: 49px;}
    .s60{font-size: 50px;}
    .s61{font-size: 61px;}
    .s62{font-size: 62px;}
    .s63{font-size: 63px;}
    .s64{font-size: 64px;}
    .s65{font-size: 65px;}
}
@media(max-width: 1920px) and (min-width: 1201px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .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);}
    .s61{font-size: calc(61 * 100vw / 1920);}
    .s62{font-size: calc(62 * 100vw / 1920);}
    .s63{font-size: calc(63 * 100vw / 1920);}
    .s64{font-size: calc(64 * 100vw / 1920);}
    .s65{font-size: calc(65 * 100vw / 1920);}
}
@media(max-width: 1200px) and (min-width: 501px){
    .s0{font-size: 0;}
    .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);}
    .s61{font-size: calc(12px + 49 * 100vw / 1920);}
    .s62{font-size: calc(12px + 40 * 100vw / 1920);}
    .s63{font-size: calc(12px + 41 * 100vw / 1920);}
    .s64{font-size: calc(12px + 42 * 100vw / 1920);}
    .s65{font-size: calc(12px + 43 * 100vw / 1920);}
}
@media(max-width: 500px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .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);}
    .s61{font-size: calc(12px + 49 * 550px / 1920);}
    .s62{font-size: calc(12px + 40 * 550px / 1920);}
    .s63{font-size: calc(12px + 41 * 550px / 1920);}
    .s64{font-size: calc(12px + 42 * 550px / 1920);}
    .s65{font-size: calc(12px + 43 * 550px / 1920);}
}

.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s 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 0.7s 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 0.7s 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 0.7s 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 0.7s 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 0.7s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.delay2{transition-delay: 0.2s;}
.delay4{transition-delay: 0.4s;}
.delay6{transition-delay: 0.6s;}
.delay8{transition-delay: 0.8s;}
.delay10{transition-delay: 1s;}

.section.show .teaser{opacity:1;transform:translate3d(0,0,0);}
.section.show .lefter{opacity:1;transform:translate3d(0,0,0);}
.section.show .righter{opacity:1;transform:translate3d(0,0,0);}
.section.show .downer{opacity:1;transform:translate3d(0,0,0);}
.section.show .lter{opacity:1;transform:translate3d(0,0,0);}
.section.show .rter{opacity:1;transform:translate3d(0,0,0);}

.section{width: 100%;overflow: hidden;}

.a-a{width: 100%;padding: 1em 0;background-image: url(../images/2.jpg);background-size: cover;}
.a-b{width: 12.42em;margin: 0 auto;position: relative;}
.a-c{width: 100%;}
.a-d{width: 6.21em;position: absolute;left: 0;top: 0;}
.a-e{color: #fff;font-weight: bold;margin-bottom: 1.913em;}
.a-f{color: #fff;line-height: 1.636;}
.a-f p{line-height: 1.636;}
.a-logo{width: 12.72%;position: absolute;left: 36.07%;bottom: 0;margin-bottom: 17.84%;z-index: 10;line-height: 0;}
.a-point{width: 2.737%;position: absolute;left: 42.19%;bottom: 0;bottom: 0;margin-bottom: 13.446%;z-index: 10;line-height: 0;}
.a-logo.jump{animation: jump 1.5s linear infinite;}
.a-logo img{width: 100%;vertical-align: top;}
.a-point img{width: 100%;vertical-align: top;}
@keyframes jump{
    0%{
        transform: translateY(0);
    }
    25%{
        transform: translateY(-6px);
    }
    50%{
        transform: translateY(0px);
    }
    75%{
        transform: translateY(6px);
    }
    100%{
        transform: translateY(0);
    }
}
@media(max-width: 1600px){
    .a-e{margin-bottom: 1em;}
}
@media(max-width: 1200px){
    .a-e{font-size: 20px;}
    .a-f{font-size: 14px;}
}
@media(max-width: 900px){
	.a-a{height: auto;padding-top: 0;padding-left: 10px;padding-right: 10px;padding-bottom: 50px;}
	.a-b{width: 100%;max-width: 500px;padding: 50px 0 0;}
	.a-d{width: 100%;position: relative;margin-bottom: 30px;}
	.a-e{margin-bottom: 30px;}
}


.footer{width: 100%;background-color: #333;padding: .98em 0;overflow: hidden;}
.f-a{width: 11.2em;margin: 0 auto;/* overflow: hidden; */}
.f-b{float: left;}
.f-c{color: #fff;line-height: 1.3;margin-bottom: 1.35em;padding-right: 1.2em;padding-left: 2.05em;position: relative;width: 100%;}
.f-c2{max-width: 0;white-space: nowrap;}
.f-c2 br{display: none;}
.f-c2 a{margin-right: 10px;}
.f-c:last-child{margin-bottom: 0;}
.f-d{float: left;line-height: 0;font-size: 0;}
.f-c:before{content: "";display: inline-block;vertical-align: top;width: 1.05em;height: 1.3em;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.f-c1:before{background-image: url(../images/6.png);}
.f-c2:before{background-image: url(../images/7.png);}
.f-c a{color: #fff;display: inline-block;vertical-align: top;line-height: 1.3;}
.f-e{display: inline-block;vertical-align: top;color: #fff;line-height: 1.3;}
.f-f{display: inline-block;vertical-align: top;color: #fff;padding: 0 .6em;line-height: 1.3;position: relative;}
.f-f:after{content: "";display: block;width: 1px;height: 100%;background-color: #fff;position: absolute;right: 0;top: 0;}
.f-f:last-child:after{display: none;}
.f-g{display: inline-block;vertical-align: top;line-height: 1.3;padding-right: 1em;}
@media(max-width: 1200px){
    .footer{padding-left: 30px;padding-right: 30px;}
    .f-a{width: 100%;}
}
@media(max-width: 900px){
    .footer{padding-left: 10px;padding-right: 10px;}
	.f-a{width: 100%;max-width: 500px;}
	.f-b{float: none;width: 100%;}
	.f-c{margin-bottom: 20px;}
    .f-c:last-child{margin-bottom: 20px;}
	.f-d{float: none;width: 100%;}
}
@media(max-width: 700px){
	.f-c2 br{display: block;}
	.f-c2 a{margin-bottom: 10px;}
}

body.index .header{background-color: rgba(0,0,0,0.5);position: fixed;opacity: 1;visibility: visible;transition: all .3s;}
body.hide .header{opacity: 0;visibility: hidden;}
.header{width: 100%;height: 1.14em;background-color: #08090a;position: absolute;left: 0;top: 0;z-index: 10000000;}
.h-space{width: 100%;height: 1.14em;}
.h-a{float: left;width: 11.66%;display: block;margin-left: 6.4%;margin-top: 1.3%;line-height: 0;}
.h-b{width: 100%;vertical-align: top;}
.h-c{float: left;font-size: 0;margin-left: 24.68%;}
.h-d{display: inline-block;vertical-align: top;line-height: 1.14em;height: 1.14em;margin-right: .68em;position: relative;}
.h-d:last-child{margin-right: 0;}
.h-e{display: inline-block;vertical-align: top;color: #fff;position: relative;top: 50%;transform: translate(0,-50%);}
.h-e:hover{font-weight: bold;}
.h-search{display: block;width: 40px;height: 40px;cursor: pointer;background-image: url(../images/4.png);background-repeat: no-repeat;background-position: center center;position: absolute;right: 1.44em;top: 50%;transform: translate(0,-50%);}
.h-menu{display: block;width: 40px;height: 40px;background-image: url(../images/5.png);background-repeat: no-repeat;background-position: center center;position: absolute;right: .5em;top: 50%;transform: translate(0,-50%);}
.h-opa{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.5);z-index: 10;cursor: pointer;}
.h-sch{display: none;width: 260px;height: 80px;padding: 25px;position: absolute;right: .5em;top: 100%;z-index: 1000;background-color: #fff;}
.h-form{width: 100%;font-size: 0;}
.h-m{width: 180px;height: 30px;line-height: 30px;border: 1px solid #ccc;vertical-align: top;background-color: transparent;font-size: 14px;color: #333;padding: 0 10px;}
.h-n{width: 30px;height: 30px;border: 1px solid #ccc;background-color: transparent;border-left: none;background-image: url(../images/46.png);background-repeat: no-repeat;background-position: center center;font-size: 0;cursor: pointer;}
.header.search-state .h-sch{display: block;}
.header.search-state .h-opa{display: block;}
.header.search-state .h-a{position: relative;}
@media(max-width: 1400px){
	.h-c{margin-left: 18%;}
}
@media(max-width: 1200px){
	.header{height: 40px;position: fixed;}
	.h-space{height: 40px;}
	.h-a{width: 100px;margin-top: 6px;margin-left: 10px;}
	.h-search{right: 40px;background-size: 17px auto;}
	.h-sch{top: 40px;right: 50%;margin-right: -130px;}
	.h-menu{right: 0;background-size: 21px auto;}
	.h-c{width: 260px;transform: translate(100%,0);position: fixed;right: 0;top: 0;z-index: 1000;background-color: #fff;height: 100vh;overflow: auto;padding: 10px 0;transition: transform .3s;}
	.h-d{display: block;width: 100%;line-height: 0;height: auto;}
	.h-e{width: 100%;display: block;line-height: 40px;height: 40px;padding-left: 20px;color: #666;top: 0;transform: translate(0,0);}
	.header.menu-state .h-c{transform: translate(0,0);}
	.header.menu-state .h-opa{display: block;}
}

.b-a{width: 100%;padding-top: .82em;padding-bottom: .68em;}
.b-b{width: 11.2em;margin: 0 auto;}
.b-c{width: 100%;border-bottom: 1px dashed #eaeaea;padding-bottom: .5em;}
.b-d{color: #333;line-height: 1.25;margin-bottom: .8em;}
.b-e{font-size: 0;}
.b-f{color: #666;margin-right: 1.3em;line-height: 30px;}
.b-g{display: inline-block;vertical-align: top;}
.b-h{display: inline-block;vertical-align: top;width: 30px;height: 30px;background-size: 100% 100%;opacity: 0.6;cursor: pointer;}
.b-h1{background-image: url(../images/9.png);}
.b-h2{background-image: url(../images/10.png);}
.b-h3{background-image: url(../images/11.png);}
.b-i{width: 100%;padding: 30px 0;font-size: 14px;color: #333;line-height: 2.4;border-bottom: 1px dashed #eaeaea;}
.b-i *{line-height: 2.4;}
.b-j{width: 100%;overflow: hidden;padding-top: .52em;position: relative;}
.b-k{width: 70%;}
.b-l{width: 100%;margin-bottom: .2em;line-height: 0;}
.b-l:last-child{margin-bottom: 0;}
.b-m{color: #333;line-height: 1.5;vertical-align: top;display: block;}
.b-n{display: block;width: 7.4em;color: #fff;height: 2.2em;line-height: 2.2;border-radius: .2em;background-color: #db9559;text-align: center;cursor: pointer;position: absolute;right: 0;bottom: 0;margin-bottom: 0.5em;}
.b-n:before{content: "";display: inline-block;vertical-align: middle;width: .8em;height: .7em;background-image: url(../images/15.png);background-size: 100% 100%;margin-right: .8em;}
@media(min-width: 1201px){
    .b-m:hover{color: #db9559;}
	.b-h:hover{opacity: 1;}
	.b-h1:hover{background-image: url(../images/12.png);}
	.b-h2:hover{background-image: url(../images/13.png);}
	.b-h3:hover{background-image: url(../images/14.png);}
}
@media(max-width: 900px){
	.b-a{padding-left: 10px;padding-right: 10px;}
	.b-b{width: 100%;}
	.b-f{display: inline-block;vertical-align: top;}
	.b-k{width: 100%;}
	.b-n{position: relative;margin-top: 20px;}
}

.c-a{width: 100%;height: 100vh;background-size: cover;background-position: center center;position: relative;}
.c-a:before{content: "";display: block;width: 20.833%;height: 100%;/*background-color: rgba(0,0,0,0.5);*/position: absolute;left: 0;top: 0;z-index: 2;}
.c-b{content: "";display: block;width: 50%;height: 100%;/*background-color: rgba(0,0,0,0.5);*/position: absolute;right: 0;top: 0;z-index: 1;}
.c-c{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;}
.c-d{color: #fff;margin-bottom: .16em;letter-spacing: .113em;}
.c-e{color: #fff;opacity: 0.5;margin-bottom: .6em;letter-spacing: .214em;font-family: Arial;}
.c-f{width: 100%;text-align: center;}
.c-g{display: block;width: 11.19em;text-align: justify;height: 1.67em;line-height: 1.67;color: #fff;letter-spacing: .1em;background-color: rgba(255,255,255,0.5);text-align: center;margin: 0 auto .3em;}
.c-g:last-child{margin-bottom: 0;}
.c-g:after{content: "";display: inline-block;vertical-align: top;width: 100%;}
.c-video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;object-fit: cover;}
@media(max-width: 1200px){
    .c-video{display: none;}
    .c-a:before{background-color: rgba(0,0,0,0.5);}
    .c-b{background-color: rgba(0,0,0,0.5);}
}
@media(max-width: 700px){
    .c-a{height: 300px;}
	.c-a:before{display: none;}
	.c-b{width: 100%;}
    .c-g{width: 11em;}
}
@media (max-width: 1200px) and (min-width: 501px){
    .c-d{font-size: calc(64 * 100vw / 1920);}
    .c-e{font-size: calc(23 * 100vw / 1920);}
}
@media(max-width: 730px){
    .c-a{height: 300px;}
    .c-d{font-size: 24px;}
    .c-e{font-size: 12px;letter-spacing: 0;letter-spacing: .2px;}
}
@media(max-width: 500px){
    .c-a{height: 300px;}

}

.d-a{width: 100%;height: 100vh;background-position: center center;position: relative;}
.d-b{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;}
.d-c{display: inline-block;vertical-align: bottom;width: 47.7%;margin-right: 4.68%;margin-bottom: 1.6%;}
.d-d{width: auto;}
.d-e{display: inline-block;vertical-align: bottom;width: 29.68%;text-align: left;font-size: 0;}
.d-f{color: #fff;margin-bottom: 1.38em;}
.d-g{line-height: 2;color: #fff;}
.d-g *{line-height: 2;}
@media(max-width: 900px){
	.d-a{height: auto;padding: 40px 10px;}
	.d-b{max-width: 500px;position: relative;margin: 0 auto;top: 0;transform: translate(0,0);}
	.d-c{width: 100%;margin-right: 0;margin-bottom: 30px;}
	.d-e{width: 100%;}
}
@media(max-width: 500px){
    .d-a{padding: 40px;}
}

.e-a{width: 100%;height: 100vh;background-size: cover;background-position: center center;position: relative;overflow: hidden;}
.e-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;object-fit: cover;}
.e-after{content: "";display: block;width: 100%;height: 100%;background-image: url(../images/28.png);position: absolute;left: 0;top: 0;z-index: 2;}
.e-c{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);z-index: 10;}
.e-d{color: #fff;margin-bottom: .46em;text-align: center;}
.e-e{color: #fff;margin-bottom: 1em;text-align: center;}
.e-f{width: 100%;font-size: 0;text-align: center;overflow-y: hidden;}
.e-g{display: inline-block;vertical-align: top;width: 2.5em;margin: 0 .28em;}
.e-h{width: 100%;position: relative;}
.e-i{width: 100%;}
.e-play{display: block;width: .93em;height: .93em;transition: all .4s;background-image: url(../images/23.png);background-size: 100% 100%;position: absolute;left: 50%;top: 1.62em;transform: translate(-50%,0);cursor: pointer;z-index: 10;}
.e-play:hover{transform: translate(-50%,0) scale(1.1);}
.e-text{width: 100%;height: 9.3em;margin-bottom: .9em;overflow: auto;;background-color: rgba(255,255,255,0.7);padding: 1.538em;line-height: 1.69;text-align: left;}
.e-data{white-space: nowrap;line-height: 0;font-size: 0;}
.e-icon{height: .49em;display: inline-block;vertical-align: middle;margin-right: .2em;}
.e-num{color: #fff;display: inline-block;vertical-align: middle;}
.active .e-after{transition-delay: 0.2s;}
.active .e-d{transition-delay: 0.2s;}
.active .e-e{transition-delay: 0.2s;}
.active .e-g:nth-child(4n+1){transition-delay: 0.2s;}
.active .e-g:nth-child(4n+2){transition-delay: .4s;}
.active .e-g:nth-child(4n+3){transition-delay: .6s;}
.active .e-g:nth-child(4n+4){transition-delay: .8s;}
@media(max-width: 1200px){
    .e-b{display: none;}
    .e-g{width: 200px;}
    .e-text{height: 6.76em;}
}
@media(max-width: 900px){
	.e-a{height: auto;padding: 40px 10px;}
	.e-c{height: auto;position: relative;top: 0;transform: translate(0,0);}
	.e-e{line-height: 1.3;}
	.e-f{width: 100%;overflow: auto;white-space: nowrap;}
	.e-text{white-space: normal;padding: 5px;}
    .e-g{width: 150px;margin: 0 10px;}
}
@media(max-width: 700px){
    .e-f{padding-right: 20px;}
    .e-g{max-width: 200px;width: calc(50vw - 30px);margin: 0 0 0 20px;}
}
@media(max-width: 500px){
    .e-a{height: auto;padding: 40px 0;}
}


.v-a{position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: #000;z-index: 10000000;transition: top .5s ease-in-out;}
.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%;position: absolute;left: 0;top: 0;}
.v-c{display: block;width: 40px;height: 40px;background-color: #be0000;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 1000;}
.v-d{display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.v-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;}
.v-f{display: none;position: absolute;top: 50%;left: 50%;/*width: 100%;*/max-width: 800px;max-height: calc(100% - 80px);transform: translate(-50%,-50%);}

.g-a{width: 100%;height: 100vh;background-color: #fff;background-size: cover;background-position: center center;position: relative;overflow: hidden;}
.g-box{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.g-b{width: 11.2em;margin: 0 auto;}
.g-c{color: #000;font-weight: bold;letter-spacing: .1em;margin-bottom: .71em;}
.g-d{color: #252729;letter-spacing: .05em;line-height: 2.33;margin-bottom: 2.66em;}
.g-e{width: 100%;font-size: 0;}
.g-f{display: inline-block;vertical-align: top;width: 25%;height: 1.5em;text-align: center;position: relative;}
.g-f:nth-child(8n+1){transition-delay: .2s;}
.g-f:nth-child(8n+2){transition-delay: .4s;}
.g-f:nth-child(8n+3){transition-delay: .6s;}
.g-f:nth-child(8n+4){transition-delay: .8s;}
.g-f:nth-child(8n+5){transition-delay: 1s;}
.g-f:nth-child(8n+6){transition-delay: 1.2s;}
.g-f:nth-child(8n+7){transition-delay: 1.4s;}
.g-f:nth-child(8n+8){transition-delay: 1.6s;}
.g-g{max-height: 90%;max-width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
@media(max-width: 900px){
	.g-a{height: auto;padding: 40px 10px;}
	.g-box{top: 0;transform: translate(0,0);position: relative;}
	.g-b{width: 100%;max-width: 500px;}
	.g-d{margin-bottom: 20px;}
}
@media(max-width: 500px){
    .g-a{padding: 40px;}
}

.i-a{width: 100%;height: 100vh;background-color: #fff;background-size: cover;background-position: center center;position: relative;overflow: hidden;}
.i-box{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.i-b{width: 13.5em;margin: 0 auto;}
.i-c{width: 100%;font-size: 0;margin-bottom: 5%;}
.i-c:last-child{margin-bottom: 0;}
.i-c:nth-child(3n+1){transition-delay: .2s;}
.i-c:nth-child(3n+2){transition-delay: .4s;}
.i-c:nth-child(3n+3){transition-delay: .6s;}
.i-f{color: #fff;margin-bottom: .368em;}
.i-g{color: #fff;line-height: 2.33;}
.i-d{width: 13.4%;vertical-align: middle;}
.i-e{width: 86.6%;display: inline-block;vertical-align: middle;padding-left: 3.66%;}
@media(max-width: 900px){
	.i-a{height: auto;padding: 40px 10px;}
	.i-box{position: relative;top:0;transform: translate(0,0);}
	.i-b{width: 100%;max-width: 500px;}
	.i-c{margin-bottom: 30px;}
	.i-d{vertical-align: top;}
}
@media(max-width: 500px){
    .i-a{padding: 40px;}
}

.j-a{width: 100%;height: 100vh;background-color: #eee;background-size: cover;background-position: center center;position: relative;overflow: hidden;}
.j-img1{width: 30.93%;position: absolute;left: 0;bottom: 0;}
.j-img2{height: 77.55%;position: absolute;right: 9.375%;bottom: 9.57%;}
.j-text{width: 46.8%;position: absolute;left: 33.59%;top: 50%;transform: translate(0,-50%);}
.j-title{font-weight: bold;letter-spacing: .1em;color: #000;margin-bottom: .348em;transition-delay: .4s;}
.j-intro{color: #252729;letter-spacing: .05em;line-height: 2.33;text-shadow:  0 0 2px #fff;transition-delay: .6s;}
@media(max-width: 900px){
	.j-a{height: auto;padding: 120px 0;}
	.j-text{width: 100%;max-width: 500px;margin: 0 auto;position: relative;left: 0;top: 0;transform: translate(0,0);}
	.j-img1{width: auto;height: 30%;}
    .j-img2{width: auto;height: 80%;right: 2%;}
}
@media(max-width: 500px){
    .j-text{padding-left: 40px;padding-right: 40px;}
    .j-intro{font-size: 14px;}
}

.k-a{width: 100%;height: 100vh;background-size: cover;background-position: center center;position: relative;overflow: hidden;}
.k-box{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.k-b{width: 100%;margin: 0 auto;font-size: 0;text-align: center;}
.k-text{display: inline-block;vertical-align: middle;width: 7.2em;text-align: left;}
.k-img{display: inline-block;vertical-align: middle;width: 5.6em;text-align: right;}
.k-c{color: #fff;line-height: 2.33;}
.k-d{color: #fff;margin-bottom: .9em;margin-top: .869em;font-weight: bold;letter-spacing: .1em;}
.k-e{color: #fff;line-height: 2.33;letter-spacing: .05em;}
@media(max-width: 900px){
	.k-a{padding: 40px 10px;height: auto;}
	.k-box{position: relative;top: 0;transform: translate(0,0);}
	.k-b{max-width: 500px;}
	.k-text{width: 100%;margin-bottom: 20px;}
	.k-img{width: 100%;max-width: 300px;}
}
@media(max-width: 500px){
    .k-a{padding: 40px;}
    .k-img{text-align: center;}
    .k-img img{max-width: 200px;}
}


.l-a{width: 100%;height: 100vh;background-color: #f9f9f8;background-size: 100% auto;background-position: center center;position: relative;overflow: hidden;}
.l-box{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.l-b{width: 100%;text-align: center;font-size: 0;}
.l-text{display: inline-block;vertical-align: middle;width: 6em;text-align: left;padding-left: .6em;}
.l-img{display: inline-block;vertical-align: middle;width: 8em;text-align: left;}
.l-d{color: #000;margin-bottom: .9em;margin-top: .869em;font-weight: bold;letter-spacing: .1em;}
.l-e{color: #252729;line-height: 2.33;letter-spacing: .05em;}
.l-link{color: #252729;line-height: 2.33;letter-spacing: .05em;display: block;}
@media(max-width: 900px){
	.l-a{padding: 40px 10px;height: auto;}
	.l-box{position: relative;top: 0;transform: translate(0,0);}
    .l-b{width: 100%;max-width: 500px;margin: 0 auto;padding-left: 0;}
    .l-img{width: 100%;float: none;margin-bottom: 10px;}
    .l-text{width: 100%;padding-left: 0;}
}
@media(max-width: 500px){
    .l-a{padding: 40px;}
}

.fp-viewing-0 #fp-nav{display: none;}
.fp-viewing-1 #fp-nav ul li a span,
.fp-viewing-1 .fp-slidesNav ul li a span{background-color: #fff;}
.fp-viewing-2 #fp-nav ul li a span,
.fp-viewing-2 .fp-slidesNav ul li a span{background-color: #fff;}
.fp-viewing-3 #fp-nav ul li a span,
.fp-viewing-3 .fp-slidesNav ul li a span{background-color: #000;}
.fp-viewing-4 #fp-nav ul li a span,
.fp-viewing-4 .fp-slidesNav ul li a span{background-color: #fff;}
.fp-viewing-5 #fp-nav ul li a span,
.fp-viewing-5 .fp-slidesNav ul li a span{background-color: #000;}
.fp-viewing-6 #fp-nav ul li a span,
.fp-viewing-6 .fp-slidesNav ul li a span{background-color: #fff;}
.fp-viewing-7 #fp-nav ul li a span,
.fp-viewing-7 .fp-slidesNav ul li a span{background-color: #000;}
.fp-viewing-8 #fp-nav{display: none;}
div.social-share .icon-wechat .wechat-qrcode{z-index: 99999999;}
video::-internal-media-controls-download-button{display:none;}
    video::-webkit-media-controls-enclosure{overflow:hidden;}
    video::-webkit-media-controls-panel{width: calc(100% + 30px);}






































































