/*---------- base ---------*/
*{padding:0px;margin:0px;}
html{background-color: #fff;}
body{font-size:12px; line-height:28px; font-family:"微软雅黑"; color:#333333; background: #fff;}
img{border:none;}
.header{ background: #fff;}
a{color:#333;text-decoration:none;}
ul,li{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.c {border: 1px solid #e6212a;}
.u {border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #CCC;border-bottom-color: #CCC;border-left-color: #CCC;}
.clear {clear:both;}
.h10 {height:10px;line-height:10px;}
h1 {line-height:40px;}
/*---------- stock ---------*/
.center{margin:0px auto;}
.wrap{padding-top: 5px;}
.wrapper,.contain{width:1400px; margin:0px auto;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow:hidden;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*zoom: 1;}
i,em{font-style: initial;}
.flexwrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex{display: flex;justify-content: space-between;}

.title{ text-align: center; margin-bottom: 45px;}
.title dl{ line-height: 58px; font-size: 28px; font-weight: bold;}
.title dl span{ color: #e6212a;}
.title dt{ line-height: 25px; font-size: 16px;}

.sitetop{padding: 20px 0;}
.sitetop .tel{padding-left: 58px;font-size: 14px;color: #777;background: url(../images/tel.jpg) no-repeat left;}
.sitetop .tel p{font-size: 35px;color: #333;font-weight: bold;}
.topnav{background: url(../images/navbg.png) no-repeat center bottom;padding-top: 30px;}
.logo{font-size: 35px;color: #333;padding-top: 13px;}
.logo p{font-size: 16px;color: #777;line-height: 37px;}
.logo .logo_right{font-size: 16px;color: #555;padding-left: 20px;margin-left: 20px;border-left: 1px solid #ccc;}
.logo .logo_right p{font-size: 25px;color: #e6212a;}
#nav{position: relative;}
#nav li{float: left;text-align: center;width: 12.2%;height: 60px;line-height: 60px;}
#nav li a{font-size: 18px;color: #fff;transition: .5s;}
#nav li:hover>a{font-weight: bold;}
#nav li dl{display: none;width:calc(100% - 80px);padding: 40px;text-align:left;position:absolute;left: 0;top: 100%;z-index:99999!important;background: url(../images/glove.png) no-repeat #f1f1f1;}
#nav li dl dt{float: left;line-height: 2.5;width: calc(32% - 15px);padding-left: 15px;background: url(../images/icon.png) no-repeat left;}
#nav li dl dt a{color:#333;font-size:16px;display: block;}
#nav li dl dt a:hover{color: #e6212a;text-decoration: underline;}

.linkbox{padding: 80px 0;}
.linkbox .contain{ display: flex; justify-content: space-between;}
.linkbox dl{ width: calc(32% - 80px); height: 132px; border: 1px solid #CCCCCC; padding: 40px;text-align: center;}
.linkbox dl dt{ line-height: 42px; font-size: 30px; color: #333; font-weight: bold;}
.linkbox dl dd{width: 30px;height: 3px;background: #e6212a;margin: 0 auto 5px;}
.linkbox ol{width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #e6212a; border-radius: 5px;margin: 20px auto 0;}
.linkbox dl:hover{ background: #e6212a; border: 1px solid #E6212A;}
.linkbox dl:hover dt{ color: #fff;}
.linkbox dl:hover dd{background: #fff;}
.linkbox dl:hover ol{ background: #fff; color: #e6212a;}
.linkbox dl:hover:nth-child(1) ul{ background: url(../images/ys01_h.png) no-repeat left 33px; height: 98px;}
.linkbox dl:hover:nth-child(2) ul{ background: url(../images/ys02_h.png) no-repeat left 33px; height: 98px;}
.linkbox dl:hover:nth-child(3) ul{ background: url(../images/ys03_h.png) no-repeat left 33px; height: 98px;}
.linkbox dl:hover:nth-child(4) ul{ background: url(../images/ys04_h.png) no-repeat left 33px; height: 98px;}

.product{ padding: 50px 0px; background: #F2F2F2;}
.cpfl{ width: 21%;}
.cpzs{ width: 77%;}
.cpflt{ padding: 12px 0px 14px 20px; height: 54px; background: #e6212a; color: #fff;}
.cpflt dl img{ float: left; margin-right: 14px; padding-top: 5px;}
.cpflt dl dt{ line-height: 32px; font-size: 22px; color: #fff;}
.cpflt dl dd{ font-size: 18px; color: #fff;}
.cpflb{ background: #fff; padding: 25px 11px;}
.cpflb li{ line-height: 45px; border: 1px solid #F2F2F2; margin-bottom: 8px; background: url(../images/icon4.png) no-repeat 230px center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cpflb li a{ padding-left: 20px; font-size: 16px;}
.cpflb li:last-child{background: #e6212a;}
.cpflb li:last-child a{color: #fff;}
.cpflb li:hover{ background: url(../images/icon5.png) no-repeat 230px center #e6212a;}
.cpflb li:hover a{ color: #fff;}
.cpflb dl dt{ line-height: 40px; margin-bottom: 5px; background: url(../images/icon5.png) no-repeat 230px center #909090;}
.cpflb dl dt a{ font-size: 16px; color: #fff; padding-left: 45px;}
.cpflb dl dt:hover{ background: url(../images/icon5.png) no-repeat 230px center #e6212a;}
.cpflb dl dt:hover a{ color: #fff;}
.lxwm{ padding: 30px; background: #e6212a; text-align: center; color: #fff; font-size: 28px; line-height: 35px;}
.lxwm span{ font-size: 22px;}
.cpzs{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.cpzs li{ width: 24%; text-align: center;}
.cpzs li ol{height: 245px; overflow: hidden;}
.cpzs li ol img{ width: 100%; height: 100%; transition: all 0.6s;object-fit: cover;}
.cpzs li p{ line-height: 50px; font-size: 16px;}
.cpzs li:hover ol img{ transition: all 0.6s; transform: scale(1.2);}

.company{ background: url(../images/gsjj.jpg) no-repeat top; padding: 80px 0px;background-attachment: fixed;}
.company .xianimg{display: block;margin: 10px 0 40px;}
.com_l{ width: 50%;}
.com_r{ width: 45%;}
.com_r img{ padding-top: 20px;width: 100%;}
.com_l_t{ padding-top: 9px; background: url(../images/line.jpg) no-repeat left bottom; margin-bottom: 20px;}
.com_l_t dl{font-size: 45px; color: #909090; text-transform: uppercase;font-weight: bold;}
.com_l_t dt{font-size: 32px; color: #ffffff;font-weight: bold;margin-top: -10px;}
.com_l_c{ line-height: 2; font-size: 16px; color: #fff;}
.com_l_c p{ text-indent: 2em;}
.com_l_b{ width: 160px; height: 40px; line-height: 40px; text-align: center; background: #E6212A; margin-top: 20px;transition: .5s;} 
.com_l_b a{ font-size: 18px; color: #fff;}
.com_l_b:hover{width: 200px;border-radius: 20px;}

.fahuo .cpimg{height: 250px;overflow: hidden;}
.fahuo .cpimg img{width: 100%;height: 100%;object-fit: cover;}
.fahuo p{font-size: 16px;text-align: center;line-height: 45px;background: #f1f1f1;}
.fahuo .fati{display: flex;justify-content: space-between;padding: 40px 0;}
.fahuo .fati .topic{font-size: 16px;color: #777;padding-left: 20px;background: url(../images/fang.jpg) no-repeat left;}
.fahuo .fati a{font-size: 16px;}
.fahuo .fati strong{font-size: 32px;color: #333;}

.information{padding: 80px 0;background: url(../images/newsbg.jpg) no-repeat left center;background-attachment: fixed;margin-top: 40px;}
.information ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.information ul li{width: calc(32% - 40px);margin-bottom: 20px;border: 1px solid #f1f1f1;padding: 20px;}
.information ul li .timebox{font-size: 16px;color: #888;padding-left: 25px;background: url(../images/time.png) no-repeat left;background-size: 20px;}
.information ul li span{font-size: 18px;line-height: 50px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.information ul li p{font-size: 16px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.information ul li .xq{font-size: 16px;}
.information ul li:hover{border-color: #E6212A;}
.information ul li:hover span{color: #E6212A;}
/*footer*/
.foot{padding: 40px 0 20px;background: #333;}
.foot-title ul{width: 370px;display: flex;justify-content: space-between;margin: 0 auto 20px;}

.foot .fnav{display: flex;justify-content: space-between;border-bottom: 1px solid #fff;padding-bottom: 10px;}
.foot .fnav li{width: 240px;text-align: center;line-height: 2.5;border-right: 1px solid #fff;}
.foot .fnav li:last-child{border: none;}
.foot .fnav li a{font-size: 16px;color: #fff;display: block;}
.foot .c_lx{display: flex;justify-content: space-between;margin: 10px 0;}
.foot .c_lx li{padding-left: 34px;font-size: 14px;color: #fff;}
.banquan{ width: 100%;line-height: 30px; background: #333; text-align: center;color: #fff;}

.main {	overflow:hidden; width:1400px; margin:25px auto;}
.left { float: left; width:20%;}
.right{	float:right; width:78%;}
.ltop{ height:35px; line-height:35px; background-color:#e6212a; font-size:18px; color:#fff; padding-left:25px}
.lpro{ padding:15px; background: #fff;font-size: 16px;}
.lpro li{ line-height:32px;  margin-bottom:10px; background-color:#f1f1f1;}
.lpro li a{display:block;padding-left:15px;font-size: 16px;}
.lpro li a:hover{ background-color:#e6212a;  color:#fff}
.rtop{ height:35px; line-height:35px; background-color:#e6212a; font-size:18px; color:#fff; padding-left:25px}
.newlist {
	padding:10px;
}
.newlist dd {
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	background-image: url(../images/headbg.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:15px;
}
.newlist dd a {}
.newlist dd span {
	float:right;
}
.content {
	padding:10px;
	line-height:28px;
	background: #fff;
}
.content p{font-size: 16px;}
.content h1{ font-size:25px;}
/*---------在线留言---------*/
.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: 38px;
	background-image: url(../images/icon.png);
	background-position: 8px center;
	padding-left: 20px;
	padding-right:10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-repeat: no-repeat;
}
.e2 li span{
    float:right;
	margin-right: 10px;
}
.e2 li b {
	float:right;
}
.e2 li a{ color:#333;font-size: 16px;}

/*---------产品列表---------*/
.listimg {
	float: left;
	width: 32.3%;
	margin:15px 5px 0px 5px;
}
.listimg>a{display: block;height: 320px;overflow: hidden;}
a.list img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.listimg .title1 a{display: block;font-size: 16px;line-height: 45px;background: #f1f1f1;}
.listimg:hover .title1 a{background: #e6212a;color: #fff;}
.slt {
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
}
.slt img {
	width:600px;
	display:block;
}
.timeBar{
	color: #666;
	font-size: 12px;
	height: 36px;
	line-height: 36px;
	width: 900px;
	text-align: center;
	margin-top: 0;
	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;}
.next{text-align:right;float:right;}
/*---------分页---------*/
.page {
	padding-top: 20px;
}
.page strong {
	font-size: 12px;
}
.page li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.page li a{
	float:left;
	padding: 10px;
	color:#000;
	display:block;
	line-height: 17px;
	font-size: 16px;
}
.page li a:hover{
	color:#fff;
	background: #e6212a;
	text-decoration:none;
}

@media screen and (max-width: 1440px) {
	.wrapper,.contain,.main{width: 1200px;}
	.topnav{background: url(../images/navbg1200.png) no-repeat center bottom;padding-top: 30px;}
	
	/* 内页 */
	.listimg{width: 32.2%;}
	.listimg>a{height: 300px;}
}