/* 
time:2020-03-13
*/


header{ width: 100%; background: #f2f2f3; padding: .2rem 0;}
header .logo{ margin: 0 1rem !important; height: .64rem; display: inline-block;}
header .logo img{ max-height: 100%}
header nav{ display: block;}
header nav ul{ display: block; text-align: center; font-size: 0; }
header nav ul li{ display: inline-block; line-height: .64rem; margin: 0 .3rem; position: relative; vertical-align: middle;}
header nav ul li a{ color: #797979; float: left; font-size: .16rem;  transition: all 0.3s ease-in-out;}
header nav ul li a.cur,
header nav ul li a:hover{ color: #20853a;}

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 (min-width: 736px){
    nav>div {display: none!important;}
}
[hidden] {display:none;}

.swiper-slide .text p {
  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

::placeholder{ font-family: "arial";}

@media screen and (max-width: 736px){
    header{ position: fixed; top: 0; left: 0; z-index: 9998;}
    header .logo{ margin: .12rem .1rem !important; height: .36rem; position: absolute; left: 0; top: 0; line-height: .36rem; color: #000; display: block;}
    header .logo a{ color: #20853a; display: flex; height: .36rem;}
    header .logo img{ display: inline-block; vertical-align: middle; margin-right: .1rem;}
    header .logo .tit{ height: .36rem; display: inline-block; vertical-align: middle;}
    header .logo .tit h2{  font-size: .18rem; letter-spacing: .03rem; font-weight: bold; line-height: .18rem; padding-top: .04rem;}
    header .logo .tit h3{ line-height: .16rem; display: inline-block; font-size: .12rem;}
    header nav .language{ margin: 0 .1rem 0 0;}
    
    .menu{ right: 0; top: 0; height: .6rem; line-height: .6rem; width: .6rem; position: absolute; text-align: center; z-index: 3;}
    .menu::after{ content: "\e646"; font-family: "iconfont"; color: #20853a; font-size: .36rem; }
    
    header{ z-index: 998; padding: 0; height: .6rem;}
    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: -40%; width: 40%; top: 0; box-sizing: border-box; padding: .6rem 0 .3rem; z-index: 2; margin: 0; background: rgba(32, 133, 58, .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; text-align: right; border-bottom: 1px solid rgba(255, 255, 255, .3); box-sizing: border-box; padding: 0 .2rem; line-height: .5rem; font-size: .16rem;}
    header nav ul li{ margin: 0; } 
    header nav ul li a.cur{ background: #72a248; color: #fff;}
    header nav ul li.logo{ display: none !important}
    nav.open ul{  right: 0;}
    nav.open .menu::after{ content: "\e606"; color: #fff;}



    nav ul{ padding-top: .6rem;}
}