.derun-mo-leftmenu{background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;max-width:400px;-webkit-overflow-scrolling:touch;z-index:105!important;-webkit-transition:all .4s cubic-bezier(0.7,0,0.2,1);-ms-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);-webkit-box-shadow:0 0 40px rgba(82,85,90,0.1);box-shadow:0 0 40px rgba(82,85,90,0.1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.derun-mo-leftmenu .tit{height:50px;line-height:50px;background:#353535;}
.derun-mo-leftmenu .tit h6{float:left;color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;font-family: "Times New Roman";}
.derun-mo-leftmenu .tit span{float:right;cursor:pointer;width:50px;text-align:center;}
.derun-mo-leftmenu .tit span i{color:#fff;font-size:16px;}
.derun-mo-leftmenu > ul{}
.derun-mo-leftmenu > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.derun-mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.derun-mo-leftmenu > ul > li > i {position:absolute;color:#333;font-size:12px;top:5px;right:0;z-index:1;width:50px;line-height:40px;text-align:center;cursor:pointer;}
.derun-mo-leftmenu > ul > li.active{}
.derun-mo-leftmenu ul li a{color:#333;display: block;}
.derun-mo-leftmenu ul li a:hover{text-decoration: none;}
.derun-mo-leftmenu ul li ul{display:none;padding-bottom:10px;}
.derun-mo-leftmenu ul li ul li{line-height:35px;}
.derun-mo-leftmenu ul li ul li a{background:url("../images/d.png") no-repeat 25px center;padding:0 0 0 40px;}
.derun-mo-leftmenu.menu-transitioning {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.derun-mo-search{padding:10px 15px;display:none;border-bottom:1px solid #222;position:absolute;left:0;top:51px;width:100%;background:#333;box-sizing:border-box;}
.derun-mo-search .form-control {float:left;display:block;box-sizing: border-box;width:85%;height:34px;padding: 6px 12px;font-size: 14px;line-height:1;color:#555;background-color:#fff;background-image: none;border:none;border-radius:4px 0 0 4px;}
.derun-mo-search .submit_btn{float:left;width:15%;height:34px;line-height:34px;background:#63957F;font-size:18px;color:#fff;border-radius:0 4px 4px 0;}

header{width:100%;left:0;right:0;top:0;z-index:20;background:transparent;}

.derun-sitetop{height:46px;overflow:hidden;background: #63957F;transition:all 0.4s ease 0s;}
.derun-sitetop .wp{height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.derun-sitetop span{width:50px;height:50px;line-height:50px;font-size:24px;text-align:center;color:#fff;display:none;}
.derun-sitetop span.mo-header-search{margin-right:95px;}
.derun-sitetop span i{font-size:24px;line-height:50px;}

.derun-sitetop-left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.derun-sitetop-left p{font-size:16px;color:#FFF;font-weight:300;padding:0 0 0 28px;line-height:21px;}
.derun-sitetop-left p.tel{background:url("../../images/tel.png") no-repeat left center;margin-right:30px;}
.derun-sitetop-left p.mail{background:url("../../images/mail.png") no-repeat left center;}
.derun-sitetop-left p a:hover{color:#63957F;}

.derun-sitetop-right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;z-index:30;}
.derun-sitetop-right .share{}
.derun-sitetop-right .share a{color:#FFF;}
.derun-sitetop-right .share a+a{margin-left:15px;}
.derun-sitetop-right .share a i{font-size:19px;color:inherit;}
.derun-sitetop-right .share a:hover{color:#000;}

.derun-header{height:86px;transition:all 0.4s ease 0s;}
.derun-header .wp{height:100%;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}

.derun-header .logo{}
.derun-header h1 a{display:inline-block;width:187px;height:55px;text-indent:-99999px;background-repeat:no-repeat;background-position:center;background-size:187px 55px;}

.header-fix {position:fixed;left:0;right:0;top:0;height:100px;}
.header-fix .derun-header {background: rgba(255,255,255,0.7);box-shadow: 0 0 10px rgba(1,1,1,0.06);}
.header-fix .derun-sitetop {height: 0;}

.derun-nav{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;z-index:20; }
.derun-nav > ul{}
.derun-nav > ul > li{float:left;position:relative;}
.derun-nav > ul > li > a{display:block;font-size:22px;color:#000;padding:0 25px;height:54px;line-height:54px;text-align:center;}

.derun-nav > ul > li ul{position:absolute;width:220px;height:auto;left:0;text-align:left;top:54px;z-index:1000;padding:10px;border-radius:0 0 4px 4px;background:#fff;box-shadow:rgba(0,0,0,0.14) 0px -6px 9px 0px;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
.derun-nav > ul > li:nth-child(2) ul{width:310px;}
.derun-nav > ul > li > ul::before{content:'';position:absolute;left:60px;margin:0;top:-8px;overflow:hidden;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;}
.derun-nav > ul > li > ul li{border-bottom:1px solid #EDEDED;position:relative;}
.derun-nav > ul > li > ul li:last-child{border:none;}
.derun-nav > ul > li > ul li > a{display:block;border-radius:4px;padding:9px 15px 9px 10px;color:#333;font-size:16px;line-height:21px;text-transform:capitalize;}
.derun-nav > ul > li > ul > li > a{padding-right:20px;}
.derun-nav > ul > li > ul li > a i{position:absolute;right:10px;top:10px;font-size:11px;}
.derun-nav > ul > li > ul li > a:hover{background:var(--active-color);color:#63957F;}

.derun-nav > ul > li > ul li ul{left:300px;top:0;}

.derun-nav > ul > li:hover > a,.derun-nav > ul > li.active > a{color:var(--active-color);}

.derun-nav ul ul li:hover > a{background:var(--active-color);color:#63957F;}
.derun-nav ul li:hover > ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}

.derun-header-right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;z-index:30;}

.derun-header-right .search{margin:0 15px 0 0;position:relative;}
.derun-header-right .search em{width:40px;height:34px;cursor:pointer;text-align:center;display:block;}
.derun-header-right .search em i{color:#000;font-size:22px;line-height:34px;}
.derun-header-right .search .serchbox{display:none;position:absolute;background:#666;width:255px;padding:10px;top:32px;right:0;z-index:1000;}
.derun-header-right .search .serchbox .submit_text{background:#fff;border:1px solid #fff;border-right:none;width:200px;height:33px;line-height:33px;float:left;color:#333;padding:0 0 0 6px;box-sizing:border-box;}
.derun-header-right .search .serchbox .submit_btn{border:none;width:35px;background:#63957F;font-size:14px;color:#fff;height:33px;line-height:33px;text-align:center;display:block;float:right;cursor:pointer;}
.derun-header-right .search:hover em{background:#666;}
.derun-header-right .search:hover em i{color:#fff;}
.derun-header-right .search:hover .serchbox{display:block;}

.derun-mo-search {padding: 10px 15px;display: none;border-bottom: 1px solid #222;position: absolute;z-index: 200;left: 0;top: 45px;width: 100%;background: #333;box-sizing: border-box;}
.derun-mo-search .form-control {float: left;display: block;width: 85%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1;color: #555;background-color: #fff;border-radius: 4px 0 0 4px;}
.derun-mo-search .submit_btn {float: left;width: 15%;height: 34px;line-height: 34px;background: var(--active-color);font-size: 18px;color: #fff;border-radius: 0 4px 4px 0;}


.derun-header-right .header-lang{position:relative;z-index:30;}
.derun-header-right .header-lang .box{height:34px;width:100px;padding:0 10px;cursor:pointer;border-radius:6px;background:rgba(99,149,127,0.5);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.derun-header-right .header-lang .box img{height:16px;}
.derun-header-right .header-lang .box em{margin:0 8px;font-size:15px;color:#000;display:inline-block;}
.derun-header-right .header-lang .box i{font-size:15px;color:#000;vertical-align:middle;transition:all 0.3s ease 0s;}
.derun-header-right .header-lang .lang-box{width:200px;padding:15px;position:absolute;right:0;top:40px;z-index:200;background:rgba(255,255,255,0.65);transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all .4s ease 0s;border-radius:8px;}
.derun-header-right .header-lang .lang-box::before{content:'';position:absolute;right:37px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid rgba(255,255,255,0.65);border-left:8px solid transparent;display:block;}
.derun-header-right .header-lang ul{max-height:160px;overflow-y:scroll;padding:5px 10px;border:1px solid #e5e5e5;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.derun-header-right .header-lang ul li{line-height:20px;padding:5px 0;border-bottom:1px solid #f5f5f5;width:50%;}
.derun-header-right .header-lang ul li:last-child{border:none;}
.derun-header-right .header-lang ul li a{color:#333;font-size:12px;display:block;}
.derun-header-right .header-lang ul li a:hover{color:#015198;}
.derun-header-right .header-lang ul li img{vertical-align:middle;margin-right:7px;}
.derun-header-right .header-lang:hover .lang-box{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}

header.fix .derun-sitetop{height:0;}
header.fix .derun-header{background:rgba(255,255,255,0.7);box-shadow:0 0 10px rgba(1,1,1,0.06);}

@media screen and (max-width:1440px){
  .derun-header{padding:0 30px;}
}

@media screen and (max-width:1080px){
  header {position: static;}

  .derun-sitetop{display:block;background: #333;}
  .derun-sitetop span {display: block;}
  .derun-nav,.derun-header-right .search,.derun-header .btn{display:none !important;}
  .derun-sitetop-right .share {display: none;}
  .derun-sitetop-left p.tel {display: none;}
  .derun-sitetop-left p.mail {display: none;}
  
  .derun-header-right .header-lang {position: absolute;right: 0;top: -88px;margin: 0;border: 1px solid #FFF;}
  .derun-header-right .header-lang .box {width: 90px;padding: 0 7px;border-radius: 0;background: none;}
  .derun-header-right .header-lang .box em {margin: 0 5px;color: #FFF;}
  .derun-header-right .header-lang .box i {font-size: 15px;color: #FFF;}
  .derun-header-right .header-lang ul {background: #fff;}
  
  .derun-header{position:static;height:auto;padding:20px 0;-webkit-justify-content:center;justify-content:center;}
  .derun-header .logo {text-align: center;width: 100%;}
  .derun-header .logo .pc{display:none;} 
  .derun-header .logo .mo{display:block;}
  .derun-header .logo img{height:55px;}
}  
                                           
                                           @media screen and (max-width:1280px){
.derun-nav > ul > li > a {
    display: block;
    font-size: 17px;
    color: #FFF;
    padding: 0px 17px;
    height: 54px;
    line-height: 54px;
    text-align: center;
}
}