@charset "UTF-8";body{margin:0;font-size:16px;font-family:"Roboto",sans-serif;}
ul,ol{list-style:none;padding:0;margin:0}
p,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0}
p{color:#666666}
a{display:inline-block;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;text-decoration:none}
a:hover{text-decoration:none}
.bg-light{background:#edf7ff !important}
.bg-blue{background:#02398e}
.btn{border-radius:0;font-size:15px;border:1px solid transparent}
.btn-rounded{border-radius:20px}
.btn-blue{background:#02398e;color:#ffffff}
.btn-blue:hover{background:#252f52;color:#ffffff}
.spacer{padding:50px 0}
.mt-100{margin-top:100px}
.mt-150{margin-top:150px}
.site-head h2,.site-head .h2{font-size:2rem;color:#02398e; margin-bottom: 2rem;}
.site-head hr{ height:6px; border: none; width:70px; background-color:#c8cad3;margin:20px 0}
.site-head.center{text-align:center}
.site-head.center hr{margin:15px auto;max-width:6%}
.site-head.white h2,.site-head.white .h2{color:#ffffff}
.site-des{margin:auto}
.site-des.center{max-width:60%;text-align:center}
.site-subhead h4,.site-subhead .h4{font-size:1rem;color:#02398e; font-weight: normal; margin-top: 1rem; margin-bottom: .2rem;text-transform: uppercase}
.site-subhead.center h4,.site-subhead.center .h4{text-align:center}
.bg-blue .site-subhead h4,.bg-blue .site-subhead .h4 {color:#fff}
.bg-blue .site-head h2,.bg-blue .site-head .h2 {color:#fff; text-align: center;}
.w-lg-50{width:50%}
.main-nav { position: fixed; top: 0px; left: 0px;z-index: 100; width: 100%;background:rgba(2,57,142,.5); }
.nav-fixed{background:rgba(2,57,142,1);animation:0.5s slideInDown both}
.site-logo { float: left;}
.site-logo a{margin-top:10px; margin-bottom: 10px;}
.site-logo a img{max-height:50px; float: left;}
.mobile-site-logo{display:none}


.main-menu ul{float:right}
.main-menu ul li{display:inline-block; margin-left: 40px; padding-top: 17px; padding-bottom: 17px;}
.main-menu ul li a{color:#252f52;font-weight:500; border-radius: 5px; line-height: 36px; font-size:1.1rem; float: left; color: #fff; padding-left: 15px; padding-right:15px;}
.main-menu ul li a:hover,.main-menu ul li a.active{color:#02398e; background-color: #fff;}
.main-menu ul li.has_sub{position:relative}
.main-menu ul li.has_sub > a:after{content:"\ea99";font-family:"Icofont";margin-left:5px}
.main-menu ul li.has_sub ul{width:130px;background:rgba(2,57,142,.5);;position:absolute;top:75px;left:0;visibility:hidden;opacity:0;transform:translate(0px,10px);-webkit-transform:translate(0px,10px);-moz-transform:translate(0px,10px);-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s}
.main-menu ul li ul.kun { width: 210px;}
.main-menu ul li.has_sub ul a{margin:0;display:block;color:#ffffff; line-height: 40px; font-size: .94rem; width: 100%; border-radius: 0px;}
.nav-fixed ul li.has_sub ul {background:rgba(2,57,142,1)}
.main-menu ul li.has_sub ul a:hover{background:#252f52}
.main-menu ul li.has_sub ul li{display:block; margin: 0px; padding: 0px; width: 100%; float: left;}
.main-menu ul li.has_sub:hover > .submenu{visibility:visible;opacity:1;z-index:999;transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px)}

.slide-item{padding:30vh 0;background:#666666;background-position:center center; background-size: cover; height: 100vh;}
.slide-item .site-head{ width: 70%; margin: 0px auto; text-align: center;margin-bottom:3rem;}
.slide-item .site-head h2,.slide-item .site-head .h2{font-size:3rem; color: #fff; font-weight: normal;}
.slide-item .site-des{width:70%;margin:0px auto; color: #fff; font-size: 1rem;text-align: center; line-height: 1.7rem; }
.slide-item .site-title{width:70%;margin:0px auto; color: #fff; font-size: 2rem;text-align: center; margin-bottom: 1rem; font-weight: bold; }
.overlay{position:relative;z-index:1}
.overlay:after{background:#02398e none repeat scroll 0 0;position:absolute;content:"";width:100%;height:100%;z-index:-1;top:0;left:0;opacity:0.5}



.iconboxs .container{position:relative}
.iconboxs .icon-boxs{position:absolute;top:-160px;left:0;z-index:10;}
.iconbox{cursor: pointer; background:#ffffff;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s; padding:1.5rem;}
.iconbox .icon i{color:#02398e;display:inline-block;font-size:2.8rem}
.iconbox .head h4,.iconbox .head .h4{font-size:1.4rem;margin:1rem 0 .8rem 0;font-weight:bold;color:#02398e}
.iconbox .des p{font-size:1rem; line-height: 1.7rem; color: #1e284c;}
.iconboxs .iconbox { box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);}
.iconboxs .iconbox .des p {min-height: 8.5rem; }
.iconbox.solid-icon:hover,.iconbox.solid-icon.active{background:#02398e}
.iconbox.solid-icon:hover .icon i,.iconbox.solid-icon.active .icon i{color:#ffffff}
.iconbox.solid-icon:hover .head h4,.iconbox.solid-icon:hover .head .h4,.iconbox.solid-icon.active .head h4,.iconbox.solid-icon.active .head .h4{color:#ffffff}
.iconbox.solid-icon:hover .des p,.iconbox.solid-icon.active .des p{color:#ffffff}

.about-info { padding-right: 4rem;}
.about .site-des { font-size: 1rem; line-height: 1.7rem; color: #1e284c;}
.about .iconbox { padding: 0px; margin-top: 2.5rem; }
.about .iconbox .des p { font-size: 1.1rem; margin-top: 1rem;}
.left-icon-box .icon i{font-size:1.5rem;border-radius:50%;background:#02398e;color:#ffffff;padding:8px;margin-right:0.5rem}
.left-icon-box .icon h4,.left-icon-box .icon .h4{display:inline-block;color:#02398e;font-size:1.4rem}
.video-thumb img { width: 100%;}
.about .site-head h2,.about .site-head .h2 { margin-bottom: 0px;}

.rounded-iconbox:hover{border-color:#edf7ff;-webkit-box-shadow:0px 0px 5px 0px #fff;-moz-box-shadow:0px 0px 5px 0px #fff;-o-box-shadow:0px 0px 5px 0px #fff;-ms-box-shadow:0px 0px 5px 0px #fff;box-shadow:0px 0px 5px 0px #fff}
.rounded-iconbox{border:1px solid transparent;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s; margin-top: 1rem; margin-bottom: 1rem;}
.server-b .rounded-iconbox:hover{border-color:#02398e;-webkit-box-shadow:0px 0px 5px 0px #02398e;-moz-box-shadow:0px 0px 5px 0px #02398e;-o-box-shadow:0px 0px 5px 0px #02398e;-ms-box-shadow:0px 0px 5px 0px #02398e;box-shadow:0px 0px 5px 0px #02398e}
.rounded-iconbox .icon i{display:inline-block;color:#ffffff;background:#02398e;padding:15px;border-radius:50%;font-size:2rem}
.rounded-iconbox .des p{margin-bottom:0; min-height: 6.8rem; }

.ad { background-color: #02398e; padding-top: 4rem; line-height:3rem ; padding-bottom: 4rem;}
.ad .site-head h2,.ad .site-head .h2 { margin-bottom: 0px; color: #fff; text-align: center;}

.img-box .image{overflow:hidden}
.img-box .image img{width:100%;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s; float: left;}
.img-box .image a { float: left; width: 100%;}
.img-box { margin-top: 1rem; margin-bottom: 1rem;}
.img-box .box-info{background:#ffffff;padding:1.5rem 0px; text-align: center;}
.img-box .box-info a{color:#02398e; font-size: 1rem;}
.img-box:hover .box-info a{color:#252f52}
.img-box:hover .image img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}


.blog-item{margin:1rem 0; margin-bottom: 2rem;}
.blog-item .thumb{position:relative;overflow:hidden}
.blog-item .thumb a{display:block}
.blog-item .thumb a img{width:100%;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s; float: left; height:33vh;}
.blog-item .thumb .date{position:absolute;bottom:5%;left:5%;background:#02398e;display:inline-block;padding:5px 10px}
.blog-item .thumb .date span{font-size:.94rem;color:#ffffff}
.blog-item .info{background:#ffffff;padding:1.5rem 1.5rem}
.blog-item .info .head h4 a,.blog-item .info .head .h4 a{color:#02398e; font-size: 1rem; font-weight: normal;}
.blog-item:hover .info .head h4 a,.blog-item:hover .info .head .h4 a{color:#252f52}
.blog-item .info .blog-btn{margin-top:1.2rem}
.blog-item:hover .thumb a img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.blog-item .btn-primary { background-color: #02398e; color: #fff; font-size: .94rem; padding:.4rem .8rem; padding-right: .4rem;}
.blog-item .btn-primary:after {content: "\ea69";font-family: "Icofont"; display: inline-block;margin-left: 5px;}
.blog-item:hover  .btn-primary { background-color: #252f52;}

.partner { background-image: url(/static/v1.0.0/images/db.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom:6rem; }

.swiper {
      width: 100%;
      height: 320px;
      margin-left: auto;
      margin-right: auto; margin-top: 2rem; padding: 20px;;
    }
.partner-lu { width: 100%; position: relative;}

.swiper-slide {
      text-align: center; cursor: pointer;
      background: #fff;
      height: calc((100% - 50px) / 2) !important; 
      /* Center slide text vertically */
      display: flex; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
      justify-content: center;
      align-items: center; padding: 5px;overflow: hidden;
    }
.swiper-slide img { max-width: 100%; max-height: 100%;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s; }
.swiper-slide:hover img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.lly .swiper { height: 160px;}
.lly .swiper-slide {height: 100% !important; }
.widget-item{overflow:hidden;margin-bottom:1.3rem}
.widget-item h4.title,.widget-item .title.h4{font-size:1.4rem;font-weight:600;margin-bottom:1.3rem;color:#fff}
.widget-item .about p{font-size:1rem}
.widget-item .links ul li a{color:#fff;font-size:1rem}
.widget-item .links ul li a:before{content:"\ea69";font-family:"Icofont";display:inline-block;margin-right:5px}
.widget-item .links ul li a:hover{color:#fff}

.widget-item .subscribe p{font-size:1rem; margin-bottom: 1rem;}




footer .footer.bg-blue h4.title,footer .footer.bg-blue .title.h4{color:#ffffff}
footer .footer.bg-blue .about p{color:#ffffff; line-height: 1.7rem; padding-right: 2rem;}
footer .footer.bg-blue .links ul li a{color:#ffffff}
footer .footer.bg-blue .links ul li {
    width: 50%;
    float: left;
    margin-bottom: 1rem;
    line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
}
footer .footer.bg-blue .links ul li a:hover{color:#fff}
footer .footer.bg-blue .tags ul li a{background:#ffffff;color:#02398e}
footer .footer.bg-blue .tags ul li a:hover{background:#252f52;color:#ffffff}
footer .footer.bg-blue .subscribe { float: left;}
footer .footer.bg-blue .subscribe p{color:#ffffff}

.erweima { float: left;margin-left:3%;}
.erweima img { width: 100%;}

.footer-widget .col-lg-3 {width:22%
}
.footer-bar {
    background: #252f52;
    padding: 15px 0
}
.footer-bar .copyrights span{color:#ffffff;font-size:1rem}
.footer-bar .copyrights span a{margin-left:5px;color: #fff; font-size: 1rem;}
.footer-bar .footer-menu{text-align:right}
.footer-bar .footer-menu ul li{display:inline-block}
.footer-bar .footer-menu ul li a{font-size:1rem;color:#ffffff;margin:0 15px}
.footer-bar .footer-menu ul li a:last-child{margin-right:0}
.footer-bar .footer-menu ul li a:hover{color:#fff}

.c-banner { height: 52vh; padding: 0px;}
.w-banner { position: absolute; top: 50%;  width: 100%;}
.w-banner .site-head h2,.w-banner .site-head .h2 {font-size: 2rem;color: #fff; font-weight: bold; margin-bottom: 0px;}
.w-banner .site-subhead.center h4,.w-banner .site-subhead.center .h4 { margin-top: 0px; color: #fff;}
.w-banner .site-head { margin-bottom: 0px;}
.news .blog-item { margin-bottom: 1rem;}
.zwh { width: 100%; background-color: #fff; line-height: 2rem; font-size: 1rem; padding-top: .4rem; padding-bottom: .4rem;}
.zwh a { font-size: 1rem; color: #02398e;}
.zwh a:after {content: "\eab8"; font-family: "Icofont"; margin-left: 3px; margin-right: 0px; }
.zwh a:hover {color: #252f52;}
.zwh i {color: #02398e; font-size: 1.4rem; margin-right: 5px;}
.zwh a:last-of-type:after { display: none;}

.page { width: 100%; margin-top: 2rem; text-align: center; margin-bottom: 1rem; }
.page li {  display: inline-block;}
.page li a { font-size: 1rem; color: #02398e; border: solid 1px #02398e; margin-left: 3px; margin-right: 3px; padding: 5px 12px; line-height: 1.4rem;}
.page li:hover a { background-color: #02398e; color: #fff; }
.page li a.active  { background-color: #02398e; color: #fff; }

.comed { padding: 30px 0px;}
.baikui { padding:30px; width: 100%; background-color: #fff;}
.baikui .site-subhead h4, .baikui .site-subhead .h4 { color: #1e284c; margin-top: 0rem; margin-bottom: 1.5rem;}
.baikui .site-head h2,.baikui .site-head .h2 { margin-bottom: 1rem;}
.xiantiao { width: 100%; height: 1px; background-color: #7a96c3; position: relative;}
.xiantiao i { position: absolute; height: 5px; top: -2px; background-color: #02398e; width: 80px; left: 50%; margin-left: -40px;}
.body {font-size: 1rem;line-height: 1.7rem;color: #1e284c; width: 100%; margin-top: 1.5rem; margin-bottom: 1.5rem;}
    .body img {
        max-width: 100%;
        height: auto;
    }
.fanye { width: 100%; font-size: .94rem; line-height: 1.4rem; color: #02398e; border-top: dashed 1px #809cc6; padding-top: 1rem; padding-bottom: 1.5rem;}
.fanye a { color:#1e284c}
.fanye span { width: 50%; float: left;}
.fanye span:last-of-type { text-align: right;}
.server { margin-top: 0px; margin-bottom: 0px; }
.server-b  { padding-bottom: 2rem;}
.server-b .rounded-iconbox { margin-top: 0px; margin-bottom: 1.5rem; }
.baikui .site-head h4 { color: #02398e;font-size: 1rem;font-weight: normal;margin-top: -.5rem;margin-bottom: 0rem;}
.baikui .site-head hr { margin-top: 15px;}
.zhun { width: 100%;}
.kuand { float: right;}
.kuand h2 {font-size: 2rem; color: #02398e; width: 100%; text-align: center;}
.kuand h4 {font-size: 1rem; color: #02398e;text-transform: uppercase; font-weight: normal; margin-top: .5rem; margin-bottom: 2rem;width: 100%; text-align: center;}
.dfd { width: 8px; height: 8px; border-radius: 100%; background-color: #02398e; margin-left: 20px; margin-right: 20px; float: right; margin-top: 1.2rem;} 
.about-z .icon-boxs { top: 0rem; position: relative; margin-bottom: 2rem;}
.houur .swiper-slide { height: 100% !important; padding: 0px;}
.comed .about-info { padding-right: calc(var(--bs-gutter-x) * 0.5);}
.lanz { font-size: 1.4rem;  color: #02398e; font-weight: bold;}
.line { margin-bottom: 2rem;}
.line .baikui{ margin-top: 1.5rem; display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果需要的话 */}
  .join-l { font-size: 1.4rem; color: #02398e; font-weight: bold; text-align: center;}
  .join-c { border-left: solid 1px #ccc;border-right: solid 1px #ccc; padding-left: 20px; padding-right: 20px;}
.zih { line-height: 1.7rem; font-size: 1rem; color: #02398e; margin-bottom: .2rem; font-weight: bold;}
.zihh { line-height: 1.7rem; font-size: 1rem; color: #1e284c;}
.join-r { text-align: center;}
.contact .site-des { margin-bottom: 1rem;}
.contact .site-des i { margin-right: .5rem;}
.map { height: 500px;}
.zhkai { margin-top: 2rem;}
.body_l { margin-bottom: 1rem;}
.body_l p{ font-size: 1.2rem; line-height: 2rem; color: #1e284c;}
.kund { width: 100%; font-size: .94rem; line-height: 2.6rem; padding-left: 10px; margin-top: .5rem; border: solid 1px #ccc;}
.kundd { height: 200px; line-height: 1.6rem;font-family: "Roboto", sans-serif; }
.tijiao { font-size: 1.4rem; color: #fff; background-color: #02398e; border: none; width:160px; margin: 0px auto;margin-top: 1rem;  padding-top: .7rem; padding-bottom: .7rem; }
.product .site-head h2, .product .site-head .h2 { margin-bottom: 1.5rem;}
.hzd { font-size: 1.4rem; line-height: 1.7rem; color: #02398e; font-weight: bold; margin-bottom: 1rem;}
.hzd i { width: 5px; margin-right: .5rem; float: left; height: 1.3rem; margin-top: .2rem; background-color:#02398e ; display: inline-block;}
.zhf img { width: 100%; float: left;}
.zhf { border-bottom: dashed 1px #02398e; padding-top: 1rem; padding-bottom: .5rem; font-size: 1rem; line-height: 1.7rem;}
.zhf a .row{
display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果需要的话 */}
.zhf a { color: #02398e; display: inline-block;}
.zhf:hover a { color: #252f52;}
.zhu-tit { font-size: 1.4rem; line-height: 1.7rem; font-weight: bold; color: #05a2dd;}
.zhu-tit i {transform: skewX(-20deg); background-color:#05a2dd ; margin-left: .5rem; width: 5px; height: 1.3rem; margin-top: .2rem; margin-right: .5rem; float: left;}
.zhu_k { margin-top: 3.4rem; margin-bottom: 1rem;display: inline-block;}
.zhu_k li { width: 16.66%; float: left; border: solid 1px #dcdcdd; padding: 15px; position: relative;}
.zhu_k li:nth-child(even) { background-color: #eeefef;}
.zhu_k_i { font-size: .94rem; color: #1e284c; line-height: 1.5rem; min-height: 10.5rem; margin-top: .5rem; margin-bottom: 1rem;}
.zhu_k_t { font-size: 1.2rem; text-align: center; color: #02398e; font-weight: bold; margin-top: 1.5rem;}
.zhu_k li i { width: 50px; height: 50px; line-height: 50px; background-color: #02398e; margin-left: -25px; border-radius: 100%; text-align: center; font-weight: bold; font-style: normal; font-size: 1.4rem; color: #fff; position: absolute; left: 50%; top: -25px;}
.ddd {  margin-top: -.5rem;}
.ddd h4, .ddd .h4 {font-size: 1.2rem;}
.kuandu { width: 100%;border-top: solid 1px #ccc; margin-top: 2rem; margin-bottom: 2rem;}
.kuandu li { border-bottom: solid 1px #ccc; padding: 1rem;}
.kuandu-x {font-size: .94rem;color: #1e284c;line-height: 1.5rem;}
.kuandu-d {font-size: 1.2rem;color: #02398e;font-weight: bold; line-height: 1.7rem;}
.kuandu li:nth-child(odd) { background-color: #eeefef;}
.fk { margin-top: 2rem; margin-bottom: 2rem;}
.fk .kuandu li:nth-child(odd) { background-color: #fff;}
.fk .kuandu li:nth-child(even) { background-color: #eeefef;}
.tupian img { width: 100%;}
.tupian  {display: flex; 
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果需要的话 */}
  .chanpin { margin-top: 2rem;}
.kkk { margin-top: 1rem;}
.kkk-k {  padding: 1rem;}
.kkk-bk {border: solid 1px #ccc; padding: 1.5rem; text-align: center; margin-bottom: 1rem;}
.kkk-t{font-size: 1.2rem; text-align: center;color: #fff;font-weight: bold; margin-top: -3rem; margin-bottom: 1rem;}
.xss { padding: .6rem 2rem;background-image: linear-gradient(to right, #02398e, #19a7e8); text-align: center;  display: inline-block;}
.kkk-i {font-size: .94rem;color: #1e284c;line-height: 1.5rem; min-height: 7.5rem; text-align: left;}
.hskk  {background-color: #eeefef;}
.ywg { width: 100%;}
.ywg li { width: 19%; margin-left: .5%; margin-right: .5%;}

.ywg .zhu_k_i { margin-top: 1.5rem; text-align: center; min-height: 3rem;}
.tuu { margin-top: 1.5rem;}
.tuu .kkk-t { margin-top: 0; }
.tuu .xss { width: 100%; padding-left: 0px; padding-right: 0px;}
.tuu .row { margin-top: 1.5rem;}
.kkxt { margin-top: 1.5rem; margin-bottom: 2rem;}
.xit .zhu-tit { padding-top: 1.5rem; border-top: solid 3px #05a2dd;} 
.kkxt li { border-left: solid 5px #02398e; line-height: 1.5rem; margin-bottom: .5rem; padding: 15px; font-size: 1rem; color: #1e284c; background-color:#eeefef ;}
.sticky { margin-top: 70px; }
.xs .baikui { margin-bottom: 30px;;}
.biaotiya { }
.zhd .body { margin-top: 1rem; margin-bottom: .5rem;}
.biaotiya { margin-top: 2rem;border-bottom: solid 2px #05a2dd; padding-bottom: 1rem;}
.zhd  { margin-top: 2rem; margin-bottom: 3rem;}
.zb { padding-right: 2rem;}
.yb { padding-left: 2rem;}
.juzhong { text-align: center;}
.juzhong img { max-width: 100%;}

@media all and (max-width:992px){
	.yb { padding-left: 1rem;}
	.biaotiya { margin-top: 1rem;}
	.zb { padding-right: 1rem;}
	.kuandu { margin-top: 1rem; margin-bottom: 0rem;} 
	.baikui .site-head h2, .baikui .site-head .h2 { font-size: 1.6rem;}
	.fanye span { width: 100%; margin-bottom: .5rem;}
	.fanye span:last-of-type { text-align: left;}
	.fanye { margin-bottom: 2rem;}
html { zoom: 80%;}
.tupian { margin-bottom: 1rem;}
.zhu_k li { width: 50%;} 
.zhu_k li:nth-child(even) { background-color: #fff;}
.zhf .col-lg-4 { width: 30%; float: left;}
.zhf .col-lg-8 { width: 70%; float: left;}
.xs { margin-top: 1.5rem;}
.zhun { margin-top: 2rem;}
.map { height: 300px;}
.kuand h4 { margin-bottom: 0px;}
.comed .video-thumb img { margin-top: 0px;}
.line .baikui {--bs-gutter-x: 0rem;}
.zhkai {--bs-gutter-x: 0rem;}
.line { margin-bottom: .5rem;}
.join-c { border: none; padding: 0px; margin-top: 1rem; margin-bottom: 1rem;}
.join-r { text-align: left; padding: 0px;;}
.kuand { width: 25%;}
.dfd { margin-bottom: 5rem;}
.server-b  { padding-bottom: 1rem;}
.page li { margin-top: 10px;}
.ywg .zhu_k li { width: 49%;}
.page { margin-top: 1rem;}
.c-banner.slide-item { padding: 0px;  height: 42vh;}
.swiper { width: 90%; }
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 0px);}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 0px);}
footer .footer.bg-blue h4.title, footer .footer.bg-blue .title.h4 { margin-bottom: 1rem;}
.survey .col-md-6 { width: 50%;}
.img-box .box-info a {  overflow: hidden; height: 2rem; line-height: 2rem;}
.img-box .box-info { padding: 1rem 0px;}
.blog-item .info { padding: 1rem;}
footer .footer.bg-blue .about p { padding-right: 0px;}
.footer-bar .footer-menu ul li a { margin: 0px 5px;}
.footer-bar .footer-menu ul li a:last-child { margin-right: 5px;}
.swiper { margin-top: 0px;}
.blog-item { margin-bottom: 1rem;}
.iconbox { margin-top: 1rem; margin-bottom: 1rem;}
.iconboxs .icon-boxs { margin-top: 1rem;}
.site-head h2, .site-head .h2 { margin-bottom: 1rem;}
.ad .site-head h2 { font-size: 1.5rem;}
.spacer { padding: 30px 0px;}
.ad { padding-top: 4rem; padding-bottom: 4rem; line-height: 2.4rem;}
.iconboxs .iconbox .des p { min-height: 0px;}
.about-info { padding-right: 0px;}
.about .site-des { text-align: left;}
.about .iconbox { margin-top: 2rem;}
.video-thumb img { margin-top: 2rem;}
.container { width: 95%;}
.mean-container .mean-bar { width: 106%; margin-left: -3%;}
.site-logo a img { max-height: 40px;}
.site-logo a { margin-top: 0px; margin-bottom: 0px; }
.partner-lu { overflow: hidden;}
.mobile-container{position:absolute;margin-top:50px}
.desktopnav{position:relative;padding:10px 0}
.mean-container .mean-bar{background:transparent}
.mean-container .mean-nav{margin-top:0px;background:rgba(2 ,57,142,.5);max-height:500px;overflow:auto;top:0;left:0}
.nav-fixed .mean-container .mean-nav {background:rgba(2 ,57,142,1);}
.mean-container .mean-nav ul li a { line-height: 3.6rem; font-size: 1.2rem;}
.mean-container .mean-nav ul li .mean-expand{font-size:.94rem !important}
.mean-container .mean-nav ul li a.mean-expand{height:3.6rem;border:none !important;background:transparent}
.mean-container .mean-nav ul li a{color:#ffffff;text-transform:capitalize}
.mean-container a.meanmenu-reveal{color:#fff;top:-52px;transition:none}
.mean-container a.meanmenu-reveal span{background:#fff}
.icon-boxs{position:inherit !important;top:0 !important;left:0 !important}
.video .site-head h2,.video .site-head .h2{width:100%}
.img-box{margin:10px 0}
.widget-item{margin:10px 0}
.slide-item{padding:30vh 0;background-position:center}
.mt-150{margin:0}
.about-z .icon-boxs { margin-top: 0px;}
.page-banner{padding:120px 0}
.ywg li { width: 49%; }

}@media all and (max-width:768px){.header-info{text-align:center;padding:5px 0}
.top-menu ul{float:none;display:flex;justify-content:center;padding:5px 0}
.slide-item{padding:30vh 0}
.iconbox{text-align:center}
.about .about-info{text-align:center}
.about .about-info .site-head hr{margin:10px auto}
.w-lg-50{width:100%}
.copyrights{text-align:center;margin:5px 0}
.footer-menu{text-align:center !important;margin:5px 0}
.page-banner{padding:80px 0}
}@media all and (max-width:575px){.slide-item{padding:30vh 0}
.slide-item .site-head h2,.slide-item .site-head .h2{font-size:1.8rem}

.slide-item .site-head { width: 90%; margin-bottom: 2rem;}
.slide-item .site-title { width: 90%; font-size: 1.6rem;}
.slide-item .site-des{width:90%}
.page-banner{padding:50px 0}
.author-box .author-thumb{width:100% !important;text-align:center;float:none !important;margin-bottom:1rem}
.author-box .author-info{text-align:center}

}