/**

 * ---------------------------

 * MAIN TEMPLATE STYLES

 * ---------------------------

 *

 * 

 * ## Project Name        :  涓夋５鏍�

 * ## Project Description :  涓夋５鏍�

 * ## Based on            :  Uix Kit (https://github.com/xizon/uix-kit)

 * ## Version             :  0.0.1

 * ## Last Update         :  August 23, 2018

 * ## Created by          :  Chuckie Chang

 * ## Released under the MIT license.

 */



 @charset "UTF-8";

 .uix-header.on{

     background-color: #fff;

 }

 .uix-header.on .uix-menu__container:not(.is-mobile) ul.uix-menu > li > a{

     color: #333;

 }

 .uix-header.on, .uix-controls__multi-sel > span.uix-header.active:not(.uix-controls__bar) {

     background: white;

 }

 .uix-header.on .uix-brand img.uix-brand__hover-img{

     opacity: 1;

 }

 .uix-header.on .uix-brand span{

     color: #333333;

     border-color: #333333;

 }

     .uix-header.on .uix-topbar__container{

         color: #999;

         background: #e6e9e3;

     }

 

     .uix-header.on .uix-topbar__container a{

         color: #999;

     }

 

     .uix-header.on .uix-topbar__container i.icon-mapmarker{

         color: #069539;

     }

 button.uix-btn__bg--primary.uix-btn--full{

     -webkit-border-radius: 5px;

     -moz-border-radius: 5px;

     border-radius: 5px;

 }

 #uix-to-top{

     z-index: 2;

 }

 .home .uix-svgmap--china {

     width: 100%;min-height: 420px;

 }

 

 .app-full-img a:nth-child(3) {

     left: 70%;

     top: 33%;

 }

 .app-full-img a:nth-child(4) {

     left: 22%;

     top: 55%;

 }

 .app-full-img a:nth-child(5) {

     left: 80%;

     top: 77%;

 }

 .uix-special-footer__container .uix-special-footer__copy {

     color: #FFFFFF;

     margin: 0;

     padding: 0;

     padding-top: 1rem;

 }

 select{

     -moz-appearance: none;

 }

 .uix-special-footer__container .uix-special-footer__copy a {

     color: #FFFFFF;

 }

 .uix-progress-line .uix-progress-line__circle.active {

     background: transparent;

 }

  .app-accordion-list dl dt{

     cursor: auto;

 }

 div.mini-height{

     min-height:1rem!important;

 }

 div.mini-height p{

     margin: 1.2rem 0!important;

 }

 #app-order-widths{

     transform: translate(-5rem,-45px)!important;

     width: 97rem!important;

 }

 #app-order-heights{

     height:510px!important;

 }

 @media (min-width: 769px){

 /*

     #uix-multi-carousel__controls-1{

         display: none;

     }

 */

     .uix-section-index-2 .reservation_form >.app-order-formbox--mobile-hr:nth-child(7) {

         display: none;

     }

     #code_img{

         height: 46px;

         margin-top: -4px;

     }

     .uix-topbar__container{

         padding: 0 2.0625rem;

     }

     .uix-special-footer .container{

         position: relative;

     }

     .uix-special-footer__container .uix-special-footer__copy {

         position: absolute;

         bottom: 20px;

         font-size: 0.8125rem;

     }

     .app-accordion-list dl dt a {

         font-weight: 700;

     }

     .uix-advanced-slider-sp__canvas-container, .uix-advanced-slider-sp__inner, .uix-advanced-slider-sp__wrapper{

         min-height: auto;

     }

     .home .uix-advanced-slider-sp__inner .uix-advanced-slider-sp__item:nth-child(2) .uix-advanced-slider-sp__txt{

         top: 38%;

         text-align: center;

     }

     .home .uix-advanced-slider-sp__inner .uix-advanced-slider-sp__item:nth-child(1) .uix-advanced-slider-sp__txt{

         top: 38%;

     }

    

     .home .uix-advanced-slider-sp__txt .uix-el-grid__col-7{

         width: 100%;

     }

     .uix-special-footer__menus{

         text-align: center;

     }

     .uix-controls__select.uix-controls__select--style4 .uix-controls__select-trigger{

         width: 100%;

         min-width: 150px !important;

     }

 

     .home .uix-lavalamp-menu__container ul.uix-lavalamp-menu li::after {

         top: -35%;

     }

     

     .home .app-service-area-bgs__trigger a span {

         transform: translateY(10px);

     }

 

     .home .app-service-adv .app-service-adv__item img {

         height: 110%;

     }

 

     

 }

 .app-citychoose-container label select#province,.app-citychoose-container label select#city,.app-citychoose-container label select#district{

     padding: 0.2rem 0.7rem!important;

     padding-right: 1rem!important;

     width: calc(100% - 1rem)!important;

     border-radius: 3px!important;

     margin-left: 0.8rem;

     font-size: 0.9rem;

 }

 .text-center{

     text-align: center;

 }

 .app-renderer-color__trigger a strong {

     left: 0;

     width: 100%;

 }

 .app-renderer-color__trigger a span{

     width: 100%;

     left: 0;

 }

 .app-renderer-color__trigger a i{

     width: 100%;

     left: 0;

 }

 .app-citychoose-container{

     transform: translateY(3rem)!important;

 }

 @media (max-width: 768px){

     .uix-card4{

         margin-bottom: .75rem;

         overflow: hidden;

     }

     #app-home-order3 .uix-controls__select-wrapper:nth-child(3) {

         margin-left: 2.5rem!important;

     }

     div#modal-open-5.uix-modal-box:not(.is-fullscreen){

         width: 96%!important;

         min-height: 95vh!important;

         max-width: 95vw!important;

         max-height: 95vh!important;

     }

     div#modal-open-5 .uix-modal-box__content{

         padding: 0.5rem 0.2rem;

     }

     div#modal-open-5.uix-modal-box:not(.is-fullscreen) button{

         margin-bottom: -4rem;

     }

     .uix-modal-box.active .uix-modal-box__content>div{

         overflow-y: hidden;

     }

     #modal-open-5 form{

         margin-top:0px!important;

     }

     .uix-t-r.mobile-left{

         width: 100%!important;

         margin: 0!important;

         padding: 0!important;

     }

     .uix-btn__bg--primary.uix-btn--full{

         padding-top: 0.8rem!important;

         padding-bottom: 0.8rem!important;

     }

     .uix-controls:not(.uix-controls__toggle):not(.uix-controls__checkbox):not(.uix-controls__radio):not(.uix-controls__select) input:not([type="checkbox"]):not([type="radio"]){

         color:#cccccc;

     }

     .uix-btn__bg--primary{

         width:100%!important;

     }

     .uix-typo--num.addFontSize{

         font-size: 1.3rem!important;

     }

     input.float-label{

         color:#000000!important;

     }

     .home .uix-svgmap--china{

         margin-top: 2.5rem;

     }

     .uix-controls__select-wrapper .uix-controls__select-trigger{

         padding: .546875rem 1.5rem .546875rem .7rem;

     }

     .uix-btn__size--l {

         font-size: 1rem;

         padding: .7rem 3.5rem;

     }

     .app-service-adv{

         pointer-events: none;

     }

     .app-city-listbox{

         top: 55px;

     }

 }

 @media (max-width: 640px){

 

     .uix-modal-box .uix-modal-box__close {

         width: 25px;

         height: 25px;

         line-height: 26px;

         right: 6px;

         top: 6px;

         z-index: 10;

     }

     .no-padding{

         padding-top:0!important;

     }

     .uix-section-index-2 .reservation_form >.uix-controls__select-wrapper{

         width: 41%;

         min-height: auto;

     }

     .uix-section-index-2 .reservation_form >.app-order-formbox--mobile-hr:nth-child(7){

         display: none;

 

     }

     .uix-controls__select.uix-controls__select--style4 .uix-controls__select-trigger {

         min-width: 110px!important;

     }

     .uix-section-index-2 .reservation_form >.uix-controls__select-wrapper:nth-child(1) .uix-controls__select-trigger,.uix-section-index-2 .reservation_form >.uix-controls__select-wrapper:nth-child(2) .uix-controls__select-trigger{

         margin-bottom: 0;

     }

     .app-join-apply-1:before,

     .app-join-apply-1:after {

         content: " ";

         display: table;

     }

 

     .app-join-apply-1:after {

         clear: both;

     }

 

 

 }

 .uix-header__sub-nav__bg{

     background: rgba(255,255,255,.9)!important;

 }

 .app-shops-bottom{

     margin: 1.5rem 0 2rem 0!important;

 }

 .uix-floating-side-el a{

     width:77px!important;

 }

 .icon-icon-test1:before{

     font-size: 30px;

 }

 .add_bottom_h{

     padding-bottom: 1rem!important;

     display: block;

 }

 .add_padding-right,.uix-card4 .uix-card4__content{

     padding-left: 1.5rem!important;

 }

 .mar-top{

     margin-top: 1.3rem;

 }

 [class*=uix-el-grid__col-]{

     min-height: 9.5rem!important;

 }

 .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option.active{

     font-size: 0.8rem;

    

 }

 .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option{

     font-size: 0.8rem;

 }

 .select_people_box input , .select_people_box .uix-controls__select-trigger{

     min-width: 120px!important;

     max-width: 100px!important;

 }

 .select_people_box2 .uix-controls__select-trigger{

     min-width: 120px!important;

     max-width: 150px!important;

 }

 .select_people_box2 .uix-controls__select__option{

     font-size: 0.8rem!important;

     padding: 0 0 0 1rem!important;

     white-space:nowrap; overflow:hidden;

 }

 @media (max-width: 1600px){

     .select_people_box input , .select_people_box .uix-controls__select-trigger{

         min-width: 100px!important;

         max-width: 100px!important;

     }

     .select_people_box2 .uix-controls__select-trigger{

         min-width: 110px!important;

         max-width: 150px!important;

     }

 }

 @media (max-width: 1440px){

     .app-join-apply-1 .uix-controls__select.uix-controls__select--s .uix-controls__select-trigger{

         min-width: 7.2rem;

         

     }

     .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option.active{

         font-size: 0.8rem;

     }

     .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option{

         font-size: 0.8rem;

     }

     .page-about .col-md-8{

         margin-left: 10%;

         width: 80%;

     }

     [class*=uix-el-grid__col-]{

         min-height: 7.7rem!important;

     }

     #app-order-heights{

         height:490px!important;

     }

     #app-order-widths {

         transform: translate(-5.5rem,-45px)!important;

         width: 82rem!important;

     }

 }

 @media (max-width: 1200px){

     .app-join-apply-1 .uix-controls__select.uix-controls__select--s .uix-controls__select-trigger{

         min-width: 7.2rem;

         

     }

     .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option.active{

         font-size: 0.8rem;

     }

     .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option{

         font-size: 0.8rem;

     }

     #app-order-heights{

         height:480px!important;

     }

     #app-order-widths {

         transform: translate(-5.5rem,-45px)!important;

         width: 80rem!important;

     }

     .select_people_box input , .select_people_box .uix-controls__select-trigger{

         min-width: 80px!important;

         max-width: 100px!important;

     }

     .select_people_box2 .uix-controls__select-trigger{

         min-width: 110px!important;

         max-width: 150px!important;

     }

 }

 @media (max-width: 768px){

     .app-service-adv .app-service-adv__item .app-service-adv__info{

         padding-left: 0.5rem;

         padding-right: 0.5rem;

     }

     dl.uix-list-abreast.uix-list-abreast--icon2.app-contact__abreast-2 dd{

         left: 1rem;

     }

     #app-home-order3 .uix-controls__select-wrapper:nth-child(3){

         margin-left: 1.8rem;

     }

     #app-home-order3  #app-no-bottom{

         margin-bottom: 0!important;

     }

     .app-shops-container .uix-card4.js-uix-common-height .uix-card4__pic{

         height: 100%;

         position: relative;

         min-height: 9.5rem!important;

     }

     .app-modal-big-t{

         top: 10px;

     }

     [class*=uix-el-grid__col-]{

         min-height: 0!important;

     }

     .col-md-5 .app-shops-container div.uix-card4 .uix-card4__pic,.app-shops-container div.uix-card4 .uix-card4__content{

         min-height: 9.5rem!important;

     }

     .uix-card4 .uix-card4__title p,.uix-card4 .uix-card4__headline{

         width:92%!important;

     }

     .add_bottom{

         margin-bottom: 1.5rem;

     }

     .addHeight{

         height: 2.5rem;

     }

     /* input.float-label {

         color: #000000!important;

         -webkit-appearance: none;

     } */

     input:disabled, textarea:diabled {

         -webkit-text-fill-color: #000;

         -webkit-opacity: 1;

         color: #000;

     }

     .app-modal-big-t .uix-typo--modal-f{

         margin-bottom: 0;

         font-size: 1.25rem;

     }

     .uix-modal-box .uix-modal-box__content.uix-modal-box__content4 {

         padding: 100px 15px 1.5rem 15px;

     }

     

     

     .uix-tabs .uix-tabs__content {

         padding: 0 5px 1.5rem 0;

     }

     .uix-tabs .uix-tabs__nav > ul > li > a{

         font-size: .875rem;

     }

     .uix-tabs.uix-tabs--center .uix-tabs__nav > ul li{

         min-width: auto;

     }	

     

     .app-cult-row-2,.app-cult-row-3,.app-cult-row-4{

         margin-right: 0!important;

         margin-left:  0 !important;

     }

     .app-cult-row-2 > div,.app-cult-row-3 > div,.app-cult-row-4 > div{

         width: 33.33% !important;

         float: left;

         padding: 0;

     }

     .app-service-adv {

         height: 480px;

     }

     

     .app-service-adv .app-service-adv__item .app-service-adv__title {

         font-weight: 600;

     }

     .app-service-adv .app-service-adv__item .app-service-adv__title p,

     .app-service-adv .app-service-adv__item .app-service-adv__title i {

         font-weight: normal;

     }	

     

     .app-service-adv .app-service-adv__item .app-service-adv__title p {

         max-height: inherit;

         font-size: 0.6875rem;

     }	

     

     .app-service-adv .app-service-adv__item:nth-child(5), .app-service-adv .app-service-adv__item:nth-child(6), .app-service-adv .app-service-adv__item:nth-child(7) {

         height: 32.5%;

     }

     

     .page-3d .uix-v-align--absolute.uix-t-c.uix-typo--color-white {

         margin-top: -33vh;

     }

     .app-citychoose-container {

         transform: translate(-1rem,2rem)!important;

     }

     #province,#city,#district{

         margin-left: 0!important;

     }

     .app-home-map-t {

         transform: translateX(-0.2rem)!important;

     }

     .uix-controls__select--style4{

         width:100%!important;

         min-width: 100%!important;

         max-width: 100%!important;

         margin-top:1rem!important;

     }

     

 }

 

 @media (max-width: 640px){

     .app-cult-row-2 > div, .app-cult-row-3 > div, .app-cult-row-4 > div{

         font-size: .75rem;

     }

  

 }

 

 

 @media (max-width: 425px){

     .uix-controls:not(.uix-controls__toggle):not(.uix-controls__checkbox):not(.uix-controls__radio):not(.uix-controls__select).uix-controls__normal-select.uix-controls__select--s3 {

         min-width: 23vw;

         max-width: 23vw;

     }

     .addProvice{

         min-width: 25.5vw!important;

         max-width: 25.5vw!important;

     }

 }

 

 

 

 @media (max-width: 360px){

    

     .app-modal-big-t .uix-typo--modal-f {

         margin-bottom: 0;

         font-size: .875rem;

     }

     .app-modal-big-t {

         top: 5px;

     }

     .uix-modal-box .uix-modal-box__content.uix-modal-box__content4 {

         padding: 60px 15px 1.5rem 15px;

     }

    

     .uix-modal-box .uix-modal-box__content.js-uix-no-fullscreen{

         padding: 1.5rem 10px 1.5rem 0;

 

     }

 }

 

 

 .fixed-footer {

             bottom: 0;

             display: flex;

             height: 52px;

             position: fixed;

             width: 100%;

             z-index: 1001

         }

 

 .fixed-footer .buttons-item {

             height: 100%;

             flex: 1;

             line-height: 52px;

             background-color: #07933a;

             position: relative;

             text-align: center;

             color: #fff

 }

 

.fixed-footer .buttons-item .icon {

             width: 24px;

             vertical-align: middle;

 /*          height: 20px;*/

             margin-right: 5px;

             display: inline-block

}

 

.fixed-footer .buttons-item .icon img {

             width: 100%;

             height: 100%

}

 

 .fixed-footer .buttons-item a {

             color: #fff;

             display: inline-block;

             height: 100%;

             width: 100%;

             text-decoration: none

}

 

.fixed-footer .buttons-item:last-child .icon {

             background-position: -351px -178px

}

 

.fixed-footer .buttons-item:first-child .icon {

        background-position: -326px -178px

}

 

.fixed-footer .buttons-item:first-child:after {

             content: " ";

             position: absolute;

             display: block;

             height: 26px;

             width: 1px;

             right: 0;

             margin-top: -13px;

             top: 50%;

             background-color: #fff

 }

 

.advisory-mask {

             display: none;

             position: fixed;

             left: 0;

             right: 0;

             top: 0;

             bottom: 0;

             /* background-color: rgba(0,0,0,0.6); */

             z-index: 1002;

         }

.advisory-mask  .advisory-content{

             position: absolute;

             left: 0;

             right: 0;

             top: 50%;

             -webkit-transform: translateY(-50%);

             transform: translateY(-50%);

         }

 .advisory-mask  .advisory-content .advisory-banner{

             position: relative;

             width: 76%;

             margin: 0 auto;

         }

         .advisory-mask  .advisory-content .advisory-banner img{

             display: block;

         }

         .advisory-mask  .advisory-content .close_btn{

             display: block;

             position: absolute;

             right: -4.3%;

             top: -4.2%;

             width: 10.5%;

             padding-top: 10.5%;

             background: rgba(67,68,68,0.7) url(/templates/assets/images/advisory-mask-close.png) center center no-repeat;

             background-size: 42% 42%;

             border-radius: 50%;

             cursor: pointer;

         }

         .advisory-mask  .advisory-btn{

             display: block;

             margin: 0 auto;

             width: 76%;

         }

.advisory-mask  .advisory-btn a{

             width: 50%;

             background: #009638;

             color: #fff;

             height: 54px;

             line-height: 54px;

             display: block;

             float: left;

             text-align: center;

             font-size: 18px;

 

}

.advisory-mask  .advisory-btn a.first{

             border-bottom-right-radius: 30px;

}

.advisory-mask  .advisory-btn a.second{

             background: #ea2f33;

             border-bottom-left-radius: 30px

}



/* 首页 */

.swiper-box{position: relative;}

.swiper-box .swiper-container{display: block; width:100%;overflow:hidden; position:relative; z-index: 0;}

.swiper-box .swiper-container img{width: 100%;}

.swiper-box .swiper-container .txt-box{position: absolute;top: 21%;left: 8%; }

.swiper-box .swiper-container .txt-box h1{color: #fff;text-shadow: 0 2px 3px rgb(0 0 0 / 30%);font-size: 36px;}

.swiper-box .swiper-container .txt-box p{color: #fff;text-shadow: 0 2px 3px rgb(0 0 0 / 30%);font-size: 24px;}

.swiper-box .swiper-container .swiper-pagination-bullet {width:10px;height:10px;border-radius: 5px;background: #fff;opacity: 1;}

.swiper-box .swiper-container .swiper-pagination-bullet-active {width:30px; }

.index-banner{width: 100%;display: none;}

.index-video{width: 855px;height: 450px; float: left;}

.index-video video {width: 100%;height: 100%;}

.index-form{width: 320px;padding: 20px;box-sizing: border-box;background-color: #F1F1F1;float: right;}

.tip{background-color: #3A3A3A;width: 100%;height: 60px;line-height: 60px;color: #fff;text-align: center;margin-bottom: 20px;border-radius: 5px;font-size: 16px;}

.free-box{display: flex;justify-content: space-between;}

.free-box .free img{width: 25px;}

.free {display: inline-block;width: 140px;height: 50px;line-height: 50px;text-align: center;border-radius: 5px;}

.free.bao{color: #fff;background-color: #F3980F;}

.free.liang{color: #000;background-color: #EEEEEE;}

.form{margin-top:10px;}

.form select,.form input{background-color: #fff;height: 45px;width: 275px;margin-bottom: 15px;border-radius: 5px;border: none;text-indent: 5px;}

.form select,.form button{background-color: #fff;height: 45px;width: 275px;margin-bottom: 15px;border-radius: 5px;border: none;text-indent: 5px;}

.index-form .cont{color: #686868;width: 100%;text-align: left;}



.app-custom-navigation-m{display: none;}

.pd30{padding-top: 30px;}

/* .pic-list{float: left;width: 580px;}

.pic-list .item{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 25px;}

.pic-list img{width: 220px;height: 110px;}

.pic-list .cont-box {padding-left: 20px;width:360px; box-sizing: border-box;}

.pic-list .cont-box .title{color:#626262;font-size: 18px;font-weight: 900;padding-bottom: 10px;text-align: left;}

.pic-list .cont-box .time{font-size: 16px;padding-bottom:10px;color: #9E9E9E;text-align: left;}

.pic-list .cont-box .cont{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;

     -webkit-box-orient: vertical;width: 100%;text-align: left;} 

.news-list{float: right;width: 580px;font-size: 16px;}

.news-list .rows{border-bottom: 1px solid #F1F1F1;padding: 15px 20px;display: flex;justify-content: space-between;margin-bottom: 10px;}

.news-list .rows .left-box{display: flex;justify-content:start;}

.news-list .rows .tit{font-weight: 900;color: #000;padding-right: 30px}

.news-list .rows .contain{    white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;color: #000;width: 300px;} */





.link-us{color: #fff;font-size: 18px;padding-bottom: 20px;}

.link{padding-bottom: 15px;}

.link-box{float: left;}

.qrcode-box{float: right;}

.qrcode{display: inline-block;padding-left: 5px;}

.qrcode img{width: 100px;}

.qrcode span{text-align: center;padding-top: 15px;display: block;}

.foot-bottom{text-align: center;width: 100%;border-top: 1px solid #FFFFFF;padding: 10px 0;}

/* 关于我们 */

.banner{width: 100%;}

.banner2{display: none;}

.banner img{width: 100%;}

.nav-box{width: 100%;padding-top: 20px;background-color: #F5F5F5;}

.nav-box .nav {display: flex;float: left;}

.nav-box .nav .nav-item{padding-right: 30px;}

.nav-box .nav .nav-item a{display: inline-block;text-align: center;width:90px;padding-bottom: 20px;position: relative;color: #363636;font-size: 18px;}

.nav-box .nav .nav-item a::after{ content: ""; position: absolute; border-right: 1px solid #D6D6D6; height: 15px; right: -13px; top: 9px;}

.nav-box .nav .nav-item.active a{color: #F4980F;border-bottom: 4px solid #F4980F;}

.nav-box .nav—link{float: right;color:#666666 ;font-size: 14px;}

.nav-box .nav—link a{color:#666666 ;font-size: 14px;}

.nav-box .nav—link a.active{color: #F4980F;}



.contain-box{padding:40px 0;background-color: #F5F5F5;}

.contain-box.fff{background-color: #fff;}



/* 信息查询 */

.message-box{padding-top: 60px;padding-bottom:150px;}

.table-box{  border-radius: 10px;box-shadow:#999 2px 3.464px 24px 0px;background-color: #fff;}

.table1{padding: 60px 80px;}

.table-form{display: flex;justify-content: space-between;align-items: flex-end;}

.table-form>div{width: 30%;}

.table-form input{border-radius: 5px; height: 49px;width: 100%;width: 100%;padding: 0;margin: 0;border: none;}

.table-form input.text{background-color: #EEEEEE;text-indent: 10px;}

.table-form input.btn{background-color:#F3980F;text-align: center;line-height: 49px;color: #fff; font-size: 16px;}

  

.table2{padding: 0;padding-bottom: 40px;margin-top: 30px;}

.table-row{width: 100%;height: 60px;line-height: 60px;border-bottom: 1px solid #F4F4F4;display: flex;justify-content: space-between;margin: 0;}

.table-row.title{font-weight: 900;}

.table-row div{text-align: center;width: 50%;}



/* 留言反馈 */

.liuyan{width: 50%;margin: 0 auto;}

.liuyan div{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}

.liuyan div span{display: inline-block; width:13%;text-align: right;}

.liuyan div input,.liuyan div textarea{width:87%;background-color: #F0F0F0;border: none;}

.liuyan div button{width:87%;background-color: #F0F0F0;border: none;}

.liuyan div input{height: 50px}

.liuyan div button{height: 50px}

.liuyan div textarea{height: 250px}

.liuyan div .tijiao{background-color: #F4980F;color: #fff;text-align: center;line-height: 50px;}



/* 新闻详情 */

.details-box{background-color: #fff;width: 100%;padding:70px 40px 40px 40px;}

.details-box .title{font-size: 25px;color: #333333;text-align: center;padding-bottom: 25px;}

.details-box .time{padding-bottom: 25px;border-bottom: 1px solid #EEEEEE;display: flex;justify-content: center;align-items: center;}

.details-box .time div{padding-right: 20px;}

.details-box .time div img{width: 15px;vertical-align: middle;}

.details-box .time div span{color: #999999;font-size: 12px;}

.details-box .back-btn a{display:block;width:150px;text-align: center;height: 50px;line-height: 50px;margin:50px auto;background-color: #F4980E;color: #fff;}

.details-box .page-turn{padding-top: 30px;border-top: 1px dotted #EEEEEE;display: flex;justify-content: space-between;align-items: center;}

.details-box .page-turn a img{vertical-align: middle;width: 17px;}

  

/* 案例 */

.search-box select{font-weight: normal;}

.search-box select,.search-box input{width: 235px;height: 40px;border:1px solid #B6B6B6;margin-right: 15px;padding: 0 5px;background-color: #F5F5F5;margin-bottom: 10px;}

.search-box button{width: 235px;height: 40px;border:1px solid #B6B6B6;margin-right: 15px;padding: 0 5px;background-color: #F5F5F5;margin-bottom: 10px;}

.search-box .tijiao{background-color: #F4980F;color: #fff;text-align: center;line-height: 40px;width: 125px;border:none}

.product-box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding-top: 30px;}

.product-box .product-item{width: 32%;margin-bottom: 50px;transition: all .2s;}

.product-box .product-item .pic-box{width: 100%;overflow: hidden;}

.product-box .product-item .pic-box .pro-pic{width: 100%;transition: all .2s;}

.product-box .product-item .pro-duc{padding:0 20px;background-color: #fff;}

.product-box .product-item .pro-duc .detail{font-size: 16px;color: #333333;padding: 15px 0;border-bottom: 1px solid #EEEEEE;}

.product-box .product-item .pro-duc .more{padding: 15px 0;display: flex;justify-content: space-between;align-items: center;}

.product-box .product-item:hover{transform:translateY(-20px)}

.product-box .product-item:hover .pro-pic{transform: scale(1.1);}

/* 服务案例 */
.case-box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding-top: 30px;}
.case-box .case-item{width: 48%;margin-bottom: 30px;overflow: hidden;border-radius:5px;position: relative;}
.case-box .case-item  .case-pic{width: 100%;height: 100%;  transition: all .4s;}
.case-box .case-item  .detail{width: 100%;background-color:#fff;padding-left:40px;padding: 40px 20px;}
.case-box .case-item:hover .case-pic{transform: scale(1.1);}
.case-box .case-item  .detail .title{color: #333;font-size: 18px;font-weight: 700;}
.case-box .case-item  .detail .cont{padding-left:40%;color: #666;font-size: 16px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;
     display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;max-height: 54px;}

/* 常见问题 */
.uix-accordion{padding-top: 40px;}

@media (max-width: 1430px)  {

    .index-video{width: 90%;margin: 0 auto;height: auto;float: none;}

    .index-form{display: none;} 

}

/* @media (max-width: 760px)  {

    .banner{margin-top: 60px;}

} */



@media (max-width: 900px)  {

.contain-box{padding: 40px 0;}

.link-box{float: none;padding-left: 10px;}

.qrcode-box{float: none;padding-left: 10px;}



.message-box{padding-top:30px;padding-bottom:50px;}

.table1{padding: 20px 20px;}

.form{display: block;}

.form div{width: 100%;margin-top: 10px;}

.liuyan{width: 100%;}

.liuyan div textarea{height: 100px}



.product-box .product-item{width:48%;margin-bottom: 20px;}

.product-box .product-item .pro-duc{padding:0 10px;}

.product-box .product-item .pro-duc .detail{padding: 10px 0;}

.product-box .product-item .pro-duc .more{padding: 10px 0;}

/* .case-box .case-item  .detail{padding-left:30px;height: 50px;line-height: 50px; font-size: 16px;} */

.case-box .case-item  .detail{padding: 20px 10px;font-size: 16px;}
.case-box .case-item  .detail .title{font-size: 16px;}
.case-box .case-item  .detail .cont{font-size: 14px;}
}

@media (max-width: 600px)  {
.swiper-box{display: none;}
/* 
.swiper-box .swiper-container .txt-box h1{font-size: 18px;}

.swiper-box .swiper-container .txt-box p{font-size: 14px;} */

.index-banner{display: block;}

.app-custom-navigation-m{display: block;}

.index-two .container{overflow: hidden;}



.contain-box{padding: 20px 0;}

.banner{display: none;}

.banner2{display: block;background-size: cover!important;height: 170px;}

.nav-box{padding-top: 10px;}

.nav-box .nav{flex-wrap: wrap;}

.nav-box .nav .nav-item {padding-right:10px;}

.nav-box .nav .nav-item a{padding:5px 5px;margin-bottom: 10px;font-size: 14px;}

.nav-box .nav .nav-item.active a{color: #fff;background-color: #F4980F;border-radius:19px;border-bottom: none;}

.nav-box .nav .nav-item a::after{border-right: none;}
.nav-box .nav—link{display: none;}



.liuyan div span{ width:20%;}

.liuyan div input,.liuyan div textarea{width:80%;}

    .liuyan div button{width:80%;}

.details-box{padding: 20px 0;}

.details-box .title{font-size:18px;}

.details-box .back-btn a{margin:20px auto;}

.details-box .page-turn{display: block;}

.details-box .page-turn a{display: block;padding-bottom: 10px;}

.case-box .case-item{width: 100%;margin-bottom: 20px;}
/* .case-box .case-item  .detail{padding-left:20px;height: 40px;line-height: 40px; font-size: 14px;} */
.case-box .case-item  .detail{padding:15px 10px;font-size: 15px;}

.qrcode-box{display: flex;justify-content: space-between;width: 100%;box-sizing: border-box; padding: 0 10px;}
.qrcode-box .qrcode{padding-left: 0;width: 19%;}
.qrcode-box .qrcode span{font-size: 12px;}
.qrcode-box .qrcode img{width: 100%;}

.uix-spacing--l, .uix-spacing--m{padding: 2rem  0!important;}

.pd20{padding-bottom: 70px;}

.uix-accordion{padding-top: 20px;}

.search-box select{width: 100px;}
.search-box input{width: 150px;}

    
}