.ny-tit{font-size: 32px;font-weight: bold;color: #333;} .ny-dec{font-size: 16px;color: #666;} .com-ztyw{display: block;} .ztyw-img{float: left;overflow: hidden;} .ztyw-img img{width: 100%;transition: all 1s} .ztyw-font{float: left;} .com-swxt{display: block;position: relative;} .swxt-img{overflow: hidden;} .swxt-img img{width: 100%;transition: all 1s;} .swxt-font{text-align: center;color: #333;} .mengban { position: relative; } .mengban::after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top: 0; left: 0; position: absolute; } .omit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .omit1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .omit3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ny-left{float: left;} .ny-right{float: right;} /* down */ .down-one{padding: 70px 0 79px;} .down-one .ny-wrap{margin-top: 49px;} .down-one .ny-tit{text-align: left;} .down-table {text-align: left;border-top: 2px solid #d7272c;} .down-table th{font-size: 22px;color: #333;font-weight: 400;padding: 28px 0;} .down-table td{font-size: 16px;color: #333;font-family: 'Arial'; padding:21px 0 22px;} .down-table tr{border-bottom: 1px solid #d9d9d9;} .down-table th:nth-child(1), .down-table td:nth-child(1){padding-left: 38px;} .down-table td:last-child{ width: 8.8%;} .down-table td:nth-child(2){font-family: 'EUCLIDSQUARE-REGULAR';} .down-table tr:hover td{color: #d7272c;} @media (max-width:1919px) { } @media (max-width:1679px) {} @media (max-width:1459px) { .down-one{padding: 60px 0;} .down-table th {font-size: 20px; padding: 22px 0;} .down-table td:last-child img{width: 34px;} .down-table td{padding: 17px 0;} .down-one .ny-wrap{margin-top: 35px;} } @media (max-width:1259px) { .down-one{padding: 50px 0;} .down-table td:last-child img{width: 30px;} } @media (max-width:991px) {} @media (max-width:767px) { .down-one{padding: 45px 0;} .down-table th:nth-child(1), .down-table td:nth-child(1){padding-left: 8px; width: 21%;} .down-table th:nth-child(3), .down-table td:nth-child(3){display: none;} .down-table th {font-size: 18px;padding: 14px 0;} .down-table td:last-child {width: 13%;} .down-table td:last-child img {width: 24px;} .down-table td {padding: 12px 0;} } .case-one{padding: 80px 0 90px;} .case-one .ztyw-img{width: 50%;} .case-one .ztyw-font{background-color: #f6f6f6;width: 50%;padding: 89px 48px 121px;font-family: 'Arial';} .case-one .ny-item span{font-size: 16px;color: #999;} .case-one .ny-item h4{font-size: 22px;margin: 14px 0 22px;} .case-one .ny-item p{font-size: 16px;color: #999;line-height: 28px;height: 84px;margin-bottom: 53px;} .case-one .ny-item em{display: inline-block;width: 63px;height: 12px;background: url(../images/case-icon1.png)no-repeat center;background-size: 100%;transition: all 0.5s;} .case-top{} .case-top .swiper-pagination{bottom: auto;text-align: right;top: 26px;padding-right: 30px;} .case-top .swiper-pagination-bullet{ margin: 0 3px;background-color: #d7272c;} .case-top .swiper-slide{} .case-top .swiper-slide:hover img{transform: scale(1.05);} .case-top .swiper-slide:hover h4{color: #d7272c;} .case-top .swiper-slide:hover em{transform: translateX(10px);} .case-bot{} .case-bot .swxt-font{background-color: #f6f6f6;text-align: left;padding: 18px 32px 18px;transition: all 0.5s;} .case-bot .ny-item em{background: url(../images/case-icon2.png)no-repeat center;background-size: 100%;display: inline-block;width: 63px;height: 12px;background-size: 100%;} .case-bot .ny-item h4{margin: 8px 0 22px;font-size: 22px;color: #333;} .case-bot .ny-item span{font-size: 16px;color: #999;} .case-bot .ny-item p{margin-bottom: 18px;font-size: 16px;color: #999;line-height: 28px;height: 50px;} .case-bot li{margin-top: 30px;padding: 0 15px;} .case-bot li:hover span{color: #fff;} .case-bot li:hover p{color: #fff;} .case-bot li:hover h4{color: #fff;} .case-bot li:hover .swxt-font{background-color: #003A81;} .case-bot li:hover em{transform: translateX(10px);background: url(../images/case-icon3.png)no-repeat center;background-size: 100%;} .case-bot ul{margin: 0 -15px;} @media (max-width:1919px) { } @media (max-width:1679px) {} @media (max-width:1459px) { .case-one{padding: 60px 0;} .case-one .ztyw-font{padding: 73px 48px 74px;} .case-bot .ny-item p{line-height: 26px;height: 54px;-webkit-line-clamp: 2;} .case-bot .ny-item h4 {margin: 8px 0 16px;font-size: 20px;} .case-bot .swxt-font{padding: 20px;} .case-one .ny-item em, .case-bot li:hover .ny-item em, .case-bot li .ny-item em{width: 48px;} } @media (max-width:1259px) { .case-one{padding: 50px 0;} .case-one .ny-item p{margin-bottom: 20px;} .case-one .ztyw-font{padding: 49px 40px;} .case-bot li{padding: 0 10px;} .case-bot ul{margin: 0 -10px;} } @media (max-width:991px) { .case-bot li{width: 50%;} } @media (max-width:767px) { .case-one{padding: 45px 0;} .case-bot li{width: 100%;} .case-one .ztyw-img{width: 100%;} .case-one .ztyw-font{width: 100%;padding: 20px;} .case-top .swiper-pagination{bottom: 20px;text-align: center;top: auto;padding-right: 0;} .case-one .ny-item em, .case-bot li:hover .ny-item em, .case-bot li .ny-item em{width: 40px;} .case-one .ny-item h4{font-size: 20px;margin: 10px 0 14px;} .case-one .ny-item p{margin-bottom: 10px;} .circle{display: none;} } /* ===================newsinfo================== */ .news{} .news-one {padding: 52px 0 90px;} .news-one .pro-page {margin-top: 31px;} .news-left{float:left;width: 70.7%;position: relative;} .newinfo-one .ny-left::after, .news-left::after{display: inline-block;position: absolute;top: 0;right: -87px;width: 1px;height: 100%;background-color: #ededed;content: "";} .news-right{float:right;width:21.57%} .news-left ul{/* border-bottom:1px solid #ededed; */} .news-left li:last-child{margin-bottom: 0;} .news-left li{/* margin-bottom: 40px; */padding: 40px 0px;border-bottom: 1px solid #f2f2f2;} .news-left li:nth-child(1){padding-top:0px;} .news-left li a{display:block;position:relative;height:100%} .news-left-img{float:left;width:31.3%;overflow:hidden} .news-left-img img{width:100%;transition:ease .5s} .news-left li:hover .news-left-img img{transform:scale(1.04)} .news-left-text{float:right;width:64.6%;padding: 16px 0;transition: all 0.5s;} .news-left li:hover .news-left-text{transform: translateX(10px);} .news-left-time{display:inline-block;font-size:14px;color: #888;vertical-align: middle;font-family: 'Arial';} .news-left-label{display:inline-block;font-size:14px;color:#fff;background:#003a81;padding:2px 12px;margin-left: 17px;vertical-align: middle;} .news-left-title{font-size:24px;color:#333;font-weight:bold;margin-top: 16px;transition:ease .5s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .news-left li:hover .news-left-title{color:#003a81} .news-left-p{font-size:16px;color:#666;margin-top: 29px;line-height: 28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height: 56px;} .news-right-one{ margin-bottom: 34px; } .news-right-title{font-size:18px;color:#111;font-weight:bold;} .news-right-one-menu{margin-top:20px} .news-right-one-menu a{display:inline-block;font-size:14px;color:#9b9b9b;transition:ease .5s;border-radius:3px;border:1px solid #9b9b9b;padding:7px 13px;margin-right:10px;margin-bottom:10px} .news-right-one-menu .on{color:#003a81;border-color:#003a81} .news-right-one-menu a:hover{color:#003a81;border-color:#003a81} .news-right-two{margin-top:34px} .news-right-two ul{} .news-right-two li{} .news-right-two .news-right-title{margin-bottom: -3px;} .news-right-two li a{display:block;padding:23px 0 20px;border-bottom:1px solid #f2f2f2} .news-right-two li:last-child a{border-bottom:none} .news-right-two li .news-left-time{margin-bottom:7px} .news-right-two li p{font-size:16px;color:#333;transition:ease .5s;line-height: 26px;max-height: 52px;} .news-right-two li:hover p{color:#003a81;font-weight:bold} @media (max-width:1459px){ .news-one{padding: 60px 0;} .news-left-title {font-size: 22px;margin-top: 12px;} .news-left-p{margin-top: 16px;line-height: 26px;} .news-left li{margin-bottom: 0;} .newinfo-one .ny-left::after, .news-left::after{ right: -68px;} .news-left li:last-child {margin-bottom: 0;} .news-one .pro-page {margin-top: 24px;} } @media (max-width:1259px){ .news-left-text{padding:0} .news-left-p{margin-top:20px;-webkit-line-clamp:1} .news-left-title{font-size:20px;} .news-one{padding: 50px 0;} .news-left-img{width: 33%;} .news-right{width: 23.57%;} .newinfo-one .ny-left::after, .news-left::after {right: -30px;} } @media (max-width:991px){ .news-left{width: 100%;} .news-right{width: 100%;margin-top: 20px;} .news-left li:hover .news-left-text{transform: none;} .news-right-two li .news-left-time {margin-bottom: 2px;} .news-right-two li a{padding: 16px 0;} .news-one {padding: 50px 0 24px;} } @media (max-width:767px){ .news-left{float:none;width:100%} .news-right{float:none;width:100%;margin-top:20px} .news-left-text{padding:10px 0} .news-left-p{-webkit-line-clamp:2;font-size:14px;line-height:24px;height: auto;margin-top: 8px;} .news-left-title{font-size:18px} .news-left ul{margin-bottom:20px} .news-right-two{margin-top:20px} .news-one{padding: 45px 0 25px;} .news-left li {margin-bottom: 0px;border: 0;padding: 12px 0px;} .news-left li:last-child {margin-bottom: 18px;} } @media (max-width:640px){ .news-left-img{float:none;width:100%} .news-left-text{float:none;width:100%;margin-top:10px} .news-right-one {margin-bottom: 22px;} } .newinfo-one{padding: 74px 0 85px;} .newinfo-one .ny-left{width: 70.7%;position: relative;} .newinfo-one .ny-right{width:21.57%;padding-top: 7px;} .newinfo-header h4 {color: #333;line-height: 34px;font-size: 28px;font-weight: bold;text-align: center;} .newinfo-header p {color: #666;line-height: 28px;color: #666;margin: 21px 0 31px;} .newinfo-header span{color: #a3a3a3;font-family: 'Arial';} .newinfo-header {} .newinfo-center{ padding:37px 0 0;} .newinfo-center img{max-width: 100%;} .newinfo-center p{color: #666;line-height: 28px;font-size: 16px; width: 90%;} .newsinfo-footer{ margin-bottom: 40px; } .newsinfo-footer a{display: block;/* background-color: #f7f7f7; *//* padding: 24px 22px 25px; */margin-bottom: 47px;} .newsinfo-footer a:last-child{margin-bottom: 0;} .newsinfo-footer a:hover p{color: #003a81;} .newsinfo-footer span{font-weight: bold;color: #111;font-size: 18px;} .newsinfo-footer em{font-size: 14px;color: #888;font-family: 'Arial';} .newsinfo-footer p{color: #333;line-height: 28px;margin: 7px 0 13px;font-size: 18px;} .newsinfo-info{/* padding: 27px 36px 29px 22px; */margin-bottom: 39px;/* background-color: #f7f7f7; */} .newsinfo-info .ny-txt{font-weight: bold;color: #111;font-size: 18px;} .newsinfo-info .ny-txt::before{content: "";display: inline-block;width: 3px;height: 19px;background-color: #003a81;margin-right: 7px;margin-top: -3px;vertical-align: middle;display: none;} .newsinfo-biaoqian span{font-size: 14px;color: #9b9b9b;border: 1px solid #9b9b9b;display: inline-block;padding: 5px 13px ;border-radius: 4px;background-color: #fff;} .newsinfo-biaoqian ul{margin: 20px -5px -10px;} .newsinfo-biaoqian li{float: left;padding: 0 5px;margin-bottom: 10px;} .newsinfo-biaoqian span:hover {background-color: #003a81;color: #fff;border: 1px solid #003a81;} .newsinfo-xw{/* padding: 27px 36px 13px 22px; */padding-right: 11px;} .newsinfo-xw ul{margin-top: 2px;} .newsinfo-xw .com-ztyw{border-bottom: 1px solid #f2f2f2;padding: 15px 0 15px;} .newsinfo-xw .ztyw-img{width: 38.8%;float: right;padding-right: 3px;} .newsinfo-xw .ztyw-font{width: 58%;float: left;} .newsinfo-xw .ztyw-font h4{font-size: 14px;FONT-WEIGHT: 600;color: #666;line-height: 22px;margin-bottom: 11px;height: 44px;} .newsinfo-xw .ztyw-font span{font-size: 14px; color: #888;font-family: 'Arial';display: inline-block;padding-left: 22px;background: url(../images/time.png)no-repeat left center;} .newsinfo-xw li:last-child .com-ztyw{border-bottom: none;} .newsinfo-xw li:hover h4{color: #003a81;} .newsinfo-fx{} .newsinfo-fx .ny-txt::before{opacity: 0;} .bott-share{ margin-top: 25px;} @media (max-width: 1459px) { .newinfo-one{padding: 60px 0 ;} .newinfo-header h4{font-size: 26px;} } @media (max-width: 1259px) { .bshare-custom a{margin-bottom: 10px;} .newsinfo-footer p{ line-height: 24px; margin: 5px 0;} .newinfo-header h4{font-size: 24px;} .newinfo-one .ny-right{width: 23.57%;} } @media (max-width: 991px) { .newinfo-one .ny-left{width: 100%;} .newinfo-one .ny-right{width: 100%;margin-top: 40px;} .newsinfo-xw li{width: 50%;display: inline-block;float: left;} .newsinfo-xw .ztyw-img{float: left;margin-right: 10px;} .bott-share {margin-top: 16px;} .newinfo-one{padding: 50px 0;} .newsinfo-footer a{ margin-bottom: 30px;} .newsinfo-xw{padding-right: 0;margin-bottom: 30px;} .newsinfo-info{margin-bottom: 0;} .newinfo-center p{width: 100%;} } @media (max-width: 767px) { .newinfo-one{padding: 45px 0 25px;} .newsinfo-xw li {width: 100%;} .newinfo-header h4{font-size: 22px;} } @media (max-width: 359px) { .newsinfo-xw .ztyw-font{width: 56%;} } /* ===========鍛樺伐椋庨噰============ */ .style-banner .swiper-pagination-bullet{border: 2px solid #ffffff;opacity: 1;background:none;} .style-banner .swiper-pagination-bullet-active{background-color: #FFFFFF;} /* ======================= */ .bshare-custom a{background: none!important;width: 32px!important;height: 32px!important;line-height: 32px;border-radius: 50%;text-align: center;font-size: 20px;display: inline-block;color: #969696;margin-right: 13px;} .bshare-custom .bshare-sinaminiblog{background-color: #da3c3c!important;color: #fff;} .bshare-custom .bshare-weixin{background-color: #21ba41!important;color: #fff;} .bshare-custom .bshare-qqim{background-color: #3e91ee!important;color: #fff;} .bshare-custom .bshare-qzone{background-color: #f4c50b!important;color: #fff;} @media (max-width:767px) { .bshare-custom a{ width: 32px!important;height: 32px!important;line-height: 32px;font-size: 16px;} } .com-icon{text-align: center;} .icon-img{font-size: 0;position: relative;width: 125px;height: 125px;margin: auto;overflow: hidden; border-radius: 50%;} .icon-img::after{position: absolute;top: 0;right: 0;background-color: #003a81;content: "";display: inline-block;border-radius: 50%;width: 100%;height: 100%;transform: translateX(100%);transition: all 0.5s;} .icon-img img{transition: all 0.5s;width: 100%;} .icon-img .icon-img1{border: 2px solid #003a81;border-radius: 50%;transition: all 1s .5s;opacity: 1;} .icon-img .icon-img2{transform: translateX(-100%);position: absolute;top: 0;left: 0;z-index: 11;} .com-icon:hover .icon-img .icon-img2{transform: translateX(0%);} .com-icon:hover .icon-img::after{transform: translateX(0%);} .icon-img:hover .icon-img1{opacity: 0;} .form-ul{margin: 0 -5px;} .form-ul li{float: left;padding: 0 5px;width: 33.33%;margin-bottom: 10px;} .form-ul li:nth-child(4){width: 50%;} .form-ul li:nth-child(5){width: 50%;} .form-ul-item{background-color: #fff;line-height: 40px;padding-left: 20px;} .form-ul label{color: #666;display: inline-block;} .form-ul input{width: 90%;color: #999;font-size: 16px;} .com-form textarea{ background-color: #fff; resize: none; line-height: 45px; padding-left: 20px; padding-top: 1px; font-size: 16px; display: block; width: 100%; color: #999; height: 118px; } .form-btn a{display: block;transition: all 1s;padding: 14px 58px;display: block; color: #f3981e;margin: 30px auto 0;border: 1px solid #f3981e;} .form-btn a:hover{background-color: #f3981e;color: #fff;} /* ======================= */ .contact .ny-tit{font-size: 38px;font-weight: 400;} .contact-one{padding: 80px 0 100px;} .contact-one li{width: 25%;} .contact-one .icon-img{width: 106px;height: 106px;} .contact-one .icon-img .icon-img1{border: 1px solid #dedede;} .contact-one li h4{margin: 24px 0 7px;font-size: 20px;color: #333;line-height: 30px;/* font-family: 'Arial'; */} .contact-one li p{font-size: 16px;color: #666;} .contact-two{padding: 77px 0 55px;} .contact-two .ny-wrap{margin-top: 59px;} .contact-two li{margin-bottom: 25px;} .contact-two li:hover .ny-item{box-shadow: 0 0 20px rgba(0, 0, 0, .07);} .contact-two .ny-item{display: block;background-color: #fff;padding: 25px 30px 26px;transition: all 0.5s;} .contact-two .ny-item p{font-size: 14px;color: #a2a4a8;} .contact-two .ny-item h4{padding-right: 35px;background: url(../images/new.png)no-repeat right top;margin-bottom: 13px;height: 64px;line-height: 32px;color: #000;font-size: 24px;} .contact-three{ padding: 0 0 80px;} .contact-three .ny-wrap{position: relative; margin-top: 48px;} .contact-three .ny-left{width: 50%;} .contact-three .ny-left img{width: 100%;} .contact-three .ny-right{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .coth-tit{color: #000;font-size: 26px;} .coth-dec{color: #666;margin-top: 21px;font-size: 16px;} .coth-wrap{width: 50%;float: right;padding-left: 58px;} .coth-wrap .form-ul li{width: 100%;border-bottom: 1px solid #e7e7e7;padding: 0 10px 12px;margin-bottom: 35px;} .coth-wrap .form-ul{margin: 0;} .coth-wrap .form-list{margin-top: 53px; overflow: hidden;} .coth-wrap textarea { resize: none; display: block; width: 100%; color: #999; font-size: 16px; border-bottom: 1px solid #e7e7e7; padding: 7px 10px 0; height: 144px; } .coth-wrap .down-btn{float: left;margin-top: 42px;padding: 11px 85px 12px;background-color: #285998;font-size: 20px;color: #fff;display: inline-block;padding: 15px 87px 16px;border-radius: 30px;margin-top: 48px;border: none;} .coth-wrap .down-btn::before{background: linear-gradient(to right, #043a80, #043a80);} @media (max-width: 1919px) { .coth-wrap .form-list {margin-top: 26px;} .coth-wrap .form-ul li{margin-bottom: 21px;} } @media (max-width: 1679px){ .coth-dec{ margin-top: 12px;} .coth-wrap .form-list {margin-top: 14px; } .coth-wrap .form-ul li{padding: 0 10px 6px;} .coth-wrap .down-btn{font-size: 16px;margin-top: 30px;padding: 11px 68px;} .coth-wrap .form-ul li{margin-bottom: 18px;} } @media (max-width: 1459px) { .contact-one{padding: 60px 0;} .contact-one .icon-img{width: 90px;height: 90px;} .contact-one li h4{margin: 18px 0 6px;font-size: 18px;line-height: 26px;} .contact-two{padding: 60px 0 40px;} .contact-two .ny-wrap{margin-top: 35px;} .contact-two .ny-item h4{height: 54px;line-height: 28px; font-size: 20px;} .contact-three{padding: 0 0 60px;} .coth-wrap textarea{height: 90px;} .contact-three .ny-wrap{margin-top: 35px;} .contact .ny-tit {font-size: 34px;} .coth-wrap .form-ul li{padding: 0 10px 9px;} } @media (max-width: 1259px) { .contact-three{padding: 0 0 50px;} .contact-one{padding: 50px 0;} .contact-two{padding: 50px 0 30px;} .contact-two .ny-item{padding: 20px;} .contact-two ul{margin: 0 -8px;} .contact-two li{margin-bottom: 16px;padding: 0 8px;} .contact .ny-tit {font-size: 30px;} .coth-tit{font-size: 22px;} .coth-wrap{padding-left: 40px;} .coth-wrap .form-ul li {margin-bottom: 8px;} .coth-wrap .down-btn{ margin-top: 15px;padding: 11px 55px;} .coth-wrap textarea {height: 59px;} } @media (max-width: 991px) { .contact-one li{width: 50%!important;margin-bottom: 20px;} .contact-one{padding: 50px 0 30px;} .contact-two li{width: 50%;} .contact-three .ny-left{width: 100%;padding: 0;} .contact-three .ny-right{width: 100%;padding: 0;position: relative;margin-top: 20px;} .coth-wrap{width: 100%;padding: 0;} .contact .ny-tit {font-size: 26px;} } @media (max-width: 767px) { .contact-three{padding: 0 0 45px;} .contact-one{padding: 45px 0 20px;} .contact-two{padding: 45px 0 20px;} .contact-one .icon-img{width: 80px;height: 80px;} .contact-one li:last-child span{display: inline;} .contact-two li{width: 100%;} .contact .ny-tit {font-size: 22px;} .contact-one li h4 a{width: 100%;display: inline-block;word-break: break-all;} .coth-wrap textarea {height: 80px;} .contact-two .ny-item h4 {height: 48px;line-height: 25px;font-size: 16px;} .contact-two .ny-item h4{background-size: 26px;} } @media (max-width: 640px) { .contact-one li{width: 100%!important;margin-bottom: 20px;} } .service-one{padding: 62px 0 29px;} .service .ny-tit{text-align: left;} .service .ny-dec{text-align: left; margin-top: 11px;} .service-one ul{margin: 0 -15px 0;} .service-one li{padding: 0 15px;margin-bottom: 30px;} .service-one li h4{font-size: 22px;color: #333;} .service-one li:hover h4{color: #d30c2e;} .quality-one li p, .service-one li p{font-size: 16px;color: #666;line-height: 28px;margin-top: 14px; height: 56px;} .service-three p, .service-two p, .service-one li p { overflow-y: auto; padding-right: 5px; } .service-three p::-webkit-scrollbar, .service-two p::-webkit-scrollbar, .service-one li p::-webkit-scrollbar { width: 3px; background-color: #dcdbdb; } .service-three p::-webkit-scrollbar-thumb, .service-two p::-webkit-scrollbar-thumb, .service-one li p::-webkit-scrollbar-thumb { background-color: #d30c2e; border-radius: 5px; } .service-one .swxt-font{background-color: #eeeeee;padding: 35px 75px 31px;} .service-one .ny-wrap{ margin-top: 33px;} .service-one li:nth-child(4){float: right;} .service-one li:nth-child(5){width: 66.66%;float: left;} .service-one li:nth-child(5) p{ width: 42%;display: inline-block;} .service-two{ padding-bottom: 61px;} .service-two em{font-size: 22px;color: #fff;display: inline-block;margin-left: 15px;transform: translateY(-2px);} .service-two span{font-family: 'EUCLIDSQUARE-SEMIBOLD';font-size: 72px;color: #fff;} .service-two p{font-size: 16px;color: #fff;line-height: 28px;opacity: 0.7;margin-top: 3px;height: 56px;} .service-two ul{margin: 0 -2px;} .service-two li{padding: 0 2px;} .service-two li .ny-item{padding: 36px 28px 48px;transition: all 0.5s;} .service-two li .ny-txt{width: 70%;display: inline-block;} .service-two li .ny-item img{float: right;margin-top: 10px;transition: all 0.5s;} .service-two li:nth-child(1) .ny-item{background: #1226aa url(../images/setw-11.png)no-repeat;background-position-y: 200px;background-size: 100%;} .service-two li:nth-child(2) .ny-item{background: #283ed5 url(../images/setw-22.png)no-repeat;background-position-y: 200px;background-size: 100%;} .service-two li:nth-child(3) .ny-item{background: #234dfc url(../images/setw-33.png)no-repeat;background-position-y: 200px;background-size: 100%;} .service-two li:nth-child(1):hover .ny-item{background: #1226aa url(../images/setw-11.png)no-repeat;background-position-y: 0px;background-size: 100%;} .service-two li:nth-child(2):hover .ny-item{background: #283ed5 url(../images/setw-22.png)no-repeat;background-position-y: 0px;background-size: 100%;} .service-two li:nth-child(3):hover .ny-item{background: #234dfc url(../images/setw-33.png)no-repeat;background-position-y: 0px;background-size: 100%;} .service-two li:hover img{opacity: 0;} .service-three{} .service-three .ny-tit{} .service-three p{text-align: left; margin-top: 24px;font-size: 16px;color: #666;line-height: 28px;max-height: 142px;} .service-three .ny-wrap{position: relative;background-color: #f6f6f6;} .service-three .ny-left{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-48%);} .service-three .ny-right{width: 50%;overflow: hidden;position: relative;z-index: 1;} .service-three .ny-right img{width: 100%;transition: all 0.5s;} .service-three .ny-right:hover img{transform: scale(1.05);} .service-three .ny-txt{width: 50%;height: 100%;padding-right: 100px;} .service-five {margin-bottom: -28px;} .service-five li h4{font-size: 22px;color: #333;margin-top: 22px;} .service-five li:hover h4{color: #d30c2e;} .service-five ul{margin: 0 -16px 0;} .service-five li{padding: 0 16px;width: 25%;} .service-five .ny-tit{color: #fff;} .service-five .ny-dec{margin-top: 13px;color: #fff;} .service-five .ny-wrap{position: relative;} .service-five .ny-header{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-67%);} .sefi-ul{transform: translateY(-116px);background-color: #fff;padding: 116px 100px 0;} .service-four { padding: 59px 0 65px;} .service-four .ny-tit{text-align: center;} .service-four .ny-dec{text-align: center;} .service-four .ny-wrap{text-align: center;margin-top: 25px;} .sefo-wrap{position: relative; display: inline-block;width: 32.857%;} .sefo-wrap img{width: 100%; transition: all 0.5s;} .sefo-wrap:hover .sefo-img2 img{transform: scale(1.05);} .sefo-txt h4{font-size: 22px;margin-bottom: 13px;} .sefo-txt p{font-size: 16px;line-height: 28px;color: #666;height: 56px;} .sefo-txt {text-align: right;} .sefo-img2, .sefo-imgs{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;overflow: hidden;width: 87%;} .sefo-imgs{width: 100%;} .sefo-em{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #999999;position: relative;float: right;margin-top: 46px;margin-left: 46px;} .sefo-em::after{content: "";width: 14px;height: 14px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid #d30c2e;opacity: 0;} @keyframes zsxkuosan { from { opacity: 1; width: 5px;height: 5px; } to { opacity: 0; width: 18px;height: 18px; } } .sefo-swiper{display: none;} .sefo-txt{width: 88%;display: inline-block;} .service-four li.on .sefo-em, .service-four li:hover .sefo-em{background-color: #d30c2e;} .service-four li.on .sefo-em::after, .service-four li:hover .sefo-em::after {animation: zsxkuosan 1s linear infinite;} .sefo-ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .sefo-ul li{width: 100%;position: absolute;} .sefo-li1{top: 3%;left: -83.5%;} .sefo-li2{bottom: 6%;left: -85.2%;} .sefo-li3{right: -83.5%;bottom: 5%;} .sefo-li4{right: -84.5%;top: 4%;} .sefo-li3 .sefo-em, .sefo-li4 .sefo-em{float: left;margin-right: 46px;margin-left: 0;} .sefo-li3 .sefo-txt, .sefo-li4 .sefo-txt{text-align: left;} @media (max-width:1919px) { } @media (max-width:1679px) {} @media (max-width:1459px) { .service-one{padding: 60px 0 20px;} .service-one .swxt-font{padding: 19px 46px;} .service-one li p{line-height: 24px;margin-top: 10px;height: 48px;} .service-one li:nth-child(5) p {width: 59%;} .service-two li .ny-txt {width: 80%;} .service-two span{ font-size: 58px;} .service-two em {font-size: 20px; margin-left: 10px;} .sefo-li3 .sefo-em, .sefo-li4 .sefo-em{margin-right: 30px;} .sefo-em{ margin-left: 30px;} .sefo-li1{top: 2%;left: -84%;} .sefo-li2{bottom: 5%;left: -85.2%;} .sefo-li3{right: -83.5%;bottom: 3%;} .sefo-li4{right: -84.5%;top: 2%;} .sefi-ul{transform: translateY(-80px);padding: 80px 80px 0;} .service-five li h4 {font-size: 18px; margin-top: 14px;} } @media (max-width:1259px) { .service-one .swxt-font{padding: 19px 18px;} .service-one li h4 {font-size: 20px;} .service-two li .ny-item {padding: 22px 20px 25px;} .service-two span {font-size: 46px;} .service-two em { font-size: 18px;} .service-two li .ny-item img{width: 50px;} .service-two{padding-bottom: 50px;} .service-three .ny-txt {width: 56%;} .sefo-txt {width: 87%;} .sefo-li1{top: -1%;left: -84%;} .sefo-li2{bottom: 2%;left: -85.2%;} .sefo-li3{right: -83.5%;bottom: 0%;} .sefo-li4{right: -84.5%;top: -1%;} .service-four{padding: 50px 0;} .sefi-ul{transform: translateY(-60px);padding: 60px 60px 0;} .service-five li{padding: 0 10px;} .service-five ul{margin: 0 -10px;} } @media (max-width:991px) { .service-one li h4 {font-size: 16px;} .service-one li p{font-size: 14px;} .service-one .swxt-font{padding: 12px 12px;} .service-one li{padding: 0 10px;margin-bottom: 20px;} .service-one ul{margin: 0 -10px;} .service-two li .ny-item img{display: none;} .service-two li .ny-txt{width: 100%;} .service-two span {font-size: 24px;} .service-two p{line-height: 24px; font-size: 14px; height: 48px;} .service-three p{ line-height: 26px;max-height: 128px; margin-top: 16px;} .sefo-wrap{display: none;} .sefo-swiper{display: block;} .sefo-swiper h4{font-size: 18px;margin: 20px 0 10px;} .sefo-swiper p{ font-size: 16px;color: #666;line-height: 24px;} .sefo-swiper .swiper-container{padding-bottom: 30px;} .service-four{padding: 50px 0 30px;} .sefi-ul{transform: translateY(-30px);padding: 30px 30px 0;margin-bottom: 40px;} } @media (max-width:767px) { .service-one li:nth-child(5), .service-one li{width: 100%;} .service-one li:nth-child(5) p{width: 100%;} .service-two{padding-bottom: 25px;} .service-two li{width: 100%;margin-bottom: 20px;} .service-two li:nth-child(2) .ny-item, .service-two li:nth-child(3) .ny-item, .service-two li:nth-child(1) .ny-item{background-position-y: 100%!important;} .service-three .ny-left{width: 100%;position: initial;top: 0;left: 0;transform: none;} .service-three .ny-right{width: 100%;} .service-three .ny-txt{width: 100%;padding: 30px 0;} .service-three p{max-height: 500px;} .service-four{padding: 45px 0 25px;} .service-five .ny-dec {margin-top: 6px;} .sefi-ul{transform: none;padding: 0;margin-bottom: 45px;margin: 0 -15px;} .service-five li{width: 100%;margin-bottom: 20px;} .service-five{margin-bottom: 25px;} .service-five .ny-header{ transform: translateY(-50%);} } .quality .ny-tit{text-align: left;} .quality .ny-dec{text-align: left; margin-top: 11px;} .quality-one{padding:70px 0 78px;} .quality-one ul{margin: 0 -16px;} .quality-one li{padding: 0 16px;} .quality-one li h4{border-radius: 50%;width: 115px;height: 115px;box-shadow: 0 0 20px rgba(0, 0, 0, .07);font-size: 22px;text-align: center;line-height: 115px;margin: -64px auto 0;position: relative;position: relative;background-color: #fff;overflow: hidden;} .quality-one li h4 span{position: relative;z-index: 1;color: #333;} .quality-one li h4::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 20%;height: 20%;background-color: #d30c2e;border-radius: 50%;opacity: 0;transition: all 0.5s;} .quality-one li p{padding: 0 30px;margin-top: 17px;} .quality-one .ny-wrap{margin-top: 46px;} .quality-one li:hover h4 span{color: #fff;} .quality-one li:hover h4::after{width: 101%;height: 101%;opacity: 1;} .quality-two ul{margin: 0;margin-bottom: -126px;} .quality-two li{padding: 0;width: 25%;margin-bottom: 126px;} .quality-two .swxt-font{text-align: left;} .quality-two li h4{font-size: 22px;color: #fff; margin: 23px 0 12px;} .quality-two li p{font-size: 16px;color: #fff;} .quality-two li img{transition: all 0.5s;} .quality-two li:hover img{animation: swing 2s ;} .quality-two li:hover h4{color: #d30c2e;} .quality-two .ny-wrap{padding: 118px 0; margin-top: 43px;} .quality-three{ padding: 76px 0 78px;} .quality-three .ny-wrap{margin-top: 29px;} .quality-three ul{margin: 0 -5px -10px;} .quality-three li{padding: 0 5px;margin-bottom: 10px;} .quality-three li h4{font-size: 20px;color: #fff;padding: 0 24px;} .quality-three .swxt-font{background-color: rgba(0, 0, 0, .5);padding: 19px 0px;text-align: left;position: absolute;bottom: 0;left: 0;width: 100%;transition: all 0.5s;transform: rotateX(90deg);transform-origin: bottom;} .quality-three .com-swxt{position: relative;} .quality-three li:nth-child(1), .quality-three li:nth-child(4){width: 57.07%;} .quality-three li:nth-child(3), .quality-three li:nth-child(2){width: 42.93%;} .quality-three li:hover .swxt-font{transform: rotateX(0deg);transform-origin: bottom;} @media (max-width:1919px) { } @media (max-width:1679px) {} @media (max-width:1459px) { .quality-three, .quality-one{padding: 60px 0;} .quality-three .ny-wrap, .quality-two .ny-wrap, .quality-one .ny-wrap{margin-top: 35px;} .quality-one li h4{width: 100px;height: 100px;line-height: 100px;margin: -50px auto 0;} .quality-one li p .p-style{display: inline;} .quality-one li p { padding: 0 26px;margin-top: 12px;} .quality-two li img{width: 70px;} .quality-two .ny-wrap {padding: 90px 0;} .quality-two ul{margin-bottom: -70px;} .quality-two li{margin-bottom: 70px;} .quality-three li h4{font-size: 18px;} .quality-three .swxt-font{padding: 15px 0px;} } @media (max-width:1259px) { .quality-three, .quality-one{padding: 50px 0;} .quality-one li{padding: 0 10px;} .quality-one ul{margin: 0 -10px;} .quality-one li h4{width: 90px;height: 90px;line-height: 90px;margin: -45px auto 0;font-size: 20px;} .quality-one li p {padding: 0;margin-top: 10px;} .quality-one li h4{width: 80px;height: 80px;line-height: 80px;margin: -40px auto 0;font-size: 18px;} .quality-two li h4 {font-size: 18px;margin: 16px 0 8px;} .quality-two li img {width: 66px;} .quality-two .ny-wrap {padding: 60px 0;} .quality-two .swxt-font{width: 90%;} } @media (max-width:991px) { .quality-one li p{ font-size: 14px; line-height: 24px;} .quality-two li img {width: 56px;} } @media (max-width:767px) { .quality-three, .quality-one{padding: 45px 0;} .quality-one li{width: 100%;margin-bottom: 20px;} .quality-one li:last-child{margin-bottom: 0px;} .quality .ny-dec{margin-top: 8px;} .quality-two li{width: 50%;text-align: center; margin-bottom: 20px;} .quality-two ul{margin-bottom: -20px;} .quality-two .swxt-font {text-align: center;margin: auto;} .quality-two li h4 {font-size: 16px;} .quality-two li p {font-size: 14px;} .quality-two .ny-wrap{padding: 45px 0;} .quality-three li:nth-child(3), .quality-three li:nth-child(2), .quality-three li:nth-child(1), .quality-three li:nth-child(4), .quality-three li{width: 100%;} .quality-three li .swxt-font{transform: rotateX(0deg);transform-origin: bottom;} } .quality-four{padding-bottom: 80px;} .quality-four .ny-wrap{margin-top: 43px;} .qufo-swiper .swiper-slide{padding: 180px 70px 72px;background-color: #f5f5f5;font-size: 0;} .qufo-swiper .swiper-slide div{margin: 0 -19px;} .qufo-swiper .swiper-slide a{display: inline-block;width: 16.66%;padding: 0 18px; vertical-align: middle;} .qufo-swiper .swiper-slide a:last-child{margin-right: 0;} .qufo-swiper img{border: 2px solid #fff;box-shadow: 14px 14px 25px 2px rgb(0 0 0 / 15%);width: 100%;} .qufo-swiper .swiper-slide a:nth-child(2){margin-top: -65px;} .qufo-swiper .swiper-slide a:nth-child(4){margin-top: -111px;} .qufo-tool {background-color: rgba(0,0,0,0.3);position: relative;height: 80px;} .qufo-tool{padding: 0 7px;} .qufo-tool .swiper-pagination{font-family: 'EUCLIDSQUARE-REGULAR';font-size: 16px;color: #fff;margin: 0;bottom: 35%;width: 20%;display: inline-block;left: 50%;transform: translateX(-50%);} .qufo-tool .swiper-button-next, .qufo-tool .swiper-button-prev{font-size: 16px;color: #fff;width: auto;line-height: 80px;background: none;position: initial;height: 100%;margin: 0;cursor: pointer;} .qufo-tool .swiper-button-next{float: right;} .qufo-tool .swiper-button-prev{float: left;} .qufo-tool em{ font-size: 22px; vertical-align: middle; margin: 0 16px; margin-top: -2px; display: inline-block; } @media (max-width:1459px) { .qufo-tool{height: 60px;} .qufo-tool .swiper-button-next, .qufo-tool .swiper-button-prev{line-height: 60px;} .quality-four{padding-bottom: 60px;} .qufo-swiper .swiper-slide {padding: 100px 40px 50px;} } @media (max-width:1259px) { .quality-four{padding-bottom: 50px;} .qufo-swiper .swiper-slide a{padding: 0 10px;} .qufo-swiper .swiper-slide div {margin: 0 -10px;} } @media (max-width:991px) {} @media (max-width:767px) { .quality-four{padding-bottom: 45px;} .qufo-swiper .swiper-slide a{width: 50%;margin-bottom: 10px;} .qufo-swiper .swiper-slide a:nth-child(2), .qufo-swiper .swiper-slide a:nth-child(4){margin: 0 0 10px;} .qufo-swiper .swiper-slide{padding: 20px;} .qufo-swiper .swiper-slide a{padding: 0 5px;} .qufo-swiper .swiper-slide div {margin: 0 -5px;} .qufo-tool em{ margin: -2px 2px 0;font-size: 16px;} .qufo-tool .swiper-pagination{width: 25%;} } .solutwo-pc{display: block;} .solutwo .ny-app{display: none;} .solutwo-swiper .swiper-slide{position: relative;} .solutwo-swiper .ny-txt{position: absolute;top: 36%;left: 0;width: 100%;} .solutwo-swiper p{color: #fff;font-size: 18px; margin-top: 19px;} .solutwo-swiper h4{font-size: 40px;color: #fff;} .solutwo-swiper .swiper-pagination-bullet{border: 1px solid #fff;width: 10px;height: 10px;background-color: transparent; margin-right: 10px;opacity: 1;} .solutwo-swiper .swiper-pagination-bullet-active{background-color: #fff;} .solutwo-swiper .swiper-pagination{margin-top: 146px;} @media (max-width:1459px) { .solutwo-swiper h4 {font-size: 34px;} .solutwo-swiper .swiper-pagination{margin-top: 100px;} } @media (max-width:1259px) { .solutwo-swiper h4 {font-size: 30px;} .solutwo-swiper p {font-size: 16px;margin-top: 12px;} .solutwo-swiper .swiper-pagination{margin-top: 50px;} } @media (max-width:991px) { .solutwo-swiper h4 {font-size: 28px;} } @media (max-width:767px) { .solutwo-pc{display: none;} .solutwo .ny-app{display: block;} .solutwo-swiper h4 {font-size: 22px;} .solutwo-swiper .swiper-pagination{margin-top: 20px;} } .solutwo-one{padding: 76px 0 51px;} .solutwo-one .ny-wrap{padding: 6px 0 0;width: 69.285%;margin: auto;} .solutwo-one .ny-wrap img{width: 100%;} .solutwo-tit{font-size: 26px;color: #333;} .solutwo-two{background-color: #1f32ae;padding: 94px 0 67px;} .solutwo-two .ny-wrap{position: relative;} .sotwo-nav{text-align: center;position: relative; margin: 53px auto 42px;} .sotwo-nav::after{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;border-bottom: 1px dashed #4c5bbe;} .sotwo-swiper{text-align: center;width: 68%;margin: auto;} .sotwo-swiper h4{font-size: 20px;color: #fff;} .sotwo-nav .sotwo-page { position: relative; display: inline-block; width: 80px; height: 80px; line-height: 80px; margin: 0 40px; text-align: center; background: transparent; border-radius: 50%; vertical-align: top; opacity: 1;background-color: #1f32ae; font-size: 30px;z-index: 1; font-family: 'EUCLIDSQUARE-SEMIBOLD';color: #4c5bbe;border: 2px solid #4c5bbe; } .sotwo-nav .swiper-pagination-bullet-active{color: #fff;border: 2px solid #fff;} .sotwo-swiper .swiper-slide{opacity: 0!important;} .sotwo-swiper .swiper-slide-active{opacity: 1!important;} .solutwo-three{padding: 76px 0 ;} .solutwo-three .ny-wrap{margin-top: 43px;} .solutwo-three .ny-item{text-align: center;position: relative;} .solutwo-three .ny-txt{position: absolute;top: 50%;transform: translateY(-46%);left: 0;z-index: 1;width: 100%;} .solutwo-three .ny-item h4{font-size: 22px;color: #fff;} .solutwo-three .ny-item p{font-size: 16px;line-height: 24px;color: #fff;margin-top: 19px;padding: 0 50px;max-height: 0;opacity: 0;transition: all 1s;} .solutwo-three li{float: left;margin-right: 1px;width: calc(25% - 1px);} .solutwo-three li img{width: 100%;} .solutwo-three li:nth-child(4n){margin-right: 0;} .solutwo-three li:hover .ny-item p{max-height: 500px;opacity: 1;} .solutwo-four .solutwo-tit{margin-bottom: 8px;} .solutwo-four{padding-bottom: 83px;} @media (max-width:1459px) { .solutwo-one{padding: 60px 0 30px;} .solutwo-two{padding: 60px 0 50px;} .sotwo-nav .sotwo-page {width: 70px;height: 70px;line-height: 70px;margin: 0 30px;font-size: 26px;} .sotwo-nav{ margin: 40px auto 35px;} .solutwo-three{padding: 60px 0;} .solutwo-three .ny-wrap{margin-top: 35px;} .solutwo-four{padding-bottom: 60px;} } @media (max-width:1259px) { .solutwo-one{padding: 50px 0 20px;} .sotwo-nav .sotwo-page {width: 60px;height: 60px;line-height: 60px;margin: 0 20px;font-size: 22px;} .sotwo-nav{margin: 30px auto 25px;} .solutwo-three{padding: 50px 0;} .solutwo-three .ny-item p{padding: 0 20px;margin-top: 8px;} .solutwo-three .ny-item h4 { font-size: 20px;} .solutwo-four{padding-bottom: 50px;} } @media (max-width:991px) { .solutwo-one .ny-wrap{margin-top: 35px;} .sotwo-swiper{width: 82%;} .solutwo-three .ny-item p{font-size: 14px;padding: 0 10px;} } @media (max-width:767px) { .solutwo-one{padding: 45px 0 10px;} .solutwo-tit{font-size: 22px;} .solutwo-one .ny-wrap{width: 100%;} .sotwo-swiper{width: 100%;} .solutwo-two{padding: 45px 0;} .sotwo-nav .sotwo-page {width: 40px;height: 40px;line-height: 40px;margin: 0 8px;font-size: 16px;} .sotwo-nav{margin: 24px auto 20px;} .solutwo-three{padding: 45px 0;} .solutwo-three li{width: calc(50% - 1px);} .solutwo-three li:nth-child(2n){margin-right: 0;} .solutwo-three li .ny-item p{max-height: 500px;opacity: 1;} .solutwo-four{padding-bottom: 45px;} } .service .pro2-nav, .quality .pro2-nav, .newinfo .pro2-nav, .news .pro2-nav, .down .pro2-nav, .case .pro2-nav{padding-top: 35px;} .circle { transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; z-index: 20; overflow: hidden; border: 0px solid #fff; background-color: transparent; } .case-bot .swxt-img, .case-one .swxt-img{position: relative;} .case-bot .swxt-img::before, .case-one .swxt-img::before { content: ''; position: absolute; top: 50%; left: 50%; width: 43px; height: 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAANCAYAAAAwqJfrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkxRkU4MTQ1Q0U2MTFFOEI2NTFEQ0Q2RDJBQjQ3MEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkxRkU4MTU1Q0U2MTFFOEI2NTFEQ0Q2RDJBQjQ3MEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTFGRTgxMjVDRTYxMUU4QjY1MURDRDZEMkFCNDcwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTFGRTgxMzVDRTYxMUU4QjY1MURDRDZEMkFCNDcwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgIRhR0AAACwSURBVHjaYvz//z/DIAEsQNwDxD+BuByrCpBjBwn2/o8AudjUDCbH8gPxRCQHZw5mx8LwJCQHpw52x4LwFCQHJw92x4LwDCQHp4DEGP8PouKAAEhgGiIO/Q7E90FlG+MgdeApIDYF4o9ArA/EDwdryJ6EOvQzEBuAHAoSHIyOPQbEZkD8DerQB8hV3GABokB8BojloGnUEIjvISsYTCH7F4jfAvE7IDYC4lvoCgACDACHTKxqztf3ngAAAABJRU5ErkJggg==); margin-top: -6px; margin-left: -20px; z-index: 30; opacity: 0; visibility: hidden; transform: translate(0, -50px); -webkit-transform: translate(0, -50px); -moz-transform: translate(0, -50px); -ms-transform: translate(0, -50px); -o-transform: translate(0, -50px); transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .case-bot .swxt-img::after, .case-one .swxt-img::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; background-blend-mode: multiply; mix-blend-mode: multiply; display: none; transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86); opacity: 0.8\0; } .case-bot li:hover .swxt-img::before, .case-one li:hover .swxt-img::before { opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); } .case-bot li:hover .swxt-img::after, .case-one li:hover .swxt-img::after { display: block; } @media (max-width:1919px) { } @media (max-width:1679px) {} @media (max-width:1459px) { .ny-tit{font-size: 26px;} } @media (max-width:1259px) { .ny-tit{font-size: 24px;} } @media (max-width:991px) {} @media (max-width:767px) { .ny-tit{font-size: 22px;} }