*{
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_nd00r83xuz.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_nd00r83xuz.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_nd00r83xuz.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_nd00r83xuz.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_nd00r83xuz.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_nd00r83xuz.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}

.web-font{
    font-family:"webfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.dbg{width:100%; background:url(../imags/003.png) #000 top no-repeat; background-size:100%;}

.topdh{width:1200px; margin:0 auto;font-family:'Microsoft yahei',Arial;}
.topdh dt{width:50%;float:left;}
.topdh dd{width:50%;float:left;}
.topdh dd p{ font-size:30px; text-align:right; margin-top:15px;}
.topdh dt ul{margin-top:10px; font-size:18px;}
.topdh dt ul li{margin-bottom:5px; list-style:none; font-weight:normal;}


.topimg{width:100%;margin-bottom:2px; text-align:center; padding:20px 0;}
.topimg img{width:70%;}

.box{
    padding:0;
	width: 100%;
	height: 600px;
	position: relative;
	
}

.list{
	width: 1400px;
	height: 500px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top:5%;
	margin-left: -700px;
}

.btn{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 60px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	color: white;
	text-decoration: none;
	text-align: center;
	background: rgba(0,255,0,.5);
	cursor: pointer;
	z-index:9;
}
.prev{ left:5%}
.next{
	right:5%;
}

.list li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.list li img{
	width: 1000px;
	
	border:none;
	float: left;
}
.list li.p1{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.list li.p2{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 2;
}
.list li.p3{
	transform:translate3d(224px,0,0) scale(1);
	z-index: 3;
	opacity: 1;
}
.list li.p4{
	transform:translate3d(449px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 2;
}

.buttons{
	position: absolute;
	width: 1200px;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	padding-top: 10px;
}
.buttons a{
	display: inline-block;
	width: 35px;
	height: 5px;
	padding-top: 4px;
	cursor: pointer;
}
.buttons span{
	display: block;
	width: 35px;
	height: 2px;
	background:#ff5f01;
}
.buttons span.blue{
	background:#00cc00;
}


.w_1240 { width:1240px; margin:0 auto;}
.title{float:left;width:100%;margin:50px 0 50px 0;font-family:"Microsoft YaHei",SimHei; text-align:center; font-weight:bold;color:#333;}
.title dt{font-size:30px; margin-bottom:10px;}
.title dt span{color:#FF5F01;}
.title dd{font-size:18px; font-weight:normal;}

.down{float:left;width:100%; height:300px;}
.down li{float:left; margin:15px;width:238px; height:100px; background:#ededed; position:relative; list-style:none;
padding:50px 20px; border:1px solid #0C0;
}
.down li p{line-height:35px; text-align:center;}

.down li h3{position:absolute;width:80%;height:40px;line-height:40px;top:-10px;left:10%;background:#0C0;text-align:center;font-size:14px;color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow: 0px 5px 3px rgba(0, 0, 0, .3);}

.btn-add-cart{text-align:center; margin-top:20px;}

.btn-add-cart a {
	display:inline-block;
	background-color:#0C0;
	color:#fff;
	font-size:14px;
	height:35px;
	line-height:35px;
	border-radius:30px;
	text-align:center;
	position:relative;
	overflow:hidden;
	z-index:3;
	width: 60%;
	font-family:"Microsoft YaHei",SimHei;
	text-decoration:none;
	

}
.btn-add-cart a:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1;
	background:#f28b00;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:0 50%;
	transform-origin:0 50%;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}

.btn-add-cart a:hover:before {
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.f7{width:100%;float:left; background:#f7f7f7; padding-bottom:50px;}
.adimg li{list-style:none;}

.fd-copy{float:left;width:100%;
	height: 40px;
	line-height: 40px;
	color: #a3a3a9;
	background-color: #000022;
	text-align:center;
}



.header{box-shadow:0 1px 1px #999;width:100%; margin-bottom:5px;}
.header .top{height:70px;background:#fff; width:1200px; margin:0 auto;}
.header .top h1{float:left;padding:10px 0 0 10px}
.header .top h1 a{display:block;}
.header .top .nav{float:left;position:relative;margin-top:16px;padding-left:150px;}
.header .top .nav dd{padding:8px 6px;margin:0 10px;display:inline-block}
.header .top .nav dd a{color:#999;font-size:16px; text-decoration:none; font-weight:bold;}
.header .top .nav dd.current{border-bottom:1px solid #63d029}
.header .top .nav dd.current a{color:#63d029}
.header .top .nav dd.last{margin-right:0;padding-right:0}
.header .top .nav dd.last:hover{text-decoration:underline}
.header .top .nav dd.underscore{position:absolute;width:100%;left:0;bottom:0;margin:0;padding:0}
.header .top .nav dd.underscore i{position:absolute;display:none;height:1px;bottom:0;background:#63d029;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}



.service{float:left; padding-bottom:75px;}
.service li{float:left;margin-right:20px;padding-top:25px;width:293px; height:218px;text-align:center;font-family:"Microsoft YaHei",SimHei; border:1px solid #EBEBEB; list-style:none;border-radius:5px;}
.service li:last-child{margin-right:0;}
.service li{background:url(../imags/service.png) no-repeat;}
.service li h3{margin-bottom:60px;color:#fff;}
.service li p{font-size:25px; font-weight:bold;}
.service li span{ display:block;color:#9a9a9a; padding:0 20px; font-size:14px; margin-bottom:15px;}
.service li.s1 p a{color:#53D37E;}
.service li.s2 p a{color:#0D98D1;}
.service li.s3 p a{color:#4EB2B0;}
.service li.s4 p a{color:#FE7C28;}