@media (min-width:1200px){ .nav li:hover .nav-er{opacity: 1;margin-top: 0;pointer-events: auto;} .nav-er a:hover{background: #d91313;color: #fff;} .nav li:hover .nav-yi span{color: #d91313;} .nav li:hover .nav-yi span:after{width: 100%;} } @media (max-width:1700px){ .join-img{right: 0;} .product .swiper-container{padding-right: calc(50vw - 600px);} .product-area{margin-left: 600px;} .newsBtn2{left: calc(50vw - 685px);} } @media (max-width:1500px){ .w1400{width: 1200px;} .box999 div img{width: 1642px;} .box999 .beian{width: 1642px;height: 52px;} .beian a{left: 540px;} .product .swiper-container{padding-right: calc(50vw - 600px);} .product-area{width: 60px;margin-left: 600px;} .news .swiper-container{padding-left: calc(50vw - 600px);} .newsBtn1{left: calc(50vw - 630px);} .newsBtn2{left: calc(50vw - 584px);} } @media (max-width:1280px){ .margin-bot90{margin-bottom: 45px;} .line-2em p{line-height: 1.6em;} } @media (max-width:1250px){ .cp-top p{line-height: 1.6em;} } @media (max-width:1180px){ .nav-yi span:after,.bannerBtn,.search-btn.search-opean,.search-close{display: none;} .menu-handler,.search-sb{display: block;} .header{height: 60px !important;border-color: #f9f9f9;} .header-style .header{background: #fff;} .header .w1400{height: 60px;max-width: 100%;width: 100%;} body.is-scroll .header .w1400{height: 60px;} .nav-yi span{text-align: left;} .menu-handler{right: 4%;width: 28px;} .logo{left: 4%;} .logo img,body.is-scroll .logo img{height: 30px;} body{padding-top: 60px !important;} .fixed-right{right: 0;bottom:100px;} .nav-right{left: 4%;right: 4%;} .header-con{position: fixed;top:60px;left: -100%;width:100%;bottom:0;background: #fff;float: none;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);} .header-con.active{left: 0;} .nav-box{margin: 0;position: absolute;top:63px;left: 4%;right: 4%;bottom:30px;overflow: auto;padding-right: 0;border-right: 0;} .nav li{float: none;border-bottom: 1px solid #ddd;margin-left: 0;} .nav li.active{border-color:#d91313;} .nav-yi{line-height: 50px;height: 50px; padding: 0;background: none !important;margin-top: 0 !important;} body.is-scroll .nav-yi{line-height: 50px;height: 50px;} .header.active li.active .nav-yi{color: #333;} .nav li.none .nav-yi{display: block;} .nav li:after{width: 10px;height: 10px;position: absolute;content: '';right: 2px;top:20px;background: url("../images/phone-arrow.png") no-repeat center;background-size:cover;display: none;transition: all .4s;} .nav li.has:after{display: block;} .nav li.on:after{transform: rotate(180deg);} .nav-er{display: none;pointer-events: auto;opacity: 1;position: static;width: 100% !important;margin: 0 !important;box-shadow: none;padding-bottom: 10px;transition: none;} .nav-er a{text-align: left;padding-left: 1em;background: none;line-height: 50px;border:none;} .nav-box:before{display: none;} .header-area{margin: 20px 4% 0;position: relative;height: 32px;} .search-box{top:0;right: 106px;left: 0;margin-top: 0;} .search-con{position: static;width: 100%;box-shadow: none;border:1px solid #ddd;} .search-con .text{text-indent: 1em;} .cp .img100{width: 100%;float: none !important;} .cp-con{position: static;width: auto;padding-bottom: 160px;} .maodian{top:-60px;} } @media (max-width:1050px){ .about-logo{width: 220px;} .product .swiper-container{padding-right: 0;} .product-area{position: static;} .productBtn{left: 0;top:54px;margin: 0;bottom:0;width: 100%;pointer-events: none;} .productBtn div{position: absolute;top:50%;margin-top: -15px;z-index: 9;width: 30px;pointer-events: auto;} .productBtn1{left: 4%;} .productBtn2{left: auto;right: 4%;} .news .swiper-container{padding-left: 0;} .newsBtn1{left: 4%;} .newsBtn2{left: auto;transform: none !important; right: 4%;} .join-img{position: static;margin: 0 auto;} .join-con{width: auto;margin-right: 0;} .join .w1400{height: auto;} .xwzxs{padding-bottom: 0 !important;} .gy-a-con,.gy-a-img{float: none;width: auto;} .gy-a-img{margin: 30px 0;} .gy-a-con{padding-top: 0;} .xwxq-warp{padding: 0;} .product-title{position: static;margin: 0 4% 10px;} .product-title h3{color: #333;font-size: 16px;} .product-title p{color: #333;} } @media (max-width:800px){ .banner-des h2{font-size: 26px;} .banner-des p{font-size: 16px;} .banner-des p{margin-bottom: 20px;} .banner-des h2{margin-bottom: 15px;} .about-left{position: relative;padding-bottom: 140px;} .about-img{float: none;width: 100%;} .footer-l{float: none;width: auto;margin-bottom: 0;} .footer-r{float: none;width: auto;display: flex;justify-content: space-between;} .footer-r dl{margin-right: 0;} .footer-r:after{display: none;} .footer-top{padding: 60px 0;} .padding-tb100{padding: 80px 0;} .gy-b-img{float: none;width: auto;} .gy-b-con{position: static;width: auto;} .gy-b-warp{padding: 30px 0;} .data{margin-top: 30px;} .lxfs-a li,.lxfs-b li{float: none;width: auto;margin-right: 0;} .lxfs-b li{margin-bottom: 30px;} .lxfs-b li:last-child{margin-bottom: 0;} .ly{width: 100%;} .map{position: static;width: 100%;height: 500px;margin-top: 30px;} .cpxq-bg{height: 68%;} .table td,.table th{padding: 0 6px;} .xwimg{width: 100%;height: 400px;} .xw-con{position: relative;left: auto;top: auto;margin-top: 30px;} /*.xw li{margin-bottom: 30px;}*/ .xw-date .i{margin-top: 30px;} .zp-con{padding: 40px;} .footer-r{display: none} } @media (max-width:760px){ .pc-show{display: none;} .wap-show{display: block;} .data li div{font-size: 42px;} .title32 h2,.title26 h2,.dev-titles h3{font-size: 20px;} .banner-des h2,.bannerDot .swiper-pagination-bullet span,.about-top h3,.title32 span,.gy-a-bot h3,.cp-top h3,.xwxq-top h1{font-size: 18px;} .about-top p,.gy-a-bot h4,.lxfs-a li p,.lxfs-b p,.lxfs-b h3{font-size: 16px;} .news-top h3{font-size: 15px;} .banner-des p,.news-top p,.dev-titles span,.cp-top p,.cpxq-l p,.cpxq-des p{font-size: 14px;} .about-desc p,.cpxq-des p{line-height: 1.6em;} .news-list li,.dev li{float: none;width: auto;margin-right: 0;} .margin-bot80{margin-bottom: 35px;} .title26,.margin-bot90,.dev li{margin-bottom: 25px;} .about-top,.cp li,.cpxq-des p,.xwxq-top h1{margin-bottom: 15px;} .cp-top h3,.cpxq-l{margin-bottom: 10px;} .about-top h3,.news-top h3,.dev-titles h3{margin-bottom: 5px;} .dev li:last-child{margin-bottom: 0;} .dev-title,.xw-con{margin-top: 15px;} .padding-tb60,.padding-tb100,.padding-tb80,.footer-top,.edit{padding: 35px 0;} .lxfs-a li{padding: 15px 0;} .cp-warp{padding: 12px 0;} .about-left{padding: 20px 0 100px;} .padding-t60{padding-top: 35px;} .about-box{padding-bottom: 0 !important;} .news-desc{margin: 20px 0;} .xwxq-top{padding-bottom: 15px;} .ckxx{width: 100px;height: 28px;} .ckxx span{line-height: 28px;font-size: 12px;} .ckxx img{width: 20px;} .bannerDot .swiper-pagination-bullet{width: 8px;height: 8px;margin-right: 16px;} .bannerDot .swiper-pagination-bullet span{margin-left: -7px;margin-top: -11px;} .bannerDot{bottom:15px;} .about-logo{width: 120px;} .news-img{width: 100%;height: 175px;} .news-con{position: static;width: 100%;} .news{margin: 0 4%;padding: 0;} .news-warp{padding: 20px 0;} .newsBtn div{transform: scale(0.5) !important;margin-top: 0;top:60px;opacity: 0.8;} .newsBtn1{left: 0;} .newsBtn2{right: 0;} .news-list li a,.news-list li a p{line-height: 50px;} .news-list{padding: 15px 0 35px;} .join-con{padding: 35px 0;} .footer-logo img{height: 30px;} .footer-share{float: none;width: auto;} .beian{float: none;width: auto;margin-top: 15px;} .footer-bot{text-align: center;} .beian span, .beian a{line-height: normal;} .gy-b-warp{padding-top: 0;} .huode-con h3{font-size: 16px;padding: 12px 0;} .huode-con{padding: 15px 8px 0;} .huode-bot{padding: 12px 0;} .huode-bot span{font-size: 14px;} .huode-bot .i{width: 14px;height: 14px;margin-top: -7px;} .huodedot .swiper-pagination-bullet{width: 10px;height: 11px;margin: 0 6px;} .margin-bot60{margin-bottom: 30px;} .huodedot{margin-top: 30px;} .dev li:hover .dev-title .i{width: 20px;top:13px;} .dev li:hover .dev-title{padding-left: 25px;} .ry-pay .swiper-container{margin: 0 25px;} .rybtn div{width: 24px;height: 24px;margin-top: -12px;} .ryclose{width: 24px;height: 24px;top:0;right: 4%;} .lxfs-a li .i{width: 50px;} .textarea textarea{height: 120px;} .lxfs-a li p{margin-left: 66px;} .map{height: 240px;} .cp a{padding: 15px;} .cp-bot .i{width: 30px;height: 30px;} .cp-logo{width: 42px;} .cp-bot{position: relative;bottom:0;margin-top: 40px;} .cp-con{padding-bottom: 0;} .cpxq-l{position: static;width: auto;} .cpxq-des{width: auto;} .cpxq-r{margin-left: 0;} .cpxq-l img{width: 38px;} .cpxq-l h1{font-size: 20px;margin: 5px 0 0;} .cpxqdot .swiper-pagination-bullet{width: 8px;height: 9px;} .cpxqdot{bottom:15px;} .table td span:nth-child(1){min-width: 100px;} .table th{font-size: 16px;height: 50px;} .table td{height: 50px;font-size: 14px;} .table td span{font-size: 14px;} .table td img{height: 16px;} .padding-b100{padding-bottom: 35px;} .cpxq-bg{height: 80%;} .xwimg{height: 190px;} .ny-navs a{line-height: 50px;} .ny-nav{padding: 0;} .xw-des{margin-left: 0;} .xw-des h3{font-size: 16px;} .xw-des p{line-height: 1.6em;height: 3.2em;} .xw-date{position: static;margin-top: 15px;} .xw-date strong{display: inline-block;margin: 0;} .xw-date span{display: inline-block;} .xw-date .i{position: absolute;right: 0;bottom:3px;margin: 0;} .xw a{padding: 4% 0;} .pages{font-size: 14px;width: 32px;height: 32px;line-height: 32px;margin: 0 3px;} .xwxq-share .footer-share{text-align: center;} .xwxq-share .footer-share a{width: 26px;height: 26px;} .xwxq-fy a,.go p{font-size: 14px;} .go h2{font-size: 42px;} .go{height: 180px;} .ckcp{font-size: 14px;width: 130px;line-height: 36px;} .go p{margin-bottom: 15px;} .jiaru-desc{margin-right: 0;margin-bottom: 30px;} .jiaru-type{position: static;} .jiaru-desc h2{font-size: 20px;} .jiaru-desc p{font-size: 14px;} .jiaru-type a{margin-right: 10px;width: 100px;line-height: 30px;border-radius: 30px;font-size: 14px;} .col-5:last-child{display: none;} .col-5:nth-child(4){border-right: none;} .col-5{width: 25%;font-size: 14px;padding: 12px 3px;} .zp-con{padding: 20px 15px;} .toudi{width: 100px;line-height: 32px;font-size: 14px;} .zp-desc p{margin-bottom: 0;} .zp-desc{margin-bottom: 20px;} .dev-desc p{font-size: 16px;} .footer-top{padding-bottom: 20px;} .footer-logo{margin-bottom: 20px;} } @media (max-width:360px){ }