@font-face { font-family: 'HarmonyOS_Sans_Light'; src: url('../fonts/HarmonyOS_Sans_Light.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'HarmonyOS_Sans_SC_Regular'; src: url('../fonts/HarmonyOS_Sans_SC_Regular.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'HarmonyOS_Sans_SC_Medium'; src: url('../fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'HarmonyOS_Sans_SC_Bold'; src: url('../fonts/HarmonyOS_Sans_SC_Bold.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'Oswald-Medium'; src: url('../fonts/Oswald-Medium.woff') format('woff'); font-display: swap; }
html { -webkit-text-size-adjust: 100%; font-size: 100px }

@media (max-width:640px) {
html { font-size: 20vw }
}
body, input, pre, select, table th, table td, textarea { font-size: 0.16rem; font-weight: 400; font-family: 'HarmonyOS_Sans_SC_Regular'; }
.w1400 { max-width: 1400px; width: 92% }
a:hover { color: #1a6e9d; }
/*Top002682 */
.Top002682 { z-index: 100; position: relative;}
.Top002682:after { content: ""; position: absolute; width: 100%; height: calc(120 / 1920 * 100vw); top: 0; left: 0; background-image: url(../images/sh.png); background-size: 100% 100%; background-position: center top; background-repeat: no-repeat; z-index: 2; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; }
.Top002682 .top-left { float: left; position: relative; z-index: 20; display: table; height: 124px; }
.Top002682 .top-left a { display: table-cell; vertical-align: middle; }
.Top002682 .top-left img { max-height: 45px; }
.Top002682 .top-left img.hover { display: none; }
.Top002682 .top-main .top-right { float: right; margin-top: 30px; position: relative; z-index: 5; width: 60px; cursor: pointer; height: 60px; }
.Top002682 .top-main .top-right::before, .Top002682 .top-main .top-right::after, .Top002682 .top-main .top-right span { position: absolute; left: 25%; top: 50%; width: 50%; height: 2px; background: #fff; }
.Top002682 .top-main .top-right::before, .Top002682 .top-main .top-right::after { content: ''; }
.Top002682 .top-main .top-right span { font-size: 0; margin-top: -1px; }
.Top002682 .top-main .top-right::before { margin-top: -8px; }
.Top002682 .top-main .top-right::after { margin-top: 7px; }
.Top002682 .top-search { position: relative; z-index: 40; display: block; padding-right: 0; }
.Top002682 .top-search .text { width: 100%; border: 1px solid #ccc; padding: 0 40px 0 15px; line-height: 38px; height: 40px; border-radius: 40px; color: #ccc; }
.Top002682 .top-search .text.focus { color: #333; }
.Top002682 .top-search .btn { position: absolute; right: 0; top: 0; height: 100%; width: 40px; background: url(../images/icon-search.svg) no-repeat center center; background-size: 50% auto; }
.Top002682 .header-menu li em a { line-height: 30px; ont-weight: bold; font-size: 16px; }
.Top002682 .header-menu li.aon em a, .Top002682 .header-menu li em a:hover { background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.Top002682 .top-right > *{ float: left;}
.Top002682 .top-right .top-search{ width: 70%;}
.Top002682 .top-right .lang { width: 20%;margin-left: 13px;}
.Top002682 .top-right .lang a { display: inline-block;line-height: 36px;width: 36px;text-align: center;border-radius: 50%;background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2);color: #fff;font-family: 'Oswald-Regular';font-size: 14px;}
@media(min-width:1025px) {
.Top002682 { position: absolute; left: 0; top: 0; width: 100%; }
.Top002682 .top-menu { position: absolute; left: 0; top: -100%; opacity: 0; transition: 0.5s ease-in-out; background: #fff; z-index: 10; width: 100%; }
.Top002682 .header-show .top-menu { top: 0; opacity: 1; }
.Top002682 .header-show img.show { display: none; }
.Top002682 .header-show img.hover { display: block; }
.Top002682 .top-menu .top-right { padding-right: 20px; width: 30%; max-width: 225px; }
.Top002682 .top-menu .auto { position: relative; height: 124px; }
.Top002682 .top-menu .top-right { position: absolute; right: 0; top: 50%; margin-top: -20px; }
.Top002682 .top-mid { padding-top: 42px; width: 50%; max-width: 790px; margin: 0 auto; }
}

@media(max-width:1024px) {
.Top002682 { position: relative; background: #fff; }
.Top002682 .top-main { position: relative; }
.Top002682 .top-main .top-right { transition: 0.5s ease-in-out; position: absolute; right: 0; top: 50%; margin-top: -20px; width: 40px; height: 40px; border-color: #01a9e4; }
.Top002682 .top-main .top-right::before, .Top002682 .top-main .top-right::after, .Top002682 .top-main .top-right span { background: #01a9e4; }
.Top002682 .top-main .open-menu { background: #01a9e4; }
.Top002682 .top-main .open-menu span { opacity: 0; }
.Top002682 .top-main .open-menu::before, .Top002682 .top-main .open-menu::after { background: #fff; margin-top: -1px; transform: rotate(45deg); }
.Top002682 .top-main .open-menu::after { transform: rotate(-45deg); }
.Top002682 .top-left { height: 70px; }
.Top002682 .top-left img.show { display: none; }
.Top002682 .top-left img.hover { display: block; }
.Top002682 .top-menu .auto { padding: 0; }
.Top002682 .top-menu .top-right { height: 20px; }
.Top002682 .top-search .text { box-shadow: 0 2px 2px rgba(0,0,0,0.3); }
.Top002682 #header-menu { display: none; position: absolute; left: 0; top: 100%; background: rgba(0,0,0,0.5); width: 100%; z-index: 30; }
.Top002682 #header-menu ul { padding-top: 25px; background: #01a9e4; }
}
/*Banner003086 */
.Banner003086 .auto { max-width: 1600px; }
.Banner003086 .slider li { position: relative; }
.Banner003086 .ytable { height: 100%; }
.Banner003086 .txt-area { position: absolute; color: #fff; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; font-size: 62px; }
.Banner003086 .txt-area aside { transition: 1s 1s; opacity: 0; }
.Banner003086 .txt-area .t-1 { font-size: 0.387em; transform: translateX(50px); }
.Banner003086 .txt-area .t-2 { transform: translateX(100px); }
.Banner003086 .txt-area .t-3 { transform: translateX(150px); }
.Banner003086 .ani-show .txt-area aside { opacity: 1; transform: translateX(0); }
.Banner003086 .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); z-index: 20; bottom: 2.55vw; }
.Banner003086 .slick-dots li { float: left; width: 30px; position: relative; height: 30px; border: solid 1px transparent; }
.Banner003086 .slick-dots li button { font-size: 0; width: 8px; height: 8px; background: #e1e1e1; opacity: 0.5; padding: 0; border: 0; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; }
.Banner003086 .slick-dots li:not(:last-child) { margin-right: 4.74vw; }
.Banner003086 .slick-dots li:not(:last-child):after { left: 100%; margin-left: 0.34vw; width: 4.07vw; height: 2px; position: absolute; content: ''; top: 50%; margin-top: -1px; background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 20%, transparent 50%); background-size: 8px 2px; background-repeat: repeat-x; }
.Banner003086 .slick-dots li.slick-active { border-color: #fff; }
.Banner003086 .slick-dots li.slick-active button { opacity: 1; }

@media(min-width:1025px) {
.Banner003086 .wap { display: none; }
}

@media(max-width:1024px) {
.Banner003086 .pc { display: none; }
.Banner003086 .txt-area { font-size: 5vw; padding: 0 2vw; }
}

@media(max-width:640px) {
.Banner003086 .slick-dots li { width: 20px; height: 20px; }
}
.home_page2 { padding: 5% 0; background: -moz-linear-gradient(top, rgba(256,256,256,1) 0%, rgba(126,192,226,.3) 100%); background: -webkit-linear-gradient(top, rgba(256,256,256,1) 0%, rgba(126,192,226,.3) 100%); background: linear-gradient(to bottom, rgba(256,256,256,1) 0%, rgba(126,192,226,.3) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 );
position: relative }
.home_page2 .bg { position: absolute; width: 100%; bottom: 0; z-index: -1 }
.home_page2 .txt { padding-right: 10%; position: relative }
.home_page2 .txt .title { font-size: .28rem; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'HarmonyOS_Sans_SC_Bold'; width: 88%; border-bottom: 1px solid #edeeee; padding-bottom: 3%; margin-bottom: 3% }
.home_page2 .txt p { color: #666; line-height: 2; width: 56%; }
.home_page2 .txt .logo { position: absolute; right: 0; top: 50%; margin-top: -30px; max-width: 260px }
.home_page2 .list { margin-top: 5% }
.home_page2 .list li { float: left; width: 48%; position: relative}
.home_page2 .list li:last-child { float: right; }
.home_page2 .list li figure { padding-bottom: 56.5%; }
.home_page2 .list li .word { position: absolute; opacity: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);padding: 2vw;color: #fff;line-height: 2;transition: .3s }
.home_page2 .list li .word .ytable{ height: 100% }
.home_page2 .list li:hover .word{ opacity: 1 }

@media (max-width: 640px) {
    .home_page2 .txt p {width: 100%;font-size: 14px;}
    .home_page2 .list li {width: 100%;margin-bottom: 4%;}
}

/*
 .Floor002468 为demo编号
 */
.Floor002468 { padding: 5% 0; }
.Floor002468 .title { font-size: .4rem; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'HarmonyOS_Sans_SC_Bold'; text-align: center; padding-bottom: 2%; position: relative; margin-bottom: 3% }
.Floor002468 .title::before { content: ''; background: url(../images/title.png); position: absolute; width: 50px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; left: 50%; transform: translateX(-50%); bottom: 0 ;display: none;}
.Floor002468 .list { overflow: hidden; }
.Floor002468 .list .list-wrap { margin: 0 -0.8%; }
.Floor002468 .list .ul { float: left; width: 50%; padding: 0 0.8% 1.5%; }

@media only screen and (max-width:767px ) {
.Floor002468 .list .ul { width: 100%; float: none; padding-left: 0; padding-right: 0; padding-bottom: 3%; }
    .Floor002468 .title {font-size: .3rem;}
}
.Floor002468 .list .item { }
.Floor002468 .list .item-inner { position: relative; }
.Floor002468 .list .item .linkhref { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.Floor002468 .list .item .pic { background-repeat: no-repeat; background-position: center; background-size: cover; }
.Floor002468 .list .item .pic:after { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; display: block; background-color: #000; -moz-opacity: 0.2; opacity: 0.2; filter: alpha(opacity=20); transition: all .3s; }
.Floor002468 .list .item .item-inner:hover .pic:after { -moz-opacity: 0.1; opacity: 0.1; filter: alpha(opacity=10); }
.Floor002468 .list .ul0 .item .pic { padding-bottom: 110.145%; }
.Floor002468 .list .ul1 .item+.item { padding-top: 3%; }
.Floor002468 .list .ul1 .item .pic { padding-bottom: 53.625%; }
.Floor002468 .list .item .word { position: absolute; color: #fff; bottom: 15px; left: 15px; }
.Floor002468 .list .item .word h2 { font-size: .18rem; font-weight: normal; margin: 0; position: relative; }
.Floor002468 .list .item .word h2 i { font-style: normal; position: absolute; left: 0; top: 0; }
.Floor002468 .list .item .word figure { font-size: .14rem; padding: 0 15px 0 0px; opacity: 0; transition: all .3s; line-height: 24px; height: 0; overflow: hidden; }
.Floor002468 .list .item .item-inner:hover .word figure { margin: 15px 0 0; opacity: 1; height: 48px; }

@media only screen and (min-width: 768px) {
.Floor002468 .list .item .item-inner:hover .word figure { height: 76px; }
}

@media only screen and (min-width: 1024px) {
.Floor002468 .list .item .word { bottom: 38px; left: 20px; }
}

@media only screen and (min-width: 1200px) {
.Floor002468 .list .item .word h2 { font-size: .3rem; }
.Floor002468 .list .item .word { bottom: 58px; left: 40px; }
}
.honor { padding: 0% 0 11%; position: relative }
.honor .title { font-size: .4rem; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'HarmonyOS_Sans_SC_Bold'; text-align: center; padding-bottom: 2%; position: relative; margin-bottom: 1% }
.honor .title::before { content: ''; background: url(../images/title.png); position: absolute; width: 50px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; left: 50%; transform: translateX(-50%); bottom: 0 ;display: none;}
.honor .bg { position: absolute; width: 100%; bottom: 0; z-index: -1 }
.honor .txt { width: 80%; text-align: center; line-height: 2; margin: 6% auto 0; color: #333; }
.honor .main .slick-arrow { position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -30px; border: 1px solid #009cbd; padding: 0; background: none; font-size: 0; z-index: 10; cursor: pointer; border-radius: 50%; }
.honor .main .slick-arrow:hover { background: #009cbd; }
.honor .main .slick-arrow:before { position: absolute; content: ''; width: 14px; height: 14px; border-top: 2px solid #009cbd; border-right: 2px solid #009cbd; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); left: 50%; top: 50%; margin: -7px 0 0 -11px; }
.honor .main .slick-arrow:hover:before { border-color: #fff; }
.honor .main .slick-prev:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -5px; }
.honor .main .slick-prev { left: -59px; }
.honor .main .slick-next { right: -59px; }

@media(max-width:1408px) {
.honor .main .slick-prev { left: 2%; }
.honor .main .slick-next { right: 2%; }
}

@media(max-width:640px) {
    .honor .title {font-size: .3rem;}
.honor .main .slick-arrow { width: 7vw; height: 7vw; margin-top: -3.5vw; }
.honor .main .slick-arrow:before { width: 40%; height: 40%; margin: 0; left: 40%; top: 30%; }
.honor .main .slick-next:before { left: 20%; }
}
.honor .main ul { padding: 0 50px; position: relative; }
.honor .main li { float: left; position: relative; text-align: center; }
.honor .main ul:before, .honor .main ul:after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; }
.honor .main ul:before { left: 0px; background: url(../images/PicList002433_ul_l.png) no-repeat 0 0; }
.honor .main ul:after { right: 0px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; }
.honor .main li aside { padding-top: 35px; height: 90px; background: url(../images/PicList002433_libg.png) repeat-x left top; }
.honor .main li .ytable { height: 245px; }
.honor .main li .ytable-cell { vertical-align: bottom; }
.honor .main li figure { position: relative; display: inline-block; max-width: 80%; }
.honor .main li figure:after { position: absolute; right: -24px; background: url(../images/PicList002433_ying.png) no-repeat left bottom; width: 24px; height: 100%; background-size: contain; content: ''; }
.honor .main li figure img { max-height: 245px; padding-top: 12px; background-size: 100% 100%; }
.honor .main li p { margin: 0 auto; max-width: 210px; width: 90%; line-height: 20px; max-height: 40px; color: #333; }
.honor .main .ul-3 li { width: 33.33333333%; }
.honor .main .ul-3 li:nth-child(3):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; }
.honor .main .ul-2 li { width: 50%; }
.honor .main .ul-2 li:nth-child(2):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; }
.honor .main .ul-2 li:nth-child(1) > * { padding-left: 30%; }
.honor .main .ul-2 li:nth-child(2) > * { padding-right: 30%; }
.honor .main .ul-1 li { width: 100%; }

@media(max-width:640px) {
.honor .main ul { padding: 0; }
.honor .main li p { font-size: 12px; }
.honor .main li .ytable { height: 150px; }
.honor .main li figure img { max-height: 150px; padding: 3px }
.honor .main .ul-2 li:nth-child(1) > * { padding-left: 30%; }
.honor .main .ul-2 li:nth-child(2) > * { padding-right: 30%; }
.honor .main .ul-3 li:nth-child(3):after, .honor .main li:first-child:before { display: none; }
}

@media(max-width:480px) {
.honor .main li .ytable { height: 100px; }
.honor .main li figure img { max-height: 100px; }
}
/*Floor002718 */
.Floor002718 { position: relative; z-index: 1; }
.Floor002718::before { content: ''; position: absolute; width: 70%; height: 100%; background: url(../images/Floor002718-logo.png)no-repeat center; left: 50%; transform: translateX(-50%) }
.Floor002718 .main { padding: 13vw 0; background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.Floor002718 .main .ytable { height: 100%; }
.edit-css-2718 { text-align: center; }
.edit-css-2718 .tit { font-size: .5rem; font-weight: normal; margin: 0 0 2% 0; color: #fff; letter-spacing: 3px; font-family: 'HarmonyOS_Sans_SC_Bold'; }

@media (max-width: 640px) {
    .edit-css-2718 .tit {font-size: .3rem;}
}

/*Bottom003178 */
.Bottom003178 { padding-top: 4%; }
.Bottom003178, .Bottom003178 a:not(:hover) { color: rgba(0,0,0,0.5); }
.Bottom003178 .copyright { background: #5191bd; padding: 15px 0; font-size: .14rem; color: #fff; margin-top: 3% }
.Bottom003178 .copyright a { color: #fff }
.Bottom003178 .copyright .fl a:not(:last-child):after { display: inline-block; content: '·'; margin: 0 calc(10 / 14 * 1em);
}

@media (min-width:1025px) {
.Bottom003178 nav { width: calc(900 / 1400 * 100%);}
.Bottom003178 .hotline{max-width: 420px}
}
.Bottom003178 nav dl {
max-width: calc(130 / 16 * 1em); float: left; }
.Bottom003178 nav dt { margin-bottom: calc(30 / 18 * 1em);
font-size: calc(18 / 16 * 1em);
}
.Bottom003178 nav dt a:not(:hover) { color: #333; }
.Bottom003178 nav dd { line-height: calc(32 / 16 * 1em);
font-size: calc(15 / 16 * 1em);
}

.Bottom003178 .hotline aside {
font-size: calc(30 / 16 * 1em); background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'HarmonyOS_Sans_SC_Bold'; }
.Bottom003178 .hotline span { font-size: .18rem; color: #333 }
.Bottom003178 .hotline p { line-height: 1.5; font-size: calc(15 / 16 * 1em);
}

@media (max-width:1024px) {
.Bottom003178 nav { display: none; }
.Bottom003178 .copyright { font-size: 3.2vw; }
}
.banner { position: relative; }
.banner .ytable { height: 100%; }
.banner .txt { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10; color: #fff; text-align: center }
.banner .txt .auto { max-width: 920px; }
.banner .txt .cn { font-size: 14px; letter-spacing: 12px; margin-top: 8px; margin-left: 8px;}
.pro .banner .txt .cn { color: #333;}
.banner.about1 .txt .cn {margin-bottom: 12em}
.banner .txt .en { text-transform: uppercase; font-size: 24px; font-weight: bold; font-family: 'HarmonyOS_Sans_SC_Medium';}
.banner .txt .en span{ background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.Menu002499 { width: 100%; border-bottom: 1px solid #ebebeb; height: 100%; display: block; }
.Menu002499 .auto { position: relative; }
.WapMenu { padding-top: 0; text-align: left; }
.MenuBox { position: relative; }
.MeunTop { padding: 5px 60px 5px 15px; height: 50px; line-height: 40px; position: relative; font-weight: normal; color: #fff; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); }
.MeunTop .menuBtn { display: block; width: 40px; height: 40px; position: absolute; right: 15px; top: 5px; background: url(../images/Menu002499-menubtn.png) no-repeat center; }
.MeunTop .h3 { font-weight: normal; font-size: 16px; margin: 0; }
.navMenu { display: none; width: 100%; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); color: #fff; z-index: 88; }
.navMenu a { color: #fff; display: block; padding: 5px 15px; line-height: 24px; position: relative; }
.navMenu a:after { content: ''; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); height: 3px; width: 0%; position: absolute; left: 0; bottom: 0; display: block; }
.navMenu li.on a:after, .navMenu li a:hover:after { width: 100%; transition: 0.3s; }
.navMenu a:hover, .navMenu li.on a { background: #1a6e9d; }

@media screen and (min-width:1000px ) {
.MeunTop { display: none; }
.navMenu { display: block; background: none; color: #333; margin: 0 auto; }
.navMenu a { color: #333; padding: 25px 0; line-height: 30px; margin: 0 10px; }
.navMenu ul { text-align: center; }
.navMenu ul li { display: inline-block; padding: 0 15px; }
.navMenu a:hover,  .navMenu li.on a { background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
}
@media screen and (max-width:1024px ) {
    .banner.about1 .txt .cn {margin-bottom: 0;}
}
.about { padding: 5% 0; background: url(../images/waves.svg)no-repeat center bottom; background-size: 100% 50% }
.about .txt { line-height: 2; margin-top: 5%; color: #000;}
.about .txt .tit { font-size: .3rem; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'HarmonyOS_Sans_SC_Bold'; }

/*产品列表*/
.prodlBox { padding: 5% 0 2%; background: url(../images/waves.svg)no-repeat center bottom; background-size: 100% 50% }
.prodlBox .item .itemList { }
.prodlBox .item .itemList li { background: #fff; text-align: center; padding: 2%; float: left; width: 23.875%; margin-right: 1.5%; margin-bottom: 1.5%; -webkit-box-shadow: 0 3px 15px rgb(0 0 0 / 5%); box-shadow: 0 3px 15px rgb(0 0 0 / 8%); -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }
.prodlBox .item .itemList li:hover { -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); }
.prodlBox .item .itemList li:nth-child(4n) { margin-right: 0; }
.prodlBox .item .itemList li .imgBox { }
.prodlBox .item .itemList li .imgBox img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.prodlBox .item .itemList li h5 { font-size: .18rem; line-height: 1; font-weight: normal; height: 40px; line-height: 40px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0; white-space: nowrap; }
.prodlBox .item .itemList li p { font-size: .14rem; line-height: 24px; color: #999; }
.prodlBox .item .itemList li:hover .imgBox img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

@media(max-width:1024px) {
.prodlBox .item .itemList li { width: 49%; margin-right: 2%; }
.prodlBox .item .itemList li:nth-child(4n) { margin-right: 2%; }
.prodlBox .item .itemList li:nth-child(2n) { margin-right: 0; }
}

@media(max-width:480px) {
.prodlBox .item h1 { font-size: 18px; }
.prodlBox .item .itemList h3, .prodlBox .item .itemList li h5 { font-size: 16px }
.prodlBox .item .itemList li p { font-size: 14px; }
}

@media(max-width:380px) {
.prodlBox .item .itemList li { width: 100%; margin-right: 0; }
.prodlBox .item .itemList li:nth-child(4n) { margin-right: 0; }
}
/*Page003143 */
.Page003143 .Pages { padding: 3% 0 5% 0; text-align: center; }
.Page003143 .Pages .p_page a.a_first, .Page003143 .Pages .p_page a.a_end, .Page003143 .Pages > span:not(.p_page) { display: none; }
.Page003143 .Pages .p_page { display: table; margin: 0 auto; }
.Page003143 .Pages .p_page * { float: left; }
.Page003143 .Pages .p_page a { line-height: 48px; transition: 0.3s; background: #fff; color: #999 }
.Page003143 .Pages .p_page > a { padding: 0 15px; }
.Page003143 .Pages .p_page em { font-style: normal; margin: 0 10px; }
.Page003143 .Pages .p_page em a { width: 50px; margin: 0 10px; }
.Page003143 .Pages .p_page a:hover, .Page003143 .Pages .p_page a.a_cur { color: #fff; background-color: #5191bd; border-color: #5191bd; }
.Page003143 .Pages .p_page .a_prev, .Page003143 .Pages .p_page .a_next { padding: 0 21px; }

@media (max-width:1024px) {
.Page003143 .Pages { padding: 0 0 2em 0; }
.Page003143 .Pages .p_page em { display: none; }
.Page003143 .Pages .p_page > a { margin: 0 10px; }
}



/*RighInfo003134 */
.RighInfo003134 { color: #fff;}
.RighInfo003134 .img-side{ background: url(../images/bg1.png) no-repeat center center #1e1e1f; background-size: cover; position: relative;}
.RighInfo003134 .img-side:before{ position: absolute; content: ""; top: 0; right: 0; width: 50%; height: 100%; background-color: rgba(0, 0, 0, 0.16);}
.RighInfo003134 .img-side .ytable{ position: relative; z-index: 5;}
.RighInfo003134 .img-side .ytable-cell{ padding-bottom: 3em;}
.RighInfo003134 .img-group li .Ispic{background-size: contain;padding-bottom: 100%;}
.RighInfo003134 .controls{display: table;position: relative;padding: 0 56px; margin: 3.125em auto 0;}
.RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 10px;height: 10px; margin: 0 8px;}
.RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(255,255,255,0.2); width: 8px;height: 8px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;}
.RighInfo003134 .controls .slick-dots li.slick-active button{background-color: #fff; width: 100%;height: 100%;}
.RighInfo003134 .img-side .tit{ font-size: 2.25em; font-weight: bold;margin-bottom: 0.5em;}
.RighInfo003134 .img-side .tit2{ font-size: 1.5em; margin-bottom: 0.5em;}
.RighInfo003134 .img-side dl{border-top: 1px solid #4e4e4e; padding-top: 30px; margin-top: 30px; font-size: 14px;}
.RighInfo003134 .img-side dd{position: relative; padding-left: 42px; margin-bottom: 20px;}
.RighInfo003134 .img-side dd span{position: absolute; top: 0; bottom: 0; margin: auto;font-size: 14px; left: 0; font-weight: bold;width: 20px; height: 30px; line-height: 30px;}
.RighInfo003134 .img-side dd span:after{position: absolute; right: -12px; content: " / "; color: #999; font-weight: 300;}
.RighInfo003134 .prod-intro{ padding: 120px 0;}
.RighInfo003134 .prod-intro .name{}
.RighInfo003134 .prod-intro .name .tit{ font-size: 1.875em; font-weight: bold; text-transform: uppercase; margin-bottom: 0.25em;}
.RighInfo003134 .prod-intro .name .tit2{ font-size: 1.25em; margin-bottom: 0.5em;}

.RighInfo003134 .prod-intro .singlePage{line-height: 1.875; margin: 2em 0 3em 0;}
.RighInfo003134 .prod-intro .singlePage li{ position: relative; color: #666; float: left; width: 44%; height: 70px; line-height: 70px; border-bottom: 1px solid #4e4e4e; overflow: hidden;}
.RighInfo003134 .prod-intro .singlePage li:nth-child(2n) { margin-left: 12%;}
.RighInfo003134 .prod-intro .singlePage li span { color: #999; display: inline-block; line-height: 20px; width: 110px; margin-right: 50px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute;}
.RighInfo003134 .prod-intro .singlePage li small { display: inline-block; line-height: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; left: 94px; width: calc(100% - 94px);color:#999;}
@media (min-width:1025px) {
.RighInfo003134 .img-group{width: 50%;}
.RighInfo003134 .img-side .ytable-cell{padding-top: 8em;}
.RighInfo003134 .img-side .txt{padding: 0 5%;}
}
@media (max-width:1024px) {
.RighInfo003134 .img-side{ padding: 2em;}
}




.new { padding: 5% 0 2%; background: url(../images/waves.svg)no-repeat center bottom; background-size: 100% 30% }
.new li { border-bottom: 1px solid #ebebeb; padding-bottom: 2.5%; margin-bottom: 2.5% }
.new li .pic { width: 18%; overflow: hidden }
.new li .pic figure { padding-bottom: 66.67% }
.new li .txt { width: 82%; padding-left: 5% }
.new li .txt time { float: left; width: 20%; font-size: .2rem; color: #000; }
.new li .txt .info { float: right; width: 80%; }
.new li .txt .info h3 { font-size: .2rem; color: #000; margin: 0; font-weight: normal; padding-bottom: 20px }
.new li .txt .info p { color: #666; margin: 0; font-family: 'HarmonyOS_Sans_Light'; font-weight: lighter; line-height: 2 }
/*TextList001851 */
.TextList001851 { padding: 5% 0 2%; background: url(../images/waves.svg)no-repeat center bottom; background-size: 100% 30% }
.TextList001851 section { }
.TextList001851 .list { margin-bottom: 20px; background: #f7f7fa; overflow: hidden; }
.TextList001851 section .list:last-child { border-bottom: 0; }
.TextList001851 .list .dot { font-weight: normal; margin: 0; padding: 25px 45px 25px 3%; background: url(../images/TextList001851-close.jpg) no-repeat 98% center #f8f9fb; font-size: 18px; cursor: pointer; color: #000; }
.TextList001851 .list .dot#on { background: url(../images/TextList001851-open.png) 98% center no-repeat #5191bd; color: #fff; }
.TextList001851 .list .con { display: none; padding: 3% 4%; background: #f8f9fb; }
.TextList001851 .list .con .info p { line-height: 40px; margin: 0; color: #000; }
.TextList001851 .list .con .info strong { color: #5191bd; font-weight: bold; letter-spacing: 1px; }
.TextList001851 .list .con .info td { padding-bottom: 2%; color: #000; }
.TextList001851 .list .con .info .touj { display: block; color: #5191bd; font-weight: bold; line-height: 40px; border-radius: 7px; }





/*RighInfo002852 */
.RighInfo002852{ background: url(../images/waves.svg)no-repeat center bottom; background-size: 100% 50%; padding: 5% 0;}
.RighInfo002852 .title{padding-bottom: 2vw;color: #000;}
.RighInfo002852 .title .en{ font-size: 2.25em; font-weight: bold;margin-bottom: 0.5em; text-transform: uppercase;}
.RighInfo002852 .title .cn{ font-size: 1.5em; margin-bottom: 0.5em;}


.RighInfo002852 .intro-main{padding-bottom: 2vw;max-width: 900px;margin: 0 auto}
.RighInfo002852 .intro-main .pic img{display: block;width: 100%;}
.RighInfo002852 .con{max-width: 900px;margin: 0 auto}



.RighInfo002852 .singlePage dl{ font-size: 14px; color: #000;line-height: 2}
.RighInfo002852 .singlePage dt{margin-bottom: 20px;}
.RighInfo002852 .singlePage dd{position: relative; padding-left: 42px; margin-bottom: 20px;}
.RighInfo002852 .singlePage dd span{position: absolute; top: 0; bottom: 0; margin: auto;font-size: 14px; left: 0; font-weight: bold;width: 20px; height: 30px; line-height: 30px;}
.RighInfo002852 .singlePage dd span:after{position: absolute; right: -12px; content: " / "; color: #ccc; font-weight: 300;}

.RighInfo002852 .pic-list ul{ }
.RighInfo002852 .pic-list li{ margin-right: 2%;float: left;width: 23.5%;margin-bottom: 2%;text-align: center}
.RighInfo002852 .pic-list li:nth-child(4n){ margin-right: 0;}
.RighInfo002852 .pic-list li img{ height: 210px;}
.RighInfo002852 .pic-list li figure{ height: 210px;background-size: contain;}


@media(min-width:641px){
.RighInfo002852 .intro-main .right{float: right;max-width: 920px; width: 70%;}
.RighInfo002852 .intro-main .pic{float: left;width: 24.05%;}
.RighInfo002852 .intro-main2 .right{float: right;max-width: 920px; width: 61%;}
.RighInfo002852 .intro-main2 .pic{float: left;width: 32.05%;}
}
@media(max-width:640px){
.RighInfo002852 .intro-main .pic{width: 80%; margin: 0 auto;}

    .RighInfo002852 .pic-list li {width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
    .RighInfo002852 .pic-list li:nth-child(2n) {margin-right: 0;}
    .RighInfo002852 .pic-list li figure{ height: auto;padding-bottom: 50%;}
}



/*RighInfo002924 */
.RighInfo002924 { padding: 5% 0;  background: url(../images/waves.svg)no-repeat center bottom; background-size: 100% 50%;}
.RighInfo002924 .title { font-size: 4.5em; font-weight: bold; color: rgba(0,0,0,0.05); line-height: 1; }
.RighInfo002924 .tel { font-size: 1.875em; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'HarmonyOS_Sans_SC_Bold'; margin-bottom: 1em; margin-top: 1em; padding-left: 1.41666em; position: relative;}
.RighInfo002924 .tel:before{ position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 0.875em; height: 0.875em; background: url(../images/icon-tel.svg) no-repeat left center;  background-size: contain;}
.RighInfo002924 .address li { line-height: 1.75; color: #666; }
.RighInfo002924 .code { border-top: 1px solid #ededed; margin-top: 1.5em; padding-top: 1.5em; }
.RighInfo002924 .code ul { display: table; }
.RighInfo002924 .code ul > * { display: table-cell; vertical-align: middle; }
.RighInfo002924 .code ol { width: 110px; }
.RighInfo002924 .code li { padding-left: 1.5vw; }
.RighInfo002924 .code p { margin-bottom: 0; line-height: 1.75; margin-top: 0.5em; }

@media(min-width:769px) {
.RighInfo002924 .pic { width: 50%; }
.RighInfo002924 .info .inner { max-width: 500px; width: 90%; }
}

@media(max-width:768px) {
.RighInfo002924 .ytable, .RighInfo002924 .ytable-cell { display: block; }
.RighInfo002924 .info { padding: 4vw; }
.RighInfo002924 .code ol { width: 22vw; }
.RighInfo002924 .code li { padding-left: 3vw; }
.RighInfo002924 .code p { font-size: 3vw; }
    .RighInfo002924 .address li {font-size: 14px;}
}




/*Form003139 */
.Form003139{position: relative;z-index: 1;padding: 4.5em 0;background: #f8f8f8}
.Form003139 .title{font-size: 2em;color: #333333; line-height: 1.1538em;text-align: center}
.Form003139 .title:after{display: block;content: '';width: 15px; height: 2px; background-color: #d72623; margin: 1.1538em 0;display: none}
.Form003139 .desc{font-size: 0.875em;color: #999999;line-height: 1.78571;text-align: center;margin-top: 2em}
.Form003139 .form{margin-top: 3.375em;}
.Form003139 .form-ul{margin: 0 auto;} 
.Form003139 .form-ul li{margin-bottom: 10px;position: relative;}
.Form003139 .form-ul li .tit{position: absolute;left: 1.1428em; top: 0;font-size: 0.875em; line-height: 3.5714;color: #333333;}
.Form003139 .form-ul li .tit i{font-style: normal;color: #fe0000}
.Form003139 .form-ul li select,
.Form003139 .form-ul li .text{width: 100%;border-radius: 5px; border: solid 1px #8b8b8b;font-size: 0.875em;line-height:  3.5714;height:  3.5714em; background: none;padding: 0 1em;}
.Form003139 .form-ul li textarea.text{height: auto;}
.Form003139 .form-ul .btn{width: 10em; background-image: -webkit-linear-gradient(left, #1a6e9d, #7ec0e2);border-radius: 5px;font-size: 0.875em;height:  3.5714em;color: #fff;cursor: pointer; border: 0;margin: 0 auto;display: block}
@media (min-width:1025px) {
.Form003139 .form .img{width: 50%;}    
.Form003139 .form-ul .row-2 li{float: left;width:calc(50% - 5px);}
.Form003139 .form-ul .row-2 li:nth-child(2n){float: right;}
.Form003139 .form-ul{}
}
@media (max-width:1024px) {
.Form003139 .form-ul{padding: 2em 0;}
.Form003139 .form-ul{width: 90%;}
}






/*
 .PicList002239
 */
.PicList002239{ padding:3% 0;}
.PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left; }
@media(min-width:769px){
    .PicList002239 li{margin-right:5%; width:30%; }
    .PicList002239 li:nth-child(3n){ margin-right:0;}
}
.PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;}
.PicList002239 li dl{ position:relative; margin:0 10px; padding-right:114px; line-height:50px;}
.PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;}
.PicList002239 li dt{font-size: 16px; color: #5191bd;}
@media(max-width:768px){
    .PicList002239 li{ width:48%; margin-right:4%;}
    .PicList002239 li:nth-child(2n){ margin-right:0;}
}


/*
 .TextList000591
 */
.TextList000591{ padding:2% 0;}
.TextList000591 ul{padding:0 2%; background-color:#fff;}
.TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0;}