#banner{
	height: 680px;
	position: relative;
	overflow: hidden;
}
.banner{
	position: absolute;
	height: 100%;
	top:0;
 	left:50%;
 	margin-left: -600px;
 	overflow: hidden;
}
.banner_font{
	width: 750px;
	margin-top: 40px;
	float: left;
}
.banner_pic{
	width: 100%;
	height: 100%;
}
.banner_pic img{
	width: 100%;
	height: 100%
}
.banner_chat{
	width: 253px;
	height: 442px;
	background: rgba(0,0,0,0.5);
	float: right;
	margin-top: 140px;
	padding: 20px;
}
.chat_res{
	display: block;
	text-decoration: none;
	height: 70px;
	border: 1px solid #c0bebe;
	background: transparent;
	cursor: pointer;
}
.chat_res:hover{
	background: #fff
}
.chat_res:hover p{
	color: #888
}
.chat_num:hover{
	background: #fff
}
.chat_num:hover p{
	color: #888
}
.chat_num{
	height: 70px;
	border: 1px solid #c0bebe;
	border-top: 0;
	overflow: hidden;
	background: transparent;
	cursor: pointer;
}
.er_cord{
	margin-top: 28px; 
}
.banner_chat .img_box{
	width: 38px;
	margin: 18px 15px 0 35px;
	float: left;
}
.banner_chat .font_detail{
	float: left;
	margin-top: 18px;
	color: #fff 
}
.banner_chat .font_detail p{
	margin-bottom: 0
}
#product_center{
	height: 1060px;
	padding: 104px 0 98px 0;
}
.product_center{
	height: 100%;
	overflow: hidden;
}
.product_title{
	text-align: center;
	font-size: 28px;
	color: #b21720;
	line-height: 28px;
	margin-bottom: 30px;
}
.product_title_En{
	height: 42px;
	text-align: center;
	color: #787878;
	line-height: 42px;
	font-size: 16px;
}
.product_title_detail{
	text-align: center;
	font-size: 14px;
	color: #787878;
	margin-top: 28px;
	margin-bottom: 65px; 
}
.product_center_ul{
	height: 670px;
}
.product_center_ul ul{
	overflow: hidden;
	height: 670px;
}
.product_center_ul li{
	float: left;
	width: 20%;
	height: 100%;
	cursor: pointer;
}
.product_detail_small{
	border: 1px solid #dddddd;
	border-top: 0;
	border-bottom: 0;
	height: 100%;
}
.product_detail_big dl,.product_detail_small dl{
	margin: 0 auto;
	overflow: hidden;
	padding-top: 32px;
}
.product_detail_big dd,.product_detail_small dd{
	width: 100%;
	font-size: 20px;
	text-align: center;
	margin-top: 5px;
	font-weight: 800;
}
.product_detail_big dt,.product_detail_small dt{
	margin: 0 auto;
	width: 40px;
	height: 36px;
	
}
.product_detail_small p{
	text-align: center;
	font-size: 12px;
	color: #676767;
	margin-top: 26px;
}
.product_detail_big{
	width: 100%;
	height: 100%;
	background: #f7f7f7;
	border: 1px solid #e40b18;
	border-top: 0;
	border-bottom: 0;
	padding: 0 26px;
}
.product_detail_big dd{
	color: #e40b18;
}
.product_detail_big_detail{
	display: flex;
	margin-top: 48px;
}
.product_detail_big_detail>div{
	flex: 1;
}
.big_left_case_title{
	font-size: 16px;
	color: #000;
}
.big_left_case_detail{
	font-size: 12px;
	color: #8e8e8e;
}
.big_right_case{
	padding-left: 10px; 
	margin-top: 40px;
	overflow: hidden;
}
.big_left_case{
	margin-top: 40px;
	overflow: hidden;
}
.big_right_case:nth-child(1){
	margin-top: 0;
}
.big_left_case:nth-child(1){
	margin-top: 0;
}


#active_case{
	height: 665px;
}
.active_case{
	height: 100%;
	overflow: hidden;
}
.movie_list{
	height: 255px;
	margin-top: 80px;
	overflow: hidden;
}
.movie_ul{
	height: 100%;
}
.movie_ul ul{
	height: 100%;
}
.movie_ul ul li{
	width: 278px;
	height: 100%;
	float: left;
	margin-right: 22px;
}
.movie_ul ul li .video_box{
	height: 200px;
}
.movie_ul ul li p{
	background-color: #fff;
	line-height: 54px;
	margin-bottom: 0;
}
.video_box{
	position: relative;
}
.video_img{
	width: 100%;
	height: 100%;
}
.video_img img{
	width: 100%;
	height: 100%;
}
.movie_bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	display: none;
	cursor: pointer;
}
.play_timer{
	position: absolute;
	width: 100px;
	height: 20px;
	display: block;
	right: 20px;
	bottom: 20px;
	color: #fff;
	text-align: center;
}
.load_more{
	margin-top: 66px;
}
.load_more a{
	display: block;
	width: 140px;
    height: 43px;
    font-size: 14px;
    line-height: 43px;
    color: #ca0202;
    background: #fff;
    border-radius: 18px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}

#Information{
	height: 800px;
}
.Information{
	height: 100%;
	overflow: hidden;
}
.info_detail{
	margin-top: 75px;
	overflow: hidden;
	height: 409px;
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; 
}
.info_detail>div{
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;     /* OLD - Firefox 19- */              
    -webkit-flex: 1;      /* Chrome */  
    -ms-flex: 1;           /* IE 10 */
    flex: 1; 
}
.info_detail>div:nth-child(1){
	margin-right: 16px;
}
.info_img{
	position: relative;
	overflow: hidden;
	left: -500px;
}
.info_img img{
	width: 100%;
	height: 100%;
}
.info_img_font{
	position: absolute;
	height: 134px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	padding: 20px;
}
.info_img_font p:nth-child(1){
	color: #fff;
	font-size: 22px;
	border-bottom: 1px solid #fff;
	line-height: 40px;
}
.info_img_font p:nth-child(2){
	color: #fff;
	font-size: 12px;
}
.info_list{
	background: #f6f6f7;
	padding: 20px;
	position: relative;
	left: 600px;
}
.info_list ul li{
	position: relative;
	height: 60px;
	border-bottom: 1px solid #e4e4e4;
}
.info_list ul li:nth-child(6){
	border-bottom:0;
}
.info_list ul li i{
	width: 5px;
	height: 5px;
	overflow: hidden;
	background: #464a55;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 28px;
}
.info_list ul li a{
	width: 400px;
	height: 100%;
	float: left;
	line-height: 60px;
	color: #464a55;
	text-decoration: none;
	cursor: pointer;
	padding-left: 30px; 
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap; 
}
.info_list ul li span{
	float: right;
	height: 100%;
	line-height: 60px;
	font-size: 12px;
}
.info_list li:hover>a{
	color: #b21720;
}
.info_list li:hover>span{
	color: #b21720;
}
.info_list li:hover>i{
	background: #b21720;
}
#service{
	height: 800px;
}
.service{
	height: 100%;
	overflow: hidden;
}
.service_ul{
	margin-top: 70px;
	height: 456px;
	overflow: hidden;
}
.service_ul ul{
	height: 100%;
}
.service_ul ul li{
	float: left;
	width: 285px;
	height: 375px;
	margin-right: 20px;
	margin-top:58px;
	position: relative;
	padding: 0 14px;
	transform: rotateZ(0deg);
	perspective: 1000px;

}
.service_ul ul li:hover{
	animation: rotate360 0.3s linear;
}
@keyframes rotate360{
	0% {transform:rotateZ(0deg)}
	25%{
		transform: rotateZ(-8deg);
	}
	50%{
		transform:rotateZ(0deg)	
	}
	75%{
		transform: rotateZ(8deg)
	}
	100%{
		transform:rotateZ(0deg)
	}
	/*62.5%{
		transform: rotateZ(-8deg);
	}
	75%{
		transform:rotateZ(0deg)	
	}
	87.5%{
		transform: rotateZ(8deg)
	}
	100%{
		transform:rotateZ(0deg)
	}*/
}
.service_ul ul li a{
	display: block;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
}
.service_ul ul li:nth-child(4n){
	margin-right: 0; 
}
.service_pic{
	width: 110px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: -55px;
	top: 0;
	margin-top: -55px; 
}
.service_pic>img{
	border-radius: 50%;
}
.service_ul ul li p:nth-child(2){
	color: #fff;
	margin-top: 100px;
}
.service_ul ul li p:nth-child(3){
	color: #fff;
	margin-top: 40px;
	font-size: 16px;
}
#contect{
	height: 750px;
}
.contect{
	height: 100%;
	overflow: hidden;
}
.movie_play_big{
	width: 100%;height: 100%;
	position: fixed;
	padding-top: 100px; 
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
	z-index: 111111111;
	display: none;
}
.movie_play_big video{
	display: block;
	margin-top: 200px;
	width: 400px;
	margin: 0 auto;
}


.product_center_ul li:nth-child(1) .product_detail_small dt{
	background-image: url('../images/icon.png');
	background-position:0px -321px;
}
.product_center_ul li:nth-child(1) .product_detail_small{
	display: none;
}
.product_center_ul li:nth-child(1) .product_detail_big{
	display: block;
}
.product_center_ul li:nth-child(2) .product_detail_small dt{
	background-image: url('../images/icon.png');
	background-position:-49px -321px;
}
.product_center_ul li:nth-child(3) .product_detail_small dt{
	background-image: url('../images/icon.png');
	background-position:-100px -321px;
}
.product_center_ul li:nth-child(4) .product_detail_small dt{
	background-image: url('../images/icon.png');
	background-position:-145px -321px;
}
.product_center_ul li:nth-child(1) .product_detail_big dt{
	background-image: url('../images/icon.png');
	background-position:0px -373px;
}
.product_center_ul li:nth-child(2) .product_detail_big dt{
	background-image: url('../images/icon.png');
	background-position:-49px -373px;
}
.product_center_ul li:nth-child(3) .product_detail_big dt{
	background-image: url('../images/icon.png');
	background-position:-100px -373px;
}
.product_center_ul li:nth-child(4) .product_detail_big dt{
	background-image: url('../images/icon.png');
	background-position:-145px -373px;
}
.product_center_ul li:nth-child(1){
	width: 40%;
}
.product_detail_big{
	display: none;
}
#active_case{
	background-image: url('../images/hdxc.jpg');
	background-size: 100% 100%;
}
.play{
	width: 70px;
	height: 70px;
	background-image: url('../images/icon.png');
	background-position:0 -439px;
	margin-top: 66px;
	margin-left: 106px;
}
.play_timer{
	position: absolute;
	width: 100px;
	height: 20px;
	display: block;
	right: 20px;
	bottom: 20px;
	color: #fff;
	text-align: center;
}
#service{
	background-image: url('../images/khzy.jpg');
	background-size: 100% 100%;
}

#banner{
	margin-top: 90px;
}
#banner .banner_dian>.swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: transparent;
	border: 1px solid #fff;
}
#banner .banner_dian>.swiper-pagination-bullet-active{
	background: #fff;
}
.fixed_land ul li:nth-child(1) a{
	background: url('../images/suspension-bg.png') no-repeat left top;
	background-position: 0 0;
}
.fixed_land ul li:nth-child(2) a{
	background: url('../images/suspension-bg.png') no-repeat left top;
	background-position: -28px 0;
}
.fixed_land ul li:nth-child(3) a{
	background: url('../images/suspension-bg.png') no-repeat left top;
	background-position: 0 -25px;
}
.fixed_land ul li>div{
	display: none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
#banner .swiper-container-horizontal>.swiper-pagination{
	bottom: 40px;
}
#banner .swiper-pagination-bullet{
	opacity: 1;
}

.video_zuanlaoban{
	width: 100%;
	overflow: hidden;
}
.video_zuanlaoban video{
	width: 100%;
}
.title_font:after{
	content:"";
	display:inline-block;
	width:100%;
	height: 1px;
}
.banner_font_detail{
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
.banner_font_detail>div{
	/*width: 25%;*/
	float: left;
	height: 30px;
	padding:  10px 35px;
	padding-left: 45px;
	line-height: 10px;
	font-size: 18px;
	color: #fff;
	background: url("../images/xz.png") no-repeat left top;
	background-size: 30px 30px;
}
.banner_font_detail>div:last-child{
	padding-right: 0px;
}