/*--公共部分--*/

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }



html, body, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: 100; }



p { margin: 0px; padding: 0px; }



@font-face { font-family: 'webfont'; font-display: swap; src: url("../fonts/EFFRA_RG.eot"); /* IE9*/ src: url("../fonts/EFFRA_RG.eot?#iefix") format("embedded-opentype"), url("../fonts/EFFRA_RG.woff2") format("woff2"), url("../fonts/EFFRA_RG.woff") format("woff"), url("../fonts/EFFRA_RG.ttf") format("truetype"); }



body, button, input, select, textarea { font: 14px/1.5 'webfont', Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; color: #333; word-wrap: break-word;word-break: keep-all; }



img { border: 0px; vertical-align: middle;max-width:100%; }



table { border-collapse: collapse; border-spacing: 0; }



table th, table td { border: 1px solid #ccc; }



/**, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; text-transform: capitalize; }*/

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat;}



a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }



a:hover { background-repeat: no-repeat; text-decoration: none; }



a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }



[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }



input, textarea, select { outline: none; }



input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }



textarea { overflow: auto; vertical-align: top; }



input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }



.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; box-sizing: content-box; }



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }



.clearfix { *zoom: 1; }



.removeStyle { margin: 0px; padding: 0px; list-style: none; }



.removeStyle li { list-style: none; margin: 0px; padding: 0px; }



.removeStyle dd { list-style: none; margin: 0px; padding: 0px; }



.removeStyle dt { list-style: none; margin: 0px; padding: 0px; }



.removeStyle .Lheight{

    overflow-y: auto;

    height: 540px;

}

.removeStyle .Lheight::-webkit-scrollbar {/*滚动条整体样式*/



  width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/



  height: 1px;



}



.removeStyle .Lheight::-webkit-scrollbar-thumb {/*滚动条里面小方块*/



  border-radius: 10px;



   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);



  background: #535353;



}



.removeStyle .Lheight::-webkit-scrollbar-track {/*滚动条里面轨道*/



  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);



  border-radius: 10px;



  background: #EDEDED;



}





/* 字体图标 */

.iconfont { color: inherit; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased; /* 文字抗锯齿 */ -moz-osx-font-smoothing: grayscale; /* 文字抗锯齿 */ }



.fl { float: left; }



.fr { float: right; }



.show { display: block !important; }



.hide { display: none !important; }



.commonweb { padding: 0px 10px; }



.commonwebbox { margin-left: 0px; margin-right: 0px; }



.commonleft { float: none; }



.commonright { float: none; }



.visible-sm, .visible-md, .visible-lg { display: none; }



.hidden-sm, .hidden-md, .hidden-lg { display: block; }



.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }



.col-xs-12 { width: 100%; }



.col-xs-11 { width: 91.66666667%; }



.col-xs-10 { width: 83.33333333%; }



.col-xs-9 { width: 75%; }



.col-xs-8 { width: 66.66666667%; }



.col-xs-7 { width: 58.33333333%; }



.col-xs-6 { width: 50%; }



.col-xs-5 { width: 41.66666667%; }



.col-xs-4 { width: 33.33333333%; }



.col-xs-3 { width: 25%; }



.col-xs-2 { width: 16.66666667%; }



.col-xs-1 { width: 8.33333333%; }



@media (max-width: 320px) { body { min-width: 320px; } }



@media (min-width: 768px) { .commonweb { padding: 0px 20px; }

  .commonwebbox { margin-left: -10px; margin-right: -10px; }

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }

  .col-sm-12 { width: 100%; }

  .col-sm-11 { width: 91.66666667%; }

  .col-sm-10 { width: 83.33333333%; }

  .col-sm-9 { width: 75%; }

  .col-sm-8 { width: 66.66666667%; }

  .col-sm-7 { width: 58.33333333%; }

  .col-sm-6 { width: 50%; }

  .col-sm-5 { width: 41.66666667%; }

  .col-sm-4 { width: 33.33333333%; }

  .col-sm-3 { width: 25%; }

  .col-sm-2 { width: 16.66666667%; }

  .col-sm-1 { width: 8.33333333%; }

  .visible-sm { display: block; }

  .hidden-sm { display: none; }

  .commonweb { margin: 0px auto; max-width: 750px; } }



@media (min-width: 992px) { .commonweb { padding: 0px 10px; }

  .commonwebbox { margin-left: -10px; margin-right: -10px; }

  .commonleft { float: left; }

  .commonright { float: right; }

  .visible-md { display: block; }

  .hidden-md { display: none; }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }

  .col-md-12 { width: 100%; }

  .col-md-11 { width: 91.66666667%; }

  .col-md-10 { width: 83.33333333%; }

  .col-md-9 { width: 75%; }

  .col-md-8 { width: 66.66666667%; }

  .col-md-7 { width: 58.33333333%; }

  .col-md-6 { width: 50%; }

  .col-md-5 { width: 41.66666667%; }

  .col-md-4 { width: 33.33333333%; }

  .col-md-3 { width: 25%; }

  .col-md-2 { width: 16.66666667%; }

  .col-md-1 { width: 8.33333333%; }

  .commonweb { max-width: 970px; } }



@media (min-width: 1260px) { html { cursor: default; }

  .commonleft { float: left; }

  .commonright { float: right; }

  .visible-lg { display: block; }

  .hidden-lg { display: none; }

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }

  .col-lg-12 { width: 100%; }

  .col-lg-11 { width: 91.66666667%; }

  .col-lg-10 { width: 83.33333333%; }

  .col-lg-9 { width: 75%; }

  .col-lg-8 { width: 66.66666667%; }

  .col-lg-7 { width: 58.33333333%; }

  .col-lg-6 { width: 50%; }

  .col-lg-5 { width: 41.66666667%; }

  .col-lg-4 { width: 33.33333333%; }

  .col-lg-3 { width: 25%; }

  .col-lg-2 { width: 16.66666667%; }

  .col-lg-1 { width: 8.33333333%; } }



@media (min-width: 1260px) { .commonweb { max-width: 1220px; } }



@media (min-width: 1420px) { .commonweb { max-width: 1400px; } }



/* layout start*/

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }



.swiper-container-no-flexbox .swiper-slide { float: left; }



.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }



.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }



.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }



.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }



.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }



.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }



.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }



.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }



.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }



.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }



.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }



.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }



.swiper-pagination.swiper-pagination-hidden { opacity: 0; }



.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }



.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }



.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }



.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }



.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }



.swiper-pagination.swiper-pagination-hidden { opacity: 0; }



.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; }



button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }



.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }



.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }



.swiper-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: #dde2e9; }



.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 0px; bottom: 20px; z-index: 50; height: 2px; width: 100%; opacity: 1 !important; }



.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }



.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #c1c7cf; -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }



.swiper-scrollbar-cursor-drag { cursor: move; }



.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }



.animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }



.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }



.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }



.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }



@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

  70% { -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0); }

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

    transform: translate3d(0, -4px, 0); } }



@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

  70% { -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0); }

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

    transform: translate3d(0, -4px, 0); } }



.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }



@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }

  25%, 75% { opacity: 0; } }



@keyframes flash { 0%, 50%, to { opacity: 1; }

  25%, 75% { opacity: 0; } }



.flash { -webkit-animation-name: flash; animation-name: flash; }



@-webkit-keyframes pulse { 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 pulse { 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); } }



.pulse { -webkit-animation-name: pulse; animation-name: pulse; }



@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  30% { -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1); }

  40% { -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1); }

  50% { -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1); }

  65% { -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1); }

  75% { -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1); }

  to { -webkit-transform: scaleX(1);

    transform: scaleX(1); } }



@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  30% { -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1); }

  40% { -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1); }

  50% { -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1); }

  65% { -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1); }

  75% { -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1); }

  to { -webkit-transform: scaleX(1);

    transform: scaleX(1); } }



.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }



@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }



@keyframes shake { 0%, to { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }



.shake { -webkit-animation-name: shake; animation-name: shake; }



@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);

    transform: translateX(0); }

  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg); }

  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg); }

  50% { -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes headShake { 0% { -webkit-transform: translateX(0);

    transform: translateX(0); }

  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg); }

  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg); }

  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg); }

  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg); }

  50% { -webkit-transform: translateX(0);

    transform: translateX(0); } }



.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }



@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);

    transform: rotate(15deg); }

  40% { -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg); }

  60% { -webkit-transform: rotate(5deg);

    transform: rotate(5deg); }

  80% { -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg); }

  to { -webkit-transform: rotate(0deg);

    transform: rotate(0deg); } }



@keyframes swing { 20% { -webkit-transform: rotate(15deg);

    transform: rotate(15deg); }

  40% { -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg); }

  60% { -webkit-transform: rotate(5deg);

    transform: rotate(5deg); }

  80% { -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg); }

  to { -webkit-transform: rotate(0deg);

    transform: rotate(0deg); } }



.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }



@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }

  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }

  to { -webkit-transform: scaleX(1);

    transform: scaleX(1); } }



@keyframes tada { 0% { -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }

  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }

  to { -webkit-transform: scaleX(1);

    transform: scaleX(1); } }



.tada { -webkit-animation-name: tada; animation-name: tada; }



@-webkit-keyframes wobble { 0% { -webkit-transform: none;

    transform: none; }

  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

    transform: translate3d(-25%, 0, 0) rotate(-5deg); }

  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

    transform: translate3d(20%, 0, 0) rotate(3deg); }

  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

    transform: translate3d(-15%, 0, 0) rotate(-3deg); }

  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

    transform: translate3d(10%, 0, 0) rotate(2deg); }

  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

    transform: translate3d(-5%, 0, 0) rotate(-1deg); }

  to { -webkit-transform: none;

    transform: none; } }



@keyframes wobble { 0% { -webkit-transform: none;

    transform: none; }

  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

    transform: translate3d(-25%, 0, 0) rotate(-5deg); }

  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

    transform: translate3d(20%, 0, 0) rotate(3deg); }

  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

    transform: translate3d(-15%, 0, 0) rotate(-3deg); }

  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

    transform: translate3d(10%, 0, 0) rotate(2deg); }

  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

    transform: translate3d(-5%, 0, 0) rotate(-1deg); }

  to { -webkit-transform: none;

    transform: none; } }



.wobble { -webkit-animation-name: wobble; animation-name: wobble; }



@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;

    transform: none; }

  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);

    transform: skewX(0.39063deg) skewY(0.39063deg); }

  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);

    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }



@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;

    transform: none; }

  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg); }

  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg); }

  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg); }

  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg); }

  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg); }

  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);

    transform: skewX(0.39063deg) skewY(0.39063deg); }

  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);

    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }



.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }



@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  60% { opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03); }

  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97); }

  to { opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1); } }



@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  60% { opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03); }

  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97); }

  to { opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1); } }



.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }



@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0); }

  75% { -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

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

    transform: translate3d(0, 5px, 0); }

  to { -webkit-transform: none;

    transform: none; } }



@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0); }

  75% { -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

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

    transform: translate3d(0, 5px, 0); }

  to { -webkit-transform: none;

    transform: none; } }



.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }



@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0); }

  75% { -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

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

    transform: translate3d(5px, 0, 0); }

  to { -webkit-transform: none;

    transform: none; } }



@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0); }

  75% { -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

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

    transform: translate3d(5px, 0, 0); }

  to { -webkit-transform: none;

    transform: none; } }



.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }



@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0); }

  75% { -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); }

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

    transform: translate3d(-5px, 0, 0); }

  to { -webkit-transform: none;

    transform: none; } }



@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0); }

  75% { -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); }

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

    transform: translate3d(-5px, 0, 0); }

  to { -webkit-transform: none;

    transform: none; } }



.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }



@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  75% { -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

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

    transform: translate3d(0, -5px, 0); }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% { opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0); }

  60% { opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  75% { -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

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

    transform: translate3d(0, -5px, 0); }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }



@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% { opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); } }



@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% { opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); } }



.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }



@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  40%, 45% { opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }



@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0); }

  40%, 45% { opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }



.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }



@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }



@keyframes bounceOutLeft { 20% { opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }



.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }



@-webkit-keyframes bounceOutRight { 20% { opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }



@keyframes bounceOutRight { 20% { opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }



.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }



@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  40%, 45% { opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }



@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0); }

  40%, 45% { opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0); }

  to { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }



.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }



@-webkit-keyframes fadeIn { 0% { opacity: 0; }

  to { opacity: 1; } }



@keyframes fadeIn { 0% { opacity: 0; }

  to { opacity: 1; } }



.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }



@-webkit-keyframes fadeInDown { 0% { opacity: 0;

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInDown { 0% { opacity: 0;

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }



@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInDownBig { 0% { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }



@-webkit-keyframes fadeInLeft { 0% { opacity: 0;

    -webkit-transform: translate3d(-30px, 0, 0);

    transform: translate3d(-30px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInLeft { 0% { opacity: 0;

    -webkit-transform: translate3d(-30px, 0, 0);

    transform: translate3d(-30px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }



@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInLeftBig { 0% { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }



@-webkit-keyframes fadeInRight { 0% { opacity: 0;

    -webkit-transform: translate3d(30px, 0, 0);

    transform: translate3d(30px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInRight { 0% { opacity: 0;

    -webkit-transform: translate3d(30px, 0, 0);

    transform: translate3d(30px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }



@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInRightBig { 0% { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }



@-webkit-keyframes fadeInUp { 0% { opacity: 0;

    -webkit-transform: translate3d(0, 30px, 0);

    transform: translate3d(0, 30px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInUp { 0% { opacity: 0;

    -webkit-transform: translate3d(0, 30px, 0);

    transform: translate3d(0, 30px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }



@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInUpBig { 0% { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }



@-webkit-keyframes fadeOut { 0% { opacity: 1; }

  to { opacity: 0; } }



@keyframes fadeOut { 0% { opacity: 1; }

  to { opacity: 0; } }



.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }



@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



@keyframes fadeOutDown { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }



@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }



@keyframes fadeOutDownBig { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0); } }



.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }



@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }



@keyframes fadeOutLeft { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }



.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }



@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }



@keyframes fadeOutLeftBig { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0); } }



.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }



@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }



@keyframes fadeOutRight { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }



.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }



@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }



@keyframes fadeOutRightBig { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0); } }



.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }



@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



@keyframes fadeOutUp { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }



@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }



@keyframes fadeOutUpBig { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0); } }



.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }



@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);

    transform: perspective(400px) rotateY(-1turn); }

  0%, 40% { -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }

  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }

  50%, 80% { -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }



@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);

    transform: perspective(400px) rotateY(-1turn); }

  0%, 40% { -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }

  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }

  50%, 80% { -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }



.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }



@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; }

  0%, 40% { -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  40% { -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg); }

  60% { -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1; }

  80% { -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px); } }



@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; }

  0%, 40% { -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  40% { -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg); }

  60% { -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1; }

  80% { -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px); } }



.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }



@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; }

  0%, 40% { -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  40% { -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg); }

  60% { -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1; }

  80% { -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px); } }



@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; }

  0%, 40% { -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  40% { -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg); }

  60% { -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1; }

  80% { -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg); }

  to { -webkit-transform: perspective(400px);

    transform: perspective(400px); } }



.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }



@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% { -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1; }

  to { -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; } }



@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% { -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1; }

  to { -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; } }



.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }



@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% { -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1; }

  to { -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; } }



@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);

    transform: perspective(400px); }

  30% { -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1; }

  to { -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; } }



.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }



@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

  60% { -webkit-transform: skewX(20deg);

    transform: skewX(20deg); }

  60%, 80% { opacity: 1; }

  80% { -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg); }

  to { -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0; }

  60% { -webkit-transform: skewX(20deg);

    transform: skewX(20deg); }

  60%, 80% { opacity: 1; }

  80% { -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg); }

  to { -webkit-transform: none;

    transform: none;

    opacity: 1; } }



.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }



@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }

  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }



@keyframes lightSpeedOut { 0% { opacity: 1; }

  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0; } }



.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }



@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: center; }

  to { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: center; }

  to { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }



@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: left bottom; }

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: left bottom; }

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }



@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: right bottom; }

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: right bottom; }

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }



@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: left bottom; }

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: left bottom; }

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }



@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: right bottom; }

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; }

  0%, to { -webkit-transform-origin: right bottom; }

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1; } }



.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }



@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;

    opacity: 1; }

  0%, to { -webkit-transform-origin: center; }

  to { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0; } }



@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;

    opacity: 1; }

  0%, to { -webkit-transform-origin: center; }

  to { -webkit-transform-origin: center; transform-origin: center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0; } }



.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }



@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    opacity: 1; }

  0%, to { -webkit-transform-origin: left bottom; }

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; } }



@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    opacity: 1; }

  0%, to { -webkit-transform-origin: left bottom; }

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0; } }



.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }



@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    opacity: 1; }

  0%, to { -webkit-transform-origin: right bottom; }

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; } }



@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    opacity: 1; }

  0%, to { -webkit-transform-origin: right bottom; }

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; } }



.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }



@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    opacity: 1; }

  0%, to { -webkit-transform-origin: left bottom; }

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; } }



@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    opacity: 1; }

  0%, to { -webkit-transform-origin: left bottom; }

  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0; } }



.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }



@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    opacity: 1; }

  0%, to { -webkit-transform-origin: right bottom; }

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; } }



@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    opacity: 1; }

  0%, to { -webkit-transform-origin: right bottom; }

  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; } }



.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }



@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }

  0%, 20%, 60% { -webkit-transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%, 60% { -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left; }

  40%, 80% { -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to { -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }



@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }

  0%, 20%, 60% { -webkit-transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  20%, 60% { -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left; }

  40%, 80% { -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  to { -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0; } }



.hinge { -webkit-animation-name: hinge; animation-name: hinge; }



@-webkit-keyframes rollIn { 0% { opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes rollIn { 0% { opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg); }

  to { opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }



@-webkit-keyframes rollOut { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg); } }



@keyframes rollOut { 0% { opacity: 1; }

  to { opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg); } }



.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }



@-webkit-keyframes zoomIn { 0% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% { opacity: 1; } }



@keyframes zoomIn { 0% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% { opacity: 1; } }



.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }



@-webkit-keyframes zoomInDown { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomInDown { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }



@-webkit-keyframes zoomInLeft { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomInLeft { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }



@-webkit-keyframes zoomInRight { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomInRight { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }



@-webkit-keyframes zoomInUp { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomInUp { 0% { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }



@-webkit-keyframes zoomOut { 0% { opacity: 1; }

  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50%, to { opacity: 0; } }



@keyframes zoomOut { 0% { opacity: 1; }

  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50%, to { opacity: 0; } }



.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }



@-webkit-keyframes zoomOutDown { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomOutDown { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }



@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }



@keyframes zoomOutLeft { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }



.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }



@-webkit-keyframes zoomOutRight { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }



@keyframes zoomOutRight { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  to { opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }



.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }



@-webkit-keyframes zoomOutUp { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



@keyframes zoomOutUp { 40% { opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  to { opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }



.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }



@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }



@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible; }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }



@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible; }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }



@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible; }

  to { -webkit-transform: translateZ(0);

    transform: translateZ(0); } }



.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }



@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }



@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }



@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0); } }



.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }



@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }



@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0); } }



.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }



@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);

    transform: translateZ(0); }

  to { visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }



@-webkit-keyframes slideScale { 0% {visibility: visible !important; -webkit-transform: scale(4);

  transform: translateZ(4); }

to {visibility: visible !important; -webkit-transform: scale(1);

  transform: translateZ(1); } }



@keyframes slideScale { 0% {visibility: visible !important; -webkit-transform: scale(4);

  transform: translateZ(4); }

to { visibility: visible !important; -webkit-transform: scale(1);

  transform: translateZ(1); } }



.slideScale { -webkit-animation-name: slideScale; animation-name: slideScale; }



img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; }



.PopupVideoBox { position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }



.PopupVideo { position: absolute; left: 50%; width: 100%; top: 50%; max-width: 920px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px 25px; }



.PopupVideo video { width: 100%; }



.PopupVideo iframe { width: 100%; height: 460px; }



.closeVideo { position: absolute; right: 25px; top: -25px; width: 22px; height: 22px; cursor: pointer; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }



.closeVideo::after { content: ''; display: block; position: absolute; width: 2px; height: 100%; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }



.closeVideo::before { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.bd_weixin_popup_bg { position: absolute; left: -400px; top: -400px; width: 260px; height: 320px; border: 0; padding: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); z-index: 11000; }



.bd_weixin_popup { position: absolute; left: -400px; top: -400px; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; }



.bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; }



.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; }



.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover { text-decoration: none; }



.bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; }



.bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; }



.bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px; }



.bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px; }



.bdshare-button-style0-16 .bds_renren { background-position: 0 -208px; }



.bdshare-button-style0-16 .bds_tqq { background-position: 0 -260px; }



.bdshare-button-style0-16 .bds_kaixin001 { background-position: 0 -312px; }



.bdshare-button-style0-16 .bds_tqf { background-position: 0 -364px; }



.bdshare-button-style0-16 .bds_hi { background-position: 0 -416px; }



.bdshare-button-style0-16 .bds_douban { background-position: 0 -468px; }



.bdshare-button-style0-16 .bds_tsohu { background-position: 0 -520px; }



.bdshare-button-style0-16 .bds_tieba { background-position: 0 -728px; }



.bdshare-button-style0-16 .bds_hx { background-position: 0 -988px; }



.bdshare-button-style0-16 .bds_fx { background-position: 0 -1040px; }



.bdshare-button-style0-16 .bds_ty { background-position: 0 -1196px; }



.bdshare-button-style0-16 .bds_fbook { background-position: 0 -1352px; }



.bdshare-button-style0-16 .bds_twi { background-position: 0 -1404px; }



.bdshare-button-style0-16 .bds_linkedin { background-position: 0 -1664px; }



.bdshare-button-style0-16 .bds_meilishuo { background-position: 0 -1716px; }



.bdshare-button-style0-16 .bds_mogujie { background-position: 0 -1768px; }



.bdshare-button-style0-16 .bds_diandian { background-position: 0 -1820px; }



.bdshare-button-style0-16 .bds_huaban { background-position: 0 -1872px; }



.bdshare-button-style0-16 .bds_duitang { background-position: 0 -2028px; }



.bdshare-button-style0-16 .bds_youdao { background-position: 0 -2080px; }



.bdshare-button-style0-16 .bds_wealink { background-position: 0 -2184px; }



.bdshare-button-style0-16 .bds_copy { background-position: 0 -2288px; }



.bdshare-button-style0-16 .bds_mail { background-position: 0 -2340px; }



.bdshare-button-style0-16 .bds_print { background-position: 0 -2392px; }



.bdshare-button-style0-16 .bds_mshare { background-position: 0 -2444px; }



.bdshare-button-style0-16 .bds_sqq { background-position: 0 -2652px; }



.bdshare-button-style0-16 .bds_sdo { background-position: 0 -2704px; }



.bdshare-button-style0-16 .bds_qingbiji { background-position: 0 -2756px; }



.bdshare-button-style0-16 .bds_people { background-position: 0 -2808px; }



.bdshare-button-style0-16 .bds_xinhua { background-position: 0 -2912px; }



.bdshare-button-style0-16 .bds_yaolan { background-position: 0 -2964px; }



.bdshare-button-style0-16 .bds_thx { background-position: 0 -2496px; }



.bdshare-button-style0-16 .bds_bdhome { background-position: 0 -156px; }



.bdshare-button-style0-16 .bds_bdxc { background-position: 0 -2548px; }



.bdshare-button-style0-16 .bds_bdysc { background-position: 0 -3068px; }



.bdshare-button-style0-16 .bds_isohu { background-position: 0 -3016px; }



.bdshare-button-style0-16 .bds_more { background-position: 0 0; }



.bdshare-button-style0-16 .bds_ibaidu { background-position: 0 -3120px; }



.bdshare-button-style0-16 .bds_weixin { background-position: 0 -1612px; }



.bdshare-button-style0-16 .bds_iguba { background-position: 0 -1300px; }



.bdshare-button-style0-16 { zoom: 1; }



.bdshare-button-style0-16:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }



.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../images/icons_0_16.png?v=d754dcc0.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; }



.bdshare-button-style0-16 a:hover { color: #333; opacity: .8; filter: alpha(opacity=80); }



.bdshare-button-style0-16 .bds_more { color: #333; float: left; }



.bdshare-button-style0-16 .bds_count { color: #333; background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 -30px; width: 42px; height: 16px; padding: 0; margin: 6px 0 0; text-align: center; }



.bdshare-button-style0-16 .bds_count:hover { background-position: -42px -30px; }



.bdshare-button-style0-16 .bds_button_image { float: left; cursor: pointer; margin: 6px 6px 0 0; height: auto; padding: 0; }



.bdshare-button-style0-16 .bdshare_button_count { background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 0; width: 44px; height: 24px; line-height: 24px; }



.bdshare-button-style0-16 .bdshare_button_count:hover { background-position: -44px 0; }



.bds_tfh, .bds_baidu, .bds_qq, .bds_msn, .bds_sohu, .bds_qy, .bds_leho, .bds_ifeng, .bds_ff, .bds_tuita, .bds_ms, .bds_deli, .bds_s51, .bds_t163, .bds_share189, .bds_xg, .bds_s139 { display: none; }



.commonTitleLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }



.commonTitleLocation h3 { float: left; font-size: 16px; position: relative; }



.commonTitleLocation p { float: right; }



.commonTitleLocation p a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }



.commonTitleLocation p a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }



.commonTitleLocation p a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; }



.commonTitleLocation p a:first-child::after { display: none; }



.commonTitleLocation p a.current { color: #333; }



.commonTitleLocation p img { display: inline-block; vertical-align: middle; }



.commonLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; }



.commonLocation a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; }



.commonLocation a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }



.commonLocation a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; }



.commonLocation a:first-child::after { display: none; }



.commonLocation a.current { color: #333; }



.commonLocation img { display: inline-block; vertical-align: middle; }



.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }



.select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }



.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.select2-container .select2-selection--single .select2-selection__clear { position: relative; }



.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }



.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }



.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }



.select2-container .select2-search--inline { float: left; }



.select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }



.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }



.select2-dropdown { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }



.select2-results { display: block; }



.select2-results__options { list-style: none; margin: 0; padding: 0; }



.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }



.select2-results__option[aria-selected] { cursor: pointer; }



.select2-container--open .select2-dropdown { left: 0; }



.select2-container--open .select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }



.select2-container--open .select2-dropdown--below { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }



.select2-search--dropdown { display: block; padding: 4px; }



.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }



.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }



.select2-search--dropdown.select2-search--hide { display: none; }



.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }



.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }



.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; }



.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }



.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }



.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }



.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }



.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }



.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }



.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }



.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }



.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }



.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }



.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; }



.select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }



.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }



.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }



.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }



.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }



.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }



.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }



.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }



.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }



.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }



.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }



.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }



.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }



.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }



.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }



.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }



.select2-container--default .select2-results__option[role=group] { padding: 0; }



.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }



.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }



.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }



.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }



.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }



.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }



.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }



.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }



.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }



.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }



.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }



.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }



.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }



.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }



.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }



.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }



.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }



.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }



.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }



.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; }



.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }



.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }



.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }



.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }



.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }



.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }



.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }



.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }



.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }



.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }



.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }



.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }



.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }



.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }



.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; }



.select2-container--classic .select2-dropdown--above { border-bottom: none; }



.select2-container--classic .select2-dropdown--below { border-top: none; }



.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }



.select2-container--classic .select2-results__option[role=group] { padding: 0; }



.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }



.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; }



.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }



.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }



.DefaultSelector { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.DefaultSelector > span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }



.DefaultSelector > span:nth-child(2) { margin-right: 10px; }



.DefaultSelector > span:nth-child(4) { margin-right: 10px; }



.DefaultSelector .select2-container--default .select2-selection--single { -webkit-border-radius: 0px; border-radius: 0px; height: 35px; }



.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; }



.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0px; }



.defaSearchList { padding: 50px 0px; }



.defaSearchList dl { border-bottom: 1px solid #eee; padding-bottom: 10px; }



.defaSearchList dl dt { float: left; font-size: 16px; }



.defaSearchList dl dd { float: right; font-size: 14px; }



.defaSearchList li { padding: 10px 20px 15px; margin-top: 15px; border-bottom: 1px solid #eee; background: #f6f6f6; }



.defaSearchList li h3 { font-size: 16px; color: #1a1a1a; line-height: 26px; padding-bottom: 5px; }



.defaSearchList li .defaDesc { font-size: 12px; color: #adadad; padding-top: 5px; line-height: 20px; }



.defaWebMap { background-color: #fff; }



.defaWebMap dl { border: 1px solid #e6e6e6; margin-top: 30px; }



.defaWebMap dl h3 { padding-left: 20px; padding-bottom: 5px; }



.defaWebMap dl h3 span { font-size: 20px; color: #00a1e9; position: relative; top: -12px; background-color: #fff; padding: 0px 13px; }



.defaWebMap dl h3 span a { color: #d90000; }



.defaWebMap dl dd { padding-left: 33px; padding-bottom: 15px; }



.defaWebMap dl dd a { font-size: 14px; padding-right: 20px; display: inline-block; padding-bottom: 8px; }



.defaWebMap dl dd a em { display: inline-block; margin-right: 8px; width: 3px; height: 3px; background-color: #d90000; vertical-align: middle; }



.defaArticleDetails { font-size: 14px; line-height: 24px; }



.defaArticleDetails p { margin-bottom: 10px; }



.defaArticleDetails img { display: block; max-width: 100%; margin: 0px auto; }



.defaPrevNextpage { margin-top: 40px; border-top: 1px solid #3d3f48; border-bottom: 1px solid #3d3f48; }



.defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 90px 0px 90px; font-size: 14px; line-height: 50px; white-space: nowrap; height: 50px; }



.defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 10px; top: 0px; display: block; width: 75px; }



.defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 0px; width: 80px; display: block; }



.defaPrevNextpage p a { display: block; text-overflow: ellipsis; overflow: hidden; }



.defaPrevNextpage p:nth-child(2) { border: none; }



.defaPrevNextpage p:nth-child(2) span:after { border-bottom: none; border-top: 5px solid #000000; }



@media (min-width: 768px) { .defaWebMap dl { margin-top: 50px; }

  .defaWebMap dl dd a { padding-right: 50px; } }



@media (min-width: 992px) { .commonTitleLocation { padding: 20px 0; }

  .commonTitleLocation h3 { font-size: 24px; }

  .commonTitleLocation p { padding-top: 5px; }

  .commonTitleLocation p a { font-size: 14px; }

  .commonLocation { padding: 20px 0; }

  .commonLocation a { font-size: 14px; }

  .defaSearchList li { padding: 15px 35px 25px; margin-top: 25px; }

  .defaSearchList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; }

  .defaSearchList li .defaDesc { font-size: 13px; padding-top: 10px; line-height: 24px; }

  .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; }

  .defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

  .defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 30px; width: 120px; display: block; }

  .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 18px; line-height: 70px; white-space: nowrap; height: 70px; } }







/*产品详细-笔记本电脑*/

.PDlaptop1 { background: url(../images/l-bj1.jpg) no-repeat; background-size: cover; padding: 90px 0; }



.PDlaptop1Tit { text-align: center; color: #fff; }



.l-title { font-size: 50px; }



.PDlaptop1Li { margin-top: 45px; text-align: center; }



.PDlaptop1Li a { display: inline-block; width: 22%; font-size: 24px; color: #fff; position: relative; }



.PDlaptop1Li a::before { content: ""; width: 1px; height: 16px; background: #fff; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.PDlaptop1Li a:last-child::before { display: none; }



.PDlaptop1Con { margin-top: 60px; width: 100%; }



.PDlaptop1Con img { width: 100%; }



.PDlaptop2 { background: #fff; padding: 100px 0; }



.PDlaptop2Tit { color: #232323; text-align: center; }



.PDlaptop2Con table { width: 100%; margin-top: 45px; }



.PDlaptop2Con table tr { font-size: 0; }



.PDlaptop2Con table tr th { width: 11.1%; height: 85px; border-color: #e8e8e8; text-align: center; font-size: 18px; color: #fff; line-height: 24px; background: #e60012; font-weight: normal; }



.PDlaptop2Con table tr td { width: 11.1%; height: 85px; border-color: #e8e8e8; text-align: center; font-size: 18px; color: #333; line-height: 24px; background: #f7f7f7; font-weight: normal; }



.PDlaptop2Con table tr:nth-child(odd) td { background: #f1f1f1; }



.PDlaptop3 { position: relative; }



.PDlaptop3Bj { width: 100%; height: auto; }



.PDlaptop3Bj img { width: 100%; }



.PDlaptop3Tit { width: 100%; text-align: center; color: #fff; position: absolute; top: 100px; left: 0; }



.PDlaptop4 { background: #ecf1f5; padding-top: 100px; }



.PDlaptop4Tit { text-align: center; text-transform: uppercase; font-size: 30px; color: #333; }



.PDlaptop4Li { margin-top: 50px; text-align: center; }



.PDlaptop4LiText { display: inline-block; margin: 0 40px; }



.PDlaptop4LiText .t1 { font-size: 24px; color: #333; text-transform: uppercase; }



.PDlaptop4LiText .t2 { font-size: 18px; color: #666; line-height: 1; }



.PDlaptop4Con { text-align: center; }



.PDlaptop4Con img { max-width: 100%; margin: 20px auto 0; }



.PDlaptop5 { position: relative; }



.PDlaptop5Con { position: absolute; top: 0; left: 0; width: 100%; }



.PDlaptop3Bj { width: 100%; }



.PDlaptop3Bj img { width: 100%; }



.PDlaptop5Tit { text-align: center; padding-top: 100px; }



.PDlaptop5Tit h5 { color: #fff; line-height: 1; }



.PDlaptop5Tit p { font-size: 24px; color: #fff; margin-top: 30px; }



.PDlaptop5Li { margin-top: 45px; text-align: center; }



.PDlaptop5LiBox { display: inline-block; width: 300px; height: 102px; margin: 0 20px; -webkit-border-radius: 5px; border-radius: 5px; }



.PDlaptop5LiBox:first-child { background: url(../images/l-img9.png) no-repeat; background-size: cover; }



.PDlaptop5LiBox:nth-child(2) { background: url(../images/l-img10.png) no-repeat; background-size: cover; }



.PDlaptop5LiBox:last-child { background: url(../images/l-img11.png) no-repeat; background-size: cover; }



.PDlaptop5LiBox .t { font-size: 20px; color: #fff; height: 100%; }



.PDlaptop5LiBox .t span { font-size: 38px; }



.PDlaptop5Smll { text-align: center; padding: 100px 0 50px; background-color: #fff; color: #232323; }



.PDlaptop5Smll h3 { font-size: 56px; line-height: 1; }



.PDlaptop5Smll h5 { font-size: 30px; }



.PDlaptop6 { padding: 145px 0 120px; background: url(../images/l-bj4.jpg) no-repeat; background-size: 100% 100%; }



.PDlaptop6Left { width: 32%; padding: 45px 70px 0 0; }



.PDlaptop6LeftBox { margin-top: 30px; position: relative; }



.PDlaptop6LeftBox .icon { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.PDlaptop6LeftBox .icon img { max-width: 100%; vertical-align: middle; }



.PDlaptop6LeftBox .t { font-size: 24px; color: #fff; padding-left: 100px; }



.PDlaptop6LeftBox .t span { font-size: 36px; }



.PDlaptop6Right img { max-width: 100%; }



.commonBanner.commonBanner2 { background-image: url(../images/l-bj5.jpg); }



/*智能设备*/

.l-location a { border-right: 1px solid #dcdcdc; }



.SmartDevice { background: #fafafa; padding: 90px 0 100px; }



.SmartDevice .commonweb { font-size: 0; }



.SmartDeviceBox { width: 25%; display: inline-block; vertical-align: top; margin-top: 10px; }



.SmartDeviceBox a { height: 550px; position: relative; padding: 35px 30px 0; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; }



.SmartDeviceBox .icon { width: 82px; }



.SmartDeviceBox .icon img { width: 100%; }



.SmartDeviceBox .img { height: 410px; position: relative; width: 100%; }



.SmartDeviceBox .img img { max-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.SmartDeviceBox .t { text-align: center; font-size: 18px; color: #333; }



.SmartDeviceBox a:hover { background: #fff; }



/*智能设备详情页*/

.l-commonBanner { width: 100%; height: auto; }



.l-commonBanner img { min-width: 100%;max-height:720px; max-width:100%}



.SmartDeviceXQ1 { background: #fff; padding-bottom: 100px;}



.SmartDeviceXQ1Img { margin-top: -355px; width: 273px; margin-left: 163px; }



.SmartDeviceXQ1Img img { max-width: 100%; }



.SmartDeviceXQ1Text {text-align: center;}

.SmartDeviceXQ1Text_138{ margin-top:95px;}



.SmartDeviceXQ1Text h5 { font-size: 50px; color: #333; line-height: 1; }

.flight4s .SmartDeviceXQ1Text h5{margin-top:95px}

.SmartDeviceXQ1Text h3 { font-size: 30px; color: #333; margin-top: 50px; line-height: 1; }

.flight4s .SmartDeviceXQ1Text h3{font-size: 40px; margin-top: 45px}

.SmartDeviceXQ1Text_138 h3,

.SmartDeviceTwo_bell4s .SmartDeviceXQ1Text h3{ margin-top: 25px;font-size: 40px;}

.SmartDeviceTwo_bell4s .SmartDeviceXQ1Text h3{margin-top:45px}

.SmartDeviceXQ2 {height: 990px;}

.SmartDeviceXQ2_138{height:799px}



.SmartDeviceXQ2Left { width: 50%;position: relative;background: url(../images/l-img74.jpg) no-repeat;background-size: cover;height:100%}

.SmartDeviceXQ2Left_138{background: url(../images/smail_138bj.jpg) no-repeat;background-size:cover}

.SmartDeviceTwo_bell4s .SmartDeviceXQ2Left{background: url(../images/smail_138bj.jpg) no-repeat;background-size:cover}

.SmartDeviceXQ2Left img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width:90%;max-height:90%}

.flight4s .SmartDeviceXQ2Right{padding:55px 0 0 95px}

.SmartDeviceXQ2Right { width: 50%; background: #f6f6f6;padding:65px 0 0 87px;height:100%;}

.SmartDeviceTwo_bell4s .SmartDeviceXQ2Right{padding:103px 0 0 85px;}

.SmartDeviceXQ2_138 .SDXQ2RightTit{font-size: 40px;}

.SDXQ2RightTit { font-size: 30px; color: #202020; }

.SmartDeviceTwo_bell4s .SDXQ2RightTit{font-size: 40px;}

.SDXQ2RightLi { margin-top: 45px; }

.SmartDeviceTwo_bell4s .SDXQ2RightLi{ margin-top: 64px; }



.SDXQ2RightLiBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; align-items:center;}



.SDXQ2RightLiBox .icon { width: 55px; text-align: center; }



.SDXQ2RightLiBox .icon img { max-width: 100%; }

.SmartDeviceXQ2_138 .SDXQ2RightLiBox .t{font-size: 24px;width:95%}

.SDXQ2RightLiBox .t { padding-left: 23px; font-size: 18px; color: #333;line-height:40px; }



.SmartDeviceXQ3Text { width: 50%;padding:7.55% 2.939% 0 14.105%;}

.SmartDeviceXQ3-2 .SmartDeviceXQ3Text{padding:135px 234px 0 90px}

.SmartDeviceXQ3_138 .SmartDeviceXQ3Text{padding:10.09% 2.6768% 0 13.663%}



.SmartDeviceXQ3Text h3 { font-size: 50px; color: #333; }



.SmartDeviceXQ3Text h5 { font-size: 30px; color: #333; line-height: 1; }

.SmartDeviceTwo_bell4s .SmartDeviceXQ3Text h5 { font-size: 40px;}

.SmartDeviceTwo_bell4s .SmartDeviceXQ3Text p{ font-size: 30px;line-height: 1.1; margin-top: 45px;}



.SmartDeviceXQ3Text p { font-size: 18px; color: #333; line-height: 24px; margin-top: 50px; }



.SmartDeviceXQ3Img { width: 50%; height: auto; }



.SmartDeviceXQ3Img img { width: 100%; }



.SmartDeviceXQ4 { margin: 0 60px; background-color: #f8f8f8; padding: 50px 0 110px; }



.SmartDeviceXQ4Img { width: 43%; padding-top: 70px; }



.SmartDeviceXQ4Img img { max-width: 100%; }



.SmartDeviceXQ4Text { width: 57%; font-size: 0; }



.SDXQ4TextTit { font-size: 40px; color: #333;padding-bottom:35px; }



.SDXQ4TextTitLi { width: 35%; display: inline-block; vertical-align: top; }



.SDXQ4TextTitLiBox { font-size: 18px; color: #333; line-height: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; }

.SmartDeviceTwo_bell4s .SDXQ4TextTitLiBox{font-size: 24px; }

.SmartDeviceTwo_bell4s .SDXQ4TextTitLiBox span{font-size: 18px; }



.SDXQ4TextTitLi:last-child { width: 65%; }



.SDXQ4TextTitLiBox span { color: #999; display: inline-block; white-space: pre-wrap; }

.flight4s .SDXQ4TextTitLiBox{position:relative;font-size:24px;}

.flight4s .SDXQ4TextTitLiBox span{position: absolute;

    top: 0;

    right: 0;

    width: 49%;

    font-size:18px;

}

.SmartDeviceXQ5 { background-color: #fff; padding: 100px 0 140px; }

.SmartDeviceXQ5.SmartDeviceXQ5kafei{text-align:center;padding:30px 0 0;}

.SmartDeviceXQ5.SmartDeviceXQ5kafei img{width:990px;max-width:100%}



.SmartDeviceXQ5Tit { text-align: center; font-size: 40px; color: #1d1d1d; text-transform: capitalize; }



.SmartDeviceXQ5Con { margin-top: 50px; font-size: 0; }



.SDXQ5ConBox { display: inline-block; width: 30%; margin-left: 5%; }



.SDXQ5ConBox a { padding-bottom: 75px; background-color: #f8f8f8; display: block; }



.SDXQ5ConBox:first-child { margin-left: 0; }



.SDXQ5ConBox .img { height: 460px; position: relative; }



.SDXQ5ConBox .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; transition: all 0.3s; max-width: 90%; }



.SDXQ5ConBox .t { font-size: 30px; color: #333; text-align: center; }



.SDXQ5ConBox a:hover .img img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }



/*智能设备详情页2*/

.commonBannerText { position: absolute; top: 0; left: 0; width: 100%; padding-top: 280px; color: #fff; }



.commonBannerText h5 { font-size: 36px;font-weight:bold; }

.flight4s .commonBannerText p:nth-child(1){font-size: 36px;font-weight:bold;}

.commonBannerText p { font-size: 30px; margin-top:10px;line-height:1.8；}

.commonBannerText p span{font-size: 36px !important;font-weight: bold;}



.commonBut a { display: block; margin-top: 60px; width: 300px; line-height: 80px; background-color: #fff; -webkit-border-radius: 100px; border-radius: 100px; font-size: 30px; color: #333; text-align: center; }



.SmartDeviceXQ1-2 .SmartDeviceXQ1Img { margin: -490px 150px 100px 0; z-index: 1; position: relative; float: right; width: 100%; text-align: right; }

.SmartDeviceTwo_bell4s .SmartDeviceXQ1Img{margin: -415px 150px 100px 0;}

.SmartDeviceXQ1-2 .SmartDeviceXQ1Img img {max-width: 260px; }

.SmartDeviceXQ1-2 .nosmartbanner{margin: -665px 150px 100px 0;}



.SmartDeviceXQ2-2 .SmartDeviceXQ2Left { height: 100% !important; }



.SmartDeviceXQ2-2 .SmartDeviceXQ2Right {height: 100% !important;}

.flexsubbox{display: flex;align-items: center;}



.SmartDeviceXQ3Text h2 { font-size: 30px; color: #333; }



.SmartDeviceXQ3Text-2 p { line-height: 30px; }

.SmartDeviceTwo_bell4s .SmartDeviceXQ3Text h2 { font-size: 40px;}

.SmartDeviceTwo_bell4s .SmartDeviceXQ3Text-2 p{font-size:30px;margin-top:39px;}



/* .SmartDeviceXQ3-2 .SmartDeviceXQ3Text { padding: 180px 230px 0 90px; } */

.flexbox_div{display: flex;align-items: center;}



.l-commonBanner-2 { margin: 40px 0; position: relative; }



.l-commonBanner-2 .commonweb { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }



.l-commonBanner-2Text { width: 635px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 260px; font-size: 30px; line-height: 48px; color: #333; text-align: justify; }

.flight4s .l-commonBanner-2Text{transform:none;top:32.917%;left:16.3549%;right:auto;line-height:33px;}

.SmartDeviceXQ4TwoImg { width: 50%; }



.SmartDeviceXQ4TwoImg img { max-width: 100%; }



.SmartDeviceXQ4TwoText { width: 50%;padding:95px 0 0 262px}

.SmartDeviceXQ4Two-2 .SmartDeviceXQ4TwoText{padding:125px 0 0 92px; }

.SmartDeviceTwo_bell4s .SmartDeviceXQ4TwoText.Two{padding:125px 0 0 92px; }

.SmartDeviceTwo_bell4s .SmartDeviceXQ4TwoText.Two .SDXQ4TextTitLiBox span{width:60%}

.fzizebox h2{

  font-size: 30px;

    color: #333;

}

.fzizebox p {

  margin-top: 0 !important;

  line-height: 24px;

  margin-bottom: 20px;

  color: #333 !important;

  font-size: 16px;

}





.SmartDeviceXQ4Two { margin-bottom: 40px; }



/*智能设备详情页3*/



.SmartDeviceTwo_bell4s .SmartDeviceThree .SmartDeviceXQ2Left img{max-width: none;}

.SmartDeviceThree .SmartDeviceXQ2Left img { max-width: 260px; }

.SmartDeviceTwo_bell4s .SmartDeviceXQ2Left img{width: 44.375%;max-width: none }



.SmartDeviceThree .l-commonBanner-2Text { right: auto; left: 290px; }



.SmartDeviceThree .SDXQ4TextTitLiBox { position: relative; }



.SmartDeviceThree .SDXQ4TextTitLiBox span { width: 50%; position: absolute; top: 15px; right: 0; line-height: 1; margin-left: 5px;}

.SmartDeviceTwo_bell4s .SDXQ4TextTitLiBox span{width: 45%;margin-left:0;}



.SmartDeviceThree .SDXQ4TextTitLi { padding-right: 90px; }



.SmartDeviceThree .SDXQ4TextTitLi:last-child { width: 100%; }







/*404*/

.l-banner { position: relative; }



.l-bannerBj { width: 100%; }



.l-bannerBj img { width: 100%; }



.l-bannerText { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 25%; text-align: center; }



.l-bannerText .num { font-size: 300px; color: #fff; line-height: 1; }



.l-bannerTextOn { margin-top: 30px; }



.l-bannerTextOn a { display: block; text-align: left; padding-left: 65px; width: 275px; line-height: 60px; background-color: #fff; -webkit-border-radius: 30px; border-radius: 30px; font-size: 30px; color: #1e2126; margin: 0 auto; position: relative; }



.l-bannerTextOn a::before { content: ""; width: 11px; height: 20px; background: url(../images/l-jiant1.png) no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 60px; }



.l-bannerText h5 { font-size: 30px; color: #fff; margin-top: 45px; }



/*全球国家*/

.Global { background: #fafafa; padding: 245px 0 70px; }



.Global .headerbg { -webkit-box-shadow: 0 5px 7px #dadada; box-shadow: 0 5px 7px #dadada; }



.GlobalTit { text-align: center; font-size: 48px; color: #333; text-transform: capitalize; line-height: 1; }



.GlobalCon { margin-top: 40px; }



.GlobalConLi { display: block; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }



.GlobalConLi:last-child { border: none;border-top:1px solid #f0f0f0; display: flex;

    width: 100%;

    align-items: center;

    padding-top: 20px;}



.GlobalConLiLeft { width: 140px; font-size: 18px; color: #333; text-transform: uppercase; float: left; position: relative; }



.GlobalConLiLeft::before { content: ""; width: 2px; height: 18px; background: #333; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; }



.GlobalConLiRight { overflow: hidden; padding-left: 45px;flex:1;font-size:0; }



.NationalFlagBox { display: inline-block; width: 19%; }



.NationalFlagBox a { display: flex;align-items:center; }

.NationalFlagBox a:hover .t{ color: #d90000;}

.NationalFlagBox a.cur .t{ color: #d90000;}



.NationalFlagBox img { display: inline-block; width: 53px; height: 35px; }



.NationalFlagBox .t {white-space:nowrap; font-size: 18px; color: #333; text-transform: capitalize; padding-left: 10px; display: inline-block; vertical-align: bottom; }



/*隐私和条款*/

.TermsPrivacyText { margin: 45px 0; }



.TermsPrivacyText p { font-size: 14px; color: #666; line-height: 24px; margin-top: 30px; }



.TermsPrivacyText h5 { font-size: 18px; color: #333; margin-top: 30px; }



/*登录*/

.SignIn { margin-top: 110px; background: url(../images/l-bj13.jpg) no-repeat; background-size: cover; padding: 250px 0; }



.SignInBj { width: 100%; }



.SignInBj img { width: 100%; }



.SignInBox { width: 400px; height: 460px; -webkit-border-radius: 5px; border-radius: 5px; padding: 40px 35px 0; background: #fff; float: right; }



.SignInBoxTit { font-size: 30px; color: #222; margin-bottom: 20px; }



.SignInInput { width: 100%; -webkit-border-radius: 5px; border-radius: 5px; background: #eee; height: 55px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 18px; margin-top: 10px; }



.SignInInputicon { width: 30px; line-height: 55px; }



.SignInInputicon img { max-width: 100%; }



.SignInInput input { width: 100%; font-size: 18px; color: #999; background: none; }



.SignInInput input::-webkit-input-placeholder { font-size: 18px; color: #999; }



.SignInButton button { width: 100%; margin-top: 38px; background: #f9282b; -webkit-border-radius: 5px; border-radius: 5px; line-height: 55px; text-align: center; font-size: 16px; color: #fff; border: none; }



.SignInLi { margin-top: 25px; text-align: center; }



.SignInLi a { display: inline-block; font-size: 14px; color: #888; padding: 0 10px; position: relative; }



.SignInLi a::before { content: ""; width: 1px; height: 9px; background: #dbdbdb; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.SignInLi a:last-child::before { display: none; }



/*登录*/

.RetrievePassword { margin-top: 110px; padding: 75px 0 90px; background: linear-gradient(to bottom, #282828 0, #282828 285px, #fff 285px, #fff 100%); }



.RPassword { padding: 0 100px 90px; }



#fileList { width: 90px; height: 90px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; margin: 0 auto; }



#fileList img { width: 100%; position: absolute; top: 0; left: 0; }



#fileList button { position: absolute; width: 100%; height: 20px; background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; border: none; z-index: 10; }



.ButtonOn { width: 15px !important; height: 15px; position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



/*找回密码*/

.RPasswordLeft { width: 28%; }



.headPortrait { text-align: center; margin-top: 20px; }



.changeName { text-align: center; }



.changeName input { text-align: center; font-size: 20px; color: #fff; margin-top: 15px; background: none; border: none; }



.changeName input::-webkit-input-placeholder { font-size: 20px; color: #fff; }



.changeName input::-moz-placeholder { font-size: 20px; color: #fff; }



.changeName input:-ms-input-placeholder { font-size: 20px; color: #fff; }



.changeName input::placeholder { font-size: 20px; color: #fff; }



.changeName button { background: none; border: none; font-size: 12px; color: #c8c8c8; display: block; margin: 0 auto; }



.changeName button img { width: 12px; height: 12px; margin-right: 10px; }



.RPasswordOn { margin-top: 100px; text-align: center; }



.RPasswordBox { -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; width: 135px; height: 100px; background: none; -webkit-border-radius: 40px; border-radius: 40px; -webkit-border-top-left-radius: 18px; border-top-left-radius: 18px; vertical-align: top; }



.RPasswordBox a { padding-top: 22px; text-align: center; display: block; }



.RPasswordBox .icon { width: 29px; height: 26px; overflow: hidden; margin: 0 auto; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RPasswordBox .icon .iov { display: none; }



.RPasswordBox .icon img { max-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.RPasswordBox .t { font-size: 14px; color: #666; margin-top: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RPasswordBox:hover, .RPasswordBox.active { background: #f9282b; -webkit-box-shadow: 0 8px 36px -13px #5f2e2e; box-shadow: 0 8px 36px -13px #5f2e2e; }



.RPasswordBox:hover .icon .sow, .RPasswordBox.active .icon .sow { display: none; }



.RPasswordBox:hover .icon .iov, .RPasswordBox.active .icon .iov { display: block; }



.RPasswordBox:hover .t, .RPasswordBox.active .t { color: #fff; }



.RPasswordRightBox { display: none; }



.RPasswordRightBox.active { display: block; }



.RPasswordRight { width: 72%; overflow: hidden; background: #f6f6f6; -webkit-border-radius: 5px; border-radius: 5px; padding: 35px 40px 65px; }



.RPasswordRightHead { padding-bottom: 25px; border-bottom: 1px solid #dbdbdb; }



.RPasswordRightHead .t { font-size: 30px; color: #222; line-height: 1; }



.RPasswordRightHead a { display: block; width: 70px; line-height: 30px; background: #fff; text-align: center; font-size: 14px; color: #888; }



.RPasswordForm { padding: 70px 150px 0; text-align: center; }



.RPasswordForm .tit { font-size: 18px; color: #666; padding-bottom: 15px; }



.RPasswordFormInp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px auto 0; }



.RPasswordFormInp .t { font-size: 14px; color: #999; line-height: 50px; width: auto; white-space: nowrap; padding-left: 20px; }



.RPasswordFormInp .t span { color: #f9282b; padding-right: 2px; }



.RPasswordFormInp input { width: 100%; background: none; border: none; }



.RPasswordFormTips { font-size: 12px; color: #888; line-height: 18px; padding: 10px 0 15px 25px; text-align: left; }



.RPasswordFormTips.active { color: #f9282b; }



.RPasswordFormButton { width: 100%; text-align: center; margin-top: 30px; }



.RPasswordFormButton button { width: 185px; line-height: 47px; background: #f9282b; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; font-size: 16px; color: #fff; border: none; }



/*注册*/

.RPasswordConTabBar { text-align: center; padding-top: 70px; }



.RPasswordConTabBar .tabTerm { display: inline-block; font-size: 18px; color: #888; padding: 0 8px; position: relative; cursor: pointer; }



.RPasswordConTabBar .tabTerm.active { color: #f9282b; }



.RPasswordConTabBar .tabTerm::before { content: ""; width: 1px; height: 14px; background: #888; position: absolute; top: 50%; right: -1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.RPasswordConTabBar .tabTerm:last-child::before { display: none; }



.RPasswordConTabCont { position: relative; margin-top: 15px; padding: 0 150px; }



.RPasswordConTabCont .tabItem { display: none; position: absolute; top: 0; left: 0; }



.RPasswordConTabCont .tabItem.active { display: block; position: static; }



.RPasswordFormInp.yzm { width: 60%; }



.yzmBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.yzmImg { width: 37%; margin-left: 3%; text-align: center; height: 60px; margin-top: 5px; }



.yzmImg a { display: block; width: 100%; height: 100%; }



.yzmImg img { max-width: 100%; max-height: 100%; }



.RPasswordOnInp { margin-top: 15px; }



.RPasswordOnInp .yuanInp { width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; border: 1px solid #b1b1b1; overflow: hidden; position: relative; padding: 2px; cursor: pointer; }



.RPasswordOnInp .yuanInp::before { background: #f9282b; content: ""; width: 7px; height: 7px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RPasswordOnInp .yuanInp.active::before { display: block; }



.RPasswordOnInp .t { font-size: 14px; color: #888; padding-left: 5px; display: inline-block; }



.RPasswordOnInp .t a { color: #f9282b; display: inline-block; }



.RPasswordFormInp.passwordTwo { position: relative; }



.passwordTwoIov { font-size: 14px; color: #f9282b; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; }



.RPasswordFormInp.passwordTwo.activeOne .passwordTwoIov.One { display: block; }



.RPasswordFormInp.passwordTwo.activeTwo .passwordTwoIov.Two { display: block; }



/*智能设备2-G1*/

.SmartDevice2G1-1 { position: relative; margin-top: 110px; }



.SmartDevice2G1-1 .commonweb { height: 100%; position: relative; }



.SmartDevice2G1-1 .bj { width: 100%; }



.SmartDevice2G1-1 .bj img { width: 100%; }



.SmartDevice2G1-1Con { width: 100%; position: absolute; top: 0; left: 0; height: 100%; }



.SDevice2G1-1Text { width: 790px; padding-top: 185px; overflow: hidden; }



.SmartDevice2G1 h5 { font-size: 50px; color: #000; line-height: 1; }



.SmartDevice2G1 p { font-size: 18px; color: #999; line-height: 24px; margin-top: 50px; }



.SDevice2G1-1Img { position: absolute; width: 50%; top: 0; right: 0; height: 100%; }



.SDevice2G1-1Img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; }



.SmartDevice2G1-2 { padding: 170px 0; }



.SDevice2G1-2TabCont { width: 50%; float: left; position: relative; }



.SDevice2G1-2TabCont .tabItem { position: absolute; top: 0; left: 0; display: none; }



.SDevice2G1-2TabCont .tabItem.active { position: static; display: block; }



.SDevice2G1-2TabCont .tabItem .img { width: 100%; height: 600px; position: relative; }



.SDevice2G1-2TabCont .tabItem .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; }



.SDevice2G1-2ConF { width: 50%; padding-top: 20px; }



.SDevice2G1-2ConFText { padding-right: 170px; }



.SDevice2G1-2ConFText h5 { font-size: 50px; color: #000; line-height: 1; }



.SDevice2G1-2ConFText p { font-size: 18px; color: #999; line-height: 24px; margin-top: 50px; }



.SDevice2G1-2TabBar { margin-top: 205px; }



.SDevice2G1-2TabBar .tabTerm { width: 88px; height: 88px; background: #f5f5f5; position: relative; display: inline-block; margin-right: 20px; border: 2px solid transparent; cursor: pointer; }



.SDevice2G1-2TabBar .tabTerm img { max-width: 70%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }



.SDevice2G1-2TabBar .tabTerm:last-child { margin-right: 0; }



.SDevice2G1-2TabBar .tabTerm.active { border-color: #f9282b; }



.SmartDevice2G1-3 { background: #f8f8f8; padding: 110px 0 110px; }



.SmartDevice2G1-3 .swiper-container { padding: 130px 0; }



.SmartDevice2G1-3 .swiper-slide { -webkit-transform: translate3d(0, 0, 0) rotateY(0) !important; transform: translate3d(0, 0, 0) rotateY(0) !important; }



.SmartDevice2G1-3 .swiper-slide img { width: 100%; }



.SmartDevice2G1-3 .swiper-slide.swiper-slide-active { -webkit-transform: scale(1.8) translateY(-20px) !important; -ms-transform: scale(1.8) translateY(-20px) !important; transform: scale(1.8) translateY(-20px) !important; position: relative; }



.SmartDevice2G1-3 .swiper-slide.swiper-slide-active::before { content: ""; -webkit-box-shadow: 0 5px 50px 70px #999; box-shadow: 0 5px 50px 70px #999; position: absolute; bottom: 142px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }



.SmartDevice2G1-3Tit { text-align: center; padding-bottom: 30px; }



.SmartDevice2G1-3 .swiper-pagination { bottom: 0; text-align: center; width: 100%; }



.SmartDevice2G1-3 .swiper-pagination .swiper-pagination-bullet { width: 30px !important; height: 30px !important; margin: 0 29px; display: inline-block; }



.SmartDevice2G1-4 { background: url(../images/l-bj15.jpg) repeat; background-size: 100% 100%; padding: 140px 0 110px; }



.SmartD2G1-4Img { width: 50%; overflow: hidden; position: relative; }



.SmartD2G1-4Img .img { width: 100%; height: 680px; }



.SmartD2G1-4Img img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.SmartD2G1-4Text { width: 50%; padding: 170px 0 0 60px; }



.SmartDevice2G1-5 { position: relative; }



.SmartDevice2G1-5 .bj { width: 100%; }



.SmartDevice2G1-5 .bj img { width: 100%; }



.SmartDevice2G1-5 .commonweb { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1440px; }



.SmartD2G1-5Text { padding-top: 255px; }



.SmartD2G1-5Text h5 { color: #fff; }



.SmartD2G1-5Text p { color: #ffff; }



.SmartDevice2G1-6 { position: relative; }



.SmartDevice2G1-6 .bj { width: 100%; }



.SmartDevice2G1-6 .bj img { width: 100%; }



.SmartD2G1-6Text { text-align: cent

 er; position: absolute; top: 110px; left: 0; width: 100%; }



.SmartDevice2G1-7 { background: #fff; padding-top: 100px; }



.SmartD2G1-7Text { text-align: center; }



.SmartD2G1-7Img { max-width: 100%; }



.SmartD2G1-7Img img { max-width: 100%; }



/*产品详细-316*/

.ProjectionScreen316 { background: url(../images/project_316.jpg) center no-repeat !important; }



.ProjectionScreen667 { background: url(../images/project_667.jpg) center no-repeat !important; }



.ProjectionScreen669 { background: url(../images/l-bj22.jpg) center no-repeat !important; }



.ProjectionScreen672 { background: url(../images/l-bj23.jpg) center no-repeat !important; }



.ProjectionScreen804 { background: url(../images/l-bj31.jpg) center no-repeat !important; }



.l-Tv315Chip h5 { font-size: 30px; line-height: 1.1; }



.l-Tv315Chip2 h3 { color: #000; padding-bottom: 20px !important; }



.l-Tv315Chip2 h5 { color: #000; }



.l-Tv315Chip p { font-size: 18px; line-height: 28px; margin-top: 15px; }

.TvUBox4 .l-Tv315Chip p{margin-top:25px;}

.TvUBox5 .l-Tv315Chip p{margin-top: 21px;}



.Tv315Chip.l-Tv315ChipRight { text-align: right; top: 410px; }

.L_810padd .Tv810TextColor{padding-top:105px !important;}

.Tv315Chip.Tv810TextColor h3{text-transform:none;padding-bottom:22px !important}



.Tv315Chip.l-Tv315ChipLeft { text-align: left; top: 290px; }



.Tv315Chip.l-Tv315ChipLeftTwo { text-align: left; top: 110px; }



.Tv315Chip.l-Tv315ChipBot { text-align: right; top: auto; bottom: 350px; }



/*产品详细-812*/

.l-commonweb { width: 1680px; margin: 0 auto; }



.l-Tv812Chipbox { position: relative; }



.l-Tv812Chipbox img { width: 100%; display: block; }



.Tv315Chip.l-Tv812Chip { width: 100%; position: absolute; top: 0; left: 0; text-align: center; padding-top: 100px; line-height: 1.35; }

.l-Tv812Chip{ width: 100%; position: absolute; top: 0; left: 0; text-align: center; padding-top: 155px; line-height: 1.35; }



.l-Tv812Chip h5 { font-size: 30px; color: #876f4c; }

/*.l-Tv812Chip h5 { font-size: 30px; color: #FFF;padding-bottom:15px}*/

.Tv315Chip.l-Tv812Chip h3{color:#fff;}

.Tv315Chip.l-Tv812Chip h5{padding-bottom:15px;color:#fff;}



.l-Tv812ChipboxOne { padding: 145px 0; background-size: 100% 100%; }



.l-Tv812ChipboxOne img { width: 100%; }



.l-Tv812HDR { background: #0a0a0a; }



.l-Tv812HDR .Tv315HDR h3 { color: #fff; padding-bottom: 30px; }





.l-Tv812HDR .Tv315HDR p { color: #fff; }



.l-Tv812ChipboxLi { margin-top: 45px; display: inline-block; text-align: left; padding: 0 50px; vertical-align: top; }



.l-Tv812ChipboxLi .t { font-size: 30px; color: #d3ad7c; text-transform: capitalize; }



.l-Tv812ChipboxLi .t1 { font-size: 18px; line-height: 24px; color: #fff; margin-top: 10px; }



.l-Tv812ChipboxText { margin-top: 40px; }



.l-Tv812ChipboxText .t2 { display: inline-block; font-size: 30px; color: #d3ad7c; text-transform: capitalize; padding: 0 40px; }



.l-Tv812ChipboxText .t3 { font-size: 30px; color: #d3ad7c; padding-bottom: 12px; display: inline-block; position: relative; }



.l-Tv812ChipboxText .t3 span { font-size: 50px; }



.l-Tv812ChipboxText .t3::before { width: 100%; height: 2px; background-image: -webkit-gradient(linear, left top, right top, from(#8a8067), to(#2d322f)); background-image: linear-gradient(to right, #8a8067, #2d322f); position: absolute; bottom: 0; left: 0; content: ""; }



.Tv315Chipbox-bj { background: #0a0a0a !important; padding-bottom: 100px; }



.l-Tv315ChipCon { margin-top: 65px; padding: 0 30px; text-align: center; }



.l-Tv315ChipConBox { width: 49%; display: inline-block; margin: 5px; position: relative; }



.l-Tv315ChipConBox .bj { width: 100%; }



.l-Tv315ChipConBox .bj img { width: 100%; }



.l-Tv315ChipConBoxText { position: absolute; top: 115px; left: 0; width: 100%; padding: 0 220px; }



.l-Tv315ChipConBoxText .t1 { font-size: 30px; color: #d3ad7c; }



.l-Tv315ChipConBoxText .t2 { font-size: 18px; line-height: 24px; color: #fff; margin-top: 15px; }

.L_TV812 .l-Tv315ChipConBoxText .t2{margin-top:25px;}



.Tv315Chipbox-bj .Tv315Chip { position: static; }



.Tv315ChipboxImg { margin-top: 65px; width: 100%; }



.Tv315ChipboxImg img { width: 100%; }



/*产品详细-技术参数*/

.l-Specifications { background: #fff; padding: 90px 0 165px; }



.l-SpecificationsLi { display: block; width: 100%; border-bottom: 1px solid #dedede; line-height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 24px; }



.l-SpecificationsLi:first-child { border-top: 1px solid #dedede; }



.l-SpecificationsLi .t { width: 600px; color: #333; }



.l-SpecificationsLi .t1 { color: #999; }



/*电视-2-4K超高清*/

.liBarbox { height: 60px; border-bottom: 1px solid #dcdcdc; }



.liBarboxCon { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.liBarboxHome { width: 60px; height: 60px; background: #dcdcdc; }



.liBarboxHome a { display: block; width: 100%; height: 100%; position: relative; }



.liBarboxHome img { max-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.liBarboxA { position: relative; }



.liBarboxA a { line-height: 60px; font-size: 16px; color: #333; text-align: center; display: block; padding: 0 40px; }



.liBarboxA::before { content: ""; border: 7px solid transparent; position: absolute; top: 50%; right: -7px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-left-color: #333; }



.liBarboxA.active::before { content: ""; border: 2px solid #f9282b; width: 8px; height: 8px; border-top: none; border-left: none; -webkit-transform: rotate(45deg) translateY(0); -ms-transform: rotate(45deg) translateY(0); transform: rotate(45deg) translateY(0); top: 23px; }



.liBarboxA:last-child { border-right: 1px solid #dcdcdc; }



.liBarboxA:last-child a { padding-right: 65px; }



.liBarboxA:last-child::before { right: 20px; }



.LiTVUHd { padding: 55px 0 40px; }



.LiTVUHdTopOn { padding-right: 30px; font-size: 16px; color: #333; position: relative; line-height: 45px; cursor: pointer; }



.LiTVUHdTopOn::before { content: ""; border: 8px solid transparent; border-top-color: #333; position: absolute; right: 0; top: 15px; transform: rotate(

  -90deg

  );}

  .LiTVUHdTopOn.active::before{ transform: rotate(0);top: 19px;}

.LiTVUHdTopSs { width: 400px; height: 45px; border: 1px solid #dcdcdc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.LiTVUHdTopSs input { width: 100%; padding-left: 25px; font-size: 16px; color: #333; }



.LiTVUHdTopSs input::-webkit-input-placeholder { font-size: 16px; color: #ccc; }



.LiTVUHdTopSs input::-moz-placeholder { font-size: 16px; color: #ccc; }



.LiTVUHdTopSs input:-ms-input-placeholder { font-size: 16px; color: #ccc; }



.LiTVUHdTopSs input::placeholder { font-size: 16px; color: #ccc; }



.LiTVUHdTopSs button { width: 45px; height: 45px; background: none; border: none; position: relative; }



.LiTVUHdTopSs button img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.LiTVUHdIov { margin-top: 40px; }



.LiTVUHdIovLi { border-bottom: 1px solid #dedede; line-height: 60px; font-size: 16px;  position: relative; padding-left: 100px;}



.LiTVUHdIovLi:first-child { border-top: 1px solid #dedede; }



.LiTVUHdIovLi .t { color: #333; display: inline-block; width: 100px; position: absolute; left: 0px; top: 0px; }



.LiTVUHdIovLi a { display: inline-block; font-size: 16px; color: #999; padding: 0 60px; }



.LiTVUHdCon { font-size: 0; margin-top: 43px; }



.LiTVUHdConBox { width: 25%; height: 535px; padding: 35px 50px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; }



.LiTVUHdConTabBar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 200px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 99; }



.LiTVUHdConTabBar .tabTerm { padding: 0 15px; line-height: 22px; border: 1px solid #dbdbdb; margin: 0 8px; font-size: 14px; color: #999; cursor: pointer; }



.LiTVUHdConTabBar .tabTerm.active, .LiTVUHdConTabBar .tabTerm:hover { border: 2px solid #f9282b; color: #f9282b; }



.LiTVUHdConTabContImg { width: 180px; height: auto; margin: 0 auto; }



.LiTVUHdConTabContImg img { width: 100%; }



.LiTVUHdConTabCont { position: relative; }



.LiTVUHdConTabCont .tabItem { position: absolute; top: 0; left: 0; display: none; }



.LiTVUHdConTabCont .tabItem.active { position: static; display: block; }



.LiTVUHdConTabContText { margin-top: 100px; }



.LiTVUHdConTabContText .tit { font-size: 20px; color: #333; line-height: 24px; text-align: center; }



.LiTVUHdConTabContText .num { font-size: 18px; color: #666; margin-top: 5px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb; width: 100%; text-align: center; }



.LiTVUHdConTabContText .t { font-size: 14px; color: #666; line-height: 20px; margin-top: 10px; display: -webkit-box; height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }



.l-More { text-align: center; }



.l-More a { -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; margin: 35px auto 0; padding: 0 20px; line-height: 34px; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; font-size: 16px; color: #bcbcbc; background: #f7f7f7; }



.LiTVUHdConBox:hover { background: #fafafa; }



.LiTVUHdConBox:hover .l-More a { background: #f9282b; color: #fff; }



/*产品模态框*/

.productModalBox { display: none; }



.productModalBox .modal { width: 100%; height: 100%; overflow: auto; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 1000; }



.modalContent { width: 1200px; background: #ffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 50px 60px 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.productModalBoxclose { position: absolute; top: -55px; right: 0; cursor: pointer; }



.modalLeft { width: 600px; padding-right: 70px; border-right: 1px solid #dedede; }



.modalLeftImg { width: 100%; }



.modalLeftImg img { width: 100%; display: none;}



.modalLeftTit { margin-top: 50px; }



.modalLeftTit h3 { font-size: 36px; color: #333; }



.modalLeftTit h5 { font-size: 16px; color: #202020; line-height: 24px; margin-top: 5px; padding-right: 140px; }



.modalLeftLi { margin-top: 20px; }



.modalLeftLi a {margin-bottom: 10px; border: 1px solid #dbdbdb; display: inline-block; height: 45px; line-height: 45px; text-align: center; font-size: 24px; color: #999999; width: 100px; margin-right: 20px; }



.modalLeftLi a.cur, .modalLeftLi a:hover { border-color: #e7171e; color: #e7171e; }



.modalRight { padding-left: 65px; width: 475px; }



.modalRightBox { width: 100%; border: 1px solid #d3d3d3; height: 125px; padding: 11px; margin-top: 18px; position: relative; }



.modalRightBox:first-child { margin-top: 0; }



.modalRightBoxImg { max-width: 150px; position: absolute; top: 50%; left: 11px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 100%; }



.modalRightBoxImg img { max-width: 100%; }



.modalRightBoxOn { margin-top: 26px; }



.modalRightBoxOn a { display: block; width: 135px; line-height: 48px; height: 48px; -webkit-border-radius: 30px; border-radius: 30px; background: #e60012; text-align: center; font-size: 16px; color: #fff; }



/*美康系列*/

.widbox { width: 550px; }



.widbox2 { width: 650px; }



.MeikangHSeries.L_QXL3{ padding-bottom: 120px; }

.L_QXL2.MeikangHSeries p{margin-top:27px !important;}



.MeikangHSeries .Tv315Chip { position: static; }



.l-Tv315Chip2 p { color: #333; }



.MeikangHSeries img { margin-top: 50px; width: 100%; }



.widbox h2 {  padding-bottom: 50px; line-height: 1; }



.l-Tv315ChipLeft.TWO { top: 160px; }



.l-Tv315Chip h3 { text-transform: none !important;  padding-bottom: 10px !important; }



.l-Tv315ChipRightTwo { width: 610px; float: right; text-align: left; padding-top: 80px; }

.l-Tv315ChipRightTwo p{margin-top:40px !important;}



.l-Tv315Chip p { margin-top: 15px; }



.MeikangSeries { width: 100%; padding: 140px 0 100px; background: #243138; }



.MeikangSeriesText { width: 46%; color: #fff; padding-top: 25px; }



.MeikangSeriesText h2 { font-size: 50px; line-height: 1; }



.MeikangSeriesText h5 { font-size: 30px; margin: 40px 0 65px; }

.TvUBox8 .MeikangSeriesText h5 { font-size: 30px; margin: 50px 0 27px; }



.MeikangSeriesText p { font-size: 18px; line-height: 24px; }



.MeikangSeriesImg { width: 60%; margin-right: -90px; }



.MeikangSeriesImg img { width: 100%; }



/*网站地图*/

.SiteMap { margin-top: 110px; padding: 80px 75px 130px; }



.SiteMapLI { display: inline-block; width: 180px; margin: 0 15px 50px; vertical-align: top; }



.SiteMapLIBox { margin-bottom: 20px; position: relative; }



.SiteMapLIBox:first-child::before { display: none; }



.SiteMapLIBox::before { content: ""; width: 1px; height: 20px; background: #dedede; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }



.SiteMapLIBox a { display: block; width: 180px; border: 1px solid #dedede; line-height: 60px; text-align: center; font-size: 18px; color: #282828; -webkit-transition: all 0.3s; transition: all 0.3s; }



.SiteMapLIBox a:hover { background: #e60012; border-color: #e60012; color: #fff; }



/*产品详细-806*/

.Tv806Chipbox h3 { font-size: 50px; text-transform: uppercase; line-height: 1; }



.Tv806Chipbox h5 { font-size: 30px; line-height: 1; }



.Tv806Chipbox1 { width: 100%; position: relative; }



.l-bj { width: 100%; }



.l-bj img { width: 100%; }



.Tv806Chipbox1Text { position: absolute; top: 0; left: 0; width: 100%; padding-top: 105px; text-align: center; }



.Tv806Chipbox1Text img { display: inline-block; }



.Tv806Chipbox1Text h5 { display: inline-block; padding-left: 20px; color: #fff; line-height: 1; vertical-align: middle; font-size: 50px; }



.Tv806Chipbox1Text p { font-size: 30px; color: #fefeff; margin-top: 20px; line-height: 34px; }



.Textimg { display: block; }



.yellowT { font-size: 38px; color: #dbd1a4; text-transform: uppercase; margin-top: 30px; line-height: 1; }



.Tv806Chipbox3 { position: relative; }



.Tv806Chipbox3Text { position: absolute; top: 200px; left: 120px; width: 680px; color: #fff; }



.Tv806Chipbox3Text h5 { margin: 30px 0 50px; }



.Tv806Chipbox3Text p { font-size: 30px; line-height: 1; }



.Tv806Chipbox4 { position: relative; }



.Tv806Chipbox4Text { position: absolute; bottom: 85px; right: 140px; width: 655px; color: #fff; }



.Tv806Chipbox4Text h3 { font-size: 60px; }



.Tv806Chipbox4Text h5 { margin: 50px 0 30px; }



.Tv806Chipbox4Text p { font-size: 18px; line-height: 30px; }



.Tv806Chipbox5 { position: relative; text-align: center; color: #fff; }



.Tv806Chipbox5Text { top: 110px; left: 0; width: 100%; position: absolute; }



.Tv806Chipbox5Text h5 { margin-top: 30px; }



.Tv806Chipbox5 .t { position: absolute; bottom: 130px; left: 0; width: 100%; font-size: 30px; line-height: 36px; }



.Tv806Chipbox6 { background: #000; padding: 150px 0 90px; color: #fff; text-align: center; }



.Tv806Chipbox6 h5 { text-transform: uppercase; margin: 30px 0 35px; }



.Tv806Chipbox6 p { font-size: 30px; line-height: 1; }



.Tv806Chipbox6Img { width: 100%; margin-top: 90px; }



.Tv806Chipbox6Li { text-align: center; margin-top: 20px; }



.Tv806Chipbox6LiBox { display: inline-block; margin-right: 80px; font-size: 0; }



.Tv806Chipbox6LiBox:last-child { margin-right: 0; }



.Tv806Chipbox6LiBox .img { width: 85px; height: 60px; display: inline-block; position: relative; }



.Tv806Chipbox6LiBox .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.Tv806Chipbox6LiBox .t { width: -webkit-calc(100% - 85px); width: calc(100% - 85px); font-size: 24px; display: inline-block; text-align: left; line-height: 1; vertical-align: top; }



.Tv806Chipbox7 { position: relative; text-align: center; color: #fff; }



.Tv806Chipbox7Text { position: absolute; width: 100%; left: 0; top: 150px; }



.Tv806Chipbox7Text h5 { margin-top: 25px; }



.Tv806Chipbox7 .t { width: 530px; top: 380px; right: 110px; font-size: 18px; line-height: 24px; text-align: left; position: absolute; }



.Tv806Chipbox8 { position: relative; color: #fff; }



.Tv806Chipbox8Text { width: 605px; position: absolute; top: 190px; right: 250px; }



.Tv806Chipbox8Text h5 { margin: 40px 0 70px; }



.Tv806Chipbox8Text p { font-size: 30px; line-height: 36px; }



.Tv806Chipbox9 { position: relative; color: #333; }



.Tv806Chipbox9Text { position: absolute; width: 100%; left: 0; top: 125px; text-align: center; }



.Tv806Chipbox9Text h4 { font-size: 50px; margin: 25px 0; line-height: 1; }



.Tv806Chipbox9Text h5 { text-transform: none; }



.Tv806Chipbox9 .t { position: absolute; left: 80px; bottom: 445px; font-size: 30px; }



.Tv806Chipbox10 { position: relative; color: #fff; }



.Tv806Chipbox10Text { position: absolute; width: 740px; top: 180px; right: 160px; }



.Tv806Chipbox10Text h5 { text-transform: none; margin-top: 50px; }



.Tv806Chipbox11 { position: relative; color: #fff; }



.Tv806Chipbox11Text { position: absolute; top: 135px; left: 130px; width: 835px; }



.Tv806Chipbox11Text h5 { margin: 65px 0 50px; }



.Tv806Chipbox11Text p { font-size: 30px; line-height: 36px; }



.Tv806Chipbox11Text .t { font-size: 30px; line-height: 48px; margin: 95px 0 150px; }



.Tv806Chipbox11Text .t1 { font-size: 18px; }



.Tv806Chipbox12 { position: relative; }



.Tv806Chipbox12Text { position: absolute; top: 280px; right: 110px; width: 850px; color: #fff; }



.Tv806Chipbox12Text h5 { margin: 30px 0 40px; }



.Tv806Chipbox12Text p { font-size: 30px; line-height: 1; }



.Tv806Chipbox12TextLI { margin-top: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.Tv806Chipbox12TextLI .t { padding: 0 24px; border-left: 1px solid #838689; font-size: 18px; }



.Tv806Chipbox12TextLI .t:first-child { padding-left: 0; border: none; }



.Tv806Chipbox13 { position: relative; color: #fff; text-align: center; }



.Tv806Chipbox13Text { position: absolute; left: 0; width: 100%; top: 120px; }



.Tv806Chipbox13Text h5 { margin-top: 15px; }



.Tv806Chipbox13LI { position: absolute; left: 230px; bottom: 80px; }



.Tv806Chipbox13LIBox { display: inline-block; width: 150px; margin: 0 23px; vertical-align: top; }



.Tv806Chipbox13LIBox .t { font-size: 18px; line-height: 1; margin-top: 15px; }



.Tv806Chipbox13 .x-t { position: absolute; right: 175px; bottom: 40px; font-size: 18px; }



.Tv806Chipbox14 { position: relative; }



.Tv806Chipbox14Text { width: 788px; position: absolute; top: 290px; left: 190px; color: #fff; }



.Tv806Chipbox14LI { margin-top: 60px; }



.Tv806Chipbox14LIBox { width: 220px; height: 105px; border: 1px solid #c6c7ce; text-align: center; display: inline-block; margin-top: 40px; vertical-align: top; }



.Tv806Chipbox14LIBox:not(:nth-child(3n)) { margin-right: 60px; }



.Tv806Chipbox14LIBox .t { vertical-align: middle; display: inline-block; font-size: 30px; line-height: 1; }



.Tv806Chipbox14LIBox i { width: 0; height: 100%; display: inline-block; vertical-align: middle; }



.Tv806Chipbox15 { background: #000 url(../images/l-bj90.png) no-repeat; padding: 80px 50px 35px 150px; }



.Tv806Chipbox15Img { width: 50%; }



.Tv806Chipbox15Img .img { width: 100%; margin-top: 13px; }



.Tv806Chipbox15Img .img img { width: 100%; }



.Tv806Chipbox15Text { width: 50%; color: #fff; padding: 10px 0 0 85px; }



.Tv806Chipbox15Text h5 { margin: 95px 0 190px; }



.Tv806Chipbox15Text p { font-size: 30px; margin-top: 20px; line-height: 1; }



.Tv806Chipbox15Text .text { margin-top: 70px; }



.Tv806Chipbox15Text .text2 { margin-top: 80px; }



.Tv806Chipbox15Text .text h5 { margin: 0; }



.Tv806Chipbox15Text .t { font-size: 18px; margin-top: 10px; }



.Tv806Chipbox16 { position: relative; color: #fff; text-align: center; }



.Tv806Chipbox16Text { position: absolute; left: 0; width: 100%; top: 90px; padding: 0 360px; }



.Tv806Chipbox16Text h5 { margin-top: 70px; text-transform: none; }



.Tv806Chipbox16 .x-t { position: absolute; bottom: 85px; left: 0; width: 100%; font-size: 30px; }



/* 分页样式 */

.page .pagination{text-align: center;}

.page .pagination li{display: inline-block;vertical-align: middle;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  -webkit-border-radius: 50%;

  border-radius: 50%;cursor: pointer;

}

.page .pagination li:first-child, .page .pagination li:last-child{

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #e0e0e0;

  margin: 0 10px;

  line-height: 36px;

}

.page .pagination li a{display:block;}

.page .pagination li.active {

  background: #f9282b !important;

  color: #fff;

}

.page .pagination li:hover {

  background: #f9282b;

  color: #fff;

}

.page .pagination li:hover a{color: #fff;}

button{border: none;}





@-webkit-keyframes pointer {

  from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      opacity: 1;

      -webkit-transform: translate(30px, 0) rotate3d(0, 0, 1, 10deg);

      -webkit-transform: translate(0.26667rem,

              0) rotate3d(0, 0, 1, 10deg);

      transform: translate(30px, 0) rotate3d(0, 0, 1, 10deg);

      transform: translate(0.26667rem, 0) rotate3d(0, 0, 1, 10deg)

  }



  to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      -webkit-transform: translate(-30px, 0) rotate3d(0, 0, 1, -10deg);

      -webkit-transform: translate(-0.26667rem, 0) rotate3d(0, 0, 1, -10deg);

      transform: translate(-30px, 0) rotate3d(0, 0, 1, -10deg);

      transform: translate(-0.26667rem, 0) rotate3d(0, 0, 1, -10deg);

      opacity: 0.5

  }

}

/* 9-23新加样式 */

.content_main_box02{display: none;}

.lefttext_box{padding-left: 16.4%;padding-right: 60px;padding-top:167px}

.righttext_box{padding-right: calc((100% - 1400px) / 2);padding-left: 90px;padding-top:130px;}

.notong_subbox{display: none;opacity: -100;;position: absolute;top: 70px;left: 50%;transform: translateX(-50%);width: 200px;background-color: #fff;padding: 15px 0;box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);}

.notong_subbox a{display: block;text-align: center;font-size: 16px;line-height: 40px;}

.nav ul li:nth-last-child(1),.nav ul li:nth-last-child(2){position: relative !important;}

.nav ul li:nth-last-child(1) .SecondaryMenubox,.nav ul li:nth-last-child(2) .SecondaryMenubox{display: none !important;}

.SecondaryMenu dl dd a.cur{color: #f9282b;}

.notong_subbox a:hover{color: #f9282b;}

.Missionbox:nth-child(odd) .MissionText{width: 45%;}



.nav ul li:nth-last-child(1) .notong_subbox{opacity: 10;}

.nav ul li:nth-last-child(2) .notong_subbox{opacity: 10;}

.BuyBtn:hover a{background-color: #f9282b !important;color: #fff !important;}

html{overflow-x: hidden;}

.tipsbox{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;cursor: pointer;}

.pointerbox{position: relative;}

.pointerbox .pointer{left:calc(50% - 25px);top: calc(50% - 25px);width: 50px;height: 50px;position: absolute;z-index: 9;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);

  background: url(../images/pointer.png) no-repeat center;

  background-size: cover;

    -webkit-animation: pointer 1s linear 0ms infinite normal forwards;

    animation: pointer 1s linear 0ms infinite normal forwards;

}

.vearcode_box{width: 100% !important;}

.vearcode_box label{width: calc(100% - 220px);}

.codebox{width: 200px;height: 77px;}

.codebox img{width: 100%;height: 100%;}

.iconimgbox img{height: 45px;margin: 0 auto;}

.iconimgbox .img02{display: none;}

.iconimgbox:hover .img02{display: block;}

.iconimgbox:hover .img01{display: none;}

.iconimgbox span{background: none !important;}

.iconimgbox.cur .img02{display: block;}

.iconimgbox.cur .img01{display: none;}

.SDXQ5ConBox{margin-bottom: 30px;}

.SDXQ5ConBox:nth-child(3n+1){margin-left: 0 !important;}

.parameter_ul{margin: 90px 0;padding-left: 0 !important;}

.parameter_ul li{display: flex;padding: 25px 0;border-bottom: 1px solid #dedede;}

.parameter_ul li:first-child{border-top: 1px solid #dedede;}

.parameter_ul li p{font-size: 24px;}

.parameter_ul li p:first-child{width: 45%;}

.parameter_ul li p:last-child{color: #999999;width: 55%;}

@media (max-width: 1800px) {

    .SmartDeviceTwo_bell4s .SmartDeviceXQ4TwoText,

    .SmartDeviceTwo_bell4s .SmartDeviceXQ4TwoText.Two{padding:5% 0 0 5%}

}



@media (max-width: 1700px) {

.Li808 .Tv806Chipbox1Text{padding-top:3%}

}



@media (max-width: 1441px) { 

     /*.SmartDeviceXQ3 {align-items:center;display:flex;}*/

    .SignIn .commonweb { width: 100%; }

  .SmartDevice2G1-5 .commonweb { width: 100%; }

  .righttext_box,.lefttext_box{padding: 0 60px !important;}

  .l-commonBanner-2Text { width: 550px; right: 50px; }

  .SmartDeviceXQ4TwoText { padding-top: 10px; padding-left: 150px; }

  .SmartDeviceXQ4TwoText.Two { padding: 10px 0 0 30px; }

  .SmartDeviceXQ4TwoText .SDXQ4TextTitLi:last-child { width: 100%; }

  .SmartDeviceXQ1-2 .SmartDeviceXQ1Img { margin: -420px  -2px 100px 0; }

  .SmartDeviceThree .l-commonBanner-2Text { left: 150px; }

  .SmartDeviceThree .SDXQ4TextTitLi { padding-right: 0; }

  .SmartDeviceThree .SmartDeviceXQ4TwoText.Two { padding-right: 0; }

  .SmartDeviceThree .SDXQ4TextTitLiBox{align-items:center;}

      .SmartDeviceTwo_bell4s .SmartDeviceXQ4TwoText,

    .SmartDeviceTwo_bell4s .SmartDeviceXQ4TwoText.Two{padding:1% 0 0 1%}

  .SmartDeviceTwo_bell4s .SDXQ4TextTitLiBox span{    width: auto;

    margin-left: 0;

    position: static;

    padding-left: 10px;}

  .l-bannerText { top: 20%; }

  .l-bannerText .num { font-size: 280px; }

  .l-bannerText h5 { font-size: 26px; }

  .l-Tv812Chip { padding-top: 50px; }

  .Tv315Chip.l-Tv315Chip { padding: 30px 0 0; }

  .l-Tv315ChipConBoxText { padding: 0 120px; top: 50px; }

  .l-commonweb { width: 100%; padding: 0 15px; }

  .Tv315Chip.l-Tv315ChipLeft { top: 100px; }

  .MeikangSeriesImg { margin-right: 0; width: 54%; }

  .SiteMapLI { margin: 0 10px 50px; }

  .Tv806Chipbox1Text { padding-top: 50px; }

  .Tv806Chipbox3Text { left: 60px; }

  .Tv806Chipbox4Text { bottom: 45px; }

  .Tv806Chipbox5 .t { bottom: 50px; padding: 0 20px; }

  .Tv806Chipbox6LiBox { margin-right: 10px; }

  .Tv806Chipbox7Text { top: 50px; }

  .Tv806Chipbox7 .t { right: 20px; width: 460px; top: 265px; }

  .Tv806Chipbox8Text { top: 115px; right: 75px; }

  .Tv806Chipbox9Text { top: 50px; }

  .Tv806Chipbox9 .t { bottom: 320px; }

  .Tv806Chipbox10Text { width: 670px; top: 130px; right: 20px; }

  .Tv806Chipbox11Text { top: 50px; left: 20px; }

  .Tv806Chipbox12Text { width: 700px; top: 110px; right: 20px; }

  .Tv806Chipbox13Text { top: 50px; }

  .Tv806Chipbox13 .x-t { right: 20px; bottom: 20px; }

  .Tv806Chipbox14Text { top: 150px; left: 20px; }

  .Tv806Chipbox15 { padding: 50px; }

  .Tv806Chipbox15Text h5 { margin: 30px 0 60px; }

  .Tv806Chipbox15Text .text2 { margin-top: 50px; }

  .Tv806Chipbox16Text { top: 50px; padding: 0 50px; }

  .Tv806Chipbox16Text h5 { margin-top: 30px; }

  .Tv806Chipbox16 .x-t { bottom: 30px; } }



@media (max-width: 1220px) { 

  



    /*.SmartDeviceTwo_bell4s .SDXQ4TextTitLiBox{display:block !important;white-space: inherit;}*/

    /*.SmartDeviceTwo_bell4s .SDXQ4TextTitLiBox span{width:auto;position: static;padding-left:0;line-height:28px;display:block;}*/

    .Li808 .L808text2{

        top:50% !important;

       transform: translateY(-50%);

        left: 5% !important;

        max-width: 43% !important;

    }

    .Li808 .Tv806Chipbox1Text img{width:170px;}

    .PDlaptop3Tit { top: 50px; }

  .PDlaptop5LiBox { width: 250px; }

  .PDlaptop5Tit { padding-top: 50px; }

  .PDlaptop5Tit p { margin-top: 15px; }

  .PDlaptop5Li { margin-top: 20px; }

  .PDlaptop6Left { padding: 0; width: 40%; }

  .PDlaptop6Right { width: 59%; }

  .PDlaptop6LeftBox:first-child { margin-top: 0; }

  .SDXQ5ConBox .img { height: 350px; }

  .SDXQ5ConBox a { padding-bottom: 50px; }

  .SDXQ5ConBox { display: inline-block; width: 32%; margin-left: 2%; }

  .SmartDeviceXQ4Img { width: 30%; }

  .SmartDeviceXQ4Text { width: 70%; padding-left: 50px; }

  .SDXQ4TextTitLi { width: 100% !important; margin-top: 0; }

  .SDXQ4TextTitLiBox { line-height: 30px; }

  .SmartDeviceXQ2Right { padding: 20px; }

  /*.SDXQ2RightLiBox .t { white-space: pre-wrap; }*/

  .SmartDeviceXQ3Text { padding: 20px; }

  .commonBannerText { padding-top: 135px; }

  .SmartDeviceXQ1-2 .SmartDeviceXQ1Img { margin: -420px  -2px 50px 0; }

  .SmartDeviceTwo .SmartDeviceXQ1Text h5 { font-size: 40px; }

  .SmartDeviceTwo .SmartDeviceXQ1Text h3 { font-size: 30px; }

  .SmartDeviceXQ3-2 .SmartDeviceXQ3Text { padding: 50px 0 0 50px; }

  .SmartDeviceXQ4TwoText { width: 50%; }

  .SmartDeviceThree .l-commonBanner-2Text { left: 50px; }

  .l-bannerText { top: 15%; }

  .l-bannerText .num { font-size: 220px; }

  .l-bannerTextOn { margin-top: 20px; }

  .l-bannerText h5 { font-size: 22px; }

  .NationalFlagBox { width:31%; }

  .RPassword { padding: 30px; }

  .RPasswordForm { padding: 50px 50px 0; }

  .RPasswordConTabCont { padding: 0 50px; }

  .SDevice2G1-1Text { width: 60%; padding-top: 115px; }

  .SmartDevice2G1-2 { padding: 100px 0; }

  .SDevice2G1-2ConF { padding-left: 20px; }

  .SDevice2G1-2ConFText { padding-right: 0; }

  .SDevice2G1-2TabBar { margin-top: 150px; }

  .SmartD2G1-5Text { padding-top: 100px; }

  .SmartD2G1-6Text { top: 50px; }

  .Tv315Chip.l-Tv315ChipRight { top: 150px; }

  .Tv315Chip.l-Tv315ChipLeft { top: 50px; }

  .Tv315Chip.l-Tv315ChipLeftTwo { top: 30px; }

  .Tv315Chip.l-Tv315ChipBot { bottom: auto; top: 30px; }

  .LiTVUHdConBox { padding: 20px; height: auto; }

  .LiTVUHdConTabBar .tabTerm { padding: 0 10px; }

  .modalContent { width: 95%; }

  .widbox { width: 420px; }

  .widbox h2 { padding-bottom: 30px;  }

  .l-Tv315Chip p { margin-top: 20px; }

  .l-Tv315ChipRightTwo { width: 460px; }

  .MeikangSeriesText h2 { font-size: 34px; }

  .MeikangSeriesText h5 { font-size: 26px; margin: 30px 0 10px; }

  .Tv806Chipbox1Text p { font-size: 24px; line-height: 30px; }

  .yellowT { font-size: 32px; margin-top: 15px; }

  .Tv806Chipbox1Text h5 { font-size: 34px; }

  .Tv806Chipbox h3 { font-size: 34px; }

  .Tv806Chipbox h5 { font-size: 24px; }

  .Tv806Chipbox3Text p { font-size: 24px; }

  .Tv806Chipbox3Text { top: 90px; left: 20px; }

  .Tv806Chipbox4Text { right: 20px; }

  .Tv806Chipbox5Text { top: 50px; }

  .Tv806Chipbox5 .t { font-size: 24px; line-height: 30px; }

  .Tv806Chipbox6 { padding: 50px 0; }

  .Tv806Chipbox6 p { font-size: 24px; }

  .Tv806Chipbox6LiBox .t { font-size: 24px; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); }

  .Tv806Chipbox6LiBox .img { height: 48px; width: 50px; }

  .Tv806Chipbox7 h5 { margin-top: 15px; }

  .Tv806Chipbox7 .t { width: 380px; top: 210px; }

  .Tv806Chipbox8Text { top: 50px; right: 50px; width: 540px; }

  .Tv806Chipbox8Text p { font-size: 24px; }

  .Tv806Chipbox9Text h4 { font-size: 38px; }

  .Tv806Chipbox9 .t { bottom: 260px; left: 20px; }

  .Tv806Chipbox10Text { width: 580px; top: 100px; }

  .Tv806Chipbox8 h5 { margin: 25px 0 30px; }

  .Tv806Chipbox11Text { width: 600px; }

  .Tv806Chipbox11Text p { font-size: 24px; line-height: 30px; }

  .Tv806Chipbox11Text .t { font-size: 24px; line-height: 32px; margin: 30px 0 50px; }

  .Tv806Chipbox12Text { width: 600px; }

  .Tv806Chipbox12Text p { font-size: 24px; }

  .Tv806Chipbox13LI { width: 100%; left: 0; bottom: 50px; }

  .Tv806Chipbox14Text { width: 700px; }

  .Tv806Chipbox14LIBox { width: 205px; }

  .Tv806Chipbox14LIBox:not(:nth-child(3n)) { margin-right: 25px; }

  .Tv806Chipbox14LIBox .t { font-size: 24px; }

  .Tv806Chipbox15Text { padding: 10px 0 0 20px; } }



@media (max-width: 992px) { 

   

     .videoContentbox video{margin-top:30px}

    .MeikangHSeries p{margin-top:10px !important;}

    .PDlaptop1 { padding: 50px 0; }

.Missionbox:nth-child(odd) .MissionText{width: 100%;}

.righttext_box,.lefttext_box{padding: 0 30px !important;}

  .l-title { font-size: 35px; }

  .PDlaptop1Li { margin-top: 10px; }

  .PDlaptop1Li a { font-size: 20px; }

  .PDlaptop1Con { margin-top: 30px; }

  .PDlaptop2 { padding: 50px 0; }

  .PDlaptop2Con { overflow: auto; }

  .PDlaptop2Con table { margin-top: 20px; width: 1000px; overflow: auto; }

  .PDlaptop2Con table tr th { font-size: 16px; height: 70px; }

  .PDlaptop2Con table tr td { font-size: 16px; height: 70px; }

  .PDlaptop4 { padding-top: 50px; }

  .PDlaptop4Li { margin-top: 20px; }

  .PDlaptop5LiBox { width: 200px; height: 85px; }

  .PDlaptop5LiBox .t { font-size: 16px; line-height: 1.1; padding-top: 18px; }

  .PDlaptop5LiBox .t span { font-size: 26px; }

  .PDlaptop6Right { width: 100%; float: none; text-align: center; }

  .PDlaptop6Left { width: 100%; float: none; text-align: center; margin-top: 20px; }

  .PDlaptop6LeftBox .icon { position: static; display: inline-block; -webkit-transform: none; -ms-transform: none; transform: none; }

  .PDlaptop6LeftBox .t { display: inline-block; padding-left: 20px; vertical-align: top; }

  .PDlaptop6 { background-size: cover; }

  .PDlaptop6 { padding: 50px 0; }

  .SmartDeviceBox { width: 33.33%; }

  .SmartDeviceBox a { height: 480px; }

  .SmartDeviceBox .img { height: 350px; }

  .SmartDeviceXQ1Img { margin-top: -150px; width: 200px; }

  .SmartDeviceXQ1Text { margin-top: 30px; }

  .SmartDeviceXQ1Text h5 { font-size: 35px; }

  .SmartDeviceXQ1Text h3 { font-size: 28px; margin-top: 10px; }

  .SDXQ2RightLiBox .t { font-size:16px; }

  .SmartDeviceXQ3Text h3 { font-size: 35px; }

  .SmartDeviceXQ3Text h5 { font-size: 26px; }

  .SmartDeviceXQ3Text p { font-size: 16px; line-height: 20px; }

  .SmartDeviceXQ4 { margin: 0; padding: 50px 0; }

  .SmartDeviceXQ5 { padding: 50px 0; }

  .SmartDeviceXQ5Con { margin-top: 30px; }

  .PDlaptop5Smll { padding: 50px 0 30px; }

  .PDlaptop5Smll h3 { font-size: 30px; }

  .PDlaptop5Smll h5 { font-size: 22px; }

  .SmartDeviceXQ1-2 .SmartDeviceXQ1Img { margin: -153px 50px 50px 0; }

  .SmartDeviceXQ1-2 .SmartDeviceXQ1Img img { width: 150px; }

  .l-commonBanner-2Text { width: 480px; font-size: 24px; line-height: 34px; }

  .l-bannerText { top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

  .l-bannerText .num { font-size: 160px; }

  .l-bannerTextOn { margin-top: 15px; }

  .l-bannerText h5 { font-size: 18px; margin-top: 10px; }

  .GlobalTit { font-size: 30px; }

  .NationalFlagBox { width: 49%;margin-bottom:5px; }

   .GlobalConLi:last-child{display:block;}

  .SignIn { padding: 100px 0; }

  .RPasswordLeft { width: 100%; float: none; }

  .RPasswordOn { margin-top: 20px; }

  .RPasswordRight { width: 100%; padding: 30px; }

  .SDevice2G1-1Text { padding-top: 50px; }

  .SmartDevice2G1 h5 { font-size: 36px; }

  .SmartDevice2G1 p { font-size: 16px; margin-top: 30px; line-height: 22px; }

  .SDevice2G1-2TabCont { width: 100%; float: none; }

  .SDevice2G1-2ConF { width: 100%; padding-left: 0; }

  .SDevice2G1-2TabBar { margin-top: 50px; }

  .SDevice2G1-2TabCont .tabItem .img img { max-width: 70%; }

  .SmartDevice2G1-3 { padding: 50px 0; }

  .SmartD2G1-4Img { width: 100%; }

  .SmartD2G1-4Img .img { height: 500px; }

  .SmartD2G1-4Text { width: 100%; padding: 30px 0 0; text-align: center; }

  .SmartDevice2G1-7 { padding-top: 50px; }

  .SmartD2G1-7Text { padding: 0 20px; }

  .Tv315Chip.l-Tv315ChipRight { top: 50px; }

  .Tv315Chip.l-Tv315ChipLeft { top: 30px; }

  .l-Tv315Chip h5 { font-size: 22px; }

  .l-Tv812Chip { padding-top: 20px; }

  .l-Tv812Chip h5 { font-size: 22px; }

  .l-Tv812Chip h3 { font-size: 34px; }

  .l-Tv812ChipboxOne { padding: 50px 0; }

  .l-Tv812ChipboxLi { margin-top: 20px; padding: 0 10px; }

  .l-Tv812ChipboxText { margin-top: 15px; }

  .l-Tv812ChipboxText .t3 { font-size: 20px; }

  .l-Tv812ChipboxText .t3 span { font-size: 30px; }

  .l-Tv315ChipConBoxText { text-align: center !important; padding: 0 20px; }

  .l-Tv812ChipboxText .t2 { font-size: 16px; }

  .Tv315Chip h3{ font-size: 32px !important; padding-bottom: 20px !important; }

  .Tv315Chip.padd_bott35 h3{padding-bottom: 20px !important; }

  .widbox h2{ font-size: 32px !important;}

  

  .l-Tv315Chip h5 { font-size: 20px !important; }

  .l-Tv315Chip p { font-size: 14px !important; line-height: 18px !important; }

  .l-Specifications { padding: 50px 0; }

  .l-SpecificationsLi .t { width: 50%; }

  .l-SpecificationsLi { line-height: 60px; font-size: 20px; }

  .LiTVUHdIovLi a { padding: 0 20px; }

  .LiTVUHdConBox { width: 33.33%; }

  .modalContent { padding: 30px; }

  .widbox { width: 350px; }

  /*.MeikangHSeries { padding-bottom: 50px; }*/

  .widbox h2 { font-size: 32px; }

  .MeikangSeriesImg { width: 100%; float: none; }

  .MeikangSeriesText { width: 100%; float: none; }

  .MeikangSeries { padding: 50px 0; }

  .SiteMapLI { width: 150px; }

  .SiteMapLIBox a { width: 150px; font-size: 14px; }

  .SiteMap { padding: 0; }

  .Tv806Chipbox1Text img { width: 220px; }

  .Tv806Chipbox1Text p { margin-top: 10px; font-size: 18px; line-height: 1; }

  .Tv806Chipbox h3 { font-size: 28px; }

  .Tv806Chipbox h5 { font-size: 18px; }

  .Tv806Chipbox3Text h5 { margin: 15px 0 20px; }

  .Tv806Chipbox3Text p { font-size: 18px; }

  .Tv806Chipbox3Text { width: 50%; }

  .Tv806Chipbox4Text { width: 565px; }

  .Tv806Chipbox5 h5 { margin: 20px 0 10px; }

  .Tv806Chipbox5 .t { font-size: 18px; line-height: 24px; }

  .Tv806Chipbox6 p { font-size: 18px; }

  .Tv806Chipbox6LiBox .t { font-size: 18px; }

  .Tv806Chipbox7 .t { width: 315px; top: 170px; font-size: 16px; line-height: 20px; }

  .Tv806Chipbox8Text { width: 440px; }

  .Tv806Chipbox8Text p { font-size: 18px; line-height: 22px; }

  .Tv806Chipbox9Text h4 { font-size: 24px; }

  .Tv806Chipbox9 .t { font-size: 18px; bottom: 215px; }

  .Tv806Chipbox10Text { width: 47%; }

  .Tv806Chipbox11Text { width: 50%; }

  .Tv806Chipbox11Text p { font-size: 18px; line-height: 22px; }

  .Tv806Chipbox11Text .t { font-size: 18px; line-height: 22px; margin: 15px 0 25px; }

  .Tv806Chipbox12Text { width: 50%; }

  .Tv806Chipbox12Text p { font-size: 18px; }

  .Tv806Chipbox12TextLI { margin-top: 30px; }

  .Tv806Chipbox12TextLI .t { padding: 0 10px; font-size: 16px; }

  .Tv806Chipbox13LIBox img { width: 35px; }

  .Tv806Chipbox13 .x-t { font-size: 16px; bottom: 10px; }

  .Tv806Chipbox14Text { width: 57%; }

  .Tv806Chipbox14LI { margin-top: 20px; }

  .SDXQ2RightLiBox .icon{width:30px;}

  .SmartDeviceXQ2 {

    height: 760px;

}

  .Tv806Chipbox14LIBox { width: 31%; padding: 0; }

  .Tv806Chipbox14LIBox:not(:nth-child(3n)) { margin-right: 2%; }

  .Tv806Chipbox16 .x-t { font-size: 18px; padding: 0 20px; } 

  .SDXQ2RightLi{margin-top:20px}

  .SmartDeviceTwo_bell4s .SDXQ2RightLi{margin-top:20px}

  .SDXQ2RightLiBox{margin-top:10px}

    

}



@media (max-width: 768px) { 

    .MeikangHSeries.L_QXL3{padding-bottom:30px}

    .SmartDeviceXQ3_138 .SmartDeviceXQ3Text{padding:20px 15px;}

     .SDXQ2RightLiBox .t{white-space: revert !important;}

    .Li808 .l-bj img{

        width: auto !important;

        height: 320px;

        position: relative;

        left: 50%;

        transform: translateX(-50%);

    }

    .Li808 .L808text2{

        max-width: 100% !important;

    }

    .Li808 .L808text2 h5,

    .Li808 .L808text2 p:nth-child(3),

    .Li808 h3 p{margin-top:10px !important;line-height:1.3 !important;}

    .Li808 .Tv806Chipbox8Text{

        top: 50% !important;

        transform: translateY(-50%);

        right: 5% !important;

        width: 50% !important;

    }

    .Li808 .Tv806Chipbox12Text{

          top: 50% !important;

        transform: translateY(-50%);

        right: 5% !important;

        width: 50% !important;

    }

    .Li808 h3 span{font-size:26px !important;}

    .Li808 .Tv806Chipbox1Text img{width:100px;}

    .Tv315Chipbox .L667 h3{padding-bottom:10px !important;}

    .l-title { font-size: 24px; }

.SmartDeviceTwo .SmartDeviceXQ1Text h3{text-align: left;}

.productRecommend ul li{width: 100% !important;}

.parameter_ul li p{font-size: 16px;}

.parameter_ul li{padding: 20px 0;}

.parameter_ul{margin: 40px 0;}

.righttext_box,.lefttext_box{padding:15px !important;}

.codebox{height: 41px;width: 120px;}

.vearcode_box label {  width: calc(100% - 130px);}

.SmartDeviceXQ2{height: auto !important;}

.pointerbox .pointer{width: 50px;height:60px;}

.PDlaptop1Li { margin-top: 5px; }

.PDlaptop1Li a { font-size: 18px; }

.PDlaptop2 { padding: 30px 0; }

.PDlaptop2Con table tr th { font-size: 14px; }

.PDlaptop2Con table tr td { font-size: 14px; }

.PDlaptop3Tit { top: 30px; }

.PDlaptop4 { padding-top: 30px; }

.PDlaptop4LiText { margin: 0 10px; }

.PDlaptop4LiText .t1 { font-size: 20px; }

.PDlaptop4LiText .t2 { font-size: 14px; }

.PDlaptop5Tit { padding-top: 30px; }

.PDlaptop5Tit p { margin-top: 5px; font-size: 16px; }

.PDlaptop5LiBox { width: 28%; margin: 0 2%; height: 60px; }

.PDlaptop5LiBox .t { padding-top: 8px; }

.PDlaptop5LiBox .t span { font-size: 22px; }

.PDlaptop6 { padding: 30px 0; }

.SmartDeviceBox { width: 50%; }

.SmartDeviceBox a { height: 450px; }

.SmartDeviceBox .img { height: 320px; }

.SmartDevice { padding: 50px 0; }

.SmartDeviceXQ1Img { margin-top: -50px; width: 150px; }

.SmartDeviceXQ1Text h5 { font-size: 22px; }

.SmartDeviceXQ1Text h3 { font-size: 18px; }

.SmartDeviceXQ1 { padding-bottom: 30px; }

.SmartDeviceXQ2Left { width: 100%; float: none; height: auto; padding: 20px; text-align: center; }

.SmartDeviceXQ2Left img { position: static; -webkit-transform: none; -ms-transform: none; transform: none; }

.SmartDeviceXQ2Right { width: 100%; float: none; height: auto; }

.SmartDeviceXQ3Img { width: 100%; float: none; }

.SmartDeviceXQ3Text { width: 100%; float: none; }

.SmartDeviceXQ3Text p { margin-top: 20px; }

.SmartDeviceXQ4Img { width: 100%; float: none; padding: 20px; text-align: center; }

.SmartDeviceXQ4Text { width: 100%; }

.SmartDeviceXQ5Tit { font-size: 32px; }

.SDXQ5ConBox { width: 100%; margin-left: 0; margin-top: 10px; }

.SmartDeviceXQ1-2 .SmartDeviceXQ1Img { margin: -50px 0 50px 0; text-align: center; }

.SmartDeviceXQ1-2 .SmartDeviceXQ1Img img { width: 100px; }

.commonBannerText { padding-top: 50px; }

.commonBannerText h5 { font-size: 30px; }

.commonBannerText p { font-size: 22px; }

.commonBannerText p span{font-size:24px;}

.commonBut a { width: 200px; line-height: 50px; font-size: 20px; }

.SmartDeviceTwo .SmartDeviceXQ1Text h5 { font-size: 30px; }

.SmartDeviceTwo .SmartDeviceXQ1Text h3 { font-size: 22px; }

.SmartDeviceXQ2-2 .SmartDeviceXQ2Left { height: auto; }

.SmartDeviceXQ2Left img { max-height: 250px; width: auto; }

.SmartDeviceTwo_bell4s .SmartDeviceXQ2Left img{max-height:none;}

.SmartDeviceXQ2-2 .SmartDeviceXQ2Right { height: auto; padding-bottom: 50px; }

.l-commonBanner-2Text { width: 300px; font-size: 20px; line-height: 26px; }

.SmartDeviceXQ4TwoImg { width: 100%; float: none; }

.SmartDeviceXQ3-2 .SmartDeviceXQ3Text { padding: 20px; }

.l-commonBanner-2Text { width: 100%; position: static; background-color: #fff; padding: 20px 20px 0; -webkit-transform: none; -ms-transform: none; transform: none; }

.l-bannerText .num { font-size: 120px; }

.l-bannerTextOn a { width: 120px; line-height: 45px; padding: 0 10px; font-size: 14px; }

.l-bannerTextOn a::before { right: 10px; }

.Global { padding: 180px 0 50px; }



.GlobalConLiLeft { width: 100%; float: none; }

.GlobalConLiLeft::before { display: none; }



.GlobalConLi:nth-child(1) .GlobalConLiLeft { width: 100%; float: none; }

.GlobalConLi:nth-child(1) .GlobalConLiLeft::before { display: none; }

.GlobalConLi:nth-child(1) .GlobalConLiRight{padding-top: 20px;}



.GlobalConLiRight { padding-left:0;}
.NationalFlagBox{margin-bottom:10px;}

.RPasswordRightHead { padding-bottom: 10px; }

.RPasswordRightHead .t { font-size: 22px; }

.RPasswordForm { padding: 30px 30px 0; }

.RPasswordConTabCont { padding: 0 20px; }

.SmartDevice2G1 h5 { font-size: 28px; }

.SmartDevice2G1 p { font-size: 14px; margin-top: 10px; line-height: 20px; }

.SDevice2G1-2TabCont .tabItem .img { height: 400px; }

.SDevice2G1-2TabCont .tabItem .img img { max-width: 50%; }

.SmartDevice2G1-3 .swiper-slide.swiper-slide-active { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; }

.SmartDevice2G1-3 .swiper-container { padding: 0; }

.SmartDevice2G1-2 { padding: 50px 0; }

.SDevice2G1-2TabBar { white-space: nowrap; overflow-x: auto; }

.SmartDevice2G1-4 { padding: 50px 0; }

.SmartDevice2G1-1 .bj { display: none; }

.SDevice2G1-1Img { position: static; width: 100%; }

.SmartDevice2G1-1Con { position: static; }

.SDevice2G1-1Text { width: 100%; }

.SDevice2G1-1Img img { position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0 auto; }

.SmartDevice2G1-3 .swiper-pagination .swiper-pagination-bullet { margin: 0 10px; }

.Tv315Chip.l-Tv315ChipRight { top: 20px; }

.Tv315Chip.l-Tv315ChipLeft { top: 20px; }

.Tv315Chip.l-Tv315ChipLeftTwo { top: 20px; }

.Tv315Chip.l-Tv315ChipBot { bottom: auto; top: 20px; }

.l-Tv315Chip h5 { font-size: 16px; }

.l-Tv812ChipboxLi .t { font-size: 20px; }

.l-Tv812ChipboxLi .t1 { font-size: 14px; line-height: 20px; margin-top: 5px; }

.l-Tv812ChipboxText .t2 { font-size: 20px; }

.l-Tv315ChipConBoxText .t1 { font-size: 20px; }

.l-Tv315ChipConBoxText .t2 { font-size: 14px; line-height: 18px; margin-top: 10px; }

.l-Specifications { padding: 30px 0; }

.l-SpecificationsLi { font-size: 16px; padding: 10px 0; }

.l-SpecificationsLi .t { line-height: 30px; }

.l-SpecificationsLi .t1 { line-height: 30px; }

.LiTVUHdIovLi a { padding: 0 15px; }

.LiTVUHdConBox { width: 50%; }

.LiTVUHdConTabContText .tit { font-size: 18px; }

.LiTVUHdConTabContText .num { font-size: 16px; }

.modalContent { display: block; }

.modalLeft { width: 100%; padding-right: 0; border: none; }

.modalRight { padding-left: 0; width: 100%; margin-top: 20px; }

.Tv315Chip.l-Tv315ChipLeft { padding: 20px 0; position: static; width: 100%; background: #020202; text-align: center; }

.widbox { width: 100%; }

.widbox h2 { font-size: 26px; }

.l-Tv315ChipRightTwo { width: 350px; padding-top: 0; }

.SiteMapLI { margin: 0 5px 30px; }

.Tv806Chipbox1Text { padding-top: 20px; }

.Tv806Chipbox1Text img { width: 130px; }

.Tv806Chipbox1Text p { font-size: 16px; }

.yellowT { font-size: 20px; }

.Tv806Chipbox1Text h5 { margin-top: 5px !important; }

.Tv806Chipbox4Text { width: 51%; }

.Tv806Chipbox h3 { font-size: 22px; }

.Tv806Chipbox h5 { font-size: 16px; }

.Tv806Chipbox4Text h5 { margin: 20px 0 10px; }

.Tv806Chipbox4Text p { font-size: 16px; line-height: 1; }

.Tv806Chipbox5 .t { font-size: 14px; line-height: 1; bottom: 20px; }

.Tv806Chipbox6 h5 { margin: 10px 0 15px; }

.Tv806Chipbox6 p { font-size: 16px; }

.Tv806Chipbox6LiBox { text-align: center; }

.Tv806Chipbox6LiBox .img { width: 100%; height: 40px; display: block; text-align: center; }

.Tv806Chipbox6LiBox .img img { max-width: 100%; max-height: 100%; margin: 0 auto; }

.Tv806Chipbox6LiBox .t { font-size: 16px; display: block; width: 100%; text-align: center; margin-top: 10px; }

.Tv806Chipbox7 .t { width: 32%; top: 145px; font-size: 14px; line-height: 1; }

.Tv806Chipbox8Text { width: 42%; }

.Tv806Chipbox8Text h5 { margin: 10px 0 20px; }

.Tv806Chipbox8Text p { font-size: 16px; line-height: 1; }

.Tv806Chipbox9Text { top: 20px; }

.Tv806Chipbox9Text h4 { font-size: 20px; margin: 10px 0; }

.Tv806Chipbox9 .t { bottom: 155px; }

.Tv806Chipbox10Text h5 { margin-top: 20px; }

.Tv806Chipbox11Text h5 { margin: 15px 0 5px; }

.Tv806Chipbox11Text p { font-size: 16px; line-height: 1; }

.Tv806Chipbox11Text .t { font-size: 16px; line-height: 1; margin: 15px 0; }

.Tv806Chipbox12Text { top: 50px; }

.Tv806Chipbox12Text h5 { margin: 10px 0 15px; }

.Tv806Chipbox12TextLI { display: block; }

.Tv806Chipbox12TextLI .t { border-top: 1px solid #838689; border-left: none; text-align: center; }

.Tv806Chipbox13LIBox { margin: 0 10px; width: 120px; }

.Tv806Chipbox14LIBox { margin-top: 10px; height: 80px; }

.Tv806Chipbox14LIBox .t { font-size: 14px; }

.Tv806Chipbox14Text { top: 100px; }

.Tv806Chipbox15Img { width: 100%; float: none; }

.Tv806Chipbox15Text { width: 100%; padding: 20px; }

.Tv806Chipbox15Text p { font-size: 20px; margin-top: 10px; }

.Tv806Chipbox15Text h5 { margin: 10px 0 20px; }

.Tv806Chipbox15Text .text { margin-top: 20px; }

.Tv806Chipbox16Text { top: 30px; }

.Tv806Chipbox16Text h5 { margin-top: 10px; } 

}

.Tv806Chipbox2{position:relative;}

@media (max-width: 465px) { 

   

    .Li808 .Tv806Chipbox3 .l-bj img,

    .Li808 .Tv806Chipbox11 .l-bj img{

        width: 100%!important;

        height: auto !important;

        position: static;

        transform: none;

    }

    .Li808 .Tv806Chipbox8Text,

    .Li808 .Tv806Chipbox12Text{

       width: 100%!important;

        position: static;

        transform: none;

    }

    .Li808 .Tv806Chipbox1Text{padding-top:2%}

    .Li808 .Tv806Chipbox1Text img{width:80px;padding-bottom:3px !important;}

    .PDlaptop1Li a { width: 49%; }

.RemoteControTvImg{min-height:130px !important;}

.RegisteredProductsbox .formBtn input{height: 45px !important;font-size: 16px !important;width: 130px !important;}

.RegisteredProductsbox .formBtn{padding-top: 30px !important;}

  .PDlaptop1Li a:nth-child(2):before { display: none; }

  .PDlaptop3Tit { top: 20px; }

  .PDlaptop4Tit { font-size: 20px; }

  .PDlaptop4Li { margin-top: 10px; }

  .PDlaptop4LiText .t1 { font-size: 17px; }

  .PDlaptop4LiText .t2 { font-size: 13px; }

  .PDlaptop6LeftBox .t { font-size: 20px; }

  .PDlaptop6LeftBox .icon { display: block; }

  .SmartDeviceBox { width: 100%; }

  .SmartDeviceBox a { height: auto; }

  .SmartDeviceBox .img { height: auto; text-align: center; }

  .SmartDeviceBox .img img { position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin: 20px; }

  .SmartDevice { padding: 30px 0; }

  .SmartDeviceXQ1Img { padding: 20px; margin: 0; text-align: center; width: 100%; }

  .SmartDeviceXQ1Img img { width: 150px; }

  .SmartDeviceXQ1Text h5 { font-size: 20px; }

  .SmartDeviceXQ1Text h3 { font-size: 16px; }

  .SmartDeviceXQ2Left img { width: auto; }

  .SDXQ2RightTit { font-size: 24px; }

  /*.SDXQ2RightLiBox .t { font-size: 16px; }*/

  .SmartDeviceXQ4Text { padding-left: 20px; }

  .SDXQ4TextTit { font-size: 26px; }

  .SmartDeviceXQ4Img { padding: 20px 100px; }

  .SDXQ4TextTitLiBox { font-size: 12px; line-height: 20px; }

  .SDXQ4TextTitLiBox span { text-align: left; }

  .SmartDeviceXQ5Tit { font-size: 28px; }

  .SDXQ5ConBox .t { font-size: 22px; }

  .l-bannerText .num { font-size: 60px; }

  .l-bannerTextOn a { line-height: 40px; }

  .GlobalTit { font-size: 22px; }

 

  .NationalFlagBox { width: 100%; }

  .SignIn { padding: 50px 0; }

  .SignInBox { width: 100%; padding: 30px 20px; height: auto; }

  .RPasswordRight { padding: 10px; }

  .RPasswordForm { padding: 20px; }

  .RPassword { padding: 20px 0; }

  .RetrievePassword { padding: 30px 0; margin-top: 60px; }

  .SDevice2G1-1Text { padding-top: 10px; }

  .SmartDevice2G1 h5 { font-size: 22px; }

  .SmartDevice2G1 p { font-size: 12px; }

  .SDevice2G1-2TabCont .tabItem .img { height: 350px; }

  .SDevice2G1-2TabBar .tabTerm { margin-right: 5px; }

  .SDevice2G1-2TabBar { margin-top: 30px; }

  .SmartDevice2G1-3Tit { padding-bottom: 0; }

  .SmartD2G1-4Img img { max-width: 80%; }

  .SmartD2G1-4Text { padding: 10px 0 0; }

  .SmartD2G1-5Text { padding-top: 30px; }

  .SmartD2G1-6Text { top: 20px; }

  .l-Tv812Chip h5 { font-size: 16px; line-height: 1; }

  .l-Tv812Chip h3 { font-size: 18px; }

  .l-Tv315ChipConBox { width: 100%; }

  .Tv315Chip h3{ font-size: 22px !important; padding-bottom: 5px !important; }

  .widbox h2{ font-size: 22px !important;}

  .l-Tv315Chip h5 { font-size: 16px !important; }

  .l-Tv315Chip p { font-size: 14px !important; line-height: 16px !important; margin-top: 5px !important; }

  .l-Tv812ChipboxText { margin-top: 10px; }

  .LiTVUHdConBox { width: 100%; }

  .liBarboxA a { padding: 0 10px; }

  .LiTVUHdTopOn { float: none; }

  .LiTVUHdTopSs { width: 100%; float: none; }

  .LiTVUHdTopOn::before { right: 4px; }

  .LiTVUHdIov { margin-top: 20px; }

  .LiTVUHdIovLi { line-height: 50px; font-size: 14px; }

  .MeikangSeriesText h2 { font-size: 24px; }

  .MeikangSeriesText h5 { font-size: 16px; margin: 10px 0 5px; }

  .MeikangSeriesText p { font-size: 14px; line-height: 20px; }

  .MeikangSeries { padding: 30px; }

  .Tv806Chipbox1Text { padding-top: 10px; }

  .Tv806Chipbox1Text p { font-size: 12px; margin-top: 5px; }

  .yellowT { font-size: 16px; margin-top: 5px; }

  

  .Tv806Chipbox2 .l-bj { width:auto;height:100%; }

  .Tv806Chipbox2 { background-size: cover; position:relative; }

  .Tv806Chipbox2 .Tv806Chipbox1Text { position: static; }

  .Tv806Chipbox3 { padding-bottom: 50px; background: #000; }

  .Tv806Chipbox3Text {width: 100%; padding: 0 20px; }

  .Tv806Chipbox h3 { font-size: 20px; }

  .Tv806Chipbox h5 { font-size: 14px; }

  .Tv806Chipbox3Text p { font-size: 14px; }

  .Tv806Chipbox4 { background: #020913; padding-bottom: 50px; }

  .Tv806Chipbox4Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox5 { background: #000; background-size: cover; padding-bottom: 50px; }

  .Tv806Chipbox5Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox5 .t { position: static; margin-top: 0; }

  .Tv806Chipbox6Img { margin-top: 30px; }

  .Tv806Chipbox6LiBox { width: 100%; margin-top: 15px; }

  .Tv806Chipbox7 { background: #000; padding-bottom: 50px; }

  .Tv806Chipbox7Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox7 .t { position: static; margin-top: 0; width: 100%; padding: 0 20px; text-align: center; }

  .Tv806Chipbox8 { background: #000; padding: 0; }

  .Tv806Chipbox8Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox8Text p { margin-top: 60px; }

  .Tv806Chipbox9 { background: #000; padding: 0; color: #fff; }

  .Tv806Chipbox9Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox9 .t { position: static; padding: 0 20px; font-size: 12px; text-align: center; }

  .Tv806Chipbox10 { background: #000; padding: 0; color: #fff; }

  .Tv806Chipbox10Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox11 { background: #000; padding: 0; color: #fff; }

  .Tv806Chipbox11Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox12 { background: #000; padding: 0; color: #fff; }

  .Tv806Chipbox12Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox13 { background: #000; padding-bottom: 50px; color: #fff; }



  .Tv806Chipbox13LI, .Tv806Chipbox13 .x-t { position: static; }

  .Tv806Chipbox13LIBox { width: 100%; margin-top: 15px; }

  .Tv806Chipbox14 { background: #0f122d; padding: 0; color: #fff; }

  .Tv806Chipbox14Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox15 { padding: 20px; }

  .Tv806Chipbox15Text { padding: 20px 0; }

  .Tv806Chipbox16 { background: #000; padding-bottom: 50px; color: #fff; }

  .Tv806Chipbox16Text { position: static; width: 100%; padding: 20px; }

  .Tv806Chipbox16 .x-t { position: static; } }





/*--头部--*/

@import url("//at.alicdn.com/t/font_2762266_pjb8ls5rocr.css");

.hideScroll { overflow: hidden; }



.header { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 99; padding: 20px 15px 0px; height: 60px; -webkit-transition: all .6s ease; transition: all .6s ease; background: #fff; }



.logo { float: left; display: block; position: relative; }



.logo img { height: 20px; display: block; -webkit-transition: all .6s ease; transition: all .6s ease; }



.logo img.curLogo { position: absolute; opacity: 1; visibility: visible; top: 0px; left: 0px; }



.logo img.defaLogo { opacity: 0; visibility: hidden; }



.haderRight { float: right; padding-top: 2px; }



.headerSearch { float: left; }



.headerSearch a { display: block; width: 22px; height: 22px; background: url(../images/img002.png) no-repeat center; -webkit-transition: all .6s ease; transition: all .6s ease; }



.headerLogin { float: left; margin-left: 8px; }



.headerLogin a { display: block; width: 22px; height: 22px; background: url(../images/img003.png) no-repeat center; -webkit-transition: all .6s ease; transition: all .6s ease; }



.headerGlobal { float: left; margin-left: 8px; }



.headerGlobal a { display: block; height: 22px; background: url(../images/img004.png) no-repeat left center; -webkit-transition: all .6s ease; transition: all .6s ease; color: #747474; white-space: nowrap; padding-left: 30px; }



.navbtn { float: right; width: 25px; height: 20px; position: relative; cursor: pointer; margin-left: 8px; }



.navbtn span { display: block; height: 2px; background: #747474; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; }



.navbtn span:nth-child(2) { top: 9px; }



.navbtn span:nth-child(3) { top: 18px; }



.closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 9px; }



.closeNavbtn span:nth-child(2) { display: none; }



.closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; }



.nav { display: none; position: fixed; left: 0px; right: 0px; top: 60px; bottom: 0px; overflow-y: auto; overflow-x: hidden; background: #fff; border-top: 1px solid #f5f5f5; z-index: 991; }



.nav ul { padding: 30px 20px 0px; }



.nav ul li { border-bottom: 1px solid #eee; position: relative; }



.nav ul li > a { display: block; height: 45px; font-size: 16px; line-height: 45px; }



.nav ul li i { position: absolute; right: 0px; top: 0px; height: 45px; width: 30%; }



.nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }



.nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }



.SecondaryMenubox { display: none; padding-bottom: 20px; border-top: 1px solid #eee; padding-top: 25px; }



.Tvtype h3 { display: none; }



.Tvtype dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.Tvtype dl dt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }



.Tvtype dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }



.Tvtype dl h4 { font-size: 18px; color: #333333; padding-bottom: 10px; }



.Tvtype dl h4 a { color: #333333; }



.Tvtype dl p a { display: block; font-size: 14px; line-height: 30px; }



.OtherType h3 { font-size: 18px; color: #333333; padding-bottom: 10px; }



.OtherType h3 a { color: #333333; }



.OtherType p { font-size: 14px; }



.SecondaryMenu h3 { display: none; }



.SecondaryMenu dd { font-size: 14px; line-height: 30px; }



.SecondaryMenu dd a { color: #333333; }



.RecommendedProducts { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }



.RecommendedProducts dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0px; padding-top: 15px; }



.RecommendedProducts dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }



.RecommendedProducts dl dd:nth-child(1) { padding-right: 10px; }



.RecommendedProducts dl dd img { display: block;max-width:100%; }



.RecommendedProducts .ViewAll { text-align: right; padding-top: 25px; }



.RecommendedProducts .ViewAll a { display: inline-block; line-height: 48px; background: #f9282b; padding: 0px 20px; color: #fff; font-size: 12px; }



/*--banner--*/

.banner { overflow: hidden; position: relative; margin-top: 60px; }



.banner ul li img { display: block; width: 100%; }



.bannerDot { position: absolute; right: 10%; bottom: 9%; z-index: 20; }



.bannerDot span { display: inline-block; border: 2px solid #fff; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px 5px; vertical-align: middle; }



.bannerDot span.swiper-pagination-bullet-active { background: #fff;  width: 10px; height: 10px; }



/*--推荐--*/

.indexProductTvbox { overflow: hidden; position: relative; padding: 30px 15px 0px; }



.indexProductTv { width: 100%; position: relative; left: 0px; z-index: 2; }



.indexProductTv ul li { -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: center 86%; -ms-transform-origin: center 86%; transform-origin: center 86%; }



.indexProductTv ul li img { display: block; width: 100%; }



.indexProductTv ul li h3 { color: #000000; font-size: 20px; text-align: center; }



.indexProductTv ul li p { color: #000000; font-size: 20px; padding-left: 9.2%; padding-bottom: 15px; visibility: hidden; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; }



.indexProductTv ul li.swiper-slide-active { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }



.indexProductTv ul li.swiper-slide-active p { visibility: visible; opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; }



.indexProductTvArrowBtn { -webkit-transition: all .6s ease; transition: all .6s ease; text-align: center; padding-top: 20px; }



.indexProductTvArrowBtn span { width: 35px; height: 35px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #f9282b; margin: 0px 10px; background-repeat: no-repeat; background-size: cover; cursor: pointer; }



.indexProductTvArrowBtn span.indexProductTvPrev { background-image: url(../images/img06.png); }



.indexProductTvArrowBtn span.indexProductTvPrev:hover { background-image: url(../images/img006.png); }



.indexProductTvArrowBtn span.indexProductTvNext { background-image: url(../images/img07.png); }



.indexProductTvArrowBtn span.indexProductTvNext:hover { background-image: url(../images/img007.png); }



.indexProductTvArrowBtn span:hover { border-color: #f9282b; background-color: #f9282b; }



.indexTitle h3 { font-size: 22px; padding-bottom: 10px; }



.indexTitle .desc { font-size: 14px; color: #767676; line-height: 24px; }



/*--我们的产品--*/

.OurProductbox { position: relative; padding: 30px 15px 0px; }



.OurProductbox::after { content: ''; bottom: 0px; top: 50%; right: 0px; left: 0px; background: #f3f3f3; position: absolute; display: block; z-index: 1; }



.OurProduct { margin-top: 20px; overflow: hidden; position: relative; z-index: 2; }



.OurProduct ul li { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }



.OurProduct ul li img { display: block; width: 100%; }



.OurProduct ul li a { display: block; position: relative; }



.OurProductText { position: absolute; left: 30px; right: 30px; bottom: 30px; }



.OurProductText h3 { font-size: 22px; color: #fff; text-transform: uppercase; }



.OurProductText p { color: #ffffff; font-size: 14px; }



.OurProductboxIcon { left: 70px; top: 60%; position: absolute; z-index: 9; display: none; }



/* .OurProductboxIcon img { display: block; height: 107px; } */



.OurProductBtnbox { padding-top: 30px; position: relative; z-index: 2; }



.OurProductBtnArrow { width: 105px; float: left; }



.OurProductBtnArrow span { width: 35px; height: 35px; position: relative; display: inline-block; cursor: pointer; }



.OurProductBtnArrow span::after { content: ''; height: 1px; width: 100%; position: absolute; top: 50%; left: 0px; background: #a3a3a3; }



.OurProductBtnArrow span::before { position: absolute; left: 2px; top: 9px; width: 18px; height: 18px; border: 1px solid #a3a3a3; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); border-right: none; border-top: none; display: block; content: ''; }



.OurProductBtnArrow span.OurProductPrevBtn { margin-right: 12px; }



.OurProductBtnArrow span.OurProductNextBtn::before { right: 2px; -webkit-transform: rotate(-133deg); -ms-transform: rotate(-133deg); transform: rotate(-133deg); left: auto; }



.OurProductBtnArrow span:hover::after { background: #000000; }



.OurProductBtnArrow span:hover::before { border-color: #000000; }



.OurProductscroll { float: left; width: -webkit-calc(100% - 105px); width: calc(100% - 105px); height: 2px; background: #cccccc; margin-top: 16px; }



.OurProductscroll > .swiper-scrollbar-drag { background: #000000; }



/*--全球分布--*/

.WorldwideDistributionBox { padding: 30px 15px 50px; background-repeat: no-repeat; background-color: #f3f3f3;background-position: left top; background-size: cover; overflow: hidden; }



.WorldwideDistributionClass { margin-top: 20px; }



.WorldwideDistributionClass a { font-size: 14px; margin-right: 20px; color: #000000; padding-bottom: 5px; }



.WorldwideDistributionClass a.cur { border-bottom: 1px solid #000000; }



.WorldwideDistributionClass a:hover { border-bottom: 1px solid #000000; }



.WorldwideDistributionClass a:last-child { margin: 0px; }



.WorldwideDistribution { width: 100%; margin-top: 30px; position: relative; }



.WorldwideDistributionContent {background: rgba(22,31,30,0.7); padding: 20px 15px; }



.WorldwideDistributionContent::before { content: ''; position: absolute; left: 30px; bottom: -20px; right: 0px; display: block; background: #ff0000; height: 20px; }



.WorldwideDistributionBg{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index: 0;  opacity: 0; visibility: hidden; transition: all .8s ease; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease;-o-transition: all .8s ease;}



.WorldwideDistributionList { padding-top: 40px; position: relative; z-index: 2;}



.WorldwideDistributionList ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; }



.WorldwideDistributionList ul li:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 10px; }



.WorldwideDistributionList ul li .num { font-size: 22px; color: #fff; }



.WorldwideDistributionList ul li .num span { font-size: 14px; }



.WorldwideDistributionList ul li .desc { font-size: 14px; color: #707676; }



.businessDesc { font-size: 14px; color: #707676; margin-top: 20px; }



.country { color: #ffffff; font-size: 22px; margin-top: 20px; }



.Branch { background: url(../images/img13.png) no-repeat left center; padding-left: 20px; font-size: 14px; color: #707676; margin-top: 20px; }



.WorldwideDistributionImg { max-width: 450px; padding-top: 30px; position: relative; z-index: 2; }



.WorldwideDistributionImg img { display: block; width: 100%; }



.WorldwideDistributionBtnArrow { top: 20px; left: 15px; width: 105px; position: absolute; z-index: 9; }



.WorldwideDistributionBtnArrow span { width: 30px; height: 30px; position: relative; display: inline-block; cursor: pointer; }



.WorldwideDistributionBtnArrow span::after { content: ''; height: 1px; width: 100%; position: absolute; top: 50%; left: 0px; background: #a3a3a3; }



.WorldwideDistributionBtnArrow span::before { position: absolute; left: 2px; top: 8px; width: 14px; height: 14px; border: 1px solid #a3a3a3; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); border-right: none; border-top: none; display: block; content: ''; }



.WorldwideDistributionBtnArrow span.WorldwideDistributionPrevBtn { margin-right: 12px; }



.WorldwideDistributionBtnArrow span.WorldwideDistributionNextBtn::before { right: 2px; -webkit-transform: rotate(-132deg); -ms-transform: rotate(-132deg); transform: rotate(-132deg); left: auto; }



.WorldwideDistributionBtnArrow span:hover::after { background: #fff; }



.WorldwideDistributionBtnArrow span:hover::before { border-color: #fff; }



.WorldwideDistribution ul li.swiper-slide{opacity:0 !important; visibility: hidden !important;transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;-o-transition: all 1s ease;}

.WorldwideDistribution ul li.swiper-slide-active{ visibility: visible !important; opacity: 1 !important;}







/*--三大类--*/

.ThreeCategories ul li { position: relative; }



.ThreeCategories ul li img { display: block; width: 100%; }



.ThreeCategoriesText { position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }



.ThreeCategoriesText h3 { font-size: 22px; text-transform: uppercase; color: #fff; padding-bottom: 20px; }



.ThreeCategoriesText p span { display: inline-block; width: 45px; height: 45px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #ffffff; position: relative; }



.ThreeCategoriesText p span::after { height: 1px; background: #fff; width: 20px; content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.ThreeCategoriesText p span::before { position: absolute; left: 21px; top: -webkit-calc(50% + 1px); top: calc(50% + 1px); width: 10px; height: 10px; border: 1px solid #fff; -webkit-transform: translateY(-50%) rotate(42deg); -ms-transform: translateY(-50%) rotate(42deg); transform: translateY(-50%) rotate(42deg); border-left: none; border-bottom: none; display: block; content: ''; }



.ThreeCategoriesText p span:hover { background: #f9282b; border-color: #f9282b; }



/*--底部--*/

.footer { background: #1e2126; padding: 30px 0px; }



.footerClass ul li { border-bottom: 1px solid #757575; position: relative; }



.footerClass ul li h3 { font-size: 16px; line-height: 40px; }



.footerClass ul li h3 a { color: #ffffff; display: block; }



.footerClass ul li p { padding-top: 15px; display: none; border-top: 1px solid #757575; padding-bottom: 15px; }



.footerClass ul li p a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.3); line-height: 30px; }



.footerClass ul li p a:hover { color: #fff; }



.footerClass ul li i { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; }



.footerClass ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #757575; border-right: 2px solid #757575; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; }



.footerClass ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }



.footerLogo img { display: block; height: 20px; }



.copyright { padding-top: 25px; font-size: 14px; color: rgba(255, 255, 255, 0.3); }



.platforms { padding-top: 20px; }



.platforms a { display: inline-block; width: 30px; height: 30px; background-color: #31353c; margin-right: 10px; background-position: center; background-repeat: no-repeat; -webkit-border-radius: 100%; border-radius: 100%; }



.platforms a.facebook { background-image: url(../images/img18.png); }



.platforms a.linkedin { background-image: url(../images/img19.png); }



.platforms a.instagram { background-image: url(../images/img20.png); }



.platforms a.youtube { background-image: url(../images/img21.png); }

.platforms a.TikTok {

    background-image: url(../images/l-icon49.png);

}

.platforms a:hover { background-color: #fff; }



.platforms a:last-child { margin: 0px; }



.subscribe { padding-top: 20px; }



.subscribe .desc { font-size: 16px; color: rgba(255, 255, 255, 0.3); line-height: 24px; }



.subscribe .subscribeForm { position: relative; margin-top: 15px; }



.subscribe .subscribeForm label { display: block; background-color: #0f1117; padding: 15px 90px 15px 15px; }



.subscribe .subscribeForm label input { width: 100%; font-size: 12px; background: none; outline: none; border: none; color: rgba(255, 255, 255, 0.3); }



.subscribe .subscribeForm .subscribeBtn { position: absolute; right: 0px; top: 0px; width: 90px; height: 100%; background: #31353c; color: #b0b5be; font-size: 12px; }



.footerLogobox { padding-top: 25px; }



/*--vr首页--*/

.Vrindex { position: relative; overflow: hidden; height: 400px; background: url(../images/img26.jpg) no-repeat center; background-size: cover; }



.Vrindex dl { max-width: 1040px; width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px 10px; }



.Vrindex dl dt { font-size: 20px; color: #ffffff; }



.Vrindex dl dd { padding-top: 20px; }



.Vrindex dl dd a { display: inline-block; -webkit-border-radius: 35px; border-radius: 35px; font-size: 14px; color: #1e2126; background: #fff; line-height: 35px; padding: 0px 15px; }

.Vrindex dl dd a:hover{ background: #f9282b; color: #fff;}



/*--内页banner--*/

.main { margin-top: 60px; position: relative; }



.commonBanner { text-align: center; position: relative; overflow: hidden; height: 220px; padding-top: 55px; background-image: url(../images/img27.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }



.commonBanner h3 { font-size: 50px; color: #fff; line-height: 55px; }



.commonBanner p { font-size: 30px; color: #ffffff; }



/*--位置--*/

.location { border-bottom: 1px solid #dcdcdc; line-height: 45px; }



.location a { display: inline-block; font-size: 13px; color: #333333; padding: 0px 15px 0px 10px; position: relative; }



.location a::after { content: ''; border: 5px solid transparent; border-left-color: #333333; border-right: none; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.location a:first-child { width: 40px; background-color: #dcdcdc; text-align: center; padding: 0px; }



.location a:first-child::after { display: none; }



.location a:last-child::after { display: none; }



.location a.cur { color: #f9282b; }



/*--二级分类--*/

.commonClass { position: relative; overflow: hidden; margin-top: 80px; padding-bottom: 60px; white-space: nowrap; }



.commonClass ul li { width:auto; margin-right: -1px; }



.commonClass ul li a {
 display: block; line-height: 1.1;
 height: 70px;
 display: flex;
 justify-content: center;
 align-items: center;
 white-space: normal; 
 text-align: center; border: 1px solid #dedede;
  background: #fff; color: #333333;
   font-size: 20px; padding: 0px 20px;
  }



.commonClass ul li.cur { position: relative; z-index: 2; }



.commonClass ul li.cur a,.commonClass ul li:hover a { background: #f9282b; border-color: #f9282b; color: #fff; }



.downloadBox { background: #f8f8f8; }



.downloadList dl { padding: 80px 0px; }



.downloadList dl dt { float: left; width: 360px; }



.downloadList dl dt img { display: block; width: 100%; }



.downloadList dl dt h3 { font-size: 40px; color: #000000; }



.downloadList dl dd { float: left; width: -webkit-calc(100% - 360px); width: calc(100% - 360px); padding-left: 70px; }



.downloadList dl dd p { float: left; width: 50%; padding: 0px 10px 20px; }



.downloadList dl dd p a { display: block; font-size: 18px; display: -webkit-box; height: 80px; line-height: 80px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; background-color: #fff; background-image: url(../images/img30.png); background-repeat: no-repeat; background-position: 95% center; color: #333333; padding: 0px 60px 0px 15px; font-size: 18px; }



.downloadList dl dd p a:hover { background-color: #f9282b; background-image: url(../images/img030.png); color: #fff; -webkit-box-shadow: 0px 10px 30px rgba(249, 40, 43, 0.5); box-shadow: 0px 10px 30px rgba(249, 40, 43, 0.5); }



.downloadBox:nth-child(2n) { background: #f4f4f4; }



/*--注册产品--*/

.CustomerService { background: #f8f8f8; padding: 60px 0px 80px; }



.RegisteredProductsbox h3 { font-size: 50px; color: #000000; text-align: center; }



.RegisteredProductsbox .desc { font-size: 18px; line-height: 24px; text-align: center; color: #999999; margin-top: 10px; }



.RegisteredProductsbox h4 { font-size: 30px; color: #000; padding: 35px 0px 10px 30px; }



.RegisteredProductsbox ul { margin: 0px -5px; }



.RegisteredProductsbox ul li { float: left; width: 50%; padding: 5px 5px; }



.RegisteredProductsbox ul li label { display: block; background: #fff; padding: 25px 30px; }



.RegisteredProductsbox ul li label input { width: 100%; background: none; outline: none; font-size: 18px; }



.RegisteredProductsbox .formBtn { text-align: center; padding: 40px 0px 0px; }



.RegisteredProductsbox .formBtn input { width: 280px; height: 80px; color: #fff; font-size: 30px; background: #f9282b; -webkit-box-shadow: 0px 5px 20px rgba(249, 40, 43, 0.3); box-shadow: 0px 5px 20px rgba(249, 40, 43, 0.3); }



/*--服务提供商--*/

.ServiceProvider { font-size: 18px; color: #333333; }



.ServiceProvider .ServiceProviderTitle { font-size: 50px; color: #000; }



.ServiceProvider .ServiceProviderSubTitle { font-size: 30px; color: #000; margin-bottom: 20px; }



.ServiceProvider p { margin-bottom: 20px; }



/*--常见问题--*/

.FQAbox { padding: 40px 0px 100px; }



.FQAbox ul > li { margin-bottom: 4px; }



.FQAbox ul > li .FQTtitle { min-height: 100px; padding: 28px 0px 28px 140px; font-size: 30px; background: #f1f1f1; position: relative; color: #333333; }



.FQAbox ul > li .FQTtitle .Q { width: 100px; height: 100px; line-height: 100px; font-size: 40px; text-align: center; display: block; color: #010101; background: #dcdcdc; position: absolute; left: 0px; top: 0px; }



.FQAbox ul > li .FQTtitle::after { content: ''; width: 17px; height: 17px; border: 1px solid #c1c1c1; border-left: none; border-top: none; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); -webkit-transition: all .4s ease; transition: all .4s ease; }



.FQAbox ul > li .FQAContent { font-size: 18px; padding: 70px 130px 50px 230px; color: #999999; position: relative; background: #f7f7f7; display: none; margin-bottom: 40px; }



.FQAbox ul > li .FQAContent p { margin-bottom: 20px; }



.FQAbox ul > li .FQAContent .A { width: 60px; line-height: 60px; height: 60px; left: 120px; top: 45px; font-size: 40px; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; position: absolute; background: #f9282b; color: #fff; }



.FQAbox ul > li.cur .FQTtitle::after { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }



/*--关于我们--*/

.aboutbg { background: #f8f8f8; overflow: hidden; }


/* 20220924 */
/* .aboutbg .commonClass ul li { width:33%; } */



/*--关于我们-荣誉--*/

.HonorsList { padding-bottom: 90px; }



.HonorsList ul { margin: 0px -20px; }



.HonorsList ul li { padding: 0px 20px; margin-bottom: 30px;}



.HonorsList ul li img { display: block; width: 100%; }



.HonorsList ul li h3 { font-size: 20px; color: #333333; margin-top: 20px; display: -webkit-box; height:48px; 
  line-height:24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: center; }



/*--关于我们-使命--*/

.Missionbox { position: relative; }



.MissionTextbox { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }



.MissionText { width: 50%; }



.MissionText h3 { font-size: 50px; color: #000000; padding-bottom: 15px; }



.MissionText p { font-size: 18px; color: #333333; margin-bottom: 20px; }



.MissionImg { float: right; width: 50%; position: relative; }



.MissionImg img { display: block; width: 100%; }



.Missionbox:nth-child(2n) .MissionImg { float: left; }



.Missionbox:nth-child(2n) .MissionText { float: right; padding-left: 85px; padding-right: 0px; }



.Missionbox:last-child { padding-bottom: 100px; }



.Missionbox:last-child .MissionImg::after { content: ''; position: absolute; width: 100%; height: 100px; bottom: -100px; left: 100%; background: #f9282b; }



.MissionQuality { padding: 110px 0px; font-size: 18px; line-height: 30px; color: #333333; }



.MissionQuality h3 { font-size: 50px; line-height: 60px; padding-bottom: 30px; color: #000000; }



.MissionQuality p { margin-bottom: 10px; }



/*--关于我们-我们的布局--*/

.LayoutIntrobox { position: relative; background: #f8f8f8; margin-top: 50px; padding-top: 80px; }



.LayoutIntrobox::after { background: #fff; position: absolute; bottom: 0px; height: 80px; left: 0px; width: 100%; content: ''; }



.LayoutIntro { width: 75%; line-height: 24px; color: #333333; font-size: 18px; }



.LayoutIntro h3 { font-size: 50px; color: #000000; line-height: 1; padding-bottom: 30px; }



.LayoutIntro p { margin-bottom: 20px; padding-right: 100px; }



.LayoutIntroImg { margin-top: -130px; position: relative; z-index: 2; }



.LayoutIntroImg img { width: 100%; display: block; }



.overseasBu { padding: 90px 0px; }



.overseasBu h3 { font-size: 50px; }



.overseasBu ul li { float: left; width: 50%; padding-left: 150px; padding-top: 45px; }



.overseasBu ul li:nth-child(2n+1) { clear: left; }



.overseasBuContent { padding-left: 95px; position: relative; color: #222222; padding-top: 15px; }



.overseasBuContent img { display: block; width: 69px; position: absolute; left: 0px; top: 0px; }



.overseasBuContent h4 { font-size: 30px; padding-bottom: 10px; color: #222222; }



.overseasBuContent p { font-size: 18px; }



.businessAreabox { background: url(../images/img49.jpg) no-repeat center; background-size: cover; padding: 90px 0px; }



.businessArea { float: left; width: 530px; font-size: 18px; color: #fff; }



.businessArea h3 { font-size: 50px; padding-bottom: 30px; }



.businessArea .desc { line-height: 24px; padding-bottom: 20px; }



.businessArea ul li { float: left; width: 33.333%; padding-top: 30px; line-height: 20px; }



.businessAreaMap { float: left; width: -webkit-calc(100% - 530px); width: calc(100% - 530px); padding-left: 80px; padding-top: 80px; }



.businessAreaMap img { display: block; width: 100%; }



.TwoCapabilities { padding: 90px 0px; font-size: 16px; color: #333333; }



.TwoCapabilities h3 { font-size: 50px; }



.TwoCapabilities h4 { font-size: 30px; padding-bottom: 20px; }



.TwoCapabilitiesImg { padding-top: 45px; }



.TwoCapabilitiesImg img { display: block; max-width: 100%; margin: 0px auto; }



/*--关于我们-新闻中心--*/

.newslist { padding-top: 40px; }



.newslist ul li { padding-bottom: 60px; }



.newslist ul li a { display: block; -webkit-transition: all .6s ease; transition: all .6s ease; }



.newslist ul li a img { display: block; width: 440px; float: left; margin-right: 40px; }



.newslist ul li a .time { font-size: 28px; color: #000000; padding-top: 10px; -webkit-transition: all .6s ease; transition: all .6s ease; }



.newslist ul li a h3 { color: #000000; display: -webkit-box; height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 30px; -webkit-transition: all .6s ease; transition: all .6s ease; }



.newslist ul li a .desc { font-size: 18px; color: #999999; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 30px; -webkit-transition: all .6s ease; transition: all .6s ease; }



.newslist ul li a .more { color: #999; font-size: 24px; margin-top: 80px; -webkit-transition: all .6s ease; transition: all .6s ease; }



.newslist ul li a:hover { background: #f8f8f8; -webkit-box-shadow: 0px 10px 50px rgba(107, 107, 107, 0.2); box-shadow: 0px 10px 50px rgba(107, 107, 107, 0.2); }



.newslist ul li a:hover .time { color: #e82230; }



.newslist ul li a:hover h3 { color: #e82230; }



.newslist ul li a:hover .desc { color: #333333; }



.newslist ul li a:hover .more { color: #e82230; }



.page { padding: 30px 0px 90px; text-align: center; }



/*--联系我们--*/

.contactUs { padding-top: 90px; padding-bottom: 90px; }



.contactUs::after { content: ''; width: 100%; top: 0px; left: 0px; height: 10px; background: url(../images/img57.png) repeat-x; position: absolute; display: block; }



.contactUsForm h3 { font-size: 50px; padding-bottom: 50px; }



.contactUsForm p { color: #999999; font-size: 18px; padding-bottom: 8px; }



.inputbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 25px; }



.inputbox label { padding: 14px 25px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; border: 1px solid #dedede; }



.inputbox label input { width: 100%; background: none; font-size: 18px; color: #666; }



.inputbox label select { font-size: 18px; width: 100%; color: #666; cursor: pointer; border: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; }



.inputbox label select + span { width: 10px; height: 10px; border: 1px solid #000; display: block; }



.inputbox label textarea { background: none; width: 100%; resize: none; height: 185px; }



.selectbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; position: relative; }



.selectbox select { font-size: 18px; width: 100%; padding: 15px 25px; border: 1px solid #dedede; color: #666; cursor: pointer; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; position: relative; z-index: 2; }



.selectbox select::-ms-expand { display: none; }



.selectbox::after { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border: 3px solid #333333; border-left: none; border-top: none; content: ''; display: block; }



.checkBox { font-size: 18px; color: #999999; }



.checkBox label { display: block; padding-left: 0 !important; position: relative; padding-bottom: 20px; }

.layui-form-checkbox{width: auto !important;}

.fuxuanbox{display: inline-block;vertical-align: middle;width: calc(100% - 40px);}



.checkBox a { color: #e60012; }



.checkBox input { position: absolute; left: 0px; visibility: hidden; opacity: 0; }



.checkBox input + span { width: 30px; height: 30px; border: 1px solid #dedede; position: absolute; display: block; top: 0px; left: 0px; }



.checkBox input:checked + span { border: 1px solid #e60012; }



.checkBox input:checked + span::after { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; content: ''; display: block; background: url(../images/img58.png) no-repeat center; background-size: 50%; }



.vCode { margin-left: 2px; width: 255px; margin-right: 125px; height: 59px; line-height: 59px; text-align: center; font-size: 18px; color: #999999; cursor: pointer; }

.vCode img{border:1px solid #e2e2e2; }



.SubmitBtn button { width: 200px; height: 60px; color: #fff; background: #e60012; font-size: 18px; }



.detailsContactbox { padding-left: 60px; }



.detailsContactTitle { font-size: 50px; color: #333333; line-height: 48px; }



.detailsContact { padding-top: 15px; padding-bottom: 50px; font-size: 18px; color: #999999; }



.detailsContact h4 { color: #333333; }



.FollowUs h3 { color: #333333; font-size: 30px; text-transform: uppercase; padding-bottom: 20px; }

.FollowUs a {position:relative; display: inline-block; padding-left: 35px; background-repeat: no-repeat; background-position: left center; font-size: 18px; color: #999999; margin-bottom:10px}

.FollowUs a i{width:100%;height:100%;}

.FollowUs a i{

    width: 30px;

    height: 30px;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    border: 1px solid  #1e2126;

    border-radius: 50%;

    transition: all 0.3s;

}

.FollowUs a i img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);max-width:100%; transition: all 0.3s;}

.FollowUs a i .L_hide{display:none;}



.FollowUs a:hover i .L_hide{display:block;}

.FollowUs a:hover i .L_show{display:none;}

.FollowUs a:hover i{background:#1e2126;}



/*.FollowUs a.facebook i{ background: url(../images/img18.png)no-repeat center center;  }*/



/*.FollowUs a.twitter i{ background: url(../images/img60.png)no-repeat center center; }*/



/*.FollowUs a.instagram i{ background: url(../images/l-icon55.png)no-repeat center center; }*/

/*.FollowUs a.youtube i{ background: url(../images/l-icon56.png)no-repeat center center; }*/

/*.FollowUs a.TikTok i { background: url(../images/l-icon49.png)no-repeat center center;}*/



.FollowUs a:not(:last-child){margin-right: 20px;}



/*--关于我们-品牌故事--*/

.BrandStorIntrobox { position: relative; }



.BrandStorIntroImg { position: absolute; left: -webkit-calc(-100% + 185px); left: calc(-100% + 185px); top: 0px; width: -webkit-calc(100% - 185px); width: calc(100% - 185px); height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../images/img61.jpg); }



.BrandStorIntroImg::after { content: ''; width: 11px; height: 100%; position: absolute; right: 0px; display: block; background: #f9282b; }



.BrandStorIntro { padding: 130px 150px; font-size: 18px; color: #333333; line-height: 24px; }



.BrandStorIntro h3 { font-size: 50px; line-height: 1.2; padding-bottom: 50px; }



.BrandStorIntro p { margin-bottom: 20px; }



.BrandStorNumbox { position: relative; }



.BrandStorNumbox .GradualChangeColor { position: absolute; left: 0px; width: 100%; height: 100%; display: block; background-color: #e31646; background-image: -webkit-gradient(linear, left top, right top, from(#f9282b), to(#e31646)); background-image: linear-gradient(to right, #f9282b, #e31646); }



.BrandStorNumbox::after { content: ''; position: absolute; width: 100%; height: 100%; left: 100%; display: block; background-color: #e31646; top: 0px; }



.BrandStorNumbox ul { position: relative; z-index: 2; padding: 70px 0px; }



.BrandStorNumbox ul li { float: left; width: 20%; text-align: center; color: #fff; }



.BrandStorNumbox ul li .num { font-size: 80px; line-height: 1; font-weight: 700; }



.BrandStorNumbox ul li h3 { font-size: 20px; margin-top: 15px; }



.Historybox { padding-top: 100px; }



.Historybox h3 { font-size: 50px; color: #282828; padding-bottom: 40px; }



.History { position: relative; }



.HistoryImg { width: 46%; height: 540px; background: url(../images/img62.jpg) no-repeat center; background-size: cover; }



.HistoryListBox { position: absolute; left: 0px; top: 0px; width: 100%; }



.HistoryList { float: right; width: 50%; overflow: hidden; position: relative; }



.HistoryList ul li h4 { font-size: 48px; color: #282828; padding-top: 30px; }



.HistoryList ul li p { position: relative; font-size: 18px; color: #282828; line-height: 24px; border-bottom: 1px solid #dedede; margin-top: 45px; padding: 0px 0px 25px 90px; }



.HistoryList ul li p span { position: absolute; left: 0px; top: 0px; font-size: 30px; color: #282828; }



.paginationbox { position: absolute; right: 0px; top: 0px; z-index: 1;background-color:#f8f8f8; }



.paginationNum { display: inline-block; font-size: 30px; vertical-align: middle; }



.paginationBtn { display: inline-block; vertical-align: middle; }



.paginationBtn span { display: inline-block; width: 50px; height: 50px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #dedede; margin-left: 20px; cursor: pointer; position: relative; }



.paginationBtn span::after { left: 50%; top: 50%; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); content: ''; display: block; width: 18px; height: 1px; background: #999999; }



.paginationBtn span::before { position: absolute; content: ''; width: 11px; height: 11px; border: 1px solid #999999; left: 16px; top: 50%; -webkit-transform: translate3d(0%, -50%, 0) rotate(135deg); transform: translate3d(0%, -50%, 0) rotate(135deg); border-left: none; border-top: none; }



.paginationBtn span.HistoryNext::before { left: 20px; -webkit-transform: translate3d(0%, -50%, 0) rotate(-45deg); transform: translate3d(0%, -50%, 0) rotate(-45deg); }



.paginationBtn span:hover { border: 1px solid #f9282b; background: #f9282b; }



.paginationBtn span:hover::after { background: #fff; }



.paginationBtn span:hover::before { border-color: #fff; }



/*--产品电视--*/

.productBanner { height: 210px; display: none; background-image: url(../images/img63.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }



.productTvbox { padding-bottom: 40px; padding-top: 30px; }



.productTvImgbox { max-width: 700px;}



.bigTvImg { overflow: hidden; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; }



.bigTvImg ul li { overflow: hidden; }



.bigTvImg ul li img { display: block; width: 100%; }



.model-panel { position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; z-index: 2; }



.model-panel canvas { outline: none; opacity: 0; visibility: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; position: absolute; left: 0px; top: 0px; width: 100% !important; height: 100% !important; }



.showCanvas canvas { visibility: visible; opacity: 1; }



.SmallTvImgbox { padding: 0px 30px; position: relative; margin-top: 30px; }



.SmallTvImgbox span { width: 18px; height: 30px; position: absolute; -webkit-border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.6); cursor: pointer; z-index: 20; }



.SmallTvImgbox span::after { content: ''; width: 10px; height: 10px; border: 1px solid #fff; border-top: none; border-left: none; position: absolute; left: -webkit-calc(50% + 3px); left: calc(50% + 3px); top: 50%; -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }



.SmallTvImgbox span.TvPrevBtn { left: 0px; }



.SmallTvImgbox span.TvNextBtn { right: 0px; -webkit-border-radius: 0px 8px 8px 0px; border-radius: 0px 8px 8px 0px; }



.SmallTvImgbox span.TvNextBtn::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); left: -webkit-calc(50% - 3px); left: calc(50% - 3px); }



.SmallTvImg { overflow: hidden; position: relative; }



.SmallTvImg ul li { background: #f5f7f9; cursor: pointer; overflow: hidden; position: relative; height: 60px; }



.SmallTvImg ul li img { display: block; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; }



.SmallTvImg ul li.cur::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: 2px solid #f9282b; }



.productTvInfobox { padding-left: 0px; padding-top: 40px; }



.productTvInfobox h1 { font-size: 24px;}



.productTvInfobox .desc { font-size: 14px; color: #202020; padding-top: 10px; line-height: 24px; }



.productTvInfobox .productTvSize { margin-top: 20px; padding-left: 55px; position: relative; border-bottom: 1px solid #dbdbdb; }



.productTvInfobox .productTvSize span { font-size: 18px; position: absolute; left: 0px; top: 0px; }



.productTvInfobox .productTvSize ul li { float: left; width: 25%; padding-right: 20px; padding-bottom: 20px; }



.productTvInfobox .productTvSize ul li a { font-size: 18px; height: 35px; line-height: 35px; border: 1px solid #dbdbdb; display: block; text-align: center; color: #999999; }



.productTvInfobox .productTvSize ul li.cur a { border: 1px solid #f9282b; color: #f9282b; }



.productTvInfobox .resolvingPower { font-size: 16px; padding-top: 15px; color: #202020; line-height: 24px; }



.productTvInfobox .BuyBtn { padding-top: 20px; }



.productTvInfobox .BuyBtn a { width: 155px; height: 35px; line-height: 35px; -webkit-border-radius: 35px; border-radius: 35px; font-size: 16px; display: inline-block; text-align: center; color: #202020; background: #e4e3e3; }



.infoBarbox { position: relative; }



.infoBar { background: #e9e9e9; line-height: 50px; overflow-x: auto; overflow-y: hidden; }



.infoBar h3 { font-size: 30px; color: #333333; float: left; display: none; }



.infoBar ul { white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.infoBar ul li { padding: 0px 5px; font-size: 14px; display: inline-block; color: #202020; text-transform: uppercase; border-bottom: 2px solid transparent; cursor: pointer; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }



.infoBar ul li.cur,.infoBar ul li:hover{ border-color: #f9282b; color: #f9282b; }



.Tv315Chipbox { position: relative;background: #f0f0f0; }

.Tv315Chipbox.TvUBox3{background: #fff;}

.Tv315Chipbox .L667 h3{padding-bottom:20px !important;}



.Tv315Chipbox img { display: block; width: 100%; }



.Tv315Chip { padding: 30px 0px; font-size: 14px; color: #333; line-height: 24px; text-align: center; z-index: 20; }



.Tv315Chip h3{ font-size: 20px; padding-bottom: 10px; text-transform: uppercase; line-height: 1.2; }

.widbox h2{ font-size: 20px;}



.Tv315HDR { padding: 30px 0px 20px; text-align: center; }



.Tv315HDR h3 { color: #000000; font-size: 20px; line-height: 1; padding-bottom: 10px; }



.Tv315HDR p { font-size: 14px; color: #333333; }



.slider { z-index: 1; position: relative; overflow: hidden; width: 100%; left: 0px; top: 0px; background-size: cover; background-repeat: no-repeat; background-position: left top; }



.slider img { display: block; opacity: 0; visibility: hidden; width: 100%; }



.slider::after { content: attr(data-beer-label); position: absolute; z-index: 9; }



.slider .beer-reveal { position: absolute; left: 0px; top: 0px; height: 100%; z-index: 10; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: left top; }



.slider .beer-reveal::before { width: 1px; height: 100%; right: 0px; background: #fff; content: ''; position: absolute; top: 0px; }



.slider .beer-reveal::after { content: attr(data-beer-label); position: absolute; z-index: 9; }



.HDRImg { position: relative; }



.HDRImg img { opacity: 1; visibility: visible; }



.HDRImg::after { bottom: 6%; left: 54%; background: rgba(255, 255, 255, 0.5); width: 80px; height: 30px; font-size: 16px; line-height: 28px; text-align: center; border: 2px solid #fff; -webkit-border-radius: 30px; border-radius: 30px; color: #fff; }



.HDRImg .beer-reveal::after { bottom: 6%; right: 8%; display: inline-block; font-size: 14px; background: rgba(255, 255, 255, 0.5); width: 80px; height: 30px; line-height: 28px; text-align: center; border: 2px solid #fff; -webkit-border-radius: 30px; border-radius: 30px; color: #fff; }



.beer-range { position: absolute; z-index: 12; top: 0; bottom: 0; height: 100%; margin: 0; left: -1px; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); cursor: pointer; -webkit-appearance: slider-horizontal !important; -moz-appearance: none; opacity: 0; -ms-touch-action: auto; touch-action: auto; }



.beer-handle { width: 40px; height: 40px; position: absolute; z-index: 12; pointer-events: none; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 50%; border-radius: 50%; }



.beer-handle:before, .beer-handle:after { content: ''; position: absolute; width: 10px; height: 10px; top: 50%; border-top: solid 1px #fff; border-left: solid 1px #fff; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }



.beer-handle:before { left: 6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }



.beer-handle:after { right: -4px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }



.SupportMassiveApps { background: #000000; padding: 30px 0px 40px; }



.SupportMassiveApps h3 { font-size: 20px; color: #fff; padding-bottom: 15px; text-align: center; }



.SupportMassiveApps ul { margin: 0px -5px; }



.SupportMassiveApps ul li { float: left; width: 33.333%; padding: 0px 5px 10px; }



.SupportMassiveApps ul li img { display: block; width: 100%; }



.RemoteControl { min-height: 350px; background: url(../images/img160.jpg) no-repeat center; background-size: cover; color: #000; font-size: 14px; text-align: center; padding-top: 30px; overflow: hidden; }



.RemoteControl h3 { font-size: 20px; line-height: 1; padding-bottom: 15px; }



.ProjectionScreen { min-height: 500px; background: url(../images/img92.jpg) no-repeat center; background-size: cover; color: #333333; font-size: 14px; text-align: center; padding-top: 30px; }



.ProjectionScreen h3 { font-size: 20px; line-height: 1.1; padding-bottom: 15px; color: #000; }



.videoContentbox { font-size: 14px; color: #333; text-align: center; margin-top:30px}

.videoContentbox img{margin-top:20px}



.videoContentbox h3,

.ProjectionScreen_669 h3 { font-size: 20px; color: #000; padding-bottom: 15px; }

.ProjectionScreen_669 p{font-size: 18px; color: #000}

/*.videoContentbox p{margin-bottom:15px;}*/

.videoContentbox video { width: 100%; display: block;  object-fit: cover; }



.KidMode { position: relative; }



.KidModeContent { font-size: 14px; color: #333; padding: 40px 0px 0px; }



.KidModeContent h3 { font-size: 20px; color: #000; padding-bottom: 10px; }



.KidModeImg { width: 100%; }



.KidModeImg img { width: 100%; display: block; }



.productRecommend { background: #f0f0f0; padding: 30px 0px; }



.productRecommend ul li { float: left; width: 50%; text-align: center; }



.productRecommend ul li .productRecommendImg { position: relative; }



.productRecommend ul li .productRecommendImg::after { position: absolute; right: 0px; width: 1px; height: 75%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #bfbfbf; content: ''; display: none; }



.productRecommend ul li .productRecommendImg img { display: block; max-width: 100%; margin: 0px auto; }



.productRecommend ul li h3 { font-size: 20px; color: #000; }



.productRecommend ul li .model { color: #717171; font-size: 14px; }



.productRecommend ul li:last-child .productRecommendImg::after { display: none; }



/*--680产品详情页--*/

#pinContainer { width: 100%; position: relative; z-index: 2; overflow: hidden; }



#pinContainer .Tv680Panel { position: relative; left: 0px; width: 100%; top: 0px; overflow: hidden; }



#slideContainer { width: 100%; height: 100vh; top: 0px; overflow: hidden; position: relative; left: 0px; -webkit-perspective: 1000; perspective: 1000; }



.slideContainerbox { position: absolute; left: 0px; top: 0px; width: 400%; height: 100%; }



.slideContainerbox .slideContainerList { float: left; width: 25%; height: 100%; position: relative; }



.Tv680box { position: relative; background: url(../images/img98.jpg) no-repeat center; background-size: cover; height: 100vh; background-attachment: fixed; }



.Tv680box h3 { position: absolute; left: 6%; bottom: 60px; right: 0px; font-size: 88px; color: #fff; line-height: 1; opacity: 1; }



.Tv680box h3 img { vertical-align: unset; border-right: 1px solid #fff; padding-right: 35px; margin-right: 35px; height: 60px; }



.Tv680box .bigImg { width: 100%; display: block; }



.Tv6804KUHDbox, .Tv680HDRbox, .Tv680MEMCbox { background: #fff; width: 100%; position: relative; overflow: hidden; }



.Tv6804KUHDTextbox { position: relative; background: #fff; }

.Tv6804KUHDTextbox p{margin-top:15px;}





.Tv6804KUHD { max-width: 1024px; margin: 0px auto; text-align: center; padding: 80px 0px 65px; }



.Tv6804KUHD h3 { font-size: 50px; }



.Tv6804KUHD p { font-size: 18px; line-height: 24px; }



.Tv6804KUHDImg::after { font-size: 40px; color: #fff; top: 80px; right: 75px; white-space: nowrap; }



.Tv6804KUHDImg .beer-reveal::after { font-size: 40px; color: #fff; top: 80px; left: 75px; white-space: nowrap; }



.Tv680HDRTextbox { position: relative; background: #fff; }



.Tv680HDR { max-width: 720px; margin: 0px auto; text-align: center; padding: 80px 0px 65px; }



.Tv680HDR h3 { font-size: 50px;line-height: 1.1; }


.Tv680HDR p { font-size: 18px; line-height: 24px; }



.Tv680MEMCTextbox { position: relative; background: #fff; }



.Tv680MEMC { max-width: 720px; margin: 0px auto; text-align: center; padding: 80px 0px 65px; }



.Tv680MEMC h3 { font-size: 50px;line-height: 1.1; }



.Tv680MEMC p { font-size: 18px; line-height: 24px; }

.L_680Pro .Tv680MEMC p,

.L_680Pro .Tv680CPUText p{ margin-top:15px;}





.Tv680Excellentbox { background: #fff; }



.Tv680Excellentbox img { display: block; width: 100%; }



.Tv680Excellent { max-width: 720px; margin: 0px auto; text-align: center; padding: 80px 0px 65px; }



.Tv680Excellent h3 { font-size: 50px; }



.Tv680Excellent p { font-size: 18px; line-height: 24px; }



.Tv680CPUbox { background: #fff; position: relative; z-index: 1; }



.Tv680CPUText { text-align: center; padding: 80px 0px 65px; }



.Tv680CPUText h3 { font-size: 42px; line-height: 1.1;}



.Tv680CPUText p { font-size: 18px; line-height: 24px; max-width: 820px; margin: 0px auto; }



.Tv680CPU { background: url(../images/img112.jpg) no-repeat center; background-size: cover; height: 800px; background-size: cover; background-attachment: fixed; }



.Tv680CPU ul { max-width: 992px; margin: 0px auto; padding-top: 115px; }



.Tv680CPU ul li { float: left; width: 16.666666666666668%; border-right: 2px solid rgba(255, 255, 255, 0.3); }



.Tv680CPU ul li img { max-width: 100%; display: block; margin: 0px auto; }



.Tv680CPU ul li:last-child { border: none; }



.Tv680CPUBarbox { max-width: 520px; margin: 0px auto; padding-top: 20px; }



.Tv680CPUBar { position: relative; padding: 10px 0px 10px 70px; margin-top: 15px; }



.Tv680CPUBar p { position: absolute; left: 0px; top: 0px; line-height: 1; }



.Tv680CPUBar span { display: block; height: 8px; -webkit-border-radius: 8px; border-radius: 8px; }



.Tv680BarA55 { color: #59a1e8; font-size: 30px; }



.Tv680BarA55 span { width: 0%; background-color: #4378f5; background-image: -webkit-gradient(linear, left top, right top, from(#4378f5), to(#6fcbdb)); background-image: linear-gradient(to right, #4378f5, #6fcbdb); -webkit-transition: all 1s; transition: all 1s; }



.Tv680BarA53 { color: #fff; font-size: 24px; }



.Tv680BarA53 span { background: #fff; width: 0%; -webkit-transition: all 1s; transition: all 1s; }



.Tv680Systembox { background: #fff; z-index: 1; position: relative; }



.Tv680SystemText { text-align: center; padding: 80px 0px 65px; }



.Tv680SystemText h3 { font-size: 50px; }



.Tv680SystemText p { font-size: 18px; line-height: 24px; max-width: 820px; margin:20px auto 0; }



.Tv680SystemImg { position: relative; overflow: hidden; background: url(../images/img113.jpg) no-repeat center bottom; background-size: cover; padding: 90px 0px 45px; }



.Tv680SystemImg .Tv680Img { max-width: 940px; margin: 0px auto; }



.Tv680SystemImg .Tv680Img .icon { text-align: right; padding-bottom: 30px; }



.Tv680SystemImg .Tv680Img .icon img { height: 40px; }



.Tv680SystemImg .Tv680Img .tvImg img { width: 100%; -webkit-transform: scale(4); -ms-transform: scale(4); transform: scale(4); }



.Tv680AppStorebox { background: url(../images/img116.jpg) no-repeat center bottom; background-size: cover; padding: 110px 0px 140px; overflow: hidden; position: relative; }



.Tv680AppStorebox dl dt { float: left; width: 613px; }



.Tv680AppStorebox dl dt img { display: block; width: 100%; }



.Tv680AppStorebox dl dd { float: left; width: -webkit-calc(100% - 613px); width: calc(100% - 613px); padding: 110px 0px 0px 105px; }



.Tv680AppStorebox dl dd h3 { font-size: 50px; color: #040000; line-height: 1.2; }



.Tv680AppStorebox dl dd .desc { font-size: 18px; color: #040000; max-width: 500px; line-height: 24px; margin-top: 30px; }



.Tv680AppStorebox dl dd .iconImg { padding-top: 70px; }



.Tv680AppStorebox dl dd .iconImg img { height: 40px; }



.Tv680AppIcon { padding-bottom: 70px; margin-top: -70px; position: relative; z-index: 2; }



.Tv680AppIcon ul li { float: left; width: 20%; padding: 0px 15px 30px; }



.Tv680AppIcon ul li img { width: 100%; }



.Tv680AIControlbox { background-image: url(../images/img134.jpg);background-repeat:no-repeat; background-position:center top; height: 1080px; background-size: cover;  position: relative; }



.Tv680AIControlarrow{ display: none; position: absolute; left: 48.1%; top: 57.5%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);width: 17.762%;height: 18.241%;}



.Tv680AIControlarrow::after{background: url(../images/arrow1.png) no-repeat right top;background-size:auto 100%;content: ''; position: absolute; width: 100%; height: 100%; display: block; bottom: 0px; right:0px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite;}



.Tv680AIControl { max-width: 1010px; margin: 0px auto; text-align: center; padding-top: 70px; }



.Tv680AIControl h3 { font-size: 40px; color: #040000; line-height: 1.2; }



.Tv680AIControl .desc { font-size: 18px; color: #040000; line-height: 24px; margin-top: 30px; }



.Tv680MultiScreenbox { background: #fff; }



.Tv680MultiScreen { max-width: 720px; margin: 0px auto; text-align: center; padding: 80px 0px 65px; }



.Tv680MultiScreen h3 { font-size: 50px;line-height: 1.1; }



.Tv680MultiScreen p { font-size: 18px; line-height: 24px; }

.L_680Pro .Tv680MultiScreen p{ margin-top:15px;}



.Tv680MultiScreenImg { position: relative; }



.Tv680MultiScreenImg img { width: 100%; display: block; }



.Tv680MultiScreenImg ul { position: absolute; left: 10%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.Tv680MultiScreenImg ul li { width: 100%; padding-bottom: 40px; }



.Tv680MultiScreenImg ul li img { width: 97px; margin: 0px auto; }



.Tv680MultiScreenImg ul li p { text-align: center; font-size: 24px; color: #fff; padding-top: 10px; }



.Tv680MultiScreenImg ul li:last-child { padding-bottom: 0px; }



.Tv680RemoteControlsbox { background: url(../images/img139.jpg) no-repeat center; background-size: cover; padding: 80px 0px 110px; overflow: hidden; }



.Tv680RemoteControls h3 { font-size: 50px; text-align: center; padding-bottom: 80px; line-height: 1.1;}



.Tv680RemoteControls ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }



.Tv680RemoteControls ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; }



.Tv680RemoteControls ul li img { max-width: 100%; width: 380px; display: block; vertical-align: middle;  margin:0px auto; }



.Tv680RemoteControls ul li:nth-child(1) { padding-top: 100px; }



.Tv680RemoteControls ul li:last-child { text-align: right; }



.Tv680RemoteControls ul li p { position: absolute; bottom: 40px; left: -30px; }



.Tv680interfacesbox { background: url(../images/img143.jpg) no-repeat center; background-size: cover; padding: 80px 0px 110px; height: 1070px; color: #fff; text-align: center; background-attachment: fixed; }



.Tv680interfacesbox h3 { font-size: 50px; }



.Tv680interfacesbox .desc { font-size: 18px; line-height: 24px; max-width: 600px; margin: 0px auto; padding-top: 10px; }



.Tv680interfacesbox ul { padding-top: 40px; max-width: 1080px; margin: 0px auto; }



.Tv680interfacesbox ul li { float: left; width: 16.666666666666668%; }



.Tv680interfacesbox ul li img { display: block; margin: 0px auto; }



.Tv680interfacesbox ul li p { padding-top: 15px; font-size: 20px; }



.Tv680Exhibition { padding: 50px 30px; overflow: hidden; }



.Tv680Exhibition ul li { padding: 0px; float: left; width: 53.88%; padding: 0px 15px; }



.Tv680Exhibition ul li:nth-child(2) { width: 46.12%; }



.Tv680Exhibition ul li img { width: 100%; }



.productTvlist { padding-bottom: 40px; }



.productTvlist ul li { float: left; width: 50%; padding: 10px 15px 30px; margin-top: 20px; -webkit-transition: all .4s ease; transition: all .4s ease; }



.listTvImg { position: relative; }



.listTvImg img { display: block; width: 100%; }



.Tvsize { margin-top: 10px; }



.Tvsize dd { float: left; width: 25%; padding: 0px 8px 10px; }



.Tvsize dd span { text-align: center; display: block; border: 1px solid #dbdbdb; line-height: 24px; cursor: pointer; color: #999999; padding: 1px 0px; }



.Tvsize dd.cur span { border: 2px solid #f9282b; padding: 0px; }



.listTvTitle { font-size: 16px; color: #333333; text-align: center; }



.listTvTitle a { display: block; }



.listTvModel { text-align: center; padding: 10px 0px 15px; font-size: 18px; font-weight: 600; color: #666666; border-bottom: 1px solid #dbdbdb; }



.listTvDesc { display: -webkit-box; height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 14px; color: #666666; margin-top: 15px; }



.listTvMore { text-align: center; padding-top: 20px; }



.listTvMore a { display: inline-block; line-height: 34px; color: #bcbcbc; font-size: 16px; background: #f7f7f7; -webkit-transition: all .4s ease; transition: all .4s ease; padding: 0px 20px; -webkit-border-radius: 34px; border-radius: 34px; }



.productTvlist ul li:hover { background: #fafafa; }



.productTvlist ul li:hover .listTvMore a { background: #f9282b; color: #fff; }



.HomeApplianceClass { text-align: center; padding: 50px 0px; white-space: nowrap; overflow-x:auto; }



.HomeApplianceClass a { display: inline-block; margin: 0px 20px; vertical-align: middle;}



.HomeApplianceClass a span { display: block; width: 45px; height: 45px; margin: 0px auto; background-repeat: no-repeat; background-size: cover; }



.HomeApplianceClass a span.icon1 { background-image: url(../images/img155.png); }



.HomeApplianceClass a span.icon2 { background-image: url(../images/img156.png); }



.HomeApplianceClass a span.icon3 { background-image: url(../images/img157.png); }



.HomeApplianceClass a p { font-size: 18px; color: #999999; padding-top: 10px; }



.HomeApplianceClass a:hover p { color: #e70d1e; }



.HomeApplianceClass a:hover span.icon1 { background-image: url(../images/img0155.png); }



.HomeApplianceClass a:hover span.icon2 { background-image: url(../images/img0156.png); }



.HomeApplianceClass a:hover span.icon3 { background-image: url(../images/img0157.png); }



.HomeApplianceClass a.cur p { color: #e70d1e; }



.HomeApplianceClass a.cur span.icon1 { background-image: url(../images/img0155.png); }



.HomeApplianceClass a.cur span.icon2 { background-image: url(../images/img0156.png); }



.HomeApplianceClass a.cur span.icon3 { background-image: url(../images/img0157.png); }



.HomeAppliancebg { background: #fafafa; padding: 100px 0px; }



.HomeApplianceList ul li { float: left; width: 25%; }



.HomeApplianceList ul li a { display: block; padding: 35px 30px 60px; -webkit-transition: all .4s ease; transition: all .4s ease; }



.HomeApplianceList ul li a .HomeApplianceLogo img { width: 80px; }



.HomeApplianceList ul li a .imgbox img { width: 100%; }



.HomeApplianceList ul li a h3 { font-size: 18px; text-align: center; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding: 0px 25px; }



.HomeApplianceList ul li a:hover { background: #fff; }



.newsDetailTitle { padding: 30px 0px 15px; border-bottom: 1px solid #dedede; }



.newsDetailTitle h1 { font-size: 20px; color: #000000; line-height: 1; }



.newsDetailTitle p { font-size: 16px; margin-top: 10px; color: #000000; }



.newsDetailContent { padding: 20px 0px 30px; font-size: 14px; color: #666666; line-height: 1.8; font-weight: 100; }

.newsDetailContent img{max-width:100%;}



.newsDetailRecommend { background: #fafafa; padding: 20px 0px 60px; }



.newsDetailRecommend h2 { font-size: 24px; padding-bottom: 15px; color: #000000; text-transform: uppercase; }



.newsDetailRecommendList { overflow: hidden; }



.newsDetailRecommendList ul li img { display: block; width: 100%; }



.newsDetailRecommendList ul li h3 { font-size: 20px; display: -webkit-box; height: 66px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; color: #000000; }



.newsDetailRecommendList ul li p { font-size: 16px; color: #000000; margin-top: 10px; }



.FQAbox ul > li .FQTtitle { cursor: pointer; }



.ProjectionScreen p { font-size: 16px; line-height: 24px; }



.l-banner { background-repeat: no-repeat; background-size: cover; background-position: center; }



.flight_probox { position: relative; margin-top: -220px; text-align: right; }



.flight_probox img { width: 490px; }



.flight_devleft { background-color: #c7c9cc; background-size: cover; background-repeat: no-repeat; background-position: center; }



.flight_RightLi .SDXQ2RightLiBox { margin-top: 30px; }



.flight_RightLi { margin-top: 60px; }



.flight_bigcomban { margin: 0 !important; }



.flight_bigcomban_text { left: 260px; }



.flight_bigcomban_text h2 { font-size: 40px; line-height: 48px; margin-bottom: 40px; }



.flight_bigcomban_text p { font-size: 30px; line-height: 30px; }



.flight_bigdevtext { padding: 3% 3% 0 16%; }



.flight_bigdevtext p { margin-top: 0 !important; line-height: 24px; margin-bottom: 20px; }



.flightwhite_text { color: #fff; }



.flight_mainbox { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }



.flight_mainbox .fi_right { width: 50%; }



.flight_mainbox .fi_right img { width: 100%; }



.flight_mainbox .fi_left { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }



.flight_mainbox_odd .fi_left { padding-left: 15.42%; }



.flight_mainbox_even .fi_left { padding-left: 85px; }



ul li { list-style: none; }



.flight_mainbox .fi_left ul { padding-left: 0; }



.flight_mainbox .fi_left h2 { font-size: 40px; }



.flight_mainbox .fi_left ul li { line-height: 30px; margin-top: 10px; }



.flight_mainbox .fi_left ul li p { display: inline-block; }



.flight_mainbox .fi_left ul li p:first-child { font-size: 24px; width: 48%; }



.flight_mainbox .fi_left ul li p:last-child { color: #999999; font-size: 18px; }



.flight_devleft img, .fi_mobile_right { display: none; }



.fiexd_imgbox { background-position: center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; height: 800px; }



.width100 { width: 100% !important; }



.width50 { width: 50% !important; }



.fiexd_imgbox1350 { height: 1350px; }



.fiexd_imgbox930 { height: 930px; }



.seven_ullist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0; padding-top: 0; margin-bottom: 0; }



.seven_ullist01 li.li01 { width: 35.4%; }



.seven_ullist01 li.li02 { width: 63%; }



.seven_ullist01 li.li02 img { display: inline-block; font-size: 0; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; }



.seven_ullist01 li.li02 img:nth-child(2n) { margin-right: 0px; }



.seven_ullist01 li.li02 img { margin-bottom: 20px; }



.seven_ullist02 li.li01 { width: 51.5%; }



.seven_ullist02 li.li02 { width: 47%; }



.posiation_static { background: #000; padding: 120px 0; }



.imgscale { margin: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; }



.imgscale img { -webkit-transition: all 3s; transition: all 3s; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }



.scale1 img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }



.posiation_static .Tv315Chip { position: static !important; padding-top: 0; margin-bottom: 90px; }



.imgauto img { margin: 0 auto; max-width: 100%; width: auto; }



.ProjectionScreen img { display: none; width: 100%; }



.pro680_main01 { background-image: url(../images/pro680_main01.jpg); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }



.pro680_mainbox { color: #fff; }



.pro680_mainbox h2 { padding-right: 80px; font-size: 50px; padding-bottom: 10px; border-bottom: 4px solid rgba(255, 255, 255, 0.3); display: inline-block; }



.pro680_mainbox p { font-size: 30px; line-height: 32px; margin-top: 20px; }



.pro680_main01 .commonweb { width: 1400px; }



.fiexd_imgbox6 { height: 900px; }



.fiexd_imgbox7 { height: 1100px; background-attachment: initial; }



.pro680_main03 { position: relative; }



.pro680_main03box { position: absolute; top: 8%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }



.pro680_main03box h2 { font-size: 50px; margin-bottom: 18px; }



.pro680_main03box p { font-size: 18px; line-height: 24px; }



.pro680_main04 .Tv680AIControl { padding-top: 0; margin-bottom: 50px; }



.clearfloat::after { display: block; content: ""; clear: both; }



.p680_left { float: left; width: 67.708%; }



.p680_left img { width: 100%; }



.p680_right { float: right; width: 32.292%; }



.p680_right h2 { font-size: 50px; margin-bottom: 5px; }



.p680_right p { font-size: 18px; line-height: 24px; }



.p680_rightbox { margin-top: 30%; }



.pro680_main05 { overflow: hidden; }



.pro680_main06 { background: none; color: #333; height: auto !important; }



.pro680_main07 img { width: 100%; }



.yuanInp img { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; }



.yuanInp.cur img { display: block; }



.main_nopage { margin-top: 0 !important; }



.main_nopage {background-position: center; background-size: cover; height: 100vh; background-repeat: no-repeat;}

.layui-unselect{width: 100%;}

.selectbox .layui-form-select{font-size: 18px;

  width: 100%;

  padding:0 !important;

  border: 1px solid #dedede;

  color: #666;

  cursor: pointer;

  background: transparent;

  background-image: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  position: relative;

  z-index: 2;}

  .selectbox .layui-input{font-size: 18px;height: 57px;}





/*--新增-2021-10-11--*/

.RemoteControImgbox { width: 81%; margin: 0px auto; padding: 20px 0px 30px; position: relative; }



.RemoteControTvImg { margin: 0px auto; width: 65.3%; }



.RemoteControTvImg img { display: block; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible !important; }



.RemoteControWifiImg { margin: 0px auto; width: 65.3%; padding: 20px 5px 0px; }



.RemoteControWifiImg img { display: block; width: 100%; }



.RemoteControImg { position: absolute; bottom: -28%; width: 25%; left: -10%; }



.RemoteControImg img { display: block; width: 100%; }



.ProjectionScreen_669 {

    padding-top: 85px;

    background-image: url(../images/img92.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; color: #333333; font-size: 14px; text-align: center;  overflow: hidden; }



.ProjectionScreen_669 h3 { font-size: 50px; line-height: 1.1; padding-bottom: 15px; color: #000; }



.ProjectionScreenTvImgbox { padding-top: 20px; margin: 0px auto; width: 90%; }



.ProjectionScreenTvImg { margin: 0px auto; width: 81.1%; }



.ProjectionScreenTvImg img { display: block; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}



.ProjectionScreenImg { width: 100%; position: relative; z-index: 9; }



.ProjectionScreenImg img { display: block; width: 100%; margin-left: -5.6%; margin-top: -3%; }



/*--新增-2021-10-11--*/



@keyframes arrow

{

from {width:0%;}

to {width:200%;}

}



@-webkit-keyframes arrow

{

  from {width:0%;}

  to {width:200%;}

}



@-moz-keyframes arrow

{

  from {width:0%;}

  to {width:200%;}

}



@-ms-keyframes arrow

{

  from {width:0%;}

  to {width:200%;}

}



@-o-keyframes arrow

{

  from {width:0%;}

  to {width:200%;}

}



@media (max-width: 1400px) {

    .pro680_main01 .commonweb{width: 100%;padding: 0 15px;}

    .l-Tv315ChipRightTwo p{margin-top: 20px !important;}

    .Missionbox:nth-child(2n) .MissionText { padding-left: 40px; }

  .SmartDeviceXQ3Text { padding-left: 60px; }

  .SmartDeviceXQ3-2 .SmartDeviceXQ3Text { padding:0 60px; }

  .SmartDeviceThree .l-commonBanner-2Text, .flight_bigcomban_text { left: 60px; }

  .SmartDeviceXQ4TwoText, .flight_mainbox_odd .fi_left { padding-left: 60px; }

  .SmartDeviceXQ4TwoText.Two, .flight_mainbox_even .fi_left { padding-left: 60px; }

  .flight_bigdevtext { padding-top: 20px; }

  .flight_bigdevtext p { margin-bottom: 10px; }

  .SmartDeviceXQ3Text h2, .flight_mainbox .fi_left h2 { font-size: 26px; }

  .flight_mainbox .fi_left ul li p:first-child { font-size: 20px; }

  .flight_bigcomban_text p br { display: none; }

  .fiexd_imgbox, .Tv680CPU { height: 700px; }

  .Tv680AIControlbox, .Tv680interfacesbox { height: 800px; }

  .l-Tv812ChipboxLi { padding: 0 20px; }

  .l-Tv812ChipboxText { margin-top: 15px; }

  .l-Tv315Chip p { margin-top: 20px; }

  .fiexd_imgbox7 { height: 800px; } 
  .Tv806Chipbox h3{font-size: 38px;}
  .Tv806Chipbox4Text h3{font-size: 38px;}
  .Tv680AIControl{padding-top: 30px;}

}



@media (max-width: 1200px) { 
  .l-commonBanner-2Text { font-size: 22px; line-height: 30px; }

  .contactUsForm h3 { font-size: 30px; }

  .detailsContactTitle { font-size: 30px; line-height: 36px; } 
  .l-Tv315Chip p{font-size: 16px;line-height: 1.3;margin-top: 15px;}
  .l-Tv812ChipboxLi{margin-top: 30px;width: 48%;}
  .l-Tv812ChipboxLi .t{font-size: 20px;}
  .l-Tv812ChipboxLi .t1{font-size: 14px;}
  .Tv806Chipbox12TextLI .t{font-size: 16px;padding: 0 15px;}
  .Tv806Chipbox13LIBox img{max-width: 50px;}
  .Tv806Chipbox13LIBox{max-width: 20%;margin: 0 20px;padding: 0;}
  .Tv806Chipbox6LiBox{margin-bottom: 10px;}
  .Tv806Chipbox6LiBox .img{width: 40px;margin-right: 10px;}
  .Tv806Chipbox6LiBox .img img{max-width: 100%;}
  .Tv680AppStorebox dl dd h3{line-height: 1.1;}
}



@media (max-width: 1260px) { 

    .l-banner { margin-top: 60px; } 

    .flight_probox{

        text-align: center;

        margin-top: 20px;

    }





.nav ul li:nth-last-child(1) .notong_subbox,.nav ul li:nth-last-child(2) .notong_subbox{display: none;position: static !important;width: 100%;transform: translateX(0);box-shadow: none;}

.notong_subbox a{text-align: left;line-height: 35px;}

.notong_subbox{padding: 0;padding-left: 15px;display: none;}

  .BrandStorIntro { padding: 60px; }

  .Historybox h3 { font-size: 40px; }

  .BrandStorIntro h3 { font-size: 40px; padding-bottom: 20px; }

  .BrandStorNumbox ul li .num { font-size: 50px; }

  .BrandStorNumbox ul li h3 { font-size: 16px; }

  .BrandStorNumbox ul { padding: 40px 0; }

  .HistoryList ul li h4 { font-size: 30px; }

  .paginationNum { font-size: 22px; }

  .HistoryList ul li p span { font-size: 22px; }

  .HistoryList ul li p { font-size: 16px; }

  .LayoutIntro h3 { font-size: 30px; }

  .LayoutIntro { font-size: 16px; }

  .overseasBu ul li { padding-left: 0; } }



@media (max-width: 991px) { 

    .flight4s .SmartDeviceXQ1Text h5{margin-top:30px;}

    .flight4s .SmartDeviceXQ1Text h3{margin-top:10px}

    .ProjectionScreen_669{padding-top:30px;}

    .RetrievePassword { margin-top: 0; }

  .RPasswordLeft { margin-bottom: 30px; }

  .pro680_main03box { padding: 60px 0; position: static !important; text-align: center; width: 100%; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

  .pro680_main03box h2, .pro680_mainbox h2 { font-size: 30px; }

  .pro680_mainbox h2 { border-width: 2px; }

  .HomeApplianceList ul li { width: 50%; }

  .pro680_mainbox p { font-size: 18px; margin-top: 0; }

  .pro680_main01 { height: 50vh; }

  .pro680_main02 .fiexd_imgbox6 { height: 50vh; }

  .MissionText h3 { font-size: 30px; line-height: 30px; padding-bottom: 5px; }

  .MissionQuality h3 { font-size: 30px; line-height: 40px; }

  .Missionbox:last-child .MissionImg::after { display: none; }

  .MissionText p { font-size: 16px; }

  .BrandStorIntro { font-size: 16px; }

  .l-Tv812ChipboxLi .t { font-size: 18px; }

  .Tv680AIControlbox, .Tv680interfacesbox, .fiexd_imgbox, .Tv680CPU { height: 600px; }

  .Tv680box h3 img { height: 30px; }

  .Tv680RemoteControls h3 { font-size: 30px; padding-bottom: 30px; }

  .Tv680box h3 { font-size: 40px; }

  .fiexd_imgbox2 { background-attachment: initial; height: 550px; }

  .Tv680Excellent h3, .Tv680MEMC h3, .Tv680HDR h3, .Tv6804KUHD h3, .Tv680CPUText h3, .Tv680SystemText h3, 
  .Tv680MultiScreen h3, .Tv680interfacesbox h3, .Tv680AIControl h3 { font-size: 30px; }

  .Tv680AppStorebox dl dd h3 { font-size: 30px; line-height: 30px; }

  .Tv680AppStorebox dl dd { padding: 0; width: 100%; margin-top: 30px; }

  .Tv680interfacesbox ul li img { width: 70%; }

  .Tv680MultiScreenImg ul li img { width: 60px; }

  .Tv680MultiScreenImg ul li p { font-size: 14px; }

  .Tv680interfacesbox ul li p { font-size: 14px; }

  .FQAbox ul > li .FQTtitle { font-size: 22px; }

  .FQAbox ul > li .FQTtitle .Q { font-size: 24px; }

  .FQAbox ul > li .FQTtitle::after { width: 10px; height: 10px; }

  .FQAbox ul > li .FQTtitle .Q { width: 60px; height: 60px; line-height: 60px; }

  .FQAbox ul > li .FQTtitle { min-height: 60px; }

  .FQAbox ul > li .FQTtitle { padding: 0 0 0 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

  .FQAbox ul > li .FQAContent .A { width: 40px; height: 40px; line-height: 40px; font-size: 22px; left: 60px; }

  .FQAbox ul > li .FQAContent { padding: 30px 30px 30px 110px; font-size: 16px; }

  .downloadList dl dt h3 { font-size: 24px; }

  .downloadList dl dt { width: 100%; float: none; }

  .downloadList dl dd { padding-left: 0; float: none; width: 100%; margin-top: 30px; }

  .MissionTextbox { position: static !important; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

  .MissionImg { float: none !important; width: 750px; margin: 0 auto; padding: 0 20px; }

  .MissionImg img { width: 100%; }

  .MissionText { width: 100%; padding: 20px 0; }

  .MissionText p { margin-bottom: 0; }

  .Missionbox:nth-child(2n) .MissionText { padding-left: 0; width: 100%; }

  .Missionbox:last-child { padding-bottom: 0; }

  .LayoutIntroImg { margin-top: 0; }

  .LayoutIntro { width: 100%; }

  .overseasBu h3, .TwoCapabilities h3 { font-size: 30px; }

  .overseasBuContent img { width: 45px; }

  .overseasBuContent { padding-left: 65px; padding-top: 0; }

  .overseasBuContent h4 { font-size: 22px; }

  .overseasBuContent p { font-size: 16px; }

  .businessArea h3 { font-size: 30px; padding-bottom: 10px; }

  .businessArea { font-size: 16px; width: 100%; }

  .businessAreaMap { display: none; }

  .TwoCapabilities h4 { font-size: 22px; }

  .newslist ul li a img { width: 270px; margin-right: 20px; }

  .newslist ul li a .time { font-size: 20px; }

  .newslist ul li a h3 { font-size: 22px; line-height: 24px; }

  .newslist ul li a .desc { font-size: 16px; margin-top: 20px; }

  .newslist ul li a .more { margin-top: 15px; }

  .detailsContactbox { padding-left: 0; margin-top: 40px; }

  .p680_left { width: 100%; }

  .p680_right { width: 100%; }

  .p680_right h2 { font-size: 30px; }

  .p680_rightbox { margin-top: 40px; margin-bottom: 40px; max-width: 750px; margin-left: auto; margin-right: auto; }
  .Tv806Chipbox8Text{width: 370px;right: 20px;}
  .Tv806Chipbox h3{font-size: 28px;}
  .Tv806Chipbox14Text{top: 10%;}

}



@media (max-width: 768px) { 

    .flight4s .SDXQ4TextTitLiBox{display:block;}

    .flight4s .SDXQ4TextTitLiBox span{

        position: static;

        width: 100%;

        display:block;

       

    }

    .flight4s .commonBannerText p:nth-child(1){font-size:22px;}

    .removeStyle .Lheight{height:auto;}

    .SiteMap { margin-top: 80px; }

.ProjectionScreen_669 h3{font-size:20px;}

.ProjectionScreen_669 p{font-size:16px;}

.selectbox .layui-input{height: 37px;font-size: 14px;}

  .SiteMapLIBox a { line-height: 45px; }

  .main_nopage { height: 50vh; }

  .l-bannerTextOn a::before { background-size: 60%; background-position: center; }

  .l-bannerText .num { font-size: 50px; }

  .l-bannerText h5 { font-size: 18px; }

  .l-bannerTextOn a { line-height: 40px; }

  .pro680_main03box h2, .pro680_mainbox h2 { font-size: 20px; }

  .RPassword { padding: 0; }

  .RPasswordRight { padding: 15px; }

  .RPasswordForm { padding: 30px 0 0; }

  .pro680_mainbox h2 { padding-right: 20px; }

  .MissionImg { padding: 0 15px; width: auto; }

  .MissionQuality { padding: 40px 0; }

  .Tv315Chip { padding-top: 20px; padding-bottom: 20px; }

  .pdd15 p { margin-bottom: 20px; }

  .pdd15 .Tv315Chip p { margin-bottom: 0; }

  .ProjectionScreen p { font-size: 14px; line-height: 22px; }

  /* .l-banner { height: 300px; } */

  .fiexd_imgbox1350 { height: 400px; background-attachment: initial; }

  .productTvImgbox { max-width: initial; width: 100%; }

  .SmartDeviceXQ1-2 .SmartDeviceXQ1Img { display: none; }

  .commonBannerText h5 { font-size: 18px; }

  .commonBannerText p { font-size: 16px; }

  .commonBannerText p span{font-size:18px;}

  .l-commonBanner { position: relative; }

  .commonBannerText { padding-top: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

  .commonBut a { width: 140px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 20px; }

  .SmartDeviceTwo .SmartDeviceXQ1Text h5 { font-size: 20px; }

  .SmartDeviceTwo .SmartDeviceXQ1Text h3 { font-size: 16px; }

  .commonweb { max-width: inherit; padding: 0 15px; }

  .SmartDeviceXQ2-2 .SmartDeviceXQ2Right { padding: 15px; }

  .SDXQ2RightTit { font-size: 24px; }

  .SDXQ2RightLiBox .icon { width: 28px; }

  .SDXQ2RightLiBox .t { font-size: 16px; }

  .SDXQ2RightLiBox:first-child { margin-top: 0; }

  .SDXQ2RightLi { margin-top: 20px; }

  .SmartDeviceXQ3Text { padding: 20px 15px; }

  .SmartDeviceXQ3Text h2, .SmartDeviceXQ3Text h5, .flight_bigcomban_text h2 { font-size: 22px; }

  .SmartDeviceXQ3Text p { margin-top: 10px; }

  .flight_bigcomban_text h2 { line-height: 28px; margin-bottom: 10px; }

  .flight_bigcomban_text p { font-size: 16px; line-height: 24px; }

  .SmartDeviceXQ3-2 .SmartDeviceXQ3Text { padding: 20px 15px; }

  .SmartDeviceXQ3Text h3 { font-size: 24px; }

  .SmartDeviceTwo_bell4s .SmartDeviceXQ3Text h3 { font-size: 35px; }

  .l-commonBanner-2 { margin-top: 0; }

  .l-commonBanner-2Text { padding: 20px 15px; }

  .l-commonBanner-2Text { font-size: 16px; line-height: 24px; }

  .l-commonBanner-2 { margin-bottom: 0; }

  .SmartDeviceXQ4TwoText { padding: 20px 15px; }

  .SmartDeviceThree .SDXQ4TextTitLiBox span { float: right; display: block; position: static !important; }

  .SmartDeviceXQ4TwoText.Two { padding: 20px 15px; }

  .SmartDeviceXQ4Two { margin-bottom: 0; }

  .SDXQ4TextTitLiBox { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

  .SmartDeviceThree .SDXQ4TextTitLiBox span { line-height: 24px;width:50%; }

  .SDXQ4TextTitLiBox span { width: 50%; }

  .flight_probox img{ max-width:90%; }

  .flight_devleft { background: none !important; padding: 0; }

  .flight_devleft img { display: block; width: 100%; max-height: inherit; }

  .flightwhite_text { color: #333; }

  .SmartDeviceXQ3Text p br { display: none; }

  .flight_mainbox { display: block; }

  .flight_mainbox .fi_left { padding: 20px 15px; }

  .flight_mainbox .fi_left, .flight_mainbox .fi_right { width: 100%; }

  .flight_mainbox_odd .fi_mobile_right { display: block !important; }

  .flight_mainbox_odd .fi_right { display: none; }

  .flight_mainbox .fi_left h2 { font-size: 22px; }

  .flight_mainbox .fi_left ul li p { font-size: 16px !important; }

  .flight_mainbox .fi_left ul li { line-height: 24px; }

  .flight_mainbox { margin-top: 0; }

  .flight_mainbox .fi_left ul li p:last-child { width: 50%; word-break: break-all; }

  .Tv680box { height: 60vh;background-size: cover !important; }

  .Tv680box h3 img { height: 20px; }

  .Tv680box h3 { font-size: 26px; }

  .Tv680box h3 { left: 15px; }

  .Tv6804KUHDImg .beer-reveal::after { font-size: 22px; left: 15px; }

  .Tv6804KUHDImg::after { font-size: 22px; right: 15px; }

  .Tv6804KUHD, .Tv680HDR, .Tv680MEMC, .Tv680Excellent, .Tv680CPUText, .Tv680SystemText, .Tv680MultiScreen { padding: 30px 0; }

  .Tv680AIControl .desc { font-size: 16px; margin-top: 0; }

  .Tv6804KUHD p, .Tv680HDR p, .Tv680MEMC p, .Tv680Excellent p, .Tv680CPUText p, .Tv680SystemText p, .Tv680MultiScreen p { font-size: 16px; line-height: 22px; }

  .Tv680SystemText p{margin-top:10px;}

  .Tv680Excellent h3, .Tv680MEMC h3, .Tv680HDR h3, .Tv6804KUHD h3, .Tv680CPUText h3, .Tv680SystemText h3, 
  .Tv680MultiScreen h3, .Tv680interfacesbox h3, .Tv680AIControl h3 { font-size: 24px; }

  .Tv680RemoteControlsbox { padding: 40px 0; }

  .Tv680RemoteControls ul li p { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

  .Tv680RemoteControls ul li p img { width: 100px; }

  .Tv680interfacesbox ul li img { width: 50%; }

  .Tv680BarA55, .Tv680BarA53 { font-size: 22px; }

  .Tv680AppStorebox dl dt { width: 100%; }

  .Tv680AppStorebox { padding: 50px 0; }

  .Tv680AIControl .desc, .Tv680AIControl h3 { color: #fff; }

  .Tv680Exhibition { padding: 30px 15px; }

  .Tv315Chip h3{ font-size: 22px !important; padding-bottom: 0 !important; }

  .widbox h2{ font-size: 22px !important; }

  .Tv315Chip { position: static !important; color: #333 !important; }

  .Tv810TextColor{color: #FFF !important; }

  .l-Tv315ChipRight { text-align: left !important; }

  .l-Tv315ChipLeft { color: #fff !important; }

  .Tv315Chip.l-Tv315Chip { padding: 30px 0; }

  .l-Tv315ChipBot h3 { text-align: center; }

  .Tv315Chip p br { display: none; line-height: 24px; }

  .l-Tv315Chip p { font-size: 16px !important; line-height: 24px !important; }

  .seven_ullist { padding-left: 0; }

  .l-Tv812Chip h3 { font-size: 24px; }

  .l-Tv812Chip h5 { font-size: 20px; }

  .l-Tv812ChipboxLi .t1 { color: #333; }

  .font_white h5, .font_white h3, .font_white p { color: #fff; }

  .posiation_static { padding-bottom: 50px; padding-top: 0; }

  .posiation_static .Tv315Chip { margin-bottom: 0; }

  .Tv315Chip.l-Tv315Chip { padding: 30px 15px; }

  .Tv315Chipbox-bj { padding-bottom: 50px; }

  .posiation_static h3, .posiation_static h5, .posiation_static p { color: #fff; }

  .MeikangHSeries .commonweb { padding: 0; }

  .MeikangHSeries img { margin-top: 20px; }

  .widbox h2 { font-size: 22px; padding-bottom: 10px; }

  .l-Tv315ChipRightTwo { width: 100%; margin-bottom: 30px; }

  .Tv315Chipbox .commonweb { padding: 0 15px; }

  /*.MeikangHSeries { padding-bottom: 20px; }*/

  .ThreeCategoriesText h3 { font-size: 22px !important; }

  .indexProductTvbox { padding: 40px 15px !important; margin-left: 0; }

  .indexProductTvbox { margin-left: 0 !important; }

  .LiTVUHdIovLi a, .LiTVUHdTopOn { font-size: 14px; }

  .LiTVUHdIovLi .t { font-size: 14px; }

  .LiTVUHdIovLi { line-height: 40px; }

  .LiTVUHdIovLi a { padding: 0 5px; }

  .LiTVUHd { padding: 40px 0; }

  .liBarboxHome { width: 40px; height: 40px; }

  .liBarboxA a { font-size: 14px; line-height: 40px; padding: 0 10px; }

  .liBarboxA::before { border-width: 5px; }

  .LiTVUHdTopOn::before { border-width: 5px; }

  .liBarboxA:last-child a { padding-right: 30px; }

  .liBarboxA:last-child::before { right: 15px; }

  .liBarboxA.active::before { width: 6px; height: 6px; }

  .liBarbox { height: 40px; }

  .liBarboxA.active::before { top: 13px; }

  .LiTVUHdTopSs button img { width: 15px; }

  .listTvTitle a { line-height: 20px; }

  .pdd15 .commonweb { padding: 0 15px !important; }

  .ProjectionScreen img { display: block; }

  .ProjectionScreen { background: none !important; min-height: initial; }

  .ProjectionScreen p br { display: none; }

  .ServiceProvider .ServiceProviderTitle { font-size: 30px; }

  .ServiceProvider .ServiceProviderSubTitle { font-size: 24px; }

  .ServiceProvider p { font-size: 16px; }

  .CustomerService { padding: 40px 0; }

  .commonClass { padding: 30px 0; margin-top: 0; }

  .commonClass ul li a { font-size: 16px;  }

  .commonClass ul li { width: auto; }

  .commonClass ul li a { padding: 0 10px; }

  .FQAbox { padding: 40px 0; }

  .downloadList dl { padding: 40px 0px; }

  .downloadList dl dd p a { height: 60px; line-height: 60px; }

  .downloadList dl dd p a { background-size: 6%; }

  .RegisteredProductsbox h3 { font-size: 30px; }

  .RegisteredProductsbox .desc { font-size: 14px; line-height: 22px; }

  .RegisteredProductsbox h4 { font-size: 18px; padding: 0; margin-top: 20px; }

  .RegisteredProductsbox ul li label { padding: 10px; }

  .RegisteredProductsbox ul li label input { font-size: 14px; }

  .RegisteredProductsbox .formBtn input { width: 150px; height: 60px; font-size: 18px; }

  .BrandStorIntroImg { background: none; }

  .BrandStorIntroImg::after, .BrandStorNumbox::after { display: none; }

  .BrandStorIntro { padding: 0; padding-bottom: 20px; }

  .BrandStorIntro h3 { font-size: 22px; }

  .BrandStorNumbox ul li .num { font-size: 30px; }

  .Historybox { padding-top: 40px; }

  .Historybox h3 { font-size: 24px; padding-bottom: 20px; }

  .HistoryImg { width: 100%; height: 400px; }

  .HistoryListBox { position: static !important; }

  .HistoryList { width: 100%; }

  .HistoryList ul li h4 { font-size: 22px; }

  .paginationNum { font-size: 16px; }

  .paginationBtn span { width: 35px; height: 35px; }

  .paginationBtn span::before { width: 6px; height: 6px; left: 11px; top: 17px; }

  .paginationBtn span::after { width: 10px; }

  .paginationBtn span.HistoryNext::before { left: 17px; }

  .paginationBtn span { margin-left: 10px; }

  .paginationbox { top: 20px; }

  .HistoryList ul li h4 { padding-top: 20px; }

  .HistoryList ul li p { margin-top: 30px; padding: 0px 0px 20px 60px; }

  .MissionQuality h3 { font-size: 22px; line-height: 30px; padding-bottom: 10px; }

  .MissionQuality { font-size: 16px; line-height: 26px; }

  .MissionText h3 { font-size: 22px; }

  .LayoutIntrobox { margin-top: 0; padding-top: 40px; }

  .LayoutIntro h3 { font-size: 22px; padding-bottom: 15px; }

  .LayoutIntro p { padding-right: 0; }

  .overseasBu, .businessAreabox, .TwoCapabilities { padding: 40px 0; }

  .overseasBu h3, .TwoCapabilities h3 { font-size: 22px; }

  .overseasBu ul li { padding-top: 20px; }

  .overseasBuContent h4, .TwoCapabilities h4 { font-size: 18px; }

  .overseasBu ul li { width: 100%; }

  .businessArea h3 { font-size: 22px; }

  .HonorsList { padding-bottom: 40px; }

  .newslist { padding-top: 40px; }

  .HomeAppliancebg, .HomeApplianceClass { padding: 30px 0px; }

  .HomeApplianceClass a span { width: 30px; height: 30px; }

  .HomeApplianceList ul li a h3 { font-size: 14px; line-height: 18px; -webkit-line-clamp: 4; padding: 0px 10px; }

  .HomeApplianceList ul li a { padding: 10px 0; }

  .contactUs { padding-top: 30px; }

  .contactUsForm h3 { font-size: 24px; padding-bottom: 20px; }

  .selectbox select { padding: 8px 10px; font-size: 14px; }

  .selectbox::after { right: 10px; width: 8px; height: 8px; border-width: 1px; top: 45%; }

  .contactUsForm p, .inputbox label input { font-size: 14px; }

  .inputbox label { padding: 7px 10px; }

  .selectbox { margin-bottom: 15px; }

  .inputbox { padding-bottom: 15px; }

  .checkBox input + span { width: 20px; height: 20px; }

  .checkBox label { padding-left: 30px; padding-bottom: 10px; line-height: 20px; font-size: 14px; }

  .vCode { width: 45%; height: 39px; line-height: 39px; font-size: 14px; margin-right: 0; }

  .code_inputbox label { width: 50%; }

  .SubmitBtn button { width: 150px; height: 45px; }

  .detailsContactTitle br { display: none; }

  .detailsContactTitle { font-size: 24px; }

  .FollowUs h3 { font-size: 20px; padding-bottom: 10px; margin-top: 20px; }

  .detailsContact { padding-top: 20px; padding-bottom: 0; }

  .detailsContactbox { margin-bottom: 40px; }

  .logo img { height: 15px; }

  .logo { margin-top: 5px; }

  .Global { padding: 100px 0 40px; }

  .TermsPrivacyText { margin: 20px 0; }

  .pro680_main04 .Tv680AIControl { margin-bottom: 30px; }

  .p680_rightbox { width: auto; padding: 0 15px; }

  .pro680_main03box { padding: 40px 15px; }

  .RPasswordConTabBar { padding-top: 30px; }

  .RPasswordConTabCont { padding: 0; }

  .pro680_main04 .Tv680AIControl .desc, .pro680_main04 .Tv680AIControl h3 { color: #333 !important; }

  .Tv680AppIcon{ margin-top:0px;}

  .Tv680AppStorebox dl dd .iconImg { padding-top: 40px; }
  .Tv806Chipbox13{background-color: #000;}
  .Tv806Chipbox13Text { position: static; width: 100%; padding: 20px; }
  .Tv806Chipbox8Text{width: 45%;}
  .Tv806Chipbox h3{font-size: 18px;}
  .Tv806Chipbox9 .t{font-size: 16px;}
  .Tv806Chipbox12Text{top: 5%;}
  .Tv806Chipbox12Text p{font-size: 16px;}
  .Tv806Chipbox13LI{position: static;}
  .Tv806Chipbox14Text{width: 54%;}
  .Tv806Chipbox14LIBox .t{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

  }
  .Tv806Chipbox13 .x-t{position: static;padding-bottom: 30px;}
  .Tv806Chipbox6LiBox .img{display: inline-block;}
  .Tv806Chipbox13LIBox .t{font-size: 14px;}
  .Tv806Chipbox13LIBox{margin-bottom: 10px;}

}



@media (max-width: 520px) { 

    .Tvsize{height:auto;}

    .l-Tv315ChipRightTwo p{margin-top: 10px !important;}

    .RPasswordLeft { margin-top: 60px; }

.ProjectionScreen_669 p{font-size:14px;}

  .productTvInfobox h1 { font-size: 18px; }

  .p680_right h2 { font-size: 22px; }

  .pro680_main06 { padding-bottom: 30px; }

  .pro680_main01, .pro680_main02 .fiexd_imgbox6 { height: 30vh; }

  .detailsContact { font-size: 16px; }

  .HomeApplianceList ul li { width: 50%; }

  .HomeAppliancebg { padding-top: 0; }

  .HomeApplianceClass a { width: auto; margin: 0px 15px 0px 0px; }

  .HomeApplianceClass a p { font-size: 14px; }

  .HomeApplianceClass a:last-child{ margin: 0px;}

  .aboutbg .commonClass ul li { width: auto; }

  .commonClass ul li a { font-size: 14px; }

  .ServiceProvider .ServiceProviderSubTitle { font-size: 18px; }

  .ServiceProvider .ServiceProviderTitle { font-size: 24px; }

  .Tv806Chipbox h5 { line-height: 22px; }

  .Tv806Chipbox6 p { font-size: 14px; line-height: 22px; }

  .Tv806Chipbox5 .t, .Tv806Chipbox7 .t { line-height: 22px; }

  .Tv806Chipbox8Text p { margin-top: 30px; line-height: 22px; }

  .Tv806Chipbox12Text p, .Tv806Chipbox11Text p, .Tv806Chipbox11Text .t { font-size: 14px; line-height: 22px; }

  .productRecommend ul li h3 { font-size: 16px; }

  .LiTVUHdTopSs input { padding-left: 15px; font-size: 14px; }

  .liBarboxA.active::before { top: 15px; }

  .productTvlist ul li { padding: 0; }

  .LiTVUHdTopOn { float: none; width: 100%; display: none; }

  .LiTVUHdTopSs { float: none; width: 100%; }

  /* .l-banner { height: 180px; } */

  .MeikangSeries { padding: 30px 0 !important; }

  .Tv315Chipbox .commonweb { padding: 0 15px; }

  .l-Tv315Chip p br { display: none !important; }

  .l-Tv315ChipConBox { width: 100%; }

  .Tv315Chipbox-bj { padding-bottom: 0; }

  .Tv680AppStorebox dl dd h3 { font-size: 22px; line-height: 26px; }

  .Tv680AppStorebox dl dd h3 br { display: none; }

  .Tv680AppStorebox dl dd .desc { font-size: 16px; line-height: 22px; margin-top: 10px; }

  .Tv680AppStorebox dl dd .iconImg { padding-top: 10px; }

  .OurProduct ul li { width: 100%; }

  .productTvlist ul li { width: 100%; }

  .commonBut a { display: none; }

  .commonBannerText h5 { line-height: 20px; }

  .SmartDeviceXQ5Tit { font-size: 22px; }

  .SmartDeviceXQ5Con { margin-top: 15px; }

  .SDXQ4TextTitLiBox { font-size: 14px !important; }

  .Tv680box { background-attachment: initial; background-position-x: 70%; }

  .Tv680box h3 { bottom: 30px; }

  .Tv680CPU ul { padding-top: 20px; }

  .Tv680CPUBar span { height: 4px; }

  .Tv680AppIcon { margin-top: -30px; }

  .Tv680AIControl { padding-top: 15px; }

  .Tv680AppStorebox dl dd .iconImg img { height: 30px; }

  .Tv680AIControlbox, .Tv680interfacesbox, .fiexd_imgbox, .Tv680CPU { height: 200px; background-attachment: initial; }

  .Tv6804KUHDImg .beer-reveal::after { font-size: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

  .Tv6804KUHDImg::after { font-size: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

  .Tv680Excellent h3, .Tv680MEMC h3, .Tv680HDR h3, .Tv6804KUHD h3, .Tv680CPUText h3, .Tv680SystemText h3, .Tv680MultiScreen h3, .Tv680interfacesbox h3, .Tv680AIControl h3 { font-size: 20px; }

  /*.MeikangHSeries { padding-bottom: 0; }*/

  .Tv680interfacesbox .desc { font-size: 16px; }

  .Tv680AIControl .desc { font-size: 14px; line-height: 18px; }

  .Tv680MultiScreenImg ul li img { width: 30px; }

  .Tv680MultiScreenImg ul { display: none; }

  .Tv680RemoteControls h3 { font-size: 22px; }

  .Tv680interfacesbox { padding-top: 10px; }

  .Tv680interfacesbox ul { display: none; }

  .seven_ullist { display: block; }

  .l-Tv812Chip { position: static !important; margin-bottom: 20px; }

  .seven_ullist01 li.li01, .seven_ullist01 li.li02 { width: 100%; }

  .seven_ullist01 li.li02 img { width: 100%; }

  .seven_ullist01 li img { margin-bottom: 15px !important; }

  .seven_ullist02 li.li01, .seven_ullist02 li.li02 { display: block; width: 100%; }

  .indexProductTvbox { padding-bottom: 0 !important; }

  .OurProductText { left: 15px; right: 15px; }

  .PDlaptop6LeftBox .t span { font-size: 24px; }

  .PDlaptop6LeftBox .t { font-size: 16px; }

  .PDlaptop5LiBox .t span { font-size: 16px; }

  .PDlaptop5LiBox .t { font-size: 12px; }

  .PDlaptop5Smll { padding: 30px 15px; }

  .PDlaptop5Smll h3 { font-size: 24px; }

  .PDlaptop6LeftBox .icon img { width: 35px; }

  .FQAbox ul > li .FQTtitle { font-size: 18px; padding: 0 20px 0 50px; }

  .commonBanner h3 { font-size: 26px; line-height: 30px; }

  .commonBanner p { font-size: 16px; }

  .commonBanner { padding-top: 70px; }

  .FQAbox ul > li .FQTtitle .Q { width: 40px; height: 40px; line-height: 40px; }

  .FQAbox ul > li .FQTtitle .Q { font-size: 18px; }

  .FQAbox ul > li .FQTtitle { min-height: 40px; }

  .FQAbox ul > li .FQAContent .A { top: 14px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; left: 5px; }

  .FQAbox ul > li .FQAContent { padding: 10px 10px 10px 50px; font-size: 14px; }

  .FQAbox ul > li .FQAContent p { margin-bottom: 10px; }

  .downloadList dl dd p { padding-left: 0; }

  .downloadList dl dd p a { background-size: 10%; }

  .downloadList dl dd p a { height: 50px; line-height: 50px; font-size: 14px; padding: 0px 30px 0px 15px; }

  .RegisteredProductsbox h3 { font-size: 22px; }

  .BrandStorNumbox ul li h3 { font-size: 14px; line-height: 18px; }

  .BrandStorNumbox ul li .num { font-size: 26px; }

  .BrandStorNumbox ul { padding: 20px 0; }

  .HistoryImg { height: 250px; }

  .HistoryList ul li p { font-size: 14px; }

  .HonorsList ul li { width: 100%; }

  .HonorsList ul li h3 { height: auto; margin: 15px 0; font-size: 16px; line-height: 24px; }

  .newslist ul li a img { width: 100%; float: none; }

  .newslist ul li { padding-bottom: 20px; }

  .newslist ul li a .desc { font-size: 14px; margin-top: 0; line-height: 22px; height: auto; }

  .newslist ul li a h3 { font-size: 18px; }

  .newslist ul li a .more { font-size: 16px; }

  .RPasswordRightHead .t { font-size: 18px; margin-top: 4px; }

  .NationalFlagBox img { width: 35px; height: auto; }

  .NationalFlagBox .t { font-size: 16px; } }

  @media (max-width: 468px){
    .Tv806Chipbox6LiBox .img{display: inline-block;}
    .Tv806Chipbox2 .Tv806Chipbox1Text{background-color: #000;}
    .Tv806Chipbox h5{display: block;padding-left: 0;}
    .Tv806Chipbox3Text{
      position: static;
      padding: 20px 10px;
      background-color: #000;
    }.Tv680AIControl h3
    .Tv806Chipbox8Text,
    .Tv806Chipbox14Text{width: 100%;}
    .Tv806Chipbox13LIBox{max-width: none;margin: 15px 0 0;}
  }

  

.BlurTechnologiesbox{ background: #0a0a0a;}

.BlurTechnologies{ text-align: center;}

.BlurTechnologies h3{ font-size: 22px; color: #fff;}

.BlurTechnologies h5{ font-size:16px;color: #fff; padding-bottom:10px;}

.BlurTechnologies p{ font-size: 12px; color: #7d7d7d;}



.BlurTechnologiesImg{padding: 30px 0px 40px;}

.BlurTechnologiesImg img{ width: 100%; display:block; margin: 0px auto;}



/*--ipad竖--*/

@media (min-width: 768px) { .indexProductTvbox { margin-left: 50px; padding: 50px 0px 20px 0px; }

  .indexProductTvbox::after { content: ''; position: absolute; right: 0px; width: 40%; height: 100%; background: #fafafa; display: block; top: 0px; }

  /* .indexProductTv { width: 54%; } */

  .indexProductTv ul li h3 { font-size: 26px; }

  .indexProductTv ul li p { font-size: 26px; padding-left: 9.2%; padding-bottom: 15px; }

  .indexProductTvArrowBtn { top: 20%; position: absolute; right: 22%; z-index: 20; padding-top: 0px; -webkit-transition: all .6s ease; transition: all .6s ease; }

  .OurProductbox { position: relative; padding: 50px 0px 0px 100px; }

  .OurProductboxIcon { left: 30px;display: none; }

  /* .OurProductboxIcon img { display: block; height: 40px; } */

  .OurProduct ul li { width: 35%; }

  .indexTitle h3 { font-size: 26px; padding-bottom: 10px; }

  .indexTitle .desc { font-size: 14px; line-height: 24px; }

  .WorldwideDistributionBox { padding: 50px 0px 200px 100px; }

  .WorldwideDistributionClass { margin-top: 50px; }

  .WorldwideDistribution { margin-top: 50px; }

  .WorldwideDistributionContent { min-height: 600px; padding: 50px 40px; }

  .WorldwideDistributionList { float: left; width: 355px; padding-top: 50px; }

  .WorldwideDistributionList ul li:nth-child(2) { padding: 0px 20px; }

  .WorldwideDistributionList ul li .num { font-size: 30px; color: #fff; }

  .WorldwideDistributionList ul li .num span { font-size: 16px; }

  .WorldwideDistributionList ul li .desc { font-size: 16px; color: #707676; }

  .businessDesc { font-size: 16px; color: #707676; margin-top: 30px; }

  .country { color: #ffffff; font-size: 30px; margin-top: 20px; }

  .Branch { background: url(../images/img13.png) no-repeat left center; padding-left: 20px; font-size: 16px; color: #707676; margin-top: 20px; }

  .WorldwideDistributionImg { float: left; width: -webkit-calc(100% - 355px); width: calc(100% - 355px); padding-left: 30px; padding-top: 0px; }

  .WorldwideDistributionImg img { display: block; width: 100%; margin-top: 0px; }

  .WorldwideDistributionBtnArrow { top: 30px; left: 40px; }

  .ThreeCategories ul li { float: left; width: 33.333%; }

  .ThreeCategoriesText h3 { font-size: 26px; padding-bottom: 20px; }

  .ThreeCategoriesText p span { width: 45px; height: 45px; }

  .ThreeCategoriesText p span::after { height: 1px; width: 20px; }

  .ThreeCategoriesText p span::before { left: 21px; top: -webkit-calc(50% + 1px); top: calc(50% + 1px); width: 10px; height: 10px; }

  .footer { padding: 40px 0px 30px; }

  .OurProduct { margin-top: 40px; }

  .productBanner { height: 240px; }

  .productTvInfobox .desc { padding-top: 35px; }

  .Tv315Chip { position: absolute; left: 0px; top: 0px; padding: 40px 0px 0px; width: 100%; font-size: 16px; color: #fff; line-height: 24px; text-align: center; }

  .Tv315Chip h3{ font-size: 30px; padding-bottom: 30px; text-transform: uppercase;}

  .widbox h2{ font-size: 30px;}

  .Tv315HDR { padding: 40px 0px 30px; }

  .Tv315HDR h3 { font-size: 30px; padding-bottom: 20px; }

  .Tv315HDR p { font-size: 16px; }

  .HDRImg::after { bottom: 60px; width: 120px; height: 40px; font-size: 20px; line-height: 40px; -webkit-border-radius: 40px; border-radius: 40px; }

  .HDRImg .beer-reveal::after { bottom: 60px; font-size: 20px; width: 120px; height: 40px; line-height: 40px; -webkit-border-radius: 40px; border-radius: 40px; }

  .RemoteControl { min-height: 500px; font-size: 16px; padding-top: 50px; }

  .RemoteControl h3 { font-size: 30px; padding-bottom: 20px; }

  .ProjectionScreen { min-height: 800px; font-size: 16px; padding-top: 40px; }

  .ProjectionScreen h3 { font-size: 30px; padding-bottom: 20px; }

  .KidModeContent { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50%; font-size: 16px; color: #333; padding: 0px 20px 0px 0px; }

  .KidModeContent h3 { font-size: 24px; color: #000; padding-bottom: 10px; }

  .KidModeImg { float: right; width: 60%; }

  .Vrindex { height: 550px; }

  .Vrindex dl dt { font-size: 24px; }

  .Vrindex dl dd { padding-top: 30px; }

  .Vrindex dl dd a { -webkit-border-radius: 40px; border-radius: 40px; font-size: 16px; background: #fff; line-height: 40px; padding: 0px 20px; }

  .location { line-height: 60px; }

  .location a { font-size: 16px; padding: 0px 35px; }

  .location a:first-child { width: 60px; }

  .newsDetailTitle { padding: 50px 0px 30px; }

  .newsDetailTitle h1 { font-size: 24px; }

  .newsDetailTitle p { font-size: 20px; margin-top: 15px; }

  .newsDetailRecommend { padding: 30px 0px 60px; }

  .newsDetailRecommend h2 { font-size: 30px; padding-bottom: 30px; }

  .newsDetailRecommendList ul li h3 { font-size: 22px; display: -webkit-box; height: 78px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; }

  .newsDetailRecommendList ul li p { font-size: 20px; margin-top: 20px; }

  .productTvlist ul li { width: 50%; padding: 25px 30px 35px; margin-top: 20px; }

  .listTvTitle { display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

  .Tvsize { margin-top: 20px;height: 76px; }

  .productRecommend ul li .productRecommendImg::after{ display: block; }

  .pointerbox .pointer{left:calc(50% - 35px);top: calc(50% - 35px);width: 70px;height: 70px;}


/* 20220924 */
  /* .commonClass ul li { width: 33%;} */

  .commonClass ul li a{ padding: 0px;font-size:16px;}

  .commonClassBox{position:relative;}



  /*--新增-2021-10-11--*/

  .ProjectionScreenTvImgbox { padding-top: 55px; width: 57%; }

  .RemoteControTvImg { margin: 0px auto; width: 55.3%; min-height:390px;}

  .RemoteControWifiImg { width: 55.3%; padding: 20px 10px 0px; }

  .RemoteControWifiImg p { padding: 0px 10px; }

  .RemoteControImg { position: absolute; bottom: -28%; width: 20%; left: 0px; }



  .Tv680AIControlarrow{left: 50.1%; display: block;}



  .BlurTechnologies h3{ font-size: 30px;}

  .BlurTechnologies h5{ font-size: 22px;padding-bottom:10px;}

  .BlurTechnologies p{ font-size: 14px;}

  .BlurTechnologiesImg{padding: 40px 0px 50px;}



}



/*--ipad横--*/

@media (min-width: 992px) { .footerClass ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

  .footerClass ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: none; }

  .footerClass ul li h3 { line-height: 24px; }

  .footerClass ul li p { display: block; padding-bottom: 0px; border: none; }

  .footerClass ul li i { display: none; }

  .footerLogo img { height: 30px; }

  .indexProductTvArrowBtn span { width: 40px; height: 40px; }

  .WorldwideDistribution { float: right; width: 960px; margin-top: 130px; position: relative; }

  .WorldwideDistributionList { padding-top: 50px; width: 455px; }

  .WorldwideDistributionList ul li:nth-child(2) { padding: 0px 20px; }

  .WorldwideDistributionList ul li .num { font-size: 30px; color: #fff; }

  .WorldwideDistributionList ul li .num span { font-size: 16px; }

  .WorldwideDistributionList ul li .desc { font-size: 16px; color: #707676; }

  .businessDesc { font-size: 16px; color: #707676; margin-top: 30px; }

  .country { color: #ffffff; font-size: 30px; margin-top: 20px; }

  .Branch { background: url(../images/img13.png) no-repeat left center; padding-left: 20px; font-size: 16px; color: #707676; margin-top: 20px; }

  .WorldwideDistributionImg { padding-left: 30px; width: -webkit-calc(100% - 455px); width: calc(100% - 455px); }

  .WorldwideDistributionImg img { display: block; width: 100%; margin-top: -150px; }

  .WorldwideDistributionBox { background-position: left bottom; background-size: auto; }

  .productTvImgbox { float: left; width: 500px; margin-top: -180px; min-height: 350px; }

  .productTvInfobox { float: left; width: -webkit-calc(100% - 500px); width: calc(100% - 500px); padding-left: 80px; margin-top: -70px; padding-top: 0px; }

  .SmallTvImgbox { padding: 0px 40px; }

  .SmallTvImg ul li { height: 68px; }

  .productTvInfobox h1 { font-size: 30px; color: #fff; display: -webkit-box; height: 60px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

  .infoBar h3 { font-size: 20px; color: #333333; float: left; display: block; }

  .infoBar ul { float: right; white-space: nowrap; display: block; }

  .infoBar ul li { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; padding: 0px 15px; }

  .infoBar { line-height: 60px; }

  .SupportMassiveApps { padding: 50px 0px 70px; }

  .SupportMassiveApps h3 { font-size: 30px; padding-bottom: 30px; }

  .SupportMassiveApps ul { margin: 0px -5px; }

  .SupportMassiveApps ul li { width: 20%; }

  .videoContentbox { font-size: 16px;  }

  .videoContentbox h3,.ProjectionScreen_669 h3 { font-size: 30px; padding-bottom: 20px; }

  /*.videoContentbox p{margin-bottom:20px;}*/

  .KidModeContent { font-size: 16px; color: #333; padding: 0px 40px 0px 0px; }

  .KidModeContent h3 { font-size: 30px; color: #000; padding-bottom: 20px; }

  .productRecommend { padding: 40px 0px 50px; }

  .productRecommend ul li h3 { font-size: 24px; }

  .productRecommend ul li .model { font-size: 16px; }

  .productTvlist ul li { width: 33.333%; padding: 25px 30px 35px; margin-top: 30px; }

  .listTvMore { padding-top: 30px; }

  .SecondaryMenu dd { font-size: 16px;}



  /*--新增-2021-10-11--*/

  .ProjectionScreenTvImgbox { padding-top: 55px; width: 47%; }

  .productBanner{ display: block;}

  .productTvImgbox{margin-top: -180px;}

  .productTvbox{ padding-top: 0px;}



}



/*--PC端--*/

@media (min-width: 1260px) { 

  .header { position: absolute; padding: 40px 20px 0px; height: 110px; background: none; }

  .logo img { height: 30px; }

  .logo img.defaLogo { opacity: 1; visibility: visible; }

  .logo img.curLogo { opacity: 0; visibility: hidden; }

  .nav { float: right; padding-right: 30px; display: block; top: auto; position: static; bottom: auto; left: auto; right: auto; overflow: visible; background: none; border: none; }

  .nav ul { padding: 0px; }

  .nav ul li { float: left; margin-right: 45px; padding-bottom: 43px; border: none; position: static; }

  .nav ul li > a { white-space: nowrap; color: #fff; font-size: 18px; height: auto; line-height: 27px; }

  .nav ul li:hover > a { color: #f9282b; }

  .nav ul li:last-child { margin-right: 0px; }

  .nav ul li i { display: none; }

  .SecondaryMenubox { display: block; border: none; padding: 0px 20px 80px; position: absolute; left: 0px; top: 110px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #fafafa; z-index: -99; opacity: 0; visibility: hidden; }

  .TvClassification { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; position: relative; top: -50px; opacity: 0; visibility: hidden; }

  .SecondaryMenu { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 30px; top: -50px; opacity: 0; visibility: hidden; position: relative; }

  .SecondaryMenu h3 { font-size: 30px; color: #333333; display: block; }

  .SecondaryMenu h3 a { color: #333333; }

  .SecondaryMenu dl { margin-top: 20px; }

  .SecondaryMenu dl dd { float: left; width: 33.3333%; font-size: 18px; padding-bottom: 10px; }

  .SecondaryMenu dl dd a { color: #333333; }

  .Tvtype { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

  .Tvtype h3 { font-size: 30px; color: #333333; display: block; }

  .Tvtype h3 a { color: 333; }

  .Tvtype dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 25px; }

  .Tvtype dl dt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

  .Tvtype dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

  .Tvtype dl h4 { font-size: 18px; padding: 0px; }

  .Tvtype dl p { line-height: 36px; padding-top: 15px; }

  .Tvtype dl p a { display: block; font-size: 18px; color: #666666; }

  .Tvtype dl p a:hover { color: #f9282b; }

  .OtherType { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

  .OtherType h3 { font-size: 30px; padding: 0px; }

  .OtherType h3 a { color: #333333; }

  .OtherType p { line-height: 36px; padding-top: 18px; }

  .OtherType p a { display: block; font-size: 18px; color: #666666; }

  .RecommendedProducts { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid #dedede; margin-top: 100px; position: relative; top: 50px; opacity: 0; visibility: hidden; }

  .RecommendedProducts dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 50px; padding-top: 0px; }

  .nav ul li:hover .SecondaryMenubox { z-index: 99; opacity: 1; visibility: visible; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }

  .nav ul li:hover .TvClassification { top: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; opacity: 1; visibility: visible; }

  .nav ul li:hover .SecondaryMenu { top: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; opacity: 1; visibility: visible; }

  .nav ul li:hover .RecommendedProducts { top: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; opacity: 1; visibility: visible; }

  .headerLogin { float: left; margin-left: 20px; }

  .headerGlobal { float: left; margin-left: 20px; }

  .headerSearch a { background: url(../images/img02.png) no-repeat center; }

  .headerLogin a { background: url(../images/img03.png) no-repeat center; }

  .headerGlobal a { background: url(../images/img04.png) no-repeat left center; color: #fff; }

  .headerbg { background: #fff; }

  .headerbg .nav ul li > a { color: #333333; }

  .headerbg .nav ul li:hover > a { color: #f9282b; }

  .headerbg .logo img.defaLogo { opacity: 0; visibility: hidden; }

  .headerbg .logo img.curLogo { opacity: 1; visibility: visible; }

  .headerbg .headerSearch a { background: url(../images/img002.png) no-repeat center; }

  .headerbg .headerLogin a { background: url(../images/img003.png) no-repeat center; }

  .headerbg .headerGlobal a { background: url(../images/img004.png) no-repeat left center; color: #747474; }

  .navbtn { display: none; }

  .banner{ margin-top: 0px;}

  .footer .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

  .footerClass { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 20px; }

  .copyright { padding-top: 75px; }

  .footerLogobox { width: 370px; padding: 0px; }

  .subscribe { padding-top: 70px; }

  .indexProductTvbox { margin-left: 100px; padding: 100px 0px 40px 0px; }

  .indexProductTv ul li h3 { font-size: 30px; }

  .indexProductTv ul li p { font-size: 30px; padding-left: 9.2%; padding-bottom: 15px; }

  .indexProductTvArrowBtn span { width: 50px; height: 50px; }

  .indexProductTvArrowBtn { top: 25%; right: 23%; }

  .OurProductbox { position: relative; padding: 100px 0px 0px 150px; }

  .OurProductboxIcon { left: 60px; display: none;}

  /* .OurProductboxIcon img { display: block; height: 60px; } */

  .indexTitle h3 { font-size: 30px; padding-bottom: 15px; }

  .indexTitle .desc { font-size: 16px; line-height: 24px; }

  .WorldwideDistributionBox { padding: 70px 0px 0px 150px; min-height: 1200px; }

  .WorldwideDistributionClass { margin-top: 70px; }

  .WorldwideDistributionBtnArrow { top: 50px; left: 50px; }

  .WorldwideDistribution { margin-top: 70px; }

  .ThreeCategoriesText h3 { font-size: 30px; padding-bottom: 20px; }

  .ThreeCategoriesText p span { width: 45px; height: 45px; }

  .ThreeCategoriesText p span::after { height: 1px; width: 20px; }

  .ThreeCategoriesText p span::before { left: 21px; top: -webkit-calc(50% + 1px); top: calc(50% + 1px); width: 10px; height: 10px; }

  .WorldwideDistributionClass a { font-size: 16px; margin-right: 30px; }

  .footer { padding: 60px 0px 50px; }

  .OurProductBtnbox { padding-top: 40px; }

  .OurProduct { margin-top: 50px; }

  .OurProductText h3 { font-size: 26px; }

  .OurProductText p { font-size: 16px; }

  .productTvImgbox { float: left; width: 600px; margin-top: -180px; }

  .productTvInfobox { float: left; width: -webkit-calc(100% - 600px); width: calc(100% - 600px); padding-left: 80px; margin-top: -90px; }

  .SmallTvImgbox { padding: 0px 60px; }

  .SmallTvImg ul li { height: 80px; }

  .productTvInfobox h1 { font-size: 40px; display: -webkit-box; height: 80px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

  .productTvInfobox .desc { font-size: 16px; }

  .productTvInfobox .productTvSize span { font-size: 20px; }

  .productTvInfobox .productTvSize { margin-top: 30px; padding-left: 110px; }

  .productTvInfobox .productTvSize ul li a { font-size: 20px; height: 40px; line-height: 40px; }

  .productTvInfobox .resolvingPower { font-size: 18px; padding-top: 25px; }

  .productTvInfobox .BuyBtn { padding-top: 30px; }

  .productTvInfobox .BuyBtn a { width: 180px; height: 38px; line-height: 38px; -webkit-border-radius: 38px; border-radius: 38px; font-size: 18px; }

  .productTvbox { padding-bottom: 50px; }

  .infoBar ul li { padding: 0px 15px; font-size: 16px; }

  .infoBar h3 { font-size: 24px; }

  .SmallTvImgbox span { width: 28px; height: 48px; }

  .main { margin-top: 110px; }

  .Tv315Chip { padding: 60px 0px 0px; font-size: 16px; }

  .Tv315Chip h3{ font-size: 40px; padding-bottom: 40px; }

  .widbox h2{ font-size: 40px; }

  .Tv315HDR { padding: 60px 0px 40px; }

  .Tv315HDR h3 { font-size: 40px; padding-bottom: 30px; }

  .Tv315HDR p { font-size: 16px; }

  .beer-handle { width: 60px; height: 60px; }

  .beer-handle:before { left: 12px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

  .beer-handle:after { right: 2px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

  .HDRImg::after { width: 140px; height: 50px; font-size: 30px; line-height: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

  .HDRImg .beer-reveal::after { font-size: 30px; width: 140px; height: 50px; line-height: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

  .SupportMassiveApps { padding: 70px 0px 100px; }

  .SupportMassiveApps h3 { font-size: 40px; padding-bottom: 40px; }

  .SupportMassiveApps ul { margin: 0px -5px; }

  .SupportMassiveApps ul li { width: 16.666666666666668%; }

  .RemoteControl { min-height: 700px; font-size: 16px; padding-top: 70px; }

  .RemoteControl h3 { font-size: 40px; padding-bottom: 25px; }

  .ProjectionScreen { min-height: 1000px; font-size: 16px; padding-top: 50px; }

  .ProjectionScreen h3 { font-size: 40px; padding-bottom: 20px; }

  .videoContentbox { font-size: 16px;}

  .ProjectionScreen_669 h3{font-size:50px;padding-bottom:20px}

  .videoContentbox h3 { font-size: 40px; padding-bottom: 20px; }

  /*.videoContentbox p{margin-bottom:30px;}*/

  .KidModeContent { font-size: 16px; padding: 0px 80px 0px 0px; }

  .KidModeContent h3 { font-size: 40px; padding-bottom: 20px; }

  .Vrindex { height: 750px; }

  .Vrindex dl dt { font-size: 30px; }

  .Vrindex dl dd { padding-top: 40px; }

  .Vrindex dl dd a { -webkit-border-radius: 50px; border-radius: 50px; font-size: 16px; background: #fff; line-height: 50px; padding: 0px 30px; }

  .newsDetailTitle { padding: 70px 0px 30px; }

  .newsDetailTitle h1 { font-size: 30px; }

  .newsDetailTitle p { font-size: 24px; margin-top: 20px; }

  .newsDetailContent { padding: 20px 0px 40px; font-size: 16px; }

  .newsDetailRecommend { padding: 40px 0px 70px; }

  .newsDetailRecommend h2 { font-size: 40px; padding-bottom: 35px; }

  .newsDetailRecommendList ul li h3 { font-size: 26px; display: -webkit-box; height: 90px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 15px; }

  .newsDetailRecommendList ul li p { font-size: 24px; margin-top: 25px; }

  .productTvlist ul li { padding: 25px 40px 35px; margin-top: 35px; }

  .listTvTitle { font-size: 18px; display: -webkit-box; height: 44px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 

  .SecondaryMenu dd { font-size: 18px;}

  .pointerbox .pointer{left:calc(50% - 45px);top: calc(50% - 45px);width: 90px;height: 90px;}

  /*--新增-2021-10-11--*/

  .RemoteControImgbox { padding: 40px 0px 60px; }

  .RemoteControWifiImg { width: 55.3%; padding: 60px 20px 0px; }

  .RemoteControWifiImg p { float: left; width: 50%; padding: 0px 20px; }



  .Tv680AIControlarrow{left: 48.1%;}



  .BlurTechnologies h3{ font-size: 40px;}

  .BlurTechnologies h5{ font-size: 26px;padding-bottom:10px;}

  .BlurTechnologies p{ font-size: 16px;}

  .BlurTechnologiesImg{padding: 50px 0px 70px;}



}

  .RemoteControl.L669 h3,

    .RemoteControl.L669 p{color:#fff;}

@media (min-width: 1420px) { .header { padding: 40px 60px 0px; }

  .SecondaryMenubox { padding: 0px 60px 80px; }

  .nav { float: right; padding-right: 80px; }

  .headerLogin { float: left; margin-left: 30px; }

  .headerGlobal { float: left; margin-left: 30px; }

  .indexProductTvbox { padding: 150px 0px 60px 0px; }

  .indexProductTvArrowBtn { top: 30%; right: 23%; }

  .indexProductTv ul li h3 { font-size: 40px; }

  .indexProductTv ul li p { font-size: 40px; padding-left: 9.2%; padding-bottom: 15px; }

  .OurProductbox { position: relative; padding: 150px 0px 0px 200px; }

  /* .OurProductboxIcon img { display: block; height: 80px; } */

  .indexTitle h3 { font-size: 40px; padding-bottom: 20px; }

  .indexTitle .desc { font-size: 16px; line-height: 24px; }

  .WorldwideDistributionBox { padding: 100px 0px 0px 200px; }

  .WorldwideDistributionClass { margin-top: 90px; }

  .WorldwideDistribution { margin-top: 100px; }

  .WorldwideDistributionContent { padding: 80px 70px; }

  .WorldwideDistributionList { padding-top: 70px; }

  .WorldwideDistributionList ul li:nth-child(2) { padding: 0px 15px; }

  .WorldwideDistributionList ul li .num { font-size: 40px; }

  .WorldwideDistributionList ul li .num span { font-size: 16px; }

  .WorldwideDistributionList ul li .desc { font-size: 16px; }

  .businessDesc { font-size: 16px; margin-top: 40px; }

  .country { font-size: 40px; margin-top: 20px; }

  .Branch { padding-left: 20px; font-size: 16px; margin-top: 20px; }

  .WorldwideDistributionImg { padding-left: 30px; }

  .WorldwideDistributionImg img { margin-top: -150px; }

  .WorldwideDistributionBtnArrow { top: 80px; left: 70px; }

  .ThreeCategoriesText h3 { font-size: 40px; }

  .footer { padding: 70px 0px 60px; }

  .OurProductBtnbox { padding-top: 60px; }

  .WorldwideDistributionBox { min-height: 1200px; }

  .productTvImgbox { width: 700px; }

  .productTvInfobox { width: -webkit-calc(100% - 700px); width: calc(100% - 700px); padding-left: 150px; margin-top: -120px; }

  .SmallTvImg ul li { height: 100px; }

  .productTvInfobox h1 { font-size: 50px; display: -webkit-box; height: 120px; line-height: 60px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

  .productTvInfobox .desc { font-size: 18px; }

  .productTvInfobox .productTvSize { margin-top: 40px; }

  .productTvInfobox .productTvSize span { font-size: 24px; }

  .productTvInfobox .productTvSize ul li a { font-size: 24px; height: 45px; line-height: 45px; }

  .productTvInfobox .resolvingPower { font-size: 20px; padding-top: 35px; }

  .productTvInfobox .BuyBtn { padding-top: 50px; }

  .productTvInfobox .BuyBtn a { width: 225px; height: 48px; line-height: 48px; -webkit-border-radius: 48px; border-radius: 48px; font-size: 20px; }

  .productTvbox { padding-bottom: 100px; }

  .infoBar ul li { padding: 0px 25px; font-size: 18px; }

  .infoBar h3 { font-size: 30px; }

  .infoBar { line-height: 88px; }

  .Tv315Chip { padding: 80px 0px 0px; font-size: 18px; }

  .TvUBox4 .Tv315Chip{padding: 80px 0px 195px;}

  .L_paddtop .Tv315Chip { padding: 115px 0px 0px; }

  .L_QXL2 .Tv315Chip{padding: 140px 0px 0px;}

  .L_TvHbox3 .Tv315Chip{padding-bottom:100px;}

  .Tv315Chip h3{ font-size: 50px; padding-bottom: 42px !important; }

  .TvUBox6 .Tv315Chip h3,

  .TvUBox7 .Tv315Chip h3,

  .TvUBox9 .Tv315Chip h3{padding-bottom: 26px !important;}

  .L_TV812 .Tv315Chip.l-Tv812Chip h3{ padding-bottom: 3px !important;}

  .L_TV812 .Tv315Chip h3,

  .TvUBox1 .Tv315Chip h3{padding-bottom: 11px !important}

  .L_TvHbox1 .Tv315Chip h3{padding-bottom: 11px !important}

  .L_QXL1 .Tv315Chip h3{padding-bottom: 13px !important;}

  .L_paddtop .Tv315Chip h3{padding-bottom: 16px !important;line-height:1.1}

 .TvUBox6 .Tv315Chip{padding-bottom:100px;}

 .TvUBox7 .Tv315Chip{padding:132px 0 100px;}

  

   .Tv315Chip.L812{padding-top:120px}

   .Tv315Chip.L812_2{padding-top:120px}

   .Tv315Chip.L812_2 h3{padding-bottom: 20px !important}

  .Tv315Chip.L812 h3{padding-bottom: 10px !important;}

  .Tv315Chip.L667 h3{text-transform:none;}

  .Tv315Chip.padd_bott35 h3{padding-bottom:35px !important;}

  

  .l-Tv812Chip h3{ font-size: 50px;padding-bottom:10px !important;text-transform:none;color:#876f4c;}

  .L_TV812 .l-Tv812Chip h3{padding-bottom:0 !important;}

  .Tv315Chipbox-bj.L_TV812 h3{padding-bottom:21px !important;}

  .widbox h2{ font-size: 50px; }

  .Tv315HDR { padding:95px 0px 55px; }

   .Tv315HDR.TvQxl { padding:137px 0px 125px; }

  .Tv315HDR h3 { font-size: 50px; padding-bottom: 40px; }

  .L_667 .Tv315HDR h3{padding-bottom: 45px;}

  .TvUBox2 .Tv315HDR h3{ padding-bottom:25px; }

  .L_TvHbox2 .Tv315HDR h3{ padding-bottom:25px; }

  .Tv315HDR p { font-size: 18px; }

  .HDRImg::after { width: 180px; height: 60px; font-size: 40px; line-height: 60px; -webkit-border-radius: 60px; border-radius: 60px; }

  .HDRImg .beer-reveal::after { font-size: 40px; width: 180px; height: 60px; line-height: 60px; -webkit-border-radius: 60px; border-radius: 60px; }

  .SupportMassiveApps { padding: 100px 0px 150px; }

  .SupportMassiveApps h3 { font-size: 50px; padding-bottom: 50px;line-height:1; }

  .SupportMassiveApps ul { margin: 0px -5px; }

  .SupportMassiveApps ul li { width: 14.285714285714286%; }

  .RemoteControl { min-height: 940px; font-size: 18px; padding-top: 90px; }

  .RemoteControl h3 { font-size: 50px; padding-bottom: 35px; }



  .ProjectionScreen { min-height: 1200px; font-size: 18px; padding-top: 80px; }

  .ProjectionScreen h3 { font-size: 50px; padding-bottom: 30px; }

  .videoContentbox { font-size: 18px;margin-top:95px}

   .videoContentbox img{margin-top:55px}

  .videoContentbox h3 { font-size: 50px; padding-bottom: 10px; }

  .videoContentbox.L667{margin-top:50px;}

   .videoContentbox video{margin-top:45px;}

  /*.videoContentbox p{margin-bottom:50px;}*/

  .KidModeContent { font-size: 18px; padding: 0px 110px 0px 0px; }

  .KidModeContent h3 { font-size: 50px; padding-bottom: 30px; }

  .productRecommend { padding: 80px 0px 70px; }

  .productRecommend ul li h3 { font-size: 30px; }

  .productRecommend ul li .model { font-size: 18px; }

  .Vrindex { height: 950px; }

  .Vrindex dl dt { font-size: 36px; }

  .Vrindex dl dd { padding-top: 50px; }

  .Vrindex dl dd a { -webkit-border-radius: 60px; border-radius: 60px; font-size: 18px; background: #fff; line-height: 60px; padding: 0px 40px; }

  .newsDetailTitle { padding: 90px 0px 30px; }

  .newsDetailTitle h1 { font-size: 36px; }

  .newsDetailTitle p { font-size: 28px; margin-top: 25px; }

  .newsDetailContent { padding: 30px 0px 60px; font-size: 18px; }

  .newsDetailRecommend { padding: 60px 0px 100px; }

  .newsDetailRecommend h2 { font-size: 50px; padding-bottom: 45px; }

  .newsDetailRecommendList ul li h3 { font-size: 30px; display: -webkit-box; height: 108px; line-height: 36px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 20px; }

  .newsDetailRecommendList ul li p { font-size: 28px; margin-top: 30px; }

  .productTvlist ul li { width: 25%; padding: 25px 50px 35px; margin-top: 40px; }

  .listTvTitle { font-size: 20px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

  .listTvMore { padding-top: 40px; }

  .pointerbox .pointer{left:calc(50% - 55px);top: calc(50% - 55px);width: 110px;height: 110px;}



  .Tv680AIControlarrow{left: 50.1%;}



  .BlurTechnologies h3{ font-size: 50px;}

  .BlurTechnologies h5{ font-size: 30px;padding-bottom:10px;}

  .BlurTechnologies p{ font-size: 18px;}

  .BlurTechnologiesImg{padding: 70px 0px 100px;}



}



@media (min-width: 1600px) { .nav { float: right; padding-right: 140px; }

  .indexProductTvbox { margin-left: 160px; padding: 200px 0px 60px 0px; }

  .indexProductTvArrowBtn { top: 34%; right: 24%; }

  .indexProductTv ul li h3 { font-size: 50px; }

  .indexProductTv ul li p { font-size: 50px; padding-left: 9.2%; padding-bottom: 15px; }

  .indexProductTvArrowBtn span { width: 60px; height: 60px; }

  .OurProductbox { position: relative; padding: 200px 0px 0px 250px; }

  .OurProductboxIcon { left: 70px; display: none;}

  /* .OurProductboxIcon img { display: block; height: 107px; } */

  .indexTitle h3 { font-size: 50px; padding-bottom: 25px; }

  .indexTitle .desc { font-size: 18px; line-height: 24px; }

  .WorldwideDistributionBox { padding: 135px 0px 0px 250px; }

  .WorldwideDistribution { margin-top: 130px; }

  .WorldwideDistributionList { width: 455px; padding-top: 80px; }

  .WorldwideDistributionList ul li:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 20px; }

  .WorldwideDistributionList ul li .num { font-size: 50px; }

  .WorldwideDistributionList ul li .num span { font-size: 18px; }

  .WorldwideDistributionList ul li .desc { font-size: 18px; }

  .businessDesc { font-size: 18px; color: #707676; margin-top: 60px; }

  .country { color: #ffffff; font-size: 50px; margin-top: 30px; }

  .Branch { padding-left: 20px; font-size: 18px; margin-top: 30px; }

  .WorldwideDistributionImg { padding-left: 30px; }

  .WorldwideDistributionImg img { margin-top: -150px; }

  .ThreeCategoriesText h3 { font-size: 50px; padding-bottom: 20px; }

  .ThreeCategoriesText p span { width: 60px; height: 60px; }

  .ThreeCategoriesText p span::after { height: 1px; width: 30px; }

  .ThreeCategoriesText p span::before { left: 28px; top: -webkit-calc(50% + 1px); top: calc(50% + 1px); width: 14px; height: 14px; }

  .WorldwideDistributionClass a { font-size: 18px; margin-right: 55px; }

  .footer { padding: 90px 0px 80px; }

  .OurProductBtnbox { padding-top: 80px; }

  .OurProduct { margin-top: 70px; }

  .OurProductText h3 { font-size: 30px; }

  .OurProductText p { font-size: 18px; }

  .WorldwideDistributionBox { min-height: 1600px; }

  .Tv680box h3 { position: absolute; left: 6%; bottom: 60px; right: 0px; font-size: 88px; color: #fff; line-height: 1; opacity: 1; }

  .Tv680box h3 img { vertical-align: unset; border-right: 1px solid #fff; padding-right: 35px; margin-right: 35px; height: 60px; } 

  /*--新增-2021-10-11--*/

  .RemoteControImgbox { width: 64.67%; padding: 60px 0px; }

  .RemoteControWifiImg { width: 55.3%; padding: 80px 20px 0px; }

  .ProjectionScreenTvImgbox { padding-top: 55px; width: 47%; }



  .Tv680AIControlarrow{left: 49.1%;}

}



@media (min-width: 1800px) {

  .header { padding: 40px 140px 0px; }

  .SecondaryMenubox { padding: 0px 140px 80px; } 

  .Tv680AIControlarrow{left: 48.1%;}

}



  .sitemap{margin-left: 10px;color: rgba(255, 255, 255, 0.3);}



  .LiTVUHdIovLi a.active{color: #f9282b;}

  .productTvlist ul{display: flex;flex-wrap: wrap;}

  .imgScale{overflow: hidden;}

  .imgScale img{transition: all 0.4s;}

  .imgScale:hover img{transform: scale(1.1);}

  .headerSearch{position: relative;}

  .headerSearch #search-form{position: absolute;}

  #search-form { max-height: 0; position: absolute; top: 70px; right: 0; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; width: 380px; height: 60px; overflow: hidden; background-color: #fff; }

  .search_btn { cursor: pointer; }

  #search-form input { height: 100%; width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #333; z-index: 9; border: 1px solid #eee; border-right: none; }

  #search-form .searchbtn { position: absolute; bottom: 0; right: 0; width: 15%; margin: 0; padding: 0; text-transform: uppercase; color: #ffffff; background: #3ba1db; border: none; cursor: pointer; z-index: 11; height: 100%; }

  #search-form .searchbtn i { font-size: 20px; }

  .searchbtn{background: url(../images/img02.png) no-repeat center #f9282b !important;}



  .search_container{padding: 60px 0;}

  .searchtitle401 {

      margin-bottom: 30px;

      font-size: 24px;

      padding: 28px 15px;

      background-color: #f2f2f2;

  }

  .searchinputcont401 input,.searchinputcont401 button{border: none;}

  .searchinputcont401 {

      width: 45%;

      margin: 0 auto;

  }

  .searchinputcont401 dt {

      float: left;

    width: 78%;

  }

  .searchinputcont401 dd {

      float: left;

      width: 22%;

  }

  .searchinputcont401 dt input {

      font-size: 16px;

  }

  .searchinputcont401 dt input {

    width: 100%;

    height: 40px;

    line-height: 40px;

    text-indent: 12px;

    font-size: 15px;

    color: #333333;

    background-color: #ffffff;

    font-family: "Microsoft YaHei";

  }

  .noimgbox{width: 100% !important;}

  .searchinputcont401 dd input {

      font-size: 16px;

      font-weight: bold;

  }



  .searchinputcont401 dd input {

      margin-top: 0;

  }

  .searchinputcont401 dd input {

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    width: 100%;

    height: 40px;

    line-height: 40px;

    font-weight: bold;

    color: #ffffff;

    cursor: pointer;

    background-color: #e60012;

    text-align: center;

    font-family: "Microsoft YaHei";

  }

  .clearfloat::after{display: block;content: "";clear: both;}

  .search_list .item{padding: 18px 0;border-bottom: 1px solid #eee;}

  .search_list .item h2{margin-bottom: 20px;}

  .search_list .item h2 a{font-size: 20px;margin-bottom: 20px;color: #333;}

  .search_list .item h2 a br{display: none;}

  .searchimg401{

      float: left;

    margin-right: 30px;

    display: block;

    width: 200px;

    overflow: hidden;

  }

  .search_list .item img {

      display: block;

      width: 100%;

      margin-bottom: 2%;

  }

  .search_list .item img {

      width: 100%;

  }

  .resulttext401 {

    overflow: hidden;

    height: 66px;

    color: #999;

  }



  .searchbox{float: left;width: calc(100% - 250px);}

  .resultlabel401 {

    color: #999;

    display: inline-block;

    padding-top: 20px;



  }

  .resultlabel401 a{color: #333 !important;}

  .search_list .item:first-child{border-top: 1px solid #eee;}



@media (max-width: 768px){

    .RemoteControTvImg{min-height:270px;}

  .flexbox_div{display: block;}

    .search_container{padding: 40px 0;}

    .searchtitle401 {

        padding: 15px 15px;

    }

    .searchinputcont401 {

        width: 98%;

    }

    .searchimg401 {

        float: none;

        width: 100%;

    }

    .searchbox {

        width: 100%;

    }

    .search_list .item h2{margin-top: 10px;margin-bottom: 10px;}

    .search_list .item h2 a{font-size: 16px;}

    .resulttext401{height: auto;}



    .layui-form-select dl dd, .layui-form-select dl dt{ font-size: 14px !important;}

}





.layui-form-select dl dd.layui-this{background-color: #f9282b !important;}



.layui-form-checked[lay-skin=primary] i{border-color: #f9282b!important;background-color: #f9282b;}



.layui-form-selected{ z-index: 999 !important;}



.easyzoom-flyout{position: absolute; left: 0px; right:0px; bottom: 0px; top: 0px; z-index: 9; background: #fff;}

.easyzoom-flyout img{ width:auto !important; height: auto !important;}



.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}



.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.platforms a.twitter {

    background-image: url(../images/img60.png);

}







/*20220421新添电视产品808响应*/

/*@media (max-width: 1441px) { */

/*  .Tv806Chipbox1Text { padding-top: 50px; }*/

/*}*/

 /* 20220726新改 */

  



.con1380 { width: 1380px; margin: 0 auto; }



.RefrigeratorList1 { padding: 50px 0 24px; }

.RefrigeratorList1 .tit{width:580px;margin:0 auto;padding:0 10px;max-width:100%;}

.RefrigeratorList1 .tit h5{font-size: 54px;

    text-align: center;

    font-weight: bold;

    line-height: 1.1;

    color: #333333;}

.RefrigeratorList1 .tit .t{font-size: 18px;color: #333333;margin-top:15px}

.RefrigeratorList1 .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden;margin-top:30px; }



.RefrigeratorList1 .top .text { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 50%; background-color: #fff; padding: 0 98px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }



.RefrigeratorList1 .top .text .t1 { font-size: 16px; color: #f9282b; font-weight: bold; }



.RefrigeratorList1 .top .text h5 { font-size: 54px; color: #000; font-weight: bold; line-height: 1.1; }



.RefrigeratorList1 .top .text .t2 { font-size: 18px; color: #828282; line-height: 20px; margin-top: 20px; }



.RefrigeratorList1 .top .text .on { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; }



.RefrigeratorList1 .top .text .on a { display: block; width: 106px; line-height: 44px; height: 48px; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorList1 .top .text .on a:nth-child(1) { border: 2px solid #000; margin-right: 25px; background-color: #000; color: #fff; border-color: #000; }



.RefrigeratorList1 .top .text .on a:nth-child(1):hover { opacity: 0.8; }



.RefrigeratorList1 .top .text .on a:nth-child(2) { line-height: 44px; border: 2px solid #b2b2b2; color: #000; }



.RefrigeratorList1 .top .text .on a:nth-child(2):hover { border-color: #000; }



.RefrigeratorList1 .top .img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 50%; overflow: hidden; }



.RefrigeratorList1 .top .img .pictureBox { padding-top: 72.56894%; position: relative; }



.RefrigeratorList1 .top .img .pictureBox img { position: absolute; top: 50%; left: 50%; object-fit: cover; width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorList1 .top .img .pictureBox:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }



.RefrigeratorList2 { padding-bottom: 115px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.RefrigeratorList2 .box { width: 32.17391%; background-color: #fff; margin-bottom: 24px; text-align: center; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; }



.RefrigeratorList2 .box:not(:nth-child(3n + 1)) { margin-left: 1.73913%; }



.RefrigeratorList2 .box .img { height: 374px; width: 95%; margin: 0 auto; position: relative; }



.RefrigeratorList2 .box .img img { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%; max-height: 90%; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorList2 .box .text { padding: 35px 65px 69px; }



.RefrigeratorList2 .box .text h5 { font-size: 30px; color: #000; font-weight: bold; line-height: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorList2 .box .text .t { font-size: 16px; color: #828282; margin-top: 10px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }



.RefrigeratorList2 .box .text .on { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }



.RefrigeratorList2 .box .text .on a { display: block; width: 106px; height: 48px; line-height: 44px; border: 2px solid #b2b2b2; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; font-size: 14px; color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorList2 .box .text .on a:nth-child(1) { margin-right: 25px; background-color: #000; color: #fff; border: 2px solid #000; border-color: #000; }



.RefrigeratorList2 .box .text .on a:nth-child(1):hover { opacity: 0.8; }



.RefrigeratorList2 .box .text .on a:nth-child(2) { border: 2px solid #b2b2b2; color: #000; }



.RefrigeratorList2 .box .text .on a:nth-child(2):hover { border-color: #000; }



.RefrigeratorList2 .box:hover .img img { -webkit-transform: translate(-50%, -15px); -ms-transform: translate(-50%, -15px); transform: translate(-50%, -15px); }



.RefrigeratorList2 .box:hover .text h5 { color: #f9282b; }



.bxTop { margin-top: 110px; width: 100%; padding: 0 140px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 70px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }



.bxTop .left { font-size: 18px; color: #333; }



.bxTop .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }



.bxTop .right .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.bxTop .right .list a { display: block; font-size: 16px; color: #000; line-height: 68px; border-bottom: 2px solid transparent; margin: 0 12px; padding: 0 10px; }



.bxTop .right .list a.active { color: #e60012; border-bottom-color: #e60012; }



.bxTop .right .Bxbuy { display: block; padding: 0 18px; height: 34px; line-height: 34px; background-color: #e60012; color: #fff; font-size: 16px; -webkit-border-radius: 30px; border-radius: 30px; margin-left: 5px; }



.RefrigeratorXQ1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.RefrigeratorXQ1 .imgbox { width: 50%; overflow: hidden; }



.RefrigeratorXQ1 .imgbox .pictureBox { padding-top: 75.28796%; position: relative; }



.RefrigeratorXQ1 .imgbox .pictureBox img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%;-webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorXQ1 .imgbox:hover .pictureBox img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }



.RefrigeratorXQ1 .text { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 50px; text-align: center; }



.RefrigeratorXQ1 .text .img { max-height: 350px; }



.RefrigeratorXQ1 .text .img img { max-width: 100%; max-height: 100%; }



.RefrigeratorXQ1 .text .RefriXQ1_swiper { width: 100%; padding-bottom: 30px; }



.RefrigeratorXQ1 .text .RefriXQ1_swiper .RefriXQ1_pagination { bottom: 0; text-align: center; width: 100%; font-size: 0px; height: 8px; }



.RefrigeratorXQ1 .text .RefriXQ1_swiper .RefriXQ1_pagination .swiper-pagination-bullet { margin: 0 3px; }



.RefrigeratorXQ1 .text .RefriXQ1_swiper .RefriXQ1_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #e60012; }



.RefrigeratorXQ1 .text h5 { font-size: 48px; color: #000; font-weight: bold; line-height: 1; margin-top: 28px; }



.RefrigeratorXQ1 .text .t { font-size: 18px; color: #828282; line-height: 20px; margin-top: 10px; max-width:100%;}



.RefrigeratorXQ1 .text a { padding: 0 27px; line-height: 48px; display: inline-block; font-size: 14px; background-color: #0b0c16; color: #fff; -webkit-border-radius: 30px; border-radius: 30px; margin-top: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorXQ1 .text a:hover { opacity: 0.8; }



.RefrigeratorXQ2 { padding: 95px 0 20px; background-color: #f7f7f7; }



.RefrigeratorXQ2 .tit { text-align: center; font-size: 36px; color: #000; }



.RefrigeratorXQ2 .con { margin-top: 20px; overflow-x:auto;overflow-y:hidden;}

.RefrigeratorXQ2 .con::-webkit-scrollbar {/*滚动条整体样式*/

    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/

    height: 5px;

}



.RefrigeratorXQ2 .con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 10px;

     box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: #e60012;

}



.RefrigeratorXQ2 .con::-webkit-scrollbar-track {/*滚动条里面轨道*/

    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    border-radius: 10px;

    background: #e9e9e9;

}

.RefrigeratorXQ2 .con table{width:100% !important;}

.RefrigeratorXQ2 .con table th, 

.RefrigeratorXQ2 .con table td{padding:0 15px;}



.RefrigeratorXQ2 .con .box { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 35px 0 75px; border-top: 1px solid #ddd; }



.RefrigeratorXQ2 .con .box .left { width: 339px; font-size: 26px; color: #333; padding-right: 40px; line-height: 1.1; }



.RefrigeratorXQ2 .con .box .lei { height: 66px; overflow: hidden; width: 75.36232%; -webkit-transition: all 1s; transition: all 1s; }



.RefrigeratorXQ2 .con .box .lei .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }



.RefrigeratorXQ2 .con .box .lei .list .li { width: 32.69231%; }



.RefrigeratorXQ2 .con .box .lei .list .li:nth-child(n + 4) { margin-top: 45px; }



.RefrigeratorXQ2 .con .box .lei .list .li h5 { font-size: 18px; color: #333; }



.RefrigeratorXQ2 .con .box .lei .list .li .t { font-size: 16px; color: #a6a6a6; margin-top: 15px; }



.RefrigeratorXQ2 .con .box .lei .list i { position: absolute; top: 5px; right: 4px; width: 10px; cursor: pointer; height: 10px; }



.RefrigeratorXQ2 .con .box .lei .list i::before { content: ""; width: 10px; height: 10px; border-top: 2px solid #999; border-left: 2px solid #999; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 0; left: 0; }



.RefrigeratorXQ2 .con .box .lei .list i.active::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }



.RefrigeratorXQ3 { padding: 95px 0 100px; }



.RefrigeratorXQ3 .tit { font-size: 36px; color: #000; line-height: 1; text-align: center; }



.RefrigeratorXQ3 .con { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.RefrigeratorXQ3 .con .box { border: 1px solid #ebebeb; width: 32.17391%; background-color: #fff; margin-bottom: 24px; text-align: center; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; }



.RefrigeratorXQ3 .con .box:not(:nth-child(3n + 1)) { margin-left: 1.73913%; }



.RefrigeratorXQ3 .con .box .img { height: 374px; width: 95%; margin: 0 auto; position: relative; }



.RefrigeratorXQ3 .con .box .img img { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%; max-height: 90%; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorXQ3 .con .box .text { padding: 35px 65px 69px; }



.RefrigeratorXQ3 .con .box .text h5 { font-size: 30px; color: #000; font-weight: bold; line-height: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorXQ3 .con .box .text .t { font-size: 16px; color: #828282; margin-top: 10px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }



.RefrigeratorXQ3 .con .box .text .on { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }



.RefrigeratorXQ3 .con .box .text .on a { display: block; width: 106px; height: 48px; line-height: 44px; border: 2px solid #b2b2b2; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; font-size: 14px; color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; }



.RefrigeratorXQ3 .con .box .text .on a:nth-child(1) { margin-right: 25px; background-color: #000; color: #fff; border: 2px solid #000; border-color: #000; }



.RefrigeratorXQ3 .con .box .text .on a:nth-child(1):hover { opacity: 0.8; }



.RefrigeratorXQ3 .con .box .text .on a:nth-child(2) { border: 2px solid #b2b2b2; color: #000; }



.RefrigeratorXQ3 .con .box .text .on a:nth-child(2):hover { border-color: #000; }



.RefrigeratorXQ3 .con .box:hover .img img { -webkit-transform: translate(-50%, -15px); -ms-transform: translate(-50%, -15px); transform: translate(-50%, -15px); }



.RefrigeratorXQ3 .con .box:hover .text h5 { color: #f9282b; }



@media (max-width: 1800px) { .bxTop { padding: 0 60px; } }



@media (max-width: 1600px) { .RefrigeratorXQ1 .text .img { max-height: 250px; }

  .RefrigeratorXQ1 .text h5 { font-size: 38px; }

  .RefrigeratorXQ1 .text a { margin-top: 10px; } }



@media (max-width: 1400px) { .con1380 { width: 100%; padding: 0 15px; }

  .RefrigeratorXQ1 .text .img { max-height: 180px; }

  .RefrigeratorXQ1 .text h5 { font-size: 30px; margin-top: 20px; }

  .RefrigeratorXQ1 .text .t { font-size: 16px; line-height: 1.3; margin-top: 5px; }

  .RefrigeratorXQ1 .text a { line-height: 40px; padding: 0 15px; } }



@media (max-width: 1260px) { .bxTop { padding: 0 20px; margin-top: 60px; }

  .RefrigeratorList1 .top .text { padding: 0 40px; }

  .RefrigeratorList1 .top .text h5 { font-size: 42px; }

  .RefrigeratorList1 .top .text .t2 { font-size: 16px; margin-top: 10px; }

  .RefrigeratorList1 .top .text .on { margin-top: 25px; }

  .RefrigeratorList1 .top .text .on a { width: 90px; line-height: 35px; }

  .RefrigeratorList1 .top .text .on a:nth-child(1) { margin-right: 10px; }

  .RefrigeratorList2 .box .text { padding: 30px 50px; }

  .RefrigeratorList2 .box .text .on a { width: 90px; line-height: 34px; height: 38px; }

  .RefrigeratorList2 .box .text .on a:nth-child(2) { line-height: 34px; }

  .RefrigeratorList2 .box .text .on a:nth-child(1) { margin-right: 10px; }

  .RefrigeratorXQ2 .con .box .left { width: 250px; font-size: 20px; }

  .RefrigeratorXQ3 .con .box .text { padding: 30px 50px; }

  .RefrigeratorXQ3 .con .box .text .on a { width: 90px; line-height: 34px; height: 38px; }

  .RefrigeratorXQ3 .con .box .text .on a:nth-child(2) { line-height: 34px; }

  .RefrigeratorXQ3 .con .box .text .on a:nth-child(1) { margin-right: 10px; } 

     .RefrigeratorList1 .tit h5{font-size:42px;}

}



@media (max-width: 992px) { .RefrigeratorList1 .top .text { padding: 0 20px; }
.HonorsList ul li{margin-bottom: 10px;}

  .RefrigeratorList1 .top .text h5 { font-size: 28px; }

  .RefrigeratorList1 .top .text .t2 { font-size: 14px; margin-top: 5px; }

  .RefrigeratorList1 .top .text .on { margin-top: 20px; }

  .RefrigeratorList1 .top .text .on a { width: 80px; }

  .RefrigeratorList2 { padding-bottom: 30px; }

  .RefrigeratorList2 .box .img { height: 300px; }

  .RefrigeratorList2 .box .text { padding: 30px 20px; }

  .RefrigeratorList2 .box .text h5 { font-size: 24px; }

  .RefrigeratorList2 .box .text .t { font-size: 14px; }

  .RefrigeratorList2 .box .text .on { margin-top: 10px; }

  .bxTop { height: 50px; }

  .bxTop .left { font-size: 16px; }

  .bxTop .right .list a { line-height: 48px; font-size: 14px; margin: 0 5px; }

  .bxTop .right .Bxbuy { padding: 0 10px; line-height: 30px; height: 30px; font-size: 14px; }

  .RefrigeratorXQ1 { display: block; }

  .RefrigeratorXQ1 .imgbox { width: 100%; }

  .RefrigeratorXQ1 .text { width: 100%; padding: 30px 10px 20px; }

  .RefrigeratorXQ1 .text .img { max-height: none; }

  .RefrigeratorXQ1 .text .img img { height: 200px; }

  .RefrigeratorXQ1 .text h5 { font-size: 22px; margin-top: 0; }

  .RefrigeratorXQ1 .text .t { font-size: 14px; }

  .RefrigeratorXQ2 { padding: 30px 0; }

  .RefrigeratorXQ2 .tit { font-size: 28px; }

  .RefrigeratorXQ2 .con .box { display: block; padding: 20px 0 50px; }

  .RefrigeratorXQ2 .con .box .left { width: auto; padding-right: 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #333; }

  .RefrigeratorXQ2 .con .box .lei { margin-top: 20px; width: 100%; }

  .RefrigeratorXQ3 { padding: 30px 0; }

  .RefrigeratorXQ3 .tit { font-size: 28px; }

  .RefrigeratorXQ3 .con .box .img { height: 300px; }

  .RefrigeratorXQ3 .con .box .text { padding: 30px 20px; }

  .RefrigeratorXQ3 .con .box .text h5 { font-size: 24px; }

  .RefrigeratorXQ3 .con .box .text .t { font-size: 14px; }

  .RefrigeratorXQ3 .con .box .text .on { margin-top: 10px; } 

  .RefrigeratorList1 .top{margin-top:20px}

    .RefrigeratorList1 .tit h5{font-size:28px;}

    .RefrigeratorList1 .tit .t{font-size:14px;margin-top:5px;}

    .Tv680AIControl h3{font-size: 24px;}
    .Tv680AIControl .desc {
      font-size: 14px;
      line-height: 20px;
      margin-top: 20px;
  }
  

}



@media (max-width: 768px) { .RefrigeratorList1 .top { display: block; }

  .RefrigeratorList1 .top .img { width: 100%; }

  .RefrigeratorList1 .top .text { width: 100%; padding: 30px 20px; }

  .RefrigeratorList1 .top .text .on { margin-top: 20px; }

  .RefrigeratorList1 .top .text .on a { width: 80px; }

  .RefrigeratorList2 .box { width: 49%; margin-bottom: 10px; }

  .RefrigeratorList2 .box:not(:nth-child(3n + 1)) { margin-left: 0; }

  .RefrigeratorList2 .box:not(:nth-child(2n + 1)) { margin-left: 2%; }

  .RefrigeratorXQ2 .con .box { position: relative; padding: 20px 0; }

  .RefrigeratorXQ2 .con .box .lei { height: auto; margin-top: 0; }

  .RefrigeratorXQ2 .con .box .lei .list { display: none; margin-top: 20px; }

  .RefrigeratorXQ2 .con .box .lei .list .li { width: 48%; }

  .RefrigeratorXQ2 .con .box .lei .list .li:nth-child(n+3) { margin-top: 20px; }

  .RefrigeratorXQ2 .con .box .lei .list .li:nth-child(n+4) { margin-top: 20px; }

  .RefrigeratorXQ2 .con .box .lei .list .li .t { margin-top: 5px; }

  .RefrigeratorXQ2 .con .box .lei .list .li h5 { font-size: 16px; }

  .RefrigeratorXQ2 .con .box .lei .list i { display: none; pointer-events:none;}

  .RefrigeratorXQ2 .con .box i { position: absolute; top: 30px; right: 4px; width: 10px; cursor: pointer; height: 10px; }

  .RefrigeratorXQ2 .con .box i::before { content: ""; width: 10px; height: 10px; border-top: 2px solid #999; border-left: 2px solid #999; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 0; left: 0; }

  .RefrigeratorXQ2 .con .box i.active::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

  .RefrigeratorXQ3 .con .box { width: 49%; margin-bottom: 10px; }

  .RefrigeratorXQ3 .con .box:not(:nth-child(3n + 1)) { margin-left: 0; }

  .RefrigeratorXQ3 .con .box:not(:nth-child(2n + 1)) { margin-left: 2%; }

   .RefrigeratorList1 .tit .t{font-size:14px}
   .Tv680AIControlbox{height: auto;background-size: 100%;}
   .Tv680AIControl{padding-top: 70%;}
   .Tv680AIControl h3{color: #000;}
   .Tv680AIControl .desc{color: #000;}
  }



@media (max-width: 465px) { .RefrigeratorList1 { padding: 30px 0; }

  .RefrigeratorList1 .top { display: block; }

  .RefrigeratorList1 .top .img { width: 100%; }

  .RefrigeratorList1 .top .text { width: 100%; padding: 20px 10px; }

  .RefrigeratorList1 .top .text .t1 { font-size: 12px; }

  .RefrigeratorList1 .top .text h5 { font-size: 20px; }

  .RefrigeratorList1 .top .text .on { margin-top: 15px; }

  .RefrigeratorList1 .top .text .on a { width: 80px; line-height: 30px; }

  .RefrigeratorList2 .box { width: 100%; }

  .RefrigeratorList2 .box .img { height: 200px; }

  .RefrigeratorList2 .box:not(:nth-child(2n + 1)) { margin-left: 0; }

  .RefrigeratorList2 .box .text h5 { font-size: 20px; }

  .RefrigeratorList2 .box .text .t { margin-top: 5px; }

  .RefrigeratorList2 .box .text .on a { width: 80px; line-height: 30px; height: 34px; }

  .RefrigeratorList2 .box .text .on a:nth-child(2) { line-height: 30px; }

  .bxTop { display: block; height: auto; padding: 10px 10px 0; }

  .bxTop .left { font-size: 16px; text-align: center; font-weight: bold; }

  .bxTop .right { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

  .bxTop .right .list a { line-height: 48px; font-size: 14px; margin: 0 5px; }

  .bxTop .right .Bxbuy { padding: 0 10px; line-height: 30px; height: 30px; font-size: 14px; }

  .RefrigeratorXQ2 .tit { font-size: 24px; }

  .RefrigeratorXQ2 .con .box .left { font-size: 18px; }

  .RefrigeratorXQ2 .con .box .lei .list .li { width: 100%; }

  .RefrigeratorXQ2 .con .box .lei .list .li:nth-child(n+2) { margin-top: 10px; }

  .RefrigeratorXQ2 .con .box .lei .list .li:nth-child(n+3) { margin-top: 10px; }

  .RefrigeratorXQ2 .con .box .lei .list .li:nth-child(n+4) { margin-top: 10px; }

  .RefrigeratorXQ2 .con .box .lei .list .li .t { font-size: 14px; }

  .RefrigeratorXQ3 .tit { font-size: 24px; }

  .RefrigeratorXQ3 .con .box { width: 100%; }

  .RefrigeratorXQ3 .con .box .img { height: 200px; }

  .RefrigeratorXQ3 .con .box:not(:nth-child(2n + 1)) { margin-left: 0; }

  .RefrigeratorXQ3 .con .box .text h5 { font-size: 20px; }

  .RefrigeratorXQ3 .con .box .text .t { margin-top: 5px; }

  .RefrigeratorXQ3 .con .box .text .on a { width: 80px; line-height: 30px; height: 34px; }

  .RefrigeratorXQ3 .con .box .text .on a:nth-child(2) { line-height: 30px; } 

     .RefrigeratorList1 .tit h5{font-size:20px;}

}



.con1600 { width: 1600px; margin: 0 auto; }



.con1200 { width: 1200px; margin: 0 auto; }



.Furniture { padding: 120px 0 160px; }



.Furniture .con1600 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }



.Furniture .con1600 .left { width: 17.5%; }



.Furniture .con1600 .left .Reset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 15px; cursor: pointer; }



.Furniture .con1600 .left .Reset h5 { font-size: 16px; color: #333; }



.Furniture .con1600 .left .Reset img { width: 16px; margin-left: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }



.Furniture .con1600 .left .Reset.active img { -webkit-animation: wo linear 2s alternate; animation: wo linear 2s alternate; }



.Furniture .con1600 .left .list h5 { font-size: 18px; color: #333; padding: 15px 0; border-top: 2px solid #000; -webkit-transition: all 0.3s; transition: all 0.3s; }



.Furniture .con1600 .left .list h5.active { color: #f9282b; }



.Furniture .con1600 .left .list .t { border-top: 1px solid #e5e5e5; padding: 32px 0; }



.Furniture .con1600 .left .list .t .li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }



.Furniture .con1600 .left .list .t .li:nth-child(n + 2) { margin-top: 20px; }



.Furniture .con1600 .left .list .t .li i { width: 16px; height: 16px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; margin-right: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }



.Furniture .con1600 .left .list .t .li p { font-size: 16px; color: #999; line-height: 1; }



.Furniture .con1600 .left .list .t .li.active i { border-color: #333; background: #333 url(../images/Furnicon2.png) no-repeat center center; }



.Furniture .con1600 .left .list:last-child .t { border-bottom: 1px solid #e5e5e5; }



.Furniture .con1600 .right { width: 77.5%; }

.Furniture .con1600{max-width: 1400px;}

.Furniture.FurnitureTWO .con1600 .right {width:100%;}



.Furniture .con1600 .right .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 5; }



.Furniture .con1600 .right .top .zuo { font-size: 16px; color: #333; }



.Furniture .con1600 .right .top .you { position: relative; }



.Furniture .con1600 .right .top .you h5 { font-size: 16px; color: #333; position: relative; padding-right: 23px; cursor: pointer; }



.Furniture .con1600 .right .top .you h5::before { content: ""; width: 8px; height: 8px; border-right: 2px solid #000; border-bottom: 2px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 5px; right: 0; }



.Furniture .con1600 .right .top .you .Lhide { padding: 10px 0; border: 1px solid #999; background-color: #fff; -webkit-box-shadow: 0 5px 5px #999; box-shadow: 0 5px 5px #999; position: absolute; top: 100%; right: 0; min-width: 100%; display: none; }



.Furniture .con1600 .right .top .you .Lhide .t { padding: 0 10px; width: auto; white-space: nowrap; font-size: 14px; color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; line-height: 35px; }



.Furniture .con1600 .right .top .you .Lhide .t:hover { background-color: rgba(0, 0, 0, 0.1); }



.Furniture .con1600 .right .bot { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.Furniture .con1600 .right .bot .box { width: 32.25806%; margin-bottom: 40px; position: relative; overflow: hidden; padding: 40px; background-color: #f8f8f8; }



.Furniture .con1600 .right .bot .box:not(:nth-child(3n + 1)) { margin-left: 1.6129%; }



.Furniture .con1600 .right .bot .box .img { width: 100%; border-bottom: 1px solid #d2d2d2; }



.Furniture .con1600 .right .bot .box .img .pictureBox { padding-top: 112.5%; position: relative; }



.Furniture .con1600 .right .bot .box .img .pictureBox img { position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }



.Furniture .con1600 .right .bot .box .text { padding-top: 35px; }



.Furniture .con1600 .right .bot .box .text h5 { font-size: 30px; color: #000; line-height: 1; }



.Furniture .con1600 .right .bot .box .text .t { font-size: 16px; color: #828282; margin-top: 15px; }



.Furniture .con1600 .right .bot .box .text .t1 { font-size: 16px; color: #828282; }



.Furniture .con1600 .right .bot .box .text .t1 p { display: inline-block; }



.Furniture .con1600 .right .bot .box .text .t1 .color { display: inline-block; }



.Furniture .con1600 .right .bot .box .text .t1 .color i { width: 15px; height: 15px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 10px; display: inline-block; }



.Furniture .con1600 .right .bot .box .text .on { margin-top: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.Furniture .con1600 .right .bot .box .text .on a { display: block; width: 106px; height: 48px; line-height: 44px; border: 2px solid #b2b2b2; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; font-size: 14px; color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; }



.Furniture .con1600 .right .bot .box .text .on a:nth-child(1) { margin-right: 25px; background-color: #000; color: #fff; border: 2px solid #000; border-color: #000; }



.Furniture .con1600 .right .bot .box .text .on a:nth-child(1):hover { opacity: 0.8; }



.Furniture .con1600 .right .bot .box .text .on a:nth-child(2) { border: 2px solid #b2b2b2; color: #000; }



.Furniture .con1600 .right .bot .box .text .on a:nth-child(2):hover { border-color: #000; }



.Furniture .con1600 .right .bot .box:hover .img .pictureBox img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }



.Furniture .con1600 .right .more { width: 180px; line-height: 54px; border: 1px solid #dcdcdc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; margin: 20px auto 0; color: #333; -webkit-transition: all 0.3; transition: all 0.3; }



.Furniture .con1600 .right .more i { width: 12px; height: 12px; position: relative; margin-left: 10px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; }



.Furniture .con1600 .right .more i::before { content: ""; width: 100%; height: 2px; background-color: #000; top: 5px; left: 0; position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; }



.Furniture .con1600 .right .more i::after { content: ""; width: 2px; height: 100%; background-color: #000; top: 0; left: 5px; position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; }



.Furniture .con1600 .right .more:hover { background-color: #000; border-color: #000; color: #fff; }



.Furniture .con1600 .right .more:hover i::before { background-color: #fff; }



.Furniture .con1600 .right .more:hover i::after { background-color: #fff; }



@-webkit-keyframes wo { from { -webkit-transform: rotate(0); transform: rotate(0); }

  to { -webkit-transform: rotate(1000deg); transform: rotate(1000deg); } }



@keyframes wo { from { -webkit-transform: rotate(0); transform: rotate(0); }

  to { -webkit-transform: rotate(1000deg); transform: rotate(1000deg); } }



.FurnitureXQtit h5 { font-size: 60px; font-weight: bold; line-height: 1; color: #333; }



.FurnitureXQtit .t { font-size: 24px; color: #333; }



.FurnitureXQ1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #f5f5f5; }



.FurnitureXQ1 .left { overflow: hidden; width: 50%; position: relative; }



.FurnitureXQ1 .left .tabItem { position: absolute; top: 0; left: 0; display: none; }



.FurnitureXQ1 .left .tabItem.active { position: static; display: block; }



.FurnitureXQ1 .left .tabItem .pictureBox { padding-top: 85.41667%; position: relative; }



.FurnitureXQ1 .left .tabItem .pictureBox img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }



.FurnitureXQ1 .right { width: 50%; background-color: #f5f5f5; }



.FurnitureXQ1 .right .con { width: 500px; margin-top: 110px; margin-left: 98px; }



.FurnitureXQ1 .right .con h5 { font-size: 60px; color: #333; line-height: 1; font-weight: bold; }



.FurnitureXQ1 .right .con .t1 { font-size: 24px; font-weight: bold; color: #333; margin-top: 50px; padding-bottom: 15px; border-bottom: 2px solid #000; }



.FurnitureXQ1 .right .con .FurnXQ1TabBar { margin: 40px 0; }



.FurnitureXQ1 .right .con .FurnXQ1TabBar .tabTerm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; }



.FurnitureXQ1 .right .con .FurnXQ1TabBar .tabTerm i { width: 16px; height: 16px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }



.FurnitureXQ1 .right .con .FurnXQ1TabBar .tabTerm span { font-size: 18px; color: #333; padding-left: 9px; line-height: 1; }



.FurnitureXQ1 .right .con .FurnXQ1TabBar .tabTerm.active i { background: #333 url(../images/Furnicon2.png) no-repeat center center; }



.FurnitureXQ1 .right .con .FurnXQ1TabBar .tabTerm:nth-child(n + 2) { margin-top: 20px; }



.FurnitureXQ1 .right .con .text1 { padding: 32px 0; border-top: 1px solid #dcdcdc; }



.FurnitureXQ1 .right .con .text1 .t2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.FurnitureXQ1 .right .con .text1 .t2 span { font-size: 16px; color: #333; font-weight: bold; line-height: 30px; }



.FurnitureXQ1 .right .con .text1 .t2 .color { font-size: 16px; color: #333; font-weight: bold; line-height: 30px; margin-left: 35px; }



.FurnitureXQ1 .right .con .text1 .t2 .color i { width: 15px; height: 15px; margin-left: 10px; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; }



.FurnitureXQ1 .right .con .text2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; color: #333; }



.FurnitureXQ1 .right .con .text2 .tit { font-weight: bold; }



.FurnitureXQ1 .right .con .text2 .t3 { padding-left: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }



.FurnitureXQ2 .FurnXQ2TabBar { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }



.FurnitureXQ2 .FurnXQ2TabBar .tabTerm { cursor: pointer; font-size: 16px; color: #333; line-height: 87px; border-bottom: 3px solid transparent; margin: 0 30px; -webkit-transition: all 0.3s; transition: all 0.3s; }



.FurnitureXQ2 .FurnXQ2TabBar .tabTerm.active { color: #e60012; border-bottom-color: #e60012; }



.FurnitureXQ2 .FurnXQ2TabCont { position: relative; }



.FurnitureXQ2 .FurnXQ2TabCont .tabItem { position: absolute; top: 0; left: 0; display: none; }



.FurnitureXQ2 .FurnXQ2TabCont .tabItem.active { position: static; display: block; }



.FurnitureXQ2 .FurnXQ2TabCont .tabItem img { width: 100%; }



.FurnitureXQ2 .FurnXQ2TabCont .tabItem .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; }



.FurnitureXQ2 .FurnXQ2TabCont .tabItem .text h5 { color: #fff; }



.FurnitureXQ2 .FurnXQ2TabCont .tabItem .text .t { color: #fff; margin-top: 30px; }



.FurnitureXQ3 { padding: 120px 0 250px; }



.FurnitureXQ3 .FurnitureXQtit { text-align: center; }



.FurnitureXQ3 .FurnitureXQtit .t { margin-top: 30px; }



.FurnitureXQ3 .con { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }



.FurnitureXQ3 .con .box { background-color: #f5f5f5; -webkit-border-radius: 24px; border-radius: 24px; text-align: center; padding: 50px 0 55px; width: 31.66667%; }



.FurnitureXQ3 .con .box:not(:first-child) { margin-left: 2.5%; }



.FurnitureXQ3 .con .box .icon { max-width: 64px; text-align: center; margin: 0 auto; height: 60px; -webkit-transition: all 0.3s; transition: all 0.3s; }



.FurnitureXQ3 .con .box .icon img { max-width: 100%; max-height: 100%; }



.FurnitureXQ3 .con .box h5 { font-size: 30px; color: #333; font-weight: bold; margin-top: 40px; line-height: 1; }



.FurnitureXQ3 .con .box .t { font-size: 18px; color: #333; margin-top: 10px; }



.FurnitureXQ3 .con .box:hover .icon { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }



.FurnitureXQ4 { width: 100%; position: -webkit-sticky; position: sticky; height: 100vh;  z-index: 100; }

.FurnitureXQ4 .bj{

       position: absolute;

        top: -130px;

        left: 0;

        width: 100%;

        height: calc(100% + 130px);

}

.FurnitureXQ4 .bj img { width: 100%; object-fit: cover; height: 100%; }



.FurnitureXQ4 .tit { position: absolute; right: 99px; top: 23.8%; font-size: 160px; color: #b6b5b5; font-weight: bold; line-height: 0.7; }



.FurnitureXQ4 .numBox { position: absolute; top: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; width: 345px; height: 345px; text-align: center; background-color: #e60012; -webkit-border-radius: 50%; border-radius: 50%; }



.FurnitureXQ4 .numBox .num { display: block; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; font-size: 100px; color: #fff; line-height: 345px; }



.FurnitureXQ4 .numBox .num.active { opacity: 1; }



.FurnitureXQ4 .numBox .num .numBoxi { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }



.FurnitureXQ4 .numBox .num .numBoxi::before { content: ""; width: 448px; height: 448px; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0.8; border: 1px solid #e5e5e5; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.FurnitureXQ4 .numBox .num .numBoxi::after { content: ""; width: 560px; height: 560px; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0.4; border: 1px solid #e5e5e5; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.FurnitureXQ4 .imgBox { width: 50%; position: absolute; left: 0; bottom: 0; z-index: 1; height: 76.85%; overflow: hidden; }



.FurnitureXQ4 .imgBox .img { height: 100%; position: absolute; width: 100%; overflow: hidden; }



.FurnitureXQ4 .imgBox .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; height: 100%; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; object-fit: cover; }



.FurnitureXQ4 .imgBox .img.active { display: block; }



.FurnitureXQ4 .textBox { position: absolute; top: 60%; left: 55.5%; min-width: 500px; }



.FurnitureXQ4 .textBox .text { position: absolute; top: 0; left: 0; opacity: 0; }



.FurnitureXQ4 .textBox .text.active { opacity: 1; }



.FurnitureXQ4 .textBox .text h5 { color: #fff; }



.FurnitureXQ4 .textBox .text .t { color: #fff; margin-top: 30px; }



.FurnitureXQ5 { padding: 120px 0; background-color: #f5f5f5; }



.FurnitureXQ5 .FurnitureXQtit { text-align: center; }



.FurnitureXQ5 .FurnitureXQtit .t { margin-top: 30px; line-height: 48px; }



.FurnitureXQ5 .img { margin-top: 55px; }



.FurnitureXQ5 .img img { width: 100%; }



.FurnitureXQ6 { padding-top: 80px; }



.FurnitureXQ6 .con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 75px; border-bottom: 1px solid #e5e5e5; }



.FurnitureXQ6 .con .box { text-align: center; }



.FurnitureXQ6 .con .box .icon { width: 73px; height: 69px; text-align: center; margin: 0 auto; }



.FurnitureXQ6 .con .box .icon img { max-width: 100%; max-height: 100%; }



.FurnitureXQ6 .con .box h5 { margin-top: 35px; font-size: 22px; color: #333; line-height: 1.2; font-weight: bold; }



.FurnitureXQ6 .con .box .t { font-size: 18px; color: #333; margin-top: 10px; }



.FurnitureXQ7 { background-color: #fff; padding: 120px 0; overflow-x: hidden; }



.FurnitureXQ7 .FurnitureXQtit { text-align: center; }



.FurnitureXQ7 .FurnitureXQtit .t { margin-top: 30px; }



.FurnitureXQ7 .FurnXQ7conBox { width: 100%; z-index: 10; margin-top: 55px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left { display: block; overflow-y: auto; overflow-x: hidden; position: relative; z-index: 0; width: 50%; padding-left: 18.75%; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei { width: 87.443%; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box { padding-bottom: 60px; border-bottom: 1px solid #e5e5e5; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box h5 { font-size: 30px; color: #333; font-weight: bold; line-height: 1; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box h5 span { font-size: 36px; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box .t { font-size: 18px; color: #333; line-height: 30px; margin-top: 10px; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box .img { margin-top: 35px; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box .img img { width: 100%; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box:first-child { padding-top: 40px; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box:not(:first-child) { padding-top: 60px; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left::-webkit-scrollbar { display: none; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Right { width: 50%; height: 100vh; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Right .img { width: 100%; height: 100%; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Right .img img { min-width: 100%; min-height: 100%; object-fit: cover; height: 100%; }



.FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Right .theiaStickySidebar { height: 100vh !important; }



.FurnitureXQ8 { position: relative; }



.FurnitureXQ8 .img img { width: 100%; }



.FurnitureXQ8 .FurnitureXQtit { position: absolute; width: 100%; text-align: center; padding: 0 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.FurnitureXQ8 .FurnitureXQtit h5 { color: #fff; }



.FurnitureXQ8 .FurnitureXQtit .t { color: #fff; margin-top: 30px; }



.FurnitureXQ9 { padding: 100px 0 148px; }



.FurnitureXQ9 img { width: 100%; }



/*20220728*/

.commonClass_prev,.commonClass_next{

	width: 15px;

	height: 15px;

    display: inline-block;

    border:2px solid transparent;

    background-repeat: no-repeat;

    background-size: cover;

    cursor: pointer;

	top:23px;

	margin-top: 0;

	transform: rotate(45deg);

	opacity: 1!important;

}

.commonClass_prev{left: -20px;border-left-color:#333;border-bottom-color:#333;}

.commonClass_next{right: -20px;border-top-color:#333;border-right-color:#333;}

.commonClass_prev:hover{left: -20px;border-left-color:#f9282b;border-bottom-color:#f9282b;}

.commonClass_next:hover{right: -20px;border-top-color:#f9282b;border-right-color:#f9282b;}



@media (max-width: 1600px) { .con1600 { width: 100%; padding: 0 15px; }

  .FurnitureXQ1 .right .con { margin-top: 30px; margin-left: 30px; }

  .FurnitureXQ1 .right .con h5 { font-size: 50px; }

  .FurnitureXQ1 .right .con .t1 { margin-top: 30px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left { padding-left: 8%; } }



@media (max-width: 1440px) { .Furniture { padding: 100px 0; }

  .FurnitureXQ1 .right .con { width: auto; margin: 20px 10px; }

  .FurnitureXQ1 .right .con h5 { font-size: 38px; }

  .FurnitureXQ1 .right .con .t1 { margin-top: 15px; font-size: 18px; }

  .FurnitureXQ1 .right .con .FurnXQ1TabBar { margin: 20px 0; }

  .FurnitureXQ1 .right .con .FurnXQ1TabBar .tabTerm span { font-size: 16px; }

  .FurnitureXQ1 .right .con .FurnXQ1TabBar .tabTerm:nth-child(n + 2) { margin-top: 10px; }

  .FurnitureXQ1 .right .con .text1 { padding: 15px 0; }

  .FurnitureXQ1 .right .con .text1 .t2 span { font-size: 14px; }

  .FurnitureXQ1 .right .con .text1 .t2 .color { font-size: 14px; margin-left: 25px; }

  .FurnitureXQ1 .right .con .text2 { font-size: 14px; }

  .FurnitureXQ4 .tit { font-size: 120px; }

  .FurnitureXQ4 .numBox { width: 300px; height: 300px; top: 75px; }

  .FurnitureXQ4 .numBox .num .numBoxi::before { width: 360px; height: 360px; }

  .FurnitureXQ4 .numBox .num .numBoxi::after { width: 460px; height: 460px; }

  .FurnitureXQ4 .imgBox { height: 70%; }

  .FurnitureXQ4 .textBox .text .t { margin-top: 15px; font-size: 22px; }

  .FurnitureXQtit h5 { font-size: 48px; } }



@media (max-width: 1220px) { .Furniture { padding: 80px 0; }

  .Furniture .con1600 .left .list h5 { font-size: 16px; padding: 10px 0; }

  .Furniture .con1600 .left .list .t { padding: 20px 0; }

  .Furniture .con1600 .right .bot .box { padding: 20px; }

  .Furniture .con1600 .right .bot .box .text { padding-top: 20px; }

  .Furniture .con1600 .right .bot .box .text h5 { font-size: 24px; }

  .Furniture .con1600 .right .bot .box .text .t { font-size: 14px; }

  .Furniture .con1600 .right .bot .box .text .t1 { font-size: 14px; }

  /* .Furniture .con1600 .right .bot .box .text .t1 .color { margin-left: 15px; } */

  .Furniture .con1600 .right .bot .box .text .t1 .color i { margin-left: 8px; }

  .Furniture .con1600 .right .bot .box .text .on { margin-top: 20px; }

  .Furniture .con1600 .right .bot .box .text .on a { width: 90px; line-height: 35px; height: 39px; }

  .Furniture .con1600 .right .bot .box .text .on a:nth-child(1) { margin-right: 10px; }

  .con1200 { width: 100%; padding: 0 15px; }

  .FurnitureXQ4 .tit { right: 50px; font-size: 110px; }
  .Tv680AppStorebox dl dd{padding: 20px 0 0 50px;}

}



@media (max-width: 992px) { .Furniture { padding: 30px 0; }

  .Furniture .con1600 { display: block; }

  .Furniture .con1600 .left { width: 100%; }

  .Furniture .con1600 .left .list h5 { font-size: 16px; padding: 10px 0; }

  .Furniture .con1600 .left .list .t { padding: 15px 0; }

  .Furniture .con1600 .left .list .t .li p { font-size: 14px; }

  .Furniture .con1600 .left .list .t .li:nth-child(n + 2) { margin-top: 10px; }

  .Furniture .con1600 .right { width: 100%; margin-top: 20px; }

  .Furniture .con1600 .right .bot .box { margin-bottom: 10px; }

  .Furniture .con1600 .right .bot .box .text { padding-top: 15px; }

  .Furniture .con1600 .right .bot .box .text h5 { font-size: 20px; }

  .Furniture .con1600 .right .bot .box .text .t { margin-top: 10px; }

  /* .Furniture .con1600 .right .bot .box .text .t1 .color { margin-left: 10px; } */

  .Furniture .con1600 .right .bot .box .text .t1 .color i { margin-left: 5px; }

  .Furniture .con1600 .right .bot .box .text .on { margin-top: 15px; }

  .Furniture .con1600 .right .bot .box .text .on a { width: 80px; }

  .Furniture .con1600 .right .more { width: 150px; line-height: 45px; font-size: 16px; }

  .FurnitureXQ1 { display: block; }

  .FurnitureXQ1 .left { width: 100%; }

  .FurnitureXQ1 .right { width: 100%; }

  .FurnitureXQ1 .right .con { margin: 0; padding: 20px 10px; }

  .FurnitureXQ1 .right .con h5 { font-size: 28px; }

  .FurnitureXQ1 .right .con .t1 { margin-top: 10px; font-size: 16px; }

  .FurnitureXQ1 .right .con .FurnXQ1TabBar .tabTerm span { font-size: 14px; }

  .FurnitureXQtit h5 { font-size: 48px; }

  .FurnitureXQtit .t { font-size: 18px; margin-top: 15px !important; }

  .FurnitureXQ2 .FurnXQ2TabBar .tabTerm { line-height: 60px; }

  .FurnitureXQ3 { padding: 50px 0; }

  .FurnitureXQ3 .con .box h5 { font-size: 22px; }

  .FurnitureXQ3 .con .box .t { font-size: 16px; }

   .FurnitureXQ4 .bj{top:0;height:100vh;}

  .FurnitureXQ4 .tit { top: 14%; font-size: 80px; }

  .FurnitureXQ4 .imgBox { height: 50%; width: 100%; }

  .FurnitureXQ4 .numBox { width: 180px; height: 180px; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

  .FurnitureXQ4 .numBox .num { line-height: 180px; font-size: 75px; }

  .FurnitureXQ4 .numBox .num .numBoxi::before { width: 230px; height: 230px; }

  .FurnitureXQ4 .numBox .num .numBoxi::after { width: 320px; height: 320px; }

  .FurnitureXQ4 .textBox { top: 14%; left: 5%; }

  .FurnitureXQ5 { padding: 30px 0; }

  .FurnitureXQ5 .FurnitureXQtit .t { line-height: 1.3; }

  .FurnitureXQ5 .img { margin-top: 30px; }

  .FurnitureXQ6 { padding-top: 30px; }

  .FurnitureXQ6 .con { padding-bottom: 30px; }

  .FurnitureXQ6 .con .box h5 { font-size:20px; margin-top: 20px; }

  .FurnitureXQ6 .con .box .t { font-size: 16px; }

  .FurnitureXQ7 { padding: 30px 0; }

  .FurnitureXQ7 .FurnXQ7conBox { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Right { width: 100%; height: auto; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Right .theiaStickySidebar { height: auto !important; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Right .img { height: auto; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Right .img img { width: 100%; height: auto; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; padding: 20px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei { width: 100%; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box { padding-bottom: 20px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box:not(:first-child) { padding-top: 30px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box:first-child { padding-top: 0; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box .img { margin-top: 20px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box h5 { font-size: 24px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box h5 span { font-size: 30px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box .t { font-size: 16px; }

  .FurnitureXQ9 { padding: 30px 0; } }



@media (max-width: 765px) { .Furniture .con1600 .right .top { display: block; }

  .Furniture .con1600 .right .top .you { margin-top: 10px; }

  .Furniture .con1600 .right .bot .box { width: 49%; }

  .Furniture .con1600 .right .bot .box:not(:nth-child(3n + 1)) { margin-left: 0; }

  .Furniture .con1600 .right .bot .box:not(:nth-child(2n + 1)) { margin-left: 2%; }

  .Furniture .con1600 .right .more { width: 120px; line-height: 40px; font-size: 14px; }

  .FurnitureXQ1 .right .con h5 { font-size: 20px; }

  .FurnitureXQ1 .right .con .t1 { font-size: 14px; padding-bottom: 5px; }

  .FurnitureXQtit h5 { font-size: 38px; }

  .FurnitureXQtit .t { font-size: 16px; }

  .FurnitureXQ2 .FurnXQ2TabBar .tabTerm { line-height: 50px; }

  .FurnitureXQ3 .con .box { padding: 30px 0; }

  .FurnitureXQ3 .con .box .icon { max-width: 50px; height: 50px; }

  .FurnitureXQ3 .con .box h5 { font-size: 18px; margin-top: 15px; }

  .FurnitureXQ3 .con .box .t { font-size: 14px; }

  .FurnitureXQ4 .tit { top: 30%; font-size: 60px; }

  .FurnitureXQ4 .numBox { width: 150px; height: 150px; }

  .FurnitureXQ4 .numBox .num { line-height: 150px; font-size: 60px; }

  .FurnitureXQ4 .numBox .num .numBoxi::before { width: 200px; height: 200px; }

  .FurnitureXQ4 .numBox .num .numBoxi::after { width: 250px; height: 250px; }

  .FurnitureXQ4 .textBox { top: 10%; left: 2%; }

  .FurnitureXQ6 .con { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

  .FurnitureXQ6 .con .box { width: 50%; margin-bottom: 20px; }

  .FurnitureXQ6 .con .box h5 {  margin-top: 15px; }

  .FurnitureXQ6 .con .box .t { font-size: 16px; } }



@media (max-width: 560px) { .FurnitureXQ3 { padding: 30px 0 20px; }

  .FurnitureXQ3 .con { margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

  .FurnitureXQ3 .con .box { width: 49%; padding: 20px 10px; margin-bottom: 10px; }

  .FurnitureXQ3 .con .box:not(:first-child) { margin-left: 2%; }

  .FurnitureXQ3 .con .box h5 { font-size: 16px; }

  .FurnitureXQ3 .con .box .t { margin-top: 5px; font-size: 12px; }

  .FurnitureXQ7 { padding-bottom: 10px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left { padding: 20px 10px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box:not(:first-child) { padding-top: 20px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box .img { margin-top: 15px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box h5 { font-size: 18px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box h5 span { font-size: 22px; }

  .FurnitureXQ7 .FurnXQ7conBox .FurnXQ7Left .hei .box .t { font-size: 14px; margin-top: 5px; line-height: 1.3; }

  .FurnitureXQ8 .FurnitureXQtit .t { margin-top: 5px !important; } }



@media (max-width: 465px) {
  .productTvInfobox .productTvSize{padding-left: 80px;}
   .Furniture .con1600 .right .bot .box { width: 100%; }

  .Furniture .con1600 .right .bot .box .img .pictureBox { padding-top: 80%; }

  .Furniture .con1600 .right .bot .box:not(:nth-child(2n + 1)) { margin-left: 0; }

  .Furniture .con1600 .right .bot .box .text h5 { font-size: 18px; }

  .Furniture .con1600 .right .more { width: 90px; font-size: 12px; margin: 10px auto 0; }

  .Furniture .con1600 .right .more i { width: 10px; height: 10px; }

  .Furniture .con1600 .right .more i::before { top: 4px; }

  .Furniture .con1600 .right .more i::after { left: 4px; }

  .FurnitureXQtit h5 { font-size: 18px; }

  .FurnitureXQtit .t { font-size: 14px; margin-top: 10px !important; }

  .FurnitureXQ2 .FurnXQ2TabBar .tabTerm { line-height: 40px; font-size: 14px; }

  .FurnitureXQ4 .tit { top: 30%; font-size: 60px; }

  .FurnitureXQ4 .numBox { width: 110px; height: 110px; }

  .FurnitureXQ4 .numBox .num { line-height: 110px; font-size: 50px; }

  .FurnitureXQ4 .numBox .num .numBoxi::before { width: 140px; height: 140px; }

  .FurnitureXQ4 .numBox .num .numBoxi::after { width: 180px; height: 180px; }

  .FurnitureXQ4 .textBox { top: 5%;max-width:100%;min-width:100%; }

  .FurnitureXQ4 .textBox .text{width:100%;}

  .FurnitureXQ6 .con .box { margin-bottom: 15px; }

  .FurnitureXQ6 .con .box .icon { width: 60px; height: 60px; }

  .FurnitureXQ6 .con .box h5 { font-size: 14px; margin-top: 10px; }

  .FurnitureXQ6 .con .box .t { font-size: 14px; } 

  /* 20220926 */
  .l-Tv315ChipConBoxText{top: 20%;}
  .l-Tv315ChipConBoxText .t1{font-size: 18px;line-height: 22px;}
}

 /*// 20220822新添812功能*/
  
 .l-Tv812Chipbox.LNew { background-color: #000; }

 .l-Tv812Chipbox.LNew .bjImg .text { position: absolute; bottom: 0; left: 0; }
 
 .l-Tv812Chipbox.LNew .cp img { position: absolute; bottom: 0; left: 0; }
 
 .l-Tv812Chipbox.LNew .cp img.Lhide { display: none; }
 
 .l-Tv812Chipbox.LNew .cp .on { width: 150px; position: absolute; right: 10%; bottom: 100px; padding: 5px; cursor: pointer; }
 
 .l-Tv812Chipbox.LNew .cp .on img { margin: 0 auto; position: static; }
 
 .l-Tv812Chipbox.LNew .cp .on .dianji { width: 32px; height: 32px; top: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: dianji1 0.6s linear infinite alternate; animation: dianji1 0.6s linear infinite alternate; }
 
 @-webkit-keyframes dianji1 { from { top: 100%; }
   to { top: 90%; } }
 
 @keyframes dianji1 { from { top: 100%; }
   to { top: 90%; } }
 
 .Tv315Chipbox.LNew { position: relative; background-color: #000; }
 
 .Tv315Chipbox.LNew .Tv315Chip { position: static; }
 
 .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper { margin: 50px 50px 0 50px; padding-bottom: 50px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }
 
 .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .swiper-slide { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }
 
 .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_prev, .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_next { height: 60px; width: 60px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; margin: 0px 10px; background-repeat: no-repeat; background-size: cover; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; }
 
 .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_prev { background-image: url(../images/img006.png); left: 10px; }
 
 .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_next { background-image: url(../images/img007.png); right: 10px; }
 
 @media (max-width: 1441px) { .l-Tv812Chipbox.LNew .Tv315Chip { padding: 30px 0 0; } }
 
 @media (max-width: 1220px) { .l-Tv812Chipbox.LNew { padding-top: 23%; }
   .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_prev, .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_next { width: 45px; height: 45px; } }
 
 @media (max-width: 992px) { .l-Tv812Chipbox.LNew .cp .on { right: 5%; bottom: 50px; width: 100px; }
   .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper { margin: 30px 30px 0 30px; padding-bottom: 30px; } }
 
 @media (max-width: 992px) { .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_prev, .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_next { width: 35px; height: 35px; }
   .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_prev { left: 0; }
   .Tv315Chipbox.LNew .Tv315ChipboxLNew_swiper .Tv315ChipboxLNew_next { right: 0; }
   .l-Tv812Chipbox.LNew{padding-top:0;}
     
 }
 @media (max-width: 768px){
     .l-Tv812Chipbox.LNew{padding-top:25%}
     .l-Tv812Chipbox.LNew .Tv315Chip{ padding: 30px 0;position:absolute !important;top:0;color:#fff !important; }
     .l-Tv812Chipbox.LNew .l-Tv812ChipboxLi .t1{color:#fff !important; }
     .Tv315Chipbox.LNew .Tv315Chip{color:#fff !important; }
 }
 
 @media (max-width: 550px){
     .l-Tv812Chipbox.LNew{padding-top:50%}
     .l-Tv812Chipbox.LNew .cp .on {
     right: 1%;
     bottom: 54px;
     width: 70px;
 }
 }
 @media (max-width: 420px){
     .l-Tv812Chipbox.LNew{padding-top:90%}
 }