*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family: arial;  color:#333; font-size:14px; background: #FFFFFF; min-width:1280px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #9e9d9e;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}



#about .about a,
#products .products a,
#news .news a,
#down .down a,
#contact .contact a{color: #9e9d9e;}

#about .about ul li a{ color: #333;}
#about .about ul li a:hover{color: #9e9d9e;}
#products .products ul li a{ color: #333;}
#products .products ul li a:hover{color: #9e9d9e;}
#news .news ul li a{ color: #333;}
#news .news ul li a:hover{color: #9e9d9e;}
#down .down ul li a{ color: #333;}
#down .down ul li a:hover{color: #9e9d9e;}
#contact .contact ul li a{ color: #333;}
#contact .contact ul li a:hover{color: #9e9d9e;}

.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

input,button,select,textarea{ outline:none; font-family:arial;  }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}


submit{ font-family:arial;  }
#warp{ width:100%; height:auto; overflow: hidden;}

.Topbg{ width: 100%; height: 36px; line-height: 36px; background: #000000; text-align: center; color: #FFFFFF; position: fixed; left: 0; top: 0;}
.Headerbg{ width: 100%; height: 60px; background: #FFFFFF; border-bottom: 1px solid #dedede; position: fixed; left: 0; top: 36px; z-index: 9999;}
.Header{width: 1200px;height: 60px;}
.Header .logo{float: left;width: 202px;height: 60px;overflow: hidden;}
.Header .logo a{ display: block; width: 202px; height: 60px; background: url(../images/logo.png) no-repeat center;}
.Header .nav{float: left;width: 998px;text-align: center;height: 60px;line-height: 62px;}
.Header .nav li{ display: inline-block;  color: #141414; font-size: 15px; margin: 0 22px; text-transform: uppercase;}
.Header .nav li i{ padding-left: 10px;}
/*?a??o?*/


.first-link {

	display: block;
	font-weight: bold;
	color: #141414;

	cursor: pointer;
}

.first-link.hover {

	color: #999;
}


/*?t??2?|?????*/

.second-menu {
	z-index: 999999999;
	width: 100%;
	position: absolute;
	left: 0px;
	background: #FFFFFF;
	box-shadow:2px 2px 5px #ccc;
	padding: 15px;
	opacity: 1;
	display: none;
}
.second-menu div{ width: 1100px; }
.second-menu div>li {
	float: left;
	line-height: 42px;
	text-align: left;
	max-width: 16.66667%;
	padding:0 15px;

}

.second-link {
	color: #333;

	font-weight: bold;
	display: block;

}

.second-link:hover {
	color: #999;
}

.second-menu div .third-menu>li {
 line-height: 30px;  width: 100%; display: block; margin: 0; font-size: 13px;
}
.second-menu div .third-menu>li a{ display: block; text-transform:capitalize;}


.HeaderM{ display: none;}

.inAd{ width: 100%; height: auto; overflow: hidden; margin-top: 97px;}
.inAd img{ width: 100%; height: auto; margin-bottom:5px;}

.inTit{width: 100%;text-align: center;line-height: 72px;height: 72px;padding-top: 50px;color: #000000;font-size: 26px;overflow: hidden;font-weight: bold;}
.inprobg{width: 100%;height: auto;padding: 9px 0;background: #fff;}
.inprobg2{ }
.inpro{width: 1200px;height: auto;overflow: hidden;}
.inpro dl{float: left;background: #FFFFFF;height: 298px;width: 250px;margin: 13px 26px 13px 0px;padding: 15px;text-align: center;}
.inpro dl:nth-child(4n){margin-right:0px;}
.inpro dl dt{ font-size: 16px; font-weight: bold; height: 42px; line-height: 42px; overflow: hidden; color: #000000;}
.inpro dl dd{width: 250px;height: 250px;overflow: hidden;}
.inpro dl dd img{width: 250px;height: 250px;}


.footerbg{ width: 100%; height: auto; padding: 15px 0px; color: #858585; background: #141414; }
.footer{width: 1200px;height: auto;overflow: hidden;}
.footerL{float: left;width: 551px;height: auto;padding: 100px 20px 50px 0px;}
.footerL h2{ color: #FFFFFF; font-size: 24px; line-height: 42px;}
.footerL p{font-size: 14px;line-height: 24px;}

.footerR{float: right;width: 543px;height: auto;padding: 50px 0 50px 55px;border-left:1px solid #858585;}
.footerR h2{ color: #FFFFFF; font-size: 24px; line-height: 42px;}
.footerRList{ width: 100%; height: auto; overflow: hidden;}
.footerRList dl{float: left;margin-right: 48px;}
.footerRList dl:last-child{ margin-right: 0;}
.footerRList dl dt{ width: 100%; height: 42px; line-height: 42px; font-size: 18px; color: #FFFFFF;}
.footerRList dl dt a{ color: #FFFFFF;}
.footerRList dl dd{ width: 100%; height: auto; overflow: hidden;}
.footerRList dl dd a{display: block;line-height: 28px;color: #858585;font-size: 14px;}
.footerRList dl dd a:hover{ color: #FFFFFF;}
.footerRList dl p{ margin-top: 10px;}
.footerRList dl p a{ color: #CCCCCC; font-size: 20px; margin-right: 15px;}
.footerRList dl p a:hover{ color: #FFFFFF;}
.footerCopybg{ width: 100%; height: 52px; line-height: 52px; text-align: center;  color: #858585; background: #141414;     border-top:1px solid #858585;}

.abMenu{ width: 100%; height: 55px; line-height: 55px; text-align: center; background: #efefef;  position: fixed; left: 0; top: 97px; z-index: 1;}
.abMenu a{ display: inline-block; padding: 0 15px; font-size: 15px;}
#lm_hover{ color: #9e9d9e;}

.main{width: 1200px;height: auto;padding: 50px  0;overflow: hidden; }
.main img{ max-width: 100%; height: auto;}

.banner2{ width: 100%;   margin-top: 97px;}
.banner2 img {
    width: 100%;
    height: auto;

}

.goodsBox{width:1280px;padding: 85px 0 100px 0;overflow:hidden;}
.goodsBoxL{ width:520px; float:left; height:auto; overflow:hidden;}
.goodsBoxL img{ width:100%; height:auto;}

.goodsBoxR{ float:right; width:650px; height:auto; overflow:hidden;}
.goodsBoxR h2{ font-size:20px; color:#000; padding:15px 0; border-bottom:1px solid #dedede;}
.goodsBoxRinfo{ width:100%; height:auto; padding-top:25px; line-height:28px; overflow:hidden;}


@media only screen and (min-width: 640px) and (max-width: 1200px) {
.main{min-height: 1280px;}
.inprobg2{min-height: 1320px;}
.inprobg3{padding: 12px 0px 90px 0px;}
.inTit{font-size: 26px;}
.goodsBox{min-height:980px;}
}