@charset "utf-8"; @media (min-width:1250px){ .nav-er:hover{color: #eb6100;} .nav-er-box:hover .nav-san-box{display: block;} .nav-box li:hover .nav-sub{transform: scaleY(1);} .nav-box li:hover .n-nav-sub{transform: scaleY(1);opacity: 1;} .nav-box li:hover .nav-yi{color: #eb6100;} } @media (max-width:1500px){ .w1400{width: 1200px;} .cpzx-list a{height: 640px;} .newsleft{left: calc(100%/2 - 1200px/2);} .footer-list dl{margin-right: 40px;} .nav-box li:nth-child(2) .nav-er-box{margin-left: 435px;} .nav-box li:nth-child(3) .nav-er-box{margin-left: 435px;} .nav-box li:nth-child(4) .nav-er-box{margin-left: 435px;} .nav-box li:nth-child(5) .nav-er-box{margin-left: 600px;} .ban .img100{height: 480px;} .code-box{margin-left: 100px;} .gwlg li{margin-top: 15px;} .cpxq-a-r{height: 390px;} .zqc .cpxq-a-r{height: 517px;} .ry-list li a{height: 245px;} } @media (max-width:1400px){ .ban .img100{height: 420px;} } @media (max-width:1300px){ .jtms-warp p{line-height: 1.5em;} .cpzx-list a{height: 520px;} } @media (max-width:1250px){ .menu-handler,.search-sb{display: block;} .search-opean,.search-close{display: none;} .w1400{width: auto;margin: 0 15px;} .header{height: 60px;transform: none;box-shadow: 0 1px 2px #ddd;} body{padding-top: 60px;} .logo{margin-top: 5px;} .logo a{height: 50px;display: block;} .logo img{height: 50px;} .top-raea{margin-top:0;position: absolute;width: auto;left: 15px;right: 15px; float: none;top:10px;} .nav-box{position: fixed;float: none;background: #fff; width: 100%;top:60px;bottom:0;left: -100%;transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93); -webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);} .nav-box.active{left: 0;} .nav{position: absolute;top:50px;right: 15px;left: 15px;bottom:30px;overflow: auto;opacity: 1 !important;margin-right: 0;} .nav-box li{float: left;width: 100%;margin: 0;border-bottom: 1px solid #e0e0e0;position: relative;} .nav-box li:after{content: '';position: absolute;width: 13px;height:9px;background: url("../images/bot5.png") no-repeat center; background-size:cover;right: 5px;top:20px;transition:all .3s;} .nav-box li.none .nav-yi{display: block;} .nav-box li.none:after{display: none;} .nav-box li.on:after{transform: rotate(180deg);} .nav-sub{transform:none !important;position: static;width: auto;margin: 0;text-align: left;display: none;background: #fff;} .n-nav-sub{opacity: 1;transform:none !important;text-align: left;padding-bottom: 5px;} .n-nav-sub a{float: none;display: block;margin: 0;color: #666;} .nav-box.active .nav{opacity: 1;} .nav-yi{line-height: 50px;} .search-box{top:0;left: 0;right: 100px;background: #f0f0f0;height: 100%;} .search-con{width: 100%;} .search-con .text{text-indent: 1em;} .nav-er-box{margin: 0 !important;text-align: left !important;} .language-box{right: 0;} .jt-video{width: 100%;float: none;} .jt-ms,.jtms-warp{position: static;width: auto;} .jt-ms{padding: 50px;} .cpzx-list a{height: 360px;} .applist a{width: 48%;} .yycj-con{left: 10%;} .newsleft{position: static;text-align: center;padding-top: 50px;} .newsleft .title32{margin-bottom: 0;} .newsleft .more{position: absolute;bottom:30px;left: 50%;margin-left: -25px;} .newsleft .title32 ul{ text-align:center;} .newsleft .title32 ul li{ display:inline-block; float:none; margin:0 50px;} .title32 ul{ margin-bottom:50px;} .newsplay{float: none;width: 100%;padding-bottom: 50px;} .newsplay .swiper-slide a{padding: 50px 25px;} .footer-list dl{margin-right: 20px;} .codes{margin-right: 10px;} .yycj-list a{height: 100px;} .yycj-list .swiper-slide{height:100px !important;} .yycj-list .swiper-container{height: 500px;} .yycj-list a:hover h3{font-size: 15px;} .yycj-list a:hover h3 span{font-size: 15px;} .yycj-list a:hover p{font-size: 13px;} .yycj-list a:hover .yycj-bg{padding-right: 140px;} .yycj-bg .i{right: 50px;} .yycj-icon{width: 100px;} .yycj-text{left: 120px;} .guide-l li a{padding: 0 16px;} .qywh-text p{line-height: 2em;} .goahead{left: 15px;top:15px;} .gsjj-des p{margin-bottom: 20px;} .tel-box{float: none;width: auto;margin-top: 50px;} .contact-a .title26{text-align: center;float: none;padding-top: 0;} .code-box{text-align: center;width: auto;float: none;margin: 0;} .code-box li{display: inline-block;float: none;} .contact-b{margin-top: 90px;} .contact-b li{width: 32%;margin-right: 2%;} .map{height: 480px;} .sale-l img{margin-right: 0;} .sale-m-con{transform: skew(-22deg);} .yfa-con{top:30px;} .gsjj-l{position: static;width: auto;margin-top: 30px;} } @media (max-width:800px){ .qywh-r,.join-r,.qywhtex,.yfa-con,.yfb-con{position: static;width: auto;} .guide-l{display: none;} .zr-left,.cpxq-l,.cpms,.cptx-img,.cptx-con,.yf-img{float: none;width: auto;} .applist a,.join-img{width: 100%;} .join-r,.cpms{margin-top: 30px;} .data-con strong, .jia{font-size: 48px;} .banner-text h2{font-size: 36px;} .hbls-text p{font-size: 24px;} .hbls-text span{font-size: 20px;} .banner-text p{font-size: 16px;} .padding-t90{padding-top: 60px;} .padding-tb90{padding: 60px 0;} .applist a{margin-bottom: 30px;} .cpzx-list p{height: 3.2em;} .databox{height: 320px;} .hbls{height: 300px;} .hbls-con{width: 60%;} .qywh .img100{margin-right: 0;} .qywh-text{margin: 30px;} .zr-hot .img100{width: 350px;} .zr-hot-r{left: 350px;} .zr-hot-des{margin: 0 20px;} .zr-right{margin-left: 0;} .zr-time{margin: 0 35px;} .zr-list a{padding: 30px 0;} .zr-title{width: 100%;} .zr-page,.zr-title{float: left;} .zr-page{width: 50%;} .zr-left{overflow: hidden;} .sale-l img{width: 200px;} .sale-img{height: 360px;} .service .img{width: 80%;} .service img{width: 100%;} .cptx-warp{margin-left: 0;margin-top: 30px;} .yfb-warp{margin: 30px;} .yfa-con{padding: 30px;} } @media (max-width:760px){ .wap-show{display: block;} .pc-show{display: none;} .footer-list,.zp-list .i,.xw-time-r,.footer-code,.call,.shadowmore h4{display: none;} .zr-time strong{font-size: 44px;} .data-con strong, .jia{font-size: 36px;} .banner-text h2{font-size: 24px;} .title26 h3,.zr-hot-des span,.shzr-xq-top h1{font-size: 20px;} .appcon h3,.cpms h1,.title32 p span,.title32 h2,.ban-text h2{font-size: 18px;} .appcon h3 span{font-size: 17px;} .jt-play p,.title26 p,.hbls-text p,.zr-hot-des h2,.zr-word h4,.cpms-top h3,.aplc-bot p,.yf-title h3,.jtms-warp h2,.ban-text h1,.pro h4{font-size: 16px;} .banner-text p,.cpzx-list h3,.newsplay h3,.data-con p,.hbls-text span,.qywh-text p,.ry-type li a,.cpgs p,.cpbh,.cpms-r p,.cpxl,.cptx-con p,.rznav a,.shouhou p,.service p,.sale-r-des p,.wx-r h4,.pro p{font-size: 14px;} .cpzx-list p,.yycj-text h3,.yycj-text h3 span,.yycj-list a:hover h3,.yycj-list a:hover h3 span,.yycj-list a:hover p,.ry-list p{font-size: 12px;} .footer-code,.footer-lxwm,.guide-r,.ry-type li,.tel-box li,.cpms-di-l,.cpms-di-r,.aplc li{float: none;width: auto;} .gsjj-l,.zr-hot-r,.cptx-con,.shzr-poition,.wx-r,.xw-time{position: static;width: auto;} .zr-hot .img100,.zr-page,.yycj-left,.zrgd,.cptx-img,.xw .img100,.xw-time-l{width: 100%;} .aplc li,.shzr-xq,.wx-r h4{margin-right: 0;} .pro li{width: 48.5%;margin-right: 3%;} .pro li:nth-child(3n){margin-right: 2%;} .pro li:nth-child(even){margin-right: 0;} .pro h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pro p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;} .applist,.zr-title,.zp-box,.title26,.cpms-top,.xqms-list,.title18,.hbls-text span{margin-bottom: 25px;} /*.title32 h2{margin-bottom: 0;}*/ .applist a,.gsjj-des p,.tel-box li,.sale-r-ms .title26,.title32,.jt1{margin-bottom:15px;} .jtms-warp h2{margin-bottom: 12px;} .codes p, .xxgs span, .footer-list dl dt,.wx-r h4{margin-bottom: 10px;} .cpms-list{margin-bottom: 5px;} .banner-text h2{margin-bottom: 2px;} .contact-b{margin-top: 50px;} .zp-top,.tel-box,.margin-t60,.margin-t90{margin-top: 30px;} .margin-t50,.ry-type{margin-top: 25px;} .newsplay h3,.footer-lxwm,.gsjj .jt-video,.rt-top-des,.cpms-di-r,.shzr-xqpage{margin-top: 20px;} .newsplay p,.aplc-bot,.shouhou p{margin-top: 12px;} .newsmid,.zp-list,.service p,.xw-time-l{margin-top: 10px;} .newsleft,.padding-t90,.zr-left{padding-top: 30px;} .newsleft .title32 ul li{margin: 0 20px;} .title32 ul{ margin:15px 0} .shouhou{padding-top: 0;} .footer{padding: 20px 0;} .bannerpagination{bottom:10px;} .jt-play img{width: 60px;} .jt-play .img2{width: 30px;} .data-con .i,.zr-hot-des span{margin: 8px 0;} .jt-play p,.cptx-con p{margin: 5px 0;} .jt-ms{padding: 30px 15px;} .ban-text h2{margin-top: 4px;margin-bottom: 0;} .cpzx-list a{height: 220px;} .appcon p{margin: 8px 0;line-height: 1.3em;} .appcon{right: 15px;left: 46%;} .goca{font-size: 12px;width: 100px;line-height: 30px;margin-top: 14px;} .yycj-text p{margin-top: -16px;} .yycj-icon img{width: 32px;} .yycj-con{left: 15px;} .yycj-text{left: 70px;} .yycj-list a{height: 60px;} .yycj-list .swiper-slide{height:60px !important;} .yycj-list .swiper-container{height: 300px;} .yycj-icon{width: 60px;} .yycj-list a:hover p{margin-top: 5px;} .newsplay .swiper-container{margin: 0 15px;} .newsleft .title32 p span{margin-right: 0;} .newsplay .swiper-slide a{padding: 0 0 25px;} .footer-lxwm,.footer-code{text-align: center;} .calla{display: inline-block;text-align: left;margin-top: 0;margin-bottom: 30px;} .footer-lxwm{margin-top: 0;} .codes{display: inline-block;float: none;} .ban .img100{height: 120px;} .ban-text .i{height: 22px;display: none;} .guide .w1400{line-height: 50px;} .guide{height: 45px;} .guide-r{margin-left: 15px;margin-right: 15px;} .padding-tb90{padding: 30px 0;} .gsjj .jt-video{height: 190px;} .datalist li{width: 48%;margin-bottom: 30px;text-align: left;} .data-con{margin-left: 20px;} .data-con .i{width: 15px;} .data-con span:last-child{margin-left: 6px;} .databox,.map{height: 280px;} .data-bot{width: 48px;height: 48px;margin-left: -24px;bottom:-28px;} .hbls-text{margin-left: 20px;} .hbls,.cpsp-outd,.sale-img{height: 200px;} .goahead{width: 100px;font-size: 14px;line-height: 32px;} .ry-play{margin: 0 30px;width: auto;} .ryBtn1{left: -30px;} .ryBtn2{right: -30px;} .ry-list li{width: 32%;margin-right: 2%;margin-top: 4%;} .ry-list .i{width: 24px;height: 24px;} .ryBtn div{width: 12px;height: 19px;top:95px;} .zr-hot-r{padding: 25px 0;} .zr-left{padding-bottom: 0;} .zr-list{border:none;} .zr-time{width: 70px;margin-left: 0;margin-right: 15px;} .zp-th{line-height: 46px;text-align: center;padding: 0 5px;} .zp-con{padding: 20px;} .code-box li:nth-child(1){margin-right: 12px;} .tel-box li{margin-right: 0;} .tel-box li:nth-child(1) .tel-r{margin-top: 0;} .tel-box .tel2{padding: 0 15px;margin-right: 8px;} .contact-b .img100{width: 48px;margin-top: -24px;} .contact-b h5{font-size: 14px;margin-top: 15px;} .contact-b li{height: auto;float: none;width: 100%;margin-right: 0;margin-bottom: 40px;padding-bottom: 20px;} .contact-b li:last-child{margin-bottom: 0;} .lybox,.zqc{margin: 0;} .ly-list{width: 100%;margin-right: 0;} .nr-con textarea{height: 130px;} .gaxin{text-align: left;} .gaxin p{font-size: 14px;} .tjiao{width: 150px;line-height: 34px;font-size: 14px;margin-top: 30px;} .padding50{padding: 25px;} .ysfl li{margin-right: 4px;margin-bottom: 4px;} .cpms-di-l p{line-height: 1.6em;} .navs-menu a{margin-left: 2px;font-size: 14px;} .cpms-top h3{line-height: 44px;} .cptx-con{padding: 20px 0;} .zrbg2{right: 1px;bottom:1px;} .scenario p{margin-top: 10px;margin-left: 0;} .scenariobtn div{margin-top: -24px;} .scenariobtn1{left: 10px;} .scenariobtn2{right: 10px;} .zqc .cpxq-btn div{height: 20px;} .zqc .spSm{top:24px;bottom:24px;} .zslb .swiper-slide{padding: 20px 0;} .zslb-con{margin: 0 24px;} .rznav{padding: 0 15px;line-height: 46px;} .rznav a{margin-right: 20px;} .rznav a:last-child{margin-right: 0;} .sale-l img{width: 120px;} .sale-r-des p:before{top:9px;} .back{font-size: 14px;line-height: 40px;} .shzr-xqpage p{height: auto;} .wx-r{padding: 15px 6px 0;} .xw-time{border:none;text-align: left;height: auto;} .xw-time-l strong,.xw-time-l span{display: inline-block;} .qywh-control{margin: 20px 20px 0;} .qywh-control a{width: 33.33%;margin-right: 0;margin-bottom: 10px;} .qywh-text{margin: 30px 20px;} .cptx-warp{margin-top: 0;} .gwlg li img{width: 60%;} .aplc li:hover p{margin-left: 15px;} .aplc li:hover .i{right: 15px;} .yfa-con{padding: 20px 0;} .yf-title .i{width: 30px;} .cpxq-a-r{height: 226px;} .zqc .cpxq-a-r{height: 169px;} .ss-a{padding: 30px 0;} .ssingput input{height: 50px;} .sbmint{line-height: 50px;font-size: 16px;} .ssjecon{padding: 30px 0;} .conrt{padding: 20px 15px;} .result{font-size: 15px;} .ssdh a{margin-right: 35px;} .img-btn-left {left: 5px;} .img-btn-right{right: 5px;} .ry-list li a{height: 82px;} .qtfw-jl .title26{margin-bottom: 35px;} .banner .img100{height: 400px;position: relative;overflow: hidden;} .banner .img100 img{position: absolute;width: auto;height: 100%;left: 50%;top:0;transform: translateX(-50%);} /*.title32 p span{display: block;}*/ .applist{margin:0 3px 0;} .cpzx-list{white-space: nowrap;overflow: scroll;font-size: 0;} .cpzx-list li{display: inline-block;float: none;width: 33%;font-size: 14px;} .cpzx-list a img{max-width: 42%;} .cpzx{position: relative;} .cpzx:before{position: absolute;content: ''; width: 12px;height: 18px;background: url("../images/jt2.png") no-repeat center;background-size: cover;right: 8px;top:50%;margin-top: -9px;animation: dong 1.4s linear infinite;} @keyframes dong { 0%{opacity: 1;right: 8px;} 50%{opacity: 0.8;right: 5px;} 100%{opacity:1;right: 8px;} } .yycj-list{overflow: hidden;} .yycj-left{padding: 15px 0;} .icon110{display: none !important;} .icon11{animation: dong2 1.4s linear infinite;} @keyframes dong2 { 0%{opacity: 1;transform: translateY(0);} 50%{opacity: 0.8;transform: translateY(4px);} 100%{opacity:1;transform: translateY(0);} } .applist a{padding: 10px 0;} .newsplay .swiper-slide a:hover{background: none;} .xnwlr{margin: 0 10px;} .newsleft .more{z-index: 99;} .wap-title-left .title32{text-align: left;} .newsleft{padding-top: 45px;} .hzogg{padding: 60px 0;} .newsplay{padding-bottom: 65px;} .newsleft .more{bottom:45px;} .zp-box .zp-tr.active{display: flex; align-items: center;} .zp-box .zp-tr.active .zp-th{line-height: 1.4em;padding-top: 10px;padding-bottom: 10px;white-space: normal;} .tel-box li{position: relative;} .tel-box li:nth-child(1){padding-left: 75px;width: auto;} .tel-box li:nth-child(1) .tel-sm{position: absolute;left: 0;top:2px;} .tel-box .tel2:last-child{margin-top: 8px;} .pro-hide .btn-bg{transform: scale(0.8);} .cpxq-btn div{transform: scale(0.7);} .zqc .cpxq-btn div{transform: scale(1);background-size: cover;} .scenariobtn div{transform: scale(0.5);} .service li{width: 31.33%;margin-bottom: 20px;} .service li:nth-child(1){margin-left: 18%;} .service li:nth-child(2){} .service .img{width: 70% !important;} .qtfw3{margin-top: 50px;} .shouhou{padding-bottom: 20px;} .xw li{float: left;width: 48.5%;margin-right: 3%;} .xw{overflow: hidden;} .xw li:nth-child(even){margin-right: 0;} .wx-r{border-bottom: none;} .wx-r h4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.4em;height: 2.8em;margin-bottom: 5px;} .wx-r p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 4.8em;} .xw-time{font-family: "dincondregular";color: #eb6100;font-size: 14px;margin-bottom: 5px;} .xw-time img{width: 7px;margin-left: 6px;} .pro-page h2{font-size: 16px;margin-bottom: 20px;} .pro-box{padding-top: 0;} }