body{overflow: hidden}
#mian{margin: 7% 1.8% 0 1.8%;}
.swiper-slide .left{width: 50%;float: left;margin-right: 1%}
.swiper-slide img{width: 100%}
.swiper-slide .right{float: left;width: 49%}
.swiper-slide .right .top{width: 100%;margin-bottom: 2%;}
.swiper-slide .right .top img{height: 307px;}/*适配*/
.swiper-slide .right .bottom{width:50%;height: 400px;}/*适配*/
.swiper-slide .bottom-1{position: absolute;width: 24%}
.swiper-slide .bottom-1a{position: absolute;width: 24%}
.swiper-slide .bottom-2{position: absolute;width: 24%;margin-left: 25%}
.swiper-slide .bottom-2b{position: absolute;width: 24%;margin-left: 25%}

/*.swiper-container-v{height: 100%}*/

/*#nav{position: fixed;top: 0;width: 100%;z-index: 100;padding:6.2% 0 0 2.8%}*/
.transform-logo-after img{cursor: pointer;width: 100%}
.transform-logo img{width: 100%}
.transform-logo{position:absolute;padding:6.4% 0 0 2.7%;width: 16.4% ;top: 0;z-index: 100}
/*.transform-logo-after{position:absolute;padding:6.4% 0 0 2.7%;width: 16.4%;top: 0;z-index: 100}*/
.transform-logo li{margin-bottom: 10%;cursor:pointer}/*调整*/
/*.transform-logo-after li{margin-bottom: 10%;opacity: 0}*/

.left img:hover,.right img:hover{opacity: .8}
 .more{position: absolute;top: 87%;left: 40%;z-index: 999;}
 .more img{width: 75%;}
#back{z-index: 10;border-radius: 50%;overflow: hidden;width: 56px;position: absolute;right: 0px;bottom: 0;}
#back img{width: 100%}

#page{position: absolute;bottom:1%;left:43%;z-index:200}

/*swiper修改*/
.swiper-pagination{width: 200px;float: left;position: static}
/*原来为绝对定位到底部，现改为浮动*/
.swiper-pagination-bullet{margin: 0 10px;width: 25px;height: 25px;font-size: 16px;text-align:center;line-height:25px;color:#b5b5b5;opacity:1;background:rgba(255,255,255,0.2);border: 1px solid #b5b5b5}
.swiper-pagination-bullet-active{background-color:#ebac1e;color:#fff;border: 1px solid #ebac1e}



@media screen and (max-width:1024px){
    #mian{margin: 13% 1.8% 0 1.8%;}
    #page{bottom:3%;left: 38.5%}
    #mian .more{position: absolute;top: 74%;left: 38%;z-index: 999;}
    #mian .more img{width: 55%;}
}

@media screen and (min-width:1025px) and (max-width:1330px){
    #mian{margin: 7% 1.8% 0 1.8%;}
    #page{bottom:3%;left: 38.5%}
    #mian .more{position: absolute;top: 82%;left: 37%;z-index: 999;}
}
@media screen and (min-width:1331px) and (max-width:1399px){
    #mian .more{position: absolute;top: 87%;left: 38%;z-index: 999;}
}

@media screen and (min-width:1400px) and (max-width:1580px){
    #mian .more{position: absolute;top: 76%;left: 38%;z-index: 999;}
}









/*
#mian{width: 100%;height: 100%;overflow: hidden;background-color: white;}
#cbox{}
.pic01{background: url("../images/zdxm/bowuguan-pic.jpg") no-repeat center;background-size: 100%;position:relative;}
.pic02{background: url("../images/zdxm/bowuguanpic-01.jpg") no-repeat center;background-size: 100%;float: right;}
.pic03{background: url("../images/zdxm/bowuguanpic-02.jpg") no-repeat center;background-size: 100%;float: right;}
.pic04{background: url("../images/zdxm/bowuguanpic-03.jpg") no-repeat center;background-size: 100%;float: right;}
.textword{background: url("../images/zdxm/bowuguan-word.png") no-repeat center;background-size: 100%;position: absolute;left: 0;top: 0;}
.textwordMei{background: url("../images/zdxm/meishuguan-word.png") no-repeat center;background-size: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.page{vertical-align: middle;text-align: center;font-size: 12px;color: #606060;line-height: 20px;margin: 6px 0px 0;}
.page a {vertical-align: middle;display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;
      color: #000; font-family: Arial, Helvetica, sans-serif;border-radius: 20px;border: 1px solid #b7b7b7;margin: 0 5px;
      transition: all 0.3s;}
.page a:hover{background-color: orange;}
.page .pre{background: url("../images/zdxm/pagepre.png")no-repeat center;background-size: 100%;}
.page .next{background: url("../images/zdxm/pagenext.png")no-repeat center;background-size: 100%;}

.meishuguan{position: absolute;background:url("../images/zdxm/meishu-word02.png")no-repeat center;background-size: 100%;z-index: 10}
.bowuguan{background:url("../images/zdxm/bowu-word01.png")no-repeat center;background-size: 100%;position: absolute;}
.opwordM{position: absolute;background:url("../images/zdxm/meishu-word01.png")no-repeat center;background-size: 100%;opacity: 0;}
.opwordB{background:url("../images/zdxm/bowu-word02.png")no-repeat center;background-size: 100%;position: absolute;opacity: 0;z-index: 15}
*/
/*
#mian{width: 100%;height: 100%;overflow: hidden;background-color: white;}
#cbox{overflow: hidden;margin:8% 2% 1% 6% }
#cbox ul  {width: 300%;}
.page .pageOne{ position: absolute;overflow: hidden;}
.pageOne .left01{background: url("../images/zdxm/bowuguan-pic.jpg") no-repeat center center;background-size: 100% 100%;float: left;}
.box{position: relative;}
.pageOne .left01 .meishuArrow01{background:url("../images/zdxm/meishu-word02.png")no-repeat center;background-size: 100%;z-index: 10;position: absolute;}
.pageOne .left01 .meishuArrow02{background:url("../images/zdxm/meishu-word01.png")no-repeat center;background-size: 100%;position: absolute;opacity: 0;}
.pageOne .left01 .buwuArrow01{background:url("../images/zdxm/bowu-word01.png")no-repeat center;background-size: 100%;position: absolute;z-index: 10;}
.pageOne .left01 .buwuArrow02{background:url("../images/zdxm/bowu-word02.png")no-repeat center;background-size: 100%;opacity: 0;z-index: 15;position: absolute;}
.pageOne .left01 .meishuWord{background: url("../images/zdxm/meishuguan-word.png") no-repeat center;background-size: 100%;position: absolute;top: 0;opacity: 0;}
.pageOne .left01 .bowuWord{background: url("../images/zdxm/bowuguan-word.png") no-repeat center;background-size: 100%;position: absolute;top: 0;}

.pageOne .right01{float: right;}
.pageOne .right01 .top01 img {opacity: 0 ;}
.pageOne .right01 .bottom01 img { opacity: 0; }
.pageOne .right01 .top01{background: url("../images/zdxm/bowuguanpic-01.jpg") no-repeat center center;background-size: 100% 100%;}
.pageOne .right01 .bottom01{ background: url("../images/zdxm/right-xia.jpg") no-repeat center center;background-size: 100% 100%;}

.page .pageTwo{ position: absolute;overflow:hidden;display: none;}
.pageTwo .left02{background: url("../images/zdxm/meishuguan-pic.jpg") no-repeat center center;background-size: 100% 100%;float: left;}
.pageTwo .right02{float:left;}
.pageTwo .right02 .top02{ background: url("../images/zdxm/meishuguanpic-01.jpg") no-repeat center center;background-size: 100% 100%;}
.pageTwo .right02 .bottom02{background: url("../images/zdxm/right-xia02.jpg") no-repeat center center;background-size: 100% 100%;}

.pageArrow{vertical-align: middle;text-align: center;font-size: 12px;color: #606060;line-height: 20px;}
.pageArrow a {vertical-align: middle;display: inline-block;line-height: 34px;text-align: center;color: #000; font-family: Arial, Helvetica, sans-serif;
               border-radius: 20px;border: 1px solid #b7b7b7;margin: 0 5px;transition: all 0.3s;}
.pageArrow .first{ background-color: orange; }
.pageArrow a:hover{background-color: orange;}
.pageArrow .pre{background: url("../images/zdxm/pagepre.png")no-repeat center;background-size: 100%;}
.pageArrow .next{background: url("../images/zdxm/pagenext.png")no-repeat center;background-size: 100%;}*/