@charset "utf-8";
/* CSS Document */
@font-face{font-family:"BEBAS";src:url("../font/BEBAS.woff2") format("woff2"),url("../font/BEBAS.woff") format("woff"),url("../font/BEBAS.ttf") format("truetype"),url("../font/BEBAS.eot") format("embedded-opentype"),url("../font/BEBAS.svg") format("svg");}

@font-face{font-family:"Impact";src:url("../font/Impact.woff2") format("woff2"),url("../font/Impact.woff") format("woff"),url("../font/Impact.ttf") format("truetype"),url("../font/Impact.eot") format("embedded-opentype"),url("../font/Impact.svg") format("svg");}




.drwp .title{
	padding:60px 0 50px;
	}
.drwp .title h1{ 
	color: #eee;
    font-size: 76px;
    text-align: center;
	}
.drwp .title span {
    color: #009a4e;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
	margin-top:-65px;
}
.drwp .title p{
    color: #ccc;
	text-align:center;
    font-size: 22px;
    margin-bottom: 30px;
}
.drwp .title .xian{
	width:50px;
	height:4px;
	margin:0 auto;
	background-color:#f25920;
	}
.drwp .more{
	width:150px;
	height:45px;
	background-color:#009a4e;
	color:#fff;
	display:block;
	margin:0 auto;
	font-size:14px;
	text-align:center;
	line-height:45px;
	}
.drwp .more:hover{
	box-shadow:0 2px 8px #40c583;
	transition:all 0.3s linear;
	}
	
.drwp .about{
	background:url(../images/about_bg.jpg) no-repeat center/cover;
	padding-bottom:80px;
	}
.drwp .about .box{
	max-width:1000px;
	margin:0 auto;
	}
.drwp .about .box .p{
	font-size:14px;
	line-height:24px;
	color:#666;
	text-align:center;
	}

.drwp .gg{
	background: url(../images/gg_bg.jpg) no-repeat center/cover;
    padding: 60px 0;
	overflow:hidden;
	}
.drwp .gg .center{	   
	overflow: hidden;
	}
.drwp .gg .list{
	float:left;
	width: calc(100%/3);
	position:relative;
	}
.drwp .gg .list h1.jumbo {
	font-size: 60px;
	color: #f25920;
	text-align:center;
	font-weight:normal;
	font-family: "BEBAS";
	}
.drwp .gg .list p.a{
	font-size:14px;
	color:#666;
	position:absolute;
	top:0;
	right:0;
	font-family: "BEBAS";
	}
.drwp .gg .list1 p.a{
	right: 84px;
	}
.drwp .gg .list2 p.a{
	font-size:14px;
	right:94px;
	}
.drwp .gg .list3 p.a{
	font-size:14px;
	right:68px;
	}
.drwp .gg .list p.b{
	font-size:14px;
	color:#666;
	text-align:center;
	font-family: "BEBAS";
	margin-top:10px;
	}

.drwp .industry{
	padding-bottom:100px;
	}
.drwp .industry .swiper-slide1 {
	position:relative;
	}	
.drwp .industry .swiper-slide1 .kuang{
	position:absolute;
	top:0;
	left:0;
	border:1px solid #fff;
	width:100%;
	height:100%;
	opacity:0;
	}
.drwp .industry .swiper-slide1:hover .kuang{
	opacity:1;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	left:10px;
	top:10px;
	transition:all 0.6s ease;
	}
.drwp .industry .swiper-slide1 .txt .xian{
	width:1px;
	height:30px;
	background-color:#ccc;
	margin:0 auto;
	}
.drwp .industry .swiper-slide1 .txt span{
	font-size:48px;
	color:#e5e5e5;
	text-align:center;
	display:block;
	font-weight:bold;
	}
.drwp .industry .swiper-slide1 .txt h1{
	font-size:24px;
	color:#666;
	text-align:center;
	font-weight:normal;
	padding-bottom:30px;
	}
.drwp .industry .swiper-slide1:nth-child(even) .txt h1{
	padding-bottom:0;
	padding-top:30px;
	}
.drwp .industry .swiper-slide1:hover .txt{
	background-color:#009a4e;
	transition:all 0.3s ease;
	}
.drwp .industry .swiper-slide1:hover .txt h1{
	color:#fff;
	transition:all 0.3s ease;
	}
.drwp .industry .swiper-slide1:hover .txt span{
	color:rgba(256,256,256,0.6);
	transition:all 0.3s ease;
	}
.drwp .honor{
	background-color:#f8f8f8;
	padding-bottom:60px;
	}
.drwp .case{
	background:url(../images/case_bg.jpg) no-repeat center/cover;
	padding-bottom:60px;
	}
.drwp .case .swiper-container3{
    padding-bottom: 80px;
	}	
.drwp .case .swiper-slide3{
	position:relative;
	}
.drwp .case .swiper-slide3 p{
	opacity:1;
	position:absolute;
	bottom:20px;
	left:20%;
	font-size:16px;
	color:#fff;
	background-color:#f25920;
	width:60%;
	text-align:center;
	height:40px;
	line-height:40px;
	}	
.drwp .case .swiper-slide3:hover p{
	opacity:1;
	transition:all 0.3s ease;
	}
	
.drwp .other{
	padding:60px 0;
	background:url(../images/other_bg.jpg) no-repeat center/cover;
	}
.drwp .other .list{
	overflow:hidden;
	display: flex;
    justify-content: center;
    align-items: center;
	}
.drwp .other .list li{
	float:left;
	width:calc(76%/4 - 0.75px);
	padding:0 3%;
	text-align:center;
	}
.drwp .other .list>.xian{
	width:1px;
	height:120px;
	background-color:#ccc;
	float:left;
	}
.drwp .other .list li h1{
	color:#fff;
	font-size:18px;
	margin-top:15px;
	}
.drwp .other .list li p{
	color:#fff;
	font-size:14px;
	line-height:24px;
	display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.drwp .other .list li .xian{
	width:40px;
	height:2px;
	background-color:#f25920;
	margin:20px auto;
	}
.drwp .other .list li a{
	margin-top:25px;
	font-size:14px;
	color:#fff;
	display:block;
	}
.drwp .other .list li a:hover{
	color:#f25920;
	transition:all 0.3s ease;
	}

.drwp .news{
	padding:60px 0 80px;
	}
.drwp .news .title{
	float:left;
	padding:0;
	}
.drwp .news .title h1{
	text-align:left;
	}
.drwp .news .title span{
	text-align:left;
	}
.drwp .news .title .xian{
	margin:30px 0 0;
	}	
	
.drwp .news .nav_list{
	float:right;
	margin-top:48px;
	}
.drwp .news .nav_list li{
	float:left;
	width:80px;
	height:30px;
	margin-right:10px;
	}
.drwp .news .nav_list li:last-child{
	margin-right:0;
	}
.drwp .news .nav_list li a{
	font-size:14px;
	color:#666;
	line-height:30px;
	text-align:center;
	display:block;
	}
.drwp .news .nav_list li:hover a{
	color:#fff;
	background-color:#f25920;
	transition:all 0.3s ease;
	}
.drwp .news .nav_list .ative a{
	color:#fff;
	background-color:#f25920;
	}
.drwp .news #feature_list{
	margin-top:60px;
	}




/* 补充 */
.about-bottom {
	align-items: flex-start;
}
.aboutContent {
    width: 46%;
	background-color: #fff;
	padding: 18px;
}
.about-bottom li {
	padding: 10px 0;
	margin-left: 17px;
	list-style: disc;
	color: #009a4e;
}
.about-bottom .active {
	list-style: none;
	margin-left: 0;
}
.about-bottom .active .about-content01 {
    display: none;
}
.about-bottom .active .about-content02 {
    display: flex;
	background-color: #f8f8f8;
}
.about-title {
	margin-bottom: 15px;
}
.about-content02 .aboutTexts img {
    max-height: 95px;
    object-fit: contain;
}
.about-title p {
    position: relative;
	padding-left: 18px;
	font-size: 24px;
	max-width: 456px;
	color: #333;
}
.about-title p::after {
    content: '';
    width: 4px;
    height: 30px;
    background-color: #009a4e;
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-content01 {
	flex-wrap: nowrap;
}
.about-content01 p {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: -5px;
	color: #333;
}
.about-content01 span {
	color: #333;
}
.about-content02 {
	display: none;
	flex-wrap: nowrap;
	align-items: flex-start;
	padding: 10px 10px;
	max-height: 170px;
    overflow: hidden;
}
.about-content02 img {
	max-width: 270px;
	width: 100%;
	max-height: 150px;
	object-fit: cover;
}
.aboutTexts {
	width: 45%;
	padding-left: 10px;
}
.aboutTexts p {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #333;
    margin-top: 5px;
}
.aboutTexts span {
	display: block;
	margin-top: 25px;
	color: #666;
}






	
@media (max-width:1099px){
.drwp .gg .list1 p.a{
	right: 70px;
	}
.drwp .gg .list2 p.a{
	right:80px;
	}
.drwp .gg .list3 p.a{
	right:55px;
	}
	}		
	
@media (max-width:996px){
	.drwp .title{
		padding: 24px 0;
		}
	.drwp .title h1 {
    	font-size: 46px;
	}
	.drwp .title span{
		font-size:30px;
		margin-top: -35px;
		margin-bottom: 5px;
	}
	.drwp .title p{
		font-size:16px;
		margin-bottom: 5px;
	}
	
	.drwp .about{
		padding-bottom:40px;
	}

.drwp .gg{
	padding:40px 0;
}	
.drwp .gg .list h1.jumbo{
	font-size:50px;
	}
.drwp .gg .list1 p.a{
	right: 65px;
	}
.drwp .gg .list2 p.a{
	right:75px;
	}
.drwp .gg .list3 p.a{
	right:50px;
	}
.drwp .gg .list p.a{
	font-size:13px;
	}

.drwp .industry{
	padding-bottom:40px;
	}
.drwp .industry .swiper-slide1 .txt span{
	font-size:40px
	}
.drwp .industry .swiper-slide1 .txt h1{
	font-size:20px;
	}
	
.drwp .honor{
	padding-bottom:30px;
	}
	
.drwp .case{
	padding-bottom:40px;
	}
.drwp .case .swiper-container3{
    padding-bottom:40px;
	}

.drwp .other{
	padding:40px 0 10px;
	}
.drwp .other .list{
	display:block;
	}
.drwp .other .list li{
	float:left;
	width:calc(84%/2);
	padding:0 4%;
	text-align:center;
	margin-bottom:30px;
	}
.drwp .other .list>.xian{
	display:none;
	}
.drwp .other .list li h1{
	font-size:16px;
	margin-top:10px;
	}
.drwp .other .list li .xian{
	margin:15px auto;
	}
.drwp .other .list li img{
	width:50px;
	}
.drwp .other .list li p{
	height:48px;
	}
.drwp .other .list li a{
	margin-top:15px;
	}
	
.drwp .news{
	padding:30px 0;
	}
.drwp .news .title{
	float:none;
	}
.drwp .news .title .xian{
	margin:15px 0 0;
	}
.drwp .news .nav_list{
	float:none;
	margin-top:30px;
	}	
.drwp .news .nav_list li{
	width:calc(100%/4);
	margin-right:0;
	}
.drwp .news #feature_list{
	margin-top:30px;
	}
.aboutContent  {
	width: 95%;
	margin-bottom: 20px;
	}
}

@media (max-width:767px){
.drwp .gg{
	padding:30px 0;
}		

.drwp .gg .list h1.jumbo {
    font-size: 30px;
}	
.drwp .gg .list p.a{
	font-size:12px;
	}
.drwp .gg .list1 p.a{
	right: 62px;
	}
.drwp .gg .list2 p.a{
	right:65px;
	}
.drwp .gg .list3 p.a{
	right:55px;
	}
}
@media (max-width:699px){
.drwp .gg .list p.a{
	display:none;
	}
.drwp .gg .list p.b{
	font-size:12px;
	}
	}
@media (max-width:599px){
	.drwp .title h1{
		font-size:30px;
		}
	.drwp .title span{
		font-size:22px;
		margin-top:-30px;
		margin-bottom:5px;
		}
	.drwp .title p{
		font-size:14px;
		margin-bottom:15px;
		}
	.drwp .title .xian{
		width:40px;
		height:3px;
		}
	.drwp .more{
		width:120px;
		height:40px;
		line-height:40px;
		}
	
	.drwp .industry .swiper-slide1 .txt span{
	font-size:35px
	}
	.drwp .industry .swiper-slide1 .txt h1{
	font-size:16px;
	}

.drwp .other .list li img{
	width:40px;
	}	
}
@media (max-width:425px){
	.about-content02 {
		flex-direction: column;
		align-items: center;
	}
	.aboutTexts {
		width: 95%;
	}
}