@charset "utf-8"; /* =====================内页样式======================== */ /* 业务 */ .proinfo{width: 100%;overflow: hidden;padding-bottom: 45px;} .proinfo-list{width: 100%;background: #fff;} .proinfo-pic{width: 50%;overflow: hidden;} .proinfo-pic img{width: 100%;object-fit: cover;transition: .6s ease;} .proinfo-pic img:hover{transform: scale(1.06);} .proinfo-words{width: 50%;overflow: hidden;padding: 50px 100px 0;} .proinfo-fonts{max-width: 660px; min-width:400px;} .proinfo-fonts .proinfo-item{ border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px;} .proinfo-fonts h6{font-size: 36px;color: #333;line-height: 48px;font-weight: 600; margin-bottom:50px;} .proinfo-fonts p{font-size: 16px;color: #666;line-height: 32px;} .proinfo-fonts p.title{ position:relative; padding-left:50px; font-size:24px; margin-bottom:20px;} .proinfo-fonts p.title span{ font-size:28px; color:#0090d7; font-weight:600; position:absolute; left:0;} .proinfo-fonts div.p-item{position:relative; padding-left:50px; color:#888; overflow:hidden; display:table;} .proinfo-fonts div.p-item span{ padding-left:20px; } .proinfo-fonts div.p-item span i{ display:block; width:2px; height:20px; background:#0090d7; position:absolute; left:0; top:7px;} .proinfo-fonts div.p-item .p-item-l{ display:table-cell; width:20px; height:100%; position:relative;} .proinfo-fonts div.p-item .p-item-l i{ display:block; width:2px; height:20px; background:#0090d7; position:absolute; left:0; top:7px;} .proinfo-fonts div.p-item .p-item-r{ display:table-cell; width: 90%; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); font-size:17px; } .clear{ clear:both; height:0; line-height:0; font-size:0;} .proinfo-fonts div.p-item a.exta{ position:absolute; right:0; font-size:14px; margin-top:0; height: 32px; line-height: 32px; width:auto;} .proinfo-wp .proinfo-words{float: left;} .proinfo-wp .proinfo-pic{float: right;} .proinfo-wp .proinfo-fonts{float: right;} .proinfo-pw .proinfo-words{float: right;} .proinfo-pw .proinfo-pic{float: left;} .proinfo-pw .proinfo-fonts{float: left;} /* .proinfo-fonts a{display: inline-block;margin-top: 54px;overflow: hidden;width: 190px;height: 56px;background: #0090d7;text-align: center;line-height: 56px;position: relative;border-radius: 30px;font-size: 0;} .proinfo-fonts a span, .proinfo-fonts a i{display: inline-block;vertical-align: middle;z-index: 2;} .proinfo-fonts a span{font-size: 15px;color: #fff;} .proinfo-fonts a i{width: 8px;height: 11px;background: url('../images/gather/proArr.png') no-repeat;margin-left: 18px;} .proinfo-fonts a:after{content: "";position: absolute;width: 0;right: 0;top: 0;height: 100%;background: #fff;opacity: .2;transition: all .4s ease;} .proinfo-fonts a:hover:after{right: auto;left: 0;width: 100%;} */ /* 业务详情 */ .proxq{width: 100%;overflow: hidden;padding: 60px 0 100px;} .proxqinfo{width: 100%;} .proxqinfo h6{font-size: 36px;color: #333;font-weight: bold;} .proxqinfo p{font-size: 16px;color: #666;line-height: 28px;margin-bottom: 20px;} .proxqinfo p img{max-width: 100%;} .proxqbar{width: 100%;margin-top: 88px;font-size: 18px;color: #333;background: #e4e4e4 url('../images/gather/proArr2.png') no-repeat left 10px center;padding: 12px 26px;border-bottom: 1px solid #d8d8d8;} .proxqlist{width: 100%;overflow: hidden;margin-top: 24px;} .proxqlist ul li{width: 100%;} .proxqlist ul li p{padding-left: 26px;background: url('../images/gather/proArr3.png') no-repeat left 10px top 12px;font-size: 16px;line-height: 32px;} .qinfo-text{width: 100%;overflow: hidden;height: auto;transition: all .4s ease;} .click-a {width: 220px;height: 50px;border: 1px solid #e5e5e5;font-size: 16px;color: #555;text-align: center;line-height: 50px;margin-top: 20px;background: url('../images/gather/proArr3.png') no-repeat right 30px center;cursor: pointer;padding-right: 16px;} .click-a.ontrue{color: #0090d7;} .pro-map{width: 100%;margin-top: 40px;padding-top: 40px;border-top: 1px solid #e5e5e5;} .pro-map p{font-size: 20px;color: #666;line-height: 30px;margin-bottom: 50px; } .pro-map .pro-map-one{background: url('../images/index/z-10.png') no-repeat left 3px;} .pro-map .img{width: 100%;text-align: center;margin-bottom: 20px;} .pro-map .img img{max-width: 100%;} .chany-list{width: 100%;overflow: hidden;margin-bottom: 90px;} .chanyimg{width: 34%;float: left;height: 293px;overflow: hidden;} .chanyimg img{width: 100%;height: 100%;object-fit: cover;transition: .4s ease;} .chanyimg img:hover{transform: scale(1.06);} .chanytext-box{width: 64%;float: right;overflow: hidden;} .chanytext-box h6{font-size: 20px;color: #333;line-height: 30px;margin-bottom: 10px;} .chanytext{width: 100%;padding-right: 20px;height: 250px;overflow-y: auto;} .chanytext p{padding-left: 16px;font-size: 16px;color: #666;line-height: 26px;padding-bottom: 10px;background: url('../images/gather/abo-12.png') no-repeat left 12px;} .chany-list2 .chanyimg{float: right;} .chany-list2 .chanytext-box{float: left;} .chanytext::-webkit-scrollbar {width: 3px;height: 4px;} .chanytext::-webkit-scrollbar-thumb {background: #00aaff;} .chanytext::-webkit-scrollbar-track {background-color: #e5e5e5;} /* 加入我们 */ .join{width: 100%;overflow: hidden;padding: 80px 0 120px;} .joinlist{width: 100%;overflow: hidden;border-top: 1px solid #f2f2f2;} .joinlist ul li{width: 100%;border-bottom: 1px solid #f2f2f2;position: relative;} .joinlist-click{width: 100%;overflow: hidden;padding: 0 40px;user-select: none;cursor: pointer;transition: all .4s ease;} .joinlist-name, .joinlist-time, .joinlist-site, .joinlist-btn{height: 68px;line-height: 68px;float: left;transition: all .4s ease;} .joinlist-name{width: 48%;font-size: 18px;color: #333;} .joinlist-time, .joinlist-site{font-size: 16px;color: #666;text-align: center;width: 20%;} .joinlist-btn{width: 12%;background: url('../images/gather/joinArr.png') no-repeat right center;} .joinlist-click.ontrue{background: #0090d7;} .joinlist-click.ontrue .joinlist-name, .joinlist-click.ontrue .joinlist-time, .joinlist-click.ontrue .joinlist-site{color: #fff;} .joinlist-click.ontrue .joinlist-btn{background: url('../images/gather/joinArrH.png') no-repeat right center;} .joinlist-words{width: 100%;padding: 0 40px 38px;display: none;} .joinlist-wd{width: 100%;margin-top: 40px;} .joinlist-wd h6{font-size: 18px;color: #333;margin-bottom: 18px;} .joinlist-wd p{font-size: 16px;color: #666;line-height: 28px;} .joinlist-wd p a{font-size: 16px;color: #0090d7;text-decoration: underline;} .joinlist-wd p a:hover{color: #0276af;} .joinlist-apply{display: block;width: 160px;height: 46px;margin-top: 42px;background: #0090d7;line-height: 43px;text-align: center;border-radius: 30px;font-size: 16px;color: #fff;position: relative;} .joinlist-apply span, .joinlist-apply i{display: inline-block;vertical-align: middle;z-index: 2;} .joinlist-apply i{width: 18px;height: 17px;background: url('../images/gather/joinIc.png') no-repeat;margin-right: 8px;} .joinlist-apply:after{content: "";position: absolute;width: 0;right: 0;top: 0;height: 100%;background: #fff;opacity: .2;transition: all .4s ease;} .joinlist-apply:hover:after{right: auto;left: 0;width: 100%;} /* 联系我们 */ .relicon{width: 100%;overflow: hidden;padding: 80px 0 78px;} .relicon-list{width: 100%;} .relicon-list ul li{width: 33.33333333333333%;float: left;padding: 0 60px;text-align: center;} .relicon-icon{width: 100px;height: 100px;margin: 0 auto;line-height: 100px;transition: all .4s ease;background: #0090d7;border-radius: 50%;} .relicon-list ul li h6{font-size: 18px;color: #666;margin-top: 24px;} .relicon-list ul li p{font-size: 16px;color: #666;line-height: 24px;margin-top: 20px;} .relicon-list ul li:hover .relicon-icon{transform: translateY(-16px);} .relmapform{width: 100%;overflow: hidden;} .relmap{width: 58%;float: left;} #admap{height: 650px;} .relform{width: 42%;float: right;height: 650px;background: #0090d7;padding: 80px 16% 0 40px;} .relform-tit{width: 100%;} .relform-tit p{font-size: 18px;color: #fff;line-height: 32px;} .relform-form{width: 100%;overflow: hidden;margin-top: 32px;} .relform-form input, .relform-form textarea{border: none;border-bottom: 1px solid rgba(255, 255, 255, .5);height: 44px;font-size: 16px;color: #fff;background: transparent;width: 100%;} .relform-form h6{height: 48px;line-height: 48px;font-size: 16px;color: #fff;} .relform-form textarea {border: 1px solid rgba(255, 255, 255, .5);height: 106px;padding: 12px;} .relform-form input:-moz-placeholder {color:#fff;font-size: 16px;} .relform-form input::-moz-placeholder {color:#fff;font-size: 16px;} .relform-form input:-ms-input-placeholder{color:#fff;font-size: 16px;} .relform-form input::-webkit-input-placeholder{color:#fff;font-size: 16px;} .relform-yzm{width: 64%;float: left;overflow: hidden;font-size: 0;margin-top: 20px;} .relform-yzm input,.relform-yzm span{display: inline-block;vertical-align: middle;} .relform-yzm input{width: 58%;} .relform-yzm span{height: 44px;line-height: 44px;width: 40%;margin-left: 2%;user-select: none;cursor: pointer;} .relform-yzm span img{width: 100%;height: 100%;} .relform-form button{width: 30%;height: 44px;cursor: pointer;font-size: 16px;color: #fff;font-weight: bold;border-radius: 30px;line-height: 44px;border: 1px solid rgba(255, 255, 255, .5);margin-top: 20px;background: transparent;transition: all .4s ease;float: right;} .relform-form button i{display: inline-block;width: 20px;height: 15px;background: url('../images/gather/relIc4.png') no-repeat;vertical-align: middle;margin: -2px 10px 0 0;transition: all .4s ease;} .relform-form button:hover{background: #fff;border-color: #fff;color: #0090d7;} .relform-form button:hover i{background: url('../images/gather/relIc4H.png') no-repeat;} /* 公司简介 */ .brief{width: 100%;overflow: hidden;padding: 80px 0 50px;} .brief-title{width: 100%;overflow: hidden;padding-bottom: 40px;border-bottom: 0px solid #e5e5e5;} .brief-title h6{font-size: 60px;color: #0090d7;font-weight: 100;text-transform: uppercase;} .brief-title h6 span{font-weight: 900;margin-left: 28px;} .brief-title p{font-size: 16px;color: #666;line-height: 28px;margin-top: 24px;} .brief-words{width: 100%;overflow: hidden;padding: 30px 0;} .brief-words p{font-size: 16px;color: #666;line-height: 28px;margin-top: 18px;} .briefcity{width: 100%;overflow: hidden;padding-bottom: 60px;} .briefcity img{width: 100%;object-fit: cover;} .brief-item{width: 100%;height: auto;overflow: hidden;} .brief-item ul li{float: left;margin-bottom: 10px;} .brief-item ul li h6{font-size: 20px;line-height: 48px;text-align: center;font-weight: bold;} .brief-item ul li p{font-size: 16px;line-height: 24px;text-align: left;padding: 15px 9px;text-align: justify;} .brief-item ul li:nth-child(1){width: 33.333%;border: 1px solid #0089cc;} .brief-item ul li:nth-child(1) h6{background-color: #0089cc;} .brief-item ul li:nth-child(2){width: 33.333%;padding: 10px;text-align: center;} .brief-item ul li:nth-child(2) img{max-width: 100%;} .brief-item ul li:nth-child(3){width: 33.333%;border: 1px solid #d2d2d2;} .brief-item ul li:nth-child(3) h6{background-color: #d2d2d2;} .brief-item ul li:nth-child(4){width: 64%;border: 1px solid #fdcf00;margin: 0 auto;float: none;overflow: hidden;} .brief-item ul li:nth-child(4) h6{background-color: #fdcf00;} .brief-img{width: 100%;padding: 0 0 20px 0;text-align: center;} .brief-img img{max-width: 100%;} .brief-quan{width: 100%;overflow: hidden;} .brief-quan h6{font-size: 20px;color: #0090d7;line-height: 30px;} .brief-quan p{font-size: 16px;color: #666;line-height: 26px;} .brief-quan ul{padding: 30px 0;overflow: hidden;text-align: center;} .brief-quan ul li{display: inline-block;width: 310px;margin: 0 10px;vertical-align: top;} .brief-quan ul li h4{width: 200px;height: 200px;border-radius: 50%;border: 25px solid #fdcf00;line-height: 150px;text-align: center;margin: 0 auto;} .brief-quan ul li h4 img{max-width: 100%;transition: all .4s ease;} .brief-quan ul li:hover h4 img{transform: translateY(-10px);} .brief-quan ul li h5{border-bottom: 2px solid #fdcf00;font-size: 20px;color: #fdcf00;text-align: center;padding: 20px 0;height:80px;} .brief-quan ul li p{font-size: 16px;color: #666;text-align: center;padding: 20px 25px;text-align: center;} .brief-quan ul li:nth-child(2) h4{border-color: #a4a3a3;} .brief-quan ul li:nth-child(2) h5{border-color: #a4a3a3;color: #a4a3a3;height:80px;} .brief-quan ul li:nth-child(3) h4{border-color: #0089cd;} .brief-quan ul li:nth-child(3) h5{border-color: #0089cd;color: #0089cd;height:80px;} .brief-list-box{width: 100%;overflow: hidden;} .brief-list{width: 60%;overflow: hidden;margin-top: 10px;padding: 20px 0 40px;float: left;} .brief-list h6{font-size: 20px;font-weight: bold;color: #0090d7;margin-top: 30px;} .brief-list p{font-size: 16px;color: #666;line-height: 24px;margin-top: 10px;} .brief-list-img{width: 40%;float: left;text-align: center;} .brief-list-img img{max-width: 100%;} /* 产业 */ .pro-parent{width: 100%;overflow: hidden;padding: 20px 0;} .pro-parent ul{margin-left: -2%;} .pro-parent ul li{width: 48%;border: 1px solid #e5e5e5;float: left;margin: 2% 0 0 2%; /* min-height: 800px; */} .pro-parent ul li h4{line-height: 140px;border-bottom: 1px solid #e5e5e5;background-color: #f9f9f9;text-align: center;} .pro-parent ul li h4 img{max-width: 100%;} .pro-parent ul li h5{font-size: 20px;color: #333;line-height: 30px;padding: 15px 0;text-align: center;font-weight: bold;} .pro-parent ul li p{padding: 0 24px;font-size: 16px;color: #666;line-height: 28px; background: url('../images/gather/abo-12.png') no-repeat 10px 12px; padding-bottom: 16px;} .itemnew{width: 100%;padding: 50px 2px;} .pronews{width: 100%;border: 1px solid #e5e5e5;} .pronews .img{width: 100%;} .pronews .img img{width: 100%;} .pronews-text{width: 100%;padding: 10px;} .pro-newstit{font-size: 20px;color: #333;line-height: 28px;height: 58px;font-weight: bold;text-align: center;padding: 0 10px;margin-bottom: 5px;} .pronews-main{width: 100%;padding: 0 10px 0 0;height: 168px;overflow-y: auto;} .pronews-main::-webkit-scrollbar {width: 3px;height: 4px;} .pronews-main::-webkit-scrollbar-thumb {background: #00aaff;} .pronews-main::-webkit-scrollbar-track {background-color: #e5e5e5;} .pronews-main p{font-size: 16px;color: #666;line-height: 28px;padding-left: 16px;background: url('../images/gather/abo-12.png') no-repeat 0px 12px;} .itemnew .swiper-container{padding-bottom: 80px;} .itemnew .swiper-button-next, .itemnew .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;top: 0;margin-top: 0;z-index: 100;} .itemnew .swiper-button-prev{background: #a8a9ab url('../images/gather/proArr.png') no-repeat center center;left: 0;transform: rotate(180deg)} .itemnew .swiper-button-prev:hover{background: #0090d7 url('../images/gather/proArr.png') no-repeat center center;transform: rotate(180deg)} .itemnew .swiper-button-next{background: #a8a9ab url('../images/gather/proArr.png') no-repeat center center;;right: 0;} .itemnew .swiper-button-next:hover{background: #0090d7 url('../images/gather/proArr.png') no-repeat center center;} .itemnew .swiper-pagination-custom{color: #0090d7;font-size: 16px;position: absolute;bottom: 10px;margin-left: -20px;} .dqzsz2{color: #a8a9ab;font-size: 16px;position: absolute;bottom: 0px;padding-left: 22px;margin-top: 10px;line-height: 22px;} .dqzsz2::before{content: ''; width: 30px;height: 1px;background-color: #a8a9ab;position: absolute;left: 0px;transform: rotate(130deg);top: 8px;} .banner-button2{position: absolute;width: 190px;height: 40px;left: 50%;bottom: 0px;margin-left: -95px;} /* 公司简介-New*/ .jswireless-container{width: 100%;padding-bottom: 100px;} .jswireless{width: 100%;position: relative;padding-top:40px;} .jswireless-words {width: 60%;float: left;overflow: hidden;position: relative;z-index: 4;} .jswireless-words h5{font-size: 60px;color: #0090d7;font-weight: 100;text-transform: uppercase;} .jswireless-words h6{font-size: 30px;color: #333;} .jswireless-words i{width: 28px;height: 3px;background: #e93521;display: block;margin-top: 12px;} .jswireless-words p{font-size: 18px;color: #999;line-height: 28px;margin-top: 18px;} .jswireless-pic{width: 36.2%;height: 306px;float: right;overflow: hidden;position: relative;z-index: 4;margin-top: 50px;} .jswireless-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;} .jswireless-pic img:hover {transform: scale(1.1);} .jswireless-img{position: absolute;z-index: 2;top: 34px;right: 0;} .jswireless-img img{width: 100%;} .jsrelation-container{width: 100%;padding: 104px 0 114px 0;background: #f6f6f7;} .jsrelation-pic{width: 40%;height: 315px;overflow: hidden;float: left;} .jsrelation-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;} .jsrelation-pic img:hover{transform: scale(1.1);} .jsrelation-words{width: 60%;float: right;padding:0 0 0 44px;} .jsrelation-words h6{font-size: 30px;color: #333;} .jsrelation-words i{width: 28px;height: 3px;background: #e93521;display: block;margin-top: 12px;} .jsrelation-words p{font-size: 18px;color: #999;line-height: 28px;margin-top: 18px;} .fitcontain{width: 1280px;margin: 0 auto;} /* 锚点 */ .mdclass{position: relative;top: -75px;display: block;height: 0;overflow: hidden;} /* @keyframes bg-animation-second {0% {-webkit-transform: translateX(100%);transform: translateX(100%);}100% {-webkit-transform: translateX(-100%); transform: translateX(-100%);}} */ /* 关于我们 */ .abosihc{width: 100%;overflow: hidden;padding: 60px 0; background:url('../images/gather/aboutbg.png') no-repeat left center;} .abosihc-contain{width: 1028px;margin: 0 auto;} .abosihc .abosihc-l{ float:left; width:45%;} .abosihc .abosihc-r{ float:right; width:50%;} .abosihc .abosihc-l h3{ color:#333; font-size:30px; font-weight:600; text-align:left;} .abosihc .abosihc-l p{ height:auto; text-align:left;} .abosihc .abosihc-l a{ margin-top:24px;} .abosihc h5{font-size: 40px;color: #333;font-weight: bold;} .abosihc h6{font-size: 30px;color: #666;margin-bottom: 16px;} .abosihc p{font-size: 16px;color: #666;line-height: 32px;margin-top: 40px;/* height: 96px;overflow: hidden; display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; */} .brief-words p img{max-width: 100%;} .abosihc a{display: inline-block;margin-top: 60px;width: 170px;height: 46px;line-height: 43px;text-align: center;border-radius: 30px;border: 2px solid #0090d7;font-size: 15px; background: #0090d7;color: #fff; transition: all .4s ease;} .abosihc a i{width: 8px;height: 11px;background: url('../images/gather/aboArr2.png') no-repeat;display: inline-block;vertical-align: middle;margin: -1px 0 0 10px;transition: all .4s ease;} /* .abosihc a:hover{background: #0090d7;color: #fff;} */ /* .abosihc a:hover i{background: url('../images/gather/aboArr2.png') no-repeat;} */ .aboman{width: 100%;overflow: hidden;position: relative;} .aboman img{width: 100%;object-fit: cover;} .aboman-contain{position: absolute;z-index: 2;width: 1280px;left: 50%;top: 50%;transform: translate(-50%,-50%);} .aboman-contain688{position: absolute;z-index: 2;width: 688px;left: 50%;top: 50%;transform: translate(-50%,-50%);} .aboman-contain688 .aboman-words{ background:rgb(61,171,255,0.5); padding:45px 0;} .aboman-words{} .aboman-words p{width: 100%;text-align: left;font-size: 24px;color: #fff;line-height: 36px;margin-bottom: 60px;} .aboman-words span{font-size: 24px;line-height: 32px;color: #fff;position: relative;padding-left: 100px;} .aboman-words span:after{content: "";width: 82px;height: 1px;position: absolute;background: #fff;left: 0;top: 50%;margin-top: -0.5px;} .aboorgan.aboman .aboman-words{text-align: center;} .aboorgan.aboman .aboman-words h6{font-size: 40px;color: #fff;font-weight: bold; position:relative; height:62px;} .aboorgan.aboman .aboman-words h6 i{width: 54px; height: 3px; background: #fff; display: inline-block; margin-top: 17px; position: absolute; bottom: 0; left: 50%; margin-left: -27px; } .aboorgan.aboman .aboman-words p{font-size: 16px;line-height: 28px;color: #fff;margin: 24px 0 0; text-align:center;} .aboorgan.aboman .aboman-words a{display: inline-block;margin-top: 48px;width: 170px;height: 46px;line-height: 43px;text-align: center;border-radius: 30px;border: 2px solid #fff;font-size: 15px;color: #fff;transition: all .4s ease;} .aboorgan.aboman .aboman-words a i{width: 8px;height: 11px;background: url('../images/gather/aboArr2.png') no-repeat;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;transition: all .4s ease;} .aboorgan.aboman .aboman-words a:hover{background: #0090d7;border-color: #0090d7;} .abomanlink{display: block;width: 100%;overflow: hidden;background: #0090d7;color: #fff;text-align: center;padding: 32px 0;font-size: 16px;line-height: 22px;transition: all .4s ease;} .abomanlink i{width: 8px;height: 11px;background: url('../images/gather/aboArr2.png') no-repeat;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;transition: all .4s ease;} .abomanlink:hover{background: #0276af;} .abomemb{width: 100%;overflow: hidden;padding: 0px 0 28px;} .abomemb-tit{width: 100%;text-align: center;} .abomemb-tit h6{font-size: 40px;color: #333;font-weight: bold; line-height:46px;} .wtaboutrh .abomemb-tit h6{ padding:0 12px; text-align:left;} .wtaboutrh .abomemb-tit h6 a{ float:right; display: inline-block; margin-top: 0; width: 170px; height: 46px; line-height: 43px; text-align: center; border-radius: 30px; border: 2px solid #0090d7; font-size: 15px; color: #0090d7; transition: all .4s ease; } .wtaboutrh .abomemb-tit h6 a i { width: 8px; height: 11px; background: url('../images/gather/aboArr.png') no-repeat; display: inline-block; vertical-align: middle; margin: -2px 0 0 10px; transition: all .4s ease; } .wtaboutrh .abomemb-tit h6 a:hover{ background: #0090d7; color: #fff; } .wtaboutrh .abomemb-tit h6 a:hover i{ background: url('../images/gather/aboArr2.png') no-repeat; } .abomemb-pw{width: 1436px;margin: 48px auto 0;padding: 0 66px;overflow: hidden;position: relative;} .abomemb-pw .swiper-container{padding: 10px 12px 20px;} .abomemb-link{display: block;width: 100%;border: 1px solid #ececec;transition: all .4s ease;} .abomemb-img{width: 100%;height: 120px;line-height: 120px;text-align: center;padding: 0;background: #f9f9f9;border-bottom: 1px solid #ececec;} .abomemb-img img{max-height: 88%;max-width: 84%;} .abomemb-words{width: 100%;padding: 44px 24px 44px;text-align: center;} .abomemb-words h6{font-size: 18px;line-height: 26px;font-weight: bold;color: #333;transition: all .4s ease; margin-bottom:30px;} .abomemb-words p{font-size: 32px;color: #666; height: 72px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin: 0 28px; padding: 16px 0; border-top:1px solid #ececec;} .abomemb-words span{font-size: 32px;color: #333;margin-top: 12px;display: block;font-weight: bold;transition: all .4s ease; position:relative; display:block; width:104px; margin:0 auto; height:30px; line-height:30px; margin-bottom:20px;} .abomemb-words span i{ display:block; position:absolute; width:20px; height:6px; background:#0090d7; top:50%; margin-top:-3px;} .abomemb-words span i.abomemb-words-l{ left:0; } .abomemb-words span i.abomemb-words-r{ right:0;} .abomemb-link:hover h6{color: #0090d7;} /* .abomemb-link:hover span{color: #0090d7;} */ .abomemb-link:hover {box-shadow: 0 2px 16px 4px #e9e9e9;} .abo-prbtn{width: 44px;height: 78px;position: absolute;cursor: pointer;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;transition: all .4s ease;} .abo-prev{left: 0;background-image: url('../images/gather/aboArrL.png');} .abo-next{right: 0;background-image: url('../images/gather/aboArrR.png');} .abo-prev:hover{background-image: url('../images/gather/aboArrLH.png');background-color: #0090d7;} .abo-next:hover{background-image: url('../images/gather/aboArrRH.png');background-color: #0090d7;} .aboutxg{width: 100%;} .aboutxg ul .abomemb-link{width: 32%;float: left;margin-top: 2%;} .aboutxg ul .abomemb-link:nth-child(3n+2){margin-left: 2%;margin-right: 2%;} /* 社会责任 */ .dutytit{width: 100%;overflow: hidden;padding: 80px 0 20px;text-align: center;} .dutytit h6{font-size: 40px;color: #333;} .dutytit i{display: block;width: 100%;height: 2px;background: #bfbfbf;margin: 54px 0 44px;} .dutytit p{font-size: 16px;color: #666;line-height: 32px;} .dutylist{width: 100%;overflow: hidden;padding-bottom: 120px;} .dutylist-pw{width: 100%;} .dutylist ul{margin-left: -2%;display:flex;flex-wrap:wrap;} .dutylist ul li{width: 31.3333333333333%;float: left;margin-top: 36px;margin-left: 2%;} .dutylist ul li a{display: block;width: 100%;} .dutyimg{width: 100%;overflow: hidden;border-top-right-radius: 8px;border-top-left-radius: 8px;} .dutyimg img{width: 100%;object-fit: cover;transition: all .8s ease;height:230px} .dutywords{width: 100%;border: 1px solid #eee;padding: 15px 28px 15px;} .dutywords span{display: inline-block;font-size: 16px;line-height: 26px;color: #888;padding-left: 42px;position: relative;} .dutywords span:after{content: "";width: 30px;height: 1px;background: #e9e9e9;position: absolute;left: 0;top: 50%;margin-top: -0.5px;} .dutywords h6{font-size: 20px;color: #333;line-height: 30px;transition: all .4s ease; height: 60px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .dutywords p{font-size: 16px;color: #666;} .dutywords p a{margin-top: 20px;} .dutywords p i{width: 17px;color: #0090d7;height: 10px;display: inline-block;background: url('../images/gather/dutyArr.png') no-repeat;margin: -2px 0 0 10px;transition: all .4s ease;} .dutylist ul li a:hover .dutyimg img{transform: scale(1.1);} .dutylist ul li .dutywords h6:hover{color: #0090d7;} .dutylist ul li .dutywords p:hover i{margin-left: 16px;} /* map */ #dituContent{ height:650px; width:100%;} /* -------------------------PC端--------------------------- */ @media all and (max-width:1700px) { /* 1600 × (900/1024/1200) */ .proinfo-words {padding: 30px 60px 0;} .proinfo-fonts h6{ margin-bottom:30px;} .proinfo-fonts .proinfo-item{ padding-bottom:15px; margin-bottom:15px;} .jswireless {padding-top: 90px;} .jswireless-container {padding-bottom: 80px;} .jswireless-img {top: 28px;} .jsrelation-container {padding: 80px 0 90px 0;} } @media all and (max-width:1599px) { /* 1440 × (900/1050) */ .proinfo-fonts a {margin-top: 20px;} .proinfo-fonts p {margin-top: 12px;line-height: 26px;} .proinfo-fonts h6 {font-size: 28px;line-height: 40px;} .proxq {padding: 68px 0 82px;} .proxqinfo h6 {font-size: 34px;line-height: 46px;} .proxqbar {margin-top: 60px;} .relicon {padding: 70px 0 68px;} #admap{height: 580px;} .relform {height: 580px;padding: 54px 10% 0 40px;} .brief {padding: 60px 0 40px;} .abosihc {padding: 80px 0;} .abomemb-pw{width: 92%;margin: 54px auto 0;} .abomemb {padding: 68px 0 82px;} .abomemb-tit h6 {font-size: 36px;} .aboorgan.aboman .aboman-words h6 {font-size: 36px;} .dutylist {padding-bottom: 80px;} .dutytit i {margin: 42px 0 34px;} .dutytit {padding: 68px 0 10px;} } @media all and (max-width:1539px){ } @media all and (max-width:1533px){ .proinfo-fonts .proinfo-item{padding-bottom: 12px; margin-bottom: 12px;} } @media all and (max-width:1490px){ .proinfo-fonts div.p-item .p-item-r{ font-size:16px;} } @media all and (max-width:1439px) { /* 1360 × (768) */ .proinfo-fonts a {margin-top: 24px;width: 164px;height: 46px;line-height: 46px;} .proinfo-fonts h6 {font-size: 32px;line-height: 42px;} .proinfo-pic img{min-height: 378px;} .proinfo-words {padding: 32px 38px 0;} .proxqinfo h6 {font-size: 32px;line-height: 42px;} .relform {padding: 54px 4% 0;} .aboorgan.aboman .aboman-words h6 {font-size: 32px;} .dutytit h6 {font-size: 32px;} .jswireless-words p {font-size: 16px;} } @media all and (max-width:1359px) { /* 1280 × (800/854/1024) */ .proinfo-fonts p{line-height: 30px;} .proxq,.join{padding: 60px 0 72px;} .relicon {padding: 60px 0 58px;} .relicon-icon {width: 80px;height: 80px;line-height: 80px;} .relicon-list ul li p {margin-top: 12px;} #admap{height: 500px;} .relform {height: 500px;padding: 34px 4% 0;} .relform-form {margin-top: 6px;} .relform-tit p {font-size: 16px;line-height: 28px;} .relicon-list ul li {padding: 0 36px;} .brief-title h6 {font-size: 48px;} .brief-title p {margin-top: 18px;} .abosihc {padding: 60px 0;} .abosihc h5 {font-size: 32px;} .abosihc h6 {font-size: 28px;margin-top: 12px;} .abosihc p {font-size: 16px;line-height: 28px;margin-top: 28px;height: 84px;} .abosihc a {margin-top: 42px;width: 154px;height: 42px;line-height: 40px;} .aboman-contain {width: 92%;left: 4%;transform: translate(0%,-50%);} .abomanlink{padding: 24px 0;} .aboorgan.aboman .aboman-words p {margin: 18px 0 0;} .aboorgan.aboman .aboman-words a {margin-top: 32px;width: 154px;height: 42px;line-height: 40px;} .abomemb-words {padding: 18px 16px 22px;height: 232px;} .abomemb-img {height: 110px;line-height: 110px;} .abomemb {padding: 60px 0 72px;} .abomemb-pw {margin: 48px auto 0;} .dutytit {padding: 60px 0 10px;} .dutylist {padding-bottom: 72px;} .dutywords {padding: 28px 24px 24px;} .dutywords h6{margin-top: 12px;} .abomemb-words h6 {font-size: 16px;line-height: 24px;} .fitcontain{width: 94%;} .qyculture-words h6, .qyculture-shadefonts h6 ,.jswireless-words h6{font-size: 24px;} .qyculture-box .swiper-wrapper {padding-bottom: 66px;} .jswireless-words p {font-size: 14px;line-height: 26px;margin-top: 8px;} .jswireless-pic{height: 270px;} .jsrelation-pic{height: 280px;} .jsrelation-words {padding: 58px 0 0 40px;} #dituContent{ height:400px;;} } @media all and (max-width:1315px) { .proinfo-words{padding: 20px 38px 0;} .proinfo-fonts p{ line-height:26px;} } @media all and (max-width:1279px) { /* 1152 × (864) */ .proinfo-fonts p{line-height: 28px;} .brief-item ul li:nth-child(4){width: 100%;} .pro-parent ul li p{line-height: 24px;font-size: 14px;} .pro-parent ul li h4{line-height: 100px;} } @media all and (max-width:1219px) { .proinfo-fonts p{line-height: 24px;} } @media all and (max-width:1155px) { .proinfo-fonts h6{line-height: 30px;} .proinfo-fonts p.title{margin-bottom: 15px;} } @media all and (max-width:1151px) { /* 1024 × (600/768) */ .proinfo-fonts h6 {font-size: 26px;line-height: 34px;} .proxqinfo h6 {font-size: 26px;line-height: 34px;} .joinlist-wd {margin-top: 28px;} .joinlist-click {padding: 0 20px;} .joinlist-words {padding: 0 20px 32px;} .relform-form button{width: 33%;} .relicon-list ul li {padding: 0 16px;} .relform {padding: 28px 4% 0;} .aboman-contain {width: 100%;position: static;left: 0%;transform: translate(0%,0%);} .aboman-words{width: 100%;padding: 24px 4%;} .aboman-words span{color: #666;} .aboman-words p{color: #666;margin-bottom: 42px;} .aboman-words span:after{background: #666;} .aboorgan.aboman .aboman-words{width: 100%;} // .aboorgan.aboman .aboman-words h6,.aboorgan.aboman .aboman-words p{color: #333;} // .aboorgan.aboman .aboman-words a {border: 2px solid #0090d7;color: #0090d7;} // .aboorgan.aboman .aboman-words a i{background: url('../images/gather/aboArr.png') no-repeat;} .aboorgan.aboman .aboman-words a:hover{color: #fff;} .aboorgan.aboman .aboman-words a:hover i{background: url('../images/gather/aboArr2.png') no-repeat;} .abomemb-pw {margin: 40px auto 0;padding: 0 58px;} .abosihc-contain{width: 92%;} .abomemb-tit h6 {font-size: 32px;} .jswireless {padding-top: 66px;} .jswireless-container {padding-bottom: 60px;} .jswireless-img {top: 16px;} .chanyimg{width: 100%;height: auto;margin-bottom: 10px;} .chanytext-box{width: 100%;height: auto;} .chanytext{height: auto;} .chanytext p{text-align: justify;} .chanytext-box h6{font-size: 18px;} .chany-list{margin-bottom: 20px;} .aboutxg ul .abomemb-link{width: 32%; margin-bottom:1%;} .aboutxg ul .abomemb-link:nth-child(3n+2){margin-left: 1%;margin-right: 1%;} .aboutxg ul .abomemb-link:nth-child(2n+1){float: left;} .aboutxg ul .abomemb-link:nth-child(2n){float: left;} .abomemb-pw .swiper-container {padding: 0;} #dituContent{ height:300px;} } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 平板设备 720 适配 */ .abosihc .abosihc-l h3{ font-size:28px;} .proinfo-pic{width: 100%;float: left !important;} .proinfo-fonts {max-width: none;width: 100%;float: left !important;} .proinfo-words{width: 100%;padding: 24px 4%;float: right !important;} .proinfo-pic img {min-height: auto;} .proxq,.join{padding: 48px 0 60px;} .proxqbar {margin-top: 48px;} .relicon {padding: 48px 0 44px;} .relmap{width: 100%;} #admap {height: 320px;} .relform {padding: 24px 4% 40px;height: auto;width: 100%;} .brief {padding: 48px 0 40px;} .brief .contain p img{max-width: 100%;height:auto;} .brief-title h6 {font-size: 40px;} .brief-title p {margin-top: 18px;} .brief-words {padding: 20px 0;} .brief-list h6 {margin-top: 24px;} .briefcity {padding-bottom: 48px;} .brief-title {padding-bottom: 32px;} .abosihc {padding: 48px 0;} .abomemb {padding: 48px 0 60px;} .aboman img{min-height: 220px;} .dutytit {padding: 48px 0 10px;} .dutylist ul li {width: 48%;margin-top: 24px;} .dutylist {padding-bottom: 48px;} .jswireless {padding-top: 32px;} .jswireless-container {padding-bottom: 44px;} .jswireless-img {top: 10px;} .jsrelation-container {padding: 32px 0 24px 0;} .jswireless-words{width: 100%;} .jswireless-words p{font-size: 16px;margin-top: 12px;} .jswireless-pic{width: 100%;margin-top: 24px;height: auto;} .jsrelation-pic{width: 100%;height: auto;} .jsrelation-words{width: 100%;height: auto;padding: 24px 16px;} .brief-item ul li:nth-child(1){width: 100%;} .brief-item ul li:nth-child(2){width: 100%;} .brief-item ul li:nth-child(3){width: 100%;} .brief-list{width: 100%;padding: 20px 0;} .brief-list-img{width: 100%;} .pro-parent ul{margin-left: 0;} .pro-parent ul li{width: 100%;margin: 0 0 2% 0;min-height: auto;} .proxqinfo h6{font-size: 20px;line-height: 30px;} .pro-map{padding-top: 20px;} .proinfo-fonts{ min-width:100%;} .proinfo-fonts .proinfo-item{margin-bottom: 18px;} .about-history-list .slides li:nth-child(6){ display:none !important;} } @media all and (max-width:810px) { .abosihc .abosihc-l h3{ font-size:22px;} .abosihc p{ font-size:12px;} .about-history-list .slides li:nth-child(5){ display:none !important;} } @media all and (max-width:640px) { /* 移动终端以上 360 适配 */ .abosihc .abosihc-l{ width:100%; float:none;} .abosihc .abosihc-r{ width:100%; margin-top:20px; float:none;} .abosihc .abosihc-r img{ width:100%;} .aboman-contain688{ width:100%;} .proxq,.join{padding: 36px 0 40px;} .proxqbar {margin-top: 36px;} .proxqinfo h6{margin-bottom: 16px;} .proxqlist ul li p {background: url('../images/gather/proArr3.png') no-repeat left 10px top 5px;font-size: 14px;line-height: 20px;} .proxqlist ul li{margin-top: 12px;} .proxqlist {margin-top: 16px;} .proxqbar {background: #e4e4e4 url('../images/gather/proArr2.png') no-repeat left 10px top;font-size: 16px;} .joinlist-click {padding: 12px 16px;} .joinlist-name{height: auto;line-height: normal;} .joinlist-name {width: 100%;font-size: 18px;} .joinlist-time, .joinlist-site{width: 38%;height: 36px;line-height: 36px;text-align: left;} .joinlist-btn{width: 24%;height: 36px;} .joinlist-words {padding: 0 16px 32px;} .joinlist-wd h6 {margin-bottom: 12px;} .joinlist-apply{margin-top: 28px;} .relicon {padding: 16px 0 40px;} .relicon-list ul li{width: 100%;padding: 0;margin-top: 32px;} #admap {height: 232px;} .relform-yzm {width: 100%;margin-top: 16px;} .relform-form button {width: 100%;} .brief {padding: 36px 0 28px;} .brief-title h6 span {margin-left: 12px;} .brief-title h6 {font-size: 32px;} .brief-title p {margin-top: 12px;font-size: 14px;line-height: 24px;text-align: justify;} .brief-item ul li h6{font-size: 18px;} .brief-item ul li p{font-size: 14px;} .brief-words p{text-align: justify;margin-top: 0;font-size: 14px;line-height: 24px;} .brief-quan p{font-size: 14px;line-height: 24px;} .brief-quan ul li h4{border: 15px solid #002f7b;line-height: 120px;height: 150px;width: 150px;} .brief-quan ul li h5 { border-bottom: 1px solid #002f7b;font-size: 18px;} .brief-title {padding-bottom: 24px;} .briefcity {padding-bottom: 40px;} .abosihc {padding: 38px 0;} .abosihc h5 {font-size: 26px;} .abosihc h6 {font-size: 24px;margin-top: 12px;} .abosihc p {font-size: 16px;line-height: 28px;margin-top: 20px;text-align: left;} .abosihc a {margin-top: 34px;} .aboman-words p {font-size: 20px;line-height: 28px;margin-bottom: 24px;} .aboman-words span {font-size: 18px;} .abomanlink {padding: 18px 0;} .aboorgan.aboman .aboman-words h6 {font-size: 26px;} .abomemb-tit h6 {font-size: 26px;} .abomemb {padding: 24px 0 32px;} .abo-prbtn{background-size: 18px auto;width: 32px;height: 60px;} .abomemb-pw {margin: 36px auto 0;padding: 0 40px;} .abomemb-words h6 {font-size: 16px;line-height: 20px;} .dutytit h6 {font-size: 26px;} .dutytit {padding: 38px 0 10px;} .dutytit i {margin: 28px 0 20px;} .dutytit p {line-height: 28px;} .dutylist ul {margin-left: 0%;} .dutylist ul li {width: 100%;margin-top: 24px;margin-left: 0;} .dutywords {padding: 24px 16px 20px;} .dutylist {padding-bottom: 40px;} .dutywords h6 {margin-top: 8px;} .dutywords p {margin-top: 16px;} .abomemb-pw .swiper-container {padding: 0;} .abomemb-link:hover {box-shadow: none;} .abomemb-words p {font-size: 14px;margin-top: 12px;height: 62px;} .abomemb-words{height: auto;} .abomemb-img {height: 88px;line-height: 88px;} .itemnew{padding: 20px 0;} .aboutxg ul .abomemb-link{width: 99%;} .aboutxg ul .abomemb-link:nth-child(3n+2){margin-right: 0%; margin-left: 0%;} .about-history-list .slides li:nth-child(4){ display:none !important;} } @media all and (max-width:639px) { .about-history-list .slides li:nth-child(3){ display:none !important;} }