.index-slide-item{
	width:100%;
	height:80vh;
	margin:0px 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:38px;
    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:12px;
    width:12px;
}
.index-slide-item .swiper-slide .zz{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background: rgba(0,0,0, 0.5);
}
.index-slide-item .swiper-slide .zz .text{
	width:60%;
	height:100%;
	margin:0 auto;
}
.index-slide-item .swiper-slide .zz .text h2{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:50px;
	line-height:50px;
	color:#fff;
	margin-top:20%;
}

.index-slide-item .swiper-slide .zz .text p{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	line-height:26px;
	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秒*/
}


.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:120px;
	padding-bottom:40px;
	background-color:#39404F;
}
.index_photo_case .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_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{
	width:90%;
	height:auto;
	overflow:hidden;
	padding-top:15px;
	margin:0 auto;
	text-align:center;
}
.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{
	display:inline-block;
	vertical-align: middle;
	padding:0 10px;
	font-size:16px;
	line-height:28px;
	color:#D2D0D0;
}
.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 (min-width:800px){
.photo_case_list{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding-top:40px;
	padding-bottom:30px;
}

.photo_case_list .pitem1{
	display:block;
	float:left;
	width:800px;
	height:520px;
	position:relative;
	overflow:hidden;
}
.photo_case_list .pitem{
	display:block;
	float:left;
	width:400px;
	height:260px;
	position:relative;
	overflow:hidden;
}
}
@media all and (max-width:800px){
.photo_case_list{
	width:94%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding-top:40px;
	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.3);
}
.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:18px;
	line-height:50px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	transition-duration:0.2s;
}
.photo_case_list .pitem:hover p{
	bottom:-50px;
}



.photo_case_list .pitem1 img{
	display:block;
	width:100%;
	min-height:520px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition-duration:0.5s;
}
.photo_case_list .pitem1:hover img{
	transform: scale(1.1);
}
.photo_case_list .pitem1 .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.3);
}
.photo_case_list .pitem1:hover .zz{
	background: rgba(0,0,0, 0);
}
.photo_case_list .pitem1 p{
	display:block;
	width:90%;
	height:50px;
	padding:0 5%;
	text-align:left;
	font-size:18px;
	line-height:50px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	transition-duration:0.2s;
}
.photo_case_list .pitem1:hover p{
	bottom:-50px;
}


.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{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding-top:30px;
}
.video_case_list .vitem{
	display:inline-block;
	vertical-align: middle;
	width:380px;
	height:280px;
	margin:6px 5px;
	overflow:hidden;
}
}
@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:380px;
	width:100%;
	height:250px;
	margin:0 auto;
	overflow:hidden;
}
}
.video_case_list .vitem .pic{
	display:block;
	width:100%;
	height:230px;
	overflow:hidden;
	position:relative;
	padding-left:25px;
}
.video_case_list .vitem .pic .tu{

	width:90%;
	border:#ff6714 1px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	top:0;
	left:0;
	z-index:1;
}
.video_case_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_case_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_case_list .vitem .pic dl{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	transition-duration:0.2s;
}
.video_case_list .vitem p{
	display:block;
	width:100%;
	height:50px;
	text-align:left;
	font-size:16px;
	line-height:20px;
	color:#Ffffff;
	overflow:hidden;
	transition-duration:0.2s;
	padding-left:25px;
}
.video_case_list .vitem:hover p{
	color:#F95555;
}



.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:90%;
	height:450px;
	margin:15px auto 0 auto;
	position:absolute;
	top:50%;
	left:46%;
	margin:-200px 0 0 -42%;
	z-index:10;
}
.cooperation_slide .index_all_slide{
	display:block;
	width:100%;
	height:450px;
	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:430px;
	background: rgba(255,255,255, 0.8);
	border-radius:5px;
	transition-duration:0.2s;
}


.cooperation_slide .swiper-slide dd{
	display:block;
	width:100%;
	height:200px;
	overflow:hidden;
	background-color:#0CC;
	margin-bottom:30px;
	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;
}
.main_html .right_text{
	width:960px;
	height:auto;
	overflow:hidden;
	background-color:#222;
	padding-bottom:20px;
	float:right;
}
.main_html .right_text .images_list{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:15px 0 15px 0;
	margin:0 auto;
}
.main_html .right_text .images_list .img_item{
	display:block;
	width:305px;
	height:210px;
	float:left;
	background-color:#9C0;
	margin:4px 4px;
	overflow:hidden;
	position:relative;
	transition-duration:0.5s;
	border-radius:4px;
}
.main_html .right_text .images_list .img_item img{
	display:block;
	width:100%;
	min-height:210px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition-duration:0.5s;
}
.main_html .right_text .images_list .img_item:hover img{
	transform: scale(1.1);
}
.main_html .right_text .images_list .img_item .zz{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background: rgba(0,0,0, 0.1);
	transition-duration:0.5s;
}
.main_html .right_text .images_list .img_item:hover .zz{
	background: rgba(0,0,0, 0.4);
}
.main_html .right_text .images_list .img_item p{
	display:block;
	width:90%;
	height:60px;
	font-size:16px;
	color:#fff;
	line-height:48px;
	padding:0 5%;
	position:absolute;
	bottom:-12px;
	left:0;
	z-index:2;
	background: rgba(0,0,0, 0.4);
	transition-duration:0.2s;
}
.main_html .right_text .images_list .img_item:hover p{
	bottom:0px;
}

.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;
}

.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));
}







@-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;
	}
}


.fullwidthbanner-container{ position:relative; width:100%;}
.fullwidthbanner { overflow: hidden; height:600px; width: 100%;}
.fullwidthbanner li a{ display:block; width:100%; height:100%;}
.fullwidthbanner li a img{ display:none;}
.fullwidthbanner-container .ibannerjt{ position:absolute; width:71%; text-align:center; bottom:10%; right:0; z-index:5;}
.fullwidthbanner-container .ibannerjt span{ display:inline-block; width: 15px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; cursor:pointer; height: 15px;margin-right:5px;background: #918782;overflow: hidden;}
.fullwidthbanner-container .ibannerjt span.swiper-pagination-bullet-active{ background:#ff6714;}
.iblnav{ width:1200px; position:relative; margin:0 auto;}
.sidebarnavbg{ width:300px; height:600px; background-color: rgba(0,0,0,0.6); position:absolute; left:0%; top:0; z-index:3;}
.sidebarnav{ padding:13px 0 10px 0;}
.sbarnavitem{ padding:20px 12px; position:relative; height:auto; overflow:hidden;}
.sbarnavitem:before{ content:""; display:block; width:100%; height:1px; position:absolute; top:0; left:0; background-color: rgba(255,255,255,0.2);}
.sbarnavitem:nth-child(4):after{ content:""; display:block; width:100%; height:1px; position:absolute; bottom:0; left:0; background-color: rgba(255,255,255,0.2);}
.sbarnavitem h3{ color:#e6e6e6; background:url(images/isicon001.png) no-repeat left top; padding-left:30px;}
.sbarnavitem h3 a{ color:#e6e6e6;}
.sbarnavitem h3 a{ color:#fff;}
.sbarnavitem:nth-child(2) h3{ background:url(images/isicon002.png) no-repeat left top;}
.sbarnavitem:nth-child(3) h3{ background:url(images/isicon003.png) no-repeat left top;}
.sbarnavitem:nth-child(4) h3{ background:url(images/isicon004.png) no-repeat left top;}
.sbarnavitem p{ padding-left:30px; margin-top:24px;}
.sbarnavitem p a{ color:#999999; display:block; width:40%; float:left; margin-right:26px; font-size:14px; margin-bottom:10px;}
.sbarnavitem p a:nth-child(2n){ margin-right:0;}
.sbarnavitem p a:hover{ color:#fff;}

h2.itit{ text-align:center; font-size:50px; color:#181818;}
h2.itit span{ color:#ff6714;}
p.ifubtjj{ font-size:18px; color:#000000; text-align:center; margin-top:10px;}
p.ifubtjj span{ color:#ff6714;}

.idaihuazy{ width:100%; margin-top:75px;}
.idaihuazybg{ width:100%; margin-top:110px; height:357px; background:url(images/idaihuazybg.png) no-repeat center top; background-size:100% 100%; }
.idhzy{ width:75%; margin:0 auto; position:relative;}
.idhzytext{ background:#ff6714; width:50%; height:405px; padding:50px 0; position:relative; top:-38px; float:left;}
.idhzytit{ width:388px; margin:0px auto 0; background:url(images/idhzytitbg.png) no-repeat center bottom; height:90px; position:relative; text-align:center;}
.idhzytit span{ font-size:24px; color:#fff; font-weight:bold;}
.idhzytit span:nth-child(1){ position:absolute; top:0; left:60px;}
.idhzytit span.gfhz{ position:absolute; top:27px; left:214px;}
.idhzytit img{ position:absolute; left:183px; top:16px;}
.idhzytit img{ margin:0 auto;}
.idhzytext .idhzywenzi{ color:#fff; text-align:center; font-size:18px; line-height:40px; padding-top:20px;}
.idhzytext .idhzywenzi p{}
.ishipinqh{ width:640px; float:right; position:relative;}
.ishipinlist{ width:560px; margin:14px auto 0; overflow:hidden;}
.ishipinlist li{ position:relative;}
.ishipinlist li video, .ishipinlist li img{  object-fit: fill; border:#686868 2px solid; cursor:pointer;}
.ishipinlist li ins{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(images/videobtn.png) no-repeat center center;}

.ishipinqh .ishipingbtn a { width:30px; height:64px; position: absolute; top:50%; margin-top: -32px; z-index: 3;}
.ishipinqh .ishipingbtn a.ihaopingprve{ left:0%; background:url(images/zuojt.png) no-repeat center center; }
.ishipinqh .ishipingbtn a.ihaopingnext{ right:0%; background:url(images/youjt.png) no-repeat center center;}

.iserimg{ max-width:1200px; margin:0 auto;}
.iserimg img{ margin:0 auto; }
.iservicebg{ width:100%; padding:68px 0 92px 0; margin-top:50px; background:url(images/iservicebg.jpg) no-repeat center top; background-size:cover;}
h2.isertit{ text-align:center; color:#fff; font-size:22px;}
p.iserjj{ text-align:center; color:#fff; font-size:14px; padding-top:10px;}

.iservice{ width:75%; margin:50px auto 0; height:603px; background:#fff;}
.iseritem{ width:22.6%; float:left;}
.iseritem li{ height:96.4px; width:100%; cursor:pointer; position:relative; line-height:96.4px; color:#fff; font-size:16px; background:#ff6714; text-align:center; margin-bottom:5px; transition:all 0.5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;}
.iseritem li.current, .iseritem li:hover{ background:#ffa13c;}
.iseritem li.current:before, .iseritem li:hover:before{ content:""; display:block; height:96.4px; background:url(images/iserlibg.png) no-repeat right center; position:absolute; top:0; width:270px; left:-270px; transition:all 0.5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;}
.iseritem li:last-child{ margin-bottom:0;}

.iserall{ width:77.4%; float:left; height:100%;}
.iserlist{ height:100%; display:none;}
.iserall .iserlist:nth-child(1){ display:block;}
.iserlist .isernrimg{ width:68.1%; text-align:center; float:left; height:100%; display: flex; display: -webkit-flex; justify-content:center; align-items:center;}
.iserlist .isernrimg img{ margin:0 auto; max-width:90%; }
.iserlist .isernrtext{ background:#ff6714; height:100%; width:31.9%; float:right; padding:116px 5% 0 50px;}
.iserlist .isernrtext h3{ font-size:18px; color:#fff; margin-bottom:45px;}
.iserlist .isernrtext p{ color:#f6f6f6; line-height:30px;}
.iserlist .isernrtext a.ickal{ display:block; width:100%; height:57px; font-size:16px; margin:0 auto; background:#f6f6f6; border:#ff6714 1px solid; color:#ff6714; text-align:center; line-height:57px; margin-top:60px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;transition: all 0.5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;}
.iserlist .isernrtext a.ickal:hover{ color:#f6f6f6; background:none; border:#f6f6f6 1px solid;}
