@font-face {
 font-family: "iconfont"; /* Project id 2389048 */
 src: url('//at.alicdn.com/t/font_2389048_idkuczdk7oa.woff2?t=1629179140721') format('woff2'),  url('//at.alicdn.com/t/font_2389048_idkuczdk7oa.woff?t=1629179140721') format('woff'),  url('//at.alicdn.com/t/font_2389048_idkuczdk7oa.ttf?t=1629179140721') format('truetype');
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-im_erweima:before { content: "\e605"; }
.icon-tubiao215:before { content: "\e615"; }
.icon-tianchongxing-:before { content: "\e640"; }
.icon-hanhan-01-01:before { content: "\e695"; }
.icon-ai-tel:before { content: "\e668"; }
.icon-lubiao:before { content: "\e6b0"; }
.icon-185078emailmailstreamline:before { content: "\e643"; }
.icon-view:before { content: "\e6b4"; }
.icon-share:before { content: "\e611"; }
.icon-search:before { content: "\e7ea"; }
.icon-search1:before { content: "\e602"; }
.icon-dianzan:before { content: "\e60c"; }
.icon-liulan:before { content: "\e647"; }
.icon-arrow_up_fill:before { content: "\e603"; }
.icon-arrow-right-:before { content: "\e82e"; }
.icon-arrow:before { content: "\e648"; }
.icon-ArrowDouble4-24px:before { content: "\e60f"; }
.icon-kefu:before { content: "\e60b"; }
.icon-wechat-fill:before { content: "\e645"; }
.icon-diannao:before { content: "\e6b9"; }
.icon-rili:before { content: "\e621"; }
.icon-relevance:before { content: "\e62a"; }
.icon-shouji:before { content: "\e64d"; }
.icon-wangzhi_huaban:before { content: "\e629"; }
.icon-right1:before { content: "\e609"; }
.icon-erweima2:before { content: "\e63a"; }
.icon-erweima1:before { content: "\e619"; }
.icon-filepdf:before { content: "\e60a"; }
.icon-wenjianxiazai2x:before { content: "\e63c"; }
.icon-toTop-fill:before { content: "\e614"; }
.icon-xiangshang:before { content: "\e606"; }
.icon-guanbi:before { content: "\e676"; }
.icon-whatsapp:before { content: "\e6b5"; }
.icon-email1:before { content: "\e628"; }
.icon-tianxie3:before { content: "\e698"; }
.icon-yonghu:before { content: "\e618"; }
.icon-chazhao:before { content: "\e817"; }
.icon-email:before { content: "\e631"; }
.icon-dot:before { content: "\e63f"; }
.icon-home:before { content: "\e607"; }
.icon-fangkuai:before { content: "\e646"; }
.icon-emailmarketing_filled:before { content: "\e706"; }
.icon-wait:before { content: "\e613"; }
.icon-back:before { content: "\e612"; }
.icon-right:before { content: "\e638"; }
.icon-dianhua:before { content: "\e604"; }
.icon-servicemanege:before { content: "\e694"; }
.icon-map:before { content: "\e65d"; }
.icon-jiantou:before { content: "\e66a"; }
.icon-menu1:before { content: "\e620"; }
.icon-menu:before { content: "\e600"; }
.icon-xialajiantou:before { content: "\e601"; }
.icon-left:before { content: "\e818"; }
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
 .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 }
.swiper-container-no-flexbox .swiper-slide { float:left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; /*height:100%;*/ z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform }
.swiper-slide-invisible-blank { visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective:1200px; perspective:1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left:10px; right:auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right:10px; left:auto }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-lock { display:none }
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity;
-o-transition:.3s opacity;
transition:.3s opacity;
-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; left:0; width:100% }
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33); position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2 }
button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer }
.swiper-pagination-bullet-active { opacity:1; background:#007aff }
.swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:8px }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s top, .2s -webkit-transform;
transition:.2s top, .2s -webkit-transform;
-o-transition:.2s transform, .2s top;
transition:.2s transform, .2s top;
transition:.2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s left, .2s -webkit-transform;
transition:.2s left, .2s -webkit-transform;
-o-transition:.2s transform, .2s left;
transition:.2s transform, .2s left;
transition:.2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform;
transition:.2s right, .2s -webkit-transform;
-o-transition:.2s transform, .2s right;
transition:.2s transform, .2s right;
transition:.2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0 }
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background:#fff }
.swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background:#000 }
.swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0, 0, 0, .25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000 }
.swiper-pagination-lock { display:none }
.swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% }
.swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% }
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 }
.swiper-scrollbar-cursor-drag { cursor:move }
.swiper-scrollbar-lock { display:none }
.swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain }
.swiper-slide-zoomed { cursor:move }
.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position:50%; background-size:100%; background-repeat:no-repeat }
.swiper-lazy-preloader-white:after { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out }
.swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube { overflow:visible }
.swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 }
.swiper-container-flip { overflow:visible }
.swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px }
 [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
transition-duration:50ms
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay:50ms }
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
transition-duration:.1s
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay:.1s
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
transition-duration:.15s
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay:.15s
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
transition-duration:.2s
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay:.2s
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
transition-duration:.25s
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay:.25s
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
transition-duration:.3s
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay:.3s
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
transition-duration:.35s
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay:.35s
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
transition-duration:.4s
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay:.4s
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
transition-duration:.45s
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay:.45s
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
transition-duration:.5s
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay:.5s
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
transition-duration:.55s
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay:.55s
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
transition-duration:.6s
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay:.6s
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
transition-duration:.65s
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay:.65s
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
transition-duration:.7s
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay:.7s
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
transition-duration:.75s
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay:.75s
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
transition-duration:.8s
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay:.8s
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
transition-duration:.85s
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay:.85s
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
transition-duration:.9s
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay:.9s
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
transition-duration:.95s
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay:.95s
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
transition-duration:1s
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay:1s }
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
transition-duration:1.05s
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay:1.05s }
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
transition-duration:1.1s
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay:1.1s }
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
transition-duration:1.15s
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay:1.15s }
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
transition-duration:1.2s
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay:1.2s }
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
transition-duration:1.25s
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay:1.25s }
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
transition-duration:1.3s
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay:1.3s }
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
transition-duration:1.35s
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay:1.35s }
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
transition-duration:1.4s
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay:1.4s }
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
transition-duration:1.45s
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay:1.45s }
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
transition-duration:1.5s
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay:1.5s }
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
transition-duration:1.55s
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay:1.55s }
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
transition-duration:1.6s
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay:1.6s }
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
transition-duration:1.65s
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay:1.65s }
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
transition-duration:1.7s
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay:1.7s }
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
transition-duration:1.75s
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay:1.75s }
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
transition-duration:1.8s
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay:1.8s }
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
transition-duration:1.85s
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay:1.85s }
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
transition-duration:1.9s
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay:1.9s }
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
transition-duration:1.95s
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay:1.95s }
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
transition-duration:2s
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay:2s }
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
transition-duration:2.05s
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay:2.05s }
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
transition-duration:2.1s
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay:2.1s }
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
transition-duration:2.15s
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay:2.15s }
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
transition-duration:2.2s
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay:2.2s }
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
transition-duration:2.25s
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay:2.25s }
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
transition-duration:2.3s
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay:2.3s }
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
transition-duration:2.35s
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay:2.35s }
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
transition-duration:2.4s
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay:2.4s }
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
transition-duration:2.45s
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay:2.45s }
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
transition-duration:2.5s
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay:2.5s }
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
transition-duration:2.55s
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay:2.55s }
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
transition-duration:2.6s
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay:2.6s }
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
transition-duration:2.65s
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay:2.65s }
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
transition-duration:2.7s
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay:2.7s }
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
transition-duration:2.75s
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay:2.75s }
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
transition-duration:2.8s
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay:2.8s }
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
transition-duration:2.85s
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay:2.85s }
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
transition-duration:2.9s
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay:2.9s }
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
transition-duration:2.95s
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay:2.95s }
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
transition-duration:3s
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay:3s }
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
transition-timing-function:cubic-bezier(.25, .25, .75, .75)
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
transition-timing-function:ease
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function:ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function:ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function:ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function:cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function:cubic-bezier(.175, .885, .32, 1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function:cubic-bezier(.47, 0, .745, .715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function:cubic-bezier(.39, .575, .565, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function:cubic-bezier(.445, .05, .55, .95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function:cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function:cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function:cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function:cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function:cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function:cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function:cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function:cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function:cubic-bezier(.455, .03, .515, .955)
}
[data-aos^=fade][data-aos^=fade] {
opacity:0;
transition-property:opacity, transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity:1;
transform:translateZ(0)
}
[data-aos=fade-up] {
transform:translate3d(0, 100px, 0)
}
[data-aos=fade-down] {
transform:translate3d(0, -100px, 0)
}
[data-aos=fade-right] {
transform:translate3d(-100px, 0, 0)
}
[data-aos=fade-left] {
transform:translate3d(100px, 0, 0)
}
[data-aos=fade-up-right] {
transform:translate3d(-100px, 100px, 0)
}
[data-aos=fade-up-left] {
transform:translate3d(100px, 100px, 0)
}
[data-aos=fade-down-right] {
transform:translate3d(-100px, -100px, 0)
}
[data-aos=fade-down-left] {
transform:translate3d(100px, -100px, 0)
}
[data-aos^=zoom][data-aos^=zoom] {
opacity:0;
transition-property:opacity, transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity:1;
transform:translateZ(0) scale(1)
}
[data-aos=zoom-in] {
transform:scale(.6)
}
[data-aos=zoom-in-up] {
transform:translate3d(0, 100px, 0) scale(.6)
}
[data-aos=zoom-in-down] {
transform:translate3d(0, -100px, 0) scale(.6)
}
[data-aos=zoom-in-right] {
transform:translate3d(-100px, 0, 0) scale(.6)
}
[data-aos=zoom-in-left] {
transform:translate3d(100px, 0, 0) scale(.6)
}
[data-aos=zoom-out] {
transform:scale(1.2)
}
[data-aos=zoom-out-up] {
transform:translate3d(0, 100px, 0) scale(1.2)
}
[data-aos=zoom-out-down] {
transform:translate3d(0, -100px, 0) scale(1.2)
}
[data-aos=zoom-out-right] {
transform:translate3d(-100px, 0, 0) scale(1.2)
}
[data-aos=zoom-out-left] {
transform:translate3d(100px, 0, 0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
transition-property:transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform:translateZ(0)
}
[data-aos=slide-up] {
transform:translate3d(0, 100%, 0)
}
[data-aos=slide-down] {
transform:translate3d(0, -100%, 0)
}
[data-aos=slide-right] {
transform:translate3d(-100%, 0, 0)
}
[data-aos=slide-left] {
transform:translate3d(100%, 0, 0)
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility:hidden;
transition-property:transform
}
[data-aos=flip-left] {
transform:perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate { transform:perspective(2500px) rotateY(0) }
[data-aos=flip-right] {
transform:perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate { transform:perspective(2500px) rotateY(0) }
[data-aos=flip-up] {
transform:perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate { transform:perspective(2500px) rotateX(0) }
[data-aos=flip-down] {
transform:perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate { transform:perspective(2500px) rotateX(0) }
.c0 { color:#000 }
.c1 { color:#111 }
.c2 { color:#222 }
.c3 { color:#333 }
.c4 { color:#444 }
.c5 { color:#555 }
.c6 { color:#666 }
.c7 { color:#777 }
.c8 { color:#888 }
.c9 { color:#999 }
.ca { color:#aaa }
.cb { color:#bbb }
.clr { clear:both }
.cc { color:#0f3175 }
.cc1 { color:#ff722f }
.cc2 { color:#da251c }
.cd { color:#ddd }
.ce { color:#eee }
.cf { color:#fff }
.bc0 { background-color:#000 }
.bcf { background-color:#fff }
.bcc { background-color:#0f3175 }
.bcc1 { background-color:#ff722f }
.bcc2 { background-color:#da251c }
.boc { border-color:#0f3175 }
.bn { border:none }
.bor { border:1px solid #bbb }
.bt { border-top:1px solid #bbb }
.bl { border-left:1px solid #bbb }
.br { border-right:1px solid #bbb }
.f0 { font-size:0 }
.f12 { font-size:12px }
.f13 { font-size:13px }
.f14 { font-size:14px }
@media (max-width:640px) {
.f14 {
font-size:13px
}
}
.f15 { font-size:15px }
@media (max-width:640px) {
.f15 {
font-size:1rem
}
}
.f16 { font-size:.8rem
}
@media (max-width:768px) {
.f16 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.f16 {
font-size:1rem
}
}
.f17 { font-size:.85rem
}
@media (max-width:768px) {
.f17 {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.f17 {
font-size:1.0625rem
}
}
.f18 { font-size:.9rem
}
@media (max-width:768px) {
.f18 {
font-size:.94444444rem
}
}
.f19 { font-size:.95rem
}
.f20 { font-size:1rem }
.f21 { font-size:1.05rem }
@media (max-width:768px) {
.f21 {
font-size:1rem
}
}
.f22 { font-size:1.1rem }
@media (max-width:768px) {
.f22 {
font-size:1.04761905rem
}
}
.f23 { font-size:1.15rem }
@media (max-width:768px) {
.f23 {
font-size:1.04545455rem
}
}
.f24 { font-size:1.2rem }
@media (max-width:768px) {
.f24 {
font-size:1.09090909rem
}
}
.f25 { font-size:1.25rem }
@media (max-width:768px) {
.f25 {
font-size:1.08695652rem
}
}
.f26 { font-size:1.3rem }
@media (max-width:768px) {
.f26 {
font-size:1.13043478rem
}
}
.f27 { font-size:1.35rem }
@media (max-width:768px) {
.f27 {
font-size:1.125rem
}
}
.f28 { font-size:1.4rem }
@media (max-width:768px) {
.f28 {
font-size:1.16666667rem
}
}
.f29 { font-size:1.45rem }
@media (max-width:768px) {
.f29 {
font-size:1.16rem
}
}
.f30 { font-size:1.5rem }
@media (max-width:768px) {
.f30 {
font-size:1.2rem
}
}
.f31 { font-size:1.55rem }
@media (max-width:768px) {
.f31 {
font-size:1.19230769rem
}
}
.f32 { font-size:1.6rem }
@media (max-width:768px) {
.f32 {
font-size:1.23076923rem
}
}
.f33 { font-size:1.65rem }
@media (max-width:768px) {
.f33 {
font-size:1.22222222rem
}
}
.f34 { font-size:1.7rem }
@media (max-width:768px) {
.f34 {
font-size:1.25925926rem
}
}
.f35 { font-size:1.75rem }
@media (max-width:768px) {
.f35 {
font-size:1.25rem
}
}
.f36 { font-size:1.8rem }
@media (max-width:768px) {
.f36 {
font-size:1.28571429rem
}
}
.f37 { font-size:1.85rem }
@media (max-width:768px) {
.f37 {
font-size:1.27586207rem
}
}
.f38 { font-size:1.9rem }
@media (max-width:768px) {
.f38 {
font-size:1.31034483rem
}
}
.f39 { font-size:1.95rem }
@media (max-width:768px) {
.f39 {
font-size:1.3rem
}
}
.f40 { font-size:2rem }
@media (max-width:768px) {
.f40 {
font-size:1.33333333rem
}
}
.f41 { font-size:2.05rem }
@media (max-width:768px) {
.f41 {
font-size:1.32258065rem
}
}
.f42 { font-size:2.1rem }
@media (max-width:768px) {
.f42 {
font-size:1.35483871rem
}
}
.f45 { font-size:2.25rem }
@media (max-width:768px) {
.f45 {
font-size:1.36363636rem
}
}
.f48 { font-size:2.4rem }
@media (max-width:768px) {
.f48 {
font-size:1.45454545rem
}
}
.f50 { font-size:2.5rem }
@media (max-width:768px) {
.f50 {
font-size:1.51515152rem
}
}
.f54 { font-size:2.7rem }
@media (max-width:768px) {
.f54 {
font-size:1.58823529rem
}
}
.f60 { font-size:3rem }
@media (max-width:768px) {
.f60 {
font-size:1.57894737rem
}
}
.f64 { font-size:2.3rem }
@media (max-width:768px) {
.f64 {
font-size:1.42857143rem
}
}
.f72 { font-size:3.6rem }
@media (max-width:768px) {
.f72 {
font-size:1.8rem
}
}
.f88 { font-size:4.4rem }
@media (max-width:1200px) {
.f88 {
font-size:4vw
}
}
@media (max-width:768px) {
.f88 {
font-size:1.45454545rem
}
}
.fal { font-family:Arial }
.fyl { font-family:FontBlar }
.fs { font-family:'瀹嬩綋' }
.fh { font-family:'榛戜綋' }
.fn { font-weight:400 }
.fb { font-weight:700 }
.fi { font-style:italic }
.fl { float:left }
.fln { float:none }
.fr { float:right }
.db { display:block }
.dib { display:inline-block }
.dt { display:table }
.dtc { display:table-cell }
.dn { display:none }
.bn { border:none }
.tl { text-align:left }
.tc { text-align:center }
.tr { text-align:right }
.tu { text-transform:uppercase }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.over { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.box { box-sizing:border-box }
.ma { margin-left:auto; margin-right:auto }
.c50 { left:50%; transform:translateX(-50%) }
.hc:hover { color:#0f3175 }
.jz { top:50%; left:50%; transform:translateX(-50%) translateY(-50%) }
.m0 { margin:0 }
.p0 { padding:0 }
.yy { box-shadow:0 0 12px rgba(70, 70, 70, .5) }
.yy2 { box-shadow:2px 2px 7px rgba(70, 70, 70, .2) }
.pz { padding-left:15px; margin-left:-15px }
.pr { position:relative }
.pa { position:absolute }
.oh { overflow:hidden }
.ov { overflow:visible }
.wrap { overflow:hidden }
.w50 { width:50%; float:left }
.w0 { width:0 }
.w00 { width:100% }
.h0 { height:0 }
.h00 { height:100% }
.ma00 { max-width:100% }
.mh00 { max-height:100% }
.wa { width:auto }
.ha { height:auto }
.abs { position:absolute; width:100%; height:100%; z-index:5; left:0; top:0 }
.imWrap { width:100%; padding-top:75.5%; position:relative; overflow:hidden }
.imWrap img { display:block; position:absolute; width:100%; min-height:100%; z-index:5; left:0; top:0 }
.imWrap .imgcon { position:absolute; width:100%; height:100%; z-index:5; left:0; top:0 }
.imWrap .imgcon img { position:relative; display:inline-block; width:auto; max-width:100% }
.big { overflow:hidden }
.big img { width:100%; display:block; transform:translateZ(0); transition:transform .3s linear
}
.big:hover img { transform:scale(1.1, 1.1) }
.big .imgcon img { width:auto; min-height:auto }
.imgDiv { position:relative; width:100%; overflow:hidden }
.imgDiv img { position:relative; display:block; left:50%; max-width:100%; transform:translateX(-50%) }
@media (max-width:768px) {
.imgDiv img {
width:150%;
max-width:initial
}
}
.imgDiv .abs { text-align:center }
.imgDiv .abs::after {
display:inline-block;
font-size:0;
height:100%;
vertical-align:middle;
content:".";
clear:both;
width:0
}
.imgDiv .ind_tit { display:inline-block; vertical-align:middle; margin:0 }
.imgcon { text-align:center; font-size:0; overflow:hidden }
.imgcon img { display:inline-block; vertical-align:middle; max-width:100% }
.imgcon:after { display:inline-block; vertical-align:middle; height:100%; color:#bbb; content:""; width:0 }
.m3w { margin-top:30px; margin-top:3vw }
.m2w { margin:2vw 0 }
.p2w { padding:2vw 0 }
.p3w { padding:3vw 0 }
.poi { cursor:pointer }
* { margin:0; padding:0 }
.clearfix { display:inline-block; zoom:1 }
.clearfix:after { display:block; font-size:0; clear:both; height:0; visibility:hidden; content:"." }
img { border:none }
blockquote, body, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, p, pre, select, textarea { margin:0 }
menu, ol, ul { list-style:none; margin:0; padding:0 }
a { color:#0f3175; text-decoration:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none }
a, a:active, a:focus { outline:0 }
table { border-collapse:collapse; border-spacing:0 }
blockquote, q { quotes:none }
address, em, i { font-style:normal }
abbr, acronym { font-variant:normal }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
a img, fieldset, iframe { border:none }
button, input, select { vertical-align:middle }
button { overflow:visible }
button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file]>input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
border:0 none;
padding:0
}
:active { outline:0 none }
::selection {
color:#fff;
background:#e74700
}
blockquote:after, blockquote:before, q:after, q:before { content:''; content:none }
* html .clearfix { height:1% }
html { font-size:20px; line-height:1.76 }
* { font-family:"Microsoft Yahei", "寰蒋闆呴粦", "瀹嬩綋", Arial, Helvetica, sans-serif }
body { background-color:#fff; font-size:14px; max-width:1920px; margin:0 auto; min-width:320px; overflow-x:hidden; -webkit-font-smoothing:antialiased }
h1 { font-size:1.8rem }
@media (max-width:768px) {
h1 {
font-size:1.28571429rem
}
}
h2 { font-size:1rem }
h3 { font-weight:400; font-size:.8rem
}
@media (max-width:768px) {
h3 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
h3 {
font-size:1rem
}
}
h4 { font-size:16px }
@font-face {
font-family:FontBlar;
src:url(../fonts/heimi.woff) format('woff'), url(../fonts/heimi.ttf) format('truetype'), url(../fonts/heimi.svg) format('svg')
}
ul { overflow:hidden }
a, input { outline:0 }
input[type=button], input[type=submit], input[type=reset] { -webkit-appearance:none; border-radius:0 }
.containe { width:100%; display:block; max-width:1200px; margin:0 auto }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#bbb
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#bbb
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#bbb
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#bbb
}
.articleCon img { max-width:100%; height:auto!important }
.swiper-container { position:relative; width:100%; height:100% }
.swiper-container img { display:block; max-width:100% }
div.digg { width:100%; text-align:center; font-size:14px; padding:3px; margin:15px 0 }
@media (max-width:640px) {
div.digg {
font-size:13px
}
}
div.digg li { display:inline-block; vertical-align:middle }
div.digg a { text-align:center; border:#ccc 1px solid; padding:4px 10px; color:#666; margin:5px; line-height:39px }
@media screen and (max-width:768px) {
div.digg a {
padding:3px 9px;
margin:3px
}
}
div.digg p { display:inline-block; vertical-align:middle }
div.digg .disabled * { color:#ddd; border:#eee 1px solid; padding:4px 10px; margin:5px }
div.digg .current * { color:#fff; font-weight:700; border:#bf141c 1px solid; padding:4px 10px; background-color:#bf141c }
div.digg .active * { color:#fff; background-color:#ff722f; border-color:#ff722f }
.btn { display:inline-block; color:#333; font-size:14px; text-align:center; line-height:1.6rem; border:1px solid #333 }
@media (max-width:640px) {
.btn {
font-size:13px
}
}
.btn.bg { background-color:#ff722f; color:#fff; border-color:#ff722f }
.tabCon .con { display:none }
.tabCon .con.act { display:block }
.row { display:flex; flex-flow:row wrap; justify-content:space-between }
.row .col { flex:1 }
.tabUl { display:flex; flex-flow:row wrap; justify-content:space-between }
.tabUl li { flex:1; cursor:pointer }
.gradient_linear { background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#49d), to(#5571b4)); -webkit-background-clip:text; -webkit-text-fill-color:transparent }
.bgcon { overflow:hidden; background-color:#fff; padding-bottom:3vw; background-repeat:no-repeat; background-position:center top; background-size:auto auto }
@keyframes rota { 0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@keyframes rota2 { 0% {
transform:rotate(0)
}
50% {
transform:rotate(-180deg)
}
100% {
transform:rotate(-360deg)
}
}
@keyframes move3 { 0% {
right:0;
top:50%
}
20% {
right:-400px;
top:30%;
transform:scale(.75)
}
50% {
right:-850px;
top:50%;
transform:scale(.9)
}
70% {
right:-1300px;
top:30%;
transform:scale(.75)
}
100% {
right:-1700px;
top:50%
}
}
@keyframes move4 { 0% {
left:0;
top:-1000px;
width:6000px;
border-left:800px solid #081e4a
}
50% {
left:-2500px;
top:-800px;
width:5760px;
border:none
}
100% {
left:0;
top:0;
width:100%;
border:none
}
}
@keyframes move5 { 0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes move6 { 0% {
background-position:-1rem center
}
100% {
background-position:100% center
}
}
@keyframes move7 { 0% {
background-position:95% center
}
100% {
background-position:100% center
}
}
.specbtn { color:#fff; font-size:1rem; position:relative; transition:color .5s;
display:block; margin-left:auto; margin-right:auto; text-align:center; width:7rem }
.specbtn::after, .specbtn::before {
position:absolute;
width:0;
content:" ";
z-index:5;
top:0;
border-top:1px solid #ff722f;
-webkit-transition:width .5s;
transition:width .5s
}
.specbtn::after {
top:initial;
bottom:0;
right:0
}
.specbtn:hover { color:#ff722f }
.specbtn:hover::after, .specbtn:hover::before {
width:100%
}
body { max-width:inherit }
.containe { max-width:1600px }
@media screen and (max-width:1600px) {
.containe {
width:auto;
margin:0 5%
}
}
@media screen and (max-width:980px) {
.containe {
width:auto;
margin:0 auto;
max-width:744px
}
}
@media screen and (max-width:768px) {
.containe {
margin:0 12px
}
}
@media screen and (max-width:1600px) {
html {
font-size:19px
}
}
.oldhead { width:100%; position:fixed; z-index:88; height:84px; top:0; left:0; border-bottom:1px solid #536281 }
.oldhead .containe { max-width:1920px }
@media screen and (max-width:980px) {
.oldhead {
border:none;
box-shadow:2px 2px 7px rgba(70, 70, 70, .2);
overflow:hidden;
position:fixed;
z-index:888;
height:52px;
top:0;
left:0;
background-color:#fff!important
}
}
.oldhead .accessd { float:right; background-color:#ff722f; display:-webkit-flex; display:flex; align-items:center; height:85px; padding:0 1.5% }
.oldhead .accessd .lnks { font-size:15px; color:#fff; line-height:2 }
@media (max-width:640px) {
.oldhead .accessd .lnks {
font-size:1rem
}
}
@media (max-width:1200px) {
.oldhead .accessd {
display:none
}
}
.oldhead .topr { float:right; display:inline-block; font-size:14px; color:#fff; overflow:hidden; margin-top:31px; line-height:1; margin-left:1rem; margin-right:4% }
@media (max-width:640px) {
.oldhead .topr {
font-size:13px
}
}
.oldhead .topr .iconfont { display:inline-block; vertical-align:middle; color:#0f3175; font-size:1rem; line-height:1; background-color:#fff; padding:1px; border-radius:3px }
.oldhead .topr h6 { font-size:1.2rem; font-weight:700; display:inline-block; vertical-align:middle; font-family:Arial }
@media (max-width:768px) {
.oldhead .topr h6 {
font-size:1.09090909rem
}
}
@media (max-width:1650px) {
.oldhead .topr {
margin-right:1%
}
}
@media (max-width:1600px) {
.oldhead .topr {
display:none
}
}
.oldhead .navbar { font-size:0 }
.oldhead .navbar .logo { position:relative; float:left; display:inline-block; z-index:5; padding:14px 0 0; margin-left:4%; white-space:nowrap; margin-right:2vw }
.oldhead .navbar .logo img { display:block }
.oldhead .navbar .logo h1 { font-size:0; display:none }
@media (max-width:980px) {
.oldhead .navbar .logo {
padding-top:8px!important;
margin-left:6px;
margin-top:-1px
}
.oldhead .navbar .logo img {
max-width:250px;
max-height:37px
}
}
@media (max-width:1650px) {
.oldhead .navbar .logo {
margin-left:1%
}
}
.oldhead .navbar .mBtn { display:none; float:right; text-align:center; width:10%; margin-top:7px; cursor:pointer }
.oldhead .navbar .mBtn .iconfont { font-size:25px; line-height:1.7; color:#0f3175 }
@media screen and (max-width:980px) {
.oldhead .navbar .mBtn {
display:inline-block
}
}
.oldhead #Nav { text-align:center; overflow:visible; display:flex; flex-flow:row nowrap; justify-content:space-between; padding-left:3% }
.oldhead #Nav a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.oldhead #Nav li { position:relative; flex:1; padding-right:15px }
.oldhead #Nav li .tarA { display:block; box-sizing:border-box; color:#fff; font-weight:400; font-size:.85rem;
text-align:center; line-height:84px; white-space:nowrap; -webkit-transition:all .2s linear;
transition:all .2s linear
}
@media (max-width:768px) {
.oldhead #Nav li .tarA {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.oldhead #Nav li .tarA {
font-size:1.0625rem
}
}
.oldhead #Nav li .tarA.act { color:#ff722f }
.oldhead #Nav li:hover .tarA { color:#ff722f }
@media screen and (max-width:1400px) {
.oldhead #Nav {
padding-left:0
}
}
@media screen and (max-width:980px) {
.oldhead #Nav {
display:none
}
}
.oldhead.scroll { background-color:#fff; box-shadow:2px 2px 7px rgba(70, 70, 70, .2); border-color:#fff }/*.oldhead.scroll .topr{color:#000}.oldhead.scroll #Nav .tarA{color:#333}.oldhead.scroll .navbar .logo{background-image:url(../images/logo2.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto}.oldhead.scroll .navbar .logo img{opacity:0;filter:alpha(opacity=0)}#footer{overflow:hidden;clear:both;position:relative;z-index:5;padding-top:3%;background-color:#081736;background-image:url(../images/03.jpg);background-repeat:no-repeat;background-position:0 center;background-size:auto auto}*/
#footer h3.tit {
font-size:.8rem; color:#fff; margin-bottom:1em }
@media (max-width:768px) {
#footer h3.tit {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#footer h3.tit {
font-size:1rem
}
}
#footer .ftell { float:right; text-align:right }
#footer .ftell em { font-size:3rem; font-family:Arial; color:#fff; font-weight:700; text-transform:uppercase; color:#eee; line-height:1 }
@media (max-width:768px) {
#footer .ftell em {
font-size:1.57894737rem
}
}
#footer .ftell p { font-size:14px; color:#eee }
@media (max-width:640px) {
#footer .ftell p {
font-size:13px
}
}
#footer dl { display:inline-block; float:left; margin-right:3% }
#footer dl dd { margin-bottom:.2em }
#footer dl a { font-size:13px; color:#eee }
#footer .d2 { width:15rem }
#footer .d2 dd { width:50%; float:left }
#footer .d3 { width:18rem; margin-right:0 }
#footer .d3 dd { display:inline-block; margin-right:1.5em }
@media screen and (max-width:768px) {
#footer {
padding-top:0
}
#footer>.containe {
display:none
}
}
#footer #topBack { float:right; display:none }
#footer .ewm { padding-top:.5em; float:right; font-size:12px; color:#999; text-align:center; margin-right:7% }
#footer .ewm .img { width:7rem }
#footer .fotnav { overflow:hidden; display:flex; flex-flow:wrap; justify-content:space-between }
#footer .fotnav dl { flex-shrink:1 }
#footer .fotnav dl dt {
font-size:.8rem; font-weight:400; cursor:pointer; color:#fff; line-height:2.5em; margin-bottom:.2rem
}
@media (max-width:768px) {
#footer .fotnav dl dt {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#footer .fotnav dl dt {
font-size:1rem
}
}
#footer .fotnav dl dt a { display:block; position:relative; color:#fff }
#footer .fotnav dl dd { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#bbb; line-height:2.4 }
#footer .fotnav dl dd:nth-of-type(n+7) {
display:none
}
#footer .fotnav dl dd a { font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; color:#bbb }
@media (max-width:640px) {
#footer .fotnav dl dd a {
font-size:13px
}
}
@media screen and (max-width:768px) {
#footer .fotnav {
display:none
}
}
#footer .yq_link { overflow:hidden; padding-bottom:.5em }
#footer .yq_link h5 { font-weight:400; color:#eee; float:left; font-size:14px; padding-right:9px; line-height:23px }
@media (max-width:640px) {
#footer .yq_link h5 {
font-size:13px
}
}
#footer .yq_link .iconfont { font-size:1.25rem; vertical-align:middle }
@media (max-width:768px) {
#footer .yq_link .iconfont {
font-size:1.08695652rem
}
}
#footer .yq_link a { display:inline-block; color:#fff; margin-left:0!important }
@media screen and (max-width:768px) {
#footer .yq_link {
display:none
}
}
#footer .copyright { color:#eee; line-height:1.6; padding:1em 0; margin-top:1em; border-top:1px solid #757e8d }
@media screen and (max-width:480px) {
#footer .copyright {
padding:3% 0;
text-align:center
}
#footer .copyright .support {
display:none
}
}
#footer .copyright a { display:inline-block; color:#eee; margin:0 15px }
#footer .copyright a:hover { color:#fff }
#spbtn { width:80PX }
#spbtn img { max-width:100% }
#spbtn p { text-align:center; color:#fff; font-size:12px; margin-top:-2.5em; line-height:1.8; margin-bottom:.5em }
.fancybox-overlay { display:none; width:100%; height:100%; z-index:9999; position:fixed; bottom:0; right:0; background-color:rgba(0, 0, 0, .7) }
.fancybox-overlay #diveoid { position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:55; width:90%; max-width:800px }
.flow.right_side { position:fixed; width:75px; right:0; top:50%; transform:translateY(-50%); z-index:400 }
@media screen and (max-width:768px) {
.flow.right_side {
display:none
}
}
.flow.right_side ul { overflow:visible }
.flow.right_side ul li { position:relative; float:left; width:75px; height:70px; margin-bottom:1px }
.flow.right_side ul li .area { display:block; color:#fff; border-radius:8px; width:75px; height:70px; transition:all .3s;
background:rgba(29, 99, 183, .7) }
.flow.right_side ul li .area:hover { background-color:#487ab6 }
.flow.right_side ul li .area:hover i { font-size:0 }
.flow.right_side ul li .area:hover i::before {
line-height:2
}
.flow.right_side ul li .sidebox { position:absolute; overflow:hidden; top:0; right:0; display:block; color:#fff; border-radius:8px; width:75px; height:70px; transition:all .3s;
background:rgba(29, 99, 183, .7); font-size:20px }
.flow.right_side ul li .sidebox:hover { background-color:#487ab6 }
.flow.right_side ul li .sidebox:hover i { font-size:0 }
.flow.right_side ul li .sidebox:hover i::before {
line-height:2
}
.flow.right_side ul li .sidetop, .flow.right_side ul li .sign, .flow.right_side ul li .wx { display:block; color:#fff; border-radius:8px; width:75px; height:70px; transition:all .3s;
background:rgba(29, 99, 183, .7) }
.flow.right_side ul li .sidetop:hover, .flow.right_side ul li .sign:hover, .flow.right_side ul li .wx:hover { background-color:#487ab6 }
.flow.right_side ul li .sidetop:hover i, .flow.right_side ul li .sign:hover i, .flow.right_side ul li .wx:hover i { font-size:0 }
.flow.right_side ul li .sidetop:hover i::before, .flow.right_side ul li .sign:hover i::before, .flow.right_side ul li .wx:hover i::before {
line-height:2
}
.flow.right_side ul li i { display:inline-block; color:#fff; text-align:center; vertical-align:middle; font-size:13px; line-height:1.4; width:75px; height:70px; margin-top:4px }
.flow.right_side ul li i::before {
display:block;
font-size:30px;
-webkit-transition:all .3s linear;
transition:all .3s linear
}
.flow.right_side ul li .wx { position:relative }
.flow.right_side ul li .wx .wx_code { position:absolute; display:none; width:120px; height:120px; background:#487ab6; padding:4px; left:-130px; top:50%; transform:translateY(-50%) }
.flow.right_side ul li .wx .wx_code img { max-width:100% }
@media screen and (max-width:1400px) {
html {
font-size:18px
}
}
@media screen and (max-width:980px) {
body {
max-width:100%;
overflow-x:hidden;
padding-bottom:45px;
padding-top:52px
}
.oldhead .navbar .logo {
background-image:url(../images/mlogo.png);
background-repeat:no-repeat;
background-position:0 0;
background-size:auto 100%;
margin-top:5px
}
.oldhead .navbar .logo img {
opacity:0
}
}
#ind_banner .swiper-slide { position:relative; background-repeat:no-repeat; background-position:60% center; background-size:auto 100% }
#ind_banner .img { opacity:0; width:100% }
#ind_banner .cont { position:absolute; width:100%; top:45%; opacity:0; left:-10rem; transform:translateX(2%) translateY(-50%); -webkit-transition:opacity .5s, left .8s ease;
transition:opacity .5s, left .8s ease
}
#ind_banner .cont h2 { font-size:2.7rem; font-weight:700; color:#fff; line-height:1.4; margin-bottom:2%; max-width:40% }
@media (max-width:768px) {
#ind_banner .cont h2 {
font-size:1.58823529rem
}
}
#ind_banner .cont small {
font-size:.9rem; color:#fff; display:block; max-width:60% }
@media (max-width:768px) {
#ind_banner .cont small {
font-size:.94444444rem
}
}
#ind_banner .swiper-slide-active .cont { opacity:1; left:0 }
@media screen and (max-width:980px) {
#ind_banner .img {
height:60vw
}
#ind_banner .swiper-button-white {
display:none
}
#ind_banner .cont h2, #ind_banner .cont small {
max-width:60%
}
}
.ind_tit { text-align:center; margin-left:auto; margin-right:auto; padding:2% 0 }
.ind_tit h2 { font-size:1.8rem; font-weight:700; color:#222; line-height:2.3 }
@media (max-width:768px) {
.ind_tit h2 {
font-size:1.28571429rem
}
}
@media screen and (max-width:768px) {
.ind_tit h2 {
font-size:1.5rem
}
}
@media screen and (max-width:768px) and (max-width:768px) {
.ind_tit h2 {
font-size:1.2rem
}
}
.ind_tit small { font-size:15px; color:#333; line-height:1.6 }
@media (max-width:640px) {
.ind_tit small {
font-size:1rem
}
}
.ind_tit em { color:#ff722f }
h2.inner_tit { font-size:1.5rem; color:#333; font-weight:700; text-align:center; margin-bottom:1rem; line-height:1.2 }
@media (max-width:768px) {
h2.inner_tit {
font-size:1.2rem
}
}
h2.inner_tit.cc { color:#0f3175 }
h2.inner_tit.about { padding-bottom:1%; text-align:left }
.a3s { position:absolute; width:100%; box-sizing:border-box; background-color:#fff; padding:1.5rem 5%; left:0; top:50%; transform:translateY(-50%); z-index:5 }
.a3s .li { float:left }
.a3s .li a { display:block }
.a3s .li i { display:inline-block; font-size:1rem; vertical-align:middle; font-style:italic; text-align:center; overflow:hidden; background-color:#ff722f; font-family:Arial; font-weight:400; border-radius:50%; width:1.8em; line-height:1.8; margin-right:.5em; color: #fff; }
.a3s .li h3 {
font-size:.8rem; font-weight:700; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
@media (max-width:768px) {
.a3s .li h3 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.a3s .li h3 {
font-size:1rem
}
}
.a3s .li .des { font-size:14px; color:#666; padding-top:.5em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
@media (max-width:640px) {
.a3s .li .des {
font-size:13px
}
}
.a3s .swiper-button-white { background-color:#e5e5e5; width:1.5rem; height:1.5rem; background-size:auto 1.3rem; margin-top:-1rem }
.a3s .swiper-button-next { right:0 }
.a3s .swiper-button-prev { left:0 }
#ind_d1 { background-color:#f0f5f6; padding:4.5% 0 3% }
#ind_d1 .item4s { display:flex; flex-flow:row wrap; justify-content:space-between }
#ind_d1 .item { text-align:center; background-color:#fff; position:relative; box-sizing:border-box; border:2px solid #fff; width:23%; padding:2% 0 3% }
#ind_d1 .item img { max-width:100% }
#ind_d1 .item h5 { font-size:1rem; color:#333; line-height:2.7; padding-bottom:.3em }
#ind_d1 .item dl { display:inline-block; text-align:left; padding:0 5% 2% }
#ind_d1 .item dd { line-height:2; font-size:15px }
@media (max-width:640px) {
#ind_d1 .item dd {
font-size:1rem
}
}
#ind_d1 .item dd i { color:#ff722f; padding-right:.5em }
#ind_d1 .item .arr {
font-size:.85rem; color:#999; display:block; line-height:1; transform:translateY(150%); opacity:1; -webkit-transition:opacity .5s linear;
transition:opacity .5s linear
}
@media (max-width:768px) {
#ind_d1 .item .arr {
font-size:.94444444rem
}
}
@media (max-width:640px) {
#ind_d1 .item .arr {
font-size:1.0625rem
}
}
#ind_d1 .item .btns { position:relative; width:80%; margin-left:auto; margin-right:auto }
#ind_d1 .item .btns .link { display:inline-block; box-sizing:border-box; font-size:14px; color:#0f3175; background-color:#ff722f; float:left; line-height:2.7; width:50%; border:1px solid #ff722f; border-left:0 }
@media (max-width:640px) {
#ind_d1 .item .btns .link {
font-size:13px
}
}
#ind_d1 .item .btns .link+.link { border-color:#0f3175; background-color:#fff }
#ind_d1 .item::before {
position:absolute;
box-sizing:border-box;
display:none;
width:100%;
height:100%;
content:"";
z-index:1;
left:0;
border:2px solid #0f3175;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .3s linear;
transition:all .3s linear;
top:0
}
#ind_d1 .item:hover { box-shadow:2px 2px 7px rgba(70, 70, 70, .2); border-color:#0f3175 }
#ind_d1 .item:hover .arr { opacity:0 }
#ind_d1 .item:hover .btns { opacity:1; transform:scale(1) }
@media screen and (max-width:1200px) {
#ind_d1 {
padding-top:8%
}
#ind_d1 .item .arr, #ind_d1 .item .btns, #ind_d1 .item dl {
display:none
}
}
@media screen and (max-width:768px) {
#ind_d1 .item {
padding:1% 0;
width:49%;
margin-bottom:2%
}
#ind_d1 .item img {
max-width:70%;
margin-top:6%
}
#ind_d1 .containe {
overflow:hidden
}
}
#ind_d2 { background-color:#0f3175; position:relative; overflow:hidden; padding:1% 0 3% }
@media screen and (max-width:768px) {
#ind_d2 {
display:none
}
}
#ind_d2 .ind_tit small { color:#fff }
#ind_d2 .item5s { display:flex; flex-flow:row wrap; justify-content:space-between }
#ind_d2 .item { text-align:center; width:18%; padding:2% 0; max-width:260px }
#ind_d2 .item h5 {
font-size:.9rem; color:#fff; line-height:2.7; padding-bottom:.3em }
@media (max-width:768px) {
#ind_d2 .item h5 {
font-size:.94444444rem
}
}
#ind_d2 .item .des { font-size:15px; color:#fff; text-align:center; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
@media (max-width:640px) {
#ind_d2 .item .des {
font-size:1rem
}
}
#ind_d2 .item.first .number strong { font-size:1rem }
#ind_d2 .number { color:#ff722f }
#ind_d2 .number .num { font-size:3.6rem; font-weight:700; font-family:Arial; display:inline-block; transform:scale(.8, 1); vertical-align:text-top }
@media (max-width:768px) {
#ind_d2 .number .num {
font-size:1.8rem
}
}
#ind_d2 .number strong { font-size:1.5rem; display:inline-block; vertical-align:text-top; line-height:3rem }
@media (max-width:768px) {
#ind_d2 .number strong {
font-size:1.2rem
}
}
#ind_d2 #m2 { position:absolute; width:auto; opacity:.5; animation:move3 20s linear infinite }
#ind_d2 #canvas { position:absolute; left:0; top:0; z-index:-1 }
.ind_case { display:flex; flex-flow:row wrap; justify-content:flex-start }
.ind_case li { width:25% }
.ind_case .num { float:right; display:inline-block; font-size:13px; font-family:Arial; color:#000 }
.ind_case .num i {
font-size:.85rem; color:#999; margin:0 5px 0 .5rem
}
@media (max-width:768px) {
.ind_case .num i {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.ind_case .num i {
font-size:1.0625rem
}
}
.ind_case .num i:hover { color:#ff722f }
.ind_case .cont { padding:1rem 1rem 0 }
.ind_case .cont h4 {
font-size:.8rem; color:#333; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
@media (max-width:768px) {
.ind_case .cont h4 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.ind_case .cont h4 {
font-size:1rem
}
}
.ind_case .cont small { font-size:14px; color:#666; line-height:2.4 }
@media (max-width:640px) {
.ind_case .cont small {
font-size:13px
}
}
.ind_case .cont .ico { float:right; display:none; width:41px; height:20px; background-image:url(../images/i02.png); background-repeat:no-repeat; background-position:0 center; background-size:auto auto }
.ind_case .cont .more { font-size:14px; color:#666; margin-top:1em; padding:.9em 0; border-top:1px solid #e8e8e8; background-image:url(../images/i03.png); background-repeat:no-repeat; background-position:100% center; background-size:auto auto }
@media (max-width:640px) {
.ind_case .cont .more {
font-size:13px
}
}
#ind_d3 { padding:.6% }
#ind_d3 .ind_case li { box-sizing:border-box; border:1px solid #ddd; width:24%; margin-bottom:1.3%; margin:.5% }
#ind_d3 .ind_case li:hover h4 { color:#ff722f }
#ind_d3 .ind_case li:hover .more { color:#ff722f; background-image:url(../images/i03i.png); animation:move7 .5s linear forwards
}
@media screen and (max-width:768px) {
#ind_d3 .ind_case li {
border:none
}
#ind_d3 .ind_case li .big {
border:1px solid #ddd;
padding:10px
}
#ind_d3 .ind_case li .cont {
text-align:center;
padding:.4rem 1rem .5rem
}
#ind_d3 .ind_case li .cont .more, #ind_d3 .ind_case li .cont small {
display:none
}
}
#ind_d4 { padding:1% 0 0; background-color:#131f69 }
#ind_d4 .ind_tit { max-width:initial }
#ind_d4 .ind_tit h2 { font-size:1.5rem; line-height:1.5 }
@media (max-width:768px) {
#ind_d4 .ind_tit h2 {
font-size:1.2rem
}
}
@media screen and (max-width:640px) {
#ind_d4 .ind_tit h2 {
font-size:1.2rem
}
}
@media screen and (max-width:640px) and (max-width:768px) {
#ind_d4 .ind_tit h2 {
font-size:1.09090909rem
}
}
#ind_d4 .earth_move { text-align:center; overflow:hidden; position:relative; height:30vw; background-repeat:no-repeat; background-position:center 0; background-size:auto }
#ind_d4 .earth_move .bg { max-width:100%; position:absolute; z-index:0; top:0; right:0; left:0; margin:auto; animation:rota2 60s linear infinite }
#ind_d4 #nflag { position:relative; max-width:100%; animation:rota 40s linear infinite; z-index:1 }
#ind_news { margin-bottom:3% }
#ind_news .new_tit { font-size:1.8rem; color:#222; font-weight:700; margin:3% 0 1% }
@media (max-width:768px) {
#ind_news .new_tit {
font-size:1.28571429rem
}
}
#ind_news .tabUl { margin-bottom:2%; justify-content:flex-start }
#ind_news .tabUl li { font-size:15px; color:#444; text-align:center; border:1px solid #999; margin-right:1em; border-radius:1rem; line-height:2.3; flex:initial; min-width:5em; padding:0 1em }
@media (max-width:640px) {
#ind_news .tabUl li {
font-size:1rem
}
}
#ind_news .tabUl li.act { background-color:#ff722f; border-color:#ff722f; color:#fff!important }
#ind_news .tabUl li:hover { color:#ff722f; border-color:#ff722f }
#ind_news .arr { float:right; width:1.5rem; height:5em; background-image:url(../images/i03.png); background-repeat:no-repeat; background-position:100% center; background-size:auto auto }
.newsd { display:flex; flex-flow:row wrap; justify-content:flex-start }
.newsd .onenews { display:block; width:30% }
.newsd .onenews .imWrap { padding-top:60% }
.newsd .date { font-size:14px; color:#666; display:inline-block; float:left; text-align:center; line-height:1.2; padding:.5em 1em .5em 0; margin-right:4%; margin-bottom:4% }
@media (max-width:640px) {
.newsd .date {
font-size:13px
}
}
.newsd .date strong { display:block; font-size:2.25rem; color:#666 }
@media (max-width:768px) {
.newsd .date strong {
font-size:1.36363636rem
}
}
.newsd .simg { display:none; float:left; width:32vw; height:24vw; margin-right:3vw }
.newsd hr { clear:both; border-color:#ddd; margin-bottom:1.5em }
.newsd .item { display:block; overflow:hidden; background-color:#f5f5f5; padding:4% 1.5rem; margin-bottom:3% }
.newsd .item:hover .arr { background-image:url(../images/i03i.png)!important; animation:move6 .5s linear forwards
}
.newsd .item:hover h4 { color:#ff722f }
.newsd h4 {
font-size:.8rem; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
@media (max-width:768px) {
.newsd h4 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.newsd h4 {
font-size:1rem
}
}
.newsd .des { font-size:14px; color:#666; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:1em 0 1.5em }
@media (max-width:640px) {
.newsd .des {
font-size:13px
}
}
.newsd .n2 { width:30%; margin:0 1% }
.newsd .n3 { width:38% }
.newsd .n3 .item { margin-bottom:2%; padding-top:1em; padding-bottom:2.9% }
.newsd .n3 .date { margin-bottom:0; padding:0 1em 0 0 }
.newsd .n3 h4 { margin-top:4% }
@media screen and (min-width:640px) {
.newsd .n3 .des {
display:none
}
}
@media screen and (max-width:640px) {
.newsd .arr, .newsd .date, .newsd hr {
display:none
}
.newsd .simg {
display:block
}
.newsd .n2 {
margin:0
}
.newsd .n2 .item {
margin-bottom:2%
}
.newsd .n2 h4 {
margin-top:3%
}
.newsd .n2 .item, .newsd .n3 .item {
padding:0
}
.newsd .n3 h4 {
margin-top:3%
}
.newsd .des {
margin:0;
padding-top:1%
}
}
#ind_cor { position:relative; display:flex; flex-flow:row nowrap; justify-content:space-between; background-color:#081e4a; border-top:40px solid #fff; min-height:480px }
#ind_cor .brandul { display:flex; width:30%; flex-flow:row wrap; justify-content:space-between; padding:1rem .5rem;
height:500px }
#ind_cor .brandul li { position:relative; flex:1; flex-basis:138px; flex-basis:33%; max-width:203px }
#ind_cor .brandul li a { display:block; padding:0 .4rem
}
#ind_cor .brandul li .imWrap { padding-top:51.3% }
@media screen and (max-width:1400px) {
#ind_cor .brandul li {
flex-basis:48%
}
}
#ind_corpor { display:none; background-color:#081e4a; padding:2% 0; border-top:40px solid #fff; min-height:480px }
#ind_corpor .swiper-slide { background-color:#0d285c }
#ind_corpor .swiper-slide .imWrap { padding-top:47.6% }
#ind_corpor .swiper-slide .imWrap img { width:auto; height:auto; max-width:100%; max-height:100%; min-height:initial; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) }
.form_div { box-sizing:border-box; background-color:#f4b406; position:relative; top:-40px; width:100%; max-width:780px; padding:3rem 4rem 0 2rem }
.form_div h3 { font-size:1rem; color:#fff; text-align:center }
.form_div::before {
position:absolute;
width:0;
height:0;
content:"";
border-bottom:40px solid #d39b00;
border-left:28px solid transparent;
border-top:0;
top:0;
left:-28px
}
.form_div::after {
position:absolute;
width:0;
height:0;
content:"";
border-bottom:40px solid #d39b00;
border-right:28px solid transparent;
border-top:0;
top:0;
right:-28px
}
.form_div input::-webkit-input-placeholder, .form_div textarea::-webkit-input-placeholder {
color:#fff
}
.form_div input:-moz-placeholder, .form_div textarea:-moz-placeholder {
color:#fff
}
.form_div input::-moz-placeholder, .form_div textarea::-moz-placeholder {
color:#fff
}
.form_div input:-ms-input-placeholder, .form_div textarea:-ms-input-placeholder {
color:#fff
}
#proform { margin:4% 0 }
#proform .row { margin-bottom:3%; display:block; color:#fff }
@media screen and (max-width:768px) {
#proform .row {
width:100%
}
}
#proform label { font-size:14px; color:#fff; text-align:right; margin-right:1em; width:7em; float:left; line-height:3 }
@media (max-width:640px) {
#proform label {
font-size:13px
}
}
#proform label span { color:red }
@media screen and (max-width:768px) {
#proform label {
width:4em;
white-space:nowrap
}
}
#proform input { width:100%; box-sizing:border-box; background-color:transparent; color:#666; border:1px solid #fff; line-height:2; padding:.2rem
}
#proform textarea { width:100%; box-sizing:border-box; color:#fff; height:14em; background-color:transparent; border:1px solid #fff }
#proform input[type=radio] { display:inline-block; width:auto; margin:0 .5rem 0 1rem
}
#proform select { box-sizing:border-box; color:#fff; height:36px; border:1px solid #fff; background-color:transparent; width:48% }
#proform select option { color:#333 }
#proform select+select { float:right }
#proform input[type=submit] { float:left; font-size:15px; font-weight:400; display:block; background-color:#fff; color:#111; line-height:2.3; text-align:center; border:none; width:7rem; margin:1em 0; cursor:pointer }
@media (max-width:640px) {
#proform input[type=submit] {
font-size:1rem
}
}
#proform input[type=submit]:hover { animation:jello 1s linear forwards }
#proform input[type=submit]+.fr { display:inline-block; margin-top:1.5em }
#proform #verify { width:7em }
@media screen and (max-width:768px) {
#proform {
display:none
}
}
#jz_d4 { overflow:hidden; padding:3% 0 0 }
#jz_d4 .i1 { float:left; width:50%; margin-left:-2%; margin-right:4% }
#jz_d4 h3 { font-size:1.8rem; color:#333; font-weight:700 }
@media (max-width:768px) {
#jz_d4 h3 {
font-size:1.28571429rem
}
}
#jz_d4 h3 small { display:block; font-size:.8rem;
color:#333; font-weight:400; margin:1.8em 0 }
@media (max-width:768px) {
#jz_d4 h3 small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#jz_d4 h3 small {
font-size:1rem
}
}
#jz_d4 dl { display:flex; flex-flow:row wrap; justify-content:space-between }
#jz_d4 dl dd { width:40% }
#jz_d4 dl h4 { font-size:1rem; font-weight:700; color:#333 }
#jz_d4 dl small { display:block; font-size:.8rem;
color:#333; padding:.8em 0 1.2em }
@media (max-width:768px) {
#jz_d4 dl small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#jz_d4 dl small {
font-size:1rem
}
}
#jz_d4 dl i { vertical-align:text-bottom; display:inline-flex; fill:#ff722f; width:1.5rem; height:1.5rem; margin-right:.5em }
#jz_d5 { margin-bottom:4% }
.jz_news { display:flex; flex-flow:row wrap; justify-content:space-between }
.jz_news .col { width:31% }
.jz_news .col ._t { border:1px solid #ddd; margin-bottom:1.5em }
.jz_news .col ._t:hover { box-shadow:2px 2px 7px rgba(70, 70, 70, .2) }
.jz_news .col .imWrap { padding-top:60% }
.jz_news .col h3 {
font-size:.8rem; font-weight:700; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; line-height:3.5 }
@media (max-width:768px) {
.jz_news .col h3 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.jz_news .col h3 {
font-size:1rem
}
}
.jz_news .list { width:100% }
.jz_news .list li { float:left; width:100%; border-bottom:1px dashed #dedede; line-height:3.4 }
@media screen and (max-width:768px) {
.jz_news .list li {
float:none;
width:97%
}
}
.jz_news .list li a { display:block }
.jz_news .list li h5 { color:#666; font-size:15px; display:block; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
@media (max-width:640px) {
.jz_news .list li h5 {
font-size:1rem
}
}
.jz_news .list li h5:hover { color:#0f3175 }
.jz_news .list li h5 i { padding-right:.5em }
.jz_news .list li .date { color:#888; display:inline-block; float:right; font-size:14px; margin-right:2px }
.jz_news .list li:hover h5 { color:#ff722f }
#kj_d1 { position:relative; overflow:hidden; width:100% }
#kj_d1 img { display:block }
#kj_d1 .cont1 { opacity:0; position:absolute; bottom:0; right:0; -webkit-transition:all .8s linear .3s;
transition:all .8s linear .3s;
transform:scale(.5) }
#kj_d1 .cont1 .i3 { position:absolute; bottom:41%; width:100%; height:300px; right:7%; -webkit-transform-style:preserve-3d; perspective:663px }
#kj_d1 .cont1 .i3 img { position:absolute; bottom:0; right:0; -webkit-transform:rotateX(82deg); transform-origin:100% 100%; -webkit-transition:all 1s linear 1.2s; transition:all 1s linear 1.2s }
#kj_d1 .cont2 { position:absolute; width:100%; z-index:5; left:-10%; bottom:14vw; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 1s linear; transition:1s linear }
#kj_d1 .cont2 h3 { font-size:1.9rem; color:#fff; font-weight:700; line-height:1.7 }
@media (max-width:768px) {
#kj_d1 .cont2 h3 {
font-size:1.31034483rem
}
}
#kj_d1 .cont2 h3 em { color:#ff722f }
#kj_d1 .cont2 small { font-size:1rem; color:#fff; display:inline-block; padding:.3em 1.5em; border-radius:1.5rem; background-color:#373cb3; margin-top:.7em }
#kj_d1 .cont2 .btn { text-align:center; color:#ff722f; font-size:15px; display:block; width:9em; margin:4% 0; border-color:#ff722f; border-radius:3px; padding:.5em }
@media (max-width:640px) {
#kj_d1 .cont2 .btn {
font-size:1rem
}
}
#kj_d1 .cont2 .btn i { float:right; margin-right:5% }
#kj_d1.active .cont2 { left:0; opacity:1 }
#kj_d1.active .cont1 { transform:scale(1); opacity:1 }
#kj_d1.active .cont1 .i3 img { -webkit-transform:rotateX(0) }
#kj_d2 ul { overflow:visible; display:flex; flex-flow:row wrap; justify-content:space-between; padding:1em 0 }
#kj_d2 ul li { box-sizing:border-box; text-align:center; box-shadow:0 0 15px rgba(57, 52, 177, .3); padding:3%; width:23% }
#kj_d2 ul li img { max-width:100% }
#kj_d2 ul li:hover { box-shadow:0 0 15px rgba(57, 52, 177, .7) }
#kj_d2 ul .i1 { display:block; margin-left:auto; margin-right:auto }
#kj_d2 ul strong { display:block; font-size:1rem; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1em 0 .7em }
#kj_d2 ul .des { font-size:15px; color:#333 }
@media (max-width:640px) {
#kj_d2 ul .des {
font-size:1rem
}
}
#kj_d3 .cont { padding:2% 0; margin-top:1%; background-image:url(../images/05.jpg); background-repeat:no-repeat; background-position:50% 0; background-size:auto; -webkit-transition:background 1.5s linear; transition:background 1s linear }
#kj_d3.aos-animate .cont { background-position:100% 0 }
#kj_d3 .con { overflow:hidden; padding-bottom:8% }
#kj_d3 .con h3 { font-size:1.8rem; color:#333; line-height:1.5; font-family:"榛戜綋" }
@media (max-width:768px) {
#kj_d3 .con h3 {
font-size:1.28571429rem
}
}
#kj_d3 .con h3::after {
display:block;
width:66px;
height:3px;
content:"";
margin:.5em 0 1em;
background-color:#2649db
}
#kj_d3 .con small {
font-size:.9rem; color:#333 }
@media (max-width:768px) {
#kj_d3 .con small {
font-size:.94444444rem
}
}
#kj_d3 .con .btn { font-size:14px; border:none; color:#fff; display:block; position:relative; overflow:hidden; width:11em; line-height:3; z-index:0; margin:3% 0; border-radius:3px }
@media (max-width:640px) {
#kj_d3 .con .btn {
font-size:13px
}
}
#kj_d3 .con .btn::after {
display:block;
width:100%;
height:100%;
position:absolute;
content:" ";
background-color:#ee9827;
z-index:-2;
left:0;
top:0
}
#kj_d3 .con .btn::before {
content:'';
z-index:-1;
position:absolute;
top:50%;
left:100%;
margin:-15px 0 0 1px;
width:30px;
height:30px;
border-radius:50%;
background:#0f3175;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale3d(1, 2, 1);
transform:scale3d(1, 2, 1);
-webkit-transition:-webkit-transform .3s, opacity .3s;
transition:transform .3s, opacity .3s;
-webkit-transition-timing-function:cubic-bezier(.7, 0, .9, 1);
transition-timing-function:cubic-bezier(.7, 0, .9, 1)
}
#kj_d3 .con .btn:hover::before {
-webkit-transform:scale3d(9, 9, 1);
transform:scale3d(9, 9, 1)
}
#kj_d3 .list { display:flex; flex-flow:row wrap; justify-content:space-around }
#kj_d3 .list li { text-align:center; width:19% }
#kj_d3 .list li .icon { display:inline-block; transition:all .5s ease
}
#kj_d3 .list li small { display:block; font-size:14px; color:#666; font-family:Calibri }
@media (max-width:640px) {
#kj_d3 .list li small {
font-size:13px
}
}
#kj_d3 .list li h4 {
font-size:.9rem; color:#333; font-weight:400 }
@media (max-width:768px) {
#kj_d3 .list li h4 {
font-size:.94444444rem
}
}
#kj_d3 .list li:hover .icon { transform:rotateY(180deg) }
#move_point { position:absolute; text-align:center; bottom:8vw; left:43% }
#move_point img { display:block; max-width:100% }
#move_point ._t { font-size:1rem; color:#0f3175; font-family:Calibri }
#move_point ._b {
font-size:.8rem; color:#333 }
@media (max-width:768px) {
#move_point ._b {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#move_point ._b {
font-size:1rem
}
}
#move_point ._m { font-size:1.35rem; position:relative; color:#2649db; line-height:1; margin:-1.2em 0 .2em; z-index:5 }
@media (max-width:768px) {
#move_point ._m {
font-size:1.125rem
}
}
#move_point ._m span { display:inline-block; font-size:1.8rem; font-family:Arial; text-indent:8px }
@media (max-width:768px) {
#move_point ._m span {
font-size:1.28571429rem
}
}
#move_point .i2 { position:absolute; width:100%; height:100%; top:0; left:0; -webkit-transition:all 1.5s linear .5s;
transition:all 1.5s linear .5s
}
#move_point.aos-animate .i2 { transform:rotate(360deg) }
@media screen and (min-width:980px) and (max-width:1200px) {
html {
font-size:17px
}
}
@media screen and (min-width:768px) and (max-width:979px) {
html {
font-size:16px
}
}
.imgDiv { position:relative; overflow:hidden }
.imgDiv .cont { display:inline-block; width:100%; display:block; position:absolute; z-index:5; top:40%; left:50%; transform:translateX(-50%) translateY(-50%) }
.imgDiv h2 { font-size:1.8rem; color:#fff; letter-spacing:3px }
@media (max-width:768px) {
.imgDiv h2 {
font-size:1.28571429rem
}
}
.imgDiv small {
font-size:.8rem; display:block; color:#fff; letter-spacing:1px; text-align:justify; max-width:725px }
@media (max-width:768px) {
.imgDiv small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.imgDiv small {
font-size:1rem
}
}
@media screen and (max-width:768px) {
.imgDiv img {
width:210%
}
.imgDiv .cont {
width:90%;
margin-left:0
}
}
@media screen and (max-width:500px) {
.imgDiv h2 {
font-size:16px
}
.imgDiv small {
font-size:13px;
line-height:1.6
}
}
.innernav { width:100%; position:absolute; bottom:0; z-index:5; background-color:rgba(0, 0, 0, .3); padding:1em 0 }
.innernav .breaker { float:right; color:#ddd }
.innernav .breaker a { color:#ddd }
.innernav .nava { color:#fff; font-size:14px; display:inline-block; padding:0 1em; margin-right:.5em; border-radius:1rem; line-height:2.3 }
@media (max-width:640px) {
.innernav .nava {
font-size:13px
}
}
.innernav .nava.act { background-color:#fff; color:#000 }
.artitle { border-bottom:1px solid rgba(255, 255, 255, .3); padding-bottom:1.5%; margin-bottom:.7rem
}
.artitle h1 { font-size:1.5rem; color:#fff; line-height:1.3; padding:.5em 0 }
@media (max-width:768px) {
.artitle h1 {
font-size:1.2rem
}
}
.artitle .infos { font-size:14px; color:#bbb }
@media (max-width:640px) {
.artitle .infos {
font-size:13px
}
}
.artitle .infos a { color:#bbb }
.breaker { text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666; line-height:30px; padding-left:2em; background-position:0 center }
.breaker a { color:#999 }
.breaker a:hover { color:#0f3175 }
.breaker i { color:#ddd; text-align:center; font-size:1rem; margin-right:.5em }
@media screen and (max-width:768px) {
.breaker {
margin:0;
padding:0
}
}
@media screen and (max-width:640px) {
.titbar {
margin-bottom:10px
}
}
.titbar.break { height:2rem; margin:.4rem 0 1.1rem;
padding:0; border-bottom:1px solid #ddd }
.titbar.break .breaker { float:right }
.titbar.break h2 { color:#333; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1.2; border-left:5px solid #0f3175; padding-left:.5em }
@media screen and (max-width:640px) {
.titbar.break {
overflow:hidden;
margin-bottom:5vw;
padding-bottom:2%
}
.titbar.break .breaker {
float:none
}
.titbar.break h2 {
display:none
}
}
.bgray { overflow:hidden; background-color:#f4f4f4 }
.waimao_img { background-color:#000; overflow:hidden; position:relative; width:100vw }
.waimao_img .i01 { position:absolute; height:100%; top:0; left:0; z-index:0; min-width:100% }
.waimao_img .containe { overflow:hidden; padding:10% 0; position:relative; z-index:2 }
.waimao_img #u1l { float:left; margin-right:7%; margin-top:4rem }
.waimao_img #u1l li { text-align:center; cursor:pointer; font-size:.9rem;
color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:10em; background-color:#222; margin-bottom:1.5em; line-height:2.7; border-radius:3px; -webkit-transition:all .3s linear;
transition:all .3s linear
}
@media (max-width:768px) {
.waimao_img #u1l li {
font-size:.94444444rem
}
}
.waimao_img #u1l li.act, .waimao_img #u1l li:hover { color:#333; background-color:#ff722f }
.waimao_img .imgcont { float:right; position:relative; margin-top:4rem; width:23rem; height:26.5rem }
.waimao_img .imgcont img { max-width:23rem; display:block }
.waimao_img .imgcont .cont { position:absolute; background-color:#fff; bottom:-7%; right:10%; z-index:4; min-width:100%; max-width:140%; padding:1rem 2rem }
.waimao_img .imgcont .cont h3 { font-size:1.2rem; color:#333 }
@media (max-width:768px) {
.waimao_img .imgcont .cont h3 {
font-size:1.09090909rem
}
}
.waimao_img .imgcont .cont small {
font-size:.8rem; color:#666 }
@media (max-width:768px) {
.waimao_img .imgcont .cont small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.waimao_img .imgcont .cont small {
font-size:1rem
}
}
.waimao_img .imgcont .iconfont { font-size:1.2rem; position:absolute; top:1rem; color:#cecece; right:1rem }
@media (max-width:768px) {
.waimao_img .imgcont .iconfont {
font-size:1.09090909rem
}
}
.waimao_img .imgcont .iconfont.icon-left { right:2.5rem }
.waimao_img .imgcont .iconfont:hover { color:#ff722f }
.waimao_img #h3t { font-size:1.1rem; font-weight:700; color:#fff; margin-bottom:1.5em }
@media (max-width:768px) {
.waimao_img #h3t {
font-size:1.04761905rem
}
}
.waimao_img #u2l li { margin-bottom:4%; cursor:pointer }
.waimao_img #u2l li i { vertical-align:middle; display:inline-flex; fill:#cecece; width:1.8rem; height:1.8rem }
.waimao_img #u2l li .line { display:inline-block; vertical-align:middle; background-color:#cecece; height:1px; width:6%; margin:0 1.5%; -webkit-transition:all .3s linear;
transition:all .3s linear
}
.waimao_img #u2l li h5 { display:inline-block; vertical-align:middle; color:#cecece; font-size:.8rem;
font-weight:400 }
@media (max-width:768px) {
.waimao_img #u2l li h5 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.waimao_img #u2l li h5 {
font-size:1rem
}
}
.waimao_img #u2l li.act i, .waimao_img #u2l li:hover i { fill:#ff722f }
.waimao_img #u2l li.act .line, .waimao_img #u2l li:hover .line { background-color:#ff722f; width:9% }
.waimao_img #u2l li.act h5, .waimao_img #u2l li:hover h5 { color:#ff722f }
@media screen and (max-width:768px) {
.waimao_img {
display:none
}
}
#jz_d2 { overflow:hidden; position:relative; z-index:5; background-color:#f0f5f6; padding:1% 0 3% }
#jz_d2 ul { border-left:1px solid #ddd; margin-top:4%; overflow:visible; display:flex; flex-flow:row wrap; justify-content:space-between }
#jz_d2 ul li { box-sizing:border-box; background-color:#fff; text-align:center; width:20%; border:1px solid #ddd; border-left:none }
#jz_d2 ul li .num { text-align:center; font-size:1.4rem; font-style:italic; font-family:Arial; font-weight:700; color:#fff; transform:translateY(-50%); line-height:4.5rem; background-image:url(../images/i05.png); background-repeat:no-repeat; background-position:center; background-size:auto 100% }
@media (max-width:768px) {
#jz_d2 ul li .num {
font-size:1.16666667rem
}
}
#jz_d2 ul li i { display:inline-flex; fill:#000; width:2.5rem; height:2.5rem }
#jz_d2 ul li strong { font-size:1rem; color:#000; display:block; line-height:3 }
#jz_d2 ul li .btn { font-size:15px; border:none; color:#0f3175; line-height:2.4; border-radius:1.5rem; padding:0 1.5em; margin:2% auto 12%; border:1px solid #f3f5f8; background-color:#f3f5f8 }
@media (max-width:640px) {
#jz_d2 ul li .btn {
font-size:1rem
}
}
@media screen and (max-width:768px) {
#jz_d2 ul li .btn {
background-color:#0f3175;
color:#fff
}
}
#jz_d2 ul li .btn:hover { background-color:#0f3175; color:#fff }
#jz_d3 .swiper-father { position:relative; padding:0 4rem }
#jz_d3 .swiper-button-prev { background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik02NCwwQzI4LjY1MiwwLDAsMjguNjUyLDAsNjRjMCwzNS4zNDYsMjguNjUyLDY0LDY0LDY0YzM1LjM0NCwwLDY0LTI4LjY1NCw2NC02NEMxMjgsMjguNjUyLDk5LjM0NCwwLDY0LDB6IE02NCwxMjQNCgkJQzMwLjg2MiwxMjQsNCw5Ny4xMzYsNCw2NEM0LDMwLjg2MiwzMC44NjIsNCw2NCw0YzMzLjEzMiwwLDYwLDI2Ljg2Miw2MCw2MEMxMjQsOTcuMTM2LDk3LjEzMiwxMjQsNjQsMTI0eiIvPg0KCTxwYXRoIGQ9Ik04OC40MzEsNjIuNjdsLTQxLjgyMi0wLjAzNWwxNC4yMTgtMTQuMzA3YzAuNzgyLTAuNzgyLDAuNzgyLTIuMDQ2LDAtMi44MjhjLTAuNzgyLTAuNzgyLTIuMDQ2LTAuNzgyLTIuODI3LDANCgkJTDQxLjAyOCw2Mi41NjhjLTAuMzk2LDAuMzk0LTAuNTg4LDAuOTE2LTAuNTgyLDEuNDMyYy0wLjAwNiwwLjUxOCwwLjE4NiwxLjAzOCwwLjU4MiwxLjQzNEw1OCw4Mi41ODMNCgkJYzAuNzgxLDAuNzgyLDIuMDQ1LDAuNzgyLDIuODI3LDBzMC43ODItMi4wNDYsMC0yLjgyOGwtMTIuOTc0LTEzLjEybDQwLjU3NCwwLjAzNWMxLjEwNSwwLDItMC44OTMsMi4wMDEtMS45OTgNCgkJQzkwLjQzLDYzLjU2NCw4OS41MzYsNjIuNjcxLDg4LjQzMSw2Mi42N3oiLz4NCjwvZz4NCjwvc3ZnPg==) }
#jz_d3 .swiper-button-next { background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik02NCwxMjhjMzUuMzQ5LDAsNjQtMjguNjUyLDY0LTY0YzAtMzUuMzQ2LTI4LjY1MS02NC02NC02NEMyOC42NTYsMCwwLDI4LjY1NCwwLDY0QzAsOTkuMzQ4LDI4LjY1NiwxMjgsNjQsMTI4eiBNNjQsNA0KCQljMzMuMTM5LDAsNjAsMjYuODY0LDYwLDYwYzAsMzMuMTM4LTI2Ljg2MSw2MC02MCw2MEMzMC44NjgsMTI0LDQsOTcuMTM4LDQsNjRDNCwzMC44NjQsMzAuODY4LDQsNjQsNHoiLz4NCgk8cGF0aCBkPSJNMzkuNTY4LDY1LjMzbDQxLjgyMywwLjAzNUw2Ny4xNzMsNzkuNjcyYy0wLjc4MSwwLjc4Mi0wLjc4MSwyLjA0NiwwLDIuODI4YzAuNzgyLDAuNzgyLDIuMDQ3LDAuNzgyLDIuODI3LDANCgkJbDE2Ljk3My0xNy4wNjhjMC4zOTYtMC4zOTQsMC41ODgtMC45MTYsMC41ODItMS40MzJjMC4wMDYtMC41MTgtMC4xODctMS4wMzgtMC41ODItMS40MzRMNzAsNDUuNDE3DQoJCWMtMC43OC0wLjc4Mi0yLjA0NS0wLjc4Mi0yLjgyNywwYy0wLjc4MSwwLjc4Mi0wLjc4MSwyLjA0NiwwLDIuODI4bDEyLjk3NSwxMy4xMkwzOS41NzIsNjEuMzNjLTEuMTA0LDAtMiwwLjg5My0yLDEuOTk4DQoJCUMzNy41Nyw2NC40MzYsMzguNDY0LDY1LjMyOSwzOS41NjgsNjUuMzN6Ii8+DQo8L2c+DQo8L3N2Zz4=) }
#jz_d3 .swiper-button-next, #jz_d3 .swiper-button-prev { background-repeat:no-repeat; background-position:0 center; background-size:cover; width:2.25rem; height:2.25rem; top:38% }
@media screen and (max-width:640px) {
#jz_d3 .swiper-father {
padding:0
}
#jz_d3 .swiper-button-next, #jz_d3 .swiper-button-prev {
display:none
}
}
#jz_case .li { width:30.33%; margin-right:3%; float:left; margin-bottom:45px }
#jz_case .li .itemtop { height:24px; line-height:24px; padding:0 10px; border-radius:8px 8px 0 0; background:#eee }
@media screen and (max-width:768px) {
#jz_case .li .itemtop {
display:none
}
}
#jz_case .li .itemtop span { width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:6px; background:#fff }
#jz_case .li .pic { width:100%; height:16rem; position:relative; overflow:hidden; border:1px solid #eee; box-sizing:border-box }
#jz_case .li .pic img { display:block; width:100%; position:absolute; left:0; top:0; max-height:unset; transition:none }
#case_ul .li .pic .cover { display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(20, 38, 78, .5); opacity:0; color:#fff; text-align:center; -webkit-transition:all .3s linear;
transition:all .3s linear;
z-index:8 }
#case_ul .li .pic .link, #case_ul .li .pic .more { display:inline-block; color:#fff; padding:.4rem 1.5rem;
background:#ff722f; border-radius:3px; margin-right:10px }
#case_ul .li .pic .link { background:#14264e }
#case_ul .li:hover .pic .cover { opacity:1 }
#jz_case .li .txt {
font-size:.9rem; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-top:.8em }
@media (max-width:768px) {
#jz_case .li .txt {
font-size:.94444444rem
}
}
#jz_case .swiper-wrapper { width:100%!important }
.case_top { background-color:#081e4a; padding:70px 0 2.5vw }
.topnav { max-width:1400px; margin-left:auto; margin-right:auto; display:table }
.topnav li { float:left; font-size:.85rem;
color:#fff; position:relative; line-height:2.8; padding:0 2em; margin-right:30px; border-radius:1.5rem; border:1px solid #fff }
@media (max-width:768px) {
.topnav li {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.topnav li {
font-size:1.0625rem
}
}
.topnav li a { color:#fff }
.topnav li:last-child { margin-right:0 }
.topnav li.active, .topnav li:hover { background:#ff722f; border-color:#ff722f }
.topnav li.active a, .topnav li:hover a { color:#111 }
.ind_case.inner { padding:.5% }
.ind_case.inner li { margin:.5%; width:24%; box-sizing:border-box; border:1px solid #ddd; padding:.5rem
}
.ind_case.inner li .bord { padding:.5rem
}
.ind_case.inner .cont { padding:4% }
.ind_case.inner li:hover h4 { color:#ff722f }
.ind_case.inner li:hover .cont .ico { background-image:url(../images/i02i.png) }
.about_top { overflow:hidden; background-image:url(../images/10.jpg); background-repeat:no-repeat; background-position:0 center; background-size:auto auto }
.about_top .items { margin-top:calc(80px + 7%); overflow:hidden; margin-bottom:8%; display:flex; flex-flow:row wrap; justify-content:flex-start }
.about_top .item { width:33.3%; text-align:center; box-sizing:border-box; padding:3.5% 0; border-top:1px solid rgba(255, 255, 255, .3); border-left:1px solid rgba(255, 255, 255, .3); margin-top:-1px; margin-left:-1px }
.about_top .number { color:#fff; line-height:1.4 }
.about_top .number .num { font-size:3.6rem; font-weight:700; font-family:Arial; display:inline-block; vertical-align:middle; transform:scale(.8, 1) }
@media (max-width:768px) {
.about_top .number .num {
font-size:1.8rem
}
}
.about_top .number strong { font-family:Arial; font-size:3rem; display:inline-block; vertical-align:middle; line-height:3rem }
@media (max-width:768px) {
.about_top .number strong {
font-size:1.57894737rem
}
}
.about_top .des { color:#fff; font-size:.85rem
}
@media (max-width:768px) {
.about_top .des {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.about_top .des {
font-size:1.0625rem
}
}
.about_mid { display:flex; flex-flow:row wrap; justify-content:space-around }
.about_mid .item { overflow:hidden; box-sizing:border-box; width:50% }
.about_mid .item .big { width:50%; float:right }
.about_mid .item .big._l { float:left }
.about_mid .item:first-child { background-color:#363433 }
.about_mid .item:nth-child(3) {
border-left:5rem solid #333
}
.about_mid .cont { overflow:hidden; padding:5% 7% 0 }
.about_mid .cont.t2 { padding:6% 7% 0 }
.about_mid .cont h2 { font-size:2.7rem; color:#fff; font-weight:400; line-height:1 }
@media (max-width:768px) {
.about_mid .cont h2 {
font-size:1.58823529rem
}
}
.about_mid .cont small { font-size:1.5rem; color:#fff; display:block; margin:.5em 0 }
@media (max-width:768px) {
.about_mid .cont small {
font-size:1.2rem
}
}
.about_mid .cont .ss { color:#fff; font-size:.8rem
}
@media (max-width:768px) {
.about_mid .cont .ss {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.about_mid .cont .ss {
font-size:1rem
}
}
.about_mid .cont h3 { font-weight:400; color:#ff722f; font-size:1.3rem; margin-bottom:.5em }
@media (max-width:768px) {
.about_mid .cont h3 {
font-size:1.13043478rem
}
}
.about_mid .cont .des {
font-size:.8rem; color:#333 }
@media (max-width:768px) {
.about_mid .cont .des {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.about_mid .cont .des {
font-size:1rem
}
}
.about_mid .cont .des p { margin-bottom:.6rem
}
.about_honor { background-image:url(../images/12.jpg); background-repeat:no-repeat; background-position:0 center; background-size:auto auto }
.about_honor .ind_tit * { color:#fff }
.about_honor .swiper-father { position:relative; padding:1rem 5rem 5% }
.about_honor .swiper-father img { max-width:100% }
.about_honor .swiper-slide { box-sizing:border-box; background-color:#fff; padding:6px }
.about_honor .swiper-button-prev { background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMjhweCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGZpbGw9IiNmZmYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTY0LDBDMjguNjUyLDAsMCwyOC42NTIsMCw2NGMwLDM1LjM0NiwyOC42NTIsNjQsNjQsNjRjMzUuMzQ0LDAsNjQtMjguNjU0LDY0LTY0QzEyOCwyOC42NTIsOTkuMzQ0LDAsNjQsMHogTTY0LDEyNA0KCQlDMzAuODYyLDEyNCw0LDk3LjEzNiw0LDY0QzQsMzAuODYyLDMwLjg2Miw0LDY0LDRjMzMuMTMyLDAsNjAsMjYuODYyLDYwLDYwQzEyNCw5Ny4xMzYsOTcuMTMyLDEyNCw2NCwxMjR6Ii8+DQoJPHBhdGggZD0iTTg4LjQzMSw2Mi42N2wtNDEuODIyLTAuMDM1bDE0LjIxOC0xNC4zMDdjMC43ODItMC43ODIsMC43ODItMi4wNDYsMC0yLjgyOGMtMC43ODItMC43ODItMi4wNDYtMC43ODItMi44MjcsMA0KCQlMNDEuMDI4LDYyLjU2OGMtMC4zOTYsMC4zOTQtMC41ODgsMC45MTYtMC41ODIsMS40MzJjLTAuMDA2LDAuNTE4LDAuMTg2LDEuMDM4LDAuNTgyLDEuNDM0TDU4LDgyLjU4Mw0KCQljMC43ODEsMC43ODIsMi4wNDUsMC43ODIsMi44MjcsMHMwLjc4Mi0yLjA0NiwwLTIuODI4bC0xMi45NzQtMTMuMTJsNDAuNTc0LDAuMDM1YzEuMTA1LDAsMi0wLjg5MywyLjAwMS0xLjk5OA0KCQlDOTAuNDMsNjMuNTY0LDg5LjUzNiw2Mi42NzEsODguNDMxLDYyLjY3eiIvPg0KPC9nPg0KPC9zdmc+) }
.about_honor .swiper-button-next { background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik02NCwxMjhjMzUuMzQ5LDAsNjQtMjguNjUyLDY0LTY0YzAtMzUuMzQ2LTI4LjY1MS02NC02NC02NEMyOC42NTYsMCwwLDI4LjY1NCwwLDY0QzAsOTkuMzQ4LDI4LjY1NiwxMjgsNjQsMTI4eiBNNjQsNA0KCQljMzMuMTM5LDAsNjAsMjYuODY0LDYwLDYwYzAsMzMuMTM4LTI2Ljg2MSw2MC02MCw2MEMzMC44NjgsMTI0LDQsOTcuMTM4LDQsNjRDNCwzMC44NjQsMzAuODY4LDQsNjQsNHoiLz4NCgk8cGF0aCBkPSJNMzkuNTY4LDY1LjMzbDQxLjgyMywwLjAzNUw2Ny4xNzMsNzkuNjcyYy0wLjc4MSwwLjc4Mi0wLjc4MSwyLjA0NiwwLDIuODI4YzAuNzgyLDAuNzgyLDIuMDQ3LDAuNzgyLDIuODI3LDANCgkJbDE2Ljk3My0xNy4wNjhjMC4zOTYtMC4zOTQsMC41ODgtMC45MTYsMC41ODItMS40MzJjMC4wMDYtMC41MTgtMC4xODctMS4wMzgtMC41ODItMS40MzRMNzAsNDUuNDE3DQoJCWMtMC43OC0wLjc4Mi0yLjA0NS0wLjc4Mi0yLjgyNywwYy0wLjc4MSwwLjc4Mi0wLjc4MSwyLjA0NiwwLDIuODI4bDEyLjk3NSwxMy4xMkwzOS41NzIsNjEuMzNjLTEuMTA0LDAtMiwwLjg5My0yLDEuOTk4DQoJCUMzNy41Nyw2NC40MzYsMzguNDY0LDY1LjMyOSwzOS41NjgsNjUuMzN6Ii8+DQo8L2c+DQo8L3N2Zz4=) }
.about_honor .swiper-button-next, .about_honor .swiper-button-prev { background-repeat:no-repeat; background-position:0 center; background-size:cover; width:2.25rem; height:2.25rem; top:38% }
.contact_top { background-color:#081e4a; padding-top:calc(80px + .5%); padding-bottom:1% }
.contact_top .ind_tit h2 { color:#fff }
.contact_top .ind_tit .s2 { color:#fff; font-size:1.4rem; text-transform:uppercase; line-height:.9 }
@media (max-width:768px) {
.contact_top .ind_tit .s2 {
font-size:1.16666667rem
}
}
.contact_mid { overflow:hidden }
.contact_mid .infos { position:relative; z-index:5; float:left; width:23rem; padding:3% 5%; background-color:#ff722f }
.contact_mid .infos .tit { font-size:15px; color:#fff; padding-bottom:1rem; margin-bottom:7%; border-bottom:1px solid #f2ce6a }
@media (max-width:640px) {
.contact_mid .infos .tit {
font-size:1rem
}
}
.contact_mid .infos ul li { margin-bottom:.5rem
}
.contact_mid .infos ul i { color:#fff; font-size:1.25rem; display:inline-block; box-sizing:border-box; text-align:center; float:left; width:2em; line-height:2; border-radius:50%; border:1px solid #fff; margin-right:1rem }
@media (max-width:768px) {
.contact_mid .infos ul i {
font-size:1.08695652rem
}
}
.contact_mid .infos ul .txt {
font-size:.8rem; color:#fff; line-height:1.5 }
@media (max-width:768px) {
.contact_mid .infos ul .txt {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.contact_mid .infos ul .txt {
font-size:1rem
}
}
.contact_mid .infos .ecode { padding-left:4rem; text-align:center; color:#fff; font-size:13px; display:inline-block }
.contact_mid .map { position:absolute; height:100%; top:0; right:0; z-index:1 }
.contact_bot { margin-top:4%; border-top:3px solid #f1f1f1; display:flex; flex-flow:row wrap; justify-content:space-around }
.contact_bot .item { box-sizing:border-box; border-right:1px solid #666; margin:3% 0 8%; width:29%; margin-right:4% }
.contact_bot .item:last-child { border:none }
.contact_bot h4 {
font-size:.9rem; color:#333; line-height:1; margin-bottom:.5em }
@media (max-width:768px) {
.contact_bot h4 {
font-size:.94444444rem
}
}
.contact_bot h4 i { color:#ff722f }
.contact_bot p { font-size:15px; color:#333 }
@media (max-width:640px) {
.contact_bot p {
font-size:1rem
}
}
.haiwai_top { overflow:hidden; position:relative; z-index:0; height:46vw }
.haiwai_top video { position:relative; z-index:1 }
.haiwai_top .i1 { position:absolute; z-index:4; border-left:800px solid #081e4a; animation:move4 5s linear forwards }
.haiwai_top .i2 { position:absolute; z-index:5; opacity:0; width:100%; left:0; top:0; animation:move5 1.5s linear 5s forwards }
.haiwai_ads { overflow:hidden; padding:5% 0 5%; background-image:url(../images/26.jpg); background-repeat:no-repeat; background-position:100% center; background-size:auto auto }
.haiwai_ads h4 { font-size:1.8rem; color:#ff722f; font-weight:700; text-shadow:rgba(0, 0, 0, .6) 2px 3px 2px; line-height:1.5; margin-bottom:3% }
@media (max-width:768px) {
.haiwai_ads h4 {
font-size:1.28571429rem
}
}
.haiwai_ads dl { width:60% }
.haiwai_ads dd { font-size:1.4rem; color:#333; width:50%; float:left; box-sizing:border-box; padding-left:2rem; background-image:url(../images/i25.png); background-repeat:no-repeat; text-shadow:rgba(0, 0, 0, .3) 1px 1px 2px; background-position:0 center; background-size:auto 1.5rem; margin-bottom:2% }
@media (max-width:768px) {
.haiwai_ads dd {
font-size:1.16666667rem
}
}
@media screen and (max-width:640px) {
.haiwai_ads {
background-size:auto 100%
}
.haiwai_ads dl {
padding-left:6%;
width:auto
}
.haiwai_ads dd {
width:100%;
float:none
}
}
.hw_i1 { position:relative; display:block; max-width:100%; z-index:4 }
#haiwai_mid { overflow:hidden; position:relative; z-index:5; padding:3% 0 0 }
#haiwai_mid .i1 { float:right; width:50%; margin-left:4% }
#haiwai_mid h3 { font-size:1.8rem; color:#333; font-weight:700; margin-bottom:7% }
@media (max-width:768px) {
#haiwai_mid h3 {
font-size:1.28571429rem
}
}
#haiwai_mid dl { width:50%; float:left }
#haiwai_mid dl dd { overflow:hidden; display:flex; flex-flow:row nowrap; justify-content:flex-start; margin-bottom:8% }
#haiwai_mid dl em { display:inline-block; text-align:right; font-size:1rem; color:#ff722f; width:5em; max-width:5em; white-space:nowrap }
#haiwai_mid dl .des {
font-size:.8rem; color:#333; line-height:1.7; border-left:1px solid #ddd; padding-left:1em; margin-left:1em }
@media (max-width:768px) {
#haiwai_mid dl .des {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#haiwai_mid dl .des {
font-size:1rem
}
}
#haiwai_mid dl.d1 em { width:3em }
#haiwai_mid dl.d1 dd { margin-bottom:16% }
#haiwai_d3 { padding-bottom:3% }
#haiwai_d3 .list { display:flex; flex-flow:row wrap; justify-content:center }
#haiwai_d3 .list li { text-align:center; width:19% }
#haiwai_d3 .list li .icon { display:inline-block; transition:all .5s ease
}
#haiwai_d3 .list li h4 { font-size:1rem; color:#222 }
#haiwai_d3 .list li .btn { border:none; font-size:15px; color:#fff; border-radius:1rem; padding:3px 2.5em; background-color:#e752a6; margin:1.5em }
@media (max-width:640px) {
#haiwai_d3 .list li .btn {
font-size:1rem
}
}
#haiwai_d3 .list li:hover .icon { transform:rotateY(180deg) }
#haiwai_d3 .list li:nth-child(2) .btn {
background-color:#4653e0
}
#haiwai_d3 .list li:nth-child(3) .btn {
background-color:#29abe2
}
#haiwai_d3 .list li:nth-child(4) .btn {
background-color:#f0b81f
}
.inner_pro { width:102% }
.inner_pro li { width:31.3%; float:left; margin-right:2%; background-color:#fff; box-sizing:border-box; margin-bottom:3%; padding:.3rem;
border:1px solid #ddd; -webkit-transition:all .5s linear;
transition:all .5s linear
}
.inner_pro li:hover { border-color:#0f3175 }
.inner_pro li:hover h4 { color:#0f3175; border-color:#0f3175 }
.inner_pro .imWrap { padding-top:66.5% }
.inner_pro h4 { font-size:15px; color:#333; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:.4em 0; border-left:4px solid #333; line-height:.5em; padding-left:.6em; margin:1em 0 .7em }
@media (max-width:640px) {
.inner_pro h4 {
font-size:1rem
}
}
@media screen and (max-width:768px) {
.inner_pro {
width:100%
}
.inner_pro li {
width:48%
}
}
.news { padding:3% 0; background:#fff }
.news .newslist { padding:0; width:103% }
.news .newslist li { width:30.33%!important; margin-bottom:50px; margin-right:3% }
.news { position:relative; padding:4% 0 2%; background:url(../images/news_bg.jpg) center repeat-y }
.news .newslist { width:103%; padding:4% 0 5% }
.news .newslist li { width:30.4%!important; margin-right:3%!important; float:left; box-shadow:0 0 8px #ddd; background:#fff }
.news .newslist li .imgarea { display:block; width:100%; height:225px; overflow:hidden }
.news .newslist li .imgarea img { width:100%; height:100% }
.news .newslist li .txtarea { padding:10px 20px }
.news .newslist li h4 { font-size:18px; color:#14264e; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.news .newslist li .time { color:#888; font-size:14px }
.news .newslist li .des { font-size:14px; line-height:1.7; color:#333; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:break-all }
.news .newslist li .more { font-size:15px; margin-top:5px; color:#14264e; font-weight:700 }
.news_top { overflow:hidden; border-bottom:5px solid #f3f3f3 }
.news_top .bgdiv { position:absolute; width:100%; height:100%; z-index:9; left:0; top:0; background-image:url(../images/i22.png); background-repeat:no-repeat; background-position:0 100%; background-size:auto auto }
.news_top .big { position:relative; display:block }
.news_top .imWrap { padding-top:60% }
.news_top .cont { display:inline-block; box-sizing:border-box; width:100%; position:absolute; bottom:0; left:0; padding:5%; z-index:10 }
.news_top .cont .date {
font-size:.8rem; color:#fff }
@media (max-width:768px) {
.news_top .cont .date {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.news_top .cont .date {
font-size:1rem
}
}
.news_top .cont .tit { font-size:1.2rem; color:#fff; line-height:1.2; padding-top:.5em }
@media (max-width:768px) {
.news_top .cont .tit {
font-size:1.09090909rem
}
}
.news_top .n1 { width:66.5%; float:left; margin-right:1.5% }
.news_top .n2 { overflow:hidden }
.news_top .n2 .big { margin-bottom:4.5% }
.news_top .n2 .tit { font-size:.9rem
}
@media (max-width:768px) {
.news_top .n2 .tit {
font-size:.94444444rem
}
}
.inner_new li { position:relative; background-color:#fff; overflow:hidden; padding:1.5rem 0; border-bottom:1px solid #ddd }
.inner_new li a { display:block; overflow:hidden; cursor:pointer; position:relative; z-index:5 }
.inner_new li .date { font-weight:400; font-size:14px; color:#888; float:right }
@media (max-width:640px) {
.inner_new li .date {
font-size:13px
}
}
.inner_new li .date .iconfont { font-size:14px; color:#0f3175; padding-right:.5em }
@media (max-width:640px) {
.inner_new li .date .iconfont {
font-size:13px
}
}
.inner_new li .big { position:relative; width:12rem; float:left; box-sizing:border-box; margin-right:3%; -webkit-transition:all .5s linear;
transition:all .5s linear;
background-color:#f3f3f3 }
.inner_new li .big::after {
font-size:2rem;
color:#ddd;
display:block;
font-family:iconfont!important;
-webkit-font-smoothing:antialiased;
-webkit-text-stroke-width:0;
-moz-osx-font-smoothing:grayscale;
-webkit-transition:transform .2s linear;
content:"\e613";
z-index:4;
position:absolute;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%)
}
@media (max-width:768px) {
.inner_new li .big::after {
font-size:1.33333333rem
}
}
.inner_new li .imWrap { padding-top:62.7% }
.inner_new li .text-wrap { position:relative; overflow:hidden }
.inner_new li .text-wrap .title {
font-size:.85rem; color:#333; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1.5; margin-bottom:.5em }
@media (max-width:768px) {
.inner_new li .text-wrap .title {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.inner_new li .text-wrap .title {
font-size:1.0625rem
}
}
.inner_new li .text-wrap .title a { color:#333 }
.inner_new li .text-wrap p { overflow:hidden; color:#222; display:block; font-size:13px; line-height:1.8; padding-top:5px; margin-bottom:.2rem;
white-space:pre-wrap; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:2% }
.inner_new li .text-wrap .ta { font-size:13px; color:#999; display:inline-block; border:1px solid #ddd; border-radius:1rem; padding:2px 1em; margin-right:.6em }
.inner_new li .text-wrap .ta:hover { background:#aac0ec; color:#fff; border-color:#aac0ec }
.inner_new li:hover .big { margin-left:1rem }
.inner_new li:hover .title { color:#0f3175 }
@media screen and (max-width:640px) {
.inner_new li .date {
display:none
}
.inner_new li .big {
border:none;
padding-left:0;
width:8rem
}
.inner_new li .text-wrap .title {
font-size:.85rem;
color:#333;
font-weight:700;
padding-bottom:0
}
.inner_new li .text-wrap p {
font-size:14px
}
}
@media screen and (max-width:640px) and (max-width:768px) {
.inner_new li .text-wrap .title {
font-size:.94444444rem
}
}
@media screen and (max-width:640px) and (max-width:640px) {
.inner_new li .text-wrap .title {
font-size:1.0625rem
}
}
@media screen and (max-width:640px) and (max-width:640px) {
.inner_new li .text-wrap p {
font-size:13px
}
}
@media screen and (max-width:980px) {
.waimao_img .imgcont {
display:none
}
.waimao_img .containe {
padding-top:15%;
padding-bottom:5%
}
.ind_case .cont .ico {
display:none
}
}
@media screen and (max-width:768px) {
html {
font-size:15px
}
.a3s {
display:none
}
.imgDiv img {
width:138%
}
#ind_d1 {
padding-top:1%
}
#ind_cor, .ind_tit.hz {
display:none
}
#footer .copyright {
margin-top:0
}
.case_top {
padding-top:17vw;
display:none
}
.topnav li {
line-height:2.3;
padding:0 1.2em;
margin-right:2%;
margin-bottom:2%
}
.news_top .n2 .cont .date {
display:none
}
.innernav {
position:relative;
overflow:hidden;
background-color:#4a4949
}
.contact_bot .item {
border:none;
width:92%;
margin-right:4%;
margin-left:4%
}
.innernav .breaker {
float:none
}
.innernav .nava {
padding:0 1em;
margin-right:.5em;
border:1px solid #fff;
margin-top:.5em
}
#case_ul .li .pic .cover {
display:none
}
.hw_i1 {
display:none
}
}
@media screen and (max-width:640px) {
html {
font-size:14px
}
#ind_d2 .item {
text-align:left;
width:90%;
margin-left:5%;
max-width:initial
}
#ind_d2 .item .number, #ind_d2 .item h5 {
display:inline-block;
vertical-align:middle
}
#ind_d2 .item .des {
text-align:left
}
#ind_d3 .ind_case li {
width:100%;
margin-right:0
}
#ind_d3 .ind_case li:nth-child(n+5) {
display:none
}
.newsd .n2, .newsd .n3, .newsd .onenews {
width:100%
}
#jz_d2 ul {
margin-left:2rem;
overflow:visible;
border:none
}
#jz_d2 ul li {
width:100%;
position:relative;
text-align:left;
margin-bottom:2%;
padding:2% 0;
border-left:1px solid #ddd
}
#jz_d2 ul li i {
margin-left:3rem
}
#jz_d2 ul li .num {
position:absolute;
top:50%;
width:4.5rem;
margin-left:-2.25rem
}
#jz_d2 ul li strong {
display:inline-block;
vertical-align:text-bottom
}
#jz_d2 ul li .btn {
margin:1.5% 3% 0 0;
float:right
}
#jz_d4 .i1 {
float:none;
width:100%;
margin-left:0;
margin-right:0
}
.jz_news .col {
width:100%
}
.jz_news .col:nth-child(n+2) {
display:none
}
#kj_d2 ul li {
width:48.5%;
margin-bottom:3%
}
#kj_d3 .list li {
text-align:left;
width:100%;
border-bottom:1px solid #f0f2fd
}
#kj_d3 .list li .icon {
width:5rem;
display:inline-block;
transition:all .5s ease;
float:left;
margin-right:2%
}
#kj_d3 .list li small {
margin-top:1em
}
#kj_d1 .i1 {
height:80vw
}
#kj_d1.active .cont1 {
display:none
}
#kj_d3 .cont {
background-position:0 0!important
}
#move_point {
right:2%;
width:100px;
left:initial
}
.ind_case {
padding:1px
}
.ind_case.inner {
padding:15px
}
.ind_case li {
width:100%;
background:0 0!important
}
.ind_case li .bord {
padding:10px;
border:1px solid #ddd
}
.ind_case.inner .cont {
padding:.5em 0 1em;
text-align:center
}
.ind_case.inner .cont small {
display:none
}
.about_mid .item {
width:100%
}
.about_mid .item .big {
width:37%
}
.about_mid .item .big img {
width:166%
}
#jz_case .li {
margin-right:0
}
#jz_d4 dl {
padding:0 4%
}
.innernav .nava {
display:none
}
.innernav {
padding:.5em 0
}
.news_top {
display:none
}
.inner_new li {
padding:.8rem 0
}
.inner_new li .text-wrap .ta {
display:none
}
.inner_new li .imWrap {
padding-top:67.7%
}
.inner_new li .text-wrap p {
padding-top:0
}
.about_top {
background-size:cover
}
.about_top .items {
margin-top:8%
}
.about_mid .item:nth-child(2) .big {
display:none
}
.about_mid .item:nth-child(3) {
border:none
}
.about_mid .item:last-child .big {
float:none;
width:100%
}
.about_mid .item:last-child .big img {
width:88%;
margin-left:6%
}
#kj_d2 ul .des {
display:none
}
.about_honor {
margin-top:3%
}
#haiwai_mid .i1 {
float:none;
width:97%;
margin-left:0
}
#haiwai_mid dl {
width:100%;
float:none
}
#haiwai_mid dl.d1 dd {
margin-bottom:8%
}
#haiwai_mid dl.d1 em {
width:5em
}
#haiwai_d3 .list li {
text-align:left;
width:100%;
border-bottom:1px solid #f0f2fd
}
#haiwai_d3 .list li .icon {
width:5rem;
vertical-align:middle
}
#haiwai_d3 .list li h4 {
display:inline-block;
vertical-align:middle
}
#haiwai_d3 .list li .btn {
float:right;
padding:3px 1.5em
}
}
@media screen and (max-width:479px) {
.contact_mid .infos {
box-sizing:border-box;
width:100%
}
.inner_new li .text-wrap .ta {
font-size:12px;
padding:2px .6em
}
}
#toolbar { display:none; width:100%; background-color:#fff; height:55px; position:fixed; z-index:999; bottom:0; left:0; border-top:1px solid #E5E9F2 }
@media (max-width:767px) {
#toolbar {
display:block
}
}
#toolbar ul { padding-top:5px }
#toolbar ul li { float:left; position:relative; text-align:center; width:25% }
#toolbar ul li a { width:100%; position:relative; color:#1b2c42; line-height:23px; padding-top:7px }
#toolbar ul li a.iconfont { font-size:22px }
#toolbar ul li a span { font-size:13px; display:block }
#toolbar ul li:hover a { color:#0f3175 }
#navToggle { display:none }
.m_nav { height:100%; background-color:#fff; position:fixed; top:0; right:0; visibility:visible; z-index:-1; width:80%; margin-top:0; opacity:1; box-shadow:0 15px 27px 0 rgba(167, 165, 165, .38); transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;
transform:translateX(100%) }
.m_nav .bg { background-repeat:no-repeat; background-position:100% 100%; background-size:auto auto; padding-bottom:10px; margin-bottom:-10px }
.m_nav .overly { position:absolute; height:100%; width:102vw; right:0; z-index:0; top:0 }
.m_nav .ul li .dropdown_menu { display:none; transition:none }
.m_nav .ul li .dropdown_menu a { display:block; box-sizing:border-box; position:relative; height:50px; line-height:50px; padding:0 40px; border-bottom:1px solid #f5f5f5 }
.m_nav .ul li .dropdown_menu a:last-child { border:none }
.m_nav .ul li .dropdown_menu a .icon-arright { font-size:13px; margin-left:-20px; margin-right:10px }
.m_nav .ul li .icon-xialajiantou { position:absolute; font-weight:700; text-align:center; color:#666; cursor:pointer; top:0; right:5px; z-index:20; height:35px; width:35px; line-height:35px; transition:all .5s ease 0s;
font-size:8px; border:7px solid #fff; border-radius:50% }
.m_nav .ul li:hover .icon-xialajiantou { background:#f5f5f5 }
.m_nav .ul li:first-child .icon-xialajiantou { display:none }
.m_nav .ul li .icon-xialajiantou.up { transform:rotate(180deg) }
.m_nav.open { z-index:1000; transform:translateX(0) }
.m_nav .top { box-sizing:border-box; height:60px; padding:20px }
.m_nav .top .closed { vertical-align:middle; float:right; cursor:pointer; height:30px; width:30px }
.m_nav .mlogo { width:100%; margin-left:auto; margin-right:auto }
.m_nav .mlogo img { display:block; height:50px; margin:10px auto; max-width:40%; height:auto }
.m_nav .ul { overflow-y:auto; height:calc(100vh - 180px); margin-top:20px }
.m_nav .ul li { padding:0 20px; opacity:0; border-bottom:1px solid #f5f5f5; -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;
-webkit-transform:translateY(100%); transform:translateY(0); transform:translateY(100%) }
.m_nav.open .ul li { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
.m_nav .ul li:nth-child(1) {
-webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all .2s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(2) {
-webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all .4s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(3) {
-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(4) {
-webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all .8s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(5) {
-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(6) {
-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(7) {
-webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(8) {
-webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0s;
transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li a { display:block; width:100%; height:50px; font-size:16px; color:#333; line-height:50px; text-decoration:none }
.m_nav .ul li a.leve1 { display:block; width:auto; margin-right:3em }
@media screen and (max-width:1000px) {
.header #navToggle span, .header #navToggle span:before, .header #navToggle.open span:before, .m_nav .ul li a {
display:inline-block;
width:auto
}
.header #navToggle {
display:inline-block;
float:right;
height:100%;
padding:9px 10px
}
.header #navToggle span {
position:relative;
height:1px;
width:25px;
margin-top:19px
}
.header #navToggle span:after {
content:'';
position:relative;
left:0;
height:1px;
width:100%
}
.header #navToggle span:after {
display:block;
background:#4f4f4f;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.header #navToggle span:before {
top:8px
}
.header #navToggle span:after {
bottom:10px
}
.header #navToggle.open span:before {
top:10px;
-webkit-transform:translateY(-11px) rotate(-45deg);
-moz-transform:translateY(-11px) rotate(-45deg);
-ms-transform:translateY(-11px) rotate(-45deg);
-o-transform:translateY(-11px) rotate(-45deg);
transform:translateY(-11px) rotate(-45deg)
}
.header #navToggle.open span:after {
bottom:12px;
-webkit-transform:translateY(10px) rotate(45deg);
-moz-transform:translateY(10px) rotate(45deg);
-ms-transform:translateY(10px) rotate(45deg);
-o-transform:translateY(10px) rotate(45deg);
transform:translateY(10px) rotate(45deg)
}
.header #navToggle.open span {
background:0 0
}
.header #navToggle.open span:after {
background:#4f4f4f
}
}
@keyframes flow { 0% {
left:-6rem
}
100% {
left:100%
}
}
.subbanner img { display:block }
.lside { float:right; width:18.5rem; margin-left:1.5rem; margin-bottom:3vw }
@media screen and (max-width:980px) {
.lside {
display:none
}
}
.lside .grayblock { box-sizing:border-box; background-color:#fff; margin-bottom:1.8rem; padding:.5rem 1.2rem 1rem;
background-color:#f3f3f3 }
.lside .grayblock h2, .lside .grayblock h3 {
font-size:.9rem; position:relative; font-weight:700; line-height:2.5; border-bottom:1px solid #ddd; color:#081e4a; margin-bottom:.5rem
}
@media (max-width:768px) {
.lside .grayblock h2, .lside .grayblock h3 {
font-size:.94444444rem
}
}
.lside .grayblock h2::after, .lside .grayblock h3::after {
content:"";
height:5px;
width:3rem;
background-color:#ff722f;
display:block;
margin-bottom:-3px
}
.lside .iauth li { line-height:3.5; background-color:#fff; overflow:hidden; border-radius:5px; margin-top:.5rem
}
.lside .iauth li a { color:#333; display:block; font-size:.8rem;
position:relative; z-index:0; padding:0 1em; -webkit-transition:all .3s linear;
transition:all .3s linear
}
@media (max-width:768px) {
.lside .iauth li a {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.lside .iauth li a {
font-size:1rem
}
}
.lside .iauth li a em { padding-right:.5em }
.lside .iauth li a i { padding:1em .6em 0 1em; color:#999; font-size:15px; float:right; line-height:2; -webkit-transition:all .3s linear;
transition:all .3s linear
}
@media (max-width:640px) {
.lside .iauth li a i {
font-size:1rem
}
}
.lside .iauth li a.act, .lside .iauth li a:hover { color:#ff722f }
.lside .iauth li a.act i, .lside .iauth li a:hover i { color:#ff722f; margin-right:-.5em }
.lside .iauth li a::after {
position:absolute;
display:block;
bottom:-1px;
left:-6rem;
content:"";
width:6rem;
border-bottom:1px dashed #0f3175;
height:1px;
z-index:5
}
.lside .iauth li a:hover::after {
animation:flow .6s linear infinite
}
.lside #tagsChange { color:#888; font-size:13px; float:right; line-height:1.5; margin-top:1em }
.lside .new_reg li { overflow:hidden; margin-bottom:.2rem
}
.lside .new_reg li:hover h4 { color:#0f3175 }
.lside .new_reg h4 { font-size:15px; color:#333; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:3 }
@media (max-width:640px) {
.lside .new_reg h4 {
font-size:1rem
}
}
.lside .new_reg h4 em { color:#f9b800 }
.lside .new_reg .date { font-size:13px; color:#777; margin-top:-.5em; display:block }
.lside .pre_news li { overflow:hidden; margin-bottom:.2rem;
border-bottom:1px dashed #ddd }
.lside .pre_news li:hover h4 { color:#0f3175 }
.lside .pre_news li:hover h4 i { color:#0f3175 }
.lside .pre_news h4 { font-size:14px; color:#666; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:3 }
@media (max-width:640px) {
.lside .pre_news h4 {
font-size:13px
}
}
.lside .pre_news h4 i { color:#000 }
.lside .tags_hot { width:104%; overflow:hidden }
.lside .tags_hot li { float:left; display:inline-block; margin-right:4%; background:#fff; margin-top:.6rem;
border-radius:1rem; width:46% }
.lside .tags_hot a { font-size:13px; color:#888; display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; position:relative; overflow:hidden; line-height:2.5; z-index:0; padding:0 1.5em; border-radius:1rem; -webkit-transition:all .3s linear;
transition:all .3s linear
}
.lside .tags_hot a::after {
display:block;
width:100%;
height:100%;
position:absolute;
content:" ";
z-index:-3;
left:0;
top:0
}
.lside .tags_hot a::before {
content:'';
z-index:-1;
position:absolute;
top:50%;
left:100%;
margin:-15px 0 0 1px;
width:30px;
height:30px;
border-radius:50%;
background:#15499a;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale3d(1, 2, 1);
transform:scale3d(1, 2, 1);
-webkit-transition:-webkit-transform .3s, opacity .3s;
transition:transform .3s, opacity .3s;
-webkit-transition-timing-function:cubic-bezier(.7, 0, .9, 1);
transition-timing-function:cubic-bezier(.7, 0, .9, 1)
}
.lside .tags_hot a:hover { color:#fff }
.lside .tags_hot a:hover::before {
-webkit-transform:scale3d(9, 9, 1);
transform:scale3d(9, 9, 1)
}
.lside .city_hot ul { display:flex; flex-flow:row wrap; justify-content:space-around; margin-left:-5px }
.lside .city_hot ul li { text-align:center; line-height:2rem; flex:1; border-radius:3px; flex-basis:6em; margin:5px; background-image:url(../images/21.jpg); background-repeat:no-repeat; background-position:0 center; background-size:cover }
.lside .city_hot ul li a { color:#fff; display:block; font-size:.8rem
}
@media (max-width:768px) {
.lside .city_hot ul li a {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.lside .city_hot ul li a {
font-size:1rem
}
}
.lside .city_hot .but { display:block; position:relative; width:48%; color:#fff; text-align:center; float:left; background-image:url(../images/i23.png); background-repeat:no-repeat; background-position:0 center; background-size:100% auto; margin:1.5rem 0 0; line-height:3.5 }
.lside .city_hot .but .iconfont { font-size:1rem; line-height:2; padding-right:.5em; vertical-align:middle }
.lside .city_hot .but+.but { background-image:url(../images/i24.png); margin-left:4% }
.lside .city_hot .but .tabimg { position:absolute; display:block; top:-7rem; box-shadow:2px 2px 7px rgba(70, 70, 70, .2); border:5px solid #fff; left:45%; width:6rem; height:6rem; margin-left:-3rem; opacity:0; transform:scale(.2); -webkit-transition:all .3s linear;
transition:all .3s linear;
transform-origin:50% 100% }
.lside .city_hot .but:hover { box-shadow:2px 2px 7px rgba(70, 70, 70, .2) }
.lside .city_hot .but:hover .tabimg { opacity:1; transform:scale(1) }
.lside .telp {
font-size:.8rem; color:#333; line-height:3rem }
@media (max-width:768px) {
.lside .telp {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.lside .telp {
font-size:1rem
}
}
.lside .telp em { font-size:1.2rem; font-family:Arial; color:#15377b }
@media (max-width:768px) {
.lside .telp em {
font-size:1.09090909rem
}
}
.backbtn { display:inline-block; float:right; color:#fff; font-size:14px; text-align:center; position:relative; overflow:hidden; line-height:2; padding:0 1.5em; border-radius:5px; -webkit-transition:all .5s linear;
transition:all .5s linear
}
@media (max-width:640px) {
.backbtn {
font-size:13px
}
}
.backbtn i { font-size:1rem; padding-left:.5em; vertical-align:middle }
.backbtn::after {
display:block;
width:100%;
height:100%;
position:absolute;
content:" ";
background-color:#4b4948;
z-index:-2;
left:0;
top:0
}
.backbtn::before {
content:'';
z-index:-1;
position:absolute;
top:50%;
left:100%;
margin:-15px 0 0 1px;
width:30px;
height:30px;
border-radius:50%;
background:#0f3175;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
-webkit-transform:scale3d(1, 2, 1);
transform:scale3d(1, 2, 1);
-webkit-transition:-webkit-transform .3s, opacity .3s;
transition:transform .3s, opacity .3s;
-webkit-transition-timing-function:cubic-bezier(.7, 0, .9, 1);
transition-timing-function:cubic-bezier(.7, 0, .9, 1)
}
.backbtn:hover::before {
-webkit-transform:scale3d(9, 9, 1);
transform:scale3d(9, 9, 1)
}
@media screen and (max-width:768px) {
.backbtn {
display:none
}
}
.sub_title { text-align:center; margin-bottom:1rem }
@media screen and (max-width:768px) {
.sub_title {
padding-bottom:0;
margin-bottom:3vw
}
}
.sub_title .articleTit { font-size:1.5rem; font-weight:700; letter-spacing:1; line-height:1.2; margin-bottom:.5rem
}
@media (max-width:768px) {
.sub_title .articleTit {
font-size:1.2rem
}
}
@media screen and (min-width:639px) {
.sub_title .articleTit {
padding:.5em 0
}
}
@media screen and (max-width:640px) {
.sub_title .articleTit {
line-height:1.6
}
}
.sub_title h3 { font:500 24px "microsoft yahei"; margin-bottom:20px; margin-top:10px }
.sub_title .sub_info { color:#9a9a9a }
.sub_title .sub_info .iconfont { font-size:14px; margin-right:.5em }
@media (max-width:640px) {
.sub_title .sub_info .iconfont {
font-size:13px
}
}
.sub_title .sub_info span { margin-right:10px }
.sub_title .bdshare-button-style0-16 { display:inline-flex }
@media screen and (max-width:768px) {
.sub_title .bdshare-button-style0-16 {
display:none
}
}
.article { line-height:1.7; font-size:15px; color:#333 }
@media (max-width:640px) {
.article {
font-size:1rem
}
}
.article table { width:100%; min-width:600px }
.article img { max-width:100%; height:auto!important; margin-bottom:.5em; margin-top:.5em }
.article_cont { overflow:hidden }
@media screen and (max-width:768px) {
.article_cont img {
display:block;
max-width:100%;
float:none!important;
margin:0 0 1em!important
}
.article_cont .w50 {
width:100%;
float:none!important
}
}
h3.tag { color:#999; font-weight:400; font-size:14px; margin-bottom:2vw; border-top:1px dashed #e0e1dc; margin-top:10px; padding-top:8px }
@media (max-width:640px) {
h3.tag {
font-size:13px
}
}
h3.tag a { color:#005a98; margin:0 8px 0 5px }
h3.tag a:hover { color:#0172bd }
.relate_bord { margin-bottom:3% }
.relate_tit { font-size:1rem; font-weight:700; line-height:1; margin-bottom:1em; color:#14264e; padding-left:.5em; border-left:5px solid #14264e }
.relate_tit a, .relate_tit span { font-size:14px; color:#666; font-weight:400 }
@media (max-width:640px) {
.relate_tit a, .relate_tit span {
font-size:13px
}
}
.relate_tit .more { float:right }
.relate_tit .more:hover { color:#0f3175 }
.relate_news { width:102% }
.relate_news li { float:left; width:47%; margin-right:3%; border-bottom:1px dashed #dedede; line-height:3.4 }
@media screen and (max-width:768px) {
.relate_news li {
float:none;
width:97%
}
}
.relate_news li a { display:block }
.relate_news li h5 { color:#888; font-size:14px; display:block; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
@media (max-width:640px) {
.relate_news li h5 {
font-size:13px
}
}
.relate_news li h5:hover { color:#0f3175 }
.relate_news li em { padding-right:.5em }
.relate_news li .date { color:#999; display:inline-block; float:right; font-size:13px }
#pre_pro { padding-bottom:2rem }
#pre_pro .big { border:1px solid #ddd; padding:5px }
#pre_pro .tit { font-size:15px; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:3 }
@media (max-width:640px) {
#pre_pro .tit {
font-size:1rem
}
}
#pre_pro .swiper-slide:hover .big { border-color:#0f3175 }
#pre_pro .swiper-slide:hover .tit { color:#0f3175 }
.skip { overflow:hidden; margin-top:50px; margin-bottom:30px; background:#f6f6f6; padding:5px }
.skip>div { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:46%; line-height:30px; height:30px; text-indent:10px }
.skip a { color:#666 }
.skip a:hover { color:#0f3175 }
@media screen and (max-width:640px) {
.skip>div {
width:100%;
float:none;
padding:5px;
margin-left:-5px
}
.skip>div:first-child {
border-bottom:2px solid #fff
}
}
h1.tagname { position:absolute; color:#fff; font-size:2.25rem; font-weight:700; top:-13vw; left:0; z-index:66; letter-spacing:1px }
@media (max-width:768px) {
h1.tagname {
font-size:1.36363636rem
}
}
.tags .breaker { float:left }
.taglist { background-color:#fff; padding:2em 1.5em; margin-bottom:5vw; margin-top:-1% }
.taglist a { display:inline-block; color:#666; font-size:14px; padding:3px 10px; background-color:#f3f3f3; white-space:nowrap; margin:4px 10px 4px 0; border-radius:3px }
@media (max-width:640px) {
.taglist a {
font-size:13px
}
}
.taglist a:hover { color:#fff; background:#1abc9c }
@media screen and (max-width:768px) {
.taglist {
padding:0 1em
}
}
.fixed-b { width: 100%; background: #14264e; bottom: 0; left: 0; z-index: 999; font-size: 14px; opacity: 0; position: fixed; padding: 10px 0; display: none; }
.fixed-b li { width: 25%; text-align: center; color: #fff; float: left; border-right: 1px solid #777; box-sizing: border-box; }
.fixed-b li:last-child { border-right: none; }
.fixed-b li a { color: #fff; }
.fixed-b li a i { font-size: 24px; padding-right: 5px; color: #f7c324; vertical-align: middle; line-height: 1; }
.fixed-b li a .icon-home { font-size: 18px; }
.flow.right_side { position:fixed; width:60px; height:275px; right:0; top:50%; transform: translateY(-50%); z-index:100; z-index: 999; }
.flow ul li { width:60px; height:60px; float:left; position:relative; margin-bottom: 2px; }
.flow ul li .sidebox { position:absolute; border-radius: 5px; width:60px; height:60px; top:0; right:0; transition:all 0.3s; background:rgba(20, 38, 78, 0.7); color:#fff; font:15px/60px; overflow:hidden; }
.flow ul li .sidetop, .flow ul li .wx { width:60px; height:60px; border-radius: 5px; display:block; background:rgba(20, 38, 78, 0.7); transition:all 0.3s; }
.flow ul li i { display: inline-block; width: 60px; line-height: 60px; color: #f7c324; font-size: 30px; text-align: center; vertical-align: middle; }
.flow .wx { position: relative; }
.flow .wx .wx_code { position: absolute; width: 120px; height: 120px; background: rgba(20, 38, 78, 0.5); padding: 4px; left: -130px; top: 50%; display: none; transform: translateY(-50%); }
.flow .wx .wx_code img { max-width: 100%; }
.flow .wx:hover .wx_code { display: block; }
.flow ul li .sidetop:hover, .flow ul li .sidebox:hover, .flow .wx:hover { background:rgba(20, 38, 78, 0.5); }
/* 鐣欒█ */
#dialogBg { width:100%; height:100%; background-color:#000000; opacity:.6; filter:alpha(opacity=60); position:fixed; top:0; left:0; z-index:9999; display:none; }
#dialog { width:700px; display:none; background:url(../images/mess_bg.png)center no-repeat; background-size: 100% 100%; position:fixed; z-index:10000; padding:0 30px 20px 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.dialogTop { letter-spacing:1px; padding:10px 0 0; text-align:right; }
.dialogTop a { color: #fff; font-size: 15px; }
.dialogIco { width:50px; height:50px; position:absolute; top:-25px; left:50%; margin-left:-25px; }
#dialog h4 { font-size: 30px; font-weight: bold; text-align: center; padding-bottom: 10px; color: #fff; }
.message2 .txt { display: inline-block; width: 100px; padding-left: 20px; box-sizing: border-box; color: #fff; }
.message2 .txt .red { color: #e60012; }
.message2 .mod1 { width: 100%; }
.message2 .mod1 .ui-input { width: calc(100% - 120px); }
.message2 .mod .field { width: 50%; float: left; }
.message2 .mod .field .ui-input { width: calc(100% - 120px); }
.message2 #verify { height: 35px; box-sizing: border-box; border: 1px solid #ddd; padding-left: 1%; margin-bottom: 20px; }
.message2 #code_img { width: 100px; height: 35px; cursor: pointer; border: 1px solid #e2e2e2; box-sizing: border-box; margin-bottom: 20px; vertical-align: middle; }
.message2 .ui-input { line-height: 35px; padding-left:1%; color: #666; margin-bottom: 20px; margin-right: 2%; box-sizing: border-box; }
.message2 .ui-textarea { margin-bottom: 15px; height: 80px; padding-left: 1%; font-family: "microsoft yahei"; width: calc(100% - 120px); padding-top: 5px; color: #666; }
.message2 .ui-btn1 { background:#f8c325; border: none; color: #fff; width: 120px; padding: 10px; margin-right: 30px; }
.message2 .ui-btn2 { background:#bbbbbb; border: none; color: #fff; width: 120px; padding:10px; }
.message2 .code_fr { width: 48%; float: right; }
.message2 .code_fr li { width: 50%; text-align: center; color: #666; margin-top: 20px; float: left; }
.message2 .code_fr li img { max-width: 100%; }
.message2 .txt2 { color: #e60012; padding-top: 10px; }
.wsc-fixBar { position: fixed; right: 5px; top: calc(50% - 200px); z-index: 1000; }
.fb-online, .fb-ly, .fb-tel, .fb-wx, .fb-lx, .fb-top { width:60px; height:60px; margin-bottom: 2px; cursor: pointer; transition: 0.36s; font-size: 12px; text-align: center; line-height: 14px; color: #f7c324; position: relative; }
.fb-online a, .fb-ly a, .fb-tel>a, .fb-wx a, .fb-lx a, .fb-top a { color: #fff; position: absolute; right: 0; top: 0; width: 60px; height:60px; box-sizing: border-box; padding-top:10px; transition: none; background-color:#1a458d; overflow: hidden; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.wsc-fixBar .iconfont { font-size:25px; line-height:40px; }
.wsc-fixBar .fb-top .iconfont { font-size:18px; line-height: 1; }
.fb-tel:hover>a, .fb-online:hover a, .fb-wx:hover a, .fb-ly:hover a, .fb-top:hover a { background-color: #f4b518; }
.fb-tel:hover { width:140px; margin-left:-80px; }
.fb-tel { overflow: hidden; }
.fb-tel>a { left: 0; right: inherit; }
.fb-tel .fbarCon { width: 80px; height: 60px; line-height: 57px; font-size: 16px; margin-left: 60px; background-color: #1a458d; text-indent:0; position: relative; color: transparent; }
.fb-tel .fbarCon a { color: #fff; }
.fb-tel:hover .fbarCon { background-color: #f4b518; color: #fff; text-indent: -2em; }
.fb-wx .fbarCon { position: absolute; left: -155px; bottom:20px; width: 128px; background-color: #fff; padding: 12px; display: block; transform: scale(0);  transition:all .2s linear;
transform-origin: 100% 100%; box-shadow:-3px 3px 6px rgba(0, 0, 0, 0.05); }
.fb-wx .fbarCon::after {
 display: block;
position: absolute;
 right: 0;
 bottom:-10px;
 content: " ";
 height:0;
 width: 0;
 z-index: 5;
 border-top:5px solid #fff;
 border-right: 10px solid #fff;
 border-bottom:10px solid transparent;
}
.fb-wx:hover .fbarCon { transform: scale(1); }
.fb-wx .fbarCon img { width: 100%; }
#spbtn { width:60px; }
#kefutp { position: fixed; bottom: -1%; right: 0; display: block; z-index: 55; max-width: 9%; }
#kefutp img { max-width: 100%; }
.subbanner .wrapper { max-width: 1400px; margin: 0 auto; padding: 0 10px; }
#tagsPreview>a { border-radius: 1rem;/*float: left;*/
    /*display: inline-block;*/
    /*padding: 0;*/
    /*margin-right: 4%;*/
    /*background: #fff;*/
    /*margin-top: .6rem;*/
    /*width: 46%;*/
}
@media only screen and (max-width: 1000px) {
 .wsc-fixBar, #kefutp {
display: none;
}
}
@media only screen and (max-width: 768px) {
.fixed-b {
opacity: 1;
display: block;
}
}