.index_cos{display: inline-block;padding: 3px 14px;font-size: 14px;color: #0389ff;border: 1px solid #0389ff;border-radius: 16px;    margin-top: 15px;    margin-left: 40px;}
.head-top .ui-nav ul li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.head-top .ui-nav ul li a {
color: #fff !important;
    border-bottom: 0;
    border-top: 0;
    padding: 4px 8px;
    background: #018afe;
    border-radius: 6px;
}
.head-top .ui-nav ul li a:hover{
   background: #018afed9;
}
.head-top .ui-nav ul li a:hover{color: #018afe ;}


.bbs .lists{padding:10px 15px;}
.bbs .lists ul{margin:0;padding:0;list-style:none;}
.bbs .lists  li{overflow:hidden;border-bottom:1px solid #f3f3f3;padding:10px 15px;}
.bbs .lists  li .face{float:left;width:60px;}
.bbs .lists  li .face img{width:50px;height:50px;border-radius:100%;border:1px solid #eaeaea;}
.bbs .lists  li .info{margin-left:60px;position:relative;}
.bbs .lists  li .info h5{font-size:16px;font-weight:normal;margin:0 0 5px 0;padding:0;}
.bbs .lists li .info h5 a{margin-right:5px;}
.bbs .lists li .info h5 em{border:1px solid #ED4014;color:#ED4014;border-radius:4px;padding:2px 4px;margin-left:5px;font-style:normal;}
.bbs .lists  li .info h5 span{border:1px solid #1889FF;color:#1889FF;border-radius:4px;padding:2px 4px;margin-left:5px;font-style:normal;}
.bbs .lists  li .info h5 span.bg-01{border-color:#2DB7F5;color:#2DB7F5;}
.bbs .lists li .info h5 span.bg-03{border-color:#19BE6B;color:#19BE6B;}
.bbs .lists  li .info .nickname{color:#999;font-size:15px;}
.bbs .lists  li .info .nickname a{color:#999;}
.bbs .lists  li .info .nickname a:hover{color:#f30;}
.bbs .lists li .info .other{position:absolute;right:0;bottom:0;font-size:13px;color:#666;}
.bbs .lists  li .info .other span{color:#999;margin-right:3px;font-size:15px;}
.bbs .lists  li:hover{background:#fafafa;}

.send h2 {
    font-size: 18px;
    color: #444;
}

/*论坛*/
.ui-nav{
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
    position: relative;
    height: auto;
}
.ui-nav li{   display: inline-block;
    margin-left: 6px;}


    /* .menu-top{width: 100%;background: #f5f5f5;color: #666;font-size: 14px;padding: 8px 0;overflow: hidden;} */

input.form-ip {

    width: 190px;
}
.gz-d .list-title{    margin-bottom: 5px;}
.tag{color:#0389ff;    font-size: 15px;}
.tag b{font-weight:500;}
#cnzz_stat_icon_1279168568{display:none;}
    .left{float: left;}
    .right{float: right;}
 .m-select{background: #0389ff; }

.index_news{overflow: hidden;}
    .social-media img{display: none;height: 45px;padding: 4px 0;}
.pub-bot{padding: 20px 2%;margin: 30px 0;}
    footer {
    background: #333;
    color: #fff;
 
    width: 100%;
    overflow: hidden;
padding-top: 50px;
}
.ewm{    overflow: hidden;
  width: 30%;}
.ewm li img {

}
.tagss{display: inline-block;}
.tagss li{display:inline-block;padding:0 6px;border-right:1px solid #0389ff;}
.tagss li:last-child{border-right:0;}
.qi{height: 32px !important;
    margin: 9px 0;}
.index-multi-list img{width: 50px;
    height: 50px;}
.news_item .marquee{height: 420px !important;}
.index_news a{color:#000;}
.index_news a:hover{color:#fff;}
.iban{ height: 0;padding-bottom: 23.64%;   min-height:450px;    width: 100%;   }
.zh-list li a{display:block;}
.zh-list li a:hover h2{color: #0389ff; }
footer .f_bottom {
    font-size: 14px;
    color: #fff;
    border-top: 1px solid #444;
    background: #211e1b;
    line-height: 45px;

}
 .ewm li {
    text-align: center;
    float: right;
width: 50%;
}
.index_banner #prev, .index_banner #next {
    border: none;
    position: absolute;
    top: 45%;
    box-sizing: border-box;
    padding: 18px 2px;
    cursor: pointer;
    opacity: .5;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    z-index: 998;
    background: #f2f2f2;
}
.index_banner #prev {
    left: 5%;
}
.index_banner #next {
    right: 5%;
}
#prev img, #next img {
    width: 24px;
    height: auto;
}
.index-news-title{margin-top:30px;}
.index_banner {width: 100%;position: relative;overflow: hidden;}
.index_banner #prev:hover, .index_banner #next:hover{    background: #666;}
.swiper-pagination-bullet{width: 45px;height: 12px;opacity: .5;border-radius: 0;}
.menu{width: 100%;   height: 70px;position: absolute;z-index: 999;}
.logo{float: left;height: 70px;min-width: 150px;    clear: both;
    align-items: center;
    display: flex;
}
.logo img{max-width: 100%;    
    vertical-align: top;}
.index-nav>li>a{color: #000;display: block;letter-spacing: 2px;}

.index-nav{float: right;text-align: right;overflow: hidden;}
.index-nav>li{ margin-left: 10px;list-style: none;text-align: center;display: inline-block;
  padding: 0 10px;
line-height: 70px;
position: relative;
font-size: 15px;}
.index-nav li:nth-child(1){margin-left: 0;}
.social-media a:hover{color:#0389ff;}
.index-nav li:hover>a{color: #0389ff;}
    .top-wx{display: inline-block;margin-left: 6px;cursor: pointer;position: relative;height: auto;}
    .top-wx>img{position: absolute;top: 45px;z-index: 9999;right: 0;width: 138px;display:none;}
    .top-wx:hover>img, .top-wx>img:hover{display:block;}
   
    .head-top span{color: #000;}

.country-item{    overflow: hidden;min-height: 194px;}
    .moblie-menu {
      text-align: right;
      color: #fff;
      font-size: 22px;
      line-height: 60px;
      display: none;
      height: 60px;
  }
  .moblie-menu img{display: inline-block;padding-top: 12px;}


    .work-type {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        background: #2d3035;
        z-index: 2;
        background-color: rgba(100, 100, 100, .6);
      }
  
      .work-type li {
        color: #fff;
        font-size: 18px;
        float: left;
        width: 25%;
        line-height: 60px;
        text-align: center;
        border-right: 2px solid #808080;
      }
  
      .work-type li:nth-child(4n) {
        border-right: 0;
      }
  
      .index_banner .container {
        position: relative;
      }
  
      .work-type li img {
        display: inline-block;
        vertical-align: middle;
      }
  
      .work-type li span {
        vertical-align: middle;
      }
  
      .index-title ,.a-title{
        width: 100%;
        text-align: center;
        font-size: 26px;
        color: #000;
        margin: 40px 0 40px;
      }
  .a-title h2{font-size: 26px;}
      .index-title h2,.a-title h2 {
        font-weight: 500;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        position: relative;
        letter-spacing: 2px;
      }
  
      .index-title h2::after,.a-title h2::after  {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -8px;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 2px;
        background: #0389ff;
      }
      .a-title h2::after{width: 80%;}
      .index-title img {
        display: inline-block;
        vertical-align: middle;
      }
  
      .index-title p,.a-title p {
        font-size: 13px;
        color: #666;
        display: block;
        margin-top: 15px;
        letter-spacing: 2px;
      }
  
      .banli {
        width: 100%;
        overflow: hidden;
     
      }
  
      .banli li {
        float: left;
        margin-bottom: 40px;
  
  
      }
      .banli li:hover .banli-item{transform: rotateY(180deg)}
      .banli li:hover h3,.text:hover,.index-multi-list li:hover h3{color: #0389ff;}
  
      .banli-item {
        width: 100px;
        height: 100px;
        border: 1px solid #ccc;
        border-radius: 50%;
        padding: 16px;
        margin: 0 auto 10px;
        -moz-transition: all 300ms linear;
      -webkit-transition: all 300ms linear;
      transition: all 300ms linear;
      }
  
      .banli-item img {
        width: 100%;
        height: 100%;
      }
      .banli h3{color: #333;font-size: 14px;text-align: center;}
      .index-multi-list {
      margin: 0;
      padding: 0;
      text-align: center;
      overflow: hidden;
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd;
  }
   .index-multi-list li {
      text-align: center;
      display: inline-block;
    padding: 0;
  
  }
  .index-multi-list li h3{
      margin-top: 5px;
      font-size: 14px;
      color: #999;
  }
  .gz_adv li{margin-bottom: 30px;}
  .gz_type,.gz_adv{width: 100%;overflow: hidden;}
  .gz_type-item{width: 100%;text-align: center;height: 260px;position: relative;}
  .gz_type-item img{display: inline-block; transform: translate(-50%, -50%);position: absolute;top: 25%;z-index: 3;    width: 80px;}
  .bg-c{position: absolute;width: 100%;height: 0;background: #0389ff;bottom: 0;}
  .gz_type-item h3{width: 100%;font-size: 16px;color: #000;letter-spacing: 1px;}
  .shenban{position: absolute;opacity: 0;bottom: -5px;transform: translate(-50%, -50%);left: 50%;width: 100%;border: 1px solid #fff;
    
    color: #fff;font-size: 15px;line-height: 30px;width: 90px;letter-spacing: 1px;}
.gz_type a{display: block}
  .gz_type-item:hover .bg-c{height: 100%;}
  /* .gz_type-item:hover img{transform: rotateX(360deg);} */
 
  .gz_type-item:hover .shenban{opacity: 1;}
  .gz_adv{text-align: center;}
  .gz_adv img{display: inline-block;}
  .gz_adv h3{color: #000;font-size: 16px;letter-spacing: 1px;margin: 25px 0;display: block;text-align: center;}
  .adv_detail{font-size: 14px;color: #666;}
  .gz_adv li:hover h3{color: #0389ff;}

 
      .overflow{width: 100%;overflow: hidden;}
      .news_item{width: 32%;float: left;margin-left: 2%;box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
      .news_item:nth-child(1){margin-left: 0;}
      .news_item-t{width: 100%;background: url(../images/t.jpg) center no-repeat;height: 108px;text-align: center;line-height: 108px;background-size: cover;}
      .news_item-t img{display: inline-block;margin-right: 6px;}
      .news_item-t h2{display: inline-block;vertical-align: middle;font-size: 24px;color: #fff;letter-spacing: 2px;}
      .index_news li{line-height: 70px;height: 60px; width: 100%;overflow: hidden;padding: 0 2%;text-overflow: ellipsis;border-bottom: 1px solid #d4d4d4;}
      .index_news li a{color: #000;font-size: 14px;display: block;}
      .gz_adv-item  img{width: 70px;height: 70px;}
      .index_news li:nth-child(1){border-top: 1px solid #d4d4d4;}
      .index_news li:hover{background: #0389ff;border-bottom: 1px solid #fff;}
      .index_news li:hover a{color: #fff;}
      .index_news-box{padding: 8px 5px;}
      .index_news li:nth-last-child(1){border-bottom: 0;}
      footer .f_top {
  
      padding-bottom: 20px;
      border-bottom: 1px solid #444;
  }
  footer .f_top h2 {
      font-size: 36px;
      color: #fff;
      letter-spacing: 2px;
      display: inline-block;
  
  
  }
  footer .f_top h2 span {
      font-size: 16px;
  }
  footer .f_top label{color: #999;font-size: 13px;display: inline-block;vertical-align: bottom;}
  footer img{display: inline-block;}
  .f-mes{width: 35%;float: left;border-right: 1px solid #151515;}
  .f-left,.f-right,.f-left img{display: inline-block;vertical-align: middle;}
  .f-left{width: 30%;text-align: left;}
  .f-right{width:65%;float: right;}
  .f-con li{line-height: 40px;font-size: 16px;color: #999;}
  .f-bl{width: 100%;overflow: hidden;}
  .f-bl li{width: 50%;overflow: hidden;float: left;line-height: 40px;font-size: 16px;}
  .f-bl li a{color: #999;}
  .f-bl li a:hover{color: #0389ff;}
  footer > .container{padding: 30px 0;}
  .color{color: #0389ff;}
  .f-link{clear: both;padding: 8px;border-top: 1px solid #444;}
  .f-link a{display: inline-block;margin-left: 8px;color: #999;}
  .f-link a:hover{color: #0389ff;}
  .loc{margin-left: 8px;vertical-align: baseline;}
  .f-left{line-height: 120px;text-align: center}

.gz-nav li::before {
  display: block;
  width: 0%;
  background: #0389ff;
  height: 2px;
  content: "";
  position: absolute;
  top: 34px;
  left: 50%;
  transition: all 0.5s; }
.nav-selected::before{  left: 0% !important;
  width: 100% !important;}

.gz-nav li:hover::before {
  left: 0%;
  width: 100%; }
  .customer{padding: 10px 5px;cursor: pointer;}
.customer li{width: 32%;float: left;margin-left: 2%;margin-bottom: 20px;height: 87px;}
.cus-item{width: 100%;border: 1px solid #d4d4d4;;height: 82px;line-height: 82px;padding: 0 6%;}
.customer li:nth-child(3n+1){margin-left: 0;}
.customer li img ,.customer li h3{display: inline-block; vertical-align: middle;}
.customer li h3{font-size: 24px;color: #000;}
.cus-item:hover{border: 1px solid #0389ff;margin-top: -5px;box-shadow: 0 3px  5px rgba(3, 137, 255, .4) ;}
.customer li:hover h3{color: #0389ff;}

  .list-type{margin: 30px 0;}
  .list-title{margin-bottom: 20px;}
  .list-title h1{font-size: 26px;color: #000;display: inline-block ;margin-top:20px;margin-right: 12px;    vertical-align: middle;margin-bottom:20px;}
  .type-select{display: inline-block;width: 120px;    vertical-align: middle;}
  .list-title p{font-size: 14px;display: block;margin-top: 8px;color: #999;}
.gz-list{width: 100%;}
.gz-list li{padding: 20px 0;border-bottom: 1px solid #999;overflow: hidden;}

.list-left{width: 15%;float: left;padding: 25px ;border:1px solid #d4d4d4;}
.list-left img{height: 72px;width: 100%;}
.list-right{width: 80%;float: right;}
.list-right h2, .zh-list h2{font-size: 20px;color: #333;display: block;white-space: nowrap;margin-bottom: 30px;}
.list-desc{height: 50px;line-height: 1.8;font-size: 14px;overflow: hidden;color: #666;}
.gz-list li:hover h2{color: #0389ff;}
.gz-list li a{display: block;}
.detail-more{float: right;margin-right: 5%; width: 65px;line-height: 25px;background: #0389ff;text-align: center;color: #fff;margin-top: 4px;}
.detail-more a{color: #fff;}
.banli-tag{width: 100%;padding: 30px 3%;box-shadow: 0 0 5px rgba(0, 0, 0, .3);margin-top: 15px;}
.banli-tag h2{font-size: 22px; color: #000;margin-bottom: 8px;}
.banli-tag:hover{margin-top:0 ;box-shadow: 0 0 8px rgba(0, 0, 0, .3);}
.bl-tel{font-size: 14px;color: #0389ff;}
.bl-select{width: 100%;overflow: hidden;padding: 14px 0;border-bottom: 1px solid #d4d4d4;}
.bl-select li{width: 50%;float: left;text-align: center;font-size: 15px;font-weight: bold;}
.bl-select li a{width: 90px; display: inline-block;line-height: 30px;border-radius: 3px;color: #fff;}
.bl-select li:nth-child(2) a{    color: #0389ff;
    border: 1px solid #0389ff;
    background: #fff;}
.bl-select li:nth-child(2) a:hover{  color: #fff;
    border: 1px solid #0389ff;
    background: #0389ff;}
.to-bl a{background: #0389ff;}
.bl-liucheng{margin-left: 5%;}
.to-chat a{background: #aaa;}
.bl-label{display: block;margin: 15px 0;font-size: 13px;color: #999;}
.bl-item h3{display: inline-block;font-size: 15px;color: #000;margin-left: 15px;vertical-align: middle;}
.circle{width: 16px;height: 16px;border: 4px solid #0389ff;border-radius: 50%;display: inline-block; vertical-align: middle;}
.xian{width: 1px; height: 42px;margin: 10px 0 10px 8px;background: #d4d4d4;}
.left-part{width: 71%;float: left;}
.right-part{width: 25%;float: right;margin-right: 5px;}
.pagelist .active{    background: #0389ff;}
.pagelist .active a{color:#fff;}
.pagelist li {
display: inline-block;
margin: 0 2px;
}
.pagelist{margin: 30px 0;text-align: center;}
.pagelist li a {
color: #666;
display: inline-block;
border: 1px solid #ddd;
padding: 6px 15px;
}

.title-n{display: inline-block;font-size: 26px;color: #000;margin-bottom: 30px;text-align: center;}
.article-mx{display: inline-block;}

.gz-nav{width: 100%;overflow: hidden;margin: 20px 0;padding-bottom: 2px;    height: 40px;font-size: 0;}
.gz-nav li{  display: inline-block;margin-right: 8px;
    /*width: 90px;*/
    height: 100%;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    position: relative; }




.gz-nav li a{color: #333;display: block;}
.article {
margin: 0 2% 30px;
line-height: 2;
letter-spacing: 1px;
font-size: 14px;
color: #333;
}
.article-date {
width: 100%;
overflow: hidden;
    padding: 0px 0 35px;
color: #666;
font-size: 13px;
position: relative;
text-align: center;
}
.article h1 {
font-size: 24px;

color: #000;
text-align: center;
line-height: 30px;
margin: 20px 0;
}
.oth-article {
width: 100%;
overflow: hidden;
margin: 20px 0 20px;
color: #999;
}
.left {
float: left;
}
.right {
float: right;
}
.oth-article .left, .oth-article .right {
width: 48%;
overflow: hidden;
}
.oth-article .right {
text-align: right;
}
.oth-article a{color: #666;}
.oth-article a:hover{color: #0389ff;}

.article-mx li{display: inline-block;text-align: center;float: left;}
.article-mx img{width: 20px;height: 20px;vertical-align: top;margin-left: 15px;margin-right: 8px;}
.bdsharebuttonbox {    position: absolute;
right: 0;
top: 0;}

.social-media{white-space: nowrap;overflow: hidden;}
.list-nav{width: 100%;padding-bottom: 14px;border-bottom: 2px solid #d4d4d4;margin-top: 30px;margin-bottom: 20px;}
.list-nav h2,.list-nav p{display: inline-block;}
.list-nav h2{font-size: 24px;color: #000;margin-right: 8px;}
.list-nav p{font-size: 12px;color: #999;}
.list-nav .detail-more{margin-right: 0;}
.zh-list{margin-top: 10px;padding-bottom: 30px;}
.zh-list h2{margin-bottom: 12px;margin-top: 20px;}
.zh-list li{padding: 5px;border-bottom: 1px solid #d4d4d4;overflow: hidden;}
.zh-list .detail-more{    margin-right: 2%;}
.shadow{box-shadow: 0px 5px 5px -5px  rgba(0, 0, 0, .6);    overflow: hidden;}
.others {
        width: 100%;
        border: 1px solid #c9c9c9;
        float: left;

        padding: 8px 15px;
        overflow: hidden;
        margin-top: 30px;
    }
    .others-title {
        width: 100%;

        line-height: 32px;
        padding-bottom: 8px;
        overflow: hidden;
        border-bottom: 1px solid #C6C5C5;
        font-size: 16px;
        color: #333;
        font-weight: bold;
    }
    .others-title a{    float: right;
    display: inline-block;
    color: #fff;
    background: #0389ff;
    padding: 0 6px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;}
    .others-title p{font-size: 13px;color: #999;line-height: 1.6;display: block;margin-top: 8px;    font-weight: 500;}

.scroll-list2 {
width: 100%;
height: 555px !important;

overflow: hidden;
}
.scroll-list2 li {
margin-top: 2px;
border-bottom: 1px solid #d4d4d4;
height: 30px;
line-height: 30px;
font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
}
.liuch h2{font-size: 28px;color: #000;margin-bottom: 40px;text-align: center;} 
.liuch{clear: left;}
.liucheng li{text-align: center;padding: 0;margin-bottom: 20px;}
.lc-item{display: inline-block;vertical-align: middle;margin-right: 10px;}
.lc-item img{width: 100%;-moz-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;}

.liucheng li::after{
    content: "";
    display: inline-block;
    background: url(../images/jiant.jpg) center no-repeat;
    width: 32px;
    height: 26px;


}
.liucheng li:nth-child(6)::after{content: "";background: none;}
.lc-item p{font-size: 15px;color: #000;display: block;margin-top: 8px;}
.lc-item:hover img{transform: rotateY(180deg);}
.lc-item:hover p{color: #0389ff;}

.about-js{}
.js-img img{width: 100%;}
.js-text{font-size: 15px;color: #666;line-height: 1.6;text-indent: 2em;}
.about-aim {
width: 100%;
overflow: hidden;
margin-top: 50px;
}
.about-aim li {
width: 31%;
height: 250px;
overflow: hidden;
position: relative;
margin-left: 3.5%;
float: left;
margin-bottom: 20px;
}

.about-aim li:nth-child(3n+1) {
margin-left: 0;
}
.inner-color {
background-color: rgba(0, 0, 0, .5);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 3;
}
.bg-img {
width: 100%;
height: 100%;
}
.inner-text {
padding: 36px;
color: #fff;
position: relative;
z-index: 4;
text-align: center;
width: 100%;
height: 100%;
}
.inner-text h2 {
font-size: 28px;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.separtor {
border-color: #eaeaea;
margin: 20px auto;
width: 90px;
}
.inner-text p {
font-size: 15px;
line-height: 2;
}
.pr-text{font-size: 15px;color: #666;line-height: 2;margin-bottom: 30px;}
.pr-text b{color: #333;line-height: 2.2;}
.clear{clear: both;}
.pr-js .js-img{margin-bottom:30px ;padding-left: 0;}
.fp-text h3,.fp-text h4,.count h3{font-weight: bold;line-height: 35px;;margin: 0;}
.fp-text h3,.count h3{font-size: 16px;color: #000;}
.fp-text h4{font-size: 15px;color: #333;}
.count{text-align: center;margin-bottom: 30px;margin-top: 50px;}
.count-mes{width: 250px;margin: 20px auto;text-align: left;}
.count-mes h3{margin-bottom: 12px;}

.count img{display: inline-block;max-width: 100%;}

#info {

  padding: 10px 0;

}

.info_title_all{margin: 45px 0;text-align: center;}
.info_title_all h3 {
  letter-spacing: 2px;
  display: block;
  font-size:28px;
  color: #001328;
  margin-bottom: 8px;
}
.info_title_all small {
  font-size: 16px;
  color: #848484;
  font-family: pictos;
}
.info_contact {
  overflow: hidden;
  background: #f5f5f5;
  padding: 60px 2%;
  box-shadow:  0px 0px 6px rgba(0, 0, 0, .3);
}
.h-contact-list {
  background-color: #f5f5f5;
  width: 48%;
  float: left;
  overflow: hidden;
}
.h-contact-list ul {
  width: 92%;
  margin: 0 20px;
}

.h-contact-li {
  position: relative;
  padding: 12px 10px 12px 50px;
  border-bottom: 1px solid #D2D2D2;
  font-size: 16px;
}
.h-contact-li img {
  position: absolute;
  left: 0;
  top: 28px;
  display: block;
  width: 37px;
  height: 32px;
  background-position: 0 0;
  background-size: 100% 100%;
}
.h-contact-li .txt {
  color: #888;
}
.top-contact span img{display: inline-block;vertical-align: middle;width: 20px;margin-right: 6px;}
.index-nav li i{display: none;}
#allmap {
  width: 51%;
  height: 387px;
  float: right;
  border: 1px solid #ccc;
}
.h-contact-list h2{font-size: 24px;color: #000;margin-bottom: 16px;}
.title-top{position: relative;height: 30px;margin-bottom: 10px;margin-top: 30px;}
.by-list-title h3 {
  font-size: 26px;
  color: #333;
  display: inline-block;
  padding-right: 2%;
  background: #fff;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
  position: absolute;
  z-index: 2;
}
.by-list-title hr {
  width: 90%;
  display: inline-block;
  vertical-align: middle;
  height: 0;
  background-color: #666;
  height: 1px;
  top: 14px;
  position: absolute;
  top: -7px;
  right: 0;
}
.index_banner .swiper-slide img{width: 100%;}
.fp-text{font-size: 15px;color: #666;line-height: 2;margin-bottom: 30px;line-height: 35px;padding-left: 40px;}
.h-contact-list b{font-size: 16px;margin-left: 16px;display: inline-block;color: #666;}
.gade_maps{margin-bottom: 30px;}

.pro-d{
  font-size: 14px;
  color: #666;
  line-height: 1.6;

}
.pro-d h3{margin: 15px 0 20px;font-size: 18px;color: #333;clear: both;line-height: 24px;    text-align: left;}
.pd-img{width: 30%;float: left;}
.pd-img img{width: 100%;}
.pd-part{width: 66%;float: right;}
.circle{display: inline-block;width: 20px;height: 20px;margin-right: 4px;border-radius: 50%;border: 6px solid #0389ff;vertical-align: middle;}
.pro-text{clear: both;}
.shenban{font-size: 18px; color: #fff;background: #0389ff;}
.gz-d{margin-bottom: 30px;}

.menu-bg{background: #fff !important;position: relative;}












.apply-country{ width:800px; height:320px; border:solid 1px #0389ff; overflow:hidden; margin:0 0 20px 110px;}
.apply-ul{ height:38px; line-height:38px; border-bottom:solid 1px #dcdcdc; color:#666; width:780px; margin:0px auto;}
.apply-ul li{ display:block; float:left; padding:0 9px; cursor:pointer;}
.apply-ul li.active{ color:#0389ff; border-bottom:solid 2px #0389ff;}

.apply-main{ width:780px; clear:both; margin:8px auto; height:250px; overflow:auto;}
.apply-main li{ width:140px; height:32px; display:block; float:left; border:solid 1px #ddd; margin:5px; text-align:center; line-height:32px; cursor:pointer;}
.apply-main li.active{background-color:#0389ff; color:#fff; border-color:#0389ff;}


.apply-top {
  width: 100%;
  height: 120px;
  padding: 10px 0;
  clear: both;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
  margin-bottom: 20px;
}

.ap-left h2 {
  line-height: 100px;
}

.ap-left {
  width: 30%;
  float: left;
  border-right: 1px solid #d4d4d4;
}

.ap-right {
  width: 70%;
  float: right;
  position: relative;
  height: 100%;
}

.bl-step {
  width: 100%;
  overflow: hidden;
  padding: 0 4%;
}

.bl-step li {
  float: left;
  width: 33.33%;
  text-align: center;
  margin-top: 15px;
  position: relative;
  z-index: 2;
}

.bl-step li p {
  font-size: 14px;
  color: #000;
}

.bl-step li:nth-child(1) {
  text-align: left;
}

.bl-step li:nth-child(1) .step {
  margin-left: 3%;
}

.bl-step li:nth-child(3) {
  text-align: right;
}

.step {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #666;
  padding: 12px;
  display: inline-block;
}

.step-select {
  background: #0389ff;
}

.step img {
  width: 100%;
  height: 100%;
}

.line {
  width: 89%;
  height: 1px;
  background: #d4d4d4;
  position: absolute;
  top: 40px;
  left: 7%;
margin:  0;
    min-height: 0;
}
.line:before {
    content: "";
    display: none;
}
.banli-label {
  text-align: left;
  width: 130px;
  font-size: 16px;
  vertical-align: middle;
  padding: 9px 0;
}
.input-tips{    font-size: 12px;
    color: #0389ff;display: block;
    line-height: 1.6;}
.banli-label img {
  margin-right: 4px;
  vertical-align: middle;
}
col-form-label
.form-group {
  padding: 20px 0;
  border-bottom: 1px dashed #d4d4d4;
}
.form-group > label {
    font-size: 15px;
    padding-right: 0;
}
label{    font-weight: 500;}
.layui-input-block {
  margin-left: 130px;
}
.radio{    font-size: 16px;}

.apply-ul {
  display: block !important;
}

.apply-main {
  display: none;
}

.show {
  display: block !important;
}
.layui-form-checkbox i{ width:20px; height:18px; font-size:14px; border-left:solid 1px #ddd; line-height:20px; top:4px;}

.layui-form-checked i, .layui-form-checked:hover i{ color:#0389ff;}

.btn-submit{ width:240px; height:42px; background-color:#0389ff; margin:10px auto;display: block;color: #fff;}
.left-none{    margin-left: 0;}



    .return-mes{text-align: center;color: #000;margin-top: 50px;}
    .return-mes h1{font-size: 26px;margin-bottom: 20px;color: #0389ff;}
    .return-mes img{display: inline-block; vertical-align: middle;margin-right: 15px;}
    .shenban-ewm li{display: inline-block;margin: 0 50px;}
    .shenban-ewm{text-align: center;margin-bottom: 50px;}
    .saoma{font-size: 16px;text-align: center;background: #0389ff;color: #fff;padding: 14px 0;display: block;margin: 50px auto;width: 210px;}
.form-group{ padding: 20px 0;
    border-bottom: 1px dashed #d4d4d4;
}
.form-group > label{width:130px;flex:none;color:#000}
.select-input{width:190px;}
.itext{max-width:380px;}
.form-group {
    margin-bottom: 0px;
}

.dz-image-preview{position: absolute;
    float: right;
    right: 0;
    top: 0;
    width: 30%;
    height: 120px;
    overflow: hidden;}
option{padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;display: block;}
.form-ip{    padding: 8px 4px;}

.row {
    margin-right: -0;
    margin-left: 0;
}
.s-form .form-group{    width: 40%;    clear: left;
    float: left;}
.s-form{
    position: relative;}
.col-7,.input-group{    position: initial;}
.s-radio{    font-size: 14px;
    color: #000;}














        .rz-jianjie{width: 100%;padding: 15px 2%;background: #f5f5f5;margin: 10px 0 30px;overflow: hidden;}
        .rz-left{width: 18%;float: left;}
        .rz-left img{width: 100%;}
        .rz-right{width: 80%;float: right;font-size: 14px;line-height: 1.6;}
        .rz-right h2{color: #000;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 15px;}
      
        .country-name{font-size: 16px;

    line-height: 40px;
    border-bottom: 1px solid #e8e8e8;}
    .country-name li {
    cursor: pointer;
    color: #666;
    position: relative;
    display: inline-block;
    width: 80px;
    text-align: center;
}
.actives:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #f98b40;
    bottom: 0;
    left: 0;
}
.country-box{    margin-bottom: 30px;}
.actives{    color: #f98b40 !important;}
.country-img{width: 100% ;    padding-bottom: 20px;}
.country-img{width: 100%;overflow: hidden;}
.country-img>li{display: none;}
.country-item>li:hover p{color:#0389ff;}
.country-item>li{float: left;width: 9.33%;margin-right: 2%;       min-width: 85px; 
    text-align: center;
    margin-top: 20px;}
.country-item>li:nth-child(9n){margin-right: 0;}
.country-item li a{color: #666;}
.country-item li img{max-width: 100%;
    height: 55px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;}
    .country-item li p{    line-height: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 8px;}
    .show{display: block !important;}
    .rz-top{width: 100%;overflow: hidden;}
    .rz-top h2{color: #000;    font-size: 24px;
    font-weight: bold;
    display: inline-block;}
    .rz-top h2::before{content: '';
    width: 4px;
    height: 20px;
    border-radius: 4px;
    background-color: #000;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 10px;
}
.rz-top a{background: #0389ff;color: #fff;float: right;display: inline-block;padding: 6px 12px;font-size: 16px;border-radius: 4px;}

.navHeader {
    display: flex;
    justify-content: space-between;
    line-height:  60px;
    align-items: center;
    height: 60px;
}
.navHeader .navLogo {
  height: 34px;

    display: inline-block;
    vertical-align: middle;
}
.navHeader .navClose {
    height: 15px;
}
.navH {
    display: flex;
    justify-content: space-around;
    font-size: 12px;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #f5f6f9;
    line-height: 1.6;
}
.navH a {
    flex: 1;
}
.navH a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #f5f6f9;
    border-radius: 15px;
    margin: 0 auto 15px;
}
.navH img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.navL {
    line-height: 1.6;
}
.navL .tit {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}.navL ul {
    flex-wrap: wrap;
}
.flex {
    display: flex;
}
.navL li {
    flex: 33.33% 0 1;
    box-sizing: border-box;
    text-align: center;
    margin-top: 15px;
}
.navL li:nth-child(3n-2) {
    padding-right: 7.5px;
}
.navL li a {
    display: block;
    background-color: #f5f6f9;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    color: #000;
}
.navL li:nth-child(3n) {
    padding-left: 7.5px;
}
.navL li:nth-child(3n-1) {
    padding-right: 7.5px;
    padding-left: 7.5px;
}


.navCont {
    position: fixed;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 20px 20px;
    top: 0;
    transition: transform .3s;
    transform: translateX(100%);
    overflow: hidden;
    z-index: 99999;
    box-shadow: 0 5px 5px #ddd;
}
.navCont.shows {
    transform: translateX(0);

}
.navH a{color: #000;}
.navH a:last-child span {
    background: linear-gradient(-45deg, #ec9d5f, #eb8254);
}






       .gz-title a{display: inline-block;padding: 4px 8px;background:#0389ff ;color: #fff;font-size: 13px;border-radius: 4px;margin-left: 4px;}
       .type-nav{padding: 4px;}
       .type-nav ul{box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    overflow: hidden;}
       .type-nav li{float: left;width: 12.28%;text-align: center;}
       .type-nav li a{color: #333;display: block;font-size: 16px;padding: 15px 0;}
       .selected{background:#0389ff !important ; color: #fff !important;}
       .type-nav li a:hover{background: rgba(3, 137, 255,.5);color: #fff;}
       .type-nav li.on{text-align: center;margin-top: 8px;}
       .type-nav li.on a{width: 60%;background:#0389ff !important ; color: #fff !important;padding: 7px 0;display: inline-block;border-radius:6px ;}
       .g-list ul{width: 100%;margin: 20px 0;
        overflow: hidden;
    padding: 1px 0 0 1px;


      }
.g-list li{background: #fff;text-align: center; display:block; position: relative;
    padding: 15px 0;

    border: 1px solid #ddd;
    margin: -1px 0 0 -1px;
    float: left;
    width: 16.67%;}

    .g-list li a{display: block;}
    .g-list h2{font-size: 18px;color: #000;margin-top: 15px ;text-align: center;}
    .g-list span{display:none;padding: 3px 6px;border: 1px solid #0389ff;color: #0389ff;border-radius: 10px;font-size: 12px;vertical-align: middle;}
    .g-img{padding: 15px;width: 70%;margin: 0 auto;height: 105px;overflow: hidden;    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4d4d4;}
    .g-img img{max-width: 100%;}
      .g-list li:hover{  background: #ecf6fd;
          box-shadow: inset 0px 0px 32px #dff1ff;}
    .g-list li:hover h2{color: #0389ff;}
    .g-list li span:hover{background: #0389ff;color: #fff;}
   .g-list h2 p{display: inline-block;overflow: hidden;width: calc(100% - 55px);white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}

  .lx-cost{width: 30%;float: left;}
    .lx-cost img{width: 100%;height: 270px;}
.lx-type{width: 68%;float: right;}
.lx-type a{display: block;}
.lx-type li{width: 33.3%;float: left;border-bottom: 1px solid #d4d4d4;text-align: center;padding: 25px 2%;}
.lx-type li:hover h3{color: #0389ff;}
.lx-type li:nth-child(3n-1){border-left: 1px solid #d4d4d4;border-right:  1px solid #d4d4d4;}
.lx-type b{display: block;width: 50px;line-height: 18px;font-size: 13px;color: #0389ff;font-weight: 500;float: right;border-radius: 18px;border: 1px solid #0389ff;}
.lx-type li:nth-child(n+4){border-bottom: 0;}
.lx-type h3{font-size: 18px;margin: 2px 0 12px;color: #000;line-height: 1;}
.lx-type h3 img{    float: left;margin-right: 4px;vertical-align: middle;
    display: inline-block;}

.lx-det{font-size: 12px;
    color: #666;
    line-height: 1.8;
    display: flex;
    text-align: left;}
.m-show{display: none;}
.gz_img{width: 20%;float: left;}
.gz_type{float: right;width: 78%;}
.jj{font-size: 14px;line-height: 1.6;color: #666;text-align: center;margin-bottom: 9px;height: 44px; margin-top: 6px;
    overflow: hidden;
}
.gz-ct{padding: 5px 8px;border: 1px solid #0389ff;color: #0389ff;display: inline-block;   }
.gz-ct:hover,.index_cos:hover{ background: #0389ff;   
    color: #fff;}

.b-text{position: absolute;    top: 150px;}
.rz-top p{    font-size: 13px;
    color: #666;
    display: inline-block;
    margin-top: 15px;
       margin-left: 4px;}
.rz-top h3{    color: #333;
    font-size: 24px;

    display: inline-block;}
.index_c{margin: 30px 0;}


.subNav {
    display: flex;
    margin-top: 20px;
}
.subNav a.gz {
 background: linear-gradient(-45deg, #299aff, #0389ff);
    background: -moz-linear-gradient(-45deg, #299aff, #0389ff);
    background:  -webkit-linear-gradient(-45deg, #299aff, #0389ff);
    background: -o-linear-gradient(-45deg, #299aff, #0389ff);
    margin-right: 10px;
}
.subNav a {
    border-radius: 6px;
    flex: 1;
    position: relative;
    padding: 15px;
}
.subNav a p {
    font-size: 14px;
    color: #fff;
    margin-bottom:5px;
}
.subNav a span {
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    color: #98a8ea;
    background-color: #fff;
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
}
.subNav a.gz img,.subNav a.rz img  {
    width: 38px;
    height: 37px;
}
.subNav a img {
    position: absolute;
    right: 12.5px;
    top: 50%;
    margin-top: -17.5px;
}
.subNav a.rz {
    background: linear-gradient(-45deg, #fd8991, #fd7a82);
    margin-left: .2rem;
}

.nav {
    display: flex;
    justify-content: space-around;
    font-size: 15px;
    text-align: center;
    margin: 20px 0;

}
.nav a{display: block;width: 25%;text-align: center;color: #000;}
.nav i{
  font-size:36px;
color:#0389ff;
    margin-bottom: 12px;
}
.tik{width: 100%;background: #f5f5f5;padding: 8px 2%;}
.tik-in{background: #fff;padding: 8px 2%;border-radius: 12px;overflow: hidden;white-space: nowrap;text-align: center;}
.tik-in img{display: inline-block;width: 26px;}
.tik-in h2{font-size: 14px;display: inline-block;vertical-align: middle;width: 70%;overflow: hidden;}
.tik-in>a{display: inline-block;padding: 2px 0;border-radius: 8px;border: 1px solid #0389ff;color: #0389ff;font-size: 12px;width: 60px;text-align: center;margin-right: 2px;}












.banlii li{float: left;width: 20%;padding-left: 2px;}
.bl-img{width: 100%;}
.qy-top{height: 105px;line-height: 105px;text-align: center;background: #2282ff;}
.qy-top h3,.qy-top img,.qy-mid li img,.qy-mid li span{display: inline-block;vertical-align: middle;}
.qy-top h3{font-size: 16px;margin-left: 4px;color: #fff !important;}
.qy-mid{text-align: left;}
.qy-mid p{font-size: 14px;color: #666;display: block;margin: 6px 0 12px;text-align: center;}
.qy-mid li{margin-bottom: 20px;color: #000;width: 100%;padding-left: 20%;font-size: 16px;}
.qy-mid li img{margin-right: 10%;}
.qy-mid li span{min-width: 84px;text-align: left;}
.bl-but{    display: block;
       padding: 0 8px;
    line-height: 21px;
    font-size: 13px;
    color: #0389ff;
    text-align: center;
	margin-left: 18%;
    font-weight: 500;
    float: left;
    border-radius: 25px;
    border: 1px solid #0389ff;}
	.bl-but:hover{background: #0389FF;color: #fff;}
	.dq-item{position: relative;float: left;width:17.6% ;border: 1px solid #D4D4D4;padding: 20px 2%;overflow: hidden;}
	.top-sanjiao {
	    position: absolute;
	    cursor: pointer;
	    left: -180px;
	    top: -110px;
	    transform: rotate(-55deg);
	    width: 0;
	    height: 0;
	    border: 120px solid;
	    border-color: transparent transparent #0389ff;
	}
	.dq-lc{height: 274px;}
	
	.num {
	    color: #fff;
	    font-weight: 500;
	    transform: rotate(55deg);
	    letter-spacing: 0;
	    position: absolute;
    top: 56px;
    left: 3px;
    font-size: 50px;
	}
	.dq-top{text-align: right;margin-bottom: 10px;}
	.dq-top i{font-size: 35px;color: #999;}
.dq-item:hover i, .dq-item:hover h2{color: #0389FF;}
	.dq-item{height: 100%;cursor: pointer;}
	.dq-item h2{font-size: 22px;text-align: center;margin-bottom: 15px;color: #333;}
	.dq-span{font-size: 14px;line-height: 1.8;color: #999;}
	.dq-jt{width: 3%;text-align: center;float: left;height: 100%;display: flex;align-items: center;justify-content: center;}
	.dq-jt img{display: inline-block;max-width: 100%;}
	.rongyu{margin-bottom: 30px;}
	.rongyu li{width: 25%;float: left;text-align: center;padding: 8px;}
	.rongyu img{display: inline-block;box-shadow: 0 0 8px rgba(0,0,0,.3);max-width: 100%;}

	.gzh-type h3{margin: 2px 0 22px;}
		.gzh-type li{padding: 20px 2%;}

    .zx{font-size:24px;text-align: center;margin: 20px 0;}
  .menu{    position: relative;    background: #fff !important;}
  .xie-box{width: 80%;overflow: hidden; height: 500PX;border: 1px solid #d4d4d4;padding: 8px;margin:0 auto;}
  .xie-text{width: 100%;height: auto;font-size: 16px;color: #333; line-height: 1.8; }
  .accept{height: 42px;width: 240px; background: #0389ff;color: #fff !important;display: block;margin: 30px auto;  text-align: center;line-height:42px;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;}


#team {
    padding-top: 80px;
}

.section-bg {
    background: #f5f8fd;
}
.block3 {
    padding: 20px 0 70px 0;
    background: #cdcee2 ;
    background-position: 100% 100%;
    margin-top: -100px;
}
.blocktitle {
    padding: 20px 0;
}
.titleBox {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    position: relative;
    padding-bottom: 33px;
    padding: 25px 0 0 0;
    letter-spacing: 2px;
}
.titleBox .beautyfont {
    font-size: 70px;
    color: #f4f4f4;
    font-family: Myriad Pro;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    opacity: 0.1;
}
.block3 .beautyfont, .block3 .gradient {
    color: #ffffff !important;
}
.titleBox .big {
    overflow: hidden;
    height: 40px;
    font-weight: normal;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
    margin-top: 60px;
}
.titleBox .big span {
    font-size: 36px;
    text-align: center;
    color: #333333;
    position: relative;
    height: 40px;
    display: inline-block;
    padding: 0 80px;
    line-height: 40px;
    z-index: 1;
}
.titleBox .intro {
    text-align: center;
    font-size: 16px;
    color: #666666;
    padding: 17px 0 19px 0;
    line-height: 28px;
    position: relative;
    z-index: 2;
}
.block3 .blockcontent {
    padding: 28px 0 0 0;
}
.block3 ul {
    width: 100%;
}
.block3 li {
    width: 23.5%;
    height: 400px;
    background: #fff;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    float: left;
    margin-right: 2%;
}
.block3 li:nth-child(4){    margin-right: 0%;}
.block3 li .img {
    width: 243px;
    height: 343px;
    margin: 0 auto;
    margin-top: 25px;
}
.block3 li .text {
    height: 85px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    text-align: center;
    padding: 20px 0;
}
.block3 li .text span {
    padding: 0 30px;
    position: relative;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 20px;
}
.block3 li .text p {
    background: #ccc;
    margin: 3px auto 0;
    width: 40px;
  height: 2px;
}
.block3 li:hover .text p{background: #0389ff;}

.fans_move_superiority {
    overflow: hidden;
    width: 100%;
  padding-bottom: 60px;
    background: #f5f6fa;
}
.fans_move_superiority .titleBox .beautyfont{color: #000;}
.qy_lc_title {
    text-align: center;
    padding-left: 0;
    padding-bottom: 50px;
    color: #333;
    line-height: 48px;
    font-size: 32px;
}
.qy_gc_right {
    width: 30%;
    margin-top: 10px;
}
.qy_gc_right .qy_rtitle {
    font-size: 18px;
    line-height: 48px;
}
.qy_gc_right .qy_rdetail {
    color: #666;
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 28px;
}

.qy_gc_right .last_rdetail {
    color: #eb7630;
    padding-top: 10px;
}
.fl{float: left;width: 68%;margin-top: 30px;}
.fl img{max-width: 100%;}
.fr{float: right;margin-top: 30px;}
.block6 {
    padding: 10px 0 60px 0;
}
.blockcontent {
    padding: 30px 0;
}
.block6 .blockcontentbox {
    height: 550px;
    box-shadow: 0 0 15px rgba(194,196,217,0.3);
    border-radius: 5px;
    position: relative;
}
.block6 .vs {
    width: 135px;
    height: 619px;
    background: url(../images/vs.png) no-repeat center;
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -67.5px;
    top: -36px;
}
.block6 .blockcontentbox .vs ul {
    padding: 126px 0 0 16px;
}
.block6 .blockcontentbox .vs li {
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    color: #666666;
    border-bottom: 1px solid #eee;
    text-align: center;
    width: 103px;
}
.block6 .boxcomm {
    width: 600px;
    height: 550px;
    float: left;
}
.block6 .blockcontentbox .titles {
    height: 90px;
    background: #0389ff;
    text-align: center;
    position: relative;
}

.block6 .blockcontentleft .titles {
    background: #0389ff url(../images/bg2.png) no-repeat left top;
    border-radius: 5px 0 0 0;
}
.block6 .blockcontentbox .titles .sjx {
    border-width: 8px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -16px;
    border-color: #9716f2 transparent transparent transparent;
    
    width: 0;
    height: 0;

}
.block6 .blockcontentbox .titles span {
    text-align: center;
    height: 35px;
    display: inline-block;
    padding: 0 45px;
    line-height: 35px;
    position: relative;
    z-index: 1;
    font-size: 30px;
    color: #fff;
    margin: 28px auto;
}
.block6 .blockcontentbox .titles span:before {
    display: block;
    width: 30px;
    height: 35px;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(../images/i11.png) no-repeat left center;
}
.block6 .blockcontentbox .titles span:after {
    display: block;
    width: 30px;
    height: 35px;
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: url(../images/i12.png) no-repeat right center;
}

.publicblock {
    width: 1200px;
    margin: 0 auto;
    clear: both;
    zoom: 1;
}
.block6 .blockcontentbox .boxcomm li {
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    color: #666666;
    border-bottom: 1px solid #eee;
    background: url(../images/dot.jpg) no-repeat 20px center;
    padding-left: 30px;
    text-indent: 10px;
}
.block6 .blockcontentright .titles {
    background: #ECECEC;
}
.block6 .blockcontentright li {
    padding-left: 90px !important;
    background: url(../images/dot2.jpg) no-repeat 77px center !important;
    color: #999 !important;
}
.cb{color: #576FFF !important;}
.block6 .blockcontentright .titles span {
    color: #787878 !important;
}
.block6 .blockcontentright .titles span:before {
    display: block;
    width: 30px;
    height: 35px;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(../images/i13.png) no-repeat left center;
}
.block6 .blockcontentright .titles span:after {
    display: block;
    width: 30px;
    height: 35px;
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: url(../images/i14.png) no-repeat right center;
}

.index-news-title h2 {
    font-size: 24px;
    color: #000;
    padding-left: 8px;
    line-height: 1.2;
    border-left: 4px solid #0389ff;
    letter-spacing: 2px;
    display: inline-block;
}

.lctu{margin: 20px 0 30px;position: relative;padding-top: 4px;}
.lc-line{position: absolute;bottom: 48px;width: 100%;height: 1px;background: #d4d4d4;}
.lc-ewm{width: 15%;float: left;position: relative;z-index: 2;}
.lc-ewm img{width: 143px;max-width: 100%;}
.liuchengs{width: 85%;float: left;position: relative;z-index: 2;}
.liuchengs li{text-align: center;padding: 0;float: left;width: 14.25%;}
.lc-items{display: inline-block;    margin-top: -4px;}
.lc-items img{max-width: 100%;-moz-transition: all 300ms linear;display: inline-block;margin-left: 22px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;}
.lcnum{font-size: 18px;color: #fff;width: 30px;height: 30px;background: #0389ff;border-radius: 50%;margin:0 auto;line-height: 30px;}
.lc-items p{font-size: 16px;color: #000;display: block;margin-top: 6px;white-space: nowrap;}
.cnt {
    display: inline-block;
    font-size: 15px;
    color: #333;
    margin-left: 8px;
}
.cntype{    display: flex;zoom: 1;margin: 40px 0;}

.cntype li{    margin: 5px;  margin-right: 20px;}
.cntype li:nth-child(1) .cntext {}
.case_listb>li{display: none;}
.cntype li img{float: left;max-width: 100%;}
.cntext{    float: left;
  display: none;
  padding-left: 10px;

  margin-top: 10px;}
  .show{display: block !important;}
  .cntext h3{    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;}
    .cntext p{font-size: 12px;
      color: #666666;
      width: 400px;}
  

.mgz-option, .mgz-d {
    display: inline-block;
}
.jiaji {
    font-size: 12px;
    color: #fff;
    padding: 4px 10px;
    background-color: #0389ff;
    display: inline-block;
    margin-left: 4PX;
    border-radius: 20px;
    letter-spacing: 1px;
}
.m-show {
    display: none !important;
}
.need-rz {
    width: 20%;
    float: right;
    color: #0389ff;
text-align:right;
}
.rz_banner .swiper-slide {
    padding: 0 6px;
}

.pd-img img {
    max-width: 100%;
    display: inline-block;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    opacity: .5;
    border-radius: 50%;
}

.product-zixun {
    font-size: 14px;
 
    padding: 4px 10px;
    border-radius: 20px;
    background: #0389ff;
    line-height: 1;
}
.product-zixun a{   color: #fff;}
.gzyb{width: 100%;border-radius: 20px;border: 1px solid #0389ff;overflow: hidden;display: none; margin: 20px 0;}
.top-t{background-color: #0389ff;color: #fff;text-align: center;padding-bottom: 10px;}
.top-t h2{font-size: 28px;font-family:"宋体";font-weight: bold;letter-spacing: .1em;padding: 20px 0 10px;}
.gztip{padding: 6px 30px;background-color: #fff;border-radius: 20px;color: #000;font-family:"宋体";font-size: 18px;display: inline-block;}
.gzyb li{float: left;width: 49%;margin-bottom: 20px;}
.gzyb li:nth-child(2n){margin-left: 2%;}
.gzyb ul{padding: 20px 4% 0;}
.gzyb li img{max-width: 100%;}

.pd-img {
    width: 46%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
.pd-part {
    width: 50%;
    float: right;
}
.rz_banner {height: 259px;}





















.banner-form{width: 100%;    padding: 20px 4%;     text-align: center;     margin-top: -20px;
}
.banner-form-group{    display: inline-block;width: 310px;    position: relative;
    margin-bottom: 0;
    vertical-align: middle;}
.banner-form-group img{
    position: absolute;
    left: 10px;
    top: 50%;
    display: block;
    transform: translateY(-50%);
    line-height: 1;
    z-index: 2;
    width: 22px;
}
.banner-form-group  input,.banner-form-group select{    width: 100%;    vertical-align: middle;    display: block;outline: none;border: 1px solid #0389ff;
    color: #333;
    height: 50px;
    font-size: 16px;
    background: #fff;
    letter-spacing: 2px;
    padding-left: 40px !important;
}
.banner-form .form-group {
    padding: 0;
    border-bottom: none;
}
.bf-sub{display: inline-block;    border-bottom:none;padding:0;}
.bf-sub button:hover{opacity:.8;color:#fff;}
.bf-sub button{    padding: 0;
border: none;width: 160px; height: 50px;line-height: 50px;color: #fff;background: #0389ff;font-size: 16px;letter-spacing: 1px;cursor: pointer;outline: none;}


         .ib #toast_1{width: 206px !important;height: 200px !important; top:50% !important;background: url(../images/sucess.png) no-repeat; box-shadow: 0px 10px 40px 0px #131e3426;
    left:50% !important;
z-index: 999;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);

}
.ib .toast-body,.ib .progress-bar,.ib .progress{display:none;}