@media screen and ( max-width:1440px ){ .wal-1440{width: 1200px;} .head-div .logo img{width: 230px;} .head-div .list li.sNavA a {margin: 27.5px 7px 0; } .head-div .search {margin-left: 17px; } .sNav {height: 80px; } .sNav li {height: 80px; } .sNav li a {padding: 0 33px; margin-top: 15px; } .ind-part1 li {margin-right: 25px; width: 356px; } .ind-part1 li .txt {padding: 20px 25px; } .ind-part1 li .t1 {margin-bottom: 10px; } .ind-part2 .list1 li {width: 313px;} .ind-part2 .list1 li.li1 {width: 520px;} .ind-part2 .list1 li .name {top: 100px; } .ind-part2 .list1 li .t1 {top: 155px; } .ind-part2 .list1 li .t2 {top: 189px; } .ind-part2 .list2 li {width: 382px;} .ind-part2 .list2 li .name {top: 65px; } .ind-part2 .list2 li .t1 {top: 120px; } .ind-part2 .list2 li .t2 {top: 151px; } .ind-banner1 {width: 1400px; } .ind-banner1 .swiper-container {margin: 0 100px; width: 1200px; } .ind-banner1 .swiper-button-prev {left: 40px; } .ind-banner1 .swiper-button-next {right: 40px; } .ind-banner1 .o {margin-bottom: 0px; } .ind-part5 .o1 img {width: 687px; } .ind-part5 .o2 img {width: 512.5px; } .ind-part5 .o1 .t1 {top: 75px; } .ind-part5 .o1 .t2 {top: 122px; } .ind-part5 .o1 .t3 {top: 168px; } .ind-part5 .o1 .into {top: 287px; } .ind-part5 .o2 .ico {top: 102px; } .ind-part5 .o2 .t1 {top: 243px; } .ind-part5 .o2 .t2 {top: 290px; } .ind-banner2 .swiper-button-prev {height: 95px; } .ind-banner2 .swiper-button-next {height: 95px; } .bottom .t-links li {margin-right: 38px; } .ind-part3 .left {width: 617px; } .ind-part3 .right {width: 528px; } .ind-part3 .logoBanner {height: 350px; } .ind-part3 .logoBanner .swiper-container {height: 348px!important; } .ind-part3 .logoBanner ul li {width: 164px; } .ind-part3 .logoBanner ul li img {width: 161px; } } @media screen and ( max-width:1366px ){ .ind-part2 .list1 li {width: 313px; } .ind-part2 .list1 li.li1 {width: 520px; } .ind-part2 .list2 li {width: 381px;} } @media screen and ( max-width:1004px ){ .pc-hide{display:block!important;} .pc-show{display:none!important;} .wal,.wal-1440{width: 94%;margin:0 auto;} .contact .mapBox{display: none;} .ind-wrap{background: #fafafa;} .indBanner .swiper-pagination {bottom: 18px!important; } .indBanner .swiper-pagination-bullet {width: 22px; margin: 0 6px!important; } .ind-title em {font-size: 22px; padding: 25px 0 7px; } .ind-title span {font-size: 16px; padding-bottom: 20px; } .m-gray{background: #ececec;width: 100%;height: 15px;} .ind-part1 .wal-1440{width:100%;} .ind-part1 .swiper-container{padding-bottom: 40px; background: url(../images/m5.jpg)no-repeat 100% bottom; background-size: 100% 184px; } .ind-part1 .swiper-slide{position: relative; } .ind-part1 .swiper-pagination {bottom: 18px!important; } .ind-part1 .swiper-pagination-bullet {width: 22px; margin: 0 6px!important; height: 4px; background: #fff; opacity: 1; border-radius: 10px; } .ind-part1 .swiper-pagination-bullet-active {background: #e50015!important;border-radius:0px!important; } .ind-part1 .txt {padding: 10px 15px; height: 124px; margin-bottom: 15px; background: #fff; margin:0 3%; } .ind-part1 .img{margin:0 3%;} .ind-part1 .t1 {font-size: 16px; margin-bottom: 8px; } .ind-part1 .t2 {height: auto; } .ind-part1 .color{width: 66px;height: 60px;line-height: 60px;font-size: 18px;color: #fff;text-align: center;letter-spacing: 5px;position: absolute;left: 3%;top: 0;} .ind-part1 .c1{background: #f9b42e; } .ind-part1 .c2{background: #43c1a6; } .ind-part1 .c3{background: #2ca4e9; } .ind-part1 .c4{background: #9932CD; } .ind-part2 {padding-bottom: 20px; } .ind-part2 .oo{width: 100%;} .ind-part2 .oo img{width: 100%;} .ind-part2 .swiper-slide{position: relative;} .ind-part2 .name{position: absolute;top: 53px;width: 100%;font-size: 16px;text-align: center;color: #fff;} .ind-part2 .t1{position: absolute;top: 90px;width: 100%;font-size: 14px;letter-spacing: 7px;text-align: center;color: #fff;} .ind-part2 .t2{position: absolute;top: 115px;width: 100%;font-size: 14px;letter-spacing: 7px;text-align: center;color: #fff;} .ind-part2 .swiper-pagination {bottom: 18px!important; } .ind-part2 .swiper-pagination-bullet {width: 22px; margin: 0 6px!important; height: 4px; background: #fff; opacity: 1; border-radius: 10px; } .ind-part2 .swiper-pagination-bullet-active {background: #e50015!important;border-radius:0px!important; } .ind-part3 {margin:20px 0; } .ind-part3 .left {width: 100%; } .ind-part3 .ind-title {text-align: center; } .ind-part3 .ind-title em {display: block; } .ind-part3 .ind-title span {display: block; } .ind-part3 .right {width: 100%; } .ind-part3 .logoBanner {height: 142px; } .ind-part3 .logoBanner .swiper-container {height: 142px!important; padding-top: 2px; } .ind-part3 .logoBanner .swiper-slide {height: 65px!important; } .ind-part3 .logoBanner ul li {width: 32%; float: left; margin-right: 2%; } .ind-part3 .logoBanner ul li img{width: 100%;} .ind-part4 {margin-bottom: 30px; } .ind-banner1 {width: 100%; } .ind-banner1 .swiper-container {margin: 0 3%; width: 94%; } .ind-banner1 .o{width: 100%;padding-bottom: 20px;margin-bottom: 10px;} .ind-banner1 .swiper-button-next {} .ind-banner1 .swiper-button-prev{background-size: 36%;margin-left: 0;left: 0; width: 40px; } .ind-banner1 .swiper-button-next{background-size: 36%; width: 40px;margin-left: 0;right: 0;} .ind-banner1 .swiper-button-prev:hover{background-image:url("../images/b7_1on.png");background-size: 36%; } .ind-banner1 .swiper-button-next:hover{background-image:url("../images/b7_2on.png");background-size: 36%; } .ind-banner1 .o .name {font-size: 14px; margin: 10px 15px 7px; } .ind-banner1 .o .txt {margin: 0 15px; } .ind-banner1 .o .more {margin-top: 3px; letter-spacing: 4px; margin-left: 15px; } .ind-banner1 .swiper-pagination {bottom: 18px!important; position: static; } .ind-banner1 .swiper-pagination-bullet {width: 22px; margin: 0 6px!important; height: 4px; background: #fff; opacity: 1; border-radius: 10px; } .ind-banner1 .swiper-pagination-bullet-active {background: #e50015!important;border-radius:0px!important; } .ind-part5 {margin-bottom: 30px; } .ind-part5 .o1 img {width: 100%; } .ind-part5 .o1 {margin-bottom: 10px; } .ind-part5 .o1 img {width: 100%; } .ind-part5 .o1 .t1 {top: 36px; font-size: 18px; letter-spacing: 12px; } .ind-part5 .o1 .t2 {top: 64px; font-size: 14px; } .ind-part5 .o1 .t3 {top: 90px; width: 90%; left: 5%; margin-left: 0; } .ind-part5 .o2 img {width: 100%; } .ind-part5 .o2 .ico {top: 52px; width: 60px; margin-left: -30px; } .ind-part5 .o2 .t1 {top: 150px; font-size: 18px; letter-spacing: 7px; } .ind-part5 .o2 .t2 {top: 185px; font-size: 14px; letter-spacing: 7px; } .ind-part6 {padding: 30px 0 40px; } .ind-banner2 .swiper-container {margin: 0 10%; } .ind-banner2 .swiper-button-prev {background-size: 45%; width: 8%; height: 100%; left: 0; } .ind-banner2 .swiper-button-next {background-size: 45%; width: 8%; height: 100%; right: 0; } .ind-banner2 .swiper-button-prev:hover{background-image:url("../images/b7_1on.png");background-size: 45%; } .ind-banner2 .swiper-button-next:hover{background-image:url("../images/b7_2on.png");background-size: 45%; } .bottom .top {height: auto; } .bottom .txt{margin-top: 2.625rem;width: 50%;text-align: right;} .bottom .txt span{font-size: 2.25rem;letter-spacing: 0.5rem;display: block;} .bottom .txt span i{color: #d0050f;letter-spacing: normal;padding-right: 10px;} .bottom .txt b{display: block;width: 30px;height: 1px;margin: 2.0rem 0 1.625rem;float: right;} .bottom .txt p{padding-bottom: 2px;font-size:1.25rem;background: url(../images/b12.png) no-repeat 40%;letter-spacing: 0rem;border-left: 0px;clear: right;height: 30px;line-height: 30px;} .bottom .txt p.p1{padding-bottom:0;} .bottom .ewm {margin: 53px 0 0 0;float: left;width: 30%;} .bottom .ewm img{width: 100%;} .bottom .ewm p{display: none; font-size: 1.25rem; width: 7.9375rem ;margin-top:1.875rem; line-height: 2.375rem; margin-right: 0.9375rem; } .bottom .icos {padding: 3.125rem 0 2.9375rem; margin-top: 0; clear: both; } .bottom .icos ul{display: table;margin:0 auto;} .bottom .icos li {float: left;margin: 0 20px;} .bottom .bot{height: auto;} .bottom .bot .links{overflow: hidden;line-height: 6.0rem;margin-right: 0;margin: 0 auto;display: table;float: none;} .bottom .bot .links a{float: left;font-size: 12px;} .bottom .bot .links i{float: left;width: 1px;height: 1.125rem;background: #999;display: inline-block;margin: 2.5rem 9px 0;} .bottom .bot .inp{width: 50%;margin-left: 25%;height: 3.0rem;position: relative;margin-top: 0;margin-bottom: 20px;} .bottom .bot .inp span{display: block; line-height: 3.0rem; padding: 0 3.125rem 0 1.125rem;font-size: 1.25rem; } .bottom .bot .frd-select{display: none; position: absolute; bottom: 3.0rem; width: 100%; background: #dedede; } .bottom .bot .frd-select li{line-height: 25px; } .bottom .bot .frd-select li a{padding: 0 1.125rem 0 1.125rem; line-height: 2.5rem;font-size: 1.25rem; display: block; } .bottom .bot .frd-select li a:hover{background: #fff; } .bottom .bot .p{width: 100%; line-height: 3.9375rem;font-size: 1.25rem;text-align: center;border-top:1px solid #dedede;} .bottom .bot .p a{display: none; } .introduction{padding: 20px 0 60px;} .introduction b {font-size: 16px; } .introduction b em {font-size: 12px; display: block; margin-bottom: 8px; } .introduction .txtBox {margin-bottom: 20px; } .introduction .left {width: 150px; height: 102px; background-size: 150px; } .introduction .left i {font-size: 16px; margin-top: 27px; margin-left: 24px; } .introduction .left span {font-size: 20px; margin-top: 0px; margin-left: 23px; } .introduction .table {width: 100%; height: auto; margin-top: 15px; padding-bottom: 13px; } .introduction .table li {width: 48%; text-align: center; } .introduction .table .num {font-size: 23px; margin: 14px 0 1px; } .introduction .table .txt {padding: 0 10px; font-size: 12px; line-height: 21px; height: 42px; } .introduction .table .line {display: none; } .introduction .table li:nth-child(3) {width: 50%; } .introduction .table li:nth-child(4) {width: 50%; } .introduction .imgBox {margin: 20px 0 0; padding-bottom: 40px; } .introduction .imgBox img{width: 100%;} .honor{padding:20px 0 0px;} .honor .list li{width: 48.5%; margin-right: 3%; margin-bottom: 15px; } .honor .list li:nth-child(2n){margin-right: 0!important;} .honor .list li:nth-child(4n){margin-right: 3%;} .honor .list li .img img{width: 100%;} .honor .list li .name{font-size: 14px;margin:0 10px;height: 40px;line-height: 40px;} .cooperation{padding:20px 0 0px; } .cooperation .list li{width: 42.5%;margin-right: 3%;margin-bottom: 15px;padding: 10px 3% 6px;} .cooperation .list li:nth-child(2n){margin-right: 0!important;} .cooperation .list li:nth-child(4n){margin-right: 3%;} .cooperation .list li .img img{width: 100%;} .cooperation .list li .name{font-size: 14px;margin:0 10px;height:50px;line-height:50px;text-align: center;} .product {padding: 20px 0 40px; } .product .list li {float: left; text-align: center; margin-right: 0; position: relative; margin-bottom: 10px; width:100%;} .product .list1 li {width: 100%; } .product .list1 li.li1 {width: 100%; } .product .list li .name {font-size: 18px; width: 100%; } .product .list1 li .name {top: 27%; } .product .list li .t1 {letter-spacing: 10px; } .product .list1 li .t1 {top: 49%; } .product .list li .t2 {letter-spacing: 8px; } .product .list1 li .t2 {top: 64%; } .productDetail {padding: 20px 0 40px; } .productDetail .rgBox {width: 100%; border-top: 5px solid #dadada; } .productDetail .rgBox h2 {font-size: 17px; margin: 20px 0 25px; } .productDetail .banner{margin-bottom: 20px;} .productDetail .agentlist{padding: 0px 0px 0;height: auto;} .productDetail .agentlist .slick-slide{margin: 0 3px;} .productDetail .slick-slide .ico{ border:#f2f4f6 solid 2px;cursor: pointer;} .productDetail .slick-slide .name{ padding-top:15px; font-size:14px; } .productDetail .slider-for .box{position:relative;padding-bottom: 14px;} .productDetail .slider-for .imgDiv{text-align:center;width: 100%;margin:0 auto;} .productDetail .cont {margin: 0 0px; } .productDetail .tlt {font-size: 16px; height: 45px; line-height: 45px; margin-bottom: 10px; } .productDetail .cont img {margin: 20px auto; width: 100%; } .productDetail .contLinks {height: auto; line-height: 25px; margin-top: 40px; overflow: hidden; padding: 15px; } .productDetail .contLinks a {height: 100%; padding: 0 10px; } .clearBox {padding: 20px 0 0px; } .clearBox .rgBox .list{width: 100%; } .clearBox .list li{width: 48.5%; margin-right: 3%; margin-bottom: 15px; } .clearBox .list li .cont{background: #f1f1f1;padding: 2px 10px 10px;} .clearBox .list li .name{font-size: 14px; height: 40px; line-height: 40px; } .clearBox .list li .txt{height: 30px;line-height: 30px;color: #999;font-size: 12px;background:none; } .clearBox .list li:hover .txt{background:none;} .research {padding:20px 0 40px 0; } .research .box1 .img {width: 100%; position: static; } .research .box1 .txt {padding: 20px 5% 30px; width: 90%; } .research .box1 .t1 {font-size: 20px; } .research .box1 .t2 {font-size: 14px; margin: 15px 0 23px; } .research .box1 .txt img {margin-top: 23px; width: 7%; } .research .box2 .img {width: 100%; margin-top: 20px; } .research .box2 .txt {width: 100%; padding: 0; margin-top: 0; } .research .box2 .t1 {height: 60px; line-height: 60px; font-size: 14px; } .research .box2 .t1 i {font-size: 22px; } .equipment{padding: 20px 0 0 ; } .equipment .list li{width: 42.5%; margin-right:3%; margin-bottom:15px; padding: 10px 3% 0;} .equipment .list li:nth-child(2n){margin-right: 0!important;} .equipment .list li:nth-child(3n){margin-right: 3%;} .equipment .list li .img img{width: 100%;} .equipment .list li .name{font-size: 14px;height:40px;line-height:40px;} .rightBoxx{padding: 20px 0 0 ; } .rightBoxx .list li{ width: 48.5%; margin-right:3%; margin-bottom:15px; } .rightBoxx .list li:nth-child(2n){margin-right: 0!important;} .rightBoxx .list li:nth-child(4n){margin-right: 3%;} .rightBoxx .list li .img {padding: 15px 0;} .rightBoxx .list li .img img{width: 84%;height: auto;} .rightBoxx .list li .name{font-size: 14px;height:40px;line-height:40px;} .expert {padding: 20px 0 0px; } .expert .list {margin-bottom: 30px; } .expert .list li {padding: 0px; margin-bottom: 15px; } .expert .list li .img {width: 100%; } .expert .list li .cont {width: 94%; padding: 0 3%; } .expert .list li .name {font-size: 16px; margin-bottom: 15px; margin-top: 20px; } .expert .list li p {height: auto; } .expert .list li .ico {width: 137px; margin-top: 22px; margin-bottom: 20px; } .question{padding: 20px 0 0 ;} .question .list {margin-bottom: 0px; } .question li {width: 48.50%; margin-right: 3%; height: auto; margin-bottom: 15px; } .question li:nth-child(2n){margin-right: 0;} .question li.li01 {background: #f4f4f4; } .question li a.name {font-size: 16px; line-height: 30px; height: auto; margin: 15px 18px 15px; } .question li .txt {line-height: 30px; height: 180px; margin: 0px 18px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .question li a.ico {display: block; margin-left: 22px; padding-top: 18px; padding-bottom: 33px; } .news {padding: 20px 0 0 ;} .news .list1 li {padding: 10px 3% 20px; width: 94%; margin-bottom: 15px; } .news .list1 .img img {width: 100%; height: auto; } .news .list1 .cont {margin: 0; width: 100%; } .news .list1 .name {margin: 16px 0 11px; } .news .list1 .name a {font-size: 16px; } .news .list1 p {margin-bottom: 24px; } .news .list1 .ico {letter-spacing: 5px; } .news .list2 {margin-bottom: 30px; } .news .list2 li {padding: 10px 3% 20px; margin-bottom: 15px; width: 94%; } .news .list2 .img{width: 40%;} .news .list2 .img img {width: 100%; height: auto; } .news .list2 .cont {margin: 0 0 0 3%; width: 57%; } .news .list2 .name {margin: 20px 0 18px; font-size: 16px; } .news .list2 p {display: none; } .newsDetail{padding: 20px 0 40px;} .newsDetail .left {padding: 15px 3% 0; width: 94%; } .newsDetail .left h2 {font-size: 18px; margin-bottom: 7px; line-height: 30px; } .newsDetail .left .time {margin-bottom: 3px; } .newsDetail .left .share {float: left; margin-bottom: 20px; } .newsDetail .left img {width: 100%; } .newsDetail .right {display: none; } .newsDetail .contLinks a {line-height: 24px; padding: 14px 10px; } .tender{padding: 20px 0 0;} .tender .list{margin-bottom: 30px;} .tender .list li{margin-bottom: 20px;} .tender .list li a{font-size: 14px;padding-bottom: 14px;} .tender .list li span{font-size: 14px;} .jobBox{padding: 20px 0 0;} .job {padding-bottom: 0px;} .job .tlt .span02,.job .tlt .span03,.job .tlt .span04,.job .tlt .span05,.job .tlt .span06 {display: none;} .job .tlt span {font-size: 14px; padding-bottom: 17px; } .job .tlt .span01 {width: 100%; text-indent: 15px; } .job .list li .topDiv {height: 45px; padding-right: 30%; } .job .list li .msgDiv .dd01 {text-indent: 15px; } .job .list li .msgDiv dd {height: 45px; line-height: 45px; text-align: center; } .job .list li .msgDiv .dd02,.job .list li .msgDiv .dd03,.job .list li .msgDiv .dd04,.job .list li .msgDiv .dd05,.job .list li .msgDiv .dd06{display: none;} .job .list li .topDiv .more {width: 30%; height: 45px; line-height: 45px; text-align: right; } .job .list li .topDiv .more img{width: 12%;margin-right: 16%;} .job .list li .box {padding: 15px 15px 25px; } .job .list li h2 {font-size: 18px; margin-bottom: 10px; } .job .list li .content {line-height: 30px; } .job .list li .content .tt {margin-top: 15px; margin-bottom: 20px; } .job .list li .content .tt i {font-size: 18px; padding-right: 0px; padding-left: 5%; } .job .list li .btnDiv a {width: 132px; letter-spacing: 6px; } .charm{padding:20px 0 40px;} .charm .box{padding: 20px 5% 20px;} .charm h2{font-size: 20px;margin-bottom: 10px;} .charm p{margin-bottom: 15px;} .contact {padding: 20px 0 40px; } .contact .left {width: 100%; margin-bottom: 30px; } .contact .right {width: 100%; } .contact .o {margin-bottom: 15px;width:100%;margin-right:0; } .contact .o .tlt {font-size: 14px; height: 45px; line-height: 45px; padding-left: 15px; } .contact .o p {padding: 8px 15px; } .privacy {width: 100%; padding: 20px 0 40px; } .privacy h2 {font-size: 20px; padding-bottom: 20px; } .history {padding: 20px 0 40px; } .history p {margin-bottom: 30px; } .alertBox {top: 11%;margin-top: 0;width: 72%;} .alertBox .close {width: 15%; right: inherit; margin-left: 85%; position: relative; } .alertBox .close img{width: 100%;} .product .newList ul li{width:100%;} }