.HomeBan .imgbox { padding-top: 9.34rem } .HomeBan video { width: 100%; height: 100%; object-fit: cover } .HomeBan .imgbox::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.1); left: 0; top: 0 } .HomeBan .slick-dots { position: absolute; left: 0; bottom: 0.7rem; display: flex; justify-content: center; align-items: center; width: 100% } .HomeBan .slick-dots button { font-size: 0 } .HomeBan .slick-dots li { width: 0.4rem; height: 0.02rem; background: rgba(255, 255, 255, 0.4); margin: 0 0.09rem; display: flex; align-items: center } .HomeBan .slick-dots li button { background-color: #fff; height: 0.02rem } .HomeBan .slick-dots li.slick-active { width: 0.8rem } .HomeBan .slick-dots li.slick-active button { display: block; background-color: #fff !important; width: 100% !important; height: 100% !important } .HomeBan .mobile { display: none } .HomeBan .slick-arrow.slick-prev { display: none !important } .HomeBan .slick-arrow.slick-next { background-image: url(../images/bannerArrow.png); width: 1.22rem; height: 1.21rem; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; right: auto; left: 2.4rem; top: auto; bottom: 1.44rem; transform: translate(0, 0); transition: all 0.5s ease; box-shadow: none; border: none; } .HomeBan .slick-arrow.slick-next:hover { transform: translateX(0) rotate(360deg) } } .HomeBan .slick-active .cnTitle { animation: fadeInUpSmall 0.6s 0.7s ease both; } .HomeBan .slick-active .enIntro { animation: fadeInUpSmall 0.6s 0.7s ease both; } .HomeBan .slick-active .cnIntro { animation: fadeInUpSmall 0.6s 0.9s ease both; } @media screen and (max-width:1440px) { .HomeBan .slick-arrow.slick-next { left: 12.5% } } @media screen and (max-width:1024px) { .HomeBan .slick-dots { bottom: 0.2rem } .HomeBan .mobile { display: block } .HomeBan .pc { display: none } .publicLine { margin-top: -1.3rem !important; } .HomeBan .slick-arrow.slick-next { width: 0.5rem; height: 0.5rem; left: 2% } .HomeBan .mt20 { margin-top: 0.1rem; } } @media screen and (max-width:768px) { .publicLine { margin-top: -1rem !important; } } @media screen and (max-width: 480px) { .publicLine { margin-top: -0.5rem !important; } .HomeBan .slick-arrow.slick-next { bottom: 0.7rem; /* width:0.4rem; */ /* height:0.4rem; */ /* left: 5%; */ } } .publicLine { position: relative; margin-top: -1.26rem; width: 100%; z-index: 2 } .HomeBan .fontBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .HomeBan .fontBox .w1440 { height: 100%; display: flex; flex-direction: column; justify-content: center; } .HomeBan .fontBox .w1440 .intro { width: 100%; max-width: 6rem; text-align: justify; } @media screen and (max-width:480px) { .HomeBan.Banner .imgbox { padding-top: 5rem; } } /* .container { background-image: url(../images/publicLine.png); background-size: 100% auto; background-repeat: no-repeat; min-height: 3rem; padding-top: 1.8rem; } @media screen and (max-width:1024px) { .container { padding-top: 1.1rem; } } */ /* @media screen and (max-width:480px) { .container { padding-top: 80px; } } */ .subTitle{display:flex;flex-direction:column;align-items:flex-end} .subTitle:before{content:'';width:0.68rem;height:0.22rem;display:block;background-image:url(../images/titleBg.png);background-size:contain;background-repeat:no-repeat;float:right;margin-bottom:0.15rem} .componyList .item .right,.componyList .item .left{width:50%} .componyList .item .right img{width:100%} .componyList .item .left{padding-right:0.9rem;text-align:justify} .componyList .item .left .fontBox div{color:#30B7BA;font-size:0.24rem;margin-bottom:0.3rem} .componyList .item .left .fontBox p{color:#333333;line-height:2;margin-bottom:0.3rem;font-size:0.18rem} .componyList .item .left .fontBox p:last-child{margin-bottom:0} .componyList .item:nth-child(2n){flex-direction:row-reverse} .componyList .item:nth-child(2n) .left{padding-right:0;padding-left:0.9rem} .numList{width:100%} .numList .num{margin-right:0.05rem;margin-left:0.05rem} .numList span{color:#103581;background:linear-gradient(-39deg,#66AEFB 0%,#30B7BA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent} @media screen and (max-width:1024px){ .subTitle:before{margin-bottom: 0;} .componyList .item .left{padding-right: 0.2rem;} .componyList .item:nth-child(2n) .left{padding-left: 0.2rem;} .componyList .item .left .fontBox div{margin-bottom: 0.1rem;font-size: 0.18rem;} .componyList .item .left .fontBox p{margin-bottom: 0.1rem;font-size: 0.16rem;} .componyList .mt20{margin-top: 0.1rem;} } @media screen and (max-width:768px){ .componyList .item{flex-direction:column !important} .componyList .item .left{padding-left:0 !important;padding-right:0 !important} .componyList .item .right{margin-top:0.3rem} .componyList .item .right,.componyList .item .left{width:100%} .componyList .pt100{padding-top:0.3rem} } @media screen and (max-width:480px){ .componyList {padding-bottom: 0.5rem !important;} } .fzlcListBox{ background-image: url(../images/fzlcBg.png);background-size: 100% auto; } .fzlcList{width:100%;position:relative;} .fzlcList::after{top: 0.2rem;content:'';display:block;width:1px;height: calc(100% - 0.4rem);position:absolute;left:50%;transform:translate(-50%,0);border-left:1px dashed #30B7BA} .fzlcList .item{display:flex;justify-content:flex-end} .fzlcList .item .itemCon{width:50%;position:relative;padding-left:0.6rem} .fzlcList .item .itemCon::before{content:'';display:block;width:0.08rem;height:0.08rem;background:linear-gradient(-39deg,#66AEFB,#30B7BA);border-radius:50%;position:absolute;left:-0.04rem;top:0.14rem;z-index: 3;} .fzlcList .item .itemCon::after{content:'';display:block;width:0.18rem;height:0.18rem;border-radius:50%;position:absolute;left:-0.1rem;top:0.08rem;border:1px solid #30B7BA;background-color:#fff;z-index: 2;} .fzlcList .item:not(:first-child){margin-top:0.6rem} @media screen and (min-width:481px){ .fzlcList .item:nth-child(2n){justify-content:flex-start} .fzlcList .item:nth-child(2n) .itemCon{padding-left:0;padding-right:0.6rem;text-align:right} .fzlcList .item:nth-child(2n) .itemCon::before{left:auto;right:-0.04rem} .fzlcList .item:nth-child(2n) .itemCon::after{left:auto;right:-0.1rem} } @media screen and (max-width:480px){ .fzlcList::after{left: 0;transform: translate(0, 0);} .fzlcList .item .itemCon{width: 100%;padding-left: 0.2rem;} .fzlcList .item:not(:first-child){margin-top:0.3rem} .fzlcList .item .itemCon::before{top: 0.18rem;} .fzlcList .item .itemCon::after{top: 0.12rem;} .fzlcList .mb30 { margin-bottom: 0.1rem; } .fzlcList .mt20 { margin-top: 0.1rem; } .fzlcList .desc{ margin-top: 0.08rem; } .fzlcList{ margin-bottom: 0.5rem; } } .contactList{} .contactList .item{width:calc(50% - 0.2rem);margin-bottom:0.34rem;position:relative;transition:all 0.5s ease} .contactList .item .itemCon{width:100%;height:100%;position:absolute;left:0;top:0;padding:0.5rem} .contactList .item .itemCon .more{min-width:1.6rem;height:0.5rem;background:#30B7BA;border-radius:0.25rem;color:#fff;display:flex;align-items:center;justify-content:center} .contactList .item .itemCon .more img{width:0.18rem;margin-right:0.2rem} @media screen and (max-width:1024px){ .contactList .item .itemCon{padding: 0.2rem;} .mt15{margin-top: 0.1rem;} } @media screen and (min-width:481px){ .contactList .item:hover{margin-top:-0.08rem;margin-bottom:0.42rem} .contactList .item:nth-last-child(-n+2) { margin-bottom: 0; } } @media screen and (max-width:480px){ .contactList .item{ width: 100%; margin-bottom: 0.2rem; } .contactList .item:last-child{ margin-bottom: 0; } } .contactBox .left .ul li img{ width: 1.54rem; } .contactBox .right,.contactBox .left{width:calc(50% - 0.2rem)} .contactBox .left .ul li{margin-right:0.4rem} .contactBox .left .ul li:last-child{margin-right:0} .contactBox .left dd span{min-width:1rem;text-align:justify} .form .item{ padding-top: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px solid #E6E6E6; } .form .item2{padding-top:0.3rem;padding-bottom:0.2rem} .form .item input,.form .item textarea{width:100%;min-height: 0.3rem;line-height: 0.3rem;} .form .item2 textarea{background-color:#fff;padding:0.16rem;margin-top:0.16rem} .form .item:-moz-placeholder{color:#666666;font-size:0.16rem} .form .item::-moz-placeholder{color:#666666;font-size:0.16rem} .form .item input:-ms-input-placeholder,.form .item textarea:-ms-input-placeholder{color:#666666;font-size:0.16rem} .form .item input::-webkit-input-placeholder,.form .item textarea::-webkit-input-placeholder{color:#666666;font-size:0.16rem} .formbtn{width:1.7rem;height:0.56rem;background:#30B7BA;border-radius:0.28rem;display:flex;align-items:center;justify-content:center;font-size: 0.16rem;} @media screen and (max-width:480px){ .contactBox .right, .contactBox .left{width:100%;} .form.mt10{margin-top: 0;} .contactBox .right{margin-top: 0.4rem;} .contactBox {padding-bottom: 0.5rem;} } .newsSearch{width:100%;max-width:4.9rem;height:0.5rem;background:#FFFFFF;box-shadow:1px 0.05rem 0.38rem 0px rgba(30,131,192,0.06);border-radius:0.25rem;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;-ms-border-radius:0.25rem;-o-border-radius:0.25rem;padding:0 0.4rem;margin-top: -0.4rem;z-index: 2;} .newsSearch input{flex:1;font-size: 0.16rem;} .searchBtn{cursor:pointer} .searchBtn img{width:0.2rem} .newsList .item{margin-left:0.3rem;margin-right:0.3rem} .newsList .item .itemCon{display:flex;flex-direction:column;position:relative} .newsList .item .itemConDiv{position:absolute;width:100%;height:100%;left:0;top:0;padding:0.3rem} .newsList .item .imgbox{width:100%;padding-top:58.05%;border-radius:0.3rem} .newsList .item .imgbox img{transition:all 0.5s ease} .newsList .item .itemCon:hover .imgbox img{transform:scale(1.05)} .newsList .item .itemCon:hover .title{color:#30B7BA} .newsList .item .itemCon .arrow{width:0.8rem;height:0.8rem;background:#FFFFFF;border-radius:50%;position:absolute;bottom:0;right:0;background-image:url(../images/arrowRightLine.png);background-size:0.19rem 0.11rem;background-repeat:no-repeat;background-position:center} @media screen and (min-width:1025px){ .newsList{width:calc(100% + 0.6rem);margin-left:-0.3rem} .newsList .slick-arrow.slick-prev{left:-0.5rem} .newsList .slick-arrow.slick-next{right:-0.5rem} } @media screen and (max-width:1024px){ .newsList{padding-left:0rem;padding-right:0rem} } @media screen and (max-width:768px){ .newsList .item .itemCon .arrow{width:0.6rem;height:0.6rem} .newsList{padding-left:0.3rem;padding-right:0.3rem} .newsList .mt30{margin-top:0.2rem} .newsList .item .itemConDiv{padding:0.2rem} .newsList .item{margin-left: 0;margin-right: 0;} .newsList { padding-left: 0; padding-right: 0; } } .newList2 .item{background:#FFFFFF;border-radius:0.2rem;padding:0.35rem 0.4rem;margin-bottom:0.2rem} .newList2 .item:last-child{margin-bottom:0} .newList2 .item .left{width:2.6rem;margin-right:0.4rem} .newList2 .item .imgbox{width:100%;padding-top:57.693%;border-radius:0.1rem} .newList2 .item .imgbox img{transition:all 0.5s ease} .publicArrow, .newList2 .item .arrow{width:1.8rem;height:0.56rem;background:#30B7BA;border-radius:0.28rem;display:flex;align-items:center;justify-content:space-between;padding-left:0.3rem;padding-right:0.08rem} .publicArrow .arrowRightX, .newList2 .item .arrow .arrowRightX{width:0.4rem;height:0.4rem;background:#FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center} .publicArrow .arrowRightX img, .newList2 .item .arrow .arrowRightX img{width:0.12rem} .newList2 .item .fontBox{width:calc(100% - 2.6rem)} .newList2 .item:hover .imgbox img{transform:scale(1.05)} .newList2 .item:hover .title{color:#30B7BA} .publicArrow:hover .arrowRightX, .newList2 .item .arrow:hover .arrowRightX{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate} @media screen and (max-width:480px){ .newList2 .item .itemCon{flex-direction:column} .newList2 .item .left{width:100%;margin-right:0} .newList2 .item{padding:0.2rem} .newList2 .item .right{margin-top:0.2rem;flex-direction:column;align-items:flex-start} .newList2 .item .fontBox{width:100%;margin-bottom:0.2rem} } .titH span{ margin-left: 0.3rem; margin-right: 0.3rem; } .sectionUsList .item{position:relative;border-radius:0.2rem;overflow:hidden;margin-left: 0.1rem;margin-right: 0.1rem;} .sectionUsList .item:nth-child(5n){margin-right:0} .sectionUsList .item .itemCon{width:100%;height:100%;position:absolute;left:0;top:0;padding:0.5rem 0.3rem} @media screen and (min-width:1025px){ .sectionUsList{ width: calc(100% + 0.2rem); margin-left: -0.2rem; } } @media screen and (max-width:1024px){ .sectionUsList .item .itemCon{ padding: 0.2rem; } .sectionUsList .item .f20{ font-size: 0.16rem; } } @media screen and (max-width:768px){ .sectionUsList .item{ width: 100%; margin-right: 0; margin-bottom: 0.2rem; } } .productBg{ background-image: url(../images/productBg.jpg); background-size: cover; } .productBg2{ background-image: url(../images/productBg2.jpg); background-size: cover; } .sectionProduct { background-image: url(../images/sectionProductBg.jpg); background-size: cover; } /* .sectionProductBg{ background-image: url(../images/sectionProductBg.jpg); background-size: cover; } .sectionPtjg{ background-image: url(../images/ptjgBg.png); background-size: cover; } .sectionJsys{ background-image: url(../images/jsysBg.png); background-size: cover; } */ .sectionCooperate{min-height: 7rem;background-size:cover} .sectionCooperateList{width:calc(100% + 0.2rem);margin-left:-0.1rem} .sectionCooperateList .item{margin-left:0.1rem;margin-right:0.1rem} .sectionCooperateList .item .imgbox{padding-top:38.6%} .sectionCooperateList .item .imgbox img{object-fit:contain;transition: all 0.5s ease;transform: scale(0.9);} .sectionCooperateList .item .itemCon{background-color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0.1rem;padding:0.3rem} .sectionCooperateList .item .itemCon .imgbox{width:100%} .sectionCooperateList .item:hover .imgbox img{transform: scale(1);} .sectionSolute .left{width:4.82rem;padding-right:0.5rem} .sectionSolute .right{width:calc(100% - 4.82rem)} .sectionSolute .titH span{margin-left:0;margin-right:0} .sectionSolute .picCon{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:0.3rem 0.1rem} .sectionSolute .picCon::after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0} .sectionSolute .picCon:before{content:'';display:block;width:0%;height:0.03rem;position:absolute;left:50%;top:0;background:#30B7BA;transition:all 0.5s ease} .sectionSolute .picCon img{height:0.46rem;margin-bottom:0.3rem;position:relative;z-index:2} .sectionSolute .picCon .title{position:relative;z-index:2} .sectionSolute .picCon .img2{display:none} .sectionSolute .slick-current .picCon::after{background:linear-gradient(180deg,#30B7BA 0%,rgba(48,183,186,0) 100%);opacity:0.2} .sectionSolute .slick-current .picCon::before{width:100%;left:0} .sectionSolute .slick-current .picCon .img1{display:none} .sectionSolute .slick-current .picCon .img2{display:block} .sectionSolute .slick-current .picCon .title{color:#30B7BA} .sectionSolute .asNavForSlickTab{margin-bottom:0.25rem} .sectionSolute .publicArrow{margin-top:1.4rem} .sectionSolute .asNavForSlickTabC{border-radius:0.1rem} @media screen and (max-width:1024px){ .sectionSolute .pb170{padding-bottom: 1rem;} .sectionSolute .publicArrow { margin-top: 0.5rem; } } @media screen and (max-width:768px){ .sectionSolute .right, .sectionSolute .left{width: 100%;margin-right: 0;padding-right: 0;} .sectionSolute .pb170 { padding-bottom: 0.3rem; } .sectionSolute .publicArrow { margin-top: 0.3rem; margin-bottom: 0.3rem; } } .ZhongD .ZhongD_part2{position:relative} .ZhongD .ZhongD_part2::before{content:"";display:block;width:10.5rem;height:100%;background:url(../images/img_bg1.png) no-repeat center center;background-size:100% 100%;position:absolute;left:0;top:0;z-index:9;transform:rotate(180deg);left:auto;right:0} .ZhongD .ZhongD_part2 ul{display:flex;margin-left:-0.15rem;position:relative;z-index:9;align-items:flex-end} .ZhongD .ZhongD_part2 ul li{margin-left: 0.1rem;width: 1.6rem;position:relative;border-radius:0.1rem;overflow:hidden;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;} .ZhongD .ZhongD_part2 ul li .img{padding-top: 5.5rem;} .ZhongD .ZhongD_part2 ul li .img::after{content:'';display:block;width:100%;height:100%;background: rgba(0,0,0,0.5);position:absolute;top:0;left:0;background-size: cover;} .ZhongD .ZhongD_part2 ul li .txt{position:absolute;color:#fff;bottom:0;padding:0.3rem 0.2rem;width:100%;box-sizing:border-box;border-radius:0.1rem;overflow:hidden;transition:all .3s ease;height:100%;display:flex;justify-content:center;align-items:center;font-size: 0.18rem;line-height:1.5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;} .ZhongD .ZhongD_part2 ul li .txt .con{font-weight:lighter;margin-top: 0.4rem;display:none} .ZhongD .ZhongD_part2 ul li .txt .iconbox{width:0.4rem;height:0.4rem;margin:0 auto;display:flex;align-items:center;justify-content:center} .ZhongD .ZhongD_part2 ul li .txt .iconbox .img2{display:none} .ZhongD .ZhongD_part2 ul li .txt .iconbox img{height: 0.4rem;} .ZhongD .ZhongD_part2 ul li .txt .tit{text-align:center;font-size:0.18rem;transition:all .3s ease;margin-bottom:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;} .ZhongD .ZhongD_part2 ul li .txt .tit::before{opacity:0} .ZhongD .ZhongD_part2 ul li.on{width: 5.9rem;} .ZhongD .ZhongD_part2 ul li.on .img{padding-top: 5.5rem;} .ZhongD .ZhongD_part2 ul li.on .txt{flex-direction:column;align-items:flex-end;color:#333;background: linear-gradient(0deg, #0068CE 0%, rgba(0,104,206,0) 100%);} .ZhongD .ZhongD_part2 ul li.on .txt .con{display:block;position:relative} .ZhongD .ZhongD_part2 ul li.on .txt .icon{display:flex;align-items:flex-start;justify-content:flex-start;position:relative;width:100%;flex-direction:column;color:#fff} .ZhongD .ZhongD_part2 ul li.on .txt{padding:0.6rem 0.5rem;align-items:flex-start;color:#fff;justify-content:flex-end} .ZhongD .ZhongD_part2 ul li.on .txt .icon .iconbox .img1{display:none} .ZhongD .ZhongD_part2 ul li.on .txt .icon .iconbox .img2{display:block} .ZhongD .ZhongD_part2 ul li.on .txt .icon .iconbox{margin:0} .ZhongD .ZhongD_part2 ul li.on .txt .tit::before{opacity:1} .ZhongD .ZhongD_part2 ul li.on .txt .tit{font-size:0.24rem;margin-left:0;} @media screen and (min-width:641px){ .ZhongD .ZhongD_part2 ul li .txt .tit{ letter-spacing: 0.08rem; writing-mode: vertical-lr; } .ZhongD .ZhongD_part2 ul li.on .txt .tit{ writing-mode: inherit; letter-spacing: 0; } } @media(max-width:1024px){ .ZhongD .ZhongD_part1 .item::before{display:none} .ZhongD .ZhongD_part1 .item .img::after{display:none} .ZhongD .ZhongD_part1 .item{min-height:1px} .ZhongD .ZhongD_part1 .item .txt .txtbox{width:100%;padding:5%} .ZhongD .ZhongD_part2 ul li .img{padding-top:4rem} .ZhongD .ZhongD_part2 ul li .txt{padding:20px 5px} .ZhongD .ZhongD_part2 ul li.on .img{padding-top:4rem} .ZhongD .ZhongD_part2 ul li .txt .iconbox{width:36px;height:36px;line-height:36px} .ZhongD .ZhongD_part2 ul li .txt .tit{font-size:16px;} .ZhongD .ZhongD_part2 ul li.on .txt{padding:20px} .ZhongD .ZhongD_part2 ul li.on .txt .tit{font-size:18px} .ZhongD .ZhongD_part2 ul li.on .txt .icon i{width:14px} .ZhongD .ZhongD_part2 ul li .txt .con{min-width:150px} } @media(max-width:768px){ .ZhongD .ZhongD_part2 ul li .txt .tit{font-size:14px} } @media(max-width:640px){ .ZhongD .ZhongD_part2 ul{flex-wrap:wrap} .ZhongD .ZhongD_part2 ul li{width:99.5%;margin-bottom:10px} .ZhongD .ZhongD_part2 ul li.on{width:99.5%} .ZhongD .ZhongD_part2 ul li .txt{flex-direction: column;align-items: flex-start;background: linear-gradient(0deg, #0068CE 0%, rgba(0,104,206,0) 100%);background-size:cover;color:#333;position:static;border-radius:0 0 0.1rem 0.1rem;padding:15px} .ZhongD .ZhongD_part2 ul li .txt .con{display:block;position:relative;margin-top: 10px;} .ZhongD .ZhongD_part2 ul li .txt .icon{flex-direction: column; display:flex;align-items:flex-start;justify-content:flex-start;position:relative;width:100%} .ZhongD .ZhongD_part2 ul li .txt .icon i{width:14px;height:10px;background:url(../images/more_b.svg) no-repeat center center;background-size:contain;position:absolute;right:0;top:50%;transform:translateY(-50%)} .ZhongD .ZhongD_part2 ul li .txt .icon .iconbox .img1{display:none} .ZhongD .ZhongD_part2 ul li .txt .icon .iconbox .img2{display:block} .ZhongD .ZhongD_part2 ul li .txt .icon .iconbox{margin:0} .ZhongD .ZhongD_part2 ul li .txt .tit::before{opacity:1} .ZhongD .ZhongD_part2 ul li .txt .tit{font-size:16px;} .ZhongD .ZhongD_part2 ul li.on .txt .tit{font-size:16px} .ZhongD .ZhongD_part2 ul li.on .txt{padding:15px} .ZhongD .ZhongD_part2 ul li .txt .tit{color: #fff;} .ZhongD .ZhongD_part2 ul li .txt .con{color: #fff;} } .sectionPtjgCon .left{width:75%} .sectionPtjgCon .right{width:calc(25% - 0.2rem)} .sectionPtjgCon .right dd{position:relative;margin-bottom:0.18rem} .sectionPtjgCon .right dd .ddCon{width:100%;height:100%;position:absolute;left:0;top:0} .sectionPtjgCon .right dd:last-child{margin-bottom:0} .sectionPtjgCon .right dd .ddCon img{width:0.88rem} @media screen and (max-width:1025px){ .sectionPtjgCon .right dd .ddCon img{width:0.44rem} } @media screen and (max-width:480px){ .sectionPtjgCon .left{ width: 100%; } .sectionPtjgCon .right{ width: 100%; } .sectionPtjgCon .right dl{ flex-direction: row; justify-content: space-between; margin-top: 0.18rem; } .sectionPtjgCon .right dl dd{ width: calc(50% - 0.05rem); } } .sectionJsys .asNavForSlickTabC .left{width:41%;max-width:5.8rem} .sectionJsys .asNavForSlickTabC .left dd{border-bottom:1px solid #D5DBE7;padding-bottom: 0.2rem;margin-bottom: 0.2rem;} .sectionJsys .asNavForSlickTabC .left dd:last-child{margin-bottom:0} .sectionJsys .asNavForSlickTabC .left dd img{width:0.22rem;margin-right:0.2rem} .sectionJsys .asNavForSlickTabC .left dd .intro{padding-left:0.42rem;margin-top: 0.12rem;} .sectionJsys .asNavForSlickTabC .right{width:53%;max-width:7.6rem} .sectionJsys .asNavForSlickTabC .right img{width:100%;border-radius:0.3rem} .sectionJsys .asNavForSlickTab{background-color:#fff;max-width:10rem;margin:0 auto;height:0.66rem;border-radius:0.33rem;padding:0.05rem 0} .sectionJsys .asNavForSlickTab .pic{height:0.56rem;margin-left:0.08rem;margin-right:0.08rem} .sectionJsys .asNavForSlickTab .pic a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#000} .sectionJsys .asNavForSlickTab .slick-current .pic a{background:#30B7BA;color:#fff;border-radius:0.28rem} .sectionJsys .hhbs{position:relative;width:100%} .sectionJsys .hhbs .hhbsLeft{width:6rem;border:1px dashed #8ED6D9;background:rgba(241,248,249,0.5);padding:0.5rem 0.3rem;margin-top:0.2rem;position:relative} .sectionJsys .hhbs .hhbsLeft::after{content:'';display:block;width:1.52rem;height:0.01rem;border-bottom:0.01rem dashed #8ED6D9;position:absolute;left:6rem;top:1rem;z-index:2} .sectionJsys .hhbs .hhbsLeft::before{content:'';display:block;width:0.09rem;height:0.09rem;background:#30B7BA;border-radius:50%;position:absolute;left:7.52rem;top:0.97rem;z-index:2} .sectionJsys .hhbs::after{content:'';display:block;width:0.25rem;height:0.25rem;background:#30B7BA;border-radius:50%;position:absolute;left:7.45rem;top:1.1rem;z-index:2;opacity:0.23} .sectionJsys .hhbs .hhbsLeft dl,.sectionJsys .hhbs .hhbsLeft dd{width:100%;color:#333} .sectionJsys .hhbs .hhbsLeft dd{display:flex;margin-bottom:0.3rem;text-align:justify} .sectionJsys .hhbs .hhbsLeft dd:last-child{margin-bottom:0} .sectionJsys .hhbs .hhbsLeft dd:before{content:'';display:block;width:0.09rem;height:0.09rem;border-radius:50%;border:0.03rem solid #30B7BA;margin-top:0.05rem;margin-right:0.1rem} .sectionJsys .hhbs .hhbsLeft dd div{flex:1} .sectionJsys .htbsImg{width:7.9rem;position:absolute;right:0;top:0} .sectionJsys .left2{width:3.89rem;position:relative} .sectionJsys .left2 .leftCon{width:100%;height:100%;position:absolute;left:0;top:0;padding:0.6rem} .sectionJsys .left2 .leftCon img{width:0.6rem} .sectionJsys .right2{padding-top:0.2rem;position:relative} .sectionJsys .right2::after{content:'';display:block;background-image:url(../images/qzLine.png);background-size:cover;position:absolute;bottom:0.68rem;left:2.28rem;width:2.67rem;height:1.15rem} .sectionJsys .center{width:3.6rem;border-radius:0.03rem;border:1px dashed #8ED6D9;background:rgba(241,248,249,0.5);padding:0.3rem;margin-right:0.28rem;margin-top:0.28rem} .sectionJsys .right2 img{width:5.89rem} .sectionJsys .right2 dd{display:flex;margin-top:0.2rem} .sectionJsys .right2 dd:before{content:'';display:block;width:0.09rem;height:0.09rem;border-radius:50%;border:0.03rem solid #30B7BA;margin-top:0.05rem;margin-right:0.1rem} @media screen and (max-width:1024px){ .sectionJsys .htbsImg, .sectionJsys .hhbs .hhbsLeft, .sectionJsys .asNavForSlickTabC .right, .sectionJsys .asNavForSlickTabC .left{width: 100%;max-width: 100%;} .sectionJsys .asNavForSlickTabC .right{margin-top: 0.2rem;} .sectionJsys .htbsImg{ position: static; } .sectionJsys .hhbs{ flex-direction: column; } .sectionJsys .htbsImg{ margin-top: 0.4rem; } .sectionJsys .right2::after, .sectionJsys .hhbs .hhbsLeft::after, .sectionJsys .hhbs .hhbsLeft::before, .sectionJsys .hhbs::after{display: none;} .qzBox { flex-direction: column; } .sectionJsys .right2 { justify-content: space-around; width: 100%; } .sectionJsys .left2{ margin: 0 auto; } } @media screen and (max-width:480px){ .sectionJsys .right2{ flex-direction: column; margin-top: -0.2rem; } .sectionJsys .right2 img, .sectionJsys .center, .sectionJsys .left2{ width: 100%; margin-right: 0; } .sectionJsys .right2 img { margin-top: 0.2rem; width: 50%; margin: 0 auto; margin-top: 0.2rem; display: none !important; } } .sectionPgtj .left{background:#fff;border-radius:0.3rem;padding:0.7rem;box-sizing:border-box} .sectionPgtj .right{background:#fff;border-radius:0.3rem;overflow:hidden} .sectionPgtj .right .imgbox{width:100%;padding-top:79.582%} .sectionPgtj .left dl{margin-top:0.3rem} .sectionPgtj .left dd{display:flex;margin-bottom:0.28rem;text-align:justify;border-bottom:1px dashed #D0DDE6;padding-bottom:0.28rem} .sectionPgtj .left dd:last-child{margin-bottom:0} .sectionPgtj .left dd:before{content:'';display:block;width:0.09rem;height:0.09rem;border-radius:50%;border:0.03rem solid #30B7BA;margin-top:0.05rem;margin-right:0.1rem} .sectionPgtj .left dd div{flex:1} .sectionPgtj .ul .item{margin-bottom:0.4rem} .sectionPgtj .ul .item:last-child{margin-bottom:0} .sectionPgtj .ul .item:nth-child(2n){flex-direction:row-reverse} .btnGroup{display:flex;align-items:center;margin-top:0.5rem;justify-content:space-between} .btnGroup a{width:1.7rem;height:0.56rem;background:#F9FDFF;border-radius:0.56rem;border:0.01rem solid #D0DDE6;display:flex;align-items:center;justify-content:space-between;padding-left:0.3rem;padding-right:0.3rem;color:#333333;transition:all 0.5s ease} .btnGroup a .img2{display:none} .btnGroup a:hover{background:#30B7BA;color:#fff} .btnGroup a:hover .img2{display:block} .btnGroup a:hover .img1{display:none} .btnGroup a img{height: 0.22rem;} @media screen and (max-width:1024px){ .sectionPgtj .left{padding: 0.3rem;} .sectionPgtj .left dd{padding-bottom: 0.2rem;margin-bottom: 0.2rem;} } @media screen and (max-width:768px){ .sectionPgtj .right, .sectionPgtj .left{width: 100%;} .sectionPgtj .ul .item{ flex-direction: column-reverse !important; } .sectionPgtj .right, .sectionPgtj .left{ padding: 0.2rem; } .btnGroup a{ padding: 0 0.15rem; width: auto; } .btnGroup a img{ margin-left: 0.1rem; } .btnGroup{ margin-top: 0.2rem; } } .sectionJckf .left{width:calc(100% - 7.9rem)} .sectionJckf .jckfImg{width:7.9rem} .sectionJckf .intro{text-align:justify} .sectionJckf .ul .item{margin-bottom: 0.2rem; height:0.4rem;background:#30B7BA;border-radius:0.06rem;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 0.2rem;min-width:1.2rem;margin-right:0.1rem} .downloadBtn{width:1.9rem;height:0.56rem;background:#F9FDFF;border-radius:0.28rem;border:1px solid #D0DDE6;color:#333333;display:flex;align-items:center;justify-content:space-between;padding:0 0.3rem;transition:all 0.5s ease} .downloadBtn:after{content:'';display:block;width:0.18rem;height:0.18rem;background-image:url(../images/downloadIcon.png);background-size:contain;background-repeat:no-repeat;background-position:center} .downloadBtn:hover{background:#30B7BA;color:#fff} .downloadBtn:hover:after{background-image:url(../images/downloadIcon2.png)} @media screen and (max-width:1024px){ .sectionJckf .left, .sectionJckf .jckfImg{width: 50%;} .downloadBtn, .sectionJckf .mt40{margin-top: 0.2rem;} } @media screen and (max-width:768px){ .sectionJckf .left, .sectionJckf .jckfImg{width: 100%;} .sectionJckf .jckfImg{ margin-top: 0.2rem; } .sectionCooperate{ min-height: 4.5rem; } } .sectionProductList{background-image:url(../images/indexProductBg.jpg);background-size:cover} .sectionProductList .sectionProductListCon{border-bottom:1px solid #EEEEEE} .sectionProductList .productIcon{margin-right:0.3rem;height:2.68rem} .sectionProductList .title{margin-top:0.4rem;margin-bottom:0.1rem} .sectionProductList dl{margin-right:0.5rem} .sectionProductList dl:last-child{margin-right:0} .sectionProductList dd{display:flex;align-items:center;margin-top:0.2rem;line-height:1} .sectionProductList dd::before{content:'';display:block;width:0.06rem;height:0.06rem;background:#30B7BA;border-radius:50%;margin-right:0.12rem} @media screen and (min-width:769px){ .sectionProductList .slider .item.slick-active + .item + .item .itemCon { justify-content: center; } } @media screen and (max-width:480px){ .sectionProductList .slider .itemCon { justify-content: center; } } .sectionNews{ background-image: url(../images/newsCenterBg.png); background-size: cover; } .sectionNews .sectionNewsCon { width:100%; } .sectionNews .itemCon{ display: flex; width: 9.1rem; height: 6.1rem; background-color: #fff; } .sectionNews .left{width: 4.5rem;border-radius: 0.4rem;overflow: hidden;} .sectionNews .left .imgbox{width: 100%;padding-top: 100%;} .sectionNews .slider .item.slick-active + .item .itemCon{ width: 4.7rem; height: 5rem; background:red; } .sectionNews .slider .item.slick-active + .item + .item .itemCon{ width: 4.7rem; height: 5rem; background:green; } .sectionYycj{background-size:cover} .sectionYycj .box{margin-top:0.8rem} .sectionYycj .asNavForSlickTab{background-image:url(../images/yycjLine.png);background-size:100% 1.82rem;padding-left:1.9rem;min-height:1.82rem;background-repeat:no-repeat} .sectionYycj .asNavForSlickTab .titleBox{position:relative;margin-top:0.18rem;height:2.08rem;width:100%} .sectionYycj .asNavForSlickTab .picCon{display:flex;padding-left:0.5rem;width:100%} .sectionYycj .asNavForSlickTab .slick-active + .slick-active + .slick-active .titleBox{margin-left:0;margin-top:0.36rem} .sectionYycj .asNavForSlickTab .slick-active + .slick-active + .slick-active + .slick-active .titleBox{margin-left:-0.1rem;margin-top:0.68rem} .sectionYycj .asNavForSlickTab .slick-active + .slick-active + .slick-active + .slick-active + .slick-active .titleBox{margin-left:-0.2rem;margin-top:0.88rem} .sectionYycj .asNavForSlickTab .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active .titleBox{margin-left:-0.35rem;margin-top:0.98rem} .sectionYycj .asNavForSlickTab .titleBox:before{content:'';display:block;width:0.06rem;height:0.06rem;background-color:#fff;border-radius:50%;position:absolute;left:0.13rem;top:0.13rem} .sectionYycj .asNavForSlickTab .titleBox::after{content:'';display:block;width:0.3rem;height:0.3rem;border-radius:50%;border:1px solid #fff;position:absolute;left:0;top:0} .sectionYycj .numberSlickMask{margin-top:-1.2rem} .sectionYycj .asNavForSlickTabC{padding-left:2.4rem;margin-top:0.4rem} .sectionYycj .asNavForSlickTab .titleBox .titleBoxCon{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:-0.42rem;top:-0.22rem;opacity:0;transform:scale(0);transition:all 0.5s ease} .sectionYycj .asNavForSlickTab .titleBox .title{width:0.9rem;height:0.79rem;background-image:url(../images/titleBg2.png);background-size:contain;background-repeat:no-repeat;background-position:center center;display:flex;align-items:center;justify-content:center;margin-bottom:0.2rem} .sectionYycj .asNavForSlickTab .slick-current .titleBox .titleBoxCon{transform:scale(1);opacity:1} .sectionYycj .asNavForSlickTab .slick-current .titleBox::before,.sectionYycj .asNavForSlickTab .slick-current .titleBox::after{opacity:0} .sectionYycj .asNavForSlickTab .slick-current .title{animation:fadeInUpSmall 0.6s 0.2s ease both} .sectionYycj .asNavForSlickTabC .slick-current .title{animation:fadeInUpSmall 0.6s 0.2s ease both} .sectionYycj .asNavForSlickTabC .slick-current .intro{animation:fadeInUpSmall 0.6s 0.4s ease both} .sectionYycj .asNavForSlickTabC .slick-current .publicArrow{animation:fadeInUpSmall 0.6s 0.4s ease both} @media screen and (min-width:1025px){ .sectionYycj .numberSlickMask{ padding-left: 0.5rem; } } @media screen and (max-width:1024px){ .sectionYycj .asNavForSlickTabC,.sectionYycj .asNavForSlickTab{padding-left:3%;padding-right: 3%;} .sectionYycj .asNavForSlickTab{background-image:none;position:relative} .sectionYycj .asNavForSlickTab::after{content:'';display:block;width:100%;height:0.01rem;background-color:rgba(255,255,255,0.5);position:absolute;left:0;top:0.34rem} .sectionYycj .asNavForSlickTab .titleBox{margin-left:0 !important;margin-top:0 !important} .sectionYycj .asNavForSlickTab .titleBox .titleBoxCon{left:0;top:0;width:100%} .sectionYycj .asNavForSlickTab .titleBox::after,.sectionYycj .asNavForSlickTab .titleBox:before{left:50%;transform:translate(-50%,0px)} .sectionYycj .asNavForSlickTab .titleBox:before{top:0.3rem} .sectionYycj .asNavForSlickTab .titleBox::after{top:0.18rem} .sectionYycj .numberSlickMask{margin-top:-0.3rem} } @media screen and (max-width:480px){ .sectionYycj .asNavForSlickTab .picCon{ padding-left: 0; } } .indexPage .Bottom{ margin-top: -3.4rem; } .sectionXwzx{background-image:url(../images/newsCenterBg.png);background-size:cover} .sectionXwzx .sectionNewsCon{padding-left:2.4rem} .sectionXwzx .item{width:4.7rem;height:5rem;margin-right:0.6rem;/* background-image:url(../images/newsBgLittle.png); *//* background-size:cover; *//* padding:0.3rem; */position:relative} .sectionXwzx .item .itemCon{background-image: url(../images/newsBgLittle.png);display:flex;flex-direction:column;padding: 0.3rem;background-size: contain;background-repeat: no-repeat;box-sizing: border-box;} .sectionXwzx .item .itemCon .left{width:100%} .sectionXwzx .item .itemCon .left .imgbox{padding-top:53.66%;border-radius:0.3rem} .sectionXwzx .item .itemCon .fontBox{display:flex;flex-direction:column-reverse} .sectionXwzx .item .itemCon .title{-webkit-line-clamp:1;margin-top:0.2rem} .sectionXwzx .item .itemCon .time{margin-top: 0.1rem;} .sectionXwzx .item .itemCon .intro{margin-top:0.1rem} .sectionXwzx .item .itemCon .publicArrow{display:none} .sectionXwzx .item .itemCon .arrow{width:0.8rem;height:0.8rem;background:#FFFFFF;border-radius:50%;position:absolute;bottom:0;right:0;background-image:url(../images/arrowRightLine.png);background-size:0.19rem 0.11rem;background-repeat:no-repeat;background-position:center;box-shadow:0px 0.06rem 0.2rem 0.04rem rgba(51,137,164,0.05)} .sectionXwzx .sectionNewsCon .box .slick-list, .sectionXwzx .sectionNewsCon .box{width: 100%;} @media screen and (min-width:1025px){.sectionXwzx .item.slick-current .itemCon .arrow{display:none} .sectionXwzx .item.slick-current{width:9.1rem;height:6.1rem;/* background-image:url(../images/newsBgBig.png); */} .item.wow.zoomInSmall.slick-slide.animated.slick-current.slick-active {} .sectionXwzx .item.slick-current .itemCon{flex-direction:row;animation: zoomInSmall 0.9s 0s ease both;background-image: url(../images/newsBgBig.png);background-size: cover;} .sectionXwzx .item.slick-current .itemCon .left{width:4.5rem} .sectionXwzx .item.slick-current .itemCon .right{width:calc(100% - 4.5rem);padding-left:0.4rem} .sectionXwzx .item.slick-current .itemCon .right .title{-webkit-line-clamp:2} .sectionXwzx .item.slick-current .itemCon .right .time{margin-top:0.6rem} .sectionXwzx .item.slick-current .itemCon .right .fontBox{flex-direction:column} .sectionXwzx .item.slick-current .itemCon .right .publicArrow{display:flex} .sectionXwzx .item.slick-current .itemCon .left .imgbox{padding-top:122.223%} .sectionXwzx .slick-arrow.slick-prev{transform:translate(0,0);top:auto;bottom:0;left:7.3rem} .sectionXwzx .slick-arrow.slick-next{transform:translate(0,0);top:auto;bottom:0;left:8.26rem} .sectionXwzx .item.slick-current .itemCon .arrow{display:none} }.sectionHzhb{background-image:url(../images/hzhbBg.jpg);background-size:cover} @media screen and (max-width:1024px){.sectionXwzx .sectionNewsCon{padding-left:3%;padding-right:3%} .sectionXwzx .item{margin-right:0.3rem} .sectionXwzx .slick-arrow.slick-prev{transform:translate(0,0);top:auto;bottom:0;left:calc(50% - 0.9rem)} .sectionXwzx .slick-arrow.slick-next{transform:translate(0,0);top:auto;bottom:0;left:auto;right:calc(50% - 0.9rem)} .sectionXwzx .box{padding-bottom:1.2rem} } @media screen and (max-width:768px){.sectionXwzx .slick-arrow.slick-prev{transform:translate(0,0);top:auto;bottom:0;left:calc(50% - 0.6rem)} .sectionXwzx .slick-arrow.slick-next{transform:translate(0,0);top:auto;bottom:0;left:auto;right:calc(50% - 0.6rem)} .sectionXwzx .box{padding-bottom:0.8rem} } @media screen and (max-width:480px){.sectionXwzx .item{width:4rem;height:4.3rem} .sectionXwzx .item .itemCon .arrow{width:0.6rem;height:0.6rem} .sectionHzhb{padding-bottom: 0.5rem;} .sectionXwzx .item .itemCon .time{margin-top: 0.1rem;} } .sectionHzhbCon{position:relative;display:flex;padding-left:1.6496rem} .hzhbCircle{position:relative;width:5.45rem} .hzhbCircleCon{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;text-align:center} .sectionHzhbCon .tabNav{width:2.4rem;position:absolute;left:0rem;z-index:2} .sectionHzhbCon .right{flex:1} .sectionHzhbCon .linkBox .item{width:calc(100% / 3 - 0.12rem);margin-right:0.18rem;margin-bottom:0.09rem;margin-top:0.09rem;background:#FFFFFF;box-shadow:0px 0.2rem 0.4rem 0px rgba(30,61,123,0.05);border-radius:0.1rem} .sectionHzhbCon .linkBox .item:nth-child(3n){margin-right:0} .sectionHzhbCon .tabConBox{flex:1;padding-left:0.64rem} .sectionHzhbCon .linkBox .item .itemCon{display:flex;align-items:center;padding: 0.2rem;} .sectionHzhbCon .linkBox .item .imgbox{width:100%;padding-top:33.9%} .sectionHzhbCon .linkBox .item .imgbox img{object-fit:contain;transition:all 0.5s ease;transform: scale(0.9);} .sectionHzhbCon .linkBox .item .itemCon:hover .imgbox img{transform: scale(1);} .tabNav{position:relative} .tabNav .item{position:relative;margin-bottom:0.25rem;margin-top:0.25rem;cursor:pointer} .tabNav .item:last-child{margin-bottom:0} .tabNav .h3{display:flex;justify-content:center;align-items:center;font-weight:normal;width:1.61rem;border-radius:0.1rem;background-size:cover;height:0.56rem} .tabNav .h3 img{width:0.26rem;margin-right:0.1rem} .tabNav .on .h3{background-image:url(../images/hzhbTitleBg.png)} .tabNav h3{transition:all 0.5s;display:flex;position:relative} .tabNav h3 span{flex:1;margin-left:0;position:relative} .tabNav h3 span:After{width:0;transition:all .5s cubic-bezier(0.9,0.5,0.05,1.5);height:0.01rem;content:"";position:absolute;right:-20%;background:url(../images/home-scene-water.svg) no-repeat 0 center/cover;top:50%;transform:translateY(-50%)} .tabNav h3 i{position:absolute;width:0.08rem;height:0.08rem;border-radius:50%;content:"";top:50%;transform:translateY(-50%);background-color:#fff;right:0;z-index:10;transition:all 0.5s;width:0.14rem;height:0.14rem;background:#38B7C3} .tabNav .on h3{color:#38B7C3} .tabNav .on span i{width:0.14rem;height:0.14rem;background:#38B7C3} .tabNav .on span i::before,.tabNav .on span i::after{width:100%;height:100%;background:#38B7C3;position:absolute;left:0;top:0;border-radius:50%;opacity:0;animation:scaleAnimate 2s linear;animation-iteration-count:infinite;content:"";z-index:-1} .tabNav .on span i::after{animation-delay:.5s} .tabNav .on h3 span:After{width:120%} .tabNav .item h3 i{right:-0.2rem} @media(min-width:769px){.tabNav .item:nth-child(1){margin-left:0.4rem} .tabNav .item:nth-child(2){margin-right:0.6rem} .tabNav .item:nth-child(3){margin-right:0.84rem} .tabNav .item:nth-child(4){margin-right:0.84rem} .tabNav .item:nth-child(5){margin-right:0.64rem} .tabNav .item:nth-child(6){margin-right:0.1rem} .tabNav .item:nth-child(1) .h3{} .tabNav .item:nth-child(2) .h3{margin-left:-0.2rem} .tabNav .item:nth-child(3) .h3{margin-left:-0.4rem} .tabNav .item:nth-child(4) .h3{margin-left:-0.4rem} .tabNav .item:nth-child(5) .h3{margin-left:-0.2rem} .tabNav .item:nth-child(6) .h3{margin-left:0.2rem} }@media screen and (max-width:1024px){.sectionHzhbCon .tabConBox{padding-left:0.2rem} .sectionHzhbCon .linkBox .item .itemCon{padding:0.2rem} }@media screen and (max-width:768px){.sectionHzhbCon .tabNav{position:static;width:100%} .sectionHzhbCon{padding-left:0;flex-direction:column} .hzhbCircle{display:none} .tabNav .item h3 i{right:0} .tabNav h3 span:After{right:0} .tabNav .on h3 span:After{width:100%} .sectionHzhbCon .tabNav ul{display:flex;flex-wrap:wrap} .tabNav .item{width:50%;margin-top:0.1rem;margin-bottom:0.1rem} .indexPage .Bottom{margin-top:-4.2rem} } .sectionGn .sectionGnCon{background:#F4F7F7;box-shadow:0px 0px 0.27rem 0px rgba(0,17,46,0.07);border-radius:0.2rem;border:0.03rem solid #FFFFFF;overflow:hidden} .sectionGn .tabMenu{width:3rem;background-image:url(../images/tabMenuBg.png);background-size:cover} .sectionGn .tabMenu .item{display:flex;justify-content:center;position:relative;cursor:pointer} .sectionGn .tabMenu .item .title{width:2.73rem;height:1.34rem;position:relative} .sectionGn .tabMenu .item .title::after{content:'';display:block;background-image:url(../images/tabMenuTitle.png);background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transform:scale(0);transition:all 0.5s ease} .sectionGn .tabMenu .item .title img{width:0.22rem;margin-right:0.24rem;z-index:2} .sectionGn .tabMenu .item .title div{z-index:2} .sectionGn .tabMenu .item span{width:0.09rem;height:0.09rem;background:#30B7BA;border-radius:50%;position:absolute;right:-0.04rem;top:50%;transform:translate(0,-50%);z-index:999} .sectionGn .tabMenu .item span:after{content:'';display:block;width:0.21rem;height:0.21rem;background:#30B7BA;border-radius:50%;opacity:0.23;position:absolute;right:-0.06rem;top:50%;transform:translate(0,-50%)} .sectionGn .tabMenu .item.on span:after{animation:scaleAnimate 2s linear;animation-iteration-count:infinite;margin-top:-0.1rem} .sectionGn .tabMenu .item.on .title::after{opacity:1;transform:scale(1)} .sectionGn .tabMenu .item{margin-top:-0.2rem} .sectionGn .tabMenu .item:nth-child(1){margin-top:0} .sectionGn .box{width:calc(100% - 3rem);padding:0.5rem;padding-bottom:0;background-size:cover} .sectionGn .box .item2{cursor:pointer;margin-right:0.9rem;color:#999999 !important;position:relative} .sectionGn .box .item2.on{color:#000000 !important} .sectionGn .box .item2::after{content:'';display:block;width:0;height:0.08rem;background-image:url(../images/itemBg.png);background-size:contain;bottom:-0.3rem;position:absolute;left:50%;transition:all 0.5s ease;background-position:center;background-repeat:no-repeat} .sectionGn .box .item2:hover::after,.sectionGn .box .item2.on::after{width:100%;left:0} .sectionGn .sjcj,.sectionGn .tabCon2,.sectionGn .TabSlide2,.sectionGn .tabCon{height:100%;width:100%} .sectionGn .box2{height:calc(100% - 0.6rem)} .sectionGn .tabMenu2{border-bottom:1px solid #E1F0F2;padding-bottom:0.3rem} .sjcj{} .sjcj .left,.sjcj .right{width:calc(50% - 0.25rem)} .sjcj .right .imgbox{padding-top:97.11%;border-radius:0.3rem} .sjcj .left dd{border-bottom:1px dashed #D0DDE6;padding-bottom:0.35rem;margin-bottom:0.35rem;position:relative;padding-left:0.3rem;text-align:justify} .sjcj .left dd:last-child{margin-bottom:0} .sjcj .left dd div{color:#000;font-size:0.18rem;display:flex;flex:1} .sjcj .left dd:before{content:'';display:block;width: 0.06rem;height: 0.06rem;border:0.03rem solid #30B7BA;border-radius:50%;position:absolute;left:0;top: 0.09rem;background: #fff;} .sjcj .left dd p{font-size:0.16rem;color:#333;margin-top:0.1rem} .jzssxn{width:100%;height:100%;position:relative} .jzssxn .circle{width:2.66rem;height:2.69rem;position:relative} .jzssxn .circle .item:nth-child(1) .jzssxn_icon{position:absolute;left:0;width:1.33rem;top:0} .jzssxn .circle .item:nth-child(2) .jzssxn_icon{position:absolute;right:0;width:1.57rem;top:-0.03rem} .jzssxn .circle .item:nth-child(3) .jzssxn_icon{position:absolute;left:0.35rem;width:2.21rem;bottom:0.03rem} .jzssxn .circle .item .fontBox .title{margin-bottom:0.05rem} .jzssxn .circle .item .fontBox .intro{margin-top:-0.2rem} .jzssxn .circle .item:nth-child(1) .fontBox{width:3.13rem;position:absolute;left:-91%;top:-22%} .jzssxn .circle .item:nth-child(2) .fontBox{width:3.42rem;position:absolute;right:-118%;top:-6%;display:flex;flex-direction:column;align-items:flex-end;text-align:right} .jzssxn .circle .item:nth-child(3) .fontBox{width:3.12rem;position:absolute;left:-91%;bottom:-23%;display:flex;flex-direction:column} .jzssxn .circle .item:nth-child(3) .fontBox .jzssxn_icon{margin-top:-0.2rem} .jzssxn .circle .item:nth-child(3) .fontBox .intro{margin-top:0.2rem} .jzssxn .circle .item .jzssxn_icon{transition:all 0.5s ease} .jzssxn .circle .item:hover .jzssxn_icon{transform:scale(1.025)} .jzgykzl{width:100%;height:100%} .jzgykzl .item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative} .jzgykzl .item .numBox{border-radius:50%;position:relative;border:1px dashed #4FB3CD;width:1.3rem;height:1.3rem} .jzgykzl .item .numBox::after{content:'';display:block;width:1.2rem;height:1.2rem;background:#30B7BA;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%} .jzgykzl .item:nth-child(2n) .numBox::after{background-color:#4C9BDB} .jzgykzl .item .numBoxCon{z-index:2} .jzgykzl .item .line{width:0.01rem;height:0.6rem;border-left:0.01rem dashed #4FB3CD} .jzgykzl .item .circle{width:0.05rem;height:0.05rem;background:linear-gradient(90deg,#32B5BC,#4E99DD);border-radius:50%;margin-bottom:0.2rem} .jzgykzl .item:after{content:'';display:block;width:0.3rem;height:0.17rem;background-image:url(../images/arrowBlue.png);background-size:contain;background-repeat:no-repeat;position:absolute;right:-0.15rem;top:0.57rem} .jzgykzl .item:last-child:after{display:none} .gyxy{width:100%;height:100%} .gyxy .gyxyCon table{width:100%;border:none;border-top:1px solid #E1F0F2;border-left:1px solid #E1F0F2} .gyxy .gyxyCon table tr td{background-color:#fff} .gyxy .gyxyCon table tr:nth-child(1) td{background:#30B7BA;color:#fff;height:0.66rem} .gyxy .gyxyCon table tr td div{display:flex;justify-content:center;align-items:center;text-align:center;padding:0.1rem} .gyxy .gyxyCon table tr td{width:25%;border-right:1px solid #E1F0F2;border-bottom:1px solid #E1F0F2} .gyxy .gyxyCon table tr:not(:nth-child(1)) td div{min-height:0.82rem} .rgzn{width:100%;overflow:hidden} .rgzn .ul{width:calc(100% + 0.24rem);margin-left:-0.12rem} .rgzn .item{padding-top:0.14rem;margin-left:0.12rem;margin-right:0.12rem} .rgzn .item .itemCon{width:100%;height:100%;position:relative;display:flex;flex-direction:column;padding:0.2rem;padding-top:0.6rem;padding-bottom:0.3rem;background:linear-gradient(180deg,#FFFFFF 0%);border:1px solid #EBF0F6;min-height:4.5rem} .rgzn .item .itemCon::after{content:'';display:block;width:1.6rem;height:0.06rem;background:#30B7BA;position:absolute;bottom:0;left:50%;transform:translate(-50%,0)} .rgzn .item .num{width:0.64rem;height:0.64rem;background-image:url(../images/rgznBg.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0.2rem;top:-0.13rem;padding-left:0.11rem;padding-top:0.11rem} .rgzn .item .title{width:100%;text-align:center} .rgzn .item .imgbox{width:100%;padding-top:57.144%;border-radius:0.1rem;margin-top:0.2rem} .rgzn .item .imgbox img{transition:all 0.5s ease} .rgzn .item .intro{margin-top:0.24rem} .rgzn .item:hover .imgbox img{transform:scale(1.05)} .rgzn .slick-dots{margin-top:0.3rem} .wljk{width:100%;height:100%} .wljk .wljkCon{display:flex} .wljk .left{width:3.9rem} .wljk .left .imgbox{width:100%;padding-top:128.206%;border-radius:0.3rem} .wljk .left .imgbox img{} .wljk .right{width:calc(100% - 3.9rem);background:#fff;border-radius:0.3rem;padding:0.6rem 0.6rem 0.6rem 0.7rem;display:flex;flex-direction:column;justify-content:space-between} .wljk .right .item{width:100%} .wljk .right .item .itemCon{width:100%;display:flex;position:relative} .wljk .right .item .itemCon .jkIcon{width:0.66rem;height:0.66rem;background:linear-gradient(90deg,#32B5BC,#4E99DD);border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;left:-1.04rem;top:50%;transform:translate(0px,-50%)} .wljk .right .item .itemCon .jkIcon::after{content:'';display:block;width:0.86rem;height:0.86rem;border-radius:50%;position:absolute;left:-0.1rem;top:50%;transform:translate(0px,-50%);background-image:url(../images/jkBg.png);background-size:cover;animation:heartbeat 2s linear;animation-iteration-count:infinite} @keyframes heartbeat{0%{transform:translate(0px,-50%) scale(1)} 50%{transform:translate(0px,-50%) scale(1.1)} 100%{transform:translate(0px,-50%) scale(1)} }.wljk .right .item .itemCon .jkIcon img{width:0.24rem} .wljk .right .item .itemCon .fontBox{flex:1} .wljk .right .item .itemCon .fontBox .title{} .wljk .right .item .itemCon .fontBox .intro{} .sjjc{width:100%;height:100%;display:flex;align-items:center} .sjjc .ul{width:100%} .sjjc .ul .item{width:6rem;margin-right:0.3rem} .sjjc .ul .item .itemCon{width:100%;display:flex;flex-direction:column} .sjjc .ul .item .itemCon .top{width:100%;display:flex;background:#ffff;overflow:hidden;border-radius:0.1rem 0.1rem 0 0} .sjjc .ul .item .itemCon .fontBox{width:calc(100% - 2.6rem);padding:0.4rem;text-align:justify} .sjjc .ul .item .itemCon .fontBox img{width:0.54rem} .sjjc .ul .item .itemCon .fontBox .intro{margin-top:0.4rem} .sjjc .ul .item .itemCon .right{width:2.6rem} .sjjc .ul .item .itemCon .right .imgbox{width:100%;padding-top:128.85%} .sjjc .ul .item .itemCon .right .imgbox img{} .sjjc .ul .item .itemCon .title{width:100%;height:0.7rem;background:linear-gradient(90deg,#32B5BC,#4E99DD);border-radius:0px 0px 0.1rem 0.1rem;display:flex;justify-content:center;align-items:center} .sjjc .slick-dots{background:#E1F0F2} .sjjc .slick-dots li{width:auto;height:0.05rem;background:transparent;border-radius:50%;margin:0;opacity:0.3;flex:1;border-radius:0;cursor:pointer;transition:all 0.5s ease} .sjjc .slick-dots li:hover,.sjjc .slick-dots li.slick-active{background:#30B7BA;opacity:1} @media screen and (max-width:1024px){ .sectionGn .box{padding:0.2rem} .sjcj .left,.sjcj .right{width:calc(50% - 0.05rem)} .sjcj .left dd{padding-bottom:0.1rem;margin-bottom:0.1rem;padding-left:0.2rem} .sectionGn .TabSlide{flex-direction:column} .sectionGn .tabMenu{width:100%;background-position:center;width:100%;overflow-x:auto} .sectionGn .tabMenu ul{display:flex;flex-wrap:wrap;width:100%;height:1rem;overflow-x:auto;list-style:none;padding:0;margin:0;display:flex;overflow-y:hidden} .sectionGn .tabMenu .item{margin-top:0;flex:0 0 auto;margin-left:0.1rem;align-items:center} .sectionGn .tabMenu .item span{display:none} .sectionGn .tabMenu .item .title{width:auto;height:1rem;position:relative;padding-left:0.16rem;padding-right:0.16rem;border-radius:0.1rem;transition:all 0.5s ease;height:0.6rem} .sectionGn .tabMenu .item .title::after{display:none} .sectionGn .tabMenu .item.on .title{background-color:#fff} .sectionGn .tabMenu .item .title img{margin-right:0.12rem} .sectionGn .tabMenu2{padding-bottom:0.1rem} .sectionGn .box{width:100%} .sectionGn .box .item2::after{bottom:-0.1rem} .sjcj{flex-direction:column} .sjcj .left,.sjcj .right{width:100%;margin-top:0.2rem} .sjcj .left dd{padding-bottom:0.2rem;margin-bottom:0.2rem;padding-left:0.2rem} .jzgykzl,.wljk,.sjjc{margin-top:0.2rem} .jzssxn{height:5rem} } @media screen and (max-width:480px){ .sectionGn .tabMenu ul{height:auto;min-height:1rem;padding:0.2rem 0} .sectionGn .tabMenu .item{margin-left:0;width:calc(100% / 3)} .sectionGn .tabMenu .item .title img{width:0.18rem} .sectionGn .tabMenu .item .title div{font-size:0.16rem} .sectionGn .box .item2{font-size:0.2rem;margin-right:0.2rem} .wljk .wljkCon{flex-direction:column} .wljk .left{width:100%} .wljk .right{width:100%;margin-top:0.2rem;padding:0.2rem} .wljk .right .item .itemCon .jkIcon{width:0.46rem;height:0.46rem;position:static;transform:translate(0px,0px)} .wljk .right .item .itemCon .jkIcon::after{width:0.56rem;height:0.56rem;left:-0.05rem} .wljk .right .item .itemCon .fontBox{flex:1;margin-left:0.2rem} .wljk .right .item{width:100%;margin-bottom:0.2rem} .wljk .right .item:last-child{margin-bottom:0} .wljk .right .item .itemCon{align-items:center} .sjcj .left dd div{font-size:0.16rem} .gyxyCon{overflow-x:auto;padding-bottom:0.2rem} .gyxyCon table{min-width:7.68rem} .sjjc .ul .item .itemCon .top{flex-direction:column} .sjjc .ul .item .itemCon .fontBox{width:100%;padding:0.2rem} .sjjc .ul .item .itemCon .right{width:100%;padding:0 0.2rem 0.2rem 0.2rem} .sjjc .ul .item .itemCon .right{width:100%;padding:0 0.2rem 0.2rem 0.2rem} .sjjc .ul .item .itemCon .right{width:100%;padding:0 0.2rem 0.2rem 0.2rem} .sjjc .ul .item .itemCon .right{width:100%;padding:0 0.2rem 0.2rem 0.2rem} .jzssxn{zoom:0.46} .jzgykzl .ul{zoom:0.5} .sjjc .ul .item .itemCon .right .imgbox img{border-radius:0.1rem} .sjjc .ul .item{margin-right:0} .sjjc .ul .item .itemCon .fontBox .intro{margin-top:0.2rem} } .findPage{ background-color: #ffffff; } .findPage .findPageCon{ width: 100%; height: 100vh; text-align: center; } .findPage .findPageCon .findPageImg{ width: 2.66rem; position: relative; z-index: 2; margin-top: 1.2rem; } .findPage .findPageCon .title{ max-width: 94%; } .findPage .findPageCon .intro{ max-width: 94%; } #backButton, .findPage .findPageCon .backBtn{ width: 1.5rem; height: 0.5rem; background: #30B7BA; border-radius: 0.25rem; display: flex; justify-content: center; align-items: center; color: #fff; /* margin-top: 0.2rem; */ font-size: 0.16rem; } #backButton img, .findPage .findPageCon .backBtn img{ width: 0.14rem; margin-left: 0.18rem; } .findPageContent{ max-width: 100%; width: 10.24rem; height: 8.53rem; background-image: url(../images/findPageBg.png); background-size: cover; background-position: top center; } .jsys .picCon{background:#FFFFFF;border-radius:0.2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;margin-top:0.16rem;padding:0.8rem 0.8rem 0.6rem 0.8rem;min-height: 6.7rem;} .jsys .picCon .title{width:3.13rem;height:0.61rem;display:flex;justify-content:center;align-items:center;background-image:url(../images/cpTitleBg.png);background-size:contain;background-repeat:no-repeat;background-position:center;background-repeat:no-repeat;position:absolute;top:-0.16rem} .jsys .picCon .intro{text-align:center} .jsys .picCon .cpBox{display:flex;width:100%} .jsys .picCon .cpBox .left{width:5.18rem} .jsys .picCon .cpBox .left .imgbox{padding-top: 73.36%;} .jsys .picCon .cpBox .left .imgbox img{ object-fit: contain; } .jsys .picCon .cpBox .right{width:calc(100% - 5.18rem);padding-left:0.6rem} .jsys .picCon .cpBox .right dl{width:100%} .jsys .picCon .cpBox .right dl dd{width:100%;display:flex;margin-top: 0.3rem;margin-bottom: 0.3rem;} .jsys .picCon .cpBox .right dl dd .circleDot{width:0.08rem;height:0.08rem;background:#3CB5C9;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;margin-top:0.08rem} .jsys .picCon .cpBox .right dl dd .circleDot:after{content:'';width:0.16rem;height:0.16rem;background:#3CB5C9;border-radius:50%;display:block;opacity:0.15;position:absolute;left:-0.04rem;top:0.04rem;animation:heartbeat 2s linear;animation-iteration-count:infinite} .jsys .picCon .cpBox .right dl dd .fontBox{flex:1;margin-left:0.1rem} @media screen and (max-width:1024px){ .jsys .picCon .cpBox .right{padding-left: 0.2rem;} .jsys .picCon{padding-left: 0.2rem;padding-right: 0.2rem;padding-bottom: 0.2rem;} } @media screen and (max-width:768px){ .jsys .picCon .cpBox{flex-direction: column-reverse;margin-top: 0;padding-top: 0;} .jsys .picCon .cpBox .left{width: 100%;} .jsys .picCon .cpBox .right { padding-left: 0; width: 100%; } .jsys .asNavForSlickTabC .right{ margin-top: 0; } .jsys .picCon .cpBox .right dl dd{ margin-top: 0.2rem; margin-bottom: 0.2rem; } } .zzzs{background-image:url(../images/zzzsBg.jpg);background-size:cover} .zzzs .zzzsCon{} .zzzs .zzzsCon .ul{} .zzzs .zzzsCon .ul .item{} .zzzs .zzzsCon .ul .item .itemCon{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center} .zzzs .zzzsCon .ul .item .itemCon .imgbox{width:3.6rem;padding-top:65.834%} .zzzs .zzzsCon .ul .item .itemCon .imgbox img{} .zzzs .zzzsCon .ul .item .itemCon .title{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-0.04rem} .zzzs .zzzsCon .ul .item .itemCon .title:before{content:'';display:block;background-image:url(../images/zzzsImgBg.png);background-size: contain;width:3.89rem;height:0.75rem;background-position:center;margin-left:0.14rem;background-repeat: no-repeat;} .zzzs .zzzsCon .ul .item .itemCon .title div{margin-top:-0.1rem} @media screen and (max-width:1024px){ .zzzs .zzzsCon .ul .item .itemCon .imgbox img{object-fit: contain;} } @media screen and (max-width:480px){ .zzzs .zzzsCon .ul .item .itemCon .title:before{width: 2.89rem;0.46rem;height: 0.46rem;} } .ystd .ystdCon{position:relative} .ystd .circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2.46rem;height:2.46rem;display:flex;justify-content:center;align-items:center} .ystd .circle .circleCon{width:calc(100% - 0.66rem);height:calc(100% - 0.66rem);background:linear-gradient(-39deg,#66AEFB,#30B7BA);border-radius:50%} .ystd .circle:before{content:'';display:block;width:100%;height:100%;background-image:url(../images/ystdCircle.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;animation:spin 6s linear infinite;-webkit-animation:spin 6s linear infinite} .ystd .circle::after{content:'';display:block;width:calc(100% - 0.46rem);height:calc(100% - 0.46rem);position:absolute;border-radius:50%;border:1px dashed #30B7BA;opacity:0.5;animation:spin2 6s linear infinite;-webkit-animation:spin2 6s linear infinite} .ystdList{} .ystdList .item{position:relative;margin-bottom:0.3rem} .ystdList .item:nth-child(6),.ystdList .item:nth-child(5){margin-bottom:0} .ystdList .itemCon{position:absolute;left:0;top:0;width:100%;height:100%;padding-left:0.44rem;padding-right:0.3rem;text-align:justify} .ystdList .item:nth-child(2n) .itemCon{padding-right:0.54rem;padding-left:0.2rem;flex-direction:row-reverse} .ystdList .item img{height:1.5rem} .ystdList .itemCon .fontBox{flex:1} .ystdList .itemCon .iconBox{width:0.9rem;height:0.9rem;background:linear-gradient(-39deg,#66AEFB,#30B7BA);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:0.1rem;margin-right:0.1rem} .ystdList .itemCon .iconBox img{height:0.44rem} .ystdList .item:nth-child(1),.ystdList .item:nth-child(5){margin-left:0.6rem} .ystdList .item:nth-child(2),.ystdList .item:nth-child(6){margin-right:0.6rem} @keyframes spin{100%{transform:rotate(360deg)} }@keyframes spin2{0%{transform:rotate(0deg)} 100%{transform:rotate(-360deg)} }.ystdList .item:hover .itemCon .iconBox{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate} @media screen and (max-width:1024px){.ystdList .itemCon .iconBox{width:0.4rem;height:0.4rem} .ystdList .itemCon .iconBox img{height:0.2rem} .ystdList .itemCon{padding-left:0.2rem} .ystdList .item:nth-child(2n) .itemCon{padding-right:0.2rem} .ystdList .item img{height:1.2rem} .ystdList .mt10{margin-top:0.05rem;font-size:0.14rem} .ystd .circle{width:2rem;height:2rem} }@media screen and (max-width:768px){.ystd .circle{display:none} .ystdList .item img{display:none} .ystdList .item:nth-child(1),.ystdList .item:nth-child(5){margin-left:0} .ystdList .item:nth-child(2),.ystdList .item:nth-child(6){margin-right:0} .ystdList .itemCon{position:static;flex-direction:row-reverse} .ystdList .item{width:100%} .ystdList .itemCon .iconBox img{display:block} .ystdList .item{width:100%;background:#fff;border-radius:0.2rem;padding:0.2rem 0;margin-bottom:0.2rem !important} .ystdList .itemCon .iconBox{margin-left:0} .ystdList .item:last-child{margin-bottom:0 !important} } .osBg{width: 100%;} .jcrj{position:relative} .jcrj .jcrjCon{width:100%;height:100%;position:absolute;left:0;top:0} .jcrj .osImg{height:5.37rem} .jcrj .ul{} .jcrj .ul .item{margin-right:1.3rem} .jcrj .ul .item:last-child{margin-right:0} .jcrj .ul .item img{width:0.26rem;margin-right:0.18rem} @media screen and (max-width:1024px){.jcrj .osImg{height:3.1rem} .mt30.tc{margin-top:0.2rem} }@media screen and (max-width:768px){.jcrj .osImg{height:2.3rem;margin-top:0.3rem} .jcrj{padding-bottom:0.3rem} .jcrj .ul .item{width:100%;margin-right:0;margin-bottom:0.2rem} }@media screen and (max-width:480px){.jcrj .jcrjCon{position:static;padding-bottom:0} .jcrj{padding-bottom:0} .jcrj .osBg{display:none} .grayPage .pb170{padding-bottom:0} } @media screen and (min-width:1025px){ .qcImg{width: 9.47rem;} } .qcaq{ background-size: cover; background-position: bottom center; } .yycj .item{position:absolute;left:0;top:0.1rem} .yycj .item .itemCon{} .yycj .item .itemCon .yycj_icon{width:0.98rem} .yycj .item .itemCon .fontBox{margin-top:-0.2rem} .yycj .item .yycj_line{width:7.27rem;position:relative} .yycj .item .yycj_line span{width:0.4rem;height:0.4rem;background-color:rgba(48,183,186,0.7);display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;top:0.22rem;right:-0.22rem;z-index:2;animation:heartbeat 2s linear;animation-iteration-count:infinite} .yycj .item .yycj_line span::after{content:'';display:block;width:0.4rem;height:0.4rem;background-color:rgba(48,183,186,0.7);display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;left:0;top:0} .yycj .item:hover .yycj_line span::after{animation:heartbeat2 2s linear;animation-iteration-count:infinite} @keyframes heartbeat2{0%{transform:scale(1)} 50%{transform:scale(1.5)} 100%{transform:scale(1)} }.yycj .item .yycj_line span i{width:0.13rem;height:0.13rem;background:#30B7BA;border-radius:50%;border:0.03rem solid #FFFFFF;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:2} .yycj .item:nth-child(2){top:1.9rem} .yycj .item:nth-child(2) .yycj_line{width:7.25rem;margin-top:-0.44rem} .yycj .item:nth-child(3) .yycj_line span,.yycj .item:nth-child(2) .yycj_line span{top:0} .yycj .item:nth-child(3){top:4.38rem} .yycj .item:nth-child(3) .yycj_line{width:4.93rem;margin-top:-1.38rem} .yycj .item:nth-child(4){top:1.7rem;left:auto;right:0} .yycj .item:nth-child(5) .itemCon,.yycj .item:nth-child(4) .itemCon{justify-content:flex-end} .yycj .item:nth-child(4) .yycj_line{width:5.49rem;margin-top:-0.34rem} .yycj .item:nth-child(4) span{left:-0.22rem;top:0} .yycj .item:nth-child(5){left:auto;right:0;top:3.66rem} .yycj .item:nth-child(5) .yycj_line{width:6.18rem;margin-top:-0.7rem} .yycj .item:nth-child(5) span{left:-0.22rem;top:-0.02rem} .yycj{display:flex;align-items:center;justify-content:center;position:relative} .yycj .car{width:7.29rem} @media screen and (max-width:1024px){ .yycj{zoom: 0.8;} } @media screen and (max-width:768px){ .yycj { zoom: 0.65; } } @media screen and (max-width:480px){ .yycj { zoom: 0.32; } } .menu ul{ display: flex; align-items: center; justify-content: center; } .menu ul li{ margin-left: 0.4rem; margin-right: 0.4rem; } .menu ul li a{ color: #333; border-bottom: 1px solid #dfe1e1; padding-bottom: 0.1rem; display: flex; justify-content: center; align-items: center; position: relative; min-width: 1.6rem; } .menu ul li a::after{ content: ''; display: block; width: 0.05rem; height: 0.05rem; border-radius: 50%; border: 0.02rem solid #30B7BA; position: absolute; right: -0.05rem; bottom: -0.05rem; background-color: #fff; } .menu ul li a:before{ content:''; display: block; width:0; height: 1px; position: absolute; right: 0; bottom: -1px; background: #30B7BA; transition: all 0.5s ease; } .menu ul li:hover a, .menu ul li.on a{ color: #30B7BA; } .menu ul li:hover a:before, .menu ul li.on a:before{ width: 100%; } @media screen and (max-width:480px){ .menu ul li{margin-left: 0.15rem;margin-right: 0.15rem;} .menu ul li a{min-width: auto;padding-left: 0.1rem;padding-right: 0.1rem;} } .newsListActivity{ width: 100%; margin-left: 0; } .newsListActivity .item { width: calc(100% / 3 - 0.4rem); margin-bottom: 0.6rem; margin-right: 0.6rem; margin-left: 0; } .newsListActivity .item:nth-child(3n){ margin-right: 0; } .newsList .item .itemConDiv{ padding: 0.25rem; } .newsListActivity .item .imgbox { width: 100%; padding-top: 74.362%; border-radius: 0.3rem; } @media screen and (max-width:1024px){ .newsListActivity .item{ width:calc(100% / 3 - 0.12rem); margin-right: 0.18rem; margin-bottom: 0.18rem; } .newsListActivity .item .itemCon .arrow{ width: 0.7rem; height: 0.7rem; } } @media screen and (max-width:768px){ .newsListActivity .item .itemCon .arrow{ width: 0.5rem; height: 0.5rem; } } @media screen and (max-width:480px){ .newsListActivity .item{ width: 100%; margin-right: 0; } .newsListActivity .item .itemCon .arrow , .newsList .item .itemCon .arrow { width: 0.8rem; height: 0.8rem; } } .bpsList{} .bpsList .ul{} .bpsList .ul .item{width:calc(25% - 0.9rem);margin-right:1.2rem;margin-bottom:1.2rem} .bpsList .ul .item:nth-child(4n){margin-right:0} .bpsList .ul .itemCon{display:flex;align-items:center;justify-content:center;width:100%} .bpsList .ul .itemCon .imgbox{padding-top:130%;width:100%} .bpsList .ul .itemCon .imgbox img{transition:all 0.5s ease} .bpsList .ul .item:hover .imgbox img{transform:scale(1.05)} @media screen and (max-width:1024px){ .bpsList .ul .item{width: calc(25% - 0.18rem);margin-right: 0.24rem;margin-bottom: 0.24rem;} } @media screen and (max-width:1024px){ .bpsList .ul .item{width: calc(50% - 0.1rem);margin-right: 0;}; .bpsList .ul { justify-content: space-between; } } .publicPage{ background-color: #F4F7F7; } .login{ background-image: url(../images/loginBg.jpg); background-size: cover; padding: 1rem; border-radius: 0.3rem; } .login .left img{width:100%} @media screen and (min-width:1025px){ .login .left{width: 4.57rem;} .login .right{width: 5.2rem;} } .formLogin{display:flex;flex-direction:column;align-items:center;max-width:5.2rem;background:#FFFFFF;box-shadow:1px 0.02rem 78px 0.02rem rgba(51,137,164,0.07);border-radius:0.2rem;padding: 0.5rem;-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem;-ms-border-radius:0.2rem;-o-border-radius:0.2rem;width: 100%;} .formLogin .title{margin-bottom:0.36rem} .formLogin .item{width:100%;height:0.52rem;background: #F7F8FA;border-radius:0.26rem;-webkit-border-radius:0.26rem;-moz-border-radius:0.26rem;-ms-border-radius:0.26rem;-o-border-radius:0.26rem;padding:0 0.35rem;margin-bottom:0.2rem;position: relative;} .formLogin .item input{width:100%;height:100%;outline:none;appearance:none;background:transparent} .formLogin .item .tip{color: #CA2939;} .formLogin .verCode{width:1.38rem;height: 0.42rem;background: #ffff;border-radius: 0.21rem;position: absolute;right: 0.05rem;overflow: hidden;cursor: pointer;} .formLogin .verCode img{max-width: 100%;} .formLogin .codeItem{width:2.62rem} .formLogin .w100{width:100%} .formLogin a:hover{color:#30B7BA} .formLogin .formbtn{width:100%;height:0.52rem;background: #30B7BA;border-radius:0.26rem;-webkit-border-radius:0.26rem;-moz-border-radius:0.26rem;-ms-border-radius:0.26rem;-o-border-radius:0.26rem;display:flex;justify-content:center;align-items:center} .formLogin .corMain{margin-left:0.05rem;margin-right:0.05rem} .eye{width:0.2rem;height:0.2rem;background-image:url(../images/eye.svg);background-repeat:no-repeat;background-size:contain;cursor:pointer} .eye.on{background-image:url(../images/eye_on.svg)} @media screen and (max-width:1024px){ .login{padding: 0.5rem;} .login .left{width: 40%;} .pt80{padding-top: 0.4rem;} } @media screen and (max-width:768px){ .login .left { display: none; } .formLogin{ margin: 0 auto; } .login .right{ width: 100%; } .formLogin .title { margin-bottom: 0.18rem; } .w100 .f16{ font-size: 0.14rem; } } @media screen and (max-width:480px){ .formLogin{ max-width: 100%; } .formLogin, .login { padding: 0.2rem; } } .titH1:before, .titH1::after{ content:''; display: block; flex: 1; height: 1px; background-color: rgba(0, 0, 0, 0.1); } .titH1 span{ margin-left: 0.5rem; margin-right: 0.5rem; } .singlePage div{ margin-top: 0.3rem; } @media screen and (min-width:1025px){ .fzlcList .item .itemCon .mb30{margin-bottom: 0.2rem;} .fzlcList .item .itemCon .mt20{margin-top: 0;} } .newsDetail{display:flex;flex-direction:row} .newsDetailL{flex:1;margin-right:0} .newsDetailR{width:2.8rem} .newsDetailList{margin-top:-0.12rem} .newsDetailRLi{margin-top:0.3rem} .newsDetailRLiA .imgBox{width:100%;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;height:auto} .newsDetailRLiA .imgBox img{width:100%;height:100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;transition:all 0.3s ease;object-fit:cover} .newsDetailRLiA .title{margin-top:0.14rem;line-height:1.75} .newsDetailRLiA .time{margin-top:0.1rem;line-height:1} .newsDetailRLi:hover .imgBox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)} .Titleinfo{border-bottom:1px solid #e8e8e8} .Titleinfo .tits{color:#181818;margin-top:-0.1rem;text-align:center;line-height:1.5} .Titleinfo .date{margin-top:0.18rem;margin-bottom:0.4rem;color:#999;display:flex;align-items:center;justify-content:center;flex-wrap:wrap} .Titleinfo .date i{display:flex;align-items:center} .Titleinfo .date i{margin-right: 0.2rem;margin-left: 0.2rem;} .Titleinfo .date i img{margin-right:0.09rem;margin-left:-0.23rem} .Titleinfo{border-bottom:1px solid #e8e8e8} .Titleinfo .tits{color:#181818;margin-top:-0.1rem;text-align:center;line-height:1.5} .Titleinfo i{/* margin-top:0.18rem; *//* margin-bottom:0.4rem; */color:#999;display:flex;align-items:center;justify-content:center;flex-wrap:wrap} .Titleinfo i{display:flex;align-items:center} .Titleinfo i{margin-right:0.5rem} .Titleinfo i img{margin-right:0.09rem;margin-left:-0.23rem} .SinglePage{padding-top:0.4rem;padding-bottom:1px;border-bottom:1px solid #e8e8e8;text-align:justify} .SinglePage *{margin:0 auto;max-width:100%;margin-bottom:0.1rem} .PrevNextBox{display:flex;flex-direction:row;justify-content:space-between;padding-top:0.52rem;padding-bottom:0.52rem} .PrevNextBox .ul{flex:1;margin-right:0.2rem} .PrevNextBox .more{background:#3389A4;border-radius:0.26rem;display:flex;justify-content:center;align-items:center;color:#fff;width:1.5rem;height:0.52rem;box-sizing:border-box} .PrevNextBox .more img{margin-right:0.14rem;width:0.15rem} .PrevNextBox li a{color:#555;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .PrevNextBox li a span{color:inherit;margin-left:0.16rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease} .PrevNextBox li:first-child{} .PrevNextBox li a:hover{color:#3389A4} .PrevNextBox li a:hover span{color:#3389A4} .SinglePage img{display:block} .Bottom .leftBox .leftBoxB .shareList li .icon img{max-width: 0.22rem;max-height: 0.2rem;} .contactBox .left a{ line-height: 1.5; } .contactBox .left .ul li .codeBox{ padding: 0.1rem; background-color: #fff; } .sectionYycj { position: relative; } .sectionYycj .asNavForSlickBoxImg{ padding-left: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin-top: 0; padding-right: 0 !important; } .sectionYycj .asNavForSlickBoxImg .bd, .sectionYycj .asNavForSlickBoxImg .slick-list, .sectionYycj .asNavForSlickBoxImg .slick-track, .sectionYycj .asNavForSlickBoxImg .myslide { width: 100%; height: 100%; } .sectionYycj .asNavForSlickBoxImg img{ width: 100%; height: 100%; object-fit: cover; } .sectionYycj .box, .sectionYycj .w1440{ position:relative; z-index: 2; } @media screen and (min-width:769px){ .detailPage .Bottom{ margin-top:-3.5rem; } .sectionCooperateList { padding-left:1rem; padding-right:1rem; } .sectionCooperateList .slick-arrow{ margin-top:0.25rem } } @media screen and (max-width:768px){ .sectionCooperateList { padding-left:0.6rem; padding-right:0.6rem; } .sectionCooperateList{ width:100%; margin-left:0; } .sectionCooperateList .slick-arrow{ margin-top:0.2rem } } @media screen and (max-width:768px){ .sectionSolute .asNavForSlickTab{ margin-top:0.2rem; } .sectionSolute .mt40{ margin-top:0 } } .d-grid{display: grid;grid-template-columns: repeat(var(--cols), 1fr);gap: var(--gap);} .Drone{line-height: 1;} .Drone .list ul{--gap: .2rem .3rem;--cols: 2;} .Drone .list ul li{position: relative;padding: .6rem .4rem .4rem;background-size: cover;cursor: pointer;} .Drone .list ul li>a{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;z-index: 22;} .Drone .list ul li:nth-of-type(1){background-image: url('../images/list-bg1.png')} .Drone .list ul li:nth-of-type(2){background-image: url('../images/list-bg2.png')} .Drone .list ul li:nth-of-type(3){background-image: url('../images/list-bg3.png')} .Drone .list ul li:nth-of-type(4){background-image: url('../images/list-bg4.png')} .Drone .list ul li:nth-of-type(5){background-image: url('../images/list-bg5.png')} .Drone .list ul li:nth-of-type(6){background-image: url('../images/list-bg6.png')} .Drone .list ul li:nth-of-type(7){background-image: url('../images/list-bg7.png')} .Drone .list ul li:nth-of-type(8){background-image: url('../images/list-bg8.png')} .Drone .list ul li:nth-of-type(9){background-image: url('../images/list-bg9.png')} .Drone .list ul li:nth-of-type(10){background-image: url('../images/list-bg10.png')} .Drone .list ul li .title{font-size: .36rem;color: #000000;text-align: center;} .Drone .list ul li .name{margin-top: .25rem;font-size: .18rem;color: #30b7ba;text-align: center;} .Drone .list ul li .img{margin-top: .2rem;display: flex;justify-content: center;align-items: center;height: 3rem;} .Drone .list ul li .img img{max-width: 100%;max-height: 100%} .Drone .list ul li .hover{display: none;position: absolute;left: 0;top: 0;padding: .45rem .5rem;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 3;box-sizing: border-box} .Drone .list ul li .hover .box{height: 100%;overflow-x: hidden;} .Drone .list ul li .hover .box .tit{font-size: .24rem;color: #fff;} .Drone .list ul li .hover .box .text{margin-top: .25rem;font-size: .16rem;color: #fff;line-height: 1.9;} .Drone .list ul li .hover .box .publicArrow{margin-top: .25rem;} .Drone .list ul li:hover .hover{display: block;} .Popup{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);z-index: 99999;} .Popup .popup-box{position: absolute;left: 50%;top: 50%;max-width: 14.4rem;width: 100%;padding: .6rem .8rem;background-color: #fff;transform: translate(-50%, -50%);z-index: 200;} .Popup .popup-box .close{position: absolute;right: .4rem;top: .4rem;width: .16rem;height: .16rem;background-image: url('../images/close.png');background-size: 100%;z-index: 1;cursor: pointer;} .Popup .popup-box .title{font-size: .3rem;color: #000000;text-align: center;} .Popup .popup-box .table{display: block;margin-top: .6rem;max-height: 60vh;overflow: auto;} .Popup .popup-box .table table{width: 100%;border: 0;} .Popup .popup-box .table table tr td{height: .5rem;padding: 0 .15rem;color: #444;} .Popup .popup-box .table table tr:nth-of-type(odd) td{background-color: #f7f9fa} .Popup .popup-box .table table tr td:nth-of-type(1){font-size: .18rem;} .Popup .popup-box .table table tr td:nth-of-type(2){font-size: .16rem;} .Source{line-height: 1;} .Source .service{padding: .6rem 0;} .Source .service .subTitle{justify-content: center} .Source .service .flex{position: relative;margin-top: .4rem;} .Source .service .flex .left-box{width: 50%;padding: .5rem;min-height: 5rem;border: .03rem solid #fff;border-radius: .1rem;box-sizing: border-box;box-shadow: 0 0 .27rem rgba(0, 0, 0, .07);background-image: url('../images/Source-service-left.jpg');background-size: cover;box-sizing: border-box} .Source .service .flex .right-box{width: 50%;padding: .5rem;min-height: 5rem;border: .03rem solid #fff;border-radius: .1rem;box-sizing: border-box;box-shadow: 0 0 .27rem rgba(0, 0, 0, .07);background-image: url('../images/Source-service-right.jpg');background-size: cover;box-sizing: border-box} .Source .service .main-title{display: flex;align-items: center;justify-content: center;font-size: .3rem;} .Source .service .box{margin-top: .5rem;} .Source .service .left-box .box{padding-right: 1.2rem;} .Source .service .left-box .main-title{color: #fff;} .Source .service .left-box .main-title:before{display: block;content: '';width: .3rem;height: .31rem;margin-right: .2rem;background-image: url('../images/Source-service-iconleft.png');background-size: cover;} .Source .service .right-box .box{padding-left: 1.2rem;} .Source .service .right-box .main-title{color: #000;} .Source .service .right-box .main-title:before{display: block;content: '';width: .3rem;height: .34rem;margin-right: .2rem;background-image: url('../images/Source-service-iconright.png');background-size: cover;} .Source .service .name{font-size: .24rem;} .Source .service .left-box .name{color: #fff;} .Source .service .right-box .name{color: #333;} .Source .service .text{margin-top: .3rem;} .Source .service .text p{position: relative;margin-bottom: .3rem;padding-left: .15rem;line-height: 1.8;} .Source .service .text p:last-child{margin-bottom: 0;} .Source .service .text p:before{position: absolute;left: 0;top: .12rem;display: block;content: '';width: .05rem;height: .05rem;border-radius: .05rem} .Source .service .left-box p{color: #fff;} .Source .service .left-box p:before{background-color: #fff;} .Source .service .right-box p{color: #333;} .Source .service .right-box p:before{background-color: #333;} .Source .service .item{display: none;} .Source .service .item.on{display: block;} .Source .service .table-nav{position: absolute;left: 50%;top: 50%;width: 1.25rem;padding: .23rem .17rem;background-color: #f4f7f7;border: 1px solid #fff;border-radius: .1rem;transform: translate(-50%, -50%);z-index: 33;box-sizing: border-box} .Source .service .table-nav ul li{position: relative;margin-bottom: .2rem;padding: .1rem .2rem;font-size: .2rem;color: #333333;line-height: 1.7;text-align: center;cursor: pointer;border-radius: .1rem;} .Source .service .table-nav ul li:last-child{margin-bottom: 0;} .Source .service .table-nav ul li i{display: block;width: .22rem;height: .22rem;margin: 0 auto .1rem;background-image: url('../images/Source-service-icon.png');background-size: cover;} .Source .service .table-nav ul li.on{background: linear-gradient(to right, #ddeef0, #ddeff0);} .Source .service .table-nav ul li.on:before{display: block;content: '';position: absolute;left: -.44rem;top: 0;bottom: 0;margin: auto 0;width: .12rem;height: .17rem;background-image: url('../images/Source-service-left.png');background-size: cover;z-index: 3;} .Source .service .table-nav ul li.on:after{display: block;content: '';position: absolute;right: -.44rem;top: 0;bottom: 0;margin: auto 0;width: .12rem;height: .17rem;background-image: url('../images/Source-service-right.png');background-size: cover;z-index: 3;} .Source .support{padding: .6rem 0;} .Source .support .list{margin-top: .4rem;padding: 1.6rem 0 .9rem;background-image: url('../images/Source-support-img.png');background-size: cover;} .Source .support .list ul{transform-style: preserve-3d;perspective: 800px;} .Source .support .list ul li{margin-right: .6rem;width: 2.3rem;padding: .5rem .2rem .4rem;text-align: center;background-color: rgba(255, 255, 255, .9);} .Source .support .list ul li:last-child{margin-right: 0;} .Source .support .list ul li .num{display: flex;font-size: .42rem;color: #30b7ba;justify-content: center} .Source .support .list ul li .num span{font-size: .24rem;padding-left: .05rem;} .Source .support .list ul li .title{margin-top: .6rem;color: #333333;font-size: .16rem;} .Source .support .list ul li .icon{margin-top: .3rem;} .Source .support .list ul li .icon{} .Source .support .list ul li:nth-of-type(1){transform: translateX(.4rem) translateZ(.4rem) rotateY(40deg);} .Source .support .list ul li:nth-of-type(3){transform: translateX(-.4rem) translateZ(.4rem) rotateY(-40deg);} .Source .develop{padding: .6rem 0;} .Source .develop .list{margin-top: .7rem;} .Source .develop .list ul{--gap: .3rem .45rem;--cols: 4;} .Source .develop .list ul li a{display: block;position: relative;} .Source .develop .list ul li a:before{display: block;content: '';width: 100%;padding-top: 132.71%;background-image: url('../images/Source-develop-bg1.png');background-size: 100%;} .Source .develop .list ul li a .more{position: absolute;right: 0;bottom: 0;width: .76rem;height: .76rem;background-image: url('../images/Source-develop-more.png');background-size: 100%;z-index: 5;} .Source .develop .list ul li a .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: .5rem .4rem;box-sizing: border-box;z-index: 4;} .Source .develop .list ul li a .box .title{position: relative;padding-bottom: .35rem;font-size: .28rem;color: #333333;border-bottom: 1px solid #e4e6e9;} .Source .develop .list ul li a .box .title:after{position: absolute;left: 0;bottom: -2px;display: block;content: '';width: .5rem;height: 3px;background-color: #30b7ba;z-index: 3;} .Source .develop .list ul li a .box .text{margin-top: .3rem;height: .87rem;font-size: .16rem;color: #333333;line-height: 1.8;} .Source .develop .list ul li a .box .img{margin-top: .2rem;max-width: 1.8rem;} .Source .fuses{padding: .6rem 0;} .Source .fuses .list{margin-top: .5rem;} .Source .fuses .list ul li{position: relative;flex: 1;height: 4.75rem;display: flex;align-items: center;transition: 0.8s ease;background-image: url('../images/Source-fuses-bg.png');background-size: cover;cursor: pointer;box-shadow: 0 0 .2rem rgba(0, 0, 0, .07);} .Source .fuses .list ul li:hover{flex: 2.5;background-image: url('../images/Source-fuses-bghover.png')} .Source .fuses .list ul li .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;padding: .7rem .3rem;z-index: 5;opacity: 0;box-sizing: border-box} .Source .fuses .list ul li .box .icon{width: .9rem;height: .9rem;margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: .9rem;border: .05rem solid rgba(255, 255, 255, .2);box-sizing: border-box} .Source .fuses .list ul li .box .name{margin-top: .35rem;font-size: .3rem;color: #fff;} .Source .fuses .list ul li .box .name:after{display: block;content: '';width: .22rem;height: .03rem;margin: .3rem auto 0;background-color: rgba(255, 255, 255, .5)} .Source .fuses .list ul li .box .text{margin-top: .3rem;font-size: .16rem;color: #fff;line-height: 1.8;} .Source .fuses .list ul li .casket{width: 100%;text-align: center;} .Source .fuses .list ul li .casket .icon{position: relative;display: flex;align-items: center;justify-content: center;width: .9rem;height: .9rem;margin: 0 auto;border: 1px solid #d3eef3;border-radius: .9rem;} .Source .fuses .list ul li .casket .icon:after{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: .7rem;height: .7rem;background-color: #e3f4f9;border-radius: .7rem;z-index: 1;} .Source .fuses .list ul li .casket .icon img{position: relative;z-index: 2;} .Source .fuses .list ul li .casket .num{margin-top: .85rem;font-size: .18rem;font-weight: bold;background: -webkit-linear-gradient(#32b5bc, #4e99dd);-webkit-background-clip: text; color: transparent;background-clip: text;} .Source .fuses .list ul li .casket .title{margin-top: .3rem;font-size: .3rem;color: #333333;} .Source .fuses .list ul li:hover .box{opacity: 1;} .Source .fuses .list ul li:hover .casket{opacity: 0;} .Source .drone{padding: .6rem 0;} .Source .drone .list ul{--gap: .2rem .3rem;--cols: 2;} .Source .drone .list ul li{position: relative;padding: .6rem .4rem .4rem;background-size: cover;cursor: pointer;} .Source .drone .list ul li a{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;z-index: 22;} .Source .drone .list ul li:nth-of-type(1){background-image: url('../images/list-bg1.png')} .Source .drone .list ul li:nth-of-type(2){background-image: url('../images/list-bg2.png')} .Source .drone .list ul li:nth-of-type(3){background-image: url('../images/list-bg3.png')} .Source .drone .list ul li:nth-of-type(4){background-image: url('../images/list-bg4.png')} .Source .drone .list ul li:nth-of-type(5){background-image: url('../images/list-bg5.png')} .Source .drone .list ul li:nth-of-type(6){background-image: url('../images/list-bg6.png')} .Source .drone .list ul li:nth-of-type(7){background-image: url('../images/list-bg7.png')} .Source .drone .list ul li:nth-of-type(8){background-image: url('../images/list-bg8.png')} .Source .drone .list ul li:nth-of-type(9){background-image: url('../images/list-bg9.png')} .Source .drone .list ul li:nth-of-type(10){background-image: url('../images/list-bg10.png')} .Source .drone .list ul li .title{font-size: .36rem;color: #000000;text-align: center;} .Source .drone .list ul li .name{margin-top: .25rem;font-size: .18rem;color: #30b7ba;text-align: center;} .Source .drone .list ul li .img{margin-top: .2rem;display: flex;justify-content: center;align-items: center;height: 3rem;} .Source .drone .list ul li .img img{max-width: 100%;max-height: 100%} .Source .drone .list ul li .hover{display: none;position: absolute;left: 0;top: 0;padding: .45rem .5rem;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 3;box-sizing: border-box} .Source .drone .list ul li .hover .box{height: 100%;overflow-x: hidden;} .Source .drone .list ul li .hover .box .tit{font-size: .24rem;color: #fff;} .Source .drone .list ul li .hover .box .text{margin-top: .25rem;font-size: .16rem;color: #fff;line-height: 1.9;} .Source .drone .list ul li .hover .box .publicArrow{margin-top: .25rem;} .Source .drone .list ul li:hover .hover{display: block;} .Source .prolist .img {width:40%; position:relative;background: url('../images/list-bg1.png') no-repeat center center; background-size:cover;} .Source .prolist .img:after {padding-bottom:71.4285%; content:''; display:block;} .Source .prolist .img img {display:block; width:auto; max-width:90%; height:auto; max-height:90%; object-fit:contain; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .Source .prolist .text {width:60%; padding:2.5% 5%;} .Source .prolist .title {font-size:0.24rem; line-height:1.35em; font-weight:bold; margin-bottom:0.5em;} .Source .prolist .name {font-size:0.18rem; line-height:1.75em;} .Source .prolist .slick-dots li {cursor:pointer;} .Source .prolist a {display:flex; align-items:center; justify-content:space-between; background-color:#fff;} .Conference{padding: .8rem 0;line-height: 1;} .Conference .bg{padding: 1rem .7rem;background-image: url('../images/Conference-bg.png');background-size: cover;} .Conference .top-box{margin-bottom: .5rem;} .Conference .top-box .time{font-size: .36rem;font-weight: bold;text-align: center;background: -webkit-linear-gradient(#eff8f8, #85d8f6);-webkit-background-clip: text;color: transparent;background-clip: text;} .Conference .top-box .title{margin-top: .3rem;text-align: center;} .Conference .top-box .title img{max-width: 9.07rem;} .Conference .top-box .name{margin-top: .1rem;font-size: .30rem;font-weight: bold;text-align: center;background: -webkit-linear-gradient(#eff8f8, #85d8f6);-webkit-background-clip: text;color: transparent;background-clip: text;} .Conference .top-box .text{margin-top: .15rem;font-size: .18rem;font-weight: bold;text-align: center;background: -webkit-linear-gradient(#eff8f8, #85d8f6);-webkit-background-clip: text;color: transparent;background-clip: text;} .Conference .item{position: relative;margin-bottom: .5rem;} .Conference .item:last-child{margin-bottom: 0;} .Conference .item:after{display: block;content: '';background-size: cover;} .Conference .item .main-title{position: absolute;left: 0;top: .08rem;width: 100%;text-align: center;font-size: .24rem;color: #fff;text-align: center;} .Conference .item .box-ovh{position: absolute;left: 0;right: 0;top: 16%;margin: 0 auto;width: calc(100% - .8rem);max-height: 76%;box-sizing: border-box;overflow-x: hidden;} .Conference .item.one:after{padding-top: 33.84%;background-image: url('../images/Conference-bg1.png')} .Conference .item.one .flex{display: flex;justify-content: space-between;flex-wrap: wrap} .Conference .item.one .left-box{width: 69.74%;} .Conference .item.one .left-box .text p{position: relative;margin-bottom: .15rem;padding-left: .28rem;font-size: .16rem;color: #fff;line-height: 1.6;} .Conference .item.one .left-box .text p:last-child{margin-bottom: 0;} .Conference .item.one .left-box .text p:after{position: absolute;left: .12rem;top: .08rem;display: block;content: '';width: .07rem;height: .09rem;background-image: url('../images/Conference-icon.png');background-size: cover;z-index: 1;} .Conference .item.one .right-box{width: 30.26%;} .Conference .item.one .right-box .text{width: 3rem;height: 2.64rem;padding: .3rem;margin: 0 auto;font-size: .16rem;color: #fff;line-height: 1.7;background-size: cover;background-image: url('../images/Conference-one-bg.png');box-sizing: border-box} .Conference .item.one .right-box .text .ovh{max-height: 100%;overflow-x: hidden;} .Conference .item.two:after{padding-top: 45.35%;background-image: url('../images/Conference-bg2.png')} .Conference .item.two .list ul li{margin-bottom: .2rem;} .Conference .item.two .list ul li:last-child{margin-bottom: 0;} .Conference .item.two .list ul li .title{margin-bottom: .2rem;display: flex;align-items: center;justify-content: center;width: 1.39rem;height: .47rem;font-size: .21rem;color: #fff;background-image: url('../images/Conference-title.png');background-size: 100%;} .Conference .item.two .list ul li .text{font-size: .16rem;color: #fff;line-height: 1.8;} .Conference .item.three:after{padding-top: 46.89%;background-image: url('../images/Conference-bg3.png')} .Conference .item.three .flex{display: flex;justify-content: space-between;flex-wrap: wrap} .Conference .item.three .left-box{width: 45.5%;} .Conference .item.three .left-box .text{font-size: .16rem;color: #fff;line-height: 1.6;} .Conference .item.three .left-box .text p{position: relative;margin-bottom: .15rem;padding-left: .15rem;font-size: .16rem;color: #fff;line-height: 1.6;} .Conference .item.three .left-box .text p:last-child{margin-bottom: 0;} .Conference .item.three .left-box .text p:after{position: absolute;left: 0;top: .08rem;display: block;content: '';width: .07rem;height: .09rem;background-image: url('../images/Conference-icon.png');background-size: cover;z-index: 1;} .Conference .item.three .left-box .list{margin-top: .2rem;} .Conference .item.three .left-box .list ul{display: flex;flex-wrap: wrap;margin: -2%;} .Conference .item.three .left-box .list ul li{ writing-mode: vertical-lr;text-orientation: upright;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;padding: .1rem .15rem;width: 12.12%;height: 1.8rem;margin: 2%;background-image: url('../images/Conference-y.png');background-size: contain;background-repeat: no-repeat;background-position: center;box-sizing: border-box;box-sizing: border-box} .Conference .item.three .left-box .list ul li span{width: .2rem;color: #fff;font-size: .16rem;color: #fff;line-height: 1.1;text-align: center;} .Conference .item.three .left-box .list ul li span font{writing-mode: horizontal-tb;} .Conference .item.three .left-box .list ul li span i{font-size: .12rem;} .Conference .item.three .right-box{width: 47.75%;} .Conference .item.three .right-box .img img{width: 100%;} .Conference .item.four:after{padding-top: 45.35%;background-image: url('../images/Conference-bg4.png')} .Conference .item.four .box{position: relative;height: 5rem;} .Conference .item.four .box .img{width: 3.17rem;margin: 0 auto;} .Conference .item.four .box .img img{width: 100%;} .Conference .item.four .box:before{position: absolute;left: 10.5%;top: 3%;display: block;content: '';width: 7.03rem;height: 3.22rem;background-image: url('../images/Conference-four-o.png');background-size: cover;z-index: 1;} .Conference .item.four .box .list ul li{max-width: 3.4rem;position: absolute;z-index: 2;} .Conference .item.four .box .list ul li .title{margin-bottom: .15rem;font-size: .2rem;color: #fff;} .Conference .item.four .box .list ul li .text p{position: relative;margin-bottom: .1rem;padding-left: .15rem;font-size: .16rem;color: #fff;line-height: 1.6;} .Conference .item.four .box .list ul li .text p:last-child{margin-bottom: 0;} .Conference .item.four .box .list ul li .text p:before{position: absolute;left: 0;top: 0;display: block;content: 'ยท';font-size: .16rem;color: #fff;line-height: 1.6;} .Conference .item.four .box .list ul li:nth-of-type(1){left: 0;top: .05rem;} .Conference .item.four .box .list ul li:nth-of-type(2){right: 0;top: .05rem;} .Conference .item.four .box .list ul li:nth-of-type(3){left: 0;top: 2.2rem;} .Conference .item.four .box .list ul li:nth-of-type(4){right: 0;top: 2.2rem;} .Conference .item.four .box .list ul li:nth-of-type(5){text-align: center;top: 3.5rem;left: 50%;transform: translateX(-50%)} .Conference .item.five:after{padding-top: 46.89%;background-image: url('../images/Conference-bg5.png')} .Conference .item.five .flex{display: flex;justify-content: space-between;flex-wrap: wrap} .Conference .item.five .left-box{width: 52.5%;} .Conference .item.five .left-box .name{text-align: center;font-size: .2rem;color: #fff;} .Conference .item.five .left-box .img{margin-top: .2rem;text-align: center;} .Conference .item.five .left-box .img img{max-width: 100%} .Conference .item.five .left-box .text{margin-top: .3rem;} .Conference .item.five .left-box .text dl{display: flex;justify-content: center;flex-wrap: wrap} .Conference .item.five .left-box .text dl dd{display: flex;align-items: center;margin-right: .2rem;font-size: .16rem;color: #fff;} .Conference .item.five .left-box .text dl dd:last-child{margin-right: 0;} .Conference .item.five .left-box .text dl dd:before{display: block;content: '';margin-right: .08rem;width: .12rem;height: .12rem;border: .02rem solid #fff;border-radius: .12rem;box-sizing: border-box} .Conference .item.five .left-box .text dl dd:nth-of-type(1):before{background-color: #5d9bd6;} .Conference .item.five .left-box .text dl dd:nth-of-type(2):before{background-color: #ed7f34;} .Conference .item.five .left-box .text dl dd:nth-of-type(3):before{background-color: #a6a6a6;} .Conference .item.five .left-box .text dl dd:nth-of-type(4):before{background-color: #fdc003;} .Conference .item.five .right-box{width: 41.66%;} .Conference .item.five .right-box .text{font-size: .16rem;color: #fff;line-height: 1.7;} .Conference .item.five .right-box .img{margin-top: .1rem;} .Conference .item.five .right-box .img img{max-width: 100%;} .Conference .item.six:after{padding-top: 46.89%;background-image: url('../images/Conference-bg6.png')} .Conference .item.six .text{font-size: .16rem;color: #fff;line-height: 1.7;text-align: center;} .Conference .item.six .img{margin-top: .4rem;padding: 0 .1rem;} .Conference .item.six .img img{width: 100%;} .Conference .bottom-box dl dd{margin-bottom: .35rem;} .Conference .bottom-box dl dd:last-child{margin-bottom: 0;} .Conference .bottom-box dl dd .title{margin-bottom: .3rem;font-size: .24rem;font-weight: bold;text-align: center;background: -webkit-linear-gradient(#eff8f8, #85d8f6);-webkit-background-clip: text;color: transparent;background-clip: text;} .Conference .bottom-box dl dd .ewm img{display: block;width: 1.2rem;margin: 0 auto .3rem;} .Conference .bottom-box dl dd .text{font-size: .16rem;color: #fff;text-align: center;line-height: 2;} .Conference .bottom-box dl dd .textp:before{display: inline-block;display: block;content: '';width: .07rem;height: .09rem;background-image: url('../images/Conference-icon.png');background-size: cover;z-index: 1;} .search .item{margin-bottom: .2rem;padding-bottom: .2rem;border-bottom: 1px dashed #30B7BA;} .search .item .time{margin-left: .1rem;} .search .item:hover .title{color: #30B7BA;} @media screen and (max-width:1024px){ .Source .service{padding: .4rem 0;} .Source .support{padding: .4rem 0;} .Source .support .list{padding: .4rem .3rem;} .Source .develop{padding: .4rem 0;} .Source .fuses{padding: .4rem 0;} .Source .drone{padding: .4rem 0;} .Conference{padding: .4rem 0;} } @media screen and (max-width:768px){ .Drone .list ul{--gap: .15rem .15rem;} .Drone .list ul li{padding: .2rem;} .Drone .list ul li .title{font-size: .28rem;} .Drone .list ul li .name{margin-top: .15rem;line-height: 1.6;} .Drone .list ul li .img{height: 2rem;} .Source .service .main-title{font-size: .2rem;} .Source .service .flex{margin-top: .2rem;} .Source .service .flex .left-box{width: 100%;padding: .2rem;min-height: 4rem;} .Source .service .left-box .box{margin-top: .3rem;padding-right: 0;} .Source .service .flex .right-box{width: 100%;padding: .2rem;min-height: 4rem;} .Source .service .right-box .box{margin-top: .3rem;padding-left: 0;} .Source .service .table-nav{position: initial;transform: translate(0%, 0%);width: 100%;} .Source .service .name{font-size: .22rem;} .Source .service .table-nav ul{display: flex;align-items: center;justify-content: center} .Source .service .table-nav ul li{width: 33.33%;margin-bottom: 0;} .Source .service .table-nav ul li.on:before{left: 0;right: 0;top: -.4rem;margin: 0 auto;transform: rotate(90deg)} .Source .service .table-nav ul li.on:after{left: 0;right: 0;top: auto;bottom: -.4rem;margin: 0 auto;transform: rotate(90deg)} .Source .support .list{margin-top: .3rem;} .Source .support .list ul li{width: 100%;margin-bottom: .2rem;transform: none !important;padding: .3rem .2rem;margin-right: 0;} .Source .support .list ul li .title{margin-top: .3rem;} .Source .develop .list{margin-top: .3rem;} .Source .develop .list ul{--gap: .15rem 0;--cols: 1;} .Source .develop .list ul li a .box{padding: .2rem;} .Source .fuses .list ul li{width: 48%;margin: 1%;flex: none;} .Source .fuses .list ul li:hover{flex: none;} .Source .fuses .list ul li .box{padding: .3rem .2rem;} .Source .fuses .list ul li .box .name{margin-top: .2rem;} .Source .fuses .list ul li .box .name:after{margin: .2rem auto 0;} .Source .fuses .list ul li .box .text{margin-top: .2rem;} .Source .drone .list ul{--gap: .15rem .15rem;} .Source .drone .list ul li{padding: .2rem;} .Source .drone .list ul li .title{font-size: .28rem;} .Source .drone .list ul li .name{margin-top: .15rem;line-height: 1.6;} .Source .drone .list ul li .img{height: 2rem;} .Drone .list ul li .hover{padding: .2rem;} .Popup .popup-box{max-width: 92%;padding: .3rem .2rem;} .Popup .popup-box .table{margin-top: .3rem;} .Popup .popup-box .table table{width: 7.68rem;} .Conference .bg{padding: .3rem .2rem;} .Conference .top-box .time{font-size: .28rem;} .Conference .top-box .title img{max-width: 80%} .Conference .top-box{margin-bottom: .3rem;} .Conference .item{margin-bottom: .3rem;} .Conference .item .box-ovh{width: 100%;position: initial;max-height: 100%;} .Conference .item .main-title{position: initial;margin-bottom: .3rem;font-size: .22rem;} .Conference .item:after{display: none;} .Conference .item.one .left-box{width: 100%;} .Conference .item.one .right-box{width: 100%;margin-top: .2rem;} .Conference .item.three .left-box{width: 100%;} .Conference .item.three .right-box{width: 100%;margin-top: .2rem;} .Conference .item.three .left-box .list ul li span{font-size: .12rem;} .Conference .item.three .left-box .list ul li{padding: 0.1rem .15rem; height: .8rem;} .Conference .item.four .box:before{display: none;} .Conference .item.four .box .list ul li{position: initial;max-width: 100%;margin-bottom: .2rem;} .Conference .item.four .box{height: auto;} .Conference .item.four .box .list ul li:nth-of-type(5){transform: translateX(0%);text-align: left;} .Conference .item.five .left-box{width: 100%;} .Conference .item.five .right-box{width: 100%;margin-top: .2rem;} .Conference .item.five .left-box .text dl dd{margin: .1rem;} .Conference .bottom-box dl dd .title{font-size: .22rem;line-height: 1.4;} .Conference .item.four .box .img{width: 100%;} } /*follow-popup*/ .follow-popup {position: fixed;right: 2%;bottom: 0.5rem;width: 1.5rem;height:auto;background-color:#fff; padding:0.1rem; z-index:6;box-shadow:0 0 0.1rem rgba(0,0,0,0.1);} .follow-popup img {display:block; width:100%;height:auto;} .follow-popup .text {text-align:center; font-size:0.16rem; line-height:1.5em;}