/* 
time:2019-12-18
*/


header{ width: 100%; display: block; background: #fff;}
header a.logo{ margin: .28rem 0 .28rem .46rem; height: .4rem; display: inline-block;}
header a.logo img{ max-height: 100%}
header nav{ float: right; margin-top: 20px;}
header nav ul{ float: left; /*border-right: 1px solid #d7d7d7;*/}
header nav ul > li{ line-height: 53px; float: left; position: relative;}
header nav ul li a{ color: #000; float: left; padding: 0 19px; font-size: 14px;  transition: all 0.3s ease-in-out;}
header nav ul li a.cur,
header nav ul li a:hover{ color: #72a248;}

header nav form{ float: left; margin-top: 8px; margin-left: 10px; border: 1px solid transparent;}
header nav form input.none{ display: none;}
header nav form input{ width: 0; border: none; height: 36px; transition: all 0.5s ease-in-out;  box-sizing: border-box; float: left;}
header nav form:hover input{ width: 200px; padding: 5px 20px; line-height: 26px; background: rgba(255, 255, 255, .7);}
header nav form button{ background: none; width: 36px; height: 36px; color: #585d6a; border: none; float: left; font-family: "iconfont"; text-align: center; font-size: 18px;}
header nav form:hover button{ background: rgba(255, 255, 255, .7);}
header nav form:hover{ border-color: rgba(114, 162, 72, 1);}
header nav .language{ line-height: 53px; float: left; position: relative; margin: 0 30px 0 10px; padding-left: 10px; border-left: 1px solid #d7d7d7; font-size: 14px;}
header nav .language a{ color: #585d6a; margin: 0 7px;}
header nav .language a.cur{ color: #72a248}
header nav .language a:hover{ color: #000;}
.contact-info-header{ display: none;}



@media screen and (max-width: 834px){
    .menu{ width: .84rem; height: .84rem; position: absolute; text-align: center; line-height: .84rem; right: 1rem; top: .05rem; z-index: 3;}
    .menu::after{ content: "\e60f"; font-family: "iconfont"; color: #72a248; font-size: .36rem; }
    header{ position: relative; z-index: 3;}
    header nav{ z-index: 3; margin-top: 0; }
    header nav .language{ margin-top: .2rem; }
    header nav.open{ position: fixed; top: 0; right: 0;}
    header nav.open .language{ position: relative; z-index: 2;}
    header nav.open .language a.cur,
    header nav.open .language a{ color: #fff;}

    nav ul{ position: fixed; right: -2.8rem; width: 2.8rem; top: 0; box-sizing: border-box; padding: .96rem 0 .3rem; z-index: 2; margin: 0; background: rgba(114, 162, 72, .9); background-size: cover;  height: 100%; transition: all 0.5s ease}
    nav ul li{ width: 100%; display: none;}
    header nav ul li:first-child a{ border-top: 1px solid rgba(255, 255, 255, .3);}
    header nav ul li a{ width: 100%; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .3); box-sizing: border-box; padding: 0 .34rem; line-height: .5rem; font-size: .16rem;}
    header nav ul li a.cur{ background: #72a248; color: #fff;}

    nav.open ul{  right: 0;}
    nav.open .menu::after{ content: "\e62d"; color: #fff;}
    header nav.open .contact-info-header{ display: block; float: left; width: 100%; box-sizing: border-box; padding: 0 .34rem; margin-top: .3rem;}
    header nav.open .contact-info-header div.socoal,
    header nav.open .contact-info-header div.Email,
    header nav.open .contact-info-header div.QRcode{ width: 100%;  margin-bottom: .3rem; float: left; }
    header nav.open .contact-info-header div .tit{ display: block; text-transform: uppercase; line-height: .24rem; color: #fff; font-size: .14rem; font-weight: bold; }
    header nav.open .contact-info-header div .text{ color: #fff; display: block; font-size: .13rem; margin-top: .2rem; line-height: .24rem; box-sizing: border-box;position: relative;}
    header nav.open .contact-info-header div.socoal{ padding: 0; border: none; margin: .2rem 0 0;}
    header nav.open .contact-info-header div.socoal .text{ padding: 0;}
    header nav.open .contact-info-header div.socoal .text a{ font-family: "iconfont"; color: #fff; font-size: .28rem; margin-right: .1rem;}
    header nav.open .contact-info-header div.socoal .text a:last-child{ font-size: .24rem; margin-right: .1rem;}
    header nav.open .contact-info-header div.socoal .text a:hover{ color: #72a248;}
    
    header nav.open .contact-info-header div .text .ewm{ float: left; width: 200px; box-sizing: border-box; border: 1px solid #ccc; padding: .03rem;}
    header nav.open .contact-info-header div .text .ewm img{ width: 100%; float: left;}
    header nav.open .contact-info-header div .text i{ font-family: "iconfont"; color: #fff; font-size: .18rem; position: absolute; left: 0; top: 0}
    header nav.open .contact-info-header div .text span i{ left: -.3rem;}
    
}


@media screen and (max-width: 736px){
    header{ position: fixed; top: 0; left: 0; z-index: 9998;}
	header a.logo{ margin: .14rem .1rem; height: .32rem;}
	header nav .language{ margin: 0 .1rem 0 0;}
    .menu{ right: .85rem; top: 0; height: .6rem; line-height: .6rem}
    nav ul{ padding-top: .6rem;}
}