/* CSS Document */

/*banner*/
.banner{width: 100%;height: auto;position: relative;margin-bottom: 20px;}
.banner .bg{width:100%;height: auto;opacity: 0;float: left}
.banner .swiper-container {width: 100%; height: 100%; color: #fff; text-align: center;position: absolute;top: 0;left: 0;}
.banner .swiper-container .img{width:100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.banner .pagination { position: absolute;z-index: 20;bottom: 30px;width: auto;right: 60px; }
.banner .swiper-pagination-switch {display: inline-block; width: 14px; height: 14px; border-radius: 100%; background-color: transparent;margin-right: 15px; opacity: 1; cursor: pointer;border: 1px solid #FFFFFF;box-sizing: border-box;}
.banner .swiper-visible-switch {background: #fff;opacity: 1;}
.banner .swiper-active-switch {background: #fff;opacity: 1;}
.banner .img .tomore{width: 130px;height: 45px;text-align: center;border-radius: 4px;line-height: 45px;font-size: 16px;color: #333333;position: absolute;right: 60px;bottom: 60px;display: inline-block;background: #FFFFFF}
.banner .swiper-wrapper{height:100%;}

.col1{padding-bottom:30px;}

/*index-newpro*/
.index-newpro{width:100%;height: 570px;background-color: #f9f9f9;}
.index-newpro{width:100%;height: 570px;background-color: #f9f9f9;}
.index-newpro .index-newpro-wrapper{width:1200px;height: auto;margin: 0 auto;}
.index-newpro .index-newpro-wrapper .title{width:100%;height: 40px;line-height: 40px;font-size: 26px;color:#000;font-weight: bold;text-align: center;background-size: 100%;background-repeat: no-repeat;margin-top: 50px;}
.index-newpro .index-newpro-wrapper .title_x{width:100%;height: 20px;line-height: 20px;font-size: 12px;color:#000;text-align: center;}
.index-newpro .index-newpro-wrapper .video{width:386px;height: 216px;border-radius: 15px;position: relative;margin-top: 50px;overflow:hidden;}
.index-newpro .index-newpro-wrapper .video img{width:386px;height: 216px;border-radius: 15px;}
.index-newpro .index-newpro-wrapper .video .play{display:block;width:386px;height: 216px;border-radius: 15px;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: 0;background-image: url(../images/icn-003.png);background-repeat: no-repeat;background-position: center;}
.index-newpro .index-newpro-wrapper .btn {width:1200px;height: auto;margin: 50px  0;text-align: center;}
.index-newpro .index-newpro-wrapper .btn .btn-more{display: block;text-align: center;width: 200px;height: 40px;border:1px solid #f2f2f2;background-color: #fff;border-radius: 10px;line-height: 40px;color:#9b9a9a;font-size: 14px;transition: .6s all;cursor: pointer;margin: 0 auto;}
.index-newpro .index-newpro-wrapper .btn .btn-more:hover{border:1px solid #DE0225;background-color:#DE0225;color:#fff;padding: 0 20px;}

.index-newpro .index-newpro-wrapper .content{width:794px;height: 290px;color: #666666;line-height: 30px;font-size: 14px;overflow: hidden;margin-left: 20px;}
.index-newpro .index-newpro-wrapper .content .ft-carousel{width:794px;height: 290px;z-index: 2;}
.index-newpro .index-newpro-wrapper .content .ft-carousel .carousel-inner{width:814px;height: 240px;top:50px;}
.index-newpro .index-newpro-wrapper .content .ft-carousel .carousel-inner .carousel-item{width:814px;height: 240px;}
.index-newpro .index-newpro-wrapper .content .ft-carousel .carousel-indicators{top:20px;text-align: right;}
.newpro1{width:251px;height: 245px;}
.newpro1 a{width:251px;height: 245px;display: block;position: relative;}
.newpro1 a .proimg{width:251px;height: 193px;border-radius: 15px;overflow: hidden; display:flex; justify-content: center; align-items: center;}
.newpro1 a .mask{width:251px;height: 193px;position: absolute;top: 0;left: 0;border-radius: 15px;background-color: rgba(255,255,255,0.1);transition: .4s all;}
.newpro1 a img{max-height:100%; border-radius: 15px;transition: .5s all;cursor: pointer;}
.newpro1 a .font14px26{width:100%;height: 26px;overflow: hidden;text-align: center;font-size: 14px;color:#666666;transition: .4s all;}
.newpro1 a:hover>.mask{background-color:rgba(0,0,0,0);}
.newpro1 a:hover>.font14px26{color:#000;}
.newpro1 a:hover>.proimg img{transform:scale(1.1);}

.newpro2{width:251px;height: 245px;margin-left: 20px;}
.newpro2 a{width:251px;height: 245px;display: block;position: relative;}
.newpro2 a .proimg{width:251px;height: 193px;border-radius: 15px;overflow: hidden; display:flex; justify-content: center; align-items: center;}
.newpro2 a .mask{width:251px;height: 193px;position: absolute;top: 0;left: 0;border-radius: 15px;background-color: rgba(255,255,255,0.1);transition: .4s all;}
.newpro2 a img{max-height:100%; border-radius: 15px;transition: .5s all;cursor: pointer;}
.newpro2 a .font14px26{width:100%;height: 26px;overflow: hidden;text-align: center;font-size: 14px;color:#666666;transition: .4s all;}
.newpro2 a:hover>.mask{background-color:rgba(0,0,0,0);}
.newpro2 a:hover>.font14px26{color:#000;}
.newpro2 a:hover>.proimg img{transform:scale(1.1);}

.index-newpro .index-newpro-wrapper .content .ft-carousel .carousel-indicators{z-index: -1;}
.index-newpro .index-newpro-wrapper .content .ft-carousel .carousel-indicators span{background-color:#FD1739;}
.index-newpro .index-newpro-wrapper .content .ft-carousel .carousel-indicators span.active{background-color:#DE0225;}
.index-newpro .index-newpro-wrapper .content .ft-carousel .carousel-btn{opacity:0;transition: .2s all;}
.index-newpro .index-newpro-wrapper .content .ft-carousel .carousel-btn:hover{opacity: 1;}

/*品牌*/
.brand_list{width:100%;height: auto}
.brand_list .bli{width:288px;height: 400px;position: relative;}
.brand_list .bli .bli_01{width:100%;height: 100%;position: absolute;z-index: 2;left: 0;top: 0;overflow: hidden}
.bli_01 .bimg{width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.bli_01 .msg{position:absolute;z-index: 2;width: 100%;height: auto;box-sizing: border-box;padding: 20px;bottom: 0;left: 0;}
.bli_01 .blogo{width:auto;height: 47px;top: 20px;right: 20px;position: absolute;z-index: 2;}
.bli_01 .msg .fs_22{font-size:22px;width: 100%;color: #FFFFFF;font-weight: bold;line-height: 30px;display: block}
.bli_01 .msg .fs_18{font-size:18px;width: 100%;color: #FFFFFF;line-height: 26px;display: block}


.bli_02{width:0;height: 400px;position: absolute;left: 0;top: 0;padding-left: 288px;z-index: 0;opacity: 0;overflow: hidden}
.bli_02 .con{width:100%;height: 100%;background: #FFFFFF;box-sizing: border-box;padding-left: 25px;padding-right: 25px;padding-bottom: 30px;
    transform: translateX(-288px);
    -ms-transform: translateX(-288px); 	/* IE 9 */
    -moz-transform: translateX(-288px);	/* Firefox */
    -webkit-transform: translateX(-288px); /* Safari 和 Chrome */
    -o-transform: translateX(-288px); 	/* Opera */
    }
.bli_02.last{padding-left:0;padding-right: 0}
.bli_02.last{
    transform: translateX(-288px);
    -ms-transform: translateX(-288px); 	/* IE 9 */
    -moz-transform: translateX(-288px);	/* Firefox */
    -webkit-transform: translateX(-288px); /* Safari 和 Chrome */
    -o-transform: translateX(-288px); 	/* Opera */
}
.bli_02.last .con{
     transform: translateX(0);
    -ms-transform: translateX(0); 	/* IE 9 */
    -moz-transform: translateX(0);	/* Firefox */
    -webkit-transform: translateX(0); /* Safari 和 Chrome */
    -o-transform: translateX(0); 	/* Opera */
}
.bli_02 .con .fs_20_b{display:block;font-size: 20px;color: #000000;font-weight: bold;line-height: 60px;width: 100%;}
.bli_02 .con .fs_14{margin-right: 20px;font-size: 14px;color: #000000;line-height: 30px;width: 100%;margin-bottom: 8px;margin-top: 8px}
.bli_02 .con .fs_14_a{color:#000000;margin-right: 20px}
.bli_02 .con .tomore{display:inline-block;width: 120px;line-height: 30px;height: 30px;color: #FFFFFF;font-size: 14px;text-align: center;background: #000000;margin-top: 8px;}

.brand_list .bli:hover .bli_02{opacity: 1; z-index: 3;box-shadow: 0 10px 15px rgba(0,0,0,0.15);width: 576px}
.brand_list .bli:hover .bli_02,.brand_list .bli:hover .bli_02 .con {
    transform: translateX(0);
    -ms-transform: translateX(0); 	/* IE 9 */
    -moz-transform: translateX(0);	/* Firefox */
    -webkit-transform: translateX(0); /* Safari 和 Chrome */
    -o-transform: translateX(0); 	/* Opera */
}
.brand_list .bli:hover .bli_02.last{
    transform: translateX(-576px);
    -ms-transform: translateX(-576px); 	/* IE 9 */
    -moz-transform: translateX(-576px);	/* Firefox */
    -webkit-transform: translateX(-576px); /* Safari 和 Chrome */
    -o-transform: translateX(-576px); 	/* Opera */
}

.brand_list .bli:hover .bli_01 .bimg{
    transform:scale(1.06);
    -ms-transform:scale(1.06); 	/* IE 9 */
    -moz-transform: scale(1.06);	/* Firefox */
    -webkit-transform: scale(1.06); /* Safari 和 Chrome */
    -o-transform: scale(1.06); 	/* Opera */
}

/*新闻*/
.nlist{width:100%;height: auto;}
.nlist .nli{width:100%;height: auto;margin-bottom: 30px}
.nlist .nli .nimg{width:592px;height: 290px;overflow: hidden;}
.nlist .nli .nimg img{width:100%;height: 100%;}
.nlist .nli .right{width:583px;height: 290px;position: relative;}
.nli .right .time{font-size:14px;color: #333333;line-height: 14px;}
.nli .right .fs_26{font-size:26px;color: #333333;line-height: 42px;margin: 15px 0;}
.nli .right .fs_16{font-size:16px;color: #999999;line-height: 26px}
.nli .right .tomore{display:inline-block;width: 258px;height: 58px;line-height: 56px;border: 1px solid #d0d0d0;text-align: center;color: #333333;font-size: 16px;box-sizing: border-box;position: absolute;bottom: 0;left: 0;}

.nlist .nli:hover .nimg{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
.nlist .nli:hover .nimg img{
    transform:scale(1.06);
    -ms-transform:scale(1.06); 	/* IE 9 */
    -moz-transform: scale(1.06);	/* Firefox */
    -webkit-transform: scale(1.06); /* Safari 和 Chrome */
    -o-transform: scale(1.06); 	/* Opera */
}
.nlist .nli:hover .tomore{background: #000000;color: #FFFFFF;border: none;}



/*关于我们*/
.col3 .ev_bg{width:100%;height: auto;opacity: 0}
.col3{position:relative;padding:0;height:600px}
.col3 .swiper-container {width: 100%; height: 100%; color: #fff; text-align: center;position: absolute;top: 0;left: 0;}
.col3 .swiper-container .swiper-wrapper,.col3 .swiper-container .swiper-slide{width:100%;height:100%!important;}
.col3 .swiper-container .img{width:100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.col3 .arrows { position: absolute;z-index: 20;top: 60px;width: auto;right: 60px;width:90px;height: 34px; }
.col3 .arrow {display: inline-block; width: 34px; height: 39px;  background-color: transparent; opacity: 1; cursor: pointer;box-sizing: border-box;background-image: url("../images/turn_lf.png");background-repeat: no-repeat;background-size: contain;background-position: center;}
.col3 .arrow.a_lf_02 {background-image: url("../images/turn_lf.png")}
.col3 .arrow.a_rg_02 {background-image: url("../images/turn_rg.png")}
.col3 .arrow.a_rg_02:hover{background-image: url("../images/turn_rg_active.png")}
.col3 .arrow.a_lf_02:hover{background-image: url("../images/turn_lf_active.png")}

.col3-con {position:absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;}
.col3-con .wrapper{height:100%;}
.col3-con .left{width:600px;height: 100%;background-color: rgba(0,0,0,0.6);box-sizing: border-box;padding: 40px 50px 60px 50px;color: #FFFFFF;position: relative;}
.col3-con .left .fs_40{font-size:40px;font-weight: bold;width: 100%;line-height: 76px;margin-bottom: 30px}
.col3-con .left .a_txt{font-size:16px;line-height: 33px;width: 100%;}
.col3-con .left .tomore{display:inline-block;width: 258px;height: 58px;line-height: 56px;border: 1px solid #FFFFFF;text-align: center;color: #FFFFFF;font-size: 16px;box-sizing: border-box;position: absolute;bottom:60px;left: 50px;}
.col3-con .left .tomore:hover{background: #FFFFFF;color: #333333;border: none;}

/*@media screen and (max-width: 1300px) {
	.col3 .arrows {top:40px}
	.col3-con .left{padding: 20px 50px 40px 50px;}
	.col3-con .left .fs_40{margin-bottom: 10px}
	.col3-con .left .tomore{bottom:20px;left: 50px;}
}*/

/*合作伙伴*/
.col4{background-color: #f2f1f0;padding-bottom: 60px}
.col4 .pnt_banner{width: 100%;height: auto;position:relative;}
.col4 .pnt_banner .swiper-container{width:100%;height: 193px}
.pnt_banner .img{width:193px;height: 193px;background:#fff}
.pnt_banner .img .img_con{width:100%;height: 100%;background-repeat:no-repeat;background-position:center;background-size:contain;}
.col4 .pnt_banner .arrow{width:48px;height: 48px;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;z-index: 2;top: 72.5px;display: block;opacity:0.8;cursor:pointer}
.col4 .pnt_banner .arrow.a_lf_03{left:-24px;background-image: url("../images/turn_lf_03.png");}
.col4 .pnt_banner .arrow.a_rg_03{right:-24px;background-image: url("../images/turn_rg_03.png");}
.col4 .pnt_banner .arrow:hover{opacity:1}



@media screen and (max-width: 1300px) {
	.col4 .pnt_banner .arrow.a_lf_03{left：0;}
	.col4 .pnt_banner .arrow.a_rg_03{right:0;}
}