.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:var(--font-family);}
.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 {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:#1F60A4;font-size:18px;color:#fff;border-radius:0 4px 4px 0;}
*/
header {position:absolute;width:100%;left:0;right:0;top:0;z-index:20;background:transparent;}
.derun-sitetop {display:none;height:46px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.46);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:#000;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:var(--link-color-hover);}
.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:var(--text-color-active);}
.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:90px;transition:all 0.4s ease 0s;background:rgba(0,0,0,0.65);}
.derun-header .wp {height:100%;display:flex;justify-content:space-between;align-items:center;}
/* .derun-header .logo {margin-right:20px;}
*/
.derun-header .logo img {max-height:50px;}
.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:flex;align-items:center;position:relative;z-index:20;}
*/
.derun-nav>ul {display:flex;align-items:center;flex-wrap:wrap;justify-content:center;}
/* .derun-nav > ul > li {float:left;position:relative;}
*/
.derun-nav>ul>li {position:relative;}
.derun-nav>ul>li>a {display:block;font-size:22px;color:#fff;padding:0 40px;height:90px;line-height:90px;text-align:center;}
.derun-nav>ul>li ul {position:absolute;width:auto;white-space:nowrap;height:auto;left:0;text-align:left;top:90px;z-index:1000;padding:30px 40px;background:rgba(0,0,0,0.65);box-shadow:rgba(0,0,0,0.14) 0px -6px 9px 0px;opacity:0;visibility:hidden;transition:all .4s ease 0s;}
.derun-nav>ul>li>ul li {position:relative;}
.derun-nav>ul>li>ul li>a {display:block;padding:12px 0;color:#fff;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 {opacity:0.7;}
/* .derun-nav>ul>li>ul li ul {left:300px;top:0;}
*/
.derun-nav>ul>li>ul li ul {top:0;bottom:auto;left:100%;transform:none;}
.derun-nav>ul>li:hover>a{color:var(--link-color-hover);background:rgba(0,0,0,0.65);}
.derun-nav ul ul li:hover>a {background:var(--btn-bg);color:#fff;}
.derun-nav ul li:hover>ul {opacity:1;visibility:visible;}

                             
.derun-header-right {display:flex;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:#fff;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:#C94143;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:#D93744;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(255,255,255,0.25);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:#fff;display:inline-block;}
.derun-header-right .header-lang .box i {font-size:15px;color:#fff;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:var(--link-color-hover);}
.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:1300px) {
 .derun-nav>ul>li>a {font-size:20px;padding:0 15px;}
}
                                         
@media screen and (max-width:820px) {
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:-76px;margin:0;border:1px solid #FFF;border-radius:5px;}
.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:15px 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:40px;}
.derun-mo-leftmenu.visible-xs-block {display:block !important;}
}