*{box-sizing: border-box;}
.w{width:100%;max-width:1200px;margin:0 auto;}
body{background:#f5f5f5;}

.factory_banner{width:100%;height:240px;}

.title{font-size:24px;color:#333;font-weight:600;text-transform:Capitalize;margin-bottom:30px;}

.content > div {margin-top:55px;width:100%;}
.content > div .Left{width:100%;}
.content > div .Left .text{float:left;width:370px;height:280px;background:#fff;padding:45px 25px 0;}
.content > div .Left .text h6{font-size:18px;color:#333;text-transform:Uppercase;font-weight:500;}
.content > div .Left .text p{font-size:14px;color:#333;line-height:20px;margin-top:12px;}
.content > div .Left .text:hover,
.content > div .Right .text:hover{background:#00a0e9;transition:all .2s;}
.content > div .Left .text:hover h6,
.content > div .Right .text:hover h6{color:#fff;}
.content > div .Left .text:hover p,
.content > div .Right .text:hover p{color:#fff;}
.content > div .Left .swiper-container{float:left;width:calc(100% - 370px);}
.content > div .Left .swiper-container .swiper-slide{float:left;position:relative;}
.content > div .Left .swiper-container .swiper-slide .bk{position:absolute;width:100%;height:0;background:rgba(0,0,0,.4) url(../images/icon_fdj.png)no-repeat center;z-index:1;bottom:0;left:0;transition:all .2s;}
.content > div .Left .swiper-container .swiper-slide:hover .bk{height:100%;transition:all .2s;}
.content > div .Left .swiper-container .swiper-slide a img{width:100%;height:100%;}

.content > div .Right{width:100%;}
.content > div .Right .text{float:right;width:370px;height:280px;background:#fff;padding:45px 25px 0;}
.content > div .Right .text h6{font-size:18px;color:#333;text-transform:Uppercase;font-weight:500;}
.content > div .Right .text p{font-size:14px;color:#333;line-height:20px;margin-top:12px;}
.content > div .Right .swiper-container{float:right;width:calc(100% - 370px);}
.content > div .Right .swiper-container .swiper-slide{float:left;margin-right:10px;position:relative;}
.content > div .Right .swiper-container .swiper-slide .bk{position:absolute;width:100%;height:0;background:rgba(0,0,0,.4) url(../images/icon_fdj.png)no-repeat center;z-index:1;bottom:0;left:0;transition:all .2s;}
.content > div .Right .swiper-container .swiper-slide:hover .bk{height:100%;transition:all .2s;}
.content > div .Right .swiper-container .swiper-slide a img{width:100%;height:100%;}

.cp{width:100%;height:200px;box-shadow:0 0 10px #e9e8e8;margin:60px 0;}
.cp .w{padding:30px 0;}
.cp .l{float:left;width:372px;border-right:1px solid #e5e5e5;padding:15px 29px 15px 25px;}
.cp .l h6{font-size:18px;color:#333;font-weight:500;}
.cp .l p{font-size:14px;color:#333;line-height:20px;margin-top:18px;}
.cp .r{float:left;width:calc(100% - 372px);margin-top:20px;padding-left:30px;}
.cp .r .scroll{width:100%;height:100px;overflow: hidden;position: relative;}
.cp .r .scroll .box{position:absolute;}
.cp .r .scroll .box ul{float:left;}
.cp .r .scroll .box ul li{float:left;width:160px;height:auto;margin-right:20px;}
.cp .r .scroll .box ul li div{width:100%;height:40px;background:#f0f0f0;position: relative;cursor:pointer;}
.cp .r .scroll .box ul li div:hover{background:#fff;box-shadow:0 0 15px #ddd;}
.cp .r .scroll .box ul li div img{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.cp .r .scroll .box ul li div:nth-child(1){margin-bottom:20px;}


@media screen and (max-width: 750px) {
    .factory_banner{width:100%;height:13rem;margin-top:59px;}
    .content > div{margin-top:30px;padding:0 2%;}
    .title{margin-bottom:15px;}
    .content > div .Left .text{width:100%;float:none;height:auto;padding-bottom:2rem;padding-top:2rem;}
    .content > div .Left .swiper-container{float:none;width:100%;}
    .content > div .Left .swiper-container .swiper-slide {float:none;width:100%;margin-left:0;}
    .content > div .Left .swiper-container .swiper-slide  a{display:block;width:100%;height:100%;}
    .content > div .Right .text{float:none;height:auto;padding-bottom:2rem;padding-top:2rem;}
    .content > div .Right .swiper-container{float:none;width:100%;}

    .swiper-button-next, .swiper-button-prev{background-size: 20px 25px;background-position:left center;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0;}

    .cp{height:auto;}
    .cp .l{float:none;width:100%;}
    .cp .r{float:none;width:100%;padding:0 2%;}

}