@charset "utf-8";
/*内页大图*/
.n-banner{
	width: 100%;
	overflow: hidden;
}
.n-banner img{
	width: 100%;
	display: block;
	overflow: hidden;
}

.ny{
	padding-bottom: 70px;
	overflow: hidden;
}
.ny .n-path{
	width: 100%;
	display: flex;
	line-height: 80px;
	overflow: hidden;
}
.ny .n-content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	overflow: hidden;
}
.ny .n-content .n-left{
	width: 288px;
	overflow: hidden;
}
.ny .n-content .n-left .title{
	width: 100%;
	background: #b31b1b;
	color: #fff;
	padding:0 15px;
	line-height: 60px;
}
.ny .n-content .n-left .content{
	border:1px #eee solid;
	border-top: none;
}
.ny .n-content .n-left .typelist .content li{
	border-bottom: 1px #eee solid;
}
.ny .n-content .n-left .typelist .content li:last-child{
	border-bottom: none;
}
.ny .n-content .n-left .typelist .content a{
	padding:0 15px;
	line-height: 48px;
	display: flex;
	align-items: center;
}
.ny .n-content .n-left .typelist .content li.on a{
	color: #b31b1b;
}
.ny .n-content .n-left .prolist .content{
	padding:15px;
}
.ny .n-content .n-left .prolist .content li{
	border-bottom: 1px #eee solid;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.ny .n-content .n-left .prolist .content li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ny .n-content .n-left .prolist .content .image{
	width: 120px;
	overflow: hidden;
}
.ny .n-content .n-left .prolist .content .image .box img{
	width: 100%;
	display: block;
}
.ny .n-content .n-left .prolist .content .word{
	width: calc(100% - 140px);
}
.ny .n-content .n-left .prolist .content .more a{
	display: block;
	width: 140px;
	height: 36px;
	background: #b31b1b;
	color: #fff;
	text-align: center;
	line-height: 36px;
}
.ny .n-content .n-left .prolist .content .more a:hover{
	background: #ef7f1b;
}
.ny .n-content .n-right{
	width: calc(100% - 348px);
	border-top: 5px #b31b1b solid;
	overflow: hidden;
}
.ny .n-content .n-right .n-typename{
	line-height: 60px;
	width: 100%;
	overflow: hidden;
}
.ny .n-content .n-right .n-main{
	width: 100%;
	overflow: hidden;
}
.ny .n-content .n-right .n-main .image img{
	width: 100%;
	height: auto;
}
.ny .n-content .n-right .n-main img{
	max-width: 100%;
	height: auto;
}

.n-pic{
	width: 100%;
	overflow: hidden;
}
.n-pic li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-top: 2%;
}
.n-pic li:nth-child(3n){
	margin-right: 0;
}
.n-pic a{
	display: block;
	border:1px #eee solid;
}
.n-pic .image{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}
.n-pic .image .box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.n-pic .image .box img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}
.n-pic .title{
	border-top: 1px #eee solid;
	text-align: center;
	padding:0 15px;
	line-height: 40px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.n-case{
	width: 100%;
	overflow: hidden;
}
.n-case li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-top: 2%;
}
.n-case li:nth-child(3n){
	margin-right: 0;
}
.n-case a{
	display: block;
}
.n-case .image{
	width: 100%;
	overflow: hidden;
}
.n-case .title{
	width: 100%;
	line-height: 60px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    text-align: center;
}

.n-casedetail{
	width: 100%;
	overflow: hidden;
}
.n-casedetail .title{
	width: 100%;
	height: 44px;
	background: #b31b1b;
	color: #fff;
	padding:0 15px;
	line-height: 44px;
}
.n-casedetail .box1,
.n-casedetail .box2,
.n-casedetail .box3,
.n-casedetail .box4{
	width: 100%;
	overflow: hidden;
}
.n-casedetail .box1{
	width: 100%;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.n-casedetail .box1 .left{
	width: 52%;
}
.n-casedetail .box1 .left img{
	width: 100%;
	display: block;
}
.n-casedetail .box1 .left .bigImg{
	width: 100%;
	border:1px #eee solid;
	overflow: hidden;
}
.n-casedetail .box1 .left .bigImg img{
	width: 100%;
	display: block;
}
.n-casedetail .box1 .left .smImg{
	margin-top: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n-casedetail .box1 .left .smImg .swiper-button-prev,
.n-casedetail .box1 .left .smImg .swiper-button-next{
	width: 10px;
	position: static;
	margin:0;
}
.n-casedetail .box1 .left .smImg .swiper-button-prev:after,
.n-casedetail .box1 .left .smImg .swiper-button-next:after{
	font-size: 20px;
	color: #2b2b2b;
}
.n-casedetail .box1 .left .smImg .swiper-button-prev{
	left: 0;
	justify-content: flex-start;
}
.n-casedetail .box1 .left .smImg .swiper-button-next{
	right: 0;
	justify-content: flex-end;
}
.n-casedetail .box1 .left .smImg .swiper-container{
	width: calc(100% - 40px);
}
.n-casedetail .box1 .left .smImg li{
	cursor: pointer;
	border:1px #eee solid;
}
.n-casedetail .box1 .left .smImg li img{
	width: 100%;
	display: block;
}
.n-casedetail .box1 .right{
	width: 44%;
}
.n-casedetail .box1 .right h2 a{
	width: 120px;
	background: #b31b1b;
	height: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
	color: #fff;
}
.n-casedetail .box3 .form-group{
	width: 100%;
	background: #f7f7f7;
	margin-top: 10px;
	height: 50px;
	padding:0 15px;
}
.n-casedetail .box3 .form-group input,
.n-casedetail .box3 .form-group textarea{
	border:none;
	width: 100%;
	height: 100%;
	background: none;
	resize: none;
	display: block;
}
.n-casedetail .box3 .form-group.text{
	height: 120px;
	padding:15px;
}
.n-casedetail .box3 .form-group.last{
	background: none;
	padding:0;
}
.n-casedetail .box3 .form-group.last button{
	width: 120px;
	height: 40px;
	background: #b31b1b;
	float: right;
	border:none;
	color: #fff;
	cursor: pointer;
	-webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
}
.n-casedetail .box3 .form-group.last button:hover{
	background: #ef7f1b;
}
.n-casedetail .box4 li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-top: 2%;
}
.n-casedetail .box4 li:nth-child(3n){
	margin-right: 0;
}
.n-casedetail .box4 a{
	display: block;
}
.n-casedetail .box4 .image{
	width: 100%;
	overflow: hidden;
}
.n-casedetail .box4 .word{
	width: 100%;
	line-height: 60px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    text-align: center;
}

.n-news{
	width: 100%;
	overflow: hidden;
}
.n-news li{
	width: 100%;
	border-bottom: 1px #eee solid;
	padding:30px 0;
	overflow: hidden;
}
.n-news a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.n-news .image{
	width: 300px;
}
.n-news .image img{
	display: block;
}
.n-news .word{
	width: calc(100% - 340px);
}
.n-news .word .title{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.n-news .word .content{
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.n-news .word .more{
	width: 100px;
	height: 36px;
	text-align: center;
	background: #b31b1b;
	color: #fff;
	line-height: 36px;
	-webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
}
.n-news .word .more:hover{
	background: #ef7f1b;
}

.n-newsdetail{
	width: 100%;
	overflow: hidden;
}
.n-newsdetail .title{
	text-align: center;
}
.n-newsdetail .date{
	text-align: center;
}
.n-newsdetail .content{
	width: 100%;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	overflow: hidden;
}
.n-newsdetail .page{
	line-height: 36px;
}

.jobbox {
    overflow: hidden;
}
.jobbox .desc {
    height: 60px;
    line-height: 60px;
    background: #b31b1b;
    padding-left: 3%;
}
.jobbox .desc span {
    float: left;
    color: #fff;
    font-size: 16px;
    padding-right: 10px;
}
.jobbox .desc span:nth-child(1) {
    width: 25%;
}
.jobbox .desc span:nth-child(2) {
    width: 10%;
}
.jobbox .desc span:nth-child(3) {
    width: 15%;
}
.jobbox .desc span:nth-child(4) {
    width: 40%;
}
.jobbox .desc span:nth-child(5) {
    width: 10%;
}
.jobbox ul li {
    border-bottom: 1px solid #dfdfdf;
}
.jobbox ul li .jobtop {
    padding:18px 0 18px 3%;
    background: #fff;
    cursor: pointer;
    display: flex;
}
.jobbox ul li dt {
    background: #ddd;
    padding:2% 3%;
    display: none;
}
.jobbox ul li span {
    float: left;
    color: #000;
    font-size: 16px;
    align-self: center;
    padding-right: 10px;
}
.jobbox ul li span:nth-child(1) {
    width: 25%;
}
.jobbox ul li span:nth-child(2) {
    width: 10%;
}
.jobbox ul li span:nth-child(3) {
    width: 15%;
}
.jobbox ul li span:nth-child(4) {
    width: 40%;
}
.jobbox ul li span:nth-child(5) {
    width: 10%;
}
.jobbox ul li .jobdes div {
    color: #000;
    margin-bottom: 20px;
}
.jobbox ul li .job-in {
    width: 170px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #da251c;
    display: block;
}

.n-page{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.n-page ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.n-page li.first,
.n-page li.last{
	display: none;
}
.n-page a{
	display: inline-block;
	border:1px #eee solid;
	border-radius: 4px;
	padding:3px 12px;
	margin:0 3px;
}
.n-page a.cur{
	color: #fff;
	background: #b31b1b;
	border-color: #b31b1b;
}
.n-page li.disabled a{
	background: #eee;
	pointer-events: none;
}
.n-page li.prev a,
.n-page li.next a{
	font-family: '宋体';
}