.box_3 .custom_container{width:100%}
.box_3 .box-3-title{text-align:center;margin-bottom:8rem;padding-top:3.5rem}
.box_3 .swiper_box{position:relative}
.box_3 .swiper_box .swiper-container{width:100%;position:relative;margin:20px auto;pointer-events:auto}
.box_3 .swiper-slideL{float:left;width: 400px;height: 536px;background-color:#f7f3ea;position:relative;overflow: hidden;}
.box_3 .swiper-slideL img{width: 400px;height: 536px;}
.box_3 .swiper-slideL .swiper-slideL-c{background:url(../images/1-left.jpg) no-repeat center center;-webkit-background-size:contain;background-size:contain;width:100%;height:100%}
.box_3 .swiper-slideL .swiper-slideL-btn{text-align:center;width:197px;height:36px;background:#fdd43c;color:#59473b;font:400 16px/36px "microsoft yahei";position:absolute;bottom:23%;right:13%;cursor:pointer}
.box_3 .swiper-slideL .swiper-slideL-btn.on{-webkit-animation:icon .5s ease 0s 3}
.box_3 .swiper-slideR{float:left;width: 800px;position:relative;cursor:pointer;height: 536px;}
.box_3 .swiper-slideR>img{width:100%;height:100%}
.box_3 .swiper-slideR:hover .swiper-slideR-img{bottom:0}
.box_3 .swiper-slideR .swiper-slideR-img{position:absolute;bottom:-115px;left:0;right:0;height:114px;background:rgba(0,0,0,.5);padding:0 .66%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.box_3 .swiper-slideR .swiper-slideR-img ul{height:100%}
.box_3 .swiper-slideR .swiper-slideR-img li{float:left;height:100%;padding:1.5% .6692% 2%;border-bottom:4px solid transparent;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}
.box_3 .swiper-slideR .swiper-slideR-img li::before{content:'';display:inline-block;width:100%;height:0;position:absolute;bottom:0;left:0;background:0 0}
.box_3 .swiper-slideR .swiper-slideR-img li.on{border-bottom:4px solid #fdd43c;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}
.box_3 .swiper-slideR .swiper-slideR-img li.on::before{background:#fdd43c}
.box_3 .swiper-slideR .swiper-slideR-img li.on a::before{background:rgba(0,0,0,0)}
.box_3 .swiper-slideR .swiper-slideR-img li.in{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);-o-transform:translateY(2px);transform:translateY(2px)}
.box_3 .swiper-slideR .swiper-slideR-img li a{display:block;background:#fff;padding:4px;height:100%;overflow:hidden;position:relative}
.box_3 .swiper-slideR .swiper-slideR-img li a::before{content:'';display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:rgba(0,0,0,.3)}
.box_3 .swiper-slideR .swiper-slideR-img li a::after{content:'';display:inline-block;width:0;height:100%;position:absolute;top:0;right:0;border-right:4px solid #fff}
.box_3 .swiper-slideR .swiper-slideR-img li img{width:auto;height:100%}
.box_3 .swiper-slideR .swiper-slideR-img li:last-child{margin-right:0}
.box_3 .swiper_box>ul{height:40px;position:absolute;right:0;top:70px;cursor:pointer;pointer-events:auto;z-index:3}
.box_3 .swiper_box .sub{position:absolute;top:-80px;left:5px;pointer-events:auto;text-align:center}
.box_3 .swiper_box .sub li{width:155px;height:40px;color:#515151;font-size:22px;line-height:40px;text-align:center;display:inline-block}
.box_3 .box_3 .swiper_box .sub li:hover,.box_3 .swiper_box .sub li.on{font-size:26px}
.box_3 .box_3 .swiper_box .sub li:hover:nth-child(1),.box_3 .swiper_box .sub li.on:nth-child(1){color:#59473b;background:url(../images/item-bg-1.png) no-repeat center center}
.box_3 .box_3 .swiper_box .sub li:hover:nth-child(2),.box_3 .swiper_box .sub li.on:nth-child(2){color:#3f96d3;background:url(../images/item-bg-2.png) no-repeat center center}
.box_3 .box_3 .swiper_box .sub li:hover:nth-child(3),.box_3 .swiper_box .sub li.on:nth-child(3){color:#a36480;background:url(../images/item-bg-3.png) no-repeat center center}
.box_3 .box_3 .swiper_box .sub li:hover:nth-child(4),.box_3 .swiper_box .sub li.on:nth-child(4){color:#b98249;background:url(../images/item-bg-4.png) no-repeat center center}
.box_3 .swiper_box .sub .more{width:254px;text-align:center;border:1px solid #515151;color:#515151;font:400 22px/38px "microsoft yahei"}
.box_3 .swiper_box .sub .more:hover{color:#fdd43c;border:1px solid #fdd43c}
.box_3 .swiper-slide:nth-child(3) li{width:11.1%}
.box2 .sub{padding-bottom:3rem;pointer-events:auto;text-align:center}
.box2 .sub li{width:31%;height:40px;color:#fff;font-size:22px;line-height:40px;text-align:center;display:inline-block;background:url(../images/item-bg-5.png) no-repeat center center;opacity:.5;background-position-y:15px}
.box2 .sub li.on,.box2 .sub li:hover{font-size:26px}
.box2 .sub li.on,.box2 .sub li:hover{color:#fff;opacity:1}
.none{display:none}
.actives{display:block!important}
.box2 .sub .more{width:254px;text-align:center;border:1px solid #515151;color:#515151;font:400 22px/38px "microsoft yahei"}
.box2 .sub .more:hover{color:#fdd43c;border:1px solid #fdd43c}
