@import ; @import ; @import ; @import ; :root{ --color01:#00287b; --color02:#c4000b; --color03:#af251b; --color04:#014b92; --bcr1:cubic-bezier(.4,.4,0,1); --bcr2:cubic-bezier(0.075, 0.82, 0.165, 1); } .move_top{padding-top:80px;} .mobile_img{display:none;} .btn_hidden{opacity:0;visibility:hidden;} /*》》》》》》》》》》搜索页《《《《《《《《《《*/ .query{padding:100px 0;position: relative;} .query:before{content: '';position: absolute;width: 100%;height: calc(100% 3.125vw); background-color:#edf2f6;z-index: -1;top: 0;left: 0;} .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:1440px){ .query_list{margin-bottom: 50px;} } @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-top: 60px;padding-bottom: 80px;} .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{padding-top: 40px;padding-bottom: 20px;} } .query_item a:hover .query_name{color:var(--color01);} .sercontent{padding-top:80px;text-align:center;} /*main*/ #main{position:fixed;top:0;left:0;right:0;bottom:0;transition: transform 0.5s;} #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(--color02);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;} /*》》》》》》》》》》鼠标跟随《《《《《《《《《《*/ .cursor{position:absolute;z-index:50;width:0;height:0;pointer-events:none;} .cursor .cursor_circle{width:0;height:0;background-color:#000;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);opacity:0;-webkit-opacity:0; -webkit-transition: opacity .3s ease-in-out,height .5s cubic-bezier(.339, -.18, .228, 1.656),width .5s cubic-bezier(.339, -.18, .228, 1.656); transition: opacity .3s ease-in-out,height .5s cubic-bezier(.339, -.18, .228, 1.656),width .5s cubic-bezier(.339, -.18, .228, 1.656); border-radius:50%;-webkit-border-radius:50%;} .cursor .cursor_circle>div{align-items:center;justify-content:center;width:100%;height:100%;} .cursor .cursor_circle>div>i{-webkit-transition: margin .5s cubic-bezier(.339, -.18, .228, 1.656); transition: margin .5s cubic-bezier(.339, -.18, .228, 1.656);font-size:16px;} .cursor.onani .cursor_circle{width:60px;height:60px;opacity:1;-webkit-opacity:1;} .cursor .cursor_circle.on{width:100px;height:100px;} .cursor .cursor_circle.on>div>i{margin:0 10px;} /*》》》》》》》》》》搜索《《《《《《《《《《*/ .search{align-items: center;justify-content: center;position:fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 1500;pointer-events: none;} .search:before{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8); z-index: -1;opacity: 0;transition: opacity 0.5s;} .search ._row{width:75%;} .search .search-close{position: absolute;top:50px;right:50px;background: none;border: none; color: #fff;opacity: 0;transition: opacity 0.5s;display: block;} .search .search-close i{font-size: 32px;display: inline-block;transition: transform .35s;} .search .search_form .search_input{font-size: 5vw;width:100%;display:inline-block;background: none; border: none;border-bottom: 5px solid #fff;color: #fff;padding: 5px 0; transform: scale3d(0,1,1);transform-origin: 0% 50%;transition: transform 0.3s;} .search .search_form .search_info{display: block;color: #fff;text-align: right;line-height:1; margin-top:15px;font-size: 16px;font-weight: lighter;letter-spacing: 0.075em; opacity: 0;transform: translate3d(0, 40px, 0);transition: opacity 0.4s, transform 0.4s;} .main-wrap--move{transform: scale3d(0.7,0.7,1);} .search--open.search--open {pointer-events: auto;} .search.search--open::before {opacity: 1;} .search.search--open .search_form .search_input{transform: scale3d(1,1,1);transition-duration: 0.5s;} .search.search--open .search_form .search_info{opacity: 1;transform: translate3d(0, 0, 0);} .search.search--open .search-close{opacity: 1;} /*》》》》》》》》》》相册、视频(打开动画)《《《《《《《《《《*/ #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;} .spotlight{cursor:zoom-in;} /*》》》》》》》》》》字体间距《《《《《《《《《《*/ .zh{letter-spacing:0.075em;} /*》》》》》》》》》》分页器《《《《《《《《《《*/ .pagelist{text-align:center;} .pagelist li{display:inline-block;padding:0 3px;} .pagelist li a{display:block;width:44px;height:44px;line-height:44px;border:1px solid #e0e0e0;-webkit-border-radius:50%;border-radius:50%; background-color:#fff;color:#666;transition:all 0.35s ease;} .pagelist li a.selected{background-color:var(--color02);color:#fff;border-color:var(--color02);pointer-events:none;} /*单页滚动加载ani*/ .pageload{padding:80px 0;} .pageload .pageload_ani{width:26px;height:26px;position:relative;} .pageload_ani .pageload_ani_cnt{position:absolute;width:100%;height:100%;top:0;left:0;} .pageload_ani .pageload_ani_item2{-webkit-transform:rotatez(45deg);transform:rotatez(45deg);} .pageload_ani .pageload_ani_item3{-webkit-transform:rotatez(90deg);transform:rotatez(90deg);} .pageload_ani .pageload_ani_cnt>div{width:6px;height:6px; background-color:var(--color01);border-radius:100%;position:absolute; -webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode:both;animation-fill-mode:both;} .pageload_ani .pageload_ani_cnt .circle1{top:0;left:0;} .pageload_ani .pageload_ani_cnt .circle2{top:0;right:0;} .pageload_ani .pageload_ani_cnt .circle3{right:0;bottom:0;} .pageload_ani .pageload_ani_cnt .circle4{left:0;bottom:0;} .pageload_ani .pageload_ani_item2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;} .pageload_ani .pageload_ani_item3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;} .pageload_ani .pageload_ani_item1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;} .pageload_ani .pageload_ani_item2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;} .pageload_ani .pageload_ani_item3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s;} .pageload_ani .pageload_ani_item1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s;} .pageload_ani .pageload_ani_item2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;} .pageload_ani .pageload_ani_item3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s;} .pageload_ani .pageload_ani_item1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;} .pageload_ani .pageload_ani_item2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s;} .pageload_ani .pageload_ani_item3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s;} @-webkit-keyframes bouncedelay { 0%,80%,100%{-webkit-transform:scale(0.4);transform:scale(0.4);} 40%{-webkit-transform: scale(1);transform:scale(1)} } @keyframes bouncedelay { 0%,80%,100%{-webkit-transform:scale(0.4);transform:scale(0.4);} 40%{-webkit-transform: scale(1);transform:scale(1)} } .pageload .pageload_state{margin-top:12px;color:#282828;} .pageload.not .pageload_ani{ display:none;} /*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 .4s cubic-bezier(.215,.61,.355,1); transition: transform .4s cubic-bezier(.215,.61,.355,1);} /*》》》》》》》》》》页头《《《《《《《《《《*/ .header{position:fixed;top:0;left:0;z-index:999;padding:0 2.604166666666667vw;} .header:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0; box-shadow:0 0 10px rgba(0, 0, 0, .1);background-color:#fff;z-index:-1;transition:opacity .5s ease-in-out;} .header>div{align-items:center;height:100%;justify-content:space-between;} .header .logo a{height:49px;position:relative;} .header .logo a>img{height:100%;transition:opacity .5s ease-in-out;} .header .logo ._logo1{opacity:1;} .header .logo ._logo2{position:absolute;top:0;left:0;opacity:0;} .header .nav{padding:1.3020833333333335vw 0;transition:padding .5s ease-in-out;} .header .nav .navlist>.nav_a>a{transition:color .5s ease-in-out;height:80px;line-height:80px; position:relative;overflow:hidden;color:#fff;padding:0 1.3020833333333335vw;font-weight:bold;} .header .nav .navlist>.nav_a>a:before{content:'';position:absolute;left:5%;top:5%;height:90%;width:90%; background-image:url(/uploads/image/saimac/logoicon.png);background-position:center center;transform:scale(.5); background-repeat:no-repeat;background-size:auto 100%;opacity:0;transition: all .5s var(--bcr1);} .header .nav .navlist>.nav_a>a .nav_icon{display:none;} .header .nav .navlist>.nav_a>a .hoverable_txt{font-size:16px;} .header .nav .navlist>.nav_a>a .hoverable_txt:after{background-color:#fff;height:2px;border-radius:2px;} .header .nav .navlist>.nav_a>.nav_b{position:absolute;top:100%;left:50%;padding:10px 0;min-width:110px; transform:translatex(-50%) translatey(10px);background-color:#fff;border-radius:3px;opacity:0;visibility:hidden; z-index:5;border:1px solid #e6e6e6;transition:all 0.5s var(--bcr1);} .header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li>a{white-space:nowrap;line-height:38px;color:#666;transition:all .35s ease;padding:0 10px;} .header .other{line-height:1;} .header .other>div{margin:0 -15px;} .header .other ._item{padding:0 1.0416666666666667vw;position:relative;} .header .other ._item:after{content:'';width:0;height:70%;position:absolute; right:0;top:15%;border-right:1px solid #fff;transition:border-color .5s ease-in-out;} .header .other ._item:last-of-type:after{display:none;} .header .other ._item a{align-items:center;} .header .other ._item a i{color:#fff;font-size:24px;margin-right:5px;transition:color .5s ease-in-out;} .header .other ._item a span{color:#fff;transition:color .5s ease-in-out;} .header .other ._item .httel span{font-size:18px;} .header .other ._item .htquery span{font-size:16px;} .header.onwhite:after{opacity:1;} .header.onwhite .logo ._logo1{opacity:0;} .header.onwhite .logo ._logo2{opacity:1;} .header.onwhite .nav{padding:0;} .header.onwhite .nav .navlist>.nav_a>a{color:#333;} .header.onwhite .nav .navlist>.nav_a>a .hoverable_txt:after{background-color:var(--color01);} .header.onwhite .other ._item a span{color:#333;} .header.onwhite .other ._item a i{color:var(--color01);} .header.onwhite .other ._item:after{border-color:rgba(0,40,123,.1);} .header.onwhite .nav .navlist>.nav_a:hover>a:before{opacity:.2;transform:none;} /*》》》》》》》》》》menu《《《《《《《《《《*/ .header .hmenu{display:none;margin-left:15px;} .header .hmenu>a{align-items:center;outline:none;} .header .hmenu .hmenu_btn{width:26px;height:26px;} .header .hmenu .hmenu_btn span{position:absolute;width:100%;height:2px;left:0;border-radius:2px; transition:all 0.35s ease;background-image: linear-gradient(to right,var(--color02) 0%,var(--color01) 100%);} .header .hmenu .hmenu_btn span:nth-child(1){top:4px;} .header .hmenu .hmenu_btn span:nth-child(2){top:50%;transform:translatey(-50%);-webkit-transform:translatey(-50%);} .header .hmenu .hmenu_btn span:nth-child(3){bottom:4px;} .header.mobilenav .hmenu .hmenu_btn span:nth-child(1){top:12px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .header.mobilenav .hmenu .hmenu_btn span:nth-child(2){opacity:0;-webkit-opacity:0;visibility:hidden;} .header.mobilenav .hmenu .hmenu_btn span:nth-child(3){bottom:12px;transform:rotate(45deg);-webkit-transform:rotate(45deg);} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>index<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .hbanner{width:100%;height:100vh;overflow:hidden;} .hbanner>div,#hbanner{width:100%;height:100%;} #hbanner .swiper-slide{overflow:hidden;} #hbanner .swiper-slide>a{width:100%;height:100%;} #hbanner ._bg{width:100%;height:100%;position:relative;z-index:-1;} #hbanner ._bg>img{width:100%;height:100%;object-fit:cover;transform: scale(1.2); transition: transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99);} #hbanner .swiper-slide.active ._bg>img{transform:none;} #hbanner ._info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:none;} #hbanner ._info ._img{width:36.25%;} #hbanner ._info ._img img{width: 100%;} #hbanner ._info.on{display:block;} .ltpaste{ animation-name: ltpaste; animation-duration:1.5s; } @keyframes ltpaste { from { opacity: 0; filter: blur(8px); transform: scale(1.2); } to { opacity: 1; filter: none; transform: none; } } #hbanner ._down{position:absolute;bottom:2vw;left:50%;transform:translatex(-50%);z-index:5;} #hbanner ._down a{width:52px;height:52px;line-height:52px;background-color:var(--color01); background-color:#fff;color:#a2acb2;border-radius:50%;text-align:center;transition:color .35s ease; animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);} @keyframes scroll-icon { 0% { -webkit-transform: translatey(-12px); transform: translatey(-12px); } 100% { -webkit-transform: translatey(12px); transform: translatey(12px); } } #hbanner ._down a i{font-size:20px;} /*mastertitle*/ .mastertitle1 strong{line-height:1;display:inline-block;white-space:nowrap;} .mastertitle1 ._en strong{font-size:60px;color:#eaeaea;text-transform:uppercase;-webkit-background-clip:text;-webkit-text-fill-color:transparent; background-image:linear-gradient(to bottom, rgba(234,234,234,.9) , rgba(234,234,234,0.3));} .mastertitle1 ._en strong[data-word="1"] span{margin-right:0.35em;} .mastertitle1 ._en strong span:last-of-type{margin-right: 0;} .mastertitle1 ._en strong span font{text-transform:uppercase;-webkit-background-clip:text;-webkit-text-fill-color:transparent; background-image:linear-gradient(to bottom, rgba(234,234,234,.9) , rgba(234,234,234,0.3));} .mastertitle1 ._cn strong{font-size:44px;transform:translatey(-50%);color:var(--color01);} .mastertitle1 ._line{font-size: 0;} .mastertitle1 ._line:before, .mastertitle1 ._line:after{content:'';width:34px;height:4px;display:inline-block;} .mastertitle1 ._line:before{background-color:var(--color02);margin-right: 1px;} .mastertitle1 ._line:after{background-color:var(--color01);} .habout{padding-top:120px;overflow:hidden;} .habout>div{position:relative;} .habout ._info{margin-top:100px;width:57.69230769230769%;padding-bottom:10.576923076923077%;} .habout ._info ._data{line-height:1;justify-content:space-between;overflow:hidden;} .habout ._info ._data ._item ._number{font-weight:bold;color:var(--color02);margin-bottom:10px;font-size:40px;} .habout ._info ._data ._item ._name{font-size:16px;} .habout ._info ._line{font-size:16px;line-height:36px;max-height:108px;margin-top:40px;color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align:justify;} /*masterbtn1*/ .masterbtn1{display:inline-block;transition: transform .6s ease-in-out;} .masterbtn1>div{align-items:center;font-size:16px;color:var(--color01);} .masterbtn1 ._icon{width:56px;height:56px;line-height:56px;text-align:center;position:relative;margin-right:20px;} .masterbtn1 ._icon:before{content:'';position:absolute;width:100%;height:100%;background-image:; background-repeat:no-repeat;background-position:center center;background-size:cover;display:block;left:0;top:0;animation: ring 10s linear infinite;} @keyframes ring{ from {transform:rotatez(0deg);} to {transform: rotatez(360deg);} } .masterbtn1 ._icon i{font-size:22px;} .masterbtn1 ._txt{letter-spacing:1px;line-height:1;white-space: nowrap;} .masterbtn1 ._txt span{display:inline-block;position:relative; transition:all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);} .masterbtn1 ._txt span:before{content: attr(data-word);position: absolute;top:110%; color: transparent;transition: color 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);} .masterbtn1 ._txt span:nth-child(1):before{transition-delay:0s;} .masterbtn1 ._txt span:nth-child(2), .masterbtn1 ._txt span:nth-child(2):before{transition-delay:0.035s;} .masterbtn1 ._txt span:nth-child(3), .masterbtn1 ._txt span:nth-child(3):before{transition-delay:0.07s;} .masterbtn1 ._txt span:nth-child(4), .masterbtn1 ._txt span:nth-child(4):before{transition-delay:0.105s;} .masterbtn1 ._txt span:nth-child(5), .masterbtn1 ._txt span:nth-child(5):before{transition-delay:0.14s;} .masterbtn1 ._txt span:nth-child(6), .masterbtn1 ._txt span:nth-child(6):before{transition-delay:0.175s;} .habout ._btn{margin-top:55px;} .habout ._vivid{position:absolute;z-index:-1;bottom:0;left:50%;width:196.34615384615384%;transform:translatex(-50%);} .habout ._vivid ._tct{width:100%;transform:translatex(16.7%);position:relative;} .habout ._vivid ._tct>img{width:100%;will-change: transform;} .habout ._vivid ._logo{position:absolute;left:50%;transform:translatex(-50%);top:30%;width:10.512569376428338%;} .habout ._vivid ._logo img{width:100%;} .habout ._vivid ._bg{width:11.753183153770813%;position:absolute;left:50%;transform:translatex(-50%);top:54.6%;z-index:-1;overflow:hidden;} .habout ._vivid ._bg>div{width:100%;animation-duration: 1.25s;} .habout ._vivid ._bg>div>div{width:467.22222222222225%;animation: cityani linear 26s infinite;} .habout ._vivid ._bg img{width:50%;} @keyframes cityani { 0% { transform: none; -webkit-transform: none; } 100% { transform: translatex(-50%); -webkit-transform: translatex(-50%); } } .hnews{padding-top: 60px;padding-bottom: 110px;} .hnews_top{align-items:center;} .hnews_top ._btn{margin-left:auto;} .hnews_list{margin-top: 55px;} .hnews_list>div{margin:0 -40px;} .hnews_list ._item{width:33.333333%;padding:0 40px;} .hnews_list ._item ._img{width: 100%;height:0;padding-bottom: 62.39316239316239%;position: relative;overflow: hidden;} .hnews_list ._item ._img img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 4s var(--bcr2);} .hnews_list ._item ._title{padding: 40px;color: #333;} .hnews_list ._item ._title ._type{font-size: 14px;color: var(--color02);font-weight: bold;margin-bottom: 10px;line-height: 1;} .hnews_list ._item ._title ._name{font-size: 22px;line-height: 30px;height: 60px;text-align:justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .hnews_list ._item ._time{padding:18px 40px;background-color: #fafafa;align-items: center;} .hnews_list ._item ._time ._txt{color: #8b8b8b;line-height: 1;} .hnews_list ._item ._time ._more{width: 38px;height: 38px;border-radius: 38px;line-height:36px;transition:all .6s ease-in-out; border: 1px solid var(--color02);color:var(--color02);margin-left: auto;text-align: center;transform:rotatez(-45deg);} .hnews_list ._item ._time ._more i{font-size: 16px;} .hproduct{padding-top:90px;padding-bottom:50px;position:relative;} .hproduct ._bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;} .hproduct ._bg img{width: 100%;height: 100%;object-fit: cover;} .hproduct_top{align-items:center;} .hproduct_top .mastertitle1 ._en strong span font, .hproduct_top .mastertitle1 ._en strong{background-image: linear-gradient(to bottom, rgba(255,255,255,.12) , rgba(255,255,255,0.08));} .hproduct_top .mastertitle1 ._cn strong{color:#fff;} .hproduct_top ._btn{margin-left:auto;} .hproduct_top ._btn .masterbtn1>div{color:#fff;} .hproduct_top ._btn .masterbtn1 ._icon:before{background-image: ;} .ptview{margin-top:40px;position: relative;height: 0;padding-bottom: 35.8974358974359%;} .ptview ._item{width:100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;} .ptview ._item>img{width:100%;height: 100%;object-fit: contain;} .ptview ._item ._line{position:absolute;top:0;left:0;width:100%;height:100%;display: none;} .ptview ._item ._line img{width: 100%;height: 100%;object-fit: contain;} .ptview ._item ._piece{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display: none;} .ptview ._item.on{opacity: 1;} .ptview ._item.on ._line, .ptview ._item.on ._piece{display: block;} .ptview ._item ._piece .move{position:absolute;width:3.8461538461538464%;} .ptview ._item ._piece .move .move_cr{width: 100%;height: 0;padding-bottom: 100%;} .ptview ._item ._piece .move .move_cr:before{content: '';width:100%;height: 100%;position: absolute;border:1px solid rgba(196,0,11,.1); top: 0;left: 0;background-color: rgba(255,255,255,.3);z-index: -1;border-radius: 50%;transform: scale(1.3);} .ptview ._item ._piece .move .move_cr img{width: 100%;height: 100%;object-fit: contain;position: absolute;left: 0;top: 0; border:1px solid rgba(196,0,11,.3);background-color:#fff;border-radius: 50%;} .ptview ._item ._piece .move .move_box{position:absolute;top:50%;left:50%;width:230%;height:230%; transform:translate(-50%,-50%);z-index: -1;} .ptview ._item ._piece .move .move_box img{width: 100%;height:100%;object-fit: contain;} .ptview ._item ._piece .move .move_box .cil{position: absolute;top: 0;left: 0;animation: ring 10s linear infinite;} .ptview ._item ._piece .move .move_box .cil.c1{animation-duration: 8s;} .ptview ._item ._piece .move .move_box .cil.c2{animation-duration: 20s;} .ptview ._item ._piece .move .move_box .cil.c3{animation-duration: 8s;} .ptview ._item ._piece .move .move_box .cil.c4{animation-duration: 21s;} .ptview ._item ._piece .move.pt01{left: 21%;top: 58%;} .ptview ._item ._piece .move.pt02{left: 33%;top: 35%;} .ptview ._item ._piece .move.pt03{left: 51.5%;top: 61%;} .ptview ._item ._piece .move.pt04{left: 72%;top: 29%;} .ptview ._item ._piece .move.pt05{left: 71%;top: 60%;} .ptview ._item ._piece .move.pt11{left: 16%;top: 72%;} .ptview ._item ._piece .move.pt12{left: 35%;top: 76%;} .ptview ._item ._piece .move.pt13{left: 50%;top: 73%;} .ptview ._item ._piece .move.pt14{left: 69%;top: 73%;} .ptview ._item ._piece .move.pt15{left: 84%;top: 72%;} .ptview ._item ._piece .move.pt21{left: 20%;top: 56%;} .ptview ._item ._piece .move.pt22{left: 33.6%;top: 32%;} .ptview ._item ._piece .move.pt23{left: 51.6%;top: 58%;} .ptview ._item ._piece .move.pt24{left: 74%;top: 29.2%;} .ptview ._item ._piece .move.pt25{left: 71.3%;top: 59%;} .pttab{margin-top: 30px;} .pttab>div{justify-content:center;} .pttab ._item{padding:0 50px;pointer-events: auto;} .pttab ._item ._icon{width:75px;height: 75px;position: relative;margin: 0 auto;} .pttab ._item ._icon ._ic{width:100%;height:100%;position: relative;} .pttab ._item ._icon ._ic:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity:0; background-color:#fff;border-radius: 50%;opacity: 0;transform: scale(.5);opacity: 0;transition:all .5s var(--bcr1);} .pttab ._item ._icon ._ic>img{width: 100%;height: 100%;object-fit: contain;transition:all .5s var(--bcr1);} .pttab ._item ._icon ._ic>img:first-of-type{opacity: 1;} .pttab ._item ._icon ._ic>img:last-of-type{position:absolute;top: 0;left: 0;opacity: 0;} .pttab ._item ._icon ._ring{position: absolute;width: 100%;height: 100%;top: 0;left: 0; opacity: 0;transition:all .5s ease-in-out;transform: scale(1.6);} .pttab ._item ._icon ._ring:before{content: '';width: 100%;height: 100%;display:block; background-image: url(/uploads/image/saidom/cir.png);background-position: center center;background-size: contain;animation: ring 10s linear infinite;} .pttab ._item.on{pointer-events: none;} .pttab ._item.on ._icon ._ic:before{opacity: 1;transform: none;} .pttab ._item.on ._icon ._ic>img:first-of-type{opacity: 0;} .pttab ._item.on ._ic>img:last-of-type{opacity: 1;} .pttab ._item.on ._icon ._ring{opacity:1;transform: scale(1.3);} .pttab ._item ._name{font-size:16px;text-align:center;color: #fff;margin-top: 20px;} .hmarket{padding:100px 0;position:relative;overflow: hidden;} .hmarket ._bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;} .hmarket ._bg img{width: 100%;height: 100%;object-fit: cover;} .hmarket_top{align-items:center;} .hmarket_top ._btn{margin-left:auto;} .macklogo{width:100%;height:0;padding-bottom: 38%;position:relative;margin-top: 20px;} .macklogo ._cir{width:10%;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .macklogo ._cir>div{width:100%;padding-bottom:100%;border: 1px solid #eaeaea;border-radius: 50%; animation: spread 5s linear infinite;opacity:0;will-change: transform;} @keyframes spread { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(5); opacity: 0 } } .macklogo ._cir.j1>div{animation-delay: 1s;} .macklogo ._cir.j2>div{animation-delay: 2s;} .macklogo ._cir.j3>div{animation-delay: 3s;} .macklogo ._cir.j4>div{animation-delay: 4s;} .macklogo ._cir.j5>div{animation-delay: 5s;} .macklogo ._list{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;} .macklogo ._list ._item{width: 10%;position: absolute;} .macklogo ._list ._item>div{width: 100%;height: 0;padding-bottom: 100%; background-color: #fff;border-radius: 50%;box-shadow: 0 0 20px rgba(0,0,0,.05);} .macklogo ._list ._item img{width: 80%;height: 80%;object-fit: contain; position: absolute;top: 10%;left: 10%;} .macklogo ._list ._item.k1{top: 50%;left: 50%;transform: translate(-50%,-50%);} .macklogo ._list ._item.k2{top:33%;left: 0%;} .macklogo ._list ._item.k3{top: 14%;left: 10%;transform: scale(.75);} .macklogo ._list ._item.k4{top: 42%;left: 11%;transform: scale(.7);} .macklogo ._list ._item.k5{top: 70%;left: 15%;transform: scale(.85);} .macklogo ._list ._item.k6{top: 0%;left: 20%;transform: scale(.75);} .macklogo ._list ._item.k7{top: 30%;left: 25%;transform: scale(.7);} .macklogo ._list ._item.k8{top: 0%;left: 35%;transform: scale(.85);} .macklogo ._list ._item.k9{top: 3%;left: 53%;transform: scale(.9);} .macklogo ._list ._item.k10{top: 28%;left: 63%;transform: scale(.85);} .macklogo ._list ._item.k11{top: 70%;left: 35%;transform: scale(.8);} .macklogo ._list ._item.k12{top: 65%;left: 56%;transform: scale(.75);} .macklogo ._list ._item.k13{top: 6%;left: 85%;transform: scale(.85);} .macklogo ._list ._item.k14{top: 35%;left: 80%;transform: scale(.8);} .macklogo ._list ._item.k15{top: 62%;left: 75%;transform: scale(.85);} .macklogo ._list ._item.k16{top: 54%;left: 90%;transform: scale(.9);} .hservice{padding-top: 80px;padding-bottom: 100px;} .hservice_top{align-items:center;} .hservice_top ._btn{margin-left:auto;} .hservice_list{margin-top: 80px;} .hservice_list>div{flex-wrap:wrap;margin:0 -20px;} .hservice_list ._item{padding:0 20px;} .hservice_list ._item>div{width:100%;padding-bottom:67.88617886178862%;position:relative;} .hservice_list ._item>div:before, .hservice_list ._item>div:after{content:'';position:absolute;width: 100%;height: 100%;top: 0;left:0;} .hservice_list ._item>div:before{background-color: rgba(0,0,0,.2);z-index:2;} .hservice_list ._item>div:after{background-image:-webkit-linear-gradient(rgba(196,0,11,0) 50%,rgba(196,0,11,.6) 100%); z-index:3;opacity: 0;transition: opacity .6s ease;} .hservice_list ._item ._img{position:absolute;top: 0;left:0;width: 100%;height: 100%;overflow: hidden;} .hservice_list ._item ._img img{width: 100%;height: 100%;object-fit: cover;transition: transform 4s var(--bcr2);} .hservice_list ._item ._info{position:absolute;top: 40px;left: 40px;right: 40px;bottom: 40px;z-index: 5;line-height: 1;color: #fff;} .hservice_list ._item ._info ._tel{margin-top: 40px;} .hservice_list ._item ._info ._tel ._number{font-size:36px;margin-bottom: 10px;} .hservice_list ._item ._info ._tel ._name{font-size:16px;font-weight: lighter;} .hservice_list ._item ._info ._title{font-size:34px;} .hservice_list ._item ._info ._type{justify-content: space-between;position:absolute;bottom:0;left:0;width: 100%;flex-wrap: wrap;} .hservice_list ._item ._info ._type ._typeitem{font-size:16px;padding: 10px 0;border-bottom: 1px solid #fff;color: #fff;} /*》》》》》》》》》》页尾《《《《《《《《《《*/ .footer{padding:80px 0;position:relative;z-index:10;} .footer ._ht{width: 100%;height: 40px;} .footer ._bg{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .footer ._bg>img{width:100%;height:100%;object-fit: cover;object-position: center top;} .ftbox .fttop{padding-bottom: 40px;border-bottom:1px solid rgba(255,255,255,.1);align-items: center;} .ftbox .fttop ._logo{align-items: center;line-height:1;} .ftbox .fttop ._logo a{height:36px;margin-right: 35px;} .ftbox .fttop ._logo a img{height: 100%;} .ftbox .fttop ._logo ._txt{font-size:20px;line-height:1;color: #fff;letter-spacing:0.125em;} .ftbox .fttop ._logo ._txt span{margin-right:10px;} .ftbox .fttop ._nav{margin-left:auto;} .ftbox .fttop ._nav>div{margin:0 -25px;} .ftbox .fttop ._nav ._item a{color:#fff;font-size:16px;padding:0 25px;line-height:1;} .ftbox .fttop ._nav ._item a .hoverable_txt{padding:5px 0;} .ftbox .fttop ._nav ._item a .hoverable_txt:after{background-color:#fff;} .ftbox .ftnt{padding-top: 60px;align-items:center;} .ftbox .ftnt ._info{line-height:1.875;} .ftbox .ftnt ._info ._loc{color:#fff;margin-bottom:5px;} .ftbox .ftnt ._info ._loc ._item{margin-right: 35px;} .ftbox .ftnt ._info ._loc ._item:last-of-type{margin-right:0;} .ftbox .ftnt ._info ._web span, .ftbox .ftnt ._info ._web a{color:#fff;} .ftnt ._btn{margin-left:auto;position:relative;} .ftnt ._btn ._item{margin-right:20px;} .ftnt ._btn ._item:last-child{margin-right:0;} .ftnt ._btn ._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 .35s ease;} .ftnt ._btn ._item .fticon1 i{font-size:24px;} .ftnt ._btn ._item .fticon2 i{font-size:16px;} .ftnt ._btn ._item .follow{position:absolute;bottom:125%;right:0;align-items:center;border-radius:5px; padding:10px 15px;visibility:hidden;opacity:0;background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, .1);transition:all .35s ease;} .ftnt ._btn ._item .follow .follow_text{min-width:120px;padding-right:12px;color:#333;text-align:justify;} .ftnt ._btn ._item .follow .follow_text .follow_name{font-size:16px;font-weight:bold;margin-bottom:8px;line-height:1.4;} .ftnt ._btn ._item .follow img{width:100px;height:100px;} .ftnt ._btn ._item.on .follow{visibility:visible;opacity:1;transform:none;} .ftnt ._btn ._item.on .fticon1{background-color:#fff;color:var(--color01);} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>关于我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .pagebanner{position: relative;overflow:hidden;} .pagebanner.style1{height: 45.833333333333336vw;} .pagebanner.style2{height:33.020833333333336vw;} .pagebanner.style3{height:36.97916666666667vw;} .pagebanner.style4{height:100vh;background: linear-gradient(to left,#aabdd0,#eff8ff);} .pagebanner.style3 ._info .del{font-size: 54px;line-height: 1;font-weight: bold;margin-bottom: 15px;} .pagebanner.style3 ._info .cn{margin-bottom: 15px;} .pagebanner.style3 ._info .en{letter-spacing: 0.075em;} .pagebanner ._bg{width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;padding-top: 80px;} .pagebanner ._bg img{width:100%;height: 100%;object-fit: cover;} .pagebanner ._info{position:absolute;left:0;top:50%;transform:translatey(-50%);z-index:5; width:100%;text-align:center;color:#fff;} .pagebanner ._info .cn{font-size: 48px;font-weight:bold;margin-bottom: 5px;} .pagebanner ._info .en{font-size: 26px;text-transform:uppercase;} .pagebanner .imgtext{position:absolute;transform: translatey(-50%);padding-top: 80px;top:50%;width:100%;} .pagebanner .imgtext>div img{width:23.28125vw;} .mouse{position:absolute;bottom:180px;left:50%;transform:translatex(-50%);z-index:5;width: 50px; height: 50px;background-color:var(--color01);border-radius: 50%;} .pagebanner.style3 .mouse{transform:translate(-50%,150%);} .mouse .mousecir{position:absolute;width: 100%;height: 100%;transform:scale(1.4);} .mouse .mousecir:before{content: '';position: absolute;width: 100%;height: 100%;background-repeat: no-repeat; background-image: url(/uploads/image/saimac/mousecir.png);background-position: center center;background-size: contain; animation: ring 10s linear infinite;} .mouse .mouseof{height:26px;width:18px;border-radius:18px;border:2px solid #fff;position:absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);} .mouse .mouseof:after{content: '';width:2px;height:5px;background-color: #fff;border-radius:2px; animation: scroll-down 1.5s infinite ease-in-out;position:absolute;left:50%;transform:translatex(-50%);} @keyframes scroll-down { 0% { top:3px; opacity: 0; } 30%, 70% { opacity: 1; } 100% { top:calc(100% - (2px 5px)); opacity: 0; } } .pagebanner ._menu{position:absolute;bottom:0;left: 0;z-index: 10;width: 100%;background-color:rgba(0,0,0,.5);} .pagebanner ._menu ._box ._nav{width:79.16666666666666%;position: relative;} .pagebanner ._menu ._box ._nav:after{content: '';position:absolute;top: 0;right: 0;height: 100%;width: 100vw; background-repeat: no-repeat;background-image: url(/uploads/image/saimac/pgnavbg.jpg); background-position: center right;background-size:cover;z-index: -1;} .pagebanner ._menu ._box ._nav ._item a{height:80px;line-height: 80px;color: rgba(255,255,255,.3); font-size: 16px;font-weight:bold;transition:color .35s ease;padding:0 35px;} .pagebanner ._menu ._box ._nav ._item a.on{color:#fff;} .pagebanner ._menu ._box ._nav>div{margin:0 -35px;} .pagebanner ._menu ._box ._place{margin-left: auto;} .pagebanner ._menu ._box{align-items: center;} .pagebanner ._menu ._box ._place span, .pagebanner ._menu ._box ._place a{color: #fff;} .pagebanner .pagetop{position: absolute;top:40px;padding-top: 80px;left: 0;z-index: 10;width: 100%;} .pagebanner .pagetop ._place span, .pagebanner .pagetop ._place a{color:#fff;opacity: .5;transition: all .35s ease;} .pagebanner .pagetop ._back{margin-left: auto;} .pagebanner .pagetop ._back a>div{color: #fff;font-size: 14px;} .pagebanner .pagetop ._back .iconfont{font-size: 20px;margin-right: 5px;} .pagebanner .pagetop.del2 ._place span, .pagebanner .pagetop.del2 ._place a{opacity:1;color: #999;} .pagebanner .pagetop.del2 ._back a>div{color: #666;} .pagebanner ._pron{position:absolute;left:0;top:50%;transform:translatey(-50%);z-index:5;width:100%;padding-top:80px;} .pagebanner ._pron ._mode{width: 440px;max-width: 100%;} .pagebanner ._pron ._mode ._title{font-size: 50px;line-height:1.325;margin-bottom: 40px;text-align: justify;} .pagebanner ._pron ._mode ._line{font-size: 16px;color:#666;font-size: 16px;line-height: 30px;max-height: 120px;text-align: justify;} .pagebanner ._pron ._mode ._btn{margin-top: 60px;} .pagebanner ._pron ._mode ._btn ._item{margin-right: 30px;} .pagebanner ._pron ._mode ._btn ._item:last-of-type{margin-right: 0;} .pagebanner ._pron ._mode ._btn ._item a{width: 180px;height: 60px;} .pagebanner ._pron ._mode ._btn ._item a>div{height: 100%;justify-content: center;border-radius: 10px;} .pagebanner ._pron ._mode ._btn ._item.b1 a>div{background-color: var(--color03);color: #fff;} .pagebanner ._pron ._mode ._btn ._item.b2 a>div{color: var(--color03);border:1px solid var(--color03);} .pagebanner ._pron ._img{margin-left: auto;width: 56.45833333333333%;} .pagebanner ._pron ._img>div{width: 100%;height: 0;padding-bottom:56.21156211562116%;position: relative;} .pagebanner ._pron ._img>div img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;} .intro{position: relative;overflow: hidden;} .intro ._bg{position:absolute;top:0;left:0;width:100%;height:100vh;z-index: -1;overflow: hidden;} .intro ._bg img{width:100%;height:100%;object-fit:cover;object-position: center right;} .intro ._info{width: 79.16666666666666%;padding:100px 160px 50px 0;position: relative;} .intro ._info:before{content:'';position: absolute;top: 0;right:0;width: 100vw;height: 100%;background-color: #fff;z-index: -1;} .intro ._info ._qts{font-size: 40px;margin-top: 40px;line-height:1.5;} .intro ._info ._text{font-size:16px;margin-top:100px;color:#666;text-align:justify;line-height:34px;max-height:204px;} .intro ._vs ._data{line-height:1;justify-content:space-between;overflow:hidden;text-align:center;} .intro ._vs ._data ._item ._number{font-weight:bold;color:var(--color02);margin-bottom:15px;} .intro ._vs ._data ._item ._number span{font-size:54px;} .intro ._vs ._data ._item ._number em{font-size: 36px;} .intro ._vs ._data ._item ._name{font-size:16px;} .intro ._vs{background-color: #fff;padding:120px 0;position: relative;z-index: 2;} .intro ._vs ._txtbg{position:absolute;top:50%;left:0;z-index:-1;width:100%;overflow:hidden;transform:translatey(-50%);} .intro ._vs ._txtbg>div{width:200%;animation: letters linear 30s infinite;} @keyframes letters { 0% { transform: none; -webkit-transform: none; } 100% { transform: translatex(-50%); -webkit-transform: translatex(-50%); } } .intro ._vs ._txtbg>div ._item{width:100%;justify-content:center;} .intro ._vs ._txtbg>div ._item>img{max-width:90%;object-fit:contain;} .culture{padding-top: 110px;position:relative;overflow: hidden;} .culture ._bg{position:absolute;top:0;left:0;width:100%;height:100vh;z-index: -1;} .culture ._bg img{width:100%;height:100%;object-fit:cover;} .mastertitle1.tcenter{text-align: center;} .culture .mastertitle1 ._cn strong{color: #fff;} .culture .mastertitle1 ._en strong span font, .culture .mastertitle1 ._en strong{background-image: linear-gradient(to bottom, rgba(255,255,255,.12) , rgba(255,255,255,0.08));} .culture ._info{line-height:2.125;font-size: 16px;color: #fff;text-align: center;margin-top: 40px;margin-bottom: 80px;} #cultureswr{color: #fff;border-top: 1px solid rgba(255,255,255,.2);} #cultureswr .swiper-slide{height: initial;} #cultureswr ._item{position: relative;padding:6px 4px;height: 100%;} #cultureswr ._item:before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:1px;background-color:rgba(255,255,255,.2);} #cultureswr ._item>div{padding: 4.6875vw 7.8125vw 3.125vw;background-color: rgba(255,255,255,.1);height: 100%;} #cultureswr ._item ._title{font-size: 24px;line-height: 1;padding-bottom: 25px;margin-bottom: 15px;position: relative;font-weight: bold;text-align: center;} #cultureswr ._item ._title:after{content: '';width: 27px;height: 4px;background-color: var(--color02);position: absolute;bottom: 0;left: 50%;transform: translatex(-50%);} #cultureswr ._item ._line{font-size: 16px;line-height: 1.875;text-align:center;text-align-last: center;} #cultureswr .cultureswr_btn{position: absolute;top: 50%;z-index:5;transform: translatey(-50%);} #cultureswr .cultureswr_btn>a{width:50px;height:50px;line-height:50px;text-align:center; color:var(--color02);border-radius:50%;position:relative;background-color: #fff;} #cultureswr .cultureswr_btn>a:before, #cultureswr .cultureswr_btn>a:after{content:'';width:100%;height:100%;border-radius:50%; position:absolute;left:0;top:0;transition:all .5s var(--bcr1);background-color: #fff;} #cultureswr .cultureswr_btn>a:before{z-index:-1;opacity:.2;} #cultureswr .cultureswr_btn>a:after{z-index:-2;opacity:.1;} #cultureswr .cultureswr_btn>a i{font-size:20px;} #cultureswr .cultureswr_prev{left: 33.333333%;} #cultureswr .cultureswr_next{right: 33.333333%;} #cultureswr .cultureswr_prev>a{transform: translatex(-50%);} #cultureswr .cultureswr_next>a{transform: translatex(50%);} .course{padding-top: 125px;padding-bottom: 150px;position:relative;} .course ._bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index: -1;} .course ._bg img{width:100%;height:100%;object-fit:cover;} .course ._lock{margin-top: 90px;position:relative;} #courseswr{background-color: #fff;width:60%;border-radius: 10px;} #courseswr .swiper-slide{height: initial;} #courseswr ._item{padding: 60px 90px;text-align:center;height: 100%;} #courseswr ._item ._year{font-size:60px;font-weight: bold;margin-bottom: 20px;line-height: 1;} #courseswr ._item ._line{font-size: 16px;line-height:2.125;} .course ._lock .courseswr_btn{position: absolute;top: 50%;transform: translatey(-50%);} .course ._lock .courseswr_btn>a{width: 50px;height: 50px;line-height: 50px;border-radius: 50%;text-align: center; background-color:rgba(255,255,255,.5);color: #333;transition: all .35s ease;} .course ._lock .courseswr_btn>a i{font-size: 18px;} .course ._lock .courseswr_prev{left: 0;} .course ._lock .courseswr_next{right: 0;} #coursetab{margin-top: 90px;text-align: center;} #coursetab:before{content: '';position: absolute;height: 0;width: 100%;border-bottom: 2px solid #b7b7b7;top:25px;left: 0;z-index: -1;} #coursetab ._item{padding-top: 50px;position: relative;cursor:pointer;} #coursetab ._item ._cil{width: 13px;height: 13px;position: absolute; top: 25px;left: 50%;transform: translate(-50%,-50%);z-index: 5;} #coursetab ._item ._name{font-size: 16px;line-height: 1;transition:color .3s ease-in-out;} #coursetab ._item ._cil:before, #coursetab ._item ._cil:after{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;top: 0;left: 0;transition:all .3s ease-in-out;} #coursetab ._item ._cil:before{border: 2px solid #b7b7b7;background-color:#fff;z-index:2;} #coursetab ._item ._cil:after{background-color:var(--color02);transform: scale(2);z-index: -1;opacity: 0;} #coursetab .swiper-slide-thumb-active ._item ._cil:after{opacity:.1;} #coursetab .swiper-slide-thumb-active ._item ._cil:before{border-color: var(--color02);background-color: var(--color02);} #coursetab .swiper-slide-thumb-active ._item ._name{color:var(--color02);} .honor{padding-top: 75px;padding-bottom: 130px;position: relative;} .honor ._bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index: -1;} .honor ._bg img{width:100%;height:100%;object-fit:cover;object-position:center bottom;} .honor .mastertitle1 ._cn strong{color: #fff;} .honor .mastertitle1 ._en strong span font, .honor .mastertitle1 ._en strong{background-image: linear-gradient(to bottom, rgba(255,255,255,.12) , rgba(255,255,255,0.08));} .honor ._tps{font-size: 16px;line-height: 1.875;text-align: justify;color: #fff;margin-top: 30px;text-align-last: center;} .honor ._info{margin-top: 110px;} .honor ._info>div{align-items: center;} .honor ._info ._list{width: 300px;height: 308px;} .honor ._info ._list .scrollbar-track-y{background-color:rgba(255,255,255,.1) !important;} .honor ._info ._list li a{padding: 8px 0;padding-left: 25px;color: #fff;display:block;line-height:28px; position: relative;font-size: 16px;transition:color .35s ease;} .honor ._info ._list li a:before{content:'';width:6px;height:6px;border-radius:50%;position:absolute; top:50%;left:0;transform:translatey(-50%);background-color:#fff;transition: background-color .35s ease;} .honor ._info ._list li a.on{color:var(--color02);} .honor ._info ._list li a.on:before{background-color:var(--color02);} #honorswr{margin-left: auto;width:59.72222222222222%;margin-right:0;} #honorswr .swiper-slide{will-change: transform;} #honorswr ._item{width:100%;position: relative;} #honorswr ._item>img{width:100%;} #honorswr ._item ._img{position: absolute;top:10%;right:7%;bottom:10%;left:8%;} #honorswr ._item ._img img{width: 100%;height: 100%;object-fit: contain;} .abvideo{padding-top:90px;padding-bottom: 150px;} .abvideo ._list{margin-top: 80px;} .abvideo ._list>div{margin:0 -22px;} .abvideo ._list ._item{width: 50%;padding:0 22px;} .abvideo ._list ._item>a{width:100%;height:0;padding-bottom:60%;position: relative;border-radius:10px;overflow: hidden;} .abvideo ._list ._item>a:before, .abvideo ._list ._item>a:after{content:'';position:absolute;width: 100%;height: 100%;top: 0;left:0;} .abvideo ._list ._item>a:before{background-color: rgba(0,0,0,.3);z-index:2;} .abvideo ._list ._item>a:after{background-image:-webkit-linear-gradient(rgba(196,0,11,0) 50%,rgba(196,0,11,.6) 100%);z-index:3;} .abvideo ._list ._item ._img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;} .abvideo ._list ._item ._img img{width: 100%;height: 100%;object-fit: cover;transition: transform 4s var(--bcr2);} .abvideo ._list ._item ._info{position: absolute;top: 50%;transform: translatey(-50%);z-index: 5;color: #fff;left:0;width: 100%;text-align: center;} .abvideo ._list ._item ._info ._btn{margin:0 auto;width: 66px;height: 66px;border-radius: 50%;background-color: var(--color02);line-height: 66px;} .abvideo ._list ._item ._info ._btn i{font-size: 24px;} .abvideo ._list ._item ._info ._name{margin-top: 10px;line-height: 1;font-size: 16px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>新闻资讯<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .news{padding: 110px 0;} .newslist{margin-bottom: 80px;} .newslist>div{margin:-35px -20px;flex-wrap:wrap;} .newslist ._item{width:33.333333%;padding:35px 20px;} .newslist ._item ._img{width: 100%;height:0;padding-bottom: 62.39316239316239%;position: relative;overflow: hidden;} .newslist ._item ._img img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 4s var(--bcr2);} .newslist ._item ._title{padding: 40px;color: #333;} .newslist ._item ._title ._type{font-size: 14px;color: var(--color02);font-weight: bold;margin-bottom: 10px;line-height: 1;} .newslist ._item ._title ._name{font-size: 22px;line-height: 30px;height: 60px;text-align:justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .newslist ._item ._time{padding:18px 40px;background-color: #fafafa;align-items: center;} .newslist ._item ._time ._txt{color: #8b8b8b;line-height: 1;} .newslist ._item ._time ._more{width: 38px;height: 38px;border-radius: 38px;line-height:36px;transition:all .6s ease-in-out; border: 1px solid var(--color02);color:var(--color02);margin-left: auto;text-align: center;transform:rotatez(-45deg);} .newslist ._item ._time ._more i{font-size: 16px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>新闻详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .newsdel{padding-top: 40px;padding-bottom: 110px;} .newsdel ._top{align-items: center;} .newsdel ._top ._place span, .newsdel ._top ._place a{color: #666;transition: color .35s ease;} .newsdel ._top ._btn{margin-left: auto;} .newsdel ._top ._btn>a{width: 115px;height: 44px;border-radius: 44px;background-color: var(--color02);} .newsdel ._top ._btn>a>div{color: #fff;height: 100%;justify-content: center;font-size: 14px;} .newsdel ._cnt{margin-top: 80px;} .newsdel ._cnt ._info{padding-right: 90px;} .newsdel ._hder{padding-bottom: 40px;} .newsdel ._hder ._title{font-size: 37px;line-height: 1.5;text-align: justify;} .newsdel ._hder ._line{margin-top: 30px;line-height: 1;} .newsdel ._hder ._line span{color: #8b8b8b;margin-right: 30px;display:inline-block;} .newsdel ._hder ._line span:last-of-type{margin-right: 0;} .newsdel ._contin{border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 30px 0; line-height:2;font-size: 16px;color: #666;text-align:justify;} .newsdel ._contin img{max-width: 100%;} .newsdel ._hot{width:380px;} .newsdel ._hot ._title{font-size: 18px;padding: 30px 0;line-height: 1;border-bottom: 1px solid #e5e5e5;color: #999;} .newsdel ._hot ._list ._li>a{padding: 30px 0;align-items: center;border-bottom: 1px solid #e5e5e5;} .newsdel ._hot ._list ._li ._img{width:140px;} .newsdel ._hot ._list ._li ._img>div{padding-bottom: 64.28571428571429%;overflow: hidden;position: relative;width: 100%;height: 0;} .newsdel ._hot ._list ._li ._img>div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: transform 4s var(--bcr2);} .newsdel ._hot ._list ._li ._txt{width:calc(100% - 140px);color:#8b8b8b;padding-left: 30px;text-align: justify;} .newsdel ._hot ._list ._li ._txt ._times{line-height: 1;margin-bottom: 10px;} .newsdel ._hot ._list ._li ._txt ._names{font-size: 16px;line-height: 26px;height: 52px;transition: color .35s ease; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .newsdel ._skip{align-items:center;padding-top:40px;} .newsdel ._skip ._jump{padding-right:30px;line-height:1.5;text-align:justify;font-size:16px;} .newsdel ._skip ._jump>div{margin-bottom:10px;} .newsdel ._skip ._jump a{transition:color 0.35s ease;color: #666;display: inline-block;} .newsdel ._skip ._jump>div:last-child{margin-bottom:0;} .newsdel ._skip ._back{margin-left:auto;} .newsdel ._skip ._back a{width:160px;height:50px; background-color: var(--color02);border-radius: 5px;} .newsdel ._skip ._back a>div{color: #fff;height: 100%;justify-content: center;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品信息<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .product{padding-top:30px;padding-bottom:120px;} .product ._view{margin-top: 80px;} .product ._view ._tops{align-items: flex-end;margin-bottom: 25px;} .product ._view ._tops ._titile{align-items: center;} .product ._view ._tops ._titile ._icon{width: 60px;} .product ._view ._tops ._titile ._icon img{width: 100%;} .product ._view ._tops ._titile ._text{font-size: 40px;font-weight: bold;line-height: 1;color: var(--color01);} .product ._view ._tops ._more{margin-left: auto;} .product ._view ._tops ._more>a{color: #333;transition: color .35s ease;} .product ._view ._tops ._more>a .hoverable_txt{padding-bottom:3px;} .product ._view ._tops ._more>a .hoverable_txt:after{background-color: var(--color01);} .product ._list1{width: 100%;height: 0;padding-bottom:46.875%;position: relative;} .product .style1>div{position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;} .product ._list1 ._lt{width:55%;flex-wrap:wrap;} .product ._list1 ._lt ._item:nth-child(1){width:100%;height:55%;} .product ._list1 ._lt ._item:nth-child(2){width:45%;height:45%;} .product ._list1 ._lt ._item:nth-child(3){width:55%;height:45%;} .product ._list1 ._rt{width:45%;flex-wrap:wrap;} .product ._list1 ._rt ._item{width:100%;height: 100%;} .product .style1 ._item{padding:10px;} .product .style1 ._item>a{position:relative;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;} .product .style1 ._item>a:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 2; background-color:var(--color01);opacity:0;transition: opacity .6s ease;} .product .style1 ._item ._img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;} .product .style1 ._item ._img>img{width: 100%;height: 100%;object-fit: cover;transition: transform 4s var(--bcr2);} .product .style1 ._item ._info{position: absolute;top: 0;left: 0;width: 100%;padding:35px;color: #fff;z-index: 5;} .product .style1 ._item ._info ._title{font-size:22px;line-height: 1.5;margin-bottom: 10px;} .product .style1 ._item ._info ._del .hoverable_txt{padding-bottom: 3px;} .product .style1 ._item ._info ._del .hoverable_txt:after{background-color: #fff;} .product ._list2{width: 100%;height: 0;padding-bottom:54.16666666666666%;position: relative;} .product ._list2 ._lt{width:65%;flex-wrap:wrap;} .product ._list2 ._lt ._item:nth-child(1){width:100%;height:60%;} .product ._list2 ._lt ._item:nth-child(2){width:50%;height:40%;} .product ._list2 ._lt ._item:nth-child(3){width:50%;height:40%;} .product ._list2 ._rt{width:35%;flex-wrap:wrap;} .product ._list2 ._rt ._item:nth-child(1){width:100%;height:60%;} .product ._list2 ._rt ._item:nth-child(2){width:100%;height:40%;} .product ._list3>div{margin: -10px;} .product ._list3 ._item{width: 33.333333%;padding: 10px;} .product ._list3 ._item ._img{width: 100%;height:0;padding-bottom: 58.58585858585859%;overflow: hidden;border-radius: 10px;position: relative;} .product ._list3 ._item ._img>img{width: 100%;height: 100%;object-fit: cover;transition: transform 4s var(--bcr2);position: absolute;top: 0;left: 0;} .product ._list3 ._item ._title{font-size: 22px;text-align: center;line-height: 1;transition: color .35s ease; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 25px;color: #333;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品信息2<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .screen{padding:70px 0;} .screen ._tab{padding-left: 25px;line-height: 1;background-image: url(/uploads/image/saimac/meu.png);width: calc(100% - 220px); background-position: left 5px;background-repeat: no-repeat;background-size: 26px auto;flex-wrap:wrap;} .screen ._tab ._item a{color:#686868;padding:0 20px;font-size: 16px;position: relative;transition: color .35s ease;} .screen ._tab ._item a.on{color: var(--color01);} .screen ._tab ._item a.on .hoverable_txt:after{-webkit-transform:scalex(1);transform:scalex(1); -webkit-transform-origin:left top;transform-origin:left top;} .screen ._tab ._item a:after{content: '';position: absolute;right: 0;top: 25%;height: 50%;width: 0;border-right: 1px solid #ddd;} .screen ._tab ._item a .hoverable_txt{line-height: 34px;} .screen ._tab ._item a .hoverable_txt:after{background-color: var(--color01);} .screen ._tab ._item:last-of-type a:after{display: none;} .screen ._query{margin-left: auto;} .screen ._query form{background-color: #f3f3f3;height: 34px;align-items: center;border-radius: 34px;width:220px;padding: 0 10px;} .screen ._query ._icon{text-align: center;line-height: 1;width:26px;color: #666;} .screen ._query ._icon i{font-size: 20px;transform: translatey(1px);display: inline-block;} .screen ._query ._input{height: 100%;padding: 0 5px;} .screen ._query ._input input{height: 100%;border: none;background:none;width: 100%;color: #333;} .screen ._query ._input input::-webkit-input-placeholder{color: #999;} .screen ._query ._input input:-moz-placeholder{color: #999;} .screen ._query ._input input::-moz-placeholder{color: #999;} .product2{position: relative;padding-bottom: 5.208333333333334vw;} .product2list ._item{position:relative;} .product2list ._item ._domimg{position: absolute;top: 0;width: 50%;height: 100%;background-color:#eee;overflow: hidden;} .product2list ._item ._domimg img{width:100%;height: 100%;object-fit: cover;transition: transform 4s var(--bcr2);} .product2list ._item ._info ._cnt{width: 50%;padding: 120px 0;text-align: justify;} .product2list ._item ._info ._title{padding-bottom: 30px;margin-bottom: 35px;position: relative;} .product2list ._item ._info ._title span{font-size: 36px;line-height: 1;font-weight: bold;display: block;} .product2list ._item ._info ._title ._line{position: absolute;bottom: 0;left: 0;font-size: 0;} .product2list ._item ._info ._title ._line:before, .product2list ._item ._info ._title ._line:after{content:'';width:32px;height:3px;display:inline-block;} .product2list ._item ._info ._title ._line:before{background-color:var(--color02);margin-right: 1px;} .product2list ._item ._info ._title ._line:after{background-color:var(--color01);} .product2list ._item ._info ._text{font-size: 16px;line-height: 32px;height:64px;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .product2list ._item ._info ._more{margin-top: 50px;} .product2list ._item ._info ._bg{position: absolute;top: 0;width: 50%;height: 100%;z-index: -1;} .product2list ._item ._info ._bg img{width: 100%;height: 100%;object-fit: cover;object-position: center bottom;} .product2list ._item:nth-child(odd) ._domimg{right: 0;} .product2list ._item:nth-child(even) ._domimg{left: 0;} .product2list ._item:nth-child(odd) ._info ._cnt{margin-left: 0;padding-left: 0;padding-right:100px;} .product2list ._item:nth-child(even) ._info ._cnt{margin-left: auto;padding-left: 100px;padding-right:0;} .product2list ._item:nth-child(odd) ._info ._bg{left: 0;} .product2list ._item:nth-child(even) ._info ._bg{right: 0;} .particlecanvas{width: 100%;height:100vh;position: absolute;bottom: -3.125vw; left: 0;z-index: -1;overflow: hidden;} .particlecanvas canvas{transform: translatey(40%);} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .word{padding-top: 100px;padding-bottom: 120px;} .word ._tab{position: relative;white-space:nowrap;} .word ._tab>div{justify-content: space-between;margin: 0 -15px;} .word ._tab ._item{padding: 0 15px;} .word ._tab ._item a{color: #666;font-size: 16px;line-height: 1;padding-bottom: 35px;transition: color .35s ease;} .word ._tab ._item a span{display: inline-block;} .word ._tab ._item a.on{font-weight: bold;color: var(--color03);pointer-events: none;} .word ._tab:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;border-bottom: 1px solid #ddd;} .touchtab .touchline{position:absolute;bottom:0;height:2px;background-color:var(--color03);z-index:2;left:0;} .word ._tab ._item a:hover{color:var(--color03);} .word ._cnt{padding:60px 0;} .word ._cnt>div{position: relative;} .word ._cnt ._item{line-height:2.125;font-size: 16px;display: none;text-align: justify;} .word ._cnt ._item img{display: inline-block;max-width: 100%;} .word ._cnt ._item.on{display: block;} .word ._btn{justify-content: space-between;border-top: 1px solid #ddd;padding-top: 40px;} .word ._btn ._item a{color: #333;font-size: 16px;line-height: 1;transition: color .35s ease;} .word ._btn ._item a .hoverable_txt{padding: 5px 0;} .word ._btn ._item a .hoverable_txt:after{background-color: var(--color03);} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>合作伙伴<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .partner{padding-top:80px;position: relative;} .partner ._bg{position:absolute;top:0;left:0;width:100%;height:calc(100% 3.125vw);overflow: hidden;z-index: -1;} .partner ._bg>div{width:100%;position:absolute;bottom:0;left:0;} .partner ._bg>div img{width:100%;} .partner ._list>div{flex-wrap: wrap;margin: -5px;} .partner ._list ._item{padding: 5px;width: 20%;} .partner ._list ._item a{width: 100%;height: 125px;border: 1px solid #e5e5e5;background-color: #fff;border-radius: 5px;transition: all .2s linear;} .partner ._list ._item a img{width: 100%;height: 100%;object-fit: contain;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>代理加盟<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .jointitle{font-size: 40px;padding-left: 20px;position: relative;line-height: 1;} .jointitle:before{content: '';position: absolute;width:5px;background-color: var(--color01);height: 100%;top: 0;left: 0;} .section1{padding-top: 80px;padding-bottom: 120px;background-color: #f6f6f6;} .section1 ._list{margin-top: 70px;} .section1 ._list>div{margin:0 -30px;} .section1 ._list ._item{padding: 0 30px;width: 33.333333%;} .section1 ._list ._item ._name{font-size: 26px;text-align: center;margin-top: 30px;line-height: 1; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .section1 ._list ._item ._img{width: 100%;height: 0;padding-bottom: 62.5%;overflow: hidden;position: relative;} .section1 ._list ._item ._img img{width: 100%;height: 100%;object-fit: cover;transition: transform 4s var(--bcr2); position: absolute;top: 0;left: 0;} .section2{padding-top: 80px;padding-bottom: 120px;} .section2 ._list{margin-top: 60px;} .section2 ._list>div{flex-wrap:wrap;} .section2 ._list ._item{width: 50%;margin: 0 -1px -1px 0;} .section2 ._list ._item>div{padding: 50px 60px;border: 1px solid #e9ebed;height: 100%;} .section2 ._list ._item ._icon{width: 60px;} .section2 ._list ._item ._icon img{width: 100%;} .section2 ._list ._item ._txt{padding-left: 35px;} .section2 ._list ._item ._txt ._name{font-size: 26px;line-height: 1;font-weight: bold;margin-bottom: 25px;} .section2 ._list ._item ._txt ._line{font-size: 20px;line-height:1.8;min-height: 108px;} .section3{padding-top:100px;padding-bottom: 110px;position: relative;overflow: hidden;} .section3 ._bg{position:absolute;top:0;left:0;width:100%;height:100vh;z-index: -1;} .section3 ._bg img{width:100%;height:100%;object-fit:cover;} .section3 ._list{margin-top: 60px;} .section3 ._list>div{margin:0 -22px;} .section3 ._list ._item{padding:0 22px;width: 20%;position: relative;} .section3 ._list ._item:after{content: '';position: absolute;right: 0;width:34px;height: 10px;top: 50%;transform: translate(50%,-50%); background-image: url(/uploads/image/saimac/liuceng.png);background-position: center center;background-size: 100% auto;background-repeat: no-repeat;} .section3 ._list ._item:last-of-type:after{display: none;} .section3 ._list ._item>div{width: 100%;height: 0;padding-bottom: 100%;position: relative;} .section3 ._list ._item ._iteminfo{padding: 30px;position: absolute;top: 0;left:0;width: 100%; height: 100%;top: 0;left: 0;background-color: #fff;border-radius: 50%;align-items: center;box-shadow:0 0 10px rgba(0, 0, 0, .1);} .section3 ._list ._item ._iteminfo>div{width: 100%;} .section3 ._list ._item ._iteminfo ._icon{width:80px;margin-bottom: 15px;margin: 0 auto;} .section3 ._list ._item ._iteminfo ._icon img{width: 100%;} .section3 ._list ._item ._iteminfo ._name{font-size: 16px;line-height:26px;text-align: center;min-height: 52px;} .section4{padding-top: 100px;padding-bottom: 130px;} .section4 ._form{margin-top: 80px;} .section4 ._form form{margin: -7px;} .section4 ._form ._item{padding:7px;} .section4 ._form ._item>div{background-color: #f7f7f7;padding: 15px 20px;} .section4 ._form ._item ._name{font-size: 16px;line-height: 24px;} .section4 ._form ._item ._text{padding-left: 15px;} .section4 ._form ._item ._text input{width: 100%;height: 100%;border: none;background: none;height:24px;font-size: 16px;color: #666;} .section4 ._form ._item ._text input::-webkit-input-placeholder{color: #cecece;} .section4 ._form ._item ._text input:-moz-placeholder{color: #cecece;} .section4 ._form ._item ._text input::-moz-placeholder{color: #cecece;} .section4 ._form ._item ._text textarea{width:100%;height:130px;border: none;background: none; font-size: 16px;color: #666;line-height: 24px;resize: none;} .section4 ._form ._row ._rl{align-items: center;} .section4 ._form ._row ._rl ._code{width:280px;} .section4 ._form ._row ._rl ._codeimg{height: 68px;} .section4 ._form ._row ._rl ._codeimg a{height: 100%;} .section4 ._form ._row ._rl ._codeimg a img{height: 100%;} .section4 ._form ._row ._rr{margin-left: auto;} .section4 ._form ._row ._rr ._submit{height: 100%;} .section4 ._form ._row ._rr ._submit button{width:130px;height:100%;border: none;background: none;} .section4 ._form ._row ._rr ._submit button>div{background-color:var(--color01); color: #fff;border-radius: 5px;height: 100%;justify-content: center;} .maps{padding-top: 100px;padding-bottom:60px;} .maps ._box{align-items: center;} .maps ._info{width:33.33333333333333%;} .maps ._info ._txt{font-size: 16px;line-height: 2;margin-top: 45px;text-align: justify;} .maps ._info ._datas{margin-top: 100px;} .maps ._info ._datas>div{margin:0 -35px;} .maps ._info ._datas ._item{width: 50%;padding: 0 35px;} .maps ._info ._datas ._item ._number{line-height: 1;} .maps ._info ._datas ._item ._number span{font-size: 60px;font-weight: bold;color: var(--color01);margin-right: 3px;} .maps ._info ._datas ._item ._number em{font-size: 20px;} .maps ._info ._datas ._item ._name{font-size: 18px;margin-top: 15px;line-height: 1;} .maps ._info ._datas ._item ._line{width:100%;height: 1px;position: relative;margin-top: 25px;} .maps ._info ._datas ._item ._line:before, .maps ._info ._datas ._item ._line:after{height: 100%;background-color: var(--color01);content: '';position: absolute;left: 0;} .maps ._info ._datas ._item ._line:before{width: 100%;opacity: .2;} .maps ._info ._datas ._item ._line:after{width:72px;z-index: 2;} .maps ._mapimg{width: 56.94444444444444%;margin-left: auto;} .maps ._mapimg img{width: 100%;} .maps ._bg{width: 100%;margin-top: 30px;} .maps ._bg img{width: 100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>客服中心<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .kefu{padding-top:150px;padding-bottom:130px;} .kefu ._list ._item ._img{width: 50%;overflow: hidden;} .kefu ._list ._item ._img img{height: 100%;width:100%;transition: transform 4s var(--bcr2);} .kefu ._list ._item ._info{width: 50%;padding:70px 100px; background-image: url(/uploads/image/saimac/kfbg.jpg);background-repeat: no-repeat; background-position: center center;background-size: cover;} .kefu ._list ._item ._info ._icon{width:74px;} .kefu ._list ._item ._info ._icon img{width: 100%;} .kefu ._list ._item ._info ._name{font-size: 30px;line-height: 1.5;color: var(--color04);font-weight: bold;margin: 15px 0;} .kefu ._list ._item ._info ._line{font-size: 16px;line-height: 32px;min-height:64px;} .kefu ._list ._item:nth-child(odd) ._img{order:-1;} .kefu ._list ._item:nth-child(even) ._img{order:2;} .scan{margin-top: 120px;} .scan ._title{font-size: 30px;line-height:1;font-weight: bold;text-align: center;color: var(--color01);} .scan ._box{margin-top: 50px;position: relative;padding: 20px 50px;align-items: center;} .scan ._box ._bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .scan ._box ._bg img{width: 100%;height: 100%;object-fit: cover;} .scan ._box ._query{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;} .scan ._box ._code{margin-left: auto;background-color: rgba(255,255,255,.2);border-radius:10px;padding: 30px;align-items: center;} .scan ._box ._code ._img{width:140px;border-radius: 10px;overflow: hidden;} .scan ._box ._code ._img img{width:100%;} .scan ._box ._code ._name{writing-mode: tb-rl;color: #fff;font-size: 18px;margin-left: 30px;font-weight: lighter;letter-spacing: 0.075em;} .scan ._query{width: 36.11111111111111%;} .scan ._query ._item{width: 100%;height: 60px;} .scan ._query ._item:first-of-type{margin-bottom: 20px;} .scan ._query ._item._input input{width: 100%;height: 100%;border: none;background:#fff; border-radius: 5px;text-align: center;font-size: 16px;padding: 0 20px;} .scan ._query ._item._input input::-webkit-input-placeholder{color: #999;} .scan ._query ._item._input input:-moz-placeholder{color: #999;} .scan ._query ._item._input input::-moz-placeholder{color: #999;} .scan ._query ._item._btn button{width: 100%;height: 100%;border: none; background-color:var(--color02);text-align: center;border-radius: 5px;} .scan ._query ._item._btn button>div{color: #fff;font-size: 18px;font-weight: bold;justify-content: center;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .contact{padding: 120px 0;} .contact ._list{flex-wrap: wrap;} .contact ._list ._item{width: 25%;} .contact ._list ._item>div{padding:30px;border: 1px solid #ddd;margin: 0 -1px -1px 0;height: 100%;} .contact ._list ._item ._title{font-size: 20px;font-weight: bold;line-height: 1;} .contact ._list ._item ._icon{margin: 30px 0;height: 140px;} .contact ._list ._item ._icon img{height: 100%;} .contact ._list ._item ._tel ._n{color: #666;line-height: 1;margin-bottom: 5px;} .contact ._list ._item ._tel ._t{font-size: 20px;font-weight: bold;line-height: 28px;min-height:56px;} .contact ._list ._item ._tel ._t._zh{font-size: 18px;} .contact ._list ._item ._tps{color: #666;line-height: 1.625;margin-top: 10px;} .contactmap{width: 100%;height: 40vw;} #gaodemap{width: 100%;height: calc(100% 3.125vw);} #gaodemap .ripple{position:relative;width:50px;height:50px;} #gaodemap .ripple>span{position:absolute;top:0;left:0;transform: scale(0.01);width: 100%;height: 100%; border-radius: 50%;background-color:var(--color02);animation: ripple 5s ease-in-out infinite;opacity: 0;} #gaodemap .ripple>span:nth-of-type(1) {animation-delay: 0s;} #gaodemap .ripple>span:nth-of-type(2) {animation-delay: 1.4s;} #gaodemap .ripple>span:nth-of-type(3) {animation-delay: 3s;} @keyframes ripple { 0% { transform: scale(0.01); opacity: 0.4; } 100% { transform: scale(6); opacity: 0; } } #gaodemap .ripple>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-75%); color:var(--color02);font-size:32px;z-index:5;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>在线留言<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .message{padding-top:120px;padding-bottom:20.833333333333336vw;position: relative;} .message ._bg{position:absolute;top:0;left:0;width:100%;height:calc(100% 3.125vw);overflow: hidden;z-index: -1;} .message ._bg>div{width:100%;position:absolute;bottom:0;left:0;} .message ._bg>div img{width:100%;object-fit:cover;} .message ._info{width: 420px;padding-right:40px;} .message ._info ._title .en{font-size: 44px;line-height:1.3;text-transform: uppercase;margin-bottom: 25px;} .message ._info ._title .cn{font-size: 38px;font-weight: bold;color: var(--color04);line-height: 1;} .message ._info ._line{margin-top: 45px;font-size: 16px;line-height: 1.875;} .message ._info ._tel{line-height: 1;margin-top: 120px;} .message ._info ._tel ._name{font-size: 24px;margin-bottom: 15px;} .message ._info ._tel ._txt{font-size: 40px;font-weight: bold;color: var(--color04);} .message ._from{margin-left:auto;width: 57.63888888888888%;} .message ._from ._name{font-size: 16px;line-height: 1;font-weight: bold;margin-bottom: 12px;} .message ._from ._text{height: 38px;width: 100%;} .message ._from ._text input{height: 100%;width: 100%;border: none;background: none;color: #666;} .message ._from ._text input::-webkit-input-placeholder{color: #a8a8a8;} .message ._from ._text input:-moz-placeholder{color: #a8a8a8;} .message ._from ._text input::-moz-placeholder{color: #a8a8a8;} .message ._from ._row{border-bottom: 1px solid #ddd;margin-bottom: 45px;} .message ._from ._submit button{border: none;background: none;width:154px;height: 46px;} .message ._from ._submit button>div{background-color:var(--color04);color: #fff;height: 100%;justify-content: center;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>招贤纳士<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .recruit{padding-top: 80px;padding-bottom: 120px;} .recruit .recruittop ._line{font-size:22px;line-height:1.875;text-align:center;margin-bottom:60px;} .recruit .recruittop ._facade{width:100%;height:0;padding-bottom:37.083333333333335%;position:relative;border-radius: 10px;overflow: hidden;} .recruit .recruittop ._facade img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;} .recruitlist{margin-top:80px;} .recruitlist ._table{width:100%;text-align:left;border:1px solid rgba(0,64,152,.1);border-bottom: none;} .recruitlist ._table thead{font-weight:bold;} .recruitlist ._table tr{border-bottom:1px solid rgba(0,64,152,.1);} .recruitlist ._table th:first-of-type,.recruitlist ._table td:first-of-type{padding-left:60px;} .recruitlist ._table th:last-of-type,.recruitlist ._table td:last-of-type{padding-right:60px;} .recruitlist ._table th{height:90px;font-size:18px;} .recruitlist ._table td{height:90px;font-size:18px;color:#444;} #recruitlist ._check{cursor:pointer;transition:background-color .35s ease;} #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:50px 60px;font-size:16px; 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;} /*电端加上鼠标效果/动画 */ @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;} #hbanner ._down a:hover{color:var(--color01);} .masterbtn1:hover{transform:translatey(-5px);} .masterbtn1:hover ._txt span{transform:translatey(-100%);color:transparent;} .masterbtn1:hover ._txt span:before{color:var(--color01);} .hnews_list ._item>a:hover ._img img{transform: scale(1.1);} .hnews_list ._item>a:hover ._time ._more{background-color: var(--color02);color: #fff;transform: none;} .hproduct_top ._btn .masterbtn1:hover ._txt span:before{color:#fff;} .hservice_list ._item>div:hover ._img img{transform: scale(1.1);} .pttab ._item>a:hover ._icon ._ic:before{opacity: 1;transform: none;} .pttab ._item>a:hover ._icon ._ic>img:first-of-type{opacity: 0;} .pttab ._item>a:hover ._icon ._ic>img:last-of-type{opacity: 1;} .ftnt ._btn ._item>a:hover{color:var(--color01);background-color:#fff;} .header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li>a:hover{background:#f5f5f5;color:var(--color01);letter-spacing:.2em;} .header .nav .navlist>.nav_a:hover .nav_b{opacity:1;visibility:visible;transform:translatex(-50%);} .pagebanner ._menu ._box ._nav ._item a:hover{color:#fff;} #cultureswr .cultureswr_btn>a:hover:before{transform:scale(1.4);} #cultureswr .cultureswr_btn>a:hover:after{transform:scale(1.8);} .course ._lock .courseswr_btn>a:hover{background-color: #fff;color: var(--color02);box-shadow:0 0 20px rgba(0, 0, 0, .1);} #coursetab ._item:hover ._cil:before{border-color: var(--color02);} #coursetab ._item:hover ._name{color:var(--color02);} .abvideo ._list ._item>a:hover ._img img{transform: scale(1.1);} .newslist ._item>a:hover ._img img{transform: scale(1.1);} .newslist ._item>a:hover ._time ._more{background-color: var(--color02);color: #fff;transform: none;} .pagelist li a:hover{background-color:var(--color02);color:#fff;border-color:var(--color02);} .newsdel ._top ._place a:hover{color: var(--color02);} .newsdel ._hot ._list ._li>a:hover ._img>div img{transform: scale(1.1);} .newsdel ._hot ._list ._li>a:hover ._txt ._names{color: var(--color02);} .newsdel ._skip ._back a:hover ._txt span:before{color:#fff;} .newsdel ._skip ._jump a:hover{color: var(--color02);} .newsdel ._top ._btn>a:hover ._txt span:before{color:#fff;} .product .style1 ._item>a:hover:before{opacity: .5;} .product .style1 ._item>a:hover ._img>img{transform: scale(1.1);} .product ._list3 ._item>a:hover ._img>img{transform: scale(1.1);} .product ._list3 ._item>a:hover ._title{color: var(--color01);} .product ._view ._tops ._more>a:hover{color: var(--color01);} .pagebanner .pagetop ._place a:hover{opacity:1;} .pagebanner .pagetop ._back a:hover ._txt span:before{color: #fff;} .screen ._tab ._item a:hover{color: var(--color01);} .pagebanner .pagetop.del2 a:hover{color:var(--color01);} .pagebanner .pagetop.del2 ._back a:hover ._txt span:before{color: #666;} .pagebanner ._pron ._mode ._btn ._item.b1 a:hover ._txt span:before{color:#fff;} .pagebanner ._pron ._mode ._btn ._item.b2 a:hover ._txt span:before{color:var(--color03);} .word ._btn ._item a:hover{color:var(--color03);} .partner ._list ._item a:hover{box-shadow:0 15px 30px rgba(0,0,0,.15);transform: translate3d(0,-4px,0);} .section1 ._list ._item>div:hover ._img img{transform: scale(1.1);} .section4 ._form ._row ._rr ._submit button:hover ._txt span:before{color: #fff;} .kefu ._list ._item:hover ._img img{transform: scale(1.1);} .message ._from ._submit button:hover ._txt span:before{color: #fff;} #recruitlist ._check:hover{background-color:rgba(0,64,152,.05);} .search .search-close:hover i{transform: rotatez(180deg);} .product2list ._item:hover ._domimg img{transform: scale(1.1);} .honor ._info ._list li a:hover{color:var(--color02);} .honor ._info ._list li a:hover:before{background-color:var(--color02);} .scan ._query ._item._btn button:hover ._txt span:before{color: #fff;} /*rollani*/ .inani{opacity:0;} .habout .hboutani .inani{transition:all .75s;opacity:1 !important;transform:none !important;} .habout ._info ._data ._item{transform:translatey(100%);} .habout ._info ._line{transform:translatey(40px);} .habout ._info ._btn{transform:translatey(40px);} .habout ._info.hboutani ._data ._item:nth-child(1){transition-delay:0s;} .habout ._info.hboutani ._data ._item:nth-child(2){transition-delay:0.2s;} .habout ._info.hboutani ._data ._item:nth-child(3){transition-delay:0.4s;} .habout ._info.hboutani ._data ._item:nth-child(4){transition-delay:0.6s;} .habout ._info.hboutani ._line{transition-delay:0.6s;} .habout ._info.hboutani ._btn{transition-delay:0.8s;} .hservice_list ._item>div:hover:after{opacity:1;} .habout ._vivid ._tct>img{transform:scale(1.2);} .habout ._vivid ._logo img{transform: translatey(15px) scalex(1.2);} .habout ._vivid ._bg>div{transform:translatey(100%);} .habout ._vivid.hboutani ._tct>img{transition:all 1.5s .6s;} .habout ._vivid.hboutani ._logo img{transition:all 1.3s .8s;} .habout ._vivid.hboutani ._bg>div{transition:all 1.3s 1s;} .recruitlist ._table thead, .recruitlist ._table #recruitlist ._check>td{opacity: 0;transform: translate3d(0%, 40px, 0);} .recruitlist ._table.tableupani thead, .recruitlist ._table.tableupani #recruitlist ._check>td{opacity: 1;transform: none;transition:all 1s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(1)>td{transition-delay:0.1s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(2)>td{transition-delay:0.2s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(3)>td{transition-delay:0.3s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(4)>td{transition-delay:0.4s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(5)>td{transition-delay:0.5s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(6)>td{transition-delay:0.6s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(7)>td{transition-delay:0.7s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(8)>td{transition-delay:0.8s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(9)>td{transition-delay:0.9s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(10)>td{transition-delay:1s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(11)>td{transition-delay:1.1s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(12)>td{transition-delay:1.2s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(13)>td{transition-delay:1.3s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(14)>td{transition-delay:1.4s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(15)>td{transition-delay:1.5s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(16)>td{transition-delay:1.6s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(17)>td{transition-delay:1.7s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(18)>td{transition-delay:1.8s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(19)>td{transition-delay:1.9s;} .recruitlist ._table.tableupani #recruitlist ._check:nth-child(20)>td{transition-delay:2s;} .recruit .recruittop ._facade img{transform: scale(1.2);} .recruit .recruittop ._facade.fn3 img{transform:none;transition: all 2s ease-in-out;} } @media screen and (max-width:1600px){ .mastertitle1 ._en strong{font-size: 55px;} .mastertitle1 ._cn strong{font-size: 40px;} .pttab ._item ._icon{width: 67px;height: 67px;} .intro ._info ._qts{font-size: 36px;} .pagebanner ._info .cn{font-size: 44px;} .pagebanner ._info .en{font-size: 24px;} .intro ._info{padding-right: 140px;} .intro ._vs ._data ._item ._number span{font-size: 48px;} #courseswr ._item ._year{font-size: 54px;} .pagebanner.style3 ._info .del{font-size: 50px;} .maps ._info ._datas ._item ._number span{font-size: 52px;} .partner ._list ._item a{height: 115px;} .pagebanner ._pron ._mode ._title{font-size: 45px;} .product ._view ._tops ._titile ._text{font-size: 36px;} .product ._view ._tops ._titile ._icon{width: 55px;} .product2list ._item ._info ._cnt{padding:100px 0;} .product2list ._item:nth-child(odd) ._info ._cnt{padding-right: 85px;} .product2list ._item:nth-child(even) ._info ._cnt{padding-left: 85px;} .mouse{bottom: 160px;} } @media screen and (max-width:1440px){ .mastertitle1 ._en strong{font-size: 50px;} .mastertitle1 ._cn strong{font-size: 38px;} .habout ._info ._data ._item ._number{font-size: 34px;} .habout ._info ._data ._item ._name{font-size: 14px;} .habout ._info ._line{font-size: 14px;line-height:28px;max-height:84px;margin-top: 30px;} .habout ._info{margin-top: 80px;} .masterbtn1 ._icon{width:48px;height: 48px;line-height: 48px;margin-right: 15px;} .masterbtn1 ._icon i{font-size: 19px;} .masterbtn1>div{font-size: 14px;} .habout ._btn{margin-top: 40px;} .mastertitle1 ._line:before, .mastertitle1 ._line:after{height: 3px;width: 28px;} .hnews_list ._item{padding: 0 25px;} .hnews_list>div{margin: 0 -25px;} .hnews_list ._item ._title ._name{font-size: 20px;line-height: 28px;height: 56px;} .hnews_list ._item ._title{padding: 25px;} .hnews_list ._item ._time{padding: 15px 25px;} .hnews_list ._item ._time ._more{width: 34px;height: 34px;line-height: 32px;border-radius: 34px;} .hnews_list ._item ._time ._more i{font-size: 14px;} .pttab ._item ._icon{width: 59px;height: 59px;} .pttab ._item{padding: 0 40px;} .pttab ._item ._name{font-size: 14px;margin-top: 15px;} .ptview{margin-top: 20px;} .hservice_list ._item ._info ._title{font-size: 28px;} .hservice_list ._item ._info ._tel ._number{font-size: 30px;} .hservice_list ._item ._info ._tel{margin-top: 30px;} .hservice_list ._item ._info{top: 30px;left: 30px;right: 30px;bottom: 30px;} .hservice_list ._item{padding: 0 14px;} .hservice_list>div{margin: 0 -14px;} .hservice_list ._item ._info ._type ._typeitem{font-size: 14px;} .hservice_list ._item ._info ._tel ._name{font-size: 14px;} .hservice_list{margin-top: 60px;} .ftbox .fttop ._logo a{height:32px;} .ftbox .fttop ._logo ._txt{font-size: 18px;} .ftbox .fttop ._nav ._item a{padding: 0 15px;} .ftbox .fttop ._nav>div{margin: 0 -15px;} .ftbox .ftnt ._info ._loc ._item{margin-right: 20px;} .ftbox .ftnt ._info ._loc{flex-wrap: wrap;} .ftbox .fttop ._logo a{margin-right: 20px;} .footer{padding: 60px 0;} .ftbox .ftnt{padding-top: 40px;} .intro ._info ._qts{font-size: 32px;} .pagebanner ._info .cn{font-size: 40px;} .mouse{width: 44px;height: 44px;} .pagebanner ._menu ._box ._nav ._item a{padding: 0 25px;} .pagebanner ._menu ._box ._nav>div{margin: 0 -25px;} .pagebanner ._menu ._box ._nav ._item a{font-size: 15px;} .pagebanner ._menu ._box ._nav{width: 72.5%;} .pagebanner ._menu ._box ._nav ._item a{height: 70px;line-height: 70px;} .intro ._info{width: 72.5%;} .pagebanner ._info .en{font-size: 22px;} .intro ._info{padding-right: 120px;} .intro ._info ._text{font-size: 14px;line-height: 30px;max-height: 180px;margin-top: 80px;} .intro ._vs ._data ._item ._number span{font-size: 42px;} .intro ._vs{padding: 80px 0;} .intro ._vs ._data ._item ._number{margin-bottom: 10px;} .intro ._vs ._data ._item ._name{font-size: 14px;} .intro ._vs ._data ._item ._number em{font-size: 32px;} .culture ._info{font-size: 14px;} #cultureswr ._item>div{padding:60px;} #cultureswr ._item ._title{font-size: 22px;} #cultureswr ._item ._line{font-size: 14px;} #cultureswr ._item ._title:after{height: 3px;} #cultureswr .cultureswr_btn>a{width: 44px;height: 44px;line-height: 44px;} #cultureswr .cultureswr_btn>a i{font-size: 18px;} .course ._lock{margin-top: 60px;} #courseswr ._item ._year{font-size: 48px;} #courseswr ._item ._line{font-size:14px;} #courseswr ._item{padding:40px 60px;} .course ._lock .courseswr_btn>a{width: 45px;height: 45px;line-height: 45px;} #coursetab{margin-top: 60px;} #coursetab ._item ._name{font-size: 14px;} #coursetab ._item{padding-top: 44px;} #coursetab ._item ._cil{width: 11px;height: 11px;top:21px;} #coursetab:before{top: 21px;} .honor ._info ._list{height: 216px;width: 260px;} .honor ._info ._list li a{padding-top: 5px;padding-bottom: 5px;font-size: 14px;line-height: 26px;padding-left: 20px;} .honor ._info ._list li a:before{width: 5px;height: 5px;} .honor ._tps{font-size: 14px;} .abvideo ._list>div{margin: 0 -16px;} .abvideo ._list ._item{padding:0 16px;} .abvideo ._list ._item ._info ._btn{width: 54px;height: 54px;line-height: 54px;} .abvideo ._list ._item ._info ._btn i{font-size: 20px;} .abvideo ._list ._item ._info ._name{font-size: 14px;} .abvideo ._list{margin-top: 60px;} .abvideo{padding-bottom: 130px;} .contact ._list ._item>div{padding:25px 20px;} .contact ._list ._item ._title{font-size: 16px;} .contact ._list ._item ._icon{height: 120px;margin: 15px 0;} .contact ._list ._item ._tel ._t{font-size: 16px;line-height: 24px;min-height: 48px;} .contact ._list ._item ._tel ._t._zh{font-size: 16px;} #gaodemap .ripple{width:44px;height: 44px;} #gaodemap .ripple>i{font-size: 28px;} .newsdel ._hder ._title{font-size: 33px;} .newsdel ._hot{width:340px;} .newsdel ._top ._btn>a{width: 100px;height: 40px;line-height: 40px;} .newsdel ._cnt{margin-top: 60px;} .newsdel ._cnt ._info{padding-right: 70px;} .newsdel ._hot ._title{padding: 20px 0;font-size: 16px;} .newsdel ._hot ._list ._li>a{padding: 20px 0;} .newsdel ._hot ._list ._li ._txt{left: 20px;} .newsdel ._hot ._list ._li ._txt ._names{font-size: 15px;line-height: 24px;height: 48px;} .newsdel ._skip ._back a{width: 130px;height: 44px;line-height: 44px;} .newsdel ._skip ._jump{font-size: 14px;} .newsdel ._skip ._jump>div{margin-bottom: 5px;} .jointitle{font-size: 36px;} .section1 ._list ._item{padding: 0 20px;} .section1 ._list>div{margin: 0 -20px;} .section1 ._list ._item ._name{font-size: 23px;margin-top: 20px;} .section1 ._list{margin-top: 50px;} .section2 ._list ._item ._icon{width: 50px;} .section2 ._list ._item ._txt ._name{font-size: 23px;margin-bottom: 15px;} .section2 ._list ._item ._txt ._line{font-size: 18px;min-height: 97px;} .section2 ._list ._item ._txt{padding-left: 25px;} .section2 ._list ._item>div{padding: 40px 50px;} .section3 ._list ._item ._iteminfo ._name{font-size: 14px;line-height: 24px;min-height: 48px;} .section3 ._list ._item ._iteminfo ._icon{width: 70px;} .section3 ._list ._item{padding:0 15px;} .section3 ._list>div{margin: 0 -15px;} .section3 ._list ._item:after{width: 30px;height: 8px;} .section3 ._list ._item ._iteminfo{padding: 20px;} .section4 ._form{margin-top: 60px;} .section4 ._form ._item>div{padding: 12px 15px;} .section4 ._form ._item ._name{font-size: 14px;} .section4 ._form ._item ._text input{font-size: 14px;} .section4 ._form ._row ._rl ._codeimg{height: 62px;} .section4 ._form ._row ._rl ._code{width: 220px;} .pagebanner.style3 ._info .del{font-size: 46px;margin-bottom: 10px;} .pagebanner.style3 ._info .cn{margin-bottom: 10px;} .kefu ._list ._item ._info{padding: 50px 70px;} .kefu ._list ._item ._info ._icon{width: 60px;} .kefu ._list ._item ._info ._name{font-size: 26px;} .kefu ._list ._item ._info ._line{font-size: 14px;line-height: 24px;min-height: 48px;} .kefu{padding-top: 130px;padding-bottom: 110px;} .maps ._info ._txt{font-size: 14px;margin-top: 40px;} .maps ._info ._datas ._item ._number span{font-size: 44px;} .maps ._info ._datas{margin-top: 80px;} .maps ._info ._datas ._item ._number em{font-size: 18px;} .maps ._info ._datas ._item{padding: 0 20px;} .maps ._info ._datas>div{margin: 0 -20px;} .maps ._info ._datas ._item ._name{font-size: 16px;margin-top: 10px;} .maps ._info ._datas ._item ._line:after{width: 64px;} .maps ._info ._datas ._item ._line{margin-top: 20px;} .message ._info ._title .en{font-size: 40px;margin-bottom: 20px;} .message ._info ._title .cn{font-size: 34px;} .message ._info ._line{font-size: 14px;margin-top: 35px;} .message ._info ._tel{margin-top: 100px;} .message ._info{width: 380px;} .message ._from ._row{margin-bottom: 30px;} .message ._info ._tel ._name{font-size: 22px;} .message ._info ._tel ._txt{font-size: 36px;} .message ._from ._submit button{width: 130px;height: 42px;} .newslist ._item{padding:25px 15px;} .newslist>div{margin: -25px -15px;} .newslist ._item ._title ._name{font-size: 20px;line-height: 28px;height: 56px;} .newslist ._item ._title{padding: 25px;} .newslist ._item ._time{padding: 15px 25px;} .newslist ._item ._time ._more{width: 34px;height: 34px;line-height: 32px;border-radius: 34px;} .newslist ._item ._time ._more i{font-size: 14px;} .newslist{margin-bottom: 70px;} .partner ._list ._item a{height: 100px;} .pagebanner ._pron ._mode{width: 400px;} .pagebanner ._pron ._mode ._title{font-size: 40px;margin-bottom: 25px;} .pagebanner ._pron ._mode ._line{font-size: 14px;line-height: 26px;max-height: 104px;} .pagebanner ._pron ._mode ._btn{margin-top: 40px;} .pagebanner ._pron ._mode ._btn ._item a{width: 160px;height: 50px;} .pagebanner ._pron ._mode ._btn ._item a>div{border-radius: 5px;} .pagebanner ._pron ._mode ._btn ._item{margin-right: 20px;} .word ._tab ._item a{padding-bottom: 25px;font-size: 15px;} .word ._cnt{padding: 40px 0;} .word ._cnt ._item{font-size: 14px;} .word ._btn{padding-top: 25px;} .word ._btn ._item a{font-size: 14px;} .product ._view ._tops ._titile ._text{font-size: 32px;} .product ._view ._tops ._titile ._icon{width: 50px;} .product .style1 ._item ._info ._title{font-size: 20px;margin-bottom: 5px;} .product .style1 ._item ._info{padding: 25px;} .product .style1 ._item{padding: 6px;} .product .style1>div{top: -6px;left: -6px;right: -6px;bottom: -6px;} .product ._view{margin-top: 60px;} .product ._list3 ._item{padding: 0 6px;} .product ._list3>div{margin: 0 -6px;} .product ._list3 ._item ._title{font-size: 20px;margin-top: 15px;} .screen ._tab ._item a{font-size: 15px;padding: 0 12px;} .screen ._tab{background-size: 25px auto;} .screen ._tab ._item a .hoverable_txt{line-height: 32px;} .screen ._query form{width:180px;height: 32px;border-radius: 32px;} .product2list ._item ._info ._title span{font-size: 32px;} .product2list ._item ._info ._text{font-size: 14px;line-height: 26px;height: 52px;} .product2list ._item ._info ._title{padding-bottom: 20px;margin-bottom: 25px;} .product2list ._item ._info ._more{margin-top: 35px} .product2list ._item ._info ._cnt{padding:80px 0;} .product2list ._item:nth-child(odd) ._info ._cnt{padding-right: 70px;} .product2list ._item:nth-child(even) ._info ._cnt{padding-left: 70px;} .product2list ._item ._info ._title ._line:before, .product2list ._item ._info ._title ._line:after{width: 28px;} .recruit .recruittop ._line{font-size: 20px;margin-bottom: 40px;} .recruitlist ._table th, .recruitlist ._table td{height: 75px;font-size: 16px;} #recruitlist ._info ._txt>div{padding: 30px 40px;font-size: 14px;} .recruitlist ._table th:first-of-type, .recruitlist ._table td:first-of-type{padding-left: 40px;} .recruitlist ._table th:last-of-type, .recruitlist ._table td:last-of-type{padding-right: 40px;} #recruitlist ._check td:first-of-type:before{width: 6px;} #recruitlist ._check.on td:first-of-type:before{height: 20px;} .recruitlist{margin-top: 60px;} .mouse{bottom: 140px;} .scan ._box ._code{padding: 20px;} .scan ._box ._code ._name{margin-left: 20px;font-size: 16px;} .scan ._box ._code ._img{width: 120px;} .scan ._query ._item{height: 50px;} .scan ._query ._item._btn button>div{font-size: 16px;} .scan ._query ._item:first-of-type{margin-bottom: 15px;} .scan ._query ._item._input input{font-size: 14px;padding: 0 10px;} .scan ._title{font-size: 26px;} } @media screen and (max-width:1200px){ .header .other ._item:first-of-type{display: none;} .mastertitle1 ._en strong{font-size: 45px;} .mastertitle1 ._cn strong{font-size: 34px;} .habout ._info ._data ._item ._number{font-size: 28px;} .habout ._info{margin-top: 60px;} .hnews_list ._item ._title ._name{font-size: 18px;line-height: 26px;height: 52px;} .pttab ._item ._icon{width: 51px;height: 51px;} .pttab ._item{padding: 0 30px;} .hservice_list ._item ._info ._title{font-size: 24px;} .hservice_list ._item ._info ._tel ._number{font-size: 26px;} .ftbox .fttop{flex-wrap: wrap;} .ftbox .fttop ._nav{width: 100%;margin-left: 0;} .ftbox .fttop ._logo{margin-bottom: 25px;} .ftbox{position: relative;} .ftnt ._btn{position: absolute;top: 0;right: 0;} .hservice{padding-bottom: 80px;} .intro ._info ._qts{font-size: 28px;} .pagebanner ._info .cn{font-size: 36px;} .pagebanner ._info .en{font-size: 20px;} .intro ._info{padding-right: 100px;} .intro ._info ._text{margin-top: 60px;} .intro ._vs ._data ._item ._number span{font-size: 36px;} .intro ._vs ._data ._item ._number em{font-size: 28px;} #cultureswr ._item>div{padding:40px;} #cultureswr ._item ._title{font-size: 20px;} #courseswr ._item ._year{font-size: 42px;} .abvideo{padding-bottom: 110px;} .newsdel ._hder ._title{font-size: 29px;} .newsdel ._hot{width: 300px;} .jointitle{font-size: 32px;} .section1 ._list ._item ._name{font-size: 20px;} .section2 ._list ._item ._txt ._name{font-size: 20px;} .pagebanner.style3 ._info .del{font-size: 42px;} .kefu ._list ._item ._info{padding: 40px 60px;} .kefu ._list ._item ._info ._name{font-size: 22px;} .kefu ._list ._item ._info ._icon{width: 50px;} .maps ._info ._datas ._item ._number span{font-size: 36px;} .maps ._info ._datas{margin-top: 60px;} .message ._info ._title .en{font-size: 36px;} .message ._info ._title .cn{font-size: 30px;} .message ._info ._tel{margin-top: 80px;} .message ._info ._tel ._name{font-size: 20px;} .message ._info ._tel ._txt{font-size: 32px;} .newslist ._item ._title ._name{font-size: 18px;line-height: 26px;height: 52px;} .partner ._list ._item a{height: 85px;} .pagebanner ._pron ._mode ._title{font-size: 35px;} .product ._view ._tops ._titile ._text{font-size: 28px;} .product ._view ._tops ._titile ._icon{width: 45px;} .product .style1 ._item ._info ._title{font-size: 18px;} .product ._list3 ._item ._title{font-size: 18px;} .product2list ._item ._info ._title span{font-size: 28px;} .product2list ._item ._info ._cnt{padding:60px 0;} .product2list ._item:nth-child(odd) ._info ._cnt{padding-right: 55px;} .product2list ._item:nth-child(even) ._info ._cnt{padding-left: 55px;} .recruit .recruittop ._line{font-size: 18px;} .mouse{bottom: 120px;} .pagebanner ._pron ._mode{width: 340px;} } @media screen and (max-width:1024px){ .header{height:60px;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);padding-top:0;} .header .logo a{height:32px;} .header .logo ._logo1{opacity: 1;} .header .logo ._logo2{opacity: 0;} .header.mobilenav:after{opacity:.5;} .header .hmenu{display:block;} .header .nav{position:fixed;top:0;right:0;overflow:hidden;width:100%;height:100vh; z-index:-2;padding-top:60px !important;padding-bottom: 0 !important; right:-100%;background-color:#fff;transition: right .8s cubic-bezier(0.6,0,0.3,1);will-change:transform;} .header.mobilenav .nav{right:0;} .header .nav .navlist{width:100%;opacity:0;transition:opacity 0.5s ease; overflow-y:auto;padding:15px 20px;flex-wrap:wrap;max-height:100%;padding-top:40px;} .header.mobilenav .nav .navlist{opacity:1;transition-delay:0.5s;} .header .nav .navlist>.nav_a{width:100%;position:relative;} .header .nav .navlist>.nav_a:after{content:'';position:absolute;left:0;bottom:0; width:100%;height:1px;background-color:#eee;} .header .nav .navlist>.nav_a>a{line-height:60px;height:60px;padding:0;pointer-events:none;color:#333 !important;} .header .nav .navlist>.nav_a>.nav_b{position:static;width:100%;transform:none;opacity:.6;height:0; visibility:visible;text-align:left;padding:0;overflow:hidden;border:none;box-shadow:none;background:none;} .header .nav .navlist>.nav_a>.nav_b .nav_b_list{padding-bottom:30px;} .header .nav .navlist>.nav_a>.nav_b .nav_b_list>li>a{margin-bottom:10px;line-height:26px;padding:0;} .header .nav .navlist>.nav_a>.nav_b .nav_b_list>li:last-child>a{margin-bottom:0;} .header .nav .navlist>.nav_a>a>.nav_icon{display:block;position:absolute;right:0;top:50%;transform:translatey(-50%);} .header .nav .navlist>.nav_a>a>.nav_icon>i{transition:all .4s;display:inline-block;font-size:18px;opacity:.5;} .header .nav .navlist>.nav_a.on>a>.nav_icon>i{transform:rotate(180deg);opacity:1;} .header .htel{margin-left:auto;padding-left:0;} .header .htel>a{width:34px;height:34px;line-height:34px;} .header .htel>a>i{font-size:16px;} .header .other ._item:first-of-type{display: none;} .hbanner{height:70vw;padding-top: 60px;} #hbanner ._down{display: none;} #main{position: initial;overflow: hidden;} .mastertitle1 ._en strong{font-size: 40px;} .mastertitle1 ._cn strong{font-size: 30px;} .habout{padding-top: 100px;} .habout ._info ._data ._item ._number{font-size: 22px;} .habout ._info{margin-top: 40px;} .habout ._btn{margin-top: 30px;} .habout ._info ._line{margin-top: 20px;} .masterbtn1 ._icon{margin-right: 10px;width: 40px;height: 40px;line-height: 40px;} .masterbtn1 ._icon i{font-size: 16px;} .mastertitle1 ._line:before, .mastertitle1 ._line:after{height: 2px;width: 22px;} .hnews_list ._item ._title ._name{font-size: 16px;line-height: 24px;height: 48px;} .hnews_list ._item{padding: 0 12px;} .hnews_list>div{margin: 0 -12px;} .hnews_list ._item ._time ._more{width: 30px;height: 30px;line-height: 28px;border-radius: 30px;} .hnews_list ._item ._time ._more i{font-size: 12px;} .hnews_list ._item ._time{padding: 10px 20px;} .hnews_list ._item ._title{padding: 20px;} .hnews_list ._item ._title ._type{margin-bottom: 8px;} .hnews_list{margin-top: 40px;} .pttab ._item ._icon{width: 43px;height: 43px;} .pttab ._item{padding: 0 20px;} .pttab ._item ._name{margin-top: 10px;} .hservice_list ._item ._info ._title{font-size: 20px;} .hservice_list ._item ._info ._tel ._number{font-size: 22px;} .hservice_list ._item ._info ._tel{margin-top: 20px;} .hservice_list ._item ._info{top: 20px;left: 20px;right: 20px;bottom: 20px;} .hservice_list ._item{padding: 0 8px;} .hservice_list>div{margin: 0 -8px;} .hservice_list ._item ._info ._type ._typeitem{width: 45%;font-size: 13px;} .hservice_list{margin-top: 40px;} .ftbox .fttop ._logo ._txt{font-size: 16px;} .ftbox .fttop ._logo a{height: 26px;margin-right: 12px;} .ftbox .fttop ._logo ._txt span{margin-right: 5px;} .ftbox .fttop ._nav ._item a{font-size: 14px;} .footer{padding: 40px 0;} .ftnt ._btn ._item{margin-right: 12px;} .ftnt ._btn ._item .follow{padding:8px 12px;} .ftnt ._btn ._item .follow .follow_text{padding-right:8px;} .hservice{padding-bottom: 60px;} .intro ._info ._qts{font-size: 24px;} .pagebanner ._info .cn{font-size: 32px;} .mouse{display: none;} .pagebanner.style1{height:70vw;} .pagebanner ._bg{padding-top: 60px;} .pagebanner ._menu ._box ._nav{display: none;} .pagebanner ._menu ._box ._place{margin-left: 0;} .pagebanner ._menu ._box{height: 50px;} .pagebanner ._info{padding-top: 25px;} .pagebanner ._info .en{font-size: 18px;} .intro ._bg{display: none;} .intro ._info{width: 100%;padding-right: 0;padding-bottom: 0;} .intro ._info ._text{margin-top: 40px;} .intro ._vs ._data ._item ._number span{font-size: 30px;} .intro ._vs{padding: 60px 0;} .intro ._vs ._data ._item ._number em{font-size: 24px;} .intro ._info .mastertitle1, .intro ._info ._qts{text-align: center;} #cultureswr ._item ._title{font-size: 18px;} #cultureswr ._item ._title:after{height: 2px;width: 24px;} #cultureswr ._item>div{padding:25px;} #cultureswr ._item ._title{padding-bottom:20px;margin-bottom: 12px;} .culture ._info{margin-bottom: 60px;} .culture{padding-top: 90px;} .course ._lock{margin-top: 40px;} #courseswr ._item ._year{font-size: 36px;} #cultureswr .cultureswr_btn{display: none;} #courseswr ._item{padding:25px 40px;} #courseswr ._item ._year{margin-bottom: 12px;} .course ._lock .courseswr_btn>a{width: 40px;height: 40px;line-height: 40px;} .course ._lock .courseswr_btn>a i{font-size: 16px;} .course{padding: 100px 0;} #coursetab{margin-top: 40px;} .honor ._info ._list{overflow-y: auto;width: 220px;} .honor ._info{margin-top: 80px;} .honor{padding-bottom: 100px;} .abvideo ._list ._item ._info ._btn{width: 44px;height: 44px;line-height: 44px;} .abvideo ._list ._item ._info ._btn i{font-size: 16px;} .abvideo ._list ._item{padding:0 12px;} .abvideo ._list>div{margin: 0 -12px;} .abvideo ._list{margin-top: 40px;} .abvideo{padding-bottom:90px;} .contact ._list ._item{width: 50%;} .contact ._list ._item ._icon{height: 100px;} .contact{padding: 100px 0;} #gaodemap .ripple{width: 38px;height: 38px;} #gaodemap .ripple>i{font-size: 24px;} .contactmap{height: 60vw;} #gaodemap{height: calc(100% 50px);} .newsdel ._hder ._title{font-size: 25px;} .newsdel ._hot{display: none;} .newsdel ._cnt ._info{padding-right: 0;} .newsdel ._cnt{margin-top: 40px;} .newsdel ._hder{padding-bottom: 25px;} .newsdel ._hder ._line{margin-top: 15px;} .newsdel ._contin{padding: 20px 0;font-size: 14px;} .move_top{padding-top: 60px;} .newsdel ._skip{padding-top: 25px;} .newsdel{padding-bottom: 60px;} .jointitle{font-size: 28px;padding-left: 12px;} .section1 ._list ._item{padding: 0 12px;} .section1 ._list>div{margin: 0 -12px;} .section1 ._list ._item ._name{font-size: 20px;} .section1 ._list ._item{padding: 0 12px;} .section1 ._list>div{margin: 0 -12px;} .section1 ._list ._item ._name{font-size: 18px;} .section1 ._list{margin-top: 40px;} .section1{padding-bottom: 100px;} .section2 ._list ._item ._txt ._name{font-size: 18px;margin-bottom: 10px;} .section2 ._list ._item ._txt ._line{font-size: 16px;} .section2 ._list ._item>div{padding: 30px;} .section2 ._list ._item ._icon{width: 40px;} .section2 ._list ._item ._txt{padding-left: 15px;} .section2 ._list{margin-top: 40px;} .section2{padding-bottom: 100px;} .section3 ._list{margin-top: 40px;overflow-x: auto;} .section3 ._list>div{min-width: 1024px;} .section3 ._list ._item ._iteminfo ._icon{width: 60px;} .section3 ._bg{height: 100%;} .section4{padding-bottom: 100px;} .section4 ._form{margin-top: 40px;} .jointitle:before{width: 3px;} .pagebanner.style3 ._info .del{font-size: 38px;} .pagebanner.style3{height:70vw;} .pagebanner.style3 ._info .del{margin-bottom: 5px;} .pagebanner.style3 ._info .cn{margin-bottom: 5px;} .pagebanner.style3 ._info{padding-top: 60px;} .kefu ._list ._item ._info{padding: 30px 40px;} .kefu ._list ._item ._info ._name{font-size: 18px;margin: 10px 0;} .kefu ._list ._item ._info ._icon{width: 40px;} .kefu{padding-top: 100px;padding-bottom: 80px;} .maps ._info ._datas ._item ._number span{font-size: 28px;} .maps ._info ._datas{margin-top: 40px;} .maps ._info ._datas ._item ._number em{font-size: 16px;} .maps ._info ._datas ._item ._name{font-size: 14px;} .maps ._info ._datas ._item ._line:after{width: 56px;} .maps{padding-bottom: 40px;} .message ._info ._title .en{font-size: 32px;margin-bottom: 12px;} .message ._info ._title .cn{font-size: 26px;} .message ._info ._tel{margin-top: 60px;} .message ._info{padding-right: 30px;} .message ._info ._line{margin-top: 25px;} .message ._info ._tel ._name{font-size: 18px;margin-bottom: 10px;} .message ._info ._tel ._txt{font-size: 28px;} .message{padding-top:100px;} .message ._bg{height: calc(100% 50px);} .newslist ._item ._title{padding: 20px;} .newslist ._item ._time ._more{width: 30px;height: 30px;line-height: 28px;border-radius: 30px;} .newslist ._item ._time ._more i{font-size: 12px;} .newslist ._item ._title ._type{margin-bottom: 8px;} .newslist ._item ._title ._name{font-size: 16px;line-height: 24px;height: 48px;} .newslist ._item{padding: 16px 10px;} .newslist>div{margin: -16px -10px;} .news{padding-top: 100px;padding-bottom: 80px;} .newslist{margin-bottom: 60px;} .pagelist li{padding:0 2px;} .pagelist li a{width:40px;height:40px;line-height:40px;font-size:13px;} .partner ._list ._item{width: 25%;} .partner{padding-top: 60px;} .partner ._bg{height: calc(100% 50px);} .pagebanner ._pron ._mode ._title{font-size: 30px;} .pagebanner .pagetop{padding-top: 60px;top: 25px;} .pagebanner .pagetop ._back{display: none;} .pagebanner ._pron ._mode ._btn ._item a{width: 130px;height: 44px;} .pagebanner ._pron ._mode ._line{overflow-y: auto;} .pagebanner ._pron ._mode ._btn{margin-top: 30px;} .pagebanner ._pron ._mode ._title{margin-bottom: 15px;} .word{padding-top: 80px;padding-bottom: 80px;} .word ._cnt{padding: 25px 0;} .word ._tab{overflow-x: auto;} .word ._tab ._item a{padding-bottom: 15px;} .product ._view ._tops ._titile ._text{font-size: 24px;} .product ._view ._tops ._titile ._icon{width: 40px;} .product ._list1 ._lt{width: 100%;} .product ._list1 ._rt{width: 100%;} .product .style1 ._item{padding:4px;} .product .style1 ._item>a{border-radius: 5px;} .product ._list1 ._lt ._item:nth-child(2), .product ._list1 ._lt ._item:nth-child(3){width: 100%;} .product ._list1{padding-bottom: 0;height: auto;} .product .style1>div{position: initial;margin: -4px;flex-wrap: wrap;} .product .style1 ._item{height: 55vw !important;} .product ._list2{padding-bottom: 0;height: auto;} .product ._list2 ._lt{width: 100%;} .product ._list2 ._rt{width: 100%;} .product ._list2 ._lt ._item:nth-child(2), .product ._list2 ._lt ._item:nth-child(3){width: 100%;} .product ._view{margin-top: 40px;} .product ._view ._tops{margin-bottom: 20px;} .product{padding-bottom: 90px;} .product ._list3 ._item{width: 100%;margin-bottom: 30px;} .product ._list3 ._item:last-of-type{margin-bottom: 0;} .product ._list3>div{flex-wrap:wrap;} .pagebanner.style2{height:70vw;} .product2list ._item ._info ._title span{font-size: 24px;} .product2list ._item ._info ._cnt{padding:40px 0;} .product2list ._item:nth-child(odd) ._info ._cnt{padding-right: 40px;} .product2list ._item:nth-child(even) ._info ._cnt{padding-left: 40px;} .product2list ._item ._info ._more{margin-top: 25px;} .screen{padding: 50px 0;} .recruit .recruittop ._line{font-size: 16px;margin-bottom: 25px;} .recruitlist ._table th, .recruitlist ._table td{height: 50px;font-size: 14px;} #recruitlist ._info ._txt>div{padding: 20px 25px;} .recruitlist ._table th:first-of-type, .recruitlist ._table td:first-of-type{padding-left: 25px;} .recruitlist ._table th:last-of-type, .recruitlist ._table td:last-of-type{padding-right: 25px;} #recruitlist ._check td:first-of-type:before{width: 4px;} #recruitlist ._check.on td:first-of-type:before{height: 14px;} .recruitlist{margin-top: 40px;} .recruit{padding-top: 60px;padding-bottom: 80px;} .scan ._box ._query{position: initial;transform: none;} .scan ._query{width: 50%;} .scan ._box{margin-top: 35px;} .scan ._title{font-size: 22px;} .scan{margin-top: 100px;} .product2{padding-bottom: 0px;} .pageload{padding: 60px 0;} .pagebanner.style4{height: auto;} .pagebanner ._pron{position: initial;padding-top: 180px;transform: none;padding-bottom: 100px;} .pagebanner ._pron ._mode{width: 300px;} .pagebanner ._pron ._img{width: 50%;} } @media screen and (max-width:768px){ #hbanner ._info ._img{width: 180px;} .mastertitle1 ._en strong{font-size: 32px;} .mastertitle1 ._cn strong{font-size: 24px;} .habout{padding-top: 60px;} .habout ._vivid{display: none;} .habout ._info{width: 100%;padding-bottom: 0;} .hnews_list ._item{width: 100%;margin-bottom: 30px;} .hnews_list ._item:last-of-type{margin-bottom: 0;} .hnews_list>div{flex-wrap: wrap;} .ptview ._item ._piece{display: none;} .hproduct{padding-top: 60px;padding-bottom: 40px;} .mastertitle1 ._en{max-width: 200px;} .hmarket{padding: 60px 0;} .hnews{padding-bottom: 60px;} .hservice_list ._item{width: 100%;margin-bottom: 25px;} .hservice_list ._item:last-of-type{margin-bottom: 0;} .ftbox .fttop ._nav>div{flex-wrap:wrap;} .ftbox .fttop ._nav ._item{width: 50%;} .ftbox .fttop ._nav ._item a{line-height: 28px;} .ftbox .fttop ._nav ._item a .hoverable_txt{padding: 0;} .ftbox .fttop ._logo{flex-wrap: wrap;} .ftbox .fttop ._logo a{margin-right: 0;margin-bottom: 10px;} .ftbox .fttop ._logo ._txt{width: 100%;} .ftbox .ftnt{padding-top: 25px;} .ftbox .fttop{padding-bottom: 25px;} .ftbox .ftnt ._info ._loc ._item{margin-right: 0;width: 100%;} .hservice{padding-top: 60px;padding-bottom: 40px;} .intro ._info ._qts{font-size: 20px;} .pagebanner ._info .cn{font-size: 24px;} .pagebanner ._info .en{font-size: 16px;} .intro ._vs ._data ._item ._number span{font-size: 24px;} .intro ._vs ._data ._item ._number em{font-size: 22px;} .intro ._vs{padding: 40px 0;} .intro ._info{padding-top: 60px;} #cultureswr ._item>div{padding:20px 15px;} .culture ._info{margin-bottom: 40px;} .culture{padding-top: 60px;} #courseswr{width: 100%;} .course ._lock .courseswr_btn{display: none;} .course{padding: 60px 0;} #courseswr ._item ._year{font-size: 28px;} #courseswr ._item{padding:30px 20px;} #courseswr ._item ._line{line-height: 1.875;} #honorswr{width: 100%;order: -1;margin-bottom: 30px;} .honor ._info ._list{width: 100%;} .honor ._info>div{flex-wrap: wrap;} .honor ._info{margin-top: 50px;} .honor{padding: 60px 0;} .mastertitle1.tcenter ._en, .intro ._info .mastertitle1 ._en{max-width: initial;} .abvideo ._list>div{flex-wrap: wrap;} .abvideo ._list ._item{width: 100%;margin-bottom: 25px;} .abvideo ._list ._item:last-of-type{margin-bottom: 0;} .abvideo{padding-bottom:40px;padding-top: 60px;} .contact ._list ._item{width: 100%;} .contact ._list ._item ._tel ._t{min-height:initial;} .contact ._list ._item ._icon{height: 80px;} .contact{padding: 60px 0;} .newsdel ._hder ._title{font-size: 22px;} .newsdel ._top ._btn{display:none;} .newsdel ._skip ._back a{writing-mode: tb-rl;width: 36px;height: 80px;line-height: 36px;} .newsdel ._skip ._back a>div{font-size: 13px;} .newsdel ._skip ._back a>div{width: 100%;} .newsdel ._skip ._jump{padding-right: 20px;} .newsdel{padding-bottom: 30px;} .jointitle{font-size: 22px;} .section1 ._list ._item{width: 100%;margin-bottom: 30px;} .section1 ._list ._item:last-of-type{margin-bottom: 0;} .section1 ._list>div{flex-wrap:wrap;} .section1{padding: 60px 0;} .section2 ._list ._item{width: 100%;} .section2 ._list ._item ._icon{width: 34px;} .section2 ._list ._item ._txt ._line{min-height: auto;} .section2 ._list ._item>div{padding: 25px 20px;} .section2{padding: 60px 0;} .section3 ._list ._item ._iteminfo ._icon{width: 50px;} .section3 ._list ._item ._iteminfo ._name{font-size: 12px;line-height:20px;min-height: 40px;} .section3 ._list ._item ._iteminfo{padding: 12px;} .section3 ._list ._item{padding:0 8px;} .section3 ._list>div{margin:0 -8px;} .section3 ._list ._item:after{width: 16px;height: 6px;} .section3 ._list>div{min-width:768px;} .section3{padding: 60px 0;} .section4 ._form ._item{width: 100%;} .section4 ._form ._row{flex-wrap: wrap;} .section4 ._form ._row ._rl{width: 100%;} .section4 ._form ._row ._rr{margin-left: 0;height: 62px;margin-top: 10px;} .section4 ._form ._row ._rl ._codeimg{width: auto;} .section4{padding-top: 60px;padding-bottom: 40px;} .pagebanner.style3 ._info .del{font-size: 30px;} .kefu ._list ._item{flex-wrap: wrap;margin-bottom: 30px;} .kefu ._list ._item:last-of-type{margin-bottom: 0;} .kefu ._list ._item ._img{width: 100%;order: -1 !important;} .kefu ._list ._item ._info{width: 100%;padding:25px 20px;} .kefu ._list ._item ._img{height:50vw;} .kefu{padding-top:60px;padding-bottom:20px;} .maps ._box{flex-wrap: wrap;} .maps ._info{width: 100%;} .maps ._mapimg{width: 100%;margin-left: 0;margin-top: 40px;} .maps ._info ._datas{margin-top: 25px;} .maps{padding-top: 60px;padding-bottom: 0px;} .message ._info ._title .en{font-size: 26px;} .message ._info ._title .cn{font-size: 22px;} .message ._box{flex-wrap: wrap;} .message ._info{width: 100%;padding-right:0;} .message ._from{width: 100%;margin-left: 0;margin-top: 60px;} .message ._info ._tel ._name{font-size: 16px;} .message ._info ._tel ._txt{font-size: 24px;} .message ._info ._tel{margin-top: 40px;} .message{padding-top: 60px;padding-bottom: 100px;} .newslist ._item{width: 100%;} .news{padding-top: 60px;padding-bottom: 20px;} .pagelist li a{width:36px;height:36px;line-height:36px;font-size:12px;} .pagelist li{padding:0 1px;} .newslist{margin-bottom: 50px;} .partner ._list ._item{width: 33.333333%;} .partner{padding-top: 40px;} .pagebanner ._pron ._mode ._title{font-size: 25px;} .word{padding-top: 40px;padding-bottom: 30px;} .product .style1 ._item ._info{padding: 20px;} .product .style1 ._item ._info ._title{font-size: 16px;} .product .style1 ._item ._info ._del .hoverable_txt{font-size: 13px;} .product ._view ._tops ._titile ._text{font-size: 22px;} .product ._view ._tops ._titile ._icon{width: 34px;} .product{padding-top: 0;padding-bottom: 20px;} .product ._list3 ._item ._title{font-size: 16px;} .screen ._tab{width: 100%;} .screen>div{flex-wrap: wrap;} .screen ._tab ._item a{font-size: 14px;} .screen ._query{padding-left: 25px;width: 100%;margin-top: 15px;} .screen ._query form{width:200px;} .pagebanner .imgtext>div img{width: 180px;} .product2list ._item ._domimg{position: initial;width: 100%;height:55vw;} .product2list ._item ._info{position: relative;max-width: 100%;padding: 0 5%;} .product2list ._item ._info ._bg{width: 100%;} .product2list ._item:nth-child(even) ._info ._cnt{margin-left: 0;} .product2list ._item ._info ._cnt{width: 100%;} .product2list ._item:nth-child(odd) ._info ._cnt{padding-right: 0px;} .product2list ._item:nth-child(even) ._info ._cnt{padding-left: 0px;} .product2list ._item ._info ._title span{font-size: 20px;} .product2list ._item ._info ._title ._line:before, .product2list ._item ._info ._title ._line:after{height: 2px;width: 22px;} .product2list ._item ._info ._title{margin-bottom: 20px;} .screen{padding: 40px 0;} #recruitlist ._info ._txt>div{padding:15px;font-size:12px;} .recruitlist ._table th:first-of-type, .recruitlist ._table td:first-of-type{padding-left: 15px;} .recruitlist ._table th:last-of-type, .recruitlist ._table td:last-of-type{padding-right: 15px;} .recruitlist ._table th:nth-child(3), .recruitlist ._table ._check td:nth-child(3){display: none;} .recruitlist ._table th:nth-child(4), .recruitlist ._table ._check td:nth-child(4){display: none;} .recruitlist ._table th, .recruitlist ._table td{font-size: 13px;} .recruit{padding-top: 40px;padding-bottom: 20px;} .scan ._box{flex-wrap: wrap;} .scan ._box ._query{width: 100%;margin-bottom: 25px;} .scan ._box ._code{margin-left: 0;width: 100%;justify-content: center;} .scan ._box ._code{padding: 15px;} .scan ._box ._code ._img{width:100px;} .scan ._box ._code ._name{margin-left: 15px;} .scan ._box ._code ._name{font-size: 14px;} .scan ._query ._item._btn button>div{font-size: 14px;} .scan ._box{padding:25px 20px;} .scan ._query ._item:first-of-type{margin-bottom: 10px;} .scan{margin-top: 60px;} .scan ._query ._item{height: 44px;} .pageload{padding: 40px 0;} .pagebanner ._pron{position: initial;padding-top: 140px;transform: none;padding-bottom: 60px;} .pagebanner ._pron>div{flex-wrap: wrap;} .pagebanner ._pron ._mode{width: 100%;} .pagebanner ._pron ._img{width: 100%;margin-left:0;order: -1;margin-bottom:40px;} .pagebanner.style4{background: linear-gradient(to top,#aabdd0,#eff8ff);} .pagebanner ._pron ._mode ._line{max-height: initial;} .pttab ._item ._icon{width: 35px;height: 35px;} } @media screen and (max-width:680px){ .partner ._list ._item a{height: 70px;} } @media screen and (max-width:460px){ .partner ._list ._item{width: 50%;} }