
.banner{
	margin-top: 95px;
	height: 500px;
	position: relative;
	overflow:hidden;
}
.banner .swiper-button-next,.banner .swiper-button-prev{
	width: 46px;
	height: 80px;
	background-color: #ff5a00;
	background-image:none;
	text-align: center;
	line-height: 80px;
}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{
	background-color: #3c3d3f;

}
.banner .swiper-button-next:hover .next-box,.banner .swiper-button-prev:hover .prev-box{
	display: block;
	
}
.banner .swiper-button-next i,.banner .swiper-button-prev i{
	display: inline-block;
	width: 10px;
	height: 15px;
}
.banner .swiper-button-next i{
	background-image: url(../168/right.png)
}
.banner .swiper-button-prev i{
	background-image: url(../168/left.png)
}
.banner .swiper-button-disabled{
	opacity: .7;
}
.banner .swiper-slide{
    position: relative;
}
.banner .swiper-slide a{
    position: absolute;
    left: 50%;
    margin-left: -971px;
}
.next-box{
	border-right: #767878 1px solid;
	left: -250px;
}
.prev-box{
	border-left: #767878 1px solid;
	right: -250px;
}
.box-layout{
	width: 250px;
	height: 80px;
	box-sizing: border-box;
	position: absolute;
	background-color: #3c3d3f;
	display: none;
	top: 0;
	padding:10px;
	color: #ffffff;
}
.box-layout .s-img{
	width: 105px;
	height: 60px;
	float: left;
	margin-right: 6px;
}
.box-layout .s-img img{
	width: 100%;
	height: 100%;
}
.box-layout h2{
	float: left;
	font-size: 20px;
	line-height: 37px;
	margin: 0;
	width: 118px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align: left;
}
.box-layout p{
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 13px;
	width: 118px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align: left;
}
.banner .swiper-pagination-bullet-active{
    transition: width .3s linear 0s !important;
    width: 25px !important;
    background: #ff5a00 !important;
    border-radius: 10px !important;
}
.banner .swiper-pagination-bullet{
	width: 10px;
    height: 10px;
    background: #fff;
    opacity: 1;
}
.bar{
	height: 350px;
	background-color: #f2f2f2;
}
.bar .content{
	width: 1040px;
	height: 100%;
	margin: 0 auto;
	overflow:hidden;
	position: relative;
	padding: 0 75px;
}
.bar .swiper-slide:hover a img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.bar .swiper-slide a{
	display: block;
	width: 353px;
	height: 308px;
	background-image: url(../168/box.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	margin: 0 auto;
}
.bar .swiper-slide .imgbox{
	width: 328px;
	height: 289px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 5px;
}
.bar .swiper-slide a img{
	position: absolute;
	transition:transform .6s linear,opacity .4s .2s;
	-webkit-transition:transform .6s linear,opacity .4s .2s;
    transform-origin: center center;
}
.bar .content .swiper-button-next,.bar .content .swiper-button-prev{
	width: 43px;
	height: 85px;
	opacity: 1;
}
.bar .content .swiper-button-next{
	background:url(../168/right_boult.png);
	
}
.bar .content .swiper-button-prev{
	background:url(../168/left_boult.png);
	/* left: -20px; */
}
.bar .more{
	display: block;
	width: 104px;
	height: 29px;
	background:url(../168/more_x.png);
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -15px;
	cursor: pointer;
}
.bar .more:hover{
	background:url(../168/more_w.png);
}
.detail{
	height: 300px;
	background-color: #fff;
	margin-top: 33px;
}
.detail >.content{
	width: 1000px;
	margin: 0 auto;
	height: 100%;
}
.detail .left{
	float: left;
	width: 740px;
	height: 100%;
}
.detail .right{
	width: 260px;
	height: 100%;
	float: left;
}
.detail .right .title a{
	margin-right:-6px;
}
.detail .title{
	height: 34px;
	line-height: 34px;
}
.detail .title h2{
	float: left;
	margin: 0;
	font-size: 19px;
	border-left: 8px solid #ff5a00;
	text-indent: 17px;
	color: #4e4e4e;
}
.detail .title a{
	display: inline-block;
	width: 61px;
	height: 18px;
	float: right;
	background-image: url(../168/btn-more.png);
	margin-top: 8px;
	margin-right: 20px;
}
.detail .left .content{
	height: 250px;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.detail .left .content .move{
	width: 483px;
	height: 204px;
	float: left;
}
.detail .left .content .move img{
	width: 100%;
	height: 100%;
}
.detail .left .content .article{
	width: 257px;
	height: 100%;
	float: left;
	font-size: 13px;
	padding: 0 10px;
	box-sizing: border-box;
	line-height: 26px;
	color: #515151;
}
.detail .left .content .article p{
	text-indent: 26px;
	margin: 0;
}
.detail .right .content .first{
	width: 100%;
	height: 106px;
}
.detail .right .content .first .left_img{
	width: 122px;
	height: 100%;
	float: left;
}
.detail .right .content .first .left_img img{
	width: 100%;
	height: 100%;
}
.detail .right .content{
	padding:20px 0;
	box-sizing: border-box;
}
.detail .right .content .first .c{
	width: 135px;
	height: 100%;
	float: left;
}
.detail .right .content .first .c h3{
	margin:0;
	font-size: 14px;
	line-height: 22px;
	cursor:pointer;
	color: #4e4e4e;
}
.detail .right .content .first .c h3:hover{
	color: #ff5a00;
}
.detail .right .content .first .c p{
	margin:0;
	font-size: 13px;
	color: #959595;
	line-height: 21px;
}
.detail .right .content .list ul{
	padding:0 0 0 16px;
	font-size:13px;
	color:#515151;
}
.detail .right .content .list ul li{
	line-height: 15px;
	margin-bottom: 6px;
}
.detail .right .content .list ul li:hover,.detail .right .content .list ul li:hover a{
	color: #ff5a00 !important;
}
.detail .right .content .list ul li a{
	display:inline-block;
	width:180px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.detail .right .content .list ul li i{
	font-style:normal;
	float:right;

}
.drop .content{
	width: 1000px;
	/* height: 380px; */
	margin: 0 auto 50px;
}
.drop .title{
	height: 34px;
	line-height: 34px;
	margin-bottom: 20px;
}
.drop .title h2{
	float: left;
	margin: 0;
	font-size: 19px;
	border-left: 8px solid #ff5a00;
	text-indent: 17px;
	color: #4e4e4e;
}
.drop .d_b{
	width: 100%;
	height: 333px;
	box-sizing: border-box;
	-moz-box-shadow: 0px 7px 20px #333333;
	-webkit-box-shadow: 0px 6px 14px rgba(51, 51, 51, 0.25);
	box-shadow: 0px 6px 14px rgba(51, 51, 51, 0.25);
	border-radius: 8px;
	overflow: hidden;
}
.drop .d_b ul{
	list-style: none;
	margin: 0;
	padding:0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.drop .d_b ul li{
	width: 166.6px;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.drop .d_b ul li:first-child{
	border-radius: 8px 0 0 8px;
}
.drop .d_b ul li:last-child{
	border-radius: 0 8px 8px 0;
}
.d_b ul li img{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.d_b ul li *{
	transition:transform .6s linear,opacity .4s .2s;
	-webkit-transition:transform .6s linear,opacity .4s .2s;
    transform-origin: center center;
}

.d_b ul li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.d_b ul li:hover div{
	transform:translateY(-100%)
}
.d_b ul li:hover i{
	transform:translateY(-300%)
}
.d_b ul li div{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 11;
	opacity: .8;
	background-color: rgba(99, 99, 99, 0.79);
}
.d_b ul li i{
	position: absolute;
	width: 47px;
	height: 70px;
	z-index: 12;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -23px;

}
.d_cz{
	background: url(../168/cz.png) no-repeat;
}
.d_fl{
	background: url(../168/fl.png) no-repeat;;
}
.d_hj{
	background: url(../168/hj.png) no-repeat;;
}
.d_mx{
	background: url(../168/mx.png) no-repeat;;
}
.d_sh{
	background: url(../168/sh.png) no-repeat;;
}
.d_yl{
	background: url(../168/yl.png) no-repeat;;
}
