@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, tbody, p, th, td, em { -webkit-text-size-adjust:none; margin:0; padding:0; border:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size:12px; font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti; }
.top
{
	width:100%;
	float:left;
	margin:auto;
	background: #eaeef1;
	height: 40px;
}
.top_1
{
	width:1200px;
	margin:auto;
}
.top_1 p
{
line-height: 40px;
font-size: 14px;
float: left;
}
.top_1 img
{
margin-top: 14px;
float: left;
margin-right: 5px;
}
.logo
{
	width:100%;
	float:left;
	margin:auto;
	height: 100px;
}
.logo_1
{
	width:1200px;
	margin:auto;
}
.logo_1 p
{
	margin-top:15px;
}
.banner
{
	width:100%;
	float:left;
	height: 450px;
}
.nav_x
{
	
background: #fe9a04;
	
height: 50px;
	
width: 100%;
	
float: left;
	
/* position: absolute; */
	
z-index: 99999;
	
/* margin-top: 130px; */
}

nav{/* height:40px; *//* margin:40px auto; *//* background-color:rgba(23,23,50,.7); */text-align:center;/* border-radius:4px; */float: left;}
.main{display:flex;justify-content:center;height: 50px;}
.main a
{
	color:#333;
}
.drop
{
	height:50px;
}
.main li a:active {color: #fff;}
.main>li{/* margin:0 2% */width: 120px;color: #333;float: left;}
.main>li a{/* border-left:1px solid #171732 */color: #fff;/* height: 90px; */line-height: 50px;}
.main a{text-decoration:none;color:#ffe;text-transform:capitalize;font-family:monospace;display:block;font-size: 15px;transition:background-color .5s ease-in-out;font-family:raleway,sans-serif;width: 120px;}
.main a:hover{background-color: #1c773a;}
.main>li a:hover
{
	color:#fff;
}
.main>li:hover
{
	background-color:#1c773a;
	height:50px;
	color:#fff;
}
.drop li{opacity:0;transform-origin:top center;width: 280px !important;}
.drop li a{background-color: rgba(255,255,255,.7);padding:10px 0;width: 280px;height: 40px;line-height: 40px;}
.main li:hover .menu1 li:first-of-type{animation:menu1 .3s ease-in-out forwards;animation-delay:.3s}
.main li:hover .menu1 li:nth-of-type(2){animation:menu1 .3s ease-in-out forwards;animation-delay:.6s}
.main li:hover .menu1 li:nth-of-type(3){animation:menu1 .3s ease-in-out forwards;animation-delay:.9s}
.main li:hover .menu1 li:last-of-type{animation:menu1 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu1{from{opacity:0;transform:translateX(30px) rotateY(90deg)}to{opacity:1;transform:translateX(0) rotateY(0)}}.main li:hover .menu2 li:first-of-type{animation:menu2 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu2 li:nth-of-type(2){animation:menu2 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu2 li:nth-of-type(3){animation:menu2 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu2 li:last-of-type{animation:menu2 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu2{0%{opacity:0;transform:scale(.7)}50%{opacity:.5;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.main li:hover .menu3 li:first-of-type{animation:menu3 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu3 li:nth-of-type(2){animation:menu3 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu3 li:nth-of-type(3){animation:menu3 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu3 li:last-of-type{animation:menu3 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu3{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.main li:hover .menu4 li:first-of-type{animation:menu4 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu4 li:nth-of-type(2){animation:menu4 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu4 li:nth-of-type(3){animation:menu4 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu4 li:last-of-type{animation:menu4 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu4{0%{opacity:0;transform:translateX(50px) rotate(-90deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}.main li:hover .menu5 li:first-of-type{animation:menu5 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu5 li:nth-of-type(2){animation:menu5 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu5 li:nth-of-type(3){animation:menu5 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu5 li:last-of-type{animation:menu5 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu5{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0)}}.main li:hover .menu6 li:first-of-type{animation:menu6 .3s ease-in-out forwards;animation-delay:.2s}.main li:hover .menu6 li:nth-of-type(2){animation:menu6 .3s ease-in-out forwards;animation-delay:.4s}.main li:hover .menu6 li:nth-of-type(3){animation:menu6 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu6 li:last-of-type{animation:menu6 .3s ease-in-out forwards;animation-delay:.8s}@keyframes menu6{0%{opacity:0;transform:scale(2)}100%{opacity:1;transform:scale(1)}}.white-mode{text-decoration:none;padding:7px 10px;background-color:#122;border-radius:3px;color:#fff;transition:.35s ease-in-out;position:absolute;left:15px;bottom:15px;font-family:sans-serif}.white-mode:hover{background-color:#fff;color:#122}
.drop li a:hover
{
	background:#1c773a;
	color:#fff !important;
}
.menu3 a
{
	color:#666 !important;
}
.drop li
{
	display: none;
	/* margin-top: -19px; */
	position: relative;
	z-index: 999999999999999999999999999;
}
.main>li:hover .drop li
{
	display:block;
}

.main li:hover > a
{
	color:#fff;
}
.nav_1
{
	width:1200px;
	margin:auto;
}
.product
{
	width:100%;
	float:left;
	margin:auto;
	margin-bottom: 30px;
	margin-top: 30px;
}
.product_1
{
	width:1200px;
	margin:auto;
}
.product_t
{
	
margin-bottom: 15px;
}
.product_t h1
{
	font-weight:100;
	font-size:14px;
	text-align:center;
	margin-top:5px;
}
.product_t p
{
	
text-align: center;
	
font-size: 28px;
	
font-weight: 100;
	
color: #faa111;
}

.product_t span
{
	
color: #1c773a;
}
.product_b
{
	
}

.product_b li
{
	
width: 380px;
	
height: 386px;
	
background: #eeeeee;
	
text-align: center;
	
border: 1px solid #e0e0e0;
	
float: left;
	
box-shadow: 0 0 3px 1px #a9a9a940;
	
/* padding-top: 50px; */
	
margin-right: 5px;
	
overflow: hidden;
}
.cp
{
	
background: url(../images/c_bg_11.png) no-repeat;
	
height: 205px;
	
padding: 35px 50px 0px 50px;
	
color: #fff;
	
position: sticky;
	
width: 280px;
	
margin-top: -19px;
	
overflow: hidden;
}
.cp h1
{
	
font-size: 24px;
	
margin-bottom: 5px;
}
.cp h1 a
{
	color:#fff;
}
.cp p
{
	
line-height: 24px;
	
font-size: 14px;
	
margin-bottom: 15px;
}
.about
{
	background: url(../images/gs_17.jpg) no-repeat center;
	width:100%;
	float:left;
	height: 604px;
}
.about_1
{
	width:1200px;
	margin:auto;
	text-align: center;
}
.about_1 li:hover
{
	
box-shadow: 0 0 8px 4px rgba(0,110,47,0.5);
}
.about_1 li
{

width: 280px;

height: 375px;

float: left;

background: rgba(255,255,255,0.9);

margin-right: 10px;

border-radius: 10px;

margin-top: 50px;
}
.about_1 li img
{
	
margin-top: 60px;
}
.about_1 li h1
{
	
font-size: 16px;
	
font-weight: 100;
	
color: #197a37;
	
line-height: 24px;
	
margin-top: 20px;
	
margin-bottom: 10px;
}
.about_1 li span
{
	
width: 50px;
	
height: 1px;
	
background: #197a37;
	
display: inline-block;
	
text-align: center;
}
.about_1 li p
{
	
font-size: 14px;
	
padding: 10px 20px;
	
line-height: 24px;
}
.about_1 img
{
	margin-top: 70px;
	text-align:center;
}
.about_r
{
	
width: 650px;
	
float: right;
	
text-align: right;
}
.about_r h1
{
	
font-size: 24px;
	
color: #000000;
	
font-weight: 100;
	
margin-top: 20px;
	
margin-bottom: 20px;
}
.about_r p
{
	
font-size: 14px;
	
color: #999;
	
line-height: 30px;
	
margin-top: 20px;
}.about_r span
{
	
width: 97px;
	
height: 1px;
	
background: #2968e9;
	
display: inline-block;
}
.about_r h2
{
	
width: 170px;
	
height: 45px;
	
line-height: 45px;
	
background: #2968e9;
	
text-align: center;
	
font-weight: 11;
	
color: #fff;
	
font-size: 16px;
	
float: right;
	
margin-top: 30px;
}
.about_r h2 a
{
	color:#fff;
}
.news
{
	width:100%;
	float:left;
	background:#f6f6f6;
	height:480px;
}
.news_1
{
	width:1200px;
	margin:auto;
}
.news_l
{

width: 555px;

float: left;
}
.news_l_t
{

background: url(../images/n1_03.jpg) no-repeat center;

height: 50px;

margin-top: 25px;

box-shadow: 0 0 5px 3px rgba(232,232,232,0.5);
}
.news_l_t p
{
	
line-height: 50px;
	
font-size: 16px;
	
color: #000;
	
margin-left: 105px;
}

.news_l_c
{

background: #fff;

margin-top: 17px;
}
.news_l_c p
{
	padding:20px;
	line-height:30px;
	font-size:14px
	
}
.news_l_b
{

}
.news_l_b_1
{
	background: url(../images/n2_06.jpg) no-repeat center;
	height: 50px;
	margin-top: 23px;
	
}
.news_l_b_1:hover
{
		background: url(../images/n2_06_h.jpg) no-repeat center;
		height: 50px;
		box-shadow: 0 0 4px 1px #00000014;
}
.news_l_b_1:hover p
{
	color:#fff;
}




.news_l_b_1 p
{
	
line-height: 50px;
	
color: #333;
	
font-size: 14px;
	
margin-left: 65px;
}
.news_l_b_2
{
		background: url(../images/n3_08.jpg) no-repeat center;
		height: 50px;
		margin-top: 15px;
}
.news_l_b_2:hover
{
		background: url(../images/n3_08_h.jpg) no-repeat center;
		height: 50px;
		box-shadow: 0 0 4px 1px #00000014;

}
.news_l_b_2:hover p
{
	color:#fff;
}
.news_l_b_2 p
{
	line-height: 50px;
	
color: #333;
	
font-size: 14px;
	
margin-left: 65px;
}

.news_r
{
	float:right;
	width:555px;
}
.news_r_t
{

background: url(../images/n1_03.jpg) no-repeat center;

height: 50px;

margin-top: 25px;

box-shadow: 0 0 5px 3px rgba(232,232,232,0.5);
}
.news_r_t p
{
	
line-height: 50px;
	
font-size: 16px;
	
color: #000;
	
margin-left: 105px;
}
.news_r_b
{

}
.news_r_b li
{
	
float: left;
	
background: #fff;
	
padding: 5px;
	
width: 545px;
	
margin-top: 16px;
}
.news_r_b img
{
	
float: left;
}
.news_r_b h1
{
	
float: right;
	
width: 360px;
	
font-size: 16px;
	
font-weight: 100;
	
color: #333333;
	
margin-top: 10px;
}
.news_r_b p
{
	
float: right;
	
width: 360px;
	
font-size: 14px;
	
line-height: 24px;
	
color: #999999;
	
margin-top: 5px;
}
.case
{
		background: url(../images/bg1_12.jpg) no-repeat center;
		width:100%;
		float:left;
		height: 569px;
}
.case_1
{
	width:1200px;
	margin:auto;
}
.case_t
{

width: 1200px;

float: left;

height: 51px;
}
.case_t p
{

float: left;

font-size: 16px;

color: #202731;

margin-left: 30px;

margin-top: 15px;
}
.case_b
{

float: left;

width: 1200px;

margin-top: 40px;
}
.case_b li
{
	
float: left;
	
margin-right: 28px;
}
.al_w:hover
{
	background:#2968e9;
}
.al_w
{

background: #333333;

height: 130px;
}
.al_w h1
{
	
padding: 20px 20px 10px 20px;
	
text-align: center;
	
color: #fff;
	
font-size: 16px;
	
font-weight: 100;
}
.al_w p
{
	
width: 300px;
	
text-align: center;
	
margin: auto;
	
line-height: 24px;
	
font-size: 14px;
	
color: #979797;
}
.y41_hz
{
	width:100%;
	float:left;
	margin-top: 35px;
	margin-bottom: 35px;
}
.y41_hz1
{
	margin:auto;
	width:1200px;
}
.y41_hz_1
{
	
display: inline-block;
	
text-align: center;
}
.y41_hz_1 p
{
	
width: 170px;
	
height: 40px;
	
line-height: 40px;
	
text-align: center;
	
font-size: 14px;
	
display: inline-block;
	
background: #006e2f;
	
color: #fff;
	
margin-left: 10px;
	
margin-right: 10px;
	
border-radius: 10px;
	
margin-bottom: 30px;
}
.hf
{
	background: url(../images/bg1_48.jpg) no-repeat center;
	width:100%;
	float:left;
	height: 232px;
}
.ys
{
	width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
.ysss
{
	background-color: #1c773a;
	}
.ys1
{
	width:1200px;
	margin:auto;
}
.jz
{
	width:100%;
	float:left;
	background: url(../images/bg2_62.jpg) no-repeat center;
	height:475px;
}
.jz1
{
	width:1200px;
	background: url(../images/bg2_62.jpg) no-repeat center;
	margin:auto;
}
.jz_l
{
	
width: 620px;
	
float: left;
	
margin-top: 100px;
}
.jz_r
{
	float:right;
	margin-top: 80px;
}
.jz_l h1
{

font-size: 34px;

color: #fff;

font-weight: 100;

margin-bottom: 10px;
}
.jz_l h2
{
	
color: #fff;
	
font-weight: 100;
	
font-size: 14px;
	
margin-bottom: 10px;
}
.jz_l h3 a
{
	color:#fff;
}
.jz_l h3
{
	
float: left;
	
height: 30px;
	
line-height: 30px;
	
width: 120px;
	
text-align: center;
	
background: #ff9c01;
	
border-radius: 20px;
	
color: #fff;
	
font-weight: 100;
	
font-size: 4px;
	
margin-top: 20px;
}.jz_l span
{
	
width: 100px;
	
height: 1px;
	
background: #fff;
	
display: inline-block;
}
.jz_l p
{
	
color: #fff;
	
font-size: 14px;
	
line-height: 24px;
	
margin-top: 10px;
}
.ab
{
	width:100%;
	float:left;
	margin-top: 30px;
	margin-bottom: 30px;
}
.ab1
{
	width:1200px;
	margin:auto;
}
.ab_l
{
	
width: 600px;
	
float: left;
	
background: #ff9c01;
	
height: 393px;
}
.ab_r
{
	
float: right;
}
.ab_l h1
{
	
font-size: 30px;
	
font-weight: 100;
	
color: #fff;
	
margin-top: 45px;
	
margin-left: 30px;
	
margin-bottom: 15px;
}
.ab_l span
{
	
width: 132px;
	
display: inline-block;
	
height: 1px;
	
background: #fff;
	
margin-left: 30px;
}
.ab_l p
{
	
padding: 15px 30px;
	
line-height: 28px;
	
color: #fff;
	
font-size: 14px;
}
.ab_l h3
{
	width:130px;
	height:40px;
	line-height:40px;
	background: #fff;
	font-size:14px;
	font-weight:100;
	margin-left: 30px;
	color: #ff9c01;
}
.y41news
{
	width:100%;
	float:left;
	margin-bottom:30px;
}
.y41news1
{
	width:1200px;
	margin:auto;
}
.wz
{
	
width: 654px;
	
height: 90px;
	
background: rgba(0,0,0,0.5);
	
position: relative;
	
margin-top: -90px;
}
.wz h1 a
{
	color:#fff;
} 
.wz h1
{
	
font-size: 16px;
	
color: #fff;
	
font-weight: 100;
	
padding-top: 10px;
	
margin-left: 15px;
}
.wz p
{
	
color: #fff;
	
margin-left: 15px;
	
margin-top: 5px;
	
font-size: 14px;
	
line-height: 24px;
	
padding-right: 10px;
}
.y41news_l
{
	float:left;
}
.y41news_r
{
	
width: 510px;
	
float: right;
}
.y41news_r li
{
	
border-bottom: 1px dashed #ccc;
	
padding-bottom: 15px;
}
.y41news_r li h1
{
	
font-size: 16px;
	
font-weight: 100;
	
color: #000;
	
margin-top: 9px;
	
margin-bottom: 10px;
}
.y41news_r li p
{
	
font-size: 14px;
	
line-height: 24px;
	
color: #666;
}