*, :after, :before {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0 !important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased} a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block} ol, ul {list-style: none} blockquote, q {quotes: none} blockquote:after, blockquote:before, q:after, q:before {content: ""} table {border-collapse: collapse;border-spacing: 0} body {color: #3d4c63;background: #fff;font: 14px/1.5 "Microsoft Yahei", sans-serif;outline: 0} a {color: #333;text-decoration: none} a:hover {color: inherit} img {max-width: 100%;border: none;object-fit: cover} em, i {font-style: normal} table {border-collapse: collapse;border-spacing: 0} input, select, textarea {font-size: 12px;color: #444;font-family: arial, "Microsoft Yahei", sans-serif;outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box} button, input[type=button], input[type=reset], input[type=submit], select {-webkit-appearance: none;-moz-appearance: none;appearance: none} button, input[type=button], input[type=reset], input[type=submit] {cursor: pointer} input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus {background: #fff;border: 1px solid #bbb} .false:focus {border: 2px solid #ff1531;background: #fff} ::-webkit-input-placeholder {color: #999} ::-moz-placeholder {color: #999} :-ms-input-placeholder {color: #999} ::-ms-clear, ::-ms-reveal {display: none} .fix {*zoom: 1} .fix:after, .fix:before {display: block;content: "";height: 0;clear: both} .c {clear: both} .col-l, .l {float: left} .col-r, .r {float: right} .ani, a {-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} img {transition-duration: 2s;transition-property: transform;transition-timing-function: cubic-bezier(.165, .84, .44, 1);will-change: transform} .unselect {-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none} .wp {width: 92%;max-width: 1440px;margin: 0 auto} .wp1 {width: 92%;max-width: 1200px;margin: 0 auto} .wp2 {width: 92%;max-width: 1000px;margin: 0 auto} .h50 {height: 50px;clear: both;overflow: hidden} .h100 {height: 100px;clear: both;overflow: hidden} @font-face { font-family: Regular; src: url(../fonts/Current-Regular.otf) } .header {position: fixed;left: 0;top: 0;width: 100%;z-index: 99;padding: 20px 0;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .header.open,.header.fixed {background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);} .hd-r {position: absolute;right: 0;top: 0;display: -webkit-flex;display: flex;align-items: center} .header .logo {display: block;height: 60px} .header .logo img {height: 100%} .header .logo img.black {display: block;height: 100%} .header .logo img.white {display: none} .header.open .logo img.white,.header.fixed .logo img.white {display: block} .header.open .logo img.black,.header.fixed .logo img.black {display: none} .header-nav {display: flex;align-items: center;line-height: 100px;flex-shrink: 0} .header-nav > li {position: relative;height: 100px;display: -webkit-flex;display: flex;align-items: center} .two-level {position: absolute;width: 420px;border-radius: 32px;overflow: hidden;display: none;top: 100%;padding-top: 10px;left: 50%;margin-left: -210px;} .two-level .img img {display: block;width: 100%;border-radius: 32px} .two-level .img {overflow: hidden;background-color: #fff;border-radius: 32px 32px 0 0} .two-level .links {padding: 10px 30px;display: -webkit-flex;display: flex;align-items: center;flex-wrap: wrap;line-height: 26px;background-color: #fff} .two-level .links a { white-space: nowrap; font-size: 16px;color: #333;line-height: 26px;position: relative;padding-left: 10px} .two-level .links dd {flex: 1 0 50%; padding: 15px 0} /* .header-nav li:nth-child(3) .two-level .links{ display: block; } .header-nav li:nth-child(3) .two-level .links dd{ width: 100%; } */ .two-level .links a span {position: relative;z-index: 1} .two-level .links a::after {content: "";position: absolute;left: 0;top: 50%;height: 16px;margin-top: -8px;width: 6px;background: -moz-linear-gradient(left, rgba(43, 70, 223, .8) 0, rgba(43, 70, 223, 0) 100%);background: -webkit-linear-gradient(left, rgba(43, 70, 223, .8) 0, rgba(43, 70, 223, 0) 100%);background: -o-linear-gradient(left, rgba(43, 70, 223, .8) 0, rgba(43, 70, 223, 0) 100%);background: -ms-linear-gradient(left, rgba(43, 70, 223, .8) 0, rgba(43, 70, 223, 0) 100%);background: linear-gradient(to right, rgba(43, 70, 223, .8) 0, rgba(43, 70, 223, 0) 100%);-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .two-level .links a:hover {color: #304ffe} .two-level .links a:hover::after {width: 100%} .header-nav > li > a {color: #000;font-weight: 700;display: block;font-size: 16px;line-height: 24px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;margin: 0 30px} .header-nav > li > a:hover {color: #304ffe} .header-nav > li > a::after {content: '';background: rgba(48, 79, 254, .8);position: absolute;bottom: 0;left: 0;height: 10px;background: -moz-linear-gradient(left, rgba(48, 79, 254, .8) 0, transparent 100%);background: -webkit-linear-gradient(left, rgba(48, 79, 254, .8) 0, transparent 100%);background: -o-linear-gradient(left, rgba(48, 79, 254, .8) 0, transparent 100%);background: -ms-linear-gradient(left, rgba(48, 79, 254, .8) 0, transparent 100%);background: linear-gradient(to right, rgba(48, 79, 254, .8) 0, transparent 100%);-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;width: 0; z-index: -1; } .header-nav > li.on > a {color: #304ffe} .header-nav > li.on > a::after, .header-nav > li:hover > a::after {width: 100%} .hd-lang {flex-shrink: 0;margin-left: 50px;background: url(../images/nav-bg2.png) center no-repeat;display: -webkit-flex;display: flex;justify-content: center;align-items: center} .hd-lang a {color: #fff;padding: 0 40px;font-size: 14px;line-height: 100px;position: relative} .hd-lang a::after {content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 54px;background: url(../images/line1.png) center no-repeat;margin-top: -27px} .hd-lang a:last-child::after {display: none} .menuBtn {position: relative;z-index: 9;display: none;float: right;width: 26px;cursor: pointer;height: 24px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s} .menuBtn b {display: block;height: 3px;width: 100%;background-color: #304ffe;margin: 5px 0;border-radius: 2px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px} .menuBtn b:last-child {margin-bottom: 0} .menuBtn.open b {opacity: 0;position: absolute} .menuBtn.open b:first-child {left: 0;top: 0;opacity: 1;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);transform-origin: 0 0} .menuBtn.open b:last-child {opacity: 1;left: -2px;bottom: -2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform-origin: 0 0;-moz-transform: rotate(-45deg)} .footer {background: url(../images/i-bg2.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative} .fd-box {position: relative;padding: 55px 0 55px 320px} .fd-box .left {position: absolute;left: 0;top: -20px;bottom: 0;background-color: #fff;padding: 0 50px;display: -webkit-flex;display: flex;justify-content: center;align-items: center} .fd-logo img {display: block;width: 154px;margin: 0 auto 60px;} .fd-logo .link {position: relative} .fd-logo .link .tit {display: block;width: 120px;line-height: 40px;border-radius: 100px;border: 2px solid #000;text-align: center;margin: 0 auto} .fd-logo .link span {display: inline-block;padding-right: 18px;background: url(../images/jt-b-b.svg) center right no-repeat;-webkit-background-size: 10px;-moz-background-size: 10px;-o-background-size: 10px;background-size: 10px} .g-pop-list {position: absolute;left: 50%;width: 160px;margin-left: -80px;height: 160px;bottom: 52px;-moz-box-shadow: 0 0 35px rgba(144, 164, 174, .25);-webkit-box-shadow: 0 0 35px rgba(144, 164, 174, .25);box-shadow: 0 0 35px rgba(144, 164, 174, .25);border-radius: 16px;overflow-y: auto;text-align: center;background-color: #fff;display: none;z-index: 6} .g-pop-list::-webkit-scrollbar {width: 5px} .g-pop-list::-webkit-scrollbar-thumb {background-color: #304ffe;border-radius: 5px} .g-scrollbar::-webkit-scrollbar {width: 5px} .g-scrollbar::-webkit-scrollbar-thumb {background-color: #304ffe;border-radius: 5px} .g-pop.yuan .con .des::-webkit-scrollbar {width: 5px} .g-pop.yuan .con .des::-webkit-scrollbar-thumb {background-color: #304ffe;border-radius: 5px} .g-pop-list li {padding: 0 20px} .g-pop-list li a {display: block;line-height: 54px;border-bottom: 1px solid #e9e9e9;font-size: 14px;color: #333} .g-pop-list li:last-child a {border: none} .g-pop-list li a:hover {color: #304ffe} .fd-box .right .top {padding-bottom: 25px;margin-bottom: 30px;display: -webkit-flex;display: flex;justify-content: space-between;background: url(../images/line2.png) bottom center no-repeat} .fd-box .right dt {font-size: 16px;color: #1e1e1e;line-height: 26px;margin-bottom: 20px;position: relative;font-weight: 700} .fd-box .right dt::after {background: -moz-linear-gradient(left, rgba(48, 79, 254, .8) 0, transparent 80%);background: -webkit-linear-gradient(left, rgba(48, 79, 254, .8) 0, transparent 80%);background: -o-linear-gradient(left, rgba(48, 79, 254, .8) 0, transparent 80%);background: -ms-linear-gradient(left, rgba(48, 79, 254, .8) 0, transparent 80%);background: linear-gradient(to right, rgba(48, 79, 254, .8) 0, transparent 80%);content: "";position: absolute;left: 0;bottom: 0;height: 10px;width: 100%;border-radius: 5px;z-index: -1;} .fd-box .right dd a {display: block;font-size: 14px;color: #333;line-height: 24px;margin-bottom: 10px} .fd-box .right dd a:hover {color: #304ffe} .fd-box .right dd .ewm {font-size: 12px;color: #333;line-height: 22px} .fd-box .right dd .ewm .img { width: 120px; height: 120px; padding: 5px;background-color: #e9e9e9;border-radius: 12px;overflow: hidden;margin-bottom: 5px} .fd-box .right dd .ewm .img img { display: block; width: 100%; height: 100%; } .fd-box .right .bot .email {font-size: 36px;color: #304ffe;font-family: BEBAS;margin-bottom: 15px;line-height: 46px;position: relative;display: inline-block;padding-bottom: 5px} .fd-box .right .bot .email::after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;background-color: rgba(48, 79, 254, .8)} .fd-box .right .bot .email:hover::after {width: 100%} .fd-box .right .bot .prov {font-size: 16px;color: #333;font-weight: 700;line-height: 26px} .fd-box .right .bot .street {margin-bottom: 20px;font-size: 14px;line-height: 24px} .fd-box .right .bot .tel {font-weight: 700;font-size: 16px;line-height: 26px;color: #333;font-family: BEBAS} .copyright {text-align: center;background-color: #151515;font-size: 14px;color: #fff;line-height: 24px;padding: 28px 0} .copyright a {color: #fff} .copyright a:hover {text-decoration: underline;margin-left: 10px} .gotop {width: 100px;height: 100px;position: absolute;bottom: 0;right: 0;margin-left: 600px;z-index: 88;background-color: #304ffe;color: #fff;text-align: center;font-size: 12px;flex-direction: column;display: -webkit-flex;display: flex;justify-content: center;align-items: center} .gotop img {display: block;margin-bottom: 4px;width: 26px} .gotop:hover {color: #fff} @font-face { font-family: HarmonyOS; src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf) } @font-face { font-family: BEBAS; src: url(../fonts/BEBAS.otf) } @font-face { font-family: HarmonyOSB; src: url(../fonts/HarmonyOS_Sans_SC_Bold.ttf) } body {font-family: HarmonyOS} .swi-index1 .in, .swi-index1 .out {overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: transform 0s cubic-bezier(.3, .1, .3, 1) .75s;will-change: transform} .swi-index1 .out {transform: translateX(100%)} .swi-index1 .in {transform: translateX(-100%)} .swi-index1 img {transition: transform 0s cubic-bezier(.3, .1, .3, 1) .75s;transform: scale(1.1) translateZ(0);will-change: transform} .swi-index1 .swiper-slide-active {z-index: 1} .swi-index1 .swiper-slide-active .in, .swi-index1 .swiper-slide-active .out {transform: none;transition: transform .75s cubic-bezier(.3, .1, .3, 1) 0s} .swi-index1 .img-inner {height: 100%} .swi-index1 .swiper-slide-active img {transition: transform 5s cubic-bezier(.3, .1, .3, 1) 0s;transform: scale(1) translateZ(0)} @keyframes process { 0% {width: 0} 100% {width: 100%} } @keyframes rotate { 0% {-ms-transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0)} 100% {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)} } .swi-index1 {position: relative;overflow: hidden;height: 100vh} .swi-index1 .dots.swiper-pagination-bullets {position: absolute;left: 0;bottom: 40px;width: 100%;text-align: center;z-index: 29} .swi-index1 .dots.swiper-pagination-bullets .swiper-pagination-bullet {width: 120px;height: 5px;margin: 0 10px;background-color: rgba(255, 255, 255, .5);border-radius: 0;position: relative;opacity: 1} .swi-index1 .dots.swiper-pagination-bullets .swiper-pagination-bullet-active.swiper-pagination-bullet {background-color: rgba(255, 255, 255, .5)} .swi-index1 .dots.swiper-pagination-bullets .swiper-pagination-bullet-active.swiper-pagination-bullet::after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background-color: #304ffe;-webkit-animation: process 6s ease-in-out 4 alternate;-o-animation: process 6s ease-in-out 4 alternate;animation: process 6s ease-in-out 4 alternate} .swi-index1 img {display: block;width: 100%;transition: transform 0s cubic-bezier(.3, .1, .3, 1) .75s;transform: scale(1.1) translateZ(0);will-change: transform;height: 100%} .swi-index1 .swiper-slide-active .txt {opacity: 1;-ms-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)} .swi-index1 .txt {-ms-transition: 2s;-moz-transition: 2s;-webkit-transition: 2s;-o-transition: 2s;transition: 2s;position: absolute;left: 50%;margin-left: -600px;top: 50%;margin-top: -100px;opacity: 0;transition-delay: .3s;-ms-transform: translateY(20px);-moz-transform: translateY(20px);-webkit-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px)} .swi-index1 .txt p {font-size: 36px;color: #333;line-height: 34px} .swi-index1 .txt h2 { font-family: HarmonyOSB; font-size: 68px;color: #1e1e1e;font-weight: 400;line-height: 88px;margin: 20px 0 50px} .swi-index1 .txt a {margin: 0} .g-btn1 {display: block;width: 160px;line-height: 60px;border-radius: 18px;background-color: #304ffe;color: #fff;font-size: 14px;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;margin: 0 auto;text-align: center;border: 1px solid #304ffe} .g-btn1.btn2 {background-color: transparent;border-color: #fff} .g-btn1.btn2:hover {border-color: #223dd6} .g-btn1.btn3 {width: auto;padding: 0 18px;display: inline-block} .g-btn1.btn3 span {padding-right: 65px;background: url(../images/jt-r-w2.svg) center right 5px no-repeat;-webkit-background-size: 24px;-moz-background-size: 24px;-o-background-size: 24px;background-size: 24px} .g-btn1 span {display: inline-block;padding-right: 33px;background: url(../images/jt-r-w.svg) center right 5px no-repeat;-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .g-btn1:hover {background-color: #223dd6;color: #fff;} .g-btn1:hover span{ background-position: right center; } .index-list1 {display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin: 80px -10px 100px} .index-list1 li.a1 a:hover .txt, .index-list1 li.a3 a:hover .txt {margin-top: -110px} .index-list1 li.a3 a:nth-child(2):hover .txt{ margin-top: -145px; } .index-list1 li a {display: block;position: relative;margin: 0 10px 20px;z-index: 2;} .index-list1 li a:hover .txt2 {margin-top: -30px} .index-list1 li a:hover .txt p {opacity: 1;-ms-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)} .index-list1 li a:hover .txt .g-btn1 {opacity: 1;-ms-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)} .index-list1 li a img {display: block;width: 100%;border-radius: 26px} .index-list1 li a .txt {position: absolute;left: 60px;top: 50%;margin-top: -20px;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s} .index-list1 li a .txt h3 { display: flex; align-items: baseline; font-size: 24px;color: #1e1e1e;line-height: 40px;font-weight: 400} .index-list1 li a .txt h3 span {font-weight: 700;padding-left: 26px;display: inline-block;vertical-align: bottom;background: url(../images/tit-ico1.svg) left top 12px no-repeat;-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px;font-size: 36px;margin-right: 12px} .index-list1 li a .txt p {font-size: 16px;color: #78909c;line-height: 34px;margin: 25px auto;opacity: 0;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;max-width: 500px} .index-list1 li a .txt .g-btn1 {opacity: 0;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;margin: 0} .index-list1 li.a1 {width: 100%} .index-list1 li.a1 a .txt {left: 60px;top: 50%;margin-top: -20px} .index-list1 li.a2 {width: 33%} .index-list1 li.a2 .txt {top: 60px;margin-top: 0;left: 0;width: 100%;text-align: center;padding: 0 50px} .index-list1 li.a2 .txt .g-btn1 {margin: 0 auto} .index-list1 li.a2 .txt h3, .index-list1 li.a5 .txt h3, .index-list1 li.a6 .txt h3{ justify-content: center; } .index-list1 li.a3 a:nth-child(2) .txt{ text-align: right; } .index-list1 li.a3 a:nth-child(2) .g-btn1{ float: right; } .index-list1 li.a3 a:nth-child(2) .txt h3{ justify-content: flex-end; } .index-list1 li.a3 {width: 67%} .index-list1 li.a3 a:nth-child(2) .txt {right: 60px;left: auto} .index-list1 li.a5 {width: 50%} .index-list1 li.a5 .txt {top: 60px;margin-top: 0;left: 0;width: 100%;text-align: center;padding: 0 50px} .index-list1 li.a5 .txt h3 {color: #fff} .index-list1 li.a5 .txt h3 span {background: url(../images/tit-ico2.svg) left center no-repeat;-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px} .index-list1 li.a5 .txt p {color: #fff} .index-list1 li.a5 .txt .g-btn1 {margin: 0 auto} .index-tit1 {margin-bottom: 75px;text-align: center} .index-tit1.white h3 {color: #fff} .index-tit1.white h3 span {color: #fff} .index-tit1.white p {color: #fff} .index-tit1 h3 {font-size: 36px;color: #1e1e1e;line-height: 46px;font-weight: 700;margin-bottom: 22px} .index-tit1 h3 span {font-weight: 400;padding-left: 26px;display: inline-block;vertical-align: bottom;background: url(../images/tit-ico1.svg) left center no-repeat;-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px;font-size: 36px;color: #304ffe} .index-tit1 p {font-size: 16px;color: #78909c;line-height: 26px} .mo-swiper1 {display: none} .index-news {display: -webkit-flex;display: flex;align-items: center;justify-content: center;margin-bottom: 115px} .index-news .left { flex-shrink: 0;width: 50%;margin-right: 80px;padding-right: 100px;position: relative;background-color: #fff;z-index: 1} .index-news .left::after {content: "";position: absolute;right: 0;bottom: 0;height: 710px;border-radius: 0 26px 26px 0;left: -999px;z-index: 2;} /* .index-news .left::after {content: "";position: absolute;right: 0;bottom: 0;height: 710px;background-color: #f9f9f9;border-radius: 0 26px 26px 0;left: -999px;z-index: 2;} */ .index-news .left:before{ content: ''; position: absolute; left: 100%; top: 0; bottom: 0; width: 80px; background: #ffffff; z-index: 2; } .index-news .left .img { display: block; position: relative;z-index: 3} .index-news .left .img::after {content: "";position: absolute;top: 150px;width: 17px;height: 170px;background: url(../images/new-word.png) top center no-repeat;right: -40px} .index-news .left .img .pic {overflow: hidden} .index-news .left .img img {display: block;width: 100%;border-radius: 30px} .index-news .left .img i {position: absolute;left: 10px;top: 10px;width: 100px;line-height: 40px;border-radius: 40px;background: -moz-linear-gradient(left, #2b46df 0, #232b58 100%);background: -webkit-linear-gradient(left, #2b46df 0, #232b56 100%);background: -o-linear-gradient(left, #2b46df 0, #232b56 100%);background: -ms-linear-gradient(left, #2b46df 0, #232b56 100%);background: linear-gradient(to right, #2b46df 0, #232b56 100%);color: #fff;text-align: center;font-size: 16px} .index-news .left .txt {padding: 25px 0 55px;position: relative;z-index: 3} .index-news .left .txt span {font-size: 14px;color: #78909c;line-height: 24px;display: block} .index-news .left .txt .tit {font-size: 24px;color: #1e1e1e;line-height: 34px;font-weight: 700;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 10px 0 15px} .index-news .left .txt .tit:hover {color: #304ffe} .index-news .left .txt p {font-size: 16px;color: #607d8b;line-height: 30px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 60px} .index-news .right {flex-grow: 1;position: relative;z-index: 0;width: calc(50% - 80px);} .index-news-box {overflow: hidden} .swiper-index1 .img {border-radius: 30px;position: relative;overflow: hidden;padding-top: 100%;display: block;margin-bottom: 35px;z-index: 2} .swiper-index1 .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%} .swiper-index1 .tit {font-size: 20px;color: #1e1e1e;line-height: 36px;font-weight: 700;height: 72px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .swiper-index1 .tit:hover {color: #304ffe} .swiper-index1 p {font-size: 16px;color: #607d8b;line-height: 30px;height: 60px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 15px 0} .swiper-index1 span {font-size: 14px;color: #607d8b;line-height: 24px} .swiper-index1 .jt {position: absolute;right: 0;top: -90px;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .swiper-index1 .jt a {width: 50px;height: 50px;border-radius: 18px;background-color: #f9f9f9;background-repeat: no-repeat;background-position: center;-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px} .swiper-index1 .jt a:hover {background-color: #304ffe} .swiper-index1 .jt .stop {margin: 0 8px;background-image: url(../images/menu.svg)} .swiper-index1 .jt .stop:hover {background-image: url(../images/menu-w.svg)} .swiper-index1 .jt .prev {background-image: url(../images/jt-l-l.png)} .swiper-index1 .jt .prev:hover {background-image: url(../images/jt-l-w.png)} .swiper-index1 .jt .next {background-image: url(../images/jt-r-l.svg)} .swiper-index1 .jt .next:hover {background-image: url(../images/jt-r-w.svg)} .swiper-index1 .dots.swiper-pagination-bullets {position: absolute;left: 0;bottom: -130px;width: 100%;text-align: center} .swiper-index1 .dots.swiper-pagination-bullets .swiper-pagination-bullet {width: 35px;height: 5px;margin: 0 10px;background-color: #e9e9e9;border-radius: 0} .swiper-index1 .dots.swiper-pagination-bullets .swiper-pagination-bullet-active.swiper-pagination-bullet {background-color: #304ffe} .index-about {padding: 135px 0;background: url(../images/i-bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .index-about .wp {display: -webkit-flex;display: flex;align-items: flex-start;justify-content: center} .index-about .txt {flex-shrink: 0;width: 470px;margin-right: 100px} .index-about .index-tit1 {text-align: left} .index-about .index-tit1 h3 {color: #fff} .index-about .index-tit1 p {color: #fff} .index-about .index-tit1 .g-btn1 {margin: 50px 0 0} .index-about .img {flex-grow: 1;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 65px} .index-about .img li {height: 70px;width: 190px;margin-bottom: 50px;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .index-about .img img {max-width: 80%} .ban-inner {position: relative;overflow: hidden} .ban-inner .bg {display: block;width: 100%} .ban-inner .txt {position: absolute;left: 0;bottom: -20px;width: 100%;z-index: 1} .ban-inner .txt .wp {display: -webkit-flex;display: flex;align-items: center;justify-content: space-between} .ban-inner .txt h1 {font-size: 160px;font-family: BEBAS;color: #fff;line-height: 1;flex-shrink: 0} .m-cur {display: -webkit-flex;display: flex;align-items: center;justify-content: flex-end;margin-top: -40px;position: relative;z-index: 2} .m-cur .cur {background-color: #304ffe;color: #fff;font-size: 14px;line-height: 60px;padding: 0 20px;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .m-cur .cur a {color: #fff;display: inline-block;vertical-align: middle;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .m-cur .cur span {display: inline-block;vertical-align: middle;max-width: 155px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden} .rel-part1 {padding: 78px 0 50px;font-size: 16px;color: #78909c;line-height: 36px;text-align: center;position: relative;z-index: 22;} .rel-part1 p {padding: 0 150px} .i-tit1 {text-align: center;background-color: #304ffe;border-radius: 40px;margin-bottom: 50px;position: relative} .i-tit1 .top {background: url(../images/inner-bg1.png) top center no-repeat;padding: 40px 0 38px;border-radius: 28px;overflow: hidden} .i-tit1 .top span {display: block;font-size: 14px;line-height: 24px;color: #304ffe;margin-bottom: 10px} .i-tit1 .top h3 {font-size: 36px;color: #333;line-height: 46px;display: inline-block;padding-left: 28px;background: url(../images/tit-ico1.svg) left center no-repeat;-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px} .i-tit1 .mark {line-height: 60px;text-align: center;color: #fff} .i-tit1 .mark .date {display: inline-block;vertical-align: middle;font-size: 16px;padding-right: 20px;margin-right: 20px;line-height: 20px;border-right: 1px solid #fff} .i-tit1 .mark .share {font-size: 14px;display: inline-block;vertical-align: middle;overflow: hidden;} .i-tit1 .mark .share a:hover {opacity: .8} .i-tit1 .share .bdsharebuttonbox{ display: inline-block;vertical-align: middle; } .i-tit1 .share .bdsharebuttonbox a{ width: 20px; height: 20px; margin-left: 20px; background-repeat: no-repeat; background-position: center center; } .i-tit1 .share .bdsharebuttonbox a.bds_weixin{ background-image: url(../images/wx-w.svg); } .i-tit1 .share .bdsharebuttonbox a.bds_linkedin{ background-image: url(../images/link.svg); } .i-tit1 .share .bdsharebuttonbox a.bds_tsina{ background-image: url(../images/wb.svg); } .i-tit1 .share .bdsharebuttonbox a.bds_sqq{ background-image: url(../images/qq-w.svg); } .bd_weixin_popup{ -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; } .i-tit1 .g-pop-list {top: 105%;width: 280px;bottom: auto;margin-left: -140px;height: auto;} .change-list{ width: 280px; margin: 0 auto; } .i-tit1 .change {line-height: 60px;display: block;text-align: center;} .i-tit1 .change span {display: inline-block;color: #fff;padding-right: 26px;background: url(../images/change.svg) right center no-repeat;-webkit-background-size: 16px;-moz-background-size: 16px;-o-background-size: 16px;background-size: 16px;cursor: pointer;} .rel-list1 {padding-bottom: 80px} .rel-list1 li {margin-bottom: 40px;display: -webkit-flex;display: flex;align-items: center;} .rel-list1 li:hover .txt .g-btn1 {opacity: 1;margin-top: 50px} .rel-list1 li:nth-child(2n) {flex-direction: row-reverse} .rel-list1 li:nth-child(2n) img {margin-right: 0;margin-left: 60px} .rel-list1 li .img { position: relative; z-index: 2; flex: 0 0 600px; margin-right: 60px;border-radius: 26px;overflow: hidden} .rel-list1 li .img:hover img {-ms-transform: scale(1.08);-moz-transform: scale(1.08);-webkit-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08)} .rel-list1 li img {display: block;width: 100%} .rel-list1 li .txt h3 {font-size: 32px;color: #333;line-height: 42px;padding-bottom: 20px;position: relative;margin-bottom: 20px} .rel-list1 li .txt h3::after {content: "";position: absolute;left: 0;bottom: 0;width: 25px;height: 5px;background-color: #78909c} .rel-list1 li .txt p {font-size: 16px;color: #78909c;line-height: 36px} .rel-list1 li .txt .g-btn1 {margin-top: 70px;opacity: 0} .rel-content {font-size: 16px;color: #78909c;line-height: 2.2;text-align: center;width: 1000px;margin: 0 auto 50px} .rel-content h2 {text-align: center;font-size: 32px;color: #333;line-height: 42px;position: relative;font-weight: 700} /* .rel-content h2::after {content: "";position: absolute;left: 50%;bottom: 0;width: 25px;height: 5px;background-color: #607d8b;margin-left: -12px} */ .rel-content h2::after {position: absolute;left: 50%;bottom: 0;width: 25px;height: 5px;background-color: #607d8b;margin-left: -12px} .rel-content h3 {font-size: 24px;color: #304ffe;line-height: 1.7;margin-bottom: 20px;font-weight: 700} .rel-content img {display: block;margin: 30px auto} .about-part1 {padding: 100px 0;font-size: 16px;color: #78909c;line-height: 34px} .about-part1 .index-tit1 h3 span {color: #1e1e1e} .about-part1 .con {width: 75%;margin: 0 auto;margin-bottom: 6px} .about-part1 .con p {margin-bottom: 38px} /* .about-part1 .pic {display: block;margin-bottom: 65px} */ .about-part1 .pic {display: block} .about-part1 .pic img {display: block;width: 100%} .about-list1 {display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;padding: 0 200px;margin-bottom: 50px} .about-list1 li {text-align: center;min-width: 160px} .about-list1 li h3 { font-weight: normal; font-size: 14px; line-height: 1; margin-bottom: 10px; color: #aeaeae;font-family: BEBAS; display: flex; justify-content: center; align-items: baseline; } .about-list1 li h3 span {font-size: 86px;color: #304ffe; width: 125px; text-align: center;display: inline-block;} .about-list1 li:nth-child(2) h3 span{ width: 95px; } .about-list1 li:nth-child(3) h3 span{ width: 50px; } .about-list1 li h3 em { font-size: 20px;color: #304ffe;margin-right: 8px} .about-list2 {display: -webkit-flex;display: flex;align-items: center;justify-content: center;margin: 0 -30px} .about-list2 li {width: 33.33%} .about-list2 li .item { position: relative; margin: 0 30px;display: block; height: 490px; } .front-side, .back-side { height: 100%; border-radius: 26px;padding: 20px;overflow: hidden;background: #f9f9f9 url(../images/a-bg1.png) top right no-repeat; color: #1E1E1E; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .front-side { position: relative; z-index: 2; } .back-side { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotateY(180deg); z-index: 1; } .about-list2 li .item .tit {padding: 10px 0 25px;margin: 0 0 30px;border-bottom: 1px solid #dedede} .about-list2 li .item .tit em {display: block;font-size: 16px;color: #333;line-height: 26px;font-family: BEBAS;margin-bottom: 8px;text-transform: uppercase} .about-list2 li .item .tit h3 {font-size: 30px;color: #182027;line-height: 40px} .about-list2 li .item .bot {font-size: 16px;color: #78909c;line-height: 36px} .about-list2 li .item .bot p {height: 108px;display: -webkit-box;display: block;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .about-list2 li .item .bot .img { position: absolute; bottom: 20px; left: 20px; display: -webkit-flex;display: flex;align-items: flex-end;justify-content: space-between} .about-list2 li .item .bot img {display: block;position: relative;} .about-list2 li .item .bot .btn { position: absolute; bottom: 20px; right: 20px; width: 64px;height: 64px;border-radius: 64px;flex-shrink: 0;background-repeat: no-repeat;background-position: center;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .about-list2 li .item .bot .jump {border: 1px solid #607d8b;;background-image: url(../images/a-dian.png);} .about-list2 li .item:hover .bot .jump {background-image: url(../images/a-dian-on.png);background-color: #607d8b} .about-list2 li .item .bot .back { background-image: url(../images/jt-l-w.png);background-color: #304ffe} .about-list2 li.js-card .front-side { transform: rotateY(180deg); } .about-list2 li.js-card .back-side { transform: rotateY(360deg); z-index: 3; } .about-list2 li .item .back-side .tit h3{ color: #304ffe; } body {overflow-x: hidden} .about-part2 {background: url(../images/a-bg2.jpg) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;width: 100%;display: -webkit-flex;display: flex;justify-content: center;padding: 100px 0 60px 18.75%;background-attachment: fixed} .about-part2 .index-tit1 {text-align: left} .about-part2 .g-pop-list {bottom: auto;top: 100%;margin-top: 10px} .about-part2 .g-btn1 {margin: 0 0 20px;position: relative;cursor: pointer} .about-part2 .g-btn1.btn2 span {background-image: url(../images/jt-b-w.svg);-webkit-background-size: 14px;-moz-background-size: 14px;-o-background-size: 14px;background-size: 14px} .about-part2 .left {flex-shrink: 0;width: 335px;margin-right: 105px} .about-part2 .right {flex-grow: 1;overflow: hidden} .swiper-about1 {padding-top: 80px;padding-bottom: 70px;position: relative} .swiper-about1 .prev {background-image: url(../images/jt-l-l.png)} .swiper-about1 .prev:hover {background-image: url(../images/jt-l-w.png)} .swiper-about1 .next {background-image: url(../images/jt-r-l.svg)} .swiper-about1 .next:hover {background-image: url(../images/jt-r-w.svg)} .swiper-about1 .jt {position: absolute;left: 0;top: 0;width: 100%;display: -webkit-flex;display: flex;align-items: center;justify-content: center;padding-left: 290px} .swiper-about1 .jt div {width: 50px;height: 50px;border-radius: 16px;background-color: #fff;background-repeat: no-repeat;background-position: center;-webkit-background-size: 16px;-moz-background-size: 16px;-o-background-size: 16px;background-size: 16px;margin: 0 10px;cursor: pointer} .swiper-about1 .jt div:hover {background-color: #304ffe} .swiper-about1 .dots.swiper-pagination-progressbar {position: absolute;left: 0;bottom: 0;width: 600px;text-align: center;top: auto;background-color: rgba(255, 255, 255, .5);height: 5px} .swiper-about1 .dots.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #304ffe} .swiper-about1 .imgtxt {position: relative;border-radius: 28px;overflow: hidden;background-color: #fff} .swiper-about1 .imgtxt i {position: absolute;left: 20px;top: 20px;width: 120px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;font-weight: 700;background: -moz-linear-gradient(left, #3249ef 0, rgba(50, 73, 239, .2) 100%);background: -webkit-linear-gradient(left, #3249ef 0, rgba(255, 73, 239, .2) 100%);background: -o-linear-gradient(left, #3249ef 0, rgba(255, 73, 239, .2) 100%);background: -ms-linear-gradient(left, #3249ef 0, rgba(255, 73, 239, .2) 100%);background: linear-gradient(to right, #3249ef 0, rgba(255, 73, 239, .2) 100%);border-radius: 40px;z-index: 2;} .swiper-about1 .imgtxt .pic{ position: relative; padding-top: 55.77%; overflow: hidden; } .swiper-about1 .imgtxt .pic img { position: absolute;width: 100%;height: 100%;top: 0;left: 0; } .swiper-about1 .imgtxt:hover .pic img{ -ms-transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } .swiper-about1 .imgtxt .txt {height: 280px;padding: 0 20px;margin: 20px 0;background-color: #fff;overflow-y: auto} .swiper-about1 .imgtxt .txt p {padding-left: 20px;font-size: 14px;color: #607d8b;line-height: 30px;background: url(../images/tit-ico1.svg) top 10px left no-repeat;-webkit-background-size: 8px;-moz-background-size: 8px;-o-background-size: 8px;background-size: 8px} .about-part3 {padding: 90px 0 80px} .index-tit1.black {margin-bottom: 35px} .index-tit1.black h3 span {color: #333} .swiper-about2 {padding-bottom: 20px;position: relative;overflow: hidden} .swiper-about2 .img {height: 160px;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .swiper-about2 .img img {max-width: 80%;max-height: 80%} .swiper-about2 .dots.swiper-pagination-progressbar {position: absolute;left: 50%;bottom: 0;width: 600px;margin-left: -300px;text-align: center;top: auto;background-color: #e9e9e9;height: 5px} .swiper-about2 .dots.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #304ffe} .about-part4 {display: -webkit-flex;display: flex;align-items: center;justify-content: center;margin: 0 -20px 120px} .about-part4 li {width: 50%;flex-shrink: 0} .about-part4 li a {display: block;margin: 0 20px;background-color: #f9f9f9;padding: 0 20px;line-height: 120px;border-radius: 18px;background-repeat: no-repeat;background-position: left 10px center;background-image: url(../images/dianzhen2.svg);-webkit-background-size: 100px;-moz-background-size: 100px;-o-background-size: 100px;background-size: 100px} .about-part4 li a span {font-size: 20px;color: #1e1e1e;display: block;font-weight: 700;background-repeat: no-repeat;background-position: right center;background-image: url(../images/jt-r-h.svg);-webkit-background-size: 24px;-moz-background-size: 24px;-o-background-size: 24px;background-size: 24px} .about-part4 li a:hover {background-image: url(../images/dianzhen.svg);background-color: #304ffe} .about-part4 li a:hover span {background-image: url(../images/jt-r-w2.svg);color: #fff} .news-part1 {padding: 64px 0 80px} .index-tit1.more {display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 1} .index-tit1.more h3 {flex-shrink: 0} .index-tit1.more .tab {display: -webkit-flex;display: flex;align-items: center;justify-content: center} .index-tit1.more .tab > li {margin-left: 20px;position: relative} .index-tit1.more .tab li .g-pop-list {top: 100%;margin-top: 10px} .index-tit1.more .tab li.show > a, .index-tit1.more .tab li.active a, .index-tit1.more .tab li:hover > a{ background-color: #304ffe;color: #fff } .index-tit1.more .tab li:hover > a span, .index-tit1.more .tab li.show > a span{ background-image: url(../images/jt-b-w.svg); } .g-btn1.default {background-color: #f9f9f9;color: #304ffe;border-color: #f9f9f9} .g-btn1.default span {background-image: url(../images/jt-b-l.svg);-webkit-background-size: 10px;-moz-background-size: 10px;-o-background-size: 10px;background-size: 10px} .g-btn1.default:hover {background-color: #304ffe;color: #fff} .g-btn1.default:hover span {background-image: url(../images/jt-b-w.svg)} .news-list1 {padding-bottom: 30px} .news-list1 li {display: -webkit-flex;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;border-radius: 26px} .news-list1 li:hover {background-color: #fff;-moz-box-shadow: 0 0 36px rgba(120, 144, 156, .15);-webkit-box-shadow: 0 0 36px rgba(120, 144, 156, .15);box-shadow: 0 0 36px rgba(120, 144, 156, .15)} .news-list1 li:hover .txt .tit {color: #304ffe} .news-list1 li:hover .txt .down {opacity: 1} .news-list1 li:hover .date {background-color: #304ffe;color: #fff} .news-list1 li .date {width: 120px;height: 120px;border-radius: 28px;background-color: #f9f9f9;display: -webkit-flex;display: flex;align-items: center;justify-content: center;text-align: center;color: #78909c;font-family: BEBAS;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;flex-direction: column} .news-list1 li .date em {width: 100%;font-size: 42px;line-height: 52px} .news-list1 li .date span {font-size: 16px;line-height: 26px} .news-list1 li .txt {flex-grow: 1;padding: 0 30px;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between} .news-list1 li .txt .l {flex-grow: 1;width: 800px} .news-list1 li .txt .r {flex-shrink: 0} .news-list1 li .txt .tit {font-size: 20px;display: block;margin-bottom: 10px;line-height: 30px;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden} .news-list1 li .txt p {font-size: 14px;color: #78909c;line-height: 24px} .news-list1 li .txt .down {padding-left: 28px;background-repeat: no-repeat;background-position: 0 center;background-image: url(../images/down.svg);-webkit-background-size: 17px;-moz-background-size: 17px;-o-background-size: 17px;background-size: 17px;color: #304ffe;opacity: 0} .g-more {text-align: center;width: 120px;line-height: 40px;border: 2px solid #304ffe;color: #304ffe;text-align: center;font-size: 14px;border-radius: 16px;margin: 0 auto;display: block} .g-more:hover {background-color: #304ffe;color: #fff} .addr-part1 {padding: 70px 0 40px} .addr-part1 .addr {font-size: 16px;color: #78909c;line-height: 26px;text-align: center} .addr-part1 .addr em {font-weight: 700} .addr-part1 .addr .map {display: block;width: 100%;margin-top: 40px;height: 650px} .addr-part1 .addr p {margin-bottom: 20px} .addr-list1 {margin: 0 -20px 95px;overflow: hidden} .addr-list1 li {float: left;width: 50%} .addr-list1 li .item {margin: 0 20px;background: url(../images/c-bg1.png) center no-repeat; -webkit-background-size: cover;background-size: cover; padding: 0 20px;text-align: center; border-radius: 26px; overflow: hidden; } .addr-list1 li .item .top {border-bottom: 1px solid #dedede;padding: 30px 0 25px} .addr-list1 li .item .top span {font-size: 16px;color: #78909c;line-height: 26px;text-transform: uppercase;font-family: BEBAS} .addr-list1 li .item .top h3 {font-size: 30px;color: #182027;line-height: 40px;margin-top: 10px} .addr-list1 li .item .bot {padding: 25px 0} .addr-list1 li .item .bot p {font-size: 16px;color: #333;line-height: 26px} .addr-list1 li .item .bot span {font-size: 14px;color: #78909c;line-height: 24px;display: block;margin: 10px 0} .addr-list1 li .item .bot em {font-size: 30px;color: #304ffe;font-family: BEBAS} .addr-list2 {margin: 0 -20px;overflow: hidden;padding-bottom: 40px} .addr-list2 li {float: left;width: 33.33%;margin-bottom: 40px} .addr-list2 li .item {margin: 0 20px;border-radius: 28px;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .addr-list2 li .item:hover {-moz-box-shadow: 0 0 36px rgba(120, 144, 156, .15);-webkit-box-shadow: 0 0 36px rgba(120, 144, 156, .15);box-shadow: 0 0 36px rgba(120, 144, 156, .15)} .addr-list2 li .item .img {position: relative;overflow: hidden;padding-top: 56.3%;border-radius: 28px} .addr-list2 li .item .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%} .addr-list2 li .item .img .mark {position: absolute;left: 10px;top: 10px;padding: 0 10px;border-radius: 40px;line-height: 40px;background: -moz-linear-gradient(left, #3755f9 0, rgba(55, 85, 249, .2) 100%);background: -webkit-linear-gradient(left, #3755f9 0, rgba(55, 85, 249, .2) 100%);background: -o-linear-gradient(left, #3755f9 0, rgba(55, 85, 249, .2) 100%);background: -ms-linear-gradient(left, #3755f9 0, rgba(55, 85, 249, .2) 100%);background: linear-gradient(to right, #3755f9 0, rgba(55, 85, 249, .2) 100%)} .addr-list2 li .item .img .mark span {padding-left: 20px;background-repeat: no-repeat;background-position: left center;background-image: url(../images/addr.svg);-webkit-background-size: 15px;-moz-background-size: 15px;-o-background-size: 15px;background-size: 15px;font-size: 16px;color: #fff} .addr-list2 li .item .txt {padding: 15px 20px} .addr-list2 li .item .txt em {display: block;font-size: 14px;color: #78909c;line-height: 24px;font-weight: 700} .addr-list2 li .item .txt em:first-child + p {height: 64px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .addr-list2 li .item .txt p {font-size: 16px;color: #1e1e1e;line-height: 2;margin-bottom: 8px;font-weight: 700} .news-content {padding: 70px 0 60px;font-size: 16px;color: #78909c;line-height: 2} .news-content .tit {text-align: center;padding-bottom: 20px;border-bottom: 1px solid #e9e9e9;margin-bottom: 50px} .news-content .tit h1 {font-size: 36px;color: #1e1e1e;line-height: 46px;margin-bottom: 30px} .news-content .tit p {font-size: 14px;color: #78909c;line-height: 24px;font-weight: 700;margin-bottom: 16px} .news-content .tit .share span {font-size: 14px;line-height: 24px;margin-bottom: 10px} .news-content .tit .share .link {text-align: center} .news-content .tit .share .link a { float: none; display: inline-block;width: 55px;height: 55px;vertical-align: middle;background-repeat: no-repeat;background-position: center;-webkit-background-size: 30px;-moz-background-size: 30px;-o-background-size: 30px;background-size: 30px} .news-content .tit .share .link a.wx {background-image: url(../images/wx-h.svg)} .news-content .tit .share .link a.wx:hover {background-image: url(../images/wx-l.svg)} .news-content .tit .share .link a.wb {background-image: url(../images/wb-h.svg)} .news-content .tit .share .link a.wb:hover {background-image: url(../images/wb-l.svg)} .news-content .tit .share .link a.qq {background-image: url(../images/qq-h.svg)} .news-content .tit .share .link a.qq:hover {background-image: url(../images/qq-l.svg)} .news-content .tit .share .link a.in {background-image: url(../images/link-h.svg)} .news-content .tit .share .link a.in:hover {background-image: url(../images/link-l.svg)} .news-content .content {padding-bottom: 30px;border-bottom: 1px solid #e9e9e9;margin-bottom: 40px} .news-content .content img {border-radius: 28px;margin: 0 auto 20px} .news-content .prev {display: block;margin: 0 auto;width: 100px;height: 100px;border-radius: 100px;background-color: #304ffe;background-repeat: no-repeat;background-position: center;-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px;background-image: url(../images/jt-r-w.svg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)} .news-content .prev:hover {background-color: #223dd6} .new-relation {margin-bottom: 100px} .new-relation h3 {font-size: 24px;color: #333;text-align: center;line-height: 34px;margin-bottom: 35px} .news-con-list {margin: 0 -48px;overflow: hidden} .news-con-list li {float: left;width: 33.33%} .news-con-list li .item {margin: 0 48px;display: block} .news-con-list li .item:hover .img img {-ms-transform: scale(1.08);-moz-transform: scale(1.08);-webkit-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08)} .news-con-list li .item:hover p {color: #304ffe} .news-con-list li .item .img {position: relative;overflow: hidden;padding-top: 100%;border-radius: 28px;margin-bottom: 25px} .news-con-list li .item .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%} .news-con-list li .item span {font-size: 14px;color: #78909c;line-height: 24px;display: block;margin-bottom: 6px} .news-con-list li .item p {font-size: 20px;color: #1e1e1e;line-height: 36px;height: 72px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 700;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .pro-box {padding: 80px 0;display: -webkit-flex;display: flex;justify-content: center;align-items: flex-start} .pro-box .aside {width: 300px;margin-right: 40px;background-color: #f9f9f9;flex-shrink: 0;border-radius: 28px} .pro-box .aside dt {display: -webkit-flex;display: flex;align-items: center;justify-content: center;padding: 0 30px;line-height: 80px;color: #fff;background-color: #304ffe;border-radius: 28px 28px 0 28px} .pro-box .aside dt span {font-size: 24px;font-weight: 700;flex-grow: 1} .pro-box .aside dt a {color: #fff;font-size: 14px;padding-right: 35px;background: url(../images/jt-r-w2.svg) right center no-repeat;-webkit-background-size: 24px;-moz-background-size: 24px;-o-background-size: 24px;background-size: 24px;flex-shrink: 0} .pro-box .aside dd {padding: 10px 30px 20px} .pro-box .aside dd a {display: block;font-size: 16px;line-height: 26px;padding: 16px 0;border-bottom: 1px solid #dedede;background-repeat: no-repeat;background-position: right center;font-weight: 700} .pro-box .aside dd a:last-child {border: none} .pro-box .aside dd a.on, .pro-box .aside dd a:hover {color: #304ffe;-webkit-background-size: 17px;-moz-background-size: 17px;-o-background-size: 17px;background-size: 17px;background-image: url(../images/jt-r-l.svg)} .pro-list1 {flex-grow: 1;margin: 0 -15px} .pro-list1 li {float: left;width: 33.33%} .pro-list1 li .item {display: block;margin: 0 15px 30px;border-radius: 28px;padding: 25px 20px} .pro-list1 li .item:hover {-moz-box-shadow: 0 0 36px rgba(144, 164, 174, .25);-webkit-box-shadow: 0 0 36px rgba(144, 164, 174, .25);box-shadow: 0 0 36px rgba(144, 164, 174, .25)} .pro-list1 li .item:hover .tit {color: #304ffe} .pro-list1 li .item .tit {font-size: 20px;color: #1e1e1e;font-weight: 700;line-height: 30px;text-align: center; text-transform: uppercase;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .pro-list1 li .item .img {height: 260px;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .pro-list1 li .item .img img {width: 100%} .pro-list1 li .item p {font-size: 16px;color: #333;line-height: 26px;font-weight: 700;margin-bottom: 8px} .pro-list1 li .item span {font-size: 14px;color: #607d8b;display: block;line-height: 24px;height: 48px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .detail-top {line-height: 58px;background-color: #f9f9f9;margin-top: 100px} .detail-top .wp1 {display: -webkit-flex;display: flex;align-items: center;justify-content: space-between} .detail-top .m-cur {margin-top: 0} .detail-top .m-cur .cur {color: #333;background-color: transparent} .detail-top .m-cur .cur a {color: #333} .g-prev {display: -webkit-flex;display: flex;align-items: center;justify-content: center} .g-prev img {width: 17px;margin-right: 5px} .g-prev span {font-size: 14px;color: #304ffe;font-weight: 700} .pro-detail-top {padding: 40px 0 60px;display: flex} .pro-detail-top .left { margin-right: 80px; } .pro-detail-top .right {flex: 1} .pro-detail-top .right .tit {border-bottom: 1px solid #dedede;margin-left: 26px;padding-bottom: 25px;margin-bottom: 30px;margin-top: 100px} .pro-detail-top .right .tit h1 {margin-left: -26px;padding-left: 26px;font-size: 36px;color: #1e1e1e;line-height: 46px;margin-bottom: 10px;background: url(../images/tit-ico1.svg) left center no-repeat;-webkit-background-size: 18px;-moz-background-size: 18px;-o-background-size: 18px;background-size: 18px} .pro-detail-top .right .tit span {display: block;font-size: 18px;color: #333;line-height: 28px;font-weight: 700} .pro-detail-top .right .des {font-size: 16px;color: #78909c;line-height: 36px;padding-left: 26px} .swiper-detail { width: 600px; overflow: hidden; position: relative; border-radius: 28px; } .swiper-detail .dots.swiper-pagination-bullets {position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 1} .swiper-detail .dots.swiper-pagination-bullets .swiper-pagination-bullet {width: 35px;height: 5px;margin: 0 10px;background-color: #e9e9e9;border-radius: 0;opacity: 1} .swiper-detail .dots.swiper-pagination-bullets .swiper-pagination-bullet-active.swiper-pagination-bullet {background-color: #304ffe} .swiper-detail .img { background-color: #f8f8f8;border-radius: 28px} .swiper-detail .img .pic{ position: relative; padding-top: 100%; } .swiper-detail .img img { position: absolute;width: 100%;height: 100%;top: 0;left: 0; } .detail-tab {display: -webkit-flex;display: flex;align-items: center;justify-content: center;border-radius: 28px;overflow: hidden;background: url(../images/de-bg1.jpg) center no-repeat} .detail-tab li {width: 33.33%;text-align: center;position: relative;flex-grow: 1} .detail-tab li::after {content: "";width: 1px;height: 59px;margin-top: -30px;position: absolute;right: 0;top: 50%;background: url(../images/line3.png) center no-repeat} .detail-tab li:last-child::after {display: none} .detail-tab li a {display: inline-block;padding: 0 14px;font-size: 18px;color: #333;font-weight: 700;line-height: 120px;position: relative} .detail-tab li a::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background-color: transparent} .detail-tab li a:hover {color: #304ffe} .detail-tab li.on a {color: #304ffe} .detail-tab li.on a::after {background-color: #304ffe} .detail-content {font-size: 16px;color: #78909c;line-height: 2.25;padding: 55px 0 85px} .detail-content .index-tit1 {position: relative;padding-bottom: 10px} .detail-content .index-tit1 p {margin-bottom: 10px;font-weight: 700} .detail-content .index-tit1::after {content: "";position: absolute;left: 50%;bottom: 0;width: 25px;height: 5px;background-color: #d3d3d3;margin-left: -12px} .detail-content .con {text-align: center} .detail-content .con p {margin-bottom: 40px} .detail-content .con img {display: block;margin: 0 auto 40px} .detail-content .con .video {position: relative; background: #000;} .detail-content .con .video video{ display: block;width: 100%;height: 400px; } .detail-content .con .video img {display: block;width: 100%;border-radius: 28px;margin-bottom: 40px} .detail-content .con .video i {position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 112px;height: 112px;cursor: pointer;background: url(../images/d-play2.png) 56% center no-repeat} .detail-content .con .video i::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/d-play.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-animation: rotate 15s cubic-bezier(.45, .47, .55, .56) infinite;-o-animation: rotate 15s cubic-bezier(.45, .47, .55, .56) infinite;animation: rotate 15s cubic-bezier(.45, .47, .55, .56) infinite} .index-tit1 h3 span {font-weight: 700} .guide-list {border-top: 1px solid #e9e9e9} .guide-list li { height: 90px; padding: 24px 0; display: -webkit-flex;display: flex;justify-content: space-between;border-bottom: 1px solid #e9e9e9;text-align: left; overflow: hidden; -webkit-transition: height .3s;-moz-transition: height .3s;-ms-transition: height .3s;-o-transition: height .3s;transition: height .3s; } .guide-list li.active{ height: auto; } .guide-list li.active .jt {-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); } .guide-list li span {display: block;line-height: 48px} .guide-list li > .cont{ flex: 1; padding-bottom: 0; transform: translateY(109px); -ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; } .guide-list li > .cont .cont-item{ display: flex; } .guide-list li > .cont .cont-item > div{ width: 230px; padding-right: 20px } .guide-list li .a1 {font-size: 18px;color: #1e1e1e;font-weight: 700;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; flex-shrink: 0;width: 230px;padding-right: 20px } .guide-list li .a2 { overflow: hidden; } .guide-list li .a2 span {font-size: 18px;color: #333;font-weight: 700} .guide-list li .a3 { flex-grow: 1; padding-bottom: 0; overflow: hidden; } .guide-list li.active .a1{ transform: translateY(0); } .guide-list li.active .cont{ transform: translateY(0); opacity: 1; } .guide-list li .jt {flex-shrink: 0;width: 24px;height: 48px;background-repeat: no-repeat;background-position: center;background-image: url(../images/jt-b-h@2x.png);-webkit-background-size: 24px;-moz-background-size: 24px;-o-background-size: 24px;background-size: 24px;cursor: pointer;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .about-part1 .pro-box {padding-top: 17px;padding-bottom: 0} .contact-right {flex-grow: 1} .contact-list1 {padding-bottom: 40px;border-bottom: 1px solid #e9e9e9;margin-bottom: 40px} .contact-list1 li {margin-bottom: 20px} .contact-list1 li dl {border-radius: 26px;background-color: #f9f9f9} .contact-list1 li dl.active dt {background-color: #304ffe} .contact-list1 li dl.active dt div {color: #fff} .contact-list1 li dl.active dt .a1 {color: #fff} .contact-list1 li dl.active dt .jt {background-image: url(../images/jian@2x.png)} .contact-list1 li dt {padding: 25px 30px;border-radius: 26px;line-height: 28px;font-size: 14px;color: #78909c;font-weight: 700;cursor: pointer;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between} .contact-list1 li dt div {flex-shrink: 0} .contact-list1 li dt .a1 {width: 388px;padding-right: 20px;font-size: 18px;color: #333;font-weight: 700} .contact-list1 li dt .a2 {width: 108px} .contact-list1 li dt .a4 {flex-grow: 1} .contact-list1 li dt .jt {flex-shrink: 1;width: 24px;height: 28px;background-repeat: no-repeat;background-position: center;background-image: url(../images/jia@2x.png);-webkit-background-size: 24px;-moz-background-size: 24px;-o-background-size: 24px;background-size: 24px} .contact-list1 li dd {padding: 25px 30px 0;display: none} .contact-list1 li dd .item {font-size: 16px;color: #607d8b;line-height: 34px;margin-bottom: 25px} .contact-list1 li dd .item h3 {font-size: 18px;color: #333;font-weight: 700;line-height: 28px;margin-bottom: 6px} .contact-list1 li dd .bot {display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;padding: 20px 0;border-top: 1px solid #ddd} .contact-list1 li dd .bot .left {flex-grow: 1} .contact-list1 li dd .bot .left .word {font-size: 14px;color: #333} .contact-list1 li dd .bot .left .word em {font-weight: 700} .contact-list1 li dd .bot .left .word span {color: #304ffe} .contact-list1 li dd .bot .left .word i {font-style: normal} .contact-list1 li dd .bot .right {flex-shrink: 0} .contact-list1 li dd .bot .right span {background-image: url(../images/email@2x.png);-webkit-background-size: 24px;-moz-background-size: 24px;-o-background-size: 24px;background-size: 24px;padding-right: 34px} .about-part4.other {margin-bottom: 0} .about-part4.other li {width: 100%} .company-p1 {padding: 70px 0 90px} .company-p1 .index-tit1 {display: -webkit-flex;display: flex;justify-content: center;text-align: left} .company-p1 .index-tit1 h3 {flex-shrink: 0;width: 36.66%} .company-p1 .index-tit1 .con {flex-grow: 1} .company-p1 .img img {display: block;border-radius: 28px;width: 100%} .company-p1 .img span {display: block;text-align: right;font-size: 24px;color: #78909c;line-height: 34px;margin-top: 15px;font-family: BEBAS;letter-spacing: 10px} .company-p1 .img span em {color: #304ffe;margin-left: 20px} .swiper-company {padding-bottom: 60px;margin-bottom: 90px;position: relative} .swiper-company .swiper-slide {overflow: hidden;border-radius: 28px;z-index: 2;} .swiper-company .swiper-slide:hover img {-ms-transform: scale(1.08);-moz-transform: scale(1.08);-webkit-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08)} .swiper-company img {display: block;width: 100%;border-radius: 28px;overflow: hidden} .swiper-company .jt {position: absolute;left: 0;bottom: 0;width: 100%;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .swiper-company .jt .dots {margin: 0 28px;position: static;font-family: BEBAS;color: #607d8b;font-size: 24px;flex-shrink: 0;width: auto} .swiper-company .jt .dots .swiper-pagination-current {color: #1e1e1e} .swiper-company .jt .next, .swiper-company .jt .prev {flex-shrink: 0;position: static;width: 16px;height: 30px;background-repeat: no-repeat;background-position: center;-webkit-background-size: 16px;-moz-background-size: 16px;-o-background-size: 16px;background-size: 16px;cursor: pointer} .swiper-company .jt .prev {background-image: url(../images/jt-l-h@2x.png)} .swiper-company .jt .prev:hover {background-image: url(../images/jt-l-l@2x.png)} .swiper-company .jt .next {background-image: url(../images/jt-r-h@2x.png)} .swiper-company .jt .next:hover {background-image: url(../images/jt-r-l@2x.png)} .company-p3 {background: url(../images/cu-bg1.jpg) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 200px 0;margin-bottom: 95px} .company-p3 ul {display: -webkit-flex;display: flex;align-items: center;justify-content: center} .company-p3 ul li {width: 33.33%;flex-shrink: 0;color: #fff;text-align: center;padding: 0 36px} .company-p3 ul li img {display: block;margin: 0 auto 15px;width: 124px;border: 1px solid #fff;border-radius: 50%;height: 124px;padding: 26px} .company-p3 ul li h3 {position: relative;font-size: 24px;line-height: 34px;padding-bottom: 20px;margin-bottom: 22px} .company-p3 ul li h3::after {content: "";position: absolute;left: 50%;bottom: 0;width: 15px;height: 5px;background-color: #fff;margin-left: -7px} .company-p3 ul li p {font-size: 14px;line-height: 30px} .company-list2 {margin: 0 -20px 20px} .company-list2 li {float: left;width: 33.33%} .company-list2 li .item {display: block;margin: 0 20px 40px;border-radius: 26px;background-color: #f9f9f9} .company-list2 li .item:hover .txt .tit {color: #304ffe} .company-list2 li .item .img {position: relative;overflow: hidden;padding-top: 56.15%;border-radius: 26px;z-index: 2} .company-list2 li .item .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%} .company-list2 li .item .txt {padding: 25px 20px 0} .company-list2 li .item .txt .tit {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 20px;color: #1e1e1e;line-height: 30px;font-weight: 700;margin-bottom: 7px} .company-list2 li .item .txt p {font-size: 14px;line-height: 30px;color: #78909c;height: 90px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 12px} .company-list2 li .item .txt .date {display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #78909c;line-height: 24px;padding: 13px 0;border-top: 1px solid #dedede} .company-list2 li .item .txt .date span {font-weight: 700} .company-list3 {margin: 0 -20px 20px} .company-list3 li {float: left;width: 33.33%} .company-list3 li .item {margin: 0 20px} .company-list3 li .item .img {background-color: #f9f9f9;height: 550px;border-radius: 28px;overflow: hidden;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .company-list3 li .item .img img {max-width: 90%;max-height: 90%} .company-list3 li .item p {text-align: center;font-size: 18px;color: #78909c;line-height: 90px;font-weight: 700} .company-p4 {background: url(../images/z-img10.jpg) top center no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;padding: 100px 0 80px} .company-p4 .top {display: -webkit-flex;display: flex;align-items: center;justify-content: space-between} .company-p4 .top .index-tit1 {text-align: left;width: 335px;flex-shrink: 0} .company-p4 .top .prev {background-image: url(../images/jt-l-l.png)} .company-p4 .top .prev:hover {background-image: url(../images/jt-l-w.png)} .company-p4 .top .next {background-image: url(../images/jt-r-l.svg)} .company-p4 .top .next:hover {background-image: url(../images/jt-r-w.svg)} .company-p4 .top .jt {display: flex} .company-p4 .top .jt div {width: 50px;height: 50px;border-radius: 16px;background-color: #fff;background-repeat: no-repeat;background-position: center;-webkit-background-size: 16px;-moz-background-size: 16px;-o-background-size: 16px;background-size: 16px;margin: 0 10px;cursor: pointer} .company-p4 .top .jt div:hover {background-color: #304ffe} .swiper-company2 {overflow: hidden;position: relative;padding-bottom: 40px} .swiper-company2 .img {background-color: #fff;height: 550px;border-radius: 28px;overflow: hidden;display: -webkit-flex;display: flex;align-items: center;justify-content: center} .swiper-company2 .img img {max-width: 90%;max-height: 90%} .swiper-company2 p {text-align: center;font-size: 18px;color: #78909c;line-height: 90px;font-weight: 700} .swiper-company2 .dots.swiper-pagination-progressbar {position: absolute;left: 50%;bottom: 0;width: 600px;text-align: center;top: auto;background-color: #e9e9e9;height: 5px;margin-left: -300px;opacity: 1} .swiper-company2 .dots.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #304ffe} .company-list2 li .item, .index-list1 li a, .index-news .left .img .pic {border-radius: 26px;overflow: hidden;display: block;position: relative;z-index: 3;} .addr-list2 li .item:hover .img img, .company-list2 li .item:hover img, .index-list1 li a:hover img, .index-news .left .img:hover img, .swiper-index1 .img:hover img {-ms-transform: scale(1.08);-moz-transform: scale(1.08);-webkit-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08)} .map img {max-width: 1000px;-ms-transition: 0s;-moz-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;transition: 0s} .g-pop {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;display: none; } .g-pop .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6)} .g-pop .con {position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #fff;width: 80%;max-width: 600px} .g-pop .con video {display: block;width: 100%} .g-pop .con .close {color: #999;position: absolute;right: -50px;top: -50px;width: 50px;height: 50px;line-height: 45px;text-align: center;font-size: 30px;border-radius: 50%;background-color: #fff;cursor: pointer} .mo-con {display: none} .news-list-top {position: relative;margin-bottom: 40px} .news-list-top .img {float: left;width: 52.33%;margin-right: 80px} .news-list-top .img .box {position: relative;overflow: hidden;padding-top: 100%;border-radius: 28px;z-index: 2;} .news-list-top .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%} .news-list-top .img:hover img {-ms-transform: scale(1.08);-moz-transform: scale(1.08);-webkit-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08)} .news-list-top .txt {padding-top: 55px;overflow: hidden} .news-list-top .txt span {display: block;font-size: 14px;color: #78909c;line-height: 24px;font-weight: 700} .news-list-top .txt .tit {font-weight: 700;font-size: 32px;color: #1e1e1e;line-height: 52px;margin: 15px 0 20px;display: block;height: 104px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .news-list-top .txt .tit:hover {color: #304ffe} .news-list-top .txt p {font-size: 16px;color: #78909c;line-height: 36px} .news-list-top .txt .more {position: absolute;bottom: 40px;left: 50%;margin-left: 100px;padding-right: 34px;font-size: 14px;color: #304ffe;line-height: 24px;background: url(../images/news-ico1.png) right center no-repeat;font-weight: 700} .news-list-bot {margin: 0 -20px;padding-bottom: 30px} .news-list-bot li {float: left;width: 33.33%} .news-list-bot li:nth-child(1), .news-list-bot li:nth-child(2) {width: 50%} .news-list-bot .item {display: block;margin: 0 20px 62px} .news-list-bot .item:hover .img img {-ms-transform: scale(1.08);-moz-transform: scale(1.08);-webkit-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08)} .news-list-bot .item:hover .txt .tit {color: #304ffe} .news-list-bot .item .img {position: relative;overflow: hidden;padding-top: 100%;border-radius: 28px;z-index: 2;} .news-list-bot .item .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%} .news-list-bot .item .txt {padding: 25px 40px 0} .news-list-bot .item .txt span {font-size: 14px;color: #78909c;line-height: 24px;font-weight: 400;display: block;margin-bottom: 8px} .news-list-bot .item .txt .tit {font-size: 24px;color: #1e1e1e;line-height: 40px;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;font-weight: 700;height: 80px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .g-pop.yuan .con {max-width: 1000px;width: 80%;border-radius: 28px;padding: 30px 40px} .g-pop.yuan .con .tit {text-align: center;font-size: 32px;color: #1e1e1e;font-weight: 700;line-height: 42px;margin-bottom: 30px} .g-pop.yuan .con .close2 {font-size: 14px;font-weight: 700;color: #ff4e4e;right: 40px;top: 40px;position: absolute;cursor: pointer} .g-pop.yuan .con .swiper {margin-bottom: 20px;position: relative} .g-pop.yuan .con .swiper .dots.swiper-pagination-bullets {position: absolute;left: 0;bottom: 20px;width: 100%;text-align: center;z-index: 10} .g-pop.yuan .con .swiper .dots.swiper-pagination-bullets .swiper-pagination-bullet {width: 35px;height: 5px;margin: 0 10px;background-color: #fff;border-radius: 0;opacity: .5} .g-pop.yuan .con .swiper .dots.swiper-pagination-bullets .swiper-pagination-bullet-active.swiper-pagination-bullet {background-color: #304ffe} .g-pop.yuan .con .swiper img {display: block;width: 100%} .g-pop.yuan .con .des {height: 168px;overflow-y: scroll;font-size: 14px;color: #78909c;line-height: 30px} .g-pop.yuan .con .des p {margin-bottom: 20px} @media only screen and (max-width: 1439px) { .header-nav > li > a {margin: 0 20px} .index-about .img li {width: 128px} .gotop {margin-left: 0;left: auto;right: 20px;width: 80px;height: 80px} } @media only screen and (max-width: 1199px) { .header .logo {height: 40px} .header {padding: 10px 0;position: fixed;z-index: 99;background-color: #fff} .header-nav {position: static;height: auto;padding: 10px 0} .menuBtn {display: block;margin-top: 7px} .header-nav {position: static;display: block;} .header-nav li {float: none;text-align: center;height: auto;display: block} .header-nav > li > a {font-size: 16px;margin: 0;line-height: 50px;text-align: left;padding: 0 20px; border-bottom: 1px solid #e5e5e5; } .header-nav > li.level > a{ background: url(../images/jt-r-l.svg) no-repeat right 4% center; -webkit-background-size: 20px auto;background-size: 20px auto; } .header-nav > li.on a:after, .header-nav > li > a::after {height: 1px} .header-nav > li:hover > a::after {height: 1px;width: 0} .header-nav > li:hover > a {color: #333} .hd-r {right: auto;left: 0;top: 60px;bottom: 0;width: 100%;display: none;background-color: #fff;height: calc(100vh - 60px);padding-bottom: 30px;} .two-level {position: static;width: 100%;margin-left: 0} .two-level .img {display: none} .two-level .links {display: block;padding: 0 0 0 25px} .two-level .links dd {width: auto;padding: 0} .two-level .links dd a {font-size: 14px;line-height: 50px;display: block;text-align: left;padding: 0;border-bottom: 1px solid #e5e5e5;} .two-level .links a::after {display: none} .hd-lang { position: absolute; left: 0; right: 0; bottom: 30px; background: none; margin-left: 0; justify-content: space-between; padding: 0 15px; } .hd-lang a { font-size: 16px; background: #304ffe; line-height: 60px; border-radius: 8px; width: calc(50% - 8px); text-align: center; } .swi-index1 .txt {left: 40px;margin-left: 0} .swi-index1 .txt p {font-size: 16px;line-height: 26px} .swi-index1 .txt h2 {font-size: 34px;line-height: 44px} .g-btn1 {width: 120px;line-height: 60px;border-radius: 8px;font-size: 16px;} .swiper-index1 .jt {top: -70px} .index-about .txt {margin-right: 50px;width: 300px} .about-list2 li .item .bot .img {width: 72%} .about-list2 li .item .bot .img .jump {width: 54px;height: 54px} .about-part2 {padding-left: 4%} .about-part2 .left {width: 250px;margin-right: 50px} .contact-list1 li dt .a1 {width: 40%;flex-grow: 1} .contact-list1 li dt .a2 {width: 8%} .contact-list1 li dt .a4 {width: 10%} .addr-part1 .addr .map {height: 300px} } @media only screen and (min-width: 1024px) { .moile-img{ display: none !important; } } @media only screen and (max-width: 1023px) { .guide-list li > .cont .cont-item{ display: block; } .guide-list li > .cont .cont-item > div{ width: auto; padding-right: 0; } .swiper-detail{ width: auto; } .pc-img{ display: none !important; } .swi-index1 .txt h2 {font-size: 26px;line-height: 38px} .index-list1 li.a1 {display: block} .index-list1 li {display: none} .index-list1 li a{ position: relative; padding-top: 133.33%; } .index-list1 li a img { position: absolute;width: 100%;height: 100%;top: 0;left: 0; } .index-list1 li a .txt h3 span {font-size: 24px;-webkit-background-size: 12px;-moz-background-size: 12px;-o-background-size: 12px;background-size: 12px} .mo-swiper1 {display: block;overflow: hidden;margin-bottom: 30px} .mo-swiper1 a {display: block;position: relative;} .mo-swiper1 a .pic { position: relative; padding-top: 100%; border-radius: 26px; overflow: hidden; } .mo-swiper1 a .pic img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; } .mo-swiper1 a h3 { display: flex; align-items: baseline; justify-content: center; font-size: 24px;color: #1e1e1e;line-height: 40px;font-weight: 400; margin-top: 10px; } .mo-swiper1 a h3 span {font-weight: 700;padding-left: 26px;display: inline-block;vertical-align: bottom;background: url(../images/tit-ico1.svg) left top 12px no-repeat;margin-right: 12px; font-size: 24px; -webkit-background-size: 12px; -moz-background-size: 12px; -o-background-size: 12px; background-size: 12px; } .index-list1 {margin: 40px 0 30px} .index-list1 li a {margin: 0} .gotop {font-size: 0;width: 40px;height: 40px;border-radius: 50px;text-indent: -9999px;overflow: hidden} .gotop img {width: 14px} .swiper-index1 .dots.swiper-pagination-bullets{ bottom: -50px; } .index-news .left {margin-right: 0;padding-right: 0;width: auto;} .index-news {display: block} .index-news .left::after {display: none} .index-news .left .img i {width: 60px;font-size: 12px;line-height: 32px} .index-news .left .txt .tit {font-size: 18px;line-height: 26px;margin: 5px 0 10px} .index-news .left .txt p {font-size: 14px;line-height: 24px;height: 48px} .index-news .right {width: auto} .index-news .left .txt {padding: 20px 0 30px} .index-tit1 {margin-bottom: 20px} .index-tit1 h3 {font-size: 24px;line-height: 34px;margin-bottom: 8px} .index-tit1 h3 span {font-size: 24px;-webkit-background-size: 12px;-moz-background-size: 12px;-o-background-size: 12px;background-size: 12px} .index-tit1 p {font-size: 16px;line-height: 24px} .swiper-index1 .img {margin-bottom: 15px} .swiper-index1 .tit {font-size: 18px;line-height: 30px} .swiper-index1 p {font-size: 16px;line-height: 24px;height: 48px;margin: 5px 0} .swiper-index1 span {font-size: 12px;line-height: 20px} .index-about .wp {display: block} .index-about {padding: 50px 0} .index-about .txt {width: auto;margin-right: 0;text-align: center} .index-about .index-tit1 {text-align: center} .index-about .index-tit1 .g-btn1 {margin: 30px auto} .index-about .img {margin-top: 50px} .index-about .img li {width: 50%;margin-bottom: 20px;height: 50px} .index-about .img li img {max-width: 76%;max-height: 76%} .fd-box .left {display: none} .fd-box .right .top{ justify-content: center; } .fd-box .right .top dt{ text-align: left; margin-left: 30px; } .fd-box {padding: 50px 0;text-align: center;} .fd-box .right dl {display: none} .fd-box .right dl:last-child {display: block} .fd-box .right dd .ewm {text-align: center} .fd-box .right .bot .email {font-size: 28px;margin-bottom: 10px;line-height: 38px} .fd-box .right .bot .street {margin-bottom: 10px} .mo-swiper1 .dots {text-align: center} .detail-top .wp1 {display: block} .detail-top .m-cur .cur {padding: 0;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 40px} .detail-top .m-cur {display: block} .detail-top .m-cur .cur a {display: inline-block;vertical-align: middle} .detail-top .m-cur .cur a img {display: inline-block;vertical-align: middle} .detail-top {margin-top: 60px;padding: 10px 0} .g-prev {line-height: 40px} .pro-detail-top {display: block} .pro-detail-top .left {width: auto;margin-right: 0} .swiper-detail .img { margin: 0 auto; } .swiper-detail .dots.swiper-pagination-bullets {bottom: 10px} .swiper-detail .dots.swiper-pagination-bullets .swiper-pagination-bullet {width: 24px;height: 4px} .pro-detail-top .right .tit {margin-bottom: 20px;padding-bottom: 20px;margin-left: 22px;margin-top: 20px} .pro-detail-top .right .tit h1 {margin-left: -22px;padding-left: 22px;-webkit-background-size: 12px;-moz-background-size: 12px;-o-background-size: 12px;background-size: 12px;font-size: 28px;line-height: 38px} .pro-detail-top .right .tit span {font-size: 16px;line-height: 22px} .pro-detail-top {padding: 40px 0 30px} .detail-tab li a {line-height: 50px;font-size: 16px} .detail-tab {border-radius: 8px} .detail-tab li::after {height: 26px;margin-top: -13px} .detail-tab li a::after {height: 2px} .detail-content {padding: 30px 0 40px} .detail-content .con img, .detail-content .con p {margin-bottom: 20px} .detail-content .con .video i {width: 60px;height: 60px;-webkit-background-size: 20px;-moz-background-size: 20px;-o-background-size: 20px;background-size: 20px} .g-pop .con .close {width: 30px;height: 30px;font-size: 20px;line-height: 24px;right: 0} .guide-list li > div { font-size: 16px !important; line-height: 40px !important; padding-right: 0 } .guide-list li > .a1{ width: 90px; } .guide-list li > .cont > div{ width: auto; } .guide-list li > .cont{ display: block; } .guide-list li .a2 span, .guide-list li span {font-size: 16px;line-height: 40px} .guide-list li .jt {width: 20px;padding-right: 0;-webkit-background-size: 16px;-moz-background-size: 16px;-o-background-size: 16px;background-size: 16px;height: 40px} .guide-list li {padding: 10px 0;height: 64px;} .ban-inner {margin-top: 60px} .ban-inner .bg {height: 220px} .ban-inner .txt {bottom: 0} .ban-inner .txt h1 {font-size: 60px} .m-cur {margin-top: 20px} .m-cur .cur {width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden} .index-tit1.more .tab > li {display: none} .index-tit1.more .tab > li:last-child {display: block} .g-pop-list li a {line-height: 40px} .index-tit1.more .tab li {padding: 0 8px;margin-left: 0} .g-pop-list {width: 120px;margin-left: -60px} .index-tit1.more .tab {margin-bottom: 8px} .news-part1 {padding: 40px 0} .news-list1 li .date {display: none} .news-list1 li {display: block} .news-list1 li .txt {padding: 0;display: block} .news-list1 li:hover {background-color: transparent} .news-list1 li .txt .l {width: auto;float: none} .news-list1 li .txt .r {float: none} .news-list1 li .txt .down {opacity: 1;margin-top: 10px;display: block} .news-list1 li .txt .tit {font-size: 18px;line-height: 24px} .news-list1 {padding-bottom: 10px} .about-part4 li {width: auto;margin-bottom: 20px} .about-part4 li a {margin: 0;line-height: 80px} .about-part4 {display: block;margin: 0 0 40px} .news-content {padding: 40px 0} .news-content .tit h1 {font-size: 24px;line-height: 36px;margin-bottom: 20px} .news-content .tit {margin-bottom: 20px;padding-bottom: 10px} .news-con-list li .item {margin: 0} .news-con-list {margin: 0} .news-con-list li {width: 100%;float: none;margin-bottom: 20px} .news-content .content img {margin-bottom: 10px} .news-content .prev {width: 80px;height: 80px} .news-con-list li .item p {font-size: 16px;line-height: 26px;height: 52px} .h100 {height: 40px} .h50 {height: 20px} .i-tit1 .top {padding: 20px 0} .i-tit1 .top h3 {padding-left: 20px;-webkit-background-size: 12px;-moz-background-size: 12px;-o-background-size: 12px;background-size: 12px;font-size: 26px;line-height: 36px} .i-tit1 .mark .date {font-size: 16px;padding-right: 10px;margin-right: 10px} .i-tit1 .mark .share a {margin-left: 10px} .i-tit1 .mark {line-height: 50px} .rel-content {width: auto} .i-tit1 {border-radius: 20px;margin-bottom: 20px} .i-tit1 .top {border-radius: 20px} .rel-content h2 {font-size: 20px;line-height: 30px;margin-bottom: 20px;padding-bottom: 15px} .rel-content {font-size: 16px} .rel-content h3 {font-size: 18px;margin-bottom: 10px} .rel-part1 p {padding: 0} .rel-list1 {margin-bottom: 40px;padding-bottom: 0} .rel-list1 li {display: block} .rel-list1 li img {width: auto;margin: 0 0 20px !important} .rel-list1 li .txt{text-align: center;} .rel-list1 li .txt h3 {font-size: 20px;line-height: 30px;padding-bottom: 12px} .rel-list1 li .txt h3::after{ left: 50%; margin-left: -13px; } .rel-part1 {padding: 40px 0} .about-part1 {padding: 40px 0} .about-part1 .con {width: auto} .about-list1 {padding: 0;margin-bottom: 30px} .about-list1 li {margin-bottom: 20px} .about-list1 {display: block} .about-list1 li h3 span {font-size: 60px} .about-list1 li h3 {line-height: 70px} .about-list2 li {width: 100%} .about-list2 {display: block;margin: 0} .about-part2 .left {width: auto;margin-right: 0} .about-part2 {display: block;padding: 40px 4%} .about-list2 li .item {margin: 0 0 20px} .about-part1 .con p {margin-bottom: 20px} .about-part1 .pic {margin-bottom: 30px} .about-list2 li .item .tit h3 {font-size: 24px;line-height: 34px} .about-list2 li .item .tit em {font-size: 16px;line-height: 24px} .about-list2 li .item .tit {margin-bottom: 30px;padding-bottom: 15px} .about-list2 li .item .bot .img {width: 100%} .about-list2 li .item .bot .img img {width: 50%;margin-top: 0} .about-list2 li .item .bot p {opacity: 1} .about-list2 li .item .bot {font-size: 16px;line-height: 30px} .about-list2 li .item .bot p {height: 90px} .about-part2 .g-btn1 {display: inline-block;margin-right: 20px} .swiper-about1 .dots.swiper-pagination-progressbar {width: 100%} .swiper-about1 .jt {display: none} .swiper-about1 {padding: 30px 0} .about-part3 {padding: 40px 0} .swiper-about2 .img {height: 50px} .company-p1 .index-tit1 {display: block;text-align: center} .company-p1 .index-tit1 h3 {width: auto} .company-p1 .img span {font: 18px;letter-spacing: 4px} .company-p1 .img img, .swiper-company img {border-radius: 14px} .company-p1 {padding: 40px 0} .swiper-company {overflow: hidden;margin-bottom: 49px} .company-p3 {padding: 50px 0;margin-bottom: 40px} .company-p3 ul {display: block} .company-p3 ul li {width: auto;margin-bottom: 30px} .company-p3 ul li img {width: 80px;height: 80px;padding: 15px} .company-p3 ul li h3 {font-size: 20px;line-height: 30px;padding-bottom: 15px;margin-bottom: 15px} .company-list2 {margin: 0 0 20px} .company-list2 li {float: none;width: auto} .company-list2 li .item {margin: 0 0 20px} .company-list2 li .item .txt p {height: 50px;line-height: 25px;-webkit-line-clamp: 2} .about-part1 .pro-box {display: block} .pro-box .aside dt { font-size: 14px; float: left;padding: 0 10px;line-height: 60px;border-radius: 0} .pro-box .aside {width: auto;margin-right: 0;margin-bottom: 20px;border-radius: 28px;overflow: hidden} .pro-box .aside dt a { font-size: 14px; padding-right: 24px;-webkit-background-size: 16px;-moz-background-size: 16px;-o-background-size: 16px;background-size: 16px} .pro-box .aside dt span {display: none} .pro-box .aside dd { overflow: hidden;overflow-x: scroll;white-space: nowrap;padding: 0 0 0 10px;background-color: #304ffe} .pro-box .aside dd a { width: 33.33%; display: inline-block;line-height: 60px;padding: 0;color: #fff;font-size: 14px;border: none;font-weight: 400} .pro-box .aside dd a.on, .pro-box .aside dd a:hover {color: #fff;background: 0 0;font-weight: 700} .contact-list1 li dt .a2, .contact-list1 li dt .a4 {display: none} .contact-list1 li dt .a1 {display: block;font-size: 16px;width: auto} .contact-list1 li dt {padding: 12px} .contact-list1 li dd {padding: 12px 12px 0} .contact-list1 li dd .item {font-size: 16px;line-height: 26px;margin-bottom: 15px} .contact-list1 li dd .bot {display: block} .mo-con {display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;font-size: 16px;line-height: 24px;padding: 10px 0} .pro-box {padding: 40px 0;display: block} .pro-list1 li {width: auto;float: none;text-align: center;} .pro-list1 {margin: 0} .pro-list1 li .item {margin: 0 0 20px;padding: 10px 0} .pro-list1 li .item .img {height: auto;margin-bottom: 15px;text-align: center;} .pro-list1 li .item .tit {margin-bottom: 20px;text-align: center;} .addr-part1 {padding: 40px 4%} .index-tit1.black {margin-bottom: 25px} .addr-part1 .addr p {margin-bottom: 10px} .addr-list1 li {float: none;width: auto} .addr-list1 {margin: 0 0 30px} .addr-list1 li .item .top h3 {font-size: 24px;line-height: 30px;margin-top: 5px} .addr-list1 li .item .top span {font-size: 16px;line-height: 24px} .addr-list1 li .item .bot, .addr-list1 li .item .top {padding: 20px 0} .addr-list1 li .item {margin: 0 0 20px} .addr-list1 li .item .bot span {margin: 4px 0} .addr-list1 li .item .bot em {font-size: 22px} .addr-list2 {margin: 0;padding-bottom: 0} .addr-list2 li, .company-list3 li {float: none;width: auto;margin-bottom: 20px} .addr-list2 li .item, .company-list3 li .item {margin: 0} .addr-list2 li .item .img {border-radius: 14px} .company-list3 {margin: 0 0 20px} .company-list3 li .item .img {height: auto;padding: 20px;border-radius: 14px} .company-list3 li .item .img img {max-width: 100%;max-height: 100%} .company-p4 .top .jt {display: none} .swiper-company2 .img {height: auto;padding: 10px} .swiper-company2 p {font-size: 16px;line-height: 40px} .company-p4 {padding: 40px 0} .company-p4 {-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100% 140px} .swi-index1 .dots.swiper-pagination-bullets .swiper-pagination-bullet {width: 40px;height: 3px} .news-list-top {margin-bottom: 30px} .news-list-top .img {float: none;margin-right: 0} .news-list-top .txt {padding-top: 20px} .news-list-top .txt .tit {font-size: 20px;line-height: 30px;height: auto;margin: 5px 0;max-height: 60px} .news-list-top .txt p {line-height: 32px;height: 64px;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .news-list-top .txt .more {position: static;margin-left: 0;display: none} .news-list-bot {margin: 0} .news-list-bot li {float: none;width: auto !important} .news-list-bot .item {margin: 0 0 20px} .news-list-bot .item .txt {padding-left: 0} .news-list-bot .item .txt .tit {font-size: 18px;line-height: 30px;height: 60px} .g-pop-list {height: 132px} .g-pop.yuan .con {padding: 15px} .g-pop.yuan .con .tit {font-size: 20px;line-height: 30px;margin-bottom: 10px;text-align: left} .g-pop.yuan .con .close2 {right: 20px;top: 20px} .index-list1 li.a1 a .txt{ left: 15px; right: 15px; } .index-list1 li a .txt p{ font-size: 16px; margin: 15px auto; } .contact-list1 li dd .bot .right{ width: 100%; } .addr-list2 li .item .txt{ padding: 15px 0; text-align: center; } .rel-list1 li .img{ margin-right: 0; } .rel-list1 li .txt .g-btn1{ opacity: 1; margin-top: 10px; } }