/**
*重置、初始化css样式
*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {
	padding: 0;
	margin: 0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}
ol,ul {
	list-style: none;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
.clear{
	clear:both;
}
body{
	font-family: "微软雅黑";
}
.top_bg{
	height: 118px;
	background: url('../images/top.png');
	overflow: hidden;
	border-bottom: 2px solid #4e4e4e;
}
.top{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.top .logo{
	float: left;
}
.top .nav{
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	padding: 80px 0 0 60px;
}
.top .nav li{
	float: left;
	margin: 0 50px 0 0;
	position: relative;
	padding-bottom: 10px;
}
.top .nav li a{
	color: #fefefe;
	padding-bottom: 10px;
}
@-webkit-keyframes swipeMove {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -5px, 0)
}
70% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 5px, 0)
}
}
@keyframes swipeMove {
0% {
opacity: 0;
transform: translate3d(0, -5px, 0)
}
70% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
100% {
opacity: 0;
transform: translate3d(0, 5px, 0)
}
}
.swipeMove{
-webkit-animation: swipeMove 0.9s ease-in infinite;
animation: swipeMove 0.9s ease-in infinite;
background:url('../images/arrow.png') no-repeat;
width:9px;
height:5px;
display: inline-block;
position: absolute;
bottom: 0;
left: 35%;
display: none;
}
.top .nav li:hover .swipeMove,.top .nav .active .swipeMove{
	display: block;
}
.top .nav li:hover a,.top .nav .active a{
	color: #729d40;
}
.top .search{
	width: 140px;
	height: 24px;
	border:1px solid #fff;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin: 75px 0 0 0;
	float: right;
}
.top .search .text{
	width: 105px;
	height: 23px;
	line-height: 23px;
	border: none;
	background: none;
	padding: 0 4px 0 6px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	color: #ccc;
	float: left;
	outline: none;
}
.top .search .sub{
	border-radius: 10px;
	border:1px solid #fff;
	width: 25px;
	height: 26px;
	background: url('../images/pic.png') no-repeat 6px 6px;
	cursor: pointer;
	float: right;
	position: absolute;
	right: -1px;
	top: -1px;
	outline: none;
}
.two_nav_bg{
	min-height: 55px;
	background: #5b5a53;
	overflow: hidden;
	text-transform: uppercase;
}
.two_nav{
	width: 1100px;
	margin: 0 auto;
}
.two_nav li{
	float: left;
	height: 100%;
	line-height: 55px;
	margin:0 0 2px 0;
}
.two_nav a{
	color: #fefefe;
	display: inline-block;
	height: 100%;
	padding: 0 35px;
}
.two_nav a:hover,.two_nav .active{
	background: #6b797e;
}
/* lang */
.lang{
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 13px;
}
.lang a{
	color: #fff;
	margin-right: 10px;
}
.lang a:hover{
	color: #ccc;
}
/* footer */
.footer{
	height: 220px;
	overflow: hidden;
	position: relative;
}
.foot_left{
	width: 50%;
	height: 100%;
	background: #f2f2f2;
	position: absolute;
	left: 0;
	z-index: -1;
}
.foot_right{
	width: 50%;
	height: 100%;
	background: #d5d5d5;
	position: absolute;
	right: 0;
	z-index: -1;
}
.footer .foot{
	width: 1100px;
	margin: 0 auto;
}
.foot{
	padding: 40px 0 0 0;
}
.foot .fl{
	float: left;
	width: 50%;
	position: relative;
}
.foot .fl .f_nav{
	color: #303030;
	font-size: 14px;
}
.foot .fl .f_nav span{
	color: #888888;
	padding: 0 8px;
	display: inline-block;
}
.foot .fl .f_nav a{
	color: #303030
}
.foot .fl .f_nav a:hover{
	color: #111;
}
.foot .fl .share{
	padding: 25px 0 30px 0;
}
.foot .fl .share li{
	float: left;
	margin-right: 2px;
}
.foot .fl .share a{
	width: 32px;
	height: 30px;
	display: inline-block;
	background: #7e7e7e;
}
.foot .fl .share .s1 a{
	width: 58px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background:#7e7e7e url('../images/pic.png') no-repeat -148px -57px;
}
.foot .fl .share .s2 a{
	background:#7e7e7e url('../images/pic.png') no-repeat 13px -55px;
}
.foot .fl .share .s3 a{
	background:#7e7e7e url('../images/pic.png') no-repeat -27px -55px;
}
.foot .fl .share .s4 a{
	background:#7e7e7e url('../images/pic.png') no-repeat -72px -55px;
}
.foot .fl .share .s5 a{
	background:#7e7e7e url('../images/pic.png') no-repeat -116px -55px;
}
.foot .fl .share a:hover{
	background-color: #666;
}
.foot .fl .copy{
	color: #3e3e3e;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
}
.foot .fl .copy a{
	color: #3e3e3e;
}
.foot .fl .copy a:hover{
	color: #111;
}
.foot .fl .erwm{
	float: left;
	width: 120px;
	height: 120px;
	top: 20%;
	right: 30px;
	position: absolute;
}
.foot .fl .erwm img{
	width: 100%;
	height: 100%;
}
.foot .fr{
	width: 400px;
	float: left;
	padding: 0 0 0 60px;
}
.foot .fr span{
	color: #212121;
}
.foot .fr .con{
	width: 100%;
	overflow: hidden;
	padding: 25px 0 0 0;
}
.foot .bd{
	width: 160px;
	height: 100px;
	overflow: hidden;
	float: left;
}
.foot .bd a{
	display: inline-block;
}
.foot .bd li{
	width: 160px;
	height: 100px;
}
.foot .bd a,.foot .bd img{
	width: 100%;
	height: 100%;
}
.foot .hd{
	float: left;
	padding: 0 0 0 20px;
	font-size: 14px;
	line-height: 24px;
}
.foot .hd a{
	color: #383838;
}
.foot .hd .on a{
	color: #729d40;
}
.foot .fr .copy2{
	color: #444444;
	font-size: 14px;
	line-height: 24px;
	padding-top: 15px;
}
/* main */
.main_bg{
	background: #a2a19b;
	padding: 40px 0;
	min-height: 478px;
}
.main{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
#about{
	height: 530px;
	background: #fff url('../images/about_t_bg.png') no-repeat top right;
}
#about .pic{
	width: 425px;
	height: 100%;
	overflow: hidden;
	float: left;
}
#about .pic img{
	width: 100%;
}
#about .nano{
	width: 600px;
	height: 445px;
	margin: 65px 5px 0 0;
	overflow: hidden;
	float: right;
	outline: none;
}
#about .nano .font{
	width: 560px;
	padding: 0 60px 0 0;
	color: #444444;
	font-size: 12px;
	line-height: 24px;
	outline: none;
}
/* case */
#case .cat1{
	font-size: 14px;
	padding:15px 25px;
	background: #292929;
	line-height: 24px;
	text-transform: uppercase;
}
#case .cat1 li{
	float: left;
	margin-right: 35px;
}
#case .cat1 a{
	color: #d1d1d1;
}
#case .cat1 a:hover,#case .cat1 a.active{
	color: #c0af8b;
}
#case .content{
	height: 555px;
	overflow: hidden;
}
#case .content .c_left{
	float: left;
	width: 275px;
	height: 525px;
	background: #383838;
	padding: 15px 20px 15px 30px;
	font-size: 12px;
	color: #a5a5a5;
}
#case .content .c_left .name{
	color: #c0af8b;
	font-size: 18px;
	padding: 20px 0 10px 0;
	text-transform: uppercase;
}
#case .content .c_left .font{
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
}
#case .content .c_right{
	float: left;
	width: 100%;
	height: 100%;
	background: #444;
	position: relative;
	overflow: hidden;
	color: #b7b7b7;
}
#case .content .c_right li{
	width: 100%;
	height: 555px;
	overflow: hidden;
}
#case .content .c_right li a{
	display: table-cell;
	width: 1100px;
	height: 555px;
	text-align: center;
	vertical-align: middle;
}
#case .content .c_right li img{
	/*width: 100%;*/
	/*height: 100%;*/
}
#case .content .c_right .prev,#case .content .c_right .next{
	width: 50px;
	height: 123px;
	background: url('../images/pic.png') no-repeat;
	position: absolute;
	z-index: 100;
	display: none;
}
#case .content .c_right .prev{
	background-position: 0 -95px;
	left: 0;
	top: 40%;
}
#case .content .c_right .next{
	background-position: -83px -95px;
	right: 0;
	top: 40%;
}
#case .content .c_right:hover .prev,#case .content .c_right:hover .next{
	display: inline-block;
}
/* contact */
#contact .title{
	width: 100%;
	height: 130px;
	background: url('../images/contact_title.jpg') no-repeat;
	color: #c0af8b;
	font-size: 24px;
}
#contact .title span{
	padding: 25px 0 5px 0;
	display: inline-block;
	border-bottom: 1px solid #c0af8b;
	margin: 0 0 0 45px;
}
#contact .content{
	width: 100%;
	background: #fff;
	padding: 50px 35px;
	border-top: 2px solid #a2a19b;
}
#contact .content .con_l{
	width: 365px;
	float: left;
	padding-right: 130px;
}
#contact .feedback td{
	padding-bottom: 18px;
}
#contact .feedback .text,#contact .feedback textarea{
	background: #d0d0cd;
	color: #989898;
	font-size: 14px;
	font-family: "微软雅黑";
	border:none;
	outline-color: #666;
}
#contact .feedback .text{
	width: 220px;
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
}
#contact .feedback textarea{
	width: 490px;
	height: 150px;
	line-height: 25px;
	padding: 10px 15px;
	resize:none;
}
#contact .feedback .sub{
	width: 130px;
	height: 40px;
	background: #2b2b2b;
	color: #f0f0f0;
	font-size: 14px;
	border:none;
	font-family: "微软雅黑";
	cursor: pointer;
	outline:none;
	transition:All 0.5s ease-in-out;
    -webkit-transition:All 0.5s ease-in-out;
    -moz-transition:All 0.5s ease-in-out;
    -o-transition:All 0.5s ease-in-out;
}
#contact .feedback .sub:hover{
	background: #111;
}
#contact .feedback span{
	color: #c0c0c0;
	font-size: 14px;
	padding: 0 0 0 15px;
}
/* news */
#news .arrow,#product .arrow{
	text-align: right;
	padding-bottom: 12px;
	position: relative;
}
#news .arrow span,#product .arrow span{
	line-height: 50px;
	position: absolute;
	right: 120px;
}
#news .arrow a,#product .arrow a{
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #303030;
	transition:All 0.5s ease-in-out;
    -webkit-transition:All 0.5s ease-in-out;
    -moz-transition:All 0.5s ease-in-out;
    -o-transition:All 0.5s ease-in-out;
}
#news .arrow a:hover,#product .arrow a:hover{
	background-color: #000000;
}
#news .arrow .prev,#product .arrow .prev{
	background:url('../images/pic.png') no-repeat -170px -123px #303030;
	margin-right: 2px;
}
#news .arrow .next,#product .arrow .next{
	background:url('../images/pic.png') no-repeat -168px -82px #303030;
}
#news .content li{
	width: 350px;
	height: 495px;
	overflow: hidden;
	float: left;
	background:url('../images/news_t1.png') no-repeat bottom #fff;
	font-size: 14px;
	transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;
    margin: 0 25px 0 0;
}
#news .content li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
#news .content li .pic{
	width: 350px;
	height: 360px;
	overflow: hidden;
}
#news .content li .pic img{
	width: 100%;
	height: 100%;
}
#news .content li .font{
	padding: 35px 0 0 0;
}
#news .content li .date{
	text-align: center;
	color: #737373;
}
#news .content li .intro{
	width: 300px;
	margin: 0 auto;
	text-transform: uppercase;
	color: #444444;
	line-height: 24px;
	word-break:break-all;
}
#news .content li:hover{
	background:url('../images/news_t2.png') no-repeat bottom  #262626;
}
#news .content li:hover .date,#news .content li:hover .intro{
	color: #fff;
}
/* news-view */
#newsv{
	height: 550px;
	background: #fff url('../images/about_t_bg.png') no-repeat top right;
}
#newsv .pic{
	width: 405px;
	height: 100%;
	overflow: hidden;
	float: left;
}
#newsv .pic .bd{
	width: 100%;
	height: 520px;
	overflow: hidden;
}
#newsv .pic .bd li{
	width: 405px;
	height: 520px;
	overflow: hidden;
}
#newsv .pic .hd{
	width: 100%;
	min-height: 10px;
	padding: 10px 0;
	background: #222222;
	text-align: center;
}
#newsv .pic .hd li{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url('../images/pic.png') no-repeat -190px -183px;
	cursor: pointer;
	margin-right: 5px;
}
#newsv .pic .hd .on{
	background-position: -190px -213px;
}
#newsv .newsv_right{
	width: 675px;
	height: 495px;
	float: right;
	padding: 65px 0 0 0;
	background: url('../images/about_t_bg2.png') no-repeat bottom;
}
#newsv h1{
	color: #444444;
	font-size: 14px;
	text-align: center;
	padding-bottom: 15px;
}
#newsv h2{
	color: #bababa;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
	padding-bottom: 20px;
}
#newsv .nano{
	width: 650px;
	height: 360px;
	margin: 0 auto;
	overflow: hidden;
}
#newsv .nano .font{
	color: #444444;
	font-size: 12px;
	line-height: 24px;
	word-break:break-all;
}
/* product */
#product .content li{
	width: 350px;
	height: 550px;
	overflow: hidden;
	float: left;
	background:url('../images/pro_t1.png') no-repeat bottom #fff;
	font-size: 14px;
    margin: 0 25px 30px 0;
}
#product .content li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
#product .content li .pic{
	width: 350px;
	height: 350px;
	overflow: hidden;
}
#product .content li .pic img{
	width: 100%;
	height: 100%;
}
#product .content li .font{
	padding: 35px 0 0 0;
	text-align: center;
}
#product .content li .name{
	text-align: center;
	color: #b69651;
	font-size: 24px;
	text-transform: uppercase;
}
#product .content li .intro{
	width: 300px;
	margin: 0 auto;
	text-transform: uppercase;
	color: #c5b48f;
	line-height: 25px;
	word-break:break-all;
	text-transform: uppercase;
	text-align: left;
	padding: 10px 0;
}
#product .content li .btn{
	width: 118px;
	height: 38px;
	display: inline-block;
	background: #000;
	color: #fefefe;
	text-transform: uppercase;
	text-align: center;
	line-height: 38px;
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
#product .content li:hover .btn{
	background: #404040;
}
/* prov */
#prov{
	position: relative;
	width: 1250px;
}
#prov .prov_title{
	text-align: center;
}
#prov .prov_title li{
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
}
#prov .prov_title a{
	display: inline-block;
	width: 185px;
	height: 50px;
	line-height: 50px;
	background: #303030;
	color: #ffffff;
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
#prov .prov_title a.active{
	background: #000000;
}
#prov .prov_title a:hover{
	background: #000000;
}
#prov .content{
	width: 1100px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	overflow: hidden;
}
#prov .content li{
	text-align: center;
}
#prov .content li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
#prov .prev,#prov .next{
	display: inline-block;
	width: 39px;
	height: 76px;
	background: url('../images/pic.png') no-repeat;
	position: absolute;
	top: 50%;
}
#prov .prev:hover,#prov .next:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#prov .prev{
	background-position: 0 -244px;
	left: 0;
}
#prov .next{
	background-position: -60px -244px;
	right: 0;
}
#prov #product .content{
	padding-top: 50px;
}
#prov #product li{
	width: 300px;
	height: 430px;
	background: url('../images/pro_t2.png') no-repeat #fff bottom center;
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    margin-right: 100px;
}
#prov #product .font{
	color: #b69651;
	line-height: 24px;
	padding-top: 30px;
}
#prov #product li:hover{
	background: url('../images/pro_t3.png') no-repeat #333 bottom center;
}