/* @font-face {
    font-family: 'pingfang';
    src:url('../fonts/苹方黑体-细-简.ttf');
}
@font-face {
    
    src:url('../fonts/苹方黑体-准-简.ttf');
}
@font-face {
    font-family: 'douyu';
    src:url('../fonts/斗鱼追光体2.0.ttf');
} */
body,html,button,input,select,textarea,h1,h2,h3,h4,h5,h6,i,ul,li,p{
    font-family:Circular,Helvetica,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
}
body,html{
    color:#222222;
    position:relative;
    font-size: 15px;
}
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
    color:#000000;
}
p{
    color: #6c747f;
}
input, button ,select ,textarea{
    outline:none;
    border:0;
}
a:hover, a:visited, a:active, a:focus{
    text-decoration: none;
}


input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
@media (min-width: 1590px){
    .container{
        width:1560px;
       }
}
@media (min-width: 1200px){
    .container-1160{
    width:1160px;
    }
}
.container, .container-1160{
    margin: 0 auto;
}
a, a:hover{
    text-decoration: none;
}
ul,li{
    list-style:none;
}
em,i{
    font-style: normal;
}
img {
    max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.mb60{
    margin-bottom: 60px;
}
.navbar-brand{
    height:80px;
    padding: 25px 45px 23px 0;
}
.navbar-inverse{
    background: none !important;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
 }
 
 .navbar-nav>li>a{
     padding:33px 12px 28px;
     font-size: 15px;
     font-weight: bold;
 }
.navbar-inverse .navbar-toggle{
    border:none;
}
.navbar-inverse .navbar-nav>li>a{
    color:#1d2129;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background:none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border-color:#f5f5f5;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    color:#333;
    background:none;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
    color:#1d2129;
    background:none!important;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
    color:#333;
}
.navbar-nav{
    margin:0px -15px;
}
.caret{
    margin-left:8px;
}
.nav-right{
    position: absolute;
    right: -500px;
}
.naventer{
    float:right;
    text-align: right;
    padding:24px 0;
    display: flex;
}
/* .naventer a{
    font-size: 13px;
    font-weight: bold;
    color:#666;
    padding:0 10px;
}
.naventer a:hover{
    color:#2f9dbe;
} */
.pb0{
    padding-bottom: 0!important;
}




.main-navigation{
    background: #fff;
    margin-bottom: 35px;
    padding-top: 20px;
    border-bottom: 1px solid #f5f5f5;
    height: 90px;
}

.nav-menu li{
    padding: 0 20px;
}
.nav-menu li a{
    color:#666;
    font-weight: bold;
}
.nav-menu li:hover>a{
    color: #2f9dbe;
    text-decoration: none;
    
}
.nav>li>a:hover{
    color:#2f9dbe;
}
.fixednav {
    box-shadow: 0 0px 15px 0 rgba(0,0,0,.1);
    background: #ffffff!important;
}

/* .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background: none;
    color:#fff;
}
.dropdown-menu>li>a{
    padding: 7px 15px 7px 20px;
    color:#fff;
} */
.icon-bar {
    background-color:#666 !important;
 }

 /* .dropdown-menu{
    border: none;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    background: #4eacc8;
 } */
.arrow-down{
    margin-left: 10px;
    margin-top: -2px;
    background: url(../images/arrowdown.png) no-repeat;
    background-size:100% 100%;
    width:10px;
    height: 5px;
    display: inline-block;
}

.advbox{
    margin-bottom: 30px;
}

.adv-header{
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 650px;
    padding-bottom: 40px;
}

.adv-header p{
    color:#6c747f;
}
.adv-title, .adv-title1{
    font-size:42px;
    
    position: relative;
}
.adv-title{
    line-height: 58px;
}

.advcon, .system, .application{
    text-align: center;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.system{
    height: 260px;
    border: 1px solid #f5f5f5;  
}
.advcon{
    height: 320px;
    box-shadow: 0 0px 25px 0 rgba(0,0,0,.08);
}
.application{
    height: 380px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content:center;
}
.advcon, .application{
    max-width: 360px;
}
.system{
    max-width: 490px;
}
.advcon:hover{
    box-shadow: 0 0px 25px 0 rgba(0,0,0,.05);
    border-bottom:4px solid #2f9dbe;
    transform:translateY(-10px);
    -ms-transform:translateY(-10px);/* IE 9 */
    -moz-transform:translateY(-10px);/* Firefox */
    -webkit-transform:translateY(-10px);/* Safari 和 Chrome */
    -o-transform:translateY(-10px);/* Opera */
    transition: transform 0.4s;
    -moz-transition:transform 0.4s;/* Firefox 4 */
    -webkit-transition:transform 0.4s;/* Safari and Chrome */
    -o-transition:transform 0.4s;/* Safari and Chrome */
}
.system:hover{
    box-shadow: 0 0px 25px 0 rgba(0,0,0,.05);
}
.system{
    height: 130px;
    line-height: 130px;
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
}
.advcon{
    margin-top: 10px;
    text-align: center;
}
.adv-pic{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    height: 220px;
    padding-top: 50px;
}
.adv-caption{
    line-height: 28px;
    padding: 0 20px;
    text-align: center;
    overflow: hidden;
    /* height: 110px; */
}
.adv-caption h3{
    letter-spacing: 5px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 40px;
}
.adv-caption p{
    line-height: 25px;
}
.adv-text{
    text-align: left;
    font-size: 14px;
}
.pd-specil{
    height: 30px;
    overflow: hidden;
}
.row-g2{
    overflow: hidden;
}
.bgc1{
    background: #f5f5f5;
    position: relative;
    background-image: url(../images/bg1.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 100px 0;   
}
.point, .point-sli{
    border-radius:50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    
}
.point{
    margin-left: 15px; 
    border:2px solid #2f9dbe;
}

.fieldcon, .banmain{
    margin-left: 0!important;
    margin-right: 0!important;
}
.fieldsize{
    padding-left: 0!important;
    padding-right: 0!important;
}
.fieldcon a, .fieldcon a:hover{
    color:#666;
}
.fieldbox{
    padding: 40px 60px 35px 50px;
    background: #fff;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}
.fieldbox:hover, .eveyscon:hover, .aboutcontent{
    cursor: pointer;
    box-shadow: 0 0px 25px 0 rgba(0,0,0,.05);
    z-index:999;
}
.fieldbox:hover .fieldright h3{
   color:#2f9dbe;
   transform:translateX(-15px);
   -ms-transform:translateX(-15px);/* IE 9 */
   -moz-transform:translateX(-15px);/* Firefox */
   -webkit-transform:translateX(-15px);/* Safari 和 Chrome */
   -o-transform:translateX(-15px);/* Opera */
   transition: transform 0.4s;
   -moz-transition:transform 0.4s;/* Firefox 4 */
   -webkit-transition:transform 0.4s;/* Safari and Chrome */
   -o-transition:transform 0.4s;/* Safari and Chrome */
}
.fieldbox:hover .fieldleft .lineblue{
    animation: dropleft 0.4s linear;
    animation-fill-mode:forwards;

}
@keyframes dropleft{
    0%{width:20px;}
    25%{width:28px;}
    50%{width:36px;}
    75%{width:42px;}
    100%{width:60px;}
}
.numfont, .fieldleft{
    font-family: Arial, Helvetica, sans-serif;
}
.fieldleft{  
    font-size: 16px;
    font-weight: bold;
    color:#cccccc;
    width: 100px;
    float: left;
    text-align: right;
    line-height: 65px;
}
.linebox{
    width: 60px;
    height: 100px;
    float: left;
    margin-right: 20px;
    display: block;
}
.lineblue{
   height: 3px;
   width: 20px;
   background: #2f9dbe;
   display: block;
   float: right;
   margin-top: 30px;
}
.fieldright{
    margin-left: 140px;
    display: block;
    line-height: 28px!important;
}
.customer{
    padding-bottom:100px;
    padding-top: 30px;
}
.servicenum{
    padding-right:30%;
}
.customer ul{
    padding: 0;
}
.servicenum ul li{
    padding-bottom:30px;
}
.servicenum ul li .number em{
    font-size: 13px!important;
}
.number label{
    font-size: 35px;
    padding-right: 10px;
    font-weight: 400;
}
.number span{
    display: block;
    position: relative;
    height:6px;
    width: 100%;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    background: -webkit-linear-gradient(left, #9c9c9c, #424242);
    background: linear-gradient(to right, #9c9c9c, #424242);
}

.business-list li{ 
    width: 20%;
    margin-left: -1px;
    margin-top: -1px;
    border: 1px solid #f3f3f3;
    float: left;
}
.business-list li:hover img{
    /* transform: rotatey(360deg); */
}
.advertising, .antonym-banner, .tourism-banner, .electricity-banner, .logistics-banner, .electricity-in-banner, .jobs-banner{
    background-size: cover;
    -webkit-background-size: cover;
}
.advertising{
    background: url(../images/slogan.jpg) no-repeat top center;      
    padding-top: 70px;
    padding-bottom: 90px;
}

.slogin, .slogin h3{
    color:#fff;
}
.point-sli{
     position: absolute;
     border:2px solid #fff;
     left:-40px;    
     top:20px;
}

.slogin p{
    color:#fff;
}
.slogintxt{
     color:#fff;
     font-size: 13px;
     padding-top: 100px;
}
.slogintxt p{
    padding-top: 20px;
    line-height:25px;
}
.sloginbutton{
    width: 150px;
    height:40px;
    border-radius:2px;
    background:#fff;
    display: block;
    text-align: center;
    color:#333;
    line-height: 40px;
    font-weight: bold;
}
.sloginbutton:hover{
    box-shadow: 0 0px 25px 0 rgba(0,0,0,.05);
}
.bgc3{
    background: #f5f5f5;
    padding-bottom: 50px;
}
.bgc2{
    padding-top:70px; 
    background: #f5f5f5;
    padding-bottom: 30px;
}
.bottom-txt{
    font-size: 25px;
    line-height: 35px;
}

.bottbtn{
   height: 50px;
   float: left; 
}
.btn-text{
    border-radius:0!important;
}
.btn-text{
    width: 70%;
    border: 0;
}
.btn-zc{
    width:150px;
    color:#fff!important;
    margin-top: 25px;
    height: 50px;
    line-height:50px;
    text-align:center;
    background-color: #2e9abb;
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,#165f72,#2e9abb);
    background-image: -webkit-linear-gradient(left,#165f72,#2e9abb);
    background-image: -o-linear-gradient(left,#165f72,#2e9abb);
    background-image: linear-gradient(left,#165f72,#2e9abb);
    display: block;
}

.line, .line-index{
    height: 1px;
    width: 100%;
    background: #ececec;
    display:block;
}
.line{
    margin: 0px 0 30px;
}
.line-index{
    margin: 60px 0 40px 0!important;
}
.company{
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.company em{
    padding: 0 12px;
    font-weight: bold;
    color: #2f9dbe;
    font-size:28px;
}
.footer{
    display: flex;
    justify-content: space-around;
}
/* .footer p{
    color:#6c747f;
    word-break: break-all;
} */
.footer-con-left{
   padding: 0 20px 50px;
}
.footer-con-right{
    width: 65%;
}
.footer-title{
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 25px;
}
.botlink li{
    padding-bottom: 15px;
    color:#6c747f;
}
.botlink a{
    color:#6c747f;
    font-size: 14px;
}
.botlink a:hover{
    color: #2EA8B0;
}

.row-g3{
    overflow: hidden;
}
.m-txtg5{
    padding-left: 9%;
    margin:50px 9% 30px 0;
    overflow: hidden;
}
.bga1{
    background: #f5f5f5;
}



#txtswiper {
    width: 100%;
    text-align: center;
    padding-top:100px;
    max-width:900px;
    min-height:400px;
    cursor: pointer;
}  
#txtswiper .swiper-pagination{
    bottom:80px!important;
}
#txtswiper .swiper-pagination-bullet{
    width:25px;
    height:25px;
    text-align: center;
    line-height:25px;
    color:#ccc;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
    background: #fff;
    opacity:1;
}
#txtswiper .swiper-pagination-bullet-active{
    background: #2f9dbe;
    color:#fff;
}
#txtswiper .swiper-pagination-bullet{
    margin: 0 8px;
}

.swiper-container .merit-title{
    font-size: 35px;
    padding-bottom: 20px;
}
.swiper-container .merit-txt{
    line-height:35px;
}
.form-control{
    box-shadow:none!important;
}
#banner{
    min-height: 700px;
    overflow: hidden;
    padding-bottom: 30px;
}
.indexbanner{
    background: radial-gradient(88% 80% at 52% -5%, #0e59f036 0, #0e59f000);
    background-position: top;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-size: 100% 990px;
    padding-bottom: 50px;
    position: relative;
    z-index: 2;
}
.banner-row{
    display: flex;
    justify-content: space-between;
}
.bannerbox{
    max-width: 580px;
    padding-right: 20px;
}
.adv-title1{
    line-height: 58px;
    color: #000000;
}
.banner-txt{
    padding-top:10px;
    line-height: 25px;
    color: #6c747f;
    font-size: 16px;
}
.banner-link {
    padding-top:30px;
}
.banner-link a, .abouttxt span{
    display: inline-block;
    color:#fff;
    font-size: 16px;
    background-color: #2e9abb;
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,#165f72,#2e9abb);
    background-image: -webkit-linear-gradient(left,#165f72,#2e9abb);
    background-image: -o-linear-gradient(left,#165f72,#2e9abb);
    background-image: linear-gradient(left,#165f72,#2e9abb);   
}
.banner-link a{
    border-radius:30px;
    height: 40px;
    line-height:40px;
    padding: 0 25px;
}
.abouttxt span{
    border-radius:20px;
    min-width: 120px;
    text-align: center;
    height: 30px;
    line-height:30px;
    margin-right: 20px;
}
.banner-link a:hover{
    box-shadow: 0 5px 12px 0 rgba(24,100,119,.2);
}
.pdnone{
    padding-left:0!important;
    padding-right:0!important;
}
#banner .swiper-pagination{
    text-align: left;
}
.bannerimg{
    padding-right: 10px;
}
.bannerimg img{
    transition: all 400ms cubic-bezier(0.03, 0.98, 0.52, 0.99) 0s;
    will-change: transform;
}

#banner .swiper-pagination{
    bottom:50px!important;
}
#banner .swiper-pagination-bullet{
    width:25px;
    height:25px;
    text-align: center;
    line-height:25px;
    color:#999;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
    background:none;
    opacity:1;
    font-weight: bold;
}
#banner .swiper-pagination-bullet-active{
    color:#2f9dbe; 
    position: relative;
    margin-right: 60px;
}
#banner .swiper-pagination-bullet-active:before{
    content: ''; 
    position: absolute;
    top: 12px; 
    background: #2f9dbe;
    width:50px;
    height: 2px;
    margin-left: 18px;
    animation: dropleft 0.4s linear;
    animation-fill-mode:forwards;
}
#banner .swiper-container-fade .swiper-slide{opacity:0!important;}
#banner .swiper-container-fade .swiper-slide-active{opacity:1!important;} 

#txtswiper .swiper-pagination-bullet{
    margin: 0 8px;
}
.bottom-email{
    line-height: 22px;
    padding-top: 2px;
}
.qualifi-box{
    padding: 30px 0 60px 0;
}
.industry-main{
    display: flex;
    width: 100%;
    padding:0;
    box-sizing: border-box;
    height: 450px;
  }
  
  .industry {
    flex: 1;
    overflow: hidden;
    transition: .5s;
    /* margin: 0 2%; */
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
    line-height: 0;
    position: relative;
  }
  .industry-mask{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
  }
  .industry > img {
    width: 200%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .industry > .industry-text{
    display: block;
    min-height: 180px;
    z-index: 999;
    position: absolute;
    top: 48%;
    color: #fff;
    width:100%;
    text-align: center;
    transition: .3s;
  }
  
  .industry > .industry-text img{
    max-width: 50px;
    max-height: 50px;
  }
  .industry > .industry-text h4{
    color:#fff;
    line-height: 24px;
    margin: 20px;
  }
  .industry > .industry-text p{
    display: none;
    font-size: 15px;
    min-height: 50px;
    line-height: 20px;
    opacity: .8;
  }
  .industry:hover {
    flex: 1 1 40%;
  }
  .industry:hover .industry-mask{
    background: rgba(0, 0, 0, 0.1);
  }

  .industry:hover > img {
    width: 100%;
    height: 100%;
  }
  .industry:hover .industry-text{
    background: rgba(47,157,190,.85);
    width:50%;
    min-height: 140px;
    right:10%;
    top:210px;
    border-radius: 5px;
    padding: 10px 30px 20px;
    overflow: hidden;
    text-align: left;
    display: flex;
  }
  .industry:hover .industry-text h4{
    margin: 20px 0;
  }
  .industry:hover .industry-text a img{
      margin: 20px 25px 0 0;
  }
  .industry:hover .industry-left,  .industry:hover .industry-right{
        display: inline-block;  
        overflow: hidden;
  }
  .industry:hover .industry-left{
      flex-shrink: 0;
  }
  .industry:hover .industry-right h4{
      margin-bottom:5px;
  }
  .industry:hover .industry-right p{
    display: block;
    font-size: 14px;
    padding:0 15px;
  }
  .indu-link{
    word-break: keep-all;
      display: inline-block;
      color: #ffffff;
  }



/*-----------------------关于我们*/
.about-main-bg{
    background: #11274b url(../images/about-bg.jpg) no-repeat top center;
    padding:80px 0 60px;
}
.about-content-synopsis, .about-content-address{
    background: #ffffff;
    border-radius: 6px;
    margin-top: 30px;
}
.about-content-synopsis{
    border-top:5px solid #4CC0C7;
}
.synppsis-box{
    padding:80px 60px 60px 40px;
}
.synppsis-con{
    display: flex;
    padding-bottom: 50px;
    align-items: center;
}
.synppsis-con-left{
    flex-shrink: 0;
    font-weight: bold;
    width: 280px;
    text-align: center;
    font-size: 34px;
    padding: 35px 0;
    margin-right: 30px;
}
.synppsis-con-left span, .about-address-title span{
    color: #2EA8B0;
}
.synppsis-con-right{
    font-size: 16px;
    line-height: 28px;
}
.synppsis-item{
    background: #F9F9F9;
    border-radius: 6px;
    min-height: 180px;
    margin: 15px 0;
}
.synppsis-item-title{
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    background: #f1f1f1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: bold;
    padding-left: 30px;
}
.synppsis-item-text{
    padding:30px;
    line-height: 25px;
    color: #6c747f;
}
.about-address-title{
    height: 70px;
    line-height: 80px;
    border-bottom: 1px solid #e7e9ea;
    padding-left: 40px;
    font-size: 20px;
    font-weight:600;
}
.about-address-con{
    padding:80px 60px 60px;
}

.address-con-item{
    min-height: 170px;
    margin-bottom: 20px;
    padding: 30px 30px 0;
}
.address-con-item h4{
    padding-bottom: 15px;
    hyphens: auto;
    /* white-space:normal; word-break:break-all;overflow:hidden; */
    /* word-break: keep-all; */
}
.address-con-item p{
    font-size: 14px;
    line-height: 22px;
}
.address-map{
    width: 100%;
    text-align: center;
    /* margin-top: 30px; */
}
.about-nav{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.about-nav a{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 20px 20px;
    padding:0 20px ;
    height: 50px;
    line-height: 50px;
}
.about-nav a:hover{
    color: #06ede7;
    border-bottom: 2px solid #06ede7;
}
.about-team-con{
    padding: 40px 20px 50px;
    background: #ebecef;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.team-item{
    width: calc((100% - 160px) / 4);
    margin: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.team-phptp-box{
    width: 150px;
    height: 150px;
    z-index: 99;
}
.team-phptp-box, .team-item-photo{
    display: flex;
    justify-content: center;
    align-items: center;
}
.team-item-photo{
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #fff;
    transition: all 0.3s ease 0s;
}
.team-item-photo img{
    width: 132px;
    height: 132px;

}
.team-item-photo:hover{
    width: 150px;
    height: 150px;
}
.team-item-photo img:hover{
    width: 140px;
    height: 140px;
}
.team-item-box{
    width: 100%;
    min-height: 190px;
    background: #ffffff;
    border-radius: 10px;
    margin-top: -70px;
    padding: 95px 15px 10px;
    text-align: center;
}
.team-item-box h4{
    font-size: 20px;
}
.team-item-box p{
    font-size: 14px;
    padding-top: 10px;
}
/*---------------------------*/
.navbar-nav>li>.dropdown-menu{
    margin-top: 3px!important;
}
.appli-pic{
    padding-bottom: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.pic-img, .fispic-img{
    width: 100px;
    height: 100px;  
}
.pic-img{
    background: url(/images/appli-iconbg.png) no-repeat;
}
.img-zh{   
    background-position: 0 0;
}
.application:hover .img-zh{
    background: url(/images/appli-iconbg.png) no-repeat;
    background-position: 0 -100px;
}
.img-sk{
    background-position:-100px 0;
}
.application:hover .img-sk{
    background: url(/images/appli-iconbg.png) no-repeat;
    background-position:-100px -100px;
}
.img-hd{
    background-position:-200px 0;
}
.application:hover .img-hd{
    background: url(/images/appli-iconbg.png) no-repeat;
    background-position:-200px -100px;
}
.img-hk{
    background-position:-300px 0;
}
.application:hover .img-hk{
    background: url(/images/appli-iconbg.png) no-repeat;
    background-position:-300px -100px;
}
.img-hg{
    background-position:-400px 0;
}
.application:hover .img-hg{
    background: url(/images/appli-iconbg.png) no-repeat;
    background-position:-400px -100px;
}
.img-sm{
    background-position:-500px 0;
}
.application:hover .img-sm{
    background: url(/images/appli-iconbg.png) no-repeat;
    background-position:-500px -100px;
}
.application:hover{
    box-shadow: 0 0px 25px 0 rgba(0,0,0,.1);
    border:3px solid #d3ddf2;
    color:#7696d7;
}
.appli-caption{
    font-weight: bold;
    font-size: 20px;
}
.application:hover .appli-caption{
    color: #7696d7;
}









/*立即咨询-----------------*/
.gray-bg{
    background: #f2f3f8;
}
.consult-main{
    background: #fff;
    padding-bottom: 150px;
    margin: 40px 0;
}

.consult-title{
    font-size: 26px;
    line-height: 50px;
    padding: 50px 0 50px 80px;
    color:#555;
    margin: 0!important;
}
.consult-form{
    max-width: 500px;
    margin: 0 auto;
}
.details{
    margin-bottom: 20px;
    overflow: hidden;
}
.details-label{
    float: left;
    width: 110px;
    line-height: 40px;
    text-align: right;
    font-weight: 500;
    display: block;
    padding-right: 10px;
}
.details-label span{
    color:#fd0303;
    padding-right: 5px;
}
.details-block{
    border: 1px solid #e5e6e7;
    min-height: 38px;
    line-height: 38px;
    margin-left: 110px;
}
.form-control-details{
    width: 100%;
    padding-left:10px;
}
.details-block-check{
    margin-left: 110px;
}
.check-line{
    width: 50%;
    float: left;
    margin-bottom: 5px;
    /* word-break: break-all; */
    line-height: 40px;
}
.check-line input{
    margin-right: 10px;
}
.order-text{
    height: 150px;
    resize: none;
    line-height: 22px;
    display: block;
    border: 1px solid #e5e6e7;
    width: 100%;
    padding: 10px;
}
.order-btn{
    border-radius: 4px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    color: #fff;
    width: 100%;
    background-color: #2e9abb;
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,#165f72,#2e9abb);
    background-image: -webkit-linear-gradient(left,#165f72,#2e9abb);
    background-image: -o-linear-gradient(left,#165f72,#2e9abb);
    background-image: linear-gradient(left,#165f72,#2e9abb);
}
.brand-link{
    width:100%;
    min-height: 360px;
    background: url(../images/hdh-linkbg.jpg) no-repeat left top;
    background-size: 100% 100%;
    border-radius: 30px;
    margin-bottom: 60px;
    padding:105px 100px;
}
.brand-link-text{
    color: #ffffff;
    font-size: 40px;
    font-weight: bolder;
    line-height: 60px;
}
.brand-link-btnbox{
    min-height: 140px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.brand-link-btn{
    font-size: 18px;
    color: #000000;
    font-weight: bolder;
    width: 140px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
}
.acqu-list{
    display: flex;
    justify-content: flex-start;
    background: #fff;
    padding:50px 30px;
}
.psp-va-icon{
    padding-right: 20px;
    flex-shrink: 0;
}
.anton-title{
    font-size:35px;
    line-height: 45px;  
}
.anton-title span{
    font-size: 18px;
    font-weight: normal;
}
.nameadvantxt{
    color:#6c747f;
    line-height: 25px;
    font-size: 15px;
    padding-top: 15px;
}
.product-bg{
    background: #f3f6f9;
}
.product-main{
    padding: 90px 0 80px;
}
.product-item{  
    margin-top: 100px;
    display: flex;
    justify-content: center;
}
.product-item li{
    width: 50%;
    text-align: center;
    font-family: Circular,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 25px;
    position: relative;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-line{
    height: 2px;
    width: 100%;
    background: #c8cfd1;
    display: block;
    position: absolute;
    top: 45%;
}
.product-item li a{
    color: #aebabe;
    background: #ffffff;
    display: inline-block!important;
    padding:0 20px!important;
    z-index: 99;
}
.title-small{
    font-size: 12px;
    
    font-style: italic;
    letter-spacing: 0.8px;
}
.product-item>li.active>a, .product-item>li.active>a:focus, .product-item>li.active>a:hover{
    color: #20b0db;  
}
.product-item>li.active>.tab-line{
    border-bottom: 2px solid #20b0db;
}
.priduct-content{
    padding-top: 50px;
}
.product-zhm{
    display: flex;
    justify-content: flex-start;
    margin-top: 50px;
    background: #ffffff;
    box-shadow: 0px 0px 51px 0px rgba(191, 204, 216, 0.3);
}
.product-hdh{
    min-height: 600px;
}
.zhm-left{
    width: 45%;
    padding:8% 7% 8%; 
    color: #ffffff!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.zhm-bg{
    background:url(../images/b2b-bg.jpg) no-repeat  center center;
    background-size:100% 100%;
}
.psp-bg{
    background:url(../images/pspleft-bg.jpg) no-repeat  center center;
    background-size:100% 100%;
}
.hdh-bg{
    background:url(../images/hdhleft-bg.jpg) no-repeat  center center;
    background-size:100% 100%;
}
.sych-bg{
    background: url(../images/sych-bg.jpg) no-repeat center center;
}
.zhm-left-title{
    font-size: 40px;
    color: #ffffff!important;
    line-height: 45px;
}
.zhm-left-title span{
    font-size: 14px;
    letter-spacing: 12px;
}
.zhm-left-p{
    line-height: 24px;
    padding: 25px 0;
    color: #ffffff;
}
.zhm-link-more{
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #222222;
    background: #FFFFFF;
    border-radius: 20px;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
}
.zhm-right{
    width: 55%;  
}
.zhm-right-con, .hdh-right-con{
 border-right: 1px solid #deeaf8;   
 border-bottom: 1px solid #deeaf8;  
}
.zhm-right-box{
    min-height:305px;
    padding: 50px 20px;
    text-align: center;
}
.hdh-right-box{
    min-height: 266px;
    text-align: left;
    padding: 50px 20px 10px 30px;
}
.zhm-right-icon{
    margin: 20px 0;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hdh-right-icon{
    margin-top: 20px;
    margin-bottom: 10px;
}
.zhm-right-text{
    
    font-size: 18px;
    color: #000000;
    padding-top: 15px;
}
.hdh-right-txt{
    color: #6c747f;
    font-size: 14px;
    opacity: .9;
    line-height: 20px;
    padding-top: 5px;
}
.psp-right{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-weight: bold;
    padding: 30px 0;
}
.psp-right-con{
    background: #f9fafd;
    min-height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 18px;
    margin: 15px 0;
}
.psp-right-con img{
    width: auto;
    margin-right: 20px;
}
.psp-right-con span{
    width: 140px;
}
.plan-header{
    padding: 60px 0 40px;
}

.licenseplate-main, .licenseplate-main-1{
    min-height: 740px;
}
.licenseplate-main{
    background: #275370 url(../images/licenseplate-bg.jpg) no-repeat top center;
}

.plate-content{
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 70px;
}
.plate-content-list{
    height: 430px;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 460px;
    background: #ffffff;
}
.plate-content-list-img{
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.plate-content-list-tips{
    height: 100px;
    background: #ededed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plate-tips-left{
    padding-right: 20px;
}
.plate-tips-left img{
    width: 45px;
}

.plate-tips-right h4{
    font-size: 18px;
    font-weight: bold;
    padding: 5px  0px;
}
.plate-tips-right p{
    color: #6c747f;
}

.zz-header{
    margin-top: 75px;
    margin-bottom: 60px;
    display: block;
    
}
.zz-header h3, .zz-header p{
    color: #ffffff;
}
.zz-header p{
    opacity: .7;
}
.partner-main{
   padding: 0 20px;
}
.partner-left{
    min-height: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partner-header{
    max-width: 480px; 
}
.partner-right{
    height: 480px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /* position: relative; */

    max-width: 680px;
}


.partner-right::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 120px;
    background: linear-gradient(#f6f8fa,transparent);
    top: 0;
    z-index: 1;
}
.partner-right::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 120px;
    background: linear-gradient(transparent,#f6f8fa);
    bottom: 0;
    z-index: 1;
}
.parnter-logolist{
    background: url(../images/group.png) center;
    background-size: 100%;
    width: 97%;
    height: 6000px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: transform;
    -webkit-animation: animation-blobgk 120s linear infinite;
    animation: animation-blobgk 120s linear infinite;
}
.api-main{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    margin-bottom: 90px;
}
.api-item{
    width: 30%;
    flex-shrink: 0;
}
.api_content{
    width: 70%;
    display: flex;
    justify-content:flex-end;
}
.api-con-item{
    max-height: 430px;
    overflow: hidden;
}
.api-item li{
    margin-bottom: 12px;
    
}
.api-item li a{
    background: #f6f8fa;
    height: 80px;
    max-width: 380px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 10px 15px;
}
.api-tab-item{
    display: flex;
    align-items: center;
}
.api-tab-img, .api-tab-con{
    height: 60px;
}
.api-tab-img{  
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.api-tab-con{
   display: flex;
   align-items: center;
}
/* .api-tab-con p{
    font-size: 12px;
    color: #899099;
    padding: 2px 0;
} */
.api-item>li.active>a, .api-item>li.active>a:focus, .api-item>li.active>a:hover{
    box-shadow: 0px 0px 32px 0px rgba(32, 153, 192, 0.21) inset;
    background: #ffffff;
}
.api-tab-hover{
    display: none;
    width: 30px;
}
.api-item>li.active>a .api-tab-hover{
    display: block;
}


/*安全保障*/
.security-banner{
    background: url(../images/security-banner.jpg) no-repeat top center;
    min-height: 550px;
}
.security-box{
    min-height: 360px;
    text-align: center;
}
.paddingtop{
    padding-top: 120px;
}
.security-icon{
    margin-bottom: 60px;
}
.security-box-title{
    line-height: 45px;
    color: #ffffff;
    font-size: 36px;
}
.security-box-text{
    color: #ffffff;
    line-height: 25px;
    opacity: .7;
    padding: 25px 0 20px;
}
.security-advantages-box{
    padding: 65px 0px;
}
.security-advantages-con{
    min-height: 420px;
    padding: 20px 40px;
    margin: 7.5px 0;
    text-align: center;
    border: 1px solid #deeaf8;
}
.ser-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.security-con-img{
    height: 165px;
}
.security-con-img img{
   margin-top: 10px;
}
.security-con-txt h4{
    font-size:22px;
}
.security-con-txt p{
    line-height: 22px;
    padding-top: 20px;
    text-align: left;
    font-size: 14px;
    color: #6c747f;
}
.qualification-security-bg{
    background:url(../images/qualification-bg.jpg) #f5f9fb no-repeat center center;
    padding-bottom: 60px;
}
.qualification-tips-box, .sec-tips-title{
    color:#022258;
}
.qualification-tips-box{
    display: flex;
}
.qua-tips-title{
 font-size:18px;
}
.security-standard{
    background: #f6f9fc;
    border: 1px solid #d4e1f0;
}
.security-standard-left, .security-standard-right{
    display: flex;
    display: -webkit-flex;
   
}
.security-standard-left{
    justify-content: center;
    border-right: 1px dotted #d4e1f0;
    padding: 50px 0;
}
.security-standard-right{
    min-height: 270px;
    padding: 50px 30px 50px 20px;
    flex-direction:column;
    justify-content: center;
}
.standard-right-title{
    font-size: 26px;
    margin: 8px 0; 
    /* padding-top:80px; */
}
.standard-right-txt{
    padding-top:15px;
}
.licenseplate-main-1{
    background: #f4f4f3 url(../images/licenseplate-bg-1.jpg) no-repeat top center;
}
.licenseplate-main-1 .plate-content-list-tips{
    background: #60b7db;
}
.licenseplate-main-1 .plate-tips-right p, .licenseplate-main-1 .plate-tips-right h4{
    color: #ffffff;
}
.licenseplate-main-1 .anton-title, .hdh-product-bg .anton-title{
    color: #000000;
}
.licenseplate-main-1 .nameadvantxt{
    color: #6c747f;
    opacity: 1;
}
.specilpadding{
    padding-left: 7.5px!important;
    padding-right: 7.5px!important;
}

/*产品中心-智汇贸--------*/
.zhm-banner, .hdh-banner, .psp-banner, .sych-banner{
    min-height:480px;
}
.zhm-banner{
    background-image: linear-gradient(to right, #224094,#2c4aa3,#213e92);
}
.zhm-banner-left{ 
    max-width: 620px;
    margin: 21% 0;  
}
.zhm-banner-right, .zhmbox-right{
    padding: 90px 0 50px;
}
.content-desc{
    line-height: 22px;
    padding-right: 20px;
    font-size: 15px;
    margin-top: 15px;
    color: #ffffff;
    opacity: .7;
}
.content-title{
    line-height:42px;
    font-size: 30px;
    color: #ffffff;
}
.point-box{
    border: 1px solid #e7edf6;
    margin: 65px 0 20px;
}
.point-item{
    border-right: 1px solid #e7edf6;
}
.point-item{
    min-height:325px;
    padding: 40px;
}
.point-item-1{
    min-height:360px;
    padding:30px 40px;
    background: #f4f4f7;
    border-radius: 20px;
    margin: 12px 0;
}
.border0{
    border-right: 0;
}
.point-img{
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0 40px;
    display: flex;
    align-items: center;
}
.point-title{
    font-size: 20px;
    padding-bottom: 20px;
}
.point-text{
    line-height: 22px;
}
.zhm-product{
    display: flex;
    justify-content: center;
}
.zhm-product li{
    margin:0 20px;
}
.zhm-product li a{
    text-align: center;
    font-size:16px;
    display: flex;
    align-items: center;
    color: #000000;
    min-height: 80px;
    line-height: 20px;
    /* padding: 0 10px; */
}
.zhm-product>li.active>a, .zhm-product>li.active>a:focus, .zhm-product>li.active>a:hover{
    color: #2f9dbe;
    font-weight: bold;
    border-bottom: 3px solid #2f9dbe;
}
.zhmcp-box{
    min-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 15% auto 12%;
    margin-left: 50px;
}
.zhmcp-title{
    font-size: 22px;
    padding-bottom: 20px;
}
.zhmcp-desc{
    line-height: 22px;
    max-width: 500px;
    color: #6c747f;
}
.zhmcp-desc span{
    color: #2f9dbe;
}
.programme-main{
    display: flex;
    justify-content:space-around;
    margin: 70px 0 20px;
}
.programme-left{
    flex-shrink: 0;
}
.programme-right{
    max-width: 900px;
    width: 100%;
}
.programme-right-item{
    padding: 30px 0;
    text-align: center;
    margin: 20px 0;
    position: relative;
}
.programmebg-left{
    background: linear-gradient(to right, #ffffff, #ebf6ff);
}
.programmebg-right{
    background: linear-gradient(to left, #ffffff, #ebf6ff);
}
.programme-right-item h4{
    padding: 10px 0;
}
.programme-right-item p, .adv-con p{
    font-size: 14px;
    line-height: 22px;
}
.programme-icon{
    position: absolute;
    top: 30%;
}
.proicon-left{
    left: 10px;
}
.proicon-right{
    right: 10px;
}
.advantage-bg{
    background:url(../images/advantage-bg.jpg) no-repeat bottom center;
    min-height: 470px;
    padding-bottom: 80px;
}
.advantage-item{
    background: #ffffff;
    border-radius: 20px;
    margin: 0 4px;
}
.adv-img img{
    height: 160px;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.adv-con{
    padding: 40px;
    min-height: 230px;
    display: inline-block;
}
.adv-con h4{
    padding-bottom: 20px;
}

.psp-banner-right{
    padding: 50px 0 60px;
}
/*产品中心-海店汇---------------*/
.hdh-banner-right{
    padding: 80px 0 60px;
}
.hdh-banner{
    background-image: linear-gradient(to right, #091842,#111e3d,#051643);
}
.hdh-product-bg{
    min-height: 420px;
    background: url(../images/hdh-profuct-bg.jpg) no-repeat top center;
    background-size:100% auto ;
    margin-top: 60px;
    overflow: hidden;
}

.hdh-product-bg .zz-header{
    margin-bottom: 20px;
}   
  .profuct-content {
    display: -moz-box;
    display: -webkit-box;
    overflow-x: scroll;
    padding-top: 33px;
    padding-bottom: 30px;
    padding-left: 160px;
}

.profuct-content::-webkit-scrollbar,
.el-table__body-wrapper::-webkit-scrollbar {
    /*滚动条整体样式*/

    width: 0px;
    /*高宽分别对应横竖滚动条的尺寸*/

    height: 0px;

}

.profuct-content::-webkit-scrollbar-thumb,
.el-table__body-wrapper::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/

    border-radius: 7px;

    -webkit-box-shadow: inset 0 0 5px #3A54B3;

    background: #3A54B3;

}

.profuct-content::-webkit-scrollbar-track,
.el-table__body-wrapper::-webkit-scrollbar-track {
    /*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px #EEF2FA;

    border-radius: 7px;

    background: #EEF2FA;

}

.hdh-product-bg {
    position: relative;
    overflow: hidden;
}

.productleftact {
    display: none;
}

.productleft {
    position: absolute;
    bottom: 100px;
    right: 70px;
    background: #207F95;
    box-shadow: 0px 0px 20px 0px rgba(0, 84, 116, 0.17);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.productright {
    position: absolute;
    bottom: 100px;
    left: 70px;
    background: #207F95;
    box-shadow: 0px 0px 20px 0px rgba(0, 84, 116, 0.17);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}



.service-item{
    width: 280px;
    height: 310px;
    background: #FFFFFF;
    box-shadow: 0px 0px 29px 3px rgba(49, 70, 89, 0.11);
    margin: 10px 15px;
}
.service-item-head{
    height: 104px;
    display: flex;
    align-items: center;
    padding-left: 30px;
}
.s-bg-dark{
    background-image: linear-gradient(to right, #68bbde,#ffffff);
}
.s-bg-light{
    background-image: linear-gradient(to right, #daf3ff,#ffffff);
}
.service-item-con{
    padding: 20px 30px;
}
.service-item-con h4{
    padding: 15px 0;
}
.service-item-con h4, .service-item-con p{
    line-height: 25px;
}
.support-box{
    padding: 65px 0;
}
.support-item{
    height: 410px;
    background: #f4f4f7;
    border-radius: 10px; 
    display: flex;
    flex-direction:column;
    align-items: center;
    margin: 20px 0;
}
.support-item-title{
    height: 110px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #dbdde7;
    flex-shrink: 0;
}
.support-item-con{
    height: 295px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.support-item-con img{
    padding: 0 30px;
}
.hdh-solution-bg{
    min-height: 430px;
    background: url(../images/hdh-qualifications.jpg) no-repeat top center;
    overflow: hidden;
    margin-bottom: 20px;
    background-size:100% auto;
}
.hdh-advantage-box{
    /* border: 1px solid #e7edf6; */
    margin: 10px 0 70px;
}
.hdh-solution-box{
    padding: 50px 10px 30px 140px;
}
.hdh-solu-title{
    font-size: 36px;
    color: #ffffff;
    border-bottom: 4px solid #ffffff;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 20px;
}
.hdh-solu-title span{
    color: #04edec;
    border-bottom: 4px solid #04edec;
    position: absolute;
}
.hdh-solution-item{
    display: flex;
    justify-content: flex-start;
    margin-top: 40px;
}
.solution-left{
    margin-right: 20px;
}
.solution-right h4,.solution-right p{
    color: #ffffff!important;
}
.solution-right h4{
    padding: 4px 0 20px;
}
.solution-right p{
    opacity: .8;
}
.hdh-text-bg{
    min-height:260px;
    background: url(../images/hdh-text.jpg) no-repeat top center;
    overflow: hidden;
}
.hdh-text-con{
    display: flex;
    justify-content: center;
    min-height: 260px;
    align-items: center;
    text-align: center;
}
.hdh-text-con p{
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
    
    letter-spacing: 3px;
}
.publicfixedpositioning{
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index:9999999;
}
.publicfixedpositioningDiv{
    position: relative;
}
.publicfixedpositioningDiv img{
    display: block;
    margin-bottom: 8px;
    cursor: pointer;
}
.publicfex, .publicfex-1{
    display: none;
    position: absolute;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgba(196, 231, 247, 0.57);
    background: #FFFFFF;
    border: 1px solid #A6E4FF;
    border-radius: 6px;
}
.publicfex{
top: 0;
left: -210px;
width: 200px;
height: 90px;
}
.publicfex-1{
width: 165px;
height: 195px;
left: -175px;
bottom: 0px;
padding: 10px 0;
}

.qrcode-top img{
    width: 130px;
    margin: 0 auto;
}
.qrcode-top p{
    padding-top: 8px;
    color: #6c747f;
    font-size: 13px;
}
.publicfexTop{
height: 35px;
padding-top: 3px;
background: #E1F7FF;
border-bottom: 1px solid #D8F3FF;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
font-size: 14px;
font-weight: 400;
color: #03A8ED;
display: flex;
align-items: center;
justify-content: center;
}
.publicfexTop img{
    margin-right: 10px;
    margin-bottom: 0;
}
.publicfexBot{
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
color: #35AADC;
height: 50px;
line-height: 50px;
}
.hotlineCss:hover .publicfex, .hotlineCss:hover .publicfex-1{
    display: block;
}

.foot-link{
    color: #999!important;
}
/*福利中心-智汇贸*/
.welfare-body{
    background: #4f7bef;
}

.flow{
    position: relative;
}
.welfare-zhm-banner{
    background: url(../images/welfare-zhm-bannerbg.png) no-repeat top center;
    padding-top: 70px;
    padding-bottom: 20px;
    
}
.click-apply-wrap,.click-apply-wrap2, .click-apply-wrap-hdh, .click-apply-wrap2-hdh{
    position: absolute;
}
.click-apply-wrap{
    top: 75%;
    left: 9.5%;
    transform: translateX(-9.5%);
}
.click-apply-wrap-hdh{
    top: 70%;
    left: 7%;
    transform: translateX(-7%);
}
.click-apply-wrap2{
    top: 86%;
    left: 50%;
    transform: translateX(-50%);  
}
.click-apply-wrap2-hdh{
    top: 84%;
    left: 50%;
    transform: translateX(-50%);  
}
.click-apply-wrap a,.click-apply-wrap2 a, .mobile-wrap-btn a, .click-apply-wrap-hdh a, .click-apply-wrap2-hdh a{
    display: inline-block;
    cursor: pointer;
}
.click-apply-wrap a img, .click-apply-wrap-hdh a img{
    width: 100%;
}
.welfare-box1-item{
    width: 100%;
    display: flex;
    justify-content: center;
}
.welfare-rule{
    max-width: 1060px;
    padding: 0 30px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.welfare-rule h3, .mobile-rule h3{
    color: #ffffff;
}

.welfare-rule p, .mobile-rule p{
    color: #ffffff;
    line-height: 22px;
}
.mobile-rule{
    padding: 0 15px 25px;
}
.welfare-rule p{
    font-size: 14px;
}
.mobile-rule p{
    font-size: 12px;
    line-height: 20px;
}
.welfare-zhm-wap-banner, .welfare-zhm-wap-banner img, .welfare-hdh-wap-banner, .welfare-hdh-wap-banner img{
    width: 100%;
}
.welfare-zhm-wap-banner, .mobile-zhm-box, .welfare-hdh-wap-banner{
    position: relative;
    margin: 0 auto;
}
.mobile-wrap-btn, .mobile-wrap-btn2, .mobile-hdh-btn, .mobile-hdh-btn2{
    position:absolute;
}
.mobile-wrap-btn{
    top: 72%;
    left:7%;
}
.mobile-hdh-btn, .mobile-hdh-btn2{
    left: 50%;
    transform: translateX(-50%);  
}
.mobile-hdh-btn{
    top:48%;
}
.mobile-hdh-btn2{
    bottom: 4%;
    width: 240px;
}
.mobile-wrap-btn2{
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);  
}
.mobile-wrap-btn a img{
    max-width: 120px;
}
.mobile-wrap-btn2 a img{
    max-width:160px;
}
.mobile-zhm-box, .mobile-zhm-box2{
    margin-top: -10px;
}
.mobile-zhm-box{
    position: relative;
}
.welfare-rule h3{
    font-size: 22px;
    padding-bottom: 15px; 
}
.mobile-rule h3{
    font-size: 16px!important;
}
.biji-oth{
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    background: #ffffff;
    width: 100px;
    font-size: 13px;
    color: #1547d3;
}

/*福利中心-海店汇*/
.welfare-hdh-body{
    background: #5c67eb;
}

.welfare-hdh-banner{
    background: url(../images/welfare-hdh-bannerbg.png) no-repeat top center;
    padding:90px 0 700px 0;
}
.welfare-hdh-main{
    margin-top: -740px;
}
.hdh-rule{
    padding-top: 20px;
    opacity: .8;
}
.welfare-hdh-wap-banner{
    background:  url(../images/mobile-hdh-bannerbg.png) no-repeat top center;
    padding-top: 48px;
}
/*----福利中心*/
.welfare-main{
    min-height: 350px;
    background: #03183a;
    width: 100%;
}
.welfare-banner-text{
    padding: 65px 10px 0;
}
.welfare-banner-text h3{
    color: #ffffff;
    font-size: 36px;
    padding-bottom: 15px;
}
.welfare-banner-text p{
    color: #ffffff;
    opacity: .8;
    line-height: 25px;
}
.welfare-con{
    margin-top: -150px;
    margin-bottom: 80px;
}
.welfare-con-item{
    margin: 15px 5px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 2px 15px 0px rgba(91, 101, 124, 0.15);
    position: relative;
}
.welfare-item-img img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}
.welfare-con-main{
    min-height: 190px;
    padding: 15px 30px 5px;
}
.welfare-con-main h4{
    font-size: 18px;
    padding: 15px 0;
    color: #333333;
}
.welfare-con-main p{
    font-size: 14px;
    color: #6c747f;
    line-height: 22px;
    height: 70px;
}
.welfare-con-time{
    border-top: 1px solid #f1f3f4;
    margin-top:10px;
    height: 55px;
    display: flex;
    align-items: center;
    
    font-size: 13px;
    color: #6c747f;
}
.welfare-con-time img{
    margin-right: 10px;
}
.welfare-item-title{
    position: absolute;
    color: #ffffff;
    background: #03183a;
    top: 15px;
    height: 30px;
    line-height: 35px;
    font-size: 13px;
    padding:0 20px 0 15px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.lim_float_icon{
    position: fixed !important;
    bottom: 55px !important;
    right: 20px !important;
    top: inherit !important;
}
.news-bg{
    background: #f2f2f3;
}
.news{
    padding: 30px 0;
}

.newsTop-swiper{
    width: 100%;
    margin-right: 20px;
    height: 400px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #E8ECEF;
}
.newsTop-swiper img{
    width: 100%;
    height: 100%;
}
.newsTop-swiper .swiper-button-next,.newsTop-swiper .swiper-button-prev{
    width: 40px;
    height: 40px;
}
.newsTop-Popular{
    width: 100%;
    height: 400px;
    padding: 25px 25px 10px;
    background-color: #ffffff;
    border: 1px solid #E8ECEF;
    
}
.newsTop-Popular-top{
    font-size: 20px;
    font-weight: bold;
    color: #1F1F1F;
}
.news-list{
    padding-top:18px;
}
.newsTop-Popular-p{
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    font-family: 'pingfang';
    font-weight: bold;
    color: #1F1F1F;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.newsTop-Popular-first{
    background: #092945;
    padding: 27px 20px 20px;
    position: relative;
    color: #FFFFFF;
    font-weight: bold;
    height: 100px;
}
.newsTop-Popular-first-po{
    position: absolute;
    background: linear-gradient(90deg, #F8993D 0%, #F6703A 99%);
    box-shadow: 0px 0px 8px 0px rgba(7,7,7,0.1500);
    border-radius: 2px;
    font-size: 13px;
    padding: 6px 15px;
    display: flex;
    align-items: center;
    left: -5px;
    top: -10px;
}
.newsTop-Popular-first-po img{
    width: 10px;
    margin-right: 5px;
}
.newsTop-Popular-first-span{
    font-size: 16px;
    line-height: 26px;
}

.circle:after {
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -44px;
    content: '';
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid #fe8e3d;
}
.cursor{
    cursor: pointer;
}

.example::-webkit-scrollbar {
    /*滚动条整体样式*/

    width: 0px;
    /*高宽分别对应横竖滚动条的尺寸*/

    height: 0px;

}

.example::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/border-radius: 7px;
    -webkit-box-shadow: inset 0 0 5px #3A54B3;
    background: #3A54B3;
}

.example::-webkit-scrollbar-track {
    /*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px #EEF2FA;
    border-radius: 7px;
    background: #EEF2FA;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.newsCon{
    margin: 30px 0;
}
.newsCon-top{
    background: #FFFFFF;
    border: 1px solid #E8ECEF;
    padding: 25px 25px 25px 29px;
    display: flex;
    background-color: #ffffff;
    margin-bottom: 15px;
    
}
.newsCon-div{
    width: 100%;
    padding-top: 15px;
    overflow: hidden;
}
.newsCon-div-title{
    font-size: 22px;

font-weight: bold;
color: #1F1F1F;
margin-bottom: 20px;
}
.newsCon-div-content{
    font-size: 14px;
    font-weight: 400;
    color: #6C747F;
    line-height: 25px;
    height: 50px;
    margin-bottom: 26px;
}
.newsCon-div-bot{
    font-size: 14px;
font-weight: 400;
color: #9195A3;
display: flex;
align-items: center;
}
.newsCon-div-bot-span{
    background: #EDF2F6;
    padding: 3px 8px;
    font-size: 12px;
font-weight: 400;
color: #6C747F;
margin-right: 10px;
}
.newsCon-img{
    width: 330px;
    margin-left: 30px;
    height: 170px;
    flex-shrink: 0;
}
.newDeTop{
    margin-left: 13px;
    margin-bottom: 20px;
    margin-top: 5px;
    display: flex;
    font-size: 14px;
    color: #CDCCCD;
}
.newDeTop-left{
    font-weight: bold;
    color: #1F1F1F;
    margin-right: 20px;
}
.newDeTop-right{
    margin-left: 20px;
    color: #1F1F1F;
}
.newDeContent{
    background: #FFFFFF;
    border: 1px solid #E8ECEF;
    margin-bottom: 20px;
}
.newDeContent-top{
    padding: 45px 20px 35px;
    
    border-bottom: 1px dashed #E8ECEF;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #1F1F1F;
}
.newDeContent-top-div{
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    color: #9195A3;
    margin-top: 20px;
}
.newDeContent-top-div>div{
    display: inline-block;
}
.ellipsis2{
    text-overflow: ellipsis;  /* 超出部分省略号 */
    word-break: break-all;  /* break-all(允许在单词内换行。) */  
    display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 2; /* 显示的行数 */
    overflow: hidden;
}
.ellipsis1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.newsTop-Change{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.newsTop-Change-div{
    font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #6C747F;
display: flex;
    align-items: center;
}
.newsTop-Change-div img{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.markdown-box{
    padding: 40px 120px 50px;
}
.news-img{
    position: absolute;
    bottom: 0;
    right: 10px;
}
.login-link{
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    border-radius: 30px;
    border: 2px solid #3ea7f3;
    color: #3ea7f3!important;
    background: rgba(255, 255, 255, .3);
    font-size: 14px;
    font-weight: bold;
}

/* .navbar-collapse{
    width: calc(100% - 170px)!important;
} */
/*登录注册入口*/
.entrance-main-bg{
    background: #11274b url(../images/entrance-bg.jpg) no-repeat top center;
    padding:100px 0 120px;
}
.entrance-box{
    padding: 0 60px ;
}
.entrance-title{
    text-align: center;
    margin-bottom:40px;
}
.entrance-title p{
    color: #ffffff;
    letter-spacing: 2px;
    padding-bottom: 10px;
}
.entrance-item{
    background: #F9F9F9;
    min-height: 370px;
    margin: 15px 0;
    position: relative;
}
.entrance-item-line{
    height: 8px;
    width: 100%;
    display: inline-block;
    background: linear-gradient(to right, #006279,#48ab9b);
    position: absolute;
    top: 0;
    left: 0;
}
.entrance-logobox{
    height: 180px;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../images/entrance-item-bg.png) no-repeat bottom center ;
    background-size: 100%;
}
.entrance-introduce{
    font-weight: bold;
    padding-top: 20px;
    color: #263a4b;
}
.entrance-logobox img{
    margin-top: 10px;
}
.entrance-btnbox{
    padding: 60px 10px;
    display: flex;
    justify-content: center;
}
.entrance-btnbox a{
    width: 120px;
    height: 40px;
    border-radius: 30px;
    background: #2c96b5;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-weight: bold;
    margin: 0 10px;
}
/*联系我们*/
.news-desc{
    position: relative;
}
.news-desc-tit{
    
    font-weight: bold;
    background: linear-gradient(180deg,transparent,#000);
    padding: 24px 28px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    font-size: 20px;
    color: #fff;
}
.contact-content{
    background: #ffffff;
    margin: 15px auto;
    max-width: 1140;
    overflow: hidden;
    padding: 15px 0 0;
    border-top: 4px solid #005ffe;
}   
.infor-box{
    margin-bottom:15px;padding-top: 10px;
}
.input-text{
    border: 1px solid #e0e3e9;
    font-size: 15px;
    min-height:3rem;
    width:100%;
    padding:0 10px;
    border-radius: 4px;
}
.prompt{
    padding: 20px 30px 5px;
    font-size: 16px;
    line-height: 27px;
    border-bottom:1px solid #e0e3e9;
}
.prompt p{
    padding-bottom: 18px;
    color: #022258;
}
.prompt p span{
    font-weight: bold;
}
.sumbit{
    width: 100%;
    line-height: 45px;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #326eea;
    color: #FFF;
    font-weight: bold;
}
.aui-flex-box{
    padding-bottom: 20px;
}
.imgbox, .imgbox img{
    width: 100%;
}
.imgbox img{
    float: left;
}
.p-time{
    font-size: 13px;
    color:#022258;
    text-align: center;
    opacity: .6;
    padding-top:10px;
}
.aui-flex{
    padding: 25px 25px 10px 25px;
    position: relative;
    background: #ffffff;
}
.infor-box p, .infor-box-div span, .customer-service p{
    color:#022258;
}
.infor-box p span{
    color: #fb7414;
    font-weight: bold;
    font-size: 16px;
}
.textarea-size{
    resize: none;
    padding: 8px 10px;
    width: 97%;
    margin: 8px 14px 0;
}
.customer-service{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    font-size: 14px;
    font-weight: normal;
}
.customer-service img{
    max-width: 50%;
    width: 250px;
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, .1); */
    margin-bottom: 15px;
}
.brand-link a{
    opacity: .95;
    margin-bottom: 25px;
}
.brand-link a:hover{
    opacity: 1;
}
.infor-box-div{
	margin: 0 0 10px;
}

.infor-box-check{
	/* margin-left: 14px !important; */
	margin-right: 8px !important;
    float: left;
}
.infor-box-second{
    background: #f8fbff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    margin-left: 20px;
    margin-right: 20px;
}
.choose-title{
    font-weight: bold;
    color: #022258;
    font-size: 18px;
    padding-top:10px;
}
.choose-title span{
    color: #fb7414;
}
.choose-tab{
    margin-top: 25px;
}
.interest{
    margin-bottom: 30px;
}
.infor-box-second-title{
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #e0ebf9;
}
.infor-box-second-con{
    padding: 10px;
    overflow: hidden;
}
.synppsis-con-right-item{
    width: 100%;
    padding-top: 25px;
    display: flex;
}
.synppsis-con-right-item p{
    margin-bottom: 0;
    display: flex;
    width: 50%;
    color: #2EA8B0;
    line-height: 25px;
    padding: 5px 20px 5px 0;
}
.synppsis-con-right-item p span{
    border-width:5px  0px 4px 4px;
    border-color:  transparent  transparent  transparent #2EA8B0;
    border-style:solid;
    height: 0; 
    width: 0;
    display: inline-block;
    margin: 6px 10px 0 0; 
}
.choose-tab-title{
    margin-bottom: 15px;
    font-weight: bold;
}
.information-main{
    background: #eff3f8;
    border-radius: 10px;
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 70px;
    min-height: 415px;
    display: flex;
    overflow: hidden;
}
.information-left{
    width: 400px;
    height: 415px;
    background: url(../images/information-leftimg.png) no-repeat center center;
    flex-shrink: 0;
}
.information-left img{
    padding: 110px 0 0 90px;
}
.information-right{
    width: 100%;
    padding: 70px 120px 20px;
    overflow: hidden;
}
.information-item{
    height: 65px;
    line-height: 65px;
    width: 100%;
    background: #ffffff;
    border-radius: 50px;
    margin-bottom: 20px;
}
.infor-item-category{
    width: 140px;
    height: 65px;
    display: flex;
    justify-content: center;
    padding-top: 5px;
    align-items: center;
    border-right: 1px solid #ecf1f5;
    font-size: 14px;
    float: left;
}
.infor-item-news{
    color: #222222;
    font-size: 16px;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 15px 0 25px;
}
.more-infor{
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 20px;
    margin-top: 10px;
}
.more-infor a{
    color: #222222;
    font-weight: bold;
}
.more-infor a img{
    margin-left: 8px;
    margin-top: -3px;
}



.hdh-product-main{
    padding-top: 30px;
    padding-bottom: 50px;
}
.hdh-product-item{
    width: 100%;
    min-height: 700px;
    background: #ffffff;
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.hdh-product-item-title{
    width: 100px;
    min-height: 470px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}
.hdh-product-item-title img{
    position: absolute;
    left: 24px;
    top:35px;
    z-index: 2;
}
.left-bg1{
    background: linear-gradient(to bottom, #0cb6e7, #ffffff);
}
.left-bg2{
    background: linear-gradient(to bottom, #19a6ca, #ffffff);
}
.left-bg3{
    background: linear-gradient(to bottom, #008eb3, #ffffff);
}
.bg-round{
    width: 180px;
    height: 180px;
    position: absolute;
    border-radius: 50%;
    top: 20px;
    left: -50px;
    background: linear-gradient(120deg, rgba(133,218,243,0),rgba(133,218,243,0), rgba(133,218,243,.9));
    z-index: 1;
}
.hdh-product-item-con{
    padding: 40px 35px 0;
}
.hdh-product-item-list{
    display: flex;
    margin-bottom: 38px;
}
.hdh-itemlist-box{
    background: #ffffff;
    padding: 50px 40px 30px;
    border-radius: 6px;
    min-height: 250px;
    display: flex;
    width: 100%;
}
.produce-itemcon-icon{
    width: 28px;
    flex-shrink: 0;
    margin-right: 20px;
    margin-top: 3px;
}
.product-itemcon-text-h3{
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 8px;
}
.product-itemcon-text-p{
    color: #6c747f;
    font-size: 14px;
    line-height: 22px;
}
.hdh-qualifications-box{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 100px 0;
}
.hdh-quelifications-item{
    width: 550px;
    margin: 10px 25px;
    height: 220px;
    border-radius: 8px;
    background: #ffffff;
    
}
.hdh-quelifications-item-title{
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    padding-top: 5px;
    /* background: linear-gradient(to right, #f4f4f7 #ffffff); */
    background: #f4f4f7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.hdh-quelifications-item-title img{
    height: 30px;
}
.hdh-quelifications-item-box{
    height:120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}
.hdh-quelifications-item-box p{
    color: #222222;
    padding: 0 25px;
    text-align: center;
}
.zhmcp-desc-text h3{
    color: #319ebf;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.zhmcp-desc-text div{
    display: flex;
    justify-content: flex-start;
    max-width: 550px;
    color: #6c747f;
    font-size: 14px;
}
.zhmcp-desc-text div span{
    width: 105px;
    flex-shrink: 0;
    color: #000;
}
.adv-link{
    background: linear-gradient(to right, #20b0db,#3ea7f3);
    color: #ffffff;
    display: inline-block;
    border-radius: 35px;
    height: 48px;
    width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    font-weight: bold;
    font-size: 16px;
}
.adv-link:hover, .adv-link:focus{
    color: #ffffff;
    opacity: 0.9;
}
.jobs-main{
    width: 100%;
    background: #f2f2f3;
}
.jobs-banner {
    background: url(../images/jobs-banner.jpg) no-repeat top center;
    height:240px;
}
.search-block{
    width: 500px;
    max-width: 80%;
    box-shadow: 0 8px 24px 0 rgba(72, 74, 82, 0.2);
    border-radius: 30px;
    font-size: 15px;
    height: 56px;
    background: #ffffff;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
}
.search-input{
    background: none;
    width: 100%;
    height: 56px;
    padding:5px 30px;
}
.search-input-suffix{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
}
.search-btn-primary{
    width: 120px;
    height: 100%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #26a0cc;
    color: #ffffff;
    font-weight: 500;
}
.jobs-content{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 70px;
    background: #ffffff;
    display: flex;
    justify-content: flex-start;
}
.jobs-left{
    width:320px;
    padding:20px;
    flex-shrink: 0;
}
.leftheader{
    font-size: 14px;
    color: #222222;
    border-bottom: 1px solid #eff1f1;
    padding: 0 10px;
    padding-bottom: 12px;
    margin-top: 10px;
    margin-bottom: 23px;
    font-weight: 800;
    display: flex;
    justify-content: space-between;
}
.leftheader-clear{
    color: #646a73;
}
.leftheaderCity{
    margin-bottom: 20px;
    position: relative;
    padding: 0 10px;
}
.optiontitle{
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    margin-bottom: 9px;
}
.jobs-right{
    width: 100%;
    padding: 28px 40px 70px;
    border-left: 1px solid #eef1f1;
}
.jobslist-title{
    display: flex;
    align-items: center;
    height: 36px;
    line-height: 36px;
    font-size: 26px;
    font-weight: bold;
    color: #222222;
    margin-bottom: 18px;
}
.jobslist-title span{
    font-size: 18px;
    padding-left: 10px;
    letter-spacing: 2px;
}
.jobslist-items{
    padding-bottom: 20px;
}

.positionitem{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0 15px;
    border-bottom: 1px solid #f2f2f3;
}
.positionitem-text{
    flex-shrink: 0;
}
.positionitem-title{
    font-size: 20px;
    color: #222222;
    font-weight: 600;
}
.positionitem-subtitle{
    display: flex;
    align-items: center;
    padding: 12px 0;
    font-size: 14px;
    color: #6c747f;
}
.linedevider{
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #cad0d0;
    margin: 0 8px;
}
.position-link{
    width: 100px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    background: #252525;
}
.jobslist-items a:hover .position-link{
    transition: all 0.3s ease 0s;
    background: #26a0cc;
    color: #ffffff;
}



input:disabled + label {/*禁用的指针*/
	cursor: not-allowed
}
.optionfilter{
    padding-top: 15px;
    color: #8f959e;
}
.optionfilter li{
    padding-bottom: 8px;
}
.optionfilter input {
    display: none;
}

.optionfilter label {
    padding: 0 16px 0 0;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.optionfilter label:before {
    box-sizing: border-box;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #8e949e;
    margin:3px 10px 5px 0;
    vertical-align: middle;
    display: inline-block;
    transition: 0.1S;
}

/* .optionfilter label:hover:before {
    border-color: #26a0cc;
} */

.optionfilter input:disabled + label:before {
    background-color: #8e949e;
    border-color: #8e949e;
    opacity: 0.5;
}

.optionfilter input:disabled + label {
    opacity: 0.5;
}

.optionfilter label:before {
    background: url(../images/ico_tick.svg) no-repeat center;
    background-size: 0;
    border-radius: 2px;
    transition: 0.2S;
}
.optionfilter input:checked + label:before {
    background-color: #26a0cc;
    background-size: 16px;
    border-color: #26a0cc;
} 

.jobs-detailmain{
    background: url(../images/jobdetail-banner.jpg) no-repeat top center;
    height:80px;
}
.detail-back , .detail-content, .apply-content{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.detail-back{
    height: 80px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.detail-back a{
    color: #fff;
    font-weight: 600;
}
.detail-back a:hover{
    opacity: .8;
}
.detail-content{
    background: #ffffff;
    margin-top: 30px;
    margin-bottom: 70px;
    padding: 40px 50px 50px;
}
.jobdetai-title{
    font-size: 28px;
}
.jobdetai-subtitle{
    padding: 12px 0 0;
}
.jobdetai-subtitle .infotext{
    font-weight: 600;
}
.block-title{
    font-size: 20px;
    position: relative;
    margin: 50px 0 12px;
    font-size: 21px;
    line-height: 1.52;
    font-weight: 800;
    padding-left: 15px;
    color: #222222;
}
.block-title:before{
    display: inline-block;
    content: '';
    border-left: 4px #26a0cc solid;
    height: 16px;
    position: absolute;
    top: 8px;
    left: 1px;
    right: 8px;
}
.block-content{
    line-height:25px;
    white-space: pre-line;
    word-break: break-word;
    font-size: 14px;
    color: #6c747f;
    overflow: hidden;
}
.blcok-email{
    margin-top: 45px;
    border-top: 1px solid #eef1f1;
    padding: 25px 0 10px;
}
.email-title{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}
.email-text{
    font-size: 14px;
}
.email-text span{
    font-weight: bold;
    color: #26a0cc;
    padding-left: 5px;
}
.positionitem-detail{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.detail-link{
    background: #26a0cc;
    cursor: pointer;
    
}
.detail-link:hover{
    color: #fff;
    transition: all 1s ease 0s;
}
/* .apply-content{
    margin-top: 20px;
    background: #ffffff;
    margin-bottom: 50px;
    padding: 0 0px 30px;
} */
.applyform-title{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eef1f1;
    /* padding:0 10px 0 20px; */
    font-weight: bold;
    font-size: 14px;
}
.applyform-box{
    padding:25px  0 30px;
    /* border-top: 1px solid #eef1f1; */
}
.apply-field-title{
    line-height: 25px;
    width: 100%;
    font-size: 14px;
    /* white-space: pre-wrap; */
    overflow: hidden;
    margin-bottom: 5px;
}
.apply-field-title:after{
    margin-left: 3px;
    color: #e93130;
    content: "*";
}
.file_upload-btn{
    width: 300px;
    padding: 0 23px;
    height: 40px;
    line-height: 38px;
    background: #f4f6fb;
    border: none;
    font-size: 14px;
    font-weight:bold;
    color: #141933;
    border-radius: 8px;
}
.file_upload-btn:hover{
     background: #e6e8f2;
}
.apply-prompt{
    color: #989cb2;
    font-size: 12px;
    padding-top: 5px;
}
.hdh-title-text{
    color: #ffffff;
    font-weight: bold;
    font-size: 30px;
    writing-mode: tb-rl;
    z-index: 99;
    padding-top: 20px;
}
.hdh-flowpath-main{
    background: #f6f7fa;
    width: 100%;
    padding: 0px 50px 50px;
}
.hdh-flowpath-con{
    text-align: center;
    padding-top: 30px;
}
.zhm-flowpath-con{
    text-align: center;
    background: linear-gradient(to bottom, #fff, #f6f7fa);
    padding: 30px 10px 50px;
    border-radius: 20px;
}

.bg-temporary{
    background: #ffffff;
    border: none;
}
.partner-bg{
    width: 100%;
    background: #f6f8fa;
}
.cpsea-main{
    padding-top: 0;
}
.product-con{
    padding-bottom: 60px;
}
.datalist-show{
    display: flex;
    justify-content: space-between;
    background: linear-gradient(92.03deg,#404552 1.26%,#1b202d 99.88%);
    box-shadow: 0 4px 20px rgba(0,0,0,.05);
    border-radius: 80px;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 60px;
   
}
.data-item{
    padding: 35px 32px 45px;
    box-sizing: border-box;
    text-align: center;
    width: 25%;
}
.datalist-text{
    font-family: Din;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.data-numer, .data-numer1, .data-numer2, .data-numer3{
    font-size: 40px;
}
.datalist-info{
    font-size: 15px;
    color: #ffffff;
    opacity: .7;
    /* font-weight: bold; */
}
.line-border{
    margin: 32px 0;
    width: 1px;
    box-sizing: border-box;
    background: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.2),hsla(0,0%,100%,0));
}


.sych-banner{
    background: url(../images/psp-banner.jpg) no-repeat top center;
    background-size:auto 100% ;
}
.nopadding {
    padding-left: 0;
    padding-right: 0;
}
.specil-padding{
    padding-left: 10px!important;
    padding-right: 10px!important;
    /* margin-bottom: 20px; */
}
.psp-advitem, .psp-advitem-left{
    margin: 10px 0;
    background: #f4f4f7;
}
.psp-advitem{
    display: flex;
    min-height: 200px;
    padding: 30px;
}
.psp-advitem-left{
    padding: 30px 40px;
    min-height: 420px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.psp-advitem .point-img{
    float: left;
    flex-shrink: 0;
    margin-right: 30px;
    margin-top: 5px;
}
.psp-advitem .point-title, .psp-advitem-left .point-title{
    font-size: 18px;
}
.psp-advitem-box{
   padding-top: 15px;
}
.psp-advitem-left .point-img{
    margin-bottom: 35px;
}
.border-topright{
    border-top-right-radius: 20px;
}
.border-bottomright{
    border-bottom-right-radius: 20px;
}
.psp-product-box{
    background: #e7efff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
}
.psp-product{
    width: 270px;
    padding: 50px 0 20px;
    flex-shrink: 0;
}
.psp-product-tab{
    min-height: 50px;
    display: flex;
    align-items: center;
}
.psp-product-tab a{
    padding: 15px 25px!important;
    color: #000000;
    background: #e7efff;
    font-size: 15px;
    color: #6c747f;
}
.psp-product-tab a:hover{
    color: #000!important;
}
.psp-product>li.active>a, .psp-product>li.active>a:focus, .psp-product>li.active>a:hover{
    color: #000;
    font-weight: bold;
    background: linear-gradient(to right, #e7efff, #f7faff,#f7faff);
    position: relative;
}
.psp-product>li.active>a:after{
    position: absolute;
    top: 20px;
    right: 20px;
    content: "";
    width: 0;
    height: 0;
    border-top:6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #2367f3;
    z-index: 999;
}
.psp-content{
    background: #f7faff;
    width: 100%;
    padding: 50px;
}

.psppro-head{
    padding-bottom: 40px;
}
.psp-headborder{
    border-bottom: 1px solid #e7edf6;
}
.psppro-head h4{
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.psp-va-box{
    padding: 30px 15px 30px 0;
}
.psp-va-con{
    padding-top: 20px;
}
.psp-va-con-title{
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;padding-bottom: 10px;
}
.psp-va-con-text{
    line-height: 22px;
    color: #6c747f;
}
.psp-flowpath-main{
    background: #f4f4f7;
    width: 100%;
    margin: 70px 0 20px;
}
.psp-support-box{
    padding: 70px 0;
    display: flex;
    justify-content: space-around;
}
.psp-support-left, .psp-support-right{
    background: #ffffff;
    box-shadow: 0px 5px 35px 0px rgba(18,34,54,0.02);
    border-radius: 6px;  
}
.psp-support-left{
    width: 53%;
}
.psp-support-right{
    width: 44%;
}
.support-title{
    height: 90px;
   line-height: 100px;
   text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #3e474c;
    background: linear-gradient(90deg, #FFFFFF 0%, #E7EFFF 49%, #FFFFFF 100%);
}
.support-title span{
    color: #2367f3;
}
.support-con{
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.pt30{
    padding-top: 30px;
}
.psppro-list{
    overflow: hidden;
}
.psp-trade-box{
    /* background: #ffffff; */
    padding: 25px 0;
    margin-bottom: 30px;
}
.psp-trade-item{
    padding: 10px 0;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    font-weight: 500;
    justify-content: flex-start;
}
.psp-trade-item img{
    margin-right: 15px;
    margin-top: 2px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.psp-trade-tips{
    padding-bottom: 20px;
}
.psp-rem-tips{
    background: #ffffff;
    padding: 30px 20px;
}
.psp-rem-tips h5{
    color: #1168d5;
    padding-bottom: 15px;

}
.height-temporary{
    min-height: 350px;
}
.bg-temporary{
    background: #ffffff;
    border: none;
}
.usecases-banner{
    background: url(../images/usecases-banner.jpg) no-repeat top center;
    min-height: 260px;
}
.usecases-head{
    min-height: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.usecases-content{
    margin: 60px 0 100px;
    overflow: hidden;
}
.usecases-tab-nav{
    background: #f2f2f2;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    min-height: 70px;
    align-items: center;
    overflow: hidden;
}
.usecases-nav-item{
    width: 25%;
    text-align: center;
}
.usecases-nav-item a{
    background: #f3f5f9;
    color: #000000;
    font-size:16px;
    width: 100%;
    height:70px;
    display: flex!important;
    align-items: center;
    justify-content: center;
}

.usecases-nav-item a:hover{
    color: #2268f3!important;
    font-weight: bold;
}
.usecases-tab-nav>li.active>a, .usecases-tab-nav>li.active>a:focus, .usecases-tab-nav>li.active>a:hover{
    color: #2268f3;
    font-weight: bold;
    background:#ffffff;
    box-shadow:inset 0px 0px 50px 0px rgba(75,145,255,0.4);
    position: relative;
}

.usecases-con-box-left{
    background: linear-gradient(-52deg, #FFFFFF 0%, #E8F1FF 100%);
    padding:40px 40px 20px 30px;
}
.usecases-con-box-left, .usecases-con-box-right{
    min-height: 580px;
    border-radius: 10px;
}
.usecases-con-box-right{   
    background-size:auto 100%!important;
    margin-left: 20px;
    padding: 60px 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.use-bg1{
    background: url(../images/cases-bg1.png) no-repeat center center;
}
.use-bg2{
    background: url(../images/cases-bg2.png) no-repeat center center;
}
.use-bg3{
    background: url(../images/cases-bg3.png) no-repeat center center;
}
.use-bg4{
    background: url(../images/cases-bg4.png) no-repeat center center;
}
.caseleft-item{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    margin-top: 10px;
}
.caseleft-item img{
    flex-shrink: 0;
    width: 26px;
    margin-right: 20px;
}
.caseleft-title{
    font-size: 15px!important;
    padding: 3px 0 8px;
    font-weight: bold;
}
.caseright-item{
    width: 100%;
    overflow: hidden;
    background: #2f9dbe;
    border-radius: 10px;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.caseright-item:last-child{
    margin-bottom: 0;
}
.caseright-item-left{
    padding: 20px 40px;
    background: #ffffff;
    min-height: 130px;
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.caseright-item-left p{
    line-height: 20px;
}
.psps-title{
    background: linear-gradient(200deg, #00A5D6 0%, #2367F3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 8px;
    line-height: 22px;
}
.caseright-item-right{
    flex-shrink: 0;
    width: 15%;
    text-align: center;
}

.trading-title{
    font-weight: bold;
    color: #ffffff;
    padding-bottom: 20px;
    font-size: 18px;
}
.useleft-height{
    min-height: 730px;
}

.solution-header{
    margin-top: 100px;
    margin-bottom: 80px;
    display: block;
}
.footer-phone{
    font-size: 24px;
    font-weight: bold;
}
.footer-add{
    color: #6c747f;
    overflow: hidden;
    text-align: center;
}
.footer-box{
    padding: 0 20px 40px;
}

.contact-banner, .document-banner{
    background-size: cover;
    -webkit-background-size: cover;
}

.contact-banner{
    min-height: 280px;
    background: url(../images/contact-banner.jpg) no-repeat top center;
}
.document-banner{
    min-height: 250px;
    background: url(../images/document-banner.jpg) no-repeat top center;
}
.contact-con, .document-con{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    
}
.contact-con{
    min-height: 280px;
}
.document-con{
    min-height: 250px;
}
.contact-con-title{
    color: #ffffff;
    font-size: 36px;
}
.banner-text, .contact-con-text{
    opacity: .7;
    color: #ffffff;
    line-height: 22px;
    margin-top: 20px;
}
.form-box{
    max-width: 1300px;
    margin: 0 auto;
    padding: 60px 15px 100px;
}
.form-item{
    margin-bottom: 25px;
}
.form-item-title{
    font-size: 13px;
    color: #292929;
    height: 32px;
    line-height: 32px;
}
.form-item-title span{
    color: #d50822;
    padding-left: 5px;
}
/*--------------------------------form*/
.form-bg{
    background: #edf3f9;
}
.form-menu{
    padding:100px 50px;
}
.form-control-details, .order-text{
    width: 100%;
    border: 1px solid #cacaca;
    border-radius: 6px;
}
.form-control-details{
    padding-left:12px;
    height: 50px;
    line-height: 50px;
}
.modal-open .modal{
    margin-top: 220px!important;
}
.occupy{
    height: 85px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    display: inline-block;
}
.sych-advitem{
    min-height: 280px;
}
.psp-banner{
    background: linear-gradient(to right, #051643,#091842,#111e3d);
}
@media (max-width:1600px){
    .business-list{
        margin-top: 30px;
    }
    .bannerbox{
        padding-top:110px!important;
    }
    .fieldbox{
        min-height: 200px!important;
    }
    .content-container{
        padding:0 20px;
    }
    .toubox{
        min-height: 280px!important;
    }
    .golcon-box-1{
        min-height: 300px!important;
    }
    .eveyleft_log{
        margin: 22% auto;
    }
    .single-p{
        max-width: 80%;
    }
    .point-item{
        min-height:410px;
    }

    
}
@media (max-width:1590px){
    .brand-link{
        padding:90px 50px;
        min-height: 300px;
    }
    .brand-link-text{
        font-size: 35px;
        line-height: 50px;
    }
    .brand-link-btnbox{
        min-height: 100px;
    }
    .zhm-banner-left{ 
        margin: 31% auto ;  
    }
    .zhmcp-box{
        margin: 20% auto 12%;
        margin-left: 50px;
    }
    .programme-left{
       margin-right: 50px;
    }
    .programme-right{
        max-width: 700px;
    }
    .information-right{
        padding: 60px 90px 20px;
    }
    .psp-advitem-left{
        min-height: 460px;
    }
    .psp-advitem{
        min-height: 220px;
    }
    .address-con-item{
        min-height: 240px;
    }
    .useleft-height{
        min-height: 750px;
    }
    .hdh-itemlist-box{
        min-height: 310px;
    }
    .sych-advitem{
        min-height: 350px;
    }
}
@media (max-width:1590px) and (min-width:1200px){
    .hdh-product-item{
        min-height:1144px;
    } 
    .point-item-1{
        min-height: 420px;
    }
    .security-advantages-con{
        min-height:530px;
    }
    .adv-con{
        min-height: 320px;
    }
}
@media (max-width:1590px){
    .bannerimg{
        padding-left: 50px;
    }
    .bannerimg img{
        margin-top: 5%!important;
    }
    .bannerbox{
        padding-top:100px!important;
        width: 40%;
    }
    .hdh-product-bg{
        background-size:auto 100%;
    }
}
@media (max-width:1560px){
    .business-list{
        margin-top: 30px;
    }
    .bannerimg img{
        margin-top: 10%!important;
    }
    .bannerbox{
        padding-top:80px!important;
    }
    .golcon-box-1{
        min-height: 320px!important;
    }
    .singlebox{
        margin:0 0 25px 0!important;
    }
    .bgc4 img{
        width:95%;
    }
    .hdh-solution-box{
        padding: 50px 10px 30px 80px;
    }

}
@media (max-width:1400px){
    .profuct-content {
        padding-left: 100px;
    }
    .hdh-solution-bg{
        background-size:auto 100% ;
    }
}
@media (max-width:1300px){
    /* .bannerimg img{
        margin-top: 20%!important;
    } */
    .bannerbox{
        padding-top: 70px!important;
    }
    .golcon-box-1{
        min-height: 320px!important;
    }
    .fieldbox{
        min-height: 230px!important;
    }
}
@media (max-width:1200px){
    .business-list{
        margin-top: 40px;
    }
    .hdh-product-bg{
        background-size: auto 100%;
    }
    .swiper-container .merit-title, .swiper-container .merit-txt{
        padding-right:50px;
        padding-left:50px;
    }
    #txtswiper .swiper-pagination{
        bottom:35px!important;
    }
    .bannerimg img{
        margin-top: 20%!important;
    }
    .bannerbox{
        padding-top: 70px!important;
    }
    .eveyleft{
        margin-top: 24%;
    }
    .golcon-box{
        min-height: 295px!important;
    }
    .golcon-box-1{
        min-height: 345px!important;
    }
    .brand-link{
        padding:70px 50px;
        min-height: 270px;
    }
    .brand-link-text{
        font-size: 30px;
        line-height: 50px;
    }
    .hdh-right-box{
        min-height: 205px;
    }
    .partner-header{
        max-width:360px; 
    }
    .security-advantages-con{
        min-height: 570px;
    }
    .point-item{
        min-height:470px;
    }

    .adv-con{
        min-height: 300px;
    }
    .information-right{
        padding: 60px 40px 20px;
    }
    .zhm-product li{
        margin: 0 7px;
    }
    .team-item{
        width: calc((100% - 120px) / 3);
    }
    .psp-advitem{
        min-height: 210px;
        padding: 40px 30px 15px;
    }
    .psp-advitem-left{
        padding: 40px 40px 35px;
        min-height: 870px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0;
    }
    .address-con-item{
        min-height: 280px;
    }
    .useleft-height{
        min-height: 814px;
    }
    .hdh-itemlist-box{
        min-height: 220px;
    }
    .sych-advitem{
        min-height: 480px;
    }
}
@media (max-width:1000px){
    .fieldbox{
        min-height:0!important;
    }
    .eveyleft, .eveyleft_log{
        margin: 4% auto;
    }
    .eveyright{
        text-align: center;
    }
    .golcon-box, .golcon-box-1{
        min-height: 280px!important;
    }
    .golcon-box, .golcon-box-1{
        padding:45px 20px;
    }
    .heighten{
        min-height: 260px;
    }
    .studyright{
        justify-content: center;
        min-height: 50px;
    }
    .illustration-container-1 {
        padding: 15% 0;
    }
    .industry > .industry-text p{
        font-size: 14px;
    }
    .brand-link{
        padding: 50px;
        background-position: center center;
        background-size:auto 100%;
    }
    .brand-link-btnbox{
        justify-content: left;
    }
    .profuct-content {
        padding-left: 0;
    }

}
@media (min-width:992px){
    .zhm-right-con:nth-child(2), .zhm-right-con:nth-child(4), .hdh-right-con:nth-child(2), .hdh-right-con:nth-child(4), .hdh-right-con:nth-child(6){
        border-right:none;
    }
    .zhm-right-con:nth-child(3), .zhm-right-con:nth-child(4), .hdh-right-con:nth-child(3),.hdh-right-con:nth-child(4){
        border-bottom: none;
    }
}
@media (max-width:992px){
    .zhm-right-con:nth-child(1), .zhm-right-con:nth-child(3){
        border-right:none;
    }
    .zhm-right-con:last-child, .hdh-right-con:last-child{
        border-bottom: none;
    }
    .zhm-right-con, .hdh-right-con{
        border-right: none;
    }
    .product-zhm{
        flex-direction: column;
    }
    .zhm-left, .zhm-right{
        width: 100%;
    }
    .zhm-left{
        padding:100px 80px;
    }
    .licenseplate-main, .licenseplate-main-1, .hdh-product-bg{
        background-size:auto 100%;
    }
    .zhm-banner-left{
        margin: 80px 0 20px;
        max-width: 100%;
    }
    .zhm-product{
        flex-direction: column;
    }
    .zhm-product li{
        width: 100%; 
        margin: 0;
    }
    .zhmbox-right{
        padding: 50px 0 20px;
    }
    .zhmcp-box{
        margin: 20px auto 70px;
        justify-content: flex-start;
        min-height: 0;
    }
    .programme-left{
        text-align: center;
        margin-right: 0;
    }
    .programme-main{
        flex-direction: column;
    }
    .programme-right-item{
        padding: 30px 20px;
    }
    .programme-right-item{
        text-align: left;
    }
    .programme-icon{
        width: 40px;
    }
    .programmebg-left{
        padding-left: 70px;
    }
    .programmebg-right{
        padding-right: 70px;
    }
    .hdh-solution-box{
        padding: 50px 10px 30px 20px;
    }
    .synppsis-con{
        flex-direction: column;
        align-items: flex-start;
    }
    .synppsis-con-left{
        text-align: left;
        padding-top: 0;
    }
    .information-main{
        flex-direction: column;
    }
    .information-left{
        width: 100%;
        background-size: 100%;
    }
    .information-right{
        padding: 80px 40px;
    }
    .infor-item-category{
        width: 120px;
    }
    .hdh-qualifications-box{
        flex-direction: column;
        align-items: center;
    }
    .team-item{
        width: calc(100% - 40px);
    }
    .jobs-content{
        flex-direction: column;
    }
    .jobs-left{
        width: 100%;
    }
    .jobs-right{
        border-top: 1px solid #eef1f1;
        border-left:none;
        padding: 40px 30px 70px;
    }
    .psp-advitem-left{
        min-height: 350px;
    }
    .psp-advitem{
        min-height: 330px;
        flex-direction: column;
        justify-content: flex-start;
    }
    .psp-advitem-box{
        padding-top: 0;
    }
    .border-topright{
        border-radius: 0;
    }
    .address-con-item{
        min-height: 170px;
    }
    .usecases-con-box-right{
        padding: 30px 20px;
        margin-top: 15px;
        margin-left: 0;
    }
    .useleft-height, .usecases-con-box-left{
        min-height: 500px;
    }
    .adv-header{
        min-height: 480px;
        padding-bottom: 0px;
    }
    .footer-add{
        text-align: left;
    }
    .banner-row{
        flex-direction: column;
    }
    .bannerbox{
        width: 100%;
    }
    /* .indexbanner{
        padding-top: 20px;
    } */
}

@media (max-width:990px){
    .content-container{
        margin:5% auto;
    }
    .customstxt{
        height:auto!important; 
        text-overflow:clip!important;
        overflow:visible!important;
    }
    .bannerbox{
        padding-top: 20px!important;
    }
    .bannerimg img{
        margin-top: 5%!important;
        margin-right:0!important;
        float: none!important;
        margin-left:5%;
    }
    .golborder{
        border-bottom: 1px solid #efefef;
        border-right:0;
    }
    .golborder:last-child{
        border-bottom:0px;
    }
    .golcon-box, .golcon-box-1{
        min-height: 250px!important;
    }
    .bgc4 img{
        width: 100%!important;
    }
    .illustration-container {
        padding: 7% 0;
    }
    .api-main{
        flex-direction: column!important;
    }
    .api-item, .api_content{
        width: 100%;
    }
    .api-item li a{
        max-width: 100%;
    }
    .api_content{
        margin-top: 50px;
        justify-content: center;
    }
    .point-item{
        border-right: 0;
        min-height:250px;
    }
    .point-item-1{
        min-height: 280px;
    }
    .border0{
        border-bottom: 0;
    }
    .newDeContent-top{
        padding: 30px;
    }
    .markdown-box{
        padding: 30px;
    }
    .navbar-nav>li>a{
        padding: 33px 5px 28px;
    }
    .entrance-main-bg{
        padding:70px 0;
        background-size:auto 100%;
    }
}

@media (max-width:900px){
    .col-xs-6-1{
        width: 50%;
    }
    .click-apply-wrap a img{
        width: 120px;
    }
    .click-apply-wrap-hdh a img{
        width: 180px;
    }
}


@media (max-width:1000px){
    .click-apply-wrap a img{
        width: 140px;
    }
    .click-apply-wrap2 a img{
        width: 270px;
    }
    .click-apply-wrap-hdh a img{
        width: 220px;
    }
    .click-apply-wrap2-hdh a img{
        width: 330px;
    }
    .welfare-con-main p{
        height: 90px;
    }
}

@media (max-width:990px){
    .newsTop-Popular{
        margin: 15px 0;
    }
}
@media (min-width:990px){
    .paddingleft0{
        padding-left: 0;
    }
}
@media (min-width:768px){
    .navbar-nav>li {
        margin-right: 7px;
        margin-left: 7px;
    }
    .welfare-zhm-wap-banner, .mobile-zhm-box, .mobile-zhm-box2, .mobile-rule, .mobile-hdh-box1, .welfare-hdh-wap-banner{
        display: none;
    }
    .footer-con-left{
        width: 35%;
        padding-right: 40px;
    }
    .footer-box{
        width: 33.33%;
        float: left;
    }
    .nav > li:hover .dropdown-menu {display: block!important;}
    .dropdown-menu::after{
        content: '';
      position: absolute;
      top: -10px;
      left: 95px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #ffffff; 
    }
}
@media (max-width:768px){
    h3{
        font-size: 28px!important;
        line-height: 45px!important;
    }
    .footer-box{
        width: 100%;
        float: left;
    }
    .adv-caption h3, .fieldright h3, .bottom-txt, .swiper-container .merit-title, .antonynbancon h3, .antonynbancon-1 h3{
        font-size: 28px!important;
    }
    .anton-title, .standard-right-title, .content-title{
        font-size: 26px!important;
        line-height: 40px!important;
    }
    .adv-header{
        margin-top:30px;
        margin-bottom: 0px;
        padding: 0 10px;
    }
    .indexbanner{
        padding-top: 20px;
    }
    .bannerbox {
        padding-top: 0px !important;
    }
    .advbox{
        margin-bottom:0px!important;
    }
    .fieldright h3{
        transform:none!important;
        margin-top: 0!important;
    }
    .fieldbox{
        padding:25px 20px;
        min-height:0!important;
    }
    .fieldleft{
        display:none;
    }
    .fieldright{
        margin-left:0;
        text-align: center;
    }
    .bgc1, .advertising{
        padding: 30px 0 40px 0;
    }
    .servicenum, .slogintxt{
        padding:0 10px;
    }
    .business-list{
        margin-top: 40px;
    }
    .customer{
        padding-bottom:50px;
        padding-top: 30px;
    }
    .point-sli{
        display: none;
    }
    .slogintxt{
        padding-top:25px;
    }
    .line{
        margin:0px 0 20px 0;
    }
    .footright{
        text-align:left;
    }
    /* .footright .botlink a{
        padding-right:20px;
        padding-left:0;
    } */
    .m-txtg5{
        margin:20px 0!important;
        padding-left: 0!important;
    }
    #txtswiper {
        max-width:none!important;
        padding:30px 0 60px;
        min-height:360px;
    }
    #txtswiper .swiper-pagination{
        bottom:35px!important;
    }
    .swiper-container .merit-title, .swiper-container .merit-txt{
        padding-right:40px;
        padding-left:40px;
    }
    .swiper-container .merit-title{
        margin-bottom:0!important;
        margin-top:20px!important;
        padding-bottom:10px!important;
    }
    
    .banner-link{
        padding-top: 20px;
    }
    /* .bannerbox{
        padding:70px 10px 30px 10px!important;
        width: 100%;
    } */
    .bannerimg{
        margin-top: 0px!important;
        margin-bottom:40px;
        text-align: center;
    }
    .bannerimg img{
        margin-top:30px!important;
        margin-right:0!important;
        float:none!important;
    }
    .banner-link a{
        font-size:14px!important;
    }
    #banner .swiper-pagination{
        bottom:10px!important;
    }
    .navbar-brand{
        height:70px;
        padding:17px 70px 18px 20px;
    }
    .navbar-nav>li>a {
        padding: 12px 20px 12px 20px;
        font-size: 15px;
        font-weight: bold;
    }
    .navbar-nav li:last-child a{
        padding-bottom: 0;
    }
    .navbar-toggle{
        padding: 18px 10px!important;
        margin-top: 10px!important;
    }
    .naventer{
        float:left;
        text-align:left;
        padding: 21px 25px 24px 0px;
    }
    .navbar-nav{
        margin:10px -15px 0 -15px;
    }
    .antonynbancon, .antonynbancon-1{
     max-width:none;
     padding-top: 10px;
     padding-left:20px;
     padding-right:20px;
    }
    .seleval{
        padding-top:80px;
        margin-bottom: 20px;
    }
    .scenario{
        padding:20px 30px 10px 30px;
    }
    .scenario p{
        padding-top: 15px;
    }
    .nameadvan{
        padding:0 10px 20px 10px;
    }
    .nameadvantitle{
        font-size:20px!important;
        line-height: 30px!important;
    }
    .namecon{
        margin-bottom:30px;
    }
    .nameadvantxt{
        padding-top: 5px!important;
    }
    /* .naventer a:first-child{
        padding-left:6px!important;
    } */
    .bgc2{
        padding-top:40px!important; 
    }
    .anton-lc{
        padding:20px 20px 0px 20px;
    }
    .anton-lc img{
        width:100%;
    }
    .bottbtn{
        height: 45px;
    }
    .antonynbancon h3, .antonynbancon-1 h3{
        line-height:40px!important;
    }
    .content-container{
        margin:5% auto;
        padding: 0 15px;
    }
 
    .table-bordered>tbody>tr>td{
        font-size:12px;
    }
    .illustration-container{
        padding: 7% 0 10% 0;
    }
    .illustration-container img{
        padding:0 20px;
    }
    .customstxt{
        height:auto!important; 
        text-overflow:clip!important;
        overflow:visible!important;
    }
    .planbox{
        min-height:250px;
    }
    .seleval-1{
        padding-top:50px;
        margin-bottom: 20px;
    }
    .elebox{
        margin-top:20px;  
    }
    .heighten{
        min-height: 260px;
    }
    .eveyright{
        text-align: center;
    }
    .eveyleft, .eveyleft_log{
        margin: 2% auto;
    }
    .eveyscon{
        padding: 30px 20px 20px 20px;
    }
    .evemain{
         padding: 15px 0;
    }
    .tourusmtxt{
        padding-bottom:25px;
    }
    .seleval-2{
        min-height:150px;
    }
    .aboutcontent{
        margin-bottom:40px;
        padding: 25px 30px 35px 35px;
    }
    .abouttxt{
        color:#999;
        line-height: 35px;
        font-size: 15px;
    }
    .abouttxt span{
        margin-right: 10px;
    }
    .golborder{
        border-bottom: 1px solid #efefef;
        border-right:0;
    }
    .golborder:last-child{
        border-bottom:0px;
    }
    .application{
        height: 240px;
    }
    .appli-pic{
        padding-bottom: 10px!important;
    }
    .studyright{
        justify-content: center;
    }
    .single-case{
        height: 340px;
    }
    .singlebox{
        height: 340px;
    }
    .productbox{
        min-height: 260px;
    }
    .single-con{
        margin: 30px 0;
    }
    .system_title{
        font-size: 25px;
    }
    .system_title img{
        width: 50px;
    }
    .antonynbancon p, .antonynbancon-1 p{
        padding-top: 0;
        font-size: 15px;
        line-height: 28px;
    }
    .navbar-nav .open .dropdown-menu{
        background: #F9F9F9;
    }
    .dropdown-menu>li>a{
        justify-content: flex-start!important;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #1d2129;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
        color: #1d2129;
    }
    .navbar-inverse{
        background: #ffffff!important;
    }
    #menu li.active{
        padding-bottom: 0!important;
    }
    .lan-select, .lan-select option{
        margin-left: 0;
    }
    .industry > .industry-text img{
        max-width:40px;
        max-height:40px;
    }
    .industry > .industry-text h4{
        margin: 15px 0;
        font-size: 15px;
        line-height: 20px;
    }
    .industry > .industry-text p{
        font-size:13px;
    }
    .industry:hover .industry-text{
        width: 90%;
        left: 5%;
        top: 42%;
        padding: 30px 10px 0px 10px;
    }
  
    .check-line{
        width: 100%;
        margin-bottom: 0;
    }
    .details-label{
        width: 100px;
    }
    .details-block-check, .details-block{
        margin-left: 100px;
    }
    .consult-main{
        padding-bottom: 50px;
    }
    .illustration-container-1 {
        padding: 7% 0 10% 0;
    }
    .product-item li a{
        padding:0 10px!important;
    }
    .product-zhm{
        margin-top: 30px;
    }
    .zhm-left{
        padding: 70px 35px;
    }
    .zhm-left-title{
        font-size: 40px!important;
        /* line-height: 28px!important; */
    }
    .zhm-left-title span{
        letter-spacing: 5px;
        line-height: 15px!important;
    }
    .industry > .industry-text{
        min-height: 100px;
    }
    .industry:hover .industry-text{
        padding: 20px;
      }
      .security-advantages-box {
        padding: 30px 0px!important;
    }
      .security-advantages-con {
        margin: 15px 0;
        min-height: 420px;
    }
    .security-standard-left{
        border-bottom: 1px dotted #d4e1f0;
    }
    .security-standard-right{
        padding: 30px 50px;
    }
    .standard-right-title{
        padding-top: 0;
    }
    .zhm-banner-left{
        padding: 0 20px;
    }
    .adv-con{
        padding: 40px 20px;
        min-height: 200px;
    }
    .support-box{
        padding: 30px 0;
    }
    .hdh-solution-box{
        padding: 30px 10px 30px 20px;
    }
    .synppsis-box{
        padding: 50px 30px;
    }
    .hdh-text-con p{
        font-size: 28px;
    }
    .publicfixedpositioning{
        right: 15px;
    }
    .productright{
        left: 20px;
    }
    .productleft{
        right: 20px;
    }
    .welfare-zhm-banner, .welfare-zhm-box, .welfare-hdh-banner, .welfare-hdh-main{
        display: none;
    }
    .welfare-zhm-wap-banner, .welfare-hdh-wap-banner{
        display: block;
    }
    .hdh-rule{
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .hdh-rule > .welfare-rule{
        padding: 0 15px;
    }
    .hdh-rule h3{
        font-size: 16px!important;
        padding-bottom: 0;
    }
    .hdh-rule p{
        font-size: 12px;
        line-height: 20px;
    }
    .newsCon-top{
        flex-direction: column;
    }
    .newsCon-img{
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }
    .entrance-box{
        padding: 0 20px;
    }
    .synppsis-con-right-item{
        flex-direction: column;
    }
    .synppsis-con-right-item p{
        width: 100%;
    }
    .information-right{
        padding: 80px 20px;
    }
    .hdh-product-item{
        min-height: 550px;
    } 
    .hdh-quelifications-item{
        max-width: 100%;
    }
    .positionitem{
        flex-direction: column;
        align-items: flex-start;
    }
    .position-link{
        margin: 5px 0 10px;
    }
    .about-nav{
        flex-direction: column;
        align-items: center;
    }
    .about-address-con{
        padding:40px 15px;
    }
    .usecases-tab-nav{
        flex-direction: column;
    }
    .usecases-nav-item{
        width: 100%;
    }
    .psp-product-box{
        flex-direction: column;
    }
    .psp-product{
        width: 100%;
    }
    .footer{
        flex-direction: column;
    }
    .occupy{
        height: 70px!important;
    }
}
.colorIn{
    color: initial;
}
.colorIn:hover{
    color: initial;
}
.servicemap{
    margin-top: 70px;
    
}
 /* 提示自定义 */
 .stateTip, #StateTip{display:none; position:absolute; background:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:14px; font-family: Helvetica, STHeiTi, sans-serif; color:#333;box-shadow: 0px 0px 14px 0px rgba(94,94,94,0.2);}


 .cpseaheader{
    height: 80px;
    border-bottom: 1px solid #f5f5f5!important;
    background: #fff!important;
    /* box-shadow: 0 3px 16px rgba(0,0,0,.1); */
}
.cpseanav{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.cpsealogo{
    height: 38px;
}
.anton-en{
    max-width: 1000px;
    margin: 0 auto;
}
.anton-en .nameadvantxt{
    line-height: 22px;
}
.document-box{
    max-width: 1200px;
    padding: 50px 0;
    margin: 0 auto;
    color: #333333;
}
.document-box h4{
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 22px;
}
.document-box p{
    line-height: 25px;
    padding-bottom: 20px;
}
.lan-select{
    width: 80px;
    height: 38px;
    color: #fff;
    float: right;
    padding-left: 10px!important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    margin-left: 10px;
    border: none!important;
    font-size: 12px;
    background: #3ea7f3 url("../images/select-icon.png") no-repeat right center;
    background-position: 63px center;
    font-size: 14px;
    border-radius: 30px;
}


.dropdown-menu{
    padding: 15px 0;
    border: none!important;
    left: -60px;
    top: 70px;
    width: 200px;
    border-radius: 10px!important;
    border-top-left-radius: 10px;
    z-index: 999;
    box-shadow: 0px 0px 40px 0px rgba(10,45,91,0.13);
}

.dropdown-menu>li>a{
    color: #1d2129;
    font-weight: bold;
    min-height: 45px;
    width: 100%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    white-space: inherit;
    word-wrap: break-word;
}
.dropdown-menu>li>a img{
    margin-right: 15px;
}
.dropdown-menu>li>a span{
    padding: 4px 0;
    line-height: 18px;
}