/*公共标题*/
.wrap-title{margin-bottom: 50px;text-align: center;overflow: hidden;animation: fadeinT 1s;}
.wrap-title i{display: block;margin: 0 auto 20px;width: 40px;height: 5px;background: url(../images/title_line.png) no-repeat;}
.wrap-title h2,.wrap-title h2 a{position: relative;height: 50px;line-height: 50px;font-size: 42px;font-weight: normal;color: #000;}
.wrap-title p {height: 30px;line-height: 30px;font-size: 18px;color: #666;}

/* 轮播图 */
.banner_box .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 28px !important;
}
.banner_box .swiper-pagination-bullet{
	width: 18px;
    height: 18px;
	margin: 0 8px !important;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: .3;
}
.banner_box .swiper-pagination-bullet-active{
	background: #669e42;
	opacity: 1;
}
.banner_box img{
	width: 100%;
}
@media screen and (max-width: 769px){
.banner_box img {
    width: 100%;
    min-height: 150px;
    object-fit: cover;
}
.banner_box .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0px !important;
}
}



/*产品中心*/
.pro_box {
	background: #f5f5f5;
	padding-top: 70px;
	padding-bottom: 100px;
}

.protitle {
	display: flex;
	justify-content: space-between;
}

.proleft {
	display: flex;
	align-items: center;
}

.prole {
	border-left: 4px #669e42 solid;
	padding-left: 26px;
}

.prole p {
	font-size: 30px;
	line-height: 40px;
	color: #222;
}

.prole span {
	display: block;
	font-size: 16px;
	line-height: 21px;
	color: #666;
}

.profl {
	margin-left: 48px;
}

.profl a {
    display: inline-block;
    font-size: 18px;
    border: 1px #eee solid;
    border-radius: 20px;
    padding: 8px 20px;
    transition: all 0.4s;
}

.profl a+a {
	margin-left: 10px;
}

.profl a.on,
.profl a:hover {
	background: #669e42;
	color: #fff;
}

.proright {
	display: flex;
	align-items: center;
}

.proright a {
	display: block;
	width: 90px;
	border: 2px #e1e1e1 solid;
	border-radius: 32px;
	position: relative;
	transition: 0.3s ease-in-out;
}

.proright a p {
	line-height: 30px;
	height: 32px;
	text-align: center;
	font-size: 15px;
	z-index: 2;
	position: relative;
}

.proright a:after {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 82px;
	height: 32px;
	border: 2px #669e42 solid;
	border-radius: 32px;
	background: #669e42;
	transition: 0.3s ease-in-out;
	transform: scale(0);
	z-index: 1;
}

.proright a:hover {
	border: 0px;
}

.proright a:hover::after {
	transform: scale(1);
}

.proright a:hover p {
	color: #fff;
}

.pro_kh {
	display: none;
	transition: all 0.4s;
}

.pro_kh.on {
	display: block;
}

.pro_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.pro_list a {
	width: 49%;
	height: 370px;
	background: #fff;
	/* float: left; */
	margin-top: 2%;
	padding: 40px 50px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

.prodg {
	display: flex;
	align-items: center;
	z-index: 2;
	position: relative;
}

.prolg img {
	height: 34px;
	object-fit: contain;
	margin-right: 10px;
    margin-left: -10px;
}

.prodg p {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.proxq {
	margin-top: 20px;
	position: relative;
	z-index: 2;
}

.proxq p {
	font-size: 26px;
	line-height: 35px;
	color: #222;
}

.proxq>div {
	width: 1px;
	height: 22px;
	background: #ccc;
	margin: 20px 0px 12px 0px;
}

.proxq span {
	display: block;
	font-size: 16px;
	line-height: 34px;
}

.prortimg {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width:70%;
}

.prortimg img {
	width: 100%;
    height: 280px;
    object-fit: cover;
}
.mw1400 {
    min-width: 1400px;
    margin: 0 auto;
    width: 90%;
}
@media screen and (max-width: 1400px){
	.mw1400 {
		min-width:200px;
		margin: 0 auto;
		width: 96%;
	}
}
/* --service-- */
@media screen and (max-width: 1200px){
	.prole {padding-left: 15px;}

	.prole p {font-size: 24px;line-height: 30px;}

	.prole span{display: none;}

	.profl{margin-left: 20px;}

	.pro_box{padding-top: 60px;padding-bottom: 60px;}

	.pro_list a{padding: 24px 30px;}

    .proxq{ margin-top: 15px;}

	.proxq span{display: none;}

	.proxq p{font-size: 20px;line-height: 30px;}

    .proxq>div{display: none;}

}

@media screen and (max-width: 769px){
   	.protitle{justify-content: center;}
	.profl {margin-left: 0px;padding: 0px 10px;display: flex;justify-content: center;flex-wrap: wrap;}
	.profl a{margin-bottom: 10px;padding: 8px 8px;}
    .prole{display: none;}
    .prodg{display: none;}
	.proxq{margin-top: 0px; }
	.pro_list a{height: auto;display: flex; flex-direction: column-reverse;padding:0px;}
	.proxq p{text-align: center;font-size: 16px; line-height: 36px; }
	.prortimg{position: relative;width: 100%;}
	.proright{display: none !important;}
	.pro_box{padding-top: 40px;padding-bottom: 45px;}
	
	.prortimg img {
	width: 100%;
	height: auto;
    }
    
}

@media screen and (max-width:580px){
	.profl a{font-size: 13px;padding: 6px 6px;}
	.profl a+a {
		margin-left: 8px;
	}
}


/*运输品类*/
.pdt_app {background: #ffffff url(../images/app_bg.jpg) no-repeat center bottom;background-size: 100% auto;padding: 80px 0 90px 0;}

.pdt_app .list{margin-top: 10px;}
.pdt_app .gg_li{width: 16.6666%;float: left;position: relative;-webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -o-transition: transform 0.6s; transition: transform 0.6s;padding: 0 5px;box-sizing: border-box;}
.pdt_app .gg_li:hover{-webkit-transform: translate3d(0, -40px, 0); -moz-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0);}
.pdt_app .gg_li:hover .gg_desc img{opacity: .1;}
.pdt_app .gg_li:hover .gg_desc{background-color: #669e42;}
.pdt_app .a_text{position: absolute;z-index: 1;width: 120px;left: 50%;margin-left: -60px;text-align: center;top: 50%;margin-top: -60px;}
.pdt_app .gg_t{display: block;color: #fff;font-size: 22px;padding-top: 15px;position: relative;}
.pdt_app .gg_t::after{content: "";width: 24px;height: 3px;background-color: #fff;position: absolute;left: 50%;margin-left: -12px;bottom: -18px;}
.pdt_app .gg_desc{display: block;background-color: #333;}
.pdt_app .gg_desc img{width: 100%;opacity: .3;transform: rotateY(180deg);}
.pdt_app .parts .item{width: 16.6666%; float: left; padding: 30px 5px 0; box-sizing: border-box;}
.pdt_app .parts h4{display: none;}
.pdt_app .parts a{display: block;}
.pdt_app .parts img{width: 100%;}

@media screen and (max-width: 1200px){
	.pdt_app{display: none !important;}
}

/*品质*/
.qualitybg{ width:100%; padding-top:86px;padding-bottom: 60px; background:url(../images/ysbjs.jpg) center no-repeat;background-size: cover;}
.quality{ margin:0 auto; max-width:1300px;width: 96%;}
.quality_tit{ text-align:center; font-size:40px; color:#fff; line-height:40px; font-weight:bold; height:100px; background:url(../images/ysbt.jpg) center bottom no-repeat;}
.quality_tit span{ display:block; margin-top:18px; font-size:18px; font-weight:normal; line-height:20px; color: rgba(255,255,255,0.8);}
.quality_cont{ margin-top:33px;display: flex;justify-content: space-between;}
.quality_cont dl{ width:415px; margin-bottom:33px; padding-top:33px; border-top:1px solid rgba(255,255,255,0.2);}
.quality_cont dt{ font-size:24px; color:#7ef432; line-height:24px;}
.quality_cont dd{ margin-top:8px; font-size:16px; line-height:26px; color:rgba(255,255,255,0.9);}
.quality_contl{border-bottom:1px solid rgba(255,255,255,0.2);}
.quality_cont2{border-bottom:1px solid rgba(255,255,255,0.2);}
.quality_cont2 dl{ text-align:right;}
.quality_cont2 dt{color: #dddddb;}

@media screen and (max-width:1200px){
	.qualitybg{padding-top: 50px;padding-bottom: 50px;}
	.quality_tit{font-size: 24px;line-height: 36px; height: 70px;font-weight: 400;}
	.quality_tit span{margin-top: 0px;height: 22px;line-height: 22px;font-size: 14px;}

}

@media screen and (max-width:992px){
	.qualitybg{background: #e1e1e1;}
	.quality_tit{background: none;color: #000;}
	.quality_tit span{color: #777;}
	.quality_cont {margin-top: 16px;}

	.quality_cont2{display: none;}
	.quality_contl{width: 100%;}
	.quality_cont dl{width: 100%;margin-bottom: 8px;padding-top: 8px;border-top: 1px solid rgba(255,255,255,0.6);}
	.quality_cont dt{color: #333; line-height: 20px;font-size: 16px;font-weight: 700;}
	.quality_cont dd {
		margin-top: 0px;
		font-size: 13px;
		line-height: 20px;
	}
	.quality_cont dd span{color: #555;}

}



/*4大理由*/
.whybg{width:100%; background:url(../images/20210930113530_854799829.png) right bottom no-repeat;margin: 70px auto;}
.whybg1400{ max-width:1400px; margin:0 auto; width: 96%;}

/*内容*/
.why{margin-top:30px; position:relative;}
.thumbnail{position:absolute; left:413px; top:434px; z-index:99;}
.thumbnail li{float:left; width:159px; height:117px; overflow:hidden; position:relative; margin-right:10px; cursor:pointer;}
.thumbnail li img{border:2px solid #fff; transition:all .5s ease;object-fit:cover;width: 100%;height:104px;}
.thumbnail li p{position:absolute; left:2px; top:2px; display:block; width:155px; font-size:20px; line-height:100px; 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:#669e42; transition:all .5s ease;}
.thumbnail li:hover img,.thumbnail li.cur img{border-color:#669e42;}
.thumbnail li:hover p,.thumbnail li.cur p{display:none;}
.thumbnail li:hover em,.thumbnail li.cur em{top:89px;}
.why_cont{overflow:hidden;display: flex;}

.why_img img{width: 747px;}
.why_txt{ padding-top:112px; overflow:hidden; background:url(../images/20210930102310_622453609.png) left top no-repeat;}
.why_txt1{width: 100%; 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:#669e42;}
.why_txt1 em{display:block; margin-left:96px; padding-left:30px; font-size:30px; line-height:47px; color:#fff; background:#669e42; 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:601px; margin-left:52px; margin-top:35px;font-size: 16px;line-height: 26px;}
.why_txt2 p{font-size:16px; line-height:26px;}
.why_txt2 p:nth-child(2){margin-top:22px;}

@media screen and (max-width: 1420px){
	.why_img{width: 53.5%;}
	.why_img img{width: 100%;}
	.why_txt{width: 46.5%;}
	.why_txt2{width: 100%;}

}

@media screen and (max-width: 1200px){
	.whybg{display: none;}
}



/*简介*/
.adoutbg{position: relative;}
.aboutsp{width: 100%;}
.aboutsp video{width: 100%;height:700px;object-fit: cover;}
.aboutsp{position: relative;}
.aboutsp::after{position: absolute;top: 0px;left:0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 2;content: "";}
.adout{max-width:1400px;width: 96%; margin:0 auto;position: absolute;top: 110px;z-index: 9;left: 50%;transform: translateX(-50%);}
.adout_cont{text-align:center;}
.adout_cont font{display:inline-block;  padding-left:200px; padding-top:48px; text-align:left; background:url(../images/aboubts.png) left top no-repeat;}
.adout_cont font em{display:inline-block; margin-bottom:18px; font-size:50px; line-height:50px; color:#fff; font-weight:bold;}
.adout_cont font span{font-family:Arial; font-size:16px; line-height:16px; color:#fff; letter-spacing:6px;}
.adout_cont i{display:inline-block; margin-top:42px; font-size:18px; line-height:18px; color:#fff;margin-bottom:32px;}
.adout_cont i:after{content:""; display:block; width:50px; height:1px; margin:0 auto; margin-top:17px; background:rgba(255,255,255,0.7);}
.adout_cont p{font-size:16px; line-height:36px; color:#fff;}
.mbas{display: none;}


/*服务*/
.service{margin-top:165px; height:200px; background:#fff; box-shadow:0 0 30px #000;}
.service dl{float:left; width:25%; padding-top:34px; text-align:center;}
.service dl dd{margin-top:18px; font-size:20px; line-height:20px; color:#333;}
.service dl dd span{font-size:16px; line-height:56px; color:#555;}

@media screen and (max-width: 1200px){
    .wrap-title{margin-bottom: 24px;}
	.wrap-title i{margin: 0 auto 10px;}
	.wrap-title h2, .wrap-title h2 a{font-size: 24px;height: 36px;line-height: 36px;}
    .wrap-title p {
		height: 22px;
		line-height: 22px;
		font-size: 14px;
	}
    .service{display: none;}
	.adout_cont font{padding-top: 0px;padding-left: 0px;text-align: center;background: none;}
	.adout_cont font em{font-size: 24px;line-height: 36px;margin-bottom: 0px;}
	.adout_cont font span{font-size: 14px;line-height: 20px;}
	.adout_cont i{display: none;}
	.adout_cont p {
		margin-top: 8px;
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; 
	}
   .mbas{display: flex;justify-content: center;}
   .mbas a{display: inline-block;margin-top: 12px;color: #fff;padding: 4px 16px;border: 1px solid #fff;border-radius:8px;font-size: 14px;}
}

@media screen and (max-width: 769px){
	.adout {top: 50px;}
	.aboutsp video {
		height: 320px;
	}
}


/* 新闻中心 */
.index_new{padding-top: 200px;margin-bottom: 40px;}
.newscon {margin-top: -30px; display: flex;justify-content: space-between;}
.newssortdiv{display: none;}
.newssortdiv:first-child{display: block;}
.newsnavlist li.curr{background: url(../images/image03.png) no-repeat 0 center;border-bottom: 1px #669e42 solid;}
.index_newscon{width: 1200px;margin: 0 auto;}
.mcon_news{width:720px; height: 580px;}
.mcon7_fr{width:440px;background:url(../images/image43.jpg) no-repeat 0 center;padding-left:50px;}
.mconfaq_t{width: 100%; border-bottom: 1px #cacaca solid; height: 84px; line-height: 84px;}
.mconfaq_t .tit{float:left;width:150px; height:84px;background:url(../images/image44.png) no-repeat 0 center;
line-height:22px;color:#FFFFFF;padding-top:0px;cursor:pointer; border-bottom:1px #669e42 solid; }
.mconfaq_t .tit h2{float:left; margin-left:45px; color: #669e42; font-size: 20px;padding-top: 23px;}
.mconfaq_t .tit h2 span{display: block; color: #a5a5a5; font-size: 12px; text-transform: uppercase; font-weight: 400;}
.mcone_q {width:390px; clear:both;}
.mcone_q li { float: left; padding: 10px 0px 10px; width:390px;}
.nnr { -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;
float: left;height:125px; width: 390px;}
.mcone_q li a:hover .nnr { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; text-decoration:none;}
.mcone_q li .msname {color: #414446;display: block; height: 52px; font-size: 14px; font-weight: bold;line-height:40px; overflow: hidden;padding: 0 0 0 20px;
text-overflow: ellipsis; white-space: nowrap;background:url('../images/image45.png') no-repeat 0px 0px;}
.mcone_q li a:hover .msname { color: #669e42; text-decoration:none;}
.nnrcon { color: #636363; float: left;height:55px; line-height: 24px; overflow: hidden;padding: 8px 0 0px 0px; width: 390px;font-size:14px;}
.shucon_news {float:left;width:720px;overflow:hidden; }
.shucon_news ul {float:left;width:100%; }
.shucon_news ul li { float:left; width:350px; margin-right:20px;font-size:14px;height:70px; line-height:70px; border-bottom: 1px #ededed solid;color: #030303;}
.shucon_news ul li:nth-child(2n){margin-right: 0}
.shucon_news ul li:hover{ border-bottom: 1px #669e42 solid}
.shucon_news ul li:hover span,.shucon_news ul li:hover p a{color: #669e42;}
.shucon_news ul li span{float:left; width:46px;margin:10px 0;  height:50px;border-right: 1px #868686 solid;color: #636363; font-size: 16px; line-height: 25px;}
.shucon_news ul li span i{font-size: 24px;font-style:normal;display: block;}
.shucon_news ul li p{float:right; width:285px; font-size:14px; color: #636363;margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.shucon_news ul li p a{color: #000;display: block;overflow: hidden;text-overflow: ellipsis;}
.pctann{float:left;width: 100%; border-bottom: 1px #cacaca solid; height: 84px;}
.pctabon {float:left;width:150px; margin-right:70px; height:84px;background:url(../images/image02.png) no-repeat 0 center;line-height:22px;color:#636363;padding-top:0px;cursor:pointer;}
.pctabon h2{float:left; margin-left:45px; color: #636363; font-size: 20px;padding-top: 23px;}
.pctabon h2 span{display: block; color: #a5a5a5; font-size: 12px; text-transform: uppercase; font-weight: 400;}
.shucon5{float:left;width:720px;overflow:hidden; margin-top:10px;}
.shucon5 dl{ float:left;width:720px;padding:20px 0px 48px 0px;display:inline; border-bottom: 1px #f0f0f0 dotted;}
.shucon5 dt{ margin-top:0px;height:180px;float:left; width:310px;}
.shucon5 dt img{ width:auto; height:200px;}
.shucon5 dd{float:right;margin-left:-90px;width:460px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shucon5 dd a{padding:0 0px;}
.news_txt{margin-left:100px;height:180px;}
.news_txt h3{overflow:hidden;height:33px; font-size: 20px; color:#414446;line-height:23px;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
.news_txt p{overflow:hidden;color:#414446;font-size: 14px;line-height: 22px; height: 100px;}
.news_txt span{display: block; color: #fff; font-size: 16px; background: #669e42; width: 135px; height: 40px; line-height: 40px; text-align: center; border-radius: 40px;}
.shucon5 dl:hover dd{padding-left:10px;}
.shucon5 dl:hover .news_txt h3{color:#669e42;}
.news_div{display: none;}
@media screen and (max-width: 1200px){
	.index_new{display: none;}
	.news_div {
		width: 100%;
		display: block;
		padding: 50px 0px;
	}
	.news_div .titletong{margin-bottom: 20px;text-align: center;}
	.news_div .titletong h2{font-size: 24px;font-weight: 400;}
	.news_div .titletong h2 p{font-size: 14px;}
	.news_div .news_div_item {
		font-size: 0;
		border-top: 1px solid #e6e6e6;
		padding: 31px 0;
		position: relative;
		transition: 300ms;
		border-left: 1px #e6e6e6 solid;
		border-right: 1px #e6e6e6 solid;
		display: flex;
		width: 100%;
	}
	.news_div .news_div_item:nth-last-of-type(1){
		border-bottom: 1px solid #e6e6e6;
	}
	.news_div .news_div_item_date {
		width: 115px;
		text-align: center;
		font-size: 0;
	}
	.news_div_item_date>div {
		font-size: 47px;
		font-weight: bold;
		line-height: 55px;
	}
	.news_div .news_div_item_year, .news_div .news_div_item_month {
		display: inline-block;
		vertical-align: top;
		color: #565656;
		font-size: 14px;
		line-height: 21px;
	}

	.news_div_item_content {
		flex: 1;
	}
	.news_div_item_content .news_div_item_a {
		font-size: 17px;
		overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; 
	}
	.news_div_item_content  .news_div_item_body {
		margin-top: 10px;
		line-height: 20px;
		color: #68686a;
		padding-right: 20px;
		font-size: 14px;
        overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
	}
	.news_div_item:hover .news_div_item_a,.news_div_item:hover .news_div_item_date>div{
		text-decoration: none!important;
		color: #00644a;
		font-weight: 700;
	}
	.news_div_item:hover {
		box-shadow: 0 0 21px #d2d2d2;
	}
}

@media screen and (max-width: 769px){
	.news_div .news_div_item_date {
		width: 100px;
	}
	.news_div_item_date>div {
		font-size: 32px;line-height: 50px;
	}
    .news_div .news_div_item{padding: 20px 0;}
}

