@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;font-weight: normal;margin-left:15px}
.text h2{font-size:36px}
.text p{font-size:18px;color:#fff;padding: 0 5px}
.text .more{background:none;border-color:#fff;font-size:18px;padding:7px 40px;margin:0 6px}
.p1{background:url("../images/1.jpg") center center no-repeat #fff;z-index:10}
.p1 .text{top:20%;left:12%;}
.p1 .text h1{font-weight: bold;}
.p1 .text p{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%;left:12%}
.p3{background:url("../images/3.jpg") center center no-repeat #fff;z-index:8}
.p3 .text{top:20%;width:100%;text-align:center}
.p4{background:#fff;z-index:7}
.p4 .text{top:20%;left:12%}
.p4 .text h2,.p4 .text p,.p6 .text h2,.p6 .text p,.p7 .text h2,.p7 .text p{color:#000}
.p4-con{position:fixed;top:15%;left:50%;transform:translateX(-50%);max-width: 1600px;}
.p4-con .pic{height: 70vh;overflow: hidden;}
.p4-con img{object-fit: cover;}
.p4 .info .parameter{display:flex;width:60%;float:left}
.p4 .info .parameter dl{margin-right:15%;margin-top:20px}
.p4 .info .parameter dl dt{font-size:18px}
.p4 .info .parameter dl dd{font-size:36px;line-height:200%}
.v360{min-height: unset;}
.v360 a{position:absolute;bottom:30px;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{position:absolute}
.p5{background:#f1f1f1;z-index:7}
.p5 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p5 .box{width:49%;float:left;text-align:center}
.p5 .box:nth-child(2){float:right}
.p5 .box h2,.p8 .box h2{font-size:30px;line-height:200%;margin-top:5%}
.p5 .box span{font-size:18px}
.p6{background:#e4e4e4;z-index:6}
/*.p6 .text h2,.p6 .text p{opacity:0}*/

.p6 .text{top:20%;width:100%;text-align:center}
.p6 .bg{background:url("../images/6.jpg") center bottom no-repeat;position:absolute;bottom:0;width:100%;height:100vh}
/*.p6.nofix .text{top: 60% !important;}*/
.p7{z-index:7;background:#fff}
/*.p7 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p7 .box .pic{float:left;width:71%}
.p7 .box .text{position:relative;width:25%}
.p7 .box .text h2,.p7 .box .text p{color:#000}*/
.p7 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width: 66% !important;}
.p7 .slick-arrow{width:28%;height:100vh;position:absolute;top:50%;transform:translateY(-50%);font-size:0;z-index:1;cursor:pointer;}
.p7 .slick-arrow.slick-prev{left:-24%;background:url("/template/default/images/arr-l3.png") no-repeat center}
.p7 .slick-arrow.slick-next{right:-24%;background:url("/template/default/images/arr-r3.png") no-repeat center}
.p7 .slide{width:90%;max-width:1200px}
.p7 .slick-list{overflow: inherit !important;}
.p7 .box{padding: 20px;text-align: center;position: relative;}
.p7 .box .text{position: absolute;display: none;max-width: 900px;left: 50%;transform: translateX(-50%);width: 100%;}
.p7 .box h2,.p8 .box h2{font-size:30px;line-height:200%;margin-top:2%}
.p7 .box span,.p8 .box span{font-size:18px}
.p7 .box span{display: block;max-width: 790px;}
.p7 .box .pic{background: #000;overflow: hidden;height: 60vh;}
.p7 .box .pic img{ filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;max-width: none;object-fit: cover;}
.p7 .box.slick-active .pic img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.p7 .box.slick-active .text{display: block;}
.p8{background:#f2f2f2;z-index:8}
.p8 .text{position:relative;text-align:center;margin:5% auto 3%;}
.p8 .text h2,.p8 .text p{color:#000}
.p8 .box{width:31%;float:left;margin-right:3.5%}
.p8 .box:last-child{margin-right:0}
.p8 .box span{font-size:16px}
.p9{background:url("../images/9.jpg") no-repeat center center;z-index:5}
.p9 .text{top:20%;width:100%;text-align: center;}
.p9 .text p{}
.p9 .parameter{margin-top:50px;width:70%}
.p9 .parameter dl{float:left;overflow:auto;width: 33.33%;}
.p9 .parameter dl dt{font-size:18px;color:#fff}
.p9 .parameter dl dd{font-size:36px;line-height:200%;color:#fff}
.p10 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p10 .slick-arrow{width:38px;height:74px;position:absolute;top:50%;transform:translateY(-50%);font-size:0;z-index:1}
.p10 .slick-arrow.slick-prev{left:0;background:url("../images/arr-l.jpg") no-repeat center}
.p10 .slick-arrow.slick-next{right:0;background:url("../images/arr-r.jpg") no-repeat center}
.p10 .slide{width:90%;max-width:1200px}
.p10 .box h2,.p10 .box h2{font-size:30px;line-height:200%;margin-top:5%}
.p10 .box span,.p10 .box span{font-size:18px}
.p11{background:url("../images/11.png") no-repeat center #f0f1f2;position:relative;height:100%}
.p11 .text{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center !important}
.p11 .text h2{font-size:48px;line-height:300%}
.p11 .text h2,.p11 .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,.p4-con{position: absolute !important;opacity: 1 !important;}
  .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;}
  .p9{background:url("../images/m-9.jpg") no-repeat center center;}
  .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;}
  .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{display: none;}
  .p4 .info .parameter{width: 100%;}
  /*.section .w{position:relative !important;top: auto !important;left: auto !important; transform: translate(0) !important;margin-top: 10%;}*/
  .p5{background: #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;}
  .p6 .bg{height: 50%;background-size: auto 50%;bottom: 10%;}
  /*.p8{min-height: inherit;}*/
  .p7 .w,.p10 .w{width:100% !important;transform: translate(-50%,-50%);}
  .p7 .slide,.p10 .slide{width:100%;}
  .p7 .box{padding: 0;}
  .p7 .box .text{position:relative !important;margin-top: 15px; left: 0 !important;transform: translate(0);min-height: 150px;}
  .p7 .box .pic{height: auto;}
  .p7 .box .pic img{max-width: 100%;}
  .p8{background: #f2f2f2 !important;}
  .p8 .text{left: 0 !important;margin: 10% auto 5%;}
  .p11 .bg,.p12 .bg{display: none;}
  .p9 .parameter{display: block;width: 100%;left: 0%;bottom: 10%;position:absolute;}
  .p9 .parameter dl{width: 50%;float: left;margin-top: 15px;}
  .v360 a{border-width: 1px;background-size: auto 70%;padding: 5px 15px 5px 35px;font-size: 12px;background-position: 15px center;margin-top: 30px;}
  .p10 .box span{min-height: 100px;display: block;}
  .p10 .text{position: relative !important;left: 0 !important;margin-top: 10%;}
  .p11{height: 50vh;background-size: 85% auto; background-position-y: 20%;}
  .p11 .text,.p16 .text{left: 7.5%;transform: translateY(-50%)}
  .p12 .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;}
}