@charset "UTF-8";
body { --theme-red:#f33d3d; --theme-color: #006db8; --theme-bgcolor:#f5f7fa; --color-nomarl:#666666; --color-primary:#333333; background-color: #f9f9f9; }

@media (min-width: 1680px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1420px; } }
@keyframes scaleOut { from { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.9); opacity: 1; }
  to { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.5); opacity: 0; } }
@-o-keyframes scaleOut { from { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.9); opacity: 1; }
  to { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.5); opacity: 0; } }
@-moz-keyframes scaleOut { from { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.9); opacity: 1; }
  to { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.5); opacity: 0; } }
@-ms-keyframes scaleOut { from { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.9); opacity: 1; }
  to { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.5); opacity: 0; } }
@keyframes changeColor { from { color: var(--theme-color); }
  to { color: #ffffff; } }
@keyframes scrollBack { 0% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
  50% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  100% { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } }
@keyframes btnWave { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scaleX(0); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; opacity: 0; }
  75% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scaleX(0.9); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; opacity: 0.8; }
  100% { /*-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(0); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center;*/
opacity: 0; } }
.red { color: var(--theme-color); }

.header { border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }
.header .logo { position: relative; z-index: 20; }
.header .logo a { position: relative; }
.header .logo a img { -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.header .logo a img.color-logo { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; }
@media (max-width: 991.98px) { .header .logo img { height: 42px; } }
.header .nav { flex: 1; }
.header .nav li { position: relative; flex: 1; }
.header .nav li > a { display: block; position: relative; overflow: hidden; color: #ffffff; }
@media (min-width: 1440px) { .header .nav li > a { padding: 0 1rem; } }
.header .nav li .sub-nav { position: absolute; width: 140px; left: -50%; right: -50%; margin: auto; text-align: center; top: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); backdrop-filter: blur(3px); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.header .nav li .sub-nav dl { display: none; padding: 1rem 0; background: rgba(255, 255, 255, 0.5); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.header .nav li .sub-nav dl dd { margin: 0; font-size: 14px; position: relative; padding: 10px; }
.header .nav li .sub-nav dl dd::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); background-color: var(--theme-color); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.header .nav li .sub-nav dl dd a { -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; position: relative; z-index: 2; }
.header .nav li .sub-nav.fullscreen .item-icon { width: 60px; height: 60px; position: relative; margin: 0 auto; }
.header .nav li .sub-nav.fullscreen .item-icon img { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; max-width: 100%; max-height: 100%; }
.header .nav li::before { content: ''; position: absolute; display: block; margin: auto; bottom: 0; width: 50%; left: 0; right: 0; height: 2px; background-color: var(--theme-color); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.header .nav li:hover::before, .header .nav li:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.header .nav li:hover > a { color: var(--theme-color); }
.header .nav li:hover .sub-nav { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
.header .nav li:hover .sub-nav dl { background-color: rgba(255, 255, 255, 0.8); display: block; }
.header .nav li:hover .sub-nav dl dd:hover::before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
.header .nav li:hover .sub-nav dl dd:hover a { color: #ffffff; }
.header .header-tel .tel-icon svg { width: 32px; height: 32px; }
.header .header-tel .tel-icon svg path { fill: #ffffff; }
.header .header-tel .tel-num { margin-left: 5px; font-family: Avian; color: #ffffff; font-size: 26px; line-height: 1; }
@media (max-width: 1679.98px) { .header .header-tel .tel-num { font-size: 22px; } }
@media (max-width: 1199.98px) { .header .header-tel .tel-num { font-size: 20px; } }
.header .header-wrap { max-width: 93%; }
@media (min-width: 992px) { .header .header-wrap { min-height: 60px; } }
.header.header-min, .header.open-menu, .header:hover { background-color: #fff; }
.header.header-min .logo a img.white-logo, .header.open-menu .logo a img.white-logo, .header:hover .logo a img.white-logo { opacity: 0; }
.header.header-min .logo a img.color-logo, .header.open-menu .logo a img.color-logo, .header:hover .logo a img.color-logo { opacity: 1; }
.header.header-min .nav li > a, .header.open-menu .nav li > a, .header:hover .nav li > a { color: #333333; }
.header.header-min .header-tel .tel-icon svg path, .header.open-menu .header-tel .tel-icon svg path, .header:hover .header-tel .tel-icon svg path { fill: #006db8; }
.header.header-min .header-tel .tel-num, .header.open-menu .header-tel .tel-num, .header:hover .header-tel .tel-num { color: #006db8; }
.header.header-min .menu-icon span, .header.open-menu .menu-icon span, .header:hover .menu-icon span { color: var(--theme-color); }

.menu-icon { width: 60px; height: 60px; color: var(--theme-color); position: relative; cursor: pointer; }
.menu-icon span { position: absolute; width: 50%; height: 2px; color: #ffffff; background-color: CurrentColor; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.menu-icon span::before, .menu-icon span::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: CurrentColor; }
.menu-icon span::before { top: 600%; }
.menu-icon span::after { bottom: 600%; }
.menu-icon.open span { color: var(--theme-color); background-color: unset; }
.menu-icon.open span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.menu-icon.open span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }
@media (max-width: 575.98px) { .menu-icon { position: absolute; right: 0; width: 56px; height: 56px; margin: auto; top: 0; bottom: 0; }
  .menu-icon span::before { top: 500%; }
  .menu-icon span::after { bottom: 500%; } }

.mobile-nav { position: fixed; width: 100vw; height: 100vh; z-index: 10; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); top: 0; left: 0; padding: 60px; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
@media (max-width: 575.98px) { .mobile-nav { padding: 30px; } }
.mobile-nav dl { margin-bottom: 0; }
.mobile-nav dl.active dt::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.mobile-nav dl.active dt::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.mobile-nav dt { position: relative; padding: .5rem; }
.mobile-nav dt a { line-height: 2; display: block; width: 80%; margin-right: 2rem; font-weight: normal; font-size: 20px; }
.mobile-nav dt.has-child::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.mobile-nav dd { display: none; padding-left: 1rem; }
.mobile-nav dd ul { margin-bottom: 0; line-height: 2; margin-top: 5px; list-style: inside circle; }
.mobile-nav dd ul a { font-size: 16px; }
@media (min-width: 992px) { .mobile-nav { display: none; } }

.mobile-nav dt.has-child::before, .mobile-nav dt.has-child::after { content: ''; position: absolute; width: 1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom: 1px solid #000000; right: .5rem; margin: auto; top: 0; bottom: 0; }

.open-menu ~ .mobile-nav { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }

.sbanner { height: 560px; background-position: center; background-repeat: no-repeat; background-size: cover; }
@media (max-width: 991.98px) { .sbanner { height: 480px; } }
@media (max-width: 767.98px) { .sbanner { height: 320px; } }
@media (max-width: 575.98px) { .sbanner { height: 260px; } }

.inner-nav { height: 0; position: relative; }
.inner-nav .nav-wrap { position: absolute; width: 100%; bottom: 0; background: rgba(0, 54, 135, 0.8); }
.inner-nav .nav-wrap .catename { position: relative; }
.inner-nav .nav-wrap .catename span { position: relative; z-index: 2; font-size: 24px; }
@media (max-width: 991.98px) { .inner-nav .nav-wrap .catename span { font-size: 20px; } }
@media (max-width: 767.98px) { .inner-nav .nav-wrap .catename span { font-size: 18px; } }
@media (max-width: 575.98px) { .inner-nav .nav-wrap .catename span { font-size: 16px; } }
.inner-nav .nav-wrap .catename::before { content: ''; position: absolute; height: 100%; width: 50vw; right: 0; background-color: #fff; bottom: 0; }
.inner-nav .nav-wrap .nav-list li a { color: #ffffff; }
@media (max-width: 767.98px) { .inner-nav .nav-wrap .nav-list li a { font-size: 14px; } }

.location-box { height: 0; }
.location-box-wrap { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); background-color: rgba(0, 0, 0, 0.5); }
.location-box-wrap .wrap { height: 60px; }
.location-box-wrap .location { color: #ffffff; font-family: serif; }
.location-box-wrap .location svg { width: 22px; height: 22px; }
.location-box-wrap .location svg path { fill: #ffffff; }
.location-box-wrap .location a { color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-family: "Microsoft YaHei"; }
.location-box-wrap .location a:hover { color: var(--theme-color); }
.location-box-wrap .location span { display: inline-block; vertical-align: middle; }
.location-box-wrap .sub_nav li a { color: #ffffff; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.location-box-wrap .sub_nav li a:hover { color: var(--theme-color); }

.footer { background: #333333; }
.footer .footer-top { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
@media (max-width: 767.98px) { .footer .footer-top .footer-logo img { max-width: 160px; } }
@media (max-width: 575.98px) { .footer .footer-top .footer-logo img { max-width: 120px; } }
.footer .footer-nav dl { padding-right: 10px; }
.footer .footer-nav dl dt { font-size: 18px; color: #ffffff; line-height: 2; font-weight: normal; margin-bottom: 0; }
.footer .footer-nav dl dd { margin-bottom: 0; }
.footer .footer-nav dl dd a { font-size: 14px; color: #cccccc; opacity: .6; line-height: 2; }
.footer .footer-nav dl dd a:hover { opacity: 1; }
.footer .footer-nav li { padding: .5rem 0; }
.footer .footer-nav a { color: #ffffff; opacity: .6; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.footer .footer-nav a:hover { opacity: .8; }
.footer .footer-tel .tel-top p { color: #8798a8; }
.footer .footer-tel .tel-num { color: #f33d3d; font-size: 30px; font-family: Arial; }
.footer .footer-qrcode { margin: 0 auto; }
@media (min-width: 1200px) { .footer .footer-qrcode { border-left: 1px solid rgba(255, 255, 255, 0.1); } }
.footer .qrcode-item .item-img { max-width: 148px; background-color: #5d5d5d; }
.footer .qrcode-item .item-name { margin-top: 5px; color: #f0f0f0; }
.footer .copyright { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer .copyright a { color: #ffffff; }
.footer .copyright span { color: #ffffff; opacity: .2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; }
.footer .copyright span a { color: #ffffff; }
.footer .copyright span:hover { opacity: .8; }
@media (max-width: 575.98px) { .footer .copyright { font-size: 14px; } }

.theme-head .head-left .head-top .head-dot { width: 5px; height: 5px; display: inline-block; margin-right: 10px; position: relative; }
.theme-head .head-left .head-top .head-dot::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: var(--theme-color); z-index: 2; }
.theme-head .head-left .head-top .head-dot::after { content: ''; display: block; position: absolute; margin: auto; right: 0; top: 0; bottom: 0; height: 1px; background-color: #ebebeb; width: 30vw; }
.theme-head .head-left .head-top .head-en-name { color: #999999; }
@media (max-width: 575.98px) { .theme-head .head-left .head-top .head-en-name { font-size: 14px; } }
.theme-head .head-left .head-name { font-size: 32px; }
@media (max-width: 1679.98px) { .theme-head .head-left .head-name { font-size: 28px; } }
@media (max-width: 1399.98px) { .theme-head .head-left .head-name { font-size: 28px; } }
@media (max-width: 767.98px) { .theme-head .head-left .head-name { font-size: 26px; } }
@media (max-width: 575.98px) { .theme-head .head-left .head-name { font-size: 22px; } }

.theme-btn { display: inline-block; background-color: var(--theme-color); padding-right: 20px; position: relative; }
.theme-btn::before, .theme-btn::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); top: 0; bottom: 0; left: 0; margin: auto; }
.theme-btn::before { -webkit-animation: btnWave 1s infinite; -o-animation: btnWave 1s infinite; animation: btnWave 2s infinite; }
.theme-btn::after { width: 90%; -webkit-animation: btnWave 1s infinite; -o-animation: btnWave 1s infinite; animation: btnWave 1.5s infinite; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; }
.theme-btn a { display: block; background-color: rgba(255, 255, 255, 0.1); padding: 8px 15px; color: #ffffff; position: relative; z-index: 2; }
@media (max-width: 575.98px) { .theme-btn { padding-right: 15px; }
  .theme-btn a { font-size: 14px; padding: 6px 10px; } }

.w-form .form-item { position: relative; }
.w-form .form-item .input-txt, .w-form .form-item .input-textarea { display: block; height: 46px; border: none; background-color: #f6f6f6; padding: 10px; }
.w-form .form-item .input-txt:focus, .w-form .form-item .input-txt.active, .w-form .form-item .input-textarea:focus, .w-form .form-item .input-textarea.active { outline: none; }
.w-form .form-item .input-textarea { height: 130px; }
.w-form .form-item .input-icon { width: 46px; height: 46px; position: absolute; right: 0; top: 0; }
.w-form .form-item .input-icon svg { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 60%; height: auto; }
.w-form .form-item .input-icon svg path { fill: #9e9e9e; }
.w-form .verifyImg { height: 46px; cursor: pointer; }
.w-form .submit-btn { display: block; background-color: var(--theme-color); color: #ffffff; text-align: center; line-height: 46px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-form .submit-btn:hover { opacity: .8; }

.bg { background-color: #f5f5f5; }

.radio-about-img { --mdb-aspect-ratio: calc(419 / 628 * 100%); }

@media (min-width: 1600px) { .sec-news { padding: 3% 0; } }

.news-swiper .item .item-wrap { position: relative; }
.news-swiper .item .item-wrap .item-bottom { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; background-color: rgba(0, 0, 0, 0.5); }
.news-swiper .item .item-wrap .item-title { width: 80%; color: #ffffff; font-size: 14px; padding: 12px 20px; }

.news-box .item .item-wrap { background-color: #fafafa; border: 1px solid #e9e9e9; padding: 15px 20px; }
.news-box .item .item-wrap .item-title { font-size: 18px; font-weight: bold; }
@media (max-width: 991.98px) { .news-box .item .item-wrap .item-title { line-height: 2; } }
.news-box .item .item-wrap .item-desc { color: #999999; }
.news-box .item .item-wrap .item-bottom { border-top: 1px dashed #ebebeb; padding-top: 1rem; }
.news-box .item .item-wrap .item-time { text-align: center; color: #d9d9d9; }
.news-box .item .item-wrap .item-time .date { font-family: Impact; font-size: 32px; line-height: 1; }
.news-box .item .item-wrap .item-time .year-month { line-height: 2; font-size: 14px; }
.news-box .item .item-wrap .item-more svg { width: 32px; height: 32px; }

.inner-section { padding: 3% 0; }
.inner-section .sec-head .head-name { font-size: 36px; }
.inner-section .sec-head .head-name span { position: relative; line-height: 1; display: block; z-index: 2; }
.inner-section .sec-head .head-name::after { content: attr(data-title); font-size: 48px; color: #d7d7d7; opacity: .9; line-height: 1; text-transform: uppercase; display: block; text-align: center; font-weight: bold; margin-top: -20px; }
@media (max-width: 991.98px) { .inner-section .sec-head .head-name::after { font-size: 86px; } }
@media (max-width: 767.98px) { .inner-section .sec-head .head-name::after { font-size: 72px; } }
@media (max-width: 1399.98px) { .inner-section .sec-head .head-name { font-size: 32px; }
  .inner-section .sec-head .head-name::after { font-size: 42px; } }
@media (max-width: 991.98px) { .inner-section .sec-head .head-name { font-size: 28px; }
  .inner-section .sec-head .head-name::after { font-size: 36px; } }
@media (max-width: 575.98px) { .inner-section .sec-head .head-name { font-size: 24px; }
  .inner-section .sec-head .head-name::after { font-size: 32px; } }
.inner-section .sec-head .head-line { width: 50px; display: block; height: 2px; background-color: #3584fb; margin: 1rem auto; }
.inner-section .sec-head .head-desc { color: #999999; }
.inner-section .sec-head .head-desc i.dot-line { display: inline-block; position: relative; width: 5px; height: 5px; }
.inner-section .sec-head .head-desc i.dot-line::after { content: ''; display: block; width: 5px; height: 5px; background-color: var(--theme-color); position: absolute; left: 0; top: 0; z-index: 2; }
.inner-section .sec-head .head-desc i.dot-line::before { content: ''; display: block; position: absolute; width: 100px; height: 1px; background-color: #ebebeb; margin: auto; top: 0; bottom: 0; }
@media (max-width: 575.98px) { .inner-section .sec-head .head-desc i.dot-line::before { width: 60px; } }
.inner-section .sec-head .head-desc i.dot-line.dot-left::before { right: 0; }
.inner-section .sec-head .head-desc i.dot-line.dot-right::before { left: 0; }
.inner-section .sec-head .head-desc span { padding: 0 10px; }
.inner-section .sec-head.head-white .head-name { color: #ffffff; }
.inner-section .sec-head.head-white .head-desc i.dot-line::before { opacity: .2; }
.inner-section.sec-about { overflow: hidden; background: url("../Image/i-sec-about-bg.jpg") center/cover no-repeat; }
@media (min-width: 1680px) { .inner-section.sec-about .about-left { padding-left: 13vw; } }
@media (max-width: 1679.98px) { .inner-section.sec-about .about-left { padding-left: 3vw; } }
@media (max-width: 1399.98px) { .inner-section.sec-about .about-left { padding-left: 2vw; } }
.inner-section.sec-about .about-title { position: relative; font-size: 30px; color: #333333; font-weight: bold; }
.inner-section.sec-about .about-title span { position: relative; z-index: 2; display: block; margin-top: -2rem; }
@media (max-width: 575.98px) { .inner-section.sec-about .about-title { font-size: 26px; } }
.inner-section.sec-about .about-title::before { content: attr(data-title); color: #0c4694; opacity: .1; line-height: 1; display: block; text-transform: uppercase; font-size: 70px; font-weight: bold; }
@media (max-width: 1399.98px) { .inner-section.sec-about .about-title::before { font-size: 62px; } }
@media (max-width: 767.98px) { .inner-section.sec-about .about-title::before { font-size: 42px; } }
@media (max-width: 575.98px) { .inner-section.sec-about .about-title::before { line-height: 1.5; font-size: 32px; } }
.inner-section.sec-about .about-param .param-item .item-wrap .item-num { font-family: Avian; font-size: 52px; color: #0c4694; font-weight: bold; position: relative; padding-left: 20px; }
.inner-section.sec-about .about-param .param-item .item-wrap .item-num sup { font-size: 12px; color: #ffffff; font-weight: normal; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 18px; background-color: var(--theme-red); border-radius: 50%; vertical-align: text-top; }
.inner-section.sec-about .about-param .param-item .item-wrap .item-title { color: #8a8a8a; }
.inner-section.sec-about .about-param .param-item .item-wrap .item-title span { display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin-right: 5px; }
.inner-section.sec-about .about-param .param-item .item-wrap .item-title span.icon-build { background: url("../Image/icon-build.png") center/contain no-repeat; }
.inner-section.sec-about .about-param .param-item .item-wrap .item-title span.icon-zijin { background: url("../Image/icon-zijin.png") center/contain no-repeat; }
.inner-section.sec-about .about-param .param-item .item-wrap .item-title span.icon-yuangong { background: url("../Image/icon-yuangong.png") center/contain no-repeat; }
@media (max-width: 575.98px) { .inner-section.sec-about .about-param .param-item .item-wrap .item-num { font-size: 28px; }
  .inner-section.sec-about .about-param .param-item .item-wrap .item-title { font-size: 12px; text-align: center; }
  .inner-section.sec-about .about-param .param-item .item-wrap .item-title span { display: none; } }
.inner-section.sec-about .about-content { margin: 3% 0; line-height: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; }
.inner-section.sec-about .about-spec-box .spec-item .item-wrap { background-color: #fff; border-radius: 5px; border: 1px solid #f2f2f2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; --item-color:#666666; --item-hover-color:#ffffff; }
.inner-section.sec-about .about-spec-box .spec-item .item-wrap .item-icon { text-align: center; }
.inner-section.sec-about .about-spec-box .spec-item .item-wrap .item-icon svg { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 1.75rem; height: 1.75rem; }
.inner-section.sec-about .about-spec-box .spec-item .item-wrap .item-icon svg path { fill: var(--item-color); }
.inner-section.sec-about .about-spec-box .spec-item .item-wrap .item-name { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: var(--item-color); }
@media (max-width: 767.98px) { .inner-section.sec-about .about-spec-box .spec-item .ratio-16x9 { --mdb-aspect-ratio: 86.25%; } }
.inner-section.sec-about .about-spec-box .spec-item:hover .item-wrap { background-color: #0c4694; }
.inner-section.sec-about .about-spec-box .spec-item:hover .item-wrap .item-icon svg path { fill: var(--item-hover-color); }
.inner-section.sec-about .about-spec-box .spec-item:hover .item-wrap .item-name { color: var(--item-hover-color); }
.inner-section.sec-about .about-bottom .more-btn { border: 1px solid #e2e2e2; background-color: var(--theme-red); color: #ffffff; display: inline-block; padding: 0.65rem 2rem; line-height: 1; }
.inner-section.sec-about .about-bottom .more-btn svg { display: inline-block; vertical-align: middle; margin-left: 10px; width: 1rem; height: 1rem; }
.inner-section.sec-about .about-bottom .more-btn svg path { fill: #ffffff; }
.inner-section.sec-about .about-img .radio-about-img { margin-left: 5vw; position: relative; }
.inner-section.sec-about .about-img .radio-about-img::before { content: ''; display: block; position: absolute; bottom: -20px; left: -20px; width: 210px; height: 210px; background-color: #0c4694; }
.inner-section.sec-about .about-img .radio-about-img img { display: block; position: relative; z-index: 2; }
.inner-section.sec-business .swiper-business .swiper-slide { padding: 1rem; padding-top: 1.5rem; }
.inner-section.sec-business .swiper-business .swiper-slide .item-wrap .item-img { border-width: 4px; border-color: #ffffff; border-style: solid; border-radius: 50%; background-color: #f8f8f8; box-shadow: 0px 0px 24px 0px rgba(11, 11, 11, 0.21); }
.inner-section.sec-business .swiper-business .swiper-slide .item-wrap .item-img img { border-radius: 50%; }
.inner-section.sec-business .swiper-business .swiper-slide .item-wrap .item-name { font-weight: bold; color: #363636; text-align: center; padding: .25rem; }
.inner-section.sec-business .swiper-business .swiper-slide:hover .item-wrap .item-img { border-color: #dbe9ff; }
.inner-section.sec-business .cases-box .box-head .head-left .head-name img { display: inline-block; vertical-align: middle; }
.inner-section.sec-business .cases-box .box-head .head-left .head-name strong { display: inline-block; vertical-align: middle; color: #2d2d2d; font-size: 36px; }
@media (max-width: 991.98px) { .inner-section.sec-business .cases-box .box-head .head-left .head-name strong { font-size: 32px; } }
@media (max-width: 575.98px) { .inner-section.sec-business .cases-box .box-head .head-left .head-name strong { font-size: 26px; } }
.inner-section.sec-business .cases-box .box-head .head-left .head-desc { padding-left: 25px; margin-left: 25px; border-left: 1px solid #dbdbdb; line-height: 27px; height: 27px; color: #989898; }
.inner-section.sec-business .cases-box .box-head .head-more { color: #999999; font-size: 14px; }
.inner-section.sec-solution { background-color: #006db8; padding-bottom: 0; }
.inner-section.sec-solution .sec-head .head-name span { color: #ffffff; }
.inner-section.sec-solution .sec-head .head-name::after { color: #ffffff; opacity: .1; }
.inner-section.sec-solution .sec-head .head-desc { color: #ffffff; }
.inner-section.sec-solution .solution-box { margin-top: 3%; }
.inner-section.sec-solution .solution-box .item { flex: 1; overflow: hidden; background-color: #fff; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; transition: width .5s; }
.inner-section.sec-solution .solution-box .item .item-wrap { width: 100%; position: relative; }
.inner-section.sec-solution .solution-box .item .item-wrap .item-img { position: relative; }
.inner-section.sec-solution .solution-box .item .item-wrap .item-img::after { content: ''; display: block; position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; }
.inner-section.sec-solution .solution-box .item .item-wrap .item-img img { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.inner-section.sec-solution .solution-box .item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; color: #ffffff; }
.inner-section.sec-solution .solution-box .item .overlay .overlay-wrap { padding: 0 15%; height: 100%; }
.inner-section.sec-solution .solution-box .item .overlay .item-name { font-size: 24px; }
.inner-section.sec-solution .solution-box .item .overlay .item-icon { margin: 2rem 0; }
.inner-section.sec-solution .solution-box .item .overlay .item-icon img { max-width: 80px; filter: grayscale(100%) brightness(100); }
.inner-section.sec-solution .solution-box .item .overlay .item-desc { display: none; }
@media (max-width: 991.98px) { .inner-section.sec-solution .solution-box .item { flex: 0 auto; width: 50%; }
  .inner-section.sec-solution .solution-box .item .item-wrap .item-img { height: 420px; }
  .inner-section.sec-solution .solution-box .item .item-wrap .item-img img { transform: translateX(0); }
  .inner-section.sec-solution .solution-box .item .overlay .item-name { font-size: 20px; }
  .inner-section.sec-solution .solution-box .item .overlay .item-icon { margin: 1.5rem 0; }
  .inner-section.sec-solution .solution-box .item .overlay .item-icon img { max-width: 42px; }
  .inner-section.sec-solution .solution-box .item .overlay .item-desc { display: block; } }
@media (max-width: 767.98px) { .inner-section.sec-solution .solution-box .item { flex: 0 auto; width: 50%; }
  .inner-section.sec-solution .solution-box .item .item-wrap .item-img { height: 320px; }
  .inner-section.sec-solution .solution-box .item .overlay .overlay-wrap { padding: 0 10%; }
  .inner-section.sec-solution .solution-box .item .overlay .overlay-wrap .item-name { font-size: 18px; }
  .inner-section.sec-solution .solution-box .item .overlay .overlay-wrap .item-icon { margin: 1rem 0; }
  .inner-section.sec-solution .solution-box .item .overlay .overlay-wrap .item-icon img { max-width: 36px; } }
@media (max-width: 575.98px) { .inner-section.sec-solution .solution-box .item { width: 100%; }
  .inner-section.sec-solution .solution-box .item .item-wrap .item-img { height: 280px; }
  .inner-section.sec-solution .solution-box .item .item-wrap .item-img img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .inner-section.sec-solution .solution-box .item .item-wrap .overlay .overlay-wrap { padding: 0 6%; }
  .inner-section.sec-solution .solution-box .item .item-wrap .overlay .overlay-wrap .item-icon { margin: 1rem 0; }
  .inner-section.sec-solution .solution-box .item .item-wrap .overlay .overlay-wrap .item-icon img { max-width: 42px; } }
@media (min-width: 992px) { .inner-section.sec-solution .solution-box .item.active { flex: 3; }
  .inner-section.sec-solution .solution-box .item.active .item-wrap .item-img { position: relative; width: 100%; --mdb-aspect-ratio: calc(69 / 96 * 100% ); }
  .inner-section.sec-solution .solution-box .item.active .item-wrap .item-img img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .inner-section.sec-solution .solution-box .item.active .item-wrap .item-name { font-weight: bold; }
  .inner-section.sec-solution .solution-box .item.active .item-wrap .item-desc { display: block; } }
.inner-section.sec-technology { background: url("../Image/tech-bg.jpg") center/cover no-repeat; }
.inner-section.sec-technology .tech-box .tech-en-title { color: #d7d7d7; text-transform: uppercase; font-size: 30px; opacity: .3; font-weight: bold; line-height: 1; }
.inner-section.sec-technology .tech-box .tech-title { line-height: 2; font-size: 36px; font-weight: bold; color: #ffffff; }
.inner-section.sec-technology .tech-box .tech-brief { margin-top: 1rem; color: #ffffff; font-size: 16px; line-height: 2; }
.inner-section.sec-technology .tech-box .tech-brief::before { content: ''; display: inline-block; height: 1px; width: 30px; background-color: #ffffff; vertical-align: middle; margin-right: 5px; }
.inner-section.sec-technology .tech-box .content-wrapper { background-color: #ffffff; border-radius: 18px; position: relative; overflow: hidden; }
.inner-section.sec-technology .tech-box .content-wrapper::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: #fff; opacity: .11; right: -18px; bottom: -18px; border-radius: 18px; }
.inner-section.sec-technology .tech-box .content-wrapper .content-ico { position: absolute; right: 0; bottom: 0; -webkit-transform: translate3d(30px, 40px, 0); -moz-transform: translate3d(30px, 40px, 0); -ms-transform: translate3d(30px, 40px, 0); -o-transform: translate3d(30px, 40px, 0); transform: translate3d(30px, 40px, 0); }
@media (max-width: 991.98px) { .inner-section.sec-technology .tech-box .content-wrapper .content-ico { width: 220px; } }
@media (max-width: 767.98px) { .inner-section.sec-technology .tech-box .content-wrapper .content-ico { width: 180px; } }
.inner-section.sec-technology .tech-box .content-wrapper .tech-head { padding-bottom: 2px; }
.inner-section.sec-technology .tech-box .content-wrapper .tech-head .swiper-wrapper { border-bottom: 1px solid #e4e4e4; }
.inner-section.sec-technology .tech-box .content-wrapper .tech-head .item .item-wrap { padding-bottom: 1.3rem; line-height: 2; position: relative; }
.inner-section.sec-technology .tech-box .content-wrapper .tech-head .item .item-wrap::after { content: ''; display: block; position: absolute; left: 0; bottom: -2px; height: 3px; width: 100%; background-color: #018dee; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; }
.inner-section.sec-technology .tech-box .content-wrapper .tech-head .item .item-wrap .item-icon { width: 80px; height: 80px; margin: 0 auto; overflow: hidden; }
.inner-section.sec-technology .tech-box .content-wrapper .tech-head .item:hover .item-wrap::after, .inner-section.sec-technology .tech-box .content-wrapper .tech-head .item.swiper-slide-thumb-active .item-wrap::after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.inner-section.sec-technology .tech-box .content-wrapper .tech-body .item .item-wrap { position: relative; padding: 3% 5%; border-radius: 0 0 18px 18px; overflow: hidden; }
.inner-section.sec-technology .tech-box .content-wrapper .tech-body .item .item-wrap .item-name { font-size: 24px; margin: 1rem 0; }
.inner-section.sec-technology .tech-box .content-wrapper .tech-body .item .item-wrap .item-content { line-height: 2; height: 64px; color: #757575; }
.inner-section.sec-technology .tech-box .content-wrapper .tech-body .item .item-wrap .item-num { font-size: 150px; color: #eff0f4; font-weight: bold; font-family: Avian; line-height: 1.3; -webkit-transform: translateY(45%); -moz-transform: translateY(45%); -ms-transform: translateY(45%); -o-transform: translateY(45%); transform: translateY(45%); }

.in-section { padding: 3% 0; }
.in-section.sec-in-about { background: url("../Image/about-bg.jpg") right no-repeat; }
.in-section.sec-in-about .about-img { position: absolute; width: 50vw; right: 0; height: 100%; }
.in-section.sec-in-about .about-content { line-height: 2; }
.in-section.sec-in-param { background: url("../Image/about-param-bg.jpg") center/cover no-repeat; }
@media (max-width: 767.98px) { .in-section.sec-in-param { padding-bottom: 8%; } }
.in-section.sec-in-param .param-title { font-size: 36px; color: #ffffff; text-align: center; margin-bottom: 5%; }
@media (max-width: 575.98px) { .in-section.sec-in-param .param-title { font-size: 32px; } }
.in-section.sec-in-param .about-param .param-item .item-wrap { text-align: center; }
.in-section.sec-in-param .about-param .param-item .item-wrap .item-num { font-family: Avian; font-size: 60px; color: #ffffff; font-weight: bold; position: relative; }
.in-section.sec-in-param .about-param .param-item .item-wrap .item-num sup { font-size: 12px; color: #ffffff; font-weight: normal; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 18px; background-color: var(--theme-red); border-radius: 50%; vertical-align: text-top; }
@media (max-width: 991.98px) { .in-section.sec-in-param .about-param .param-item .item-wrap .item-num { font-size: 52px; } }
@media (max-width: 767.98px) { .in-section.sec-in-param .about-param .param-item .item-wrap .item-num { font-size: 48px; } }
@media (max-width: 575.98px) { .in-section.sec-in-param .about-param .param-item .item-wrap .item-num { font-size: 32px; } }
.in-section.sec-in-param .about-param .param-item .item-wrap .item-title { color: #ffffff; }
.in-section.sec-in-param .about-param .param-item .item-wrap .item-title span { display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin-right: 5px; filter: grayscale(100%) brightness(100); }
.in-section.sec-in-param .about-param .param-item .item-wrap .item-title span.icon-build { background: url("../Image/icon-build.png") center/contain no-repeat; }
.in-section.sec-in-param .about-param .param-item .item-wrap .item-title span.icon-zijin { background: url("../Image/icon-zijin.png") center/contain no-repeat; }
.in-section.sec-in-param .about-param .param-item .item-wrap .item-title span.icon-yuangong { background: url("../Image/icon-yuangong.png") center/contain no-repeat; }
@media (max-width: 575.98px) { .in-section.sec-in-param .about-param .param-item .item-wrap .item-title { font-size: 14px; }
  .in-section.sec-in-param .about-param .param-item .item-wrap .item-title span { width: 18px; height: 18px; } }
.in-section.sec-in-cultrue { position: relative; background-color: #efefef; }
.in-section.sec-in-cultrue::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 14vw; min-height: 200px; background-color: #fff; }
.in-section.sec-in-cultrue .container { position: relative; }
.in-section.sec-in-cultrue .cultrue-box { background: url("../Image/about-cultrue-bg.jpg") center/cover no-repeat; color: #ffffff; }
.in-section.sec-in-cultrue .cultrue-box .item .item-wrap { padding: 3rem; }
.in-section.sec-in-cultrue .cultrue-box .item .item-wrap .item-en { text-transform: capitalize; }
.in-section.sec-in-cultrue .cultrue-box .item .item-wrap .item-name { font-size: 24px; font-weight: bold; line-height: 2; margin-top: 0.5rem; }
.in-section.sec-in-cultrue .cultrue-box .item .item-wrap .item-desc { margin-top: 2rem; font-size: 14px; line-height: 2.2; }
.in-section.sec-in-cultrue .cultrue-box .item .item-wrap .item-line { height: 2px; width: 42px; background-color: #fff; margin: 3rem auto 1.125rem; }
.in-section.sec-in-cultrue .cultrue-param-box .item .item-wrap { background-color: #ffffff; padding: 1.5rem 0; height: 210px; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }
.in-section.sec-in-cultrue .cultrue-param-box .item .item-wrap .item-en { color: #999999; font-size: 14px; text-transform: capitalize; }
.in-section.sec-in-cultrue .cultrue-param-box .item .item-wrap .item-name { font-size: 18px; font-weight: bold; line-height: 2; }
.in-section.sec-in-cultrue .cultrue-param-box .item .item-wrap .item-line { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; height: 2px; width: 20px; background-color: #e84500; margin: 0.625rem auto; }
.in-section.sec-in-cultrue .cultrue-param-box .item:hover .item-wrap { background-color: #003687; }
.in-section.sec-in-cultrue .cultrue-param-box .item:hover .item-wrap .item-en { color: #ffffff; }
.in-section.sec-in-cultrue .cultrue-param-box .item:hover .item-wrap .item-name { color: #ffffff; }
.in-section.sec-in-cultrue .cultrue-param-box .item:hover .item-wrap .item-desc { color: #ffffff; }
.in-section.sec-in-cultrue .cultrue-param-box .item:hover .item-wrap .item-line { -webkit-transform: scaleX(1.2); -moz-transform: scaleX(1.2); -ms-transform: scaleX(1.2); -o-transform: scaleX(1.2); transform: scaleX(1.2); }

.in-box .box-head .head-en { color: #999999; font-size: 20px; text-transform: uppercase; }
.in-box .box-head .head-cn .name { font-size: 36px; font-weight: bold; color: #333333; }
.in-box .box-head .head-cn .line { width: 10px; height: 36px; -webkit-transform: skewX(-30deg); -moz-transform: skewX(-30deg); -ms-transform: skewX(-30deg); -o-transform: skewX(-30deg); transform: skewX(-30deg); background-color: #006db8; margin: 0 2vw; }
.in-box .box-head .head-cn .brief { color: #d9dfe9; font-size: 48px; font-weight: bold; }
.in-box .box-head .head-cn .year { font-weight: bold; color: #d9dfe9; font-size: 60px; }
@media (max-width: 1679.98px) { .in-box .box-head .head-cn .name { font-size: 30px; }
  .in-box .box-head .head-cn .line { height: 30px; }
  .in-box .box-head .head-cn .brief { font-size: 38px; }
  .in-box .box-head .head-cn .year { font-size: 48px; } }
@media (max-width: 1199.98px) { .in-box .box-head .head-cn .name { font-size: 30px; }
  .in-box .box-head .head-cn .line { height: 30px; } }
@media (max-width: 767.98px) { .in-box .box-head .head-cn .name { font-size: 26px; }
  .in-box .box-head .head-cn .line { height: 26px; }
  .in-box .box-head .head-cn .brief { font-size: 24px; }
  .in-box .box-head .head-cn .year { font-size: 32px; } }

.case-list .item .item-wrap { overflow: hidden; position: relative; border: 1px solid #ededed; }
.case-list .item .item-wrap .item-img { border-bottom: 1px solid #ededed; }
.case-list .item .item-wrap .item-img img { display: block; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.case-list .item .item-wrap .item-bottom { position: absolute; bottom: 0; left: 0; }
.case-list .item .item-wrap .item-bottom .bottom-wrap { background-color: #006db8; padding: 1rem; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.case-list .item .item-wrap .item-bottom .bottom-wrap .bottom-left { flex: 0 auto; width: 75%; color: #ffffff; }
.case-list .item .item-wrap .item-bottom .bottom-wrap .bottom-left .item-name { font-size: 18px; }
.case-list .item .item-wrap .item-bottom .bottom-wrap .bottom-left .item-desc { font-size: 14px; line-height: 2; }
.case-list .item .item-wrap .item-bottom .bottom-wrap .bottom-more { flex: 0 auto; width: 60px; }
.case-list .item .item-wrap .item-bottom .bottom-wrap .bottom-more a { background-color: #f33d3d; line-height: 1.2; color: #ffffff; border-radius: 5px; }
.case-list .item .item-wrap:hover .item-img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.case-list .item .item-wrap:hover .item-bottom .bottom-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

/*新闻列表*/
.news-list .item .item-wrap { position: relative; height: 100%; padding-bottom: 1rem; }
.news-list .item .item-wrap::after { content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--theme-red); -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.news-list .item .item-wrap .item-img { overflow: hidden; }
.news-list .item .item-wrap .item-img img { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.news-list .item .item-wrap .item-bottom .item-info { flex: 1; margin-right: 10px; height: 64px; }
.news-list .item .item-wrap .item-bottom .item-info .item-title { font-size: 20px; color: #333; font-weight: bold; }
@media (max-width: 991.98px) { .news-list .item .item-wrap .item-bottom .item-info .item-title { font-size: 18px; } }
@media (max-width: 767.98px) { .news-list .item .item-wrap .item-bottom .item-info .item-title { font-size: 16px; font-weight: normal; } }
.news-list .item .item-wrap .item-bottom .item-more { width: 40px; height: 40px; }
.news-list .item .item-wrap .item-bottom .item-more .more-icon { background-color: #d6d6d6; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list .item .item-wrap .item-bottom .item-more .more-icon svg path { fill: #ffffff; }
.news-list .item .item-wrap .item-time { color: #999999; font-size: 14px; line-height: 28px; }
.news-list .item:hover .item-wrap::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
.news-list .item:hover .item-wrap .item-img img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
.news-list .item:hover .item-wrap .item-bottom .item-more .more-icon { background-color: var(--theme-red); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.news-list-2 .item .news-img { overflow: hidden; }
.news-list-2 .item .news-img img { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.news-list-2 .item .news-info .news-title { font-size: 24px; color: #333333; }
.news-list-2 .item .news-info .news-desc { line-height: 1.75; color: #666666; margin-top: 1rem; }
.news-list-2 .item .news-info .news-meta { color: #999999; font-size: 14px; }
.news-list-2 .item:hover .news-img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.news-list-2 .item:hover .news-info .news-title { color: var(--theme-color); }

.swiper-honor .swiper-tools .progress-bar { width: 90%; height: 2px; }
.swiper-honor .swiper-tools .progress-bar .progressbar { height: 100%; background-color: #e2e2e2; }
.swiper-honor .swiper-tools .progress-bar .progressbar > span { background-color: #ff0b0b; }
.swiper-honor .swiper-tools .honor-prev-next .w-prev, .swiper-honor .swiper-tools .honor-prev-next .w-next { width: 42px; height: 42px; background-color: #c7c7c7; position: relative; margin: 0 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.swiper-honor .swiper-tools .honor-prev-next .w-prev svg, .swiper-honor .swiper-tools .honor-prev-next .w-next svg { width: 50%; height: 50%; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.swiper-honor .swiper-tools .honor-prev-next .w-prev svg path, .swiper-honor .swiper-tools .honor-prev-next .w-next svg path { fill: #ffffff; }
.swiper-honor .swiper-tools .honor-prev-next .w-prev:not(.swiper-honor .swiper-tools .honor-prev-next .w-prev.swiper-button-disabled):not(.swiper-honor .swiper-tools .honor-prev-next .w-next.swiper-button-disabled):hover, .swiper-honor .swiper-tools .honor-prev-next .w-next:not(.swiper-honor .swiper-tools .honor-prev-next .w-prev.swiper-button-disabled):not(.swiper-honor .swiper-tools .honor-prev-next .w-next.swiper-button-disabled):hover { cursor: pointer; background-color: var(--theme-color); }
.swiper-honor .swiper-tools .honor-prev-next .w-prev:not(.swiper-honor .swiper-tools .honor-prev-next .w-prev.swiper-button-disabled):not(.swiper-honor .swiper-tools .honor-prev-next .w-next.swiper-button-disabled):hover svg path, .swiper-honor .swiper-tools .honor-prev-next .w-next:not(.swiper-honor .swiper-tools .honor-prev-next .w-prev.swiper-button-disabled):not(.swiper-honor .swiper-tools .honor-prev-next .w-next.swiper-button-disabled):hover svg path { fill: #ffffff; }
.swiper-honor .swiper-tools .honor-prev-next .w-prev.swiper-button-disabled, .swiper-honor .swiper-tools .honor-prev-next .w-next.swiper-button-disabled { cursor: not-allowed; background-color: #e2e2e2; }

.business-list .item .item-wrap { box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.18); background-color: #ffffff; border-top-right-radius: 50px; overflow: hidden; position: relative; }
.business-list .item .item-wrap .item-img { overflow: hidden; position: relative; }
.business-list .item .item-wrap .item-img::before { content: ''; display: block; position: absolute; width: 100%; height: 25%; top: 0; left: 0; z-index: 1; background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.8) 100%); -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; }
.business-list .item .item-wrap .item-img img { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.business-list .item .item-wrap .item-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 2rem; }
.business-list .item .item-wrap .item-overlay .item-title { color: #ffffff; font-size: 24px; font-weight: bold; line-height: 2; }
.business-list .item .item-wrap .item-overlay .item-desc { background-color: #197bbf; padding: 1rem 1.5rem; color: #ffffff; position: absolute; width: 100%; bottom: 0; left: 0; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.business-list .item .item-wrap:hover .item-img::before { height: 150%; -webkit-transition: height 1s; -moz-transition: height 1s; -ms-transition: height 1s; -o-transition: height 1s; transition: height 1s; }
.business-list .item .item-wrap:hover .item-img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.business-list .item .item-wrap:hover .item-overlay .item-title { color: #197bbf; }
.business-list .item .item-wrap:hover .item-overlay .item-desc { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
@media (max-width: 991.98px) { .business-list .item .item-wrap .item-img::before { height: 150%; -webkit-transition: height 1s; -moz-transition: height 1s; -ms-transition: height 1s; -o-transition: height 1s; transition: height 1s; }
  .business-list .item .item-wrap .item-img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .business-list .item .item-wrap .item-overlay .item-title { color: #197bbf; font-size: 20px; }
  .business-list .item .item-wrap .item-overlay .item-desc { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@media (max-width: 767.98px) { .business-list .item .item-wrap .item-overlay { padding: 1rem; }
  .business-list .item .item-wrap .item-overlay .item-title { font-size: 18px; } }

.case-list-2 .item .item-wrap .item-img { overflow: hidden; }
.case-list-2 .item .item-wrap .item-img img { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.case-list-2 .item .item-wrap .item-caption .caption-top { border-bottom: 1px solid #d6d6d6; }
.case-list-2 .item .item-wrap .item-caption .caption-top .item-title { color: #333333; font-size: 24px; font-weight: bold; }
.case-list-2 .item .item-wrap .item-caption .caption-top .item-desc { color: #9a9a9a; line-height: 2; }
.case-list-2 .item .item-wrap .item-caption .item-content { color: #666666; font-weight: bold; height: 52px; }
.case-list-2 .item .item-wrap .item-more { background-color: #f2f3f7; color: #333333; line-height: 60px; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.case-list-2 .item .item-wrap .item-more svg { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.case-list-2 .item .item-wrap .item-more svg path { fill: #f33d3d; }
@media (max-width: 991.98px) { .case-list-2 .item .item-wrap .item-more { line-height: 46px; } }
.case-list-2 .item:hover .item-wrap .item-img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.case-list-2 .item:hover .item-more { background-color: #f33d3d; color: #ffffff; }
.case-list-2 .item:hover .item-more svg path { fill: #ffffff; }

.detail-page { padding-top: 1rem; }
.detail-page .detail-title { font-size: 24px; }
.detail-page .detail-meta { font-size: 14px; color: #666666; margin-bottom: 1rem; }
@media (min-width: 992px) { .detail-page .detail-img { width: 75%; margin: 0 auto; } }
.detail-page .detail-content { color: #333333; line-height: 1.75; }
.detail-page .detail-content img { max-width: 100%; vertical-align: bottom; }

.page-head { margin-top: 2rem; margin-bottom: 1.5rem; }
@media (min-width: 1680px) { .page-head { margin-top: 3rem; margin-bottom: 3.5rem; } }
.page-head .head-en-name { font-size: 20px; color: #999999; text-transform: uppercase; }
.page-head .head-name { font-size: 36px; font-weight: bold; color: #333333; }
@media (max-width: 991.98px) { .page-head .head-en-name { font-size: 18px; }
  .page-head .head-name { font-size: 32px; } }
@media (max-width: 767.98px) { .page-head .head-en-name { font-size: 18px; }
  .page-head .head-name { font-size: 22px; } }

.news-detail-page .news-top .news-title { font-size: 24px; color: #333333; }
@media (min-width: 1400px) { .news-detail-page .news-top .news-title { font-size: 28px; } }
.news-detail-page .news-top .news-meta { color: #999999; line-height: 2; }
.news-detail-page .news-img { background-color: #f0f0f0; border-radius: 5px; }
.news-detail-page .news-content { color: #666666; line-height: 2; }
.news-detail-page .news-content img { max-width: 100%; }
.news-detail-page .prev_next { padding-top: 1.5rem; border-top: 1px solid #e5e5e5; padding-left: 5px; padding-right: 5px; }
.news-detail-page .prev_next .page-a { font-size: 14px; line-height: 2; }
@media (min-width: 1400px) { .news-detail-page .news-right { padding-left: 40px; } }
.news-detail-page .news-right .head { border-bottom: 1px solid #ededed; }
.news-detail-page .news-right .head .head-name { position: relative; padding-left: 10px; font-size: 22px; color: #333333; }
.news-detail-page .news-right .head .head-name::before { content: ''; display: block; width: 3px; height: 20px; background-color: var(--theme-color); position: absolute; margin: auto; left: -1px; top: 0; bottom: 0; }
.news-detail-page .news-right .head .head-more { color: #a9a9a9; }
.news-detail-page .news-right .prev_next { border-top: 1px solid #ededed; padding-top: 1.5rem; }
.news-detail-page .news-right .prev_next .page-a { border: 1px solid #efefef; border-radius: 5px; padding: 1rem; color: #666666; margin-bottom: 1rem; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-detail-page .news-right .prev_next .page-a a { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-detail-page .news-right .prev_next .page-a:hover { background-color: var(--theme-color); color: #ffffff; }
.news-detail-page .news-right .prev_next .page-a:hover a { color: #ffffff; }

.tech-list .item { padding: 45px 40px; background: #fff; margin-bottom: 3rem; position: relative; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.tech-list .item .bg-logo { position: absolute; right: 0; bottom: 0; -webkit-transform: translateY(55%); -moz-transform: translateY(55%); -ms-transform: translateY(55%); -o-transform: translateY(55%); transform: translateY(55%); width: 100%; }
@media (min-width: 992px) { .tech-list .item .bg-logo { width: 50%; } }
.tech-list .item:nth-child(even) .bg-logo { right: auto; left: 0; }
.tech-list .item .item-wrap { position: relative; z-index: 2; }
.tech-list .item .item-num { font-size: 120px; font-weight: bold; color: #e5e7ec; line-height: 1.2; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.tech-list .item .item-title { color: #454545; font-size: 24px; }
.tech-list .item .item-content { line-height: 2; color: #666666; }
.tech-list .item .item-more { text-align: right; }
.tech-list .item .item-more a { border-left: 8px solid #f33d3d; display: inline-block; padding: 1rem 2.3rem; background: var(--theme-color); color: #fff; }
.tech-list .item .item-more a svg { -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; fill: #ffffff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
@media (max-width: 1399.98px) { .tech-list .item .item-num { font-size: 82px; }
  .tech-list .item .item-more a { padding: .75rem 2rem; } }
@media (max-width: 1199.98px) { .tech-list .item .item-num { font-size: 70px; } }
@media (max-width: 991.98px) { .tech-list .item .item-num { font-size: 62px; }
  .tech-list .item .item-title { font-size: 20px; }
  .tech-list .item .item-more a { padding: .5rem 1rem; } }
@media (max-width: 575.98px) { .tech-list .item .item-num { font-size: 46px; }
  .tech-list .item .item-title { font-size: 18px; } }
.tech-list .item:hover { box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); }
.tech-list .item:hover .item-num { color: var(--theme-color); }
.tech-list .item:hover .item-more a:hover svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.goods-info-page .goods-banner { position: relative; height: 200px; }
.goods-info-page .goods-banner img { position: absolute; width: 100%; left: 0; top: 0; }
@media (max-width: 767.98px) { .goods-info-page .goods-banner { height: 160px; }
  .goods-info-page .goods-banner img { height: 150%; object-fit: cover; } }
@media (max-width: 575.98px) { .goods-info-page .goods-banner { height: 120px; }
  .goods-info-page .goods-banner img { height: 150%; object-fit: cover; } }
.goods-info-page .goods-top .top-wrap { box-shadow: 0px 0px 16px 0px rgba(49, 49, 49, 0.11); }
.goods-info-page .goods-top .goods-title { font-size: 30px; color: #171717; }
.goods-info-page .goods-top .goods-title::after { content: ''; display: block; width: 50px; height: 3px; background-color: var(--theme-red); margin: .5rem 0; }
@media (max-width: 1199.98px) { .goods-info-page .goods-top .goods-title { font-size: 26px; } }
@media (max-width: 991.98px) { .goods-info-page .goods-top .goods-title { font-size: 24px; } }
@media (max-width: 575.98px) { .goods-info-page .goods-top .goods-title { font-size: 20px; } }
.goods-info-page .goods-top .goods-desc { color: #999999; font-size: 14px; }
.goods-info-page .goods-top .goods-service .service-item:not(:last-child) { border-right: 1px solid #e8e8e8; }
.goods-info-page .goods-top .goods-service .service-item .item-icon { position: relative; width: 100px; height: 100px; border-radius: 50%; background-color: var(--theme-color); margin: 0 auto; }
@media (max-width: 1199.98px) { .goods-info-page .goods-top .goods-service .service-item .item-icon { width: 80px; height: 80px; } }
@media (max-width: 767.98px) { .goods-info-page .goods-top .goods-service .service-item .item-icon { width: 70px; height: 70px; } }
@media (max-width: 575.98px) { .goods-info-page .goods-top .goods-service .service-item .item-icon { width: 60px; height: 60px; } }
.goods-info-page .goods-top .goods-service .service-item .item-icon svg { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: auto; }
.goods-info-page .goods-top .goods-service .service-item .item-icon svg path { fill: #ffffff; }
.goods-info-page .goods-top .goods-service .service-item .item-name { text-align: center; font-size: 14px; line-height: 2; padding: .5rem 0; }
.goods-info-page .goods-top .goods-contact .contact-btn { background-color: var(--theme-red); color: #ffffff; border-radius: 5px; text-align: center; padding: 0.65rem 2.5rem; display: block; }
.goods-info-page .goods-top .goods-contact .contact-tel .tel-icon { width: 46px; height: 46px; border-radius: 50%; background-color: var(--theme-red); position: relative; margin-right: .5rem; }
.goods-info-page .goods-top .goods-contact .contact-tel .tel-icon svg { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; width: 65%; }
.goods-info-page .goods-top .goods-contact .contact-tel .tel-icon svg path { fill: #ffffff; }
@media (max-width: 767.98px) { .goods-info-page .goods-top .goods-contact .contact-tel .tel-icon { width: 42px; height: 42px; } }
.goods-info-page .goods-top .goods-contact .contact-tel .tel-info p { color: #666666; font-size: 14px; }
.goods-info-page .goods-top .goods-contact .contact-tel .tel-info .tel-num { font-size: 30px; font-weight: bold; color: var(--theme-color); line-height: 1; }
@media (max-width: 767.98px) { .goods-info-page .goods-top .goods-contact .contact-tel .tel-info .tel-num { font-size: 24px; } }
.goods-info-page .goods-top .goods-promise { font-size: 14px; text-align: center; border-color: #e0e2e5; }
.goods-info-page .detail-nav { border-bottom: 1px solid #eeeeee; }
.goods-info-page .detail-nav .nav-item { position: relative; padding: .625rem 3rem; font-size: 18px; }
.goods-info-page .detail-nav .nav-item::before { content: ''; display: block; position: absolute; width: 100%; bottom: -1px; height: 2px; background-color: var(--theme-red); left: 0; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
.goods-info-page .detail-nav .nav-item:hover::before, .goods-info-page .detail-nav .nav-item.on::before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.goods-info-page .detail-nav .nav-item a { color: #333333; }
@media (max-width: 991.98px) { .goods-info-page .detail-nav .nav-item { font-size: 16px; padding: .5rem 1rem; } }
@media (max-width: 575.98px) { .goods-info-page .detail-nav .nav-item { font-size: 14px; padding: .5rem; } }
.goods-info-page .detail-section .con-head { color: #eb3c07; }
@media (max-width: 767.98px) { .goods-info-page .detail-section .con-head { margin-top: 1rem; } }
.goods-info-page .detail-section .con-head > strong { font-size: 30px; }
@media (max-width: 991.98px) { .goods-info-page .detail-section .con-head > strong { font-size: 24px; } }
@media (max-width: 767.98px) { .goods-info-page .detail-section .con-head > strong { font-size: 22px; } }
@media (max-width: 575.98px) { .goods-info-page .detail-section .con-head > strong { font-size: 18px; } }
.goods-info-page .detail-section .content-detail { color: #666666; line-height: 36px; }
@media (max-width: 767.98px) { .goods-info-page .detail-section .content-detail { line-height: 1.5; } }
.goods-info-page .detail-section .content-detail img { max-width: 100%; text-indent: 0 !important; }
.goods-info-page .goods-solution .solution-box .item .item-wrap { background-color: #ededed; }
.goods-info-page .goods-solution .solution-box .item .item-wrap .item-img::before { content: ''; display: block; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: 0; }
.goods-info-page .goods-solution .solution-box .item .item-wrap .item-img img { -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: 0; }
.goods-info-page .goods-solution .solution-box .item .item-wrap .overlay { z-index: 2; }
.goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-name { font-size: 24px; font-weight: bold; color: #333333; }
@media (max-width: 1399.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-name { font-size: 22px; } }
@media (max-width: 991.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-name { font-size: 20px; } }
@media (max-width: 767.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-name { font-size: 18px; } }
@media (max-width: 575.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-name { font-size: 16px; } }
.goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-icon { width: 130px; height: 130px; background-color: #ffffff; border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: 1rem auto 2rem; position: relative; }
@media (max-width: 1399.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-icon { width: 80px; height: 80px; } }
@media (max-width: 991.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-icon { width: 90px; height: 90px; } }
@media (max-width: 767.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-icon { width: 80px; height: 80px; } }
@media (max-width: 575.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-icon { width: 60px; height: 60px; margin: 1rem auto; } }
.goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-icon img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-desc { color: #666666; padding: 1rem; text-align: center; }
@media (min-width: 992px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-desc { width: 75%; margin: 0 auto; } }
@media (max-width: 575.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-desc { font-size: 14px; } }
.goods-info-page .goods-solution .solution-box .item:hover .item-img::before { opacity: 1; }
.goods-info-page .goods-solution .solution-box .item:hover .item-img img { opacity: 1; }
.goods-info-page .goods-solution .solution-box .item:hover .overlay .item-name, .goods-info-page .goods-solution .solution-box .item:hover .overlay .item-desc { color: #ffffff; }
.goods-info-page .goods-solution .solution-box .item:hover .overlay .item-icon { background-color: var(--theme-red); }
.goods-info-page .goods-solution .solution-box .item:hover .overlay .item-icon img { filter: grayscale(100%) brightness(100); }
@media (max-width: 991.98px) { .goods-info-page .goods-solution .solution-box .item .item-wrap .item-img::before { opacity: 1; }
  .goods-info-page .goods-solution .solution-box .item .item-wrap .item-img img { opacity: 1; }
  .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-name, .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-desc { color: #ffffff; }
  .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-icon { background-color: var(--theme-red); }
  .goods-info-page .goods-solution .solution-box .item .item-wrap .overlay .item-icon img { filter: grayscale(100%) brightness(100); } }
.goods-info-page .goods-yuyue .yuyue-title { font-size: 28px; color: #ffffff; }
.goods-info-page .goods-yuyue .yuyue-title strong { margin: 0 10px; display: inline-block; }
.goods-info-page .goods-yuyue .yuyue-title::before, .goods-info-page .goods-yuyue .yuyue-title::after { content: ''; display: inline-block; vertical-align: middle; width: 110px; height: 2px; background-color: #ffffff; }
@media (max-width: 1199.98px) { .goods-info-page .goods-yuyue .yuyue-title { font-size: 24px; }
  .goods-info-page .goods-yuyue .yuyue-title::before, .goods-info-page .goods-yuyue .yuyue-title::after { width: 60px; } }
@media (max-width: 991.98px) { .goods-info-page .goods-yuyue .yuyue-title { font-size: 20px; }
  .goods-info-page .goods-yuyue .yuyue-title::before, .goods-info-page .goods-yuyue .yuyue-title::after { width: 60px; } }
@media (max-width: 767.98px) { .goods-info-page .goods-yuyue .yuyue-title { font-size: 18px; }
  .goods-info-page .goods-yuyue .yuyue-title::before, .goods-info-page .goods-yuyue .yuyue-title::after { width: 40px; } }
@media (max-width: 575.98px) { .goods-info-page .goods-yuyue .yuyue-title { font-size: 16px; }
  .goods-info-page .goods-yuyue .yuyue-title::before, .goods-info-page .goods-yuyue .yuyue-title::after { display: none; } }
.goods-info-page .goods-yuyue .yy-params .item span.item-icon { width: 24px; height: 24px; display: inline-block; }
.goods-info-page .goods-yuyue .yy-params .item span.item-icon svg { display: block; width: 100%; height: auto; }
.goods-info-page .goods-yuyue .yy-params .item span.item-icon svg path { fill: #ffffff; }
.goods-info-page .goods-yuyue .yy-params .item span.item-name { display: block; margin: 0 0.5rem; font-size: 24px; }
@media (max-width: 1199.98px) { .goods-info-page .goods-yuyue .yy-params .item span.item-icon { width: 18px; height: 18px; }
  .goods-info-page .goods-yuyue .yy-params .item span.item-name { font-size: 18px; margin: .625rem; } }
@media (max-width: 575.98px) { .goods-info-page .goods-yuyue .yy-params .item span.item-icon { width: 14px; height: 14px; }
  .goods-info-page .goods-yuyue .yy-params .item span.item-name { font-size: 12px; margin: 5px; } }
.goods-info-page .goods-yuyue .yy-form .form-item .item-wrap { padding: .5rem; border-radius: 3px; background-color: #ffffff; position: relative; overflow: hidden; }
.goods-info-page .goods-yuyue .yy-form .form-item input { flex: 1; outline: none; border: none; }
.goods-info-page .goods-yuyue .yy-form .form-item input:focus { outline: none; }
.goods-info-page .goods-yuyue .yy-form .form-item .verify-img { cursor: pointer; position: absolute; top: 0; right: 0; height: 100%; }
.goods-info-page .goods-yuyue .yy-form .form-item .submit { background-color: var(--theme-red); color: #ffffff; display: block; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; text-align: center; line-height: 43px; }

.contact-page .contact-info .item .item-wrap { text-align: center; }
.contact-page .contact-info .item .item-wrap .item-name { font-size: 24px; font-weight: bold; color: #333333; line-height: 2; }
.contact-page .contact-info .item .item-wrap .item-icon { width: 80px; height: 80px; margin: 1rem auto 0; }
.contact-page .contact-info .item .item-wrap .item-icon svg { width: 60px; height: 60px; }
.contact-page .contact-info .item .item-wrap .item-value { padding: 1rem 0; }
@media (min-width: 992px) { .contact-page .contact-info .item:not(.contact-page .contact-info .item:last-child) .item-wrap { border-right: 1px solid #eee; } }
.contact-page .contact-qrcode .qrcode-item .item-img { background-color: #26466c; max-width: 200px; }
.contact-page .contact-head { font-size: 24px; color: #333333; border-bottom: 1px solid #EEEEEE; padding-bottom: 1rem; }
@media (max-width: 991.98px) { .contact-page .contact-head { font-size: 20px; }
  .contact-page .contact-head img { width: 32px; height: auto; } }
@media (max-width: 767.98px) { .contact-page .contact-head { font-size: 18px; }
  .contact-page .contact-head img { width: 20px; height: auto; } }
@media (max-width: 575.98px) { .contact-page .contact-head { font-size: 16px; } }