@charset "utf-8";
.about{
	overflow: hidden;
}
/* CSS Document */
.w1400{
	width: 1400px;
	margin: 0 auto;
}
.w950{
	width: 950px;
	margin: 0 auto;
}
.header{
	height: 83px;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 80;
	background:rgba(255,255,255,.3);
}
.header .w1400{
	/*position: relative;*/
	/*transition:all .3s linear;*/
}
.header.cur{
	/*background: #fff;*/
	box-shadow: 0 0 10px #ddd;
}
.header.cur ul li a{
	color: #333;
}

.header.aaa{
	background: rgba(255,255,255,.95)!important;
	box-shadow: 0 0 10px #ddd!important;
}
.header.aaa ul li a{
	/* color: #333!important; */
}
.header .logo{
	float: left;
}
.header .nav{
	float: right;
	position: relative;
	padding-right: 46px;
	z-index: 30;
}
.header ul{
	/*float: none;*/
	height: 83px;
	/*margin-right: 100px;*/
	/*display: table;*/
	margin: 0 auto;
}
.header ul li{
	/*height: 83px;*/
	position: relative;
}
.header ul li>a{
	display: block;

	padding: 0 25px;
	height: 16px;
	line-height: 16px;
	color: #000;
	font-size: 16px;
	/*transition:all 0.3s;*/
	height: 83px;
	border-bottom: 2px solid transparent;
	/*padding-top: 30px;*/
	line-height: 83px;
	box-sizing:border-box;
}
.header ul li>a:hover{
	color: #da251c!important;
	border-bottom: 2px solid #da251c;
}
.header ul li:hover>a{
	color: #da251c!important;
	border-bottom: 2px solid #da251c;
}
.header ul li>a.cur{
	color: #da251c!important;
	/*border-bottom: 2px solid #da251c;*/
}
.header ul li .navson{
	position: absolute;
	left:50%;
	top:83px;
	width: 100%;
	height: 50px;
	/*background: #fff;*/
	width: 800px;
	margin-left: -400px;
	text-align: center;
	background: none;
	display: none;
}
.header ul li .navson a{
	display: inline-block;
	*display: inline;
	zoom:1;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	margin:0 20px;
	/*transition:all .3s linear;*/
}
.header ul li .navson a:hover,
.header ul li .navson a.on{
	color: #da251c;
}
.header .navson-bg{
	position: absolute;
	left:0;
	top:83px;
	width: 100%;
	height: 50px;
	background: #fff;
	opacity: .95;
	filter: alpha(opacity=95);
	/*box-shadow: 0 0 10px #ddd;*/
	display: none;
}
.header .navson-bg .block{
	border-top:1px solid #ddd;
}
.header .switch{
	float: right;
	width: 46px;
	height: 36px;
	background: url(../img/carzy-02.png) no-repeat;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	margin-top: 24px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.header .switch a{
	color: #fff;
	font-size: 16px;
	padding-left: 6px;
}
.banner{
	position: relative;
}
.zw{
	height: 83px;
}
.ccimg{
    display: block;
    width: 100%;
    position: relative;
    z-index: 30;
    opacity: 0;
    filter: alpha(opacity=0);
}
.banner ul{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.banner li{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	display: none;
}
.banner li a{
	display: block;
}
.banner li img{
	width: 100%;
	transition:all 20s;
}
.banner li.cur img{
	transform:scale(1.2);
}
.banner .btn{
	position: absolute;
	width: 100%;
	bottom: 10px;
	left: 0px;
	text-align: center;
	margin-left: 0px!important;
	z-index: 40;
}
.banner .btn span{
	width: 14px;
	height: 14px;
	background: url(../img/carzy-67.png) no-repeat;
	display: inline-block;
	float: none;
	margin: 0 10px;
	cursor: pointer;
}
.banner .btn span.on{
	background: url(../img/carzy-68.png) no-repeat;
}
.footer-brand{
	/*height: 145px;*/
	/*display: table-cell;*/
	/*vertical-align: middle;*/
	width: 100%;
	text-align: center;
	/*position: relative;*/
}
.footer-brand a{
	display: inline-block;
	*display: inline;
	zoom:1;
	width: 167px;
	margin:0 30px;
	vertical-align: bottom;
}
.footer-brand a img{
	width: 100%;
}
.footer-brand a:first-child{
	margin-left: 0;
}
.footer-brand a:last-child{
	margin-right: 0;
}
.footer li.img img{
	display: block;
	width: 90%;
	margin: 0 auto;
} 
.footer .top{
	/*height: 145px;*/
	padding:50px 0;
	background: #fff;
}
.footer .top .flex-viewport{
	width: 90%;
	margin: 0 auto;
}
.footer .top ol.flex-control-nav{
	display: none;
}
.footer .top .flex-direction-nav .flex-nav-prev{
	position: absolute;
	left: 0px;
	top: 53px;
	width: 49px;
	height: 38px;
	background: url(../img/carzy-05.png) no-repeat;
	transition:all 0.3s;
}
.footer .top .flex-direction-nav .flex-nav-prev a{
	display: block;
	width: 49px;
	height: 38px;
}
.footer .top .flex-direction-nav .flex-nav-prev:hover{
	background: url(../img/carzy-04.png) no-repeat;
}


.footer .top .flex-direction-nav .flex-nav-next{
	position: absolute;
	right: 0px;
	top: 53px;
	width: 49px;
	height: 38px;
	background: url(../img/carzy-06.png) no-repeat;
	transition:all 0.3s;
}
.footer .top .flex-direction-nav .flex-nav-next a{
	display: block;
	width: 49px;
	height: 38px;
}
.footer .top .flex-direction-nav .flex-nav-next:hover{
	background: url(../img/carzy-07.png) no-repeat;
}

.footer .bot{
	background: #242424;
	padding-top: 75px;
}
.footer .bot li{
	width: 15%;
}
.footer .bot li.sp{
	width: 25%;
}
.footer .bot li span{
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 18px;
	height: 18px;
	margin-bottom: 24px;
}
.footer .bot li.pt a{
	display: block;
	line-height: 36px;
	color: #fff;
	opacity: 0.2;
	font-size: 14px;
	padding-left: 18px;
	background: url(../img/carzy-08.png) no-repeat left center;
	transition:all 0.3s;
}
.footer .bot li a:hover{
	opacity: 1;
}
.footer .bot li.sp .div{
	padding-left: 25px;
	font-size: 14px;
	line-height: 36px;
}
.footer .bot li.sp .div1{
	background: url(../img/carzy-09.png) no-repeat left 11px;
}
.footer .bot li.sp .div2{
	background: url(../img/carzy-10.png) no-repeat left center;
}
.footer .bot li.sp .div3{
	background: url(../img/carzy-11.png) no-repeat left center;
}
.footer .bot li.sp .wel-shart{
	overflow: hidden;
}
.footer .bot li.sp .wel-shart{
	margin-top: 10px;
	overflow: hidden;
}
.footer .bot li.sp .wel-shart .jtico_weixin{
	background: url(../img/carzy-12.png) no-repeat; 
}
.footer .bot li.sp .wel-shart .jtico_cqq{
	background: url(../img/carzy-13.png) no-repeat; 
}
.footer .bottom{
	height: 75px;
	background: #1b1b1b;
}
.footer .bottom .fll{
	float: left;
	font-size: 14px;
	color: #fff;
	opacity: 0.3;
	line-height: 75px;
}
.footer .bottom .frr{
	float: right;
}
.footer .bottom .frr a{
	font-size: 14px;
	color: #fff;
	opacity: 0.3;
	line-height: 75px;
	transition:all 0.3s;
}
.footer .bottom .frr a:hover{
	opacity: 1;
}
.same-banner{
	position:relative;
}
.same-banner .img{
	width: 100%;
}
.same-banner .same-nav{
	height: 55px;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0px;
	bottom: 0px;
	background: url(../img/carzy-14.png) repeat-x left top;
	z-index: 1;
}
.same-banner .same-nav li{
	width: 139px;
	height: 55px;
	display: inline-block;
	float: none;
	text-align: center;
	line-height: 55px;
	position: relative;
	font-size: 0;
	margin: 0 5px;
}
.same-banner .same-nav li div{
	width: 171px;
	height: 55px;
	position: absolute;
	left: 50%;
	margin-left: -85px;
	top: 0px;
	background: url(../img/carzy-15.png) no-repeat;
	opacity: 0;
	transition:all 0.3s
}
.same-banner .same-nav li.cur div{
	opacity: 1;
}
.same-banner .same-nav li:hover div{
	opacity: 1;
}
.same-banner .same-nav li a{
	position: relative;
	z-index: 1;
	text-align: center;
	font-size: 16px;
	color: #fff;
	display: block;
}
.mobile-nav{
	display: none;
}
.mobile-nav ul{
	display: block;
	width: 100%;
}
.mobile-nav a{
	font-size: 12px;
	line-height: 40px;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ddd;
	color: #666;
}
.mobile-nav a.cur{
	color: #fff;
	background: #da251c;
}

.same-title{
	padding: 63px 0 30px;
    margin-bottom: 25px;
}
.same-title .tit{
	color: #333;
	font-size: 46px;
	text-align: center;
	font-weight: bold;
	line-height: 46px;
	margin-bottom: 15px;
}
.same-title .tit .sp{
	color: #da251c;
}
.same-title .te{
	font-size: 16px;
	color: #999;
	text-align: center;
	line-height: 1.7em;
	height: 5.1em;
	overflow: hidden;
	max-width: 70%;
	margin: 0 auto;
}

.about-info{
	background: #f9f9f9;
}
.about-info .text{
	margin-bottom: 130px;
}
.about-info .text .fll{
	width: 48%;
	float: left;
	position: relative;
	overflow: hidden;

	/*left: -50px;*/
	left: 0;
	opacity: 1;
	transition:all 1s;
}
.about-info .text .fll.cur{
	opacity: 1;
	left: 0px;
}
.about-info .text .fll .bg{
	position: relative;
	z-index: 1;
	width: 100%;
}
.about-info .text .fll .img{
	position: absolute;
	width: 100%;
	display: block;
	top: 0px;
	left: 0px;
}
.about-info .text .frr{
	width: 48%;
	float: right;
	position: relative;
	/*right: -50px;*/
	right: 0;
	opacity: 1;

	transition:all 1s;
}
.about-info .text .frr.cur{
	right: 0px;
	opacity: 1;
}
.about-info .text .frr .tit{
	font-size: 36px;
	line-height: 36px;
	color: #333;
	font-weight: bold;
	padding-bottom: 17px;
	background: url(../img/limit-04.jpg) no-repeat left bottom;
	margin-bottom: 21px;
}
.about-info .text .frr .te{
	font-size: 14px;
	color: #333;
	line-height: 28px;
	opacity: 0.8;
	height: 280px;
	overflow: hidden;
}
.about-introduction{
	height: 485px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position-x:center;
	background-position-y:top;

}
.about-introduction table{
	height: 485px;
	margin: 0 auto;

	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.about-introduction table.cur{
	opacity: 1;
	top: 0px;
}
.about-introduction .tit{
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding-bottom: 25px;
	background: url(../img/limit-06.jpg) no-repeat center bottom; 
	margin-bottom: 25px;
}
.about-introduction .te{
	font-size: 14px;
	color: #fff;
	text-align: center;
	opacity: 0.8;
	line-height: 28px;
}
.about-boss{
	background: #efefef;
}
.about-boss .fll{
	/*float: left;*/
	/*width: 55%;*/

	position: relative;
	left: -50px;
	opacity: 0;
	transition:all 1s;
}
.about-boss .fll.cur{
	opacity: 1;
	left: 0px;
}
.about-boss .tit{
	font-size: 36px;
	color: #333;
	padding-top: 160px;
	margin-bottom: 20px;
	line-height: 36px;
}
.about-boss .te{
	font-size: 14px;
	color: #666;
	padding-bottom: 10px;
}
.about-boss .frr{
	float: right;
	width: 40%;

	position: relative;
	right: -50px;
	opacity: 0;
	transition:all 1s;
}
.about-boss .frr.cur{
	right: 0px;
	opacity: 1;
}
.about-boss .frr img{
	display: block;
	max-width: 100%;
	float: right;
	margin-top: 12%;
}
.culture-math{
	text-align: center;
	padding-bottom: 90px;
}
.culture-math .img{
	width: 167px;
	height: 167px;
	overflow: hidden;
	border-radius: 50%;
	background-position: center bottom;
	transition:all 0.3s;
	display: block;
	margin: 0 auto;
}
.culture-math .img:hover{
	background-position: center top;
}
.culture-math .div{
	display: inline-block;
	text-align: center;
	vertical-align: top;


	position: relative;
	left: -20px;
	opacity: 0;
}
.culture-math .div.top{
	padding-top: 65px;
	margin: 0 60px;
}
.culture-math .div .tit{
	line-height: 64px;
	font-size: 20px;
	color: #333;
}
.culture-math .div .te{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.culture-two{
	font-size: 0px;
}
.culture-two .div{
	width: 50%;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;

	left: -20px;
	opacity: 0;
}
.culture-two .div .bbg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transition:all 1s;
	background-size: cover;
}
.culture-two .div:hover .bbg{
	transform:scale(1.2);
}
.culture-two .div .placeholder{
	position: relative;
	z-index: 2;
}
.culture-two .div .placeholder img{
	display: block;
	width: 100%;
}
.culture-two table{
	/*display: block;*/
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}
.culture-two table td{
	text-align: center;
	width: 100%;
}
.culture-two .tit{
	font-size: 46px;
	color: #fff;
	line-height: 46px;
	font-weight: bold;
	padding-bottom: 20px;
	background: url(../img/limit-09.jpg) no-repeat center bottom;
}
.culture-two .tit .sp{
	color: #da251c;
}
.culture-two .te{
	width: 80%;
	margin: 15px auto 0;
	opacity: 0.8;
	font-size: 14px;
	color: #fff;
}
.values{
	background: #f2f2f2;
}
.values .four .big-box{
	position: relative;
	left: -50px;
	opacity: 0;
	transition:all 1s;
}
.values .four .big-box.cur{
	left: 0px;
	opacity: 1;
}
.values .four .big-box1{
	position: relative;
	right: -50px;
	opacity: 0;
	transition:all 1s;
}
.values .four .big-box1.cur{
	right: 0px;
	opacity: 1;
}
.values .four .placeholder img{
	display: block;
	width: 100%;
}
.values .four .img img{
	display: block;
	width: 100%;
}
.values .four .ul{
	background: #fff;
}
.values .four .li{
	position: relative;
	width: 50%;
	float: left;
}
.values .four .li.pt .img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
}
.values .four .li.sp{
	z-index: 1;
}
.values .four .li.sp .img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: right bottom 10%;
	background-size: 20%;
}
.values .four .li.sp1 .arrow{
	position: absolute;
	left: -2%;
	top: 45%;
}
.values .four .li.sp2 .arrow{
	position: absolute;
	right: -2%;
	top: 45%;
}
.values .four .li.sp .text{
	position: absolute;
	left: 10%;
	top: 20%;
	width: 70%;
	z-index: 2;
}
.values .four .li.sp .text .ti{
	font-size: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 18px;
	color: #333;
	padding-left: 15px;
	border-left: 5px solid #da251c;
}
.values .four .li.sp .text .te{
	font-size: 16px;
	color: #999;
	line-height: 26px;
}
.values .four{
	padding-bottom: 143px;
}
.values .four .big-box1 .li{
	float: right;
}
.sam .li.pt{

}
.sam .li.pt .placeholder{
	transition:all 0.3s;
}
.sam .li.pt .img{
	transition:all 0.3s;
}
.sam .li.pt:hover .placeholder{
	transform:scale(1.1);
}
.sam .li.pt:hover .img{
	transform:scale(1.1);
}

.industry{
	background: #eee;
}
.industry .ul li{
	overflow: hidden;
	width: 100%;
	background: #fff;
	margin-bottom: 30px;

	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.industry .ul li.cur{
	top: 0;
	opacity: 1;
}

.industry .fll{
	float: left;
	width: 40%;
	padding-left: 5%;
	min-height: 1px;
}
.industry li.pt .frr{
	float: right;
}
.industry li.pt .fll{
	float: right;
}
.industry .frr{
	float: left;
	width: 55%;
	position: relative;
}
.industry li.pt .frr .bg{
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	display: inline-block;
}
.industry .frr .bg img{
	height: 100%;
}
.industry .frr .img{
	display: block;
	width: 100%;
}
.industry .fll .bg-en{
	font-size: 48px;
	color: #333;
	font-family: "Arial";
	opacity: 0.1;
	font-weight: bold;
	line-height: 48px;
	margin-top: 15%;
	overflow: hidden;
	height: 48px;
}
.industry .fll .ch{
	font-size: 36px;
	color: #333;
	padding-bottom: 22px;
	background: url(../img/limit-14.jpg) no-repeat left bottom;
	line-height: 36px;
	margin-top: 7px;
	margin-bottom: 24px;
	height: 36px;
	overflow: hidden;
}
.industry .fll .te{
	font-size: 14px;
	color: #666;
	margin-bottom: 7%;
	line-height: 24px;
	height: 96px;
	overflow: hidden; 
}
.industry li.sp .frr .bg{
	position: absolute;
	height: 101%;
	right: -1px;
	top: 0px;
	z-index: 1;
	display: inline-block;
}
.industry li.sp .fll{
	width: 45%;
	padding-left: 0px;
}
.industry li.sp .fll .n-box{
	width: 90%;
}
.industry .fll .bg img{
	display: block;
}
.honor{
	background: #eee;
}
.honor .ul{
	padding-bottom: 6%;
	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.honor .ul.cur{
	opacity: 1;
	top: 0px;
}
.honor ul {
	margin-bottom: 3%;
}
.honor .ul li{
	background: #fff;
	width: 24%;
	margin-right: 1.33%;
	margin-bottom: 1.33%;
	cursor: pointer;
}
.honor .ul li:nth-child(4n){
	margin-right: 0px;
}
.honor .ul li .img img{
	display: block;
	width: 100%;
}
.honor .ul li p{
	line-height: 64px;
	font-size: 14px;
	color: #333;
	text-align: center;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
.click-more{
	padding-left: 22px;
	width: 167px;
	background: url(../img/limit-16.jpg) no-repeat center;
	font-size: 14px;
	color: #fff;
	font-family: "Arial";
	height: 53px;
	display: block;
	margin: 0 auto;
	line-height: 55px;
	cursor: pointer;
	position: relative;
		overflow: hidden;
}
.click-more span{
	position: absolute;
	top: 0px;
	right: 24px;
}
.click-more span.cur{
	animation: topIn 1.5s infinite ease-in-out;
}
@keyframes topIn {
	0% {
	    transform: translateY(-10px);
	    opacity: 1;
	}
	33% {
	    transform: translateY(10px);
	    opacity: 1;
	}
	66% {
	    transform: translateY(10px);
	    opacity: 0;
	}
	100% {
	    transform: translateY(-20px);
	    opacity: 0;
	}
}
@keyframes wuyuk {
	0% {
	    transform: translateY(-5px);
	    opacity: 1;
	}
	33% {
	    transform: translateY(5px);
	    opacity: 1;
	}
	66% {
	    transform: translateY(5px);
	    opacity: 0;
	}
	100% {
	    transform: translateY(-10px);
	    opacity: 0;
	}
}
.pro-window{
	background: #fafafa;
	box-shadow: 0 0 10px #c7c5c5;
	position: relative;
	z-index: 1;
	
	top: 20px;
	opacity: 0;
	transition:all 1s;
}
.pro-window.cur{
	top: 0px;
	opacity: 1;
}
.pro-window ul.slides li.img{ 
	position: relative;
}
.pro-window .italic{
	position: absolute;
	top: 0;
	height: 100%;
	width: 142%;
	margin-left: -21%;
}	
.pro-window .italic img{
	display: block;
	width: 100%;
	height: 100%;
}
.flex-control-nav.flex-control-paging{
	display: none;
}
.pro-window .bg{
	position: relative;
	margin: 0 auto;
	transition: all 0.3s;
	top:0;
	display: block;
}
.pro-window .bg img{
	display: block;
	margin: 0% auto 5%;
	max-width: 80%;
}
.pro-window .tit{
	position: relative;
	margin: 0 auto 20px;
	width: 80%;
	text-align: center;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-left: 7%;

	transition: all 0.3s;
	top: 0px;
}
.pro-window .en{
	position: relative;
	margin: 0 auto;
	width: 80%;
	text-align: center;
	font-size: 24px;
	color: #333;
	opacity: 0.1;
	font-family: "Arial";
	font-weight: bold;
	margin-bottom: 14px;
	margin-left: 7%;

	transition: all 0.3s;
	top: 0px;
}
.pro-window .te{
	position: relative;
	margin: 0 auto 5%;
	width: 80%;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 26px;
	margin-left: 5%;
	height: 52px;
	overflow: hidden;
	
	position: relative;
	top: 20px;
	opacity: 0;
	transition: all 0.3s;
}
.pro-window .more{
	position: relative;
	margin: 0 auto;
	width: 80%;

	position: relative;
	top: 20px;
	opacity: 0;
	transition: all 0.3s;
}
.pro-window ul.slides li.img:hover .te{
	top: 0;
	opacity: 1;
}
.pro-window ul.slides li.img:hover .more{
	top: 0;
	opacity: 1;
}
.pro-window ul.slides li.img:hover .bg{
	top: -20px;
}
.pro-window ul.slides li.img:hover .tit{
	top: -20px;
}
.pro-window ul.slides li.img:hover .en{
	top: -20px;
}
.pro-window .more img{
	display: block;
	margin: 0 auto;
	margin-left: 32%;
}
.pro-window .flex-direction-nav{
	display: block;
}
.pro-window .flex-direction-nav .flex-nav-prev{
	width: 21px;
	height: 37px;
	background: #000;
	position: absolute;
	left: 0px;
	top:45%;
	background: url(../img/prev.png) no-repeat;
}
.pro-window .flex-direction-nav .flex-nav-prev a{
	width: 20px;
	height: 20px;
	display: block;
}
.pro-window .flex-direction-nav .flex-nav-next{
	width: 21px;
	height: 37px;
	background: #000;
	position: absolute;
	right: 0px;
	top:45%;
	background: url(../img/next.png) no-repeat;
}
.pro-window .flex-direction-nav .flex-nav-next a,
.pro-window .flex-direction-nav .flex-nav-prev a{
	width: 21px;
	height: 37px;
	display: block;
}
.pro-ajax{
	background: #f2f2f2;
}
.pro-ajax ul{
	width: 100%;
}
.pro-ajax .list li{
	margin-bottom: 2%;
	width: 100%;
}
.pro-ajax .list li .box{
	width: 49%;
	border:1px solid #ddd;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.pro-ajax .list li img{
	display: block;
	width: 100%;
}
.pro-ajax .list li p{
	line-height: 87px;
	/* border-top: 1px solid #ddd; */
	font-size: 18px;
	color: #333;
	padding: 0 5%;
	background:#fff url(../img/carzy-34.png) no-repeat right 5% center;
	cursor: pointer;
	position: relative;
	z-index: 2;
	transition: all 0.3s;
}
.pro-ajax .list li p.cur{
	background:#fff url(../img/carzy-35.png) no-repeat right 5% center;
}
.pro-ajax .list li .fll{
	float: left;
}
.pro-ajax .list li .frr{
	float: right;
}
.pro-ajax .list li .slide{
	width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
}
.pro-ajax .list li .slide .slide-main{
	width: 100%!important;
    float: left;
    position: absolute;
    overflow: hidden;
}
.pro-ajax .list li .list{
	height: 60px;
	/* border-bottom: 1px solid #ddd; */
	/* box-sizing:border-box; */
	line-height: 60px;
	padding: 0 5%;
	background: url(../img/carzy-34.png) no-repeat right 5% center;
	position: relative;
}
.pro-ajax .list li .list:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ddd;
}
.pro-ajax .list li .list:last-child{
	border-bottom: none;
}
.pro-ajax .list li .list a{
	display: block;
	color: #666;
}
.pro-ajax .list li .box .img{
	position: relative;
}
.pro-ajax .list li .box .optiscroll{
	max-height: 100%;
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 100%;
	overflow: hidden;
	/* border-top: 1px solid #ddd; */
	/* border-bottom: 1px solid #ddd; */
	background: #fff;
	z-index: 1;
	display: none;
	/* box-sizing:border-box; */

}
.pro-ajax .list .box.cur .optiscroll{
	/* bottom: 0; */
}
.pro-ajax .list li .fll.opacity .mCSB_scrollTools{
	opacity: 0!important;
	filter: alpha(opacity=0);
}
.list li .box .optiscroll .mCSB_inside > .mCSB_container{
	margin-right: 0;
}
.list li .box .optiscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0,0,0,0);
	border-radius: 0;
	height: 100%;
}
.list li .box .optiscroll:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: rgba(0,0,0,0.3);
}
.list li .box .optiscroll .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
   	background: none;
}

.pro-ajax .list li .box .line{
	position: absolute;
	height: 5px;
	width: 0%;
	background: #da251c;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	transition:all 0.3s;
}
.pro-ajax .list li .box .line.cur{
	width: 100%;
}
.cooperation .ulone{
	margin-bottom: 2%;
}
.cooperation .ulone li{
	width: 32%;
	position: relative;
	margin-right: 2%;
	margin-bottom: 2%;
	cursor: pointer;
	overflow: hidden;
}
.cooperation .ulone li .img img{
	width: 100%;
	display: block;
	transition:all 1s linear;
}
.cooperation .ulone li:nth-child(3n){
	margin-right: 0px;
}
.cooperation .ulone li .jt{
	width: 66px;
	height: 22px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/carzy-36.png) no-repeat;
	color: #fff;
	font-size: 12px;
	text-align: center;
	display: none;
}
.cooperation .ulone li.cur .jt{
	display: block;
}
.cooperation .ulone li:hover img{
	transform:scale(1.1);
}
.click-more.sp{
	background: url(../img/limit-22.jpg) no-repeat;
}
.cooperation  .ajaxone{
	padding-bottom: 5%;

	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.cooperation  .ajaxone.cur{
	top: 0px;
	opacity: 1;
}
.cooperation  .ajaxtwo{
	background: #f2f2f2;
	padding-bottom: 7%;
}
.cooperation  .ultwo{
	padding-bottom: 5%;
	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.cooperation  .ultwo.cur{
	top: 0px;
	opacity: 1;
}
.cooperation  .ultwo li{
	width: 19%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;
	position: relative;
	cursor: pointer;
}
.cooperation  .ultwo li:nth-child(5n){
	margin-right: 0px;
}
.cooperation  .ultwo li img{
	display: block;
	width: 100%;
}
.cooperation  .ultwo li .line{
	position: absolute;
	height: 2px;
	width: 0px;
	left: 0px;
	transition:all 0.3s;
	background: #da251c;
	z-index: 1;
}
.cooperation  .ultwo li:hover{
	box-shadow: 0 0 10px #ddd;
}
.cooperation  .ultwo li:hover .line{
	width: 100%;
}


.fixed-bg{
	width: 100%;
	height: 100%;
	background: url(../img/carzy-39.png) repeat;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 3;
	display: none;
}
.fixed-bg .bgimg{
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	top: 15%;
	overflow: hidden;
}
.fixed-bg .bgimg img.zimg{
	width: 100%;
	display: block;
}
.fixed-bg .title{
	background: url(../img/carzy-38.png) repeat;
	height: 55px;
}
.fixed-bg .title table{
	width: 50%;
	float: left;
	height: 55px;
}
.fixed-bg .title table td{	
	color: #fff;
	margin-left: 5%;
	font-size: 16px;
	vertical-align: middle;
	height: 55px;
	padding-left: 5%;
}
.fixed-bg .title img{
	float: right;
	display: block;
	height: 55px;
}
.fixed-bg .hide{
	position: absolute;
	left: 50%;
	margin-left: 460px;
	top: 15%;
	cursor: pointer;
}
.fixed-bg .hide img{
	display: block;
}
.bannerbox{
	/*background: url(../img/carzy-41.png) no-repeat center top;*/
	position: relative;

}
.info-banner{
	
}
.info-banner ul.slides li.img{
	padding: 5% 0;
	position: relative;
}
.info-banner ul.slides li.img .fll{
	width: 40%;
	float: left;
}
.info-banner ul.slides li.img .fll .tit{
	font-size: 60px;
	color: #282828;
	line-height: 60px;
	font-weight: bold;
	margin-bottom: 17px;
}
.info-banner ul.slides li.img .fll .f-tit{
	font-size: 24px;
	color: #333;
	line-height: 24px;
	margin-bottom: 22px;
	font-weight: bold;
}
.info-banner ul.slides li.img .fll .te{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.info-banner ul.slides li.img .fll .jt{
	margin-top: 3%;
	width: 35px;
	height: 35px;
	border:1px solid #ddd;
	overflow: hidden;
	border-radius: 50%;
}
.info-banner ul.slides li.img .fll .jt img{
	animation: wuyuk 1.5s infinite ease-in-out;
	width: 31px;
    display: block;
    margin: 0 auto;
}
.info-banner ul.slides li.img .frr{
	float: right;
	width: 55%;
}
.info-banner ul.slides li.img .frr img{
	width: 100%;
	margin-top: 2%;
}
.info-banner ul.flex-direction-nav .flex-nav-prev{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
}
.info-banner ul.flex-direction-nav .flex-nav-prev a.mk{
	display: block;
}
.info-banner ul.flex-direction-nav .flex-nav-next{
	width: 100px;
	height: 100px;
	position: absolute;
	right: 0px;
	top: 50%;
}
.info-banner ul.flex-direction-nav .flex-nav-next a{
	width: 100px;
	height: 100px;
	display: none;
}
.info-banner ul.flex-direction-nav .flex-nav-next a.mk{
	display: block;
}
.product-info .info-banner .back{
	position: absolute;
	right: 0;
	top:18%;
	width: 120px;
	height: 40px;
	background: #da251c;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.news{
	background: #f2f2f2;
	padding-bottom: 5%;
}
.news .jsjs{
	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.news .jsjs.cur{
	top: 0px;
	opacity: 1;
}
.news ul{
	padding-bottom: 2%;
}
.news li{
	width: 32%;
	background: #fff;
	margin-right: 2%;
	margin-bottom: 2%;
	padding-bottom: 2%;
}
.news li:hover .img img{
	transform:scale(1.1)
}
.news li:nth-child(3n){
	margin-right: 0px;
}
.news li .img{
	margin-bottom: 17px;
	overflow: hidden;
}
.news li .img img{
	display: block;
	width: 100%;
	transition:all 1s;
}
.news li .tit{
	font-size: 18px;
	color: #333;
	padding:0 4%;
	overflow: hidden;
	line-height: 18px;
	margin-bottom: 16px;
	overflow: hidden;
	height: 18px;
}
.news li .te{
	font-size: 14px;
	color: #999;
	line-height: 24px;
	padding:0 4%;
	margin-bottom: 24px;
	height: 48px;
	overflow: hidden;
}
.news li .time{
	font-size: 14px;
	color: #999;
	height: 33px;
	padding:0 4%;
	line-height: 33px;
}
.news li .time .time-bg{
	width: 43px;
	height: 33px;
	display: inline-block;
	float: right;
	background: url(../img/carzy-44.png) no-repeat;
}
.news li:hover .time .time-bg{
	background: url(../img/carzy-45.png) no-repeat;
}
.service .four ul{
	position: relative;
	margin-bottom: 97px;
}
.service .four li.pt{
	width: 23%;
	margin-right: 2.666%;
	background: #f9f9f9;
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom 5%;
	overflow: hidden;

	left: -20px;
	opacity: 0;
}
.service .four li.pt img{
	display: block;
	width: 100%;
}
.service .four li.pt .te{
	width: 80%;
	position: absolute;
	left: 10%;
	top: 15%;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 144px;
	overflow: hidden;
}
.service .four li.pt:nth-child(4n){
	margin-right: 0px;
}
.service .four li.sp{
	background: url(../img/carzy-51.png) no-repeat;
	position: absolute;
	width: 56px;
	height: 37px;
	top: 50%;
	margin-top: -18px;
	z-index: 1;
}
.service .four li.sp1{
	left: 24%;	
	margin-left: -28px;
}
.service .four li.sp2{
	left: 50%;	
	margin-left: -28px;
}
.service .four li.sp3{
	left: 76%;	
	margin-left: -28px;
}
.service-text{
	height: 382px;
	background-position: center top;
	background-repeat: no-repeat;
}
.service-text table{
	height: 382px;
	margin: 0 auto;

	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.service-text table.cur{
	top: 0px;
	opacity: 1;
}
.service-text .tit{
	font-size: 46px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 46px;
	margin-bottom: 31px;
}
.service-text .tit .sp{
	color: #da251c;
}
.service-text .te{
	font-size: 16px;
	color: #fff;
	opacity: 0.8;
	text-align: center;
	line-height: 24px;
}
.committed-to .box{
	padding-bottom: 100px;
}
.committed-to .box .fll{
	width: 50%;
	float: left;

	position: relative;
	left: -50px;
	opacity: 0;
	transition:all 1s;
}
.committed-to .box .fll.cur{
	left: 0px;
	opacity: 1;
}
.committed-to .box .frr{
	width: 50%;
	float: left;
	position: relative;
	background: #f7f7f7;

	position: relative;
	right: -50px;
	opacity: 0;
	transition:all 1s;
}
.committed-to .box .frr.cur{
	right: 0px;
	opacity: 1;
}
.committed-to .box .bg{
	display: block;
	width: 100%;
}
#yy{
	position: absolute;
	width: 90%;
	height: 90%;
	z-index: 1;
	top: 5%;
	left: 5%;
	font-size: 14px;
	color: #666;
	line-height: 28px;
}
.join .thr ul{
	width: 100%;
	text-align: center;
	font-size: 0px;
	padding-bottom: 82px;
	position: relative;

	opacity: 0;
	top: 50px;
	transition:all 1s;
}
.join .thr ul.cur{
	opacity: 1;
	top: 0px;
}
.join .thr li.pt{
	width: 25%;
	display: inline-block;
	float: none;
	margin: 0 4.16%;
}
.join .thr li.line{
	position: absolute;
	height: 60%;
	top: 0px;
	width: 1px;
	background: #e5e5e5;
}
.join .thr li.line1{
	left: 33.32%;
}
.join .thr li.line2{
	right: 33.32%;
}
.join .thr li.pt img{
	display: block;
	width: 100%;
	margin-bottom: 5%;
}
.join .thr li.pt .tit{
	font-size: 18px;
	color: #333;
	line-height: 18px; 
	margin-bottom: 5%;
}
.join .thr li.pt .te{
	font-size: 14px;
	color: #666;
	text-align: center;
	height: 14px;
	overflow: hidden;
	line-height: 14px;
}
.join-us{
	background: #f2f2f2;
	padding-bottom: 5%;
}
.join-us ul{
	padding-bottom: 3%;

	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.join-us ul.cur{
	top: 0px;
	opacity: 1;
}
.join-us li{
	width: 24%;
	padding: 0 2%;
	margin-right: 1%;
	background: #fff;
	margin-bottom: 1%;
	padding-bottom: 2%;
}
.join-us li:hover .more{
	background: url(../img/limit-34.jpg) no-repeat;
}
.join-us li:nth-child(4n){
	margin-right: 0%;
}
.join-us li .time{
	font-size: 16px;
	color: #989898;
	line-height: 16px;
	margin-top: 15%;
	margin-bottom: 10%;
}
.join-us li .tit{
	font-size: 20px;
	color: #333;
	padding-bottom: 10px;
	border-bottom: 2px solid #828282;
	margin-bottom: 6%;
	font-weight: bold;
}
.join-us li .xing{
	height: 118px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-bottom: 11px;
}
.join-us li .skp{
	margin-bottom: 12px;
}
.join-us li .more{
	width: 145px;
	height: 41px;
	background: url(../img/limit-33.jpg) no-repeat;
	transition:all 0.3s;
	cursor: pointer;
}
.fixed-bg .w650{
	width: 650px;
	height: 647px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -323px;
	margin-left: -325px;
}
.fixed-bg .w650 .box{
	overflow: hidden;
	height: 100%;
}
.fixed-bg .w650 .tit{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-top: 70px;
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	color: #333;
	font-weight: bold;
	margin-bottom: 23px;
}
.fixed-bg .w650 .text{
	height: 325px;
	width: 90%;
	margin: 0 auto 41px;
}
.fixed-bg .w650 .email{
	width: 189px;
	height: 53px;
	background: url(../img/limit-35.jpg) no-repeat;
	margin-left: 5%;
	background-size: 100%;
}
.fixed-bg .w650 .email a{
	display: block;
	height: 100%;
}
.abbox{
	position: relative;
	height: 807px;
	overflow: hidden;
	margin-bottom: 63px;
}
.contact{
	border-bottom: 3px solid #ddd;
}
.contact .end{
	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.contact .end.cur{
	top: 0px;
	opacity: 1;
}
.contact-map{
	width: 100%;
	height: 100%;
	
	/*position: absolute;
	left: 50%;
	top: 50%;*/
}
.contact-logo{
	padding-bottom: 32px;
}
.contact-logo img{
	display: block;
}
.contact{
	padding-bottom: 80px;
}
.contact .two{
	overflow: hidden;
}
.contact .two .fll{
	width: 1158px;
	float: left;
	margin-bottom: 20px;
}
.contact .two .fll li{
	width: 280px;
	float: left;
	margin-right: 10px;
}
.contact .two .fll li:nth-child(4n){
	margin-right: 0px;
}
.contact .two .fll .tit{
	height: 39px;
	background: #f2f2f2;
	text-align: center;
	font-size: 14px;
	color: #000;
	line-height: 39px;
	margin-bottom: 30px;
}
.contact .two .fll table td{
	padding-bottom: 10px;
	padding-right: 5px;
	font-size: 14px;
	line-height: 19px;
	vertical-align: top;
}
.contact .two .frr{
	float: right;
	display: inline-block;
	padding-left: 28px;
	width: 200px;
	border-left: 1px solid #ddd;
}
.contact .two .frr.cur{
	float: left;
	border:0px none;
	padding-left: 0px;
	border-top: 1px solid #ddd;
	padding-top: 27px;
}

.contact .two .frr.cur .r-f{
	float: left;
}
.contact .two .frr .num img{
	display: block;
	margin-bottom: 45px;
}
.contact .two .frr .l-f{
	float: left;
}
.contact .two .frr .r-f{
	float: right;
}
.contact .two .frr p{
	font-size: 13px;
	color: #333;
	text-align: center;
}
.wel-about{
	padding-top: 100px;
	background: #f8f8f8;
	padding-bottom: 148px;
	position: relative;
	overflow: hidden;
}
.wel-about .fll{
	width: 52%;
	float: left;

	position: relative;
	left: 0;
	opacity: 1;
	transition:all 1s;
}
.wel-about .fll.cur{
	left: 0px;
	opacity: 1;
}
.wel-about .fll .tit{
	font-size: 36px;
	color: #333;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 26px;
}
.wel-about .fll .te{
	font-size: 14px;
	color: #000;
	opacity: 0.6;
	margin-bottom: 25px;
	line-height: 30px;
}
.wel-about .fll .q-thr .box{
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	background: url(../img/carzy-63.png) no-repeat right center;
	margin-bottom: 20px;
}
.wel-about .fll .q-thr .box.cur{
	background: none;
}
.wel-about .fll .q-thr .box img{
	display: block;
	float: left;
	margin-right: 5px;
}
.wel-about .fll .q-thr .box .tee{
	float: left;
}
.wel-about .fll .q-thr .box .tee .p1{
	font-size: 16px;
	color: #333;
}
.wel-about .fll .q-thr .box .tee .p2{
	font-size: 16px;
	color: #333;
}
.wel-about .fll .more{
	width: 189px;
	height: 53px;
	background: url(../img/limit-37.jpg) no-repeat;
	margin-top: 64px;
	cursor: pointer;
}
.wel-about .fll .more p{
	font-size: 14px;
	color: #fff;
	font-family: "Arial";
	line-height: 53px;
	padding-left: 20px;
	float: left;
}
.wel-about .fll .more span{
	float: right;
    display: block;
    width: 32px;
    height: 53px;
    margin-right: 10px;
}
.wel-about .fll .more:hover span{
	animation: leftIn 1.5s infinite ease-in-out;
}
.wel-about .fll .more span img{
	margin-top: 19px;
}
@keyframes leftIn {
	0% {
	    transform: translateX(-10px);
	    opacity: 1;
	}
	33% {
	    transform: translateX(10px);
	    opacity: 1;
	}
	66% {
	    transform: translateX(10px);
	    opacity: 0;
	}
	100% {
	    transform: translateX(-20px);
	    opacity: 0;
	}
}
.wel-about .frr{
	width: 48%;
	position: absolute;
	/*right: 0px;*/
	top: 100px;

	right: 0;
	opacity: 1;
	transition:all 1s;
}
.wel-about .frr.cur{
	right: 0px;
	opacity: 1;
}
.wel-about .frr .bg{
	position: relative;
	/*top: 0px;
	left: 0px;*/
	z-index: 1;
}
.wel-about .frr .bg img{
	display: block;
	width: 100%;
}
.wel-about .frr .js{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.wel-about .frr li{
	width: 100%;
	height: 100%;
}
.wel-about .frr li img{
	width: 100%;
	height: 100%;
}
.wel-about .frr .hd {
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 20px;
	left: 0px;
}
.wel-about .frr .hd ul{
	text-align: center;
}
.wel-about .frr .hd li{
	width: 27px;
	height: 4px;
	background: #fff;
	float: none;
	display: inline-block;
	margin: 0 4px;
	vertical-align: top;
	cursor: pointer;
}
.wel-about .frr .hd li.on{
	background: #da251c;
}


.wel-pro{
	overflow: hidden;
}
.wel-pro .top{
	position: relative;
	top: -50px;
	opacity: 0;
	transition:all 1s
}
.wel-pro .top.cur{
	top: 0px;
	opacity: 1;
}
.wel-pro .bot{
	background: url(../img/limit-38.jpg) no-repeat center;
	height: 548px;
	

	position: relative;
	bottom: -50px;
	opacity: 0;
	transition:all 1s
}
.wel-pro .bot.cur{
	bottom: 0px;
	opacity: 1;
}
.wel-pro .bot .w1400{
	position: relative;
	height: 100%;
}
.wel-pro .bot .fll{
	width: 40%;
	float: left;
}
.wel-pro .bot .frr{
	width: 60%;
	float: right;
}
.wel-pro .bot .fll .s-tit{
	font-size: 16px;
	color: #fff;
	opacity: 0.67;
	margin-bottom: 8px;
	margin-top: 90px;
}
.wel-pro .bot .fll .tit{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 23px;
	background: url(../img/limit-39.jpg) no-repeat 2px bottom;
	margin-bottom: 18px;
	line-height: 36px;
}
.wel-pro .bot .fll .te{
	font-size: 14px;
	color: #fff;
	opacity: 0.6;
	line-height: 28px;
	height: 112px;
	overflow: hidden;
	margin-bottom: 67px;
}
.wel-pro .bot .fll .more{
	width: 189px;
	height: 53px;
	background: url(../img/limit-40.jpg) no-repeat;
	margin-top: 84px;
	cursor: pointer;
	background-size: 100%;
}
.wel-pro .bot .fll .more p{
	font-size: 14px;
	color: #fff;
	font-family: "Arial";
	line-height: 53px;
	padding-left: 20px;
	float: left;
}
.wel-pro .bot .fll .more span{
	float: right;
    display: block;
    width: 32px;
    height: 53px;
    margin-right: 10px;
}
.wel-pro .bot .fll .more:hover span{
	animation: leftIn 1.5s infinite ease-in-out;
}
.wel-pro .bot .fll .more span img{
	margin-top: 19px;
}
.wel-pro .bot .frr{
	position: absolute;
    width: 70%;
    right: -7%;
    top: 0px;
    height: 100%;
}
.wel-pro .bot .frr img{
	position: absolute;
	width: 100%;
	right: 0px;
	bottom: 0px;
}









.wel-box{
	/*padding: 40px 0;*/
}
.wel-box .Pop-up{
	position: relative;

	top: 20px;
	opacity: 0;
	transition:all 1s;
}
.wel-box .Pop-up.cur{
	opacity: 1;
	top: 0px;
}
.wel-box ul.slides li{
	position: relative;
	padding: 50px 0;
	cursor: pointer;
}
.wel-box ul.slides li a{
	display: block;
}
.wel-box ul.slides li img{
	width: 100%;
	/*margin-top: 30px;*/
	transition:all 0.3s;
	position: relative;
	top: 0px;
}

.wel-box ul.slides li:hover img{
	top: -34px;
}
.wel-box ul.slides li.cur img{
	top: -34px;
}
.wel-box ul.slides li .box{
	position: absolute;
	bottom: -20px;
	opacity: 0;
	transition:all 0.3s;
	width: 100%;
	left: 0px;
}
.wel-box ul.slides li:hover .box{
	bottom: 30px;
	opacity: 1;
}
.wel-box ul.slides li.cur .line{
	width: 80%;
}
.wel-box ul.slides li.cur .box{
	bottom: 0px;
	opacity: 1;
}
.wel-box ul.slides li .tit{
	font-size: 18px;
	color: #000;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	width: 80%;
	margin: 0 auto 9px;
	text-align: center;
}
.wel-box ul.slides li .te{
	font-size: 14px;
	color: #999;
	line-height: 14px;
	height: 14px;
	overflow: hidden;
	width: 80%;
	margin: 0 auto 31px;
	text-align: center;
}
.wel-box ul.slides li .line{
	height: 6px;
	background: #da251c;
	width: 0%;
	margin: 0 auto;
	transition:all 0.3s;
}
.wel-box ul.flex-direction-nav .flex-prev{
	width: 21px;
	height: 37px;
	background: url(../img/prev.png) no-repeat;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -18px;
	transition:all 0.3s;
}
.wel-box ul.flex-direction-nav .flex-prev:hover{
	background: url(../img/prev1.png) no-repeat;
}
.wel-box ul.flex-direction-nav .flex-next{
	width: 21px;
	height: 37px;
	background: url(../img/next.png) no-repeat;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -18px;
	transition:all 0.3s;
}
.wel-box ul.flex-direction-nav .flex-next:hover{
	background: url(../img/next1.png) no-repeat;
}
.wel-new{
	background: #f8f8f8;
}
.wel-new .same-title{
	position:relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.wel-new .same-title.cur{
	top: 0px;
	opacity: 1
}
.wel-new .new-list{
	position: relative;
	padding-bottom: 10px;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.wel-new .new-list.cur{
	opacity: 1;
	top: 0px;
}
.wel-new .new-list ul.slides li{
	background:#fff url(../img/carzy-44.png) no-repeat right 5% bottom 5%;
	transition:all 0.3s;
}
.wel-new .new-list ul.slides li:hover{
	background:#fff url(../img/carzy-45.png) no-repeat right 5% bottom 5%;
}
.wel-new .new-list ul.slides li:hover img{
	transform:scale(1.1);
}
.wel-new .new-list ul.slides li.img img{
	display: block;
	width: 100%;
}
.wel-new .new-list ul.slides li.img .text{
	padding: 20px 0;
}
.wel-new .new-list ul.slides li.img .tit{
	font-size: 18px;
	color: #333;
	line-height: 20px;
	overflow: hidden;
	height: 42px;
	width: 90%;
	margin: 0 auto 10px;
}
.wel-new .new-list ul.slides li.img .te{
	width: 90%;
	margin: 0 auto 26px;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.wel-new .new-list ul.slides li.img .time{
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
	color: #999;
}

.wel-new .new-list .flex-control-nav.flex-control-paging{
	display: block;
    float: none;
    overflow: hidden;
    text-align: center;
}
.wel-new .new-list .flex-control-nav.flex-control-paging li{
	display: inline-block;
	float: none;
	margin: 33px 7px;
}
.wel-new .new-list .flex-control-nav.flex-control-paging li a{
	width: 14px;
	height: 14px;
	display: block;
	background: url(../img/carzy-72.png) no-repeat;
}
.wel-new .new-list .flex-control-nav.flex-control-paging li a.flex-active{
	background: url(../img/carzy-68.png) no-repeat;
}
.welcome-ajax{
	position: relative;
}
.welcome-ajax .aajx .top{
	width: 100%;
	height: 43px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: url(../img/carzy-73.png) repeat-x;
}
.welcome-ajax .aajx .bot{
	width: 100%;
	height: 43px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	background: url(../img/carzy-74.png) repeat-x;
}
.video-mbg{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../img/carzy-75.png) no-repeat;
	background-size: cover;
	display: none;
}
.welcome-ajax ul li{
	width: 25%;
	position: relative;
	cursor: pointer;
}
.welcome-ajax ul li.video .video-mbg{
	display: block;
}
.welcome-ajax ul li img{
	display: block;
	width: 100%;
}
.mobile-banner{
	display: none;
}
.mobile-banner .swiper-slide img{
	display: block;
	width: 100%;
}
.mobile-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #da251c;
}





.mobile-header{
	height: 51px;
	overflow: hidden;
	display: none;
}
.mobile-header .logo{
	float: left;
}
.mobile-header .logo img{
	display: block;
	height: 52px;
}
.mobile-header .slide{
	width: 47px;
	height: 52px;
    position: relative;
    cursor: pointer;
    float: right;
    border-left: 1px solid #ddd;
    padding-left: 7px;
}
.mobile-header .slide .line {
	position: absolute;
	top:0;
	left: 0;
	width: 30px;
    height: 3px;
	background: #000;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;

	display: block;
    position: absolute;
    left: 9px;
}
.mobile-header .slide .line.cur:before{
	display: none;
}
.mobile-header .slide .line:nth-child(1) {
    top:14px;
}
.mobile-header .slide .line:nth-child(2) {
    top: 24px;
}
.mobile-header .slide .line:nth-child(3) {
    top: 34px;
}
.mobile-header .slide .line:first-child {
    -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-header .slide .line:first-child.cur {
    -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.mobile-header .slide .line:nth-child(2).cur {
    opacity: 0;
}
.mobile-header .slide .line:last-child {
    -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
}
.mobile-header .slide .line:last-child.cur {
    -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.mobile-header .slide .line.cur{
	left: 14px;
}
.mobile-header .q-en a{
	font-size: 24px;
	color: #333;
	line-height: 52px;
	float: right;
	padding:0 7px;
	color: #000;
	display: block;
	border-left: 1px solid #ddd;
}
.mobile-footer{
	display: none;
}
.mobile-footer .top{
	height: 40px;
	line-height: 40px;
	background: url(../img/carzy-77.png) no-repeat right center;
	background-size: 20px;
	font-size: 16px;
	color: #fff;
}
.mobile-footer .top.cur{
	background: url(../img/carzy-88.png) no-repeat right center;
}
.mobile-footer li .top a{
	font-size: 16px;
	color: #fff;
	display: block;
}
.mobile-footer ul{
	width: 100%;
}
.mobile-footer li{
	float: none;
	display: block;
	padding: 0 5%;
	background: #242424;
	border-bottom: 1px solid #484848;
}
.mobile-footer li .bot{
	display: none;
	padding: 8px 0px;
	border-top: 1px solid #484848;
}
.mobile-footer li .bot a{
	font-size: 13px;
	color: #fff;
	opacity: 0.5;
	display: block;
	padding-left: 10px;
	background: url(../img/carzy-78.png) no-repeat 1px center;
    padding-left: 12px;
    background-size: 2px;
}
.mobile-footer .p{
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #000;
	padding-bottom: 11px;
}
.mobile-footer .shar{
	background: #000;
}
.mobile-footer .shar span.jtico_cqq{
	width: 35px!important;
	height: 35px!important;
	background:url(../img/carzy-79.png) no-repeat;
	background-size: 100%;
	padding: 0px!important;
	margin: 0 5px!important;
}
.mobile-footer .shar span.jtico_weixin{
	width: 35px!important;
	height: 35px!important;
	background:url(../img/carzy-80.png) no-repeat;
	background-size: 100%;
	padding: 0px!important;
	margin: 0 5px!important;
}
.shar .jiathis_style_32x32{
	text-align: center;
	width: 90%;
	margin: 0 auto 11px;
	border-bottom: 1px solid #333;
}
.jiathis_style_32x32 a{
	display: inline-block;
	margin: 14px 5px 10px;
}
.same-banner.info{
	height: 55px;
	margin-top: -56px;
	z-index: 1;
	border-top: 1px solid #cecece;
}
.same-banner.info li a{
	display: inline-block;
	color: #333;
	opacity: 0.6;
}
.same-banner.info li span.timg{
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../img/carzy-81.png) no-repeat center;
	position: relative;
	z-index: 1;
    vertical-align: top;
    margin-top: 21px;
    margin-left: 4px;
}
.same-banner.info li:hover a{
	color: #fff;
	opacity: 1;
}
.same-banner.info li:hover span.timg{
	background: url(../img/carzy-82.png) no-repeat center;
}
.same-banner.info li.cur a{
	color: #fff;
	opacity: 1;
}
.same-banner.info li.cur span.timg{
	background: url(../img/carzy-82.png) no-repeat center;
}
.same-banner.info li.cur span.xlbox a{
	color: #fff;
}
.same-banner.info li span.xlbox {
	position: absolute;
	top: 55px;
	left: -17px;
	padding-top: 5px;
	display: none;
}
.same-banner.info li span.xlbox a{
	color: #fff;
	opacity: 1;
	display: block;
	height: 30px;
	position: relative;
	text-align: left;
	padding-left: 28px;
	margin-bottom: 5px;
	line-height: 30px;
	font-size: 14px;
	width: 171px;
	padding-left: 44px;
}
.same-banner.info li span.xlbox a img{
	display: block;
	width: 171px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
}
.more-box{
	text-align: center;
	margin-top: 41px;

}
.info-more{
	padding-right: 30px;
	background: url(../img/carzy-83.png) no-repeat right bottom;
	font-size: 12px;
	color: #666;
	display: inline-block;
	line-height: 15px;
	height: 15px;
	font-style: italic;
	color: #999;
	cursor: pointer;
}
.jjs{
	width: 1400px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 50px;

	top: 50px;
	opacity: 0;

	transition:all 1s;
}
.jjs.cur{
	top: 0px;
	opacity: 1;	
}
.jjs.w1400{
	position: relative;
}
.jjs .bd .tempWrap{
	width: 100%!important;
}
.jjs .bd ul{
	/*padding-left: 43px!important;*/
	margin-left: 46px!important;
    overflow: initial!important;
	/*padding-right: 40px!important;*/
}
.jjs .bd li{
	width:294px;
	height: 232px;
	display: inline-block;
  	color: #333;
  	transform: skew(-20deg);
  	-webkit-transform: skew(-20deg);    /* for Chrome || Safari */
    -moz-transform: skew(-20deg);       /* for Firefox */
    -ms-transform: skew(-20deg);        /* for IE */
    -o-transform: skew(-20deg);         /* for Opera */
  	overflow: hidden;
  	margin-right: 10px;
  	cursor: pointer;
  	position: relative;

}
.jjs .bd li img.img{
	display: block;
    width: 406px;
    transform: skew(20deg);
   	-webkit-transform: skew(20deg);    /* for Chrome || Safari */
    -moz-transform: skew(20deg);       /* for Firefox */
    -ms-transform: skew(20deg);        /* for IE */
    -o-transform: skew(20deg);   
    margin-left: -44px;
}
.jjs .bd  .tempWrap{
	padding-right: 80px;
}
.jjs .fl-img{
	position: absolute;
	left: 50px;
	top: 0px;
	z-index: 1;
}
.jjs .fl-img img{
	width: 81px;
}
.jjs .fr-img{
	position: absolute;
	right: 50px;
	bottom: 0px;
	z-index: 1;
	height: 223px;
}
.jjs .fr-img img{
	height: 100%;
	display: block;
}
.jjs .v-mb{
	width: 406px;
	height: 232px;
	background: url(../img/carzy-86.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -203px;
	transform: skew(20deg);
	display: none;
}
.jjs li.vli:hover .v-mb{
	display: block;
}

.jjs .i-mb{
	width: 406px;
	height: 232px;
	background: url(../img/carzy-87.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -203px;
	transform: skew(20deg);
	display: none;
}
.jjs li.vimg:hover .i-mb{
	display: block;
}
.jjs .prev{
	width: 49px;
	height: 38px;
	background: url(../img/carzy-90.png) no-repeat;
	transition:all 0.3s;
	position: absolute;
	left: 0px;
	top: 96px;
	z-index: 3;
	cursor: pointer;
}
.jjs .prev:hover{
	background: url(../img/carzy-89.png) no-repeat;
}
.jjs .next{
	width: 49px;
	height: 38px;
	background: url(../img/carzy-91.png) no-repeat;
	transition:all 0.3s;
	position: absolute;
	right: 0px;
	top: 96px;
	z-index: 3;
	cursor: pointer;
}
.jjs .next:hover{
	background: url(../img/carzy-92.png) no-repeat;
}
.jjs .bd{
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
}
.pro-info-top{
	background: url(../img/limit-46.jpg) no-repeat center bottom;
	overflow: hidden;
	background-size: cover;
}
.pro-info-top .more a{
	display: block;
	height: 100%;
}
.pro-info-top .more{
	width: 189px;
	height: 53px;
	background: url(../img/limit-37.jpg) no-repeat;
	margin-top: 84px;
	cursor: pointer;
	background-size: 100%;
	margin: 0 auto 77px;
}
.pro-info-top .more p{
	font-size: 14px;
	color: #fff;
	font-family: "Arial";
	line-height: 53px;
	padding-left: 20px;
	float: left;
}
.pro-info-top .more span{
	float: right;
    display: block;
    width: 32px;
    height: 53px;
    margin-right: 10px;
}
.pro-info-top .more:hover span{
	animation: leftIn 1.5s infinite ease-in-out;
}
.pro-info-top .more span img{
	margin-top: 19px;
}
.mobile-slide{
	border-top: 1px solid #ddd;
	display: none;
	position: absolute;
	top: 51px;
	left: 0px;
	width: 100%;
	z-index: 3;
}
.mobile-slide ul{
	width: 100%;
}
.mobile-slide li {
	display: block;
	float: none;
    padding: 0 5%;
    background: #242424;
    border-bottom: 1px solid #484848;
	cursor: pointer;
}
.mobile-slide li .top{
	height: 40px;
    line-height: 40px;
    background: url(../img/carzy-77.png) no-repeat right center;
    background-size: 20px;
    font-size: 16px;
    color: #fff;
}
.mobile-slide li .top.cur{
	background: url(../img/carzy-88.png) no-repeat right center;
}
.mobile-slide li .top a{
	color: #fff;
	display: block;
}
.mobile-slide li .bot{
	padding: 8px 0px;
    border-top: 1px solid #484848;
    display: none;
}
.mobile-slide li .bot a{
	font-size: 13px;
    color: #fff;
    opacity: 0.5;
    display: block;
    padding-left: 10px;
    background: url(../img/carzy-78.png) no-repeat 1px center;
    padding-left: 12px;
    background-size: 2px;
}
.pro-advantage .adv ul{
	width: 100%;
	text-align: center;
	font-size: 0px;
}
.pro-advantage .adv li.tee{
	font-size: 16px;
	color: #666;
	float: none;
	display: inline-block;
	cursor: pointer;
}
.pro-advantage .adv li.line{
	font-size: 16px;
	color: #666;
	float: none;
	display: inline-block;
	margin: 0 10px;
	margin-top: 25px;
}
.pro-advantage .adv li.tee:hover{
	color: #da251c;
}
.pro-advantage .adv li.tee.cur{
	color: #da251c;
}
.pro-advantage .list-info{
	position: relative;
	margin-bottom: 128px;
}
.pro-advantage .list-info ul.slides li.img img{
	display: block;
	width: 100%;
}
.pro-advantage .list-info ul.slides li.img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.pro-advantage .list-info ul.flex-direction-nav .flex-prev {
    width: 21px;
    height: 37px;
    background: url(../img/prev.png) no-repeat;
    position: absolute;
    left: -35px;
    top: 50%;
    margin-top: -18px;
}
.pro-advantage .list-info ul.flex-direction-nav .flex-next {
    width: 21px;
    height: 37px;
    background: url(../img/next.png) no-repeat;
    position: absolute;
    right: -35px;
    top: 50%;
    margin-top: -18px;
}
.info-sp{
	height: 793px;
	background-size: cover;
	background-position: center;
}
.info-sp .tit {
	font-size: 46px;
	font-weight: bold;
	line-height: 225px;
	color: #fff;
	text-align: center;
}
.info-sp .tit .sp{
	color: #da251c;
}
.info-sp li.in{
	position: relative;
	z-index: 1;
}
.info-sp .pc li{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
	height: 129px;

	position: relative;
	left: -20px;
	opacity: 0;
}
.info-sp li:nth-child(4n){
	margin-right: 0px;
}

.info-sp .top{
	height: 77px;
	font-weight: bold;
	text-align: center;
	line-height: 77px;
	font-size: 18px;
	color: #333;
	background: #fff;
}
.info-sp .mid{
	padding: 21px;
	background: #da251c;
	font-size: 14px;
	color: #fff;
	display: none;
}
.info-sp .mid .box{
	height: 107px;
	overflow: hidden;
}
.info-sp .mid p{
	opacity: 0.6;
}
.info-sp .bot{
	height: 52px;
	background:#ccc url(../img/carzy-94.png) no-repeat center;
}
.info-sp li.cur .bot{
	background:#c01f17 url(../img/carzy-95.png) no-repeat center;
}
.mobile-sp{
	overflow: hidden;
	display: none;
}
.mobile-sp div.flex-viewport{
	overflow: initial!important;
}
.pc-img img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.pro-table .w14000{
	position: relative;
	top: 50px;
	opacity: 0;
	
	transition:all 1s;
}
.pro-table .w14000.cur{
	top: 0px;
	opacity: 1;
}
.pro-table .tit {
	font-size: 46px;
	font-weight: bold;
	line-height: 225px;
	color: #000;
	text-align: center;
}
.pro-table .tit .sp{
	color: #da251c;
}
.pro-table{
	background: #f8f8f8;
	padding-bottom: 136px;
}


.news-info{
	padding:50px;
	background: #fff;
}
.news-info .tit{
	font-size: 40px;
	line-height: 50px;
	color: #666;
	font-weight: bold;
	text-align: center;
}
.news-info .time{
	font-size: 16px;
	line-height: 16px;
	vertical-align: top;
	margin-top: 10px;
	height: 20px;
	padding-bottom: 40px;
	border-bottom: 3px solid #dbdbdb;
	text-align: center;
}
.news-info .time span.tt{
	display: inline-block;
	line-height: 20px;
}
.news-info .time .jiathis_style{
	display: inline-block;
	border-left: 1px solid #ddd;
	padding-left: 10px;
	margin-left: 10px;
	height: 20px;
}
.news-info .jiathis_txt{
	margin-top: 2px;
}
.news-info .text{
	padding-top: 20px;
	font-size: 16px;
	line-height: 1.7em
}
.news-info .text img{
	display: block;
	max-width: 100%;
	margin: 5px auto; 
}
.page{
	margin-top: 50px;
	padding-top: 20px;
	border-top: 3px solid #dbdbdb;
}
.page .fll {
	float: left;
}
.page .fll a{
	display: block;
	color: #666;
	transition:all 0.3s;
	font-size: 14px;
	line-height: 24px;
}
.page .fll a:hover{
	color: #cdcdcd;
}
.page .frr{
	float: right;
}
.page .frr a{
	background: url(../img/carzy-97.png) no-repeat right center;
	padding-right: 25px;
	display: block;
	color: #666;
	font-size: 14px;
}
.jiathis_style_32x32 .weixin{
	width: 35px;
	height: 35px;
	background: url(../img/carzy-80.png) no-repeat;
	background-size: 100%;
	vertical-align: top;
}
.sharbg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: url(../img/carzy-98.png) repeat;
	display: none;
}
.sharbg img{
	width: 200px;
	height: 200px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
}

.info-banner ul.flex-direction-nav .flex-nav-prev a{
	background: url(../img/carzy-99.png) no-repeat;
	width: 49px;
	height: 38px;
	display: none;
	float: right;
	transition:all 0.3s;
}
.info-banner ul.flex-direction-nav .flex-nav-prev a:hover{
	background: url(../img/carzy-100.png) no-repeat;
}
.info-banner ul.flex-direction-nav .flex-nav-next a{
	background: url(../img/carzy-101.png) no-repeat;
	width: 49px;
	height: 38px;
	display: none;
	float: left;
	transition:all 0.3s;
}
.info-banner ul.flex-direction-nav .flex-nav-next a:hover{
	background: url(../img/carzy-102.png) no-repeat;
}








.xmobile{
	display: none;
	margin-bottom: 50px;
	position: relative;
}
.xmobile .v-mb{
	width: 100%;
	height: 100%;
	background: url(../img/carzy-86.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.xmobile li{
	position: relative;
}
.xmobile li.vli:hover .v-mb{
	display: block;
}

.xmobile .i-mb{
	width: 100%;
	height: 100%;
	background: url(../img/carzy-87.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.xmobile li.vimg:hover .i-mb{
	display: block;
}
.xmobile li img{
	display: block;
	width: 100%;
}





.xmobile .flex-nav-prev {
	width: 49px;
	height: 38px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -19px;
}
.xmobile .flex-nav-prev .flex-prev{
	width: 49px;
	height: 38px;
	background: url(../img/carzy-90.png) no-repeat;
	transition:all 0.3s;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3
}
.xmobile .flex-nav-prev .flex-prev:hover{
	background: url(../img/carzy-89.png) no-repeat;
}
.xmobile .flex-nav-next{
	width: 49px;
	height: 38px;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -19px;
}
.xmobile .flex-nav-next .flex-next{
	width: 49px;
	height: 38px;
	background: url(../img/carzy-91.png) no-repeat;
	transition:all 0.3s;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 3
}
.xmobile .flex-nav-next .flex-next:hover{
	background: url(../img/carzy-92.png) no-repeat;
}
.h83{
	height: 83px;
}
.form-box{
	background: #f8f8f8;
	padding: 50px 0;
}

.about-map{
	background: #f1f1f1;
	overflow: hidden;
}
.about-map .list{
	padding-bottom: 60px;
}
.about-map .m-list{
	display: none;
}
.about-map li{
	background: #fff;
	float: none;
	margin-bottom: 20px;
}
.about-map li:last-child{
	margin-bottom: 0;
}
.about-map li .mbox{
	width: calc(100% - 230px);
	float: left;
}
.about-map li .img{
	float: left;
	width: 230px;
	height:60px;
	position: relative;
}
.about-map li .img:after{
	content: "";
	position: absolute;
	left:0;
	top:0;
	width: 50%;
	height: 100%;
	background:#f1f1f1;
}
.about-map li .img img{
	width: 100%;
	position: relative;
	z-index: 3;
}
.about-map li .text{
	float: left;
	margin-left: 60px;
	font-size: 18px;
	/*min-width: 420px;*/
	line-height: 60px;
}
.about-map li .tel{
	float: left;
	line-height: 60px;
	font-size: 18px;
	line-height: 60px;
	padding-left: 30px;
	position: relative;
	margin-left: 30px;
	height: 60px;
}
.about-map li .tel:after{
	content: "";
	position: absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width: 1px;
	height: 35px;
	background: rgba(0,0,0,.2);
}
.service-page{
	font-size: 0;
	text-align: center;
	/*padding:10px 0;*/
	background:#fff;
	position: relative;
	margin-top: 65px;
	border-bottom:1px solid #dcdcdc;
}

.service-page a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: 14px;
	margin:0 5px;
	color:#666666;
	width: 36px;
	height: 36px;
	background-position: center;
	background-size: cover;
	background-image: url(../img/page-init.png);
	background-repeat: no-repeat;
	line-height: 36px;
	transition:all .3s linear;
}
.service-page a:hover,
.service-page a.active{
	background-image: url(../img/page-active.png);
	color: #fff;
}
.service-page a.prev,
.service-page a.next{
	position: absolute;
	top:10px;
	background-repeat: no-repeat;
	background-size: 10px;
	width: auto;
	margin:0;
}

.service-page a.prev{
	left: 30px;
	padding-left: 20px;
	background-position: left center;
	background-image:url(../img/page-prev.png);
}
.service-page a.next{
	right: 30px;
	padding-right: 20px;
	background-position: right center;
	background-image:url(../img/page-next.png);
}
.service-page a.prev:hover,
.service-page a.next:hover{
	color: #da251c;
}
.service-page a.prev:hover{
	background-image:url(../img/h-page-prev.png);
}
.service-page a.next:hover{
	background-image:url(../img/h-page-next.png);
}
.aboutmap{
	width: 871px;
	margin: 0 auto 74px;
	position: relative;
}
.aboutmap img.bg{
	display: block;
	margin: 0 auto;
}
.aboutmap .box{
	position: absolute;
	width: 54px;
	height: 20px;
	margin-top: 60px;
}
.aboutmap .box .te.cur{
	top: -62px;
	opacity: 1;
}
.aboutmap .box .te{
	width: 54px;
	height: 80px;
	background: url(../img/carzy-104.png) no-repeat;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	position: absolute;
	left: 0px;
	top: -80px;
	opacity: 0;
	z-index: 1;
	line-height: 54px;
	transition:all 0.3s;
}
.aboutmap .box .dd{
	position: absolute;
	bottom: -5px;
	left: 15px;
	width: 23px;
	height: 12px;
	background: url(../img/carzy-105.png) no-repeat;
	margin: -6px auto 0px;
	background-size: 100%;
	animation: topIna 1.5s infinite ease-in-out;
	cursor: pointer;
}



.click-more span.cur{
	animation: topIn 1.5s infinite ease-in-out;
}
@keyframes topIna {
	0% {
	    transform: scale(0.8)
	}
	50%{
	    transform: scale(1)
	}
	100% {
		transform:scale(0.8)
	}
}

.aboutmap .box1{
	left: 706px;
    top: 410px;
    z-index: 2;
}
.aboutmap .box2{
    left: 387px;
    top: 532px;
}
.aboutmap .box3{
	left: 626px;
    top: 534px;
}
.aboutmap .box4{
	left: 434px;
    top: 426px;
}
.aboutmap .box5{
    left: 507px;
    top: 400px;
}
.aboutmap .box6{
    left: 603px;
    top: 391px;
}

.aboutmap .box7{
	left: 710px;
    top: 472px;
}
.aboutmap .box8{
	left: 736px;
    top: 355px;
}
.aboutmap .box9{
	left: 641px;
    top: 336px;
}
.aboutmap .box10{
    left: 426px;
    top: 316px;
}

.aboutmap .box11{
    left: 236px;
    top: 284px
}
.aboutmap .box12{
	left: 669px;
    top: 198px;
    z-index: 2;
}
.aboutmap .box13{
    left: 666px;
    top: 265px;
    z-index: 1;
}
.aboutmap .box14{
left: 620px;
    top: 200px;
}
.aboutmap .box15{
	left: 565px;
    top: 261px;
}
.aboutmap img.mob{
	display: none;
}


/*新加*/

.wel-about .fll .q-thr .box a{
	display: block;
}
.aboutmap .pinch-zoom-container{
	display: none;
}
.zpro-info{
	position: relative;
	margin-bottom: 80px;
}
.zpro-info .bg img{
	display: block;
	width: 100%;
}
.zpro-info .img{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 100%;
	width: 100%;
}
.zpro-info .img img{
	display: block;
	height: 100%;
	float: right;
}
.zpro-info .xie-box{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	height: 100%;
	display: inline-block;
}
.zpro-info .xie-box img{
	display: block;
	height: 100%;
}
.zpro-info .xie-box .text{
    position: absolute;
    top: 26%;
    left: 10%;
    width: 62%;
}
.zpro-info .xie-box .tit{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 22px;
	background: url(../img/carzy-108.png) no-repeat left bottom;
	line-height: 36px;
	margin-bottom: 30px;
}
.zpro-info .xie-box .te{
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	height: 160px;
	overflow: hidden;
}
.mobile-box{
	margin-bottom: 15px;
}
.mobile-boxx img{
	display: block;
	width: 100%;
}
.mobile-boxx .text{
	background: #da251c;
	overflow: hidden;
	padding: 17px 0;
}
.mobile-boxx .tit{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 95%;
	margin: 5px auto 10px;
	text-align: left;
}
.mobile-boxx .te{
	width: 95%;
	text-align: left;
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	height: 96px;
	overflow: auto;
}
.mobile-box{
	display: none;
}
.info-w-ajax{
	position: relative;
	top: 50px;
	opacity: 0;
	transition:all 1s;
}
.info-w-ajax.cur{
	top: 0px;
	opacity: 1;
}
.kk-table{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.kk-tit{
    width: 100%;
    text-align: center;
    font-size: 72px;
    font-weight: bold;
    font-family: "Arial";
    color: #fff;
    line-height: 72px;
    text-transform: uppercase;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
}


.nj .flex-direction-nav .flex-nav-prev{
	width: 47px;
	height: 47px;
	background: #000;
	position: absolute;
	left: 0px;
	top:45%;
	background: url(../img/shj.png) no-repeat;
}
.nj .flex-direction-nav .flex-nav-prev:hover{
	background: url(../img/shj-hover-fl.png) no-repeat;
}
.nj .flex-direction-nav .flex-nav-prev a{
	width: 47px;
	height: 47px;
	display: block;
}
.nj .flex-direction-nav .flex-nav-next{
	width: 47px;
	height: 47px;
	background: #000;
	position: absolute;
	right: 0px;
	top:45%;
	background: url(../img/shj-fr.png) no-repeat;
}
.nj .flex-direction-nav .flex-nav-next:hover{
	background: url(../img/shj-hover.png) no-repeat;
}
.nj .flex-direction-nav .flex-nav-next a{
	width: 47px;
	height: 47px;
	display: block;
}
.bgimg li.img{
	width: 100%;
}
.click-top,
.click-back{
	position: fixed;
	bottom: 5%;
	right: 5%;
	z-index: 5;
	cursor: pointer;
	width: 70px;
	background: #da251c;
}
.click-back{
	bottom:calc(5% + 74px);
}
.click-top .icon,
.click-back .icon{
	width: 100%;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
}
.click-top .icon{
	background-image: url(../img/top-btn.png);
}
.click-back .icon{
	background-image: url(../img/back-btn.png);
}
.click-top .txt,
.click-back .txt{
	font-size: 14px;
	padding:5px 0;
	color:#fff;
	text-align: center;
	border-top:1px solid rgba(255,255,255,.3);
}
.banner li video{
	height: 100%;
    object-fit: fill;
}




/*.header .w1400:hover{
	background: rgba(255,255,255,.95);
}*/
.header:hover{
	background: rgba(255,255,255,.95);
}
.header .w1400:hover li a{
	color: #333;
}
.header.cur{
	background: rgba(255,255,255,.95);
}
.header.cur .w1400{
	background: rgba(255,255,255,0);
}
.header.cur .w1400{
	position: static;
}
.header.cur .w1400 li a{
	color: #333
}
.bgimg .flex-viewport ul.f-cb.slides{
	overflow: hidden;
}
.bgimg .flex-viewport ul.f-cb.slides li{
	overflow: hidden;
}
.fixed-bg .remove.reaefoll{
	opacity: 0;
}
.pro-form-box{
	background: #fff;
	padding:90px 0 70px;
}
.pro-form-box .tips{
	width: 210px;
	margin:0 auto;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
}
.pro-form-box .form{
	width: 420px;
	margin: 30px auto 0;
}
.pro-form-box .form .input{
	padding:20px 15px;
	background: #f5f5f5;
	margin-bottom: 20px;
}
.pro-form-box .form .title{
	float: left;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
	font-size: 14px;
}
.pro-form-box .form .input:nth-child(1) .title{
	background-image: url(../img/tech-icon1.png);
}
.pro-form-box .form .input:nth-child(2) .title{
	background-image: url(../img/tech-icon2.png);
}
.pro-form-box .form .input:nth-child(3) .title{
	background-image: url(../img/tech-icon3.png);
}
.pro-form-box .form .input:nth-child(4) .title{
	background-image: url(../img/tech-icon4.png);
}
.pro-form-box .form .input:nth-child(5) .title{
	background-image: url(../img/tech-icon5.png);
}
.pro-form-box .form .input input[type=text]{
	float: right;
	width: 80%;
	height: 20px;
	line-height: 20px;
	padding:0;
	border:none;
	color: #999999;
	font-size: 14px;
	border-radius: 0;
	outline: none;
	background: none;
}
.pro-form-box .form .check-box input[type=text]{
	float: left;
	padding:20px 15px;
	background:#f5f5f5;
	width: 220px;
	height: 20px;
	border:none;
	border-radius: 0;
	font-size: 14px;
	box-sizing:content-box;
}
.pro-form-box .form .check-box input[type=button]{
	float: right;
	width: 150px;
	height: 60px;
	border:none;
	padding:0;
	background:#e60213;
	color: #fff;
	font-size: 14px;
}
.pro-form-box .form input[type=submit]{
	display: block;
	margin:40px 0 0;
	width: 100%;
	height: 60px;
	background:#e60213;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border:none;
	padding:0;
	font-weight: bold;
}