@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}
.index_main{background:#f7f7f7}
.index_main .section1{position:relative}
.index_main .section1 .index_banner .item{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative}
.index_main .section1 .index_banner .item.slick-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}
.index_main .section1 .index_banner .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}
.index_main .section1 .index_banner .items:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.2)}
.index_main .section1 .index_banner .item .inner .block_txt{position:absolute;top:44%;right:10px;left:10px;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section1 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:25px;color:#fff;text-align:center;font-family:coco}
.index_main .section1 .index_banner .item .inner .block_txt h2{color:#fff;font-size:70px;font-weight:700;text-align:center;letter-spacing:5px}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{color:#fffa50;display:inline-block;letter-spacing:5px}
.index_main .section1 .index_banner .item .inner .block_txt h3{color:#fff;font-size:22px;text-align:center;margin-top:10px;letter-spacing:3px}
.index_main .section1 .slick_txt{width:30%;height:100%;background-color:transparent;transition:all 500ms ease;-webkit-transition:all 500ms ease;background-repeat:no-repeat;position:absolute;top:0;font-size:0;outline:0;border:0}
.index_main .section1 .left{left:0}
.index_main .section1 .right{right:0}
.index_main .section1 .slick_txt:hover .slick_arrow{opacity:1;visibility:visible}
.index_main .section1 .slick_txt .slick_arrow{width:20px;height:36px;background-repeat:no-repeat;background-position:center;margin-top:-18px;position:absolute;top:50%;cursor:pointer;transition:all 500ms ease;-webkit-transition:all 500ms ease;opacity:0;visibility:hidden}
.index_main .section1 .slick_txt .prev{background-image:url(../images/ban_prev.png);left:60px}
.index_main .section1 .slick_txt .next{background-image:url(../images/ban_next.png);right:60px}
.index_main .section1 .slick_txt .prev:hover{background-image:url(../images/ban_prev_hover.png)}
.index_main .section1 .slick_txt .next:hover{background-image:url(../images/ban_next_hover.png)}
.index_main .section1 .number{position:absolute;bottom:8%;left:50%;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.2);display:table;padding:0 20px;width:auto;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.index_main .section1 .number span{font-family:myriad pro,microsoft yahei;font-size:14px;color:#fff;margin-right:100px;display:inline-block;cursor:pointer;position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.index_main .section1 .number span:last-child{margin-right:0}
.index_main .section1 .number span:after{content:"";display:inline-block;width:0;height:2px;background:#fff;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);bottom:-20px;opacity:0;visibility:hidden;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.index_main .section1 .number span.active:after{width:100%;opacity:1;visibility:visible}


.index_main .section2{background:url(../images/2.jpg) no-repeat #f5f5f5}

.wel_bg {	width:1120px;	 }
.wel_bg .wel_left{	width: 441px;height:540px;	/*overflow: hidden;*/}
.wel_bg .wel_left .wel_about{
	/*background: #f29a00;*/
	width: 440px;
	/*padding: 24px 28px 24px 24px;*/
	height: 161px;
	overflow: hidden;
	position: relative;
}
.wel_bg .wel_left .wel_about .up-box{
	display: block;
	padding-top: 66px;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	top: 0;
}
.wel_bg .wel_left .wel_about .cn{
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
}
.wel_bg .wel_left .wel_about .en{
	font-size: 14px;
	font-family: "Arial";
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.wel_bg .wel_about a{
	width: 100%;
	display: block;
}
.wel_bg .wel_about img, .wel_bg .wel_news img{
  	transition: all 1s ease 0s;
}
.wel_bg .wel_about h2{
	color: #fce8d4;
	font-size: 16px;
	line-height: 28px;
	transition: all 0.5s ease 0s;
}
  
.wel_bg .wel_about:hover img, .wel_bg .wel_news:hover img{
	/*opacity: 0.5;
	filter: alpha(opacity=50);*/
	transform: scale(1.1);
	transition: all 0.8s ease 0s;
}


.wel_bg .wel_car{
	width: 440px;
	height: 220px;
	overflow: hidden;
	margin-top: 20px;
	position: relative;
}
.wel_bg .wel_car a{
	width: 100%;
	display: block;
	cursor: pointer;
}
.wel_bg .wel_car img{
	max-width: 440px;
	max-height: 220px;
	transition: all 0.5s;
}
.wel_bg .wel_car:hover img{
	transform: scale(1.2);
	transition: transform 0.5s;
}
 
.wel_his{
	width: 270px;
	height: 120px;
	margin-top: 20px;
	position: relative;
}
.wel_his a, .wel_pub a{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	perspective: 500px;
}
.wel_his a.on, .wel_pub a.on{
	perspective: 0px;
}
.wel_his .box-con, .wel_pub .box-con{
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	transform: translateZ(-60px);
    transform-style: preserve-3d;
    transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}
 
.wel_pub .box-con{
	transform: translateZ(-60px);
}
.wel_his .box-con .flippety{
	transform: translateZ(60px);
    transform-style: preserve-3d;
	background: url(../img/wel03.jpg) no-repeat center;
}
.wel_his .box-con .flippety, .wel_his .box-con .flop{
	width: 100%;
	height: 100%;
	float: left;
}

.wel_his .box-con .flop{
	transform: rotateX(-90deg) translateZ(-60px);
    transform-style: preserve-3d;
	background: url(../img/wel03.jpg) no-repeat center;
}

.wel_pub .box-con .flop{
	transform: rotateX(-90deg) translateZ(-60px);
    transform-style: preserve-3d;
}
.wel_his a:hover .box-con.active, .wel_pub a:hover .box-con.active {
    transform: translateZ(-60px) rotateX(90deg);
}
/*.wel_pub a:hover .box-con.active{
	transform: translateZ(-60px) rotateX(90deg);
}*/
.wel_his .box-con .flippety{
	width: 100%;
	height: 100%; 
}
.wel_pub{
	width: 273px;
	margin-top:49px;
	position: relative;
	height: 121px;
}
.wel_pub a{
	display: block;
	width: 100%;
}
.wel_pub a .flippety,.wel_pub a .flop{
	width: 273px;
	  
}
 
 .wel_pub .box-con .flippety {
    transform: translateZ(60px);
    transform-style: preserve-3d;
}


.wel_right_box{
	width: 665px;
	margin-top: 20px;
}
.wel_right_box .video:hover img{
	/*opacity: 0.5;
	filter: alpha(opacity=50);*/
	transform: scale(1.1);
	transition: all 0.5s ease 0s;
}
 
 
.wel_right_box .video {
	 
}

.i-fade{
	/*transform: translateY(30px);*/
	top: 30px;
	opacity: 0;
}


.wel_bg .wel_right{
	width: 665px;
}
.wel_info{
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -555px;
	margin-top: -257px;
	z-index:9;
}
.wel_right .wel_news{
	position: relative;
	width: 665px;
	height: 350px;
	overflow: hidden;
}
 
.wel_news img{
	transform: translateZ(0px);
    transition: transform 0.6s ease 0s;
}
.wel_news:hover img{
	transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}
   

@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.wel_right_box .video em, .karma-con .pic em{
	width: 15px;
	height: 25px;
	background: url(../img/video-ico01.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -13px;
	margin-left: -7px;
	display: block;
}
.wel_right_box .video .up-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/bg_01.png) no-repeat center bottom;
}


.index-more{
	display: block;width:150px;
	padding:5px 15px;
	border-radius: 90px;
	background-color: #4698cb;
	text-align: center;
	color: #fff;
	line-height:40px;
	font-size:18px;
	font-family: 'han-bold';
  background-image: url('../img/index-more1.png');
  background-repeat: no-repeat;
  background-size: cover;
	transition: all .2s;
}
.i-break-box{
	height:630px;padding-top:2%;
}
.i-break-box .left{
  padding:10% 0px 0px 8%;float: left;	width: 32%;
}
.i-break-box .right .con-box{
  border-radius:20px;
}
 
.i-break-box .left .con{
	font-size:22px;
	line-height: 40px;
	color: #000;
	margin-top: 1.25rem;
	font-family: 'han-bold';
}
.i-break-box .right{
	float: right;
	width:65%;
}
.i-break-box .right .row{
	margin: 0 -8px;
}
.i-break-box .right .item{
	width:30%;
	padding: 0 10px;
	float: left;
}
.i-break-box .right .con-box{
	display: block;
	position: relative;
	border-radius: 14px;
	overflow: hidden;
}
.i-break-box .right img{
	width: 100%;
}
.i-break-box .right .con-box .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #426276;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}
.i-break-box .right .con-box .text-box{
	position: absolute;
	left: 0;
	bottom:0px;
	width: 100%;
	padding: 0 8.33%;
	 
	overflow: hidden;
	transition: all .3s;
}
.i-break-box .right .con-box .index-more{
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
	
}
.i-break-box .right .con-box .tit{
	font-size: 32px;
	 
	color: #fff;
	font-family: 'han-bold';
}
.i-break-box .right .con-box .desc{
	font-size: .45rem;
	line-height:.55rem;
	color: #fff;
	margin-top: .25rem;}
	
.index-tit{
		font-size:44px;
		line-height:40px;
	}	
	


@media (max-width: 1870px){
	
	
	.index-tit{
		font-size:44px;
		line-height:40px;
	}
	.i-break-box .left .con{
		margin-top: 0.5rem;
	}
	.i-brand-box .right .item{
		margin-right: 2.5rem;
	}
	/* welcome end */
}



@media screen and  (max-width: 1600px){
	
	
	 .jr-sreach{margin-top:8%; }
	.sreach-box{display: none;}
	 
}

@media (max-width: 1366px){
	
	.wel_info{
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -555px;
	margin-top: -257px;
	z-index:9;}
	
 
 
	.index-tit{
		font-size:35px;
		line-height:40px;
	}
	.i-break-box .left .con{
		font-size:22px;
		  
	}
}
@media (min-width: 1025px) {
	.sreach-box{display: none;}
	.i-break-box .right .con-box:hover .text-box{
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
	}
	.i-break-box .right .con-box:hover .index-more{
		display: block;
		margin: 1.5rem auto 0;
		background-color: #fff;
		color: #4698cb;
	}
	.i-break-box .right .con-box:hover .mask{
		opacity: .6;
		filter: alpha(opacity=60);
	}
	.i-break-box .right .con-box:hover .index-more{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	 
	.i-break-box .right .con-box:hover .text-box{
		height: auto;
	}
	.i-break-box .right .con-box:hover .index-more:hover{
		background-color: #4698cb;
		color: #fff;
	}
	  
}


.index_main .section4{background:url(../images/4.jpg) no-repeat #f5f5f5}
.index_main .section4 h3{text-align:center}@media only screen and (max-width:1600px){.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:25px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:60px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:20px}}@media only screen and (max-width:1440px){.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:24px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:40px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:18px;margin-top:5px}}@media only screen and (max-width:1366px){.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:20px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:26px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:16px}
.index_main .section1 .index_banner .slick-arrow{background-size:auto 30px}}@media only screen and (max-width:1300px){}@media only screen and (max-width:1199px){.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:18px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:22px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:14px}}@media only screen and (max-width:992px){.index_main .section1 .index_banner .item{height:100vh}
.index_main .section1 .index_banner .item .inner .block_txt{left:0;right:0;margin:0 auto;padding:0 20px;top:42%}
.index_main .section1 .index_banner .slick-arrow{display:none!important}
.index_main .section1 .index_banner .slick-dots{position:absolute;bottom:12px}
.index_main .section1 .index_banner .slick-dots li{width:12px;height:12px;border-radius:50%;border:2px solid #fff}
.index_main .section1 .index_banner .slick-dots li button{display:none}
.index_main .section1 .index_banner .slick-dots li.slick-active{background:#fff}
.index_main .section1 .number{bottom:12%;display:none}
.index_main .section1 .number span{margin-right:22px}
.index_main .section1 .number span:after{bottom:-14px}}@media only screen and (max-width:767px){}@media only screen and (max-width:340px){}@media only screen and (max-width:320px){}


.sreach-box2{clear:both;margin:auto; height: 70px;width:1120px; box-shadow: 0px 1px 10px 1px rgba(0,0,0,.1); background: #fff;}
 
@media screen and (min-width:1680px) and (max-width:2000px){ .sreach-box2{display: none;} }

@media screen and (min-width:1610px){ 
	.sreach-box{clear:both;margin:auto; height: 70px;width:1120px; box-shadow: 0px 1px 10px 1px rgba(0,0,0,.1); background: #fff;}
	.sreach-box{ display:block}
 }




	label{
		width: 100%;
		height: 70px;
		display: block;
	}
	.text{
		width: 1000px;
		border:none;
		background: none;
		line-height: 70px;
		height: 70px;
		color: #666;
		text-indent: 10px;
	}
	.submit{
		height: 70px;
		width: 85px;
		background: url(../images/img5-2.png) no-repeat center center;
		border: none;
		position: relative;
		z-index: 12;
	}