@charset "utf-8";
/* CSS Document */
*{ margin: 0 auto; padding: 0; border: 0; font-size: 16px;outline:medium;box-sizing: border-box;text-transform:uppercase;}
a{ text-decoration: none;color: #fff;}
img{ display:block; max-width: 100%; height: auto !important; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.big img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
input:focus{outline:none;background: none;}
button{background: none;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: rgba(0,0,0,.1);
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: none;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #000;
  }
/*common*/
.w{ width: 1660px; }
.fl, .left{ float: left; }
.fr, .right{ float: right; }
.c{ clear: both; }
.hidden,.m,.m2{ display: none; }
.pages { width: 100%; text-align: center; margin: 30px auto; line-height: 40px; font-size: 14px;}
.pages a, .pages span { margin: 0 5px; padding: 3px 10px; border: 1px solid #666;color: #000;}
.pages a:hover, .pages .page-num-current { background: #000; border: 1px solid #000; color: #fff; }
.slow{transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.flex{display: flex;}

.more{ color: #fff;  display:inline-block; padding: 10px 30px;border: 1px solid #666;letter-spacing:2px;font-size: 14px;margin: 10px auto;background: #000;font-family:'SourceHanSansCN-Bold';text-align: center;}
.more:hover{background: #333 !important;}
.text{position: absolute;}
.text h2,.text p,.text pre,.text span{color: #fff;margin: 10px auto;line-height: 150%;letter-spacing:2px;}
.text h2{font-size: 48px;line-height: 100%;position: relative;font-family:'SourceHanSansCN-Medium';}
.text span{font-size: 36px;font-family:'SourceHanSansCN-Regular';display: block;}
.text p,.text pre{font-size: 24px;font-family:'SourceHanSansCN-Light';}
.text pre,.text span{margin-bottom: 30px;}
.half {width: 50%;}
.big{text-transform:uppercase !important;}
.small{text-transform:initial !important; letter-spacing: 0 !important;font-family: unsets !important;}
.center{text-align: center;}
.tit h1{font-size: 48px;line-height: 150%;margin: 40px auto;font-family:'SourceHanSansCN-Bold';letter-spacing: 2px;}
.tit h2{font-size: 30px;line-height: 150%;position: relative;font-family:'SourceHanSansCN-Bold';letter-spacing: 2px;}
.tit h3{font-size: 30px;line-height: 150%;position: relative;text-transform:initial;}
.tit span{font-size: 24px;line-height: 180%;display: block;text-transform:initial;font-family:'SourceHanSansCN-Bold';letter-spacing: 2px;}
.tit p{font-size: 18px;text-transform:initial;font-family:'SourceHanSansCN-Regular';}
@font-face{
  font-family:'SourceHanSansCN-Bold';
  src: url('../fonts/SourceHanSansCN-Bold.eot'); /* IE9 */
  src: url('../fonts/SourceHanSansCN-Bold.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/SourceHanSansCN-Bold.woff') format("woff"), /* chrome、firefox */
  url('../fonts/SourceHanSansCN-Bold.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/SourceHanSansCN-Bold.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'SourceHanSansCN-Light';
  src: url('../fonts/SourceHanSansCN-Light.eot?#iefix'); /* IE9 */
  src: url('../fonts/SourceHanSansCN-Light.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/SourceHanSansCN-Light.woff') format("woff"), /* chrome、firefox */
  url('../fonts/SourceHanSansCN-Light.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/SourceHanSansCN-Light.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'SourceHanSansCN-Medium';
  src: url('../fonts/SourceHanSansCN-Medium.eot?#iefix'); /* IE9 */
  src: url('../fonts/SourceHanSansCN-Medium.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/SourceHanSansCN-Medium.woff') format("woff"), /* chrome、firefox */
  url('../fonts/SourceHanSansCN-Medium.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/SourceHanSansCN-Medium.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}
@font-face{
  font-family:'SourceHanSansCN-Regular';
  src: url('../fonts/SourceHanSansCN-Regular.eot?#iefix'); /* IE9 */
  src: url('../fonts/SourceHanSansCN-Regular.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
  url('../fonts/SourceHanSansCN-Regular.woff') format("woff"), /* chrome、firefox */
  url('../fonts/SourceHanSansCN-Regular.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/SourceHanSansCN-Regular.svg#ZoomlaXingtiJ6') format("svg"); /* iOS 4.1- */
}

/* 头部 */
.head{background: #000;position:fixed;padding: 47px 0 0px;width: 100%;z-index: 200;top: 0;}
.head.nofix{position: relative;}
.head.hid{transform: translateY(-100%);}
.logo{max-width: 250px;margin-bottom: 23px;}
.nav{width: 53%;margin-right: 14%;padding-top: 20px;}
.nav ul{display: flex;}
/*.nav ul li{padding-bottom: 10px;}*/
.nav ul li a{color: #fffefe;letter-spacing:2px;font-family:'SourceHanSansCN-Regular';line-height: 40px;display: block;}
.nav ul li .subnav{display: none;position: absolute;background: #1f1f1f;width: 100%;left: 0;top:110px;}
.nav ul li .subnav a{color: #fff;line-height: 72px;}
.nav ul li .subnav ul{width: 60%;margin: 0 auto;}
.nav ul li .subnav ul li{padding-bottom: 0;}
.nav ul li.on,.nav ul li:hover{border-bottom: 3px solid #ff0000;}
.nav ul li:hover .subnav{display: block;}
.nav ul li .subnav ul li:hover,.nav ul li .subnav ul li.on{border-bottom: none;}
.nav ul li .subnav ul li:hover a,.nav ul li .subnav ul li.on a{color: #ff0000;}
.arrow{display: none;position: absolute;right: 0;background: url("../images/arrow-down.png") no-repeat right center;width: 100%;height: 20px;top: 10px;background-size: auto 40%;right: 10%;z-index: 1000;width:50%;}
.arrow.on{background: url("../images/arrow-up.png") no-repeat right center;background-size: auto 40%;}
/*.head .w{position: relative;}*/
.car{width: 35px;height: 22px;display: none;position: absolute;top: 50%;right: 18%; transform: translateY(-8%);background: url("../images/car.jpg") no-repeat center;background-size: 100% !important;}
.menuBtn { display: none; position: absolute; z-index: 9; float: right; width: 24px; right: 7%;top: 50%;transform: translateY(-10%); cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn b { display: block; height: 3px; background-color: #fff; margin: 2px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn.open { }
.menuBtn.open b { display: none; margin: 0; position: absolute; left: 0px; top: 50%; margin-top: -5px; width: 30px; }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.head-r{line-height: 30px;display: flex;margin-top: 16px;}
.head-r .search span{background: url("../images/search.png") no-repeat center center;width:20px;height: 100%; margin-right: 30px;cursor:pointer;display: block;}
.head-r .search.on span {background-image: url("../images/search2.png")}
.head-r .search .searchform{display: none;position: absolute;width: 100%;top: 110px;left: 0;background: #1f1f1f;}
.head-r .search.on .searchform{display: block;}
.head-r .search .searchform form{width: 625px;margin: 15px auto 20px;border-bottom: 1px solid #757575;position: relative;}
.head-r .search .searchform form input{width: 100%;line-height: 36px;color: #757575;background: none;padding: 0 5px;}
.head-r .search .searchform form button{position: absolute;right: 0;top: 10px; background: url("../images/search.png") no-repeat center center;width: 20px;height: 20px;}
.head-r .login a{letter-spacing:2px;font-family:'SourceHanSansCN-Light';}
.section.s1 .fp-controlArrow{margin-top: -20px !important;width: 20px !important;height: 34px !important; background-size: 100% !important;filter: drop-shadow(0 0 3px #000);-webkit-filter: drop-shadow(0 0 3px #000);}
.section.s1 .fp-controlArrow.fp-prev{background: url("../images/arrow-left.png") no-repeat center;border: none;left: 7%;}
.section.s1 .fp-controlArrow.fp-next{background: url("../images/arrow-right.png") no-repeat center;border: none;right: 7%;}
#fp-nav ul li, .fp-slidesNav ul li{width: 10px;height: 10px;margin: 3px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #888;width: 6px;height: 6px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background: #fff;width: 8px;height: 8px;margin: -3px 0 0 -3px;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width: 8px;height: 8px;margin: -3px 0px 0px -3px;}
.banner{height: 100%;position: relative;background-size: cover !important;}
.banner .text{left: 15%;top: 20%;}
.banner .text h2{font-size: 66px;font-weight: bold;text-transform: capitalize;letter-spacing:0;}
.banner .text span{font-size: 30px;text-transform: capitalize;margin-bottom: 0;letter-spacing:0;}
.banner .text .more{border-color: #fff;background: none;text-transform:none;letter-spacing:0;font-size: 18px;border-width: 2px;padding: 8px 30px;}
.banner .text .more:hover{background: #none;}
.banner .text .more i {display :inline-block;position: relative;width: 25px;height: 25px;float: right;}
.banner .text .more i::after {display: inline-block;content: " ";height: 10px;width: 10px;border-width: 2px 2px 0 0;border-color: #fff;border-style: solid;transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0) translateX(-50%);position: absolute;top: 50%;}
.banner.sl0 .text{left:50%;transform: translateX(-50%);text-align: center}
.banner.sl2 .text h2,.banner.sl2 .text span{color: #000;}
.banner.sl2 .text .more,.banner.sl2 .text .more i::after{border-color: #000;color: #000;}
#videobg{
position: absolute;
min-width: 100%;
/*width: 100% !important;*/
min-height: 100%;
height: auto;
width: auto;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.section{overflow:hidden;}
.section.s2{background: url("../images/bg2.jpg") no-repeat center;}
.section.s2 .fp-controlArrow,.section.s2 .fp-slidesNav.bottom{display: none;}
.section.s2 .slidesNav{left: 7%;top:20%;position: absolute;z-index: 1000;display: block !important;margin-left: 0 !important;transform: none;}
.section.s2 .slidesNav li{display: block;width: auto;height: auto;margin: auto;}
.section.s2 .slidesNav li:nth-child(n+4){display: none;}
.section.s2 .slidesNav a{display: block;font-size: 24px;color: #727272;line-height:80px; border-left: 1px solid #323232;padding-left: 40px;font-family:'SourceHanSansCN-Bold';}
.section.s2 .slidesNav a.active{font-size: 48px;border-left-color: #999;color: #fff;font-family:'SourceHanSansCN-Medium';}
.section.s2 .slide{text-align: center;}
.section.s2 .slide .fp-tableCell{vertical-align: bottom;}
.section.s2 .slide img{max-width: 70%;}
.section.s2 .slide .more{margin:3.5% auto 3%;}
.section.s3{background: url("../images/bg3.jpg") no-repeat center;}
.section.s4{background: url("../images/bg4.jpg") no-repeat center;}
.section.s5{background: url("../images/bg5.jpg") no-repeat center;}
.section{background-size: cover !important;}
.section.s3 .text,.section.s4 .text,.section.s5 .text{left: 7%;top: 25%;}
.section.s5 .text,.section.s3 .text{left: auto;right: 7%;}
.foot{background: #000;padding: 25px 0 20px;position: relative;overflow: inherit;}
.foot .links a{margin-right: 25px;font-size: 12px;color: #bfbfbf;font-family:'SourceHanSansCN-Medium';}
.foot .links p{font-size: 12px;color: #bfbfbf;margin-top: 10px;}
.foot .media{float: right;}
.foot .media dl{overflow: auto;}
.foot .media dl dt,.foot .media dl dd{float: left;color: #fff;letter-spacing:2px;}
.foot .media dl dt{margin-right: 35px;font-size: 18px;font-family:'SourceHanSansCN-Medium';}
.foot .media dl dd{margin: 5px auto 0;}
.foot .media dl dd p{font-size: 14px;font-family:'SourceHanSansCN-Medium';}
.foot .media dl dd a{display: inline-block;margin:10px 20px;line-height: 35px;font-size: 12px;color: #999;background-size: auto 100% !important;}
.foot .media dl dd a img{float: left;margin-right: 5px;max-height: 100%;}
.foot .media dl dd a:hover{padding-left: 40px;color: #fff;}
.foot .media dl dd a:hover img{display: none;}
.foot .media dl dd a:first-child{ background: url("../images/ico-wx-1.jpg") no-repeat left top;}
.foot .media dl dd a:nth-child(2){background: url("../images/ico-wb-1.jpg") no-repeat left top;}
.foot .media dl dd a:nth-child(3){background: url("../images/ico-dy-1.jpg") no-repeat left top;}
.foot .media dl dd a:nth-child(3):hover{padding-left: 35px;}
#wechat{display: none;position: absolute;bottom: 80px;transform: translateX(-50%);max-height:none;}
.foot .media dl dd a:hover #wechat{display: block;}
.totop{position: absolute;right: 30px;bottom: 58px;color: #fff;font-size: 12px;padding-right: 18px;background: url("../images/top.jpg") no-repeat right center;cursor:pointer;font-family:'SourceHanSansCN-Light';}

.products{background: #000;overflow: auto;height: calc(100vh - 110px);}
.products .left{width: 230px;border-left: 1px solid #323232;margin-left: 20px;margin-top: 110px;}
.products .left a{font-size: 18px;position: relative;color: #727272;padding-left: 30px;line-height: 100%;margin-bottom: 30px;display: block;letter-spacing:2px;font-family:'SourceHanSansCN-Medium';}
.products .left a.on{color:#fff;}
.products .left a.on:before{content: url("../images/ico6.jpg");position: absolute;left: -8px;top: -3px; width: 17px;height: 9px;}
.products .right{width:calc(100% - 250px);height: 100%;}
.products .right .flex{height: calc(50% - 0.01*(100vw - 284px)); margin-bottom: 2%;}
.probox{float: left;position: relative;overflow: hidden;position: relative;height: 100%;}
.probox img{width: 80%;max-height: 100%;position: absolute;bottom: 5%;right: 10%;}
.probox .text,.probox .video{position: absolute;top: 0;left: 0;}
.probox .text{z-index: 100;letter-spacing: 1px;font-size: 36px;top: 10%;left: 10%;color: #fff;font-family:'SourceHanSansCN-Medium';}
.probox .video{z-index: 50;display: none;width: 100%; height: 100%;overflow: hidden;}
.probox:hover .video{display: block;}
.probox .text span{font-size: 102px;display: inline-block;font-family:'SourceHanSansCN-Medium';line-height: 100%;}
.probox .text i{font-size: 20px;font-style: normal;}
.probox.black .text,.probox.black .text span{color: #000 !important;}
.probox.black:hover .text,.probox.black:hover .text span{color: #fff !important;}

.btl,.btr{height: calc(50% - 0.01*(100vw - 284px))}
.btl{float: left;width: 49.8%;}
.btr{float: right;width: 48.2%;}
.btl .text,.btr .text{top:10% !important;left: 5% !important;}
.btl .text span,.btr .text span,.toyhauler .text span{font-size: 160px !important;}

.probox.HQ12{background: #999; width: 26%;}
.probox.HQ12 img{width: 60%;}
.probox.HQ15{background: #7b7b7b;width: 50%;}
.probox.HQ15 img{width: 35%;right: 15%;}
.probox.HQ17{background: #495056;width: 24%;}
.probox.HQ17 img{width: 70%;}
.probox.HQ19{background: #fff;width: 49%;}
.probox.HQ19 img{width: 62%;right: 5%}
.probox.HQ21{background: #727375;width: 49%;}
.probox.HQ21 img{width: 62%;right: 5%;}
.probox.HQ19T{background: #fff; width: 49.8%;}
.probox.HQ19T img{width: 95%;right: 2%;}
.probox.HQ22T{background: #727375;width: 48.2%;}
.probox.HQ22T img{width: 85%;right: 2%;}
.probox.Classic12{background: #999;width: 50%;height: 46.8%;}
.probox.Classic12 img{width: 49%;}
.probox.ClassicFold{background: #fff;width: 48%;float: right;}
.probox.ClassicFold img{width: 80%;right: auto;left: 10%;}
.probox.ClassicFold .text span{color: #000;}
.probox.ClassicDouble{background: #fff;width: 50%;height: 49%; margin-top: 2%;}
.probox.ClassicDouble img{width: 85%;right: 5%;bottom: 10%;}

.classic .probox .text{top: 13% !important;}
.classic .probox .text span{font-size: 52px !important;}
.classic .probox.btl .text span,.classic .probox.btr .text span{font-size: 72px !important;}
.classic .btl .text,.classic .btr .text{top:5% !important;left: 8% !important;}
.Classic15 .text{left: auto !important;right:8% !important;}
.toyhauler .probox{width: 49%;}
.toyhauler .text{left: auto !important;right:15% !important;top: 12% !important;}
.toyhauler .black{margin-right: 2%;}
.products.toyhauler .right .flex{height: 100%; margin-bottom: 0;}

.probox .video img{width: 100% !important; height: 100% !important;right: 0;bottom: 0;}

.pbanner{height: 100%;background-size: cover !important;}

.show .section .text{top: 40%;left: 50%;}
.show .section.HQ12 .text{top: 20%;left: 15%;}
.show .section.ClassicDouble .text{top: 30%;left: 50%;}
.show .section .text h2{font-size: 48px;color: #fff;font-family:'SourceHanSansCN-Bold';}
.summary .navbar{background: #000; line-height: 62px;}
.summary .navbar span{font-size: 18px;margin-right: 20px;letter-spacing:2px;font-family:'SourceHanSansCN-Bold';color: #fff;}
.summary .w{position: relative;}
.summary .left{width: 39%;}
.summary .left .text{left: 0%;top: 12%;width: 37.3%;}
.summary .left .text h2,.summary .left .text p{color: #000;}
.summary .left .text h2{font-size: 48px;}
.summary .left .text p{font-size:18px;text-transform:initial;letter-spacing:0;font-family:'SourceHanSansCN-Regular';}
.summary .left .price{margin-top: 40px;font-size: 18px;}
.summary .left .price span{color: #000;display: inline-block;}
.summary .left .price span i{font-style: normal;font-size: 36px;}
.summary .left .features{position: absolute;color: #000;left: 0%; bottom: 10%;display: flex;}
.summary .left .features dl{overflow: auto;border-left: 1px solid #979797;padding-left: 15px; padding-bottom: 11px; margin-right: 38px;}
.summary .left .features dl dt{font-size: 48px;text-transform:initial;font-family:'SourceHanSansCN-Medium';}
.summary .left .features dl dd{font-size: 16px;text-transform:initial;}
.summary .right{width: calc(94vh); max-width: 59%;text-align: center;}
.summary .right .pics{text-align: center;position: relative;width:100%; margin-top: 6%;}
.fp-tableCell{height: 100% !important;}

.summary .fp-controlArrow{margin-top: -18px !important;width: 22px !important;height: 37px !important;}
.summary .fp-controlArrow.fp-prev{background: url("../images/arrow-left3.png") no-repeat center;border: none;left: 0px;}
.summary .fp-controlArrow.fp-next{background: url("../images/arrow-right3.png") no-repeat center;border: none;right: 0px;}
.summary .fp-slidesNav{display:none;}
.summary .right .v360 a{background:url("../images/ico7.jpg") no-repeat 20px center #000;line-height: 40px;padding: 0 25px 0 60px;color: #fff;font-size: 18px;display: inline-block;border-left: 1px solid #878787;border-right: 1px solid #878787;margin: 5% auto 10%;font-family:'SourceHanSansCN-Bold';}

.specs{background: #1f1f1f;}
.specs .left{width:66.5%;height: 100%;background-size: 100% auto !important;}
.specs .right{width: 33.5%;color: #fff;}
.specs .right h1{font-size: 48px;line-height: 110%;margin: 8% auto 50px 10%;position: relative;letter-spacing:2px;font-family:'SourceHanSansCN-Bold';}
.specs .right h1:after{content: " ";height: 1px;background: #979797;width: 36px;position: absolute;left: 0;bottom:-35px;}
.specs .right .con {height: 60vh;width: 90%;overflow-y: auto;position: relative;}
/*.specs .right dl{overflow:auto;display: flex;margin:5% 8% 5% 10%;}
.specs .right dl dt,.specs .right dl dd{font-size: 13px;text-transform:initial;}
.specs .right dl dt{width:35%;}
.specs .right dl dd{width:65%;}*/
.specs .right table{width: 80%;}
.specs .right table td,.specs .right table td *{font-size: 14px;text-transform:initial;}
.specs .right table td{width: 60%;}
.specs .right table tr td:first-child{width: 40%;}
.specs .right img{max-width: 80%;}

.specs .fp-slidesNav.bottom{bottom: 30px;left: 75%;}
.specs .fp-slidesNav ul li{margin: 10px;}
.specs .fp-slidesNav ul li a.active span, .specs .fp-slidesNav ul li:hover a.active span{background: #888;width: 18px;height: 18px;margin: -9px 0 0 -9px;}
.specs .fp-controlArrow{bottom: 30px;width: 53px;height:53px;top: auto;}
.specs .fp-controlArrow.fp-prev{background: url("../images/arrow-left2.png") no-repeat center;border: none;left: 60px;}
.specs .fp-controlArrow.fp-next{background: url("../images/arrow-right2.png") no-repeat center;border: none;right: 60px;}

.specs .right .con::-webkit-scrollbar{width:3px;height:3px;background-color:rgba(0,0,0,.1);}
.specs .right .con::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:none;}
.specs .right .con::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#fff;}

.specs2{height: calc(100vh - 110px);margin-top: 110px;}

.planview p{font-size: 12px; text-align: center;margin-top: 3%;}

.nbanner{height: 830px;color: #fff;position: relative;}
.nbanner .text{left: 48%;top: 20%;}
.nbanner .text.center{left: 50%;top: 35%;transform:translateX(-50%);}
.nbanner h2{font-size: 48px;}
.nbanner span{font-size: 36px;}
.nbanner.contact{height: 425px;}
.container{background: #111111;}
.container.contact{color: #fff;}
.container.contact .w{width: 1300px;padding: 70px 0 140px;}
.container.contact .w .tit h1{font-size: 34px;}
.container.contact .w .con{display: flex;flex-direction: row;justify-content: space-between;}
.container.contact .w .con dl{overflow: auto;/*width: 33%;*/}
.container.contact .w .con dl:first-child{margin-left: 0;}
.container.contact .w .con dl:last-child{margin-right: 0;}
.container.contact .w .con dl dd{/*border-left: 1px solid #979797;*/font-size: 18px;/*padding-left: 30px;margin-left: 30px;*/line-height: 40px;text-transform:initial;}
/*.container.contact .w .con dl dt,.container.contact .w .con dl dd{float: left;}*/
.container.contact .w .con dl dd img,.container.contact .w .con dl dd span{float: left;}
.container.contact .w .con dl dd span p{font-size: 14px;line-height: 200%;display: block;margin-left: 25px;}
.container.down .w{padding: 90px 0 140px;}
.container.down{color: #000;background: #fff;}
.container.down .tit span{margin-bottom: 60px;}
.container.down .left,.container.down .right{width: 32%;text-align: center;}
.container.down .left{margin-right: 2%;}
.container.down .left img,.container.down .right img{margin-bottom: 20px;}
.container.down .left p,.container.down .right p{text-align: center;font-size: 24px;line-height: 45px;font-family:'SourceHanSansCN-Bold';}
.container.down .left a,.container.down .right a{display: inline-block;background:url("../images/ico12.jpg") no-repeat 38px center #000;padding: 0 45px 0 70px;line-height: 40px;font-size: 12px;}
.container.down .con img{margin-bottom: 90px;}
.container.down .con p{text-align: left;font-size: 18px;display: inline-block;max-width: 800px;line-height: 180%;}
.form{width: 100%;}
.form .row{ overflow: auto; margin: 30px auto 45px;}
.form .row label{width: 48%;}
.form .row p{font-size: 18px; text-align: left;}
.form .row input,.form .row select,.form .row textarea{background: #ededed; width: 100%;line-height: 48px; border: 1px solid #aaa;outline: none; padding-left: 15px;text-transform:initial;}
.form .row select{height: 48px;border: 1px solid #aaa;}
.form .row option{text-align:center;text-align-last: center; padding-left: 20%;}
.form .row textarea{min-height: 150px; padding: 15px;}
.form .row .button{ background: #000; color: #fff; font-size: 18px; padding: 0 40px;margin: 30px auto 0px;display: inline-block;line-height: 40px;}
.container.down .tab{margin-top: 90px;}
.container.down .tab b{font-size: 24px;color: #828282;line-height: 48px;padding: 0 20px;font-weight: normal;display: inline-block;font-family:'SourceHanSansCN-Bold';}
.container.down .tab b.on{color: #000;background: #f6f6f6;}
.container.down .tab-con{background: #f6f6f6;padding: 32px;}
.container.down .tab-con ul{border-top: 1px solid #d0cfd2;border-left: 1px solid #d0cfd2;}
.container.down .tab-con ul li{background: #fff;border-right: 1px solid #d0cfd2;border-bottom: 1px solid #d0cfd2;color: #585858;line-height: 55px;padding-left: 30px;text-transform:initial;}
.container.down .tab-con ul li a{float: right;display: inline-block;background:url("../images/ico13.jpg") no-repeat left center;padding: 0 0 0 30px;font-size: 12px;color: #000;margin-right: 40px;}
.container.service,.container.store,.container.club,.container.about,.container.video{background: #fff;}
.container.service .w{width: 1200px;padding: 90px 0 160px;}
.container.service p{margin: 20px auto 20px;text-transform:initial;}
.container.service p a{color: #000;text-transform:initial; border-bottom: 1px solid #999;line-height: 30px;display: inline-block;}
.container.service .con{margin-bottom: 75px;}
.container.service h3{font-weight: bold;}
.container.service h3 img{position: absolute;top: 0;right: 0;}
.container.store .w{width: 1200px;padding: 90px 0 140px;}
.f8bg{background: #f8f8f8;overflow: auto;}
.container.store .picbox{margin: 180px auto 50px;}
.container.club .w{width: 1200px;padding: 90px 0 0px;}
.container.club .con{margin-bottom: 75px;}
.container.club .con .left,.container.club .con .right{width: 47%;font-size: 24px;text-transform:initial;line-height: 180%;font-family:'SourceHanSansCN-Regular';}
.container.club .con .left p, .container.club .con .right p{line-height: 150%;margin-bottom: 40px;}
.club .actlist .w{padding: 0 !important;}
.club .actlist .w .tit span{margin: 30px auto;}
.club .actlist .con dl dt .w{text-transform:initial;line-height: 45px;position: relative;padding: 0 !important;font-family:'SourceHanSansCN-Regular';}
.club .actlist .con dl dt .w span{position: absolute;right: 0;background: url("../images/arrow-down.png") no-repeat right center;width: 20px;height:100%;top: 0;}
.club .actlist .con dl dt .w span.on{transform: rotate(180deg);}
.club .actlist .con dl dd{background: #fff;padding: 45px 0 70px;border-bottom:20px solid #f8f8f8;border-top:5px solid #f8f8f8;}
.club .actlist .con dl dd img {margin-bottom: 1.2%;}
.container.about .w{width: 1200px;padding: 90px 0 110px;}
.about .tit{margin-bottom: 90px;}
.about .tit h1{position: relative;}
.about .tit h1:after{content: " ";position: absolute;top:100px; left: 50%;width: 180px;height:1px;background: #979797;transform: translateX(-50%);}
.about .con{margin: 40px auto;}
.about .con .left,.about .con .right{width: 49%;}
.about .con .right{max-width: 360px;}
.about .con .left span{font-size: 24px;text-transform:initial;line-height: 180%;display: block;margin: 40px auto;font-family:'SourceHanSansCN-Regular';}
.about .con .nums{margin: 20px auto 80px;text-align: center;}
.about .con .nums h2{font-size: 72px;letter-spacing: 1px;font-family:'SourceHanSansCN-Bold';}
.about .con .nums span{font-size: 36px;letter-spacing: 1px;font-family:'SourceHanSansCN-Bold';}
.about .con .nums p{font-size: 24px;text-transform:initial;}
.history{margin: 0px auto;}
.history .left,.history .right{width: 50%;}
.history img{margin-bottom: 30px;}
.history dl{border-left: 1px solid #979797;padding-left: 25px;padding-bottom:40px;padding-right: 30px;margin-left: 6%;}
.history dl dt{font-size: 48px;line-height: 50px; margin-bottom: 10px;position: relative;font-family:'SourceHanSansCN-Bold';letter-spacing: 2px;}
.history dl dd{font-size: 18px;line-height: 30px;text-transform:initial;}
.history dl dt:before{content: "";position: absolute;left: -35px;width: 18px;height: 18px;background: #979797;border-radius: 50%;top:50%;margin-top: -9px;}
.history dl:last-child{padding-bottom: 0;}
.history-tit{line-height: 100px;padding: 4.5% 5% 3% 5%;font-size: 20px;margin-bottom: 5%;}
.history .left .history-tit{background: #000;color: #fff;}
.history .right .history-tit{background: #dbdbdb;color: #000;}

.container.howto{color: #fff;}
.container.howto .w{width: 1200px;padding: 70px 0 0px;}
.container.howto .tit{width: 100%;}
.container.howto .tit h1{float: left;}
.container.howto .tit p{float: right;font-weight: lighter;margin-top: 77px;font-size: 16px;}
.container.howto .con{overflow: auto;}
.container.howto dl{overflow: auto;margin-bottom: 120px;}
.container.howto dl dt{font-size: 30px;font-family:'SourceHanSansCN-Bold'; border-top: 1px solid #979797;line-height: 60px;}
.container.howto dl dd{width: 49%;position: relative;}
.container.howto dl dd:before{content: "";display: block;padding-top: 56.25%;}
.container.howto dl dd iframe{width: 100%;height: calc(100% - 40px);position: absolute;top: 0;left: 0;background: #ccc;}
.container.howto dl dd p{line-height: 40px;font-weight: lighter;font-family:'SourceHanSansCN-Regular';text-transform:initial;}

.news {background: #fff;overflow: auto;}
.news .w{background: #fff;margin: 40px auto 60px;overflow: auto;max-width: 1200px !important;}
.news .title,.news .info{text-align: center;}
.news .info{color: #666;margin-top: 10px;font-size: 14px;}
.news .title{font-size: 2em;margin-top: 3%;width: 90%; max-width: 750px;}
.news .content{padding: 30px 10px; text-transform: none;line-height: 180%;}


.newslist .item{margin: 40px auto;}
.newslist .item .left{width: 350px;}
.newslist .item .right{width: calc(100% - 380px);float: left;margin-left: 30px;max-width: 700px;}
.newslist .item .right h2 a{font-size: 20px;color: #000;line-height: 120%;font-weight: bold;margin: 20px auto;display: block;}
.newslist .item .right span{display: block;line-height: 180%;color: #333;}
.newslist .item .right .detail{color: #000;display: block;float: left;margin-top: 20px;font-size: 14px;border-bottom: 1px solid #000;padding-bottom: 5px;}

.container.video .w{padding: 90px 0 0;}
.videomenu{overflow: auto;}
.videomenu a{font-size: 24px;color: #484848;margin-right: 7%;line-height: 70px;padding: 10px 0;}
.videomenu a.on{font-weight: bold;color: #000;border-bottom: 5px solid #000;font-size: 30px;}
.videolist ul{overflow: auto;padding: 3% 0;}
.videolist ul li {width: 32%;float: left;margin-right: 2%;margin-bottom: 1%;margin-top: 1%;}
.videolist ul li:nth-child(3n) {margin-right: 0;}
.videolist ul li:nth-child(3n+1) {clear: left;}
.videolist ul li img{width: 100%;}
.videolist ul li p{background:url("../images/ico_time.jpg") no-repeat left center;padding-left: 25px;font-size: 16px;color: #242424;line-height: 30px;margin: 10px auto;}
.videolist ul li h2 a{font-size: 20px;color: #000;text-transform:capitalize;}

.loadmore{text-align: center;cursor: pointer;display: block;width: 200px;height: 40px;position: relative;}
.loadmore img{display: inline-block;position: absolute;top: 20px;animation: movepoint 2s infinite;-webkit-animation: movepoint 2s infinite;}
@keyframes movepoint {
    40% {
        top: 0px
    }
    100%,
     {
        top: 20px
    }
}

/*.s22.current p {
    transition: all 1s ease-in-out;
    transform: translate(980px, -240px);
}*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
  *{font-family:'微软雅黑' !important;}
}