/**************************** index *****************************/
	.swiper-container{
		height: 100%;
		position: relative;
		overflow: hidden;
		.swiper-wrapper{
			.swiper-slide{
				img{
					width: 100%;
					height: 100%;
				}
				.indexSec{
					width: 600px;
					height: 140px;
					position: absolute;
					top: 428px;
					left: 0;
					z-index: 999;
					background-color: #0066b4;
					.indexTitle{
						padding: 10px 0 0 20px;
						span{
							color: #fff;
							font-size: 1.4em;
							display: block;
							margin-bottom: 5px;
						}
						h2{
							color: #fff;
						}
					}
					.swiper-button-prev{
						bottom: 0;
						top: -13px;
						border-right: 1px solid #fff;
						left: auto;
						right: 35px;
						width: 70px;
						height: 140px;
						transform: rotate(90deg);
						background-color: rgba(68,71,70,.4);
					}
					.swiper-button-next{
						top: auto;
						left: auto;
						right: 35px;
						bottom: -35px;
						width: 70px;
						height: 140px;
						transform: rotate(90deg);
						background-color: rgba(68,71,70,.4);
					}
					.swiper-button-prev:hover,
					.swiper-button-next:hover{
						background-color: #4a4f4f;
					}
				}
				.indexSecMt{
					margin-top: 40px;
					transition: all .4s;
				}
			}
		}
		.indexLeft{
			position: fixed;
			left: 0;
			top: 0;
			height: 100%;
			z-index: 99;
			max-height: 100%;
			.indexFirst{
				width: 230px;
				background-color: #2a2a2a;
				.logo{
					padding: 20px 0 20px 20px;
					margin: 0 auto;
					width: 90%;
				}
				.lang{
					margin-bottom: 10px;
					.langTop{
						padding: 0 30px 10px 20px;
						cursor: pointer;
						.langImg{
							width: 20px;
							vertical-align: middle;
						}
						span{
							color: #fff;
							font-size: 1.4em;
							vertical-align: middle;
						}
						i{
							font-size: 2em;
							color: #b1b2b2;
							float: right;
							vertical-align: middle;
						}
					}
					.langBot{
						padding: 10px 0 10px 20px;
						display: none;
						background-color: #5c605e;
						li{
							color: #fff;
							font-size: 1.4em;
							img{
								width: 20px;
								vertical-align: middle;
								margin-right: 5px;
							}
						}
					}
					.langBot:hover{
							background-color: #0066b4;
					}
					.langTopDis{
						i{
							transform: rotate(180deg);
						}
					}
				}
				.indexNav{
					background-color: #5c605e;
					padding: 15px 0;
					ul{
						a{
							li{
								padding: 7px 20px;
								border-bottom: 1px solid #303235;
								border-top: 1px solid #6f747a;
								transition: all .4s;
								color: #fff;
								font-size: 1.4em;
							}
						}
						li:hover{
							background-color: #0066b4;
						}
						li:first-child{
							border-top: 0;
						}
						li:last-child{
							border-bottom: 0;
						}
					}
				}
				.search{
					.searchTop{
						background-color: #4a4f4f;
						padding: 15px 30px 15px 20px;
						span{
							color: #fff;
							font-size: 1.4em;
							vertical-align: middle;
						}
						i{
							font-size: 2em;
							color: #b1b2b2;
							float: right;
							vertical-align: middle;
							transition: all .3s;
						}
					}
					.searchBottom{
						background-color: #444746;
						padding: 15px 30px 20px 20px;
						input{
							width: 100%;
							height: 25px;
							box-shadow: none;
							border: 0;
							border-radius: 3px;
							padding-left: 5px;
							padding-right: 15px;
							font-size: 1.4em;
							color: #444746;
							background-color: #b2b5b5;
							background-image: url('/static/home/img/public/search.png');
							background-size: auto 70%;
							background-repeat: no-repeat;
							background-position: 96% center;
						}
					}
				}
			}
			.indexThr{
				width: 230px;
				z-index: auto;
				background-color: #fff;
				transition: all .4s;
				padding: 10px 30px 20px 20px;
				margin-top: 140px;
				span{
					color: #000;
					font-size: 1.2em;
					display: block;
					margin-bottom: 5px;
				}
				p{
					color: #898989;
					font-size: 1.2em;
				}
				h4{
					color: #595757;
					line-height: 1.4;
					font-size: 1.6em;
				}
				.indexNews
				,.indexPro{
					padding: 10px 0;
					border-bottom: 1px dashed #eaeaea;
				}
				.indexDownload{
					padding: 10px 0;
				}
			}
			.indexFur{
				width: 230px;
				text-align: center;
				padding: 10px 0;
				transition: all .4s;
				background-color: #e7e9e9;
				img{
					width: 40px;
				}
			}
			.indexFurClick{
				bottom: 0;
			}
		}
	}


/**************************** about *****************************/
	.aboutLeft{
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: 99;
		max-height: 100%;
		.aboutFirst{
			width: 230px;
			background-color: #2a2a2a;
			.logo{
				padding: 20px 0 20px 20px;
				margin: 0 auto;
				width: 90%;
			}
			.lang{
				margin-bottom: 10px;
				.langTop{
					padding: 0 30px 10px 20px;
					cursor: pointer;
					.langImg{
						width: 20px;
						vertical-align: middle;
					}
					span{
						color: #fff;
						font-size: 1.4em;
						vertical-align: middle;
					}
					i{
						font-size: 2em;
						color: #b1b2b2;
						float: right;
						vertical-align: middle;
					}
				}
				.langBot{
					padding: 10px 0 10px 20px;
					display: none;
					background-color: #5c605e;
					li{
						color: #fff;
						font-size: 1.4em;
						img{
							width: 20px;
							vertical-align: middle;
							margin-right: 5px;
						}
					}
				}
				.langBot:hover{
						background-color: #0066b4;
				}
				.langTopDis{
					i{
						transform: rotate(180deg);
					}
				}
			}
			.aboutNav{
				background-color: #0270c4;
				padding: 15px 0;
				ul{
					li{
						i{
							color: #fff;
							font-size: 1.8em;
							padding-right: 5px;
							padding-left: 8px;
						}
						span{
							color: #fff;
							font-size: 1.8em;
						}
						ul{
							a{
								li{
									padding: 7px 20px;
									color: #fff;
									font-size: 1.4em;
								}
							}
							a:hover{
								li{
									color: #000;
									background-color: rgba(74,79,79,.4);
								}
							}
						}
					}
				}
			}
			.search{
				.searchTop{
					background-color: #4a4f4f;
					padding: 15px 30px 15px 20px;
					.searchTopBan{
						margin-bottom: 10px;
						cursor: pointer;
						span{
							color: #fff;
							font-size: 1.4em;
							vertical-align: middle;
						}
						i{
							font-size: 2em;
							color: #b1b2b2;
							float: right;
							vertical-align: middle;
							transition: all .3s;
						}
					}
					.searchTopDis{
						i{
							transform: rotate(180deg);
						}
					}
					ul{
						display: none;
						li{
							padding: 7px 20px;
							border-bottom: 1px solid #fff;
							a{
								color: #fff;
								font-size: 1.4em;
							}
						}
						li:first-child{
							border-top: 0;
						}
					}
					
				}
				.searchBottom{
					background-color: #444746;
					padding: 15px 30px 20px 20px;
					input{
						width: 100%;
						height: 25px;
						box-shadow: none;
						border: 0;
						border-radius: 3px;
						padding-left: 5px;
						padding-right: 15px;
						font-size: 1.4em;
						color: #444746;
						background-color: #b2b5b5;
						background-image: url('/static/home/img/public/search.png');
						background-size: auto 70%;
						background-repeat: no-repeat;
						background-position: 96% center;
					}
				}
			}
		}
	}
	.aboutChild{
		.aboutLeft{
			.aboutFirst{
				.aboutNav{
					ul{
						li{
							ul{
								.aboutLeftHerfActive{
									li{
										background-color: rgba(74,79,79,.4);
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.aboutRightFooter{
		height: 40px;
		padding: 0 25px;
		line-height: 40px;
		position: absolute;
		bottom: -39px;
		right: 0;
		text-align: center;
		background-color: #555d65;
		ul{
			width: 100%;
			li{
				display: inline-block;
				a{
					font-size: 1.4em;
					color: #fff;
					margin: 0 5px;
				}
				a:hover{
					color: #0270c4;
				}
			}
		}
	}
	.aboutRightSev{
		height: 100px;
		padding: 0 30px;
		background-color: #f5f5f5;
		.aboutRightSevLeftLi{
			float: left;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-right: 15px;
				}
			}
		}
		.aboutRightSevRightLi{
			float: right;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-left: 15px;
				}
			}
		}
	}
	.publicHeader{
		width: 700px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
		padding: 20px 30px;
		.aboutRightFirst{
			padding: 0 10px;
			padding-bottom: 15px;
			border-bottom: 1px solid #d0d0d0;
			a{
				font-size: 1.6em;
				color: #4a5050;
			}
			.herfIn{
				color: #0270c4;
			}
		}
		.aboutRightSec{
			padding: 15px 10px;
			border-bottom: 1px solid #d0d0d0;
			ul{
				li{
					margin-right: 15%;
					display: inline-block;
					vertical-align: text-top;
					p{
						font-size: 1.4em;
						color: #4a5050;
						margin-bottom: 0;
						img{
							width: 15px;
							margin-right: 5px;
						}
					}
				}
			}
		}
	}
	.about{
		.aboutRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.aboutRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.aboutRightThr{
					padding-top: 160px;
					padding-bottom: 30px;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.aboutRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					.row{
						margin: 0;
						.aboutRightFurCol{
							overflow: hidden;
							img{
								width: 100%;
								transition: all .4s;
							}
							p{
								color: #595757;
								font-size: 1.4em;
								line-height: 1.2;
								a{
									color: #595757;
								}
								.more{
									display: none;
								}
								.moreBtn{
									color: #0270c4;
								}
							}
						}
						.aboutRightFurCol:hover{
							img{
								transform: scale(1.2);
							}
						}
						.aboutRightFurCol1{
							padding-right: 15px;
						}
						.aboutRightFurCol2{
							padding-left: 15px;
						}
					}
				}
				.aboutRightFur:hover{
					h3{
						color: #0270c4;
					}
				}
			}
		}
	}


/**************************** intro *****************************/
	.intro{
		.aboutRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.aboutRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.aboutRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.4em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.aboutRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.aboutRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.aboutRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
					}
					p{
						color: #595757;
						font-size: 1.4em;
						margin-top: 30px;
					}
				}
				.aboutRightFif{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					ul{
						li{
							color: #595757;
							font-size: 1.4em;
							margin-bottom: 2px;
						}
					}
				}
				.aboutRightSix{
					padding: 30px 0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					ul{
						a{
							li{
								color: #595757;
								font-size: 1.4em;
								margin-bottom: 2px;
								img{
									width: 10px;
									margin-right: 10px;
								}
							}
						}
						a:hover{
							li{
								color: #0270c4;
							}
						}
					}
				}

			}
		}
	}


/**************************** idea ******************************/
	.idea{
		.aboutRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.aboutRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.aboutRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.4em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.aboutRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.aboutRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.aboutRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
					}
					ul{
						text-align: center;
						margin: 5% 0;
						li{
							width: 30%;
							padding: 0 30px;
							display: inline-block;
							vertical-align: text-top;
							border-right: 1px solid #b7b4b3;
							img{
								width: 60%;
								margin-bottom: 15px;
							}
							h4{
								color: #2a2a2a;
								font-weight: 800;
								margin-bottom: 10px;
							}
							p{
								color: #595757;
								font-size: 1.4em;
							}
						}
						li:last-child{
							border-right: 0;
						}
					}
				}
				.aboutRightFif{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					ul{
						li{
							color: #595757;
							font-size: 1.4em;
							margin-bottom: 2px;
						}
					}
				}
				.aboutRightSix{
					padding: 30px 0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					ul{
						a{
							li{
								color: #595757;
								font-size: 1.4em;
								margin-bottom: 2px;
								img{
									width: 10px;
									margin-right: 10px;
								}
							}
						}
						a:hover{
							li{
								color: #0270c4;
							}
						}
					}
				}

			}
		}
	}


/**************************** data ******************************/
	.data{
		.aboutRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.aboutRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.aboutRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.4em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.aboutRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.aboutRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.aboutRightFur{
					padding: 30px 0;
					img{
						width: 100%;
					}
					p{
						color: #595757;
						font-size: 1.4em;
						margin-top: 30px;
					}
				}
			}
		}
		.aboutRightFif{
			padding-bottom: 30px;
			background-color: #fff;
			ul{
				padding: 30px;
				background-color: #0270c4;
				li{
					display: inline-block;
					vertical-align: text-top;
					p{
						color: #fff;
						font-size: 1.4em;
					}
					h2{
						color: #fff;
						font-weight: 800;
						margin-right: 5px;
						display: inline-block;
					}
					small{
						font-size: 1.4em;
						color: #fff;
						display: inline-block;
					}
				}
				.aboutRightFifLi1{
					width: 24%;
				}
				.aboutRightFifLi2{
					width: 20%;
				}
				.aboutRightFifLi3{
					width: 14%;
				}
				.aboutRightFifLi4{
					width: 14%;
				}
				.aboutRightFifLi5{
					width: 25%;
				}
			}
		}
		.aboutRightSix{
			height: 30px;
			background-color: #fff;
			.aboutRightSixBox{
				width: 90%;
				margin: 0 auto;
				border-top: 1px dashed #d0d0d0;
			}
		}
	}


/**************************** position **************************/
	.position{
		.aboutRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.aboutRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.aboutRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.4em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.aboutRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.aboutRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.aboutRightFur{
					padding: 30px 5px;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
					}
				}
				.aboutRightFif{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #0270c4;
						margin-bottom: 20px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
			}
			.aboutRightSix{
				padding: 30px 0 60px 0;
				background-color: #fff;
				ul{
					padding: 30px;
					background-color: #0270c4;
					li{
						width: 19%;
						display: inline-block;
						vertical-align: text-top;
						img{
							width: 100%;
						}
					}
				}
			}
		}
	}


/**************************** pro *******************************/
	.proLeft{
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: 99;
		max-height: 100%;
		.proFirst{
			width: 230px;
			background-color: #2a2a2a;
			.logo{
				padding: 20px 0 20px 20px;
				margin: 0 auto;
				width: 90%;
			}
			.lang{
				margin-bottom: 10px;
				.langTop{
					padding: 0 30px 10px 20px;
					cursor: pointer;
					.langImg{
						width: 20px;
						vertical-align: middle;
					}
					span{
						color: #fff;
						font-size: 1.4em;
						vertical-align: middle;
					}
					i{
						font-size: 2em;
						color: #b1b2b2;
						float: right;
						vertical-align: middle;
					}
				}
				.langBot{
					padding: 10px 0 10px 20px;
					display: none;
					background-color: #5c605e;
					li{
						color: #fff;
						font-size: 1.4em;
						img{
							width: 20px;
							vertical-align: middle;
							margin-right: 5px;
						}
					}
				}
				.langBot:hover{
						background-color: #0066b4;
				}
				.langTopDis{
					i{
						transform: rotate(180deg);
					}
				}
			}
			.proNav{
				background-color: #0270c4;
				padding: 15px 0;
				ul{
					li{
						i{
							color: #fff;
							font-size: 1.8em;
							padding-right: 5px;
							padding-left: 8px;
						}
						span{
							color: #fff;
							font-size: 1.8em;
						}
						ul{
							a{
								li{
									padding: 7px 20px;
									color: #fff;
									font-size: 1.4em;
								}
							}
							a:hover{
								li{
									color: #000;
									background-color: rgba(74,79,79,.4);
								}
							}
						}
					}
				}
			}
			.search{
				.searchTop{
					background-color: #4a4f4f;
					padding: 15px 30px 15px 20px;
					.searchTopBan{
						margin-bottom: 10px;
						cursor: pointer;
						span{
							color: #fff;
							font-size: 1.4em;
							vertical-align: middle;
						}
						i{
							font-size: 2em;
							color: #b1b2b2;
							float: right;
							vertical-align: middle;
							transition: all .3s;
						}
					}
					.searchTopDis{
						i{
							transform: rotate(180deg);
						}
					}
					ul{
						display: none;
						li{
							padding: 7px 20px;
							border-bottom: 1px solid #fff;
							a{
								color: #fff;
								font-size: 1.4em;
							}
						}
						li:first-child{
							border-top: 0;
						}
					}
				}
				.searchBottom{
					background-color: #444746;
					padding: 15px 30px 20px 20px;
					input{
						width: 100%;
						height: 25px;
						box-shadow: none;
						border: 0;
						border-radius: 3px;
						padding-left: 5px;
						padding-right: 15px;
						font-size: 1.4em;
						color: #444746;
						background-color: #b2b5b5;
						background-image: url('/static/home/img/public/search.png');
						background-size: auto 70%;
						background-repeat: no-repeat;
						background-position: 96% center;
					}
				}
			}
		}
	}
	.proChild{
		.proLeft{
			.proFirst{
				.proNav{
					ul{
						li{
							ul{
								.proLeftHerfActive{
									li{
										background-color: rgba(74,79,79,.4);
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.proRightFooter{
		height: 40px;
		padding: 0 25px;
		line-height: 40px;
		position: absolute;
		bottom: -39px;
		right: 0;
		text-align: center;
		background-color: #555d65;
		ul{
			width: 100%;
			li{
				display: inline-block;
				a{
					font-size: 1.4em;
					color: #fff;
					margin: 0 5px;
				}
				a:hover{
					color: #0270c4;
				}
			}
		}
	}
	.proRightSev{
		height: 100px;
		padding: 0 30px;
		background-color: #f5f5f5;
		.proRightSevLeftLi{
			float: left;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-right: 15px;
				}
			}
		}
		.proRightSevRightLi{
			float: right;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-left: 15px;
				}
			}
		}
	}
	.pro{
		.proRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.proRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.proRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.proRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.proRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.proRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					.row{
						margin: 0;
						.proRightFurCol{
							overflow: hidden;
							img{
								width: 100%;
								transition: .4s all;
							}
							p{
								color: #595757;
								font-size: 1.4em;
								a{
									color: #595757;
								}
								.more{
									display: none;
								}
								.moreBtn{
									color: #0270c4;
								}
							}
						}
						.proRightFurCol:hover{
							img{
								transform: scale(1.2);
							}
						}
						.proRightFurCol1{
							padding-right: 15px;
						}
						.proRightFurCol2{
							padding-left: 15px;
						}
					}
				}
				.proRightFur:hover{
					h3{
						color: #0270c4;
					}
				}
			}
		}
	}


/**************************** pdetail ***************************/
	.pdetail{
		.proRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.proRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.proRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.proRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.proRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.proRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					.row{
						margin: 0;
						.proRightFurCol{
							img{
								width: 100%;
							}
							p{
								color: #595757;
								font-size: 1.4em;
							}
						}
						.proRightFurCol1{
							width: 305px;
							padding: 2px;
							border: 1px solid #595757;
							box-shadow: 1px 1px 3px 2px #d0d0d0 inset;
						}
						.proRightFurCol2{
							padding-left: 15px;
						}
					}
				}
			}
		}
	}


/**************************** manu ******************************/
	.manuLeft{
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: 99;
		max-height: 100%;
		.manuFirst{
			width: 230px;
			background-color: #2a2a2a;
			.logo{
				padding: 20px 0 20px 20px;
				margin: 0 auto;
				width: 90%;
			}
			.lang{
				margin-bottom: 10px;
				.langTop{
					padding: 0 30px 10px 20px;
					cursor: pointer;
					.langImg{
						width: 20px;
						vertical-align: middle;
					}
					span{
						color: #fff;
						font-size: 1.4em;
						vertical-align: middle;
					}
					i{
						font-size: 2em;
						color: #b1b2b2;
						float: right;
						vertical-align: middle;
					}
				}
				.langBot{
					padding: 10px 0 10px 20px;
					display: none;
					background-color: #5c605e;
					li{
						color: #fff;
						font-size: 1.4em;
						img{
							width: 20px;
							vertical-align: middle;
							margin-right: 5px;
						}
					}
				}
				.langBot:hover{
						background-color: #0066b4;
				}
				.langTopDis{
					i{
						transform: rotate(180deg);
					}
				}
			}
			.manuNav{
				background-color: #0270c4;
				padding: 15px 0;
				ul{
					li{
						i{
							color: #fff;
							font-size: 1.8em;
							padding-right: 5px;
							padding-left: 8px;
						}
						span{
							color: #fff;
							font-size: 1.8em;
						}
						ul{
							a{
								li{
									padding: 7px 20px;
									color: #fff;
									font-size: 1.4em;
								}
							}
							a:hover{
								li{
									color: #000;
									background-color: rgba(74,79,79,.4);
								}
							}
						}
					}
				}
			}
			.search{
				.searchTop{
					background-color: #4a4f4f;
					padding: 15px 30px 15px 20px;
					.searchTopBan{
						margin-bottom: 10px;
						cursor: pointer;
						span{
							color: #fff;
							font-size: 1.4em;
							vertical-align: middle;
						}
						i{
							font-size: 2em;
							color: #b1b2b2;
							float: right;
							vertical-align: middle;
							transition: all .3s;
						}
					}
					.searchTopDis{
						i{
							transform: rotate(180deg);
						}
					}
					ul{
						display: none;
						li{
							padding: 7px 20px;
							border-bottom: 1px solid #fff;
							a{
								color: #fff;
								font-size: 1.4em;
							}
						}
						li:first-child{
							border-top: 0;
						}
					}
				}
				.searchBottom{
					background-color: #444746;
					padding: 15px 30px 20px 20px;
					input{
						width: 100%;
						height: 25px;
						box-shadow: none;
						border: 0;
						border-radius: 3px;
						padding-left: 5px;
						padding-right: 15px;
						font-size: 1.4em;
						color: #444746;
						background-color: #b2b5b5;
						background-image: url('/static/home/img/public/search.png');
						background-size: auto 70%;
						background-repeat: no-repeat;
						background-position: 96% center;
					}
				}
			}
		}
	}
	.manuChild{
		.manuLeft{
			.manuFirst{
				.manuNav{
					ul{
						li{
							ul{
								.manuLeftHerfActive{
									li{
										background-color: rgba(74,79,79,.4);
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.manuRightFooter{
		height: 40px;
		padding: 0 25px;
		line-height: 40px;
		position: absolute;
		bottom: -39px;
		right: 0;
		text-align: center;
		background-color: #555d65;
		ul{
			width: 100%;
			li{
				display: inline-block;
				a{
					font-size: 1.4em;
					color: #fff;
					margin: 0 5px;
				}
				a:hover{
					color: #0270c4;
				}
			}
		}
		ul{
			width: 100%;
			li{
				display: inline-block;
				a{
					font-size: 1.4em;
					color: #fff;
					margin: 0 5px;
				}
				a:hover{
					color: #0270c4;
				}
			}
		}
	}
	.manuRightSev{
		height: 100px;
		padding: 0 30px;
		background-color: #f5f5f5;
		.manuRightSevLeftLi{
			float: left;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-right: 15px;
				}
			}
		}
		.manuRightSevRightLi{
			float: right;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-left: 15px;
				}
			}
		}
	}
	.manu{
		.manuRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.manuRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.manuRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.manuRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.manuRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.6em;
					}
				}
				.manuRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					.row{
						margin: 0;
						.manuRightFurCol{
							overflow: hidden;
							img{
								width: 100%;
								transition: all .4s;
							}
							p{
								color: #595757;
								font-size: 1.4em;
								a{
									color: #595757;
								}
								.more{
									display: none;
								}
								.moreBtn{
									color: #0270c4;
								}
							}
						}
						.manuRightFurCol:hover{
							img{
								transform: scale(1.2);
							}
						}
						.manuRightFurCol1{
							width: 305px;
							padding: 2px;
							border: 1px solid #595757;
							box-shadow: 6px 6px 6px 6px #d0d0d0 inset;
						}
						.manuRightFurCol2{
							padding-left: 15px;
						}
					}
				}
				.manuRightFur:hover{
					h3{
						color: #0270c4;
					}
				}
			}
		}
	}


/**************************** purchase **************************/
	.purchase{
		.manuRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.manuRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.manuRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.manuRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.manuRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.manuRightFur{
					padding: 30px 0;
					margin-bottom: 30px;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
						padding: 0 10px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
						margin-top: 20px;
						padding-bottom: 10%;
					}
				}
			}
		}
	}


/**************************** design ****************************/
	.design{
		.manuRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.manuRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.manuRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.manuRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.manuRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.manuRightFur{
					padding: 30px 0;
					margin-bottom: 30px;
					border-bottom: 1px dashed #d0d0d0;
					.fu1Img{
						width: 100%;
						padding: 0 10px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
						margin-top: 20px;
						padding-bottom: 10%;
					}
					.fu2Img{
						width: 60%;
					}
				}
			}
		}
	}


/**************************** cutting ***************************/
	.cutting{
		.manuRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.manuRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.manuRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.manuRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.manuRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.manuRightFur{
					padding: 30px 0;
					margin-bottom: 30px;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
					}
					p{
						color: #595757;
						font-size: 1.4em;
						margin-top: 10px;
						margin-bottom: 20px;
						text-align: center;
					}
				}
				.manuRightFif{
					padding: 30px 0;
					margin-bottom: 30px;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
					}
					h4{
						color: #595757;
						font-size: 1.6em;
						font-weight: 500;
						line-height: 1.4;
						margin-bottom: 20px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
						margin-top: 10px;
						margin-bottom: 20px;
						text-align: center;
					}
				}
			}
		}
	}


/**************************** stamping **************************/
	.stamping{
		.manuRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.manuRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.manuRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.manuRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.manuRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.manuRightFur{
					padding: 30px 0;
					margin-bottom: 30px;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
					}
					p{
						color: #595757;
						font-size: 1.4em;
						margin-top: 10px;
						margin-bottom: 20px;
						text-align: center;
					}
				}
			}
		}
	}


/**************************** welding ***************************/
	.welding{
		.manuRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.manuRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.manuRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.manuRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.manuRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.manuRightFur{
					padding: 30px 0;
					margin-bottom: 30px;
					border-bottom: 1px dashed #d0d0d0;
					.manuRightFurImg{
						width: 100%;
					}
					.row{
						.manuRightFurCol{
							padding: 0 15px;
							img{
								width: 100%;
							}
							p{
								font-size: 1.4em;
								color: #353535;
								line-height: 1.4;
								margin-bottom: 15px;
							}
						}
						.manuRightFurCol2{
							padding-left: 4%;
						}
					}
					img{
						width: 100%;
						margin-bottom: 8%;
					}
				}
			}
		}
	}


/**************************** quality ***************************/
	.quality{
		.manuRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.manuRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.manuRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.manuRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.manuRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.manuRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
						margin-bottom: 8%;
					}
				}
				.manuRightFif{
					padding: 30px 0 10px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #0270c4;
						margin-bottom: 20px;
					}
					p{
						font-size: 1.8em;
						color: #333;
					}
					img{
						max-width: 60%;
						margin-bottom: 20px;
					}
				}
			}
		}
	}


/**************************** logistics *************************/
	.logistics{
		.manuRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.manuRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.manuRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.manuRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.manuRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.manuRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					img{
						width: 100%;
						margin-bottom: 30px;
						padding: 0 8px;
					}
					img:last-child{
						margin-bottom: 0;
					}
				}
			}
		}
	}


/**************************** news ******************************/
	.newsLeft{
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: 99;
		max-height: 100%;
		.newsFirst{
			width: 230px;
			background-color: #2a2a2a;
			.logo{
				padding: 20px 0 20px 20px;
				margin: 0 auto;
				width: 90%;
			}
			.lang{
				margin-bottom: 10px;
				.langTop{
					padding: 0 30px 10px 20px;
					cursor: pointer;
					.langImg{
						width: 20px;
						vertical-align: middle;
					}
					span{
						color: #fff;
						font-size: 1.4em;
						vertical-align: middle;
					}
					i{
						font-size: 2em;
						color: #b1b2b2;
						float: right;
						vertical-align: middle;
					}
				}
				.langBot{
					padding: 10px 0 10px 20px;
					display: none;
					background-color: #5c605e;
					li{
						color: #fff;
						font-size: 1.4em;
						img{
							width: 20px;
							vertical-align: middle;
							margin-right: 5px;
						}
					}
				}
				.langBot:hover{
						background-color: #0066b4;
				}
				.langTopDis{
					i{
						transform: rotate(180deg);
					}
				}
			}
			.newsNav{
				background-color: #0270c4;
				padding: 15px 0;
				ul{
					li{
						i{
							color: #fff;
							font-size: 1.8em;
							padding-right: 5px;
							padding-left: 8px;
						}
						a{
							span{
								color: #fff;
								font-size: 1.8em;
							}
						}
						ul{
							a{
								li{
									padding: 7px 20px;
									color: #fff;
									font-size: 1.4em;
								}
							}
							a:hover{
								li{
									color: #000;
									background-color: rgba(74,79,79,.4);
								}
							}
						}
					}
				}
			}
			.search{
				.searchTop{
					background-color: #4a4f4f;
					padding: 15px 30px 15px 20px;
					.searchTopBan{
						margin-bottom: 10px;
						cursor: pointer;
						span{
							color: #fff;
							font-size: 1.4em;
							vertical-align: middle;
						}
						i{
							font-size: 2em;
							color: #b1b2b2;
							float: right;
							vertical-align: middle;
							transition: all .3s;
						}
					}
					.searchTopDis{
						i{
							transform: rotate(180deg);
						}
					}
					ul{
						display: none;
						li{
							padding: 7px 20px;
							border-bottom: 1px solid #fff;
							a{
								color: #fff;
								font-size: 1.4em;
							}
						}
						li:first-child{
							border-top: 0;
						}
					}
				}
				.searchBottom{
					background-color: #444746;
					padding: 15px 30px 20px 20px;
					input{
						width: 100%;
						height: 25px;
						box-shadow: none;
						border: 0;
						border-radius: 3px;
						padding-left: 5px;
						padding-right: 15px;
						font-size: 1.4em;
						color: #444746;
						background-color: #b2b5b5;
						background-image: url('/static/home/img/public/search.png');
						background-size: auto 70%;
						background-repeat: no-repeat;
						background-position: 96% center;
					}
				}
			}
		}
	}
	.newsChild{
		.newsLeft{
			.newsFirst{
				.newsNav{
					ul{
						li{
							ul{
								.newsLeftHerfActive{
									li{
										background-color: rgba(74,79,79,.4);
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.newsRightFooter{
		height: 40px;
		padding: 0 25px;
		line-height: 40px;
		position: absolute;
		bottom: -39px;
		right: 0;
		text-align: center;
		background-color: #555d65;
		ul{
			width: 100%;
			li{
				display: inline-block;
				a{
					font-size: 1.4em;
					color: #fff;
					margin: 0 5px;
				}
				a:hover{
					color: #0270c4;
				}
			}
		}
	}
	.newsRightSev{
		height: 100px;
		padding: 0 30px;
		background-color: #f5f5f5;
		.newsRightSevLeftLi{
			float: left;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-right: 15px;
				}
			}
		}
		.newsRightSevRightLi{
			float: right;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-left: 15px;
				}
			}
		}
	}
	.news{
		.newsRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.newsRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.newsRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.newsRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.newsRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.newsRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					.row{
						margin: 0;
						.newsRightFurCol{
							overflow: hidden;
							img{
								width: 100%;
								transition: all .4s;
							}
							p{
								color: #595757;
								font-size: 1.4em;
							}
						}
						.newsRightFurCol:hover{
							img{
								transform: scale(1.2);
							}
						}
						.newsRightFurCol1{
							padding-right: 15px;
							width: 305px;
							padding: 2px;
							border: 1px solid #595757;
							box-shadow: 6px 6px 6px 6px #d0d0d0 inset;
						}
						.newsRightFurCol2{
							padding-left: 15px;
						}
					}
				}
				.newsRightFur:hover{
					h3{
						color: #0270c4;
					}
				}
				.newsRightFur2{
					margin-bottom: 200px;
				}
			}
		}
	}


/**************************** ndetail ***************************/
	.ndetail{
		.newsRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.newsRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.newsRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.newsRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.newsRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.newsRightFur{
					padding: 30px 0;
					margin-bottom: 30px;
					border-bottom: 1px dashed #d0d0d0;
					.video-js{
						width: 100%;
						height: 300px;
					}
					p{
						font-size: 1.4em;
						color: #595757;
					}
				}
			}
		}
	}


/**************************** contact ***************************/
	.contactLeft{
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: 99;
		max-height: 100%;
		.contactFirst{
			width: 230px;
			background-color: #2a2a2a;
			.logo{
				padding: 20px 0 20px 20px;
				margin: 0 auto;
				width: 90%;
			}
			.lang{
				margin-bottom: 10px;
				.langTop{
					padding: 0 30px 10px 20px;
					cursor: pointer;
					.langImg{
						width: 20px;
						vertical-align: middle;
					}
					span{
						color: #fff;
						font-size: 1.4em;
						vertical-align: middle;
					}
					i{
						font-size: 2em;
						color: #b1b2b2;
						float: right;
						vertical-align: middle;
					}
				}
				.langBot{
					padding: 10px 0 10px 20px;
					display: none;
					background-color: #5c605e;
					li{
						color: #fff;
						font-size: 1.4em;
						img{
							width: 20px;
							vertical-align: middle;
							margin-right: 5px;
						}
					}
				}
				.langBot:hover{
						background-color: #0066b4;
				}
				.langTopDis{
					i{
						transform: rotate(180deg);
					}
				}
			}
			.contactNav{
				background-color: #0270c4;
				padding: 15px 0;
				ul{
					li{
						i{
							color: #fff;
							font-size: 1.8em;
							padding-right: 5px;
							padding-left: 8px;
						}
						a{
							span{
								color: #fff;
								font-size: 1.8em;
							}
						}
						ul{
							a{
								li{
									padding: 7px 20px;
									color: #fff;
									font-size: 1.4em;
								}
							}
							a:hover{
								li{
									color: #000;
									background-color: rgba(74,79,79,.4);
								}
							}
						}
					}
				}
			}
			.search{
				.searchTop{
					background-color: #4a4f4f;
					padding: 15px 30px 15px 20px;
					.searchTopBan{
						margin-bottom: 10px;
						cursor: pointer;
						span{
							color: #fff;
							font-size: 1.4em;
							vertical-align: middle;
						}
						i{
							font-size: 2em;
							color: #b1b2b2;
							float: right;
							vertical-align: middle;
							transition: all .3s;
						}
					}
					.searchTopDis{
						i{
							transform: rotate(180deg);
						}
					}
					ul{
						display: none;
						li{
							padding: 7px 20px;
							border-bottom: 1px solid #fff;
							a{
								color: #fff;
								font-size: 1.4em;
							}
						}
						li:first-child{
							border-top: 0;
						}
					}
				}
				.searchBottom{
					background-color: #444746;
					padding: 15px 30px 20px 20px;
					input{
						width: 100%;
						height: 25px;
						box-shadow: none;
						border: 0;
						border-radius: 3px;
						padding-left: 5px;
						padding-right: 15px;
						font-size: 1.4em;
						color: #444746;
						background-color: #b2b5b5;
						background-image: url('/static/home/img/public/search.png');
						background-size: auto 70%;
						background-repeat: no-repeat;
						background-position: 96% center;
					}
				}
			}
		}
	}
	.contactChild{
		.contactLeft{
			.contactFirst{
				.contactNav{
					ul{
						li{
							ul{
								.contactLeftHerfActive{
									li{
										background-color: rgba(74,79,79,.4);
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.contactRightFooter{
		height: 40px;
		padding: 0 25px;
		line-height: 40px;
		text-align: center;
		position: absolute;
		bottom: -39px;
		right: 0;
		background-color: #555d65;
		ul{
			width: 100%;
			li{
				display: inline-block;
				a{
					font-size: 1.4em;
					color: #fff;
					margin: 0 5px;
				}
				a:hover{
					color: #0270c4;
				}
			}
		}
	}
	.contactRightSev{
		height: 100px;
		padding: 0 30px;
		background-color: #f5f5f5;
		.contactRightSevLeftLi{
			float: left;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-right: 15px;
				}
			}
		}
		.contactRightSevRightLi{
			float: right;
			line-height: 100px;
			a{
				color: #595757;
				font-size: 1.6em;
				vertical-align: middle;
				img{
					width: 25px;
					margin-left: 15px;
				}
			}
		}
	}
	.contact{
		.contactRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.contactRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.contactRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.contactRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.contactRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.contactRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h3{
						font-size: 2em;
						color: #4a5050;
						margin-bottom: 20px;
					}
					.row{
						margin: 0;
						.contactRightFurCol{
							overflow: hidden;
							img{
								width: 100%;
								transition: all .4s;
							}
							p{
								color: #595757;
								font-size: 1.4em;
								a{
									color: #595757;
								}
								.more{
									display: none;
								}
								.moreBtn{
									color: #0270c4;
								}
							}
						}
						.contactRightFurCol:hover{
							img{
								transform: scale(1.2);
							}
						}
						.contactRightFurCol1{
							padding-right: 15px;
							width: 305px;
							padding: 2px;
							border: 1px solid #595757;
							box-shadow: 6px 6px 6px 6px #d0d0d0 inset;
						}
						.contactRightFurCol2{
							padding-left: 15px;
						}
					}
				}
				.contactRightFur:hover{
					h3{
						color: #0270c4;
					}
				}
			}
		}
	}


/**************************** before ****************************/
	.before{
		.contactRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.contactRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.contactRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.contactRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.contactRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.contactRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					p{
						color: #595757;
						font-size: 1.4em;
						margin-bottom: 0;
						margin-top: 30px;
					}
					ul{
						li{
							color: #595757;
							font-size: 1.4em;
						}
					}
				}
			}
		}
	}


/**************************** after *****************************/
	.after{
		.contactRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.contactRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.contactRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.contactRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.contactRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.contactRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					ul{
						margin-top: 30px;
						li{
							color: #595757;
							font-size: 1.4em;
						}
					}
				}
			}
		}
	}


/**************************** talk ******************************/
	.talk{
		.contactRight{
			width: 700px;
			position: absolute;
			top: 0;
			left: 230px;
			.contactRightBox{
				padding: 20px 30px;
				background-color: #fff;
				.contactRightFirst{
					padding: 0 10px;
					padding-bottom: 15px;
					border-bottom: 1px solid #d0d0d0;
					a{
						font-size: 1.6em;
						color: #4a5050;
					}
					.herfIn{
						color: #0270c4;
					}
				}
				.contactRightSec{
					padding: 15px 10px;
					border-bottom: 1px solid #d0d0d0;
					ul{
						li{
							margin-right: 15%;
							display: inline-block;
							vertical-align: text-top;
							p{
								font-size: 1.4em;
								color: #4a5050;
								margin-bottom: 0;
								img{
									width: 15px;
									margin-right: 5px;
								}
							}
						}
					}
				}
				.contactRightThr{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					h2{
						color: #000;
						font-size: 3em;
						font-weight: 800;
						margin-bottom: 5px;
					}
					span{
						color: #969999;
						font-size: 2.2em;
						display: block;
						margin-bottom: 35px;
					}
					p{
						color: #595757;
						font-size: 1.4em;
					}
				}
				.contactRightFur{
					padding: 30px 0;
					border-bottom: 1px dashed #d0d0d0;
					#map{
						width: 100%;
						height: 300px;
					}
					ul{
						margin-top: 30px;
						li{
							margin-bottom: 5px;
							max-width: 60%;
							vertical-align: text-top;
							span{
								color: #595757;
								font-size: 1.6em;
							}
							img{
								width: 15px;
								margin-right: 5px;
							}
							.contactRightFurSpan2{
								padding-left: 20px;
								display: block;
								font-size: 1.4em;
							}
						}
					}
				}
			}
		}
	}