锘緻font-face { font-family: 'PRISM-REGULAR-1'; src: url('../Fonts/PRISM-REGULAR-1.ttf') format('truetype'); } @keyframes move { 0%, 65% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 70% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 75% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 80% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 85% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 90% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 95% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes move { 0%, 65% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 70% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 75% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 80% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 85% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 90% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 95% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .auto_1400 { max-width: 1400px; width: 96%; } /* body{} */ body { color: #333; } * { padding: 0; margin: 0; box-sizing: border-box; } a { color: #333; } a:hover { color: #0080c9; } .column-name { text-align: center; padding: 35px 0; font-size: 40px; } .column-name .cn { color: #333; line-height: 48px; font-weight: bold; position: relative; z-index: 0; } .column-name p { font-size: 16px; color: #555; padding-top: 1%; line-height: 28px; } .column-name .en { text-transform: uppercase; color: rgba(0, 0, 0, .2); font-size: 60px; padding-bottom: 4px; font-family: 'PRISM-REGULAR-1'; } .Floor003089 .column-name .cn { color: #fff; } .Floor002732 .column-name .en { color: rgba(255, 255, 255, .3); } .Floor002841 .column-name { text-align: left; } @media(max-width:480px) { .column-name { font-size: 24px; padding: 25px 0 10px; } .column-name .cn { line-height: 40px; } .column-name .en { font-size: 30px; } } .htmleaf-header { color: #fff; } /*Top003124 */ @media (min-width:1025px) { .Top003124 { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: background-color 0.3s, transform 1s; } .Top003124.Down { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .Top003124.Down .logo .white, .Top003124:not(.Down) .logo .red { display: none; } .Top003124:not(.Down) { color: #fff; } .Top003124 .sub a { color: #333; font-size: 16px; padding-top: 10px; padding-bottom: 10px; display: block; line-height: 24px; } .Top003124 .sub a:hover { color: #0080c9; } } .Top003124 [type="Vertical"] .sub dl { padding: 0; } .Top003124 .logo { float: left; display: table; height: 5.3125em; } .Top003124 .logo a { display: table-cell; vertical-align: middle; } @media (max-width:1024px) { .Top003124 .logo { height: 4em; } /* .Top003124 .logo img{height: 90%;} */ } .Top003124 .top-nav dd {} .Top003124 .top-nav dd.oa a { display: block; border: 1px solid #ccc; border-radius: 50%; text-align: center; } .Top003124.hover .top-nav dd.oa a { border-color: #ccc; } .Top003124 .top-nav dd.lang a { margin: 0 5px; color: #fff; } .Top003124 .top-nav dd.stock b { font-weight: normal; } @media(min-width:1025px) and (max-width:1770px) { .Top003124 .top-nav { margin-right: 8.34vw; } } @media (min-width:1025px) { .Top003124 .top-nav { float: right; margin-left: 7.5em; padding-top: 1.75em; font-size: 0.875em; } .Top003124 .top-nav dd { float: left; line-height: 2.5714em; } .Top003124 .top-nav dd.oa { margin-left: 4.2857em; } .Top003124 .top-nav dd.oa a { width: 2.5714em; } .Top003124 .top-nav dd.stock { margin-right: 2.1428em; padding-right: 2.1428em; border-right: 1px solid rgba(255, 255, 255, 0.1); } .Top003124:not(.hover) .top-nav dd.stock { border-right-color: #fff; } } @media (max-width:1024px) { .Top003124 .top-nav { position: absolute; right: 110px; top: 6px; display: flex; align-items: center; } .Top003124 .top-nav dd { line-height: 40px; font-size: 14px; } .Top003124 .top-nav dd:not(:last-child) { margin-right: 1em; } .Top003124 .top-nav dd.oa a { width: 2em; } } .Top003124 .top-nav dd .on { color: #0080c9!important; } .Top003124.Down .top-nav dd a { color: #333; } .Top003124 menu li span { display: block; } .Top003124 menu li:not(:last-child) { margin-right: 4em; } @media (min-width:1025px) { .Top003124 menu { float: right; font-size: 18px; } .Top003124 menu li { float: left; } .Top003124 menu li span, .Top003124 menu li span a { line-height: 84.76px; color: #fff; text-shadow: 1px 1px 2px #333; } .Top003124.Down menu li span a { text-shadow: none; } .Top003124.Down menu li span a { color: #333; } .Top003124 menu li span a { display: block; position: relative; z-index: 1; letter-spacing: 2px; font-size: 19px; } .Top003124 menu li span a:after { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; background-color: #fff; transition: 0.3s; } .Top003124 menu li:hover span a:after, .Top003124 menu li.aon span a:after { width: 100%; } .Top003124 menu li .sub { position: absolute; top: 100%; background-color: rgba(255, 255, 255, .3); overflow: hidden; width: 150px; } .Top003124 menu li .sub dt { border-bottom: 1px solid #f0f0f0; padding-top: 10px; padding-bottom: 10px; font-size: 14px; } .Top003124 menu li .sub dt:last-child { border-bottom: 0; } .Top003124 menu li .sub.subw { width: 250px; margin-left: -130px; } .Top003124 menu li .sub05 { width: 300px; margin-left: -150px; } .Top003124 menu li .sub.sub05 dt a{ text-align: left; /* padding-left: 15px; */ } .Top003124 menu li .sub.sub05 dt a{ padding-left: 15px; } .Top003124 menu li .sub.subw dt { text-align: left; /* padding-left: 20%; */ } .Top003124 menu li .sub.subw dt img { position: absolute; left: 20px; max-width: 20px; margin-top: 2px; } .Top003124 menu li .sub.subw dt .img_top { display: inline-block } .Top003124 menu li .sub.subw dt .img_top1 { display: none; } .Top003124 menu li .sub.subw dt:hover { background: rgba(0, 128, 201, 0.6); color: #fff; } .Top003124 menu li .sub.sub05 dt:hover { background: rgba(0, 128, 201, 0.6); color: #fff; } .Top003124 menu li .sub dt:hover { background: rgba(0, 128, 201, 0.6); color: #fff; } .Top003124 menu li .sub dt:hover a { color: #fff; } .Top003124 menu li .sub dt:hover .img_top1 { display: inline-block; } .Top003124 menu li .sub dt:hover .img_top { display: none; } .Top003124 menu li .sub dt { padding: 0 !important; line-height: 0; } .Top003124 menu li .sub.subw dt a { padding-left: 20%; } } @media (max-width:1440px) { .Top003124 menu li:not(:last-child) { margin-right: 2em; } } @media (max-width:1024px) { .Top003124 menu li:not(:last-child) { margin-right: 1em; } } @media (max-width:1024px) { .Top003124 menu { position: fixed; left: -100%; top: 50px; height: calc(100% - 7em); overflow: auto; background-color: #fff; width: 250px; opacity: 0; transition: 0.3s ease; } .menu-show .Top003124 menu { left: 0; opacity: 1; transform: translateX(0); } .Top003124 menu li { border-bottom: 1px solid #eee; } .Top003124 menu li span { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; font-size: 16px; } .Top003124 .has-sub span .op:before, .Top003124 .has-sub span .op:after { background-color: #ccc; } .Top003124 menu li .sub { background-color: rgba(0, 0, 0, 0.1); font-size: 14px; } } .Top003124 .open-search { position: absolute; right: 0; top: 0; width: 5.3125em; height: 5.3125em; background: rgba(0, 0, 0, 0.3) url(../images/Top003124-btn.svg) no-repeat center; cursor: pointer; background-size: auto 23.53%; } .Top003124 .top-search { position: absolute; right: 0; top: 100%; background-color: #fff; width: 100%; max-width: 400px; } .Top003124 .top-search .btn { background-color: rgba(0, 0, 0, 1); background-image: url(../images/Top003124-btn.svg); background-size: auto 50%; } .Top003124 .open-search.on:before, .Top003124 .open-search.on:after { width: 40%; left: 30%; } .Top003124.hover .open-search.on:before, .Top003124.hover .open-search.on:after { background-color: rgba(0, 0, 0, 1); } @media (max-width:1024px) { .Top003124 .open-search { width: 40px; height: 40px; top: 50%; margin-top: -20px; background-color: rgba(0, 0, 0, 1); background-size: auto 60%; right: 60px; } .Top003124 .open-menu { width: 40px; height: 40px; right: 0; } .Top003124 .open-menu i { width: 60%; left: 20%; background-color: rgba(0, 0, 0, 1); } } @media (max-width:1024px) { /* .Top003124{ height: 0.925em;} */ .Top003124 .wap-fixed { position: relative; width: 100%; left: 0; top: 0; z-index: 100; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .Top003124 .auto { position: relative; } .Top003124 .top-nav dd.lang a { color: #333; } .Top003124 .logo img.white { display: none; } .Top003124 menu li .sub img { display: none; } .Top003124 .logo { height: 40px; padding: 5px 0; } .Top003124 menu [type="Vertical"] .sub dt { text-align: left; padding: 5px 0 5px 12px; } } /*Banner003086 */ .Banner003086 .auto { max-width: 1600px; } .Banner003086 .slider li { position: relative; } .Banner003086 .ytable { height: 100%; } .Banner003086 .txt-area { position: absolute; color: #fff; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; font-size: 62px; } .Banner003086 .txt-area aside { transition: 1s 1s; opacity: 0; } .Banner003086 .txt-area .t-1 { font-size: 0.387em; transform: translateX(50px); } .Banner003086 .txt-area .t-2 { transform: translateX(100px); } .Banner003086 .txt-area .t-3 { transform: translateX(150px); } .Banner003086 .ani-show .txt-area aside { opacity: 1; transform: translateX(0); } .Banner003086 .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); z-index: 20; bottom: 2.55vw; } .Banner003086 .slick-dots li { float: left; width: 30px; position: relative; height: 30px; border: solid 1px transparent; border-radius: 50%; } .Banner003086 .slick-dots li button { font-size: 0; width: 8px; height: 8px; background: #e1e1e1; opacity: 0.5; padding: 0; border: 0; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; border-radius: 50%; } .Banner003086 .slick-dots li:not(:last-child) { margin-right: 4.74vw; } .Banner003086 .slick-dots li:not(:last-child):after { left: 100%; margin-left: 0.34vw; width: 4.07vw; height: 2px; position: absolute; content: ''; top: 50%; margin-top: -1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 20%, transparent 50%); background-size: 8px 2px; background-repeat: repeat-x; } .Banner003086 .slick-dots li.slick-active { border-color: #fff; } .Banner003086 .slick-dots li.slick-active button { opacity: 1; } @media(min-width:1025px) { .Banner003086 .wap { display: none; } } @media(max-width:1024px) { .Banner003086 .pc { display: none; } .Banner003086 .txt-area { font-size: 5vw; padding: 0 2vw; } } @media(max-width:640px) { .Banner003086 .slick-dots li { width: 20px; height: 20px; } } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* .Floor001118 涓篸emo缂栧彿 */ /* remove canvas default margin */ .container canvas { display: block; vertical-align: bottom; } #particles-js { position: absolute; width: 100%; height: 100%; left: 0px; top: 0; } .waves { position: absolute; left: 0; right: 0; top: 30%; } .Floor001118 { background: #f4f8ff; background-size: cover; padding: 3% 0 5%; position: relative; overflow: hidden; } .Floor001118 .title { padding: 85px 0px 60px 0px; text-align: center; } .Floor001118 .title span { display: inline-block; line-height: 44px; font-size: 28px; color: #4c4c4c; border-bottom: 2px solid #009fd9; } .Floor001118 .title p { margin: 0; text-align: center; font-size: 14px; color: #999; padding-top: 20px; } .Floor001118 .box { position: relative; overflow: hidden; } .bigfont { font-size: 100px; } .Floor001118 .box .left-btn, .Floor001118 .box .right-btn { position: absolute; width: 60px; top: 40%; height: 60px; border-radius: 50%; background: #ccc url(../images/Floor003105-btn.svg) no-repeat center center; background-size: auto 13px; z-index: 20; text-indent: 999em; cursor: pointer; } .Floor001118 .box .left-btn:hover, .Floor001118 .box .right-btn:hover { background-color: #0080c9; } .Floor001118 .more { font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #0080c9; transition: 0.3s; display: table; margin: 0 auto; margin-top: 4%; display: none; } .Floor001118 .more:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon.png) no-repeat; background-size: contain; transition: 0.3s; } .Floor001118 .more:hover { background-color: #0080c9; color: #fff; border-color: #0080c9; } .Floor001118 .more:hover:after { background-image: url(../images/Floor003105-icon-white.svg); } .Floor001118 .more:hover a { color: #fff; } .Floor001118 .right-btn { transform: rotateY(180deg); background-color: #0080c9; } @media (min-width:1025px) { .Bottom002600 .slick-arrow { top: 50%; margin-top: 50px; } .Floor001118 .left-btn { left: 120px; } .Floor001118 .right-btn { right: 120px; } } .Floor001118 .list { position: relative; width: 100%; } .Floor001118 .list li { background: #fff; margin: 0px 17px; transform: scale(0.9); text-align: center; transition: all 0.3s ease; } .Floor001118 .center li { box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1); } .Floor001118 .list li .pic, .Floor001118 .list li .txt { opacity: 0.4; filter: alpha(opacity=40); } .Floor001118 .center li .pic, .Floor001118 .center li .txt { opacity: 1; filter: alpha(opacity=100); } .Floor001118 .list li:hover { transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .Floor001118 .list li h1 { font-size: 20px; color: #333; font-weight: bold; height: 58px; line-height: 58px; margin: 0; } .Floor001118 .list li .Ispic { padding-bottom: 73%; background-size: contain; } .Floor001118 .list li p { font-size: 15px; color: #555; line-height: 26px; margin: 0; } .Floor001118 .center .txt { background: #eff6ff; } .Floor001118 .center .txt h1 { text-align: center; } .Floor001118 .center .txt p { text-align: center; } .Floor001118 .list li .pic { background: #fff; width: 100%; padding: 8%; } .Floor001118 .list li .txt { text-align: left; padding: 24px 23px 60px; } .Floor001118 .center li .txt { text-align: left; padding: 24px 23px 27px; } .Floor001118 .list li div img { margin: 36px auto 0; max-width: none; width: auto; } .Floor001118 .list .center li .more { width: 50px; height: 50px; border: 0; background: url(../images/icon_g.png) no-repeat center center; background-size: 30%; display: block; margin: 0 auto; font-size: 0; } .Floor001118 .owl-carousel .owl-stage-outer { padding: 20px 0; overflow: unset; } .Floor001118 .owl-carousel.owl-drag .owl-item.active.center li { transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .Floor001118 .center:hover .txt { cursor: pointer; } .Floor001118 .center:hover .txt h1 { color: #0080c9; } .Floor001118 .list .center:hover li .more { width: 50px; height: 50px; background: url(../images/icon_on.png) no-repeat center center; background-size: 30%; } @media only screen and (min-width:1200px) { .Floor001118 .list li { margin: 0 10px; } } @media only screen and (min-width:1440px) {} @media only screen and (max-width:767px) { .Floor001118 .title span { font-size: 20px; } .Floor001118 .center .txt h1 { height: auto; line-height: 30px; } .Floor001118 { padding: 3% 0 0; } #particles-js { display: none; } } /*Floor002732 */ .Floor002732 { padding: 3% 0; } .Floor002732 .slick-dots { padding-top: 20px; text-align: center; } .Floor002732 .slick-dots li { list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; position: relative; } .Floor002732 .slick-dots li button { position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0; } .Floor002732 .slick-dots li.slick-active { border-color: #184477; } .Floor002732 .slick-dots li.slick-active button { width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #184477; } .Floor002732 .main { position: relative; margin-top: 3%; } .Floor002732 .main:before { top: 0; } .Floor002732 .main:after { bottom: 0; } .Floor002732 .main .slider { margin-left: -19.5px; margin-right: -19.5px; } .Floor002732 .main .slick-list { padding: 0 19.5px; } .Floor002732 .slider { position: relative; z-index: 10; } .Floor002732 .slider li.slick-slide { position: relative; height: auto; } .Floor002732 .slider li:hover:before { opacity: 1; -webkit-opacity: 1; height: 100%; } .Floor002732 .slider li a { position: relative; z-index: 10; text-align: center; } .Floor002732 .slider li p { height: 0; opacity: 0; -webkit-opacity: 0; color: #fff; } .Floor002732 .slider li .icon img { width: 85px; height: 85px; transition: 0.3s; } .Floor002732 .slider li .icon:hover img { transform: rotateY(180deg); } .Floor002732 .slider li .icon .off { display: none; } .Floor002732 .slider li .title { max-width: 90%; margin: 0 auto; font-size: 16px; color: #555; } .Floor002732 .slider li h2 { margin-bottom: 10px; font-size: 20px; color: #fff; } .Floor002732 .slider li a:hover .title h2, .Floor002732 .slider li a:hover .title { color: #fff; } .Floor002732 .slider li a:hover .icon .on { display: none; } .Floor002732 .slider li a:hover .icon .off { display: inline-block; } .Floor002732 .slider li a:hover p { height: 78px; opacity: 1; -webkit-opacity: 1; line-height: 26px; transition: 0.3s ease-in-out; } .Floor002732 .slick-dots { position: absolute; left: 0; bottom: -40px; width: 100%; z-index: 10; } @media(max-width:1100px) { .Floor002732 .main { margin-bottom: 50px; } } .bg { background: url(../images/bg02.png) no-repeat center top; background-size: cover; padding-bottom: 78px; } /*Floor003105 */ .Floor003105 { font-size: 100px; position: relative; z-index: 1; overflow: hidden; padding: 1% 0; } @media (max-width:1600px) { .Floor003105 { font-size: 6.25vw; } } @media (max-width:1024px) { .Floor003105 { font-size: 14vw; padding: 1em 0; } } .Floor003105 .title { color: #003f84; } .Floor003105 .title .cn { font-size: 0.38em; } .Floor003105 .title .en { font-size: 0.52em; line-height: 1; } .Floor003105 .more { font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #0080c9; transition: 0.3s; display: table; margin-top: 7%; } .Floor003105 .more:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon.png) no-repeat; background-size: contain; transition: 0.3s; } .Floor003105 a:hover .more { background-color: #0080c9; color: #fff; border-color: #0080c9; } .Floor003105 a:hover .more:after { background-image: url(../images/Floor003105-icon-white.svg); } .Floor003105 .slider li .txt .tit { font-size: 0.28em; line-height: 1.357; color: #333; font-weight: bold; } .Floor003105 .slider li .txt p { font-size: 0.14em; line-height: 1.75; color: #555; margin-top: 30px; margin-bottom: 50px; } .Floor003105 .slick-arrow { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, .2) url(../images/Floor003105-btn.svg) no-repeat center center; background-size: auto 0.13em; z-index: 20; font-size: 1em; text-indent: 999em; } .Floor003105 .slick-next { transform: rotateY(180deg); background-color: #0080c9; } @media (min-width:1025px) { .Floor003105 .slider .slick-list { overflow: inherit; } .Floor003105 .slider li:not(.slick-center) { opacity: 0; } .Floor003105 .slick-arrow { top: 50%; margin-top: -0.25em; } .Floor003105 .slick-prev { left: -120px; } .Floor003105 .slick-next { right: -120px; } .Floor003105 .title { width: 91.667%; } .Floor003105 .title aside { padding-left: 54.546%; } .Floor003105 .title .cn { text-indent: 3.1578em; } .Floor003105 .title .en { text-indent: 2.3076em; } .Floor003105 .slider li a { table-layout: fixed; } .Floor003105 .slider li .pic { width: 54.546%; } .Floor003105 .slider li .txt { padding: 4%; background: #fff; } } @media (max-width:1600px) { .Floor003105 .slider li .txt p { margin-bottom: 5vw; } } @media (max-width:1024px) { .Floor003105 .title { width: 90%; margin: 0 auto 0.3em; } .Floor003105 .slider li a, .Floor003105 .slider li .ytable-cell { display: block; } .Floor003105 .slider li .txt { padding: 0.5em 5%; } .Floor003105 .slick-arrow { bottom: 100%; margin-bottom: 0.3em; right: 5%; } .Floor003105 .slick-prev { background-color: #00ac6f; margin-right: 0.6em; } } @media (max-width:480px) { .Floor003105 .slider li .txt .tit { font-size: 0.32em; } .Floor003105 .slider li .txt p { font-size: 0.24em; } } /* .Floor002233 涓篸emo缂栧彿*/ .Floor002233 { background: url(../images/bg03.png) no-repeat center top; background-size: cover; padding: 3% 0 5%; font-size: 100px; } .Floor002233 .wrap-content { position: relative; overflow: hidden; } .Floor002233 .titl { text-align: center; font-size: 20px; color: #c49162; padding: 40px 0 30px } .Floor002233 .titl p { margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 5px; color: #e3ccbb; } .Floor002233 li h3 { font-weight: 100; margin: 10px 0 } .Floor002233 li h3 a { font-size: 18px; color: #333; margin: 1.042vw 0; font-weight: bold; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .Floor002233 li a.img { position: relative; display: block; text-align: center; overflow: hidden; } .Floor002233 li a.img .Ispic { padding-bottom: 56%; transition: 0.3s ease-out; } .Floor002233 li a:hover .Ispic { transform: scale(1.2); } .Floor002233 li a.img .time { color: #fff; text-align: center; position: absolute; top: 0; left: 0; width: 57px; height: 57px; background: rgba(0, 128, 201, .8); display: block; font-size: 12px; } .Floor002233 li a.img span { font-size: 22px; display: block; padding-top: 4px } .Floor002233 li a.img img { width: 100%; } .Floor002233 li { background: #fff; margin: 0 0 0; /*max-height: 372px;*/ width: 100%; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); /* margin-left: 50px; */ } /* .Floor002233 li:nth-child(3n) { margin-right: 0; } */ .Floor002233 li .text { padding: 26px 23px; } .Floor002233 li:hover .text { cursor: pointer; } .Floor002233 li:hover .text h3 a { color: #0080c9; cursor: pointer; } .Floor002233 li .text p { font-size: 12px; color: #777; line-height: 22px; } .Floor002233 .more { font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #0080c9; transition: 0.3s; display: table; margin: 0 auto; margin-top: 4%; } .Floor002233 .more:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon.png) no-repeat; background-size: contain; transition: 0.3s; } .Floor002233 .more:hover { background-color: #0080c9; color: #fff; border-color: #0080c9; } .Floor002233 .more:hover:after { background-image: url(../images/Floor003105-icon-white.svg); } .Floor002233 .more:hover a { color: #fff; } .Floor002233 .swiper-button-next, .Floor002233 .swiper-container-rtl .swiper-button-prev, .Floor002233 .swiper-button-prev, .Floor002233 .swiper-container-rtl .swiper-button-next { display: none; } .Floor002233 ul { padding-top: 1%; margin-left:-2.5%; } @media (min-width: 768px) { .Floor002233 .titl { font-size: 24px; } .Floor002233 .swiper-button-next, .Floor002233 .swiper-container-rtl .swiper-button-prev, .Floor002233 .swiper-button-prev, .Floor002233 .swiper-container-rtl .swiper-button-next { display: block; top: 107px; width: 30px; height: 20px; background: #fff url(../images/Floor002233-prev.png) no-repeat center center; opacity: 1 !important; right: 38px; left: auto; display: none; } .Floor002233 .swiper-button-next.swiper-button-disabled { background: #0080c9 url(../images/Floor002233-next_hover.png) no-repeat center center; } .Floor002233 .swiper-button-next { right: 0; background: #fff url(../images/Floor002233-next.png) no-repeat center center; } .Floor002233 .swiper-button-prev.swiper-button-disabled { background: #0080c9 url(../images/Floor002233-prev_hover.png) no-repeat center center; } .Floor002233 { display: block; } .Floor002233 li { width: 30.33%; float: left; margin-left:3%; } .Floor002233 li h3 { color: #333; font-size: 0.28em; line-height: 1; height: 2em; } } @media (min-width: 1024px) { .Floor002233 .titl { font-size: 30px; } } @media (min-width: 1280px) { .Floor002233 li .text p { color: #555; line-height: 1.715em; font-size: 15px; } } @media(max-width:1024px) { .Floor002233 li h3 { font-size: 20px; } .Floor002233 li .text p { font-size: 14px; } .Floor002233 .more { line-height: 30px; padding: 0 10px; font-size: 15px; } } @media(max-width:640px){ .Floor002233 li{margin-left:0;} .Floor002233 ul{margin-left:0;} } /*Floor002841 */ .Floor002841 { overflow: hidden; padding: 3% 0 5%; font-size: 100px; background: url(../images/bg06.png) no-repeat center top; background-size: cover; position: relative; } .Floor002841 .auto { position: relative; z-index: 1; } .Floor002841 .count-num { margin-top: 3%; } .Floor002841 .left .tit { color: #333; font-size: 34px; } .Floor002841 .left .info p { margin: 0; color: #333; } .Floor002841 .left .info { color: #555; line-height: 35px; font-size: 16px; text-align: justify; } .Floor002841 .more { font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #0080c9; transition: 0.3s; display: table; margin-top: 7%; } .Floor002841 .more:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon.png) no-repeat; background-size: contain; transition: 0.3s; } .Floor002841 .more:hover { background-color: #0080c9; color: #fff; border-color: #0080c9; } .Floor002841 .more:hover:after { background-image: url(../images/Floor003105-icon-white.svg); } .Floor002841 .right { position: relative; z-index: 1; } .Floor002841 .open-video { position: absolute; left: 42%; bottom: 22%; cursor: pointer; z-index: 10; } .Floor002841 .open-video i { display: block; width: 42px; height: 42px; border-radius: 50%; background: #ea5433 url(../images/Floor002841_btn.png) no-repeat center center; position: relative; z-index: 4; } .Floor002841 .open-video:before, .Floor002841 .open-video:after { position: absolute; content: ''; border-radius: 50%; background: #ea5433; opacity: 0.2; -webkit-opacity: 0.2; animation: scale 3s infinite; -webkit-animation: scale 3s infinite; } .Floor002841 .open-video:before { left: -11px; top: -11px; bottom: -11px; right: -11px; animation-delay: 0.3s; } .Floor002841 .open-video:after { left: -20px; top: -20px; bottom: -20px; right: -20px; } @keyframes scale { 0% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } 100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } } @-webkit-keyframes scale { 0% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } 100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } } @-ms-keyframes scale { 0% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } 100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } } .data { margin-top: 65px; } .data { font-size: 0; } .data .item { position: relative; display: inline-block; width: 19%; font-size: 16px; margin-right: 8%; color: #555; vertical-align: top; padding-bottom: 20px; } .data .item:nth-child(4n) { margin-right: 0; } .data .item:nth-child(1) { background: url(../images/icon4-1.png) 86% 2px no-repeat; background-size: 26px; } .data .item:nth-child(2) { background: url(../images/icon4-2.png) 86% 2px no-repeat; background-size: 26px; } .data .item:nth-child(3) { background: url(../images/icon4-3.png) 86% 2px no-repeat; background-size: 26px; } .data .item:nth-child(4) { background: url(../images/icon4-4.png) 86% 2px no-repeat; background-size: 26px; } .data .item:before { content: ''; position: absolute; width: 2px; height: 47px; right: 0; background: #ddd; top: 15px; } .data .item b { font-weight: normal; color: #333; font-size: 48px; } .data .item sup { font-size: 26px; color: #333; line-height: 1; position: absolute; right: 0; bottom: 0; } .data .item .tit { display: inline-block; position: relative; line-height: 1; padding-right: 20px; margin-bottom: 10px; } .data .item sub { position: absolute; right: -30px; display: none; top: 18px; font-size: 16px; } .data .item p { margin: 0; } .Floor002841 .pic .Ispic { padding-bottom: 67%; } @media(min-width:1025px) { .Floor002841 .auto:before { left: 50%; width: 80%; } .Floor002841 .left { width: 50%; padding-left: 5%; } .Floor002841 .right { width: 40%; overflow: hidden; padding-top: 3.8%; } .Floor002841 .right .pic img { max-width: none; } } @media(max-width:1024px) { .Floor002841 .auto:before { left: -2%; width: 104%; background-repeat: repeat-x; } .Floor002841 .right { max-width: 553px; margin: 0 auto; } .Floor002841 .left { padding-bottom: 5vw; } .Floor002841 .left .info { line-height: 30px; } .Floor002841 .more { line-height: 30px; padding: 0 10px; font-size: 15px; } .data .item p { line-height: 28px; height: 56px; } .data .item b { font-size: 30px; } .data .item { width: 49%; margin-right: 2%; } .data .item:nth-child(2n) { margin-right: 0; } } @media(max-width:640px) { .Floor002841 .left .tit { font-size: 28px; } .Floor002841 .left .en { font-size: 30px; } .data .item p { height: 32px; } } /*Floor */ .Banner002730 { position: relative; font-size: 100px; } .Banner002730 .ytable { height: 100%; } .Banner002730 .txt { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10; } .Banner002730 .txt .auto { max-width: 800px; } .Banner002730 .txt .cn { text-align: center; font-size: 28px; } .Banner002730 .txt .cn span { font-size: 45px; padding-left: 2%; color: #0080c9; } .Banner002730 .txt .en { font-size: 16px; text-align: center; padding-top: 3%; line-height: 35px; } .Banner002730 .more { font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #0080c9; transition: 0.3s; display: table; margin: 0 auto; margin-top: 4%; } .Banner002730 .more:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon.png) no-repeat; background-size: contain; transition: 0.3s; } .Banner002730 .more:hover { background-color: #0080c9; color: #333; border-color: #0080c9; } .Banner002730 .more:hover:after { background-image: url(../images/Floor003105-icon-white.svg); } .Banner002730 .more:hover a { color: #fff; } @media(min-width:1025px) { .Banner002730 figure { height: 350px; } .Banner002730 img { display: none; } } @media(max-width:1024px) { .Banner002730 figure { display: none; } .Banner002730 img { width: 100%; display: block; } .Banner002730 .auto { width: 80%; } .Banner002730 .fr { float: right; } .Banner002730 .txt .cn { font-size: 20px; margin-bottom: 10px; } .Banner002730 .txt .cn span { font-size: 30px; } .Banner002730 .txt .en { padding-top: 0; line-height: 28px; } .Banner002730 .txt { position: relative; padding: 5% 0; } .Banner002730 { background: #f5f5f5 } .Banner002730 .more { font-size: 15px; padding: 0 10px; line-height: 30px; } .data { margin-top: 0; } } @media(max-width:640px) { .Banner002730 .txt { font-size: 24px; } } /*Bottom002600 */ .Bottom002600 { color: #fff; } .Bottom002600 a { color: rgba(255, 255, 255, .6); } .Bottom002600 a:hover { color: #fff; } .botbg { background: url(../images/bg05.png) no-repeat center top; background-size: cover; padding-top: 4%; } .Bottom002600 footer { padding: 1% 0; color: rgba(255, 255, 255, .6); border-top: 1px solid rgba(255, 255, 255, .1); margin-top: 1%; } /*slick Basic*/ .Bottom002600 .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .Bottom002600 .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; } .Bottom002600 .slick-list:focus { outline: none } .Bottom002600 .slick-list.dragging { cursor: pointer; cursor: hand; } .Bottom002600 .slick-slider .slick-track, .Bottom002600 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .Bottom002600 .slick-track { position: relative; top: 0; left: 0; display: block; } .Bottom002600 .slick-track:before, .Bottom002600 .slick-track:after { display: table; content: ''; } .Bottom002600 .slick-track:after { clear: both; } .Bottom002600 .slick-loading .slick-track { visibility: hidden; } .Bottom002600 .slick-slide { display: none; float: left; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .Bottom002600 .slick-slide .slick-loading img { display: none; } .Bottom002600 .slick-slide .dragging img { pointer-events: none; } .Bottom002600 .slick-initialized .slick-slide { display: block; } .Bottom002600 .slick-loading .slick-slide { visibility: hidden; } .Bottom002600 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .Bottom002600 .slick-arrow .slick-hidden { display: none; } /*slick Basic End*/ .Bottom002600 .partner { padding: 4% 0; background: #f1faff; position: relative; } .Bottom002600 .partner .title { color: #333; font-size: 30px; line-height: 48px; font-weight: bold; position: relative; padding-bottom: 2%; z-index: 10; text-align: center; text-indent: 5px; font-family: 'PINGFANG MEDIUM'; } .Bottom002600 .slick-arrow { position: absolute; width: 60px; height: 60px; border-radius: 50%; background: #0080c9 url(../images/Floor003105-btn.svg) no-repeat center center; background-size: auto 13px; z-index: 20; text-indent: 999em; } .Bottom002600 .slick-next { transform: rotateY(180deg); background-color: #0080c9; } @media (min-width:1025px) { .Bottom002600 .slick-arrow { top: 50%; margin-top: 50px; } .Bottom002600 .slick-prev { left: -120px; } .Bottom002600 .slick-next { right: -120px; } } .Bottom002600 .partner .slider li a { position: relative; display: block; margin: 0 15px; } .Bottom002600 .partner .slider li a img { width: 100%; } .Bottom002600 .partner .slider li a:hover::before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #00a2e9; } @media(min-width:1025px) { .Bottom002600 .partner .slider { margin: 0 -15px; } } @media(max-width:1024px) { .Bottom002600 .partner .slider li a { margin: 0 5px; } } .Bottom002600 .bottom_nav { position: relative; } .Bottom002600 .contact .telnum { font-size: 16px; padding-bottom: 2%; } .Bottom002600 .contact .telnum .icon { animation: move 3s 0s infinite; -webkit-animation: move 3s 0s infinite; } .Bottom002600 .contact .telnum h3 { font-size: 32px; color: #fff; margin: 0; padding-bottom: 5%; font-weight: normal; } .Bottom002600 .contact dl dd { line-height: 26px; color: rgba(255, 255, 255, .6); } .Bottom002600 .code img { display: block; margin: 0 auto; } .Bottom002600 .bdsharebuttonbox a { width: 32px; height: 32px; line-height: 32px; margin: 0 14px 0 0; padding: 0; background: url(../images/Bottom002600_share.png) no-repeat left center rgba(255, 255, 255, 0.2); border-radius: 50%; } .Bottom002600 .bdsharebuttonbox a.bds_weixin { background-position: -44px center; } .Bottom002600 .bdsharebuttonbox a.bds_qzone { background-position: -90px center; } .Bottom002600 .bottom_nav nav dl { float: left; width: 10%; } .Bottom002600 .bottom_nav nav dl:nth-child(1) { width: 12%; } .Bottom002600 .bottom_nav nav dl:nth-child(2) { width: 22%; } .Bottom002600 .bottom_nav nav dt { font-size: 15px; padding-bottom: 20px; } .Bottom002600 .bottom_nav nav dt::after { display: inline-block; content: ''; width: 2px; height: 2px; border-radius: 50%; vertical-align: middle; background: #cdcdcd; margin-left: 25%; } .Bottom002600 .bottom_nav nav dl:last-child dt::after { display: none; } .Bottom002600 .bottom_nav nav dd { line-height: 36px; } .Bottom002600 .links p { margin: 0; color: #fff; font-size: 16px; } .Bottom002600 .links ul { position: relative; z-index: 50; margin: 10% 0 13% 0; } .Bottom002600 .links ol { border: 1px solid rgba(255, 255, 255, .1); border-radius: 36px; line-height: 36px; padding: 0 18px; background: url(../images/iconup.png) no-repeat 95% center; color: rgba(255, 255, 255, .6); background-size: 4%; } .Bottom002600 .links li { display: none; position: absolute; left: 18px; z-index: 40; right: 18px; bottom: 100%; background: #bfc0c2; border-radius: 4px 4px 0 0; } .Bottom002600 .links li a { display: block; line-height: 20px; padding: 5px 10px; } .Bottom002600 .share>a img { display: block; width: 100%; max-width: 122px; margin: 0 auto; } .Bottom002600 .share ul { display: flex; flex-wrap: nowrap; } .Bottom002600 .share li { position: relative; } .Bottom002600 .share li figure { display: none; position: absolute; left: 0; top: 100%; text-align: center; background: #fff; width: 120px; height: 120px; padding-top: 10px; z-index: 99; padding: 2%; margin-top: 15%; } .Bottom002600 .share li figure img { width: 100%; } .Bottom002600 .share li a { display: block; width: 50px; height: 50px; background: url(../images/Bottom002567_share.png) no-repeat center rgba(255, 255, 255, .1); border-radius: 50%; margin-right: 11px; } .Bottom002600 .share li a:hover { background-color: #0080c9; } .Bottom002600 .share li:last-child a { margin-right: 0; } .Bottom002600 .share li.li_qq a { background-position: 9px center; } .Bottom002600 .share li.li_sina a { background-position: -36px center; } .Bottom002600 .share li.li_wx a { background-position: -79px center; } @media(min-width:1025px) { .Bottom002600 footer dt { float: left; } .Bottom002600 footer dd { float: right; } .Bottom002600 footer dd a { margin-left: 15px; } .Bottom002600 .bottom_nav { padding-right: 202px; min-height: 244px; } .Bottom002600 .contact { position: absolute; right: 0; top: 0; width: 40%; color: #fff; } .Bottom002600 .contact .w50 { width: 48%; } .Bottom002600 .code { text-align: center; float: right; width: 31%; } .Bottom002600 .code:nth-child(3n) { margin-right: 0; } } @media(max-width:1024px) { .Bottom002600 .bottom_nav nav { display: none; } .Bottom002600 .contact { text-align: center; } .Bottom002600 .code img { margin: 0 auto; padding: 3% 0; } .Bottom002600 .bdsharebuttonbox { display: inline-block; margin: 0 auto; } .Bottom002600 .bdsharebuttonbox a { margin: 0 10px; } .Bottom002600 footer { text-align: center; line-height: 24px; } .Bottom002600 footer dd a { margin: 0 8px; display: inline-block; } } .bd_weixin_popup, .bd_weixin_popup * { box-sizing: content-box; } /*Floor002920 */ .Floor002920 { padding-top: 3vw; padding-bottom: 3vw; background: #F5F5F5; } .Floor002920 .auto { max-width: 1400px; } .Floor002920 .title .cn { font-size: 30px; color: #0080c9; padding-bottom: 10px; font-weight: bold; } .Floor002920 .title .en { color: #d2d2d2; letter-spacing: 2px; } @media(max-width:1024px) { .Floor002920 .title { padding-bottom: 6vw; } } @media(max-width:640px) { .Floor002920 .title .cn { font-size: 8vw; } } .Floor002920 .tab { padding-bottom: 2.605vw; } .Floor002920 .tab li { float: left; position: relative; min-width: 7.8125vw; text-align: center; list-style: none; } .Floor002920 .tab li a { display: block; cursor: pointer; line-height: 50px; font-size: 18px; padding: 0 20px; position: relative; z-index: 2; } .Floor002920 .tab li:not(:last-child):after { position: absolute; content: ''; width: 1px; height: 16px; background: #d6d6d6; top: 50%; margin-top: -8px; right: 0; } .Floor002920 .tab li.slick-active a { background: #0080c9; color: #fff; box-shadow: 15px 6px 32px rgba(0, 128, 201, 0.3); } .Floor002920 time { color: #999; font-size: 15px; } .Floor002920 time span { display: block; } .Floor002920 .tit { font-size: 18px; color: #333; margin: 1.042vw 0; font-weight: bold; } .Floor002920 p { color: #555; line-height: 1.715em; font-size: 15px; } .Floor002920 .n-top .txt { padding: 5%; position: relative; background: #fff; } .Floor002920 .n-top .pic { overflow: hidden; } .Floor002920 .n-top .Ispic { padding-bottom: 60.193%; transition: 0.3s; } .Floor002920 .n-top a:hover .Ispic { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); } .Floor002920 .n-top .slick-dots { position: absolute; right: 18px; bottom: 40%; z-index: 10; } .Floor002920 .n-top .slick-dots li { float: left; margin: 0 4px; width: 20px; height: 3px; background: #fff; } .Floor002920 .n-top .slick-dots li.slick-active { background: #0080c9; } .Floor002920 .n-top .slick-dots li button { display: none; } .Floor002920 .n-list dt a { position: relative; color: #999; font-size: 15px; padding: 9.4% 5%; } .Floor002920 .n-list dt a:before { transition: 0.3s; width: 0; position: absolute; left: 0; top: 0; height: 2px; background: #0080c9; content: ''; } .Floor002920 .n-list dt a:hover:before { width: 100%; } .Floor002920 .n-list .tit { margin-top: 1.042vw; font-weight: bold; } @media(min-width:769px) { .Floor002920 .n-list dt { float: left; width: 48.215%; margin-bottom: 3.57%; display: table; table-layout: fixed; background: #fff; } .Floor002920 .n-list dt:not(:nth-child(2n)) { margin-right: 3.57%; } .Floor002920 .n-list dt:nth-child(2n+1) { clear: left; } .Floor002920 .n-list dt a { display: table-cell; vertical-align: middle; } } @media(min-width:1025px) { .Floor002920 .n-top { width: 37.143%; } .Floor002920 .n-list { width: 60%; } .Floor002920 .tab ul { float: right; margin-top: -50px; } } @media(max-width:768px) { .Floor002920 .tab li a { font-size: 3.2vw; padding: 0 2vw; line-height: 9vw; } .Floor002920 .n-top .txt { padding-left: 24vw; } .Floor002920 .n-top .txt:before { left: 24vw; margin-left: -4vw; } .Floor002920 .tit, .Floor002920 time { font-size: 3.2vw; } .Floor002920 p.dot3 { font-size: 2.6vw; } .Floor002920 .n-list dt a { display: block; padding: 5vw; } .Floor002920 .n-list dt { margin-top: 5vw; } } @media(max-width:480px) { .Floor002920 .tit, .Floor002920 time { font-size: 4vw; } .Floor002920 p.dot3 { font-size: 3.5vw; } .Floor002920 .n-top .txt { padding-left: 26vw; } .Floor002920 .n-top .txt:before { left: 26vw; margin-left: -4vw; } .Floor002920 .n-top .slick-dots { bottom: 33%; } } /*Floor003089 */ .Floor003089 { font-size: 16px; padding-top: 3%; } .Floor003089 .auto { max-width: 1400px; } .Floor003089 .title { position: relative; font-size: 38px; color: #1f4b8c; margin-bottom: 2vw; } .Floor003089 .title .en { font-size: 1.579em; line-height: 0.8667; text-transform: uppercase; margin-bottom: 0.1em; } .Floor003089 .more { display: inline-block; line-height: 40px; border-radius: 40px; } .Floor003089 .more:after { display: inline-block; content: ''; background: url("../images/Floor003089-more.svg") no-repeat; width: 5px; height: 10px; margin-left: 22px; vertical-align: middle; } .Floor003089 .title .more { position: absolute; right: 0; bottom: 0; color: #1f4b8c; font-size: 0.421em; } @media(min-width:1025px) and (max-width:1600px) { .Floor003089 .title { font-size: 2.375vw; } } @media(max-width:1024px) { .Floor003089 .title { font-size: 5vw; } } .Floor003089 .slider li { overflow: hidden; } .Floor003089 .slider li a { display: block; margin: 20px 1px; background: #fff; position: relative; padding-bottom: 340px; } .Floor003089 .slider li .inner, .Floor003089 .slider li figure.hover { position: absolute; } .Floor003089 .slider li figure.hover { opacity: 0; transition: 0.3s; left: 0; width: 100%; top: 0; bottom: -40px; } .Floor003089 .slider li .inner { padding: 2.08vw 2.08vw 2.97vw; left: 0; width: 100%; bottom: -2.08vw; } .Floor003089 .slider li .icon { margin-bottom: 2.76vw; display: table; position: relative; } .Floor003089 .slider li .icon img { transition: 0.3s; } .Floor003089 .slider li .icon .hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } .Floor003089 .slider li .more { opacity: 0; transition: 0.3s; transform: translateY(30px); padding: 0 16px; background: #fff; color: #1f4b8c; } .Floor003089 .slider li .tit { font-size: 24px; font-weight: bold; } .Floor003089 .slider li p { font-size: 14px; margin: 0.8em 0; transition: 0.3s; } .Floor003089 .slider li a:not(:hover) p { color: #777; } .Floor003089 .slider li a:hover { color: #fff; } .Floor003089 .slider li a:hover p { opacity: 0.4; margin-bottom: 2.66vw; } .Floor003089 .slider li a:hover figure.hover { opacity: 1; top: -20px; bottom: -20px; } .Floor003089 .slider li a:hover .inner { bottom: 0; } .Floor003089 .slider li a:hover .more { opacity: 1; transform: translateY(0); } .Floor003089 .slider li a:hover .icon .hover { opacity: 1; } .Floor003089 .slider li a:hover .icon .on { opacity: 0; } .Floor003089 .slick-dots { text-align: center; } .Floor003089 .slick-dots li { display: inline-block; margin: 0 5px; width: 10px; height: 10px; border-radius: 50%; background: #1f4b8c; opacity: 0.5 } .Floor003089 .slick-dots li button { display: none; } .Floor003089 .slick-dots li.slick-active { opacity: 1; } @media(max-width:1024px) { .Floor003089 .slider li .inner { padding: 5vw; } .Floor003089 .slider li a:hover p { margin-bottom: 5vw; } .Floor003089 .slider li .tit { font-size: 4.5vw; } } @media(max-width:480px) { .Floor003089 { font-size: 3.5vw; padding: 8vw 0; } } /*Floor003002 */ .Floor003002 .title { font-size: 48px; padding: 0.5625em 0 1em 0; } .Floor003002 .title .sub-tit { color: #8f97a2; font-size: 0.5em; line-height: 1.584em; margin-bottom: 0.4167em; } .Floor003002 .title .sub-tit:before, .Floor003002 .title .sub-tit:after { width: 32px; height: 1px; display: inline-block; content: ''; vertical-align: middle; background-color: #b9c3d0; margin: 0 20px; } .Floor003002 .title .tit { color: #464d57; } @media(min-width:1025px) { .Floor003002 .title { padding-top: 0; } .Floor003002 .title .sub-tit:before { display: none; } } @media(max-width:1024px) { .Floor003002 .title { font-size: 5vw; text-align: center; } } @media(max-width:640px) { .Floor003002 .title { font-size: 8vw; } } .Floor003002 .auto.w_96 { max-width: 1400px; padding-top: 3.65vw; } .Floor003002 .count-num li { float: left; font-weight: 100; color: #464d57; width: 25%; } .Floor003002 .count-num li:nth-child(2n) { margin-top: 10%; } .Floor003002 .count-num li .counter { font-size: 40px; color: #0080c9; } .Floor003002 .count-num li:first-child sup { font-size: 16px; } .Floor003002 .count-num li:nth-child(3n) sup { font-size: 20px; } .Floor003002 .count-num li sup { font-size: 24px; display: inline-block; vertical-align: super; margin-left: 5px; } .Floor003002 .count-num li aside:after { width: 1px; height: 12px; background: #cbcbcb; display: inline-block; content: ''; transform: rotate(-30deg); transform-origin: 0 0; margin-left: 5px; vertical-align: middle; } .Floor003002 .count-num li p { margin: 0; } .Floor003002 .info pre { line-height: 1.75em; font-size: 16px; color: #6c727d; font-weight: 100; margin-top: 2.19vw; margin-bottom: 7.29vw; } @media(min-width:1025px) { .Floor003002 .info pre { border-left: 1px solid #b9c3d0; padding-left: 40px; max-width: 475px; width: 60%; } } @media(max-width:640px) { .Floor003002 .info pre { font-size: 4vw; } .Floor003002 .count-num li { margin: 0 0 5vw 0!important; width: 33.3333%; text-align: center; } .Floor003002 .count-num li .counter { font-size: 7vw; } } .video-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 300; background: rgba(0, 0, 0, 0.85); } .video-box .close { cursor: pointer; width: 40px; height: 40px; position: fixed; z-index: 4; right: 20px; top: 20px; } .video-box .close::before, .video-box .close::after { position: absolute; content: ''; width: 80%; left: 10%; height: 3px; top: 50%; margin-top: -1.5px; background: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .video-box .close::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .video-box .ytable { height: 100%; } .video-box .ytable-cell { text-align: center; } .video-box video { width: 90%; max-width: 900px; } /*Floor003116 */ .Floor003116 { overflow: hidden; font-size: 16px; background: #f7f7f7; } @media(min-width:1201px) { .Floor003116 .shoufengqin { margin-left: -10px; margin-right: -10px; } } .Floor003116 .shoufengqin ul { display: table; width: 100%; } .Floor003116 .shoufengqin li { display: table-cell; cursor: pointer; transition: 0.3s; width: 13.12%; padding-bottom: 34.883%; position: relative; } .Floor003116 .shoufengqin li.active { width: 60.64%; } .Floor003116 .shoufengqin li .inner { left: 10px; right: 10px; position: absolute; height: 100%; background: #333; } .Floor003116 .shoufengqin li .Ispic { height: 100%; opacity: 0.6; } .Floor003116 .shoufengqin li.active .Ispic { opacity: 1; } .Floor003116 .shoufengqin li .txt { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 20px 20px 50px 20px; color: #fff; font-size: 24px; } .Floor003116 .shoufengqin li .txt aside.dot { margin-bottom: 10px; } .Floor003116 .shoufengqin li .txt:after { background: url(../images/Floor003116_more.png) no-repeat; width: 27px; height: 6px; content: ''; display: block; } .Floor003116 .shoufengqin li.active .txt { padding-left: 42px; padding-right: 42px; } .Floor003116 .shoufengqin li.active a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } @media(max-width:1024px) { .Floor003116 .shoufengqin li:not(.active) .txt aside.dot { display: none; } .Floor003116 .shoufengqin li .inner { left: 5px; right: 5px; } .Floor003116 .shoufengqin li .txt { padding-bottom: 30px; } } @media(max-width:768px) { .Floor003116 .shoufengqin li .txt { font-size: 18px; } .Floor003116 .shoufengqin li .txt { padding-bottom: 15px; padding-left: 10px; padding-right: 10px; } .Floor003116 .shoufengqin li.active .txt { padding-left: 15px; padding-right: 15px; } .Floor003116 .shoufengqin li .inner { left: 1px; right: 1px; } } .homeBlock { overflow: hidden; padding-top: 5%; padding-bottom: 6%; } .homeBlock .auto { position: relative; font-size: 100px; } .homeBlock .auto .column-name { text-align: left; } .homeBlock .auto .more { position: absolute; right: 0; top: 50%; margin-top: -24px; font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #0080c9; transition: 0.3s; display: table; z-index: 99; } .homeBlock .auto .more:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon.png) no-repeat; background-size: contain; transition: 0.3s; } .homeBlock .auto .more:hover { background-color: #0080c9; color: #fff; border-color: #0080c9; } .homeBlock .auto .more:hover:after { background-image: url(../images/Floor003105-icon-white.svg); } .homeBlock .auto .more:hover a { color: #fff; } .home1 { align-items: stretch; } .home1 .item { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 10% 60px 140px 60px; color: #fff; position: relative; width: 25%; -webkit-transition: .6s; transition: .6s; z-index: 10; height: 700px; border-right: 2px solid #fff } .home1 .item.cur { width: 60% !important; flex: 0 0 auto; } .home1 .item.cur:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: -1; } .home1 .item .icon { text-align: center; -webkit-transition: .6s; transition: .6s; opacity: 1; margin-top: 0; } .home1 .item.cur .icon { opacity: 0; margin-top: -160px; text-align: left; } .home1 .item .tit { font-size: 26px; text-align: center; margin: 45px 0 50px; color: #fff; } .home1 .item.cur .tit { text-align: left; color: #fff; } .home1 .item .desc { font-size: 16px; line-height: 30px; position: relative; top: 60px; opacity: 0; -webkit-transition: .6s; transition: .6s; /* max-height:180px; */ overflow: hidden; max-width: 65%; } .home1 .item.cur .desc { top: 0; opacity: 1; color: #fff; } .home1 .item .ibtn { position: absolute; left: 0; bottom: 0; width: 100%; padding: 21px 40px 0px; text-align: center; line-height: 46px; justify-content: center; background: url(../images/flashline2.png) no-repeat top center; } /* .home1:hover .item{width:13.333%;padding-left:40px;padding-right:40px;} */ .home1 .item .ibtn .tags { vertical-align: middle; white-space: nowrap; width: 0; } .home1 .item .ibtn .tags a { display: inline-block; vertical-align: middle; padding-right: 20px; margin-right: 20px; position: relative; left: 30px; opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition: .6s; transition: .6s; } .home1 .item.cur .ibtn { font-size: 100px; } .home1 .item.cur .ibtn .more { position: absolute; left: 5.5%; top: 0; margin-top: -18%; font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #fff; transition: 0.3s; display: table; } .home1 .item.cur .ibtn .more:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon-white.svg) no-repeat; background-size: contain; transition: 0.3s; } .home1 .item.cur .ibtn { justify-content: space-between; padding: 45px 40px 24px; background: url(../images/flashline.png) no-repeat top center; } .home1 .item.cur .ibtn .tags { width: auto; } .home1 .item .ibtn .tags a:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; } .home1 .item .ibtn .tags a:nth-child(3) { -webkit-transition-delay: .5s; transition-delay: .5s; } .home1 .item .ibtn .tags a:nth-child(4) { -webkit-transition-delay: .6s; transition-delay: .6s; } .home1 .item .ibtn .tags a:nth-child(5) { -webkit-transition-delay: .7s; transition-delay: .7s; } .home1 .item .ibtn .tags a:nth-child(6) { -webkit-transition-delay: .7s; transition-delay: .8s; } .home1 .item .ibtn .tags a:nth-child(7) { -webkit-transition-delay: .7s; transition-delay: .9s; } .home1 .item .ibtn .tags a:nth-child(8) { -webkit-transition-delay: .7s; transition-delay: 1s; } .home1 .item .ibtn .tags a:nth-child(9) { -webkit-transition-delay: .7s; transition-delay: 1.1s; } .home1 .item .ibtn .tags a:nth-child(10) { -webkit-transition-delay: .7s; transition-delay: 1.2s; } .home1 .item.cur .ibtn .tags a { left: 0; opacity: 1; color: #fff; } .home1 .item>a { display: block; height: 100%; padding: 45% 60px 140px 60px; } .home1 .item.cur>a { padding: 15% 60px 140px 60px; } .home1 .item .ibtn { background: url(../images/flashline.png) no-repeat top left; } .home1 .item { padding: 0 !important; } .home1 .item .ibtn { align-items: center; } .home1 .item .ibtn a { color: #fff; } .flex { display: flex; display: -webkit-flex; display: -ms-flexbox; } @media(max-width:1024px) { .homeBlock .auto .more { padding: 0 10px; font-size: 15px; line-height: 30px; } .home1 .item .ibtn { display: none; } .home1 .item>a { padding: 30px; } .home1 .item .tit { font-size: 16px; margin: 16px 0 0; } /* .home1 .item{height: auto;width: 100%;} .home1{flex-wrap: wrap;} */ .home1 { flex-wrap: wrap; } .home1 .item { width: 50%; height: 270px; } .homeBlock { padding-bottom: 0; } } /*鏍忕洰椤靛紑濮?/ /*Banner003144 */ .Banner003144 .pc { background-position: center center; background-repeat: no-repeat; height: 28em; background-size: cover; } @media (min-width:1025px) { .Banner003144 .wap { display: none; } } @media (max-width:1024px) { .Banner003144 .pc { display: none; } } /*Menu001093 */ .Menu001093 { background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); position: relative; z-index: 1; } .Menu001093 .auto { max-width: 1400px; } .Menu001093 .nav { display: table; margin: 0 auto; } .Menu001093 .nav li { float: left; position: relative; display: table; height: 70px; margin: 0 1px; min-width: 8.334vw; } .Menu001093 .nav li a { transition: 0.3s; display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; padding: 0 2vw; font-weight: bold; } .Menu001093 .nav li a:hover, .Menu001093 .nav li.aon a { color: #0080c9; } .Menu001093 .nav li.aon a:after { position: absolute; bottom: 6px; left: 50%; margin-left: -6px; content: ''; border: 4px solid transparent; border-top-color: #0080c9; width: 0; height: 0; border-top-width: 6px; } @media(max-width:640px) { .Menu001093 .nav li { height: 10vw; } .Menu001093 .nav li a { font-size: 2.6vw; } } @media(max-width:480px) { .Menu001093 .nav li { height: 14vw; } .Menu001093 .nav li a { font-size: 3.5vw; padding: 0 4vw; } .Menu001093 .nav li a:after { bottom: 0.5vw; } } /*RighInfo003141 */ .RighInfo003141 { background: url(../images/bg06.png) no-repeat center top; padding: 3% 0; } .lmybg { background-image: none; padding: 0; } .lmybg .plate { background: url(../images/qywh.png) 30% center no-repeat; background-size: cover; } .RighInfo003141 .intro { padding-top: 1.5em; margin-bottom: 4.5625em; } .RighInfo003141 .intro .title { font-size: 2em; color: #333333; margin-bottom: 0.6em; font-weight: bold; } .RighInfo003141 .intro .info { font-size: 0.875em; line-height: 2; } .RighInfo003141 .intro .info p { margin: 1.8em 0; } .RighInfo003141 .number-count { margin: 4.5625em 0; box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); border: solid 1px #f3f3f3; padding: 3.6875em 0; } .RighInfo003141 .number-count li { color: #333333; } .RighInfo003141 .number-count li span { display: inline-block; position: relative; font-size: 2em; color: #0080c9; margin: 0 5px; } .RighInfo003141 .number-count li span i { font-style: normal; } .RighInfo003141 .number-count li span i.ani { position: absolute; left: 0; top: 0; } .RighInfo003141 .number-count li span i.opa { opacity: 0; } .RighInfo003141 .number-count li sup { display: inline-block; vertical-align: top; color: #0080c9; font-size: 1em; } .RighInfo003141 .plate dd .txt { color: #fff; padding: 5%; } .RighInfo003141 .plate dd ol { float: left; width: 4.25em; } .RighInfo003141 .plate dd img { transition: all .5s; } .AboutCon .Culture .Img:hover::after { opacity: 0; } .RighInfo003141 .plate dd li aside { font-size: 24px; color: #fff; font-weight: bold; padding: 5% 0; } .RighInfo003141 .plate dd li p { margin: 0; font-size: 0.875em; color: rgba(255, 255, 255, .9); font-size: 15px; line-height: 26px; } .RighInfo003141 .video { position: relative; z-index: 11; } .RighInfo003141 .video .play1 { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: url(../images/Floor003160-play.svg) no-repeat center center; background-size: auto 4.5em; cursor: pointer; } .RighInfo003141 .video .files { position: absolute; z-index: 20; background-color: #000; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .RighInfo003141 .video .files video { width: 100%; height: 100%; display: block; } .RighInfo003141 .video .close { cursor: pointer; width: 2em; height: 2em; position: absolute; z-index: 4; right: 0.625em; top: 0.625em; } .RighInfo003141 .video .close::before, .RighInfo003141 .video .close::after { position: absolute; content: ''; width: 80%; left: 10%; height: 3px; top: 50%; margin-top: -1.5px; background: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .RighInfo003141 .video .close::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .RighInfo003141 .video .Ispic { height: 28.2em; } .RighInfo003141 .video-txt { height: 6.25em; background: url(../images/Floor003160-bg.png) no-repeat center; background-size: cover; text-align: center; padding: 0 2.8125em; } .RighInfo003141 .video-txt aside { font-size: 1.25em; color: #fff; } .video_pop { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); position: fixed; left: 0; top: 0; z-index: 9999!important; display: flex; justify-content: center; align-items: center; display: none; } .videobox { position: absolute; width: 70%; height: 70%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .close_btn { width: 40px; height: 40px; position: absolute; right: 20px; top: 20px; background: url(../images/colse.png) no-repeat center; z-index: 100; cursor: pointer; } #video { width: 100%; max-height: 100%; } @media (min-width:1025px) { .RighInfo003141 .intro .info { width: 47.929%; } .RighInfo003141 .intro .info .scroll { height: 392px; overflow-y: scroll; padding-right: 3%; color: #333; font-size: 16px; } .RighInfo003141 .intro .info .scroll::-webkit-scrollbar { width: 4px; } .RighInfo003141 .intro .info .scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } .RighInfo003141 .intro .info .scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .RighInfo003141 .intro .title { line-height: 1; } .RighInfo003141 .intro .img { width: 47.215%; } .RighInfo003141 .number-count ul { display: table; margin: 0 auto; } .RighInfo003141 .number-count li { float: left; } .RighInfo003141 .plate dd { float: left; width: 25%; padding: 5% 0; text-align: center; border-right: 1px solid rgba(255, 255, 255, .1); padding: 0 64px; padding-top: 155px; min-height: 550px; } .RighInfo003141 .plate dd:hover img { transform: translateY(-10px); } .RighInfo003141 .plate dd:hover { cursor: pointer; background: rgba(0, 0, 0, .3); } .RighInfo003141 .plate dd:last-child { border: 0; } } @media (max-width:1024px) { .RighInfo003141 .number-count li { text-align: center; padding: 1em 0 } .RighInfo003141 .number-count { margin: 2em 0; padding: 2em 0; } .RighInfo003141 .intro { padding-top: 0; margin-bottom: 2em; } .RighInfo003141 .intro .info p { font-size: 16px; margin: 10px 0; } .RighInfo003141 .intro .title { font-size: 20px; margin-top: 10px; } .lmybg .plate dl { display: flex; flex-wrap: wrap; } .RighInfo003141 .plate dd img { max-width: 60px; } .lmybg .plate dd { width: 50%; text-align: center; } .lmybg .plate { padding: 3% 0; } .RighInfo003141 .plate dd li aside { font-size: 20px; } } @media (max-width:480px) { .RighInfo003141 .video .Ispic { height: 17.2em; } } /*Timeline002790 */ .Timeline002790 { padding: 3% 0 3%; background: url(../images/timeline.jpg) no-repeat bottom center; background-size: 100% auto; } .Timeline002790 .year { padding-top: 40px; } .Timeline002790 ul { margin-left:20%; position: relative; } .Timeline002790 li { position: relative; padding-left: 30%; cursor: pointer; } .Timeline002790 li .date { position: absolute; left: 0; top: 0; font-size: 18px; text-align: right; width: 30%; padding-right: 20px; } .Timeline002790 li .content { position: relative; font-size: 16px; line-height: 30px; color: #333; padding-bottom: 10px; min-height: 180px; border-left: 2px solid #f1f1f1; padding-left: 35px; } .Timeline002790 li .content:before { content: ""; position: absolute; width: 20px; height: 20px; border: 1px solid #a8b0b8; background: #fff; border-radius: 50%; top: 1px; left: -12px; z-index: 20; } .Timeline002790 li .content:after { content: ""; position: absolute; width: 10px; height: 10px; background: #a8b0b8; border-radius: 50%; top: 6px; left: -7px; z-index: 30; } .Timeline002790 li .date b { font-size: clamp(1rem, 0.2rem + 2vw, 2.5rem); padding-right: 5px; line-height: 1; vertical-align: baseline; display: inline-block; font-weight: normal; } .Timeline002790 li:hover .date b { color: #0080c9; } .Timeline002790 li:hover:before { content: ""; width: 100%; height: 176px; position: absolute; left: -20%; top: 0; margin-top: -78px; z-index: 10; background: url(../images/flash-v.png) no-repeat center; } .Timeline002790 li:hover .content:before, .Timeline002790 li:hover .content:after { display: none; } @media(max-width:768px) { .Timeline002790 ul { margin-left: 0; padding-top: 0; overflow: hidden; } .Timeline002790 .year { padding-top: 0; } .Timeline002790 li { /* padding-left: 88px; */ } .Timeline002790 li .date { font-size: 16px; } .Timeline002790 li .date b { /* font-size: 22px; */ } .Timeline002790 li:hover:before { /*left: 69px; */ background-size: auto 100%; } } .Timeline002790 .more { text-align: center; padding-bottom: 20px; margin-top: 20px; } .Timeline002790 .more a { width: 180px; height: 36px; text-align: left; line-height: 36px; display: inline-block; color: #fff; font-size: 14px; background: url(../images/Timeline002790-more.png) no-repeat 70% center #0080c9; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px; } /*PicList002120 */ .PicList002120 { background-color: #f8f8f8; padding: 3% 0; position: relative; } .PicList002120 ul { overflow: hidden; } .PicList002120 li { float: left; width: 23.5%; } .PicList002120 li a { display: block; margin: 0 40px; margin-bottom: 16px; } .PicList002120 li p { margin: 0; line-height: 46px; padding: 10px 2%; text-align: center; font-size: 16px; font-weight: bold; } .PicList002120 li .table { display: none; } .PicList002120 li figure { padding-bottom: 60%; background-color: #fff; border: 10px solid #fff; } .PicList002120 li:hover a { box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1); } .PicList002120 .more .prev, .PicList002120 .more .next { position: absolute; width: 60px; top: 58%; height: 60px; border-radius: 50%; background: #ccc url(../images/Floor003105-btn.svg) no-repeat center center; background-size: auto 13px; z-index: 20; text-indent: 999em; cursor: pointer; } .PicList002120 .more .prev { left: 5%; } .PicList002120 .more .next { right: 5%; transform: rotateY(180deg); } .PicList002120 .more .prev:hover, .PicList002120 .more .next:hover { background-color: #0080c9; } @media(min-width:641px) { .PicList002120 li:nth-child(4n) { margin-right: 0; } } @media(max-width:640px) {} @media(max-width:375px) { .PicList002120 li p { font-size: 14px; } } /* .RighInfo002800 */ .RighInfo002800 { padding: 3% 0; } .RighInfo002800 .text { margin-bottom: 30px } .RighInfo002800 .text .p { font-size: 18px; color: #333; line-height: 26px; margin: 0; background-repeat: no-repeat; background-position: left 18px; padding: 15px 0; padding-left: 60px; border-bottom: 1px solid rgba(255, 255, 255, .1); } .RighInfo002800 .text .p:last-child { border-bottom: none; } .RighInfo002800 .text .p span { display: block; font-size: 14px; line-height: 22px; } .RighInfo002800 .text .hotline { background-image: url(../images/RighInfo002800-icon1.png); } .RighInfo002800 .text .tel { background-image: url(../images/RighInfo002800-icon2.png); } .RighInfo002800 .text .mall { background-image: url(../images/RighInfo002800-icon3.png); } .RighInfo002800 .text .address { background-image: url(../images/RighInfo002800-icon4.png); } .RighInfo002800 .text .wx { background-image: url(../images/RighInfo002800-icon5.png); } .RighInfo002800 .text .wx img { display: inline-block; max-width: 90px; margin-top: 2%; } .RighInfo002800 .map { width: 100%; } .RighInfo002800 .map img{ width: 100%; } .RighInfo002800 .map #map { height: 100%; } .RighInfo002800 .map img { max-width: none !important; } @media screen and (min-width: 1025px) { .RighInfo002800 .text { float: right; width: 50%; } .RighInfo002800 .map { float: left; width: 45%; } } @media screen and (min-width: 1200px) { .RighInfo002800 .map { width: 75%; } .RighInfo002800 .text { width: 25%; background: #e3e3e3; padding: 3%; color: #fff; } } @media(max-width:1024px) { } i, em { font-style: normal; } .imgbox { overflow: hidden; position: relative; } .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .ContactList { padding-bottom: 5%; } .ContactList .column-name { font-size: 30px; } .ContactList li { margin-right: 2.3%; width: 31.8%; float: left; } .ContactList li:last-child { margin-right: 0; } .ContactList .imgbox { padding-top: 58%; } .ContactList .imgbox em { position: absolute; width: 100%; padding: 0 5%; left: 0; top: 0; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; background: rgba(0, 0, 0, 0.4); transition: all ease 0.3s; } .ContactList .info { transition: all ease 0.3s; background: #f5f5f5; position: relative; z-index: 2; height: 156px; display: flex; justify-content: center; flex-direction: column; } .ContactList .info dd { height: auto !important; height: 22px; min-height: 22px; position: relative; padding: 0 30px 0 83px; width: auto; line-height: 22px; color: #333333; } .ContactList .info dd i { position: absolute; width: 83px; text-align: right; color: #888888; left: 0; top: 0; } .ContactList .info a.road { color: #fff; text-align: center; display: block; margin-top: 12px; width: 128px; line-height: 30px; background: #0080c9; } .ContactList .info a:hover.road { background: #0080c9; } .ContactList li:hover .imgbox em { background: rgba(0, 0, 0, 0.1); } @media ( max-width:1024px) { #dituContent { height: 300px; } #dituContent .BMap_pop { display: none; } .ContactList { margin: 0 0 0 -2.5%; } .ContactList li { margin: 0 0 2% 2.5%; width: 47.5%; } .contact { display: none; width: auto; } .contact.sj { display: block !important; background: #fff; border: 1px solid #ddd; margin-bottom: 20px; padding: 12px; } } @media ( max-width:768px) { .ContactList .imgbox em { font-size: 18px; } .ContactList .info { margin: -50px 10px 0; height: auto; padding-top: 12px; padding-bottom: 12px; } .ContactList li { width: auto; float: none; margin-bottom: 15px; } #dituContent { height: 210px; } .contact.sj .img { float: none; width: auto; text-align: center; width: 120px; margin: 0px auto 15px; } .contact.sj .info h2 { font-size: 15px; margin-bottom: 0px; } .contact.sj .info { float: none; width: auto; } .contact .info p { padding-left: 75px; font-size: 12px; } } /* .PicList002273 涓篸emo缂栧彿 */ .PicList002273 { padding: 5% 0 2% 0; } .PicList002273 .left img { width: 100%; } .PicList002273 .right .time { font-size: 16px; color: #555; padding: 2px 5px; margin-top: 8px; display: inline-block; } .PicList002273 .right .h3 { color: #333; font-size: 18px; margin: 10px 0; } .PicList002273 .right .p { color: #555; font-size: 14px; } .PicList002273 ul li { margin-bottom: 3%; box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1); padding: 18px 20px; } @media screen and (min-width:768px) { .PicList002273 .left { float: left; width: 25%; } .PicList002273 .right { float: right; width: 64%; } .PicList002273 .right .time { margin-top: 0px; } .PicList002273 ul li { background: #fff; } } @media screen and (min-width:1024px) { .PicList002273 .right .time { margin-top: 15px; } .PicList002273 ul li:hover { cursor: pointer; background: #0080c9 url(../images/xw.jpg) no-repeat center center; background-size: cover; } .PicList002273 ul li { background: #fff; position: relative; } .PicList002273 ul li .right_btn { width: 35px; height: 21px; background: url(../images/Floor003105-icon_g.png) no-repeat center; display: inline-block; position: absolute; top: 50%; right: 48px; cursor: pointer; margin-top: -10px; background-size: contain; } .PicList002273 ul li:hover .right_btn { background: url(../images/Floor003105-icon_g.png) no-repeat center; background-size: contain; } } @media screen and (min-width:1200px) { .PicList002273 .left { float: left; margin-right: 50px; overflow: hidden; } .PicList002273 .right { float: left; width: 880px; } .PicList002273 .right .time { margin-top: 14px; } .PicList002273 .right .h3 { font-size: 20px; color: #333; margin: 0 0 1.042vw 0; font-weight: bold; } .PicList002273 .right .p { color: #555; line-height: 1.715em; font-size: 16px; text-align: justify; } .PicList002273 ul li { padding-right: 20px; } } .PicList002273 ul li .Ispic { padding-bottom: 59%; transition: 0.3s; } .PicList002273 ul li:hover .Ispic { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); } .PicList002273 ul li:hover .time, .PicList002273 ul li:hover .h3, .PicList002273 ul li:hover .p, .PicList002273 ul li:hover a { color: #fff; } /*Page003143 */ .Page003143 .Pages { padding: 0 0 3% 0; text-align: center; font-weight: bold; } .Page003143 .Pages .p_page a.a_first, .Page003143 .Pages .p_page a.a_end, .Page003143 .Pages>span:not(.p_page) { display: none; } .Page003143 .Pages .p_page { display: table; margin: 0 auto; } .Page003143 .Pages .p_page * { float: left; } .Page003143 .Pages .p_page a { border: solid 1px #ebebeb; line-height: 36px; transition: 0.3s; background: #fff; } .Page003143 .Pages .p_page>a { border-radius: 5px; padding: 0 15px; } .Page003143 .Pages .p_page em { font-style: normal; margin: 0 30px; } .Page003143 .Pages .p_page em a { width: 36px; border-radius: 50%; margin: 0 5px; } .Page003143 .Pages .p_page a:hover, .Page003143 .Pages .p_page a.a_cur { color: #0080c9; border-color: #0080c9; } @media (max-width:1024px) { .Page003143 .Pages { padding: 0 0 2em 0; } .Page003143 .Pages .p_page em { display: none; } .Page003143 .Pages .p_page>a { margin: 0 10px; } } /*RighInfo002939 */ .RighInfo002939 { padding: 3.49vw 0; } .RighInfo002939 .name { border-bottom: 1px dotted #cecece; text-align: center; margin-bottom: 37px; } .RighInfo002939 .name h1 { margin: 0 0 30px 0; font-size: 24px; color: #333; font-weight: bold; } .RighInfo002939 .time { color: #c8c8c8; padding-bottom: 1.72vw; line-height: 16px; } .RighInfo002939 .share { margin-left: 10px; } .RighInfo002939 .time time, .RighInfo002939 .share, .RighInfo002939 .share>* { display: inline-block; vertical-align: middle; } .RighInfo002939 .share em { font-style: normal; } #bsPanel, #bsPanel *, .bsBox, .bsBox * { box-sizing: content-box; } .RighInfo002939 .edit-info { line-height: 1.725em; color: #555; text-align: justify; padding-bottom: 4vw; text-align: justify; } .RighInfo002939 .info-page { border: solid 1px #eee; } .RighInfo002939 .info-page dd { line-height: 36px; } .RighInfo002939 .info-page dd a { padding: 0 20px; } .RighInfo002939 .info-page dd a:hover { color: #0080c9; } @media(min-width:641px) { .RighInfo002939 .info-page dd { float: left; width: 50%; } .RighInfo002939 .info-page dd:nth-child(2) { border-left: 1px solid #eee; } .RighInfo002939 .time, .RighInfo002939 .info-page dd a, .RighInfo002939 .edit-info { font-size: 16px; } } @media(max-width:640px) { .RighInfo002939 .info-page dd:nth-child(2) { border-top: 1px solid #eee; } .RighInfo002939 .share { display: block; padding-top: 10px; } .RighInfo002939 .edit-info { font-size: 16px; } .RighInfo002939 .name h1 { font-size: 18px; margin: 0 0 10px 0 } } /* .TextList001729 涓篸emo缂栧彿 */ .TextList001729 { padding-bottom: 3%; padding-top: 3%; } .TextList001729 .name { padding: 15px 0; font-size: 18px; border-bottom: 1px solid #e5e5e5; } .TextList001729 .name span { display: inline-block; border-left: 6px solid #f29200; padding-left: 15px; } .TextList001729 .tips { padding: 20px 0; border-bottom: 1px solid #e5e5e5; font-size: 14px; position: relative; } .TextList001729 .tips h1 { margin: 0; font-weight: normal; font-size: 18px; color: #f29200; } .TextList001729 .search { position: absolute; right: 0; top: 50%; margin-top: -25px; width: 26.6%; height: 46px; border: 2px solid #999; } .TextList001729 .search input { border: none; } .TextList001729 .search .text { width: 100%; height: 42px; line-height: 42px; padding: 0 56px 0 10px; background: none; color: #999; } .TextList001729 .search .btn { cursor: pointer; position: absolute; right: 0; top: 0; width: 56px; height: 100%; background: url(../images/TextList001729-search.png) no-repeat center center; padding: 0; } .TextList001729 .list .con p { line-height: 34px; } .TextList001729 ol.type { margin-top: 3%; } .TextList001729 .type { display: table; width: 100%; font-size: 16px; } .TextList001729 ol.type { font-size: 16px; background-color: #ddd; color: #333; font-weight: bold; } .TextList001729 .type li { display: table-cell; vertical-align: middle; text-align: center; padding-top: 10px; padding-bottom: 10px; line-height: 35px; } .TextList001729 ul.type li { cursor: pointer; } .TextList001729 .type li:nth-child(1) { width: 12%; } .TextList001729 .type li:nth-child(2) { width: 11%; } .TextList001729 .type li:nth-child(3) { width: 10%; } .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7) { width: 13%; } .TextList001729 .type li:nth-child(8) { width: 15%; } .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(8) { padding-left: 2%; text-align: left !important; } .TextList001729 ul.type li:nth-child(8) { background: url(../images/TextList001729-icon_close.png) no-repeat 90% center; } .TextList001729 ul.type#On li:nth-child(8) { background-image: url(../images/TextList001729-icon_open.png); } .TextList001729 .list { border-bottom: 1px solid #e5e5e5; } .TextList001729 .list .con { display: none; border-top: 1px solid #e5e5e5; overflow: hidden; font-size: 14px; padding: 2%; } .TextList001729 .btn_apply { padding: 10px 0; } .TextList001729 .btn_apply a { display: inline-block; max-width: 180px; width: 40%; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #0080c9; font-size: 18px; border-radius: 3px; } @media(max-width:1000px) { .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6) { display: none; } .TextList001729 .type li { width: 20% !important; } } @media(max-width:768px) { .TextList001729 .search { position: relative; margin-top: 10px; top: auto; width: auto; } .TextList001729 .type li:nth-child(7) { display: none; } .TextList001729 .type li { width: 24% !important; } .TextList001729 .type li:nth-child(8) { width: 28% !important; } } @media(max-width:480px) { .TextList001729 .type li:nth-child(3) { display: none; } .TextList001729 .type li { width: 30% !important; } .TextList001729 .type li:nth-child(8) { width: 40% !important; } .TextList001729 ol.type { font-size: 15px; } .TextList001729 .btn_apply a { font-size: 16px; height: 40px; line-height: 40px; } .TextList001729 ul.type li:nth-child(8) { background-size: 16px auto; } } /*RighInfo003134 */ .RighInfo003134 { padding: 3% 0 0 0; } .RighInfo003134 .img-side { border: solid 1px #f2f2f2; margin-bottom: 4em; } .RighInfo003134 .img-group li { position: relative; padding-bottom: 19%; } .RighInfo003134 .img-group li .Ispic { padding-bottom: 57.167%; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .RighInfo003134 .img-group li video { width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: fill; } .RighInfo003134 .controls { display: table; position: absolute; padding: 0 56px; margin: 3.125em auto 0; bottom: 20px; left: 38%; z-index: 99; } .RighInfo003134 .controls .slick-dots li { float: left; position: relative; width: 13px; height: 13px; margin: 0 5px; } .RighInfo003134 .controls .slick-dots li button { position: absolute; background: #fff; width: 7px; height: 7px; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0; cursor: pointer; border: 0; font-size: 0; padding: 0; transition: 0.3s; } .RighInfo003134 .controls .slick-dots li.slick-active button { background-color: #0080c9; width: 100%; height: 100%; } .RighInfo003134 .controls .slick-arrow { position: absolute; top: 50%; width: 25px; height: 11px; background-repeat: no-repeat; background-position: center; margin-top: -5px; } .RighInfo003134 .controls .slick-disabled { cursor: default; } .RighInfo003134 .img-side .txt { text-align: left; } .RighInfo003134 .img-side .txt p { font-size: 16px; color: #555; line-height: 32px; padding-top: 4%; } .RighInfo003134 .img-side .tit { text-align: left; font-size: 1.875em; color: #333; margin-bottom: 0.6em; font-weight: bold; } .RighInfo003134 .img-side .line { width: 15px; height: 2px; background-color: #0080c9; display: block; } .RighInfo003134 .img-side .btn { margin-top: 1em; font-size: 100px; } .RighInfo003134 .img-side .btn a { font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #0080c9; transition: 0.3s; display: table; z-index: 99; } .RighInfo003134 .img-side .btn a:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon.png) no-repeat; background-size: contain; transition: 0.3s; } .RighInfo003134 .img-side .btn a:hover { background-color: #0080c9; color: #fff; border-color: #0080c9; } .RighInfo003134 .img-side .btn a:hover:after { background-image: url(../images/Floor003105-icon-white.svg); } .RighInfo003134 .img-side .btn a.download2:before { background-image: url(../images/RighInfo003134-icon-download.svg); } .RighInfo003134 .prod-intro .name { position: relative; border-bottom: 1px solid #efefef; font-size: 1.5em; padding-bottom: 0.666em; color: #333; line-height: 2; font-weight: bold; padding-left: 20px; } .RighInfo003134 .prod-intro .name:before { content: ""; width: 3px; height: 25px; position: absolute; left: 0; background: #0080c9; top: 11px } .RighInfo003134 .prod-intro .name i { width: 2em; height: 2em; border-radius: 50%; background-color: #0080c9; display: inline-block; vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%; } .RighInfo003134 .prod-intro .name-1 i { background-image: url(../images/RighInfo003134-icon-file.svg); } .RighInfo003134 .prod-intro .name-2 i { background-image: url(../images/RighInfo003134-title-icon.svg); } .RighInfo003134 .prod-intro .singlePage { line-height: 1.875; margin: 3% 0 0 0; } @media (min-width:1025px) { .RighInfo003134 .img-group { width: 50%; border-right: solid 1px #f2f2f2; position: relative; } .RighInfo003134 .img-side .txt { padding: 0 4%; } } @media (max-width:1024px) { .RighInfo003134 .img-side { padding: 2em; } .RighInfo003134 .img-side .btn a { min-width: calc(50% - 10px); padding: 0; } .RighInfo003134 .prod-intro .name { font-size: 18px; } } .RighInfo003134 .popUp-box { position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; } .RighInfo003134 .popUp-box>.ytable { height: 100%; } .RighInfo003134 .popUp-box .main { background: #fff url(../images/RighInfo003134-bg.jpg) no-repeat; background-size: cover; width: 90%; max-width: 1200px; margin: 0 auto; border-radius: 5px; position: relative; } .RighInfo003134 .popUp-box .close { position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; z-index: 10; cursor: pointer; } .RighInfo003134 .popUp-box .close:before, .RighInfo003134 .popUp-box .close:after { position: absolute; content: ''; width: 100%; height: 2px; background-color: #333; top: 50%; margin-top: -1px; transform: rotate(-45deg); } .RighInfo003134 .popUp-box .close:after { transform: rotate(45deg); } .RighInfo003134 .popUp-box .logo img { height: 1.9375em; } .RighInfo003134 .popUp-box .title { font-size: 1.875em; color: #333333; line-height: 1.3333; margin-top: 0.3em; } .RighInfo003134 .popUp-box .title:after { display: block; content: ''; width: 20px; height: 2px; background-color: #0080c9; margin: 1em 0; } .RighInfo003134 .popUp-box .left p { font-size: 1.5em; line-height: 1.66666; color: #333333; } .RighInfo003134 .popUp-box .form li { position: relative; z-index: 1; margin-bottom: 10px; } .RighInfo003134 .popUp-box .form li label.tit { position: absolute; left: 1.21428em; top: 0; font-size: 0.875em; line-height: 3.5714em; } .RighInfo003134 .popUp-box .form li .text { border: solid 1px rgba(139, 139, 139, 0.2); width: 100%; font-size: 1em; height: 3.125em; line-height: 3.125em; border-radius: 0.625em; padding: 0 1.0625em; } .RighInfo003134 .popUp-box .form li.code dl { overflow: hidden; } .RighInfo003134 .popUp-box .form li.code dl dt { position: relative; width: 60%; float: left; } .RighInfo003134 .popUp-box .form li.code dl dd { width: 38%; float: right; } .RighInfo003134 .popUp-box .form li.code dl dd a { display: block; cursor: pointer; background-color: #6e6e6e; border-radius: 10px; color: #fff; font-size: 0.875em; line-height: 3.5714em; text-align: center; } .RighInfo003134 .popUp-box .form ol .btn { display: block; width: 100%; background: #0080c9; border: 0; cursor: pointer; border-radius: 0.625em; height: 3.125em; color: #fff; font-size: 1em; } @media (min-width:1025px) { .RighInfo003134 .popUp-box .main { padding: 10.9375vh 8.25em; } .RighInfo003134 .popUp-box .main .ytable-cell { width: 50%; } } @media (max-width:1024px) { .RighInfo003134 .popUp-box .main { padding: 2em; } .RighInfo003134 .popUp-box .main .ytable { max-height: 85vh; overflow: auto; } } .Banner002992 { overflow: hidden; width: 100%; } /*Banner002992*/ .Banner002992 li { overflow: hidden; text-align: center; background: #f5f5f5; position: relative; height: 300px; } .Banner002992 li img { display: block; width: auto; position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%); } .Banner002992 video { width: 100%; position: absolute; left: 0; top: 0; height: 100%; } @media(min-width:1025px) { .Banner002992 .wap { display: none; } } @media(max-width:1024px) { .Banner002992 .pc { display: none; } .ban_box { height: auto; } .Banner002992 { height: auto; position: relative; } .Banner002992 video { height: 100%; max-height: 100%; } } .Banner002992 .slick-dots { position: absolute; left: 0; bottom: 0%; width: 100%; z-index: 10; text-align: center; } .Banner002992 .slick-dots li { display: inline-block; width: 29px; height: 29px; position: relative; background: none; } .Banner002992 .slick-dots li:before { position: absolute; content: ''; width: 10px; height: 10px; background-color: #ffffff; border-radius: 50%; top: 50%; left: 50%; margin: -2.5px 0 0 -2.5px; } .Banner002992 .slick-dots li.slick-active:before { background-color: #003f84; } .Banner002992 .slick-dots li button { opacity: 0; } /*PicList002735 */ .PicList002735 { padding-bottom: 3%; } .PicList002735 li { margin-bottom: 3%; } .PicList002735 li a { display: block; background: #fff; transition: 0.3s; } .PicList002735 li a:hover { border-color: #184477; box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1); } .PicList002735 li a:hover h3 { color: #0080c9; } .PicList002735 li .Ispic { background-size: cover; background-color: #fff; padding-bottom: 85.241%; } .PicList002735 li .txt { padding: 20px 20px; } .PicList002735 li .txt h3 { font-size: 18px; color: #333; margin: 0; } .PicList002735 li .txt p { line-height: 20px; color: #999; height: 40px; font-size: 16px; padding: 10px 0; font-weight: normal; } .PicList002735 li .more { color: #999999; display: block; background: url(../images/icon_g.png) no-repeat right center; width: 50px; height: 18px; float: right; background-size: 30%; margin-top: -44px; display: none; } .PicList002735 li a:hover .more { background-image: url(../images/icon_on.png); } @media(min-width:481px) { .PicList002735 li { float: left; } } @media(min-width:769px) { .PicList002735 li { width: 23%; } .PicList002735 li:not(:nth-child(4n)) { margin-right: 2%; } } @media(min-width:481px) and (max-width:768px) { .PicList002735 li { width: 48%; } .PicList002735 li:not(:nth-child(2n)) { margin-right: 4%; } } /*PicList003142 */ /* .prodlist1 .fr {background: #fff;} */ .PicList003142 li .txt { padding: 0 0 1.875em; } .PicList003142 li .tit { font-size: 24px; font-weight: bold; line-height: 1.6666; } .PicList003142 li .tit span { color: #666; font-size: 16px; text-transform: uppercase; } .PicList003142 li p { font-size: 16px; color: #555; line-height: 30px; padding: 10px 0; } .PicList003142 li .pic { overflow: hidden; } .PicList003142 li .Ispic { padding-bottom: 62.223%; transition: 0.3s; } .PicList003142 li a:hover .Ispic { transform: scale(1.1); } .PicList003142 li time { color: #999999; display: block; background: url(../images/icon_g.png) no-repeat right center; width: 50px; height: 18px; float: right; background-size: 30%; } .PicList003142 dl { display: flex; justify-content: end; align-items: center; } .PicList003142 dl dd { font-size: 14px; margin-top: 15px; border: 1px solid #ccc; border-radius: 8px; padding: 5px 10px; margin-right: 5px; color: #999; } .PicList003142 li a:hover time { background-image: url(../images/icon_on.png); } @media (max-width:1024px) { .PicList003142 .auto { margin-top: 2em; } .PicList003142 li { width: 100%; } .PicList003142 li:not(:nth-child(3n)) { margin-right: 0%; } .PicList003142 li:nth-child(3n+1) { clear: left; } .PicList003142 li .txt { padding: 1em; } } /* Floor000650 涓篸emo缂栧彿 */ .Floor000650 h2 { margin: 0; display: block; padding: 45px 0 30px; text-align: center; background: url(../images/Floor000650_bg1.png) no-repeat center 36px; font-size: 26px; color: #333; font-weight: normal; } .Floor000650 h2 b { color: #c00; } .Floor000650 h2 em { display: block; font-style: normal; font-size: 15px; letter-spacing: 14px; text-transform: uppercase; padding-left: 14px; color: #d7d7d7; padding-top: 5px; } .Floor000650 ul { overflow: hidden; } .Floor000650 ul li { float: left; width: 33.33%; text-align: center; padding: 0 5%; transition: 100ms; -webkit-transition: 100ms; } .Floor000650 ul li .pic { width: 171px; margin: 0 auto; height: 171px; transition: 0.6s; transform-style: preserve-3d; position: relative; } .Floor000650 ul li:hover .pic { transform: rotateY(180deg); } .Floor000650 ul li .pic img { position: relative; width: 100%; height: 171px; } .Floor000650 ul li .pic .img2 { z-index: 3; transform: rotateY(180deg); } .Floor000650 ul li .pic img, .Floor000650 ul li .pic .img2 { backface-visibility: hidden; position: absolute; top: 0; left: 0; } .Floor000650 ul li h1 { display: block; text-align: center; padding: 18px 0 10px; font-size: 22px; color: #333; margin: 0; } .Floor000650ul li:hover h1 { color: #fc0000; } .Floor000650t ul li p { font-size: 16px; color: #888; margin: 0; } @media (max-width:1200px) { .Floor000650 { width: 100%; } } @media (max-width:768px) { .Floor000650 ul li { width: 100%; padding-bottom: 5%; } } /* .Floor001382 涓篸emo缂栧彿 */ .Floor001382 .title { text-align: center; padding: 4% 0; font-style: normal; font-weight: 700; font-style: normal; color: #fff; font-size: 24px; letter-spacing: 0px; position: relative; margin: 0 0 27px; padding-bottom: 30px; } .Floor001382 .title::after { position: absolute; left: 50%; bottom: 3px; content: ""; background: #fa7d02; width: 20px; height: 2px; margin-left: -10px; } .Floor001382 .ul { overflow: hidden; } .Floor001382 li { position: relative; padding: 5%; text-align: center; background: #F5F5F5; margin-right: 3%; margin-bottom: 3%; } .Floor001382 li:nth-child(4n) { margin-right: 0; } .Floor001382 li .img img { transition: 0.3s; } .Floor001382 li .img img:hover { transform: scale(1.05); } .Floor001382 li h3 { margin: 20px 0 0; font-size: 20px; line-height:26px; height: 40px; } .Floor001382 li h3 a { color: #333; } .Floor001382 li p { color: #555; font-size: 16px; line-height: 24px; height: 68px; overflow: hidden; } @media (min-width: 640px) { .Floor001382 li { padding: 3% 2%; width: 22.7%; float: left; } } @media(max-width:1024px) { .Floor001382 li { width: 49%; float: left; margin-right: 2%; } .Floor001382 li:nth-child(2n) { margin-right: 0; } .Floor001382 li h3 { font-size: 16px; height: auto; } .Floor001382 li p { font-size: 14px; height: 48px; } } /*Menu002956 */ .prod { padding-top: 3%; background: #f5f5f5; overflow: hidden; } .Menu002956 nav { background: #fff; } .Menu002956 h1 { position: relative; padding: 5% 0; background: #555; color: #fff; padding-left: 40px; margin: 0; font-size: 24px; } .Menu002956 li:not(:last-child) { border-bottom: 1px solid #eee; } .Menu002956 li a { display: block; line-height: 26px; padding: 20px 30px 20px 75px; font-size: 16px; position: relative; z-index: 1; } .Menu002956 li a:after { position: absolute; content: ''; border: 4px solid transparent; border-left-width: 6px; border-left-color: #0080c9; top: 50%; margin-top: -4px; right: 30px; opacity: 0; transition: 0.3s; } .Menu002956 li a:hover, .Menu002956 li { position: relative; } .Menu002956 li.aon a { font-weight: bold; color: #0080c9; } .Menu002956 li a img { position: absolute; left: 40px; max-width: 20px; margin-top: 3px; } .Menu002956 li a:hover:after, .Menu002956 li.aon a:after { opacity: 1; } @media(min-width:1025px) { .Menu002956 { overflow: hidden; } .Menu002956 ul { display: block!important; } } @media(max-width:1024px) { .Menu002956 { position: relative; z-index: 40; } .Menu002956 ul { display: none; position: absolute; left: 10px; top: 100%; right: 0; z-index: 40; background: #edf0f5; } .Menu002956 i.wap-open { position: absolute; width: 30px; height: 30px; right: 40px; background: #fff; z-index: 10; top: 50%; margin-top: -15px; border-radius: 50%; transition: 0.3s; } .Menu002956 i.wap-open:before, .Menu002956 i.wap-open:after { position: absolute; content: ''; left: 50%; top: 50%; background: #0f54b3; transform: translate(-50%, -50%); } .Menu002956 i.wap-open:before { width: 10px; height: 2px; } .Menu002956 i.wap-open:after { width: 2px; height: 10px; } .Menu002956 i.wap-open.on { transform: rotate(45deg); } } @media(max-width:640px) { .Menu002956 nav { padding: 10px 0; } .Menu002956 h1 span { font-size: 5vw; } .Menu002956 h1 { padding: 3vw 0 3vw 20px; } .Menu002956 i.wap-open { right: 6vw; margin-top: -12px; width: 24px; height: 24px; } } /*RighInfo003138 */ .RighInfo003138 .auto { position: relative; z-index: 1; padding-bottom: 3%; } .RighInfo003138 .title { font-size: 1.625em; color: #333333; line-height: 1.1538em; } .RighInfo003138 .title:after { display: block; content: ''; width: 15px; height: 2px; background-color: #d72623; margin: 1.1538em 0; } .RighInfo003138 ul li:not(.space) { background-color: #F5F5F5; } .RighInfo003138 dl { display: table; width: 77.648%; margin: 0 auto; } .RighInfo003138 dl>* { display: table-cell; vertical-align: middle; } .RighInfo003138 dt { width: 5.1875em; } .RighInfo003138 dt .icon { position: relative; width: 3.75em; height: 3.75em; border-radius: 50%; background-color: #0080c9; text-align: center; } .RighInfo003138 dt .icon img { max-height: 1.5em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .RighInfo003138 dd h3 { margin: 0; font-size: 1.125em; color: #333; } .RighInfo003138 dd aside { color: #555; font-size: 14px; line-height: 22px; } @media (min-width:1025px) { .RighInfo003138 ul { display: table; width: 100%; min-height: 8.25em; } .RighInfo003138 ul li { display: table-cell; vertical-align: middle; } .RighInfo003138 ul li.space { width: 13px; } .RighInfo003138 ul li:not(.space) { width: 24.286%; } } @media (max-width:1024px) { .RighInfo003138 .auto { padding: 2em 0; } .RighInfo003138 ul li:not(.space) { padding: 2em 0; } .RighInfo003138 ul li.space { height: 1em; } } /*RighInfo002554 */ .RighInfo002554 .table_1 { margin-top: 3%; padding-bottom: 3%; } .RighInfo002554 .table_1 table { width: 100%; } .RighInfo002554 .table_1 th, .RighInfo002554 .table_1 td { text-align: center; border: 1px solid #d1d2d3; border-collapse: collapse; line-height: 24px; padding: 20px; font-size: 16px; } .RighInfo002554 .table_1 th { font-size: 16px; font-weight: bold; color: #0080c9; } .tabbg { background: #eff0f2; } .RighInfo002554 .table_1 .th_1 { color: #333; } @media(max-width:480px) { .RighInfo002554 .table_1 { overflow: auto; } .RighInfo002554 .table_1 table { width: 180%; } } .prodlist { background: none; } .prodlist .pic { background: #F5F5F5; width: 100%; padding: 8%; } .prodlist li figure { padding-bottom: 77%; background-size: contain; background-color: #F5F5F5; border: 0; } .prodlist .more .prev, .prodlist .more .next { top: 38%; } .prodlist .more .prev { left: -5%; } .prodlist .more .next { right: -5%; } .zy_box1 { background: #f5f5f5; padding: 3% 0; margin-bottom: 0; } .hrleft { text-align: center; width: 50%; float: left; } .hrleft img { width: 75%; } .hrright { width: 100%; padding-top: 2%; } .hrright .ti { color: #333000; font-size: 18px; line-height: 40px; margin: 0 0 15px; font-weight: normal; } .hrright .ti i { display: block; width: 30px; height: 2px; border-bottom: 2px solid #238cac; } .hrright p { font-size: 16px; line-height: 30px; color: #555; } @media(max-width:1366px) { .prodlist .more .prev { left: -0%; } .prodlist .more .next { right: -0%; } } /* .PicList000671 涓篸emo缂栧彿 */ .PicList000671 { padding-top: 5%; } .PicList000671 * { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .PicList000671 .nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .PicList000671 ul li { width: 30.6%; float: left; margin: 0 4% 4% 0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } .PicList000671 ul li:nth-child(3n) { margin-right: 0; } .PicList000671 ul li figure { padding-bottom: 250px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } .PicList000671 ul li figure a { position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../images/PicList000671-icon-video.png); background-repeat: no-repeat; background-position: center center; } .PicList000671 ul li figure a:hover { background-color: transparent } .PicList000671 ul li .txt { padding: 5%; } .PicList000671 ul li h5 { font-size: 16px; padding: 0 0 10px 0; margin: 0; font-weight: bold; text-align: left; } .PicList000671 ul li time { display: inline-block; font-size: 14px; color: #0080c9; padding: 5px 0; } @media screen and (max-width:640px) { .PicList000671 ul li { width: 49%; } .PicList000671 ul li:nth-child(2n) { margin-right: 0; } .PicList000671 ul li:nth-child(2n+1) { margin-right: 2%; } } /*RighInfo002542 */ .RighInfo002542 .intro { position: relative; overflow: hidden; width: 100%; background: #fff; padding: 5% 0; } .RighInfo002542 .intro .column-name { text-align: left; } /* .RighInfo002542 .intro:nth-child(1) .pic{width: 800px;} .RighInfo002542 .intro:nth-child(1) .Ispic {padding-bottom: 500px;} */ .RighInfo002542 .info { padding-right: 8%; padding-left: 0; float: left; width: 50%; } .RighInfo002542 .info:nth-child(2n) {} .RighInfo002542 .intro .pic { margin: 3% 0; float: right; width: 50%; } .RighInfo002542 .intro .Ispic { padding-bottom: 500px; } .RighInfo002542 .intro:nth-child(2n) { background: #F5F5F5; } .RighInfo002542 .intro:nth-child(2n) p { text-align: left!important; } .RighInfo002542 .intro:nth-child(2n) .Ispic { padding-bottom: 76%; background-size: contain; } .RighInfo002542 .intro:nth-child(2n) .pic { float: left; } @media(min-width:1025px) { .RighInfo002542 .intro:nth-child(2n) .info { float: right; padding-right: 0%; padding-left: 8%; } .RighInfo002542 .intro .Ispic { background-size: contain; padding-bottom: 66%; } } .RighInfo002542 .title { font-size: 30px; color: #333; } .RighInfo002542 .title span { display: block; color: #333; font-size: 60px; } .RighInfo002542 .title::after { width: 50px; height: 2px; background: #0080c9; content: ''; display: block; margin-top: 20px; } .RighInfo002542 .info_main .info p { font-size: 16px; line-height: 35px; color: #555; text-align: justify; } .RighInfo002542 .info_list { max-width: 1360px; } .RighInfo002542 .info_list dl { padding: 4% 0; } @media(min-width:481px) { .RighInfo002542 .info_list dd { float: left; width: 31.5%; margin-right: 2.75%; } .RighInfo002542 .info_list dd:nth-child(3n) { margin-right: 0; } .RighInfo002542 .info_list dd:nth-child(3n+1) { clear: left; } } .RighInfo002542 .info_list dd img { display: block; width: 100%; } .RighInfo002542 .info_list dd p { font-size: 20px; color: #333; } .RighInfo002542 .info_list dd p span { font-size: 16px; color: #999; text-transform: uppercase; } .RighInfo002542 .info_list dd div { line-height: 26px; } @media(max-width:1360px) { .RighInfo002542 .info_list { padding: 0 2%; } } @media(max-width:1024px) { .RighInfo002542 .intro .Ispic { padding-bottom: 84%; } .RighInfo002542 .intro:nth-child(1) .Ispic { padding-bottom: 59%; } .RighInfo002542 .intro .info_main { padding: 0%; } .RighInfo002542 .intro:nth-child(1) .pic, .RighInfo002542 .info, .RighInfo002542 .intro .pic { width: 100%; display: block; } .RighInfo002542 .info:nth-child(2n) { display: block; width: 100%; padding-left: 0; } .RighInfo002542 .info { padding-right: 0; } } @media(max-width:640px) { .RighInfo002542 .title span { font-size: 40px; } .RighInfo002542 .title { font-size: 24px; } } /*RighInfo002552 */ .RighInfo002552 { padding-bottom: 3%; } .RighInfo002552 .info_1 { position: relative; z-index: 1; padding-bottom: 5%; } .RighInfo002552 .info_1 .auto { position: relative; z-index: 2; } .RighInfo002552 .info_1::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0, 0, 0, 0.7); } .RighInfo002552 .title { text-align: center; font-size: 26px; color: #333; padding: 6% 0 2% 0; } .RighInfo002552 .title::after { width: 45px; height: 2px; background: #dedede; display: block; margin: 17px auto; content: ''; } .RighInfo002552 .info_1 .title { color: #fff; padding-bottom: 0; } .RighInfo002552 .info_1 .title::after { background: #fff; } .RighInfo002552 .info_1 .ul_icon { padding: 6% 0 3% 0; } .RighInfo002552 .info_1 .ul_icon li { float: left; width: 33.333333333%; text-align: center; } .RighInfo002552 .info_1 .ul_icon li a { color: #fff; } .RighInfo002552 .info_1 .ul_icon li aside { display: block; border: 1px solid rgba(240, 135, 30, 0.5); max-width: 132px; padding: 6.25%; border-radius: 50%; width: 60%; margin: 0 auto; } .RighInfo002552 .info_1 .ul_icon li img { display: block; width: 100%; transition: 0.3s; } .RighInfo002552 .info_1 .ul_icon li a:hover aside img { transform: rotateY(180deg); } .RighInfo002552 .info_1 .ul_icon li h5 { font-size: 18px; margin: 7% 0 4% 0; } .RighInfo002552 .info_1 .ul_icon li p { margin: 0; } .RighInfo002552 .info_2 .list_img dd { float: left; margin-right: 0.8%; margin-bottom: 0.8%; } .RighInfo002552 .info_2 .list_img dd img { display: block; width: 100%; } .RighInfo002552 .info_2 .list_img dd { width: 28.275%; } .RighInfo002552 .info_2 .list_img dd:nth-child(2), .RighInfo002552 .info_2 .list_img dd:nth-child(6) { width: 41.85%; } .RighInfo002552 .info_4 .list_img { margin-left: -30px; } .RighInfo002552 .info_4 .list_img dd { width: 32.8%; margin-left: 30px; } .RighInfo002552 .info_4 .list_img dd img { display: block; width: 100%; } .RighInfo002552 .info_3, .RighInfo002552 .info_4 { position: relative; padding-top: 3%; } .RighInfo002552 .info_3 .list_img { position: relative; } .RighInfo002552 .info_3 .list_img li { width: 32.58%; float: left; margin-bottom: 0; margin-right: 0; } .RighInfo002552 .more .prev, .RighInfo002552 .more .next { position: absolute; width: 60px; top: 70%; height: 60px; border-radius: 50%; background: #ccc url(../images/Floor003105-btn.svg) no-repeat center center; background-size: auto 13px; z-index: 20; text-indent: 999em; cursor: pointer; } .RighInfo002552 .more .prev { left: 5%; } .RighInfo002552 .more .next { right: 5%; transform: rotateY(180deg); } .RighInfo002552 .more .prev:hover, .RighInfo002552 .more .next:hover { background-color: #0080c9; } @media(min-width:1025px) { .RighInfo002552 .slick-slide>div { width: 25%; float: left; } .RighInfo002552 .slick-slide>div:nth-child(6n+1), .RighInfo002552 .slick-slide>div:nth-child(1) { margin-left: 0; } } @media(max-width:1024px) { .RighInfo002552 .info_1 { margin-top: 0; } .RighInfo002552 .slick-slide>div { width: 50%; float: left; } .RighInfo002552 .slick-slide>div:nth-child(2n+1), .RighInfo002552 .slick-slide>div:nth-child(1) { margin-left: 0; } } @media(max-width:480px) { .RighInfo002552 .title { font-size: 20px; } .RighInfo002552 .info_1 .ul_icon li { float: none; width: auto; padding-bottom: 5%; } .RighInfo002552 .info_1 .ul_icon li aside { max-width: 100px; padding: 4%; } } .ny_bt { width: 100%; position: relative; } .ny_bt .p1 { font-size: 36px; color: #e2e2e2; text-transform: uppercase; font-family: 'PRISM-REGULAR-1'; display: inline-block; position: relative; line-height: 1; } .ny_bt .p1:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; background-image: linear-gradient( 180deg, #fff, #ffffff 2px, transparent 2px, transparent 4px); background-repeat: repeat-y; background-size: auto 4px; } .ny_bt .p2 { font-size: 36px; color: #333333; line-height: 1; margin-top: 10px; font-weight: bold; } .join2_con1 { width: 100%; padding-top: 3%; } .join2_con1 .rq { width: 100%; background: #f4f4f4; } .join2_con1 .rq .div { width: 100%; height: 560px; display: flex; } .join2_con1 .rq .lef { width: 36.8%; padding: 50px 100px; position: relative; } .join2_con1 .ny_bt .p1:after { display: none; } .join2_con1 .rq .lef .p3 { font-size: 16px; color: #555555; line-height: 32px; margin-top: 30px; margin-bottom: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .join2_con1 .rq .lef .p4 { font-size: 24px; color: #333333; border-top: 1px solid #ececec; padding-top: 45px; } .join2_con1 .rq .rig { width: 63.2%; background-size: cover; background-position: center; } .join2_con1 .rq .div1 { width: 115px; height: 50px; position: absolute; left: 100px; bottom: 86px; } .join2_con1 .rq .div1 .swiper-button-next, .join2_con1 .rq .div1 .swiper-button-prev { width: 50px; height: 50px; background-image: url(../images/cw_img47.png); background-size: contain; background-repeat: no-repeat; right: 0; top: 0; transition: all .5s; margin-top: 0; } .join2_con1 .rq .div1 .swiper-button-prev { left: 0; transform: rotate(180deg); } .join2_con4 .swiper-button-next::after, .join2_con4 .swiper-button-prev::after, .join2_con3 .swiper-button-next::after, .join2_con3 .swiper-button-prev::after, .join2_con2 .swiper-button-next::after, .join2_con2 .swiper-button-prev::after, .join2_con1 .rq .div1 .swiper-button-next::after, .join2_con1 .rq .div1 .swiper-button-prev::after { display: none; } .join2_con1 .rq .div1 .swiper-button-next:hover, .join2_con1 .rq .div1 .swiper-button-prev:hover { background-image: url(../images/cw_img46.png); } /*RighInfo003148 */ .RighInfo003148 { background: #F5F5F5; } .RighInfo003148 .title { font-size: 1.5em; color: #333333; margin-bottom: 1.2em; } .RighInfo003148 .items-group .items:first-child { border-top: 1px solid rgba(0, 0, 0, 0.11); } .RighInfo003148 .items-group .items:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.11); } .RighInfo003148 .items-group .items p { color: #999; font-size: 0.875em; line-height: 1.64285; } .RighInfo003148 .items-group .items p+.title { margin-top: 2em; } .RighInfo003148 .box-rows { margin-top: 4.875em; } .RighInfo003148 .box-rows .title { margin-bottom: 3.95833em; } .RighInfo003148 .box-rows dl { margin-top: 3%; } .RighInfo003148 .box-rows dd { box-shadow: 0px 0.625em 3.75em rgba(0, 0, 0, 0.05); border: solid 1px #f3f3f3; text-align: center; background: #fff; } .RighInfo003148 .box-rows dd .heart { font-size: 1.375em; width: 4.0909em; height: 3.5454em; display: block; margin: -1.36363em auto 0; line-height: 3.5; background: url(../images/RighInfo003148-icon.svg) no-repeat center; background-size: contain; text-align: center; color: #fff; } .RighInfo003148 .box-rows dd aside { color: #333000; font-size: 24px; margin: 2.4em 0 1em 0; line-height: 1; } .RighInfo003148 .box-rows dd p { color: #555; width: 82%; margin: auto; font-size: 15px; line-height: 28px; } @media (min-width:1025px) { .RighInfo003148 .items-group .img { width: 50%; } .RighInfo003148 .items-group .items:nth-child(2n-1) .txt { padding-right: 3.5em; } .RighInfo003148 .items-group .items:nth-child(2n) .txt { padding-left: 3.5em; } .RighInfo003148 .box-rows dd { float: left; min-height: 18.625em; width: 22.75%; margin-bottom: 3.9275%; } .RighInfo003148 .box-rows dd:not(:nth-child(4n)) { margin-right: 3%; } } @media (max-width:1024px) { .RighInfo003148 .items-group .txt { padding: 2em 0; } .RighInfo003148 .box-rows dd { padding-bottom: 3em; margin-bottom: 4em; } .RighInfo003148 .box-rows dd p { width: 90%; } .join2_con1 .rq .lef { width: 100%; padding: 3%; } .join2_con1 .rq .rig { width: 100%; padding-bottom: 50%; } .join2_con1 .rq .lef .p4 { padding-top: 3%; font-size: 20px; } .join2_con1 .rq .lef .p3 { margin-bottom: 20px; } .join2_con1 .rq .div { flex-wrap: wrap; height: auto; } .ny_bt .p1 { font-size: 18px; } .ny_bt .p2 { font-size: 20px; } } /* .RighInfo001277 涓篸emo缂栧彿 */ .RighInfo001277 { padding-top: 5%; } .RighInfo001277 .list_img { float: left; width: 55.6%; position: relative; } .RighInfo001277 .big_img { position: absolute; left: 0; top: 0; height: 100%; width: 80%; } .RighInfo001277 .big_img li, .RighInfo001277 .big_img li figure { position: absolute; left: 0; width: 100%; top: 0; height: 100%; } .RighInfo001277 .big_img li figure { border: 1px solid #dcdcdc; background-size: contain; } .RighInfo001277 .list { padding: 42px 0 42px 82.9%; } .RighInfo001277 .list .bd { position: relative; } .RighInfo001277 .list a { position: absolute; width: 17.1%; height: 40px; right: 0; background: url(../images/RighInfo001277-btn_prev.png) no-repeat center center/auto 50%; cursor: pointer; } .RighInfo001277 .list a.prev { top: 0; } .RighInfo001277 .list a.next { bottom: 0; background-image: url(../images/RighInfo001277-btn_next.png); } .RighInfo001277 .list a.next:hover { background-image: url(../images/RighInfo001277-btn_nexton.png); } .RighInfo001277 .list a.prev:hover { background-image: url(../images/RighInfo001277-btn_prevon.png); } .RighInfo001277 .list a.prevStop, .RighInfo001277 .list a.nextStop { cursor: default; } .RighInfo001277 .list li { height: 130px; position: relative; } .RighInfo001277 .list li figure { position: absolute; left: 0; width: 100%; top: 9px; bottom: 9px; background-size: contain; border: 1px solid #f2f2f2; } .RighInfo001277 .list li.on figure { border: 2px solid #0080c9; } .RighInfo001277 .right_info { float: right; width: 39.2%; } .RighInfo001277 .right_info h1, .RighInfo001277 .right_info h3, .RighInfo001277 .right_info p { margin: 0; padding: 5% 0; font-size: 18px; } .RighInfo001277 .right_info h1 { padding: 0 0 3% 0; color: #333; font-size: 32px; } .RighInfo001277 .right_info .line { width: 15px; height: 2px; background-color: #0080c9; display: block; margin-left: 4px; } .RighInfo001277 .right_info h3 { font-size: 18px; font-weight: normal; } .RighInfo001277 .right_info p { line-height: 30px; color: #555; margin-bottom: 10%; text-align: justify; } .RighInfo001277 .right_info a { display: inline-block; border: 1px solid #fdf3f2; padding: 10px 5%; color: #e60a00; transition: 0.4s; } .RighInfo001277 .right_info a:hover { background-color: #e60a00; color: #fff; } .RighInfo001277 .tab { padding: 3% 0; } .RighInfo001277 .tab .h1_tab { margin: 0; border-bottom: 1px solid #e7e8e8; overflow: hidden; font-size: 16px; font-weight: normal; color: #333; } .RighInfo001277 .tab .h1_tab span { float: left; padding: 0 5%; line-height: 50px; background-color: #f2f2f3; margin-right: 4px; cursor: pointer; } .RighInfo001277 .tab .h1_tab span.on { background-color: #e60a00; color: #fff; } .RighInfo001277 .tab .info { padding-top: 3%; } .RighInfo001277 .ul_download li { border-bottom: 1px solid #d1d1d3; line-height: 34px; background: url(../images/RighInfo001277-icon_download.png) no-repeat right center; padding: 10px 0; } .RighInfo001277 .ul_download li a { padding: 0 38px; background: url(../images/RighInfo001277-icon.png) no-repeat left center; } @media(max-width:1560px){ .RighInfo001277 .right_info p{font-size:15px;line-height:29px;} } @media(max-width:768px) { .RighInfo001277 .list_img, .RighInfo001277 .right_info { float: none; width: auto; } .RighInfo001277 .right_info p { margin-bottom: 0%; } } @media(max-width:640px) { .RighInfo001277 .list li { height: 100px; } .RighInfo001277 .right_info h1 { font-size: 20px; } .RighInfo001277 .right_info h3 { font-size: 16px; } } @media(max-width:480px) { .RighInfo001277 .list { padding-top: 30px; padding-bottom: 30px; } .RighInfo001277 .list a { height: 28px; } .RighInfo001277 .list li { height: 80px; } .RighInfo001277 .tab .h1_tab { font-size: 14px; } .RighInfo001277 .tab .h1_tab span { padding: 0 3%; } } /* .RighInfo002363 涓篸emo缂栧彿 */ @media only screen and (max-width:1600px) { .RighInfo002363 .auto { padding-left: 2%; padding-right: 2%; } } .RighInfo002363 .con-head em { position: relative; margin: 2% 0; font-style: normal; display: inline-block; color: #333; font-size: 18px; padding-bottom: 20px; } .RighInfo002363 .con-head em span { color: #005bac; } .RighInfo002363 .con-head em:before { position: absolute; left: 0; bottom: 0px; width: 40px; height: 3px; content: ""; background: #f8b62b; } .RighInfo002363 .box1 { padding: 5% 0 4% 0; background: #f6f6f6; } .RighInfo002363 .box1 .text { position: relative; color: #333; padding: 15px 0; } .RighInfo002363 .img1 { float: left; width: 278px; height: 49px; margin-right: 2%; margin-bottom: 1%; } .RighInfo002363 .name { border-bottom: 1px solid #efefef; font-size: 24px; padding-bottom: 0.666em; color: #333; line-height: 2; font-weight: bold; } .RighInfo002363 .name i { width: 2em; height: 2em; border-radius: 50%; background-color: #0080c9; display: inline-block; vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%; } .RighInfo002363 .name-1 i { background-image: url(../images/RighInfo003134-icon-file.svg); } @media only screen and (min-width:768px) { .RighInfo002363 .con-head em { font-size: 22px; } } @media only screen and (min-width:1024px) { .RighInfo002363 .con-head em { font-size: 24px; } } /* .RighInfo002363 .box2{ background: #fff;} */ .RighInfo002363 .box2 .list { padding-top: 3%; } .RighInfo002363 .tit { font-size: 24px; font-weight: bold; line-height: 1.6666; } .RighInfo002363 .txt { padding: 1.875em 0; } .RighInfo002363 .tit span { color: #666; font-size: 16px; text-transform: uppercase; } .RighInfo002363 p { font-size: 16px; color: #555; line-height: 30px; padding: 10px 0; text-align: justify; } @media (max-width:1024px) { .RighInfo002363 .txt { padding: 10px 0; } .RighInfo002363 li .txt h3 { font-size: 16px; } } .RighInfo002363 .box2 ul { display: flex; align-items: center; } .prod1-box ul { flex-wrap: wrap; } .RighInfo002363 .box2 li { float: left; width: 100%; text-align: center; position: relative; } .RighInfo002363 .box2 .prod1-box li { width: 23%; margin-right: 2%; } .prod1-box li:nth-child(4n) { margin-right: 0; } .RighInfo002363 .box2 li a { display: block; margin: 0 auto; padding: 0 10%; } .RighInfo002363 .box2 li figure img { width: 100%; max-width: 56px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; position: relative; top: 0; } .RighInfo002363 .box2 li:hover figure img { top: -10px; } .RighInfo002363 .box2 li:hover h3 { color: #0080c9; } .RighInfo002363 .box2 li h3 { font-size: 20px; color: #333; margin: 25px 0 15px; } .RighInfo002363 .box2 li p { line-height: 30px; height: 96px; text-align: center; overflow: hidden; font-size: 16px; color: #555; margin-top: 10px; } .RighInfo002363 .btn { margin-top: 20px; font-size: 100px; } .RighInfo002363 .btn a { font-size: 0.16em; text-align: center; padding: 0 1.875em; line-height: 3.125em; border-radius: 3.125em; border: solid 2px #0080c9; transition: 0.3s; display: table; z-index: 99; margin: 0 auto; } .RighInfo002363 .btn a:after { width: 1.3125em; height: 0.8125em; display: inline-block; content: ''; margin-left: 1em; background: url(../images/Floor003105-icon.png) no-repeat; background-size: contain; transition: 0.3s; } .RighInfo002363 .btn a:hover { background-color: #0080c9; color: #fff; border-color: #0080c9; } .RighInfo002363 .btn a:hover:after { background-image: url(../images/Floor003105-icon-white.svg); } .RighInfo002363 .btn a.download2:before { background-image: url(../images/RighInfo003134-icon-download.svg); } @media(max-width:767px) { .RighInfo002363 .box2 { padding: 20px 0; } .RighInfo002363 .box2 li { width: 50%; margin-bottom: 2%; } .RighInfo002363 .box2 li { border-left: 1px solid #f4f4f4; } .RighInfo002363 .box2 li:nth-child(2n) { border-left: 1px solid #fff; } .RighInfo002363 .box2 .prod1-box li { width: 49%; } .RighInfo002363 .box2 .prod1-box li:nth-child(2n) { margin-right: 0; } } /*PicList002735 */ .prod2 { background: #f5f5f5; overflow: hidden; } .RighInfo002363 { padding-bottom: 3%; } .name_list { position: relative; border-bottom: 1px solid #efefef; font-size: 1.5em; padding-bottom: 0.666em; color: #333; line-height: 2; font-weight: bold; padding-left: 20px; margin-bottom: 3%; } .name_list:before { content: ""; width: 3px; height: 25px; position: absolute; left: 0; background: #0080c9; top: 11px } .name_list i { width: 2em; height: 2em; border-radius: 50%; background-color: #0080c9; display: inline-block; vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%; } .name_list i { background-image: url(../images/RighInfo003134-icon-file.svg); } .RighInfo002363 li { margin-bottom: 3%; } .RighInfo002363 li a { display: block; background: #fff; transition: 0.3s; } .RighInfo002363 li a:hover { border-color: #184477; box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1); } .RighInfo002363 li a:hover h3 { color: #0080c9; } .RighInfo002363 li .Ispic { background-size: cover; background-color: #fff; padding-bottom: 85.241%; } .RighInfo002363 li .txt { padding: 20px 20px; } .RighInfo002363 li .txt h3 { font-size: 18px; color: #333; margin: 0; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: box; height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .RighInfo002363 li .txt p { line-height: 20px; color: #999; height: 48px; font-size: 16px; padding: 10px 0; font-weight: normal; } .RighInfo002363 li .more { color: #999999; display: block; background: url(../images/icon_g.png) no-repeat right center; font-family: 'Roboto-Regular'; width: 50px; height: 18px; float: right; background-size: 30%; margin-top: -44px; display: none; } .RighInfo002363 li a:hover .more { background-image: url(../images/icon_on.png); } @media(min-width:481px) { .RighInfo002363 li { float: left; } } @media(min-width:769px) { .RighInfo002363 li { width: 23%; } .RighInfo002363 li:not(:nth-child(4n)) { margin-right: 2%; } } @media(min-width:481px) and (max-width:768px) { .RighInfo002363 li { width: 48%; } .RighInfo002363 li:not(:nth-child(2n)) { margin-right: 4%; } } @media(max-width:1024px) { .name_list { font-size: 18px; } .RighInfo002363 li .txt { padding: 10px 0; } .RighInfo002363 li .txt h3 { font-size: 14px; } .RighInfo002363 li .txt p { font-size: 14px; padding: 0 0 10px; } } /*Floor003117 */ .jjfa .w75 { background: #fff; padding: 5%; } .Floor003117 .title { position: relative; z-index: 1; margin-bottom: 2.97%; color: #333; } .Floor003117 .title .cn { font-family: 'YouSheBiaoTiHei'; font-size: 60px; } .Floor003117 .title .cn span { display: inline-block; position: relative; line-height: 0.75; } .Floor003117 .title .cn span:before { position: absolute; content: ''; z-index: -1; width: 0.8166em; height: 0.7em; background: url(../images/Floor003117-title-icon.svg) no-repeat center center; right: -0.4333em; top: -0.3em; background-size: contain; } .Floor003117 .title .intro { padding: 1.375em 0 2.25em 0; position: relative; } .Floor003117 .title .intro:before { position: absolute; content: ''; width: 5.75em; height: 2px; background-color: rgba(0, 0, 0, 0.5); left: 0; bottom: 0; } .Floor003117 .title .more { line-height: 3.125; background: url(../images/Floor003117-more.svg) no-repeat; background-size: 100% 100%; padding: 0 1.4375em 0 2.0625em; display: inline-block; transition: background 0.3s; } .Floor003117 .title .more:after { display: inline-block; content: ''; width: 2.125em; height: 0.5em; margin-left: 2.0625em; background: url(../images/Floor003117-btn-more.svg) no-repeat; background-size: contain; vertical-align: middle; } .Floor003117 .title .more:hover { background-image: url(../images/Floor003117-more-hover.svg); color: #fff; } .Floor003117 .title .more:hover:after { background-image: url(../images/Floor003117-btn-more-white.svg); } .Floor003117 .edit-info { margin-bottom: 3.96%; } .Floor003117 .contact { position: relative; margin-left: -2.2%; } .Floor003117 .contact .main { position: absolute; left: 0; top: 3.334%; width: 100%; bottom: 20%; z-index: 5; } .Floor003117 .contact:hover .bg .on, .Floor003117 .contact:not(:hover) .bg .hover { display: none; } .Floor003117 .contact .main .ytable { height: 100%; } .Floor003117 .contact ul { max-width: 362px; margin: 0 auto; width: 70%; } .Floor003117 .contact li>* { padding-left: 1.875em; } .Floor003117 .contact li .hotline { font-family: 'Oswald-Medium'; font-size: 26px; color: #e60013; padding-left: 1.1538em; } .Floor003117 .contact li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 40px; margin-bottom: 40px; } .Floor003117 .contact li aside { background-position: left center; background-repeat: no-repeat; background-size: auto 1.375em; } .Floor003117 .contact li aside.tel { background-image: url(../images/Floor003117-tel.svg); } .Floor003117 .contact li aside.add-name { background-image: url(../images/Floor003117-add.svg); } .Floor003117 .contact:hover li .hotline, .Floor003117 .contact:hover li { color: #fff; } .Floor003117 .contact:hover li aside.tel { background-image: url(../images/Floor003117-tel-white.svg); } .Floor003117 .contact:hover li aside.add-name { background-image: url(../images/Floor003117-add-white.svg); } .Floor003117 .map { position: relative; padding-bottom: 2.5%; overflow: hidden; } .Floor003117 .map dd { position: absolute; width: 7px; height: 7px; background-color: #0080c9; border-radius: 50%; } .Floor003117 .map dd:nth-child(1) { left:78%; top: 26%; } .Floor003117 .map dd:nth-child(2) { left: 39.6%; top: 26%; } /*.Floor003117 .map dd:nth-child(2) .mc_a1t_xl{left: -160px;transform: translateY(-156%);}*/ .Floor003117 .map dd:nth-child(3) { left: 57%; top: 74%; } .Floor003117 .map dd:nth-child(4) { left: 34.5%; top: 40%; } .Floor003117 .map dd:nth-child(5) { left: 60%; top: 16%; } .Floor003117 .map dd:nth-child(6) { left: 60%; top: 8%; } .Floor003117 .map dd:nth-child(7) { left: 62.5%; top: 53%; } .Floor003117 .map dd:nth-child(8) { left: 19.5%; top: 52%; } .Floor003117 .map dd:nth-child(9) { left: 35.2%; top: 88%; } .Floor003117 .map dd:nth-child(10) { left: 20%; top: 24%; } .Floor003117 .map dd:nth-child(11) { left: 76%; top: 84.5%; } .Floor003117 .map dd:nth-child(12) { left: 77.7%; top: 70.2%; } .Floor003117 .map dd:nth-child(13) { left: 28%; top: 42%; } .Floor003117 .map dd.active i { position: absolute; width: 71px; height: 71px; left: 50%; top: 50%; margin: -35.5px 0 0 -35.5px; } .Floor003117 .map dd.active i:before, .Floor003117 .map dd.active i:after { position: absolute; content: ''; background-color: rgba(0, 128, 201, 0.5); border-radius: 50%; animation: scale infinite 1s linear; } .Floor003117 .map dd.active i:after { background-color: rgba(0, 128, 201, 0.2); left: 0; top: 0; width: 100%; height: 100%; } .Floor003117 .map dd.active i:before { width: 25px; height: 25px; left: 50%; top: 50%; margin: -12.5px 0 0 -12.5px; } .mc_a1t_xl { position: absolute; left: 42px; top: 50%; z-index: 1; transform: translateY(-50%); white-space: nowrap; font-size: 16px; padding: 0 23px; line-height: 54px; pointer-events: none; } .mc_a1t_xl::before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 0; height: 100%; background: rgba(0, 128, 201, .77); border-radius: 30px; } .mc_a1t_li10 .mc_a1t_icon { font-size: 3em; } .mc_a1t_xl span { opacity: 0; } .mc_a1t_icon { font-size: 24px; color: #a1b8fd; margin-right: 20px; vertical-align: middle; } .mc_a1t_title { color: #fff; font-size: 16px; margin-right: 45px; vertical-align: middle; } .mc_a1t_jiantou { font-size: 20px; color: #a1b8fd; vertical-align: middle; background: url(../images/Floor003105-iconw.png) center no-repeat; width: 26px; height: 16px; background-size: cover; display: inline-block; } .mc_a1t_xl::after { content: ""; position: absolute; right: 100%; top: 0; width: 42px; height: 100%; } .mc_a1t_li:hover .mc_a1t_xl span { opacity: 1; transition: all .36s .4s; } .mc_a1t_li:hover { z-index: 20; } .mc_a1t_li:hover .mc_a1t_xl { pointer-events: all; } .mc_a1t_li:hover .mc_a1t_xl::before { width: 100%; transition: all .4s cubic-bezier(.34, .44, .41, 1.12); } .mc_a1t_li11 { left: auto; right: 0; transform: translate(50%, 20px); top: 100%; } @keyframes scale { 0% { transform: scale(0); } 100% { transform: scale(1); } } @media (min-width:1025px) { .Floor003117 .contact { width: 37.6%; } .Floor003117 .edit-info { max-width: 1027px; width: 80%; } } @media (min-width:641px) { .Floor003117 .title .more { position: absolute; right: 0; bottom: 0; } } @media (max-width:1024px) { .Floor003117 .title .cn { font-size: 5vw; } } @media (max-width:640px) { .Floor003117 { font-size: 3.5vw; padding: 10% 0; } .Floor003117 .title { text-align: center; } .Floor003117 .title .cn { font-size: 9vw; } .Floor003117 .title .intro { margin-bottom: 4vw; } .Floor003117 .title .intro:before { left: 50%; transform: translateX(-50%); } .Floor003117 .title .more { background-image: url(../images/Floor003117-more-hover.svg); color: #fff; } .Floor003117 .title .more:after { background-image: url(../images/Floor003117-btn-more-white.svg); } .Floor003117 .contact li:not(:last-child) { padding-bottom: 2vw; margin-bottom: 2vw; } .Floor003117 .map dd { transform: scale(0.7); } } /*Floor002724 */ .Floor002724 { padding: 1% 0; } .Floor002724>.auto { max-width: 1780px; width: 96%; background: url(../images/Floor002724_bg.jpg) no-repeat center center; background-size: cover; border-radius: 50px 0; padding: 2% 50px 0; } .Floor002724 ol h3 { margin: -5px 0 0 0; padding-bottom: 5px; color: #b39959; font-size: 30px; } .Floor002724 ol p { margin: 0; color: #fff; line-height: 24px; } .Floor002724 li { border-right: 1px solid transparent; border-top: 1px solid transparent; } .Floor002724 li .inner { background: #274789; padding: 15% 10% 5%; } .Floor002724 li img { width: 30px; height: 30px; } .Floor002724 li:nth-of-type(2), .Floor002724 li:nth-of-type(3), .Floor002724 li:nth-of-type(5) { background: #2b4c8f; } .Floor002724 li pre { color: #fff; line-height: 24px; height: 96px; margin-top: 20px; } @media(max-width:1024px) { .Floor002724>.auto { border-radius: 20px 0; padding: 2% 0 0; } } @media(min-width:769px) { .Floor002724 ol, .Floor002724 li { float: left; min-height: 194px; } .Floor002724 ol { width: 50%; padding-top: 3%; } .Floor002724 ol p { max-width: 80%; } .Floor002724 li { width: 25%; } .Floor002724 li .inner { min-height: 194px; } } @media(max-width:768px) { .Floor002724 li { float: left; width: 50%; } .Floor002724 ol { padding: 5% 0; } } @media(max-width:480px) { .Floor002724 li { float: none; width: auto; border: none; margin-bottom: 1px; } .Floor002724 li pre { height: auto; text-align: center; } .Floor002724 li .inner { padding: 5% 3%; text-align: center; } } /*Floor001891 */ .Floor001891 .column-name p { margin: 0 auto; padding-top: 2%; } .Floor001891 .slider-tab li { text-align: center; font-size: 16px; padding: 20px 0; cursor: pointer; line-height: 30px; position: relative; border-right: 1px solid rgba(0, 0, 0, .1); color: #666; } .Floor001891 .slider-tab li:nth-child(1) { border-left: 1px solid rgba(0, 0, 0, .1); } .Floor001891 .slider-tab li .pic { margin-bottom: 3%; } .Floor001891 .slider-tab li .txt { font-weight: bold; line-height: 24px; } .Floor001891 .slider-tab li img { margin-right: 5px; vertical-align: middle; width: 30px; height: 30px; } .Floor001891 .slider-tab li .hover { display: none; } .Floor001891 .slider-tab li.slick-current { color: #fff; background-color: #0080c9; } .Floor001891 .slider-tab li.slick-current img { display: none; } .Floor001891 .slider-tab li.slick-current .hover { display: inline-block; } .Floor001891 .slider-tab li.slick-current i { position: absolute; width: 0; height: 0; left: 50%; margin-left: -12px; bottom: -12px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #014099; } .Floor001891 .tabbg { background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); } .Floor001891 .box { background: url(../images/Floor001891-bg.jpg) no-repeat center top; background-size: cover; padding-top: 4%; margin-top: -12px; } .Floor001891 .box section { display: none; } .Floor001891 .box .pic { float: right; width: 50%; } .Floor001891 .box .pic img { display: block; width: 100%; } .Floor001891 .box .prodlist .pic { float: none; width: 100%; } .Floor001891 .box .txt { text-align: center; } .Floor001891 .box .tit { color: #333; font-size: 36px; } .Floor001891 .box .txt pre { margin: 3% 0 5% 0; line-height: 30px; font-size: 16px; color: #555; } .Floor001891 .box .txt .more { font-size: 16px; color: #fff; background-color: #8cc63e; width: 152px; height: 50px; line-height: 50px; text-align: center; display: inline-block; } @media(max-width:1024px) { .Floor001891 .slider-tab li { padding: 10px 0; } } @media(max-width:768px) { .Floor001891 .box .pic, .Floor001891 .box .txt { float: none; width: auto; } .Floor001891 .box .pic { padding: 3% 0; } .Floor001891 .box .tit { font-size: 24px; } .Floor001891 .box .txt .more { font-size: 14px; } .Floor001891 .box .txt pre { line-height: 25px; font-size: 14px; } } @media(max-width:640px) { .Floor001891 .slider-tab li { font-size: 14px; } } .blocklist { padding-bottom: 1%; } .blocklist .home1 .item .tit { font-weight: bold; font-size: 24px; transition: all .5s; } .blocklist .home1 .item { width: 47%; float: left; margin-right: 3%; height: 490px; margin-bottom: 3%; } .blocklist .home1 .item:last-child(2n) { margin-right: 0; } .blocklist .home1 .item>a { padding: 16% 60px 140px 60px; } .blocklist .home1 .item .ibtn { padding: 43px 40px 0px; background: url(../images/flashline1.png) no-repeat top center; } .blocklist .home1 .item .ibtn a { padding: 8px 0 3px 0; border: 0; position: relative; font-size: 14px; background-color: unset; } .blocklist .auto .more:after { background: no-repeat; width: 0; } .blocklist .home1 .item .icon img { transition: all .5s; } .blocklist .home1 .item:hover .icon img { transform: translateY(-50px); } .blocklist .home1 .item:hover .icon { cursor: pointer; } .blocklist .home1 .item:hover .tit { transform: translateY(-50px); } .blocklist .more:hover { background-color: none; } .jjfa { background: #fff; } .learningList .item { margin-bottom: 3%; border-bottom: 1px solid #eeeeee; font-size: 16px; color: #555; line-height: 2; width: 48%; background: #f5f5f5; padding: 2%; margin-right: 4%; float: left; } .learningList .item:nth-child(2n) { margin-right: 0px; } .learningList { counter-reset: index2; } .learningList .item .imgbox { display: none; } .learningList .item .tit { font-size: 18px; color: #333; margin-bottom: 10px; font-weight: bold; } .learningList .item .content { line-height: 26px; text-align: justify; } .learningList .item1 { width: 100% !important; } .clearjjfa { padding: 0; } .jjfa_box { margin-bottom: 3%; } .jjfa_box p { line-height: 28px; color: #333; font-size: 16px; text-align: justify !important; } .cp_lm ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .cp_lm { width: 100%; box-shadow: 0 5px 10px rgb(0 0 0 / 8%); background: #fff; } .cp_lm ul li { width:8.333%; text-align: center; border-left: 1px solid rgba(0, 0, 0, .1); font-size: 16px; padding: 30px 0 20px; } .cp_lm ul li:last-child { border-right: 1px solid rgba(0, 0, 0, .1); } .cp_lm ul li img { margin-bottom: 10px; max-height: 25px; } .cp_lm ul li .hover { display: none; } .cp_lm ul li .txt { line-height: 24px; height: 48px; } .cp_lm ul li.active { background-color: #0080c9; color: #fff; } .cp_lm ul li.active a { color: #fff; } .cp_lm ul li.active img { display: none; } .cp_lm ul li.active .hover { display: block; margin: 0 auto 10px; } .cp_lm ul li a { font-weight: bold; color: #666; } .cp_lm1 ul { display: flex; justify-content: center; flex-wrap: wrap; } .cp_lm1 { width: 100%; box-shadow: 0 5px 10px rgb(0 0 0 / 8%); background: #fff; } .cp_lm1 ul li { width: 16.666%; text-align: center; border-left: 1px solid rgba(0, 0, 0, .1); font-size: 16px; padding: 30px 0 20px; } .cp_lm1 ul li:last-child { border-right: 1px solid rgba(0, 0, 0, .1); } .cp_lm1 ul li img { margin-bottom: 10px; max-width: 30px; } .cp_lm1 ul li .hover { display: none; } .cp_lm1 ul li .txt { line-height: 24px; height: 48px; font-size: 16px; } .cp_lm1 ul li.active { background-color: #0080c9; color: #fff; } .cp_lm1 ul li.active a { color: #fff; } .cp_lm1 ul li.active img { display: none; } .cp_lm1 ul li.active .hover { display: block; margin: 0 auto 10px; } .cp_lm1 ul li a { font-weight: bold; color: #666; } @media(max-width:1024px) { .cp_lm ul li, .cp_lm1 ul li { width: 25%; border-left: none; padding: 10px 0; } .cp_lm ul li .txt, .cp_lm1 ul li .txt { padding: 0 5px; font-size: 14px; height: auto; } .cp_lm ul, .cp_lm1 ul { justify-content: flex-start; } .cp_lm ul li:last-child, .cp_lm1 ul li:last-child { border: none; } .learningList .item { width: 100%; float: none; } } /*Timeline001915*/ .Timeline001915 { padding: 3% 0 } .Timeline001915 .list { background: url(../images/Timeline001915-logo.png) no-repeat center top; padding-top: 64px; } .Timeline001915 .list ul { background: url(../images/Timeline001915-ul.jpg) repeat-y center top; padding: 54px 0; } .Timeline001915 li { padding-left: 50%; background: url(../images/Timeline001915-li.png) no-repeat center top; padding-top: 10px; padding-bottom: 10px; } .Timeline001915 li div { padding-left: 36px; } .Timeline001915 li div p { line-height: 28px; color: #666; font-size: 16px; } .Timeline001915 ul li:nth-child(2n) { text-align: right; padding-left: 0; padding-right: 50%; } .Timeline001915 ul li:nth-child(2n) div { padding-left: 0; padding-right: 36px; } .Timeline001915 li time { display: block; color: #0080c9; font-size: 18px; border-top: 1px solid #e1e1e4; margin-bottom: 10px; } .Timeline001915 li time:before { display: block; margin: -3px 0 10px 0; content: ''; background-color: #0080c9; width: 20px; height: 5px; } .Timeline001915 ul li:nth-child(2n) time:before { float: right; } .Timeline001915 ul li:nth-child(2n) time span { clear: both; display: block; } .Timeline001915 ol { text-align: center; } .Timeline001915 ol a { display: inline-block; width: 142px; height: 30px; line-height: 30px; text-align: center; background-color: #0080c9; color: #fff; font-size: 14px; border-radius: 5px; margin-top: 30px; } .Timeline001915 li time span { font-size: 20px; font-weight: bold; } @media(max-width:1000px) { .Timeline001915 .columnName { font-size: 45px; } .Timeline001915 .columnName span { font-size: 24px; } } @media(max-width:640px) { .Timeline001915 .columnName { font-size: 30px; } .Timeline001915 .columnName span { font-size: 20px; } } @media(max-width:480px) { .Timeline001915 .list { background-position: left top; padding-left: 20px; } .Timeline001915 .list ul { background-position: 8px top; } .Timeline001915 li { padding: 0 !important; background-position: left top; } .Timeline001915 li div { padding: 10px 10px 10px 36px !important; } .Timeline001915 ul li:nth-child(2n) { text-align: left; } .Timeline001915 ul li:nth-child(2n) time:before { float: none; } } .top_bot { position: fixed; bottom: 6%; right: 4%; } .top_bot a { background-image: url("../images/top.png"); display: block; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(10, 10, 10, 0.3); background-position: center center; background-repeat: no-repeat; cursor: pointer; } /*PicList003142 */ .PicList0031422 .auto { margin-top: 4.5em; margin-bottom: 1em; } .PicList0031422 li { float: left; margin-bottom: 2.5em; } .PicList0031422 li .txt { box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); padding: 1.875em; } .PicList0031422 li .tit { font-size: 1.125em; line-height: 1.6666; min-height: 3.3332em; } .PicList0031422 li p { font-size: 0.875em; line-height: 1.78571; min-height: 3.57142em; color: #999999; } .PicList0031422 li .pic { overflow: hidden; } .PicList0031422 li .Ispic { padding-bottom: 62.223%; transition: 0.3s; } .PicList0031422 li a:hover .Ispic { transform: scale(1.1); } .PicList0031422 li a:hover { color: #e60012; } .PicList0031422 li time { color: #999999; display: block; background: url(../images/PicList003142-icon.svg) no-repeat right center; } .PicList0031422 li a:hover time { background-image: url(../images/PicList003142-icon-red.svg); } @media (min-width:1025px) { .PicList0031422 li { width: 32.143%; } .PicList0031422 li:not(:nth-child(3n)) { margin-right: 1.7855%; } .PicList0031422 li:nth-child(3n+1) { clear: left; } } @media (max-width:1024px) { .PicList0031422 .auto { margin-top: 2em; } .PicList0031422 li { width: 48%; } .PicList0031422 li:not(:nth-child(2n)) { margin-right: 4%; } .PicList0031422 li:nth-child(2n+1) { clear: left; } .PicList0031422 li .txt { padding: 1em; } } /*Other */ .Other002781 ul { position: fixed; right: 2%; z-index: 110; bottom: 20%; } .Other002781 li { position: relative; margin-bottom: 10px; } .Other002781 li>a { display: block; width: 60px; height: 60px; background: url(../images/Other002781_icon1.png) no-repeat center top #0080c9; transition: 0.3s; } .Other002781 li:first-child a { border: 1px solid #ebebeb; background: #fff url(../images/Other002781_icon1.png) no-repeat center top; } .Other002781 li.li_left>a { background: #fff; text-align: center; line-height: 60px; } .Other002781 li.li_left>a:hover { background: #ffb41e; } .Other002781 li.li_left>a span { font-size: 36px; } .Other002781 li.li_left>a:hover span { color: #fff; } .Other002781 li.li_jd .wap, .Other002781 li.li_wx .wap, .Other002781 li.li_vip .wap { display: none; } .Other002781 li.li_jd aside, .Other002781 li.li_wx aside, .Other002781 li.li_message aside, .Other002781 li.li_vip aside, .Other002781 li.li_gettop aside { display: none; position: absolute; right: 110%; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; top: 0; background: #000; margin-right: 1px; border-radius: 3px; padding: 0 10px; font-size: 18px; color: #fff; } .Other002781 li.li_wx a { background-position: center -61px; } .Other002781 li.li_vip a { background-position: center -122px; } .Other002781 li.li_message a { background-position: center -183px; } .Other002781 li.li_gettop a { background-position: center bottom; } @media(min-width:1025px) { .Other002781 li.li_message:hover aside, .Other002781 li.li_jd:hover aside, .Other002781 li.li_wx:hover aside, .Other002781 li.li_vip:hover aside, .Other002781 li.li_gettop:hover aside { display: block; } } @media(max-width:1024px) { .Other002781 li.li_jd a, .Other002781 li.li_wx a, .Other002781 li.li_vip a { display: none; } .Other002781 li.li_jd .wap, .Other002781 li.li_wx .wap, .Other002781 li.li_vip .wap { display: block; } } .Other002781 .pop-up { display: none; position: fixed; z-index: 150; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } .Other002781 .pop-up .ycenter { height: 100%; } .Other002781 .pop-up .main { position: relative; width: 90%; margin: 0 auto; max-width: 600px; background: #fff; padding: 2%; } .Other002781 .pop-up .close { position: absolute; width: 30px; height: 30px; right: 15px; top: 15px; border-radius: 50%; cursor: pointer; } .Other002781 .pop-up .close::before, .Other002781 .pop-up .close::after { position: absolute; content: ''; left: 20%; top: 50%; width: 60%; height: 3px; background: #000; margin-top: -1px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .Other002781 .pop-up .close::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .Other002781 .pop-up#form td { padding-top: 4%; vertical-align: top; } .Other002781 .pop-up#form td.f-name { text-align: right; width: 90px; line-height: 32px; } .Other002781 .pop-up#form td .text { width: 100%; line-height: 32px; height: 32px; border: 1px solid #eee; border-radius: 3px; padding: 0 5px; } .Other002781 .pop-up#form td .btn { width: 40%; margin-right: 3%; height: 40px; cursor: pointer; border: none; border-radius: 3px; color: #fff; background: #f8b54d; max-width: 120px; } .Other002781 .pop-up#form td .btn_reset { background: #999; } .Other002781 .pop-up#form td textarea.text { height: 90px; } .Other002781 .pop-up#map .main { padding: 15px; } .Other002781 .pop-up .map { height: 300px; } .Other002781 .pop-up h2 { font-size: 20px; color: #000; border-bottom: 1px solid #ccc; font-weight: normal; padding-bottom: 20px; } .Other002781 .pop-up dl { display: flex; align-items: center; justify-content: center; margin: 20px 0; } .Other002781 .pop-up dl dd { width: 50%; text-align: center; font-size: 15px; font-weight: normal; color: #000; } .Other002781 .pop-up dl dd a { display: block; } .Other002781 .pop-up dl dd img { margin: 10px 0; } .Other002781 .pop-up h3 { font-size: 20px; color: #000; background: #f5f5f5; padding: 20px 0 20px 20px; margin-bottom: 10px; } @media(max-width:640px) { .Other002781 ul { right: 0; } } .xs_box h2 { background: #000; padding: 30px; } .xs_box .auto { max-width: 1000px; margin: 0 auto; } .xs_box h1 { font-size: 30px; font-weight: normal; text-align: center; padding: 40px 0 10px; } @media(max-width:1024px) { .xs_box .auto { padding: 0 2%; } } /* .Form002337 涓篸emo缂栧彿 */ .Form002337 { padding: 50px; max-width: 1200px; margin: 0 auto; } .Form002337 .row { padding-bottom: 15px; } .Form002337 .rowbox { padding-bottom: 0; } .Form002337 .rowbox:after { content: ""; height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block; } .Form002337 .row-inner { margin: 0 auto; position: relative; color: #666; font-size: 14px; line-height: 44px; } .Form002337 .row-inner .h5 { font-size: 14px; font-weight: normal; } .Form002337 .ps { font-size: 15px; font-weight: bold; color: #666; } .Form002337 .row-inner textarea { width: 100%; min-height: 100px; border: 1px solid #adadad; } .Form002337 .row-inner .username { display: block; } .Form002337 .row-inner .text { border: 1px solid #adadad; color: #adadad; line-height: 42px; width: 100%; padding: 0 10px; display: inline-block; border-radius: 3px; } .Form002337 .row-inner .text.focus { border-color: #333; color: #333; } .Form002337 .btn { background-color: #0080c9; line-height: 44px; font-size: 15px; color: #fff; text-align: center; width: auto; border: none; cursor: pointer; margin: 20px auto; display: inline-block; padding: 0px 20px; } .Form002337 .btn.reset { background-color: #d4c496; margin-left: 30px; } .Form002337 .address>* { display: block; float: left; } .Form002337 .address>*+* { margin-left: 1%; } .Form002337 .address .selectbox { width: 100%; } .Form002337 .address .selectbox select { height: 44px; width: 100%; border: 1px solid #adadad; border-radius: 3px; color: #adadad; } .Form002337 .address .selectbox select.focus { color: #333; } .Form002337 .address .text { width: 37%; max-width: 546px; } @media only screen and (max-width:767px) { .Form002337 { padding: 20px 0; } .Form002337 .btn { line-height: 35px; font-size: 16px; } .Form002337 .address .selectbox { width: 32.3334%; } .Form002337 .address .text { width: 100%; margin-top: 10px; margin-left: 0; } } @media only screen and (max-width:480px) { .Form002337 .address .selectbox { width: 100%; margin-left: 0 !important; max-width: none; } .Form002337 .address .selectbox+.selectbox { margin-top: 10px; } .Form002337 .row-inner .text { max-width: none; } } .jjfa鈥?1 { padding-top: 3%; } /* 20220530 */ /* .mapBg{position: relative;} */ .mapBg .mapimgbox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; opacity: 0; transition: all .5s; -webkit-transition: all .5s; } .mapBg .mapimgbox.show { opacity: 1; } .Floor003117 .map_cshwg dl dd:first-child { left: 32%; top: 27%; } .Floor003117 .map_cshwg dl dd:nth-child(2) { left: 24%; top: 63%; } .Floor003117 .map_cshwg dl dd:nth-child(3) { left: 43%; top: 63%; } .Floor003117 .map_cshwg dl dd:nth-child(4) { left: 67%; top: 33%; } .Floor003117 .map_csfkzz dl dd:first-child { left: 52%; top: 41%; } .Floor003117 .map_csfkzz dl dd:nth-child(2) { left: 70%; top: 63%; } .Floor003117 .map_csfkzz dl dd:nth-child(3) { left: 61%; top: 25%; } /* .PicList000593 涓篸emo缂栧彿 */ .PicList000593 { padding-top: 5%; } .PicList000593 li { float: left; width: 30.6%; float: left; margin: 0 4% 4% 0; box-shadow: 0px 5px 10px rgb(0 0 0 / 10%); position: relative; } .PicList000593 li:nth-child(3n) { margin-right: 0; } .PicList000593 li .video_files { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .PicList000593 li .video_files video { width: 100%; height: 100%; background-color: #000; } .PicList000593 li .video_files .close { position: absolute; right: 3%; top: 3%; z-index: 10; width: 30px; height: 30px; border-radius: 50%; background-color: #761b1b; cursor: pointer; } .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after { position: absolute; content: ''; width: 3px; height: 70%; border-radius: 3px; background-color: #fff; left: 13px; top: 5px; } .PicList000593 li .video_files .close::before { transform: rotate(45deg); } .PicList000593 li .video_files .close::after { transform: rotate(-45deg); } .PicList000593 li figure { position: relative; } .PicList000593 li figure em { display: block; padding-bottom: 65%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .PicList000593 li figure a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); } .PicList000593 li figure a::before { position: absolute; content: ''; z-index: 5; top: 50%; left: 50%; transform: translate(-50%, -50%); } .PicList000593 li figure a::before { width: 70px; height: 70px; background: url(../images/PicList000671-icon-video.png) no-repeat center center; } .PicList000593 li h5 { font-size: 16px; padding: 0 0 10px 0; margin: 0; font-weight: bold; text-align: left; } .PicList000593 li time { display: inline-block; font-size: 14px; color: #0080c9; padding: 5px 0; } .PicList000593 li .txt { padding: 5%; } @media(max-width:768px) { .PicList000593 li { width: 49%; margin-right: 2%; } .PicList000593 li:nth-child(3n) { margin-right: 2%; } .PicList000593 li:nth-child(2n) { margin-right: 0; } } @media(max-width:480px) { .PicList000593 li figure a::after { border-top-width: 10px; border-bottom-width: 10px; border-left-width: 15px; margin-left: -3px; margin-top: -7px; } } @media(max-width:375px) { .PicList000593 li { width: 100%; float: none; margin-right: 0 !important; } } @media(max-width:1024px) { .column-name { font-size: 25px; } .PicList000593 li h5 { font-size: 14px; font-weight: normal; } } @media(max-width:640px) { .mc_a1t_xl { display: none; } .PicList002120 .more .prev, .PicList002120 .more .next { width: 38px; height: 38px; } .prodlist .more .prev { left: 0; } .prodlist .more .right { right: 0; } .cp_lm ul li, .cp_lm1 ul li { width: 50%; } .column-name { font-size: 20px; } } .Floor003117 .map_syaq dl dd:nth-child(1) { left: 68.5%; top: 62%; } .Floor003117 .map_syaq dl dd:nth-child(2) { left: 61.5%; top: 48%; } .Floor003117 .map_syaq dl dd:nth-child(3) { left: 33.8%; top: 37%; } .Floor003117 .map_syaq dl dd:nth-child(4) { left: 25.2%; top: 42%; } .Floor003117 .map_syaq dl dd:nth-child(5) { left: 46.2%; top: 47%; } /*.Floor003117 .map_syaq dl dd:nth-child(5) .mc_a1t_xl{ left: -160px; transform: translateY(50%); }*/ .Floor003117 .map_slk dl dd:nth-child(1) { left: 71.3%; top: 61%; } .Floor003117 .map_slk dl dd:nth-child(2) { left: 19%; top: 65%; } .Floor003117 .map_slk dl dd:nth-child(3) { left: 31%; top: 83%; } .Floor003117 .map_slk dl dd:nth-child(4) { left: 54.5%; top: 25%; } .Floor003117 .map_slk dl dd:nth-child(4) .mc_a1t_xl{ left: -140px; transform: translateY(-160%); } .Floor003117 .map_slk dl dd:nth-child(5) { left: 82%; top: 25%; } .Floor003117 .map_slk dl dd:nth-child(5) .mc_a1t_xl{ left: -190px; transform: translateY(-160%); } .Floor003117 .map_slk dl dd:nth-child(6) { left: 60%; top: 53%; } .Floor003117 .map_slk dl dd:nth-child(7) { left: 18%; top: 37%; } .Floor003117 .map_slk dl dd:nth-child(8) { left: 53.5%; top: 66%; } .Floor003117 .map_slk dl dd:nth-child(9) { left: 69%; top: 47%; } .Floor003117 .map_slk dl dd:nth-child(10) { left: 64%; top: 26%; } .Floor003117 .map_slk dl dd:nth-child(10) .mc_a1t_xl{ left: -140px; transform: translateY(-160%); } .Floor003117 .map_slk dl dd:nth-child(11) { left: 52.5%; top: 41%; } .Floor003117 .map_zycs dl dd:nth-child(1) { left: 26%; top: 66%; } .Floor003117 .map_zycs dl dd:nth-child(2) { left: 43.3%; top: 44%; } .Floor003117 .map_zycs dl dd:nth-child(3) { left: 62.5%; top: 51%; } .Floor003117 .map_zycs dl dd:nth-child(4) { left: 42.5%; top: 58%; } .Floor003117 .map_sysh dl dd:nth-child(1) { left: 68.5%; top: 9%; } .Floor003117 .map_sysh dl dd:nth-child(2) { left: 43.5%; top: 89.5%; } .Floor003117 .map_sysh dl dd:nth-child(3) { left: 69.5%; top: 54%; } .Floor003117 .map_sysh dl dd:nth-child(4) { left: 35%; top: 52%; } .Floor003117 .map_zhhb dd:nth-child(1) { left:66%; top: 10%; } .Floor003117 .map_zhhb dd:nth-child(2) { left: 72%; top: 78.5%; } /*.Floor003117 .map_zhhb dd:nth-child(2) .mc_a1t_xl{left: -160px;transform: translateY(-156%);}*/ .Floor003117 .map_zhhb dd:nth-child(3) { left: 48%; top: 55%; } .Floor003117 .map_zhhb dd:nth-child(4) { left: 32%; top: 67%; } .Floor003117 .map_zhhb dd:nth-child(5) { left: 68%; top: auto; bottom:13.5%; } .Floor003117 .map_zhhb dd:nth-child(6) { left: 42.2%; top: 25%; } @media(max-width:640px) { #newBridge{ display:none!important;} }