/*---------- base ---------*/
* {
	padding: 0px;
	margin: 0px;
}
html {
}
body {
	font-size: 12px;
	font-family: "微软雅黑";
	margin: 0px auto;
	padding: 0px;
	color: #333333;
}.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.clearfix::after{content: "";height: 0;clear: both;display: block;visibility: hidden;}
img {
	border: none;
}
a {
	color: #333333;
	text-decoration: none;
}
ul {
	list-style: none;
}
input, select, button {
	font: 12px Verdana, Arial, Tahoma;
	vertical-align: middle;
}
h1 {
	line-height: 40px;
}
/*---------- stock ---------*/
.center {width: 1200px;margin: 0px auto;}
.topnav {
	color: #fff;
	line-height: 30px;
	height: 30px;
	width: 100%;
	background-color: #000;
}
.topnav span {
	background: url(../images/icon.png) no-repeat left center;
	margin-left: 10px;
	padding-left: 15px;
}
.top {
	background-image: url(../images/logo.png);
	height: 100px;
}
.meun .logo{width: 244px;}
.meun .nav{width: 910px;}.topnav .center{display: flex;justify-content: space-between;}
.nav li {float: left;list-style-type: none;width: 14%;position: relative;}.nav li::after{content: "";display: block;position: absolute;left: 0;bottom: 20px;width: 100%;height: 1px;background: #ff2d37;transition: 0.5s;transform: scale(0);}
.nav li:hover::after{transform: scale(1);}
.nav li a {
	line-height: 100px;
	display: block;
	height: 100px;
	text-align: center;
	font-size: 16px;
}
.nav li a:hover {color: #ff2d37;}

.title{text-align: center;margin-bottom: 30px;padding-top: 10px;}
.title span{font-size: 30px;font-weight: bold;color: #333;}
.title p{font-size: 16px;color: #737373;line-height: 40px;}
.more{display: block;width: 160px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: #ff2d37;transition: 0.5s;margin: 30px auto 0;border-radius: 50px;}
.more:hover{box-shadow: 0 10px 10px #ccc;transform: translateY(-10px);color: #fff;}/* 产品 */
.product{padding: 80px 0;}
.product .title{background: url(../images/cpti.png) no-repeat center top;}
.pro_categary{width: 480px;display: flex;justify-content: space-between;margin: 0 auto 60px;}
.pro_categary li{width: 230px;}
.pro_categary li .cate_img{height: 160px;overflow: hidden;}
.pro_categary li .cate_img img{width: 100%;height: 100%;object-fit: contain;transition: 1s;}
.pro_categary li .catex{line-height: 50px;height: 50px;font-size: 16px;background: #272727;color: #fff;}
.pro_categary li .catex .fang{width: 50px;background: #ff2d37;color: #fff;float: left;text-align: center;font-family: "Impact";font-size: 30px;}
.pro_categary li .catex .fangy{float: right;text-align: center;width: 180px;}
.pro_categary li:hover img{transform: scale(0.9);}
.pro_categary li:hover .fangy{background: #ff2d37;border-left: 1px solid #fff;box-sizing: border-box;}
.pronr{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pronr li{width: 256px;border: 1px solid #ccc;padding: 15px;text-align: center;margin-bottom: 20px;}
.pronr li .probox{height: 220px;overflow: hidden;}
.pronr li .probox img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.pronr li span{font-size: 16px;line-height: 50px;}
.pronr li p{padding: 5px;border: 1px solid #ccc;}
.pronr li:hover{border-color: #ff2d37;}
.pronr li:hover p{background: #ff2d37;color: #fff;border-color: #ff2d37;}
/* 简介 */
.gsjj{padding: 80px 0;background: url(../images/jjbj.jpg) no-repeat center center;}
.gsjj .title{background: url(../images/jjti.png) no-repeat center top;}
.gsjj .title span{color: #fff;}
.gsjj .title p{color: #fff;}
.gsl{border: 1px solid #fff;}
.gsr{width: 50%;margin-top: 90px;}
.gsr p{font-size: 16px;color: #fff;line-height: 2;}
.gsr .duo{display: block;width: 160px;line-height: 40px;text-align: center;margin-top: 30px;float: right;border-radius: 50px;font-size: 16px;color: #fff;transition: 0.5s;border: 1px solid #fff;}
.gsr .duo:hover{border: 1px solid #ff2d37;background: #ff2d37;}
/* 荣誉 */
.honor{margin: 80px 0;background: url(../images/honor.jpg) no-repeat center center;height: 600px;}
.honor .title{background: url(../images/ryti.png) no-repeat center top;}.hobox{width: 770px;float: right;margin-top: 50px;}
.hobox .ho_a .va{float:left;width: 20px;height: 4px;background: #ff2d37;margin-top: 15px;margin-right: 5px;}
.hobox span{float: left;font-size: 23px;color: #333;font-weight: bold;}
.hobox p{font-size: 16px;line-height: 30px;margin-top: 20px;}
.hobox .phone{padding-left: 30px;background: url(../images/phone.png) no-repeat left;font-size: 25px;color: #333;font-family: "Impact";font-weight: bold;margin-top: 10px;padding-top: 5px;border-top: 1px solid #333;width: 310px;}
/* 优势 */
.ys{padding: 0 0 80px;}
.ys .title{background: url(../images/ysti.png) no-repeat center top;}
.whyb{ display: flex; justify-content: space-between;}
.whyb dl{ width: 20%; border: 2px solid #D4D4D4;margin-top: 108px; text-align: center; padding: 0px 15px;}
.whyb dl ol{ position: relative; margin:-90px auto 0px auto; padding: 20px;width: 140px; height: 140px;}
.whyb dl ol img{ transition: all 0.5s;}
.whyb dl dt{width: 30px;height: 2px;background: #ff2d37;margin: 5px auto 10px;}
.whyb dl dd{ line-height: 23px; font-size: 14px; color: #333;}
.whyb dl:hover ol img{ transform: rotateY(360deg); transition: all 0.5s;}
/* 新闻 */
.xwzx{}
.xwzx .title{background: url(../images/xwti.png) no-repeat center top;}
.xws dl{display:inline-block;overflow:hidden}
.xws dt{width: 46%;height: 350px;float:left;overflow:hidden}
.xws dt img{width:100%;height:100%;object-fit: cover;transition: 0.5s;}
.xws dd{float:left;overflow:hidden;width:50%;padding:0 0 0 20px;}
.xws dd>span a{line-height:30px;overflow:hidden;font-size: 18px;}
.xws dd div span a{font-size:16px;color:#333;}
.news_desc{font-size: 16px;color: #666666;line-height: 2;margin: 10px 0 20px;height: 240px;overflow: hidden;}
.xws dd .xian{width: 50px;height: 2px;background: #ff2d37;margin: 10px 0;transition: 0.5s;}
.xws dd:hover .xian{width: 100%;}
.xws dd:hover>span a{color: #ff2d37;}
.news-cont {margin: 50px auto 0px;}
.news-cont ul {width: 100%;}
.news-cont ul li {width: 32%;height: 440px;background: #fff;display: block;float: left;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;margin-right: 20px;}
.news-cont ul li:last-child{margin: 0;}
.news-cont ul li>img {width: 100%;height: 270px;margin: 0 auto;}
.news-cont ul li a {color: #000;font-size: 20px;line-height: 50px;padding:20px;}
.news-cont ul li a:hover {color: #ff2d37;}
.news-cont ul li p {font-size: 14px;line-height: 25px;color: #999;width: 100%;box-sizing: border-box;height: 50px;display: block;padding: 0px 20px;overflow: hidden;}
.news-cont ul li span{margin-left: 20px;margin-top: 15px;height: 40px;width: 100%;display: block;}
.news-cont ul li span a {font-size: 14px;line-height: 40px;color: #555;}
.news-cont ul li:hover {box-shadow: 0px 0px 20px #ccc;}
.news-cont ul li span .spana{padding: 10px 0;}
/* 联系我们 */
.footnav{padding: 30px 0;background: #333;text-align: center;margin-top: 30px;}
.footnav .center p{font-size: 14px;color: #fff;line-height: 2;float: left;margin-right: 50px;}
.footnav ul{display: flex;justify-content: space-between;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 10px;}
.footnav ul li a{font-size: 14px;color: #fff;}


.lxwm {
	float: left;
}
.gywm {
	float: right;
	padding-top: 60px;
}
.gywm a {
	width: 151px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	background-color: #25BDFD;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.ewm {
	float: right;
	padding-top: 100px;
	color: #FFFFFF;
	line-height: 24px;
	padding-right: 50px;
}
.ewm a {
	width: 151px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	background-color: #4CC94F;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	float: left;
	margin-right: 135px;
	margin-top: 83px;
}
.yqlj {
	width: 100%;
	background-color: #333;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
}
/*---------在线留言---------*/
.message {
	line-height: 24px;
}
.message dt {
	float: left;
	clear: both;
	width: 60px;
	margin-left: 20px;
	height: 30px;
	margin-top: 10px;
}
.message dd {
	float: left;
	margin-top: 10px;
}
.message input {
	line-height: 24px;
	height: 24px;
}
.message p {
	clear: both;
	margin-left: 200px;
}
.sub {
	height: 30px;
	width: 60px;
	display: block;
	float: left;
	margin-left: 30px;
}
/*---------新闻列表页---------*/
.e2 li {
	line-height: 50px;
	height: 50px;
	background: url(../images/jian1.png) no-repeat left center;
	padding-left: 20px;
	border-bottom: 1px dashed #969696;
}
.e2 li a {
	font-size: 14px;
}
.e2 li span {
	float: right;
}
.e2 li b {
	float: right;
}
/*---------产品列表---------*/
.listimg {
	float: left;
	width: 302px;
	display: block;
	margin: 5px 7px 10px 7px;
	background-color: #FFFFFF;
}.listimg .list{display: block;height: 230px;overflow: hidden;border: 1px solid #ccc;}
a.list img {width: 100%;height: 100%;object-fit: cover;padding: 2px;transition: 1s;}.listimg .title_{font-size: 16px;text-align: center;line-height: 40px;}
.listimg:hover img{transform: scale(0.9);}
.listimg:hover .list{border-color: #ff2d37;}
.slt {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}
.slt img {
	width: 600px;
	display: block;
	padding: 1px;
	border: 1px solid #EEE;
}
.timeBar {
	color: #666;
	font-size: 12px;
	height: 36px;
	line-height: 36px;
	width: 600px;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.time {
	background-color: #f3f3f3;
	border: 1px solid #dedede;
}
/*---------上下页---------*/
.guidbar_next {
	overflow: hidden;
	padding: 10px 0px;
	border-top: 1px solid #dadada;
	margin-top: 20px;
}
.guidbar_next li {
	width: 330px;
	font-size: 12px;
	color: #666;
}
.guidbar_next li a {
	color: #333;
}
.pre {
	text-align: left;
	float: left;
}
.inext {
	text-align: right;
	float: right;
}
/*---------分页---------*/
.page {
	text-align: center;margin-top: 30px;
}
.page ul {
	list-style-type: none;
	text-align: center;
}
.page strong {
	font-size: 12px;
}
.page li {display: inline-block;}
.page li a {
	float: left;
	padding: 2px 15px 2px;
	color: #333;
	display: block;
	line-height: 25px;	border: 1px solid #333;
}
.page li a:hover {	background: #ff2d37;
	color: #fff;border: 1px solid #ff2d37;
}
#left {
	width: 230px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
#right {
	width: 950px;
	float: left;
	margin-top: 10px;
}
.lxwm1 {
	background: url(../images/icon10.png) no-repeat 20px 40px #ff2d37;	background-size: 40px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}.npro{height: 100px;font-size: 25px;padding-top: 30px;}
.npro p{font-size: 16px;text-transform: uppercase;}
.lpro {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 10px;
	line-height: 2;
}
.lpro dt {
	background: url(../images/jian1.png) no-repeat left center;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px dotted #ccc;
}
.lpro dt a {
	padding-left: 20px;
	font-size: 14px;
}.lpro dt a:hover{color: #ff2d37;text-decoration: underline;}
.title1{
	background-color: #ff2d37;
	height:36px;
	line-height:36px;
	padding:0px 10px;
	color:#fff;
	}
.title1 span{
	float:right;
	}