<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@font-face{font-family: fontLink;src: url('RobotoSlabLight.ttf');}
.fontLink{font-family:fontLink;}
a{color: inherit;}
body{font-family:arial,'黑体',SimHei;font-size: 14px;color: #333; line-height: 1.5; min-width: 330px;} 

ol,ul,li{ list-style: none;}
.autowidth{ width: 1200px; margin: auto;}
.inlineBlock{ display: inline-block; *display: inline;*zoom: 1;vertical-align: top;}
.headerHeight{ height: 64px; background: #e6a915;}
.header{box-shadow: 0 0 10px -2px rgba(0,0,0,.5);position: fixed;z-index: 20;left: 0;right: 0;top: 0;line-height: 64px;height: 64px;background: #1d1d1d;color: #fff;}
.headerDL &gt;dd{ float: left; width: 68px;text-align: center; position: relative;}
.headerDL &gt;dd:before{ position: absolute; left: 0;width: 0;top: 0;content: '';height: 3px;background: #fabe0f;transition: .5s;-webkit-transition: .5s;}
.headerDL &gt;dd a{color: #fff; display: block;}
.fixZixun a{display: inline-block;position: relative; line-height: 34px;background: #fabe0f;color: #121212; padding: 0 20px;border-radius: 17px;margin-left: 5px;}
.headerFR{ white-space: nowrap;}
.logo,.logo img{ display: block;}
.headerFR .inlineBlock{ margin-left: 22px;}
.header .fontLink{ padding: 0 12px 0 12px;}
.headerDL &gt;dd.on{ color: #fabe0f;background: #343434;}
.headerDL &gt;dd.on:before{ width: 100%;}
.fixZixun a:before,.bannerLink:before{ position: absolute; opacity: 0; left: 0;right: 0; top:0; bottom: 0; border: 5px solid #888;content: ''; border-radius: 40px;}

.motorCon .box .boxNew .tabs a{width:16.6666% !important;}
.index_1{ position: relative; overflow: hidden;}
.bannerTxt{ position: absolute; left: 50%; margin-left: -600px;width: 1200px; top: 26%;}
.bannerLink{line-height: 50px;border-radius: 28px;white-space: nowrap; padding: 0 30px;background: #fde700; display: inline-block; font-size: 18px;  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1ac00), to(#ffee00)); position: relative;}
.bannerTxt .pb{ margin-top: 5%;}
.bannerLink:before{ border-color: #F1AC00;}
.colorYellow{color: #fabe0f;}

.bgSrc{background-size: cover !important;}
.index_2{ padding: 6% 0;}
.index_2 .fl{ width: 40%;}
.index_2 .fr{ width: 60%;}
.index2OL { padding-top: 7%;}
.index2OL li{padding: 10px 0; padding-left: 19px;background: url(../images/ad2.png) no-repeat left 16px; border-bottom: 1px dashed #555;}
.index_3{ padding: 4% 0;}
.index_3 .fl{ width: 42%;}
.index_3 .fr{ width: 58%;}
.borderBt{border-bottom: 1px dashed #cc9c10; padding-bottom: 15px; margin-bottom: 15px;}
.index_3 .fr .top{ padding:9% 6% 6% 0; overflow: hidden;}
.index_3 .fr .top .wt{ float: left; width: 55%;}
.videoOpen{cursor: pointer; position: relative; float: right; width: 36%;overflow: hidden;}
.videoOpen img{ width: 100%;}
.videoOpen:before{ position: absolute;transition: .5s; -webkit-transition: .5s; left: 0;right: 0;top: 0;bottom: 0;content: '';border: 5px solid #cb9c17; border-color: rgba(204,168,66,.8);}
.videoOpen:after{ position: absolute; border: 5px solid #cca842;transition: .5s; -webkit-transition: .5s; border-color: rgba(204,168,66,.5); left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; width: 50px;height: 50px;content: '';background:url(../images/ad7.png) no-repeat center;background-size: contain; border-radius: 50%;}

.fixedVideo,.alertOpctioy{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:555; display:none;}
.fixedVideo .videoDDD{background: #222 url(../images/loading_1.gif) no-repeat  center; border-radius: 4px; width:658px; height:380px; position:absolute; left:50%; margin-left:-320px; top:50%; margin-top:-190px;}
.fixedVideo .videoDDD iframe,.fixedVideo .videoDDD embed,.fixedVideo .videoDDD video{ width:100%; }
.fixedVideo .videoDDD iframe,.fixedVideo .videoDDD embed{ height: 100%;}
.fixedVideo .videoDDD .openVd{ width:100%; height:100%;}
.allContact{ position:fixed; width:1160px; left:50%; margin-left:-600px; top:10%; height:76%; overflow-y:scroll; background:#fff; padding:40px 20px 20px 40px; z-index:556; }
.closeTxtt{ position:absolute; right:0; top:0px; cursor:pointer; background:#ccc;}
.closeVideo{position: absolute;z-index: 555; left: 100%; top: 0; width: 32px; padding: 5px;background: #fabe0f; border-radius:0 3px 3px 0;}

.index_4{ padding:6% 0 5% 0;}
.maxwidth50 img{ max-width: 50%;}
.twoDD{ position: relative; margin-top: 8%;overflow: hidden;}
.twoDD:before{ position: absolute; left: 50%; top: 0;bottom: 0;content: '';border-left: 1px dashed #4f4f4f;}
.twoDD .dd{ overflow: hidden;width: 45%;}
.twoDD .dd .fontLink{ float: left; margin-right: 20px; font-size: 36px; width: 80px;text-align: center;line-height: 80px;background: #fabe0f; border-radius: 50%;}
.twoDD .dd .txt{overflow: hidden;}
.twoDD .dd h3{ margin:18px 0 10px 0;}
.index_5{ padding:4% 0 3% 0;}
.index_6 { border-top: 1px solid #ddd;}
.index_6 ul{ white-space: nowrap;overflow-x: auto;text-align: center; -webkit-overflow-scrolling: touch;}
.index_6 ul li{display: inline-block;transition: .5s; *display: inline;*zoom: 1; font-size: 20px; padding: 0 35px; line-height: 80px;cursor: pointer;}
.index_6 ul li.on,.index_6 ul li:hover{background: #fabe0f;}
.index_7{ padding: 5% 0 3% 0;}
.questionUL li{ display: none;}
.questionUL li.on{ display: block;}
.questionUL li .fl{ width: 45%;min-height: 300px; animation: dh-3 .6s linear both; -webkit-animation: dh-4 .6s linear both;}
.questionUL li .fl .colorfff{ margin-bottom: 20px;}
.questionUL li .fr{ width: 50%; overflow: hidden; animation: dh-4 .6s linear both; -webkit-animation: dh-3 .6s linear both;}
.questionUL li .fr .imgs{ float: left; width: 49%;}
.questionUL li .fr .imgs:nth-child(2){ margin-left: 2%;}
.questionUL li .fr .imgs h6{ height: 80px;}
.questionUL li .fr .imgs h6 span{color: #fff;text-align: center; padding: 10px 2px; display: block;}
.questionUL li .link{ width: 100%; padding: 2% 0 2% 0; float: left;text-align: center;animation: dh-1 .6s linear both; -webkit-animation: dh-1 .6s linear both;}
.bannerLink img{ position: relative; top: -1px;margin-right: 10px;}
.footerCopy{ padding: 10px 0;color: #5f5f5f; text-align: center;background: #121212;}

.index_8{ padding: 5% 0;}
.zhijianUL{ padding-top: 3%;}
.zhijianUL li{ float: left; width: 33.33%;text-align: center;background: #fff;}
.zhijianUL li:nth-child(even){background: #f2c41f;}

.zhijianUL .pads{ padding: 20px 25px 40px 25px;}
.zhijianUL .pads .top{ line-height: 28px;height: 56px;}
.zhijianUL .pads .bottom{ overflow: hidden;}
.zhijianUL .pads .center{ padding: 15px 0 5px 0; margin-bottom: 25px; min-height: 140px;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.zhijianUL .pads .bottom a{display: block;border: 1px solid #E5E5E5; width: 47%;position: relative;overflow: hidden;}
.zhijianUL .pads .bottom .txt{transition: .5s; -webkit-transition: .5s; position: absolute; left: 0;right: 0;top: 0;bottom: 0;content: '';background: #000;opacity: 0; -webkit-opacity: 0;}
.zhijianUL .pads .bottom .txt h6{ position: absolute;padding: 0 10px; left: 0;right: 0; top: 50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);color: #fff;}
.zhijianUL li:nth-child(even) .center{border-color: #d9b01c;}
.formCeshi{ position: absolute; display: none; width: 800px;background: #fff;overflow: hidden;z-index: 558;border-radius: 15px;left: 50%;margin-left: -400px; top: 50%; }
.formCeshi .tit{ text-align: center;padding: 15px 0;border-bottom: 1px solid #EAEAEA;position: relative;}
.closeForm{ position: absolute;right: 0;top: 0;background: #F1AC00;padding: 8px; font-size: 0;}
.closeForm img{ width: 20px;}
.numberUL{ display: inline-block;text-align: center;overflow: hidden; font-size: 0; margin:0 0 40px 0;}
.numberUL li{margin: 0 80px 0 0; font-size: 13px;color: #999; display: inline-block;width: 26px;line-height: 26px;border-radius: 50%;background: #eaeaea;position: relative;}
.numberUL li.on{background: #F2C41F;color: #333;}
.numberUL li.on:before{background: #F2C41F;}
.layui-layer-hui.layui-layer-msg{ background: rgba(255,194,14,.8); color: #111;}


.motorCon .box .boxNew .tabs a{width:16.66666% !important;}


.numberUL li:nth-last-child(1){ margin: 0;}
.numberUL li:before{ position: absolute;left: 100%; top: 10px;bottom: 10px;content: '';background: #eaeaea; width: 100px;}
.answerUL li h6{ text-align: center; margin-bottom: 15px;}
.containerCenter{ padding: 40px 5% 30px 5% ;}
.answerUL{ font-size: 0; padding-bottom: 30px;}
.answerUL li{display: none;}
.answerUL li.on{display: block;}
.anDL dd{display: inline-block;border-radius: 5px;  width: 48%;margin: 0 2% 2% 0;position: relative; font-size: 14px; vertical-align: top;background: #eaeaea;}
.anDL {width: 102%;}
.anDL dd label{ display: block;line-height: 48px;height: 48px;padding: 0 15px;cursor: pointer;position: relative;}
.anDL dd label input{ opacity: 0; -webkit-opacity: 0;}
.anDL dd label em{ position: absolute; left: 0;right: 0;top: 0;bottom: 0;content: '';border: 2px solid transparent;border-radius: 5px;}
.anDL dd label input:checked~em{border-color: #F2C41F;background:#fff url(../images/check.png) no-repeat right top;}
.anDL dd span{position: relative;z-index: 2; display: inline-block;line-height: 1.2;vertical-align: middle;}

.sameBtn input{box-sizing: border-box; float: left; width: 50%; line-height: 70px;text-align: center;font-size: 18px;background: #eee;border: 0;}
.sameBtn .prevPage,.sameBtn .returnBtn{border-top: 1px solid #eee;color: #888;}
.sameBtn .naxtPage,.sameBtn .submitBtn{background: #F2C41F;border-top: 1px solid #F2C41F;}

.contactForm{ display: none;}
.formDL_2{ width: 102%;}
.formDL_2 dd{ background: #eee; line-height: 44px; float: left; width: 48%; margin-right: 2%; margin-bottom: 16px;border-radius: 5px;}
.formDL_2 dd:nth-last-child(1){ width: 98%;}
.formDL_2 dd label{ float: left; padding: 0 10px;color: #666;}
.formDL_2 dd p{ overflow: hidden;}
.formDL_2 dd input[type=text],.formDL_2 dd textarea{width: 100%; background: transparent;border: 0;border: none;font-size: 14px;color: #222;line-height: 24px;padding: 10px 0;}
.formDL_2 .submitBtn{ display: block; text-align: center; position: relative; border-radius: 30px; width: 100%;background: #fabe0f; color: #212121;font-size: 24px;line-height: 54px; margin-top: 45px;}
.formDL_2 dd textarea{ padding-left: 10px;}
.formCeshi.on .contactForm{display: block;}
.formCeshi.on .answerUL{display: none;}
.returnSubmit{display: none;}
.formCeshi.on .returnSubmit{ display: block;}
.formCeshi.on .prevNext{ display: none;}
.formCeshi.on .numberUL{ display: none;}
.boderTB{ border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;margin: 5px 0;padding: 5px 0;}
.boderTBColor{border-color: #d9b01c;}



.scrollItem_5{ padding: 5% 0; text-align: center;}
.tiyanForm{ max-width: 520px; padding:4% 5%;background: rgba(255,255,255,.7);  margin: auto; text-align: left; margin-top: 3%; }
.formDL dd{margin-bottom: 15px; border: 1px solid #ccc; line-height: 44px;}
.formDL dd label{ float: left; padding: 0 10px;color: #808080;}
.formDL dd p{ overflow: hidden;}
.formDL dd input[type=text],.formDL dd textarea{width: 100%; background: transparent;border: 0;border: none;font-size: 14px;color: #333;line-height: 24px;padding: 10px 0;}
.formDL .submitBtn{ display: block; text-align: center; position: relative; border-radius: 30px; width: 100%;background: #fabe0f; color: #212121;font-size: 24px;line-height: 54px; margin-top: 45px;}
.formDL dd textarea{ padding-left: 10px;}
.shenqin{ display: block;text-align: center;margin-top: 50px;}


.yanshi label{ padding-right:5%; cursor:pointer;}
.yanshi label input{ position:relative; top:2px;}


.xf{
	width: 101px;
	height: auto;
	position: fixed;
	top: 50%;
	margin-top: -238px;
	right: -1px;
	z-index: 20;
}
.xf .xf-new{
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
}
.xf .xf-new .tb{
	width: 97px;
	height: 151px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.xf .xf-new .click-close{
	width: 23px;
	height: 24px;
	position: absolute;
	left: -23px;
	top: 87px;
	background: url(../images/xf_click.jpg) no-repeat;
}
.xf-open{
	width: 100%;
	height: auto;
	bottom: 0;
	left: 110%;
	opacity: 0;
	position: absolute;
	cursor: pointer;
}



@media only screen and (max-width:1480px ) {
	.font30{ font-size: 24px;}
	.font36{ font-size: 30px;}
	.font48{ font-size: 42px;}
	.font60{ font-size: 48px;}
	.font70{ font-size: 62px;}
	
}


@media only screen and (max-width:1260px ) {
	.autowidth{ width: 96%;}
	.font24{ font-size: 18px;}
	.font30{ font-size: 22px;}
	.font36{ font-size: 24px;}
	.font48{ font-size: 32px;}
	.font60{ font-size: 40px;}
	.font70{ font-size: 60px;}
	
	.bannerTxt{ left: 3%; width:34%;margin-left: 0;}
	
}



@media only screen and (max-width:1060px ) {
	
	
	.headerDL { float: none; background: #121212;}
	.headerDL &gt;dd{ float: none; width: auto;}
	.headerFR .inlineBlock{ margin-left: 0; }
	.font48{ font-size: 28px;}
	.font60{ font-size: 32px;}
	
}

@media only screen and (max-width:960px ){
	.xf{
		width: 60px;
		margin-top: -141px;
	}
	.xf .xf-new .tb{
		width: 97px;
		height: 141px;
	}
	.xf .xf-new .click-close{
		width: 23px;
		height: 24px;
		left: -23px;
		top: 52px;
	}
}

@media only screen and (min-width:960px ) {
	body::-webkit-scrollbar {width: 10px; height: 10px;}/* 滚动槽 */
	body.active::-webkit-scrollbar {width:0px; height: 0px;}/* 滚动槽 */
	body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}/* 滚动条滑块 */
	body::-webkit-scrollbar-thumb {border-radius: 10px;background: #fabe0f; -webkit-box-shadow: inset 0 0 6px #fabe0f;}
	body::-webkit-scrollbar-thumb:window-inactive {background: #fabe0f;}
	.fixZixun a:hover{background: #888;color: #FABE0F;}
	.bannerLink:hover{box-shadow: 0 15px 20px -15px rgba(247,198,0,.8);}
	.videoOpen:hover:before{border-width: 100px; opacity: 0;}
	.videoOpen:hover:after{ transform: scale(1.1) rotate(360deg);-webkit-transform: scale(1.1) rotate(360deg); border-color: rgba(255,255,255,.5);}
    .zhijianUL .pads .bottom a:hover .txt{ opacity: .8; -webkit-opacity: .8;}
    .zhijianUL .pads .bottom a:hover{ border-color: transparent;}
    .anDL dd{ transition: .5s; -webkit-transition: .5s;}
    .anDL dd:hover{background: #ddd;}
    .prevPage:hover,.returnBtn:hover{background: #ddd;}
    .naxtPage:hover,.submitBtn:hover{background: #fed43c;}
    .closeForm:hover{background: #FED43C;}
    .fixZixun a:hover:before,.bannerLink:hover:before{ animation: dh-0 .6s both; -webkit-animation: dh-0 .6s both;}
    .animationDH{will-change:animation,transform,opacity; opacity: 0;}
	.animationDH.currtt{animation: dh-1 1s linear both;-webkit-animation: dh-1 1s linear both; opacity: 1;}
	.index_2 .currtt .fl,.index_3 .currtt .fl{ animation: dh-4 1s linear both; -webkit-animation: dh-4 1s linear both;}
	.index_2 .currtt .fr,.index_3 .currtt .fr{ animation: dh-3 1s linear both; -webkit-animation: dh-3 1s linear both;}
	
	
}



@media only screen and (max-width:960px ) {
	.font30{ font-size: 20px;}
	.font36{ font-size: 24px;}
	.font48{ font-size: 30px;}
	.formCeshi{ width: 94%; margin-left: 0; left: 3%;}
	.bannerLink{ font-size: 15px; line-height: 40px; padding: 0 15px;}
	.twoDD .dd{ width: auto; float: none;}
	.twoDD:before{ display: none;}
	.index_6 ul li{ line-height: 50px; padding: 0 15px; font-size: 16px;}
	.zhijianUL .pads .center{ font-size: 14px; min-height: 180px;}
	.zhijianUL .pads .bottom a{ float: none; width: auto; margin: 0 0 15px 0;}
	.zhijianUL .pads{ padding: 10px 10px 5px 10px;}
	
	.motorCon .box .boxNew .tabs a{width:85px !important;}
	
	
	
	
}


@media only screen and (max-width:640px ) {
	.fixedVideo .videoDDD{width: 96%; margin-left: 0; left: 2%;}
	.closeVideo{ left: auto; right: 0; top: auto; bottom: 100%; border-radius: 0;}
	.scrollItem_5{ padding-bottom: 0;}
	.font30{ font-size: 18px;}
	.font36{ font-size: 20px;}
	.font48{ font-size: 28px;}
	.font60{ font-size: 30px;}
	.font70{ font-size: 32px;}
	.headerNav{ top: 50px;}
	.logo img{ height: 50px;}
	.header{ line-height: 50px; height: 50px;}
	.headerHeight{ height: 50px;}
    .header .autowidth{ width: auto; padding-right: 2.5%;}
    .numberUL li{ margin: 0 30px 0 0;}
    .numberUL{ margin-bottom: 15px;}
    .containerCenter{ padding: 20px 3% 20px 3%;}
    .sameBtn input{ line-height: 50px; }
    .formCeshi .tit{ padding: 10px 0;}
    .formDL_2{ width: auto; margin-bottom: 10px;}
    .formDL_2 dd{ float: none; width: auto !important; line-height: 34px; margin-right: 0; margin-bottom: 10px;border-radius: 3px;}
    .formDL_2 dd input[type=text], .formDL_2 dd textarea{padding: 5px 0;}
    .formDL_2 dd textarea{ padding-left: 10px;}
    .anDL{ width: auto;}
    .anDL dd{ display: block; width: auto; margin: 0 0 13px 0; border-radius: 3px;}
    .anDL dd label{ line-height: 36px;height: 36px; padding: 0 10px;}
    
    .index_1 .imgs{ width: 116%;max-width: 116%;}
    .bannerTxt{ width: 42%; top: auto; bottom:8%;}
    .index_2 .fl{ float: none; width: auto; text-align: center;padding: 0 0 5% 0;}
    .index_2 .fr{ float: none;width: auto;}
    .index_2 img{ max-width: 60%;}
    
    .index_3 .fl{ float: none; width: auto; padding: 0;text-align: center;}
    .index_3 .fr{ float: none;width: auto;}
    .index_3{background:#fabe0f !important ;}
    .index_3 .fr .top{ padding: 5% 0 5% 0;}
    .videoOpen{ width: 40%;}
    .videoOpen:after{transform: scale(.7);}
    .twoDD .dd .fontLink{ width: 48px;line-height: 48px; font-size: 20px;}
    .twoDD .dd h3{ margin: 12px 0 5px 0;}
    
    .questionUL li .fr{ float: none; width: auto;}
    .questionUL li .fl{ float: none; width: auto; min-height: 165px;}
    .questionUL li .fr .imgs h6 span{ font-size: 12px;}
    .index_6 ul li{ line-height: 40px; font-size: 13px; padding: 0 10px;}
    .footerCopy{padding: 10px;}
    .zhijianUL li{ float: none;width: auto;}
    .zhijianUL .pads .center{ min-height: 0;padding: 15px 0;}
    .zhijianUL .pads .top{ height: auto; padding-bottom: 10px;}
    .zhijianUL .pads .bottom a{ float: left; width: 48%;}
    .zhijianUL .pads .bottom a:nth-child(even){ float: right;}
    .zhijianUL .pads .center{ border-bottom: 0; margin-bottom: 0;}
    .zhijianUL .pads .bottom .txt{ opacity: 1; -webkit-opacity: 1;position: static;}
    .zhijianUL .pads .bottom .txt h6{background: #333; padding: 10px; position: static; transform: translate(0,0);-webkit-transform: translate(0,0);}
}

@media only screen and (max-width:480px ) {
	.font30{ font-size: 16px;}
	.font36{ font-size: 17px;}
	.font48{ font-size: 18px;}
	.font60{ font-size: 20px;}
	.font70{ font-size: 22px;}
	.answerUL li h6{ text-align: left; margin-bottom: 10px;}
	.bannerLink{ line-height: 34px; margin-top: 5px;}
	.headerFR .inlineBlock{ display: block;line-height: 1.5;text-align: right; font-size: 12px;}
	.fixZixun a{padding: 0;background: transparent;color: #F2C41F; line-height: 1.5;}
	.headerFR{ margin-top: 7px;}
	
}




@-webkit-keyframes dh-0{
	from{opacity: 1; }
	to{opacity: 0; left: -10px; top: -10px; bottom: -10px; right: -10px;}
}
@keyframes dh-0{
	from{opacity: 1; }
	to{opacity: 0; left: -10px; top: -10px; bottom: -10px; right: -10px;}
}


@keyframes dh-1 {
    from { opacity: 0; transform: translate3d(0,50px,0); -webkit-translate3d(0,50px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); }
}

@-webkit-keyframes dh-1 {
    from { opacity: 0; transform: translate3d(0,50px,0); -webkit-translate3d(0,50px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); }
}

@keyframes dh-2 {
    from {transform: scale(0); -webkit-transform: scale(0);}
    to {transform: scale(1); -webkit-transform: scale(1);}
}

@-webkit-keyframes dh-2 {
    from {transform: scale(0); -webkit-transform: scale(0);}
    to {transform: scale(1); -webkit-transform: scale(1);}
}

@keyframes dh-3 {
    from {transform: translate(150px,0); -webkit-transform: translate(150px,0);opacity: 0; }
    to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; }
}

@-webkit-keyframes dh-3 {
    from {transform: translate(150px,0); -webkit-transform: translate(150px,0);opacity: 0; }
    to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; }
}

@keyframes dh-4 {
    from {transform: translate(-150px,0); -webkit-transform: translate(-150px,0);opacity: 0; }
    to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; }
}

@-webkit-keyframes dh-4 {
    from {transform: translate(-150px,0); -webkit-transform: translate(-150px,0);opacity: 0; }
    to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; }
}


.font14{font-size: 12px;}
.font16{font-size: 16px;}
.font24{font-size: 24px;}
.contactOur{ position: fixed; right: 0; top: 58%; margin-top: -50px;z-index: 11; transition: .5s; -webkit-transition: .5s;}
.contactOur .tit{overflow: hidden;transition: 0s; -webkit-transition: 0s; text-align: center;width: 109px;display: block;}
.contactOurXzSsZb{width: 101px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px 0 0;
	height: 101px;
	background-color: #fcc800;}
.contactOur a.tit:hover{color: #333333;}
.contactDL{width: 768px; background: #333; position: absolute; left: 100%; top: 0; text-align: center; overflow: hidden;}
.contactDL dd{padding: 20px 0 0;height: 192px; float: left; width: 25%;transition: .5s;-webkit-transition: .5s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contactDL dd a{ display: block; padding: 0 20px;height: 154px;}
.contactDL dd a p{color: #FFFFFF;}
.contactDL dd h6{ padding:19px 0 0px 0;font-size: 18px;color: #ffffff;font-weight: normal;}
.borderRT{ border-right: 1px solid #FFFFFF;}
/*.contactDL dd a .font14{ height: 42px;color: #fff;line-height: 21px;}*/

.contactDL dd p{margin: 0;line-height: 1.2;}
.contactDL dd div{height: 46px;line-height: 46px;font-size: 0;padding-top: 20px;}
.contactDL dd div img{display: inline-block;}
.contactOurXzSs{width: 8px;float: left;
	height: 101px;
	background: #000000 url(http://www.fluke-china.com.cn/edm/contact3/img/ico1.png) no-repeat center center;}

.motorTk .box .item .tit1 .t{font-size:18px;}

@media only screen and (max-width:960px ) {
	
	.contactDL{ width: 160px; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);padding: 0;}
	.contactOur.on{ right: 160px;}
	.contactDL dd{ float: none; width: auto; padding: 0 10px;min-height: 10px;height: auto;}
	.borderRT{ border-bottom: 1px solid  #FFFFFF;border-right: none;}
	.contactDL dd a{ padding: 15px 0; min-height: 10px;height: auto;}
	.contactDL dd img{ width: 40px;}
	.contactDL dd h6{ padding: 0 0 5px 0; font-size: 16px;}
	.contactOur .tit img{ width: 30px; }
	.contactOur .tit{width: 68px;position: relative; height: 48px; padding: 6px 0;overflow: hidden;transition: 0s; -webkit-transition: 0s; }
	.contactOur .tit h6{font-size: 12px;}
	.contactDL dd div{height: auto;line-height: 100%;}
	
	.contactOur.on:before{ position: fixed; left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.7);}
	/*.contactOur.on{ right: 768px;}*/
.contactOur.on .tit{width: 60px;}
.contactDL dd div{padding: 0 0 10px;}


.contactOurXzSsZb{width: 60px;padding: 6px 0 0;height: 60px;}
.contactOurXzSs{height: 60px;}

.contactOur.on .contactOurXzSsZb{background: #555 url(http://www.fluke-china.com.cn/edm/contact3/img/close.png) no-repeat center center; text-indent: -150px;-webkit-background-size:26px auto;-moz-background-size:26px auto;-ms-background-size:26px auto;-o-background-size:26px auto;background-size:26px auto;padding: 0;}
.contactDL dd a p.whitnowrap{font-size: 10px;}





}
@media only screen and (min-width:960px ) {
	.contactOur:hover{ right: 768px;}
	.contactDL dd:hover{background: #666;}
	.contactOur:hover .contactOurXzSs{width: 24px;
	height: 192px;
	background: #000000 url(http://www.fluke-china.com.cn/edm/contact3/img/ico2.png) no-repeat center center;float: right;}
	.contactOur:hover .contactOurXzSsZb{display: none;}
	/*.contactOur:hover .tit{width: 24px;}*/
}


.motor .cc .tits{width: 66.83%;margin:0 auto;}























</pre></body></html>