.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 10;}
.header .logo { width: 360px; height: 122px; background-color: #95D330; text-align: right;}
.header .logo img { width: 188px; height: 37px; margin-top: 42px; margin-right: 70px;}
.header .nav-box { flex: 1;}
.header .nav-box .nav-top { position: relative; width: 100%; height: 52px; background-color: #000; color: #fff;}
.header .nav-box .nav-top::after { content: ''; width: 0; height: 0; border-color: transparent #000 transparent transparent; border-style: solid; border-width: 52px 30px 0 0; position: absolute; left: -30px;top: 0; z-index: 1;}
.header .nav-box .nav-top .notice { line-height: 52px; height: 100%;}
.header .nav-box .nav-top .notice i { font-size: 18px; position: relative; margin-left: 14px; margin-right: 10px;}
.header .nav-box .user-box .user { margin-top: 7px; padding: 0 22px 0 16px; align-items: center; height: 38px; background: #B4EF56; border-radius: 4px; color: #333333;line-height: 38px;}
.header .nav-box .user-box .user i { margin-right: 5px;}
.header .nav-box .user-box .exit { cursor: pointer; padding-left: 19px; padding-right: 96px; line-height: 52px;}
.header .nav-bot { height: 70px; position: relative; background-color: #fff;}
.header .nav-bot::before { content: ''; width: 0; height: 0; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 70px 40px 0 0; position: absolute; left: -70px;top: 0; z-index: 1;}
.header .nav-bot::after { content: ''; width: 30px; height: 100%; background-color: #fff; position: absolute; left: -30px;top: 0; z-index: 1;}
.header .nav-bot .navbar { height: 100%; flex: 1; align-items: center; justify-content: flex-start; margin-left: -20px;}
.header .nav-bot .navbar .nav-item { padding: 0 20px; line-height: 34px; position: relative; z-index: 10;}
.header .nav-bot .navbar .nav-item .iconfont { margin-left: 5px; zoom: 0.8; display: inline-block; font-size: 6px; transition: all .4s}
.header .nav-bot .navbar .nav-item a { position: relative; z-index: 2;}
.header .nav-bot .navbar .nav-item.active::after { position: absolute; left: 0; content: ''; width: 100%; height: 34px; text-align: center; transform:skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform:skew(-30deg); -ms-transform:skew(-30deg); background-color: #333333; z-index: 0;}
.header .nav-bot .navbar .nav-item.active .name { display:inline-block;  color: #95D330;}
.header .nav-bot .navbar .nav-item.active .iconfont { color: #95D330;}
.header .nav-bot .navbar .nav-item.active1 .iconfont { transform:rotate(180deg); margin-top: -3px;color: #95D330;}
.header .nav-bot .search { padding: 0 93px; font-size: 20px; line-height: 70px;}
.header .nav-bot .navbar .nav-item:hover a{transition: all .4s}
.header .nav-bot .navbar .nav-item:hover .name { color: #95D330;}
.header .nav-bot .navbar .nav-item:hover .iconfont { color: #95D330;}
.header .nav-bot .navbar .chil-nav.active{display: block}
.header .nav-bot .navbar .chil-nav{display: none;cursor: pointer;}
.header .nav-bot .navbar .nav-item:hover .chil-nav {display: block}
.header .nav-bot .navbar .chil-nav {z-index:9999999999;background-color: #fff; transform: translateX(-25%);top:calc(100% + 5px);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);position: absolute;top: 69px;width: 115px;text-align: center;}
.header .nav-bot .navbar .chil-nav li{}
.header .nav-bot .navbar .chil-nav li a{font-size: 14px;display: block;height: 32px;line-height: 32px;transition: all .4s;color: #333;padding-bottom: 0 }
.header .nav-bot .navbar .chil-nav li a:hover{background-color: #333333;color: #95D330}
.header .nav-bot .search-icon { font-size: 20px; font-weight: bold;}
.header .nav-bot .search-icon+form { display: none;}
.header .nav-bot .search-form { top: 13px; right: 13px; position: absolute; width: 274px; height: 38px;border: solid 1px #e5e5e5;border-radius: 5px;background-color: #ffffff; padding-right: 36px; z-index: 10;}
.header .nav-bot .search-form input { border: none;font-size: 14px; border-radius: 6px;}
.header .nav-bot .search-form .icon { position: absolute; top: 0; right: 10px; font-size: 20px; line-height: 36px; font-weight: bold;}
body { padding-top: 122px;}
@media screen and (max-width: 1500px) {
  .header .logo  { width: 310px;}
  .header .nav-box .user-box .exit  { padding-right: 40px;}
  .header .nav-bot .search { padding: 0 40px;}
  .header .nav-bot .search-form { width: 200px;}
}
@media screen and (max-width: 1021px) {
  .header .nav-box .user-box .exit  { padding-right: 40px;}
  .header .nav-bot .search { padding: 0 40px;}
  .header .nav-bot .navbar .nav-item { padding: 0 10px;}
}
@media screen and (max-width: 980px) {
  .header .nav-box .nav-bot { height: 0;}
  .header .nav-box .nav-bot .navbar { height: 0; display: none;}
  .header .logo { height: 52px; width: auto; padding-left: 10px;}
  .header .logo img { width: auto; height: 32px; margin-top: 10px;margin-right: 0;}
  .header .nav-box .user-box .exit { color: #333;}
  body { padding-top: 106px;}
  .header .logo { width: 100%; background-color: #fff; margin: 0 auto; text-align: center;}
  .header .nav-box { flex: unset; width: 100%;}
  .header .nav-box .nav-top { background-color: #fff;}
  .header .nav-box .nav-top::after { border-color: transparent}
  .header .nav-bot .search { line-height: 52px; padding: 0 40px; position: fixed; top: 0; right: 0;}
  .header .nav-bot .search-form { width: 240px; top: 10px;}
}
@media screen and (max-width: 767px) {
  .header .nav-box .nav-top .notice { display: none;}
  /* .header .nav-box .nav-bot { display: none;} */
  .header .nav-box .user-box { flex: 1; justify-content: flex-end;}
  .header .nav-box .user-box .exit { padding-right: 20px;}
  .header .nav-bot .search { padding: 0 15px;}

}
.mobile-box{display: none}
@media(max-width:980px){
  .mobile-box{display: block}
  .header .nav-list-box{display: none}
  .mobile-box .nav { position:fixed;width: 35px;height: 25px;background: #95D330;left: 4%;top:13px;cursor: pointer; border-radius:5px;z-index: 99999999999}
  .mobile-box .nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 99999991}
  .mobile-box .nav .nav1 {margin-top: -1px;}
  .mobile-box .nav .nav2 {margin-top: -8px;}
  .mobile-box .nav .nav3 {margin-top: 6px;}
  .mobile-box .nav:hover .nav1 {width: 25px;}
  .mobile-box .navh .nav1 {transform: rotate(45deg)}
  .mobile-box .navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
  .mobile-box .navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
  .mobile-box .navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
  .mobile-box .navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
  .mobile-box .smdaohang {position: fixed;width: 280px;height: 100%;overflow: auto;top: 0px;left: -100%;background:#000; background:rgba(0,0,0,0.8); z-index: 999999;transition: 0.5s;text-align: center;}
  .mobile-box .smdaohangh {left: 0px;}
  .mobile-box .topnav {margin: auto;margin-top:60px;padding: 20px;}
  .mobile-box ul.topnav li {text-align: left; position:relative;}
  .mobile-box ul.topnav li a {padding: 5px;padding-left: 0px;color: #fff;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;}
  .mobile-box ul.topnav ul {display: none;}
  .mobile-box ul.topnav ul li {clear: both;}
  .mobile-box ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;}
  .mobile-box ul.topnav ul li a:hover {}
  .mobile-box ul.topnav ul ul li a {padding-left: 40px;}
  .mobile-box ul.topnav ul ul ul li a {padding-left: 60px;}
  .mobile-box ul.topnav span { display:block; position:absolute; right:0px; top:5px; width:24px; height:24px; background:#fff; cursor:pointer; border-radius:5px;}
  .mobile-box ul.topnav span:before{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px;}
  .mobile-box ul.topnav span:after{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;}
  .mobile-box ul.topnav span.yizi:after{ transform:rotate(0deg);}
}

.footer { padding: 10px 0; background: #333333; text-align: center; color: #FFFFFF;}
.footer p { line-height: 40px; }
@media screen and (max-width: 767px) {
  .footer p { line-height:  30px; }

}
.pagination { display: flex; justify-content: right;}
.pagination a,.pagination span { margin: 0 5px; display: inline-block; width: 30px; height: 30px; background: #FFFFFF; border: 1px solid #CCCCCC;font-size: 12px; color: #666666; line-height: 30px; text-align: center;}
.pagination a.active { background: #95D330;  border: 1px solid #95D330; color: #FFFFFF;}
.pagination li.active span { background: #95D330;  border: 1px solid #95D330; color: #FFFFFF;}
.header .nav-bot .navbar .chil-nav li a {
  overflow:hidden; text-overflow:ellipsis;white-space: nowrap;
}
.left-menu .menu a {
  overflow:hidden; text-overflow:ellipsis;white-space: nowrap;
}