@charset "utf-8";
img{pointer-events: none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
#header{border-top:3px solid #64B824;padding:10px 0;height:70px}
.logo{width:20%}
.logo img{display:block;max-width:100%;max-height: 100%;}
.headerR{width:80%}
#nav{width:70%}
.nav>li{float:left;position:relative;width: 14.2%;padding: 21px 0;}
.nav>li>a{display:block;position:relative;text-align:center;font-weight:bold}
.on>a{color:#187435}
.nav>li>a:before,.nav>li>a:after{display:block;content:"";position:absolute;transition:0.5s all}
.nav>li>a:before{width:0px;height:1px;background:#E0E0E0;left:50%;margin-left:0;bottom:0}
.nav>li>a:after{display:none;width:6px;height:6px;background:#66b821;border-radius:50%;left:50%;margin-left:-5px;bottom:-5px;border:2px solid #fff}
.nav>li:hover>a:before,.on>a:before{width:70px !important;margin-left:-35px !important}
.nav>li:hover>a:after,.on>a:after{display:block !important}
.drop-box{opacity:0;background:#fff;position:absolute;top:101px;width:200px;transition:0.5s all;z-index:9}
.drop:hover .drop-box{opacity:1;top:80px;box-shadow:0 0 20px 0 rgba(0,0,0,0.08)}
.drop-box li{border-bottom:1px solid #ccc;text-align:center;line-height:50px;position:relative}
.drop-box li:last-child{border:0}
.drop-box li:after{display:block;content:'';width:3px;height:0%;position:absolute;right:0;top:50%;transition:0.5s all;background:#66b821}
.drop-box li:hover:after{height:100%;top:0}
.drop-box a:hover{color:#666}
.search-box{position:relative;float:left;margin-top: 19px;}
.search-box:focus{outline:0}
.search{width:100%;box-sizing:border-box;padding:0 0 0 5px;border:2px solid #66b821;border-radius:30px;outline:none}
#search-btn{display:block;position:absolute;right:10px;top:7px;width:18px;height:18px;border:0;background:url(../images/search.png);text-align:center;color:#fff;cursor:pointer}
#search-btn:focus{outline:0}
.language{float:left}
.language div{width:17px;height:19px;background:url(../images/language.png);margin: 28px 20px 0;}
#banner img{display: block;}

#footer{background:#233039;color:#fff;padding:20px 0}
#footer a{color:#fff}
.foot-top{border-bottom:2px solid #414E56;padding:10px 0;margin-bottom:30px}
.foot-top li{float:left;padding-left:50px;box-sizing:border-box;line-height:1.5;margin-top:10px;background-position:5px center}
.logo3{width:20%;padding-left:0 !important;margin-top:0 !important}
.foot-phone{width:20%;background:url(../images/tel.png) no-repeat center left}
.foot-email{width:25%;background:url(../images/email.png) no-repeat center left}
.foot-add{width:30%;background:url(../images/address.png) no-repeat center left}
.foot-bot dl{float:left;box-sizing:border-box}
.foot-bot dt{margin-bottom:10px;font-size:18px}
.foot-bot dd{font-size:14px}
.foot-about{width:25%;margin-right:5%}
.foot-nav{width:16%}
.foot-nav a:before{content:'+'}
.foot-prolist{width:20%}
.foot-nav a,.foot-prolist a{color:#fff}
.foot-youjian{width:30%}
#foot{background:#172228;line-height:3;color:#fff}
@media (max-width: 767px){
	#header{height:40px}
	.logo{width:50%;height:40px}
	.headerR{width:auto}
	#nav{display:none;position:fixed;right:0;top:63px;background:rgba(0,0,0,0.8);padding:10px;width:150px;height:calc( 100% - 86px);border-radius:0 0 0 5px;z-index:12;overflow:scroll}
	.language div{margin:10px 20px 0}
	#open_menu{width:35px;height:35px;border:1px solid rgba(0,0,0,0.2);border-radius:3px;position: relative;float: right;}
	#open_menu span,#open_menu:after,#open_menu:before{position:absolute;width:70%;left:15%;height:3px;background:#999}
	#open_menu:after,#open_menu:before{content:'';transition:transform 0.3s}
	#open_menu span{top:50%;margin-top:-1.5px}
	#open_menu:before{top:8px}
	#open_menu:after{bottom:8px}
	#open_menu.open_menu_on span{opacity:0}
	#open_menu.open_menu_on:after,#open_menu.open_menu_on:before{top:50%;margin-top:-2px;transform:rotate(45deg);width:70%;left:15%}
	#open_menu.open_menu_on:before{transform:rotate(-45deg)}
	.nav{text-align:left}
	.nav li{width:100%;line-height:2;padding:0}
	.nav>li>a{color:#fff;text-align:left}
	.nav>li>a:hover,.nav>.on>a{}
	.drop-box{opacity:1;position:unset;width:auto;background:transparent;margin-left:20px}
	.drop-box li{text-align:left}
	.drop-box a{color:#fff}
	.nav>li>a:before,.nav>li>a:after{display:none !important}
	.drop-box li:after,.nav>li:hover>a:after,.on>a:after{display:none !important}
	#footer{padding:10px 0}
	.foot-top li{float:none !important;width:auto;padding:0 10px 0 60px;font-size:14px}
	.logo3{float:none !important;width:auto}
	.foot-bot dl{float:none;width:100%}
	.foot-nav dd,.foot-prolist dd{width:50%;float:left}
	.foot-nav a:before{content:'+'}
	#foot p{font-size:12px;line-height:1.5;padding:10px}
	.foot{background:#000;text-align:center;color:#fff}
	.foot a{color:#fff}
	.foot-about, .foot-nav,.foot-prolist{
    display: none;
}
.foot-top{
    margin-bottom: 10px;
    display: none;
}
}