
	html,
	body {
		position: relative;
		height: 100%;
		min-width: 1340px;
	}


	/* 导航栏 */
	.nav {
		width: 100%;
		height: 69px;
		background: #040000;
		position: fixed;
		z-index: 99;
	}
		@font-face {
		font-family: 'alibb-b';
		src: url("/template/pc/skin/fonts/fontawesome-webfont.ttf");
	}
    	 

	@font-face {
		font-family: 'alibb-h';
	src: url("/template/pc/skin/fonts/fontawesome-webfont.ttf");
	}

	@font-face {
		font-family: 'alibb-l';
	src: url("/template/pc/skin/fonts/fontawesome-webfont.ttf");
	}

	@font-face {
		font-family: 'alibb-m';
	src: url("/template/pc/skin/fonts/fontawesome-webfont.ttf");
	}

	@font-face {
		font-family: 'alibb-r';
	src: url("/template/pc/skin/fonts/fontawesome-webfont.ttf");
	}


	.language .glyphicon-globe {
animation: rotate-360 5s linear infinite; 
}
@keyframes rotate-360 {  
  0% {  
    transform: rotate(0deg);  
  }  
  100% {  
    transform: rotate(360deg);  
  }  
}  
	li {
		list-style: none;
	}

	a {
		text-decoration: none !important;
	}
	.nav-right{
		position: relative;
	}
	.language-ul{
		position: absolute;
		width: 114px;
		background: rgba(255,255,255,.8);

		right: 6%;
		top:69px;
		display: none;
	}
	.language-ul a{
		font-family: 'alibb-r';
    display: flex;
    margin-top: 5px;
		padding-bottom: 4px;
		color: #595757;
		margin-left: 7px;
	}
	.language-ul span{
		margin-right: 4px;
	}
	.nav-center-div {


		display: flex;
		justify-content: space-between;
	}

	.nav-right-div {
		width: 80%;

		display: flex;
		justify-content: flex-start;
	}

	.nav-font {
		margin-top: 22px;
	}

	.nav-font a {
		color: #FFFFFF;
    font-size: 15px;
    font-family: 'alibb-r';
    font-weight: 700;


	}

	.nav-font li a:hover {
		color: #00a33b !important;
	}

	.nav-level a:hover {
		color: #00a33b !important;
	}

	.nav-two-ul {

		width: 100%;
		height: 76px;
		background-color: #FFFFFF;
	}
	.nav-two div,.nav-three div{
		margin: auto;
	}

	.nav-level {
		width: 100%;
		height: 76px;
		background: rgba(4, 0, 0, 0.53);
		position: absolute;
		top: 69px;
		display: flex;
		justify-content: space-between;
		/* 相对父元素水平居中 */
		align-items: center;
		padding: 0 30px;
		box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.3);
		display: none;

	}

	.nav-two {
		padding: 0 30% !important;
	}

	.nav-level div {
		font-family: 'alibb-r';
		text-align: center;

	}

	.nav-level-line {

		height: 17px;
		border-right: 2px solid #fff;
	}

	.nav-show {
		display: flex !important;
		padding: 0 30% !important;
	}

	.nav-level a {
		color: #FFFFFF;
	}

	.nav-level .nav-level-line:last-child {
		display: none !important;
	}

	.nav-right-div li {
		padding-left: 20%;

		cursor: pointer;
	}






	.nav-icon {
		font-size: 22px;
		margin-left: 25%;
		cursor: pointer
	}

	.glyphicon-list:before {
		color: #FFFFFF;
	}

	.nav-left {

		margin-top: 18px;
	}
	.language .glyphicon-globe{
		font-size: 25px;
    color: #FFFFFF;
	}
	.search .glyphicon-search {
    font-size: 25px;
    color: #FFFFFF;
}
.search-div{
	padding-top: 20%;
}
.search-div .iinb{
	background-color: #00a33b;
	color: #FFFFFF;
	padding: 9px;
    border-radius: 11px;
}
.search-div .iin{
	width: 60%;
	height: 40px;
}
	.language-ul a:hover{
		color:#00a33b;
	}
	/* 导航栏左边弹出悬浮 */
	.nav-p-left {
		position: absolute;
		width: 185px;
		height: 1000px;
		left: -300px;
		top: 69px;
		background: #FFFFFF;
		box-shadow: 0px 1pX 3PX;


	}

	.layui-layer-shade {
		z-index: 33 !important;
	}

	.nav-p-left ul li a {


		font-size: 25px;
		font-family: 'alibb-l';

		color: #000000;
		line-height: 49px;

	}

	.nav-p-left ul li a:hover {
		color: #00a33b;
	}

	.p-left-div {
		margin-left: 19px;
		margin-top: 100px;
	}

	.p-left-div ul {
		display: inline;
	}

	/* 导航栏弹出层 */
	.nav-phone {
		width: 606px;
		height: 317px;
		background-color: #191919;
		border-radius: 15px;
		text-align: center;
		display: none;

	}

	.layui-layer-demo {
		border-radius: 15px;
	}

	.phine-image {
		padding-top: 66px;
		padding-bottom: 30px;
	}

	.t-font {
		font-size: 30px;
		color: #FFFFFF;
	}

	.t-phone {
		font-size: 30px;
		color: #00a33b;
	}

	.layui-layer-ico {
		background: url('/template/pc/skin/home/image/layer-icon.png') no-repeat !important;

	}

	.layui-layer-setwin a {
		width: 22px !important;
		height: 22px !important;
	}




	.nav-form {
		display: none;
		width: 950px;
		height: 600px;
		background-color: #191919;
		border-radius: 15px;

	}

	.nav-form-content {
		width: 80%;
		margin: auto;
	}

	.nav-form-content div {
		width: 100%;
		margin: auto;
	}

	.nav-form-content input {
		width: 100%;
		border: 1px solid #DBDBDB;
		padding: 15px;
		margin-top: 6px;
		margin-left: 6px;
	}

	.nav-form-content select {
		width: 100%;
		border: 1px solid #DBDBDB;
		padding: 15px !important;
		margin-top: 10px !important;
		margin-left: 5px !important;
		color: #727272 !important;
	}

	.nav-form-content textarea {
		width: 100%;
		border: 1px solid #DBDBDB;
		padding: 15px;
		margin-top: 10px;
		margin-left: 5px;
		color: #727272;
	}

	.nav-form-content .tijiao input {
		width: 170px;
		height: 48px;
		background: #00a33b;
		color: #FFFFFF;
		margin-top: 30px;
		margin-left: 30px;
	}

	.nav-form-content .al-bottom {
		padding-top: 50px
	}

	@media (max-width: 1440px) {	
		.title{
		font-size: 45px;
		}
		.nav-level-line {
			padding-left: 6px;
			padding-right: 6px;
		}

		.p-c h3 {
			font-size: 20px;
		}

		.gs-right span {
			font-size: 20px;
			line-height: 28px;
		}

		.about {
			height: 600px;
		}

		.top1 h3,
		.top2 h3,
		.bottom2 h3 {

			top: 0px;
			left: 19px;
		}

		.bottom1 h3 {

			top: 0;

		}

		.top1 a,
		.top2 a,
		.bottom2 a {

			top: 36px;
			left: 23px;
		}

		.bottom1 a {

			top: 36px;

		}

		.number-si {
			padding-bottom: 49px !important;
		}

		.footer-t li div {
			width: 100% !important;

		}

		.footer-t {
			margin-left: 33px !important;
		}

		.news-item img {
			height: auto;
		}

		.news-item-li {
			height: 310px;
		}

		.yp .col-lg-2 {
			width: 33.33%;
		}

		.product-type li {

			padding-top: 20px;
			padding-bottom: 20px;
			font-size: 14px;
			padding-left: 20px;
		}

		.v-title {
			font-size: 16px;
		}
		.yp-header span{
			font-size: 16px;
			padding: 0px 35px;
		}
				.top1,.top2,.bottom1,.bottom2{
			height: 220px;
		}
	}
/* 导航栏产品中心 */
   /* 产品中心下拉框 */
	 .product-header {

		width: 100%;
		position: fixed;
		margin-top: 60px;
		z-index: 400;
		/* display: none; */
padding-bottom:10px;
}


.header-product-content .product-content {
		display: flex;
		box-shadow: 0px 2px 10px rgb(192, 192, 192);
height:100%;
}

.hhu{
		box-shadow: 0px 2px 10px rgb(192, 192, 192);
}

.product-left-content ul {
		display: flex;
		flex-direction: column
}

.product-left-content ul li {

		white-space: nowrap;
		line-height: 90px;
}

.product-left-content a {

		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 600;
		color: #4B4B4B;
		margin-left: 15%;

}

.product-left {
		width: 15%;
		
		background: #fff;

}

.product_left_style {
		background: #F4F4F4;
		border-right: 2px solid #00a33b
}

.product-right {
		width: 85%;
		background: #F4F4F4;
		padding-bottom: 15px;
}

.product-right-content {
		height: 100%;
}

.product-right-content ul {
		width: 80%;
		display: flex;
		margin: auto;
		justify-content: flex-start;
		flex-flow: row wrap;

}

.product-right-content ul li {
 
		width: 20%;
		margin-left: 4%;
		margin-top: 11px;
}

.product-left-content {
		height: 90%;
		margin-top: 60px;
		margin-bottom: 70px;
		text-align: left;
}

.product-right-content ul li div {
	text-align: center;
	margin: auto;
	font-size: 15px;
	padding-top: 7px;
	font-weight: 500;
}

.product-right-jtitle {

		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #2C2C2C;
		display: inline-block;
		padding-bottom: 5px;

}

.product-right-jxian {
		width: 20px;
		height: 1px;
		border-bottom: 2px solid #00a33b;
		display: none;

}

.product_left_style-info .product-right-jxian {
		display: block !important;
}



.product-right .product-right-content:not(:first-child) {
		display: none;
}

.product-right:after {
		content: ".";
		height: 0;
		overflow: hidden;
		visibility: hidden;
		clear: both;
		display: block;
}


.search_nav a {

		top: -19px;
}
