.products .maincont {
	display: none;
}

.products .maincont.selected {
	display: block;
}

.row-a1 {
	padding-top: 80px !important;
	/* background: no-repeat; */
	/* padding-bottom: 80px; */
}

.tab-bg {
	padding-bottom: 80px;
	padding-top: 80px !important;
	
}
.container_wrapper{
	
	background: no-repeat;
}

.base ul {
	overflow: hidden;
	/* overflow-x: scroll; */
	display: flex;

}
.tab_icon{
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}
.swiper-pagination-bullet{
	width: 27px !important;
	height: 4px !important;
	border-radius: 29px !important;
	-webkit-border-radius: 29px !important;
	-moz-border-radius: 29px !important;
	-ms-border-radius: 29px !important;
	-o-border-radius: 29px !important;
}
.swiper-pagination-bullet-active{
	background: #666;
}
.base_name{
	text-align: center;
}
.base-img {
    width: 100px;
	margin: auto;
}

.box_ul {
	height:300px;
}
.box_ul li {
	width:260px;
	height:300px;
	margin-right:10px;
	float:left;
	line-height:300px;
	text-align:center;
}
.tab_icon .swiper .swiper-wrapper .swiper-slide{
	cursor: pointer;
}
.tab_icon .swiper .swiper-wrapper .swiper-slide:hover .base-img .base-on img {
	transform: rotate(360deg);
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}

.tab-bg ul li:hover .base-img .base-on img {
	transform: rotate(360deg);
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}

.base ul li {
	margin-right: 120px;
}

.base ul li:last-child {
	margin-right: 0;
}

.base ul li div:last-child {
	/*text-align: center;*/
	/* padding-top: 10px; */
}
.a4-on{
	display: flex;
}
.a4-on p{
	width: 309px;
}
.a4-right ul li{
	margin-right: 0;
}

.base-on {
	width: 100px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;

}

/* .currenes{
	 filter: grayscale(0%);
} */
.base-on img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.base-on:hover img{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.base-on img.currenes {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.tab_icon .swiper .swiper-wrapper .swiper-slide:hover div:last-child {
	color: #5b950f;
}
.base ul li:hover div:last-child {
	color: #5b950f;
}

.base ul li {
	cursor: pointer;
}

.cuurr {
	color: #82c032;
}

.row-a2 {
	display: flex;
	padding-top: 80px;
	padding-bottom: 80px;
	align-items: center;
}

.a2-on {
	width: 55%;
	padding: 40px 52px 0px 0;
}

.a2-on>div:nth-child(1) {
	position: relative;
	color: #333333;
	font-size: 28px;
	padding-bottom: 38px;
}

.a2-on>div:nth-child(1)::before {
	content: "一";
	position: absolute;
	bottom: 0;
	color: #82c032;
}

.a2-on div:nth-child(2) {
	color: #333;
	font-size: 16px;

}

.a2-on div {
	color: #666666;
	line-height: 27px;
	margin-bottom: 20px;
}
#tbody>div{
	
	font-size: 15px;
	    text-align: justify;
	    width: 98%;
}

.row-a3 {
	background:  no-repeat;
}

.a3-on {
	width: 400px;
	height: 340px;
	color: #fff;
	background: rgba(122, 178, 50, 0.9);
	padding: 36px 30px 0 30px;
}

.a3-on div:nth-child(1) {

	
	width: 60px;
	    margin: auto;
	    height: 60px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
}
.a3-on div:nth-child(3){
	font-size: 12px;
	line-height: 22px;
}
.a3-on div:nth-child(2) {
	text-align: center;
	padding-top: 18px;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: 600;
}

.a3-box {
	display: flex;
	/* justify-content: right; */
	justify-content: flex-end;
}

.a3 {
	display: flex;
	/* justify-content: right; */
	justify-content: flex-end;
}

.row-a3 .a3-main:nth-child(2) .a3-on:last-child {
	color: black;
	background: rgba(245, 245, 245, 0.9);
}

.row-a3 .a3-main:nth-child(2) .a3-on:last-child div:last-child {
	color: #545454;
}

.row-a3 .a3-main:nth-child(2) .a3-on:first-child {
	background: rgba(18, 18, 18, 0.6);
}

.a4-box {
	display: flex;
}

.a4-left {
	/* margin-right: 159px; */
	margin-right: 40px;
}

.a4-right ul {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #eaeaea;
}

.a4-right {
	width: 780px;
}

.a4-right ul li {
	/* margin-right: 276px; */
	display: flex;
	justify-content: left;
	width: 50%;
}

.a4-right ul li span {
	background: url(/uploads/image/epimg/min-bg.png) no-repeat center;
	display: inline-block;
	width: 26px;
	    height: 19px;
	text-align: center;
	color: #fff;
}

.a4-right ul li {
	border-right: 1px solid #eaeaea;
	color: #666666;
	/* padding-bottom: 20px; */
	display: flex;
	align-items: center;
	padding-left: 14px;
	height: 50px;
	border-bottom: 1px solid #eaeaea;
}
.a4-right ul li:nth-child(2n 2){
	border-right: 0;
}
.a4-right ul li:nth-last-child(-n 1){
	border-bottom: 0;
}

.a4-tit {
	text-align: center;
	color: #333333;
	font-size: 28px;
	padding-bottom: 38px;
}

.row-a4 {
	margin-top: 80px !important;
	margin-bottom: 120px !important;
}

/* 手风琴 */

.custommade1 .box .item {
	width: 7%;
	box-sizing: border-box;
	border-left: 1px solid #fff;
	overflow: hidden;
	position: relative;
	/* height: 59.875rem; */
	height: 54rem;
}

.custommade1 .box .item .boxleft {
	width: 100%;
	background: #c5c5c5;
	transition: all 0.5s;
	position: relative;
	display: flex;
	padding: 85px 0 0 27px;
}

.custommade1 .box .item .boxleft p {
	font-size: 1.125rem;
	color: #fff;
	width: 1.25rem;
	text-align: center;
	/* margin: 4.375rem auto 0; */
	margin: -22rem auto 0;
	cursor: pointer;
	writing-mode: tb-rl;
}

.custommade1 .box .item .boxright {
	width: 89.4%;
	position: absolute;
	transition: all 0.5s;
	opacity: 0;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 5;
}

.custommade1 .box .item .boxright img {
	width: 100%;
	height: 100%;
}

.custommade1 .box .item .boxright .main {
	position: absolute;
	top: 5rem;
	left: 2rem;
}

.custommade1 .box .item .boxright .main h5 {
	font-size: 36px;
	color: #fff;
}

.custommade1 .box .item .boxright .main h6 {
	font-size: 1rem;
	color: #fff;
	margin-top: 10px;
}

.custommade1 .box .item .boxright .main .text {
	margin-top: 26px;
}

.custommade1 .box .item .boxright .main .text p {
	font-size: 1rem;
	color: #fff;
	width: 97%;
	margin-bottom: 20px;
	line-height: 1.875rem;
}

.custommade1 .box .item .boxright .main .link {
	margin-top: 8.75rem;
}

.custommade1 .box .item .boxright .main .link a {
	font-size: 1rem;
	color: #fff;
}

.custommade1 .box .item .boxright .main .link a img {
	margin-left: 1.25rem;
	width: 3.1875rem;
}

.custommade1 .box .active {
	width: 72%;
}

.custommade1 .box .active .boxleft {
	width: 10.8%;
}

.custommade1 .box .active .boxright {
	opacity: 1;
}

.custommade2 {
	background: #f8f8f8;
	padding: 10.3125rem 0 0;
}

.custommade2 .box .swiper-slide img {
	width: 100%;
}

.custommade2 .box1 {
	box-sizing: border-box;
	padding: 0 5.25rem;
	position: relative;
	margin-top: -10rem;
	z-index: 1;
}

.custommade2 .box1>div {
	padding: 0 20.625rem;
	background: #fff;
	position: relative;
}

.custommade2 .box1>div .bannerleft {
	position: absolute;
	top: 9.25rem;
	left: 2.5rem;
	outline: none;
}

.custommade2 .box1>div .bannerleft a {
	font-size: 1rem;
	color: #666;
}

.custommade2 .box1>div .bannerleft a span {
	display: inline-block;
	margin-left: 1rem;
}

.custommade2 .box1>div .bannerleft a:hover {
	color: #000;
	font-weight: bold;
}

.custommade2 .box1>div .bannerleft a:hover font {
	color: #f5aa0f;
}

.custommade2 .box1>div .bannerright {
	position: absolute;
	top: 9.25rem;
	right: 2.5rem;
	outline: none;
}

.custommade2 .box1>div .bannerright a {
	font-size: 1rem;
	color: #666;
}

.custommade2 .box1>div .bannerright a span {
	display: inline-block;
	margin-right: 1rem;
}

.custommade2 .box1>div .bannerright a:hover {
	color: #000;
	font-weight: bold;
}

.custommade2 .box1>div .bannerright a:hover font {
	color: #f5aa0f;
}

.custommade2 .box1 .swiper-container .item {
	text-align: center;
	padding: 5rem 0 5rem;
}

.custommade2 .box1 .swiper-container .item h5 {
	font-size: 2.375rem;
	color: #000;
}

.custommade2 .box1 .swiper-container .item h6 {
	margin-top: 0.3125rem;
}

.custommade2 .box1 .swiper-container .item h6 span {
	display: inline-block;
	width: 4.0625rem;
	height: 2px;
	background: #f5aa0f;
}

.custommade2 .box1 .swiper-container .item div {
	margin-top: 1.875rem;
}

.custommade2 .box1 .swiper-container .item div p {
	font-size: 1rem;
	color: #666;
	line-height: 1.875rem;
}

.custommade3 {
	padding-top: 9.6875rem;
	background: #f8f8f8;
}

.custommade3 .box0 h5 {
	font-size: 2.25rem;
	color: #000;
}

.custommade3 .box {
	box-sizing: border-box;
	padding-right: 5.25rem;
	margin-top: 4.6875rem;
}

.custommade3 .box .titem {
	width: 32.8%;
}

.custommade3 .box .titem a .top {
	overflow: hidden;
}

.custommade3 .box .titem a .top img {
	width: 100%;
	transition: all 0.3s;
}

.custommade3 .box .titem a .bottom {
	font-size: 1.375rem;
	color: #000;
	text-align: center;
	margin-top: 2.1875rem;
}

.custommade3 .box .titem a:hover img {
	transform: scale(1.1);
}

.custommade4 {
	padding-top: 7.5rem;
	background: #f8f8f8;
}

.custommade4 .box0 h5 {
	font-size: 2.25rem;
	color: #000;
}

.custommade4 .box {
	box-sizing: border-box;
	padding-right: 5.25rem;
	margin-top: 4.6875rem;
}

.custommade4 .box .swiper-slide img {
	width: 100%;
}

.custommade4 .box1 {
	padding: 4.0625rem 0 6.875rem;
	margin-bottom: 5.625rem;
}

.custommade4 .box1 .banner {
	width: 14.0625rem;
}

.custommade4 .box1 .banner .left span {
	font-size: 4.375rem;
}

.custommade4 .box1 .banner .left font {
	font-size: 1rem;
	position: relative;
	top: 0.625rem;
	right: -1.625rem;
	vertical-align: top;
}

.custommade4 .box1 .banner .rigth {
	color: #999;
	line-height: 1.875rem;
	margin-top: 2.8125rem;
}

.custommade4 .box1 .banner .rigth font {
	display: inline-block;
	margin: 0 1rem;
	outline: none;
}

.custommade4 .box1 .banner .rigth span {
	cursor: pointer;
	font-size: 1.25rem;
	outline: none;
}

.custommade4 .box1 .banner .rigth span:hover {
	color: #000;
}

.custommade4 .box1 .right {
	width: 79%;
	flex-wrap: initial !important;
	margin-top: 3.6875rem;
}

.custommade4 .box1 .right span {
	width: 100%;
	height: 2px;
	border-radius: 0%;
	outline: none;
	opacity: 1;
	background-color: #e5e5e5;
}

.custommade4 .box1 .right .swiper-pagination-bullet-active {
	background: #f5aa0f;
}

.flexbetween {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.boxleft p:last-child {
	font-size: 14px !important;


}

.custommade1 .box .item .boxleft p:first-child {
	margin-right: 0 !important;
}

.custommade1 .box .item .boxleft p:last-child {
	margin-left: 0 !important;
}

.boxleft div {
	writing-mode: tb-rl;
}

.boxleft div:first-child {
	font-size: 16px;
	color: #fff;
}

.boxleft div:last-child {
	font-size: 14px;
	color: #fff;
}
@media only screen and (max-width: 1400px) {
	.custommade1 .box .item .boxright .main .text p{
		font-size: 12px;
		line-height: 22px;
	}
}
@media only screen and (max-width: 769px) {
	.a2-on div:first-child{
		font-size: 1rem;
	}
	.a2-on div:nth-child(2){
		font-size: .8rem;
	}
	.a2-on div{
	font-size: .8rem;
	
	word-break: break-all;
	}
	.a3-on{
		height: auto;
		padding: 36px 30px 30px 30px;
	}
	.a4-tit{
		font-size: 1.5rem;
	}
	.banners {
		padding-top: 3.8rem;
	}

	.base ul li {
		margin-right: 1rem;
	}

	.base-on {
		width: 98%;
		height: 50px;
	}

	.tab-bg {
		padding-top: 2rem !important;
		padding-bottom: 2rem;
	}

	.row-a2 {
		flex-direction: column;
		padding-top: 0rem;
		padding-bottom: 0rem;
	}

	.a2-on {
		width: 95%;
		padding: 1rem;
	}

	.a3-box {
		flex-direction: column;
	}

	.a3-on {
		width: 100%;
	}

	.base ul li div:last-child {
		font-size: .5rem;
	}

	.footer-top {
		display: none !important;
	}

	.footer-lj ul {
		flex-wrap: wrap;
		justify-content: center !important;
		margin-top: 0 !important;
	}

	.footer-box {
		background: unset !important;
		padding-top: 0 !important;
	}

	.selected {
		margin-top: 0 !important;
	}

	.a4-left {
		margin-right: 1rem;
	}

	.a4-box {

		width: 95%;
		margin: auto;
	}

	.row-a4 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.row-a1 {
		padding-bottom: 1rem;
		padding-top: 1.3rem !important;
	}

	.custommade1 .box {
		width: 94%;
		margin: auto;
	}

	.custommade1 .box .item {
		height: auto;
		width: 100%;
	}

	.custommade1 .box .item .boxleft {
		width: 100%;
		display: none;
	}

	.custommade1 .box .item .boxright {
		position: initial;
		width: 100%;
		opacity: 1;
		height: 380px;
		margin-top: 1rem;
	}

	.custommade1 .box .item .boxright .main {
		padding-right: 3.25rem;
		box-sizing: border-box;
		width: 100%;
		left: 2rem;
		top: 2rem;
	}

	.custommade1 .box .item .boxright .main h5 {
		font-size: 1rem;
	}

	.custommade1 .box .item .boxright .main .text {
		margin-top: 1rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		text-align: justify;
		text-justify: distribute-all-lines;
	}

	.custommade1 .box .item .boxright .main .text p {
		width: 100%;
	}

	.custommade1 .box .item .boxright .main .link {
		margin-top: 1.75rem;
	}

	.custommade1 .box .item .boxright .main .text p {
		font-size: .4rem;
		line-height: 1rem;
		margin-bottom: .56rem;
	}

	.custommade1 .box .item .boxright .main h6 {
		font-size: .5rem;
	}
}