@charset "utf-8";
html {
overflow-x: hidden;
}
*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; font-family: 'axt','Microsoft YaHei';}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;opacity: 0;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
/* fonts */
@font-face {
font-family: 'Hos'; src:
url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face {
font-family: 'axt'; src:
url('https://cdn.114my.com.cn/font/lcw/axt.ttf') format('truetype')
}
@font-face {
font-family: 'Har'; src:
url('https://cdn.114my.com.cn/font/lcw/AlibabaHealthFont2.0CN-85B.ttf') format('woff2'),
}
@font-face {
font-family:neu;
src: url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.ttf),
url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.eot),
url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.otf),
url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff),
url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff2);
}
.f01{font-family: 'Har';}
.f03{font-family: 'Microsoft YaHei';}
.f04{font-family: 'axt';}
@font-face {
font-family: 'iconfont'; /* Project id 4978008 */
src: url('//at.alicdn.com/t/c/font_4978008_ihn3it2tpw.woff2?t=1757938800448') format('woff2'),
url('//at.alicdn.com/t/c/font_4978008_ihn3it2tpw.woff?t=1757938800448') format('woff'),
url('//at.alicdn.com/t/c/font_4978008_ihn3it2tpw.ttf?t=1757938800448') format('truetype');
}
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
/*all_title*/
.all_title{text-align: center;margin-bottom:50px;}
.all_title p{font-size:40px;font-weight:normal;font-family:'Har';color: #444;}
.all_title em{font-size:40px;font-weight:normal;font-family:'Har';color: #fff;}
.all_title span{width:37px;height:9px;position:relative;display:flex;margin:18px auto 0;}
.all_title span::before,.all_title span::after{content:'';width:9px;height:9px;border-radius:100%;background:#025bad;top:0;}
.all_title span::before{left:0;animation:alltitle 3s infinite;}
.all_title span::after{right:0;animation:alltitri 3s infinite;}
.all_title i{width:30px;height:1px;background:#025bad;position:relative;top:4px;left:25%;margin-left:-15px;animation:alltiti 1.5s infinite;vertical-align: top; display: block;}
.all_title b{font-size:24px;font-weight:normal; display: block; color: #025bad;padding-bottom: 14px;font-family: 'axt';}
.all_title t{font-size:18px;font-weight:normal; display: block; color: #999;padding-top: 14px;font-family: 'axt'; line-height:1.4;}
@keyframes alltitle{
0%{left:0;opacity:1;}
25%{opacity:0.5;}
50%{left:calc(100% - 9px);opacity:1;}
75%{opacity:0.5;}
100%{left:calc(0);opacity:1;}
}
@keyframes alltitri{
0%{right:0;opacity:1;}
25%{opacity:0.5;}
50%{right:calc(100% - 9px);opacity:1;}
75%{opacity:0.5;}
100%{right:calc(0);opacity:1;}
}
@keyframes alltiti{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.gyc {margin: 0 auto;max-width: 80%;min-width: 1200px;}
.gy {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gya {margin: 0 auto;max-width: 80%;min-width: 1200px;overflow:hidden;}
.gyb {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gyd {margin: 0 auto;max-width: 94%;min-width: 1200px; position: relative;}
.gye {margin: 0 auto;max-width: 80%;min-width: 1200px; position: relative;}
.head.sticky .head2, .xw-show_body .head .head2, .head:hover .head2 {
background: rgba(255,255,255,0.99);
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.head.sticky .head2, .xw-show_body .head .head2, .head:hover .head2 #menu .nav_a1 li a,.head.sticky .head2, .xw-show_body .head .head2, .head:hover .head2 .head_num li>i,.head.sticky .head2, .xw-show_body .head .head2, .head:hover .head2 .head_num li>p>span,.head.sticky .head2, .xw-show_body .head .head2, .head:hover .head2 .icon>div i span,.head:hover .head_logo p{color: #333;}
.head.sticky #menu .nav_a1 li a,.head.sticky .head_num li>i,.head.sticky .head_num li>p,.head.sticky .icon>div i span,.head.sticky .head_num li>p>span,.head.sticky .head_logo p{color: #333;}
.wh {
padding: 0px 8%;
}
.clearfix {
zoom: 1;
}
.flex {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky {
position: fixed !important;
top: 0;
box-shadow: 10px 0px 16px 10px rgba(0, 0, 0, 0.1);
-webkit-animation: sticky 1s;
-moz-animation: sticky 1s;
-o-animation: sticky 1s;
animation: sticky 1s;
}
.flex2 {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wh1 {padding: 0 3%;height: 100px;}
@media screen and (max-width: 1440px){.wh1 {padding: 0 1%;}}
@media screen and (max-width: 1280px){.wh1 {padding: 0 1%;}}
.head {
position: absolute;
left: 0;
width: 100%;
top: 0;
z-index: 999;
}
.head .head2 {
line-height: 5.3125rem;
-webkit-transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
position: relative;
border-bottom: 0px rgba(255, 255, 255, 0.1) solid;
}
.head_logo {display:flex;align-items:center;}
.head_logo .lan {
display: block
}
.head_logo .hei {
display: none
}
.head_logo i {width: 180px;position: relative; padding: 0 0.5%; }
.head_logo i:before {content:'';width:1px;height:100%; position:absolute;top:0;right: -17px;}
.head_logo i:after {content:'';width: 3px;height: 20%;/* background:#1a67bf; */position:absolute;top: 22px;right: -18px;}
.head_logo i img {width:180px;height:auto;}
.head_logo p {display: flex;flex-direction: column;font-size:1.3vw;font-weight: bold;letter-spacing: 0px;padding: 0 0 0 12px;color: #fff;}
.head_logo p b {color: #fff;font-size:1vw;font-weight: 100;}
.head_logo p b em {color: #fff; display: block;font-size: 0.79vw;padding-top:3px;}
.head_logo p span {font-size: calc(0.6rem + 0.4vw);font-weight: lighter; border-radius: 50px;text-align: center;color: #8a8383;text-align-last: justify;position: relative;z-index: 5;}
.head_logo p span:before,.head_logo p span:after {content:'';width: 5%;height: 0.125rem;position:absolute;top:0;background: #666;bottom: 0;margin: auto;opacity: 0.5;display: none;}
.head_logo p span:before {left: 2rem;}
.head_logo p span:after {right: 2rem;}
.head_num {display: flex;/* align-items: center; *//* margin: 0 0 0 20px; *//* width: 12%; */}
.head_num ul {display: flex;width: 100%;align-items: center;justify-content: center;}
.head_num li {/* position:relative; *//* width: 55px; */}
.head_num>ul>li:first-child {display:flex;align-items: center;/* display: none; */}
.head_num li+li {margin: 0 0 0 1vw;/* border-left: 1px solid #eee; */padding: 0 0 0 0.5vw;}
.head_num li>i {font-size: 22px; color: #fff; display: flex;justify-content: center;align-items: center;border-radius: 5px; font-weight: 100;}
.head_num li:last-child:hover>p {transform: rotateX(0deg); }
.head_num li>p {font-size: 15px;/* padding: 0px 0 0 7px; */white-space: nowrap;display: flex;flex-direction: column;font-weight: lighter;padding: 1.2% 2%;transition: 0.5s;top: 100%;right: 0;/* width: 13%; */}
.head_num li>p>span {font-family:DIN Medium;font-size: calc(0.8rem + 0.5vw);font-weight: bold;color: #fff;}
.head_num li>a {font-size: 15px;/* color: #fff; */font-family: Arial;display: flex;align-items: center;}
.head_num li>a i {transform:rotate(90deg);font-size: 10px;margin: -3px 0 0 4px;}
.head_lan {/* margin: 0 0 0 30px; */position: absolute;transform: rotateX(90deg);transform-origin: top;transition: 0.5s;top: 100%;border-top: 2px solid #ff6600;}
.head_lan p {display:flex;/* border-top: 1px solid #eee; */padding: 12% 0;width: 88px;/* justify-content: center; *//* align-items: center; */background: #fff;transition: 0.5s;}
.head_lan p+p {border-top: 1px solid #ebebeb;}
.head_lan p:hover {background:#1a67bf;}
.head_lan p a {display:flex;align-items: center;}
.head_lan p:hover a {color:#fff;}
.head_lan p i {width: 26%;display: none;}
.head_lan p i img {width:100%;}
.head_lan p span {font-size: 13px;margin: 0 0 0 16px;/* font-weight: lighter; */white-space: nowrap;}
.head_num li:hover .head_lan {transform: rotateX(0deg);}
.dfs{display:flex;align-items:center;justify-content:space-between;width: 100%;height: 25px;}
.icon>div i{/* width:40px; *//* height:40px; */border-radius:100%;display: flex;justify-content: center;align-items: center;user-select:none;transition:all 0.5s;position: relative;/* border: 1px solid #eee; */}
.icon>div:hover i{/* background: #005ee0; */}
.icon>div i:before{content:'';width:40px;height: 5vw;border-radius:100%;position:absolute;top: 0;}
.icon>div:hover i:before{animation:2s headIcon infinite;}
.icon>div:hover i:after{animation:2s headIcon infinite;animation-delay:0.5s;}
.icon>div i span{font-size: 24px; color: #fff; position: relative;z-index:2;font-weight: 100;}
.icon>div:hover i span{color: #fff;}
.form_ul {/* padding:0; */}
.iser_box,.itel_box{position:absolute;top: 100%;right:0;padding: 4%;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9;width: 100%;display: flex;flex-direction: column-reverse;justify-content: center;text-align: center;background: rgba(0,0,0,0.5);}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content: center;/* display: none; */padding: 2% 0 0;color:#fff;}
.search_l span+span{margin-left:4px;font-size: 16px;color: rgba(255,255,255,0.6);}
.search_l a{color: #444;font-size: 16px;margin: 0 5px;color: #fff;}
.search_r{/* margin-top: 15px; */position:relative;width: 86%;display: flex;align-items: center;justify-content: center;}
#infoname{height: 64px;line-height: 64px;border:1px solid #eee;text-indent:12px;width: 100%;border-radius: 2rem;padding: 0 0 0 1%;}
.z_img{width: 38px;height: 38px;position:absolute;top: 15px;right: 20px;background: no-repeat;}
.itel_box{width: 150px;text-align:center;padding: 10px;}
.itel_box a{color:#333;position:relative;display: flex;font-size: 16px;font-family: Arial;text-transform: uppercase;align-items: center;padding: 5%;transition:0.5s;justify-content: center;}
.itel_box a:hover {background:#1f2c5c;color:#fff;}
.itel_box a+a {margin: 8% 0 0;}
.itel_box a span {overflow:hidden;border-radius: 50%;margin: 0 10px 0 0;width: 20px;height: 20px;}
.itel_box a span img {width:100%;height:auto;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.search_l .iconfont{font-size: 16px;display: none;}
.icon_tel i{display: block;width: 98px;height: 30px;line-height: 28px;text-align: center;border:2px solid #b2b2b2;font-size: 14px;color: #7f7f7f;border-radius: 15px;font-style: normal;}
.icon_pho i span{font-size:18px!important;display: block;margin-top: -3px;}
.hx_bg{height: 142px;position: relative;margin-top: -142px;z-index: 99;}
.icon_search.icon_pho:hover .itel_box.dh_c { transform: rotateX(0);}
#menu {
margin-right: 1.5vw;
}
@media (max-width: 1024px) {
#menu {
margin-right: 0.8vw;
}
}
#menu .nav_a1 li {
float: left;
}
#menu .nav_a1 li a {
display: block;
color: #fff;
font-family: "axt";
}
#menu .nav_a1 li > a {
font-size: 1.1rem;
padding: 0 1.1em;
-webkit-transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
text-transform: uppercase;
}
@media (max-width: 1680px) {
#menu .nav_a1 li > a {
padding: 0 0.3em;
}
}
@media (max-width: 1366px) {
#menu .nav_a1 li > a {
padding: 0 0.2em;font-size: 1.1rem;
}
}
@media (max-width: 1280px) {
#menu .nav_a1 li > a {
padding: 0 0.1em;font-size: 1rem;
}
}
@media (max-width: 1024px) {
#menu .nav_a1 li > a {
padding: 0 0.1em;font-size: 1rem;
}
}
#menu .nav_a1 li > a span {
position: relative;
display: block;
padding: 0 0em;
height: 100px;
line-height: 100px;
font-family: 'Hos';
}
#menu .nav_a1 li .sec {
position: absolute;
top: 100%;
width: 120%;
left: -10%;
background: white;
z-index: 999;
text-align: center;
border-radius: 5px;
padding: 10px 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
#menu .nav_a1 li .sec > a {
font-size: 16px;
padding: 0.4em 0;
color: #333;
}
#menu .nav_a1 li .sec > a:hover {
color: #e60022;
}
#menu .nav_a1 li .sec1 {
position: absolute;
top: 100%;
width: 100%;
left: 0;
background: white;
z-index: 999;
text-align: center;
padding: 1.5rem 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
text-align: center;
line-height: 1;
}
#menu .nav_a1 li .sec1 > a {
font-size:15px;
color: #131313;
display: inline-block;
text-transform: uppercase;
position: relative;
}
#menu .nav_a1 li .sec1 > a u {
display: block;
font-size: 0;
overflow: hidden;
width: 17rem;
}
@media screen and (max-width: 1680px){#menu .nav_a1 li .sec1 > a u{width: 14rem;}}
@media screen and (max-width: 1440px){#menu .nav_a1 li .sec1 > a u{width: 14rem;}}
@media screen and (max-width: 1360px){#menu .nav_a1 li .sec1 > a u{width: 13rem;}}
@media screen and (max-width: 1280px){#menu .nav_a1 li .sec1 > a u{width: 12rem;}}
#menu .nav_a1 li .sec1 > a p{line-height: 3;}
#menu .nav_a1 li .sec1 > a u img {
width: 100%;
}
#menu .nav_a1 li .sec1 > a .ys {
position: absolute;
right: 0;
top: 0;
}
#menu .nav_a1 li .sec1 > a .ys b {
display: inline-block;
width: 1rem;
height: 1rem;
border: 1px solid #f0f0f0;
border-radius: 50%;
}
#menu .nav_a1 li .sec1 > a + a {
margin-left: 0%;
}
#menu .nav_a1 li .sec1 > a:hover {
color: #e60022;
}
#menu .nav_a1 li .sec2 {
position: absolute;
top: 100%;
width: 100%;
left: 0;
background: #eee;
z-index: 999;
text-align: center;
padding: 4.3rem 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
text-align: center;
line-height: 1;
border-top: 1px solid #ccc;
}
#menu .nav_a1 li .sec2 .sec-a {
width: 79.28571%;
border-right: 1px solid #CCCCCC;
}
#menu .nav_a1 li .sec2 .sec-a .img {
width: 32.88288%;
padding-bottom: 21.44144%;
position: relative;
height: 0;
overflow: hidden;
}
#menu .nav_a1 li .sec2 .sec-a .img > img {
position: absolute;
left: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#menu .nav_a1 li .sec2 .sec-a .cont-p {
width: 67%; padding: 0px 6%;
text-align: left;
}
#menu .nav_a1 li .sec2 .sec-a .cont-p .tit {
color: #3E3E3F;
font: 600 1.875rem/1.5em "";
text-transform: uppercase;
width:100%;
}
#menu .nav_a1 li .sec2 .sec-a .cont-p .p {
color: #57585A;
font-size:1.1rem;
margin: 4rem 0 1em;
font-family: 'axt';
line-height:1.6;
font-weight:100;
}
#menu .nav_a1 li .sec2 .sec-a .cont-p a.more-b {
display: inline-block;
color: #fff;
padding: 0.8rem 1.6rem;
}
#menu .nav_a1 li .sec2 .sec-b {
width: 20.71429%;
padding-left: 4%;
}
#menu .nav_a1 li .sec2 .sec-b a {
display: block;
color: #3E3E3F;
font-size: 1.2rem;
padding: 0.35em 0;
text-align: left;
font-weight:100;
}
#menu .nav_a1 li .sec2 .sec-b a:hover {
color: #e60022;
}
#menu .nav_a1 li:hover > a {
color: #e60022;font-weight:bold;
}
#menu .nav_a1 li.active{color: #e60022;font-weight:bold;}
#menu .nav_a1 li:hover .sec, #menu .nav_a1 li:hover .sec1, #menu .nav_a1 li:hover .sec2 {
opacity: 1;
visibility: visible;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
#menu .nav_a1 li:hover > a span, #menu .nav_a1 li.active > a span {
color: #e60022;font-weight:bold;
}
#menu .nav_a1 li#prad {
position: static;}
.more-b {
display: inline-block;
padding: 0.65rem 1.6rem;
border-radius: 3.125rem;
background-color: #e60022;
color: #3E3E3F;
overflow: hidden;
position: relative;
z-index: 1;
font-family: '';
}
.more-b > * {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
-o-transition: -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);
transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
}
.more-b span {
display: inline-block;
vertical-align: middle;
font-size: 1rem;
-webkit-transition-delay: .06s;
-moz-transition-delay: .06s;
-o-transition-delay: .06s;
transition-delay: .06s;
font-weight:100;
font-family: 'axt';
}
.more-b i {
display: inline-block;
font-size: 0.8rem;
margin-left: 0.5em;
-webkit-transition-delay: .12s;
-moz-transition-delay: .12s;
-o-transition-delay: .12s;
transition-delay: .12s;
color: #fff;
font-weight: 100;
vertical-align: middle;
}
.more-b::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
border-radius: 3.125rem;
background-color: #181818;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center right;
-moz-transform-origin: center right;
-ms-transform-origin: center right;
-o-transform-origin: center right;
transform-origin: center right;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
-o-transition: -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);
transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
}
.more-b:hover > * {
-webkit-transform: translateX(0.75rem);
-moz-transform: translateX(0.75rem);
-ms-transform: translateX(0.75rem);
-o-transform: translateX(0.75rem);
transform: translateX(0.75rem);
color: #fff;
}
.more-b:hover::after {
-webkit-transform-origin: center left;
-moz-transform-origin: center left;
-ms-transform-origin: center left;
-o-transform-origin: center left;
transform-origin: center left;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.more-b.hs {
background-color: #F5F5F7;
padding: 0.65rem 2.4rem;
}
.more-b.hs span {
font-size: 1rem;
}
.more-b.hs:hover > * {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
/* index */
/*right*/
#floatMenu {
position: fixed;
right: 20px;
top: 62%;
z-index: 8;
margin-top: -77px;
}
#floatMenu li {
margin: 14px 0;
position: relative;
}
#floatMenu li.first {
opacity: 0;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#floatMenu li a {
width: 8px;
height: 8px;
background: #999;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
}
#floatMenu p {
position: absolute;
width: 102px;
height: 23px;
line-height: 23px;
text-align: center;
color: #fff;
border-radius: 23px;
-webkit-border-radius: 23px;
background: #1059a9;
top: -4px;
left: 30px;
}
#floatMenu p::after {
content: '';
position: absolute;
top: 50%;
margin-top: -4.5px;
left: -7px;
background: url("");
width: 8px;
height: 9px;
}
#floatMenu li.active a {
width: 13px;
height: 13px;
border: 3px #e60022 solid;
background: none;
right: 2px;
position: relative;}
#floatMenu li.active p {display: block;}
/*flashvideo*/
.index_banner .txt{width:90%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center; z-index: 999;}
.index_banner .txt h2{font-size:4vw;color:#fff;text-transform:uppercase;line-height:1; padding: 2% 0 1% 0;font-family: 'Microsoft YaHei';font-weight:bold;text-shadow: 5px 0 10px rgba(0, 0, 0, .3);}
.index_banner .txt p{font-size:2vw;color:#fff; line-height:1; padding-top:1%;}
.index_banner .txt .morelink{margin-top:3%;min-width:180px;margin-left:10px;margin-right:10px;color:#fff;}
.index_banner .txt .morelink i{font-size:20px;line-height:30px;margin-right:8px;display:inline-block;vertical-align:top;}
.index_banner .txt .morelink:hover{color:#fff;}
.btn-3 {
position: relative;
z-index: 1;
overflow: hidden;
}
.morelink {
display: inline-block;
position: relative;
font-size: 18px;
line-height: 30px;
color: #fff;
padding: 4px 14px;
background-color: #fe0401;
border: 1px solid #fe0401;
border-radius: 6px;
text-transform: capitalize;
transition: all 0.3s;
}
.index_banner .scrolldown {
position: absolute;
bottom: 12%;
left: 50%;
transform: translate(-50%,0);
text-align: center;
z-index: 1;
color: #fff;
font-size:16px; z-index: 999;
}
.index_banner .scrolldown>i {
display: block;
margin-top: 10px;
animation: down 0.8s infinite;
-webkit-animation: down 0.8s infinite;font-size: 24px;
}
@keyframes down {
0%{
transform:translate(0)
}
100% {
transform:translateY(15px)
}
}
@-webkit-keyframes down {
0% {
transform:translate(0)
}
100% {
transform:translateY(15px)
}
}
.flashvideo{width:100%;padding-bottom:100vh;position:relative;overflow:hidden;}
.flashvideo video{position:absolute;width:100%;height:calc(100% + 200px);left:0;top:0;z-index:1;object-fit:cover;display:block;}
.flashvideo .v_shade{width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0;position:absolute;z-index:1;}
.flashvideo .fv_txt{position:absolute;width:100%;left:0;top:50%;z-index:2;text-align:center;font-size:0;-webkit-text-size-adjust:none;padding-bottom:65px;}
.flashvideo .fv_txt p{font-size:16px;line-height:26px;color:#FFF;text-align:center;}
.flashvideo .fv_txt p:first-child{font-size:48px;height:58px;line-height:58px;}
.flashvideo .fv_txt p:nth-child(2){margin:26px 0 28px;}
.flashvideo .fv_txt a{display:inline-block;width:139px;height:36px;line-height:36px;background:#f5b324;padding:0 23px;}
.flashvideo .fv_txt a span{display:block;font-size:14px;color:#FFF;padding-left:10px;background:url(flash_btnicon.png) no-repeat right center;text-align:left;}
.flashvideo .fv_txt a:last-child{margin-left:11px;}
.flashvideo .fv_txt a:hover{
-webkit-box-shadow:0 0 8px rgba(255,255,255,.6);
-moz-box-shadow:0 0 8px rgba(255,255,255,.6);
-o-box-shadow:0 0 8px rgba(255,255,255,.6);
box-shadow:0 0 8px rgba(255,255,255,.6);}
/*flash*/
.index_banner{width:100%; overflow:hidden;z-index:1;top:0;left:0;position: relative; height:100%;}
.index_banner.mb{display:none;}
.index_banner .swiper-slide{}
.index_banner .swiper-slide:nth-child(1):before {
content: '';
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.index_banner .swiper-slide video{display:block;width:100%;height:100%;object-fit:cover; position: relative;}
.index_banner .swiper-pagination-bullets{bottom:210px !important;height:37px;font-size:0;-webkit-text-size-adjust:none;}
.index_banner .swiper-pagination-bullet{opacity:1;width:20px;height:32px;margin:0 5px!important;position:relative;border-radius:0;background:transparent;padding-bottom:13px;vertical-align:top;overflow:hidden;}
.index_banner .swiper-pagination-bullet .line{width:0;height:2px;position:absolute;left:0;bottom:0;background:#00f;z-index:2;}
.index_banner .swiper-pagination-bullet:after{content:'';width:12px;height:12px;position:absolute;left:0;bottom:0;background:#a9a4a5;z-index:1;border-radius: 50px;}
.index_banner .swiper-pagination-bullet .sw_p{font-size:0px;height:22px;line-height:22px;color:#FFF;text-align:left;position:relative; font-weight:100;text-align: center;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;}
.index_banner .swiper-pagination-bullet .sw_p em{font-style:normal;display:inline-block;margin-right:10px;}
.index_banner .swiper-pagination-bullet .sw_p em i{font-style:normal;font-size:0px;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background:#174592;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active .sw_p,.index_banner .swiper-pagination-bullet:hover .sw_p{
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%);
-o-transform:translateY(0%);
transform:translateY(0%);}
.banner-service{width: 30rem; position: absolute; bottom: 0; right: 0px;padding: 2rem 4rem;z-index: 999;}
/*产品*/
.tit{margin:auto; width:45%;float:left;}
.tita{font-size:3vw;color:#333;line-height:40px;font-weight:bold; position:relative;z-index: 1;bottom: 0; bottom: -5.5vw; font-family: 'Har';}
.tita span{color:#fe0401;}
.titb{font-size:7vw;color:#efefef;position:absolute;text-transform:uppercase;left:0px;font-weight:bold;line-height: 1;left: 50%;margin-left: -50%;font-family:neu;}
.pr_box{margin:auto; width:100%;}
.pro_cate{display:flex;margin:6.2% auto 0;justify-content:space-between; float:right;width:55%;}
.pro_cate ul{display: flex;}
.pro_cate ul li{width: 152px;text-align: center;background: #fff;height: 52px;line-height:54px;position: relative; border-radius: 50px; float:left;margin-right: 2px; margin-left:2%;box-shadow: 0px 0px 24px 0px #D9D9D9}
.pro_cate ul li.on{background:#fe0401;}
.pro_cate ul li.on a{color:#fff;}
.pro_cate ul li:nth-child(n+7){margin-top: 14px; }
.pro_cate ul li:nth-child(6){margin-right: 0px;}
.pro_cate ul li a{font-size: 18px; color: #333;}
.pro_cate ul li dl{position: absolute; top: 55px; left: 0; width: 100%; height: 45px; z-index: 2;}
.pro_cate ul li dl a{display: block; background: #ccc; height:45px; line-height: 45px; color: #fff; transition: all .3s;margin-top: 1px;border-radius: 50px;}
.pro_cate ul li:hover dl{transform: rotateX(0deg);}
.pro_cate ul li dl{transition: all .5s; transform: rotateX(90deg); transform-origin: top;}
.pro_cate ul li dl a:hover{background: #fe0401;}
.pro_cate .mo_i a{float:right;font-size:16px;color:#666;margin-top: 3px;width: 120px; text-align: center;height: 52px;line-height: 52px;transition:all 0.3s;}
.pro_cate .mo_i a:hover {background: #fe0401;color: #fff;border-radius: 50px;font-size: 16px;}
.prod_box{width:100%;overflow:hidden;}
.pro_bcc{overflow: hidden;width: 100%;padding-top:4%;}
.pro_cc .divproduct_new_div{display: flex; width: 100%; flex-shrink: 0; flex-wrap: wrap;}
.pro_cc .divproduct_new_div .divproduct_new_div_item{display: flex;flex-direction: column-reverse;width: 23.3%;flex-shrink: 0;background: #ffffff;padding: 1%;border-radius:20px; border: 2px #ccc solid;}
.pro_cc .divproduct_new_div .divproduct_new_div_item+.divproduct_new_div_item{ margin-left: 2%;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:nth-child(5) {margin-left:0;}
.pro_cc .product_div_item_pic{overflow:hidden}
.pro_cc .product_div_item_pic img{ width: 100%;transition:all .5s;display:block;}
.pro_cc{margin-top: 50px;position:relative; display: flex; transition: 0.5s;}
.pro_cc .divproduct_new_div_item_title a{font-size: 20px;color: #333;display: block;margin: 30px 0 18px;position:relative;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:nth-child(n+5) {margin-top: 2%;}
.pro_cc .divproduct_new_div_item_title a:after{content: "+MORE";width:32%;height: 28px;line-height: 28px;font-size: 13px;color: #333;transition:all .5s;display: block;margin: 20px auto 0;background: linear-gradient(to top, #f8f8f8, #f8f8f8);border-radius: 20px;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover .divproduct_new_div_item_title a:after{background:#fe0401;color:#fff;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover .product_div_item_pic img{transform:scale(1.1)}
.pro_cc .divproduct_new_div_item_content{text-align: center;}
.pro_cc .divproduct_new_div_item_body{width: 84%;margin: 0 auto;line-height: 30px;color:#888;font-size:15px;display:none;}
.product-case-tag{flex-wrap: wrap;align-items: center; display: flex; margin-top:50px;border-top: 1px #eee solid;padding-top: 50px;justify-content: center;}
.product-case-tag a{
height:2.6rem;
line-height: 2.6rem;
background-color:#fff;
border-radius:2.13rem;
box-shadow: 0 0 16px rgba(183, 183, 183, 0.31);
padding-left: 1.8rem;
padding-right: 1.8rem;
margin-left:0.4rem;
margin-right:0.4rem;
font-size: 1.1rem;
text-align: center;
}
/*关于*/
.uw-title{color: #fff;}
.uw-title .uw-title-cn{font-size: 36px; line-height: 40px;}
.uw-title .uw-title-cn>a{font-size: 36px;line-height: 40px;}
.uw-title .uw-title-en{font-size: 52px;line-height: 80px; text-transform: uppercase;font-weight: bold; }
.uw-title .uw-title-en a{font-size: 52px;line-height: 80px;}
.uw-title .uw-line-x {background: rgba(255,255,255,.5);}
.uw-line-x {transform: translateX(0px);
opacity: 1;
color: #fff;
font-weight: bold;
font-family: microsoft yahei;
text-transform: uppercase;
}
.uw-line-x {
width: 100%;
height: 3px;
position: relative;
margin: 10px 0 28px 0;
background: rgba(0,0,0,.2);
}
.uw-line-x::before {
content: '';
width: 30%;
height: 3px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: #174592;
}
/*tb*/
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout: fixed;
width: 100%;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fp-tableCell {
display: contents;
vertical-align: middle;
width: 100%;
height: 100%;
}
.section3 .fp-tableCell{display: contents !important;}
.containery{max-width:80% !important;margin: 0 auto;}
.hmc3ImgBgs{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.hmc3Img{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.hmc3Img.on{ opacity:1; visibility:visible}
.hmc3Img .bgImg{ left:0; top:0; right:0; bottom:0; position:absolute; transition:all 4s ease-in-out;}
.hmc3Video{ left:0; top:0; right:0; bottom:0; position:absolute;}
.hmc3Video video{width: 120%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.hmc3Video:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4);}
.hmc3Img .bgImg:after{content:""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc3Img.on .bgImg{ transform:scale(1.07);}
.hmPage3 .containery{position:relative; z-index:3;}
.hmc3con{ height:480px; position:relative; margin-top:22vh;}
.hmc3txts{ position:relative;}
.hmc3txt{ position: absolute; left: 0; width: 60%; top: 0; transition: all 0.3s ease-in-out; opacity: 0; color: #FFF; visibility:hidden; z-index:0 }
.hmc3txt.on{ opacity:1; visibility:visible; z-index:1}
.hmc3txt strong{ font-size: 2.4vw; font-weight: 500; line-height: 2; display: block; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); letter-spacing:0px;font-family: 'Har';}
.hmc3txt p{ font-size: 21px; letter-spacing: 0px; line-height: 32px; margin: 18px 0px 100px; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); font-family: 'axt';}
.hmc3txt div{ transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px);}
.hmc3txt.on strong{ opacity:1; transform:translateX(0); transition-delay:0.2s}
.hmc3txt.on p{ opacity:1; transform:translateX(0); transition-delay:0.3s}
.hmc3txt.on div{ opacity:1; transform:translateX(0); transition-delay:0.4s}
.hmc3m{ line-height: 48px; text-align: center; height: 48px; width: 180px; font-size: 16px; color: #FFF; background: #fe0401; display: inline-block; border-radius:1.8em;}
.hmc3m i{font-size:16px; padding-left:6px;}
.hmc3m:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2); color:#FFF; transform:translateY(-5px);}
.hmc3menu{ height:120px;display: flex; justify-content: space-between; position: relative; margin-bottom: 5%;}
.hmc3Btn{ width:25%; display:block; background:#fff; margin-right:2px; position:relative;}
.hmc3menu .hmc3Btn:last-child{margin-right:0;}
.hmc3dbox{ padding: 33px 0px 0px 1.97vw; position: relative; height:120px; }
.hmc3dbox strong{ font-size: 24px; font-weight: 400; line-height: 34px; display: block; letter-spacing: 2px;color: #333; }
.hmc3dbox p{ font-size: 12px; color: #D0D0D0; line-height: 20px; text-transform: uppercase; }
.hmc3dbox span{ height:42px; width: 50px; position: absolute; top: 50%; right: 1.67vw; margin-top:-25px;font-size: 42px;color: #333;}
.hmc3layer{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; transition: all 0.5s ease-in-out; border-radius: 1.2em 1.2em 0 0; height: 0; background: #fe0401; overflow: hidden; height: 0; text-align: center;}
.hmc3layer:before{content:""; height:4px; background:#cc0000; width:100%; position:absolute; left:50%; bottom:0; transition:all 0.5s ease-in-out; width:0%;}
.hmc3Btn:hover .hmc3layer:before{width:100%; left:0;}
.hmc3Btn:hover .hmc3layer{height:250px; padding: 45px 12px 0px 12px; color:#fff; }
.hmc3icon{ width:110px; height:110px; display:inline-block; position:relative; margin-bottom:5px; line-height: 110px; font-size: 34px;}
.hmc3icon i{ position:absolute; left:0; top:0; right:0; bottom:0}
.hmc3icon i:nth-child(1){ background: url(https://memberpic.114my.com.cn/hongwangxin/uploadfile/image/20250916/20250916203026_1999409244.png) no-repeat center center; animation:radiusRotate 3s linear infinite; }
.hmc3icon i:nth-child(2){ background: url(https://memberpic.114my.com.cn/hongwangxin/uploadfile/image/20250916/20250916203026_1179630884.png) no-repeat center center; animation:radiusRotate2 3s linear infinite; }
.hmc3icon i:nth-child(3){ background: url(https://memberpic.114my.com.cn/hongwangxin/uploadfile/image/20250916/20250916204852_70157986.png) no-repeat center center; animation:radiusRotate 5s linear infinite; }
.hmc3icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc3layer strong{ font-size: 24px; font-weight: 400; line-height: 34px; display: block; letter-spacing: 2px; }
.hmc3layer p{ font-size: 12px; color:rgba(255,255,255,0.6); line-height: 20px; text-transform: uppercase;}
.section03 .row {
margin: 0 -7.5rem;
align-items: center;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.row .right{margin-left:7%;}
.section03 .row>div {
padding: 0 7.5rem;
}
.section03 .right .row {
margin: 0;
}
.section03 .right .row>div {
padding: 0;
}
#hw .section03 .right .row>div:first-child {
margin-bottom: 5.375rem;
}
.right .data {
font-size: 1.5rem;
line-height: 2.5rem;
font-weight: 500;
color: #fff;
position: relative;
display: flex;
}
.right .data .counter {
font-size: 6rem;
line-height:1;
font-weight: 100;
color: #fff;
font-family: 'neu';
}
.right .txt {
font-size: 1.375rem;
line-height: 2rem;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.container3 {
width: 100%;
max-width: 100%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 46%;
}
.more {
line-height: 3rem;
border: 1px solid #FFFFFF;
border-radius: 1.875rem;
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
}
.more a {
display: block;
font-size: 1rem;
font-weight: 400;
color: #fff;
padding: 0 2.5rem;
line-height: 3rem;
}
.more::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fe0401;
z-index: -1;
transform: scale(0);
transition: all .4s;
}
.more:hover::before {
transform: scale(1);
}
.more:hover {
border-color: #fe0401;
}
.more:hover a {
color: #fff;
}
.syname {
font-size: 2.875rem;
line-height: 4.0625rem;
color: #fff;
font-style: normal;
font-weight: 700;
position: relative;
margin-bottom: .9375rem;
padding-bottom: .625rem;
display: inline-block;
font-family: 'Har';
}
.syname::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 5.5rem;
height: .1875rem;
background: #fe0401;
}
.syen_name {
font-size: 1.875rem;
line-height: 2.3125rem;
text-transform: uppercase;
color: #fff;
font-weight: 400;
margin-bottom: 1.5625rem;
}
.sytxt {
font-size: 1.25rem;
line-height: 2.2rem;
/* text-transform: uppercase; */
color: #fff;
font-weight: 400;
margin-bottom: 1.5625rem;
text-align: justify;
}
.sytxt1 {
font-size: 1.125rem;
line-height: 1.875rem;
font-weight: 700;
text-align: justify;
color: #000;
}
.sytxt2 {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
text-align: justify;
color: #fff;
}
.sytxt3 {
font-size: .875rem;
line-height: 1.5rem;
font-weight: 400;
text-align: justify;
color: #fff;
}
.syname11,
.syen_name11,
.sytxt11 {
color: #000;
}
.syname11::before {
background: #fe0401;
}
.synamezj::before {
background: #000;
width: 4%;
left: 50%;
transform: translateX(-50%);
}
.more11 {
border: 1px solid rgba(0, 0, 0, 0.4);
}
.more11 a {
color: rgba(0, 0, 0, 0.4);
}
.circle {
width: 3.5rem;
height: 3.5rem;
line-height: 3.5rem;
text-align: center;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
}
.circle .iconfont {
color: #fff;
opacity: 0.5;
}
.circle:hover {
background: #fe0401;
}
/*news*/
.flexBetween {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.indexTit .boxLeft .top h4 {
font-size: 40px;
color: #333;
}
.indexTit .boxLeft .top h5 {
font-size:24px;
color: #666;
margin-top: 1rem;
font-weight:normal;
}
@media screen and (max-width: 1366px){
.indexTit .boxLeft .top h5 {margin-top: 0rem;}
}
.indexTit .boxLeft .bot h6 {
font-size: 0.9rem;
color: #999;
margin-top: 0.1rem;
}
.flexStart {
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.indexTit .boxRight div p {
width: 3.4375rem;
height: 3.4375rem;
border-radius: 50%;
background: #174592;
}
.indexNews {
margin-top: -7.8125rem;
position: relative;
z-index: 1;
}
.indexNews .box {
position: relative;
}
.indexNews .box .boxLeft{
width: 42%;
}
.indexNews .box .boxRight {
width: 58%;
box-sizing: border-box;
background: #fff;
padding: 0 4.375rem;
}
.indexNews .box .boxRight .left {
font-size: 1rem;
color: #999;
line-height: 7.8125rem;
cursor: default;
}
.indexNews .box .boxRight .right {
width: 80%;
margin-left: 5.625rem;
}
.indexNews .box .boxRight .right .swiper-container {
height: 7.8125rem;
}
.indexNews .box .boxRight .right .swiper-container .swiper-slide {
height: 7.8125rem;
}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item {
line-height: 7.8125rem;
}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item .time {
font-size: 1rem;
color: #666;
}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item .text {
font-size: 1rem;
color: #000;
margin-left: 2.1875rem;
width: 85%;
}
.indexNews .box .boxBtn {
position: absolute;
right: 2.8125rem;
top: 2.1875rem;
}
.indexNews .box .boxBtn p {
padding: 3px 0;
outline: none;
cursor: pointer;
}
.indexNews .box .boxBtn p span {
font-size: 1.125rem;
color: #000;
}
.indexNews .box .boxBtn p span:hover {
color: #174592;
}
.indexTit .boxLeft .bot {
margin-top:0.5rem;
}
.indexTit .boxLeft .bot h6 {
font-size: 0.875rem;
color: #999;
margin-top: 0.3125rem;
}
.indexTit .boxRight {
margin-top:1rem;
}
.indexTit .boxRight div span {
font-size: 1rem;
color: #000;
line-height: 3.4375rem;
transition: all 0.3s;
position: relative;
left: -2.1875rem;
}
.indexTit .boxRight a {
display: inline-block;
}
.indexTit .boxRight div span font {
display: inline-block;
width: 0.75rem;
height: 0.125rem;
background: #000;
vertical-align: middle;
margin-right: 0.7rem;
}
.indexTit .boxRight div:hover span {
left: -3.125rem;
}
/*news*/
.news_tit{display: flex;justify-content: space-between;align-items: center; padding-bottom:30px;}
.new_lc b{font-size: 2vw;color: #000;line-height: 100%;font-weight:normal;}
.new_lc p{font-size: 18px;color: #999;padding: 5px 0 10px;line-height: 100%;text-transform: uppercase;}
.new_lc span{width: 20px;height: 3px;background: #e60022;display: block;}
.news_cate ul{display: flex;}
.news_cate ul li+li{margin-left: 20px;}
.news_cate ul li a{display: block;width: 140px;height: 40px;line-height: 40px;color: #333;text-align: center;font-size: 18px;border-radius: 50px;}
.news_cate ul li.on a{background: #e60022;color: #fff;}
.news_bc{width: 100%; padding:11% 0 5% 0;margin-top: 0px;}
.news_wz .news_div_item {
width: 30%;
float: left;
padding:1.5%;
border: 1px solid #f6f6f6;
}
.news_wz .news_div_item:nth-child(3),.news_wz .news_div_item:nth-child(4),.news_wz .news_div_item:nth-child(5) {
width: 37%;
border: 1px solid #f6f6f6;
padding: 2.65% 3%;
float: right;
background: #fff;
}
.news_wz .news_div_item:nth-child(3) .news_div_item_pic, .news_wz .news_div_item:nth-child(4) .news_div_item_pic, .news_wz .news_div_item:nth-child(5) .news_div_item_pic {
display: none;
}
.news_wz .news_div_item:nth-child(3) .news_div_item_date, .news_wz .news_div_item:nth-child(4) .news_div_item_date, .news_wz .news_div_item:nth-child(5) .news_div_item_date {
display: none;
}
.new_c>div {
display: flex;
width: 100%;
transition:all .5s;
}
.new_c{overflow: hidden;}
.new_c .news_wz {
flex-shrink: 0;
width: 100%;
}
.news_wz .news_div_item:nth-child(2) {
margin-left: 20px;
}
.news_wz .news_div_item:nth-child(1),.news_wz .news_div_item:nth-child(2) {
display: flex;
flex-direction: column-reverse;
background: #fff;
}
.news_wz .news_div_item:nth-child(1) .news_div_item_body, .news_wz .news_div_item:nth-child(2) .news_div_item_body {
padding: 0 2% 0 2%;
color: #999;
line-height:1.9;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical; font-size: 15px;
}
.new_c .news_div_item_date {
display: flex;
font-size: 14px;
color: #cacbcd;
font-family: "Arial";
}
.news_div_item_title {}
.news_wz .news_div_item .news_div_item_a {
font-size: 18px;
font-weight: bold;
color: #333;
position: relative;display:block;
}
.news_wz .news_div_item_pic img {
width: 100%;
height: auto;
transition: all 0.2s;
overflow: hidden;
}
.news_wz .news_div_item_pic{overflow: hidden;}
.news_wz .news_div_item_pic:hover img{transform: scale(1.1);transition: all 0.2s;}
.news_wz .news_div_item:nth-child(1) .news_div_item_title, .news_div_item:nth-child(2) .news_div_item_title {
padding:5% 2% 4% 2%;
}
.news_wz .news_div_item:nth-child(1) .news_div_item_date, .news_div_item:nth-child(2) .news_div_item_date {
padding:5% 2% 4% 2%;
}
.news_wz .news_div_item:nth-child(1) .news_div_item_a:after,.news_wz .news_div_item:nth-child(2) .news_div_item_a:after {
position: absolute;
content: "\e88e";
font-family: 'iconfont';
color: #4d4d4d;
font-size: 25px;
top: 66px;
right: 0;
font-weight: lighter;
}
.news_wz .news_div_item:nth-child(3) .news_div_item_a, .news_wz .news_div_item:nth-child(4) .news_div_item_a, .news_wz .news_div_item:nth-child(5) .news_div_item_a {
color: #4d4d4d;position: relative;display: block;
}
.news_wz .news_div_item:nth-child(3) .news_div_item_a:after, .news_wz .news_div_item:nth-child(4) .news_div_item_a:after, .news_wz .news_div_item:nth-child(5) .news_div_item_a:after {
position: absolute;
content: "\e88e";
font-family: 'iconfont';
color: #4d4d4d;
font-size: 25px;
top: 28px;
right: -68px;
font-weight: lighter;
}
.news_wz .news_div_item:nth-child(3) .news_div_item_title, .news_wz .news_div_item:nth-child(4) .news_div_item_title, .news_wz .news_div_item:nth-child(5) .news_div_item_title {
padding-bottom: 10px;
}
.news_wz .news_div_item:nth-child(3) .news_div_item_body, .news_wz .news_div_item:nth-child(4) .news_div_item_body, .news_wz .news_div_item:nth-child(5) .news_div_item_body {
font-size: 14px;
color: #929292;
line-height: 24px;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 15px;overflow: hidden;
}
/*gg*/
.about_p {width:100%;background: url(https://memberpic.114my.com.cn/hongwangxin/uploadfile/image/20250915/20250915200315_856715405.jpg)no-repeat center;height:100%;overflow: hidden; position: relative; background-repeat: no-repeat; background-attachment: fixed; display: flex; justify-content: center; align-items: center;}
.about_video{position: absolute;margin-top: 17%;width: 100%;}
.about_videot{position: relative;padding-top:30%;}
.about_p:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background:rgba(0,0,0,0.6);
top: 0;
left: 0;}
.about_con {color: #fff;display: block;justify-content: center; align-items: center;position: relative;margin-top: 0px;}
.about_con em { font-size:2vw; line-height: 42px; display: block; margin-top: 2%; text-align: center; position: relative;}
.about_con p {font-size: 3.4vw; line-height: 1; text-align: center; position: relative;}
.about_con p span {font-weight: bold; font-family: 'Microsoft YaHei';}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 38.333333%;
max-width: 45%;
}
.col-4:nth-child(n+3){
margin: 8% 0 0;
}
/*video_sp*/
.video_sp{float:left; padding:27px 0px;}
.ripple img { width:32px;height:32px;position: relative;z-index: 5;}
.ripple,.ripple:before,.ripple:after {position: absolute;left: 52%;top: 62%;height: 90px;width: 90px;margin-top: -56px;margin-left: -47px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255,0.64);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);box-shadow: 0 0 0 0 #7f7f7f;animation: ripple 3s infinite;background: rgba(255, 255, 255,0.64);}
.ripple{padding:6px 3px;background: rgba(255, 255, 255, 0.5); display: flex;justify-content: center;align-items: center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video_box{background:rgba(0,0,0,0.6); top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:10;transition:600ms ease;}
.video{position: fixed;top: -100%;margin-top: -372px;
margin-left: -360px;/*margin-left:-575px;*/transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:0%;transition:600ms ease;z-index: 9;}
.video_x1{}
@-webkit-keyframes ripple {
70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
100%{-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);}
}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: absolute;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: absolute;top:-100%;left:0%;margin-top:-350px;margin-left:-360px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:45%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: relative;top:-100%;left:0%;margin-left:480px;margin-top:-260px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;color: #333;}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
}
}
.std_tit6{font-size: 26px;}
.std_tit2 {font-size: 2.5vw;line-height: 1.5;color: #333;font-weight:normal;font-family: 'Har';}
.hcwr_li_le_tit {margin-bottom: 30px; text-align: center;}
.home_stren {
width: 100%;
position: relative;
padding:8% 0 4% 0;
}
.home_stren_tit .std_tit5 {
text-align: center;
}
.home_stren_wrap {
width: 100%;
position: relative;
}
.home_stren_wrap_ul {
display: flex;
flex-wrap: wrap;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 2px 16px rgba(1, 4, 40, 0.1);
border-radius: 10px;
align-items: stretch;
overflow: hidden;
}
.hswu_li {
width: 25%;
border-right: 1px solid #F0F0F0;
position: relative;
z-index: 1;
}
.hswu_li::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background: #fe0401;
z-index: -1;
transition: all 0.36s;
opacity: 0;
}
.hswu_li_wrap {
width: 100%;
position: relative;
padding: 9% 12%;
}
.hswu_li_wrap_tit .std_tit6 {
font-weight: bold;
line-height: 1.5;
color: #333;
transition: all 0.36s;
}
.hswu_li_wrap_info .std_text {
color: #999;
line-height: 1.75;
transition: all 0.36s;
font-size:16px;
}
.hswu_li_wrap_icon {
width: 16px;
position: absolute;
top: 36px;
right: 30px;
font-size:16px;
}
.hswu_li_wrap_icon.iconfont{color: #fe0401;}
.hswu_li.act .hswu_li_wrap_icon.iconfont{color: #fff;}
.hswu_li.act .hswu_li_wrap_tit .std_tit6 {
color: #fff;
}
.hswu_li.act .hswu_li_wrap_info .std_text {
color: #fff;
}
.hswu_li {
overflow: hidden;
}
.hswu_li.act::after {
opacity: 1;
width: 100%;
}
.home_prog {
width: 100%;
position: relative;
}
.home_prog_cont {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
}
.home_prog_ri {
width: 50%;
position: relative;
}
.home_prog_le {
width: 50%;
padding-right: 36px;
}
.hplu_le {
width: 100px;
}
.hplu_le_wrap {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 13px;
}
.hplu_ri {
width: calc(100% - 100px);
padding-left: 70px;
margin-top: 5px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.hplu_le_icon {
width: 14px;
}
.hplu_le_icon img {
width: 100%;
}
.hplu_le_tit p {
font-size: 14px;
line-height: 1.5;
color: #666;
}
.hplu_le_tit {
padding-left: 8px;
}
.hplu_li {
width: 100%;
position: relative;
}
.hplu_li a {
border-top: 1px solid #D7E0E9;
}
.hplu_li:last-child a {
border-bottom: 1px solid #D7E0E9;
}
.hplu_li::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 0%;
height: 2px;
background: #00A0E2;
z-index: 10;
opacity: 0;
transition: all 0.6s;
}
.hplu_li a {
display: flex;
flex-wrap: wrap;
padding: 36px 59px 44px 0;
}
.hplu_le_more .mod_btn2 {
height: 30px;
min-width: 100%;
}
.hplu_le_more .mod_btn2_text {
font-size: 14px;
}
.hplu_ri_tit p {
font-size: 18px;
line-height: 1.75;
color: #333;
transition: all 0.36s;
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.hplu_ri_cion {
width: 20px;
position: relative;
}
.hplu_ri_tit {
width: calc(100% - 20px);
padding-right: 65px;
}
footer{padding-top:3%;overflow:hidden;background-color:#3d3d3d;}
footer .container{width:100%;padding:0 15px;max-width:80%;}
.flex_between {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height:100%;
}
.container {
max-width:80%;
padding: 0 15px;
width: 100%;
margin: 0 auto;
}
footer dl{}
footer dl dt{font-size:19px;line-height:1.6;margin-bottom:20px;position:relative;color:#fff;}
footer dl dd{font-size:15px;line-height:30px;margin-bottom:3px;position:relative;color:rgba(255,255,255,0.5);}
footer dl dd>a{font-size:16px !important;line-height:30px;display:inline-block;color:rgba(255,255,255,0.5) !important;;}
footer dl dd em{display:inline-block;width:4px;height:4px;background-color:#fe0401;vertical-align:middle;transition:all 0.2s;margin-top:-2px;border-radius:50%;margin-right:5px;display: none;}
footer dl dd>a:hover{color:#fff;text-decoration:underline;}
#fck1{width:300px;margin-top:2%;margin-right:4%;}
#fck2{width:12%;margin:0;}
#fck3{width:10%;margin:0;}
#fck4{width:24%;margin:0;}
#fck5{width:11%;}
#fck1 p{margin-top:20px;color:#eee;font-size:16px;line-height:30px;}
footer #fck4 dl dd{padding-left:25px;}
footer #fck4 dl dd>i{position:absolute;font-size:16px;color:rgba(255,255,255,0.5);left:0;line-height:30px;}
#fck5 .img{width:120px;margin:0;}
#fck5 .img img{width:90px;margin:0;}
.footlogo img{width:220px;}
.foot_by{overflow:hidden;text-align:center;padding-top:1%;padding-bottom:1%;background-color:#2d2d2d;margin-top:3%;}
.foot_by .footdiv{font-size:15px; line-height:30px;margin:0;display:inline-block;color:rgba(255,255,255,0.6);}
.foot_by .footdiv a{display:inline-block; font-size:15px; line-height:30px;color:rgba(255,255,255,0.6);}
.foot_by .footdiv.fl{text-align:left;float:left;}
.foot_by .footdiv.fr{text-align:right;float:right;}
.foot_by .footdiv a:hover{text-decoration:underline;color:#fff;}
.foot_by .footdiv a.by{text-decoration:underline;color:#0067f8;}
.bq_ewm {display: flex;padding-top: 50px;position: relative;}
.bq_ewm li span {display: block;width: 30px;height: 30px;border-radius: 0%;font-size: 18px;text-align: center;line-height: 30px;color: #fff; background: rgba(255,255,255,0.1);}
.bq_ewm li:hover span{background: #000;border-color: #000;}
.ewm_cc {position: absolute;top: -50px;left: 13px;display: none;}
.ewm_cc img {width: 100px!important;}
.bq_r:after {position: absolute;content: "";width: 300px;height: 100%;top: 0;right: -300px;}
.bq_lx {line-height: 36px;}
.bq_lx li{font-size: 14px;color:#ccc; line-height: 22px;}
.bq_ewm li+li {margin-left: 10px;}
/*link*/
.link_bg{height: 67px;position: relative;margin-top: 0px; background: #232323;border-bottom: 1px solid rgba(255,255,255,0.1);}
.linkTagcs li a{font-size:14px;}
.links_r a{font-family: "iconfont" !important;font-size:42px;font-style: normal;color:rgba(255,255,255,0.3);display:inline;height:67px;display: block;line-height:67px;}
.links_l{display: flex;align-items: center;}
.l_wz{margin-left:12px;position: relative; width: 79px;}
.l_wz b{font-size: 25px;color: #fff;line-height: 21px;}
.l_wz p{color: rgba(255,255,255,0.38);letter-spacing: 2px;}
.links{display: flex;align-items: center;height: 67px;justify-content: space-between;}
.links .container{width:100%;padding:0 15px;max-width:80%;}
.links>div{display: flex;align-items: center;height: 67px;}
.links_m{margin-left: 25px;}
.linkTagcs li a{color: rgba(255,255,255,0.38)!important;}
/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:30%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px; line-height: 26px;}
.serverBar li a{display:block;padding:5px;width:60px;height:60px;text-align:center;color:#000 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:22px;line-height:28px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#324476;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#324476;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item1{overflow:hidden;}
.serverBar li .QRcode .item1 i{display:block;width:100px;}
.serverBar li .QRcode .item1 img{display:block;width:100%;}
.serverBar li .QRcode .item1 p{font-size:14px;color:#000;text-align:center;}
.serverBar li:hover .infos{display:block;}
@media(max-width:1200px){
.serverBar{display:none !important;}
}
/*--end serverBar--*/
#c_product_list_039-167046496493701 .e_container-6 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: auto;
margin-left: auto;
margin-bottom: 0px;
transition-property: all;
transition-radio: hover;
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
display-radio: flex;
background-color: rgba(243,244,244,1);
padding-bottom: 0px;
margin-top: 15px;
min-height: 0px;
height: 350px;
overflow: hidden;
}
@media screen and (max-width: 1366px){
#c_product_list_039-167046496493701 .e_container-6 {height: 217px;}
}
#c_product_list_039-167046496493701 .e_loop-1 .p_list {
display: flex;
flex-wrap: wrap;
position: relative;
max-width: 100%
}
#c_product_list_039-167046496493701 .e_loop-1 {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
display-radio: 1;
}
#c_product_list_039-167046496493701 .e_loop-1 .p_loopitem {
flex: 0 0 49%;
position: relative;
margin-right: 1%
}
#c_product_list_039-167046496493701 .e_loop-1 .p_loopitem:hover .e_container-12 { margin-top: -354px; height: 354px;}
@media screen and (max-width: 1366px){
#c_product_list_039-167046496493701 .e_loop-1 .p_loopitem:hover .e_container-12 { margin-top: -284px; height: 284px;}
}
#c_product_list_039-167046496493701 .e_loop-1 .p_loopitem:hover .e_text-19 {margin-top: 283px}
@media screen and (max-width: 1366px){
#c_product_list_039-167046496493701 .e_loop-1 .p_loopitem:hover .e_text-19 {margin-top: 203px}
}
#c_product_list_039-167046496493701 .e_loop-1 .p_page {text-align: center}
#c_product_list_039-167046496493701 .e_loop-1 .p_filter_wrapper {
width: 100%;
font-size: 13px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_kv_wrapper {
display: inline-block;
flex-wrap: nowrap;
line-height: 24px;
margin: 15px 0;
width: 33%
}
#c_product_list_039-167046496493701 .e_loop-1 .p_filter_key {
width: 70px;
overflow: hidden;
margin-right: 10px;
font-weight: bold;
color: #333333;
font-size: 12px;
display: none
}
#c_product_list_039-167046496493701 .e_loop-1 .p_v_item {
display: inline-block;
padding: 0 3px;
cursor: pointer;
font-size: 13px;
color: #555555;
margin-right: 30px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_active .p_fbutton {
color: #fff;
background-color: cornflowerblue
}
#c_product_list_039-167046496493701 .e_loop-1 .p_result_item {
position: relative;
padding: 3px 20px 3px 10px;
border: 1px solid #ddd;
border-radius: 3px;
margin-right: 10px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_filter_close {
position: absolute;
right: 0;
top: 0;
padding: 3px;
font-style: normal;
font-size: 16px;
margin-top: -5px;
cursor: pointer
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect {
font-size: 13px;
position: relative
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .inputWrap {
width: 100%;
min-width: 100px;
min-height: 24px;
border: 1px solid #DCDFE6;
border-radius: 3px;
position: relative;
cursor: pointer;
background: white
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect.is-invalid .inputWrap {
border-color: #dc3545
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect ul {
padding: 0 5px;
margin: 0;
padding-right: 35px
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect ul,
li {
list-style: none
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect li {
display: inline-block;
background: #edf0f3;
color: #92969c;
padding: 0px 5px;
margin: 1px 5px 1px 0;
border-radius: 5px;
line-height: 16px
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .multSelect-option {
width: 100%;
border: 1px solid #DCDFE6;
border-radius: 2px;
border-top: 0;
max-height: 200px;
overflow-y: scroll;
position: absolute;
height: 0;
opacity: 0;
z-index: 9;
background: #fff
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .multSelect-option>div {
line-height: 24px;
cursor: pointer;
padding: 0 10px
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .multSelect-option>div.selected {
color: #409eff
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .multSelect-option>div:hover {
color: #409eff;
background: #f3f6f9
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .fa-close {
font-style: normal;
font-size: 12px;
padding: 0 5px 0 7px
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .inputWrap>.fa svg {
fill: #666;
width: 12px;
height: 12px;
position: absolute;
right: 0;
top: calc(50% - 3px)
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .inputWrap>.fa-down svg {
transform: rotate(-90deg)
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .inputWrap>.fa-up svg {
transform: rotate(90deg)
}
#c_product_list_039-167046496493701 .e_loop-1 .multSelect .placeholder {
line-height: 40px;
padding-left: 10px;
color: #aaa;
position: absolute;
left: 0;
top: 0
}
#c_product_list_039-167046496493701 .e_loop-1 .p_normal_start {
display: inline;
width: 60px;
height: 22px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_date_start {
display: inline;
width: 105px;
height: 22px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_normal_end {
display: inline;
width: 60px;
height: 22px;
margin-right: 5px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_date_end {
display: inline;
width: 105px;
height: 22px;
margin-right: 5px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_split {
margin: 0 5px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_normal {
margin-right: 16px
}
#c_product_list_039-167046496493701 .e_loop-1 .p_fbutton {
background-color: #007bff;
text-decoration: none;
color: white;
font-size: 14px;
text-align: center;
padding: 10px;
border-radius: 5px
}
#c_product_list_039-167046496493701 .e_loop-1 .input-check,
#c_product_list_039-167046496493701 .e_loop-1 .input-radio {
margin: 0 5px;
vertical-align: text-top
}
#c_product_list_039-167046496493701 .e_loop-1 .position-left {
display: flex
}
#c_product_list_039-167046496493701 .e_loop-1 .position-right {
display: flex;
flex-direction: row-reverse
}
#c_product_list_039-167046496493701 .e_loop-1 .position-bottom {
display: flex;
flex-direction: column-reverse
}
.s_title {
font-size: 16px;
color: #333;
line-height: 1;
}
#c_product_list_039-167046496493701 .e_loop-1 {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
display-radio: 1
}
#c_product_list_039-167046496493701 .e_image-3 {
overflow: hidden;
transition-property: all;
transition-duration: 0.8s;
background: #e2e2e2;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
display-radio: 1;
background-color: #e2e2e2;
}
#c_product_list_039-167046496493701 .e_image-3 img {
width: 100%;
height: 100%;
object-fit: contain
}
#c_product_list_039-167046496493701 .e_container-6>.p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_product_list_039-167046496493701 .e_text-10 {
line-height: 24px;
font_radio: 2;
font-size: 16px;
color: rgba(0, 0, 0, 1);
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
display-radio: -webkit-box;
font-weight: normal;
margin-top: 0px;
transition: 0.5s
}
#c_product_list_039-167046496493701 .e_text-10 a{font-size: 20px; font-weight:bold;}
#c_product_list_039-167046496493701 .e_container-12 {
display: flex;
position: relative;
z-index: 2;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
margin-top: -67px;
padding-left: 30px;
padding-right: 30px;
display-radio: flex;
background-color: rgba(255, 255, 255, 0.8);
padding-top: 15px;
padding-bottom: 15px;
transition: 0.5s
}
@media screen and (max-width: 1366px){
#c_product_list_039-167046496493701 .e_container-12 {margin-top: -132px;}
}
#c_product_list_039-167046496493701 .e_container-12>.p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_product_list_039-167046496493701 .e_container-6:hover .e_line-14 {
width: 100%;
display: none
}
#c_product_list_039-167046496493701 .e_line-14 {
transition-property: all;
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
width: 0px;
display: none
}
#c_product_list_039-167046496493701.response-animated .e_container-6 {
animation-name: none, none;
animation-delay: 0.0s, 0.6s;
animation-duration: 0.6s, 0.6s;
animation-iteration-count: 1, 1
}
#c_product_list_039-167046496493701 .e_container-6:hover img {
opacity: 1;
transform: scale(1.1);
transition: all .6s
}
#c_product_list_039-167046496493701 .e_container-6:hover .e_image-3 {}
#c_product_list_039-167046496493701 .e_text-17 a{line-height: 22px; font-size: 16px;}
#c_product_list_039-167046496493701 .e_text-17 {
line-height: 22px;
font_radio: 2;
font-size: 14px;
text-align: left;
color: rgba(102, 102, 102, 1);
position: absolute;
top: 31%;
z-index: 9;
bottom: auto;
right: auto;
display: none;
transition-property: all;
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
font-weight: normal;
left: 28px;
display-radio: none;
max-width: 100%;}
#c_product_list_039-167046496493701 .e_container-6:hover .e_text-17 {
display: block
}
#c_product_list_039-167046496493701 .e_text-19 {
line-height: 1.8;
font_radio: 2;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
margin-top: 7px;
padding-left: 0px;
padding-right: 0px;
display-radio: -webkit-box;
font-family: Microsoft YaHei;
margin-bottom: 0px;
transition: 0.5s
}
#c_product_list_039-167046496493701 .e_text-19 a{color: rgba(0, 0, 0, 0.4);}
#c_product_list_039-167046496493701 .e_container-6 .p_item {
display-radio: 1
}
.transit,.nav-close,.at_once span,.combie_list li,.show_industry a,.show_industry a i,.vd_btn a,.fixed_left{
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
}
.active .protection span,.fixed_left li,.aldehyde_des i,.envi_list i,.envi_list li p,.join_investment_close,.liaojie_close i,.industry_des_con a i,.muban_des i{
transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
}
.protection .line i,.join,.footer-fix,.envi_line,.intro_control a i{
transition:all 0.6s linear;
-webkit-transition:all 0.6s linear;
-o-transition:all 0.6s linear;
-moz-transition:all 0.6s linear;
}
.made li,.section4 .protection_box::before,.section7 .protection_box::before,.move_step li,.envi_list li{
transition:all 1s linear;
-webkit-transition:all 1s linear;
-o-transition:all 1s linear;
-moz-transition:all 1s linear;
}
.step_line{
transition:all 2.6s linear .2s;
-webkit-transition:all 2.6s linear .2s;
-o-transition:all 2.6s linear .2s;
-moz-transition:all 2.6s linear .2s;
}
.trans,.nav-box{
-webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
-moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
-o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
-ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}
/**/
.vd_btn a:hover{
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-moz-transform: rotate(120deg);
}
.join_investment_close:hover,.liaojie_close:hover i,.industry_des_con a:hover i{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
/**/
.join1 a:hover::before,.join2 a:hover::before{animation:move 1s linear infinite;-webkit-animation:move 1s linear infinite;-moz-animation:move 1s linear infinite;-o-animation:move 1s linear infinite;}
@keyframes move{
0%{
transform: translate(0,0);
}
50%{
transform: translate(10px,0);
}
100%{
transform: translate(0,0);
}
}
@-webkit-keyframes move{
0%{
transform: translate(0,0);
}
50%{
transform: translate(10px,0);
}
100%{
transform: translate(0,0);
}
}
.join3 a:hover::before{animation:move3 1s linear infinite;-webkit-animation:move3 1s linear infinite;-moz-animation:move3 1s linear infinite;-o-animation:move3 1s linear infinite;}
@keyframes move3{
0%{
transform: translate(0,0);
}
50%{
transform: translate(0,10px);
}
100%{
transform: translate(0,0);
}
}
@-webkit-keyframes move{
0%{
transform: translate(0,0);
}
50%{
transform: translate(0,10px);
}
100%{
transform: translate(0,0);
}
}
.join4 a:hover::before{animation:move4 1s linear infinite;-webkit-animation:move4 1s linear infinite;-moz-animation:move4 1s linear infinite;-o-animation:move4 1s linear infinite;}
@keyframes move4{
0%{
transform: translate(0,0);
}
50%{
transform: translate(-10px,0);
}
100%{
transform: translate(0,0);
}
}
@-webkit-keyframes move{
0%{
transform: translate(0,0);
}
50%{
transform: translate(-10px,0);
}
100%{
transform: translate(0,0);
}
}
/**/
.section6.active .join_title{animation:smalltoBig 1s linear;-webkit-animation:smalltoBig 1s linear;-moz-animation:smalltoBig 1s linear;-o-animation:smalltoBig 1s linear;}
@keyframes smalltoBig{
0%{
opacity: 0;
filter: alpha(opacity=0);
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
}
100%{
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
}
@-webkit-keyframes smalltoBig{
0%{
opacity: 0;
filter: alpha(opacity=0);
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
}
100%{
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
}
/**/
.active .protection span:hover,.section4 .protection a:hover span,.section7 .protection span:hover,.aldehyde_des i:hover,.toshdow,.ppsp:hover i,.muban_des i:hover{ animation:toShadow 1.5s linear infinite;-webkit-animation:toShadow 1.5s linear infinite;-moz-animation:toShadow 1.5s linear infinite;-o-animation:toShadow 1.5s linear infinite; }
@keyframes toShadow{
0%{
box-shadow: 0 0 0 #ddd;
-webkit-box-shadow: 0 0 0 #ddd;
}
50%{
box-shadow: 0 0 32px #ddd;
-webkit-box-shadow: 0 0 20px #ddd;
}
100%{
box-shadow: 0 0 0 #ddd;
-webkit-box-shadow: 0 0 0 #ddd;
}
}
@-webkit-keyframes toShadow{
0%{
box-shadow: 0 0 0 #ddd;
-webkit-box-shadow: 0 0 0 #ddd;
}
50%{
box-shadow: 0 0 32px #ddd;
-webkit-box-shadow: 0 0 20px #ddd;
}
100%{
box-shadow: 0 0 0 #ddd;
-webkit-box-shadow: 0 0 0 #ddd;
}
}
.ljyd:hover i,.market_vd:hover i{animation:toShadow2 1.5s linear infinite;-webkit-animation:toShadow2 1.5s linear infinite;-moz-animation:toShadow2 1.5s linear infinite;-o-animation:toShadow2 1.5s linear infinite;}
@keyframes toShadow2{
0%{
box-shadow: 0 0 0 #fff;
-webkit-box-shadow: 0 0 0 #fff;
}
50%{
box-shadow: 0 0 32px #fff;
-webkit-box-shadow: 0 0 20px #fff;
}
100%{
box-shadow: 0 0 0 #fff;
-webkit-box-shadow: 0 0 0 #fff;
}
}
@-webkit-keyframes toShadow2{
0%{
box-shadow: 0 0 0 #fff;
-webkit-box-shadow: 0 0 0 #fff;
}
50%{
box-shadow: 0 0 32px #fff;
-webkit-box-shadow: 0 0 20px #fff;
}
100%{
box-shadow: 0 0 0 #fff;
-webkit-box-shadow: 0 0 0 #fff;
}
}
/**/
.section3.active .slide_Left,.section5.active li.li1,.slideInLeft,.hangye.active li.slideInLeft{
-webkit-animation: slideInLeft 1.2s both;
animation: slideInLeft 1.2s both;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
/**/
.slideInRight,.hangye.active li.slideInRight{
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
-moz-transform: translateX(2000px);
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
-moz-transform: translateX(2000px);
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
/**/
.section5.active li.li3,.section5.active li.li5,.slideInUp{
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
0% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
-moz-transform: translateY(2000);
-o-transform: translateY(2000);
}
100% {
opacity: 1;
filter: alpha(opacity=1);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
-moz-transform: translateY(2000);
-o-transform: translateY(2000);
}
100% {
opacity: 1;
filter: alpha(opacity=1);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
}
}
/**/
.section5.active li.li2,.section5.active li.li4,.slideInDown{
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
/*7*/
.section7{background: url() no-repeat center center; background-size: cover;}
.section .overturn{
transform: translate(20px,20px) scale(0.5);
-webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
opacity: 1;
transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
height: 100%;
}
.section.active .overturn{
transform: translate(0px,0px) scale(1);
-webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
opacity: 1;
transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}