body{ min-width:320px;font:16px "微软雅黑","Microsoft YaHei,Arial";color:#333; line-height:24px;overflow-x: hidden;background: #ffffff;} .container{ margin:0 auto;height:auto; } h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea,select{outline:none; font:16px "微软雅黑","Microsoft YaHei,Arial";}label{font-weight: normal;width:100%;} a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none; outline-offset: 0;} ul,li{list-style: none;} i,em{font-style:normal;} .nav>li>a:focus, .nav>li>a:hover{background: none;} .lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;} .tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal} .db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;} .transition{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear; } img.desaturate { filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); } img.desaturate:hover { filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0); -o-filter: grayscale(0); } img{border:none;} .slick-slide{outline: none;} .slick-slide img{margin:0 auto;max-width:100%;} .slick-prev:before, .slick-next:before{display: none;} .slick-dots li button:before{display: none;} html{overflow-x:hidden;} input,button,textarea{ outline:none;} input.error::-webkit-input-placeholder{color: red;} .section1{ z-index: 1; height: 100vh;} @font-face { font-family: 'impact'; src: url(../font/impact.otf) format('otf'), url(../font/impact.woff) format('woff'), url(../fonts/impact.ttf) format('truetype'), url(../fonts/impact.svg) format('svg'); } .lgx-sj-box .xxtemp_sj_img{ height: auto;} /*手机侧边导航*/ .leftNavBg{position: fixed;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,.5);z-index:101;display: none;} .left_navBody{position: fixed;top:0;bottom:0;left:-100%;background: #f7e4d6;width:70%;z-index: 102;} .left_navBody .navContent{height:100%;} .left_navBody .leftLogo{background: #fff;height:50px;text-align: center;} .left_navBody .leftLogo a{display: block;padding:8px;height:100%;} .left_navBody .leftLogo img{max-width: 100%;max-height: 100%;} .left_navBody .left_nav{padding-bottom:50px;height:100%;overflow-y: auto;} .left_navBody .left_nav li{position: relative;} .left_navBody .left_nav li a{display: block;line-height: 45px;border-bottom:1px solid #fff;padding:0 10px 0 10px;height:45px;overflow: hidden;font-size: 14px;} .left_navBody .left_nav li i{display: block;position: absolute;top:5px;right:10px;width:25px;height:35px;background: url(../images/icon_03.png) no-repeat center center; background-size: 18px;transform: rotate(180deg);-webkit-transform: rotate(180deg)} .left_navBody .left_nav li.on{background: #c9544a;padding:5px;} .left_navBody .left_nav li.on i{transform: rotate(0deg);-webkit-transform: rotate(0deg)} .left_navBody .left_nav li.on a{line-height: 35px;height:35px; color:#fff;padding:0 30px 0 5px;border:1px solid #f9a199;border-bottom:none;} .left_navBody .left_nav li .left_navOne {border:1px solid #f9a199;border-top:none;display: none;} .left_navBody .left_nav li .left_navOne li a{border:none;color:#f4a29b;padding:0 15px;} .leftNavBg.on{display: block;} .left_navBody.on{left:0;} .formsub{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } .formsub .on{ width: 48%; border-radius: 100px; border: 1px solid #ddd; padding:8px; text-align: center;} /*手机底部导航*/ .botNavM{position: relative; } .botNavBgM{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,.5);z-index:101;} .botEwmM{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:120px;height:120px;text-align: center;z-index:102;} .botEwmM img{max-width: 100%;max-height: 100%;} .botSearchM{display:none;position: fixed;bottom:55px;left:0;right:0;background: #f7e4d6;padding:5px;z-index:102} .botSearchM form{width:100%;height:30px;line-height: 30px;overflow: hidden;border-radius: 4px;background: rgba(255,255,255,.8)} .botSearchM form input{border:none;background: none;float:left;padding:0;font-size: 14px;height:30px;line-height: 30px;} .botSearchM form input.botM_txt{width:80%;padding:0 5px;} .botSearchM form input.botM_sub{width:20%;padding:0 5px;background: #c9544a;color:#fff;} .botNavM_list{background: #c9544a;padding:0 15px;height:55px;position:fixed;bottom:0;left:0;right:0;z-index:100;} .botNavM_list li{float: left;width:14.28%;text-align: center;} .botNavM_list li img{display: block;width:25px;margin:6px auto 2px;} .botNavM_list li span{display: block;color:#fff;font-size: 12px;line-height: 20px;height:20px;overflow: hidden;} /*右侧导航焦点*/ .pageMenu{position: fixed;top:50%;left:30px;z-index:50;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .pageMenu li {padding:5px 0;} .pageMenu li a{display: inline-flex;align-items: center; color:#808080;font-size: 12px;line-height: 20px;} .pageMenu li a span{opacity: 0;color:#aa93f5;} .pageMenu li a i{ display: inline-block;width:14px;height:14px;margin-right:10px; border:1px solid transparent;position: relative;border-radius: 50%;} .pageMenu li a i:before{ content:"";display: inline-block;vertical-align: middle;width:6px;height:6px;background: #aa93f5;border-radius: 50%; opacity: 0.5; position: absolute;top:0;bottom:0;left:0;right:0;margin:auto; transition: all linear .1s;-webkit-transition: all linear .1s;} .pageMenu li.active a i{border-color:#aa93f5;} .pageMenu li.active a i:before{opacity: 1;} .pageMenu li:hover a i{border-color:#aa93f5;} .pageMenu li:hover a i:before{opacity: 1;} .pageMenu li:hover a span{opacity: 1;} .pageMenu.on a span{color:#fff;} .pageMenu.on li.active a i{border-color:#fff;} .pageMenu.on li a i:before{background:#fff;} .pageMenu.on li:hover a i:before{background:#fff;} .pageMenu.on li:hover a i{border-color:#fff;} @keyframes xiconHover { 0% { transform: scale(1,1); box-shadow: 0px 20px 30px 0 rgba(4,81,197,0); } 30%{ box-shadow: 0px 20px 30px 0 rgba(4,81,197,.2); } 100% { transform: scale(1.6,1.6); box-shadow: 0px 20px 30px 0 rgba(4,81,197,0); filter:alpha(opacity=0);opacity: 0; } } /*头部*/ .header{position: fixed;top:0;left:0;right:0;z-index:100;padding:10px 40px 0;} .logo{width:40%;height:60px;float: left;} .logo a {display: inline-block;position: relative;height:100%;overflow: hidden;} .logo a img{/*position:absolute;*/top:0;left:0;bottom:0;max-width: 100%;margin:auto;max-height: 100%;} .logo a img.on{display: none;} .menu{float: right;color:#fff;line-height: 42px;cursor: pointer;margin-top:10px;} .menu .icon{display: inline-block;vertical-align: top;width:42px;height:42px;background: #fff;border-radius: 50%;text-align: center; margin-left:5px;position: relative;} .menu .icon:after{content:'';display: block;width:7px;height:7px;background: #fff;border-radius: 50%; position: absolute;top:-3px;right:0;} .menu .icon .box{width: 100%;height:100%;position: relative;z-index: 1;padding-top:17px;} .menu .icon em{display: block; width: 23px;height:2px;background: #5942d2;margin:0 0 0 10px;} .menu .icon i{display: block; width: 16px;height:2px;background: #5942d2;margin:4px 0 0 10px;} .menu .icon .bg{display: block;width:100%;height:100%;position: absolute;opacity: 0;} .menu .icon .bg:before{content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%; position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1;animation: xiconHover linear 1.6s infinite;} .menu .icon .bg:after{content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%; position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1;animation: xiconHover linear 1.6s .8s infinite;} .menu .icon:hover .bg{filter:alpha(opacity=100);opacity: 1;} .header.on .logo a img.unOn{display: none;} .header.on .logo a img.on{display: block;} .header.on .menu {color:#5942d2;} .header.on .menu .icon, .header.on .menu .icon:after{background: #5942d2;} .header.on .menu .icon em, .header.on .menu .icon i{background: #fff;} .header.on .menu .icon .bg:before{background: #5942d2;} .header.on .menu .icon .bg:after{background: #5942d2;} .header.menuOn .menu {color:#fff;} .header.menuOn .menu .icon, .header.menuOn .menu .icon:after{background: #fff;} .header.menuOn .menu .icon em, .header.menuOn .menu .icon i{background: #5942d2;} .header.menuOn .menu .icon .bg:before{background: #fff;} .header.menuOn .menu .icon .bg:after{background: #fff;} .nav_box{position: fixed;top:-100%;left:0;right:0;height:100%;background: #e0ecff;z-index:101; transition: all linear .2s;-webkit-transition: all linear .2s;} .nav_box.on{top:0;} .nav_close{position: absolute;top:40px;right:50px;color:#0451c5;font-family: "宋体";font-size:30px;z-index: 102;cursor: pointer;} .nav_enBg{position: absolute;top:135px;left:0;right:0;margin:auto;text-align: center;font-size: 240px;font-weight: bold; opacity:.2;line-height: 200px;font-style: italic;color:#fff;font-family: Arial;} .nav_cont{width: 100%;height:100%; display: inline-flex;text-align: center;justify-content: space-between;} .nav_list{width: 25%; border-right:1px solid #fff;position: relative;padding-top:8%;overflow: hidden;} .nav_list a{display: block; line-height: 42px;} .nav_cont .nav_list:last-child{border:none;} .nav_list .box{position: relative;z-index: 1;} .nav_list .bg{position: absolute;top:0;left:-100%;width:100%;bottom:0;display: flex;justify-content: center;overflow: hidden; transition: all linear .2s;-webkit-transition: all linear .2s;} .nav_list .en{font-size:18px;color:#808080;font-family: Arial; display: none;} .nav_list .cn{font-size: 36px;line-height: 48px;margin-top:10px;} .nav_list .num{position: absolute;bottom:10%;left:0;right:0;margin:auto;color:#fff;font-size: 150px;font-family: "Bahnschrift";line-height: 130px; background: linear-gradient(rgba(255,255,255,.7) 10%,rgba(255,255,255,.1) 80%); background-clip:text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent; } .nav_child{margin-top:30px;display: none;} .nav_child li a{display: block;color:#fff;font-size: 18px;margin:0;} .nav_child li a:before{content:"";display: none;vertical-align: middle;width:8px;height:8px;border-radius: 50%;border:2px solid #fff;margin:-3px 10px 0 0;} .nav_child li a:after{content:"";display: none;vertical-align: middle;width:8px;height:8px;border-radius: 50%;border:2px solid #fff;margin:-3px 0 0 10px;} .nav_child li a:hover:before, .nav_child li a:hover:after{display: inline-block;} .nav_list:hover .bg{left:0;} .nav_list:hover .en,.nav_list:hover .en a{color:#fff;} .nav_list:hover .cn,.nav_list:hover .cn a{color:#fff;} .nav_list:hover .num{opacity: 0;} .nav_list:hover .nav_child{display: block; animation: slideUp .4s ease-in-out forwards; -webkit-animation: slideUp .4s ease-in-out forwards; } @keyframes slideUp { 0%{transform: translateY(10px);-webkit-transform: translateY(10px);} 100%{transform: translateY(0);-webkit-transform: translateY(0);} } @-webkit-keyframes slideUp { 0%{transform: translateY(10px);-webkit-transform: translateY(10px);} 100%{transform: translateY(0);-webkit-transform: translateY(0);} } @keyframes textAn { to { background-position: -200% center; } } @keyframes textAn2 { to { background-position: center -200%; } } /*banner*/ #section1 .content{height:100%;} .banner{width: 100%;height:100%;} .banner.slick-dotted.slick-slider{ margin:0;} .banner .slick-list,.banner .slick-track{height:100%;} .banner .slick-slide{overflow: hidden;height:100%;position: relative;} .banner .slick-slide .img{height:100%;display: flex;justify-content: center; position: relative;} .banner .slick-slide .img img{ width: 100%;position: absolute;top:0;bottom:0; left:0; height: 100%;} .banner .custom_paging{position: absolute; bottom:30px;left:60px;z-index: 10;} .banner .custom_paging li {margin-right:20px;display: inline-block;vertical-align: top;opacity: .3;cursor: pointer;} .banner .custom_paging li span{font-size: 12px;font-weight: bold;color:#fff;} .banner .custom_paging li span:after{content:"";display: inline-block;vertical-align: middle;width:0;height:1px;background: #fff;margin:-2px 0 0 2px; transition: all linear .1s;-webkit-transition: all linear .1s;} .banner .custom_paging li.slick-active{opacity: 1;} .banner .custom_paging li.slick-active span:after{width: 10px;} .banner .slick-prev, .banner .slick-next{width:38px;height:38px;border-radius: 50%;background: rgba(255,255,255,.1);text-align: center;line-height: 38px; top:auto;bottom:30px;right:60px;left:auto;transform: translate(0);-webkit-transform: translate(0);z-index: 10;} .banner .slick-prev{right:120px;z-index: 10;} .banner .slick-prev:before, .banner .slick-next:before{display: block;color:#fff;font-family:"幼圆,宋体";font-size: 20px;height:100%;line-height: 38px;opacity: 1;} .banner .slick-prev:before{content:"<";} .banner .slick-next:before{content:">";} .banner .slick-prev:hover, .banner .slick-next:hover{background: rgba(255,255,255,.3);} .banner .swiper-container, .banner .swiper-wrapper, .banner .swiper-slide{height: 100%;} .banner .img{height: 100%;display: flex;justify-content: center;} .banner .swiper-button-next, .banner .swiper-button-prev{width:38px;height:38px;border-radius: 50%;background: rgba(255,255,255,.1);text-align: center;line-height: 38px; top:auto;bottom:30px;right:60px;left:auto;transform: translate(0);-webkit-transform: translate(0);z-index: 10;} .banner .swiper-button-prev{right:120px;z-index: 10;} .banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size: 16px;color:#fff;} .banner .swiper-pagination{left:30px;width: auto;bottom:30px;z-index: 10;} .banner .swiper-pagination .swiper-pagination-bullet{cursor: pointer; width:auto;height:auto;font-size: 12px;font-weight: bold;color:#fff;background: none;margin-right:10px;display: inline-block;vertical-align: top;} .banner .swiper-pagination .swiper-pagination-bullet:after{content:"";display: inline-block;vertical-align: middle;width:0;height:1px;background: #fff;margin:-2px 0 0 2px; transition: all linear .1s;-webkit-transition: all linear .1s;} .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width: 10px;} .banner2{height: 100%;} .banner2 .swiper-container { width: 100%; height: 100%; background-color: rgb(179, 189, 196); transition: 1s background-color 1.3s; } .banner2 .swiper-wrapper { height: 100%; transition-delay: 1s; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); } .banner2 .swiper-slide { /*height: initial;*/ font-size: 18px; /* Center slide text vertically */ 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; } .banner2 .title { transition-delay:1s; z-index: 10; position: absolute; } .banner2 .title h3 { font-weight: 700; font-size: calc(32px + 54 * ((53vw + 53vh) - 520px) / 820); color: rgba(255,255,255,0); -webkit-text-stroke: 2px #fff; letter-spacing: 16px; text-align: center; } .banner2 .img-box { width: 100%; height: 100%; /*position: absolute;*/ transform: scale(0.6, 0.6); transition-duration: 1s; transition-property: transform; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); opacity: 0.9; overflow: hidden; display: flex; justify-content: center; text-align: center; } .banner2 .img-box img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2, 1.2) ; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); transition-property: transform; } .banner2 .button-prev,.banner2 .button-next { transition: 0.5s; outline: none; position: absolute; width: 140px; z-index: 10; top: 90vh; transform: translateY(-34px); cursor: pointer; } .banner2 .button-prev { left: 4vw; } .banner2 .button-next { right: 4vw; } .banner2 .button.disabled { opacity: 0.2; cursor: default; } #arrow-svg-home { transform: translateY(353px); } .banner2 .button-next #arrow-svg-home { transform: translateY(353px) rotateY(180deg); transform-origin: 80px 0px 0px; } .banner2 svg { transition: 0.5s; } .banner2 .cls-1 { transition: 0.5s; opacity: 0.4; transform-origin: -20px 40px; opacity: 1; } .banner2 .cls-4 { transition: 0.5s; stroke-width: 2px; stroke: #fff; fill: none; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0.4; transform-origin: 0px 0px 0px; } #arrow-trg { transition: 0.5s; fill: #fff; transform: rotateY(180deg) translate(-53px, 39px); } #line { transition: 0.5s; stroke: #fff; transform: translate(50px, 42px); } .banner2 .button-prev:not(.disabled):hover svg { transform: translateX(-25px); } .banner2 .button-next:not(.disabled):hover svg { transform: translateX(25px); } .banner2 .button:not(.disabled):hover .cls-1 { transform: scale(1.1); } .banner2 .button:not(.disabled):hover .cls-4 { stroke-dasharray: 2px; stroke-dashoffset: 2px; opacity: 1; } .banner2 .button:not(.disabled):hover #arrow-trg { transform: rotateY(180deg) translate(-37px, 39px); } .banner2 .button:not(.disabled):hover #line { transform: translate(35px, 42px) scaleX(0.33); } .ban_btn{position: absolute;bottom:20px;left:0;right:0;margin:auto;width: 20%; text-align: center;color:#fff;font-size: 12px;z-index: 1;} .ban_btn .ti{display: block;margin-top:12px;} .ban_btn .icon{ animation: banBtn 3s ease-in-out infinite; -webkit-animation: banBtn 3s ease-in-out infinite;} @keyframes banBtn { 0%{transform: translateY(0);-webkit-transform: translateY(0);} 50%{transform: translateY(10px);-webkit-transform: translateY(10px);} 100%{transform: translateY(0);-webkit-transform: translateY(0);} } @-webkit-keyframes banBtn { 0%{transform: translateY(0);-webkit-transform: translateY(0);} 50%{transform: translateY(10px);-webkit-transform: translateY(10px);} 100%{transform: translateY(0);-webkit-transform: translateY(0);} } .ban_cont{position: absolute;left:0;right:0;top: 50%; transform: translate(0,-50%); margin:auto;z-index:20;} .ban_cont .box:after{content:"";display: block;clear: both;} .ban_cont .en{display: inline-flex;color:#fff;} .ban_cont .en dd{font-size: 58px;font-weight: bold;line-height: 60px;font-family: Arial;} .ban_cont .en dd p{font-size: 48px;line-height: 50px;} .ban_cont .en dt {font-size: 155px;line-height: 80px;letter-spacing: -20px;margin:0 20px 0 -5px;} .ban_cont .des{color:#fff;font-size: 55px;font-weight: bold;margin:25px 0;line-height: 60px;} .ban_cont .txt{display: inline-block;position: relative; color:#0015ff;font-size: 24px; background: #fff;line-height: 44px;height:44px;padding:0 20px;border-radius: 0 20px 0 20px;} .ban_cont .txt span{font-weight: bold; background: linear-gradient(to right,#4b42ec 10%, #7c34ce 50%, #4b42ec 60%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textAn 1.5s linear infinite; } .ban_cont .txt:after{content: "";display: inline-block;vertical-align: bottom;width: 437px;height:179px; position:absolute;bottom:0;right:-175%; background: url(../images/tindex_03.png) no-repeat center center;} .ban_cont .ban2_ti{color:#fff;font-size: 48px;line-height: 54px;font-weight: lighter; letter-spacing: 7px;} .ban_cont .ban2_des{color:#fff;font-size: 70px;line-height: 70px;font-weight: bold;margin:15px 0 30px; letter-spacing: 7px;} .ban_cont .ban2_txt{color:#fff;font-size: 30px;line-height: 36px;font-weight: lighter; letter-spacing: 8px;} .section1.active .slick-active .ban_cont .ban_ani1{animation: bannerText 1s 100ms forwards;opacity: 0;} .section1.active .slick-active .ban_cont .ban_ani2{animation: bannerText 1s 500ms forwards;opacity: 0;} .section1.active .slick-active .ban_cont .ban_ani3{animation: bannerText 1s 1000ms forwards;opacity: 0;} @keyframes bannerText { 0% { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .ban_cont .cont_rt{float: right;width: 56%;position: relative;height:650px;} #numBgAn{position: absolute;top:-17%;left:0;width: 108%;height:100%;opacity: .5;} .ban_cont .cont_rt .num{position: relative;z-index: 30;opacity: 0;} .ban_cont .cont_rt .years{position: absolute;bottom:32.5%;right:10%;color:#fff;z-index:30;} .ban_cont .cont_rt .years span{display: block;font-size: 24px;font-family: "Bahnschrift";} .ban_cont .cont_rt .years b{display: block;font-size: 30px;line-height: 34px;letter-spacing: 2px;} /*section2*/ #section2{overflow: hidden;background: #e7effe;} /*.section2:after{content:"";display: block;width:635px;height:635px;border-radius: 50%;position: absolute;bottom:-7%;left:-10%;*/ /* background: radial-gradient(rgba(229,217,247,.8) 58%,rgba(229,217,247,0) 70%);transform: scale(0);*/ /*}*/ /*.section2.on:after{*/ /* animation: sec2An 20s linear infinite;*/ /* -webkit-animation: sec2An 20s linear infinite;*/ /*}*/ @keyframes sec2An { 5%{transform: scale(1);opacity: 1;} 30%{transform:translate(50%,-50%);opacity: .5;} 60%{transform:translate(200%,-40%);opacity: .8} 90%{transform:translate(0,100%);} 100%{transform:translate(0,0);opacity: 0;} } .secTwo_cont{position: relative;z-index: 10;padding-top:30px;} .secTwo_A{display: inline-flex;justify-content: space-between;align-items: center;} .secTwo_A_lt{width: 53%;overflow: hidden;} .secTwo_A_lt dt{width: 26px;float: left;} .secTwo_A_lt dt span{font-size: 24px;font-weight: bold;color:#4a42ec;line-height: 26px;display: inline-block;} .secTwo_A_lt dt:hover span{ background: linear-gradient(to bottom, #4a42ec,#3776ff); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-size: 200% auto; animation: textAn 1.5s linear infinite; -webkit-animation: textAn 1.5s linear infinite; } .secTwo_A_lt dd{margin-left:86px;} .secTwo_A_lt dd .ti{font-size: 36px;line-height: 40px;font-weight: lighter;letter-spacing: 4px;} .secTwo_A_lt dd .line{margin:30px 0;width:45px;height:1px;background: #0451c5;} .secTwo_A_lt dd .des{line-height: 36px;height:auto; overflow: hidden; /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;*/} .secTwo_A_rt{position: relative;} .js_bgBox{position: absolute;top:0;right:0; width: 478px;height:478px;border-radius: 50%;border:1px solid #fff;} .line_list{position: absolute;top:-23px;left:0;width: 500px;height:516px;} .line_list li{position: absolute;top:0;left:0;width: 100%;height:100%;} .line_list li.one{background: url(../images/ab_04.png) no-repeat center center;background-size: cover; animation: lineBgAn 3s linear infinite;} .line_list li.two{background: url(../images/ab_05.png) no-repeat center center;background-size: cover; animation: lineBgAn2 3s linear infinite;} .line_list li.three{background: url(../images/ab_06.png) no-repeat center center;background-size: cover; animation: lineBgAn 3s 1s linear infinite;} .bor_list {position: absolute;top:0;left:0 ;bottom:0;right:0;width:478px;height:478px;} .bor_list li{position: absolute;width:100%;height:100%;border-radius: 50%;} .bor_list li.one{width: 0;top:0;left:0; background: url(../images/ab_01.png) no-repeat top left;background-size: cover;transition: width ease-in ;} .bor_list li.two{height:0;top:0;right:0; background: url(../images/ab_02.png) no-repeat top right;background-size: cover;transition: height ease-in-out ;} .bor_list li.three{height:0;bottom:0;left:0; background: url(../images/ab_03.png) no-repeat bottom left;background-size: cover;transition: height ease-in-out ;} .spot_list {position: absolute;top:0;left:0;bottom:0;right:0;z-index: 5;} .spot_list li{width: 8px;height:8px;border-radius: 50%;position: absolute;z-index: 5;} .spot_list li span{display: block;width:100%;height:100%;background: #4a42ec;border-radius: 50%;position: relative;z-index: 10;} .spot_list li em{opacity: 0; position: absolute;top:0;left:0;width:100%;height:100%;border-radius: 50%;transition: 400ms;display: block;} .spot_list li em:before{content: "";display: block;width: 100%;height: 100%;background: rgba(74,66,236,.4); border-radius: 50%;position: absolute;left: 0;top: 0;overflow: hidden;z-index: -1; animation: spotAn linear 2.5s infinite;} .spot_list li em:after{content: "";display: block;width: 100%;height: 100%;background:rgba(74,66,236,.6); border-radius: 50%;position: absolute;left: 0;top: 0;overflow: hidden;z-index: -1; animation: spotAn linear 2.5s .8s infinite;} .spot_list li.one{top:97px;left:40px;} .spot_list li.two{top:97px;right:40px;} .spot_list li.three{bottom:-5px;left:50%;margin-left:-4px;} .spot_list li.on em{opacity: 1;} @keyframes spotAn { 0% { transform: scale(0,0); } 50%{ transform: scale(2.5,2.5); } 100% { transform: scale(4,4); opacity: 0; } } @keyframes lineBgAn{ 0%{transform: translate(0,0)} 50%{transform: translate(5px,-9px)} 100%{transform: translate(0,0)} } @keyframes lineBgAn2{ 0%{transform: translate(0,0)} 50%{transform: translate(-5px,9px)} 100%{transform: translate(0,0)} } .js_cont{width: 478px;height:478px;border-radius: 50%;text-align: center;display: flex;align-items: center; padding:45px;position:relative; z-index: 10;} .js_cont dd .ti{font-size: 24px;height:30px;line-height: 30px; margin:22px 0 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;} .js_cont dd .des{line-height: 30px;height:60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;} .secTwo_B{margin-top:55px;padding:40px 0;width: 100%;background: rgba(255,255,255,.5);display: inline-flex;justify-content: space-between;text-align: center;border-radius: 10px;} .secTwo_list{width: 20%;position: relative;} .secTwo_list:after{content:"";display: block;width:1px;height:60px;border-right:1px dashed #d9d9d9;position: absolute;top:50%;right:0;margin-top:-30px;} .secTwo_B .secTwo_list:last-child:after{border:none;} .secTwo_list dt{color:#4a42ec;font-size: 18px;font-family: "Bahnschrift";font-weight: normal;} .secTwo_list dt b{font-size: 60px;line-height: 50px;font-weight: lighter;} .secTwo_list dd{margin-top:20px;color:#808080;} #clock {width: 478px;height:478px;position: absolute;top:0;right:0;} #clock .time-box {border-radius: 100%;border: 1px solid #c3c3f3;} .time-box {position: relative;} .time-move {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transform: scale(1.01);z-index: 4;} .time-cir {left: 50%;height: 50%;width: 1px;position: absolute;z-index: 666;} .time-cir li {position: absolute;width: 100%;height: 100%;transform-origin: 0% 100%;} .time-cir li.on span {border-radius: 100%;} .time-cir li span {width: 12px;height: 12px;display: block;border-radius: 100%;background-color: #5942d2; transform: translate(-7px, -7px);} .time-cir li .bg{width: 12px;height: 12px;position: absolute;transform: translate(-7px, -7px); } .about-item-box {display: none;} .about-item-box.active {display: block; animation:aboutItem .3s linear forwards; -webkit-animation:aboutItem .3s linear forwards; } @keyframes aboutItem { 0%{transform: translateY(20px);opacity: 0;} 100%{transform: translateY(0);opacity: 1;} } .form_item{ position: relative; width: 31.5%;} .form_item span{ display: none; bottom: 0; position: absolute; font-size: 14px; color: red;} .mes_form input{ width: 100% !important;} /*section3*/ .secThree_tab {width: calc(100% - 60px);margin-left: 30px; padding:40px 0;margin-bottom:10px;position: relative;z-index: 10;} .secThree_tab .tab_li{width: auto;cursor: pointer;} .secThree_tab .tab_li span{padding:0 20px;height:48px;line-height: 48px;border-radius: 24px;display: block;position:relative;z-index: 10;} .secThree_tab .tab_li:before{content:"";display: none;width: 100%;height: 100%;border-radius: 24px;position:absolute;left:0;top:0; background: #5942d2; } .secThree_tab .tab_li.on span, .secThree_tab .tab_li:hover span{color:#fff;} .secThree_tab .tab_li.hovOn span{color: #333;} .secThree_tab .bg{position: absolute;top: 40px;left: 0;width: 104px;height: 48px;border-radius: 24px; transition: 200ms; background: #5942d2; } /*.secThree_tab .tab_li.on:before, .secThree_tab .tab_li:hover:before{display: block; animation: secThreeTab .2s ease-in-out forwards; -webkit-animation: secThreeTab .2s ease-in-out forwards;} @keyframes secThreeTab { 0%{transform: translateX(-10px);-webkit-transform: translateX(-10px);} 100%{transform: translateX(0);-webkit-transform: translateX(0);} } @-webkit-keyframes secThreeTab { 0%{transform: translateX(-10px);-webkit-transform: translateX(-10px);} 100%{transform: translateX(0);-webkit-transform: translateX(0);} }*/ .section3 .content{padding-left:12%;} .secThree_cont{padding:0 400px 0 0;} .secThree_class{width: 315px;position: absolute;top:0;right:0;bottom:0;background: #5942d2;padding-top:80px;display: flex;align-items: center; box-shadow: -30px 0 50px 0 rgba(174,202,249,.5);z-index: 11;} .secThree_classList{padding:0 10px 0 25px;overflow: hidden;} .secThree_classList li{display: inline-block;vertical-align: top;width: 48%;padding:8px 0;cursor: pointer;} .secThree_classList li span{display: inline-block;padding:0 5px; font-size: 14px; color:#fff;border-bottom:2px solid transparent;line-height: 24px;height:24px;overflow: hidden;} .secThree_classList li a{display:block;padding:0 5px; font-size: 14px; color:#fff;border-bottom:2px solid transparent;line-height: 24px;height:24px;overflow: hidden;} .secThree_classList li:hover span, .secThree_classList li.on span{border-bottom:2px solid #fff; } .secThree_classList li:hover a, .secThree_classList li.on a{border-bottom:2px solid #fff; } .secThree_classMore{margin:26px 60px 0;display: block; width:168px;height:44px;line-height: 44px; border-radius: 22px;background: rgba(255,255,255,.2);text-align: center;color:#fff;font-size: 14px;} .secThree_classMore:hover{background: #fff;color:#333; } .secThree_classItem{display: none; width: 100%;} .secThree_classItem.on{display: block;} .secThree_imgBox{width: 100%;position: relative;z-index: 10;overflow: hidden;} .secThree_imgItem{position: absolute;top:0;left:0;opacity: 0;} .secThree_imgItem.on{position: relative;opacity: 1;z-index: 10;} /*.secThree_imgItem.mob{max-height: 530px;}*/ .secThree_imgSlider {width: 100%;position: absolute;top:0;left:0;opacity: 0;min-height: 500px;margin:0!important;} .secThree_imgSlider.on{position: relative;opacity: 1;z-index:20;} .secThree_imgSlider img{max-width: 100%;max-height: 100%;} .secThree_imgSlider .slick-list{padding-bottom:30px;} .secThree_imgSlider .slick-slide{overflow: hidden;} /*.secThree_imgSlider .slick-slide img{max-height:530px;}*/ /*.secThree_imgSlider .swiper-slide{width: 100%!important;}*/ .secThree_imgSlider .slick-prev, .secThree_imgSlider .slick-next{opacity: 1; bottom:0;top:auto;left:auto;right: 110px; width:30px;height:30px;line-height: 30px;z-index:10;transform: translate(0);-webkit-transform:translate(0);} .secThree_imgSlider .slick-prev{right:170px;} .secThree_imgSlider .slick-next{} .secThree_imgSlider .slick-next:before, .secThree_imgSlider .slick-prev:before{display: block;opacity: 1; font-family: "幼圆"; color:#b9adf1;font-size: 22px; line-height: 30px;} .secThree_imgSlider .slick-next:before{content:">";} .secThree_imgSlider .slick-prev:before{content:"<";} .secThree_imgSlider .slick-next:hover:before, .secThree_imgSlider .slick-prev:hover:before{color: #ffffff;} .secThree_imgSlider .custom_paging{position: absolute;bottom:0;left:65px;} .secThree_imgSlider .custom_paging li{display: none;color:#9084d2;font-size: 16px;font-weight: bold;} .secThree_imgSlider .custom_paging li.slick-active{display: block;} .secThree_imgSlider .custom_paging li span{color:#5942d2;font-size: 24px;} .section3{overflow: hidden;} /*.section3 .bgA{content:"";display: block;width:694px;height:694px;border-radius: 50%;*/ /* position: absolute;bottom:-25%;left:-5%;opacity: 0;*/ /* background: -webkit-linear-gradient(250deg, #bce9fe,rgba(188,233,254,0) 80%); !* Safari 5.1 - 6.0 *!*/ /* background: -o-linear-gradient(250deg, #bce9fe,rgba(188,233,254,0) 80%); !* Opera 11.1 - 12.0 *!*/ /* background: -moz-linear-gradient(250deg, #bce9fe,rgba(188,233,254,0) 80%); !* Firefox 3.6 - 15 *!*/ /* background: linear-gradient(250deg, #bce9fe,rgba(188,233,254,0) 80%); !* 标准的语法 *!*/ /*}*/ /*.section3 .bgA.slideInUp{opacity: 1;}*/ /*.section3 .bgB{content:"";display: block;width:694px;height:694px;border-radius: 50%;*/ /* position: absolute;top:-11%;right:9%;opacity: 0;*/ /* background: -webkit-linear-gradient(46deg, rgba(113,109,250,.1),rgba(110,106,222,0) 70%); !* Safari 5.1 - 6.0 *!*/ /* background: -o-linear-gradient(46deg, rgba(113,109,250,.1),rgba(110,106,222,0) 70%); !* Opera 11.1 - 12.0 *!*/ /* background: -moz-linear-gradient(46deg, rgba(113,109,250,.1),rgba(110,106,222,0) 70%); !* Firefox 3.6 - 15 *!*/ /* background: linear-gradient(46deg, rgba(113,109,250,.1),rgba(110,106,222,0) 70%); !* 标准的语法 *!*/ /*}*/ /*.section3 .bgB.slideInDown{opacity: 1;}*/ .section3 {background: #e2dcff;} /*section4*/ .section4{background: url(../images/index_02.jpg) no-repeat center center;background-size:cover;overflow: hidden;} .xadvan_slide{position: relative;} .xadvan_tab_item{width: 92px;position: absolute;z-index: 4;cursor: pointer;} .xadvan_tab_item img{width: 100%;border-radius: 50%;position: relative;z-index: 3;background: #fff;} .xadvan_tab_item em{position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;filter:alpha(opacity=0);opacity: 0;transition: 400ms;z-index: -1;} .xadvan_tab_item em:before{content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1;animation: xiconHover linear 1.6s infinite;} .xadvan_tab_item em:after{content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1;animation: xiconHover linear 1.6s .8s infinite;} .xadvan_tab_item:hover em,.xadvan_tab_item.on em{filter:alpha(opacity=100);opacity: 1;} .xadvan_tab_item:nth-child(1){top: 88%;left: 4%;} .xadvan_tab_item:nth-child(2){top: -10%;left: 16%;} .xadvan_tab_item:nth-child(3){top: 100%;right: 58.6%;width: 86px;} .xadvan_tab_item:nth-child(4){top: 70%;left: 68%;} .xadvan_tab_item:nth-child(5){top: -23.2%;left: 74%;width: 106px;} .xadvan_tab_item:nth-child(6){top: 22%;left: 88%;width: 106px;} .xadvan_data{width: 378px;height: 378px;margin: 0 auto;border-radius: 50%;background: #fff;box-shadow: 0px 20px 50px 0 rgba(106,36,210,.5);position: relative;z-index: 2;} .xadvan_data:before{content: "";width: 126%;height: 126%;background: rgba(255,255,255,.1);border-radius: 50%;position: absolute;left: -13%;top: -13%;z-index: -1;} .xadvan_data_item{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;filter:alpha(opacity=0);opacity: 0;position: absolute;left: 0;top: 0;transform: translateY(15px);transition: 100ms;} .xadvan_data_item.cur{filter:alpha(opacity=100);opacity: 1;position: relative;z-index: 5;transform: translateY(0%);transition: 600ms;} .xadvan_data_item>div{width: 100%;text-align: center;padding: 10%;} .xadvan_bt{position: relative;} .xadvan_bt:after{content: "";width: 46px;height: 2px;background: #1f4fd1;position: absolute;left: 50%;bottom: 0;transform: translatex(-50%);} .xadvan_bt p{font-size: 24px;font-weight: bold;line-height: 82px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xadvan_bt span{width: 100%;line-height: 0.9;position: absolute;bottom: 0;left: 0;font-size: 110px;color: rgba(4,81,197,.1);} .xadvan_nr{font-size: 16px;line-height: 30px; max-height: 120px;overflow: hidden;margin: 24px 0; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;} .xadvan_imore{width: 208px;position: relative;margin: 0 auto;border-radius: 32px;border: 10px solid transparent; transition: 400ms;} .xadvan_imore a{display: block;line-height: 42px;border-radius: 22px;padding: 0 30px;font-size: 16px;color: #fff;background: #5942d2;position: relative;z-index: 2;text-align: left;} .xadvan_imore a:after{content: "";width: 28px;height: 100%;background: url(../images/xadvan_imore.png) center center no-repeat; background-size: 100%;position: absolute;right:25px;top: 0;transition: 400ms;} .xadvan_imore em{position: absolute;left: 0;top: 0;border-radius: 22px;width: 100%;height: 100%; filter:alpha(opacity=0);opacity: 0;transition: 400ms;z-index: -1;} .xadvan_imore em:before{content: "";width: 100%;height: 100%;background: #4a42ec;border-radius: 22px;position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1; animation: xadvanImore linear 1.6s infinite;} .xadvan_imore em:after{content: "";width: 100%;height: 100%;background: #4a42ec;border-radius: 22px;position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1; animation: xadvanImore linear 1.6s .8s infinite;} /*.xadvan_imore:hover{width: 208px;}*/ .xadvan_imore:hover a:after{right: 10px;} .xadvan_imore:hover em{filter:alpha(opacity=100);opacity: 1;} @keyframes xadvanImore { 0% { transform: scale(1,1); box-shadow:0 0 20px 0 rgb(4 81 197 / 20%); } 30%{ box-shadow:0 0 20px 0 rgb(4 81 197 / 20%); } 100% { transform: scale(1.15,1.35); box-shadow:0 0 20px 0 rgb(4 81 197 / 20%); filter:alpha(opacity=0);opacity: 0; } } .xadvan_circle{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;} .xadvan_circle em{width: 100%;padding-top: 100%;height: auto;position: absolute;left: 0%;top: 0%;border-radius: 50%;border: 0.5px solid #fff;filter:alpha(opacity=0);opacity: 0;} .xadvan_circle em:after{content: "";width: 3px;height: 3px;border: 1px solid #fff;position: absolute;left: 50%;bottom: 100%;border-radius: 50%;box-sizing: border-box;margin-left: -1px;margin-bottom: -1px;} .xadvan_circle em:nth-child(odd):after{top: 100%;margin-top: -1px;}.xadvan_circle em:nth-child(1){animation: xadvanCircleGrow linear 12s infinite;} .xadvan_circle em:nth-child(2){animation: xadvanCircleGrow linear 12s 3s infinite;} .xadvan_circle em:nth-child(3){animation: xadvanCircleGrow linear 12s 6s infinite;} .xadvan_circle em:nth-child(4){animation: xadvanCircleGrow linear 12s 9s infinite;} @keyframes xadvanCircleGrow { 0% { filter:alpha(opacity=10);opacity: 0.1; transform: scale(1.26,1.26) } 20% {filter:alpha(opacity=20);opacity: 0.2;} 100% { filter:alpha(opacity=0);opacity: 0; transform: scale(5,5) rotate(90deg) } } /*section5*/ .section5{overflow: hidden;position: relative;} .section5 .bg{position: absolute;top:0;left:0;right:0;width: 100%;} .section5 .bg.A{height:182px;background: url(../images/cbg_02.png) no-repeat center top;z-index: 3;} .section5 .bg.B{height:222px;background: url(../images/cbg2_02.png) no-repeat center top;z-index: 2;} .section5 .bg.C{height:366px;background: url(../images/cbg3_02.png) no-repeat center top;z-index: 1;} .secFive_cont{position: relative;z-index: 10;} .secCom_title{text-align: center;padding:40px 0 0;} .secCom_title span{font-size: 30px;font-weight: bold;color:#4a42ec;line-height: 40px;display: inline-block;} .secCom_title span:hover{ background: linear-gradient(to right, #4a42ec,#3776ff); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-size:200% auto ; animation: textAn 1.5s linear infinite; -webkit-animation: textAn 1.5s linear infinite; } .secFive_box{margin:0 -17px;padding-top:50px;} .secFive_box:after{content: "";display: block;clear: both;} .secFive_box a{float: left;width: calc(33.33% - 34px);margin:17px;position: relative;text-align: center; max-height: 260px;} .secFive_box a .img{max-height: 260px;overflow: hidden;border-radius: 10px;} .secFive_box a img{max-width: 100%;} .secFive_box .ti{position: absolute;bottom:-20px;left:20px;right:20px;border-radius: 20px;overflow: hidden; line-height: 38px;height:38px;color:#fff; box-shadow: 0 30px 20px 0 rgba(12,68,211,.5);opacity: 0;transition: 400ms; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; background: -webkit-linear-gradient(to right,#15a1fa,#4f4fd8); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to right,#15a1fa,#4f4fd8); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to right,#15a1fa,#4f4fd8); /* Firefox 3.6 - 15 */ background: linear-gradient(to right,#15a1fa,#4f4fd8); /* 标准的语法 */ } .secFive_box a:hover .ti{bottom:20px;opacity: 1;} /*section6*/ .section6{background: url(../images/xpartner_bg.jpg) center center no-repeat;background-size: cover;} .xpartner_area{position: relative;z-index: 2;} .xpartner_data{width: 100%;height: auto;overflow: hidden;} .xpartner_item{width: 16.6%;float: left;text-align: center;padding: 25px 0;} .xpartner_item:nth-child(2n+7){margin-right: 66.4%;} .xpartner_item:nth-child(n+12){margin-right: 0px;} .xpartner_item img{max-width: 100%;/*-webkit-filter: grayscale(100%);filter: grayscale(100%);*/filter:alpha(opacity=50);opacity: 0.5;transition: 400ms;} .xpartner_item:hover img{/*-webkit-filter: grayscale(0%);filter: grayscale(0%);*/filter:alpha(opacity=100);opacity: 1;} .xpartner_center{width: 58%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .xpartner_state{font-size: 16px;text-align: center;color: #fff;line-height: 60px;margin: 20px 0;border-radius: 30px; /*background: linear-gradient(to right, #3776ff, #835cfe);*/} .xpartner_state .txt{border-radius: 30px; background: linear-gradient(to right,#4b42ec 10%, #7c34ce 50%, #4b42ec 60%);background-size: 200% auto; animation: textAn 3s linear infinite; } .xpartner_state.animated{animation-delay: .3s;} .xpartner_state span{margin-left: 20px; display: inline-block;} .xpartner_state span i{font-size: 36px;display: inline-block;vertical-align: top;letter-spacing: 2px;font-family: Arial!important;} .xpartner_state span em{display: inline-block;transform: translateY(-20%);margin-right: 8px;} /*10000*/ .xpartner_number{width: 100%;display: flex;align-items: center; justify-content: center;line-height: 1;} .xpartner_number i{writing-mode: vertical-rl;writing-mode: tb-rl;font-size: 18px;font-weight: bold;color: #fff;margin-left: 20px;} .xpartner_number span{position: relative;font-size: 220px;font-family: impact;text-shadow: 0 0 40px rgb(255 255 255 / 40%);color: #fff;} .xpartner_number span:before{animation: xnumberWave 2s ease-in-out infinite 1.2s alternate;content: attr(data-title);position: absolute;left: 0; text-shadow: none;color: transparent;background: url(../images/xnumber_wave1.png) left bottom no-repeat;background-size: 200% 40%!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .xpartner_number span:after{animation: xnumberWave 2s ease-in-out infinite alternate-reverse;content: attr(data-title);position: absolute;left: 0; text-shadow: none;color: transparent;background: url(../images/xnumber_wave2.png) right bottom no-repeat;background-size: 200% 40%!important;;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} @keyframes xnumberWave{ 0%{background-position:left bottom;} 100%{background-position:right bottom;} } /*section7*/ .section7{background: #e7effe;position: relative;overflow: hidden;} .section7 .content{z-index: 30;position: relative;} .secSeven_cont{margin-top:105px;text-align: center;} .secSeven_cont:after{content:"";display: block;clear: both;} .secSeven_list{float: left;width: 33.33%;border:1px solid #c6d4ef;} .secSeven_cont .secSeven_list:nth-child(1), .secSeven_cont .secSeven_list:nth-child(2), .secSeven_cont .secSeven_list:nth-child(3){border-bottom:none;} .secSeven_cont .secSeven_list:nth-child(2), .secSeven_cont .secSeven_list:nth-child(5){border-left:none;border-right:none;} .secSeven_list .box{width: 100%;border-radius: 15px;overflow: hidden;position: relative; display: inline-flex;align-items: center;justify-content: space-between; padding:70px;transition:300ms;} .secSeven_list .icon img{max-height: 100%;max-width: 100%;} .secSeven_list .text{padding-left:35px;text-align: left;} .secSeven_list .num{font-size: 42px;color:#5942d2;line-height: 36px;font-family: "Bahnschrift"; position: relative;} .secSeven_list .num:after{content:"";display: inline-block;position: absolute;bottom:0;right:0;width: 16px;height:1px;background: #999;transition: 300ms;} .secSeven_list .des {margin-top:35px;position: relative;z-index: 1;} .secSeven_list .des span{margin:0 20px 0 0;} .secSeven_list .des span:before{content:"";display: inline-block;vertical-align:middle;width:4px;height:4px;border-radius: 50%;background: #0451c5;margin:-3px 7px 0 0;} .secSeven_list .img{position: absolute;bottom:-40px;right:-25px;opacity: 0;transition: 300ms;} .secSeven_list:hover .img{opacity: 1;} .secSeven_list:hover .box{background: #fff;transform: scale(1.05,1.1);-webkit-transform:scale(1.05,1.1); box-shadow: 0 5px 15px 0 rgba(170,170,170,.1)} .secSeven_list:hover{position: relative;z-index: 1;cursor: pointer;} .secSeven_list:hover .num:after{width:85px;background: #5942d2; } .secSeven_cont .secSeven_list:nth-child(1){animation-delay: .1s;} .secSeven_cont .secSeven_list:nth-child(2){animation-delay: .2s;} .secSeven_cont .secSeven_list:nth-child(3){animation-delay: .3s;} .secSeven_cont .secSeven_list:nth-child(4){animation-delay: .4s;} .secSeven_cont .secSeven_list:nth-child(5){animation-delay: .5s;} .secSeven_cont .secSeven_list:nth-child(6){animation-delay: .6s;} /*section8*/ .section8{background: url(../images/tact.jpg) no-repeat top center;} .section8 .secCom_title{position: relative;z-index: 10; padding: 20px 0; background: url('../images/tact_title_03.png') center center no-repeat;background-size: contain;} .secEight_cont{margin-bottom:90px; width:100%;padding:45px 100px 70px; background: #fff;box-shadow: 0 15px 30px 1px rgba(183,183,183,.4);} .mes_form{margin-top:65px;} .mes_form .box{width: 100%; display: inline-flex;justify-content: space-between;margin-bottom:20px;} .mes_form input{width: 31.5%; border:none;background: none; border-bottom:1px solid #d9d9d9;line-height: 38px;height: 38px; font-size: 14px;} .mes_form textarea{width: 100%;border:none;background: none; border-bottom:1px solid #d9d9d9;padding:10px 0;height:90px;font-size: 14px;margin-bottom:30px;} .mes_form button{width: 200px;height:50px;border-radius: 25px;color:#fff;background: #4a42ec;font-size: 14px; border:none;} .mes_form button:hover{background: linear-gradient(to right, #7c34ce 10%, #4b42ec 60%);transition: 400ms; /*background-size: 200% auto;animation: textAn 1.5s linear infinite;*/ } .secEight_cont .tips{font-size: 14px;color:#999;text-align: center;margin-top:10px;} /*footer*/ .footer{background: #22252a;position: absolute;bottom:0;left:0;right:0;} .xfoot_area{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;font-size: 14px;padding: 25px 0;} .xfoot_contact{order: 2;max-width: 28%;} .xfoot_contact dd{font-size: 30px;font-family: Arial!important;line-height: 1;color: #fff;margin-bottom: 10px;} .xfoot_contact p{line-height: 30px;color: #666;} .xfoot_left{max-width: 58%;} .xfoot_nav{width: 100%;height: auto;overflow: hidden;margin-bottom: 20px;} .xfoot_nav li{float: left;margin-right: 36px;} .xfoot_nav li:last-child{margin-right: 0px;} .xfoot_nav li a{display: block;line-height: 30px;height: 30px;overflow: hidden;color: #ccc;transition: 300ms;} .xfoot_nav li a:hover{color: #fff;} .xcopyright{line-height: 24px;color: #666;} .xcopyright a{color: #666;transition: 300ms;} .xcopyright a:hover{color: #fff;} .xfoot_erweima{order: 3;width: 100px;} .xfoot_erweima img{width: 100%;} /*xtitle*/ .xtitle{width: 72%;height: 112px;left: 14%;position: fixed;top: 0!important;background-size: contain!important; z-index: 2;opacity: 0;background: url(../images/xtitle_about.png) left center no-repeat;transition: width 1s,height 1s,opacity 1s,transform 1s,left 1s;transition: 1s 50ms;} .fp-viewing-page2 .xtitle{opacity: 1;background: url(../images/xtitle_about.png) left center no-repeat;} .fp-viewing-page3 .xtitle{opacity: 1;left: 0;height: 150px;background: url(../images/xtitle_template.png) left center no-repeat;} .fp-viewing-page4 .xtitle{opacity: 1;height: 126px;background: url(../images/xtitle_advantage.png) center center no-repeat;} .fp-viewing-page5 .xtitle{opacity: 1;height: 110px;background: url(../images/xtitle_case.png) center center no-repeat;} .fp-viewing-page6 .xtitle{left: 0;height: 150px;background: url(../images/xtitle_partner.png) left center no-repeat;} .fp-viewing-page7 .xtitle{opacity: 1;height: 110px;background: url(../images/xtitle_process.png) center center no-repeat;} .fp-viewing-page8 .xtitle{opacity: 0;height: 122px;background: url(../images/tact_title_03.png) center center no-repeat;} .fp-viewing-page2 .xtitle:after{content:''; display:block; width:100%; height:100%;/*-webkit-mask-image:url(../images/xtitle_about.png);*/-webkit-mask-size:contain;-webkit-mask-repeat: no-repeat; position:absolute; left:0; top:0; opacity:0; transition:all .65s;} .fp-viewing-page2 .xtitle:hover:after{opacity:.8; animation:xtitleImg linear 5s infinite;} @keyframes xtitleImg{ 0%{background-position:left center;} 50%{background-position:right center;} 100%{background-position:left center;} } /*样式就用.fp-viewing-page12345去改变 后面手机端样式也直接这样调整 只有偏移量translateY是在js里面计算设置的*/ /*没有特别要求，就只做了about的鼠标经过有图片显示，背景图也是随便设置的，后面根据需要替换或者删除*/ /*xtitle-end*/ canvas{width: 100%;height:100%;position: absolute;top:0;left:0;z-index: 20;} /*.animated{-webkit-animation-duration: .8s;*/ /* animation-duration: .8s;*/ /* -webkit-animation-fill-mode: forwards;*/ /* animation-fill-mode: forwards;}*/ /*.animated{opacity: 0;}*/ /*.slideInUp{opacity: 1!important;}*/ /*.slideInLeft{opacity: 1!important;}*/ /*.slideInRight{opacity: 1!important;}*/ /*.bgAnOne.zoomIn{opacity: .8!important;}*/ /*.bgAnTwo.zoomIn{opacity: .8!important;}*/ /*===========================*/ /*==========内页-XT==========*/ /*===========================*/ /* lin guo xie */ /* 联系我们-左边内容 */ .contact-left-box{ position: fixed; left: -500px; top: 0; bottom: 0; width: 500px; z-index:99; box-shadow: 0 16px 59px rgba(0,0,0,.25); background-color: #f3f7ff; border-bottom-right-radius: 90px; overflow: hidden;} .contact-con-box{ width: 100%; height: 100%; background: url('../images/contact_bg.png') center bottom no-repeat; padding: 20px 40px; box-sizing: border-box; background-size: auto;} .contact-logo{ width: 100%; padding: 20px 0; display: flex;justify-content: space-between;flex-wrap: wrap;} .contact-logo i{display: block;height: 48px;margin: 2px 5px;} .contact-logo img{ max-width: 100%;max-height: 100%;} .contact-h-text{ font-size: 28px; color: #282828; line-height: 1.2; padding: 30px 0;} .contact-item-box{ border-bottom: 1px dashed #d2d5dc; padding: 16px 0;} .contact-item-box:last-child{border: none;} .contact-item-title{ color: #3f77ee; font-size: 18px; font-weight: bold; padding: 10px 0;} .contact-item-text{ font-size: 16px; color: #666; line-height: 34px;} /* 联系我们-右边咨询 */ .contact-service-box{ position: fixed; right: 30px; z-index: 99; bottom: 30px;} .contact-sn-h-text{color: #417afd; font-size: 18px; font-weight: bold; text-align: center; padding-bottom: 20px;} .contact-sn-context-box{ width: 100%; height: 84px;} .sn-context-left{ float: left; width: 300px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;} .sn-context-btn{ width: 84px; height: 84px;float: right; border: none; background: url('../images/contact_zx.png') center center no-repeat; color: #fff; font-size: 18px;} .label-item-box{ display: flex;} .label-item-box label{ width: 60px; line-height: 36px; font-size: 16px; color: #282828; } .label-item-box input{ flex: 1; border: none; background-color: #eeeeee; border-radius: 50px; height: 36px; line-height: 36px; padding: 0 12px;} .contact-service-btn{position: relative;animation: contact_btn_iconA 4s infinite; z-index: 2; cursor: pointer; width: 96px; height: 96px; background: url('../images/contact_btn.png') center center no-repeat;} .contact-service-btn-icon{ position: absolute; left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; } .contact-service-btn-icon img{ max-width: 100%; max-height: 100%;} .contact-sn-box{ position: fixed; opacity: 0; right: 30px; transition: all 1s; bottom: 150px; width: 470px;height: 0; padding-bottom: 10px; background-color: #fff; border-radius: 12px; padding: 20px 30px; box-shadow: 0 0 35px rgba(0,0,0,.25);} .contact-sn-box::before{ content: ""; position: absolute; right: 35px; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;} .contact-sn-box.on{ height: 176px; opacity: 1;transition: all 1s; } .m-map-box{ display: none; border: 5px solid #ffffff; margin-bottom: 20px; height: 200px; box-shadow: 0 7px 38px rgba(36, 113, 255, 0.07);border-bottom-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden;} .ny{} .xx{} .clear{clear:both;} .ny_banner{width: 100%;line-height: 0;position: relative;} .ny_banner img{width: 100%;} .ny_footer{position: relative;} .ny_main{width: 100%;padding: 100px 60px 140px;} .xxtemp_head{position: relative;} .xxtemp_slogan{font-size: 30px;font-weight: lighter;letter-spacing: 5px;line-height: 1.6;padding-right: 24%;} .xxtemp_slogan br{display: none;} .xxtemp_slogan em{margin: 0 20px;} .xxtemp_search{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 19.5%;} .xxtemp_search form{display: block;border-radius: 24px;background: #f4f4f4;padding-right: 60px;position: relative;} .xxtemp_search_box{display: block;width: 100%;height: 48px;padding: 0 0 0 30px;background: none;border: none;outline: none;} .xxtemp_search_btn{width: 60px;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/xxtemp_search_btn.png) center center no-repeat;border: none;outline: none;padding: 0px;} .xxtemp_menu{margin: 85px 0 30px;width: 100%;display: inline-flex;/*display: flex;align-items: center;*/} .xxtemp_menu_item{font-weight: lighter;cursor: pointer; transition: 500ms;width: 13.8%;padding: 25px 40px;display: flex;align-items: center;height: 135px;} .xxtemp_menu_bt{line-height: 1.6;letter-spacing: 2px;float: left;width: 100px;} .xxtemp_menu_cn{font-size: 20px;} .xxtemp_menu_en{font-size: 14px;color: rgba(0,0,0,.3);text-transform: uppercase;} .xxtemp_menu_nr{flex: 1;height: auto;display: none;text-align: center;flex-wrap: wrap; } .xxtemp_menu_indus .xxtemp_menu_nr::-webkit-scrollbar{background: #f8f8f8;width: 2px;border-radius: 2px;position: absolute;} .xxtemp_menu_indus .xxtemp_menu_nr::-webkit-scrollbar-track{} .xxtemp_menu_indus .xxtemp_menu_nr::-webkit-scrollbar-thumb{background: #cfdeff;border-radius: 2px;} .xxtemp_menu_ani{opacity: 0;} .xxtemp_menu_item.cur{width: 58.6%;} .xxtemp_menu_item.cur .xxtemp_menu_nr{display: flex;} .xxtemp_menu_item.cur .xxtemp_menu_ani{animation: fadeInRight .5s .3s forwards;} /*.xxtemp_menu.on2 .xxtemp_menu_item{width: 10%;}*/ /*.xxtemp_menu.on2 .xxtemp_menu_item.cur{width: 70%;}*/ .xxtemp_menu_type{background: #f7f7f7;} .xxtemp_mtype_option{width: 16.6%;cursor: pointer;} .xxtemp_mtype_option a{display: block;} .xxtemp_mtype_icon{width: 100%;text-align: center;position: relative;} .xxtemp_mtype_icon>div{height: 34px;margin-top: 8px;} .xxtemp_mtype_icon .img_a{} .xxtemp_mtype_icon .img_b{display: none;} .xxtemp_mtype_icon img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;} .xxtemp_mtype_icon img:first-child{position: absolute;top: 0;left: 50%;transform: translatex(-50%);} .xxtemp_mtype_icon img:nth-child(2){z-index: 2;position: relative;} .xxtemp_mtype_bt{font-size: 18px;line-height: 1.6;margin-top: 15px;} .xxtemp_mtype_option:hover .img_a,.xxtemp_mtype_option.on .img_a{display: none;} .xxtemp_mtype_option:hover .img_b,.xxtemp_mtype_option.on .img_b{display: block;} .xxtemp_mtype_option:nth-child(1):hover .xxtemp_mtype_icon img:nth-child(2){animation: xxtemp_mtype_iconA .65s forwards;} .xxtemp_mtype_option:nth-child(2):hover .xxtemp_mtype_icon img:nth-child(2){animation: xxtemp_mtype_iconA .65s forwards;} .xxtemp_mtype_option:nth-child(3):hover .xxtemp_mtype_icon img:nth-child(2){animation: xxtemp_mtype_iconB .65s forwards;} .xxtemp_mtype_option:nth-child(4):hover .xxtemp_mtype_icon img:nth-child(2){animation: xxtemp_mtype_iconB .65s forwards;} .xxtemp_mtype_option:nth-child(5):hover .xxtemp_mtype_icon img:nth-child(2){animation: swing .65s forwards;} .xxtemp_mtype_option:nth-child(6):hover .xxtemp_mtype_icon img:nth-child(2){animation: xxtemp_mtype_iconB .65s forwards;} .xxtemp_menu_indus{background: #ecf2ff;} .xxtemp_menu_indus .xxtemp_menu_nr{margin-left: 40px;max-height: 100%;overflow-y: auto;overflow-x: hidden;} .xxtemp_mindus_option{/*width: 86px;*/margin: 5px 5px;float: left;line-height: 32px;text-align: center;font-size: 13px;cursor: pointer;letter-spacing: 2px;} .xxtemp_mindus_option a{display: block;padding: 0 10px;background: #fff;color: #676767;border-radius: 8px;transition: 300ms;} .xxtemp_mindus_option:hover a,.xxtemp_mindus_option.on a{background: #4481ff;color: #fff;box-shadow: 0px 6px 9px 0 rgba(68,129,255,.3);} .xxtemp_menu_color{background: #dae6ff;} .xxtemp_menu_color .xxtemp_menu_nr{justify-content: space-around;} .xxtemp_mcolor_option{width: 42px;border-radius: 50%;border: 4px solid rgba(255,255,255,.5);transition: 400ms;position: relative;cursor: pointer;line-height: 0;} .xxtemp_mcolor_option a{display: block;position: relative;z-index: 2;} .xxtemp_mcolor_option a:after{content: "";width: 100%;height: 100%;background: url(../images/xxtemp_mcolor_dot.png) center center no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;filter:alpha(opacity=0);opacity: 0;transition: 400ms;transform: rotate(-90deg);} .xxtemp_mcolor_option img{width: 100%;} .xxtemp_mcolor_option:hover,.xxtemp_mcolor_option.on{box-shadow: 0px 10px 18px 0 rgba(68,129,255,.5);border-color: #fff;} .xxtemp_mcolor_option:hover a:after,.xxtemp_mcolor_option.on a:after{transform: rotate(0deg);filter:alpha(opacity=100);opacity: 1;} .xxtemp_menu_price{background: #cfdeff;} .xxtemp_menu_price .xxtemp_menu_nr{justify-content: space-around;} .xxtemp_mprice_option{width: 116px;line-height: 36px;font-size: 14px;text-align: center;cursor: pointer;} .xxtemp_mprice_option a{display: block;color: #595959;border-radius: 18px;background: #fff;transition: 400ms;} .xxtemp_mprice_option:hover a,.xxtemp_mprice_option.on a{background: #4481ff;color: #fff;box-shadow: 0px 6px 9px 0 rgba(68,129,255,.3);} .xxtemp_xys_list{} .xxtemp_xys_item{width: 47.4%;float: left;height: auto;overflow: hidden;border-radius: 10px;margin-bottom: 4.6%;} .xxtemp_xys_item:nth-child(odd){margin-right: 5.2%;} .xxtemp_xys_img{width: 100%;height: auto;overflow: hidden;height: 380px;} .xxtemp_xys_img a{display: block;height: auto;overflow: hidden;height: 100%;} .xxtemp_xys_img img{width: 100%;transition: 500ms;} .xxtemp_xys_intro{border: 1px solid #eee;border-top: none;border-radius: 0 0 10px 10px;padding: 15px 40px;font-weight: lighter;line-height: 32px;position: relative;} .xxtemp_xys_intro p a { display: inline-block; width: 12px; height: 12px; border-radius: 100%; margin-right: 6px;} .xxtemp_xys_bt{line-height: 32px;height: 32px;overflow: hidden;} .xxtemp_xys_color{display: flex;align-items: center;width: 100%;height: 32px;overflow: hidden;} .xxtemp_xys_color span{display: inline-block;width: 16px;height: 16px;border-radius: 50%;cursor: pointer;margin-right: 10px;position: relative;} .xxtemp_xys_color span:last-child{margin-right: 0px;} .xxtemp_xys_color span:after{content: "";width: 6px;height: 6px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0,0);transition: 400ms;} .xxtemp_xys_color span.on:after{transform: translate(-50%,-50%) scale(1,1);} .xxtemp_xys_price{position: absolute;right: 40px;top: 50%;transform: translateY(-50%);} .xxtemp_xys_price span{color: #ff6155;font-size: 28px;margin-right: 8px;letter-spacing: 2px;} .xxtemp_xys_item:hover .xxtemp_xys_img img{transform: scale(1.08,1.08);} .section{ position: relative;} .lightbox{position: fixed;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);} .lb-outerContainer{border-radius: 10px;} .lb-container{padding: 25px 25px 100px 25px;} .lb-details{line-height: 1.5;width: 100%;height: 100px;position: absolute;bottom: 0;left: 0;text-align: left;display: flex;align-items: center;font-size: 28px;padding: 0 40px;text-indent: 30px;} .lb-details:before{content: "";width: 6px;height: 14px;background: #4c77ff;border-radius: 3px;position: absolute;left: 40px;top: 50%;transform: translateY(-50%);} .lb-number{display: none!important;} .lb-nav{height: 100px;top: auto;bottom: 0;left: auto;right: 40px;width: auto;display: flex;align-items: center;} .lb-prev, .lb-next{width: 46px;height: 46px;margin-left: 20px;float: left;border-radius: 50%;transition: 400ms;background-size: 12px!important;} .lb-prev{background: url(../images/xxtemp_prev.png) #dedede center center no-repeat;} .lb-next{background: url(../images/xxtemp_next.png) #dedede center center no-repeat;} .lb-prev:hover{background: url(../images/xxtemp_prev.png) #4b79fe center center no-repeat;box-shadow: 0px 6px 9px 0 rgba(68,129,255,.3);} .lb-next:hover{background: url(../images/xxtemp_next.png) #4b79fe center center no-repeat;box-shadow: 0px 6px 9px 0 rgba(68,129,255,.3);} .lb-xxbox{width: 1260px;height: 600px;overflow-y: auto;overflow-x: hidden;cursor: pointer;} .lb-xxbox::-webkit-scrollbar{background: #f8f8f8;width: 2px;border-radius: 2px;position: absolute;} .lb-xxbox::-webkit-scrollbar-track{} .lb-xxbox::-webkit-scrollbar-thumb{background: #b3b3b3;border-radius: 2px;} .xsbuse{width: 102px;line-height: 32px;text-align: center;background: #2a79ff;color: #fff;box-shadow: 0px 5px 15px 0 rgba(42,121,255,.5);margin-left: 30px;border-radius: 16px;font-size: 14px;cursor: pointer;text-indent: 0;} .xxpage{width: 100%;text-align: center; overflow: hidden;} .xxpage ul{display: inline-block;vertical-align: top;border-bottom: 1px solid #dfdfdf;line-height: 80px;} .xxpage ul li{display: inline-block;vertical-align: top;} .xxpage a{display: inline-block;vertical-align: top;width: 70px;line-height: 80px;height: 80px;position: relative;font-size: 16px;color: #3f3f3f;z-index: 2;margin: 0 8px;transition: 400ms;} .xxpage ul li a:after{content: "";width: 100%;height: 2px;background: #4c77ff;position: absolute;left: 0;bottom: -1px;transition: 400ms;transform: scale(0,0);} .xxpage ul li a:hover,.xxpage ul li a.on1{color: #4c77ff;font-size: 30px;} .xxpage ul li a:hover:after,.xxpage ul li a.on1:after{transform: scale(1,1);} .xxpage a.xxpage_prev{background: url(../images/xxpage_prev.png) center center no-repeat;} .xxpage a.xxpage_next{background: url(../images/xxpage_next.png) center center no-repeat;} .xxpage a.xxpage_prev:hover{background: url(../images/xxpage_prev_h.png) center center no-repeat;} .xxpage a.xxpage_next:hover{background: url(../images/xxpage_next_h.png) center center no-repeat;} .xxtemp_sz_list{} .xxtemp_sz_item{width: 47.3%;float: left;margin-bottom: 4.6%;position: relative;padding-right: 5.8%;} .xxtemp_sz_item:nth-child(odd){margin-right: 5.4%;} .xxtemp_sz_pc{padding: 10px 10px 0 10px;border-radius: 14px;border: 1px solid #eee;} .xxtemp_sz_pc_img{width: 100%;height: 350px;overflow: hidden;border-radius: 10px;} .xxtemp_sz_pc_img a{display: block;height: 100%;overflow: hidden;} .xxtemp_sz_pc_img img{width: 100%;} .xxtemp_sz_pc_intro{padding: 15px 20px;position: relative;} .xxtemp_sz_pc_price{margin-right: 12%;} .xxtemp_sz_sj{width: 24.5%;height: auto;border-radius: 10px;border: 4px solid rgba(255,255,255,.5);position: absolute;right: 0;bottom: 0;box-shadow: 0px 2px 24px 0 rgba(0,0,0,.15);overflow: hidden; max-height: 78%;} .xxtemp_sz_sj_img{width: 100%;height: 100%;overflow: hidden;background: #fff;border-radius: 8px;position: relative;} .xxtemp_sz_sj_img:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.65);position: absolute;left: 0;top: 0;transition: 400ms;left: 100%;} .xxtemp_sz_sj_img img{width: 100%;} .xxtemp_sz_sj_ewm{position: absolute;left: 0;top: 60%;width: 100%;transform: translateY(-50%);text-align: center;filter:alpha(opacity=0);opacity: 0;transition: 400ms;} .xxtemp_sz_sj_ewm i{width: 96px;margin: 0 auto 12px;display: block;padding: 0;background: #fff;} .xxtemp_sz_sj_ewm i img{width: 100%;} .xxtemp_sz_sj_ewm p{font-size: 12px;color: #fff;line-height: 22px;} .xxtemp_sz_sj:hover .xxtemp_sz_sj_img:after{left: 0;} .xxtemp_sz_sj:hover .xxtemp_sz_sj_ewm{filter:alpha(opacity=100);opacity: 1;top: 50%;} .xxtemp_sj_list{padding: 80px 60px 50px 50px;background: #fbfbfb;margin-top: -20px;width: 100%;margin-bottom: 50px;} .xxtemp_sj_list p a{display: inline-block; width: 12px; height: 12px; border-radius: 100%; margin-right: 6px;} .xxtemp_sj_item{width: 20%;margin-bottom: 5%;padding: 5px;border-radius: 18px;box-shadow: 0px 5px 24px 0 rgba(0,0,0,.25);background: #fff;position: relative;float: left;margin-right: 6.66%;} .xxtemp_sj_item:nth-child(4n){margin-right: 0px;} .xxtemp_sj_img{width: 100%;height: auto;overflow: hidden;border-radius: 18px 18px 0 0;position: relative;height: auto !important;} .xxtemp_sj_img:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.65);position: absolute;left: 0;top: 0;transition: 400ms;left: 100%;} .xxtemp_sj_img img{width: 100%;} .xxtemp_sj_bellow{padding: 15px 10px;height: auto;overflow: hidden;position: relative;} .xxtemp_sj_intro{line-height: 24px;font-size: 14px;} .xxtemp_sj_bt{line-height: 24px;height: 24px;overflow: hidden;} .xxtemp_sj_color{display: flex;align-items: center;width: 100%;height: 24px;overflow: hidden;} .xxtemp_sj_color span{display: inline-block;width: 12px;height: 12px;border-radius: 2px;cursor: pointer;margin-right: 8px;position: relative;} .xxtemp_sj_color span:after{content: "";width: 4px;height: 4px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0,0);transition: 400ms;} .xxtemp_sj_color span.on:after{transform: translate(-50%,-50%) scale(1,1);} .xxtemp_sj_price{} .xxtemp_sj_price{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);} .xxtemp_sj_price span{color: #ff6155;font-size: 20px;margin-right: 8px;letter-spacing: 1px;font-weight: bold;} .xxtemp_sj_ewm{} .xxtemp_sj_item:hover .xxtemp_sj_img:after{left: 0;} .xxtemp_sj_item:hover .xxtemp_sj_ewm{filter:alpha(opacity=100);opacity: 1;top: 45%;} .xxtemp_side{position: fixed;top: 45%;left: 0;background: #fff;padding: 15px 8px;box-shadow: 0px 3px 43px 0 rgba(0,0,0,.13);border-radius: 0 10px 10px 0;z-index: 50;transform: translatex(-100%);transition: 400ms;} .xxtemp_side.open{transform: translatex(0%);} .xxtemp_side>div{width: 28px;height: 28px;border-radius: 50%;margin: 8px 0;cursor: pointer;transition: 300ms;background-size: 100%!important;} .xxtemp_side_btn{background: url(../images/xxtemp_side_btn.png) #eee center center no-repeat;} .xxtemp_side_top{background: url(../images/xxtemp_side_top.png) #eee center center no-repeat;} .xxtemp_side_btn:hover,.xxtemp_side_btn.on{background: url(../images/xxtemp_side_btn_h.png) #4c77ff center center no-repeat;} .xxtemp_side_top:hover{background: url(../images/xxtemp_side_top_h.png) #4c77ff center center no-repeat;} .xxtemp_side_menu{width: 100%;height: auto;position: fixed;left: 0;top: 45%;padding: 0 60px;z-index: 49;display: none;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;} .xxtemp_side_menu .xxtemp_menu{margin: 0;} .xxopacity{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;display: none;} .xxtemp_mnav_btn{width: 70%;padding: 0 5%; z-index: 40; line-height: 38px;color: #fff;background: #2471ff;border-radius: 20px;position: fixed;bottom: 20px;left: 50%;transform: translatex(-50%);box-shadow: 0px 10px 54px 0 rgba(36,113,255,.5);transition: 300ms;} .xxtemp_mnav_btn:after{content: "";transform: rotate(180deg); width: 14px;height: 100%;background: url(../images/xxtemp_mnav_btn.png) center center no-repeat;background-size: 100%;position: absolute;right: 6%;top: 0;z-index: 49;} .xxtemp_mnav_btn.on{bottom: 0;} .xxtemp_mnav_menu{width: 100%;height: auto;overflow: hidden;padding: 4% 3% 2% 3%;background: #f7f8fa;border-radius: 15px 15px 0 0;position: fixed;bottom: 0;left: 0;z-index: 50;transform: translatey(100%);transition: 300ms;max-height: 80vh;overflow-y: auto;} .xxtemp_mnav_menu.on{transform: translatey(0%);} .xxtemp_mnav_bt{color: #427fff;position: relative;padding-left: 14px;line-height: 1.5;} .xxtemp_mnav_bt:before{content: "";width: 2px;height: 14px;background: #427fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .xxtemp_mnav_nr{width: 100%;height: auto;overflow: hidden;padding: 10px 0px 20px;} .xxtemp_mnav_nr li,.xxtemp_mnav_indus_more{width: 14%;float: left;margin: 5px 0;margin-right: 3.2%;text-align: center;line-height: 30px;background: #fff;border-radius: 4px;font-size: 14px;overflow: hidden;} .xxtemp_mnav_nr li a{display: block;} .xxtemp_mnav_nr li:nth-child(6n),.xxtemp_mnav_indus_more{margin-right: 0px;} .xxtemp_mnav_nr li.on a{background: #4c77ff;color: #fff;} .xxtemp_mnav_indus li{width: auto!important;} .xxtemp_mnav_indus li a{padding: 0 8px;} .xxtemp_mnav_indus li:nth-child(6n){margin-right: 3.2%;} .xxtemp_mnav_color li{width: 28px!important;height: 28px!important;margin-right: 14px!important;line-height: 0;position: relative;} .xxtemp_mnav_color li a{display: block;position: relative;height: 100%;background: none!important;} .xxtemp_mnav_color li:first-child{border: 1px solid #e1e1e1;} .xxtemp_mnav_color li img{width: 100%;} .xxtemp_mnav_color li.on a:after{content: "";width: 6px;height: 6px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .xxtemp_mnav_price li{width: 31.2%;} .xxtemp_mnav_price li:nth-child(3n){margin-right: 0px;} .xxtemp_mnav_indus_more{color: #427fff;} .xxtemp_mnav_indus_more span{display: inline-block;vertical-align: top;padding-right: 20px;position: relative;} .xxtemp_mnav_indus_more span:after{content: "";width: 10px;height: 100%;background: url(../images/xxtemp_mnav_indus_more.png) right center no-repeat;background-size: 100%;position: absolute;right: 0;top: 0;transition: 300ms;} .xxtemp_mnav_indus_more.open span:after{transform: rotate(180deg);} .xxhide{display: none;} .xxcase_side_menu{width: auto;} .xxcase_side_menu ul{width: 418px;padding: 14px;border-radius: 10px;background: #fff;box-shadow: 0px 3px 43px 0 rgba(0,0,0,.13);height: auto;overflow: hidden;} .xxcase_side_menu ul li{width: 110px;line-height: 42px;border-radius: 5px;text-align: center;font-size: 20px;margin: 10px;float: left;background: #f6f6f6;transition: 300ms;cursor: pointer;} .xxcase_side_menu ul li.on,.xxcase_side_menu ul li:hover{background: #3d85fe;color: #fff;} .ny_gray{background: #f7f7f7;} .xxcase_menu{width: 100%;height: auto;overflow: hidden;position: relative;background: #fff;margin: 20px 0 80px;} .xxcase_menu_item{width: 16.66666%;float: left;height: 130px;display: flex;align-items: center;overflow: hidden;justify-content: center;cursor: pointer;z-index: 2;position: relative;} .xxcase_menu_icon>div{height: 34px;margin-right: 20px;position: relative;} .xxcase_menu_icon .img_a{} .xxcase_menu_icon .img_b{display: none;} .xxcase_menu_icon img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;} .xxcase_menu_icon img:first-child{position: absolute;top: 0;left: 50%;transform: translatex(-50%);} .xxcase_menu_icon img:nth-child(2){z-index: 2;position: relative;} .xxcase_menu_bt{font-size: 30px;letter-spacing: 2px;line-height: 2.7;color: #3a3a3a;font-weight: lighter;position: relative;} .xxcase_menu_bt:after{content: "";width: 0px;height: 2px;background: #2a79ff;position: absolute;left: 0;bottom: 0;transition: 500ms;} .xxcase_menu_item.on{background: #eaf2ff;} .xxcase_menu_item:hover .xxcase_menu_bt:after,.xxcase_menu_item.on .xxcase_menu_bt:after{width: 25px;} .xxcase_menu_item:hover .img_a,.xxcase_menu_item.on .img_a{display: none;} .xxcase_menu_item:hover .img_b,.xxcase_menu_item.on .img_b{display: block;} .xxcase_menu_item:nth-child(1):hover .xxcase_menu_icon img:nth-child(2){animation: xxtemp_mtype_iconA .65s forwards;} .xxcase_menu_item:nth-child(2):hover .xxcase_menu_icon img:nth-child(2){animation: xxtemp_mtype_iconA .65s forwards;} .xxcase_menu_item:nth-child(3):hover .xxcase_menu_icon img:nth-child(2){animation: xxtemp_mtype_iconB .65s forwards;} .xxcase_menu_item:nth-child(4):hover .xxcase_menu_icon img:nth-child(2){animation: xxtemp_mtype_iconB .65s forwards;} .xxcase_menu_item:nth-child(5):hover .xxcase_menu_icon img:nth-child(2){animation: swing .65s forwards;} .xxcase_menu_item:nth-child(6):hover .xxcase_menu_icon img:nth-child(2){animation: xxtemp_mtype_iconB .65s forwards;} .xxcase_menu_block{width: 16.66666%;height: 100%;background: #eaf2ff;position: absolute;} .xxcase_list{} .xxcase_item{padding: 10px 10px 0 10px;background: #fff;border-radius: 20px;height: auto;overflow: hidden;width: 31.1%;float: left;margin-right: 3.35%;margin-bottom: 3.35%;} .xxcase_item:nth-child(3n){margin-right: 0px;} .xxcase_img{width: 100%;height: auto;overflow: hidden;border-radius: 8px;} .xxcase_img img{width: 100%;transition: 500ms;} .xxcase_bt{text-align: center;font-size: 18px;line-height: 68px;height: 68px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xxcase_item:hover .xxcase_img img{transform: scale(1.05,1.05);} .ny_news_banner{width: 100%;display: flex;align-items: center;justify-content: space-around;position: relative;padding: 120px 60px;z-index: 2;} .ny_news_bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;} .ny_news_headline{} .ny_news_headline dt{font-size: 76px;font-weight: bold;color: #3f78f7;letter-spacing: 10px;line-height: 1.4;} .ny_news_headline dd{font-size: 36px;font-weight: bold;color: #2a2a2a;letter-spacing: 1px;line-height: 1.4;} .ny_news_area{width: 68%;} .ny_news_area a{padding: 5% 8.2%;display: flex;align-items: center;position: relative;width: 100%;border-radius: 0 60px 0 60px;background: #fff;box-shadow: 0px 22px 90px 0 rgba(0,0,0,.1);height: auto;overflow: hidden;} .ny_news_area a:after{content: "";width: 96px;height: 96px;background: url(../images/ny_news_more.png) center center no-repeat;background-size: 100%;position: absolute;right: 0;bottom: 0;transition: 500ms;transform: translate(100%,100%);} .ny_news_img{width: 45.6%;margin-right: 10%;float: left;height: auto;overflow: hidden;} .ny_news_img img{width: 100%;} .ny_news_intro{flex: 1;height: auto;overflow: hidden;} .ny_news_bt{overflow: hidden;position: relative;padding-bottom: 24px;margin-bottom: 18px;} .ny_news_bt span{display: block;font-size: 22px;font-weight: bold;line-height: 32px;max-height: 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .ny_news_bt:after{content: "";width: 24px;height: 3px;background: #2471ff;position: absolute;left: 0;bottom: 0;} .ny_news_nr{font-size: 14px;line-height: 28px;max-height: 84px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #666;} .ny_news_sj{font-size: 22px;line-height: 1.4;font-weight: lighter;color: #5d5d5d;margin-top: 35px;} .ny_news_area a:hover:after{transform: translate(0,0);} .xxnews_list{} .xxnews_item{width: 48.3%;float: left;margin-bottom: 3.4%;} .xxnews_item:nth-child(odd){margin-right: 3.4%;} .xxnews_item a{display: flex;align-items: center;width: 100%;background: #fff;height: auto;overflow: hidden;padding: 6.8%;transition: 400ms;} .xxnews_img{width: 204px;float: left;margin-right: 5.8%;} .xxnews_img i{display: block;height: auto;overflow: hidden;} .xxnews_img img{width: 100%;} .xxnews_img span{display: block;width: 82px;text-align: center;line-height: 34px;font-size: 20px;letter-spacing: 1px;background: #cacaca;color: #fff;margin-top: -14px;border-radius: 0 12px 0 0;position: relative;z-index: 2;transition: 400ms;} .xxnews_intro{flex: 1;height: auto;overflow: hidden;} .xxnews_bt{position: relative;padding-bottom: 15px;margin-bottom: 15px;} .xxnews_bt span{display: block;font-size: 20px;line-height: 36px;max-height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold;} .xxnews_bt:after{content: "";width: 14px;height: 3px;background: #cacaca;position: absolute;left: 0;bottom: 0;transition: 400ms;} .xxnews_nr{font-size: 14px;line-height: 26px;max-height: 52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xxnews_item a:hover{box-shadow: 0px 15px 50px 0 rgba(0,0,0,.1);} .xxnews_item a:hover .xxnews_img span{background: #2471ff;} .xxnews_item a:hover .xxnews_bt:after{width: 46px;background: #2471ff;} .cursor, .cursor1 { width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;box-shadow: 0px 15px 50px 0 rgba(36,113,255,.5); background: url(../images/xxnews_pointer.png) #2471ff center center no-repeat;background-size: 100%; position:fixed;top:0;left:0;opacity:0;border-radius:50%;pointer-events:none;z-index:9999999; -webkit-transform:translate(-50%, -50%) scale(0,0); transform:translate(-50%, -50%) scale(0,0); -webkit-transition:opacity .2s ease-in-out, -webkit-transform .2s ease-in-out; transition:opacity .2s ease-in-out, -webkit-transform .2s ease-in-out; transition:opacity .2s ease-in-out, transform .2s ease-in-out; transition:opacity .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .3s ease-in-out; } .cursor1.xxnews_pointer {-webkit-transform:translate(-50%, -50%) scale(1,1);transform:translate(-50%, -50%) scale(1,1);} .xxnews_mask{width: 100%;height: 100%;background: rgba(255,255,255,.8);position: fixed;top: 0;left: 0;z-index: 49;display: none;} .xxnews_detbox{width: 82%;background: #fff;padding: 6% 4.6%;position: fixed;top: 50%;left: 50%;transform:translate(-50%, -50%);z-index: 50;box-shadow: 0 15px 100px 0 rgba(0,0,0,.15);border-radius: 20px;display: none;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;} .xxnews_detbox>div{max-height: 60vh;overflow-y: auto;padding-right: 5px;} .xxnews_detbox>div::-webkit-scrollbar{background: #f8f8f8;width: 2px;border-radius: 2px;position: absolute;} .xxnews_detbox>div::-webkit-scrollbar-track{} .xxnews_detbox>div::-webkit-scrollbar-thumb{background: #b3b3b3;border-radius: 2px;} .xxnews_close{width: 49px;height: 49px;overflow: hidden;border-radius: 50%;background: url(../images/xxnews_close.png) center center no-repeat;background-size: 100%;position: absolute;right: 3.125%;margin-top: 3.75%;top: 0;cursor: pointer;transition: 300ms;} .xxnews_close:hover{transform: rotate(180deg);} .xxnews_title{font-size: 30px;line-height: 1.4;text-align: center;} .xxnews_publish{font-size: 14px;line-height: 24px;color: #828282;text-align: center;border-bottom: 1px dashed #bfbfbf;padding: 3.6% 0 4.2%;margin-bottom: 5.6%;} .xxnews_det{line-height: 36px;} .xxnews_det img{max-width: 100%;max-height: 100%;} .ny_about_banner{padding: 180px 0 250px;color: #fff;} .ny_about_head{font-size: 66px;font-weight: lighter;line-height: 1.4;letter-spacing: 2px;} .ny_about_state{font-size: 30px;font-weight: lighter;line-height: 1.4;letter-spacing: 2px;margin: 10px 0 100px;} .ny_about_data{height: auto;overflow: hidden;margin: 0 -5%;} .ny_about_item{text-align: center;color: #f7f9ff;position: relative;width: 20%;float: left;} .ny_about_item:after{content: "";width: 1px;height: 50px;background: #f7f9ff;position: absolute;right: 0;top: 50%;transform: rotate(30deg) translateY(-50%);} .ny_about_item:last-child:after{display: none;} .ny_about_item dt{font-size: 18px;line-height: 1;font-weight: lighter;margin-bottom: 20px;} .ny_about_item dt span{font-size: 60px;margin-right: 6px;} .ny_about_item dd{font-size: 16px;line-height: 26px;} .xxabout_one{background: #f0f6ff;} .xxabone_content{margin-top: -140px;position: relative;z-index: 2;padding: 140px 0;} .xxabone_bg{width: 96%;height: 100%;background: #fff;border-radius: 0 25% 25% 0/0 50% 50% 0;position: absolute;left: 0;top: 0;z-index: -1;} .xxabone_area{width: 100%;display: flex;align-items: center;position: relative;justify-content: space-between;} .xxabone_letter{position: absolute;right: 100%;text-align: center;font-size: 120px;color: #f7f7f7;font-family: "Arial"!important;writing-mode: vertical-rl;writing-mode: tb-rl;line-height: 1.6;text-transform: uppercase;font-weight: bold;z-index: -1;} .xxabone_intro{width: 46.4%;} .xxabone_bt{font-size: 48px;font-weight: bold;color: #3385ff;letter-spacing: 2px;line-height: 1.4;} .xxabone_state{font-size: 24px;line-height: 1.4;color: #666;letter-spacing: 2px;margin: 20px 0 45px;position: relative;padding-bottom: 30px;} .xxabone_state:after{content: "";width: 24px;height: 2px;background: #3385ff;position: absolute;left: 0;bottom: 0;} .xxabone_nr{font-size: 16px;line-height: 36px;} .xxabone_img{width: 46.4%;position: relative;} .xxabone_img i{display: block;position: absolute;left: 0;top: 0;} .xxabone_img i:first-child{position: relative;} .xxabone_img i:nth-child(1){animation: xxabone_img 3s forwards infinite linear;} .xxabone_img i:nth-child(3){animation: xxabone_img 3s 1s forwards infinite linear;} .xxabone_img img{width: 100%;} .xxabout_two{background: url(../images/xxabtwo_bg.jpg) #f0f6ff center center no-repeat;background-size: cover;} .xxabtwo_area{width: 100%;display: inline-flex;} .xxabtwo_intro{padding: 120px 0 50px;width: 38.6%;padding-right: 5.2%;margin-right: 5.2%;float: left;position: relative;z-index: 2;color: #fff;} .xxabtwo_bg{width: 160%;height: 100%;position: absolute;right: 0;top: 0;z-index: -1;border-radius: 0 0 150px 0;} .xxabtwo_en{font-family: Arial!important;font-size: 48px;font-weight: bold;font-style: italic;line-height: 1.6;text-transform: uppercase;} .xxabtwo_cn{font-size: 30px;line-height: 1.6;font-weight: bold;} .xxabtwo_state{font-size: 16px;line-height: 26px;margin: 20px 0 100px;} .xxabtwo_data{width: 100%;height: auto;overflow: hidden;} .xxabtwo_item{width: 32%;float: left;} .xxabtwo_item dt em{font-weight: lighter;font-size: 48px;} .xxabtwo_item dt span{font-size: 16px;margin-left: 6px;position: absolute;} .xxabtwo_item dd{font-size: 16px;line-height: 26px;} .xxabtwo_slide{padding: 120px 0 170px;flex: 1;height: auto;overflow: hidden;margin: 0 -10px;font-size: 0px;line-height: 0;margin-bottom: 0px!important;} .xxabtwo_slide_item{padding: 10px;} .xxabtwo_slide_item img{width: 100%;transition: 300ms;} .xxabtwo_slide_item:hover img{transform: scale(1.1,1.1);box-shadow: 0px 5px 25px 0 rgba(0,0,0,.1);} .xxabtwo_slide .slick-dots{bottom: 0px;font-size: 0px;position: relative;margin-top: 25px;display: none!important;} .xxabtwo_slide .slick-dots li{width: auto;height: auto;margin: 0 10px;} .xxabtwo_slide .slick-dots li button{width: 8px;height: 8px;border-radius: 4px;transition: 300ms;background: #3385ff;padding: 0px;filter:alpha(opacity=50);opacity: 0.5;} .xxabtwo_slide .slick-dots li button:before{display: none;} .xxabtwo_slide .slick-dots li.slick-active button{filter:alpha(opacity=100);opacity: 1;} .xxabtwo_slide .slick-arrow{width: 54px;height: 54px;z-index: 2;transition: 300ms;overflow: hidden;top: auto;bottom: 70px;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0); } .xxabtwo_slide .slick-prev:before{display: none;} .xxabtwo_slide .slick-next:before{display: none;} .xxabtwo_slide .slick-prev{background: url(../images/xxtemp_prev.png) #dceaff center center no-repeat;left: auto;right: 84px;} .xxabtwo_slide .slick-next{background: url(../images/xxtemp_next.png) #dceaff center center no-repeat;right: 10px;} .xxabtwo_slide .slick-prev:hover{background: url(../images/xxtemp_prev.png) #2e80ff center center no-repeat;} .xxabtwo_slide .slick-next:hover{background: url(../images/xxtemp_next.png) #2e80ff center center no-repeat;} .xxabout_three{background: #f0f6ff;padding: 115px 0 130px;height: auto;overflow: hidden;} .xxabthree_head{width: 24.2%;float: left;} .xxabthree_en{font-family: Arial!important;font-size: 30px;font-weight: bold;color: #3385ff;line-height: 1.6;font-style: italic;text-transform: uppercase;} .xxabthree_cn{font-size: 30px;font-weight: bold;line-height: 1.6;} .xxabthree_imgs{width: 82.8%;float: left;margin-right: -10%;margin-left: 2%; position: relative;} .xxabthree_imgs i{display: block;} .xxabthree_imgs i:nth-child(2){margin-top: -15%;} .xxabthree_imgs i img{width: 100%;} .xxtemp_preview{width: 100%;height: auto;background: #e7e7e7;} .xxpre_menu_pc{width: 72px;height: 100%;background: #fff;border-right: 1px solid #f1f1f1;position: fixed;top: 0;left: 0;z-index: 5;text-align: center;padding: 6% 0;} .xxpre_number{position: relative;} .xxpre_no_btn{width: 38px;line-height: 38px;font-size: 14px;font-weight: bold;background: #3084fe;color: #fff;border-radius: 50%;margin: 0 auto;} .xxpre_no_box{position: absolute;padding-left: 12px;left: 100%;top: 0;display: none;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;} .xxpre_no_text{padding: 0 10px 0 15px;background: #fff;border-radius: 20px;line-height: 38px;display: flex;align-items: center;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); } .xxpre_no_text span{display: inline-block;vertical-align: top;} .xxpre_no_text button{display: inline-block;vertical-align: top;width: 36px;height: 38px;padding: 0;border: none;outline: none;background: url(../images/xxpre_copy_pc.png) center center no-repeat;} .xxpre_number:hover .xxpre_no_box{display: block;} .xxcopy_toast{width: auto;padding: 0 15px;line-height: 32px;background: rgba(255,255,255,.85);margin-top: 15px;font-size: 14px;text-align: center;color: #666;position: absolute;top: 100%;left: 50%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);transform: translatex(-50%);border-radius: 5px;z-index: 5;} .xxcopy_toast:before{content: "";border: 4px solid rgba(255,255,255,.85);border-color: rgba(255,255,255,.85) rgba(255,255,255,.85) transparent transparent;position: absolute;left: 50%;bottom: 28px;box-shadow: 3px -3px 10px 0px rgba(0,0,0,.1);transform: translatex(-50%) rotate(-45deg);} .xxpre_type{margin-top: 50px;} .xxpre_type>div{width: 100%;height: auto;overflow: hidden;text-align: center;padding: 10px 0;margin: 10px 0;cursor: pointer;} .xxpre_type>div img{width: 30px;} .xxpre_type>div img.img_a{} .xxpre_type>div img.img_b{display: none;} .xxpre_type>div.on img.img_a{display: none;} .xxpre_type>div.on img.img_b{display: inline;} .xxpre_color{position: absolute;width: 100%;bottom: 6%;height: auto;} .xxpre_color_item{width: 26px;height: 26px;border-radius: 50%;position: relative;margin: 30px auto;background: var(--clr);cursor: pointer;} .xxpre_color_item:before{content: "";width: calc(100% + 8px);height: calc(100% + 8px);border-radius: 50%;border: 4px solid var(--clr);filter:alpha(opacity=20);opacity: 0.2;position: absolute;left: -4px;top: -4px;} .xxpre_color_item.on:after{content: "";width: 5px;height: 5px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .xxpre_area{width: 100%;height: 100vh;padding-left: 72px;position: relative;display: flex;align-items: center;justify-content: center;} .xxpre_box{transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;position: relative;} .xxpre_wrap{height: 100%;/*overflow-y: auto;*/overflow: hidden;} .xxpre_wrap iframe{border: none;} .xxpre_wrap::-webkit-scrollbar{background: #f8f8f8;width: 2px;border-radius: 2px;position: absolute;right: 5px;margin-right: 10px;} .xxpre_wrap::-webkit-scrollbar-track{} .xxpre_wrap::-webkit-scrollbar-thumb{background: #b3b3b3;border-radius: 2px;} .xxpre_back{} .xxpre_ewm{width: 164px;text-align: center;display: none;animation-duration: 0.8s;-webkit-animation-duration: 0.8s;} .xxpre_ewm i{display: block;width: 100%;padding: 8px;background: #fff;border-radius: 20px;box-shadow: 0px 5px 35px 0 rgba(0,0,0,.1);margin-bottom: 20px;} .xxpre_ewm i img{width: 100%;} .xxpre_ewm p{line-height: 24px;color: #666;font-weight: lighter;font-size: 14px;letter-spacing: 2px;} .xxpre_pc .xxpre_box{width: 100%;height: 100vh;border-color: #fbfbfb;} .xxpre_pc .xxpre_back{display: none;} .xxpre_pad .xxpre_box{width: 1146px;height: 778px;border-radius: 20px;border: 8px solid #fbfbfb;padding: 35px 94px;background: #f7f7f7;position: relative;} .xxpre_pad .xxpre_box:after{content: "";width: 8px;height: 8px;border-radius: 50%;background: #d7d7d7;position: absolute;right: 44px;top: 50%;margin-top: -2px;} .xxpre_pad .xxpre_wrap{border-radius: 5px 5px 5px 5px;} .xxpre_pad .xxpre_back{width: 94px;height: 100%;position: absolute;left: 0;top: 0;border-radius: 16px 0 0 16px;} .xxpre_pad .xxpre_back a,.xxpre_pad .xxpre_back em{width: 54px;height: 54px;border-radius: 50%;background: url(../images/xxpage_prev_h.png) #fff center center no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;} .xxpre_pad .xxpre_back em{display: none;} .xxpre_pad .xxpre_back em:before{content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1;animation: xiconHover linear 1.6s infinite;box-shadow: none!important;} .xxpre_pad .xxpre_back em:after{content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1;animation: xiconHover linear 1.6s .8s infinite;box-shadow: none!important;} .xxpre_sj .xxpre_box{width: 428px;height: 810px;padding: 68px 15px;border-radius: 20px;background: #ececec;border: 4px solid #fbfbfb;margin-right: 86px;position: relative;} .xxpre_sj .xxpre_box:before{content: "";width: 5px;height: 5px;background: #fff;border-radius: 50%;position: absolute;top: 30px;right: 60%;} .xxpre_sj .xxpre_box:after{content: "";width: 64px;height: 5px;background: #fff;border-radius: 3px;position: absolute;top: 30px;left: 53%;transform: translatex(-50%);} .xxpre_sj .xxpre_wrap{border-radius: 5px;} .xxpre_sj .xxpre_back{width: 100%;height: 68px;position: absolute;left: 0;bottom: 0;} .xxpre_sj .xxpre_back a,.xxpre_sj .xxpre_back em{width: 40px;height: 40px;border-radius: 50%;background: url(../images/xxpage_prev_h.png) #fff center center no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-size: 10px;} .xxpre_sj .xxpre_back em{display: none;} .xxpre_sj .xxpre_back em:before{content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1;animation: xiconHover linear 1.6s infinite;box-shadow: none!important;} .xxpre_sj .xxpre_back em:after{content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 0; overflow: hidden;z-index: -1;animation: xiconHover linear 1.6s .8s infinite;box-shadow: none!important;} .xxpre_sj .xxpre_ewm{display: block;} .xxpre_menu_mc{width: 100%;height: auto;padding: 20px 15px;overflow: hidden;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 5;box-shadow: 0px 5px 24px 0 rgba(0,0,0,.2);} .xxpre_menu_mc_copy{float: right;outline: none;padding: 0 20px;line-height: 40px;border-radius: 20px;border: none;background: #2471ff;color: #fff;box-shadow: 0px 6px 16px 0 rgba(36,113,255,.5);margin-left: 30px;} .xxpre_menu_mc_copy span{display: inline-block;vertical-align: top;padding-left: 24px;background: url(../images/xxpre_menu_mc_copy.png) left center no-repeat;background-size: 14px;} .xxpre_menu_mc_number{float: right;line-height: 40px;} .xxpre_menu_mc_back{float: left;display: block;line-height: 40px;color: #5f5f5f;padding-left: 20px;background: url(../images/xxpre_menu_mc_back.png) left center no-repeat;background-size: 8px;} .ny_wrapper{padding-top: 80px;} .xxheader{width: 100%;padding: 0 60px;display: flex;justify-content: space-between;align-items: center;background: #fff;position: fixed;top: 0;left: 0;z-index: 15;box-shadow: 0px 0px 15px 0 rgba(0,0,0,.15);} .xxlogo a{max-width: 200px;height: 50px;display: flex;align-items: center;} .xxlogo a img{max-width: 100%;max-height: 100%;} .xxnav{width: 800px;} .xxnav ul{width: 100%;display: flex;align-items: center;justify-content: space-around;} .xxnav ul li{position: relative;} .xxnav ul li a{display: block;font-size: 16px;line-height: 80px;height: 80px;overflow: hidden;padding: 0 5px;position: relative;color: #333;transition: 300ms;} .xxnav ul li a:hover,.xxnav ul li.cu a,.xxnav ul li.on a{color: #2a79ff;} .xxnav ul li .xxtwo_box{padding-top: 4px;position: absolute;left: 50%;transform: translatex(-50%);} .xxnav ul li ul{display: none;padding: 14px 10px;border-radius: 8px;width: 120px;text-align: center;background: #eaf2ff;height: auto;overflow: hidden;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;} .xxnav ul li ul li{width: 100%;} .xxnav ul li ul li a,.xxnav ul li.cu ul li a,.xxnav ul li.on ul li a{font-size: 14px;line-height: 38px;height: 38px;color: #3e3e3e;} .xxnav ul li ul li a span{display: inline-block;vertical-align: top;position: relative;} .xxnav ul li ul li a span:after{content: "";width: 100%;height: 2px;background: #2a79ff;position: absolute;left: 50%;bottom: 0;transform: translatex(-50%) scale(0,0);transition: 300ms;} .xxnav ul li ul li a:hover{font-weight: bold;color: #2a79ff;} .xxnav ul li ul li a span:hover:after{transform: translatex(-50%) scale(1,1);} .xxnav ul li .xxtwo_spec ul{background: url(../images/xxnav_gbp.jpg) #eaf2ff center center no-repeat;background-size: 100%;width: 230px;} .xxnav ul li .xxtwo_spec ul li{width: 50%;float: left;} .xxnav ul li.cu ul{display: block;} .xxtel{padding-left: 36px;background: url(../images/picon1.png) left center no-repeat;line-height: 30px;} .xxtel span{font-family: Arial!important;font-size: 18px;font-weight: bold;} @media (min-width: 1650px){} @media (max-width: 1649px){ .xxtemp_sj_img{height: 300px;} .contact-h-text{ padding: 0;} .xpartner_area{ transform: scale(0.8);} .section8 .secCom_title span{ font-size: 24px;} .mes_form{ margin-top: 20px;} .fp-viewing-page8 .xtitle{ height: 80px;} .section8 .container{ width: 70%;} .ny_main{padding: 100px 60px 110px;} .xxtemp_search{width: 22%;} .xxtemp_menu_item{height: 130px;} .xxtemp_mtype_icon>div{height: 30px;} .xxtemp_mtype_bt{font-size: 16px;margin-top: 10px;} .xxtemp_mindus_option{line-height: 30px;} .xxtemp_mcolor_option{width: 38px;} .xxtemp_mprice_option{width: 96px;line-height: 34px;} .lb-xxbox{width: 1120px;height: 530px;} .lb-details{font-size: 24px;} .lb-prev, .lb-next{width: 42px;height: 42px;} .xxpage ul{ line-height: 72px;} .xxpage a{width: 68px;line-height: 72px;height: 72px;margin: 0 4px;} .xxtemp_sz_pc_img{height: 280px;} .xxtemp_sz_sj_ewm i{width: 86px;} .xxtemp_xys_img{height: 340px;} .xxcase_menu_bt {font-size: 24px;} .xxcase_bt{line-height: 58px;height: 58px;} .ny_news_banner{padding: 100px 60px;} .ny_news_headline dt{font-size: 62px;letter-spacing: 8px;} .ny_news_headline dd{font-size: 30px;} .ny_news_img{margin-right: 8%;} .ny_news_bt span{font-size: 20px;line-height: 30px;max-height: 30px;} .ny_news_sj{font-size: 20px;margin-top: 15px;} .ny_news_area a:after{width: 68px;height: 68px;} .xxnews_img{width: 186px;} .xxnews_bt span{font-size: 18px;line-height: 34px;max-height: 68px;} .xxnews_img span{font-size: 18px;} .xxnews_title{font-size: 26px;} .cursor, .cursor1{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;} .ny_about_banner{padding: 160px 0 200px;} .ny_about_head{font-size: 54px;} .ny_about_state{font-size: 26px;margin: 10px 0 60px;} .ny_about_item dt span{font-size: 50px;} .xxabone_content{padding: 110px 0;margin-top: -110px;} .xxabone_letter{font-size: 100px;} .xxabone_bt{font-size: 38px;} .xxabone_state{margin: 20px 0 35px;} .xxabone_nr{line-height: 30px;font-size: 15px;} .xxabtwo_intro{padding: 100px 0 50px;} .xxabtwo_en{font-size: 40px;} .xxabtwo_cn,.xxabthree_cn{font-size: 28px;} .xxabtwo_item dt em{font-size: 40px;} .xxabtwo_slide{padding: 100px 0 100px;} .xxabtwo_slide .slick-arrow{bottom: 20px;width: 46px;height: 46px;} .xxabtwo_slide .slick-prev{right: 74px;} .xxpre_pad .xxpre_box{width: 950px;height: 645px;padding: 32px 78px;} .xxpre_pad .xxpre_box:after{right: 35px;} .xxpre_pad .xxpre_back{width: 86px;} .xxpre_pad .xxpre_back a,.xxpre_pad .xxpre_back em{width: 40px;height: 40px;background-size: 10px;} .xxpre_sj .xxpre_box{width: 375px;height: 710px;} .xxpre_ewm{width: 150px;} .xxnav{width: 700px;} } @media (max-width: 1399px){ .xxpre_menu_pc{ padding: 3% 0;} .xxpre_type>div{ margin: 0;} .xxtemp_sj_img{height: 260px;} .secSeven_list .box{ padding: 40px;} .secThree_classList li{ padding: 2px 0;} .xxtemp_slogan{font-size: 26px;letter-spacing: 3px;} .xxtemp_search_box{height: 44px;padding-left: 20px;font-size: 14px;} .xxtemp_search_btn{background-size: 20px;} .xxtemp_menu{margin: 70px 0 70px;} .xxtemp_menu_item{padding: 20px 30px;height: 120px;} .xxtemp_menu_bt{width: 80px;} .xxtemp_menu_cn{font-size: 16px;} .xxtemp_menu_en{font-size: 12px;} .xxtemp_mtype_icon>div{height: 28px;} .xxtemp_mtype_bt{font-size: 15px;margin-top: 8px;} .xxtemp_mcolor_option{width: 32px;border-width: 3px;} .xxtemp_mprice_option {width: 90px;line-height: 32px;font-size: 12px;} .xxtemp_xys_intro{padding: 15px 25px;} .xxtemp_xys_price{right: 25px;} .xxtemp_xys_price span{font-size: 24px;margin-right: 5px;} .xxtemp_xys_img{height: 280px;} .xxtemp_xys_color span{margin-right: 6px;} .lb-container{padding: 20px 20px 90px 20px;} .lb-xxbox{width: 1000px;height: 470px;} .lb-details{font-size: 20px;height: 90px;} .lb-nav{height: 90px;} .lb-prev, .lb-next{width: 40px;height: 40px;background-size: 10px!important;} .xxpage ul{ line-height: 64px;} .xxpage a{width: 60px;line-height: 64px;height: 64px;} .xxpage ul li a:hover, .xxpage ul li a.on1{font-size: 26px;} .xxtemp_sz_pc_img{height: 220px;} .xxtemp_sz_sj_ewm i{width: 78px;} .xxcase_side_menu ul{width: 326px;padding: 10px;} .xxcase_side_menu ul li{font-size: 16px;width: 90px;line-height: 36px;margin: 6px;} .xxcase_menu{margin: 0 0 60px;} .xxcase_menu_item{height: 106px;} .xxcase_menu_icon>div{margin-right: 14px;height: 30px;} .xxcase_menu_bt{font-size: 20px;line-height: 2.4;} .xxcase_item{border-radius: 14px;} .xxcase_bt{line-height: 50px;height: 50px;font-size: 16px;} .ny_news_banner{justify-content: space-between;padding: 100px 60px;} .ny_news_headline dt{font-size: 52px;letter-spacing: 5px;} .ny_news_headline dd{font-size: 26px;} .ny_news_area a{border-radius: 0 45px 0 45px;} .ny_news_img{margin-right: 6%;} .ny_news_bt{padding-bottom: 20px;margin-bottom: 14px;} .ny_news_bt span{font-size: 18px;line-height: 28px;max-height: 28px;} .ny_news_sj{font-size: 18px;margin-top: 15px;} .ny_news_area a:after{width: 52px;height: 52px;} .xxnews_img{width: 162px;} .xxnews_bt span{font-size: 16px;line-height: 30px;max-height: 60px;} .xxnews_img span{font-size: 16px;width: 64px;line-height: 30px;} .cursor, .cursor1{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .xxnews_detbox{width: 90%;} .xxnews_title{font-size: 24px;} .xxnews_det{font-size: 15px;line-height: 30px;} .ny_about_banner{padding: 150px 0 160px;} .ny_about_head{font-size: 42px;} .ny_about_state{font-size: 24px;margin: 10px 0 60px;} .ny_about_item:after{height: 34px;} .ny_about_item dt{font-size: 16px;margin-bottom: 12px;} .ny_about_item dt span{font-size: 36px;} .xxabone_bg{width: 100%;border-radius: 0 100px 100px 0;} .xxabone_content{padding: 80px 0;margin-top: -80px;} .xxabone_letter{font-size: 88px;} .xxabone_bt{font-size: 32px;} .xxabone_state{font-size: 22px;} .xxabone_nr{line-height: 28px;font-size: 14px;} .xxabtwo_en{font-size: 36px;} .xxabtwo_cn,.xxabthree_cn{font-size: 26px;} .xxabtwo_item dt em{font-size: 36px;} .xxabtwo_slide{margin: 0 -5px;} .xxabtwo_slide_item{padding: 5px;} .xxabtwo_slide .slick-arrow{width: 40px;height: 40px;} .xxabtwo_slide .slick-prev{right: 60px;} .xxnav{width: 650px;} .xxtel{font-size: 15px;padding-left: 32px;background-size: 24px} .xxtel span{font-size: 16px;} } @media (max-width: 1199px){ .xxtemp_sj_img{height: 220px;} .secSeven_list .des span{ display: block;} .xfoot_nav li{margin-right: 10px;} .xfoot_erweima{ display: none;} .ny_main{padding: 85px 40px 85px;} .xxtemp_side_menu{padding: 0 40px;} .xxtemp_side{padding: 10px 5px;} .xxtemp_slogan{font-size: 24px;letter-spacing: 2px;padding-right: 30%;} .xxtemp_search{width: 28%;} .xxtemp_search_box{height: 40px;} .xxtemp_menu{margin: 50px 0;} .xxtemp_menu_item{padding: 20px 20px;height: 108px;} .xxtemp_mtype_icon>div{height: 24px;} .xxtemp_mtype_bt{font-size: 14px;} .xxtemp_menu_bt{width: 70px;letter-spacing: 1px;} .xxtemp_menu_indus .xxtemp_menu_nr{margin-left: 20px;} .xxtemp_mindus_option{line-height: 28px;margin: 3px;/*width: 82px;*/} .xxtemp_mcolor_option{width: 28px;} .xxtemp_mprice_option{width: 82px;line-height: 30px;} .xxtemp_xys_intro{font-size: 14px;padding: 12px 20px;} .xxtemp_xys_bt{line-height: 28px;height: 28px;} .xxtemp_xys_color{line-height: 28px;height: 28px;} .xxtemp_xys_color span{width: 14px;height: 14px;} .xxtemp_xys_price{right: 20px;} .xxtemp_xys_price span{font-size: 20px;letter-spacing: 1px;} .xxtemp_xys_img{height: 240px;} .lb-container{padding: 16px 16px 80px 16px;} .lb-xxbox{width: 920px;height: 440px;} .lb-details{font-size: 18px;height: 80px;} .lb-nav{height: 80px;} .lb-prev, .lb-next{width: 36px;height: 36px;background-size: 8px!important;} .xxpage ul{ line-height: 60px;} .xxpage ul li a:hover, .xxpage ul li a.on1{font-size: 24px;} .xxpage a{width: 50px;line-height: 60px;height: 60px;} .xxpage a.xxpage_next,.xxpage a.xxpage_prev{background-size: 10px!important;} .xxtemp_sz_pc_intro{padding: 12px 10px;font-size: 14px;} .xxtemp_sj_list{margin-top: 10px;padding: 60px 40px 30px 40px;margin-bottom: 40px;} /* .xxtemp_sz_sj{height: 68%;} */ .xxcase_item{padding: 8px 8px 0 8px;} .xxcase_bt{line-height: 44px;height: 44px;font-size: 14px;} .ny_news_banner{padding: 80px 40px;} .ny_news_headline dt{font-size: 46px;letter-spacing: 3px;} .ny_news_headline dd{font-size: 22px;} .ny_news_area{width: 75%;} .ny_news_area a{padding: 5% 6%;} .ny_news_sj{font-size: 16px;margin-top: 12px;} .ny_news_area a:after{width: 46px;height: 46px;} .xxnews_img{width: 142px;} .xxnews_bt span{line-height: 26px;max-height: 52px;} .xxnews_img span{font-size: 14px;width: 62px;line-height: 28px;border-radius: 0 8px 0 0;} .cursor, .cursor1{width: 44px;height: 44px;margin-left: -22px;margin-top: -22px;} .xxnews_close{width: 42px;height: 42px;} .xxnews_title{font-size: 22px;} .ny_about_banner{padding: 120px 0 160px;} .ny_about_head{font-size: 38px;} .ny_about_state{font-size: 22px;margin: 10px 0 50px;} .ny_about_item dt span{font-size: 32px;} .xxabone_bg{border-radius: 0 80px 80px 0;} .xxabone_intro{width: 50%;} .xxabone_letter{left: 0;line-height: 1;right: auto;} .xxabone_bt{font-size: 28px;} .xxabone_state{font-size: 20px;padding-bottom: 20px;} .xxabone_nr{line-height: 26px;} .xxabtwo_intro{padding: 90px 0 50px;} .xxabtwo_bg{border-radius: 0 0 80px 0;} .xxabtwo_en{font-size: 32px;} .xxabtwo_cn,.xxabthree_cn{font-size: 22px;} .xxabtwo_state{margin: 20px 0 68px;} .xxabtwo_item dt em{font-size: 30px;} .xxabtwo_slide{padding: 80px 0 50px;} .xxabtwo_slide .slick-arrow{display: none!important;} .xxabtwo_slide .slick-dots{display: block!important;} .xxabout_three{padding: 95px 0 90px;} .xxabthree_imgs{width: 78.8%;margin-left: 6%;} .xxpre_pad .xxpre_box{width: 820px;height: 558px;padding-left: 74px;padding: 28px 60px 28px 70px;} .xxpre_pad .xxpre_box:after{right: 30px;width: 6px;height: 6px;} .xxpre_pad .xxpre_back{width: 74px;} .xxpre_pad .xxpre_back a,.xxpre_pad .xxpre_back em{width: 36px;height: 36px;background-size: 8px;} .xxpre_sj .xxpre_box{width: 340px;height: 644px;padding: 58px 12px;padding-bottom: 58px;} .xxpre_sj .xxpre_back{height: 58px;} .xxpre_sj .xxpre_back a,.xxpre_sj .xxpre_back em{width: 34px;height: 34px;background-size: 8px;} .xxpre_ewm{width: 130px;} .xxpre_ewm i{padding: 6px;border-radius: 8px;} .xxheader{padding: 0 40px;} .xxnav ul{justify-content: space-between;} .xxtel{display: none;} } @media (max-width: 991px){ /* .lgxtemp-menu-box{ display: none;} */ .xxtemp_sj_item{ width: 23%;margin-right:2.5%;} .xxtemp_sj_img{height: 220px;} .xfoot_nav li{min-width: 50px;margin-right: 10px;} .ny_main{width: 738px;width: 100%;padding: 65px 15px;margin: 0 auto;} .xxtemp_slogan{padding-right: 0;text-align: center;} .xxtemp_slogan em{margin: 0 14px;} .xxtemp_search{position: relative;top: 0;transform: translateY(0%);right: auto;margin: 20px auto 50px;width: 295px;} .lb-container{padding: 15px 15px 80px 15px;} .lb-xxbox{width: 708px;height: 350px;} .lb-details{padding: 0 24px;text-indent: 24px;} .lb-details:before{left: 24px;} .lb-nav{right: 24px;} .xsbuse{line-height: 28px;width: 88px;margin-left: 25px;} .xxtemp_sj_list{padding: 0 0px;background: none;margin: 0px;} .xxtemp_sj_bellow{padding: 15px 5px;} .xxtemp_sj_intro{font-size: 12px;} .xxtemp_xys_color span{width: 12px;height: 12px;} .xxcase_item{padding: 10px 10px 0 10px;width: 48.4%;margin-right: 0;} .xxcase_item:nth-child(odd){margin-right: 3.2%;} .ny_news_banner{padding: 8% 15px 0px;display: block;background: #f7f7f7;} .ny_news_headline{text-align: center;} .ny_news_headline dt{font-size: 42px;letter-spacing: 3px;} .ny_news_headline dd{font-size: 20px;} .ny_news_bg{height: 70%;} .ny_news_area{width: 100%;margin-top: 6%;} .ny_news_area a{padding: 5% 6%;} .xxnews_item{width: 100%;margin-bottom: 24px;} .xxnews_item a{padding: 24px;cursor: pointer;} .xxnews_img{width: 156px;margin-right: 24px;} .xxnews_title{font-size: 20px;padding: 0 42px;} .ny_about_banner{padding: 100px 0 120px;text-align: center;} .ny_about_head{font-size: 34px;} .ny_about_state{font-size: 18px;margin: 10px 0 40px;} .ny_about_data{text-align: center;padding: 0 15%;} .ny_about_item{width: 32%;display: inline-block;vertical-align: top;float: none;padding: 10px 0;} .ny_about_item:after{display: none;} .ny_about_item dt{font-size: 15px;margin-bottom: 8px;} .ny_about_item dt span{font-size: 28px;} .ny_about_item dd{font-size: 15px;line-height: 24px;} .xxabone_content{padding: 70px 0;margin-top: -70px;} .xxabone_bg{border-radius: 0 70px 70px 0;} .xxabone_area{display: block;} .xxabone_intro{width: 100%;} .xxabone_state{font-size: 18px;} .xxabone_img{width: 50%;margin: 40px auto 0;} .xxabtwo_area{display: block;} .xxabtwo_intro{padding: 50px 0 50px;width: 100%;margin-right: 0;text-align: center;} .xxabtwo_bg{border-radius: 0 0 70px 0;width: calc(100% + 30px);left: -15px;right: auto;} .xxabtwo_en{font-size: 30px;} .xxabtwo_cn,.xxabthree_cn{font-size: 20px;} .xxabtwo_state{margin: 15px 0 30px;} .xxabtwo_item dt em{font-size: 28px;} .xxabtwo_slide{padding: 70px 0 0px;display: block;} .xxabout_three{padding: 70px 0 70px;text-align: center;} .xxabthree_head{width: 100%;} .xxabthree_imgs{width: 110%;margin: 0%;margin-right: -10%;margin-top: 30px;} .xxtemp_preview{background: none;} .xxpre_area{padding-left: 0px;} .xxpre_box{padding-bottom: 80px;} .xxcopy_toast{position: fixed;top: 40%;transform: translate(-50%,-50%);background: rgba(0,0,0,.85);color: #fff;box-shadow: none;} .xxcopy_toast:before{display: none;} .ny_header{padding: 10px 3%;} .ny_header{background: hsla(0,0%,100%,1);} .ny_header .logo a img.unOn{display: none;} .ny_header .logo a img.on{display: block;} .ny_header .menu{color: #4a42ec;} .ny_header .menu .icon, .ny_header .menu .icon:after{background: #4a42ec;} .ny_header .menu .icon em, .ny_header .menu .icon i{background: #fff;} } @media (max-width: 767px){ .secThree_tab{ margin-bottom: 20px;} .nav_list{ border-bottom: 1px solid rgba(255, 255, 255, 0.5);} .nav_list:hover .bg{ display: none;} .nav_list:nth-child(2):hover .bg { display: block;} .nav_list:hover .cn a{ color: #4a42ec;} .form_item{ width: 100%;} .header{ left: 0 !important;} .banner .slick-slide .img img{ position: relative;} .xxtemp_sj_img{height: 200px;} .xpartner_area{ transform: scale(1);} .section8 .container{ width: auto;} .ny_main{width: 100%;padding: 55px 15px;} .xxtemp_slogan{font-size: 20px;line-height: 1.5;} .xxtemp_slogan br{display: block;} .xxtemp_slogan em{display: none;} .xxtemp_search{width: 268px;margin-bottom: 40px;} .xxtemp_search_box{height: 38px;} .xxtemp_xys_item{width: 100%;} .lb-container{padding: 10px 10px 60px 10px;} .lb-xxbox{width: 370px;height: 180px;} .lb-details{font-size: 16px;height: 60px;padding: 0 10px;text-indent: 14px;} .lb-details:before{left: 10px;width: 4px;height: 12px;} .lb-nav{height: 60px;} .lb-prev, .lb-next{width: 30px;height: 30px;background-size: 6px!important;margin-left: 10px;} .xsbuse{line-height: 24px;width: 70px;margin-left: 12px;font-size: 12px;} .xxpage ul{ line-height: 38px;} .xxpage ul li a:hover, .xxpage ul li a.on1{font-size: 20px;} .xxpage a{width: 38px;line-height: 42px;height: 42px;} .xxtemp_sz_item{width: 100%;padding-right: 0;} .xxtemp_sz_sj{display: none;} .xxtemp_sz_pc_price{margin-right: 0px;} .xxtemp_sj_item{width: 46%;margin-right: 0px;margin-bottom: 8%;} .xxtemp_sj_item:nth-child(odd){margin-right: 8%;} .xxtemp_sj_bellow{padding: 10px 8px;} .xxtemp_sj_color span{margin-right: 6px;} /* .xxtemp_sj_img:after,.xxtemp_sj_ewm{display: none;} */ .xxcase_item{width: 100%;padding: 8px 8px 0 8px;margin-bottom: 20px;} .ny_news_banner{padding: 10% 15px 0px;} .ny_news_headline dt{font-size: 34px;letter-spacing: 2px;} .ny_news_headline dd{font-size: 18px;} .ny_news_area a{padding: 15px 15px;border-radius: 0 20px 0 20px;} .ny_news_img{margin-right: 20px;width: 140px;} .ny_news_bt{padding-bottom: 14px;margin-bottom: 10px;} .ny_news_bt span{font-size: 15px;line-height: 24px;max-height: 48px;-webkit-line-clamp: 2;} .ny_news_nr{display: none;} .ny_news_sj{font-size: 14px;margin-top: 0px;} .ny_news_area a:after{width: 32px;height: 32px;transform: translate(0,0);} .xxnews_item{margin-bottom: 20px;} .xxnews_item a{padding: 15px;} .xxnews_img{width: 106px;margin-right: 16px;} .xxnews_bt{padding-bottom: 12px;margin-bottom: 10px;} .xxnews_bt span{font-size: 15px;line-height: 24px;max-height: 48px;} .xxnews_nr{line-height: 24px;max-height: 48px;} .xxnews_img span{font-size: 13px;width: 56px;line-height: 24px;border-radius: 0 5px 0 0;} .xxnews_close{width: 32px;height: 32px;} .xxnews_title{font-size: 16px;padding: 0 24px;font-weight: bold;line-height: 1.6;} .xxnews_det{font-size: 14px;line-height: 28px;} .ny_about_banner{padding: 100px 0 120px;} .ny_about_head{font-size: 26px;} .ny_about_state{font-size: 16px;margin: 10px 0 25px;} .ny_about_data{padding: 0 0%;} .ny_about_item dt{font-size: 14px;margin-bottom: 5px;} .ny_about_item dt span{font-size: 24px;} .ny_about_item dd{font-size: 14px;} .xxabone_content{padding: 60px 0 50px;margin-top: -50px;} .xxabone_bg{border-radius: 0 50px 50px 0;} .xxabone_letter{font-size: 72px;top: 5%;} .xxabone_bt{font-size: 24px;} .xxabone_state{margin: 12px 0 20px;font-size: 16px;padding-bottom: 14px;} .xxabone_img{width: 90%;} .xxabtwo_intro{padding: 40px 0 40px;} .xxabtwo_bg{border-radius: 0 0 50px 0;} .xxabtwo_en,.xxabthree_en{font-size: 24px;line-height: 1.4;} .xxabtwo_cn,.xxabthree_cn{font-size: 18px;line-height: 1.4;} .xxabtwo_state{margin: 12px 0 20px;font-size: 14px;} .xxabtwo_item dt em{font-size: 24px;} .xxabtwo_item dt span{font-size: 14px;} .xxabtwo_item dd{font-size: 14px;line-height: 24px;} .xxabtwo_slide{padding: 50px 0 0px;} .xxabout_three{padding: 50px 0 50px;} .xxpre_box{padding-bottom: 68px;} .xxpre_menu_mc{padding: 14px 15px;} .ny_wrapper{padding-top: 70px;} .contact-item-box:nth-child(2n){ border-bottom: none;} } @media (max-width: 567px){ .xxtemp_mnav_nr li,.xxtemp_mnav_indus_more{width: 31.2%;} .xxtemp_mnav_nr li:nth-child(3n){margin-right: 0px;} .xxtemp_mnav_indus li:nth-child(3n){margin-right: 3.2%;} .xxtemp_mnav_btn{font-size: 14px;} } @media (max-width: 420px){ .ny_main{padding: 45px 15px;} .xxtemp_slogan{font-size: 18px;} .xxtemp_search{width: 258px;} .xxtemp_search_box{height: 36px;} .lb-container{padding: 10px 10px 50px 10px;} .lb-xxbox{width: 325px;height: 160px;} .lb-details{font-size: 14px;height: 50px;} .lb-nav{height: 50px;} .lb-prev, .lb-next{width: 28px;height: 28px;} .xsbuse{line-height: 22px;width: 64px;} .xxtemp_xys_intro{padding: 10px 14px;} .xxtemp_xys_bt{line-height: 26px;height: 26px;} .xxtemp_xys_color{line-height: 26px;height: 26px;} .xxtemp_xys_color span{margin-right: 5px;} .xxtemp_xys_price{right: 14px;} .xxtemp_xys_price span{font-size: 18px;} .xxtemp_xys_img{height: 200px;} .xxpage a{width: 30px;line-height: 38px;height: 38px;font-size: 14px;} .xxpage ul li a:hover, .xxpage ul li a.on1{font-size: 18px;} .xxtemp_sz_pc_img{height: 180px;} .xxtemp_sz_pc_intro{padding: 10px 5px;} .xxtemp_mnav_menu{padding: 20px 15px 5px;} .xxtemp_mnav_nr{padding: 6px 0 12px;} .xxtemp_mnav_color li{margin-right: 10px!important;} .xxcase_bt{line-height: 38px;height: 38px;} .xxpre_box{padding-bottom: 62px;} .xxpre_menu_mc{font-size: 14px;} .xxpre_menu_mc_copy{padding: 0 15px;line-height: 34px;margin-left: 20px;} .xxpre_menu_mc_copy span{padding-left: 20px;background-size: 12px;} .xxpre_menu_mc_number{line-height: 34px;} .xxpre_menu_mc_back{line-height: 34px;padding-left: 16px;background-size: 6px;} } @media (max-width: 372px){ .lb-xxbox{width: 270px;height: 140px;} .xxpage a{width: 28px;margin: 0 3px;} .ny_about_banner{padding: 80px 0 86px;} .ny_about_head{font-size: 22px;} .ny_about_state{font-size: 14px;} .ny_about_item dt span,.xxabtwo_item dt em{font-size: 20px;} .ny_about_item dd,.xxabtwo_item dd{font-size: 12px;} .xxabone_bg{border-radius: 0 40px 40px 0;} .xxabone_bt{font-size: 22px;} .xxabone_state{font-size: 15px;} .xxabtwo_bg{border-radius: 0 0 40px 0;} .xxabtwo_en, .xxabthree_en{font-size: 22px;} .xxabtwo_cn, .xxabthree_cn{font-size: 16px;} .xxtemp_sj_bellow{padding: 10px 3px;} } /*===========================*/ /*=========ANIMATION=========*/ /*===========================*/ @keyframes xxtemp_mtype_iconA { 0% {transform: rotate(0deg);transform-origin:80% 80%;} 50% {transform: rotate(-25deg);transform-origin:80% 80%;} 100% {transform: rotate(0deg);transform-origin:80% 80%;} } @keyframes xxtemp_mtype_iconB { 0% {transform: scale(1,1);} 50% {transform: scale(0,1);} 100% {transform: scale(1,1);} } @keyframes xxabone_img { 0% {transform: translateY(0%);} 50% {transform: translateY(-20px);} 100% {transform: translateY(0%);} } /*入场动画add*/ @-webkit-keyframes fadeInUpS { from {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInUpS { from {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInUpS {-webkit-animation-name: fadeInUpS;animation-name: fadeInUpS;} @-webkit-keyframes fadeInUpM { from {opacity: 0;-webkit-transform: translate3d(0, 35%, 0);transform: translate3d(0, 35%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInUpM { from {opacity: 0;-webkit-transform: translate3d(0, 35%, 0);transform: translate3d(0, 35%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInUpM {-webkit-animation-name: fadeInUpM;animation-name: fadeInUpM;} @-webkit-keyframes fadeInDownS { from {opacity: 0;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInDownS { from {opacity: 0;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInDownS {-webkit-animation-name: fadeInDownS;animation-name: fadeInDownS;} @-webkit-keyframes fadeInDownM { from {opacity: 0;-webkit-transform: translate3d(0, -35%, 0);transform: translate3d(0, -35%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInDownM { from {opacity: 0;-webkit-transform: translate3d(0, -35%, 0);transform: translate3d(0, -35%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInDownM {-webkit-animation-name: fadeInDownM;animation-name: fadeInDownM;} @-webkit-keyframes fadeInLeftM { from {opacity: 0;-webkit-transform: translate3d(-35%, 0, 0);transform: translate3d(-35%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInLeftM { from {opacity: 0;-webkit-transform: translate3d(-35%, 0, 0);transform: translate3d(-35%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInLeftM {-webkit-animation-name: fadeInLeftM;animation-name: fadeInLeftM;} @-webkit-keyframes fadeInRightM { from {opacity: 0;-webkit-transform: translate3d(35%, 0, 0);transform: translate3d(35%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInRightM { from {opacity: 0;-webkit-transform: translate3d(35%, 0, 0);transform: translate3d(35%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInRightM {-webkit-animation-name: fadeInRightM;animation-name: fadeInRightM;} @media (max-width: 767px) { .xsbuse{ display: none !important;} .contact-left-box{ position: absolute; left: 0; display: block; width:100%;border-radius: 0; box-shadow:none;overflow-y: auto;} .contact-con-box{ margin-top: 60px; padding: 20px; height: auto; } .contact-h-text{ padding: 10px 0; font-size: 22px;} .contact-h-text span{ font-size: 16px !important;} .contact-item-box{ padding: 10px 0;} .contact-item-title{ padding: 10px 0; font-size: 16px;} .contact-item-text{ line-height: 28px;} } .header_con .logo{visibility: hidden;} @media (max-width: 767px){ .lgx-sylist-box .xxtemp_sj_ewm{ opacity: 0 !important;} .lgx-sylist-box .secThree_imgSlider .mob .img:hover::before{ display: none;} .header_con .logo{visibility: visible;} } /*20220809 修改*/ .secThree_imgSlider .pc_mob{display: inline-flex;} .secThree_imgSlider .pc{position: relative;} .secThree_imgSlider .mob{position: relative;margin-left:-7%;margin-top:5%;} .secThree_imgSlider .pc_mob .bg img{width: 100%;} .secThree_imgSlider .pc .img{position: absolute;top:12.5%;left:8%;bottom:17.6%;right:10%;} .secThree_imgSlider .pc .img a{display: block;width: 100%;height:100%;overflow: hidden;} .secThree_imgSlider .mob .img{position: absolute;top:7.5%;left:12.5%;bottom:16.5%;right:12.5%; border-radius: 16px;} .secThree_imgSlider .mob .img a img{border-radius: 12px;} .secThree_imgSlider .mob .img a{display: block;width: 100%;height:100%;overflow: hidden;} .secThree_imgSlider .mob .img:hover .xxtemp_sj_ewm{ opacity: 1;} .secThree_imgSlider .mob .img:hover::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 16px; background-color: rgba(0, 0, 0, 0.6);} .secThree_imgSlider .dpc{width: 86%;position: relative;margin:0 auto;} /*.secThree_imgSlider .dpc .bg img{width: 100%;}*/ .secThree_imgSlider .dpc .img{position: absolute;top:12%;left:10.8%;right:12.7%;bottom:17.8%;} .secThree_imgSlider .dpc .img a{display: block;width: 100%;height:100%;overflow: hidden;} .secThree_imgSlider .d_mob{width: 100%; display: inline-flex;justify-content: center;} .secThree_imgSlider .d_mob .mob{margin:0;} .secThree_imgSlider .d_mob .mob .img{top:7.5%;bottom:11%;} .secThree_imgSlider .slick-next:before, .secThree_imgSlider .slick-prev:before{color:#5942d2;font-weight: bold;} .secThree_imgSlider .slick-next:hover, .secThree_imgSlider .slick-prev:hover{background: #5942d2;border-radius: 100%;} /*.section3 .fp-tableCell{display: block;}*/ /*.secThree_cont{padding-top:7%;}*/ .secThree_imgBox{overflow: visible;} .lgxtemp-menu-box{ margin-bottom: 50px;} .lgxtemp-menu-item{ display: inline-flex !important; padding: 0 10px !important; margin-right: 10px !important; border-radius: 4px; height: 30px; line-height: 30px; box-sizing: content-box;} .menu-type{ position: relative; margin-right: 20px;} .menu-type::before{ content: ""; position: absolute; width: 0; height: 0; right: -6px; margin-top: -6px; top: 50%; border-top: 6px solid transparent;border-left: 6px solid #2e90ff; border-bottom: 6px solid transparent;} @media (max-width: 1400px) { /*.secThree_cont{padding-top:3%;}*/ .secThree_imgSlider .slick-list{padding-bottom:30px;} .secThree_cont{padding-top:25px;} } @media (max-width: 768px) { .secThree_imgSlider .mob .img a img{border-radius: 4px;} .secThree_imgSlider .dpc{width: 100%;} #section1 .content{height:100%;position: relative;} } /*20220809 修改 end*/ .xxtemp_sz_pc_intro p a{ display: inline-block; width: 12px; height: 12px; border-radius: 100%; margin-right: 6px;} /* 二维码 */ .wxcode-box{ position: fixed; right: 40px; bottom: 15%;cursor: pointer; z-index:999;} .wxcode-img{ position: relative; } .wxcode-img img{ transition: all 0.3s; box-sizing: border-box; display: block; margin: 0 auto; position: relative;z-index: 999; width: 40px; height: 40px;} .img-bg,.img-border{position: absolute; transform-origin: center center; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.3); z-index: 998; width: 52px; height: 52px; border-radius: 100%;} .img-border{ border: 1px solid rgba(255, 255, 255, 0.1); transform: translate(-50%,-50%) scale(1.6);} .img-bg1{animation: mywxcode linear 2s infinite; background-color: rgba(255, 255, 255, 0.1);} .img-bg2{animation: mywxcode linear 2s 1s infinite;background-color: rgba(255, 255, 255, 0.1);} .img-bg3{background-color: rgba(255, 255, 255, 0.1);} .wxcode-img:hover a{box-shadow: 0 0 8px rgba(255, 255, 255, 0.8); transition: all 0.3s;} .wxcode-img .wxcodehover{ display: none;} .wxcode-img:hover .wxcodenohover{ display: none;} .wxcode-img:hover .wxcodehover{ display: block;} .wxtip-box{ position: absolute; border-radius: 10px; left: 50%; transform: translateX(-50%); visibility: hidden; bottom: 70px; padding: 8px;opacity: 0; background-color: #fff; transition: all 0.1s;} .wxcode-img .wxtip-box img{ border: none; border-radius: 0; width: auto; height: auto;} .wxtip-box p{ font-size: 14px; color: #282828; line-height: 1.1; text-align: center;} .wxcode-img:hover .wxtip-box{ transition: all 0.3s;opacity: 1; bottom: 86px; visibility:visible; } .wxtip-box::before{ content: "";background-color: rgba(255,255,255,0.8); position: absolute; left: -8px; right: -8px; top: -8px; bottom: -8px; z-index: -1; border-radius: 12px;} .mwxcode{ display: none; transform: scale(0.8);} .mwxcode .wxcodehover{ display: block;} .wxcode-img a{ display: block; width: 52px; height: 52px; background-color: #fff; border-radius: 100%;} .wxcode-img em{ font-size: 12px; display: block; line-height: 1; text-align: center;position: relative;top: -6px;color:#000;font-family: "宋体"; } .wxtip-box::after{ content: ""; width: 0;height: 0; position: absolute; bottom: 0;left: 50%; bottom: -22px;transform: translateX(-50%); border-width: 8px; border-style: solid; border-color: rgba(255, 255, 255, 0.8) transparent transparent ;} @keyframes mywxcode{ 0%{ transform: translate(-50%,-50%) scale(1.3); opacity: 1; } 50%{ transform: translate(-50%,-50%) scale(2); opacity: 0; } 100%{ transform: translate(-50%,-50%) scale(1.3); opacity: 0; } }