body{}
/*====================导航*********/
html, body {  position: relative; height: 100%; margin:0; padding:0; }
body { color: #555; margin:0px; padding:0;overflow-x:hidden; font-size:15px;}
* {padding: 0;margin: 0;}
a {color: #555; text-decoration:none !important;}
a:hover {color:#005cb9;text-decoration: none !important;}
ul, dl, dl dt, dl dd{ margin:0; padding:0;}
ul, li {list-style: none;}
img {border: none;}
.clearboth {clear: both;}
.page {text-align: center;margin: 20px 0 40px 0;width: 100%;float: left; font-size:1.2em;}
.page a {background:#b3b3b3;color: #fff;margin: 0 2px;padding:6px 8px; font-size:16px;}
.page a.dq, .page a:hover {background:#5b743c;}

.header{width:100%;position:fixed;top:0;left:0;z-index:999;height:80px;padding: 0 30px;/*background: rgba(28, 35, 39, 0.8);*/ background:#fff;}
.header .container{ width:96% !important;}
/*左侧logo*/
header{background:#fff; position:fixed; top:0; left:0; z-index:9999; width:100%;box-shadow:2px 5px 10px #ddd;}
header .mail {background-color:rgb(67, 160, 71);width:330px;height:82px; line-height:82px;position:absolute;right:0;top:0; text-align:center;color:rgb(255, 255, 255);font-size:26px; display: none;}
header .mail a{ display:block; color:#fff; text-align:center; font-size:26px;}
header .mail i{color:rgb(255, 255, 255);font-size:24px;padding-right: 10px;}
header .container{width:98%;}
header .logo{ float:left; margin-right:10px;width:86%; padding-right:10px; border-right:none;}
header .logo .l_left{ float:left; margin-top:10px; margin-bottom:10px;}
header .logo .l_right{ width:225px; float:left; margin-top:16px; margin-left:5px;}
header .logo .l_right h2{ color:#2a2a2c; font-size:18px; letter-spacing:0; margin:0; font-weight:bold;}
header .logo .l_right h2 span{ color:#ee1d23;}
header .logo .l_right p{ color:#7d7d7f;font-size: 0.65em;}
header .logo .l_left img{ max-width:100%; display:block;}

/*菜单*/
.nav{ float:right; display:none;}
.nav ul{ margin-left:70px;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block; color:#555; text-align:center; font-size:16px; line-height:100px; position:relative; padding:0 20px;}
.nav ul li a.on{color:#5b743c; border-bottom:2px solid #5b743c;transition: width .5s ease;}
.nav ul li a:hover,.header .nav ul li a.on{color:#5b743c;border-bottom:2px solid #5b743c;transition: width .5s ease;}
.nav .yuyan a{ padding:0 5px;display: initial;}
.nav .yuyan{ padding-left:40px;}
.nav .ss{padding-left:40px;}
.nav .ss a{ padding:0;}
.nav .ss i{ font-size:20px;}

/*二级菜单*/
#menu ul ul {display:none;position:absolute;top:102px;left:0; z-index:99999; padding: 30px 40px; background: #f5f5f5; box-shadow:0 3px -8px #b3b3b3;}
#menu .nav1{left:-410%;margin-left:0;}
#menu .nav2{left:-440%;margin-left:0;}
#menu .nav3{left:-620%;margin-left:0;}
#menu .nav4{left:-720%;margin-left:0;}
#menu ul ul .nr{margin: 0 auto;display: flex;justify-content: space-between;width: 900px;}
#menu ul ul .nr .n_left{width:680px;}
#menu ul ul .nr .n_left .tit{color:#5b743c;font-size:20px;text-align:left;font-weight:700;line-height:30px;width:100%;display:block;border-bottom:1px #aaa dotted;padding:0 0 20px;}
#menu ul ul .nr .n_left ul {width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;position: relative; margin-top:0; top:0; left:0; margin-left:0; padding:15px 0;}
#menu ul ul .nr .n_left ul li{line-height: 1;width: auto; padding-right:20px; border-bottom:none;}
#menu ul ul .nr .n_left ul li a{color: #414141;font-size:16px;line-height: 1.5;display: flex;flex-direction: column;align-items: center;border-bottom:none;}
#menu ul ul .nr .n_right{overflow:hidden;width:240px;}
#menu ul ul .nr .n_right img{display:block;max-width:100%;margin:0 auto;}
#menu ul ul li{ background:none; float:none; margin:0;}
#menu ul ul li a{ color:#fff; font-size:15px; line-height:28px;border-bottom:solid 1px #ccc; padding:10px 10px; display:block;text-align: center;}
#menu ul ul li a:hover{ color:#555; background:#fff;}
#menu ul ul li a:hover i{color:#555;}
#menu ul ul li a:after,#menu ul ul li a:hover:after{ display:none;}
#menu ul ul li .on{ background:#f6f7f7;}
#menu ul ul li .tit{background:#f6f7f7; height:55px; line-height:55px; width:266px;text-align:left; padding:0 15px; border-radius:5px 5px 0 0; font-weight:bold;color: #485a64; font-size:20px;border-bottom:1px solid #ddd;}


/*手机端导航*/
.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:50px; display:block;}
.sp_nav span{display:block;background:#5b743c;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#f5f5f5;width:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:100px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;/*border-left:1px #ddd solid;*/height:30px;padding:0px 7px 0 7px;width: 85%;text-align: right;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #aaa solid;margin-left:15px;position:relative;line-height:44px;font-size:17px}
.sjj_nav>ul >li:last-child{border-bottom:1px #aaa solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#000;width:80%}
.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:0}

/*头部电话*/
header .dl{ float:right; height:120px; padding-left:20px; border-left:1px solid #e5e5e5; display:none;}
header .dl p{ color:#555; font-size:16px; margin-top:40px; margin-bottom:0;}
header .dl p i{ padding:2px 4px; border:2px solid #ee1d23;color:#ee1d23; border-radius:50%; margin-right:5px;}
header .dl .tel{ font-size:24px; color:#ee1d23; font-weight:bold;}
header .dl .tel a{color:#ee1d23;}


#tel{position:fixed; right:10px; bottom:140px; background:#5b743c; display:inline-block; text-align:center; width:41px; font-size:16px; color:#fff; padding: 3px 10px 5px 10px;z-index:9999; display:block;}
#tel i{display:block; color:#fff; font-size:24px;}
#toubu{ position:fixed; right:10px; bottom:90px; background:#005cb9; display:inline-block; text-align:center; font-size:16px; color:#fff; padding: 3px 10px 5px 10px;z-index:9999;}
#toubu i{ display:block; color:#fff; font-size:24px;}
#toubu p{ display:none;}

@media (min-width:992px) {
	header .mail { /*display: block;*/}
	header .logo{margin-right:0;padding-right:10px; width:20%;}
	.nav{display:none;}
	.sp_nav{display:block;}
	.ny_banner{display:block;}
	.ny_banner1{display:none;}
	.sub-nav-box{margin-top: -80px;}
	.sub-nav a{height: 80px;line-height: 80px;font-size:18px;}
}
@media (min-width:1000px) {
	header .mail {}
	header .logo{margin-right:0;padding-right:10px; width:20%;}
	.nav{display:none;}
	.sp_nav{display:block;}
	.ny_banner{display:block;}
	.ny_banner1{display:none;}
	.sub-nav-box{margin-top: -80px;}
	.sub-nav a{height: 80px;line-height: 80px;font-size:18px;}
}
@media (min-width:1200px) {
	header .container{width:90%;}
	header .logo{margin-right:0;padding-right:10px;}
	.nav{display:block;}
	.sp_nav{display:none;}
	header .logo .l_left{ width:400px; margin-bottom:0;}
	header .logo .l_right{ width:335px;float:right;}
	header .logo .l_right h2{font-size:25px;}
	header .logo .l_right p{font-size:14px;}
	.nav{display:block;}
	.nav ul {margin-left:10px;}
	.nav ul li a{font-size:16px;padding:0 10px;}
	#menu ul ul {left:-40px;}
	header .mail{ width:250px;}
	.sp_nav{display:none;}
}

@media (min-width:1100px) {
	header .logo{margin-right:0;padding-right:10px;}
	.nav{display:none;}
	.sp_nav{display:block;}
	header .logo .l_left{ width:400px; margin-bottom:10px; margin-top:20px;}
	.nav{display:block;}
	.nav ul {margin-left:10px;}
	.nav ul li a{font-size:16px;padding:0 7px;}
	#menu ul ul {left:-40px;}
	header .mail{ width:250px;}
	.sp_nav{display:none;}
}
@media (min-width:1300px) {
	header .logo{margin-right:0;padding-right:10px;}
	header .logo .l_left{ width:400px; margin-top:0px;}
	.nav{display:block;}
	.nav ul {margin-left:30px;}
	.nav ul li a{font-size:16px;padding:0 10px;}
	#menu ul ul {left:-35px;}
	header .mail{ width:250px;}
	.sp_nav{display:none;}
	#ss .ss_box{width:600px;left:-542px;}

}
@media (min-width:1400px) {
	header .logo{margin-right:0;padding-right:10px;}
	header .logo .l_left{ width:400px; margin-top:0px;}
	.nav ul {margin-left:50px;}
	.nav ul li a{font-size:16px;padding:0 10px;}
	header .mail{ width:300px;}
	.b_ss h2{font-size:80px;margin-bottom:60px;}
	#menu ul ul {left:-40px;}
	#menu ul .use li{ width:265px;margin-left:4%;}

}
@media (min-width:1440px) {
	header .logo{padding-right:10px;}
	header .logo .l_left{ width:400px;}
	.nav ul {margin-left:50px;}
	.nav ul li a{font-size:18px;padding:0 10px;}

	
	}
@media (min-width:1500px) {
	header .container{width:80%;}
	header .logo{padding-right:10px;}
	header .logo .l_left{ width:400px;}
	.nav ul {margin-left: 70px;}
	.nav ul li a{font-size:18px;padding:0 15px;}
	header .mail{ width:330px;}
	#menu ul ul {left:-125px;}
	#menu ul .use li{ width:265px;margin-left:240px;}

}

@media (min-width:1600px) {
	header .container{width:80%;}
	header .logo{padding-right:10px;}
	header .logo .l_left{ width:400px;}
	header .logo .l_right p{font-size:14px;}
	.nav ul {margin-left: 70px;}
	.nav ul li a{font-size:18px;padding:0 16px;}
	header .mail{ width:330px;}
	#menu ul ul {left:-120px;}
	#menu ul .use li{ width:265px;margin-left:240px;}

}

@media (min-width:1700px) {
	header .logo{padding-right:10px;}
	header .logo .l_left{ width:400px;}
	.nav ul {margin-left: 70px;}
	.nav ul li a{font-size:18px;padding:0 20px;}
	header .mail{ width:330px;}
	#menu ul ul {left:-115px;}
	#menu ul .use li{ width:265px;margin-left:240px;
}
}
@media (min-width:1800px) {
	header .logo{padding-right:10px;}
	header .logo .l_left{ width:400px;}
	.nav ul {margin-left: 70px;}
	.nav ul li a{font-size:17px;padding:0 20px;}
	header .mail{ width:330px;}
	#menu ul ul {left:-112px;}
	#menu ul .use li{ width:265px;margin-left:240px;}

}








@media (max-width:400px) { 
	.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:33px; display:block;}
	header .logo{ float:left; margin-right:0px;width:86%; padding-right:0px; border-right:none;}

	
}
@media (max-width:310px) { 
	.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:28px; display:block;}
	header .logo{ float:left; margin-right:0px;width:86%; padding-right:0px; border-right:none;}
	
}