.wppc{
    display: none;
}
@media (max-width: 767px) {
  .wppc{
    display: block !important;
  }
}

.header{ position:fixed; top:0; width:100%; left:0; z-index:99;transition:all 0.6s; background:rgba(0,148,56,.0)  }
.header.on{   opacity:1; box-shadow: 0px 0px 10px rgba(195,0,0,0);transition:all 0.6s;text-align:center;}

.header .dianhua{ float: right; font-size:20px; color:#fff;  line-height:80px; font-weight:bold; border-left:rgba(255,255,255,.2) 1px solid; padding-left:20px}
.header .dianhua i{ font-size:26px; margin-right:5px  }
.header.on .dianhua{ color:#cc0000 ;border-left:rgba(10,148,56,.2) 1px solid;}

.slang{ display: flex; align-items: center; position:relative; float:right ; margin-top:25px; margin-left:20px}

.en{ font-size:18px; color:#cc0000; margin-left:30px}
.en a{color:#cc0000;}
.en a:hover{ text-decoration:underline}

#toggle-search {
width:30px; height:30px; background:#cc0000; color:#fff; border-radius:50px; cursor:pointer;
}
#toggle-search i{width:30px; text-align:center;line-height:30px; font-size:14px}

#toggle-search.open:after {
  top: 35px; opacity:1
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 52px;
  right: 8px;
  content: "";
  border-color: transparent transparent #cc0000;
  border-style: solid;
  border-width: 8px 8px 12px;
  opacity:0
}


#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 50px;
  right:-12px;
  width: 400px;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
}
#search-form.open {
  max-height: 50px;
}
#search-form fieldset {
  position: relative;
  margin: 0 50px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height:50px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #0a9438;
  border: none;
  cursor: pointer;
}
.lange{background:#cc0000; padding:0 5px; border-radius:20px; float:right; color:#666; line-height:30px; width:80px; color:#fff; margin-top:25px}
.lange a{  padding:0px 8px;  color:#fff; font-size:14px}
.lange a:hover{  text-decoration:underline}

.header .an{ position:absolute; right:3%; top:15px;height:18px; width:30px; display:none; float:right}
.header .an span{width:30px; height:2px; background-color:#cc0000; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav { float:right}


.header .nav ul>li{height:80px; width:auto; padding:0 0px;font-size:16px; line-height:80px; float:left; text-align:center;position:relative; text-transform:uppercase; color:#fff; font-weight:bold }


.header .nav i{font-size:14px; line-height:80px; text-align:right; position:absolute;height:80px; right:10px; top:0px;  }

.header .nav ul li a.o_lm{line-height:80px; color:#fff; padding:0 25px;   display:block; }
.header.on .nav ul li a.o_lm{line-height:80px; color:#333;    display:block; }

.header .nav ul li:hover a.o_lm{ background:#cc0000; color:#fff}
.header .nav ul li  i{ color:#333}




.header .nav .e_j{position:absolute; width:auto; min-width:100%;  background:#fff;box-shadow: 0px 10px 10px rgba(0,0,0,0.25); top:80px;  padding:10px 0; display:none; left:0; z-index:9999999999999; height:auto; 
 -webkit-animation: fadeInUpMenu 0.4s;
  -moz-animation: fadeInUpMenu 0.4s;
  -ms-animation: fadeInUpMenu 0.4s;
  -o-animation: fadeInUpMenu 0.4s;
  animation: fadeInUpMenu 0.4s;}




.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j ul li{ display:block; width:100%; line-height:35px; font-weight:normal; height:auto; text-transform:none;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }
.header .nav .e_j  ul li a{display:block; font-size:14px; line-height:35px; color:#333; padding: 0 10px}
.header .nav .e_j  ul li a:hover { color:#cc0000; }


.jiange{ height:50px; overflow:hidden; display:none;}





@-webkit-keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}




@media only screen and (max-width:1360px){

.header .nav ul li a.o_lm{ padding:0 20px}

}


@media only screen and (max-width:1240px){

.header .nav ul>li{ font-size:14px }
.header .nav ul li a.o_lm{ padding:0 20px}

}




@media only screen and (max-width:992px){
.header .logo{width:134px; margin:7.5px 0}
.header.on .logo{margin:7.5px 0;}
.jiange{ display:block}
.lange{background:#0a9438; padding:0 5px; border-radius:20px; float:right; color:#666; line-height:26px; width:70px; color:#fff; margin-top:12px; margin-right:40px; text-align:center}
.lange a{  padding:0px 5px;  color:#fff; font-size:13px}
.header .dianhua{ display:none}
.header{padding:0px 5px; height:50px; position:fixed; top:0; width:100%; box-sizing:border-box;  z-index:9999}

.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:#fff; top:0; right:0; margin:0; margin-top:50px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}
.header .nav ul li a.o_lm{ padding:0 0;  display:block; line-height:40px}
.header.on .nav ul li a.o_lm{line-height:40px; color:#333;    display:block; }

.header .nav i{display:block; color:#666;  top:0; right:20px; line-height:50px; height:50px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:14px; display:block; margin:0; padding:0 20px; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover  i{ color:#666}
.header .nav ul li i{color:#666}

.header .nav ul li a.o_lm:after{ content:none; }
.header .nav ul li:hover a.o_lm:after{content:none;  }



.header .nav ul li a.o_lm{line-height:50px; color:#333;}
.header .nav ul li:hover a.o_lm{color:#333; background:none;}
.header .nav .y_j{border-bottom:1px solid #f1f1f1;}
.header .nav .e_j{padding:10px 0px; border-bottom:0px solid #666;box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}

.header .nav .e_j ul li a{ color:#666; padding:0}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}

.top1{ display:block; padding:0}
.daohang{ width:auto}

.logo{ float:left; width:auto; margin:10px 0; position:fixed; z-index:9999}
.logo img{ height:30px; width:auto}



.slang{ position:fixed; right:60px;margin-top: 13px; top:0px}

.en{ font-size:14px; margin-left:15px}


#toggle-search {width:25px; height:25px;}
#toggle-search i{width:25px; text-align:center;line-height:25px; font-size:12px}

#search-form {

  position:fixed;
  top: 50px;
  right: 0;
  width: 100%;
 
}

}