@charset "utf-8";
/* CSS Document */


/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, th, td 
{
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,button, input, select, textarea /* for ie */
 {
/*   font-size:14px;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;*/
   font-family: "PingFang SC",PingHei,STHeitiSC-Light,tahoma,"Myriad Set Pro","Lucida Grande","Helvetica Neue","microsoft yahei",Helvetica,Arial,Verdana,sans-serif;
   font-style: normal !important;
  font-variant: normal !important;

}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }
a { background: transparent;text-decoration: none;}

/**head **/
body{ width:100%; overflow-x:hidden; min-width:1200px;}
.pc-header .wrap{ width:1200px; margin:auto; height:76px; line-height:76px; max-width: 100%;
/*  position: relative;*/
  z-index: 3
}
.pc-header .wrap a{display: inline; }
.pc-header .wrap .log img{ width: 250px;
  margin-top: 27px;}
.pc-header .wrap .pc-side{ display:inline; float:right}
.pc-header .wrap .search {
    float: left;
    width: 50px;
    background: url(../images/15.svg) no-repeat center/17px;
   height:76px;
    cursor: pointer;
   }
#toggle-search.open:after {
  top: 56px;
  border-color:transparent transparent #eaeaea;
}
#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: 70px;
  right: 19px;
  content: "";
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 8px 8px 12px;
}

#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: 76px;
  right: 17%;
  width: 47%;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 2;
}
#search-form.open {
  max-height: 40px;
  border: 1px #ccc solid;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 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: 40px;
}
#search-form input[type="text"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: #fff;
  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: #516270;
  background: #eaeaea;
  border: none;
  cursor: pointer;
}
.pc-header .wrap .lang{
  float: right;
/*  position: relative;*/
}
.pc-header .wrap .lang {
    font-size: 14px;
    padding: 0 16px 0 37px;
    background: url(../images/2.png) no-repeat 14px center/16px auto;
    height: 76px;
    position: relative;
}
.pc-header .wrap .lang .lang-toggle{
  position: absolute;
  width: 100%;
  top: 76px;
  left: 0;
  border: 1px solid #e8e8e8;
  border-top: none;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease-in;
  z-index: 9;
  background-color: #fff;
}
.pc-header .wrap .lang:hover .lang-toggle{
  visibility: visible;
  opacity: 1;
}
.pc-header .wrap .lang-toggle a{
  display: block;
  color: #666666;
  text-align: center;
  line-height: 40px;
}
.pc-header .wrap .lang-toggle a:hover{
  color: #000;
}
.menu_line{ border-right: 2px dotted #a5a5a5; height: 23px;margin-top: 27px; float:right}
.header .nav{
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: 100%;
  line-height: 50px;
  display: inline;
   float:right;
}
.header .navbar_nav li{
  float:left;
/*  position: relative;*/
  display: inline-block;
  line-height: 76px;  padding: 0 25px;
}
.header .navbar_nav li a{
  position: relative;
}
.header .navbar_nav li a:hover{
    color:#148638;
}
/*.header .navbar_nav li a:after{
    content: "";
    width: 0;
    height: 2px;
    background: #008c38;
    position: absolute;
    bottom: 0;
    left: 5px;

     

    top:65px;
}*/
.header .navbar_nav li .animate1:after{
    content: "";
    width: 0;
    height: 2px;
    background: #008c38;
    position: absolute;
    bottom: 0;
    left: 5px;
    transition: all 0.5s ease 0s;

     animation-name: example1111;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;

    top:65px;
}
.header .navbar_nav li .animate2:after{
    content: "";
    width: 0;
    height: 2px;
    background: #008c38;
    position: absolute;
    bottom: 0;
    left: -12px;
    transition: all 0.5s ease 0s;

     animation-name: example1111;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;

    top:65px;
}
.animate1{
  
}
.header .navbar_nav .active:after{
    content: "";
    width: 60px;
    height: 1px;
    background: #008c38;
    position: relative;
    bottom: 0;
    left: 20px;
/*    transition: all 0.5s ease 0s;
    animation-fill-mode: forwards;*/
  top:0px;
/*  display: block;*/
}
@keyframes example1111 {
  from { width: 0; }
  to { width: 60px; }
}

.header .navbar_nav li>a:hover:after{


}
.header .navbar_nav .shou>a:hover:after{
    width: 60px;
}
.header .navbar_nav li a{
  text-decoration: none;
  height: 100%;

  display: block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #222;
  font-size: 18px;
}

.dropdown_top{
  position: absolute;
  top:76px;
  left: 0px;
  z-index: 2;
  width: 100%;
  height: 76px;
  background-color: #fff;
  display: none;
  box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
}
.dropdown_top1,.dropdown_top2,.dropdown_top3{
/*  display: none;*/
/*all: unset;*/
}
.dropdown_top a{
  float: left;
  display: block;
  font-size: 16px;
  color: #333;
  padding-top: 25px;
  margin: 0 25px;
  line-height: 1.75;
}
.dropdown_top0{
  padding-left: 42%;
}
.dropdown_top2 .dropdown_top0{
 padding-left: 5%;
}
.dropdown_top3 .dropdown_top0{
  padding-left: 61%;
}

.header .navbar_nav .xiala1:hover .dropdown_top1{
    display: block;
}
.header .navbar_nav .xiala2:hover .dropdown_top2{
    display: block;
}
.header .navbar_nav .xiala3:hover .dropdown_top3{
    display: block;
}

/* 定义关键帧 */
@keyframes slide-down {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down1 {
  from {
    transform: translateY(0);
    opacity: 1;
    
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

/* 应用动画到元素 */
.dropdown_top1,.dropdown_top2,.dropdown_top3{
  animation: slide-down 1s ease forwards;
}
.dropdown_top_animate {
  animation: slide-down1 1s ease forwards;
  display: none;
}
.header .navbar_nav li.dropdown{
  display: inherit;
/*  position: relative;*/
}

.header .navbar_nav li.dropdown .dropdown_menu{
  display: block;
  position: absolute;
  top:76px;
  width: 100%;
  background: #fff;
  width: 120%;
  left:-10%;
  z-index: 2;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
  font-size: 14px;
  color: #666;
  padding: 0 5px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  margin-bottom: 2px;
}

.header .navbar_nav li.dropdown:hover .dropdown_menu{
  display: block;
  background: #f3f3f3;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
  color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
  color: #005bac;
  
}
/*白色背景çš"头部*/
.header.on{
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.header.on .left .img1{
  display: none;
}
.header.on .left .img2{
  display: block;
}
.header.on .navbar_nav li a{
  color: #333;
}
.header.on .navbar_nav li:hover a{
  color: orangered;
}
.header.on .navbar_nav .ctive:hover a{
  color: orangered;
}
#navToggle{
  display: none;
}
@media only screen and (max-width: 1800px) {
  .dropdown_top2 .dropdown_top0{
    padding-left: 20%;
  }
}
@media only screen and (max-width: 1500px) {
  .dropdown_top2 .dropdown_top0{
    padding-left: 16%;
  }
}
@media only screen and (max-width: 1400px) {
  .dropdown_top2 .dropdown_top0{
    padding-left: 5%;
  }
}