*{margin:0;padding:0}
address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h3,h4,h5,h6,html,i,iframe,img,input,ins,label,legend,li,ol,p,pre,small,span,strong,td,th,u,ul,var{margin:0;padding:0}
aside,b,button,dd,div,dl,dt,footer,form,h3,h4,h5,h6,header,input,li,nav,ol,p,section,table,td,textarea,tr,ul{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-size:14px;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#333;padding:0;margin:0}
button:foucs{border:none!important;outline:0!important}
button::-moz-focus-inner{border-color:transparent}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
ol,ul{list-style:none;padding:0;margin:0}
i{font-style:normal}
a{color:#333}
a:hover{text-decoration:none;color:#fff}
img{border:none!important;vertical-align:middle}
input{outline:0}
button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;outline:0}
textarea{-webkit-appearance:none;outline:0}
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.container{max-width:75%}
.center-block{display:block;margin-right:auto;margin-left:auto}
img{border:0;vertical-align:middle}
.img-responsive{display:block;height:auto;max-width:100%}
.avatar{display:block;overflow:hidden;width:100%}

#header{transition:all .5s;z-index:997;transition:all .5s;height:90px;position:relative}
#header.header-scrolled{background:#fff;border-bottom:1px solid #f1f1f1;position:fixed;top:0;right:0;left:0;z-index:999}
.top-box{display:flex;justify-content:space-between;align-items:center}
.top-box .logo{flex:2;display:flex;align-items:center;justify-content:flex-start;height:90px}
.top-box .logo img{padding:0;margin:0;max-height:90px}
.top-box .logo .logo-tu2{display:none}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu{flex:2;height:90px}
.nav-menu ul{display:flex;align-items:center;justify-content:flex-end}
.nav-menu ul li{width:100%;text-align:center}
.nav-menu a{display:block;color:#272727;padding:0 5px;height:90px;line-height:90px;transition:.3s;font-size:16px}
.nav-menu .active>a,.nav-menu a:hover,.nav-menu li:hover>a{color:#fff;text-decoration:none;background:#0d6fb8}
.nav-menu .drop-down ul{display:flex;flex-wrap:wrap;justify-content:flex-start;position:absolute;padding-top:20px;left:0;top:90px;z-index:99;opacity:0;visibility:hidden;width:100%;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.2);transition:ease all .3s;padding-bottom:20px}
.nav-menu .drop-down ul li{width:25%;text-align:center;display:flex;justify-content:center}
.nav-menu .drop-down ul li img{width:260px;margin-left:auto;nav-right:auto}
.nav-menu .drop-down:hover>ul{opacity:1;top:90px;visibility:visible}
.nav-menu .drop-down li{width:100%;position:relative}
.nav-menu .drop-down ul a{padding:5px 0;font-size:16px;color:#666;line-height:40px;height:auto;overflow:hidden}
.nav-menu .drop-down ul .active>a,.nav-menu .drop-down ul a:hover,.nav-menu .drop-down ul li:hover>a{color:#0d6fb8;background:0 0}
.nav-menu .drop-down .drop-down ul{top:0;left:calc(100% - 90px)}
.nav-menu .drop-down .drop-down:hover>ul{opacity:1;top:0;left:100%}
.nav-menu .drop-down .drop-down>a{padding-right:35px}
.nav-menu a i{padding-left:5px}
.nav-menu .arrow{position:absolute;width:11px;height:11px;top:-5.5px;left:45%;background-color:#fff;transform:rotate(45deg);cursor:pointer;transition:.3s;z-index:-1}
.nav-menu .mob-language{display:none}
.mobile-nav .mob-language{display:block}
#header.header-scrolled .nav-menu a{color:#333}
#header.header-scrolled .language{color:#333}
#header.header-scrolled .language a{color:#333}
#header.header-scrolled .language a:hover{color:#eca617}
#header.header-scrolled .nav-menu .active>a,#header.header-scrolled .nav-menu a:hover,#header.header-scrolled .nav-menu li:hover>a{color:#fff}
#header.header-scrolled .nav-menu .drop-down ul .active>a,#header.header-scrolled .nav-menu .drop-down ul a:hover,#header.header-scrolled .nav-menu .drop-down ul li:hover>a{color:#0d6fb8;background:0 0}
#header.header-scrolled .top-box .logo .logo-tu1{display:none}
#header.header-scrolled .top-box .logo .logo-tu2{display:block!important}
.mobile-nav{position:fixed;top:0;bottom:0;z-index:999;overflow-y:auto;left:-80%;width:80%;padding-top:18px;background:#0d6fb8;transition:.4s}
.mobile-nav *{margin:0;padding:0;list-style:none}
.mobile-nav a{display:block;position:relative;color:#fff;font-size:16px;margin:0 20px;height:56px;line-height:56px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-nav .active>a,.mobile-nav a:hover,.mobile-nav li:hover>a{color:#fff;text-decoration:none}
.mobile-nav .drop-down>a i{float:right;display:block;line-height:40px;width:40px;text-align:right;height:40px;background:#0d6fb8;margin-top:8px;font-size:24px;font-weight:700;text-align:center}
.mobile-nav .drop-down ul{display:none;overflow:hidden}
.mobile-nav .drop-down .arrow{display:none}
.mobile-nav .drop-down li a{padding-left:20px}
.mobile-nav-toggle{position:fixed;right:15px;top:10px;z-index:9999;border:0;background:0 0;font-size:24px;transition:all .4s;outline:0!important;line-height:1;cursor:pointer;text-align:right;background:#0d6fb8}
.mobile-nav-toggle i{color:#fff;display:block;width:45px;height:45px;text-align:center;line-height:45px}
.mobile-nav-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(51,51,51,.9);overflow:hidden;display:none}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{left:0}
.mobile-nav-active .mobile-nav-toggle i{color:#fff}
.language{color:#272727;font-size:16px;padding-left:10px}
.language a{color:#272727;padding:0 10px}
.language a:hover{color:#0d6fb8}

#banner .swiper{width:100%;height:100%;position:relative}
#banner .swiper-slide{background-position:center;background-size:cover;position:relative}
#banner .swiper-slide img{display:block;width:100%}
#banner .swiper-button{position:absolute;top:50%;transform:translateY(-50%);text-align:center;color:#fff;background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer;overflow:hidden;z-index:999;width:70px;font-size:30px;line-height:70px;height:70px;transition:all .5s ease;outline:0}
#banner .swiper-button:hover{background:#0d6fb8}
#banner .swiper-button img{ padding-top: 8px;}
.btn-prev{left:30px}
.btn-next{right:30px}
#banner .swiper-pagination-bullet{width:13px;height:10px;display:inline-block;background:#fff;opacity:.9;margin:0 5px;border-radius:20px;transition:opacity .5s,background-color .5s,width .5s;transition-delay:.5s,.5s,0s}
#banner .swiper-pagination-bullet-active{opacity:1;background:#0d6fb8;width:40px;transition-delay:0s}
#banner .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;left:0;width:100%}
#banner .swiper-slide .container{position:absolute;left:0;right:0;top:40%;bottom:0;margin:0 auto}
.banner-slide-content{position:relative;z-index:9}
.banner-slide-content span{color:#fff;display:block;margin-bottom:35px;text-transform:uppercase}
.banner-slide-content .title{font-size:40px;line-height:56px;font-weight:700;color:#fff;display:block;margin-bottom:10px;text-transform:capitalize}
.banner-slide-content p{font-size:24px;font-family:Poppins,sans-serif;color:#fff;margin-top:30px}
/*关于我们*/
.main_title {
    text-align: center;
    margin-bottom: 10px;
  }
  
  .main_title .m_p1 {
    font-size: 40px;
    display: flex;
    font-weight: bold;
    color: #0d6fb8;
    align-items: center;
    justify-content: flex-start;
  
  }
  .main_title .m_p2 { font-size: 28px; margin-top: 20px;}
  .main_title .m_p3 { font-size: 46px; margin-top: 10px; color: #333;}
  
  
  .pad80{ padding: 100px 0;}
  .about {
  
  
    position: relative;
    background: url(../images/ab1_bj.png) no-repeat bottom;
  
  
  }
  
  .bg_box {
    position: relative;
    overflow: hidden;
  }
  
  .about .imgBox {
    overflow: hidden;
    border-radius: 20px;
  }
  
  .about .imgBox img {
    width: 140%;
    display: block;
    transition: .5s;
    max-height: 500px;
    
  }
  
  .about-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  
  }
  
  .about_fr {
    width: 48%;
  
  }
  
   .ab_txt {
    line-height: 32px;
  
    color: #666;
    font-size: 16px;
    text-align: justify;
    margin-top: 50px;
  
  }
  
   .ab_txt span {
    color: #666;
  }
  
  
  .about_fl {
    width: 53%;
    overflow: hidden;
    padding-left: 5%;
  
  
  }
  
  
  
  .more {
    border-radius: 23px;
    height: 46px;
    display: inline-block;
    font-size: 14px;
    line-height: 46px;
    color: #FFF;
    font-family: Arial;
    text-align: center;
    width: 160px;
    background: #0d6fb8;
    border: 1px solid #0d6fb8;
    margin-top: 45px;
    box-shadow: 0 0 10px #0d6fb8;
    position: relative;
    transition: all .3s;
  }
  
  .more:hover {
    background: rgb(0, 31, 90);;
    box-shadow: 0 0 10px rgb(0, 31, 90);;
  }
  
  .ab_bottom {
    margin-top: 40px;
  
    transition: opacity .3s .6s, visibility 0s .6s, margin-top 0s .6s;
  }
  
  .ab_bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  
    padding: 0;
  }
  
  .ab_bottom b {
    font-size: 36px;
    color: #333;
    margin-top: 10px;
  
  }
  
  
  
  
  .ab_bottom li span {
    font-size: 30px;
    color: #0d6fb8;
    margin-right: 15px;
  }
  
  .ab_bottom li  {
    text-decoration: none;
    position: relative;
  
    display: block;
    transition: all .3s;
  
    
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
  
  }
  
  .ab_bottom li:last-child a {
    border-right: none;
  }
  
  .ab_bottom .ab_num {
    display: flex;
    align-items: center;
  
  }
  
  .ab_bottom li  i {
    font-size: 20px;
    color: #666;
    padding-left: 6px;
  
  }
  
  .ab_bottom li  p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    padding: 5px 0;
  
  }
  
  /*优势*/
.ys {

    padding:60px 0;
    background: #f1f1f1;
    background-size: 100%;
    margin-top: 60px;
  
  }
  .zzsc {
    width: 100%;
    height: auto;
    margin: 20px auto;
  }
  .zzsc .tab {
    overflow: hidden;
  
    padding-top: 30px;
  }
  
  
  .zzsc .tab a {
    display: block;
    font-size: 24px;
    width:calc(25% - 1px);
  
    border-right: 1px dashed #dedede;
    color: #333;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: none;
  }
  
  .zzsc .tab a:last-child{ border-right: none;}
  
  .zzsc .tab a.on  {
  
    color:#0d6fb8;
    
  }
  
  .zzsc .co {
    overflow: hidden;
  
  
  }
  .zzsc .co > ul {
    margin-top: 30px;
    background: #ffffff;
    padding:40px ;
  }
  .zzsc .co li {
    display: none;
    width: 100%;
    list-style: none;
  }
  .ys_list {
    margin-top: 40px;
  }
  .ys_list_right {
    float: right;
    width: 47%;
  
  }
  .ys_list_left {
    float: left;
    width: 45%;
    padding: 20px 40px;
    line-height: 24px;
    font-size: 14px;
    color: #585657
  }
  
  .ys_list_left b{line-height:56px;color: #333;font-size:42px;position: relative; font-weight: 500; display: block; margin-top: 0;}
  .ys_list_left span { display: block; font-size: 26px; margin: 10px 0;}
  
  /* .co li b:before{content: "01"; font-weight:bold;position: absolute;width: 100%;height: 48px;color:#0d6fb8;font-size: 90px;left: 0;top: 0;overflow: hidden;line-height:80px;}
  .co li:nth-child(2)  b:before{content: "02";}
  .co li:nth-child(3)  b:before{content: "03";}
  .co li:nth-child(4)  b:before{content: "04";} */
  .ys_list_left p {
    font-size: 16px;
    padding-top: 20px;
    line-height: 26px;
    color: #666;
  }
  .ys_list_left a{  display: block; padding-top: 10px; color: #FAB724;}
  .ys_list_left p img{ padding-right: 14px;}
/* 案例 */
.cgal { margin-top: 60px;}
.yyal {
  margin-top: 40px;
}

.yyal .swiper-container {
  padding-bottom: 40px;
  margin-top: 40px;

}

.yyal .swiper-slide {
  width: 628px;
  transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
  .yyal .swiper-slide {
    width: 628px;
  }
}

@media only screen and (max-width:980px) {
  .yyal .swiper-slide {
    width: 471px;
  }
}

@media only screen and (max-height:480px) {
  .yyal .swiper-slide {
    width: 471px;
  }
}

.yyal .swiper-slide img {
  width: 100%;
  border-radius: 4px;
}

.yyal .swiper-slide p {
  padding: 20px;
  text-align: center;
  font-size: 24px;
  color: #000; display: none;
}

.yyal .swiper-slide .title {
  position: absolute;
  transform: rotate(90deg);
  transform-origin: left top;
  left: -3px;
  font-size: 11px;
  color: rgb(102, 102, 102);
}

.yyal .swiper-button-next, .yyal .swiper-button-prev {
  width: 46px;
  height: 46px;
  text-align: center;
  line-height:80px;
  outline: none;
}

.yyal .swiper-button-next {
  background:#0d6fb8;
  color: #fff;
  font-size: 40px;
}

.yyal .swiper-button-prev {
  background:#0d6fb8;
  color: #fff;


  font-size: 40px;
}

.yyal .swiper-pagination-bullet {
  background: none;
  opacity: 1;
  margin: 0 6px !important;
  width: 9px;
  height: 9px;
  position: relative;
  outline: none;
  vertical-align: middle;
}

.yyal .swiper-pagination-bullet span {
  width: 3px;
  height: 3px;
  background: #CCC;
  display: block;
  border-radius: 50%;
  margin-top: 3px;
  margin-left: 3px;
}

.yyal .swiper-pagination-bullet i {
  background: #006AB5;
  height: 1px;
  width: 20px;
  position: absolute;
  top: 4px;
  transform: scaleX(0);
  transform-origin: left;
  z-index: 3;
  transition-timing-function: linear;
}

.yyal .swiper-pagination-bullet-active span, .yyal .swiper-pagination-bullet:hover span {
  width: 9px;
  height: 9px;
  margin-top: 0;
  margin-left: 0;
  background: #006AB5;
  position: relative;
  z-index: 1;
}

.yyal .swiper-pagination-bullet-active i {
  animation: middle 6s;
}

.yyal .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
  animation: first 6s;
}

.yyal .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
  animation: last 6s;
}

@keyframes first {
  0% {
    transform: scaleX(0.5);
    left: 0px;
  }

  /*091*/
  100% {
    transform: scaleX(1);
    left: 2px;
  }

  /*0915*/
}

@keyframes last {
  0% {
    transform: scaleX(0.7);
    left: -10px;
  }

  /*1090*/
  20% {
    transform: scaleX(0.3);
    left: 2px;
  }

  /*090*/
  100% {
    transform: scaleX(0.3);
    left: 0px;
  }

  /*090*/
}

@keyframes middle {
  0% {
    transform: scaleX(0.7);
    left: -10px;
  }

  /*1091*/
  20% {
    transform: scaleX(0.45);
    left: 2px;
  }

  /*092*/
  100% {
    transform: scaleX(1);
    left: 2px;
  }

  /*0913*/
}

.footer-main{margin-top:80px;background-repeat:no-repeat;background-size:cover;position:relative;background:#333;padding-top:50px}
.footer-main .container{display:flex}
.footer-list1{width:25%}
.footer-list3{width:75%}
.footer-list3 .con_info{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.footer-list1 span,.footer-list2 span,.footer-list3 span{color:#fff;font-size:17px;letter-spacing:1.36px;margin-bottom:30px;margin-top:0;display:block;font-weight:700;text-transform:uppercase}
.footer-list3 .socials{padding-left:0;margin-bottom:0}
.footer-list3 .socials li{display:inline-block;margin-right:10px}
.footer-list3 .socials li a{border:1px solid #dedede;border-radius:100%;color:#dedede;display:inline-block;height:36px;width:36px;line-height:36px;text-align:center;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}
.footer-list3 .socials li a:hover{background-color:#0d6fb8;border:1px solid #0d6fb8;color:#fff}
.footer-list1 p,.footer-list2 p,.footer-list3 p{color:#969595;font-size:14px;letter-spacing:.45px;line-height:26px;padding-bottom:5px}
.footer-list1 p a{color:#fff;text-transform:uppercase}
.footer-list1 p a:hover{color:#0d6fb8}
.address-content{display:inline-block;position:relative;padding-left:52px;padding-bottom:10px;text-align:left; padding-right: 15px;}
.address-content span{color:#fff;font-size:20px;position:absolute;left:0;top:5px;display:inline-block;width:30px;height:37px;line-height:37px;text-align:center}
.address-content i{font-size:15px;color:#fff;display:block;font-style:normal;font-weight:500;margin-bottom:5px}
.address-content p{color:#fff;font-size:13px}
.footer-copyright{background:#161616;padding:30px 0;border-top:1px solid #373737}
.footer-copyright p{color:#fff;font-size:12px;text-align:center;letter-spacing:1.1px;margin-bottom:0;text-transform:uppercase}
.footer-copyright p span{padding-left:15px}
.footer-copyright p span a{color:#9b9b9b}
.bottom_nav{position:fixed;bottom:0;width:100%;z-index:999;background:#205da6;display:none}
.bottom_nav_item{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:62px}
.bottom_nav a{flex:1;color:#fff;border-right:1px solid #296ab7;border-left:1px solid #1a5293;display:flex;align-items:center;justify-content:center}
.bottom_nav a span{margin-left:6px}
.bottom_nav a:last-child{border-right:none}
.bottom_nav a:first-child{border-left:none}
.back-to-top{position:fixed;display:none;width:50px;height:50px;text-align:center;border-radius:3px;right:65px;bottom:65px;background:#0d6fb8;color:#fff;transition:display .5s ease-in-out;z-index:999}
.back-to-top i{font-size:26px;width:50px;height:50px;line-height:50px}
.back-to-top:hover{color:#fff;background:#154b9d;transition:background .2s ease-in-out}
.search_box{display:flex;flex-flow:row wrap;justify-content:space-between}
.search_box .language{color:#fff}
.search_box a{color:#fff}
.search_box a:hover{color:#fff}
.seaBtn{width:40px;height:20px;display:inline-block;line-height:30px;text-align:center;color:#fff;font-size:17px;vertical-align:middle;cursor:pointer;margin-left:10px;margin-top:0}
.topright{display:flex;flex-flow:row wrap}
.mob-language{color:#fff}
.mob-language a{display:inline-block;border:none;width:25px;margin:0 15px}