@charset "utf-8";
/* CSS Document */


.headerWpr{width:100%;position:relative;z-index:30;transition:all 0.5s ease-in-out;}


/*top*/
.top_bg { background: #f0f0f0; width:100%; position:relative; padding:10px 0px;}

.top_bg  .container{align-items: center;}
.logo{align-items: center;}
.logo_lf{ margin-right:20px;}
.logo_lf img{ max-width:90px;}

.logo_bt { margin-top: 15px; }
.logo_bt span {font-size: 0.8rem;font-weight: bold;line-height: 1.5;color: #018fd5;}
.logo_bt p { font-size: 14px; line-height: 1.5;}

.tell{ margin-right:20px;}
.top_bottom > img { float: left; margin-right: 40px; margin-top: 5px; }
.tell span { line-height: 1; font-size:14px; margin-bottom:5px;}
.tell p { font-size: 24px; font-style: italic; line-height: 1.2; font-weight: bold; color: #018fd5; }



/*menu*/
.menu_bg { background: #018fd5; box-shadow: 0 10px 15px 15px rgba(0, 0, 0, .1); }
.menu_bg .container{display: table;content: " ";}


.menu > li {position: relative;float: left;line-height: 3;width: 12%;}
.menu  li a { color: #fff; display: block; white-space: nowrap; }
.menu > li > a {padding: 5px 35px;font-size:16px;text-align: center;}
.menu > li:hover > a{background-color: #fff;color: #018fd5;font-weight: bold;}
.menu > li.now > a{background-color: #fff;color: #018fd5;font-weight: bold;}

.sub { min-width: 100%; position: absolute; left: 0; text-align: center; background-color: #018fd5; z-index: 99; display: none; }
.sub li a { padding: 0 5px; text-decoration: none;  }
.sub li:hover a { background-color: #fff; color: #018fd5; }
.sjz{position: relative;}
.sjz img{display: none;width: 100px;height: 100px;position: absolute;left: 0;top: 30px;z-index: 99;border: 1px solid #ccc;}
.sjz:hover img{display: block;}

.menu > li:hover .sub{display: block}


/*.headerWpr_w,.headerWprDown{ background:#fff; padding:10px 0px;box-shadow: 0 2px 5px 3px rgba(0,0,0,0.06);}
.header{ height:60px; padding:0px 40px;}
.logo{ float:left;}

.logo img.hide { display: none;}
.headerWprDown .logo .show {  display: none;}
.headerWprDown .hide {opacity: 1 !important; display: block !important;}



.pcNav{white-space:nowrap;}
.pcNav ul li{float:left; position:relative;}
.nav_a{ display: inline-block; padding: 0px 20px; line-height: 60px; color: #fff; font-size: 17px; }

.pcNav ul li:hover .nav_a{color: #006ec7; outline: 0;}
.pcNav ul li.now .nav_a{color: #006ec7; outline: 0;}



.pcNav ul li:hover .er{ display:block;}
.pcNav ul li .er{position: absolute;left: 0px;top: 100%;width: 190px;z-index: 4;transition: 0.5s;display: none;}
.pcNav ul li .er:before {position: absolute;left: 45px;top: -5px;content: "";border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 5px solid rgba(0, 0, 0, 0.2);}
.pcNav ul li .er ul{width:100%;height:auto;background: rgba(0, 0, 0, 0.2);overflow: hidden;border-radius: 10px;padding: 10px 0px;}
.pcNav ul li .er ul li{ width:100%; padding:10px 0px; text-align:center;}
.pcNav ul li .er ul li a{width:100%;font-size: 15px;height:22px;line-height:22px;color: #fff;}
.pcNav ul li:hover .er ul li a{ background:none; color:#fff;}
.pcNav ul li .er  ul li a:hover{ color:#006ec7;}

*/




.headRx{ float: right; padding-top: 10px; }
.headLan{ float:left; cursor:pointer; position:relative; padding-left:25px; background: url(../images/lan_ico.png) no-repeat left center; height:40px; margin-right:30px;}
.headLan_v{ display: inline-block; height: 40px; background: url(../images/lan_ar.png) no-repeat right center; padding-right: 11px; font-size: 14px; line-height: 40px; color:#fff; transition:all 0.5s ease-in-out; }
.headLan_option{ width:120px; margin-left:-60px; position:absolute; left:50%; top:40px; padding-top:8px; opacity:0; visibility:hidden; transform:translateY(10px);}
.headLan_option dl{background: #076acd;border-radius:0.3em;padding:14px 0;box-shadow:0 5px 12px rgba(0,0,0,0.1);position:relative;}
.headLan_option dl:after{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom: 6px solid #006ec7;position:absolute;left:50%;top:-6px;margin-left:-6px;}
.headLan_a{ display:block; line-height:30px; height:30px; color:#fff; text-align:center}
.headLan_a:hover{ background:#57a1dc; color:#574c37;}
.headLan:hover .headLan_option{opacity:1; visibility:visible; transition:all 0.5s ease-in-out; transform:translateY(0);}
.head_pser{ background: url(../images/ser_i1.png) no-repeat center center; float: left; height: 40px; width: 20px; margin-right:45px; }

.head_tel{ float: left; height: 40px; line-height:40px; margin-right:35px; color:#fff; font-size:16px;}

.headerWprDown .head_tel{color:#333;}


.headMenuBtn{background: #fff;line-height: 40px;float: left;height: 40px;width: 100px;padding-left: 15px;font-size: 12px;color: #574c37;/* letter-spacing: 1px; */border-radius: 30px;}
.headMenuBtn:hover{ color: #574c37; }
.headMenuBtn span{float: right;width: 24px;margin: 15px 15px 0px 0px;}
.headMenuBtn span i{ background: #574C37; height: 1px; margin-bottom: 4px; display:block}

.headerWpr_join .headLan{ background: url(../images/top_i1.png) no-repeat left center;}
.headerWpr_join .headLan_v{ color:#574c37; background: url(../images/top_i2.png) no-repeat right center;}
.headerWpr_join .head_pser{background: url(../images/top_i3.png) no-repeat center center;}
.headerWpr_w .headLan,.headerWprDown .headLan{ background: url(../images/lan_ico2.png) no-repeat left center!important;}
.headerWpr_w .headLan_v,.headerWprDown .headLan_v{ color:#006ec7!important; background: url(../images/lan_ar2.png) no-repeat right center!important;}
.headerWpr_w .head_pser,.headerWprDown .head_pser{ background: url(../images/ser_i1a.png) no-repeat center center!important;}


.headerWpr_w .nav_a, .headerWprDown .nav_a {color: #333;}
.headerWpr_w .headMenuBtn, .headerWprDown .headMenuBtn {background: rgba(0, 0, 0, 0.2);color: #000000;}
.headerWpr_w .headMenuBtn span i,.headerWprDown .headMenuBtn span i{ background: #000;}

@media (max-width:1799px){

.nav_a {line-height: 50px;}
.headRx{padding-top:5px;}
.header{height:50px;}

}


.menuLayer{width: 100%;height:100vh;position:fixed;left: 0%;top:0;z-index:36;background: rgba(0, 0, 0, 0.5);transition:all 0.6s ease;}

.menubg{ position: absolute; right: 0;top: 0;  width: 330px; height: 100%; background: #fff;transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);}

.menuLayer .menu1 {font-size: 0; padding-top:100px;}
.menuLayer .menu1  .site-menu{ padding:0px 30px;}
.menuLayer .menu1  .site-menu {
  padding-top: 119px;
  margin: 0 30px;
}
.menuLayer .menu1  .site-menu > li {
  position: relative;
  z-index: 3;
  border-bottom: 1px solid #ebebeb;
}
.menuLayer .menu1  .site-menu > li:hover > a,
.menuLayer .menu1  .site-menu > li.active > a {
  color:#006ec7;
}
.menuLayer .menu1  .site-menu > li > a {
  display: block;
  position: relative;
  z-index: 2;
  padding-left: 42px;
  color: #333333;
  font-size: 16px;
  height: 59px;
  line-height: 59px;
}

.menuLayer .menu1  .site-menu > li > a em {
  position: absolute;
  right: 37px;
  top: 50%;
  margin-top: -3px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #333333;
}  




.menuLogo{height: 56px;position: absolute;z-index: 10;top: 20px;left: 0px;cursor: pointer;transition:all 0.5s ease-in-out;}
.menuClose{background: url(../images/menu_close.png) no-repeat center center;height: 30px;width: 30px;position: absolute;z-index: 10;top: 30px;right: 80px;cursor: pointer;transition:all 0.5s ease-in-out;}
.menuClose:hover{ transform:rotate(180deg);}
.menuLayerOut{opacity:0;transform: translateY(-100%);visibility:hidden;}
@media (max-width:1799px){
.menuClose{background-size:32px auto;top:25px;/* right:calc(10vw + 25px); */}
.menuLtnm span{ font-size:180px; left:-55px; top:-85px;}
.menuLtnm strong{ font: 28px/32px LEMONMILK;}
.menuLtnm p{ font-size: 22px; line-height: 28px; }
.menuLul li.on .menuLtnm strong{ transform:translateY(38px);}
.menuLul li.on .menuLtnm p{ transform:translateY(-38px); font-size:38px;}
.menuLul .bgImg img{ width:800px; margin-left:-250px;}
}



@media (min-width: 768px) {
  html {
    font-size: 28px !important;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 30px !important;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 34px !important;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 40px !important;
  }
}

/**********底部****************/
footer{background:#1f242c;font-size: 14px;color: rgba(255, 255, 255, 0.85);position:relative;}
footer::after {position: absolute; content: ""; width: 1px; height: 100%; left: calc(50% - 1px); top: 0;background: rgba(255, 255, 255, 0.1);}

footer .pbmit-grid::before,footer .pbmit-grid::after {position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, 0.1);}
footer .pbmit-grid::before { left: inherit;}
footer .pbmit-grid::after { right: calc(50% - 774px);left: inherit;}


footer .footer-top { padding: 25px 0 60px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; overflow: hidden;}
footer .footer-top .footer_top_item{ width:25%; padding:55px 15px 0px;}

footer .footer-top .footer_top_item1{ padding-left:5%;}
footer .footer-top .footer_top_item1 img{ max-height:100px;}

footer .footer-top .footer_top_item h2{font-size: 20px;line-height: 30px;color: #fff;text-transform: none; font-style: normal;margin-bottom:30px;}

 
footer .footer-top .footer_top_item2{padding-right: 85px;}
.menu-menu{ }
.menu-menu ul > li {float: left;width: 50%;padding: 0 0 8px 0;font-size: 16px; color:#fff;}
.menu-menu ul > li a{font-size: 16px; color:#fff; line-height:1.8;}
.menu-menu ul > li:hover a{ color:#018fd5;}
   
footer .footer-top .footer_top_item3{padding-left: 30px;}  
.pbmit-lines{}

.pbmit-item{ font-size:16px; line-height:1.7; color:#fff;}
.pbmit-address{margin-bottom: 30px;}
.pbmit-phone { font-weight: 500;text-decoration: underline;}


.pbmit-footer-newsletter-inner { position: relative; margin-bottom: 20px;}
.pbmit-footer-newsletter input[type="email"] {display: block;
width: 100%;
height: 65px;
font-size: 15px;
font-weight: 600;
line-height: normal;
background-color: transparent;
border: 1px solid rgb(0 0 0 / 10%);
color: rgb(41 54 78 / 70%);
border-radius: 0;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease; height: 55px; padding-right: 40px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.6);}
.pbmit-footer-newsletter button {position: absolute;bottom: 7px;right: 0; font-size: 22px; background: transparent; color: #0290d5;}
.pbmit-footer-newsletter button i{font-size: 40px;color: #0290d5;}


footer .footer_bottom  {padding: 40px 0 40px 0;border-top: 1px solid rgba(255,255,255,.08);}

.footer-copyright{ padding:0px 20px; color:rgba(255,255,255,.6);font-size: 14px; line-height:1.5;}

.footer-menu-area{ margin-right:20px;}
.pbmit-footer-menu a{color:rgba(255,255,255,.6);font-size: 14px; line-height:1.5; position:relative;margin: 0 10px;}
.pbmit-footer-menu a::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 13px;
  background-color: rgba(255,255,255,.6);
  top: 50%;
  left: -12px;
  -webkit-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
}


@media (max-width: 769px){
footer .footer-top {padding: 20px 0 20px 0;}	
footer .footer-top .footer_top_item { width: 100%;padding: 20px 15px 20px;}
footer .footer-top .footer_top_item h2 {font-size: 20px; line-height: 30px; color: #fff;text-transform: none;  font-style: normal; margin-bottom: 10px;}
footer .footer_bottom { padding: 20px 0 20px 0; border-top: 1px solid rgba(255,255,255,.08);}
.footer-copyright { padding: 0px 10px 20px; line-height: 1.5;width: 100%;text-align: center;}
.footer-menu-area {width: 100%;text-align: center; margin-right: 0px;}
}