@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 h2{font-size:36px;line-height: 150%;}
.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%;right:15%;}
.p1 .text h1{text-transform: uppercase;font-weight: bold;}
.p1 .text h2{padding-left: 2px;}
.p1 .text .more{margin-left: 5px;}
.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;}
/*.p2 .text p{max-width: 980px;}*/
.p2 .parameter{display:flex;width:867px;margin: 0 auto;position: fixed;bottom: 65px;color: #fff;left: 50%;transform: translateX(-50%) !important;}
.p2 .parameter dl{margin-right:50px;padding-right: 50px;;margin-top:50px;margin-left: 0;border-right: 1px solid #fff;text-align: left;}
.p2 .parameter dl:last-child{border-right: none;margin-right: 0;padding-right: 0;}
.p2 .parameter dl dd{font-size:18px}
.p2 .parameter dl dt{font-size:36px;line-height:100%;margin-bottom: 20px;}
.p3{background:url("../images/3.jpg") center center no-repeat #fff;z-index:8}
.p3 .text{bottom:10%;left: 5%;}
.p3 .text p{float: left;}
.p3 .text .parameter{width: 90%;float: left;margin-top: 2%;}
.p3 .text .parameter dl{border-left: 1px solid #fff;padding-left: 15px;margin-right: 50px;float: left;}
.p3 .text .parameter dl dt{color: #fff;font-size: 28px;}
.nofix .p4-con,.nofix .text,.nofix .parameter{position:absolute !important}
.p4{background:#e4e4e4;z-index:7;height: 120vh}
.p4 .text{top:20%;width: 100%;text-align: center;}
.p4 .bg{background:url("../images/4.jpg") center bottom no-repeat #e4e4e4;position:absolute;bottom:0;width:100%;height:690px;}
/*.p4.nofix .text{top: 55% !important;}*/
.p2 .text h2,.p2 .text p,.p4 .text h2,.p4 .text p,.p5 .text h2,.p5 .text span,.p8 .text h2,.p8 .text p{color:#000}
/*.p4-con{position:fixed;top:10%;left:50%;transform:translateX(-50%)}*/
.p5{background:#fafafa;z-index:6}
.p5 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width: 66% !important;}
.p5 .slick-arrow{width:28%;height:100vh;position:absolute;top:50%;transform:translateY(-50%);font-size:0;z-index:1;cursor:pointer;}
.p5 .slick-arrow.slick-prev{left:-24%;background:url("/template/default/images/arr-l3.png") no-repeat center}
.p5 .slick-arrow.slick-next{right:-24%;background:url("/template/default/images/arr-r3.png") no-repeat center}
.p5 .slide{width:90%;max-width:1200px}
.p5 .slick-list{overflow: inherit !important;}
.p5 .box{padding: 20px;text-align: center;position: relative;}
.p5 .box .text{position: absolute;display: none;max-width: 1200px;left: 50%;transform: translateX(-50%);width: 100%;}
.p5 .box h2,.p10 .box h2{font-size:30px;line-height:200%;margin-top:2%}
.p5 .box span,.p10 .box span{font-size:18px}
.p5 .box span{display: block;}
.p5 .box .pic{background: #000;overflow: hidden;height: 60vh;}
.p5 .box .pic img{ filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;max-width: none;object-fit: cover;}
.p5 .box.slick-active .pic img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.p5 .box.slick-active .text{display: block;}
/*.p5 .text{top:30%;width: 100%;text-align: center;}
.p5 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p5 .slick-arrow{width:42px;height:23px;position:absolute;top:50%;transform:translateY(-50%);font-size:0;z-index:1}
.p5 .slick-arrow.slick-prev{left:0;background:url("/template/default/images/arr-l2.jpg") no-repeat center}
.p5 .slick-arrow.slick-next{right:0;background:url("/template/default/images/arr-r2.jpg") no-repeat center}
.p5 .slide{width:90%;max-width:1200px}
.p5 .box{text-align: center;}
.p5 .box .media{height:65vh;}
.p5 .box h2,.p10 .box h2{font-size:30px;line-height:200%;margin-top:2%}
.p5 .box span,.p10 .box span{font-size:18px}*/
.p6{z-index:5;background:url("../images/6.jpg") center bottom no-repeat #fff;}
.p6 .text{right: 5%;bottom: 5%;color: #fff;text-align: right;width: 55%;}
.p7{background:#9f9d9d;z-index:4;}
.v360{min-height: unset;}
.v360 a{;bottom:2vh;right:7%;border:2px solid #fff;display:inline-block;background:url(../images/360.jpg) no-repeat 20px center;padding:6px 50px 6px 70px;color:#fff;font-size:18px}
.p7 .text{top:15%;width:100%;text-align:center}
.p7 .bg{background: #eee;position: fixed;bottom: 0;width: 100%;}
.p7 .parameter{margin:2% auto;width:47%;float: left;}
.p7 .parameter dl{float:left;overflow:auto;text-align: left;margin: 10px 0;padding-left: 4%;border-left: 2px solid #000;width: 180px;}
.p7 .parameter dl dd{font-size:14px;color:#000}
.p7 .parameter dl dt{font-size:24px;color:#000}
.p7 .parameter dl:nth-child(2n-1){border-left: none;margin-left: 0;padding-left: 0;}
.p7 .parameter dl:nth-child(2n){width: 500px;position: relative;margin-right: 0;padding-right: 0;}
.p7 .parameter dl .tips{position:absolute;right: 0;bottom: 24px;font-size: 12px;color: #000;}
.p7 .intro{font-size: 18px;line-height: 150%;margin-top:3%;width: 47%;float: right;}
.p7.nofix .bg{position: absolute;}
.p8{z-index: 5; background: #f2f2f2;}
.p8 .text{top:5%;width:100%;text-align:center;position: absolute;}
.p8 .w{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}
.p8 .box{width: 31%;margin-right: 3.5%;float: left;}
.p8 .box:last-child{margin-right: 0;}
.p8 .box h2,.p10 .box h2{font-size:30px;line-height:200%;margin-top:5%}
.p8 .box span,.p10 .box span{font-size:18px}
.p9{background:url("../images/9.jpg") no-repeat center #e5e5e5;position:relative;height:100%;z-index: 2}
.p9 .text{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}
.p9 .text h2{font-size:48px;line-height:300%}
.p9 .text h2,.p9 .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) {

}
@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,.p7 .bg{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;}
  .p6{background:url("../images/m-6.jpg") no-repeat center center;}
  .p4 .bg{background:url("../images/m-4.jpg") center bottom no-repeat; height: 420px;}
  .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{top: 13% !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;}
  .p1 .text{top: 17% !important}
  /*.p4-con{width: 85%;left: 7.5%;top: 35%;transform: translate(0)}*/
  .p4-con .pic,.p2 .parameter,.p3 .text .parameter{display: none;}
  .p4 .info .parameter{width: 100%;}
  .p4 .bg{background-size: 100% auto;bottom: 6%;}
  /*.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)}
  .box h2,.box span{color: #000 !important;}
  .box h2{line-height: 100% !important;margin: 10px auto !important;}
  .p8{min-height: inherit;}*/
  .p8 .box{width:100% !important;margin: 20px auto;}
  .p5 .w,.p9 .w{width:100% !important;transform: translate(-50%,-50%);}
  .p5 .slide,.p9 .slide{width:100%;}
  .p5 .box{padding: 0;}
  .p5 .box .text{position:relative !important;margin-top: 15px; left: 0 !important;transform: translate(0);min-height: 150px;}
  .p5 .box .pic{height: auto;}
  .p5 .box .pic img{max-width: 100%;}
  .p7{background-color: #f2f2f2 !important;padding: 5% 0}
  .p7 .text{top:15% !important}
  .p7 .text h2,.p7 .text p{color: #000;}
  .p11 .bg,.p12 .bg,.p8 .text{display: none;}
  .p7 .pic {background: #9f9d9e;text-align: center;padding: 8% 5%;width: 118%;margin-left: -9%;margin-top: 10%;}
  .p7 .bg{bottom: 6%;background: #f2f2f2;}
  .p7 .parameter{bottom: 10%;/*position:fixed;*/width: 100%;}
  .p7 .parameter dl{width: auto !important;float: left;margin-top: 15px;margin-left: 0; margin-right:8% !important; border: none;}
  .p7 .parameter dl:nth-child(3){margin-right: 0 !important;}
  .p7 .parameter dl:last-child{margin-left: 0;width: 100% !important;padding: 0;}
  .p7 .parameter dl .tips{left:  100px;right: auto;font-size: 16px;bottom: 10px;}
  .parameter dl:nth-child(2n){width: auto;padding-left: 0;}
  .v360 a{border-width: 1px;background-size: auto 70%;padding: 5px 15px 5px 35px;font-size: 12px;background-position: 15px center;margin-top: 30px;}
  .p8{background: #fff;}
  .p8 .w{position: relative;left: 0;top: 0;transform: translate(0);width: 100% !important;}
  .p8 .box{margin: 0 auto 20px;}
  .p8 .box span{display: block;}
  .p8 .box .text{position: relative !important;left: 0 !important;margin-top: 10%;text-align: center;display: block;}
  .p9{height: 50vh;background-size: 85% auto; background-position-y: 20%;}
  .p9 .text,.p16 .text{left: 7.5%;transform: translateY(-50%)}
  .p9 .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;}
}