body { } .auto_1560{ max-width:1560px;} .w_90{width: 90%} @media(max-width:1560px){ .auto_1560{ padding:0 2%;} } /*Top003156 */ .Top003156 { position: absolute; left: 0; width: 100%; top: 0; z-index: 20; } .Top003156 .auto { z-index: 3; } .Top003156 .logo { display: table; } .Top003156 .logo a { display: table-cell; vertical-align: middle; } .Top003156 .top-right { position: absolute; right: 9vw; top: 0; display: table; } .Top003156 .top-right > * { display: table-cell; vertical-align: middle; } .Top003156 .top-right dd a { display: inline-block; color: #fff; line-height: 30px; border: 1px solid #fff; border-radius: 32px; padding: 0 20px; } .open-search { cursor: pointer; ; display: block; width: 1.375em; height: 1.375em; background: url(../images/Top003156-search.svg) no-repeat center center; background-size: contain; } .open-search.on:before, .open-search.on:after { background-color: #fff; height: 1px; } .top-search { position: absolute; right: 0; top: 100%; z-index: 100; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); border-radius: 4px; } .top-search .text { width: 100%; height: 3.125em; line-height: 3.125em; padding: 0 3.125em 0 0.625em; font-size: 1em; } .top-search .btn { position: absolute; right: 0; top: 0; width: 3.125em; height: 100%; background: url(../images/Top003156-search-on.svg) no-repeat center center; background-size: auto 60%; } .Top003156 menu li span, .Top003156 menu li span a { display: block; } .Top003156 menu li span { position: relative; z-index: 2; } .Top003156 menu li span a:hover, .Top003156 menu li.aon span a { color: #fff; } .Top003156 menu li span a { font-size: calc(18 / 16 * 1em)} .Top003156 menu li .sub dt { line-height: calc(36 / 16 * 1em);} .Top003156 menu li .sub dt a { color: #020814; } .Top003156 menu li .sub dt a:hover { color: #004098; } .Top003156 .prod-sub dl dt .name{padding-bottom: 10px;border-bottom: 1px solid rgba(0,0,0, 0.7);font-size: 1.125em; font-weight: bold;text-align: left} .Top003156 .prod-sub dl dt .list2{margin-top: 15px;} .Top003156 .prod-sub dl dt .list2 .list2-a{line-height: 2;text-align: left;} .Top003156 .prod-sub dl dt .list3{padding-left: 15px;margin-bottom: 15px;display: none;transition: 0.5 all} .Top003156 .prod-sub dl dt .list3 aside{font-size: 0.875em;line-height: 1.75;} .Top003156 .prod-sub dl dt .list3 aside a{display: block;} .Top003156 .prod-sub dl dt .list2 .list2-tit{position: relative;display: block;font-style: normal;} .Top003156 .prod-sub dl dt .list2 .list2-tit i{display: none} .Top003156 .prod-sub dl dt .list2 .list2-nav i{content: '';position: absolute;width: 20px;height:100%;right: 0;top: 0;background: url(../images/icon-jiant.svg)no-repeat center;background-size: 16px auto;display: block;transition: 0.3s all} @media (min-width:1025px) { .Top003156 { border-bottom: 1px solid rgba(255,255,255,0.15); } .Top003156 header { padding: 0 15% 0 20%; } .Top003156 menu { margin: 0 5em 0 auto; display: table; } .Top003156 menu li { float: left; } .Top003156 menu li#m15 { position: inherit; } .Top003156 menu li + li { margin-left: calc(60 / 18 * 1em);} .Top003156 menu li span a {line-height: calc(120 / 18 * 1em); color: #fff; } .Top003156 .logo { max-width: 19%; position: absolute; left: 9vw; top: 0; height: calc(120 / 16 * 1em);} .Top003156 .logo img { height: calc(56 / 16 * 1em);} .Top003156 .top-right { height: calc(120 / 16 * 1em);} .open-search { margin-left: 3.125em; } .top-search { width: 25em; } .Top003156 menu li .sub { position: absolute; top: 100%; width: 160px; margin-left: -80px; } .Top003156 menu li .sub dl { background-color: #fff; box-shadow: 0 3px 29px -8px rgb(192 196 204 / 71%); border-radius: 6px; padding: 15px 0px; } .Top003156 .prod-sub {top: 100%!important; width:100%!important; margin-left:0!important;left: 0!important;background: #fff;box-shadow: 0 5px 5px -2px #f4f4f4;} .Top003156 .prod-sub dl{overflow: hidden; padding: 20px 0 80px!important;display: flex;width: 100%;box-shadow: none!important;justify-content: space-between} .Top003156 .prod-sub dl dt{width: 23%;} .Top003156 .prod-sub dl dt .list2 .list2-a:hover .list2-nav i{transform: rotate(90deg)} } @media (max-width:1024px) { .Top003156 .auto { position: relative; } .Top003156 menu { position: fixed; right: 10px; top: 60px; width:70%; padding: 0.625em; box-shadow: 0 0 0.625em rgba(0,0,0,0.3); border-radius: 0.625em; visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0;background: #fff;overflow: auto} .menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; } .Top003156 menu li span a { padding: 0.5em;} .Top003156 menu li .sub dl { background-color: rgba(255, 255, 255, 0.1); } .Top003156 menu li .sub dt { text-align: left; padding-left: 5%; } .Top003156 menu li .prod-sub dl { padding:10px 0; } .Top003156 menu li .prod-sub dt { padding-left:0; } .Top003156 .logo { max-width: 40%; height: 4em; } .Top003156 .top-right { height: 4em; right: 0} .Top003156 .top-right dd { font-size: 0.875em; } .Top003156 .top-right dt { padding-left: 1em; } .Top003156 .open-menu { display: block; width: 2em; height: 2em; } .Top003156 .open-menu i { background-color: #fff; } .Top003156 .open-menu:not(.on) i:nth-child(1) { margin-top: -0.625em; } .Top003156 .open-menu:not(.on) i:nth-child(3) { margin-top: calc(0.625em - 3px); } .top-search { width: 100%; } .Top003156 menu li span a:hover, .Top003156 menu li.aon span a { color: #004098; } .has-multi aside .op-multi:before, .has-multi aside .op-multi:after, .has-sub span .op:before, .has-sub span .op:after {background: #004098;} .Top003156 .prod-sub dl dt .list2{margin-top: 10px;} .Top003156 .prod-sub dl dt .list2 .list2-nav i{top: 3px;} .Top003156 .prod-sub dl dt .list3{display: none;} .Top003156 .prod-sub dl dt .list2 .list2-a:hover .list2-nav i.hover{transform: rotate(90deg)} } /*Banner003086 */ .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; text-align: center; } .Banner003086 .txt-area aside { transition: 1s 1s; opacity: 0; } .Banner003086 .txt-area .t-1 { font-size: calc(50 / 16 * 1em); transform: translateX(50px); } .Banner003086 .txt-area .t-2 { font-size: calc(80 / 16 * 1em);/* font-family: 'HarmonyOS_Sans_SC_Bold'; */ transform: translateX(100px); } .Banner003086 .txt-area .t-3 { font-size: calc(50 / 16 * 1em); transform: translateX(150px); } .Banner003086 .ani-show .txt-area aside { opacity: 1; transform: translateX(0); } .Banner003086 .slick-arrow { z-index: 20; position: absolute; top: 50%; width: 1em; height: 1em; margin-top: -0.5em; opacity: 0.15; background: url(../images/Banner003086-prev.svg) no-repeat center center; background-size: auto calc(50 / 60 * 1em); font-size: calc(60 / 16 * 1em); text-indent: -999em; overflow: hidden; transition: .3s; } .Banner003086 .slick-prev { left: 2.92vw; } .Banner003086 .slick-next { right: 2.92vw; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .Banner003086 .slick-arrow:hover { opacity: 1; } .Banner003086 .slick-dots { position: absolute; left: 0; width: 100%; text-align: center; bottom: calc(60 / 960 * 100%); z-index: 10; } .Banner003086 .slick-dots li { width: 12px; height: 12px; border: 2px solid rgba(255,255,255,0.5); border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 calc(20 / 1920 * 100vw); } .Banner003086 .slick-dots li button { display: none; } .Banner003086 .slick-dots li.slick-active { background-color: #fff; } @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; } } /* 首页标题 */ .column-tit { position: relative; z-index: 5; text-align: center; line-height: 1; padding-bottom: calc(50 / 1920 * 100vw);} .column-tit .cn {font-size: calc(40 / 16 * 1em);margin-bottom: calc(15 / 40 * 1em); color: #020814; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ } .column-tit .cn span { display: inline-block; position: relative; line-height: 0.75; } .column-tit .en { text-transform: uppercase; color: #004098; font-size: calc(20 / 16 * 1em);} @media (max-width:1024px) { .column-tit .cn { font-size: calc(32 / 16 * 1em);} } .Home_about{padding: calc(130 / 1920 * 100vw) 0;} .Home_about .pic{position: relative} .Home_about .pic figure{padding-bottom: 85.472%;border-radius: 8px;} .Home_about .word .title{color: #020814;font-size:2.5em;/* font-family: 'HarmonyOS_Sans_SC_Medium'; */line-height:calc(46 / 1920 * 100vw) } .Home_about .word .year{color: #41464f;font-size:1.875em;margin:calc(20 / 1920 * 100vw) 0 calc(40 / 1920 * 100vw)} .Home_about .word .year span{color: #004098;font-size:3.3em;display: inline-block;/* font-family: 'HarmonyOS_Sans_SC_Bold'; */margin-right:calc(10 / 1920 * 100vw);transform: translateY(10px);line-height:calc(80 / 1920 * 100vw) } .Home_about .word .con{color: #41464f;font-size:1.25em;line-height:2 } .Home_about .word .num{margin: calc(60 / 1920 * 100vw) 0 calc(50 / 1920 * 100vw)} .Home_about .word .num ul{display: flex;justify-content: space-between} .Home_about .word .num li{} .Home_about .word .num li aside span{color: #004098;font-size: 3.125em;/* font-family: 'HarmonyOS_Sans_SC_Medium'; */line-height:calc(40 / 1920 * 100vw) } .Home_about .word .num li aside sup{color: #888888;font-size: 1em;vertical-align: top} .Home_about .word .num li p{margin-bottom: 0;color: #41464f} .Home_about .word .more{display: inline-block;width:178px;line-height: 50px;background:url(../images/Floor003196-arrow-white.png)no-repeat center right 30px #d10010;border-radius: 36px;padding:0 30px;color: #fff;transition: all ease 0.3s; } .Home_about .word .more:hover{width:calc(198 / 1920 * 100vw) } @media (min-width:1025px) { .Home_about .pic{width: 45%} .Home_about .pic::before{content: '';position: absolute;width:calc(94 / 1920 * 100vw);height: calc(97 / 1920 * 100vw);background: url(../images/home-about-line.png);background-repeat: no-repeat;background-size: contain;background-position: center;top: -16px;right: -20px;z-index: 10} .Home_about .pic::after{content: '';position: absolute;width:calc(94 / 1920 * 100vw);height: calc(97 / 1920 * 100vw);background: url(../images/home-about-line.png);background-repeat: no-repeat;background-size: contain;background-position: center;bottom: -16px;left: -20px;z-index: 10;transform: rotate(180deg)} .Home_about .word{width: 46.154%} .Home_about .word .title span{display: block} } @media (max-width:1024px){ .Home_about .word{margin-top:20px} .Home_about .word .title{line-height:1.3 } .Home_about .word .year{margin:20px 0} .Home_about .word .year span{line-height: 1} .Home_about .word .num{margin:20px 0} .Home_about .word .num ul{display: block} .Home_about .word .num li{float: left;width: 50%;margin-right: 0!important;margin-bottom: 20px} .Home_about .word .num li aside span{line-height:1} .Home_about .word .more{width: } } /*Floor003194 */ .Floor003194 { overflow: hidden; padding: calc(130 / 1920 * 100vw) 0;} @media(min-width:1201px) { .Floor003194 .shoufengqin { margin-left: -10px; margin-right: -10px; } .Floor003194 .shoufengqin li .icon {margin-bottom: calc(40 / 16 * 1em);} } .Floor003194 .shoufengqin ul { display: flex; width: 100%; margin: 0 -.5%;} .Floor003194 .shoufengqin li {width: 23%;margin: 0 .5%;cursor: pointer;transition: 0.3s;height: 330px;position: relative;background: url(../images/Floor003194-bg.png) #f4f7fc no-repeat center center;text-align: center;} .Floor003194 .shoufengqin li .inner { left: 10px; right: 10px; position: absolute; height: 100%; border-radius: 8px; overflow: hidden; } .Floor003194 .shoufengqin li .inner:after {position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 80%;opacity: 0.6;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */} .Floor003194 .shoufengqin li .Ispic {height: 100%;/* background: #eee; */display: none;} .Floor003194 .shoufengqin li .txt {position: absolute;left: 0;top:50%;transform: translateY(-50%);z-index: 10;width: 100%;padding: 50px 32px;color: #666;} .Floor003194 .shoufengqin li .icon { line-height: 0; } .Floor003194 .shoufengqin li .icon img {height: calc(60 / 16 * 1em);} .Floor003194 .shoufengqin li .num { line-height: 0; } .Floor003194 .shoufengqin li .num * { display: inline-block; vertical-align: baseline; } .Floor003194 .shoufengqin li .num b {font-weight: normal;/* font-family: 'HarmonyOS_Sans_SC_Bold'; *//* background: linear-gradient(to right, #1278ff, #02e2ff); */-webkit-background-clip: text;color: transparent;color: #333;line-height: 1;font-size:1.625em;} .Floor003194 .shoufengqin li .num sub { margin-left: 0.5em; } .Floor003194 .shoufengqin li.active .link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .Floor003194 .shoufengqin li .desc {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: none;} .Floor003194 .shoufengqin li.active .desc { display: none; } .Floor003194 .shoufengqin li .info {/* visibility: hidden; */max-width:calc(500 / 16 * 1em);line-height: 1.75;margin-top: 16px;/* transform: translateX(50px); */opacity: 1;transition: transform 0.3s, opacity 0.3;position: relative;max-height: 100px;overflow: hidden} .Floor003194 .shoufengqin li.active .info { visibility: visible; transform: translateX(0); opacity: 1; position: relative; } @media(min-width:1025px){ .Floor003194 .shoufengqin li.active{box-shadow: 0 0 15px 2px rgba(0, 0, 0, .2);} .Floor003194 .shoufengqin li.active .num b{color: #004098;} } @media(max-width:1024px) { .Floor003194 .shoufengqin ul{display: block;margin: 0;} .Floor003194 .shoufengqin li{width: 100%;height: auto;display: table;margin: 0;} .Floor003194 .shoufengqin li:not(.active) .txt aside.dot { display: none; } .Floor003194 .shoufengqin li .inner { position: relative;left: auto;right: auto} .Floor003194 .shoufengqin li .txt { padding: 30px 15px;position: relative;top: auto;left: auto;transform: translateY(0)} .Floor003194 .shoufengqin li .icon { margin-bottom: 10px } } /*Floor003128 */ .Floor003128 { padding: calc(130 / 1920 * 100vw) 0; background: #f4f7fc; overflow: hidden; } .Floor003128 .slider-img .item { position: relative; } .Floor003128 .slider-img .txt { padding: 0 3.5em; } .Floor003128 .slider-img .column-tit { text-align: left; } .Floor003128 .slider-img .txt p {line-height: calc(36 / 20 * 1em);font-size:1.25em; color: #41464f; margin: 0; max-width: 76%; } .Floor003128 .slider-img .txt .more {margin-top: calc(80 / 1920 * 100vw); text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; background-color: #d10010; color: #fff; transition: 0.3s; display: table; } .Floor003128 .slider-img .txt .more:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003128-icon-white.svg) no-repeat; background-size: contain; transition: 0.3s; } .Floor003128 .slider-img .txt .more:hover { background-color: #004098; } .Floor003128 .slider-nav .inside .icon { position: relative; transition: 0.3s; } .Floor003128 .slider-nav .inside .icon:before { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(82 / 16 * 1em);height: calc(82 / 16 * 1em);border-radius: 50%; background: #fff; box-shadow: 0 4px 60px rgb(0 28 85 / 4%); border: 5px solid #f4f7fc; } .Floor003128 .slider-nav .inside .icon img {max-height: calc(30 / 16 * 1em); position: relative; z-index: 5; transition: 0.3s; } .Floor003128 .slider-nav .inside .icon img.hover { display: none; } .Floor003128 .slider-nav li:hover .inside .icon img { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); } .Floor003128 .slider-nav li { cursor: pointer; transition: 0.3s; } .Floor003128 .slider-nav .slick-current .icon:before { background-color: #004098; } .Floor003128 .slider-nav .slick-current .icon img.default { display: none; } .Floor003128 .slider-nav .slick-current .icon img.hover { display: inline-block; } .Floor003128 .slider-img .pic { border-radius: 8px; overflow: hidden; position:relative} .Floor003128 .slider-img .pic:after {width: 6.3125em;height: 6.8125em;bottom: -17px;left: -20px;position:absolute;content: '';background: url(../images/pic-cion1.png) no-repeat;background-size: contain;transition: 0.3s;z-index: 111;} .Floor003128 .slider-img .pic:before {width: 6.3125em;height: 6.8125em;top: -9px;right: 8px;position:absolute;content: '';background: url(../images/pic-cion2.png) no-repeat;background-size: contain;transition: 0.3s;z-index: 111;} .Floor003128 .slider-img .Ispic { height: 100%; transition: .5s; } .Floor003128 .slider-img .pic:hover .Ispic { transform: scale(1.08); } @media (min-width:1025px) { .Floor003128 .main { position: relative; min-height: 500px; } .Floor003128 .slider-img { float: right; width: 90%; } .Floor003128 .slider-img .pic { border-radius: 8px; overflow: hidden; } .Floor003128 .slider-img .Ispic { height: 500px; } .Floor003128 .slider-nav { max-width: 10%; height: 500px; float: left; z-index: 20; position: relative; } .Floor003128 .slider-nav:after { position: absolute; content: ""; top: 0; left: 50%; margin-left: -1px; background: #dee9f5; width: 2px; height: 100%; } .Floor003128 .slider-nav .ytable { height: 100%; } .Floor003128 .slider-nav .inside { display: table; width: 100%; table-layout: fixed; height: 11.4583vh; /*6.875em*/ } .Floor003128 .slider-nav .inside > * { display: table-cell; vertical-align: middle; } .Floor003128 .slider-nav .inside .icon { text-align: center; } } @media (max-width:1024px) { .Floor003128 .slider-img .Ispic { padding-bottom: 73.283%; } .Floor003128 .slider-img .txt { left: 3%; right: 3%; } .Floor003128 .slider-img .slick-current .txt { bottom: 2em; } .Floor003128 .slider-nav { overflow: hidden; height: 5em; } .Floor003128 .slider-nav .inside { display: flex; align-items: center; height: 5em; padding: 0 0.5em; } .Floor003128 .slider-nav .inside aside { flex: 1; } .Floor003128 .slider-nav .inside .icon { width: 25%; flex-shrink: 0; margin-right: 5%; text-align: center; } .Floor003128 .slider-nav .inside .icon img { max-height: 1.5em; } } /*Floor003195 */ .Floor003195 { padding: calc(120 / 1920 * 100vw) 0; background: url(../uploadfiles/Floor003195-bg.jpg) no-repeat center center #0c1c66; } .Floor003195 .column-tit { text-align: left; } .Floor003195 .column-tit .cn, .Floor003195 .column-tit .en { color: #fff; } .Floor003195 .item { background: rgba(255,255,255,0.05); border-radius: 4px; overflow: hidden; padding:calc(20 / 16 * 1em); position: relative; } .Floor003195 .item+.item { margin-top:calc(20 / 16 * 1em); } .Floor003195 .item:before { position: absolute; left: 0; height: 6px; background: linear-gradient(to right, #1278ff, #02e2ff); top: 0; content: ''; width: 100%; transform: scaleX(0); opacity: 0; } .Floor003195 .item.select:before { transform: scaleX(1); opacity: 1; transition: 0.3s; } .Floor003195 .title { font-size:calc(22 / 16 * 1em); /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ color: #fff; cursor: pointer; position: relative; } .Floor003195 .title i { position: absolute; width: 22px; height: 22px; border-radius: 50%; right: 0; top: 50%; margin-top: -11px; } .Floor003195 .title i::before, .Floor003195 .title i::after { position: absolute; content: ''; background: #06c5ff; } .Floor003195 .title i::before { left: 20%; width: 60%; height: 2px; top: 50%; margin-top: -1px; } .Floor003195 .title i::after { left: 50%; margin-left: -1px; width: 2px; top: 20%; height: 60%; } .Floor003195 .item.select i::after { display: none; } .Floor003195 .info { display: none; padding:calc(10 / 16 * 1em) 0 0; color: rgba(255,255,255,0.75); line-height: calc(28 / 16 * 1em); } .Floor003195 .info p { margin: 0; } @media (min-width:1025px) { .Floor003195 .item-group { width: calc(680 / 1920 * 100vw); padding-right: calc(200 / 1920 * 100vw); } } /*Floor003129 */ .Floor003129 { padding: calc(130 / 1920 * 100vw) 0;background: #f4f7fc; background: url(../images/Floor003129-bg.jpg) no-repeat center center;} .Floor003129 .new-top { position: relative; z-index: 1; } .Floor003129 .new-top a { display: block; position: relative; z-index: 1; border-radius: 8px; overflow: hidden; } .Floor003129 .new-top a:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 45.834%; opacity: 0.6; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */ } .Floor003129 .new-top .Ispic { transition: .5s; } .Floor003129 .new-top li:hover .Ispic { transform: scale(1.08); } .Floor003129 .new-top .txt { position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; color: #fff; padding: 50px; } .Floor003129 .new-top time { display: block; margin-bottom: 28px; padding-left: 32px; background: url(../images/icon-time-white.svg) no-repeat left center; } .Floor003129 .new-top aside.dot { line-height: 1; font-size: calc(24 / 16 * 1em);/* font-family: 'HarmonyOS_Sans_SC_Medium'; */ } @media(max-width:480px) { .Floor003129 .new-top aside.dot { font-size: 4vw; } } @media(min-width:1025px) { .Floor003129 .new-list, .Floor003129 .new-top { width: calc((100% - 40px)/2); } .Floor003129 .new-top .Ispic { padding-bottom: 482px; } } @media(max-width:1024px) { .Floor003129 .new-top .Ispic { padding-bottom: 63.606%; } } .Floor003129 .new-list li:not(:last-child) { margin-bottom: 22px; } .Floor003129 .new-list li a { display: block; position: relative; } .Floor003129 .new-list li .pic { width: 272px; padding-right: 36px; } .Floor003129 .new-list li .pic .inner { border-radius: 8px; overflow: hidden; } .Floor003129 .new-list li .pic .Ispic { padding-bottom: 146px; transition: .5s; } .Floor003129 .new-list li:hover .pic .Ispic { transform: scale(1.08); } .Floor003129 .new-list li .txt { border-bottom: 1px solid #e8e9eb; } .Floor003129 .new-list li .txt aside { font-size: calc(20 / 16 * 1em); /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ line-height: 1.5; margin-bottom: 30px; } .Floor003129 .new-list li .txt aside a { color: #020814; } .Floor003129 .new-list li .txt time { color: #999; padding-left: 32px; background: url(../images/icon-time.svg) no-repeat left center; } .Floor003129 .new-list li .txt .more { float: right; color: #004098; display: inline-block; padding-right: calc(30 / 16 * 1em); background: url(../images/Floor003128-icon.svg) no-repeat right center; background-size: 1em auto; } .Floor003129 .new-list li:hover .txt aside a { color: #004098; } @media(max-width:480px) { .Floor003129 .new-top{margin-bottom: 20px} .Floor003129 .new-top .txt {padding: 20px; } .Floor003129 .new-list li, .Floor003129 .new-list li a { font-size: 3.5vw; } .Floor003129 .new-list li .pic { width: 160px; padding-right:20px; } .Floor003129 .new-list li .pic .Ispic {padding-bottom: 114px;} } /*Banner003144 */ .Banner003144 { position: relative; } .Banner003144 .Location002970{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 10;color: #fff;padding-bottom: 30px;font-size: 0.875em;} .Banner003144 .Location002970 em{display: inline-block;background: url(../images/Location003131-icon.svg)no-repeat center;padding-left: 20px;padding-bottom: 16px;} .Banner003144 .Location002970 a{color: #fff;padding: 0 5px;display: inline-block} .Banner003144 .Location002970 span{color: #fff;padding: 0 5px;display: inline-block} .Banner003144 .txtarea { display: none; text-align: center; position: absolute; width: 100%; left: 0; top: 55%; color: #fff; line-height: 1.2; } .Banner003144 .txtarea h3 { margin: 0; font-size: calc(50 / 16 * 1em); font-weight: normal; } .Banner003144 .pc { background-position: center center; background-repeat: no-repeat; height: 600px; background-size: cover; } @media (min-width:1025px) { .Banner003144 .wap { display: none; } } @media (max-width:1024px) { .Banner003144 .pc { display: none; } } /*内页 */ .mainpage { padding: calc(130 / 1920 * 100vw) 0; overflow: hidden; } .singlepage .box { padding: calc(130 / 1920 * 100vw) 0; overflow: hidden; } .singlepage .box:nth-child(2n) { background: #f4f7fc; } /*二级菜单 */ .Menu003070 { position: relative; z-index: 10; margin-top: calc(50 / 1920 * 100vw); } .Menu003070 .auto ul { padding: 19px 0; } .Menu003070 li { float: left; padding: 0 15px; } .Menu003070 li a { display: block; line-height: 50px; font-size:1.125em; color: #020814; padding: 0 30px; border-radius: 50px; transition: .3s; } .Menu003070 li.aon a, .Menu003070 li a:hover { color: #fff; background-color: #004098; } @media(min-width:641px) { .Menu003070 .auto ul { display: table; margin: 0 auto; } } @media(max-width:1440px) { .Menu003070 li { padding: 0 1vw; } .Menu003070 li a { padding: 0 2vw; } } @media(max-width:640px) { .Menu003070 ul {text-align: center} .Menu003070 li { float: none;display: inline-block;} .Menu003070 li a { font-size: 3.5vw; } .Menu003070 li:not(:nth-child(3n)) {margin-right: 2%;} } /*PicList002045 */ .PicList002045 { padding: calc(50 / 1920 * 100vw) 0 calc(0 / 1920 * 100vw) 0; } .PicList002045 li { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 4%; border-radius: 8px; background: #fff; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); overflow: hidden; position: relative; } .PicList002045 li:nth-child(4n) { margin-right: 0; } .PicList002045 li a { position: relative; display: block; } .PicList002045 li .pic { overflow: hidden; } .PicList002045 li figure { padding-bottom: 66%; transition: .5s; } .PicList002045 li:hover figure { transform: scale(1.08); } .PicList002045 li figure img { display: none; } .PicList002045 li .word { padding:2em; } .PicList002045 li aside {font-size: 1.25em; line-height: 1; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ margin-bottom: 20px; color: #020814; } .PicList002045 li:hover aside { color: #004098; } .PicList002045 li p { margin: 0; color: #555; line-height: 2; } .PicList002045 li .more { margin-top: 15px; color: #004098; display: inline-block; padding-right: calc(30 / 16 * 1em); background: url(../images/Floor003128-icon.svg) no-repeat right center; background-size: 1em auto; } @media(max-width:480px) { .PicList002045 li { width: 49%; } .PicList002045 li:nth-child(3n) { margin-right: 2%; } .PicList002045 li:nth-child(2n) { margin-right: 0; } } /*RighInfo003134 */ .RighInfo003134 .img-side { margin-bottom: 50px; border-radius: 8px; background: #fff; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); overflow: hidden; } .RighInfo003134 .img .Ispic { padding-bottom: 70%; } .RighInfo003134 .img-side .txt { padding: 0 5vw; } .RighInfo003134 .img-side p { line-height: 2;} .RighInfo003134 .title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .RighInfo003134 .maintit { font-size: 2em; color: #004098; margin: 0; font-weight: normal; } .RighInfo003134 .seriestit { font-size: 1.25em; font-weight: bold; color: #333; } .RighInfo003134 .info_back { margin-top: 30px; } .RighInfo003134 .info_back a { position: relative; color: #fff; display: inline-block; text-align: center; width: 150px; line-height: 3; border-radius: 100px; background: #004098; } .RighInfo003134 .prod-intro .name { border-bottom: 1px solid #efefef; font-size:1.5em; padding-bottom: 15px; color: #333; line-height: 2; } .RighInfo003134 .prod-intro .name i { position: relative; width: 50px; height: 50px; border-radius: 50%; display: inline-block; vertical-align: top; margin-right: 10px; background: #004098; } .RighInfo003134 .prod-intro .name i:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background-image: url(../images/RighInfo003134-icon-01.svg); background-repeat: no-repeat; background-position: center; background-size: auto 50%; } .RighInfo003134 .prod-intro .singlePage { line-height: 2;margin: 30px 0 4vw 0; } .RighInfo003134 .table_1 { padding: 20px; border-radius: 8px; background: #fff; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .RighInfo003134 .table_1 td { font-size: 1em; color: #41464f; text-align: left; border-collapse: collapse; line-height: 30px; padding: 15px; } .RighInfo003134 .table_1 tr:nth-child(2n) { background: #f4f7fc; } @media(max-width:1024px) { .RighInfo003134 .img-side .txt {padding:5vw;} .RighInfo003134 .table_1 { overflow: auto; } .RighInfo003134 .table_1 table { width: 180%; } } @media (min-width:1025px) { .RighInfo003134 .img { width: 40%; } } /*服务中心 */ .Service .item { margin-bottom: 4%; background: #fff; border-radius: 8px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); overflow: hidden; } .Service .item .ytable { transition: 0.3s; } .Service .txt .inner { padding: 0 calc(30 / 16 * 1em); } .Service .num { color: #004098; opacity: 0.1; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ font-size: calc(60 / 16 * 1em); } .Service .intro p { line-height: calc(36 / 18 * 1em); font-size: calc(18 / 16 * 1em); color: #41464f; } @media(min-width:1025px) { .Service .pic { width: 50%; } .Service .txt .inner { padding: 0 calc(80 / 16 * 1em); } } @media(max-width:1024px) { .Service .ytable, .Service .ytable-cell { display: block; } } /*新闻中心 */ .PicList002856 .top-new { margin-bottom: 80px; } .PicList002856 .top-new .slick-list { overflow: inherit; } .PicList002856 .top-new .slick-slide { opacity: 0; } .PicList002856 .top-new .slick-current { opacity: 1; } .PicList002856 .top-new .slick-slide { background: #fff; border-radius: 8px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .PicList002856 .top-new .slick-slide .img { border-radius: 8px 0 0 8px; overflow: hidden; } .PicList002856 .top-new .slick-slide .img .Ispic { padding-bottom: 64%; transition: .5s; } .PicList002856 .top-new .slick-slide:hover .img .Ispic { transform: scale(1.08); } .PicList002856 .top-new .slick-slide time { display: block; color: #999; padding-left: 32px; background: url(../images/icon-time.svg) no-repeat left center; margin-bottom: 20px; } .PicList002856 .top-new .slick-slide .txt aside.dot {font-size:1.5em; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ line-height: 1.5; margin-bottom: 30px; } .PicList002856 .top-new .slick-slide:hover a { color: #004098; } .PicList002856 .top-new .slick-slide .txt p { margin: 0; line-height:1.75;font-size:1.125em;color: #555; } .PicList002856 .top-new .more { margin-top: 30px; color: #004098; display: inline-block; padding-right: calc(30 / 16 * 1em); background: url(../images/Floor003128-icon.svg) no-repeat right center; background-size: 1em auto; } .PicList002856 .top-new .slick-arrow { width: 50px; height: 50px; border-radius: 50%; background: url(../images/Floor003196-arrow-white.svg) no-repeat center center #004098; background-size: auto 15px; border: none; z-index: 2; position: absolute; top: calc(50% - 50px); transform: translateY(-50%); } .PicList002856 .top-new .slick-prev { left: -5%; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .PicList002856 .top-new .slick-next { right: -5%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .PicList002856 .top-new .slick-disabled { background: url(../images/Floor003196-arrow.svg) no-repeat center center #f5f5f5; background-size: auto 15px; } .PicList002856 .top-new .slick-dots { text-align: center; margin-top: calc(50 / 16 * 1em);} .PicList002856 .top-new .slick-dots li { display: inline-block; margin: 0 10px; width: calc(10 / 16 * 1em);height: calc(10 / 16 * 1em); border: 2px solid #d6d6d6; background: #fff; display: inline-block; position: relative; color: transparent; border-radius: calc(10 / 16 * 1em);overflow: hidden; transition: 0.3s; } .PicList002856 .top-new .slick-dots li button { display: none; } .PicList002856 .top-new .slick-dots li.slick-active {width: calc(50 / 16 * 1em); background: #004098; border-color: #004098; } .PicList002856 .list li { background: #fff; border-radius: 8px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); margin-bottom: 5%; } .PicList002856 .list li.s { margin-bottom: 2%; } .PicList002856 .list li:hover { box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .PicList002856 .list li a { position: relative; } .PicList002856 .list li .pic { border-radius: 8px; overflow: hidden; } .PicList002856 .list li .pic .Ispic { padding-bottom: 64%; transition: .5s; } .PicList002856 .list li:hover .pic .Ispic { transform: scale(1.08); } .PicList002856 .list li .txt { padding: 30px calc(50 / 1920 * 100vw); } .PicList002856 .list li .txt time { display: inline-block; color: #999; padding-left: 32px; background: url(../images/icon-time.svg) no-repeat left center; margin-bottom: 20px; } .PicList002856 .list li .txt aside {font-size: 1.25em; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ line-height: 1.5; margin-bottom: 20px; } .PicList002856 .list li.s .txt aside {margin-bottom: 0px; } .PicList002856 .list li .txt aside a { color: #020814; } .PicList002856 .list li:hover .txt aside a { color: #004098; } .PicList002856 .list li .txt p { margin: 0; line-height: calc(32 / 18 * 1em);font-size:1.125em;color: #555; } @media(min-width:769px) { .PicList002856 .top-new li .img { width: 50%; } .PicList002856 .top-new li .txt { padding: 0 calc(80 / 1920 * 100vw); } .PicList002856 .list li .pic{ width: 350px;} } @media(max-width:768px) { .PicList002856 .top-new li .ytable, .PicList002856 .top-new li .ytable-cell { display: block; } .PicList002856 .top-new li .txt { padding: 20px; } .PicList002856 .list li .pic, .PicList002856 .list li .txt { display: block;width: 100%} .PicList002856 .list li .txt {padding: 20px} } @media(max-width:640px) { .PicList002856 .top-new li .txt aside { font-size: 20px; } } /*成功案例 */ .CaseList .list li { background: #fff; border-radius: 8px; margin-bottom: 5%; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .CaseList .list li a { position: relative; } .CaseList .list li .pic { border-radius: 8px; overflow: hidden; } .CaseList .list li .pic .Ispic { padding-bottom: 64%; transition: .5s; } .CaseList .list li:hover .pic .Ispic { transform: scale(1.08); } .CaseList .list li .txt { padding: 30px; text-align: center; } .CaseList .list li .txt aside {font-size: 1.25em; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ line-height: 1; } .CaseList .list li .txt aside a { color: #020814; } .CaseList .list li:hover .txt aside a { color: #004098; } @media(min-width:769px) { .CaseList .list li { float: left; width: 30%; margin-right: 5%; } .CaseList .list li:nth-child(3n) { margin-right: 0; } } /*Page002623 */ .Page002623 { text-align: center; font-family: Arial; margin-top: 30px; font-size: 1.125em; } .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page) { display: none; } .Page002623 .Pages em { float: left; margin: 0 2vw; font-style: normal; } .Page002623 .Pages .p_page { display: table; margin: 0 auto; } .Page002623 .Pages a { float: left; line-height: 50px; width: 50px; border-radius: 50%; margin: 0 5px; } .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover { color: #fff; background: #004098; } .Page002623 .Pages .p_page > a { font-size: 0; height: 50px; position: relative; } .Page002623 .Pages .p_page > a:before { position: absolute; content: ''; border: 5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px; } .Page002623 .Pages .p_page > a.a_prev:before { border-right-color: #020814; border-right-width: 8px; } .Page002623 .Pages .p_page > a.a_next:before { border-left-color: #020814; border-left-width: 8px; margin-left: -4px; } .Page002623 .Pages a.a_prev:hover:before { border-right-color: #fff; } .Page002623 .Pages a.a_next:hover:before { border-left-color: #fff; } @media(max-width:640px) { .Page002623 .Pages em { display: none; } .Page002623 .Pages a { background-color: #eee; } } /*新闻详情*/ .News_detail .auto { background: #fff; border-radius: 15px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); padding: 5vw } .News_detail .news_info { } .News_detail .news_info .title { text-align: center; padding-bottom: 3%; border-bottom: 1px dashed #d2d2d2; margin-bottom: 50px } .News_detail .news_info .title h1 { margin: 0; padding-bottom: 1%; font-size:1.75em; font-weight: 400; color: #020814 } .News_detail .news_info .title aside span { display: inline-block; vertical-align: middle; margin: 0 1.5em 0.5em; line-height: 32px; color: #666; } .News_detail .news_info .title .social-share { display: inline-block; } .News_detail .social-share a { background-position: center center !important; background-repeat: no-repeat !important; background-color: #f2f2f2 !important; margin: 0 0 0 1em; } .News_detail .social-share a:before { display: none; } .News_detail .social-share a.icon-wechat { background-image: url("../images/RighInfo002973_share_wx.png"); } .News_detail .social-share a.icon-weibo { background-image: url("../images/RighInfo002973_share_sina.png"); } .News_detail .social-share a.icon-qq { background-image: url("../images/RighInfo002973_share_qz.png"); } .News_detail .news_info .info { text-justify: inter-ideograph } .News_detail .news_info .info p { margin: 2% 0; } .News_detail .news_info .center { text-align: center } .News_detail .info { line-height: calc(36 / 16 * 1em); color: #555; } .News_detail .bot { position: relative; margin-top: 50px; padding-top: 50px; border-top: 1px dashed #d2d2d2 } .News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 } .News_detail .info_back a { position: relative; color: #fff; display: block; width: 150px; line-height: 3; border-radius: 100px; background: #004098; } .News_detail .info_pn span { display: block; ; margin: 1% 0 } .News_detail .info_pn span a { color: #888 } .News_detail .info_pn span a:hover { color: #004098 } @media(max-width:1024px) { .News_detail .info_back { position: relative } } @media(max-width:768px) { .News_detail .auto { background: none; } .News_detail .info * { max-width: 100%!important } .News_detail .info .rich_media_area_primary_inner { max-width: 100%!important } .News_detail .info_back a { width: 100%; margin-bottom: 20px } .News_detail .news_info .title{margin-bottom: 20px} } /*Floor002911 */ .Floor002911 { position: relative; z-index: 1;padding:10px; } .Floor002911 .main { background: #fff; overflow: hidden; border-radius: 15px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .Floor002911 .left #mCSB_1_container { padding-right: 30px; } .Floor002911 .left .mCustomScrollbar { max-height: 260px; } .Floor002911 .left .mCSB_inside > .mCSB_container { margin-right: 0; } .Floor002911 .left .mCSB_scrollTools { width: 4px; opacity: 1!important; } .Floor002911 .left .mCSB_scrollTools .mCSB_draggerRail { background: #d9d9d9; } .Floor002911 .left .mCSB_scrollTools .mCSB_dragger { height: 50px!important; } .Floor002911 .left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #004098; width: 100%; } @media(max-width:480px) { .Floor002911 .left .mCustomScrollbar { max-height:300px; } } .Floor002911 .left p {line-height:1.75;font-size:1.125em; color: #555; } .Floor002911 .left .pic { margin-bottom: 2.292vw; } .Floor002911 .left .title { color: #ececec; font-size:3.125em; line-height: 0.875em; /* font-family: 'HarmonyOS_Sans_SC_Bold'; */ margin-bottom: 1.5vw; } .Floor002911 .left .name { color: #004098; font-size:1.875em; line-height: 0.875em; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ margin-bottom: 1.5vw; } .Floor002911 .right li img { display: block; width: 100%; } .Floor002911 .slider-btn { display: table; table-layout: fixed; width: 100%; margin-top: 50px; } .Floor002911 .slider-btn > * { display: table-cell; vertical-align: middle; } .Floor002911 .slick-arrow { float: left; margin-right: 20px; width: 50px; background: #004098; border-radius: 50%; cursor: pointer; border: none; height: 50px; position: relative; } .Floor002911 .slick-arrow:before { position: absolute; content: ''; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; left: 50%; top: 50%; margin: -5px 0 0 -3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .Floor002911 .slick-next:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -7px; } @media(min-width:641px) { .Floor002911 .left { width: 50%; padding:2.8vw;} .Floor002911 .right { width: 50%; }} @media(max-width:640px) { .Floor002911 { padding:10px 0; } .Floor002911 .main{box-shadow:none} .Floor002911 .left { padding: 5vw 0; } } /*荣誉资质 */ .Honor .auto { position: relative; } .Honor .flip-content img { padding: 20px; background: #fff; border-radius: 15px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .Honor .flip-content h3 { font-size:1.25em; color: #020814; margin: 10px auto 0 auto;text-align: center} .Honor .flipto-prev { left: 0; } .Honor .flipto-next { right: 0; } /*Timeline003058 */ .Timeline003058 .auto { position: relative; } .Timeline003058 .year { position: relative; z-index: 1; margin-bottom: 40px; } .Timeline003058 .year li { text-align: center; color: #004098; background: #f4f7fc; border: 5px solid #fff; border-radius: 10px; padding: 20px; line-height: 1; } .Timeline003058 .year li b { display: block; font-size: 1.5em; margin-bottom: 10px; } .Timeline003058 .year li span { display: block; font-size:1.125em; } .Timeline003058 .year li.slick-current , .Timeline003058 .year li.aon {background: #004098;color: #fff; } .Timeline003058 .slider-list { position: relative; } .Timeline003058 .slider-list .slick-list { padding-top: 10px; padding-bottom: 20px; } .Timeline003058 .slider-list .inner { overflow: hidden; background: #fff; border-radius: 15px; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); position: relative; margin: 0 1.405vw; transition: 0.3s; } .Timeline003058 .slider-list .info { padding: 0 calc(80 / 1920 * 100vw); } .Timeline003058 .slider-list .info time { margin-bottom: 1.2vw; color: #004098; } .Timeline003058 .slider-list .info time b { font-family: 'Arial'; font-size: 45px; line-height: 1.634em; margin-right: 10px; } .Timeline003058 .slider-list dd {line-height:1.75;font-size: 1.25em; color: #41464f; padding-left: 20px; position: relative; margin: 20px 0; } .Timeline003058 .slider-list dd:before { width: 6px; height: 6px; content: ''; border-radius: 50%; background: #004098; position: absolute; left: 0; top: 16px; } .Timeline003058 .slider-list .btn .slick-arrow { position: absolute; top: 50%; border: solid 4px #ccc; width: 32px; height: 32px; margin-top: -16px; transform: rotate(45deg); border-right: 0; border-top: 0; border-radius: 4px;z-index: 10 } .Timeline003058 .slider-list .btn .slick-next { transform: rotate(-135deg); } .Timeline003058 .slider-list .btn .slick-arrow:hover { border-color: #004098; } @media(min-width:1601px) { .Timeline003058 .slider-list .btn .slick-prev { left: -3.07vw; } .Timeline003058 .slider-list .btn .slick-next { right: -3.07vw; } .Timeline003058 .slider-list .slider { margin: 0 -1.405vw; } } @media(min-width:1025px) { .Timeline003058 .inner .img { width: 40%; } } @media(max-width:1600px) { .Timeline003058 .slider-list .btn .slick-prev { left: 0; } .Timeline003058 .slider-list .btn .slick-next { right: 0; } .Timeline003058 .slider-list .inner { margin: 0 1vw; } .Timeline003058 .slider-list .slider { padding: 0 40px; } } @media(max-width:640px) { .Timeline003058 .slider-list .btn .slick-arrow { width: 5vw; height: 5vw; margin-top: -2.5vw; } .Timeline003058 .slider-list .slider { padding: 0 5vw; } .Timeline003058 .slider-list .inner time b { font-size: 5vw; } .Timeline003058 .year .slider:after { height: 5px; top: 28px; } .Timeline003058 .year li span { font-size: 4vw; } .Timeline003058 .slider-list dd { margin: 10px 0; } } /*PicList002146 */ .PicList002146 li { float: left; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); } .PicList002146 li a { display: block; position: relative; } .PicList002146 li h3, .PicList002146 li h5 { margin: 0; text-align: center; font-size:1.125em; font-weight: normal; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ } .PicList002146 li figure { padding-bottom: 64%; } .PicList002146 li h3 { padding: 20px; line-height: 30px; color: #020814; } .PicList002146 li .hover { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background-image: linear-gradient(to top, #fff, #fff, rgba(255,255,255,0.75)); z-index: 10; transition: 0.3s; color: #fff; } .PicList002146 li aside { position: absolute; left: 10%; width: 80%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .PicList002146 li .hover img { width: 60px; height: 60px; } .PicList002146 li .hover h5 { margin: 20px 0 10px 0; color: #020814; font-size: 20px;/* font-family: 'HarmonyOS_Sans_SC_Medium'; */ line-height: 22px; max-height: 22px; overflow: hidden; } .PicList002146 li .hover p { color: #555; line-height: 30px; margin: 0; max-height: 180px; overflow: auto; } .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(0,0,0,0.1);; } .scrollbar::-webkit-scrollbar { width: 3px; background-color: rgba(0,0,0,0); } .scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #004098;; } @media(min-width:1025px) { .PicList002146 li { width: 23.5%; margin-right: 2%; } .PicList002146 li:nth-child(4n) { margin-right: 0; } .PicList002146 li a:hover .hover { opacity: 1; } .PicList002146 li a .wap{ display: none} } @media(max-width:1366px) and (min-width:1001px) { .PicList002146 li .hover img { width: 70px; height: 70px; } .PicList002146 li .hover p { height: 40px; } } @media(max-width:1000px) { .PicList002146 li { width: 48%; margin-left: 1%; margin-right: 1%; } } @media(max-width:640px) and (min-width:376px) { .PicList002146 li .hover img { width: 50px; height: 50px; } .PicList002146 li .hover p { height: 40px; } } @media(max-width:480px) { .PicList002146 li h3{padding: 10px} .PicList002146 li .wap{padding:0 10px 10px;margin: 0} .PicList002146 li .hover h5 { } .PicList002146 li .hover h5 { line-height: 20px; max-height: 40px; } } @media(max-width:375px) { .PicList002146 li { float: none; width: auto; } } /*PicList002146 */ .TextList002739 { padding-top: calc(130 / 1920 * 100vw); margin-bottom: 4%; } .TextList002739 .thead { line-height: 40px; height: 60px; padding: 10px 0; text-align: center; background: #004098; border-radius: 8px; color: #fff; position: relative; } .TextList002739 .thead span { float: left; width: 15%; height: 40px; display: block; position: relative; } .TextList002739 .dl:not(.thead) { border-bottom: 1px solid #ededed; background: #fff; } .TextList002739 .dl .dt { line-height: 40px; padding: 10px 0; text-align: center; cursor: pointer; } .TextList002739 .dl .dt span { float: left; width: 15%; height: 40px; display: block; position: relative; } .TextList002739 dl span:last-child { width: 10% !important; text-align: center; } .TextList002739 .dl .dt span i { position: absolute; content: ""; left: 50%; background: url(../images/icon-down.svg) no-repeat right center; display: block; width: 16px; height: 8px; top: 50%; margin-top: -4px; margin-left: -8px; } .TextList002739 .conbox { background: #f4f7fc; border-radius: 8px; padding: 40px; display: none; } .TextList002739 .conbox .h5 { color: #333; font-weight: normal; font-size: 18px; margin-top: 0; } .TextList002739 .conbox p { line-height: 2; color: #666; margin: 0; } .TextList002739 .jobname { width: 30% !important; text-align: left; padding: 0 20px; } .TextList002739 .dl.active .dt span { color: #004098; } .TextList002739 .dl.active .dt span i { transform: rotate(180deg); } .TextList002739 .apply-btn{ padding:3em 0} .TextList002739 .apply-btn a{display: inline-block;background-color: #004098;text-align: center; border-radius: 3.125em; line-height: 3.125em; padding: 0 3.25em;color: #fff; cursor:pointer;} .TextList002739 .apply-btn a:before{display: inline-block;width: 1.2222em; height: 1.2222em;content: ''; background: url(../images/TextList002739-seed.svg) no-repeat; background-size: contain; vertical-align: middle; margin-right: 1em;} @media(max-width:768px) { .TextList002739 .jobyq, .TextList002739 .jobnum, .TextList002739 .jobadd, .TextList002739 .jobtime { display: none !important; } .TextList002739 .dl .dt span { width: 25%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .TextList002739 .jobname { width: 90% !important; } .TextList002739 .conbox { padding: 20px; } } .TextList002739 .popUp-box{position: fixed;left: -100%;width: 100%; top: 0;height: 100%; background-color: rgba(0,0,0,0.5); overflow: auto; z-index: 200;} .TextList002739 .popUp-box.show{left: 0;} .TextList002739 .popUp-box .ytable{height: 100%;} .TextList002739 .popUp-box .main{position: relative; max-width: 1300px; background-color: #fff; width: 90%; margin: 0 auto;} .TextList002739 .popUp-box .main .colse{position: absolute;width: 1.5625em; height: 1.5625em; right: 1.25em;top: 1.25em; background: url(../images/Floor003147-close.svg) no-repeat;background-size: contain;z-index: 10; cursor:pointer;} .TextList002739 .popUp-box .main > div{width: 90%;margin: 0 auto;max-width: 1200px;} .TextList002739 .popUp-box[data-type="form"] .main > div{max-width: 1082px;} .TextList002739 .popUp-box .name{font-size: 2.25em;color: #333; padding:1em 0;text-align: center;} .TextList002739 .popUp-box[data-type="form"] .name{border-bottom: 1px solid #000000; margin-bottom: 1em;} .TextList002739 .from{padding-bottom: 3em;} .TextList002739 .from .text{width: 100%;height: 3.125em; line-height: 3.125em; font-size: 1em; border-radius: 5px; border:solid 1px rgba(139,139,139,0.2);} .TextList002739 .from textarea.text{height: auto;} .TextList002739 .from table{font-size: 0.875em;} .TextList002739 .from table tr, .TextList002739 .from table td{font-size: 1em;} .TextList002739 .from td{color: #333333; } .TextList002739 .from .btn{width: 10em;height: 3.75em;background: #004098;box-shadow: 0px 0.625em 1.875em rgba(218, 37, 29, 0.08);border-radius: 5px;color: #fff;font-family: 'HarmonyOS_Sans_Light';border: 0; cursor:pointer;font-size: 1em;padding: 0;} .TextList002739 .from .btn-reset{background: #6e6e6e;} .TextList002739 .from .btn + .btn{margin-left: 0.625em;} @media (min-width:1025px) { .TextList002739 .load-info .type{text-align: center;} .TextList002739 .load-info .type dd{float: none;display: inline-block;padding: 0 48px; line-height: 2.5;} .TextList002739 .from .f-name{text-align: right;} .TextList002739 .from td{line-height: 3.125em;vertical-align: top;padding-bottom: 1.428571em;} .TextList002739 .from .w1{width:6.7857em;} .TextList002739 .from .w2{width:36.969%;} .TextList002739 .from .w3{width:15.712%;} } @media (max-width:1024px) { .TextList002739 .popUp-box .name{font-size: 1.5em;} .TextList002739 .from td{display: block;} .TextList002739 .from .f-name{padding-top: 1em;} } .shiyi{ background: #fff; border-radius: 8px; overflow: hidden; /*box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%);*/ } .shiyi .wap{display: none} @media(max-width:768px){ .shiyi .pc{display: none} .shiyi .wap{display: block} } /*Floor003053 */ .Floor003053 {padding-top: calc(130 / 1920 * 100vw); } .Floor003053 ul{padding-top: 2.5%;border-top: 1px solid #eee;} .Floor003053 .list li {position: relative;/* background: #000; */color: #333;border-radius: 8px;/* overflow: hidden; */box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%);} .Floor003053 .list li:before{position:absolute;content:"";width: 10px;height: 10px;left:45%;top: -8.8%;background: #e50011;border-radius:50px;} .Floor003053 .list li .Ispic {padding-bottom: 90%;opacity: 1;/* transition: 0.3s; */background-position: top;border-radius: 10px 10px 0 0;} /*.Floor003053 .list li:hover .Ispic { transform: scale(1.15); opacity: 0.5; }*/ .Floor003053 .list li .name, .Floor003053 .list li .icon {/* position: absolute; */z-index: 10;/* left: 2.6vw; *//* right: 2.6vw; */} .Floor003053 .list li .name {/* bottom: 1.56vw; */padding: 1.5vw 2vw;} .Floor003053 .list li .icon { top: 1.56vw; } .Floor003053 .list li .icon dl { display: table; width: 100%; } .Floor003053 .list li .icon dl > * { display: table-cell; vertical-align: middle; } .Floor003053 .list li .icon dt { width: 90px; padding-right: 10px; } .Floor003053 .list li .icon dd { position: relative; padding-left: 20px; } .Floor003053 .list li .icon dd:before { position: absolute; z-index: 1; content: ''; width: 50px; height: 50px; border-radius: 50%; left: 0; top: 50%; margin-top: -25px; background: -moz-linear-gradient(left, rgba(0,106,255,1) 0%, rgba(0,106,255,0) 100%); background: -webkit-linear-gradient(left, rgba(0,106,255,1) 0%, rgba(0,106,255,0) 100%); background: linear-gradient(to right, rgba(0,106,255,1) 0%, rgba(0,106,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aff', endColorstr='#00006aff', GradientType=1 ); } .Floor003053 .list li .icon dd aside { z-index: 3; position: relative; } .Floor003053 .list li .name * { margin: 0; } .Floor003053 .list li .name h3 {font-size: 1.75em;font-weight: normal;margin-bottom: 0.7em;} .Floor003053 .list li .name h3:after{content: '';width: 50px;height: 3px;background-color: #004098;display:block;margin-top: 3px;border-radius: 20px;} .Floor003053 .list li .name p {line-height: 26px;color: #666;min-height: 55px;text-decoration: underline} @media(min-width:641px) and (max-width:1280px) { .Floor003053 .list li .icon dt { width: 7.5vw; } .Floor003053 .list li .icon dd aside { font-size: 14px; } .Floor003053 .list li .icon dd:before { width: 4vw; height: 4vw; margin-top: -2vw; } } @media(min-width:641px) { .Floor003053 .list li {float: left;width: 23.5%;margin-right: 2%} .Floor003053 .list li:nth-child(4) {margin-right: 0; } } @media(max-width:640px) { .Floor003053 .list li { margin-bottom: 20px } .Floor003053 .list li .icon { top: 4vw; } .Floor003053 .list li .icon { left: 4vw; right: 4vw; } .Floor003053 .list li .name { padding: 20px } .Floor003053 .list li .name p{min-height: 100%} .Floor003053 .list li:before{display: none} } @media(max-width:480px) { .Floor003053 .list li .icon dt { width: 15vw; } .Floor003053 .list li .icon dd { padding-left: 3vw; } .Floor003053 .list li .icon dd aside { font-size: 3vw; } .Floor003053 .list li .icon dd:before { width: 6vw; height: 6vw; margin-top: -3vw; } } .ContactInfo .contact { position: relative; z-index: 4; margin-bottom: 4%; } .ContactInfo .contact .inner { width: 80%; margin: 0 auto; text-align: center; } .ContactInfo .contact .icon { width: 45px; height: 45px; background-repeat: no-repeat; background-position: center center; margin: 15px auto 25px auto; transition: all 0.5s; } .ContactInfo .box-1 .icon { background-image: url("../images/icon-hotline.svg"); } .ContactInfo .box-2 .icon { background-image: url("../images/icon-email.svg"); } .ContactInfo .box-3 .icon { background-image: url("../images/icon-add.svg"); } .ContactInfo .contact .name { font-size: 1.125em; color: #000; font-weight: bold; padding-bottom: 10px; } .ContactInfo .contact p { color: #000; /* font-family: 'HarmonyOS_Sans_SC_Medium'; */ margin: 0 auto; } .ContactInfo .contact p span { display: block; color: #777; font-weight: normal;font-size: 1.125em; } .ContactInfo .box-3 p, .ContactInfo .box-4 p { font-weight: normal;} .ContactInfo .box-4 img { width: 100px; margin-bottom: 10px; transition: all 0.5s; } @media(min-width:641px) { .ContactInfo .contact .ytable-cell { position: relative; z-index: 5; width: 23.5%; padding: 50px 0; vertical-align: top; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); transition: .3s; } .ContactInfo .contact .ytable-cell.no { width: 2%; box-shadow: none; z-index: 0; } .ContactInfo .ytable-cell:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) } .ContactInfo .ytable-cell.no:hover { transform: translateY(0) } .ContactInfo .ytable-cell:hover p { color: #004098; } .ContactInfo .ytable-cell:hover .icon, .ContactInfo .box-4:hover img { transform: translateY(-8px); } } @media(max-width:640px) { .ContactInfo .contact, .ContactInfo .contact .ytable-cell { display: block; } .ContactInfo .contact .ytable-cell { padding: 5vw 0; } .ContactInfo .contact .ytable-cell:not(:last-child) { border-bottom: 1px solid #eee; } .ContactInfo .contact { padding: 0 5vw; } } .ContactInfo .form { text-align: center; margin-top: calc(130 / 1920 * 100vw);} .ContactInfo .form dl { float: left; width: 23.5%; margin-bottom: 20px; } .ContactInfo .form dl:not(:nth-child(4)) {margin-right: 2%;} .ContactInfo .form dl dd { background: #fff; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); border-radius: 4px; line-height: 60px; padding: 0 20px; vertical-align: top; position: relative; } .ContactInfo .form dl dd .red { color: #FF0000; position: absolute; left: 20px; top: 4px; } .ContactInfo .form .text { font-family: 'HarmonyOS_Sans_SC_Regular'; font-size: 1em; border: none; width: 100%; color: #666; background: #fff; padding: 15px; height: 60px; } .ContactInfo .form dl.dl { width: 100%; float: none; } .ContactInfo .form textarea { font-family: 'HarmonyOS_Sans_SC_Regular'; font-size: 1em; border: none; overflow: hidden; resize: none; width: 100%; height: 150px; line-height: 30px; padding: 15px; color: #666; background: #fff; } .ContactInfo .form .btnbox { margin-left: 12px; text-align: center; } .ContactInfo .form .btn { font-family: 'HarmonyOS_Sans_SC_Regular'; font-size: 1em; position: relative; color: #fff; border: none; display: inline-block; height: 3.125em; line-height: 3.125em; padding: 0 3.25em; border-radius: 3.125em; text-align: center; margin: 30px 10px 0; background: #004098; } .ContactInfo .form .btn2 { background: #3f6ba7; } @media(max-width:640px) { .ContactInfo .form dl { float: none; width: 100%; margin-left: 0 !important; } .ContactInfo .form textarea { height: 250px; } } @media(max-width:480px) { .ContactInfo .form .btn { width: 48%; margin-right: 2%; float: left; display: block; min-width: 2px; } } /*地图 */ .Map #allmap { height: 25vw; border-radius: 8px; overflow: hidden; } .Map #allmap, .Map #allmap * { box-sizing: content-box; } .Map #allmap img { max-width: inherit; } .tdt-infowindow-content { font-size: 14px; } .tdt-infowindow-content b { font-size: 18px; display: block; padding-bottom: 5px; } @media(max-width:1024px) { .Map #allmap { height: 40vw; } } @media(max-width:480px) { .Map #allmap { height: 70vw; } } .mod_tab { position: relative;z-index: 2; } .mod_tab.cp{margin-top: calc(130 / 1920 * 100vw);} .mod_tab_crumbs { } .mod_tab_list { display: flex; background: #FFFFFF; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); border-radius: 8px 8px 0 0; justify-content: center; } .mod_tab_item { width: 33.333%; } .mod_tab_item_cont { height: 90px; display: flex; align-items: center; justify-content: center; font-size:1.125em; line-height: 1.7; color: #333; transition: color 0.36s; border-right: 1px solid #EFEFEF; position: relative; } .mod_tab_item_cont::after { content: ""; position: absolute; bottom: 0; left: 0%; transform: translateX(0%); width: 0%; height: 3px; background-color: #004098; transition: all 0.36s; } .mod_tab_item.active .mod_tab_item_cont { color: #004098; } .mod_tab_item:last-child .mod_tab_item_cont { border-right: none; } .mod_tab_item.active .mod_tab_item_cont::after { width: 100%; transition: all 0.36s; } .mod_tab_item.actives .mod_tab_item_cont::after { width: 100%; transition: none; } .mod_tab_crumbs { position: absolute; font-size: 0.875em; padding-left: 1.75em; background: url(../images/Location003131-icon.svg) no-repeat left center; background-size: 1.25em auto; bottom: calc(100% + 30px); } .mod_tab_crumbs .c_smnav1_a { opacity: 1.7; color: #fff; transition: .3s; } .mod_tab_crumbs .c_smnav1_a:hover { opacity: 1; } .mod_tab_crumbs .c_smnav1_icon { opacity: 0.7; color: #fff; margin: 0 8px; } @media(min-width:1025px){ .mod_tab_item:last-child { border: none } } @media(max-width:1024px){ .mod_tab_list { display: block; } .mod_tab_item { width:50%;float: left;} .mod_tab_item_cont { height: 60px;} } .youshi{ position: relative;padding:10px; padding-top: calc(130 / 1920 * 100vw);} .youshi .slick-list{ padding: 10px 0 20px 0;} .youshi li a{ display: block; margin: 0 1.405vw; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); text-align: center; padding: 2.5vw 0; transition: 0.3s; min-height: 15.63vw; } .youshi li .icon-pic { height: 5.47vw; display: table; width: 100%; } .youshi li .icon-pic figure { display: table-cell; vertical-align: bottom; } .youshi li .icon-pic img { max-height: 4vw; } .youshi li aside.dot { color: #333; font-size:1.25em; margin: 1em 0; } .youshi li p { margin: 0 auto; width: 78%; color: #555; line-height: 1.75em; } .youshi .btn .slick-arrow { position: absolute; top: 50%; border: solid 4px #ccc; width: 32px; height: 32px; margin-top: -16px; transform: rotate(45deg); border-right: 0; border-top: 0; border-radius: 4px; } .youshi .btn .slick-next { transform: rotate(-135deg); } .youshi .btn .slick-arrow:hover { border-color: #004098; } @media(min-width:1601px) { .youshi .btn .slick-prev { left: -3.07vw; } .youshi .btn .slick-next { right: -3.07vw; } .youshi .slider { margin: 0 -1.405vw; } } @media(max-width:1600px) { } @media(max-width:640px) { .youshi .btn .slick-arrow { width: 5vw; height: 5vw; margin-top: -2.5vw; } .youshi .btn .slick-prev { left: -1.07vw; } .youshi .btn .slick-next { right: -1.07vw; } .youshi .slider { padding: 0 5vw; } } @media(max-width:1024px) { .youshi li {min-height: 24vw; } } @media(max-width:640px) { .youshi li .icon-pic { height:auto; } .youshi li .icon-pic img { max-height: 10vw; } } .partner{padding: calc(45 / 1920 * 100vw) 0 calc(130 / 1920 * 100vw) 0;} .partner .list{ position: relative;} .partner .slick-list{ padding: 10px 0 20px 0;} .partner .list aside { transition: .3s; } .partner .list aside a { display: block; margin: 0 10px; padding: 10% 15%;background: #fff; box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%); border-radius: 8px; } .partner .list aside .Ispic { height: 60px; background-size: contain; } .partner .btn .slick-arrow { position: absolute; top: 50%; border: solid 4px #ccc; width: 20px; height: 20px; margin-top: -10px; transform: rotate(45deg); border-right: 0; border-top: 0; border-radius: 4px; } .partner .btn .slick-next { transform: rotate(-135deg); } .partner .btn .slick-arrow:hover { border-color: #004098; } @media(min-width:1601px) { .partner .btn .slick-prev { left: -3.07vw; } .partner .btn .slick-next { right: -3.07vw; } .partner .slider { margin: 0 -10px; } } @media(max-width:1600px) { .partner .btn .slick-prev { left: 0; } .partner .btn .slick-next { right: 0; } .partner .slider { padding: 0 40px; } } @media(max-width:640px) { .partner .btn .slick-arrow { width: 5vw; height: 5vw; margin-top: -2.5vw; } .partner .slider { padding: 0 5vw; } } @media(max-width:640px) { .partner aside .Ispic { height: 28vw; } } .button_top { position: fixed; bottom: 10%; z-index: 99; background: #004098; width: 40px; height: 40px; right:50px; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; -webkit-transform: scale(.6); transform: scale(.6); opacity: 0; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .button_top:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #fff;border-left: 2px solid #fff; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .button_top_show { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; } .footer_wrap { background: #efefef; } .flex { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .footer_content_box { -webkit-justify-content: space-between; justify-content: space-between; } .footer_nav_wrap { width: 80%; } .footer_address_box { width: 35%; position: relative; } .footer_address_text, .footer_address_text a { color: #808080; } .footer_nav_box:after, .footer_address_box:after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: #dddddf; } .footer_nav_box { width: 65%; -webkit-justify-content: space-between; justify-content: space-between; position: relative; } .footer_nav_item1 { width: 25%; } .footer_nav_item2 { width: 20%; } .footer_nav_item3 { width: 20%; } .footer_nav_item4 { width: 20%; } .footer_nav_title { color: #808080; width: 100%; } .footer_nav_li a { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; } .footer_nav_text { color: #808080; -webkit-transition: all .6s ease; transition: all .6s ease; } .footer_nav_icon { position: relative; -webkit-align-items: center; align-items: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .footer_nav_icon:before { content: ""; height: 1px; background: #6c6c6c; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .footer_nav_icon:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); box-sizing: border-box; border-right: 1px solid #6c6c6c; border-bottom: 1px solid #6c6c6c; -webkit-transition: all .6s ease; transition: all .6s ease; } .footer_contact_wrap { width: 14%; -webkit-justify-content: flex-end; justify-content: flex-end; } .footer_contact_box { width: 100%; } .footer_contact_head { -webkit-justify-content: space-between; justify-content: space-between; } .footer_contact_title { color: #808080; } .footer_contact_share_box dd a { display: inline-block; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: auto 40%; } .footer_contact_share_box dd a.a_wx { background-image: url(../images/Bottom002909-zhihu.svg); } .footer_contact_share_box dd a.a_douyin { background-image: url(../images/Bottom002909-douyin.svg); } .footer_contact_share_box dd a.a_sina { background-image: url(../images/Bottom002909-bilibili.svg); } .footer_contact_share_box dd a { position: relative; } .footer_contact_share_box dd a:not(:last-child):after { content: ""; position: absolute; right: 0; top: 25%; height: 50%; width: 1px; background: #ccc; } .footer_bq_box { -webkit-justify-content: space-between; justify-content: space-between; } .footer_bq_left { width: 80%; } .footer_bq_link a, .footer_bq_text a, .footer_bq_label, .footer_bq_label a { color: #808080; } .footer_bq_link { position: relative; } .footer_bq_link:not(:last-child):after { content: ""; position: absolute; right: 0; top: 28.5%; width: 1px; height: 43%; background: #868686; } .footer_bq_right { width: 14%; } @media(min-width:1025px) { .footer_wrap { padding: 57px 0 53px; } .footer_address_logo { width: 148px; margin-bottom: 19px; } .footer_address_read { padding-top: 27px; line-height: 26px; font-size: 0.875em; } .footer_address_text, .footer_address_text a { line-height: 26px; font-size: calc(15 / 1920 * 100vw); } .footer_nav_box:after, .footer_address_box:after { top: 65px; } .footer_nav_title { line-height: 28px; padding: 10px 0 22px; } .footer_nav_ul { padding-top: 27px; } .footer_nav_text { width: calc(100% - 21px); line-height: 32px; font-size: calc(14 / 1920 * 100vw); } .footer_nav_icon { width: 21px; height: 10px; padding-left: 9px; } .footer_nav_li a .footer_nav_icon { padding-left: 15px; } .footer_nav_icon:before { width: 15px; -webkit-transform: translateX(-4px); transform: translateX(-4px); } .footer_nav_icon:after { right: 9px; width: 6px; height: 6px; } .footer_contact_item { width: calc(98 / 1920 * 100vw); } .footer_contact_title { font-size: calc(12 / 1920 * 100vw); line-height: 21px; margin-top: 18px; } .footer_contact_share_box { margin-top: 30px; } .footer_contact_share_item { padding: 0 12px; } .footer_contact_share_item:first-child { padding-left: 0; } .footer_bq_box { margin-top: 50px; } .footer_bq_link a, .footer_bq_text a, .footer_bq_label, .footer_bq_label a { font-size: calc(15 / 1920 * 100vw); line-height: 21px; } .footer_bq_text { padding: 0 8px 0 4px; } .footer_bq_link { padding: 0 8px; } } @media(max-width:1024px){ .footer_nav_wrap{display: none} .footer_contact_wrap{width: 100%;margin: 20px auto;display: block;} .footer_contact_head{display: block;text-align: center} .footer_contact_head .footer_contact_item{display: inline-block;width: 40%;margin: 0 2%} .footer_contact_head .footer_contact_item img{max-width: 90px;} .footer_contact_share_box{display: block;margin: 20px auto 0;text-align: center} .footer_bq_box{display: block;padding-bottom: 20px} .footer_bq_left{width: 100%;display: block;text-align: center} .footer_bq_left .footer_bq_item{width: 100%;display: block;text-align: center} .footer_bq_left .footer_bq_item .footer_bq_link{display: inline-block;margin: 0 5px} .footer_bq_right{width: 100%;display: block;text-align: center} .button_top {right: 10px} } /*Banner003172 */ .Banner003172{color: #fff;font-size: 100px;} .Banner003172 .tit{font-size: calc(65 / 1920 * 100vw);line-height: 0.825;/* font-family: 'HarmonyOS_Sans_SC_Medium'; */} .Banner003172 .desc{font-size: calc(38 / 1920 * 100vw);margin-top: 0.75em;/* font-family: 'HarmonyOS_Sans_Light'; */letter-spacing: 0.17em;} .Banner003172 li{position: relative;} .Banner003172 .wap{display: none} .Banner003172 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;color: #fff} .Banner003172 .txt .ytable{height: 100%;} .Banner003172 .tit, .Banner003172 .desc{transform: translateY(30px); opacity: 0;transition: 1.2s 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);} .Banner003172 .desc{transition-delay: 1s;} .Banner003172 .ani-show .tit, .Banner003172 .ani-show .desc{transform: translateY(0); opacity: 1;} .Banner003172 .slick-dots{position: absolute;left: 50%;transform: translateX(-50%); bottom: 0.59em;z-index: 20;} .Banner003172 .slick-dots li{float: left;width: 0.25em;height: 0.25em;margin: 0 0.1em;} .Banner003172 .slick-dots li.slick-active{background: url(../images/Banner003172-dots.svg) no-repeat;background-size: contain;} .Banner003172 .slick-dots li button{width: 0.10em;height: 0.10em;background-color: rgba(255,255,255,0.85);border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 0;border: 0;overflow: hidden;text-indent: -999em;font-size: 1em;} .Banner003172 .slick-dots li.slick-active button{opacity: 0;} .Banner003172 .slick-slide img{transform: scale(1);transition: 15s;} .Banner003172 .slick-slide.slick-active img{transform: scale(1.15);} @media (max-width:640px) { .Banner003172 .tit{font-size:1.5em;line-height: 0.825;/* font-family: 'HarmonyOS_Sans_SC_Medium'; */} .Banner003172 .slick-dots li{width: 0.4em;height: 0.4em; margin: 0 0.2em;} .Banner003172 .slick-dots li button{width: 0.2em; height: 0.2em; } .Banner003172 .pc{display: none} .Banner003172 .wap{display: block} } /* .Floor002384 为demo编号 */ .Floor002384{padding: 4% 0 2%;color: #333;padding: calc(130 / 1920 * 100vw) 0; background: #f4f7fc;} .Floor002384 dd{float:left;width: 16%;padding-right: 7px;transition:width ease-in-out 0.3s;} .Floor002384 dd .inner{ position: relative;overflow:hidden;} .Floor002384 dd:last-child{ margin-right: 0;} .Floor002384 dd.active{ width:52%;} .Floor002384 dd .pic{display:block;height: 570px;background-repeat:no-repeat;background-position:center top;background-size:cover;transition:all ease-out 0.6s;} .Floor002384 dd .txt, .Floor002384 dd .name{ position:absolute;} .Floor002384 dd .txt{ left:0; bottom:0; z-index:2; padding: 3%; padding-left: 32%; width:100%; font-size: 14px; background:rgba(0, 0, 0, 0.65) none repeat scroll 0 0 !important; filter:Alpha(opacity=65); background:#000; line-height:27px; transform:translateY(100%); transition:all ease 0.3s; } .Floor002384 dd .txt p{margin:0;color: #fff;z-index: 1;position: relative;font-size: 16px;} .Floor002384 dd.active .txt{ transform:translateY(0);transition:all ease-in-out 0.5s 0.3s;} .Floor002384 dd .name{ left:0; bottom:0;height:100%;z-index:3; width:100%; text-shadow:0 0 2px rgba(0,0,0,0.5);} .Floor002384 dd .name ol{ position:absolute; left:0; bottom:0; padding:12% 0 12% 0; width:100%; color:#fff; text-align:center; background:rgba(0, 0, 0, 0.65) none repeat scroll 0 0 !important;filter:Alpha(opacity=65); background:#000; transition:all ease-in-out 0 0.5s;} .Floor002384 dd .name ol em{ display: none;} .Floor002384 dd.active .name ol em{ display:inline-block; font-size:50px; /*border-bottom:3px solid #fff; margin-bottom:10px; */box-shadow:0 1px 0 rgba(0,0,0,0.2);} .Floor002384 dd .name ol a{ display:block; font-size: 22px; /* font-weight: bold; */ color:#fff; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .Floor002384 dd.active .name{width: 28%;text-shadow:none;} .Floor002384 dd.active .name ol{background: #004098 none repeat scroll 0 0 !important;filter:Alpha(opacity=100);background: #004098;top:auto;bottom:0;transition:all ease-in-out 0.5s 0.5s;border-radius: 0 75px 0 0;} .Floor002384 dd.active .name ol em{box-shadow:none;width: 45px;max-height: calc(30 / 16 * 1em);font-style: normal;} .Floor002384 .Title{padding: 0% 0 2%;position: relative;text-align: center;} .Floor002384 .Title h3{font-size: 42px;/* color: #da251d; */font-weight: normal;position: relative;padding-bottom: 0px;margin-bottom: 0px;margin-top: 0;} .Floor002384 .Title span{color: rgba(0,0,0,0.1);text-transform: uppercase;font-size: 35px;/* letter-spacing: 3px; */} .Floor002384 .Title h3:before{position: absolute;content: '';width: 50px;height: 1px;/* background-color: #9e9e9e; */left: 0;bottom: -2px;} .Floor002384 .Title a{/* display: block; *//* position: absolute; *//* right: 0; *//* top:50%; *//* width: 38px; *//* height: 18px; *//* background:url(../images/Floor002384-case_ico.png) no-repeat center; */} @media(max-width:899px){ .Floor002384 dd .name ol{padding:3% 0 3% 0;} .Floor002384 dl{ margin: 0 -3px; overflow: hidden;} .Floor002384 dd{ width:50% !important; padding: 3px;} .Floor002384 dd .pic{ height:auto; padding-bottom:60%;} .Floor002384 dd .txt{ padding: 10px 0;} .Floor002384 dd .txt p{ line-height:18px; height:36px; overflow:hidden;} .Floor002384 dd .txt{ padding-left:32%;} .Floor002384 dd.active .name{width:30%;} .Floor002384 .Title h3{ font-size: 20px;} .Floor002384 dd .name ol em{ font-size:35px !important;} .Floor002384 dd .name ol a{ font-size:14px;} } @media(max-width:480px){ .Floor002384 dd .name ol em{ font-size:30px;} .Floor002384 dd .name ol a{ font-size:13px;} .Floor002384 dd{ width:100% !important;} } /*Floor003348 */ .Floor003348{ overflow: hidden; padding:6vw 0; background: #f4f7fc; } .Floor003348 .slider-img .Ispic{position: relative;z-index: 1;} .Floor003348 .slider-img .Ispic:after{position: absolute;content: ''; left: 0;bottom: 0;width: 100%;height:45.834%; opacity: 0.6; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .Floor003348 .slider-img .item{position: relative;} .Floor003348 .slider-img .txt{position: relative;opacity: 0;color: #333;z-index: 4;transition: 0.5s 0.5s;} .Floor003348 .slider-img .slick-current .txt{opacity: 1;} .Floor003348 .slider-img .txt dl{margin-top:7%;} .Floor003348 .slider-img .txt dl dd{width:32%;float: left;margin-right:4px;text-align: center;transition: 0.8s ease;} .Floor003348 .slider-img .txt dl dd aside{padding-bottom: 67%;background-size: cover;background-position: center;background-repeat: no-repeat;} .Floor003348 .slider-img .txt dl dd span{display: block;margin-top:12px;} .Floor003348 .slider-img .txt dl dd:hover span{color: #004098;} .Floor003348 .slider-img .txt dl dd:hover{transform: translateY(-20px);} .Floor003348 .slider-img .tit{font-size: 2em; margin-bottom:0.5em;} .Floor003348 .slider-img .txt p{line-height: 2;font-size: 1em; margin: 0; max-width:86%;max-height: 160px;overflow: hidden} /* .Floor003348 .slider-img .txt .more{position: absolute;right:calc(94 / 1920 * 100vw); top:calc(160 / 1920 * 100vw);width: 3.125em;height: 3.125em;border-radius: 50%; background: url(../images/Floor003128-icon-white.svg) no-repeat center #da251d; background-size: 1em auto;} */ .Floor003348 .slider-img .txt .more{margin-top: 20px;display: inline-block;font-size: 16px;color: #da251d;} .Floor003348 .slider-nav .inside .icon{transition: 0.3s;} .Floor003348 .slider-nav .inside .icon img{ max-height: 3.1125em;} .Floor003348 .slider-nav .inside .icon img.hover{display: none;} .Floor003348 .slider-nav li{cursor: pointer;transition: 0.3s;border-radius: 10px;} .Floor003348 .slider-nav .slick-current{background-color: #237efc;} .Floor003348 .slider-nav .slick-current aside{color: #fff;} .Floor003348 .slider-nav .slick-current .icon img.default{display: none;} .Floor003348 .slider-nav .slick-current .icon img.hover{display: inline-block;} @media (min-width:1025px) { .Floor003348 .auto{position: relative;/*min-height: 100vh;*/} .Floor003348 .slider-img{width:100%;right: 0%;top: 0;height: 100%;z-index: 1;margin-top: 3%;} .Floor003348 .slider-img .item{display: table;table-layout: fixed;width: 100%} .Floor003348 .slider-img .item > *{display: table-cell;vertical-align: middle;} .Floor003348 .slider-img .Ispic{padding-bottom: 34%;width: 55%;} .Floor003348 .slider-img .txt{padding-right: 9.5em;} .Floor003348 .slider-nav .ytable{} .Floor003348 .slider-nav .inside{display: table;width: 100%; table-layout: fixed; height:6.875em} .Floor003348 .slider-nav .inside > *{display: table-cell;vertical-align: middle;} .Floor003348 .slider-nav .inside .icon{text-align: center;width: 36%;padding-left: 1.625em;} .Floor003348 .slider-nav .inside aside{padding-right: calc(0.125em + 0.5625em);background: url(../images/Floor003128-plus.svg) no-repeat right 1.125em center;background-size: 0.5625em auto;font-size: 1.5em;} .Floor003348 .slider-nav .slick-current aside{background-image: url(../images/Floor003128-plus-white.svg)} .Floor003348 .slider-nav .slick-current .icon{ width: 35.75%;padding-left:0;} } @media (max-width:1024px) { .Floor003348 .slider-img .Ispic{padding-bottom: 73.283%;} .Floor003348 .slider-img .txt{margin: 20px 0} .Floor003348 .slider-nav{padding: 0 1em} .Floor003348 .slider-nav .inside{padding: 1em;} .Floor003348 .slider-nav .inside aside{flex: 1;} .Floor003348 .slider-nav .inside .icon{width: 25%; margin-bottom: 10px;} .Floor003348 .slider-nav .inside .icon img{ max-height: 1.5em;} .Floor003348 .slider .slick-arrow{position: absolute;top: 50%;cursor: pointer;padding: 0;background: none; border-left: 3px solid #ccc;border-top: 3px solid #ccc;width: 3vw;height: 3vw;margin-top: -1.5vw;z-index: 10} .Floor003348 .slider .slick-prev{ transform: rotate(-45deg);left: -18px;} .Floor003348 .slider .slick-next{transform: rotate(135deg);right: -18px;} } .casebg{padding-top:6%;padding-bottom:2%;} .casebg .singlepage .box{padding: calc(0 / 1920 * 100vw) 0;} @media(min-width:1025px){ .casebg .w22{width:18%;} .casebg .w75{width:79%;} } @media(max-width:1024px){ .casebg .singlepage .box{padding: 30px 0;} } /*Menu002956 */ .Menu002956{padding:15px; margin: 0vw 0;} .Menu002956 nav{background: #fff;padding: 30px 0 15px;box-shadow: 0 0 8px 0 rgb(214 222 240 / 20%), 0 8px 20px 0 rgb(214 222 240 / 25%);} .Menu002956 h1{margin: 0 2.08vw 0 0;position: relative;margin-left: -10px; padding: 18px 0 18px 20px; font-weight: normal;} .Menu002956 h1 span{position: relative; z-index: 4; display: block;font-size: 1.5em;color: #fff;line-height: 1em;border-left: 2px solid #d10010;padding-left: 15px;} .Menu002956 h1 span.wap{display: none;} .Menu002956 h1 i{position: absolute;} .Menu002956 ul{padding: 12px 0;} .Menu002956 li:not(:last-child){border-bottom: 1px solid #fff;} .Menu002956 li a{display: block;line-height: 26px; padding: 14px 1.25em 14px 1.5em;font-size: 1.125em;position: relative; z-index: 1;border-bottom:1px solid #eef2f7;} .Menu002956 li:last-child a{border-bottom:none;} .Menu002956 li a:after{position: absolute; content: '';border:4px solid transparent; border-top-width: 6px;border-top-color: #0f54b3; top: 50%; margin-top: -4px; right: 24px; opacity: 0; transition: 0.3s;transform: rotate(-90deg);} .Menu002956 li a:hover, .Menu002956 li.aon a{font-weight: bold;color: #004098;} .Menu002956 li a:hover:after, .Menu002956 li.aon a:after{opacity: 1;} @media(min-width:1025px){ .Menu002956{overflow: hidden;} .Menu002956 ul{display: block!important;} .Menu002956 h1:after{position: absolute; content: ''; height: 100%; background: #004098; top: 0; transform: skewX(25deg);-webkit-transform: skewX(25deg);-ms-transform: skewX(25deg); right:0; left: -30px;} .Menu002956 h1 i.jiao{ border:8px solid transparent; border-left-color: #002e6c; left: -1px; top: -8px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} } @media(max-width:1024px){ .Menu002956{position: relative; z-index: 40;padding: 0} .Menu002956 ul{display: none;position: absolute; left: 10px;top: 100%; right: 0; z-index: 40;background: #edf0f5;padding: 0} .Menu002956 i.wap-open{position: absolute; width: 30px; height: 30px; right: 40px;background: #fff; z-index: 10; top: 50%;margin-top: -15px; border-radius: 50%; transition: 0.3s;} .Menu002956 i.wap-open:before, .Menu002956 i.wap-open:after{position: absolute; content: ''; left: 50%; top: 50%; background: #0f54b3; transform: translate(-50%,-50%);} .Menu002956 i.wap-open:before{width: 10px; height: 2px; } .Menu002956 i.wap-open:after{width: 2px; height: 10px; } .Menu002956 i.wap-open.on{transform: rotate(45deg);} } @media(max-width:640px){ .Menu002956 nav{padding: 10px 0;} .Menu002956 h1 span{color: #333} .Menu002956 h1 span.pc{display: none} .Menu002956 h1 span.wap{display: block} .Menu002956 h1{padding: 3vw 0 3vw 20px;margin-left: 0 } .Menu002956 i.wap-open{right: 6vw;margin-top: -12px; width: 24px; height: 24px;} } .queueList { border: 0!important; margin: 0!important; color: #fff!important; } .queueList p{ margin: 0!important; color: #666!important; } .placeholder { min-height: auto!important; padding-top: 0!important; text-align: left!important; font-size: 0.875em!important; } .placeholder .webuploader-pick{ font-size: 0.875em!important; } .statusBar .info, .statusBar .btns .webuploader-pick, .statusBar .btns .uploadBtn{ font-size: 0.875em!important; }