@charset "utf-8";

/* CSS Document */

/*手机样式*/
@media (min-width:992px) {
    
.second-level-swiper:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.second-level-swiper:hover .second-level-nav {
  opacity: 1;
  visibility: visible;
  top: 80px;
  padding-top: 3px;
}
    .column-icon ul li:hover {
        height: 220px;
    }
    .column-icon ul li:hover .column-text .img, .column-icon ul li:hover .column-text h3 {
        display: block;
        font-size: 24px;
        color: #09669f;
        margin-left: 0;
    }
    .column-icon ul li:hover .column-text .img img.i-1 {
        display: none;
    }
    .column-icon ul li:hover .column-text .img img.i-2 {
        display: inline-block;
        margin-bottom: 20px;
    }
    .column-icon ul li:hover .column-text .hr {
        visibility: visible;
        position: relative;
    }
    .column-icon ul li:hover:after {
        top: -98%;
        background-color: rgba(0, 94, 155, 1.0);
    }
    .column-icon ul li:hover:before {
        background-color: rgba(255, 255, 255, 0.7);
        bottom: 0;
    }
    .news-box li:hover:before, 
    .news-box li:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .news-box li:hover .con .text h3 a, 
    .news-box li:hover .con .time {
        color: #1a6bbc;
    }
    .main-nav ul li:hover a {
        font-size: 20px;
        color: #fff;
    }
    .main-nav ul li:hover:after {
        bottom: 0;
    }
    .main-nav ul li:hover:before {
        right: 12.77%;
    }
    .login-sidenav ul li:hover a {
        background-color: #07608f;
        color: #fff;
    }
    .case-box li .con:hover {
        box-shadow: 0 0 10px #333;
    }
    .case-box li .con:hover:after {
        width: 100%;
    }
    .transport-con ul li:hover:before {
        top: 0;
    }
    .transport-con ul li:hover .img {
        border-color: #ffffff;
    }
    .transport-con ul li:hover .img:before {
        top: 100%;
    }
    .transport-con ul li:hover .img:after {
        top: 0;
    }
    .transport-con ul li:hover .text p {
        color: #ffffff;
    }
    .transport-con ul li:hover .text div {
        opacity: 1;
    }
    .questions-con li a:hover {
        color: #09669f;
    }
    .artificial-con ul li .con:hover {
        background-color: #fff;
        box-shadow: 0 0 15px #999;
    }
    .pagination li a:hover {
        color: #fff;
        border-color: #1a6bbc;
        background-color: #1a6bbc;
    }
    .team-con ul.team-box li .text h2:hover a {
        color: #1a6bbc;
        background-image: url(../images/team-more_.jpg);
    }
}
@media (min-width:1260px) {
    .honor-text ul.row {
      margin-left: -18px;
      margin-right: -18px;
      padding-bottom: 25px;
    }
    .honor-text ul.row li {
      margin-bottom: 30px;
      padding-left: 18px;
      padding-right: 18px;
    }
    .vision-text ul li {
      padding-left: 45px;
      padding-right: 45px;
      margin-bottom: 50px;
    }
    .culture-text .row {
      margin-left: -30px;
      margin-right: -30px;
    }
    .culture-text li {
      padding-right: 30px;
      padding-left: 30px;
    }
    .case-box {
      margin-left: -23px;
      margin-right: -23px;
    }
    .case-box li {
      padding-left: 23px;
      padding-right: 23px;
      margin-bottom: 30px;
    }
    .recruitment-main .panel-group .panel+.panel {
      margin-top: 22px;
    }
    .message-con .form-group {
      margin-bottom: 20px;
    }
    .business-text .panel-group .panel+.panel {
      margin-top: 30px;
    }
}

@media screen and (max-width:1259px) {
    header .header-nav li>a {
        padding: 27.5px 12px;
    }
    header .header-nav li>a,
    .business-text .panel-group .panel-heading a,
    .list-page li a,
    .case-box li p {
        font-size: 16px;
    }
    .bbox h1 {
        font-size: 24px;
    }
    .second-level-nav>div>a,
    .bbox p,
    .h-news .con .text dl dd,
    .side-nav ul.side-text>li>a,
    .about-text,
    .w-title .w-nav li a,
    .message-text,
    .business-text .panel-group .panel-body,
    .culture-text li .con .text p,
    .worker-con li .text,
    .news-box li .con .text p,
    .news-details-text .con,
    .list-page li p,
    .recruitment-main .panel-group .panel-body,
    .recruitment-main .recruitment-more a,
    .message-con .control-label,
    .radio-button button,
    .contact-us-text li p {
        font-size: 14px;
    }
    .bamnline {
        margin: 15px auto 10px;
    }
    .h-news .con .text {
        padding: 0;
    }
    .h-news .con .text dl {
        padding: 5px 0;
    }
    .h-engineering ul li .img .text {
        font-size: 18px;
    }
    .side-nav ul.side-text>li>a {
        padding: 19px 20px;
    }
    .side-nav .side-title {
        padding: 18px 0 18px 50px;
    }
    .side-nav .side-title h3 {
        font-size: 20px;
    }
    .w-title {
        padding: 30px 0;
    }
    .w-title h2 {
        font-size: 26px;
    }
    .qualifications-text {
        /*padding-top: 290px;*/
    }
    .qualifications-text ul li {
        width: 140px;
        height: 140px;
        background-size: 140px;
        font-size: 15px;
    }
    .qualifications-map {
        height: 225px;
    }
    .qualifications-map img {
        width: 450px;
    }
    .business-text .panel-group .panel-heading a div.problem-title {
        padding: 20px 30px;
    }
    .business-text .panel-group .panel-heading a div.problem-title {
        margin-right: 90px;
    }
    .business-text .problem-hover {
        padding: 31px 0;
        width: 90px;
    }
    .culture-text li .con .text h3,
    .news-box li .con .text h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .worker-con li .text h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .news-box li {
        padding: 30px 35px;
    }
    .news-box li .con .text p {
        margin-bottom: 15px;
    }
    .news-box li .con .time {
        font-size: 16px;
    }
    .news-box li .con .time span {
        font-size: 48px;
    }
    .news-details-text .title {
        font-size: 22px;
        padding-bottom: 10px;
    }
    .news-details-share {
        padding: 12px 0 24px 12px;
    }
    .case-box li p {
        padding-top: 15px;
    }
    .case-details .news-details-text .title {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .recruitment-side {
        padding: 20px;
    }
    .recruitment-main .panel-group .panel-body {
        padding: 28px;
    }
    .contact {
        padding: 60px 0;
    }
    .contact h2 {
        font-size: 24px;
        padding-bottom: 40px;
    }
    .banner-fixed>div,
    .banner .bannerfix >li {
        height: 350px;
    }
}
@media screen and (max-width:991px) {
    header {
        position: relative;
    }
    .menufix {
        display: none;
    }
    .menu {
        right: 15px;
        top: 50%;
        float: right;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .menu strong {
        display: none;
    }
    .menu span, .menu span:after, .menu span:before {
        width: 32px;
    }
    .menu span:before {
        top: -8px;
    }
    .menu span:after {
        bottom: -8px;
    }
    #banner {
        width: 100% !important;
        height: auto !important;
    }
    #banner .banner ul.swiper-wrapper img {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
    }
    .banner .flex-direction-nav .flex-nav-prev, 
    .banner .flex-direction-nav .flex-nav-next,
    .bbox {
        top: 50%;
    }
    .side-nav {
        display: none;
    }
    .news-details-text, 
    .news-details-page,
    .recruitment-main {
        width: 100%;
    }
    .news-details-page {
        margin-top: 30px;
    }
    .recruitment-side {
        display: none;
    }
    .h-news,
    .h-video,
    .h-engineering ul li .img img {
        width: 100%;
    }
    .qualifications-text {
        padding-top: 0;
    }
    .qualifications-text ul li {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        float: left;
        -webkit-transform: translateX(0) !important;
           -moz-transform: translateX(0) !important;
            -ms-transform: translateX(0) !important;
             -o-transform: translateX(0) !important;
                transform: translateX(0) !important;
    }
    .business-text .panel-group .panel-body .img {
        text-align: left;
    }
    .business-text .panel-group .panel-body .img img {
        margin-top: 20px;
    }
    .news-box li .con .text p {
        height: 20px;
    }
    .news-box li {
        padding: 25px 20px;
    }
    .news-box li .con .time {
        width: 70px;
    }
    .banner-fixed>div,
    .banner .bannerfix >li {
        height: 320px;
    }
    header .logo {
        width: 160px;
    }
    header .header-nav li>a {
        font-size: 14px;
        padding: 13px 8px;
    }
}
@media screen and (max-width:767px) {
    .h-news .con .img,
    .h-news .con .text {
        width: 100%;
    }
    .h-news .con .text {
        padding-top: 25px;
    }
    .news-box li .con {
        display: block;
    }
    .news-box li .con .img, 
    .news-box li .con .text, 
    .news-box li.no-img .con .text {
        width: 100%;
    }
    .news-box li .con .time {
        display: none;
    }
    .news-box li .con .img {
        padding-bottom: 20px;
    }
    .news-box li {
        padding-left: 0;
        padding-right: 0;
    }
    .radio-button {
        padding-top: 0;
    }
    .qualifications-text ul li {
        width: 120px;
        height: 120px;
        background-size: 120px;
        font-size: 14px;
    }
    .business-text .panel-group .panel-heading a div.problem-title,
    .business-text .panel-group .panel-body {
        padding: 20px;
    }
    .culture-text .row {
        padding-bottom: 0;
    }
    .culture-text li .con {
        padding: 40px 0 20px;
        height: auto;
    }
    .news-box li .con .text p {
        height: auto;
    }
    .list-page {
        border-width: 5px;
    }
    .message-con,
    .contact {
        padding: 50px 0 30px;
    }
    .contact h2 {
        padding-bottom: 20px;
    }
    .contact-us-text li {}
    .contact-us-text li .img {
        float: left;
        width: 20%;
        background-size: contain;
    }
    .contact-us-text li .text {
        float: left;
        padding: 0 20px;
        text-align: left;
        width: 80%;
    }
    header .logo {
        width: 130px;
    }
    header .header-nav li>a {
        font-size: 12px;
        padding: 13px 4px;
    }
}
@media screen and (max-width:641px) {
    .history-text {
        padding: 62px 0;
    }
    .history-year {
        display: none;
    }
    .history-text .box {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .history-text li:nth-child(2n) .box {
        top: inherit;
        bottom: 0;
    }
    .history-text li:nth-child(2n) .box p {
        top: 0;
    }
    .history-text li:nth-child(2n) .box h3 {
        bottom: 0;
    }

    .h-news {
        margin-bottom: 25px;
    }
    .h-recommend {
        padding-bottom: 25px;
    }
    .banner .bannerfix >li.imgIn {
        overflow: hidden;
        height: 300px;
    }
    .banner-fixed>div {
        height: 300px;
        overflow: hidden;
    }
    .banner .bannerfix >li.imgIn .bimg {
        width: auto;
        max-width: inherit;
    }
    .banner-fixed>div img {
        max-width: inherit;
    }
    .main, .service-con, .technology-con, .technology-range, .news-con, .news-d-con, .artificial-con, .help-con, .news-d-text .con, .case-con, .video-con {
        padding: 35px 0 45px;
    }
    .about-con, .team-d-text, .culture-con .title, .idea-con .title, .culture-con .culture-box li p, .history-text table, .service-about, .technology-con .text, .news-d-text .con, .introduce-con, .insurance-con, .message-box .control-label, .message-box .form-control, .login-sidenav ul li a, .video-con {
        font-size: 14px;
    }
    .introduce-con p.h4, .insurance-con p.h4, .range-img div.h4, .history-tab li div, .opinion-radio-box .radio-title, .help-con .q-a li .ask,.case-box li .text {
        font-size: 16px;
    }
    .history-tab li.swiper-slide-active div, .video-con .title {
        font-size: 20px;
    }
    .transport-con .title {
        font-size: 26px;
    }
    .transport-con ul li .text p {
        font-size: 18px;
        padding: 25px 0 14px;
    }
    .login-herder-con .login-title div.h2 {
        font-size: 24px;
    }
    .honor-con, .team-con, .team-d-con, .history-con .title, .insurance-con, .radio-button, .help-con .q-a {
        padding-top: 0;
    }
    .service-about {
        padding: 30px 25px;
    }
    .history-con .title {
        padding-bottom: 25px;
    }
    .history-con .title, .news-d-text .title {
        font-size: 22px;
    }
    .culture-con .culture-box {
        margin-bottom: 0;
    }
    .honor-con ul li .img {
        border-width: 3px;
    }
    .honor-con ul li .text {
        padding: 15px 0 30px;
    }
    .honor-box .honor-body .honor-box-swiper {
        margin: 0 52px;
    }
    .honor-box .honor-body ul li .text {
        padding: 15px 15px 0;
        font-size: 18px;
    }
    .honor-box .honor-body ul li .img {
        height: 230px;
        line-height: 230px;
    }
    .gallery-thumbs ul li {
        height: 66px;
    }
    .team-con ul.team-box li .img img {
        width: 100%;
    }
    .team-con ul.team-box li .text h2 {
        margin: 20px 0 15px;
    }
    .pagination li a {
        margin: 0;
        margin-left: -1px;
    }
    .culture-con .title, .idea-con .title {
        padding: 0 0 25px;
    }
    .history-tab, .history-text table {
        margin: 0 28px;
    }
    .history-bg {
        min-height: inherit;
    }
    .history-con-box {
        margin-top: 40px;
    }
    .history-year .history-button-prev, .history-year .history-button-next {
        background-size: 20px auto;
    }
    .service-con ul.service-box li {
        margin-bottom: 20px;
    }
    .service-con ul.service-box, .message-title, .video-con .title {
        padding-bottom: 30px;
    }
    .news-box li .con .text h3 {
        font-size: 20px;
    }
    .news-box li .con .text p, .range-img div.h4 {
        padding-bottom: 10px;
    }
    .news-d-page {
        display: none;
    }
    .artificial-con ul, .help-con .q-a li {
        padding: 20px 0 15px;
    }
    .opinion-radio-box .radio-con {
        padding: 20px 12px 30px;
    }
    .opinion-con {
        padding: 40px 0 0 0;
    }
    .opinion-radio {
        margin: 30px 0 20px;
        padding: 100px 20px 70px;
    }
    .radio-button button {
        margin: 0 8px;
    }
    .help-con .q-a li .ask, .help-con .q-a li .answer {
        padding-left: 32px;
    }
    .help-con .q-a li .ask {
        margin-bottom: 10px;
    }
    .login-herder-con, .login-main .news-d-con {
        padding-top: 35px;
    }
    .login-main {
        margin-bottom: 35px;
    }
    .case-box li .text {
        padding: 13px 0 5px;
    }
    .case-box li {
        margin-bottom: 15px;
    }
    header .header-nav li>a {
        font-size: 12px;
        padding: 13px 2px;
    }
}
@media screen and (max-width:520px) {
    .banner-fixed>div {
        height: 200px;
    }
    #introduce-tab .nav-tabs li a {
        padding: 12px 0;
    }
    #introduce-tab .tab-content {
        height: 300px;
    }
    .opinion-radio-box .radio-con .radio-inline {
        width: 50%;
        margin-bottom: 10px;
    }
    .opinion-radio {
        padding: 70px 20px 50px;
    }
    .login-sidenav ul li {
        display: block;
        width: 25%;
        float: left;
        text-align: center;
    }
    .login-sidenav ul li a {
        padding: 12px 0;
        margin-left: 0;
        width: 100%;
    }
    .login-herder-con .login-title div.h2 span {
        display: none;
    }
}
@media screen and (max-width:481px) {
    .h-partner .partner-swiper {
        margin: 0 33px;
    }
}
@media screen and (max-width:414px) {
    .header-menu {
        height: 50px;
    }

    header .logo {
        width: 170px;
    }
    header .header-nav {
        display: none;
    }
    #menu_toggle {
        display: none;
    }
    #menu_toggle1 {
        display: block;
    }
}
@media screen and (max-width:340px) {
}