@charset "utf-8";
*{text-transform: inherit;letter-spacing: 0 !important}
html,body{height:100%}
#main{width:100%;margin:auto}
.w{width:90%;max-width:1640px}
.section{background-attachment:fixed !important;background-size:cover !important;position:relative;height:100%}
.section.no-attachment{background-attachment:inherit !important}
.text{position:fixed}
.text h1{font-size:80px;color:#fff}
.text h1 span{font-size:36px;display:inline-block;margin-left:15px;font-weight: normal;text-transform: capitalize;}
.text h2{font-size:36px;}
.text p{font-size:18px;color:#fff;max-width:1200px;letter-spacing:0;}
.text .more{background:none;border-color:#fff;font-size:18px;padding:7px 40px;margin-right:10px}
.p1{background:url("../images/1.jpg") center center no-repeat #fff;z-index:10}
.p1 .text{top:30%;left:20%;}
.p1 .text h1{font-weight: bold;}
.p1 .text span{font-size: 30px;}
.p2,.p3{height:200vh}
.p2{background:url("../images/2.jpg") center center no-repeat #fff;z-index:9}
.p2 .text{top:20%;width: 100%;text-align: center;}
.p3{background:url("../images/3.jpg") center center no-repeat #fff;z-index:8}
.p3 .text{top:20%;left: 5%;width: 50%;}
.p3 .text .parameter{display:flex;width:100%;float:left}
.p3 .text .parameter dl{margin-right:5%;margin-top:50px;margin-left: 0;}
.p3 .text .parameter dl dt{font-size:18px}
.p3 .text .parameter dl dd{font-size:36px;line-height:200%}
.v360{min-height: unset;}
.v360 a{position:absolute;bottom:2vh;right:7%;border:2px solid #000;display:inline-block;background:url(../images/360.png) no-repeat 20px center;padding:6px 50px 6px 70px;color:#000;font-size:18px}
.nofix .p4-con,.nofix .text,.nofix .parameter{position:absolute !important}
.p4{background:url("../images/4.jpg") center center no-repeat #fff;z-index:7}
.p4 .text{top:40%;left:5%}
.p3 .text h2,.p3 .text p,.p6 .text h2,.p6 .text p{color:#000}
/*.p4-con{position:fixed;top:10%;left:50%;transform:translateX(-50%)}*/
.p5{background:url("../images/5.jpg") center center no-repeat;z-index:6}
.p5 .text{top:30%;width: 100%;text-align: center;}
/*.p6{z-index:5;background:#fafafa;}
.p6 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p6 .box .pic{float:left;width:71%}
.p6 .box .text{position:relative;width:25%}
.p6 .box .text h2,.p7 .box .text p{color:#000}*/
.p6{background-color: #fff; z-index: 5}
.p6 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width: 66% !important;}
.p6 .slick-arrow{width:28%;height:100vh;position:absolute;top:50%;transform:translateY(-50%);font-size:0;z-index:1;cursor:pointer;}
.p6 .slick-arrow.slick-prev{left:-24%;background:url("/template/default/images/arr-l3.png") no-repeat center}
.p6 .slick-arrow.slick-next{right:-24%;background:url("/template/default/images/arr-r3.png") no-repeat center}
.p6 .slide{width:90%;max-width:1200px}
.p6 .slick-list{overflow: inherit !important;}
.p6 .box{padding: 20px;text-align: center;position: relative;}
.p6 .box .text{position: absolute;display: none;max-width: 820px;left: 50%;transform: translateX(-50%);width: 100%;}
.p6 .box h2,.p9 .box h2{font-size:30px;line-height:200%;margin-top:2%}
.p6 .box span,.p9 .box span{font-size:18px}
.p6 .box span{display: block;max-width: 790px;}
.p6 .box .pic{background: #000;overflow: hidden;height: 60vh;}
.p6 .box .pic img{ filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;max-width: none;object-fit: cover;}
.p6 .box.slick-active .pic img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.p6 .box.slick-active .text{display: block;}
.p7{background:#0e0e0e;z-index:4;/*height: 200vh;*/}
/*.p7 .text h2,.p6 .text p{opacity:0}*/
.p7 .text{top:15%;width:100%;text-align:center}
.p7 .bg{background:url("../images/7.jpg") center bottom no-repeat #0e0e0e;position:absolute;bottom:0;width:100%;height:620px;}
/*.p7.nofix .text{top: 57% !important;}
.p8{background:#f2f2f2;z-index:8}
.p8 .text{position:relative;text-align:center;margin:10% auto 5%}
.p8 .text h2,.p8 .text p{color:#000}
.p8 .box{width:32%;float:left;margin-right:2%}
.p8 .box:last-child{margin-right:0}*/
.p8{background:url("../images/8.jpg") no-repeat center center;z-index:3}
.p8 .text{top:20%;width:100%;text-align: center;}
.p8 .text p{}
.p8 .parameter{margin-top:50px;width:90%;position:fixed;bottom: 10%;left: 5%;}
.p8 .parameter dl{float:left;overflow:auto;text-align: left;margin-left: 4%;padding-left: 4%;border-left: 2px solid #fff;}
.p8 .parameter dl dt{font-size:18px;color:#fff}
.p8 .parameter dl dd{font-size:36px;line-height:200%;color:#fff}
.p8 .parameter dl:first-child{border-left: none;margin-left: 0;padding-left: 0;}
.p8 .parameter dl:last-child{width: 550px;position: relative;margin-right: 0;padding-right: 0;}
.p8 .parameter dl .tips{position:absolute;right: 0;bottom: 24px;font-size: 18px;color: #fff;}
.p9 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p9 .slick-arrow{width:38px;height:74px;position:absolute;top:50%;transform:translateY(-50%);font-size:0;z-index:1}
.p9 .slick-arrow.slick-prev{left:0;background:url("/template/default/images/arr-l.jpg") no-repeat center}
.p9 .slick-arrow.slick-next{right:0;background:url("/template/default/images/arr-r.jpg") no-repeat center}
.p9 .slide{width:90%;max-width:1200px}
.p9 .box h2,.p9 .box h2{font-size:30px;line-height:200%;margin-top:5%}
.p9 .box span,.p9 .box span{font-size:18px}
.p10{background:url("../images/10.jpg") no-repeat center #f0f1f2;position:relative;height:100%;z-index: 2}
.p10 .text{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}
.p10 .text h2{font-size:48px;line-height:300%}
.p10 .text h2,.p10 .text p{color:#000}
.pb{display:flex;max-height:960px}
.pb .box{width:100%;height:100%;background-size:cover}
.pb .box:first-child{background:url("/template/default/images/f-1.jpg") no-repeat center}
.pb .box:nth-child(2){background:url("/template/default/images/f-2.jpg") no-repeat center}
.pb .box:nth-child(3){background:url("/template/default/images/f-3.jpg") no-repeat center}
.pb .box .text{margin:15% auto auto 10%;position:relative}

.box .text h2,.box .text span,.box .text p{color: #000 !important;}
.box .text{position: relative;}
.pb .box .text h2,.pb .box .text p{color: #fff !important;}

@media only screen and (max-width: 1660px) {
  .p5 .box span{width: 90%;display: block;}
  .p5 .box span br{display:none;}
}
@media only screen and (max-width: 1030px) {
  .text span{font-size: 18px !important;}
  .text h1 span{display: block;margin-left: 5px;}
}
@media only screen and (max-width: 767px) {
  .text,.p8 .parameter{position: absolute !important;opacity: 1 !important;}
  .p2,.p3{height:100vh}
  .section{background-attachment:scroll !important;}
  .p1{background:url("../images/m-1.jpg") no-repeat center center;}
  .p2{background:url("../images/m-2.jpg") no-repeat center center;}
  .p3{background:url("../images/m-3.jpg") no-repeat center center;}
  .p4{background:url("../images/m-4.jpg") no-repeat center center;}
  .p5{background:url("../images/m-5.jpg") no-repeat center center;}
  .p8{background:url("../images/m-8.jpg") no-repeat center center;}
  .p7 .bg{background:url("../images/m-7.jpg") center bottom no-repeat; height: 530px;width: 85%;left: 7.5%;}
  .pb .box:first-child{background:url("/template/default/images/m-f-1.jpg") no-repeat center}
  .pb .box:nth-child(2){background:url("/template/default/images/m-f-2.jpg") no-repeat center}
  .pb .box:nth-child(3){background:url("/template/default/images/m-f-3.jpg") no-repeat center}
  /*.section{height:auto;min-height: 100%;}*/
  .text{text-align: left !important;width: 85% !important;left: auto;right: auto;padding: 0 !important; height: auto !important}
  .section .text h2,.box h2{font-size: 26px !important;}
  .section .text span,.box p,.box span{font-size: 14px !important;}
  .section .text p{padding: 0;font-size: 14px !important;}
  .section .text .more{position: relative;left: auto;transform: translate(0);}
  .section .parameter dl dt{font-size: 12px !important;}
  .section .parameter dl dd{font-size:20px !important;}
  .section.p1 .text span{font-size: 20px !important;}
  .text h1{font-size:60px;}
  .p4-con{width: 85%;left: 7.5%;top: 35%;transform: translate(0)}
  .v360,.p4-con .pic,.p3 .text .parameter{display: none;}
  .p4 .info .parameter{width: 100%;}
  .p4 .text{top: auto !important; bottom: 10%;height: auto;}
  /*.section .w{position:relative !important;top: auto !important;left: auto !important; transform: translate(0) !important;margin-top: 10%;}*/
  .p5{background-color: #ddd !important;padding: 20px 0;}
  .p5 .w{position: relative;top: auto;left: auto;transform: translate(0)}
  .p5 .box, .p8 .box{width:100% !important;margin: 20px auto;}
  .box h2,.box span{color: #000 !important;}
  .box h2{line-height: 100% !important;margin: 10px auto !important;}
  /*.p8{min-height: inherit;}*/
  .p6 .w,.p9 .w{width:100% !important;transform: translate(-50%,-50%);}
  .p6 .slide,.p9 .slide{width:100%;}
  .p6 .box{padding: 0;}
  .p6 .box .text{position:relative !important;margin-top: 15px; left: 0 !important;transform: translate(0);min-height: 150px;}
  .p6 .box .pic{height: auto;}
  .p6 .box .pic img{max-width: 100%;}
  .p7{background-color: #f2f2f2 !important;padding: 5%}
  .p7 .text{top:15% !important}
  .p7 .text h2,.p7 .text p{color: #000;}
  .p7 .bg{height: 50%;background-size: auto 100%;bottom: 6%;}
  .p11 .bg,.p12 .bg{display: none;}
  .p8 .parameter{display: block;width: 85%;left: 7.5%;bottom: 10%;position:fixed;}
  .p8 .parameter dl{width: auto;float: left;margin-top: 15px;margin-left: 0; margin-right: 0; border: none;}
  .p8 .parameter dl:last-child{margin-left: 0;width: 100%;padding: 0;}
  .p8 .parameter dl .tips{left:  100px;right: auto;}
  .v360 a{border-width: 1px;background-size: auto 70%;padding: 5px 15px 5px 35px;font-size: 12px;background-position: 15px center;margin-top: 30px;}
  .p9 .box span{min-height: 100px;display: block;}
  .p9 .text{position: relative !important;left: 0 !important;margin-top: 10%;}
  .p10{height: 50vh;background-size: 85% auto; background-position-y: 20%;}
  .p10 .text,.p16 .text{left: 7.5%;transform: translateY(-50%)}
  .p10 .text{text-align: center !important;}
  .p12 .text h2{margin: 10% auto 5%;}
  .pb{display: block;padding: 5% 0;min-height: inherit;height: auto;}
  .pb .box{padding: 4% 0 20%;width: 92% !important;margin: 4%; background-size: 100% auto !important;}
  .pb .box .text{left: auto !important;margin: 0 auto auto 5%;position: relative !important;}
  .pb .box .text h2{color: #fff !important;}
}