/* * @Author: mikey.zhaopeng * @Date: 2020-01-19 08:59:42 * @Last Modified by: mikey.zhaopeng * @Last Modified time: 2020-05-12 18:03:02 */ @charhet "utf-8"; *{margin:0;padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing:border-box;} html,body{font-size:14px;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x: hidden;min-width: 1280px;line-height: 1;} ul,li{list-style-type:none;} a{text-decoration:none;color:#000;transition: all .5s;cursor: pointer;} a:hover{text-decoration:none;color:#000;} input,textarea,select{-webkit-appearance:none;resize:none;outline:none} a,button,input,textarea,select{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border: 0;} img{max-width:100%;border-style:none;vertical-align: middle;} .clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;} .clear{zoom:1;} .zoom-img{overflow:hidden;} .zoom-img .img{overflow:hidden;} .zoom-img img{transition: all .5s;} .zoom-img:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);} .wd{width: 88.54%;margin: 0 auto;} .wd2{width: 62.5%;margin: 0 auto;} .nav-page{font-size:0;} /* header */ .header{width: 100%;height: 100px;background-image: url(../images/img1.jpg);z-index: 10;} .header .drop-down{display: none;} .head-logo{float: left;line-height: 100px;} .head-nav{float: right;} .head-nav .column{float: left;padding: 0 40px;line-height: 100px;position: relative;} .head-nav .name{display: inline-block;vertical-align: middle;text-align: center;} .head-nav .cn{display: block;font-size: 16px;color: #333333;line-height: 32px;} .head-nav .en{display: block;font-size: 12px;color: #878686;line-height: 1;transform:scale(0.66);-ms-transform:scale(0.66);-webkit-transform:scale(0.66);-o-transform:scale(0.66);-moz-transform:scale(0.66);} .head-nav .drop-down{position: absolute;top: 100px;left: 50%;line-height: 1;white-space: nowrap;background-color: #0658b1;z-index: 2;transform: translate(-50%,0);} .head-nav .box{padding: 16px 50px;position: relative;} .head-nav .box::before{position: absolute;content: "";width: 19px;height: 13px;background-image: url(../images/icon5.png);background-size: cover;top: -10px;left: 50%;transform: translate(-50%,0);} .head-nav .item{display: inline-block;font-size: 14px;color: #ffffff;line-height: 30px;margin-right: 65px;} .head-nav .item:last-child{margin-right: 0;} .head-nav .column.special .drop-down{left: auto;right: 0;transform: translate(0,0);} .head-nav .column.special .box::before{left: auto;right: 10.3%;transform: translate(0,0);} .head-nav .column.on{background-color: #1c6ca7;} .head-nav .column.on .cn{color: #ffffff;} .head-nav .column.on .en{color: #b1b1b1;} .head-search{float: right;line-height: 100px;margin: 0 35px;position: relative;} .head-search .search-icon{display: inline-block;vertical-align: middle;width: 26px;height: 26px;background-image: url(../images/icon1.png);background-size: cover; cursor:pointer;} .head-search .drop-down{position: absolute;top: 110px;right: 0;width: 300px;padding: 5px 15px;background-color: #ffffff;box-shadow: 0 2px 6px rgba(0, 0, 0, .1);z-index: 2;line-height: 1;font-size: 0;border-radius: 5px;} .head-search .text{display: inline-block;vertical-align: top;width: 230px;height: 40px;} .head-search .submit{display: inline-block;width: 40px;height: 40px;background-image: url(../images/icon1.png);background-position: center center;background-repeat: no-repeat;font-size: 0;background-color: #ffffff;} .menu{display: none;float: right;line-height: 50px;} .menu .menu-icon{display: inline-block;vertical-align: middle;font-size: 0;width: .6rem;line-height: 1;} .menu .line{display: inline-block;vertical-align: top;margin: .06rem auto;width: .6rem;height: 2px;background-color: #000000;} .m-head-nav{position: fixed;top: 50px;left: 0;width: 100%;height: calc(100vh - 50px);background-color: #ffffff;z-index: 2;padding: 5% 0;display: none;overflow-y: auto;} .m-head-nav::-webkit-scrollbar{display: none;} .m-head-nav .column{text-align: center;line-height: 1;padding: .1rem;} .m-head-nav .cn{display: block;font-size: .32rem;color: #333333;line-height: .52rem;} .m-head-nav .en{display: block;font-size: .24rem;color: #878686;transform:scale(0.66);-ms-transform:scale(0.66);-webkit-transform:scale(0.66);-o-transform:scale(0.66);-moz-transform:scale(0.66);} .m-head-nav .drop-down{padding-top: .22rem;} .m-head-nav .item{display: block;font-size: .28rem;color: #333333;line-height: .6rem;} /* footer */ .footer{background-color: #020211;} .footer .top-box{padding: 53px 0 24px;} .foot-nav{float: left;} .foot-nav .column{float: left;margin-right: 115px;} .foot-nav .column:last-child{margin-right: 0;} .foot-nav .h1{font-size: 20px;color: #eeeeee;line-height: 22px;margin-bottom: 25px;} .foot-nav .item{display: block;font-size: 14px;color: #888888;line-height: 30px;} .foot-code{float: right;text-align: center;margin-right: 35px;} .foot-code .h2{font-size: 14px;color: #f50707;line-height: 36px;margin-top: 12px;} .footer .bot-box{border-top: 1px solid #333333;padding: 24px 0 15px;} .footer .bot-box .l-box{float: left;} .footer .phone{font-size: 0;} .footer .number{display: inline-block;vertical-align: top;font-size: 14px;color: #cccccc;line-height: 36px;margin-right: 45px;} .footer .number:last-child{margin-right: 0;} .footer .strong{font-size: 24px;} .footer .copyright{font-size: 14px;color: #666666;line-height: 36px;} .footer .copyright a{ color: #666666; } .footer .share{float: right;font-size: 0;margin-right: 35px;} .footer .share .icon{display: inline-block;vertical-align: top;margin: 0 7px;} .footer .share .img_2{display: none;} .footer .share .icon:hover .img_1{display: none;} .footer .share .icon:hover .img_2{display: block;} /* main */ .m-img{display: none;} .overflow{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .overflows{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .site{border-bottom: 1px solid #e8e8e8;} .site .nav-box{float: left;font-size: 0;line-height: 59px;} .site .nav-box .item{display: inline-block;vertical-align: top;font-size: 16px;color: #888888;padding: 0 12px;margin: 0 27px;position: relative;} .site .nav-box .item.on{color: #1f75b3;font-weight: bold;} .site .nav-box .item.on::before{position: absolute;content: "";width: 100%;height: 3px;background-color: #197cc5;left: 0;bottom: -1px;} .site .nav-box .item:hover{color: #f4aa35;} .site .nav-box .item:hover.on::before{background-color: #f4aa35;} .site .r-box{float: right;} .site .r-box .item{line-height: 59px;font-size: 16px;color: #acabab;} .site .r-box .item.on{color: #197cc5;} .nav-page .item{display: inline-block;vertical-align: top;width: 33px;height: 33px;line-height: 31px;border: 1px solid #bfbfbf;background-color: #ffffff;margin-right: 10px;font-size: 16px;color: #888888;text-align: center;} .nav-page .item.special{width: auto;padding: 0 12px;} .nav-page .item.on{color: #ffffff;background-color: #1a69a2;} .up-down{font-size: 0;} .up-down a{display: inline-block;vertical-align: top;width: 50%;font-size: 18px;color: #000000;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .up-down .up{padding-right: 2%;} .up-down .down{padding-left: 2%;} /* index */ .home-main .banner{margin-bottom: 13px;} .home-swiper .swiper-pagination{bottom: 30px;} .home-swiper .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #ffffff;opacity: 1;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);margin: 0 7px;} .home-swiper .swiper-pagination-bullet-active{background-color: #ff0000;} .home-list-box .column{float: left;width: 24.47%;margin-right: .7%;margin-bottom: 13px;position: relative;} .home-list-box .column:nth-child(4n){margin-right: 0;} .home-list-box .suspend{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 40px 30px;} .home-list-box .name{font-size: 24px;color: #ffffff;line-height: 32px;margin-bottom: 5px;font-weight: 700;} .home-list-box .station .name{color: #333333;} .home-list-box .words{font-size: 16px;color: #aaaaaa;line-height: 32px;} .home-list-box .column:nth-child(4n) .words{color: #ffffff;} .news-list{height: 380px;background-size: cover;} .news-list .list-box{width: 67.7%;margin: 0 auto;font-size: 0;padding-top: 70px;} .news-list .column{display: inline-block;vertical-align: top;width: 50%;padding-right: 10%;} .news-list .column:nth-child(2){padding-left: 10%;padding-right: 0;border-left: 1px solid #c4c4c4;} .news-list .time{font-size: 20px;color: #aaaaaa;line-height: 39px;font-weight: bold;margin-bottom: 25px;} .news-list .h1{ font-size: 22px; color: #000000; font-weight: bold; line-height: 32px; margin-bottom: 8px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .news-list .words{font-size: 14px;color: #888888;line-height: 32px;height: 64px;-webkit-line-clamp: 2;} .news-list .more{font-size: 14px;color: #ff0000;line-height: 32px;margin-top: 8px;} .news-list .column:hover .h1{color: #ff0000;} /* about */ .about-main{background-color: #f4f4f4;} .introduce{padding: 40px 0 35px;} .introduce .text-box{padding: 32px 22px 75px;margin-bottom: 20px;background-color: #ffffff;} .introduce .text-box:last-child{margin-bottom: 0;} .introduce .h1{font-size: 22px;color: #000000;font-weight: bold;margin-bottom: 20px;} .introduce .words{font-size: 14px;color: #888888;line-height: 32px;} .policy-rework{font-size: 0;text-align: center;margin-top: 62px;padding-bottom: 10px;} .policy-rework .item{display: inline-block;vertical-align: top;width: 33.33%;} .policy-rework .number{width: 94px;height: 94px;line-height: 94px;font-size: 38px;color: #ffffff;text-align: center;background-color: #1a69a2;border-radius: 50%;margin: 0 auto;margin-bottom: 20px;} .policy-rework .h2{font-size: 18px;color: #000000;line-height: 32px;} .text-box.honour{padding-bottom: 32px;} .honour .h1{margin-bottom: 40px;} .honour .carousel{position: relative;padding: 0 55px;} .honour .btn-icon{width: 28px;height: 28px;position: absolute;top: 50%;margin-top: -14px;transition: all .3ss;} .honour .swiper-button-next{background-image: url(../images/icon17-2.jpg);background-size: cover;right: 10px;} .honour .swiper-button-prev{background-image: url(../images/icon17.jpg);background-size: cover;left: 10px;} .honour .swiper-button-next:hover{background-image: url(../images/icon18.jpg);} .honour .swiper-button-prev:hover{background-image: url(../images/icon18-2.jpg);} .honour-swiper .swiper-slide{text-align: center;} .honour-swiper .img{border: 1px solid #e8e8e8;height: 253px;line-height: 253px;margin-bottom: 20px;} .honour-swiper .name{font-size: 18px;color: #000000;} .history{padding-bottom: 0 !important;} .history .h1{margin-bottom: 50px;} .history-list{padding-left: 45px;height: 468px;overflow-x: auto;} .history-list::-webkit-scrollbar{display: none;} .history-list .list{font-size: 0;position: relative;padding-bottom: 50px;} .history-list .icon{display: inline-block;vertical-align: top;width: 28px;height: 28px;background-image: url(../images/icon10.jpg);background-size: cover;} .history-list .icon::before{position: absolute;top: 28px;left: 14px;bottom: 0;width: 1px;background-color: #e7eaec;content: "";} .history-list .words{display: inline-block;vertical-align: top;font-size: 18px;line-height: 28px;color: #333333;width: calc(100% - 28px);padding-left: 15px;} /* 人才招聘 */ .recruit-main{background-color: #f4f4f4;} .recruit{padding: 40px 0 65px;} .recruit-list .list{float: left;width: 48.33%;margin-right: 1.67%;margin-bottom: 35px;background-color: #ffffff;padding: 25px 23px;} .recruit-list .list:nth-child(2n){margin-right: 0;} .recruit-list .h1{padding-bottom: 19px;border-bottom: 1px solid #dcdcdc;line-height: 1;margin-bottom: 12px;} .recruit-list .name{float: left;font-size: 20px;color: #000000;font-weight: bold;} .recruit-list .date{float: right;font-size: 16px;color: #888888;line-height: 20px;} .recruit-list .words{font-size: 16px;color: #888888;line-height: 32px;-webkit-line-clamp: 5;} .recruit-list .more{display: inline-block;vertical-align: top;width: 102px;line-height: 34px;font-size: 16px;color: #ffffff;text-align: center;background-color: #197cc5;border-radius: 17px;margin-top: 15px;} .recruit-popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 12;background-color: rgba(0, 0, 0, .7);display: none;} .recruit-popup .suspend{width: 790px;height: 77vh;margin: 0 auto;position: relative;background-color: #ffffff;padding: 40px 25px 55px;top: 50%;transform: translate(0,-50%);} .recruit-popup .h1{font-size: 20px;color: #ffffff;font-weight: bold;padding: 0 23px;background-color: #c10505;line-height: 54px;margin-bottom: 34px;} .recruit-popup .inform{font-size: 16px;color: #000000;line-height: 1;margin-bottom: 30px;} .recruit-popup .require{color: #888888;margin-right: 50px;display: inline-block;} .recruit-popup .text-box{font-size: 16px;color: #888888;line-height: 32px;height: calc(77vh - 366px);overflow-y: auto;} .recruit-popup .text-box::-webkit-scrollbar{display: none;} .recruit-popup .indicia{font-size: 16px;color: #c10505;line-height: 32px;margin-top: 30px;margin-bottom: 35px;} .recruit-popup .btn-apply{display: inline-block;vertical-align: top;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #ffffff;background-color: #c10505;border-radius: 20px;} .recruit-popup .close{position: absolute;top: -7%;right: -7%;cursor: pointer;} /* 联系我们 */ .contact-main{background-color: #f4f4f4;} .contact{padding: 40px 0;} .contact .top-box{padding: 23px 21px;background-color: #ffffff;margin-bottom: 25px;} .contact .address{font-size: 0;margin-top: 30px;} .contact .address .column{margin-bottom: 30px;} .contact .address .column:last-child{margin-bottom: 0;} .contact .address .icon{display: inline-block;vertical-align: top;width: 87px;height: 87px;} .contact .address .words{display: inline-block;vertical-align: top;width: calc(100% - 87px);font-size: 18px;color: #888888;line-height: 30px;padding-left: 38px;margin-top: 30px;} .phone-list{font-size: 0;display: inline-block;vertical-align: top;width: calc(100% - 87px);padding-left: 38px;margin-top: 30px;} .phone-list .list{display: inline-block;vertical-align: top;width: 33.33%;font-size: 18px;color: #000000;line-height: 36px;} .phone-list .sp_1{color: #888888;} .contact .message{padding: 70px 80px 65px;background-color: #ffffff;} .message .title{margin-bottom: 50px;text-align: center;line-height: 1;} .message .h1{font-size: 30px;color: #000000;font-weight: bold;margin-bottom: 25px;} .message .icon{display: inline-block;vertical-align: top;width: 53px;height: 3px;background-color: #323232;} .message .form{font-size: 0;} .message .text-box{display: inline-block;vertical-align: top;width: 48.55%;margin-right: 2.9%;margin-bottom: 30px;padding: 0 20px;background-color: #f5f5f5;} .message .text-box:nth-child(2n){margin-right: 0;} .message .name{display: inline-block;vertical-align: top;width: 40px;line-height: 60px;font-size: 16px;color: #a9a5a5;} .message .text{display: inline-block;vertical-align: top;width: calc(100% - 40px);line-height: 60px;font-size: 16px;background-color: #f5f5f5;} .message .area-box{width: 100%;margin-right: 0;} .message .area-box .name{width: 80px;} .message .area-box .text{width: calc(100% - 80px);} .message .btn-box{text-align: center;margin-top: 25px;} .message .btn-success{display: inline-block;vertical-align: top;width: 136px;height: 40px;font-size: 18px;color: #f5f5f5;text-align: center;background-color: #197cc5;} /* 公司荣誉 */ .honour .h1{font-size: 22px;color: #000000;font-weight: bold;margin-bottom: 20px;} .honour{padding: 30px 0;} .honour .column{text-align: center;float: left;width: 24%;margin-right: 1%;margin-bottom: 30px;} .honour .column:last-child(4n){margin-right: 0;} .honour-list .img{border: 1px solid #e8e8e8;height: 253px;line-height: 253px;margin-bottom: 20px; cursor:pointer} .honour-list .name{font-size: 18px;color: #000000;height: 36px;} .img-popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 99;display: none;} .img-popup .img-box{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 300px;text-align: center;} .img-popup .name{font-size: 18px;color: #333333;margin: 30px 0 0;} .img-popup .close{width: 36px;height: 36px;border: 1px solid #FFFFFF;font-size: 30px;color: #FFFFFF;line-height: 28px;border-radius: 50%;position: absolute;top: -15%;right: -15%;cursor: pointer;} /* news */ .news{padding: 40px 0 50px;background-color: #f4f4f4;} .news-list2 .list{background-color: #ffffff;padding: 35px 22px;margin-bottom: 15px;} .news-list2 .h1{line-height: 22px;margin-bottom: 20px;} .news-list2 .name{ float: left; font-size: 22px; color: #000000; font-weight: bold; width: calc(100% - 120px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 10px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .news-list2 .list:hover .name{color: #f4aa35;}.news-list2 .date{float: right;font-size: 20px;color: #aaaaaa;font-weight: bold;width: 120px;} .news-list2 .words{font-size: 14px;color: #888888;line-height: 32px;height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news-list2 .more-box{text-align: right;margin-top: 30px;} .news-list2 .more{ font-size: 14px; color: #ffffff; padding: 5px 10px; background-color: #1f75b3; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .news-list2 .list:hover .more{background-color: #f4aa35;} .news .nav-page{margin-top: 45px;} /* news 详情 */ .news-main{background-color: #f4f4f4;} .news-details{padding: 40px 0;} .news-details .text-box{background-color: #ffffff;padding: 45px 20px 100px;} .news-details .title{text-align: center;line-height: 30px;padding-bottom: 12px;border-bottom: 1px solid #e6e6e6;margin-bottom: 40px;} .news-details .h1{font-size: 24px;color: #000000;font-weight: bold;margin-bottom: 30px;} .news-details .inform{text-align: right;font-size: 14px;color: #a1a1a1;} .news-details .sp_1{display: inline-block;vertical-align: top;margin-left: 35px;} .news-details .words{font-size: 14px;color: #888888;line-height: 32px;padding: 0 30px;} .news-details .up-down{margin-top: 45px;border-top: 1px solid #e6e6e6;padding: 0 15px;padding-top: 65px;} /* 产品 */ .products{margin-top: 35px;} .prod-nav{float: left;width: 20.83%;background-color: #ffffff;} .prod-nav .h1{font-size: 18px;color: #ffffff;font-weight: bold;height: 50px;line-height: 50px;background-color: #1f75b3;padding: 0 25px;} .prod-nav .nav-wrap{padding: 16px 0;} .prod-nav .item{font-size: 16px;color: #333333;line-height: 32px;padding: 0 20px;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .prod-nav .item:hover{color: #1f75b3;} .prod-nav .column:hover{background-color: #efefef;background-image: url(/images/icon17.png);background-repeat: no-repeat;background-position: 92% center;} .prod-nav .column.on .item{color: #1f75b3;} .prod-nav .column.on{background-color: #efefef;background-image: url(/images/icon17.png);background-repeat: no-repeat;background-position: 92% center;} .prod-rbox{float: right;width: 77.91%;} .prod-list .list{padding: 20px 3%;margin-bottom: 8px;background-color: #ffffff;} .prod-list .img-box{float: left;width: 35.82%;text-align: center;border-right: 1px dashed #e8e7e7;} .prod-list .img-box img{ width:70%; } .prod-list .text-box{float: right;width: 64.18%;padding-left: 5%;} .prod-list .h1{ font-size: 20px; color: #000000; font-weight: bold; line-height: 32px; margin-bottom: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .prod-list .list:hover .h1{color: #1f75b3;}.prod-list .words{font-size: 16px;line-height: 32px;color: #888888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .prod-list .list:hover .more{background-color: #f4aa35;} .prod-list .more-box{text-align: right;margin-top: 8%;} .prod-list .more{ display: inline-block; width: 80px; height: 32px; line-height: 32px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; background-color: #1f75b3; font-size: 16px; color: #ffffff; text-align: center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .prod-rbox .nav-page{text-align: center;margin: 45px auto;} /* 产品详情 */ .products-main{background-color: #f4f4f4;} .product-details{padding: 40px 0 50px;} .product-details .h1{font-size: 20px;color: #197cc5;font-weight: bold;} .parameter{background-color: #ffffff;font-size: 0;padding: 30px 25px;margin-bottom: 20px;} .parameter .img-box{display: inline-block;vertical-align: top; text-align:center;width: 50%;} .parameter .text-box{display: inline-block;vertical-align: top;width: 50%;padding: 50px 20px 50px 50px;} .parameter .h1{font-size: 24px;color: #197cc5;font-weight: bold;margin-bottom: 25px;} .parameter .words{font-size: 16px;color: #888888;line-height: 32px;} .parameter .share{font-size: 16px;color: #197cc5;line-height: 32px;margin-top: 45px;padding-top: 35px;border-top: 1px solid #f1f1f1;} .parameter .item{display: inline-block;vertical-align: middle;margin: 0 9px;font-size: 0;} .specs{background-color: #ffffff;padding: 35px 25px 50px;margin-bottom: 35px;} .specs .h1{padding-bottom: 30px;border-bottom: 1px solid #ececec;margin-bottom: 45px;} .specs .table{border: 1px solid #eeeeee;} .specs td{padding: 14px 24px;font-size: 16px;color: #818181;line-height: 32px;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;} .specs td:nth-child(odd){color: #333333;background-color: #f8f8f8;white-space: nowrap;} .specs td:last-child{border-right: 0;} .specs tr:last-child td{border-bottom: 0;} .rele-prod .h1{font-size: 20px;color: #197cc5;font-weight: bold;margin-bottom: 30px;} .rele-prod .list-box{font-size: 0;} .rele-prod .list{display: inline-block;vertical-align: top;width: 30.41%;margin-right: 4.385%;background-color: #ffffff; margin-bottom:20px;} .rele-prod .list:nth-child(3n){margin-right: 0;} .rele-prod .name{ font-size: 16px; color: #666666; font-weight: bold; padding: 30px 0; text-align: center; border-top: 1px solid #f1f1f1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .rele-prod .list:hover .name{color: #ff0000;} /* 解决方案 */ .solution-main{background-color: #f4f4f4;} .solution{padding: 40px 0 70px;} .solution-list .list{background-color: #ffffff;padding: 25px;margin-bottom: 25px;} .solution-list .img-box{float: left;width: 39%;} .solution-list .text-box{float: left;width: 61%;padding-left: 35px;} .solution-list .h1{font-size: 24px;color: #333333;font-weight: bold;line-height: 32px;margin-bottom: 25px;} .solution-list .words{font-size: 16px;color: #888888;line-height: 32px;height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .solution-list .more-box{margin-top: 30px;} .solution-list .more{ display: inline-block; vertical-align: top; width: 116px; height: 37px; line-height: 37px; font-size: 16px; color: #ffffff; background-color: #1f76b4; text-align: center; border-radius: 19px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .solution .nav-page{margin-top: 50px;} .solution-list .list:hover .more{background-color: #f4aa35;} /* 解决方案详情 */ .solution-details{padding: 40px 0 30px;} .solution-details .text-box{background-color: #ffffff;padding: 55px 50px 20px;margin-bottom: 30px;} .solution-details .title{font-size: 24px;color: #333333;font-weight: bold;padding-bottom: 55px;border-bottom: 1px solid #e3e3e3;margin-bottom: 40px;text-align: center;} .solution-details .words{font-size: 16px;color: #888888;line-height: 32px;} /* 售后政策 */ .support-main{background-color: #f4f4f4;} .after-sale{padding: 40px 0 35px;} .after-sale .box{background-color: #ffffff;padding: 40px 23px 0;} .after-sale .title{font-size: 24px;color: #000000;font-weight: bold;text-align: center;padding-bottom: 50px;border-bottom: 1px solid #ededed;margin-bottom: 42px;} .after-sale .words{font-size: 16px;color: #888888;line-height: 30px;padding: 0 15px;} .after-sale .policy-rework{margin-top: 0;} .after-sale .column{padding: 60px 0 75px;border-bottom: 1px solid #ededed;} .after-sale .policy-rework .h1{font-size: 20px;color: #000000;font-weight: bold;margin-bottom: 65px;} .after-sale .policy-rework .number{font-size: 60px;color: #000000;background-color: #f8f8f8;border: 1px solid #aaaaaa;width: 98px;height: 98px;line-height: 90px;font-weight: bold;} .after-sale .policy-rework .h2{font-size: 20px;color: #333333;} .after-sale .sp_1{display: inline-block;vertical-align: top;font-size: 20px;color: #000000;font-weight: bold;margin: 0 40px;} .after-sale .column:nth-child(2) .h1{margin-bottom: 100px;} .after-sale .column:last-child{padding-bottom: 0;border-bottom: 0;} /* FAQ专区 */ .faq{padding: 40px 0;} .faq-list .list{margin-bottom: 15px;} .faq-list .ask{font-size: 0;background-color: #ffffff;margin-bottom: 1px;} .faq-list .icon{display: inline-block;vertical-align: top;width: 70px;height: 70px;font-size: 28px;color: #ffffff;font-weight: bold;background-color: #1a69a2;line-height: 70px;text-align: center;} .faq-list .ask .h1{display: inline-block;vertical-align: top;width: calc(100% - 110px); cursor:pointer;font-size: 20px;color: #000000;font-weight: bold;line-height: 70px;padding: 0 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .faq-list .ask .btn-switch{display: inline-block;vertical-align: top;font-size: 30px;color: #1a69a2;width: 40px;line-height: 70px;} .faq-list .sign{font-style: normal;text-align: center;display: block;} .faq-list .subtract{display: none;} .faq-list .ask.on .subtract{display: block;} .faq-list .ask.on .plus{display: none;} .faq-list .answer{font-size: 0;display: none;} .faq-list .answer .icon{background-color: #f7a618;} .faq-list .answer .words{display: inline-block;vertical-align: top;width: calc(100% - 70px);font-size: 16px;color: #888888;line-height: 30px;padding: 10px 30px;background-color: #ffffff;min-height: 150px;} .faq .nav-page{margin-top: 40px;} /* 资料下载 */ .download-main{background-color: #f4f4f4;} .download{padding: 40px 0 55px;} .download-list .list{background-color: #ffffff;padding-left: 70px;line-height: 70px;margin-bottom: 10px;background-image: url(../images/icon7.jpg);background-position: 20px center;background-repeat: no-repeat;} .download-list .item{display: block;font-size: 20px;color: #000000;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-right: 75px;background-image: url(../images/icon8.jpg);background-position: 98% center;background-repeat: no-repeat;} .download .nav-page{margin-top: 45px;} /* 媒体查询 */ @media only screen and (max-width:1700px){ /* 解决方案 */ .solution-list .h1{margin-bottom: 10px;} .solution-list .more-box{margin-top: 10px;} } @media only screen and (max-width:1440px){ /* header */ .head-nav .column{padding: 0 30px;} .head-search{margin-right: 0;} /* footer */ .foot-nav .column{margin-right: 80px;} .foot-code{margin-right: 0;} .footer .share{margin-right: 0;} /* main */ .wd{width: 90%;} .wd2{width: 90%;} /* index */ .home-list-box .suspend{padding: 25px;} .home-list-box .name{font-size: 16px;} .home-list-box .words{font-size: 14px;line-height: 24px;} .news-list{height:330px;} .news-list .list-box{width: 90%;} .news-list .time{font-size: 16px;line-height: 26px;} .news-list .h1{font-size: 18px;line-height: 28px;} .news-list .words{font-size: 14px;line-height: 24px;height: 48px;} .news-list .more{line-height: 24px;} /* about */ .introduce .h1{font-size: 18px;} .introduce .words{line-height: 24px;} .policy-rework .number{font-size: 30px;} .policy-rework .h2{font-size: 14px;line-height: 24px;} .honour-list .list{font-size: 14px;line-height: 24px;background-size: auto 24px;} .history-list .words{font-size: 14px;} .history-list .icon{width: 24px;height: 24px;} .history-list .icon::before{top: 24px;left: 12px;} /* 人才招聘 */ .recruit-list .name{font-size: 16px;} .recruit-list .date{font-size: 14px;} .recruit-list .words{font-size: 14px;line-height: 24px;} .recruit-list .more{font-size: 14px;} /* 解决方案 */ .solution-list .h1{font-size: 18px;margin-bottom: 20px;} .solution-list .words{font-size: 14px;line-height: 24px;} .solution-list .more-box{margin-top: 20px;} } @media only screen and (max-width:767px){ /* header */ .header{position: fixed;top: 0;left: 0;width: 100%;height: 50px;z-index: 10;} .head-logo{width: 180px;line-height: 50px;font-size: 0;} .head-nav{display: none;} .head-search{display: none;} .menu{display: block;} /* footer */ .footer .top-box{padding: 30px 0 0;} .foot-code{display: none;} .foot-nav .column{width: 33.33%;margin-right: 0;margin-bottom: 20px;} .foot-nav .h1{font-size: 14px;line-height: 1;margin-bottom: 5px;} .foot-nav .item{font-size: 12px;line-height: 22px;} .footer .bot-box{padding: 15px 0;} .footer .number{width: 50%;margin-right: 0;font-size: 10px;line-height: 22px;} .footer .strong{font-size: 12px;} .footer .copyright{font-size: 12px;line-height: 22px;} .footer .share{display: none;} /* main */ .wd{width: 94%;} .wd2{width: 94%;} .main-page{margin-top: 50px;} html,body{min-width: 100%;} .p-img{display: none;} .m-img{display: block;} .site .nav-box{line-height: 40px;width: calc(100% - 105px);white-space: nowrap;overflow-x: auto;} .site .nav-box::-webkit-scrollbar{display: none;} .site .nav-box .item{padding: 0 5px;margin: 0 auto;margin-right: 10px;font-size: 14px;} .site .nav-box .item:last-child{margin-right: 0;} .site .r-box{width: 105px;} .site .r-box .item{font-size: 14px;line-height: 40px;} .nav-page .item{width: 25px;height: 25px;line-height: 23px;font-size: 14px;} .up-down a{display: block;width: 100%;} /* index */ .home-swiper .swiper-pagination{bottom: 3%;} .home-swiper .swiper-pagination-bullet{width: 12px;height: 12px;} .home-list-box .column{width: 100%;} .news-list{height: auto;} .news-list .list-box{padding: 30px 0;} .news-list .column{width: 100%;padding: 0 !important;margin-bottom: 20px;margin-bottom: 0;border: 0 !important;} .news-list .h1{font-size: 16px;} .news-list .time{font-size: 14px;margin-bottom: 10px;} /* about */ .introduce{padding: 30px 0;} .introduce .text-box{padding: 30px 13px;} .introduce .h1{margin-bottom: 10px;} .policy-rework{margin-top: 20px;} .policy-rework .number{width: 60px;height: 60px;line-height: 60px;} .policy-rework .number{font-size: 20px;margin-bottom: 10px;} .honour-list .list{width: 100%;white-space: normal;margin-bottom: 10px;background-position: left top;} .history-list{padding: 0;} .history-list .list{padding-bottom: 20px;} /* 人才招聘 */ .recruit{padding: 30px 0;} .recruit-list .list{width: 100%;margin-right: 0;margin-bottom: 20px;padding: 20px 13px;} .recruit-list .h1{padding-bottom: 10px;} .recruit-list .more{width: 90px;line-height: 30px;height: 30px;border-radius: 18px;} .recruit .nav-page{margin-top: 10px;} .recruit-popup .suspend{width: 90%;height: 70vh;margin: 0 auto;padding: 20px 13px;} .recruit-popup .h1{font-size: 16px;line-height: 35px;padding: 0 10px;margin-bottom: 15px;} .recruit-popup .inform{font-size: 14px;margin-bottom: 10px;} .recruit-popup .require{margin-right: 10px;} .recruit-popup .text-box{font-size: 14px;line-height: 24px;height: calc(70vh - 222px);} .recruit-popup .indicia{font-size: 14px;line-height: 24px;margin: 15px 0;} .recruit-popup .btn-apply{width: 90px;line-height: 30px;height: 30px;font-size: 14px;border-radius: 15px;} .recruit-popup .close{width: 30px;height: 30px;top: -8%;right: 0;} /* 联系我们 */ .contact{padding: 30px 0;} .contact .top-box{padding: 20px 13px;} .contact .address .icon{width: 40px;height: 40px;} .contact .address .words{width: calc(100% - 40px);padding-left: 10px;margin-top: 5px;font-size: 14px;line-height: 24px;} .phone-list{width: calc(100% - 40px);padding-left: 10px;margin-top: 5px;} .phone-list .list{width: 100%;margin-right: 0;font-size: 14px;line-height: 24px;} .contact .message{padding: 30px 13px;} .message .title{margin-bottom: 20px;} .message .h1{font-size: 20px;margin-bottom: 15px;} .message .icon{width: 30px;height: 2px;} .message .text-box{width: 100%;padding: 0 10px;margin-right: 0;margin-bottom: 20px;} .message .name{line-height: 40px;font-size: 14px;} .message .text{line-height: 40px;font-size: 14px;} .message .btn-box{margin-top: 0;} .message .btn-success{width: 90px;height: 30px;font-size: 14px;} /* 公司荣誉 */ .honour .column{width: 48%;margin-right: 4%;margin-bottom: 20px;} .honour .column:nth-child(4n){margin-right: 4%;} .honour .column:nth-child(2n){margin-right: 0;} .honour-list .name{font-size: 16px;} .img-popup .img-box{width: 100%;padding: 0 5%;} .img-popup .close{width: 30px;height: 30px;line-height: 24px;font-size: 20px;right: 5%;top: -8%;} /* news */ .news{padding: 30px 0;} .news-list2 .list{padding: 20px 13px;} .news-list2 .h1{margin-bottom: 10px;} .news-list2 .name{font-size: 16px;width: calc(100% - 90px);} .news-list2 .date{font-size: 14px;width: 90px;} .news-list2 .words{line-height: 24px;height: 48px;} .news-list2 .more-box{margin-top: 15px;} .news .nav-page{margin-top: 30px;} /* news详情 */ .news-details{padding: 30px 0;} .news-details .text-box{padding: 30px 13px;} .news-details .title{padding-bottom: 10px;margin-bottom: 20px;} .news-details .h1{font-size: 18px;margin-bottom: 10px;} .news-details .inform{font-size: 14px;} .news-details .sp_1{margin-left: 10px;} .news-details .words{padding: 0;font-size: 14px;line-height: 24px;} .news-details .up-down{margin-top: 20px;padding: 0;padding-top: 20px;} .news-details .up-down a{padding: 0;font-size: 14px;} /* 产品列表 */ .prod-nav{width: 100%;margin-bottom: 35px;} .prod-nav .h1{font-size: 16px;height: 40px;line-height: 40px;padding: 0 10px;} .prod-nav .nav-wrap{padding: 10px 0;} .prod-nav .item{font-size: 14px;line-height: 30px;padding: 0 10px;} .prod-rbox{width: 100%;} .prod-list .h1{font-size: 16px;line-height: 24px;} .prod-list .words{font-size: 14px;line-height: 24px;} .prod-list .more{font-size: 14px;width: 60px;height: 28px;line-height: 28px;} .prod-rbox .nav-page{margin: 30px auto;} /* 产品详情 */ .product-details{padding: 30px 0;} .parameter{padding: 20px 13px;} .parameter .img-box{width: 100%;} .parameter .text-box{width: 100%;padding: 20px 13px;} .parameter .h1{font-size: 18px;margin-bottom: 10px;} .parameter .words{font-size: 14px;line-height: 24px;} .parameter .share{margin-top: 15px;padding-top: 15px;font-size: 14px;line-height: 20px;} .parameter .item{width: 20px;margin: 0 5px;} .product-details .h1{font-size: 18px;} .specs{padding: 20px 13px;margin-bottom: 20px;} .specs .h1{padding-bottom: 15px;margin-bottom: 15px;} .table-box{ font-size:16px; color:#333; line-height:32px; } .specs .table-box{overflow-x: auto;} .specs .table-box::-webkit-scrollbar{display: none;} .specs .table{width: 550px;} .specs td{font-size: 14px;line-height: 24px;padding: 5px;} .rele-prod .h1{margin-bottom: 20px;} .rele-prod .list{width: 100%;margin-right: 0;margin-bottom: 20px;} .rele-prod .list:last-child{margin-bottom: 0;} .rele-prod .name{font-size: 14px;padding: 20px 10px;} /* 解决方案 */ .solution{padding: 30px 0;} .solution-list .list{padding: 20px 13px;margin-bottom: 20px;} .solution-list .img-box{width: 100%;margin-bottom: 20px;} .solution-list .text-box{width: 100%;padding-left: 0;} .solution-list .h1{font-size: 16px;margin-bottom: 10px;line-height: 26px;} .solution-list .more-box{margin-top: 15px;} .solution-list .more{width: 90px;height: 30px;line-height: 30px;font-size: 14px;border-radius: 15px;} .solution .nav-page{margin-top: 30px;} /* 解决方案详情 */ .solution-details{padding: 30px 0;} .solution-details .text-box{padding: 30px 13px;margin-bottom: 20px;} .solution-details .title{font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;} .solution-details .words{font-size: 14px;line-height: 24px;} .rele-prod .h1{font-size: 16px;} /* 售后政策 */ .after-sale{padding: 30px 0;} .after-sale .box{padding: 30px 13px;} .after-sale .title{font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;} .after-sale .words{font-size: 14px;line-height: 24px;} .after-sale .column{padding: 20px 0;} .after-sale .policy-rework .h1{margin-bottom: 20px;font-size: 16px;} .after-sale .policy-rework .number{font-size: 20px;width: 50px;height: 50px;line-height: 50px;} .after-sale .policy-rework .h2{font-size: 14px;} .after-sale .column:nth-child(2) .h1{margin-bottom: 20px;} .after-sale .sp_1{display: block;margin: 0;margin-bottom: 20px;font-size: 16px;} .after-sale .column:last-child .h1{margin-bottom: 0;} .after-sale .sp_1:last-child{margin-bottom: 0;} .policy-rework .item{padding: 0 5px;} /* FAQ专区 */ .faq{padding: 30px 0;} .faq-list .list{margin-bottom: 10px;} .faq-list .icon{width: 50px;height: 50px;line-height: 50px;font-size: 20px;} .faq-list .ask .h1{width: calc(100% - 80px);line-height: 50px;font-size: 14px;padding: 0 10px;} .faq-list .ask .btn-switch{font-size: 18px;line-height: 50px;width: 30px;} .faq-list .answer .words{width: calc(100% - 50px);font-size: 14px;line-height: 24px;} .faq .nav-page{margin-top: 30px;} /* 资料下载 */ .download{padding: 30px 0;} .download-list .list{line-height: 50px;padding-left: 40px;background-size: 20px auto;background-position: 10px center;} .download-list .item{padding-right: 30px;background-size: 23px auto;font-size: 14px;} .download .nav-page{margin-top: 30px;} }