@charset "utf-8";
.pa100{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.bgf{background-color: #fff;}
.bgf1{background-color: #f1f1f1;}
.bgf5{background-color: #f5f5f5;}
.bge{background-color: #eee;}
@-webkit-keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
@keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
.fadeIns{-webkit-animation-name: fadeIns; animation-name: fadeIns;}
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes rotate180{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
@keyframes rotate180{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
.rotate180{-webkit-animation-name: rotate180; animation-name: rotate180; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
@keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
.AniStriking{-webkit-animation-name: AniStriking; animation-name: AniStriking;}
@-webkit-keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
@keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
.AniOpStriking{-webkit-animation-name: AniOpStriking; animation-name: AniOpStriking;}
/*边距 5-50*/
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 0.06666667rem;}
.mt10{margin-top: 0.13333333rem;}
.mt15{margin-top: 0.2rem;}
.mt20{margin-top: 0.26666667rem;}
.mt25{margin-top: 0.33333333rem;}
.mt30{margin-top: 0.4rem;}
.mt35{margin-top: 0.46666667rem;}
.mt40{margin-top: 0.53333333rem;}
.mt45{margin-top: 0.6rem;}
.mt50{margin-top: 0.66666667rem;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 0.06666667rem;}
.mb10{margin-bottom: 0.13333333rem;}
.mb15{margin-bottom: 0.2rem;}
.mb20{margin-bottom: 0.26666667rem;}
.mb25{margin-bottom: 0.33333333rem;}
.mb30{margin-bottom: 0.4rem;}
.mb35{margin-bottom: 0.46666667rem;}
.mb40{margin-bottom: 0.53333333rem;}
.mb45{margin-bottom: 0.6rem;}
.mb50{margin-bottom: 0.66666667rem;}
.ml0{margin-left: 0 !important;}
.ml5{margin-left: 0.06666667rem;}
.ml10{margin-left: 0.13333333rem;}
.ml15{margin-left: 0.2rem;}
.ml20{margin-left: 0.26666667rem;}
.ml25{margin-left: 0.33333333rem;}
.ml30{margin-left: 0.4rem;}
.ml35{margin-left: 0.46666667rem;}
.ml40{margin-left: 0.53333333rem;}
.ml45{margin-left: 0.6rem;}
.ml50{margin-left: 0.66666667rem;}
.mr0{margin-right: 0 !important;}
.mr5{margin-right: 0.06666667rem;}
.mr10{margin-right: 0.13333333rem;}
.mr15{margin-right: 0.2rem;}
.mr20{margin-right: 0.26666667rem;}
.mr25{margin-right: 0.33333333rem;}
.mr30{margin-right: 0.4rem;}
.mr35{margin-right: 0.46666667rem;}
.mr40{margin-right: 0.53333333rem;}
.mr45{margin-right: 0.6rem;}
.mr50{margin-right: 0.66666667rem;}
.mlr5{margin-left: 0.06666667rem; margin-right: 0.06666667rem;}
.mlr10{margin-left: 0.13333333rem; margin-right: 0.13333333rem;}
.mlr15{margin-left: 0.2rem; margin-right: 0.2rem;}
.mlr20{margin-left: 0.26666667rem; margin-right: 0.26666667rem;}
.pt5{padding-top: 0.06666667rem;}
.pb1{padding-bottom: 0.01333333rem;}
.pb5{padding-bottom: 0.06666667rem;}
.pl5{padding-left: 0.06666667rem;}
.pl10{padding-left: 0.13333333rem;}
.pr5{padding-right: 0.06666667rem;}
/*文本 10-40 50 60 100*/
.f10{font-size: 0.13333333rem;}
.f12{font-size: 0.16rem;}
.f14{font-size: 0.18666667rem;}
.f16{font-size: 0.21333333rem;}
.f18{font-size: 0.24rem;}
.f20{font-size: 0.26666667rem;}
.f22{font-size: 0.29333333rem;}
.f24{font-size: 0.32rem;}
.f26{font-size: 0.34666667rem;}
.f28{font-size: 0.37333333rem;}
.f30{font-size: 0.4rem;}
.f32{font-size: 0.42666667rem;}
.f34{font-size: 0.45333333rem;}
.f36{font-size: 0.48rem;}
.f38{font-size: 0.50666667rem;}
.f40{font-size: 0.53333333rem;}
.f50{font-size: 0.66666667rem;}
.f60{font-size: 0.8rem;}
.f100{font-size: 1.33333333rem;}
/* baseCss */
.en{word-break: keep-all;}
.tdu{text-decoration: underline;}
.oh{position: relative; overflow: hidden;}
.ma{margin-left: auto; margin-right: auto;}
.dib{display: inline-block; vertical-align: top;}
.unsel{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.insel{-webkit-user-select: normal ; -moz-user-select: normal ; -ms-user-select: normal ; user-select: normal ;}
.op0{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.op1{opacity: 1; filter: alpha(opacity=100);}
.taps a,
.tapList a,
.tap{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.tapList .link{display: block; width: 100%; height: 100%; box-sizing: border-box;}
.lhd5{height: .5em;}
.ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.tsn{-webkit-transition: none !important; transition: none !important;}
.emptyList{text-align: center; font-size: 16px; background-color: #f1f1f1; color: #000; font-weight: bold;}
.hidePoint{position: absolute; height: 0; visibility: hidden; top: 0; left: 0;}
.hScroll{white-space: nowrap; font-size: 0; overflow-x: auto; overflow-y: hidden;}
.hScroll .scrollBox{display: inline-block; vertical-align: top;}
.vScroll{font-size: 0; overflow-y: auto; overflow-x: hidden;}
.invisible{visibility: hidden; position: absolute; z-index: -1;}
.c1{color: #cf000e;}
.bgc1{background-color: #cf000e;}
.c2{color: #c7141c;}
.bgc2{background-color: #c7141c;}
.c3{color: #b70302;}
.bgc3{background-color: #b70302;}
.ca{color: #333333;}
.cb{color: #666666;}
.cs{color: #999999;}
html{box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);}
body{position: relative; background: #fff; color: #666666; font-size: 0.34666667rem; line-height: 1; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
body.fixed{position: fixed; left: 50%; top: 0; height: 100%; width: 10rem; margin-left: -5rem;}
.w,
.container{padding-left: 0.4rem; padding-right: 0.4rem; width: 10rem; box-sizing: border-box;}
.posSet{overflow: hidden; z-index: 21; width: 100%; box-sizing: border-box;}
.imax,
.info{font-size: 0.34666667rem; line-height: 1.3846;}
.vmbox{font-size: 0.34666667rem; line-height: 1.43333;}
.bg.c,
.por.c{width: 10rem; left: 50%; margin-left: -5rem; max-width: none !important;}
.loading{background-size: 1.33333333rem 0.26666667rem; background-image: url(../images/loading.gif);}
.load-error{background-size: 1.28rem 1.06666667rem; background-image: url(../images/error.gif); background-color: #eee !important;}
.scroll-wrap{position: relative; width: 10rem; left: 50%; margin-left: -5rem; outline: 1px solid #eeeeee;}
.scroll-wrap:after{content: " "; position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; background-color: transparent;}
.scroll-wrap.show:after{-webkit-transition: all 250ms ease 500ms; transition: all 250ms ease 500ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden /* *visibility: visible; */}
.pc *::-webkit-scrollbar{position: absolute; width: 0.06666667rem; height: 0.06666667rem; background: rgba(0, 0, 0, 0.1);}
.pc *::-webkit-scrollbar-thumb{width: 0.06666667rem; height: 0.06666667rem; border-radius: 0.04rem; background-color: rgba(0, 0, 0, 0.25);}
.pressed:active{box-shadow: inset 0.01333333rem 0.02666667rem 0.05333333rem 0rem rgba(0, 0, 0, 0.25), inset 0 0 1.33333333rem 0 rgba(0, 0, 0, 0.05);}
.more{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.more.more1{display: block; width: 2.66666667rem; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #b70302; border: solid 1px;}
/* htmls */
.scroll-wrap{background-color: #fff;}
.fullFloat{position: fixed !important; left: 50%; width: 10rem; margin-left: -5rem; top: 0; overflow-x: hidden; overflow-y: auto; box-sizing: border-box;}
.f24{font-size: 0.32rem;}
.f28{font-size: 0.37333333rem;}
.f32{font-size: 0.42666667rem;}
.f36{font-size: 0.48rem;}
/* 表单 */
.formItem{position: relative;}
.formItem .aftPD{position: absolute; left: 100%; top: 0; color: #f00; margin-left: 0.10666667rem; white-space: nowrap; font-size: 0.32rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.formItem .skin::-webkit-input-placeholder{color: #999999;}
.formItem .skin:-moz-placeholder{color: #999999;}
.formItem .skin::-moz-placeholder{color: #999999;}
.formItem .skin:-ms-input-placeholder{color: #999999;}
.formItem .skin._focus{border-color: #2e9fd9 !important /* box-shadow: 0 0 1*@A 2*@A fade(@c1,15%); */}
.formItem.red .skin{color: #f00 ; border-color: #f00 ;}
.formItem.red .skin::-webkit-input-placeholder{color: #ff0000;}
.formItem.red .skin:-moz-placeholder{color: #ff0000;}
.formItem.red .skin::-moz-placeholder{color: #ff0000;}
.formItem.red .skin:-ms-input-placeholder{color: #ff0000;}
/* keyframes use */
@-webkit-keyframes AniPulse{0%{-webkit-transform: scaleX(1); transform: scaleX(1);} 50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} to{-webkit-transform: scaleX(1); transform: scaleX(1);}}
@keyframes AniPulse{0%{-webkit-transform: scaleX(1); transform: scaleX(1);} 50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} to{-webkit-transform: scaleX(1); transform: scaleX(1);}}
.AniPulse{-webkit-animation-name: AniPulse; animation-name: AniPulse;}
@-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5);} 50%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5);} 50%{opacity: 1;}}
.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%{opacity: 1;}}
@keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%{opacity: 1;}}
.zoomIns{-webkit-animation-name: zoomIns; animation-name: zoomIns;}
@-webkit-keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(0.26666667rem, 0, 0); transform: translate3d(0.26666667rem, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(0.26666667rem, 0, 0); transform: translate3d(0.26666667rem, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInRights{-webkit-animation-name: fadeInRights; animation-name: fadeInRights;}
@-webkit-keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-0.26666667rem, 0, 0); transform: translate3d(-0.26666667rem, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-0.26666667rem, 0, 0); transform: translate3d(-0.26666667rem, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInLefts{-webkit-animation-name: fadeInLefts; animation-name: fadeInLefts;}
@-webkit-keyframes fadeInUps{0%{opacity: 0.3; -webkit-transform: translate3d(0, -0.26666667rem, 0); transform: translate3d(0, -0.26666667rem, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInUps{0%{opacity: 0.3; -webkit-transform: translate3d(0, -0.26666667rem, 0); transform: translate3d(0, -0.26666667rem, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInUps{-webkit-animation-name: fadeInUps; animation-name: fadeInUps;}
@-webkit-keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 0.26666667rem, 0); transform: translate3d(0, 0.26666667rem, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 0.26666667rem, 0); transform: translate3d(0, 0.26666667rem, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;}
/* ajaxList */
.scrollAjax #loadState{position: relative; width: 9.2rem; height: 0.8rem; margin: 0.53333333rem auto 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; box-sizing: border-box; text-align: center; line-height: 0.8rem; border-radius: 0.04rem; color: #fff; background-color: #cf000e;}
.scrollAjax #loadState.off{background-color: #ddd; color: #333;}
.scrollAjax #loadState.retry{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.scrollAjax #loadState.ing:after{content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
@keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
.scrollAjax .pageList{display: none;}
#videoWindow{display: none; position: fixed; z-index: 91; left: 0; top: 0; right: 0; bottom: 0;}
#videoWindow .btn.close{position: fixed; top: 50%; left: 50%; margin-left: 3.8rem; margin-top: -3.3875rem; z-index: 3; width: 0.8rem; height: 0.8rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMANE9KQm2BK3cPjyJc9iYkAnIAAADBSURBVCjPZdAhEsIwEAXQXyjQziAqUZ0cgRMwPQFTg8IgEMgaPBLNCdAoFHfgGAGBYs9Ahr/bFf2i3fw8kQTDXDZbG4/nJ1CKSMV1lsY75ukbWdRpbFEICYFcMRUjNYtCSAhkp/+oQBpgRcKNF4Dxf/oQBMCIgZ44IHFA4oDEAZOzWMKSsehgqVlEB5rKgRMCJw5IHLzXJD0IuZGZHZKkw4QAIGlTQaDklAqCRChGBHbpBiWBvssXwOO2h2ZxCBjkB7t69VwCum6YAAAAAElFTkSuQmCC); background-size: 0.58666667rem 0.58666667rem; background-position: center; background-repeat: no-repeat;}
#videoWindow video{position: fixed; left: 50%; top: 50%; margin-top: -2.5875rem; margin-left: -4.6rem; height: 5.175rem; width: 9.2rem; background-color: #000;}
/* 模态提示框 */
.TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;}
.TAlert .contain{display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 9; min-width: 5.33333333rem; max-width: 8rem; box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 0.32rem; border-radius: 0.06666667rem; opacity: 0; -webkit-transition: all 330ms ease 0s; transition: all 330ms ease 0s; -webkit-transform: translateY(-100%) scale(0.2); -ms-transform: translateY(-100%) scale(0.2); transform: translateY(-100%) scale(0.2);}
.TAlert .contain .Tclose{position: absolute; top: 0.02666667rem; right: 0.02666667rem; width: 0.53333333rem; height: 0.53333333rem; padding: 0.06666667rem; color: #666; font: bold 26*10/750rem/50*10/750rem "黑体"; cursor: pointer; text-align: center;}
.TAlert .contain .head{padding: 0.13333333rem 0.2rem; border-bottom: #cccccc solid 1px; color: #333; background-color: #fff;}
.TAlert .contain .body{padding: 0.2rem; font-size: 0.32rem; background-color: #fff; color: #444;}
.TAlert .contain .foot{position: relative; width: 100%; height: 0.66666667rem; border-top: #cccccc solid 1px;}
.TAlert .contain .foot .btn{position: absolute; top: 0; height: 0.66666667rem; line-height: 0.66666667rem; width: 50%; text-align: center; font-size: 0.32rem;}
.TAlert .contain .foot .btn.enter{left: 0; background-color: #cf000e; color: #fff;}
.TAlert .contain .foot .btn.close{right: 0; background-color: #f1f1f1; border-left: #cfcfcf solid 1px; color: #333;}
.TAlert .contain .foot .btn.w100{border-left: none;}
.TAlert.on .contain{opacity: 1; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}
/*头部*/
#header{position: fixed !important; left: 50%; margin-left: -5rem; width: 10rem; top: 0; z-index: 88; overflow: visible; height: 1.33333333rem;}
#header .contain{height: 100%; text-align: center; color: #2c2c2c;}
#header .hr{position: absolute; left: 0; top: 0; height: 0.02666667rem; z-index: 2;}
#header .logo{position: absolute; left: 0.4rem; top: 0; height: 100%; z-index: 3;}
#header .logo img{display: block; position: relative; width: 1.65333333rem; height: 1.93333333rem;}
#header .dbBack{position: absolute; left: 1.33333333rem; right: 1.33333333rem; top: 0; height: 100%; line-height: 1.33333333rem; font-size: 0.48rem; color: #cf000e;}
#header .navbtn{position: absolute; right: 0.2rem; top: 50%; margin-top: -0.56rem; overflow: hidden; padding: 0.2rem; width: 0.72rem; height: 0.72rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
#header .navbtn s{position: absolute; left: 0.2rem; width: 0.72rem; height: 0.05333333rem; border-radius: 0.02666667rem; box-sizing: border-box; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%;}
#header .navbtn s:nth-child(1){top: 0.26666667rem;}
#header .navbtn s:nth-child(2){width: 0.32rem; top: 50%; margin-top: -0.02666667rem; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}
#header .navbtn s:nth-child(3){bottom: 0.26666667rem;}
.navshow #header .navbtn s:nth-child(1){-webkit-transform: rotate(45deg) translate(0.14352rem, 0); -ms-transform: rotate(45deg) translate(0.14352rem, 0); transform: rotate(45deg) translate(0.14352rem, 0); top: 0.17333333rem;}
.navshow #header .navbtn s:nth-child(2){-webkit-transform: translateX(0.13333333rem); -ms-transform: translateX(0.13333333rem); transform: translateX(0.13333333rem); /* transform: scaleX(1.5) ; */ opacity: 0;}
.navshow #header .navbtn s:nth-child(3){-webkit-transform: rotate(-45deg) translate(0.14352rem, 0); -ms-transform: rotate(-45deg) translate(0.14352rem, 0); transform: rotate(-45deg) translate(0.14352rem, 0); bottom: 0.17333333rem;}
#header.idx .contain{background-color: #010101;}
#header.idx .navbtn s{background-color: #fff;}
#header.sub .hr{background-color: #cf000e;}
#header.sub .contain{background-color: #273ead;}
#header.sub .backToHistory{position: absolute; left: 0.2rem; top: 0.13333333rem; width: 0.66666667rem; height: 0.66666667rem; padding: 0.2rem; background-image: url(../images/arrow-back.png); background-size: 0.26666667rem 0.45333333rem; background-position: center center; background-repeat: no-repeat;}
#header.sub .dbBack{color: #fff;}
#header.sub .navbtn s{background-color: #fff;}
.navshow video{display: none !important;}
/* nav */
#nav{z-index: 80; height: 100%; overflow-y: auto; background-color: #252525; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; box-shadow: -0.06666667rem 0 0.13333333rem 0rem rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0;}
.navshow #nav{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}
#nav .link{display: block; position: relative; z-index: 2; width: 100%; height: 100%; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
#nav .firNav{padding-top: 1.33333333rem; font-size: 0.45333333rem;}
#nav .firNav .firItem{position: relative; font-size: 0.45333333rem; line-height: 1.2rem; border-bottom: #313131 solid 0.02666667rem;}
#nav .firNav .firItem:after{content: " "; position: absolute; left: 0; bottom: 0; width: 100%; border-top: #1d1d1d solid 0.02666667rem;}
#nav .firNav .firItem .contain{width: 100%; background-color: #252525; color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-align: center;}
#nav .firNav .firItem .contain > .ctr{top: 0.44rem;}
#nav .firNav .firItem.on .contain{background-color: #151515;}
#nav .firNav .firItem.on .contain > .ctr{background-image: url(../images/arrow-nav_on.png); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#nav .secNav{position: relative; overflow: hidden; display: none; background-color: #292929; color: #666666;}
#nav .secNav .secItem{position: relative; font-size: 0.37333333rem; line-height: 0.96rem; border-top: #333333 solid 1px;}
#nav .secNav .secItem.on{background-color: rgba(0, 0, 0, 0.1); color: #aaa;}
#nav .secNav + .ctr{display: block;}
#footer{padding: 0.24rem 0.4rem; color: #bbb; background-color: #333; line-height: 0.53333333rem;}
/* 底部功能栏 */
#function{height: 1.30666667rem; bottom: 0; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; background-color: #000000; box-shadow: 0 -1px 0.05333333rem 1px rgba(0, 0, 0, 0.2);}
#function .item{position: relative; float: left; width: 25%; height: 100%; padding-top: 0.85333333rem; text-align: center; color: #fff; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.05);}
#function .item:nth-child(2n+1){background-image: url(../images/bg-functionitem.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
#function .item .icoImg{position: absolute; left: 50%; top: 0.13333333rem; width: 0.58666667rem; height: 0.58666667rem; margin-left: -0.29333333rem;}
#function .icoImg{height: 0.4rem; margin-right: 0.05333333rem;}
/* fullpage */
.guidance{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: #9b0004;}
.guidance .cudgel{position: absolute; left: 50%; top: 50%; margin-left: -0.6rem; margin-top: -1.06666667rem; width: 1.2rem; height: 1.68rem; text-align: center;}
.guidance .cudgel .mask{top: auto; bottom: 0; left: -1px; padding: 1px; height: 1.89333333rem; background-image: url(../images/mask-cudgel.png); background-size: 1.2rem 1.89333333rem; background-position: 50% bottom; background-repeat: no-repeat;}
.guidance .cudgel .wave{position: absolute; left: 0.02666667rem; right: 0.02666667rem; bottom: 0.02666667rem;}
.guidance .cudgel .wave s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/bg-wave2.png); background-repeat: repeat-x; background-position: 0 0; -webkit-transition: height 1000ms ease 200ms; transition: height 1000ms ease 200ms; -webkit-animation-name: waveMove; animation-name: waveMove; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: steps(100); animation-timing-function: steps(100); -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.guidance #percentShow{font-size: 0.32rem; color: #fff; position: relative; top: 50%; margin-top: 1.06666667rem; text-align: center;}
.guidance.closed .cudgel .wave s{-webkit-animation-play-state: paused; animation-play-state: paused;}
@-webkit-keyframes waveMove{0%, 100%{background-position: 0 0;} 99.99999%{background-position: -2.45333333rem 0;}}
@keyframes waveMove{0%, 100%{background-position: 0 0;} 99.99999%{background-position: -2.45333333rem 0;}}
.waveMove{-webkit-animation-name: waveMove; animation-name: waveMove;}
.fullpage-overview{position: relative; overflow: hidden; display: none; z-index: 12; -webkit-animation-duration: .4s; animation-duration: .4s;}
.fullpage-overview.fixed{position: fixed; left: 50%; top: 0; margin-left: -5rem; width: 10rem; height: 100%;}
.fullpage-overview ~ #function{position: fixed !important; z-index: 21;}
.fullpage-overview .fullpage-viewport{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000;}
.fullpage-overview .fullpage-section{position: absolute; overflow: hidden; left: 0; top: 0; z-index: 1; width: 100% !important; height: 100vh; box-sizing: border-box; background-color: #fff;}
.fullpage-overview .fullpage-section .bg{z-index: -2; pointer-events: none;}
.fullpage-overview .fullpage-section .contain.w{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.fullpage-overview .fullpage-section .arrow{position: relative; z-index: -1; display: block; margin-left: auto; margin-right: auto; width: 0.74666667rem; height: 0.4rem; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.fullpage-overview .fullpage-section .arrow.AniDid{-webkit-animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate; animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;}
@-webkit-keyframes bodyFeedBackUp{0, 100%{-webkit-transform: none !important; transform: none !important;} 77%{-webkit-transform: translateY(3%); transform: translateY(3%);}}
@keyframes bodyFeedBackUp{0, 100%{-webkit-transform: none !important; transform: none !important;} 77%{-webkit-transform: translateY(3%); transform: translateY(3%);}}
.bodyFeedBackUp{-webkit-animation-name: bodyFeedBackUp; animation-name: bodyFeedBackUp;}
@-webkit-keyframes bodyFeedBackDown{0, 100%{-webkit-transform: none !important; transform: none !important;} 77%{-webkit-transform: translateY(-3%); transform: translateY(-3%);}}
@keyframes bodyFeedBackDown{0, 100%{-webkit-transform: none !important; transform: none !important;} 77%{-webkit-transform: translateY(-3%); transform: translateY(-3%);}}
.bodyFeedBackDown{-webkit-animation-name: bodyFeedBackDown; animation-name: bodyFeedBackDown;}
/* index */
.index-Banner .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff;}
.index-Banner .item .image,
.index-Banner .item .videoBg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.index-Banner .item .slogan{position: absolute; left: 50%; top: 50%; margin-top: -2.66666667rem; margin-left: -4rem; width: 8rem; height: 4.32rem; background-image: url(../images/slogan.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translateY(20%) scale(0.4, 0.6); -ms-transform: translateY(20%) scale(0.4, 0.6); transform: translateY(20%) scale(0.4, 0.6);}
.index-Banner .item.on .slogan{-webkit-transition: all 1000ms ease 200ms; transition: all 1000ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}
.index-Banner .icon{position: absolute; bottom: 1.9rem; left: 0; width: 100%; z-index: 3; height: 0.26666667rem; line-height: 0.26666667rem; text-align: center; white-space: nowrap;}
.index-Banner .icon .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 0.26666667rem 0.26666667rem 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 0.13333333rem; border-color: #fff; opacity: .50; border-radius: 50%;}
.index-Banner .icon .btn.on{opacity: 1;}
.index-Product{background-color: #ffd047;}
.index-Product .shade{position: absolute; left: 0; top: 0;}
.index-Product .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.index-Product .item .image{position: absolute; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 100%; object-fit: cover; object-position: 50% 50%;}
.index-Product .float{position: absolute; z-index: 8; left: 0.4rem; top: 3.06666667rem; width: 4.21333333rem; height: 8.26666667rem; border-radius: 0.05333333rem; padding: 0.6rem 0.4rem 0.26666667rem; background-color: rgba(0, 0, 0, 0.2); box-sizing: border-box;}
.index-Product .float .Tt{position: relative; width: 100%; height: 100%;}
.index-Product .float .Tt .contain{position: absolute; overflow: hidden; left: 0; top: 0; width: 3.41333333rem; height: 0; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden /* *visibility: visible; */}
.index-Product .float .Tt .contain.on{position: relative; height: 100%; -webkit-transition: all 800ms linear 300ms; transition: all 800ms linear 300ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}
.index-Product .float .Tt .contain.on .dd{height: 100%; -webkit-transition: all 500ms ease 400ms; transition: all 500ms ease 400ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.index-Product .float .Tt .dt{float: left; width: 0.66666667rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 0.50666667rem;}
.index-Product .float .Tt .dt b,
.index-Product .float .Tt .dt i{display: block; text-align: center;}
.index-Product .float .Tt .dt i{height: 0.66666667rem; line-height: 0.66666667rem; color: #fff;}
.index-Product .float .Tt .dt b{margin-top: 0.08rem; height: 0.66666667rem; line-height: 0.66666667rem; color: #fff; background-color: #b70302;}
.index-Product .float .Tt .dd{float: right; position: relative; overflow: hidden; width: 2.53333333rem; height: 0; color: #fff; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden /* *visibility: visible; */}
.index-Product .float .Tt .dd p{float: right; width: 0.34666667rem; height: 100%; padding-left: 0.02666667rem; padding-right: 0.02666667rem; font-size: 0.34666667rem; line-height: 0.4rem; text-align: center;}
.index-Product .float .Tt .dd p:nth-child(1n+2){margin-right: 0.18666667rem;}
.index-Brand{background-color: #f5f3ec; text-align: center; background-image: url(../images/bg-index-brand.jpg); background-size: 0.66666667rem 0.66666667rem;}
.index-Brand .title{font-size: 0.50666667rem; line-height: 0.66666667rem; color: #b70302;}
.index-Brand .aside{margin-top: 0.13333333rem; font-size: 0.42666667rem; line-height: 0.53333333rem; color: #b70302; font-weight: 100; font-family: 'PingFangSc Light', "Microsoft YaHei", "微软雅黑";}
.index-Brand .info{margin-top: 0.26666667rem; padding-left: 0.06666667rem; padding-right: 0.06666667rem; color: #333333; line-height: 0.53333333rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 2.08rem;}
.index-Brand .more{margin-top: 0.26666667rem; margin-left: auto; margin-right: auto;}
.index-Brand .vd-box{margin-left: auto; margin-right: auto; margin-top: 0.4rem; position: relative; overflow: hidden; z-index: 1; border: #b70302 solid 1px; padding: 0.06666667rem; background-color: #fff; box-sizing: border-box; width: 9.33925926rem; height: 5.32rem;}
.index-Brand .vd-box .video{width: 9.17925926rem; height: 5.16rem; position: absolute; left: 0.06666667rem; top: 0.06666667rem; z-index: 3; background-color: #000;}
.index-Brand .vd-box:after{content: " "; position: absolute; right: 0; top: 0; width: 40%; height: 100%; z-index: 9;}
.index-Brand .arrow{margin-top: 0.53333333rem; background-image: url(../images/arrow-fullpagedown.png);}
.index-Cooperate{background-color: #a32a25; text-align: center;}
.index-Cooperate .contain{padding: 0; color: #fff;}
.index-Cooperate .info{line-height: 0.53333333rem; text-align: center;}
.index-Cooperate .info .dt{font-size: 0.50666667rem;}
.index-Cooperate .info .dd{margin-top: 0.4rem; font-size: 0.34666667rem;}
.index-Cooperate .fns{margin-top: 12%;}
.index-Cooperate .fns .dt{font-size: 0.34666667rem; line-height: 0.45333333rem;}
.index-Cooperate .fns .dd{margin-top: 0.26666667rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.50666667rem;}
.index-Cooperate .fns .btn{display: inline-block; vertical-align: top; width: 2.42666667rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.37333333rem; color: #75161b; background-color: #fff; border-radius: 0.05333333rem; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.index-Cooperate .join{margin-top: 9.33333333%;}
.index-Cooperate .arrow{margin-top: 1.33333333rem; background-image: url(../images/arrow-fullpagedownfff.png);}
.index-News{background-color: #fff; text-align: center;}
.index-News .dt{font-size: 0.50666667rem; line-height: 0.72rem; color: #333333;}
.index-News-List{margin-top: 0.53333333rem;}
.index-News-List .item{position: relative; overflow: hidden; height: 2.66666667rem;}
.index-News-List .item .link{position: relative; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; padding: 0.4rem 4rem 0.4rem 0.4rem; border-bottom: #dddddd solid 1px;}
.index-News-List .item h3{font-size: 0.42666667rem; color: #333; line-height: 0.53333333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-News-List .item p{margin-top: 0.33333333rem; font-size: 0.34666667rem; line-height: 0.48rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 0.93333333rem;}
.index-News-List .item .pic{position: absolute; right: 0; top: 0.4rem; width: 3.33333333rem; height: 1.86666667rem; background-color: #f1f1f1;}
.index-News .arrow{margin-top: 0.8rem; background-image: url(../images/arrow-fullpagedown333.png);}
.index-Partner .contain{text-align: center;}
.index-Partner .dt{font-size: 0.50666667rem; line-height: 0.53333333rem; color: #333333;}
.index-Partner .aside{margin-top: 0.26666667rem; font-size: 0.34666667rem; line-height: 0.48rem;}
.index-Partner .more{margin-top: 7.49625187%; margin-left: auto; margin-right: auto; display: block; width: 2.4rem; height: 0.4rem; padding: 0.13333333rem; text-align: center; color: #999999; font-size: 0.34666667rem; line-height: 0.53333333rem; color: #999;}
.index-Partner .partner-List{margin-top: 8%;}
.index-Partner .arrow{margin-top: 0.8rem; background-image: url(../images/arrow-fullpagedown333.png);}
.index-Contact{background-color: #a4362a; color: #fff; padding-top: 1.33333333rem; padding-bottom: 1.30666667rem;}
.index-Contact .dt{font-size: 0.50666667rem;}
.index-Contact .aside{margin-top: 0.2rem; font-size: 0.34666667rem; line-height: 0.48rem;}
.index-Contact .formCheck{margin-top: 0.46666667rem; position: relative; overflow: hidden;}
.index-Contact .formCheck .formItem{position: relative; overflow: hidden; width: 100%;}
.index-Contact .formCheck .formItem:nth-child(1n+2){margin-top: 0.26666667rem;}
.index-Contact .formCheck .formItem .skin{display: block; width: 100%; height: 0.93333333rem; font-size: 0.34666667rem; line-height: 0.53333333rem; border-radius: 0.08rem; padding: 0.2rem 0.86666667rem; box-sizing: border-box; background-position: 0 0; background-size: 0.86666667rem 0.93333333rem; background-repeat: no-repeat; color: #999; background-color: #fff;}
.index-Contact .formCheck .aftPD{left: auto; right: 0; width: 0.8rem; text-align: center; height: 0.93333333rem; line-height: 0.93333333rem;}
.index-Contact .formCheck .i1 .skin{background-image: url(../images/ico-iptname.png);}
.index-Contact .formCheck .i2 .skin{background-image: url(../images/ico-ipttel.png);}
.index-Contact .formCheck .i3 .skin{height: 1.6rem; background-image: url(../images/ico-ipttext.png);}
.index-Contact .formCheck .i4 .skin{float: left; width: 5.73333333rem; background-image: url(../images/ico-iptvcode.png);}
.index-Contact .formCheck .i4 .refreshVC{float: left; margin-left: 0.13333333rem; margin-right: 0.13333333rem; width: 1.06666667rem; height: 0.93333333rem; background-image: url(../images/ico-refresh.png); background-size: 1.02666667rem 0.77333333rem; background-position: 50% 50%; background-repeat: no-repeat;}
.index-Contact .formCheck .i4 .bindClick{float: left; width: 2.13333333rem; height: 0.93333333rem; object-fit: cover; object-position: 50% 50%; background-color: #fff; border-radius: 0.08rem;}
.index-Contact .formCheck .enter{display: block; width: 100%; height: 1.06666667rem; line-height: 1.06666667rem; text-align: center; color: #fff; background-color: #f3a314; font-size: 0.37333333rem; font-weight: bold; border-radius: 0.08rem;}
.index-Contact .footer{margin-top: 0.53333333rem; text-align: center;}
.index-Contact .footer .fStores{margin-top: 0.26666667rem;}
.index-Contact .footer .fStores .imgLink{margin-left: 0.13333333rem; margin-right: 0.13333333rem;}
.index-Contact .footer .fStores img{display: inline-block; vertical-align: top; width: 0.69333333rem; height: 0.69333333rem;}
/* partner-List */
.partner-List .item{float: left; width: 2.28rem; height: 1.4rem; margin-left: 0.02666667rem; box-sizing: border-box;}
.partner-List .item .img{height: 100%; line-height: 1.4rem; font-size: 0; *font-size: 1rem; text-align: center;}
.partner-List .item .img:after{content: "\00a0"; font-size: 0px; visibility: hidden;}
.partner-List .item .img img{display: inline-block; position: relative; *top: -1px; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.partner-List .item:nth-child(4n+1){margin-left: 0;}
.partner-List .item:nth-child(1n+5){margin-top: 0.26666667rem;}
/* subpage */
.subpage{position: relative; overflow: hidden; z-index: 1; width: 100%; box-sizing: border-box;}
.subpage .padWH{display: none;}
.subpage .subMain{position: relative; z-index: 2; background-color: #fff; box-sizing: border-box;}
.subpage .anchorPoint{position: absolute; top: -1.33333333rem; height: 0;}
/* fullSubBanner */
.fullSubBanner{position: relative; overflow: hidden; z-index: 1; height: 100vh;}
.fullSubBanner .bg{-webkit-animation-name: fullSubBannerBreath; animation-name: fullSubBannerBreath; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; pointer-events: none;}
.fullSubBanner .contain{position: absolute; left: 0; width: 100%; top: 50%; margin-top: -2.66666667rem; text-align: center; color: #fff;}
.fullSubBanner .contain .en{height: 1.09333333rem; margin-bottom: 0.53333333rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.fullSubBanner .contain .cn .f14{font-size: 0.34666667rem;}
.fullSubBanner .contain .cn .hr{margin-left: auto; margin-right: auto; margin-top: 0.2rem; margin-bottom: 0.26666667rem; width: 0.58666667rem; height: 0.02666667rem; background-color: #fff;}
.fullSubBanner .contain .cn .f24{font-size: 0.37333333rem;}
.fullSubBanner .contain .column{margin-left: auto; margin-right: auto; margin-top: 0.8rem; width: 3.86666667rem; height: 0.77333333rem; border: #ffffff solid 1px; text-align: center; line-height: 0.77333333rem;}
.fullSubBanner .contain .column span{margin-left: 0.26666667rem; margin-right: 0.26666667rem;}
.fullSubBanner .contain .column s{display: inline-block; vertical-align: middle; width: 0.34666667rem; height: 1px; background-color: #fff;}
.fullSubBanner .contain .arrow{display: block; margin-left: auto; margin-right: auto; margin-top: 0.8rem; width: 0.34666667rem; height: 0.42666667rem; background-image: url(../images/arrow-subbanner.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate; animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;}
@-webkit-keyframes fullSubBannerBreath{0%, to{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 66%{-webkit-transform: scale(1.04); transform: scale(1.04); opacity: .98;}}
@keyframes fullSubBannerBreath{0%, to{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 66%{-webkit-transform: scale(1.04); transform: scale(1.04); opacity: .98;}}
.fullSubBannerBreath{-webkit-animation-name: fullSubBannerBreath; animation-name: fullSubBannerBreath;}
/* sAbout */
.sAbout{color: #333333;}
.sAbout .section{position: relative;}
.sAbout-Head{position: relative;}
.sAbout-Head .en{height: 0.50666667rem;}
.sAbout-Head .cn{font-size: 0.50666667rem;}
.sAbout-Head.t1{padding-top: 0.53333333rem; text-align: left;}
.sAbout-Head.t1 .cn{margin-top: 0.24rem;}
.sAbout-Head.t1:after{content: " "; display: block; margin-top: 0.33333333rem; width: 2.02666667rem; height: 0; border-top: #333333 solid 0.04rem; background-color: #333333;}
.sAbout-Head.t2{padding-top: 0.73333333rem; padding-bottom: 0.53333333rem; text-align: center;}
.sAbout-Head.t2 .cn{position: absolute; left: 0; width: 100%; top: 0.8rem;}
.sAbout-Introduction .content{margin-top: 0.26666667rem; text-align: justify; font-size: 0.32rem; line-height: 1.5;}
.sAbout-Introduction .pic{margin-top: 0.26666667rem; width: 9.2rem; height: 6.10666667rem;}
.sAbout-Brand .content{margin-top: 0.26666667rem; text-align: justify; font-size: 0.32rem; line-height: 1.5;}
.sAbout-Brand .pic{margin-top: 0.26666667rem; width: 9.2rem; height: 7.28rem;}
.sAbout-Culture .content{margin-top: 0.26666667rem; text-align: justify; font-size: 0.32rem; line-height: 1.5;}
.sAbout-Culture .pic{margin-top: 0.26666667rem; width: 9.2rem; height: 5.89064748rem;}
.sAbout-Course{padding-bottom: 0.66666667rem;}
.sAbout-Course-Slide{position: relative; z-index: 1; height: 6.48rem; padding: 0.93333333rem 0.4rem 0; box-sizing: border-box; background-image: url(../images/bg-sabout-course.jpg); background-size: cover; background-position: 50% bottom; background-repeat: no-repeat;}
.sAbout-Course-Slide:before{content: " "; position: absolute; z-index: -1; left: 0; top: 2.05333333rem; width: 100%; height: 0; border-top: #999999 solid 0.04rem;}
.sAbout-Course-Slide .item{position: relative; float: left; width: 4.6rem; height: 100%; box-sizing: border-box; padding-left: 0.06666667rem; padding-right: 0.73333333rem;}
.sAbout-Course-Slide .item:after{content: " "; position: absolute; top: 1.12rem; left: 0.06666667rem; margin-top: -0.13333333rem; width: 0.26666667rem; height: 0.26666667rem; border-radius: 50%; background-image: url(../images/ico-scoursedot.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; box-shadow: 0rem 0rem 0.10666667rem 0rem rgba(0, 0, 0, 0.18);}
.sAbout-Course-Slide .item .dt{font-size: 0.50666667rem; font-weight: bold;}
.sAbout-Course-Slide .item .dd{margin-top: 1.06666667rem; font-size: 0.32rem; line-height: 0.48rem; max-height: 2.88rem; overflow-y: auto;}
.sAbout-Course-Slide .ctr{position: absolute; bottom: -0.66666667rem; width: 5rem; height: 0.66666667rem; line-height: 0.66666667rem; background-color: #c2c2c2; color: #fff; text-align: center; text-transform: uppercase;}
.sAbout-Course-Slide .ctr:active{background-color: #cf000e;}
.sAbout-Course-Slide .ctr.prev{left: 0;}
.sAbout-Course-Slide .ctr.prev:before{content: " "; position: absolute; left: 0.4rem; top: 0; content: "←";}
.sAbout-Course-Slide .ctr.next{right: 0;}
.sAbout-Course-Slide .ctr.next:before{content: " "; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background-color: #fff;}
.sAbout-Course-Slide .ctr.next:after{content: " "; position: absolute; right: 0.4rem; top: 0; content: "→";}
.sAbout-Honor{padding-bottom: 0.4rem;}
.sAbout-Honor .content{text-align: justify;}
.sAbout-Honor .pic{margin-top: 0.26666667rem; width: 9.2rem; height: 7.28rem;}
.sAbout-Honor .middleScroll{position: relative; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; overflow-x: auto;}
.sAbout-Honor .middleScroll img{max-width: none !important;}
.sAbout-Honor-RollSwitch{position: relative; height: 2.8rem;}
.sAbout-Honor-RollSwitch .shade{margin-top: -0.13333333rem; padding-top: 0.13333333rem; padding-bottom: 0.13333333rem;}
.sAbout-Honor-RollSwitch .item{float: left; width: 33.33%; height: 100%; box-sizing: border-box; padding-bottom: 0.33333333rem !important; background-image: url(../images/bg-shadow.png); background-size: 100% auto; background-position: 50% bottom; background-repeat: no-repeat;}
.sAbout-Honor-RollSwitch .item img{display: block; width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%;}
.sAbout-Honor-RollSwitch .item.rollItem{line-height: 1; position: absolute;}
.sAbout-Honor-RollSwitch .item.on{z-index: 9;}
.sAbout-Honor-RollSwitch .item.on .description{-webkit-transition-delay: 300ms; transition-delay: 300ms; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.sAbout-Honor-RollSwitch .arrowLine{position: absolute; left: 0; bottom: 0.16rem; height: 0.32rem; width: 16rem; background-image: url(../images/bg-arrowline.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.sAbout-Honor-RollSwitch .ctr{display: none; position: absolute; overflow: hidden; z-index: 3; top: 0; width: 0.66666667rem; height: 2.13333333rem; opacity: .50; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-size: 0.21333333rem 0.37333333rem; background-position: 50% 50%; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.sAbout-Honor-RollSwitch .ctr.reject{display: none;}
.sAbout-Honor-RollSwitch .ctr.prev{left: -0.22666667rem; background-image: url(../images/arrow-shonorl.png);}
.sAbout-Honor-RollSwitch .ctr.next{right: -0.22666667rem; background-image: url(../images/arrow-shonorr.png);}
.sAbout-Honor-RollSwitch .ctr:active{opacity: 1;}
.sAbout-Partner{padding-bottom: 0.4rem; background-color: #f5f5f5;}
.sAbout-Partner .sAbout-Head:before,
.sAbout-Partner .sAbout-Head:after{content: " "; position: absolute; top: 0; width: 5rem; border-bottom-width: 0.05333333rem; border-bottom-style: solid;}
.sAbout-Partner .sAbout-Head:before{left: -0.4rem; border-color: #cf000e;}
.sAbout-Partner .sAbout-Head:after{right: -0.4rem; border-color: #333;}
.sAbout-Partner .content{margin-bottom: 0.33333333rem; text-align: justify;}
/* sFamily */
.sFamily{position: fixed; left: 50%; top: 0; width: 10rem; margin-left: -5rem; height: 100%; z-index: 1;}
.sFamily .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff;}
.sFamily .item img{position: relative; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; top: 50%; margin-top: -8.89333333rem; height: 17.78666667rem; -webkit-transition: -webkit-transform 300ms ease 0s; transition: transform 300ms ease 0s;}
.sFamily .icon{position: absolute; bottom: 1.80666667rem; left: 0; width: 100%; z-index: 3; height: 0.26666667rem; line-height: 0.26666667rem; text-align: center; white-space: nowrap;}
.sFamily .icon .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 0.26666667rem 0.26666667rem 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 0.13333333rem; border-color: #451c00; border-radius: 50%;}
.sFamily .icon .btn.on{border-color: #cf000e;}
/* sVideo */
.sVideo{padding-top: 0.2rem; padding-bottom: 0.66666667rem;}
.sVideo-Head{padding-top: 0.73333333rem; margin-bottom: 0.6rem; text-align: center; color: #333333;}
.sVideo-Head h2{font-size: 0.61333333rem;}
.sVideo-Head p{margin-top: 0.2rem; font-size: 0.34666667rem; line-height: 0.45333333rem;}
.sVideo-Head .hr{margin-top: 0.33333333rem; width: 1.33333333rem; height: 1px; background-color: #cf000e; margin-left: auto; margin-right: auto;}
.sVideo-List .item{position: relative; width: 4.46666667rem; height: 4.17333333rem;}
.sVideo-List .item:nth-child(2n+1){float: left;}
.sVideo-List .item:nth-child(2n+2){float: right;}
.sVideo-List .item:nth-child(1n+3){margin-top: 0.4rem;}
.sVideo-List .item .pic{background-color: #f1f1f1; width: 100%; height: 3.33333333rem;}
.sVideo-List .item .pic:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background-image: url(../images/ico-play.png); background-size: 0.85333333rem 0.85333333rem; background-position: 50% 50%; background-repeat: no-repeat;}
.sVideo-List .item h3{height: 0.8rem; line-height: 0.8rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: #dddddd solid 1px;}
/* sView */
.sView{padding-top: 0.4rem; padding-bottom: 0.66666667rem;}
.sView-Head{text-align: center;}
.sView-Head h1{padding: 0.33333333rem 0.26666667rem; border-top: #d3d3d3 solid 1px; font-size: 0.45333333rem; line-height: 0.61333333rem; color: #333333; background-color: #f5f5f5;}
.sView-Head p{margin-top: 0.26666667rem; font-size: 0.32rem; line-height: 0.42666667rem; color: #999999;}
.sView-Body{padding-top: 0.46666667rem; padding-bottom: 0.46666667rem;}
.sView-Body .videoBox{width: 100%; height: 5.175rem; background-color: #f1f1f1; margin-left: auto; margin-right: auto;}
.sView-Foot{position: relative; overflow: hidden; margin-top: 0.26666667rem; border-top: #dddddd solid 1px; border-bottom: #dddddd solid 1px; line-height: 0.48rem; font-size: 0.34666667rem;}
.sView-Foot a{padding-top: 0.29333333rem; padding-bottom: 0.29333333rem; color: #333333;}
.sView-Foot a:active{color: #cf000e;}
.sView-Foot .ctr.prev{float: left;}
.sView-Foot .ctr.next{float: right;}
.sView-Foot .backToList{position: absolute !important; left: 50%; margin-left: -0.96rem; top: 0; width: 1.92rem; text-align: center;}
/* sProduct */
.sProduct{padding-top: 1.33333333rem; padding-bottom: 0.53333333rem; background-color: #ffffff; color: #333333;}
.sProduct-Head{padding-top: 1.66666667rem; padding-bottom: 0.86666667rem; background-image: url(../images/bg-sproduct-head.png); background-size: 6.22666667rem 2.93333333rem; background-position: right 1.33333333rem; background-repeat: no-repeat;}
.sProduct-Head .en{font-size: 0.64rem; line-height: 0.77333333rem; font-weight: bold; text-transform: uppercase;}
.sProduct-Head .cn{font-size: 0.50666667rem; margin-top: 0.26666667rem;}
.sProduct-List .item{position: relative; overflow: hidden; width: 4.46666667rem; height: 3.68rem;}
.sProduct-List .item:nth-child(2n+1){float: left;}
.sProduct-List .item:nth-child(2n+2){float: right;}
.sProduct-List .item:nth-child(1n+3){margin-top: 0.29333333rem;}
.sProduct-List .item .pic{height: 2.8rem; background-color: #f1f1f1;}
.sProduct-List .item h3{margin-top: 0.08rem; height: 0.8rem; line-height: 0.8rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; background-color: #ffdb60; color: #000;}
.sProduct-buys{margin-top: 0.53333333rem; text-align: center; font-size: 0;}
.sProduct-buys .btn{display: inline-block; vertical-align: top; margin-left: 0.26666667rem; margin-right: 0.26666667rem; width: 2.66666667rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.32rem; font-weight: bold; color: #fff; border-radius: 0.8rem;}
.sProduct-buys .btn.jd{background-color: #c7141c;}
.sProduct-buys .btn.tm{background-color: #333333;}
.sProduct-buys .btn:active{-webkit-transform: translateY(0.01333333rem); -ms-transform: translateY(0.01333333rem); transform: translateY(0.01333333rem);}
.sProduct-View{padding-top: 1.33333333rem; padding-bottom: 0.53333333rem;}
.sProduct-View-Head{position: relative; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; background-color: #f4ebe1; height: 8.26666667rem; color: #333333; background-image: url(../images/bg-sproduct-view-head.png); background-size: 5.09333333rem 4.73333333rem; background-position: 2.26666667rem 0.77333333rem; background-repeat: no-repeat;}
.sProduct-View-Head .title{padding-top: 2.2rem; text-align: center;}
.sProduct-View-Head .title .en{font-size: 0.50666667rem; line-height: 0.77333333rem; font-weight: bold; text-transform: uppercase;}
.sProduct-View-Head .title .cn{font-size: 0.64rem; margin-top: 0.26666667rem;}
.sProduct-View-Head .sProduct-buys{position: absolute; left: 0; bottom: 0.93333333rem; width: 100%;}
.sProduct-View .sProduct-View-Slide{position: relative; width: 9.2rem; height: 5.19263804rem; margin-bottom: 0.4rem;}
.sProduct-View .sProduct-View-Slide .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.sProduct-View .sProduct-View-Slide .item .image{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.sProduct-View .sProduct-View-Slide .icon{position: absolute; bottom: 0.26666667rem; left: 0; width: 100%; z-index: 3; height: 0.26666667rem; line-height: 0.26666667rem; text-align: center; white-space: nowrap;}
.sProduct-View .sProduct-View-Slide .icon .container{width: 100%;}
.sProduct-View .sProduct-View-Slide .icon .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 0.26666667rem 0.26666667rem 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 0.13333333rem; border-color: #fff; opacity: .50; border-radius: 50%;}
.sProduct-View .sProduct-View-Slide .icon .btn.on{opacity: 1;}
.sProduct-View .content{margin-top: 0.4rem; margin-bottom: 0.4rem;}
/* material */
.material .fullpage-section{text-align: center; color: #fff;}
.material .contain{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.material-Dt{display: inline-block; vertical-align: top; position: relative; height: 1.24rem; padding-left: 0.48rem; padding-right: 0.48rem;}
.material-Dt:before,
.material-Dt:after{content: " "; position: absolute; top: 0; height: 1.24rem; width: 0.17333333rem; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.material-Dt:before{left: 0; background-image: url(../images/bg-material-kl.png);}
.material-Dt:after{right: 0; background-image: url(../images/bg-material-kr.png);}
.material-Dt span{display: inline-block; vertical-align: top; position: relative; line-height: 1.24rem; font-size: 0; *font-size: 0rem;}
.material-Dt span:after{content: "\00a0"; font-size: 0px; visibility: hidden;}
.material-Dt span i{display: inline-block; vertical-align: middle;}
.material-Home .txt .dt i{font-size: 0.50666667rem; line-height: 0.66666667rem;}
.material-Home .txt .dd{margin-top: 0.2rem; font-size: 0.45333333rem;}
.material-Home .txt .info{margin-top: 0.2rem; font-size: 0.32rem; line-height: 0.53333333rem;}
.material-Home .list{position: relative; margin-left: auto; margin-right: auto; width: 6.8rem; height: 7.13333333rem; margin-top: 0.4rem;}
.material-Home .list .link{position: absolute; line-height: 0.48rem; width: 1.92rem; height: 2.6rem;}
.material-Home .list .link .icoImg{display: block; margin-left: auto; margin-right: auto; margin-bottom: 0.2rem; width: 1.92rem; height: 1.92rem; border-radius: 50%;}
.material-Home .list .link:nth-child(1){top: 0; left: 50%; margin-left: -1rem;}
.material-Home .list .link:nth-child(2){top: 1.81333333rem; left: 0;}
.material-Home .list .link:nth-child(3){top: 1.81333333rem; right: 0;}
.material-Home .list .link:nth-child(4){bottom: 0; left: 1.04rem;}
.material-Home .list .link:nth-child(5){bottom: 0; right: 1.04rem;}
.material-Home .list .link:active{-webkit-transform: translateY(0.01333333rem); -ms-transform: translateY(0.01333333rem); transform: translateY(0.01333333rem);}
.material-Tuji .shade{position: absolute; left: 0; top: 0;}
.material-Tuji .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
.material-Tuji .item .image{position: absolute; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; z-index: -1; height: 100%; object-fit: cover; object-position: 50% 50%;}
.material-Tuji .item .contain{padding-bottom: 0.66666667rem; width: 10rem; margin-left: -5rem; left: 50%; padding-left: 0.4rem; padding-right: 0.4rem;}
.material-Tuji .item .dt{display: block; position: relative; z-index: -1; left: 50%; margin-left: -2.66666667rem; width: 5.33333333rem; height: 5.33333333rem;}
.material-Tuji .item .cn{margin-top: -0.8rem; font-size: 0.48rem; line-height: 0.8rem;}
.material-Tuji .item .en{margin-top: 0.2rem; font-size: 0.32rem; line-height: 0.45333333rem; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑" !important; font-weight: 400;}
.material-Tuji .item.moveItem .dt,
.material-Tuji .item.moveItem .cn,
.material-Tuji .item.moveItem .en{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden /* *visibility: visible; */}
.material-Tuji .item.moveItem .dt{-webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5);}
.material-Tuji .item.moveItem .cn,
.material-Tuji .item.moveItem .en{-webkit-transform: translateY(-0.33333333rem); -ms-transform: translateY(-0.33333333rem); transform: translateY(-0.33333333rem);}
.material-Tuji .item.on .dt,
.material-Tuji .item.on .cn,
.material-Tuji .item.on .en{-webkit-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}
.material-Tuji .item.on .dt{-webkit-transition-delay: 150ms; transition-delay: 150ms;}
.material-Tuji .item.on .cn{-webkit-transition-delay: 320ms; transition-delay: 320ms;}
.material-Tuji .item.on .en{-webkit-transition-delay: 480ms; transition-delay: 480ms;}
.ysqUEO .material-Tuji.dir_z .item.come{width: 0; z-index: 30 !important; margin-left: 50%;}
.ysqUEO .material-Tuji.dir_z .item.come.on{margin-left: 0; width: 100%; -webkit-transition: width 1200ms ease 0s,margin 1200ms ease 0s; transition: width 1200ms ease 0s,margin 1200ms ease 0s;}
.ysqUEO .material-Tuji.dir_z .item.leave{opacity: 1 !important;}
.ysqUEO .material-Tuji.dir_f .item.leave{width: 0; z-index: 30 !important; margin-left: 50%; -webkit-transition: width 1200ms ease 0s,margin 1200ms ease 0s; transition: width 1200ms ease 0s,margin 1200ms ease 0s;}
.ysqUEO .material-Tuji.dir_f .item.come{opacity: 1 !important;}
.material-Tuji .icon{position: absolute; bottom: 1.80666667rem; left: 0; width: 100%; z-index: 3; height: 0.26666667rem; line-height: 0.26666667rem; text-align: center; white-space: nowrap;}
.material-Tuji .icon .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 0.26666667rem 0.26666667rem 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 0.13333333rem; border-color: #fff; opacity: .20; border-radius: 50%;}
.material-Tuji .icon .btn.on{opacity: 1;}
.material-Huajiao .item,
.material-Caiziyou .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; text-align: left;}
.material-Huajiao .item .image,
.material-Caiziyou .item .image{position: absolute; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; z-index: -1; height: 100%; object-fit: cover; object-position: 50% 50%; -webkit-transition: all 800ms ease 0s; transition: all 800ms ease 0s; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.material-Huajiao .item .txt,
.material-Caiziyou .item .txt{z-index: 8; position: absolute; left: 0.4rem; bottom: 4.30666667rem;}
.material-Huajiao .item .txt .dt,
.material-Caiziyou .item .txt .dt{font-size: 0.50666667rem; font-weight: bold;}
.material-Huajiao .item .txt .hr,
.material-Caiziyou .item .txt .hr{margin-top: 0.4rem; display: inline-block; vertical-align: top; width: 0.8rem; height: 0.05333333rem; background-color: #fff;}
.material-Huajiao .item .txt .dd,
.material-Caiziyou .item .txt .dd{margin-top: 0.26666667rem; font-size: 0.42666667rem; line-height: 0.61333333rem;}
.material-Huajiao .item.on .image,
.material-Caiziyou .item.on .image{-webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}
.material-Huajiao .iconCtr,
.material-Caiziyou .iconCtr{position: absolute; bottom: 2.30666667rem; left: 0.4rem; width: 9.2rem; z-index: 3; text-align: left; white-space: nowrap; font-size: 0;}
.material-Huajiao .iconCtr .icon,
.material-Caiziyou .iconCtr .icon{display: inline-block; vertical-align: top; padding: 0.2rem 0.13333333rem; height: 0.26666667rem; line-height: 0.26666667rem;}
.material-Huajiao .iconCtr .icon .btn,
.material-Caiziyou .iconCtr .icon .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 0.26666667rem 0.26666667rem 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 0.13333333rem; background-color: #fff; opacity: .20; border-radius: 50%;}
.material-Huajiao .iconCtr .icon .btn.on,
.material-Caiziyou .iconCtr .icon .btn.on{opacity: 1;}
.material-Huajiao .iconCtr .ctr,
.material-Caiziyou .iconCtr .ctr{display: inline-block; vertical-align: top; width: 0.53333333rem; height: 0.66666667rem; background-size: 0.34666667rem 0.62666667rem; background-position: 50% 50%; background-repeat: no-repeat; opacity: .5;}
.material-Huajiao .iconCtr .ctr.reject,
.material-Caiziyou .iconCtr .ctr.reject{display: none;}
.material-Huajiao .iconCtr .ctr.prev,
.material-Caiziyou .iconCtr .ctr.prev{background-image: url(../images/arrow-shuajiaol.png);}
.material-Huajiao .iconCtr .ctr.next,
.material-Caiziyou .iconCtr .ctr.next{background-image: url(../images/arrow-shuajiaor.png);}
.material-Huajiao .iconCtr .ctr:active,
.material-Caiziyou .iconCtr .ctr:active{opacity: 1;}
.material-Lajiao .shade{position: absolute; left: 0; top: 0;}
.material-Lajiao .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
.material-Lajiao .item .image{position: absolute; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; z-index: -1; height: 100%; object-fit: cover; object-position: 50% 50%;}
.material-Lajiao .item .contain{padding-top: 0.66666667rem; left: 50%; width: 9.2rem; margin-left: -4.6rem; margin-top: 0.53333333rem;}
.material-Lajiao .item .en{position: absolute; top: 0; left: 0; width: 9.2rem;}
.material-Lajiao .item .dt i{font-size: 0.48rem; line-height: 0.69333333rem;}
.material-Lajiao .item .hr{margin-left: auto; margin-right: auto; margin-top: 0.26666667rem; margin-bottom: 0.26666667rem; width: 0.82666667rem; height: 0.02666667rem; background-color: #fff;}
.material-Lajiao .item .dd{font-size: 0.34666667rem; line-height: 0.50666667rem;}
.material-Lajiao .item.moveItem .dt,
.material-Lajiao .item.moveItem .hr,
.material-Lajiao .item.moveItem .dd{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden /* *visibility: visible; */}
.material-Lajiao .item.moveItem .dt{-webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}
.material-Lajiao .item.moveItem .hr,
.material-Lajiao .item.moveItem .dd{-webkit-transform: translateY(-0.26666667rem); -ms-transform: translateY(-0.26666667rem); transform: translateY(-0.26666667rem);}
.material-Lajiao .item.on .dt,
.material-Lajiao .item.on .hr,
.material-Lajiao .item.on .dd{-webkit-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}
.material-Lajiao .item.on .dt{-webkit-transition-delay: 150ms; transition-delay: 150ms;}
.material-Lajiao .item.on .hr{-webkit-transition-delay: 320ms; transition-delay: 320ms;}
.material-Lajiao .item.on .dd{-webkit-transition-delay: 480ms; transition-delay: 480ms;}
.ysqUEO .material-Lajiao.dir_z .item.come{width: 0; z-index: 30 !important; margin-left: 50%;}
.ysqUEO .material-Lajiao.dir_z .item.come.on{margin-left: 0; width: 100%; -webkit-transition: width 1200ms ease 0s,margin 1200ms ease 0s; transition: width 1200ms ease 0s,margin 1200ms ease 0s;}
.ysqUEO .material-Lajiao.dir_z .item.leave{opacity: 1 !important;}
.ysqUEO .material-Lajiao.dir_f .item.leave{width: 0; z-index: 30 !important; margin-left: 50%; -webkit-transition: width 1200ms ease 0s,margin 1200ms ease 0s; transition: width 1200ms ease 0s,margin 1200ms ease 0s;}
.ysqUEO .material-Lajiao.dir_f .item.come{opacity: 1 !important;}
.material-Lajiao .icon{height: 2.05333333rem; line-height: 2.05333333rem; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -3.2rem; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.material-Lajiao .icon .btn{display: inline-block; vertical-align: top; position: relative; z-index: 1; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; border-radius: 50%; text-indent: 100%; margin: 0 0.13333333rem; width: 2.05333333rem; height: 2.05333333rem;}
.material-Lajiao .icon .btn s,
.material-Lajiao .icon .btn i{-webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.material-Lajiao .icon .btn i{-webkit-transform-origin: 50% -50%; -ms-transform-origin: 50% -50%; transform-origin: 50% -50%;}
.material-Lajiao .icon .btn img{position: absolute; left: 50%; top: 50%; margin: -0.93333333rem 0 0 -0.93333333rem; width: 1.86666667rem; height: 1.86666667rem;}
.material-Lajiao .icon .btn s{position: absolute; left: 0; top: 0; width: 2.05333333rem; height: 2.05333333rem; border: #ffffff dashed 1px; z-index: -1; border-radius: 50%; box-sizing: border-box;}
.material-Lajiao .icon .btn i{position: absolute ; top: 100%; margin-top: 0.13333333rem; left: 50%; margin-left: -0.16rem; overflow: hidden; width: 0; height: 0; border-width: 0.13333333rem 0.16rem; border-color: #ffffff transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0;}
.material-Lajiao .icon .btn.on s,
.material-Lajiao .icon .btn.on i{-webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
@media screen and (max-height: 900*10/750rem){.material-Lajiao .icon{margin-top: -2.66666667rem;} .material-Lajiao .item .contain{margin-top: 0.8rem;}}
.material-Zhima .shade{position: absolute; left: 0; top: 0;}
.material-Zhima .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
.material-Zhima .item .image{position: absolute; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; z-index: -1;}
.material-Zhima .item .image{height: 100%; object-fit: cover; object-position: 50% 50%;}
.ysqUEO .material-Zhima.dir_z .item.come{width: 0; z-index: 30 !important; margin-left: 50%;}
.ysqUEO .material-Zhima.dir_z .item.come.on{margin-left: 0; width: 100%; -webkit-transition: width 1200ms ease 0s,margin 1200ms ease 0s; transition: width 1200ms ease 0s,margin 1200ms ease 0s;}
.ysqUEO .material-Zhima.dir_z .item.leave{opacity: 1 !important;}
.ysqUEO .material-Zhima.dir_f .item.leave{width: 0; z-index: 30 !important; margin-left: 50%; -webkit-transition: width 1200ms ease 0s,margin 1200ms ease 0s; transition: width 1200ms ease 0s,margin 1200ms ease 0s;}
.ysqUEO .material-Zhima.dir_f .item.come{opacity: 1 !important;}
.material-Zhima .ctrbox{position: absolute; z-index: 15; left: 0; width: 100%; bottom: 2.30666667rem; text-align: center;}
.material-Zhima .ctrbox .ctr{display: inline-block; vertical-align: top; width: 0.72rem; height: 0.66666667rem; line-height: 0.66666667rem; margin-left: 0.04rem; margin-right: 0.04rem; background-color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; font-family: "SimSun", "宋体" !important; font-size: 0.34666667rem; font-weight: bold; color: #333333; opacity: .5;}
.material-Zhima .ctrbox .ctr:active{opacity: .9;}
/* sNews */
.sNews{padding-bottom: 0.66666667rem;}
/* sMien */
.sMien{padding-top: 0.53333333rem; padding-bottom: 0.66666667rem; color: #333333;}
.sMien-List:nth-child(1n+2){margin-top: 0.53333333rem;}
.sMien-List .hotItem .pic{height: 6.93333333rem; background-color: #f1f1f1;}
.sMien-List .item{position: relative; overflow: hidden; box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.22);}
.sMien-List .item:nth-child(1n+2){margin-top: 0.4rem;}
.sMien-List .item .txt{padding: 0.26666667rem 0.4rem;}
.sMien-List .item .txt h3{font-size: 0.48rem; line-height: 0.72rem;}
.sMien-List .item .txt .info{margin-top: 0.2rem; font-size: 0.34666667rem; line-height: 0.48rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 0.93333333rem;}
.sMien-List .item .fns{padding: 0.26666667rem 0.4rem; height: 0.53333333rem; line-height: 0.53333333rem; border-top: #dddddd solid 1px; font-size: 0.32rem; color: #999999;}
/* sContact */
.sContact .section{position: relative; z-index: 1; padding-bottom: 0.66666667rem;}
.sContact-Head{padding-top: 0.6rem; padding-bottom: 0.46666667rem; text-align: center;}
.sContact-Head .cn{font-size: 0.50666667rem; font-weight: bold; color: #333333;}
.sContact-Head .en{margin-top: 0.16rem; text-transform: uppercase; color: #e0e0e0;}
.sContact-Head .hr{margin-top: 0.2rem; margin-left: auto; margin-right: auto; width: 0.93333333rem; background-color: #cf000e;}
.sContact-Head .aside{margin-top: 0.26666667rem; font-size: 0.32rem; line-height: 0.45333333rem;}
.sContact-Fangshi .list .item{position: relative; overflow: hidden; padding: 0.4rem; color: #333333; background-color: #eeeeee; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.sContact-Fangshi .list .item .pic{margin-bottom: 0.33333333rem; width: 100%; height: 3.62588235rem; background-color: #fff !important;}
.sContact-Fangshi .list .item h3{font-size: 0.34666667rem; line-height: 0.45333333rem; font-weight: bold;}
.sContact-Fangshi .list .item .hr{margin-top: 0.21333333rem; margin-bottom: 0.21333333rem; width: 1.30666667rem; height: 0.04rem; background-color: #bbbbbb; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.sContact-Fangshi .list .item .info{font-size: 0.34666667rem; line-height: 0.48rem;}
.sContact-Fangshi .list .item:nth-child(1n+2){margin-top: 0.4rem;}
.sContact-Fangshi .list .item:hover{background-color: #cf000e; color: #fff;}
.sContact-Fangshi .list .item:hover .hr{background-color: #fff;}
.sContact-Chaxun{padding-bottom: 0 !important;}
.sContact-Chaxun-Contain{padding: 0.46666667rem 0.4rem; background-color: #f7f4ed; background-image: url(../images/bg-index-brand.jpg);}
.sContact-Chaxun-Form{height: 0.93333333rem; margin-bottom: 0.4rem;}
.sContact-Chaxun-Form .skin{float: left; margin-right: 0.08rem; width: 3.97333333rem; height: 0.93333333rem; line-height: 0.93333333rem; padding-left: 0.29333333rem; background-color: #fff; box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.08); border: none; box-sizing: border-box;}
.sContact-Chaxun-Form .enter{float: right; width: 1.06666667rem; height: 0.93333333rem; background-color: #cf000e; background-image: url(../images/ico-searchbtn.png); background-size: 0.45333333rem 0.45333333rem; background-position: 50% 50%; background-repeat: no-repeat;}
.sContact-Chaxun .list .item{padding: 0.26666667rem 0.4rem; background-color: #fff; box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.08);}
.sContact-Chaxun .list .item .dt{font-size: 0.37333333rem;}
.sContact-Chaxun .list .item .dd{margin-top: 0.13333333rem; font-size: 0.34666667rem; line-height: 0.48rem;}
.sContact-Chaxun .list .item:nth-child(1n+2){margin-top: 0.26666667rem;}
.sContact-Jiameng{background-color: #fff;}
.sContact-MessageBoard{width: 9.2rem; box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 0.33333333rem 0.4rem 0.4rem; border: #ff483b solid 0.06666667rem; background-color: #fff;}
.sContact-MessageBoard .formItem{color: #333333; line-height: 0.74666667rem; padding-left: 1.86666667rem; text-align: left;}
.sContact-MessageBoard .formItem:nth-child(1n+2){margin-top: 0.26666667rem;}
.sContact-MessageBoard .formItem .focus{float: left; margin-left: -1.86666667rem; width: 1.8rem; text-align: right; white-space: nowrap; font-size: 0.34666667rem;}
.sContact-MessageBoard .formItem .buts{padding-top: 0.06666667rem; padding-bottom: 0.06666667rem; font-size: 0;}
.sContact-MessageBoard .formItem .radio{display: inline-block; vertical-align: top; font-size: 0.32rem; min-width: 28%; padding-right: 5%;}
.sContact-MessageBoard .formItem .skin{display: inline-block; vertical-align: top; width: 6.4rem; height: 0.74666667rem; line-height: 0.45333333rem; padding: 0.13333333rem 0.29333333rem; border: #d0d0d0 solid 1px; box-sizing: border-box; font-size: 0.34666667rem;}
.sContact-MessageBoard .formItem textarea.skin{height: 2.08rem;}
.sContact-MessageBoard .formItem.yzm{font-size: 0;}
.sContact-MessageBoard .formItem.yzm .skin{width: 4rem;}
.sContact-MessageBoard .formItem.yzm .refreshVC{display: inline-block; vertical-align: top; margin-left: 0.06666667rem; margin-right: 0.06666667rem; width: 0.74666667rem; height: 0.74666667rem; background-image: url(../images/ico-refresh2.png); background-size: 0.58666667rem 0.58666667rem; background-position: 50% 50%; background-repeat: no-repeat;}
.sContact-MessageBoard .formItem.yzm .bindClick{vertical-align: top; width: 1.52rem; height: 0.74666667rem; border: #d0d0d0 solid 1px; box-sizing: border-box;}
.sContact-MessageBoard .enter{display: block; margin-top: 0.4rem; width: 100%; height: 0.74666667rem; line-height: 0.74666667rem; text-align: center; color: #fff; font-size: 0.37333333rem; background-color: #ff483b;}
.sContact-Zhaopin .list .item{position: relative; overflow: hidden; color: #333333; background-color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.22);}
.sContact-Zhaopin .list .item .link{padding: 0.4rem;}
.sContact-Zhaopin .list .item:nth-child(1n+2){margin-top: 0.4rem;}
.sContact-Zhaopin .list .item .dt{font-size: 0.42666667rem; line-height: 0.53333333rem; font-weight: bold;}
.sContact-Zhaopin .list .item .dd{margin-top: 0.26666667rem; line-height: 0.48rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 1.4rem; height: 1.4rem;}
.sContact-Zhaopin .list .item .more{margin-top: 0.33333333rem; display: block; width: 2.4rem; height: 0.66666667rem; border-radius: 0.05333333rem; text-align: center; line-height: 0.66666667rem; color: #fff; background-color: #ff483b;}
/* sQuestion */
.sQuestion{padding-top: 0.46666667rem; padding-bottom: 0.66666667rem;}
.sQuestion-List .item{position: relative; padding-bottom: 0.66666667rem; padding-top: 0.66666667rem; padding-right: 0.8rem; padding-left: 0.93333333rem; border-bottom: #dddddd solid 1px;}
.sQuestion-List .item:before,
.sQuestion-List .item:after{content: " "; position: absolute; width: 0.6rem; height: 0.36rem; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sQuestion-List .item:before{left: 0.16rem; top: 0.37333333rem; background-image: url(../images/ico-quetol.png);}
.sQuestion-List .item:after{bottom: 0.30666667rem; right: 0.16rem; background-image: url(../images/ico-quetor.png);}
.sQuestion-List .item .dt{font-size: 0.4rem; line-height: 0.48rem; color: #333333;}
.sQuestion-List .item .dd{margin-top: 0.26666667rem; font-size: 0.32rem; line-height: 0.45333333rem; color: #666666;}
/* sStatement */
.sStatement{padding-top: 0.46666667rem; padding-bottom: 0.66666667rem;}
.sStatement .content{color: #333333;}
/* sSiteMap */
.sSiteMap{padding-top: 0.46666667rem; padding-bottom: 0.66666667rem;}
.sSiteMap .item{padding: 0.4rem; color: #333333;}
.sSiteMap .item.even{background-color: #fff;}
.sSiteMap .item.odd{background-color: #eee;}
.sSiteMap .item .dt{margin-left: -0.24rem; padding-left: 0.2rem; border-left: #000000 solid 0.04rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.37333333rem; font-weight: bold;}
.sSiteMap .item .dd{margin-top: 0.26666667rem; font-size: 0.32rem; line-height: 0.48rem;}
.sSiteMap .item s{margin-left: 0.06666667rem; margin-right: 0.06666667rem;}
/* yx */
.yx{/* yxSubpage */}
.yx-Page{padding-top: 1.33333333rem; padding-bottom: 1.30666667rem;}
.yx-Page #loadState{width: 5.33333333rem;}
.yx-Banner{position: relative; height: 5.06666667rem;}
.yx-Banner .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
.yx-Banner .item img{position: absolute; left: 50%; margin-left: -5rem; width: 10rem; box-sizing: border-box; z-index: -1; height: 100%; object-fit: cover; object-position: 50% 50%;}
.yx-Banner .icon{position: absolute; bottom: 0.33333333rem; left: 0; width: 100%; z-index: 3; height: 0.26666667rem; line-height: 0.26666667rem; text-align: center; white-space: nowrap;}
.yx-Banner .icon .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 0.26666667rem 0.26666667rem 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 0.13333333rem; border-color: #fff; opacity: .50; border-radius: 50%;}
.yx-Banner .icon .btn.on{opacity: 1;}
.yx-Head{padding-top: 0.8rem; padding-bottom: 0.6rem; text-align: center; box-sizing: border-box;}
.yx-Head .en{font-size: 0.4rem; text-transform: uppercase; opacity: .15; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑" !important;}
.yx-Head .cn{font-size: 0.45333333rem; margin-top: 0.16rem; font-weight: bold;}
.yx-Head .cn i{color: #111;}
.yx-Head .cn b{color: #c7141c;}
.yxIndex-Advantage{padding-bottom: 0.66666667rem; background-image: url(../images/bg-yxidxs1.png); background-size: 10rem 14.93333333rem; background-position: 50% 50%; background-repeat: repeat;}
.yxIndex-Advantage .vd-box{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; width: 6.58666667rem; height: 3.73333333rem; border: #c7141c solid 0.04rem; background-color: #000000;}
.yxIndex-Advantage .vd-box .pic,
.yxIndex-Advantage .vd-box .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.yxIndex-Advantage .vd-box .play{z-index: 2; background-image: url(../images/ico-play.png); background-size: 56px 56px; background-position: 50% 50%; background-repeat: no-repeat;}
.yxIndex-Advantage .vd-box .video{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background-color: #000;}
.yxIndex-Advantage .txt{margin-top: 0.46666667rem; color: #111; text-align: justify;}
.yxIndex-Cooperation{padding-bottom: 0.66666667rem; background-color: #fff;}
.yxIndex-Cooperation .list{position: relative; width: 9.2rem; box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 0.66666667rem 0.4rem; z-index: 1; background-color: #f0f0f0;}
.yxIndex-Cooperation .list:before{content: " "; position: absolute; left: 0.13333333rem; top: 0.13333333rem; right: 0.13333333rem; bottom: 0.13333333rem; z-index: -1; border: #666666 solid 1px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.yxIndex-Cooperation .list .item:nth-child(1n+2){margin-top: 0.4rem;}
.yxIndex-Cooperation .list .dt{position: relative; width: 1.53333333rem; white-space: nowrap; font-size: 0.37333333rem; padding-bottom: 0.16rem; border-bottom: #c7141c solid 1px; font-weight: bold; color: #000;}
.yxIndex-Cooperation .list .dt .line{position: absolute; left: 0; bottom: -1px; margin-bottom: -0.01333333rem; width: 0.53333333rem; height: 1px; padding: 0.01333333rem; background-color: #c7141c; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.yxIndex-Cooperation .list .dd{margin-top: 0.29333333rem; font-size: 0.34666667rem; line-height: 1.3846; color: #111;}
.yxIndex-Supports{position: relative; z-index: 1;}
.yxIndex-Supports .yx-Head{padding-top: 0.53333333rem; background-color: #000001; height: 1.93333333rem; background-image: url(../images/bg-yxidxs3.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.yxIndex-Supports .yx-Head .en{color: #fff;}
.yxIndex-Supports .yx-Head .cn i{color: #fff;}
.yxIndex-Supports .Tg{padding-top: 0.4rem; padding-bottom: 0.4rem; font-size: 0; text-align: center; background-color: #f5f5f5;}
.yxIndex-Supports .Tg .btn{display: inline-block; vertical-align: top; width: 2.8rem; height: 2.66666667rem; color: #111; text-align: center;}
.yxIndex-Supports .Tg .btn:nth-child(3n+2),
.yxIndex-Supports .Tg .btn:nth-child(3n+3){margin-left: 0.06666667rem;}
.yxIndex-Supports .Tg .btn:nth-child(1n+4){margin-top: 0.2rem;}
.yxIndex-Supports .Tg .btn .icoImg{display: block; margin-left: auto; margin-right: auto; width: 1.6rem; height: 1.6rem; border-radius: 50%; background-color: #e6e6e6;}
.yxIndex-Supports .Tg .btn p{margin-top: 0.13333333rem; font-size: 0.32rem; line-height: 0.4rem;}
.yxIndex-Supports .hdPoint{position: absolute; top: -1.33333333rem; margin-top: -0.8rem; left: 0; height: 0;}
.yxIndex-Supports .headBlock{padding-top: 0.53333333rem; padding-bottom: 0.33333333rem; text-align: center;}
.yxIndex-Supports .headBlock .cn{font-size: 0.4rem; line-height: 0.45333333rem; font-weight: bold; color: #111;}
.yxIndex-Supports .headBlock .en{margin-top: 0.06666667rem; font-size: 0.32rem; line-height: 0.37333333rem; color: #999999; white-space: nowrap;}
.yxIndex-Supports .section{position: relative; z-index: 1; padding-bottom: 0.53333333rem; color: #111;}
.yxIndex-Supports .section .content{text-align: justify;}
.yxIndex-Supports .section.yxIS3_1{background-color: #fff;}
.yxIndex-Supports .section.yxIS3_1 .content{text-align: justify;}
.yxIndex-Supports .section.yxIS3_1 .content .imax{line-height: 1.6;}
.yxIndex-Supports .section.yxIS3_1 .content .flow{margin-top: 0.26666667rem; line-height: 0.66666667rem; color: #cf000e;}
.yxIndex-Supports .section.yxIS3_1 .content .flow span{display: inline-block; vertical-align: top; height: 0.66666667rem; width: 1.86666667rem; background-color: #cf000e; font-size: 0.32rem; border-radius: 0.66666667rem; color: #fff; text-align: center;}
.yxIndex-Supports .section.yxIS3_2{background-color: #f0f0f0;}
.yxIndex-Supports .section.yxIS3_2 .list .item{width: 4.46666667rem; box-sizing: border-box; padding: 0.26666667rem; background-color: #fff; text-align: center;}
.yxIndex-Supports .section.yxIS3_2 .list .item:nth-child(2n+1){float: left;}
.yxIndex-Supports .section.yxIS3_2 .list .item:nth-child(2n+2){float: right;}
.yxIndex-Supports .section.yxIS3_2 .list .item:nth-child(1n+3){margin-top: 0.26666667rem;}
.yxIndex-Supports .section.yxIS3_2 .list .item .icoImg{display: block; margin-left: auto; margin-right: auto; width: 0.85333333rem; height: 0.85333333rem;}
.yxIndex-Supports .section.yxIS3_2 .list .item .dt{margin-top: 0.21333333rem; margin-bottom: 0.13333333rem; font-size: 0.37333333rem; line-height: 0.48rem; color: #111; font-weight: bold;}
.yxIndex-Supports .section.yxIS3_2 .list .item .dd{font-size: 0.32rem; line-height: 0.42666667rem; min-height: 1.28rem; color: #111;}
.yxIndex-Supports .section.yxIS3_2 .list .item:hover .dot{-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.yxIndex-Supports .section.yxIS3_3{background-color: #fff;}
.yxIndex-Supports .section.yxIS3_3 .content{padding: 0.33333333rem; font-size: 0.32rem; background-color: #f1f1f1;}
.yxIndex-Supports .section.yxIS3_3 .list{margin-top: 0.26666667rem;}
.yxIndex-Supports .section.yxIS3_3 .list .item .dt{height: 0.64rem; line-height: 0.64rem; text-indent: 0.2rem; color: #fff; background-size: 3.86666667rem 0.64rem; background-position: 0% 50%; background-repeat: no-repeat;}
.yxIndex-Supports .section.yxIS3_3 .list .item .dd{margin-top: 0.2rem; line-height: 0.48rem; font-size: 0.32rem;}
.yxIndex-Supports .section.yxIS3_3 .list .item:nth-child(1n+2){margin-top: 0.33333333rem;}
.yxIndex-Supports .section.yxIS3_3 .list .item:nth-child(1) .dt{background-color: #252525 /* background-image: url(../images/bg-yxis3_3-1.png); */}
.yxIndex-Supports .section.yxIS3_3 .list .item:nth-child(2) .dt{background-color: #f08300 /* background-image: url(../images/bg-yxis3_3-2.png); */}
.yxIndex-Supports .section.yxIS3_3 .list .item:nth-child(3) .dt{background-color: #eda548 /* background-image: url(../images/bg-yxis3_3-3.png); */}
.yxIndex-Supports .section.yxIS3_3 .list .item:nth-child(4) .dt{background-color: #b1181f /* background-image: url(../images/bg-yxis3_3-4.png); */}
.yxIndex-Supports .section.yxIS3_4{background-color: #f0f0f0;}
.yxIndex-Supports .section.yxIS3_5{background-color: #fff;}
.yxIndex-Supports .section.yxIS3_5 .list{margin-top: 0.26666667rem; padding-top: 0.4rem; padding-bottom: 0.4rem; font-size: 0; text-align: center;}
.yxIndex-Supports .section.yxIS3_5 .list .item{display: inline-block; vertical-align: top; width: 2.8rem; height: 2.4rem; color: #111; text-align: center;}
.yxIndex-Supports .section.yxIS3_5 .list .item:nth-child(3n+2),
.yxIndex-Supports .section.yxIS3_5 .list .item:nth-child(3n+3){margin-left: 0.06666667rem;}
.yxIndex-Supports .section.yxIS3_5 .list .item:nth-child(1n+4){margin-top: 0.2rem;}
.yxIndex-Supports .section.yxIS3_5 .list .item .icoImg{display: block; margin-left: auto; margin-right: auto; width: 1.6rem; height: 1.6rem; border-radius: 50%; background-color: #e6e6e6;}
.yxIndex-Supports .section.yxIS3_5 .list .item p{margin-top: 0.13333333rem; font-size: 0.32rem; line-height: 0.4rem;}
.yxIndex-Supports .section.yxIS3_6{background-color: #f0f0f0;}
.yxIndex-Supports .section.yxIS3_6 .list{margin-top: 0.4rem;}
.yxIndex-Supports .section.yxIS3_6 .list .item{position: relative; width: 4.46666667rem; padding-bottom: 0.34666667rem;}
.yxIndex-Supports .section.yxIS3_6 .list .item:nth-child(2n+1){float: left;}
.yxIndex-Supports .section.yxIS3_6 .list .item:nth-child(2n+2){float: right;}
.yxIndex-Supports .section.yxIS3_6 .list .item:nth-child(1n+3){margin-top: 0.26666667rem;}
.yxIndex-Supports .section.yxIS3_6 .list .item .pic{border: #c7141c solid 0.02666667rem; width: 4.46666667rem; height: 2.74666667rem; box-sizing: border-box;}
.yxIndex-Supports .section.yxIS3_6 .list .item h3{position: absolute; z-index: 8; bottom: 0; left: 0.53333333rem; width: 3.4rem; height: 0.66666667rem; font-size: 0.32rem; line-height: 0.66666667rem; text-align: center; color: #fff; background-color: #c7141c;}
.yx-League{position: relative; z-index: 1; padding-top: 0.53333333rem; padding-bottom: 0.66666667rem; text-align: center; color: #fff; background-image: url(../images/bg-league.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-color: #c32122;}
.yx-League .dt{font-size: 0.48rem; line-height: 0.53333333rem; font-weight: bold;}
.yx-League .ds{margin-top: 0.2rem; font-size: 0.32rem; line-height: 0.4rem;}
.yx-League .ds:before{content: " "; display: block; margin-top: 0.26666667rem; margin-bottom: 0.2rem; width: 1.06666667rem; height: 1px; margin-left: auto; margin-right: auto; background-color: #fff;}
.yx-League .sContact-MessageBoard{margin-top: 0.26666667rem; border-color: #fff;}
.yx-League .enter{background-color: #c7141c;}
.yx-Footer{background-color: #171717; color: #fff; font-size: 0.32rem; line-height: 1.5; text-align: center;}
.yx-Footer-t{padding: 0.33333333rem 0.4rem;}
.yx-Footer-t .tel{margin-bottom: 0.13333333rem;}
.yx-Footer-b{padding: 0.2rem 0.4rem; background-color: #0e0e0e;}
.yx-Footer-b .links{margin-top: 0.13333333rem;}
.yxSubpage{position: relative; z-index: 1; background-color: #fff;}
.yx-sLeague-Condition{padding-bottom: 0.4rem;}
.yx-sLeague-Condition .yx-Head{margin-bottom: -0.58666667rem;}
.yx-sLeague-Condition .section{position: relative; border: #171717 solid 0.05333333rem; padding: 1.06666667rem 0.26666667rem 0.66666667rem; width: 9.2rem; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-top: 0.58666667rem;}
.yx-sLeague-Condition .section .dt{position: absolute; top: -0.4rem; left: 0.26666667rem; padding: 0.13333333rem; background-color: #fff;}
.yx-sLeague-Condition .section .dt .cn{font-size: 0.45333333rem; font-weight: bold;}
.yx-sLeague-Condition .section .dt .en{position: absolute; margin-top: 0.06666667rem; font-size: 0.32rem; line-height: 0.32rem; text-transform: uppercase; white-space: nowrap; color: #999999;}
.yx-sLeague-Condition .section .dd .item{position: relative; padding-left: 0.72rem; font-size: 0.34666667rem; line-height: 0.48rem; color: #111;}
.yx-sLeague-Condition .section .dd .item:nth-child(1n+2){margin-top: 0.26666667rem;}
.yx-sLeague-Condition .section .dd .item i{float: left; margin-left: -0.72rem; width: 0.48rem; height: 0.48rem; font-size: 0.32rem; line-height: 0.48rem; text-align: center; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.yx-sLeague-Condition .section.good .dt .cn{color: #c7141c;}
.yx-sLeague-Condition .section.good .item i{background-color: #c7141c;}
.yx-sLeague-Condition .section.bad .dt .cn{color: #525252;}
.yx-sLeague-Condition .section.bad .item i{background-color: #525252;}
.yx-sLeague-Process{padding-bottom: 0.8rem; background-color: #f5f3ec; background-image: url(../images/bg-index-brand.jpg); background-size: 0.66666667rem 0.66666667rem; background-position: 50% 50%; background-repeat: repeat;}
.yx-sLeague-Process .list{width: 8rem; margin-left: auto; margin-right: auto; text-align: center;}
.yx-sLeague-Process .list .item{position: relative; z-index: 1; padding: 0.13333333rem 0.66666667rem; border-radius: 0.93333333rem; line-height: 0.66666667rem; font-size: 0; color: #fff; background-color: #fff; border: #c7141c solid 0.02666667rem;}
.yx-sLeague-Process .list .item:before{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; z-index: -1; background-color: #c7141c; border: #ffffff solid 0.04rem; border-radius: 0.8rem;}
.yx-sLeague-Process .list .item:nth-child(1n+2){margin-top: 1.06666667rem;}
.yx-sLeague-Process .list .item:nth-child(1n+2):after{content: " "; position: absolute; left: 50%; margin-left: -0.24rem; top: -0.8rem; width: 0.48rem; height: 0.66666667rem; background-image: url(../images/arrow-sleague-flow.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.yx-sLeague-Process .list .item span.dib{vertical-align: middle; font-size: 0.34666667rem; line-height: 0.53333333rem;}
.yx-sExperience{padding-bottom: 0.66666667rem;}
.yx-sExperience-List .item{position: relative; overflow: hidden; background-color: #f0f0f0;}
.yx-sExperience-List .item:nth-child(1n+2){margin-top: 0.4rem;}
.yx-sExperience-List .item .link{padding: 0.53333333rem 0.4rem;}
.yx-sExperience-List .item .vm{position: relative; padding-left: 1.86666667rem; height: 1.6rem; line-height: 1.6rem; font-size: 0; *font-size: 1rem;}
.yx-sExperience-List .item .vm:after{content: "\00a0"; font-size: 0px; visibility: hidden;}
.yx-sExperience-List .item .pic{position: absolute; left: 0; top: 0; width: 1.6rem; height: 1.6rem; border-radius: 1.6rem;}
.yx-sExperience-List .item .dt{display: inline-block; vertical-align: middle; font-size: 0.37333333rem; line-height: 0.50666667rem; font-weight: bold; color: #111;}
.yx-sExperience-List .item .dd{width: 100%; margin-top: 0.32rem; font-size: 0.34666667rem; line-height: 0.50666667rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 1.48rem;}
.yx-View{padding-bottom: 0.66666667rem;}
.yx-View-Head{padding-top: 0.8rem; padding-bottom: 0.6rem; text-align: center;}
.yx-View-Head h1{font-size: 0.4rem; line-height: 0.58666667rem; color: #111;}
.yx-View-Head p{margin-top: 0.13333333rem; font-size: 0.32rem; color: #666666;}
.yx-View-Neck{padding: 0.33333333rem 0.46666667rem; background-color: #f5f5f5; font-size: 0.32rem; line-height: 0.58666667rem; color: #111;}
.yx-View-Body{padding: 0.2rem; margin-top: 0.2rem; margin-bottom: 0.13333333rem; color: #111; text-align: justify;}
.yx-News{padding-bottom: 0.66666667rem;}
.yx-News-List .item{background-color: #f0f0f0;}
.yx-News-List .item:nth-child(1n+2){margin-top: 0.4rem;}
.yx-News-List .item .link{padding: 0.4rem; color: #666666;}
.yx-News-List .item h3{font-size: 0.37333333rem; line-height: 0.53333333rem; color: #111;}
.yx-News-List .item .date{margin-top: 0.2rem; font-size: 0.32rem;}
.yx-News-List .item .pic{margin-top: 0.2rem; width: 9.2rem; height: 5.77674419rem;}
.yx-News-List .item .info{margin-top: 0.2rem; font-size: 0.34666667rem; line-height: 0.48rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 1.4rem; height: 1.4rem;}
.yx-News-List .item .more{display: block; margin-top: 0.26666667rem; font-weight: bold; color: #111;}
.yx-News-List .item:active{background-color: #c7141c;}
.yx-News-List .item:active a,
.yx-News-List .item:active h3,
.yx-News-List .item:active .date,
.yx-News-List .item:active .more{color: #fff;}
/* v||h */
.posSet{left: 50%; width: 10rem; margin-left: -5rem;}
@media all and (orientation: landscape){.posSet{position: relative !important;} #header{position: fixed !important;} #function{z-index: 1;}}
@media all and (orientation: portrait){.posSet{position: fixed !important;} .posSet.pa{position: absolute !important;} #header{top: 0;} .subpage{padding-bottom: 1.30666667rem;}}
#newBridge #nb_icon_wrap .nb-icon-customer{background-size: contain !important;background-position: right center !important;}
#newBridge .nb-icon-right-center{right: 0 !important; width: 47px !important; height: 93px !important;}