@charset "utf-8";
/* CSS Document */
body {
     font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
body{
   background: #fff;
}
a,a:hover{
   text-decoration: none;
}
.clear{
    clear: both;
}
.clear ul li
{
    font-size: 13px;
}
.clear:after{
    clear: both;
    content: "";
    display: block;
}
.txt-center{
    text-align: center;
}
.bg-bule{
    background: #6fced0;
}

.bg{
    background: #fff;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-angle-down:before {
    content: "\f107";
}
.icon-user2:before {
    content: "\e901";
}
.icon-search2:before {
    content: "\e902";
}

.address{
    margin-top: 40px;
}

.phoneState{
  display: none;
}
.navbar {
  border-radius: 0;
}
.navbar-default {
  background-color: #f1f1f1;
  margin-bottom: 0;
}

.navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 20px;
    margin-right: 15px;
    }
.navbar-toggle{
    float:right;
    margin-left:15px;
    margin-top:25px;
    }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active{
    background: #1a74d1;
    
}
.logoMove{
    display:none;
    }
.logopc{
   width: 204px;
   height: auto;
}
.logoPc img{ 
    margin-right:15px;
    }
.navbar-form{ 
    margin-top:18px;
    }
.navbar-form .bordered{
    display:inline-block;
    border:1px solid #ccc;
    border-radius: 4px;
    padding: 0 5px 0 0;
}
.navbar-form .bordered .form-control{  
    border:none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow:none;
    height: 30px;
    }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover
{
    background:#f1f1f1;
    display: block;
    border-bottom: 6px solid #69d1d0;
    }
    
.dropdown-menu{
    background:#dfefff;
    border:none;
    border-radius: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
    min-width:120px;
    padding:0;
}
.dropdown-menu li{
     border-bottom:1px solid #fff;
     line-height:25px;
    }
.dropdown-menu>li>a{
    padding:6px 20px;
    }
.logined a{
    color: #4b4b4b;
    font-weight: normal;
    vertical-align: middle;
    margin-right: 0px;
    }
.login-a,.exit-a{
     color: #4b4b4b;
    font-weight: normal;
    vertical-align: middle;
    margin-right: 10px;
}
.logined span{
    background: #3795d7;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: inline-block;
    margin:0 5px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    }
.logined .dropdown-menu{
    margin-top: 0;
}
.logined.pull-right>.dropdown-menu {
   left: 0;
   right: auto;
}
.logined.open{
    background: #dfefff;
}
.form-group .bordered span{
    vertical-align: middle;
    width:25px;
    }
/*幻灯*/
/*幻灯*/
.wrapperbox{
margin-bottom: 20px;
}

.bx-wrapper .bx-pager{ margin-bottom:1rem;}
.bx-wrapper .bx-viewport{
    -moz-box-shadow:none;
     -webkit-box-shadow: none; 
     box-shadow: none; 
    border:0;
}
.bx-wrapper{
  margin-bottom: 0px;
}

.bx-wrapper img {
    width: 100%;
}
.bx-wrapper .bx-viewport{ 
    left: 0;}
.bx-wrapper .bx-pager.bx-default-pager a{
    opacity: 0.5;
    background: #fff;
    width:0.8rem;
    height: 0.8rem;
    border-radius:1rem;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    -o--transition: width .3s ease-out;
    -ms--transition: width .3s ease-out;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
   background: #53c6d5;
    opacity: 1;
    width: 1.6rem;
    
}
.bx-wrapper .bx-controls-direction{
    opacity: 0;
}
.bx-wrapper:hover .bx-controls-direction{
    display: block;
    opacity: 1;
}
.bx-wrapper .bx-controls-direction：hover{
  display: block;
}
.bx-wrapper .bx-pager{
   bottom: 0px;
    width: auto;
    /* margin: 0 auto; */
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    background: rgba(0, 0, 0, .3);
    padding: 0.6rem 1rem;
    border-radius: 20px;
    line-height: 0;
    display: none;
    
}
.bx-wrapper:hover .bx-pager{
   display: block;
}
@media (min-width: 1280px){
  .bx-wrapper .bx-prev{
  left: -60px;
  }
.bx-wrapper .bx-next {
    right: -60px;
}
}
@media (max-width: 767px){
    
.navbar-header {
    height:88px;
    background: #f1f1f1;
    
}
.logoPc{
    display:none;
    }
.logoMove{
    display:block;
   
}
.navbar-collapse .navbar-form.pull-right{
    float:none!important;
    }
    

}

/*工具箱*/
.title{
    font-size: 26px;
    font-size: 26px\9;
    color: #4b4b4b;
    border-bottom: 3px solid #71cccf;
    margin: 0px -15px 20px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: block;
}
title.title{
    font-size: 20px;
    font-weight: bold;
    color: #02477e;
}
.tools{
   background: #f2f5ff;
}
.tools figure div{
    padding:0 15px;

}
.tools figure img{
   padding: 1px 1px 0 1px;
    background: #8dbfe5;
    width: 100%;
}
.tools figure {
    padding-right: 0px;
    padding-left: 0px;}
.tools figure:first-child div{
    padding-left: 15px;
}
.tools figure:last-child div{
    padding-left: 15px;
}
.tools figure figcaption{
    width: 100%;
}
.tools figure figcaption a{
    width: 50%;
    float: left;
    text-align: center;
    line-height:32px;
    color: #4a4a4a;
    background: #91cfff;
    border-bottom: 2px solid #52aff7;
    box-sizing: border-box;
    cursor: pointer;
}
.tools figure figcaption a:hover{
    background:#4199dd;
    color: #fff;
}
.tools figure figcaption span:last-child a{
    border-left: 1px solid #fff;
}
.tools figure figcaption span:first-child a{
    border-right: 1px solid #fff;
}
.tools figure:last-child figcaption span a{
    border-right:none;
    border-left:none;
    width: 100%;
}

/* move-list*/
@media (max-width: 767px){
   .tools figure{
    background: #fff;
    padding: 15px 1rem;
    margin-bottom: 20px;
   }    
    .tools figure:last-child{
    margin-bottom: 0px;
   }   
    .tools figure:last-child figcaption span a{
    width: auto;
}
    .tools figure figcaption span{
    width: 50%;
    float: left;
    text-align: center;
    }
    .tools figure:last-child figcaption span{
        width: 100%;
        text-align: center;
    }
    .tools figure:last-child figcaption a{
        width: auto;
        min-width:25%;
}
    .tools figure figcaption span:first-child a{
          border-right: 1px solid #52aff7;
    }
    .tools figure figcaption span:last-child a{
           border-left: 1px solid #52aff7;
    }
    .tools figure figcaption span a{
        width: auto;
        min-width: 50%;
        float: none;
        display: inline-block;
        margin-top: 10px;
        border-radius: 5px;
        background: #fff;
        border: 1px solid #52aff7;
        color: #52aff7;
        line-height: 32px;
        padding: 0 12px;
        font-size: 16px;
    }
.tools figure figcaption span a:hover,
.tools figure figcaption span a:active{
        background: #52aff7;
        color: #fff;
    }
.tools figure figcaption a:first-child {
    border-right: 1px solid #52aff7;
}
.tools figure figcaption a:last-child {
    border-left: 1px solid #52aff7;
}
}
.logined{
   display: inline-block;
   line-height: 65px;
   height: 70px;
}
 
/*信息列表*/
.newsList{
   background: #fff;
   padding-bottom: 100px;
}
.newsList a{
   color: #575757;
   font-size: 14px;
    line-height: 32px;
  
}
.newsList a span{
   color: #000;
    margin-right: 4px;
    font-size: 16px;
}
.newsList a:hover span,.newsList a:hover{
   color: #008bed;
}
.newsList div p{
    font-size: 20px;
    line-height: 41px;
    margin-bottom: 40px;
    margin-top: 10px;
    padding-left: 15px;
}
@media (min-width: 768px){
.col-md-2 {
    width: 20%;
}
    .col-md-6 {
    width: 50%;
}

}
@media (max-width: 992px){

.title{
    font-size: 2rem;
}
    .tools figure div{
    padding: 0 5px;
}
    .tools figure:first-child div {
    padding-left: 5px;
}
    .tools figure:last-child div {
    padding-left: 5px;
}
.title{
    margin-left: -15px;
    font-size: 20px;
 }
 .newsList .col-md-6.col-xs-12{
    padding-left: 0;
    padding-right: 15px;
 }
}
@media (max-width: 992px){

.title{
    padding-left: 15px;
}
}
/*header*/
@media (max-width: 1026px) and (min-width: 768px){
  .logoPc{
    margin: 0 auto;
    display: block;
    text-align: center;
    }
    .navbar-header {
    float: none;
}
}
@media (max-width: 992px) and (min-width: 768px){
  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
}
    .navbar-form .form-control {
    width: 120px;
}
    .navbar-form {
    margin-top: 15px;
}
    
}
@media (max-width: 767px){
.newsList .col-md-6.col-xs-12{
    padding-left: 15px;
    padding-right: 15px;
 }
.bx-wrapper:hover .bx-controls-direction{
    display: none;
}
.tools .title{
     font-size: 16px;
    }
.phoneState{
    display: block;
    position: absolute;
    right: 18px;
    top:35px;
}
.phoneState a{
     color: #fff;
    } 
 .phoneState .logined{
    line-height: 30px;
    height: auto;
 }
 .phoneState .logined .dropdown-menu{
    left: auto;
    right: 0;
 }
  .phoneState .logined.open{
    background: none;
  }
.navbar-default .navbar-toggle {
    border-color: #bedeff;
}

 .navbar-default .navbar-toggle .icon-bar {
    background-color: #bedeff;
}
 .navbar {
    margin-bottom: 0px;
    border: none;
    }
.form-group label{
    display: none;
    }

.form-group .bordered {
    display: table;
        width: 100%;
        background: #fff;
        padding: 0;
    }
.form-group .bordered input{
    display: table-cell;
    }
.form-group .bordered span{
    display: table-cell;
    vertical-align: middle;
    width:25px;
    }
.navbar-collapse{
    background: #1e5b9a;
    /*position: absolute;*/
    z-index: 1000;
    /*width: 100%;*/
    }
.navbar-collapse ul li{
    border-bottom: 1px solid #2969ab;
    }
.navbar-collapse ul li:last-child{
    border-bottom: none;
     }
.navbar-form{
    margin-top: 0;
    border-top:none;
    }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: #008bed;}
    .navbar-nav>li>a{
    padding-top:15px;
    padding-bottom: 15px;
    margin-right: 0;
    }
.navbar-default .navbar-nav>li>a {
    display: block;
    color: #ccc;}
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    }
.navbar-nav{
    margin: 0 -15px;
}
.navbar-form{
    margin-bottom:0;
    }
.navbar-nav .open .dropdown-menu>li>a {
    line-height: 30px;
    padding-left: 50px;
}
.navbar-nav .open .dropdown-menu>li{
    background: #dfefff;
    border-bottom: 1px solid #ccc;
    }
.title h2{
    font-size: 1.5rem;
}
}
.navbar-nav .dropdown a span {
    vertical-align: middle;
}
/*幻灯*/
@media (max-width: 992px){
.wrapperbox{
    padding-right: 0px;
    padding-left: 0px;
}

}

/*pc-footer*/
footer.pcfooter{
    margin-top: 0px;
    background: #f1f1f1;
    color: #616161;
}
footer.pcfooter figure{

    margin: 50px auto 70px;
    display: table;
}
footer.pcfooter figure img{
    display: table-cell;
    margin-right: 8px;
}
footer.pcfooter figure .info{
    display: table-cell;
    vertical-align: top;
    text-align: center;
}
footer.pcfooter figure .info ul{
    padding: 0;
    margin: 0 0 10px 0;
}
footer.pcfooter figure .info li{
   list-style: none;
   display: inline-block;
}
footer.pcfooter figure .info a{
  line-height: 40px;
  padding: 0 35px 0 0;
  color: #616161;
}
footer.pcfooter figure .info a:hover{
  color: #008bed;
}
footer.pcfooter p,footer.pcfooter span{
    margin-bottom: 6px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    text-align: center;
    font-size: 16px;
    margin: 0 0 10px;
    color: #646464;
}
footer.pcfooter span{
    margin-right: 15px;
}
/*movefooter*/
footer.movefooter{
   display: none;
}

@media (max-width: 767px){
footer.pcfooter{
   display: none;
}
footer.movefooter{
   display: block;
    background: #f1f1f1;
    color: #616161;
    text-align: center;
    padding: 15px 0;
    padding-top: 30px;
}
}

@media (min-width: 1027px){
.navbar-nav {
    float: right;
}
}
@media (min-width: 992px){
 .navbar-form .bordered .form-control{
        width:130px;
 }
    }




/*******************train*****************************/
/*banner*/
.train .navbar{
   margin-bottom: 0px;
}
.bannerWarp{
    padding-right: 0px;
    padding-left: 0px;
    overflow: hidden;
}
.bannerWarp img{
   width: 100%;
}
@media (max-width: 767px){
   .bannerWarp img{
   width: 110%;
   } 
   .bannerWarp{
    margin-left: -25%;
   }
}

/*list*/
.train .newsList a{
    display:block;
    background: url(../images/point.png) 0 10px no-repeat;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*table*/
.toolTable{
   background: #f7f7f7;
   padding-top: 15px;
}
.toolTable table{
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}
.toolTable table th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.toolTable table th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.toolTable table th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

table { 
max-width: 100%; 
background-color: transparent; 
border-collapse: collapse; 
border-spacing: 0; 
font-size: 16px;
} 
.table>tbody>tr>td{
    text-align: center;
    vertical-align: middle;
}
.table { 
width: 100%; 
margin-bottom: 25px; 
} 
.table th, .table td { 
padding: 8px; 
line-height: 18px; 
text-align: center; 
vertical-align: top; 
border-top: 1px solid #dddddd; 
} 
.table th { 
font-weight:500; 
} 
.table thead th { 
vertical-align: bottom; 
} 
.table caption + thead tr:first-child th, 
.table caption + thead tr:first-child td, 
.table colgroup + thead tr:first-child th, 
.table colgroup + thead tr:first-child td, 
.table thead:first-child tr:first-child th, 
.table thead:first-child tr:first-child td { 
border-top: 0; 
} 
.table tbody + tbody { 
border-top: 2px solid #dddddd; 
} 
.tablecondensed th, 
.tablecondensed td { 
padding: 4px 5px; 
} 
.tablebordered { 
border: 1px solid #dddddd; 
border-collapse: separate; 
*border-collapse: collapsed; 
border-left: 0; 
-webkit-border-radius: 8px; 
-moz-border-radius:8px; 
border-radius: 8px; 
} 
.tablebordered th, 
.tablebordered td { 
border-left: 1px solid #dddddd; 
} 
.tablebordered caption + thead tr:first-child th, 
.tablebordered caption + tbody tr:first-child th,
.tablebordered caption + tbody tr:first-child td, 
.tablebordered colgroup + thead tr:first-child th,
.tablebordered colgroup + tbody tr:first-child th, 
.tablebordered colgroup + tbody tr:first-child td, 
.tablebordered thead:first-child tr:first-child th, 
.tablebordered tbody:first-child tr:first-child th, 
.tablebordered tbody:first-child tr:first-child td { 
border-top: 0; 
} 
.tablebordered thead:first-child tr:first-child th:first-child, 
.tablebordered tbody:first-child tr:first-child td:first-child { 
-webkit-border-top-left-radius: 8px; 
border-top-left-radius: 8px; 
-moz-border-radius-topleft: 8px; 
} 
.tablebordered thead:first-child tr:first-child th:last-child, 
.tablebordered tbody:first-child tr:first-child td:last-child { 
-webkit-border-top-right-radius: 8px; 
border-top-right-radius: 8px; 
-moz-border-radius-topright: 8px; 
} 
.tablebordered thead:last-child tr:last-child th:first-child, 
.tablebordered tbody:last-child tr:last-child td:first-child { 
-webkit-border-radius: 0 0 0 8px; 
-moz-border-radius: 0 0 0 8px; 
border-radius: 0 0 0 8px; 
-webkit-border-bottom-left-radius: 8px; 
border-bottom-left-radius: 8px; 
-moz-border-radius-bottomleft: 8px; 
} 
.tablebordered thead:last-child tr:last-child th:last-child, 
.tablebordered tbody:last-child tr:last-child td:last-child { 
-webkit-border-bottom-right-radius: 8px; 
border-bottom-right-radius: 8px; 
-moz-border-radius-bottomright: 8px; 
} 
.tablestriped tbody tr:nth-child(odd) td, 
.tablestriped tbody tr:nth-child(odd) th { 
background-color: #f1f9ff; 
} 
.tablestriped tbody tr td, 
.tablestriped tbody tr th { 
background-color: #fff; 
} 
.table tbody tr:hover td, .table tbody tr:hover th { 
    background: #fefdee;
} 
.tablestriped thead tr th{
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9cb3d6,endColorStr=#89a4c9); /*IE 6 7 8*/
    background: -ms-linear-gradient(top,#9cb3d6,#89a4c9);/* IE9 10 */
    background:-moz-linear-gradient(top,#9cb3d6,#89a4c9);/*火狐*/ 
    background:-webkit-gradient(linear, top,from(#9cb3d6), to(#8b81c9));/*谷歌*/ 
    background: -webkit-linear-gradient(top, #9cb3d6, #89a4c9);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #9cb3d6, #89a4c9);  /*Opera 11.10+*/
    height: 50px;
    color: #fff;
}

.table>thead>tr>th{
    line-height: 20px;
    vertical-align:middle;

}
.table thead:first-child tr:first-child th{
    border-left: 1px solid #7293c1;
    border-bottom: 1px solid #7293c1;
    border-top: 1px solid #7293c1;
}
.table thead:first-child tr:first-child th:last-child{
    border-right: 1px solid #7293c1;
}
.table>tbody>tr>td.onlineTd{
    padding: 0;
    padding-top:5px;
    padding-bottom: 5px;
}
table a{
    color: #008bed;
}
.table>tbody>tr>td.datas{
    font-size: 14px;
}
.datas a{
    display: inline-block;
    color: #59595a;
}
table a:hover{
    color: #008bed;
}
.qqwarp{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.qqwarp a{
    background: url(../images/qq.png) 0px 0px no-repeat;
    padding-left: 30px;
    line-height: 23px;
    display: inline-block;
    color: #707070;
}
.support{
    background: url(../images/yes.png) 0 3px no-repeat;
    display: inline-block;
    width: 23px;
    height: 20px;
    text-indent: -5000px;
}
.tel-num{
    padding-top:5px;
    color: #707070;
    font-size: 14px;
}
a.apply{
    display: inline-block;
    border-radius: 5px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#6ca4f7,endColorStr=#406bab); /*IE 6 7 8*/
    background: -ms-linear-gradient(top,#6ca4f7,#406bab);/* IE9 10 */
    background:-moz-linear-gradient(top,#6ca4f7,#406bab);/*火狐*/ 
    background:-webkit-gradient(linear, top,from(#6ca4f7), to(#406bab));/*谷歌*/ 
    background: -webkit-linear-gradient(top, #6ca4f7, #406bab);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #6ca4f7, #406bab);  /*Opera 11.10+*/
    line-height: 30px;
    padding:0 20px;
    color: #fff;
    -webkit-box-shadow:0 -2px 2px #bbbaae;  
    -moz-box-shadow:0 -2px 2px #bbbaae;  
    box-shadow:0 2px 2px #bbbaae;
}
a.apply:hover{
    text-decoration: none;
    color: #fff;
   FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#95b4e3,endColorStr=#7798c9); /*IE 6 7 8*/
    background: -ms-linear-gradient(top,#95b4e3,#7798c9);/* IE9 10 */
    background:-moz-linear-gradient(top,#95b4e3,#7798c9);/*火狐*/ 
    background:-webkit-gradient(linear, top,from(#95b4e3), to(#7798c9));/*谷歌*/ 
    background: -webkit-linear-gradient(top, #95b4e3, #7798c9);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #95b4e3, #7798c9);  /*Opera 11.10+*/
}

@media (max-width: 992px){
    .detail{
        display: none;
    }
}
/*phonelist*/
.phonelist{
        display:none;
        background: #f7f7f7;
    }
.listdetail{
    background: #fff;
    margin:2rem 1rem;
    margin: 20px 15px\9;
    -webkit-box-shadow:0 4px 3px #bbbaae;  
    -moz-box-shadow:0 4px 3px #bbbaae;  
    box-shadow:0 4px 3px #bbbaae;  
    border-top:1px solid #d3d5de;
    border:1px solid #d3d5de\9;
}
@media (max-width: 768px){
    .toolTable{
        display: none;
    }
    .phonelist{
        display: block;
    }
   .train{
    background: #f2f5ff;
   }
}

.listitle{
    background: #f6fafd;
    padding: 0 15px;
    line-height: 45px;
}
.listitle .pull-right{
    color: #1e5b9a;
}
.listitle .pull-left{
    font-size: 16px;
}

   .hook-item{
        margin-bottom: 30px;
    }
.limenu{
    width: 50%;
    float: left;
    text-align: center;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    min-height: 65px;
    margin-left: -1px;
    margin-right:0px;
    box-sizing:content-box;
    padding: 15px 0 15px;
}
.limenulast{
    width: 100%;
}
.limenu a{
    font-size: 16px;
}
.menutit{
    font-size: 1.5rem;
    line-height: 3rem;
    color: #a5a5a5;

}
.btnbox{
    border-top: 1px solid #dedede;
    text-align: center;
}
.btnbox a{
    color: #fff;
    background: #f05e3b;
    line-height: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 0 10px;
    margin: 10px 0;
    border-radius: 4px;
}
.phonelist .more{
    font-size: 16px;
    width: 70%;
    border-radius: 20px;
    line-height:45px;
    background: #eeeeee;
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    
}
.phonelist .more span{
    color: #39a0e9;
    padding-right: 18px;
    background: url(../images/more.png) right 0px no-repeat; 
    background-size: auto 100%;
}
.phonelist .closeing{
    display: none;
}
.phonelist .closeing span{
    background: url(../images/close.png) right 0px no-repeat; 
    background-size: auto 100%;
}
.licontent a{
    display: block;
    color: #0e87e4;
}
.licontent a:not(:first-child){
    display: none;
}
/*newslist*/
.newsList .col-md-5{
    position: relative;
    *width: 39%;
}
.train .newsList a.newsmore{
    position: absolute;
    right: 20px;
    top:30px;
    background: none;
    color: #50a6e7;
}
.train .newsList a.newsmore span{
    color: #50a6e7;
    font-size: 14px;
    letter-spacing: -2px;
    display: none;
}
@media (max-width: 767px){
    .hook-item .title{
    padding-left: 10px;


}
    .logoMove img{
        max-width: 70%;
    }
    .train .newsList a.newsmore{
        position: static;
        text-align: center;
        line-height: 40px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-left: -15px;
        margin-right: -15px;
        margin-top:10px;
        background: #dae3f7;
    }
    .train .newsList a.newsmore span{
        display: inline;
    }
    .newsList div p{
       padding: 0 25px;
    }
    .title{
        margin: 0px;
        font-size: 22px;
    }

    .hook-item>div{
        margin: 15px;
    }
    .navbar-nav{
        display: block;
    }
    .navbar-default .navbar-nav a{
        display: block;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
        display: block;
    }
    .collapse ul.nav.navbar-nav{
       display: block;
    }
   .navbar-collapse{
      padding-right: 0;
      padding-left: 0;
    }


    .leftmeun ul li{
        padding: 0!important;
    }
}
.container-fluid{
    padding: 0;
}
@media (max-width: 1200px){
    .navbar .container {
        width: 100%;
        text-align: center;

    }
    .navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 15px;
        font-size: 20px;
         margin-right: 0px; 
    }
    .logoPc img {
        margin-right: 0px;
    }
    .navbar-nav {
        margin: 0;
        float: none;
    }
}

.navbar .container{
    padding-top: 20px;
}

.address div p{
    font-size: 16px;
    line-height: 36px;
}





.leftmeun{
    margin-right: 40px;
    z-index: 999;
    /*margin-left: -40px;*/

}
.leftmeun ul{
    list-style: none;
    font-size: 18px;
    /*margin-top: 20px;*/
    color: #4d4d4d;
    line-height: 36px;
    position: relative;
    line-height: 36px;
    padding-inline-start: 0px;
}
.leftmeun ul li{
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
    cursor: pointer;
    background: #fff;
}
.leftmeun ul li:last-child{
    border-bottom: none;
}
.leftmeun ul li.active{
    background:#fff url(../images/right.png) no-repeat center right;
}
title2
.newsList .title{
    padding-top: 40px;
}

.newsList div.title{
    padding-top: 00px;
}
.newsList div.title2{
    padding-top: 40px;
}
.address .sykfa .title{
    padding-top: 12px;
}
.address title.title{
    padding-top: 0px;
}
.jjpage .hook-item .title {
    padding-top: 32px;
    margin-bottom: 15px;
}
.hook-item:after{
    clear: both;
    display: block;
    content: "";
}
.hook-item.sykfa figure{
    padding: 5px;
}


.hook-item.sykfa>div{
    margin-right: -20px;
    margin-left: -20px;
}
.hook-item.sykfa figure > div{
    padding: 10px;
    border: 1px solid #f1f1f1;
    height: 480px;
}
.hook-item.sykfa figure > div ul,.hook-item.zzkfa figure > div ul{
    list-style: none;
    text-align: left;
    margin: 0;
    padding-inline-start: 15px;
    padding-top: 15px;
}
.hook-item.sykfa figure > div ul li,.hook-item.zzkfa figure  ul li{
    display: block;
}
.hook-item.sykfa figure > div ul li a,.hook-item.zzkfa figure li a{
    line-height: 24px;
    font-size: 16px;
    color: #515151;
}
.hook-item.sykfa figure > div span{
    font-size: 16px;
    font-weight: bold;
    color: #515151;
    display: block;
    text-align: center;
    line-height: 40px;
}
.zzkfa img{
    float: left;
    max-width: 100%;
}
.zzkfa figure>div{
    float: left;
}
.zzkfa figure:after{
    display: block;
    content: "";
    clear: both;
}
.hook-item.zzkfa figure{
    padding: 15px 0;
}
.hook-item.zzkfa figure > div span {
    font-size: 18px;
    font-weight: bold;
    color: #515151;
    display: block;
    line-height: 40px;
    margin-top: 15px;
    margin-left: 20px;
}
.hook-item.zzkfa > div{
    margin: 0 -15px;
}


.address .hook-item>p{
    margin: 15px -20px;

}
.address .hook-item >p >span{
    display: block;
    padding-left: 15px;
}



@media (max-width: 992px){
    .leftmeun{
        margin-right: -15px;
        z-index: 999;
    }
    .address{
        margin-top: 0;
    }
    .m-25{
        margin-top: 25px;
    }
    .newsList.address .col-md-9{
        padding-top: 20px;
        z-index: 1;
        margin-top: 1px;
    }
    .newsList.address .col-md-3{
        z-index: 999;
    }
    .hook-item.sykfa figure > div{
        min-height: 550px;
    }
    .leftmeun ul{
        background: #fff;
        margin-top: 0;
        margin-left: -5px;
    }
    .leftmeun ul:after{
        content: "";
        display: block;
        clear: both;
    }
    .leftmeun ul li{
       background: #f1f1f1;
       font-size: 16px;
       /* display: inline-block; */
       width: 33.333%;
       float: left;
       padding-left: 15px;
       padding-right: 15px;
       border-bottom: none;
       text-align: center;
       border: 1px solid #fff;
    }
    .leftmeun ul li.active{
        background: #71cccf;
        color: #fff;
    }
    .col-md-3:after{
        content: "";
        clear: none;
        display: block;
    }
   .newsList.address .jjpage{
    padding-top: 0px;
}
}


.jjpage h4{
    display: block;
    color: #4d4d4d;
    line-height: 32px;
}
.jjpage figure{
  border: 1px solid #f1f1f1;
  margin-right: -15px;
  margin-left: -15px;
  padding: 20px 10px;
  margin-top: 10px;
}
.jjpage figure ul{
    float: left;
}
.jjpage figure img{
    float: right;
    width: 70%;
}
.jjpage .imgbox img{
    width: 100%;
}

.jjpage{
    margin-top: -20px;
}
.jjpage .hook-item figure ul{
    list-style: inline;
    line-height: 35px;
    font-size: 16px;

}

.contents{
    padding: 160px 0;
}

.contents >div>div{
   float: left;
   padding: 0px ;
   text-align: center;
   vertical-align: middle;
}
.contents span.icon-h3{
    display:inline-block;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #eff0f4;
    font-size: 18px;
    color: #152630;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 28PX; 
    z-index: 999; 
    position:relative;
}
.contents>div>div{
    position: relative;
}
.contents>div>div:after{
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    height: 5px;
    background: #fff;
    content: "";
    z-index: 1;
    left: 0;
}
.logobox{
    width: 120%;
    position: absolute;
    padding: 5px;
    bottom: 100%;
    left: -10%;
}
.logobox img{
    width: 100%;
    height: 100px;
}
.bg-bule div div:nth-child(even) .logobox{
   top: 100%;
}
.indexpage{
    margin-bottom: 30px;
}
.indexpage figure{
    /*padding: 5px 10px 20px;*/
}
.indexpage figure div{

}

.indexpage figure img{
    width: 100%;
}
.indexpage figure h4{
   text-align: center;
   font-size: 16px;
   font-weight: bold;
}
.indexpage figure ul{
    list-style: none;
    margin-block-start: .5em;
    margin-block-end: .5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 12px;
}
.indexpage figure ul li a{
   color: #414244;
   font-size: 16px;
   line-height: 28px;
}
.btn{
    text-align: center;
    padding: 0;
    border: none!important;
    display: block;
}
.btn a{
    display: inline-block;
    background: #ed7a1d;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
}
.mp-25{
    margin: 25px 0 15px 0;
    padding-top: 0;

}
@media (max-width: 767px){
    .hook-item.sykfa figure > div{
        height: auto!important;
        min-height: auto;
    }
    .zzkfa figure>div {
       min-width: 50%;
   }
    .jjpage figure img{
        width: 100%;
    }
    .indexpage figure h4{
        font-weight: bold;
    }
    .indexpage figure ul{
        width: 60%;
        margin: 15px auto;
        text-align: left;
    }
    .indexpage figure img{
        max-width: 60%;
    }
    .indexpage figure div {
        text-align: center;
    }
    .hook-item.sykfa figure img{
       max-width: 360px;
     }
     .hook-item.zzkfa figure{
        padding-left: 20px;
        padding-right: 20px;

     }
     .hook-item.sykfa figure > div ul{
        max-width: 360px;
        margin: 0 auto;
     }
     .hook-item.zzkfa figure > div ul{
        padding-top: 0;
     }
     .hook-item.zzkfa figure > div span{
        margin-top: 0;
     }
    .logobox {
        height: 100px;
    width: 80%;
    position: static;
    margin: 0 auto;
    }
    .contents>div>div:after{
        content: none;
    }
    .contents{
        padding: 0;
    }
    .contents >div>div{
       padding-top: 10px;
       padding-bottom: 0;
    }
    .hook-item.sykfa figure {
    padding: 20px;
   }
   .hook-item.sykfa figure > div span{
    text-align: center;
   }
   .hook-item.sykfa figure > div{
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
   }
   .logobox img{
    width: 200px;
    max-width: 100%;
   }
}
@media (min-width: 768px){
     .contents >div>div{
       width: 20%;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .contents{
        padding-top: 100px;
        padding-bottom: 100px;
    }

}


@media (max-width: 992px){
.col-md-3.clear {
    display: none;
}
.contents .container{
        padding-bottom: 20px;
    }
}

@media (min-width: 768px){

    .navbar-collapse .navbar-nav>li{
        display: inline-block;
        float: none;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    .hook-item.sykfa figure{
        width: 50%;
    }
    .hook-item.sykfa figure > div{
        min-height: 540px;
    }

}


.bg-title{
    width: 100%;
}
.titlex{
    margin: 0;
    color: #fff;
    padding: 25px 0 10px 0;
    font-size: 20px;
    font-weight: bold;
}
.index_4
{
    border: 1px solid #6fced0;
}
.index_4_0
{
    margin: 0px;
    width: 100%;
    height: 250px;
    padding: 0px;
}
.img
{
    width:100%;
    height: 100%;
}

.company-profile {
    padding: 60px 0 70px;
    background: #f8f9fb;
}

.company-profile .title2 {
    font-size: 32px;
    font-weight: 600;
    color: #1f2d3d;
    text-align: center;
    margin-bottom: 36px;
    letter-spacing: 1px;
}

.company-profile .profile-card {
    max-width: 980px;
    margin: 0 auto;
    background: #ffffff;
    padding: 42px 48px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.company-profile .profile-card p {
    font-size: 18px;
    line-height: 2;
    color: #333;
    margin: 0 0 22px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.company-profile .profile-list {
    margin: 10px 0 28px 0;
    padding: 0;
    list-style: none;
}

.company-profile .profile-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.9;
    color: #333;
}

.company-profile .profile-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 8px;
    height: 8px;
    background: #18a0a8;
    border-radius: 50%;
}

/* 平板 */
@media (max-width: 991px) {
    .company-profile {
        padding: 45px 0 55px;
    }

    .company-profile .title2 {
        font-size: 28px;
        margin-bottom: 28px;
    }

    .company-profile .profile-card {
        padding: 32px 28px;
    }

    .company-profile .profile-card p,
    .company-profile .profile-list li {
        font-size: 17px;
    }
}

/* 手机 */
@media (max-width: 767px) {
    .company-profile {
        padding: 30px 0 40px;
    }

    .company-profile .title2 {
        font-size: 24px;
        margin-bottom: 22px;
    }

    .company-profile .profile-card {
        padding: 22px 18px;
        border-radius: 8px;
    }

    .company-profile .profile-card p,
    .company-profile .profile-list li {
        font-size: 15px;
        line-height: 1.9;
    }

    .company-profile .profile-list li::before {
        top: 10px;
    }
}

.navbar-nav > li.dropdown {
    position: relative;
}

.navbar-nav > li.dropdown .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    padding: 8px 0;
    z-index: 999;
}

.navbar-nav > li.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-nav > li.dropdown .dropdown-menu li a {
    display: block;
    padding: 10px 18px;
    color: #333;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
}

.navbar-nav > li.dropdown .dropdown-menu li a:hover {
    background: #f5f7fa;
    color: #18a0a8;
}