/* header*/ .header{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;transition: all 0.6s ease;} .header .logo{display: block;float: left;height: 24px;margin: 18px 0;transition: all 0.6s ease;} .header .logo img{height: 100%;display: block;filter: grayscale(100%) brightness(1000%);} .header .nav{width: calc(100% - 214px);float: left;padding-right: 60px;} .header .nav .nLi{margin-right: 50px;} .header .nav .nLi h3{width: 100%;} .header .nav .nLi h3 a{display: block;line-height: 36px;font-size: 14px;padding: 12px 0;color: #fff;font-weight: normal;transition: all 0.6s ease; text-transform: capitalize;} .header .nav .nLi:hover h3 a,.header .nav .nLi.on h3 a{color: rgba(255, 255, 255, 0.65);} .header .nav .nLi1{position: relative;} /* .header .nav .sub{display: none;position: absolute;top: 60px; } */ .header .nav .sub{position: absolute; top: 60px; opacity: 0; max-height: 0; transition: max-height 0.6s ease, opacity 0.6s ease, padding 0.6s ease; background: #fff; overflow: hidden;} .header .nav .sub.show { max-height: 250px !important; opacity: 1;} .header .nav .sub1{left: 0;width: 100%;background-color: #fff;box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.1);} .header .nav .sub1 .slideTxtBox{width: 100%;padding: 30px 0;} .header .nav .sub1 .slideTxtBox .hd{width: 18%; padding-right: 2%;} .header .nav .sub1 .slideTxtBox .hd ul{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;} .header .nav .sub1 .slideTxtBox .hd ul li{width: 100%;align-items: center;cursor: pointer; margin-top: 15px;} .header .nav .sub1 .slideTxtBox .hd ul li .p{width: 100%;color: #333333; text-align: left; text-transform: capitalize; } .header .nav .sub1 .slideTxtBox .hd ul li .p span{ display: block; font-size: 16px;line-height: 24px;width: 100%; margin-bottom: 3px; border-radius: 5px; font-family: "AlibabaPuHuiTiM"; transition: all 0.6s ease;} .header .nav .sub1 .slideTxtBox .hd ul li .p p{font-size: 14px;color: #777; line-height: 18px;padding: 4px 0; transition: all 0.6s ease; border-radius: 5px; } .header .nav .sub1 .slideTxtBox .hd ul li .p.on{ color: #040404;} .header .nav .sub1 .slideTxtBox .hd ul li .p.on p{ color: #040404;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM"; background-color: #f9fafc;} .header .nav .sub1 .slideTxtBox .hd ul li .p.p1.on span{ /*font-weight: bold;*/ font-family: "AlibabaPuHuiTiB"; background-color: #f9fafc;} .header .nav .sub1 .slideTxtBox .hd ul li:first-child {margin-top: 0;} /* .header .nav .sub1 .slideTxtBox .hd ul li.on .p span,.header .nav .sub1 .slideTxtBox .hd ul li:hover .p span{font-weight: bold;} */ .header .nav .sub1 .slideTxtBox .bd{width: 82% !important;height: auto !important;min-height: 190px;} .header .nav .sub1 .slideTxtBox .bd ul{width: 100% !important;padding-left: 5%;align-items: top;position: relative;} .header .nav .sub1 .slideTxtBox .bd ul::after{content: '';width: 1px;height: 100%;background-color: #e5e5e5;position: absolute;top: 0;left: 0;} .header .nav .sub1 .slideTxtBox .bd ul li{width: 150px; padding:0 ; margin: 0 20px 0 0;} .header .nav .sub1 .slideTxtBox .bd ul li .img{width: 100%;margin: 0 auto 15px; border-radius: 5px; overflow: hidden; background-color: #f9fafc;} .header .nav .sub1 .slideTxtBox .bd ul li .img img{display: block;width: 100%;} .header .nav .sub1 .slideTxtBox .bd ul li p{font-size: 16px;line-height: 18px; margin-top: 2px; color: #333333;text-align: center;transition: all 0.6s ease; text-transform: capitalize; } .header .nav .sub1 .slideTxtBox .bd ul li:hover p{/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .header .nav .sub1 .slideTxtBoxEn .hd ul li .p span{ font-size: 15px; } .header .nav .sub2{transform: translateX(-50%);left: 50%;width: 100px;} .header .nav .sub2 ul{width: 100%;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 8px 0;} .header .nav .sub2 ul li{width: 100%;} .header .nav .sub2 ul li a{width: 100%;display: block;text-align: center;font-size: 14px;line-height: 18px;color: #333;padding: 10px 10px;transition: all 0.6s ease; text-transform: capitalize;} .header .nav .sub2 ul li a:hover{background-color: #f5f5f5;} .header .search{float: left;color: #fff;font-size: 18px;height: 36px;line-height: 36px;margin: 12px 20px 12px 0;cursor: pointer;transition: all 0.6s ease;} .header .search:hover{color: rgba(255, 255, 255, 0.65);} .header .mallBox{padding: 14px 0;margin-right: 14px;position: relative;float: left;} .header .mallBox .mall{cursor: pointer;width: 72px;color: #fff;font-size: 14px;background-color: #0070d5;height: 32px;line-height: 32px;border-radius: 16px;text-align: center;} .header .mallBox .mall i{margin-right: 5px;display: inline-block;vertical-align: middle;transform: translateY(-1px);} .header .mallBox ul{position: absolute;top: 60px;left: 50%;transform: translateX(-50%);width: 100px;background-color: #fff;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);display: none;} .header .mallBox ul li{width: 100%;} .header .mallBox ul li a{width: 100%;display: block;text-align: center;font-size: 14px;line-height: 18px;color: #333;padding: 12px 10px;transition: all 0.6s ease;} .header .mallBox ul li a:hover{background-color: #f5f5f5;} .header .language{float: right;display: block;color: #fff;font-size: 14px;height: 36px;line-height: 36px;margin: 12px 0;transition: all 0.6s ease;} .header .language:hover{color: rgba(255, 255, 255, 0.65);} .header1 .nav .sub2{width: 185px;} .header1 .nav .sub1 .slideTxtBox .hd{width: 20%;} .header1 .nav .sub1 .slideTxtBox .bd{width: 80% !important;} .searchBox{width: 100%;height: 60px;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 1000;display: none;} .searchBox .logo{display: block;height: 24px;margin: 18px 0;} .searchBox .logo img{height: 100%;display: block;} .searchBox form{width: 700px;align-items: center;} .searchBox form button{display: block;font-size: 20px;color: #666;width: 30px;line-height: 30px;text-align: center;cursor: pointer;transition: all 0.6s ease;} .searchBox form button:hover{color: #0070d5;} .searchBox form input{display: block;width: 670px;color: #333;font-size: 16px;line-height: 30px;padding: 0 10px;} .searchBox .search_close{font-size: 24px;color: #666;line-height: 24px;margin: 18px 0;cursor: pointer;transition: all 0.6s ease;} .searchBox .search_close:hover{color: #0070d5;} .is-fixed{background-color: #1d1c1c;box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.05);} .is-fixed .logo img{/* filter: none; */} .is-fixed .nav .nLi h3 a{color: #fff;} .is-fixed .nav .nLi:hover h3 a, .is-fixed .nav .nLi.on h3 a{color: rgba(255, 255, 255, 0.65);} .is-fixed .language{color: #fff;} .is-fixed .language:hover{color: rgba(255, 255, 255, 0.65);} .is-fixed .search{color: #fff;} .is-fixed .search:hover{color: rgba(255, 255, 255, 0.65);} .fixed{background-color: #1d1c1c;box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.05);} .fixed .logo img{/* filter: none; */} .fixed .nav .nLi h3 a{color: #fff;} .fixed .nav .nLi:hover h3 a, .fixed .nav .nLi.on h3 a{color: rgba(255, 255, 255, 0.65);} .fixed .language{color: #fff;} .fixed .language:hover{color: rgba(255, 255, 255, 0.65);} .fixed .search{color: #fff;} .fixed .search:hover{color: rgba(255, 255, 255, 0.65);} @media (max-width: 1680px){ } /* fdNav*/ .fdNav{width: 100%;background-color: rgba(0, 0, 0, 0.6);position: fixed;top: 60px;left: 0;z-index: 99;padding: 10px 0;} .fdNav .tit{float: left;display: block;color: #fff;font-size: 16px;line-height: 26px;border-radius: 5px;transition: all 0.6s ease;} .fdNav .tit:hover{padding: 0 10px;background-color: #0070d5;} .fdNav .cont{float: right;width: 80%;} .fdNav .cont a{display: block;color: #fff;font-size: 14px;padding: 0 10px;line-height: 26px;margin-left: 20px;border-radius: 5px;transition: all 0.6s ease;} .fdNav .cont a:last-child{background-color: #0070d5;color: #fff;} .fdNav .cont a:hover, .fdNav .cont a.on{background-color: #0070d5;} /* indexBanner*/ .indexBanner{width: 100%;min-width: 1200px;} .indexBanner .swiper-slide{width: 100%;height: 100vh;display: block;background-size: cover !important;} .indexBanner .swiper-slide .cont{ position: absolute; top: 50%; transform: translateY(-50%); left: 12.5%; color: #fff;} .indexBanner .swiper-slide .cont .t1{ font-size: 18px; transform: translateX(100px); opacity: 0;} .indexBanner .swiper-slide .cont .t2{ font-size: 36px; margin-top: 15px; transform: translateX(100px); opacity: 0; font-family: "AlibabaPuHuiTiM";} .indexBanner .swiper-slide .cont .t3{ font-size: 26px; /*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM"; margin-top: 15px; transform: translateX(100px); opacity: 0;} .indexBanner .swiper-slide .cont .t4{ color: #525456; } .indexBanner .swiper-slide .cont .t5{ color: #040404; } .indexBanner .swiper-slide .cont .more{ margin-top: 35px; transform: translateX(100px); opacity: 0;} .indexBanner .swiper-slide .cont .more a{ display: inline-block; width: 140px; text-align: center; line-height: 44px; height: 44px; border-radius: 22px; background-color: #2871d8; font-size: 14px; color: #fff; transition: all 0.8s ease;} .indexBanner .swiper-slide .cont .more a:hover{ opacity: 0.8; } .indexBanner .swiper-slide.swiper-slide-active .cont .t1{-webkit-animation: toLeft 0.6s linear 0.1s forwards; animation: toLeft 0.6s linear 0.1s forwards;} .indexBanner .swiper-slide.swiper-slide-active .cont .t2{-webkit-animation: toLeft 0.6s linear 0.4s forwards; animation: toLeft 0.6s linear 0.4s forwards;} .indexBanner .swiper-slide.swiper-slide-active .cont .t3{-webkit-animation: toLeft 0.6s linear 0.7s forwards; animation: toLeft 0.6s linear 0.7s forwards;} .indexBanner .swiper-slide.swiper-slide-active .cont .more{ -webkit-animation: toLeft 0.6s linear 1.0s forwards; animation: toLeft 0.6s linear 1.0s forwards;} .indexBanner .swiper-pagination{bottom: 40px !important; width: 75% !important; left: 12.5% !important; text-align: left; height: 4px;} .indexBanner .swiper-pagination-bullet{width: 50px;height: 4px;cursor: pointer;background-color: #fff;border-radius: 0;transition: all 0.6s ease;opacity: 0.5 !important;margin: 0 10px !important;} .indexBanner .swiper-pagination-bullet-active{opacity: 1 !important;} .indexBanner .iconfont{width: 50px;height: 50px;line-height: 48px;border-radius: 50%;border: 1px solid #fff;background-image: none !important;font-size: 22px;color: #fff;text-align: center;transition: all 0.6s ease;} .indexBanner .swiper-button-prev{left: -100px;transform: rotate(-180deg);} .indexBanner .swiper-button-next{right: -100px;} .indexBanner:hover .swiper-button-prev{ left: 3%;} .indexBanner:hover .swiper-button-next{ right: 3%;} .indexBanner .swiper-button-prev:hover,.indexBanner .swiper-button-next:hover{background-color: #0070d5;border-color: #0070d5;color: #fff;} .indexBanner .swiper-button-prev::after,.indexBanner .swiper-button-next::after{display: none;} /* indexTitle */ .indexTitle{ width: 100%; text-align: center;} .indexTitle .tit{ font-size: 38px; color: #333; font-family: "AlibabaPuHuiTiM";} .indexTitle .txt{ font-size: 18px; color: #666; line-height: 34px; margin-top: 15px;} /* indexSolution */ .indexSolution{ width: 100%; margin: 90px auto 0; position: relative; overflow: hidden;} .indexSolution .list{ width: 100%; height: 780px; position: relative; overflow: hidden; margin-top: 50px ;} .indexSolution .list li{ height: 100%; position: absolute; top: 0; overflow: hidden; transition: all 0.8s ease;} .indexSolution .list li a{display: block; width: 100%; height: 100%; position: relative;} .indexSolution .list li .imgBox{ width: 100%; position: relative; z-index: 1; height: 100%; overflow: hidden;} .indexSolution .list li .imgBox img{ position: absolute; left: 50%; top: 0; width: auto; height: 100%; transform: translateX(-50%); transition: all 0.8s ease;} .indexSolution .list li .imgBox .img1{opacity: 1;} .indexSolution .list li .imgBox .img2{ opacity: 0; min-width: 100%;} .indexSolution .list li .con{ position: absolute; top: 50%; left: 50%; width: 70%; text-align: center; transform: translate(-50%,0); z-index: 3; color: #fff; transition: all 0.8s ease; z-index: 1;} .indexSolution .list li .con .t1{ font-size: 36px; font-family: "AlibabaPuHuiTiM";} .indexSolution .list li .con .t2{ font-size: 18px; line-height: 32px; margin-top: 15px;} .indexSolution .list li .cont{ position: absolute; width: 100%; min-width: 800px; color: #fff; left: 0; top: 0; z-index: 2; display: none; padding: 15% 20% 0 10%;} .indexSolution .list li .cont .t1{ font-size: 36px; font-family: "AlibabaPuHuiTiM";} .indexSolution .list li .cont .t2{ font-size: 22px; line-height: 36px; margin-top: 15px;} .indexSolution .list li .cont .t3{ font-size: 18px; line-height: 28px; margin-top: 20px; color:rgba(255, 255, 255, 0.6);} .indexSolution .list.enList li .con .t1{ font-size: 26px;} .indexSolution .list.enList li .con .t2{ font-size: 16px; line-height: 28px; margin-top: 15px;} .indexSolution .list.enList li .cont .t1{ font-size: 26px;} .indexSolution .list.enList li .cont .t2{ font-size: 18px; line-height: 32px; margin-top: 15px;} .indexSolution .list.enList li .cont .t3{ font-size: 16px; line-height: 28px; margin-top: 20px;} .indexSolution .list li.l1{ width: 34.0%; left: 0; clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%);} .indexSolution .list li.l2{ width: calc(32% + 180px); left: calc(34% - 90px); clip-path: polygon(100px 0, 100% 0, calc(100% - 100px) 100%, 0 100%);} .indexSolution .list li.l2 .cont{ padding-left: calc(8% + 90px);} .indexSolution .list li.l3{ width: 34.0%; right: 0; clip-path: polygon(100px 0, 100% 0, 100% 100%, 0 100%);} .indexSolution .list li.l3 .cont{ padding-left: calc(8% + 90px);} .indexSolution .list li.l1.on{ width: 70%;} .indexSolution .list li.l2.qt1{ width: calc(12% + 180px); left: calc(70% - 90px);} .indexSolution .list li.l3.qt1{ width: 18%;} .indexSolution .list li.l1.qt2{ width: 17%; } .indexSolution .list li.l2.on{ width: calc(66% + 180px); left: calc(17% - 90px);} .indexSolution .list li.l3.qt2{ width: 17%;} .indexSolution .list li.l1.qt3{ width: 18%; } .indexSolution .list li.l2.qt3{ width: calc(12% + 180px); left: calc(18% - 90px);} .indexSolution .list li.l3.on{ width: 70%;} .indexSolution .list li.l2.qt1 .con,.indexSolution .list li.l3.qt1 .con,.indexSolution .list li.l1.qt2 .con,.indexSolution .list li.l3.qt2 .con,.indexSolution .list li.l1.qt3 .con,.indexSolution .list li.l2.qt3 .con{ display: none;} .indexSolution .list li.on .imgBox .img1{ opacity: 0;} .indexSolution .list li.on .imgBox .img2{ opacity: 1;} .indexSolution .list li.on .con{ display: none;} .indexSolution .list li.on .cont{ display: block;} /* indexProduct*/ .indexProduct{width: 100%;margin: 90px 0 0; position: relative; overflow: hidden;} .indexProduct ul{width: 100%; padding: 50px 0.5% 0.5%; position: relative;} .indexProduct ul li{position: relative;overflow: hidden;width: 49%; margin: 0.5%;} .indexProduct ul li a{ display: block; width: 100%; height: 100%; position: relative;} .indexProduct ul li .box{ width: 100%; position: absolute; top: 10%; left: 0; text-align: center;} .indexProduct ul li .box .tit{font-size: 30px;line-height: 32px;color: #333333;margin-bottom: 10px;} .indexProduct ul li .box .txt{font-size: 16px;line-height: 22px;color: #333;} .indexProduct ul li .box .a{font-size: 14px;line-height: 34px; width: 100px; text-align: center; border-radius: 17px; background-color: #2a72e6; color: #fff;margin-top: 15px;display: inline-block;transition: all 0.6s ease;} .indexProduct ul li .box .a:hover{opacity: 0.8;} .indexProduct ul li:nth-child(n+3){ width: 32.33%;} .indexProduct ul li:nth-child(n+3) .box { top: 8%; } .indexProduct ul li img{width: 100%;display: block;transition: all 0.6s ease;} .indexProduct ul li:hover img{transform: scale(1.1);} .indexProduct ul li:hover .box .a{transform: translateY(5px);} @media (max-width: 1560px){ .indexProduct ul li .box .tit{font-size: 26px;line-height: 26px;} .indexProduct ul li .box .txt{font-size: 16px;line-height: 20px;} .indexProduct ul li .box .a{font-size: 12px;line-height: 30px; width: 90px; border-radius: 15px;} } @media (max-width: 1380px){ .indexProduct ul li .box .a{ display: none;} } /* indexMajor*/ .indexMajor{ width: 100%;position: relative;overflow: hidden;padding: 10% 0;background: url(https://c.effort-tech.com/yft/web/images/new/home/majorBg.jpg) center no-repeat fixed;background-size: cover; } .indexMajor .tit{ color: #fff;font-size: 38px;text-align: center;line-height: 58px; font-family: "AlibabaPuHuiTiM";} .indexMajor ul{ margin: 7% auto 15%; width: 85%; } .indexMajor ul li{ width: 25%; text-align: center; color: #fff; border-right: solid 2px #fff; } .indexMajor ul li .d{ font-size: 50px;line-height: 60px; font-weight: lighter; } .indexMajor ul li .d span{ font-size: 60px;display: inline-block; margin-right: 5px;} .indexMajor ul li .t{ font-size: 18px; margin-top: 10px;} .indexMajor ul li:last-child{ border-right: 0;} .indexMajor a{color: #fff;font-size: 14px;text-align: center;line-height: 34px;margin: 0 auto 0;display: block;width: 100px;border-radius: 18px;border: solid 1px #fff;transition: all 0.6s ease;} .indexMajor a:hover{background-color: #2a72e6;color: #fff; border-color: #2a72e6;} /* indexList*/ .indexList{width: 100%;margin: 1% 0;overflow: hidden; position: relative;} .indexList ul{width: 100%;justify-content: center;} .indexList ul li{width: 49.5%;overflow: hidden;background-color: #000;margin-right: 1%;text-align: center;position: relative;cursor: pointer;} .indexList ul li:nth-child(2n){margin-right: 0;} .indexList ul li img{width: 100%;display: block;opacity: 1;transition: all 0.6s ease;} .indexList ul li .box{width: 100%;padding: 0 0;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .indexList ul li .tit{font-size: 34px;line-height: 34px;color: #ffffff; font-family: "AlibabaPuHuiTiM";} .indexList ul li .txt{font-size: 18px;line-height: 30px;color: #ffffff;margin: 14px 0 50px;} .indexList ul li a{color: #fff;font-size: 14px;text-align: center;line-height: 32px;margin: 0 auto;display: block;width: 100px;border-radius: 18px;border: solid 1px #fff;transition: all 0.6s ease;} .indexList ul li a:hover{ background-color: #2a72e6; color: #FFF; border-color: #2a72e6;} .indexList ul li:hover img{transform: scale(1.1);} /* footer*/ .footer{width: 100%;background-color: #1d1c1c;} .footer .box{width: 100%;padding: 50px 0;} .footer .box .dlBox{float: left;} .footer .box .dlBox dl{margin-right: 90px;} .footer .box .dlBox dl a{font-size: 12px;line-height: 30px; text-transform: capitalize; } .footer .box .dlBox dl a:hover{color: #ffffff;} .footer .box .dlBox dt a{color: #ffffff;} .footer .box .dlBox dd a{color: #888;} .footer .box .language{float: left;} .footer .box .language .tit{font-size: 12px;line-height: 30px;color: #ffffff;} .footer .box .language .txt{display: inline-block;height: 32px;border: solid 1px #888;font-size: 12px;line-height: 30px;color: #888;margin-top: 9px;padding: 0 12px;} .footer .box .language .txt i{display: inline-block;vertical-align: middle;font-size: 14px;margin-left: 10px;transform: translateY(-1px);} .footer .box .language .txt:hover{border-color: #fff;background-color: #fff;color: #0070d5;} .footer .box .contactBox{float: right;} .footer .box .contactBox .tit{font-size: 12px;line-height: 30px;color: #888;text-align: right;display: block;transition: all 0.6s ease;} .footer .box .contactBox .tit i{display: inline-block;vertical-align: middle;font-size: 14px;margin-right: 6px;transform: translateY(-1px);} .footer .box .contactBox .tit:hover{color: #fff;} .footer .box .contactBox .phone{font-size: 30px;line-height: 30px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";color: #ffffff;margin-top: 12px;} .footer .box .contactBox .icon{width: 100%;margin-top: 20px;} .footer .box .contactBox .icon a{width: 30px;height: 30px;border-radius: 50%;background-color: #3e3e3e;line-height: 30px;text-align: center;color: #FFFFFF;font-size: 18px;margin-left: 12px;transition: all 0.6s ease;} .footer .box .contactBox .icon a:hover{background-color: #ffffff;color: #666;} .footer .cont{width: 100%;margin-bottom: 26px;} .footer .cont a{height: 24px;display: block;} .footer .cont a img{height: 100%;display: block;filter: grayscale(100%) brightness(1000%);} .footer .cont .txt{font-size: 12px;line-height: 14px;color: #888;margin: 10px 0 0 40px;} .footer .copyRight{font-size: 12px;line-height: 30px;color: #888;width: 100%;border-top: 1px solid #333;padding: 20px 0;} .footer .copyRight a{color: #888;} .footer .copyRight a:hover{color: #ffffff;} @media (max-width: 1680px){ .footer_en .box .dlBox dl{margin-right: 60px;} } /* Popup*/ .popup{width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;} .popupBox{width: 360px;height: 400px;border-radius: 10px;background-color: #FFFFFF;position: fixed;top: 50%;left: 50%;display: none;margin: -200px 0 0 -180px;z-index: 1000;} .popupBox .img{width: 200px;height: 200px;overflow: hidden;margin: 50px auto 10px;border: 1px solid #eee;} .popupBox .img img{width: 100%;display: block;} .popupBox p{color: #333;font-size: 14px;line-height: 18px;text-align: center;width: 360px;} .popupBox .close{width: 110px;height: 36px;background-color: #666;color: #fff;border-radius: 5px;font-size: 14px;margin: 20px auto 0;line-height: 36px;text-align: center;cursor: pointer;transition: all 0.6s ease;} .popupBox .close:hover{background-color: #1d1c1c;} /* pageBanner*/ .pageBanner{width: 100%;margin-top: 60px; background-color: rgba(0, 0, 0,1); position: relative;overflow: hidden;} .pageBanner img{width: 100%;display: block; opacity: 0.8;} .pageBanner .cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 900px;} .pageBanner .cont .t{font-size: 38px;line-height: 40px;color: #fff;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";text-transform: capitalize;} .pageBanner .cont .t p{font-size: 20px;line-height: 24px;color: #666;margin-top: 20px;font-weight: normal;text-transform: capitalize;} .pageBanner .cont .t1{color: #fff;} .pageBanner .cont .t1 p{color: #fff;} .pageBanner .cont .a{display: inline-block;height: 40px;border-radius: 20px;border: solid 1px #999;font-size: 14px;line-height: 38px;color: #999;text-align: center;padding: 0 20px;margin-top: 36px;transition: all 0.6s ease;} .pageBanner .cont .a:hover{background-color: #fff;border-color: #fff;color: #0070d5;} .pageBanner .cont .a1{border: solid 1px #fff;color: #fff;} /* pageBanner1*/ .pageBanner1{width: 100%;background-color: #5ca2dd;height: 300px;margin-top: 60px;position: relative;overflow: hidden;} .pageBanner1 .box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 75%;min-width: 1200px;text-align: center;} .pageBanner1 .box div{font-size: 38px;line-height: 52px;color: #ffffff;} .pageBanner1 .box p{font-size: 20px;line-height: 28px;color: #ffffff;margin-top: 24px;} .pageBanner1 .box p span{color: #0070d5;} /* pageBanner2*/ .pageBanner2{width: 100%;height: 100vh;background-size: cover !important;position: relative;overflow: hidden;} .pageBanner2 .video{width: 100%;position: relative; height: 100%; z-index: 0;} .pageBanner2 .video::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);} .pageBanner2 .video video{display: block;width: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%; width: auto; min-width: 100%; object-fit: fill;z-index: 1;} .pageBanner2 .box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 75%;min-width: 1200px;text-align: center;} .pageBanner2 .box .stit{ font-size: 30px; color: #fff; text-align: center; margin-bottom:20px;} .pageBanner2 .box .tit{font-size: 48px;line-height: 56px;color: #ffffff;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageBanner2 .box .txt{font-size: 24px;line-height: 40px; color: #ffffff; margin-top: 15px;} .pageBanner2 .box .iconfont{width: 50px;height: 50px;line-height: 46px;font-size: 20px;color: #fff;padding-left: 6px;margin: 20px auto 0;border-radius: 50%;border: solid 2px #fff;cursor: pointer;transition: all 0.6s ease;} .pageBanner2 .box .iconfont:hover{background-color: #fff;color: #014099;} /* pageBanner3*/ .pageBanner3{width: 100%;margin-top: 60px; background-color: rgba(0, 0, 0,1); position: relative;overflow: hidden;} .pageBanner3 img{width: 100%;display: block; opacity: 1;} .pageBanner3 .box{position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);width: 900px; text-align: center;} .pageBanner3 .box div{font-size: 38px;line-height: 52px;color: #ffffff; font-family: "AlibabaPuHuiTiM";} .pageBanner3 .box p{font-size: 20px;line-height: 28px;color: #ffffff;margin-top: 10px;} .pageBanner3 .box p span{color: #0070d5;} /* pageTitle*/ .pageTitle{font-size: 38px;line-height: 50px;color: #333;text-align: center;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageTitle p{font-size: 30px;line-height: 34px;color: #666;margin-top: 18px;font-weight: normal;} .pageTitle1{font-size: 38px;line-height: 50px;color: #333;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";text-align: left;text-transform: capitalize;} .pageTitle2{text-align: center;} .pageTitle2 .tit1{font-size: 38px;line-height: 50px;color: #333;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageTitle2 .tit1 p{font-size: 20px;line-height: 24px;color: #ffffff;margin-bottom: 14px;} .pageTitle2 .tit2{font-size: 18px;line-height: 32px;color: #666666;margin-top: 30px;} /* pageAnalogy*/ .pageAnalogy{width: 100%;padding: 80px 0 60px;background-color: #fff;overflow: hidden;} .pageAnalogy .analogy{width: 100%;justify-content: center;} .pageAnalogy .box{width: 24.25%;text-align: center;margin-right: 1%;} .pageAnalogy .box:last-child{margin-right: 0;} .pageAnalogy .box img{width: 70%;display: block;margin: 0 auto;} .pageAnalogy .box .t{width: 70%;margin: 50px auto 0;font-size: 30px;color: #0070d5;line-height: 30px;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 30px;} .pageAnalogy .box .icon{width: 80px;overflow: hidden;margin: 0 auto;} .pageAnalogy .box .icon img{width: 100%;display: block;} .pageAnalogy .box .num{font-size: 26px;line-height: 30px;color: #333333;margin-top: 10px;} .pageAnalogy .box .p{font-size: 16px;line-height: 20px;color: #666;margin-top: 10px;margin-bottom: 40px;} .pageAnalogy .more{display: block;width: 158px;height: 36px;border-radius: 18px;border: solid 1px #999;font-size: 16px;line-height: 36px;color: #333333;text-align: center;margin: 50px auto 0;transition: all 0.6s ease;} .pageAnalogy .more:hover{background-color: #f9fafc;border-color: #f9fafc;color: #0070d5;} /* pagePlan*/ .pagePlan{width: 100%;overflow: hidden;border-top: 1px solid #eee;background-color: #fff;padding: 60px 0 100px;text-align: center;} .pagePlan table{margin-top: 60px;background-color: #f9fafc;} .pagePlan table tr{border-bottom: 1px solid rgba(70, 80, 91, 0.08);} .pagePlan table tr:last-child{border-bottom: none;} .pagePlan table tr td{width: 25%;font-size: 20px;line-height: 32px;color: #333;padding: 10px;border-right: 1px solid #eee;} .pagePlan table tr td img{width: 32px;display: block;margin: 0 auto;} .pagePlan table tr td:last-child{border-right: none;} .pagePlan table tr:first-child{background-color: #fff;} .pagePlan table tr:first-child td{font-size: 30px;color: #666;} /* pageVideo*/ .pageVideo{width: 100%;overflow: hidden;background-color: #f9fafc;padding: 100px 0;} .videoList{width: 100%;margin-top: 50px;} .videoList li{width: 23.5%;margin-right: 2%;background-color: #fff;text-align: center;} .videoList li:nth-child(4n){margin-right: 0;} .videoList li .img{width: 100%;overflow: hidden;position: relative;} .videoList li .img img{width: 100%;display: block;transition: all 0.6s ease;} .videoList li .img .iconfont{width: 66px;height: 66px;border-radius: 50%;border: 2px solid #fff;color: #fff;line-height: 66px;font-size: 30px;padding-left: 4px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .videoList li .cont{padding: 10px 20px;font-size: 20px;line-height: 30px;color: #0070d5;transition: all 0.6s ease;} .videoList li:hover .img img{transform: scale(1.1);} .videoList li:hover .cont{text-decoration: underline;} /* pageDownload*/ .pageDownload{width: 100%;overflow: hidden;background-color: #fff;padding: 90px 0 110px;} .pageDownload .downNav{ width: 100%; position: relative;margin-top: 30px;} .pageDownload .downNav li{ margin: 0.5% 2% 0.5% 0; position: relative;} .pageDownload .downNav li a{ display: block; line-height: 30px; padding: 10px; min-width: 140px; text-align: center; border-radius: 25px; background-color: #fff; font-size: 18px; color: #333; box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); transition: all 0.8s ease;} .pageDownload .downNav li.on a,.pageDownload .downNav li:hover a{ background-color: #333; color: #fff;} .pageDownload .lists{width: 100%; margin-top: 30px;} .pageDownload .lists li{width: 100%;display: none;} .pageDownload .lists li:nth-child(1){display: block;} .pageDownload .lists li .item {background-color: #f9fafc;margin-bottom: 20px;padding: 12px 20px;align-items: center;cursor: pointer;} .pageDownload .lists li .icon{width: 32px;height: 36px;display: block;} .pageDownload .lists li .t{display: block;width: calc(100% - 342px);font-size: 20px;line-height: 32px;color: #333333;margin-left: 10px;transition: all 0.6s ease;} .pageDownload .lists li .t:hover{color: #0070d5;} .pageDownload .lists li .aBox{width: 300px;} .pageDownload .lists li .a{display: block;width: 140px;line-height: 38px;border-radius: 20px;border: solid 1px #999;font-size: 16px;color: #333333;text-align: center;margin-left: 10px;transition: all 0.6s ease;} .pageDownload .lists li .a i{display: inline-block;vertical-align: middle;margin-left: 10px;font-size: 16px;transform: translateY(-1px);} .pageDownload .lists li .a:hover{background-color: #fff;color: #0070d5;border-color: #fff;} .downloadList{width: 100%;margin-top: 50px;} .downloadList li{width: 32%;margin-right: 2%;background-color: #f9fafc;padding: 55px 20px;text-align: center;} .downloadList li:nth-child(3n){margin-right: 0;} .downloadList li .icon{width: 93px;margin: 0 auto;display: block;} .downloadList li .t1{font-size: 30px;line-height: 34px;color: #333333;margin-top: 34px;} .downloadList li .t2{font-size: 20px;line-height: 24px;color: #999999;margin-top: 10px;} .downloadList li a{display: block;width: 160px;height: 50px;line-height: 50px;border-radius: 25px;margin: 40px auto 0;font-size: 16px;color: #0070d5;text-align: center;} .downloadList li a:hover{text-decoration: underline;} /* pageService*/ .pageService{width: 100%;padding: 0 0 90px;overflow: hidden;background-color: #fff;text-align: center;} .pageService ul{width: 100%;justify-content: center;margin-top: 50px;} .pageService ul li{width: 49%;overflow: hidden;background-color: #f9fafc;margin-right: 2%;padding: 70px 0 60px;position: relative;cursor: pointer;} .pageService ul li:nth-child(2n){margin-right: 0;} .pageService ul li .icon{width: 80px;margin: 0 auto;overflow: hidden;} .pageService ul li .icon img{width: 100%;display: block;} .pageService ul li .txt{font-size: 30px;line-height: 34px;color: #333;margin-top: 20px;} .pageService ul li .txt p{font-size: 20px;line-height: 24px;color: #666;margin-top: 10px;} .pageService ul li a{display: block;width: 160px;height: 50px;line-height: 50px;border-radius: 25px;margin: 40px auto 0;font-size: 16px;color: #0070d5;text-align: center;} .pageService ul li a:hover{text-decoration: underline;} /* pageProducts*/ .pageProducts{width: 100%;padding: 70px 0;overflow: hidden;background-color: #f9fafc;text-align: center;} .pageProducts ul{width: 100%;} .pageProducts ul li{width: 32%;margin-right: 2%;background-color: #fff;} .pageProducts ul li:nth-child(3n){margin-right: 0;} .pageProducts ul li a{display: block;padding-bottom: 70px;} .pageProducts ul li .img{width: 100%;overflow: hidden;} .pageProducts ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageProducts ul li .tit{font-size: 30px;line-height: 34px;color: #333333;padding: 0 15px;transition: all 0.6s ease;} .pageProducts ul li .txt{font-size: 20px;line-height: 28px;color: #666;margin-top: 6px;} .pageProducts ul li .a{font-size: 16px;line-height: 20px;color: #0070d5;margin: 30px 0 0;} .pageProducts ul li .a:hover{text-decoration: underline;} .pageProducts ul li:hover .img img{transform: scale(1.1);} .pageProducts ul li:hover .tit{color: #0070d5;} .pageProducts .lists li{width: 23.5%;} .pageProducts .lists li:nth-child(3n){margin-right: 2%;} .pageProducts .lists li:nth-child(4n){margin-right: 0;} .pageProducts .lists li .txt{line-height: 36px;margin-top: 10px;} /* pageComparison*/ .pageComparison{width: 100%;padding: 110px 0;overflow: hidden;background-color: #fff;text-align: center;} .pageComparison .swiper-thumbs{width: 100%;border-bottom: 1px solid #eee;margin-top: 50px;padding-bottom: 30px;} .pageComparison .swiper-thumbs .swiper-wrapper{transform: none !important;width: 1000px !important;} .pageComparison .swiper-thumbs .swiper-slide{width: 200px !important;padding: 0 20px;cursor: pointer;} .pageComparison .swiper-thumbs .swiper-slide .t{width: 160px;height: 44px;border-radius: 22px;font-size: 16px;line-height: 44px;color: #333;} .pageComparison .swiper-thumbs .swiper-slide.swiper-slide-thumb-active .t{color: #fff;background-color: #0070d5;} .pageComparison .swiper-top{width: 100%;margin-top: 40px;} .pageComparison .swiper-top .swiper-slide .analogy{width: 100%;justify-content: center;} .pageComparison .swiper-top .swiper-slide .box{width: 24.25%;text-align: center;margin-right: 1%;} .pageComparison .swiper-top .swiper-slide .box:last-child{margin-right: 0;} .pageComparison .swiper-top .swiper-slide .box img{width: 70%;display: block;margin: 0 auto;} .pageComparison .swiper-top .swiper-slide .box .t{width: 70%;margin: 50px auto 0;font-size: 30px;color: #0070d5;line-height: 30px;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 30px;} .pageComparison .swiper-top .swiper-slide .box .icon{width: 80px;overflow: hidden;margin: 0 auto;} .pageComparison .swiper-top .swiper-slide .box .icon img{width: 100%;display: block;} .pageComparison .swiper-top .swiper-slide .box .num{font-size: 26px;line-height: 30px;color: #333333;margin-top: 10px;} .pageComparison .swiper-top .swiper-slide .box .p{font-size: 16px;line-height: 20px;color: #666;margin-top: 10px;margin-bottom: 40px;} .pageComparison .swiper-top .swiper-slide .more{display: block;width: 158px;height: 36px;border-radius: 18px;border: solid 1px #999;font-size: 16px;line-height: 36px;color: #333333;text-align: center;margin: 50px auto 0;transition: all 0.6s ease;} .pageComparison .swiper-top .swiper-slide .more:hover{background-color: #f9fafc;border-color: #f9fafc;color: #0070d5;} /* pageAllProduct*/ .pageAllProduct{width: 100%;padding: 60px 0 70px;background-color: #f9fafc;} .pageAllProduct .box{width: 19%;background-color: #ffffff;padding: 3.5% 2%;position: sticky;top: 130px;max-height: 700px;} .pageAllProduct .box .search{width: 100%;height: 40px;background-color: #f9fafc;border-radius: 20px;border: solid 1px rgba(0, 0, 0, 0.08);margin-bottom: 40px;} .pageAllProduct .box .title{font-size: 20px;line-height: 24px;color: #0070d5;} .pageAllProduct .box .navList{width: 100%;margin-top: 12px;} .pageAllProduct .box .navList li{width: 100%;border-bottom: 1px solid #eee;} .pageAllProduct .box .navList li a{display: block;width: 100%;font-size: 16px;line-height: 52px;color: #333333;position: relative;} .pageAllProduct .box .navList li a i{display: block;font-size: 14px;color: #666;position: absolute;top: 50%;transform: translateY(-50%);right: 0;} .pageAllProduct .box .navList li:last-child{border-bottom: none;} .pageAllProduct .box .navList li.on a, .pageAllProduct .box .navList li:hover a{color: #0070d5;} .pageAllProduct .box .navList li.on a i, .pageAllProduct .box .navList li:hover a i{color: #0070d5;} .pageAllProduct .lists{width: 78%;text-align: center;} .pageAllProduct .lists li{width: 49%;margin-right: 2%;background-color: #fff;} .pageAllProduct .lists li:nth-child(2n){margin-right: 0;} .pageAllProduct .lists li a{display: block;padding-bottom: 70px;} .pageAllProduct .lists li .img{width: 100%;overflow: hidden;} .pageAllProduct .lists li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageAllProduct .lists li .tit{font-size: 30px;line-height: 34px;color: #333333;transition: all 0.6s ease;} .pageAllProduct .lists li .txt{font-size: 20px;line-height: 28px;color: #999999;margin-top: 6px;} .pageAllProduct .lists li .a{font-size: 16px;line-height: 24px;color: #333333;margin: 40px 0 0;color: #0070d5;} .pageAllProduct .lists li .a:hover{text-decoration: underline;} .pageAllProduct .lists li:hover .img img{transform: scale(1.1);} .pageAllProduct .lists li:hover .tit{color: #0070d5;} .pageAllProduct .lists1{text-align: left;} .pageAllProduct .lists1 li{width: 100%;margin-right: 0;} .pageAllProduct .lists1 li a{padding-bottom: 0;display: flex;align-items: center;} .pageAllProduct .lists1 li .img{width: 50%;overflow: hidden;padding: 3% 0;} .pageAllProduct .lists1 li .cont{width: 50%;padding: 0 5%;} .pageAllProduct .lists2 li{width: 32%;margin-top: 2%;} .pageAllProduct .lists2 li:nth-child(2n){margin-right: 2%;} .pageAllProduct .lists2 li:nth-child(3n){margin-right: 0;} .pageAllProduct .lists2 li:nth-child(-n + 3){margin-top: 0;} /* pageSeries*/ .pageSeries{width: 100%;padding: 80px 0;overflow: hidden;background-color: #f9fafc;} .pageSeries .box{margin-bottom: 70px;} .pageSeries .navList{width: calc(100% - 350px);} .pageSeries .navList li{margin-left: 18px;} .pageSeries .navList li a{display: block;width: 160px;height: 44px;line-height: 44px;text-align: center;background-color: #ffffff;border-radius: 22px;font-size: 16px;color: #333333;transition: all 0.6s ease;} .pageSeries .navList li:hover a, .pageSeries .navList li.on a{background-color: #0070d5;color: #fff;} .pageSeries .navList .navList li a{width: 140px;} .pageSeries .title{font-size: 24px;line-height: 26px;color: #333333;border-left: 5px solid #0070d5;text-align: left;padding-left: 10px;margin-top: 50px;position: relative;} .pageSeries .title span{display: block;position: absolute;top: 0;right: 0;font-size: 16px;line-height: 26px;color: #666;cursor: pointer;transition: all 0.6s ease;display: none;} .pageSeries .title span:hover{color: #0070d5;text-decoration: underline;} .pageSeries .lists{width: 100%;} .pageSeries .lists li{width: 18.8%;margin-right: 1.5%;margin-top: 1.5%;background-color: #fff;} .pageSeries .lists li:nth-child(5n){margin-right: 0;} .pageSeries .lists li:nth-child(n+6){display: none;} .pageSeries .lists li .img{width: 100%;overflow: hidden; height: 170px; background-color: #000;position: relative;} .pageSeries .lists li .img img{display: block;opacity: 0.5;transition: all 0.6s ease; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: auto;} .pageSeries .lists li .img .iconfont{width: 56px;height: 56px;border-radius: 50%;border: 2px solid #fff;color: #fff;line-height: 52px;font-size: 24px;text-align: center;padding-left: 4px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageSeries .lists li .cont{padding: 10px 15px;font-size: 16px;line-height: 30px;color: #666;text-align: center;transition: all 0.6s ease;} .pageSeries .lists li:hover .img img{transform: translateX(-50%) scale(1.1);} .pageSeries .lists li:hover .cont{color: #0070d5;text-decoration: underline;} .pageSeries .lists-gh li .img{ height: 360px; } .iframe{width: 780px;height: 450px;background-color: #fff;position: fixed;top: 50%;left: 50%;z-index: 1000;transform: translate(-50%, -50%);overflow: visible !important;display: none;} .iframe .close{width: 50px;height: 50px;background: #000 url(https://c.effort-tech.com/yft/web/images/close_icon.png) center center no-repeat;position: absolute;top: 0;right: -50px;z-index: 1000;} .iframe .close:hover{background: #0070d5 url(https://c.effort-tech.com/yft/web/images/close_icon.png) center center no-repeat;} .iframe.on{background: #fff url(https://c.effort-tech.com/yft/web/images/loading.gif) center center no-repeat;} /* pageNews*/ .pageNews{width: 100%;padding: 40px 0; background-color: #f4f5f7; position: relative; overflow: hidden;} .pageNews .item{width: 100%; padding: 30px 0; position: relative;} .pageNews .item .stit{ width: 100%; position: relative;} .pageNews .item .stit p{font-size: 34px; color: #333;} .pageNews .item .stit span{ margin-left: 30px; height: 1px; background-color: rgba(0, 0, 0, 0.5);} .pageNews .item .stit.p1 p{ width: 180px;} .pageNews .item .stit.p1 span{ width: calc(100% - 210px); } .pageNews .item .stit.p2 p{ width: 300px;} .pageNews .item .stit.p2 span{ width: calc(100% - 330px); } .pageNews .item .newsNav{ width: 100%; position: relative;} .pageNews .item .newsNav li{ margin: 0.5% 2% 0.5% 0; position: relative;} .pageNews .item .newsNav li a{ display: block; line-height: 30px; padding: 10px 0; width: 140px; text-align: center; border-radius: 25px; background-color: #fff; font-size: 18px; color: #333; box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05); transition: all 0.8s ease;} .pageNews .item .newsNav li.on a,.pageNews .item .newsNav li:hover a{ background-color: #333; color: #fff;} .pageNews .item .list{ width: 100%; margin: 30px 0;} .pageNews .item .list li{ width: 32%; margin: 1% 2% 1% 0; box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);} .pageNews .item .list li:nth-child(3n){ margin-right: 0;} .pageNews .item .list li a{ display: block; width: 100%; height: 100%; padding: 10px; background-color: #fff;} .pageNews .item .list li .img{ width: 100%; height: 250px; overflow: hidden;} .pageNews .item .list li .img img{ width: 100%; height: 100%;object-fit: cover; transition: all 0.8s ease;} .pageNews .item .list li .txt{ width: 100%; padding: 40px 20px 30px;} .pageNews .item .list li .txt .t{ font-size: 20px; color: #333; overflow: hidden;} .pageNews .item .list li .txt .d{ width: 100%; margin-top: 15px;display: flex;flex-wrap: wrap;} .pageNews .item .list li .txt .d span{ display: block; line-height: 30px; padding: 0 15px; margin: 5px 10px 5px 0; border-radius: 15px; font-size: 14px; background-color: rgba(1, 64, 153, 0.05); color: #666; transition: all 0.8s ease;} .pageNews .item .list li:hover img{ transform: scale(1.1);} .pageNews .item .list li:hover .txt .t{ color: #2871d8;} .pageNews .item .list li:hover .txt .d span{ background-color: #2871d8; color: #fff;} .pageNews .item .more{ text-align: center; margin-top: 40px;} .pageNews .item .more a{ display: inline-block; line-height: 34px; border-radius: 18px; border: solid 1px #aaa; font-size: 14px; color: #333; padding: 0 20px; transition: all 0.8s ease;} .pageNews .item .more a:hover{ background-color: #2871d8; border-color: #2871d8; color: #fff;} /* pageNewsD*/ .pageNewsD{width: 100%;background-color: #FFFFFF;padding: 50px 0 60px;} .pageNewsD .cont{width: 68%;float: left;padding-right: 4%;border-right: 1px solid #e5e5e5;} .pageNewsD .cont .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageNewsD .cont .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom: 30px;border-bottom: 1px dashed #e5e5e5;} .pageNewsD .cont .time span{margin: 0 10px;} .pageNewsD .cont .text{font-size: 16px;line-height: 30px;color: #333333;} .pageNewsD .cont .text img{max-width: 100%;height: auto !important;} .pageNewsD .cont .text iframe{width: 767px;height: 443px;margin: 0 auto;display: block;} .pageNewsD .cont .text video{display: block;width: 100%;} .pageNewsD .cont .box{width: 100%;border-top: 1px dashed #e5e5e5;padding-top: 30px;margin-top: 40px;} .pageNewsD .cont .box .link{width: 76%;float: left;} .pageNewsD .cont .box .link p{margin: 16px 0;} .pageNewsD .cont .box .link a{display: inline-block;font-size: 14px;line-height: 24px;color: #333333;max-width: 100%;transition: all 0.6s ease;} .pageNewsD .cont .box .link a:hover{color: #0070d5;text-decoration: underline;} .pageNewsD .cont .box .back{width: 160px;height: 50px;float: right;margin-top: 23px;border: 1px solid #ddd;line-height: 48px;display: block;font-size: 16px;color: #999;position: relative;text-align: center;transition: all 0.6s ease;} .pageNewsD .cont .box .back i{font-size: 18px;display: inline-block;vertical-align: middle;transform: translateY(-1px) rotate(-180deg);margin-right: 20px;} .pageNewsD .cont .box .back:hover{border-color: #0070d5;background-color: #0070d5;color: #fff;} .pageNewsD .contList{width: 28%;float: right;} .pageNewsD .contList .title{color: #333;font-size: 26px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageNewsD .contList ul{width: 100%;margin-top: 10px;} .pageNewsD .contList ul li{width: 100%;border-bottom: 1px dashed #e5e5e5;padding: 20px 0;} .pageNewsD .contList ul li .tit{color: #333;font-size: 16px;line-height: 26px;} .pageNewsD .contList ul li .time{color: #999;font-size: 14px;margin-top: 10px;} .pageNewsD .contList ul li:hover .tit{color: #0070d5;} .pageNewsD .shareBox{width: 100%;margin-top: 20px !important;} .pageNewsD .shareBox span{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 30px;color: #000;} .pageNewsD .shareBox a{display: inline-block;vertical-align: middle;margin-left: 10px;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 20px;background-color: none;padding-left: 0 !important;text-decoration: none !important;border: solid 1px #333;color: #333;border-radius: 50%;} .pageNewsD .shareBox a:hover{border-color: #0070d5;color: #fff;background-color: #0070d5 !important;} .shareWXewm{position: fixed;top: 50%;left: 50%;width: 260px;height: 280px;border: solid 6px #999;box-sizing: border-box;padding: 10px;margin: -140px 0 0 -130px;z-index: 999;background-color: #fff;text-align: center;border-radius: 5px;overflow: hidden;display: none;} .shareWXewm .tit{font-size: 14px;} .shareWXewm .qrcode{width: 200px;height: 200px;margin: 20px auto;} .shareWXewm .qrcode canvas{width: 100%;height: 100%;} .shareWXewm .gbWXewm{position: absolute;top: 10px;right: 10px;font-size: 22px;cursor: pointer;} .shareWXewm .gbWXewm:hover{color: #0070d5;} /* pageBuy*/ .pageBuy{width: 100%;background-color: #f7f9fa;padding: 80px 0;} .pageBuy .title{font-size: 38px;line-height: 54px;color: #333;text-align: center;margin-bottom: 30px;} .pageBuy .formBox{padding: 86px 0;background-color: #fff;} /* pageApply*/ .pageApply{width: 100%;background-color: #f9fafc;padding: 60px 0 80px;overflow: hidden;} .pageApply .formBox{width: 100%;background-color: #fff;padding: 70px 0 100px;} .pageApply .formBox .title{width: 960px;margin: 0 auto;text-align: center;font-size: 38px;line-height: 44px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";color: #333;text-transform: capitalize;} .pageApply .formBox ul{width: 960px;justify-content: center;margin: 30px auto 60px;} .pageApply .formBox ul li{margin: 0 20px;} .pageApply .formBox ul li a{display: block;width: 170px;height: 44px;border-radius: 22px;font-size: 16px;line-height: 42px;color: #333;text-align: center;border: solid 1px rgba(0, 0, 0, 0.08);} .pageApply .formBox ul li:hover a, .pageApply .formBox ul li.on a{color: #fff;background-color: #0070d5;border-color: #0070d5;} /* pageFeedback*/ .pageFeedback .demandBox .text{margin: 60px 0 100px;} .pageFeedback .demandBox form .row{border-radius: 2px;} .pageFeedback .demandBox form .row1{border-radius: 2px;} .pageFeedback .demandBox form .row1 textarea{height: 500px;} /* pageForm*/ .pageForm{width: 100%;background-color: #f7f9fa;padding-bottom: 60px;/* 英文*/} .pageForm .formBox{width: 100%;background-color: #fff;padding: 70px 0 100px;margin-top: -14%;position: relative;z-index: 1;} .pageForm .formBox .title{width: 960px;margin: 0 auto;font-size: 40px;line-height: 44px;text-align: center;color: #333;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageForm .formBox ul{width: 960px;justify-content: center;margin: 30px auto 60px;} .pageForm .formBox ul li{margin: 0 15px;} .pageForm .formBox ul li a{display: block;height: 44px;border-radius: 22px;font-size: 18px;line-height: 44px;color: #fff;padding: 0 20px 0 56px;background: #0070d5 url(https://c.effort-tech.com/yft/web/images/icon_buy.png) left 20px center no-repeat;background-size: 26px 24px;transition: all 0.6s ease;} .pageForm .formBox ul li:hover a, .pageForm .formBox ul li.on a{background: #1c51a3 url(https://c.effort-tech.com/yft/web/images/icon_buy.png) left 20px center no-repeat;} .pageForm .formBox1{width: 100%;background-color: #fff;padding: 100px 0 70px;margin-top: -14%;position: relative;z-index: 1;} .pageForm .formBox1 .title{width: 960px;margin: 0 auto 80px;font-size: 40px;line-height: 44px;color: #333333;text-align: center;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageForm .formBox1 form{width: 960px;margin: 0 auto;position: relative;} .pageForm .formBox1 form .tit{font-size: 30px;line-height: 34px;color: #333333;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";margin-bottom: 40px;} .pageForm .formBox1 form .tit.tit1{margin-top: 100px;} .pageForm .formBox1 form .pBox{width: 100%;margin-bottom: 20px;} .pageForm .formBox1 form .pBox .p1{font-size: 20px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";line-height: 28px;color: #333333;margin-bottom: 10px;} .pageForm .formBox1 form .pBox .p2{position: relative;font-size: 20px;line-height: 40px;color: #666666;padding-left: 20px;} .pageForm .formBox1 form .pBox .p2::after{content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #2871d8;position: absolute;top: 15px;left: 0;} .pageForm .formBox1 form .p{font-size: 14px;line-height: 28px;color: #999999;} .pageForm .formBox1 form .select{width: 100%;border-top: 1px solid rgba(0, 0, 0, 0.5);position: relative;padding-top: 30px;margin: 30px 0 220px;} .pageForm .formBox1 form .select::before{content: '';width: 100px;height: 3px;background-color: rgba(0, 0, 0, 0.8);position: absolute;top: -2px;left: 0;z-index: 1;} .pageForm .formBox1 form .select .dl{margin-right: 43px;padding-right: 67px;position: relative;cursor: pointer;} .pageForm .formBox1 form .select .dl:last-child{margin-right: 0;} .pageForm .formBox1 form .select .dl .dt{font-size: 20px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";line-height: 30px;color: #333333;} .pageForm .formBox1 form .select .dl .dt i{font-size: 16px;display: inline-block;vertical-align: middle;color: #0070d5;margin-left: 14px;transform: translateY(-1px);} .pageForm .formBox1 form .select .dl .dt span{display: inline-block;color: #0070d5;font-size: 20px;line-height: 30px;font-weight: normal;width: 67px;position: absolute;top: 0;right: 0;padding-left: 5px;} .pageForm .formBox1 form .select .dl .pList{width: 67px;position: absolute;top: 0;right: 0;padding-left: 5px;display: none;} .pageForm .formBox1 form .select .dl .pList li{color: #666;font-size: 20px;line-height: 30px;cursor: pointer;transition: all 0.6s ease;} .pageForm .formBox1 form .select .dl .pList li:hover{color: #0070d5;} .pageForm .formBox1 form input::placeholder, .pageForm .formBox1 form textarea::placeholder{color: #999;} .pageForm .formBox1 form input{display: block;padding: 0 16px;font-size: 20px;color: #333;line-height: 30px;} .pageForm .formBox1 form .row{width: 100%;height: 50px;border: 1px solid #b9b9b9;padding: 0 30px;align-items: center;margin-bottom: 130px;border-radius: 2px;} .pageForm .formBox1 form .row .iconfont{display: block;font-size: 22px;color: #b9b9b9;line-height: 30px;} .pageForm .formBox1 form .row input{width: calc(100% - 30px);} .pageForm .formBox1 form .box{margin-bottom: 130px;flex-wrap: wrap;} .pageForm .formBox1 form .row1{width: 49%;height: 50px;border: 1px solid #b9b9b9;margin-bottom: 20px;padding: 10px 0;border-radius: 2px;} .pageForm .formBox1 form .row1 input{width: 100%;} .pageForm .formBox1 form .row2{width: 100%;height: 50px;border: 1px solid #b9b9b9;padding: 10px 0;border-radius: 2px;} .pageForm .formBox1 form .row2 input{width: 100%;} .pageForm .formBox1 form .t{font-size: 20px;line-height: 30px;color: #666666;margin-bottom: 20px;} .pageForm .formBox1 form .row3{width: 100%;border: 1px solid #b9b9b9;margin-bottom: 30px;border-radius: 2px;} .pageForm .formBox1 form .row3 textarea{width: 100%;font-size: 20px;color: #333;line-height: 30px;height: 100px;resize: none;padding: 10px 16px;} .pageForm .formBox1 form #tip{position: absolute;bottom: 15%;left: 50%;transform: translateX(-50%);background-color: rgba(0, 0, 0, 0.8);color: #fff;font-size: 16px;line-height: 20px;padding: 10px 20px;display: none;} .pageForm .formBox1 form .btn{display: block;width: 174px;line-height: 48px;color: #666;font-size: 18px;text-align: center;border-radius: 25px;border: 1px solid #b9b9b9;margin: 50px auto 0;cursor: pointer;transition: all 0.6s ease;} .pageForm .formBox1 form .btn:hover{border-color: #f9fafc;background-color: #f9fafc;color: #0070d5;} /* demandBox*/ .demandBox{width: 960px;margin: 0 auto;} .demandBox .title{font-size: 40px;line-height: 44px;text-align: center;color: #333;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";margin: 0 0 30px 0 !important;} .demandBox .text{font-size: 18px;line-height: 36px;color: #666;text-align: center;margin-bottom: 50px;} .demandBox .text span{color: #0070d5;} .demandBox .p{width: 100%;color: #666;font-size: 16px;line-height: 20px;text-align: center;float: left;margin-bottom: 40px;} .demandBox form{width: 100%;justify-content: space-between;position: relative;/* 英文*/} .demandBox form #tip{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: rgba(0, 0, 0, 0.8);color: #fff;font-size: 16px;line-height: 20px;padding: 10px 20px;display: none;} .demandBox form input::placeholder, .demandBox form textarea::placeholder{color: #999;} .demandBox form .row{width: 49%;border: 1px solid #999;margin-bottom: 30px;border-radius: 8px;position: relative;} .demandBox form .row.drow{width: 100%;} .demandBox form .row.trow{width: 32%;} .demandBox form .row input{width: 100%;display: block;font-size: 16px;color: #333;line-height: 30px;padding: 10px 16px;} .demandBox form .row select{width: 100%;display: block;font-size: 16px;color: #999;line-height: 30px;padding: 10px 12px;} .demandBox form .row1{width: 100%;border: 1px solid #999;margin-bottom: 40px;border-radius: 8px;} .demandBox form .row1 textarea{width: 100%;font-size: 16px;color: #333;line-height: 30px;height: 140px;resize: none;padding: 10px 16px;} .demandBox form .btn{width: 180px;display: block;height: 50px;line-height: 50px;color: #333;font-size: 16px;text-align: center;border-radius: 25px;border: 1px solid #999;margin: 30px auto 0;cursor: pointer;transition: all 0.6s ease;} .demandBox form .btn:hover{border-color: #f9fafc;background-color: #f9fafc;color: #0070d5;} .demandBox form .agentBox{width: 100%;margin-top: 100px;} .demandBox form .agentBox .agent{display: block;width: 272px;height: 50px;line-height: 50px;border-radius: 25px;background-color: #0070d5;font-size: 18px;color: #ffffff;text-align: center;margin: 0 auto;transition: all 0.6s ease;} .demandBox form .agentBox .agent:hover{background-color: #1c51a3;} .demandBox form .agentBox .t{font-size: 20px;line-height: 24px;color: #333333;text-align: center;margin-top: 38px;} /* pageContact*/ .pageContact{width: 100%;background-color: #f5f5f5;padding: 60px 0 80px;overflow: hidden;} .pageContact .contactList{ width: 100%; position: relative;} .pageContact .contactList li{ width: 49%; margin: 1% 2% 1% 0; border-radius: 20px; background-color: #fff; position: relative; overflow: hidden; padding: 70px; box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);} .pageContact .contactList li:nth-child(2n){ margin-right: 0;} .pageContact .contactList li .tit{ font-size: 30px; color: #333;} .pageContact .contactList li .txt{ font-size: 16px; color: #666; margin-top: 20px; line-height: 30px;} .pageContact .contactList li .txt p{ width: 100%; display: block;} .pageContact .contactList li .txt span,.pageContact .contactList li .txt a{ color: #2a72e6;} .pageContact .contactList li .txt a:hover{ text-decoration: underline;} .pageContact .mediaBox { width: 100%; margin-top: 80px;} .pageContact .mediaBox .pageTitle2 .tit1{ font-weight: normal;} .pageContact .mediaBox .box{ width: 100%; background-color: #fff; margin: 50px auto 0; padding: 70px; border-radius: 20px;} .pageContact .mediaBox .box .mediaList{ width: 56%;} .pageContact .mediaBox .box .mediaList ul{ width: 100%; padding: 45px 0;} .pageContact .mediaBox .box .mediaList ul:first-child{ padding-top: 0; border-bottom: solid 1px #ccc;} .pageContact .mediaBox .box .mediaList ul:nth-child(2){ padding-bottom: 0;} .pageContact .mediaBox .box .mediaList ul li{ position: relative; width: 40%;} .pageContact .mediaBox .box .mediaList ul li:first-child{ margin-right: 20%;} .pageContact .mediaBox .box .mediaList ul li a{ width: 100%; padding-right: 15px; position: relative;} .pageContact .mediaBox .box .mediaList ul li a img{ width: auto; height: 60px;} .pageContact .mediaBox .box .mediaList ul li a p{ font-size: 20px; color: #333; line-height: 60px; margin-left: 20px;} .pageContact .mediaBox .box .mediaList ul li a span{ position: absolute; right: 0; width: 20px; text-align: center; line-height: 20px; top: 50%; margin-top: -10px; transform: rotate(-90deg); color: #000; font-size: 20px;} .pageContact .mediaBox .box .mediaList ul li a:hover p,.pageContact .mediaBox .box .mediaList ul li a:hover span{ color: #0070d5;} .pageContact .mediaBox .box .ewmList{ width: 35%;} .pageContact .mediaBox .box .ewmList li{ width: 200px; text-align: center;} .pageContact .mediaBox .box .ewmList li:first-child{ border-right: solid 1px #ccc;} .pageContact .mediaBox .box .ewmList li .img{ width: 110px; margin: auto;} .pageContact .mediaBox .box .ewmList li .img img{ width: 100%; display: block;} .pageContact .mediaBox .box .ewmList li .t1{ font-size: 22px; color: #1d1c1c; margin-top: 30px;} .pageContact .mediaBox .box .ewmList li .t2{ font-size: 15px; color: #666; margin-top: 15px;} .pageContact .contactEn {width: 100%;background-color: #ffffff;padding: 200px 20px 50px;min-height: 700px;} .pageContact .contactEn1 {padding: 120px 20px;min-height: 440px;margin-top: 30px;} .pageContact .contactEn .t1{font-size: 38px;line-height: 42px;color: #181c18;text-align: center;} .pageContact .contactEn .t2{font-size: 20px;line-height: 30px;color: #666666;text-align: center;margin-top: 20px;} .pageContact .contactEn1 .btn{display: block; width: 150px;height: 44px;background-color: #2a72e6;border-radius: 22px; font-size: 14px;line-height: 44px;color: #ffffff;text-align:center;margin: 20px auto 0;} .pageContact .contactEn .search{width: 476px;height: 52px;border: 1px solid #2a72e6;border-radius: 26px;padding: 10px 20px;position: relative;margin: 20px auto 0;cursor: pointer;} .pageContact .contactEn .search::after{content: '';width: 0;height: 0;border-top: 8px solid #2a72e6;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);transition: all 0.6s ease;} .pageContact .contactEn .search.on::after {transform: translateY(-50%) rotate(-180deg);} .pageContact .contactEn .search .p{color: #2a72e6;font-size: 20px;line-height: 32px;opacity: 0.5;} .pageContact .contactEn .search .p.sel{opacity: 1;} .pageContact .contactEn .search .ul {display: none;position: absolute;top: 52px;left: 0;width: 100%;background-color: #fff;} .pageContact .contactEn .search ul{width: 100%;padding: 10px 0;} .pageContact .contactEn .search ul li{width: 33.3333%;padding: 6px 20px;color: #333;font-size: 18px;line-height: 28px;cursor: pointer;} .pageContact .contactEn .search ul li:hover{color: #2a72e6;} .pageContact .contactEn .contactEnInfo{width: 100%; margin: 20px 0 0 0;} .pageContact .contactEn .contactEnInfo li {display: none;} .pageContact .contactEn .contactEnInfo li .li{flex-wrap: wrap;} .pageContact .contactEn .contactEnInfo li .info{width: 48%;background-color: #f5f5f5;margin: 1%;padding: 15px;} .pageContact .contactEn .contactEnInfo li .info .p{width: 100%;color: #333;font-size: 16px;line-height: 24px;margin: 6px 0;} .pageContact .contactEn .contactEnInfo li .li.li3 .info{ width: 31.33%;} .pageContact .contactEn2 {background-color: unset;padding: 130px 0 0;min-height: auto;} .pageContact .contactEn2 ul{ width: 100%;margin-top: 100px;} .pageContact .contactEn2 ul li{ width: 45%;border-top: 1px solid rgb(37, 37, 37, 0.3);margin-right: 10%;margin-bottom: 30px;} .pageContact .contactEn2 ul li:nth-child(2n){ margin-right: 0;} .pageContact .contactEn2 ul li:nth-child(-n + 2){ border-top: none;} .pageContact .contactEn2 ul li a{padding-top: 30px;position: relative;} .pageContact .contactEn2 ul li img{ width: 60px; height: 60px;display: block;} .pageContact .contactEn2 ul li a p{ font-size: 20px; color: #333; line-height: 60px; margin-left: 20px;} .pageContact .contactEn2 ul li a span{ position: absolute; right: 60px; width: 20px; text-align: center; line-height: 20px; bottom: 20px;transform: rotate(-90deg); color: #000; font-size: 14px;} .pageContact .contactEn2 ul li a:hover p,.pageContact .contactEn2 ul li a:hover span{ color: #0070d5;} /* pageAbout */ .pageAbout{ width: 100%; padding: 110px 0; position: relative; overflow: hidden;} .pageAbout .pageTitle2{ width: 1000px; margin: 0 auto 0;} .pageAbout .pageTitle2 .tit2{ text-align: center; width: 100%; font-size: 18px; line-height: 32px; color: #666;} .pageAbout .list{ width: 1000px; margin: 70px auto 0;} .pageAbout .list li{ width: 25%; text-align: center;} .pageAbout .list li .img{ width: 90px; margin: auto; border-radius: 50%; border: solid 2px #999;} .pageAbout .list li .img img{ width: 100%; display: block;} .pageAbout .list li .d{ font-size: 40px; line-height: 50px; margin: 30px auto 0; font-weight: lighter;} .pageAbout .list li .d span{ font-size: 46px; /*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageAbout .list li:nth-child(1) .d span{ width: 90px;} .pageAbout .list li:nth-child(2) .d span{ width: 90px;} .pageAbout .list li:nth-child(3) .d span{ width: 120px;} .pageAbout .list li:nth-child(4) .d span{ width: 160px;} .pageAbout .list li .t{ font-size: 18px; color: #666; margin-top: 15px;} .pageAbout .list.listEn li .t{ font-size: 16px;} /* aboutProduct */ .aboutProduct{ width: 100%; padding: 110px 0; position: relative; overflow: hidden; background: url(https://c.effort-tech.com/yft/web/images/new/about/about_product.jpg) center no-repeat fixed; background-size: cover;} .aboutProduct .pageTitle2 .tit1{ color: #fff;} .aboutProduct .list{ width: 100%; margin: 70px auto 0;} .aboutProduct .list li{ width: 23.5%; margin: 0 2% 0 0; transition: all 0.8s ease; overflow: hidden;} .aboutProduct .list li a{ display: block; width: 100%; border-radius: 15px; transition: all 0.8s ease; background-color: #fff; overflow: hidden; position: relative;} .aboutProduct .list li .imgBox{ width: 100%; height: 100%; position: absolute; top: -100%; left: 0; transition: all 0.8s ease;} .aboutProduct .list li .imgBox img{ width: 100%; display: block; position: relative; z-index: 1;} .aboutProduct .list li .imgBox .con{ position: absolute; top: 0; left: 0; width: 100%; color: #333; height: 100%; z-index: 2; padding: 50px 45px 0;} .aboutProduct .list li .imgBox .con .t1{ font-size: 22px; font-family: "AlibabaPuHuiTiM";} .aboutProduct .list li .imgBox .con .t2{ font-size: 16px; line-height: 26px; margin-top: 10px;} .aboutProduct .list li .img{ width: 100%; position: relative; overflow: hidden;} .aboutProduct .list li .img img{ width: 100%; display: block; transition: all 0.8s ease;} .aboutProduct .list li .t{ padding: 0 0 50px; text-align: center; font-size: 22px; color: #333;} .aboutProduct .list li:nth-child(4n){ margin-right: 0;} .aboutProduct .list li:hover .img,.aboutProduct .list li:hover .t{ } .aboutProduct .list li:hover .imgBox{ top: 0;} @media (max-width: 1560px){ .aboutProduct .list.listEn li .imgBox .con .t1{ font-size: 20px;} .aboutProduct .list.listEn li .imgBox .con .t2{ font-size: 14px; line-height: 20px; margin-top: 8px;} } /* aboutDetails */ .aboutDetails{ width: 100%; padding: 110px 0; position: relative; background-color: #fff; overflow: hidden;} .aboutDetails .list{ width: 100%; margin: 70px auto 0;} .aboutDetails .list li{ margin: 0.5% 1% 0.5% 0; position: relative; border-radius: 15px; overflow: hidden; cursor: pointer;} .aboutDetails .list li::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 45%; z-index: 2; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.8));} .aboutDetails .list li.l1{ width: 22%;} .aboutDetails .list li.l2{ width: 38%;} .aboutDetails .list li img{ width: 100%; height: 100%; display: block; position: relative; z-index: 1; transition: all 0.8s ease;} .aboutDetails .list li p{position: absolute; z-index: 3; font-size: 20px; color: #fff; width: 100%; bottom: 0; left: 0; padding: 0 40px 30px 40px;} .aboutDetails .list li:nth-child(3n){ margin-right: 0;} .aboutDetails .list li:hover img{ transform: scale(1.1);} /* aboutHistory */ .aboutHistory{ width: 100% ; padding: 110px 0; position: relative; overflow: hidden; background-color: #f5f5f5;} .aboutHistory .historyBox{ width: 100%; margin: 140px auto 0; position: relative;} .aboutHistory .historyBox .swiper-container{ position: relative; z-index: 2; width: 1200px; margin: auto;} .aboutHistory .historyBox .swiper-slide{ position: relative; } .aboutHistory .historyBox .swiper-slide .cont{ width: 100%;} .aboutHistory .historyBox .swiper-slide .cont .tit{ width: 35%; padding-right: 20px; text-align: right; font-size: 38px; color: #333; } .aboutHistory .historyBox .swiper-slide .cont .txt{ width: 64%; padding-left: 40px; position: relative;} .aboutHistory .historyBox .swiper-slide .cont .txt .img{width: 38%; padding-right: 40px; margin:12px 0 0 0;} .aboutHistory .historyBox .swiper-slide .cont .txt .img img{width: 100%; display: block;} .aboutHistory .historyBox .swiper-slide .cont .txt .d{font-size: 18px; width: 62%; color: #666; line-height: 40px;} .aboutHistory .historyBox .iconfont{width: 60px;height: 60px;line-height: 60px;border-radius: 50%;border: 0;background-image: none !important;font-size: 22px;color: #fff;text-align: center;transition: all 0.6s ease; background-color: #999;} .aboutHistory .historyBox .swiper-button-prev{left: 0;transform: rotate(-180deg);} .aboutHistory .historyBox .swiper-button-next{right: 0;} .aboutHistory .historyBox .swiper-button-prev:hover,.aboutHistory .historyBox .swiper-button-next:hover{background-color: #0070d5;border-color: #0070d5;color: #fff;} .aboutHistory .historyBox .swiper-button-prev::after,.aboutHistory .historyBox .swiper-button-next::after{display: none;} .aboutHistory .historyBox.enBox .swiper-slide .cont .tit{ font-size: 32px; } .aboutHistory .historyYear{ position: relative; width: 100%; margin: 70px auto 0;} .aboutHistory .historyYear::after{ content: ''; z-index: 1; position: absolute; top: 29px; left: 0; width: 100%; height: 2px; background: repeating-radial-gradient( circle at center, #999, #999 1px, transparent 1px, transparent 10px); background-size: 10px 2px;} .aboutHistory .historyYear .swiper-container{ position: relative; z-index: 2; width: 1000px; margin: auto;} .aboutHistory .historyYear .swiper-slide{ text-align: center; cursor: pointer; position: relative; padding-top: 45px;} .aboutHistory .historyYear .swiper-slide.slide1{ width: 120px !important;} .aboutHistory .historyYear .swiper-slide.slide2{ width: 160px !important;} .aboutHistory .historyYear .swiper-slide::after{ content: ''; position: absolute; width: 10px; height: 10px; position: absolute; left: 50%; top: 25px; margin-left: -5px; border-radius: 50%; background-color: #999;} .aboutHistory .historyYear .swiper-slide::before{ content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%,-15px); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; transition: all 0.8s ease; opacity: 1;} .aboutHistory .historyYear .swiper-slide span{ width: 100%; text-align: center; font-size: 18px; color: #999; display: block; line-height: 40px;} .aboutHistory .historyYear .swiper-slide.swiper-slide-thumb-active::before{ opacity: 1; transform: translate(-50%,0);} .aboutHistory .historyYear .swiper-slide.swiper-slide-thumb-active span{ font-size: 30px; color: #333;} @media (max-width: 1680px){ .aboutHistory .historyYear::after{ background-size: 8px 2px;} } /* pageJob */ .pageJob{ width: 100%; position: relative; overflow: hidden; background-color: #f5f5f5; padding: 110px 0;} .pageJob .pageTitle2{ width: 50%; text-align: left;} .pageJob .imgBox{width: 50%;} .pageJob .imgBox img{width: 32%; display: block; border-radius: 15px; margin: 1% 2% 1% 0;} .pageJob .imgBox .img1{ width: 100%; display: block; margin-right: 0;} .pageJob .imgBox .img4{ margin-right: 0;} /* jobTeam */ .jobTeam{ width: 100%; position: relative; overflow: hidden; background-color: #fff; padding: 110px 0;} .jobTeam .list{ width: 100%; margin: 70px auto 0;} .jobTeam .list li{ width: 100%; margin: 1% 0; } .jobTeam .list li:nth-child(1){align-items: end;} .jobTeam .list li .img{ width: 19.2%; margin-right: 1%; position: relative; display: inline-block;} .jobTeam .list li .img img{ width: 100%; display: block; } .jobTeam .list li .img:last-child{ margin-right: 0;} /* jobWelfare */ .jobWelfare{ width: 100%; position: relative; overflow: hidden; background-color: #f5f5f5; padding: 110px 0;} .jobWelfare .list{ width: 100%; margin: 70px auto 30px; position: relative;} .jobWelfare .list::after{ content: ''; z-index: 1; position: absolute; bottom: -30px; left: 50%; width: 80px; margin-left: -38px; height: 14px; background: repeating-radial-gradient( circle at center, #666, #666 3px, transparent 3px, transparent 14px); background-size: 14px 14px;} .jobWelfare .list li{ width: 19%; margin: 3%; cursor: pointer; text-align: center; position: relative; padding: 20px 0; border-radius: 15px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.03);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.03);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.03);} .jobWelfare .list li .icon{ width: 90px; margin: auto;} .jobWelfare .list li .icon img{ width: 100%; display: block;} .jobWelfare .list li .t{ font-size: 20px; color: #333; margin-top: 15px;} .jobWelfare .list li::before{ content: ''; position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #fff; transition: all 0.8s ease; opacity: 1;} /* jobItem */ .jobItem{ width: 100%;padding: 110px 0; position: relative; overflow: hidden;} .jobItem .pageTitle2 .tit2{ margin-top: 10px;} .jobItem .list{ width: 100%; margin: 70px auto 0;} .jobItem .list li{ width: 32.66%; margin: 0 1% 0 0; background-color: #f5f5f5; text-align: center; border-radius: 30px; overflow: hidden;} .jobItem .list li a{display: block; width: 100%;height: 100%; padding: 90px 0;} .jobItem .list li a .tit{ font-size: 30px; color: #333;} .jobItem .list li:nth-child(3n){ margin-right: 0;} .jobItem .list li .more{color: #fff;font-size: 14px;text-align: center;line-height: 34px;margin: 30px auto 0;display: block;width: 100px;border-radius: 17px;transition: all 0.6s ease; background-color: #2a72e6;} .jobItem .list li .more:hover{background-color: #333;color: #fff; } /* pageRecruit*/ .pageRecruit{width: 100%;background-color: #f9fafc;padding: 70px 0 80px;overflow: hidden;} .pageRecruit .box{width: 100%;background-color: #fff;padding: 70px 60px;} .pageRecruit .box .navList{width: 100%;justify-content: center;} .pageRecruit .box .navList li{margin: 0 20px;} .pageRecruit .box .navList li a{display: block;width: 160px;line-height: 46px;background-color: #ffffff;border-radius: 24px;border: solid 1px rgba(0, 0, 0, 0.08);font-size: 18px;color: #333333;text-align: center;transition: all 0.6s ease;} .pageRecruit .box .navList li:hover a, .pageRecruit .box .navList li.on a{background-color: #0070d5;border-color: #0070d5;color: #fff;} .pageRecruit .box .navList.navList1 li a{width: 200px;} .pageRecruit .box .lists{margin-top: 50px;} .pageRecruit .box .lists li{border-bottom: 1px solid #eee;} .pageRecruit .box .lists li:nth-child(1){border-top: 1px solid #eee;} .pageRecruit .box .lists li .post{height: 72px;padding: 0 40px;justify-content: space-between;align-items: center;} .pageRecruit .box .lists li .post p{font-size: 16px;line-height: 36px;color: #333333;transition: all 0.6s ease;} .pageRecruit .box .lists li .post p i{display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 10px;color: #999;transform: rotate(90deg);transition: all 0.6s ease;} .pageRecruit .box .lists li .post p:nth-child(1){width: 29%;} .pageRecruit .box .lists li .post p:nth-child(2){width: 23%;text-align: center;} .pageRecruit .box .lists li .post p:nth-child(3){width: 23%;text-align: center;} .pageRecruit .box .lists li .post p:nth-child(4){width: 25%;text-align: right;} .pageRecruit .box .lists li .text{width: calc(100% - 44px);margin: 0 auto;padding: 30px 0;font-size: 16px;line-height: 34px;color: #666666;display: none;box-sizing: content-box;} .pageRecruit .box .lists li .text .button{display: block;width: 140px;line-height: 42px;border-radius: 22px;border: 1px solid #999;color: #333333;text-align: center;font-size: 16px;margin-top: 20px;transition: all 0.6s ease;} .pageRecruit .box .lists li .text .button:hover{color: #0070d5;background-color: #f9fafc;border-color: #f9fafc;} .pageRecruit .box .lists li.on .post{background-color: #f2f5fa;} .pageRecruit .box .lists li.on .post p{color: #0070d5;} .pageRecruit .box .lists li.on .post p i{transform: rotate(-90deg);color: #0070d5;} .pageRecruit .box .lists li:hover .post{background-color: #f2f5fa;} .pageRecruit .box .lists li:hover .post p{color: #0070d5;} .pageRecruit .box .lists li:hover .post p i{color: #0070d5;} /* pageSearch*/ .pageSearch{width: 100%;background-color: #f9fafc;padding: 100px 0;} .pageSearch .title{font-size: 40px;line-height: 44px;color: #333333;border-bottom: 1px solid #eee;padding: 20px 0 30px;} .pageSearch .swiper-thumbs{width: 100%;margin-top: 40px;} .pageSearch .swiper-thumbs .swiper-wrapper{transform: none !important;width: 100% !important;} .pageSearch .swiper-thumbs .swiper-slide{width: 200px !important;padding-right: 60px;cursor: pointer;} .pageSearch .swiper-thumbs .swiper-slide .t{width: 140px;line-height: 50px;font-size: 20px;color: #333;text-align: center;border-bottom: 2px solid #f9fafc;} .pageSearch .swiper-thumbs .swiper-slide.swiper-slide-thumb-active .t{color: #0070d5;border-bottom: 2px solid #0070d5;} .pageSearch .swiper-top{width: 100%;margin-top: 40px;} .pageSearch .swiper-top .productList{width: 100%;text-align: center;} .pageSearch .swiper-top .productList li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;} .pageSearch .swiper-top .productList li:nth-child(4n){margin-right: 0;} .pageSearch .swiper-top .productList li a{display: block;padding-bottom: 70px;} .pageSearch .swiper-top .productList li .img{width: 100%;} .pageSearch .swiper-top .productList li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageSearch .swiper-top .productList li .tit{font-size: 26px;line-height: 30px;color: #333333;padding: 0 15px;transition: all 0.6s ease;} .pageSearch .swiper-top .productList li .txt{font-size: 18px;line-height: 26px;color: #666;padding: 0 15px;margin-top: 6px;} .pageSearch .swiper-top .productList li .a{font-size: 16px;line-height: 20px;color: #0070d5;margin: 30px 0 0;} .pageSearch .swiper-top .productList li:hover .img img{transform: scale(1.1);} .pageSearch .swiper-top .productList li:hover .tit{color: #0070d5;} .pageSearch .swiper-top .newsList { width: 100%; } .pageSearch .swiper-top .newsList li{ width: 32%; margin: 1% 2% 1% 0; box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);} .pageSearch .swiper-top .newsList li:nth-child(3n){ margin-right: 0;} .pageSearch .swiper-top .newsList li a{ display: block; width: 100%; height: 100%; padding: 10px; background-color: #fff;} .pageSearch .swiper-top .newsList li .img{ width: 100%; height: 250px; overflow: hidden;} .pageSearch .swiper-top .newsList li .img img{ width: 100%; height: 100%;object-fit: cover; transition: all 0.8s ease;} .pageSearch .swiper-top .newsList li .txt{ width: 100%; padding: 40px 20px 30px;} .pageSearch .swiper-top .newsList li .txt .t{ font-size: 20px; color: #333; overflow: hidden;} .pageSearch .swiper-top .newsList li .txt .d{ width: 100%; margin-top: 15px;display: flex;flex-wrap: wrap;} .pageSearch .swiper-top .newsList li .txt .d span{ display: block; line-height: 30px; padding: 0 15px; margin: 5px 10px 5px 0; border-radius: 15px; font-size: 14px; background-color: rgba(1, 64, 153, 0.05); color: #666; transition: all 0.8s ease;} .pageSearch .swiper-top .newsList li:hover img{ transform: scale(1.1);} .pageSearch .swiper-top .newsList li:hover .txt .t{ color: #2871d8;} .pageSearch .swiper-top .newsList li:hover .txt .d span{ background-color: #2871d8; color: #fff;} /* .pageSearch .swiper-top .newsList{width: 100%;} .pageSearch .swiper-top .newsList li{width: 23.5%;margin-right: 2%;background-color: #fff;margin-bottom: 2%;transition: all 0.6s ease;} .pageSearch .swiper-top .newsList li:nth-child(4n){margin-right: 0;} .pageSearch .swiper-top .newsList li .img{width: 100%;overflow: hidden;} .pageSearch .swiper-top .newsList li .img img{display: block;width: 100%;transition: all 0.6s ease;} .pageSearch .swiper-top .newsList li .cont{padding: 5%;} .pageSearch .swiper-top .newsList li .cont .tit{font-size: 24px;line-height: 28px;color: #333;transition: all 0.6s ease;} .pageSearch .swiper-top .newsList li .cont .time{font-size: 14px;line-height: 20px;color: #999999;margin: 4% 0;} .pageSearch .swiper-top .newsList li .cont .txt{font-size: 16px;line-height: 26px;color: #666666;} .pageSearch .swiper-top .newsList li:hover .img img{transform: scale(1.1);} .pageSearch .swiper-top .newsList li:hover .cont .tit{color: #0070d5;} */ /* pageParameter*/ .pageParameter{width: 100%;background-color: #fff;padding: 140px 0 60px;} .pageParameter .title{font-size: 40px;line-height: 44px;color: #333333;border-bottom: 1px solid #eee;padding: 20px 0;} .pageParameter .text{width: 100%;font-size: 16px;line-height: 30px;} .pageParameter .text img{max-width: 100%;height: auto !important;} .pageParameter .text table{width: 100%;color: #333;text-align: center;} .pageParameter .text table tr{width: 100%;background-color: #f8f9fb;} .pageParameter .text table tr:nth-child(odd){background-color: #f1f2f4;} .pageParameter .text table tr:first-child{background-color: unset;} .pageParameter .text table tr th{font-size: 32px;line-height: 96px;color: #333;font-weight: normal; box-sizing: border-box;} .pageParameter .text table tr td{line-height: 26px;padding: 9px 20px;font-size: 16px;border: solid 1px #fff;color: #333; box-sizing: border-box; word-break: break-word; word-wrap: break-word;} .pageParameter .text table tr td:nth-child(1){ width: 18%;} .pageParameter .text table.table tr td:nth-child(1){width: auto;} .pageParameter .tit{font-size: 40px;line-height: 44px;color: #333333;padding: 60px 0 40px;} .pageParameter .picBox{width: 100%;position: relative;padding-left: 13%;margin-bottom: 60px;} .pageParameter .picBox .pic{width: 100%;overflow: hidden;border: 1px solid #c3c3c3;} .pageParameter .picBox .pic img{width: 100%;display: block;} .pageParameter .picBox .t{width: 13%;position: absolute;top: 20px;left: 0;transform: translateY(0);font-size: 32px;line-height: 40px;color: #333;padding-left: 24px; word-break: break-all; word-wrap: break-word;} .pageParameter .picBox .t::after{content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #333;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .pageParameter .picBox .t.t1{ font-size: 30px; line-height: 36px;} .pageParameter .picBox.picBox1{padding-left: 19%;} .pageParameter .picBox.picBox1 .t{width: 19%;} @media (max-width: 1680px){ .pageParameter .picBox .t.t1{ font-size: 26px; line-height: 30px;} } /* popupVideo*/ .popupVideo{width: 50%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;display: none;} .popupVideo video{display: block;width: 100%;} .popupVideo .iconfont{width: 40px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 30px;margin: 5px auto 0;cursor: pointer;transition: all 0.6s ease;} .popupVideo .iconfont:hover{color: #0070d5;} /* Z*/ .zTitle{font-size: 50px;line-height: 54px;color: #fff;text-transform: capitalize;} .zText{font-size: 24px;text-align: center;line-height: 40px;margin-top: 30px;color: #fff;font-weight: lighter;} .proVideo video:focus{outline: none;} .proVideo video::-webkit-media-controls{display: none !important;} /* pageZ_1*/ .pageZ_1{width: 100%;overflow: hidden;position: relative;} .pageZ_1 .video{width: 100%;position: relative;z-index: 0;} .pageZ_1 .video::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.2);} .pageZ_1 .video video{display: block;width: 100%;object-fit: fill;position: relative;z-index: 1;} .pageZ_1 .wrap{text-align: center;position: absolute;top: 26%;left: 50%;transform: translateX(-50%);z-index: 3;} .pageZ_1 .tit{font-size: 36px;line-height: 40px;color: #fff;} .pageZ_1 .txt{font-size: 60px;line-height: 64px;color: #fff;text-transform: uppercase;margin-top: 50px;} .pageZ_1 .iconfont{width: 70px;height: 70px;line-height: 66px;font-size: 28px;color: #fff;padding-left: 6px;margin: 60px auto 0;border-radius: 50%;border: solid 3px #fff;cursor: pointer;transition: all 0.6s ease;} .pageZ_1 .iconfont:hover{background-color: #fff;color: #0070d5;} /* pageZ_2*/ .pageZ_2{width: 100%;overflow: hidden;position: relative;padding: 110px 0;background-color: #040404;} .pageZ_2 .zText{margin-top: 0;} .pageZ_2 .box{width: 100%;position: relative;margin: 80px 0;} .pageZ_2 .z2box-top{width: 780px;margin: auto;overflow: hidden;} .pageZ_2 .z2box-top .swiper-slide img{width: 100%;display: block;} .pageZ_2 .z2box-thumbs{position: absolute;top: 0;left: 0;} .pageZ_2 .z2box-thumbs .swiper-slide{padding: 40px 0 40px 30px;position: relative;line-height: 30px;height: 30px !important;font-size: 30px;color: #fff;opacity: 0.3;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";box-sizing: content-box;cursor: pointer;} .pageZ_2 .z2box-thumbs .swiper-slide::after{content: '';position: absolute;left: 0;top: 0;background-color: #fff;height: 100%;width: 2px;} .pageZ_2 .z2box-thumbs .swiper-slide.swiper-slide-thumb-active{opacity: 1;} .pageZ_2 .z2box-thumbs .swiper-slide.swiper-slide-thumb-active::after{width: 6px;left: -2px;} .pageZ_2 .item{width: 100%;} .pageZ_2 .item li{text-align: center;} .pageZ_2 .item li .img{width: 130px;height: 70px;margin: auto;background-size: 130px 70px;} .pageZ_2 .item li .img.img1{background: url(https://c.effort-tech.com/yft/web/images/z/z_2_1.png) center no-repeat;} .pageZ_2 .item li .img.img2{background: url(https://c.effort-tech.com/yft/web/images/z/z_2_2.png) center no-repeat;} .pageZ_2 .item li .img.img3{background: url(https://c.effort-tech.com/yft/web/images/z/z_2_3.png) center no-repeat;} .pageZ_2 .item li .img.img4{background: url(https://c.effort-tech.com/yft/web/images/z/z_2_4.png) center no-repeat;} .pageZ_2 .item li .img.img5{background: url(https://c.effort-tech.com/yft/web/images/z/z_2_5.png) center no-repeat;} .pageZ_2 .item li .img.img6{background: url(https://c.effort-tech.com/yft/web/images/z/z_2_6.png) center no-repeat;} .pageZ_2 .item li .t{font-size: 16px;color: #fff;margin-top: 10px;} /* pageZ_3*/ .pageZ_3{width: 100%;overflow: hidden;position: relative;padding: 100px 0;background-color: #212121;} .pageZ_3 .zTitle{text-align: center;} .pageZ_3 .z3box-top{padding: 160px 0;position: relative;z-index: 1;} .pageZ_3 .z3box-top .swiper-slide{border-radius: 15px;background-color: #000;overflow: hidden;opacity: 0.4;} .pageZ_3 .z3box-top .swiper-slide img.img1{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: 2;} .pageZ_3 .z3box-top .swiper-slide img.img2{width: 100%;display: block;position: relative;z-index: 1;} .pageZ_3 .z3box-top .swiper-slide.swiper-slide-active{transform: scale(1.3);z-index: 2;opacity: 1;} .pageZ_3 .z3box-top .swiper-slide.swiper-slide-active img.img1{display: none;} .pageZ_3 .z3box-thumbs .swiper-slide{text-align: center;cursor: pointer;} .pageZ_3 .z3box-thumbs .swiper-slide .t{width: 100%;font-size: 30px;line-height: 34px;color: #fff;margin-bottom: 20px;position: relative;z-index: 2;opacity: 0.3;text-transform: capitalize;} .pageZ_3 .z3box-thumbs .swiper-slide .t::after{content: '';width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.2);position: absolute;bottom: 1px;left: 0;z-index: 1;} .pageZ_3 .z3box-thumbs .swiper-slide .t span{display: inline-block;border-bottom: solid 3px rgba(255, 255, 255, 0);padding-bottom: 20px;} .pageZ_3 .z3box-thumbs .swiper-slide .p{font-size: 18px;line-height: 22px;color: #fff;opacity: 0.3;} .pageZ_3 .z3box-thumbs .swiper-slide-thumb-active .t, .pageZ_3 .z3box-thumbs .swiper-slide-thumb-active .p{opacity: 1;} .pageZ_3 .z3box-thumbs .swiper-slide-thumb-active .t span{border-bottom-color: #ffffff;} /* pageZ_4*/ .pageZ_4{width: 100%;overflow: hidden;padding: 100px 0;background-color: #040404;} .pageZ_4 .box{width: 100%;margin-top: 60px;position: relative;} .pageZ_4 .z4box-top{width: 62%;margin: 0;} .pageZ_4 .z4box-top .swiper-slide img{width: 100%;display: block;} .pageZ_4 .z4box-thumbs{position: absolute;right: 0;top: 0;} .pageZ_4 .z4box-thumbs .swiper-slide{text-align: right;padding: 15px 0;opacity: 0.3;margin-bottom: 7%;cursor: pointer;} .pageZ_4 .z4box-thumbs .swiper-slide .t{font-size: 30px;line-height: 34px;color: #fff;position: relative;padding-right: 40px;text-transform: capitalize;} .pageZ_4 .z4box-thumbs .swiper-slide .t::after{content: '';width: 16px;height: 16px;position: absolute;top: 50%;right: 0;margin-top: -9px;border-radius: 50%;background-color: #fff;} .pageZ_4 .z4box-thumbs .swiper-slide .p{font-size: 18px;line-height: 22px;color: #fff;margin-top: 10px;padding-right: 40px;} .pageZ_4 .z4box-thumbs .swiper-slide.swiper-slide-thumb-active{opacity: 1;} @media (max-width: 1560px){ .pageZ_4 .z4box-thumbs .swiper-slide .t{font-size: 24px;line-height: 28px;} .pageZ_4 .z4box-thumbs .swiper-slide .p{font-size: 16px;line-height: 20px;} } /* pageZ_5*/ .pageZ_5{width: 100%;overflow: hidden;padding: 100px 0;background-color: #212121;} .pageZ_5 .zTitle{text-align: right;} .pageZ_5 .box{width: 100%;position: relative;margin-top: 60px;} .pageZ_5 .z5box-top{width: 62%;margin: 0;float: right;} .pageZ_5 .z5box-top .swiper-slide img{width: 100%;display: block;} .pageZ_5 .z5box-thumbs{position: absolute;left: 0;top: 0;} .pageZ_5 .z5box-thumbs .swiper-slide{padding: 15px 0 15px 30px;border-left: solid 2px #fff;opacity: 0.3;cursor: pointer;height: 120px !important;} .pageZ_5 .z5box-thumbs .swiper-slide .t{font-size: 30px;line-height: 34px;color: #fff;text-transform: capitalize;} .pageZ_5 .z5box-thumbs .swiper-slide .p{margin-top: 15PX;font-size: 18px;line-height: 22px;color: #fff;} .pageZ_5 .z5box-thumbs .swiper-slide.swiper-slide-thumb-active{opacity: 1;} @media ( max-width: 1560px){.pageZ_5 .z5box-thumbs .swiper-slide .t{font-size: 24px;line-height: 28px;} .pageZ_5 .z5box-thumbs .swiper-slide .p{font-size: 16px;line-height: 20px;} } /* pageZ_6*/ .pageZ_6{width: 100%;overflow: hidden;position: relative;background-color: #040404;padding: 100px 0;} .pageZ_6 .z6box{width: 100%;} .pageZ_6 .z6box .swiper-slide .zTitle{text-align: center;} .pageZ_6 .z6box .swiper-slide .info{width: 100%;position: relative;margin-top: 60px;} .pageZ_6 .z6box .swiper-slide .info img{width: 100%;display: block;} .pageZ_6 .z6box .swiper-slide .info .video{width: 100%;} .pageZ_6 .z6box .swiper-slide .info .video video{display: block;width: 100%;object-fit: fill;} .pageZ_6 .z6box .swiper-button-next, .pageZ_6 .z6box .swiper-button-prev{color: #fff;} .pageZ_6 .z6box .swiper-button-next{right: 6%;} .pageZ_6 .z6box .swiper-button-prev{left: 6%;} /* pageZ_7*/ .pageZ_7{width: 100%;overflow: hidden;position: relative;background-color: #040404;} .pageZ_7 .video{width: 100%;position: relative;} .pageZ_7 .video::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.12);} .pageZ_7 .video video{display: block;width: 100%;object-fit: fill;} .pageZ_7 .cont{width: 100%;position: absolute;top: 50%;left: 0;z-index: 3;transform: translateY(-50%);} .pageZ_7 .zTitle{text-align: center;} /* pageZ_8*/ .pageZ_8{width: 100%;overflow: hidden;padding: 100px 0;background-color: #040404;} .pageZ_8 .zTitle{text-align: center;} .pageZ_8 .video{width: 100%;margin-top: 60px;} .pageZ_8 .video video{display: block;width: 100%;object-fit: fill;} /* pageZ_9*/ .pageZ_9{padding: 0 0 100px 0;} /* pageZ_10*/ .pageZ_10{padding: 0 0 100px 0;} /* pageZ_11*/ .pageZ_11{width: 100%;overflow: hidden;padding: 0 0 100px 0;background-color: #040404;} .pageZ_11 .zTitle{text-align: left;} .pageZ_11 .box{width: 100%;margin-top: 60px;} .pageZ_11 .box .item{width: 46%;float: left;} .pageZ_11 .box .item:first-child{margin-right: 8%;} .pageZ_11 .box .item .top{padding-left: 45px;background: url(https://c.effort-tech.com/yft/web/images/z/z_11_1.png) center left no-repeat;background-size: auto 26px;font-size: 30px;line-height: 34px;color: #fff;} .pageZ_11 .box .item .img{width: 100%;margin: 20px 0 50px;text-align: center;padding: 20px;border-radius: 10px;overflow: hidden;background-color: #cdcdcd;} .pageZ_11 .box .item .img img{max-width: 60%;display: inline-block;} .pageZ_11 .box .item .info{padding-top: 30px;border-top: solid 2px #cdcdcd;} .pageZ_11 .box .item table td{font-size: 16px;line-height: 24px;color: rgba(255, 255, 255, 0.6);padding: 5px 10px;} @media (max-width: 1560px){ .pageZ_11 .box .item .info table td{font-size: 14px;line-height: 22px;} } /* pageZ_12*/ .pageZ_12{width: 100%;overflow: hidden;padding: 100px 0;background-color: #fff;} .pageZ_12 .zTitle{color: #333;text-align: left;} .pageZ_12 .list{width: 100%;margin-top: 30px;} .pageZ_12 .list li{width: calc(25% - 9px);padding: 60px 0;margin: 0 6px;border-top: solid 2px #b3b3b3;} .pageZ_12 .list li .img{width: 50px;height: 50px;margin: 0 30px;background-size: 50px 50px !important;} .pageZ_12 .list li .img.img1{background: url(https://c.effort-tech.com/yft/web/images/z/z_12_1.png) center no-repeat;} .pageZ_12 .list li .img.img2{background: url(https://c.effort-tech.com/yft/web/images/z/z_12_2.png) center no-repeat;} .pageZ_12 .list li .img.img3{background: url(https://c.effort-tech.com/yft/web/images/z/z_12_3.png) center no-repeat;} .pageZ_12 .list li .img.img4{background: url(https://c.effort-tech.com/yft/web/images/z/z_12_4.png) center no-repeat;} .pageZ_12 .list li .box{margin-top: 40px;padding: 0 30px;position: relative;} .pageZ_12 .list li .box::after{content: '';position: absolute;left: -1px;top: 0;width: 3px;height: 100%;background-color: #b3b3b3;} .pageZ_12 .list li .box .t{font-size: 24px;line-height: 28px;color: #333;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageZ_12 .list li .box .txt{font-size: 18px;margin-top: 10px;line-height: 36px;} .pageZ_12 .list li:first-child{margin-left: 0;} .pageZ_12 .list li:first-child .box{padding-left: 0;} .pageZ_12 .list li:first-child .box::after{display: none;} .pageZ_12 .list li:first-child .img{margin-left: 0;} .pageZ_12 .list li:last-child{margin-right: 0;} .pageZ_12 .info{margin-top: 80px;} .pageZ_12 .info .t{font-size: 14px;line-height: 18px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";text-transform: capitalize;} .pageZ_12 .info .con{margin-top: 20px;} .pageZ_12 .info .con .txt{position: relative;padding-left: 25px;} .pageZ_12 .info .con .txt em{position: absolute;width: 2px;height: calc(100% - 20px);left: 4px;top: 10px;background-color: #b3b3b3;} .pageZ_12 .info .con .txt em::after{content: '';position: absolute;top: 0;left: -4px;width: 10px;height: 10px;border-radius: 50%;background-color: #5b5b5b;} .pageZ_12 .info .con .txt em::before{content: '';position: absolute;bottom: 0;left: -4px;width: 10px;height: 10px;border-radius: 50%;background-color: #5b5b5b;} .pageZ_12 .info .con .txt p{font-size: 14px;color: #666;line-height: 30px;} .pageZ_12 .info .con .txt:first-child{margin-right: 100px;} /* pageE / pageG*/ .contTitle{font-size: 38px;line-height: 42px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM"; letter-spacing: 1px;color: #333;text-transform: uppercase;} .contTit{font-size: 22px;line-height: 28px;color: #999;margin-top: 10px;} .contTxt{font-size: 20px;line-height: 40px;color: #666;margin-top: 20px;} .contTitle1{line-height: 46px;font-weight: normal; letter-spacing: 0px;font-family: 'AlibabaPuHuiTiM';} .contTit1{font-family: 'AlibabaPuHuiTiR';} .contTxt1{font-size: 20px;line-height: 30px;font-family: 'AlibabaPuHuiTiR';} .contTitleEn{font-size: 36px; line-height: 38px;} .contTitEn{font-size: 20px; line-height: 32px;} .contTxtEn{font-size: 20px;line-height: 30px;} .bannerTit{font-size: 38px;line-height: 42px;color: #333;text-transform: uppercase;} .bannerTit span{font-size: 40px;} .bannerTxt{font-size: 20px;line-height: 36px;color: #999;margin-top: 16px;text-transform: uppercase;} .bannerTit1{font-size: 22px;line-height: 36px;color: #333;text-transform: uppercase; font-family: 'AlibabaPuHuiTiR';} .bannerTit1 p{font-size: 38px; /*font-weight: bold;*/ font-family: 'AlibabaPuHuiTiM'; margin-bottom: 10px;} .bannerTit1 p.num{font-size: 44px; font-family: 'AlibabaPuHuiTiB';} .bannerTit1 span{font-size: 20px; color: #010103; opacity: 0.8; margin-bottom: 10px; display: block;} .bannerTxt1{font-size: 20px;line-height: 26px;color: #777;margin-top: 5px;transform: uppercase;} .bannerTit2{ font-size: 38px; line-height: 42px; position: relative; color: #333;text-transform: uppercase; font-family: "AlibabaPuHuiTiM";} .bannerTit2 span{font-size: 42px; display: inline-block; margin-right: 10px; /*font-weight: bold;*/ font-family: "AlibabaPuHuiTiB";} .bannerTit2 span.c{transform: translateY(3px);} .bannerTxt2{ font-size: 20px; line-height: 34px;color: #777;margin-top: 10px;text-transform: uppercase;} /*.bannerTitEn{font-family: 'AlibabaPuHuiTiR';}*/ /*.bannerTxtEn{font-family: 'AlibabaPuHuiTiR';}*/ /*.bannerTitEn1{font-family: 'AlibabaPuHuiTiR';}*/ /*.bannerTxtEn1{font-family: 'AlibabaPuHuiTiR';}*/ /*.bannerTitEn2{font-family: 'AlibabaPuHuiTiR';}*/ /*.bannerTxtEn2{font-family: 'AlibabaPuHuiTiR';}*/ @media (max-width: 1680px){ .contTitle{font-size: 32px;line-height: 38px;} .contTit{font-size: 20px;line-height: 26px;} .contTxt{font-size: 18px;line-height: 32px;} .contTitle1{line-height: 42px;} .contTxt1{font-size: 18px;line-height: 28px;} .contTitleEn{font-size: 30px; line-height: 38px;} .contTitEn{font-size: 20px; line-height: 28px;} .contTxtEn{font-size: 18px;line-height: 28px;} .bannerTit{font-size: 34px;line-height: 38px;} .bannerTit span{font-size: 38px;} .bannerTxt{font-size: 18px;line-height: 28px;} .bannerTit1{font-size: 22px;line-height: 30px;} .bannerTit1 p{font-size: 32px; } .bannerTit1 p.num{font-size: 42px; } .bannerTxt1{font-size: 18px;line-height: 26px;} .bannerTit2{ font-size: 32px; line-height: 38px; } .bannerTit2 span{font-size: 38px;} .bannerTxt2{ font-size: 18px; line-height: 30px;} } /* pageG_1 */ .pageG_1{width: 100%;overflow: hidden;position: relative; background-size: cover !important;} .pageG_1 .bg{width: 100%;display: block;min-height: 100vh;object-fit: cover;} .pageG_1 .img{width: 43%;display: block; object-fit: cover; margin: 3% auto;} .pageG_1 .wrap{position: relative; padding: 180px 0 80px;} .pageG_1 .contBox{width: 100%;text-align: center;} .pageG_1 .contBox1{width: 100%;justify-content: center; ;} .pageG_1 .contBox1 li{padding: 0 30px; border-right: solid 1px rgba(0, 0, 0, 0.2);text-align: center;cursor: pointer;} .pageG_1 .contBox1 li:last-child{ border-right: 0;} .pageG_1 .contBox1 li img{width: 94px;display: block;margin: 0 auto;} .pageG_1 .contBox1 li p{color: #333;font-size: 16px;line-height: 20px;margin-top: 15px;} .pageG_1 .contBox1 li .p{font-size: 14px;font-family: "AlibabaPuHuiTiR";} /* E4*/ /* pageE4_1*/ /* .pageE4_1{width: 100%;overflow: hidden;padding-bottom: 5%;background-size: cover !important;} .pageE4_1 .contBox{width: 100%;text-align: center;padding-top: 160px;} .pageE4_1 .img{width: 56%;display: block;margin: 4% auto 0;} */ .pageE4_1 .contBox1 li {padding: 0 40px;} .pageE4_1 .contBox1 li img{width: 60px;} /* pageE4_2*/ .pageE4_2{width: 100%;background-color: #fff;padding: 100px 0;position: relative;overflow: hidden;} .pageE4_2 .wrap{position: relative;} .pageE4_2 .cont{width: 46%;float: left;} .pageE4_2 .cont ul{margin-top: 10%;} .pageE4_2 .cont ul li{width: 180px;overflow: hidden;border-radius: 20px;background-color: rgba(208, 208, 208, 0.3);margin-right: 30px;cursor: pointer;} .pageE4_2 .cont ul li img{width: 100%;display: block;transition: all 0.6s ease;} .pageE4_2 .cont ul li:hover img{transform: scale(1.1);} .pageE4_2 .video{float: right;width: 50%;} .pageE4_2 .video video{width: 100%;object-fit: fill;} /* pageE4_3*/ .pageE4_3{width: 100%;background: url(https://c.effort-tech.com/yft/web/images/e/e_bg.jpg) center center no-repeat;background-size: cover;padding: 90px 0;overflow: hidden;} .pageE4_3 .cont{text-align: center;} .pageE4_3 .img{width: 60%;overflow: hidden;margin: 5% auto 0;} .pageE4_3 .img img{width: 100%;display: block;} /* pageE4_4*/ .pageE4_4{width: 100%;overflow: hidden;background-color: #000;position: relative;} .pageE4_4 .img{width: 100%;overflow: hidden;} .pageE4_4 .img img{width: 100%;display: block;} .pageE4_4 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageE4_4 .cont{width: 32%;} .pageE4_4 .cont.cont1{width: 40%;} .pageE4_4 .cont .contTitle, .pageE4_4 .cont .contTxt{color: #fff;} /* pageE4_5*/ .pageE4_5{width: 100%;overflow: hidden;background-color: #f7f7f7;padding: 100px 0 120px;text-align: center;} .pageE4_5 .imgBox{width: 65%;margin: 5% auto 0;border-radius: 15px;overflow: hidden;} .pageE4_5 .imgBox img{width: 100%;display: block;} /* pageE4_6*/ .pageE4_6{width: 100%;overflow: hidden;background-color: #000;position: relative;} .pageE4_6 .img{width: 100%;overflow: hidden;} .pageE4_6 .img img{width: 100%;display: block;} .pageE4_6 .wrap{position: absolute;top: 18%;left: 0;right: 0;} .pageE4_6 .cont{width: 25%;} .pageE4_6 .cont .contTitle, .pageE4_6 .cont .contTxt{color: #fff;} /* pageE4_7*/ .pageE4_7{width: 100%;overflow: hidden;padding: 200px 0 300px;background-size: cover !important;} .pageE4_7 .cont{width: 50%;} /* pageE4_8*/ .pageE4_8 .wrap{top: 28%;} .pageE4_8 .cont{width: 33%;} .pageE4_8 .cont.cont1{width: 45%;} /* pageE4_9*/ .pageE4_9{width: 100%;background: url(https://c.effort-tech.com/yft/web/images/e/e4/e410_8_bg.jpg) center center no-repeat;background-size: cover;padding: 100px 0;overflow: hidden;} .pageE4_9 .contTitle, .pageE4_9 .contTit{text-align: center;} .pageE4_9 ul{width: 100%;margin-top: 50px;} .pageE4_9 ul li{width: 33.3333%;} .pageE4_9 ul li .img{width: 100%;margin: auto;text-align: center;position: relative;} .pageE4_9 ul li .img::after{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;z-index: 1;background-color: #0070d5;} .pageE4_9 ul li .img::before{content: '';position: absolute;left: 50%;bottom: -10px;width: 20px;height: 20px;margin-left: -10px;border-radius: 50%;background-color: #0070d5;z-index: 2;} .pageE4_9 ul li .img img{width: 60%;display: inline-block;} .pageE4_9 ul li .img p{font-size: 24px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";color: #333;padding: 30px 0 20px;} .pageE4_9 ul li .info{width: 100%;margin-top: 20px;} .pageE4_9 ul li .info table{width: 100%;} .pageE4_9 ul li .info table tr{width: 100%;} .pageE4_9 ul li .info table td{width: 50%;padding: 5px 10px;border: 0;font-size: 16px;line-height: 22px;color: #333;text-align: left;} .pageE4_9 ul li .info table td:first-child{text-align: right;} /* pageE4_10*/ .pageE4_10{width: 100%;background-color: #fff;padding: 80px 0 100px;overflow: hidden;} .pageE4_10 .contTitle, .pageE4_10 .contTit{text-align: center;} .pageE4_10 .contTit{margin: 10px 0 0;} .pageE4_10 ul{width: 100%;margin-top: 50px;} .pageE4_10 ul li{width: 25%;cursor: pointer;border-right: 1px solid #fff;} .pageE4_10 ul li .img{width: 100%;overflow: hidden;} .pageE4_10 ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageE4_10 ul li .tit1{font-size: 16px;line-height: 20px;color: #111;margin-top: 14px;text-align: center;text-transform: capitalize;} .pageE4_10 ul li:hover .img img{transform: scale(1.1);} /* pageProImg*/ .pageProImg{width: 100%;padding: 100px 0;background: url(https://c.effort-tech.com/yft/web/images/bg.jpg) center center no-repeat;background-size: cover;} .pageProImg .contTitle{text-align: center;} .pageProImg .contTxt{margin-top: 20px;text-align: center;} .pageProImg .gallery-top{width: 100%;margin: 60px 0;} .pageProImg .gallery-top .swiper-slide{width: 100%;overflow: hidden;} .pageProImg .gallery-top .swiper-slide img{width: 55%;display: block;margin: 0 auto;} .pageProImg .gallery-thumbs{width: 70%;} .pageProImg .gallery-thumbs .swiper-slide{background-color: rgba(1, 64, 153, 0.03);border-radius: 10px;border: 0;padding: 10px;cursor: pointer;transition: all ease 0.6s;} .pageProImg .gallery-thumbs .swiper-slide img{width: 100%;display: block;} .pageProImg .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{background-color: rgba(1, 64, 153, 0.2);} .pageProImg .box{width: 70%;overflow: hidden;position: relative;margin: 0 auto;padding: 0 50px;box-sizing: content-box;} .pageProImg .box .gallery-thumbs{width: 100%;} .pageProImg .swiper-button-prev, .pageProImg .swiper-button-next{color: #0070d5;} .pageProImg .swiper-button-next{right: 0;} .pageProImg .swiper-button-prev{left: 0;} /* E6*/ /* pageE6_1*/ /* .pageE6_1 .img{width: 64%;} */ .pageE6_1 .contBox1 li {padding: 0 40px;} .pageE6_1 .contBox1 li img{width: 67px;} /* pageE6_5*/ .pageE6_5{background-color: #fff;text-align: center;} .pageE6_5 .imgBox{width: 100%;border-radius: 50px;} /* pageE6_7*/ .pageE6_7{background: url(https://c.effort-tech.com/yft/web/images/e/e6/e610_6_bg.jpg) center center no-repeat;background-size: cover;} .pageE6_7 .wrap{top: 20%;} .pageE6_7 .cont{width: 28%;} /* G06*/ /* pageG06_1*/ /* .pageG06_1{width: 100%;overflow: hidden;padding-bottom: 5%;background-size: cover !important;} .pageG06_1 .contBox{width: 100%;text-align: center;padding-top: 160px;} .pageG06_1 .img{width: 50%;margin: 3% auto;display: block;} .pageG06_1 .contBox1{width: 100%;justify-content: center;} .pageG06_1 .contBox1 li{width: 92px;height: 92px;border: 1px solid #bbb;border-radius: 6px;margin: 0 30px;text-align: center;cursor: pointer;transition: all 0.6s ease;} .pageG06_1 .contBox1 li img{width: 46px;height: 46px;display: block;margin: 0 auto;margin-top: 10px;} .pageG06_1 .contBox1 li p{color: #666;font-size: 14px;line-height: 18px;margin-top: 6px;text-transform: capitalize;} .pageG06_1 .contBox1 li:hover{background-color: #fff;border-color: #fff;} .pageG06_1 .contBox1.contBox2 li{width: 112px;height: 112px;} .pageG06_1 .contBox3{width: 100%;justify-content: center;} .pageG06_1 .contBox3 li{width: 140px;height: 84px; padding: 0 10px; border-right: solid 1px rgba(0, 0, 0, 0.2); box-sizing: border-box; text-align: center;cursor: pointer;transition: all 0.6s ease;} .pageG06_1 .contBox3 li:last-child{ border-right: 0;} .pageG06_1 .contBox3 li img{width: 70px;height: 46px;display: block;margin: 0 auto;margin-top: 0;} .pageG06_1 .contBox3 li p{color: #333;font-size: 16px;line-height: 24px;margin-top: 15px;text-transform: capitalize;} */ .pageG06_1 .img{width: 48%;margin: 3% auto;} .pageG06_1 .contBox1 li img{width: 79px;} /* pageG06_2*/ .pageG06_2{width: 100%;background-color: #fff;padding: 140px 0 100px;overflow: hidden;} .pageG06_2 .wrap{position: relative;} .pageG06_2 .img{width: 77%;overflow: hidden;} .pageG06_2 .img img{width: 100%;display: block;} .pageG06_2 .cont{width: 29%;position: absolute;top: -6%;right: 0;} /* pageG06_3*/ .pageG06_3{width: 100%;background-color: #eef2f3;padding: 90px 0 100px;position: relative;overflow: hidden;} .pageG06_3 .img{width: 83%;overflow: hidden;margin: 3% auto 0;} .pageG06_3 .img img{width: 100%;display: block;} .pageG06_3 .cont{text-align: center;} /* pageG06_4*/ .pageG06_4{width: 100%;padding-top: 100px;overflow: hidden;background: #fff url(https://c.effort-tech.com/yft/web/images/g/g06/g06_4_bg.jpg) bottom center no-repeat;background-size: cover;} .pageG06_4 .cont{width: 100%;text-align: center;margin-bottom: 70px;} .pageG06_4 .cont .contTitle, .pageG06_4 .cont .contTxt{color: #fff;} .pageG06_4 .img{width: 100%;} .pageG06_4 .img img{width: 100%;display: block;} /* pageG06_5*/ .pageG06_5{width: 100%;overflow: hidden;position: relative;padding: 80px 0;background: url(https://c.effort-tech.com/yft/web/images/g/g06/g06_5_bg.jpg) center center no-repeat;background-size: cover;} .pageG06_5 .wrap{position: relative;} .pageG06_5 .img{width: 46%;overflow: hidden;margin: 0 2%;} .pageG06_5 .img img{width: 100%;display: block;} .pageG06_5 .cont{width: 37%;position: absolute;z-index: 2;top: 50%;transform: translateY(-60%);right: 0;} /* pageG06_6*/ .pageG06_6{width: 100%;overflow: hidden;position: relative;padding: 40px 0 80px;background: url(https://c.effort-tech.com/yft/web/images/g/g06/g06_6_bg.jpg) center center no-repeat;background-size: cover;} .pageG06_6 .wrap{position: relative;} .pageG06_6 .img{width: 49%;float: right;overflow: hidden;} .pageG06_6 .img img{width: 100%;display: block;} .pageG06_6 .cont{width: 42%;position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);left: 0;} .pageG06_6 .cont .box{width: 100%;background-color: rgba(202, 202, 202, 0.2);padding: 26px 0 40px 6%;border-radius: 20px;margin-top: 12%;} .pageG06_6 .cont .box .tit1{font-size: 30px;line-height: 34px;color: #000000;} .pageG06_6 .cont .box ul{width: 100%;margin-top: 24px;} .pageG06_6 .cont .box ul li{margin-right: 12%;} .pageG06_6 .cont .box ul li .txt1{font-size: 30px;line-height: 34px;color: #333333;} .pageG06_6 .cont .box ul li .txt2{font-size: 26px;line-height: 30px;color: #999999;margin-top: 12px;} .pageG06_6 .cont .box ul.ul li .txt1{font-size: 28px;line-height: 32px;} .pageG06_6 .cont .box ul.ul li .txt2{font-size: 20px;line-height: 24px;} /* pageG06_7*/ .pageG06_7{width: 100%;background: url(https://c.effort-tech.com/yft/web/images/g/g06/g06_7_bg.jpg) center center no-repeat;background-size: cover;padding: 100px 0;overflow: hidden;} .pageG06_7 .wrap{position: relative;} .pageG06_7 .img{width: 60%;} .pageG06_7 .img img{width: 100%;display: block;} .pageG06_7 .cont{width: 26%;position: absolute;top: 50%;right: 4%;transform: translateY(-50%);} .pageG06_7 .cont .contTitle, .pageG06_7 .cont .contTxt{color: #fff;} /* pageG06_8*/ .pageG06_8{width: 100%;padding: 400px 0 100px;position: relative;overflow: hidden;background-color: #eee;} .pageG06_8 .img{width: 100%;position: absolute;right: 0;top: 0;height: 100%;background: url(https://c.effort-tech.com/yft/web/images/g/g06/g06_8_img.png) no-repeat fixed;z-index: 1;} .pageG06_8 .cont{width: 100%;position: relative;z-index: 2;text-align: center;} .pageG06_8 .cont .contTxt{color: #333;} /* pageG06_9*/ .pageG06_9{width: 100%;background: url(https://c.effort-tech.com/yft/web/images/g/g06/g06_9_bg.jpg) center center no-repeat;background-size: cover;padding: 100px 0;overflow: hidden;} .pageG06_9 .img{width: 38%;float: left;overflow: hidden;margin: 1%;} .pageG06_9 .img img{width: 100%;display: block;} .pageG06_9 .cont{width: 47%;float: right;} .pageG06_9 .cont table{width: 100%;border: none;margin-top: 70px;} .pageG06_9 .cont table th{text-align: left;color: #111;font-size: 24px;line-height: 28px;font-weight: normal;padding-bottom: 30px;} .pageG06_9 .cont table td{color: #111;font-size: 16px;line-height: 22px;padding-bottom: 14px;width: 25%;} .pageG06_9 .cont table td:nth-child(2n){color: #999;} /* pageG06_10*/ .pageG06_10{width: 100%;background-color: #fff;padding: 80px 0 100px;overflow: hidden;} .pageG06_10 .contTitle, .pageG06_10 .contTit{text-align: center;} .pageG06_10 .contTit{margin: 10px 0 0;} .pageG06_10 ul{margin-top: 50px;} .pageG06_10 ul li{width: 14%;margin: 0 1.3%;text-align: center;cursor: pointer;} .pageG06_10 ul li .img{width: 100%;overflow: hidden;border-radius: 16px;border: 1px solid #ddd;background-color: #fff;} .pageG06_10 ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageG06_10 ul li .tit1{font-size: 16px;color: #111;line-height: 20px;margin-top: 14px;} .pageG06_10 ul li:hover .img img{transform: scale(1.1);} /* G10*/ /* pageG10_1*/ .pageG10_1 .img{margin: 3% auto ; width: 48%;} /*.pageG10_1 .contBox1.contBox2 li{width: 122px;height: 112px;} */ /* .pageG10_1 .contBox1 li img{width: 94px;} */ /* pageG10_2*/ .pageG10_2{background-color: #f7f9fc;padding: 80px 0;} .pageG10_2 .img{width: 69%;} .pageG10_2 .cont{bottom: 20%;top: auto;} /* pageG10_3*/ .pageG10_3{width: 100%;background-color: #fefefe;position: relative;overflow: hidden;} .pageG10_3 .cont{width: 28%;position: absolute;top: 50%;transform: translateY(-50%);left: 5%;z-index: 3;} .pageG10_3 .cont ul{margin-top: 40px;} .pageG10_3 .cont ul li{width: 30%;overflow: hidden;border-radius: 20px;background-color: rgba(208, 208, 208, 0.3);margin-right: 5%;cursor: pointer;} .pageG10_3 .cont ul li img{width: 100%;display: block;transition: all 0.6s ease;} .pageG10_3 .cont ul li:hover img{transform: scale(1.1);} .pageG10_3 .video{float: right;width: 60%;} .pageG10_3 .video video{display: block;width: 100%;object-fit: fill;} /* pageG10_4*/ .pageG10_4{background: #fff url(https://c.effort-tech.com/yft/web/images/g/g10/g10_4_bg.jpg) bottom center no-repeat;background-size: cover;} /* pageG10_5*/ .pageG10_5{width: 100%;overflow: hidden;position: relative;padding: 320px 0 150px 0;background: url(https://c.effort-tech.com/yft/web/images/g/g10/g10_5_bg.jpg) center no-repeat fixed;} .pageG10_5 .cont{width: 27%;float: right;position: relative;z-index: 2;} .pageG10_5 .cont.cont1{width: 40%;} .pageG10_5 .img{width: 100%;position: absolute;right: 0;bottom: 0;height: 100%;background: url(https://c.effort-tech.com/yft/web/images/g/g10/g10_5_img.png) no-repeat fixed;z-index: 1;} /* pageG10_6*/ .pageG10_6{width: 100%;background-color: #e7e8ea;padding: 80px 0 100px;overflow: hidden;} .pageG10_6 .contTitle, .pageG10_6 .contTit{text-align: center;} .pageG10_6 ul{width: 100%;display: table;font-size: 0;text-align: center;margin: 50px 0 40px;} .pageG10_6 ul li{display: inline-block;vertical-align: top;width: 22%;margin: 0 4%;overflow: hidden;} .pageG10_6 ul li img{width: 100%;display: block;} .pageG10_6 .table{width: 100%;position: relative;padding-bottom: 20px;} .pageG10_6 .table::after{content: '';width: 1px;height: 100%;background-color: #333;position: absolute;top: 0;left: 15%;} .pageG10_6 .table table{width: 100%;} .pageG10_6 .table table tr{border-bottom: 1px solid #999;} .pageG10_6 .table table th{color: #f97b16;font-size: 24px;line-height: 36px;text-align: left;padding-left: 3%;} .pageG10_6 .table table th:nth-child(1){width: 16%;} .pageG10_6 .table table td{width: 24%;font-size: 18px;line-height: 36px;color: #000;padding-left: 3%;} .pageG10_6 .table table td:nth-child(1){width: 16%;} .pageG10_6 .table.table1 table th{padding-left: 2%;} .pageG10_6 .table.table1 table td{padding-left: 2%;} /* pageG10_7*/ .pageG10_7{width: 100%;background-color: #fff;padding: 80px 0 100px;overflow: hidden;} .pageG10_7 .contTitle, .pageG10_7 .contTit{text-align: center;} .pageG10_7 .contTit{margin: 10px 0 0;} .pageG10_7 ul{width: 100%;margin-top: 50px;} .pageG10_7 ul li{width: 14%;margin: 0 1.3%;text-align: center;cursor: pointer;} .pageG10_7 ul li .img{width: 100%;overflow: hidden;border-radius: 16px;} .pageG10_7 ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageG10_7 ul li .tit1{font-size: 16px;line-height: 20px;color: #111;margin-top: 14px;text-transform: capitalize;} .pageG10_7 ul li:hover .img img{transform: scale(1.1);} /* pageG10_8*/ .pageG10_8{width: 100%;padding: 100px 0;background-color: #e7e8ea;text-align: center;} .pageG10_8 ul{width: 100%;margin-top: 80px;} .pageG10_8 ul li{width: 48%;margin-right: 4%;} .pageG10_8 ul li:nth-child(2n){margin-right: 0;} .pageG10_8 ul li img{width: 95%;display: block;} .pageG10_8 ul li p{font-size: 20px;line-height: 24px;margin-top: 16px;} /* G18*/ /* pageG18_1 */ .pageG18_1{width: 100%;overflow: hidden;padding-bottom: 5%;background-size: cover !important;} .pageG18_1 .contBox{width: 100%;text-align: center;padding-top: 180px; position: relative; z-index: 2;} .pageG18_1 .bannerTxt1{font-size: 16px;} .pageG18_1 .img{width: 100%;margin: 0 auto 1%;display: block; z-index: 0; position: relative; height: 500px;} .pageG18_1 .img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: 700px;} .pageG18_1 .contBox1{width: 100%;justify-content: center; position: relative; z-index: 2;} .pageG18_1 .contBox1 li{min-width: 140px; padding: 0 15px; border-right: solid 1px rgba(0, 0, 0, 0.2); box-sizing: border-box; text-align: center;cursor: pointer;transition: all 0.6s ease;} .pageG18_1 .contBox1 li:last-child{ border-right: 0;} .pageG18_1 .contBox1 li img{width: 70px;height: 46px;display: block;margin: 0 auto;margin-top: 0;} .pageG18_1 .contBox1 li p{color: #333;font-size: 16px;line-height: 24px;margin-top: 15px;} .pageG18_1 .contBox1 li .p{font-size: 14px;font-family: "AlibabaPuHuiTiR";} /* pageG18_2*/ .pageG18_2{width: 100%;background-color: #000;padding: 20px 0 ; position: relative; overflow: hidden;} .pageG18_2 .img{width: 52%;overflow: hidden;} .pageG18_2 .img img{width: 100%;display: block;} .pageG18_2 .wrap{ position: relative; position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); z-index: 2;} .pageG18_2 .cont{width: 545px;position: absolute;top:50%; transform:translateY(-50%); right: 0;} .pageG18_2 .contEn{width: 590px;} .pageG18_2 .cont .contTitle{color: #fff;} .pageG18_2 .cont .contTxt{color:rgba(255, 255, 255, 0.6);} /* pageG18_3*/ .pageG18_3{width: 100%;background-color: #fff; position: relative; overflow: hidden;} .pageG18_3 .imgBox{overflow: hidden; height: 100%; position: absolute; right: 5%; top: 0;} .pageG18_3 .imgBox .imgBig{ height: 100%; width: auto; display: block; } .pageG18_3 .imgBox .imgicon{ position: absolute; left: 50%; top: 42%; z-index: 2; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 50%; background: url(https://c.effort-tech.com/yft/web/images/new/g/g18/g18_3_icon.png) center no-repeat; background-size: cover !important; cursor: pointer; -webkit-animation: puldx 2s infinite 0s forwards; animation: puldx 2s infinite 0s forwards;} .pageG18_3 .imgBox .imgT{ display: none; position: absolute; width: 300px; border-radius: 50%; overflow: hidden; border: solid 2px #fff; top: 30%; left: calc(50% + 60px); z-index: 3;} .pageG18_3 .imgBox .imgT img{ width: 100%; display: block; } .pageG18_3 .imgBox .imgT p{ font-size: 18px; color: #333; position: absolute; top: 30px; left: 0; color: #fff; width: 100%; text-align: center;} .pageG18_3 .cont{width: 500px;padding: 240px 0 ; position: relative; z-index: 2;} .pageG18_3 .cont .box{ width: 100%;margin-top: 40px; overflow: hidden;} .pageG18_3 .cont ul{ width: 100%; } .pageG18_3 .cont ul li{ width: auto;margin-top: 0;border-right: 1px solid #afafaf;padding-right: 30px;margin-right: 30px; border-right: 1px solid #afafaf;} .pageG18_3 .cont ul li:last-child{border-right: none;margin-right: 0;padding-right: 0;} .pageG18_3 .cont ul li .t{ font-size: 16px; color: #333;} .pageG18_3 .cont ul li .d{ font-size: 38px; margin-top: 6px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM"; vertical-align: middle;} .pageG18_3 .cont ul li .d span{ display: inline-block; font-size: 20px;} .pageG18_3 .cont ul li:first-child{ margin-top: 0;} .pageG18_3 .contEn{width:500px;} .pageG18_3 .contEn ul{ width: 100%; } .pageG18_3 .contEn ul li{width: auto;margin-top: 0;border-right: 1px solid #afafaf;padding-right: 40px;margin-right: 40px;} .pageG18_3 .contEn ul li:last-child{border-right: none;margin-right: 0;padding-right: 0;} @media (max-width: 1680px){ .pageG18_3 .imgBox { right: 0;} } /* pageG18_4*/ .pageG18_4{width: 100%;background-color: #000;padding: 90px 0 120px; position: relative; overflow: hidden;} .pageG18_4 .wrap{ position: relative;} .pageG18_4 .G18_4img{ width: 50%; float: left; overflow: hidden;} .pageG18_4 .G18_4img .swiper-container{ width: 100%; overflow: hidden;} .pageG18_4 .G18_4img .swiper-slide{ width: 100%; position: relative; overflow: hidden;} .pageG18_4 .G18_4img .swiper-slide img{ width: 100%; display: block;} .pageG18_4 .G18_4img .control{ position: relative; width: 100%; margin-bottom: 20px;} .pageG18_4 .G18_4img .control .swiper-button-prev,.pageG18_4 .G18_4img .control .swiper-button-next{ position: relative; margin: 0; top: 0; left: 0; bottom: 0; right: 0; font-size: 40px; color: #fff; width: 30px; color: #fff;} .pageG18_4 .G18_4img .control .swiper-button-prev::after,.pageG18_4 .G18_4img .control .swiper-button-next::after{ display: none;} .pageG18_4 .G18_4img .control .swiper-button-prev{ transform: rotate(-180deg); margin-right: 40px;} .pageG18_4 .G18_4img .control .my-button-disabled{ opacity: 0.4;} .pageG18_4 .cont{width: 545px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .pageG18_4 .contEn{width: 590px;} .pageG18_4 .cont .contTitle{color: #fff;} .pageG18_4 .cont .contTxt{color:rgba(255, 255, 255, 0.6);} /* pageG18_5*/ .pageG18_5{width: 100%;background-color: #f0eef0;padding:15% 0; position: relative; overflow: hidden;} .pageG18_5 .cont{width: 500px; position: relative; z-index: 2;} .pageG18_5 .img{ position: absolute; right: 0; top: 0; width: 100%; text-align: right; height: 100%; z-index: 0;} .pageG18_5 .img img{ height: 100%; margin-right: 5%;} /* pageG18_6 */ .pageG18_6{ width: 100%; position: relative; background-color: #000; position: relative; padding: 8% 0; overflow: hidden;} .pageG18_6 .imgBg{ position: absolute; left: 0; top: 18%; width: auto; height: 64%; z-index: 0;} .pageG18_6 .cont{width: 545px; position: relative; z-index: 2;} .pageG18_6 .cont .contTitle{color: #fff;} .pageG18_6 .cont .contTxt{color:rgba(255, 255, 255, 0.6);} .pageG18_6 .G18_6img{ width: 100%; border-radius: 20px; position: relative; overflow: hidden; margin-top: 30px;} .pageG18_6 .G18_6img .swiper-slide{ width: 100%; position: relative;} .pageG18_6 .G18_6img .swiper-slide img{ width: 100%; display: block;} .pageG18_6 .G18_6thumb{ width: 100%; border-radius: 0; overflow: hidden; position: relative; margin-top: 20px;} .pageG18_6 .G18_6thumb::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: rgba(255, 255, 255, 0.2);} .pageG18_6 .G18_6thumb .swiper-slide{ position: relative; cursor: pointer;} .pageG18_6 .G18_6thumb .swiper-slide span{ font-size: 18px; color: #fff; opacity: 0.6; display: inline-block; border-bottom: solid 2px rgba(255, 255, 255, 0); padding-bottom: 15px;} .pageG18_6 .G18_6thumb .swiper-slide.slide span{font-size: 13px;} .pageG18_6 .G18_6thumb .swiper-slide.slide1{ text-align: left;} .pageG18_6 .G18_6thumb .swiper-slide.slide2{ text-align: center;} .pageG18_6 .G18_6thumb .swiper-slide.slide3{ text-align: right;} .pageG18_6 .G18_6thumb .swiper-slide.swiper-slide-thumb-active span{ opacity: 1; border-color: #fff;} .pageG18_6 .contEn{width: 590px;} @media (max-width: 1680px){ .pageG18_6 .imgBg{ top: 20%; height: 60%; } } /* G20*/ /* pageG20_1*/ /* .pageG20_1{width: 100%;overflow: hidden;padding-bottom: 7%;background-size: cover !important;} .pageG20_1 .contBox{width: 100%;text-align: center;padding-top: 160px;} */ .pageG20_1 .img{width: 55%;margin: 4% auto ;} .pageG20_1 .contBox1 li img{width: 79px;} /* pageG20_2*/ .pageG20_2{width: 100%;overflow: hidden;background-color: #fff;padding: 100px 0;} .pageG20_2 .txt{font-size: 24px;color: #000;line-height: 38px;text-align: center;} .pageG20_2 .contBox1{width: 100%;margin-top: 50px;justify-content: center;} .pageG20_2 .contBox1 li{width: 92px;height: 92px;border: 1px solid #ddd;border-radius: 6px;margin: 0 30px;cursor: pointer;text-align: center;transition: all 0.6s ease;} .pageG20_2 .contBox1 li img{width: 46px;height: 46px;display: block;margin: 0 auto;margin-top: 10px;} .pageG20_2 .contBox1 li p{color: #666;font-size: 14px;line-height: 18px;margin-top: 6px;text-transform: capitalize;} .pageG20_2 .contBox1 li:hover{background-color: #fff;border-color: #fff;} .pageG20_2 .contBox1.contBox2 li{width: 122px;height: 112px;} /* pageG20_3*/ .pageG20_3{width: 100%;background-color: #080808;padding: 90px 0;overflow: hidden;} .pageG20_3 .cont{text-align: center;} .pageG20_3 .cont .contTitle,.pageG20_3 .cont .contTxt{color: #fff;} .pageG20_3 .img{width: 93%;overflow: hidden;margin: 5% auto 0;} .pageG20_3 .img img{width: 100%;display: block;} /* pageG20_4*/ .pageG20_4{width: 100%;background-color: #fbfafb;padding: 100px 0;overflow: hidden;} .pageG20_4 .wrap{position: relative;} .pageG20_4 .cont{width: 30%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .pageG20_4 .video{float: right;width: 60%;} .pageG20_4 .video video{display: block;width: 100%;object-fit: fill;} /* pageG20_5*/ .pageG20_5{width: 100%;padding: 90px 0;overflow: hidden;background: url(https://c.effort-tech.com/yft/web/images/g/g20/g20_4_bg.jpg) center center no-repeat;background-size: cover;} .pageG20_5 .wrap{position: relative;} .pageG20_5 .img{width: 53%;overflow: hidden;} .pageG20_5 .img img{width: 100%;display: block;} .pageG20_5 .cont{width: 37%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);} .pageG20_5 .cont .contTxt{color: #111;} /* pageG20_6*/ .pageG20_6{background: rgba(1, 64, 153, 0.05);} .pageG20_6 .img{float: right;} .pageG20_6 .cont{right: auto;} /* pageG20_7*/ .pageG20_7{width: 100%;padding-top: 100px;background: #fff url(https://c.effort-tech.com/yft/web/images/g/g20/g20_5_bg.jpg) bottom center no-repeat;background-size: cover;overflow: hidden;} .pageG20_7 .cont{width: 100%;text-align: center;margin-bottom: 70px;} .pageG20_7 .cont .contTitle, .pageG20_7 .cont .contTxt{color: #fff;} .pageG20_7 .img{width: 100%;} .pageG20_7 .img img{width: 100%;display: block;} /* pageG20_8*/ .pageG20_8{width: 100%;overflow: hidden;position: relative;background: url(https://c.effort-tech.com/yft/web/images/g/g20/g20_6_bg.jpg) bottom center no-repeat;background-size: cover;} .pageG20_8 .img{width: 53%;overflow: hidden;} .pageG20_8 .img img{width: 100%;display: block;} .pageG20_8 .wrap{position: absolute;top: 0;left: 0;right: 0;} .pageG20_8 .cont{width: 40%;float: right;padding-top: 16%;} /* pageG20_9*/ .pageG20_9{width: 100%;overflow: hidden;background-color: #fbfafb;position: relative;} .pageG20_9 .cont{position: absolute;left: 5%;width: 28%;top: 50%;transform: translateY(-50%);z-index: 3;} .pageG20_9 .video{float: right;width: 60%;} .pageG20_9 .video video{display: block;width: 100%;object-fit: fill;} /* pageG20_10*/ .pageG20_10{width: 100%;padding: 600px 0 100px;position: relative;overflow: hidden;background-color: #eee;} .pageG20_10 .cont{width: 100%;position: relative;z-index: 2;text-align: center;} .pageG20_10 .cont .contTxt{color: #333;} .pageG20_10 .img{width: 100%;position: absolute;right: 0;top: 0;height: 100%;background: url(https://c.effort-tech.com/yft/web/images/g/g20/g20_8_img.png) no-repeat fixed;z-index: 1;} /* pageG20_11*/ .pageG20_11{background-color: #000;} .pageG20_11 .cont .contTitle, .pageG20_11 .cont .contTxt{color: #FFF;} .pageG20_11 .img{background: url(https://c.effort-tech.com/yft/web/images/g/g20/g20_9_img.png) no-repeat fixed;} /* pageG20_12*/ .pageG20_12{width: 100%;background: url(https://c.effort-tech.com/yft/web/images/g/g20/g20_10_bg.jpg) center center no-repeat;background-size: cover;padding: 100px 0;overflow: hidden;} .pageG20_12 .contTitle, .pageG20_12 .contTit{text-align: center;} .pageG20_12 ul{width: 100%;margin-top: 50px;} .pageG20_12 ul li{width: 44%;margin-right: 12%;} .pageG20_12 ul li:nth-child(2n){margin-right: 0;} .pageG20_12 ul li .img{width: 50%;overflow: hidden;margin: 0 auto;} .pageG20_12 ul li .img img{width: 100%;display: block;} .pageG20_12 ul li table{width: 100%;border: 1px solid #e5e5e5;border-radius: 10px;border-style: hidden;margin-top: 30px;box-shadow: 0 0 0 1px #e5e5e5;-webkit-box-shadow: 0 0 0 1px #e5e5e5;-moz-box-shadow: 0 0 0 1px #e5e5e5;} .pageG20_12 ul li table tr, .pageG20_12 ul li table th, .pageG20_12 ul li table td{border: 1px solid #e5e5e5;padding: 5px 15px;} .pageG20_12 ul li table th{width: 26%;color: #111;font-size: 20px;line-height: 30px;font-weight: normal;text-align: center;background-color: rgba(1, 64, 153, 0.03);} .pageG20_12 ul li table td{width: 33%;font-size: 16px;line-height: 30px;color: #111;} .pageG20_12 ul li table td:nth-of-type(1){width: 33%;} .pageG20_12 ul li table td:nth-of-type(2){color: #666;} /* GX*/ /* pageGX_1*/ .pageGX_1 .img{width: 50%; margin: 4% auto 0;} /* .pageGX_1 .img{width: 60%;margin: 3% auto 5%;} .pageGX_1 .contBox1.contBox2 li{width: 122px;} */ /* .pageGX_1 .contBox1 li img{width: 94px;} */ /* pageGX_2*/ .pageGX_2{width: 100%;background-color: #fff;padding: 90px 0 0;overflow: hidden;} .pageGX_2 .cont{text-align: center;} .pageGX_2 .cont .contTxt{color: #333;} .pageGX_2 .img{width: 93%;overflow: hidden;margin: 5% auto 0;} .pageGX_2 .img img{width: 100%;display: block;} /* pageGX_3*/ .pageGX_3{width: 100%;overflow: hidden;background-color: #fefefe;position: relative;} .pageGX_3 .cont{position: absolute;left: 5%;width: 29%;top: 50%;transform: translateY(-50%);z-index: 3;} .pageGX_3 .cont .contTxt{color: #333;} .pageGX_3 .cont ul{margin: 40px 0;} .pageGX_3 .cont ul li{width: 30%;overflow: hidden;border-radius: 20px;background-color: rgba(208, 208, 208, 0.3);margin-right: 5%;cursor: pointer;} .pageGX_3 .cont ul li img{width: 100%;display: block;transition: all 0.6s ease;} .pageGX_3 .cont ul li:hover img{transform: scale(1.1);} .pageGX_3 .video{float: right;width: 60%;} .pageGX_3 .video video{display: block;width: 100%;object-fit: fill;} /* pageGX_4*/ .pageGX_4{width: 100%;padding: 100px 0;overflow: hidden;background: url(https://c.effort-tech.com/yft/web/images/g/gx/gx_4_bg.jpg) center center no-repeat;background-size: cover;} .pageGX_4 .cont{text-align: center;} .pageGX_4 .cont .contTitle, .pageGX_4 .cont .contTxt{color: #fff;} .pageGX_4 ul{width: 100%;margin-top: 5%;} .pageGX_4 ul li{width: 47%;position: relative;} .pageGX_4 ul li .img{width: 100%;overflow: hidden;border-radius: 20px;background-color: #000;} .pageGX_4 ul li .img img{width: 100%;display: block;} .pageGX_4 ul li .txt1{color: #fff;font-size: 30px;line-height: 34px;margin: 18px 0 10px;position: relative;padding-left: 26px;text-transform: capitalize;} .pageGX_4 ul li .txt1::after{content: '';width: 16px;height: 16px;background-color: #ea6717;border-radius: 50%;position: absolute;top: 9px;left: 0;} .pageGX_4 ul li .txt2{color: #999;font-size: 18px;line-height: 24px;text-transform: uppercase;padding-left: 26px;} .pageGX_4 ul li .tit1{color: #999;font-size: 16px;line-height: 24px;position: absolute;bottom: 0;right: 0;} .pageGX_4 ul li .tit2{color: #999;font-size: 16px;line-height: 24px;padding-left: 26px;} /* pageGX_5*/ .pageGX_5{width: 100%;overflow: hidden;position: relative;padding: 200px 0 320px 0;background: url(https://c.effort-tech.com/yft/web/images/g/gx/gx_5_bg.jpg) center no-repeat fixed;} .pageGX_5 .cont{width: 27%;float: right;position: relative;z-index: 3;} .pageGX_5 .cont.cont1{width: 40%;} .pageGX_5 .img{width: 100%;position: absolute;right: 0;bottom: 0;height: 100%;z-index: 1;background: url(https://c.effort-tech.com/yft/web/images/g/gx/gx_5_img.png) no-repeat fixed;} /* pageGX_6*/ .pageGX_6{width: 100%;overflow: hidden;position: relative;padding: 110px 0;background-color: #fff;} .pageGX_6 .cont{width: 100%;text-align: center;} .pageGX_6 .imgBox{width: 100%;margin: 50px 0 80px;} .pageGX_6 .imgBox .img{width: 36%;margin: 0 7%;overflow: hidden;} .pageGX_6 .imgBox .img img{width: 100%;display: block;} .pageGX_6 table{width: 100%;border: none;} .pageGX_6 table tr{border-bottom: 1px solid #e5e5e5;} .pageGX_6 table th{width: 15%;padding: 16px 0;font-weight: normal;text-align: center;} .pageGX_6 table th:nth-of-type(1){width: 10%;} .pageGX_6 table th .tit1{font-size: 18px;line-height: 22px;color: #666;} .pageGX_6 table th .tit2{font-size: 14px;line-height: 18px;color: #666;margin-bottom: 10px;} .pageGX_6 table th .pic{width: 40%;overflow: hidden;margin: 0 auto;} .pageGX_6 table th .pic img{width: 100%;display: block;} .pageGX_6 table td{color: #666;font-size: 16px;line-height: 20px;width: 15%;padding: 16px 0;text-align: center;} .pageGX_6 table td:nth-of-type(1){color: #111;width: 10%;} /* pageGX_7*/ .pageGX_7{width: 100%;padding: 100px 0;background-color: #e7e8ea;overflow: hidden;text-align: center;} .pageGX_7 .contTxt{color: #333;} .pageGX_7 ul{width: 100%;margin-top: 80px;justify-content: center;} .pageGX_7 ul li{width: 48%;margin-right: 4%;} .pageGX_7 ul li:nth-child(2n){margin-right: 0;} .pageGX_7 ul li img{width: 95%;display: inline-block;} .pageGX_7 ul li p{font-size: 20px;line-height: 24px;margin-top: 16px;} /* pageX6*/ .contTitle_x6{font-size: 38px;line-height: 50px;color: #124d85;text-transform: capitalize;font-family: "AlibabaPuHuiTiM";} .contTit_x6{font-size: 20px;line-height: 28px;color: #124d85;margin-top: 16px;text-transform: uppercase;} .contTxt_x6{font-size: 20px;line-height: 34px;color: #333;margin-top: 30px;} .contP_x6{color: #666;font-size: 16px;line-height: 20px;margin-top: 40px;} /* pageX6100_1*/ .pageX6_1{width: 100%;overflow: hidden;padding-top: 180px;position: relative;background-size: cover !important;} .pageX6_1 .contBox{width: 1200px;text-align: center;margin: 0 auto 2%;} .pageX6_1 .contBox .tit{font-size: 38px;line-height: 50px;color: #124d85;text-transform: uppercase;} .pageX6_1 .contBox .txt{font-size: 20px;line-height: 28px;color: #666666;text-transform: uppercase;margin-top: 1%;} .pageX6_1 .swiper-top{width: 60%;margin: 0 auto;} .pageX6_1 .swiper-top .swiper-slide a{display: block;width: 140px;line-height: 40px;margin: 0 auto;border-radius: 20px;font-size: 16px;color: #333;text-align: center;background-color: rgba(1, 64, 153, 0.05);transition: all 0.6s ease;} .pageX6_1 .swiper-top .swiper-slide a.a{width: 220px;text-transform: uppercase;} .pageX6_1 .swiper-top .swiper-slide a i{display: inline-block;vertical-align: middle;margin-left: 7px;font-size: 12px;} .pageX6_1 .swiper-top .swiper-slide a:hover{background-color: #0070d5;color: #fff;} .pageX6_1 .swiper-top .swiper-slide img{width: 100%;display: block;padding: 80px 0 20px;} .pageX6_1 .swiper-thumbs{width: 170px;position: absolute;bottom: 36px;left: 50%;transform: translateX(-50%);z-index: 1;} .pageX6_1 .swiper-thumbs .swiper-slide{width: 85px;padding-top: 2px;} .pageX6_1 .swiper-thumbs .swiper-slide p{width: 85px;border-top: 1px solid #fff;text-align: center;font-size: 18px;line-height: 22px;color: #fff;position: relative;padding-top: 12px;cursor: pointer;} .pageX6_1 .swiper-thumbs .swiper-slide p::after{content: '';width: 100%;height: 3px;background-color: #fff;position: absolute;top: -2px;left: 0;opacity: 0;transition: all 0.6s ease;} .pageX6_1 .swiper-thumbs .swiper-slide.swiper-slide-thumb-active p::after{opacity: 1;} /* pageX6_2*/ .pageX6_2{width: 100%;overflow: hidden;position: relative;background-color: #e7e8ea;padding: 140px 0 200px;} .pageX6_2 .img{width: 47%;overflow: hidden;float: right;margin-right: 4%;} .pageX6_2 .img img{display: block;width: 100%;} .pageX6_2 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageX6_2 .cont{width: 36%;} /* pageX6_3*/ .pageX6_3{width: 100%;overflow: hidden;background-color: #e7e8ea;position: relative;} .pageX6_3 .img{width: 62.5%;overflow: hidden;} .pageX6_3 .img img{display: block;width: 100%;} .pageX6_3 .wrap1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageX6_3 .cont{width: 34%;float: right;} /* pageX6_4*/ .pageX6_4{width: 100%;overflow: hidden;background-color: #000;padding: 70px 0;} .pageX6_4 .wrap{position: relative;} .pageX6_4 .cont{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 40%;} .pageX6_4 .cont .contTitle_x6, .pageX6_4 .cont .contTxt_x6{color: #eee;} .pageX6_4 .cont .contTit_x6{color: #999;} .pageX6_4 .box{float: right;width: 46%;overflow: hidden;} .pageX6_4 .box .X6-4-top{width: 100%;margin: 0 auto;} .pageX6_4 .box .X6-4-top .swiper-slide img{width: 100%;display: block;} .pageX6_4 .box .X6-4-thumbs{width: 170px;margin: 20px auto 0;} .pageX6_4 .box .X6-4-thumbs .swiper-slide{width: 85px;padding-top: 2px;} .pageX6_4 .box .X6-4-thumbs .swiper-slide p{width: 85px;border-top: 1px solid #fff;text-align: center;font-size: 18px;line-height: 22px;color: #fff;position: relative;padding-top: 12px;cursor: pointer;} .pageX6_4 .box .X6-4-thumbs .swiper-slide p::after{content: '';width: 100%;height: 3px;background-color: #fff;position: absolute;top: -2px;left: 0;opacity: 0;transition: all 0.6s ease;} .pageX6_4 .box .X6-4-thumbs .swiper-slide.swiper-slide-thumb-active p::after{opacity: 1;} /* pageX6_5*/ .pageX6_5{width: 100%;overflow: hidden;position: relative;padding: 350px 0;background-color: #e7e8ea;} .pageX6_5 .wrap{position: relative;z-index: 2;} .pageX6_5 .cont{width: 36%;float: left;} .pageX6_5 .img{width: 100%;position: absolute;left: 0;bottom: 0;height: 100%;z-index: 1;background: url(https://c.effort-tech.com/yft/web/images/x6/X6100_5_img.png) top -100px right no-repeat;} /* pageX6_6*/ .pageX6_6{width: 100%;overflow: hidden;background-color: #cfd0d2;position: relative;} .pageX6_6 .img{width: 59%;overflow: hidden;} .pageX6_6 .img img{display: block;width: 100%;} .pageX6_6 .wrap1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageX6_6 .cont{width: 37%;float: right;} /* pageX6_7*/ .pageX6_7{width: 100%;overflow: hidden;background-color: #000;position: relative;padding-bottom: 100px;} .pageX6_7 .img{width: 57%;overflow: hidden;float: right;} .pageX6_7 .img img{display: block;width: 100%;} .pageX6_7 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageX6_7 .cont{width: 39%;} .pageX6_7 .cont .contTitle_x6, .pageX6_7 .cont .contTxt_x6{color: #fff;} .pageX6_7 .cont .contTit_x6{color: #999;} /* pageX6_8*/ .pageX6_8{width: 100%;background-color: #e7e8ea;overflow: hidden;padding: 100px 0;} .pageX6_8 .cont{width: 100%;text-align: center;} .pageX6_8 ul{width: 100%;margin-top: 100px;position: relative;z-index: 1;} .pageX6_8 ul::after{content: '';width: 100%;height: 1px;background-color: #666;position: absolute;bottom: 87px;left: 0;z-index: -1;} .pageX6_8 ul li{width: 20%;margin-right: 6.66%;text-align: center;} .pageX6_8 ul li:nth-child(4n){margin-right: 0;} .pageX6_8 ul li .img{width: 100%;overflow: hidden;border-radius: 50%;} .pageX6_8 ul li .img img{display: block;width: 100%;} .pageX6_8 ul li .p1{width: 26px;height: 26px;background-color: #e7e8ea;border-radius: 50%;margin: 50px auto 20px;position: relative;} .pageX6_8 ul li .p1::after{content: '';width: 20px;height: 20px;background-color: #0070d5;position: absolute;top: 3px;left: 3px;border-radius: 50%;} .pageX6_8 ul li .p2{color: #1b1b1b;font-size: 24px;line-height: 24px;margin-bottom: 8px;text-transform: uppercase;} .pageX6_8 ul li .p3{color: #888;font-size: 16px;line-height: 20px;text-transform: uppercase;} /* pageX6_9*/ .pageX6_9{width: 100%;overflow: hidden;background-color: #000;position: relative;padding: 100px 0;} .pageX6_9 .img{width: 51%;overflow: hidden;float: right;} .pageX6_9 .img img{display: block;width: 100%;} .pageX6_9 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageX6_9 .cont{width: 42%;} .pageX6_9 .contTitle_x6, .pageX6_9 .contTxt_x6{color: #eee;} .pageX6_9 .contTit_x6{color: #999;} /* pageX6_10*/ .pageX6_10{width: 100%;overflow: hidden;background-color: #fff;padding: 60px 0 100px;} .pageX6_10 .cont{text-align: center;margin-bottom: 50px;} .pageX6_10 .cont .contTitle_x6, .pageX6_10 .cont .contTit_x6{color: #333;} .pageX6_10 .t{font-size: 24px;line-height: 30px;color: #124d85;text-align: center;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";position: relative;padding-bottom: 16px;text-transform: capitalize;} .pageX6_10 .t::after{content: '';width: 100%;height: 4px;background-color: #124d85;position: absolute;bottom: 0;left: 0;} .pageX6_10 .t::before{content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #124d85;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);} .pageX6_10 .boxLeft{width: 30%;float: left;} .pageX6_10 .boxLeft .box{margin-top: 20px;} .pageX6_10 .boxLeft table{border-bottom: 1px solid #ccc;} .pageX6_10 .boxLeft table:last-child{border-bottom: none;} .pageX6_10 .boxLeft table td{font-size: 16px;color: #333;padding: 6px 0;text-transform: capitalize;} .pageX6_10 .boxLeft table td:last-child{width: 32%;} .pageX6_10 .boxLeft table th{font-size: 16px;color: #333;width: 32%;text-align: center;padding-right: 10%;text-transform: capitalize;} .pageX6_10 .boxRight{float: right;width: 67%;} .pageX6_10 .boxRight .table{margin-top: 26px;} .pageX6_10 .boxRight table{background-color: rgba(221, 222, 224, 0.3);} .pageX6_10 .boxRight table th{background-color: #124d85;font-size: 16px;color: #fff;line-height: 38px;text-align: center;border-right: 1px solid #bbb;text-transform: capitalize;} .pageX6_10 .boxRight table th:last-child{border-right: none;} .pageX6_10 .boxRight table td{font-size: 16px;color: #333;line-height: 20px;text-align: center;padding: 4px 0;border-right: 1px solid #bbb;} .pageX6_10 .boxRight table td[rowspan]:last-child{border-right: none;} .pageX6_10 .boxRight table tr:nth-child(2n-1){background-color: rgba(86, 86, 86, 0.1);} .pageX6_10 .boxRight ul{width: 100%;justify-content: center;margin-top: 20px;} .pageX6_10 .boxRight ul li{width: 19%;overflow: hidden;margin: 0 3%;} .pageX6_10 .boxRight ul li:nth-child(1){width: 12%;} .pageX6_10 .boxRight ul li:nth-child(2){width: 18%;} .pageX6_10 .boxRight ul li:nth-child(3){width: 20%;} .pageX6_10 .boxRight ul li img{width: 100%;display: block;} /* pageX6_11*/ .pageX6_11{width: 100%;overflow: hidden;background-color: #cfd0d2;position: relative;padding: 70px 0 160px;} .pageX6_11 .X6_11_box{width: 100%;margin-top: 8%;position: relative;} .pageX6_11 .X6_11_box::after{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #333;position: absolute;top: -30px;left: 50%;transform: translateX(-50%);z-index: 1;} .pageX6_11 .X6_11_box::before{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #333;position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);z-index: 1;} .pageX6_11 .bigBox{width: 100%;position: relative;} .pageX6_11 .bigBox::before{content: '';width: 1px;height: 100%;background-color: #bbb;position: absolute;top: -30px;left: 50%;transform: translateX(-50%);padding: 30px 0;box-sizing: content-box;} .pageX6_11 .cont{width: 100%;text-align: center;} .pageX6_11 .box{width: 50%;position: relative;} .pageX6_11 .box .contBox .p1{font-size: 24px;line-height: 28px;color: #124d85;margin-bottom: 16px;} .pageX6_11 .box .contBox .p2{font-size: 18px;line-height: 22px;color: #333;} .pageX6_11 .box .contBox .p2 p{margin: 10px 0;} .pageX6_11 .box .contBox .p2 span{color: #666;font-size: 16px;} .pageX6_11 .box .img1{position: absolute;top: 50%;left: 8%;width: 50%;transform: translateY(-50%);} .pageX6_11 .box .img2{position: absolute;top: 50%;right: 0;width: 60%;transform: translateY(-50%);} .pageX6_11 .box img{width: 100%;display: block;} .pageX6_11 .box.box1{padding-right: 5%;} .pageX6_11 .box.box2{padding-left: 5%;} .pageX6_11 .box.box3{padding-right: 2%;} .pageX6_11 .box.box3 .img1{width: 40%;} .pageX6_11 .box.box4{padding-left: 2%;} .pageX6_11 .box.box4 .img2{width: 50%;} /* pageX6_12*/ .pageX6_12{width: 100%;background-color: #e7e8ea;overflow: hidden;padding: 100px 0;} .pageX6_12 .cont{width: 100%;text-align: center;} .pageX6_12 ul{width: 100%;margin-top: 100px;justify-content: center;} .pageX6_12 ul li{width: 32%;text-align: center;margin-right: 2%;} .pageX6_12 ul li:nth-child(3n){margin-right: 0;} .pageX6_12 ul li .img{width: 100%;overflow: hidden;} .pageX6_12 ul li .img img{width: 100%;display: block;} .pageX6_12 ul li .p1{color: #124d85;font-size: 26px;line-height: 30px;margin: 20px 0 6px;text-transform: capitalize;} .pageX6_12 ul li .p2{color: #777;font-size: 22px;line-height: 26px;text-transform: uppercase;} /* pageBSV2*/ .bsTitle{font-size: 38px;line-height: 48px;color: #333;text-transform: capitalize; font-family: "AlibabaPuHuiTiM";} .bsTit{font-size: 24px;line-height: 28px;color: #999;margin-top: 16px;text-transform: uppercase; } .bsTxt{font-size: 20px;line-height: 34px;color: #666;margin-top: 30px;} /* pageBSV2_1*/ .pageBSV2_1{width: 100%;overflow: hidden;padding-bottom: 5%;background-size: cover !important;} .pageBSV2_1 .wrap{position: relative;padding-top: 200px;} .pageBSV2_1 .contBox{width: 100%;text-align: center;position: absolute;top: 160px;left: 0;z-index: 2;} .pageBSV2_1 .contBox .tit{font-size: 38px;line-height: 50px;color: #333;} .pageBSV2_1 .contBox a{display: block;width: 140px;line-height: 40px;margin: 3% auto 0;border-radius: 20px;font-size: 16px;color: #333;text-align: center;background-color: rgba(1, 64, 153, 0.05);transition: all 0.6s ease;} .pageBSV2_1 .contBox a.a{width: 220px;text-transform: uppercase;} .pageBSV2_1 .contBox a i{display: inline-block;vertical-align: middle;margin-left: 7px;font-size: 12px;} .pageBSV2_1 .contBox a:hover{background-color: #0070d5;color: #fff;} .pageBSV2_1 .img{width: 55%;display: block;margin: 0 auto 2%;} .pageBSV2_1 .contBox1{width: 100%;justify-content: center;} .pageBSV2_1 .contBox1 li{width: 92px;height: 92px;overflow: hidden;border: 1px solid #888;border-radius: 14px;margin: 0 30px;text-align: center;cursor: pointer;transition: all 0.6s ease;} .pageBSV2_1 .contBox1 li img{width: 90px;height: 60px;display: block;margin: 2px auto;} .pageBSV2_1 .contBox1 li p{color: #666;font-size: 14px;text-transform: capitalize;line-height: 18px;} .pageBSV2_1 .contBox1 li:hover{background-color: #fff;border-color: #fff;} .pageBSV2_1 .contBox1.contBox2 li{width: 100px;height: 100px;} .pageBSV2_1 .contBox1.contBox2 li img{margin: 5px auto;} .pageBSV2_1 .contBox1.contBox2 li p{font-size: 12px;} /* pageBSV2_2*/ .pageBSV2_2{width: 100%;overflow: hidden;background-color: #e7e8ea;padding: 90px 0 120px;position: relative;} .pageBSV2_2 .img{width: 45%;overflow: hidden;margin-right: -10px;} .pageBSV2_2 .img img{display: block;width: 100%;} .pageBSV2_2 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageBSV2_2 .cont{width: 42%;} /* pageBSV2_3*/ .pageBSV2_3{width: 100%;overflow: hidden;background-color: #0a0a0c;padding: 60px 0 80px;} .pageBSV2_3 .wrap2{position: relative;} .pageBSV2_3 .img{width: 60%;overflow: hidden;} .pageBSV2_3 .img img{display: block;width: 100%;} .pageBSV2_3 .cont{width: 38%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);} .pageBSV2_3 .cont .bsTitle, .pageBSV2_3 .cont .bsTxt{color: #fff;} /* pageBSV2_4*/ .pageBSV2_4{width: 100%;overflow: hidden;background-color: #cfd0d2;position: relative;} .pageBSV2_4 .img{width: 56%;overflow: hidden;} .pageBSV2_4 .img img{display: block;width: 100%;} .pageBSV2_4 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageBSV2_4 .cont{width: 42%;} /* pageBSV2_5*/ .pageBSV2_5{width: 100%;overflow: hidden;position: relative;background-color: #e7e8ea;} .pageBSV2_5 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;} .pageBSV2_5 .cont{width: 36%;} .pageBSV2_5 .img{width: 100%;} .pageBSV2_5 .img img{width: 100%;display: block;} /* pageBSV2_6*/ .pageBSV2_6{width: 100%;overflow: hidden;background-color: #0a0a0c;padding: 13px 0;position: relative;} .pageBSV2_6 .img{width: 55%;overflow: hidden;} .pageBSV2_6 .img img{display: block;width: 100%;} .pageBSV2_6 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageBSV2_6 .cont{width: 39%;float: right;} .pageBSV2_6 .cont .bsTitle, .pageBSV2_6 .cont .bsTxt{color: #fff;} /* pageBSV2_7*/ .pageBSV2_7{width: 100%;overflow: hidden;background-color: #e7e8ea;padding: 80px 0;} .pageBSV2_7 .wrap{position: relative;} .pageBSV2_7 .cont{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 40%;} .pageBSV2_7 .img{float: right;width: 58%;overflow: hidden;} .pageBSV2_7 .img img{display: block;width: 100%;} /* pageBSV2_8*/ .pageBSV2_8{width: 100%;overflow: hidden;background-color: #cfd0d2;position: relative;} .pageBSV2_8 .img{width: 100%;overflow: hidden;} .pageBSV2_8 .img img{display: block;width: 100%;} .pageBSV2_8 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageBSV2_8 .cont{width: 39%;float: right;} /* pageBSV2_9*/ .pageBSV2_9{width: 100%;overflow: hidden;background-color: #0a0a0c;padding: 40px 0;} .pageBSV2_9 .wrap1{position: relative;} .pageBSV2_9 .cont{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 40%;} .pageBSV2_9 .cont .bsTitle, .pageBSV2_9 .cont .bsTxt{color: #fff;} .pageBSV2_9 .img{float: left;width: 52%;overflow: hidden;} .pageBSV2_9 .img img{display: block;width: 100%;} /* pageBSV2_10*/ .pageBSV2_10{width: 100%;background-color: #e7e8ea;overflow: hidden;padding: 80px 0;} .pageBSV2_10 .cont{width: 100%;text-align: center;} .pageBSV2_10 ul{width: 100%;margin-top: 60px;} .pageBSV2_10 ul li{width: 48%;overflow: hidden;} .pageBSV2_10 ul li .text{position: relative;margin-top: 20px;} .pageBSV2_10 ul li .text .p1{color: #666;font-size: 24px;line-height: 24px;margin-bottom: 8px;} .pageBSV2_10 ul li .text .p2{color: #666;font-size: 20px;line-height: 24px;text-transform: uppercase;} .pageBSV2_10 ul li:nth-child(1) .text{padding-left: 30px;} .pageBSV2_10 ul li:nth-child(1) .text::after{content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #3768b4;position: absolute;top: 5px;left: 0;} .pageBSV2_10 ul li:nth-child(2) .text{text-align: right;padding-right: 30px;} .pageBSV2_10 ul li:nth-child(2) .text::after{content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #3768b4;position: absolute;top: 5px;right: 0;} .pageBSV2_10 ul .img{width: 100%;background-color: #ccccce;border-radius: 0 0 0 30px;overflow: hidden;} .pageBSV2_10 ul .img img{display: block;width: 100%;} /* pageBSV2_11*/ .pageBSV2_11{width: 100%;overflow: hidden;background-color: #cfd0d2;position: relative;} .pageBSV2_11 .img{width: 100%;overflow: hidden;} .pageBSV2_11 .img img{display: block;width: 100%;} .pageBSV2_11 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageBSV2_11 .cont{width: 50%;} /* pageBSV2_12*/ .pageBSV2_12{width: 100%;overflow: hidden;background-color: #dadbdd;position: relative;} .pageBSV2_12 .img{width: 50%;margin-left: 4%;overflow: hidden;} .pageBSV2_12 .img img{display: block;width: 100%;} .pageBSV2_12 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageBSV2_12 .cont{width: 40%;float: right;text-align: center;} /* pageBSV2_13*/ .pageBSV2_13{width: 100%;background-color: #e7e8ea;overflow: hidden;padding: 100px 0;} .pageBSV2_13 .cont{width: 100%;text-align: center;} .pageBSV2_13 .box{width: 100%;margin-top: 120px;position: relative;} .pageBSV2_13 .box .img{width: 70%;position: absolute;top: 50%;transform: translateY(-50%);right: 0;} .pageBSV2_13 .box .img img{width: 100%;display: block;} .pageBSV2_13 ul{width: 330px;position: relative;} .pageBSV2_13 ul::after{content: '';width: 1px;height: 94%;background-color: #666;position: absolute;top: 3%;left: 146px;} .pageBSV2_13 ul li{width: 100%;margin: 10px 0;position: relative;} .pageBSV2_13 ul li:first-child::before{content: '';width: 11px;height: 11px;background-color: #666;border-radius: 50%;position: absolute;top: 6px;left: 141px;} .pageBSV2_13 ul li:last-child::before{content: '';width: 11px;height: 11px;background-color: #666;border-radius: 50%;position: absolute;bottom: 6px;left: 141px;} .pageBSV2_13 ul li .p1{color: #333;font-size: 18px;line-height: 24px;float: left;width: 120px;text-align: right;} .pageBSV2_13 ul li .p2{color: #999;font-size: 16px;line-height: 24px;float: right;width: 160px;} .pageBSV2_13 ul li:nth-child(1) div{color: #3768b4;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageBSV2_13 ul.ul{width: 380px;} .pageBSV2_13 ul.ul::after{left: 196px;} .pageBSV2_13 ul.ul li:first-child::before{left: 191px;} .pageBSV2_13 ul.ul li:last-child::before{left: 191px;} .pageBSV2_13 ul.ul li .p1{font-size: 14px;width: 170px;} .pageBSV2_13 ul.ul li .p2{font-size: 14px;} /* E610M*/ .title_e610m{font-size: 38px;line-height: 52px;color: #0a0a0c;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .tit_e610m{font-size: 34px;height: 52px;line-height: 52px;color: #2c4fcc;text-transform: uppercase;margin-top: 48px;} .tit_e610m span{display: inline-block;font-size: 36px;transform: translateY(-9px);margin-left: 6px;} .tit_e610m sup{display: inline-block;font-size: 18px;line-height: 22px;transform: translateY(-2px);margin-left: 2px;} .txt_e610m{font-size: 22px;line-height: 44px;color: #535353;margin-top: 14px;} /* pageE610M_1*/ .pageE610M_1{width: 100%;overflow: hidden;padding: 180px 0 0;background-size: cover !important;} .pageE610M_1 .contBox{width: 100%;text-align: center;} .pageE610M_1 .contBox .tit{font-size: 44px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";line-height: 58px;color: #0a0a0c;} .pageE610M_1 .contBox .txt{font-size: 24px;line-height: 36px;color: #0a0a0c;margin: 10px 0 20px;} .pageE610M_1 .contBox a{display: block;height: 38px;font-size: 16px;line-height: 38px;color: #333;border-radius: 20px;padding: 0 26px;border: 1px solid #333;margin-right: 30px;transition: all 0.6s ease;} .pageE610M_1 .contBox a i{display: inline-block;font-size: 10px;margin-left: 10px;transform: translateY(-1px);} .pageE610M_1 .contBox a:hover{background-color: #0a0a0c;color: #fff;} .pageE610M_1 .contBox .p{height: 38px;border: 1px solid #333;padding: 0 26px;font-size: 16px;line-height: 38px;color: #333;border-radius: 20px;} .pageE610M_1 .img{width: 94%;min-width: 1200px;display: block;margin: 0 auto;} .pageE610M_1 .img img{width: 100%;display: block;} /* pageE610M_2*/ .pageE610M_2{width: 100%;overflow: hidden;position: relative;background-color: #fff;padding: 100px 0 120px;} .pageE610M_2 .img{width: 62%;overflow: hidden;} .pageE610M_2 .img img{display: block;width: 100%;} .pageE610M_2 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -35%);} .pageE610M_2 .cont{width: 42%;float: right;} /* pageE610M_3*/ .pageE610M_3{width: 100%;overflow: hidden;background-color: #f6f6f6;padding: 180px 0 160px;} .pageE610M_3 .wrap{align-items: center;} .pageE610M_3 .cont{width: 50%;float: left;} .pageE610M_3 .img{width: 48%;overflow: hidden;float: right;} .pageE610M_3 .img img{display: block;width: 100%;} /* pageE610M_4*/ .pageE610M_4{width: 100%;overflow: hidden;background-color: #fff;padding: 180px 0;} .pageE610M_4 .wrap{align-items: center;} .pageE610M_4 video{display: block;width: 60%;float: left;} .pageE610M_4 .cont{width: 32%;float: right;} .pageE610M_4 .cont .txt_e610m{margin-top: 20px;} /* pageE610M_5*/.pageE610M_5{width: 100%;overflow: hidden;background-color: #f6f6f8;padding: 80px 0 100px;} .pageE610M_5 .cont{width: 100%;text-align: center;} .pageE610M_5 .cont .txt_e610m{margin-top: 20px;} .pageE610M_5 .img{width: 100%;margin-top: 60px;} .pageE610M_5 .img img{width: 100%;display: block;} .pageE610M_5 .img .p{margin-bottom: 20px;} .pageE610M_5 .img .p p{font-size: 18px;line-height: 22px;color: #4b4b4b;text-align: center;} .pageE610M_5 .img .p p:nth-child(1){width: 36.5%;} .pageE610M_5 .img .p p:nth-child(2){width: 50.5%;} .pageE610M_5 .img .p1{margin-top: 20px;} .pageE610M_5 .img .p1 p{font-size: 15px;line-height: 30px;color: #4b4b4b;text-align: center;} .pageE610M_5 .img .p1 p:nth-child(1){width: 20%;} .pageE610M_5 .img .p1 p:nth-child(2){width: 13%;margin-right: 10%;} .pageE610M_5 .img .p1 p:nth-child(3){width: 10%;} .pageE610M_5 .img .p1 p:nth-child(4){width: 12%;} .pageE610M_5 .img .p1 p:nth-child(5){width: 10%;} .pageE610M_5 .img .p1 p:nth-child(6){width: 10%;} /* pageE610M_6*/ .pageE610M_6{width: 100%;overflow: hidden;background-color: #fff;padding: 100px 0;} .pageE610M_6 .cont{width: 100%;text-align: center;} .pageE610M_6 .cont .txt_e610m{margin-top: 20px;} .pageE610M_6 ul{width: 100%;margin-top: 80px;} .pageE610M_6 ul li{width: 22.75%;margin-right: 3%;} .pageE610M_6 ul li:last-child{margin-right: 0;} .pageE610M_6 ul li .img{width: 100%;background-color: #f5f5f7;} .pageE610M_6 ul li .img img{width: 100%;display: block;} .pageE610M_6 ul li .p{font-size: 22px;line-height: 38px;color: #1b1b1b;text-align: center;width: 100%;border: 1px solid #eee;border-top: none;padding: 30px 10px;} .pageE610M_6 ul.ul li .p{font-size: 18px;line-height: 34px;} @media (max-width: 1680px){ .pageE610M_6 ul li .p{font-size: 20px;line-height: 34px;} .pageE610M_6 ul.ul li .p{font-size: 14px;line-height: 28px;} } /* ZP*/ .zpTitle{font-size: 38px;line-height: 50px;letter-spacing: 1px;color: #212121;text-align: center;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .zpTit{font-size: 34px;line-height: 40px;color: #212121;text-align: center;} .zpTitle1,.zpTit1{/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .zpText{font-size: 20px;text-align: center;line-height: 36px;margin-top: 30px;color: #000;} .zpTextEn{font-size: 20px;line-height: 36px;font-family: "AlibabaPuHuiTiR";} @media (max-width: 1680px){ .zpTitle{font-size: 34px;line-height: 40px;} .zpTit{font-size: 30px;line-height: 36px;} .zpText{font-size: 18px;line-height: 30px;} } .proVideo video:focus{outline: none;} .proVideo video::-webkit-media-controls{display: none !important;} /* pageZP_1*/ .pageZP_1{width: 100%;overflow: hidden;position: relative;} .pageZP_1 .video{width: 100%;position: relative;z-index: 0;} .pageZP_1 .video::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);} .pageZP_1 .video video{display: block;width: 100%;object-fit: fill;position: relative;z-index: 1;} .pageZP_1 .wrap{text-align: center;position: absolute;top: 30%;left: 50%;transform: translateX(-50%);z-index: 3;} .pageZP_1 .tit{font-size: 38px;line-height: 42px;color: #fff;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageZP_1 .tit1{font-size: 36px;line-height: 38px;} .pageZP_1 .txt{font-size: 32px;line-height: 38px;color: #fff;text-transform: uppercase;margin-top: 20px;} .pageZP_1 .txt1{font-size: 32px;line-height: 38px;} .pageZP_1 .iconfont{width: 50px;height: 50px;line-height: 46px;font-size: 20px;color: #fff;padding-left: 6px;margin: 30px auto 0;border-radius: 50%;border: solid 3px #fff;cursor: pointer;transition: all 0.6s ease;} .pageZP_1 .iconfont:hover{background-color: #fff;color: #014099;} /* pageZP_2*/ .pageZP_2{width: 100%;overflow: hidden;position: relative;padding: 110px 0 90px;background-color: #fff;} .pageZP_2 .zpText{margin-top: 0;position: relative;z-index: 3;} .pageZP_2 .box{width: 100%;position: relative;padding-left: 80px;overflow: hidden;} .pageZP_2 .z2box-top{width: 67%;margin: auto;overflow: hidden;} .pageZP_2 .z2box-top .swiper-slide img{width: 100%;display: block;} .pageZP_2 .z2box-thumbs{position: absolute;top: 0;left: 11%;padding-top: 13%;} .pageZP_2 .z2box-thumbs .swiper-slide{position: relative;line-height: 50px;height: 50px !important;font-size: 40px;color: #c2c0c0;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";cursor: pointer;margin-bottom: 154px;} .pageZP_2 .z2box-thumbs .swiper-slide::after{content: '';position: absolute;left: 0;bottom: -134px;background-color: #c2c0c0;height: 114px;width: 2px;} .pageZP_2 .z2box-thumbs .swiper-slide:last-child::after{display: none;} .pageZP_2 .z2box-thumbs .swiper-slide.swiper-slide-thumb-active{color: #000;} .pageZP_2 .item{width: 44%;min-width: 800px;margin: 0 auto 0;} .pageZP_2 .item li{text-align: center;} .pageZP_2 .item li .img{width: 60px;height: 60px;margin: auto;background-size: 60px 60px !important;} .pageZP_2 .item li .img.img1{background: url(https://c.effort-tech.com/yft/web/images/zp/zp_2_1.png) center no-repeat;} .pageZP_2 .item li .img.img2{background: url(https://c.effort-tech.com/yft/web/images/zp/zp_2_2.png) center no-repeat;} .pageZP_2 .item li .img.img3{background: url(https://c.effort-tech.com/yft/web/images/zp/zp_2_3.png) center no-repeat;} .pageZP_2 .item li .img.img4{background: url(https://c.effort-tech.com/yft/web/images/zp/zp_2_4.png) center no-repeat;} .pageZP_2 .item li .t{font-size: 22px;line-height: 26px;color: #000;margin-top: 16px;} .pageZP_2 .item li .p{font-size: 14px;line-height: 20px;color: #000;margin-top: 10px;} @media (max-width: 1440px){ .pageZP_2 .z2box-thumbs{left: 8%;} .pageZP_2 .z2box-thumbs .swiper-slide{line-height: 44px;height: 44px !important;font-size: 40px;} } /* pageZP_3*/ .pageZP_3{width: 100%;overflow: hidden;} .pageZP_3 .cont{background-color: #e9e9eb;padding: 80px 0 50px;overflow: hidden;} .pageZP_3 .video{width: 100%;position: relative;z-index: 0;} .pageZP_3 .video::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.6);} .pageZP_3 .video video{display: block;width: 100%;object-fit: fill;position: relative;z-index: 1;} .pageZP_3 .box{width: 100%;position: relative;} .pageZP_3 .box .wrap{text-align: center;position: absolute;top: 35%;left: 50%;transform: translateX(-50%);z-index: 3;} .pageZP_3 .zpTit{color: #fff;} .pageZP_3 .zpText{color: #fff;} .pageZP_3 .iconfont{width: 70px;height: 70px;line-height: 66px;font-size: 28px;color: #fff;padding-left: 6px;border-radius: 50%;border: solid 3px #fff;cursor: pointer;transition: all 0.6s ease;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .pageZP_3 .iconfont:hover{background-color: #fff;color: #014099;} /* pageZP_4*/ .pageZP_4{width: 100%;overflow: hidden;padding: 110px 0;background-color: #fff;} .pageZP_4 .zp4box{width: 100%;padding-bottom: 58px;} .pageZP_4 .zp4box img{width: 100%;display: block;} .pageZP_4 .zp4box .swiper-pagination{font-size: 24px;line-height: 28px;color: #000000;text-align: right;padding-right: 54px;bottom: 0;} .pageZP_4 .zp4box .swiper-button-next{right: 0;top: auto;bottom: 6px;width: 35px;height: 16px;} .pageZP_4 .zp4box .swiper-button-next::after{display: none;} .pageZP_4 .zp4box .swiper-button-next::before{content: '';width: 35px;height: 16px;background: url(https://c.effort-tech.com/yft/web/images/zp/zp_icon_arrow.png) center center no-repeat;background-size: cover;position: absolute;top: 50%;right: 0;transform: translateY(-50%);} /* pageZP_5*/ .pageZP_5{width: 100%;overflow: hidden;padding: 90px 0 100px;background-color: #fff;} .pageZP_5 .zpTit{margin-top: 30px;} .pageZP_5 .img{width: 100%;margin-top: 46px;} .pageZP_5 .img img{width: 100%;display: block;} .pageZP_5 .img video{width: 100%;display: block;} .pageZP_5 .item{width: 100%;margin-top: 50px;align-items: center;} .pageZP_5 .item .pic{width: 54%;} .pageZP_5 .item .pic img{width: 100%;display: block;} .pageZP_5 .item .pic video{width: 100%;display: block;} .pageZP_5 .item .cont{width: 46%;padding-left: 8%;} .pageZP_5 .item .cont .zpText, .pageZP_5 .item .cont .zpTit{text-align: left;} .pageZP_5 .item .cont .zpText{color: #595959;} /* pageZP_6*/ .pageZP_6 .zpText{color: #000;} .pageZP_6 .video::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0, 0, 0, 0);} .pageZP_6 .cont{background-color: #fff;padding: 60px 0 46px;} /* pageZP_7*/ .pageZP_7{width: 100%;overflow: hidden;padding: 110px 0 100px;background-color: #fff;} .pageZP_7 .box{width: 100%;margin-top: 90px;} .pageZP_7 .zp7box-top{width: 62%;margin: 0;} .pageZP_7 .zp7box-top .swiper-slide img{width: 100%;display: block;} .pageZP_7 .zp7box-thumbs{width: 34%;} .pageZP_7 .zp7box-thumbs::after{content: '';width: 1px;height: 100%;background-color: rgba(0, 0, 0, 0.2);position: absolute;top: 0;left: 1px;} .pageZP_7 .zp7box-thumbs .swiper-wrapper{justify-content: space-between;} .pageZP_7 .zp7box-thumbs .swiper-slide{padding: 0 0 0 30px;cursor: pointer;height: auto !important;border-left: solid 3px rgba(0, 0, 0, 0);transition: all 0.6s ease;} .pageZP_7 .zp7box-thumbs .swiper-slide .t{font-size: 26px;line-height: 30px;color: #9a9999;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageZP_7 .zp7box-thumbs .swiper-slide .p{margin-top: 15PX;font-size: 22px;line-height: 26px;color: #9a9999;opacity: 0;transition: all 0.6s ease;} .pageZP_7 .zp7box-thumbs .swiper-slide.swiper-slide-thumb-active{border-left: solid 3px #000;} .pageZP_7 .zp7box-thumbs .swiper-slide.swiper-slide-thumb-active .t{color: #212121;} .pageZP_7 .zp7box-thumbs .swiper-slide.swiper-slide-thumb-active .p{color: #212121;opacity: 1;} /* pageZP_8*/ .pageZP_8{width: 100%;overflow: hidden;position: relative;padding: 100px 0;} .pageZP_8 img{width: 100%;display: block;margin-top: 60px;} /* pageZP_9*/ .pageZP_9{width: 100%;background-color: #fff;padding: 90px 0;overflow: hidden;} .pageZP_9 ul{width: 100%;margin-top: 70px;} .pageZP_9 ul li{width: 24.625%;cursor: pointer;} .pageZP_9 ul li .img{width: 100%;overflow: hidden;} .pageZP_9 ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageZP_9 ul li:nth-child(2n-1) .img{margin-bottom: 2%;} .pageZP_9 ul li:nth-child(2n) .img{margin-top: 2%;} .pageZP_9 ul li .tit{position: relative;background-color: rgba(33, 33, 33, 0.1);} .pageZP_9 ul li .tit img{width: 100%;display: block;opacity: 0;} .pageZP_9 ul li .tit p{width: 100%;font-size: 24px;line-height: 28px;color: #212121;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .pageZP_9 ul li:hover .img img{transform: scale(1.1);} .pageZP_9 .p{font-size: 16px;line-height: 20px;color: #666464;text-align: center;margin-top: 30px;} /* pageZP_10*/ .pageZP_10{width: 100%;background-color: #f5f5f7;padding: 90px 0;overflow: hidden;} .pageZP_10 .box{width: 100%;} .pageZP_10 .box img{width: 48px;height: 48px;display: block;margin-right: 10px;} .pageZP_10 .btn{display: block;background-color: #2870d6;width: 160px;height: 50px;line-height: 50px;text-align: center;margin: 40px auto 0;color: #fff;font-size: 18px;border-radius: 25px;} /* Z20*//* pageZ20_2*/ .pageZ20_2{width: 100%;background-color: #fff;overflow: hidden;padding-top: 120px;} .pageZ20_2 .c1200{padding: 0 35px;} .pageZ20_2 .zpText{margin-top: 0;} .pageZ20_2 ul{width: 100%;margin-top: 40px;flex-wrap: wrap;} .pageZ20_2 ul li{width: 364px;margin-top: 40px;} .pageZ20_2 ul li .img{width: 100%;overflow: hidden;border-radius: 10px;} .pageZ20_2 ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageZ20_2 ul li .tit{font-size: 22px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";line-height: 26px;color: #333;position: relative;padding-left: 22px;margin-top: 20px;} .pageZ20_2 ul li .tit::after{content: '';width: 16px;height: 16px;background-image: linear-gradient(#999999, #999999), linear-gradient(#8d8d8d, #8d8d8d);border-radius: 50%;position: absolute;top: 5px;left: 0;} .pageZ20_2 ul li .p{font-size: 18px;line-height: 24px;color: #999;margin-top: 10px;padding-left: 22px;} /* pageZ20_3*/ .pageZ20_3{width: 100%;overflow: hidden;background-color: #fff;padding-top: 120px;} .pageZ20_3 .c1200{padding: 0 35px;} .pageZ20_3 .z2box-top{width: 100%;margin: 46px auto 0;overflow: hidden;border-radius: 10px;} .pageZ20_3 .z2box-top .swiper-slide img{width: 100%;display: block;} .pageZ20_3 .z2box-top .swiper-slide video{width: 100%;display: block;} .pageZ20_3 .z2box-thumbs{width: 100%;margin: 46px auto 0;overflow: hidden;} .pageZ20_3 .z2box-thumbs .swiper-wrapper{width: 768px;padding-bottom: 80px;transform: none !important;} .pageZ20_3 .z2box-thumbs .swiper-slide{width: 384px !important;height: auto !important;position: static;cursor: pointer;} .pageZ20_3 .z2box-thumbs .swiper-slide .t1{font-size: 24px;line-height: 28px;color: #8c8c8c;border-bottom: 1px solid #eee;text-align: center;position: relative;padding-bottom: 24px;} .pageZ20_3 .z2box-thumbs .swiper-slide .t1::after{content: '';position: absolute;left: 0;bottom: -2px;background-color: #000;height: 3px;width: 100%;opacity: 0;} .pageZ20_3 .z2box-thumbs .swiper-slide .t2{width: 100%;height: 60px;font-size: 20px;line-height: 30px;color: #000000;position: absolute;bottom: 0;left: 0;opacity: 0;text-align: center;} .pageZ20_3 .z2box-thumbs .swiper-slide.swiper-slide-thumb-active .t1{color: #333;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageZ20_3 .z2box-thumbs .swiper-slide.swiper-slide-thumb-active .t1::after{opacity: 1;} .pageZ20_3 .z2box-thumbs .swiper-slide.swiper-slide-thumb-active .t2{opacity: 1;} .pageZ20_3 .z2box-thumbs.z2box-thumbs_en .swiper-wrapper{width: 1000px;} .pageZ20_3 .z2box-thumbs.z2box-thumbs_en .swiper-slide{width: 500px !important;} /* pageZ20_4*/ .pageZ20_4{width: 100%;overflow: hidden;padding-top: 120px;background-color: #fff;} .pageZ20_4 .c1200{padding: 0 35px;} .pageZ20_4 .box{width: 100%;position: relative;margin-top: 60px;} .pageZ20_4 .box .c1200{text-align: center;position: absolute;top: 35%;left: 50%;transform: translateX(-50%);z-index: 3;} .pageZ20_4 .video{width: 100%;position: relative;z-index: 0;} .pageZ20_4 .video::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.6);} .pageZ20_4 .video video{display: block;width: 100%;object-fit: fill;position: relative;z-index: 1;} .pageZ20_4 .zpText{color: #fff;margin-top: 0;} .pageZ20_4 .iconfont{width: 70px;height: 70px;line-height: 66px;font-size: 28px;color: #fff;padding-left: 6px;border-radius: 50%;border: solid 3px #fff;cursor: pointer;transition: all 0.6s ease;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .pageZ20_4 .iconfont:hover{background-color: #fff;color: #014099;} /* pageZ20_5*/.pageZ20_5{width: 100%;overflow: hidden;padding-top: 90px;background-color: #fff;} .pageZ20_5 .zpTitle{text-align: left;} .pageZ20_5 .zp4box{width: 100%;padding-top: 80px;} .pageZ20_5 .zp4box .img{width: 100%;border-radius: 10px;overflow: hidden;} .pageZ20_5 .zp4box .img img{width: 100%;display: block;} .pageZ20_5 .zp4box .tit{font-size: 22px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";line-height: 26px;color: #333;position: relative;padding-left: 22px;margin-top: 20px;} .pageZ20_5 .zp4box .tit::after{content: '';width: 16px;height: 16px;background-image: linear-gradient(#999999, #999999), linear-gradient(#8d8d8d, #8d8d8d);border-radius: 50%;position: absolute;top: 5px;left: 0;} .pageZ20_5 .zp4box .p{font-size: 18px;line-height: 24px;color: #999;margin-top: 10px;padding-left: 22px;} .pageZ20_5 .zp4box .arrow{width: 88px;height: 24px;position: absolute;top: 0;right: 0;} .pageZ20_5 .zp4box .swiper-button-prev{left: 0;top: 0;margin: 0;width: 32px;height: 24px;transform: rotate(-180deg);} .pageZ20_5 .zp4box .swiper-button-prev::after{display: none;} .pageZ20_5 .zp4box .swiper-button-prev::before{content: '';width: 20px;height: 15px;background: url(https://c.effort-tech.com/yft/web/images/z20/arrow.png) center center no-repeat;background-size: cover;position: absolute;top: 50%;right: 0;transform: translateY(-50%);} .pageZ20_5 .zp4box .swiper-button-next{right: 0;top: 0;margin: 0;width: 32px;height: 24px;} .pageZ20_5 .zp4box .swiper-button-next::after{display: none;} .pageZ20_5 .zp4box .swiper-button-next::before{content: '';width: 20px;height: 15px;background: url(https://c.effort-tech.com/yft/web/images/z20/arrow.png) center center no-repeat;background-size: cover;position: absolute;top: 50%;right: 0;transform: translateY(-50%);} /* pageZ20_6*/ .pageZ20_6{width: 100%;overflow: hidden;background-color: #fff;padding-top: 100px;} .pageZ20_6 .c1200{padding: 0 35px;} .pageZ20_6 .z6box-thumbs{width: 100%;margin: 0 auto;overflow: visible !important;position: static !important;} .pageZ20_6 .z6box-thumbs .swiper-wrapper{width: 768px;padding-bottom: 50px;transform: none !important;} .pageZ20_6 .z6box-thumbs .swiper-slide{width: 256px !important;height: auto !important;/*position: static;*/cursor: pointer;} .pageZ20_6 .z6box-thumbs .swiper-slide .t1{font-size: 24px;line-height: 28px;color: #8c8c8c;border-bottom: 1px solid #eee;text-align: center;position: relative;padding-bottom: 24px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageZ20_6 .z6box-thumbs .swiper-slide .t1::after{content: '';position: absolute;left: 0;bottom: -2px;background-color: #000;height: 3px;width: 100%;opacity: 0;} .pageZ20_6 .z6box-thumbs .swiper-slide .t2{/*width: 100%;*/font-size: 20px;line-height: 30px;color: #000000;position: absolute;/*bottom: 0;*//*left: 0;*/left: 50%;bottom: -50px;transform: translateX(-50%);text-wrap: nowrap;opacity: 0;} .pageZ20_6 .z6box-thumbs .swiper-slide:nth-child(2) .t2{text-align: center;} .pageZ20_6 .z6box-thumbs .swiper-slide:nth-child(3) .t2{text-align: right;} .pageZ20_6 .z6box-thumbs .swiper-slide.swiper-slide-thumb-active .t1{color: #333;} .pageZ20_6 .z6box-thumbs .swiper-slide.swiper-slide-thumb-active .t1::after{opacity: 1;} .pageZ20_6 .z6box-thumbs .swiper-slide.swiper-slide-thumb-active .t2{opacity: 1;} .pageZ20_6 .z6box-thumbs.z6box-thumbs_en .swiper-wrapper{width: 960px;} .pageZ20_6 .z6box-thumbs.z6box-thumbs_en .swiper-slide{width: 320px !important;} .pageZ20_6 .z6box-top{width: 100%;margin: 38px auto 0;overflow: hidden;} .pageZ20_6 .z6box-top .swiper-slide{background-color: #fff;} .pageZ20_6 .z6box-top .swiper-slide img{width: 100%;display: block;opacity: 0.4;} .pageZ20_6 .z6box-top .swiper-slide video{width: 100%;display: block;opacity: 0.4;} .pageZ20_6 .z6box-top .swiper-slide.swiper-slide-active img{opacity: 1;} .pageZ20_6 .z6box-top .swiper-slide.swiper-slide-active video{opacity: 1;} /* pageZ20_7*/ .pageZ20_7{width: 100%;overflow: hidden;background-color: #fff;padding: 90px 0 120px;} .pageZ20_7 .c1200{padding: 0 35px 180px;position: relative;} .pageZ20_7 .tit{width: 400px;font-size: 20px;line-height: 30px;color: #333;border-bottom: 3px solid #333;margin-top: 30px;padding-bottom: 48px;position: absolute;bottom: 6px;left: 35px;} .pageZ20_7 .z7box-top{width: 100%;margin: 60px auto 0;overflow: hidden;} .pageZ20_7 .z7box-top .swiper-slide img{width: 100%;display: block;} .pageZ20_7 .z7box-top .swiper-slide video{width: 100%;display: block;} .pageZ20_7 .z7box-thumbs{width: 664px;margin: 30px 0 0;overflow: hidden;position: absolute;bottom: 0;right: 35px;} .pageZ20_7 .z7box-thumbs .swiper-wrapper{transform: none !important;} .pageZ20_7 .z7box-thumbs .swiper-slide{cursor: pointer;} .pageZ20_7 .z7box-thumbs .swiper-slide .img{width: 100%;overflow: hidden;background-color: #000;} .pageZ20_7 .z7box-thumbs .swiper-slide .img img{width: 100%;display: block;opacity: 0.5;} .pageZ20_7 .z7box-thumbs .swiper-slide .t{font-size: 24px;line-height: 28px;color: #333;text-align: center;margin-top: 30px;} .pageZ20_7 .z7box-thumbs .swiper-slide.swiper-slide-thumb-active .img img{opacity: 1;} .pageZ20_7 .z7box-thumbs.z7box-thumbs_en .swiper-slide .t{font-size: 18px;line-height: 22px;} /* pageZ20_8*/ .pageZ20_8{width: 100%;background-color: #f6f6f6;overflow: hidden;padding: 90px 0;} .pageZ20_8 .c1200{padding: 0 35px;} .pageZ20_8 .zpText{margin-top: 20px;} .pageZ20_8 .img{width: 100%;overflow: hidden;margin-top: 40px;} .pageZ20_8 .img img{width: 100%;display: block;} .pageZ20_8 ul{width: 100%;margin-top: 40px;flex-wrap: wrap;} .pageZ20_8 ul li{width: 680px;overflow: hidden;margin-top: 14px;} .pageZ20_8 ul li img{width: 100%;display: block;transition: all 0.6s ease;} .pageZ20_8 ul li:nth-child(2), .pageZ20_8 ul li:nth-child(3){width: 436px;} /* CN500*//* pageCN500_1 */ .pageCN500_1{width: 100%;overflow: hidden;padding:200px 0 20px 0;background-size: cover !important;} .pageCN500_1 .wrap{ position: relative;} .pageCN500_1 .img{ width: 50%; height: 750px; text-align: right; float: right;} .pageCN500_1 .img img{ height: 100%; margin-right: -15%;} .pageCN500_1 .contBox{ position: absolute; text-align: center; width: 600px; left: 5%; top: 45%; transform: translateY(-50%);} .pageCN500_1 .contBox .bannerTit2{ position: relative;} .pageCN500_1 .contBox .bannerTit2 span{ position: relative; } .pageCN500_1 .contBox .bannerTit2 span::after{ content: ''; position: absolute; left: 0; top: -35px; width: 70px; height: 33px; background: url(https://c.effort-tech.com/yft/web/images/new/gz/cn500/cn500_1_new.png) no-repeat; background-size: 100%;} .pageCN500_1 .contBox .bannerTxt2{ color: #333;} .pageCN500_1 .contBox ul{width: 100%;justify-content: center; margin-top: 50px; position: relative; z-index: 2;} .pageCN500_1 .contBox ul li{width: 140px;height: 84px; padding: 0 10px; border-right: solid 1px rgba(0, 0, 0, 0.2); box-sizing: border-box; text-align: center;cursor: pointer;transition: all 0.6s ease;} .pageCN500_1 .contBox ul li:last-child{ border-right: 0;} .pageCN500_1 .contBox ul li img{width: 90px;height: 50px;display: block;margin: 0 auto;margin-top: 0;} .pageCN500_1 .contBox ul li p{color: #333;font-size: 16px;line-height: 24px;margin-top: 15px;} .pageCN500_1 .contBox ul li .p{font-size: 14px;line-height: 20px;font-family: "AlibabaPuHuiTiR";} .pageCN500_1 .contBox ul.listEn li{width: 130px;} @media (max-width: 1680px){ .pageCN500_1 .contBox{left: 0;} .pageCN500_1 .contBox ul.listEn li .p{font-size: 12px; line-height: 18px;} } /* pageCN500_2 */ .pageCN500_2{width: 100%;overflow: hidden;padding:230px 0 ; background-color: #000; position: relative;} .pageCN500_2 .imgBg{ z-index: 0; position: absolute; left: 0; top: 10%; width: auto; height: 90%;} .pageCN500_2 .cont{ width: 545px; } .pageCN500_2 .contEn { width: 590px; } .pageCN500_2 .cont .contTitle{ color: #fff;} .pageCN500_2 .cont .contTitle span{ color: #4ba8ff;} .pageCN500_2 .cont .contTxt{ color: rgba(255, 255, 255, 0.6); } .pageCN500_2 .cont .contTxt span{ color: #fff;} /* pageCN500_3 */ .pageCN500_3{width: 100%;overflow: hidden;padding:80px 0 ; position: relative; background-color: #f4f6fa;} .pageCN500_3 .wrap{ position: relative;} .pageCN500_3 .cont{ position: absolute; width:500px; left: 0; top: 50%; transform: translateY(-50%);} .pageCN500_3 .cont .contTitle span{ color: #4ba8ff;} .pageCN500_3 .cont .contTxt{ color: #666; } .pageCN500_3 .cont .contTxt span{ color: #000;} .pageCN500_3 .cont .list{ width: 100%; margin-top: 40px;} .pageCN500_3 .cont .list .st{ width: 100%; font-size: 14px; margin-bottom: 10px; color: #999;} .pageCN500_3 .cont .list li{ width: 50%;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageCN500_3 .cont .list li .t{ font-size: 28px; color: #4ba8ff;} .pageCN500_3 .cont .list li .d{ font-size: 20px; color: #333; margin-top:10px;} .pageCN500_3 .img{ float: right; width: 46%; margin-right: 5%;} .pageCN500_3 .img img{ width: 100%; display: block;} .pageCN500_3 .cont .listEn .st{font-family: "AlibabaPuHuiTiR";} .pageCN500_3 .cont .listEn li{font-family: "AlibabaPuHuiTiR";} .pageCN500_3 .cont .listEn li .t{ font-size: 26px;} .pageCN500_3 .cont .listEn li .d{ font-size: 18px;} /* pageCN500_4 */ .pageCN500_4{width: 100%;overflow: hidden;padding:280px 0 ; background-color: #000; position: relative;} .pageCN500_4 .imgBg{ z-index: 0; position: absolute; left: 15%; top: 0; width: auto; height: 100%;} .pageCN500_4 .cont { width: 545px; } .pageCN500_4 .contEn { width: 590px; } /* pageCN500_5 */ .pageCN500_5{ width: 100%; position: relative; overflow: hidden; padding: 140px 0; background-color: #f4f6fa;} .pageCN500_5 .imgBox{ width: 56%;} .pageCN500_5 .imgBox img{ width: 100%; height: 100%; display: block;} .pageCN500_5 .imgBox .img1{ width: 53.45%; margin-right: 2.4%; border-radius: 15px; overflow: hidden;} .pageCN500_5 .imgBox .img2{ width: 44.15%; position: relative;} .pageCN500_5 .imgBox .img2 li{ width: 100%; border-radius: 15px; position: relative; overflow: hidden;} .pageCN500_5 .imgBox .img2 li:first-child{ margin-bottom: 20px;} .pageCN500_5 .imgBox .img2 li p{ position: absolute; left: 30px; bottom: 20px; font-size: 18px; color: #fff;} .pageCN500_5 .imgBox .img2 li .p{ font-family: "AlibabaPuHuiTiR";font-size: 12px;} .pageCN500_5 .cont{ width: 500px; } /* pageCN500_6 */ .pageCN500_6{width: 100%;overflow: hidden;padding:300px 0 300px; background-color: #000; position: relative;} .pageCN500_6 .imgBg{ z-index: 0; position: absolute; left:0; top: 0; width: auto; height: 100%;} .pageCN500_6 .cont{ width: 545px; } .pageCN500_6 .contEn { width: 590px; } /* pageCN500_7 */ .pageCN500_7{width: 100%;overflow: hidden;padding:120px 0 ; background-color: #ffff; position: relative;} .pageCN500_7 .wrap{ position: relative;} .pageCN500_7 .cont{ position: absolute; width: 350px; left: 0; top: 40%; transform: translateY(-50%);} .pageCN500_7 .cont .contTitle span{ color: #4ba8ff; } .pageCN500_7 .cont .contTxt{ color: #666; } .pageCN500_7 .cont .contTxt span{ color: #000;} .pageCN500_7 .imgBox{ width: 56%; position: relative;} /* ProImg_big *//* ProImg_thumb */ .ProImg_big{ width: 100%; position: relative; border-radius: 15px; overflow: hidden;} .ProImg_big .swiper-slide{ width: 100%; overflow: hidden; position: relative;} .ProImg_big .swiper-slide img{ width: 100%; display: block;} .ProImg_thumb{ width: 100%; margin-top: 20px; position: relative; overflow: hidden;} .ProImg_thumb .swiper-slide{ overflow: hidden; text-align: center; cursor: pointer; opacity: 0.6; position: relative;} .ProImg_thumb .swiper-slide img{ width: 100%; display: block; border-radius: 15px;} .ProImg_thumb .swiper-slide p{ font-size: 20px; color: #333; margin-top: 10px;} .ProImg_thumb .swiper-slide .p{ font-size: 12px;font-family: "AlibabaPuHuiTiR";} .ProImg_thumb .swiper-slide.swiper-slide-thumb-active{ opacity: 1;} /* SL80*//* pageSL80_1 */ .pageSL80_1{width: 100%;overflow: hidden;padding:0 0 0 0; height: 100vh; background-size: cover !important;} .pageSL80_1 .imgBg{ width: 100%; position: relative; display: block; z-index: 1;} .pageSL80_1 .contBox{ text-align: center; position: absolute; left: 50%; top: 180px; z-index: 2; transform: translateX(-50%);} .pageSL80_1 .contBox .bannerTit2{ color: #fff;} .pageSL80_1 .contBox .bannerTxt2{ color: #fff;} /* pageSL80_2 */ .pageSL80_2{ width: 100%; position: relative; overflow: hidden; padding: 110px 0; background-color: #1e1e1e;} .pageSL80_2 .contTitle{text-align: center; color: #fff;} .pageSL80_2 ul{ width: 100%; margin-top: 80px;} .pageSL80_2 ul li{ width: 32%; border-radius: 15px; position: relative; margin: 0 2% 0 0; overflow: hidden;} .pageSL80_2 ul li:nth-child(3n){ margin-right: 0;} .pageSL80_2 ul li .img{ position: relative; overflow: hidden; width: 100%; z-index: 1;} .pageSL80_2 ul li .img img{ width: 100%; display: block;} .pageSL80_2 ul li .txt{ position: absolute; width: 100%; bottom: 0; left: 0; z-index: 2; color: #fff; padding: 0 40px 30px 40px;} .pageSL80_2 ul li .txt .t{ font-size: 36px; /*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageSL80_2 ul li .txt .d{ font-size: 18px; margin-top: 5px;} .pageSL80_2 ul li .txtEn { font-family: "AlibabaPuHuiTiR";} .pageSL80_2 ul li .txtEn .d{ font-size: 18px;} /* pageSL80_3 */ .pageSL80_3{ width: 100%; position: relative; overflow: hidden; padding: 110px 0 0 0; background-color: #f4f6fa;} .pageSL80_3 .img{ width: 64.5%; position: relative; z-index: 0;} .pageSL80_3 .img img{ width: 100%; display: block;} .pageSL80_3 .wrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .pageSL80_3 .cont{ width: 545px; } .pageSL80_3 .contEn{ width: 590px;} @media (max-width: 1560px){ .pageSL80_3 .cont{ right:8%; } } /* pageSL80_4 */ .pageSL80_4{ width: 100%; position: relative; overflow: hidden; padding: 110px 0 0 0; background-color: #1e1e1e;} .pageSL80_4 .cont{ width: 100%; text-align: center;} .pageSL80_4 .cont .contTitle{ color: #fff;} .pageSL80_4 .cont .contTxt{ color: rgba(255, 255, 255, 0.6);} .pageSL80_4 .imgBox{ width: 100%; text-align: center; margin-top: 50px;} .pageSL80_4 .imgBox .img1{ max-width: 100%; display: inline-block; margin: auto;} .pageSL80_4 .imgBox .img2{ width: 100%; display: inline-block; margin: auto;} /* pageSL80_5 */ .pageSL80_5{ width: 100%; position: relative; overflow: hidden; padding: 0 0 0 0; background-color: #f2f1f2;} .pageSL80_5 .cont{ position: absolute; width: 350px; left: 13%; top: 50%; transform: translateY(-50%);} .pageSL80_5 .contEn{ width: 480px; } .pageSL80_5 .imgBox{ width: 48%; text-align: center; position: relative;} .pageSL80_5 .imgBox .img{ width: 100%; display: block; position: relative; z-index: 1;} .pageSL80_5 .imgBox .txt{ position: absolute; text-align: left; left: -110px; top: 41.0%; width: 140px;} .pageSL80_5 .imgBox .txt .st{ width: 100%; font-size: 22px;} .pageSL80_5 .imgBox .txt .li{ width: 100%; font-size: 36px;/*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM"; margin-top: 10px; line-height: 46px; vertical-align: bottom;} .pageSL80_5 .imgBox .txt .li span{ font-size: 22px; font-weight: normal;} .pageSL80_5 .imgBox .txt.enTxt {left: -130px; top: 41.3%;} .pageSL80_5 .imgBox .txt.enTxt .st{font-size: 18px;} /* pageSL80_6 */ .pageSL80_6{ width: 100%; position: relative; overflow: hidden; padding: 110px 0; background-color: #1e1e1e;} .pageSL80_6 .wrap{ position: relative;} .pageSL80_6 .cont{ position: absolute; width: 545px; z-index: 2; right: 0; top: 50%; transform: translateY(-50%);} .pageSL80_6 .cont .contTitle{ color: #fff;} .pageSL80_6 .cont .contTxt{ color: rgba(255, 255, 255, 0.6);} .pageSL80_6 .img{ width: 52%; position: relative;} .pageSL80_6 .img img{ width: 100%; display: block;} .pageSL80_6 .contEn{ width: 590px;} /* pageSL80_7 */ .pageSL80_7{ width: 100%; position: relative; overflow: hidden; padding: 110px 0 ; background-color: #fff;} .pageSL80_7 .cont{ width: 100%; text-align: center;} .pageSL80_7 ul{ width: 100%; margin-top: 50px;} .pageSL80_7 ul li{ width: 23.5%; margin-right: 2%; cursor: pointer; text-align: center; position: relative;} .pageSL80_7 ul li:nth-child(4n){ margin-right: 0;} .pageSL80_7 ul li .img{ position: relative; width: 100%; border-radius: 15px; overflow: hidden;} .pageSL80_7 ul li .img img{ width: 100%; display: block; transition: all 0.8s ease;} .pageSL80_7 ul li .img p{ position: absolute; top: 0; left: 0; background-color: #817f7f; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 15px 0 15px 0; font-size: 30px; color: #fff; /*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageSL80_7 ul li .t{ font-size: 22px; margin-top: 15px; color: #333;} .pageSL80_7 ul li .t1{ font-size: 18px; font-family: "AlibabaPuHuiTiR";} .pageSL80_7 ul li:hover .img img{ transform: scale(1.15);} /* E616P*//* pageE616P_1 */ .pageE616P_1{width: 100%;overflow: hidden;padding:180px 0 0 0; height: 100vh; background-size: cover !important;} .pageE616P_1 .wrap{ position: relative; height: 100%;} .pageE616P_1 .contBox{ position: absolute; width: 500px; left: 0; top: 40%; transform: translateY(-50%); text-align: center;} .pageE616P_1 .contBoxEn{width: 530px; left: -20px; } .pageE616P_1 .contBox .bannerTit1{ color: #333;} .pageE616P_1 .contBox .bannerTxt1{ color: #333;/* font-size: 18px;*/} .pageE616P_1 .contBox ul{width: 100%;justify-content: center; margin-top: 50px; position: relative; z-index: 2;} .pageE616P_1 .contBox ul li{min-width: 120px;text-align: center;cursor: pointer;transition: all 0.6s ease;} .pageE616P_1 .contBox ul li img{width: 54px;height: 54px;display: block;margin: 0 auto;margin-top: 0;} .pageE616P_1 .contBox ul li p{color: #333;font-size: 16px; border-right: solid 1px rgba(0, 0, 0, 0.2); line-height: 24px;margin-top: 15px;text-transform: capitalize;padding: 0 15px;} .pageE616P_1 .contBox ul li .p{font-size: 12px;line-height: 18px;font-family: "AlibabaPuHuiTiR";} .pageE616P_1 .contBox ul li:last-child p{ border-right: 0;} /* pageE616P_2*/ .pageE616P_2{width: 100%;overflow: hidden;background-color: #000;position: relative;} .pageE616P_2 .img{width: 80%;overflow: hidden;} .pageE616P_2 .img img{width: 100%;display: block;} .pageE616P_2 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageE616P_2 .cont{width: 545px; float: right;} .pageE616P_2 .cont .contTitle{color: #fff;} .pageE616P_2 .cont .contTxt{color: rgba(255, 255, 255, 0.6);} .pageE616P_2 .cont.contEn{ width: 590px;} /* pageE616P_3*/ .pageE616P_3{width: 100%; overflow: hidden; background-color: #f6f6f6; padding: 180px 0; position: relative;} .pageE616P_3 .wrap{ vertical-align: middle;} .pageE616P_3 .img{ width: 48%; position: relative; vertical-align: bottom; overflow: hidden;} .pageE616P_3 .img img{ width: 100%; border-radius: 15px;} .pageE616P_3 .cont{ width: 41%; margin-right: 11%;} .pageE616P_3 .cont ul{ width: 100%; margin-top: 40px;} .pageE616P_3 .cont ul li{ width: 48%; border-radius: 15px; overflow: hidden;} .pageE616P_3 .cont ul li img{ width: 100%; display: block;} .pageE616P_3 .cont ul li:first-child{ margin-right: 4%;} .pageE616P_3 .contEn{ width: 500px; margin-right: calc(52% - 500px);} /* pageE616P_4*/ .pageE616P_4{width: 100%; overflow: hidden; background-color: #fff; padding: 0 0 120px 0; position: relative;} .pageE616P_4 .img{width: 55%;overflow: hidden; margin-left: 7%;} .pageE616P_4 .img img{width: 100%;display: block;} .pageE616P_4 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageE616P_4 .cont{width:545px; float: right;} .pageE616P_4 .contEn{width:590px; float: right;} /* pageE616P_5 */ .pageE616P_5{width: 100%;overflow: hidden;background-color: #000; padding: 60px 0 0 0; position: relative;} .pageE616P_5 .img{ float: right; width: 65%; position: relative;} .pageE616P_5 .img img{ width: 100%; display: block;} .pageE616P_5 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageE616P_5 .cont{ width: 38%; } .pageE616P_5 .cont .contTitle{color: #fff;} .pageE616P_5 .cont .contTxt{color: rgba(255, 255, 255, 0.6);} .pageE616P_5 .cont ul{ width: 100%; margin-top: 40px;} .pageE616P_5 .cont ul li{ width: 48%; border-radius: 15px; position: relative; overflow: hidden;} .pageE616P_5 .cont ul li img{ width: 100%; display: block;} .pageE616P_5 .cont ul li p{ position: absolute; top: 15px; z-index: 2; left: 15px; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 50%; font-size: 16px; color: #fff; background-color: #3e7fff;} .pageE616P_5 .cont ul li:first-child{ margin-right: 4%;} .pageE616P_5 .contEn{ width:500px;} /* pageE616P_6 */ .pageE616P_6{width: 100%;overflow: hidden;background-color: #f5f5f5; padding: 120px 0; position: relative;} .pageE616P_6 .img{ float: left; width: 50%; position: relative;} .pageE616P_6 .img img{ width: 100%; display: block;} .pageE616P_6 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageE616P_6 .cont{ width: 420px; float: right;} .pageE616P_6 .cont ul{ width: 100%; margin-top: 40px;} .pageE616P_6 .cont ul li{ width: 48%; position: relative; overflow: hidden;} .pageE616P_6 .cont ul li img{ width: 100%; display: block;border-radius: 15px; } .pageE616P_6 .cont ul li p{ margin-top: 15px; font-size: 22px; color: #333;} .pageE616P_6 .cont ul li .p{ font-size: 18px;font-family: "AlibabaPuHuiTiR";} .pageE616P_6 .cont ul li:first-child{ margin-right: 4%;} .pageE616P_6 .contEn{width: 590px; } /* pageE616P_7 */ .pageE616P_7{width: 100%;overflow: hidden;background-color: #fff; padding: 120px 0 60px 0; position: relative;} .pageE616P_7 .img{ float: right; width: 70%; margin-right: -5%; position: relative;} .pageE616P_7 .img img{ width: 100%; display: block;} .pageE616P_7 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageE616P_7 .cont{ width: 36%; } .pageE616P_7 .contEn{ width:500px;} /* EP*//* pageEP_1 */ .pageEP_1{width: 100%;overflow: hidden;padding:340px 0 0 0; position: relative; background-size: cover !important;} .pageEP_1 .img{ width: 75%; position: relative; z-index: 0;} .pageEP_1 .img img{ width: 100%; display: block;} .pageEP_1 .wrap{ position: absolute; top: 180px; left: 50%; transform: translateX(-50%); z-index: 2;} .pageEP_1 .contBox{ text-align: center;} /* .pageEP_1 .contBox .bannerTit2{color: #333;} */ .pageEP_1 .contBox .bannerTxt2{color: #333; } /* pageEP_2 */ .pageEP_2{width: 100%;overflow: hidden;padding:110px 0; position: relative; background-color: #000;} .pageEP_2 .cont{ text-align: center;} .pageEP_2 .cont .contTitle{color: #fff;} .pageEP_2 .cont .contTxt{color: rgba(255, 255, 255, 0.6);} .pageEP_2 ul{ width: 100%; margin-top: 50px;} .pageEP_2 ul li{ width: 32%; margin: 1.5% 2% 1.5% 0; cursor: pointer; text-align: center;} .pageEP_2 ul li:nth-child(3n){ margin-right: 0;} .pageEP_2 ul li .img{ width: 100%; border-radius: 15px; overflow: hidden;} .pageEP_2 ul li .img img{ width: 100%; display: block; transition: all 0.8s ease;} .pageEP_2 ul li .t{ font-size: 22px; color: #fff; margin-top: 15px;} .pageEP_2 ul li .t1{ font-family: "AlibabaPuHuiTiR"; font-size: 18px; } .pageEP_2 ul li:hover .img img{ transform: scale(1.1);} /* pageEP_3 */ .pageEP_3{width: 100%;overflow: hidden;padding:110px 0 0 0; position: relative; background-color: #f7f7f7;} .pageEP_3 .img{ width: 55%; position: relative; float: right; z-index: 0;} .pageEP_3 .img img{ width: 100%; display: block;} .pageEP_3 .wrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;} .pageEP_3 .cont{ width: 580px; } .pageEP_3 .contEn{ width: 500px; } /* pageEP_4 */ .pageEP_4 .cont{ width: 545px; } .pageEP_4 .contEn{ width: 590px; } /* pageEP_5 */ .pageEP_5 {width: 100%;overflow: hidden;padding:110px 0 ; position: relative; background-color: #f4f6fa;} .pageEP_5 .wrap{ position: relative;} .pageEP_5 .cont{ position: absolute; width: 400px; left: 0; top: 50%; transform: translateY(-50%);} .pageEP_5 .contEn{width: 500px;} .pageEP_5 .cont .contTitle span{ color: #4ba8ff;} .pageEP_5 .cont .contTxt{ color: #666; } .pageEP_5 .cont .contTxt span{ color: #000;} .pageEP_5 .imgBox{ width: 56%;} .pageEP_5 .imgBox img{ width: 100%; height: 100%; display: block;} .pageEP_5 .imgBox .img1{ width: 50%; margin-right: 3%; border-radius: 15px; overflow: hidden;} .pageEP_5 .imgBox .img2{ width: 47%; position: relative;} .pageEP_5 .imgBox .img2 li{ width: 100%; border-radius: 15px; position: relative; overflow: hidden;} .pageEP_5 .imgBox .img2 li:first-child{ margin-bottom: 20px;} .pageEP_5 .imgBox .img2 li p{ position: absolute; left: 30px; bottom: 20px; font-size: 18px; color: #fff;} /* pageEP_6 */ .pageEP_6{width: 100%;overflow: hidden;background-color: #000000; padding: 110px 0; position: relative;} .pageEP_6 .img{ float: left; margin-left: 3%; width: 55%; position: relative;} .pageEP_6 .img img{ width: 100%; display: block;} .pageEP_6 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .pageEP_6 .cont{ width: 545px; float: right;} .pageEP_6 .contEn{width: 590px;} .pageEP_6 .cont .contTitle{color: #fff;} .pageEP_6 .cont .contTxt{color: rgba(255, 255, 255, 0.6);} .pageEP_6 .cont ul{ width: 100%; margin-top: 40px;} .pageEP_6 .cont ul li{ width: 48%; position: relative; overflow: hidden;} .pageEP_6 .cont ul li img{ width: 100%; display: block;border-radius: 15px; } .pageEP_6 .cont ul li p{ margin-top: 15px; font-size: 22px; color: #fff;} .pageEP_6 .cont ul li .p{ font-family: "AlibabaPuHuiTiR"; font-size: 18px;} .pageEP_6 .cont ul li:first-child{ margin-right: 4%;} /* pageEP_7 */ .pageEP_7 {width: 100%;overflow: hidden;padding:110px 0 ; position: relative; background-color: #fff;} .pageEP_7 .cont{ width: 100%; text-align: center;} .pageEP_7 .box{ width: 86%; margin: 50px auto 0;} .pageEP_7 .box .item{ width: 45%;} .pageEP_7 .box .item:first-child{ margin-right: 10%;} .pageEP_7 .EPimg{ width: 100%; position: relative;} .pageEP_7 .EPimg .swiper-slide{ width: 100%; position: relative;} .pageEP_7 .EPimg .swiper-slide img{ width: 100%;} .pageEP_7 .EPthumbs{ width: 70%; margin: 30px auto 0; } .pageEP_7 .EPthumbs .swiper-slide{ padding-top: 15px; position: relative; text-align: center; opacity: 0.6; border-top: solid 2px rgba(0, 0, 0, 0.2); font-size: 22px; color: #333; cursor: pointer;} .pageEP_7 .EPthumbs .swiper-slide.swiper-slide-thumb-active{ opacity: 1; border-color: #000;} /* pageX950_1 */ .pageX950_1 .stit{ font-size: 24px; color: rgba(255, 255, 255, 0.8); margin-bottom: 20px;font-family: "AlibabaPuHuiTiR";} .pageX950_1 .tit{ font-family: "AlibabaPuHuiTiM"; font-size: 44px; line-height: 40px;} .pageX950_1 .txt{/*font-family: "AlibabaPuHuiTiR";*/ font-size: 36px; margin-top: 20px;} /* pageX950_2 */ .pageX950_2{width: 100%;overflow: hidden;background-color: #171717; padding: 110px 0; position: relative;} .pageX950_2 .zpText{ color: rgba(255, 255, 255, 0.6); margin: 0;} .pageX950_2 .box{ width: 1140px ; margin: 50px auto 0;} .pageX950_2 .box img{ width: 100%; height: 100%; display: block; z-index: 1;} .pageX950_2 .box .txt .t1{ font-size: 30px; color: #fff; /*font-weight: bold;*/ font-family: "AlibabaPuHuiTiM";} .pageX950_2 .box .txt .t2{ font-size: 16px; color: #fff; } .pageX950_2 .box ul{ width: 46%; margin-right: 2%;} .pageX950_2 .box ul li{ width: 100%; position: relative; overflow: hidden; border-radius: 20px} .pageX950_2 .box ul li:nth-child(1) { margin-bottom: 20px;} .pageX950_2 .box ul li:nth-child(1) .txt{ position: absolute; bottom: 40px; left:40px ; z-index: 2;} .pageX950_2 .box ul li:nth-child(2) .txt{ position: absolute; top: 40px; right:40px ; z-index: 2;} .pageX950_2 .box .img{ width: 52%; position: relative; overflow: hidden; border-radius: 20px;} .pageX950_2 .box .img .txt{ position: absolute; top: 40px; width: 100%; left: 0; text-align: center;} .pageX950_2 .box .t3{ font-family: "AlibabaPuHuiTiR"; } /* pageX950_3 */ .pageX950_3{width: 100%;overflow: hidden;background-color: #000000; padding: 110px 0; position: relative;} .pageX950_3 .cont{ text-align: center;} .pageX950_3 .cont .contTitle{color: #fff;} .pageX950_3 .cont .contTxt{color: rgba(255, 255, 255, 0.6);} .pageX950_3 .X950_3img{ width: 100%; position: relative; padding: 0 21%; overflow: hidden; margin: 50px auto 0;} .pageX950_3 .X950_3img .swiper-slide{ position: relative; width: 100%; background-color: #000; cursor: pointer; border-radius: 20px; overflow: hidden;} .pageX950_3 .X950_3img .swiper-slide::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1);} .pageX950_3 .X950_3img .swiper-slide img{ width: 100%; display: block; opacity: 0.5;} .pageX950_3 .X950_3img .swiper-slide video{ width: 100%; display: block; ;object-fit: fill;opacity: 0.5;} .pageX950_3 .X950_3img .swiper-slide.swiper-slide-active img,.pageX950_3 .X950_3img .swiper-slide.swiper-slide-active video{ opacity: 1;} .pageX950_3 .X950_3img .swiper-slide.swiper-slide-active::after{opacity: 0;} .pageX950_3 .X950_3img .icon-arrow{width: 36px;height: 36px;line-height: 36px;border-radius: 50%;border: 0;background-image: none !important;font-size: 18px;color: #fff; background-color: rgba(255, 255, 255, 0.2); text-align: center;transition: all 0.6s ease; z-index: 2;} .pageX950_3 .X950_3img .swiper-button-prev{left: 21%; margin-left: -80px; transform: rotate(-180deg);} .pageX950_3 .X950_3img .swiper-button-next{right: 21%; margin-right: -80px;} .pageX950_3 .X950_3img .swiper-button-prev:hover,.pageX950_3 .X950_3img .swiper-button-next:hover{background-color: #4292e7;color: #fff;} .pageX950_3 .X950_3img .swiper-button-prev::after,.pageX950_3 .X950_3img .swiper-button-next::after{display: none;} .pageX950_3 .X950_3thumb{ width: 650px; margin: 50px auto 0; height: 54px; background-color: rgba(255, 255, 255, 0.1); border-radius: 27px; position: relative;} .pageX950_3 .X950_3thumb .swiper-slide{ cursor: pointer; font-size: 20px; position: relative; color: rgba(255, 255, 255, 0.6); text-align: center; line-height: 54px; border-radius: 27px; overflow: hidden;} .pageX950_3 .X950_3thumb .slide{ font-size: 16px;font-family: "AlibabaPuHuiTiR"; } .pageX950_3 .X950_3thumb .swiper-slide.swiper-slide-thumb-active{ background-color: #4292e7; color: #fff;} /* pageX950_4 */ .pageX950_4{ padding: 0;} .pageX950_4 .box{ width: 100%; margin: 50px auto 0; position: relative;} .pageX950_4 .X950_4img{ width: 78%; position: relative; overflow: hidden; border-radius: 20px;} .pageX950_4 .X950_4img .swiper-slide{ width: 100%; position: relative; overflow: hidden; border-radius: 20px;} .pageX950_4 .X950_4img .swiper-slide img{ width: 100%; display: block; opacity: 1;} .pageX950_4 .X950_4img .swiper-slide video{ width: 100%; display: block; ;object-fit: fill;opacity: 1;} .pageX950_3 .X950_4img .swiper-slide::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.02);} .pageX950_4 .X950_4thumb{ width: 22%; height: 280px; position: relative;} .pageX950_4 .X950_4thumb::after{ content: ''; position: absolute; right: 1px; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2);} .pageX950_4 .X950_4thumb .swiper-slide{ cursor: pointer; text-align: right; width: 100%; height: 70px !important; line-height: 40px; padding:15px 25px 15px 0; border-right: solid 3px rgba(255, 255, 255, 0); font-size: 22px; color: rgba(255, 255, 255, 0.4);} .pageX950_4 .X950_4thumb .slide{ font-size: 24px;line-height: 34px;font-family: "AlibabaPuHuiTiR"; } .pageX950_4 .X950_4thumb .swiper-slide.swiper-slide-thumb-active{ border-color: #fff; color: #fff;} .pageX950_4 .X950_4thumb.X950_4thumb_en .slide{font-size: 16px;} /* pageX950_5 */ .pageX950_5{} .pageX950_5 .X950_5img{ width: 100%; margin: 50px auto 0; position: relative;} .pageX950_5 .X950_5img .swiper-slide {width: 1000px;height: 560px; overflow: hidden; border-radius: 20px;} .pageX950_5 .X950_5img .swiper-slide::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1);} .pageX950_5 .X950_5img .swiper-slide img{display:block;width: 1000px;height: 560px;} .pageX950_5 .X950_5img .swiper-slide.swiper-slide-active::after{background-color: rgba(255, 255, 255, 0.05);} .pageX950_5 .X950_5img .swiper-button-next,.pageX950_5 .X950_5img .swiper-button-prev{ width: calc(50% - 500px); height: 370px; margin-top: -185px !important;} .pageX950_5 .X950_5img .swiper-button-next::after,.pageX950_5 .X950_5img .swiper-button-prev::after{ display: none;} .pageX950_5 .X950_5img .swiper-button-next{ right: 0;} .pageX950_5 .X950_5img .swiper-button-prev{ right: 0;} .pageX950_5 .X950_5thumb{ width: 500px; margin: 50px auto 0; position: relative;} .pageX950_5 .X950_5thumb .swiper-slide{ cursor: pointer; font-size: 20px; position: relative; color: rgba(255, 255, 255, 0.6); text-align: center; overflow: hidden;} .pageX950_5 .X950_5thumb .slide{ font-family: "AlibabaPuHuiTiR"; } .pageX950_5 .X950_5thumb .swiper-slide.slide1{ text-align: left;} .pageX950_5 .X950_5thumb .swiper-slide.slide3{ text-align: right;} .pageX950_5 .X950_5thumb .swiper-slide.swiper-slide-thumb-active{ color: #fff;} .pageX950_5 .X950_5thumb.X950_5thumb_en{ width: 860px;} .pageX950_5 .X950_5thumb.X950_5thumb_en .swiper-slide{ font-size: 16px; } .pageX950_5 .X950_5thumb.X950_5thumb_en .swiper-slide.slide1{ width: 300px !important;} .pageX950_5 .X950_5thumb.X950_5thumb_en .swiper-slide.slide2{ width: 280px !important;} .pageX950_5 .X950_5thumb.X950_5thumb_en .swiper-slide.slide3{ width: 280px !important;} /* pageX950_6 */ .pageX950_6{ padding: 0 0 110px 0 ;} .pageX950_6 .X950_3thumb{ width: 860px; } .pageX950_6 .X950_3thumb .slide{ font-size: 20px;} /* pageX950_7 */ .pageX950_7{width: 100%;overflow: hidden;background-color: #171717; padding: 110px 0; position: relative;} .pageX950_7 .cont{ text-align: center;} .pageX950_7 .cont .contTitle{color: #fff;} .pageX950_7 .cont .contTxt{color: rgba(255, 255, 255, 0.6);} .pageX950_7 ul{ width: 1140px; margin: 50px auto 0;} .pageX950_7 ul li{ width: 49%; margin: 1.5% 2% 1.5% 0; cursor: pointer; text-align: center; position: relative;} .pageX950_7 ul li:nth-child(2n){ margin-right: 0;} .pageX950_7 ul li .img{ width: 100%; position: relative; border-radius: 20px; overflow: hidden;} .pageX950_7 ul li .img img{ width: 100%; display: block; transition: all 0.8s ease;} .pageX950_7 ul li .t{ text-align: center; margin-top: 15px; font-size: 20px; color: #fff;} .pageX950_7 ul li .t1{ font-family: "AlibabaPuHuiTiR";} .pageX950_7 ul li:hover img{ transform: scale(1.1);} /* pageX6100P_1 */ .pageX6100P_1 .img{width: 100%;margin: -3% auto -2%;display: block; z-index: 0; position: relative; height: 600px;} .pageX6100P_1 .img img{ height: 100%;} .pageX6100P_1 .contBox1 li p {font-family: "AlibabaPuHuiTiR";} .pageX6100P_1 .bannerTitEn1 span{ font-size: 16px; color:rgba(0, 0, 0, 0.6);} /* pageX6100P_2 */ .pageX6100P_2{width: 100%;overflow: hidden;background-color: #fff; padding: 110px 0; position: relative;} .pageX6100P_2 .contTitle{ text-align: center;} .pageX6100P_2 .list{ width: 100%; margin: 50px auto 0;} .pageX6100P_2 .list li{ width: 49%; position: relative; overflow: hidden; cursor: pointer; border-radius: 15px; } .pageX6100P_2 .list li img{ width: 100%; display: block; z-index: 1; position: relative; transition: all 0.8s ease;} .pageX6100P_2 .list li::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; z-index: 1; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));} .pageX6100P_2 .list li p{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 35px 40px; z-index: 3; font-size: 24px; color: #fff;} .pageX6100P_2 .list li .p{ font-size: 30px;font-family: "AlibabaPuHuiTiR";} .pageX6100P_2 .list li:first-child{ margin-right: 2%;} .pageX6100P_2 .list li:hover img{ transform: scale( 1.1);} /* pageX6100P_3 */ .pageX6100P_3{ width: 100%; position: relative; overflow: hidden; background-color: #f4f4f4; padding: 110px 0;} .pageX6100P_3 .wrap{ position: relative;} .pageX6100P_3 .contTitle{ text-align: center;} .pageX6100P_3 .X6100P_3img{ width: 100%; margin: 50px auto 0; position: relative; } .pageX6100P_3 .X6100P_3img .swiper-slide{ width: 100%; position: relative;} .pageX6100P_3 .X6100P_3img .swiper-slide .img{ width: 100%; position: relative; border-radius: 15px; overflow: hidden;} .pageX6100P_3 .X6100P_3img .swiper-slide .img img{ width: 100%; display: block;} .pageX6100P_3 .X6100P_3img .swiper-slide .txt{text-align: center; font-size: 20px; line-height: 30px; color: #666; margin-top: 110px;} .pageX6100P_3 .X6100P_3img .swiper-slide .txtEn{font-family: "AlibabaPuHuiTiR";} .pageX6100P_3 .X6100P_3thumb{ width: 1000px; border-radius: 0; overflow: hidden; position: absolute;left: 50%; margin-left: -500px; bottom: 60px;} .pageX6100P_3 .X6100P_3thumb_en{ width: 1200px;margin-left: -600px;} .pageX6100P_3 .X6100P_3thumb::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: rgba(01, 0, 0, 0.2);} .pageX6100P_3 .X6100P_3thumb .swiper-slide{ position: relative; cursor: pointer; text-align: center;} .pageX6100P_3 .X6100P_3thumb .swiper-slide span{width: 100%; font-size: 22px; color: #333; opacity: 0.6; display: inline-block; border-bottom: solid 2px rgba(0, 0, 0, 0); padding-bottom: 15px; font-family: "AlibabaPuHuiTiM";} .pageX6100P_3 .X6100P_3thumb .swiper-slide.slide span{ font-size: 22px;font-family: "AlibabaPuHuiTiR";} /*.pageX6100P_3 .X6100P_3thumb .swiper-slide.slide1{ text-align: left;}*/ /*.pageX6100P_3 .X6100P_3thumb .swiper-slide.slide2{ text-align: center;}*/ /*.pageX6100P_3 .X6100P_3thumb .swiper-slide.slide3{ text-align: right;}*/ .pageX6100P_3 .X6100P_3thumb .swiper-slide.slide.slide2{ text-align: center;padding: 0 20px;} .pageX6100P_3 .X6100P_3thumb .swiper-slide.swiper-slide-thumb-active span{ opacity: 1; border-color: #333;} /*.pageX6100P_3.X6100P_3_en .X6100P_3img .swiper-slide .txt{margin-top: 120px;}*/ /*.pageX6100P_3.X6100P_3_en .X6100P_3thumb .swiper-slide{ text-align: center;}*/ .pageX6100P_3.X6100P_3_en .X6100P_3thumb .swiper-slide span{ font-size: 14px;} /* pageX6100P_4 */ .pageX6100P_4{ width: 100%;overflow: hidden;background-color: #fff; padding: 110px 0; position: relative;} .pageX6100P_4 .contTitle{ text-align: center;} .pageX6100P_4 .box{ width: 100%; position: relative;} .pageX6100P_4 .X6100P_4img{ width: 100%; position: relative; padding: 0 21%; overflow: hidden; margin: 50px auto 0;} .pageX6100P_4 .X6100P_4img .swiper-slide{ position: relative; width: 100%;cursor: pointer; border-radius: 20px; overflow: hidden;} .pageX6100P_4 .X6100P_4img .swiper-slide .img{ width: 100%; background-color: #000; border-radius: 20px; overflow: hidden; position: relative;} .pageX6100P_4 .X6100P_4img .swiper-slide .img img{ width: 100%; display: block; opacity: 0.7;} .pageX6100P_4 .X6100P_4img .swiper-slide .txt{ text-align: center; opacity: 0; margin:70px auto 0; position: relative; width: 100%;} .pageX6100P_4 .X6100P_4img .swiper-slide .txtEn{font-family: "AlibabaPuHuiTiR";} .pageX6100P_4 .X6100P_4img .swiper-slide .txt .t1{ font-size: 28px; color: #333;} .pageX6100P_4 .X6100P_4img .swiper-slide .txt .t2{ font-size: 18px; color: #666; margin-top: 15px;} .pageX6100P_4 .X6100P_4img .swiper-slide.swiper-slide-active img{ opacity: 1;} .pageX6100P_4 .X6100P_4img .swiper-slide.swiper-slide-active .txt{ opacity: 1;} .pageX6100P_4 .X6100P_4img .swiper-pagination{bottom: 110px !important; height: 3px;} .pageX6100P_4 .X6100P_4img .swiper-pagination-bullet{width: 60px;height: 3px;cursor: pointer;background-color: #000;border-radius: 0;transition: all 0.6s ease;opacity: 0.3 !important;margin: 0 10px !important;} .pageX6100P_4 .X6100P_4img .swiper-pagination-bullet-active{opacity: 1 !important;} .pageX6100P_4 .X6100P_4img .icon-arrow{width: 36px;height: 36px;line-height: 36px;border-radius: 50%;border: 0;background-image: none !important;font-size: 18px;color: #fff; background-color: rgba(255, 255, 255, 0.2); text-align: center;transition: all 0.6s ease; z-index: 2;} .pageX6100P_4 .X6100P_4img .swiper-button-prev{left: 21%; margin-left: -80px; transform: rotate(-180deg);} .pageX6100P_4 .X6100P_4img .swiper-button-next{right: 21%; margin-right: -80px;} .pageX6100P_4 .X6100P_4img .swiper-button-prev:hover,.pageX6100P_4 .X6100P_4img .swiper-button-next:hover{background-color: #4292e7;color: #fff;} .pageX6100P_4 .X6100P_4img .swiper-button-prev::after,.pageX6100P_4 .X6100P_4img .swiper-button-next::after{display: none;} /* pageX6100P_5 */ .pageX6100P_5{ width: 100%; position: relative; overflow: hidden; background-color: #f4f4f4; } .pageX6100P_5 .cont{padding: 110px 0 50px 0;} .pageX6100P_5 .contTitle{ text-align: center;} .pageX6100P_5 .box{ width: 100%; padding: 60px 0; position: relative; background-color: #000;} .pageX6100P_5 .X6100P_5thumb{ width: 28%; margin-left: 5%; height: auto; position: relative;} .pageX6100P_5 .X6100P_5thumbEn{ width: 33%;min-width: 450px;} .pageX6100P_5 .X6100P_5thumb::after{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.4);} .pageX6100P_5 .X6100P_5thumb .swiper-slide{ cursor: pointer; text-align: left; width: 100%;border-left: solid 1px rgba(255, 255, 255, 0); padding:0 0 0 25px;} .pageX6100P_5 .X6100P_5thumb .swiper-slide .tit{ font-size: 24px; color: #fff; opacity: 0.4;} .pageX6100P_5 .X6100P_5thumb .swiper-slide .txt{ display: none; font-size: 18px; line-height: 30px; margin-top: 15px; color: rgba(255, 255, 255, 0.7);} .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide{font-family: "AlibabaPuHuiTiR";} .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide .tit{font-size: 24px;} .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide .txt{font-size: 16px;line-height: 30px;} .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide1{ height: 80px !important; margin-bottom: 40px;} .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide2{ height: 40px !important; margin-bottom: 40px;} .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide3{ height: 40px !important;} .pageX6100P_5 .X6100P_5thumb .swiper-slide.swiper-slide-thumb-active{ border-color: #fff;} .pageX6100P_5 .X6100P_5thumb .swiper-slide.swiper-slide-thumb-active .tit{ opacity: 1;} .pageX6100P_5 .X6100P_5thumb .swiper-slide.swiper-slide-thumb-active .txt{ display: block;} .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide1.swiper-slide-thumb-active{ height: 160px !important; } .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide2.swiper-slide-thumb-active{ height: 90px !important; } .pageX6100P_5 .X6100P_5thumb .swiper-slide.slide3.swiper-slide-thumb-active{ height: 90px !important; } .pageX6100P_5 .X6100P_5img{ width: 67%; margin-right: -5%; position: relative;} .pageX6100P_5 .X6100P_5img .swiper-slide{ width: 100%; position: relative;} .pageX6100P_5 .X6100P_5img .swiper-slide img{ width: 100%; display: block;} @media (max-width: 1560px){ .pageX6100P_5 .X6100P_5thumb .swiper-slide .tit{ font-size: 20px; } .pageX6100P_5 .X6100P_5thumb .swiper-slide .txt{ font-size: 16px; line-height: 32px; } } /* pageX6100P_6 */ .pageX6100P_6{ width: 100%;overflow: hidden;background-color: #fff; padding: 110px 0; position: relative;} .pageX6100P_6 .cont{ text-align: center;} .pageX6100P_6 .list{ width: 100%; margin: 50px auto 0;} .pageX6100P_6 .list li{ width: 23.5%; margin-right: 2%; position: relative; cursor: pointer;} .pageX6100P_6 .list li .img{ width: 100%; position: relative; overflow: hidden; border-radius: 15px;} .pageX6100P_6 .list li .img img{ display: block; width: 100%; transition: all 0.8s ease;} .pageX6100P_6 .list li .t{ text-align: center; font-size: 22px; color: #333; margin-top: 20px;} .pageX6100P_6 .list li .t1{ font-size: 18px; font-family: "AlibabaPuHuiTiR";} .pageX6100P_6 .list li:nth-child(4n){ margin-right: 0;} .pageX6100P_6 .list li:hover img{ transform: scale( 1.1);} /* pageEPD100_1 */ .pageEPD100_1 .img{width: 100%;margin: -3% auto -4%;display: block; z-index: 0; position: relative; height: 620px;} .pageEPD100_1 .img img{ height: 100%;} .pageEPD100_1 .contBox1 li{min-width: 152px; padding: 0 10px; } .pageEPD100_1 .contBox1 li img{width: 82px;height: 47px;display: block;margin: 0 auto;margin-top: 0;} /* pageEPD100_2 */ .pageEPD100_2{ width: 100%; padding: 110px 0; position: relative; overflow: hidden; background-color: #000;} .pageEPD100_2 .cont{ text-align: center;} .pageEPD100_2 .cont .contTxt{ margin: 0; color: rgba(255, 255, 255, 0.6);} .pageEPD100_2 ul{ width: 100%; margin: 50px auto 0;} .pageEPD100_2 ul li{ width: 23.5%; margin: 0 2% 0 0; cursor: pointer;} .pageEPD100_2 ul li .img{ border-radius: 15px; width: 100%; position: relative;z-index: 1; overflow: hidden;} .pageEPD100_2 ul li .img img{ width: 100%; display: block; transition: all 0.8s ease;} .pageEPD100_2 ul li .txt{ width: 100%; padding: 0 0; transform: translateY(-50%); position: relative; z-index: 2; vertical-align: bottom; } .pageEPD100_2 ul li .txt img{ width: 40%; border: solid 1px #fff; margin-left: 8%; border-radius: 50%; overflow: hidden;} .pageEPD100_2 ul li .txt .t1{ width: 52%; position: absolute; right: 0; bottom: 0; text-align: center; font-size: 24px; color: #fff;} .pageEPD100_2 ul li .txt .t{ font-family: "AlibabaPuHuiTiR"; font-size: 20px; } .pageEPD100_2 ul li:nth-child(4n){ margin-right: 0;} .pageEPD100_2 ul li:hover .img img{ transition: all 0.8s ease;} /* pageEPD100_3 */ .pageEPD100_3{ width: 100%; padding: 110px 0; position: relative; overflow: hidden; background-color: #fff;} .pageEPD100_3 .cont{ width: 480px; float: right; margin-top: 4%;} .pageEPD100_3 .contEn{ width: 590px;} .pageEPD100_3 ul{ width: calc(100% - 500px); margin-right: 20px; float: left; } .pageEPD100_3 .ulEn{ width: calc(100% - 620px); margin-right: 30px;} .pageEPD100_3 ul li{ width: 44%; margin-right: 4%; text-align: center;} .pageEPD100_3 ul li img{ width: 100%; border-radius: 15px; display: block;} .pageEPD100_3 ul li p{ text-align: center; margin-top: 20px; font-size: 22px; color: #333;} /* pageEPD100_4*/ .pageEPD100_4{width: 100%;background-color: #000;padding: 100px 0 150px; position: relative; overflow: hidden;} .pageEPD100_4 .img{width: 50%; margin-right: 5%; overflow: hidden; float: right;} .pageEPD100_4 .imgEn{ margin-right: 0;} .pageEPD100_4 .img img{width: 100%;display: block;} .pageEPD100_4 .wrap{ position: absolute;top:50%; left: 50%; transform:translate(-50%,-50%);} .pageEPD100_4 .cont{width: 370px; } .pageEPD100_4 .contEn{width: 500px;} .pageEPD100_4 .cont .contTitle{color: #fff;} .pageEPD100_4 .cont .contTxt{color:rgba(255, 255, 255, 0.6);} /* pageEPD100_5*/ .pageEPD100_5{width: 100%;background-color: #fff;padding: 110px 0 ; position: relative; overflow: hidden;} .pageEPD100_5 .img{width: 50%; margin-left: -5%; overflow: hidden;} .pageEPD100_5 .img img{width: 100%;display: block;} .pageEPD100_5 .wrap{ position: absolute;top:50%; left: 50%; transform:translate(-50%,-50%);} .pageEPD100_5 .cont{width: 480px; } .pageEPD100_5 .cont .list{ width: 100%; margin-top: 40px;} .pageEPD100_5 .cont .list li{ width: 30%; margin-right: 5%; text-align: center;} .pageEPD100_5 .cont .list li:nth-child(3n){ margin-right: 0;} .pageEPD100_5 .cont .list li img{ border-radius: 15px; width: 100%; display: block;} .pageEPD100_5 .cont .list li p{ font-size:18px; color: #333; margin-top: 15px;} .pageEPD100_5 .cont .list li .p{ font-family: "AlibabaPuHuiTiR"; font-size:14px;} .pageEPD100_5 .imgEn{width: 50%;} .pageEPD100_5 .contEn{width: 590px;} /* pageEPD100_6*/ .pageEPD100_6{padding: 150px 0 100px; } .pageEPD100_6 .cont{width: 35%;} .pageEPD100_6 .contEn{width: 500px;} .pageEPD100_6 .cont .list{ width: 100%; margin-top: 40px;} .pageEPD100_6 .cont .list li{ min-width: 80px; margin-right: 10%; text-align: center;} .pageEPD100_6 .cont .list li:nth-child(3n){ margin-right: 0;} .pageEPD100_6 .cont .list li img{ width: 70px; margin: auto; display: block;} .pageEPD100_6 .cont .list li p{ font-size:18px; color: #fff; margin-top: 15px;} .pageEPD100_6 .cont .list li .p{ font-family: "AlibabaPuHuiTiR"; font-size:12px;} .pageEPD100_6 .img{width: 55%; margin-right: -3%; overflow: hidden; float: right;} /* lightbox */ .jquery-lightbox-overlay{background: #000000;} .jquery-lightbox{position: relative;width: auto !important;height: auto !important;} .jquery-lightbox-background{z-index: 6999;position: absolute;} .jquery-lightbox-html{z-index: 7000;position: relative;border: solid 5px #fff;box-sizing: content-box;} .jquery-lightbox-loading{background: url(https://c.effort-tech.com/yft/web/images/loading.gif) #fff no-repeat center center;} .jquery-lightbox-mode-html .jquery-lightbox-loading{background: url(https://c.effort-tech.com/yft/web/images/loading.gif) #fff no-repeat center center;} .jquery-lightbox-button-close{position: absolute;top: 0;right: -50px;width: 50px;height: 50px;background: #333 url(https://c.effort-tech.com/yft/web/images/close_icon.png) center center no-repeat;} .jquery-lightbox-button-close:hover{background-color: #0070d5;} .jquery-lightbox-button-close SPAN{display: none;} .jquery-lightbox-buttons SPAN{display: none;} .jquery-lightbox-buttons{position: absolute;display: none !important;height: 100px;width: 50px;top: 50px;right: -50px;} .jquery-lightbox-buttons .jquery-lightbox-button-left{margin: 0;width: 50px;height: 50px;display: inline;background: #333 url(https://c.effort-tech.com/yft/web/images/arrow_left.png) center center no-repeat;float: left;} .jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background-color: #0070d5;} .jquery-lightbox-buttons .jquery-lightbox-button-right{margin: 0;width: 50px;height: 50px;display: inline;background: #333 url(https://c.effort-tech.com/yft/web/images/arrow_right.png) center center no-repeat;float: left;} .jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background-color: #0070d5;} .jquery-lightbox-navigator{display: none;}