@charset "utf-8"; /* CSS Document */ /* 基础设置 */ /*=================default===================*/ html, body { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; } body { overflow-x: hidden; -webkit-text-size-adjust: none; height:100%; width: 100%; overflow-y: scroll; background: #fff; font-size: 16px; } video{max-width:100%;height:auto;width:80%;} .search ::-webkit-input-placeholder { /* Edge */ color: #fff; } .search :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .search ::placeholder { color: #fff; } @font-face { font-family: ro-bk; src: url('../font/Roboto/Roboto-Black.ttf'); } @font-face { font-family: ro-bd; src: url('../font/Roboto/Roboto-Bold.ttf'); } @font-face { font-family: ro-li; src: url('../font/Roboto/Roboto-Light.ttf'); } @font-face { font-family: ro-me; src: url('../font/Roboto/Roboto-Medium.ttf'); } @font-face { font-family: ro-re; src: url('../font/Roboto/Roboto-Regular.ttf'); } *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.75;font-family: ro-re;} .layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;} ::selection{background:#3F8CFE; color:#fff;} ::-moz-selection{background:#3F8CFE; color:#fff;} a,a:link{ color: #000; text-decoration: none;} a:hover,a:active{ color: #3F8CFE; text-decoration: none;} a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);} .block{display: block !important;} /*定义动画*/ .e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;} .nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/ .e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s; transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;} *.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s; transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;} .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .text-right{ text-align: right; } /*--简易切换动画--*/ .tabs-box .bd{ transition: .3s;} .tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;} .tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;} @-webkit-keyframes tabs-hide /* Safari 和 Chrome */ { from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;} } @keyframes tabs-hide { from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;} } .tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;} .tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;} @-webkit-keyframes tabs-show /* Safari 和 Chrome */ { from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;} to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} } @keyframes tabs-show { from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;} to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} } /* 切换 */ .tabs-box .hd-line{transition: .3s;} .tabs-box .hd>*{position: relative;} .tabs-box .bd{ position: relative; overflow: hidden;} .e-anim-hide{display: none;} .e-anim-on{ display: block;} .e-anim-off{ pointer-events: none; display: block; display: none\9;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .e-anim-off { display: none; } /* IE10+ */ } .tabs-box .e-anim-on{animation:tabs-anim-on .3s;animation-fill-mode: both; width: 100%;} .tabs-box .e-anim-off{ animation:tabs-anim-off .3s; width: 100%; position: absolute; animation-fill-mode: both; top: 0;} @keyframes tabs-anim-on{ from { opacity: 0; } to {opacity: 1;} } @keyframes tabs-anim-off{ from { opacity: 1; } to { opacity: 0;} } /*--最小屏提示--*/ @media screen and (max-width: 319px) { html{-webkit-transition: 0s; transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; } body { -webkit-transition: 0s; transition: 0s; display: none; } } /*--layui--*/ .layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;} /*--移动端横屏提示--*/ @media (max-width: 991px) and (orientation : landscape) { html.landscape { background: #fff url(../img/landscape.png) center center no-repeat; } html.landscape body { display: none; } } /*--swiper2.x高度自适应--*/ /* .swiper-container .swiper-wrapper{ height: auto !important;} */ /*默认动画时长*/ .animated { -webkit-animation-duration: 1s; animation-duration:1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated-s { -webkit-animation-duration: .5s; animation-duration:.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*百度分享*/ .bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s; transition: 0s;} .bdsharebuttonbox *{-webkit-transition: .3s; transition: .3s;} /*bshare分享*/ #bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial;} /*百度分享*/ .bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s; transition: 0s;} .bdsharebuttonbox *{-webkit-transition: .3s; transition: .3s;} /*bshare分享微信弹窗兼容*/ #bsWXBox{-webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial;} /*百度地图*/ .map *{ -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s;} .map label,.map img{max-width: none !important; width: initial !important;} .map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} /*视频全屏*/ .video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;} /*lightbox*/ .lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);} /*--分页--*/ div.pages {text-align: center; width: 100%; padding: 30px 0 30px 0; margin: 0; line-height: 1.7;} div.pages *{ line-height: 1.7;} div.pages a, div.pages span {text-decoration: none; background: #fff; /*border: 1px solid #DDDDDD;*/ padding: 4px 12px; margin: 3px; color: #999999; font-size: 14px; display: inline-block; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #3F8CFE; color: #fff; /*border: 1px solid #3F8CFE;*/ line-height: 1.7;} /*弹窗视频*/ @media screen and (min-width: 320px) { .video-show.layui-layer-iframe{overflow: visible;} .video-show{ width: 300px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;} body .image-show{background-color: rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 0} .video-show .layui-layer-setwin{ right: 0; top: 0;} .video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 30px; height: 35px; /*background: #D90A13; */font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;} .video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e639"; color: #fff; font-size: 14px;} div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;} .jcsp-video{display: none;} .video-show video{display: block;} .video-show video{ width: 100%; height: 100%;} .video-tit span{background-color: #EFF7FF;display: block;text-align: center;font-size: 12px;color: #003D7E;height: 38px;line-height: 38px;} .image-show.layui-layer-iframe{overflow: visible;} .image-show{ width: 300px !important; height: 155px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;} .image-show i.pic-size{padding-bottom: 52%;} .layui-icon{line-height: 24px!important;} div.pages a, div.pages span{margin:0 2vw; font-size:3.2vw;} div.pages a{display:none;} div.pages a:nth-last-child(1){display:inline-block;flex:1;display:flex;justify-content:center;align-items:center;margin-right:0;} div.pages a:nth-child(1){display:inline-block;flex:1;display:flex;justify-content:center;align-items:center;margin-left:0;} div.pages .current{display:flex;justify-content:center;align-items:center;width:12vw;height:12vw;} div.pages{display:flex;justify-content:center;} div.pages .pag01{flex:1;width:auto;margin-left:0;} div.pages a.pagnone{display:none;} } @media screen and (min-width: 384px) { .video-show{ width: 365px !important; height: 210px !important;} .image-show{ width: 365px !important; height: 170px !important;} } @media screen and (min-width: 480px) { .video-show{ width: 420px !important; height: 240px !important;} .image-show{ width: 420px !important; height:200px !important;} } @media screen and (min-width: 640px) { .video-show{ width: 630px !important; height: 360px !important;} .image-show{ width: 630px !important; height: 320px !important;} div.pages a, div.pages span{padding: 12px 20px;} } @media screen and (min-width: 768px) { .video-show{ width: 700px !important; height: 400px !important;} .image-show{ width: 700px !important; height: 360px !important;} } @media screen and (min-width: 992px) { .video-show{ width: 900px !important; height: 510px !important;} .image-show{ width: 900px !important; height: 460px !important;} div.pages {padding:40px 0;} div.pages .current{display:flex;justify-content:center;align-items:center;width:auto;height:auto;} div.pages a, div.pages span{margin:0 5px; font-size:14px;} div.pages a{display:flex;justify-content:center;align-items:center;} div.pages a:nth-last-child(1){flex:inherit;display:inline-block;} div.pages a:nth-child(1){flex:inherit;display:inline-block;} div.pages .pag01{flex:inherit;} .video-tit span{font-size: 14px;line-height: 42px;height: 42px;} } @media screen and (min-width: 1240px) { div.pages {padding:50px 0;} } @media screen and (min-width: 1340px) { div.pages {padding:60px 0;} } /*@media screen and (min-width: 1340px) { .video-show{ width: 1100px !important; height: 620px !important;} }*/ /*--移动端设置&小屏电脑 图片缩放--*/ /*设置最大屏像素-1*/ @media screen and (max-width: 1259px){ /*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/ } /*图片比例裁剪预设*/ i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;} i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;} i.pic-size img{ width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; object-fit: contain; transition: .3s;} i.pic-size-cover img{object-fit: cover;} i.pic-size-scale-down img{object-fit: scale-down;} i.pic-size-none img{object-fit: none;} .layui-form-checked[lay-skin=primary] i{ border-color: #3F8CFE; background-color: #3F8CFE;} .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #3F8CFE;} .pic img{width: 100%;} /*=================layout===================*/ @media screen and (min-width: 320px) { .container{ padding: 0 15px; margin: 0 auto; width: 100%;} .container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;} .container-max{ padding: 0 15px; width: 100%; margin: 0 auto;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #f7f7f7; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { background-color: #e6e6e6; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { background-color: #aaa; } } @media screen and (min-width: 992px) { .hd_container, .container{ width: 990px; padding: 0 10px;margin: 0 auto;} } @media screen and (min-width: 1220px) { .container{ width: 1220px; padding: 0 10px;} .hd_container, .container-header{width: 100%;} } @media screen and (min-width: 1366px) { .container{ width: 1220px; padding: 0 10px;} } @media screen and (min-width: 1420px) { .container{ width: 1320px; padding: 0 10px;} .hd_container, .container-header{width: 100%;} .ind-box01{width: 1200px;} .bg .container{ width: 1300px;} } @media screen and (min-width: 1620px) { .container{ width: 1520px; padding: 0 10px;} .bg .container{ width: 1420px;} .hd_container, .container-header{width: 100%;} } /*--/漂浮--*/ @media screen and (min-width: 1320px) { /* body::before{ content: ' '; background-image: url(../images/sever02.jpg); width: 100%; height: 6562px; background-position: center 0; position: absolute; z-index: 999; opacity: .2; pointer-events: none; -webkit-background-size: 1920px auto; background-size: 1920px auto; top:0; left: 0;background-repeat: no-repeat;} body:hover::before{ opacity: 0;} */ } /*=================header===================*/ @media screen and (min-width: 320px) { /* .mobel{display: none;} */ div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;} .container-header{position: relative;z-index: 2;display: flex; align-items: center; justify-content: space-between;} .container-header:after{display:none;} .nav-box-bg{ height: 11vw; width: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #fff; /*display:none;*/} .nav-box-bgi{box-shadow:0 0 25px rgb(0 0 0 / 10%)!important;} .nav-box-zhanwei{/*display: none!important;*/position: relative!important;} .nav-box{ height: 11vw; width: 100%; z-index: 100; left: 0; top: 0; background: #fff; position: fixed;} .header-box{ height: 11vw; display: none;} .logo{ float: left; position: relative; z-index: 9; height: 6.9vw; /* padding: 10px 0; */} .logo a{ display: block; height: 100%;} .logo img{ height:100%; display: block;} .nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;} .nav-btn i{ line-height: 11vw; font-size: 5.3vw; /*width: 24px;*/ text-align: center; color: #3F8CFE;} .nav-hide-btn{ display: none;} .nav-btn-show .nav-hide-btn{ display: block;} .nav-btn-show .nav-show-btn{ display: none;} .nav{ position: absolute; top: 11vw; left: 0; right: 0; background: #0c0c0c; background: rgba(255,255,255,.95); padding:10px 15px; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 10px 10px rgba(0,0,0,.2); box-shadow: 0 10px 10px rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8; backdrop-filter: blur(20px);} .nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; } .nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;} .nav-list{ visibility: visible !important;} .nav-list li{ border-bottom: solid 1px rgba(0,0,0,.1);} .nav-list li:nth-last-child(2){border-bottom: none;} .nav-list li a{ display: block; text-align: center;} .nav-list li a b{ line-height: 42px; position: relative; color: #666; text-align: center; position: relative;font-weight:normal;} .nav-list li a:hover b{color: #3F8CFE;} .nav-list li a i{ position: absolute; right: -35px; top: 50%; font-size: 20px; color: #ee1911; margin-top: -25px;} .nav-list li a i::before{ font-size: 20px; line-height: 1;} .nav-list li .nav-list-sub{ overflow: hidden; background:#F2F4FB; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; transition:height .3s,opacity .3s; /*display:none;*/} .nav-list li.nav-on .nav-list-sub{display:block;height:auto!important;} .nav-list li .nav-list-sub .nav-list-height{ padding: 10px 15px;} .nav-list li .nav-list-sub a{ line-height: 40px; color: #eee; font-size: 14px; text-align: center;} .nav-list li .nav-list-sub a span{ color: #666;} .nav-list li .nav-list-sub a span:hover{color:#3F8CFE;} .nav-list li .nav-list-sub a:before{display:none;} .nav-list li .nav-list-sub a.on span{color:#3F8CFE;} .nav-list li .nav-list-sub a#on.mobile_show {display:none;} /* .nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #3F8CFE;} */ .nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;} .nav-list .nav-on a{border-bottom:none ;} .nav-list .nav-off{ position: relative; z-index: 1;} .nav-list li .on b{ color: #3F8CFE;} .nav-list li.nav-on a b{ color: #3F8CFE;} .nav-list li .on b::before{content: "";position: absolute;left: 0;bottom: -187%;height: 3px;width: 100%;background-color: #3F8CFE;display:none;} .nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #3F8CFE; z-index: -1; position: absolute; display: none;} .nav-list div.nav-btn-bg-02{ width: auto; left: auto;} .nav-list div.nav-btn-bg-02-show{ opacity: 1; filter:Alpha(opacity=100); } .nav-list-sub.e-anim-hide{ display: block; } .nav-list a b{ transition: color .3s,background .3s;} .top-r {display.search-inp input: flex; flex-direction: column; align-items: center; margin-bottom: 10px;} .nav-list-height.e-anim-on{animation:nav-list-anim-on .3s; animation-fill-mode: both; display: block;} .nav-list-height.e-anim-off{ animation:nav-list-anim-off .3s; animation-fill-mode: both; display: block;} .search-form{width:100%;} .search-box{ padding-top: 15px; display: flex; width: 100%;position:relative;} .search-inp{display: block; padding-right: 5px; flex:1;} .search-inp input{ height: 40px; border: none;padding: 0 0px 0 10px; border-radius: 4px; width: 100%;padding-left: 36%;background-color: #f5f5f5; } .search-box .btn{ height: 36px; width: 36px; border-radius: 4px; border: none; background: #3F8CFE; color: #fff; cursor: pointer;} .search-box .btn{ background: none; color: #888; width: auto; padding-left: 20px; height: 40px; display: flex; align-items: center; justify-content: center; padding:0 0px 0 25px;position: absolute; left: 50%; top: 15px;} .search-box .btn i::before{ color: #04324F; font-size: 20px;} .lang-box{display: inline-flex; border-radius: 4px; background: #fff; overflow: hidden; height: 32px;} .lang-box dd{display: flex;} .lang-box a{ padding: 0 10px; line-height: 32px; display: inline-flex; } .lang-box a.on{ background: #3F8CFE; color: #fff;} .lang-box dt{display: none;} /* .top-r{display: block!important;} .mobel{display: none!important;} */ } @keyframes nav-anim-on{ from { opacity: 0; transform: translateY(-10px); filter: blur(2px);} to {opacity: 1; transform: translateY(0);} } @keyframes nav-anim-off{ from { opacity: 1; transform: translateY(0); filter: blur(0);} to { opacity: 0; transform: translateY(-10px); filter: blur(2px);} } @keyframes nav-list-anim-on{ from { opacity: 0; transform: translateY(-20px);} to {opacity: 1; transform: translateY(0);} } @keyframes nav-list-anim-off{ from { opacity: 1; transform: translateY(0);} to { opacity: 0; transform: translateY(20px);} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { /* .logo{ height: 76px; padding: 30px 0;} .nav-box-bg{ height: 76px;} .nav-box{ height: 76px;} .header-box{ height: 76px;} .nav{ top: 76px;} .nav-btn i{ line-height: 76px; font-size: 28px; width: 30px;} */ } @media screen and (min-width: 992px) { .nav-list li .nav-list-sub{display:block;} .nav-list li .on b::before{display:block;} .nav-box-zhanwei{display: block!important;} .nav{ height: 80px; backdrop-filter: blur(0);} .nav:before{display: none;} .nav-box-bg{ height: 80px; display: none;} .nav-box{ box-shadow: none; position: fixed; height: 80px; background: #fff;/* border: 1px solid #F1F2F6; */} .header-box{ height: 80px; display: none;} .logo{ height: 52px; padding:10px 0; /* margin-bottom: -20px; */} .logo img{ margin: 0 auto; height: 100%;} .logo a{ width: 100%; height: 100%; display: block; padding: 0;} .nav-btn{ display: none;} .nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow: visible; background: none; top: 0; padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .nav-list{ position: relative; float: right; margin-right: -24px;margin-right:0!important;} .nav{position: static;} .nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;} .nav-list{ position: static;} .nav-list li{ float: left; border-bottom: none; position: relative; /*position: static !important;*/ border: none;} .nav-list .nav-on{} .nav-list li a b{ line-height: inherit;height: auto; color: #000; overflow: hidden; font-size: 14px; } .nav-list li a{ height: 80px; line-height: 80px; padding: 0 10px; font-size: 12px; position: relative; } .nav-list li a i{ right: -20px; top: 50%; font-size: 20px; color: #ee1911; margin-top: -35px;} /*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/ .nav-list li.nav-on>a b{ color: #3F8CFE;} .nav-list li.nav-on>a b i{font-weight: normal;} .nav-list li.nav-off>a b{ color: #000;} .nav-list li .on b/*,.nav-list li a:hover b*/{ color: #3F8CFE;} .nav-list li .on i{font-weight: normal;} .nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100);} .bd-more{border-bottom-color: #fff; display: none;} .nav-list li .nav-list-sub{ position: absolute; top: 80px; height: auto !important; box-shadow: 0 5px 8px rgba(0,0,0,.3); width: 100%; background: none; box-shadow:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;padding-top: 0; left: 24px; right: 0; /* width: 960px; */ margin-left:-10px;} .nav-list li .nav-list-sub .nav-list-height{padding: 0;padding-top: 15px;overflow: hidden; /* float: left; */position: relative;} .nav-list li .nav-list-sub a{ height: auto; border: none; padding: 11px 10px;padding-bottom:0px; padding-left:0px; text-align: left; line-height: 1.75;/* float: left; */ position: relative; z-index: 2;} .nav-list li .nav-list-sub a span{ color: #666; /* white-space: nowrap; */padding: 0; font-size: 12px; line-height: 2;} .nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on span{ color: #3F8CFE;font-weight: bold;} .nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 48px; background: #3F8CFE; overflow: hidden; transition: .3s; display: none; } /* .nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content: ' '; position: absolute; left: 20px; right: 20px; top: 0; height:3px; background: #B8914D;} */ .nav-list-sub.e-anim-hide{ display: none;} .nav.e-anim-hide{ display: block;} .nav-list-height.e-anim-on{animation:nav-list-anim-on-pc .5s; animation-fill-mode: both; display: block;} .nav-list-height.e-anim-off{ animation:nav-list-anim-off-pc .2s; animation-fill-mode: both; display: block;} /*PC二级下拉背景色*/ .nav-list-sub-bg{ display: block; position: absolute; top: -10000%; height: 800px; width: 100%; left: 0; background-image: linear-gradient(rgba(255,255,255,.95), rgba(255,255,255,.95),rgba(255,255,255,.72),rgba(255,255,255,.0)); opacity: 0; filter:Alpha(opacity=0); border-top:1px solid #eee;} .nav-list-sub-bg-show{ opacity: 1; filter:Alpha(opacity=100); /* backdrop-filter: blur(10px); */ top: 80px;} /* pc二级栏目滑块 */ .nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 46px; padding: 0; border-bottom: solid 2px #3F8CFE; transition: .3s;} .ind-nav-box{ position: absolute; left: 0; width: 100%;} .ind-nav-box{ background: none; transition: .3s;} .ind-nav-box .logo img{filter: contrast(0%) brightness(1000%);} .ind-nav-box .nav-list li a b{color: #fff;} .ind-nav-box:hover{box-shadow: 0 0 5px rgba(0,0,0,.2); background: #fff;} .ind-nav-box:hover .logo img{filter: contrast(100%) brightness(100%);} .ind-nav-box:hover .nav-list li a b{color: #333;} /* .nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ content:' '; left: 25px; right: 25px; height: 2px; background: #3F8CFE; position: absolute; top: 50%; margin-top: 17px;} */ .top-r{ background: none; border: none; float: right; display: flex; flex-direction: row-reverse; justify-content: center; padding: 0; margin-bottom: 0;} .lang-box{ background: none; border-radius: 0; position: relative; overflow: visible; height: auto;} .lang-box dt{ display: flex; align-items: center; height: 32px; cursor: pointer; white-space: nowrap; justify-content: center; height: 80px;} .lang-box dt span{padding:0 9px; font-size: 16px; color: #333333;} /* .lang-box dt i.more{ border-top: solid 6px #3F8CFE; border-left: solid 4px transparent; border-right: solid 4px transparent;} */ .lang-box dt i.icon,.lang-box dt i.icon::before{ font-size: 16px; line-height: 1; color: #3F8CFE;} .lang-box dd{display: none; position: absolute; right: 0; top: 70px; left: 0; right: 0; padding-top: 10px;} .lang-box dd div{ position: relative; background: rgba(255,255,255,.95); padding: 5px 2px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 5px 15px rgb(0 0 0 / 10%);} .lang-box dd div::before{content: ' '; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #fff; position: absolute; left: 50%; top: -6px; margin-left: -6px;} .lang-box dd div a{ width: 100%; justify-content: center; height: 36px; align-items: center;} .lang-box dd div a.on:hover{ color: #fff;} .lang-box dd div a:hover{ color: #3F8CFE;} .lang-box dd.e-anim-on{animation:lang-anim-on-pc .5s; animation-fill-mode: both; display: block;} .lang-box dd.e-anim-off{ animation:lang-anim-off-pc .2s; animation-fill-mode: both; display: block;} .search-box{ margin-top: 0; padding: 0; height: 80px; display: flex; align-items: center; justify-content: center; border:none;} .search-box{position: relative;padding-right: 20px;} .search-bg{ /* position: absolute; right: 0; top: 80px; */ background: #f7f7f7; /* padding: 8px 12px; */} .search-inp{/* display: none; */ padding-right: 0; /* position: absolute; */ right: 0; top: 0;} .search-inp input{ height: 40px; border:none; width: 140px;padding-left:44px;padding-right:10px;} .search-box .btn{ background: none; color: #888; width: auto; padding-left: 20px; height: 80px; display: flex; align-items: center; justify-content: center; padding:0 0px 0 15px;position: absolute; left: 0; top: 0px;} .search-box .btn i::before{ color: #04324F; font-size: 20px;} .search-inp.e-anim-on{ animation: search-anim-on-pc .5s; animation-fill-mode: both; display: block;} .search-inp.e-anim-off{ animation:search-anim-off-pc .5s; animation-fill-mode: both; display: block;} /* .top-r{display: none!important;} */ /* .mobel{display: flex!important;float: initial;} */ .container-header{display: flex;align-items: center;justify-content: space-between;padding: 0 30px;} .container-header::after{display: none;} } @keyframes search-anim-on-pc{ from { opacity: 0; transform: translateY(-10px);} to {opacity: 1; transform: translateY(0);} } @keyframes search-anim-off-pc{ from { opacity: 1; transform: translateY(0);} to { opacity: 0; transform: translateY(10px);} } @keyframes nav-list-anim-on-pc{ from { opacity: 0; transform: translateY(10px);} to {opacity: 1; transform: translateY(0);} } @keyframes nav-list-anim-off-pc{ from { opacity: 1; transform: translateY(0);} to { opacity: 0; transform: translateY(10px);} } @keyframes lang-anim-on-pc{ from { opacity: 0; transform: translateY(-10px);} to {opacity: 1; transform: translateY(0);} } @keyframes lang-anim-off-pc{ from { opacity: 1; transform: translateY(0);} to { opacity: 0; transform: translateY(10px);} } @media screen and (min-width: 1240px) { .container-header{padding: 0 40px;} .nav-box{height: 68px;} .nav-box-bg{ height: 68px;} .logo{ height: 52px; padding: 0;} .nav{width: auto; height: 68px; } .nav-list{margin-right: -30px;} .nav-list li a{ padding: 0 17px; height: 68px; line-height: 68px;} .nav-list li a b{font-size: 16px;} .nav-list li .nav-list-sub{left: 35px;} .nav-list li .on b::before{bottom: -133%;} .nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ } .nav-list li .nav-list-sub .nav-list-height{ margin: 0;} .nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 68px; } .nav-list li .nav-list-sub{} .nav-list li .nav-list-sub a span{ font-size: 14px;} .nav-list li .nav-list-sub{ top: 68px;} /* .nav-list li .nav-list-sub .nav-list-height{ padding-top: 50px;} */ .search-box{height: 68px;} .search-box .btn{ height: 68px;} .search-bg{ top: 68px;} .nav-list-sub-bg-show{ top:68px;} .lang-box dt{ height: 68px;} .lang-box dd{top: 68px;} } @media screen and (min-width: 1440px) { .nav-list li a{ padding: 0 30px;} .nav-list{margin-right: -40px;} .search-inp input{ /* height: 48px; width: 280px; */ font-size: 16px;} .container-header{padding: 0 50px;} .nav-list li .nav-list-sub{left: 45px;} } @media screen and (min-width: 1640px) { .search-box .btn{} .search-box .btn i::before{ font-size: 16px;} .nav-list li a{ padding: 0 42px;} .nav-list li .nav-list-sub{left: 52px;} .nav-list{margin-right: -42px;} .container-header{padding: 0 54px;} } @media screen and (min-width: 1840px) { .nav-list li a{ padding: 0 58px;} .nav-list li .nav-list-sub{left: 69px;} .nav-list{margin-right: -58px;} } @media screen and (min-width: 1920px) { .nav-list li a{ padding: 0 50px;} .nav-list li .nav-list-sub{left:80px;} .nav-list{margin-right: -70px;} } /* banner */ @media screen and (min-width: 320px) { .banner-swiper .bg{ height: 41.67vw; -webkit-background-size: cover;background-color: #ddd; background-size: cover; background-repeat: no-repeat;background-position: center;} .banner-swiper .bg{ display: flex; align-items: flex-start; justify-content: center; flex-direction: column;} .banner-swiper .bg .container{display:none;} .banner-swiper .bg2{padding:3.2vw 0 6.4vw;} .banner-swiper .bg2 .con-ban2 {padding-bottom:6.4vw;} .bg2 .ban-more{/*display:block;*/margin:0 auto;} .bg-txt{font-size: 18px;font-family: pop-SB;line-height: 1.2;} .bg-tit{font-size: 14px;font-family: pop-EXL;line-height: 1.2;} .bg-more{font-size: 12px;font-family: pop-M; background-image: linear-gradient(to right, #F86B33, #DF470A);color: #fff;padding: 5px;line-height: 1;margin-top: 10px;width: 200px;text-align: center;border-radius: 36px;} .bg-more:hover{ background-image: linear-gradient(to right, #F29875, #FE6A31);} .bg-more span{margin-left: 10px;} .banner-mess{ position: absolute; bottom: 57%; width: 100%; z-index: 2; display: flex; align-items: center; justify-content: center;} .banner-mess .banner-pagination{ display: flex;} .banner-mess .banner-pagination .swiper-pagination-bullet{ width: 3.2vw; height: 1vw; background: #484848; margin:0 4px; opacity: 0.2; position: relative;border: 0.53vw solid #484848;border-radius: 0%;} .banner-mess .banner-pagination .swiper-pagination-bullet-active{ opacity: 1; background: #3F8CFE;border-color: #3F8CFE;} .banner-prev, .banner-next{ position: absolute;top: 50%; z-index: 9; height: 30px; margin-top: -0px; display: flex; align-items: center; justify-content: center; width: 30px; cursor: pointer;background-size:100% 100%; box-shadow: 0 0 6px rgba(0,0,0,0.1);background-color: rgba(51,51,51,0.3);border-radius: 50%;opacity: 0; transition: .3s; transform:translate(0%,-50%);} .banner-prev{ left: 15px;right: 15px; } .banner-next{ right: 15px;} .banner-prev i::before,.banner-next i::before{ font-size: 20px; display: block;color: #fff;} .banner-prev:hover i::before{transform: translateX(-5px);} .banner-next:hover i::before{transform: translateX(5px);} .fzlc-swi {overflow: initial;} .ban-tit{font-size:4.5vw;font-family: ro-bd;font-weight:bold;} .con-ban{font-size: 16px;color: #fff;text-shadow: 0 1px 6px rgba(0,0,0,0.06);margin-bottom: 20px;} .ban-more{font-size: 3.2vw;color: #fff;background-color: #3F8CFE;border-radius: 4px;display: inline-block;padding: 0px 0px;width: 30vw;text-align: center;height:9.6vw;display:flex;justify-content:center;align-items:center; margin: 0 auto;} .ban-more span{margin-left: 1.8vw;position: relative;left: 0px; transition: .3s;font-size:3.2vw;} .ban-more:hover span{left: 6px;animation: 0.5s; transition: .3s;} .ban-more:hover {background-color: #3576d6;} .ban-txt{font-size:3.2vw;word-wrap: break-word;} } @media screen and (min-width: 480px) { .con-ban{margin-bottom: 60px;} /*.banner-swiper .bg{ height: 80vw; }*/ .bg-txt{font-size: 24px;padding-bottom: 10px;} .bg-tit{font-size: 16px;} .bg-more{font-size: 16px;padding: 6px;margin-top: 20px;width: 250px;} .ban-more:hover span{left: 10px;} } @media screen and (min-width: 640px) { .con-ban{margin-bottom: 100px;} /*.banner-swiper .bg{ height: 61.67vw; }*/ .bg-txt{font-size:28px;padding-bottom: 10px;} .bg-more{font-size: 17px; width: 300px; padding: 14px; margin-top: 30px;} .bg-more span{margin-left: 20px;font-size: 18px;} } @media screen and (min-width: 992px) { .ban-more span{margin-left: 14px;font-size:16px;} .ban-more{font-size:16px;width:160px;padding: 14px 0px;height:62px; margin-left:0;} .banner-mess .banner-pagination .swiper-pagination-bullet{width:24px; height:4px;border: 2px solid #484848;} .banner-mess .banner-pagination .swiper-pagination-bullet-active{ background: #3F8CFE;border-color: #3F8CFE;} .ind-banner:hover .banner-prev,.ind-banner:hover .banner-next{opacity: 1; transition: .3s;} .banner-swiper .bg .container{display:block;} .banner-swiper .bg2{display:none;} .bg .container{padding:0;} .ban-tit{font-size: 38px;} .banner-prev, .banner-next{width: 50px;height: 50px;} .con-ban{margin-bottom: 15vw;} .ban-txt{max-width: 570px;min-height: 56px;font-size:22px;} .banner-swiper .bg{height: 41.67vw; } .banner-swiper .bg{ background-size: cover;} .banner-swiper .tit{ font-size: 50px;} .banner-swiper .txt{ font-size: 26px; padding-top: 10px;} .banner-swiper .btn{ padding-top: 65px;} .banner-swiper .btn a{ width: 180px; height: 50px; font-size: 16px;} .banner-mess { bottom: 24px;} .banner-prev{ left: 30px;} .banner-next{ right: 30px;} .bg-txt{font-size: 44px;padding-bottom: 10px;} .bg-tit{font-size: 24px;} .bg-more{font-size: 18px;padding: 16px;margin-top: 40px;width: 400px;} } @media screen and (min-width: 1200px) { .ban-tit{font-size: 42px;line-height: 1.2;padding-bottom: 20px;} /* .banner-prev, .banner-next{width: 60px;height: 60px;} */ .banner-prev{ left: 40px;} .banner-next{ right: 40px;} .bg-txt{font-size: 50px;} .bg-tit{font-size: 26px;} .bg-more{font-size: 18px;padding: 18px;margin-top: 50px;} } @media screen and (min-width: 1420px) { .ban-tit{font-size: 46px;} .bg-txt{font-size: 54px;line-height: 68px;} .bg-tit{font-size: 28px;} .bg-more{font-size: 20px;} } @media screen and (min-width: 1820px) { .ban-tit{font-size: 48px;} .banner-prev{ left: 50%; margin-left: -755px;} .banner-next{ right: 50%; margin-right: -755px;} } /* 产品 放大 */ @media screen and (min-width: 320px) { .small{ width: 100%; max-width: 600px; position: relative; display: inline-block; overflow: hidden;padding:0 0 6.4vw ; display: block; margin: 0 auto; } .small>img{ width: 100%; height: 100%; } .zfx{ width: 100px; height: 100px; position: absolute; display: none; top: -15px;background-image: url(../img/zfx.png); cursor: move;background-repeat: no-repeat; } .big{ width: 200px; height: 200px; margin-left: 20px; border: 1px solid #E4E4E4; border-radius: 4px; display: none; position: absolute; overflow: hidden; top: 45%; left: 10%; transform: translate(0%,-50%); background: #F1F2F6; } .icon-amp{position: absolute;right: 20px;bottom: 20px;font-size: 24px;line-height: 1;color: #333333;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .big{ width: 300px; height: 300px;} .small{width:50%; flex-shrink:0;} } @media screen and (min-width: 990px) { .big{ width: 400px; height: 400px; top: 50%; left: 20%; transform: translate(-50%,-50%);} .zfx{ width: 200px; height: 200px;} .small{padding: 0;padding-top: 12px;margin:0;} } @media screen and (min-width: 1220px) { .small{width:100%;padding-top: 12px;} } @media screen and (min-width: 1420px) { .big{ top: 50%; left: 43%; transform: translate(-50%,-50%);} } @media screen and (min-width: 1620px) { } /* product */ @media screen and (min-width: 320px) { .ind-box{background-color: #F1F2F6;} .tit{font-size: 5.3vw;text-align: center;font-family: ro-bd;font-weight:bold;position: relative; line-height: 1.2;} .tit::before{position: absolute;content: "";left: 50%;bottom: -12px;width: 50px; height: 3px;background-color: #3F8CFE;transform: translate(-50%,0);z-index: 2;} .ind-product{padding-top: 30px;} .pro-tt{font-size: 6.6vw;font-weight: bold;color: #3F8CFE;} .pro-tit{font-size: 4.5vw;font-family: ro-bd;font-weight:bold;line-height: 1.5;padding-top: 8px;} .indproner{padding-top: 30px;} .small *{ transition: 0s;} .pro-des{position: relative;font-size: 3.7vw;color: #666;padding-top: 12px;line-height: 1.6;/*display:flex;*/align-items:flex-end;} .pro-des p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 99; overflow: hidden; text-overflow:ellipsis;} .jsmore{-webkit-line-clamp: 99;} .jsmore p{-webkit-line-clamp: 99;} .jsmore .off{display: none;} .pro-des .more-cp{ /*position: absolute;right: 0;bottom: 0;background-color: #F1F2F6 ;*/color: #3F8CFE;font-family: ro-bd;font-weight:bold;cursor:pointer;width:14vw;flex-shrink:0;white-space: nowrap;line-height:1.5;display: none;} .pro-des .more-cp i{color: #666;display:none;} .pro-pic{width: 9.6vw;margin:0 auto;} .pro-pic-con{display: flex;justify-content: space-around;padding-top: 8vw;align-items: center;width: 100%;} .pro-pic-tt{font-size: 16px;padding-top: 10px; text-align:center;} .pic-li{} .indproner dt a{margin-bottom: 40px;margin-top:40px;display:block;} .indproner dt{display: flex;justify-content: space-between;flex-direction: column;} .indproner .ban-more{display:n1one;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .indproner{padding-top: 40px;} } @media screen and (min-width: 990px) { .indproner .ban-more{display:flex;} .indproner dt{max-width: 533px;width:100%;} .indproner dt{max-width: 600px;} .indproner{display: flex;justify-content: space-between;} .tit{font-size: 32px;} .pro-tt{font-size: 38px;} .pro-tit{font-size: 26px;} .pro-des{font-size:16px;} .pro-des .more-cp{width: 60px;} .pro-pic{width:50px;} .pro-pic-con{padding-top: 34px;width: 80%;} .indproner dt a{margin-bottom: 30px;} } @media screen and (min-width: 1220px) { .tit{font-size: 34px;} .pro-tt{font-size: 44px;} .pro-tit{font-size: 28px;} .indproner{padding-top: 50px;} /*.pro-des .more-cp{width: auto;}*/ .indproner dt a{margin-bottom: 40px;} } @media screen and (min-width: 1420px) { .tit{font-size: 36px;} .pro-tt{font-size: 48px;} .pro-tit{font-size: 32px;} /*.pro-des .more-cp{width: auto;}*/ .indproner dt a{margin-bottom: 50px;} } @media screen and (min-width: 1620px) { .tit{font-size: 40px;} .ind-product{padding-top: 60px;} .pro-tt{font-size: 50px;} .pro-des .more-cp{width: auto;} .indproner dt a{margin-bottom: 67px;} } /* 首页 产品轮播 */ @media screen and (min-width: 320px) { .swiper-container-horizontal .swiper-pagination-bullets{opacity: 1;} .ind-box-03 {padding: 10px 0 30px; } .ind-box-03 .swiper-awards .swiper-wrapper { transition-timing-function: linear !important; } .ind-box-03 .swiper-bd { position: relative; /*padding: 0 5.5556vw;*/ } .ind-box-03 .swiper-bd .awards-prev { left: 2.2223vw; } .ind-box-03 .swiper-bd .awards-next { right: 2.2223vw; } .ind-box-03 .swiper-bd .swiper-awards { padding: 0 1.1112vw; } .ind-box-03 .swiper-bd .swiper-awards .swiper-slide { padding: 1vw; width: 27.7778vw; position: relative; top: 0;} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide.on{/*top:-1vw;*/} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide.om{top:-1vw;} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide.om::after{content:"";height:1vw;width:100%;display:block;} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide i.pic-scale-awards { padding-bottom: 100%; } .ind-box-03 .swiper-bd .swiper-awards .swiper-slide .pic {/* box-shadow: 0 0 2.2223vw rgba(0, 0, 0, 0.1); */ padding: 0vw; } .pro-name{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.4);color: #fff;font-weight: bold;font-weight: bold;opacity: 0;font-size:3.2vw;font-style:normal;} .pic-scale-awards::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image: linear-gradient(#DCDCDC, #EEEEEE, #EEEEEE);z-index: -1;} .on .pro-name{/*opacity: 1;*/} .om .pro-name{opacity: 1;} .news-nav .mobile_show{display:none!important;} .swiper-pc {display:none;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .swiper-phone{display: none;} .swiper-pc{display:block;} .mobile_show{display:none!important;} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide.on{/*top:-0.5vw;*/} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide.om{top:-0.5vw;} .swiper-container-horizontal .swiper-pagination-bullets{opacity:0;} .banner-swiper .swiper-pagination-bullets{opacity:1;} .ind-box-03 { padding: 20px 0 40px; } .ind-box-03 .swiper-bd { padding: 0; /* margin: -1.5625vw; */} .ind-box-03 .swiper-bd .swiper-awards {padding: 0 0; } .ind-box-03 .swiper-bd .swiper-awards .swiper-slide { padding: 0.5vw; width:9.34vw; width:12.5vw;} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide .pic { /* box-shadow: 0 0 1.0417vw rgba(0, 0, 0, 0.1); */ padding: 0vw; } .ind-box-03 .swiper-bd::before, .ind-box-03 .swiper-bd::after { /* content: ' '; */ position: absolute; top: 0; bottom: 0; width: 12.5vw; pointer-events: none; z-index: 9; } .ind-box-03 .swiper-bd::before { left: 0; background: linear-gradient(-90deg, rgba(255, 255, 255, 0), white); } .ind-box-03 .swiper-bd::after { right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0), white); } .pro-name{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.4);color: #fff;font-weight: bold;font-weight: bold;opacity: 0;font-size:16px;} .pic-scale-awards::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image: linear-gradient(#DCDCDC, #EEEEEE, #EEEEEE);z-index: -1;} .on .pro-name{/*opacity: 1;*/} .om .pro-name{opacity: 1;} .ind-box-03 .swiper-pc-bd .awards-list{padding:0 0; display:flex} } @media screen and (min-width: 1220px) { .ind-box-03 { padding: 20px 0 50px; } } @media screen and (min-width: 1420px) { .ind-box-03 { padding: 20px 0 60px; } } @media screen and (min-width: 1620px) { .ind-box-03 { padding: 20px 0 70px; } } @media screen and (min-width: 2300px) { } /* 首页图片展示 */ @media screen and (min-width: 320px) { .ind-box02{} .indnews-left .pic i{padding-bottom: 57.57%;} .ind-news-list{padding: 40px 0 16px;} .indnews-tt{font-size: 4.5vw;font-family: ro-bd;font-weight:bold;line-height: 1.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;color: #333;} .indnews-left:hover .indnews-tt{color: #3F8CFE;} .indnews-left:hover .indnews-time{color: #3F8CFE;} .indnews-des{font-size: 3.7vw;padding-top:5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;color: #666;line-height: 1.5;} .indnews-time{padding-top: 3.2vw;font-size: 14px;color: #AAAAAA;} .indnews-left .pic{padding-bottom: 20px;} .swi-news .button-prev, .swi-news .button-next{opacity: 1;bottom: 0;width: 42px;height: 42px; background-color: #EBF3FF; box-shadow:none;display:none;} .swi-news .button-prev i, .swi-news .button-next i{text-align:center;line-height:42px;} .button-prev i::before, .button-next i::before{color: #3F8CFE;} .button-prev:hover i::before, .button-next:hover i::before{color: #fff;} .button-prev:hover, .button-next:hover{background-color: #3F8CFE;} .swi-news .button-prev{border-radius: 4px 0 0 4px;left: 0;} .swi-news .button-next{border-radius: 0 4px 4px 0;right: auto;left: 42px;} .indnews-r dl{display: flex;} .indnews-right li .indnews-r dt{padding-right: 10px;width: 40.27%;flex-shrink: 0;} .indnews-right li .indnews-r dt i{padding-bottom: 68%;} .indnews-right li .indnews-r dd{padding-left: 0;flex: 1;} .indnews-tdt .indnews-time{padding: 0;} .indnews-right li:nth-child(1) .indnews-r dd{display: flex;justify-content: space-between;flex-direction: column;padding-bottom: 0;} .indnews-right li+li .indnews-r dt{width: 100px;display: flex;align-items: center;justify-content: flex-end;border-right: 1px solid #DDDDDD;} .indnews-t{display: flex;} .indnews-t span{display: none;font-size: 20px;margin-left: 20px;line-height: 1;} .indnews-r dt .indnews-time{font-size: 24px;text-align: right;padding-top: 0;line-height: 1;color: #000;} .indnews-r dt .indnews-time div{font-size: 18px;line-height: 1;} .ind-news-list li:nth-child(1) .indnews-r dl{flex-direction: column;} .indnews-right li:nth-child(1) .indnews-r dt{width: 100%;} .indnews-right li+li .indnews-r dd{padding-left: 10px;padding-bottom: 0;} .indnews-right li {padding: 5.3vw 0;} .indnews-right {margin: -5.3vw 0;} .indnews-right li a:hover .indnews-tt{color: #3F8CFE;} .indnews-right li a:hover .indnews-time{color: #3F8CFE;} .ind-news-list dd{position: relative;padding-bottom: 60px;} .inenews-more{position: absolute;right: 0%;bottom: 14px;font-size: 17px;font-family: ro-bd;font-weight:bold;line-height: 1;color: #3F8CFE;} .indnews-right li .indnews-des{display:none;} .ind-news-list dt{padding-bottom:5vw;} .ind-box02{} .ind-box02 .inenews-more {display:none;} .ind-box02 .ban-more {display:flex;} .ind-box02 .ban-more{margin-top:8.5vw;} } @media screen and (min-width: 480px) { .indnews-right li .indnews-r dt{padding-right: 10px;} .indnews-right li+li .indnews-r dd{padding-left: 10px;} } @media screen and (min-width: 640px) { .indnews-t span{display: block;} .indnews-right li:nth-child(1) .indnews-r dt{width: 40.27%;} .ind-news-list li:nth-child(1) .indnews-r dl{flex-direction: row;} .indnews-right li .indnews-r dt{padding-right: 15px;} .indnews-right li+li .indnews-r dd{padding-left: 15px;} } @media screen and (min-width: 990px) { .ind-box02 .inenews-more {display:inline-block;} .ind-box02 .ban-more {display:none;} .indnews-right li .indnews-des{display:block;} .indnews-right li {padding: 10px 0;} .indnews-right {margin: -10px 0;} .indnews-time{padding-top: 20px;} .indnews-tt{font-size: 20px;} .indnews-des{font-size: 16px;} .ind-news-list dl{display: flex;} .indnews-t span{margin-left: 30px;} .ind-news-list dt,.ind-news-list dd{width: 50%;} .ind-news-list dt{padding-right: 10px;padding-bottom:0;} .ind-news-list dd{padding-left: 10px;} .ind-news-list{padding: 50px 0;} .indnews-left .pic{padding-bottom: 30px;} .swi-news .button-prev, .swi-news .button-next{display:block;} .swi-news .button-prev, .swi-news .button-next{opacity: 1;bottom: 0;margin: 0;} .swi-news .button-prev, .swi-news .button-next{bottom: 0;top: auto;} .swi-news{padding-bottom:100px;} .indnews-right li .indnews-r dt{padding-right: 20px;} .indnews-right li+li .indnews-r dd{padding-left: 20px;} .indnews-r dt .indnews-time{font-size: 26px;} } @media screen and (min-width: 1220px) { .indnews-t span{margin-left: 40px;} .ind-news-list dt{padding-right: 20px;} .ind-news-list dd{padding-left: 20px;} .ind-news-list{padding: 60px 0;padding-bottom: 56px;} .indnews-left .pic{padding-bottom: 38px;} .swi-news{padding-bottom: 102px;} .indnews-right li .indnews-r dt{padding-right: 25px;} .indnews-right li+li .indnews-r dd{padding-left: 25px;} .indnews-right li+li .indnews-r dt{width: 116px;} .ind-news-list dd{padding-bottom: 0px;} } @media screen and (min-width: 1420px) { .ind-news-list dt{padding-right: 30px;} .ind-news-list dd{padding-left: 30px;} .ind-news-list{padding: 70px 0;padding-bottom: 56px;} .indnews-right li .indnews-r dt{padding-right: 30px;} .indnews-right li+li .indnews-r dd{padding-left: 30px;} .indnews-right li {padding: 18px 0;} .indnews-right {margin: -18px 0;} } @media screen and (min-width: 1620px) { .ind-news-list dt{padding-right: 50px;} .ind-news-list dd{padding-left: 30px;} .ind-news-list{padding: 76px 0;padding-bottom: 56px;} } @media screen and (min-width: 1820px) { } /* 首页 about us 关于我们 */ @media screen and (min-width: 320px) { .indus-li .nmb{font-size: 7.4vw;} .indat-tt{font-size: 4.5vw;} .ind-box03{background-color: #F1F2F6;} .ind-adoutus{padding: 40px 0 15px;} .indat-tt{font-family: ro-bd;font-weight:bold;} .indat-des{font-size: 3.7vw;color: #666666;margin-bottom: 10px;} .indus-li .nmb{font-family: ro-bd;font-weight:bold;color: #3F8CFE;display: flex;align-items: flex-start;justify-content: center;} .nmb span{font-size: 3.2vw;font-family: ro-bd;font-weight:bold;} .ind-adoutus dd i{padding-bottom: 80.7%;} .indat-list ul{display: flex;justify-content: space-around;width: 98%;flex-wrap: wrap;margin-bottom:10px;} .indat-tit{font-size: 3.2vw;color: #666;line-height: 1;} .indat-list li{text-align: center;width: 50%;padding:10px;} .indat-list{margin:-10px;} .ind-adoutus dt a .ban-more{display:n1one;display:flex;text-align:center; margin:0 auto;} .ind-adoutus dt a{display: block;width:160px;margin:0 auto;margin-top: 30px;margin-bottom: 30px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .ind-adoutus dt a{display:inline; margin-left:0;} .nmb span{font-size:16px;} .indat-tit{font-size: 14px;} .indat-des{font-size: 16px;} .indus-li .nmb, .indat-tt{font-size: 30px;} .ind-adoutus{padding: 50px 0;} .ind-adoutus dl{display: flex;justify-content: space-between;} .ind-adoutus dt{width: 56%; display: flex;flex-direction: column;justify-content: space-between;} .ind-adoutus dt a .ban-more{display:flex;} .ind-adoutus dt a{margin-bottom:0;} .ind-adoutus dd{width: 38%;} .indat-list li{text-align: center;width: 25%;} .indat-list{margin-bottom:0;} } @media screen and (min-width: 1220px) { .indus-li .nmb, .indat-tt{font-size: 32px;} .ind-adoutus{padding: 55px 0;} .ind-adoutus dt a .ban-more{margin: 0;} .ind-adoutus dt a{margin:0;} } @media screen and (min-width: 1420px) { .ind-adoutus{padding: 62px 0;} } @media screen and (min-width: 1620px) { .ind-adoutus{padding: 72px 0;} } @media screen and (min-width: 1880px) { .ind-adoutus{padding: 80px 0 84px;} } /* footer */ @media screen and (min-width: 320px) { .footer{color:#fff;background-color: #222327;padding: 30px 0;font-size: 3.2vw;position:relative;z-index:10;} .foot-ner{font-size:3.7vw;} .f-left li{display: flex;align-items: flex-start;padding: 10px 0;} .f-left{margin: -10px 0;} .foot-icon{line-height: 1;} .foot-lxfs{max-width:100%;} .foot-icon i{font-size: 30px;margin-right: 10px;color: #3F8CFE;width:30px;} .foot-tit{color: #999999;padding-bottom: 4px;} .layui-form-select dl dd.layui-this{background-color:#DCDCDC;color: #333333;} .layui-form-select dl dd, .layui-form-select dl dt{color: #333333;} .layui-input-block{margin-left: 0;} .layui-form-label{padding: 6px 0;} .layui-form-label span{color:#EC5353;margin-right:5px; } .from-one .layui-form-label{width: 100%;text-align:left;} .foot-ner{white-space: pre-line;word-wrap: break-word;} .layui-textarea{min-height: 70px;} .layui-input, .layui-select, .layui-textarea{background-color: #141416;color: #999999;background-color: #141416;border-color: #141416;border-radius: 4px;} .layui-input:hover, .layui-textarea:hover{border-color: #3F8CFE!important;} .layui-input:focus, .layui-textarea:focus{border-color: #3F8CFE!important;} .layui-input:active, .layui-textarea:active{} .f-center .layui-input:disabled, input[disabled]{ color:#999999;-webkit-text-fill-color:#999999;} .f-center .layui-input:-moz-placeholder:-moz-placeholder { color: #999999; } .f-center .layui-input:-ms-input-placeholder { color: #999999; } .f-center .layui-input::-webkit-input-placeholder { color: #999999 ; } .from-one .layui-form-item {display: flex;width: 100%;} .from-you{width: 140px;padding-right: 20px;} .from-you .icon-lgg{position: absolute;right: 30px;top:50%; color: #666666; z-index: 2;transform: translate(0,-50%);} .layui-form-select .layui-edge{opacity: 0;} .ewm-pic{padding: 10px;background-color: rgba(153,153,153,0.1);border-radius: 4px;overflow: hidden;} .ewm-pic span{background-color: #fff;} .ewm-pic i{border-radius: 4px;} .ewm-name{padding-top: 10px;text-align:center;} .form-two{display: flex;} .form-two .layui-form-label{width: 100%;text-align: left;} .form-two .layui-form-item{padding: 0 10px;width: 100%;} .form-two{margin: 0 -10px;} .from-one .layui-form-item .layui-input-block{width: 100%;} .from-bottom .layui-form-label{width: 100%;text-align: left;} .btn-from{background-color: #333333;color: #999999;line-height:1.2;height:8.6vw;width: 21.6vw;border-radius: 4px;font-size: 3.2vw;background-color: #3F8CFE;color: #fff;} .btn-from:hover{background-color: #3F8CFE;color: #fff;} .btn-block{text-align: center;} .btn-item{margin-bottom: 0;} .cop{background-color: #222327; color: #666666;text-align: center;padding: 30px 0;padding-top: 0;font-size: 16px;} .cop a{color: #666666;} .layui-other{margin-bottom: 30px;} .form-two .icon-lgg{position: absolute; right: 30px; top: 75%; color: #666666; z-index: 2; transform: translate(0,-50%);} .step-submit{ display: flex;padding-top: 10px;justify-content:center;} .step-submit button{/*flex: 1;*/margin: 0 10px;height: 48px; border-radius: 4px; font-size: 3.2vw;} .step-submit .step-sub{ background-color: #3F8CFE;} .step-submit .step-res{background-color: #E5E8ED;} .step-submit .step-res:hover{border-color: #3F8CFE; color: #3F8CFE;} .footewm{display:flex;padding-top:40px;flex-wrap:wrap;} .footewm .ewm-pic{width:47%; margin-bottom:4vw;} .f-left{padding-bottom:8vw;} .footewm .ewm-pic:nth-child(odd){ margin-right: 4vw;} } @media screen and (min-width: 480px) { .footer{padding: 36px 0;} } @media screen and (min-width: 640px) { .footer{padding: 38px 0;} .foot-icon i{margin-right: 12px;} .step-submit{ width: 300px;margin: 0 auto;padding-top: 20px;} .step-submit button{height: 56px;} } @media screen and (min-width: 990px) { .step-submit button{font-size: 16px; padding:0 24px;} .btn-from{font-size:16px;width:100px;height:44px;} .from-you{width: 140px;padding-right: 20px;max-width: 140px;} .footer{padding: 40px 0;font-size: 16px;} .f-left li{padding: 19px 0;} .f-left{margin: -19px 0;} .foot{display: flex;justify-content: space-between;} .f-left{max-width: 333px;width: 23%;} .f-center{max-width: 581px;width: 40.9%;margin-left: 3vw;} .f-right{max-width: 390px;width: 20%;} .ewm-name{padding-top: 15px;} .foot-ner{width: 200px;font-size:16px;} .f-left{padding-bottom:0vw;} .footewm .ewm-pic:nth-child(odd){margin-right: 10px;} .footewm .ewm-pic{width:46%;margin-bottom:10px;} } @media screen and (min-width: 1220px) { .step-submit button{padding:0 56px;} .foot-ner{width: 235px;} .footer{padding: 42px 0;} .ewm-name{padding-top: 18px;} .footewm{display: flex;width: 100%;} .ewm-pic{width: 50%;padding: 15px;} .f-right{width: 26%;} .footewm .ewm-pic:nth-child(odd){ margin-right: 20px;} .footewm .ewm-pic{margin-bottom:20px;} } @media screen and (min-width: 1420px) { .from-you{width: 160px;padding-right: 20px;max-width: 160px;} .foot-ner{width: 333px;} .footer{padding: 46px 0;} .f-right{width: 30%;} .ewm-pic{padding: 20px;} .ewm-name{padding-top: 20px;} .footewm .ewm-pic:nth-child(odd){ margin-right: 30px;} .footewm .ewm-pic{margin-bottom:30px;} .foot-icon i{margin-right: 16px;} } @media screen and (min-width: 1620px) { .footer{padding: 50px 0;padding-bottom: 56px;} } /* 内页 产品 */ @media screen and (min-width: 320px) { .layui-btn-primary:hover{border-color:#3F8CFE;} .sidebar { /* position: fixed; */ /*min-height: 60px;*/ left: 0; top: 0; width: 100%; margin-bottom: 30px; background: #fff; /* border: 1px solid #E6EAF6;*/ border-radius: 4px; /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */ position: sticky !important; width: 100%; background-color: #FFF; z-index: 10; top: 10.5vw; left: 0; margin: 0; } .menu { list-style: none; margin:0 -15px; padding: 10px; border: 1px solid #E6EAF6; } .topmenu { position: relative; margin-bottom: 10px; display: none; } .view-tpmu{display:block; transition: .3s;} .topmenu.active > .submenu { display: flex; } .view{transform: rotate(180deg); transition: .3s;} .topmenu:hover > a { background-color: #F1F2F6; } .topmenu.active > a { background-color: #3F8CFE; color: #fff; } .topmenu > a { /* display: block; */ padding: 6.5px 10px;padding-right: 0; color: #333; text-decoration: none; transition: all 0.3s; } .submenu { display: none; /* position: absolute; */ top: 0; left: 100%; width: 200px; flex-wrap: wrap; width: 100%; z-index: 1; } .submenu li { width: 100%; } .submenu li.on a{background-color: rgba(63,140,254,0.08); } .submenu a { display: block; padding: 8px ; color: #333; text-decoration: none; transition: all 0.3s; margin-bottom: 10px; text-align: center; font-size: 3.2vw; } .submenu a:hover { background: #F1F2F6; } .product-box{background-color: #F1F2F6;} .ny-content .ind-product{padding: 0;} .ny-content .indproner{padding: 30px 0;} .ny-content img{max-width:100%;} .ny-content iframe{width:80%;height:45vh;} .pro-yj .icon-pic{display:none;} .pro-yj i{font-size: 28px;margin-right: 10px;} .pro-yj p.icon-pic{width:28px;flex-shrink:0;padding:7px 0;margin-right:10px;} .active .pro-yj p.icon-pic img{filter: invert(100%);} .topmenu a:hover .pro-yj p i.pic-size{overflow:inherit;} .pro-yj i.pic-size{overflow:inherit;} .pro-yj span{font-size: 3.7vw;font-family: ro-bd;font-weight:bold;margin:0 auto;} .pro-yj{display: flex;align-items: center;} .pro-content{width: 100%;padding-top:30px;} .active .on a{color: #3F8CFE;} .ny-product{padding: 36px 0;min-height:600px;} .submenu {margin-top: 10px;} .pro-ner-list dl:nth-child(odd){margin-bottom: 30px;} .pro-ner-list dl:nth-last-child(1){margin-bottom: 0px!important;} .pro-ner-list dl:nth-of-type(3){margin: 30px 0!important;} .pro-ner-list dd{padding: 15px;display: flex;flex-direction: column;justify-content: space-between;} .cpro-nmb{margin-top: 20px;font-size: 16px;line-height: 1.2;display:none;} .cpro-tt{font-size: 20px;font-family: ro-bd;font-weight:bold;line-height: 1.2;margin-bottom: 10px;} .cpro-des{font-size: 3.7vw;} .menusele{position:fixed !important;width:100%;background-color: #FFF; z-index:10;top:11vw;left:0;margin:0;} .prolm-ner{display:flex;justify-content:space-between;align-items:center;/*margin-bottom:1.2vw;*/} .prolm-ner .lef{display:flex;} .prolm-ner span{display:block;padding: 1.2vw 4vw ; background-color: #F1F2F6;max-width:70%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:3.2vw;} .prolm-ner .b{font-weight:bold; transition: .3s;margin-right:3.2vw;} .prolm-ner i{font-size:3.2vw; transition: .3s;width:50px;text-align:center;flex-shrink:0;} } @media screen and (min-width: 480px) { .cpro-tt{font-size: 28px;} } @media screen and (min-width: 640px) { .pro-ner-list dl:nth-child(odd){margin-bottom: 50px;} .pro-ner-list dl:nth-of-type(3){margin: 50px 0;!important} .ny-content .indproner dt{justify-content: center;} .pro-content{padding-left: 20px;} .topmenu { margin-bottom: 15px; } .submenu a {margin-bottom: 15px; padding: 10px 10px;} .submenu {margin-top: 15px;} .cpro-tt{font-size: 34px;margin-bottom: 15px;} } @media screen and (min-width: 990px) { .cpro-des{font-size: 16px;} .submenu a, .pro-yj span{font-size: 16px;} .submenu a{padding-left:52px;text-align:left;} .pro-yj span{margin:0 ;} .pro-yj .icon-pic, .cpro-nmb, .pro-yj i,.topmenu {display:block;} .ny-content iframe{width:80%;height:40vw;} .prolm-ner{display:none;} .submenu li { width: 100%; } .ny-product{display: flex;} .ny-content .indproner{padding: 40px 0;} .pro-ner-list dl{display: flex;width: 100%;} .pro-ner-list dt, .pro-ner-list dd{width: 50%;flex:1;} .pro-ner-list dt i{padding-bottom: 70%;} .pro-ner-list dl:nth-child(odd){margin-bottom: 80px;} .pro-ner-list dl:nth-of-type(3){margin: 80px 0 !important;} .pro-ner-list dl:nth-child(even){flex-direction: row-reverse;} .pro-ner-list dl.cc:nth-child(even){flex-direction: row!important;} .pro-ner-list dl.cc:nth-child(odd){flex-direction: row-reverse!important;} .ny-product{padding: 100px 0;} .menu {padding:15px;} .menusele{position:sticky !important;max-width:240px;background-color: #FFF; z-index:10;top:99px;/*left:4vw;*/} .topmenu > a {padding: 6.5px 15px;padding-right: 0;} .pro-content{padding-left: 30px;} .sidebar{width: 240px;flex-shrink: 0;} .pro-ner-list dd{padding: 20px;} .cpro-tt{font-size: 34px;margin-bottom: 20px;} .ny-product02{padding-top:0!important;} } @media screen and (min-width: 1220px) { .topmenu > a {padding: 6.5px 20px;padding-right: 0;} .ny-content .indproner{padding: 40px 0;} .topmenu { margin-bottom: 20px; } .submenu {margin-top: 20px;} .submenu a {margin-bottom: 20px; padding: 13px 10px;padding-left:57px;} .ny-product{padding: 110px 0;} .menu {padding:20px;position: sticky; top: 90px;} .pro-content{padding-left: 40px;} .pro-ner-list dl:nth-child(odd){margin-bottom: 100px;} .pro-ner-list dl:nth-of-type(3){margin: 100px 0!important;} .pro-ner-list dd{padding: 25px 40px;} .cpro-tt{font-size: 36px;margin-bottom: 22px;} } @media screen and (min-width: 1420px) { .ny-content .indproner{padding: 40px 0 50px;} .topmenu { margin-bottom: 25px; } .submenu {margin-top: 25px;} .submenu a {margin-bottom: 25px; padding: 15px 10px;padding-left:58px;} .ny-product{padding: 120px 0;} .pro-content{padding-left: 50px;} .pro-ner-list dl:nth-child(odd){margin-bottom: 130px;} .pro-ner-list dl:nth-of-type(3){margin: 130px 0 !important;} .pro-ner-list dd{padding: 25px 60px;} .cpro-tt{font-size: 38px;} .menusele{left:2vw;} } @media screen and (min-width: 1620px) { .menusele{left:4vw;} } @media screen and (min-width: 1620px) { .ny-product{padding: 140px 0;} .pro-content{padding-left: 60px;} .pro-ner-list dl:nth-child(odd){margin-bottom: 160px;} .pro-ner-list dl:nth-of-type(3){margin: 160px 0!important;} .pro-ner-list dd{padding: 25px 60px;padding-right: 82px;} .cpro-tt{font-size: 40px;} .menusele{left:4vw;} } @media screen and (min-width: 1820px) { .ny-product{padding: 160px 0;} .menusele{left:11vw;} } @media screen and (min-width: 2400px) { .menusele{left:18vw;} } @media screen and (min-width: 3200px) { .menusele{left:30vw;} } /* 内页 产品 轮播 */ @media screen and (min-width: 320px) { .ny-box-03{padding: 0;padding: 40px 0 0;} .ny-box-03 .pic-scale-awards::before{background: none;} .ny-box-03 .pic{width: 90px;margin-top: 40px;flex-shrink: 0;} .ny-box-03 .hd a{display: flex;padding-right: 20px;position: relative;} .ny-box-03 .hd a:hover {color:#000;} .ny-box-03 .hd a::before{position: absolute;content: "";left: 0;top: 0;width: 160px;height: 100%;z-index: -1;background-color: #F1F2F6;} .ny-box-03 .swiper-bd .swiper-awards .swiper-slide{width: 50vw;} .ny-box-03 .btns{position: absolute;z-index: 10;width: 50px;height: 100%;background-color: #fff;display: flex; align-items: center;justify-content: center;display:none;} .ny-box-03 .swiper-bd .awards-prev{right: 0; left: auto;} .ny-box-03 .swiper-bd .awards-next{right: auto;left: 0;} .ny-acc{padding-left: 15px;padding-top: 15px; font-size: 14px;line-height: 1.5;} .ny-box-03 .swiper-bd .swiper-awards .swiper-slide{padding: 0;} } @media screen and (min-width: 480px) { .ny-box-03 .swiper-bd .swiper-awards .swiper-slide{width:27.7778vw;} .ny-acc{font-size: 16px;} } @media screen and (min-width: 640px) { .ny-box-03{padding: 70px 0 0;} .ny-box-03 .pic{width: 120px;} } @media screen and (min-width: 990px) { .ny-box-03 .swiper-bd .swiper-awards .swiper-slide{width: 14.06vw;} .ny-box-03 .swiper-bd .swiper-awards .swiper-slide{width: 15vw;max-width:288px;} .ny-acc{padding-left: 20px;padding-top: 20px;font-size: 16px;width:160px;} .ny-box-03{padding:100px 0 0;} .ny-box-03 .swiper-slide-active .ny-acc{color:#3F8CFE;} .ny-box-03 .btns{display:none;} } @media screen and (min-width: 1220px) { .ny-box-03{padding:110px 0 0;} } @media screen and (min-width: 1420px) { .ny-box-03{padding:120px 0 0;} } @media screen and (min-width: 1620px) { .ny-box-03{padding:140px 0 0;} } @media screen and (min-width: 1820px) { .ny-box-03{padding:160px 0 0;} } /* 内页banner 通用*/ @media screen and (min-width: 320px) { .ny-banner{height: 30.21vw; position: relative;display: flex;align-items: center;background-attachment:initial;; -webkit-background-size: cover;background-size: cover; background-repeat: no-repeat; background-position: center;background-repeat: no-repeat;} .ny-banner{} .ny-banner::before{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #FFFFFF, rgba(255,255,255,0));} .ny-banner .container{position: relative;z-index: 10;} .banner-tt{font-size: 4.5vw;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .banner-tt{font-size: 38px;} } @media screen and (min-width: 1220px) { .banner-tt{font-size: 42px;} } @media screen and (min-width: 1420px) { .banner-tt{font-size: 48px;} } @media screen and (min-width: 1620px) { .banner-tt{font-size: 50px;} } /* Services */ @media screen and (min-width: 320px) { .ny-tit{font-size: 5.3vw;text-align: center;color: #333333;font-family: ro-bd;font-weight:bold;position: relative;} .ny-tit::before{content:"";position: absolute; background-color: #3F8CFE; height: 3px;width: 50px; bottom: 0; left: 50%; transform: translate(-50%,0);} .services-box{padding: 30px 0;} .con-word .pic-word{padding-bottom: 48.57%;} .con-word{padding: 30px 0;} .services-box .ny-content{max-width: 1400px;} .sever-pic i{padding-bottom: 53.76%;} .sever-pic li{padding: 6px;} .sever-pic{margin: -6px;} .sever-pic ul{display: flex;flex-wrap: wrap;justify-content:center;} .sever-pic li{width: 100%;} .con-sever-box ul{display: flex;flex-wrap: wrap;} .con-sever-box li{width: 50%;padding: 10px;} .con-sever-box{margin: -10px;} .con-sever-box .indus-li{display: flex;align-items: center; justify-content: flex-start;flex-direction:column;} .con-sever-box .sver-icon{font-size: 9.6vw;margin-right: 0px;} .services01-box{background-color: #F1F2F6;} .con-sever-box .indus-li{background-color: #fff;padding: 22px ;} .ny-sever{text-align: left;} .ny-sever .indat-tit{font-size: 3.2vw;text-align:center;height:6.5vw;} .ny-sever .num{line-height: 1.5;} .services02-box .ny-tit{margin-bottom: 30px;} .services03-box{background-color: #F1F2F6;} .services03-box .ny-tit{margin-bottom: 30px;} .services03-box .sever-pic li i{padding-bottom: 141.74%;} .services03-box .sever-pic li{width: 50%;} .sver03-tt{padding-top: 10px;text-align: center;font-size: 16px;} .con-word ul{position: absolute;top: 0;display: flex;width: 100%;flex-wrap: wrap;} .con-word li{padding: 5px;width: 50%;font-size: 16px;} .con-word{margin: -5px;} .con-ner-word{position: relative;} .con-word .pic-word{padding-bottom: 90%;} .con-ner-word {width:100%;overflow-x:scroll;-webkit-overflow-scrolling: auto; -webkit-overflow-scrolling:touch;overflow:auto; /*立体滚动条凸出部分的颜色*/ scrollbar-face-color:#555354; /*上下按钮上三角箭头的颜色*/ scrollbar-arrow-color:#555354; /*滚动条空白部分的颜色*/ scrollbar-highlight-color:#555354; /*立体滚动条亮边的颜色(设置滚动条的颜色)*/ scrollbar-3dlight-color:#555354; /*立体滚动条阴影的颜色*/ scrollbar-shadow-color:#555354; /*立体滚动条强阴影的颜色*/ scrollbar-darkshadow-color:#555354; /*为滚动条底板颜色设定;*/ scrollbar-track-color:#1c6497; /*滚动条的基本颜色*/ scrollbar-base-color:#1c6497;} .con-ner-word::-webkit-scrollbar {/*滚动条整体部分*/height:8px;border: 4px solid transparent; background-clip: content-box;} .con-ner-word::-webkit-scrollbar-button{/* 滚动条两端的按钮*/} .con-ner-word::-webkit-scrollbar-track {/*外层轨道*/} .con-ner-word::-webkit-scrollbar-track-piece{/* 内层轨道,滚动条中间部分(除去)*/background-color: #F1F2F6;} .con-ner-word::-webkit-scrollbar-thumb{background-color: #3F8CFE;border-radius:4px;}/* 内嵌滑块*/ .con-ner-word::-webkit-scrollbar-corner{/* 边角*/} .con-ner-word::-webkit-resizer {/*定义右下角拖动块的样式*/} .con-ner-word::-webkit-scrollbar-thumb, .con-ner-word::-webkit-scrollbar-thumb:hover, .con-ner-word::-webkit-scrollbar-thumb:active{background-color: #3F8CFE;border-radius:4px;} .con-ner-word img{height:340px;width:auto;} #boxscroll2 { width: 100%; overflow: auto; } #ascrail2000-hr{opacity:1!important;} .nicescroll-cursors{left:240px;border:none!important;} #contentscroll2{transform: translate3d(-528px, 0px, 0px);} } @media screen and (min-width: 480px) { .con-word .pic-word{padding-bottom: 48.57%;} } @media screen and (min-width: 640px) { .con-word ul{width: 80%;margin: 0 10% auto;} .con-word, .services-box{padding: 40px 0;} .services03-box .ny-tit{margin-bottom: 40px;} .sver03-tt{padding-top: 15px;} } @media screen and (min-width: 990px) { .ny-sever .indat-tit{font-size: 16px;text-align:left;height:auto;} .ny-tit{font-size: 34px;} .con-word, .services-box{padding: 45px 0;} .con-sever-box .sver-icon{font-size: 42px;margin-right: 30px;} .con-sever-box li{width: 25%;} .con-sever-box .indus-li{padding-left: 20px;flex-direction:row;height:100%;flex:1;} .con-sever-box .indus-li .nmb{justify-content: flex-start;} .services02-box .ny-tit{margin-bottom: 40px;} .services03-box .ny-tit{margin-bottom: 50px;} .services02-box, .services03-box{padding: 40px 0;} .sever-pic li{width: 50%;} .services03-box .sever-pic li{width: 16.66%;} .con-word ul{width: 100%;margin: 0%;height: 100%;} .con-word li .icon-severword{display: none;} .con-word li span{line-height: 1.2;} .con-word li{position: absolute;} .con-word li:nth-child(1){width: 90px;left: 4%;top:41%;} .con-word li:nth-child(2){width: 142px;left: 20%;top:34%;} .con-word li:nth-child(3){width: 90px;left: 21%;top:54%;} .con-word li:nth-child(4){width: 90px;left: 42%;top:15%;} .con-word li:nth-child(5){width: 150px;left: 51%;top: 11%;} .con-word li:nth-child(6){width: 90px;left: 63%;top:8%;} .con-word li:nth-child(7){width: 100px;left: 61%;top:38%;} .con-word li:nth-child(8){width: 100px;left: 51%;top:82%;} .con-word li:nth-child(9){width: 100px;left: 84%;top:42%;} .con-ner-word img{width:100%;height:auto;} .con-ner-word{overflow-x:hidden; overflow:hidden;} #contentscroll2{transform: translate3d(-0px, 0px, 0px)!important;} #contentscroll2{width:100%!important;} } @media screen and (min-width: 1220px) { .ny-tit{font-size: 36px;} .con-word, .services-box{padding: 50px 0;} .con-sever-box .sver-icon{font-size: 46px;margin-right: 40px;} .con-sever-box .indus-li{padding-left: 30px;} .services02-box .ny-tit{margin-bottom: 50px;} .services02-box, .services03-box{padding: 45px 0;} .sver03-tt{padding-top: 20px;} } @media screen and (min-width: 1420px) { .ny-tit{font-size: 38px;} .con-word, .services-box{padding: 52px 0;} .con-sever-box .sver-icon{font-size: 50px;margin-right: 50px;} .con-sever-box .indus-li{padding-left: 40px;} .services02-box, .services03-box{padding: 50px 0;} } @media screen and (min-width: 1620px) { .ny-tit{font-size: 40px;} .con-word{padding: 60px 0;} .con-sever-box .indus-li{padding-left: 50px;} .services02-box, .services03-box{padding: 64px 0;} } @media screen and (min-width: 1820px) { .con-sever-box .indus-li{padding-left: 60px;} .services02-box{padding: 74px 0;} .services03-box{padding: 74px 0;} } /* news */ @media screen and (min-width: 320px) { .top-r{display:none;} .nav .top-r{display:flex;} .news-box{background-color: #F1F2F6;} .news-nav ul{display: flex;flex-wrap:wrap;} .news-nav li{padding:10px;} .news-nav{margin:-10px;} .lm-news{padding: 5px 15px;font-size: 3.2vw;border-radius: 4px;} .news-nav a:hover .lm-news{background-color:#fff;color: #333;} .news-nav .on a .lm-news{color: #fff;background-color: #3F8CFE;} .news-nav{padding: 30px 0;} .news-tt{font-size: 4.5vw;font-family: ro-bd;font-weight:bold;padding: 4.5vw 0 2.6vw;} .news-list li:nth-child(1) dl{width: 100%;display:flex;flex-direction:column;} .news-tt span, .news-list li:nth-child(1){width:100%;} .news-tt span, .news-list li:nth-child(1) .news-tt{font-size: 4.5vw;margin-right: 10px;} .news-tt span, .news-list li:nth-child(1) .news-time{padding-bottom:2.5vw;} .news-tt span{color: #FE3F3F;} .news-list li dl{background-color: #fff;padding: 5.7vw;} .news-list dd i{padding-bottom: 65.22%;border-radius: 4px;} .news-des{font-size: 3.4vw;color: #666666;margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;} .news-time{color: #AAAAAA;font-size: 14px;line-height: 1;padding-bottom:0vw;font-size:3vw;} .news-list li{padding: 10px;} .news-list{margin: -10px;} .news-list li+li dl{display: flex;flex-direction: column;} .news-list li+li dt{width: 100%;} .news-list li+li .news-tt span,.news-list li+li .news-tt{padding-top: 0;} .news-list li+li dd{display: flex;width: 100%;max-width: 100%;} .news-list li+li dd .news-pic{width: 50%;max-width: 230px;} .news-ner{flex: 1;width: 70%; position: relative;display:flex;flex-direction:column;justify-content:space-between;} .news-ner {margin-left: 10px;} .pro-lamnmx{ position: absolute; /*top: 12vw;*/ width: 100%; left: 0; margin-top: 1.5vw; background-color: #fff;} } @media screen and (min-width: 480px) { .news-nav{padding: 30px 0;} } @media screen and (min-width: 640px) { .news-nav{padding: 25px 0;} .news-nav li{padding-right: 14px;} .news-list li dl{display: flex;justify-content: space-between;} .news-list dt{position: relative;} .news-tt{padding: 34px 0 20px;} .news-list li+li dd{display: flex;width: 100%;max-width: 100%;} .news-list li+li dd .news-pic{width: 50%;max-width: 230px;} .news-ner{flex: 1;width: 70%; position: relative;} .news-ner {margin-left: 10px;} .news-des{-webkit-line-clamp: 3;} } @media screen and (min-width: 990px) { .pro-lamnmx{position:relative;margin-top: 0vw;} .news-list li:nth-child(1) dl{width: 100%;display:flex;flex-direction:row;} .news-des{font-size: 16px;} .news-list dt{width: 58.2%;position: relative;} .news-list dd{width: 32.66%;max-width: 460px;} .news-nav{padding: 30px 0;} .news-nav li{padding-right: 16px;} .news-tt span, .news-list li:nth-child(1) .news-tt{font-size: 28px;} .news-tt{font-size: 22px;min-height:84px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;padding-bottom:0;margin-bottom:20px;} .news-list li dl{padding: 20px;} .news-time{position: absolute;left: 0;bottom: 0;padding-bottom:0vw;font-size:14px;} .news-list li{padding: 15px;} .news-list{margin: -15px;} .news-list ul{display: flex;flex-wrap: wrap;} .news-list li+li{width: 50%;} .news-ner {margin-left: 15px;} .top-r{display:flex;} .nav .top-r{display:none;} .lm-news{font-size: 16px;} } @media screen and (min-width: 1220px) { .news-nav{padding: 40px 0;} .news-nav li{padding-right: 20px;} .lm-news{padding: 5px 16px;font-size: 18px;} .news-tt span, .news-tt{font-size: 24px;} .news-list li dl{padding: 30px;} .news-list li{padding: 20px;} .news-list{margin: -20px;} .news-ner {margin-left: 20px;} } @media screen and (min-width: 1420px) { .news-nav{padding: 50px 0;} .news-tt span, .news-list li:nth-child(1) .news-tt{font-size: 30px;} .news-list li dl{padding: 40px;} .news-list li{padding: 10px;} .news-list{margin: -10px;} .news-ner {margin-left: 25px;} } @media screen and (min-width: 1620px) { .news-list li:nth-child(1) .news-tt{font-size: 32px;} .news-list li dl{padding: 50px;} .news-list li{padding: 20px;} .news-list{margin: -20px;} .news-ner {margin-left: 30px;} } /* 文章详情页 */ @media screen and (min-width: 320px) { #copy{position:absolute;height:0!important;} .ny-newsbgc{background-color: #F1F2F6;padding-bottom: 15px;} .show-tt{font-size: 20px;font-family: ro-bd;font-weight:bold;} .newsinfo-top{padding: 10px 15px;background-color: #fff;border-bottom: 1px solid #F6F6F6;} .ny-newsinfo{z-index: 10;position: relative;} .newsinfo-centent{background-color: #fff;padding: 10px 15px;} .ny-newsinfo .newsinfo-centent{padding-bottom: 0;} .newsinfo-centent img{max-width: 800px;width: 100%!important; height:auto!important;} .ny-newsinfo .container{padding-top:15px;} #copy-btn{background-color: #fff;border: 1px solid #3F8CFE;border-radius: 4px;padding: 10px 16px;display: flex;align-items: center;line-height: 1;font-size: 16px;color: #3F8CFE; margin: 0 auto;} #copy-btn span{font-size: 20px;margin-right: 8px;font-weight: bold; color: #3F8CFE;line-height: 1;} #copy-btn:hover{color: #fff;background-color: #3F8CFE;} #copy-btn:hover span{color: #fff;} .other i{padding-bottom: 65.22%;border-radius: 4px;overflow: hidden;} .other{display: flex; } .other-pic{width: 161px;flex-shrink: 0;} .con-other-ner {display: flex;flex-direction: column;} .con-other-ner a{padding: 10px 20px; display: flex;/*justify-content: center;*/ border: 1px solid #F3F3F3;} .other-ner{padding-left: 10px;} .other-ner{display: flex;flex-direction: column;justify-content: space-between;} .other-ner .con-pvnt span{color: #3F8CFE;} .other-name{font-size: 16px;} .con-other-ner {padding-bottom: 30px; } .con-pvnt{font-size: 16px;} .icon-other-left{margin-right: 8px;} .icon-other-right{margin-left: 8px;} .copy{padding: 30px 0;} } @media screen and (min-width: 480px) { .show-tt{font-size: 22px;} .newsinfo-centent, .newsinfo-top{padding: 15px 20px;} .con-other-ner a{padding: 15px 30px;} .copy{padding: 40px 0;} } @media screen and (min-width: 640px) { .show-tt{font-size: 26px;} .newsinfo-centent, .newsinfo-top{padding: 30px 50px;} .con-other-ner a{padding: 20px 40px;width:50%;} .con-other-ner{display: flex;flex-direction: row;} .copy{padding: 50px 0;} } @media screen and (min-width: 990px) { .ny-newsinfo .container{padding-top:0px;} .ny-newsbgc{padding-bottom: 40px;} .show-tt{font-size: 32px;} .newsinfo-centent, .newsinfo-top{padding: 40px 60px;} .ny-newsinfo{margin-top: -60px;} .con-other-ner {padding-bottom: 50px; } .con-other-ner a{padding: 30px 50px;} .other-ner{padding-left: 20px;} .copy{padding: 60px 0;} } @media screen and (min-width: 1220px) { .ny-newsbgc{padding-bottom: 50px;} .show-tt{font-size: 34px;} .newsinfo-centent, .newsinfo-top{padding: 45px 70px;} .ny-newsinfo{margin-top: -120px;} .con-other-ner a{padding: 32px 60px;} .con-other-ner {padding-bottom: 60px; } .copy{padding: 70px 0;} } @media screen and (min-width: 1420px) { .ny-newsbgc{padding-bottom: 60px;} .show-tt{font-size: 36px;} .newsinfo-centent, .newsinfo-top{padding: 50px 80px;} .ny-newsinfo{margin-top: -180px;} .con-other-ner a{padding: 34px 70px;} .con-other-ner {padding-bottom: 70px; } .copy{padding: 80px 0;} } @media screen and (min-width: 1620px) { .newsinfo-centent, .newsinfo-top{padding: 60px 100px;} .ny-newsinfo{margin-top: -235px;} .con-other-ner a{padding: 38px 80px;} .con-other-ner {padding-bottom: 80px; } .copy{padding: 100px 0;} } /* 文字列表 */ @media screen and (min-width: 320px) { .news-tt-list dt{width: 100%;} .news-tt-list dt .numb{font-weight: bold;font-family: ro-bk;} .news-tt-list .news-tt {margin-right: 0!important;padding-top: 0; line-height: 1;padding-bottom: 0; margin-bottom:3.2vw;} .news-tt-list{padding: 3.2vw 0 1vw;} .news-tt-list li dl{padding: 10px 15px;} .news-tt-list ul{background-color: #fff; padding-bottom: 30px;} .news-box02 .ny-content{display: flex;flex-direction: column;} .news-r-top .tt{font-size: 20px;font-family: ro-bd;font-weight:bold;line-height: 1.4;} .news-r-top .mtt{font-size: 16px;font-family: ro-bd;font-weight:bold;} .news-r-top{display:flex;align-items: flex-end;justify-content: space-between;position: relative;padding-left: 14px;margin-bottom: 20px;} .news-r-top::before{content:""; position: absolute;left: 0;top:50%;transform: translate(0,-50%); height: 20px;width: 4px;background-color: #3F8CFE;border-radius: 4px;} .con-r{background-color: #fff;padding: 20px 8px;} .news-tt-list li dl{display: flex;flex-direction: column;} .news-tt-list li{margin:0 10px;} .news-tt-list li{border-bottom: 1px solid #F1F2F6;} .news-tt-list li dt .numb{color: #B4C0CE;} .news-tt-list li:nth-child(1) dt .numb{color: #F73131;} .news-tt-list li:nth-child(2) dt .numb{color: #FF6600;} .news-tt-list li:nth-child(3) dt .numb{color: #FAA90E;} .tt-r-list li dl{display: flex;} .tt-r-list li dd{width: 42.5%;flex-shrink: 0;} .tt-r-list li dd i{padding-bottom: 65.22%;} .tt-r-list li .r-tt{padding-right: 10px;font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;} .tt-r-list li dt{display: flex;flex-direction: column;justify-content: space-between;} .r-time{font-size: 14px;color: #AAAAAA;} .tt-r-list li{padding: 10px 0;} .tt-r-list {margin: -10px 0;} .news-tt-r{display:none;} .time{font-size:3vw;color:#AAAAAA;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .news-tt-list li{margin:0 25px;} .news-tt-list li dl{padding: 20px 0px;} .news-r-top .tt{font-size: 22px;} .news-r-top .mtt{font-size: 17px;} } @media screen and (min-width: 990px) { .news-tt-list .news-tt{margin-bottom:20px;} .time{font-size:14px;} .news-r-top{margin-bottom: 30px;} .news-tt-list li{margin:0 30px;} .news-tt-list li dl{padding: 25px 0px;} .news-box02 .ny-content{flex-direction: row;} .news-tt-list{width:72%;} .news-tt-r{width: 28%;flex-shrink: 0;padding-left: 1vw;padding-top: 3.2vw;display:block;} .news-r-top .tt{font-size: 24px;} .con-r{padding:30px 10px;position:sticky;top: 90px;margin-bottom:89px;} .news-tt-list li dl{min-height: 230px;justify-content: space-between;} .tt-r-list li{padding: 15px 0;} .tt-r-list {margin: -15px 0;} .news-tt-list ul{ padding-bottom: 40px;} } @media screen and (min-width: 1220px) { .news-tt-list li{margin:0 35px;} .news-tt-list li dl{padding: 30px 0px;} .con-r{padding:32px 12px;margin-bottom:112px;} .news-tt-list li dl{min-height: 260px;} .tt-r-list li{padding: 20px 0;} .tt-r-list {margin: -20px 0;} .news-tt-list ul{ padding-bottom: 50px;} } @media screen and (min-width: 1420px) { .news-tt-list li{margin:0 45px;} .news-tt-list li dl{padding: 33px 0px;} .con-r{padding:36px 15px;margin-bottom:134px;} .news-tt-list li dl{min-height: 270px;} .news-tt-list li+li dl{min-height: 300px;} .news-tt-list ul{ padding-bottom: 60px;} } @media screen and (min-width: 1620px) { .news-tt-list .news-tt span{font-size: 30px;} .news-tt-list li{margin:0 50px;} .news-tt-list li dl{padding: 33px 0px;} .con-r{padding: 40px 26px;margin-bottom:137px;} .news-tt-list li+li dl{padding-top: 60px;padding-bottom: 40px;} } /* 人才 Recruit */ @media screen and (min-width: 320px) { .rec-con i{padding-bottom: 54.79%;} .rec-box01-dl{display: flex;flex-direction:column;} .rec-box01-dl dt{width: 100%;} .rec-box01-bt {display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;background-color: #F1F2F6;} .rec-box01-bt .tt{font-size: 3.2vw;} .rec-box01-bt .rec-view{font-size: 3.2vw;color: #3F8CFE;font-weight:bold;} .rec-con{padding: 10px;} .rec-box01-dl{margin: -10px;} .ny-Recruit-box01{padding: 30px 0 15px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .rec-box01-bt{padding: 12px 16px;} .ny-Recruit-box01{padding: 40px 0 60px;} } @media screen and (min-width: 990px) { .rec-box01-dl dt{width: 50%;} .rec-box01-bt .tt{font-size: 20px;} .rec-box01-bt .rec-view{font-size: 17px;} .rec-box01-bt{padding: 14px 20px;} .rec-con{padding: 15px;} .rec-box01-dl{margin: -15px;flex-direction:row;} .ny-Recruit-box01{padding: 50px 0 80px;} } @media screen and (min-width: 1220px) { .rec-box01-bt{padding: 16px 30px;} .rec-con{padding: 20px;} .rec-box01-dl{margin: -20px;} .ny-Recruit-box01{padding: 60px 0 100px;} } @media screen and (min-width: 1420px) { .rec-box01-bt{padding: 18px 40px 18px 30px;} .ny-Recruit-box01{padding: 70px 0 120px;} } @media screen and (min-width: 1620px) { .ny-Recruit-box01{padding: 80px 0 140px;} } /* Growing Up At kEYU */ @media screen and (min-width: 320px) { .ny-Recruit-box02{position: relative;} .ny-Recruit-box02::before{content: "";width: 100%;top: 0;height: 77%;left: 0;position: absolute;background-color: #F1F2F6;z-index: -1;} .ny-Recruit-box02-2::before{display:none;} .g-rec-swip {margin-top: 40px;} .g-rec-pic i{padding-bottom: 147.22%;} .ny-Recruit-box02{padding-bottom: 0px;} .rec-l-ner img{max-width: 100%;} .rec-l-ner{padding-top: 40px;} .ny-Recruit-box03{padding-bottom: 15px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .rec-l-ner, .g-rec-swip {margin-top: 50px;} .ny-Recruit-box02{padding-bottom: 50px;} .ny-Recruit-box03{padding-bottom: 60px;} } @media screen and (min-width: 990px) { .rec-l-ner, .g-rec-swip {margin-top: 60px;} .ny-Recruit-box02{padding-bottom: 60px;} .ny-Recruit-box03{padding-bottom: 80px;} .ny-Recruit-box03 .ind-product{padding-top:0;} } @media screen and (min-width: 1220px) { .g-rec-swip {margin-top: 60px;} .ny-Recruit-box02{padding-bottom: 70px;} .ny-Recruit-box03{padding-bottom: 100px;} } @media screen and (min-width: 1420px) { .ny-Recruit-box02{padding-bottom: 80px;} .ny-Recruit-box03{padding-bottom: 120px;} } @media screen and (min-width: 1620px) { .ny-Recruit-box03{padding-bottom: 140px;} } @media screen and (min-width: 1820px) { .g-rec-swip .banner-next{right: 40px;margin: 0;} .g-rec-swip .banner-prev{left: 40px;margin: 0;} } /* Corporate Welfare */ @media screen and (min-width: 320px) { .ny-Recruit-box04{background-color: #F1F2F6;padding-bottom: 30px;} .rec-c-ner{padding-top: 40px;} .con-rec-cw{padding: 15px 10px;border-bottom: 2px solid #3F8CFE;background-color: #fff;position: relative;} .rec-cw-tt{font-size: 4.5vw;display: flex;align-items: center;justify-content: space-between;font-weight: bold;} .rec-cw-tt span{width: 3.2vw;margin-left: 10px;font-size: 3vw; opacity:0; transition: .3s;} .rec-cw-des{font-size: 3.4vw;color: #666666;padding-top: 10px;min-height: 110px;max-height: 110px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow:ellipsis; } .rec-c-ner ul{display: flex;flex-wrap: wrap;} .rec-c-ner li{width: 100%;padding: 10px;} .rec-c-ner{margin: -10px;} .con-rec-cw::before{content: "";position: absolute; left: 0;bottom: -2px;width: 0%;background-color: #FE3F3F; z-index: 2;height: 2px; transition: .8s;} .rec-c-ner li a:hover .con-rec-cw::before{width: 100%; transition: 0.8s;} .rec-c-ner li a:hover .rec-cw-tt span{opacity:0; transition: .3s;} } @media screen and (min-width: 480px) { .con-rec-cw{padding: 16px 12px;} } @media screen and (min-width: 640px) { .rec-c-ner{padding-top: 50px;} .rec-c-ner li{padding: 12px;} .rec-c-ner{margin: -12px;} .con-rec-cw{padding: 20px 16px;} } @media screen and (min-width: 990px) { .rec-cw-tt span{width: 16px;font-size:16px;} .rec-cw-des{font-size: 14px;} .rec-cw-tt{font-size: 20px;} .rec-c-ner{padding-top: 60px;} .rec-c-ner li{padding: 14px;width: 33.33%; flex: 1; flex-basis: 33.33%;} .rec-c-ner{margin: -14px;} .con-rec-cw{padding: 25px 20px;} .ny-Recruit-box04{padding-bottom: 40px;} } @media screen and (min-width: 1220px) { .rec-c-ner li{padding: 16px;} .rec-c-ner{margin: -16px;} .con-rec-cw{padding: 30px 25px;} .ny-Recruit-box04{padding-bottom: 50px;} } @media screen and (min-width: 1420px) { .rec-c-ner li{padding: 20px;} .rec-c-ner{margin: -20px;} .con-rec-cw {padding: 40px 30px; padding-bottom: 30px!important;} .ny-Recruit-box04{padding-bottom: 60px;} } @media screen and (min-width: 1620px) { .rec-c-ner li{padding: 22.5px;} .rec-c-ner{margin: -22.5px;} .con-rec-cw{padding: 50px 30px;} } @media screen and (min-width: 1620px) { .con-rec-cw{padding: 60px 30px;} } /* 人才招聘 */ @media screen and (min-width: 320px) { .zxtd-tit{ font-size: 18px; font-weight: bold; color: #04324F;} .zxtd-list{ padding-top: 20px;} .zxtd-list dl{ padding: 0; border-bottom: solid 2px #D4D4D4; display: flex;} .zxtd-list dt{ padding-right: 15px; font-weight: bold; font-size: 16px; line-height: 50px; white-space: nowrap;} .zxtd-list dd{display: flex; flex-wrap: wrap;} .zxtd-list dd span{ padding: 0 15px;} .zxtd-list dd a{position: relative; display: block; line-height: 50px; color: #999;} .zxtd-list dd a:hover{color: #000;} .zxtd-list dd .on{color: #000;} .zxtd-list dd .on::before{ content: ' '; background: #E50012; height: 2px; position: absolute; left: -5px; right: -5px; bottom: -2px;} .zxtd-box .list .btn button{border:none;background-color: none;} .zxtd-box .list .btn input{border:none;background-color: rgba(0,0,0,0);height:auto;width:120px;color:#fff;} .zxtd-box .list dl + dl{ margin-top: 0px;} .zxtd-box .list dt{ background: #FFF; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: .3s;padding: 12px 0;} .zxtd-box .list dl+dl dt{ border: 1px solid #F1F2F6;} .zxtd-box dt i{ display: flex; align-items: center; justify-content: center; transform: rotate(-45deg);} .zxtd-box dt b{ color: #000; padding: 0 10px; font-weight: normal;} .zxtd-box #rc-nav b{ color: #fff; padding: 0 10px; font-family: ro-bd;font-weight:bold; flex: 1;font-size: 3.2vw;} .zxtd-box #rc-nav b+b{text-align: center;text-align: left;} .zxtd-box #rc-nav b:nth-last-child(1){text-align: right;} .zxtd-box #rc-nav dt{background-color: #3F8CFE;padding: 10px 0;} .zxtd-box .list dd{ padding: 15px; border: solid 1px #D4D4D4; border: none; display: none;background-color: #fff;} .zxtd-box .list .box + .box{ padding-top: 20px;} .zxtd-box .list .btn{ padding-top: 20px; display: flex;justify-content:center;} .zxtd-box .box .tit{ margin-bottom: 20px;font-size: 3.4vw;text-align: left;} .zxtd-box .box .tit::before{display: none;} .zxtd-box .list .btn a{ background: #3F8CFE; height: 48px; padding: 0 20px; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #fff;} .zxtd-box .list .btn a span{font-size: 24px;} .zxtd-box .list .btn a:hover{ box-shadow: 0 5px 20px rgba(63,140,254,.35); transform: translateY(-3px);} .zxtd-box .list dt b{ color: #333;flex: 1;font-size: 3.2vw;} .zxtd-box .list b+b{text-align: center;} .zxtd-box .list b:nth-last-child(1){text-align: right;display: flex;justify-content: flex-end;} .zxtd-box .show dt b{ color: #333;flex: 1;font-size: 14px;} .zxtd-box .show b+b{text-align: center;} .zxtd-box .show b:nth-last-child(1){text-align: right;display: flex;justify-content: flex-end;padding: 0;} .zxtd-box .show dt i {transform: rotate( 45deg);} .zxtd-box .show dt i::before{ color: #fff;} .rec-rczp-more{width: 40px;margin-right: 0;display:none;} .box .txt p i{width: 6px;height: 6px ;margin-right: 10px;border-radius: 50%;background-color: #3F8CFE;display: inline-block;flex-shrink: 0;margin-top: 13px;} .box .txt p{display: flex;align-items: flex-start;font-size:3.2vw;} .join-box01{padding-bottom: 15px;position: relative;padding-top:15px;} .join-box01::before{content: ""; position: absolute; left: 0;top: 0;background-color: #F1F2F6;width: 100%;height: 100%;z-index: -1;} .zxtd-box .list b.mmore {display:none;} .zxtd-box .list dt b, .zxtd-box #rc-nav b{text-align:left;} } @media screen and (min-width: 480px) { .zxtd-box .list dt{padding: 14px 0;} .zxtd-box .show b:nth-last-child(1){padding-right: 15px;} } @media screen and (min-width: 640px) { .zxtd-box #rc-nav dt{padding: 15px 10px;} .zxtd-box .list dt{padding: 18px 0;} .zxtd-box .list .show dt b{font-size: 18px;} .zxtd-box{position: relative;margin-top: -58px;} .join-box01{padding-bottom: 40px;} .join-box01::before{top: 58px;} } @media screen and (min-width: 990px) { .zxtd-box .box .tit{font-size:20px;} .zxtd-box .list dt b, .zxtd-box #rc-nav b{font-size: 16px;} .box .txt p{font-size:16px;} .zxtd-box .list b.mmore{display:block;} .rec-rczp-more{display:inline-block;} .zxtd-box .list dt b{font-size: 16px;} .zxtd-tit{ font-size: 34px;} .zxtd-list dt{ line-height: 60px; font-size: 20px;} .zxtd-list dd a{ line-height: 60px;} .zxtd-box .show b:nth-last-child(1){padding-right: 19px;} .zxtd-box .list .btn{justify-content:left;} .zxtd-box .list dd{ padding: 20px 50px;} .zxtd-box .list .box + .box{ padding-top: 20px;} .zxtd-box #rc-nav dt{padding: 20px 30px;} .zxtd-box .list dt{padding: 20px 30px;} .zxtd-box{position: relative;margin-top: -70px;} .zxtd-box .list dt b, .zxtd-box #rc-nav b{padding: 0 20px;} .join-box01{padding-bottom: 50px;padding-top:0px;} .join-box01::before{top: 70px;} } @media screen and (min-width: 1220px) { .zxtd-tit{ font-size: 38px;} .zxtd-list dl{ padding-top: 15px;} .zxtd-list dt{ font-size: 22px; padding-right: 20px; line-height: 70px;} .zxtd-list dd span{ padding: 0 20px;} .zxtd-list dd a{ line-height: 70px; font-size: 16px;} .zxtd-box .list dd{ padding: 30px 50px;} .zxtd-box .list .btn{ padding-top: 30px;} .zxtd-box .list .btn a{ height: 60px; font-size: 16px; padding: 0 25px;} .zxtd-box .list .box + .box{ padding-top: 30px;} .zxtd-box .list .box{ font-size: 16px;} .zxtd-box .list .box,.zxtd-box .list .box *{ line-height: 2;} .join-box01{padding-bottom: 60px;} } @media screen and (min-width: 1420px) { .zxtd-tit{ font-size: 42px;} .zxtd-list{ padding-top: 10px;} .zxtd-list dl{ padding-top: 20px;} .zxtd-list dt{ font-size: 24px; padding-right: 25px;} .zxtd-list dd span{ padding: 0 25px;} .zxtd-box .list dd{ padding: 40px 50px;} .zxtd-box .list .btn{ padding-top: 40px;} .zxtd-box .list .box + .box{ padding-top: 40px;} .join-box01{padding-bottom: 70px;} } @media screen and (min-width: 1620px) { } /* 走进3044永利官网vip*/ @media screen and (min-width: 320px) { .caree-box{padding: 30px 0;} .care-js{padding: 20px 0;margin: 20px 0;} .car-ner *{font-size: 3.2vw;line-height: 1.6;} .care-js .indat-list b{line-height: 1.5;} .care-js li+li{border-left: 1px solid #E0E3EE;} .care-js .indat-list ul{width: 100%;} .caree-pic img{width: auto;height:180px;} .caree-pic{width:100%; /*overflow-x:scroll;*/ } .caree-pic::-webkit-scrollbar {/*​滚动条整体部分*/height:8px;} .caree-pic::-webkit-scrollbar-button{/*​ 滚动条两端的按钮*/} .caree-pic::-webkit-scrollbar-track {/*​外层轨道*/} .caree-pic::-webkit-scrollbar-track-piece{/*​ 内层轨道,滚动条中间部分(除去)*/background-color: #F1F2F6;} .caree-pic::-webkit-scrollbar-thumb{background-color: #3F8CFE;border-radius:4px;}/*​ 内嵌滑块*/ .caree-pic::-webkit-scrollbar-corner{/*​ 边角*/} .caree-pic::-webkit-resizer {/*​定义右下角拖动块的样式*/} .ny-career-box02{padding-top: 30px;} .caree-ryzs ul{display: flex;flex-wrap: wrap;} .caree-ryzs li{width: 50%;padding: 10px;} .caree-ryzs{margin: -10px;} /* .con-caree-ry img{ max-height:100%; max-width: 100%;} */ .con-caree-ry .pic{padding: 12px 10px;background-color: #F1F2F6;} .caree-ryzs{padding-top: 40px;} .con-caree-ry .tt{font-size: 3.2vw;padding: 10px 12px 0;min-height: 50px;text-align: center;line-height: 1.5;} } @media screen and (min-width: 480px) { .con-caree-ry .pic{padding: 15px 12px;} } @media screen and (min-width: 640px) { .con-caree-ry .pic{padding: 18px 14px;} .ny-career-box02{padding-top: 40px;} .con-caree-ry .tt{padding: 15px 16px 0;} } @media screen and (min-width: 990px) { .caree-pic img{width: 100%;height:auto;} .caree-pic{width:100%; overflow-x:hidden;} .caree-box{padding: 10px 0 50px;} .care-js{padding: 25px 0;margin: 30px 0;} .caree-ryzs li{width: 25%;} .con-caree-ry .pic{padding: 20px 16px;} .caree-ryzs{padding-top: 50px;} .ny-career-box02{padding-top: 50px;} .con-caree-ry .tt{font-size: 14px;padding: 20px 16px 0;} .car-ner *{font-size: 16px} } @media screen and (min-width: 1220px) { .caree-box{padding: 50px 0 60px;} .care-js{padding: 30px 0;margin: 40px 0;} .caree-ryzs li{width: 20%;} .con-caree-ry .pic{padding: 24px 20px;} .caree-ryzs{padding-top: 60px;} .ny-career-box02{padding-top: 60px;} } @media screen and (min-width: 1420px) { .caree-box{padding: 54px 0 70px;} .care-js{padding: 34px 0;} .con-caree-ry .pic{padding: 30px 22px;} .ny-career-box02{padding-top: 70px;} .con-caree-ry .tt{font-size: 14px;padding: 20px 22px 0;} } @media screen and (min-width: 1620px) { .caree-box{padding: 60px 0 80px;} .con-caree-ry .pic{padding: 32px 22px;} .ny-career-box02{padding-top: 80px;} } /* history 发展 历程历史*/ @media screen and (min-width: 320px) { .history-box{background-color: #F1F2F6;padding: 30px 0;} .history-top{position: relative;z-index: 2;} .history-top .icon-lgg{left: 50px;transform: rotateX(-180deg);border-radius: 50%;padding: 10px;background-color: #3F8CFE;width: 30px; height: 30px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 4.0vw; position: absolute;z-index: 2;} .history-list{position: relative;overflow: hidden;} .history-list li{position: relative;} .history-list li dl {display: flex;align-items: center;} .history-list li dt{width: 70px;flex-shrink: 0;position: relative;font-size: 4.5vw;font-family: ro-bd;font-weight:bold;margin-right: 10px;} .history-list li dt::before{content: "";right: 0;position: absolute;top: 50%;transform: translate(0,-50%);width: 10px;height: 10px;border-radius: 50%;background-color: #3F8CFE;} .history-list li::before{content: "";left: 64.5px;position: absolute;bottom: 50%;transform: translate(0,0%);width: 1px;height: 200%;border-radius: 50%;background-color: #3F8CFE;} .history-list li dd{display: flex;flex: 1;padding: 6vw;justify-content: space-between;position: relative;margin-left: 1vw;background-color: #fff;flex-direction:column;align-items: flex-start;} .history-list li dd::before{content: ""; position: absolute; top: 46%; width: 0; height: 0; right: 100%; border-bottom: 9px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #FFFFFF;} .his-con dd .pic{width: 34vw;flex-shrink: 0;margin-top:6vw;} .his-con dd .pic i{padding-bottom: 75.47%;} .his-con{margin-bottom: 15px;} .his-con dd .content{padding-right: 1vw;font-size: 3.4vw;} .history-list li:last-child dl{margin-bottom: 0;} } @media screen and (min-width: 480px) { .history-top .icon-lgg{width:40px;height:40px;left: 45px;} .history-list li dd::before{top:47%;} } @media screen and (min-width: 640px) { .his-con{margin-bottom: 20px;} /*.his-con dd .pic{width: 160px;}*/ .history-list li dt{width: 84px;} .history-top .icon-lgg{left: 60px;font-size:20px;} .history-list li::before{left: 78.5px;} .history-list li dd::before{top: 47.5%;} } @media screen and (min-width: 990px) { .history-list li dd::before{top: 45.5%;} .history-list li dt{font-size: 24px;} .history-list li dd{margin-left: 2vw;padding: 20px 28px;flex-direction:row;align-items:center;} .history-box{padding: 40px 0;} .history-con{padding:0 20px;} .his-con{margin-bottom: 30px;} .his-con dd .content{padding-right: 2vw;font-size:16px;} .his-con dd .pic{width: 200px;margin-top:20px;} .history-top .icon-lgg{font-size: 20px;} } @media screen and (min-width: 1220px) { .history-list li dd{margin-left: 40px;padding: 35px 40px;} .history-box{padding: 50px 0;} .history-con{padding:0 40px;} .his-con{margin-bottom: 40px;} .his-con dd .content{padding-right: 3vw;} .his-con dd .pic{width: 240px;} } @media screen and (min-width: 1420px) { .history-list li dd::before{top: 47%;} .history-list li dd{margin-left: 45px; padding: 45px 50px;} .history-box{padding: 60px 0;} .history-con{padding:0 60px;} .his-con{margin-bottom: 50px;} .his-con dd .content{padding-right: 4vw;} .his-con dd .pic{width: 265px;} } @media screen and (min-width: 1620px) { .his-con{margin-bottom: 60px;} .history-list li dd{margin-left: 55px;padding: 50px 60px;} .history-con{padding:0 80px;} .his-con dd .content{padding-right: 5vw;} } /* 联系我们 */ @media screen and (min-width: 320px) { .contact-box{} .lxfs{width: 14.9vw;height: 14.9vw;background-color: #3F8CFE;margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: relative;z-index: 2;} .lxfs span{color: #fff;font-size: 6.4vw;} .lxner{height: 90px;padding: 0 10px; padding-top: 3.5vw;display: flex;align-items: center;flex-direction: column;border: 1px solid #3F8CFE;margin-top: -7.5vw;text-align: center;justify-content:center;} .lxner .tt{color: #999999;opacity:0;height:2vw;} .lxner .txt{color: #333333; word-break: break-all;font-size:3.4vw;line-height:1.5;} .tact-lx ul {display: flex;flex-wrap: wrap;} .tact-lx li{width: 50%;flex: 1;padding: 10px;flex-basis: 50%;} .tact-lx{margin: -10px;padding: 30px 0;} .tact-des{padding-top: 30px;font-size: 3.4vw;text-align: center;margin-bottom: 30px;} .con-e-tact *{ word-break: break-all;} .con-e-tact .pic{width: 50px;margin: 0 auto;} .tact-email-list ul{display: flex;flex-wrap: wrap;} .tact-email-list li { width: 50%; flex-basis: 50%;padding: 10px;} .tact-email-list{margin: -10px;} .con-e-tact .tt{font-size: 3.3vw;color: #333333;font-family: ro-bd;font-weight:bold;padding-top: 10px;line-height: 1.2;} .con-e-tact .txt{font-size: 3.2vw;color: #333333;} .con-e-tact{text-align: center;height: 220px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color:#F1F2F6;padding: 10px;} .tact-email-list{padding-bottom: 15px;} .tact-email-list li{flex:1; width: 50%; flex-basis: 50%; min-width:0;} } @media screen and (min-width: 480px) { .tact-lx{padding: 40px 0;} .tact-des{margin-bottom: 32px;} .con-e-tact .tt{padding-top: 20px;} .lxner{height: 120px;} } @media screen and (min-width: 640px) { .tact-lx{padding: 48px 0;} .tact-des{margin-bottom: 36px;} .tact-email-list{padding-bottom: 40px;} .lxner{height: 134px;} } @media screen and (min-width: 720px) { .lxner{height: 156px;} } @media screen and (min-width: 990px) { .lxner .txt{font-size:16px;} .lxner .tt{color: #999999;opacity:1;height:auto;} .lxfs{width: 60px;height: 60px;} .lxner{padding: 0 15px;padding-top: 40px;margin-top: -30px;justify-content:flex-start;} .tact-lx{padding: 40px 0;} .lxfs span{font-size: 34px;} .tact-lx li{width: 33.33%;flex: 1;padding: 10px;flex-basis: 33.33%;} /*.tact-email-list li {width: 33.33%; flex-basis: 33.33%;}*/ .con-e-tact .pic{width: 60px;} .tact-des{margin-bottom: 40px;font-size:16px;} .con-e-tact{height:280px;} .con-e-tact .tt{padding-top: 30px;font-size: 20px;} .con-e-tact .txt{font-size: 16px;} .tact-email-list{padding-bottom: 50px;} } @media screen and (min-width: 1220px) { .lxfs{width: 70px;height: 70px;} .lxner{padding: 0 20px;padding-top: 50px;margin-top: -35px;} .tact-lx{padding: 60px 0;} .lxfs span{font-size: 36px;} .tact-des{margin-bottom: 45px;} .con-e-tact{height: 300px;} .con-e-tact .tt{padding-top: 40px;} .tact-email-list{padding-bottom: 60px;} } @media screen and (min-width: 1420px) { .lxfs{width: 76px;height: 76px;} .lxner{padding: 0 30px;padding-top: 60px;margin-top: -38px;} .tact-lx{padding: 70px 0;} .lxfs span{font-size: 38px;} .con-e-tact{height: 320px;} .con-e-tact .tt{padding-top: 42px;} .tact-email-list{padding-bottom: 70px;} } @media screen and (min-width: 1620px) { .tact-lx{padding: 80px 0;} .lxfs span{font-size: 40px;} .tact-email-list{padding-bottom: 80px;} } /* Services services-box02 form */ @media screen and (min-width: 320px) { .services-box02{background-color: #F1F2F6;} .but-product{height: 48px; width: 100%;display: flex;justify-content: space-between;align-items: center;font-size: 3.7vw;padding-right: 0;border: 2px solid #3F8CFE; transition: .3s;background-color: #FFF;} .but-product i{height: 48px;width: 48px; color: #fff;background-color: #3F8CFE;display: flex;align-items: center;justify-content: center; transition: .3s;} .services-box02{padding: 30px 0;} .sever-form{padding-top: 40px;} .server-tt{font-size: 3.4vw;margin-bottom: 10px;} .server-tt span{font-family: ro-me;color: #3F8CFE;} .form-severbox02 .layui-input-block{ margin: 0;} .but-product:hover {border-color: #3F8CFE; box-shadow: 0 1px 10px rgba(0,140,254,0.3); transition: .5s;} .con-form-pro .tt{font-size: 3.2vw;text-align: center;padding-top: 10px;line-height: 1.5;} .con-form-pro{padding: 10px 15px; background-color: #fff; transition: .3s;width: 100%; cursor: pointer;border-color:#fff;} .form-product-list ul{display: flex;flex-wrap: wrap;} .form-product-list li{width: 50%;padding: 10px; transition: .3s;display:flex;align-items: center;justify-content: center;} .form-product-list{margin: -10px;} .form-product-list li:hover .con-form-pro{box-shadow: 0 10px 30px rgba(0,28,70,0.08); transition: .3s;} .form-product-list li .con-form-pro.on{box-shadow: 0 10px 30px rgba(0,28,70,0.08); transition: .3s;} .form-product-list li .con-form-pro.on .tt{ font-weight:bold; color:#3F8CFE;} .con-form-pro .more{width: 50px;margin: 0 auto;} .con-form-pro img{max-width: 100%;} .con-form-pro{ height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;} .layui-pro-list{width:80% !important; max-width:1500px; height:80vh;} .layui-pro-list .pro-list-tit *{ font-family: ro-re;} .layui-pro-list .layui-layer-content{ height:100%;} .layui-pro-list .pro-list{ display:flex; flex-direction:column; height:100%;} .layui-pro-list .pro-list-tit{padding: 0 15px;} .layui-pro-list .pro-list-bd{ padding: 15px; flex:1; overflow-y: scroll; overflow-x:hidden; display:flex;flex-direction:column; justify-content:space-between; position:relative;} .layui-pro-list .pro-list-tit .flex{border-bottom:1px solid #DCDCDC; padding:15px 0;} .layui-pro-list .pro-list-tit .layui-input{ background-color:#fff; position:relative; border-color:#3F8CFE;} .layui-pro-list .pro-list-tit .layui-select-title::before{content:' '; position:absolute; width:38px; height:38px; right:0; top:0; background-color:#3F8CFE; z-index:2;} .layui-pro-list .pro-list-tit .layui-form-select .layui-edge{ opacity:1; right:13px; z-index:2; border-top-color:#fff;} .layui-pro-list .pro-list-tit .r{display:flex;} .layui-pro-list .pro-list-tit .r .close{width:38px; height:38px; display:flex; align-items:center; justify-content:center; margin-right:-15px; cursor: pointer;} .layui-pro-list .pro-list-tit .select-box{ flex:1;} .layui-pro-list .pro-list-tit .l{ padding-top:15px; display:flex; align-items:flex-start;flex-wrap:wrap;flex-direction:column;} .layui-pro-list .pro-list-tit .l .title{color:#000; font-size:20px; font-weight: bold; line-height:1.2; padding-right:20px; white-space:nowrap;} .layui-pro-list .pro-list-tit .l dl *{ line-height:1.2;} .layui-pro-list .pro-list-tit .l dl{ display:flex; padding-top:4px;} .layui-pro-list .pro-list-tit .l dt{ font-size:16px; color:#666666; white-space:nowrap;} .layui-pro-list .pro-list-tit .l dd{ font-size:16px; color:#3F8CFE;} .pro-select{ padding-top:15px; display:none;} .pro-select dl *{ line-height:1.2;} .pro-select dl{ background-color:#E6EAF6; border:1px solid #D1DAF3; border-radius:4px;padding:15px; display:inline-flex; } .pro-select dt{ font-size:16px; color:#666666; white-space:nowrap;} .pro-select dd{ font-size:16px; color:#3F8CFE;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .con-form-pro{padding: 14px 20px;} } @media screen and (min-width: 990px) { .services-box02{padding: 40px 0;} .sever-form{padding-top: 45px;} .server-tt{margin-bottom: 15px;font-size:16px;} .but-product{padding-left: 20px;font-size:16px;} .but-product{height: 58px;} .but-product i{height: 58px;width: 58px;} .form-severbox02 .layui-form-item{margin-bottom: 30px;} .form-product-list li{width: 25%;} .con-form-pro{padding: 16px 30px;} .con-form-pro .tt{padding-top: 15px;font-size:16px;} .layui-pro-list .pro-list-tit .l{flex-direction:row;} } @media screen and (min-width: 1220px) { .services-box02{padding: 50px 0;} .sever-form{padding-top: 50px;} .but-product{padding-left: 30px;} .con-form-pro{padding: 18px 32px;} .form-product-list .con-form-pro{padding-bottom: 16px;} .layui-pro-list .pro-list-tit{padding: 0 40px;} .layui-pro-list .pro-list-bd{ padding: 40px; } .layui-pro-list .pro-list-tit .flex{padding:30px 0; display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center;} .layui-pro-list .pro-list-tit .layui-input{height:58px; width:500px; padding-right:78px;} .layui-pro-list .pro-list-tit .layui-select-title::before{width:58px; height:58px;} .layui-pro-list .pro-list-tit .layui-form-select .layui-edge{ right:23px;} .layui-pro-list .pro-list-tit .r .close{width:58px; height:58px; margin-right:-30px;} .layui-pro-list .pro-list-tit .r .close i{ font-size:22px;} .layui-pro-list .layui-form-select dl{ top:62px;} .layui-pro-list .pro-list-tit .l{ padding-top:0;} .pro-select{padding:20px 0 40px 0;} .pro-select dl{ padding:25px 35px;} } @media screen and (min-width: 1420px) { .sever-form{padding-top: 55px;} .con-form-pro{padding: 18px 34px;} } @media screen and (min-width: 1620px) { .sever-form{padding-top: 60px;} .con-form-pro{padding: 20px 40px;} } /*step02 step03 */ @media screen and (min-width: 320px) { .con-step02{display: flex;transition: .5s;align-items: center;width: 100%;padding: 10px;background-color: #fff;justify-content: center;flex-direction:column;} .con-step02 .pic{margin-right: 0px;width: auto;} .con-step02 .pic i{font-size: 7.4vw;color: #333333;transition: .5s;} .con-step02 .tt{color: #333333;transition: .5s;font-family: ro-bd;font-weight:bold;font-size: 3.4vw;width: auto;} .form-step02 li:hover .con-step02 *{color: #fff; transition: .3s;width: auto;} .form-step02 li:hover .con-step02{background-color: #67a0f3; transition: .3s;} .form-step02 li .layui-form-radioed .con-step02{background-color: #3F8CFE;transition: .3s;} .form-step02 li .layui-form-radioed .con-step02 *{color: #fff; transition: .3s;} .layui-form-radio div{width: 100%;} .form-step02 li .layui-form-radio>i{display: none;} .form-step02 li .layui-form-radio{margin: 0;padding: 0; width: 100%;} .form-step02 li{flex:1;} .step03 .layui-textarea:hover{background-color: #fff;} .step03 .layui-textarea{background-color: #fff; border-color: #EAEBF2; min-height: 250px;padding:15px;font-size: 3.2vw; color: #333;} .step03 .layui-textarea:-moz-placeholder:-moz-placeholder { color: #CED4DB;font-size: 16px; } .step03 .layui-textarea:-ms-input-placeholder { color: #CED4DB;font-size: 16px; } .step03 .layui-textarea::-webkit-input-placeholder { color: #CED4DB ;font-size: 16px; } .Step-list .form-step02{margin-bottom: 10px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .con-step02 .pic{margin-right: 15px;} .step03 .layui-textarea{padding: 20px;font-size:16px;} .con-step02{flex-direction:row;} .con-step02 .tt{font-size: 16px;} .con-step02 .pic i{font-size: 30px;} } @media screen and (min-width: 1220px) { .con-step02 .tt{font-size: 18px;} .con-step02 .pic{margin-right: 20px;} /*.step03 .layui-textarea{padding: 25px;}*/ } @media screen and (min-width: 1420px) { /*.step03 .layui-textarea{padding: 30px;}*/ } @media screen and (min-width: 1620px) { /*.step03 .layui-textarea{padding: 40px;}*/ } /* step04 */ @media screen and (min-width: 320px) { .step04-con{display: flex;flex-wrap: wrap;} .step04 .layui-input-block{width: 100%;padding: 10px;} .con-step{margin: -10px;} .step04-con {width:100%;} .step04 .layui-input{background-color: #fff;border-color: #fff;height: 48px;font-size:3.2vw;color:#333;} .step04 .layui-input:-moz-placeholder:-moz-placeholder { color: #CED4DB;font-size:3.2vw; } .step04 .layui-input:-ms-input-placeholder { color: #CED4DB;font-size:3.2vw; } .step04 .layui-input::-webkit-input-placeholder { color: #CED4DB ;font-size:3.2vw; } .Step-list{padding-bottom: 15px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .step04 .layui-input{padding-left: 15px;} } @media screen and (min-width: 990px) { .step04 .layui-input-block{width: 33.33%; flex: 1; flex-basis: 33.33%;} .step04 .layui-input{height: 58px;padding-left: 20px;font-size:16px;} .step04 .layui-input:-moz-placeholder:-moz-placeholder { color: #CED4DB;font-size:16px; } .step04 .layui-input:-ms-input-placeholder { color: #CED4DB;font-size:16px; } .step04 .layui-input::-webkit-input-placeholder { color: #CED4DB ;font-size:16px; } .pc-none{display:none!important;} } @media screen and (min-width: 1220px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1620px) { } /* step05 */ @media screen and (min-width: 320px) { .step05-number .step05-pic-btn{display: flex;flex-direction: column;align-items: center;height: auto;position: absolute;left: 50%;top: 50%;width: 90%;transform: translate(-50%,-50%);background-color: rgba(0,0,0,0); z-index: 2;} .step05-number{min-height: 320px;width: 100%;position: relative;} .step05-pic-btn span{color: #666666;padding-top: 20px;font-size: 16px;display: block;white-space: pre-wrap; /* 让空格保留 */ word-wrap: break-word; /* 强制断行 */display: inline-block;width: 100%;} .step05-pic-btn i{font-size: 24px;padding: 10px;background-color: #3F8CFE;width: 60px;height: 60px;line-height: 1;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .upload-pic{background-color: #fff;} .step05-number{padding: 10px;} .layui-upload-img{opacity:0;} .img-set{opacity:1;} /* 多文件 */ .stemp-file .step05-pic-btn{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;margin: 0;width: 100%;background-color: #fff;} .step5-file-more{padding: 10px;width: 100%; min-height: 320px;} .step5-file-more{min-height: 320px;position: relative;} .stemp-file{height: 100%;width: 100%;position: relative;} .Step-list-Upload05{display: flex; flex-wrap: wrap;width: 100%;} .file-numb{position: absolute;left: 50%;top: 66%;transform: translate(-50%,0);} .list-Upload{margin: -10px;} .layui-upload-list{margin: 0;} .ner-file button{position: absolute; right: 20px; top: 20px;z-index: 2;transform: translate( 0,0);background-color: rgba(255,255,255,0.6);color: #666666; margin: 0!important;width: 30px;height: 30px; border-radius: 50%;transform: rotate(45deg)} .ner-file button i::before{ font-weight: bold;} .ner-file button:hover{color:#3f8cfe;} .ner-file i.pic-size{background-image:url(../img/loading.gif); background-position:center; background-repeat:no-repeat;} .ner-file i.pic-size img{opacity:0; background-color:#fff;} .ner-file.show i.pic-size img{opacity:1;} .ner-file .stemp-file{} .ner-file .numb{position: absolute;left: 10px;top: 10px;background-color: #3F8CFE;border-radius: 0 0 50px 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;color: #fff;font-family: ro-bd;font-weight:bold;line-height: 1;padding-right: 10px;padding-bottom: 10px;font-size: 16px;} .services-box02-form{background-color: #F1F2F6;} .server-content .tact-lx .txt{font-size: 3.2vw;} .server-content .lxner{ height: 90px;background-color: #F2F7FF;padding-top:5.5vw;} .server-content .care-js .txt{padding: 10px; padding-top: 15px;min-height: 69px;color: #3F8CFE;font-size: 14px;} .server-content .care-js{padding: 0;margin: 20px 0;} .server-content{ background-color: #fff;} } @media screen and (min-width: 480px) { .step05-number{min-height: 360px;width: 100%; max-width: 100%;} .step5-file-more{width: 100%;max-width: 100%;min-height: 360px;} .server-content .care-js .txt{padding-top: 20px;} .server-content .lxner{ height: 110px;} } @media screen and (min-width: 640px) { .step5-file-more{width: 50%;} .step05-number{width: 50%;} .server-content .lxner{ height: 134px;} } @media screen and (min-width: 720px) { .server-content .lxner{ height: 154px;} } @media screen and (min-width: 990px) { .server-content .tact-lx .txt{font-size: 16px;} .step5-file-more{width: 33%;height: auto;min-height:auto;} .step05-number{width: 33%;height: auto;min-height:auto;} .server-content .care-js .txt{padding-top: 25px;} .server-content .lxner{ min-height: 120px;padding-top:22px;display:flex;align-items:center;justify-content:center;} .btn-le {min-height:300px;} } @media screen and (min-width: 1220px) { .step5-file-more{width: 25%;height: auto;} .step05-number{width: 25%;height: auto;} .server-content .tact-lx{padding: 60px 0;} .server-content .indus-li .nmb, .server-content .indat-tt{font-size: 38px;} .server-content .care-js .txt{padding-top: 30px;} .btn-le {min-height:305px;} .server-content .lxner{padding-top:22px} } @media screen and (min-width: 1420px) { .server-content .indus-li .nmb, .server-content .indat-tt{font-size: 40px;} .server-content .care-js .txt{padding-top: 40px;} .server-content{padding-bottom: 42px;} .btn-le {min-height:355px;} } @media screen and (min-width: 1620px) { .services-box02-form{padding-bottom: 40px;} .server-content .indus-li .nmb, .server-content .indat-tt{font-size: 44px;} .btn-le {min-height:380px;} } /* */ @media screen and (min-width: 320px) { .server-contact{padding: 8.8vw ;} .con-contact-us{padding: 6vw 6vw;background-color: rgba(255,255,255,0.8);} .con-contact-us .tt{font-size: 4.5vw;font-family: ro-bd;font-weight:bold; line-height: 1.5;} .con-contact-us .txt{font-size: 3.2vw;padding-top: 15px;line-height: 1.5;color:#666666;} .sevic-tact-tel{margin-top: 4vw;padding: 2px 0;text-align: center;width: 35vw;min-width:188px; background-color: #3F8CFE;border-radius: 40px;font-size: 18px;color: #fff;display: flex;align-items: center;justify-content: center;} .sevic-tact-tel i{margin-right: 10px;font-size: 24px;} .server-contact{ background-size: cover; background-position: center center;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .con-contact-us{width: 50%;max-width: 590px;min-height: 420px;} .con-contact-us .tt{font-size: 32px;} .con-contact-us .txt{padding-top: 20px;max-width: 458px;font-size:16px;} .sevic-tact-tel i{font-size: 30px;} .sevic-tact-tel{font-size: 20px;width:260px;} } @media screen and (min-width: 1220px) { .con-contact-us .tt{font-size: 36px;} .sevic-tact-tel{font-size: 22px;} } @media screen and (min-width: 1420px) { .con-contact-us .tt{font-size: 38px;} } @media screen and (min-width: 1620px) { .con-contact-us .tt{font-size: 40px;} .sevic-tact-tel{font-size: 24px;} .con-contact-us{padding: 3vw 2.5vw;background-color: rgba(255,255,255,0.8);} } /* */ @media screen and (min-width: 320px) { .cttt{position: relative; height: 100px;} .popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #999; padding: 10px; background-color: #fff; z-index: 999; width: 80%; height: 80% } .mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 998; } .pop-tt {display: flex;flex-direction: column;} .pop-tt .right{position: relative;} .pop-tt .right .layui-input{background-color:#F5F5F5;border:none;padding-left: 30px;} .right i{position: absolute;left: 10px;top: 5px;} .pop-tt .icon-add-up{transform: rotate(45deg);color: #fff;} .pop-tt .close{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0);border: none;position: absolute;right: 0px;top: -40px;} .pop-tt .left{font-size: 18px;font-family: ro-bd;font-weight:bold;color:#333333;line-height: 1.4;padding-bottom: 15px;} .pop-tt{padding-bottom: 10px;/* border-bottom: 1px solid #DCDCDC; */} .contry-ner .tt{font-size: 16px;font-family: ro-bd;font-weight:bold;width: 100%;padding: 20px 0px;margin: 5px;border-top: 1px solid #DCDCDC;} .contry-ner .tt{} .con-try-list ul{display: flex;flex-wrap: wrap; height: 55vh;overflow: auto;} .con-try-list li{padding: 5px;min-width: 33.33%;height: auto;} .con-try-list{margin: -5px;} .form-two .icon-lgg{right: 10px;} .con-try-list ul::-webkit-scrollbar { width: 2px; } .con-try-list ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(102, 102, 102, 0.8); opacity: 0.2; background: fade(@primary-color, 60%); } .con-try-list ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); border-radius: 0; background: fade(@primary-color, 30%); } .con-try-list-2{display:none;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .right .layui-input{width: 140px;} .pop-tt{display: flex;flex-direction: row;justify-content: space-between;align-items:center;} .pop-tt .left{padding-bottom: 0;} .pop-tt{padding-bottom: 15px;} .popup{padding:20px 60px 20px 40px;} .con-try-list ul{margin-right: -20px;padding-right: 20px;} .pop-tt .close{top: 15px;right: 10px;} .pop-tt .icon-add-up{color: #333;} } @media screen and (min-width: 990px) { .pop-tt{padding-bottom: 20px;} .con-try-list li{min-width: 25%;} } @media screen and (min-width: 1220px) { .con-try-list li{min-width: 20%;} } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1620px) { } /* 产品 */ @media screen and (min-width: 320px) { .popupBox { display: none; position: absolute; top: 40px; left: 0; width: 100%; max-height: 200px; overflow-y: auto; background-color: #fff; border: solid 1px #ccc; box-shadow: 2px 2px 10px rgba(0,0,0,.2); z-index: 10; } .popupBox label { display: block; margin: 5px 10px; } .popupBox label input[type="checkbox"] { margin-right: 5px; } .selected-items { padding: 0 10px; font-size: 14px; line-height: 30px; background-color: #fff; border-bottom: solid 1px #ccc; } .none{display:none;} .step05-opj button{opacity:0;display:none;} .step05-opj button span{opacity:0;display:none;} .step05-opj:hover button{opacity:0.8;} .con-pro-sect{display:flex;justify-content:center;align-items:center;/*padding-top: 30px;*/ position:absolute;left:50%;bottom:0;transform:translate(-50%,0); transition: 0s;width: 95%; padding: 10px;padding-bottom:15px; background-color: #fff;} .con-pro-sect .layui-btn{font-size: 3.2vw;height: 48px; padding:0 18px;line-height:5.0vw;display:flex;align-items:center;justify-content: center; } .con-pro-sect .layui-btn+.layui-btn{margin-left:20px;} .con-pro-sect .layui-border-blue{background-color: #E5E8ED!important;border-color:#d2d2d2!important;color:#5f5f5f!important;} .con-pro-sect .layui-btn.close{background-color: #3f8cfe;} .pro-list .form-product-list-btn::after{height:8vh;} .layui-form-select dl dd.layui-select-tips{color:#464646;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .con-pro-sect .layui-btn{height:56px;} } @media screen and (min-width: 990px) { .con-pro-sect .layui-btn{font-size:16px; /*padding:0 18px;line-height:38px;*/} .con-pro-sect{padding:0px 0;} .con-pro-sect{padding:10px;padding-bottom:15px;} .con-pro-sect .layui-btn{font-size:18px;padding:0 24px;} } @media screen and (min-width: 1220px) { .con-pro-sect{bottom:0px;padding-bottom:40px; } .con-pro-sect .layui-btn{padding:0 56px;} } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1620px) { } /* 轮播 */ @media screen and (min-width: 320px) { .section {width: 100%;height: 160px;/*border: 1px solid pink; margin: 100px auto;*/overflow: hidden; position: relative;} .section ul {height: 160px; animation: g 10s linear infinite;transform: 1s; display: flex; position: absolute; left: 0; top: 0;} .section.ind-prolb{height: 27.7778vw;} .section.ind-prolb ul {height: 27.7778vw;} @keyframes g{ from{transform: translate(0,0);} to{transform: translate(-50%,0);} } .section li {float: left;transition: 0.5s;cursor: pointer; border:2px solid #999; flex:1; width:200px;} .section:hover ul{animation-play-state: paused;} .section:hover li{opacity: 0.5;} .section li:hover {opacity: 1;} .ny-box-03 section ul {animation: g 10s linear infinite} .ny-box-03 section:hover ul{animation-play-state: running;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .section.ind-prolb{height: 9.34vw;height: 14.5vw;} .section.ind-prolb ul {height: 9.34vw; height: 14.5vw;} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide{width:14.5vw;} } @media screen and (min-width: 1220px) { } @media screen and (min-width: 1420px) { .ind-box-03 .swiper-bd .swiper-awards .swiper-slide{width:232px;} } @media screen and (min-width: 1620px) { .section.ind-prolb{height: 9.34vw;height: 11.5vw;} .section.ind-prolb ul {height: 9.34vw; height: 11.5vw;} .ind-box-03 .swiper-bd .swiper-awards .swiper-slide{width:11.5vw;} } /* */ @media screen and (min-width: 320px) { .pro-xz-form-list li{min-height:250px;} .pro-xz-form-list li{display:none;} .pro-xz-form-list li.pr-dj{display:block;} .pro-xz-form-list li:nth-child(1){display:block;} .pro-xz-form-list li:nth-child(2){display:block;} .pro-xz-form-list li:nth-child(3){display:block;} .pro-xz-form-list li:nth-child(4){display:block;} .pro-xz-form-list li:nth-child(5){display:block;} .pro-xz-form-list li:nth-child(6){display:block;} .pro-xz-form-list li:nth-child(7){display:block;} } @media screen and (min-width: 480px) { .pro-xz-form-list li{min-height:300px;} } @media screen and (min-width: 640px) { .pro-xz-form-list li{min-height:340px;} } @media screen and (min-width: 720px) { .pro-xz-form-list li{min-height:380px;} } @media screen and (min-width: 990px) { .pro-xz-form-list li{min-height:320px;} } @media screen and (min-width: 1220px) { .pro-xz-form-list li{min-height:335px;} } @media screen and (min-width: 1420px) { .pro-xz-form-list li{min-height:355px;} } @media screen and (min-width: 1620px) { .pro-xz-form-list li{min-height:375px;} } /* 头部修改2023-08-23 */ @media screen and (min-width: 320px) { .nav-list li.proheader-li {position: inherit;} .proheader-li .nav-list-sub{width:100%;} .nav-list-sub-pro{display:none;} .nav-list-sub-pro .proarr{position:relative;} .nav-list li .nav-list-sub-pro a i{position:relative;left:0;margin-top:0;} .nav-list-sub-pro .con-form-pro .tt{color:#333;} .nav-list-sub-pro .form-product-list li{/*width:auto;*/} .nav-list li .nav-list-sub-pro a{width:100%;} .tabs-pro{display:none;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .sj-lm-pro{display:n1one;} .nav-list li.proheader-li .nav-list-sub-pro {} .tabs-pro{display:block; display:flex; justify-content:space-between;} .tabs-pro .hd-country{display:flex;width:22%;flex-shrink:0;flex-direction:column;} .hd-country .btn{padding:10px 0;cursor:pointer;} .hd-country .btn.on{color:#3F8CFE;} .tabs-pro .bd-country{flex:1;} .head-product-list ul{display:flex; flex-wrap:wrap;} .head-product-list li{width: 33.33%;} .hedproarr i{position:relative!important;} .head-product-list li a i{position:relative;margin-top:0;right:0;} .head-product-list li a .hedproarr .tt{color:#333;text-align:center;background-color: #F2F7FF;padding:6px 0;} .prod-bgc{padding:10px;background-color: rgba(255,255,255,0.4);} .head-product-list ul li.nav-on a{padding:0!important;} .head-product-list li{padding:6px;} .head-product-list {margin:-6px;} } @media screen and (min-width: 1220px) { .tabs-pro .hd-country{width:21%;} .head-product-list li{width: 25%;} } @media screen and (min-width: 1420px) { .tabs-pro .hd-country{width:20%;} .head-product-list li{width: 20%;} } @media screen and (min-width: 1620px) { } @media screen and (min-width: 1880px) { .tabs-pro .hd-country{width: 16%;} } /* */ @media screen and (min-width: 320px) { .pro_ej-pro-lm {display:none;} .pro-head-lm {text-align:center;padding:5px;color:#666;} .pro-head-lm i{display:none;} .pro-head-sanji dt a div{color:#333;background-color: #fff;padding:5px;border-bottom:1px solid rgba(0,0,0,0.1);} .pro-head-sanji{display:none;} .con-lam dl:hover .pro-head-sanji{display:block;} .pro-head-sanji dt a:hover div{color: #3f8cfe;} .sj-lm-pro {display:n1one;} .sj-lm-pro .dd:hover .pro-head-sanji{display:block;} .sj-lm-pro .dd{padding:10px 0;} .ts-text{font-size:16px;color:#999;text-align: center;width: 100%; padding:30px 0 20px;position:relative;top:-50px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .sj-lm-pro {display:none;} .nav-list li .nav-list-sub{width:150%;} .pro_ej-pro-lm {display:block;height:80vh;background-color: #FFF;padding:10px;} .con-lam dl{display:flex;} .con-lam .pro-head-lm {width:40%;flex-shrink:0;padding-right:26px;} .pro-head-sanji {flex:1;} .pro-head-sanji dt{display:flex;flex-wrap:wrap;flex-direction:column;} .pro-head-sanji dt a{width:100%;padding:8px!important;color:#333!important;} .pro-head-sanji dt a:hover{color:#3f8cfe!important;transition: 0s;} .pro-head-sanji dt a:hover div{color: #3f8cfe;} .pro-head-sanji dt a div{padding:5px;background-color: #fff;text-align:left;border-bottom:1px solid #ccc!important;} .pro-head-lm {padding:10px 10px;border-bottom:1px solid #ccc;text-align:left;} .con-lam dl:hover .pro-head-lm{background-color: #3f8cfe;color:#fff;} .pro-head-sanji{display:none;} .con-lam dl:hover .pro-head-sanji{display:block;} .proheader-li:hover .pro-head-sanji{position:absolute;left:40%;width:60%;top:10px;z-index:2;min-height:100%;margin-top:-8px;padding-right:8px; border-left:2px solid rgba(0,0,0,0.1);margin-left:0px;} .pro_ej-lm {position:relative;} .nav-list-sub-bg-show{display:none;} .pro-head-lm {position:relative;} .pro-head-lm i{display:block; position:absolute; right:10px;top:50%;transform:translate(0,-50%);transition: 0s;} .nav-list li.proheader-li .nav-list-sub{width:100%;} .nav-list li .nav-list-sub .nav-list-height{background-color: #FFF;} .nav-list li .nav-list-sub{left:0!important;margin-left:0!important;} .nav-list li .nav-list-sub a{padding:11px 10px!important;text-align:center;} .ts-text{ padding:40px 0 30px;} } @media screen and (min-width: 1220px) { } @media screen and (min-width: 1420px) { .nav-list li .nav-list-sub{width:100%;} } @media screen and (min-width: 1620px) { .pro-head-sanji dt a{width:100%;} .nav-list li.proheader-li.nav-on .nav-list-sub {width:80%;} } /* 表格样式 */ @media screen and (min-width: 320px) { table{width:100%;border:1px solid #DCDCDC;} table tr{border:1px solid #DCDCDC;} table tr td{border-right:1px solid #DCDCDC;padding:4px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { } @media screen and (min-width: 1220px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1620px) { } /* */ @media screen and (min-width: 320px) { } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { } @media screen and (min-width: 1220px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1620px) { }