@charset "utf-8";
.b-header{width: 100%;height: 60px;background: #fff;}
.header-mian{width: 1171px;margin: 0 auto;height: 60px;}
.header-logo{display: block;}
.header-menu{width: 840px;margin-left:63px;height: 60px;}
.header-menu li{
	/*width: 140px;*/
	float: left; 
	height: 60px; 
	text-align: center;
	line-height: 60px;
	position: relative;
}
.header-menu li a{font-size: 16px;color: #333;display: block;font-family: "palatino linotype","palatino";}
.header-menu li a:hover font{border-bottom:2px solid #008cd6;height: 58px;display: inline-block;color: #008cd6;}
.header-menu li.header-now a font{border-bottom:2px solid #008cd6;height: 58px;display: inline-block;color: #008cd6;}
.header-hover-p{
	display: none;
	width: 160px;
	position: absolute;
	top: 60px;
	left: -10px;
	background:url(../images/header_2.png) repeat-x top;
	z-index: 910;
}
.header-hover-s{
	background: url(../images/tm.png) repeat;
	display: block;
	height: 100%;
	width: 100%;
}
.header-hover-p a{
	color: #303537;
	display: block;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #a8a5a4;
	text-indent: 15px;
	overflow: hidden;
}
.header-menu li p.header-hover-p a{font-size: 14px;text-align: left;}
.header-hover-p a:hover{background: #484745;color: #fff;}
.header-hover-p a.header-p-last{border: 0;}
.header-hover:hover p.header-hover-p{display: block;}

.b-header-select{height: 22px;_overflow:hidden;width: 53px;border: 1px solid #e5e5e5;background: url(../images/header_1.jpg) no-repeat 42px 9px;margin-top: 20px;cursor: pointer;position: relative;z-index:999;}
.b-header-select p{display: block; line-height: 22px;font-family: "palatino linotype","palatino";text-indent: 7px;font-size: 14px;color: #999;}
.b-header-select p:first-child+p{
	display: none;
	font-family: "microsoft yahei";
	border:  1px solid #e5e5e5;
	width: 53px;
	position: absolute;
	top: 23px;
	right: -1px;
	border-top: 0;
	z-index: 910;
	background: #fff;
}
.b-header-select:hover p:first-child+p{display: block;}
.pl200{padding-left:200px;}
/*bnner*/
.b-banner{width: 100%;height: 920px;overflow: hidden;position: relative;}
.b-shadow{position: absolute;z-index: 900;top: 0;left: 0;height: 7px;background: url(../images/header_2.png) repeat-x;width: 100%;}
#box{position:relative;width:100%;height:920px;background:#fff;}
#box .list{position:relative;height:920px;overflow:hidden;}
#box .list li{position: relative;float:left;display: inline;overflow: hidden;height: 920px;}

#box .count{position:absolute;bottom:20px;z-index: 9992;left: 50%;margin-left: -27px; }
#box .count li{width:10px;height:10px;background:url(../images/b_d.png) no-repeat;cursor:pointer;overflow:hidden;float: left; margin-left: 7px;}
#box .count li.on{background:url(../images/b_h.png) no-repeat;margin-top: -1px;}
#box .count li:first-child{margin-left: 0;}

#b-left,#b-right{
	position: absolute;
	z-index: 999;
	top: 50%;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	display: none;
	overflow: hidden;
}
.mousehover-fl:hover #b-left,.mousehover-fr:hover #b-right{
	display: block;
}
.upco{
	display: none;
}

#box #b-left:hover img.upco,#box #b-right:hover img.upco{
	display: inline-block;
}

#box #b-left:hover img.upnol,#box #b-right:hover img.upnol{
	display: none;
}

#box #b-left{
	float: left;
	/*display: block;*/
	left: 80px;
	
	cursor: pointer;
}

#box #b-right{
	float: right;
	/*display: block;*/
	right: 80px;
	cursor: pointer;
}
.bnner-box-five{width: 483px;height: 358px;margin-left: 677px;margin-top: 258px;position: relative;}
.bnner-box-six{width: 1170px;height: 358px;margin-top: 58px;position: relative;}
.bnner-box-seven{width: 1170px;height: 358px;position: relative;}


.bnner-box{width: 1171px;margin: 0 auto;}
.bnn-on-bj{
	position: absolute;
	top: -258px;
	left: -77px;
	height: 920px;
	width: 625px;
	background: rgba(255,255,255,0.5);
	z-index: 1;
	-webkit-transform: translate3d(0, -100%, 0);
	-ms-transition:translate3d(0,-100%, 0);
	-moz-transition:translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	opacity: 0;
}
.play .g-animation{
	-webkit-transition: all 0.5s 0.1s ease-in-out;
	transition: all 0.5s 0.1s ease-in-out;
	-ms-transition: all 0.5s 0.1s ease-in-out;
	-moz-transition: all 0.5s 0.1s ease-in-out;
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-ms-transition: none;
	-moz-transition: none;
}


.bnner-box-one{width: 483px;height: 358px;margin-left: 77px;margin-top: 258px;position: relative;}

/* new add*/
.bnner-box-eleven{width: 100%;margin: 0 auto;height: 100%;position: absolute;}

.bb-eleven-a{
	height: 35%;
	width: 0px;
	position:absolute;
	left:5%;
	top: 34%;
	background: url(../images/app-a.png) no-repeat;
	opacity:1;
}
.play .bb-eleven-a{
	width: 31%;
	-webkit-transition: all 1.2s 0.2s ease-in-out;
	transition: all 1.2s 0.2s ease-in-out;
	-ms-transition: all 1.2s 0.2s ease-in-out;
	-moz-transition: all 1.2s 0.2s ease-in-out;
}

.bb-eleven-b{width: 32%;height:12%; position: absolute;z-index: 10;top:6%;right:12%;}
.play .bb-eleven-b{height:12%; position: absolute;-webkit-transition: all 0.8s 0.2s ease-in-out;transition: all 0.8s 0.2s ease-in-out;-ms-transition: all 0.8s 0.2s ease-in-out;-moz-transition: all 0.8s 0.2s ease-in-out;}
.bb-eleven-c{width: 32%;height:12%; position: absolute;z-index: 10;top:20%;right:12%;}
.play .bb-eleven-c{height:12%; position: absolute;-webkit-transition: all 0.8s 0.2s ease-in-out;transition: all 0.8s 0.2s ease-in-out;-ms-transition: all 0.8s 0.2s ease-in-out;-moz-transition: all 0.8s 0.2s ease-in-out;}
.bb-eleven-d{width: 32%;height:12%; position: absolute;z-index: 10;top:35%;right:12%;}
.play .bb-eleven-d{height:12%; position: absolute;-webkit-transition: all 0.8s 0.2s ease-in-out;transition: all 0.8s 0.2s ease-in-out;-ms-transition: all 0.8s 0.2s ease-in-out;-moz-transition: all 0.8s 0.2s ease-in-out;}
.bb-eleven-e{width: 32%;height:12%; position: absolute;z-index: 10;top:50%;right:12%;}
.play .bb-eleven-e{height:12%; position: absolute;-webkit-transition: all 0.8s 0.2s ease-in-out;transition: all 0.8s 0.2s ease-in-out;-ms-transition: all 0.8s 0.2s ease-in-out;-moz-transition: all 0.8s 0.2s ease-in-out;}
.bb-eleven-f{width: 32%;height:12%; position: absolute;z-index: 10;top:65%;right:12%;}
.play .bb-eleven-f{height:12%; position: absolute;-webkit-transition: all 0.8s 0.2s ease-in-out;transition: all 0.8s 0.2s ease-in-out;-ms-transition: all 0.8s 0.2s ease-in-out;-moz-transition: all 0.8s 0.2s ease-in-out;}
.bb-eleven-g{width: 32%;height:12%; position: absolute;z-index: 10;top:80%;right:12%;}
.play .bb-eleven-g{height:12%; position: absolute;-webkit-transition: all 0.8s 0.2s ease-in-out;transition: all 0.8s 0.2s ease-in-out;-ms-transition: all 0.8s 0.2s ease-in-out;-moz-transition: all 0.8s 0.2s ease-in-out;}
/* new add*/

.bb-one-sline{
	width: 309px;
    height: 0px;
    background: url(../images/bone-a.png) no-repeat;    
    position: absolute;
    z-index: 10;
    left: 70px;
    top: 0;
}
.play .bb-one-sline{
	height: 94px;
	-webkit-transition: all 0.8s 0.2s ease-in-out;
	transition: all 0.8s 0.2s ease-in-out;
	-ms-transition: all 0.8s 0.2s ease-in-out;
	-moz-transition: all 0.8s 0.2s ease-in-out;
}
.bnner-box-five .bb-one-sline{
	width: 292px;
    height: 0px;
    background: url(../images/bnf_1.png) no-repeat;    
    position: absolute;
    left: 90px;
    top: 0;
}
.bnner-box-five.play .bb-one-sline{
	height: 119px;
	-webkit-transition: all 0.8s 0.2s ease-in-out;
	transition: all 0.8s 0.2s ease-in-out;
	-ms-transition: all 0.8s 0.2s ease-in-out;
	-moz-transition: all 0.8s 0.2s ease-in-out;
}
.bb-one-sline-b{
	width: 309px;
    height: 0px;
    background: url(../images/bone-b.png) no-repeat bottom;    
    bottom: 0;
    position: absolute;
    left: 70px;
    z-index: 10;
}

.play .bb-one-sline-b{
	height: 96px;
	-webkit-transition: all 0.8s 0.2s ease-in-out;
	transition: all 0.8s 0.2s ease-in-out;
	-ms-transition: all 0.8s 0.2s ease-in-out;
	-moz-transition: all 0.8s 0.2s ease-in-out;
}
.bnner-box-five .bb-one-sline-b{
	width: 292px;
    height: 0px;
    background: url(../images/bnf_4.png) no-repeat bottom;    
    bottom: 0;
    position: absolute;
    left: 90px;
    z-index: 10;
}

.bnner-box-five.play .bb-one-sline-b{
	height: 114px;
	-webkit-transition: all 0.8s 0.2s ease-in-out;
	transition: all 0.8s 0.2s ease-in-out;
	-ms-transition: all 0.8s 0.2s ease-in-out;
	-moz-transition: all 0.8s 0.2s ease-in-out;
}

.bb-one-hline{
	width: 36px;
	height: 3px;
	background: #7b3e17;
	position: absolute;
	left: 208px;
	z-index: 10;
	opacity: 0;
}
.bnner-box-five .bb-one-hline{
	width: 36px;
	height: 4px;
	background: #fff;
	position: absolute;
	left: 218px;
	opacity: 0;
}

.bb-one-hline-a{top: 94px;}
.bb-one-hline-b{bottom: 95px;}
.play .bb-one-hline{
	opacity: 1;
	-webkit-transition: all 0.4s 1s ease-in-out;
	transition: all 0.4s 1s ease-in-out;
	-ms-transition: all 0.4s 1s ease-in-out;
	-moz-transition: all 0.4s 1s ease-in-out;
}

.bb-one-img{
	display: block;
	position: absolute;
	opacity: 0;
	z-index: 10;
}
.bb-one-img-a{
	top: 137px;
	left: 86px;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transition:translate3d(-100%, 0, 0);
	-moz-transition:translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
.bnner-box-five .bb-one-img-a{left: 172px;}
.play .g-animation{
	transform: none;
	-webkit-transform: none;
	-ms-transition: none;
	-moz-transition: none;
}
.play .bb-one-img-a{
	opacity: 1;
	-webkit-transition: all 0.8s 1s ease-in-out;
	transition: all 0.8s 1s ease-in-out;
	-ms-transition: all 0.8s 1s ease-in-out;
	-moz-transition: all 0.8s 1s ease-in-out;
}
.bb-one-img-b{
	top: 199px;
	right: 73px;
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transition:translate3d(100%, 0, 0);
	-moz-transition:translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
.bnner-box-five .bb-one-img-b{right: 152px;}
.play .bb-one-img-b{
	opacity: 1;
	-webkit-transition: all 0.8s 1s ease-in-out;
	transition: all 0.8s 1s ease-in-out;
	-ms-transition: all 0.8s 1s ease-in-out;
	-moz-transition: all 0.8s 1s ease-in-out;
}

.bnner-box-two{
	width: 1171px;
	margin: 283px auto 0;
	height: 284px;
	position: relative;
}

.bb-two-a{
	height: 284px;
	width: 0px;
	margin-left: 419px;
	background: url(../images/bn_t1.png) no-repeat;
	opacity: 0;
}
.play .bb-two-a{
	opacity: 1;
	width: 234px;
	-webkit-transition: all 1.2s 0.2s ease-in-out;
	transition: all 1.2s 0.2s ease-in-out;
	-ms-transition: all 1.2s 0.2s ease-in-out;
	-moz-transition: all 1.2s 0.2s ease-in-out;
}
.bb-two-img-b{
	left: 525px;
	position: absolute;
	top: 107px;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transition:translate3d(-100%, 0, 0);
	-moz-transition:translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0;
}

.play .bb-two-img-b{
	opacity: 1;
	-webkit-transition: all 0.8s 1.3s ease-in-out;
	transition: all 0.8s 1.3s ease-in-out;
	-ms-transition: all 0.8s 1.3s ease-in-out;
	-moz-transition: all 0.8s 1.3s ease-in-out;
}

.bb-two-img-c{
	right: 233px;
	position: absolute;
	top: 168px;
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transition:translate3d(100%, 0, 0);
	-moz-transition:translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0;
}
.play .bb-two-img-c{
	opacity: 1;
	-webkit-transition: all 0.8s 1.3s ease-in-out;
	transition: all 0.8s 1.3s ease-in-out;
	-ms-transition: all 0.8s 1.3s ease-in-out;
	-moz-transition: all 0.8s 1.3s ease-in-out;
}

.bb-two-d{
	width: 41px;
	height: 3px;
	background: #e8193d;
	top: 84px;
	right: 605px;
	position: absolute;
	opacity: 0;
}
.play .bb-two-d{
	opacity: 1;
	-webkit-transition: all 0.8s 1.3s ease-in-out;
	transition: all 0.8s 1.3s ease-in-out;
	-ms-transition: all 0.8s 1.3s ease-in-out;
	-moz-transition: all 0.8s 1.3s ease-in-out;
}
/*3*/
.bnner-box-three{width: 1171px;margin: 230px auto 0;height: 283px; position: relative;}
.bb-three-a{
	width: 0;
	height: 283px;
	margin-left: 543px;
	opacity: 0;
	background: url(../images/bthree_1.png) no-repeat;
}
.play .bb-three-a{
	opacity: 1;
	width: 242px;
	-webkit-transition: all 1.2s 0.2s ease-in-out;
	transition: all 1.2s 0.2s ease-in-out;
	-ms-transition: all 1.2s 0.2s ease-in-out;
	-moz-transition: all 1.2s 0.2s ease-in-out;
}

.bb-three-img-b{
	position: absolute;
	top: 124px;
	right: 97px;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transition:translate3d(-100%, 0, 0);
	-moz-transition:translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0;
}
.play .bb-three-img-b{
	opacity: 1;
	-webkit-transition: all 0.8s 1.3s ease-in-out;
	transition: all 0.8s 1.3s ease-in-out;
	-ms-transition: all 0.8s 1.3s ease-in-out;
	-moz-transition: all 0.8s 1.3s ease-in-out;
}

.bb-three-img-c{
	position: absolute;
	bottom: 21px;
	right: 41px;
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transition:translate3d(100%, 0, 0);
	-moz-transition:translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0;
}

.play .bb-three-img-c{
	opacity: 1;
	-webkit-transition: all 0.8s 1.3s ease-in-out;
	transition: all 0.8s 1.3s ease-in-out;
	-ms-transition: all 0.8s 1.3s ease-in-out;
	-moz-transition: all 0.8s 1.3s ease-in-out;
}
/*4*/
.bnner-box-four{
	width: 1171px;
	margin: 113px auto 0;
	height: 220px;
	position: relative;
}
.bb-four-a{
	width: 0;
	height: 220px;
	margin-left: 41px;
	background: url(../images/bfour_1.png) no-repeat;
	opacity: 0;
}
.play .bb-four-a{
	opacity: 1;
	width: 218px;
	-webkit-transition: all 1.2s 0.2s ease-in-out;
	transition: all 1.2s 0.2s ease-in-out;
	-ms-transition: all 1.2s 0.2s ease-in-out;
	-moz-transition: all 1.2s 0.2s ease-in-out;
}
.bb-four-img-b{
	position: absolute;
	top: 83px;
	left: 150px;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transition:translate3d(-100%, 0, 0);
	-moz-transition:translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0;
}
.play .bb-four-img-b{
	opacity: 1;
	-webkit-transition: all 0.8s 1.3s ease-in-out;
	transition: all 0.8s 1.3s ease-in-out;
	-ms-transition: all 0.8s 1.3s ease-in-out;
	-moz-transition: all 0.8s 1.3s ease-in-out;
}
.bb-four-img-c{
	position: absolute;
	top: 157px;
	left: 223px;
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transition:translate3d(100%, 0, 0);
	-moz-transition:translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0;
}
.play .bb-four-img-c{
	opacity: 1;
	-webkit-transition: all 0.8s 1.3s ease-in-out;
	transition: all 0.8s 1.3s ease-in-out;
	-ms-transition: all 0.8s 1.3s ease-in-out;
	-moz-transition: all 0.8s 1.3s ease-in-out;
}

/*内容
 */
.b-mian{background: url(../images/mian-bj.jpg) repeat-x;height: 528px;width: 100%;}

.b-column{
	overflow: hidden;
	/*margin: 0 auto;*/
	width: 1240px;
	height:469px;
	/*margin-left:10px;*/
}

.column-dl{
	background: #fff;
	box-shadow: 0px 0px 12px 0px #e3e2e3;
	float: left;
	height: 409px;
	margin: 30px 35px;
	overflow: hidden;
	position: relative;
	width: 240px;
	_width: 220px;
	/*transform: scale(.99);
	-webkit-transform: scale(.99);
	transition: scale 1s ease-in-out;
	-moz-transition: scale 1s ease-in-out;
    -webkit-transition: scale 1s ease-in-out;
    -ms-transition: scale 1s ease-in-out;
    -o-transition: scale 1s ease-in-out;*/
}

.column-dl dt{
	width: 240px;
	_width: 220px;
	height: 220px;
	
	float: left;
	overflow: hidden;
}

.column-dl dt img{
	transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-webkit-transition: all 1s ease-in-out; 
	-ms-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out;
	display: block;
	width: 100%;
}

.column-dl:hover dt img{
	 -ms-transform: scale(1.1); /* IE 9 */
	 -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
	 transform: scale(1.1);
	 -moz-transform: scale(1.1);
}

.column-dl dd{
	background: url(../images/cot_1.png) no-repeat;
	bottom: 0;
	height: 368px;
	left: 0;
	position: absolute;
	width: 240px;
	_width: 240px;
	z-index: 2;
	_background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/cot_1.png") no-repeat;
}

.column-dl dd p{
	line-height: 22px;
	color: #333;
	font-size: 14px;
	font-family: "palatino linotype","palatino";
	padding-top: 212px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	_padding-top: 0px;
	_margin-top:212px;
}

.column-dl dd p font{font-size: 24px;}

/*.column-dl:hover{
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -moz-transform: scale(1.01);
}*/

.b-more{
	display: block;
	position: absolute;
	right: 21px;
	bottom: 21px;
	z-index: 3;
	background: url(../images/b-next.png) no-repeat;
	width: 28px;
	height: 28px;
}

.b-more:hover{
	background: url(../images/h-next.png) no-repeat;
}

.b-coum-bmain{width: 1171px;margin: 0 auto;height: 37px;position: relative;}
.b-coum-bmain p{
	width: 144px;
	margin: 0 auto;
	overflow: hidden;
}
.b-coum-bmain p a{
	display: block;
	width: 36px;
	float: left;
	height: 37px;
}
.b-coum-bmain p a:first-child+a{
	margin: 0 18px;
}
.bmian-a{
	background: url(../images/c_h3.png) no-repeat;
}
.bmian-b{
	background: url(../images/c_h4.png) no-repeat;
}
.bmian-c{
	background: url(../images/c_h5.png) no-repeat;
}
.bmian-a:hover{background: url(../images/c_3.png) no-repeat;}
.bmian-b:hover{background: url(../images/c_4.png) no-repeat;}
.bmian-c:hover{background: url(../images/c_5.png) no-repeat;}
.b-coum-bmain-after{
	content: '';
	width: 493px;
	height: 2px;
	position: absolute;
	left: 0;
	top: 16px;
	background: url(../images/c_1.jpg) no-repeat;
}
.b-coum-bmain-before{
	content: '';
	width: 493px;
	height: 37px;
	position: absolute;
	right: 0;
	top: 16px;
	background: url(../images/c_1.jpg) no-repeat;
}
.b-footer{
	width: 100%;
	height: 82px;
	background: url(../images/footer_bj.jpg) repeat-x;
}
.b-footer p{
	overflow: hidden;
	text-align: center;
	color: #979797;
	font-size: 14px;
	line-height: 22px;
	font-family: "palatino linotype","palatino";
}
.b-footer p:first-child{padding-top: 10px;}

/*about us*/
.margin-width{width: 1170px;}
.about-mian{position: relative;}
.about-a{
	width: 100%;
	background: url(../images/about_1.jpg) no-repeat center top;
	height: 595px;
}
.about-a-h2{
	text-align: center;
	color: #000;
	font-size: 48px;
	font-family: "palatino linotype","palatino";
	font-weight: normal;
	line-height: 64px;
	padding-top: 60px;
}

.about-a-dl{
	width: 1030px;
	margin: 0 auto;
	font-size: 18px;
	color: #000;
	line-height: 30px;
	padding-top: 52px;
	font-family:"palatino linotype","palatino";
}
.about-a-dl dt{
	font-family: "palatino linotype","palatino";
	width: 408px;
	float: left;
	overflow: hidden;
}
.about-a-dl dd{
	float: right;
	width: 583px;
	overflow: hidden;
}

.about-a-p{
	width: 1030px;
	margin: 0 auto;
	font-size: 18px;
	color: #000;
	line-height: 30px;
	font-family:"palatino linotype","palatino";
	padding-top: 28px;
}

.about-b{
	width: 100%;
	background: url(../images/about_3.jpg) repeat-x;
	height: 642px;
}

.about-b-mian{
	width: 100%;
	background: url(../images/about_2.jpg) no-repeat center top;
	height: 642px;
}

.about-b-img-a{
	margin-top: 230px;
	-webkit-transition: all 0.8s 0.2s ease-in-out;
	transition: all 0.8s 0.2s ease-in-out;
	-ms-transition: all 0.8s 0.2s ease-in-out;
	-moz-transition: all 0.8s 0.2s ease-in-out;
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
}
.a-posion{
	position: relative;
}
.about-b-img-b{
	position: absolute;
	left: 0;
	top: 33px;
}
.about-b-f{
	position: absolute;
	top: 33px;
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
}
.about-b-f-a{
	left: 0;
	-webkit-transition: all 0.8s 0.4s ease-in-out;
	transition: all 0.8s 0.4s ease-in-out;
	-ms-transition: all 0.8s 0.4s ease-in-out;
	-moz-transition: all 0.8s 0.4s ease-in-out;

}
.about-b-f-b{
	left: 425px;
	-webkit-transition: all 0.8s 0.6s ease-in-out;
	transition: all 0.8s 0.6s ease-in-out;
	-ms-transition: all 0.8s 0.6s ease-in-out;
	-moz-transition: all 0.8s 0.6s ease-in-out;
}
.about-b-f-c{
	left:727px;
	-webkit-transition: all 0.8s 0.8s ease-in-out;
	transition: all 0.8s 0.8s ease-in-out;
	-ms-transition: all 0.8s 0.8s ease-in-out;
	-moz-transition: all 0.8s 0.8s ease-in-out;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

.play .about-b-img-a{
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-moz-transform:none;
}

.play .about-b-f{
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-moz-transform:none;
}

/*从下往上*/

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-moz-transform:none;
	}
}


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.about-c{
	width: 100%;
}

.c-baion{
	height: 1600px;
	background: url(../images/about_6.jpg) no-repeat top;
}


.about-c-h2{
	padding-top: 89px;
}

.about-c-img{
	position: absolute;
}

/*.about-c-img-a{
	top: 296px;
	right: 43px;
}*/

.about-c-img-b{top: 296px;right: 622px;}
.about-c-img-c{top: 425px;left: 622px;}
.about-c-img-d{top:554px;right: 622px;}
.about-c-img-e{top: 682px;left: 622px;}
.about-c-img-f{top:812px;right: 622px;}
.about-c-img-g{top: 939px;left: 622px;}
.about-c-img-h{bottom: 44px;right: 622px;}
.about-c-img-i{bottom: 107px;right: 622px;}
.about-c-img-j{bottom: -18px;right: 622px;}




/*从上向下*/
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.about-d{
	width: 100%;
	background: #f6f6f6;
	/*height: 1370px;*/
}

.d-bj{
	background:#fff url(../images/about_15.jpg) no-repeat center top;
	padding-top: 286px;
	/*border-bottom: 1px solid #ccc;*/
	padding-bottom: 26px;
}

.about-d-mian{
	background: #fff;
}

.about-fl{padding-left: 23px;width: 550px;/*height: 946px;*/margin-bottom:20px;}
.about-fr{padding-right: 23px;width: 550px;margin-bottom:20px;}
.about-d-dla dt{
	overflow: hidden;
}
.about-fl dd img{width:550px;height:200px;}
.about-fr dd img{width:550px;height:200px;}

.about-d-dla dt h3{
	font-size: 18px;
	color: #333;
	font-family: "palatino linotype","palatino";
	line-height: 32px;
	height: 33px;
	overflow: hidden;
	font-weight: normal;
	position: relative;
	margin-bottom: 8px;
}

.about-d-dla dt h3 font{
	display: inline-block;
	padding-right: 55px;
	border-bottom: 1px solid #c9c9c9;
	height: 32px;
}

/*.about-d-dla dt h3:after{
	content: '';
	position: absolute;
	width: 311px;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #c9c9c9;
}*/
.about-d-db{
	margin-right: 5px;
}
.about-d-dla dt p{
	line-height:26px;
	font-family: "palatino linotype","palatino";
	font-size: 14px;
	color: #888;
}
.about-d-dla dt p.about-d-tit{color: #333;}
.about-d-dla dd {padding: 10px 0; overflow: hidden;}
.about-d-dla dd img{display: block;}
.about-d-dc{padding-top: 30px;}
.about-d-de{margin: 0 auto;}
/*.about-d-dla dt h3.about-d-hb:after{width: 200px;}*/
/*.about-d-dla dt h3.about-d-hc:after{width: 360px;}*/
/*.about-d-height{overflow: hidden;height: 216px;}*/

.join{
	display: block;
	width: 200px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	background: #c9c9c9;
	font-size: 20px;
	color: #7b7b7b;
	font-family:"palatino linotype","palatino";
	border-radius: 25px;
	margin: 8px auto 0;
}
.join:hover{
	background: #313131;
	color: #fff;
}
.join-p{
	line-height: 35px;
	color: #999;
	font-family: "palatino linotype","palatino";
	text-align: center;
}

.about-e-dla{
	padding-top: 61px;
	padding-bottom: 72px;
}
.about-e-dla dt{
	width: 626px;
	float:left;
	height: 352px;
	background: url(../images/about_t1.jpg) no-repeat left top;
}
.about-e-dla dd{
	float: left;
	padding-top: 211px;
	background: url(../images/about_t2.jpg) no-repeat left bottom;
	height: 192px;
	width: 484px;
}

.about-e-tel{
	padding-top: 166px;
	padding-left: 164px;
}
.about-e-tel p{
	line-height: 31px;
	color: #333;
	font-size: 16px;
	font-family: "palatino linotype","palatino";
}

.map{
	width: 100%;
	height: 600px;
	background: url(../images/map.jpg) no-repeat center top;
}

.focus-on{
	width: 100%;
	padding-top:68px;
	padding-bottom: 18px;
}
/*app*/
.app-a{
	width: 1086px;
	margin: 0 auto;
	padding-top: 16px;
	background: url(../images/app_6.jpg) no-repeat right 75px top 91px;
}

.app-a-ha{
	font-weight: normal;
	line-height: 152px;
	font-family:"palatino linotype","palatino";
	color: #000;
	text-indent: 694px;
	font-size: 70px;
}
.app-a-dla{
	width: 490px;
}
.app-a-dla p{
	width:470px;
}
.app-img{
	display: block;
	transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-webkit-transition: all 1s ease-in-out; 
	-ms-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out;
}
.app-img:hover{
	
	 -ms-transform: scale(1.05); /* IE 9 */ 
	 -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */ 
	 transform: scale(1.05); 
	 -moz-transform: scale(1.05);
}
.app-hover{
	transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-webkit-transition: all 1s ease-in-out; 
	-ms-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out;
	 -ms-transform: scale(1.05); /* IE 9 */ 
	 -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */ 
	 transform: scale(1.05); 
	 -moz-transform: scale(1.05);
}
.app-a-dla dt{overflow: hidden;}
.app-a-dla dd{overflow: hidden;padding-top: 12px;}
.app-a-dla dd p{
	line-height: 30px;
	padding-top: 30px;
	font-size: 18px;
	color: #333;
	font-family:"palatino linotype","palatino";
	overflow: hidden;
}

.app-a-dlb{
	width: 596px;
}
.app-a-dlb dt{overflow: hidden;padding-top: 39px;}
.app-a-dlb dt p{
	overflow: hidden;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	color: #333;
	font-family:"palatino linotype","palatino";
}
.app-a-dlb dd{overflow: hidden;padding-top: 64px;}
.app-height{height: 4px;}
.app-b{width: 100%;}
.app-b-bj{
	background: url(../images/app_img1.jpg) no-repeat 27px top;
	margin-left: 103px;
}
.app-b-h3{
	text-align: center;
	line-height: 126px;
	font-family:"palatino linotype","palatino";
	font-size: 70px;
	color: #000;
	font-weight: normal;
	padding-top: 65px;
}
.app-b-p{
	color: #333;
	font-family:"palatino linotype","palatino";
	font-size: 18px;
	text-align: center;
	line-height: 30px;
}
.app-b-pa{padding-top: 18px;}
.app-b-img{padding-top: 71px;}
.app-img-a{width: 290px;}
.app-img-b{margin-left: 3px;}
.app-img-t{margin-top: 4px;height: 317px;}
.app-img-c{height: 135px;}
.app-img-f{height: 317px;}
.app-img-e{height: 135px;margin-top: 4px;}
.app-c-box{width: 100%;padding-top: 61px;}
.app-c-h3{
	text-align: center;
	padding-bottom: 20px;
	background: url(../images/app_pic1.jpg) no-repeat center bottom;
	height: 121px;
	line-height: 121px;
	font-family:"palatino linotype","palatino";
	font-size: 70px;
	color: #000;
	font-weight: normal;
}
.app-c-dla{
	width: 1164px;
	margin-top: 68px;
	background: url(../images/app_pic7.jpg) no-repeat 113px center;
	height: 210px;
}
.app-c-dla dt{
	width: 430px;
	height: 210px;
	float: right;
	overflow: hidden;
	margin-left: 10px;
}

.app-c-dlb{
	width: 1164px;
	margin: 0 auto;
	padding-top: 20px;
}
.app-c-dlb dt{
	float: left;
	width: 454px;
	overflow: hidden;
	font-size: 18px;
	color: #333;
	font-family:"palatino linotype","palatino";
}
.app-c-dlb dt p{
	line-height: 30px;
	overflow: hidden;
}
.app-c-dlb dd{
	height: 400px;
	width: 653px;
	float: right;
	overflow: hidden;
}
.app-c-dlb dt p:first-child{
	padding-top: 75px;
	padding-bottom: 10px;
}
.app-c-dlb dt p span{display: block;}
.app-d-box{width: 100%;padding-top: 82px;}
.app-d-mian{width: 1260px;height: 742px;margin: 0 auto;position: relative;background: url(../images/app-zz5.jpg) no-repeat right top;}
.app-d-dla{
	margin: 0 auto;
	width: 1180px;
}
.app-d-dla dt{
	position: absolute;
	top: 85px;
	left: 85px;
	width: 400px;
	height: 400px;
	overflow: hidden;
	float: left;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 
}
.app-d-dla dd{
	width: 562px;
	float: right;
	overflow: hidden;
}
.app-d-dla dd h3{
	height: 60px;
	color: #000;
	line-height: 60px;
	font-size: 70px;
	font-family:"palatino linotype","palatino";
	font-weight: normal;
	text-align: center;
	padding-bottom: 40px;
}
.app-d-dla dd p{
	font-size: 18px;
	color: #333;
	font-family:"palatino linotype","palatino";
	text-align: center;
	line-height: 30px;
}
.app-d-dla dd p span{display: block;}
.app-d-dla dd p.app-d-pa{padding-top: 28px;padding-bottom: 29px;}
.app-d-dlb{position: absolute;width: 1176px;height: 294px;bottom: 0;left:30px;}
.app-d-dlb dt{
	width: 208px;
	height: 208px;
	position: absolute;
	overflow: hidden;
	float: left;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 
}
.app-d-dlb dt:first-child{
	right: 43px;
	bottom: 43px;
}
.app-d-dlb dt:first-child+dt{
	right: 337px;
	bottom: 43px;
}
.app-d-dlb dt:first-child+dt+dt{
	right: 631px;
	bottom: 43px;
}
.app-d-dlb dt:first-child+dt+dt+dt{
	left: 43px;
	bottom: 43px;
}
/*
 
 * 
 * spec
 * 
 * */

.spec-box{background: #eee;width: 100%;}
.spec-bj{background: #eee;}
.spec-bnner{background: url(../images/spec_bnner.jpg) no-repeat center top; height: 340px;width: 100%;}
.spec-mian{background: #fff;margin:0 auto;width: 1170px;}
.spec-tab{background: #eee;height: 50px;width: 100%;}
.spec-a-ula{height: 50px;width: 700px;}
.spec-a-ula li{
	background: #d2d2d2;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	color: #888;
	cursor: pointer;
	font-family: "palatino linotype","palatino";
	font-size: 14px;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-right: 10px;
	text-align: center;
	width: 130px;
	}

.spec-a-ula li.hover{background: #fff;color: #000;}
.spec-a-ula li:hover{background: #fff;color: #000;}
.spec-a-ulb{height: 44px;width: 380px;}
.spec-a-ulb li{float: left;overflow: hidden;}
.spec-search{
	background: #f6f6f6;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	display: block;
	color: #333;
	font-family: "palatino linotype","palatino";
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	outline: none;
	padding: 10px 27px;
	width: 246px;
}
.spec-button{
	background: #d2d2d2 url(../images/spec_1.png) no-repeat center;
	border-bottom-right-radius: 15px;
	border: none;
	border-top-right-radius: 15px;
	cursor: pointer;
	display: block;
	height: 44px;
	outline: none;
	width: 80px;
}
.spec-button:hover{background: #fff url(../images/spec_3.png) no-repeat center;}
.button-hover{background: #fff url(../images/spec_3.png) no-repeat center;}
.spec-a-ulc{height: 50px;width: 80px;}
.spec-a-ulc li{cursor: pointer;height: 50px;overflow: hidden;width: 80px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.spec-ulc-lia{
	background: #d2d2d2 url(../images/spec_2.png) no-repeat center;
}
.spec-ulc-lia:hover{background: #fff url(../images/spec_4.png) no-repeat center;}
.spec-ulc-lib{
	background: #fff;
	color: #000;
	font-family: "palatino linotype","palatino";
	font-size: 14px;
	line-height: 50px;
	text-align: center;
}

.spec-tab-content{
	width: 1110px;
	margin: 0 auto;
	padding: 18px 0;
}

.spec-cont-a{
	background: #626262;
	border-bottom: 1px solid #c9c9c9;
	height: 58px;
}
.spec-cont-a li{
	border-right: 1px solid #fff;
	color: #fff;
	float: left;
	font-family: "palatino linotype","palatino";
	font-size: 14px;
	height: 58px;
	text-align: center;
}
.spec-cont-a li p{line-height: 58px;}
.spec-cont-a li span{display: block;line-height: 16px;}
.spec-cont-a li span:first-child{padding-top: 13px;}
.spec-cont-lia{width: 178px;}
.spec-cont-lib{width: 110px;}
.spec-cont-lic{width: 108px;}
.spec-cont-lid{width: 108px;}
.spec-cont-lie{width: 144px;}
.spec-cont-lif{width: 140px;}
.spec-cont-lig{width: 224px;}
.spec-cont-lih{width: 90px;}

.spec-cont-b{
	border-bottom: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	/*min-height: 68px;*/
}
.spec-cont-b li{
	border-right: 1px solid #c9c9c9;
	float: left;
	height: 100%;
	overflow: hidden;
}
.spec-cont-b:hover{background: #eee;}
li.spec-cont-last{border-right: 0;}
.spec-cont-b li:first-child{width: 177px;border-left: 1px solid #c9c9c9;}
li.spec-cont-last-w{width: 90px;}
.spec-cont-b li p{
	/*color: #666;*/
	font-family: "palatino linotype","palatino";
	font-size: 14px;
	/*min-height: 68px;*/
	line-height: 68px;
	text-align: center;
	width: 100%;
	}
.spec-cont-b li span{
	display: block;
	line-height: 68px;
	
}
.spec-cont-b li span:first-child{
	padding: 0px 3px 0;
	line-height: 68px;
}
.spec-img-aa{
	margin-left: 23px;
}
.spec-img-aa:hover img.spec-img-bb{display: none;}
.spec-img-aa:hover img.spec-img-cc{display: inline;}
.spec-img-ff:hover img.spec-img-bb{display: none;}
.spec-img-ff:hover img.spec-img-cc{display: inline;}
.spec-img-cc{display: none;}
.spec-cont-c{height: 38px;padding-bottom: 3px;}
.spec-cont-c li{font-family: "palatino linotype","palatino";font-size: 18px;float: right; line-height: 38px;}
.spec-cont-c li a{padding: 1px 5px; color: #666;}
.spec-cont-c li:first-child a{padding: 0;margin-left: 5px;}
.spec-cont-c li a:hover{background: #a0a0a0;color: #fff;}
.spec-cont-c li:first-child a:hover{background: none;color: #666;}
/*弹窗*/
.wiw-bj{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	z-index: 9993;
}
.wiw-main,.wiw-logout{
	display: none;
	background: #fff;
	border-radius: 10px;
	height: 253px;
	left: 50%;
	margin-left: -200px;
	margin-top: -126.5px;
	position: fixed;
	top: 50%;
	width: 400px;
	z-index: 9999;
}

.wiw-p{
	height: 46px;
	padding-bottom: 3px;
	width: 100%;
}

.wiw-logout-p{
	font-family: "palatino linotype","palatino";
	font-size: 20px;
	line-height: 100px;
	text-align: center;
}
.wiw-logout-ul{
	margin: 0 auto;
	width: 350px;
}

.wiw-logout-ul li{background: #0160b0;border-radius: 15px;height: 50px;line-height: 50px;text-align: center;width: 45%;}
.wiw-logout-ul li a{display: block;color: #fff;font-family: "palatino linotype","palatino";font-size: 30px;}
.wiw-logout-ul li:first-child{background: #fff;border: 1px solid #0160b0;}
.wiw-logout-ul li:first-child a{color: #0160b0;}
.wiw-close{
	display: block;
	color: #b5b5ba;
	cursor: pointer;
	float: right;
	font-size: 30px;
	margin-right: 19px;
	margin-top: 9px;
}
.wiw-cont{
	border: #ababab 1px solid;
	border-radius: 10px;
	margin: 0 auto;
	padding-top: 3px;
	width: 348px;
}
.wiw-cont li{
	height: 52px;
	margin: 0 auto;
	overflow: hidden;
	width: 303px;
}
.wiw-cont li:first-child{background: url(../images/spec_wiw1.png) no-repeat 2px 22px;border-bottom: 1px solid #b2b2b2;}
.wiw-cont li input{
	font-family: "palatino linotype","palatino";
	float: right;
	font-size: 16px;
	margin-right: 17px;
	outline: none;
	width: 240px;
}
.wiw-email{
	height: 26px;
	margin-top: 6px;
	padding: 10px 0;
}
.wiw-cont li:first-child+li{background: url(../images/spec_wiw2.png) no-repeat 5px 14px;}
.wiw-pw{height: 29px;padding: 10px 0;}
.wrong-ts{
	width: 100%;
	height: 30px;
}
.wiw-login{
	background: #0160b0;
	border-radius: 10px;
	color: #fff;
	display: block;
	font-size: 18px;
	height: 46px;
	line-height: 46px;
	margin: 0 auto;
	text-align: center;
	width: 350px;
	font-family: "palatino linotype","palatino";
}
.wiw-wrong{text-align: center;font-family: "palatino linotype","palatino";display:none;line-height: 30px;}
/*
 
 * 
 * 
 * product
 * 
 * */
.product-box-a li{width: 100%;background-position: center top; background-repeat: no-repeat;}
/*.product-ul-la{background-image:url(../images/pro_1.jpg) ;height: 958px;}
.product-ul-lb{background-image:url(../images/pro_2.jpg) ;height: 958px;}
.product-ul-lc{background-image:url(../images/pro_3.jpg) ;height: 958px;}
.product-ul-ld{background-image:url(../images/pro_4.jpg) ;height: 958px;}
.product-ul-le{background-image:url(../images/pro_5.jpg) ;height: 1161px;}
.product-ul-lf{background-image:url(../images/pro_6.jpg) ;height: 1306px;}
.product-ul-lg{background-image:url(../images/pro_7.jpg) ;height: 1074px;}*/

.product-animate{height: 7373px;left: 50%;margin-left: -582.5px;position: absolute;top: 0;z-index: 222;width: 1165px;}
.product-ane-mian{height: 7373px;position: relative;width: 1165px;}
.zpro-p{position: absolute;}
.zpro-img-a{
	right: 250px;
	top: 127px;
	z-index: 344;
}
.zpro-img-b{
	right: 151px;
	top: 494px;
	z-index: 344;
}
.zpro-img-c{
	right: 39px;
	top: 164px;
	z-index: 322;
}
.zpro-img-d{
	right: -294px;
	top: 489px;
	z-index: 333;
}

.zpro-wet-ha{
	right: -20px;
    top: 1299px;
    z-index: 499;
    right: -20px\9;
    top: 1199px\9;
}
.zpro-wet-hb{
	right: 26px;
    top: 1334px;
    z-index: 488;
    right: 68px\9;top: 1349px\9;
}
.zpro-wet-hc{
	right: 9px;
    top: 1342px;
    z-index: 477;
    right: 67px\9;top: 1422px\9;
}
.zpro-wet-hd{
	right: -10px;
    top: 1324px;
    z-index: 466;
    right: 65px\9;top: 1491px\9;
}
.zero-tran{animation-fill-mode:forwards}
/*.play img.zpro-wet-a{right: -20px;top: 1199px;z-index: 499;}
.play img.zpro-wet-b{right: 68px;top: 1349px;z-index: 488;}
.play img.zpro-wet-c{right: 67px;top: 1422px;z-index: 477;}
.play img.zpro-wet-d{right: 65px;top: 1491px;z-index: 466;}*/
.zpro-wet-as{right: 7px;top: 1288px;z-index: 500;}
.zpro-wet-bs{right: 442px;top: 1424px;z-index: 490;}
.zpro-wet-cs{right: 0;top: 1596px;z-index: 480;}
.zpro-wet-ds{right: 351px;top: 1711px;z-index: 470;}

/**/

@-webkit-keyframes zproA {
	100% {
		right: -20px;top: 1199px;
	}
}

@keyframes zproA {
	100% {
		right: -20px;top: 1199px;
	}
}

/**/

@-webkit-keyframes zproB {
	100% {
		right: 68px;top: 1349px;
	}
}

@keyframes zproB {
	100% {
		right: 68px;top: 1349px;
	}
}
/**/

@-webkit-keyframes zproC {
	100% {
		right: 67px;top: 1422px;
	}
}

@keyframes zproC {
	100% {
		right: 67px;top: 1422px;
	}
}
/**/

@-webkit-keyframes zproD {
	100% {
		right: 65px;top: 1491px;
	}
}

@keyframes zproD {
	100% {
		right: 65px;top: 1491px;
	}
}

/*
 
 * */
.zpro-lab-a{left: -180px;top: 2097px;z-index: 333;}
/**/

@-webkit-keyframes zproE {
	0%{
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		 -moz-transform: scale3d(.3, .3, .3);
	    transform: scale3d(.3, .3, .3);
	}
	100% {
		opacity: 1;
		transform: none;
	    -webkit-transform: none;
	}
}

@keyframes zproE {
	0%{
		opacity: 0;
		-ms-transform: scale3d(.3, .3, .3);
		-moz-transform: scale3d(.3, .3, .3);
	    transform: scale3d(.3, .3, .3);
	}
	100% {
		opacity: 1;
		-ms-transform: none;
		-moz-transform: none;
		transform: none;
	}
}

/**/
.zpro-spe-a{right: -199px;top: 3498px; z-index: 500;animation-duration:3s;}
.zpro-spe-b{right: -76px;top: 3449px;z-index: 510;}
.zpro-spe-c{left: 474px;top: 3558px;z-index: 520;}
.zpro-spe-d{left: 589px;top: 3276px;z-index: 530;}
.zpro-spe-e{left: 399px;top: 3696px;z-index: 540;}


/*
 * 从右到左
 */


@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		transform: none;
		-ms-transform: none;
		-moz-transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		-moz-transform: none;
		transform: none;
	}
}

/*
 * 从左到右
 */

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
    
/*
 
 * 不停的由小放大旋转圆的
 * */

  @-webkit-keyframes scroing {
  	      0%{
  	      	 opacity: 0;
  	      }
        25%{
            -webkit-transform: scale(.5,.5);
           
        }
        100%{
        	-webkit-transform: scale(1,1);
        	  opacity: 1;
        }
    }
    @keyframes scroing {
    	 0%{
  	      	 opacity: 0;
  	      }
    	25%{
            transform: scale(.5,.5);
             opacity: 0;
        }
        100%{
        	transform: scale(1,1);
        	opacity: 1;
        }
    }

    @-moz-keyframes scroing {
    	 0%{
  	      	 opacity: 0;
  	      }
    	25%{
            -moz-transform: scale(.5,.5);
            opacity: 0;
        }
        100%{
        	-moz-transform: scale(1,1);
        	opacity: 1;
        }
    }
    

/**/
.zpro-pr-a{right: 37px;top: 4461px;z-index: 600;}
.zpro-pr-b{left: 712px;height: 14px;width: 0;width: 159px\9;top: 4580px;z-index: 610;animation-fill-mode: forwards;animation-duration:3s;}
/*
 */

@-webkit-keyframes prA {
	0% {
		opacity: 0;
		width: 0;
	}
	100% {
		width: 159px;
		opacity: 1;
	}
}

@keyframes prA {
	0% {
		opacity: 0;
		width: 0;
		
	}
	100% {
		opacity: 1;
		width: 159px;
	}
}
/*
 
 * */
@keyframes icon-bounce {
  0%{
  	opacity: 0;
    -moz-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  25% {
  	opacity: 1;
    -webkit-transform: none;
		-ms-transform: none;
		-moz-transform: none;
		transform: none;
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%{
  	opacity: 0;
    -moz-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  25% {
  	opacity: 1;
    -webkit-transform: none;
		-ms-transform: none;
		-moz-transform: none;
		transform: none;
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

/**/

.zpro-ch-a{bottom: 1480px;right: 69px;z-index: 690;}
.zpro-ch-b{bottom: 1557px;right: 299px;z-index: 680;}
.zpro-ch-c{bottom: 1629px;left: 360px;z-index: 670;}
.zpro-ch-d{bottom: 1697px;left: 140px;z-index: 660;}
.zpro-ch-e{bottom: 1241px;left: 348px;z-index: 650;}
.zpro-ch-f{bottom: 1356px;left: 115px;z-index: 640;}
.zpro-ch-g{bottom: 1440px;left: -63px;z-index: 630;}

.zpro-bo-a{bottom: 243px;left: 125px;z-index: 777;}
.zpro-bo-b{bottom: 243px;left: 432px;z-index: 777;}


/*coming*/
.coming-soon{
	background: url(../images/coming.png) no-repeat center;
	height: 700px;
	width: 100%;
}
/*
 
 * */
.app-newa-box{padding-top: 70px;width: 100%;}
.app-newa-top{background: url(../images/app-new1.jpg) no-repeat center top;margin: 0 auto;width: 1167px;}
.app-newa-h{color: #000;height: 96px;font-family: "palatino linotype","palatino";font-size: 70px;font-weight: normal;line-height: 96px;text-align: center;}
.app-newa-p{
	color: #333;
	font-family: "palatino linotype","palatino";
	font-size: 18px;
	line-height: 29px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 38px;
	text-align: center;
	width: 635px;
}
.app-newa-img{height: 330px;margin: 0 auto;width: 1167px;}
.app-newa-imga{height: 330px;width: 584px;}
.app-newa-imgb{height: 330px;width: 583px;}
.app-newa-imgc{
	height: 308px;
	left: 50%;
	margin-left: -308px;
	position: absolute;
	top: 0;
	width: 616px;
	z-index: 333;
}

.app-newc-box{
	padding-top: 23px;
	width: 100%;
}
.app-newc-cont{
	background: url(../images/app_newb1.jpg) no-repeat 7px top;
	margin: 0 auto;
	width: 1167px;
}
.app-newc-h{
	color: #000;
	height: 146px;
	font-family: "palatino linotype","palatino";
	font-size: 70px;
	font-weight: normal;
	line-height: 146px;
	text-indent: 284px;
}
.app-newc-p{
	color: #333;
	font-family: "palatino linotype","palatino";
	font-size: 18px;
	line-height: 30px;
	padding-top: 99px;
	width: 348px;
}

.app-newc-img{
	height: 478px;
	padding-top: 42px;
	width: 798px;
}
.app-newc-imga{
	display: block;
	height: 410px;
	width: 584px;
}
.app-newc-imgb{
	bottom: 62px;
	display: block;
	height: 301px;
	left: 62px;
	position: absolute;
	width: 301px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 
	z-index: 111;
}

.app-newc-imgc{
	display: block;
	height: 240px;
	left: 96px;
	position: absolute;
	top: 50px;
	width: 240px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 
	z-index: 222;
}

.app-news-box{padding-top: 40px;width: 100%;}
.app-news-cont{
	background: url(../images/app-z1.jpg) no-repeat 296px top;
	margin: 0 auto;
	width: 1167px;
}
.app-news-h{
	color: #000;
	height: 131px;
	font-family: "palatino linotype","palatino";
	font-size: 70px;
	font-weight: normal;
	line-height: 131px;
	text-indent: 456px;
}
.app-news-p{
	color: #333;
	font-family: "palatino linotype","palatino";
	font-size: 18px;
	line-height: 31px;
	margin: 0 auto;
	padding-top: 14px;
	text-align: center;
	width: 560px;
}
.app-news-s{
	display: block;
	height: 330px;
	margin-top: 39px;
	width: 1167px;
}
.app-newi-box{
	padding-top: 35px;
	width: 100%;
}
/* nine */
.app-arc-cont{
	background: url(../images/app_ai_1.jpg) no-repeat center top;
	margin: 0 auto;
	width: 1170px;
}
.app-arc-h{
	color: #000;
	height: 70px;
	font-family: "palatino linotype","palatino";
	font-size: 70px;
	font-weight: normal;
	line-height: 70px;
	text-align: center;
}
.aap-arc-d{
	margin: 0 auto;
	padding-top: 23px;
	width: 530px;
}
.aap-arc-d{
	margin: 0 auto;
	padding-top: 23px;
	width: 530px;
}
.aap-arc-d p{
	color: #333;
	font-family: "palatino linotype","palatino";
	font-size: 18px;
	line-height: 31px;
	overflow: hidden;
	text-align: center;
}
.aap-arc-d p:first-child{padding-bottom: 5px;}
.aap-arc-d p span{display: block;}
.aap-arc-d{
	height:143px;
	margin-top: 30px;
}


.app-nine-d{
	height:385px;
	width: 1176px;
}
.app-nine-d dt{float:left;position:relative;}
.app-nine-two{top:90px;}
.app-nine-three{top:45px;}
.app-nine-four{top:10px;}
.app-nine-five{top:45px;}
.app-nine-six{top:90px;}
/* eco */
.app-eco-box{padding-top: 70px;width: 100%;position: relative;height:700px;}
.app-eco-top{background: url(../images/app_eco_1.png) no-repeat center top;margin: 0 auto;width:878px;float:right;}
.app-eco-h{color: #000;height: 96px;font-family: "palatino linotype","palatino";font-size: 70px;font-weight: normal;line-height: 70px;text-align: center;}
.app-eco-p{
	color: #333;
	font-family: "palatino linotype","palatino";
	font-size: 18px;
	line-height: 29px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 700px;
}

.app-eco-t{float:left;}
.app-eco-img{width:100%;position: relative;}

.app-eco-two{position: absolute;top: 180px;z-index: 20;right:775px;}
.app-eco-three{position: absolute;top: 330px;z-index: 20;right:400px;}
.app-eco-four{position: absolute;top: 325px;z-index: 20;float: right;right: 130px;}


/* nine */
/* nine */
.app-newi-cont{
	background: url(../images/app_zzc1.jpg) no-repeat center top;
	/*margin: 0 auto;*/
	width: 1170px;
}
.app-newi-h{
	color: #000;
	height: 144px;
	font-family: "palatino linotype","palatino";
	font-size: 70px;
	font-weight: normal;
	line-height: 140px;
	text-align: center;
}
.aap-newi-d{
	margin: 0 auto;
	padding-top: 23px;
	width:495px;
}
.aap-newi-d p{
	color: #333;
	font-family: "palatino linotype","palatino";
	font-size: 18px;
	line-height: 31px;
	overflow: hidden;
	text-align: center;
}
.aap-newi-d p:first-child{padding-bottom: 5px;}
.aap-newi-d p span{display: block;}
.app-newi-d{
	height: 305px;
	margin-top: 30px;
}
.app-newi-d dt{
	height: 305px;
	overflow: hidden;
	width: 585px;
}
.app-newi-d dd{
	left: 468px;
	top: 35px;
	height: 238px;
	overflow: hidden;
	position: absolute;
	width: 238px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 
	z-index: 222;
}

.floor-d{
	position: fixed;
	bottom: 80px;
	right: 10px;
	height: 80px;
	width: 80px;
	background: url(../images/top.png) no-repeat;
	cursor: pointer;
	display: none;
	z-index: 999;
}
.zpro-new-ima{
	position: absolute;
	top: 1625px;
	left: 0;
}
.zpro-new-imb{
	position: absolute;
	top: 2618px;
	right: 0;
}
.zpro-new-imc{
	position: absolute;
	bottom: 0;
	right: 0;
}
/*12.7,12.8再次修改*/


.new-pro-bj li.product-ul-la{
	background: url(../images/zzz-img1.jpg) no-repeat center top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/zzz-img1.jpg,sizingMethod=scale);
	background-size: auto 100%; 
}
.new-pro-bj li.product-ul-lb{
	background: url(../images/zzz-img2.jpg) no-repeat center top;
	background-size:  auto 100%; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/zzz-img2.jpg,sizingMethod=scale);
}
.new-pro-bj li.product-ul-lc{
	background: url(../images/zzz-img3.jpg) no-repeat center top;
	background-size: auto 100%; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/zzz-img3.jpg,sizingMethod=scale);
}
.new-pro-bj li.product-ul-ld{
	background: url(../images/zzz-img4.jpg) no-repeat center top;
	background-size: auto 100%; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/zzz-img4.jpg,sizingMethod=scale);
}
.new-pro-bj li.product-ul-le{
	background: url(../images/zzz-img5.jpg) no-repeat center top;
	background-size: auto 100%; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/zzz-img5.jpg,sizingMethod=scale);
}
.new-pro-bj li.product-ul-lf{
	background: url(../images/zzz-img6.jpg) no-repeat center top;
	height: 1317px;
	background-size: auto 100%;
	
}
.new-pro-bj li.product-ul-lg{
	background: url(../images/zzz-img7.jpg) no-repeat center top;
	background-size: auto 100%; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/zzz-img7.jpg,sizingMethod=scale);
}
/*.new-pro-bj li.product-ul-lh{
	background: url(../images/zzz-img8.jpg) no-repeat center top;
	height:192px ;
	background-size: auto 100%; 
}*/

.new-text-a{left: -5px;top: 30.5675%;}
.new-text-b{left: -6px;top: 28%;}
.new-text-c{right: 27px;top: 20%;}
.new-text-d{left: 0;top: 8.5135%;}
.new-text-e{left: 0;top: 4.05%;}
.new-text-f{right: 0;top: 36.51%;}

.zpro-new-yun{right: 4px;top: 55%;}
.new-zzz-a{
	position: relative;
	width: 100%;
}

@-webkit-keyframes zproAA {
	100% {
		right: 30px;top: 15.7567%;
	}
}

@keyframes zproAA {
	100% {
		right: 30px;top: 15.7567%;
	}
}
@-webkit-keyframes zproBB {
	100% {
		right: 104px;top: 28.7837%;
	}
}

@keyframes zproBB {
	100% {
		right:104px;top: 28.7837%;
	}
}

@-webkit-keyframes zproCC {
	100% {
		right: 80px;top: 36.1621%;
	}
}

@keyframes zproCC {
	100% {
		right: 80px;top: 36.1621%;
	}
}

@-webkit-keyframes zproDD {
	100% {
		right: 64px;top: 44.1351%
	}
}

@keyframes zproDD {
	100% {
		right: 64px;top:  44.1351%
	}
}

/*12.12修改*/
.app-a-dla dt{
	height: 222px;
	width: 490px;
	overflow: hidden;
	position: relative;
}
.app-come-pic{
	height: 50%;
	position: absolute;
	width: 50%;
	z-index: 222;
}

.app-a-dla dt:hover .app-img-right{
	transform: translate3d(245px, 0, 0);
}

.app-a-dla dt:hover .app-img-bottom{
	transform: translate3d(0,111px, 0);
}

.app-a-dla dt:hover .app-img-left{
	transform: translate3d(-245px, 0, 0);
}

.app-a-dla dt:hover .app-img-top{
	transform: translate3d(0,-111px, 0);
}


.app-img-right{
	-webkit-transition: -webkit-transform 1.1s ease-in-out;
	transition: transform 1.1s ease-in-out;
	transform: translate3d(0, 0, 0);
	background: url(../images/app_1.jpg) no-repeat left top;
	left: 0;
	top: 0;
}
.app-img-bottom{
	-webkit-transition: -webkit-transform 1.1s ease-in-out;
	transition: transform 1.1s ease-in-out;
	transform: translate3d(0, 0, 0);
	background: url(../images/app_1.jpg) no-repeat right top;
	right: 0;
	top: 0;
}

.app-img-left{
	-webkit-transition: -webkit-transform 1.1s ease-in-out;
	transition: transform 1.1s ease-in-out;
	transform: translate3d(0, 0, 0);
	background: url(../images/app_1.jpg) no-repeat right bottom;
	right: 0;
	bottom: 0;
}

.app-img-top{
	-webkit-transition: -webkit-transform 1.1s ease-in-out;
	transition: transform 1.1s ease-in-out;
	transform: translate3d(0, 0, 0);
	background: url(../images/app_1.jpg) no-repeat left bottom;
	left: 0;
	bottom: 0;
}

/**/
.app-a-dlb dd{
	position: relative;
}
.news-zzw-1{
	position: absolute;
	left: 250px;
	top: 240px;
	z-index: 111;
}

.app-b-img{position: relative;}
.news-zzw-bb{position: absolute;z-index: 888;}
.news-zzw-2{left: 275px;top: 71px;}
.news-zzw-3{left: 568px;top: 71px;}
.news-zzw-4{left: 861px;top: 71px;}
.news-zzw-5{left: 275px;bottom: 0;}
.news-zzw-6{left: 568px;bottom: 0;}
.news-zzw-7{left: 861px;bottom: 0;}
.news-zzw-8{right: -103px;top: -25px;position: absolute;z-index:-1;}
.app-newa-imgb{right: 0;}
.app-news-s{position: relative;}
.app-news-s img{position: absolute;}
.zzwg-pic-ia{left: 0;top: 0;}
.zzwg-pic-ib{left: 75px;top: 0;}
.zzwg-pic-ic{left: 430px;top: 0;}
.zzwg-pic-id{right: 0;top: 0;}
.product-box-a li{font-size: 0px;*margin-bottom: -1px;}


.spec-cont-lig p span{
	word-break: break-all; 
}