@charset "UTF-8";

/*---mo-header---*/
.sitetop{display:none;background:#333;height:50px;line-height:50px;}
.header_top{
    padding-left: 96px;
    color: #fff;
    background: #53b5e6;
    text-align: center;
    height: 29px;
    line-height: 29px;
    font-weight: 700;
}
 .btn1{
   width:10%;
   color: #fff;
   margin: 0px 20px;
   line-height: 39px;
   background: #E30C1A;
   text-align: center;
   height: 225px;
   padding: 50px 0;
   }
 .btn1 a:hover{
 color:#000;  
 }

.sitetop span{width:50px;height:50px;line-height:50px;font-size:24px;text-align:center;color:#fff;}
.sitetop span.mo-header-search{margin-right:45px;}
.sitetop span i{font-size:24px;line-height:50px;}


.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;}
.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;}
.mo-search .submit_btn{float:left;width:15%;height:34px;line-height:34px;background:#2866D9;border:none;font-size:18px;color:#fff;border-radius:0 4px 4px 0;}

.mo-leftmenu{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:105!important;-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 .tit{height:50px;line-height:50px;background:#353535;}
.mo-leftmenu .tit h6{float:left;color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;font-family: "Times New Roman";}
.mo-leftmenu .tit span{float:right;cursor:pointer;width:50px;text-align:center;}
.mo-leftmenu .tit span i{color:#fff;font-size:16px;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.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;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:10px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url("../images/d.png") no-repeat 25px center;padding:0 0 0 40px;}

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

/*---header---*/
.header.header-fix {left: 0; right: 0; top: 0;position: fixed;}
.header{height:68px;background:rgb(91,103,115);position:relative;z-index:20;transition: all 0.3s ease;}
.header > div{height:100%;display:flex;justify-content:space-between;align-items:center;box-sizing: border-box;}
.header .logo{}

.nav{display:flex;align-items:center;}
.nav > ul{}
.nav > ul > li{float:left;position:relative;}
.nav > ul > li:nth-child(2),.nav > ul > li:nth-child(3),.nav > ul > li:nth-child(4){position:static;}
.nav > ul > li+li{margin-left:30px;}
.nav > ul > li > a{display:block;font-size:20px;color:#fff;padding:0 3px;line-height:60px;position:relative;}
.nav > ul > li > a::after{content:"";width:90%;height:4px;background:#E30C1A;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:240px;height:auto;left:0;text-align:left;top:68px;z-index:1000;padding:10px;border-radius: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);}
.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;}
.nav > ul > li > ul li{border-bottom:1px solid #EDEDED;position:relative;}
.nav > ul > li > ul li:last-child{border:none;}
.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;}
.nav > ul > li > ul > li > a{padding-right:20px;}
.nav > ul > li > ul li > a i{position:absolute;right:10px;top:10px;font-size:11px;}
.nav > ul > li > ul li > a:hover{background:#E30C1A;color:#fff;}

.nav > ul > li > ul li ul{left:230px;top:0;}

.nav > ul > li:hover > a,.nav > ul > li.active > a{color:#E30C1A;}

.nav ul ul li:hover > a{background:#E30C1A;color:#fff;}
.nav ul li:hover > ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}

.nav > ul > li > .dropbox{position:absolute;width:100%;left:0;top:89px;background:#fff;z-index:1000;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
.nav > ul > li > .dropbox .wp{padding:30px 0;}
.nav > ul > li > .dropbox dl{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;}
.nav > ul > li > .dropbox dl dd+dd{margin-left:30px;}
.nav > ul > li > .dropbox dl dd span{margin:15px 0 0;text-align:center;display:block;font-size:18px;color:#000;}
.nav > ul > li > .dropbox dl dd span a:hover{color:#72ad37;}
.nav > ul > li:hover > .dropbox{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(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:flex;justify-content:space-between;align-items:flex-start;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:40px;height:40px;line-height:40px;text-align:center;color:#fff;cursor:pointer;display:none;}
.header_right > span i{font-size:24px;}

.header-lang{position:relative;z-index:20;}
.header-lang .box{height:34px;width:90px;cursor:pointer;display:flex;align-items:center;padding:0 7px;}
.header-lang .box img{}
.header-lang .box em{margin:0 7px;line-height:18px;font-size:16px;color:#fff;text-transform:uppercase;}
.header-lang .box i{line-height:18px;font-size:16px;color:#fff;}
.header-lang .lang-box{width:200px;padding:15px;position:absolute;right:0;top:42px;z-index:200;background:#fff;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all .4s ease 0s;box-shadow:0 0 10px rgba(63,62,62,0.2);}
.header-lang .lang-box::before{content:'';position:absolute;right:37px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;display:block;}
.header-lang ul{max-height:160px;overflow-y:scroll;padding:0;display:flex;flex-wrap:wrap;}
.header-lang ul li{padding:5px 0;border-bottom:1px solid #f5f5f5;width:50%;}
.header-lang ul li:last-child{border:none;}
.header-lang ul li a{color:#333;font-size:16px;display:block;}
.header-lang ul li a:hover{color:#015198;}
.header-lang ul li img{vertical-align:middle;margin-right:7px;}
.header-lang:hover .lang-box{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}

.search{margin-right:15px;position:relative;}
.search em{width:45px;height:36px;cursor:pointer;display:block;text-align:center;}
.search em i{color:#fff;font-size:23px;line-height:36px;-webkit-text-stroke-width:0.1px;text-stroke-width:0.1px;}
.search .serchbox{display:none;position:absolute;box-sizing:border-box;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:#AD080F;font-size:14px;color:#fff;height:33px;line-height:33px;text-align:center;display:block;float:right;cursor:pointer;}

@media screen and (min-width:768px){
.search:hover em{background:#666;}
.search:hover em i{color:#fff !important;}
.search:hover .serchbox{display:block;}
}


@media screen and (max-width:1680px){
.nav > ul > li+li{margin-left:25px;}
.nav > ul > li > a{font-size:19px;}

}

@media screen and (max-width:1550px){
.header .logo img{height:40px;}
.nav > ul > li+li{margin-left:22px;}
.nav > ul > li > a{font-size:18px;}
}

@media screen and (max-width:1441px) {
.header .logo img{height:38px;}
.nav > ul > li+li{margin-left:18px;}
.nav > ul > li > a{font-size:17px;}
}

@media screen and (max-width:1367px) {
.header{height:80px;}
.header .logo img{height:36px;}
.nav > ul > li+li{margin-left:15px;}
.nav > ul > li > a{font-size:16px;}
}

@media screen and (max-width:1281px){
.header .logo img{height:34px;}
.nav > ul > li+li{margin-left:10px;}

}


@media screen and (max-width:1171px){
.header{position:static;background:#06101C;}
.nav {display:none;}
.header_right > span {display:block;}

}

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

	
}

@media screen and (max-width:768px){
.header{height:70px;}
.header > div,.header_right{position:static;}
.header .logo img{height:32px;}

.header-lang .box{height:30px;width:80px;padding:0 5px;}
.header-lang .box img{height:16px;}
.header-lang .box em{margin:0 5px;line-height:16px;font-size:14px;}
.header-lang .box i{line-height:16px;font-size:14px;}

.search{margin-right:5px;position:static;}
.search em{width:36px;}
.search em i{font-size:21px;}
.search .serchbox{width:100%;padding:10px;top: 70px;right:0;left:0;}
.search .serchbox .submit_text{width:80%;}
.search .serchbox .submit_btn{width:18%;}

}
body:has(.header_top) {
.search .serchbox{width:100%;padding:10px;top: 99px;right:0;left:0;}
}                     


@media screen and (max-width:576px) {
.header_top{
display:none;
}

}

@media screen and (max-width:480px) {
.header .logo img{height:30px;}

}	


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


}