body { margin: 0; font-size: 12px; line-height: 2; color: #333; background-color: #fff; font-family: ''; }
a { color: #333; }
a:hover { text-decoration: none; }
header { height: 60px; font-size: 16px; display: flex; justify-content: space-between; position: relative; }
.logo { float: left; margin-left: 55px; margin-top: 8px; }
.right-info { /*float: right;*/
position: absolute; right: 0; top: 0; text-align: center; height: 100%; }
.right-info .version { width: 75px; background: #29599b; }
.right-info > a { display: inline-block; line-height: 60px; color: #fff; font-size: 16px; margin-left: 40px; }
.navbar-nav > li > a { color: #333; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; color: #29599b; background: #fff; }
.nav > li > a:after { position: absolute; left: 0; width: 0%; height: 2px; background-color: #29599b; content: ""; bottom: 0; transition: all 0.3s; }
.nav > li:hover > a:after, .nav > li.active > a:after { width: 100%; }
.nav > li.active > a { color: #29599b; }
.w1334 { max-width: 1334px; margin: 0 auto; position: relative; }
.w1200 { max-width: 1200px; margin: 0 auto; position: relative; }
.w990 { max-width: 990px; margin: 0 auto; position: relative; }
footer { background-color: #333238; color: #8c8c8c; }
footer ul.f-links li { display: inline-block; }
footer ul.f-links li:first-child { margin: 0 100px; }
footer ul.f-links li dt { margin-bottom: 16px; font-size: 16px; color: #fff; font-weight: normal; }
footer ul.f-links li dd { margin-bottom: 4px; }
footer ul.f-links li dd a { font-size: 14px; color: #a5a5a5; }
.footer-top { padding: 40px 0 50px; font-size: 14px; }
.footer-top .contact { display: inline-block; text-align: right; margin-right: 30px; }
.footer-top .qb { display: inline-block; vertical-align: top; text-align: center; }
.footer-top .qb>img { height: 110px; }
.footer-top .line1 { font-size: 14px; }
.footer-top .line2 { font-size: 19px; color: #fff; border-bottom: 1px solid #403f44; margin-bottom: 6px; }
.footer-bottom { overflow: hidden; padding: 16px 0 22px; }
.footer-bottom a { color: #8c8c8c; }
.hr { width: 100%; height: 1px; background: #403f44; clear: both; display: block; }
.banner .swiper-wrapper { height: 31.7vw; }
.banner .swiper-slide { background-size: contain; background-repeat: no-repeat; color: #fff; }
.banner .line1 { font-size: 60px; line-height: 1.2; position: absolute; left: 12%; top: 28%; }
.banner .hr1 { background: #fff; width: 80px; height: 3px; position: absolute; left: 12%; top: 48%; }
.banner .line2 { line-height: 1.2; position: absolute; left: 12%; top: 52%; }
.font30 { font-size: 30px; }
.font20 { font-size: 20px; }
.font42 { font-size: 42px; }
.font18 { font-size: 18px; }
.home-products { background: #f6f6f6; padding: 0 3vw; }
.home-products-list { background: #f6f6f6; }
.home-products-list .left-text { display: inline-block; vertical-align: top; width: 12.5vw; }
.home-products-list .right-img { display: inline-block; width: calc(100% - 13vw); }
.home-products-list a:hover .right-img img { transition: all .3s ease; }
.home-products-list a:hover .right-img img { transform: scale(1.02) }
.home-products-list .left-text .title { font-weight: bold; font-size: 20px; }
.home-products-list .left-text .desc { font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.home-products-list .swiper-wrapper { height: 16vw; background: #fff; }
.home-products-list .swiper-slide { padding: 3vw 0vw 3vw 3vw; background: #fff; }
.rightround { width: 45px; height: 45px; background: url('../images/rightround.png') no-repeat; transition: all 0.3s; margin-top: 35px; }
.home-products-list a { display: block; color: #333; }
.home-products-list a:hover .rightround, .home-news a:hover .rightround { background: url('../images/rightround-hover.png') no-repeat; }
.home-about { background: #f5f5f5; }
.home-about .left-video { display: inline-block; width: 59.1vw; vertical-align: middle; }
.home-about .right-text { display: inline-block; width: calc(100% - 60vw); vertical-align: middle; padding: 0 6vw; }
.home-about .right-text .title, .home-news .left-text .title { font-size: 42px; font-weight: bold; }
.home-about .right-text .title:after, .home-news .left-text .title:after { content: ""; height: 4px; width: 4vw; background-color: #333; display: block; margin-bottom: 30px; }
.home-about .right-text .desc, .home-news .left-text .desc { font-size: 14px; color: #8c8c8c; }
.more { border: 1px solid #333; color: #8c8c8c; font-size: 18px; width: 10vw; display: block; padding: 0.8vw 1vw; margin-top: 2vw; transition: 0.3s all; }
.more > span { float: right; font-weight: bold; margin-right: 4px; }
.more:hover { background: #29599b; color: #fff; }
.more:hover > span { margin-right: 0; }
.home-news { background: #f5f5f5; padding-top: 1vw; padding-bottom: 1vw; }
.home-news .left-text { display: inline-block; width: 32.5vw; vertical-align: middle; padding-left: 3vw; }
.home-news .right-newsitem { display: inline-block; display: inline-block; width: 31vw; margin-left: 0.5vw; vertical-align: middle; }
.home-news .right-newsitem .title { font-size: 28px; line-height: 1.5; }
.home-news .right-newsitem .desc { font-size: 14px; color: #909090; }
.home-news .right-newsitem .box { padding: 1.3vw 2vw; background: #fff; }
.home-news .right-newsitem a { display: block; position: relative; }
.home-news .right-newsitem:hover { box-shadow: 2px 2px 8px #ccc; transition: all 0.5s; }
.home-news .right-newsitem:hover .top-img { overflow: hidden; }
.home-news .right-newsitem:hover img { transform: scale(1.1); transition: all 0.5s; }
/*.home-news .right-newsitem a::after, .home-news .right-newsitem a::before {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: '';
                opacity: 0;
                pointer-events: none;
                -webkit-transition: opacity 0.4s,-webkit-transform 0.4s;
                transition: opacity 0.4s,transform 0.4s;
            }

            .home-news .right-newsitem a::before {
                border-top: 3px solid #29599b;
                border-bottom: 3px solid #29599b;
                -webkit-transform: scale(0,1);
                transform: scale(0,1);
            }

            .home-news .right-newsitem a::after {
                border-right: 3px solid #29599b;
                border-left: 3px solid #29599b;
                -webkit-transform: scale(1,0);
                transform: scale(1,0);
            }

        .home-news .right-newsitem:hover a::before, .home-news .right-newsitem:hover a::after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }*/

/*contact*/
.banner-about { position: relative; color: #fff; overflow: hidden; width: 100%; height: 23vw; background-repeat:no-repeat; }
.banner-about2 { background: url('../images/banner-about2.jpg') no-repeat; }
.banner-news { background: url('../images/banner-news.jpg') no-repeat; }
.banner-jobs { background: url('../images/banner-jobs.jpg') no-repeat; }
.banner-service { background: url('../images/banner-service.jpg') no-repeat; }
.banner-dealer { background: url('../images/banner-dealer.jpg') no-repeat; }
.banner-about .title-en { position: absolute; font-size: 60px; left: 0; right: 0; top: 30%; text-align: center; }
.banner-about .title-ch { position: absolute; font-size: 28px; left: 0; right: 0; top: 50%; text-align: center; }
.banner-about .hr2 { position: absolute; background: #fff; width: 75px; height: 3px; left: 0; right: 0; top: 60%; margin: auto; }
.contact-tabs { overflow: hidden; max-width: 1200px; margin: auto; overflow: hidden; width: 100%; margin: auto; display: flex; flex-direction: row; }
.contact-tabs li { width: 25%; padding: 1.7vw 0; text-align: center; height: 135px; font-size: 15px; color: #666666; border-right: 1px solid #ccc; }
.contact-tabs li a { display: block; }
.contact-tabs li.active { background: #29599b; }
.contact-tabs li.active a { color: #fff; }
.contact-tabs .tab{ width:52px; margin:0 auto 10px auto; height:40px; position:relative;}
.contact-tabs .tab img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.contact-tabs .tab .img1{}
.contact-tabs .tab .img2{ display:none;}
.contact-tabs li.active .tab .img1{ display:none;}
.contact-tabs li.active .tab .img2{ display:block;}
.contact-tabs .tab1 { width: 52px; height: 40px; background: url(../images/tabs.png) 0 0; margin: 0 auto 10px; }
.contact-tabs li.active .tab1 { background: url(../images/tabs.png) -64px 0; }
.contact-tabs .tab2 { width: 52px; height: 40px; background: url(../images/tabs.png) -115px 0; margin: 0 auto 10px; }
.contact-tabs li.active .tab2 { background: url(../images/tabs.png) -165px 0; }
.contact-tabs .tab3 { width: 52px; height: 40px; background: url(../images/tabs.png) -225px 0; margin: 0 auto 10px; }
.contact-tabs li.active .tab3 { background: url(../images/tabs.png) -283px 0; }
.contact-tabs .tab4 { width: 52px; height: 40px; background: url(../images/tabs.png) -346px 0 no-repeat; margin: 0 auto 10px; }
.contact-tabs li.active .tab4 { background: url(../images/tabs.png) -400px 0 no-repeat; }
.contact-tabs .tab5 { width: 52px; height: 40px; background: url(../images/tabs2.png) 0 0 no-repeat; margin: 0 auto 10px; }
.contact-tabs li.active .tab5 { background: url(../images/tabs2.png) -46px 0 no-repeat; }
.box-shadow { box-shadow: 2px 2px 8px #ddd; }
.contact-content { padding: 5vw 0; }
.contact-content.dealer-content { padding: 2vw 0 5vw; }
.about-content { padding: 3vw 0; }
.about-content .title { color: #333333; font-size: 36px; text-align: center; margin-bottom: 1vw; }
.about-content .t1 { font-size: 16px; text-align: left; text-indent: 35px; }
.nums { text-align: center; margin: 2vw auto; }
.nums .t2 { color: #29599b; font-size: 72px; line-height: 1; }
.nums .t3 { color: #626060; font-size: 14px; }
.imgs3>img { width: 33.333%; }
.aboutslide { width: 100%; height: 32.3vw; }
.aboutslide img { height: 242px; }
.aboutslide .text { font-size: 20px; background: #fff; padding: 1vw; height: 100px; line-height: 1.5; }
.about-content .videos img { width: 50%; }
#menu4 { font-size: 16px; }
.msgtitle { color: #29599b; font-size: 40px; font-weight: bold; margin-bottom: 2vw; }
.servicetitle { color: #2a2626; font-size: 30px; font-weight: bold; margin-bottom: 2vw; }
.servicebox .item { border: 1px solid #ccc; border-radius: 5px; text-align: center; height: 10vw; display: flex; justify-content: center; flex-direction: column; position: relative; }
.servicebox .item a { display: block; }
.servicebox .item .title { font-size: 16px; }
.servicebox .item .title:before { content: ""; width: 24px; height: 24px; background: url(../images/icon-pdf.png) no-repeat 100% center; display: inline-block; margin-right: 8px; vertical-align: middle; }
.servicebox .item .title.title2:before { background: url(../images/icon-zip.png) no-repeat 100% center; }
.servicebox .item .downtxt { font-size: 15px; color: #adaaaa; position: absolute; right: 1vw; bottom: 1vw; }
.servicebox .item:hover { background: #29599b; transition: 0.5s all; }
.servicebox .item:hover > div { color: #fff; transition: 0.5s all; }
.servicebox .item:hover .title:before { background: url(../images/icon-pdf.png) no-repeat 0 center; }
.servicebox .item:hover .title.title2:before { background: url(../images/icon-zip.png) no-repeat 0 center; }
.bottom-desc { border-top: 1px solid #dedede; text-align: center; font-size: 16px; padding: 2vw 0 0; }
.bottom-desc>b { font-size: 24px; }
.bg-grey { background: #e6e6e6; }
.bg-grey2 { background: #efefef; }
.category { padding: 0.6vw; }
.category > a { font-size: 14px; color: #4a4646; border-right: 1px solid #ccc; padding: 0 2vw; }
.category > a:last-child { border-right: 0; }
.category > a.active { color: #29599b; }
.product-list .product-item { background: #fff; text-align: center; padding: 40px 0; height: 21vw; }
.product-list .product-item a > img { height: 250px; }
.product-list { padding: 30px 0; }
.product-list .title { font-size: 17px; }
.product-list .more2 { font-size: 15px; margin-top: 10px; }
.product-list .desc { position: absolute; z-index: 1111; right: -21vw; top: 0; width: 21vw; background: #fff; height: 21vw; color: #8c8c8c; padding: 3vw 1vw; text-align: left; font-size: 15px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; transition: all .5s linear; transform-origin: left center; transform: rotateY(90deg); }
.product-list .desc .subtitle { color: #333; font-size: 17px; }
.product-list .desc .content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.product-item { position: relative; float: left; width: 31.5%; margin-right: 2%; margin-bottom: 2%; transition: all .5s linear; }
.product-item:nth-child(3n) { margin-right: 0; }
.product-item:hover .title, .product-item:hover .more2 { transition: all .5s linear; opacity: 0; }
.product-item:hover { box-shadow: -2px 2px 6px #ccc }
.product-item:hover a > img { transition: all .5s linear; margin-top: 2vw; }
.product-item:hover .desc { opacity: 1; transform: rotateY(0); display: block; }
.product-item:nth-child(3n) .desc { transform-origin: right center; right: 0; left: -21vw; }
.product-item:nth-child(3n):hover .desc { transform: rotateY(-90); }
.msg .form-group { position: relative; }
.msg input { border: 0; border-top: 1px solid #333; outline: 0; border-radius: 0; height: 70px; margin-bottom: 2vw; font-size: 18px; }
.msg .form-group label { position: absolute; top: 18px; font-size: 18px; color: #999; font-weight: normal; }
/*.msg input:focus + label,*/
.msg input + label.active { top: 0; font-size: 12px; left: 12px; transition: 0.2s all; }
.msg input.btn-contact { width: 280px; border: 0; margin-top: 20px; }
.msg input.btn-contact:disabled { opacity: 0.6; }
.msg2 input { border: 0; border: 1px solid #ccc; outline: 0; border-radius: 0; height: 48px; margin-bottom: 1vw; font-size: 18px; display: inline-block; width: calc(100% - 120px); }
.msg2 textarea { display: inline-block; border: 1px solid #ccc; width: calc(100% - 120px); }
.msg2 .form-group label { width: 100px; text-align: right; margin-right: 10px; }
.loading { font-size: 18px; color: #29599b; display: none; }
.contactForm .form-group.error input, .contactForm .form-group.error textarea { border-top: 2px solid #e99292 !important; }
#breadcrumb { font-size: 16px; padding: 18px; border-bottom: 1px solid #ccc; }
.detail-top { display: flex; justify-content: space-around; padding: 3vw 0; }
.detail-top .left-img { width: 50%; padding: 0 4.5vw; display: flex; }
.detail-top .left-img img { margin: 0 auto; align-self: center; }
.detail-top .right-box { width: 50%; background: #fff; padding: 2vw; }
.detail-top .right-box .title { font-size: 30px; color: #0c0b0b; }
.detail-top .right-box .desc { font-size: 15px; color: #0c0b0b; padding: 1.2vw 0; margin-bottom: 1.2vw; border-bottom: 1px solid #ccc; }
.detail-top .right-box .other { font-size: 15px; color: #666666; }
.detail-top .right-box .btn-contact { font-size: 18px; color: #fff; background: #29599b; width: 256px; border-radius: 0; padding: 0.8vw 0; margin-top: 1.5vw; }
.detail-mid { background: #343131; color: #fff; font-size: 30px; padding: 1.2vw 0; }
.detail-bottom { background: #e9e9e9; }
.detail-bottom .table .caption { background: #29599b; color: #fff; padding-left: 1vw; font-size: 18px; }
.detail-bottom .table { background: #fff; margin-bottom: 0; }
.detail-bottom .table > thead > tr > td, .detail-bottom table > tbody > tr > td { height: 3vw; vertical-align: middle; text-align: center; border-right: 1px solid #ddd; }
.detail-bottom .table > thead > tr > td:last-child, .detail-bottom table > tbody > tr > td:last-child { border-right: 0; }
.detail-bottom .table > thead > tr.caption > td, .detail-bottom table > tbody > tr.caption > td { text-align: left; font-size: 16px; text-indent: 1vw; }
.news-list li { padding: 2vw 0 1.4vw; margin-bottom: 2vw; border-bottom: 1px solid #dedede; }
.news-list .left-img { display: inline-block; width: 365px; }
.news-list .right-text { display: inline-block; margin-left: 45px; vertical-align: top; width: calc(100% - 422px); }
.news-list .line1 { font-size: 24px; color: #131212; margin-bottom: 6px; }
.news-list .line2 { font-size: 16px; color: #7e7d7d; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.news-list .line3 { font-size: 16px; color: #b2afaf; }
.news-list .line3 img { float: left; margin: 5px 10px 0 0; }
.section1 { /*background-size: contain !important;
    background: url('../images/detail-bg1.jpg') no-repeat;
    padding-top: 2vw;
    height: 69vw;*/
width: 100%; position: relative; }
.sub-head { overflow: hidden; width: 100%; padding: 0; }
.sub-head .title { font-size: 24px; font-weight: bold; float: left; color: #fff; }
.sub-head .right-menu { font-size: 18px; float: right; line-height: 48px; }
.sub-head .right-menu a { color: #fff; margin-left: 2vw; }
.sub-head .active { font-weight: bold; border-bottom: 2px solid #fff; }
.sub-head .nav > li > a:hover, .sub-head .nav > li > a:focus { background-color: transparent; color: #fff; }
.unsticky.sub-head { margin-bottom: -62px !important; }
.sticky.sub-head { background: rgba(41, 89, 155, .6); top: 0 !important; }
.detail-img { width: 100%; margin: 0 auto; }
.detail-shortdesc { /*position:absolute;bottom:7vw;left:0;right:0;margin:auto;*/
font-size: 20px; color: #fff; width: 100%; background: rgba(0,0,0,0.6); padding: 0.5vw 0; }
.detail-shortdesc .txt { max-width: 1200px; margin: auto; }
.section2 .title { padding: 2vw; background: #fff; text-align: center; }
.section2 .title .line1 { color: #29599b; font-size: 42px; font-weight: bold; }
.section2 .title .line2 { color: #1b1b1a; font-size: 30px; }
.section3 { padding-bottom: 2vw; }
.section3 .title { padding: 2vw; color: #090909; text-align: center; font-size: 42px; font-weight: bold; }
.newsdetail { padding: 3vw 0; }
.newsdetail .title { font-size: 26px; color: #131212; }
.newsdetail .time { font-size: 14px; color: #b2afaf; }
.newsdetail .desc { font-size: 14px; margin-top: 1vw; border-top: 1px solid #dedede; padding-top: 2vw; }
.job-content { padding: 3vw 0; }
.job-content .panel-group .panel { border-radius: 0; }
.job-content .panel-heading { padding-top: 0; padding-bottom: 0; line-height: 3vw; }
.job-content .panel-heading { transition: all 0.5s; }
.job-content .panel-heading.active { background: #29599b; color: #fff; }
.job-content .panel-title > a { display: block; line-height: 3vw; }
.job-content .panel-body { font-size: 14px; padding-top: 2vw; padding-bottom: 2vw; }
.params { font-size: 15px; }
.params > b { width: 100px; display: inline-block; text-align: right; }
.navbar-brand { padding: 2px 15px; }
.navbar { min-height: 59px; border: none; margin-bottom: 0; }
.navbar-nav > li > a { font-size: 16px; font-weight: bold; }
#map { width: 100%; height: 480px; border: #ccc solid 1px; font-size: 12px; margin: 3vw 0; }
.banner.swiper-container {  --swiper-navigation-size: 30px; /* ���ð�ť��С */
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { outline: 0; }
.btn-dealer { width: 200px !important; margin-left: 110px; }
 @media (max-width: 1400px) {
.w1334 { padding: 0 5%; }
.section1 { background-size: contain !important; }
}
 @media (min-width: 768px) {
.navbar-nav > li > a { padding: 20px 0; margin: 0 20px; }
.navbar-nav { float: none; margin: auto; max-width: 888px; width: 100%; }
}
 @media (max-width: 1400px) and (min-width: 768px) {
.navbar-nav > li > a { font-size: 14px; padding: 15px 0; }
.right-info > a { line-height: 52px; font-size: 14px; }
.navbar { min-height: 52px; }
.font42 { font-size: 24px; }
.font18 { font-size: 15px; }
.home-products-list .left-text .title { font-size: 16px; }
.home-about .right-text .title, .home-news .left-text .title { font-size: 24px; }
.home-news .right-newsitem .title { font-size: 18px; }
.banner .hr1 { top: 42%; }
.banner .line2 { top: 46%; }
.font30 { font-size: 20px; }
.detail-shortdesc { font-size: 18px; }
.section2 .title .line1, .section3 .title { font-size: 32px; }
.section2 .title .line2 { font-size: 24px; }
.product-list .product-item a > img { height: 14vw; }
.product-list .product-item { padding: 10px 0; }
.product-list .more2 { margin-top: 0px; }
.product-list .desc { right: -30vw; width: 30vw; padding: 1vw 1vw; font-size: 14px; }
.product-list .desc .content { -webkit-line-clamp: 4; }
.banner-about .title-ch { font-size: 22px; top: 48%; }
.banner-about .title-en { font-size: 40px; }
.about-content .title, .msgtitle { font-size: 32px; }
.nums .t2 { font-size: 60px; }
.aboutslide .text { font-size: 16px; }
.aboutslide img, .contact-tabs li { height: auto; }
.msg input.btn-contact { width: 300px; height: 56px; }
.home-news .right-newsitem .desc { font-size: 13px; }
.contact-tabs a > div:first-child { width: 39px; height: 30px; background-size: cover !important; }
.contact-tabs li.active .tab1 { background: url(../images/tabs.png) -46px 0; }
.contact-tabs .tab2 { width: 52px; height: 40px; background: url(../images/tabs.png) -86.25px 0; margin: 0 auto 10px; }
.contact-tabs li.active .tab2 { background: url(../images/tabs.png) -123.75px 0; }
.contact-tabs .tab3 { width: 52px; height: 40px; background: url(../images/tabs.png) -168.75px 0; margin: 0 auto 10px; }
.contact-tabs li.active .tab3 { background: url(../images/tabs.png) -212.25px 0; }
.contact-tabs .tab4 { width: 52px; height: 40px; background: url(../images/tabs.png) -260.5px 0 no-repeat; margin: 0 auto 10px; }
.contact-tabs li.active .tab4 { background: url(../images/tabs.png) -300px 0 no-repeat; }
.banner .line1 { font-size: 28px; }
.banner .hr1 { height: 2px; }
.unsticky.sub-head { margin-bottom: -51px !important; }
}
 @media all and (max-width: 768px) {
.banner .line1 { font-size: 16px; }
.font30 { font-size: 13px; }
.font20 { font-size: 12px; }
.font18 { font-size: 13px; }
.font42 { font-size: 20px; }
.banner .hr1 { height: 2px; top: 50%; }
.logo { margin-left: 2vw; }
.navbar-blue { background: #c92b2f; }
.navbar-blue .navbar-toggle .icon-bar { background-color: #fff; }
#main { margin-top: 60px; }
.navbar-nav > li > a { color: #fff; }
.home-products-list .swiper-wrapper { height: auto; }
.home-products-list .left-text, .home-products-list .right-img, .home-about .right-text, .home-about .left-video,  .home-news .left-text, .home-news .right-newsitem, .news-list .left-img, .news-list .right-text { display: block; width: 100%; padding: 0 2%; }
.rightround { display: none; }
.home-products-list .left-text .title,  .home-news .right-newsitem .title { font-size: 15px; }
.home-products-list a, .home-about { flex-direction: column-reverse; display: flex; }
.home-news .right-newsitem { margin-left: 0; }
.more { font-size: 13px; width: 100%; padding: 1.8vw 1vw; margin: 2vw auto; }
.home-about .right-text .title, .home-news .left-text .title { font-size: 20px; }
.home-about .right-text .title:after, .home-news .left-text .title:after { display: none; }
.product-list .product-item { height: auto; width: 100%; float: none; }
.product-item:hover .desc { display: none; }
.section2 .title .line2 { font-size: 20px; }
.detail-shortdesc-mobile { padding: 2%; }
.sub-head { display: none; }
.section2 .title .line1, .section3 .title, .about-content .title, .msgtitle { font-size: 22PX; }
.nums .t2 { font-size: 36px; }
.table-scroll { overflow-x: auto; }
.contact-tabs li { height: 60px; }
.banner-about { height: 41vw; background-size: contain !important; }
.banner-about .title-en { font-size: 20px; }
.banner-about .title-ch { font-size: 14px; }
.banner-about .hr2 { top: 67%; }
.contact-tabs { position: fixed; bottom: 0; background: #fff; z-index: 111111; border-top: 1px solid #ccc; }
.contact-tabs a > div:first-child { width: 26px; height: 20px; margin-bottom: 0; background-size: cover !important; }
.contact-tabs li.active .tab1 { background: url(../images/tabs.png) -32px 0; }
.contact-tabs .tab2 { width: 52px; height: 40px; background: url(../images/tabs.png) -57.5px 0; margin: 0 auto 10px; }
.contact-tabs li.active .tab2 { background: url(../images/tabs.png) -82.5px 0; }
.contact-tabs .tab3 { width: 52px; height: 40px; background: url(../images/tabs.png) -112.5px 0; margin: 0 auto 10px; }
.contact-tabs li.active .tab3 { background: url(../images/tabs.png) -141.5px 0; }
.contact-tabs .tab4 { width: 52px; height: 40px; background: url(../images/tabs.png) -173px 0 no-repeat; margin: 0 auto 10px; }
.contact-tabs li.active .tab4 { background: url(../images/tabs.png) -200px 0 no-repeat; }
.job-content .panel-title > a { line-height: initial; padding: 10px 0; }
#map { height: 400px; }
.msg input.btn-contact { width: 100%; height: 50px; }
.news-list .right-text { margin-left: 0; }
footer ul.f-links li:first-child { margin-right: 20px; }
.qbwrap { text-align: center; margin-top: 20px; }
footer ul.f-links li:first-child { margin: 0; }
.footer-top .contact { margin-right: 0; }
.nav > li.active > a { background: #fff; }
}
/**/
.inside{ padding:30px 0 50px 0;}
@media(max-width:768px){
.inside{ padding:30px 5% 50px 5%;}
}