@charset "utf-8"; /* Respond css */ @media screen and (min-width: 1200px){ .index-video{padding:100px 0;} .index-video video{margin:50px 0 0 0;} .product-show-box{padding:100px 0;} .product-show-box .info h1{font-size:30px;border-top:1px solid #4c97c1;border-bottom:1px solid #4c97c1;padding:5px 10px;} .product-show-box .info p{width:50%;} .product-show-box .list li{width:25%;} .product-show-box .list{padding:100px 0 20px 0;} .product-show-box .list li{margin-bottom:80px;} .product-show-box .list li .img{height:210px;} .product-view-box{padding:50px 10%;box-sizing:border-box;} /* .product-view-box .swiper{padding:20px 0;} */ .container .page{padding:50px 0;} .article-view{max-width:750px;margin:auto;padding:50px 0;} .article-view h1{font-size:26px;} .article-view .time{font-size:14px;margin-top:20px;} .article-view .content{padding:50px 0;font-size:16px;line-height:32px;} .feedback{padding-bottom:150px;} .feedback h1{display:inline-block;font-size:26px;border-top:1px solid #666;border-bottom:1px solid #666;padding:10px;margin-top:50px;} .feedback img{width:100%;margin:50px 0;} .feedback .content{overflow:hidden;} .feedback .content .left{float:left;width:50%;} .feedback .content .right{float:right;width:50%;} .feedback .content p{font-size:16px;line-height:40px;} .feedback .form .top{display:flex;padding:50px 0;} .feedback .form .top .item{flex:1;padding-right:50px;box-sizing:border-box;} .feedback .form .top .item input{width:100%;height:40px;box-sizing:border-box;} .feedback .form .form-content{padding-right:50px;} .feedback .form .bottom{padding-top:40px;overflow:hidden;} .feedback .form .bottom .code{float:left;width:200px;margin-right:20px;} .feedback .form .bottom input{width:100%;height:52px;box-sizing:border-box;} .feedback .form .bottom .code-img{float:left;width:180px;} .feedback .form .code-img img{display:block;width:100%;margin:0;} .feedback .form .bottom .submit{float:left;margin-left:100px;width:200px;height:50px;text-align:center;line-height:48px;font-size:15px;cursor:pointer;background:#fff;margin-top:28px;border:1px solid #888;} .budray{margin-left:10px;} .about{padding-top:10px;} .about>img{margin-bottom:100px;} .about .item>div{width:47%;} .about .item>div img{display:block;max-width:100%;} .about .item>div h1{font-weight:400;font-size:30px;font-size:#101116;text-align:center;} .about .item>div h4{font-size:17px;font-size:#101116;text-align:center;} .about .item>div p{font-size:16px;color:#868686;line-height:30px;margin-top:50px;} .about .item .left{float:left;} .about .item .right{float:right;} .history{box-sizing:border-box;padding:10px 0;overflow:hidden;} .history h1{font-weight:500;font-size:30px;text-align:center;margin:50px 0;} .history-list{box-sizing:border-box;float:right;width:76%;border-left:1px solid #dfdfdf;} .history-list .item{box-sizing:border-box;position:relative;width:100%;margin:20px 0 100px 0;} .history-list .item .time{position:relative;box-sizing:border-box;position:absolute;top:0;left:-30%;width:30%;height:100%;padding-top:20px;font-size:30px;text-align:right;padding-right:60px;} .history-list .item span{font-size:18px;} .history-list .item .time::after{content:"";position:absolute;top:35px;right:-4px;width:10px;height:10px;border-radius:50%;background:#333;} .history-list .item .text{margin-left:20px;box-sizing:border-box;padding:30px 20px;font-size:16px;line-height:32px;background:rgb(224, 224, 224);} .credential .mySwiper{margin:100px auto;padding:50px 0;} .credential .mbSwiper{display:none;} .core .core_1{padding:100px 0;} .core_1 .text{box-sizing:border-box;padding:10% 0 0 10%;} .core_1 .text h1{font-size:33px;font-weight:300;color:#101116;margin-bottom:20px;} .core_1 .text p{font-size:23px;font-weight:300;color:#101116;line-height:40px;} .core .core_2 .text{position:absolute;top:0;right:5%;width:23%;background:rgba(255, 255, 255, 0.5);padding:50px 20px;} .core .core_2 .text h2{font-size:24px;color:#101116;} .core .core_2 .text p{font-size:14px;color: #101010;line-height:28px;} .core .core_3 .text{box-sizing:border-box;padding:3% 0 0 8%;} .core .core_3 h2{font-size:23px;line-height:24px;color:#fff;margin:8px 0;} .core .core_3 p{font-size:14px;line-height:20px;color:#fff;margin:8px 0;} .join .title_1{text-align:center;margin:80px 0 20px 0;} .join .title_1 h1{font-size:27px;color:#264476;} .join .title_1 h1 span{color:#b4925d;} .join .title_1 p{font-size:13px;color:#dedede;} .join_1 .item{width:23%;height:250px;margin:1%;padding:40px 30px;} .join_1 .item .title{height:60px;} .join_1 .item .title h2{font-weight:500;float:left;font-size:24px;color:#0a3a72;margin-right:5px;} .join_1 .item .title p{font-size:12px;color:#0a3a72;line-height:14px;} .join_1 .item>p{font-size:13px;color:#0a3a72;line-height:20px;} .join_1 .item .icon{right:-15px;width:50px;height:50px;} .join_2 .item{width:29.33%;margin:2%;} .join_3{padding:100px 0;} .join_3 .list{width:80%;padding:50px;margin:50px auto;font-size:18px;color:#e2ba7e;} .join_3 .form{width:500px;margin:50px auto;} .join_3 .form input{height:35px;padding:0 5px;} .join_3 .code-box{height:35px;} .index-banner{margin-top:100px;} .index-banner .swiper .mb-img{display:none;} .index-icon-nav{display:none;} .index-pingpai{padding-top:80px;} /* .min-banner{height:600px;} */ .top-right-nav{position:absolute;top:0;right:0;width:160px;height:30px;} .top-right-nav .item{position:relative;float:left;width:70px;height:100%;font-size:14px;line-height:30px;color:#1e4678;} .top-right-nav .item span{float:left;font-size:18px;color:#1e4678;} .top-right-nav .item a{color:#1e4678;cursor:pointer;} .top-right-nav .item>a:hover span{color:#4c97c1;} .top-right-nav .item a:hover{color:#4c97c1;} .header-right{padding-right:200px;} .shancheng-list-box{display:none;position:absolute;top:30px;left:-40px;width:150px;padding-top:10px;} .shancheng-list{box-sizing:border-box;width:100%;background:rgba(30, 70, 120, 0.8);padding:0 10px;} .shancheng-list a{box-sizing:border-box;display:block;color:#bdbdbd !important;padding:5px 0;border-bottom: 1px solid #bdbdbd;text-align:center;font-size:12px;} .shancheng-list a:hover{color:#fff !important;} .shancheng-list li:last-child a{border:none;} .top-right-nav .header-shancheng-but:hover .shancheng-list-box{display:block;} .content-view{height:600px;margin:50px 0;} .content-view #map{float:left;width:65%;} .content-view #srore-list{float:right;width:30%;} .content-view #srore-list li{padding:20px 20px 20px 50px;} .content-view #srore-list li h2{font-size:14px;} .content-view #srore-list li p{padding:5px 0;} .content-view #srore-list li .showmap{width:80px;height:30px;line-height:30px;background:#4c97c1;color:#fff;text-align:center;font-size:12px;cursor:pointer;transition:all 0.3s;} .content-view #srore-list li .showmap:hover{background:#0a3a72;} .srore-list-page .Pagination__Nav{text-align:right;} /* .introduce{display:none;} */ } @media screen and (min-width:700px) and (max-width: 1200px){ .index-video{padding:100px 0;} .index-video video{margin:50px 0 0 0;} .product-show-box{padding:80px 0;} .product-show-box .info h1{font-size:30px;border-top:1px solid #4c97c1;border-bottom:1px solid #4c97c1;padding:5px 10px;} .product-show-box .info p{width:60%;} .product-show-box .list li{width:50%;} .product-show-box .list{padding:100px 0 20px 0;} .product-show-box .list li{margin-bottom:80px;} .product-show-box .list li .img{height:250px;} .product-view-box{padding:50px 10%;box-sizing:border-box;} /* .product-view-box .swiper{height:500px;padding:20px 0;} */ .container .page{padding:50px 0;} .article-view{max-width:750px;margin:auto;padding:50px 0;} .article-view h1{font-size:26px;} .article-view .time{font-size:14px;margin-top:20px;} .article-view .content{padding:50px 0;font-size:16px;line-height:32px;} .feedback{padding-bottom:100px;} .feedback h1{display:inline-block;font-size:24px;border-top:1px solid #666;border-bottom:1px solid #666;padding:10px;margin-top:50px;} .feedback img{width:100%;margin:50px 0;} .feedback .content{overflow:hidden;} .feedback .content .left{float:left;width:45%;} .feedback .content .right{float:right;width:45%;} .feedback .content p{font-size:16px;margin:30px 0;} .feedback .form .top{display:flex;padding:50px 0;} .feedback .form .top .item{flex:1;box-sizing:border-box;padding-right:40px;box-sizing:border-box;} .feedback .form .top .item input{width:100%;height:40px;box-sizing:border-box;} .feedback .form .form-content{padding-right:40px;} .feedback .form .bottom{padding-top:40px;overflow:hidden;} .feedback .form .bottom .code{float:left;width:200px;margin-right:20px;} .feedback .form .bottom input{width:100%;height:52px;box-sizing:border-box;} .feedback .form .bottom .code-img{float:left;width:180px;} .feedback .form .code-img img{display:block;width:100%;margin:0;} .feedback .form .bottom .submit{float:left;margin-left:30px;width:200px;height:50px;text-align:center;line-height:48px;font-size:15px;cursor:pointer;background:#fff;margin-top:28px;border:1px solid #888;} .budray{margin-left:10px;} .about{padding-top:10px;} .about>img{margin-bottom:100px;} .about .item>div{width:47%;} .about .item>div img{display:block;max-width:100%;} .about .item>div h1{font-weight:500;font-size:20px;font-size:#101116;text-align:center;margin-top:20px;} .about .item>div h4{font-size:14px;font-size:#101116;text-align:center;} .about .item>div p{font-size:14px;color:#868686;line-height:30px;margin-top:20px;} .about .item .left{float:left;} .about .item .right{float:right;} .history{padding:10px 0;} .history h1{font-weight:500;font-size:30px;text-align:center;margin:50px 0;} .history-list{box-sizing:border-box;float:right;width:76%;border-left:1px solid #dfdfdf;} .history-list .item{box-sizing:border-box;position:relative;width:100%;margin:20px 0 100px 0;} .history-list .item .time{position:relative;box-sizing:border-box;position:absolute;top:0;left:-30%;width:30%;height:100%;padding-top:20px;font-size:30px;text-align:right;padding-right:60px;} .history-list .item span{font-size:18px;} .history-list .item .time::after{content:"";position:absolute;top:35px;right:-4px;width:10px;height:10px;border-radius:50%;background:#333;} .history-list .item .text{margin-left:20px;box-sizing:border-box;padding:30px 20px;font-size:16px;line-height:32px;background:rgb(224, 224, 224);} .credential .mySwiper{margin:30px auto;padding:30px 0;} .credential .mbSwiper{display:none;} .core .core_1{padding:100px 0;} .core_1 .text{box-sizing:border-box;padding:5% 0 0 5%;} .core_1 .text h1{font-size:28px;font-weight:300;color:#101116;margin-bottom:20px;} .core_1 .text p{font-size:20px;font-weight:300;color:#101116;line-height:40px;} .core .core_2 .text{position:absolute;top:0;right:5%;width:30%;background:rgba(255, 255, 255, 0.5);padding:50px 20px;} .core .core_2 .text h2{font-size:24px;color:#101116;} .core .core_2 .text p{font-size:14px;color: #101010;line-height:28px;} .core .core_3 .text{box-sizing:border-box;padding:2% 0 0 3%;} .core .core_3 h2{font-size:18px;line-height:24px;color:#fff;margin:10px 0;} .core .core_3 p{font-size:12px;line-height:16px;color:#fff;margin:10px 0;} .join .title_1{text-align:center;margin:80px 0 20px 0;} .join .title_1 h1{font-size:24px;color:#264476;} .join .title_1 h1 span{color:#b4925d;} .join .title_1 p{font-size:13px;color:#dedede;} .join_1 .item{width:23%;height:300px;margin:1%;padding:40px 30px;} .join_1 .item .title{height:60px;} .join_1 .item .title h2{font-weight:500;float:left;font-size:24px;color:#0a3a72;margin-right:5px;} .join_1 .item .title p{font-size:12px;color:#0a3a72;line-height:14px;} .join_1 .item>p{font-size:13px;color:#0a3a72;line-height:20px;} .join_1 .item .icon{right:-15px;width:40px;height:40px;} .join_2 .item{width:29.33%;margin:2%;} .title_2 p{font-size:13px;} .title_2 h1{font-size:23px;} .join_3{padding:100px 0;} .join_3 .list{width:90%;padding:50px;margin:50px auto;font-size:16px;color:#e2ba7e;} .join_3 .form{width:500px;margin:50px auto;} .join_3 .form input{height:35px;padding:0 5px;} .index-banner{margin-top:60px;} .index-banner .swiper .mb-img{display:none;} .index-pingpai{padding-top:200px;} /* .min-banner{height:400px;} */ .top-right-nav{display:none;} .header-menu .header-mb-nav{display:block;} .content-view{height:600px;margin:50px 0;} .content-view #map{float:left;width:65%;} .content-view #srore-list{float:right;width:30%;} .content-view #srore-list li{padding:20px 20px 20px 50px;} .content-view #srore-list li h2{font-size:14px;} .content-view #srore-list li p{padding:5px 0;} .content-view #srore-list li .showmap{width:80px;height:30px;line-height:30px;background:#4c97c1;color:#fff;text-align:center;font-size:12px;cursor:pointer;transition:all 0.3s;} .content-view #srore-list li .showmap:hover{background:#0a3a72;} .srore-list-page .Pagination__Nav{text-align:right;} /* .introduce{display:none;} */ } @media screen and (min-width:700px) and (max-width: 1080px){ } @media screen and (min-width:700px) and (max-width: 900px){ } @media screen and (max-width: 700px) { .index-video{padding:50px 0;} .index-video video{margin:35px 0 0 0;} .product-show-box{padding:20px 0;} .product-show-box .info h1{position:relative;font-size:20px;display:block;width:100%;text-align:center;padding-bottom:10px;} .product-show-box .info h1::after{position:absolute;content:"";bottom:5px;left:0;right:0;margin:auto;width:40px;height:2px;border-radius:1px;background:#4c97c1;} .product-show-box .info p{width:100%;font-size:14px;padding:20px;box-sizing:border-box;} .product-show-box .list li{width:100%;} .product-show-box .list{padding:35px 0 20px 0;} .product-show-box .list li{margin-bottom:35px;} .product-view-box{padding:50px 0;box-sizing:border-box;} .product-view-box h1{font-size:22px;} /* .product-view-box .swiper{height:350px;padding:10px 0;} */ .container .page{padding:50px 0;} .article-view{max-width:750px;margin:auto;padding:30px 0;} .article-view h1{font-size:20px;text-align:left;} .article-view .time{font-size:14px;margin-top:20px;text-align:left;} .article-view .content{padding:30px 0;font-size:15px;line-height:30px;} .container .page div{margin-bottom:30px;} .feedback{padding-bottom:50px;} .feedback h1{position:relative;font-size:20px;text-align:center;margin-top:30px;} .feedback h1::after{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:auto;width:50px;height:1px;background:#1e4678;} .feedback h1 span{display:none;} .feedback img{width:100%;margin:40px 0 0 0;} .feedback .content{overflow:hidden;} .feedback .content .left{width:100%;} .feedback .content .right{width:100%;} .feedback .content p{font-size:16px;margin:30px 0;} .feedback .form{padding:50px 0;} .feedback .form .top .item{width:100%;margin-bottom:10px;} .feedback .form .top .item input{width:100%;height:40px;box-sizing:border-box;} .feedback .form .bottom{padding-top:5px;overflow:hidden;} .feedback .form .bottom .code{float:left;width:calc(100% - 200px);} .feedback .form .bottom input{width:100%;height:52px;box-sizing:border-box;} .feedback .form .bottom .code-img{float:right;width:180px;} .feedback .form .code-img img{display:block;width:100%;margin:0;} .feedback .form .bottom .submit{float:left;box-sizing:border-box;width:100%;height:50px;text-align:center;line-height:48px;font-size:15px;cursor:pointer;background:#fff;margin-top:20px;border:1px solid #888;} .budray{display:block;} .feedback .content{display:none;} .feedback .mb-content{display:block;} .feedback .mb-content .item{width:100%;margin-top:30px;} .feedback .mb-content .item .title{position:relative;font-size:18px;color:#222;z-index:0;margin-bottom:10px;} .feedback .mb-content .item .title::after{content:"";position:absolute;bottom:0;left:0;width:50px;height:10px;background:rgba(30, 70, 120, 0.3);z-index:-1;} .feedback .mb-content .item p{font-size:14px;color:#555} .feedback .mb-content .item p a{display:inline-block;font-size:16px;color:#1e4678;margin:0 10px 10px 0;} .about{padding-top:10px;} .about>img{margin-bottom:10px;} .about .item{margin:20px 0;} .about .item>div{width:100%;} .about .item>div img{display:block;max-width:100%;} .about .item>div h1{font-weight:500;font-size:16px;font-size:#101116;text-align:center;margin-top:20px;} .about .item>div h4{font-size:14px;font-size:#101116;text-align:center;} .about .item>div p{font-size:14px;color:#868686;line-height:30px;margin-top:20px;} .about .item .left{float:left;} .about .item .right{float:right;} .history{padding:10px 0;} .history h1{font-weight:500;font-size:20px;text-align:center;margin:50px 0;} .history-list{box-sizing:border-box;float:right;width:76%;border-left:1px solid #dfdfdf;} .history-list .item{box-sizing:border-box;position:relative;width:100%;margin:20px 0 100px 0;} .history-list .item .time{position:relative;box-sizing:border-box;position:absolute;top:0;left:-30%;width:30%;height:100%;padding-top:20px;padding-right:15px;font-size:20px;text-align:right;} .history-list .item span{font-size:12px;} .history-list .item .time::after{content:"";position:absolute;top:35px;right:-4px;width:10px;height:10px;border-radius:50%;background:#333;} .history-list .item .text{margin-left:20px;box-sizing:border-box;padding:30px 20px;font-size:12px;line-height:24px;background:rgb(224, 224, 224);} .credential .mySwiper{display:none;} .credential .mbSwiper{padding:50px 0;} .credential .mbSwiper img{display:block;width:80%;margin:auto;} .core .core_1{padding:50px 0;} .core_1 .text{box-sizing:border-box;width:100% !important;padding:0 0 20px 20px;} .core_1 .text h1{font-size:22px;font-weight:500;color:#101116;margin-bottom:10px;} .core_1 .text p{font-size:14px;font-weight:300;color:#101116;line-height:30px;} .core_1 .img{width:100% !important;} .core .core_2 .text{box-sizing:border-box;width:100%;margin:20px 0;background:rgba(255, 255, 255, 0.8);padding:20px;} .core .core_2 .text h2{font-size:18px;color:#101116;} .core .core_2 .text p{font-size:12px;color: #101010;line-height:24px;padding-top:20px;} .core .core_3 .img{width:100%;} .core .core_3 .text{width:100%;box-sizing:border-box;padding:20px;} .core .core_3 h2{font-size:18px;line-height:24px;color:#fff;margin:10px 0;} .core .core_3 p{font-size:12px;line-height:16px;color:#fff;margin:10px 0;} .join .title_1{text-align:center;margin:80px 0 20px 0;} .join .title_1 h1{font-size:20px;color:#264476;} .join .title_1 h1 span{color:#b4925d;} .join .title_1 p{font-size:13px;color:#dedede;} .join_1 .item{width:40%;height:300px;margin:4%;padding:20px;} .join_1 .item .title{height:60px;} .join_1 .item .title h2{font-weight:500;float:left;font-size:20px;color:#0a3a72;margin-right:5px;} .join_1 .item .title p{font-size:12px;color:#0a3a72;line-height:14px;} .join_1 .item>p{font-size:12px;color:#0a3a72;line-height:16px;} .join_1 .item .icon{left:-15px;width:35px;height:35px;} .join_2 .item{width:100%;margin:20px 0;} .title_2 p{font-size:12px;} .title_2 h1{font-size:20px;} .join_3{padding:60px 0;} .join_3 .list{width:90%;padding:20px;margin:50px auto;font-size:14px;line-height:30px;color:#e2ba7e;} .join_3 .form{width:90%;margin:50px auto;} .join_3 .form input{height:35px;padding:0 5px;} .index-banner{margin-top:60px;} .index-banner .swiper .pc-img{display:none;} .index-banner .swiper .mb-img{display:block;} .index-pingpai{padding-top:50px;} .top-right-nav{display:none;} .header-menu .header-mb-nav{display:block;} /* .min-banner{height:200px;} */ .content-view{margin:50px 0;} .content-view #map{float:left;width:100%;height:200px;} .content-view #srore-list{float:right;width:100%;margin:50px 0;} .content-view #srore-list li{padding:20px 20px 20px 50px;} /* .content-view #srore-list li .sum{top:20px;width:20px;height:20px;line-height:20px;} */ .content-view #srore-list li h2{font-size:15px;} .content-view #srore-list li p{padding:5px 0;font-size:12px;} .content-view #srore-list li .showmap{width:80px;height:30px;line-height:30px;background:#4c97c1;color:#fff;text-align:center;font-size:12px;cursor:pointer;transition:all 0.3s;} .content-view #srore-list li .showmap:hover{background:#0a3a72;} .srore-list-page .Pagination__Nav{text-align:center;line-height:40px;} }