/*
body{overflow-x: hidden}
#main{width: 100%;height: 100%}
#gallery-thumbs-bg{position: absolute;width: 100%;height: 18%;background-color: #FFFFFF;opacity: .6;bottom: 0;z-index: 1;opacity: 0;}


#space{width: 100%;height: 7%}
#nav{float: left;margin:0 3% 0 10.4%}
#nav ul{width: 100%}
#nav li{width: 80%}
#nav img{width: 100%}
#nav-bg{float: left;margin-left: -14%}
#nav-bg li{width: 80%}
#nav-bg img{width: 100%;opacity: 0}
!*#nav li{text-align: center;margin:0 0 8% 0}*!
!*h1{float: left;width: 70%;margin-bottom: 3%}*!
#back{position: fixed;bottom: 10px;right:10px;border-radius: 50%;overflow: hidden;z-index: 100;width: 65px}
#back img{width: 100%}


#content img{float: left;width: 100%}
#content h1{margin: 0  5% ; }
#content p{font-size: 17px;width: 90%;text-indent: 10px;margin: 0 auto 5% auto;}
#content .page{overflow: auto;width: 2.6%;float: left;margin-right: 1.5%}


!*swiper  修改*!

#transform-pic{width: 100%;height: 100%;overflow: hidden}
#transform-pic .gallery-top{width: 100%;height:100%}
#transform-pic .gallery-thumbs{height:18%;position: absolute;bottom: 0;left: 12%;right: 12%;opacity: 0;}
.gallery-thumbs .swiper-wrapper{margin-left: -42%}
.gallery-top .swiper-slide{background-size: 100% 100%;background-repeat: no-repeat}
.gallery-thumbs {box-sizing: border-box;padding: 15px 0 10px 0;}
.gallery-thumbs .swiper-slide {opacity: 0.6;background-repeat: no-repeat; border-radius: 10px; }
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.swiper-slide {background-position: center;  }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("../images/lyzy/button-next.png");margin-right: 4%}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("../images/lyzy/button-pre.png");margin-left: 4%}

#business-button-next{position: absolute;bottom: 20px;z-index: 100;width: 100%;text-align: center}
#business-button-next img{cursor: pointer}

@media screen  and (max-width:1024px){

    #back{position: fixed;bottom: 60px;right:10px;border-radius: 50%;overflow: hidden;z-index: 100;width: 45px}
    #business-button-next img{width: 7%;}
    #content p{font-size: 14px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-size: 60%;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-size: 60%;}
}
@media screen and (min-width:1025px) and (max-width:1330px){
    #back{position: fixed;bottom: 60px;right:10px;border-radius: 50%;overflow: hidden;z-index: 100;width: 45px}
    #business-button-next img{width: 7%;}
    #content p{font-size: 14px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-size: 60%;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-size: 60%;}
}
*/
#main{height: 100%}
.swiper-container{width: 100%;height: 100%;}
.swiper-wrapper{width: 100%;height: 100%;}
.swiper-slide{width: 100%;height: 100%;}
.swiper-slide img{width: 100%;}
#content h1{margin: 3%  5% 1% 5%; }
#content p{font-size: 18px;width: 90%;text-indent: 10px;margin: 0 auto 5% auto; }
#content .page{overflow: auto;width: 2.6%;float: left;margin-right: 1.5%}

.leftArrow{width: 40px;height: 82px; position: absolute;left: 2%;top: 50%;background: url("../images/lzg/button-pre.png") no-repeat center;background-size: 100% 100%;}
.rightArrow{width: 40px;height: 82px; position: absolute;right: 2%;top: 50%;background: url("../images/lzg/button-next.png") no-repeat center;background-size: 100% 100%;}
#business-button-next{position: absolute;bottom: 30px;z-index: 100;width: 100%;text-align: center}
#business-button-next img{cursor: pointer}
#back{position: fixed;bottom: 10px;right:10px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius:50%;overflow: hidden;z-index: 100;width: 65px;}
#back img{width: 100%;}

@media screen  and (max-width:1023px){

    #back{position: fixed;bottom: 30px;right:10px;border-radius: 50%;overflow: hidden;z-index: 100;width: 45px}
    #business-button-next{position: absolute;bottom: 10px;z-index: 100;width: 100%;text-align: center}
    #business-button-next img{width: 7%;}
    #content p{font-size: 14px;}
    .leftArrow{width: 20px;height: 42px; position: absolute;left: 2%;top: 50%;background: url("../images/lzg/button-pre.png") no-repeat center;background-size: 100% 100%;}
    .rightArrow{width: 20px;height: 42px; position: absolute;right: 2%;top: 50%;background: url("../images/lzg/button-next.png") no-repeat center;background-size: 100% 100%;}
    .swiper-slide img{width: 130%;}
}
@media screen  and (max-width:1330px){
    body{overflow-x: hidden}
    #back{position: fixed;bottom: 30px;right:10px;border-radius: 50%;overflow: hidden;z-index: 100;width: 45px}
    #business-button-next img{width: 7%;}
    #business-button-next{position: absolute;bottom: 10px;z-index: 100;width: 100%;text-align: center}
    #content p{font-size: 14px;}
    .leftArrow{width: 20px;height:42px; position: absolute;left: 3%;top: 50%;background: url("../images/lzg/button-pre.png") no-repeat center;background-size: 100% 100%;}
    .rightArrow{width: 20px;height: 42px; position: absolute;right: 3%;top: 50%;background: url("../images/lzg/button-next.png") no-repeat center;background-size: 100% 100%;}
    .swiper-slide img{width: 130%;}
}
@media screen and (min-width:1331px) and (max-width:1399px){
    .leftArrow{width: 30px;height:52px; position: absolute;left: 2%;top: 50%;background: url("../images/lzg/button-pre.png") no-repeat center;background-size: 100% 100%;}
    .rightArrow{width: 30px;height: 52px; position: absolute;right: 2%;top: 50%;background: url("../images/lzg/button-next.png") no-repeat center;background-size: 100% 100%;}
    #business-button-next img{width: 6%;}
    #content p{font-size: 16px;}
}
@media screen and (min-width:1400px) and (max-width:1580px){
    .swiper-slide img{width: 110%;}
}