@charset 'utf-8';

@import 'global.less';

body{overflow-x: hidden;}

.content *{max-width: 100%;line-height: inherit;font-size: inherit;color: inherit;}
.content table{table-layout: fixed;word-break: break-all; word-wrap: break-word;}

#header{
	box-shadow: 0 2px 5px rgba(0,0,0,.1);.relative(10);
	.top{
		line-height: 40px;font-size: 14px;color: #999;background-color: #f7f7f7;border-bottom: 1px solid #eee;.relative(2);
		*{font-size: inherit;color: inherit;}
		a:hover{color: @baseColor;}
		.right{
			a{.relative;}
			a:hover .img{.visible;opacity: 1;}
			.img{
				width: 150px;height: 150px;background-color: #f7f7f7;padding: 5px;border-radius: 5px;margin-left: -5px;.absolute;top: 50px;left: 50%;.translateX(-50%);.hide;opacity: 0;.trans;
				&:before{width: 0;height: 0;border-bottom: 5px solid #f7f7f7;border-right: 5px solid transparent;border-left: 5px solid transparent;.margin-auto;.absolute;top: -5px;right: 0;left: 0;content: '';}
				img{.max-w100;.block;.margin-auto;}
			}
		}
	}
	.main{
		#logo{margin-top: 22px;}
		.slogan{
			height: 48px;line-height: 18px;font-size: 18px;color: #444;padding-left: 15px;border-left: 1px solid #e7e7e7;margin-top: 25px;margin-left: 15px;
			p{font-weight: bold;font-size: inherit;color: @baseColor;margin-top: 10px;}
		}
		.hotline{
			margin-top: 25px;
			.t{font-size: 14px;color: #999;background: url('@{images}/ico-hotline.png') no-repeat left center;padding-left: 20px;margin-bottom: 3px;}
			.tel{font-weight: bold;font-size: 24px;color: @baseColor;}
		}
		#nav-btn{
			width: 40px;height: 40px;margin-top: 17px;.relative;.none;.fr;
			.i1:before , .i1:after , .i2:before , .i2:after{width: 30px;height: 2px;background-color: #333;.absolute;left: 5px;.trans;content: '';}
			.i1{
				.trans;
				&:before{top: 10px;}
				&:after{top: 32px;}
			}
			.i2{
				.trans;
				&:before{top: 21px;}
				&:after{top: 21px;}
			}
			&.on{
				/*.rotate(180deg);*/
				.i1{.hide;opacity: 0;}
				.i2{
					&:before{/*top: 21px;*/.rotate(45deg)}
					&:after{/*top: 21px;*/.rotate(135deg)}
				}
				.i1:before , .i1:after , .i2:before , .i2:after{background-color: @baseColor;}
			}
		}
		#nav{
			font-size: 0;margin-top: 25px;/*.flex-box;-webkit-justify-content: flex-end;justify-content: flex-end;*/.text-right;
			.item{
				line-height: 55px;margin-left: 5.08474576%;.relative;.inline-block;
				&.s > a:after{
					width: 9px;height: 5px;background: url('@{images}/sub-arrow.png') no-repeat;margin-left: 5px;.inline-block;.middle;content: '';
				}
				& > a{font-size: 16px;color: #333;.block;}
				.sub{
					width: 135px;background-color: #fff;.absolute;top: 100%;left: -30px;box-shadow: 0 2px 4px #ececec;margin-top: 10px;opacity: 0;.hide;.text-center;.trans;
					.i{
						line-height: 30px;border-top: 1px solid #eee;
						&:first-child{border-top: 0;}
						a{font-size: 16px;color: #666;padding: 10px;.block;}
						a:hover{color: #fff;background-color: @baseColor;}
					}
				}
				&:hover{
					& > a{color: @baseColor}
					.sub{margin-top: 0;opacity: 1;.visible;}
				}
				&.on > a{color: @baseColor;}
			}
		}
	}
}

#banner{
	.relative;
	&:hover .btns{opacity: 1;}
	.swiper-wrapper{height: auto;}
	.swiper-slide{
		.over;
		img{.max-w100;}
	}
	.hd{
		.fz0;.absolute;right: 0;bottom: 20px;left: 0;
		span{
			width: 8px;height: 8px;background-color: #fff;border-radius: 8px;margin: 0 7.5px;.inline-block;vertical-align: bottom;.trans;opacity: .8;
			&.on{height: 16px;background-color: @baseColor;opacity: 1;}
		}
	}
	.btns{width: 50px;height: 50px;.absolute(1);top: 50%;.translateY(-50%);.trans;opacity: 0;cursor: pointer;}
	.prev{background: url('@{images}/L.png') no-repeat center center / 100% auto;left: 10%;}
	.next{background: url('@{images}/R.png') no-repeat center center / 100% auto;right: 10%;}
}

#index-search{
	padding: 20px 0;box-shadow: 0 2px 4px #ececec;
	.keywords{
		width: 63.559%;line-height: 30px;font-size: 16px;color: #666;padding: 10px 0;.nowrap;
		.title{font-size: 16px;color: #999;.inline-block;}
		a{font-size: 16px;color: #666;.inline-block;}
		a:hover{color: @baseColor;}
	}
	.form{
		width: 35.59322033898%;.relative;
		.text{width: 100%;height: 50px;font-size: 16px;color: #666;background-color: #f7f7f7;padding: 0 115px 0 15px;border: 1px solid #eee;.border-box;}
		.submit{
			width: 110px;height: 50px;font-size: 16px;color: #fff;background-color: @baseColor;border: 0;.absolute;top: 0;right: 0;.text-center;cursor: pointer;
			&:before{width: 16px;height: 16px;background: url('@{images}/search.png') no-repeat;margin-right: 4px;.inline-block;content: '';}
		}
	}
}

.index-title{
	.text-center;
	.title-0{font-size: 36px;color: #333;margin-bottom: 5px;}
	.title-1{font-size: 18px;color: #888;}
}

#index-category{
	background-color: #f5f5f5;padding: 70px 0 80px;
	.list{
		margin-top: 35px;
		.item{
			width: 48.728813559%;max-width: 575px;
			.img img{.max-w100;}
			.info{
				background-color: #fff;padding: 4.869565%;border: 1px solid #eee;border-top: 0;
				.title{font-size: 24px;color: #333;margin-bottom: 10px;}
				.brief{
					line-height: 30px;margin-bottom: 15px;
					.i{
						font-size: 16px;color: #666;padding-left: 15px;.relative;.text-over;
						&:before{width: 0;height: 0;border-top: 4.5px solid transparent;border-bottom: 4.5px solid transparent;border-left: 5px solid @baseColor;.absolute;top: 10px;left: 0;content: '';}
					}
				}
				.btns{
					.fz0;
					.btn{
						width: 140px;height: 42px;line-height: 42px;font-size: 16px;color: @baseColor;border: 1px solid @baseColor;margin-right: 20px;.inline-block;.text-center;
						&:hover{color: #fff;background-color: @baseColor;}
					}
				}
			}
		}
	}
}

#index-scheme{
	padding: 75px 0 80px;
	.scheme-category-list{
		margin-top: 35px;
		.item{
			width: 49.152542%;margin-bottom: 1.694915%;margin-left: 1.694915%;.fl;.relative;
			&:nth-child(2n+1){margin-left: 0;}
			.img img{.max-w100;}
			.info{
				background-color: rgba(0,0,0,.5);padding: 10.344827586% 22.41379% 0;.absolute;top: 0;right: 0;bottom: 0;left: 0;.text-center;
				.title{font-size: 24px;color: #fff;margin-bottom: 10px;}
				.brief{line-height: 28px;font-size: 16px;color: #fff;}
			}
		}
	}
	.scheme-list{
		.item{
			width: 32.203389%;margin-bottom: 1.694915%;margin-left: 1.694915%;.fl;
			&:nth-child(3n+1){margin-left: 0;}
			.img{
				height: 0;padding-top: 73.684%;.relative;
				a{.absolute;top: 0;right: 0;bottom: 0;left: 0;}
				img{.max-w100;}
			}
		}
	}
	.more{width: 140px;height: 42px;line-height: 42px;font-size: 16px;color: @baseColor;border: 1px solid @baseColor;margin: 1.694915% auto 0;.block;.text-center;}
	.more:hover{color: #fff;background-color: @baseColor;}
}

#index-advantages{
	background-color: #f5f5f5;padding: 75px 0 0;
	.advantages-list{
		margin-top: 35px;
		.item{
			padding-bottom: 5.508474576%;margin-bottom: 6.77966%;.relative;
			img{.block;}
			.img{width: 50%;.relative(2);}
			.main{
				width: 50%;height: 100%;padding-bottom: 20.338983%;.absolute(3);top: 0;.border-box;
				.name{
					padding-left: 90px;margin-bottom: 20px;.relative;/*.flex-box;-webkit-align-items: stretch;align-items: stretch;*/
					.num{
						width: 70px;font-family: 'impact';font-size: 42px;color: #fff;background-color: @baseColor;/*margin-top: 10px;margin-right: 20px;*/.text-center;/*-webkit-flex-shrink: 0;flex-shrink: 0;*/.absolute;top: 6px;bottom: 2px;left: 0;
						span{height: 55px;font-size: inherit;color: inherit;.absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
					}
					.title-0{font-size: 42px;color: #222;.text-over;}
					.title-1{line-height: 30px;font-size: 24px;color: #444;}
				}
				.brief{
					.i{
						line-height: 24px;font-size: 16px;color: #333;padding-left: 25px;margin-bottom: 10px;.relative;
						&:before{width: 10px;height: 10px;border: 2px solid @baseColor;border-radius: 50%;.absolute;left: 0;top: 5px;content: '';}
					}
				}
				.imgs{
					.fz0;margin-top: 15px;
					img{
						width: 30.8474576%;margin-left: 2.54237288%;margin-bottom: 2.54237288%;.inline-block;
						&:nth-child(3n+1){margin-left: 0;}
					}
				}
				.pic{
					margin-top: 350px/*59.322033898%*/;.absolute;top: 0;
					&:after{width: 30.2428256%;background-color: @baseColor;padding-top: 29.1390728%;.absolute;top: 50%;.translateY(-50%);content: '';}
					img{.max-w100;}
				}
				.more{width: 13.728813559%;background: @baseColor url('@{images}/advantages-more.png') no-repeat center center / 100% auto;padding-top: 13.728813559%;margin-top: 484px/*82.033898%*/;.absolute;top: 0;}
			}
			.black{width: 82.2033898%;background-color: #323232;padding-top: 5.508474576%;.absolute;bottom: 0;}
			&:nth-child(2n){
				.img{
					padding-left: 1000000px;margin-left: -1000000px;.fl;.clean;
					img{.fr;}
				}
				.main{
					padding-left: 20px;right: 0;
					.pic{
						left: 0;
						&:after{left: 100%;}
					}
					.more{right: 100%;}
				}
				.black{left: 0;}
			}
			&:nth-child(2n+1){
				.img{
					padding-right: 1000000px;margin-right: -1000000px;.fr;.clean;
					img{.fl;}
				}
				.main{
					padding-right: 20px;left: 0;
					.pic{
						right: 0;
						&:after{right: 100%;}
					}
					.more{left: 100%;}
				}
				.black{right: 0;}
			}
		}
	}
}

#index-process{
	background: url('@{images}/process-bg.jpg') no-repeat center center / cover;padding: 75px 0 80px;
	.process-list{
		margin-top: 30px;.flex-box;-webkit-justify-content: space-around;justify-content: space-around;
		.item{
			width: 98px;.text-center;
			.ico{height: 98px;background-repeat: no-repeat;background-position: center center;}
			&.i1 .ico{background-image: url('@{images}/process-1.png');}
			&.i2 .ico{background-image: url('@{images}/process-2.png');}
			&.i3 .ico{background-image: url('@{images}/process-3.png');}
			&.i4 .ico{background-image: url('@{images}/process-4.png');}
			&.i5 .ico{background-image: url('@{images}/process-5.png');}
			&.i6 .ico{background-image: url('@{images}/process-6.png');}
			.name{line-height: 24px;font-size: 16px;margin-top: 15px;}
		}
		.arrow{
			width: 9.15254237%;.text-center;
			img{margin-top: 40px;}
		}
	}
	.process-form{
		background-color: #fff;padding: 5.08474576% 5.08474576% 5.08474576% 28.813559%;margin-top: 35px;.relative;
		.img{width: 20.76271186%;/*background: url('@{images}/service-img.png') no-repeat center bottom / 100% auto;padding-top: 29.15254237%;*/.absolute;bottom: 0;left: 4.40677966%;}
		.font{
			.fl;
			.title{font-size: 24px;color: #333;margin-bottom: 10px;}
			.name{line-height: 28px;font-weight: bold;font-size: 16px;color: #333;margin-bottom: 15px;}
			.brief{line-height: 30px;font-size: 16px;color: #333;}
		}
		.form{
			width: 42.30769%;.fr;
			.title{line-height: 28px;font-size: 18px;color: #333;margin-bottom: 15px;}
			.text{
				width: 100%;height: 42px;font-size: 16px;color: #333;padding: 0 10px;border: 1px solid #eee;margin-bottom: 15px;.border-box;.block;.trans;
				&:hover{border-color: #333;}
			}
			.submit{width: 100%;height: 42px;font-size: 18px;color: #fff;background-color: @baseColor;border: 0;cursor: pointer;.block;}
		}
	}
}

#index-about{
	background-color: #f5f5f5;padding: 75px 0 95px;
	.main{
		background-color: #fff;margin-top: 35px;/*.flex-box;-webkit-align-items: stretch;align-items: stretch;*/
		.img{
			width: 48.7288%;.fl;
			img{.max-w100;}
		}
		.info{
			width: 51.271186%;padding: 2.96610169% 2.54237%;.border-box;.fl;
			.title{
				margin-bottom: 6.422018%;
				&:after{width: 30px;height: 2px;background-color: @baseColor;margin-top: 15px;.block;content: '';}
				.title-0{font-size: 30px;color: #222;}
				.title-1{font-size: 16px;color: #999;}
			}
			.brief{height: 84px;line-height: 28px;font-size: 16px;color: #666;margin-bottom: 5.504587%;.over;}
			.more{width: 200px;height: 50px;line-height: 50px;font-size: 16px;color: @baseColor;border: 1px solid @baseColor;.text-center;.block;}
			.more:hover{color: #fff;background-color: @baseColor;}
		}
	}
	.tags{
		margin-top: 2.54237288%;.clean;
		span , a{
			width: 32.2033898%;height: 64px;line-height: 64px;font-size: 18px;color: #333;background-color: #fff;margin-left: 1.694915%;.relative;.text-center;.fl;.trans;
			&:hover{color: #fff;background-color: @baseColor;}
			&:nth-child(3n+1){margin-left: 0;}
			&:before{width: 0;height: 0;border-top: 9px solid #f5f5f5;border-right: 9px solid transparent;border-left: 9px solid transparent;.margin-auto;.absolute;top: 0;right: 0;left: 0;opacity: 0;.hide;.trans;content: '';}
			&.on{
				color: #fff;background-color: @baseColor;
				&:before{opacity: 1;.visible;}
			}
		}
	}
}

#index-partner{
	background: url('@{images}/partner-bg.jpg') no-repeat center center / cover;padding: 75px 0 80px;
	.index-title{
		.title-0{color: #fff;}
		.title-1{color: #f5f5f5;}
	}
	.partner-list{
		margin-top: 35px;
		.item{
			/*width: 18.6440677966%;height: 0;*/background-color: #fff;/*padding-top: 10.16949%;*/.relative;
			a{/*width: 100%;height: 100%;*/padding: 10px;/*.absolute;top: 0;left: 0;*/.block;}
			img{.margin-auto;.block;}
		}
		.btns{
			.fz0;margin-top: 20px;.relative;.text-center;
			&:before , &:after{height: 1px;background-color: #fff;.absolute;top: 50%;content: '';}
			&:before{left: 0;right: 52.1186%;}
			&:after{left: 52.1186%;right: 0;}
			.btn{width: 36px;height: 36px;background-color: #fff;background-repeat: no-repeat;background-position: center center;border-radius: 50%;margin: 0 .8474576%;.inline-block;.relative(2);cursor: pointer;.trans;}
			.btn:hover{background-color: @baseColor;}
			.left{background-image: url('@{images}/partner-left-0.png');}
			.left:hover{background-image: url('@{images}/partner-left-1.png');}
			.right{background-image: url('@{images}/partner-right-0.png');}
			.right:hover{background-image: url('@{images}/partner-right-1.png');}
		}
	}
}

#index-case{
	padding: 70px 0 80px;
	.case-list{
		margin-top: 35px;
		.item{
			/*width: 15.254237%;margin-left: 5.9322033898%;.fl;*/
			/*&:nth-child(5n+1){margin-left: 0;}*/
			.img{
				width: 83.333333%;max-width: 150px;/*height: 0;max-height: 150px;padding-top: 83.333333%;*/.relative;border-radius: 50%;margin: 0 auto 15px;.border-box;.over;
				img{.w100;/*.margin-auto;.absolute;top: 0;left: 0;right: 0;*/}
			}
			.name{font-size: 18px;color: #333;margin-bottom: 10px;.text-center;.text-over;}
			.brief{height: 84px;line-height: 28px;font-size: 16px;color: #666;margin-bottom: 15px;.over;}
			.more{
				width: 106px;height: 38px;line-height: 38px;font-size: 16px;color: @baseColor;border: 1px solid @baseColor;border-radius: 3px;.margin-auto;.text-center;.block;
				&:hover{color: #fff;background-color: @baseColor;}
			}
		}
	}
}

#index-contents{
	background-color: #f5f5f5;padding: 80px 0;
	.wrap{.relative}
	.index-news{
		width: 66.94915%;background-color: #fff;padding: 2.54237% 2.54237% 1.6949% 2.54237%;.border-box;
		.category{
			background-color: #f5f5f5;margin-bottom: 20px;
			a{
				width: 160px;height: 54px;line-height: 54px;font-size: 18px;color: #333;.text-center;.fl;
				&:hover{color: #fff;background-color: @baseColor;}
				&.on{font-weight: bold;color: #fff;background-color: @baseColor;}
			}
		}
		.list{
			.first-item{
				margin-bottom: 15px;
				.img{
					width: 30.136986%;
					img{.max-w100;}
				}
				.info{
					margin-left: 32.8767%;
					.name{
						font-size: 18px;color: #222;margin-top: 8px;margin-bottom: 10px;.text-over;
						a{font-size: inherit;color: inherit;}
						a:hover{color: @baseColor;}
					}
					.brief{line-height: 24px;font-size: 16px;color: #888;margin-bottom: 15px;.over;}
					.date{font-size: 14px;color: #999;}
				}
			}
			.item{
				margin-bottom: 15px;
				.name{
					max-width: 84.9315068%;line-height: 22px;font-size: 16px;color: #333;padding-left: 10px;.relative;.border-box;.text-over;.fl;
					&:before{width: 0;height: 0;border-left: 4px solid #333;border-top: 3.5px solid transparent;border-bottom: 3.5px solid transparent;.absolute;left: 0;top: 7px;content: '';}
					&:hover{color: @baseColor;}
				}
				.date{font-size: 14px;color: #999;.fr;}
			}
		}
	}
	.faq{
		width: 30.508474576%;background-color: #fff;padding: 2.1186% 2.54237288% 0 2.54237288%;.border-box;/*.absolute;top: 0;right: 0;bottom: 0;*/
		.top{
			border-bottom: 1px solid #e5e5e5;
			.title{line-height: 26px;font-size: 18px;color: #3a3a3c;padding-bottom: 15px;border-bottom: 2px solid @baseColor;margin-bottom: -1px;.fl;}
			.more{line-height: 26px;font-size: 14px;color: #999;background: url('@{images}/ico-more.jpg') no-repeat right center;padding-right: 16px;.fr;}
		}
		.faq-list{
			/*.calc(margin-top,~'43px + 6.944444%');.absolute;top: 0;right: 8.333333%;bottom: 0;left: 8.333333%;*/
			.bd{padding: 9% 0;.over;}
			/*.tempWrap{height: 100% !important;}*/
			.item{
				border-bottom: 1px dotted #cdd3cc;
				&:last-child{border-bottom: 0;}
				.info{padding: 6.666666% 0;}
				.a , .q{
					line-height: 24px;font-size: 14px;padding-left: 37px;.relative;
					&:before{width: 24px;height: 24px;font-size: 16px;color: #fff;.absolute;left: 0;top: 0;.text-center;}
					&:after{width: 0;height: 0;border-top: 3px solid transparent;border-bottom: 3px solid transparent;.absolute;top: 9px;left: 24px;content: '';}
				}
				.a{
					color: #666;margin-bottom: 10px;.text-over;
					&:before{background-color: #444;content: 'A';}
					&:after{border-left: 3px solid #444;}
				}
				.q{
					height: 96px;color: #333;.over;
					&:before{background-color: @baseColor;content: 'Q';}
					&:after{border-left: 3px solid @baseColor;}
				}
			}
		}
	}
}


.category-title{font-size: 24px;color: #333;padding: 40px;.text-center;}

.category-list{
	padding: 40px 0;.text-center;
	.wrap{.fz0;}
	.item{
		margin: 5px;.inline-block;
		a{height: 40px;line-height: 40px;font-size: 14px;color: #999;background-color: #eee;padding: 0 30px;.block;}
		&.on a , a:hover{color: #fff;background-color: @baseColor;}
	}
}

.not-list{font-size: 16px;padding: 30px;.text-center;}

.products-list{
	padding-top: 60px;
	.item{
		width: 32.2033898%;margin: 0 0 1.434% 1.434%; background:#fff;.text-center;.fl;.border-box;
		&:nth-child(3n+1){margin-left: 0;}
		&:hover{box-shadow: 0 6px 8px #ddd;.translateY(-4px);}
		.img{
			height: 0;padding-top: 74.9%;border: 1px solid #eee;.relative;.block;
			img{max-width: 100%;max-height: 100%;margin: auto;.absolute;top: 0;right: 0;bottom: 0;left: 0;}
		}
		h4{line-height:60px;font-size:16px;color: #212121;border: 1px solid #eee; border-top:0;}
	}
}

.scheme-page-list{
	padding-top: 30px;
	.item{
		width: 32.203389%;margin-bottom: 1.694915%;margin-left: 1.694915%;.text-center;.fl;
		&:nth-child(3n+1){margin-left: 0;}
		.img{
			height: 0;padding-top: 73.684%;.relative;
			a{.absolute;top: 0;right: 0;bottom: 0;left: 0;}
			img{.max-w100;}
		}
		.name{
			line-height: 24px;margin-top: 10px;.text-over;
			a{font-size: 16px;}
		}
	}
}

.news-list{
	margin: 30px 0;
	.first-item{
		padding-bottom: 15px;border-bottom: 1px solid #e7e7e7;margin-bottom: 15px;
		.img{
			width: 220px;
			img{.max-w100;}
		}
		.info{
			margin-left: 240px;
			.name{
				font-size: 18px;color: #222;margin-top: 8px;margin-bottom: 10px;.text-over;
				a{font-size: inherit;color: inherit;}
				a:hover{color: @baseColor;}
			}
			.brief{line-height: 24px;font-size: 16px;color: #888;margin-bottom: 15px;.over;}
			.date{font-size: 14px;color: #999;}
		}
	}
	.item{
		margin-bottom: 15px;
		.name{
			max-width: 84.9315068%;line-height: 22px;font-size: 16px;color: #333;padding-left: 10px;.relative;.border-box;.text-over;.fl;
			&:before{width: 0;height: 0;border-left: 4px solid #333;border-top: 3.5px solid transparent;border-bottom: 3.5px solid transparent;.absolute;left: 0;top: 7px;content: '';}
			&:hover{color: @baseColor;}
		}
		.date{font-size: 14px;color: #999;.fr;}
	}
}

.faq-page-list{
	margin: 30px 0;
	.item{
		padding: 20px 0;border-bottom: 1px dotted #cdd3cc;
		&:last-child{border-bottom: 0;}
		.a , .q{
			line-height: 24px;font-size: 14px;padding-left: 37px;.relative;
			&:before{width: 24px;height: 24px;font-size: 16px;color: #fff;.absolute;left: 0;top: 0;.text-center;}
			&:after{width: 0;height: 0;border-top: 3px solid transparent;border-bottom: 3px solid transparent;.absolute;top: 9px;left: 24px;content: '';}
		}
		.a{
			color: #666;margin-bottom: 10px;
			&:before{background-color: #444;content: 'A';}
			&:after{border-left: 3px solid #444;}
		}
		.q{
			color: #333;
			&:before{background-color: @baseColor;content: 'Q';}
			&:after{border-left: 3px solid @baseColor;}
		}
	}
}

.pages{
	padding: 30px 0;.text-center;
	a{color: #666;background-color: #fff;}
	span , a:hover{color: #fff;background-color: @baseColor;}
	a , span{height: 30px;line-height: 30px;font-size:14px;padding: 0 10px;border: 1px solid #e5e5e5;.inline-block;}
}

#product-detail{
	padding-bottom: 30px;
	.top{
		height: 40px;padding: 30px 0;border-bottom:1px solid #e5e5e5;margin-bottom: 30px;
		.name{font-size: 32px;color: #2f2f2f;.fl;}
		.back{line-height: 35px;font-size: 14px;color: #666;background: url('@{images}/icobtn.png');padding: 0 18px;border: 1px solid #e5e5e5;.fr;}
	}
	.info{
		margin-bottom: 30px;
		.img{
			width: 48.30508474576%;.over;.fl;
			img{.max-w100;.trans;}
		}
		.brief{line-height: 30px;font-size: 16px;color: #666;margin-left: 51.69491525%;}
	}
	.content{line-height: 30px;font-size: 16px;color: #666;margin-bottom: 30px;}
}

#news-detail{
	.top{
		padding: 30px 0;border-bottom: 1px solid #e7e7e7e7;margin-bottom: 30px;
		.title{font-size: 30px;.text-center;}
	}
	.content{line-height: 30px;font-size: 16px;color: #666;margin-bottom: 30px;}
}

#article{
	padding: 40px 0;
	.title{font-size: 24px;color: #333;.text-center;}
	.content{line-height: 30px;font-size: 16px;color: #666;margin: 30px 0;}
}

#case .case-list{
	padding-top: 30px;
	.item{
		width: 15.254237%;margin-left: 5.9322033898%;.fl;
		&:nth-child(5n+1){margin-left: 0;}
		.img{
			width: 83.333333%;max-width: 150px;/*height: 0;max-height: 150px;padding-top: 83.333333%;*/.relative;border-radius: 50%;margin: 0 auto 15px;.border-box;.over;
			img{.w100;/*.margin-auto;.absolute;top: 0;left: 0;right: 0;*/}
		}
		.name{font-size: 18px;color: #333;margin-bottom: 10px;.text-center;.text-over;}
		.brief{height: 84px;line-height: 28px;font-size: 16px;color: #666;margin-bottom: 15px;.over;}
	}
}


#footer{
	line-height: 28px;background-color: #0c1119;padding-top: 50px;
	.t{font-weight: bold;font-size: 14px;color: #cdcdcd;}
	.i{font-size: 14px;color: #8e939d;}
	a{font-size: inherit;color: inherit;}
	* a:hover{color: #cdcdcd;}
	.box{
		padding-bottom: 45px;border-bottom: 1px solid #172030;
		.info{
			width: 38.13559%;
		}
		.f-nav{
			width: 260px/*16.9491525%*/;margin-left: 2.966%;
			.i{
				width: 100px;margin-right: 20px;.fl;
			}
		}
		.follow{
			.share{
				.fz0;margin-top: 30%;.text-right;.relative;
				.i{width: 36px;height: 36px;background-color: #8e939d;background-repeat: no-repeat;background-position: center center;border-radius: 50%;margin-left: 15px;.inline-block;.relative;}
				.i1{background-image: url('@{images}/share-1.png');}
				.i2{background-image: url('@{images}/share-2.png');}
				.i3{background-image: url('@{images}/share-3.png');}
				.i:hover .img{.visible;opacity: 1;}
				.img{
					width: 150px;height: 150px;background-color: #fff;padding: 5px;border-radius: 5px;.absolute;bottom: 50px;left: 50%;.translateX(-50%);.border-box;.hide;opacity: 0;.trans;
					&:after{width: 0;height: 0;border-top: 5px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent;.margin-auto;.absolute;right: 0;bottom: -5px;left: 0;content: '';}
				}
				img{.max-w100;.block;.margin-auto;}
			}
		}
	}
	.other{
		line-height: 60px;border-top: 1px solid #05080c;
		.stand , .copyright{font-size: 14px;color: #8e939d;}
	}
}

#wap-btns{
	height: 50px;line-height: 50px;background-color: @baseColor;.fixed(9);right: 0;left: 0;bottom: -50px;.flex-box;-webkit-justify-content: space-between;justify-content: space-between;.text-center;
	.btn{
		width: 34%;font-size: 14px;color: #fff;border-left: 1px solid rgba(255,255,255,.2);.border-box;
		&:first-child{border-left: 0;}
		&:before{background-repeat: no-repeat;background-position: center center;background-size: 100% auto;margin-top: -3px;margin-right: 5px;.inline-block;.middle;content: '';}
		&.tel:before{width: 25px;height: 40px;background-image: url('@{images}/wap-tel.png');}
		&.wechat:before{width: 20px;height: 40px;background-image: url('@{images}/wap-wechat.png');}
		&.totop:before{width: 18px;height: 40px;background-image: url('@{images}/wap-totop.png');}
	}
	*{font-size: inherit;color: #fff;}
}
#wap-btns-blank{height: 50px;.none;}

#map{height: 500px;margin-bottom: 40px;}

.loading-more{height: 20px;background: url('@{images}/loading.svg') no-repeat center center / auto 40%;.hide;.property(opacity);.trans;}
[load-list].list-loading ~ .loading-more{height: 40px;.visible;}

@media only screen and (max-width: 1440px) {
	.index-title{
		.title-0{font-size: 28px;}
		.title-1{font-size: 16px;}
	}

	#index-advantages{
		.advantages-list{
			.item{
				.main{
					.name{
						.num{top: 5px;}
						.title-0{font-size: 34px;}
						.title-1{line-height: 26px;font-size: 20px;}
					}
				}
			}
		}
	}

	#index-about{
		.main{
			.info{
				.title{
					.title-0{font-size: 24px;}
					.title-1{font-size: 14px;}
				}
				.brief{font-size: 14px;}
				.more{font-size: 14px;}
			}
		}
	}

	.category-title{font-size: 22px;padding: 30px;}

	.category-list{padding: 30px;}
}


@media only screen and (max-width: 1080px) {
	#header{
		background-color: #fff;.fixed(10);top: 0;right: 0;left: 0;
		.top{.none;}
		.main{
			#logo{margin-top: 10px;margin-bottom: 10px;}
			.hotline{.none;}
			.slogan{
				line-height: 24px;font-size: 14px;margin-top: 13px;
				p{margin-top: 0;}
			}
			#nav-btn{.block;}
			#nav{
				width: 100%;background-color: #fff;border-top: 1px solid #eee;margin-top: 0;.fixed(5);top: 72px;left: 100%;-webkit-justify-content: center;justify-content: center;.trans;
				&.on{left: 0;}
				.item{
					&.s > a:after{.none;}
					.sub{.none;}
				}
			}
		}
	}
	#header-blank{height: 72px;}

	#banner{
		.btns{width: 30px;height: 30px;}
		&.products[class] .swiper-slide img{margin-left: 0;}
		.swiper-slide img{max-width: 160%;margin-left: -30%;}
	}

	.index-title{
		.title-0{font-size: 22px;}
		.title-1{font-size: 14px;}
	}

	#index-search{
		padding: 10px 0;
		.keywords{
			line-height: 25px;font-size: 14px;padding: 5px 0;
			.title{font-size: inherit;}
			a{font-size: inherit;}
		}
		.form{
			.text{height: 36px;font-size: 14px;}
			.submit{
				height: 36px;font-size: 14px;
				&:before{margin-top: -2px;.middle;}
			}
		}
	}

	#index-category{
		padding: 30px 0 40px;
		.list{
			.item{
				.info{
					padding: 3%;
					.title{font-size: 18px;}
					.brief .i{font-size: 14px;}
					.btns .btn{width: 120px;height: 36px;line-height: 36px;font-size: 14px;margin-right: 10px;}
				}
			}
		}
	}

	#index-scheme{
		padding: 35px 0 40px;
		.scheme-category-list{
			.item{
				.info{
					.title{font-size: 18px;}
					.brief{line-height: 20px;font-size: 14px;}
				}
			}
		}
	}

	#index-advantages{
		padding: 35px 0 0;
		.advantages-list{
			.item[class]{
				padding: 0;margin-bottom: 30px;
				.img{
					width: 100%;padding: 0;margin: 0;float: none;
					img{.max-w100;float: none;}
				}
				.main{
					width: 100%;height: auto;padding: 0;margin-top: 10px;float: none;.relative;
					table{height: auto;}
					.name{
						.num{top: 0;}
						.title-0{font-size: 26px;}
						.title-1{line-height: 22px;font-size: 16px;}
					}
					.pic{
						.relative;margin-top: 10px;.none;
						&:after{.none;}
					}
					.more{.none;}
				}
				.black{.none;}
			}
		}
	}

	#index-process{
		.process-list{
			max-width: 800px;.margin-auto;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;
			.item{
				width: 28%;
				&.i4{order: 5;}
				&.i5{order: 3;}
				&.i6{order: 1;}
			}
			.arrow{
				width: 6%;
				&.i3{
					width: 100%;height: 100px;.text-right;
					img{margin-right: 13%;.rotate(90deg);}
					& ~ .arrow{.rotateY(180deg);}
				}
				&.i4{order: 4;}
				&.i5{order: 2;}
			}
		}
		.process-form{
			padding: 3%;
			.img{.none;}
			.font{
				.title{font-size: 18px;}
				.name{font-size: 14px;}
				.brief{font-size: 14px;}
			}
		}
	}

	#index-about{
		padding: 35px 0 55px;
		.main{
			.info{
				padding: 1.5%;
				.title{
					margin-bottom: 3%;
					&:after{.none;}
					.title-0{font-size: 20px;}
					.title-1{font-size: 12px;}
				}
				.brief{height: 96px;line-height: 24px;margin-bottom: 3%;}
				.more{width: 160px;height: 40px;line-height: 40px;}
			}
		}
		.tags{
			span , a{
				font-size: 14px;height: 40px;line-height: 40px;
				&:before{border-top-width: 6px;border-right-width: 6px;border-left-width: 6px;}
			}
		}
	}

	#index-partner{
		padding: 35px 0 40px;
	}

	#index-case{
		padding: 25px 0 30px;
		.case-list{
			.item{
				.name{font-size: 16px;}
				.brief{font-size: 14px;}
				.more{font-size: 14px;}
			}
		}
	}

	#index-contents{
		padding: 40px 0;
		.index-news{
			width: 100%;float: none;
			.category{
				a{width: 140px;height: 46px;line-height: 46px;font-size: 16px;}
			}
			.list{
				.first-item{
					.info{
						.name{font-size: 16px;}
						.brief{font-size: 14px;}
					}
				}
				.item{
					.name{font-size: 14px;}
				}
			}
		}
		.faq{.none;}
	}

	.category-title{font-size: 20px;padding: 20px;}

	.category-list{
		padding: 15px 0;
		.item a{height: 30px;line-height: 30px;padding: 0 15px;}
	}
}

@media only screen and (max-width: 768px) {
	#header{
		.main{
			#nav{
				bottom: 0;
				.item{
					line-height: 50px;border-bottom: 1px solid #eee;margin: 0;.text-right;.block;
					& > a{padding: 0 20px;}
				}
			}
		}
	}

	#banner{
		.btns{.none;}
		&.inner .swiper-slide img{max-width: 300%;margin-left: -100%;}
	}

	.index-title{
		.title-0{font-size: 16px;}
		.title-1{font-size: 12px;}
	}

	#index-search{
		.keywords{
			width: 100%;float: none;.block;
			.title{font-size: inherit;}
			a{font-size: inherit;}
		}
		.form{
			width: 100%;.block;float: none;
			.text{height: 36px;font-size: 14px;}
			.submit{
				height: 36px;font-size: 14px;
				&:before{margin-top: -2px;.middle;}
			}
		}
	}

	#index-category{
		padding: 20px 0 0;
		.list{
			margin-top: 15px;
			.item{
				width: 100%;max-width: 575px;margin: 0 auto 20px;float: none;.block;
				.info{
					padding: 3%;
					.title{font-size: 16px;}
					.brief .i{font-size: 12px;}
					.btns .btn{width: 100px;height: 30px;line-height: 30px;font-size: 12px;margin-right: 10px;}
				}
			}
		}
	}

	#index-scheme{
		.scheme-category-list{
			.item[class]{
				width: 100%;max-width: 580px;margin: 0 auto 20px;float: none;.block;
				.info{
					.title{font-size: 16px;}
					.brief{line-height: 20px;font-size: 12px;}
				}
			}
		}
		.scheme-list{.none;}
		.more{width: 120px;height: 36px;line-height: 36px;font-size: 14px;}
	}

	#index-advantages{
		.advantages-list{
			.item[class]{
				margin-bottom: 20px;
				.main{
					.name{
						.title-0{font-size: 18px;}
						.title-1{font-size: 14px;}
					}
					.brief .i{font-size: 14px;}
				}
			}
		}
	}

	#index-process{
		padding: 35px 0 40px;
		.process-list{
			.item{
				.ico{height: 60px;background-size: auto 100%;}
				.name{font-size: 14px;margin-top: 8px;}
			}
			.arrow{
				img{margin-top: 25px;}
				&.i3{
					height: 75px;
				}
			}
		}
		.process-form{
			.font{
				.title{font-size: 16px;}
				.name{font-size: 12px;}
				.brief{font-size: 12px;}
			}
			.form{
				.title{font-size: 16px;}
				.text{height: 34px;font-size: 14px;}
				.submit{height: 34px;font-size: 14px;}
			}
		}
	}

	#index-about{
		.main{
			.img{.none;}
			.info{
				width: 100%;float: none;
				.title{
					.title-0{font-size: 16px;}
					.title-1{font-size: 12px;}
				}
				.brief{height: auto;line-height: 24px;margin-bottom: 3%;}
				.more{width: 160px;height: 40px;line-height: 40px;font-size: 14px;}
			}
		}
	}

	#index-contents{
		padding: 15px 0;
	}

	.products-list[class]{
		padding-top: 20px;
		.item{
			width: 49%;margin-bottom: 2%;margin-left: 2%;
			&:nth-child(2n+1){margin-left: 0;}
			h4{line-height: 40px;font-size: 14px;}
		}
	}

	.scheme-page-list{
		.item[class]{
			width: 49%;margin-bottom: 3%;margin-left: 2%;
			&:nth-child(2n+1){margin-left: 0;}
			.name{
				margin-top: 5px;
				a{font-size: 14px;}
			}
		}
	}

	.news-list{
		.first-item{
			.img{max-width: 40%;}
			.info{
				margin-left: 45%;
				.name{font-size: 16px;margin-top: 0;white-space: normal;}
				.brief{.none;}
			}
		}
		.item{
			.name{font-size: 14px;}
		}
	}

	#product-detail{
		.top{
			padding: 10px 0;
			.name{
				line-height: 40px;font-size: 20px;
			}
			.back{.none;}
		}
		.info{
			.img{
				width: 100%;margin-bottom: 15px;float: none;
				img{.margin-auto;.block;}
			}
			.brief{width: 100%;line-height: 24px;font-size: 14px;margin: 0;}
		}
		.content{line-height: 24px;font-size: 14px;}
	}

	#news-detail{
		.top{
			padding: 10px 0;margin-bottom: 15px;
			.title{font-size: 18px;}
		}
		.content{line-height: 24px;font-size: 14px;}
	}

	#footer{
		padding-top: 20px;
		.box{
			padding-bottom: 15px;
			.info{
				width: 100%;float: none;
			}
			.f-nav{.none;}
			.follow{.none;}
		}
	}

	#wap-btns{bottom: 0;}
	#wap-btns-blank{.block;}

	#map{height: 300px;}
}

@media only screen and (max-width: 640px) {
	#header{
		.main{
			#logo{
				height: 60px;margin: 0;.relative;
				& > a{height:60%;margin: auto;.absolute;top: 0;bottom: 0;}
				img{.max-h100;.block;}
			}
			.slogan{.none;}
			#nav-btn{margin-top: 8px;}
			#nav{top: 60px;}
		}
	}
	#header-blank{height: 60px;}

	#index-process .process-form{
		.font{.none;}
		.form{width: 100%;float: none;}
	}

	#index-contents{
		.index-news{
			.list{
				.first-item{
					.img{.none;}
					.info{
						margin: 0;
						.brief{height: auto;}
					}
				}
				.item{
					.name{max-width: 75%;}
				}
			}
		}
	}

	.news-list .item{
		.name{max-width: 100%;font-size: 14px;}
		.date{.none;}
	}

	#footer .other{
		line-height: 24px;padding: 10px 0;
		.stand, .copyright{font-size: 12px;float: none;.text-center;}
	}
}