@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: 14px; } .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:#E50012; color:#fff;} ::-moz-selection{background:#E50012; color:#fff;} a,a:link{ color: #000; text-decoration: none;} a:hover,a:active{ color: #E50012; 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寤惰繜瑙e喅".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: 20px; -moz-border-radius: 20px; border-radius: 20px;} 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: #E50012; color: #fff; border: 1px solid #E50012; 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%;} } @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: 7px 15px;} } @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;} .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: #E50012; background-color: #E50012;} .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #E50012;} .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;} } @media screen and (min-width: 1420px) { .container{ width: 1420px; padding: 0 10px;} .ind-box01{width: 1200px;} .bg .container{ width: 1300px;} } @media screen and (min-width: 1640px) { .container{ width: 1640px; padding: 0px;} .bg .container{ width: 1640px;} } /*--/婕傛诞--*/ @media screen and (min-width: 1320px) { /*body::before{ content: ' '; background-image: url(../images/index.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) { div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;} .container-header{position: relative;} .nav-box-bg{ height: 60px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8;} .nav-box{ height: 60px; width: 100%; z-index: 100; left: 0; top: 0; background: #fff;} .header-box{ height: 60px; display: none;} .logo{ float: left; position: relative; z-index: 9; height: 57.94px; padding: 10px 0 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: 60px; font-size: 32px; width: 32px; text-align: center; color: #E50012;} .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: 55px; left: 0; right: 0; background: #0c0c0c; background: rgba(255,255,255,.95); padding:10px 15px; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.2); box-shadow: 0 10px 20px rgba(0,0,0,.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 8;} .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; } .nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #666; display: block; text-align: center;} .nav-list li .nav-list-sub{ overflow: hidden; background: rgba(230,230,240,.5);-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; transition:height .3s,opacity .3s;} .nav-list li .nav-list-sub div{ padding: 10px 15px;} .nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 14px; text-align: center;} .nav-list li .nav-list-sub a:nth-last-of-type(1){border: none;} .nav-list li .nav-list-sub a span{ color: #666;} .nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #E50012;} .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,.nav-list li .on i:before{ color: #fff;background-color: #E50012;} .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: #E50012; 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;} .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;} .nav-list li .nav-list-sub div.btn-sub-bg{display: none;} .top-r {display: flex; flex-direction: column; align-items: center; padding: 15px ; background: #f4f4f4; border: solid 1px #eee; border-radius: 8px;} .lang-box{display: inline-flex; border: solid 1px #E50012; border-radius: 4px; background: #fff; overflow: hidden;} .lang-box a{ padding: 5px 10px; line-height: 1.2; } .lang-box a.on{ background: #E50012; color: #fff;} .search-box{ margin-top: 15px; display: flex;} .search-inp{display: block; padding-right: 5px;} .search-inp input{ height: 36px; border: solid 1px #bbb;padding: 0 15px; border-radius: 4px;} .search-box .btn{ height: 36px; width: 36px; border-radius: 4px; border: none; background: #E50012; color: #fff; cursor: pointer;} } @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) { } @media screen and (min-width: 992px) { .nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #E50012;} .nav-list li .on b,.nav-list li .on i:before{ background-color: rgba(0,0,0,0);} .nav{ height: 75px;margin-right: -15px;} .nav:before{display: none;} .nav-box-bg{ height: 75px;} .nav-box{ box-shadow: none; position: fixed; height: 75px; background: #fff;} .header-box{ height: 75px; display: none;} .nyheader-box{display: block;} .logo{ height:75px; padding:18.5px 0;} .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;} .nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;} .nav-list{} .nav-list li{ float: left; border-bottom: none; position: relative; border: none;} .nav-list li a b{ line-height: 75px; height: 75px; color: #333; overflow: hidden; font-size: 14px; } .nav-list li a{ height: 75px; line-height: 75px; padding: 0 15px; font-size: 14px; position: relative;} /*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/ .nav-list li.nav-on>a b{ color: #fff;} .nav-list li.nav-off>a b{ color: #666;} .nav-list li .on b/*,.nav-list li a:hover b*/{ color: #fff;} .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: 75px; height: auto !important; box-shadow: 0 5px 8px rgba(0,0,0,.3); width: auto; background: none; box-shadow:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;padding-top: 0; left: 0; right: 0; } .nav-list li .nav-list-sub .nav-list-height{padding: 0;overflow: hidden; width: 100%; margin-left:0; position: relative; background: rgba(255,255,255,.95); padding: 10px 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} .nav-list li .nav-list-sub a{ height: auto; border: none; padding: 0 10px; text-align: center; line-height: 54px; position: relative; z-index: 2;} .nav-list li .nav-list-sub a::before{ content: ' '; border: solid 2px #fff; background-image: linear-gradient(to bottom, #fff, #fff); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .nav-list li .nav-list-sub a span{ color: #666; white-space: nowrap; padding: 0; font-size: 14px; line-height: 46px; z-index: 2; position: relative;} .nav-list li .nav-list-sub a:hover span, .nav-list li .nav-list-sub a.on span{ color: #fff;} .nav-list li .nav-list-sub a:hover::before{/*opacity:0;*/background-image: linear-gradient(to bottom, #D13B3B, #D13B3B);} .nav-list .nav-on .nav-list-sub a.on::before{background-image: linear-gradient(to bottom, #D13B3B, #D13B3B);} .nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 75px; background: linear-gradient(#E50012, #E50012); overflow: hidden; transition: .3s; display: block; color: #E50012;} .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: -100%; height: 46px; width: 100%; left: 0; background: #fff; opacity: 0; filter:Alpha(opacity=0); } .nav-list-sub-bg-show{ opacity: .6; filter:Alpha(opacity=60); top: 60px; display: none;} /* 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 #E50012; 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;} .top-r{ background: none; border: none; float: right; display: flex; flex-direction: row-reverse; justify-content: center; padding: 0;} .search-box{ margin-top: 0; height: 75px; display: flex; align-items: center; justify-content: center; width: 60px; } .lang-box{ height: 75px; border: none; border-left: solid 1px #EEE;} .lang-box .on{display: none;} .lang-box a{ display: flex; align-items: center; justify-content: center; width: 60px; font-size: 16px; color: #000;} .search-box{position: relative;} .search-bg{ position: absolute; right: 0; top: 75px; background: #f7f7f7; padding: 8px 12px;} .search-inp{display: none; padding-right: 0; position: absolute; right: 0; top: 0;} .search-inp input{ height: 36px; border:solid 1px #ddd;} .search-box .btn{ background: none; color: #888; width: 60px; height: 75px;} .search-box .btn i{font-size: 20px;color: #E50012;} .search-box:hover .search-inp{display: block;} .search-box:hover .btn{color: #E50012;} .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 .2s; animation-fill-mode: both; display: block;} } @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 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);} } @media screen and (min-width: 1340px) { .nav-box{height: 75px;} .nav-box-bg{ height: 75px;} .logo{ height: 75px;} .nav{width: auto; height: 75px;} .nav-list li a{ padding: 0 30px; height: 75px; line-height: 75px;} .nav-list li a b{font-size: 16px; line-height: 75px; height: 75px;} .nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02{height: 75px;} .nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ } .nav-list li .nav-list-sub{} .nav-list li .nav-list-sub .nav-list-height{ margin: 0;} .search{} .search.show input{ width: 160px;} .nav-list li .nav-list-sub{ top: 75px;} .nav-list-sub-bg-show{ top: 75px;} } /* banner */ @media screen and (min-width: 320px) { .ind-banner{overflow: hidden;} .banner-swiper .bg{ height: 100vw; -webkit-background-size: cover;background-color: #ddd; background-size: cover; background-repeat: no-repeat;background-position: center;overflow: hidden; } .banner-swiper .bg{ display: flex; align-items: flex-start; justify-content: center; flex-direction: column;} .banner-swiper .bg::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-image: linear-gradient(to left, rgba(0,0,0,0.1), rgba(0,0,0,0.7));} .bg .container{position: relative; z-index: 20;} .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: 20px; 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: 12px; height: 12px;background: #fff; margin:0 5px; opacity: 0.6; position: relative;/* border: 2px solid #484848; */border-radius:50%;} .banner-mess .banner-pagination .swiper-pagination-bullet-active{ opacity: 0.6; background: #E50012;border-color: #E50012;} .banner-prev, .banner-next{ position: absolute;top: 50%; z-index: 9; height: 30px; margin-top: -25px; 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;} .ind-banner:hover .banner-prev,.ind-banner:hover .banner-next{opacity: 1; transition: .3s;} .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: 24px;font-family: ro-bd;margin-bottom: 8vw;line-height: 1.4;} .con-ban{font-size: 16px;color: #fff;text-shadow: 0 1px 6px rgba(0,0,0,0.06);} .ban-more{font-size: 16px;color: #fff;background-color: #E50012;border-radius:40px;display: inline-block;padding: 16px 10px;width: 200px;text-align: center;display: flex;justify-content: center;align-items: center;} .ban-more span{margin-right: 20px;position: relative;left: 0px;font-size: 28px;line-height: 1;} .ban-more:hover span{left: 10px;animation: 0.5s;} .ban-more:hover {background-color: #AB0C18;} } @media screen and (min-width: 480px) { .ban-tit{font-size: 30px;} .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;} } @media screen and (min-width: 640px) { .ban-tit{font-size: 40px;} .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) { .bg .container{padding:0;} .ban-tit{font-size: 44px;margin-bottom: 80px;} .banner-prev, .banner-next{width: 50px;height: 50px;} .banner-mess .banner-pagination .swiper-pagination-bullet{margin: 0 10px;} .ban-txt{max-width: 570px;min-height: 56px;} .banner-swiper .bg{height: 50.5vw; max-height:1080px;} .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: 48px;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: 56px;} .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: 66px;} .banner-prev{ left: 50%; margin-left: -755px;} .banner-next{ right: 50%; margin-right: -755px;} } /* 棣栭〉鍏辩敤 */ @media screen and (min-width: 320px) { .ind-tit-box { padding-bottom: 30px;} .ind-tit-box .tit{ font-size: 28px; color: #000; line-height: 1.4;} .ind-tit-box .sub-tit{ font-size: 14px; color: #000; line-height: 1.4; padding-top: 5px;font-weight: bold;} .ind-tit-box .line{ background: #069372; width: 40px; height: 2px; margin-top: 10px;} .ind-more-btn a{ padding: 8px 15px; border-radius: 6px; background: linear-gradient(to right,#006657, #069372); display: inline-flex; align-items: center; justify-content: center;} .ind-more-btn a span{ color: #fff; padding-right: 5px;} .ind-more-btn a i,.ind-more-btn a i::before{ color: #fff; line-height: 1.2; font-size: 14px;} .ind-more-btn a:hover span{ padding-right: 15px;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width: 992px) { .ind-tit-box { padding-bottom: 40px;} .ind-tit-box .tit{ font-size: 38px;} .ind-tit-box .sub-tit{ font-size: 18px;} .ind-tit-box .line{ margin-top: 20px;} .ind-more-btn a{ padding: 5px 20px; height: 50px; display: inline-flex; align-items: center;} .ind-more-btn a span{ font-size: 16px; padding-right: 10px;} .ind-more-btn a i,.ind-more-btn a i::before{ font-size: 22px;} .ind-more-btn a:hover span{ padding-right: 20px;} } @media screen and (min-width: 1340px) { .ind-tit-box { padding-bottom: 50px;min-width: 200px;} .ind-tit-box .tit{ font-size: 48px;} .ind-tit-box .line{ margin-top: 25px;} } @media screen and (min-width: 1440px) { .ind-tit-box { padding-bottom:55px;} } /* ind-box-02 */ @media screen and (min-width: 320px) { .ind-box-02{ background: linear-gradient(#fff, #F1F6F7); padding: 50px 0;overflow: hidden;max-width:1920px;margin:0 auto;} .ind-box-02-t .hd{ margin-right: -10px; display: flex; flex-wrap: wrap; margin-top: -10px; padding-bottom: 30px;} .ind-box-02-t .hd .btn{ margin-right: 10px; margin-top: 10px;} .ind-box-02-t .hd .btn span{ padding: 10px 15px; display: flex; border-radius: 40px; border: solid 1px #E6E6E6; cursor: pointer;color: #fff;} .ind-box-02-t .hd .on span{ background: linear-gradient(to right,#fff, #fff); border: solid 1px transparent; color: #E50012;} .indpro dt{padding: 20px;background-color: #fff;} .indpro dd{height: 48px; display: flex; align-items: center; justify-content: center; background-color: #E50012;color: #fff;} .indpro dl:hover dd{ color: #fff; background: #AB0C18;} .ind-box-02 .ind-tit-box .tit{color: #fff;line-height: 1.3;} .ind-box-02 .ind-tit-box .sub-tit{color: #fff;font-weight: bold; } .ind-box-02 .indpro, .ind-box-02 .bd{ overflow: initial;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { .indpro dt{padding: 40px 30px;} } @media screen and (min-width: 992px) { .ind-box-02{ padding: 74px 0;} .indpro dt{padding: 50px 30px;} .swi-indpro01 .swiper-slide{width:30vw;} .ind-box-02-t{display: flex; justify-content: space-between; align-items: flex-start;} .ind-box-02-t .hd{ padding-top: 5px;} .ind-box-02-t .hd .btn span{ padding: 10px 20px;} .pro-list-line li::before{content: ' '; width: 1px; height: 185px; position: absolute; right: 0; top: 15px; background: #D8EFEA;} .indpro dd{height: 50px;font-size: 18px;} } @media screen and (min-width: 1220px) { .ind-box-02{ padding: 84px 0;} .ind-box-02-t .hd{ padding-top: 12px; margin-right: -18px;} .ind-box-02-t .hd .btn span{ padding: 15px 30px; font-size: 16px; margin-right: 18px;} .indpro dt{padding: 60px 40px;} .indpro dd{height: 60px;font-size: 20px;} } @media screen and (min-width: 1420px) { .indpro dt{padding: 60px 60px;} .ind-box-02{ padding: 84px 0 100px;} } @media screen and (min-width: 1640px) { .ind-box-02{ padding: 84px 0 120px;} } /* 棣栭〉 about us 鍏充簬鎴戜滑 */ @media screen and (min-width: 320px) { .ind-adoutus{padding: 40px 0;} .indat-tt{font-size:22px;font-family: ro-bd;line-height: 1.2;} .indat-des{font-size: 16px;color: #666666;margin: 20px 0;} .indus-li .nmb{font-size: 22px;font-family: ro-bd;color: #E50012;display: flex;align-items: flex-start;justify-content: center;} .doler .nmb{align-items: flex-end;} .indus-li dc{font-size: 16px;font-weight: bold;line-height: 1;} .indus-li sup{font-size: 16px;font-weight: bold;line-height: 1;} .indus-li b{line-height: 1!important;} .nmb span{font-size: 16px;font-family: ro-bd;} .con-about-js .nmb dc{font-size:16px;} .ind-adoutus dd{position: relative;max-width: 680px;margin: 0 auto;padding: 30px 0;} .about-more{position: absolute;right: 0; bottom: 0;width: 100px;height: 100px;border-radius: 50%;background-color: #E50012;display: flex;align-items: center;justify-content: center;} .ind-adoutus dd i{padding-bottom: 100%;} .about-more span{color: #fff;} .indat-list ul{display: flex;justify-content: space-around;width:100%;} .indat-tit{font-size: 14px;color: #666;line-height: 1;margin-top: 12px;} .indat-list li{text-align: center;width: 50%;} .ind-adoutus dt a .ban-more{margin: 30px 0;} .indat-txt{font-size: 18px;color: #E50012;line-height: 1;font-weight: bold;} } @media screen and (min-width: 480px) { .indus-li .nmb, .indat-tt{font-size: 24px;} } @media screen and (min-width: 640px) { .indus-li .nmb, .indat-tt{font-size: 28px;} .indus-li dc{font-size: 18px;} .con-about-js .nmb dc{font-size:18px;} .nmb span{font-size: 18px;} .indat-des{margin: 30px 0;} } @media screen and (min-width: 990px) { .indus-li .nmb{font-size: 28px;justify-content: left;} .indat-tit{font-size: 16px;} .indat-tt{font-size: 32px;} .ind-adoutus{padding: 50px 0;} .ind-adoutus dl{display: flex;justify-content: space-between;align-items: center;} .ind-adoutus dt{width: 47.07%; display: flex;flex-direction: column;justify-content: space-between;} .ind-adoutus dt a .ban-more{margin-bottom: 0;} .ind-adoutus dd{width: 41.46%;margin: 0;padding: 0;} .about-more{width: 106px;height: 106px;} .indat-list ul{justify-content: space-between;} .indat-list li{width: auto;padding: 10px;text-align: left;position: relative;} .indat-list{margin: -10px;padding-top: 30px;} .indat-list li+li::before{content: "";width: 1px;height: 60px;position: absolute;left: 0; top: 50%;transform: translate(0,-50%); background-color: #CCE0EF;} .indat-des{margin: 40px 0;font-size: 16px;line-height: 2;} } @media screen and (min-width: 1220px) { .indus-li .nmb{font-size: 32px;} .indat-list li{padding: 14px;} .indat-list {margin: -14px;padding-top: 35px;} .indat-tt{font-size: 36px;} .ind-adoutus{padding: 55px 0;} .ind-adoutus dt a .ban-more{margin: 0;} .indat-des{margin: 50px 0;} } @media screen and (min-width: 1420px) { .ind-adoutus{padding: 62px 0;} .indus-li .nmb{font-size: 38px;} .indat-list li{padding: 16px;} .indat-list {margin: -16px;} .indat-tt{font-size: 42px;} .indat-des{margin: 60px 0;} .about-more{transform: translate(-43px,-43px);} } @media screen and (min-width: 1640px) { .ind-adoutus{padding: 72px 0;} .indus-li .nmb{font-size: 40px;} .indat-tt{font-size: 48px;} .indat-list li{padding: 20px;padding-left: 40px;} .indat-list {margin: -20px;padding-top: 40px;} .indat-des{margin: 70px 0;} } @media screen and (min-width: 1880px) { .ind-adoutus{padding: 80px 0 84px;} } /* ind-box-03 */ @media screen and (min-width: 320px) { .ind-box-03{ padding: 50px 0;overflow: hidden;max-width:1920px;margin:0 auto;} .con-zznl i{padding-bottom: 57.81%;} .ind-box-03 .ind-tit-box .sub-tit{color: #E50012;} i.pic-scale-news{ padding-bottom: 52%;} .ind-box-03 .swip-zznl{overflow: inherit;} .more-box{margin-bottom: 20px;} .more-box .icon-ind-more-zz{font-size: 14px;margin-left: 20px;margin-right: 0;} .con-zznl{position: relative;} .con-zznl::before{content: ""; position: absolute; left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));z-index: 2;} .con-zznl .tt{position: absolute;left: 20px;bottom: 20px;z-index: 3;color:#fff;font-size: 24px;} .ind-box-03 .ind-box-02-t{display: flex;justify-content: space-between;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { .con-zznl .tt{left: 30px;bottom: 30px;font-size: 26px;} } @media screen and (min-width: 992px) { .ind-box-03{ padding: 86px 0;} .more-box{margin-bottom: 0px;} .con-zznl .tt{left: 40px;bottom: 40px;font-size: 32px;} .ind-box-03-t{ display: flex; justify-content: space-between; align-items: flex-start;} .ind-box-03-t .more-box{ padding-top: 3px;} .ind-box-03 .flex-box{ padding-top: 0; display: flex;} .ind-box-03 .flex-box .l{ flex-basis: 37.5%; flex-shrink: 0; padding-right: 20px; min-width: 0;} .ind-box-03 .flex-box .r{ flex-basis: 62.5%; flex-shrink: 0; padding-left: 20px; padding-top: 0; min-width: 0;} .ind-box-03 .hot dd{ padding-top: 20px;} .ind-box-03 .hot .tit{overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .ind-box-03 .hot .txt{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;} .ind-box-03 .list{ height: 100%;} .ind-box-03 .list ul{ height: 100%; display: flex; flex-direction: column; min-width: 0;} .ind-box-03 .list .tit{ overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .ind-box-03 .list .txt{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;} .ind-box-03 .list dd::before{ top: 5px; bottom: 5px;} } @media screen and (min-width: 1220px) { .con-zznl .tt{left: 42px;bottom: 34px;font-size: 36px;line-height: 1;} .ind-box-03{ padding: 86px 0 92px;} } @media screen and (min-width: 1420px) { .con-zznl .tt{font-size: 42px;} .ind-box-03-t .more-box{ padding-top: 7px;} .ind-box-03 .flex-box .l{ padding-right: 25px;} .ind-box-03 .flex-box .r{ padding-left: 25px;} .ind-box-03 .flex-box .hot dd{ padding-top: 30px;} .ind-box-03 .hot .time{font-size: 16px;} .ind-box-03 .hot .tit{font-size: 18px; padding-top: 12px;} .ind-box-03 .hot .txt{font-size: 16px; padding-top: 12px;} .ind-box-03 .hot .more{ padding-top: 12px; font-size: 16px;} } @media screen and (min-width: 1640px) { .ind-box-03 .list li a{ padding: 0 30px;} .con-zznl .tt{font-size: 48px;} } /* box-06 */ @media screen and (min-width: 320px) { .ind-bg-06{ background-image: url(../img/partner-bg.jpg); -webkit-background-size: cover; background-size: cover; background-position: center;} .ind-bg-06 .icon-box{ height:42vw; max-height: 650px; width: 100%; position: relative;} .ind-bg-06 li{ position: absolute; transform: translate(-50%,-50%);} .ind-bg-06 li .btn{ border-radius: 50%; border: solid 5px #E6F0F7; overflow: hidden; display: block;} .ind-bg-06 li:nth-child(1){left: 50%; top: 50%;} .ind-bg-06 li:nth-child(2){left: 35%; top: 15%;} .ind-bg-06 li:nth-child(3){left: 65%; top: 15%;} .ind-bg-06 li:nth-child(4){left: 35%; top: 85%;} .ind-bg-06 li:nth-child(5){left: 65%; top: 85%;} .ind-bg-06 li:nth-child(6){left: 25%; top: 50%;} .ind-bg-06 li:nth-child(7){left: 75%; top: 50%;} .ind-bg-06 li:nth-child(8){left: 10%; top: 30%;} .ind-bg-06 li:nth-child(9){left: 90%; top: 30%;} .ind-bg-06 li:nth-child(10){left: 10%; top: 70%;} .ind-bg-06 li:nth-child(11){left: 90%; top: 70%;} .ind-bg-06 li:nth-child(1) .btn{ width: 18vw; height: 18vw; max-width: 290px; max-height: 290px; } .ind-bg-06 li:nth-child(2) .btn{ width: 12vw; height: 12vw; max-width: 180px; max-height: 180px;} .ind-bg-06 li:nth-child(3) .btn{ width: 12vw; height: 12vw; max-width: 180px; max-height: 180px;} .ind-bg-06 li:nth-child(4) .btn{ width: 12vw; height: 12vw; max-width: 180px; max-height: 180px;} .ind-bg-06 li:nth-child(5) .btn{ width: 12vw; height: 12vw; max-width: 180px; max-height: 180px;} .ind-bg-06 li:nth-child(6) .btn{ width: 8vw; height: 8vw; max-width: 130px; max-height: 130px;} .ind-bg-06 li:nth-child(7) .btn{ width: 8vw; height: 8vw; max-width: 130px; max-height: 130px;} .ind-bg-06 li:nth-child(8) .btn{ width: 10vw; height: 10vw; max-width: 150px; max-height: 150px;} .ind-bg-06 li:nth-child(9) .btn{ width: 10vw; height: 10vw; max-width: 150px; max-height: 150px;} .ind-bg-06 li:nth-child(10) .btn{ width: 10vw; height: 10vw; max-width: 150px; max-height: 150px;} .ind-bg-06 li:nth-child(11) .btn{ width: 10vw; height: 10vw; max-width: 150px; max-height: 150px;} .ind-bg-06 li .btn:hover{ transform: scale(1.1);} .ind-bg-06 li a:hover i.pic-size img{-webkit-transform: scale(1); transform: scale(1);} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width: 992px) { .ind-bg-06 .icon-box{ background: url(../img/partner-line.png); -webkit-background-size: cover; background-size: cover; background-position:center;} .ind-bg-06 li div{ border: solid 10px #E6F0F7;} .ind-bg-06 li:nth-child(1){left: 50%; top: 48%;} .ind-bg-06 li:nth-child(2){left: 38%; top: 15%;} .ind-bg-06 li:nth-child(3){left: 62%; top: 15%;} .ind-bg-06 li:nth-child(4){left: 38%; top: 82%;} .ind-bg-06 li:nth-child(5){left: 62%; top: 82%;} .ind-bg-06 li:nth-child(6){left: 29%; top: 48%;} .ind-bg-06 li:nth-child(7){left: 71%; top: 48%;} .ind-bg-06 li:nth-child(8){left: 17%; top: 28%;} .ind-bg-06 li:nth-child(9){left: 82%; top: 28%;} .ind-bg-06 li:nth-child(10){left: 17%; top: 68%;} .ind-bg-06 li:nth-child(11){left: 82%; top: 68%;} } @media screen and (min-width: 1240px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* footer */ @media screen and (min-width: 320px) { .footer-bg{ background: linear-gradient( #1A1A1A , #1A1A1A);position: relative;z-index: 10;} .footer-t{ padding: 40px 0;} .footer-bg .tl{display: flex; align-items: center; justify-content: center;padding-top:20px;} .footer-bg .tl img{ height: 48.16px; /* filter: contrast(0%) brightness(1000%); */ } .footer-t .tc{display: none;} .footer-t .tr{ padding-top: 15px;} .footer-qr dl{display: flex; flex-direction: column; align-items: center;} .footer-qr dt{ width: 50%; max-width: 142px;} .footer-qr dt img{width: 100%;} .footer-qr dd{ display: flex; align-items: center; background-color: #fff;width: 100%;justify-content: center;height: 34px;max-width: 142px;} .footer-qr dd i{ border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #ABD05F; margin-right: 5px;} .footer-qr dd span{ color: #333333;} .footer-b{ background: #E50012; padding: 15px 0; text-align: center;} .footer-b *{ color: #fff; font-size: 14px;} .footer-b .left span{font-size: 20px;margin-right: 7px;} .foot-lx{display: flex;align-items: center;} .footer-b .left{display: flex;flex-direction: column;justify-content: left;} .footer-b .right{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;} .footer-b a{ color: #fff;} .footer-b a:hover{text-decoration: underline;} .footer-b .container:after{display: none;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width: 992px) { .footer-t{ padding: 50px 0;} .footer-t{ display: flex; align-items: flex-start;} .footer-bg .tl{ padding-top:40px;justify-content: flex-start;} .footer-t .tc{display: block; flex-grow: 1;} .footer-nav{display: flex; justify-content: space-between; width: 80%;} .footer-nav dl:nth-child(1){display:none;} .footer-nav dt a{font-weight: bold; display: block; color: #fff; font-size: 18px;} .footer-nav dd{ padding-top: 5px;} .footer-nav dd span{display: block;} .footer-nav dd a{color: rgba(255,255,255,0.33); line-height: 2;} .footer-nav dd a:hover{ color: #fff;} .footer-t .tr{ padding-top: 0;} .footer-t .tr dl{align-items: flex-end;} .footer-qr dt{ width: 140px;} .footer-b *{ font-size: 14px;} .footer-b .left{flex-direction: column;align-items: flex-start;} .footer-b .right{flex-direction: column;align-items: flex-end;} .footer-b .container{display: flex;align-items: center;justify-content: space-between;} .footer-qr dd i{ margin-right: 10px;} } @media screen and (min-width: 1220px) { .footer-nav{width: 59%;} } @media screen and (min-width: 1420px) { .footer-t{ padding: 60px 0 50px 0;} /* .footer-nav{ padding: 0 150px;} */ .footer-nav dt a{font-size: 22px;} .footer-nav dd a{font-size: 16px;} .footer-bg .tl{ padding-top:50px;} } @media screen and (min-width: 1640px) { .footer-bg .tl{ padding-top:60px;} } /* ind-box-04 */ @media screen and (min-width: 320px) { .ind-box-04{padding: 40px 0;background-color: #fff;overflow: hidden;} .con-fzlc i{padding-bottom: 65.79%;} .ind-box-04 .ind-tit-box .tit{color: #fff;line-height: 1.3;} .ind-box-04 .ind-tit-box .sub-tit{color: #fff;} .ind-box-04 .swip-fzlc{overflow: initial;} .onel{margin: 16px 0;width: 10px;height: 10px; background-color: #E50012;border: 2px solid #FFFFFF;border-radius: 50%;} .con-fzlc .pic{display: flex;flex-direction: column;align-items: center;justify-content: center;} .con-fzlc{color: #fff;text-align: center;} .con-fzlc .time{font-size: 22px;line-height: 1;} .con-fzlc .tt{font-size: 16px;padding-top: 15px;} .ner{padding: 0 20px;} .ind-box-04 .ind-box-02-t{display: flex;justify-content: space-between;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .ind-box-04{padding: 60px 0;} .con-fzlc .tt{padding-top: 20px;} } @media screen and (min-width: 1220px) { .ind-box-04{padding: 70px 0;} } @media screen and (min-width: 1420px) { .ind-box-04{padding: 90px 0;} } @media screen and (min-width: 1640px) { } /* ind-box-05 */ @media screen and (min-width: 320px) { .ind-box-05{padding: 40px 0;} .ind-box05-logo img{max-width: 100%;} .ind-box-05 .ind-tit-box .sub-tit{color: #E50012;} .ind-box05-logo{padding-top: 15px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .ind-box-05{padding: 50px 0;} } @media screen and (min-width: 990px) { .ind-box-05{padding: 60px 0;} .ind-box05-logo{padding-top: 20px;} } @media screen and (min-width: 1220px) { .ind-box-05{padding: 70px 0;} .ind-box05-logo{padding-top: 30px;} } @media screen and (min-width: 1420px) { .ind-box-05{padding: 90px 0;} } @media screen and (min-width: 1640px) { .ind-box-05{padding: 100px 0;} .ind-box05-logo{padding-top: 40px;} } /* banner-min */ @media screen and (min-width: 320px) { .banner-min{ height: 40vw; background: #abccff; -webkit-background-size: cover; background-size: cover; background-position: center; position: relative;} .banner-min{ display: flex; align-items: center;} .banner-min .tit{ color: #fff;text-align: center;line-height: 1.2;} .banner-min .txt{font-size: 16px;color: #FFFFFF;text-align: center;padding-bottom: 20px;} .banner-min .crumb-box{ position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; height: 60px; display: flex; align-items: center;} .banner-min .crumb-box a{ color: #fff;} .banner-min .tit{font-size: 30px;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { .banner-min .txt{font-size: 18px;} } @media screen and (min-width: 992px) { .banner-min{ height: 28vw; } .banner-min .tit{font-size: 50px;} .banner-min .txt{font-size: 20px;} .banner-min .txt{padding-bottom: 90px;} } @media screen and (min-width: 1240px) { .banner-min .tit{font-size: 60px;} .banner-min .txt{padding-bottom: 140px;} } @media screen and (min-width: 1420px) { .banner-min .crumb-box{ height: 80px;} } @media screen and (min-width: 1680px) { .banner-min{ max-height: 400px;} } @media screen and (min-width: 1820px) { } /* 浜岀骇瀵艰埅 */ @media screen and (min-width: 320px) { .ny-nav{margin-top: -50px;position: relative;z-index: 2;} .ny-nav-list li a{height: 50px;display: flex;align-items: center;justify-content: center; transition: .3s;font-size: 16px;position: relative;} .ny-nav-list{ background-image: linear-gradient(rgba(255,255,255,0.65), rgba(255,255,255,0.95));border-radius: 10px 10px 0 0 ;} .ny-nav-list li a::before{content: "";position: absolute;left: 0;bottom: 0;height: 2px;background-color: #E50012;width: 0%; transition: .5s;} .ny-nav-list li:hover a::before{width: 100%; transition: .5s;} .ny-nav-list li+li a::after{content: "";position: absolute;left: 0;top: 50%;transform: translate(0,-50%); width: 1px; height: 20px;background-color: #B8B8B8;} .ny-nav-list ul{display: flex; flex-wrap: wrap;} .ny-nav-list li{width: 50%; } .ny-nav-list li.on a{color: #E50012;} .ny-nav-list li.on a::before{width: 100%;} .ny-nav{margin-bottom: 50px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { .ny-nav-list li a{font-size: 18px;} } @media screen and (min-width: 990px) { .ny-nav-list li a{font-size: 20px;} .ny-nav-list li{width: 50%; flex: 1;} .ny-nav{margin-bottom: 60px;} .ny-nav{margin-top: -60px;} .ny-nav-list li a{height: 60px;} } @media screen and (min-width: 1220px) { .ny-nav{margin-bottom: 70px;} .ny-nav{margin-top: -70px;} .ny-nav-list li a{height: 70px;} } @media screen and (min-width: 1420px) { .ny-nav{margin-bottom: 80px;} .ny-nav{margin-top: -80px;} .ny-nav-list li a{height: 80px;} } @media screen and (min-width: 1640px) { .ny-nav{margin-top: -90px;} .ny-nav-list li a{height: 90px;} } /* 鍏充簬鎴戜滑 */ @media screen and (min-width: 320px) { .con-about-box{padding-top: 10px;} .con-about-box .ind-tit-box .sub-tit{color: #E50012;} .con-about-js .left .pic{width: 46px;flex-shrink: 0;} .con-about-js .left li{display: flex;width: 50%;} .con-about-js .left ul{display: flex;flex-wrap: wrap;} .con-about-js .left li .ner{display: flex;flex-direction: column;} .con-about-js .left li .indat-tit{margin: 0;} .con-about-js .nmb{font-size: 24px;} .con-about-js .right .tt{font-size: 22px;color: #1A1A1A;line-height: 1.5;} .con-about-js .right .txt{font-size: 16px;color: #999999;margin-bottom: 20px;} .con-about-js .right .content *{font-size: 16px;color: #666666;line-height: 2;} .about-txt{padding-top: 40px;font-weight: bold;font-size: 3.2vw;text-align: center;display: none;} .neon { color: transparent; -webkit-text-stroke: 0.5px #AAD1F3; text-stroke: 0.5px #AAD1F3; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0)); /* animation: neon 2s ease-in-out infinite alternate; */ } @keyframes neon { to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #f0f, 0 0 20px #0ff, 0 0 25px #00f, 0 0 30px #0ff, 0 0 35px #f0f; } } } @media screen and (min-width: 480px) { .con-about-js .nmb{font-size: 26px;} .con-about-js .right .tt{font-size: 26px;} } @media screen and (min-width: 640px) { .con-about-js .nmb{font-size: 28px;} .con-about-js .right .tt{font-size: 28px;} } @media screen and (min-width: 990px) { .con-about-box{padding-top: 20px;padding-bottom: 10vw;} .con-about-js .left .pic{padding-top: 10px;} .con-about-js .left ul{flex-wrap: wrap;flex-direction: column;} .con-about-js .left li{padding: 12px;width: 100%;} .con-about-js .left{margin: -12px;width: 30vw;} .con-about-js .nmb{font-size: 32px;max-height: :;;} .con-about-js .right{flex: 1;} .con-about-js{display: flex;align-items: flex-start;} .con-about-js .right .tt{font-size: 32px;} .con-about-js .right .txt{margin-bottom: 40px;} .con-about-js .left li .ner{padding-left: 10px; padding-right: 0;} .con-about-js .right .content *{line-height: 2.1;} } @media screen and (min-width: 1220px) { .con-about-js .nmb{font-size: 36px;} .con-about-js .left li{padding: 4px;} .con-about-js .left{margin: -14px;} .con-about-js .right{} .con-about-js .right .content{width: 84%;} .con-about-js .right .tt{font-size: 34px;} .con-about-js .right .txt{margin-bottom: 48px;} } @media screen and (min-width: 1420px) { .con-about-js .left li{padding: 16px;} .con-about-js .left{margin: -16px;} .con-about-js .right .tt{font-size: 36px;} .con-about-js .left li .ner{padding-left: 15px;} } @media screen and (min-width: 1640px) { .con-about-js .left li{padding: 20px;} .con-about-js .left{margin: -20px;} .con-about-js .left li .ner{padding-left: 20px;} .con-about-js .left{width: 26vw;} .con-about-js .right .content{width: 77%;} .con-about-box{padding-bottom: 135px;} } /* 浼佷笟鑽h獕 */ @media screen and (min-width: 320px) { .honor-box-bg{ -webkit-background-size: cover; background-size: cover; background-position: center;padding: 40px 0;} .honor-box .ind-box-02-t .sub-tit{color:#E50012;} .honor-box{position: relative;padding-bottom: 40px;} .honor-swiper{overflow: visible;} .honor-swiper .swiper-slide{ width: 70vw;} .honor-pagination{ padding-top: 30px;} i.pic-size-honor{ padding-bottom: 126.026%;} .honor-pagination{ text-align: center;} .honor-pagination span{ width: 10px; height: 10px; margin: 0 5px; border-radius: 5px; background: #D4D4D4; opacity: 1;} .honor-pagination span.swiper-pagination-bullet-active{ background: #E50012; width: 20px;} .honor-pic{ /* box-shadow: 0 10px 20px rgba(4,50,79,.16); background:#FFF; */} .honor-tt{text-align: center;font-size: 18px;color: #1A1A1A;opacity: 0;} .honor-swiper .swiper-slide-active .honor-tt{opacity: 1;} .honor-prev,.honor-next{display: none;/* bottom: 0%; */ width: 50px; height: 50px;margin-top: 25px; position: absolute; z-index: 2; align-items: center; justify-content: center; background: rgba(255,255,255,1); cursor: pointer; border-radius: 50%; /* border: solid 1px #D4D4D4; */} .honor-prev img{ width: 50px; left: 20px; position: relative;} .honor-next img{ width: 50px; right: 20px; position: relative;} .honor-next i, .honor-prev i{font-size: 24px;} .honor-prev { left: 50%; margin-left: -70px;} .honor-next { right: 50%; margin-right: -70px;} .honor-prev i { transform: rotate(180deg);} .honor-prev:hover i{ margin-right: 10px;color: #fff;} .honor-next:hover, .honor-prev:hover{background-color: #E50012;} .honor-next:hover i{ transform: translateX(10px);color: #fff;} .honor-swiper .swiper-slide{ opacity: 0; pointer-events: none; cursor: pointer;} .honor-swiper .swiper-slide-active,.honor-swiper .swiper-slide-next,.honor-swiper .swiper-slide-prev{ opacity: 1; pointer-events: auto;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 640px) { } @media screen and (min-width: 990px) { .honor-swiper .swiper-slide{ width: 250px;} .honor-pagination{ padding-top: 35px;} .honor-prev,.honor-next{ display: flex; width: 58px; height: 58px; margin-top: 48px;} .honor-box-bg{padding: 60px 0;} } @media screen and (min-width: 1220px) { .honor-swiper .swiper-slide{ width: 280px;} .honor-pagination{ padding-top: 40px;} .honor-box-bg{padding: 70px 0;} .honor-box{padding-bottom: 50px;} } @media screen and (min-width: 1420px) { .honor-swiper .swiper-slide{ width: 400px;} .honor-pagination{ padding-top: 45px;} .honor-swiper .honor-show{ opacity: 1; pointer-events: auto;} .honor-box-bg{padding: 80px 0;} .honor-box{padding-bottom:80px;} } @media screen and (min-width: 1640px) { .honor-box-bg{padding: 100px 0;} .honor-box{padding-bottom:109px;} } /* 浼佷笟鏂囧寲 */ @media screen and (min-width: 320px) { .con-cul-bg{ -webkit-background-size: cover; background-size: cover; background-position: center;padding:30px 20px;height: 300px;} .con-cul-bg .pic-icon{width: 70px;} .pic-icon img{max-width: 100%;} .con-cul-bg{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;} .cul-ner {color: #fff;font-size: 16px;} .cul-ner .content{padding-top: 20px;} .cul-ner .content *{font-size: 18px;} .cul-ner .tt{position: relative;} .cul-ner .tt span{position: relative;z-index: 2;} .cul-ner .tt::before{content: "";position: absolute;left: -10px;top:-10px;width: 40px;height: 40px; background-color: #E50012;z-index: 0;border-radius: 50%;} .cult-con dd{padding: 20px;} .cult-con{margin: -20px;} .culture-box{padding: 40px 0;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { .cul-ner {font-size: 18px;} .cul-ner .content *{font-size: 24px;} .con-cul-bg{height: 360px;padding:50px 30px;} .cult-con dl{display: flex;} .cult-con dd{width: 50%;} .culture-box{padding: 60px 0;} } @media screen and (min-width: 1240px) { .cul-ner .content *{font-size: 28px;} .con-cul-bg{height: 440px;padding:60px 40px;} .culture-box{padding: 80px 0;} } @media screen and (min-width: 1420px) { .cul-ner .content *{font-size: 30px;} .culture-box{padding: 100px 0;} } @media screen and (min-width: 1680px) { .culture-box{padding: 100px 0 120px;} } @media screen and (min-width: 1820px) { } /* 缁勭粐鏋舵瀯 */ @media screen and (min-width: 320px) { .content-show{ -webkit-background-size: cover; background-size: cover; background-position: center;padding: 40px 0;min-height: 760px;} .content-show img{max-width: 100%;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { } @media screen and (min-width: 1240px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* 鐢熶骇瀹夊叏 */ @media screen and (min-width: 320px) { .aqsc-show {padding: 20px 0 0;} .aq-box{font-size: 16px;} .ind-tit-box{min-width: 200px;} .aqsc-show .sub-tit{color: #E50012;} .aqsc-show .ind-box-02-t{margin-bottom: 30px;} .con-aqsc-box-01-ner {text-align: center;margin-top: 20px;background-color: #F2F5FC;padding-bottom: 30px;} .con-aq-zs{background-color: #fff;padding: 20px;text-align: left;} .con-aq-zs .tt{font-size: 20px;line-height: 1.2;} .con-aq-zs .zs-ner{font-size: 16px;line-height: 2;} .con-aq-zs .fg{width: 20px;height: 2px;margin: 15px 0;background: #E50012;} .con-aqsc-box-01-list ul{display: flex;flex-direction: column;} .con-aqsc-box-01-list li{width: 100%;padding: 15px;} .con-aqsc-box-01-list {margin: -15px;} .aqsc-box02 img{max-width: 100%;} .aqsc-box02{padding-top: 40px;} .aqsc-box02 .con-aqsc-box-01-ner{margin-top: 0;} .aqsc-box02 .aq-box{font-size: 16px;line-height: 2;} .con-aqsc03-ner{padding: 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #FBFBFB;border: 1px solid #DCDCDC;} .con-aqsc03-ner .pic{width: 70px;padding: 15px;background-color: #fff;border-radius: 50%;border: 1px solid #DCDCDC;} .con-aqsc03-ner .tt{font-size: 18px;color: #1A1A1A;padding-top: 14px;} .con-aqsc03-ner .tt span{ color: #E50012;} .aqsc-box03-list ul{ display: flex; flex-wrap: wrap;} .aqsc-box03-list li{width: 50%;padding: 10px;} .aqsc-box03-list{margin: -10px;margin-bottom: 50px;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { .con-aq-zs .tt{font-size: 24px;} } @media screen and (min-width:640px) { .con-aq-zs .tt{font-size: 28px;} .con-aqsc03-ner .tt{font-size: 24px;} } @media screen and (min-width: 992px) { .aqsc-show .ind-tit-box{padding-bottom: 0;} .aq-box{font-size: 18px;} .aqsc-show .ind-box-02-t{align-items: center;} .aq-box{width: 62%;max-width: 1000px;} .aqsc-show .ind-box-02-t{margin-bottom: 40px;} .con-aq-zs .tt{font-size: 30px;} .con-aq-zs .fg{margin: 20px 0;} .con-aqsc-box-01-list ul{flex-direction: row;} .con-aqsc-box-01-list li{widows: 33.33%;;} .con-aqsc-box-01-ner .container{margin-top: -120px;} .con-aq-zs{padding: 36px 20px 40px;} .con-aq-zs .zs-ner{min-height: 120px;} .con-aqsc-box-01-ner{padding-bottom: 50px;} .aqsc-box02{padding-top: 60px;} .con-aqsc03-ner .pic{width: 80px;padding: 20px;} .con-aqsc03-ner{padding: 20px 10px;} .aqsc-box03-list li{width: 25%;} .con-aqsc03-ner .tt{font-size: 26px;} .aqsc-box03-list{margin-bottom: 60px;} } @media screen and (min-width: 1240px) { .aqsc-show .ind-box-02-t{margin-bottom: 50px;} .con-aq-zs .tt{font-size: 32px;} .con-aq-zs .fg{margin: 25px 0;} .con-aqsc-box-01-ner{padding-bottom: 60px;} .aqsc-box02{padding-top: 70px;} .con-aqsc03-ner .pic{width: 110px;padding: 30px;} .con-aqsc03-ner{padding: 30px 0px;} .con-aqsc03-ner .tt{font-size: 28px;} .aqsc-box03-list{margin-bottom: 80px;} } @media screen and (min-width: 1420px) { .aq-box{font-size: 20px;} .aqsc-show .ind-box-02-t{margin-bottom: 55px;} .con-aq-zs .tt{font-size: 34px;} .con-aq-zs .fg{margin: 30px 0;} .aqsc-box02{padding-top: 80px;} .con-aqsc03-ner .pic{width: 142px;padding: 40px;} .con-aqsc03-ner{padding: 40px 0px;} .con-aqsc03-ner .tt{font-size: 30px;} .aqsc-box03-list{margin-bottom: 100px;} } @media screen and (min-width: 1680px) { .aq-box{font-size: 22px;} .aqsc-show .ind-box-02-t{margin-bottom: 60px;} .con-aq-zs .tt{font-size: 36px;} .con-aqsc-box-01-ner .container{margin-top: -160px;} .con-aq-zs{padding: 42px 30px 68px;} .con-aqsc-box-01-ner .container{margin-top: -180px;} .con-aqsc-box-01-ner{padding-bottom: 70px;} .aqsc-box02{padding-top: 100px;} .con-aqsc03-ner{padding: 40px 0 50px;} .aqsc-box03-list{margin-bottom: 100px;} } @media screen and (min-width: 1820px) { .aqsc-show .ind-box-02-t{margin-bottom: 65px;} .con-aqsc-box-01-ner{padding-bottom: 100px;} .con-aqsc-box-01-ner .container{margin-top: -200px;} } /* 鍐呴〉 浜у搧 */ @media screen and (min-width: 320px) { .sidebar { /* position: fixed; */ left: 0; top: 0; width: 100%; background: #fff; /* border: 1px solid #E6EAF6; */ border-radius: 4px; /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */ } .menu { list-style: none; margin: 0; /* padding: 10px; */ } .topmenu { position: relative; border: 1px solid #E2E2E2; } /*.topmenu.active{padding-bottom: 10px;}*/ .topmenu.active > .submenu { display: flex; } .topmenu:hover > a { background-color: #F1F2F6; } .topmenu.active > a { background-color: #E50012; color: #fff; } .topmenu > a { /* display: block; */ padding: 10px 10px; color: #333; text-decoration: none; transition: all 0.3s; } .topmenu.active{border-bottom: 1px solid #E2E2E2;} .submenu { display: none; /* position: absolute; */ top: 0; left: 100%; width: 200px; flex-wrap: wrap; width: 100%; z-index: 1; } .submenu li { width: 50%; } .menu li+li { margin-top: -1px; } .submenu a { display: block; padding: 8px 10px; color: #333; text-decoration: none; transition: all 0.3s; font-size: 16px; display: flex; align-items: center; } .submenu a::before{content: "";width: 6px; height: 2px; background-color: #333333;display: inline-block;margin-right: 10px;} .active .on a::before{background-color: #E50012;} .submenu a:hover { background: #F1F2F6; } .product-box{background-color: #F1F2F6;} .ny-content .ind-product{padding: 0;} .ny-content .indproner{padding: 30px 0;} .pro-yj i{width: 12px;height: 12px; border: 3px solid #E50012;border-radius: 50%;} .active .pro-yj i{border-color: #fff;} .pro-yj span{font-size: 18px;font-family: ro-bd;} .pro-yj{display: flex;align-items: center;justify-content: space-between;} .pro-content{width: 100%;} .active .on a{color: #E50012;} .ny-product{padding: 32px 0;} .submenu {margin-top: 10px;} } @media screen and (min-width: 480px) { .ny-product{padding: 40px 0;} .submenu li { width: 33.33%; } .cpro-tt{font-size: 28px;} } @media screen and (min-width: 640px) { .submenu li { width: 25%; } /*.topmenu.active{padding-bottom: 15px;}*/ .submenu a { padding: 8px 15px;} .ny-product{padding: 50px 0;} .cpro-tt{font-size: 32px;margin-bottom: 15px;} } @media screen and (min-width: 990px) { .submenu li { width: 100%; } .pro-yj span{font-size: 20px;} .ny-product{display: flex;} .ny-content .indproner{padding: 40px 0;} .ny-product{padding: 65px 0;} .menu {/* padding:15px; */position: sticky;top: 90px;} .topmenu > a {padding: 12px 20px;} .pro-content{padding-left: 30px;} .sidebar{width: 240px;flex-shrink: 0;} } @media screen and (min-width: 1220px) { .topmenu > a {padding: 16px 30px;} .ny-content .indproner{padding: 40px 0;} /*.topmenu.active{padding-bottom: 20px;}*/ .submenu a { padding: 8px 25px;} .ny-product{padding: 70px 0;} .menu {/* padding:20px; */} .pro-content{padding-left: 40px;} } @media screen and (min-width: 1420px) { .ny-content .indproner{padding: 40px 0 50px;} /*.topmenu.active{padding-bottom: 25px;}*/ .submenu {margin-top: 20px;} .submenu a { padding: 8px 40px;} .ny-product{padding: 75px 0;} .pro-content{padding-left: 50px;} .topmenu > a {padding: 20px 40px;} } @media screen and (min-width: 1620px) { .ny-product{padding: 85px 0;} .pro-content{padding-left: 60px;} .cpro-tt{font-size: 40px;} .sidebar{width: 320px;} } /* 浜у搧鍒楄〃鍐呭 */ @media screen and (min-width: 320px) { .con-prolm-ner{ -webkit-background-size: cover; background-size: cover; background-position: center;padding: 40px 0;position: relative;} .con-prolm-ner::before{content:"";position: absolute;left: 0; top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #000000, rgba(0,0,0,0));} .con-prolm-ner{color: #fff;display: flex;flex-direction: column;justify-content: center;min-height: 200px;padding: 15px;margin-bottom: 20px;} .con-prolm-ner .tt{font-size: 20px;position: relative;z-index: 3;line-height: 1.5;} .con-prolm-ner .txt{font-size: 16px;position: relative;z-index: 3;padding-top: 20px;line-height: 2;} .pro-ner-list ul{display: flex;flex-wrap: wrap;} .pro-ner-list li{width: 100%;padding: 15px;} .pro-ner-list{margin: -15px;} .pro-li .tt{text-align: center;background-color: #E50012;color: #fff;height: 50px;display: flex;align-items: center;justify-content: center;} .pro-li .pic{padding: 20px;} .pro-li .pic i{overflow: initial;} .viewer-title{font-size: 20px;background-color: #E50012;color: #fff;padding: 10px;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { .con-prolm-ner .tt{font-size: 28px;} .pro-ner-list li{width: 50%;} } @media screen and (min-width: 992px) { .con-prolm-ner .tt{font-size: 30px;} .con-prolm-ner .txt{width: 50%;padding-top: 30px;} .con-prolm-ner{padding: 25px;margin-bottom: 30px;} .pro-ner-list li{width: 33.33%;} } @media screen and (min-width: 1240px) { .con-prolm-ner .tt{font-size: 36px;} .con-prolm-ner{padding: 30px;} } @media screen and (min-width: 1420px) { .con-prolm-ner .tt{font-size: 44px;} .con-prolm-ner .txt{padding-top: 40px;} .con-prolm-ner{padding: 35px;margin-bottom: 40px;} } @media screen and (min-width: 1680px) { .con-prolm-ner .tt{font-size: 48px;} .con-prolm-ner .txt{padding-top: 50px;} .con-prolm-ner{padding: 40px;} } @media screen and (min-width: 1820px) { } /* 鍒堕€犺兘鍔 */ @media screen and (min-width: 320px){ .qy-more{text-align: center;padding: 20px 0;} .yejj-more{text-align: center;padding: 10px 30px;border: 1px #18435A solid;} .yejj-more:hover{background-color: #18435A;color: #FFFFFF;} .con-qyjs{font-size: 16px;text-indent: 2em;color: #333333;padding:0 15px;} .pic-sm{padding-bottom: 52.41%!important;border: 2px #fff solid;} .pic-big{padding-bottom: 57.83%!important;} #swiper-container2{/* width: 210px; */overflow: initial;padding: 10px 0;} .qytu-ner{width: 250px;padding: 0 10px;width:100%;} .container-qyjs{width: 100%;overflow: hidden;} .swi-smbg{background-color: #fff;position: relative;margin-bottom: 20px;overflow: hidden;} .san-pvnt{width: 48px;position: absolute;top: 25%; margin-top: -30px; z-index: 10;color: rgba(255,255,255,1);font-size: 22px;background-color: #E50012;height: 48px;display: flex; align-items: center; justify-content: center;border-radius: 50%;margin-left: 0px; transition: .3s;} .san-pvnt:hover{color: rgba(255,255,255,0.8);} .icon-san-prev{left: 10px;} .icon-san-next{right: 10px;} .icon-san-prev{transform: rotate(180deg);} .san-pvnt:hover::before{margin-left: 10px; transition: .3s;} .swi-smbg .qytu-ner{opacity: 0.5;} .swi-smbg .qytu-ner:hover{opacity: 1; transition: .3s;} .swi-smbg .swiper-slide-active .qytu-ner{opacity: 1;} .qyjsbt{padding: 25px 0 20px;} #swiper-container1 .swiper-slide-active::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0), #000000);z-index: 2;} #swiper-container2::before{content: "";position: absolute; width: 100px;left: 0;height: 100%;top: 0; background-image: linear-gradient(to right, #fff, rgba(255,255,255,0));z-index: 2;} #swiper-container2::after{content: "";position: absolute; width: 100px;right: 0;height: 100%;top: 0; background-image: linear-gradient(to left, #fff, rgba(255,255,255,0));z-index: 2;} .swiper-slide-active .qytu-ner .pic-sm{border: 2px solid #E50012;} .conner{position: absolute;left: 0px;z-index: 2;color: #fff; bottom: 0px;padding: 20px;} .conner .tt{font-size: 20px;} .conner .txt{font-size: 16px;padding-top:10px;} .conner-ner{font-size:16px;margin-bottom:30px;} } @media screen and (min-width: 480px){ .qyjsbt{padding: 30px 0 20px;} .san-pvnt{width: 50px;height: 50px;} .conner .tt{font-size: 24px;} } @media screen and (min-width: 640px){ .qyjsbt{padding: 35px 0 25px;} .conner .tt{font-size: 26px;} } @media screen and (min-width: 990px){ .san-pvnt{width: 58px;height: 58px;top:50%;} .qy-more{padding: 35px 0;} #swiper-container2{width: 100%;overflow: initial;} .con-swip{width: 100%;margin: 0 auto;} .qyjsbt{padding: 40px 0 30px;} .swiper-slide-active .qytu-ner .pic-sm{border: 3px solid #E50012;} .conner .tt{font-size: 30px;} .conner{padding:40px;} .conner .txt{padding-top:15px;} .conner-ner{max-width:900px;margin:0 auto;margin-bottom:40px;} #swiper-container1{max-width:900px;margin:0 auto;} } @media screen and (min-width: 1220px){ .con-swip{width: 100%;} .qy-more{padding: 40px 0;} #swiper-container1{width: 1200px;margin: 0 auto;overflow: initial;} #swiper-container1 .swiper-slide{opacity: 0; transition: .3s;} #swiper-container1 .swiper-slide-active{opacity: 1; transition: .3s;} .qyjsbt{padding: 50px 0 40px;} } @media screen and (min-width: 1420px){ .icon-san-prev{left: -100px;} .icon-san-next{right: -100px;} } @media screen and (min-width: 1880px){ .qyjsbt{padding: 60px 0 50px;} .icon-san-prev{left: -120px;} .icon-san-next{right: -120px;} } /* 璁よ瘉璇佷功 */ @media screen and (min-width: 320px) { .rzzs-pic i{padding-bottom: 133.21%;} .rzzs-list li{width: 100%;padding: 15px;} .rzzs-list ul{display: flex;flex-wrap: wrap; } .rzzs-list{margin: -15px;} .rzzs-con{padding-bottom: 40px;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { .rzzs-list li{width: 50%;padding: 20px;} .rzzs-list{margin: -20px;} .rzzs-con{padding-bottom: 60px;} } @media screen and (min-width: 992px) { .rzzs-list li{width: 33.33%;} .rzzs-con{padding-bottom: 70px;} } @media screen and (min-width: 1240px) { .rzzs-list li{width: 25%;padding: 22px;} .rzzs-list{margin: -22px;} .rzzs-con{padding-bottom: 80px;} } @media screen and (min-width: 1420px) { .rzzs-con{padding-bottom: 90px;} } @media screen and (min-width: 1680px) { .rzzs-con{padding-bottom: 100px;} } @media screen and (min-width: 1820px) { .rzzs-con{padding-bottom: 120px;} } /* 鏂伴椈璧勮 */ @media screen and (min-width: 320px) { .cont-box-bd{padding: 20px 0;padding-top: 0;} .news-swiper-box{ padding:0 0 20px; overflow: hidden;} .news-swiper{ padding: 30px; margin: -30px;} .news-swiper .swiper-slide{opacity: 0 !important;} .news-swiper .swiper-slide-active{ opacity: 1 !important;} i.pic-scale-news-01{ padding-bottom: 65.24%; /* border-radius: 10px; */} i.pic-scale-news-02{ padding-bottom: 61.54%;/* border-radius: 10px; */} .news-swiper-box a{display: block; border-radius: 10px; box-shadow: 0 0 20px rgba(4,50,79,.22);} .news-swiper-box dd{ padding: 15px;} .news-swiper .time{color: #464646; font-size: 12px;} .news-swiper .tit{ color: #000; font-size: 14px; font-weight: bold; margin-top: 14px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } .news-swiper .txt{ margin-top: 10px; color: #464646; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;} .news-swiper .more {display: flex; align-items: center; margin-top: 10px;} .news-swiper .more span{ color: #464646; padding-right: 10px;} .news-swiper .more i,.news-swiper .more i::before{ color: #D4D4D4; font-size: 35px; line-height: 1;} .news-swiper .news-pagination{ position: absolute; right: 25px; bottom: 30px; left: auto; width: auto; z-index: 9; padding: 15px;} .news-swiper .news-pagination span{ width: 10px; height: 10px; border-radius: 5px; opacity: 1; background: #D4D4D4;} .news-swiper .news-pagination span.swiper-pagination-bullet-active{ background: #E50012; width: 20px;} .news-swiper-box a:hover .tit{ color: #E50012;} .news-swiper-box a:hover .more i::before{ color: #E50012;} .news-menu{ padding: 20px 0;} .news-menu ul{ display: flex; justify-content: center; margin: -10px;} .news-menu li{ padding: 10px;} .news-menu li a{ height: 48px; display: flex; align-items: center; justify-content: center; padding: 0 30px; background: #E5EAED; border-radius: 30px;} .news-menu li a.on{ background: #E50012; color: #fff;} .news-list { padding: 20px 0;} .news-list ul{ margin: -10px;} .news-list li{ padding: 10px;} .news-list dd{ padding: 10px;} .news-list dd .tit{ font-size: 16px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis;} .news-list dd .time{ font-size: 12px; color: #464646;} .news-list li a:hover .tit{ color: #E50012;} .news-list dd .time{padding-top: 10px;} .news-list dl{box-shadow: 0 0 15px rgba(0,88,219,0.08);border-radius: 6px;overflow: hidden;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { .cont-box-bd{padding: 30px 0;padding-top: 0;} .news-swiper-box{ padding: 0 0 30px;} .news-swiper-box dl{display: flex; flex-direction: row-reverse;} .news-swiper-box dt{ flex-basis: 50%; flex-shrink: 0; padding-left: 20px;} /* i.pic-scale-news-01{ border-radius: 15px;} i.pic-scale-news-02{ border-radius: 15px;} */ .news-swiper-box a{ border-radius: 15px; box-shadow: 0 0 30px rgba(4,50,79,.22);} .news-swiper-box dd{ padding: 30px 20px 30px 30px;} .news-swiper .tit{ font-size: 18px;} .news-swiper .news-pagination{ right: auto; left: 25px; padding: 30px 10px 10px 30px;} .news-menu{ padding: 30px 0;} .news-menu ul{ margin: -15px;} .news-menu li{ padding: 15px;} .news-menu li a{ height: 56px; font-size: 16px;} .news-list ul{ display: flex; flex-wrap: wrap;} .news-list li{ flex-basis: 33.333333%;} .news-list dd .tit{ font-size: 18px; height: 56px;} .news-list dd{padding: 15px;} .news-list dd .time{padding-top: 15px;} } @media screen and (min-width: 1240px) { .cont-box-bd{padding: 35px 0;padding-top: 0;} .news-swiper-box{ padding: 0 0 35px ;} /* i.pic-scale-news-01{ border-radius: 20px;} i.pic-scale-news-02{ border-radius: 20px;} */ .news-swiper-box a{ border-radius: 20px;} .news-swiper-box dd{ padding: 40px 25px 40px 40px;} .news-swiper .time{font-size: 16px;} .news-swiper .tit{ font-size: 20px;} .news-swiper .txt{font-size: 14px;} .news-swiper .more{ margin-top: 20px;} .news-swiper .more i::before{font-size: 26px;} .news-swiper .news-pagination{ padding: 10px 10px 20px 40px;} .news-menu{ padding: 35px 0;} .news-menu ul{ margin: -20px;} .news-menu li{ padding: 20px;} .news-menu li a{ height: 60px;} .news-list{ padding: 30px 0;} .news-list ul{ margin: -20px;} .news-list li{ padding: 20px;} .news-list dd .time{padding-top: 20px; font-size: 16px;} .news-list dd{padding: 20px;} } @media screen and (min-width: 1420px) { .cont-box-bd{padding: 40px 0;padding-top: 0;} .news-swiper-box{ padding: 0 0 40px;} .news-swiper-box dd{ padding: 50px 30px 50px 50px;} .news-swiper .tit{ font-size: 28px;} .news-swiper .txt{font-size: 16px; margin-top: 20px;} .news-swiper .more{ margin-top: 30px;} .news-swiper .more span{font-size: 18px;line-height: 30px;padding-right: 14px;} .news-swiper .more i::before{font-size: 30px;} .news-swiper .news-pagination{ padding: 10px 10px 40px 50px;} .news-list dd .time{padding-top: 25px;} .news-menu{ padding: 40px 0;} .news-list{ padding: 40px 0;} .news-list dd{padding: 25px;} } @media screen and (min-width: 1680px) { .news-swiper .tit{ font-size: 32px;} .news-swiper-box dd{ padding: 56px 30px 50px 60px;} .news-swiper .news-pagination{padding: 10px 10px 53px 60px;} .news-swiper .txt{margin-top: 25px;} .news-list dd{padding: 24px 30px;} .news-list dd .time{padding-top: 30px;} } @media screen and (min-width: 1820px) { } /* 鏂伴椈璇︽儏 */ @media screen and (min-width: 320px) { .art-pvnt{display:none;} .con-show{display: block;} .con-art-show dt{font-size: 20px;text-align: center;margin-bottom: 20px;} .art-show{background-color:#fff;} .con-art-show{padding: 40px 0;position: relative;} .con-art-show img{max-width: 100%;text-align: center;} .con-art-show dl{background-color: #fff;padding: 10px;border:1px solid #DDDDDD;} .con-art-show dd{padding-top: 50px;border-top: 1px solid #E2E2E2;} .con-art-show dd *{font-size: 16px;line-height: 2;} .n-info, .p-info{position: fixed;top: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 1.5;} .n-info{right: 5%;} .p-info{left: 5%;} .p-info .icon-ban-l{transform: rotate(180deg);} .n-info .iconfont, .p-info .iconfont{background-color: #71B0FF;width: 30px; height: 30px;text-align: center; border-radius: 50%;color: #ccc; line-height: 30px;font-size: 12px;} .pn-bt{display: none;padding-top: 16px;} .art-pvnt a:hover .iconfont{background-color: #E50012;color: #fff;} .art-txt-ner{font-size: 14px;display: flex; justify-content: space-between; align-items: center;} .art-tt .tt{text-align: left;font-weight: bold;margin-bottom: 15px;} } @media screen and (min-width: 375px) { .con-art-show dt{font-size: 22px;} } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { .con-art-show dt{font-size: 24px;} .con-art-show dl{padding: 20px;} .pn-bt{display: block;} .con-art-show{padding: 50px 0;} } @media screen and (min-width: 992px) { .con-art-show dt{font-size: 26px;} .con-art-show dl{padding: 36px 40px;} .n-info .iconfont, .p-info .iconfont{width: 40px;height: 40px;;line-height: 40px;background-color: #F6F6F6;} .con-art-show{padding: 60px 0;} .art-tt .tt{margin-bottom: 20px;} } @media screen and (min-width: 1240px) { .con-art-show dt{font-size: 28px;} .con-art-show dl{padding: 48px 56px;} .n-info{right: 50%;transform: translate(600px,0);} .p-info{left: 50%;transform: translate(-600px,0);} .art-show .container{width: 1200px;} .con-art-show{padding: 70px 0;} } @media screen and (min-width: 1420px) { .con-art-show dt{font-size: 30px;} .con-art-show dl{padding: 60px 60px 90px;} .n-info{right: 50%;transform: translate(700px,0);} .p-info{left: 50%;transform: translate(-700px,0);} .con-art-show{padding: 80px 0;} } @media screen and (min-width: 1680px) { .con-art-show dl{padding: 60px 80px 100px;} .con-art-show dt{font-size: 32px;} } @media screen and (min-width: 1820px) { .con-art-show dl{padding: 60px 100px 120px;} } /* */ @media screen and (min-width: 320px) { .lxwm-box{ padding: 0 0 20px;} .lxwm-tit{ text-align: center; font-size: 22px; font-weight: bold; color: #000;margin-bottom: 20px;} .lxwm-box .box .tit{ text-align: center; font-size: 18px; color: 0;} .lxwm-box .box ul{ padding-top: 0px;/* margin: -10px; */} .lxwm-box .box ul li{/* padding: 10px; */} .lxwm-box .box ul dl{ border: solid 1px #E5F1FF; padding: 15px; border-bottom: none;} .lxwm-box .box ul dt{ display: flex; align-items: center; justify-content: center;} .lxwm-box .box ul dt i{ width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #E50012;} .lxwm-box .box ul dt i::before{ color: #fff; font-size: 30px; line-height: 1;} .lxwm-box .box ul dd{ text-align: center; padding-top: 20px;} .lxwm-box .box ul dd .mess-tit{font-size: 18px; color: #00182E;} .lxwm-box .box ul dd .mess-txt{ color: #666666; margin-top: 5px;} .map{ height:320px;} .lxwm-box .box ul li:nth-last-child(1) dl{border-radius: 0 0 20px 20px;border-bottom: solid 1px #E5F1FF;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { .lxwm-tit{font-size: 24px;margin-bottom: 30px;} } @media screen and (min-width: 992px) { .lxwm-box{ padding: 0 0 30px;} .lxwm-tit{font-size: 28px;margin-bottom: 40px;} .lxwm-box .box ul dd{padding-top: 30px;} .lxwm-box .box ul dd .mess-tit{ font-size: 20px;} .lxwm-box .box .tit{ font-size: 20px;} .lxwm-box .box ul{ display: flex; justify-content: center;} .lxwm-box .box ul li{ flex-basis: 25%; display: flex;} .lxwm-box .box ul dl{ padding: 20px; width: 100%;} .lxwm-box .box ul li:nth-last-child(1) dl{border-radius: 0 0 20px 0;} .lxwm-box .box ul li:nth-child(1) dl{border-radius: 0 0 0 20px;} .lxwm-box .box ul li+li dl{border-left: none;} .lxwm-box .box ul li dl{border-bottom: solid 1px #E5F1FF;} .map{ height: 360px;} } @media screen and (min-width: 1240px) { .lxwm-box{ padding: 0 0 35px;} .lxwm-tit{font-size: 30px;margin-bottom: 50px;} .lxwm-box .box .tit{ font-size: 24px;} .lxwm-box .box ul{ /* margin: -20px; */} .lxwm-box .box ul li{ /* padding: 20px; */} .lxwm-box .box ul dl{ padding:44px 30px 30px;} .lxwm-box .box ul dd .mess-tit{ font-size: 22px;} .lxwm-box .box ul dd .mess-txt{ font-size: 18px;} .map{ height: 400px;} } @media screen and (min-width: 1420px) { .lxwm-box{ padding: 0 0 40px;} .lxwm-tit{font-size: 32px;} .lxwm-box .box .tit{ font-size: 28px;} .map{ height: 420px;} } @media screen and (min-width: 1680px) { .lxwm-box{ padding: 0 0 60px;} } @media screen and (min-width: 1820px) { .lxwm-box{ padding: 0 0 80px;} } /* */ @media screen and (min-width: 320px) { .zxtd-box{ padding: 0 0 20px;} .zxtd-box .list dl + dl{ margin-top: 10px;} .zxtd-box .list dt{ background: #F6F6F6; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: .3s;} .zxtd-box dt span{ width: 80px; height: 48px;display: flex; align-items: center; justify-content: center; color: #333; } .zxtd-box dt i{transform: rotate(-90deg);margin:0 10px;} .zxtd-box dt b{ color: #000; padding: 0 15px; font-weight: normal;font-size: 18px;} .zxtd-box dt i::before{color: #E50012;} .zxtd-box .list dd{ padding: 15px; border: solid 1px #D4D4D4; border-top: none; display: none;} .zxtd-box .list .box + .box{ padding-top: 20px;} .zxtd-box .list .btn{ padding-top: 20px; display: flex;} .zxtd-box .box .tit{ font-weight: bold; margin-bottom: 5px;font-size: 22px;display:none;} .zxtd-box .list .btn a{ background: #E50012; height: 48px; padding: 0 20px; border-radius: 30px; display: flex; align-items: center; justify-content: center; color: #fff;} .zxtd-box .list .btn a:hover{ box-shadow: 0 5px 20px rgba(229,0,18,.35); transform: translateY(-3px);} .zxtd-box .show dt{ background: #E50012;} .zxtd-box .show dt b{ color: #FFF;} .zxtd-box .show dt span{color: #fff;} .zxtd-box .show dt i{transform: rotate(0);} .zxtd-box .show dt i::before{ color: #fff;} .zxtd-box .show dd{display:block;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { .zxtd-box{ padding: 0 0 30px 0;} .zxtd-box dt span{ height: 64px; width: 100px;} .zxtd-box dt i::before{ font-size: 20px;} .zxtd-box dt b{ font-size: 20px; padding: 0 20px;} .zxtd-box .list dd{ padding: 20px;} .zxtd-box .list .box + .box{ padding-top: 20px;} .zxtd-box .box .tit{font-size: 26px;} } @media screen and (min-width: 1240px) { .zxtd-box{ padding: 0 0 35px;} .zxtd-box .list dl + dl{ margin-top: 20px;} .zxtd-box dt span{ height: 80px; width: 120px;} .zxtd-box dt i::before{ font-size: 24px;} .zxtd-box dt b{ font-size: 22px; padding: 0 30px;} .zxtd-box .list dd{ padding: 30px;} .zxtd-box .list .btn{ padding-top: 30px;} .zxtd-box .list .btn a{ height: 70px; font-size: 16px; padding: 0 25px;border-radius: 40px;} .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: 1.8;} .zxtd-box .box .tit{font-size: 28px;} } @media screen and (min-width: 1420px) { .zxtd-box{ padding: 0 0 40px;} .zxtd-box dt i::before{ font-size: 28px;} .zxtd-box dt b{ padding: 0 40px;} .zxtd-box .list dd{ padding: 40px;} .zxtd-box .list .btn{ padding-top: 40px;} .zxtd-box .list .box + .box{ padding-top: 40px;} } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* */ @media screen and (min-width: 320px) { .logo_list ul{display:flex;flex-wrap:wrap;} .logo_list li{width:50%;} .logo_list li dd{ text-align:center;font-size:16px;padding:5px;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { .logo_list li{width:33.33%;flex-basis: 33.333333%;} } @media screen and (min-width:640px) { .logo_list li{width:25%;flex-basis: 25%;} } @media screen and (min-width: 992px) { .logo_list li{width:20%;flex-basis: 20%;} } @media screen and (min-width: 1240px) { .logo_list li{width:16.66%;flex-basis: 16.66%;} } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* */ @media screen and (min-width: 320px) { section.swi-indpro01 .swiper-slide{width:200px;} section {width: 100%;height: 360px;/*border: 1px solid pink;*//*margin: 100px auto;*/overflow: hidden; position: relative;} section ul {height: 200px; animation: g 30s linear infinite;transform: 0.5s; display: flex; position: absolute; left: 0; top: 0;} @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;*/ margin-right:20px;} section:hover ul{animation-play-state: paused;} section:hover li{opacity: 0.5;} section li:hover {opacity: 1;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { section.swi-indpro01 .swiper-slide{width:300px;} } @media screen and (min-width: 1240px) { .jianceyiqi{max-width:1000px;} } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* */ @media screen and (min-width: 320px) { } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { } @media screen and (min-width: 1240px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* */ @media screen and (min-width: 320px) { } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { } @media screen and (min-width: 1240px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* */ @media screen and (min-width: 320px) { } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { } @media screen and (min-width: 1240px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* */ @media screen and (min-width: 320px) { } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { } @media screen and (min-width: 1240px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { } /* */ @media screen and (min-width: 320px) { } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width:640px) { } @media screen and (min-width: 992px) { } @media screen and (min-width: 1240px) { } @media screen and (min-width: 1420px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1820px) { }