.mo-leftmenu-arshine {background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;max-width:350px;-webkit-overflow-scrolling:touch;z-index:1050 !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);box-shadow:0 0 40px rgba(82,85,90,0.1);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.mo-leftmenu-arshine .tit{height:50px;line-height:50px;background:#353535;}
.mo-leftmenu-arshine .tit h6{float:left;color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;font-family: "Times New Roman";}
.mo-leftmenu-arshine .tit span{float:right;cursor:pointer;width:50px;text-align:center;}
.mo-leftmenu-arshine .tit span i{color:#fff;font-size:16px;}
.mo-leftmenu-arshine > ul{}
.mo-leftmenu-arshine > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu-arshine > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu-arshine > 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;}
.mo-leftmenu-arshine > ul > li.active{}
.mo-leftmenu-arshine ul li a{color:#333;display: block;}
.mo-leftmenu-arshine ul li a:hover{text-decoration: none;}
.mo-leftmenu-arshine ul li ul{display:none;padding-bottom:10px;}
.mo-leftmenu-arshine ul li ul li{line-height:35px;}
.mo-leftmenu-arshine ul li ul li a{background:url("./pics/d.png") no-repeat 25px center;padding:0 0 0 40px;}


/*---header---*/

.header-arshine {height:89px;background:#fff;}
.header-arshine > div{height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:relative;z-index:20;}
.header-arshine .logo img{ height: 56px;}
.header-arshine h1 a{display:inline-block;width:134px;height:56px;text-indent:-99999px;background-repeat:no-repeat;background-position:center;background-size:134px 56px;}

.nav{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.nav > ul{}
.nav > ul > li{float:left;position:relative;margin:0 18px;}
.nav > ul > li:nth-child(2){position:static;}
.nav > ul > li > a{display:block;font-size:18px;color:#333;padding:0 3px;line-height:89px;text-transform:uppercase;position:relative;}
.nav > ul > li > a::after{content:"";width:90%;height:4px;background:var(--active-color);position:absolute;left:5%;right:5%;bottom:-1px;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-ms-transform-origin:center center;transform-origin:center center;-webkit-transform-origin:center center;transition:all .15s ease-out;opacity:0;}

.nav > ul > li ul{position:absolute;width:260px;height:auto;left:calc(50% - 130px);top:90px;z-index:1000;overflow:hidden;background:rgba(10,119,188,0.8);box-shadow:rgba(0,0,0,0.14) 0 5px 9px 0px;transform:rotate3d(1,0,0,-90deg);-webkit-transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;transition: transform 0.5s, opacity 0.3s;-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;}
.nav > ul > li ul > li{border-bottom:1px solid rgba(255,255,255,0.2);text-align:center;position:relative;}
.nav > ul > li ul > li:last-child{border:none;}
.nav > ul > li ul > li > a{display:block;padding:10px 15px;color:#fff;font-size:16px;line-height:22px;text-transform:capitalize;}
.nav > ul > li ul > li > a i{position:absolute;right:10px;font-size:11px;}
.nav > ul > li ul > li > a:hover{background:var(--active-color);}

.nav > ul > li:hover > a,.nav > ul > li.active > a{color:var(--active-color) !important;}
.nav > ul > li:hover > a::after,.nav > ul > li.active > a::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;}
.nav > ul > li:hover > a > i{transform:rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.nav > ul > li:hover > ul{opacity:1;transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);}

.nav > ul > li > .dropdown{position:absolute;width:100%;height:auto;left:0;top:121px;border-radius:6px;background:#fff;padding:40px 45px;z-index:1000;transform:rotate3d(1,0,0,-90deg);-webkit-transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;transition: transform 0.5s, opacity 0.3s;-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;box-shadow:0 3px 5px rgba(0, 0, 0, 0.3);}
.nav > ul > li > .dropdown .list{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.nav > ul > li > .dropdown dl{width:33.3333%;padding:20px 0;}
.nav > ul > li > .dropdown dl:last-child{border-bottom:none;}
.nav > ul > li > .dropdown dl dt{font-size:20px;color:#000;font-family:'Poppins-SemiBold';margin:0 0 18px;}
.nav > ul > li > .dropdown dl dt a:hover{color:var(--active-color);}
.nav > ul > li > .dropdown dl dd{position:relative;color:#333;}
.nav > ul > li > .dropdown dl dd~dd{margin-top:10px;}
.nav > ul > li > .dropdown dl dd a{display:block;font-size:17px;line-height:24px;text-transform:capitalize;}
.nav > ul > li > .dropdown dl dd a:hover{color:var(--active-color);}

.nav > ul > li > .dropdown .pic{width:260px;}

.nav > ul > li:hover > .dropdown{opacity:1;transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);}


.header_right{display:-webkit-flex;display:flex;align-items:center;position:relative;z-index:20;}

.header_right > span{width:50px;height:50px;line-height:50px;font-size:24px;text-align:center;color:#333;cursor:pointer;display:none;}
.header_right > span i{font-size:24px;line-height:50px;}

.header-lang{position:relative;z-index:200;}
.header-lang .box{height:34px;width:90px;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;padding:0 7px;}
.header-lang .box img{}
.header-lang .box em{margin:0 7px;line-height:18px;font-size:18px;color:#333;text-transform:uppercase;}
.header-lang .box i{width:15px;line-height:18px;font-size:16px;text-align:center;color:#333;}
.header-lang .lang-box{position:absolute;right: 60px;top: 0;z-index:200;background:#fff;transform:rotate3d(1,0,0,-90deg);-webkit-transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;transition: transform 0.5s, opacity 0.3s;-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;box-shadow:0 0 10px rgba(63,62,62,0.2);}
.header-lang .lang-box::before{content:'';position:absolute;right: -58px;top: 32px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid var(--active-color);border-left:8px solid transparent;display:block;}
.header-lang ul{display:block;overflow:hidden;width:96px;position:absolute;left:-35px;top:40px;z-index:200;background:rgba(10,119,188,0.8);border-top:none;box-sizing:border-box;}
.header-lang ul li{line-height:32px;border-bottom:1px solid rgba(51,51,51,.2);padding: 3px 8px;}
.header-lang ul li:last-child{border:none;}
.header-lang ul li a{color:#fff;font-size:16px;}
.header-lang ul li:hover{background:var(--active-color);}
.header-lang ul li img{vertical-align:middle;margin-right:8px;}
.header-lang:hover .lang-box{visibility:visible;opacity:1;transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);}

.search{margin:0 0 0 10px;position:relative;}
.search h3{width:45px;height:36px;margin:0;cursor:pointer;font-weight:400;text-align:center;}
.search h3 i{color:#333;font-size:25px;line-height:36px;-webkit-text-stroke-width:0.1px;text-stroke-width:0.1px;}
.search .serchbox{display:none;position:absolute;background:#666;width:255px;padding:10px;top:36px;right:0;z-index:1000;}
.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;}
.search .serchbox .submit_btn{width:35px;background:#0063B4;font-size:14px;color:#fff;height:33px;line-height:33px;text-align:center;display:block;float:right;cursor:pointer;}
.search:hover h3{background:#666;}
.search:hover h3 i{color:#fff !important;}
.search:hover .serchbox{display:block;}

.home .header-arshine {position:absolute;left:0;right:0;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,0.1);background:transparent;}
.home .nav > ul > li > a{color:#fff;}
.home .search h3 i{color:#fff;}
.home .header-lang .box em{color:#fff;}
.home .header-lang .box i{color:#fff;}

.home .header_right > span{color:#fff;}


.header-fix{position:fixed;left:0;right:0;top:0;z-index:200;}

.home .header-arshine.header-fix{position:fixed;background:rgba(0,0,0,0.5);}

.menu-transitioning{-ms-transform:translateX(0);transform:translateX(0)}

@media screen and (max-width:1500px){
.nav > ul > li{margin:0 15px;}
}

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

.nav > ul > li{margin:0 13px;}
.nav > ul > li > a{font-size:17px;}

}

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

.nav > ul > li{margin:0 10px;}

}

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

.nav{display:none;}
.header_right > span{display:block;}
}

@media screen and (max-width:768px){
.search h3 i{font-size:22px;}

.header-arshine {height:auto;padding:15px 0;}
.home .header-arshine {position:static;background:#242A3A;}
.header_right > span {display: block;}

.search h3 i{font-size:22px;}
}

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

  .header-arshine .logo img{height:48px;}
  .header-arshine h1 a{width:114px;height:48px;background-size:114px 48px;}
  
  .header-lang .box img{height:16px;}
  .header-lang .box em{margin:0 5px;line-height:16px;font-size:14px;}
  .header-lang .box i{font-size:14px;}
}