.part{position:relative}
.part .content{overflow:hidden}
nav.navbar{z-index:9999}
#p1{background-color:#ebebeb;width:100%;max-height:1080px}
#p1 .logo{position:absolute;top:35%;left:0;width: 100%;display: block;}
#p1 .logo img{
  width:190px;
  display: block;
  margin: 0 auto;
}
#p1 .leaf{position:absolute;bottom:4.96%;right:0;width:29.06%}
#p1 ul.nav .nav-item{padding:0 16px}
#p1 ul.nav{position:absolute;left:0;bottom:100px;width:100%}
#p1 ul[imagenav].nav .nav-link{width:120px;padding:0;padding-top:25.5%;background-size:auto 100%;background-repeat:no-repeat;position:relative}
#p1 ul[imagenav].nav .nav-link img{position:absolute;top:0;right:0;height:100%}
.top{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.part:after{content:'';height:15px;width:100%;position:absolute;bottom:-15px;left:0;background-image:url(../img/devide.png);background-size:100% 100%;z-index:2}
.part .content{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:8%}
#p2{width:100%;padding-top:55%;max-height:1080px;background-position:top center;background-size:cover;background-repeat:no-repeat}
#p2 .intro{width:47.86%;display:block;margin:0 auto}
#p2 .balloon{position:absolute;width:7.135%;top:21%;left:16.145%}
#p2 .more{position:absolute;right:18.22%;top:30.1%;width:1.56%}
.more img{display:block;width:100%}
#p3{background-color:#f8f7f3;width:100%;padding-top:55%;max-height:1080px}
#p3 .content{padding-top:6%}
#p3 .pro{width:40.156%;display:block;position:absolute;left:55%;margin-left:-20%;top:15%}
#p3 .title{width:18.02%;position:absolute;left:21.14%;top:35.92%}
#p3 .text{width:18.125%;display:block;position:absolute;left:50%;margin-left:-9.062%;bottom:13.94%}
#p3 .cloud1{position:absolute;top:9.35%;right:34.74%;width:6.77%}
#p3 .cloud2{position:absolute;top:35.6%;right:26.04%;width:6.35%}
#p4{background-color:#dfe3ee;width:100%;padding-top:55%;max-height:1080px}
#p4 .pro{position:absolute;width:54.95%;left:47%;margin-left:-27.5%;top:9.35%}
#p4 .title{position:absolute;right:25%;bottom:12.4%;width:20.8%}
#p4 .text{position:absolute;bottom:21%;left:35.42%;width:15.42%}
#p5{background-color:#f8f7f3;width:100%;padding-top:55%;max-height:1080px}
#p5 .pro{position:absolute;width:46.72%;left:50%;margin-left:-23.35%;top:9.35%}
#p5 .title{position:absolute;left:20.3%;width:21.4%;bottom:8.78%}
#p5 .text{position:absolute;bottom:17.37%;left:44.9%;width:19.2%}
#p5 .cloud3{position:absolute;top:8.97%;right:24.48%;width:6.77%}
#p5 .pump{position:absolute;bottom:26.53%;right:24.8%;width:6.4%}
#p5 .more{position:absolute;bottom:5.53%;width:4.32%;right:31.67%}
#p6{background-color:#f8f7f3;width:100%;padding-top:55%;max-height:1080px}
#p6 .pro{position:absolute;top:0;left:0;width:100%}
#p6 .text{position:absolute;bottom:8.59%;left:50%;width:25.83%;margin-left:-12.9%}
#p6 .title{position:absolute;left:30.36%;width:5.83%;bottom:25.57%}
#p7{background-color:#dfe3ee;width:100%;padding:80px 0}
#p7 .logo{position:absolute;left:9.9%;top:31.1%;width:16.1%;z-index:0}
#p7 .title{position:absolute;right:14.375%;width:2.86%;top:38.17%;z-index:0}
#p7 .shoplist{width:48%;display:block;overflow:hidden;margin:0 auto}
#p8{position:relative;padding-top:58%;overflow:hidden}
#p8 .p8t{position:absolute;z-index:9;top:15.84%;left:0;width:100%;text-align:center}
#p8 .p8t img{width:180px}
.shoplist li{list-style:none;display:block;float:left;width:50%;margin-bottom:30px}
.shoplist .shopname{color:#8c9ec2;margin-bottom:5px;font-size:20px;font-weight:lighter}
.shoplist .shopaddress{font-weight:lighter}
#ft{padding:130px 15px}
.topimg{position:absolute;top:-5%;left:0;width:100%}
.applyform{display:block;width:50%;font-size:14px;line-height:2}
.applyform input,.applyform textarea{background:#fff;color:#fff;margin-top:15px;border:1px solid #a2a1af;width:100%;max-width:25pc;padding:5px;border-radius:5px}
.applyform .submitbtn{background:#a2a1af;color:#fff;margin-top:15px;border:1px solid #a2a1af;width:100%;max-width:25pc;padding:5px;border-radius:5px}
.footer-bottom{background:#ebebeb;width:100%;line-height:2pc;padding:5px 0;font-size:13px;text-align:center}
.footer-bottom-content{display:inline-block;vertical-align:middle;line-height:1.2}
.show-xs{display:none!important}
.contact{padding-left:28%}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.list{margin-top:200px;margin-bottom:150px;position:relative;display:block;overflow:hidden;background:rgba(255,255,255,.8);padding:1rem;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.list .title{display:block;overflow:hidden;font-size:1.5rem;padding:1rem}
.list .item{padding:15px;width:25%;float:left;display:block}
.list .item .itemcontent{border-radius:5px;overflow:hidden;display:block;box-shadow:0 0 0 rgba(0,0,0,.15);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.list .item .itemimg{width:100%;padding-top:56.25%;background-position:center center;background-size:cover;background-repeat:no-repeat;border-radius:5px}
.list .item .iteminfo{padding:15px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.list .item .itemcontent:hover{background:#fff;box-shadow:0 0 50px rgba(0,0,0,.15);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.imgbox{display:block;width:100%;text-align:center}
.imgbox img{width:100%;max-width:50pc;display:inline-block}
.options .op{flex:1;text-align:center}
.op a{display:inline-block;width:1.5rem;height:1.5rem}
.op i{font-size:2rem;color:#fff}
.modal-container,.options{position:absolute;left:0;width:100%;display:flex;bottom:.5rem;height:2rem}
.modal-container{top:0;height:100%;z-index:100;justify-content:center;align-items:center;background:0 0;border:none}
.modal{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0}
#prolist ul{padding-left:0}
#prolist .nav-link{color:#9cacc7}
#prolist .nav-link.active{color:#899EC3}
.pagecontent{margin-top:200px;background:rgba(255,255,255,.8);padding:1rem;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.15);margin-bottom:100px}
.pagecontent .title{font-size:1.5rem}
.pagecontent .subinfo{font-size:15px;margin:15px 0;color:#3a3a3a}
.pagecontent .content{font-size:15px;text-align:justify}
.number{font-size:40px;width:100%;color:#8d9dc3;font-weight:700;display: block;}
.panel{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,1);transform:translateY(0);transition:transform .3s ease;z-index:9999}
.panel.hidden{transform:translateY(-100%);transition:transform .3s ease}
.panel .close{display:block;position:absolute;top:15px;right:15px;font-size:40px;line-height:1;z-index:9999;transform:rotate(45deg)}
.thumbnails{display:block;position:absolute;left:0;top:0;width:230px;height:100%;overflow:hidden;z-index:99}
.thumbwrap::-webkit-scrollbar{width:6px;background-color:#fff}
.thumbwrap::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:5px}
.thumbwrap::-webkit-scrollbar-track{background-color:#fff}
.thumbwrap{display:block;height:100%;padding:15px;overflow-y:scroll}
.thumbnails .img-thumbnail{margin-bottom:15px;cursor:pointer}
.imgshow{position:absolute;padding-left:250px;width:100%;height:100%;left:0;top:0;z-index:9}
.imgshow .imgwrap{width:860px;height:800px;margin-top:-400px;margin-left:-330px;position:absolute;top:50%;left:50%;line-height:800px;padding:0 50px}
.imgwrap .swiper-slide{padding:10px}
.imgshow img{display:inline-block;width:100%;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,.15);border-radius:5px;vertical-align:middle}
.img-thumbnail.active{border-color:#899EC3}

@media (max-width:768px){
nav.show-xs{display:flex!important}
.hidden-xs{display:none!important}
.show-xs{display:block!important}
.logowhite{width:120px;display:block;margin:0 auto;margin-bottom:20px}
.number{font-size:40px;width:100%;color:#8d9dc3!important;font-weight:700;text-decoration: none;display: block;}
.topimg{position:absolute;top:0;left:0;width:100%}
#p2{width:100%;padding-top:55%;max-height:1080px;background-position:top center;background-size:cover}
#p8 .p8t{position:absolute;z-index:9;top:5%;left:0;width:100%;text-align:center}
#p8 .p8t img{width:120px}
#p1 .logo{position:absolute;top:35%;left:0;margin-top:0;width: 100%;display: block;}
#p1 .logo img{
  width:120px;
  display: block;
  margin: 0 auto;
}
#p1 .leaf{position:absolute;bottom:0;right:0;width:100%}
#p1 ul.nav{position:absolute;left:0;bottom:8%;width:100%}
#p1 ul.nav .nav-item{padding:0 16px;margin-bottom:10px}
#p2 .intro{width:100%;padding:0 10px;display:block;margin:0 auto}
#p2 .balloon{position:absolute;width:25.135%;top:45%;left:20.145%}
#p3 .pro{width:50%;display:block;position:absolute;margin:0;left:25%;top:0}
#p3 .title{width:33%;position:absolute;left:33.14%;top:22.92%}
#p3 .text{width:55.125%;display:block;position:absolute;left:50%;margin-left:-27.062%;bottom:13.94%}
#p4 .pro{position:absolute;width:100%;left:0;margin-left:0;top:5%}
#p4 .title{position:absolute;right:25%;bottom:5.4%;width:50%}
#p4 .text{position:absolute;bottom:40%;left:25%;width:50%}
#p5 .title{position:absolute;left:25%;width:50%;bottom:8%}
#p5 .pro{position:absolute;width:50%;left:25%;margin-left:0;top:9%}
#p5 .text{position:absolute;bottom:45%;left:25%;width:50%}
#p6 .title{position:absolute;left:40%;width:20%;bottom:50%}
#p6 .pro{position:absolute;top:0;left:-25%;width:150%}
#p6 .text{position:absolute;bottom:8%;left:15%;width:70%;margin-left:0}
#p7 .shoplist{width:100%;display:block;overflow:hidden;margin:0 auto;padding:15px}
#p7 .shoplist li{list-style:none;display:block;float:left;width:100%;margin-bottom:20px}
#p7{background-color:#dfe3ee;width:100%;padding:40px 0}
#p8{position:relative;padding-top:100%;overflow:hidden}
#p8 #imageFlow .text{bottom:68%}
#ft{padding:30px 15px}
.contact{padding:15px}
.applyform{display:block;width:100%;font-size:14px;line-height:2}
.formicon{width:40px}
.list .item{padding:15px;width:50%;float:left;display:block}
.list{margin-top:20px}
.pagecontent{margin-top:0;background:#FFF;border-radius:0;margin-bottom:0}
.thumbnails{display:block;position:absolute;left:0;bottom:0;top:auto;width:100%;height:120px;overflow:hidden;z-index:99}
.thumbwrap{display:inline;white-space:nowrap;width:100%;float:left;padding:15px;overflow-y:hidden;overflow-x:scroll}
.thumbwrap::-webkit-scrollbar{width:auto;height:6px;background-color:#F5F5F5}
.thumbnails .img-thumbnail{margin-bottom:0;margin-right:15px;width:auto;height:100%;cursor:pointer;display:inline-block}
.imgshow{position:absolute;padding-left:0;width:100%;height:100%;left:0;top:auto;bottom:80px;z-index:9}
.imgshow .imgwrap{width:100%;height:600px;margin-top:-300px;margin-left:0;position:absolute;top:50%;left:0;line-height:600px;padding:0}
}