@charset "utf-8";

.bgc{background: rgba(245, 245, 245, 1);}
.bgcf{background: #fff;}
.about_content{padding: 50px 0 25px;}
.about_content .flex{align-items: flex-start;}
.about_l{width: 246px;margin-right: 30px;background: #fff;}
.about_title{padding: 30px 0px 20px 20px;border-bottom: 1px solid #ccc;}
.about_title h2{color: #ca171d;font-size: 24px;font-weight: bold;}
.about_title h3{color: #666;font-size: 14px;margin: 12px 0;}
.about_title .about_span{display: inline-block;width: 20px;height: 1px;background: #666;margin: 5px 0 22px;}

.about_nav ul li a{display: inline-block;height: 50px;line-height: 50px;width: 100%;text-indent: 32px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 15px;box-sizing: border-box;}
.about_nav ul li a.cur,.about_nav ul li a:hover{background: rgba(202, 23, 29, 1);color: #fff;transition: 0.3s;}

.about_r{width: 920px;background: #fff;padding: 50px;box-sizing: border-box;}
.about_r_title{margin-bottom: 20px;}
.about_r_title h2{font-size: 24px;color: #333;width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about_r_title .position{width: 50%;font-size: 14px;color: #000;text-align: right;}
.about_dateline{padding-top: 12px;border-top: 1px dashed #ccc;text-align: center;margin-bottom: 15px;}
.about_dateline span{margin: 0 12px;color: #999;}
.about_n_img{width: 100%;height: 350px;border-radius: 12px;margin: 10px auto;}
.about_n_img img{width: 100%;}
.about_text{line-height: 2;text-align: justify;font-size: 16px;word-wrap: break-word;min-height: 300px;padding: 15px 0;}
.env{padding: 25px 15px;}
.env h2{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 25px;padding-bottom: 12px;border-bottom: 1px dashed #ccc;}
.env img{width: 100%;}
.newslist ul li{margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px dashed #ccc;position: relative;padding-right: 25px;}
.newslist a.flex{flex-flow: wrap;}
.text_box{flex: 1;margin-left: 25px;flex-flow: wrap;flex-direction: column;padding: 25px 0;}
.text_box .txt{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 22px;}
.news_content{font-size: 14px;color: #666;text-align: justify;line-height: 2;}
.newslist .img{width: 240px;height: 180px;overflow: hidden;}
.newslist .img img{width: 100%;}
.newslist ul li .time{position: absolute;right: 15px;top: 25px;color: #999;}
.newslist ul li:hover{transform: translateX(8px);transition: 0.5s all ease-in-out;box-shadow: 0 0 12px #ccc;}
.pagelist{margin: 45px auto 85px;display: flex;justify-content: center;flex-flow: wrap;align-items: center;}
.pagelist a{display: inline-block;padding: 7px 12px;color: #666;border: 1px #ccc solid;margin: 5px 2px;transition: 0.3s;}
.pagelist a:hover,.pagelist a.cur{background: rgba(202, 23, 29, 1);border-color: rgba(202, 23, 29, 1);color: #fff;}

.page{margin: 45px auto;color: #999;font-size: 14px;padding-top: 15px;border-top: 1px dashed #ccc;text-align: center;}
.page a{display: inline-block;color: #666;font-size: 14px;}
.page a:hover{color: rgba(202, 23, 29, 1);}

.productlist ul{justify-content: flex-start;flex-flow: wrap;}
.productlist ul li{width: 23%;margin:0 1.3% 15px;border-radius: 12px 12px 0 0;overflow: hidden;background: rgba(245, 245, 245, 1);padding: 2px;box-sizing: border-box;transition: 0.3s all ease-in-out;}
.productlist ul li:nth-child(4n){margin-right: 0;}
.productlist ul li:nth-child(4n + 1){margin-left: 0;}
.productlist ul li .img{width: 100%;overflow: hidden;border-radius: 12px 12px 0 0;}
.productlist ul li .img img{width: 100%;}
.productlist ul li .txt{width: 100%;padding:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;box-sizing: border-box;text-align: center;}
.productlist ul li:hover{background: rgba(202, 23, 29, 1);}
.productlist ul li:hover .txt{color: #fff;}
.productlist ul li img:hover{transform: scale(1.08);transition: 0.3s all ease-in-out;}

.pro_img,.pro_img img{max-width: 100%;margin: 0 auto;text-align: center;}
.job1{
	width: 100%;
}
.job1 .jobitems{
	flex-flow: wrap;
	align-items: center;
	justify-content: space-between;
}
.job1 .jobitems .jobitem{
	background: #fff;width: 23%;height: 230px;flex-direction: column;align-items: center;padding: 45px 25px;box-sizing: border-box;
	position: relative;
}

.jobitem:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background-color: #CA171D;
    height: 4px;
    transition: all .3s ease-out;
}
.jobitem:hover:before {
    left: 0;
    right: 0;
    z-index: 33;
}
.job1 .jobitems .jobitem span{font-size: 36px;color: #333;}
.job1 .jobitems .jobitem h2{
	margin: 24px 0;
	font-size: 20px;color: #333;font-weight: 700;
}
.job1 .jobitems .jobitem p{
	font-size: 15px;line-height: 1.5;text-align: justify;
}


.job1 .jobitems .jobitem:hover p,
.job1 .jobitems .jobitem:hover span,
.job1 .jobitems .jobitem:hover h2{
	color: #CA171D;
}

.job2{padding: 20px;margin: 35px 0;background: #fff;min-height: 650px;}
.job2 h2{font-size: 20px;padding-bottom: 20px;}
.cc-collapse--header{height: 50px;line-height: 50px;border-top: 1px solid #ebedf0;border-bottom: 1px solid #ebedf0;cursor: pointer;}
.cc-collapse--header i{transform: rotate(90deg);display: inline-block;margin-right: 25px;}
.cc-collapse--header{font-size: 18px;color: #333;}
.cc-collapse--content{
	background-color: #fff;
    font-size: 16px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s;}

.job-c{
	padding: 20px;line-height: 2;
}
.item__block .cc-collapse--content
{
	max-height: 350px;
    overflow: auto;
}
.item__block .cc-collapse--header i{transform: rotate(180deg);transition: 0.5s;}