@import url("master.css"); @import url("../font/icon/iconfont.css"); @import url("../../lib/css/roll.css"); @import url("../../lib/css/animate.css"); :root{ --color01:#1662b7; --bcr1:cubic-bezier(.4,.4,0,1); --bcr2:cubic-bezier(0.075, 0.82, 0.165, 1); } .move_top{padding-top:.9rem;} .mobile_img{display:none;} /*main*/ #main{position:fixed;top:0;left:0;right:0;bottom:0;} #main .scrollbar-track-y{background-color:#e5e5e5;position:absolute;right:0;top:0;border-radius:8px;} #main .scrollbar-track-y .scrollbar-thumb-y{background-color:var(--color01);width:100%;} #main .liTxt{padding-right:15px;margin-right:-15px;} #main .liTxt .scrollbar-track-y{width:3px;border-radius:3px;} #main .liTxt .scrollbar-track-y .scrollbar-thumb-y{border-radius:3px;} /*font_effect*/ .font_effect>span{display:inline-table;overflow:hidden;} .font_effect>span>font{display:block;-webkit-animation-duration:.6s !important;animation-duration:.6s !important;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬬浉鍐屻€佽棰戯紙鎵撳紑鍔ㄧ敾锛夈€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ #spotlight{background-color:rgba(0,0,0,.6);clip-path: circle(0px at center);-webkit-clip-path:circle(0px at center);} #spotlight.show{clip-path: circle(100% at center);-webkit-clip-path: circle(100% at center); transition: clip-path ease 1s;-webkit-transition: clip-path ease 1s;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬪瓧浣撻棿璺濄€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .zh{letter-spacing:0.075em;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬪垎椤靛櫒銆娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .pagination{text-align:center;} .pagination li{display:inline-block;padding:0 .1rem;} .pagination li a,.pagination li span{display:block;width:.6rem;height:.6rem;line-height:.6rem;border:1px solid var(--color01);border-radius:50%; background-color:#fff;color:var(--color01);transition:all 0.35s ease;} .pagination li.active span{background-color:var(--color01);color:#fff;pointer-events:none;} .pagination li.disabled span{cursor: not-allowed;} /*href_hover*/ /*绾垮瀷*/ .hoverable .hoverable_txt{position:relative;display:inline-block;} .hoverable .hoverable_txt:after{content: '';width:100%;height:1px; position:absolute;left:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0); -webkit-transform-origin: right top;transform-origin: right top; transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition: transform .5s cubic-bezier(.215,.61,.355,1);} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬫悳绱㈢粨鏋溿€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .query{padding-bottom: 100px;} .query_top{height:70px;line-height:70px;padding:0 20px;font-size:18px;background-color:var(--color01);color: #fff;} .query_list{margin-bottom: 60px;} .query_list .query_item{height:70px;line-height:70px;margin-top:20px;} .query_item a{padding:0 20px;font-size:16px;background-color:#fff;} .query_item .query_time{margin-left:auto;padding-left:50px;color: #999;} .query_item .query_name{transition:color 0.35s ease;color: #666; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} @media screen and (max-width:1200px){ .query_top,.query_list .query_item{height:60px;line-height:60px;} .query_item .query_time{padding-left:30px;} } @media screen and (max-width:1024px){ .query_list{margin-bottom: 40px;} .query_top{font-size:16px;padding:0 15px;} .query{padding-bottom: 60px;} .query_top,.query_list .query_item{height:50px;line-height:50px;} .query_list .query_item{margin-top:10px;} .query_item .query_time{padding-left:15px;} .query_item a{font-size:14px;padding:0 15px;} .serContent{padding-top:40px;} .query:before{height: calc(100% + 50px);} } @media screen and (max-width:768px){ .query_top{font-size:14px;} .query_item a{font-size:12px;} } .query_item a:hover .query_name{color:var(--color01);} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€婱enu銆娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .openMenu{display: none;} .openMenu>a{align-items:center;outline:none;} .openMenu .openMenu_btn{width:24px;height:24px;} .openMenu .openMenu_btn span{position:absolute;width:100%;height:2px;border-radius:2px; transition:all 0.4s ease;background-color: #fff;} .openMenu .openMenu_btn span:nth-child(1){top:3px;left: 0;} .openMenu .openMenu_btn span:nth-child(2){top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:16px;right: 0;} .openMenu .openMenu_btn span:nth-child(3){bottom:3px;left: 0;} .header.mobileNav .openMenu .openMenu_btn span:nth-child(1){top:11px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .header.mobileNav .openMenu .openMenu_btn span:nth-child(2){opacity:0;-webkit-opacity:0;visibility:hidden;} .header.mobileNav .openMenu .openMenu_btn span:nth-child(3){bottom:11px;transform:rotate(45deg);-webkit-transform:rotate(45deg);} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬮〉澶淬€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .header{position:fixed;top:0;left:0;z-index:999;width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);} .pc-nav{height:.9rem;} .pc-nav ._logo>a{align-items: center;height: 100%;border-right: 1px solid rgba(255,255,255,.2);padding: 0 .6rem;} .pc-nav ._logo>a>div{height: .41rem;} .pc-nav ._logo>a>div img{height: 100%;} .pc-nav .nav{margin-left: auto;} .pc-nav .nav .nav_a>a{color: #fff;height:.9rem;line-height:.9rem;padding:0 .35rem;transition: color .3s ease;position: relative;} .pc-nav .nav .nav_a>a:after{content: '';position: absolute;width: 2px;height: 2px;background-color: #fff;right: 0;top: 50%;transform: translate(50%,-50%);} .pc-nav .nav .nav_a:last-of-type>a:after{display: none;} .pc-nav .nav .nav_a>a .hoverable_txt:after{background-color: #fff;height: 2px;border-radius: 2px;} .pc-nav .nav .nav_a>.nav_b{position:absolute;top:100%;left:50%;padding:5px 0;color:#666;min-width:130px;background-color: #fff; transform:translateX(-50%) translateY(10px);border-radius:5px;opacity:0;visibility:hidden; z-index:5;border:1px solid #e6e6e6;transition:all 0.3s ease-in-out;} .pc-nav .nav .nav_a>.nav_b:before{content:'';position:absolute;top:-6px;left:50%;width:0;height:0px;margin-left:-6px; border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent; transform:rotate(-45deg);box-shadow:2px -2px 2px rgba(100,100,100,.1);} .pc-nav .nav .nav_a>.nav_b>.nav_b_list>li>a{white-space:nowrap;line-height:38px;color:#666; transition:all .3s ease;padding:0 15px;} .pc-nav .operation{color: #fff;} .pc-nav .operation ._item{padding:0 .35rem;cursor:pointer;transition: background-color .3s ease; height: 100%;position: relative;border-left:1px solid rgba(255,255,255,.2);} .pc-nav .operation ._item:before{content: '';position: absolute;height: 15px;width: 2px; border-radius: 2px;left: 0;top: 50%;transform: translate(-50%,-50%);background-color: #fff;} .pc-nav .operation ._itemBtn{height:100%;line-height: .9rem;} .pc-nav .search{position:absolute;top:100%;right:0;border:1px solid #e6e6e6;transform: translateY(.2rem); opacity:0;visibility:hidden;transition:all .3s ease-in-out;background-color: #fff;} .pc-nav .search ._dd{padding:0 .15rem;} .pc-nav .search ._dd>input{border:none;background:none;height:.44rem;width:2rem;color:#333;} .pc-nav .search ._dd>input::-webkit-input-placeholder{color:#d1d1d1;} .pc-nav .search ._dd>input:-moz-placeholder{color:#d1d1d1;} .pc-nav .search ._dd>input::-moz-placeholder{color:#d1d1d1;} .pc-nav .search ._dd>input:-ms-input-placeholder{color:#d1d1d1;} .pc-nav .search ._dt:before{content:'';width:1px;height:100%;background-color:#e6e6e6;position:absolute;left:0;top:0;} .pc-nav .search ._dt>button{border:none;background:none;width:.44rem;height:.44rem;transition: color .3s ease;} .pc-nav .language{position:absolute;top:100%;width:.65rem;left:50%;transform:translateX(-50%);text-align: center; opacity:0;visibility:hidden;transition:all .3s ease-in-out;} .pc-nav .language .language_item{background-color: #fff;} .pc-nav .language .language_item a{line-height:.34rem;color: #333;transition: all .3s ease;} .pc-nav .language .language_item:first-child a:after{content:'';position:absolute; bottom:0;left:0;width:100%;height:1px;background-color:#eee;} .pc-nav .language:after{content:'';position:absolute;top:-4px;left:50%;width:0;height:0px;margin-left:-4px; border-style:solid;border-width:4px;border-color:#fff #fff transparent transparent;transform:rotate(-45deg);-webkit-transform:rotate(-45deg); box-shadow:2px -2px 2px rgba(153,153,153,.1);-webkit-box-shadow:2px -2px 2px rgba(153,153,153,.1);} .pc-nav .operation ._item:hover .language{top:80%;opacity:1;visibility:visible;} .menu{position: fixed;top: 0;left: 0;width: 100vw;z-index: -1;background-color: var(--color01); overflow: hidden;height:0;transition: all .5s ease-in-out;box-shadow:0 0 10px rgba(0, 0, 0, .1);} .menu ._box{height: 5.2rem;width: 100%;} .menu ._list{background-image: url(../image/mac/navbg.jpg);background-size: cover;background-position: center bottom;height: 100%;} .menu ._list>div{display: none;} .menu ._list>div>div{padding-top: .7rem;line-height: 1.25;justify-content: space-between;} .menu ._list ._item ._a>a{color: var(--color01);font-weight: bold;margin-bottom: .2rem;display: inline-block;} .menu ._list ._item ._b li a{color: #666;display: inline-block;padding: 6px 0;transition: color .3s ease;} .menu ._list ._item ._b li a .hoverable_txt{padding: 3px 0;} .menu ._list ._item ._b li a .hoverable_txt:after{background-color: var(--color01);} .header.onWhite .menu{height:.9rem;} .header.onShow .menu{height: 5.2rem;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>index<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .Hbanner{width:100%;height:100vh;overflow:hidden;background-color: #000;} #Hbanner{width:100%;height:100%;} #Hbanner .swiper-slide{overflow: hidden;} #Hbanner .swiper-slide>a{width:100%;height:100%;display: block;} #Hbanner ._bg{width:100%;height:100%;position:relative;z-index:-1;} #Hbanner ._bg:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: linear-gradient(to right,rgba(22,98,183,1),rgba(22,98,183,.2) 70%);} #Hbanner ._bg>img{width:100%;height:100%;object-fit:cover;} #Hbanner .Hbanner_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;color: #fff;pointer-events: none;} #Hbanner .Hbanner_txt ._item ._title{font-size: .6rem;font-weight: bold;margin-bottom: .1rem;} #Hbanner .Hbanner_txt ._item ._tps{font-size: .3rem;font-weight: lighter;} #Hbanner .Hbanner_txt ._item ._btn{margin-top: .3rem;pointer-events: auto;display: inline-block;} #Hbanner .Hbanner_txt .animated{animation-duration: 1s;} #Hbanner .Hbanner_nav{position: absolute;bottom: .6rem;left: 6.25vw;z-index: 10;color: #fff;align-items: flex-end;} #Hbanner .Hbanner_nav ._page{line-height: 1;margin-right: .5rem;} #Hbanner .Hbanner_nav ._page span{font-size: .48rem;font-weight: bold;} #Hbanner .Hbanner_nav ._pvn{width: auto;} #Hbanner .Hbanner_nav ._pvn span{margin-right: .2rem;margin-left: 0;opacity:.2; background-color: #fff;width: 8px;height: 8px;transition: opacity .3s ease;outline:none;} #Hbanner .Hbanner_nav ._pvn span:last-of-type{margin-right: 0;} #Hbanner .Hbanner_nav ._pvn span.swiper-pagination-bullet-active{opacity: 1;} /*masterBtn1*/ .masterBtn1{height: .46rem;border-top-right-radius:.46rem;border-bottom-right-radius:.46rem;width: 1.5rem; justify-content:space-between;align-items: center;padding-right: .18rem;line-height: 1;} .masterBtn1 ._lines{width: .1rem; opacity: .3;} .masterBtn1 ._lines span{display: block;width: 100%;height: .04rem;margin-bottom: 6px;} .masterBtn1 ._lines span:last-of-type{margin-bottom: 0;} .masterBtn1.style1{background-color: var(--color01);color: #fff;} .masterBtn1.style1 ._lines span{background-color: #fff;} .masterBtn1.style2{background-color: #fff;color: var(--color01);} .masterBtn1.style2 ._lines span{background-color: var(--color01);} .Habout .Habout_l{width: 70%;position: relative;} .Habout .Habout_l:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background-color: var(--color01);} .Habout .Habout_r{width: 30%;} /*masterIcon*/ .masterIcon{width: .44rem;height: .44rem;border-radius: 50%;text-align:center; line-height: .44rem;font-weight: bold;position: relative;text-transform: uppercase;} .masterIcon ._ani{position: absolute;left:0;top: 0;z-index: -1;width: 100%;height: 100%;animation:rotateZ 30s infinite linear;} @keyframes rotateZ{ from {transform:rotateZ(0deg);} to {transform: rotateZ(360deg);} } .masterIcon ._ani span{width:.12rem;height: .12rem;position: absolute;} .masterIcon ._ani span:before{content: '';width: 100%;height: 100%;display: block;border-radius: 50%; animation: aniCrl 3s infinite linear;} .masterIcon ._ani span:nth-child(1){left: 0;top: 50%; transform: translate(-100%,100%);} .masterIcon ._ani span:nth-child(2){left: 0;top: 0; transform: translate(-50%,-100%);} .masterIcon ._ani span:nth-child(3){right: 0;top: 0; transform: translate(0,-100%);} .masterIcon ._ani span:nth-child(4){right: 0;top: 50%; transform: translate(120%,-100%);} .masterIcon ._ani span:nth-child(5){right: 0;top: 50%; transform: translate(100%,100%);} .masterIcon ._ani span:nth-child(1):before{animation-delay: 0s;} .masterIcon ._ani span:nth-child(2):before{animation-delay: 0.8s;} .masterIcon ._ani span:nth-child(3):before{animation-delay: 0.6s;} .masterIcon ._ani span:nth-child(4):before{animation-delay: 0.2s;} .masterIcon ._ani span:nth-child(5):before{animation-delay: 0.4s;} @keyframes aniCrl{ 0% { transform: scale(.1);opacity: 1; } 50% { transform: scale(1);opacity: 0; } 100% { transform: scale(.1);opacity: 1; } } .masterIcon.style1{background-color:var(--color01);color: #fff;} .masterIcon.style1 ._ani span:before{background-color: var(--color01);} .masterIcon.style2{background-color:#fff;color: var(--color01);} .masterIcon.style2 ._ani span:before{background-color: #fff;} .Habout .iphase{padding-top: 5.208333333333334vw;padding-bottom: 4.6875vw;padding-left: 6.25vw;} .Habout .iphase ._title{color: var(--color01);text-transform: uppercase;font-weight: bold;line-height: 1;font-size: .28rem;} .Habout .iphase ._list{margin-top: .6rem;} .Habout .iphase ._list ._item{width: 33.333333%;} .Habout .iphase ._list ._item ._icon .masterIcon{margin-bottom: .1rem;} .Habout .iphase ._list ._item ._icon ._line{display: block;width: 1px; border-left:1px dashed var(--color01);height: calc(100% - .54rem);margin: 0 auto;} .Habout .iphase ._list ._item ._txt{text-align: justify;padding-left: .2rem;} .Habout .iphase ._list ._item ._txt ._name{color: var(--color01);margin-bottom: .25rem;font-weight: bold;word-break:break-all;line-height: .44rem;} .Habout .iphase ._list ._item ._txt ._p{line-height: 1.75;min-height: calc(3em * 1.75);padding-right: 6.770833333333334vw;} /*masterTitle1*/ .masterTitle1 ._c{font-size: .44rem;font-weight: bold;letter-spacing: .075em;} .masterTitle1 ._t{margin-top: .1rem;} .masterTitle1.style1{color: var(--color01);} .masterTitle1.style2{color: #fff;} .Habout ._info{position: relative;padding: 4.6875vw 21.875vw 4.6875vw 6.25vw;overflow: hidden;} .Habout ._info ._bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .Habout ._info ._bg img{width: 100%;height: 100%;object-fit: cover;} .Habout ._info .masterTitle1{margin-bottom: .2rem;} .Habout ._info ._line{color: #364654;line-height: 2;text-align: justify;} .Habout ._info ._btn{margin-top: .4rem;} .Habout .crumbs .item_bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;overflow: hidden;} .Habout .crumbs .item_bg>img{width:100%;height:100%;object-fit:cover;transition: transform .6s ease;} .Habout .crumbs{height:100%;} .Habout .crumbs .item{height:33.333333%;padding-bottom:1px;} .Habout .crumbs .item:last-child{padding-bottom:0;} .Habout .crumbs a{padding:0 4.166666666666667vw;align-items:center;height:100%;z-index:2;color: #fff;position: relative;overflow:hidden;} .Habout .crumbs .crumbs_cnt{padding-bottom:2.34375vw;position:relative;width:100%;align-items: center;} .Habout .crumbs .crumbs_cnt:before, .Habout .crumbs .crumbs_cnt:after{content:'';position:absolute;bottom:0;right:0;background-color:#fff;transition:opacity .3s ease;opacity: .2;} .Habout .crumbs .crumbs_cnt:before{;width:100%;height:1px;} .Habout .crumbs .crumbs_cnt:after{width:1px;height:.15rem;transform:rotate(-45deg);transform-origin:bottom center;z-index:2;} .Habout .crumbs .crumbs_cnt .icon{height: .5rem;} .Habout .crumbs .crumbs_cnt .icon img{height: 100%;} .Habout .crumbs .crumbs_cnt .title{line-height:1;font-weight:lighter;padding-left:.2rem;} .Habout .crumbs .crumbs_cnt .title .c_name{margin-bottom:.1rem;} .Hproject{padding-top: 6.770833333333334vw;padding-bottom:7.8125vw;position: relative;overflow: hidden;} .Hproject ._box{align-items: center;} .Hproject ._bg{position: absolute;width: 100%;height: 110%;top: 0;left: 0;z-index: -1;} .Hproject ._bg img{width: 100%;height: 100%;object-fit: cover;} .HprojectInfo{margin-top: 9.375vw;color: #fff;width: 540px;text-align: justify;} .HprojectInfo ._item{display: none;} .HprojectInfo ._item.on{display: block;} .HprojectInfo ._item ._title{font-size: .42rem;margin-bottom: .15rem;} .HprojectInfo ._item ._line{line-height: 1.8888888888888888;} .HprojectInfo ._item ._column{padding: .4rem;background-color: rgba(255,255,255,.1); background-position:center center;background-size: cover;border-radius: .1rem;margin-top: .3rem;} .HprojectInfo ._item ._column ul{flex-wrap: wrap;margin: -.12rem 0;} .HprojectInfo ._item ._column ._li{width: 50%;} .HprojectInfo ._item ._column ._li a{color: #fff;line-height: 1;padding: .12rem .1rem;display: inline-block;position: relative;padding-left: .25rem;} .HprojectInfo ._item ._column ._li a:before{content: '';position: absolute;width:.12rem;height: .12rem;border-radius: 50%; border: 1px solid #fff;left: 0;top: 50%;transform: translateY(-50%); transition: background-color .3s ease-in-out;} .clock{width: 31.145833333333336vw;height: 31.145833333333336vw;position: relative; margin-right: 7.8125vw;margin-left: auto;margin-top: 3.6458333333333335vw;} .clock>img{width: 100%;height: 100%;} .clock ._list{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .clock ._list ._li{width: 12.54180602006689%;position: absolute;z-index: 2;} .clock ._list ._li>div{width: 100%;height: 0;padding-bottom: 100%;position: relative;} .clock ._list ._li>div>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .clock ._list ._li ._icon{width: 100%;height: 100%;position: relative;} .clock ._list ._li ._icon:before, .clock ._list ._li ._icon:after{content: '';position: absolute;width: 100%;height: 100%; border-radius: 50%;top: 0;left: 0;transition: transform .3s ease-in-out,opacity .3s ease-in-out;} .clock ._list ._li ._icon:before{border: 1px solid #fff;z-index: -2;} .clock ._list ._li ._icon:after{background-color: var(--color01);z-index: -1; opacity: 0;box-shadow:0 0 .2rem rgba(255,255,255,.6);} .clock ._list ._li ._icon>img{width: 100%;height: 100%;object-fit: contain;} .clock ._list ._li ._name{position: absolute;color: #fff;line-height: 1;white-space: nowrap;} .clock ._list ._li:nth-child(1){left:43.6%;top: 0;transform: translateY(-45%);} .clock ._list ._li:nth-child(1) ._name{bottom: 100%;left: 50%;transform: translateX(-50%);margin-bottom: .2rem;} .clock ._list ._li:nth-child(2){left:82%;top: 13.2%;} .clock ._list ._li:nth-child(2) ._name{top: 50%;left: 100%;transform: translateY(-50%);margin-left: .2rem;} .clock ._list ._li:nth-child(3){left:91%;top: 54.8%;} .clock ._list ._li:nth-child(3) ._name{top: 50%;left: 100%;transform: translateY(-50%);margin-left: .2rem;} .clock ._list ._li:nth-child(4){left:64%;top: 87.8%;} .clock ._list ._li:nth-child(4) ._name{bottom: 20%;left: 100%;margin-left: .2rem;} .clock ._list ._li:nth-child(5){left:21.2%;top: 87.8%;} .clock ._list ._li:nth-child(5) ._name{bottom: 20%;right: 100%;margin-right: .2rem;} .clock ._list ._li:nth-child(6){left:-4%;top: 53.6%;} .clock ._list ._li:nth-child(6) ._name{top: 50%;right: 100%;transform: translateY(-50%);margin-right: .2rem;} .clock ._list ._li:nth-child(7){left:5%;top: 12.4%;} .clock ._list ._li:nth-child(7) ._name{top: 50%;right: 100%;transform: translateY(-50%);margin-right: .2rem;} .clock ._cir{width: 75.91973244147158%;height: 75.91973244147158%;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);border-radius: 50%;overflow: hidden;box-shadow:0 0 .5rem rgba(255,255,255,.6);pointer-events: none;} .clock ._cir:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2; background: linear-gradient(45deg,rgba(22,98,183,.9) 20%,rgba(22,98,183,0) 70%);} .clock .cir_bg{width: 100%;height: 100%;} .clock .cir_bg ._item{width: 100%;height: 100%;} .clock .cir_bg ._item>img{width: 100%;height: 100%;object-fit: cover; transform: scale(1.1);transition: transform 2s;} .clock .cir_bg .swiper-slide.active ._item>img{transform: none;} .clock ._list ._li.on ._icon:after{transform: none;opacity: 1;} .Hservice{position: relative;padding-top: 6.770833333333334vw;padding-bottom: 5.208333333333334vw;overflow: hidden;} .Hservice ._bg{position: absolute;top: 0;left: 0;width: 100%;height: 110%;z-index: -1;} .Hservice ._bg:before{content: '';position: absolute;width: 100%;height: 100%; top: 0;left: 0;z-index: 2;background: linear-gradient(to right,rgba(22,98,183,1),rgba(22,98,183,.2) 70%);} .Hservice_bg{width: 100%;height: 100%;overflow: hidden;} .Hservice_bg ._item{width: 100%;height: 100%;} .Hservice_bg ._item>img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1); transition: transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99);} .Hservice_bg .swiper-slide.active ._item>img{transform:none;} .Hservice ._tab{margin-top: 9.375vw;position: relative;} .Hservice ._tab>img{width: 100%;} .Hservice ._tabUl{position: absolute;left: 0;width: 100%;height: 100%;top: 0;} .Hservice ._tabUl ._li.on{pointer-events: none;} .Hservice ._tabUl ._li.on ._name>span{opacity: 1;transform: none;} .Hservice ._tabUl ._li.on .masterIcon{opacity: 1;transform: translate(-50%,-50%);} .Hservice ._tabUl ._li{position: absolute;z-index: 5;transform: translateY(-50%);} .Hservice ._tabUl ._li .masterIcon{color: var(--color01);position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%) scale(.5);opacity: 0;transition: transform .65s ease,opacity .65s ease;} .Hservice ._tabUl ._li ._name{color: #fff;position: absolute;top: .5rem;left: 50%;transform: translateX(-50%);white-space: nowrap;pointer-events: none;} .Hservice ._tabUl ._li ._name>span{display: inline-block;opacity: 0;transition: transform .65s ease,opacity .65s ease;transform: translateY(100%);} .Hservice ._tabUl ._li ._cir{width: .2rem;height: .2rem;position: relative;} .Hservice ._tabUl ._li ._cir span{background-color: #fff;border-radius: 50%;width: 100%;height: 100%; position: absolute;top: 0;left: 0;transform: scale(.5);transition: all .5s ease;} .Hservice ._tabUl ._li ._cir span:before, .Hservice ._tabUl ._li ._cir span:after{content: '';position: absolute;border: 1px solid rgba(255, 255, 255, 0.6); width: 100%;height: 100%;top: 0;left: 0;z-index: 0;opacity: 0;border-radius: 50%;} .Hservice ._tabUl ._li ._cir span:before{animation: ripple 5500ms ease-out 2400ms infinite;} .Hservice ._tabUl ._li ._cir span:after{animation: ripple 5500ms ease-out 225ms infinite;} @keyframes ripple{ 0% { opacity: 1;transform: scale(1); } 100% { opacity: 0;transform: scale(7); } } .Hservice ._tabUl ._li:nth-child(1){left: 10.9375%;top: 10%;} .Hservice ._tabUl ._li:nth-child(2){left: 26.041666666666668%;top: 4%;} .Hservice ._tabUl ._li:nth-child(3){left: 41.66666666666667%;top: 34.5%;} .Hservice ._tabUl ._li:nth-child(4){left: 57.29166666666667%;top: 74%;} .Hservice ._tabUl ._li:nth-child(5){left: 72.91666666666667%;top: 97%;} .Hservice ._tabUl ._li:nth-child(6){left: 88.54166666666667%;top: 78%;} .Hservice ._cnt{margin-top: 3.6458333333333335vw;align-items: flex-end;} .HserviceInfo{color: #fff;width: 6rem;} .HserviceInfo ._page{line-height: 1;margin-bottom: .25rem;} .HserviceInfo ._page span{font-size: .6rem;} .HserviceInfo ._txt{position: relative;width: 100%;height: 2rem;} .HserviceInfo ._txt ._item{position: absolute;top: 0;left: 0;width: 100%;display: none;} .HserviceInfo ._txt ._item.on{display: block;position: relative;} .HserviceInfo ._txt ._item ._title{font-size: .4rem;margin-bottom: .2rem;} .HserviceInfo ._txt ._item ._line{line-height:1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .HserviceInfo ._txt ._item ._btn{margin-top: .5rem;} .Hservice_cut{margin-left: auto;} .Hservice_cut .Hservice_switch{width:.6rem;height:.6rem;line-height:.6rem;transition:all .5s cubic-bezier(.4,.4,0,1); position:relative;color:#fff;text-align:center;border:1px solid #fff;border-radius:50%;z-index: 2;} .Hservice_cut .Hservice_switch:before, .Hservice_cut .Hservice_switch:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0; background-color:var(--color01);border-radius:50%;transition:all .5s cubic-bezier(.4,.4,0,1);} .Hservice_cut .Hservice_switch:before{z-index:-1;transform:scale(0);} .Hservice_cut .Hservice_switch:after{z-index:-2;opacity:0;} .Hservice_cut .Hservice_prev{margin-right: .3rem;} .Hnews{background-color: #fff;padding-top: 6.25vw;padding-bottom: 6.770833333333334vw;} .Hnews ._top{align-items: flex-end;border-bottom: 1px solid #e0e4e7;} .Hnews ._top .masterTitle1{margin-bottom: .3rem;} .Hnews ._top ._tab{margin-left: auto;line-height: 1;} .Hnews ._top ._tab ._item{padding: 0 .18rem;} .Hnews ._top ._tab ._item>a{color: #333;transition: color .3s ease;;} .Hnews ._top ._tab ._item>a .hoverable_txt{padding: .2rem 0;} .Hnews ._top ._tab ._item>a .hoverable_txt:after{height: 4px;background-color: var(--color01);} .Hnews ._top ._tab ._item>a.on{color: var(--color01);} .Hnews ._top ._tab ._item>a.on .hoverable_txt:after{transform:scaleX(1);transform-origin:left top;} .Hnews ._list{margin-top: .2rem;overflow: hidden;} .HnewsList{margin: 0 -.45rem !important;} .HnewsList ._item{padding: .35rem .45rem;border-right: 1px solid #e6eaed;} .HnewsList ._item ._times{color: #878b8e;line-height: 1;margin-bottom: .3rem;} .HnewsList ._item ._times>span{font-size: .3rem;margin-right: .1rem;color: #333;} .HnewsList ._item ._img{width: 100%;height: 0;padding-bottom: 56.4%;position: relative;overflow: hidden;} .HnewsList ._item ._img>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .6s;} .HnewsList ._item ._title{margin-top: .3rem;text-align: justify;color: #333;transition: color .3s ease;height: calc(2em * 1.5); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .Hnews .listing .Hnewsroll{height: 3px;background-color: #e0e0e0;margin-top:.7rem;border-radius: 3px;} .Hnews .listing .Hnewsroll .swiper-scrollbar-drag{background-color: var(--color01);border-radius: 3px;cursor: pointer;} .Hnews .listing ._more{margin-top: .6rem;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬮〉灏俱€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .footer{background-color:var(--color01);} .footer ._top{padding-top: .6rem;padding-bottom: .4rem;border-bottom: 2px solid rgba(255,255,255,.2);} .footer ._top>div{align-items: flex-end;} .footer ._top ._logo{margin-right: .4rem;} .footer ._top ._logo>a{height: .47rem;} .footer ._top ._logo>a img{height: 100%;} .footer ._top ._mail{color: #fff;line-height: 1;} .footer ._top ._mail ._item:first-of-type{margin-right: .5rem;} .footer ._top ._mail ._item{align-items: center;} .footer ._top ._mail ._item i{margin-right: 5px;} .footer ._code{margin-left: auto;position: relative;} .footer ._code .item{margin-right:.15rem;} .footer ._code .item:last-child{margin-right:0;} .footer ._code .item>a{width:36px;height:36px;background-color:rgba(255,255,255,.2);color: #fff; align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease-in-out;font-size: 24px;} .footer ._code .item .follow{position:absolute;top:50%;right:120%;align-items:center;border-radius:5px;transform: translateY(-50%); padding:.1rem .15rem;visibility:hidden;opacity:0;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);transition:all .3s ease-in-out;} .footer ._code .item .follow .follow_text{width:120px;padding-right:.12rem;color:#333;text-align:justify;} .footer ._code .item .follow .follow_text .follow_name{font-weight:bold;margin-bottom:5px;} .footer ._code .item .follow img{width:100px;height:100px;} .footer ._code .item>a:hover{background-color: #fff;color: var(--color01);} .footer ._code .item>a:hover + .follow{visibility:visible;opacity:1;} .footer ._cnt{color: #fff;padding-top: .7rem;padding-bottom: .6rem;} .footer ._cnt a{color: #fff;display: inline-block;} .footer ._address{width: 39.0625vw;padding-right: 6.25vw;} .footer ._address ._item{margin-bottom: .4rem;} .footer ._address ._item:last-of-type{margin-bottom: 0;} .footer ._address ._item ._title{font-weight: bold;line-height: 1;margin-bottom: .12rem;align-items: center;} .footer ._address ._item ._title i{margin-right: .15rem;font-weight:normal;} .footer ._address ._item ._line i{margin-right: .15rem;transform: translateY(.03rem);} .footer ._address ._item ._line span{line-height: 2;opacity: .8;} .footer ._menu>div{justify-content: space-between;line-height: 1.25;} .footer ._menu ._item ._a a{font-weight: bold;margin-bottom:12px;transition: color .3s ease;} .footer ._menu ._item ._b a{padding:6px 0;transition: opacity .3s ease;opacity:.8;} .footer ._menu ._item ._b a .hoverable_txt{padding: 3px 0;} .footer ._menu ._item ._b a .hoverable_txt:after{background-color: #fff;} .footer ._link{background-color:#0e55a5;padding: .2rem 0;line-height: 1;} .footer ._link ._name{color: #fff;opacity: .6;padding: 6px 0;} .footer ._link ._list li{padding: 6px 0;} .footer ._link ._list li a{padding: 0 6px;color: #fff;display: inline-block;opacity: .6;position: relative;transition: opacity .3s ease;} .footer ._link ._list li a:after{content: '';height: 90%;width: 2px;position: absolute;right: -1px;top: 5%;background-color: #fff;} .footer ._link ._list li:last-of-type a:after{display: none;} .footer ._keep{padding: .2rem 0;color: #fff;} .footer ._keep>div{justify-content: center;text-align: center;flex-wrap: wrap;} .footer ._keep a{color: #fff;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬫偓娴鑸€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .light_open{position: fixed;left: 0;top: 50%;transform: translateY(-50%);z-index: 555;overflow: hidden;} .light_open>div{position: relative;width:.72rem;transition: transform 1s ease;} .light_open>div>img{width: 100%;} .light_open .light_open_btn{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2; color: var(--color01);align-items: center;padding-left: .14rem;} .light{position: fixed;left: 0;top: 0;height: 100vh;width: 76.5625vw;z-index:1000;pointer-events: none; background-image: url(../image/mac/lightBg.png);background-repeat: no-repeat;background-position:right center; background-size:cover;transform: translateX(-100%);transition: all 1.5s ease;opacity: 0;} .light .light_row{padding-right: 10.416666666666668vw;padding-left: 3.6458333333333335vw;width: 100%;} .light ._close{position: absolute;right: 0;top: 50%;z-index: 5;transform: translateY(-50%);} .light ._close .light_close_btn{color: var(--color01);width:4.166666666666667vw;height:12.5vw; align-items: center;font-weight: bold;justify-content: center;} .light ._close .light_close_btn i{transition: all 1s ease;} .light_open.on>div{transform: translateX(-100%);} .light ._menu{position: absolute;top: 10.416666666666668vw;line-height: 1.25;} .light ._menu>div{justify-content:space-between;text-align: center;} .light ._menu a{display:block;} .light ._menu ._item ._a a{font-weight: bold;margin-bottom:.25rem;color: #333;transition: color .3s ease;} .light ._menu ._item ._b a{padding:6px 0;color: #666;transition: color .3s ease;} .light ._menu ._item ._b a .hoverable_txt{padding: 3px 0;} .light ._menu ._item ._b a .hoverable_txt:after{background-color: var(--color01);} .light ._quote{position: absolute;bottom: 6.770833333333334vw;align-items: center;} .light ._quote ._tel{align-items: center;} .light ._quote ._tel ._icon{height: .5rem;} .light ._quote ._tel ._icon img{height: 100%;} .light ._quote ._tel ._txt{line-height: 1;padding-left: 10px;} .light ._quote ._tel ._txt ._name{margin-bottom: 3px;color: #666;} .light ._quote ._tel ._txt ._num{font-size: .3rem;font-weight: bold;color: var(--color01);} .light ._quote ._search{margin-left: auto;} .light ._quote ._search form{height: .5rem;width: 3.2rem;background-color:#fff;border-radius: .5rem;padding: 0 .2rem;} .light ._quote ._search ._txt input{border: none;background: none;height: 100%;width: 100%;color:#333;} .light ._quote ._search ._txt input::-webkit-input-placeholder{color: #989898;} .light ._quote ._search ._txt input:-moz-placeholder{color: #989898;} .light ._quote ._search ._txt input::-moz-placeholder{color: #989898;} .light ._quote ._search ._btn{padding-left:.15rem;} .light ._quote ._search ._btn button{height: 100%;border: none;background: none;color: var(--color01);align-items: center;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬫偓娴獥鍙ｃ€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .hang{position: fixed;z-index: 50;top: 50%;right: 8px;transform: translateY(-50%);} .hang ._list{background-color: rgba(255, 255, 255, 0.75);width: 65px;line-height: 1; border-bottom-left-radius: 24px;border-top-left-radius: 24px;box-shadow:0 0 15px rgba(22,98,183,0.2);} .hang ._list ._item{position: relative;} .hang ._list ._item>a{width: 100%;padding: .14rem 0;text-align: center;color:#5c8ec5;font-size: .28rem;transition: color .3s ease;} .hang ._list ._item ._info{position: absolute;top:50%;right:65px;opacity:0;visibility:hidden; box-shadow: 0 0 3px 3px rgba(22,98,183,0.1);transform:translate(-25px,-50%); background-color:#fff;transition:all .3s ease-in-out;} .hang ._list ._item ._info::before{content: ""; position: absolute;right:-5px; top:50%;bottom:0; width:10px; height: 10px; transform:translateY(-50%) rotate(45deg); background: #fff;box-shadow:3px -3px 3px rgba(22,98,183,0.1);} .hang ._list ._item ._info.tel{height:100%;white-space: nowrap;align-items: center;padding: 0 .2rem;} .hang ._list ._item ._info.tel a{color:#4283DB;} .hang ._list ._item ._info.code{width:1.5rem;} .hang ._list ._item ._info.code>img{width:100%;} .hang ._list ._item:hover ._info{transform: translate(-20px,-50%);opacity: 1;visibility: visible;} .hang ._list ._item:hover>a{color:var(--color01);} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬫湇鍔￠」鐩€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .pageBanner{width: 100%;overflow: hidden;background-color: #ddd;} .pageBanner ._box{width: 100%;height: 100%;} .pageBanner ._box>div{width: 100%;height: 100%;position: relative;} .pageBanner ._bg{width: 100%;height: 100%;transform: scale(1.15);transform-origin: 50% 100%; transition:transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99);} .pageBanner ._bg>img{width: 100%;height: 100%;object-fit: cover;} .pageBanner ._info{position: absolute;top: 50%;transform: translateY(-50%); z-index: 5;padding:0 15.625vw;width: 100%;color: #fff;padding-top: .9rem;} .pageBanner ._info ._title{line-height: 1;} .pageBanner ._info ._mouse{width: .88rem;position: relative;margin-top: 5.208333333333334vw;height: .88rem;} .pageBanner ._info ._mouse .mouseCir{position:absolute;width: 100%;height: 100%;} .pageBanner ._info ._mouse .mouseCir:before, .pageBanner ._info ._mouse .mouseCir:after{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;} .pageBanner ._info ._mouse .mouseCir:before{border:1px dashed #fff;animation: rotateZ 20s linear infinite;} .pageBanner ._info ._mouse .mouseCir:after{transform: scale(.7);background-color: #fff;} .pageBanner ._info ._mouse .mouseOf{height:.36rem;width:.24rem;border-radius:.24rem;border:2px solid var(--color01);position:absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);} .pageBanner ._info ._mouse .mouseOf:after{content: '';width:3px;height:.11rem;background-color: var(--color01);border-radius:2px; animation: scroll-down 1.5s infinite ease-in-out;position:absolute;left:50%;transform:translateX(-50%);} @keyframes scroll-down { 0% { top:2px; opacity: 0; } 30%, 70% { opacity: 1; } 100% { top:calc(100% - (2px + .11rem)); opacity: 0; } } .pageBanner.on ._bg{transform: none;} .pageBanner ._info ._cir{text-align: center;margin-top: .8rem;} .pageBanner ._info ._cir span{width:8px;height: 8px;border-radius: 50%; background-color: #fff;margin: 0 5px;display: inline-block;} .pageBanner.style1{height: 45.833333333333336vw;} .pageBanner.style1 ._info ._title .en{font-size: .56rem;text-transform: uppercase;margin-bottom: .2rem;} .pageBanner.style1 ._info ._title .cn{font-size: .48rem;} .pageBanner.style2{height: 34.895833333333336vw;} .pageBanner.style2 ._info ._title{text-align: center;} .pageBanner.style2 ._info ._title .cn{font-size: .56rem;margin-bottom: .2rem;} .pageBanner.style2 ._info ._title .en{font-size: .3rem;text-transform: uppercase;} .pageBanner.style3{height: 31.25vw;} .project{padding: 7.8125vw 0;} .project ._list>div{margin:-1.8229166666666667vw -1.5625vw;flex-wrap: wrap;} .project ._item{padding:1.8229166666666667vw 1.5625vw;width: 25%;} .project ._item>div{padding:.35rem .45rem;position: relative;height: 400px;} .project ._item>div:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1; background-image:url(../image/mac/projectli.png);background-position: center center; background-size:cover;border-radius: 10px;box-shadow: 0 0 .2rem rgba(8,57,156,.13);} .project ._item>div:after{content: '';position: absolute;left: -.12rem;top: -.12rem;right: -.12rem;bottom: -.12rem;z-index: -2; border-radius: 10px;background-color: var(--color01);-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);transition: all .65s ease;} .project ._item ._title{line-height: 1;} .project ._item ._title .cn{font-size: .28rem;color: var(--color01);margin-bottom: 10px;align-items: center;} .project ._item ._title .cn s{position: relative;margin-left: .15rem;align-items: center;} .project ._item ._title .cn s:before{content: '';width: .09rem;height: .09rem;border: 1px solid var(--color01);border-radius: 50%;} .project ._item ._title .cn s:after{content: '';width: 100%;-webkit-box-flex: 1;opacity: .2; -moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;border-bottom:1px dashed var(--color01);} .project ._item ._title .en{color: #999;} .project ._item ._column{line-height: 1;margin-top: .3rem;} .project ._item ._column ._tab{margin: -.15rem 0;} .project ._item ._column li>a{padding: .15rem 0;align-items: center;color: #666; padding-left: .35rem;position: relative;transition: all .3s ease;} .project ._item ._column li>a:before, .project ._item ._column li>a:after{content: '';position: absolute;width: .15rem;height: .15rem;transition: opacity .3s ease; left: 0;top: 50%;transform: translateY(-50%);background-position: center center;background-size:contain;} .project ._item ._column li>a:before{background-image: url(../image/mac/ling.png);opacity: 1;} .project ._item ._column li>a:after{background-image: url(../image/mac/ling2.png);opacity:0;} .project ._item ._column li>a i{margin-left: auto;transition: color .3s ease;font-weight: bold;color:#ebebeb;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬫湇鍔￠」鐩€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .projectdel{padding-top: 9.375vw;padding-bottom: 7.291666666666667vw;} .level{background-color: var(--color01);text-align: center;} .level>div{justify-content: center;height: .8rem;line-height:.8rem;} .level ._item{width: 16.666666666666668%;} .level ._item>a{color: #fff;position: relative;} .level ._item>a:after{content:'';position: absolute;width: 0;height: .2rem; border-right: 1px solid rgba(255,255,255,.2);top: 50%;right: 0;transform: translateY(-50%);} .level ._item:last-of-type>a:after{display: none;} .level ._item>a .hoverable_txt{line-height: 1.25;padding: 3px 0;} .level ._item>a .hoverable_txt:after{background-color: #fff;} .masterTitle2{font-size: .3rem;color: var(--color01);} .masterTitle2:before{content: '';width: .12rem;height: .24rem;background-image:url(../image/mac/sj.png); background-position: center center;background-size:contain;position: absolute; left: 0;top: .125rem;background-repeat: no-repeat;} .service ._box{align-items: center;position: relative;} .service ._img{width: 5.8rem;} .service ._img>div{width: 100%;height: 0;position: relative;padding-bottom: 56.03448275862069%;} .service ._img>div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .service ._info{padding-left:5.729166666666667vw;padding-right: 4.166666666666667vw;} .service ._info>div{padding-left: .35rem;position: relative;} .service ._info ._line{margin-top: .25rem;max-height: calc(6em * 2.25);line-height: 2.25;color: #666;text-align: justify;} .service ._maxen{position: absolute;top: 0;left: 0;color: #f0f4f9;text-transform: uppercase;line-height: 1;font-size: 1.32rem; font-weight: bold;z-index: -1;line-height: 1;white-space: nowrap;transform: translateY(-80%);} .research ._box{border: 1px solid #ddd;align-items: center;position: relative;} .research ._box:after{content: '';position: absolute;top: 0;right: 6.4rem;height: 100%;width: 0;border-right: 1px solid #ddd;} .research ._info{padding: 3.6458333333333335vw 0;} .research ._info>div{position: relative;padding-right: 5.208333333333334vw;padding-left: 2.604166666666667vw;} .research ._info ._txt{margin-top: .4rem;} .research ._info ._txt .m_t{margin-bottom: .12rem;} .research ._info ._txt .m_t:before{content: '';display: inline-block;width: 5px;height: 5px; border-radius: 50%;background-color: var(--color01);position: absolute;left: 0;top: .14rem;} .research ._info ._txt ._line{line-height: 2.25;color: #666;text-align: justify;} .research ._info ._item{margin-bottom: .25rem;position: relative;padding-left: 12px;} .research ._info ._item:last-of-type{margin-bottom: 0;} .research ._img{width: 6.4rem;justify-content: center;align-items: center;padding: .4rem;} .research ._img>div{max-width: 100%;} .research ._img>div img{width: 100%;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬩笟鍔￠鍩熴€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ #screenSwiper{height:100vh;} #screenSwiper>.swiper-wrapper>.swiper-slide{height:100vh;overflow: hidden;} #screenSwiper>.swiper-wrapper>.swiper-slide:last-child{height:auto;} #screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide{height:100%;} #screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenBg{position:absolute;top:0;left:0; width:100%;height:100%;z-index:-1;background-color: var(--color01);} #screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenBg:before{content: '';position: absolute; width: 100%;height: 100%;top: 0;left: 0;z-index: 2;} #screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenBg>img{width:100%;height:100%;object-fit:cover;} #screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenInfo{height:100%;align-items:center;} #screenSwiper>.swiper-wrapper>.swiper-slide:nth-child(odd) .screenSlide>.screenBg:before{ background: linear-gradient(to right,rgba(22,98,183,1),rgba(22,98,183,.2) 70%);} #screenSwiper>.swiper-wrapper>.swiper-slide:nth-child(even) .screenSlide>.screenBg:before{ background: linear-gradient(to left,rgba(22,98,183,1),rgba(22,98,183,.2) 70%);} #screenSwiper>.swiper-wrapper>.swiper-slide:nth-child(odd) .business{margin-left: 0;padding-left: 7.8125vw;} #screenSwiper>.swiper-wrapper>.swiper-slide:nth-child(even) .business{margin-left: auto;padding-right: 7.8125vw;} .business{color: #fff;width: 50%;} .business ._title{font-size: .48rem;line-height:1;} .business ._line{text-align: justify;line-height: 2;margin-top: 1.5625vw;} .business ._list{margin-top: 2.0833333333333335vw;line-height: 1.25;} .business ._list>div{flex-wrap: wrap;margin: .1rem -.25rem;} .business ._list ._item{padding: .1rem .25rem;} .business ._list ._item a{color: #fff;position: relative;padding-left: 15px;display: block;} .business ._list ._item a:before{content: '';position: absolute;width: 6px;height: 6px; border-radius: 50%;top: 50%;left: 0;transform: translateY(-50%);background-color: #fff;} .business ._list ._item a .hoverable_txt{padding: 3px 0;} .business ._list ._item a .hoverable_txt:after{background-color: #fff;} .business ._btn{margin-top: 4.6875vw;} #screenTab{position:absolute;left:2.604166666666667vw;top:50%;transform:translateY(-50%);z-index:50;transition:all 1s ease;} #screenTab.on{opacity: 0;visibility: hidden;} #screenTab .item{align-items:center;margin-bottom:.3rem;} #screenTab .item:last-child{margin-bottom:0;} #screenTab .item>span{color:#fff;font-family:'GOTHIC';opacity:0;transition:all 1s ease; margin-left: .15rem;transform: translateX(20px);} #screenTab .item>a{width:.3rem;height:.3rem;position:relative;transform: rotateY(-180deg);} #screenTab .item>a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%; border:1px dashed #fff;border-radius:50%;opacity:0;transition:all 1s ease;animation: rotateZ 10s linear infinite;} #screenTab .item>a:after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px; border-radius:50%;background-color:#fff;transform:translate(-50%,-50%);transition:transform .3s ease;} #screenTab .item.on>a{pointer-events: none;} #screenTab .item.on>span{opacity:1;transform:none;} #screenTab .item.on>a:before{opacity:1;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬩笟鍔￠鍩?璇︽儏銆娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .serveLick ._box{padding: 3.125vw 0;border: 1px solid #ddd;} .serveLick ._box>div{position: relative;padding:0 2.604166666666667vw;} .serveLick ._list{margin-top: .4rem;} .serveLick ._list>div{margin: -1.0416666666666667vw;flex-wrap: wrap;} .serveLick ._list ._item{width: 33.333333%;padding:1.0416666666666667vw;} .serveLick ._list ._item ._img{width: 100%;height: 0;padding-bottom: 58.87096774193549%;position: relative;overflow: hidden;} .serveLick ._list ._item ._img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0; object-fit: cover;transition: transform 4s var(--bcr2);} .serveLick ._list ._item ._name{text-align: center;color: #666;padding: .2rem 0;transition: color .3s ease;line-height: 1.25;} .serveLick ._list ._item ._name .hoverable_txt{padding: 3px 0;} .serveLick ._list ._item ._name .hoverable_txt:after{background-color: var(--color01);} .explicit{margin-top: 5.72917vw;margin-bottom: 7.29167vw;} .explicit ._box{padding:0 2.604166666666667vw;position: relative;} .explicit ._info{margin-top: .3rem;text-align: justify;} .explicit ._info p{color: #666;line-height: 2.25;} .explicit ._info img{display: inline-block !important;max-width: 100%;} .explicit ._info p, .explicit ._info span, .richText em{font-size: 16px !important;} .explicit ._info video{display: inline-block;max-width: 100%;} .explicit ._info table{max-width: 100%;height: auto !important;display: block !important; overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling: touch;border: none !important;} .explicit ._info tbody{width:100%;display: block;min-width: 840px;} .explicit ._info table thead, .explicit ._info table tr{width: 100%;display: inline-table;} .explicit ._info table th, .explicit ._info ul{margin: 0 -.35rem;} .explicit ._info ul li{padding-left:0.2rem;position: relative;display: inline-block !important;margin:.1rem .35rem;} .explicit ._info ul li:before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%); width: 6px;height: 6px;border-radius: 50%;background-color: var(--color01);} .below{height: .8rem;line-height: .8rem;} .below .below_l{background-color: var(--color01);padding-left: 6.25vw;} .below .below_l a{color: #fff;} .below .below_l ._index{font-size: .36rem;padding-right: .2rem;} .below .below_l ._superior{padding-right:2.604166666666667vw;transition: background-color .3s ease;} .below .below_l ._superior span{text-align: center;padding: 0 5.208333333333334vw;} .below .below_r{background-color: #f5f5f5;padding-right: calc(.7rem + 8px);position: relative;} .slidenav{text-align: center;} .slidenav .swiper-slide{width: 20%;} .slidenav ._item>a{color: #333;position: relative;transition: color .3s ease;} .slidenav ._item>a:after{content:'';position: absolute;width: 0;height: .2rem; border-right: 1px solid #ddd;top: 50%;right: 0;transform: translateY(-50%);} .slidenav .swiper-slide:last-of-type ._item>a:after{display: none;} .slidenav ._item>a .hoverable_txt{line-height: 1.25;padding: 3px 0;} .slidenav ._item>a .hoverable_txt:after{background-color: var(--color01);} .slidenav .swiper-slide.active ._item>a{color: var(--color01);pointer-events: none;} .below .below_r .slidenav_next{position: absolute;right: 0;top:0;width: calc(.7rem + 8px);padding-right:8px;z-index: 5;} .below .below_r .slidenav_next>a{color: var(--color01);background-color: #c9def6;text-align: center;transition: all .3s ease;} .research ._info ._cli{line-height: 2.25;color: #666;text-align: justify;margin-top: .3rem;} .research ._info ._cli strong{color: #333;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬪叧浜庢垜浠?鍏徃绠€浠嬨€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ /*masterTitle3*/ .masterTitle3{line-height: 1;} .masterTitle3 .en{font-size: .48rem;margin-bottom: .2rem;color: var(--color01);} .masterTitle3 .cn{font-size: .42rem;} .profile{position: relative;} .profile ._box>div{position: relative;} .profile ._info{padding: 10.416666666666668vw 7.8125vw 10.416666666666668vw .8rem;width: 59.523809523809526%;} .profile ._info ._txt{text-align: justify;margin-top: .4rem;line-height: 2.25;color: #666;max-height: calc(10em * 2.25);} .profile ._bg{position: absolute;top: 0;right: 0;width: 41.66666666666667%;z-index: -1;height: 100%;overflow: hidden;} .profile ._bg>img{width: 100%;height: 100%;transform: scale(1.2);object-fit: cover;} .profile ._info ._icon{position: absolute;left: 0;bottom: 0;top: 10.416666666666668vw;} .profile ._info ._icon .masterIcon{width: .37rem;height: .37rem;} .profile ._info ._icon ._line{display: block;width: 1px;border-left:1px dashed var(--color01); height: calc(100% - .44rem);margin: 0 auto;position: relative;} .profile ._info ._icon ._line:after{content: '';position: absolute;top:0;left: 50%;width:4px;height: 100%; background: linear-gradient(to bottom,transparent ,#fff);z-index: 2;transform: translateX(-50%);} .course{position: relative;overflow: hidden;} .course ._bg{position: absolute;top: 0;right: 0;width: 100%;z-index: -1;height: 110%;overflow: hidden;} .course ._bg>img{width: 100%;height: 100%;object-fit: cover;} .course ._info{padding-top: 6.25vw;margin-left: auto;width: 40.476190476190477%;padding-right: 4.166666666666667vw;} .course ._info .masterTitle3{color: #fff;} .course ._info .masterTitle3 .en{color: #fff;} .course ._list{padding-bottom: 5.208333333333334vw;position: relative;} .course ._list:before{content: '';position: absolute;width: 1px;height: 100%;border-left: 1px solid #fff;opacity: .2;} .courseSwiper{color: #fff;margin-top: .6rem;height: 5.5rem;} .courseSwiper .swiper-slide{height: auto;} .courseSwiper ._item{margin-bottom: .4rem;} .courseSwiper .swiper-slide:last-of-type ._item{margin-bottom: 0;} .courseSwiper ._item ._time{font-size: .36rem;margin-bottom: .1rem;line-height: 1;padding-left: .4rem; position: relative;transition: font-size .6s ease;} .courseSwiper ._item ._time:before{content: '';position: absolute;width: 6px;height: 100%;top: 0;left: 0; background-color: #fff;opacity: 0;transition: opacity .6s ease;} .courseSwiper ._item ._line{line-height: 1.6363636363636365;padding-left: .4rem;text-align: justify;} .courseSwiper .swiper-slide.active ._time:before{opacity: 1;} .courseSwiper .swiper-slide.active ._time{font-size: .48rem;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬪叧浜庢垜浠?鑽ｈ獕璧勮川銆娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .aptitude{padding-top: 6.25vw;padding-bottom: 7.8125vw;position: relative;} .aptitude ._bg{position: absolute;top: 0;right: 0;width: 100%;z-index: -1;height: 100%;} .aptitude ._bg>img{width: 100%;height: 100%;object-fit: cover;object-position:center bottom;} .aptitude ._top{text-align: center;width: 1150px;max-width: 90%;margin: 0 auto;} .aptitude ._top ._title{font-size: .42rem;line-height: 1;margin-bottom: .25rem;} .aptitude ._top ._line{line-height: 2.25;color: #666;} .aptitudeSwiper{margin-top: 6.770833333333334vw;} .aptitudeSwiper .swiper-slide{padding: 0 4.166666666666667vw;width: auto;} .aptitudeSwiper ._item{width: 3rem;} .aptitudeSwiper ._item ._img{padding-bottom:133.33333333333333%;width: 100%;height: 0; position: relative;transform:scale(.8);transition:transform .6s ease;background-color: #f5f5f5;} .aptitudeSwiper ._item ._img ._imgLine{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;} .aptitudeSwiper ._item ._img ._imgLine>span{position:absolute;background-color:var(--color01); display:block;transition:width .3s ease,height .3s ease;} .aptitudeSwiper ._item ._img ._imgLine>span:nth-child(1){width:0;height:3px;top:0;left:0;} .aptitudeSwiper ._item ._img ._imgLine>span:nth-child(2){width:3px;height:0;right:0;top:0;} .aptitudeSwiper ._item ._img ._imgLine>span:nth-child(3){width:0;height:3px;bottom:0;right:0;} .aptitudeSwiper ._item ._img ._imgLine>span:nth-child(4){width:3px;height:0;left:0;bottom:0;} .aptitudeSwiper .swiper-slide.active ._item ._img ._imgLine>span:nth-child(1){width:100%;} .aptitudeSwiper .swiper-slide.active ._item ._img ._imgLine>span:nth-child(2){height:100%;transition-delay:.3s;} .aptitudeSwiper .swiper-slide.active ._item ._img ._imgLine>span:nth-child(3){width:100%;transition-delay:.6s;} .aptitudeSwiper .swiper-slide.active ._item ._img ._imgLine>span:nth-child(4){height:100%;transition-delay:.9s;} .aptitudeSwiper ._item ._img ._imgBg{width:100%;height:100%;position:absolute;top: 0;left: 0;} .aptitudeSwiper ._item ._img ._imgBg>img{width:100%;height: 100%;object-fit: contain;} .aptitudeSwiper .swiper-slide.active ._img{transform:none;} .aptitudeSwiper .aptitude_name{padding-top: .25rem;margin-top: 3.6458333333333335vw; background-position: center top;line-height: 1;font-weight: bold;text-align: center;background-size: auto 9px; background-repeat: no-repeat;background-image: url(../image/mac/uparrow.png);color: var(--color01);} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬪叧浜庢垜浠?浼佷笟鏂囧寲銆娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .purpose{padding-top: 7.8125vw;padding-bottom: 11.979166666666668vw;background-repeat: no-repeat; background-image:url(../image/mac/wave.png);background-position: center 110%;background-size:100% auto;} .purpose ._top{text-align: center;width: 1080px;max-width: 100%;margin: 0 auto;} .purpose ._top ._title{font-size: .42rem;line-height: 1;} .purpose ._top ._title ._h{color: var(--color01);font-weight: bold;margin-bottom: .25rem;} .purpose ._list{margin-top: 3.6458333333333335vw;} .purpose ._list>div{margin: -1.3020833333333335vw;} .purpose ._list ._item{width: 20%;padding: 1.3020833333333335vw;} .purpose ._list ._item ._obj{position: relative;} .purpose ._list ._item ._obj ._cir{width: 100%;opacity: .3;} .purpose ._list ._item ._obj ._cir img{width: 100%;} .purpose ._list ._item ._obj ._cir.c1{animation: rotateZ 20s linear infinite reverse;} .purpose ._list ._item ._obj ._cir.c2{position: absolute;top: 0;left: 0;animation: rotateZ 20s linear infinite;} .purpose ._list ._item ._obj ._cir.c2 img{transform: scale(.9);} .purpose ._list ._item ._obj ._mode{position: absolute;width: 72%;height: 72%;top: 14%;left: 14%;z-index: 2;} .purpose ._list ._item ._obj ._mode ._modebg{width: 100%;height: 100%;overflow: hidden;border-radius: 50%;} .purpose ._list ._item ._obj ._mode ._modebg img{width: 100%;height: 100%;object-fit: cover;} .purpose ._list ._item ._obj ._mode ._modename{position: absolute;top: 50%;left: 0;white-space: nowrap; transform: translateY(-50%);z-index: 5;color: #fff;line-height: 1;width:100%;text-align: center;} .purpose ._list ._item ._obj ._mode ._modename ._cn{font-size: .28rem;margin-bottom: .12rem;font-weight: bold;} .purpose ._list ._item ._obj ._mode ._modename ._en{font-weight: lighter;} @keyframes aniY{ 0% {transform:translateY(0);} 100% {transform:translateY(.5rem);} } .purpose ._list ._item:nth-child(1) ._obj{animation-delay: 0;} .purpose ._list ._item:nth-child(2) ._obj{animation-delay: 0.3s;} .purpose ._list ._item:nth-child(3) ._obj{animation-delay: 0.6s;} .purpose ._list ._item:nth-child(4) ._obj{animation-delay: 0.9s;} .purpose ._list ._item:nth-child(5) ._obj{animation-delay: 1.2s;} .culture{padding-bottom: 43.75%;width: 100%;position: relative;overflow: hidden;} .culture ._bg{width: 100%;height: 110%;position: absolute;top: 0;left: 0;} .culture ._bg>img{width: 100%;height: 100%;object-fit: cover;} .culture .masterTitle3{position: absolute;bottom: 3.6458333333333335vw;left: 50%; transform: translateX(-50%);text-align: center;color: #fff;} .culture .masterTitle3 .en{color: #fff;} .culture ._cir{width: 39.0625vw;height: 39.0625vw;border-radius: 50%; position: absolute;bottom: 0;left: 50%;transform: translate(-50%,50%);} .culture ._cir>div{width: 100%;height: 100%;background-image:url(../image/mac/cirwenhua.png); background-position: center center;background-size:contain;animation-duration: 1.2s;} .culture ._cir>div:before{content: '';display: block;width: 100%;height: 100%; transform: scale(.88);background-color: var(--color01);opacity: .8;border-radius: 50%;} .cultureBox{padding:10.416666666666668vw 0;background-color:#fcfeff;} .cultureList>div{margin:0 -2.0833333333333335vw;} .cultureList ._item{width: 33.333333%;padding: 0 2.0833333333333335vw;} .cultureList ._item>div{position: relative;padding-left: .91rem;z-index: 2;} .cultureList ._item>div:before{content: '';position: absolute;left: 0;top: 1.21rem;height: 100%; width: 2px;background: linear-gradient(to bottom,#e9f0f8, transparent);z-index: -1;} .cultureList ._item ._title{line-height: 1;position: relative;white-space: nowrap; padding-top:.85rem;margin-bottom: .6rem;} .cultureList ._item ._title .en{font-size: 1.3rem;position: absolute;text-indent: -.7em; top: 0;left:0;z-index: -1;color:#e9f0f8;font-weight: bold;} .cultureList ._item ._title .en::first-letter{color:var(--color01);} .cultureList ._item ._title .cn{font-size: .36rem;color:var(--color01);} .cultureList ._item ._line{text-align: justify;line-height: 2.3333333333333335; color: #666;max-height: calc(4em * 2.3333333333333335);} .cultureList ._item:nth-child(1)>div:before{left:.21rem;} .cultureList ._item:nth-child(2)>div:before{left:.21rem;} .cultureList ._item:nth-child(3)>div:before{left:.38rem;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬪叧浜庢垜浠?鎷涜仒淇℃伅銆娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .welfare{padding-top: 7.8125vw;padding-bottom: 10.416666666666668vw;position: relative;} .welfare ._bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;} .welfare ._bg>img{width: 100%;height: 100%;object-fit: cover;} .welfare ._top{text-align: center;width: 1080px;max-width: 100%;margin: 0 auto;} .welfare ._top ._line{line-height: 2.25;color: #666;margin-top: .3rem;} .welfare ._hot{width: 1500px;max-width: 100%;margin: 0 auto;height: 3rem;margin-top: .9rem;position: relative;} .welfare ._hot img{width: 100%;display: none;} .welfare ._hot ._item{position:absolute;top:50%;left: 50%; transform: translate(-50%,-50%) scale(.5);opacity: 0;} .welfare ._hot ._item>span{display: inline-block;height: .5rem;padding: 0 .3rem; border-radius: .1rem;text-align: center;line-height: .5rem;} .welfare ._hot ._item.style1>span{background-color: var(--color01);color: #fff;box-shadow:0 10px 20px rgba(22,98,183,.15);} .welfare ._hot ._item.style2>span{background-color: #fff;color: #666;box-shadow:0 10px 20px rgba(0,0,0,.15);} .welfare ._hot ._item:nth-child(4)>span{transform: scale(.8);} .welfare ._hot ._item:nth-child(4)>span{transform: scale(.9);} .welfare ._hot.fadeInHot ._item{transform: none;opacity: 1;transition: all 1.2s ease;} .welfare ._hot.fadeInHot ._item:nth-child(1){top: 10%;left: 0%;transition-delay: 0s;} .welfare ._hot.fadeInHot ._item:nth-child(2){top: 65%;left: 5%;transition-delay: .6s;} .welfare ._hot.fadeInHot ._item:nth-child(3){top: 35%;left: 20%;transition-delay: .3s;} .welfare ._hot.fadeInHot ._item:nth-child(4){top: 75%;left: 30%;transition-delay: .4s;} .welfare ._hot.fadeInHot ._item:nth-child(5){top: 0%;left: 33%;transition-delay: 0s;} .welfare ._hot.fadeInHot ._item:nth-child(6){top: 30%;left: 50%;transition-delay: .4s;} .welfare ._hot.fadeInHot ._item:nth-child(7){top: 80%;left: 63%;transition-delay: .6s;} .welfare ._hot.fadeInHot ._item:nth-child(8){top: 40%;left: 70%;transition-delay: .3s;} .welfare ._hot.fadeInHot ._item:nth-child(9){top: 5%;left: 82%;transition-delay: 0s;} .recruit{padding:6.770833333333334vw 0;} .recruit .masterTitle3{text-align: center;} .recruitList{margin-top:.6rem;} .recruitList ._table{width:100%;text-align:left;border:1px solid rgba(0,64,152,.1);border-bottom: none;} .recruitList ._table thead{background-color: var(--color01);height:.7rem;color: #fff;} .recruitList ._table tr{border-bottom:1px solid rgba(0,64,152,.1);} .recruitList ._table th{font-weight:lighter;} .recruitList ._table th:first-of-type,.recruitList ._table td:first-of-type{padding-left:3.125vw;} .recruitList ._table th:last-of-type,.recruitList ._table td:last-of-type{padding-right:3.125vw;} #recruitList ._check{cursor:pointer;height:.7rem;} #recruitList tr:nth-child(4n + 1){background-color: #ececf6;} #recruitList tr:nth-child(4n + 3){background-color: #fff;} #recruitList ._check td{position:relative;} #recruitList ._check td:first-of-type:before{content:'';width:8px;height:0;position:absolute;left:0;top:50%; transform:translateY(-50%);background-color:var(--color01);transition:all .35s ease;opacity:0;} #recruitList ._info{border-bottom:none;} #recruitList ._info td{height:auto;padding:0;} #recruitList ._info ._txt{height:0;overflow:hidden;} #recruitList ._info ._txt>div{padding:2.604166666666667vw 3.125vw; line-height:2.125;color:#666;border-bottom:1px solid rgba(0,64,152,.1);} #recruitList ._check.on td:first-of-type:before{height:26px;opacity:1;} #recruitList ._info ._txt>div p, #recruitList ._info ._txt>div span, #recruitList ._info ._txt>div em{font-size: 16px !important;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬪叧浜庢垜浠?鑱旂郴鎴戜滑銆娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .contact{padding-top: 4.166666666666667vw;padding-bottom: 7.291666666666667vw;} .contact ._htitle{line-height: 1;font-weight: bold;} .contact ._htitle .en{font-size: .88rem;margin-bottom: .1rem;text-transform: uppercase;color: #eef3f7;} .contact ._htitle .cn{font-size: .42rem;color: var(--color01);} .contactlist ._li{margin-top: 4.166666666666667vw;} .contactlist ._li>div{border: 1px solid #ddd;} .contactlist ._li ._cityname{width: .8rem;background-color: var(--color01);padding: 3.6458333333333335vw 0; color: #fff;writing-mode:vertical-lr;writing-mode:tb-lr;line-height: .8rem;font-size: .36rem;} .contactlist ._li ._cityname span{opacity: .2;text-transform: uppercase;margin-top: .12rem;display: inline-block;} .contactlist ._li ._citycnt{padding: 4.166666666666667vw 0;align-items: center;} .contactlist ._li ._citycnt ._info{padding:0 5.208333333333334vw;} .contactlist ._li ._citycnt ._info ._item{margin-bottom: 4.166666666666667vw;} .contactlist ._li ._citycnt ._info ._item:last-of-type{margin-bottom: 0;} .contactlist ._li ._citycnt ._info ._item ._names{font-size: .36rem;margin-bottom: .2rem;line-height: 1;} .contactlist ._li ._citycnt ._info ._item ._txt{line-height: 2.25;color: #666;} .contactlist ._li ._citycnt ._map{width: 45.3125vw;padding-right: 4.166666666666667vw;height: 100%;} .contactlist ._li ._citycnt ._map .gaodemap{width: 100%;min-height:3.33rem;height: 100%;} .contactlist ._li ._citycnt ._map .ripple{text-align: center;} .contactlist ._li ._citycnt ._map .ripple>i{font-size: 32px;display: block;color: var(--color01);} .contactlist ._li ._citycnt ._map .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block; border-radius: 50%;background-color:var(--color01);transform: translateX(-50%);} .contactlist ._li ._citycnt ._map .ripple>span:before{content:'';position: absolute;top: 0;left: 0; width: 100%;height: 100%;border-radius: 50%;background-color: var(--color01); animation:soak 6s ease-in-out infinite;opacity: 0;} @keyframes soak{ 0% { opacity:.6; transform:scale(1); } 50% { opacity:.2; transform:scale(6); } 100% { opacity:.6; transform:scale(1); } } /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬫柊闂诲姩鎬併€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .news{padding-top: 7.8125vw;padding-bottom: 8.854166666666668vw;} .newsList{overflow: hidden;margin-bottom: 4.166666666666667vw;} .newsList>div{margin:0 -2.0833333333333335vw;flex-wrap: wrap;} .newsList ._item{padding-top: .2rem;width: 33.333333%;border-top: 1px solid #ddd;margin-bottom:4.166666666666667vw;} .newsList ._item>a{padding:3.125vw 2.0833333333333335vw 2.0833333333333335vw;border-right: 1px solid #ddd;} .newsList ._item:last-of-type>a{border-right: none;} .newsList ._item ._time{font-size: .3rem;color: #333;line-height: 1;margin-bottom: .3rem;} .newsList ._item ._time span{color:#878b8e;margin-left: .12rem;} .newsList ._item ._img{margin-bottom: .3rem;width: 100%;height: 0;padding-bottom: 56.4%; position: relative;overflow: hidden;transition: transform .78s ease;} .newsList ._item ._img>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover;transition: transform .78s ease;} .newsList ._item ._names{color: #000033;text-align: justify;height: calc(2em * 1.7);line-height: 1.7; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: color .5s ease;} .newsList ._item:nth-last-child(-n + 3){margin-bottom: 0;} /*銆嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬨€嬫柊闂昏鎯呫€娿€娿€娿€娿€娿€娿€娿€娿€娿€?/ .newsDel{padding-bottom: 7.8125vw;padding-top: .4rem;background-color: #f0f4f7;} .newsDel ._place{line-height: 1;} .newsDel ._place span, .newsDel ._place a{color: #666;transition: color .3s ease;} .newsDel ._cnt{margin-top: .5rem;} .newsDel ._info{background-color: #fff;padding:3.125vw;margin-right: .2rem;padding-bottom: 4.166666666666667vw;} .newsDel ._info ._top{border-bottom: 1px solid #eee;padding-bottom: .2rem;} .newsDel ._info ._top ._title{font-size: .36rem;margin-bottom: .25rem;} .newsDel ._info ._top ._line{color: #999;} .newsDel ._sell{width: 4.9rem;padding: 3.125vw .3rem;background-color: #fff;} .newsDel ._sell ._title{font-weight: bold;color: var(--color01);} .newsDel ._sell ._list{margin-top: .3rem;} .newsDel ._sell ._list ._item>a{border-bottom: 1px solid #ddd;position: relative;} .newsDel ._sell ._list ._item>a:after{content: '';position: absolute;bottom: 0;left: 0; width: 0;border-bottom: 1px solid var(--color01);transition: width .6s ease;} .newsDel ._sell ._list ._item ._img{width: 100%;height: 0;position: relative; padding-bottom: 56.20608899297423%;overflow: hidden;} .newsDel ._sell ._list ._item ._img>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover;transition: transform .6s ease;} .newsDel ._sell ._list ._item ._txt{padding: .4rem 0;line-height: 1;} .newsDel ._sell ._list ._item ._txt ._name{color: #333;margin-bottom: .2rem;transition: color .3s ease; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .newsDel ._sell ._list ._item ._txt ._time{color: #999;} .newsDel ._info ._contin{padding-top: .4rem;padding-bottom: .6rem;color: #666;line-height: 2.5;} .newsDel ._info ._skip{align-items:center;padding-top:.6rem;border-top: 1px solid #eee;} .newsDel ._info ._skip ._jump{padding-right:.2rem;text-align:justify;} .newsDel ._info ._skip ._jump>div{margin-bottom:.15rem;} .newsDel ._info ._skip ._jump a{transition:color 0.3s ease;color: #666;display: inline-block;} .newsDel ._info ._skip ._jump>div:last-child{margin-bottom:0;} .newsDel ._info ._skip ._back{margin-left: auto;} .newsDel ._info ._skip ._back>a{width:.6rem;height:.6rem;line-height:.6rem;text-align:center;color:#fff;border-radius:50%; z-index:2;position:relative;transition:box-shadow .5s var(--bcr1);background-color:var(--color01);font-weight:bold;} .newsDel ._info ._skip ._back>a:before, .newsDel ._info ._skip ._back>a:after{content:'';width:100%;height:100%;border-radius:50%; position:absolute;left:0;top:0;transition:all .5s var(--bcr1);background-color:var(--color01);} .newsDel ._info ._skip ._back>a:before{z-index:-1;opacity:.2;} .newsDel ._info ._skip ._back>a:after{z-index:-2;opacity:.1;} /*瀵屾枃鏈己鍒跺畾涔?/ .richText{text-align: justify;} .richText p, .richText span, .richText em{font-size: 16px !important;} .richText video{max-width: 100%;display: inline-block;} /*杩斿洖椤堕儴*/ #back_top{position:fixed;right:2.6vw;bottom:5.208333333333334vw;opacity: 0;visibility: hidden; transform:translateY(100%);-webkit-transform:translateY(100%);z-index:888;transition:all .6s ease;} #back_top.onshow{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;} #back_top .master_backTop .master_aperture{background-color:rgba(22,98,183,.7);position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%; opacity:0;-webkit-opacity:0;z-index:-1;} #back_top .master_backTop .master_backTop_btn{color:#fff;width:.64rem;height:.64rem;border-radius:50%;-webkit-border-radius:50%; align-items:center;justify-content:center;z-index:2;background-color:var(--color01);} #back_top .master_backTop .master_aperture.circle01{animation:scalej01 2s .4s infinite;-webkit-animation:scalej01 2s .4s infinite;} @keyframes scalej01{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;} } @-webkit-keyframes scalej01{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;} } #back_top .master_backTop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;} @keyframes scalej02{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;} } @-webkit-keyframes scalej02{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;} } .bubble{width:100%;height:100%;position:absolute;left:0;top:0;z-index: -1;} .bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%; bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;} .bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;background: rgba(22,98,183,.6);} .bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite; -webkit-transition-delay:0.3s;transition-delay:0.3s;background: rgba(22,98,183,.8);} .bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite; -webkit-transition-delay:0.8s;transition-delay:0.8s;background: rgba(22,98,183,1);} .bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(22,98,183,.3);} .bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(22,98,183,.5);} @keyframes pao{ 0% { transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); opacity:1;-webkit-opacity:1; } 50% { transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-200%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } @keyframes pao2 { 0% { transform:translate(-200%,0px) rotate(360deg) scale(1,1); -webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao3 { 0% { transform: translate(0%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-300%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao4 { 0% { transform: translate(400%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao5 { 0% { transform: translate(-400%,0px) rotate(360deg) scale(.1,.1); -webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); -webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(0%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } /*鐢电鍔犱笂榧犳爣鏁堟灉/鍔ㄧ敾 */ @media screen and (min-width:1025px){ .rollAni,.font_effect{visibility: hidden;} .hoverable:hover .hoverable_txt:after{-webkit-transform:scaleX(1);transform:scaleX(1); -webkit-transform-origin:left top;transform-origin:left top;} .pc-nav .operation ._item:hover{background-color: rgba(0,0,0,0.2);} .pc-nav .language .language_item a:hover{background-color:#eee;color: var(--color01);} .pc-nav .operation ._item:hover .search{opacity:1;visibility:visible;transform: none;} .pc-nav .search ._dt>button:hover{color: var(--color01);} .menu ._list ._item ._b li a:hover{color: var(--color01);} .header .menu ._list ._item ._a, .header .menu ._list ._item ._b li{animation-name: fadeInUpSmall;animation-duration:.65s;animation-fill-mode:both;} .header .menu ._list ._item ._a{animation-delay: 0.2s;} .header .menu ._list ._item ._b li:nth-child(1){animation-delay: .3s;} .header .menu ._list ._item ._b li:nth-child(2){animation-delay: .4s;} .header .menu ._list ._item ._b li:nth-child(3){animation-delay: .5s;} .header .menu ._list ._item ._b li:nth-child(4){animation-delay: .6s;} .header .menu ._list ._item ._b li:nth-child(5){animation-delay: .7s;} .header .menu ._list ._item ._b li:nth-child(6){animation-delay: .8s;} .header .menu ._list ._item ._b li:nth-child(7){animation-delay: .9s;} .header .menu ._list ._item ._b li:nth-child(8){animation-delay: 1s;} .HprojectInfo ._item ._column ._li a:hover:before{background-color: #fff;} .clock ._list ._li>div>a:hover ._icon:after{opacity: 1;} .Hservice ._tabUl ._li>a:hover ._cir span{transform: scale(.7);} .Hservice_cut .Hservice_switch:hover:before{transform:none;} .Hservice_cut .Hservice_switch:hover:after{opacity:.2;transform:scale(1.35);transition-delay:.1s;} .Hservice_cut .Hservice_switch:hover{border-color:transparent;} .Hnews ._top ._tab ._item>a:hover{color: var(--color01);} .HnewsList ._item>a:hover ._img>img{transform: scale(1.1);} .HnewsList ._item>a:hover ._title{color: var(--color01);} .footer ._menu ._item ._b a:hover{opacity: 1;} .footer ._link ._list li a:hover{opacity: 1;} .footer ._keep a:hover{text-decoration: underline;} .light.on{opacity: 1;transform: none;pointer-events: auto;} .light ._close .light_close_btn:hover i{transform: rotateZ(360deg);} .light ._menu ._item ._a a:hover{color: var(--color01);} .light ._menu ._item ._b a:hover{color: var(--color01);} .light.on ._menu ._item{animation-name: fadeInRight;animation-duration:1.2s;animation-fill-mode:both;will-change: transform;} .light.on ._menu ._item:nth-child(1){animation-delay: .8s;} .light.on ._menu ._item:nth-child(2){animation-delay: 1s;} .light.on ._menu ._item:nth-child(3){animation-delay: 1.2s;} .light.on ._menu ._item:nth-child(4){animation-delay: 1.4s;} .light.on ._menu ._item:nth-child(5){animation-delay: 1.6s;} .light.on ._quote ._tel, .light.on ._quote ._search{animation-name: fb3;animation-duration:1.2s; animation-fill-mode:both;will-change: transform;} .light.on ._quote ._tel{animation-delay: 1.8s;} .light.on ._quote ._search{animation-delay: 2s;} .project ._item ._column li>a:hover:before{opacity: 0;} .project ._item ._column li>a:hover:after{opacity: 1;} .project ._item ._column li>a:hover{color: var(--color01);padding-left: calc(.35rem + 5px);} .project ._item ._column li>a:hover i{color: var(--color01);} .project ._item>div:hover:after{-webkit-clip-path: polygon(0 0, 50% 0, 20% 100%, 0% 100%); clip-path: polygon(0 0, 50% 0, 20% 100%, 0% 100%);} .project ._item{opacity: 0;} .project ._item.fb3{opacity: 1;} .project ._item.fb3:nth-child(4n + 1){animation-delay:0s;transition-delay: 0s;} .project ._item.fb3:nth-child(4n + 2){animation-delay:.2s;transition-delay: .2s;} .project ._item.fb3:nth-child(4n + 3){animation-delay:.4s;transition-delay: .4s;} .project ._item.fb3:nth-child(4n + 4){animation-delay:.6s;transition-delay: .6s;} .business ._title{overflow: hidden;} .business ._title>div{transform:translateY(100%);opacity:0;visibility:hidden;transition:all .58s ease;} #screenSwiper>.swiper-wrapper>.active .business ._title>div{transform:none;opacity:1;visibility:visible;transition-delay:.5s;} .business ._line{transform:translateY(20px);transition:all .58s ease;opacity:0;visibility:hidden;} #screenSwiper>.swiper-wrapper>.active .business ._line{transform:none;opacity:1;visibility:visible;transition-delay:.7s;} .business ._list ._item{overflow: hidden;} .business ._list ._item>a{transform:translateY(100%);transition:all .58s ease;opacity:0;visibility:hidden;} #screenSwiper>.swiper-wrapper>.active .business ._list ._item>a{transform:none;opacity:1;visibility:visible;transition-delay:.9s;} .business ._btn{transform:translateY(20px);transition:all .58s ease;opacity:0;visibility:hidden;} #screenSwiper>.swiper-wrapper>.active .business ._btn{transform:none;opacity:1;visibility:visible;transition-delay:1.1s;} #screenTab .item>a:hover:after{transform: translate(-50%,-50%) scale(2);} .serveLick ._list ._item>a:hover ._name{color: var(--color01);} .serveLick ._list ._item>a:hover ._img img{transform: scale(1.1);} .serveLick ._list ._item:nth-child(3n + 1){animation-delay:0s;} .serveLick ._list ._item:nth-child(3n + 2){animation-delay:.1s;} .serveLick ._list ._item:nth-child(3n + 3){animation-delay:.2s;} .below .below_l ._superior:hover{background-color: rgba(0,0,0,.2);} .below .below_r .slidenav_next>a:hover{color: #fff;background-color: var(--color01);} .slidenav ._item>a:hover{color: var(--color01);} .profile ._bg.fn2>img{transform: none;transition: transform 2s ease-in-out;} .cultureList ._item:nth-child(3n + 1){animation-delay:0s;} .cultureList ._item:nth-child(3n + 2){animation-delay:.2s;} .cultureList ._item:nth-child(3n + 3){animation-delay:.4s;} #recruitList ._check:hover td:first-of-type:before{height:26px;opacity:1;} .newsList ._item>a:hover ._img{transform: scale(.9);} .newsList ._item>a:hover ._img>img{transform: scale(1.2) rotate(5deg);} .newsList ._item>a:hover ._names{color: var(--color01);} .pagination li a:hover{background-color:var(--color01);color: #fff;} .newsList ._item{opacity: 0;} .newsList ._item.fb3{opacity: 1;} .newsList ._item.fb3:nth-child(3n + 1){animation-delay:0s;transition-delay: 0s;} .newsList ._item.fb3:nth-child(3n + 2){animation-delay:.2s;transition-delay: .2s;} .newsList ._item.fb3:nth-child(3n + 3){animation-delay:.4s;transition-delay: .4s;} .newsDel ._sell ._list ._item>a:hover ._img>img{transform: scale(1.1);} .newsDel ._sell ._list ._item>a:hover ._txt ._name{color: var(--color01);} .newsDel ._sell ._list ._item>a:hover:after{width: 100%;} .newsDel ._info ._skip ._back>a:hover{box-shadow:0 0 10px rgba(0, 0, 0, .1);} .newsDel ._info ._skip ._back>a:hover:before{transform:scale(1.4);} .newsDel ._info ._skip ._back>a:hover:after{transform:scale(1.8);} .newsDel ._info ._skip ._jump a:hover{color: var(--color01);} .newsDel ._place a:hover{color: var(--color01);} .Habout .crumbs a:hover .crumbs_cnt:before, .Habout .crumbs a:hover .crumbs_cnt:after{opacity: 1;} .Habout .crumbs a:hover .item_bg>img{transform: scale(1.1);} .clock ._list ._li>div{transform: translateY(-40px);opacity: 0;} .clock ._list ._li:nth-child(1)>div{transition-delay: 0.2s;} .clock.fadeIn ._list ._li>div{transform: none;opacity: 1;transition: all 1s ease;} .clock.fadeIn ._list ._li:nth-child(1)>div{transition-delay: 0.5s;} .clock.fadeIn ._list ._li:nth-child(2)>div{transition-delay: 0.7s;} .clock.fadeIn ._list ._li:nth-child(3)>div{transition-delay: 0.9s;} .clock.fadeIn ._list ._li:nth-child(4)>div{transition-delay: 1.1s;} .clock.fadeIn ._list ._li:nth-child(5)>div{transition-delay: 1.3s;} .clock.fadeIn ._list ._li:nth-child(6)>div{transition-delay: 1.5s;} .clock.fadeIn ._list ._li:nth-child(7)>div{transition-delay: 1.7s;} .clock>img{transform: rotate(-180deg);} .clock.fadeIn>img{transform: none;transition:transform 1.8s ease;} .purpose ._list ._item ._obj{animation: aniY 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;} .pc-nav .nav .nav_a:hover .nav_b{transform: translateX(-50%);opacity: 1;visibility: visible;} .pc-nav .nav .nav_a>.nav_b>.nav_b_list>li>a:hover{color: var(--color01);background-color: #f5f5f5;} } @media screen and (max-width:1600px){ .explicit ._info p, .explicit ._info span, .richText em{font-size: 15px !important;} .richText p, .richText span, .richText em{font-size: 16px !important;} .project ._item>div{height: 366px;} #recruitList ._info ._txt>div p, #recruitList ._info ._txt>div span, #recruitList ._info ._txt>div em{font-size: 15px !important;} } @media screen and (max-width:1440px){ .explicit ._info p, .explicit ._info span, .richText em{font-size: 14px !important;} .richText p, .richText span, .richText em{font-size: 14px !important;} .header.onShow .menu{height: 5.8rem;} .menu ._box{height: 5.8rem;} .Habout .iphase ._list ._item ._txt ._p{padding-right: 4.166666666666667vw;} .HserviceInfo ._txt{height: 2.1rem;} .Hnews ._top ._tab ._item>a .hoverable_txt:after{height: 3px;} .pc-nav .language .language_item a{line-height: .44rem;} .pc-nav .language{width: .8rem;} .pc-nav .search ._dd>input{height: .5rem;} .pc-nav .search ._dt>button{width: .5rem;height: .5rem;line-height: .5rem;} .contactlist ._li ._citycnt ._map .ripple>span{width: 11px;height: 11px;} .row{width: 90%;} .project ._item>div{height: 317px;} #recruitList ._info ._txt>div p, #recruitList ._info ._txt>div span, #recruitList ._info ._txt>div em{font-size: 14px !important;} .HprojectInfo{width: 480px;} } @media screen and (max-width:1280px){ .explicit ._info p, .explicit ._info span, .richText em{font-size: 13px !important;} .richText p, .richText span, .richText em{font-size: 13px !important;} .masterBtn1{width:1.7rem;height:.56rem;border-top-right-radius:.56rem;border-bottom-right-radius: .56rem;padding-right:12px;} .project ._item{width: 33.333333%;} .project ._item>div{height: 282px;} .welfare ._hot ._item>span{padding: 0 .2rem;} #recruitList ._info ._txt>div p, #recruitList ._info ._txt>div span, #recruitList ._info ._txt>div em{font-size: 13px !important;} .HprojectInfo{width: 420px;} } @media screen and (max-width:1024px){ .welfare ._hot ._item:nth-child(1){top: 10%;left: 0%;} .welfare ._hot ._item:nth-child(2){top: 65%;left: 5%;} .welfare ._hot ._item:nth-child(3){top: 35%;left: 20%;} .welfare ._hot ._item:nth-child(4){top: 75%;left: 30%;} .welfare ._hot ._item:nth-child(4)>span{transform: scale(.8);} .welfare ._hot ._item:nth-child(5){top: 0%;left: 33%;} .welfare ._hot ._item:nth-child(6){top: 30%;left: 50%;} .welfare ._hot ._item:nth-child(4)>span{transform: scale(.9);} .welfare ._hot ._item:nth-child(7){top: 80%;left: 63%;} .welfare ._hot ._item:nth-child(8){top: 40%;left: 70%;} .welfare ._hot ._item:nth-child(9){top: 5%;left: 82%;} #main{position: initial;} .header .menu{display: none;} .light_open{display: none;} .light{display: none;} .openMenu{display: flex;align-items: center;} .pc-nav .operation{margin-left: auto;} .pc-nav{height: 50px;background-color: var(--color01);} .pc-nav ._logo>a>div{height: 30px;} .pc-nav ._logo>a{padding: 0 5vw;} .pc-nav .operation{border-right: 1px solid rgba(255,255,255,.2);} .pc-nav>.nav{position: fixed;background-color:#fff;width: 100%;justify-content: center; z-index: -1;text-align: center;top: 50px;bottom: 0;display:flex;align-items: center; transform: translateY(100%);transition: transform .65s ease;} .pc-nav>.nav .nav_a{float:none;} .pc-nav>.nav .nav_a>a:after{display: none;} .header.mobileNav .pc-nav>.nav{transform: none;} .openMenu{padding: 0 .35rem;} .pc-nav .operation ._itemBtn{font-size: 22px;line-height: 50px;} #Hbanner .Hbanner_txt ._item ._btn{margin-top: .6rem;} .Habout{flex-wrap: wrap;} .Habout .Habout_l{width: 100%;} .Habout .Habout_r{width: 100%;} .Habout .crumbs .item{height: 3.6rem;} .Habout .crumbs .crumbs_cnt{padding-bottom: .4rem;} .Habout ._info{padding: 1rem 5%;} .Habout .iphase{padding: 1rem 5%;} .pc-nav .nav .nav_a>a{height: 1rem;line-height: 1rem;padding: 0;font-size: 16px;color: #333;} .Habout .crumbs .crumbs_cnt .icon{height: .6rem;} .Hproject ._box{flex-wrap: wrap;} .Hproject ._box ._cnt{width: 100%;} .HprojectInfo{max-width: 100%;} .clock{width: 50vw;height: 50vw;margin: 0 auto;margin-top: 1.8rem;} .HprojectInfo ._item ._column ._li a{padding: .18rem 0;padding-left: .3rem;} .HprojectInfo ._item ._column ._li a:before{width: 6px;height: 6px;} .HprojectInfo ._item ._column ul{margin: -.18rem 0;} .Hproject{padding: 1.2rem 0;} .Hservice{padding: 1.2rem 0;} .Hservice ._cnt{margin-top: 1rem;} .Hservice ._bg{height: 100%;} .Hservice_cut .Hservice_switch{width: .8rem;height: .8rem;line-height: .8rem;} .Hnews{padding: 1.2rem 0;} .Hnews ._top ._tab ._item>a .hoverable_txt:after{height: 2px;} .footer ._cnt>div{flex-wrap: wrap;} .footer ._address{width: 100%;padding-right: 0;margin-bottom: .7rem;} .footer ._menu{width: 100%;} .footer ._top ._logo>a{height: 30px;} .footer ._code .item>a{width: 34px;height: 34px;font-size: 22px;} .footer ._code .item .follow .follow_text{width: 100px;} .footer ._code .item .follow .follow_text .follow_name{font-size: 16px;} .pageBanner.style1{height: 50vw;} .container{padding-top: 50px;} .pageBanner ._info{padding: 0 5%;} .pageBanner ._info ._mouse{display: none;} .below .below_l{display: none;} .below{height: 1rem;line-height: 1rem;} .below .below_r .slidenav_next{padding-right: 0;width: 1rem;} .below .below_r{padding-right: 1rem;} .slidenav ._item>a{padding: 0 5vw;} #main .liTxt{overflow-y: auto;} .course ._info{padding-right: 0;} .course ._bg{height: 100%;} #screenSwiper{height: auto;} .business{width: 6rem;padding: 0 !important;max-width: 100%;} #screenSwiper>.swiper-wrapper{display: block;} #screenTab{display: none;} #screenSwiper>.swiper-wrapper>.swiper-slide{height: auto;} .move_top{padding-top: 50px;} #screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide{padding: 1.2rem 0;} .service ._img{width: 5rem;} .service ._info{padding-right:0;} .projectdel{padding-top: 1.8rem;padding-bottom: 1.2rem;} .explicit{margin: 1.2rem 0;} .serveLick ._list ._item{width: 50%;} .explicit ._box{padding-right: 0 !important;} .contactlist ._li ._citycnt{flex-wrap: wrap;} .contactlist ._li ._citycnt ._info{width: 100%;padding: 0 .4rem;} .contactlist ._li ._citycnt ._map{width: 100%;order: -1;height: 50vw;padding: 0 .4rem;margin-bottom: .6rem;} .contactlist ._li ._cityname{width: 100%;height: .8rem;padding:0 .4rem;width: 100%;writing-mode:initial;line-height: .8rem;} .contactlist ._li>div{flex-wrap: wrap;} .contactlist ._li ._cityname span{margin-top: 0;margin-left: 5px;} .contactlist ._li ._citycnt{padding: .6rem 0;} .contact{padding-top: .8rem;padding-bottom: 1.2rem;} .contactlist ._li{margin-top: .8rem;} .contactlist ._li ._citycnt ._map .ripple>span{width: 8px;height: 8px;} .purpose ._list ._item{width: 33.333333%;} .purpose ._list>div{flex-wrap: wrap;} .purpose ._list{margin-top: .8rem;} .purpose{padding-top: 1.2rem;padding-bottom: 1.6rem;} .culture ._cir{width: 6.4rem;height: 6.4rem;} .culture{padding-bottom: 60%;} .cultureList ._item{width: 50%;padding: .5rem;} .cultureList>div{flex-wrap: wrap;margin: -.5rem;} .cultureBox{padding: 1.2rem 0;} .newsList ._item{width: 50%;} .newsList ._item ._time span{margin-left: 5px;} .newsList ._item>a{padding: .5rem .4rem;} .news{padding-top: 1rem;padding-bottom: 1.2rem;} .newsList>div{margin: 0 -.4rem;} .pagination li{padding: 0 2px;} .newsDel ._sell{display: none;} .newsDel ._info{margin-right: 0;} .newsDel{padding-top: .5rem;padding-bottom: 1.2rem;} .research ._info>div{padding-left: .35rem;padding-right: .6rem;} .research ._img{width: 5.8rem;} .research ._box:after{right: 5.8rem;} .slidenav .swiper-slide{width: auto;} .project ._item{width: 50%;} .project{padding: 1rem 0;} .level{overflow-x: auto;} .level>div{justify-content: flex-start;white-space:nowrap;width: 100%;height: 1rem;line-height: 1rem;} .level ._item{width: auto;} .level ._item>a{padding: 0 5vw;} .aptitude{padding-top: 1.2rem;padding-bottom: 1.6rem;} .aptitudeSwiper .aptitude_name{margin-top: .6rem;background-size: auto 7px;} .welfare ._hot ._item{display: none;} .welfare ._hot img{display: block;} .welfare{padding:1.2rem 0;} .welfare ._hot{height: auto;} .recruit{padding: 1.2rem 0;} .recruitList ._table th:first-of-type, .recruitList ._table td:first-of-type{padding-left: .4rem;} .recruitList ._table th:last-of-type, .recruitList ._table td:last-of-type{padding-right: .4rem;} #recruitList ._info ._txt>div{padding: .5rem .4rem;} .hang{display: none;} #back_top .master_backTop .master_backTop_btn{width: .8rem;height: .8rem;} .pc-nav .nav .nav_a>.nav_b{display: none;} } @media screen and (max-width:768px){ .explicit ._info p, .explicit ._info span, .richText em{font-size: 14px !important;} .richText p, .richText span, .richText em{font-size: 14px !important;} .masterBtn1{width:2.2rem;height:.72rem;border-top-right-radius:.72rem;border-bottom-right-radius: .72rem;} #Hbanner .Hbanner_nav ._pvn span{width: 6px;height: 6px;} .Habout .iphase ._list ._item{width: 100%;} .Habout .iphase ._list{flex-wrap: wrap;} .Habout .iphase ._list ._item{margin-bottom: .6rem;} .Habout .iphase ._list ._item:last-of-type{margin-bottom: 0;} .masterIcon{width:.64rem;height: .64rem;line-height: .64rem;} .Habout .iphase ._list ._item ._icon ._line{height: calc(100% - .74rem);} .Habout .iphase ._list ._item ._txt ._name{font-size: 16px;} .Habout .iphase ._title{font-size: 18px;} .masterTitle1 ._t{font-size: 16px;} .clock>img{display: none;} .clock ._cir{display: none;} .clock ._list{flex-wrap: wrap;display: flex;margin: -.2rem 0;} .clock ._list ._li{position: initial;transform: none !important;width:50%;padding: .2rem 0;} .clock{width: 100%;} .clock ._list ._li ._icon{width: .84rem;height: .84rem;} .clock ._list ._li ._name{transform: none !important;top: 50% !important;z-index: -1; left: 1.1rem !important;transform: translateY(-50%) !important;margin: 0 !important;bottom: initial !important;} .clock ._list ._li>div{height: auto;padding-bottom: initial;} .clock ._list ._li>div>a{position: initial;} .clock{height: auto;margin-top: 1rem;} .clock ._list{position: initial;} .HserviceInfo{width: 100%;} .Hservice ._tab{display: none;} .HserviceInfo ._txt{height: 2.3rem;} .Hservice ._cnt{position: relative;} .Hservice_cut{position: absolute;right: 0;bottom: 0;} .Hnews ._top{flex-wrap: wrap;} .Hnews ._top ._tab{margin-left: 0;width: 100%;} .Hnews ._top .masterTitle1{width: 100%;margin-bottom: .6rem;} .Hnews ._top ._tab ._item{padding: 0;margin-right: .5rem;} .HnewsList ._item ._times>span{font-size: .4rem;margin-right: 5px;} .HnewsList .swiper-wrapper{display: block;} .Hnews .listing .Hnewsroll{display: none;} .footer ._menu>div{flex-wrap: wrap;} .footer ._menu>div ._item{width: 50%;margin-bottom: .6rem;} .footer ._top ._mail{display: none;} .footer ._top ._logo{margin-right: 0;} .footer ._menu>div ._item:last-of-type{margin-bottom: 0;} .footer ._menu ._item ._a a{margin-bottom:8px;} .footer ._menu ._item ._b a{padding: 4px 0;} .footer ._link ._list li{padding: 4px 0;} .footer ._keep{padding: .2rem 5%;} .pc-nav .language .language_item a{line-height: .6rem;} .pc-nav .language{width: 1.2rem;} .profile ._info{width: 100%;padding: 0;padding-left:.8rem;} .profile ._bg{display: none;} .profile ._info ._txt{max-height:initial;} .profile{padding: 1.2rem 0;} .profile ._info ._icon{top: 0;} .profile ._info ._icon .masterIcon{width: .5rem;height: .5rem;line-height: .5rem;} .profile ._info ._icon ._line{height: calc(100% - .5rem);} .course ._info{margin-left: 0;width: 100%;padding-top: 0;} .course{padding: 1.2rem 0;} .course ._bg>img{object-position: right;} .business{margin-left: 0 !important;width: 100%;} #screenSwiper>.swiper-wrapper>.swiper-slide .screenSlide>.screenBg:before{background: rgba(22,98,183,.5) !important;} .business ._list{margin-top: .3rem;} .business ._btn{margin-top: .6rem;} .business ._line{margin-top: .3rem;} .service ._box{flex-wrap: wrap;} .service ._img{width: 100%;margin-bottom: .7rem;} .service ._info{width: 100%;padding: 0;} .service ._info ._line{max-height: initial;} .masterTitle2{font-size: .36rem;} .serveLick ._box>div{padding: 0 .35rem;} .serveLick ._list>div{margin: -.2rem;} .serveLick ._list ._item{width: 100%;padding: .2rem;} .serveLick ._box{padding: .4rem 0;} .explicit,.projectdel{overflow: hidden;} .explicit ._box{padding-left:.35rem;} .explicit ._info table{width: calc(100% + 5vw) !important; margin-right: calc(-5vw);max-width: initial !important;padding-right: 5vw;} .contactlist ._li ._citycnt ._info ._item{margin-bottom: .5rem;} .purpose ._list ._item{width: 50%;padding: .15rem;} .purpose ._list>div{margin: -.15rem;} .cultureList ._item{width: 100%;padding:0;margin-bottom: .8rem;} .cultureList ._item:last-of-type{margin-bottom: 0;} .cultureList>div{margin: 0;} .cultureList ._item ._title{margin-bottom: .4rem;} .cultureList ._item ._line{max-height: initial;} .newsList ._item ._time{font-size: .4rem;} .newsList ._item{width: 100%;margin-bottom: .4rem;padding-top: 0;} .newsDel ._info{padding: .5rem .4rem;} .newsDel ._info ._skip ._back{display: none;} .newsDel ._info ._skip ._jump{padding-right: 0;} .research ._box{flex-wrap: wrap;} .research ._info{width: 100%;} .research ._img{width: 100%;order: -1;} .research ._box:after{display: none;} .research ._img{padding:.35rem;} .research ._info>div{padding-right: .35rem;} .research ._info{padding-top:.25rem;padding-bottom: .35rem;} .project ._item{width: 100%;margin-bottom: .4rem;} .project ._item:last-of-type{margin-bottom: 0;} .project ._item>div{height: auto;} .project ._item ._title .cn s:before{width: 5px;height: 5px;} .project ._item ._title .cn{font-size: 18px;} .project ._item ._column{margin-top:.4rem;} .project ._item>div{padding: .5rem .4rem;} .project ._item ._column li>a{padding: .2rem 0;} .project ._item ._column ._tab{margin: -.2rem 0;} .footer ._code .item .follow{padding: .2rem .3rem;} .recruitList ._table th:nth-child(3), #recruitList ._check td:nth-child(3), .recruitList ._table th:nth-child(4), #recruitList ._check td:nth-child(4){display: none;} #recruitList ._check, .recruitList ._table thead{height: .9rem;} #recruitList ._info ._txt>div p, #recruitList ._info ._txt>div span, #recruitList ._info ._txt>div em{font-size: 14px !important;} }