.top{background:url(img/bg.jpg) repeat-x scroll center center;height:36px;}
.top-left{color:#fff;line-height:36px;float:left;margin-left: 15px;}
.top-right{color:#fff;line-height:36px;float:right;margin-right: 15px;}
.top-right a{color:#fff; margin:0 5px;}
#nav-header{height:99px;width:100%;background:url(img/bai.png);text-align: center;}
.logo{display:block;float:left;margin-left: 10px;margin-top: 17px;position: absolute;}
.logo:hover{margin-left: 15px;}
.main-nav{width: 66%;}
.main-nav ul li{float:left;height:100px;position:relative;width: 14.2%;border-right: 1px solid #f2f2f2;box-sizing:border-box }
.main-nav ul li .dad{display:block;float:left;padding-top:40px;height:57px;transition-duration:400ms;cursor: pointer;background: url(img/nico.png) no-repeat center -22px;transition: .5s;width: 100%;}
.main-nav ul li .dad .ch{width:100%;text-align:center;font-size:16px;color:#000;line-height:16px;transition: .5s;}
.main-nav ul li .dad .en{width:100%;text-align:center;font-size:10px;color:#aaa;line-height:18px;font-family:arial;text-transform:uppercase;transition: .3s;opacity: 0.5;}
.main-nav ul li:hover, .main-nav ul li.hover{}
.main-nav ul li:hover .dad,.main-nav ul .cur .dad,.main-nav ul li.hover a{border-bottom:3px solid #3ea63c;}
.main-nav ul li:hover a.dad, .main-nav ul li.hover a.dad{background: url(img/nico.png) no-repeat center 22px;}
.main-nav ul li:hover .ch, .main-nav ul li.hover .ch{margin-top: 10px;}
.main-nav ul li:hover .en, .main-nav ul li.hover .en{opacity: 0;}
.main-nav ul li .sons{width:100%;position:absolute;top:100px;left:0;padding-bottom:12px;background:#fff;border-bottom-right-radius:6px;border-bottom-left-radius:6px;overflow:hidden;padding-top:6px;box-shadow:0 0 2px #ccc inset;display:none;z-index: 9999;}
.main-nav ul li .sons a{display:block;width:100%;margin:0 auto;height:38px;border-bottom:1px solid #f2f2f2;padding:2px 0;background: #fff;}
.main-nav ul li .sons a span{width:96%;display:block;height:34px;line-height:34px;border-radius:4px;line-height:36px;color:#666;font-size:13px;text-align:center;margin:0 auto;}
.main-nav ul li .sons a:hover span{background:#47aa3a;color:#fff;}
.ttel {text-align: left;background: url(img/ttel.jpg) left top  no-repeat;padding-left: 70px;margin:20px 0 0 0;position: absolute;right: 20px;    width: 175px;height: 65px;}
.ttel p{font-size: 16px;color: #333;font-style: italic;padding-top: 5px;}
.ttel h3{font-size: 28px;color: #ed2f37;font-style: italic;background-image: -webkit-gradient(linear, left center, right center, from(rgba(47, 175, 225, 1)), to(rgba(53, 213, 193, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
    
    
    
.menu_box{
    width: 24px;
    height: 54px;
    position: absolute;
    right: 0;
  	top: 0;
  	display: none;
}
.nav_button{
	position: absolute;
    right: 15px;
    top: 26px;
    vertical-align: middle;
    width: 24px;
    height: 2px;
    cursor: pointer;
    background-color: #d82424;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.nav_button::after, 
.nav_button::before {
    content: '';
    width: 24px;
    height: 2px;
    position: absolute;
    z-index: 99999999;
    right: 0;
    background-color: #d82424;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.nav_button::after {
    top: 9px;
}
.nav_button::before {
    top: -9px;
}
.menu_box.on .nav_button {
    width: 0;
}
.menu_box.on .nav_button::before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
.menu_box.on .nav_button::after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}
.ayi{
	width: 100%;
	height: 55px;
	display: none;
}

.lengfeng{
	display: none;
	width: 100%;
}   

.lengfeng ul li {
    width: 25%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #069c4e;
    position: relative;
    float: left;
}
.lengfeng ul li:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}
.lengfeng ul li a {
    font-size: 14px;
    color: #ffffff;
}
.lengfeng ul li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ffffff;
}
.lengfeng ul li:nth-child(4)::after{
	display: none;
}
.lengfeng ul li:nth-child(8)::after{
	display: none;
}
    
@media(max-width:1200px ){
	.ayi{
		display: table;
	}
	.menu_box{
		display: block;
	}
	.main-nav ul li {
	    float: none;
	    height: auto;
	    position: relative;
	    width: 100%;
	    border-right: 0px solid #f2f2f2;
	    box-sizing: border-box;
	}
	.main-nav ul li .dad {
	    display: block;
	    float: left;
	    height: 45px;
	    padding-top: 0;
	    transition-duration: 400ms;
	    cursor: pointer;
	    background: url(img/nico.png) no-repeat center -22px;
	    transition: .5s;
	    width: 100%;
	    border-bottom: 1px solid #f9f9f9;
	}
	.main-nav ul li .dad .ch {
	    margin-top: 11px;
	}
	#nav-header{
		height: 55px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999999;
	}
	.logo {
	    display: block;
	    float: left;
	    margin-left: 0px;
	    margin-top: 5px;
	    position: absolute;
	    height: 80%;
	    width: auto;
	}
	.logo img{
		width: auto;
		height: 100%;
	}
}
@media(max-width:960px ){
	.lengfeng{
		display: table;
	}
}