/* ==========================================================================
   index module
   ========================================================================== */

/*首页公司简介*/
.about-bg{
	clear: both;	
	position: relative;
	z-index: 10;
	background-size: cover;
	padding-bottom: 80px;
}
.about-bg:after{
	background: #f4f4f4;
	width: 100%;
	height: 52%;
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	content: '';
}
.aboutbar{
	clear: both;
	padding:0;
	max-width: 1600px;
	border-radius: 25px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}
.about-t{
	clear: both;
}
.about-t .en{
	color: #1f1e1c;
	text-transform: uppercase;
	font-size: 60px;
	font-weight: bold;
	font-family: Arial;
	float: left;
}
.about-t .ch{
	font-size: 30px;
	font-weight: bold;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
}
.about-t .c-name{
	font-size: 21px;
	line-height: 70px;
}
.about-box{
	font-size: 16px;
	color: #9d9b9b;
	overflow: hidden;
	clear: both;
	text-align: left;
}
.about-box .title1{
	font-size: 30px;
	color: #444;
}
.about-box .title2{
	font-size: 30px;
	color: #444;
	font-weight: bold;
	margin:20px 0;
}
.about-box .title3{
	color:#6b6b6b;
	margin-bottom: 30px;
	font-size: 20px;
	width: 60%;
	text-transform: capitalize;
	line-height: 1.3;
}
.about-box .more{
	margin-top: 50px;
}
.about-box .more a{
	display: block;
	width: 211px;
	height: 50px;
	border-radius: 30px;
	background: #df4318;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	transition-duration: 0.6s;
	position: relative;
	overflow: hidden;
}
.about-box .more i{
	font-size: 22px;
	margin-left: 10px;
}
.about-box .more a:before{
	width: 160px;
	height: 160px;
	background: rgba(255,255,255,0.2);
	content: '';
	transform: rotate(10deg);
	display: block;
	position: absolute;
	left: -90%;
	top: -50px;
}
.about-box .more a:hover{
	transition-duration: 0.3s;
}
.about-box .more a:hover:before{
	transform: rotate(30deg) translateX(100%);
	left: 110%;
}
.product-show{
	clear: both;
	padding: 50px 0 70px 0;
	background: linear-gradient(-95deg, #db290c, #e77006, #f0a004, #f3b603);
	background-size: 400% 400%;
	animation: gradientBG 6s ease infinite;	
	position: relative;
	overflow: hidden;

}
.product-show:before{
	position: absolute;
	width: 0;
    height: 0;
    border-left: 320px solid transparent;
    border-right: 320px solid transparent;
    border-bottom: 100px solid #FFF;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
    opacity: 0.9;
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes xuanzhuan {
	0% {
		transform:rotate(0); 
		-webkit-transform:rotate(0); /*兼容-webkit-引擎浏览器*/
		-moz-transform:rotate(0);
	}
	

	100% {
		transform:rotate(360deg); 
		-webkit-transform:rotate(360deg); /*兼容-webkit-引擎浏览器*/
		-moz-transform:rotate(360deg);
	}
}
.ys-pro-t{
	clear: both;
	position: relative;
	font-size: 40px;
	color: #FFF;
	font-weight: bold;
}
.show-t{
	width: 100%;
	text-align: center;
	color: #FFF;
	position: relative;
	margin-bottom: 50px;
}
.show-t:before{
	content: '';
	background: url(../img/in-produt-t.png) top center no-repeat;
	max-width: 791px;
	margin: 0 auto;
	clear: both;
	height: 87px;
	display: block;
	margin-bottom: -70px;
	background-size: contain;

}
.show-t .title1{
	font-size:40px;
	font-weight: bold;
}
.show-t .title2{
	font-size: 20px;
}
.show-t2{
	width: 100%;
	text-align: center;
	color: #FFF;
	position: relative;
	margin-bottom: 50px;
}
.show-t2:before{
	content: '';
	background: url(../img/in-produt-t2.png) top center no-repeat;
	max-width: 791px;
	margin: 0 auto;
	clear: both;
	height: 87px;
	display: block;
	margin-bottom: -70px;
	background-size: contain;

}
.show-t2 .title1{
	font-size:40px;
	font-weight: bold;
	color: #181716;
}
.show-t2 .title2{
	font-size: 20px;
	color: #181717;
}

.about-ys{
	clear: both;
	max-width: 1400px;
	margin:0 auto;
	overflow: hidden;
}
.about-ys ul li{
	box-sizing: border-box;
	text-align: left;
	text-align:center;
	background: url(../img/ys_li.png) top center no-repeat;
	margin-bottom: 30px;
}
.about-ys ul li i{
	font-size: 60px;
	line-height: 2;
	color: #333;
}

.about-ys ul li .t1{
	font-size: 24px;
	color: #e25216;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 2;
}
.about-ys ul li .t2{
	font-size: 18px;
	color: #2f2e2e;
	font-weight: bold;
	width: 80%;
	margin:0  auto 10px auto;
	line-height: 1.2;
	height: 42px;
}
.about-ys ul li .t3{
	font-size: 14px;
	color: #2f2e2e;
	width: 80%;
	line-height: 1.5;
	clear: both;
	margin:0 auto 20px  auto; 
	height: 63px;
}

.aobut-ys ul li{
	float: left;
}
.aobut-ys ul li .t1{
	font-size: 20px;
	color: #000000;
	line-height: 28px;
}
.aobut-ys ul li .tip{
	color: #787878;
	font-size: 16px;
	line-height: 24px;
}
.aobut-ys ul li span{
	float: left;
	margin-top: 20px;
}
.aboutbar .us-pic{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.aboutbar .video{
	text-align: center;
}
.border-right{
	border-right: 1px solid #CCC;
}
.about-num{
	clear: both;
	max-width:1600px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px;
	text-align:center;
	overflow: hidden;
}
.about-num .ch{
	font-size: 20px;
	color: #000;
}
.about-num .num{
	font-size:48px;
	font-weight: bold;
	color: #000;
}
.pro-fl{
	width: 14.0%;
	text-align:center;
	display: inline-block;
	font-size: 18px;
	background: url(../img/pro_list_li.png) top center no-repeat;
	padding-top: 80px;
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
	float: left;
}
.pro-fl .name{
	display: block;
}
.pro-fl:before{
	position: absolute;
	content: '';
	height: 1px;
	width: 100%;
	display: block;
	z-index: -1;
	top: 42%;
	left: 0;
	background: #cacaca;
}
.pro-fl:hover{
	background: url(../img/pro_list_li2_hover.png) top center no-repeat;
}
/*产品展示*/
.showbar{
	clear: both;
	background: #f2f2f2;
	padding: 50px 0;
	overflow: hidden;
}
.in-fl-bg{
	width: 100%;
	background: url(../img/fl_bg.jpg) no-repeat;
	background-size: cover;
	clear: both;
	overflow: hidden;
}
.in-left{
	max-width: 360px;
	float: right;
	box-sizing: border-box;
	padding: 50px;
}
.in-left a{
	color: #FFF;
}
.in-left .ch{
	font-size: 28px;
	color: #FFF;
	font-weight: bold;
	line-height: 60px;
	padding-left: 90px;
}

.in-left .en{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	position: relative;
}
.in-left .en:before{
	width: 84px;
	height: 3px;
	display: block;
	background: #FFF;
	content:'';
	float: left; 
	margin-top: 28px;
	margin-right: 10px;
}

.in-left ul{
	clear: both;
	padding-left: 60px;
}
.in-left ul a{
	line-height: 55px;
	font-size: 18px;
	text-align:left;
	display: block;
	position: relative;
}
.in-left ul a:hover{
	color: #eb1239;
}
.in-left ul a:hover:before,.in-left ul a:hover:after{
	background:  #eb1239;
}
.in-left ul a:before{
	width: 15px;
	height: 10px;
	display: block;
	background: #FFF;
	content: '';
	float: left;
	margin-top: 25px;
	margin-right: 20px;
}
.in-left ul a:after{
	width: 150px;
	height: 1px;
	display: block;
	background: #FFF;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}
#swiper_cus a,#swiper_cus2 a{
	background: #FFF;
	display: block;
}
#swiper_cus a:hover,#swiper_cus2 a:hover{
	background: #676677;
	color: #FFF;
}
#swiper_cus a .title,#swiper_cus2 a .title{
	clear: both;
	padding: 10px;
	font-size: 16px;
	text-align: left;
}
#swiper_cus .pic,#swiper_cus2 .pic{
	width: 100%;
	padding-bottom: 80%;
	position: relative;
	margin: 0 auto;
	border: 1px solid #EFEFEF;
}
#swiper_cus .pic p,#swiper_cus2 .pic p{
	width: 100%;
	height: 100%;
	position: absolute;
}
#swiper_cus .pic p img,#swiper_cus2 .pic p img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#swiper_cus .in-pro-li,#swiper_cus2 .in-pro-li{
	padding: 5%;

}

.show-t .en{
	color: #2d2c43;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	float: left;
}
.show-t .en:before{
	width: 84px;
	height: 3px;
	display: block;
	background: #212037;
	content: '';
	float: left;
	margin-top: 27px;
	margin-right: 20px;
}
.show-t .ch{
	color: #1b1c1c;
	font-size: 20px;
	float: left;
	margin-left: 10px;
	line-height: 52px;
}
.show-t .tip{
	float: right;
	font-size: 18px;
	color: #1b1c1c;
	margin-top: 10px;
}

.pro-first{
	width: 100%;
	height: 0;
	padding-bottom: 80%;
	position: relative;
	overflow: hidden;

}
.pro-first a{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.pro-first a img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.show-margin{
	margin-bottom: 20px;
	margin-left: 20px;
}
.show-margin1{
	margin-bottom: 20px;
}

.pro-first .mask:hover .pro-pic{
	transform: scale(1.2);
}
.pro-first .mask:hover .icon{
	max-width: 30%;
	height: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 30%;
	transition-duration: 0.6s;	
	opacity: 1;
}
.pro-first  .icon{
	max-width: 30%;
	height: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -30%;
	transition-duration: 0.6s;
	opacity: 0;
}
.pro-first .mask:hover .title{
	background: #53b709;
	font-size: 18px;
	text-align: center;
	padding: 15px 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30%;
	transition-duration: 0.6s;
	opacity: 1;
	color: #FFF;
}
.pro-first .mask .title{
	background: #53b709;
	font-size: 18px;
	text-align: center;
	padding: 15px 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -60%;
	transition-duration: 0.6s;
	opacity: 0;
}
.pro-first .mask2{
	background: url(../img/mask2_bg.png) repeat;
	position: absolute;
	opacity: 0;
}
.pro-first .mask2:hover{
	opacity: 1;
}
.pro-first .mask2 .title{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: -30%;
	top: 35%;
	transition-duration: 0.6s;
}
.pro-first .mask2 .title:after{
	width: 30px;
	height: 5px;
	background: #FFF;
	content: '';
	display: block;
}
.pro-first .mask2:hover .title{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	left: 30%;
	top: 35%;
}
.pro-first .mask2:hover .title:after{
	width: 30px;
	height: 5px;
	background: #FFF;
	content: '';
	display: block;
}
.pro-first .mask2 .more{
	text-transform: uppercase;
	color: #FFF;
	position: absolute;
	right: 30%;
	top: 65%;
	transition-duration: 0.6s;
	opacity: 0;
	font-size: 24px;
}

.pro-first .mask2:hover .more{
	text-transform: uppercase;
	color: #FFF;
	position: absolute;
	right: 50%;
	top: 55%;
	opacity: 1;

}


/*首页优势*/
.in-ad{
	clear: both;
	position: relative;
	z-index: 999;
	height: 300px;
}
.in-ad .left{
	width: 60%;
	background: #53b709;
	padding: 55px 30px 55px 55px;
	color: #FFF;
	float: left;
	z-index: 999;
	position: relative;
}
.in-ad .left .ch{
	font-size: 30px;
	font-weight: bold;
}
.in-ad .left .icon{
	color: #FFF;	
}
.in-ad .left .tel i{
	margin-right: 10px;
}
.in-ad .left .tel .num{
	font-size: 28px;
	font-weight: bold;
}
.in-ad .left .tel .tip{
	font-size: 14px;
}
.in-ad .right{
	width: 60%;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 1;
}
.ys-bar{
	clear: both;
	background: url(../img/ys_bg.jpg) repeat;
	overflow: hidden;
	padding: 75px 0;
}
.ys-bar .ys-li{
	box-sizing: border-box;
	padding-left: 80px;
}
.ys-bar .ys-li .icon{
	margin-bottom: 40px;

}

.ys-bar .ys-li .title{
	font-size: 24px;
	line-height: 2;
	font-weight: bold;
}
.ys-li-box .en:before{
	width: 115px;
	height: 18px;
	background:#212037;
	display: block;
	content: '';
	border-left: 10px solid #ab8754;
	float: left;
	margin-right: 10px;
}
.ys-bar .ys-li .info{
	font-size: 16px;
	line-height: 28px;
	color: #454545;
	clear: both;
	max-width: 335px;
	padding:20px 0;
	min-height: 168px;
}
.ys-li-box .zx{
	width: 180px;
	height: 45px;
	background: #FFF;
	border: 1px solid #bcbcbc;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
}
.ys-li-box .zx img{
	margin-right: 8px;
	margin-top: 5px;
}
.ys-box .ys-li2{
	clear: both;
	width: 35%;
	position: absolute;
}

.ys-box .ys-li2 img{
	float: left;
	margin-right: 20px;
}
.ys-box .ys-li2 .title1{
	color: #2c2c2c;
	font-size: 24px;
	float: left;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	width: 50%;
}
.ys-box .ys-li2 .tip{
	color: #2c2c2c;
	font-size: 16px;
	clear: both;
	width: 50%;
	padding-left: 100px;
}
.ys-box .li1{
	left: 30px;
	top: 100px;
}
.ys-box .li4{
	right: 0;
	bottom:  80px;
}
.ys-box .li3{
	left: 30px;
	bottom: 80px;
}
.ys-box .li2{
	right: 0;
	top: 100px;
}
.show-more{
	clear: both;
	background: url(../img/more_bg.jpg) center center no-repeat;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	background-size: 100% 100%;
	max-height: 93px;
	display: block;
	padding: 20px 0;
}
.show-bg{
	clear: both;
	background: url(../img/show_bg.jpg) center center no-repeat;
	padding: 60px 0;
}
.ys-bg{
	clear: both;
	background: url(../img/ys_bg.jpg) center center no-repeat;
	padding: 60px 0;
	background-size: cover;
}
.ys-box{
	max-width: 1400px;
	background: url(../img/ys-box.png) top center no-repeat;
	clear: both;
	margin:0 auto;
	padding: 20px 0;
	position: relative;

}
.ys-box .yuan{
	clear: both;
	margin:50px auto;
	max-width: 477px; 
	animation: xuanzhuan 6s linear infinite;
	position: relative;
}
.ys-box .yuan-zx{
	max-width: 426px;
	max-height: 426px;
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 95px;
}
 .caselist  {max-width: 1920px;margin:3rem auto 0; clear: both;}
 .caselist .swiper-container {width: 100%;height: 100%;}
 .caselist .swiper-container .swiper-wrapper {width: 100%;}
 .caselist .swiper-container .swiper-slide {width: 40%;}
 .caselist .caseitem {width: 100%;padding: 0;overflow: hidden;}
 .caselist .caseitem a {display: block;width: 100%;height: 100%;position: relative;}
 .caselist .caseitem a:before {content: "";width: 100%;height: 100%;background: #000;opacity:0.5;transition: 0.5s ease;position: absolute;z-index: 3; left:0;right: 0;top:0;bottom:0;}
 .caselist .swiper-container .swiper-slide-active .caseitem a:before {opacity: 0;}
 .caselist .caseitem .icon {border: none;}
 .caselist .caseitem .icon img {width:100%;height: 100%;object-fit: cover;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
 .caselist .caseitem .casecon {padding: 20px;overflow: hidden;background: url(../img/casebg.png) no-repeat bottom center;background-size: cover;z-index: 2;}
 .caselist .caseitem .casecon p {color: #000;font-size: 20px;line-height: 50px;}
 .caselist .caseitem .casecon .ctel {display: block;width:50%;height: 50px;background: #ad8547;line-height: 50px;border-radius: 25px;color: #fff;font-size: 16px;text-align: center;float: right; }
 .caselist .caseitem .casecon .ctel i {display: inline-block;width: 29px;height: 100%;background:url(../img/stel.png) no-repeat center;vertical-align:middle;margin-right: 10px;background-size: contain;}
 .caselist .caseitem:hover .icon img {transform: scale(1.2);transition:all 0.5s;}
 .case-titile{font-size: 16px; font-weight: bold; text-align: center;}
 .case-en{ text-transform: uppercase;color: #9c9898; font-size: 14px;text-align: center; }
 .casecon{ padding-top: 20px; }
/*首页应用案例*/
.case-bar{
	clear: both;
	padding: 60px 0;
}
#swiper_case{
	clear: both;

}
#swiper_case .swiper-wrapper .swiper-slide{
	height: 360px;
}
#swiper_case a{
	display: block;
}

#swiper_case a  .title-box{
	clear: both;
	position: absolute;
	bottom: 0;
	z-index: 99;
	width: 100%;
	height:25%;
	transition-duration: 0.3s;
}
#swiper_case a .title{
	clear: both;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
}
#swiper_case a .title2{
	color: #aaa;
	text-align: center;
	clear: both;
	overflow: hidden;
}
#swiper_case .pic{
	width: 93%;
	padding-bottom: 80%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#swiper_case .pic p{
	width: 100%;
	height: 100%;
	position: absolute;
}
#swiper_case .pic p img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#swiper_case .in-pro-li{
	padding: 15px;
	background: url(../img/pic_bg.jpg) top center no-repeat;
	box-sizing: border-box;
	text-align: center;
	background-size: 94% 95%;
}
#swiper_case .in-pro-li a{
	position: relative;
	padding-bottom: 10%;

}
#swiper_case a .title-box{
	text-align: left;
	position: relative;

}
#swiper_case a .title-box .more{
	background: url(../img/more.jpg) top center no-repeat;
	line-height: 33px;
	width: 102px;
	display: block;
	text-align: center;
	color: #FFF;
	position: absolute;
	right: 0;
	top: 10px;
}
#swiper_case a  .title-box i{
	font-size: 35px;
	color: #000;
}
#swiper_case a  .title-box p{
	clear: both;
	text-align: left;
}
#swiper_case .in-pro-li:hover .pic img{
	transform: scale(1.2);
}

/*公司新闻*/
.news-bar{
	clear: both;
	padding-top:50px;
	overflow: hidden;
}
.news-t{
	clear: both;
	text-align: center;
	position: relative;
}
.news-t:before{
	width: 125px;
	height: 39px;
	display: block;
	content: '';
	float: left;
	background:url(../img/news_t.png) no-repeat;
}
.news-t .more{
	width: 120px;
	height: 35px;
	line-height: 35px;
	background:#f78445;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	float: right;
}
.news-t .ch{
	font-size: 20px;
	color: #1d1d1d;
	font-weight: bold;
	position: relative;
	float: left;
	margin-left: 20px;
}

.news-t .en{
	font-size: 48px;
	color: #FFF;
	text-transform:uppercase;
	position: relative;
	clear: both;
	text-align: center;
	font-weight: bold;
	letter-spacing:-2px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	white-space: nowrap
}
.news-t .en:before{
	width: 120px;
	height: 3px;
	content: '';
	display: inline-block;
	background: #FFF;	
	margin-top: 40px;
}
.news-t .en:after{
	width: 120px;
	height: 3px;
	content: '';
	display: inline-block;
	background: #FFF;	
	margin-top: 40px;
}
.news-box{
	clear: both;
	width: 100%;
	padding: 50px 0;
}
.news-box .title{
	font-size: 18px;
	font-weight:bold;
	color: #f98546;
	border-bottom: 1px dashed #dadada;
	line-height: 3;
	margin-bottom: 20px;
}
.news-box .content{
	font-size: 16px;
	line-height: 1.5;
	color: #757373;
	margin-bottom: 10px;
}
.news-box .date2{
	color: #f98546;
	font-size: 18px;
}
.news-li{
	clear: both;
	font-size: 16px;
	border-bottom: 1px dashed #dadada;
	transition-duration: 2s;
}
.news-li:hover{
	border-bottom: 1px solid #dadada;
	transition-duration: 2s;
}
.news-li:hover a{
	text-indent:2rem;
	transition-duration: 1s;
	color: #f78445;
}
.news-li .title1{
	color: #757373;
	font-size: 16px;
}
.news-li .date{
	float: right;
	color: #f78445;
	line-height: 53px;
}
.news-li a{
	color: #757373;
	line-height: 53px;
	clear: both;
	width: 100%;
	position: relative;
	text-indent:1rem;
}
.news-li a:before{
	content: '>';
	margin-right: 10px;

}
.span-hide{
	display: none;
}

.news-li2{
	border: 1px solid #dadada;
	padding: 10px;
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}
.news-li2 .title{
	font-size: 18px;
	font-weight: bold;
	color: #f98546;
	border-bottom: none;
	margin-bottom: 10px;
}
.news-li2 .txt{
	width: 80%;
	float: right;
}
.news-li2 .title a{
	color: #f98546;
}
.news-li2 .date{
	width: 15%;
	float: left;
	margin:10px;
	text-align: center;
	overflow: hidden;
	border-right: 1px solid #dadada;
}
.news-li2 .date .date-t{
	font-size: 26px;
	font-weight: bold;
	color: #f7864b;
}
.news-li2 .date .date-d{
	font-size: 14px;
	color: #f7864b;
}
.news-li2 .title{
	margin-bottom: 0;
}
.news-box ul li {
	background: #FFF;
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
}
.news-box ul li a{
	color: #000;
}
.news-box ul li .date1{
	text-align: center;
	color: #FFF;
}
.news-box ul li .date2{
	clear: both;
	color: #000;
	margin-bottom: 10px;
	text-align: right;
}
.news-box ul li .more{
	color: #ffba00;
	font-size: 10px;
	text-transform: uppercase;
}
.news-box ul li .date1 .date-d{
	line-height: 80px;
	font-size: 50px;
	font-weight: bold;
}
.news-box ul li .pic{
	width: 100%;
	height: 0;
	 padding-bottom: 60%;
	 position: relative;
}
.news-box ul li .pic div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.news-box ul li .pic p img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.news-box ul li .news-txt .title{
	font-size: 18px;
	line-height: 60px;
	font-weight: bold;
	color: #f78445;
}

.jjq-bar{
	clear: both;
	background: #FFF
}

.jjq-box{
	clear: both;
	padding: 60px 0;
	background:#f0efef;
	max-width: 1600px;
	border-radius: 25px;
	position: relative;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}
.jjq-t{
	clear: both;
	text-align: center;
	background: #de4022;
	border-radius: 15px;
	width: 100%;
	margin:20px auto;

}

.jjq-t .ch{
	font-size: 26px;
	line-height: 3;
	color: #FFF;
}