@font-face {
font-family:neutraface2;
src: url(neutraface2.ttf),;
}
/* banner */
.benners {
	width: 100%;
	max-width: 1920px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	position: relative;
}

.benners .swiper-container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.benners .swiper-slide {
	width: 100%;
	text-align: center;
	font-size: 18px;
	background: #fff;
	overflow: hidden;
}

.benners .swiper-slide a img {
	width: 100%;
	transition: transform 3s, height .3s; transform: scale(1.15);
	transition-timing-function: ease;
}
.benners .swiper-slide-active a img {
	transform: scale(1) !important;
}

.benners .swiper-pagination-bullet {
	width: 60px;
    height: 6px;
	text-align: center;
	line-height: 2px;
	font-size: 0px;
	color: #808080;
	border-radius: 0 !important;
	opacity: 1;
	background: #808080;
}

.benners .swiper-pagination-bullet .swiper-line {
	display: block;
	width: 0;
	height: 100%;
	box-sizing: border-box;
	transition: none;
}

.benners .swiper-pagination-bullet-active .swiper-line {
	display: block;
	width: 100%;
	background: #fff;
	transition: width 5s;
}
.benners .swiper-pagination {
    bottom: 40px !important;
}
.benners .swiper-slide-active {
	opacity: 1;
}
.benners .swiper-button-next,
.benners .swiper-button-prev {
	display: none;
	margin-top: -50px;
	z-index: 10;
    padding: 10px 5px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.4s;
	opacity: 0.6;
}
.benners .swiper-container:hover .swiper-button-next,
.benners .swiper-container:hover .swiper-button-prev {
	display: flex;
}
/* .benners .swiper-container .swiper-button-next:hover,
.benners .swiper-container .swiper-button-prev:hover {
	opacity: 1;
} */

.benners .swiper-button-next:after, .benners .swiper-button-prev:after {
    font-size: 24px;
    color: #fff !important;
}
.banner_slideitempc{height: 100%; object-fit: cover;}
@media (min-width: 1200px){
	/*轮播图*/
	.banner_slideitempc {
        display: block;
    }
    .banner_slideitemmb {
        display: none;
    }
    /*轮播图结束*/
}
@media (max-width: 992px){
    .benners .swiper-pagination { bottom: 10px !important;}
    .benners .swiper-pagination-bullet {width: 40px;}
}
@media (max-width: 580px){
.banner_slideitemmb{height: 200px;}
}
/* banner结束 */



/*第二模块*/
.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.hcs{border-radius: 5px;}
.hcs .ggtitle{
	padding-top: 40px;
}
.home-class {
	position: relative;
	margin-top: 0px;
	z-index: 28
}
.home-class .info{margin-top: 20px;}
.home-class ul {
	margin: 0 9px;
	background: #fff;
}

.home-class ul li {
	width: 25%;
	float: left;
	text-align: center;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.home-class ul li .box {padding-top: 20px;}
.home-class ul li .img {
	position: relative;
	margin: 0 auto;
	width: 131px;
	height: 131px;
	background: url("../images/bg.png") no-repeat 23px 27px;
	transition: .5s;
	border-radius: 50%;
	overflow: hidden
}

.home-class ul li .img:after {
	position: absolute;
	top: 9px;
	left: 9px;
	border-radius: 50%;
	border: 1px dashed #fff;
	background: #d03233;
	width: 113px;
	height: 113px;
	z-index: 1;
	content: '';
	display: block;
	opacity: 0;
	transition: .5s;
	animation: zhuanquan 10s linear 0s infinite
}

.home-class ul li .pic {
	width: 97px;
	height: 97px;
	position: absolute;
	top: 17px;
	left: 17px;
	transition: .5s;
	z-index: 2;
	border-radius: 50%
}

.home-class ul li .ph {
	opacity: 0
}

.home-class ul li .text {
	padding: 4px 24px 40px 24px;
	transition: .5s
}

.home-class ul li .text .bt {
	font-size: 25px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-class ul li .text .span {
	text-transform: uppercase;
	font-size: 14px;
	color: #7c7c7c;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 33px
}

.home-class ul li .text .jsh {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	height: 65px;
	overflow: hidden
}
@keyframes zhuanquan {
	100% {
		transform: rotate(360deg)
	}
}

@media(min-width:1025px){
	/*第二模块*/
	.home-class ul li:hover .box{
		background: #d03233
	}
	.home-class ul li:hover .img{
		/* transform: translateY(-74px); */
		background: rgba(255,200,71,0.29)
	}

	.home-class ul li:hover .img:after{
		opacity: 1
	}

	.home-class ul li:hover .img .p{
		opacity: 0
	}
	.home-class ul li:hover .img .ph{
		opacity: 1;
		background: #fff
	}
	/* .home-class ul li:hover .text{
		padding: 4px 24px 83px 24px;
		margin-top: -43px
	} */
	.home-class ul li:hover .text .bt {
		color: #fff
	}
	.home-class ul li:hover .text .span {
		color: #fff
	}
	.home-class ul li:hover .text .jsh {
		color: #fff
	}
	/*第二模块结束*/
}


.lsys_box{
/* background: url(../images/pk_bj.png) no-repeat top center; */
padding-top: 60px; padding-bottom: 70px;}
.lsys_content{position: relative;margin-top: 40px;}
.lsys_content img{height: 400px;margin: auto;display: block;}
.lsys_content>div{color: #333;line-height: 2;font-size: 18px;position: absolute;}
.lsys_content>div h4{font-size: 22px;font-weight: bold;line-height: 1;margin-bottom: 6px;}
.lsys_content .lsysp1 {
    top: 40px;
    left: 200px;
}
.lsys_content .lsysp2 {
	top: 150px;
    left: 130px;
}
.lsys_content .lsysp3 {
	top: 260px;
    left: 140px;
}
.lsys_content .lsysp4 {
    top: 40px;
    right: 172px;
}
.lsys_content .lsysp5 {
	top: 150px;
    right: 135px;
}
.lsys_content .lsysp6 {
	top: 260px;
    right: 90px;
}


/*关于我们  */
.ggtitle{text-align: center;color: #000000;}
.ggtitle h3{font-size: 36px;line-height: 1.4;}
.ggtitle h3 span{color: #E10216;font-size: 36px;line-height: 1.4;}
.ggtitle p{font-size: 14px;line-height: 22px; text-transform: uppercase;letter-spacing: -1px;}

.about {
    display: flex;
    position: relative;
}

.aboutl {
    width: 55%;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.aboutl img{
    width: 100%;
}
.aboutr {
    width: 45%;
    background-color: #0097d8;
}

.about_zheyan{position: absolute;
left: 25%;
top: 50%;
transform: translateY(-50%);
z-index: 9;cursor: pointer;
}
.about_zheyan p{color: #fff; width: 100%;text-align: center;font-size: 22px;font-weight: bold;}

.videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -210px;
    z-index: 100;
    width: 640px;
    height: 360px;
}
.vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
}

.aboutdw {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.aboutdw_box {
    height: 100%;
}

.aboutdw_boxl {
    width: 50%;
    padding-right: 80px;
    /* height: 575px; */
}

.aboutdw_boxr {
    background-color: #fff;
    width: 50%;
    height: 100%;
    border-radius: 8px;
    padding: 80px;
    display: flex;
    align-items: center;
}

.aboutdw_boxr_box {
    width: 100%;
}

.aboutdw_boxr_boxh {
    font-size: 36px;
    text-transform: capitalize;
}
.aboutdw_boxr_boxh span{
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}
.aboutdw_boxr_boxp {
    margin-top: 20px;
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    word-break: break-all;
    /* text-indent: 2rem; */
}

.aboutdw_boxr_boxp p {
    display: block;
    /* margin: 30px 0; */
}

.aboutdw_boxr_gd {
    display: flex;
    margin-top: 60px;
    text-align: center;
    line-height: 60px;
}

.aboutdw_boxr_gdvideo {
    width: 230px;
    height: 60px;
    background-color: #ef8d01;
    cursor: pointer;
}

.aboutdw_boxr_gdvideo i {
    font-size: 22px;
    line-height: 1;
    color: #fff;
}

.aboutdw_boxr_gdvideo span {
    color: #fff;
    line-height: 1;
    margin-left: 7px;
    font-size: 15px;
}

.aboutdw_boxr_gd .aboutdw_boxr_gdmore {
    width: 230px;
    height: 60px;
    background-color: #0097d8;
}
.aboutdw_boxr_gd .aboutdw_boxr_gdmore.aboutdw_boxr_gdmorel{
    background-color:#d03233 ;
}
.aboutdw_boxr_gdmore span {
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

.aboutdw_boxr_gdmore i {
  margin-right: 6px;
    font-size: 16px;
    color: #fff;
}
.justify-content-end{
display: flex;justify-content: flex-end !important;
}


/*四大核心价值*/
.khz_box{padding-top: 50px;}
.khz_content{margin-top: 30px;}
.khz_item{flex: 1;line-height: 56px;font-size: 25px;text-align: center;font-weight: bold;position: relative;border-bottom: 1px solid #e6e6e6;color: #000000;}
.khz_item.on{border-bottom: 1px solid #d03233;color: #d03233;}
.khz_qh{display: none;}
.khz_qh.on{display: block;}

.khz_bj {width: 100%;position: relative;}
.khz_bj_box{display: flex;flex-wrap: wrap;}
.khz_bj_item{width: 50%;}
.khz_bj_item img{width: 100%;display: block;}
.ksgs_box {}
.khz_abt{position: absolute;left: 80px;top: 95px;}
.khz_abt h4{font-size: 24px;line-height: 1;color: #d03233;margin-bottom: 30px;}
.ksgs_box .ksgs_title{margin-top: 10px;}
.ksgs_box .ksgs_title:nth-of-type(1){margin-right: 50px;}
.ksgs_title_box{width: 36px;height: 36px;line-height: 34px;text-align: center; border: 1px solid #000000;margin-right: 14px;font-size: 16xp;font-weight: bold;}
.ksgs_title_right{font-size: 18px;line-height: 34px;font-weight:700;}

.xzbd_box{margin-top: 60px;}
.xzbd_flex{display: flex;flex-wrap: wrap;}
.xzbd_flex>div{width: calc(100% / 3);    background-color: rgba(0, 151, 216, .1);}
.xzbd_left{display: flex;align-items: center;justify-content: center;}
.xzbd_left h3 {font-size: 32px;color: #C00000; text-align: center;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
.xzbd_zj img{width: 100%;}
.xzbd_right{display: flex;align-items: center;justify-content: center;}
.xzbd_right h3{color: #7030A0;font-size: 32px; text-align: center; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
.xzbd_right h3 i{font-size: 36px;}
.xzbd_right h3 b{color: #C00000;font-size: 36px;}


/*优势*/
.wdys_box{background: url(../images/ysrightbw.png) right bottom no-repeat;position: relative;}
.sd_flex_left{width: 53.3%;}
.sd_flex_left img{width: 100%;}
.sd_flex_right{
	width: 46.7%;
	padding-top: 112px;
    overflow: hidden;
    background: url(../images/ysright.png) left bottom no-repeat;
}

.why_txt1{width: calc(100% - 52px); margin-left:52px; padding-bottom:10px; position:relative; border-bottom:1px solid #ddd;}
.why_txt1 i{position:absolute; left:0px; top:-3px; font-family:neutraface2; font-size:66px; line-height:66px; color:#d03233;}
.why_txt1 em{display:block; margin-left:96px; padding-left:30px; font-size:30px; line-height:47px; color:#fff; background:#d03233; border-top-left-radius:20px;}
.why_txt1 span{display:block; margin-top:36px; font-family:Arial; font-size:16px; line-height:16px; color:#b1b1b1;}
.why_txt2{width: calc(100% - 52px); margin-left:52px; margin-top:35px;}
.why_txt2 p{font-size:20px; line-height:26px;font-weight: bold;}
.why_txt2 p:nth-child(2){margin-top:22px;}


.thumbnail{position:absolute; left:50%;transform: translateX(-50%);bottom: 40px; z-index:99;}
.thumbnail ul{display: flex;}
.thumbnail li{height:117px; overflow:hidden; position:relative; margin-right:10px; cursor:pointer;}
.thumbnail li img{border:2px solid #fff; transition:all .5s ease;width: 150px;height: 100px;object-fit: cover;box-sizing: border-box;}
.thumbnail li p{position:absolute; left:2px; top:2px; display:block; width:146px; font-size:20px; line-height:96px; color:rgba(255,255,255,0.8); font-weight:bold; text-align:center; background:rgba(34,34,34,0.7); transition:all .5s ease;}
.thumbnail li em{position:absolute; left:68px; top:-30px; display:block; width:28px; text-align:center; font-family:Arial; font-size:16px; line-height:28px; color:#fff; font-weight:bold; border-radius:14px; background:#d03233; transition:all .5s ease;}
.thumbnail li:hover img,.thumbnail li.on img{border-color:#d03233;}
.thumbnail li:hover p,.thumbnail li.on p{display:none;}
.thumbnail li:hover em,.thumbnail li.on em{top:89px;}

.fwts_box{margin-top: 70px;padding-bottom: 60px;}
.fwtscont_box{margin: 0px 50px;}
.fwcont{margin-top: 50px;}
.fwcontimg{width: 46.4%;}
.fwcontimg img{width: 100%;}
.fwcontnr{width: 47.4%;}
.fwcontnr img{width: 100%;}

.fwcontnr ul{padding-left: 60px; margin-top: 15px;}
.fwcontnr ul li {background: url(../images/ggg.png) no-repeat left;
padding-left: 30px;line-height: 30px;background-position-y: 4px;
color: #333;margin-bottom: 5px;font-size: 16px;}
.fwcontnr ul li strong{font-weight: bold;font-size: 16px;color: #000;}


.case_box{padding-top: 70px;padding-bottom: 60px;background-color: #f1f1f1;}
.case_list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;margin-bottom: -15px;}
.case_list .case_item{width: calc((100% - 60px)/4);margin-right: 20px;margin-bottom: 15px;position: relative;}
.case_list .case_item:nth-of-type(4n){margin-right: 0px;}
.case_item_img{overflow: hidden;}
.case_item_img img{width: 100%;transition: 0.4s;} 
.case_title{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);text-align: center;min-width: 220px; height: 80px;background: #F2F2F2;}
.case_title h3{color: #C61D1D;font-size: 20px;
    display: block;box-sizing: border-box;
    padding: 15px 10px 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.case_title p{
		color: #666;
		font-size: 13px;
		text-align: center;
	}

.case_list .case_item:hover img{transform: scale(1.2);}

.qthzlc_box{padding: 70px 0px 60px 0px;}
.qthzlc_list{display: flex;flex-wrap: wrap;margin-top: 20px;}
.qthzlc_item{position: relative;width: 20%;border: 1px solid #ccc; border-right:0px;padding-top: 30px;text-align: center;height: 260px;overflow: hidden;}
.qthzlc_list .qthzlc_item:nth-last-of-type(1){border-right:1px solid #ccc;}

.qthzlc_item img{display: inline-block;height: 56px;margin: auto;transition: all 0.4s;}
.qthzlc_item p{font-size: 16px;margin-top: 15px;color: #333333;}
.qthzlc_item span{font-size: 14px;color: #555555;}
.qthzlc_item em {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 170px;
    font-family: Impact;
    font-size: 60px;
    line-height: 60px;
    color: #e5e5e5;
    font-weight: normal;
}

.qthzlc_item:hover img{transform: scaleX(-1);}



/*新闻中心*/
.prolins{
	border-top:1px solid #d9d9d9;
	margin-top: 20px;
}
.cpfl{
	height: 40px;
	line-height: 40px;
	margin-top: 18px;
	margin-bottom: 50px;
	text-align: center;
}
.cpfl a{
	position: relative;
	display: inline-block;
	height: 36px;
	margin: 0 20px;
	font-weight: 200 !important;
	color: #333;
}
.cpfl a:before{
	width: 1px;
    height: 22px;
    content: '';
    display: inline-block;
    background: #ddd;
    position: relative;
    top: 6px;
    right: 22px;
}
.cpfl a:nth-of-type(1):before{
	opacity: 0;
}
.cpfl a:after {
    height: 2px;
    content: '';
    display: block;
    margin: 0px auto 0;
    width: 40%;
    transform: scaleX(1);
    transition: all .2s cubic-bezier(.18, .89, .17, .88), opacity .15s ease;
}
.cpfl a.on:after, .cpfl a:hover:after {
    background: #f92536;
}
.cpfl a.on,.cpfl a:hover{
	    color: #f92536;
    font-weight: normal;
}

.new_box{padding-bottom: 70px;}
.new_box .cpfl{margin-bottom: 30px;}
.newlist{display: flex;justify-content: space-between;}

.newlist a{
	/* width: calc((100% - 60px )/4 ); */
	width: calc(25% - 16px);
	background: #fff;
}

.newlist .t1{
	overflow: hidden;
}
.newlist .t1 img{
	transition: all 0.4s;
	height: 300px;
    width: 100%;
    object-fit: cover;
	transition: all 0.4s;
}
.newlist .t2{
	padding: 15px 30px 30px;
	background-color: #f0f2f5;
	color: #333333;
}
.newlist .t2 span{
    float: none;
    margin: 0 0 4px 0;
    display: block;
}
.newlist .t2 h3{
    font-size: 18px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    font-weight: normal;
}
.newlist .t2 p{
	font-size: 14px;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
}
.newlist a:hover{
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.newlist .newitem:hover .t1 img{
	transform: scale(1.1);
}
.newlist a:hover .t2 h3{
    color: #f92636;
}


.ggb_ljgd{
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.ggb_ljgd a{
	width: 160px;
	line-height: 40px;
	border: 1px solid #000;
    border-radius: 4px;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 2;
}
.ggb_ljgd a span{
	font-size: 16px;
	color: #333333;
	font-weight: 500;
	transition: all 0.4s;
}
.ggb_ljgd a::after{
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    transition: all .3s;
    width: 0;
	z-index: -1;
}
.ggb_ljgd a:hover span{
    color: #fff;
}
.ggb_ljgd a:hover:after {
    width: 100%;
}