.footer{ width: 99.99%; overflow: hidden}
.navbar .container .navbar-menu{ width: 100%;}
.navbar .container .navbar-menu ul li{ padding: 0 10px;}
.about-bottom-img img{ width: 100%;}


.business-section{ width: 100%;}
.business-section .t-head{ width: 100%; margin-top: 50px;}
.business-section .t-head h2{ font-size: 30px;}
.business-section .t-head-desc{ text-align: center; margin-bottom: 50px;}

.business-list-wraper{ margin-top: 50px;}
.business-list-wraper .business-item{ width:100%; height:450px; background: #009afc; border-radius: 16px; margin: 0px;}
.business-list-wraper .business-item .business-item-wrap{padding: 40px 20px 20px 20px;}
.business-list-wraper .business-item .business-item-wrap h3{ font-size: 24px; margin-top:20px; color: #fff;}
.business-list-wraper .business-item .business-item-wrap .business-desc{ margin-top:30px;  color: #fff;}
.business-btn{ text-align: center;}
.business-btn .yanglao-btn{ width: 150px;  text-align: center; border-radius: 20px; background: #FFF; }
.business-btn  a{ color: #009afc;}
.business-btn .yanglao-btn:active{ background-color: #FFF;}


.ft-container{padding-top:50px;}
.ftlinks dt{ font-size: 18px; margin-bottom: 10px;}
.ftlinks dd a{ font-size: 16px; color: #333; margin-right: 10px; border-bottom: none; }

.ft-container .about-us .about-us-desc{ margin-top: 20px; color: #333; font-size:12px;}
.ft-container .about-us .about-us-desc p{margin-bottom:0.3rem}

.mb-navbar-menu{
    width: 100%;
    height: auto;
    background:#FFF;
    margin-top: 10px;
}

.mb-navbar-menu ul {margin: 0 -15px; padding: 0; }
.mb-navbar-menu ul li{list-style: none;line-height: 2.6rem; border-top: 1px solid #EEE; }
.mb-navbar-menu ul li a{ padding-left:3rem; color: #333; font-size: 16px;text-decoration:none; }
.page-banner img{ width: 100%;}

.pag-container{ width: 100%; max-width: 1400px; margin: 0 auto;}
.first-section{ width: 100%; }

.tbody-content .content-item{display: flex;  margin-bottom: 30px;}


.tbody-content .content-item{float: left;}
.tbody-content .content-item .content-item-title{ margin-left: 5px;font-size: 1.28rem; color: #333;}
.second-section{ width: 100%; background: #0c70e0; padding: 50px 0;}
.second-section .t-head{ text-align: center;color: #FFF; }
.second-section .t-head{  margin: 0 auto;}
.second-section .t-head h2{  color: #FFF}
.second-section .t-head p{ color: #FFF}


.first-section .first-section-col1 img{ width: 100%;}
.third-section .t-head{ text-align: center;}
.fourth-section{ width: 100%; padding: 50px 0;}
.fourth-section .t-head{ text-align: center;}
.fourth-section .t-body{ width: 100%; margin: 3rem auto; display: flex; flex-wrap: wrap;}

.fourth-section .t-body .t-body-item .t-body-item-title{ font-weight: 700; font-size: 1.28rem; line-height: 3rem; color: #333; }


.bread-crumb{ width: 100%; height: 50px; line-height:50px; border-bottom: 1px solid #EEE;font-size: 14px; color: #333; }
.bread-crumb .bread-crumb-inner a{ color: #333; font-size: 14px; margin-right: 10px; }

.page-content{margin-top: 30px;}

.contact-form{ background-color: #f8f8f8;}
.contact-form .t-head{ margin-left: 80px;}

.contact-form .in-wrap{ padding: 30px;}
.contact-form .contact-form-main{ width: 100%; }


.contact-form .contact-info{}
.contact-form .contact-info .info-item{ display: flex; margin-bottom: 2rem;}
.contact-form .contact-info .info-img{ margin-top: 0.5rem; }
.contact-form .contact-info .info-content{ margin-left: 1rem;}
.contact-form .contact-info .info-content p{ padding: 0; margin: 0;}

.contact-form-body{ width: 100%; margin-top: 30px;}

.contact-form-body .form-group{display: flex; margin-bottom: 1rem;}
.contact-form-body .form-group .col-label{min-width: 80px; text-align: right;margin-right: 10px; }
.contact-form-body .form-group .col-label{ line-height: 40px;}

.contact-form-body .form-group .col-input{width: 90%; }
.contact-form-body .form-group .col-input .form-control-input{ background-color: #FFF;border: 1px solid #CCC; width: 90%;}
.contact-form-body .form-group .col-input .form-control-input{ height: 35px;  }
.contact-form-body .form-group .col-input .tags{ background-color: #FFF; padding: 6px 15px; margin-bottom: 10px;}
.contact-form-body .form-group .col-input .tags{ display: inline-block; border-radius: 10px;}
.contact-form-body .form-group .col-input span{ margin-right: 0.65rem; cursor: pointer;}
.contact-form-body .form-group .col-input .curtags{background-color: #0052d9; color: #FFF;}
.contact-form-body .form-btn-area{ margin-left: 90px;}
.contact-form-body .form-btn-area .btn-default{background-color: #0052d9;color: #FFF;}
.contact-map img{ width: 100%;}

.solution-page-main { width: 100%; }
.solution-page-main .solution-page-in-main{padding-top: 2rem;  width: 100%;}
.solution-page-main .solution-left .solution-menu{ background-color: #FFF;}

.solution-page-main .solution-left .solution-menu-inwrap{ padding: 10px 15px 10px 15px;}
.solution-page-main .solution-left .solution-menu ul{ padding: 0; margin: 0;}
.solution-page-main .solution-left .solution-menu ul li{height: 41px; line-height: 41px;}
.solution-page-main .solution-left .solution-menu ul li{ border-bottom: 1px solid #e2e2e2;}
.solution-page-main .solution-left .solution-menu ul li{list-style: none;}
.solution-page-main .solution-left .solution-menu ul li a{ color: #333;text-decoration: none;}

.solution-page-main .solution-right-content{background-color: #FFF; border-top: 2px solid #268fd5; }
.solution-page-main .right-content-wrap{padding: 15px;}

.solution-page-main .prevnext-cont p{ padding: 0; margin: 0;}
.solution-page-main .right-content-detail .thead{ padding-top: 2rem; padding-bottom: 3rem;}
.solution-page-main .right-content-detail .thead h1{ text-align: center;}

.pag-container-wrap{ padding-top: 20px;}
.solution-box{ border: 1px solid #eee;min-height: 200px; margin-bottom: 20px;}
.solution-box .solution-box-inner{ margin: 1rem;}
.solution-box .solution-box-inner img{ width: 100%;}
.solution-box .solution-box-title{ line-height:2rem;}

.about-bottom-area{position: relative;}
.about-bottom-area{ width:99.85%; overflow: hidden}


@media (min-width: 0px) and (max-width:374px){

}

@media (min-width: 375px) and (max-width:414px){

}

@media (min-width: 415px) and (max-width:767px){

}


@media (min-width: 767px) and (max-width:992px){

}


@media (min-width: 0px) and (max-width: 991px){
    .navbar .container .navbar-brand img{ width: 80%;}
    .business-section .container{ width: 99%;max-width: 99%}

    .navbar .container{ width: 99%;max-width: 99%;flex-wrap:nowrap;}
    .navmenu-section{ width: 99%;max-width: 99%}

    .footer .ft-container .col-md-4{ width: 100%;}
    .footer .ft-container .col-md-8{ width: 100%;}
    .footer .ft-container .col-md-3{ width: 100%;}

    .footer .ft-container .about-us{margin-bottom: 20px;}
    .footer .ft-container .ftlinks{margin-top: 20px;}
    .footer .ft-container{ margin:0px 20px 20px 20px; }

    .first-section-col2{margin: 3rem 1.5rem;}

    .fourth-section .t-body-item .t-body-item-main{ margin: 20px;}

    .fourth-section .t-body .t-body-item .t-body-item-img{ border:1px solid #EEE; }
    .fourth-section .t-body .t-body-item .t-body-item-img img{ width: 100%;}
    .fourth-section .t-head p{font-size: 0.85rem; line-height: 1.8rem;}

    .first-section-col .thead h2{ text-align: center; font-size: 1.6rem; font-weight: 700;}
    .first-section-col .thead-desc{ margin-top: 20px; font-size: 1.1rem; color: #333;}

    .first-section .tbody-content{ margin-top: 2rem;}
    .first-section .tbody-content .content-item{ margin-right:2rem;}
}


@media (min-width: 768px) and (max-width: 991px){
    .business-section .container .col-md-3{ width: 49.99%;}
    .mb-navbar-menu{ top:60px;}

    .first-section .tbody-content{ margin-top: 2rem;}
    .first-section .tbody-content .content-item{ margin-right:2rem;}
}



@media (min-width: 768px){
    .business-list-wraper .business-item .business-item-wrap .business-desc{ height:12rem; }
    .about-bottom-area .about-content-item-img{ text-align: center }
    .about-bottom-area .about-content-item-img2{display: none}
}

@media (max-width: 767px){
    .about-bottom-content{ background: #EEE}
    .about-bottom-content{padding-top: 30px;}
    .about-bottom-content .about-content-item{ margin-bottom: 30px}
    .about-bottom-content .about-content-item-title{ font-size: 20px; padding: 5px 5px; font-weight: bold; text-align: center}
    .about-bottom-area .about-content-item-img{display: none}
    .about-bottom-area .about-content-item-img2{text-align: center}
    .about-bottom-area .about-content-item-desc{ text-align: center}
}



/** <=*** **/
@media (max-width: 991px){
    .business-section .container .business-item{margin-bottom: 1.5rem;}
    .pc-navbar-toggler{ display: none;}
    .navbar-collapse-right{ position: absolute; right: 30px; top:20px;}
    .navbar{-webkit-box-shadow: 0 0 10px #ddd;	 box-shadow: 0 0 10px #ddd;}


}





@media (min-width: 992px){
    .navbar .navbar-menu a{ font-size: 14px;}
    .mb-navbar-menu{ display: none;}
    .page-banner{ margin-top: 35px;}

    .first-section{ margin-top: 50px; display: flex;}
    .first-section .first-section-col1{ width: 55%;}
    .first-section .first-section-col2{ margin-left: 5%; margin-top:3rem; width: 35.99%;}
    .tbody-content .content-item{ width: 100%; display: flex; }
    .fourth-section .t-body .t-body-item{  width: 31.33%; }
    .fourth-section .t-body .t-body-item .t-body-item-img{ border:1px solid #EEE;  width: 100%;max-width: 373px;  max-height:260px; overflow: hidden;}
    .fourth-section .t-body .t-body-item{  margin-bottom: 30px;  }

    .first-section-col .thead h2{ text-align: center; font-size: 2.2rem; font-weight: 700;}
    .first-section-col .thead-desc{ margin-top: 20px; font-size: 1.28rem; color: #333;}
    .tbody-content{  width: 80%; margin: 60px auto;}
}


@media (min-width: 1280px){
    .navbar .navbar-menu a{ font-size: 18px;}

    .solution-page-main .solution-page-in-main{display: flex;}
    .solution-page-main .solution-left .solution-menu{ width: 90%; }
    .solution-page-main .solution-left{ width: 20%;}
    .solution-page-main .solution-right{ width: 80%;}


}

@media (min-width: 1320px){
    .footer .ft-container{  width: 100%; max-width: 1320px; margin: 0 auto;}
    .first-section{ margin-top: 50px; display: flex;}
    .first-section .first-section-col1{ width: 55%;}
    .first-section .first-section-col2{ margin-left: 5%; margin-top:3rem; width: 35.99%;}

    .contact-form .contact-form-main{ display: flex;}
    .contact-form .contact-form-main .ct-col{ flex: 1;}

}

/** <=*** **/
@media (max-width: 1366px){
    .second-section .t-head{ text-align: center;color: #FFF; }
    .second-section .t-head{  margin: 0 auto;}
    .second-section .t-head h2{ font-size:1.8rem; font-weight: bold; color: #FFF}
    .second-section .t-head p{ font-size: 0.85rem;}
}

@media (max-width: 1439px){
    .second-section .pag-container img{ width: 100%;}
    .third-section .pag-container .t-body img{ width: 100%;}
    .page-content  .page-content-right img{ width: 100%;}
}

@media (min-width:567px) and (max-width: 767px){

    /*.about-bottom-area .about-bottom-content{ width: 99.99%;position: absolute;bottom: 30%; left: 0; z-index: 200}*/

    .about-bottom-area .about-bottom-content .in-container{ width: 95%;  margin: 0 auto;}
}

@media (min-width:1024px) and (max-width: 1439px){
    .about-bottom-area .about-bottom-img{ position: absolute; top: 0; right: 0; z-index: 1; width: 99.99%}
}

@media (min-width:768px) and (max-width: 1023px){

    .about-bottom-area .about-bottom-content{ width: 99.99%;position: absolute;bottom: 30%; left: 0; z-index: 200}
    .about-bottom-area .about-bottom-content .in-container{  margin: 0 auto; color: #FFF}
    .about-bottom-area .about-content-item{ float: left; width: 33.33%}
    .about-bottom-area .about-content-item .item-main{ width: 80%;  margin: 0 auto;}
    .about-bottom-area .about-content-item .about-content-item-title{ font-size: 16px; padding: 10px 5px; text-align: center}
    .about-bottom-area .about-content-item .about-content-item-desc{  padding: 0px 10px;text-align: center}
}


@media (min-width:1024px) and (max-width: 1199px){

    .about-bottom-area{ min-height: 1080px;}
    .about-bottom-area .about-bottom-content{ width: 99.99%;position: absolute;bottom: 30%; left: 0; z-index: 200}
    .about-bottom-area .about-bottom-content .in-container{  margin: 0 auto; color: #FFF}
    .about-bottom-area .about-content-item{ float: left; width: 33.33%}
    .about-bottom-area .about-content-item .item-main{ width: 80%;  margin: 0 auto;}
    .about-bottom-area .about-content-item .about-content-item-title{ font-size: 16px; padding: 10px 5px; text-align: center}
    .about-bottom-area .about-content-item .about-content-item-desc{  padding: 0px 10px;text-align: center}
}


@media (min-width:1200px) and (max-width: 1299px){

    .about-bottom-area{ min-height: 1080px;}
    .about-bottom-area .about-bottom-content{ width: 99.99%;position: absolute;bottom: 30%; left: 0; z-index: 200}
    .about-bottom-area .about-bottom-content .in-container{  margin: 0 auto; color: #FFF}
    .about-bottom-area .about-content-item{ float: left; width: 33.33%}
    .about-bottom-area .about-content-item .item-main{ width: 80%;  margin: 0 auto;}
    .about-bottom-area .about-content-item .about-content-item-title{ font-size: 16px; padding: 10px 5px; text-align: center}
    .about-bottom-area .about-content-item .about-content-item-desc{  padding: 0px 10px;text-align: center}
}


@media (min-width:1300px) and (max-width: 1365px){

    .about-bottom-area{ min-height: 1080px;}
    .about-bottom-area .about-bottom-content{ width: 99.99%; position: absolute;bottom: 30%; left: 0; z-index: 200}
    .about-bottom-area .about-bottom-content .in-container{  margin: 0 auto; color: #FFF}
    .about-bottom-area .about-content-item{ float: left; width: 33.33%}
    .about-bottom-area .about-content-item .item-main{  width: 80%; margin: 0 auto;}
    .about-bottom-area .about-content-item .about-content-item-title{ font-size: 16px; padding: 10px 5px; text-align: center}
    .about-bottom-area .about-content-item .about-content-item-desc{  padding: 0px 10px;text-align: center}
}


@media (min-width:1366px) and (max-width: 1439px){
    .about-bottom-area{ min-height: 1080px;}
    .about-bottom-area .about-bottom-content{width: 99.99%; position: absolute;bottom: 36%; left: 0; z-index: 200}
    .about-bottom-area .about-bottom-content .in-container{ margin: 0 auto; color: #FFF}
    .about-bottom-area .about-content-item{ float: left; width: 33.33%}
    .about-bottom-area .about-content-item .item-main{ width: 270px; margin: 0 auto;}
    .about-bottom-area .about-content-item .about-content-item-title{ font-size: 16px; padding: 10px 5px; text-align: center}
    .about-bottom-area .about-content-item .about-content-item-desc{  padding: 0px 10px;text-align: center}
}


@media (min-width: 1440px){
    .fourth-section .t-body .t-body-item{ width:33.33%;}
    .fourth-section .t-body .t-body-item-main{ width:373px; height: 420px;margin: 0 auto; }
    .fourth-section .t-body .t-body-item-desc{margin:0 10px; font-size: 1rem; color: #333;}
    .fourth-section .t-body-item-title{text-align: center;}

    .page-content{margin-top: 50px;}
    .page-content .page-content-left{ width: 60%; float: left;}
    .page-content .page-content-left p{line-height: 1.8rem; }
    .page-content .page-content-right{float: right;}

    .second-section .t-head{ text-align: center;color: #FFF; }
    .second-section .t-head{  width: 650px; margin: 0 auto;}
    .second-section .t-head h2{ font-size:3rem; font-weight: bold; color: #FFF}
    .second-section .t-head p{ font-size: 20px;}

    .about-bottom-area{ width: 100%;min-height: 1080px;}
    .about-bottom-area .about-bottom-content{ width: 100%; position: absolute;bottom: 28%; left: 0; z-index: 200}
    .about-bottom-area .about-bottom-content .in-container{ width: 1400px; margin: 0 auto; color: #FFF}
    .about-bottom-area .about-content-item{ float: left; width: 33.33%}
    .about-bottom-area .about-content-item .item-main{ width: 270px; margin: 0 auto;}
    .about-bottom-area .about-content-item .about-content-item-title{ font-size: 16px; padding: 10px 5px; text-align: center}
    .about-bottom-area .about-content-item .about-content-item-desc{  padding: 0px 10px;text-align: center}

}