/* CSS Document */

*{

	margin:0;

	padding:0; 

	list-style:none; 

	outline:none; 

	font-family:"微软雅黑";

}

body{

	min-width:1280px;

}

img{

	display:block; 

	border:none; 

	margin:0 auto;

}

a{

	text-decoration:none;

	transition:all 0.5s; 

	-webkit-transition:all 0.5s;

	-o-transition:all 0.5s;

	-ms-transition:all 0.5s;

	-moz-transition:all 0.5s;

}



.ie8{

	position:fixed; 

	top:0; 

	left:0; 

	width:100%; 

	text-align:center; 

	background:#ffffdc; 

	color:#997000; 

	font-size:12px; 

	line-height:30px; 

	z-index:9999;

}

.c3{

	transition:all 0.5s; 

	-webkit-transition:all 0.5s;

	-o-transition:all 0.5s;

	-ms-transition:all 0.5s;

	-moz-transition:all 0.5s;

}



.ty{

	overflow:hidden; 

	width:100%;

}

.center{

	width:1280px;

	margin:0 auto;

}

.clear::after{

	content:""; 

	width:100%; 

	height:0; 

	clear:both; 

	display:block;

}

.clear:after{

	content:""; 

	width:100%; 

	height:0; 

	clear:both; 

	display:block;

}



.logo{ height:80px;}

.header{ border-top:1px solid #ddd; position:relative; height:54px;}

/* .header ul{ float:left;}

.header ul li{ float:left;} */

/* .header dl { width: 100%; } */

.header dl { display: flex; justify-content: space-between; align-items: center; }

.header ul { display: flex; }

.header ul li > a{ display:block; margin:0 20px; font-size:14px; color:#000; line-height:54px;}

.header ul li:hover > a{ color:#808080;}

.header ul li.hover > a{ color:#808080;}

.header ul li.hover .znav{ display:block;}



.znav{ overflow:hidden; border-bottom:1px solid #4d4d4d; position:absolute; left:0; top:54px; width:100%; display:none; background:rgba(0,0,0,.1)}

.znav a{ float:left; display:block; margin:0 20px; font-size:14px; color:#b3b3b3; line-height:54px;}

.znav a:hover{ color:#FFF;}

.znav a.hover{ color:#FFF;}



.header dt{ float:right; margin:15px 20px;}

.header dt a{ display:block; line-height:24px; padding-left:35px; background:url(../image/sp.png) no-repeat center left; font-size:14px; color:#000;}

.header dt a:hover{ color:#808080;}



.tybg{ padding:150px 0 250px 0; background-size:cover; text-align:center; background-position:center;}

.tybg dl{ position:relative}

.tybg dl dt{ font-size:48px; line-height:100px; color:#FFF; height:100px; overflow:hidden;}

.tybg dl dd{ line-height:50px; font-size:24px; color:#fff; height:100px; overflow:hidden;}

.tybg dl dd img{ max-height:100px; width:auto}



.tymag{ margin:65px 130px;}

.bt{ line-height:40px; font-size:30px; text-align:center; color:#333; margin-bottom:20px;}

.tywb{ overflow:hidden; line-height:30px; color:#666; font-size:16px;}

.tywb img{ max-width:100%;}



.typad{ padding:65px 130px; background:#f2f2f2}

.typad01{ padding:65px 130px; background:#dcc9b6}

.tytu{ overflow:hidden;}

.tytu img{ width:100%;}



.jz{ text-align:center;}



.footer{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:24px 40px; overflow:hidden;}

.footer dt{ float:left; width:300px; margin-right:50px;}

.footer dt a{ display:block; line-height:30px; font-size:14px; color:#333;}

.footer dt a:hover{ color:#999;}



.footer dd{ float:right; max-width:150px; font-size:14px; line-height:30px; text-align:center; color:#666;}

.footer dd img{ height:90px; width:90px;}



.foot{ padding:20px 40px 40px 40px; line-height:20px; font-size:12px; color:#666;}

.foot a{ color:#666;}

.foot a:hover{ color:#999;}



.tywb td{ padding:5px;}



.case{ overflow:hidden;}

.case li{ float:left; width:20%;}

.case li a{ display:block; background:#f2f2f2; margin:1px; padding:50px 10px; color:#333}

.case li a:hover{ background:#666; color:#FFF;}

.case li a:hover .tu img{ top:-100px;}

.case li.hover a{ background:#666; color:#FFF;}

.case li.hover a .tu img{ top:-100px;}

.case li .tu{ width:100px; height:100px; overflow:hidden; margin:0 auto}

.case li .tu img{ width:100%; position:relative;}

.case li h1{ text-align:center; line-height:30px; font-size:16px; font-weight:normal; height:30px; overflow:hidden;}



.case01{ padding:20px 0;}

.case01 li{ margin:30px 0; text-align:center; overflow:hidden;}

.case01 li a{ display:block; background:#f2f2f2;}

.case01 li a:hover{ background:#666;}

.case01 li a:hover h1{ color:#FFF;}

.case01 li a:hover h2{ color:#FFF;}

.case01 li a:hover .tu img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.case01 li .tu{ overflow:hidden;}

.case01 li .tu img{ width:100%; transition:all 2s; -webkit-transition:all 2s; }

.case01 li h1{ font-size:32px; line-height:50px; padding:0 10px; color:#333; font-weight:normal; padding-top:10px;}

.case01 li h2{ font-size:18px; line-height:30px; padding:0 10px; color:#666; font-weight:normal; padding-bottom:10px;}



.tupad{ padding-top:30px; overflow:hidden;}



.case02{ overflow:hidden;}

.case02 li{overflow:hidden; padding:0 10px;}

.case02 li:hover{ background:#fff;}

.case02 li h1{ font-size:32px; color:#333; text-align:center; line-height:60px; font-family:Arial, Helvetica, sans-serif;}

.case02 li h1 span{ font-size:14px; font-weight:normal;}

.case02 li .tywb{ padding:10px;}



.case03{ overflow:hidden; padding:20px 0;}

.case03 dt{ overflow:hidden; position:relative}

.case03 dt h1{ float:left; line-height:80px; font-size:18px; color:#333; padding-right:10px; background:#f2f2f2; position:relative; z-index:10}

.case03 dt .tu{ height:80px; float:right; background:#f2f2f2; padding-left:10px; position:relative; z-index:10}

.case03 dt .tu img{ height:80px;}

.case03 dt i{ position:absolute; height:1px; top:50%; left:0; width:100%; background:#666; z-index:9}

.case03 dd{ overflow:hidden; line-height:30px; font-size:16px; color:#666;}

.case03 dd td{ padding:5px 0;}



.case04{ overflow:hidden; padding:30px 0;}



.min{ min-height:240px; padding:30px 0; overflow:hidden;}



.case05{ overflow:hidden; padding-bottom:30px;}

.case05 li{ width:20%; line-height:30px; font-size:14px; color:#666; float:left;}

.case05 li h1{ font-size:18px; color:#333; font-weight:normal; line-height:50px;}

.case05 li img{ padding:5px 0;}

.case05 li td{ padding:5px; vertical-align:top;}



.hezuo{ padding:50px 0 100px 0; overflow:hidden;}

.hezuo li{ float:left; width:600px; margin:20px;}

.a1{ display:block; background:#f2f2f2}

.a1 h1{ text-align:center; line-height:50px; font-size:24px; color:#333; font-weight:normal; height:50px; overflow:hidden; padding:0 10px; padding-top:50px; margin-bottom:50px;}

.a1 .pic{ padding-bottom:75%;}

.a1 .pic img{ width:100%; height:100%; transition:all 2s; -webkit-transition:all 2s;}

.a1:hover .pic img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



.pic{ padding-bottom:100%; position:relative; background-size:cover; background-position:center; overflow:hidden;}

.pic img{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; max-width:100%; max-height:100%; display:block;}



.hzpp{ overflow:hidden; padding:0 140px 100px 140px;}

.hzpp li{ float:left; width:25%;}



.a2{ display:block; background:#f2f2f2; margin:1px; padding:24px;}



.new{ overflow:hidden; margin:0 10px;}

.new li{ float:left; width:480px; margin:20px 0 50px 100px;}



.a3{ display:block; background:#fff; box-shadow:0 0 10px 2px rgba(0,0,0,.1); overflow:hidden; border-radius:10px;}

.a3 .pic{ padding-bottom:50%; background-color:#fafafa;}

.a3 h1{ padding:20px 20px 0 20px; font-size:16px; line-height:30px; color:#333; font-weight:normal; height:30px; overflow:hidden;}

.a3 .wb{ line-height:25px; margin:0 20px 20px 20px; height:50px; font-size:13px; color:#666;}



.a3:hover{ transform:translateY(-20px); -webkit-transform:translateY(-20px);box-shadow:0 10px 10px 2px rgba(0,0,0,.1); background:#fafafa;}



/*.pager{ padding:20px 0 10px 0 ;text-align:center; color:#999;}

.pager li{ display:inline-block; margin:1px; overflow:hidden; font-size:13px; line-height:28px;}

.pager li span{color:#999;display:block;padding:0 9px; border:1px solid #ddd;}

.pager li a{color:#999;display:block;padding:0 9px; border:1px solid #ddd;}

.pager li:hover a{ border:1px solid #f08200; background:#f08200; color:#FFF;}

.pager li.active a{ border:1px solid #f08200; background:#f08200; color:#FFF;}*/



.pager{ 

	padding:10px 0;

	text-align:center; 

	color:#999;

	height:30px;

}

.pager span{

	color:#999; 

	display:inline-block; 

	margin:0 1px; 

	padding:0 8px; 

	border:1px solid #ddd; 

	font-size:12px; 

	line-height:28px; 

	height:28px; 

	border-radius:3px; 

	overflow:hidden;

	background:#FFF;

}

.pager a{

	color:#999;

}

.pager span:hover a{

	color:#cc8809;

}

.pager select{

	border:none; 

	height:28px; 

	line-height:28px; 

	outline:none;

	background:none; 

	color:#999;

}



.fy{

	overflow:hidden; 

	padding-top:17px; 

	margin:20px 0 0 0; 

	border-top:1px dashed #ddd; 

	clear:both;

}

.fy a{

	font-size:16px; 

	color:#666; 

	line-height:36px; 

	height:36px; 

	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;

	display:block;

}

.fy a:hover{

	color:#f08200;

}



.tyxwbt{ overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:9px; margin-bottom:20px; text-align:center;}

.tyxwbt dt{ font-size:24px; line-height:40px; color:#333; padding-top:10px;}

.tyxwbt dd{ font-size:12px; line-height:20px; padding-top:5px; color:#666;}

.tyxwbt dd span{ display:inline-block; padding:0 5px;}



.fgo{ text-align:right; overflow:hidden; padding-top:12px; padding-bottom:10px;}

.fgo a{ float:right; padding:0 30px; line-height:34px; font-size:14px; color:#f08200; border:2px solid #f08200;}

.fgo a:hover{ background:#f08200; color:#FFF;}



.mag{ margin:0 40px;}



.down{ padding-bottom:50px;}



.lxwm{ overflow:hidden; padding:0 40px;}

.lxwm li{ padding-bottom:60px; margin-bottom:60px; background:url(../image/xtiao_03.jpg) no-repeat bottom center;}

.lxwm li img{ width:100%;}

.lxwm li dl{ margin-left:40px;}

.lxwm li dl dt{ font-size:20px; line-height:40px; margin-bottom:10px;color:#333; font-weight:bold; text-transform:uppercase;}

.lxwm li dl dd{ line-height:40px; font-size:16px; color:#666; text-transform:uppercase;}

.lxwm li dl dd td{ padding:10px 5px; vertical-align:top}

.lxwm li:last-child{ background:none}



.message{ overflow:hidden; max-width:600px; margin:0 auto; padding-bottom:100px;}

.message dt{ float:left; width:96%; margin:0 2%;}

.message dd{ float:left; width:47%; margin-left:2%;}

.message h1{ font-size:14px; line-height:30px; font-weight:normal; color:#333; text-transform:uppercase;}

.message h1 span{ color:#c20800; padding-left:3px;}

.message input{ box-sizing:border-box; width:100%; border:1px solid #ddd; height:40px; color:#333; padding:0 5px; font-size:16px; line-height:38px; margin-bottom:10px; border-radius:3px;}

.message textarea{ box-sizing:border-box; width:100%; border:1px solid #ddd; height:150px; color:#333; padding:0 5px; font-size:16px; line-height:30px; margin-bottom:10px; border-radius:3px;}

.message button{display:block; height:50px; text-transform:uppercase; border-radius:5px; border:none; line-height:50px; cursor:pointer; font-size:16px; color:#FFF; background:#333; width:100%; margin-top:15px;}

.message button:hover{ background:#ff2d38;}



.pro{ overflow:hidden; padding:40px;}

.pro li{ float:left; position:relative; width:50%;}

.a4{ display:block; position:relative; z-index:9}

.a4 img{ width:100%; height:100%; transition:all 2s; -webkit-transition:all 2s;}

.a4:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1)}



.pronav{ overflow:hidden; margin:0 30px; padding-bottom:30px;}

.pronav li{ float:left; margin-left:10px; margin-bottom:10px; width:232px;}

.pronav li a{ display:block; line-height:60px; height:60px; overflow:hidden; font-size:16px; text-align:center; color:#333; background:#f2f2f2;}

.pronav li:hover a{ color:#FFF; background:#666;}

.pronav li.hover a{ color:#FFF; background:#666;}



.product{ margin:0 40px;}

.product li{ overflow:hidden; margin:10px 0 30px 0;}

.product li dl{ background:#f2f2f2; padding:30px; margin-left:20px;}

.product li dl h1{ font-size:20px; line-height:30px; padding-bottom:10px; color:#333; text-transform:capitalize; }

.product li dl h1 span{ padding-left:20px; font-weight:normal;}

.product li dl dt{ margin-bottom:10px;}

.product li dl dt .tywb{ font-size:14px;}

.product li dl dd .tywb{ font-size:15px;}

.product li dl h2{ font-size:20px; line-height:40px; color:#333; text-transform:capitalize; font-weight:normal;}



.yycj{ margin:0 30px; overflow:hidden;}

.yycj li{ width:285px; margin:10px; overflow:hidden; float:left;}



.a5{ display:block; color:#333;}

.a5 h1{ text-align:center; line-height:36px; font-size:16px; font-weight:normal; height:36px; overflow:hidden;}

.a5:hover{ color:#999;}

.a5 .pic{ padding-bottom:75%;}

.a5 .pic img{ width:100%; height:100%; transition:all 2s; -webkit-transition:all 2s;}

.a5:hover .pic img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}