.icoa {
	max-width: 300px;
}

.why-choose {
	/*! background: #fafafa; */
	padding-bottom: 50px;
}

.why-choose .container {
	width: 1000px;
	margin: 0px auto;
	z-index: 3;
	position: relative;
	width: 1200px;
	margin-top: -150px;
	background: #ffffffc4;
	border-radius: 10px;
	/*! border-bottom-right-radius: 0px; */
	/*! border-bottom-left-radius: 0px; */
	/*! margin-bottom: 50px; */
	box-shadow: 0 24px 40px -24px #2a343d66;
}

.why-choose .container .section-head {
	text-align: center;
	color: #333;
	font-size: 22px;
	padding: 20px 0px;
}

.why-choose .container .section-head h2 {
	font-size: 32px;
	font-weight: 400;
}

.serv {
	display: flex;
	align-items: center;
}

.serv .col-xl-4 {
	width: 31%;
	margin: 1%;
}

.serv .col-xl-3 .thumb img {
	max-width: 70px;
}

.serv .chose-box {
	background: #f6f7f8;
	text-align: center;
	padding: 10px;
	/*! background: #333; */
	border-radius: 10px;
}
.serv .chose-box .thumb img{/*! height: 201px; */width: 100%;}
.serv .chose-box a{display: block;background: #2489b1;padding:8px 0px;color: white;margin: 20px auto;border-radius: 20px;width: 60%;}
.serv .chose-box h5 {
	color: #333;
	margin: 10px 0px;
	font-size: 16px;
	border-bottom: 1px dotted #0f3b67;
	padding-bottom: 10px;
}

.serv .chose-box .text {
	font-size: 14px;
	line-height: 26-x;
	text-align: left;
	/*! background: white; */
	/*! padding: 5px; */
	padding: 0px 10px;
	/*! text-align: center; */
}

.web_head .change-language a {
	display: flex;
	align-items: center;
	color: white;
}

.web_head .change-language a img {
	max-width: 30px;
}

.feature_items .proinfo {
	/*! background: #518ac2a3; */
	/*! border: 1px solid #eee; */
	background: white;
	cursor: pointer;
	padding: 10px;
}

.feature_items .proinfo:hover {
	background: rgb(36, 137, 177);
}

.feature_items .proinfo:hover p {
	color: white
}

.feature_items .proinfo .p1 {
	padding: 2px 5px;
	display: flex;
	align-items: center;
	/*! border-bottom: 1px dotted #333; */
	/*! text-transform: uppercase; */
}

.feature_items .proinfo .p1 .val {
	margin-left: auto;
	color: #333;
	font-weight: bold;
}

.feature_items .proinfo:hover .p1 .val {
	color: white;
}

.about .aboutt {
	font-size: 39px;
	color: rgb(36, 137, 177);
	text-align: center;
	margin: 30px 0px;
	font-weight: bold;
}

.about .fl-col-content {
	line-height: 30px;
}

.about .icolist {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.about .icolist .lisat {
	width: 20%;
	text-align: center;
}

.about .icolist .lisat p img {
	max-width: 120px;
	height: 80px;
}

.team-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.team-member {
	margin: 10px;
	padding: 10px;
	background-color: rgb(36, 137, 177);
	border-radius: 5px;
	text-align: center;
	/*! flex: 0 0 200px; */
	will-change: ;
	width: 23%;
	margin: 1%;
}

.team-member img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-bottom: 10px;
}

.team-member h3 {
	font-size: 18px;
	margin: 10px 0px;
	color: white;
}

.team-member p {
	font-size: 14px;
	opacity: 1;
	transition: opacity 0.3s ease;
	color: #eee;
}

.team-member:hover p {
	opacity: 1;
}

.team {
	/*! background: #ffd900; */
	/*! padding: 50px; */
	margin: 50px 0px;
}

.team .teamt {
	text-align: center;
	margin: 30px 0px;
	font-size: #002140;
	color: #002140;
	font-size: 39px;
}

.culture-container {
	padding: 0px;
	margin-top: 50px;
}

.culture-title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 39px;
	color: rgb(36, 137, 177);
}

.culture-section {
	margin-bottom: 30px;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
}

.culture-section:nth-child(odd) {
	background-color: #FFD900;
}

.culture-section:nth-child(even) {
	background-color: rgb(36, 137, 177);
}

.culture-section h2 {
	color: #FFFFFF;
	font-size: 24px;
	margin-bottom: 20px;
}

.culture-section:nth-child(2n+1) h2 {
	color: #002140;
}

.culture-section p {
	font-size: 16px;
	line-height: 1.5;
	color: white;
}

.culture-section h2 {
	color: #FFFFFF;
	font-size: 24px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.culture-section h2 img {
	max-width: 50px;
	margin-right: 10px;
}

.culture-section h2 i {
	margin-right: 10px;
}

.culture-section:nth-child(2n+1) p {
	color: #333;
}

.timeline {
	position: relative;
	margin-top: 30px;
	padding-left: 40px;
}

.timeline:before {
	content: "";
	position: absolute;
	left: 21px;
	top: 20px;
	/*0617 HUANG:隐藏突出的部分，原为0*/
	bottom: 35px;
	/*0617 HUANG:隐藏突出的部分，原为0*/
	width: 2px;
	background-color: #007cc2;
}

.timeline-item {
	position: relative;
	margin-bottom: 40px;
	padding-left: 120px;
}

.timeline-year {
	position: absolute;
	left: 0;
	top: 15px;
	/*0617 HUANG:调整年代文字的显示位置，原为0*/
	font-weight: bold;
	background-color: #007cc2;
	color: #fff;
	padding: 6px;
	border-radius: 30px;
	text-align: center;
	transform: translateX(-30%);
	width: 120px;

}

.timeline-content {
	border: 1px solid #ccc;
	border-left-color: #007cc2;
	background-color: white;
	padding: 20px;
}

.timeline-content h3 {
	margin-top: 0;
	color: #007cc2;
}

.timeline-content p {
	margin-bottom: 0;
}

.honor-container {
	/*! padding: 50px 0; */
	/*! background-color: rgb(36, 137, 177); */
	text-align: center;
	margin-top: 50px;
}

.honor-title {
	color: #002140;
	font-size: 24px;
	margin-bottom: 30px;
	font-size: 39px;
	font-size: 39px;
	color: rgb(36, 137, 177);
}

.honor-container .swiper-container {
	width: 100%;
	/*! height: 300px; */
	overflow: hidden;
}

.honor-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background-color: rgb(36, 137, 177);

}

.honor-container .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
	max-width: 100%;
}

.honor-container .swiper-slide img:hover {
	transform: scale(1.1);
}

.product {
	/*! overflow: hidden; */
	margin-top: 80px;
	border-top: 1px solid #dedfe0;
	overflow: hidden;
}

.product .container {
	display: flex;
	/*! height: 100vh; */
	width: 98%;
	margin: 20px auto;
	/*! border-top: 1px solid #ccc; */
	box-shadow: 0px -10px 10px #eee;
}

.left-section {
	/*! flex: 1; */
	background-color: white;
	color: rgb(36, 137, 177);
	padding: 0px 10px;
	width: 16%;
	/*! border-right: 2px solid rgb(36, 137, 177); */
	border-right: 1px solid #f5f6f7;
}

.left-section .protad {
	font-size: 28px;
	/*! background: rgb(36, 137, 177); */
	/*! color: white; */
	/*! border-radius: 20px; */
	/*! text-align: center; */
	margin-bottom: 10px;
	padding: 10px 0px;
	font-weight: bold;
}

.menu-item {
	cursor: pointer;
	
	/*! justify-content: space-between; */
	/*! margin-bottom: 10px; */
	border-top: 1px solid #dedfe0;
	padding: 10px 0px;
	font-size: 16px;
}
.menu-item a{display: block;width: 100%;display: flex;
	align-items: center;}
.menu-item:hover {
	/*! background-color: #FFFFFF; */
	color: rgb(36, 137, 177);
	background-color: #f0f7fc;
}

.menu-item .icona {
	/*! margin-right: 10px; */
	font-size: 18px;
	font-weight: bold;
	margin-left: auto;
}

.menu-item .icon {
	margin-right: 10px;
}

.menu-item .icon:nth-child(2) {
	margin-left: auto;
}

.menu-item .icon img {
	max-width: 40px;
}

.sub-menu {
	/*! margin-left: 50px; */
	display: block;
	display: none;
}

.sub-menu-item {
	cursor: pointer;
	/*! margin-bottom: 5px; */
	/*! border-bottom: 1px dotted; */
}

.sub-menu-item a {
	width: 100%;
	display: block;
	padding: 5px 0px;
}

.sub-menu-item:hover {
	/*! text-decoration: underline; */
}

.right-section {
	width: 85%;
	padding: 20px;
	background: #f7f7f7;
}

.car-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 20px;
}

.car-item {
	border: 1px solid rgb(36, 137, 177);
	padding: 10px;
	text-align: center;
}

.car-image {
	margin-bottom: 10px;
}

.search-box {
	margin-bottom: 20px;
	display: flex;
	width: 60%;
	/*! margin: 20px auto; */
	/*! background: red; */
}

.search-input {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	border: 1px solid rgb(36, 137, 177);
	border-radius: 5px;
	background: #f0f1f2;
}

.search-btn {
	padding: 10px 16px;
	font-size: 16px;
	background-color: rgb(36, 137, 177);
	color: #FFFFFF;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-left: 20px;
}

.search-btn:hover {
	background-color: black;
	color: white;
}

.detail .container {
	width: 1440px;
	margin: 0px auto;
}

.detail .left-section {
	width: 25%;
}

.detail .right-section {
	width: 75%;
}

.product-summary .query {
	/*! background: rgb(36, 137, 177); */
	/*! color:white; */
	display: block;
	margin-top: 50px;
	/*! colo */
}

.product-summary .query a {
	background: rgb(36, 137, 177);
	color: white;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 25px;
	font-size: 20px;
}

.article-prevnext li {
	margin: 10px 0px;
}

#formContainer {
	display: none;
	/* 默认隐藏表单 */
	padding: 20px;
}

#formContainer .btn-submit {
	background-color: rgb(36, 137, 177);
	/* 设置提交按钮背景色为 rgb(36, 137, 177) */
	color: #fff;
	/* 设置提交按钮文字颜色为白色 */
	border: none;
	padding: 10px 20px;
	cursor: pointer;
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after,
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
	content: none;
}
.showtitle .info{margin:20px 0px;}
#myForm{display:flex;align-items: center;width: 100%;}
.new_product {padding:80px 0px;background: #f7f7f7;}
.new_product .arr{display: flex;flex-wrap: wrap;margin-top:45px;}
.new_product .arr .arleft{width:50%;}
.new_product .arr .arright{width:49%;margin-left:auto;display: flex;flex-wrap: wrap;}
.new_product .arr .arright a{width:48%;margin:1%;position: relative;}
.new_product .arr .arright a .title{position: absolute;bottom:0px;left:0px;font-size: 16px;border-bottom: ;color: white;background: #73a92fa8;width: 100%;padding: 5px;text-align: center;}
.panel-default{background:white;padding:20px;overflow-x: scroll;}
.panel-default .tabs-group{display: flex;align-items: center;border-bottom: 1px solid #eeee;padding: 10px 0px;}
.panel-default .tabs-group .title{
	font-size:18px;font-weight: bold;margin-right:20px;
	width:90px;
}
.panel-default .tabs-group .content {display: flex;align-items: center;}
.panel-default .tabs-group .content li{margin:0px 10px;}
.panel-default .tabs-group .content li.active{background: #73a92f;color:white;padding:5px 10px;border-radius: 5px;}
.panel-default .tabs-group .content li.active a{color:white;}
@media only screen and (max-width: 650px) {
	.why-choose .container {
		width: 100%;
		margin-top: 0px;
	}
	.slider_banner .swiper-slide .info{font-size:16px;padding: 40px 0px;left:5%;}
	
	.slider_banner .swiper-slide .info .t1{font-size:18px;}
	.slider_banner .swiper-slide .info .t2{font-size:16px}
	.serv .col-xl-4{width:100%;}
	.layui-layer.layui-layer-page{width:95% !important;}
	.mobile-head-item {
		position: relative;
	}
	
	.blog-item .item-img,.blog-item .item-info .item-title{width:100%;max-width:100%;}
	.about .icolist .lisat{width:48%;margin:1%;}
.team-member{width:48%;margin:1%;}
	.product-intro {
		padding: 10px;
	}
.entry,.product-detail {padding:0px;}
.tab-panel-wrap{padding:10px;}
	.product-summary .product-meta .bokx {
		margin-top: 20px;
	}

	.product {
		margin-top: 60px;
	}

	.product-view .image-additional-wrap {
		padding: 0px;
	}

	.product-view .swiper-button-next {
		right: 10px;
	}

	.product-view .swiper-button-prev {
		left: 10px;
	}

	.company_img {
		border-radius: 0px;
		display: none;
	}

	.feature_items .proinfo {
		padding: 5px;
	}

	.serv {
		flex-wrap: wrap;
	}

	.web_head {
		display: none;
	}

	.serv .col-xl-3 {
		width: 48%;
	}

	.mobile-head-item {
		display: flex;
		align-items: center;
		padding: 10px;
	}

	.mobile-head-item .mlogo img {
		max-height: 40px;
	}

	.mobile-head-item .title {
		width: 40%;
		margin-left: auto;
		text-align: right;
	}

	.mobile-head-item.mobile-head-nav .title::before {
		font-size: 28px;
	}

	.mobile-head-item {
		position: relative;
	}

	.mobile-head-item .close {
		position: absolute;
		right: 20px;
		top: 20px;
		cursor: pointer;
		z-index: 9999;
	}

	.mobile-head-item .close i {
		font-size: 18px;
	}

	.feature_items li {
		margin: 0px 5px;
	}

	.left-section {
		display: none;
	}

	.right-section,
	.search-box,
	.detail .right-section {
		width: 100%;
		padding: 0px;
	}

	.product-view .image-additional li {
		width: 100% !important
	}

	.detail .container {
		width: 100%;
	}
}