.banner{overflow: hidden;} .banner .item{position: relative;} .banner .item img{display: block;width: 100%;} .banner .item .block{position: absolute;left: 0;text-align: center; top: 30%;right: 0;width: 1200px;margin: 0 auto;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: 0;visibility: hidden;} .banner .item .block h3{font-size: 40px;color: #ffffff;line-height: 1.2;} .banner .item .block p{font-size: 20px;color: #ffffff;line-height: 34px;/* width: 660px; */margin-top: 25px;} .banner .item .block a{font-size: 20px;color: #ffffff;line-height: 46px;border-radius: 4px;background-color: #2E63FB;background-image: url('../images/more.png');background-repeat: no-repeat;background-position: 124px center;background-size: 9px auto;padding: 0 50px 0 38px;display: inline-block;margin-top: 46px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .banner .item .block a:hover{background-position: 134px center;} .banner .item.active .block{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .banner .slick-dots{position: absolute;left: 0;right: 0;bottom: 20%;width: 1200px;margin: 0 auto;text-align: left;} .banner .slick-dots button{display: none;} .banner .slick-dots li{width: 48px;height: 3px;background: #FFFFFF;position: relative;} .banner .slick-dots li:after{content: '';display: block;width: 0;height: 100%;background: #2E63FB;opacity: 0;visibility: hidden;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .banner .slick-dots li.slick-active:after{opacity: 1;visibility: visible;width: 100%;} .indexMain .section2 .commTit{margin-bottom: 18px;} .indexMain .section2{margin-top: -60px;position: relative;z-index: 1;} .indexMain .topItems{display: flex;justify-content: space-between;margin: 0 -8px;} .indexMain .topItems .item { margin: 0 8px; background: linear-gradient(135deg, #F6F7FB 0%, #F7F8FB 100%); border-radius: 4px; border: 1px solid #FFFFFF; overflow: hidden; padding: 20px 80px 20px 57px; box-shadow: 0px 3px 8px 0px rgba(27, 65, 112, 0.12); position: relative; } .indexMain .topItems .item .pic{width: 50px;height: 50px;float: left;position: relative;} .indexMain .topItems .item .pic img{display: block;width: 100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .indexMain .topItems .item .pic .img1{width: 25px;} .indexMain .topItems .item .pic .img2 { width: 55px; position: absolute; right: 0; bottom: -6px; } .indexMain .topItems .item:hover .pic .img1{transform: translate(-4px,-4px);} .indexMain .topItems .item:hover .pic .img2{transform: translate(4px,4px);} .indexMain .topItems .item .text{margin-left: 60px;} .indexMain .topItems .item h3{font-size: 18px;color: #222222;line-height: 30px;} .indexMain .topItems .item p{font-size: 14px;color: #98A3B7;line-height: 24px;} .indexMain .topItems .item:after{content: '';width: 0;height: 2px;background: #2E63FB;position: absolute;left: 0;bottom: 0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;opacity: 0;visibility: hidden;} .indexMain .topItems .item:hover:after{width: 100%;opacity: 1;visibility: visible;} .indexMain .section2 .tabTit{text-align: center;font-size: 0;border-bottom: 1px solid #E8EBEE;} .indexMain .section2 .tabTit span{font-size: 14px;color: #222222;line-height: 60px;width: 134px;display: inline-block;vertical-align: middle;text-align: center;position: relative;font-weight: bold;cursor: pointer;} .indexMain .section2 .tabTit span:after{content: '';width: 1px;height: 20px;background: #E8EBEE;position: absolute;right: 0;top: 50%;margin-top: -10px;} .indexMain .section2 .tabTit span:first-child:before{content: '';width: 1px;height: 20px;background: #E8EBEE;position: absolute;left: 0;top: 50%;margin-top: -10px;} .indexMain .section2 .tabTit span.active{color: #2E63FB;} .indexMain .section2 .tabCon .con{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;opacity: 0;visibility: hidden;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);font-size: 0;margin: 0 -1%;height: 0;} .indexMain .section2 .tabCon .con.active{opacity: 1;visibility: visible;height: auto;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);height: auto;} .indexMain .section2 .tabCon .item { padding: 20px 0 0 18px; overflow: hidden; width: 32%; margin: 0 1% 0 0; display: inline-block; vertical-align: top; /* margin-top: 24px; */ } .indexMain .section2 .tabCon .item:nth-child(3n) { margin:0; } .indexMain .section2 .tabCon .item a{ display: flex; flex-wrap: wrap; position: relative; } .indexMain .section2 .tabCon .item .img { width: 100%; height: 230px; object-fit: cover; position: relative; float: left; margin-top: 10px; overflow: hidden; } .indexMain .section2 .tabCon .item img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .3s ease;} .indexMain .section2 .tabCon .item .img img:hover{ transform:scale(1.1); } .indexMain .section2 .tabCon .item .img1{opacity: 1;visibility: visible;} .indexMain .section2 .tabCon .item .img2{opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;} .indexMain .section2 .tabCon .item .text { position: absolute; padding: 2% 5%; top: 29px; margin-left: 3%; background: #00000056; border-radius: 100px; } .indexMain .section2 .tabCon .item h3{font-weight: bold; font-size: 14px;color: #ffffff;line-height: 20px;text-shadow:0 0 0 #222222;} .indexMain .section3{overflow: hidden;background: #F7F8FB;padding-bottom: 0;} .indexMain .section3 .box{overflow: hidden;position: relative;height: 650px;} .indexMain .section3 .box .right{width: 100%;height: 100%;background-image: url('../images/section8img1.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;float: right;padding: 40px 30px;} .indexMain .section3 .box .tit h3{font-size: 16px;color: #ffffff;line-height: 24px;} .indexMain .section3 .box .tit i{display: block;width: 30px;height: 1px;background: #FFFFFF;margin: 18px 0;} .indexMain .section3 .box .tit p{font-size: 14px;color: #8D95A7;line-height: 24px;} .indexMain .section3 .box .tit a{font-size: 16px;color: #2E63FB;display: block;background-image: url('../images/more2.png');background-repeat: no-repeat;background-position: 70px center;background-size: auto 14px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;margin-top: 18px;} .indexMain .section3 .box .tit a:hover{background-position: 76px center;} .indexMain .section3 .box .slickBox{position: absolute;left: 0;bottom: 155px;z-index: 1;width: 100%;} .indexMain .section3 .box .slickBox .item{ background: linear-gradient(135deg, #F6F7FB 0%, #F7F8FB 100%); border-radius: 4px;border: 2px solid #FFFFFF; padding: 20px;margin: 0 14px;display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;} .indexMain .section3 .box .slickBox .item .img{width: 100%;height:350px;border: 1px solid #E8EBEE;display: flex;justify-content: center;align-items: center;} .indexMain .section3 .box .slickBox .item .img img{display: block;width: 100%;height:350px; object-fit: cover;object-position: top;} .indexMain .section3 .box .slickBox .item .text{width: calc(100% - 106px);position: relative;margin-top: 3%;} .indexMain .section3 .box .slickBox .item h3{font-size: 18px;color: #222222;line-height: 26px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .indexMain .section3 .box .slickBox .item p{font-size: 16px;color: #98A3B7;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 52px;} .indexMain .section3 .box .slickBox .item i{width: 24px;height: 2px;display: block;background: #2E63FB;margin: 5px 0;} .indexMain .section3 .box .slick-arrow{width: 48px;height: 48px;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: 100%;cursor: pointer;font-size: 0;z-index: 2;position: absolute;bottom: -130px;} .indexMain .section3 .box .textBox{position: absolute;left: calc(45% + 56px);bottom: 32px;} .indexMain .section3 .box .scrollbar{width: 80px;height: 4px;background: #3B4767;border-radius: 2px;position: relative;overflow: hidden;} .indexMain .section3 .box .scrollbar .bar{position: absolute;left: 0;width: 0;height: 100%;background: #2E63FB;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .indexMain .section3 .box .textBox .text{font-size: 14px;color: #98A3B7;line-height: 20px;text-align: center;margin-top: 6px;} .indexMain .section4 .box{position: relative;} .commCase .slickLeft{width: 49%;} .commCase .slickLeft .pic{overflow: hidden;} .commCase .slickLeft img{display: block;width: 100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .commCase .slickLeft .item{display: none;} .commCase .slickLeft .item:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .commCase .slickLeft .item.active{display: block;} .commCase .slickLeft .item .top{display: flex;justify-content: space-between;align-items: center;} .commCase .slickLeft .item .text{background: #F7F8FB;padding: 20px 20px;} .commCase .slickLeft .item h3{font-size: 22px;color: #222222;line-height: 30px;} .commCase .slickLeft .item span{font-size: 16px;color: #222222;line-height: 30px;background-image: url('../images/more3.png');background-repeat: no-repeat;background-position: right center;background-size: auto 12px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;padding-right: 12px;} .commCase .slickLeft .item:hover span{-webkit-transform: translateX(6px);-moz-transform: translateX(6px);-o-transform: translateX(6px);-ms-transform: translateX(6px);transform: translateX(6px);} .commCase .slickLeft .item p{font-size: 16px;color: #98A3B7;line-height: 28px;margin-top: 6px;} .commCase .slickRight{position: absolute;right: 0;top: 0;width: 48%;height: 100%;overflow-y: auto;} .commCase .slickRight .item{background: #F7F8FB;border-radius: 4px;padding: 15px 20px;margin-bottom: 12px;cursor: pointer;} .commCase .slickRight .item .img{position: relative;height: 48px;} .commCase .slickRight .item img{display: block;height: 48px;position: absolute;left: 0;top: 0;} .commCase .slickRight .item .img1{opacity: 1;visibility: visible;} .commCase .slickRight .item .img2{opacity: 0;visibility: hidden;} .commCase .slickRight .item p{font-size: 14px;color: #222222;line-height: 24px;min-height: 48px;margin-top: 8px;} .commCase .slickRight .item.active{background-image: url('../images/bg1.png');background-repeat: no-repeat;background-position: center;background-size: cover;} .commCase .slickRight .item.active p{color: #ffffff;} .commCase .slickRight .item.active .img1{opacity: 0;visibility: hidden;} .commCase .slickRight .item.active .img2{opacity: 1;visibility: visible;} .indexMain .section5{background-image: url('../images/bg4.png');background-repeat: no-repeat;background-position: top center;background-size: cover;} .indexMain .section5 .items{font-size: 0;margin: -6px;} .indexMain .section5 .items .item{display: inline-block;vertical-align: top;width: 20%;} .indexMain .section5 .items .item a{display: block;margin: 6px;} .indexMain .section5 .items .item img{display: block;width: 100%;} .indexMain .section5 .items .item a:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);} .aNav{display: flex;justify-content: space-between;} .aNav a{font-size: 16px;color: #222222;line-height: 30px ;padding-bottom: 10px;position: relative;display: block;text-align: center;} .aNav a:after{content: '';width: 48px;height: 2px;background: #2E63FB;border-radius: 1px;position: absolute;left: 50%;bottom: 0;margin-left: -24px;display: block;opacity: 0;visibility: hidden;} .aNav a.active,.aNav a:hover{color: #2E63FB;font-weight: bold;} .aNav a.active:after,.aNav a:hover:after{opacity: 1;visibility: visible;} .caseMain .section1 .top{padding: 48px 0 20px;background: #FFFFFF;box-shadow: 0px 2px 12px 0px rgba(222,228,246,0.4);} .caseMain .section1 .bot{background: #F7F8FB;padding-bottom: 60px;} .caseMain .section1 .items{display: flex;flex-wrap: wrap;margin: 0 -1%;padding: 20px 0;} .caseMain .section1 .items .item{width: 23%;padding: 16px;background: #FFFFFF;border-radius: 4px;margin: 1%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .caseMain .section1 .items .item .text{display: flex;align-items: center;justify-content: space-between;margin-bottom: 18px;} .caseMain .section1 .items .item .text img{width: 45px;height: 45px;display: block;} .caseMain .section1 .items .item .text .tt{width: calc(100% - 78px);} .caseMain .section1 .items .item .text h3{font-size: 16px;color: #222222;line-height: 26px;} .caseMain .section1 .items .item .text p{font-size: 14px;color: #98A3B7;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .caseMain .section1 .items .item .pic{overflow: hidden;border-radius: 4px;} .caseMain .section1 .items .item .pic img{display: block;width: 100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .caseMain .section1 .items .item:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .caseMain .section1 .items .item:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);} .caseMain .section1 .bot .box{overflow: hidden;padding: 48px 0 0;} .caseMain .section1 .bot .box .left{width: 34%;float: left;text-align: right;padding-top: 10px;} .caseMain .section1 .bot .box .left .tit{font-size: 24px;color: #333333;line-height: 30px;padding-left: 13px;position: relative;text-align: left;} .caseMain .section1 .bot .box .left .tit:before{content: '';display: block;width: 4px;height: 22px;background: #2E63FB;border-radius: 2px;position: absolute;left: 0;top: 5px;} .caseMain .section1 .bot .box .left .desc{font-size: 14px;color: #98A3B7;line-height: 22px;margin-top: 12px;text-align: left;} .caseMain .section1 .bot .box .aBox{font-size: 0;margin-top: 35px;text-align: left;} .caseMain .section1 .bot .box .aBox a{display: inline-block;vertical-align: top;max-width: 40%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #98A3B7;line-height: 30px;text-decoration: underline;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;position: relative;margin-right: 15px;} .caseMain .section1 .bot .box .aBox .prev:after{content: '';background-image: url('../images/prev.png');background-repeat: no-repeat;background-position: center;background-size: 100%;width: 9px;height: 14px;display: block;vertical-align: middle;position: absolute;right: 0;top: 50%;margin-top: -7px;} .caseMain .section1 .bot .box .aBox .next:before{content: '';background-image: url('../images/next.png');background-repeat: no-repeat;background-position: center;background-size: 100%;width: 9px;height: 14px;display: block;vertical-align: middle;position: absolute;left: 0;top: 50%;margin-top: -7px;} .caseMain .section1 .bot .box .aBox .prev{padding-right: 16px;} .caseMain .section1 .bot .box .aBox .next{padding-left: 16px;} .caseMain .section1 .bot .box .aBox a:hover{color: #2E63FB;} .caseMain .section1 .bot .box .aBox .prev:hover:after{background-image: url('../images/prev2.png');} .caseMain .section1 .bot .box .aBox .next:hover:before{background-image: url('../images/next2.png');} .caseMain .section1 .bot .box .zx{font-size: 20px;color: #ffffff;line-height: 46px;border-radius: 4px;background-color: #2E63FB;background-image: url('../images/more.png');background-repeat: no-repeat;background-position: 124px center;background-size: 9px auto;padding: 0 50px 0 38px;display: inline-block;margin-top: 30px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .caseMain .section1 .bot .box .zx:hover{background-position: 134px center;} .caseMain .section1 .bot .box .right{width: 61.5%;float: right;} .caseMain .section1 .bot .box .right img{display: block;max-width: 100% !important;max-height: 100% !important;width: auto !important;height: auto !important;margin: 0 auto;} .sNav{text-align: center;font-size: 0;background: #FFFFFF;box-shadow: 0px 3px 8px 0px rgba(27,65,112,0.12);border-radius: 4px;margin-top: -52px;position: relative;z-index: 1;display: flex;justify-content: space-around;} .sNav a{display: inline-block;vertical-align: top;font-size: 18px;color: #222222;padding: 32px 0 26px;font-weight: bold;position: relative;} .sNav a:after{content: '';display: block;width: 100%;height: 2px;background: #2E63FB;position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;visibility: hidden;margin: 0 auto;} .sNav a.active:after{opacity: 1;visibility: visible;} .faMain .section1 .box{overflow: hidden;position: relative;display: flex;justify-content: space-between;} .faMain .section1 .box .pic{width: 61.5%;float: left;overflow: hidden;} .faMain .section1 .box .pic img{display: block;width: 100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .faMain .section1 .box .pic:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .faMain .section1 .box .text{float: right;width: 34.5%;position: relative;padding-top: 24px;} .faMain .section1 .box .text h3{font-size: 24px;color: #333333;line-height: 34px;padding-left: 14px;position: relative;} .faMain .section1 .box .text h3:after{content: '';width: 4px;height: 22px;background: #2E63FB;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -11px;} .faMain .section1 .box .text p{font-size: 14px;color: #98A3B7;line-height: 26px;margin-top: 14px;} .faMain .section1 .box .text .zx{font-size: 20px;color: #ffffff;line-height: 46px;border-radius: 4px;background-color: #2E63FB;background-image: url('../images/more.png');background-repeat: no-repeat;background-position: 124px center;background-size: 9px auto;padding: 0 50px 0 38px;display: inline-block;margin-top: 46px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;position: absolute;right: 0;bottom: 20px;} .faMain .section1 .box .text .zx:hover{background-position: 134px center;} .faMain .section2{background: #F7F8FB;} .faMain .section2 .items{font-size: 0;margin-top: 65px;} .faMain .section2 .item{display: inline-block;vertical-align: top;width: 25%;padding: 0 15px;text-align: center;} .faMain .section2 .item img{display: block;width: 100px;height: 83px;margin: 0 auto;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .faMain .section2 .item h3{font-size: 18px;color: #222222;line-height: 26px;margin-top: 36px;} .faMain .section2 .item p{font-size: 16px;color: #98A3B7;line-height: 26px;margin-top: 5px;} .faMain .section2 .item:hover img{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);} .faMain .section3 .box{overflow: hidden;} .faMain .section3 .navL{float: left;width: 184px;} .faMain .section3 .navL span{display: block;font-size: 18px;color: #333333;line-height: 48px;text-align: center;position: relative;cursor: pointer;} .faMain .section3 .navL span.active{color: #2E63FB;font-weight: bold;background: #F7F8FB;} .faMain .section3 .navL span:after{content: '';display: block;width: 8px;height: 100%;background: #2E63FB;position: absolute;right: 0;top: 0;opacity: 0;visibility: hidden;} .faMain .section3 .navL span.active:after{opacity: 1;visibility: visible;} .faMain .section3 .tabCon{width: calc(100% - 184px);float: right;padding-left: 32px;border-left: 2px solid #F7F8FB;} .faMain .section3 .tabCon .con{display: none;} .faMain .section3 .tabCon .con.active{display: block;} .faMain .section3 .tabCon .con h3{font-size: 18px;color: #222222;line-height: 30px;font-weight: normal;} .faMain .section3 .tabCon .con img{display: block;width: 100%;margin: 10px 0 20px;} .faMain .section3 .tabCon .con p{font-size: 16px;color: #666666;line-height: 26px;} .faMain .section3 .tabCon .con .zx{font-size: 20px;color: #ffffff;line-height: 46px;border-radius: 4px;background-color: #2E63FB;background-image: url('../images/more.png');background-repeat: no-repeat;background-position: 124px center;background-size: 9px auto;padding: 0 50px 0 38px;display: inline-block;margin-top: 40px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .faMain .section3 .tabCon .con .zx:hover{background-position: 134px center;} .faMain .section4{background-image: url('../images/bg.png');background-repeat: no-repeat;background-position: center;background-size: cover;} .faMain .section4 .items{margin: 0 -1%;} .faMain .section4 .items .item{font-size: 0;width: 18%;margin: 0 1%;height: 420px;position: relative;display: inline-block;vertical-align: top;overflow: hidden;} .faMain .section4 .items .item.active{width: 36.33%;} .faMain .section4 .items .item .logoImg{height: 71px;display: block;position: absolute;left: 0;right: 0;bottom: 28px;margin: 0 auto;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;opacity: 1;visibility: visible;} .faMain .section4 .items .item .block{padding: 35px 20px;position: absolute;left: 0;bottom: 30px;width: 100%;opacity: 0;visibility: hidden;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .faMain .section4 .items .item h3{font-size: 24px;color: #ffffff;line-height: 30px;} .faMain .section4 .items .item p{font-size: 14px;color: #ffffff;line-height: 24px;margin-top: 10px;} .faMain .section4 .items .item .bg{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;left: 0;top: 0;} .faMain .section4 .items .item.active .logoImg{opacity: 0;visibility: hidden;bottom: -20px;} .faMain .section4 .items .item.active .block{opacity: 1;visibility: visible;bottom: 0;} .abMain .banner .block{text-align: center;top: 40%;} .abMain .section1 .desc{font-size: 14px;color: #98A3B7;line-height: 26px;padding-bottom: 50px;} .abMain .section1 .desc p{margin-bottom: 22px;} .abMain .section1 .desc p:last-child{margin-bottom: 0;} .abMain .section1 .items{display: flex;background: linear-gradient(134deg, #F3F6F9 0%, #FDFEFF 100%);box-shadow: 0px 3px 8px 0px rgba(27,65,112,0.12);border-bottom: 2px solid #2E63FB;overflow: hidden;} .abMain .section1 .items .item{width: 33.33%;display: flex;align-items: flex-end;padding: 45px 0;justify-content: center;} .abMain .section1 .items .item span{font-size: 60px;color: #2E63FB;line-height: 60px;font-weight: bold;} .abMain .section1 .items .item em{font-style: normal;font-size: 60px;color: #2E63FB;line-height: 60px;font-weight: bold;} .abMain .section1 .items .item p{font-size: 24px;color: #2E63FB;margin-left: 16px;} .abMain .section1 .box{display: flex;justify-content: space-between;margin-top: 28px;} .abMain .section1 .box .item{position: relative;width: 31.33%;} .abMain .section1 .box .item img{display: block;width: 100%;} .abMain .section1 .box .item .text{position: absolute;left: 16px;top: 42%;font-size: 14px;color: #999999;line-height: 26px;z-index: 2;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .abMain .section1 .box .item .text h3{font-size: 24px;color: #333333;line-height: 30px;display: flex;align-items: center;margin-bottom: 10px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .abMain .section1 .box .item .text h3 i{width: 12px;height: 22px;background-image: url('../images/more2.png');background-repeat: no-repeat;background-position: center;background-size: auto 21px;display: inline-block;vertical-align: middle;margin-left: 8px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .abMain .section1 .box .item .text h4{font-weight: normal;} .abMain .section1 .box .item:after{content: '';background: rgba(46, 99, 251, .6);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .abMain .section1 .box .item:hover:after{opacity: 1;visibility: visible;} .abMain .section1 .box .item:hover .text{color: #ffffff;} .abMain .section1 .box .item:hover .text h3{color: #ffffff;} .abMain .section1 .box .item:hover .text h3 i{background-image: url('../images/more.png');} .abMain .section2 .items{font-size: 0;} .abMain .section2 .item{width: 12%;position: relative;display: inline-block;vertical-align: top;} .abMain .section2 .item .show{height: 370px;background: linear-gradient(180deg, rgba(255,255,255,0.23) 0%, #C5DDFD 100%);border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;padding: 40px 0;position: relative;} .abMain .section2 .item .show h3{font-size: 20px;color: #333333;line-height: 24px;text-align: center;font-weight: bold;} .abMain .section2 .item .show span{font-size: 16px;color: #333333;line-height: 24px;display: block;text-align: center;font-weight: bold;} .abMain .section2 .item .show img{display: block;width: 44px;position: absolute;left: 0;right: 0;bottom: 40px;margin: 0 auto;} .abMain .section2 .item .hide{opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;width: 100%;height: 100%;} .abMain .section2 .item .hide img{display: block;width: 100%;} .abMain .section2 .item .hide .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 40px 20px;} .abMain .section2 .item .hide .text h3{display: flex;justify-content: center;font-size: 20px;color: #ffffff;line-height: 30px;font-weight: bold;} .abMain .section2 .item .hide .text img{display: block;width: 28px;margin-right: 15px;} .abMain .section2 .item .hide ul{font-size: 0;margin-top: 30px;} .abMain .section2 .item .hide ul li{display: inline-block;vertical-align: top;width: 50%;text-align: center;font-size: 20px;color: #ffffff;line-height: 30px;margin: 10px 0;} .abMain .section2 .item .bg{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .abMain .section2 .item.active{width: 40%;} .abMain .section2 .item.active .hide{opacity: 1;visibility: visible;} .slick-slider .slick-track, .slick-slider .slick-list{display: flex;} .abMain .section3 .item{background: #ffffff;padding: 50px 26px;} .abMain .section3 .item .top{display: flex;align-items: center;} .abMain .section3 .item .top i{font-size: 60px;color: rgba(165, 206, 255, .5);line-height: 60px;font-weight: bold;font-style: normal;margin-right: 10px;} .abMain .section3 .item .top h3{font-size: 16px;line-height: 26px;color: #333333;} .abMain .section3 .item .top span{font-size: 14px;color: #2E63FB;line-height: 26px;text-transform: uppercase;} .abMain .section3 .item p{font-size: 14px;color: #98A3B7;line-height: 30px;margin-top: 40px;} .abMain .section3 .item:hover{background: #F7F8FB;} .abMain .section3 .slick-arrow{width: 38px;height: 38px;font-size: 0;cursor: pointer;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: 100%;position: absolute;top: 50%;margin-top: -19px;z-index: 2;} .abMain .section3 .slick-prev{background-image: url('../images/prev.png');left: 0;} .abMain .section3 .slick-next{background-image: url('../images/next.png');right: 0;} .abMain .section4{background: #F7F8FB;padding-bottom: 84px;} .abMain .section4 .commTit{text-align: left;} .abMain .section4 .box{overflow: hidden;display: flex;justify-content: space-between;align-items: center;} .abMain .section4 .box .left{width: 43%;overflow: hidden;} .abMain .section4 .box .left img{display: block;width: 100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .abMain .section4 .box .left:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-m-transform: scale(1.05);transform: scale(1.05);} .abMain .section4 .box .right{width: 53%;font-size: 0;} .abMain .section4 .box .right .item{display: inline-block;vertical-align: top;width: 50%;padding-left: 30px;margin: 12px 0;} .abMain .section4 .box .right h3{font-size: 24px;color: #333333;line-height: 30px;font-weight: bold;} .abMain .section4 .box .right p{font-size: 14px;color: #98A3B7;line-height: 26px;} .abMain .section4 .box .right .item:hover h3{color: #2E63FB;} .abMain .section4 .box .right .item:hover p{color: #2E63FB;} /* .fwMain .section1 .items{font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -10px;} .fwMain .section1 .item{width: 50%;padding: 18px 35px;display: flex;align-items: center;border-radius: 5px;margin-top: 15px;} .fwMain .section1 .item:hover{background-image: url('../images/bg1.png');background-repeat: no-repeat;background-position: center;background-size: cover;} .fwMain .section1 .item img{display: block;width: 36px;height: 36px;margin-right: 24px;} .fwMain .section1 .item h3{font-size: 16px;color: #222222;line-height: 30px;font-weight: bold;display: flex;align-items: center;} .fwMain .section1 .item h3 i{width: 16px;height: 30px;display: inline-block;vertical-align: middle;background-image: url('../images/more.png');background-repeat: no-repeat;background-position: center;background-size: auto 14px;margin-left: 5px;} .fwMain .section1 .item p{font-size: 14px;color: #98A3B7;line-height: 30px;} .fwMain .section1 .item span{margin-right: 30px;display: inline-block;} .fwMain .section1 .item span:last-child{margin-right: 0;} .fwMain .section1 .item:hover h3{color: #ffffff;} .fwMain .section1 .item:hover p{color: #ffffff;} .fwMain .section2{background: #F7F8FB;} .fwMain .section2 .items{display: flex;align-items: center;margin: 55px -1% 0;} .fwMain .section2 .item{width: 13%;background: #ffffff;box-shadow: 1px 1px 6px 0px rgba(46,65,119,0.15);border-radius: 8px;border: 1px solid #A5CEFF;padding: 10px 0 16px;margin: 0 1%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;} .fwMain .section2 .item img{width: 106px;display: block;margin: 0 auto;} .fwMain .section2 .item p{font-size: 16px;color: #98A3B7;line-height: 26px;text-align: center;} .fwMain .section2 .item:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .fwMain .section3{background: #F7F8FB;} .fwMain .section3 .box{background-image: url('../images/bg2.png');background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;justify-content: center;align-items: flex-start;} .fwMain .section3 .box .left{width: 180px;background: #2E63FB;box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.16);padding: 15px 0;} .fwMain .section3 .box .left .text{padding: 0 16px;} .fwMain .section3 .box .left h3{font-size: 20px;color: #ffffff;line-height: 30px;font-weight: bold;} .fwMain .section3 .box .left p{font-size: 14px;color: #ffffff;line-height: 24px;margin-top: 4px;} .fwMain .section3 .box .left i{display: block;width: 40px;height: 24px;background-image: url('../images/jt.png');background-repeat: no-repeat;background-position: center;background-size: auto 24px;margin-top: 15px;} .fwMain .section3 .box .tabTit{margin-top: 28px;} .fwMain .section3 .box .tabTit span{font-size: 14px;color: #ffffff;line-height: 40px;display: block;padding: 0 15px;cursor: pointer;} .fwMain .section3 .box .tabTit span.active{background: linear-gradient(293deg, rgba(255,255,255,0.23) 0%, rgba(197,221,253,0.37) 100%);} .fwMain .section3 .box .con{display: none;height: 0;} .fwMain .section3 .box .con.active{display: block;height: auto;} .fwMain .section3 .box .right{width: 480px;overflow: hidden;margin-left: 60px;} .fwMain .section3 .box .con .items{display: flex;justify-content: space-between;flex-wrap: wrap;margin: -2%;padding: 25px 0;} .fwMain .section3 .box .con .item{width: 46%;margin: 2%;background: rgba(255,255,255,.53);box-shadow: inset 1px 1px 20px 0px rgba(46, 99, 251, .53);padding: 18px;} .fwMain .section3 .box .con .item h3{font-size: 16px;color: #2E63FB;line-height: 26px;font-weight: bold;display: flex;align-items: center;margin-bottom: 5px;} .fwMain .section3 .box .con .item i{width: 15px;height: 15px;background-image: url('../images/dian.png');background-repeat: no-repeat;background-position: center;background-size: 100%;margin-right: 8px;} .fwMain .section3 .box .con .item p{font-size: 14px;color: #222222;line-height: 22px;min-height: 66px;} .fwMain .section4 .items{display: flex;justify-content: space-between;flex-wrap: wrap;margin: -1%;} .fwMain .section4 .items .item{background: linear-gradient(309deg, rgba(255,255,255,0.23) 0%, #C5DDFD 100%);border-radius: 4px;width: 48%;margin: 1%;display: flex;align-items: center;padding: 20px 30px;position: relative;} .fwMain .section4 .items .item img{display: block;width: 30px;height: 30px;margin-right: 28px;} .fwMain .section4 .items .item i{font-size: 100px;color: #A5CEFF;line-height: 1;font-weight: bold;position: absolute;left: 0;top: 50%;display: block;font-style: normal;margin-top: -50px;z-index: -1;} .fwMain .section4 .items .item h3{font-size: 20px;color: #2E63FB;line-height: 26px;font-weight: bold;} .fwMain .section4 .items .item p{font-size: 14px;color: #ffffff;line-height: 30px;opacity: 0;visibility: hidden;} .fwMain .section4 .items .item span{margin-right: 28px;display: inline-block;} .fwMain .section4 .items .item .text{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;transform: translateY(35%);-webkit-transform: translateY(35%);-moz-transform: translateY(35%);-ms-transform: translateY(35%);} .fwMain .section4 .items .item:hover{background-image: url('../images/bg1.png');background-repeat: no-repeat;background-position: center;background-size: cover;} .fwMain .section4 .items .item:hover h3{color: #ffffff;} .fwMain .section4 .items .item:hover .text{transform: translateY(0);} .fwMain .section4 .items .item:hover p{opacity: 1;visibility: visible;} .fwMain .section5{padding-top: 0;} .fwMain .section5 .box{position: relative;} */ .fwSeciver{width: 100%;} .fwMain{width: 100%;} .fwMain .swiper-container {width: 100vw;height: 100%;height: 94vh;} .fwMain .swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center} .fwMain .section{width: 100%;display: flex;margin-top: 54px;} .fwMain .section .item_left{width: 50%;position: relative;background: #F7F8FB;} .fwMain .section .item_left h2{font-size: 48px;font-weight: 800;color: #2E63FB;padding: 18% 12% 0 12%;text-align: left;} .fwMain .section .item_left .item_kind{margin: 68px 0;padding: 0 12%;} .fwMain .section .item_left .item_kind .kind_one{width: 80%; display: flex;align-items: center;justify-content: flex-start;text-align: left; font-size: 20px;color: #333333;padding: 12px 0;} .fwMain .section .item_left .item_kind .kind_one div{width: 50%;} .fwMain .section .item_left .item_info{font-size: 16px;font-weight: 400;color: #98A3B7;padding: 0 12%;line-height: 32px;text-align: left;} .fwMain .section .item_left .item_gain img{position: absolute;bottom: 0;left: 0;width: 237px;height: 226px;} .fwMain .section .item_left .item_gain .item_classify{width: 100%;box-sizing: border-box; position: absolute;z-index: 99;display: flex;align-items: center;justify-content: space-between;padding: 0 12%;margin-top: 80px;} .fwMain .section .item_left .item_gain .item_classify a div{font-size: 14px;color: #98A3B7;border-bottom: 1px solid #98A3B7;} .fwMain .section .item_left .item_gain .item_classify a div:hover{color: #2E63FB;border-bottom: 1px solid #2E63FB;} .fwMain .section .item_right{width: 50%;} .fwMain .section .item_right img{width: 100%;height: 100%;} .yxMain .section1,.yxMain .section2,.yxMain .section3,.yxMain .section4,.yxMain .section5,.yxMain .section6,.yxMain .section7,.yxMain .section8,.yxMain .section9{overflow: hidden;position: relative;background: #ffffff;} .yxMain .section1 .item{width: 100%;height: 90.1vh;position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;} .yxMain .section1 .img{position: absolute;right: 20px;bottom: 6%;width: 51.7vw;} .yxMain .section1 .img img{display: block;width: 100%;} .yxMain .section1 .block{position: absolute;left: 0;right: 0;top: 29%;margin: 0 auto;transform: translateY(40px);-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;opacity: 0;visibility: hidden;} .yxMain .section1 .block h3{font-size: 56px;color: #282828;line-height: 1;} .yxMain .section1 .block span{font-size: 20px;color: #282828;line-height: 1;text-transform: uppercase;margin-top: 24px;display: block;letter-spacing: 3px;} .yxMain .section1 .block a{font-size: 20px;color: #ffffff;line-height: 58px;text-align: center;width: 176px;border-radius: 5px;background: #0072f0;display: block;margin-top: 75px;} .yxMain .section1 .block a:hover{box-shadow: 0 5px 20px rgba(0,114,240,.5);} .yxMain .section1 .item.active .block{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);opacity: 1;visibility: visible;} .yxMain .section1 .slick-dots{position: absolute;left: 0;bottom: 28%;width: auto;} .yxMain .section1 .slick-dots li{width: 50px;height: 4px;background: #a2adc1;margin-right: 10px;margin-left: 0;} .yxMain .section1 .slick-dots li button{display: none;} .yxMain .section1 .slick-dots li.slick-active{background: #0072f0;} .yxMain .section2{padding: 80px 0 40px;background-image: url(../images/section2img1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} .yxMain .section2 .box{margin-top: 55px;} .yxMain .section2 .box .fr{width: 43.8%;float: right;margin-top: 58px;} .yxMain .section2 .box .fr .item{border-radius: 8px;border:3px solid #ffffff;padding: 40px 42px;position: relative;margin-bottom: 22px;box-shadow: 0 5px 16px rgba(0,0,0,.03);-webkit-background: linear-gradient(0, #fdfeff 0%, #f3f6f9 100%);-moz-background: linear-gradient(0, #fdfeff 0%, #f3f6f9 100%);-o-background: linear-gradient(0, #fdfeff 0%, #f3f6f9 100%);-ms-background: linear-gradient(0, #fdfeff 0%, #f3f6f9 100%);background: linear-gradient(0, #fdfeff 0%, #f3f6f9 100%);} .yxMain .section2 .box .fr .cell_box{position: absolute;right: 0;top: 0;width: 21%;height: 100%;} .yxMain .section2 .box .fr .cell_box img{height: 122px;width: auto;} .yxMain .section2 .box .fr .item .text{width: 82%;} .yxMain .section2 .box .fr .item .text h3{font-size: 22px;color: #282828;line-height: 30px;font-weight: normal;} .yxMain .section2 .box .fr .item .text p{font-size: 18px;color: #98a3b7;line-height: 30px;margin-top: 17px;} .yxMain .section2 .box .fr .item:after{content: '';display: block;width: 0;height: 3px;background: #0072f0;position: absolute;left: 0;bottom: -3px;opacity: 0;visibility: hidden;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .yxMain .section2 .box .fr .item:hover:after{width: 100%;opacity: 1;visibility: visible;} .yxMain .section2 .box .fl{width: 48%;float: left;position: relative;} .yxMain .section2 .box .fl img{display: block;width: 100%;} .yxMain .section2 .box .fl .img{width: 8.6%;position: absolute;-webkit-animation: jump .8s linear infinite alternate;-moz-animation: jump .8s linear infinite alternate;-ms-animation: jump .8s linear infinite alternate;-o-animation: jump .8s linear infinite alternate;animation: jump .8s linear infinite alternate;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .yxMain .section2 .box .fl .img1{left: 14%;top: 31.5%;} .yxMain .section2 .box .fl .img2{left: 47%;bottom: 35%;animation-delay: 300ms;} .yxMain .section2 .box .fl .img3{right: 15%;top: 30.5%;animation-delay: 600ms;} @keyframes jump { 0%{ transform: translateY(10px); } 100%{ transform: translateY(0); } } @-webkit-keyframes jump { 0%{ transform: translateY(10px); } 100%{ transform: translateY(0); } } .yxMain .section3{padding: 80px 0;background-image: url(../images/section3img1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} .yxMain .section3 .tit{font-size: 24px;color: #282828;line-height: 30px;margin-top: 30px;} .yxMain .section3 .items{font-size: 0;margin: 28px -.7% 0 -.7%;} .yxMain .section3 .items .item{display: inline-block;vertical-align: top;width: 23.5%;margin: 0 .7%;-webkit-background: linear-gradient(125deg, #f4f6f9 0%, #feffff 100%);-moz-background: linear-gradient(125deg, #f4f6f9 0%, #feffff 100%);-o-background: linear-gradient(125deg, #f4f6f9 0%, #feffff 100%);-ms-background: linear-gradient(125deg, #f4f6f9 0%, #feffff 100%);background: linear-gradient(125deg, #f4f6f9 0%, #feffff 100%);padding: 50px 20px 30px;position: relative;text-align: center;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;} .yxMain .section3 .items .item h3{font-size: 22px;color: #98a3b7;line-height: 30px;font-weight: normal;text-align: center;margin-top: 34px;} .yxMain .section3 .items .item span{font-size: 18px;color: #ffffff;line-height: 32px;text-align: center;display: block;padding: 0 14px;border-bottom-left-radius: 14px;position: absolute;right: -4px;top: -1px;-webkit-background: linear-gradient(144deg, #0072f0 0%, #5faafc 100%);-moz-background: linear-gradient(144deg, #0072f0 0%, #5faafc 100%);-o-background: linear-gradient(144deg, #0072f0 0%, #5faafc 100%);-ms-background: linear-gradient(144deg, #0072f0 0%, #5faafc 100%);background: linear-gradient(144deg, #0072f0 0%, #5faafc 100%);z-index: 2;} .yxMain .section3 .items .item .img{position: relative;display: inline-block;} .yxMain .section3 .items .item img{display: block;width: auto;height: 103px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;} .yxMain .section3 .items .item .img2{position: absolute;top: 0;left: 0;} .yxMain .section3 .items .item1:hover .img1{-webkit-transform: translate(-5px,-5px);-moz-transform: translate(-5px,-5px);-ms-transform: translate(-5px,-5px);-o-transform: translate(-5px,-5px);transform: translate(-5px,-5px);} .yxMain .section3 .items .item1:hover .img2{-webkit-transform: translate(5px,5px);-moz-transform: translate(5px,5px);-ms-transform: translate(5px,5px);-o-transform: translate(5px,5px);transform: translate(5px,5px);} .yxMain .section3 .items .item2:hover .img1{-webkit-transform: translate(-5px,5px);-moz-transform: translate(-5px,5px);-ms-transform: translate(-5px,5px);-o-transform: translate(-5px,5px);transform: translate(-5px,5px);} .yxMain .section3 .items .item2:hover .img2{-webkit-transform: translate(5px,-5px);-moz-transform: translate(5px,-5px);-ms-transform: translate(5px,-5px);-o-transform: translate(5px,-5px);transform: translate(5px,-5px);} .yxMain .section3 .items .item3:hover .img1{-webkit-transform: translate(-5px,5px);-moz-transform: translate(-5px,5px);-ms-transform: translate(-5px,5px);-o-transform: translate(-5px,5px);transform: translate(-5px,5px);} .yxMain .section3 .items .item3:hover .img2{-webkit-transform: translate(5px,-5px);-moz-transform: translate(5px,-5px);-ms-transform: translate(5px,-5px);-o-transform: translate(5px,-5px);transform: translate(5px,-5px);} .yxMain .section3 .items .item4:hover .img1{-webkit-transform: translate(-5px,-5px);-moz-transform: translate(-5px,-5px);-ms-transform: translate(-5px,-5px);-o-transform: translate(-5px,-5px);transform: translate(-5px,-5px);} .yxMain .section3 .items .item4:hover .img2{-webkit-transform: translate(5px,5px);-moz-transform: translate(5px,5px);-ms-transform: translate(5px,5px);-o-transform: translate(5px,5px);transform: translate(5px,5px);} .yxMain .section3 .items .item:after{content:'';background:transparent;border: 4px transparent solid;border-image:linear-gradient(to bottom,#ffffff,#e4e8f1) 1 10;width: calc(100% - 4px);height: calc(100% - 4px);position: absolute;left: 0;top: 0;box-shadow: 3px 0px 12px rgba(31,56,113,.25);} .yxMain .section3 .items .item:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);} .yxMain .section4{padding: 80px 0;background: #ffffff;} .yxMain .section4 .box{margin-top: 38px;} .yxMain .section4 .left{float: left;width: 63.6%;} .yxMain .section4 .left .tit{font-size: 24px;color: #282828;line-height: 30px;} .yxMain .section4 .left .tit span{color: #0072f0;display: inline-block;margin-left: 15px;} .yxMain .section4 .left .tit h3:after{content: '';display: inline-block;vertical-align: middle;width: 48px;height: 3px;background: #0072f0;margin-left: 40px;} .yxMain .section4 .left .items{display: flex;justify-content: space-between;margin-top: 64px;text-align: center;} .yxMain .section4 .left .items .item h3{font-size: 22px;color: #98a3b7;line-height: 30px;font-weight: normal;text-align: center;margin-top: 15px;} .yxMain .section4 .left .items .item .img{position: relative;display: inline-block;} .yxMain .section4 .left .items .item .img img{display: block;width: auto;height: 73px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;} .yxMain .section4 .left .items .item .img1{position: absolute;left: 0;top: 0;z-index: 1;} .yxMain .section4 .left .items .item:hover .img1{-webkit-transform: translate(-5px,5px);-moz-transform: translate(-5px,5px);-ms-transform: translate(-5px,5px);-o-transform: translate(-5px,5px);transform: translate(-5px,5px);} .yxMain .section4 .left .items .item:hover .img2{-webkit-transform: translate(5px,-5px);-moz-transform: translate(5px,-5px);-ms-transform: translate(5px,-5px);-o-transform: translate(5px,-5px);transform: translate(5px,-5px);} .yxMain .section4 .right{float: right;width: 30%;padding-top: 28px;} .yxMain .section4 .right h3{font-size: 28px;color: #0072f0;line-height: 40px;} .yxMain .section4 .right p{font-size: 22px;color: #282828;line-height: 32px;margin-top: 18px;} .yxMain .section4 .right a{width: 176px;display: block;font-size: 22px;color: #ffffff;line-height: 56px;text-align: center;background: #0072f0;border-radius: 5px;margin-top: 36px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;} .yxMain .section4 .right a:hover{box-shadow: 0 5px 20px rgba(0,114,240,.4);} .yxMain .section5{padding: 80px 0;background-image: url(../images/section5img1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} .yxMain .section5 .box{overflow: hidden;} .yxMain .section5 .items{font-size: 0;border-radius: 5px;box-shadow: 3px 0 16px rgba(230,241,245,1);margin-top: 50px;border-left: 3px solid #ffffff;overflow: hidden;} .yxMain .section5 .items .item{display: inline-block;vertical-align: top;width: calc(20% - 6px);padding: 50px 28px;-webkit-background: linear-gradient(145deg, #f3f6f9 0%, #fdfeff 100%);-moz-background: linear-gradient(145deg, #f3f6f9 0%, #fdfeff 100%);-o-background: linear-gradient(145deg, #f3f6f9 0%, #fdfeff 100%);-ms-background: linear-gradient(145deg, #f3f6f9 0%, #fdfeff 100%);background: linear-gradient(145deg, #f3f6f9 0%, #fdfeff 100%);height: 336px;position: relative;margin-left:-3px;z-index: 0;border: 3px solid #ffffff;border-radius: 5px;overflow: hidden;} .yxMain .section5 .items .item h3{font-size: 20px;color: #282828;line-height: 30px;} .yxMain .section5 .items .item p{font-size: 16px;color: #98a3b7;line-height: 26px;margin-top: 10px;} .yxMain .section5 .items .item img{display: block;width: 160px;position: absolute;right: -2px;bottom: -3px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;z-index: -1;} .yxMain .section5 .items .item:hover img{-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);} .yxMain .section6{padding: 80px 0;background: #ffffff;} .yxMain .section6 .items{font-size: 0;margin: 100px -2% 0 -2%;position: relative;z-index: 0;} .yxMain .section6 .items .item{display: inline-block;vertical-align: top;width: 29.33%;margin: 0 2%;-webkit-background: linear-gradient(145deg, #eef2f9 0%, #fffffb 100%);-moz-background: linear-gradient(145deg, #eef2f9 0%, #fffffb 100%);-o-background: linear-gradient(145deg, #eef2f9 0%, #fffffb 100%);-ms-background: linear-gradient(145deg, #eef2f9 0%, #fffffb 100%);background: linear-gradient(145deg, #eef2f9 0%, #fffffb 100%);box-shadow: 0 5px 20px rgba(0,0,0,.1);text-align: center;border-radius: 10px;border:2px solid #ffffff;position: relative;} .yxMain .section6 .items .item .inner{padding: 66px 20px;position: relative;z-index: 0;} .yxMain .section6 .items .item h3{font-size: 24px;color: #282828;line-height: 30px;margin-top: 33px;} .yxMain .section6 .items .item p{font-size: 20px;color: #98a3b7;line-height: 30px;margin-top: 20px;} .yxMain .section6 .items .item .tit{width: 242px;height: 147px;background-image: url(../images/sj2.png);background-repeat: no-repeat;background-position: center;background-size: 100%;font-size: 22px;color: #ffffff;line-height: 42px;text-align: center;position: absolute;top: -42px;left: 0;right: 0;margin: 0 auto;z-index: -1;} .yxMain .section6 .items .item .inner:after{content: '';width: 100%;height: 100%;background-image: url(../images/section6img1.png);background-repeat: no-repeat;background-position: top center;position: absolute;left: 0;top: -2px;border-radius: 10px;overflow: hidden;z-index: -1;} .yxMain .section6 .items .item .sj{width: 112px;height: 99px;background-image: url(../images/sj.png);background-repeat: no-repeat;background-position: center;background-size: 100%;display: flex;justify-content: center;position: absolute;right: -8px;top: -8px;z-index: 2;} .yxMain .section6 .items .item .sj span{font-size: 14px;color: #ffffff;line-height: 30px;display: block;transform: rotate(43deg);margin-top: 21px;} .yxMain .section6 .items .item img{display: block;width: 107px;margin: 0 auto;position: relative;z-index: 1;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;} .yxMain .section6 .items .item:hover img{transform: rotateY(180deg);} .yxMain .section7{padding: 80px 0 30px;background: #f5f7fb;} .yxMain .section7 .box{-webkit-background: linear-gradient(90deg, #f2f5f8 0%, #f9f9fb 100%);-moz-background: linear-gradient(90deg, #f2f5f8 0%, #f9f9fb 100%);-o-background: linear-gradient(90deg, #f2f5f8 0%, #f9f9fb 100%);-ms-background: linear-gradient(90deg, #f2f5f8 0%, #f9f9fb 100%);background: linear-gradient(90deg, #f2f5f8 0%, #f9f9fb 100%);box-shadow: 0 0 13px 4px rgba(206,217,233,.68) inset;padding: 48px 50px;margin-top: 35px;position: relative;} .yxMain .section7 .box .tit{font-size: 24px;color: #282828;line-height: 1;padding-left: 15px;border-left: 4px solid #0072f0;margin-bottom: 28px;} .yxMain .section7 .box .items{border:2px solid #cdd1dd;font-size: 0;margin-bottom: 40px;display: flex;flex-wrap: nowrap;} .yxMain .section7 .box .items .item{border-right: 2px solid #cdd1dd;display: inline-block;vertical-align: top;width: 25%;padding: 42px 20px;} .yxMain .section7 .box .items .item:last-child{border-right: 0;} .yxMain .section7 .box .items .item img{display: block;width: 78px;margin: 0 auto;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;} .yxMain .section7 .box .items .item h3{font-size: 20px;color: #98a3b7;line-height: 30px;text-align: center;font-weight: normal;margin-top: 34px;} .yxMain .section7 .box .items .item p{font-size: 18px;color: #98a3b7;line-height: 32px;text-align: center;} .yxMain .section7 .box:after{content: '';display: block;width: 100%;height: 30px;background: #f5f7fb;position: absolute;left: 0;bottom: 0;} .yxMain .section7 .box .items .item:hover img{-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);} .yxMain .section8{padding: 80px 0;background-image: url(../images/section8img1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} .yxMain .section8 .img{margin-top: 25px;} .yxMain .section8 img{display: block;max-width: 100%;margin: 0 auto;} .yxMain .section9{padding: 80px 0;background: #f5f7fb;} .yxMain .section9 .box{overflow: hidden;margin-top: 30px;} .yxMain .section9 .box .tabTit{text-align: center;font-size: 0;} .yxMain .section9 .box .tabTit span{font-size: 24px;color: #282828;line-height: 70px;display: inline-block;padding: 0 10px;margin: 0 70px;position: relative;cursor: pointer;} .yxMain .section9 .box .tabTit span.active{color: #0072f0;font-weight: bold;} .yxMain .section9 .box .tabTit span:after{content: '';display: block;width: 100%;height: 4px;background: #0072f0;position: absolute;left: 0;right: 0;bottom:0;margin: 0 auto;display: none;} .yxMain .section9 .box .tabTit span.active:after{display: block;} .yxMain .section9 .box .tabBox .con{display: none;overflow: hidden;position: relative;} .yxMain .section9 .box .tabBox .con.active{display: block;} .yxMain .section9 .box .tabBox .con .left{width: 18.7%;height:100%;position: absolute;left: 0;top: 0;-webkit-background: linear-gradient(90deg, #f9fafc 0%, #f4f6f9 100%);-moz-background: linear-gradient(90deg, #f9fafc 0%, #f4f6f9 100%);-o-background: linear-gradient(90deg, #f9fafc 0%, #f4f6f9 100%);-ms-background: linear-gradient(90deg, #f9fafc 0%, #f4f6f9 100%);background: linear-gradient(90deg, #f9fafc 0%, #f4f6f9 100%);border: 3px solid #ffffff;padding: 5px 36px 20px 40px;} .yxMain .section9 .box .tabBox .con .bg{display: block;width: 16.3%;position: absolute;right: 0;bottom: 0;} .yxMain .section9 .box .tabBox .con .left .tabTit2 span{font-size: 20px;color: #282828;line-height: 50px;display: block;margin: 30px 0;position: relative;cursor: pointer;} .yxMain .section9 .box .tabBox .con .left .tabTit2 span:after{content: '';display: block;width: 6px;height: 50px;background: #318df2;position: absolute;left: -42px;top: 0;display: none;} .yxMain .section9 .box .tabBox .con .left .tabTit2 span.active:after{display: block;} .yxMain .section9 .box .tabBox .con .left p{font-size: 16px;color: #98a3b7;line-height: 28px;position: absolute;left: 0;right: 0;margin-right: 0 auto;bottom: 35px;padding: 0 36px 0 40px;} .yxMain .section9 .box .tabBox .con .rightBox{width: 81.3%;float: right;box-shadow: 0 0 13px 4px rgba(206,217,233,.68) inset;padding: 48px 58px;overflow: hidden;min-height: 560px;} .yxMain .section9 .box .tabBox .con .right{display: none;} .yxMain .section9 .box .tabBox .con .right.active{display: block;} .yxMain .section9 .box .tabBox .con .right .pic{overflow: hidden;float: left;width: 62.7%;} .yxMain .section9 .box .tabBox .con .right .pic img{display: block;width: 100%;} .yxMain .section9 .box .tabBox .con .right .text{float: right;width: 32.5%;} .yxMain .section9 .box .tabBox .con .right .text p{font-size: 18px;color: #282828;line-height: 30px;margin-top: 50px;} .yxMain .section9 .box .tabBox .con .right .text p span{color: #0072f0;} .yxMain .section10{padding: 80px 0;background-image: url(../images/section8img2.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 2px solid #ffffff;} .yxMain .section11{padding: 80px 0 10px;/*background-image: url(../images/section10img1.jpg);*/background-repeat: no-repeat;background-position: center;background-size: cover;} .yxMain .section11 .box{position: relative;padding-left: 19%;min-height: 750px;} .yxMain .section11 .box .left{width: 12.6%;height: 100%;position: absolute;left: 0;top: 0;border-right: 2px solid #dfe2eb;padding: 5px 0;} .yxMain .section11 .box .left span{display: block;font-size: 24px;color: #282828;line-height: 70px;text-align: right;padding-right: 34px;position: relative;cursor: pointer;} .yxMain .section11 .box .left span:after{content: '';display: block;height: 42px;width: 4px;background: #0072f0;position: absolute;right: -3px;top:50%;margin-top:-21px;display: none;} .yxMain .section11 .box .left span.active:after{display: block;} .yxMain .section11 .box .left span.active{color: #0072f0;} .yxMain .section11 .box .right{display: none;width: 43%;padding-top: 22px;} .yxMain .section11 .box .right.active{display: block;} .yxMain .section11 .box .right .logo{display: block;height: 90px;} .yxMain .section11 .box .right i{display: block;width: 60px;height: 4px;background: #282828;margin: 32px 0;} .yxMain .section11 .box .right p{font-size: 20px;color: #666666;line-height: 34px;} .yxMain .section11 .box .right a{display: block;width: 176px;font-size: 20px;color: #ffffff;line-height: 52px;border-radius: 5px;background: #0072f0;text-align: center;margin-top: 55px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;} .yxMain .section11 .box .right a:hover{box-shadow: 0 5px 20px rgba(0,114,240,.4);} @media only screen and (max-width:1440px){ .fwMain .swiper-container {width: 100vw;height: 100%;height: 78vh;} .fwMain .section{width: 100%;display: flex;margin-top: 58px;} .fwMain .section .item_left h2{font-size: 48px;font-weight: 800;color: #2E63FB;padding: 10% 12% 0 12%;text-align: left;} }