@charset "utf-8";

.box1 .banner .swiper-containert a img{width: 100%;}
.box1 .banner .swiper-containert .swiper-paginationt{bottom: 0.4rem!important;}

.box2{background: url(bgh.png) no-repeat bottom;width: 100%;height: 7.42rem;position: relative;z-index: 1;}
.box2 .wrap{position: relative;}
.box2 .info{float: left;margin-top:117px;width: 4.6rem;position: relative;margin-right: 40px;}
.box2 .info p:nth-child(1){font-size: 36px;color:#6d481a;font-family: '幼圆';}
.box2 .info p:nth-child(2){font-size: 9px;color:#6d481a;font-family: arial;}
.box2 .info p:nth-child(3){font-size: 14px;line-height: 0.3rem; color:#000;margin-top:0.6rem;text-align: justify;font-family: SimSun;}
.box2 .info .i{position: absolute;top:360px;left: 0;width: 31px;height: 9px; transition: all 0.4s;display: block;cursor: pointer;}
.box2 .info .i img{width: 31px;height: 9px;}
.box2 .info .i:hover{margin-left: 10px;}
.box2 .img{float: left;width: 681px;margin-top:70px;}
.box2 .img img{width: 681px;height: 444px;}
/* .swiper-container1 .swiper-slide{margin-right:18px;}
.swiper-container1 .swiper-slide:nth-child(3n){margin-right: 0;} */
.swiper-container1 {}
.box2 .swiper-button-prev1{width: 12px;height: 13px; background: url(prev1.png) no-repeat center;position: absolute;top:475px;left:380px;z-index: 5;cursor: pointer;}
.box2 .swiper-button-next1{width: 12px;height: 13px; background: url(next1.png) no-repeat center;position: absolute;top:475px;left:450px;z-index: 5;cursor: pointer;}
.box2 .xz2{width: 568px;height: 1px;position: absolute;top:510px;left:350px;z-index: 5;}


@media all and (max-width:1200px){
    .box2{width: 100%;height: auto;padding-bottom:0.2rem;background: url(bg2.jpg) no-repeat bottom; }
    .box2 .info{float: none;margin: 0;text-align: center;width: 100%;padding-top: 0.2rem;position: relative;}
    .box2 .img{float: none;width: 100%;margin-top:0.2rem;}
    .box2 .img img{width: 6.8rem;height: 4.44rem;}
    .box2 .info p:nth-child(1){font-size: 0.36rem;color:#6d481a;font-family: '幼圆';}
    .box2 .info p:nth-child(2){font-size: 0.09rem;color:#6d481a;font-family: arial;}
    .box2 .info p:nth-child(3){font-size: 0.24rem;line-height: 0.4rem; color:#000;margin-top:0.6rem;text-align: justify;}
    .box2 .info .i{position: absolute;bottom:-0.1rem;top:auto;right: 0;left:auto; width: 31px;height: 9px; transition: all 0.4s;display: block;cursor: pointer;}
    .btn1{display: none;}
}


.box3{width: 100%;height: 1265px;background: url(bgm.jpg) repeat center; background-size: 1920px 1200px;   background-attachment: fixed;text-align: center;margin-top:-100px;padding-top:100px;}
/* .box3 .hd{margin-top:140px;} */
.box3 .hd h2{font-size: 36px; color:#6d481a;font-weight: normal;font-family: '幼圆';}
.box3 .hd p{font-size: 13px;color:#6d481a;}

.box3 .swiper-containers{ width:100%; padding-top:11px; position:relative; text-align:center; margin-top:0.5rem; margin-bottom:0.1rem}
.box3 .swiper-containers:after{ content:""; display:block; width:100%; height:1px;border-top: 1px dashed #9e9c88; position:absolute; left:0; top:0.6rem}
.box3 .swiper-containers .swiper-slide{height: 2rem; text-align: center;position: relative;background: url(tuoyuan1.png)no-repeat center top 0.45rem;}
.box3 .swiper-containers .swiper-slide .intros{margin-top: 0.6rem; display: inline-block; width:0.8rem; height:0.8rem;border-radius: 50%;  text-align: center; overflow: hidden;transition: all 0.4s;position: relative; ; z-index: 20;border:2px solid #fff;background: rgba(0,0,0,0.5);}
.box3 .swiper-containers .swiper-slide .intros img{width: 0.8rem;height: 0.8rem;display: block;background: #000;opacity: 0.4;}
.box3 .swiper-containers .swiper-slide .p{width: 100%;text-align: center;font-size: 16px;z-index: 1;}

.box3 .swiper-containers .swiper-slide:hover .intros{ transform: scale(1.4);box-shadow: 0 0 5px #888;}

.box3 .swiper-containers .swiper-slide:hover .intros img{background: none;opacity: 1;}
.pos{position: relative;}
.box3 .swiper-containers .swiper-slide:after{ content:""; width:1px; height:50px;border-left: 1px dashed #9e9c88; position:absolute; left:50%; top:0.55rem;z-index: 9;}
.box3 .swiper-container2{margin-top: 50px;position: relative;}
.box3 .swiper-container2 .swiper-slide .mo_inf .m{font-size: 18px;line-height: 24px; color:#000;}
.box3 .swiper-container2 .swiper-slide .mo_inf .i{margin-top:15px;font-size: 12px;line-height: 24px;color:#0d0408;padding: 0 0.1rem;}
.box3 .swiper-button-prev2{width: 18px;height: 32px;background: url(prev2.png) no-repeat center;position: absolute;left: -20px;top:40%;cursor: pointer;z-index: 2;}
.box3 .swiper-button-next2{width: 18px;height: 32px;background: url(next2.png) no-repeat center;position: absolute;right: -20px;top:40%;cursor: pointer;z-index: 2;}
.box3 .phone{display: none;}
.box3 .pc{display: block;} 
.box3 .swiper-container2 .swiper-slide {position: relative;height: 300px;}
.box3 .swiper-container2 .swiper-slide .mo_inf{position: absolute;top:210px;width: 100%;}
.box3 .swiper-container2 .swiper-slide a{display: block;position: relative;padding-top:30px;}
.box3 .swiper-container2 .swiper-slide a:hover{padding-top:0; }
@media all and (max-width:1200px){
    .box3{text-align: center;height: 8.5rem; padding-top:0.8rem;background: url(bg3.jpg) no-repeat top;padding-bottom: 0.2rem;background-size: 19.2rem 9.4rem;margin-top:0;}
    .box3 .hd h2{font-size: 0.36rem;}
    .box3 .hd p{font-size: 0.09rem;}  
    .box3 .pc{display: none;} 
    .box3 .phone{display: block;}
    .box3 .swiper-container2 .swiper-slide .mo_inf{position: absolute;top:210px;width: 100%;}
    .box3 .swiper-container2 .swiper-slide .mo_inf .m{font-size: 18px;line-height: 24px; color:#000;}
    .box3 .swiper-container2 .swiper-slide .mo_inf .i{margin-top:0.15rem;font-size: 12px;line-height: 24px;color:#0d0408;}
    .box3 .swiper-containers{margin-top:0.2rem;}
    .box3 .swiper-containers .swiper-slide{height: 2.3rem;}
    .box3 .swiper-containers .swiper-slide .p{width: 100%;text-align: center;font-size: 0.24rem;z-index: 1;}
    .box3 .swiper-container2{margin-top: 0.1rem;}
    .box3 .swiper-container2 .swiper-slide a{display: block;padding: 0 0.2rem;}
    .box3 .swiper-container2 .swiper-slide p:nth-child(2){margin-top:0.48rem;font-size: 0.24rem;line-height: 24px; }
    .box3 .swiper-container2 .swiper-slide p:nth-child(3){margin-top:0.15rem;font-size: 0.18rem;line-height: 24px;padding: 0 0.2rem;}
}
@media all and (max-width:750px){
    .box3 .swiper-container2 .swiper-slide .mo_inf{top:1.5rem;}
}
@media all and (max-width:640px){
    .box3 .swiper-containers:after{ top:0.65rem}
}
@media all and (max-width:500px){
    .box3 .swiper-containers:after{ top:0.7rem}
}
@media all and (max-width:450px){
    .box3 .swiper-containers:after{ top:0.75rem}
}


.box4{width: 100%;height: 8.22rem;text-align: center;background: url(bgh-2.png) no-repeat bottom;position: relative;z-index: 2;margin-top:-500px;padding-top:150px;}
.box4 h2{font-size: 36px;color:#6d481a;font-family: '幼圆';}
.box4 .c{font-size: 9px;color:#6d481a;font-family: arial;}
.box4 .p{font-size: 14px;color:#666767;margin-top:25px;}
.box4 .p a{color:#6d481a;}
.box4 .p a:hover{opacity: 0.5;}
.box4 .x{margin-top:50px;}
/* .box4 .x a{display: block;width: 863px;height: 442px;overflow: hidden;position: relative;margin:0 auto;}
.box4 .x a img{width: 863px;height: 442px;}
.box4 .x a em{width: 863px;height: 442px;background: rgba(0,0,0,0.5) url(play.png) no-repeat center;position: absolute;top:-442px;left:0;transition: all 0.4s;}
.box4 .x a:hover em{top:0;} */
.box4 .x video{width: 785px;height: 442px;background: rgba(0,0,0,0.5) url(play.png) no-repeat center;}
@media all and (max-width:1200px){
    .box4{height: auto;padding-top:0.2rem;background: url(bg4.jpg) no-repeat bottom;margin-top:0;padding-top:0; }
    .box4 h2{font-size: 0.36rem;}
    .box4 .c{font-size: 0.09rem;}
    .box4 .p{font-size: 0.24rem;margin-top:0.2rem;padding:0 0.2rem;}
    .box4 .x{margin-top:0.5rem;}
    .box4 .x a{width: 100%;height: 4.42rem;overflow: hidden;position: relative;margin:0 auto;}
    .box4 .x a img{width: 100%;height: 4.42rem;}
    .box4 .x a em{width:100%;height: 4.42rem;top:0;}
    .box4 .x video{width: 100%;height: auto;background: rgba(0,0,0,0.5) url(play.png) no-repeat center;}
}


