/* ====== home banner start ====== */
.carousel {
	position:relative;
	padding:0px;
	overflow:hidden;
	padding-top:87px;
}

@media (max-width: 1200px) {
	.carousel {
		padding-top:60px;
	}
}
.carousel:hover .carousel-prev,.carousel:hover .carousel-next{
	opacity:1;
}
.carousel .carousel-prev,.carousel .carousel-next{
	background:rgba(0,0,0,0.3);
	width:46px;
	height:83px;
	position:absolute;
	top:50%;
	cursor:pointer;
	opacity:0;
	transition:all 0.3s;
}
.carousel .carousel-prev::after,.carousel .carousel-next::after{
	content:"";
	display:block;
	border:1px solid #FFF;
	width:30px;
	height:30px;
	top:25px;
	position:absolute;
	opacity:0.5;
}
.carousel .carousel-prev::after{
	border-bottom:0px;
	border-right:0px;
	transform:rotate(-45deg);
	left:15px;
}
.carousel .carousel-next::after{
	border-top:0px;
	border-left:0px;
	transform:rotate(-45deg);
	right:15px;
}
.carousel .carousel-prev{
	left:0px;
}
.carousel .carousel-next{
	right:0px;
}

@media (min-width:1200px) and (max-width:1500px) {
	.carousel{ height:480px !important; }
	.carousel .carousel-item .carousel-img a img{ height:420px !important; }
}
@media (min-width:960px) and (max-width:1200px) {
	.carousel{ height:420px !important; }
	.carousel .carousel-item .carousel-img a img{ height:380px !important; }
}
@media (min-width:768px) and (max-width:960px) {
	.carousel{ height:360px !important; }
	.carousel .carousel-item .carousel-img a img{ height:300px !important; }
}
@media (min-width:640px) and (max-width:768px) {
	.carousel{ height:300px !important; }
	.carousel .carousel-item .carousel-img a img{ height:240px !important; }
}
@media (min-width:480px) and (max-width:640px) {
	.carousel{ height:240px !important; }
	.carousel .carousel-item .carousel-img a img{ height:180px !important; }
}
@media screen and (max-width:480px) {
	.carousel{ height:190px !important; }
	.carousel .carousel-item .carousel-img a img{ height:130px !important; }
}
.carousel-item {
	position:relative;
	float:left;
	display:block;
}
.carousel-item .carousel-img {
	display:block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor:default;
}
.carousel-item .carousel-img img {
	display:block;
	height:auto;
}
.responsive-carousel {
	overflow:hidden;
}
.responsive-carousel .carousel-item img {
	width:100%;
	height:auto !important;
}
.responsive-carousel .carousel-direction {
	display:none;
}
.responsive-carousel:hover .carousel-direction {
	display:block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight:normal;
}
/* ====== home banner end ====== */

/* home products start */
.homePro{
	width:100%;
	padding:17px 0px;
	overflow:hidden;
}
.homePro div{
	width:400%;	
	overflow:hidden;
	transition:all 0.5s;
}
.homePro div ul{
	width:25%;
	float:left;	
}
.homePro div ul li{
	padding:0px 10px;
	color:#535353;
	line-height:67px;
}

.homePro div ul li a:nth-child(2){
	height:67px;
	overflow:hidden;
	display:block;
}
.homePro div ul li a.img{
	display:block;
	position:relative;
	overflow:hidden;
}
.homePro div ul li a.img span{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.8);
	z-index:2;
	opacity:0;
	transition:all 0.5s;
}
.homePro div ul li:hover a.img span{
	opacity:1;
}
.homePro div ul li a.img span i{
	width:56px;
	height:56px;
	border-radius:28px;
	position:absolute;
	top:calc(50% - 28px);
	left:calc(50% - 28px);
	z-index:3;
	border:1px solid #FFF;
	background:url(../images/bit-logo.png) no-repeat center center;
	transition:all 0.5s;
}
.homePro div ul li:hover a.img span i{
	transform:rotate(720deg);
}
.homePro div ul li img{
	width:100%;
	display:block;
	transition:all 1s;
	z-index:1;
}
.homePro div ul li:hover img{
	transform:scale(1.2);
}
.homePro div ul li:hover a{
	color:#d2101b;
}
.homePro section{
	width:100%;
	background:#ececec;
	height:4px;
	position:relative;
}
.homePro section span{
	width:25%;
	background:#d2101b;
	height:4px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	transition:all 0.5s;
}
.homePro section ul li{
	width:25%;
	height:4px;
	display:block;
	cursor:pointer;
	float:left;
}
@media (max-width: 640px) {
	.homePro{
	    background:#F6F6F6;
	}
	.homePro section span{
	 display:none;
	}
	.homePro section
	{
	    display:none;
	}
	.homePro ul li:nth-child(3), .homePro ul li:nth-child(4){ display:none;}
}
/* home products end */

/* home design start */
.homeDesign{
}
.homeDesign .designInfo{
	max-width:900px;
	margin:0px auto;
	text-align:left;
	color:#7a7a7a;
	font-size:15px;
	line-height:35px;
	padding:0px 10px;
}
.homeDesign h3{
	text-align:center;
	padding-top:50px;
	line-height:40px;
	color:#333;
	font-size:26px;
	padding-bottom:15px;
	/*font-family:FZBSJW_2;*/
}
.homeDesign h4{
	text-align:center;
	line-height:40px;
	color:#333;
	font-size:27px;
	text-transform:uppercase;
	padding-bottom:15px;
	/* font-family:FZNBSJW_3; */
	letter-spacing:3px;
	/* font-weight:bold; */
	transform:  rotateX(30deg) ;
	display:block;
}
.homeDesign a{
	width:193px;
	height:57px;
	line-height:57px;
	font-size:18px;
	display:block;
	margin:0px auto;
	color:#FFF;
	border-radius:3px;
	margin-top:30px;
	position:relative;
	overflow:hidden;
	background:#d2101b;
}
.homeDesign a::before{
	content:"查看更多";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	z-index:2;
}
.homeDesign a::after{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:100%;
	display:block;
	background:rgba(0,0,0,0.2);
	z-index:1;
	transition:all 0.3s;
}
.homeDesign a:hover::after{
	width:100%;
}
.homeDesign .designInfo p{ font-size:16px; max-width:770px; margin:0 auto; text-indent:2em;}
.homeDesign .designImg{
	display:block;
	margin:40px 0 50px 0;
	text-align:center;
}
.homeDesign .designImg img{
	display:block;
	max-width:100%;
	margin:0px auto;
}
@media (max-width: 640px) {
	.homeDesign h3{
		padding-top:30px;
	}
	.homeDesign h4{
	    line-height:30px;
	    font-size:18px;
    }
    .homeDesign .designInfo p{ line-height:30px;}

    .homeDesign .designImg img{
	    max-width:calc(100% - 20px);
    }
}

/* home design end */

.homeReview{
	background:url(../images/home-minddle-bg_1.jpg) no-repeat center center;
	background-size:cover;
	padding:0px 10px;
	max-height:900px;
	overflow:hidden;
}


.homeReview h3{
	text-align:center;
	padding-top:108px;
	line-height:40px;
	color:#FFF;
	font-size:26px;
	padding-bottom:15px;
	/* font-family:FZBSJW_2; */
}
.homeReview h4{
	text-align:center;
	line-height:40px;
	color:#FFF;
	font-size:27px;
	text-transform:uppercase;
	padding-bottom:15px;
	/* font-family:FZNBSJW_3; */
	letter-spacing:3px;
	/* font-weight:bold; */
	transform:  rotateX(30deg) ;
	display:block;
}

.scrollable{
	position:relative;
	margin:0px auto;
	max-width:1150px;
	margin-top:60px;
	padding:0px 25px;
	overflow:hidden;
}
.scrollable ul li{
	float:left;
	width:900px;
	margin:5px;
	list-style:none;
	text-align:center;
	position:relative;
}

.scrollable ul li span{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(210,16,27,0.9);
	z-index:2;
	opacity:0;
	transition:all 0.5s;
}
.scrollable ul li:hover span{
	opacity:1;
}
.scrollable ul li span i{
	width:56px;
	height:56px;
	border-radius:28px;
	position:absolute;
	top:calc(50% - 28px);
	left:calc(50% - 28px);
	z-index:3;
	border:1px solid #FFF;
	background:url(../images/bit-logo.png) no-repeat center center;
	transition:all 0.5s;
}
.scrollable ul li:hover span i{
	transform:rotate(720deg);
}

.scrollable ul li img{
	width:100%;
	display:block;
}
.scrollable .carousel-direction a{
	position:absolute;
	top:40%;
	width:40px;
	height:40px;
	border-radius:20px;
	border:2px solid #bdbdbd;
	transition:all 0.5s;
	opacity:0;
}
.scrollable:hover .carousel-direction a{
	opacity:1;
}
.scrollable .carousel-direction a:hover{
	border:2px solid rgba(210,16,27,0.9);
	background:rgba(210,16,27,0.9);
}
.scrollable .carousel-direction a::after{
	content:"";
	width:10px;
	height:10px;
	border:2px solid #bdbdbd;
	display:block;
	position:absolute;
	top:13px;
	transform:rotate(-45deg);
}
.scrollable .carousel-direction a.carousel-prev{
	left:0px;
}
.scrollable .carousel-direction a.carousel-prev::after{
	border-bottom:0px;
	border-right:0px;
	left:15px;
}
.scrollable .carousel-direction a.carousel-next{
	right:0px;
}
.scrollable .carousel-direction a.carousel-next::after{
	border-top:0px;
	border-left:0px;
	right:15px;
}
.scrollable .carousel-btn{
	padding:70px 0px;
}
.scrollable .carousel-btn a{
	display:inline-block;
	text-indent:-999px;
	overflow:hidden;
	background:#FFF;
	width:30px;
	height:6px;
	border-radius:3px;
	transition:all 0.3s;
	margin:0px 2px;
}
.scrollable .carousel-btn a.selected{
	background:#d2101b;
	width:45px;
}

/*scrollable phone start*/
.swiper3{
        display:none;
        padding-bottom:30px;
    }
@media (max-width: 640px) {
    .homeReview{
	    background:url(../images/home-minddle-bg_2.jpg) no-repeat top center;
	    
    }
    .homeReview h3{
	    padding-top:50px;
	    font-size:26px;
    }
    .homeReview h4{
	    line-height:30px;
	    font-size:18px;
    }
    .scrollable{
        display:none;
    }
    .swiper3{
        display:block;
    }
}

/*scrollable phone end*/



.scrollable_1{
	position:relative;
	margin:0px auto;
	max-width:1400px;
	margin-top:60px;
	padding:0px 25px;
	 overflow:hidden;
	 height:260px;
}
.scrollable_1 ul li{
	float:left;
	width:325px;
	margin:5px;
	list-style:none;
	text-align:center;
	border:1px solid rgba(0,0,0,0.3);
	position:relative;
}

.scrollable_1 ul li span{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(210,16,27,0.9);
	z-index:2;
	opacity:0;
	transition:all 0.5s;
}
.scrollable_1 ul li:hover span{
	opacity:1;
}
.scrollable_1 ul li span i{
	width:56px;
	height:56px;
	border-radius:28px;
	position:absolute;
	top:calc(50% - 28px);
	left:calc(50% - 28px);
	z-index:3;
	border:1px solid #FFF;
	background:url(../images/bit-logo.png) no-repeat center center;
	transition:all 0.5s;
}
.scrollable_1 ul li:hover span i{
	transform:rotate(720deg);
}

.scrollable_1 ul li img{
	width:100%;
	display:block;
}
.scrollable_1 .carousel-direction a{
	position:absolute;
	top:70px;
	width:40px;
	height:40px;
	border-radius:20px;
	border:2px solid #bdbdbd;
	transition:all 0.5s;
	opacity:0;
}
.scrollable_1:hover .carousel-direction a{
	opacity:1;
}
.scrollable_1 .carousel-direction a:hover{
	border:2px solid rgba(210,16,27,0.9);
	background:rgba(210,16,27,0.9);
}
.scrollable_1 .carousel-direction a::after{
	content:"";
	width:10px;
	height:10px;
	border:2px solid #bdbdbd;
	display:block;
	position:absolute;
	top:13px;
	transform:rotate(-45deg);
}
.scrollable_1 .carousel-direction a.carousel-prev{
	left:0px;
}
.scrollable_1 .carousel-direction a.carousel-prev::after{
	border-bottom:0px;
	border-right:0px;
	left:15px;
}
.scrollable_1 .carousel-direction a.carousel-next{
	right:0px;
}
.scrollable_1 .carousel-direction a.carousel-next::after{
	border-top:0px;
	border-left:0px;
	right:15px;
}
.scrollable_1 .carousel-btn{
	padding:70px 0px;
}
.scrollable_1 .carousel-btn a{
	display:inline-block;
	text-indent:-999px;
	overflow:hidden;
	background:#FFF;
	width:30px;
	height:6px;
	border-radius:3px;
	transition:all 0.3s;
	margin:0px 2px;
}
.scrollable_1 .carousel-btn a.selected{
	background:#d2101b;
	width:45px;
}




/* home news start */
.homeNews{
	max-width:1345px;
	margin:0 auto;
	padding:110px 0px 145px 0px;
	overflow:hidden;
}

@media (max-width: 991px) {
	.homeNews{
		padding:60px 0px 70px 0px;
	}
}
.homeNews h3{
	position:relative;
	border-bottom:1px solid #9f9f9f;
	height:1px;
	margin-bottom:60px;
	
}
.homeNews h3 span{
	/* font-family:FZBSJW_2; */
	display:block;
	position:absolute;
	font-size:26px;
	line-height:30px;
	height:30px;
	text-align:center;
	top:-15px;
	left:calc(50% - 77px);
	background:#FFF;
	width:155px;
}
.homeNews li{
	margin-top:30px;
	cursor:pointer;
}
.homeNews li span{
	color:#333;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	line-height:20px;
	display:block;
	width:60px;
	text-align:left;
	padding-bottom:10px;
	margin-bottom:10px;
	width:100%;
}
@media (max-width: 640px) 
{
    .homeNews h3{
	    margin-bottom:40px;	
    }
	.homeNews li span{
	 display:none;
	}
}
.homeNews li span i{
	display:inline-block;
	height:5px;
	width:40px;
	background:#000;
	position:relative;
}
.homeNews li span i::before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	background:#d2101b;
	width:0px;
	transition:all 0.3s;
}
.homeNews li:hover span i::before{
	width:40px;
}
.homeNews li strong{
	font-size:15px;
	overflow:hidden;
	height:30px;
	line-height:30px;
	text-align:left;
	display:block;
}
.homeNews li p{
	font-size:13px;
	line-height:22px;
	height:66px;
	overflow:hidden;
	text-align:left;
	display:block;
	color:#666;
	margin-bottom:20px;
}
@media (max-width: 640px) {
	.homeNews li p{
	 margin-bottom:10px;
	}
}
.homeNews li a{
	display:block;
	color:#FFF;
	width:110px;
	height:34px;
	line-height:34px;
	background:#000;
	text-indent:15px;
	text-align:left;
	position:relative;
	transition:all 0.3s;
}
.homeNews li a::before{
	content:"";
	display:block;
	background:#d2101b;
	width:0px;
	height:100%;
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	transition:all 0.3s;
}
.homeNews li a::after{
	content:"了解更多";
	display:block;
	width:100%;
	height:100%;
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
}
.homeNews li a span{
	width:100%;
	height:100%;
	display:block;
	transition:all 0.3s;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}
.homeNews li a span::after{
	content:"";
	display:block;
	height:1px;
	overflow:hidden;
	width:17px;
	position:absolute;
	right:15px;
	top:17px;
	background-color:#FFF;
	transition:all 0.3s;
}
.homeNews li a span::before{
	content:"";
	display:block;
	height:5px;
	width:5px;
	border:1px solid #FFF;
	border-left:0px;
	border-bottom:0px;
	position:absolute;
	right:15px;
	top:15px;
	transform:rotate(45deg);
	transition:all 0.3s;
}
.homeNews li:hover a::before{
	width:100%;
}
.homeNews li:hover a span::after,.homeNews li:hover a span::before{
	right:10px;
}
/* home news end */

/* home join start */
.homeJoin{
	background:url(../images/home-bottom-bg.jpg) no-repeat center center;
	background-size:cover;	
	clear:both;
	overflow:hidden;
	text-align:left;
}
.homeJoin div{
	background:rgba(210,16,27,0.85);
	color:#FFF;
	padding:60px 10% 60px 75px;
}
.homeJoin div h3{
	font-size:25px;
	font-weight:normal;
	line-height:40px;
}
.homeJoin div h4{
	font-size:24px;
	font-weight:bold;
	/* font-family:FZNBSJW_3; */
	color:rgba(255,255,255,0.65);
	line-height:30px;
	padding-bottom:5px;
	text-transform:uppercase;
	letter-spacing:3px;
	/* font-weight:bold; */
	transform:  rotateX(30deg) ;
	display:block;
}
.homeJoin div a{
	color:#FFF;
	border:1px solid #FFF;
	height:30px;
	line-height:28px;
	text-align:center;
	display:inline-block;
	width:105px;
	margin-top:10px;
	background:rgba(0,0,0,0);
	transition:all 0.5s;
}
.homeJoin div a:hover{
	background:rgba(36,4,12,0.5);
}
.homeJoin_1{ width:0; display:none;}
@media (max-width: 480px) {
	.homeJoin div {
		padding:30px 20px;
	}
	.homeJoin div h4
	{
	    font-size:20px;
	}
}
@media (max-width: 640px) {
	.homeJoin_1{ width:100%; display:block;}
	.homeJoin_1 img{ width:100%;}
}
/* home join end */

/*banner start*/
.swiper_big {
    width: 100%;
    padding-top:87px;
}
.swiper2 {
    width: 100%;
    display:none;
}
.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media (max-width: 1200px) {
    .swiper_big {
        padding-top:60px;
    }
}
@media (max-width: 640px) {
	.swiper_big {
        display:none;
    }
    .swiper2{
        display:block;
    }
}
/*banner end*/