@charset "gbk";
.index-slide-item{
	width:100%;
	margin:90px auto 0 auto;
	overflow:hidden;
}
.index-slide-item .links{
	padding: 8px;
	background-color: #52b529;
	margin: 5px;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.index-slide-item .links a{
	color: #fff;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.index-slide-item .links:hover{
	background-color: #1e824c;
}
.index-slide-item .current{
	background-color: #22a7f0;
}
.index-slide-item .swiper-container {
	width:100%;
	max-width: 100%;
	height:100%;
	max-height: 100%;
}
.index-slide-item .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	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;
	position:relative;
}
@media all and (min-width:800px){
	.index-slide-item .swiper-slide .slideimg{
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		-webkit-animation: bounce-up 15s linear infinite;
		animation: bounce-up 15s linear infinite;
	}
	.index-slide-item .swiper-slide .slideimg2{
		display:none;
	}
}
@media all and (max-width:800px){
	.index-slide-item .swiper-slide .slideimg{
		display:none;
	}
	.index-slide-item .swiper-slide .slideimg2{
		display:block;
		height:120%;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		-webkit-animation: bounce-up 15s linear infinite;
		animation: bounce-up 15s linear infinite;
	}
}
.index-slide-item .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:14px;
	left:0;
	width: 100%;
}
.index-slide-item .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px;
}
.index-slide-item .swiper-container .swiper-pagination-bullet {
	height:10px;
	width:10px;
}
.swiper-pagination-bullet-active{ background: #fff!important;}
.index-slide-item .swiper-slide .zz{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;

}
.swiper-pagination-bullet{ border: 2px solid #fff;opacity: 1;background: none;}
.index-slide-item .swiper-slide .zz .text{
	width:60%;
	margin:0 auto;
}
.index-slide-item .swiper-slide .zz .text1{ background: rgba(0,0,0, 0.5); }
.index-slide-item .swiper-slide .zz .text h2{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-weight: normal;
	text-transform:uppercase;
	font-size:44px;
	line-height:50px;
	font-family: "微软雅黑";
	color:#fff;

}

.index-slide-item .swiper-slide .zz .text p{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:48px;
	font-family: "微软雅黑";
	color:#fff;
	margin-top:30px;
}
.index-slide-item .swiper-slide .zz .text .likbut{
	display:block;
	width:160px;
	height:48px;
	margin:5% auto 0 auto;
	text-align:center;
	background-color:#F30;
	font-size:16px;
	line-height:48px;
	color:#fff;
}
.index-slide-item .swiper-slide .zz .text .buttxt{
	display:block;
	width:100px;
	height:100px;
	background-color:#FFF;
	margin:5% auto 0 auto;
	border-radius:50px;
	position: relative;
}
@media all and (max-width:800px){
	.index-slide-item .swiper-slide .zz .text{
		width:90%;
		height:100%;
		margin:0 auto;
	}
	.index-slide-item .swiper-slide .zz .text h2{
		display:block;
		width:100%;
		height:auto;
		overflow:hidden;
		font-size:30px;
		line-height:40px;
		color:#fff;
		margin-top:40%;
	}
	.index-slide-item .swiper-slide .zz .text .likbut{
		display:block;
		width:160px;
		height:48px;
		margin:20% auto 0 auto;
		text-align:center;
		background-color:#F30;
		font-size:16px;
		line-height:48px;
		color:#fff;
	}
	.index-slide-item .swiper-slide .zz .text .buttxt{
		display:block;
		width:100px;
		height:100px;
		background-color:#FFF;
		margin:15% auto 0 auto;
		border-radius:50px;
		position: relative;
	}
}
.index-slide-item .swiper-slide .zz .text .buttxt:hover{
	background-color:#F33838;
}
.index-slide-item .swiper-slide .zz .text .buttxt i{
	display:block;
	width:100%;
	height:100%;
	font-size:40px;
	line-height:100px;
	text-align:center;
	color:#F33838;
	z-index: 0;
	cursor:pointer;
}
.index-slide-item .swiper-slide .zz .text .buttxt:hover i{
	color:#fff;
}
.index-slide-item .swiper-slide .zz .text .buttxt span{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0;
	bottom: 0;
	background: #fff;
	border-radius: 50%;
	-webkit-animation: living 3s linear infinite;
	z-index: -1;
}
.index-slide-item .swiper-slide .zz .text .buttxt:hover span{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0;
	bottom: 0;
	background:#F33838;
	border-radius: 50%;
	-webkit-animation: living 3s linear infinite;
	z-index: -1;
}
.index-slide-item .swiper-slide .zz .text .buttxt span:nth-child(2){
	-webkit-animation-delay: 1.5s; /*第二个span动画延迟1.5秒*/
}

.relative{position: relative;}
.col-index-about{padding:5% 0 6%;background-size:cover !important;}
.col-index-about>table{position: relative;z-index: 2;}
.col-index-about>table>tbody>tr>td{width: 44%;}
.col-index-about>table>tbody>tr>td:first-child{text-align: right;padding-right: 5%;}
.col-index-about>table>tbody>tr>td:first-child img{transition: 0.8s; max-width: 100%;}
.col-index-about>table>tbody>tr>td:first-child img:hover{transform: scale(1.05)}
.col-index-about>table>tbody>tr>td:last-child{padding-left: 1%;line-height: 2}
.col-index-about>table>tbody>tr>td:last-child>p:first-child{margin-bottom: 20px;border-bottom: 1px solid #000; color: #222222; font-size: 44px;}
.col-index-about>table>tbody>tr>td:last-child>p:nth-child(n+2){padding-right: 29%; font-size: 18px; color: #666666;}
.col-index-about>table>tbody>tr>td:last-child>p span.impact{font-family: 'impact'}
.col-index-about>table>tbody>tr>td:last-child table{line-height: normal;width: 62%}
.col-index-about>table>tbody>tr>td:last-child table tr:first-child{font-family: 'impact';}
.col-index-about>table>tbody>tr>td:last-child table td:first-child{width: 40%;}
.col-index-about>table>tbody>tr>td:last-child>a{display: block;line-height: 1;font-size: 16px; color:#222222;font-weight: bold;text-transform: uppercase; line-height: 40px; border:1px solid #1b1b1b; padding-left: 22px; padding-right: 12px; width:114px;margin-top:5%;position: relative;transition: 0.5s}
.col-index-about>table>tbody>tr>td:last-child>a i{position: absolute;right:20px;font-family: '宋体';font-style: normal; font-weight: bold;color:#072a45;line-height: 40px;top:0;}
.col-index-about>table>tbody>tr>td:last-child>a i::before{content:'';width: 20px;height:1px;background: #072a45;display: block;position: absolute;top:50%;margin-top:0.5px;right:3px;transition: 0.5s}
.col-index-about>table>tbody>tr>td:last-child>a:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1)}
.col-index-about>table>tbody>tr>td:last-child>a:hover i::before{width: 30px;}
.countup{font-size: 28px;}

@media (max-width: 1300px){
	.col-index-about>table>tbody>tr>td:last-child>p:nth-child(n+2) {
		padding-right: 4%;
		font-size: 18px;
		color: #666666;
	}
	.col-index-about>table>tbody>tr>td:last-child>p:first-child{ font-size: 40px;}
	.col-index-about>table>tbody>tr>td:last-child table {
		line-height: normal;
		width: 92%;
	}
}

@media (max-width: 1200px){
	.col-index-about>table>tbody>tr>td:last-child>p:nth-child(n+2){ padding-right: 3%;}
	.col-index-about>table>tbody>tr>td:last-child>p:first-child{ font-size: 32px;}
	.col-index-about>table>tbody>tr>td:last-child table{ width: 85%;}
}
@media (max-width: 992px){

	.col-index-about>table>tbody>tr>td:last-child>p:nth-child(n+2){padding:0 10px;}
	.col-index-about>table>tbody>tr>td:last-child>a{margin:20px auto 0;text-align: left;}
	.col-index-about>table>tbody>tr>td:first-child img{width: 40%;margin-bottom: 20px;}
	.col-index-about>table>tbody>tr>td:last-child table{margin:0 auto;}
	.col-index-about>table>tbody>tr>td{display: block;width:100%;text-align: center !important;padding: 0 !important;margin: 0 !important;}

}


@media (max-width: 762px){
	.col-index-about>table>tbody>tr>td:last-child>p:first-child{ font-size: 22px;}
	.col-index-about>table>tbody>tr>td:last-child>p:nth-child(n+2){padding:0 10px; font-size: 16px;}
	.col-index-about>table>tbody>tr>td:last-child table { line-height: normal; width: 100%;}
	.countup{font-size: 25px;}

}


.index_about_why{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#fff;
	padding-bottom:60px;
}
.index_about_why .title_h{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 0 auto;
	padding-top:45px;
}
.index_about_why .title_h h2{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:36px;
	line-height:50px;
	font-weight: normal;
	letter-spacing:2px;
	color:#333;
}
.index_about_why .title_h h3{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:26px;
	line-height:36px;
	font-weight: normal;
	letter-spacing:2px;
	color:#333;
}
.index_about_why .title_h p{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:16px;
	line-height:36px;
	font-weight: normal;
	letter-spacing:2px;
	color:#666;
}
@media all and (min-width:800px){
	.index_about_why .con_nav{
		display:block;
		width:1200px;
		height:auto;
		overflow:hidden;
		margin:35px auto 0 auto;
		background-color:#fff;
		text-align:center;
	}
}
@media all and (max-width:800px){
	.index_about_why .con_nav{
		display:block;
		width:94%;
		height:auto;
		overflow:hidden;
		margin:35px auto 0 auto;
		background-color:#fff;
		text-align:center;
	}
}
.index_about_why .con_nav li{
	display:inline-block;
	vertical-align: middle;
	width:290px;
	height:auto;
	overflow:hidden;
	margin:10px 2px 0 2px;
	background-color:#fff;
	border:1px solid #F1F1F1;
	transition-duration:0.2s;
}
.index_about_why .con_nav li:hover{
	border:1px solid #F95555;
	margin:0px 2px 0 2px;
}
.index_about_why .con_nav li img{
	display:block;
	width:100px;
	height:100px;
	margin:20px auto 0 auto;
}
.index_about_why .con_nav li h2{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:26px;
	line-height:36px;
	color:#333;
	margin-top:15px;
	padding-bottom:6px;
}
.index_about_why .con_nav li dl{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#555;
	margin-top:10px;
}
.index_about_why .con_nav li a{
	display:block;
	width:80%;
	height:46px;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	line-height:46px;
	color:#fff;
	background-color:#F95555;
	margin:22px auto 20px auto;
	border-radius:3px;
}

.index_photo_case{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:110px;
	padding-bottom:40px;

}
.index_photo_case .con_title{
	display:block;
	height:auto;
	float: left;
	padding-left: 15px;
	overflow:hidden;
}

.index_photo_case .con_title span{ display: block; color: #222222;font-size:36px; }
.index_photo_case .con_title em{ display: block; color: #999999;font-size:18px; font-family: arial;    margin-top: 9px;}
.index_photo_case h3{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	line-height:40px;
	color:#EBEAEA;
	font-weight: normal;
}
.index_photo_case .case_class{
	max-width:1440px;
	height:auto;
	overflow:hidden;
	padding-top:15px;
	margin:0 auto;

}
.index_photo_case .case_class .but{
	display:inline-block;
	vertical-align: middle;
	padding:0 10px;
	font-size:16px;
	line-height:28px;
	color:#fff;
	transition-duration:0.2s;
}
.index_photo_case .case_class .but:hover{
	color:#F95555;
	font-size:17px;
}
.index_photo_case .case_class .more_but{ float: right;margin-right: 15px;
	display: block;line-height: 1;font-size: 16px; color:#222222;font-weight: bold;text-transform: uppercase; line-height: 40px; border:1px solid #1b1b1b; padding-left: 22px; padding-right: 12px; width:114px;margin-top:1%;position: relative;transition: 0.5s
}
.index_photo_case .case_class .more_but i{    position: absolute;
	right: 20px;
	font-family: '宋体';
	font-style: normal;
	font-weight: bold;
	color: #072a45;
	line-height: 40px;
	top: 0;}
.index_photo_case .case_class .more_but i::before{content:'';width: 20px;height:1px;background: #072a45;display: block;position: absolute;top:50%;margin-top:-0.5px;right:3px;transition: 0.5s}
.index_photo_case .case_class .more_but:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1)}
.index_photo_case .case_class .more_but:hover i::before{width: 30px;}

.index_photo_case .case_class .more_class{
	display:inline-block;
	vertical-align: middle;
	width:94%;
	max-height:800px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding-top:10px;
}
.index_photo_case .case_class .more_class a{
	display:inline-block;
	vertical-align: middle;
	padding:0 10px;
	font-size:16px;
	line-height:28px;
	color:#fff;
	transition-duration:0.2s;
}
.index_photo_case .case_class .more_class a:hover{
	color:#F95555;
	font-size:17px;
}

@media all and (max-width:800px){
	.case_class{ padding: 0 15px;}
	.index_photo_case{padding-top: 30px;}
}

@media all and (min-width:800px){
	.photo_case_list{
		max-width:1470px;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		text-align:center;
		padding-top:20px;
		padding-bottom:30px;
	}
	.photo_case_list .pitem{
		display:block;
		float:left;
		width:31.293%;
		height:300px;
		margin: 1%;

		position:relative;
		overflow:hidden;
	}
}

.col-index-product{height:530px;padding-top:120px;background: url(../images/product_bg.png)no-repeat center center;background-size:cover !important;}
.col-index-product>h3{font-weight: bold;font-size: 60px;color:#d9d9d9;position: absolute;text-transform: uppercase;transform: rotate(90deg);left:-140px;top:50%;margin-top:-33px;}
.col-index-product div.pull-left{width:50%;text-align: center;position: relative;float: left; padding-top: 40px;}
.col-index-product div.pull-left img{max-width: 100%;}
.col-index-product div.pull-right{width: 50%; float: right;}
.col-index-product div.pull-right h3{font-size: 30px;font-weight: bold;color:#222222;text-transform: uppercase;font-family: ''}
.col-index-product div.pull-right>p{vertical-align: bottom;font-size: 18px;color:#222222;margin-top:5px;padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid #000;}
.col-index-product div.pull-right>p img{vertical-align: bottom;margin-left: 50px;}
.col-index-product .product_desc{line-height: 2;color:#818181;}
.col-index-product .product_desc p span{color:#666 !important;}
.col-index-product .product_desc p img{margin-bottom: 0px;}

.col-index-product div.pull-right>a{display: block;
	line-height: 1;
	font-size: 16px;
	color: #222222;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 40px;
	border: 1px solid #1b1b1b;
	padding-left: 22px;
	padding-right: 12px;
	width: 114px;
	margin-top: 5%;
	position: relative;
	transition: 0.5s;}
.col-index-product div.pull-right>a i{position: absolute;right:20px;font-family: '宋体'; font-style: normal; font-weight: bold;color:#072a45;line-height: 36px;top:0;}
.col-index-product div.pull-right>a i::before{content:'';width: 20px;height:1px;background: #072a45;display: block;position: absolute;top:50%;right:3px;transition: 0.5s}
.col-index-product div.pull-right>a:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1)}
.col-index-product div.pull-right>a:hover i::before{width: 30px;}
.col-index-product .add{position: absolute;top:20px;right: 50%;margin-right: -150px;text-align: left;}
.col-index-product .add>a{display: block;width: 23px;height:23px;border-radius: 100%;border:3px solid #000;text-align: center;line-height: 17px;color:#000;font-weight: bold;font-size: 18px;}
.col-index-product .add>span{display: block;background: rgba(255, 255, 255, 0.68);padding: 10px 15px;color:#000;border-radius: 5px;position: absolute;width: 280px;margin-top:10px;line-height: 2;display: none;-webkit-animation: fadeInDown 1.5s both 0.2s;  animation: fadeInRight 1.5s both 0.2s;}
.col-index-product .add>span span{font-size: 12px !important;}
.col-index-product .add:hover>span{display: block;}



@media all and (max-width:992px){

	.col-index-product div.pull-right>p{padding-left: 0px;  }
	.col-index-product div.pull-right>a{text-align: left;margin:20px auto 0;}
	.col-index-product div.pull-left img{width: 300px;}
	.col-index-product .add{margin-right: -120px}
	.col-index-product{padding-top:30px; padding-bottom: 40px; height: auto;}
	.col-index-product>div{float: none !important;text-align: center;width: 100% !important;padding-top: 20px;}
	.col-index-product div.pull-right h3{ font-size: 24px;}
	.col-index-product .product_desc .content {
		display: inline-block;
		text-align: left;
	}
}

@media all and (max-width:762px){
	.index_photo_case{padding-bottom: 0;}
	.col-index-product{padding-left: 15px; padding-right: 15px;}
}


@media all and (max-width:800px){
	.photo_case_list{
		width:94%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		text-align:center;
		padding-top:20px;
		padding-bottom:30px;
	}
	.photo_case_list .pitem{
		display:block;
		width:100%;
		height:260px;
		position:relative;
		overflow:hidden;
		margin-top:10px;
	}
}
.photo_case_list .pitem img{
	display:block;
	width:100%;
	min-height:260px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition-duration:0.5s;
}
.photo_case_list .pitem:hover img{
	transform: scale(1.1);
}
.photo_case_list .pitem .zz{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	transition-duration:0.8s;
	background: rgba(0,0,0, 0.2);
}
.photo_case_list .pitem:hover .zz{
	background: rgba(0,0,0, 0);
}
.photo_case_list .pitem p{
	display:block;
	width:90%;
	height:50px;
	padding:0 5%;
	text-align:left;
	font-size:24px;
	line-height:50px;
	color:#fff;
	position:absolute;
	bottom:6px;
	left:0;
	font-weight: bold;
	z-index:3;
	transition-duration:0.2s;
}
.photo_case_list .pitem:hover p{
	bottom:42px;
}
.photo_case_list .pitem span{
	display:block;
	width:98px;
	height:50px;
	padding:0 5%;
	text-align:left;
	font-size:16px;
	line-height:50px;
	color:#fff;
	position:absolute;
	bottom:-50px;
	left:0;
	font-weight: bold;
	z-index:3;
	font-family: "宋体";
	transition-duration:0.2s;
}
.photo_case_list .pitem:hover span{
	bottom:0px;
}

.photo_case_list .pitem span i{position: absolute;
	right: 20px;
	font-family: '宋体';
	font-style: normal;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
	top: 0;
}

.photo_case_list .pitem span i::before{
	content: '';
	width: 20px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -0.5px;
	right: 3px;
	transition: 0.5s;
}

.index_video_case{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:60px;
	padding-bottom:40px;
	background-color:#fff;
}
.index_video_case .con_title{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:50px;
	line-height:60px;
	color:#333;
	font-style:italic;
}
.index_video_case h3{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	line-height:40px;
	color:#888;
	font-weight: normal;
}
.index_video_case .case_class{
	width:90%;
	height:auto;
	overflow:hidden;
	padding-top:15px;
	margin:0 auto;
	text-align:center;
}
.index_video_case .case_class .but{
	display:inline-block;
	vertical-align: middle;
	padding:0 10px;
	font-size:16px;
	line-height:28px;
	color:#666;
	transition-duration:0.5s;
}
.index_video_case .case_class .but:hover{
	color:#F95555;
}

@media all and (min-width:800px){
	.video_case_list{
		max-width:1470px;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		text-align:center;
		padding-top:30px;
	}
	.video_case_list .vitem{
		display:inline-block;
		float: left;
		vertical-align: middle;
		width: 31.293%;
		margin: 1%;
		overflow:hidden;

		position: relative;
	}
}
@media all and (max-width:800px){
	.video_case_list{
		width:94%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		text-align:center;
		padding-top:30px;
	}
	.video_case_list .vitem{
		display:block;
		max-width: 100%;
		width:100%;
		margin:0 auto;
		overflow:hidden;
		margin-bottom: 20px;
	}
}
.video_case_list .vitem .pic{
	display:block;
	width:100%;
	position:relative;
	background: center center no-repeat;
	background-size: cover;
	overflow: hidden;
	transition-duration:0.5s;
}
.video_case_list .vitem .pic img{width: 100%;display: block;cursor: pointer;opacity: 0;}


.news_listx{
	display:block;
	padding: 10px 25px;
	height:230px;
	text-align:left;
	background: #f7f7f7;
	color:#444;
	overflow:hidden;
	transition-duration:0.2s;
}
.news_listx h2{font-size: 18px; color: #222; margin: 10px 0;    line-height: 30px;cursor: pointer;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.news_listx em{ display: block;color: #999;font-size: 16px; margin-bottom: 10px;}
.news_listx span{ display: block;color: #666;font-size: 16px; line-height: 30px;overflow :   hidden ; text-overflow :   ellipsis ; display :   -webkit-box ; -webkit-line-clamp :   3 ; -webkit-box-orient :   vertical ;}
.video_case_list .vitem:hover p{
	color:#F95555;
}
.posi_lt{position: absolute; top: 0; left: 0;    z-index: 9;}

.rt_news{ height: 520px;background: #f7f7f7; padding: 15px 25px;}
.rt_news ul{ margin-top: 30px;}
.rt_news ul li{ display: block;text-align: left; margin-bottom: 20px;}
.rt_news ul li a{font-size: 18px; color: #222; padding: 8px 0; font-weight: bold; line-height: 24px;  display: block;text-align: left;}
.rt_news ul li em{ font-size: 16px; color: #999; display: block;}
@media (max-width:1300px){
	.rt_news{height: 484px;}

}

@media (max-width:800px){
	.video_case_list .vitem	{
		position: relative;
	}
	.video_case_list .vitem .pic{ height: auto;}
	.news_listx{ height: auto; padding-bottom: 20px;}
	.rt_news{ height: auto;}
}


.index_news{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:60px;
	padding-bottom:120px;
	background-color:#39404F;
	position:relative;
}

.index_news .con_title{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:50px;
	line-height:60px;
	color:#fff;
	font-style:italic;
}
.index_news h3{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	line-height:40px;
	color:#EBEAEA;
	font-weight: normal;
}
.index_cooperation{
	width:1200px;
	height:480px;
	position:relative;
	margin:0 auto;
}
.cooperation_slide2{
	display:none;
}
.cooperation_slide{
	width:84%;
	height:450px;
	margin:15px auto 0 auto;
	position:absolute;
	top:50%;
	left:50%;
	margin:-200px 0 0 -42%;
	z-index:10;
}
.cooperation_slide .index_all_slide{
	display:block;
	width:100%;
	height:400px;
	margin:15px auto 0 auto;
	overflow:hidden;
}
.cooperation_slide .swiperbut{
	width:88px;
	height:50px;
	background-color:#000;
	position:relative;
	margin:20px auto 0 auto;
	border-radius:5px;
	padding:0 20px;
}
.cooperation_slide .swiper-slide{
	display:block;
	width:100%;
	height:400px;
	background: rgba(255,255,255, 0.8);
	border-radius:5px;
	transition-duration:0.2s;
}
.cooperation_slide .swiper-slide:hover{
	background: rgba(249,85,85, 0.8);
}
.cooperation_slide .swiper-slide dd{
	display:block;
	width:94%;
	height:200px;
	overflow:hidden;
	background-color:#0CC;
	margin:10px auto 0 auto;
	border-radius:4px;
}
.cooperation_slide .swiper-slide dd img{
	display:block;
	width:100%;
	max-height:300px;
}
.cooperation_slide .swiper-slide h3{
	display:block;
	width:94%;
	height:28px;
	overflow:hidden;
	font-size:20px;
	line-height:28px;
	color:#444;
	text-align:left;
	margin:10px auto 0 auto;
	font-weight: normal;
}
.cooperation_slide .swiper-slide:hover h3{
	color:#fff;
}
.cooperation_slide .swiper-slide span{
	display:block;
	width:94%;
	height:48px;
	overflow:hidden;
	font-size:14px;
	line-height:24px;
	color:#888;
	text-align:left;
	margin:5px auto 0 auto;
	font-weight: normal;
}
.cooperation_slide .swiper-slide:hover span{
	color:#fff;
}
.cooperation_slide .swiper-slide a{
	display:block;
	width:80px;
	height:38px;
	margin:30px auto 0 auto;
	background-color:#BCBDBE;
	border-radius:4px;
}
.cooperation_slide .swiper-slide a i{
	display:block;
	width:100%;
	height:38px;
	text-align:center;
	font-size:20px;
	line-height:38px;
	color:#666464;
}
.cooperation_slide .swiper-slide:hover a{
	background-color:#4A4B4C;
}
.cooperation_slide .swiper-slide:hover i{
	color:#fff;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(img/swiper-button-next.png);
	right:6px;
	left: auto;
	transition-duration:0.5s;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(img/per-button-prev.png);
	left:6px;
	right: auto;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top:100%;
	width:50px;
	height:50px;
	margin-top: -50px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 50px 50px;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration:0.2s;
	border-radius:5px;
}


@media all and (max-width:800px){
	.index_cooperation{
		width:94%;
		height:480px;
		position:relative;
		margin:0 auto;
	}
	.cooperation_slide{
		display:none;
	}
	.cooperation_slide2{
		display:block;
		width:84%;
		height:450px;
		margin:15px auto 0 auto;
		position:absolute;
		top:50%;
		left:50%;
		margin:-200px 0 0 -42%;
		z-index:10;
	}
	.cooperation_slide2 .swiperbut{
		width:88px;
		height:50px;
		background-color:#000;
		position:relative;
		margin:20px auto 0 auto;
		border-radius:5px;
		padding:0 20px;
	}
	.cooperation_slided2 .index_all_slide2{
		display:block;
		width:100%;
		height:400px;
		margin:15px auto 0 auto;
		overflow:hidden;
	}
	.cooperation_slide2 .index_all_slide2 .swiperbut{
		width:88px;
		height:50px;
		background-color:#000;
		position:relative;
		margin:20px auto 0 auto;
		border-radius:5px;
		padding:0 20px;
	}
	.cooperation_slide2 .index_all_slide2 .swiper-slide{
		display:block;
		width:100%;
		height:400px;
		background: rgba(255,255,255, 0.8);
		border-radius:5px;
		transition-duration:0.2s;
	}
	.cooperation_slide2 .swiper-slide:hover{
		background: rgba(249,85,85, 0.8);
	}
	.cooperation_slide2 .swiper-slide dd{
		display:block;
		width:94%;
		height:200px;
		overflow:hidden;
		margin:10px auto 0 auto;
		border-radius:4px;
	}
	.cooperation_slide2 .swiper-slide dd img{
		display:block;
		width:100%;
		max-height:300px;
	}
	.cooperation_slide2 .swiper-slide h3{
		display:block;
		width:94%;
		height:28px;
		overflow:hidden;
		font-size:20px;
		line-height:28px;
		color:#444;
		text-align:left;
		margin:10px auto 0 auto;
		font-weight: normal;
	}
	.cooperation_slide2 .swiper-slide:hover h3{
		color:#fff;
	}
	.cooperation_slide2 .swiper-slide span{
		display:block;
		width:94%;
		height:48px;
		overflow:hidden;
		font-size:14px;
		line-height:24px;
		color:#888;
		text-align:left;
		margin:5px auto 0 auto;
		font-weight: normal;
	}
	.cooperation_slide2 .swiper-slide:hover span{
		color:#fff;
	}
	.cooperation_slide2 .swiper-slide:hover span{
		color:#fff;
	}
	.cooperation_slide2 .swiper-slide a{
		display:block;
		width:80px;
		height:38px;
		margin:30px auto 0 auto;
		background-color:#BCBDBE;
		border-radius:4px;
	}
	.cooperation_slide2 .swiper-slide a i{
		display:block;
		width:100%;
		height:38px;
		text-align:center;
		font-size:20px;
		line-height:38px;
		color:#666464;
	}
	.cooperation_slide2 .swiper-slide:hover a{
		background-color:#4A4B4C;
	}
	.cooperation_slide2 .swiper-slide:hover i{
		color:#fff;
	}
	.index_cooperation h2{
		display:block;
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;
		font-size:46px;
		color:#fff;
		position:absolute;
		top:15%;
		z-index:10;
	}
}



.main_frame{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:15px;
	background-color:#1E1E1E;
	margin:0 auto;
}
.main_html{
	display:block;
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.main_html .left_text{
	display:block;
	width:220px;
	height:auto;
	overflow:hidden;
	float:left;
}
.main_html .left_text h2{
	display:block;
	width:90%;
	padding:0 0 0 10%;
	height:48px;
	background-color:#575757;
	text-align:left;
	font-size:18px;
	line-height:48px;
	color:#fff;
	font-weight: normal;
	clear:both;
	margin-bottom:8px;
}
.main_html .left_text .but{
	display:block;
	width:100%;
	height:38px;
	color:#fff;
	font-weight: normal;
	border-bottom:1px solid #4D4C4C;
}
.main_html .left_text .but span{
	display:block;
	width:90%;
	height:38px;
	padding-left:10%;
	text-align:left;
	font-size:15px;
	line-height:38px;
	color:#fff;
	font-weight: normal;
}
.main_html .left_text .but:hover{
	background-color:#FA6767;
}
.main_html .left_text h3{
	display:block;
	width:90%;
	padding:0 0 0 10%;
	height:48px;
	background-color:#F35353;
	text-align:left;
	font-size:18px;
	line-height:48px;
	color:#fff;
	font-weight: normal;
	clear:both;
	margin-top:10px;
}
.main_html .left_text .contact_txt{
	width:80%;
	height:auto;
	overflow:hidden;
	padding:16px 10%;
	background-color:#393838;
}
.main_html .left_text .contact_txt img{
	display:block;
	width:80%;
	margin:0 auto 10px auto;
}
.main_html .left_text .contact_txt dl{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	line-height:28px;
	color:#fff;
	font-weight: bold;
}
.main_html .left_text .contact_txt p{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	line-height:24px;
	color:#fff;
}
.main_html .in_text{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.current_location{
	width:100%;
	height:38px;
	border-bottom:1px solid #4D4C4C;
}
.current_location i{
	display:block;
	float:left;
	height:38px;
	line-height:38px;
	font-size:16px;
	color:#8B8989;
	margin-right:8px;
}
.current_location i.home{
	font-size:18px;
	margin-left:10px;
}
.current_location a{
	display:block;
	float:left;
	height:38px;
	line-height:38px;
	font-size:14px;
	color:#B3B3B3;
	margin-right:8px;
}

.container_pc{ margin: 0 auto;max-width: 1470px;overflow: hidden;}

.img_item{
	display:block;
	width:23%;
	float:left;
	margin: 1%;
	overflow:hidden;
	background: #f7f7f7;
	transition-duration:0.5s;

}
.img_item i{ width: 100%; display: block;
	background: center center no-repeat;
	background-size: cover;
	overflow: hidden;
	transition-duration:0.5s;
	-webkit-transition: all .5s;}
.img_item img{
	display:block;
	max-width:100%;
	opacity: 0;
	z-index:1;

}
.img_item:hover i{
	transform: scale(1.02);
}

.img_item p{
	display:block;
	background: #f7f7f7;
	height:60px;
	padding: 20px 0;
	width: 100%;
	font-size:18px;
	color:#222222;
	font-weight: bold;

	z-index:2;

}
.img_item p em{ display: block; padding: 0 25px; margin-bottom: 10px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.img_item p span{ display: block; font-weight: normal; font-size: 14px; color: #999999;padding: 0 25px;}
.cfsb{ padding: 0;}
.cp_xq{width: 1240px;}
.posts-nav{text-align:center;margin: 30px 0px;}
.posts-nav .page-numbers{color: #333333; border-radius: 3px; display:inline-block;padding: 8px 13px;font-size:13px;background-color: #f5f5f5;margin:0 2px;font-family:Arial;transition:all .6s;}
.posts-navs .page-numbers{ background-color: #f5f5f5;}
.posts-nav .current,
.posts-nav .page-numbers:hover{color:#698bcb;background-color:#fff;}
.post_gy_toppic{padding:0px;position:relative;display: flex;justify-content: center; align-items: center;}
.post_gy_toppic img{display:block;max-height: 100%; max-width: 100%; }
.post_gy_toppic span{color:#c1c1c1;position:absolute;right:30px;bottom:30px;}
.post_gy_pic_right{ padding-left: 38px;}
.post_gy_pic_right strong{margin:40px 0px 20px 0px;display:block;border-top:1px solid #e5e5e5;padding-top:10px;font-weight:bold;color:#d8171f;}
.post_gy_tittle{margin-bottom:20px;}
.post_gy_tittle h1{margin: 15px 0px 5px;font-size: 30px; color: #0455b7;}
.post_gy_tittle span{margin:0px;color:#999;font-size:14px;font-weight:300; display: block; }
.post_gy_tittle ul{ margin-top: 8px; overflow: hidden;}
.post_gy_tittle ul li{ color: #333333; font-family: helvetica; font-size: 14px; margin-bottom: 8px;}
.post_gy_tittle ul li em{ display: inline-block; width: 82px;  color: #999999;font-style: normal;}
.post_gy_ms{font-size: 12px;border-bottom: 1px solid #ebebeb;padding-bottom: 10px;}
.post_gy_ms b{position:relative;padding-left:16px;}
.post_gy_ms b:before{content:"";width:6px;height:6px;display:block;background-color:#cc0000;position:absolute;left: 1px;top: 5px;}
.gy_left{text-align:initial;}
.post_cp_gy_tittlepic{margin:40px 0px;}
.post_cp_gy_tittlepic img{}
.post_cp_canshu{margin-bottom:40px;padding: 0 15px;}
.post_cpms{color:#777;line-height:24px;margin:20px 0px 0px 0px;}
.post_cpms p{line-height:28px;color:#666;margin-bottom:12px;}
.index_cp_url{text-align: inherit;margin: 40px 0px 0px 0px;}
.index_cp_url a{background-color:#ccc;display:inline-block;padding:12px 64px;transition:all .6s; font-size: 18px;}
.index_cp_url .blue_red{background-color:#0455b7;color:#fff;}
/*zw*/
.wznrys{font-size:16px;}
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}
.wznrys .post-image{padding-bottom:20px}
.post-image img{max-width: 100%;}
.wznrys p{line-height:2;padding-bottom:5px;margin-bottom:0;margin-top:0;}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;}
.wznrys h1{font-size:22px;}
.wznrys h2{font-size:20px;}
.wznrys h3{font-size:18px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:14px;}
.wznrys h6{font-size:14px;}
.wznrys ol,
.wznrys ul{margin-bottom:20px;list-style:disc;margin-left:16px}
.wznrys ol li,
.wznrys ul li{margin-left:10px;margin-bottom:8px;line-height:2;color:#;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;}
.wznrys table{width:100%;border-left:1px solid #bbbbbb;border-top:1px solid #bbbbbb;line-height:40px;border-collapse:collapse;margin-bottom:20px;}
.wznrys table tr:nth-child(odd){background:#f1f1f1;}
.wznrys table tr td{border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;line-height:40px;text-align:center;}
.wznrys table strong{border-bottom:none}
.wznrys table div{padding-bottom:0}
.wznrys p img{max-width:100%;height:auto}
.wznrys blockquote{margin:20px 0 20px 0;position:relative;border-left:none;border-radius:3px;font-size:inherit;padding:25px 25px 0px 25px;background-color:#f5f5f5;}
.wznrys blockquote:before{content:'"';position:absolute;color:#000000;top:0px;left:10px;font-size:40px;}
.wznrys blockquote:after{content:'"';position:absolute;right:10px;bottom:-20px;color:#000;font-size:40px;}
.wznrys blockquote p{}
.wznrys .aligncenter{clear:both;display:block;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys p a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;margin:0 4px}
.wznrys strong{font-weight:bold;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}
.wznrys pre{margin:0px;margin-bottom:30px;}
.wznrys pre .hljs{font-size:13px;line-height:1.8;padding:15px 20px;border-radius:10px;}
.wznrys pre .hljs table{border:none;line-height:1.8;margin:0;}
.wznrys pre .hljs table tr{border-bottom:1px solid #272727;}
.wznrys pre .hljs table tr:nth-child(odd){background:none;}
.wznrys pre .hljs table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre .hljs table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#5a5a5a;font-weight:300;}
.wznrys pre .hljs table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre .hljs table tr td.hljs-ln-code{border-left:1px solid #4c4c4c;text-indent:12px;}
.wznrys pre .hljs table tr td{border:none;text-align:inherit;line-height:inherit;}

.cp_canshu_tittle{position:relative;border-bottom:1px solid #0455b7; padding-bottom: 8px;font-size: 18px;margin:40px 0px 20px 0px; color: #0455b7;}
.cp_canshu_tittle span{font-size:12px;color:#999;padding-left:10px;font-weight:300;}

.cp_canshu_content{padding-bottom:20px;}
.cp_canshu_content p{line-height:28px;color:#666;margin-bottom:12px;}
.cp_canshu_content img{margin-bottom:20px;}
.cp_canshu_content iframe{width: 100%;height: 300px;}
.row{overflow: hidden;}
.col-lg-4{ width: 35%; float: left;}
.col-lg-8{ width: 65%;float: right;}

.contact_box{margin: 0 auto; max-width: 1200px;}
.contact_li1 span{ display: block; font-size: 36px; color: #222222;}
.contact_li1 em{display: block; font-size: 24px; color: #666666; margin-top: 18px;}
.contact_li2{ margin-top: 40px; padding-bottom: 40px; overflow: hidden;}
.contact_li2 ul li{ font-size: 20px; color: #333; line-height: 42px;}
.contact_li2 ul li span{ display: inline-block; width: 100px; font-weight: bold;}
.f_ewmx{margin-top: 40px;}
.contact_maps{ margin-bottom: 40px;}
.contact_maps img{max-width: 100%;}
@media all and (max-width:960px){
	.img_item{ width: 48%; height: auto;}
	.img_item img{min-height: auto;max-height: 200px; }
	.img_item p{padding: 10px 0;}
	.img_item p em,.img_item p span{padding: 0 10px;}
	.col-lg-4, .col-lg-8{ width: 100%; float: none;}
	.post_gy_pic_right{padding-left: 10px;}
	.contact_box{ padding: 0 15px;}
	.contact_li1 span{ font-size: 18px;}
	.contact_li1 em {
		display: block;
		font-size: 15px;
		color: #666666;
		margin-top: 12px;
	}
	.contact_li2 {
		margin-top: 20px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	.contact_li2 ul li {font-size: 14px; line-height: 30px;}
	.contact_li2 ul li span{ width: auto; padding-right: 20px; }
	.f_ewmx{ margin-top: 15px;}
}

.mess_bts { font-size: 16px; color: #161616; font-weight: bold; font-family: helvetica; padding-top: 16px;}
.feedback_top{ font-size: 14px; margin-top: 10px; margin-bottom: 10px; color: #ff0000; text-align: center;  font-family: helvetica;}
.feedback_top span{font-family: verdana,arial;}
.fedd_main_bt{text-align: center; margin-bottom: 50px;}
.fedd_main_bt ul li{ margin-bottom: 16px;position: relative;}
.fedd_main_bt ul li em{color: #333; font-size: 14px; margin-right: 10px; text-align: right; font-style: normal;line-height: 42px;  width: 84px; position: absolute; left: 50%; margin-left: -330px;}
.fedd_main_bt ul li i{font-style: normal; color: #db1f1f;}
.input_mess{  border: 1px solid #d6d6d6; border-radius: 4px; color: #999; font-size: 12px; padding: 8px 10px; width: 450px; line-height: 24px;}
.feed_area_mess {height: 76px; border-radius: 4px; width: 450px; border: 1px solid #d6d6d6; font-family: verdana,arial; color: #151515; font-size: 12px;padding: 10px 10px; line-height: 24px; resize: none;}


.feedback_code span{ height: 46px; line-height: 46px; color: #333; font-size: 13px;font-family: verdana,arial;}
.code_img{ position: relative; height: 40px;display: inline-block; width: 470px; text-align: left;}
.f_code{ border: 1px solid #d6d6d6; border-radius: 4px; color: #999; font-size: 12px; padding: 8px 10px; width: 240px; line-height: 24px; float: left;}
.feedback_code img{display: inline-block; float: left; margin-left: 10px; width: 78px; height: 34px; margin-top: 7px; margin-right: 10px; }
.feedback_code a{ display: block; font-size: 14px; color: #0455b7;text-overflow:ellipsis;white-space:nowrap; font-family: helvetica;}
.vip_btn{ width: 462px;position: relative; height: 40px; display: inline-block; width: 462px; text-align: left;}
.vip_btn_logo{     border: none; display: inline-block; background: #0455b7; text-align: center; font-size: 16px; font-weight: bold; color: #fff!important;  height: 42px; width: 130px; line-height: 42px;  margin-right: 20px;}
.vip_btn_rese{ display: inline-block; background: #fff; border: 1px solid #0455b7; text-align: center; font-size: 16px; font-weight: bold; color: #0455b7!important;height: 40px; line-height: 40px; width: 130px;}

.input_mess:hover,.input_mess:active,.f_code:hover,.f_code:active,.feed_area_mess:hover,.feed_area_mess:active{ border:1px solid #0455b7;}


@media (max-width:768px){
	.con_border{ padding: 0 10px;}
	.input_mess,.feed_area_mess{width: calc(100% - 30px);}
	.fedd_main_bt ul li em{ display: none;}
	.f_code{ width: 150px;}
	.code_img{ width: calc(100% - 5px);}
	.mess_bts{ text-align: left;}
}
.video_list{
	width:100%;
	height:auto;
	overflow:hidden;
}
@media all and (min-width:800px){
	.video_list{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		text-align:center;
		padding-top:30px;
	}
	.video_list .vitem{
		display:inline-block;
		vertical-align: middle;
		width:450px;
		height:280px;
		margin:6px 10px;
		overflow:hidden;
	}
}
@media all and (max-width:800px){
	.video_list{
		width:94%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		text-align:center;
		padding-top:30px;
	}
	.video_list .vitem{
		display:block;
		max-width:450px;
		width:100%;
		height:280px;
		margin:0 auto;
		overflow:hidden;
	}
}
.video_list .vitem .pic{
	display:block;
	width:100%;
	height:230px;
	overflow:hidden;
	position:relative;
}
.video_list .vitem .pic .tu{
	display:block;
	width:100%;
	min-height:230px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.video_list .vitem .pic .but{
	display:block;
	width:80px;
	height:80px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	margin:-40px 0 0 -40px;
	transition-duration:0.2s;
	filter:alpha(opacity=50);  /*支持 IE 浏览器*/
	-moz-opacity:0.50; /*支持 FireFox 浏览器*/
	opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.video_list .vitem:hover .pic .but{
	width:90px;
	height:90px;
	margin:-45px 0 0 -45px;
	filter:alpha(opacity=90);  /*支持 IE 浏览器*/
	-moz-opacity:0.90; /*支持 FireFox 浏览器*/
	opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器*/
}
.video_list .vitem .pic dl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background: rgba(0,0,0, 0.3);
	transition-duration:0.2s;
}
.video_list .vitem p{
	display:block;
	width:100%;
	height:50px;
	text-align:left;
	font-size:16px;
	line-height:40px;
	color:#B1B0B0;
	overflow:hidden;
	transition-duration:0.2s;
}
.video_list .vitem:hover p{
	color:#F95555;
}

.container{max-width: 1440px; margin: 0 auto; }
.col_about{padding-top: 80px; }
.col_about_deat p{color: #666; font-size: 18px; margin-bottom: 10px; line-height: 36px;}
.col_about_txt{max-width: 1250px; margin: 0 auto;}
.col_about_txt h2 {
	color: #000;
	font-size: 36px;
	padding-top: 5px;
	position: relative;
	margin-bottom: 30px;
}
.scene{}
.layer{max-width: 100%;}
.scene_h3 {
	margin-top: 50px;
	text-align: center;
	padding: 0 13%;
	margin-bottom: -135px;
	z-index: 2;
	position: relative;
}

.col-honor{ padding: 145px 0 4%;background: #eeeeee;}
.col-honor h2{font-size: 36px;color:#000;text-align: center;padding-bottom: 10px;margin-bottom: 45px;position: relative;}
.col-honor h2::after{content:'';width: 38px;height:2px;background: #0061ae;position: absolute;bottom: 0;left: 50%;margin-left: -19px;}

.col-honor .honor-container{padding-bottom: 40px;}
.col-honor .swiper-slide{}
.col-honor .swiper-slide>div{overflow: hidden; padding: 10px 5px;}
.col-honor .swiper-slide>div a{ }
.col-honor .swiper-slide>div img{transition: 0.3s;width: 100%!important; max-height: 220px!important;display: block;}
.col-honor .swiper-pagination{bottom: 0}
.col-honor .swiper-pagination span.swiper-pagination-bullet-active{background: #0061ae!important;}
.col-honor .swiper-pagination-bullet{ background: #cccccc!important;border: none!important;}

.bt_news{font-size: 36px;color:#000;text-align: center;padding-bottom: 10px;margin-bottom: 45px;position: relative; padding-top: 90px;}
.bt_news::after{content:'';width: 38px;height:2px;background: #0061ae;position: absolute;bottom: 0;left: 50%;margin-left: -19px;}
.alb_news{
}
.alb_news ul li{ display: inline-block;
	float: left;
	vertical-align: middle;
	width: 31.293%;
	margin: 1%;
	overflow: hidden;
	position: relative;}
.news_listx_ny{ height: 120px;}

.alb_news .pic{
	display:block;
	width:100%;
	position:relative;
	background: center center no-repeat;
	background-size: cover;
	overflow: hidden;
	transition-duration:0.5s;
}
.alb_news .pic img{width: 100%;display: block;cursor: pointer;opacity: 0;}

@media (max-width: 1300px){
	.contact_box{ padding: 0 15px;}
}

@media (max-width: 960px){

	.alb_news ul li {
		display: block;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.col-honor .honor-container{padding: 0; padding-bottom: 40px;}
	.news_listx h2{height: 54px;overflow: hidden;}
	.news_listx_ny{ height: 105px; padding: 0 15px; }

}

@media all and (max-width:768px){

	.news_listx h2{ height: auto;}
	.news_listx_ny{ height: auto;}
}



@media (max-width: 768px){
	.col_about{ padding: 20px 15px;}
	.col-honor{ padding: 30px 15px 20px;}
	.col-page-about {padding-top: 20px;}
	.col_about_txt h2 { font-size: 24px; margin-bottom: 10px;}
	.col_about_deat p, .col_about_deat p span { font-size: 14px !important; line-height: 1.6 !important;}
	.scene_h3{padding:  0 0 15px 0px;  margin: 0;}
	.bt_news{padding-top: 40px;}
}

.mbx{text-align: right;color:#666666;line-height: 70px; font-size: 14px;    padding-right: 15px;}
.mbx i{width: 16px;height:15px;display: inline-block;background: url(../images/home.png)no-repeat center center;vertical-align: middle;margin-bottom: 3px;}
.mbx a{color:#666666;}

.met_article{margin: 0 auto; max-width: 1240px;}
.col-news {padding-top: 0;}
.col-news article {margin:40px 0;float: left;width: 100%;}
.col-news .met_clear {clear: both;}
.col-news .met_module2 h1.met_title {font-size: 32px;font-weight: normal;padding: 10px 0;color:#000; text-align: center;}
.col-news .met_module2 .met_infos {color: #818181;font-size: 16px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;text-align: center;}
.col-news .met_module2 .met_time { padding-right: 6px; font-size: 16px;}
.col-news .met_module2 .met_source {padding-right: 6px;}
.col-news .met_module2 .met_source a {color: #607fa6;}
.col-news .met_module2 .met_editor { padding: 0 10px;color:#000;}
.col-news .met_editor {line-height: 2;}
.col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;}
.col-news .met_tools .met_page {clear: both;color: #818181;}
.col-news .met_tools .met_page li {display: inline-block;list-style: none;margin-right: 30px;}
.col-news .met_tools .met_page li:last-child{margin-right: 0;float: right;}
.col-news .met_tools .met_page li span {padding-right: 5px;}
.col-news .met_tools .met_page a {color: #0455b7;}
.col-page-video{margin-top: 60px;}
.col-page-video ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 50px;}
.col-page-video ul li:nth-child(2n){margin-right: 0;}
.col-page-video ul li .col-video video{background: #000;}
.col-page-video ul li h3{text-align: center;font-size: 18px;color:#000;margin-top:20px;}
/* business */
@media (max-width: 768px){
	.met_article{ width: auto;}
	.mbx{ line-height: 50px; font-size: 12px;}
	.col-news article{ margin:  0;}
	.col-news .met_module2 h1.met_title{ font-size: 20px;padding: 10px 10px;}
	.col-news .met_module2 .met_editor img{max-width: 100%;}
	.col-news .met_tools .met_page li:last-child{ float: none; margin: 10px 0 10px 0;}
}

.news_list{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:15px 0 20px 0;
}
.item-title-img{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #4D4C4C;
}
.item-title-img .pic{
	display:block;
	width:156px;
	height:100px;
	float:left;
	overflow:hidden;
	border-radius:3px;
}
.item-title-img .pic img{
	width:100%;
	min-height:100px;
	transition-duration:0.6s;
}
.item-title-img .pic:hover img{
	transform: scale(1.1);
}
.item-title-img .text{
	width:81%;
	height:auto;
	overflow:hidden;
	float:right;
}
.item-title-img .text .title{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	line-height: 1.3;
	margin-bottom: 4px;
	margin-top:5px;
	font-size:20px;
	font-weight: 100;
	max-height: 52px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#CCC;
	padding-bottom:8px;
	text-align:left;
	transition-duration:0.2s;
}
.item-title-img .text .hos{
	width:100%;
	height:24px;
	overflow:hidden;
	margin-top:10px;
}
.item-title-img .text .title:hover{
	color:#F35353;
}
.item-title-img .text .hos .class{
	display:block;
	height:22px;
	float:left;
	margin-right:10px;
	padding:0 10px;
	border:1px solid #41BAAD;
	color:#41BAAD;
	font-size:14px;
	line-height:22px;
	background-color:#fff;
	border-radius:3px;
}
.item-title-img .text .hos .adduser:hover dl{
	color:#45778F;
}
.item-title-img .text .hos span{
	display:block;
	height:22px;
	float:left;
	font-size:12px;
	line-height:22px;
	color:#888;
	margin-left:30px;
}
.news_vist{
	width:96%;
	height:auto;
	overflow:hidden;
	padding-bottom:15px;
	margin:0 auto;
}
.news_vist h1{
	display:block;
	width:100%;
	font-weight: normal;
	height:auto;
	overflow:hidden;
	font-size:22px;
	line-height:32px;
	color:#fff;
	padding:16px 0 14px 0;
	border-bottom:1px dotted #4D4C4C;
}
.news_vist .hos{
	width:100%;
	height:30px;
}
.news_vist .hos span{
	display:block;
	float:left;
	font-size:14px;
	line-height:30px;
	color:#A9A8A8;
}
.news_vist .hos a{
	display:block;
	float:right;
	font-size:14px;
	line-height:30px;
	color:#A9A8A8;
}
.news_vist .content_text{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:15px 0 15px 0;
	font-size:16px;
	line-height:26px;
	color:#CCC;
}
.news_vist .content_text p{
	display:block;
	width:100%;
	margin:4px 0;
	padding:0;
	height:auto;
	overflow:hidden;
	font-size:16px;
	line-height:26px;
	color:#CCC;
}
.news_vist .content_text img{
	max-width:900px;
	height:auto;
	zoom:expression( function(elm)
       {     if (elm.width>900)
               {  var oldVW = elm.width; elm.width=900;
                   elm.height = elm.height*(900 /oldVW);
                }         elm.style.zoom = '1';
      }
(this));
}

@media all and (max-width:800px){
	.index-slide-item{ margin-top: 48px;
	}

	.cp_xq{width: 100%;}


	@-webkit-keyframes bounce-up {
		24% {
			-webkit-transform: translateY(-80px);

		}
		50%, 100% {
			-webkit-transform: translateY(0);
		}
		75% {
			-webkit-transform: translateY(-80px);
		}
	}

	@keyframes bounce-up {
		24% {
			transform: translateY(-50px);

		}
		50%, 100% {
			transform: translateY(0);

		}
		75% {

			transform: translateY(-50px);
		}
	}

	@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
		0%{
			transform: scale(1);  /*开始为原始大小*/
		}
		25%{
			transform: scale(1.1); /*放大1.1倍*/
		}
		50%{
			transform: scale(1);
		}
		75%{
			transform: scale(1.1);
		}
	}
	@keyframes living {
		0%{
			transform: scale(1);
			opacity: 0.5;
		}
		50%{
			transform: scale(1.5);
			opacity: 0;   /*圆形放大的同时，透明度逐渐减小为0*/
		}
		100%{
			transform: scale(1);
			opacity: 0.5;
		}
	}