@media (min-width: 576px) {
.container{max-width:none;padding-right:20px;padding-left:20px;}
}

@media (min-width: 768px) {
.container {max-width:none;padding-right:40px;padding-left:40px;}
}

@media (min-width: 992px) {
.container{max-width:none;padding-right:50px;padding-left:50px;}
}

@media (min-width:1171px) {
.container{max-width:none;padding-right:60px;padding-left:60px;}
}

@media (min-width:1280px) {
.container{max-width:none;padding-right:70px;padding-left:70px;}
}

@media (min-width:1367px){
.container {max-width:1200px;padding-right:15px;padding-left:15px;}
}

@media (min-width:1441px){
.container {max-width:1300px;}
}

@media (min-width:1550px) {
.container{max-width:1430px;}
}





.sitetop{background:#0052A4;padding:15px 0;}
.sitetop .container{height:100%;display:flex;justify-content:space-between;align-items:center;}

.sitetop span.mo-header-menu,.sitetop span.mo-header-search{width:40px;height:40px;display:none;line-height:40px;text-align:center;}
.sitetop span.mo-header-menu i,.sitetop span.mo-header-search i{color:#fff;font-size:24px;line-height:40px;}

.sitetop-left{display:flex;align-items:center;}
.sitetop-left p{font-size:14px;color:#fff;line-height:35px;display:flex;align-items:center;}
.sitetop-left p+p{margin-left:20px;}
.sitetop-left p a{color:#fff;}
.sitetop-left p i{color:#fff;display:inline-block;margin-right:5px;}

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

.sitetop .share{font-size:0;}
.sitetop .share a{display:inline-block;}
.sitetop .share a+a{margin-left:12px;}
.sitetop .share a i{font-size:16px;color:#fff;}

.sitetop-right .line{height:30px;width:2px;background:#3a3a42;opacity:0.702;margin:0 20px;display:inline-block;}


.header-lang{margin-left:30px;position:relative;z-index:30;}
.header-lang .box{height:30px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;}
.header-lang .box img{height:16px;}
.header-lang .box em{margin:0 7px;line-height:18px;font-size:15px;color:#fff;text-transform:uppercase;}
.header-lang .box i{width:15px;line-height:18px;font-size:14px;text-align:center;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:5px 10px;border:1px solid #e5e5e5;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.header-lang ul li{line-height:20px;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:14px;display:block;}
.header-lang ul li a:hover{color:var(--active-color);}
.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);}




.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:999!important;transition:all .4s cubic-bezier(0.7,0,0.2,1);box-shadow:0 0 40px rgba(82,85,90,0.1);transform:translateX(-100%)}
.mo-leftmenu .tit{height:56px;background:#485157;display:flex;justify-content:space-between;align-items:center;}
.mo-leftmenu .tit h6{color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;}
.mo-leftmenu .tit span{cursor:pointer;width:50px;text-align:center;display:block;}
.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 15px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;font-size:12px;top:10px;right:0;z-index:1;width:30px;line-height:30px;text-align:center;cursor:pointer;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display:block;line-height:inherit;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:10px;padding-left:15px;}
.mo-leftmenu ul li ul li{line-height:22px;position:relative;}
.mo-leftmenu ul li ul li i {position:absolute;color:#333;font-size:12px;top:1px;right:0;z-index:1;width:30px;line-height:30px;text-align:center;cursor:pointer;}
.mo-leftmenu ul li ul li a{padding:5px 0 5px 10px;margin-right:30px;}

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


/*---header---*/


.header{height:110px;}
.header-box{width:100%;height:110px;background:#fff;position:relative;}
.header-box > .container{height:100%;display:flex;justify-content:space-between;align-items:center;}

.header .logo{}
.header .logo img{height:45px;}
.header .logo img:last-child{display:none;}

.header-right{display:flex;align-items:center;}

.nav > ul{display:flex;align-items:center;}
.nav > ul > li{position:relative;}
.nav > ul > li+li{margin-left:40px;}
.nav > ul > li > a{display:block;font-size:18px;color:#212121;height:60px;line-height:60px;font-family:var(--title-font-family);text-align:center;}

.nav > ul > li ul{position:absolute;width:250px;height:auto;left:-30px;top:68px;z-index:30;padding:10px 7px;background:#fff;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);box-shadow:rgba(0,0,0,0.14) 0 0 9px 0px;}
.nav > ul > li > ul::before{content:'';position:absolute;left:65px;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;padding:10px 10px;color:#333;font-size:16px;line-height:22px;text-transform:capitalize;font-family:var(--title-font-family);}
.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{color:var(--color-primary);}

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

.nav > ul > li:hover > a,.nav > ul > li.active > a{color:var(--color-primary);}
.nav > ul > li:hover > a > i{transform:rotate(180deg);-webkit-transform: rotate(180deg);}

.nav ul li:hover > ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}

.header-right .quote{padding:13px 25px;display:inline-block;background:var(--color-primary);font-size:16px;color:#fff;border-radius:3px;font-weight:500;text-align:center;}
.header-right .quote:hover{background:#3375B7;}

.search{margin:0 40px 0 50px;}
.search span{cursor:pointer;text-align:center;}
.search span i{color:#111;font-size:24px;display:inline-block;}

.search-box{display:none;position:absolute;z-index:99;width:100%;left:0;right:0;top:110px;background:rgba(0,0,0,0.6);padding:33px 0;}
.search-box .guanbi{position:absolute;right:30px;top:calc(50% - 11px);line-height:22px;height:22px;}
.search-box .guanbi i{font-size:21px;color:#fff;}
.search-box .serchbox{width:700px;margin:0 auto;position:relative;}
.search-box .serchbox .submit_text{background:#fff;width:100%;height:47px;line-height:47px;float:left;color:#111;padding:0 90px 0 15px;font-size:15px;}
.search-box .serchbox .submit_btn{position:absolute;right:0;top:0;width:70px;height:47px;line-height:47px;background:#0052A5;text-align:center;display:block;cursor:pointer;}
.search-box .serchbox .submit_btn i{font-size:25px;color:#fff;line-height:inherit;}

.header-right .mo-header-menu{width:40px;height:40px;display:none;line-height:40px;text-align:center;}
.header-right .mo-header-menu i{color:#333;font-size:24px;line-height:40px;}


.header-fix{position:fixed;left:0;top:0;z-index:200;background:rgba(0, 0, 0, 0.7);transition:0.5s;}

.header-fix .logo img:first-child{display:none;}
.header-fix .logo img:last-child{display:block;}
.header-fix .nav > ul > li > a{color:#fff;}
.header-fix .search span i{color:#fff;}


@media screen and (max-width:1550px){
.nav > ul > li + li{margin-left:30px;}
.search{margin:0 30px 0 40px;}
}

@media screen and (max-width:1441px) {
.nav > ul > li + li{margin-left:25px;}
}

@media screen and (max-width:1367px) {
.nav > ul > li > a{font-size:17px;}
}

@media screen and (max-width:1281px){
.sitetop{padding:10px 0;}
.header .logo img{height:42px;}
.nav > ul > li > a{font-size:16px;}
.header-right .quote{padding:11px 20px;}
}

@media screen and (max-width:1171px){
.nav > ul > li + li{margin-left:15px;}
.search{margin:0 20px 0 30px;}
}

@media screen and (max-width:992px){
.nav{display:none;}
.header-fix{position:static;background:#fff;}
.header,.header-box{height:90px;}
.header-right .mo-header-menu{display:block;}
.search{margin:0;}
.header-right .quote{margin:0 10px 0 15px;padding:9px 18px;font-size:15px;}
.search-box{top:90px;padding:25px 40px;}
.search-box .serchbox{width:100%;}
.search-box .guanbi{display:none;}
}

@media screen and (max-width:768px){
.header,.header-box{height:80px;}
.search-box{top:80px;padding:25px 20px;}
}

@media screen and (max-width:576px) {
.sitetop-left p.mail{display:none;}
.header-lang .box{height:30px;}
.header .logo img{height:35px;}
.header,.header-box{height:70px;}
.search-box{top:70px;padding:20px 15px;}
.search-box .serchbox .submit_text{height:40px;line-height:40px;padding:0 90px 0 10px;}
.search-box .serchbox .submit_btn{width:60px;height:40px;line-height:40px;}

}

@media screen and (max-width:480px) {
.search-box{padding:15px 15px;}
.header-lang{margin-left:15px;}

}


 /*li*/
 @media only screen and (max-width:500px) {
.header-right .quote {
    font-size: 12px;
        padding: 9px 15px;
}
}


.crmFormVali-error {
    top: 50px !important;
}