@charset "UTF-8";
.header{
    position: relative;
    z-index: 10; border-top:4px #327003 solid;
}

.logo{
    width: 100%;
    height:39px;
    line-height:39px;
    background: #3E8F00;
}
.logo img{
    margin-top: 23px;
}
@media(max-width:768px){
	.banner{margin-top: 6.25rem}
.header{display: none}
	.logo{
    width: 100%;
    height:39px;
    line-height:39px;
    background: #fff;
}
.logo img{
    margin-top: 0px;height: 6rem
}
}
.collect{
    float: right; height:50px;
}
.collect a{
    color: #333;
}
.collect a:hover{
    color: #cc3642;
}
.ct{
    margin-left: 20px;
    padding-left: 18px;
    background: url("../../imgs/collect.png") no-repeat left center;
}
.ct:hover{
    background-image: url("../../imgs/collect-on.png");
}
.search-box{ width:260px; height:32px; line-height:32px; border:1px #CCCCCC solid; border-radius:30px; margin-top:18px; background:#FFF; padding-left:15px; margin-right:25px;}
.search-box span{float:right; margin-top:5px; margin-right:15px;}

.menu{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #3E8F00;
    overflow: hidden; border-top:2px #4DAB05 solid;
}
.menu ul li{
    display: block;
    float: left;
}

.menu ul li.on .js-a {
    background-color: #017A2B;
}
.menu ul li a{
    display: block;
    text-align: center;
    color: #fff; font-size:16px; font-weight:bold
}
.menu ul li .js-a:hover{
    background-color: #017A2B;
}
.menu-l li a{
    padding: 0 14px;
}
.menu-l{
    float: left;
    padding-left: 12px;
    width: 500px;
}

.menu-l li{
    width: 25%;
}

.menu-l ul li{
  width: 90%;
    float: none;
    height: 40px;
    padding: 0 12px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
			 font-size:14px; margin:0 5%; border-bottom:1px #3E8F00 solid;
			
}


.menu-l ul li:hover{
    width: 90%;
    float: none;
    height: 40px;
    padding: 0 12px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
			 font-size:14px;
			  background:#3E8F00; margin:0 5%;
}

.menu-r{
    float: right;
    padding-left: 0px;
    width: 515px;
}
.menu-r li{
    width: 25%;
}
.menu-r li a{
    padding: 0 14px; text-align:center
}
.menu-r ul li{
   width: 90%;
    float: none;
    height: 40px;
    padding: 0 12px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
			 font-size:14px; margin:0 5%; border-bottom:1px #3E8F00 solid;
}
.menu-r ul li:hover{
    width: 90%;
    float: none;
    height: 40px;
    padding: 0 12px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
			 font-size:14px;
			  background:#3E8F00; margin:0 5%;
}


.sub{
    position: absolute;
    padding: 12px 0 20px;
    color: #fff;
    background:rgba(1,122,43,0.9); border-bottom-left-radius:4px; border-bottom-right-radius:4px;

}
.sub ul li a{
    padding: 0;
    text-align: center; font-size:15px; 
}
.sub ul li a:hover{
    color: #F2F19A;
    background-color: transparent;
}
.c-sub{
    width:125px;
}
.x-sub{
    width:129px;
}

.flag{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -80px;
    width: 161px;
    height: 150px;
}
.flag img{
    width: 100%;
    height: 100%;
}