/* ==========================================================================
    公共样式
============================================================================ */
body::-webkit-scrollbar{width: 8px;height: 8px;background-color: #f6f6f6;z-index: 1;position: relative;}
body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius: 4px;}
.wrap{width: 70%;margin: 0 auto;}
.bg-black{background-color: #2a3888;}
.text-red{color: #337FE8;}
.text-white{color: #fff;}
.text-black{color: #000;}
.transy{position: absolute;width: 100%;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.public-filter{position: absolute;width: 100%;height: 60%;bottom: 0;left: 0;z-index: 1;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4));}
.red-btn{transition: .4s;background-color: #337FE5;line-height: 46px;display: inline-block;text-align: center;width: 160px;vertical-align: top;color: #fff;font-size: 18px;}
.red-btn:hover{background-color: #337fe5;transition: .4s;}

@media screen and (max-width: 1440px) {
    .red-btn{width: 144px;line-height: 42px;font-size: 16px;}
}

@media screen and (max-width: 600px) {
    .red-btn{width: 120px;line-height: 38px;font-size: 14px;}
}


.header{position: fixed;width: 100%;height: 100px;top: 0;left: 0;z-index: 91;background: #fff;padding: 0 8%;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.header .hd-logo{display: block;height: 100%;line-height: 100px;}
.header .hd-logo img{vertical-align: middle;}
.header .nav{height: 100%;}
.header .nav li{float: left;height: 100%;margin-right: 3vw;position: relative;}
.header .nav li h3 a{display: block;height: 100%;}
.header .nav li h3 a p{line-height: 98px;height: calc(100% - 2px);transition: .4s;}
.header .nav li h3 a i{display: block;width: 0;height: 2px;background: #337FE8;transition: .4s;margin: 0 auto;}
.header .nav li:hover h3 a p{color:  #337FE8;transition: .4s;}
.header .nav li:hover h3 a i{width: 100%;transition: .4s;}
.header .nav li.on h3 a p{color:  #337FE8;}
.header .nav li.on h3 a i{width: 100%;}
.header .nav .nav-drop{position: absolute;width: 102px;z-index: 11;top: 100%;left: 50%;margin-left: -52px;padding-top: 8px;transition: .4s;visibility: hidden;opacity: 0;transform: translateY(10px);}
.header .nav .nav-drop a{display: block;margin-top: 6px;padding: 5px;line-height: 24px;background-color: #2a3888;color: #fff;transition: .4s;text-align: center;}
.header .nav .nav-drop a:hover{transition: .4s;background-color: #337FE5;}
.header .nav li:hover .nav-drop{transition: .4s;visibility: visible;opacity: 1;transform: translateY(0);}
.header .hd-search{width: 190px;height: 36px;position: relative;background: #f4f4f4;border-radius: 18px;margin-top: 32px;}
.header .hd-search input{display: block;width: 100%;height: 100%;line-height: 36px;padding: 0 44px 0 18px;}
.header .hd-search .search-submit{display: block;width: 44px;height: 100%;position: absolute;right: 0;top: 0;background: url(images/icon_search.png) no-repeat center center;transition: .4s;}
.header .hd-search .search-submit:hover{background-image: url(images/icon_search_on.png);transition: .4s;}
.header .hd-links{margin: 32px 0 0 36px;}
.header .hd-links a{float: left;width: 90px;text-align: center;line-height: 36px;color: #fff;overflow: hidden;height: 36px;}
.header .hd-links a span{display: block;width: 100%;height: 100%;transition: .4s;}
.header .hd-links a:hover span{transition: .4s;transform: translateY(-100%);}
.header .hd-links .appointment-btn{background-color: #337FE8;}
.header .hd-links .lang-btn{background-color: #2a3888;}
.header .nav-btn{display: none;}
.header .search-btn{display: none;}
.header-block{height: 100px;}

.search-page{display: none;}

.footer{background: #fff;padding: 9vh 0 11vh;position: relative;z-index: 9;}
.footer a{transition: .4s;}
.footer a:hover{color: #337FE8;transition: .4s;}
.footer .ft-nav li{float: left;margin-right: 3vw;}
.footer .ft-text{margin-top: 14px;color: #979797;line-height: 24px;}
.footer .ft-text a{color: #979797;}
.footer .ft-text a:hover{color: #337FE8;transition: .4s;}
.footer .ft-links span{margin: 0 5px;}
.footer .ft-links .surport{margin-left: 10px;}
/*2021.3.4 start*/
/*.footer .ft-right a{display: block;float: left;margin: 1px 10px 0 0;width: 24px;height: 24px;overflow: hidden;}
.footer .ft-right a img{display: block;width: 100%;height: 100%;transition: .4s;}
.footer .ft-right a:hover img{transform: translateY(-100%);transition: .4s;}
.footer .ft-right a:first-child{width: 38px;height: 26px;margin: 0 20px 0 0;}*/
.footer .ft-right ul li{float: left;margin: 1px 10px 0 0;position: relative;transition: all .4s ease-in;}
.footer .ft-right ul li a{display: block;width: 24px;height: 24px;overflow: hidden;}
.footer .ft-right ul li a img{display: block;width: 100%;height: 100%;transition: .4s;}
.footer .ft-right ul li:hover span img{transform: translateY(-100%);transition: .4s;}
.footer .ft-right ul li:first-child a{width: 38px;height: 26px;margin: 0 20px 0 0;}
.footer .ft-right ul li .sup_code{display: none;opacity: 0;background: #FFFFFF;padding-bottom: 5px; text-align: center;font-size: 14px;line-height: 24px; position: absolute;left: 50%;bottom: 34px;transform: translateX(-50%);width: 140px;transition: .4s;}
.footer .ft-right ul li .sup_code img{width: 100%;display: block;margin-bottom: 0px;}
.footer .ft-right ul li:hover .sup_code{display: block;opacity: 1;transition: .4s;}

@media screen and (max-width: 1680px) {
    .header{padding: 0 6%;}
    .header .nav li{margin-right: 2.2vw;}
}

@media screen and (max-width: 1440px) {
    .header{height: 80px;padding: 0 5%;}
    .header .hd-logo{line-height: 80px;}
    .header .hd-logo img{width: 120px;}
    .footer .ft-nav li{margin-right: 2vw;}
    .header .nav li h3 a p{line-height: 78px;}
    .header .hd-search{margin-top: 22px;width: 170px;}
    .header .hd-links{margin: 22px 0 0 24px;}
    .header .hd-links a{width: 80px;font-size: 12px;}
    .header-block{height: 80px;}

    .footer{padding: 8vh 0 10vh;}
}

@media screen and (max-width: 1280px) {
    .wrap{width: 84%;}
    .header .nav{position: fixed;width: 100%;height: calc(100% - 80px);left: 0;top: 80px;z-index: 98;background: #337FE8;overflow-y: auto;padding: 30px 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);}
    .header .nav.nav-show{transition: .4s;visibility: visible;-webkit-transform: translateX(0);transform: translateX(0);}
    .header .nav li{float: none;margin: 0;border-bottom: 1px solid rgba(255,255,255,.1);}
    .header .nav li h3{padding-right: 48px;position: relative;}
    .header .nav li h3 a{padding: 0 5%;}
    .header .nav li h3 a p{color: #fff;}
    .header .nav li h3 span{display: block;width: 48px;height: 48px;position: absolute;right: 0;top: 50%;margin-top: -24px;background: url(images/icon_next.png) no-repeat center center;background-size: 10px 18px;transition: .4s;transform: rotate(90deg);}
    .header .nav li.active h3 span{transition: .4s;transform: rotate(-90deg);}
    .header .nav li:hover h3 a p{color: #fff;}
    .header .nav li h3 a p{line-height: 48px;}
    .header .nav li.on h3 a p{color: #fff;}
    .header .nav li h3 a i{display: none;}
    .header .nav-btn{display: block;float: right;width: 28px;height: 28px;position: relative;margin-left: 24px;margin-top: 26px;}
    .header .nav-btn span{display: block;width: 100%;height: 2px;background:#337FE8;border-radius: 3px;position: absolute;left: 0;top: 50%;margin-top: -1px;transition: .4s;}
    .header .nav-btn span:nth-child(1){transform: translateY(-9px);}
    .header .nav-btn span:nth-child(3){transform: translateY(9px);}
    .header .nav-btn.on span{transition: .4s;}
    .header .nav-btn.on span:nth-child(1){transform: translateY(0) rotate(45deg);}
    .header .nav-btn.on span:nth-child(2){opacity: 0;}
    .header .nav-btn.on span:nth-child(3){transform: translateY(0) rotate(-45deg);}
    .header .nav .nav-drop{position: relative;visibility: visible;opacity: 1;transform: translateY(0);left: 0;top: 0;margin: 0;padding: 0 0 10px 5%;width: 100%;display: none;transition: none;}
    .header .nav li:hover .nav-drop{transition: none;}
    .header .nav .nav-drop a{background: none;border-top: 1px solid rgba(255,255,255,.1);margin: 0;padding: 8px 20px;text-align: left;color: rgba(255,255,255,.8);}
    .header .nav .nav-drop a:hover{background: none;}
}

@media screen and (max-width: 1024px) {
    .footer .ft-right{width: 100%;float: left;margin-top: 20px;}
}

@media screen and (max-width: 768px) {
    .header .hd-search{display: none;}
    .header .search-btn{display: block;float: right;width: 30px;height: 30px;background: url(images/icon_search_red.png) no-repeat center center;background-size: contain;margin: 25px 0 0 24px;}
    .search-page{display: block;position: absolute;width: 100%;height: 60px;top: 100%;left: 0;z-index: 101;background: rgba(255,255,255.8);border-top: 1px solid #eee;box-shadow: 0 4px 5px rgba(0, 0, 0, .1);padding: 10px 4%;display: none;}
    .search-page .search-box{position: relative;height: 40px;padding-right: 60px;}
    .search-page .search-box input{display: block;width: 100%;height: 100%;line-height: 38px;padding: 0 15px;border: 1px solid #eee;}
    .search-page .search-box .search-submit{display: block;width: 60px;height: 40px;background:#337FE8 url(images/icon_search_white.png) no-repeat center center;background-size: 20px 20px;position: absolute;right: 0;top: 0;}
    .footer{padding: 4vh 0 5vh;}
}

@media screen and (max-width: 600px) {
    .wrap{width: 92%;}
    .header{height: 56px;padding: 0 3%;}
    .header .hd-logo{line-height: 56px;}
    .header .hd-logo img{width: 90px;}
    .header .nav-btn{width: 24px;height: 24px;margin: 16px 0 0 15px;}
    .header .search-btn{width: 24px;height: 24px;margin: 16px 0 0 15px;}
    .header .hd-links{margin: 14px 0 0 0;}
    .header .hd-links a{width: 60px;line-height: 28px;height: 28px;}
    .header-block{height: 56px;}
    .header .nav{height: calc(100% - 56px);top: 56px;}

    .footer .ft-nav{margin: 0 -10px;}
    .footer .ft-nav li{margin: 0;padding: 2px 10px;}
    .footer .ft-text{font-size: 12px;margin-top: 10px;line-height: 20px;}
    .footer .ft-text .ft-links{margin-top: 4px;}
    .footer .ft-right a{margin-right: 6px;}
}


/* 预约试驾弹窗 */
.popup{position: fixed;width: 1000px;max-width: 90%;z-index: 999;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background: rgba(0, 0, 0, .5);display: none;}
.popup .popup-close{display: block;width: 40px;height: 40px;background: url(images/close.png) no-repeat center center;background-size: contain;position: absolute;top: 20px;right: 20px;transition: .4s;}
.popup .popup-close:hover{transition: .4s;transform: rotate(180deg);}
.popup .popup-box{padding: 8% 12%;}
.popup .popup-box h1{color: #fff;font-size: 32px;line-height: 40px;margin-bottom: 20px;}
.popup .popup-box h2{color: #fff;font-size: 32px;line-height: 40px;margin-bottom: 20px;}
.popup .popup-box .input-wrap{margin: 0 -20px;position: relative;z-index: 3;}
.popup .popup-box .input-group{float: left;width: 50%;padding: 10px 20px;position: relative;}
.popup .popup-box .input-group.area{z-index: 11;}
.popup .popup-box .input-group h4{font-size: 18px;color: #fff;margin-bottom: 8px;}
.popup .popup-box .input-group input{display: block;width: 100%;height: 46px;line-height: 46px;padding: 0 20px;background-color: #fff;}
.popup .popup-box .select{position: relative;cursor: pointer;}
.popup .popup-box .select input{padding-right: 46px;cursor: pointer;}
.popup .popup-box .select i{position: absolute;display: block;width: 12px;height: 12px;background: url(images/icon_sj.png);background-size: 100% 100%;right: 17px;top: 50%;margin-top: -6px;transition: .4s;}
.popup .popup-box .select.on i{transition: .4s;transform: rotate(180deg);}
.popup .popup-box .select ul{position: absolute;width: 100%;top: calc(100% + 1px);left: 0;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);display: none;padding: 5px 0; height: 200px;overflow-y: scroll;}
.popup .popup-box .select ul li{padding: 5px 20px;line-height: 24px;cursor: pointer;transition: .4s;}
.popup .popup-box .select ul li:hover{transition: .4s;background-color: #f4f4f4;}
.popup .popup-box .popup-bar{margin-top: 30px;}
.popup .popup-box .submit-btn{width: 150px;line-height: 48px;background: #2a3888;color: #fff;text-align: center;font-size: 18px;transition: .4s;}
.popup .popup-box .submit-btn:hover{transition: .4s;background-color: #337FE5;}
.popup .popup-box .agree{width: calc(100% - 170px);}
.popup .popup-box .radio-group{padding: 5px 0;}
.popup .popup-box .radio-group input{display: none;}
.popup .popup-box .radio-group input+label{color: #fff;display: block;line-height: 20px;padding-left: 30px;position: relative;font-size: 16px;}
.popup .popup-box .radio-group input+label::before{display: block;content: '';width: 20px;height: 20px;position: absolute;left: 0;top: 0;background: url(images/radio.png) no-repeat center center;background-size: contain;cursor: pointer;}
.popup .popup-box .radio-group input:checked+label::before{background-image: url(images/radio_on.png);}

@media screen and (max-width: 1440px) {
    .popup{width: 800px;}
    .popup .popup-close{width: 36px;height: 36px;}
    .popup .popup-box{padding: 6% 10%;}
    .popup .popup-box h1{font-size: 28px;margin-bottom: 16px;}
    .popup .popup-box h2{font-size: 28px;margin-bottom: 16px;}
    .popup .popup-box .input-group h4{font-size: 16px;}
    .popup .popup-box .input-group input{height: 42px;line-height: 42px;}
    .popup .popup-box .popup-bar{margin-top: 24px;}
    .popup .popup-box .radio-group input+label{font-size: 14px;}
    .popup .popup-box .submit-btn{width: 136px;line-height: 44px;font-size: 16px;}
    .popup .popup-box .radio-group input+label{padding-left: 24px;}
    .popup .popup-box .radio-group input+label::before{width: 16px;height: 16px;top: 2px;}
}

@media screen and (max-width: 767px) {
    .popup .popup-close{width: 32px;height: 32px;right: 10px;top: 10px;}
    .popup .popup-box{padding: 6% 5%;}
    .popup .popup-box h1{font-size: 22px;margin-bottom: 10px;}
    .popup .popup-box h2{font-size: 22px;margin-bottom: 10px;}
    .popup .popup-box .input-wrap{margin: 0;}
    .popup .popup-box .input-group{width: 100%;padding: 5px 0;}
    .popup .popup-box .input-group h4{font-size: 14px;margin-bottom: 0;}
    .popup .popup-box .input-group input{height: 36px;line-height: 36px;padding: 0 15px;}
    .popup .popup-box .popup-bar{margin-top: 10px;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .popup .popup-box .agree{width: 100%;}
    .popup .popup-box .radio-group {padding: 2px 0;}
    .popup .popup-box .radio-group input+label{font-size: 12px;padding-left: 20px;line-height: 18px;}
    .popup .popup-box .radio-group input+label::before{width: 14px;height: 14px;}
    .popup .popup-box .submit-btn{line-height: 36px;margin-top: 14px;font-size: 14px;}
}


/* ==========================================================================
    主页
============================================================================ */
.section{height: calc(100vh - 100px);z-index: 9;overflow: hidden;position: relative;}
.section.sec-low{z-index: 1;}
.sec-bg{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.tit-group{display: block;}
.tit-group h1{font-size: 36px;line-height: 1;font-weight: bold;float: left;width: 100%;}
.tit-group h2{font-size: 36px;line-height: 1;font-weight: bold;float: left;width: 100%;}
.tit-group h3{font-size: 26px;margin-top: 6px;position: relative;float: left;}
.tit-group h4{font-size: 26px;margin-top: 6px;position: relative;float: left;}
.tit-group h3::after{display: block;content: '';width: 0;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;transition: .4s;}
.tit-group:hover  h3::after{transition: .4s;width: 100%;}
a:hover .tit-group h3::after{transition: .4s;width: 100%;}

@media screen and (max-width: 1440px) {
    .section{height: calc(100vh - 80px);}
    .tit-group h1{font-size: 30px;}
    .tit-group h2{font-size: 30px;}
    .tit-group h3{font-size: 22px;margin-top: 4px;}
    .tit-group h4{font-size: 22px;margin-top: 4px;}
}

@media screen and (max-width: 768px) {
    .tit-group h1{font-size: 26px;}
    .tit-group h2{font-size: 26px;}
    .tit-group h3{font-size: 20px;}
    .tit-group h4{font-size: 20px;}
}

@media screen and (max-width: 600px) {
    .tit-group h1{font-size: 22px;}
    .tit-group h2{font-size: 22px;}
    .tit-group h3{font-size: 16px;}
    .tit-group h4{font-size: 16px;}
}


.banner{height: 100%;background: #2a3888;}
.banner .img{height: 100%;overflow: hidden;}
.banner .img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.2);transition: .4s .6s;}
.banner .text{position: absolute;right: 16%;bottom: 26%;text-align: right;color: #fff;}
.banner .text h1{font-size: 54px;line-height: 1.1;font-weight: bold;}
.banner .text h2{font-size: 54px;line-height: 1.1;font-weight: bold;}
.banner .text h3{font-size: 42px;margin-top: 10px;}
.banner .text>*{transition: .4s .6s;transform: translateY(50px);opacity: 0;}
.banner .swiper-slide-active .img img{transform: scale(1);transition: 3s .6s cubic-bezier(.59,.5,.41,.92);}
.banner .swiper-slide-active .text>*{transition: 1s .6s;transform: translateY(0);opacity: 1;}
.banner .swiper-slide-active .text h1{transition-delay: .6s;}
.banner .swiper-slide-active .text h2{transition-delay: .6s;}
.banner .swiper-slide-active .text h3{transition-delay: .8s;}
.banner .swiper-pagination{bottom: 3% !important;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;outline: none;}
.banner .swiper-pagination-bullet-active{background: #337FE8;}

@media screen and (max-width: 1440px) {
    .banner .text h1{font-size: 44px;}
    .banner .text h2{font-size: 44px;}
    .banner .text h3{font-size: 36px;}
}

@media screen and (max-width: 992px) {
    .banner .text h1{font-size: 40px;}
    .banner .text h2{font-size: 40px;}
    .banner .text h3{font-size: 32px;}
}

@media screen and (max-width: 600px) {
    .section1{height: 50vh;}
    .banner .text h1{font-size: 26px;}
    .banner .text h2{font-size: 26px;}
    .banner .text h3{font-size: 18px;}
    .banner .text{right: 10%;top: 40%;}
}


.home-sec1{position: fixed;width: 100%;height: calc(100vh - 100px);left: 0;bottom: 0;z-index: 2;background-image: url(images/index_bg1.jpg);}
.home-sec1 .item-box{position: absolute;display: block;overflow: hidden;box-shadow: 0 8px 18px rgba(0,0,0,.6);}
.home-sec1 .item-box .img{overflow: hidden;}
.home-sec1 .item-box .img img{width: 100%;transition: .6s;transform: scale(1.01);}
.home-sec1 .item-box .text{position: absolute;width: 100%;top: 20px;left: 0;padding: 0 30px;}
.home-sec1 .item-box h4{font-size: 18px;color: #fff;position: relative;}
.home-sec1 .item-box h4::after{display: block;content: '';width: 0;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;transition: .4s;}
.home-sec1 .item-box:hover .img img{transition: .6s ease-out;transform: scale(1.1);}
.home-sec1 .item-box:hover h4::after{width: 100%;transition: .4s;}
.home-sec1 .item1{z-index: 2;width: 36%;top: 8%;left: 30%;}
.home-sec1 .item1 h4{float: right;}
.home-sec1 .item2{z-index: 5;width: 23%;left: 54%;top: 49.8%;}
.home-sec1 .item2 h4{float: right;}
.home-sec1 .item3{z-index: 1;width: 18%;left: 15.6%;top: 55%;}
.home-sec1 .item3 .text{top: auto;bottom: 20px;}
.home-sec1 .item3 h4{float: left;}
.home-sec1 .item4{z-index: 3;;width: 14%;top: 23%;left: 67.2%;}
.home-sec1 .item4 h4{float: right;}
.home-sec1 .item5{z-index: 4;width: 14%;top: 70.2%;left: 35%;}
.home-sec1 .item5 h4{float: right;}
.home-sec1 .text-group{position: absolute;z-index: 6;top: 17%;left: 17%;color: #fff;}
.home-sec1 .text-group h1{font-size: 36px;line-height: 1.1;font-weight: bold;}
.home-sec1 .text-group h2{font-size: 36px;line-height: 1.1;font-weight: bold;}
.home-sec1 .text-group h3{font-size: 26px;margin-top: 18px;}

@media screen and (max-width: 1440px) {
    .home-sec1{height: calc(100vh - 80px);}
    .home-sec1 .text-group h1{font-size: 30px;}
    .home-sec1 .text-group h2{font-size: 30px;}
    .home-sec1 .text-group h3{font-size: 22px;margin-top: 12px;}
    .home-sec1 .item-box .text{top: 16px;padding: 0 22px;}
    .home-sec1 .item-box h4{font-size: 16px;}
    .home-sec1 .item3 .text{top: auto;bottom: 16px;}
}

@media screen and (max-width: 768px) {
    .home-sec1 .text-group{left: 8%;}
    .home-sec1 .text-group h1{font-size: 26px;}
    .home-sec1 .text-group h2{font-size: 26px;}
    .home-sec1 .text-group h3{font-size: 20px;margin-top: 8px;}
    .home-sec1 .item1{width: 60%;left: 20%;}
    .home-sec1 .item2{width: 40%;left: 56%;top: 44%;}
    .home-sec1 .item3{width: 34%;left: 12%;top: 38%;}
    .home-sec1 .item4{width: 24%;left: 72%;}
    .home-sec1 .item5{width: 24%;}
}

@media screen and (max-width: 600px) {
    .section2{display: none;}
    .home-sec1{height: auto;padding: 10% 5% 8%;min-height: calc(100vh - 56px);position: relative;}
    .home-sec1 .text-group{position: static;float: left;width: 100%;margin-bottom: 20px;}
    .home-sec1 .text-group h1{font-size: 22px;}
    .home-sec1 .text-group h2{font-size: 22px;}
    .home-sec1 .text-group h3{font-size: 16px;margin-top: 4px;}
    .home-sec1 .item-box{position: relative;float: left;top: 0;left: 0;}
    .home-sec1 .item-box .text{left: 0;top: auto;top: 15px;padding: 0 15px;}
    .home-sec1 .item-box .text h4{float: right;font-size: 14px;}
    .home-sec1 .item-box .img{overflow: hidden;}
    .home-sec1 .item-box .img img{height: 100%;object-fit: cover;}
    .home-sec1 .item1{width: 100%;margin-bottom: 8px;}
    .home-sec1 .item2{width: calc(50% - 4px);}
    .home-sec1 .item2 .img{height: 108px;}
    .home-sec1 .item3{width: calc(50% - 4px);margin-left: 8px;}
    .home-sec1 .item3 .img{height: 108px;}
    .home-sec1 .item4{width: calc(50% - 4px);margin-top: 8px;}
    .home-sec1 .item5{width: calc(50% - 4px);margin: 8px 0 0 8px;}
}

.section3{position: relative;}
.section3 .text-group{position: absolute;z-index: 11;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.section3 .text-group h1{font-size: 36px;line-height: 36px;font-weight: bold;}
.section3 .text-group h2{font-size: 36px;line-height: 36px;font-weight: bold;}
.section3 .text-group h3{font-size: 26px;line-height: 32px;margin: 12px 0 10px;}
.section3 .text-group h4{font-size: 18px;line-height: 24px;}
.home-sec2{height: 100%;overflow: hidden;position: relative;background: #fff;}
.home-sec2 .item-box{position: absolute;width: 100%;height: 100vw;left: 0;top: 50%;margin-top: -50vw;background: url(images/index_bg2.jpg) no-repeat; background-size: 100% 100%;}
.home-sec2 .item{position: absolute;width: 8px;height: 8px;margin: -4px 0 0 -4px;z-index: 15;}
.home-sec2 .item .dot{width: 100%;height: 100%;background: #337FE8;border-radius: 100%;}
.home-sec2 .item .dot::before,
.home-sec2 .item .dot::after{display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #337FE8;border-radius: 100%;opacity: .5;}
.home-sec2 .item .dot::before{animation: scale1 2s linear infinite both;}
.home-sec2 .item .dot::after{animation: scale2 2s linear infinite both;}
.home-sec2 .item .text{position: absolute;left: 100%;top: 50%;padding-left: 20px;white-space: nowrap;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.home-sec2 .item .text p{font-size: 16px;line-height: 22px;}
.home-sec2 .item1{top: 39%;left: 49.6%;}
.home-sec2 .item2{top: 49.8%;left: 73.4%;}
.home-sec2 .item3{top: 62.6%;left: 32.6%;}
.home-sec2 .route{position: absolute;z-index: 1;}
.home-sec2 .route .plane{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.home-sec2 .route .plane span{width: 30px;height: 30px;background: url(images/icon_plane.png) no-repeat center center;background-size: 100% 100%;position: absolute;top: 0;left: 50%;margin: -15px 0 0 -15px;}
.home-sec2 .route .circle{width: 100%;height: 100%;border: 1px dashed  #337FE8;border-radius: 100%;opacity: .5;}
.home-sec2 .route1{width: 128%;height: 128%;top: 40%;left: -80.1%;}
@-webkit-keyframes roate1 {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(80deg);;
        transform: rotate(80deg);;
    }
}
@keyframes roate1 {
    0% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(80deg);;
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);;
    }
}
.plane1{
    -webkit-animation: roate1 14s linear infinite;
    animation: roate1 14s linear infinite;
}

.home-sec2 .route2{width: 280%;height: 280%;top: 3%;left: 3.2%;}
@-webkit-keyframes roate2 {
    0% {
        -webkit-transform: rotate(290deg);
        transform: rotate(290deg);
    }
    100% {
        -webkit-transform: rotate(360deg);;
        transform: rotate(360deg);;
    }
}
@keyframes roate2 {
    0% {
        -webkit-transform: rotate(290deg);
        -ms-transform: rotate(290deg);
        transform: rotate(290deg);
    }
    100% {
        -webkit-transform: rotate(360deg);;
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);;
    }
}
.plane2{
    -webkit-animation: roate2 18s linear infinite;
    animation: roate2 18s linear infinite;
}

.home-sec2 .route3{width: 110%;height: 110%;top: -30%;left: 67.4%;}
@-webkit-keyframes roate3 {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(280deg);;
        transform: rotate(280deg);;
    }
}
@keyframes roate3 {
    0% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(280deg);;
        -ms-transform: rotate(280deg);
        transform: rotate(280deg);;
    }
}
.plane3{
    -webkit-animation: roate3 12s linear infinite;
    animation: roate3 12s linear infinite;
}


@media screen and (max-width: 1440px) {
    .section3 .text-group h1{font-size: 30px;line-height: 1;}
    .section3 .text-group h2{font-size: 30px;line-height: 1;}
    .section3 .text-group h3{font-size: 22px;line-height: 26px;margin: 10px 0 8px;}
    .section3 .text-group h4{font-size: 16px;line-height: 22px;}
    .home-sec2 .item .text p{font-size: 14px;line-height: 20px;}
}

@media screen and (max-width: 768px) {
    .section3{height: 60vh;}
}

@media screen and (max-width: 600px) {
    .section3{height: 40vh;}
    .home-sec2 .item-box{width: 140vw;height: 140vw;left: 50%;margin: -70vw 0 0 -70vw;}
    .section3 .text-group{transform: translate(0,0);top: 30%;left: 5%;}
    .section3 .text-group h1{font-size: 18px;}
    .section3 .text-group h2{font-size: 18px;}
    .section3 .text-group h3{font-size: 14px;line-height: 16px;margin: 3px 0;}
    .section3 .text-group h4{font-size: 12px;line-height: 14px;}
    .home-sec2 .item .text{padding-left: 10px;}
    .home-sec2 .item .text p{font-size: 12px;line-height: 16px;}
    .home-sec2 .item2 .text{top: 100%;left: 50%;transform: translate(-50%,10px);} 
    .home-sec2 .route .circle{opacity: .3;}
    .home-sec2 .route .plane span{width: 20px;height: 20px;margin: -10px 0 0 -10px;}
}

.home-sec3 .wrap{position: relative;padding: 28vh 0 8vh;}
.home-sec3{background-image: url(images/index_bg3.jpg);position: relative;z-index: 15;}
.home-sec3 .sec-link1{display: block;background: rgba(0,0,0,.3);width: 46%;padding: 7.2% 6%;position: relative;margin-left: 2%;}
.home-sec3 .sec-link1 .tit-group{position: relative;z-index: 3;}
.home-sec3 .sec-link1 img{position: absolute;right: 12%;bottom: 30%;display: block;}
.home-sec3 .sec-link2{display: block;width: calc(50% - 10px);position: absolute;right: 0%;bottom: -8vh;}
.home-sec3 .sec-link2 .tit-group{background: #01182b;padding: 7.2% 6%;}
.home-sec3 .sec-link2 .img{overflow: hidden;}
.home-sec3 .sec-link2 .img img{transition: .4s;width: 100%;}
.home-sec3 .sec-link2:hover .img img{transition: .6s ease-out;transform: scale(1.1);}

@media screen and (max-width: 1440px) {
    .home-sec3 .sec-link1 img{width: 100px;}
}

@media screen and (max-width: 768px) {
    .home-sec3 .wrap{padding: 12vh 0 8vh;}
}

@media screen and (max-width: 600px) {
    .home-sec3 .wrap{padding: 4vh 0 0;}
    .home-sec3 .sec-link1{width: 100%;margin: 0;top: 2vh;}
    .home-sec3 .sec-link2{position: relative;width: 100%;bottom: -4vh;}
}


.home-sec4{height: 100%;background-image: url(images/index_bg4.jpg);background-attachment: fixed;}
.discover{margin-top: 30px;overflow: visible;}
.discover .item-box{position: relative;display: block;}
.discover .item-box .img{overflow: hidden;}
.discover .item-box .img img{transition: .4s;width: 100%;transform: scale(1.01);}
.discover .item-box .text{position: absolute;width: 100%;bottom: 7%;left: 0;padding: 0 7%;}
.discover .item-box .text h4{float: left;font-size: 28px;color: #fff;position: relative;}
.discover .item-box .text h4::after{display: block;content: '';width: 0;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;transition: .4s;}
.discover .item-box:hover .img img{transition: .6s ease-out;transform: scale(1.1);}
.discover .item-box:hover .text h4::after{width: 100%;transition: .4s;}
.discover-btns{margin-top: 20px;}
.discover-btns a{display: block;float: left;width: 40px;height: 40px;border-radius: 100%;margin-right: 8px;background-color: rgba(255,255,255,.3);transition: .4s;background-repeat: no-repeat;background-position: center center;}
.discover-btns a:hover{background-color: rgba(255,255,255,1);transition: .4s;}
.discover-btns .discover-prev{background-image: url(images/icon_prev.png);}
.discover-btns .discover-prev:hover{background-image: url(images/icon_prev_on.png);}
.discover-btns .discover-next{background-image: url(images/icon_next.png);}
.discover-btns .discover-next:hover{background-image: url(images/icon_next_on.png);}

@media screen and (max-width: 1440px) {
    .discover .item-box .text h4{font-size: 24px;}
}

@media screen and (max-width: 768px) {
    .section5{height: 60vh;}
    .discover .item-box .text h4{font-size: 20px;}
}


@media screen and (max-width: 600px) {
    .section5{height: auto;}
    .home-sec4{padding: 12vh 0 6vh;}
    .discover{margin-top: 20px;}
    .discover .item-box .text h4{font-size: 16px;}
}


/* ==========================================================================
    内页公共样式
============================================================================ */
.page-banner{position: relative;}
.page-banner .img{overflow: hidden;}
.page-banner .img img{width: 100%;}
.page-banner .text{position: absolute;width: 100%;left: 0;bottom: 24%;}
.public-prev,
.public-next{display: block;width: 16px;height: 28px;position: absolute;top: 50%;margin-top: -14px;z-index: 11;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;outline: none;transition: .4s;}
.public-prev{left: 0;background-image: url(images/btn_prev.png);}
.public-prev:hover{background-image: url(images/btn_prev_on.png);transition: .4s;}
.public-next{right: 0;background-image: url(images/btn_next.png);}
.public-next:hover{background-image: url(images/btn_next_on.png);transition: .4s;}

@media screen and (max-width: 600px) {
    .page-banner .img{height: 240px;}
    .page-banner .img img{object-fit: cover;height: 100%;}
}

/* ==========================================================================
    关于我们
============================================================================ */
.about-sec1{color: #fff;position: relative;z-index: 11;}
.about-sec1 .img{overflow: hidden;}
.about-sec1 .img img{width: 100%;}
.about-sec1 .sec-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.about-sec1 .w1280{position: relative;height: 100%;}
.about-sec1 .sec-item1{position: absolute;width: 56%;left: 0;bottom: -13vh;background: #337FE5;padding: 6% 8% 8%;}
.about-sec1 .sec-item1 h1{font-weight: bold;}
.about-sec1 .sec-item1 h2{font-weight: bold;}
.about-sec1 .sec-item1 h4{margin-bottom: 12px;}
.about-sec1 .sec-item1 p{font-size: 16px;}
.about-sec1 .sec-item2{position: absolute;width: 44%;right: 0;bottom: -26.5vh;background: rgba(0,0,0,.9);padding: 8% 5% 3%;}
.about-sec1 .sec-item2 .num{position: absolute;width: 100%;top: 0;left: 0;text-align: center;font-size: 190px;font-weight: bold;color: rgba(255,255,255,.05);line-height: 1.3;font-family: Arial;}
.about-sec1 .sec-item2 p{margin-bottom: 16px;text-align: justify;}

@media screen and (max-width: 1440px) {
    .about-sec1 .sec-item2 .num{font-size: 160px;}
}

@media screen and (max-width: 1024px) {
    .about-sec1 .sec-item2 .num{font-size: 120px;}
}

@media screen and (max-width: 800px) {
    .about-sec1 .img{height: 360px;overflow: hidden;}
    .about-sec1 .img img{height: 100%;object-fit: cover;}
    .about-sec1 .sec-item2 .num{font-size: 100px;}
    .about-sec1 .sec-item2 p{margin-bottom: 10px;}
}

@media screen and (max-width: 600px) {
    .about-sec1 .img{position: absolute;width: 100%;top: 0;left: 0;}
    .about-sec1 .sec-box{position: relative;z-index: 3;padding-top: 30px;}
    .about-sec1 .sec-item1{position: static;width: 100%;padding: 20px 15px;}
    .about-sec1 .sec-item1 h1{font-size: 28px;}
    .about-sec1 .sec-item1 h2{font-size: 28px;}
    .about-sec1 .sec-item1 h4{font-size: 20px;}
    .about-sec1 .sec-item1 p{font-size: 14px;}
    .about-sec1 .sec-item2{position: relative;width: 100%;top: 0;left: 0;padding: 20px 15px;}

}

.about-sec2{padding-top: 36vh;}
.honor{padding: 0 80px;position: relative;}
.honor .honor-btn{position: absolute;width: 14px;height: 24px;bottom: 3px;cursor: pointer;outline: none;overflow: hidden;}
.honor .honor-btn img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .4s;}
.honor .honor-btn img:last-child{opacity: 0;}
.honor .honor-btn:hover img:last-child{opacity: 1;transition: .4s;}
.honor .honor-btn:hover img:first-child{opacity: 0;transition: .4s;}
.honor .honor-prev{left: 0;}
.honor .honor-next{right: 0;}
.honor-year::after{display: block;content: '';width: 100%;height: 2px;background: #dedede;position: absolute;bottom: 14px;left: 0;}
.honor-year .swiper-slide{padding-top: 50px;cursor: pointer;}
.honor-year .year-item{width: 30px;height: 30px;position: relative;margin: 0 auto;}
.honor-year .year-item span{display: block;width: 100%;height: 100%;padding: 6px;border-radius: 100%;}
.honor-year .year-item span::after{display: block;content: '';width: 100%;height: 100%;border-radius: 100%;background: #dedede;}
.honor-year .year-item h3{position: absolute;font-size: 20px;line-height: 50px;bottom: 100%;left: 50%;transform: translateX(-50%);color: #999;white-space: nowrap;}
.honor-year .on .year-item span{background:rgba(220, 0, 7, .32);}
.honor-year .on .year-item span::after{background: #c90815;}
.honor-year .on .year-item h3{color: #c90815;}
.honer-tab .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #c90815;}
.honor-con{display: none;}
.honor-swiper{padding-bottom: 60px;}
.honor-swiper .swiper-pagination{top: auto;bottom: 0;}
.honor-swiper .img img{width: 100%;}
.honor-swiper .text{margin-top: 30px;padding-top: 24px;border-top: 1px solid #878787;}
.honor-swiper .text h4{font-size: 32px;font-weight: bold;font-style: italic;margin-bottom: 10px;}
.honor-swiper .text p{line-height: 24px;color: #7d7d7d;}

@media screen and (max-width: 1440px) {
    .honor-swiper .text h4{font-size: 28px;}
}

@media screen and (max-width: 767px) {
    .honor{padding: 0 32px;}
    .honor-year .year-item h3{font-size: 16px;}
    .honor-year .on .year-item h3{font-size: 20px;}
    .honor-swiper .text h4{font-size: 24px;}
    .honor-swiper{padding-bottom: 20px;}
}

@media screen and (max-width: 600px) {
    .about-sec2{padding-top: 40px;}
    .about-sec2 .tit-group{margin-bottom: 10px;}
}

.about-sec3{position: relative;color: #fff;}
.about-sec3 h4{font-size: 20px;}
.about-sec3 .sec-left{position: absolute;width: 50%;height: 100%;top: 0;left: 0;background: url(images/about_img3_1.jpg) no-repeat center center;background-size: cover;}
.about-sec3 .sec-box{width: 80%;max-width: 480px;position: absolute;left: 15%;bottom: 15%;}
.about-sec3 .sec-box ul{margin-top: 30px;}
.about-sec3 .sec-box ul li{float: left;width: 50%;height: 160px;padding-top: 10%;}
.about-sec3 .sec-box ul li .text{width: 80%;margin: 0 auto;}
.about-sec3 .sec-box ul li p{font-size: 16px;color: rgba(255,255,255,.6);line-height: 20px;margin-top: 4px;}
.about-sec3 .sec-box ul li.item-black{background-color: #2a3888;}
.about-sec3 .sec-box ul li.item-red{background-color: rgba(220, 0, 7, .9);}
.about-sec3 .sec-box ul li.item-white{background-color: #e8e7e7;}
.about-sec3 .sec-box ul li.item-white h4{color: #333;}
.about-sec3 .sec-box ul li.item-white p{color: #7e7e7e;}
.about-sec3 .sec-right{width: 50%;background: #2a3888;padding: 6%;}
.about-sec3 .sec-right li{margin-bottom: 20px;}
.about-sec3 .sec-right li:last-child{margin-bottom: 0;}
.about-sec3 .sec-right li h4{margin-bottom: 6px;}
.about-sec3 .sec-right li p{color: rgba(255,255,255,.5);}

@media screen and (max-width: 800px) {
    .about-sec3 .sec-left{position: relative;float: left;width: 100%;padding: 50px 0;}
    .about-sec3 .sec-box{position: relative;}
    .about-sec3 .sec-right{width: 100%;}
}

@media screen and (max-width: 600px) {
    .about-sec3 .sec-left{padding: 30px 0;}
    .about-sec3 .sec-box{width: 92%;left: 4%;}
    .about-sec3 .sec-right li p{font-size: 14px;color: rgba(255,255,255,.7);}
}

.about-sec4 .item-box{position: relative;margin: 0 -15px;padding-left: 23vw;}
.about-sec4 .item-wrap{padding: 15px;}
.about-sec4 .col{float: left;width: 100%;}
.about-sec4 .col.col-50{width: 50%;}
.about-sec4 .item-left{width: 23vw;}
.about-sec4 .item{display: block;position: relative;}
.about-sec4 .item .public-filter{height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));}
.about-sec4 .item .img{height: 100%;overflow: hidden;}
.about-sec4 .item .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.about-sec4 .item .text{z-index: 3;}
.about-sec4 .item .label{display: block;width: 116px;line-height: 36px;text-align: center;background: #c90815;color: #fff;font-size: 18px;}
.about-sec4 .item h3{font-size: 32px;line-height: 40px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.about-sec4 .item p{font-size: 16px;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.about-sec4 .item:hover .img img{transition: .4s;transform: scale(1.1);}
.about-sec4 .item1{height: 26vw;}
.about-sec4 .item2{height: 24vw;}
.about-sec4 .item3{height: 12.5vw;}
.about-sec4 .item-left h3{height: 80px;-webkit-line-clamp: 2;margin: 24px 0 20px;color: #fff;}
.about-sec4 .item-left p{height: 96px;-webkit-line-clamp: 4;color: #fff;}
.about-sec4 .col .text{position: absolute;width: 100%;left: 0;bottom: 1.5vw;color: #fff;}
.about-sec4 .col .label{position: absolute;z-index: 5;top: 0;left: 0;}
.about-sec4 .col h3{height: 40px;-webkit-line-clamp: 1;}
.about-sec4 .col p{color: rgba(255,255,255,.8);height: 72px;-webkit-line-clamp: 3;margin-top: 12px;}
.about-sec4 .item-left .text{padding: 0 10%;}
.about-sec4 .item2 .text{padding: 0 7%;}
.about-sec4 .item3 .text{padding: 0 8%;}
.about-sec4 .resp{position: relative;}
.about-sec4 .resp .resp-prev{left: -48px;}
.about-sec4 .resp .resp-next{right: -48px;}
.resp-list{border-top: 1px solid #141414;}
.resp-list li a{display: block;padding: 30px 6%;border-bottom: 1px solid #141414;transition: .4s;}
.resp-list li a h4{font-size: 20px;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.resp-list li a p{line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.resp-list li a:hover{color: #fff;background-color: #337FE5;transition: .4s;border-color: #337FE5;}

@media screen and (max-width: 1440px) {
    .about-sec4 .item-box{margin: 0 -10px;}
    .about-sec4 .item-wrap{padding: 10px;}
    .about-sec4 .item h3{font-size: 24px;line-height: 32px;}
    .about-sec4 .item-left h3{margin: 20px 0 16px;height: 64px;}
    .about-sec4 .col h3{height: 32px;}
    .about-sec4 .item p{font-size: 14px;line-height: 20px;}
    .about-sec4 .item-left p{height: 80px;}
    .about-sec4 .col p{height: 60px;margin-top: 8px;}
}

@media screen and (max-width: 1024px) {
    .about-sec4 .item1{height: 30vw;}
    .about-sec4 .item2{height: 28vw;}
    .about-sec4 .item3{height: 18vw;}
}

@media screen and (max-width: 800px) {
    .about-sec4 .resp .resp-prev{left: -20px;}
    .about-sec4 .resp .resp-next{right: -20px;}
    .about-sec4 .item-box{margin: 0 -5px;}
    .about-sec4 .item-wrap{padding: 5px;}
    .about-sec4 .item .label{width: 100px;line-height: 32px;font-size: 16px;}
    .about-sec4 .item h3{font-size: 20px;line-height: 24px;}
    .about-sec4 .item-left h3{height: 48px;margin: 10px 0 8px;}
    .about-sec4 .col h3{height: 24px;}
    .about-sec4 .col p{height: 40px;-webkit-line-clamp: 2;}
}

@media screen and (max-width: 600px) {
    .about-sec4 .resp{margin-top: 20px;}
    .about-sec4 .resp .resp-prev{left: 0;opacity: .3;}
    .about-sec4 .resp .resp-next{right: 0;opacity: .3;}
    .about-sec4 .item-box{padding-left: 0;margin: 0 -2px;}
    .about-sec4 .item-wrap{padding: 2px;}
    .about-sec4 .item-left{position: relative;float: left;width: 100%;-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
    .about-sec4 .item1{height: 180px;}
    .about-sec4 .item-left .text{padding: 0 5%;}
    .about-sec4 .item h3{font-size: 18px;}
    .about-sec4 .item .label{width: 90px;line-height: 30px;font-size: 14px;}
    .about-sec4 .item-left h3{-webkit-line-clamp: 1;height: 24px;}
    .about-sec4 .item-left p{height: 40px;-webkit-line-clamp: 2;}
    .about-sec4 .col .text{bottom: 16px;padding: 0 5%;}
    .about-sec4 .item2{height: 140px;}
    .about-sec4 .item3{height: 140px;}
    .about-sec4 .col.col-50{width: 100%;}
    .resp-list li a{padding: 18px 10px;}
    .resp-list li a h4{font-size: 18px;line-height: 24px;height: 24px;margin-bottom: 6px;}
}


/* ==========================================================================
    科技创新
============================================================================ */
.tech-sec1{background-image: url(images/tech_bg1.jpg);}
.tech-sec1 .sec-list li{float: left;width: 33.33%;padding: 16px 5px;height: 348px;}
.tech-sec1 .sec-list li:nth-child(-n+2){width: 50%;height: 412px;padding: 16px 12px;}
.tech-sec1 .sec-list a{display: block;height: 100%;background: url(images/lx_bg.png) no-repeat left top;background-size: 100% auto;position: relative;}
.tech-sec1 .sec-list .img{position: absolute;width: 100%;height: 84%;right: 0;bottom: 0;text-align: right;}
.tech-sec1 .sec-list .img img{max-width: 100%;max-height: 100%;transition: .4s;}
.tech-sec1 .sec-list .text{padding: 6% 8%;}
.tech-sec1 .sec-list .text h4{font-size: 28px;color: #337FE5;}
.tech-sec1 .sec-list .text p{font-size: 16px;color: #fff;}
.tech-sec1 .sec-list a:hover .img img{transition: .4s;transform: scale(1.05);}

@media screen and (max-width: 1440px) {
    .tech-sec1 .sec-list li{height: 300px;}
    .tech-sec1 .sec-list li:nth-child(-n+2){height: 332px;}
    .tech-sec1 .sec-list .text h4{font-size: 24px;}
}

@media screen and (max-width: 800px) {
    .tech-sec1 .sec-list li{height: 220px;}
    .tech-sec1 .sec-list li:nth-child(-n+2){height: 240px;}
    .tech-sec1 .sec-list .img{height: 70%;}
    .tech-sec1 .sec-list .text h4{font-size: 20px;}
    .tech-sec1 .sec-list .text p{font-size: 14px;}
}

@media screen and (max-width: 600px) {
    .tech-sec1 .sec-list li{width: 100%;height: 160px;padding: 10px 0;}
    .tech-sec1 .sec-list li:nth-child(-n+2){width: 100%;height: 160px;}
    .tech-sec1 .sec-list .text{padding: 3% 4%;}
    .tech-sec1 .sec-list .img{height: 100%;right: 10%;}
}


.tech-sec2{height: 100vh;position: relative;overflow: hidden;}
.tech-sec2 .map-bg{width: 90vw;height: 90vw;position: absolute;left: 5vw;top: 50%;margin-top: -45vw;background: url(images/tech-bg2.jpg);background-size: 100% 100%;}
.tech-sec2 .item{position: absolute;width: 8px;height: 8px;margin: -4px 0 0 -4px;z-index: 15;}
.tech-sec2 .item .dot{width: 100%;height: 100%;background: #337FE8;border-radius: 100%;}
.tech-sec2 .item .dot::before,
.tech-sec2 .item .dot::after{display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #337FE8;border-radius: 100%;opacity: .5;}
.tech-sec2 .item .dot::before{animation: scale1 2s linear infinite both;}
.tech-sec2 .item .dot::after{animation: scale2 2s linear infinite both;}
.tech-sec2 .item .text{position: absolute;left: 100%;top: 50%;padding-left: 12px;white-space: nowrap;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.tech-sec2 .item .text p{font-size: 16px;line-height: 22px;}
.tech-sec2 .item1{top: 37.4%;left: 42.8%;}
.tech-sec2 .item2{top: 40%;left: 54%;}
.tech-sec2 .item3{top: 47.4%;left: 73.3%;}
.tech-sec2 .item4{top: 51.4%;left: 65%;}
.tech-sec2 .item5{top: 52.4%;left: 71.8%;}
.tech-sec2 .item6{top: 52.6%;left: 51%;}
.tech-sec2 .item7{top: 61%;left: 32.6%;}
.tech-sec2 .text-box{position: absolute;z-index: 11;width: 346px;left: 10%;top: 44%;}
.tech-sec2 .text-box li{padding: 28px 12%;}
.tech-sec2 .text-box li:nth-child(1){background-color: rgba(30,30,30,.9);}
.tech-sec2 .text-box li:nth-child(2){background-color: rgba(30,30,30,.8);}
.tech-sec2 .text-box li:nth-child(3){background-color: rgba(30,30,30,.7);}
.tech-sec2 .text-box li h4{font-size: 36px;color: #337FE5;font-weight: bold;line-height: 40px;}
.tech-sec2 .text-box li h4 span{font-size: 18px;color: #fff;font-weight: normal;display: inline-block;vertical-align: top;line-height: 48px;margin-left: 4px;}
.tech-sec2 .text-box li p{font-size: 16px;color: rgba(255,255,255,.6);}

@media screen and (max-width: 1440px) {
    .tech-sec2 .item .text p{font-size: 14px;line-height: 20px;}
    .tech-sec2 .text-box{left: 6%;}

}

@media screen and (max-width: 1024px) {
    .tech-sec2 .text-box{width: 240px;left: 5%;}
    .tech-sec2 .text-box li h4{font-size: 24px;line-height: 32px;}
    .tech-sec2 .text-box li h4 span{font-size: 16px;line-height: 32px;}
    .tech-sec2 .text-box li p{font-size: 14px;}
}

@media screen and (max-width: 800px) {
    .tech-sec2{height: 70vh;}
    .tech-sec2 .text-box{width: 100%;top: 0;left: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);display: -webkit-box;display: flex;-webkit-box-align: stretch;align-items: stretch;}
    .tech-sec2 .text-box li{padding: 20px 5%;}
    .tech-sec2 .map-bg{top: 64%;}
}

@media screen and (max-width: 600px) {
    .tech-sec2{height: 60vh;}
    .tech-sec2 .item .text{padding-left: 10px;}
    .tech-sec2 .item .text p{font-size: 10px;line-height: 16px;}
    .tech-sec2 .text-box li{width: 33.33%;padding: 10px 4%;}
    .tech-sec2 .text-box li h4 span{font-size: 12px;}
    .tech-sec2 .text-box li p{font-size: 12px;}
    .tech-sec2 .map-bg{width: 140vw;height: 140vw;top: 50%;margin: -60vw 0 0 -80vw;left: 50%;}
}


.techs-ec3{padding: 26vh 0 18vh;}
.techs-ec3 .sec-list{margin: 0 -2px;}
.techs-ec3 .sec-list li{float: left;width: 50%;max-width: 476px;padding: 2px;}
.techs-ec3 .sec-list .item-box{background: rgba(0,0,0,.48);padding: 10%;min-height: 220px;}
.techs-ec3 .sec-list .item-box h4{font-size: 26px;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #fff;}
.techs-ec3 .sec-list .item-box p{font-size: 16px;margin-top: 10px;color: rgba(255,255,255,.9);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

@media screen and (max-width: 1440px) {
    .techs-ec3 .sec-list .item-box{min-height: 200px;}
    .techs-ec3 .sec-list .item-box h4{font-size: 22px;}
    .techs-ec3 .sec-list .item-box p{font-size: 14px;}
}

@media screen and (max-width: 800px) {
    .techs-ec3{padding: 10vw 0 8vw;}
}

@media screen and (max-width: 600px) {
    .techs-ec3 .sec-list li{width: 100%;}
    .techs-ec3 .sec-list .item-box{padding: 6%;min-height: 0;}
    .techs-ec3 .sec-list .item-box h4{font-size: 18px;line-height: 24px;}
}


/* ==========================================================================
    贴心服务
============================================================================ */
.service-sec1{overflow: hidden;}
.service-sec1 .img{width: 50%;float: left;}
.service-sec1 .img img{width: 100%;}
.service-sec1 .text-group{float: left;width: 50%;position: relative;padding-top: 150px;}
.service-sec1 .text-bg{position: absolute;top: -10px;left: 3%;font-size: 216px;color: rgba(0,0,0,.03);font-weight: bold;line-height: 1;font-family: "Microsoft Yahei";}
.service-sec1 .text{background-color: #1d1d1d;padding: 8% 8% 5%;position: relative;z-index: 3;}
.service-sec1 .text p{color: #dccfcf;line-height: 18px;margin-bottom: 14px;position: relative;padding-left: 12px;}
.service-sec1 .text p::before{display: block;width: 2px;height: 2px;content: '';background: #337FE5;position: absolute;left: 0;top: 8px;}
.service-sec1 .img2{overflow: hidden;position: relative;}
.service-sec1 .img2 img{width: 100%;}
.service-sec1 .img2 .filter{position: absolute;width: 70%;height: 100%;position: absolute;top: 0;left: 0;background: url(images/lx_bg3.png);background-size: 100% 100%;}
.service-sec1 .img2 .txt{z-index: 3;width: 100%;left: 0;padding: 0 10%;}
.service-sec1 .img2 .txt h3{font-size: 40px;color: #fff;line-height: 48px;margin-bottom: 16px;}
.service-sec1 .img2 .txt a{display: inline-block;font-size: 28px;color: #fff;}

@media screen and (max-width: 1440px) {
    .service-sec1 .text-group{padding-top: 100px;}
    .service-sec1 .text-bg{font-size: 164px;}
    .service-sec1 .img2 .txt h3{font-size: 36px;margin-bottom: 14px;}
    .service-sec1 .img2 .txt a{font-size: 24px;}
}

@media screen and (max-width: 1024px) {
    .service-sec1 .text-bg{font-size: 120px;}
    .service-sec1 .text-group{padding-top: 60px;}
    .service-sec1 .text p{margin-bottom: 10px;}
}

@media screen and (max-width: 800px) {
    .service-sec1 .img{width: 100%;}
    .service-sec1 .text-bg{display: none;}
    .service-sec1 .text-group{padding-top: 0;width: 100%;}
}

@media screen and (max-width: 600px) {
    .service-sec1 .text{padding: 6% 5%;}
    .service-sec1 .text p{font-size: 12px;}
    .service-sec1 .img2 .txt h3{font-size: 30px;margin-bottom: 8px;}
    .service-sec1 .img2 .txt a{font-size: 20px;}
}


.service-sec2 .mymap{height: 100%;}
.service-sec2 .sec-filter{position: absolute;width: 100%;height: 30%;top: 0;left: 0;background: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0));z-index: 1;}
.service-sec2 .top-bar{position: absolute;top: 0;left: 0;width: 100%;height: 25%;z-index: 7;}
.service-sec2 .top-bar .w1280{height: 100%;}
.service-sec2 .sec-form{display: -webkit-box;display: flex;width: calc(100% - 396px);}
.service-sec2 .sec-form .inquiry-sibmit{display: block;width: 16%;line-height: 46px;height: 46px;background: #337FE5;color: #fff;text-align: center;font-size: 18px;}
.service-sec2 .sec-form .select{width: calc(28% - 5px);margin-right: 5px;position: relative;cursor: pointer;}
.service-sec2 .sec-form .select input{display: block;width: 100%;height: 46px;line-height: 46px;background: #fff;padding: 0 50px 0 15px;font-size: 16px;user-select: none;cursor: pointer;}
.service-sec2 .sec-form .select i{display: block;width: 16px;height: 16px;background: url(images/icon_sj.png) no-repeat center center;background-size: contain;position: absolute;right: 20px;top: 50%;margin-top: -8px;transition: .4s;}
.service-sec2 .sec-form .select.on i{transition: .4s;transform: rotate(180deg);}
.service-sec2 .sec-form .select ul{position: absolute;width: 100%;top: 100%;left: 0;margin-top: 1px;background: #fff;padding: 5px 0;display: none;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.service-sec2 .sec-form .select ul li{cursor: pointer;line-height: 24px;padding: 4px 15px;transition: .4s;font-size: 16px;}
.service-sec2 .sec-form .select ul li:hover{background-color: #f2f2f2;transition: .4s;}
.service-sec2 .sites{position: absolute;width: 400px;height: 66%;z-index: 6;left: calc(50% - 640px);top: 25%;background: #fff;padding: 30px;overflow-y: scroll;}
.service-sec2 .sites::-webkit-scrollbar{width: 4px;height: 4px;background-color: #f6f6f6;z-index: 1;position: relative;}
.service-sec2 .sites::-webkit-scrollbar-thumb{background-color: #337fe5;border-radius: 4px;}
.service-sec2 .site-list li{padding: 15px 0;display: -webkit-box;display: flex;cursor: pointer;}
.service-sec2 .site-list .img{width: 96px;height: 96px;overflow: hidden;display: none;}
/* .service-sec2 .site-list .img img{width: 100%;height: 100%;object-fit: cover;} */
/* .service-sec2 .site-list .text{width: calc(100% - 116px);margin-left: 20px;} */
.service-sec2 .site-list .text h4{font-size: 18px;line-height: 28px;height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.service-sec2 .site-list .text p{position: relative;padding-left: 18px;color: #a8a8a8;margin: 10px 0;line-height: 20px;}
.service-sec2 .site-list .text h5{color:  #a8a8a8;}
.service-sec2 .site-list .text p::before{display: block;content: '';width: 12px;height: 14px;background: url(images/icon_address.png) no-repeat;background-size: 100% 100%;top: 3px;left: 0;position: absolute;}
.service-sec2 .site-list .stars{display: -webkit-box;display: flex;}
.service-sec2 .site-list .stars span{display: block;width: 24px;height: 24px;background: url(images/star.png) no-repeat center center;background-size: contain;margin-right: 14px;}
.service-sec2 .site-list .stars span.on{background-image: url(images/star_on.png);}
.service-sec2 .site-list .distance{font-size: 16px;color: #999;}

/* 地图弹窗样式 */
.infoWindow{width: 30px;height: 40px;margin: -20px 0 0 -15px;z-index: 22;background: url(images/map_marker.png);}
.infoWindow .info-inner{display: none;}
.infoWindow.active .info-inner{display: block;position: absolute;width: 220px;left: 100%;top: 100%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);padding: 20px;margin: -80px 0 0 14px;}
.infoWindow.active .info-inner::before{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 10px;border-color: transparent #fff transparent transparent;position: absolute;left: -20px;top: 44px;}
.infoWindow.active .img{height: 100px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.infoWindow.active .text{padding: 10px 0 0;}
.infoWindow.active .text a{display: block;font-size: 15px;font-weight: bold;line-height: 20px;}
.infoWindow.active .text p{font-size: 12px;margin: 4px 0 8px;color: #666;}
.infoWindow.active .text h5{color: #666;font-size: 12px;}
.infoWindow.active .closebtn{position: absolute;width: 20px;height: 20px;top: 0;right: 0;background: url(images/closemp.png) no-repeat;background-size: 100% 100%;}

@media screen and (max-width: 1440px) {
    .service-sec2 .sec-form{width: calc(100% - 320px);}
    .service-sec2 .sec-form .select input{height: 42px;line-height: 42px;font-size: 14px;padding-right: 44px;}
    .service-sec2 .sec-form .select i{width: 12px;height: 12px;right: 16px;margin-top: -6px;}
    .service-sec2 .sec-form .inquiry-sibmit{height: 42px;line-height: 42px;}
    .service-sec2 .sites{padding: 20px;left: 5%;width: 400px;}
    .service-sec2 .site-list li{padding: 12px 0;}
    .service-sec2 .site-list .text p{margin: 8px 0;}
}

@media screen and (max-width: 800px) {
    .service-sec2{height: auto;}
    .service-sec2 .top-bar{position: relative;height: auto;padding: 20px 0;background: #f4f4f4;}
    .service-sec2 .top-bar .tit-group{color: #333;width: 100%;}
    .service-sec2 .top-bar .w1280{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .service-sec2 .sec-form{width: 100%;margin-top: 10px;}
    .service-sec2 .mymap{height: 50vh;}
    .service-sec2 .sites{position: relative;width: 100%;height: 300px;left: 0;}
}

@media screen and (max-width: 600px) {
    .service-sec2 .sec-form{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .service-sec2 .sec-form .select{width: 100%;margin-right: 0;margin-bottom: 4px;}
    .service-sec2 .sec-form .inquiry-sibmit{width: 100%;font-size: 16px;line-height: 42px;height: 42px;}
    .service-sec2 .sites{padding: 10px 4%;}
    .service-sec2 .site-list li{padding: 5px 0;}
    /* .service-sec2 .site-list .text{width: calc(100% - 106px);margin-left: 10px;} */
    .service-sec2 .site-list .stars span{width: 16px;height: 16px;margin-right: 10px;}
    .service-sec2 .site-list .text h4{line-height: 24px;height: 24px;font-size: 16px;}
    .service-sec2 .site-list .text p{margin: 3px 0;}
}


.service-sec3{background-image: url(images/service_bg1.jpg);}
.service-sec3 .sec-left{float: left;width: 49%;}
.service-sec3 .left-form{margin: 0 -6px;}
.service-sec3 .left-form .form-wrap{float: left;width: 50%;padding: 6px;}
.service-sec3 .left-form .form-wrap.col-75{width: 75%;}
.service-sec3 .left-form .form-wrap.col-25{width: 25%;}
.service-sec3 .left-form .form-wrap.col-100{width: 100%;}
.service-sec3 .form-group{position: relative;background-color: #fff;}
.service-sec3 .form-group span{display: block;font-size: 16px;line-height: 42px;width: 100px;text-align: right;position: absolute;top: 0;left: 0;}
.service-sec3 .form-group.required span::before{display: inline;content: "*";color: #de1118;}
.service-sec3 .form-group input{display: block;width: 100%;height: 42px;line-height: 42px;padding: 0 15px 0 100px;font-size: 16px;}
.service-sec3 .form-group textarea{padding: 8px 15px;font-size: 16px;line-height: 24px;display: block;width: 100%;outline: none;text-indent: 80px;resize: none;background: none;}
.service-sec3 .select{z-index: 11;cursor: pointer;}
.service-sec3 .select i{display: block;width: 12px;height: 12px;background: url(images/icon_sj.png) no-repeat center center;background-size: contain;position: absolute;right: 12px;top: 50%;margin-top: -6px;transition: .4s;}
.service-sec3 .select.on i{transition: .4s;transform: rotate(180deg);}
.service-sec3 .select input{padding-right: 36px;cursor: pointer;}
.service-sec3 .select .select-drop{position: absolute;width: 100%;top: 100%;left: 0;margin-top: 1px;background: #fff;padding: 5px 0;display: none;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.service-sec3 .select .select-drop li{cursor: pointer;line-height: 24px;padding: 4px 15px;transition: .4s;font-size: 16px;}
.service-sec3 .select .select-drop li:hover{background-color: #f2f2f2;transition: .4s;}
.service-sec3 .upload{height: 160px;background: #fff;position: relative;}
.service-sec3 .upload input{display: block;width: 100%;height: 100%;top: 0;left: 0;z-index: 11;opacity: 0;position: absolute;}
.service-sec3 .upload .add-btn{height: 100%;}
.service-sec3 .upload .add-btn .icon{width: 20px;height: 20px;margin-bottom: 10px;position: relative;}
.service-sec3 .upload .add-btn .icon::before,
.service-sec3 .upload .add-btn .icon::after{display: block;content: '';position: absolute;background-color: #337FE5;top: 50%;left: 50%;}
.service-sec3 .upload .add-btn .icon::before{width: 20px;height: 2px;margin: -1px 0 0 -10px;}
.service-sec3 .upload .add-btn .icon::after{width: 2px;height: 20px;margin: -10px 0 0 -1px;}
.service-sec3 .upload .add-btn p{color: #727272;}
.service-sec3 .left-form .yzm-input{width: 65%;}
.service-sec3 .left-form .yzm{width: 35%;}
.service-sec3 .left-form .yzm-img{height: 42px;border: 1px solid #b2c5d4;}
.service-sec3 .left-form .yzm-img img{width: 100%;height: 100%;}
.service-sec3 .left-form .btn-wrap{margin-top: 16px;}
.service-sec3 .sec-right{float: right;width: 49%;padding-top: 6px;}
.service-sec3 .text{background-size: cover;color: #fff;padding: 12%;}
.service-sec3 .text ul{margin-bottom: 30px;}
.service-sec3 .text li{float: left;width: 50%;}
.service-sec3 .text li h5{font-size: 20px;}
.service-sec3 .text p{line-height: 24px;}
.service-sec3 .form-group.text5 span{width: 116px;}
.service-sec3 .form-group.text5 input{padding-left: 116px;}
.service-sec3 .form-group.text6 span{width: 142px;}
.service-sec3 .form-group.text6 input{padding-left: 142px;}
.service-sec3 .upload-btns a{display: inline-block;vertical-align: top;line-height: 36px;width: 120px;text-align: center;color: #fff;}
.service-sec3 .upload-btns .btn-file{background-color:#337FE8;margin-right: 10px;}
.service-sec3 .upload-btns .btn-preview{background-color: #2a3888;}
.service-sec3 .upload-tips{color: rgba(255,255,255,.7);margin-top: 4px;}

@media screen and (max-width: 1440px) {
    .service-sec3 .form-group span{font-size: 14px;width: 90px;}
    .service-sec3 .form-group input{padding-left: 90px;font-size: 14px;}
    .service-sec3 .form-group.text5 span{width: 104px;}
    .service-sec3 .form-group.text5 input{padding-left: 104px;}
}

@media screen and (max-width: 800px) {
    .service-sec3 .sec-left{width: 100%;}
    .service-sec3 .sec-right{width: 100%;margin-top: 30px;}
}

@media screen and (max-width: 600px) {
    .service-sec3 .left-form{margin: 0 -3px;}
    .service-sec3 .left-form .form-wrap{width: 100%;padding: 3px;}
    .service-sec3 .left-form .yzm-input{width: 65%;}
    .service-sec3 .left-form .yzm{width: 35%;}
    .service-sec3 .left-form .form-wrap.col-75{width: 65%;}
    .service-sec3 .left-form .form-wrap.col-25{width: 35%;}
    .service-sec3 .left-form .btn-wrap{margin-top: 10px;}

    .service-sec3 .text{padding: 10% 6%;}
    /* .service-sec3 .text li{width: 100%;} */
    .service-sec3 .text li h5{font-size: 14px;}
}

/* ==========================================================================
    新闻列表
============================================================================ */
.switch-menu a{float: left;margin-right: 8%;display: block;}
.switch-menu a span{display: block;line-height: 72px;font-size: 24px;}
.switch-menu a::after{display: block;content: '';width: 0;height: 4px;background: #337fe5;margin: 0 auto;transition: .4s;}
.switch-menu a:hover::after{width: 100%;transition: .4s;}
.switch-menu a.on::after{width: 100%;transition: .4s;}

@media screen and (max-width: 1440px) {
    .switch-menu a span{font-size: 20px;}
}

@media screen and (max-width: 600px) {
    .switch-menu a span{font-size: 16px;line-height: 36px;}
    .switch-menu a::after{height: 2px;}
}

.hot-news{display: block;position: relative;}
.hot-news .img{overflow: hidden;width: 64%;}
.hot-news .img img{width: 100%;transition: .4s;}
.hot-news .text{width: 55%;right: 0;background: url(images/lx_bg2.png) no-repeat;background-size: 100% 100%;padding: 7.5% 7% 8% 15%;right: 0;left: auto;color: #fff;}
.hot-news .text h4{margin: 16px 0 10px;}
.hot-news .text p{color: rgba(255,255,255,.9);}
.hot-news .text span{display: block;width: 124px;line-height: 36px;background: #337fe5;color: #fff;text-align: center;margin-top: 30px;transition: .4s;}
.hot-news:hover .img img{transition: .4s;transform: scale(1.1);}
.hot-news:hover .text span{transition: .4s;background: #337fe5;}
.news-list{margin: 10px -10px 0;}
.news-list li{float: left;width: 41%;padding: 10px;}
.news-list li:nth-child(4n-3){width: 59%;}
.news-list li:nth-child(4n){width: 59%;}
.news-list li a{display: block;position: relative;overflow: hidden;}
.news-list li a .img{height: 420px;overflow: hidden;}
.news-list li a .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.news-list li a .text{position: absolute;width: 100%;left: 0;bottom: 1.5vw;color: rgba(255,255,255,.8);padding: 0 2.5vw;}
.news-list li a .text em{display: block;height: 0;overflow: hidden;transition: .4s;}
.news-list li a .text p{line-height: 24px;height: 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: .4s;}
.news-list li a:hover .img img{transition: .4s;transform: scale(1.1);}
.news-list li a:hover .text em{height: auto;transition: .4s;}
.news-list li a:hover .text p{height: 48px;transition: .4s;}

@media screen and (max-width: 1440px) {
    .news-list li a .img{height: 360px;}
}

@media screen and (max-width: 1024px) {
    .hot-news .text{padding: 5.5% 5% 6% 12%;}
    .news-list li a .img{height: 300px;}
}

@media screen and (max-width: 800px) {
    .hot-news .img{width: 80%;}
    .news-list{margin: 5px -5px;}
    .news-list li{padding: 5px;}
    .news-list li a .img{height: 240px;}
}

@media screen and (max-width: 600px) {
    .hot-news .img{width: 100%;}
    .hot-news .text{width: 100%;position: relative;background-color: #2a3888;padding: 6% 7%;-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
    .hot-news .text h4{margin: 4px 0;}
    .hot-news .text span{margin-top: 18px;}
    .news-list{margin: 10px 0 0;}
    .news-list li{width: 100%;padding: 5px 0;}
    .news-list li:nth-child(4n-3){width: 100%;}
    .news-list li:nth-child(4n){width: 100%;}
    .news-list li a .img{height: 200px;}
    .news-list li a .text{bottom: 3vw;padding: 0 5%;}
    .news-list li a .text em{height: auto;}
    .news-list li a .text h4{font-size: 18px;}
    .news-list li a .text p{height: 44px;line-height: 22px;font-size: 12px;}
}

/* ==========================================================================
    新闻详情
============================================================================ */
.article{max-width: 1080px;margin: 0 auto;}
.article .title{text-align: center;line-height: 1.2;}
.article .infos{text-align: center;margin: 12px 0 24px;}
.article .infos span{color: #999;margin: 0 10px;}
.article .article-con img{max-width: 100%;}

@media screen and (max-width: 600px) {
    .article .infos{margin: 8px 0 14px;}
}


/* ==========================================================================
    联系我们
============================================================================ */
.contact-sec1 .item-box{display: block;position: relative;}
.contact-sec1 .item-box .img{overflow: hidden;}
.contact-sec1 .item-box .img img{width: 100%;transition: .4s;}
.contact-sec1 .item-box .text{position: absolute;width: 100;left: 0;bottom: 3vw;padding: 0 6%;}
.contact-sec1 .item-box:hover .img img{transition: .4s;transform: scale(1.05);}

.contact-sec2{background-image: url(images/contact_bg1.jpg);}
.contact-sec2 h4{margin: 24px 0;line-height: 64px;font-size: 24px;}
.contact-sec2 h4 img{vertical-align: top;width: 64px;height: 64px;margin: 0 14px 0 0;}
.contact-sec2 p{color: rgba(255,255,255,.9);}

.contact-sec3{background-image: url(images/contact_bg2.jpg);}
.contact-sec3 .form-group{background-color: rgba(255,255,255,.12);}
.contact-sec3 .form-group span{color: #fff;}
.contact-sec3 .form-group input{color: #fff;}
.contact-sec3 .form-group textarea{color: #fff;}
.contact-sec3 .upload{background-color: rgba(255,255,255,.12);}
.contact-sec3 .upload .add-btn p{color: #fff;}
.contact-sec3 .sec-left h4{font-size: 26px;color: #fff;line-height: 30px;margin-bottom: 30px;}
.contact-sec3 .box-right{width: calc(51% - 44px);float: right;padding-top: 66px;}
.contact-sec3 .box-right .text-group{border-left: 1px solid rgba(233,233,233,.32);padding-left: 40px;}
.contact-sec3 .box-right .text-group p{font-size: 16px;line-height: 32px;color: #fff;}

.join-menu a{display: block;float: left;width: 132px;line-height: 42px;background: #2a3888;color: #fff;text-align: center;margin-right: 12px;font-size: 18px;transition: .4s;}
.join-menu a:hover{background-color: #337FE5;transition: .4s;}
.join-menu a.on{background-color: #337FE5;transition: .4s;}
.join-list li{padding: 10px 0;}
.join-list li .item-box{padding: 0 5%;background-color: #f6f6f6;border-top: 4px solid #f6f6f6;}
.join-list li .item-tit{padding: 32px 120px 32px 0;position: relative;}
.join-list li .item-tit h4{font-size: 26px;line-height: 1.2;transition: .4s;}
.join-list li .item-tit .infos{padding-top: 10px;font-size: 16px;color: #666;}
.join-list li .item-tit .infos span{margin-right: 3vw;white-space: nowrap;}
.join-list li .item-tit i{width: 28px;height: 28px;background: url(images/icon_down.png) no-repeat center center;background-size: 100% 100%;position: absolute;top: 50%;margin-top: -14px;right: 46px;cursor: pointer;transition: .4s;}
.join-list li.on .item-tit h4{color: #337FE5;transition: .4s;}
.join-list li.on .item-tit i{background-image: url(images/icon_down_gray.png);transform: rotate(180deg);transition: .4s;}
.join-list li.on .item-tit .infos{opacity: 0;}
.join-list li .item-con{padding: 0 120px 44px 0;display: none;}
.join-box{position: relative;}
.join-box .join-prev{left: -50px;}
.join-box .join-next{right: -50px;}
.join-list li .resume-btn{margin-top: 30px;}

.join-box .tab-con{display: none;position: relative;}
.join-box .tab-con.active{display: block;}


@media screen and (max-width: 1440px) {
    .contact-sec3 .box-right .text-group p{font-size: 14px;line-height: 28px;}

    .join-menu a{font-size: 16px;}
    .join-list li .item-tit h4{font-size: 22px;}
    .join-box .join-prev{left: -36px;}
    .join-box .join-next{right: -36px;}
}

@media screen and (max-width: 800px) {
    .contact-sec3 .box-right{width: 100%;padding-top: 30px;}
    .contact-sec3 .box-right .text-group p{line-height: 24px;}
}

@media screen and (max-width: 600px) {
    .contact-sec1.pad100{padding: 30px 0;}

    .contact-sec3 .sec-left h4{font-size: 18px;margin-bottom: 16px;}
    .contact-sec3 .box-right .text-group{border-left: none;border-top: 1px solid rgba(233,233,233,.32);padding-left: 0;padding-top: 24px;}
    .join-menu a{width: 100px;margin-right: 5px;line-height: 36px;}
    .join-list li{padding: 5px 0;}
    .join-list li .item-tit{padding: 15px 30px 15px 0;}
    .join-list li .item-tit i{width: 20px;height: 20px;right: 0;margin-top: -10px;}
    .join-list li .item-tit .infos{font-size: 14px;}
    .join-list li.on .item-tit .infos{display: none;}
    .join-list li .item-con{padding: 0 0 24px 0;}
    .join-list li .item-tit h4{font-size: 20px;}
    .join-box .join-next{display: none;}
    .join-box .join-prev{display: none;}
    .join-list li .resume-btn{margin-top: 20px;}

    .contact-sec2 h4{font-size: 18px;line-height: 48px;margin: 18px 0;}
    .contact-sec2 h4 img{width: 48px;height: 48px;}
    .contact-sec2 p{font-size: 12px;}
}


/* ==========================================================================
    旗下品牌
============================================================================ */
.brand-menu{text-align: center;}
.brand-menu a{margin: 0 4%;float: none;}
.qianj-links li{float: left;width: 25%;}
.qianj-links li a{display: block;position: relative;}
.qianj-links .img{overflow: hidden;}
.qianj-links .img img{width: 100%;transition: .4s;}
/* .qianj-links .text{position: absolute;z-index: 3;width: 100%;left: 0;bottom: 20px;padding: 0 10%;} */
.qianj-links .text{padding: 10px 10%;}
.qianj-links .text h4{font-size: 24px;text-align: center;}
.qianj-links li a:hover .img img{transition: .4s;transform: scale(1.1);}
.qianj-links .public-filter{display: none;}

.motor-list{margin: 30px -5px 0;}
.motor-list li{float: left;width: 33.33%;padding: 5px;}
.motor-list li a{display: block;}
.motor-list .img{height: 280px;overflow: hidden;background: #f8f8f8;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.motor-list .img img{max-width: 90%;max-height: 90%;transition: .4s;}
.motor-list .text{padding: 18px 20px 24px;}
.motor-list .text h4{font-size: 24px;line-height: 36px;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #337FE5;}
.motor-list .text p{font-size: 18px;-webkit-line-clamp: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.motor-list li a:hover .img img{transition: .4s;transform: scale(1.05);}

.brand-box{position: relative;padding-top: 10vh;}
.brand-box .img{display: block;position: absolute;width: 60%;top: 0;left: 0;z-index: 1;overflow: hidden;}
.brand-box .img img{width: 100%;transition: .4s;}
.brand-box .img h4{position: absolute;left: 0;bottom: 30px;padding: 0 5%;color: #fff;}
.brand-box .img:hover img{transition: .4s;transform: scale(1.05);}
.brand-box .text{float: right;width: 50%;background-color: #337FE5;position: relative;z-index: 3;padding: 6.4% 7% 6.8%;color: #fff;}
.brand-box .text h4{margin-bottom: 20px;}
.brand-box .text p{font-size: 16px;line-height: 24px;}
.brand-box .text a{display: inline-block;vertical-align: top;width: 144px;line-height: 46px;background-color: #fff;color: #337FE5;font-size: 18px;text-align: center;margin-top: 30px;}

@media screen and (max-width: 1440px) {
    .qianj-links .text h4{font-size: 20px;}
    .motor-list .text h4{font-size: 20px;}
    .motor-list .text p{font-size: 16px;}
    .motor-list .img{height: 260px;}
}

@media screen and (max-width: 800px) {
    .motor-list li{width: 50%;}
    .motor-list .img{height: 240px;}
    .brand-box{padding-top: 0;}
    .brand-box .img{position: relative;width: 100%;}
    .brand-box .text{width: 100%;}
}

@media screen and (max-width: 600px) {
    .qianj-links li{width: 50%;}
    .motor-list{margin: 20px -2px;}
    .motor-list li{padding: 2px;}
    .motor-list .img{height: 200px;}
    .motor-list .text{padding: 8px 5px 16px;}
    .motor-list .text h4{font-size: 16px;line-height: 24px;height: 24px;}
    .motor-list .text p{font-size: 12px;line-height: 20px;height: 20px;}

    .brand-box .text p{font-size: 14px;line-height: 22px;}
    .brand-box .text h4{margin-bottom: 12px;}
    .brand-box .text a{width: 120px;line-height: 36px;font-size: 16px;margin-top: 16px;}
}

/* ==========================================================================
   产品详情
============================================================================ */
.product-bar{background: url(images/uvjet_list_001.png) no-repeat left top;background-size: 100% auto;}
.product-bar .text-group{float: left;width: 48%;padding-top: 80px;}
.product-bar .text-group .title{font-size: 32px;border-bottom: 1px solid #000;padding-bottom: 20px;max-width: 400px;margin-bottom: 30px;}
.product-bar .text-group .sub-title{font-size: 18px;margin-bottom: 8px;}
.product-bar .text-group .brief{line-height: 24px;color: #606060;}
.product-bar .color{margin-top: 20px;}
.product-bar .color h3{font-size: 22px;margin-bottom: 10px;}
.product-bar .color ul{margin: -7px;}
.product-bar .color ul li{float: left;padding: 7px;}
.product-bar .color ul li a{display: block;width: 24px;height: 24px;}
.product-bar .btns{margin-top: 30px;}
.product-bar .btns a{display: block;float: left;width: 136px;height: 44px;overflow: hidden;line-height: 44px;}
.product-bar .btns a span{display: block;height: 100%;text-align: center;color: #fff;font-size: 18px;transition: .4s;}
.product-bar .btns a.btn-red{background-color: #337FE5;margin-right: 20px;}
.product-bar .btns a.btn-black{background-color: #2a3888;}
.product-bar .btns a:hover span{transition: .4s;transform: translateY(-100%);}
.product-bar .img-group{float: right;width: 50%;}
.product-bar .img-swiper{background-color: #f4f4f4;}
.product-bar .img-swiper .img{height: 400px;}
.product-bar .thumb-swiper{margin-top: 8px;}
.product-bar .thumb-swiper .img{height: 108px;background-color: #f4f4f4;border: 1px solid #f4f4f4;cursor: pointer;}
.product-bar .thumb-swiper .active .img{border-color:  #337FE5;}
.product-bar .img-group img{max-width: 84%;max-height: 84%;}

.product-menu{height: 100px;margin-top: 50px;position: relative;z-index: 11;}
.product-menu .menu-block{height: 100%;}
.product-menu .menu-wrap{position: absolute;width: 100%;height: 100px;top: 0;left: 0;}
.product-menu .menu-wrap .w1280{height: 100%;border-bottom: 1px solid #000;}
.product-menu .menu-wrap a{float: left;display: block;margin-right: 4vw;}
.product-menu .menu-wrap a span{display: block;height: 97px;line-height: 97px;font-size: 22px;transition: .4s;}
.product-menu .menu-wrap a::after{display: block;content: '';width: 0;height: 3px;background-color:  #337FE5;margin: 0 auto;transition: .4;}
.product-menu .menu-wrap a:hover span{color: #337FE5;transition: .4s;}
.product-menu .menu-wrap a:hover::after{width: 100%;transition: .4s;}
.product-menu .menu-wrap a.on span{color: #337FE5;transition: .4s;}
.product-menu .menu-wrap a.on::after{width: 100%;transition: .4s;}
.product-menu .menu-wrap.menu-fixed{position: fixed;top: 100px;z-index: 91;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.product-menu .menu-wrap.menu-fixed .w1280{border-color: #fff;}

.intro-list{margin: 0 -10px;}
.intro-list li{float: left;width: 46%;padding: 10px;}
.intro-list li:nth-child(4n-3){width: 54%;}
.intro-list li:nth-child(4n){width: 54%;}
.intro-list li a{display: block;height: 508px;overflow: hidden;}
.intro-list li a img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.intro-list li a:hover img{transition: .4s;transform: scale(1.05);}
.pro-sec{margin-top: 40px;}
.pro-sec:first-child{margin-top: 0;}
.pro-sec .sec-tit{text-align: center;position: relative;padding: 10px;margin-bottom: 20px;}
.pro-sec .sec-tit::after{display: block;content: '';width: 40px;height: 2px;background-color: #337fe5;position: absolute;bottom: 0;left: 50%;margin-left: -20px;}

.pro-table{border-collapse: collapse;width: 100%;}
.pro-table td{border: 1px solid #c8c8c8;text-align: center;vertical-align: middle;line-height: 24px;padding: 20px;font-size: 18px;}
.pro-table td.td-tit{font-size: 24px;}
.pro-table tr.bg-gray{background-color: #f8f8f8;} 

@media screen and (max-width: 1440px) {
    .product-bar .text-group{padding-top: 60px;}
    .product-bar .text-group .title{font-size: 28px;}
    .product-bar .text-group .sub-title{font-size: 16px;}
    .product-bar .color h3{font-size: 20px;}
    .product-bar .btns a{width: 120px;line-height: 40px;height: 40px;}
    .product-bar .btns a span{font-size: 16px;}
    .product-bar .img-swiper .img{height: 360px;}
    .product-bar .thumb-swiper .img{height: 100px;}

    .product-menu{height: 80px;}
    .product-menu .menu-wrap{height: 80px;}
    .product-menu .menu-wrap a span{height: 77px;line-height: 77px;font-size: 18px;}
    .product-menu .menu-wrap.menu-fixed{top: 80px;}

    .intro-list li a{height: 440px;}

    .pro-table td{font-size: 16px;}
    .pro-table td.td-tit{font-size: 22px;}
}

@media screen and (max-width: 1024px) {
    .intro-list li a{height: 360px;}
}

@media screen and (max-width: 800px) {
    .product-bar .img-group{width: 100%;float: none;}
    .product-bar .text-group{float: none;width: 100%;padding-top: 40px;}
    .intro-list li a{height: 320px;}
}

@media screen and (max-width: 600px) {
    .product-bar.pt120{padding-top: 30px;}
    .product-bar .img-swiper .img{height: 240px;}
    .product-bar .thumb-swiper .img{height: 72px;}
    .product-bar .text-group{padding-top: 20px;}
    .product-bar .text-group .title{font-size: 24px;padding-bottom: 10px;margin-bottom: 20px;}

    .product-menu{height: 48px;margin-top: 30px;}
    .product-menu .menu-wrap{height: 48px;}
    .product-menu .menu-wrap a{margin-right: 8vw;}
    .product-menu .menu-wrap a span{height: 46px;line-height: 46px;font-size: 14px;}
    .product-menu .menu-wrap a.on::after{height: 2px;}
    .product-menu .menu-wrap.menu-fixed{top: 56px;}

    .pro-sec{margin-top: 24px;}
    .intro-list{margin: 0 -2px;}
    .intro-list li{padding: 2px;}
    .intro-list li a{height: 36vw;}
    .pro-table td{padding: 6px 3%;font-size: 12px;}
    .pro-table td.td-tit{font-size: 16px;}
    
}



/* ==========================================================================
    售后服务
============================================================================ */
.sale-sec1{background-image: url(images/sale_bg1.jpg);}
.sale-sec1 .sec-list{margin-top: 30px;}
.sale-sec1 .sec-list li{float: left;width: 33.33%;padding: 30px 0;}
.sale-sec1 .sec-list li a{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.sale-sec1 .sec-list li img{width: 80px;margin-right: 24px;}
.sale-sec1 .sec-list li h4{color: #fff;}

.sale-sec2 .box-tit{background-color: #2a3888;color: #fff;font-size: 20px;line-height: 32px;padding: 15px 5%;}
.sale-sec2 .table{border-collapse: collapse;background: #fbfbfb;width: 100%;}
.sale-sec2 .table td{border: 1px solid #eaeaea;line-height: 20px;padding: 12px 5%;}
.sale-sec2 .table .td-tit{font-size: 16px;}
.sale-sec2 .scope{background-image: url(images/sale_bg2.jpg);margin-top: 12px;padding: 60px 5%;}
.sale-sec2 .scope h4{font-size: 20px;color: #fff;white-space: nowrap;}
.sale-sec2 .scope span{display: block;width: 1px;height: 72px;background: rgba(255, 255, 255, .42);margin: 0 6vw;}
.sale-sec2 .scope p{line-height: 24px;color: rgba(255,255,255,.8);}

.sale-sec3 .sec-box1 .img{float: left;width: 50%;}
.sale-sec3 .sec-box1 .img img{width: 100%;}
.sale-sec3 .sec-box1 .text-group{float: left;width: 50%;padding-top: 4.5vw;}
.sale-sec3 .sec-box1 .text{background-color: #337FE5;padding: 12%;min-height: 420px;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: stretch;align-items: stretch;}
.sale-sec3 .sec-box1 .text h4{color: #fff;margin-bottom: 16px;}
.sale-sec3 .sec-box1 .text p{color: rgba(255,255,255,.6);line-height: 24px;}
.sale-sec3 .sec-box2{margin-top: 10px;background-image: url(images/sale-bg3.jpg);padding: 6%;}
.sale-sec3 .sec-box2 h4{color: #fff;margin-bottom: 24px;}
.sale-sec3 .sec-box2 p{line-height: 22px;padding: 4px 0;color: rgba(255,255,255,.9);}

.sale-sec4{color: #fff;}
.sale-sec4>div{width: 50%;height: 340px;}
.sale-sec4 .sec-box1{background-image: url(images/sale_bg4.jpg);}
.sale-sec4 .sec-box1 h4{margin: 24px 0;line-height: 64px;font-size: 24px;}
.sale-sec4 .sec-box1 h4 img{vertical-align: top;width: 64px;height: 64px;margin: 0 14px 0 0;}
.sale-sec4 .sec-box1 p{color: rgba(255,255,255,.9);}
.sale-sec4 .sec-box2{background-image: url(images/sale_bg5.jpg);}
.sale-sec4 .sec-box2 h5{color: rgba(255,255,255,.6);font-size: 16px;margin-bottom: 30px;letter-spacing: 2px;}

.authenticity{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,.7);display: none;}
.authenticity .popup-flex{height: 100%;}
.authenticity .popup-close{width: 40px;height: 40px;display: block;background: url(images/close.png) no-repeat center center;background-size: 100% 100%;position: absolute;top: 20px;right: 20px;transition: .4s;}
.authenticity .popup-close:hover{transition: .4s;transform: rotate(180deg);}
.authenticity .popup-box{max-width: 784px;}
.authenticity .popup-box img{width: 100%;}

@media screen and (max-width: 1440px) {
    .sale-sec2 .table td{padding: 10px 4%;}
    .sale-sec3 .sec-box1 .text{min-height: 340px;}
}

@media screen and (max-width: 1024px) {
    .sale-sec2 .table td{padding: 10px 3%;}
    .sale-sec3 .sec-box1 .text{min-height: 300px;}
}

@media screen and (max-width: 800px) {
    .sale-sec1 .sec-list li{padding: 20px 0;}
    .sale-sec1 .sec-list li img{width: 60px;}
    .sale-sec1 .sec-list li h4{font-size: 18px;}
    .sale-sec2 .box-tit{font-size: 18px;padding: 12px 5%;}

    .sale-sec2 .scope{padding: 40px 4%;}
    .sale-sec2 .scope h4{font-size: 18px;}
    .sale-sec2 .scope span{margin: 0 4vw;}
    .sale-sec3 .sec-box1 .img{width: 100%;}
    .sale-sec3 .sec-box1 .text-group{width: 100%;padding-top: 0;}
    .sale-sec3 .sec-box1 .text{min-height: 0;padding: 5% 8%;}
    .sale-sec4{flex-direction: column;}
    .sale-sec4>div{width: 100%;height: 300px;}
}

@media screen and (max-width: 600px) {
    .sale-sec1 .sec-list{margin-top: 16px;}
    .sale-sec1 .sec-list li{padding: 10px 0;width: 50%;}
    .sale-sec1 .sec-list li img{width: 50px;margin-right: 16px;}
    .sale-sec1 .sec-list li h4{font-size: 14px;}
    .sale-sec2 .box-tit{line-height: 24px;padding: 8px 4%;font-size: 16px;}
    .sale-sec2 .table td{font-size: 12px;}
    .sale-sec2 .table .td-tit{font-size: 14px;}
    .sale-sec2 .scope{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .sale-sec2 .scope span{width: 72px;height: 1px;margin: 10px auto 16px;}
    .sale-sec2 .scope p{line-height: 22px;}
    .sale-sec3 .sec-box2 h4{margin-bottom: 16px;}
    .sale-sec4>div{height: 240px;}
    .sale-sec4 .sec-box1 h4{margin: 18px 0;font-size: 18px;line-height: 48px;}
    .sale-sec4 .sec-box1 h4 img{width: 48px;height: 48px;}
    .sale-sec4 .sec-box1 p{font-size: 12px;}
    .sale-sec4 .sec-box2 h5{font-size: 14px;}
}


/* ==========================================================================
    搜索结果
============================================================================ */
.result{background-color: #f6f6f6;}
.left-menu{width: 280px;background-color: #fff;padding: 30px 24px;}
.result-type a{display: block;position: relative;padding: 0 60px 0 28px;margin-bottom: 16px;}
.result-type a:last-child{margin-bottom: 0;}
.result-type a p{font-size: 18px;line-height: 24px;color: #4D4D4D;transition: .4s;}
.result-type a span{display: block;width: 16px;height: 16px;border: 2px solid #BFBFBF;padding: 2px;position: absolute;left: 0;top: 4px;border-radius: 100%;}
.result-type a span::before{display: block;content: '';width: 100%;height: 100%;background-color: #BFBFBF;border-radius: 100%;}
.result-type a em{display: block;width: 60px;text-align: right;line-height: 24px;position: absolute;right: 0;top: 0;color: #999;}
.result-type a:hover p{transition: .4s;color: #337FE5;}
.result-type a.on p{color: #337FE5;}
.result-type a.on span{border-color: #337FE5;}
.result-type a.on span::before{background-color: #337FE5;}
.right-con{width: calc(100% - 320px);background-color: #fff;padding: 40px;}
.result-list li{border-bottom: 1px solid #ddd;}
.result-list li a{display: block;padding: 20px 0;}
.result-list li a h4{font-size: 24px;transition: .4s;}
.result-list li a p{line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #666;}
.result-list li a:hover h4{color: #337FE5;transition: .4s;}

.pages>*{display: inline-block;vertical-align: top;margin: 2px 1px;}
.pages a{line-height: 28px;padding: 0 10px;border: 1px solid #ddd;color: #999;transition: .4s;}
.pages a:hover{border-color: #337FE5;color:  #337FE5;transition: .4s;}
.pages a.on{background-color:  #337FE5;border-color:  #337FE5;color: #fff;}
.pages span{line-height: 30px;color: #999;}

@media screen and (max-width: 1440px) {
    .left-menu{width: 260px;}
    .result-type a p{font-size: 16px;}
    .right-con{width: calc(100% - 290px);padding: 24px 40px 40px;}
    .result-list li a h4{font-size: 20px;}
}

@media screen and (max-width: 800px) {
    .left-menu{width: 240px;}
    .right-con{width: calc(100% - 260px);padding: 16px 24px 40px;}
}

@media screen and (max-width: 600px) {
    .left-menu{width: 100%;padding: 10px 15px;}
    .result-type{display: flex;overflow-x: auto;}
    .result-type::-webkit-scrollbar{display: none;}
    .result-type a{display: flex;align-items: center;padding-right: 0;padding-left: 16px;margin: 0 14px 0 0;}
    .result-type a:last-child{margin: 0;}
    .result-type a p{white-space: nowrap;font-size: 14px;}
    .result-type a span{width: 12px;height: 12px;padding: 1px;top: 6px;}
    .result-type a em{position: relative;width: auto;font-size: 12px;margin-left: 4px;}
    .right-con{width: 100%;margin-top: 10px;padding: 10px 15px 24px;}
    .result-list li a{padding: 12px 0;}
    .result-list li a h4{font-size: 18px;}
    .result-list li a p{line-height: 22px;}
}


.fileupload-buttonbar .btn{background: #2a3888 !important;border-color: #2a3888 !important;}