*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.trans{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}hr{border:none;outline:none;}h1,h2,h3,h3,h4,h5,h6{font-weight:normal;}img{max-width:100%;}
body{font-family:"Microsoft Yahei"; font-size:14px; margin:0;}
li{ list-style-type:none;}
.wp{width:1400px;margin:0 auto;}
a{color:#333; text-decoration:none;}a:hover{color:#e6212a;}
.fl{ float:left;}
.fr{ float:right;}
ul{ padding:0;}
p{ margin:0;}
.header{ overflow:hidden;}
.top{display: block;background: #2c3137;height: 40px; line-height:40px; color: #888; font-size:12px;}
.nav ul li{ float:left; padding-left:95px;padding-top: 6px;}
.nav ul li a{ font-size:16px;color: #939393;}
.nav ul li a:hover{color: #db2820;}
.hover a{color: #db2820!important;}
.headerx{padding: 10px 0; overflow:hidden;}
.bnav span img{ width:16px; padding-top:2px; }
.bnav span{ padding-right:8px;}
.bnav{  padding:10px 0;color: #939393;}
.bnav a{color: #939393;}

.main {padding: 30px 0;}
.nytitle{font-size: 30px;padding-bottom: 10px;border-bottom: 1px solid gainsboro;}
.neirong{ padding-top:30px; line-height:2; }

.footer{ padding:15px 0;background: #333; overflow: hidden; color:#fff;}
.footer a{ color:#fff;}


.xwliebiao{ overflow:hidden;}
.xwliebiao ul{ overflow:hidden; }
.xwliebiao ul li{ float:left; width:100%; margin-bottom:15px;padding: 10px 0;}
.xwtu{ width:30%; overflow:hidden;}
.xwwenzi{ width:68%;}
.xwtitle a{ font-size: 20px;border-bottom: 1px solid gainsboro;display: block;padding: 10px 0;margin-bottom: 15px;}
.xwjianjie a{ color:#b3b0b0; line-height:2;}
.xwjianjie a:hover{ color:#db2820;}
.ckgd{padding: 5px 10px;border: 1px solid;margin-top: 15px;display: inline-block;}
.xwtu img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.xwtu:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.alliebiao ul li{ float:left; width:25%;padding: 10px;}
.alliebiao{ overflow:hidden;}
.alliebiao ul{ overflow:hidden;}
.anlitu img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.anlitu:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.anlitu{ overflow:hidden;height: 200px;}
.alliebiao ul li p{ padding:10px;}


.about{ overflow:hidden;padding: 120px 0;background: url(../images/aboutbg.jpg) no-repeat center;background-size: cover;}
.aboutz{ width:50%;}
.abouty{ width:45%;}
.sytitle{ font-size:30px; padding-bottom:20px;}
.sytitle span{ font-size:70px;color: #f3f3f3;font-family: "Times New Roman", Times, serif;}
.sytitle p{ margin-top:-40px;}
.aboutwz{line-height: 2;
    font-size: 16px;
    color: #b0b0b0;
    }
.product{ padding:80px 0;}
.youshi{ overflow:hidden;padding: 120px 0;background: url(../images/youshibg.jpg) no-repeat center;background-size: cover; color:#fff;}
.youshi .sytitle{ color:#fff;}
.xian { width: 20px;height: 3px;background-color: #db2017; margin-bottom:10px;}
.youshinr ul li{ width:50%; float:left; margin-bottom:50px;}
.youshinr{ width:70%; overflow:hidden;padding-top: 50px;}
.youshiwz p{ font-size:16px; font-weight:bold;margin-bottom: 10px;}

.news{ overflow:hidden; padding:80px 0;}
.newsnr{ overflow:hidden;padding-top: 50px;}
.newsl { width:40%; border-right: 1px solid #e5e5e5; padding-right:40px;}
.newslwz a p{ font-size:18px;    padding: 15px 0;}
.newslwz a span{ display:block;}
.newsltu{ overflow:hidden;}
.newsltu img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	    width: 100%;
}
.newsltu:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.newsr { width:60%; padding-left:40px;}
.newsr ul li{ float:left;border-bottom: 1px dashed #dddddd; padding-bottom:15px; margin-bottom:15px; width:100%;}
.newsr ul li p{ float:left;}
.newsr ul li span{ float:right;}
.newsr ul li a{ display:flow-root;}
.youshiwz{ float:left;}
.zhong{ text-align:center;}
.youshi .sytitle span{    color: #f3f3f347;}
.hx{width: 80px;
    height: 5px;
    background-color: #db2017;
    margin: 10px auto;}
	
.banner .img{width: 100%;height: 100%;}
.small-img{ display: none;}
.neirong img{ max-width:100%; height:auto!important;}
.dianhua{    float: right;
    background-color: #db2017;
    padding: 15px 30px;
    border-radius: 15px;
    color: #fff;
    margin-left: 100px;
    margin-top: 6px;}
.nav ul{ overflow:hidden; float:left;}
.f_kslj{ display:none;}
/*΢Ðŵ¯´°*/
#wxnr {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
padding: .15rem;
padding-top: .3rem;
	margin-top: -1.25rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
	box-sizing: border-box;
}
#wxnr img {
	width: 1.15rem;
	height: 1.15rem;
	display: block;
	margin: 0 auto;
}
#wxnr p {
font-size: .12rem;
line-height: .23rem;
	text-align: center;
}
#wxnr i.x {
	position: absolute;
top: .1rem;
right: .1rem;
width: .15rem;
height: .15rem;
font-size: .1rem;
line-height: .15rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 100%;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
padding: .015rem .05rem;
line-height: .18rem;
	background-color: #222;
	color: #fff;
border-radius: .025rem;
	cursor: pointer;
}
#wxnr span i {
	color: #fff;
margin-right: .07rem;
}
/*¸´ÖÆÌáʾ*/
#weixin {
	position: fixed;
	top: 50%;
margin-top: -.2rem;
	z-index: 9999999;
font-size: .13rem;
	color: #fff;
	width: 90%;
	right: 5%;
line-height: .4rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
border-radius: .05rem;
	display: none;
}
@media screen and (max-width:1800px) {
.wp{ width:80%;}
.nav ul li{ padding-left:70px;}
}

@media screen and (max-width:1366px) {
.wp{ width:1200px;}
.nav ul li{ padding-left:50px;}
}
@media screen and (max-width:1200px) {

.wp{ width:90%;}
.alliebiao ul li{ width:50%; padding:5px;}
.anlitu{ height:90px;}
.nytitle{ font-size:20px;}
.dianhua{margin-left: 30px;}
.nav ul li{ padding-left:20px;}

}
@media (max-width: 998px) {.logo { width:100%; text-align:center;}
.nav ul li{ padding-left:0; width:20%;}
.nav { float:left!important; width:100%; text-align:center;}.dianhua{ display:none;}
.nav ul{ width:100%;}}
@media (max-width: 768px) {
.wp{ width:90%;}
.banner .img {
	display: none;
}
.banner .small-img {
	display: block;
}
.xwtu{ width:100%;}
.xwwenzi{ width:100%;}
.aboutz{ width:100%;}
.sytitle span{ font-size:48px;}
.abouty{ width:100%;}
.footer .fr{ display:none;}
.youshinr{ width:100%;}
.newsl{ width:100%; padding-right:0;border-right:0;border-bottom: 1px solid #e5e5e5; padding-bottom:20px;}
.newsr{ padding-left:0; width:100%;}
.dianhua{ display:none;}
.nav ul li:first-child{ display: none;}
.nav ul li{ padding-left:0; width:25%;}
.nav { float:left!important; width:100%; text-align:center;}
.nav ul{ width:100%;}
.logo { width:100%; text-align:center;padding-top: 15px;}
.f_kslj {
	width: 100%;
	background: rgba(0,0,0,0.7);
	padding: 1em 0;
	display: block;
	position: fixed;
	bottom: 0;
	height: auto;
	overflow: hidden;
}
.f_kslj ul li {
	width: 25%;
	float: left;
	list-style: none;
	text-align: center;
}
.f_kslj ul li a {
	color: #fff;
	text-align: center;
	line-height: 2.5em;
}
.f_kslj ul li a i {
	display: block;
	color: #fff;
	font-size: 18px;
}
.about{ padding:60px 0; }
}