.top ul{position:absolute;width:960px; right:10%; top:40px; display:none;
	-webkit-transition:all 3s ease-out 0.3s;
	-ms-transition:all 3s ease-out 0.3s;
	-moz-transition:all 3s ease-out 0.3s;
    -webkit-animation:hover 1s ease both;
	-ms-animation:hover 1s ease both;
	-moz-animation:hover 1s ease both;
	}
@-webkit-keyframes hover{
	0%{-webkit-transform:translate(100px,100px); opacity:0;}
	100%{-webkit-transform:translate(0,0); opacity:100;}}
@-moz-keyframes hover{
	0%{-moz-transform:translate(100px,100px); opacity:0;}
	100%{-moz-transform:translate(0,0); opacity:100;}}
@-ms-keyframes hover{
	0%{-ms-transform:translate(100px,100px); opacity:0;}
	100%{-ms-transform:translate(0,0); opacity:100;}}
.top:hover ul{position:absolute;width:960px; right:10%; top:40px; display:block;}
.top ul li{ float:left; width:120px; text-align:center}
.top ul li a{color:#fff; font-size:16px;}
.bt-name{font-size:16px;color:#000;}
.bt-name a{display:block;font-size:16px;color:#000;}

.top>.ch-title{text-align:center; height:78px; padding:137px 0px 21px;}
.top>.en-title{text-align:center; height:27px; margin:0px auto 50px;}
.top>.center-border{background:url(line.png) center 0% no-repeat; height:46px; width:100%;}
.top>.ch-word{text-align:center; font-family:"微软雅黑"; font-size:14px; line-height:25px; color:#fff;}
.top>.top-enword{text-align:center; font-family:Arial;line-height:14px; color:#5b5b5b; text-transform:uppercase;}
.top>.fang{text-align:center; margin-top:60px;}


.wcwd{width:100%;}

.en-bigtt{width:100%; margin:0 auto;}
.en-bigtt .l-border1{width:25%;background:url(l-boder.png); height:60px;}
.en-bigtt .l-border2{width:25%;background:url(l-boder2.png); height:60px;}



.en-word{text-align:center; font-family:Arial; font-size:8px; line-height:14px; color:#888; text-transform:uppercase;}

.wcwd>.list{width:1000px; margin:0 auto;}
.wcwd>.list>a{float:left; width:201px; padding-top:79px; padding-bottom:180px;}
.wcwd>.list>a:first-child{margin-right:65px;}
.wcwd>.list>.mr65{margin-right:65px;}
.wcwd>.list>a>div{
	/* [disabled]text-align:center; */
	text-transform: uppercase;
}
.wcwd>.list>a>.icon-word{ margin-top:30px; font-size:16px; font-family:"微软雅黑"; color:#222;}
.wcwd>.list>a>.icon-en-word{ text-transform:uppercase; font-size:12px; font-family:"Arial Unicode MS"; color:#888;}
.wcwd>.list>a>div>.icon-hover{line-height:30px; width:138px;  background:url(more.png) no-repeat 0 5px; padding:10px 40px;}


.oloc{width:100%; background:url(case-bg.png) center; height:1190px; position:relative;}
.oloc> .oloc-in{top:190px; }
.oloc>.oloc-in>.en-title{text-align:center; padding-bottom:19px;}
.oloc>.oloc-in> .xzMore {
  width: 90px;
  height: 27px;
  border: 1px solid #dbaf00;
  margin: 30px auto;
  line-height: 27px;
  text-align: center;
}
.oloc>.oloc-in>.case{width:1000px; margin:0px auto;}
.oloc>.oloc-in>.case>a{width:333px; float:left;}

.oloc>.oloc-in>.case{width:1200px; margin:0px auto;}
.oloc>.oloc-in>.case>a{width:400px; float:left;}



.ld{width:100%; padding-bottom:178px;}
.ld>.en-title{text-align:center; padding-bottom:19px; margin-top:116px;}
.ld>.xzMore {
  width: 90px;
  height: 27px;
  border: 1px solid #dbaf00;
  margin: 30px auto;
  line-height: 27px;
  text-align: center;
}
.ld>.tips{width:993px; margin:0px auto; }
.ld>.tips>.tip-list{width:287px;  margin-left:22px; margin-right:22px; float:left; cursor:url(cursor.png); overflow:hidden;}
.ld>.tips>.tip-list>.tip-bgcharge{width:263px; background:url(bg-charge1.png); padding:30px 12px;top:-15px; position:relative; overflow:hidden; margin-bottom:-15px; height:134px; -webkit-transition:all 0.5s ease-out;-mz-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;}
.ld>.tips>.tip-list:hover>.tip-bgcharge{background:url(bg-charge.png); top:-60px; height:179px; margin-bottom:-60px}
/*.ld>.tips>.tip-list>.bg-hover{background:url(bg-charge.png); top:-60px; height:179px;}*/
.ld>.tips>.tip-list>.tip-bgcharge a{color:#fff;}
.ld>.tips>.tip-list>.tip-bgcharge>.tip-title a{font-size:22px; line-height:35px; height:134px; overflow:hidden;}
.ld>.tips>.tip-list>.tip-bgcharge>.tip-word a{font-size:12px;}





.cp{width:100%; background:url(company-bg.JPG) no-repeat; height:400px; padding-top:110px;}
.cp>.en-title{text-align:center; padding-bottom:19px;}
.cp>.ch-word{ text-transform:uppercase; font-size:12px; color:#FFF; text-align:center;}
.cp>.ch-word>a>span{text-decoration:underline; color:#ffcd00;}


.cf{width:100%; padding-bottom:170px; padding-top:60px;}
.cf>.en-title{text-align:center; padding-bottom:19px; margin-top:116px;}
.cf >.cf-line1{width:1000px; margin:0 auto; padding:60px 0px;}
.cf >.cf-line1>a{float:left; width:181px;}
.cf >.cf-line1>a:first-child{ margin-left:26px;}
.cf >.cf-line1> .mr74{margin-right:74px;}
.cf >.cf-line2{width:1000px; margin:0 auto;}
.cf >.cf-line2>a{float:left; width:181px; text-align:center;}
.cf >.cf-line2>a:first-child{margin-left:137px;}
.cf >.cf-line2>.mr90{margin-right:90px;}



.contact-us{background: rgba(0, 0, 0, 0) url("footer-bg.png") repeat scroll 0 0;
    height: 703px;}
.contact-us>.commonnews>.cu-in{  padding-top: 170px; }
.contact-us>.commonnews>.cu-in>.en-title{text-align:center; padding-bottom:19px;}
.contact-us>.commonnews>.cu-in>.real-contact{width:100%; margin:5% auto 0; color:#fff;}
.icon-message,.cu-share,.copyright{ color:#fff;}
.contact-us>.commonnews>.cu-in>.real-contact>.left .icon-img{ width:40px; float:left; height:47px; background:url(cu-bg.png);}
.contact-us>.commonnews>.cu-in>.real-contact>.left .icon-message{ float:left;}
.contact-us>.commonnews>.cu-in>.real-contact>.left .icon-message:hover{ color:#e7ba05;}
.contact-us>.commonnews>.cu-in>.real-contact>.left .cu-share{width:240px; padding:20px 0 10px;}
.contact-us>.commonnews>.cu-in>.real-contact>.left .cu-share .share-list{width:25%; float:left;}
.contact-us>.commonnews>.cu-in>.real-contact>.right>.name{height:60px;}
.contact-us>.commonnews>.cu-in>.real-contact>.right input,textarea{background:#222; border:none;}
.contact-us>.commonnews>.cu-in>.real-contact>.right input{height:34px; color:#ccc; padding-left:10px; line-height:34px;}
.contact-us>.commonnews>.cu-in>.real-contact>.right input.name-in{margin-right:37px; width:235px;}
.contact-us>.commonnews>.cu-in>.real-contact>.right input.phone{ width:225px;}
.contact-us>.commonnews>.cu-in>.real-contact>.right input.address-in{width:507px;}
.contact-us>.commonnews>.cu-in>.real-contact>.right>.address{height:60px;}
.contact-us>.commonnews>.cu-in>.real-contact>.right>.message textarea{height:127px;width:507px; padding-left:10px; padding-top:12px;overflow:hidden; color:#ccc;}
.contact-us>.commonnews>.cu-in>.real-contact>.right .button{ margin-top:16px;}
.contact-us>.commonnews>.cu-in>.real-contact>.right .button input{width:517px; background:#cea400;} 
.lxwm1,.lxwm2{ float:left; width:50%; overflow:hidden}
.lxwm2 img{ float:right;}




.w-container{width:100%;}
.w-container .w-list{width:100%; margin:0 auto; padding-bottom:30px;}
.w-container .w-list .list-s{width:100%;height:244px; float:left; position:relative;}
.w-container .w-list .list-s .grid{width:100%; text-align:center;}
.w-container .w-list .list-s .grid .grid-img{text-align:center; padding:30px 0px}
.w-container .w-list .list-s .grid .grid-wd{text-align:center; line-height:30px; font-size:16px; color:#fff;}
.w-container .w-list .list-s .grid .grid-wd1{text-align:center; font-size:12px; color:#888;}
.w-container .w-list .list-s .grid .center-border{background:url(line.png) center 0% no-repeat; height:1px; width:100%; margin:10px 0px;}
.w-container .w-list .list-s .grid .grid-tt{text-align:center;font-size:20px; color:#000; padding-top:75px;}
.w-container .w-list .list-s .grid .grid-tt1{text-align:center;font-size:20px; color:#fff; padding-top:75px;}
.w-container .w-list .list-s .grid .grid-wd2{text-align:center;  font-size:12px; color:#222;position:relative;}
.w-container .w-list .bg-black{background:url(black-bg.png) no-repeat;}
.w-container .w-list .bg-yellow{background:url(yellow-bg.png) no-repeat;}

@media only screen and (max-width: 768px) {
.after-sale .as-grid .as-list .li{width:50%;}
.after-sale .as-grid .left{ float:none; width:98%; margin:0 auto;}
.after-sale .as-grid .right{ float:none; width:98%; margin:0 auto;}
.en-bigtt .real-enword{font-size:30px; width:50%; height:60px; line-height:60px;}
.contact-us>.cu-in>.real-contact>.left{color:#333; float:none; width:100%; line-height:47px;}
.contact-us>.cu-in>.real-contact>.right{float:none;}
.w-container .w-list .bg-black{ background-color:#444444; border-radius:15px;}
.w-container .w-list .bg-yellow{ background-color:#f8c701; border-radius:15px;}
.bti1{ font-size:18px;}
.video-wrap2 dl{ width:49%;}
}
@media only screen and (min-width: 769px) {
.after-sale .as-grid .as-list .li{width:25%; text-align:center;}
.after-sale .as-grid .left{ float:left; width:40%;}
.after-sale .as-grid .right{ float:left; width:56%;color:#888}
.en-bigtt .real-enword{font-size:47px; width:50%; height:60px; line-height:60px;}
.contact-us>.cu-in>.real-contact>.left{color:#333; float:left; width:55%; line-height:47px;}
.contact-us>.cu-in>.real-contact>.right{float:right;}
.w-container .w-list .bg-black{background:url(black-bg.png) no-repeat;}
.w-container .w-list .bg-yellow{background:url(yellow-bg.png) no-repeat;}

}



.oa-container{width:100%; padding:3% 0;}

.oa-container .advantage{width:100%; margin:2% auto;}
.oa-container .advantage .advantage-tt{font-size:18px; color:#333; line-height:32px;}
.oa-container .advantage:hover .advantage-tt{color:#f8c701;}
.oa-container .advantage .advantage-wd{font-size:12px; color:#888;}
.oa-container .advantage:hover .advantage-wd{color:#333;}


.after-sale{width:100%; }

.after-sale .as-grid{width:100%; margin:5% auto;}
.after-sale .as-grid .right .include{font-size:16px;}
.after-sale .as-grid .right .li{line-height:30px;}
.after-sale .as-grid .as-list{width:100%; height:215px; padding-top:80px;}
.after-sale .as-grid .as-list .li .img{ padding-bottom:20px;}
.after-sale .as-grid .as-list .li div{font-size:14px; line-height:25px; text-align:center;}




.slideTxtBox .hd{
	position:absolute; left:50%; bottom:10px;
	margin-left:-90px;
}
.slideTxtBox .hd ul li{
	font-family:"微软雅黑";
	font-size:22px;
	color:#525252;
	width:75px;
	padding-top:11px;
	border-top:5px solid #525252;
	text-align:center;
	float:left;
	margin-right:5px;
	cursor:pointer;
}
.slideTxtBox .hd ul li.on{
	font-family:"微软雅黑";
	font-size:22px;
	color:#2ca6d2;
	width:75px;
	padding-top:11px;
	border-top:5px solid #bababa;
	text-align:center;
	float:left;
}


/*联系我们*/
#allmap {width: 100%;height:900px;overflow: hidden;margin:0; position:relative; top:-150px; z-index:1;}





/*案例*/
.case-banner{width:100%;}
.case-banner img{width:100%;}
.case-container{width:100%; padding-bottom:35px; padding-top:65px}

.case-container .en-word{text-align:center; text-transform:uppercase; font-size:9px; color:#888; line-height:14px;}
.case-container .case-list{width:1200px; margin:0px auto;}
.case-container .case-list .case-li{width:300px; float:left; margin-top:50px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}


.case-container .case-list .mr47{ margin-right:46px;}
.case-container .case-list .mrli{ margin-right:23px;margin-left:23px;}


/***************/
.box{  width: 285px;
margin: 0px 7px;
margin-bottom: 20px;
padding-bottom: 5px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

height: auto;
float: left;
background: white;
}
.box1{ padding:6px; padding-bottom:0px;}

.box1 a:hover img{filter: alpha(opacity=70); -moz-opacity: 0.7;opacity: 0.7;}

.box2{width: auto;height: 22px; padding: 12px 20px 8px 20px;}

.box2 .yy-icon {
height: 20px;
width: auto;
height: 20px;
line-height: 20px;
text-indent: 25px;
margin-right: 15px;
font-family: Arial;
color: #BFBFBF;
}
.yy-icon {
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(yy-icon.png);
}
.yy-view {
width: 18px;
height: 20px;
background-position: -281px -252px;
}
.yy-comment {
width: 16px;
height: 20px;
background-position: -142px -322px;
}
.yy-like {
width: 14px;
height: 20px;
background-position: -262px -587px;
}
.yy-link{}
.box .yy-link a{float:right; color:#BFBFBF;}

.citemfoot {
width: auto;
height: 22px;
padding: 12px 20px 8px 20px;
padding-bottom: 5px;
border-top: #F2F2F2 1px solid;
margin-top: 3px;
}
/***************/











#brand{
	margin:0 auto;
	padding-bottom:43px;
}
#brand .bd-box{
	overflow:hidden;
	/*padding-left:55px;
	padding-right:55px;*/
}
.bd-box{
	text-align:left;
}
#brand .bd-box li{
	display:inline-block;
	width:300px;
	float:left;
	height:255px;
	overflow:hidden;
	position:relative;
	border:none;
	margin-top:50px;
}
#brand .bd-box li div.just{	width:300px;
	height:255px;
	position:relative;
	z-index:2;
	overflow:hidden;}
		#brand .bd-box li div.just strong{width:300px;
	position:absolute;
    z-index:6;
	overflow:hidden;
	font-size:45px;
	top:70px;
    width:300px;
	text-align:center;
	 color:#fff;
	 line-height:50px; text-transform:uppercase;}
	#brand .bd-box li div.just i {width:300px;
	position:absolute;
    z-index:6;
	overflow:hidden;
	font-size:10px;
	top:150px;
    width:300px;
	text-align:center;
	 color:#fff;
	 line-height:30px; text-transform:uppercase;}
#brand .bd-box li div.just span{width:300px;

	position:absolute;
    z-index:6;
	overflow:hidden;
	top:115px;
	width:300px;
	text-align:center;
	 font-size:28px;color:#fff;
	 line-height:50px;
	 display:block;
}
#brand .bd-box li div.just img{
	width:300px;
	height:255px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	overflow:hidden;
}
#brand .bd-box li div.against img{
	width:0px;
	height:255px;
	position:absolute;
	left:177.5px;
	top:0px;
	z-index:1;
	text-align:center;
	line-height:255px;
	font-size:14px;
	color:#FFF;
	background:#ffa340;
	font-weight:bold;
	overflow:hidden;
	display:none;
	cursor:pointer;
}
#brand .bd-box li>a{
	width:300px;
	height:255px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:9999;
	display:block;
	float:left;
}

.bti1{ font-size: 40px;
    line-height: 40px;
    color: #030303;
    text-align: center; padding-bottom:40px;}
	.video-wrap{ margin:0 auto; width:835px;}
.video-wrap1{ background:#f7f7f7; padding:20px 0;}
.bti2{    font-size: 23px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    background: #f15636;
    width: 50%;
    height: 46px;
    line-height: 46px;
    border-radius: 25px;
    margin: 0 auto; display:block;}
	.bti2:hover{ color:#fff;}
	.video-wrap2{ overflow:hidden;}
	.video-wrap2 dl{ float:left; width:15%; margin:1% 0.5% 3%;}
	.video-wrap2 dl dd{ line-height:25px; height:50px;}
	@media only screen and (max-width: 768px) {
.bti1{ font-size:18px; padding-bottom:0;}
.video-wrap2 dl{ width:49%;}
.bti2{ width:90%; font-size:16px;}
}