@charset "UTF-8";
body { overflow-x: hidden; }

/* 按钮 */
.bts { width: 250px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; transition: all .6s; }
.bts a { display: block; font-weight: 600; }
.bts i { display: inline-block; font-size: 16px; margin-left: 10px; font-weight: bold; }
.bts.bts-red { background: url(../img/btn_red_bg.svg) center center/100% 100% no-repeat; }
.bts.bts-red a { color: #fff; }
.bts.bts-red:hover { background-image: url(../img/btn_red_bg2.svg); }
.bts.bts-line-red { background-image: url(../img/btn_line_bg_white.svg); }
.bts.bts-line-red-small { background-image: url(../img/btn_line_bg_small.svg); width: 60px; height: 60px; position: relative; transform: translateZ(0); }
.bts.bts-line-red-small:before { content: ''; display: block; width: 0; left: 0; height: 100%; position: absolute; background: url(../img/btn_line_bg_small_on.svg) 0 0/cover no-repeat; transition: all .5s; opacity: 0; z-index: -1; }
.bts.bts-line-red-small i { font-size: 20px; margin-left: 0; }
.bts.bts-line-red-small:hover { background-image: url(../img/btn_line_bg_small.svg); }
.bts.bts-line-red-small:hover:before { width: 100%; opacity: 1; }
.bts.bts-line { background: url(../img/btn_line_bg.svg) center center/100% 100% no-repeat; }
.bts.bts-line a { color: #999; }
.bts.bts-line i { color: #194397; }
.bts.bts-line:hover { background-image: url(../img/btn_line_bg2.svg); }
.bts.bts-line:hover a { color: #fff; }
.bts.bts-line:hover i { color: #fff; }
.bts.bts-line.blue { background-image: url(../img/btn_line_bg_blue.png); }
.bts.bts-line.blue a { color: #194397; }
.bts.bts-line.blue i { color: #2b90f6; }
.bts.bts-line.blue:hover { background-image: url(../img/btn_line_bg_blue_on.png); }
.bts.bts-line.blue:hover a { color: #fff; }
.bts.bts-line.blue:hover i { color: #fff; }
.bts.bts-line187 { background-image: url(../img/btn_line_blue_187_52.png); background-size: 100% 100%; width: 187px; height: 52px; line-height: 52px; }
.bts.bts-line187 a { color: #666; font-weight: normal; }
.bts.bts-line187 i { color: #194397; }
.bts.bts-line187:hover { background-image: url(../img/btn_line_blue_187_52_hover.png); }
.bts.bts-line187:hover a { color: #fff; }
.bts.bts-line187:hover i { color: #fff; }
.bts.bts-line210 { background-image: url(../img/btn_line_white_210.png); background-size: 100% 100%; width: 187px; height: 52px; line-height: 52px; }
.bts.bts-line210 a { color: #fff; font-weight: normal; }
.bts.bts-line210 i { color: #fff; }
.bts.bts-line210:hover { background-image: url(../img/btn_line_white_210_hover.png); }
.bts.bts-line210:hover a { color: #666; }
.bts.bts-line210:hover i { color: #194397; }

@media screen and (max-width: 1440px) { .bts { width: 200px; line-height: 50px; height: 50px; }
  .bts.bts-line-red-small { height: 50px; width: 50px; } }
@media screen and (max-width: 1280px) { .bts { width: 180px; line-height: 43px; height: 45px; }
  .bts.bts-line-red-small { height: 45px; width: 45px; } }
@media screen and (max-width: 1024px) { .bts { width: 160px; line-height: 38px; height: 40px; font-size: 16px; }
  .bts.bts-line-red-small { height: 40px; width: 40px; }
  .bts.bts-line187 { width: 150px; height: 42px; line-height: 42px; }
  .bts.bts-line210 { width: 160px; height: 42px; line-height: 42px; } }
@media screen and (max-width: 768px) { .bts { width: 150px; line-height: 40px; height: 40px; font-size: 14px; }
  .bts i { margin-left: 5px; font-size: 14px; }
  .bts a { font-weight: normal; } }
/* header */
.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; transition: all .4s; /* //语言下拉 */ /* //搜索 */ }
.header .hd-wrap { width: 94.79167%; margin: 0 auto; }
.header .head-top { color: rgba(255, 255, 255, 0.5); padding: 14px 0; position: relative; z-index: 9; }
.header .head-top .top-l { float: left; }
.header .head-top .top-r { float: right; }
.header .head-top .top-r a { color: rgba(255, 255, 255, 0.5); }
.header .head-top .top-r a:hover { color: #fff; }
.header .head-top .top-r span { display: block; float: left; position: relative; display: inline-block; padding: 0 30px; line-height: 20px; border-right: 1px solid rgba(255, 255, 255, 0.5); }
.header .head-top .top-r span:last-child { padding-right: 0; border-right: none; }
.header .head-top .top-r .icon-yuyan { font-size: 21px; margin-right: 9px; vertical-align: middle; }
.header .head-top .top-r .icon-xiala { font-size: 10px; margin-left: 13px; vertical-align: middle; }
.header .head-top .top-r .icon-sousuo { font-size: 20px; vertical-align: middle; }
.header .Global-dropdown { position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 20px); background-color: rgba(255, 255, 255, 0.8); padding: 8px 0; text-align: center; border-radius: 2px; transition: all .5s ease-in-out; opacity: 0; visibility: hidden; background: linear-gradient(135deg, transparent 6px, #fff 0) top left, linear-gradient(-135deg, transparent 0, #fff 0) top right, linear-gradient(-45deg, transparent 6px, #fff 0) bottom right, linear-gradient(45deg, transparent 0, #fff 0) bottom left; background-size: 50% 50%; background-repeat: no-repeat; }
.header .Global-dropdown li { white-space: nowrap; }
.header .Global-dropdown li a { display: block; padding: 5px 16px; color: #666 !important; }
.header .Global-dropdown li a:hover { background-color: #e93f36; color: #fff !important; }
.header .Global:hover .Global-dropdown { opacity: 1; visibility: visible; top: calc(100% + 10px); }
.header .top-search { cursor: pointer; }
.header .top-search .search-box { position: absolute; width: 20px; right: 35px; height: 25px; top: 0; transition: all .3s; }
.header .top-search .icon-sousuo { color: rgba(255, 255, 255, 0.5); transition: all .3s; }
.header .top-search .input-text { width: 0; visibility: hidden; opacity: 0; transition: all .3s; }
.header .top-search em { color: rgba(255, 255, 255, 0.5); margin-left: 30px; transition: all .3s; }
.header .top-search:hover .icon-sousuo { color: #fff; }
.header .top-search:hover em { color: #fff; }
.header .top-search .search-box.active { width: 200px; cursor: inherit; background-color: #fff; top: -2px; }
.header .top-search .search-box.active .icon-sousuo { color: #666; margin: 3px 7px; float: left; }
.header .top-search .search-box.active .input-text { width: calc(100% - 40px); opacity: 1; visibility: visible; height: 25px; position: relative; outline: none; }
.header.scroll { position: fixed; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.header.scroll .head-top { display: none; }

.haead-inner { padding: 10px 0 0; transition: all .4s; }
.haead-inner .logo { float: left; }
.haead-inner .logo .logo-normal { display: none; }
.haead-inner .header-nav { float: right; width: 70.32967%; text-align: right; }
.haead-inner .header-nav ul li { display: inline-block; font-size: 16px; padding-bottom: 20px; margin-left: 4vw; }
.haead-inner .header-nav ul li:first-child { margin-left: 0; }
.haead-inner .header-nav ul li span { display: block; font-weight: bold; }
.haead-inner .header-nav ul li span a { display: block; color: #fff; line-height: 47px; }
.haead-inner .header-nav ul li span a:hover { color: #194397; }
.haead-inner .header-nav ul li:hover span a { color: #194397; }
.haead-inner .header-nav ul li:hover .dropMenu { opacity: 1; transform: translateY(0); visibility: visible; }
.haead-inner .header-nav ul li:hover .single-dorp { transform: translate(-50%, 0); }
.haead-inner .menu { --color: #e93f36; width: 36px; height: 36px; padding: 0; margin: 0; outline: none; position: relative; border: none; background: none; cursor: pointer; -webkit-appearence: none; -webkit-tap-highlight-color: transparent; display: none; }
.haead-inner .menu svg { width: 50px; height: 40px; top: -6px; left: 4px; stroke: var(--color); stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; fill: none; display: block; position: absolute; }
.haead-inner .menu svg path { transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s); stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px); stroke-dashoffset: var(--offset, 126px); -webkit-transform: translateZ(0); transform: translateZ(0); }
.haead-inner .menu svg path:nth-child(2) { --duration: .7s; --easing: ease-in; --offset: 100px; --array-2: 74px; }
.haead-inner .menu svg path:nth-child(3) { --offset: 133px; --array-2: 107px; }
.haead-inner .menu.active svg path { --offset: 57px; }
.haead-inner .menu.active svg path:nth-child(1), .haead-inner .menu.active svg path:nth-child(3) { --delay: .15s; --easing: cubic-bezier(0.2, 0.4, 0.2, 1.1); }
.haead-inner .menu.active svg path:nth-child(2) { --duration: .4s; --offset: 2px; --array-1: 1px; }
.haead-inner .menu.active svg path:nth-child(3) { --offset: 58px; }

/* 二级菜单 */
.dropMenu { opacity: 0; visibility: hidden; transition: all .4s; transform: translateY(30px); }

.full-dorp { position: absolute; top: 100%; left: 0; width: 100%; color: #fff; background-color: #194397; }
.full-dorp .inr { width: 94.79167%; margin: 0 auto; }
.full-dorp dl { padding: 20px 0; width: 52.1978%; float: right; }
.full-dorp dl dd { float: left; text-align: left; margin: 10px 0; }
.full-dorp dl a { color: #fff; font-size: 16px; }

.full-dorp-products dl dd { width: 20%; }

.full-dorp-solution dl dd { width: 25%; }

.single { position: relative; }

.single-dorp { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 30px); background-color: #194397; width: 120px; }
.single-dorp dl { padding: 10px 0; }
.single-dorp dl dd { text-align: center; }
.single-dorp dl a { color: #fff; line-height: 3; display: block; font-size: 16px; }
.single-dorp dl a:hover { background-color: rgba(0, 0, 0, 0.3); }

/* 鼠标经过状态 */
.header.hover { background-color: rgba(255, 255, 255, 0.9); }
.header.hover .head-top { color: #333; }
.header.hover .head-top .top-r a { color: #333; }
.header.hover .top-search .icon-sousuo { color: #333; }
.header.hover .top-search em { color: #333; }
.header.hover .haead-inner .logo .logo-white { display: none; }
.header.hover .haead-inner .logo .logo-normal { display: block; }
.header.hover .haead-inner .header-nav ul li span a { color: #333; }
.header.hover .haead-inner .header-nav ul li:hover span a { color: #194397; }

.header.active { background-color: white; transition: all .8s; }
.header.active .haead-inner { padding-top: 20px; }
.header.active .haead-inner .logo .logo-white { display: none; }
.header.active .haead-inner .logo .logo-normal { display: block; }
.header.active .haead-inner .header-nav ul li span a { color: #333; }
.header.active .haead-inner .header-nav ul li.active span { position: relative; }
.header.active .haead-inner .header-nav ul li.active span:before { content: ''; display: block; width: 100%; height: 3px; background-color: #194397; position: absolute; left: 0; bottom: 0px; }
.header.active .haead-inner .header-nav ul li:hover span a { color: #194397; }

@media screen and (max-width: 1600px) { .haead-inner .header-nav ul li { margin-left: 5%; } }
@media screen and (max-width: 1440px) { .header .head-top { padding: 10px 0; }
  .haead-inner .header-nav ul li { margin-left: 4%; } }
@media screen and (max-width: 1280px) { .haead-inner .logo img { width: 200px; }
  .haead-inner .header-nav { width: 76%; }
  .haead-inner .header-nav ul li { padding-bottom: 15px; margin-left: 3.5%; }
  .haead-inner .logo img { width: 200px; }
  .haead-inner .header-nav ul li span a { line-height: 40px; }
  .full-dorp dl { width: 80%; } }
@media screen and (max-width: 1024px) { .haead-inner .logo img { width: 160px; }
  .haead-inner .header-nav ul li span a { line-height: 33px; }
  .header .hd-wrap { width: calc(100% - 40px); } }
@media screen and (max-width: 980px) { .haead-inner { padding-bottom: 15px; }
  .haead-inner .menu { display: block; float: right; }
  .haead-inner .header-nav { position: absolute; top: 100%; left: 0; width: 100%; float: none; text-align: left; height: calc(100vh - 100px); overflow-y: auto; display: none; }
  .haead-inner .header-nav .nav-list { padding: 0 20px; background-color: #fff; }
  .haead-inner .header-nav .nav-list ul li { float: none; width: 100%; margin-left: 0; padding-bottom: 0; position: relative; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
  .haead-inner .header-nav .nav-list ul li span { position: relative; }
  .haead-inner .header-nav .nav-list ul li span:after { content: '\e60e'; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all .5s; color: #999; }
  .haead-inner .header-nav .nav-list ul li span a { color: #333; line-height: 3; }
  .haead-inner .header-nav .nav-list ul li:first-child span:after { display: none; }
  .haead-inner .header-nav .nav-list .dropMenu { display: none; position: static; opacity: 1; transition: none; visibility: visible; transform: none; }
  .haead-inner .header-nav .nav-list .dropMenu .inr { width: auto; margin: 0 20px; }
  .haead-inner .header-nav .nav-list .full-dorp dl { width: 100%; float: none; padding: 10px 0; }
  .haead-inner .header-nav .nav-list .full-dorp dl dd { float: none; width: 100%; }
  .haead-inner .header-nav .nav-list .single-dorp { width: 100%; transform: none; }
  .haead-inner .header-nav .nav-list .single-dorp dl dd { text-align: left; }
  .haead-inner .header-nav ul li:hover .single-dorp { transform: none; }
  .haead-inner .header-nav .nav-list ul li.on span:after { transform: translateY(-50%) rotate(90deg); }
  .header.active .haead-inner .header-nav ul li.active span:before { height: 1px; } }
@media screen and (max-width: 768px) { .header .head-top .top-l { display: none; }
  .header .head-top .top-r span { padding: 0 10px; }
  .haead-inner { padding-top: 0; padding-bottom: 10px; }
  .haead-inner .logo img { width: 120px; } }
@media screen and (max-width: 500px) { .header .head-top .top-r { float: none; width: 100%; text-align: right; padding-right: 20px; }
  .header .head-top .top-r span { display: inline-block; float: none; padding: 0 5px; text-align: center; border-right: none; }
  .header .head-top .top-r span:nth-child(3) { margin-right: 5px; }
  .header .head-top .top-r span:last-child { width: 30px; position: absolute; right: 0; }
  .header .top-search .search-box { right: 0; }
  .header .head-top .top-r span.Global { margin-right: 5px; }
  .header .head-top .top-r span.Global em { display: none; }
  .header .top-search em { display: none; }
  .header .head-top .top-r .icon-yuyan { margin-right: 3px; font-size: 18px; }
  .header .head-top .top-r .icon-xiala { margin-left: 3px; } }
/* banner */
.banner { position: relative; overflow: hidden; }
.banner .banner-video { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; z-index: 9; }
.banner .banner-video video { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.banner-swiper { height: 100vh; position: relative; z-index: 8; }
.banner-swiper .ui-loop { width: 32px; height: 32px; z-index: 9; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; transition: all .4s; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 100%; }
.banner-swiper .ui-loop:before { content: ''; display: block; width: 2px; height: 8px; background-color: #fff; position: absolute; top: 50%; left: 40%; transform: translate(-50%, -50%); transition: all .4s; }
.banner-swiper .ui-loop:after { content: ''; display: block; width: 2px; height: 8px; background-color: #fff; position: absolute; top: 50%; left: 60%; transform: translate(-50%, -50%); transition: all .4s; }
.banner-swiper .ui-loop:hover { border-color: #fff; }
.banner-swiper .ui-loop.active { border-color: #fff; }
.banner-swiper .ui-loop.active:before { left: calc(50% + 4px); width: 0; height: 0; background-color: transparent; border: 4px solid transparent; border-left: 8px solid #fff; }
.banner-swiper .ui-loop.active:after { right: 50%; opacity: 0; width: 0; visibility: hidden; }
.banner-swiper .swiper-slide { position: relative; }
.banner-swiper .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 3s; background-size: cover; background-repeat: no-repeat; background-position: center; transform: scale(1.05); }
.banner-swiper .txt { width: 76.66667%; margin: 0 auto; padding-top: 40vh; position: relative; height: 100%; }
.banner-swiper .txt .lg { transition: all .6s; transform: translateY(30px); opacity: 0; }
.banner-swiper .txt h2 { font-family: "FZZZH"; color: #fff; margin-top: 10px; transition: all .6s; transition-delay: 0.5s; transform: translateY(30px); opacity: 0; }
.banner-swiper .txt .btnbox { transition: all .6s; transition-delay: 0.8s; transform: translateY(30px); opacity: 0; margin-top: 30px; }
.banner-swiper .swiper-slide-active .img { transform: scale(1); }
.banner-swiper .swiper-slide-active .txt .lg { opacity: 1; transform: translateY(0); }
.banner-swiper .swiper-slide-active .txt h2 { opacity: 1; transform: translateY(0); }
.banner-swiper .swiper-slide-active .txt .btnbox { opacity: 1; transform: translateY(0); }
.banner-swiper .bottom-nav { position: absolute; width: 100%; text-align: center; left: 0; bottom: 5%; z-index: 8; }
.banner-swiper .bannerpage { display: inline-block; }
.banner-swiper .swiper-pagination-bullet { width: 40px; height: 4px; border-radius: 0; background-color: #fff; opacity: 0.7; margin: 0 4px; }
.banner-swiper .swiper-pagination-bullet-active { background-color: #e93f36; opacity: 1; }
.banner-swiper .swiper-button-prev { width: 65px; height: 65px; background-color: rgba(255, 255, 255, 0.7); background-size: 10px 16px; left: 7.8125%; opacity: 0; transition: all .8s; }
.banner-swiper .swiper-button-prev:hover { background-color: #fff; border-radius: 100%; }
.banner-swiper .swiper-button-prev.active { left: 2.60417%; opacity: 1; }
.banner-swiper .swiper-button-next { width: 65px; height: 65px; background-color: rgba(255, 255, 255, 0.7); background-size: 10px 16px; right: 7.8125%; opacity: 0; transition: all .8s; }
.banner-swiper .swiper-button-next:hover { background-color: #fff; border-radius: 100%; }
.banner-swiper .swiper-button-next.active { right: 2.60417%; opacity: 1; }

@media screen and (max-height: 400px) { .banner-swiper { height: 650px; }
  .banner-swiper .txt { padding-top: 20%; } }
@media screen and (max-width: 1440px) { .banner-swiper .swiper-button-prev { width: 50px; height: 50px; }
  .banner-swiper .swiper-button-next { width: 50px; height: 50px; } }
@media screen and (max-width: 1280px) { .banner-swiper .swiper-button-prev { width: 40px; height: 40px; }
  .banner-swiper .swiper-button-next { width: 40px; height: 40px; }
  .banner-swiper .txt .lg { width: 50%; }
  .banner-swiper .txt .lg img { width: 100%; } }
@media screen and (max-width: 1024px) { .banner-swiper .txt .btnbox { margin-top: 15px; }
  .banner-swiper .swiper-pagination-bullet { width: 24px; height: 2px; }
  .banner-swiper .ui-loop { width: 24px; height: 24px; }
  .banner .banner-video { background-color: #000; }
  .banner .banner-video video { object-fit: contain; } }
@media screen and (max-width: 768px) and (min-height: 415px) { .banner-swiper { height: 50vh; }
  .banner-swiper .txt { padding-top: 18vh; }
  .banner .banner-video { background-color: #000; }
  .banner .banner-video video { object-fit: contain; } }
@media screen and (max-width: 500px) { .banner-swiper { height: 60vh; }
  .banner-swiper .txt { padding-top: 24vh; }
  .banner-swiper .txt h2 { margin-top: 2px; }
  .banner-swiper .txt .btnbox { margin-top: 10px; }
  .banner-swiper .txt h2 { font-size: 24px; } }
.defualtbox { padding: 60px 0 120px; overflow: hidden; }
.defualtbox .title { margin-bottom: 50px; }
.defualtbox .title h1 { color: #194397; }
.defualtbox .title .tit-bottom { position: relative; }
.defualtbox .title .tit-bottom h5 { float: left; color: #999; font-weight: normal; }
.defualtbox .title .tit-bottom .more { float: right; color: #999; }
.defualtbox .title .tit-bottom .more i { color: #737374; font-size: 20px; margin-left: 12px; transition: all .4s; position: relative; left: 0; }
.defualtbox .title .tit-bottom .more:hover { color: #e93f36; }
.defualtbox .title .tit-bottom .more:hover i { color: #e93f36; left: 10px; }

/* 新闻中心 */
.index-news { background-color: #fff; }

.news-list-main { position: relative; overflow: hidden; }
.news-list-main .lmain-left { float: left; width: 33.33333%; background-color: #eaf0f5; position: relative; transition: all .4s; height: 400px; }
.news-list-main .lmain-left:after { content: ''; display: block; width: 0; height: 3px; background-color: #194397; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .6s; }
.news-list-main .lmain-left a { display: block; padding: 13% 10%; }
.news-list-main .lmain-left a .datetime { color: #000; }
.news-list-main .lmain-left a .datetime em { margin-left: 10px; font-weight: bold; }
.news-list-main .lmain-left a h3 { color: #777; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 60px; font-weight: normal; }
.news-list-main .lmain-left a .btn { margin-top: 12%; }
.news-list-main .lmain-left a .btn i { color: #194397; font-size: 20px; transition: all .4s; position: relative; right: 0; }
.news-list-main .lmain-left a .btn:hover i { right: -10px; }
.news-list-main .lmain-left:hover { box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08); }
.news-list-main .lmain-left:hover:after { width: 100%; opacity: 1; }
.news-list-main .lmain-left:hover a h3 { color: #194397; }
.news-list-main .lmain-swiper { float: right; width: 66.66667%; overflow: hidden; position: relative; }
.news-list-main .lmain-swiper:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; transition: all 1.5s; z-index: 8; }
.news-list-main .lmain-swiper.animated:after { left: 100%; }
.news-list-main .lmain-swiper .swiper-slide { position: relative; }
.news-list-main .lmain-swiper .swiper-slide a { display: block; position: relative; }
.news-list-main .lmain-swiper .swiper-slide .img { height: 400px; overflow: hidden; position: relative; }
.news-list-main .lmain-swiper .swiper-slide .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.news-list-main .lmain-swiper .swiper-slide .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.50196) 0%, transparent 53%, rgba(0, 0, 0, 0.01) 54%, rgba(0, 0, 0, 0.54902) 100%); background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.50196) 0%, transparent 53%, rgba(0, 0, 0, 0.01) 54%, rgba(0, 0, 0, 0.54902) 100%); background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.50196) 0%, transparent 53%, rgba(0, 0, 0, 0.01) 54%, rgba(0, 0, 0, 0.54902) 100%); background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.50196) 0%, transparent 53%, rgba(0, 0, 0, 0.01) 54%, rgba(0, 0, 0, 0.54902) 100%); }
.news-list-main .lmain-swiper .swiper-slide .txt { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 4.25% 5.20833%; z-index: 8; }
.news-list-main .lmain-swiper .swiper-slide .txt .other { color: rgba(255, 255, 255, 0.5); }
.news-list-main .lmain-swiper .swiper-slide .txt h2 { color: #fff; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list-main .lmain-swiper .swiper-slide a:hover .img img { transform: scale(1.05); }
.news-list-main .lmain-swiper .page-news { position: absolute; bottom: 10%; z-index: 9; text-align: right; padding: 0 5.21%; }
.news-list-main .lmain-swiper .page-news .swiper-pagination-bullet { width: 30px; height: 3px; background-color: rgba(255, 255, 255, 0.4); border-radius: 0; opacity: 1; }
.news-list-main .lmain-swiper .page-news .swiper-pagination-bullet-active { background-color: #e93f36; }

.index-news-lists ul li { float: left; width: 33.3333%; position: relative; height: 360px; }
.index-news-lists ul li:first-child { background-color: #f6f7f8; }
.index-news-lists ul li:nth-child(2) { background-color: #eaf0f5; }
.index-news-lists ul li:nth-child(3) { background-color: #fff; }
.index-news-lists ul li:after { content: ''; display: block; width: 0; height: 3px; background-color: #194397; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .6s; }
.index-news-lists ul li a { display: block; padding: 13% 10%; }
.index-news-lists ul li a .other { color: #999; margin-bottom: 10px; }
.index-news-lists ul li a h2 { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 110px; }
.index-news-lists ul li a .btn { margin-top: 12%; color: #6a6a6a; }
.index-news-lists ul li a .btn i { color: #194397; font-size: 20px; transition: all .4s; position: relative; right: 0; margin-left: 13px; }
.index-news-lists ul li a .btn:hover i { right: -10px; }
.index-news-lists ul li:hover { box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08); }
.index-news-lists ul li:hover:after { width: 100%; opacity: 1; }
.index-news-lists ul li:hover a h3 { color: #e93f36; }
.index-news-lists ul li:hover .btn { color: #194397; }

@media screen and (max-width: 1440px) { .defualtbox .title { margin-bottom: 40px; }
  .news-list-main .lmain-left { height: 320px; }
  .news-list-main .lmain-swiper .swiper-slide .img { height: 320px; }
  .index-news-lists ul li { height: 300px; } }
@media screen and (max-width: 1280px) { .defualtbox .title { margin-bottom: 30px; }
  .news-list-main .lmain-left a h3 { height: 48px; }
  .index-news-lists ul li a h2 { height: 84px; }
  .index-news-lists ul li a .btn { margin-top: 10%; } }
@media screen and (max-width: 1024px) { .defualtbox { padding: 40px 0 80px; }
  .news-list-main .lmain-left { height: 280px; }
  .news-list-main .lmain-swiper .swiper-slide .img { height: 280px; }
  .index-news-lists ul li { height: 260px; }
  .index-news-lists ul li a .btn i { font-size: 16px; margin-left: 6px; }
  .news-list-main .lmain-left a .btn i { font-size: 16px; }
  .defualtbox .title .tit-bottom .more i { font-size: 16px; } }
@media screen and (max-width: 768px) { .news-list-main .lmain-left { height: 220px; }
  .news-list-main .lmain-swiper .swiper-slide .img { height: 220px; }
  .index-news-lists ul li { height: 200px; }
  .index-news-lists ul li a .btn { margin-top: 5%; } }
@media screen and (max-width: 640px) { .news-list-main .lmain-left { float: none; width: 100%; height: auto; }
  .news-list-main .lmain-left a { padding: 20px; }
  .news-list-main .lmain-left a .btn { margin-top: 10px; }
  .news-list-main .lmain-swiper { float: none; width: 100%; }
  .news-list-main .lmain-swiper .img { height: auto; }
  .news-list-main .lmain-swiper .swiper-slide .txt { padding: 20px; }
  .index-news-lists ul li { float: none; width: 100%; height: auto; padding: 20px; }
  .index-news-lists ul li a { padding: 0; }
  .defualtbox .title .tit-bottom h5 { font-size: 14px; line-height: 1.5; }
  .defualtbox .title .tit-bottom .more { top: -30px; position: absolute; right: 0; }
  .defualtbox .title .tit-bottom .more em { display: none; }
  .index-news-lists ul li a .btn { margin-top: 10px; } }
/* 解决方案 */
.index-solution { background: url(../img/temp/bg_3.jpg) center center/cover no-repeat; padding-top: 120px; }
.index-solution .w1440 { position: relative; }
.index-solution .particles1 { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; }
.index-solution .cont { position: relative; z-index: 2; }
.index-solution .title { width: 33.33%; float: left; margin-bottom: 0; height: 360px; position: relative; }
.index-solution .title .tit-bottom { width: 265px; margin: 20px 0 12%; }
.index-solution .title .Solution { color: #fff; font-size: 136px; line-height: 0.8; position: absolute; left: 0; bottom: 0; font-weight: bold; z-index: -1; }
.index-solution .solution-main { overflow: hidden; }
.index-solution .solution-main .imgbox { float: left; width: 66.66667%; position: relative; }
.index-solution .solution-main .imgbox:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #eaf0f5; transition: all 1.5s; z-index: 8; }
.index-solution .solution-main .imgbox.animated:after { left: 100%; }
.index-solution .imgbox { position: relative; }
.index-solution .imgbox .img { width: 100%; height: 360px; overflow: hidden; position: relative; }
.index-solution .imgbox .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.index-solution .imgbox .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%); }
.index-solution .imgbox .txt { position: absolute; left: 0; width: 100%; bottom: -40px; z-index: 2; padding: 30px 40px; transition: all .5s; }
.index-solution .imgbox .txt h2 { color: #fff; font-weight: normal; }
.index-solution .imgbox .info { margin-top: 10px; opacity: 0; visibility: hidden; transition: all .5s; }
.index-solution .imgbox .info p { color: #fff; float: left; width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index-solution .imgbox .info i { float: right; display: block; width: 43px; border-left: 1px solid #7e7671; color: #ffff; font-size: 20px; height: 20px; line-height: 20px; text-align: right; }
.index-solution .imgbox a:hover .img img { transform: scale(1.05); }
.index-solution .imgbox a:hover .txt { bottom: 0; }
.index-solution .imgbox a:hover .txt .info { opacity: 1; visibility: visible; }

.index-solution-lists ul li { float: left; width: 33.33%; position: relative; overflow: hidden; }
.index-solution-lists ul li:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #eaf0f5; transition: all 1.5s; z-index: 8; }
.index-solution-lists ul li:nth-child(1):after { transition-delay: 0.2s; }
.index-solution-lists ul li:nth-child(2):after { transition-delay: 0.4s; }
.index-solution-lists ul li:nth-child(3):after { transition-delay: 0.6s; }
.index-solution-lists ul li.animated:after { top: 100%; }

@media screen and (max-width: 1440px) { .index-solution .title { height: 275px; }
  .index-solution .title .Solution { font-size: 90px; }
  .index-solution .imgbox .img { height: 275px; }
  .index-solution .title .tit-bottom { width: 80%; } }
@media screen and (max-width: 1024px) { .index-solution { padding-top: 80px; }
  .index-solution .title { height: 260px; }
  .index-solution .title .Solution { font-size: 80px; }
  .index-solution .imgbox .img { height: 260px; }
  .index-solution .imgbox .txt { padding: 20px; }
  .index-solution .imgbox .info i { font-size: 16px; width: 30px; } }
@media screen and (max-width: 768px) { .index-solution .title { height: 200px; }
  .index-solution .title .Solution { font-size: 66px; }
  .index-solution .imgbox .img { height: 200px; }
  .index-solution .title .tit-bottom { margin-bottom: 20px; margin-top: 10px; } }
@media screen and (max-width: 640px) { .index-solution .title { float: none; width: 100%; }
  .index-solution .title .tit-bottom { margin: 10px 0 20px; }
  .index-solution .solution-main .imgbox { float: none; width: 100%; }
  .index-solution-lists ul li { float: none; width: 100%; } }
/* 产品中心 */
.index-product { background: url(../img/temp/bg_2.jpg) center center/cover no-repeat; }
.index-product .title h1 { color: #fff; float: left; }
.index-product .title .tit-bottom { float: right; margin-top: 38px; width: calc(100% - 200px); line-height: 30px; }
.index-product .title .tit-bottom h5 { color: rgba(255, 255, 255, 0.5); }
.index-product .title .tit-bottom a.more { color: #fff; }
.index-product .title .tit-bottom a.more i { color: #fff; }
.index-product .tabnav { margin-bottom: 55px; }
.index-product .tabnav ul li { float: left; width: 20%; text-align: center; }
.index-product .tabnav ul li a { color: #fff; line-height: 60px; display: block; border-top: 1px solid #e93f36; background: rgba(0, 29, 66, 0.4); }
.index-product .tabnav ul li a:hover { color: #e93f36; }
.index-product .tabnav ul li.active a { background: url(../img/btn_red_bg3.png) center center no-repeat; background-size: 100% 100%; color: #fff; border-top: none; }
.index-product .itemSwiper { position: relative; display: none; }
.index-product .itemSwiper:first-child { display: block; }
.index-product .pro-button-prev { left: -135px; width: 65px; height: 65px; background-color: rgba(255, 255, 255, 0.7); background-size: 10px 16px; transition: all .8s; top: 38%; opacity: 0.7; }
.index-product .pro-button-prev:hover { background-color: #fff; border-radius: 100%; }
.index-product .pro-button-prev.swiper-button-disabled { opacity: 0.1; }
.index-product .pro-button-next { right: -135px; width: 65px; height: 65px; background-color: rgba(255, 255, 255, 0.7); background-size: 10px 16px; transition: all .8s; top: 38%; opacity: 0.7; }
.index-product .pro-button-next:hover { background-color: #fff; border-radius: 100%; }
.index-product .pro-button-next.swiper-button-disabled { opacity: 0.1; }

.product-swiper { position: relative; width: 100%; overflow: hidden; padding-bottom: 77px; }
.product-swiper .swiper-pages-pro { position: absolute; bottom: 0; left: 0; text-align: center; }
.product-swiper .swiper-pagination-bullets .swiper-pagination-bullet { width: 83px; height: 3px; background-color: rgba(255, 255, 255, 0.3); margin: 0; border-radius: 0; opacity: 1; }
.product-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #e93f36; }
.product-swiper .swiper-slide { background-color: #fff; position: relative; }
.product-swiper .swiper-slide:after { content: ''; display: block; width: 0; height: 3px; background-color: #e93f36; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .6s; }
.product-swiper .img { overflow: hidden; width: 100%; height: 300px; }
.product-swiper .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.product-swiper .txt { height: 200px; padding: 20px 25px 25px; }
.product-swiper .txt h2 { font-family: "Montserrat"; margin-bottom: 6px; }
.product-swiper .txt p { color: #999; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 44px; margin-bottom: 32px; }
.product-swiper .ft span { display: inline-block; float: left; width: 77px; border: 1px solid #bbb; color: #bbb; text-align: center; line-height: 30px; }
.product-swiper .ft i { float: right; display: inline-block; width: 28px; text-align: right; border-left: 1px solid #ddd; margin-top: 3px; }
.product-swiper .swiper-slide:hover:after { width: 100%; opacity: 1; }
.product-swiper .swiper-slide:hover .img img { transform: scale(1.03); }
.product-swiper .swiper-slide:hover h2 { color: #e93f36; }

@media screen and (max-width: 1700px) { .index-product .pro-button-prev { left: -65px; }
  .index-product .pro-button-next { right: -65px; } }
@media screen and (max-width: 1440px) { .index-product .title .tit-bottom { width: calc(100% - 160px); margin-top: 23px; }
  .index-product .tabnav ul li a { line-height: 48px; }
  .product-swiper .img { height: 220px; }
  .product-swiper .txt { height: 190px; }
  .product-swiper { padding-bottom: 67px; }
  .index-product .pro-button-prev { width: 50px; height: 50px; }
  .index-product .pro-button-next { width: 50px; height: 50px; } }
@media screen and (max-width: 1280px) { .index-product .title .tit-bottom { width: calc(100% - 140px); margin-top: 18px; }
  .index-product .pro-button-prev { left: 10px; }
  .index-product .pro-button-next { right: 10px; }
  .index-product .pro-button-prev { width: 40px; height: 40px; }
  .index-product .pro-button-next { width: 40px; height: 40px; }
  .product-swiper .img { height: 240px; } }
@media screen and (max-width: 1024px) { .index-product .title h1 { float: none; }
  .index-product .title .tit-bottom { width: 100%; float: none; margin-top: 0; }
  .product-swiper .img { height: 260px; }
  .index-product .tabnav { margin-bottom: 30px; }
  .product-swiper { padding-bottom: 50px; }
  .product-swiper .swiper-pagination-bullets .swiper-pagination-bullet { width: 43px; } }
@media screen and (max-width: 768px) { .product-swiper .img { height: 300px; }
  .index-product .tabnav { overflow: hidden; }
  .index-product .tabnav ul li { width: auto; }
  .index-product .tabnav ul li a { padding: 0 30px; } }
@media screen and (max-width: 640px) { .product-swiper .img { height: 320px; }
  .product-swiper .swiper-pagination-bullets .swiper-pagination-bullet { width: 23px; }
  .index-product .tabnav ul li a { padding: 0 20px; } }
/* 三友联众集团 */
.index-sygroup { background: url(../img/temp/bg_4.jpg) center center/cover no-repeat; padding-top: 100px; }
.index-sygroup .title { text-align: center; }
.index-sygroup .title h1 { color: #000; }
.index-sygroup .title h1 span { display: inline-block; }
.index-sygroup .title .tit-group i { margin-top: 20px; margin-bottom: 25px; }
.index-sygroup .tit-group svg { width: 71px; height: 5px; margin: 10px auto 25px; }
.index-sygroup .tit-group p { color: #555; width: 80%; margin: 0 auto; line-height: 1.8; }

.index-video-box { float: left; width: 55.55556%; box-shadow: 0px 10px 19.8px 0.2px rgba(0, 0, 0, 0.2); position: relative; }
.index-video-box a { display: block; }
.index-video-box .img { position: relative; height: 502px; transition: all 0.5s; overflow: hidden; }
.index-video-box .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.index-video-box .img::after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 29, 67, 0.6); position: absolute; left: 0; top: 0; z-index: 2; }
.index-video-box .play-video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.index-video-box .play-video .icon { display: block; width: 80px; height: 80px; background: url(../img/temp/icon_video.png) 0 0/cover no-repeat; margin: 0 auto 24px; transition: all .5s; }
.index-video-box .play-video p { color: #fff; }
.index-video-box a:hover .img img { transform: scale(1.05); }
.index-video-box a:hover .play-video .icon { transform: scale(0.95); }

.group-ul { float: right; width: 38.75%; }
.group-ul .txt h2 { color: #194397; padding: 10px 0 15px; }
.group-ul .txt p { color: #666; margin-bottom: 15px; }
.group-ul ul li { float: left; width: 33.33%; text-align: center; }
.group-ul ul li .icon { display: block; width: 35px; margin: 0 auto; }
.group-ul ul li .icon img { width: 100%; transition: all .5s; }
.group-ul ul li b { color: #194397; font-family: "Montserrat"; font-weight: normal; display: block; margin: 15px 0 15px; }
.group-ul ul li .sm { border-top: 1px solid #d2dbe3; padding-top: 20px; color: #989898; width: 80%; margin: 0 auto; }
.group-ul ul li:hover .icon img { transform: rotateY(180deg); }
.group-ul .btn-bar { margin: 46px 0 99px; }
.group-ul .btn-bar .bts { display: inline-block; }

/* 视频弹窗 */
#videoPopup { position: fixed; width: 100%; height: 100%; top: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.4); display: none; }
#videoPopup .video-box { width: 1440px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#videoPopup .video-box video { width: 100%; }
#videoPopup .close { position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.8); cursor: pointer; text-align: center; }
#videoPopup .close span { display: block; width: 20px; height: 20px; background: url(../img/close.png) 0 0/cover no-repeat; margin: 10px auto; transition: all .5s; }
#videoPopup .close:hover span { transform: rotate(180deg); }

@media screen and (max-width: 1440px) { #videoPopup .video-box { width: 1100px; } }
@media screen and (max-width: 1280px) { #videoPopup .video-box { width: 96%; } }
@media screen and (max-width: 1024px) { #videoPopup .video-box { width: calc(100% - 40px); }
  #videoPopup .close { width: 26px; height: 26px; }
  #videoPopup .close span { width: 10px; height: 10px; margin-top: 8px; } }
@media screen and (max-width: 1440px) { .index-video-box .img { height: 400px; }
  .index-video-box .play-video .icon { width: 60px; height: 60px; margin-bottom: 15px; }
  .group-ul .btn-bar { margin: 25px 0 40px; }
  .group-ul ul li b { margin: 10px 0; } }
@media screen and (max-width: 1024px) { .index-sygroup { padding-top: 80px; }
  .index-video-box .play-video .icon { width: 40px; height: 40px; } }
@media screen and (max-width: 768px) { .index-video-box { width: 100%; float: none; margin-bottom: 20px; }
  .index-video-box .img { height: auto; }
  .group-ul { float: none; width: 100%; } }
/* 技术研发 */
.index-Technology { padding: 0; position: relative; overflow: hidden; }
.index-Technology .imgbg { background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: -1; transform: scale(1.3); transition: all 3s; }
.index-Technology .imgbg.animated { transform: scale(1); }
.index-Technology .title { float: left; margin-top: 240px; }
.index-Technology .title h1 { color: #fff; }
.index-Technology .title h2 { color: #fff; font-family: "MontsLight"; font-weight: normal; text-transform: uppercase; }
.index-Technology .title svg { width: 71px; height: 5px; }
.index-Technology .title h5 { margin: 26px 0 40px; color: rgba(255, 255, 255, 0.5); }

.technology-right { width: 50.13889%; float: right; }
.technology-right ul li { width: 50%; float: left; padding: 250px 0 234px 7%; border-left: 1px solid rgba(255, 255, 255, 0.2); transform: translateZ(0); }
.technology-right ul li:before { content: ''; display: block; width: 0; height: 100%; background-color: rgba(25, 67, 151, 0.5); opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 0; z-index: -1; transition: all 1s; }
.technology-right ul li span { display: block; width: 118px; height: 118px; margin-bottom: 102px; }
.technology-right ul li span i { display: block; position: relative; }
.technology-right ul li span i:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/icon_yanfa_bg1.png) 0 0/cover no-repeat; }
.technology-right ul li span i:after { content: ''; display: block; width: 42.37288%; height: 42.37288%; position: absolute; left: 7.62712%; bottom: 7.62712%; background-color: rgba(255, 255, 255, 0.1); transition: all .4s; }
.technology-right ul li span img { width: 100%; }
.technology-right ul li h2 { color: #fff; }
.technology-right ul li p { color: #fff; opacity: 0.5; margin-top: 7px; }
.technology-right ul li .bts { margin-top: 100px; }
.technology-right ul li:hover:before { width: 100%; left: 0; opacity: 1; visibility: visible; }
.technology-right ul li:hover span i:after { width: 84.74576%; height: 84.74576%; }
.technology-right ul li:hover .bts-line-red-small { background-image: url(../img/btn_line_bg_small.svg); }
.technology-right ul li:hover .bts-line-red-small:before { width: 100%; opacity: 1; }

@media screen and (max-width: 1440px) { .technology-right ul li { padding: 200px 0 190px 5%; }
  .index-Technology .title { margin-top: 190px; }
  .technology-right ul li span { width: 100px; height: 100px; margin-bottom: 90px; }
  .technology-right ul li .bts { margin-top: 80px; } }
@media screen and (max-width: 1280px) { .technology-right ul li { padding: 180px 0 170px 5%; }
  .index-Technology .title { margin-top: 170px; }
  .technology-right ul li span { width: 100px; height: 100px; margin-bottom: 80px; }
  .technology-right ul li .bts { margin-top: 70px; } }
@media screen and (max-width: 1024px) { .technology-right ul li { padding: 140px 0 130px 5%; }
  .index-Technology .title { margin-top: 130px; }
  .technology-right ul li span { width: 80px; height: 80px; margin-bottom: 60px; }
  .technology-right ul li .bts { margin-top: 50px; } }
@media screen and (max-width: 640px) { .index-Technology .title { float: none; width: 100%; padding-top: 80px; margin-top: 0; }
  .defualtbox .title .tit-bottom h5 { margin: 10px 0 20px; }
  .technology-right { float: none; width: 100%; }
  .technology-right ul li { padding: 80px 0 70px 5%; }
  .technology-right ul li span { width: 80px; height: 80px; margin-bottom: 60px; }
  .technology-right ul li .bts { margin-top: 50px; } }
/* 为您服务 */
.index-service { position: relative; padding: 54px 0; overflow: hidden; background-color: #fff; }
.index-service .particles2 { position: absolute; width: 30%; height: 100%; position: absolute; right: 0; bottom: 0; z-index: 1; }
.index-service ul { position: relative; z-index: 2; }
.index-service ul li { float: left; width: 33.33%; transition: all .5s; border: 1px solid transparent; padding: 66px 5% 30px; }
.index-service ul li span { display: block; height: 70px; }
.index-service ul li span img { height: 100%; }
.index-service ul li h2 { margin: 30px 0 20px; }
.index-service ul li h2 i { font-weight: bold; margin-left: 18px; }
.index-service ul li p { color: #777; line-height: 1.2; height: 55px; }
.index-service ul li:hover { border: 1px solid #194397; box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.1); transform: translateY(-10px); }

@media screen and (max-width: 1280px) { .index-service ul li span { height: 50px; }
  .index-service ul li { padding: 50px 5% 20px; } }
@media screen and (max-width: 1024px) { .index-service .particles2 { width: 40%; } }
@media screen and (max-width: 768px) { .index-service .particles2 { width: 60%; } }
@media screen and (max-width: 640px) { .index-service ul li { float: none; width: 100%; }
  .index-service ul li { padding: 20px; }
  .index-service ul li h2 { margin: 20px 0 10px; }
  .index-service .particles2 { width: 100%; height: 30%; } }
/* footer */
.footer { background: url(../img/bg_footer.jpg) center top/cover no-repeat; position: relative; }
.footer:before { content: ''; display: block; width: 100%; height: 5px; background: url(../img/foot_top_line.jpg) center 0/100% no-repeat; }
.footer .bd { padding: 70px 0 100px; overflow: hidden; }
.footer .foot-left { float: left; width: 24.30556%; }
.footer .foot-left h1 { color: #fff; }
.footer .foot-left h5 { color: #fff; font-weight: lighter; }
.footer .linkus { margin-top: 70px; }
.footer .linkus li { float: left; position: relative; margin-right: 10%; }
.footer .linkus li:last-child { margin-right: 0; }
.footer .linkus li a { color: #fff; }
.footer .linkus li a span { font-size: 30px; }
.footer .linkus li a:hover { color: #e93f36; }
.footer .linkus li .showbox { position: absolute; left: 0; top: 100%; width: 120px; opacity: 0; visibility: hidden; transition: all .5s; }
.footer .linkus li .showbox img { width: 100%; }
.footer .linkus li:hover a { color: #e93f36; }
.footer .linkus li:hover .showbox { opacity: 1; visibility: visible; top: calc(100% + 10px); }
.footer .foot-right { float: right; width: 75.55556%; }
.footer .foot-right dl { width: 25%; float: left; }
.footer .foot-right dl h2 { color: #fff; font-weight: normal; }
.footer .foot-right dl h2 a { color: #fff; }
.footer .foot-right dl dt { width: 90%; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer .foot-right dl dd { padding-top: 20px; }
.footer .foot-right dl dd ul li { line-height: 36px; }
.footer .foot-right dl dd ul li a { color: #777; }
.footer .foot-right dl dd ul li a:hover { color: #e93f36; }
.footer .foot-right dl dd .lx { margin-bottom: 30px; }
.footer .foot-right dl dd .lx p { color: #777; line-height: 24px; }
.footer .foot-right dl dd h3 { font-weight: normal; font-family: "Montserrat"; color: #e93f36; margin-top: 10px; }
.footer .ft { background-color: rgba(0, 0, 0, 0.2); padding: 36px 0; color: #999; overflow: hidden; }
.footer .ft .ft-left { float: left; }
.footer .ft .ft-left span { margin-right: 14px; }
.footer .ft .ft-right { float: right; }
.footer .ft .ft-right a { color: #999; margin: 0 24px; }
.footer .ft .ft-right a:last-child { margin-right: 0; }
.footer .ft .ft-right a:hover { color: #e93f36; }

@media screen and (max-width: 1024px) { .footer .bd { padding: 50px 0; }
  .footer .ft .ft-right a { margin: 0 10px; } }
@media screen and (max-width: 900px) { .footer .bd { padding: 30px 0; }
  .footer .foot-left { float: none; width: 100%; margin-bottom: 30px; text-align: center; }
  .footer .foot-right { float: right; width: 100%; }
  .footer .ft { padding: 20px 0; text-align: center; }
  .footer .ft .ft-left { float: none; }
  .footer .ft .ft-right { float: none; }
  .footer .linkus { margin-top: 20px; width: 128px; margin: 20px auto 0; }
  .footer .linkus li { margin-right: 14%; } }
@media screen and (max-width: 768px) { .footer .foot-right dl { width: 100%; float: none; }
  .footer .foot-right dl dt { width: 100%; padding: 15px 0; position: relative; }
  .footer .foot-right dl dt:after { content: ''; display: block; width: 10px; height: 16px; background: url(../img/icon_go.png) 0 0/100% 100% no-repeat; opacity: 0.5; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(90deg); transition: all .5s; }
  .footer .foot-right dl dt.on:after { transform: translateY(-50%) rotate(-90deg); }
  .footer .foot-right dl dd { display: none; } }
/* 右侧浮动 */
.fixed-right { position: fixed; right: 20px; bottom: 10%; z-index: 9; }
.fixed-right ul li { position: relative; width: 70px; height: 70px; margin-bottom: 12px; box-shadow: 0 0 90px rgba(0, 0, 0, 0.2); }
.fixed-right ul li a { display: block; width: 100%; position: absolute; right: 0; top: 0; height: 100%; background: #fff; transition: all .5s; overflow: hidden; }
.fixed-right ul li i { display: inline-block; width: 34px; height: 34px; margin: 18px; background: url(../img/fixed_right.png) no-repeat; vertical-align: middle; }
.fixed-right ul li .icon-Qq { background-position: 0 -5px; }
.fixed-right ul li .icon-ly { background-position: 0 -47px; }
.fixed-right ul li .icon-dh { background-position: 0 -84px; }
.fixed-right ul li .icon-wx { background-position: 0 -125px; }
.fixed-right ul li .icon-top { background-position: 0 -168px; }
.fixed-right ul li span { display: inline-block; width: 0; opacity: 0; visibility: hidden; transition: all .2s; font-family: "Avenir-Roman"; color: #fff; vertical-align: middle; }
.fixed-right ul li .qrcoder { position: absolute; right: calc(100% - 12px); top: 50%; transform: translateY(-50%); width: 180px; transition: all .5s; opacity: 0; visibility: hidden; }
.fixed-right ul li .qrcoder img { width: 100%; }
.fixed-right ul li a:hover { background-image: linear-gradient(90deg, #005fe0 0%, #1f86f9 100%); }
.fixed-right ul li a:hover .icon-Qq { background-position: -39px -5px; }
.fixed-right ul li a:hover .icon-ly { background-position: -39px -47px; }
.fixed-right ul li a:hover .icon-dh { background-position: -39px -84px; }
.fixed-right ul li a:hover .icon-wx { background-position: -39px -125px; }
.fixed-right ul li a:hover .icon-top { background-position: -39px -168px; }
.fixed-right ul li.dh:hover a { width: 250px; }
.fixed-right ul li.dh:hover a span { width: auto; opacity: 1; visibility: visible; }
.fixed-right ul li.wx:hover .qrcoder { opacity: 1; visibility: visible; right: calc(100% + 12px); }
.fixed-right #goTop { display: none; }
.fixed-right #goTop.on { display: block; }

@media screen and (max-width: 1440px) { .fixed-right ul li { width: 60px; height: 60px; margin-bottom: 10px; }
  .fixed-right ul li i { transform: scale(0.8); margin: 13px; }
  .fixed-right ul li .qrcoder { width: 150px; }
  .fixed-right ul li.dh:hover a { width: 220px; } }
@media screen and (max-width: 1024px) { .fixed-right ul li { width: 50px; height: 50px; margin-bottom: 5px; }
  .fixed-right ul li i { transform: scale(0.7); margin: 8px; }
  .fixed-right ul li .qrcoder { width: 100px; }
  .fixed-right ul li.dh:hover a { width: 200px; } }
/* **
产品中心 
** */
.baner-inner { height: 36.97917vw; position: relative; overflow: hidden; }
.baner-inner .img-banner { background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: 0; transform: scale(1.3); transition: all 3s; }
.baner-inner .img-banner.animated { transform: scale(1); }
.baner-inner .w1440 { position: relative; height: 100%; padding-top: 16%; }
.baner-inner h1 { margin-bottom: 20px; color: #fff; }
.baner-inner h5 { color: #fff; font-weight: lighter; }

.web-position { color: #999; border-bottom: 1px solid #F1F1F1; }
.web-position .position-wrap { position: relative; line-height: 100px; }
.web-position .position-left { float: left; }
.web-position .position-left a { color: #666; }
.web-position .position-left a i { color: #999; font-size: 20px; }
.web-position .position-left a:hover { color: #e93f36; }
.web-position .position-left a:hover i { color: #e93f36; }
.web-position .position-left span { color: #666; }
.web-position .position-nav { float: right; }
.web-position .position-nav ul li { position: relative; width: auto; margin: 0 40px; }
.web-position .position-nav ul li a { color: #000; display: inline-block; position: relative; }
.web-position .position-nav ul li a:before { content: ''; display: block; height: 3px; background-color: #194397; position: absolute; left: 0; bottom: 0; width: 100%; display: none; }
.web-position .position-nav ul li.active a:before { display: block; }
.web-position .position-nav ul li a:hover { color: #194397; }

@media screen and (max-width: 1440px) { .web-position .position-wrap { line-height: 80px; }
  .web-position .position-nav ul li { margin: 0 30px; } }
@media screen and (max-width: 1280px) { .web-position .position-wrap { line-height: 70px; }
  .web-position .position-nav ul li { margin: 0 20px; } }
@media screen and (max-width: 1024px) { .web-position .position-wrap { line-height: 60px; }
  .web-position .position-nav ul li { margin: 0 15px; } }
@media screen and (max-width: 980px) { .web-position .position-wrap { line-height: 50px; }
  .web-position .position-nav { float: none; width: 100%; }
  .web-position .position-nav ul li { margin: 0; }
  .position-nav-wrap .position-left { display: none; } }
@media screen and (max-width: 768px) { .web-position .position-left { padding: 20px 0; }
  .web-position .position-wrap { line-height: 1.5; } }
/* 产品分类 */
.product-sorts { padding: 45px 0 40px; }
.product-sorts ul { overflow: hidden; }
.product-sorts ul li { float: left; width: 19.93056%; padding-right: 1px; position: relative; height: 287px; overflow: hidden; }
.product-sorts ul li:last-child { margin-right: 0; }
.product-sorts ul li .before { transition: all .5s; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 287px; padding-top: 84px; text-align: center; }
.product-sorts ul li .before .icon { display: block; width: 72px; margin: 0 auto 40px; }
.product-sorts ul li .before .icon img { width: 100%; }
.product-sorts ul li .before h2 { color: #fff; font-weight: normal; }
.product-sorts ul li .after { color: #fff; padding: 30px; position: absolute; left: 0; top: 0; height: 0; width: 100%; transition: all 1s; background-color: #194397; background-repeat: no-repeat; opacity: 0; visibility: hidden; background-size: 100%; }
.product-sorts ul li .after .imgbg { background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: -1; transform: scale(1.3); transition: all 3s; }
.product-sorts ul li .after .imgbg.animated { transform: scale(1); }
.product-sorts ul li .after h2 { color: #fff; font-weight: normal; margin-bottom: 10px; transition: all .5s; transform: translateX(-20px); opacity: 0; transition-delay: 0.2s; }
.product-sorts ul li .after .txt { height: 120px; overflow: hidden; transition: all .5s; transform: translateX(-20px); opacity: 0; transition-delay: 0.4s; }
.product-sorts ul li .after p { color: #fff; transition: all .5s; }
.product-sorts ul li .after span { display: block; width: 34px; height: 34px; border-radius: 100%; text-align: center; line-height: 34px; background-color: #fff; color: #194397; transition: all .5s; transform: translateX(-20px); opacity: 0; transition-delay: 0.6s; }
.product-sorts ul li:hover .after { opacity: 1; visibility: visible; height: 100%; }
.product-sorts ul li:hover .after .imgbg { opacity: 1; visibility: visible; }
.product-sorts ul li:hover .after h2 { transform: translateX(0); opacity: 1; }
.product-sorts ul li:hover .after .txt { transform: translateX(0); opacity: 1; }
.product-sorts ul li:hover .after span { transform: translateX(0); opacity: 1; }

@media screen and (max-width: 1440px) { .product-sorts ul li .before .icon { width: 65px; }
  .product-sorts ul li { height: 240px; }
  .product-sorts ul li .before { height: 240px; padding-top: 60px; }
  .product-sorts ul li .after .txt { height: 100px; } }
@media screen and (max-width: 1024px) { .product-sorts { padding: 25px 0 20px; }
  .product-sorts ul li .before .icon { width: 55px; }
  .product-sorts ul li { height: 200px; }
  .product-sorts ul li .before { height: 200px; }
  .product-sorts ul li .after { padding: 20px; }
  .product-sorts ul li .after .txt { height: 90px; }
  .product-sorts ul li .after span { width: 26px; height: 26px; line-height: 26px; } }
@media screen and (max-width: 768px) { .product-sorts ul li { height: 260px; width: 50%; }
  .product-sorts ul li .before { height: 260px; }
  .product-sorts ul li .after { height: 260px; background-position: right bottom; } }
@media screen and (max-width: 500px) { .product-sorts ul li { width: 100%; } }
/* 筛选 */
.searchbox { width: 55.55556%; height: 65px; border: 1px solid #d6d6d6; position: relative; margin: 0 auto; }
.searchbox input[type="text"] { font-size: 18px; padding: 0 15px; height: calc(100% - 2px); width: calc(100% - 50px); position: relative; }
.searchbox button { background-color: transparent; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }
.searchbox button i { font-size: 30px; color: #676767; transition: all .4s; }
.searchbox button:hover i { color: #e93f36; }

.filterConditions { width: 77.77778%; padding-bottom: 50px; }
.filterConditions dl { margin: 30px 0 0; position: relative; min-height: 30px; line-height: 30px; }
.filterConditions dl dt { position: absolute; left: 30px; top: 0; color: #000; font-weight: 600; }
.filterConditions dl dd { margin: 0 94px 0 200px; height: 30px; overflow: hidden; }
.filterConditions dl dd a { color: #666; margin-right: 30px; display: inline-block; }
.filterConditions dl dd a:hover { color: #e93f36; }
.filterConditions dl dd a.active { color: #194397; }
.filterConditions dl dd.open { height: auto; }
.filterConditions dl .more { position: absolute; right: 40px; color: #999; top: 0; cursor: pointer; }
.filterConditions dl .more:hover { color: #e93f36; }
.filterConditions dl .more.active { color: #e93f36; }
.filterConditions dl:first-child .more { display: none; }
.filterConditions dl:last-child .more { display: none; }

.product-content ul { padding: 60px 0 0; }
.product-content ul li { background-color: #fff; position: relative; float: left; width: 23.61111%; margin: 0 1.80556% 69px 0; float: left; transition: all .6s; }
.product-content ul li:after { content: ''; display: block; width: 0; height: 3px; background-color: #194397; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .6s; }
.product-content ul li:nth-child(4n) { margin-right: 0; }
.product-content ul li .img { overflow: hidden; width: 100%; height: 300px; position: relative; }
.product-content ul li .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.product-content ul li .img label { display: block; width: 81px; height: 32px; line-height: 32px; text-align: center; color: #fff; position: absolute; right: 0; top: 7px; background-color: #194397; clip-path: polygon(5px 0, 100% 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 100%, 0 5px); }
.product-content ul li .txt { height: 200px; padding: 20px 25px 25px; }
.product-content ul li .txt h2 { font-family: "Montserrat"; margin-bottom: 6px; }
.product-content ul li .txt p { color: #999; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 44px; margin-bottom: 32px; }
.product-content ul li .ft span { display: inline-block; float: left; width: 77px; border: 1px solid #bbb; color: #bbb; text-align: center; line-height: 30px; transition: all .4s; }
.product-content ul li .ft i { float: right; display: inline-block; width: 28px; text-align: right; border-left: 1px solid #ddd; margin-top: 3px; font-weight: bold; color: #194397; }
.product-content ul li:hover { box-shadow: 0px 10px 30px 0px rgba(211, 211, 211, 0.54); transform: translateY(-10px); }
.product-content ul li:hover:after { width: 100%; opacity: 1; }
.product-content ul li:hover .img img { transform: scale(1.05); }
.product-content ul li:hover h2 { color: #194397; }
.product-content ul li:hover .ft span { border-color: #194397; background-color: #194397; color: #fff; }

/* 翻页 */
.pages { text-align: center; color: #666; margin-bottom: 100px; }
.pages a { display: inline-block; width: 50px; height: 50px; line-height: 48px; border: 1px solid #ececec; color: #666; margin: 0 11px; background-color: #fff; }
.pages a:hover { color: #194397; border-color: #194397; }
.pages a.active { border-color: #194397; background-color: #194397; color: #fff; }
.pages span { margin-left: 7px; }

@media screen and (max-width: 1440px) { .searchbox { height: 50px; }
  .searchbox input[type="text"] { font-size: 16px; }
  .filterConditions dl dd { margin: 0 60px 0 150px; }
  .filterConditions dl .more { right: 20px; }
  .product-content ul li .img { height: 220px; }
  .product-content ul { padding-top: 30px; } }
@media screen and (max-width: 1024px) { .filterbox { padding-top: 20px; }
  .filterConditions { padding-bottom: 30px; width: 100%; }
  .filterConditions dl { margin-top: 20px; }
  .product-content ul li .txt { padding: 20px; }
  .product-content ul li { margin-bottom: 30px; }
  .pages a { width: 40px; height: 40px; line-height: 38px; margin: 0 5px; }
  .filterConditions dl dd a { margin-right: 20px; } }
@media screen and (max-width: 768px) { .product-content ul li { width: 48%; margin-right: 4%; }
  .product-content ul li:nth-child(2n) { margin-right: 0; }
  .product-content ul li .img { height: 300px; }
  .pages a { width: 32px; height: 32px; line-height: 30px; margin: 0 3px; }
  .filterConditions dl dt { position: static; display: block; }
  .filterConditions dl dd { margin: 0; }
  .filterConditions dl .more { right: 0; }
  .searchbox { width: 100%; height: 45px; }
  .searchbox button i { font-size: 20px; } }
@media screen and (max-width: 500px) { .product-content ul li { width: 100%; margin-right: 0%; margin-bottom: 20px; }
  .product-content ul li .img { height: 300px; }
  .filterConditions dl:first-child .more { display: block; }
  .filterConditions dl:last-child .more { display: block; } }
/* **
	关于我们
** */
.pages-aboutsy { background: url(../img/about/about_bg_01.jpg) 0 0/cover no-repeat; padding-bottom: 130px; }
.pages-aboutsy .title h1 { color: #194397; font-weight: normal; padding: 50px 0 20px; }
.pages-aboutsy .title p { width: 62.08333%; margin: 30px auto 80px; color: #666; line-height: 1.8; }
.pages-aboutsy ul li { float: left; width: 25%; }
.pages-aboutsy ul li .sm { font-weight: bold; color: #000; }
.pages-aboutsy ul li b { color: #194397; font-family: "Montserrat"; font-weight: normal; }
.pages-aboutsy .txt { color: #666; line-height: 2; padding: 80px 0 70px; }

.btn-tx a { display: block; position: relative; width: 187px; height: 52px; text-align: center; line-height: 52px; color: #666; margin: 0 auto; background: url(../img/tx_bk_blue.png) 0 0/cover no-repeat; }
.btn-tx a i { color: #194397; margin-left: 15px; font-weight: bold; }
.btn-tx a:hover { background-image: url(../img/tx_bk_blue_on.png); color: #fff; }
.btn-tx a:hover i { color: #fff; }

.btn-gray a { display: block; position: relative; width: 187px; height: 52px; text-align: center; line-height: 52px; color: #666; margin: 0 auto; background: url(../img/tx_bk_gray.png) 0 0/cover no-repeat; }
.btn-gray a i { color: #808080; margin-left: 15px; font-weight: bold; }
.btn-gray a:hover { background-image: url(../img/tx_bk_blue_on.png); color: #fff; }
.btn-gray a:hover i { color: #fff; }
.btn-gray.active a { background-image: url(../img/tx_bk_blue_on.png); color: #fff; }
.btn-gray.active a i { color: #fff; }

.btn-gray-full a { display: block; position: relative; width: 187px; height: 52px; text-align: center; line-height: 52px; color: #fff; margin: 0 auto; background: url(../img/tx_tc_gray.png) 0 0/cover no-repeat; }
.btn-gray-full a i { color: #fff; margin-left: 15px; font-weight: bold; }
.btn-gray-full a:hover { background-image: url(../img/tx_bk_gray.png); color: #666; }
.btn-gray-full a:hover i { color: #666; }

.btn-blue a { display: block; position: relative; width: 187px; height: 52px; text-align: center; line-height: 52px; color: #fff; margin: 0 auto; background: url(../img/tx_bk_blue_on.png) 0 0/cover no-repeat; }
.btn-blue a i { color: #fff; margin-left: 15px; font-weight: bold; }
.btn-blue a:hover { background-image: url(../img/tx_bk_blue.png); color: #666; }
.btn-blue a:hover i { color: #194397; }

.btn-white a { background-image: url(../img/tx_bk_white.svg); background-size: 100% 100%; color: #fff; }
.btn-white a i { color: #fff; }
.btn-white a:hover { background-image: url(../img/tx_bk_white_on.svg); color: #194397; }
.btn-white a:hover i { color: #194397; }

.btn-white-on a { background-image: url(../img/tx_bk_white_on.svg); background-size: 100% 100%; color: #194397; }
.btn-white-on a i { color: #194397; }
.btn-white-on a:hover { background-image: url(../img/tx_bk_white.svg); color: #fff; }
.btn-white-on a:hover i { color: #fff; }

.hr { display: inline-block; width: 71px; height: 5px; background: 0 0 /100% 100% no-repeat; }
.hr.hr-red { background-image: url(../img/hr_red.png); }
.hr.hr-blue { background-image: url(../img/hr_blue.png); }
.hr.hr-blue-qgray { background-image: url(../img/hr_blue_qgray.png); }
.hr.hr-blue-white { background-image: url(../img/hr_blue_white.png); }
.hr.hr-white { background-image: url(../img/hr_white.png); }
.hr.hr-white2 { background-image: url(../img/hr_white2.png); }
.hr.hr-white-gray { background-image: url(../img/hr_blue_gray.png); }
.hr.long { width: 151px; }
.hr.hr-blue-gray-long { background-image: url(../img/hr_blue_gray_long.png); }
.hr.hr-blue-white-long { background-image: url(../img/hr_blue_white_long.png); }

/* 发展历程 */
.page-defualtbox { background: center 0 /cover no-repeat; padding: 92px 0 60px; overflow: hidden; }
.page-defualtbox .title { padding-bottom: 90px; font-family: 'PingFang'; }
.page-defualtbox .title h1 { padding: 10px 0; }
.page-defualtbox .title h1.blue { color: #194397; }
.page-defualtbox .title h5 { line-height: 1.77778; font-weight: lighter; }

.pages-dvlphistory { background-image: url(../img/about/about_bg_02.jpg); }
.pages-dvlphistory .title { color: #fff; }
.pages-dvlphistory .title h1 { color: #fff; }
.pages-dvlphistory .title h5 { color: #fff; }

.develop-bd .develop-swiper-img { float: left; width: 56.11111%; position: relative; }
.develop-bd .develop-swiper-img .swiper-slide { width: 79.9505%; overflow: hidden; }
.develop-bd .develop-swiper-img .swiper-slide .img { height: 376px; transform: scale(1.3); transition: all 3s; opacity: 0.3; transition: all 0.5s; overflow: hidden; }
.develop-bd .develop-swiper-img .swiper-slide .img.animated { transform: scale(1); }
.develop-bd .develop-swiper-img .swiper-slide .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.develop-bd .develop-swiper-img .swiper-slide-active .img { opacity: 1; }
.develop-bd .develop-swiper-txt { float: right; width: 36.80556%; position: relative; }
.develop-bd .develop-swiper-txt .txt { line-height: 1.8; margin-top: 60px; }
.develop-bd .develop-swiper-txt .txt h3 { font-weight: normal; color: #fff; padding-bottom: 10px; line-height: 1; }
.develop-bd .develop-swiper-txt .txt h4 { font-weight: normal; color: #fff; padding-top: 10px; padding-bottom: 5px; }
.develop-bd .develop-swiper-txt .txt p { color: #fff; font-weight: lighter; }

.develop-ft { margin-top: 69px; position: relative; }
.develop-ft .develop-year { padding: 69px 0; position: relative; }
.develop-ft .develop-year:before { content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 50%; }
.develop-ft .develop-year .swiper-slide { cursor: pointer; text-align: center; height: 141px; position: relative; }
.develop-ft .develop-year .swiper-slide h3 { font-weight: normal; color: #fff; position: absolute; width: 100%; top: 18px; transition: all .5s; opacity: 0.9; }
.develop-ft .develop-year .swiper-slide h3 i { font-weight: lighter; font-family: "Helvetica"; margin-right: 2px; }
.develop-ft .develop-year .swiper-slide h5 { font-weight: normal; color: #fff; position: absolute; width: 100%; top: 50%; transition: all .5s; opacity: 0; visibility: hidden; }
.develop-ft .develop-year .year-item { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.develop-ft .develop-year .year-item:before { content: ''; display: block; width: 1px; height: 20px; background-color: #fff; opacity: 0.8; position: absolute; left: 50%; top: calc(50% - 20px); transition: all .5s; }
.develop-ft .develop-year .year-item span { display: block; width: 22px; height: 22px; position: absolute; border: 1px solid #fff; border-radius: 100%; opacity: 0.8; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .4s; }
.develop-ft .develop-year .year-item span:before { content: ''; display: block; width: 10px; height: 10px; border: 2px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; }
.develop-ft .develop-year .year-item span:after { content: ''; display: block; width: 6px; height: 6px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; }
.develop-ft .develop-year .on .year-item span { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
.develop-ft .develop-year .swiper-slide.on .year-item:before { top: calc(50% - 37px); height: 37px; opacity: 1; }
.develop-ft .develop-year .swiper-slide.on h3 { top: 0; font-size: 24px; opacity: 1; }
.develop-ft .develop-year .swiper-slide.on h3 i { font-family: "PingFang"; font-style: normal; margin-right: 1px; }
.develop-ft .develop-year .swiper-slide.on h5 { top: calc(50% + 20px); opacity: 1; visibility: visible; }
.develop-ft .develop-year .swiper-slide:nth-child(2n) .year-item:before { top: 50%; }
.develop-ft .develop-year .swiper-slide:nth-child(2n) h3 { top: calc(50% + 20px); }
.develop-ft .develop-year .swiper-slide:nth-child(2n) h5 { bottom: 50%; top: auto; }
.develop-ft .develop-year .swiper-slide:nth-child(2n).on h3 { top: calc(50% + 30px); }
.develop-ft .develop-year .swiper-slide:nth-child(2n).on h5 { bottom: calc(50% + 20px); }
.develop-ft .develop-btn { position: absolute; width: 40px; height: 40px; border-radius: 100%; top: 50%; transform: translateY(-50%); background-color: #e93f36; color: #fff; text-align: center; z-index: 9; line-height: 40px; cursor: pointer; transition: all .5s; }
.develop-ft .develop-btn.develop-prev { left: -20px; }
.develop-ft .develop-btn.develop-next { right: -20px; }
.develop-ft .develop-btn.swiper-button-disabled { background-color: #fff; color: #000; }

@media screen and (max-width: 1440px) { .page-defualtbox .title { padding-bottom: 70px; }
  .baner-inner { height: 35.10417vw; }
  .develop-bd .develop-swiper-img .swiper-slide .img { height: 300px; }
  .develop-ft { margin-top: 50px; } }
@media screen and (max-width: 1280px) { .page-defualtbox .title { padding-bottom: 60px; }
  .develop-ft { margin-top: 30px; } }
@media screen and (max-width: 1024px) { .baner-inner { height: 35.10417vw; }
  .page-defualtbox { padding: 50px 0 30px; }
  .page-defualtbox .title { padding-bottom: 45px; }
  .btn-tx a { width: 145px; height: 40px; line-height: 40px; }
  .pages-aboutsy { padding-bottom: 60px; }
  .pages-aboutsy .title h1 { padding: 30px 0 10px; }
  .pages-aboutsy .title p { margin: 20px auto 40px; }
  .pages-aboutsy .txt { padding: 40px 0 35px; }
  .develop-ft .develop-year { padding: 30px 0; }
  .develop-bd .develop-swiper-img .swiper-slide .img { height: 260px; }
  .develop-bd .develop-swiper-txt .txt { margin-top: 30px; }
  .develop-ft { margin-top: 10px; }
  .develop-ft .develop-btn { width: 30px; height: 30px; line-height: 30px; }
  .develop-ft .develop-btn.develop-prev { left: 0; }
  .develop-ft .develop-btn.develop-next { right: 0; }
  .hr { width: 40px; height: 3px; }
  .hr.long { width: 75px; height: 3px; }
  .btn-tx a { width: 140px; line-height: 39px; height: 39px; }
  .btn-tx a i { margin-left: 5px; }
  .btn-blue a { width: 140px; line-height: 39px; height: 39px; }
  .btn-blue a i { margin-left: 5px; }
  .btn-gray a { width: 140px; line-height: 39px; height: 39px; }
  .btn-gray a i { margin-left: 5px; }
  .btn-gray-full a { width: 140px; line-height: 39px; height: 39px; }
  .btn-gray-full a i { margin-left: 5px; } }
@media screen and (max-width: 768px) { .baner-inner { height: 50vw; }
  .baner-inner .w1440 { padding-top: 20%; }
  .baner-inner h1 { margin-bottom: 10px; }
  .pages-aboutsy .title p { width: 100%; }
  .pages-aboutsy .txt { padding: 20px 0; }
  .develop-bd .develop-swiper-img { float: none; width: 100%; }
  .develop-bd .develop-swiper-txt { float: none; width: 100%; }
  .pages-aboutsy ul li { width: 50%; margin-bottom: 30px; } }
@media screen and (max-width: 500px) { .baner-inner { height: 70vw; }
  .baner-inner h1 { font-size: 30px; }
  .baner-inner .w1440 { padding-top: 30vw; }
  .develop-bd .develop-swiper-img .swiper-slide .img { height: 200px; } }
/* 企业荣誉 */
.pages-Enterhonor { background-image: url(../img/about/about_bg_03.jpg); }
.pages-Enterhonor .title { padding-bottom: 70px; }
.pages-Enterhonor .title h1 { color: #000; }
.pages-Enterhonor .swiper-honor { overflow: hidden; position: relative; }
.pages-Enterhonor .swiper-honor .swiper-slide { background-color: #f4f4f4; transition: all .5s; }
.pages-Enterhonor .swiper-honor .swiper-slide.active { transform: scale(0.9); }
.pages-Enterhonor .swiper-honor .img { background-color: #fff; width: 100%; height: 300px; display: table; overflow: hidden; }
.pages-Enterhonor .swiper-honor .img span { display: table-cell; vertical-align: middle; text-align: center; }
.pages-Enterhonor .swiper-honor .img span img { max-width: 100%; max-height: 300px; }
.pages-Enterhonor .swiper-honor .info { position: relative; transform: translateZ(0); text-align: center; padding: 25px 0 50px; }
.pages-Enterhonor .swiper-honor .info:before { content: ''; display: block; width: 100%; height: 0; background-color: #194397; position: absolute; left: 0; top: 0; transition: all .5s; z-index: -1; }
.pages-Enterhonor .swiper-honor .info h2 { display: inline-block; font-weight: normal; border-bottom: 1px solid #2168b9; margin-bottom: 15px; transition: all .5s; }
.pages-Enterhonor .swiper-honor .info p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; transition: all .5s; }
.pages-Enterhonor .swiper-honor a:hover .info:before { height: 100%; }
.pages-Enterhonor .swiper-honor a:hover .info h2 { color: #fff; border-bottom-color: #fff; }
.pages-Enterhonor .swiper-honor a:hover .info p { color: #fff; }
.pages-Enterhonor .swiper-pagination { position: static; margin-top: 94px; }
.pages-Enterhonor .swiper-pagination .swiper-pagination-bullet { width: 100px; height: 5px; background-color: #cfcfd0; border-radius: 0; opacity: 1; margin: 0 1px; }
.pages-Enterhonor .swiper-pagination .swiper-pagination-bullet-active { background-color: #194397; }

.mask { position: fixed; left: 0; width: 100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 99; display: none; }

.honor-layer { position: fixed; width: 65.41667%; z-index: 100; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.2); background-color: #fff; padding: 60px 0; box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.1); transition: all 0.3s; opacity: 0; visibility: hidden; }
.honor-layer.open { transform: translate(-50%, -50%) scale(1); opacity: 1; visibility: visible; }
.honor-layer .swiper-honor-layer { width: 77.2293%; margin: 0 auto; overflow: hidden; }
.honor-layer .swiper-honor-layer img { max-width: 100%; max-height: 100%; }
.honor-layer .honor-layer-btn { width: 60px; height: 60px; line-height: 60px; background-color: #1874ba; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; font-size: 18px; color: #fff; cursor: pointer; z-index: 8; }
.honor-layer .honor-layer-btn i { vertical-align: top; }
.honor-layer .honor-layer-btn.swiper-button-disabled { background-color: #e4e4e5; color: #000; }
.honor-layer .honor-layer-prev { left: 3.02548%; }
.honor-layer .honor-layer-next { right: 3.02548%; }

@media screen and (max-width: 1440px) { .pages-Enterhonor .swiper-pagination { margin-top: 80px; }
  .pages-Enterhonor .swiper-pagination .swiper-pagination-bullet { width: 90px; }
  .honor-layer { padding: 50px 0; }
  .honor-layer .honor-layer-btn { width: 50px; height: 50px; line-height: 50px; } }
@media screen and (max-width: 1024px) { .pages-Enterhonor .title { padding-bottom: 30px; }
  .pages-Enterhonor .swiper-pagination { margin-top: 50px; }
  .pages-Enterhonor .swiper-pagination .swiper-pagination-bullet { width: 50px; }
  .pages-Enterhonor .swiper-honor .info { padding: 20px 0 30px; }
  .honor-layer { padding: 40px 0; }
  .honor-layer .honor-layer-btn { width: 40px; height: 40px; line-height: 40px; }
  .honor-layer .honor-layer-prev { left: 20px; }
  .honor-layer .honor-layer-next { right: 20px; } }
@media screen and (max-width: 768px) { .pages-Enterhonor .swiper-pagination { margin-top: 30px; }
  .pages-Enterhonor .swiper-pagination .swiper-pagination-bullet { width: 30px; }
  .pages-Enterhonor .swiper-honor .img { height: 260px; }
  .pages-Enterhonor .swiper-honor .img span img { max-height: 260px; }
  .honor-layer { width: calc(100% - 40px); padding: 20px 0; }
  .honor-layer .swiper-honor-layer { width: calc(100% - 40px); } }
/* 创新研发 */
.pages-innovation { position: relative; height: 962px; overflow: hidden; }
.pages-innovation .imgbg { background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: -1; transform: scale(1.3); transition: all 3s; }
.pages-innovation .imgbg.animated { transform: scale(1); }
.pages-innovation .title { padding-top: 60px; }
.pages-innovation .title h1 { color: #fff; }
.pages-innovation .title h5 { color: #fff; padding-top: 20px; }

@media screen and (max-width: 1440px) { .pages-innovation { height: 800px; } }
@media screen and (max-width: 1280px) { .pages-innovation { height: 768px; } }
@media screen and (max-width: 1024px) { .pages-innovation { height: 666px; } }
@media screen and (max-width: 768px) { .pages-innovation { height: 520px; } }
/* 产业集群 */
.pages-IndustryCluster { background: url(../img/about/about_bg_05.jpg) center bottom/cover no-repeat; }

.clusterbox { width: 91.45833%; margin: 0 auto; position: relative; }
.clusterbox .map img { width: 100%; }
.clusterbox .point { position: absolute; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.clusterbox .point .dot { text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: -21px; width: 64px; }
.clusterbox .point .icon { display: block; width: 15px; height: 21px; background: url(../img/about/map_pos.png) 0 0/cover no-repeat; margin: 0 auto; }
.clusterbox .point h5 { font-weight: normal; color: #000; font-size: 16px; }
.clusterbox .point h5.fwn { color: #666; font-size: 14px; }
.clusterbox .displaybox { position: absolute; left: 50%; transform: translateX(-50%); }
.clusterbox .displaybox .img { width: 263px; height: 153px; overflow: hidden; transition: all 0.5s; overflow: hidden; }
.clusterbox .displaybox .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.clusterbox .displaybox .info { width: 85.1711%; top: 90.84967%; position: absolute; left: 50%; transform: translateX(-50%); background-color: #f5f6fa; padding: 8px 15px; min-height: 80px; color: #000; transition: all .5s; }
.clusterbox .displaybox .info p { font-size: 12px; }
.clusterbox .displaybox:hover .img img { transform: scale(1.05); }
.clusterbox .displaybox:hover .info { background-color: #194397; }
.clusterbox .displaybox:hover .info h3 { color: #fff; }
.clusterbox .displaybox:hover .info p { color: #fff; }
.clusterbox .point-bm { top: 35.82317%; left: 18.52696%; }
.clusterbox .point-bm .displaybox { top: 42px; }
.clusterbox .point-oz { top: 31.40244%; left: 49.73424%; }
.clusterbox .point-oz .displaybox { bottom: 102px; }
.clusterbox .point-hg { top: 42.9878%; right: 18.37509%; }
.clusterbox .point-hg .dot { text-align: left; left: 0; transform: none; }
.clusterbox .point-hg .dot .icon { margin-left: 0; }
.clusterbox .point-hg .displaybox { left: 0; transform: none; bottom: 88px; }
.clusterbox .point-dg { top: 53.81098%; right: 23.15869%; }
.clusterbox .point-dg .displaybox { top: 42px; }
.clusterbox .point-ah { top: 44.96951%; right: 22.1716%; }
.clusterbox .point-ah .dot h5 { position: relative; right: 20px; line-height: 1.1; }
.clusterbox .point-ah .icon { width: 13px; height: 17px; top: -17px; }
.clusterbox .point-nb { top: 47.2561%; right: 20.88079%; }
.clusterbox .point-nb .dot h5 { position: relative; left: 23px; line-height: 1.1; }
.clusterbox .point-nb .icon { width: 13px; height: 17px; top: -17px; }
.clusterbox .point-jx { top: 50%; right: 22.24753%; }
.clusterbox .point-jx .dot h5 { position: relative; left: 23px; line-height: 1.1; }
.clusterbox .point-jx .icon { width: 13px; height: 17px; top: -17px; }

@media screen and (max-width: 1440px) { .clusterbox .displaybox .img { width: 220px; height: 128px; } }
@media screen and (max-width: 1280px) { .clusterbox .displaybox .img { width: 180px; height: 105px; } }
@media screen and (max-width: 1024px) { .pages-IndustryCluster .cont { padding: 80px 0; }
  .clusterbox .displaybox .info { padding: 5px 10px; }
  .clusterbox { width: 100%; } }
@media screen and (max-width: 768px) { .page-defualtbox .title h5 { text-align: justify; }
  .clusterbox .displaybox .img { width: 100px; height: 58px; }
  .clusterbox .displaybox .info { display: none; }
  .clusterbox .point h5 { font-size: 14px; }
  .clusterbox .point-oz .displaybox { bottom: 32px; }
  .clusterbox .point-hg .displaybox { bottom: 30px; left: -30px; }
  .clusterbox .point-hg h5 { position: relative; left: 20px; top: -20px; }
  .clusterbox .point-bm .displaybox { top: 30px; }
  .clusterbox .point-dg .displaybox { top: 30px; }
  .pages-IndustryCluster .cont { padding: 40px 0; } }
/* **
	投资者关系 
** */
.pages-letterHolder { background: url(../img/investor/bg_investor01.jpg) center bottom/cover no-repeat; }
.pages-letterHolder .cont { position: relative; margin-top: 70px; }
.pages-letterHolder .img { width: 45.83333%; height: 420px; position: absolute; top: -90px; z-index: 2; left: 0; overflow: hidden; }
.pages-letterHolder .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.pages-letterHolder .img img { transform: scale(1.05); transition: all 2s; }
.pages-letterHolder .img.animated img { transform: scale(1); }
.pages-letterHolder .info { width: 61.80556%; float: right; background: url(../img/investor/bg_investor01_01.jpg) 0 0/cover no-repeat; padding: 45px 0 105px; }
.pages-letterHolder .info .txt { width: 75.2809%; margin-left: 19.10112%; }
.pages-letterHolder .info .txt .p { height: 190px; overflow: hidden; line-height: 2; }

@media screen and (max-width: 1440px) { .pages-letterHolder .img { height: 360px; top: -50px; }
  .pages-letterHolder .cont { margin-top: 40px; }
  .pages-letterHolder .info { padding-bottom: 80px; } }
@media screen and (max-width: 1024px) { .pages-letterHolder .img { height: 300px; top: -50px; }
  .pages-letterHolder .cont { margin-top: 40px; }
  .pages-letterHolder .info { padding-bottom: 50px; padding-top: 30px; }
  .pages-letterHolder .info .txt .p { line-height: 1.8; } }
@media screen and (max-width: 768px) { .pages-letterHolder .img { position: static; width: 100%; }
  .pages-letterHolder .cont { margin-top: 0; }
  .pages-letterHolder .info { padding-bottom: 30px; padding-top: 20px; float: right; width: 100%; }
  .pages-letterHolder .info .txt { width: 100%; padding: 0 20px; margin-left: 0; }
  .pages-letterHolder .info .txt .p { line-height: 1.8; height: auto; margin-bottom: 20px; } }
/* 股票信息 */
.pages-stockInfor { background: url(../img/investor/bg_investor02.jpg) center center/cover no-repeat; }
.pages-stockInfor .title h1 { color: #fff; }
.pages-stockInfor .cont { width: 725px; margin: 0 auto; font-family: 'PingFang'; }
.pages-stockInfor .stock-hd b { font-weight: normal; color: #fff; font-size: 72px; }
.pages-stockInfor .stock-hd b em { font-size: 55px; color: #fff; }
.pages-stockInfor .stock-hd span { color: #ff0000; margin-left: 20px; }
.pages-stockInfor .stock-hd .icn-up { display: inline-block; vertical-align: middle; width: 26px; height: 34px; background: url(../img/investor/icon+up.png) 0 0/cover no-repeat; margin-left: 13px; position: relative; top: -10px; }
.pages-stockInfor .stock-bd { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.pages-stockInfor .stock-bd ul li { float: left; width: 25%; color: #fff; padding: 20px 0; }
.pages-stockInfor .stock-bd ul li .t { margin-bottom: 15px; }
.pages-stockInfor .stock-tip { color: #fff; margin-top: 20px; padding-bottom: 40px; }

.stockInfor-bd { padding: 50px 0 100px; }
.stockInfor-bd img { max-width: 100%; }
.stockInfor-bd .external-frame { height: 600px; }

@media screen and (max-width: 1440px) { .pages-stockInfor .stock-hd b { font-size: 60px; }
  .pages-stockInfor .stock-hd b em { font-size: 50px; }
  .stockInfor-bd { padding: 40px 0 80px; } }
@media screen and (max-width: 1024px) { .pages-stockInfor .stock-hd b { font-size: 50px; }
  .pages-stockInfor .stock-hd b em { font-size: 40px; }
  .stockInfor-bd { padding: 30px 0 50px; }
  .pages-stockInfor .stock-hd .icn-up { width: 18px; height: 24px; } }
@media screen and (max-width: 768px) { .pages-stockInfor .cont { width: 100%; }
  .pages-stockInfor .stock-hd b { font-size: 40px; }
  .pages-stockInfor .stock-hd b em { font-size: 30px; }
  .pages-stockInfor .stock-hd .icn-up { width: 14px; height: 18px; top: -5px; } }
/* 财务数据 */
.pages-finanData { background: url(../img/investor/bg_investor03.jpg) center 0/cover no-repeat; }
.pages-finanData .title h1 { color: #fff; }
.pages-finanData ul { text-align: center; font-family: 'PingFang'; padding-bottom: 80px; }
.pages-finanData ul li { display: inline-block; width: 266px; height: 266px; position: relative; transform: translateZ(0); margin: 0 5%; }
.pages-finanData ul li:before { content: ''; display: block; width: 100%; height: 100%; border-radius: 100%; background-color: #eaf0f5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0; height: 0; opacity: 0; visibility: hidden; transition: all .5s; z-index: -1; }
.pages-finanData ul li a { display: block; padding-top: 48px; }
.pages-finanData ul li h3 { color: #fff; font-weight: normal; line-height: 1.3; }
.pages-finanData ul li h5 { color: #fff; font-weight: normal; }
.pages-finanData ul li .icon { display: inline-block; width: 80px; height: 80px; background: 0 0 /cover no-repeat; }
.pages-finanData ul li .icon-1 { background-image: url(../img/icon_cwsj01.png); }
.pages-finanData ul li .icon-2 { background-image: url(../img/icon_cwsj02.png); }
.pages-finanData ul li .icon-3 { background-image: url(../img/icon_cwsj03.png); }
.pages-finanData ul li:hover:before { width: 100%; height: 100%; opacity: 1; visibility: visible; }
.pages-finanData ul li:hover .icon-1 { background-image: url(../img/icon_cwsj01_hover.png); }
.pages-finanData ul li:hover .icon-2 { background-image: url(../img/icon_cwsj02_hover.png); }
.pages-finanData ul li:hover .icon-3 { background-image: url(../img/icon_cwsj03_hover.png); }
.pages-finanData ul li:hover h3 { color: #194397; }
.pages-finanData ul li:hover h5 { color: #194397; }

@media screen and (max-width: 1440px) { .pages-finanData ul li { width: 200px; height: 200px; }
  .pages-finanData ul li a { padding-top: 30px; }
  .pages-finanData ul li .icon { width: 70px; height: 70px; } }
@media screen and (max-width: 1280px) { .pages-finanData ul li .icon { width: 60px; height: 60px; } }
@media screen and (max-width: 1024px) { .pages-finanData ul { padding-bottom: 50px; }
  .pages-finanData ul li { width: 180px; height: 180px; margin: 0 2%; }
  .pages-finanData ul li .icon { width: 50px; height: 50px; } }
@media screen and (max-width: 768px) { .pages-finanData ul { padding-bottom: 30px; }
  .pages-finanData ul li { width: 170px; height: 170px; margin: 0; }
  .pages-finanData ul li .icon { width: 40px; height: 40px; } }
/* 定期报告 */
.pages-perdicReport { background: url(../img/investor/bg_investor04.jpg) center 0/cover no-repeat; }
.pages-perdicReport .title { padding-bottom: 50px; }
.pages-perdicReport .cont { text-align: center; }
.pages-perdicReport ul { font-family: 'PingFang'; padding-bottom: 40px; }
.pages-perdicReport ul li { float: left; width: 47.22222%; margin: 0 3.33333% 32px 0; transition: all .5s; background-color: #fff; position: relative; }
.pages-perdicReport ul li:nth-child(2n) { margin-right: 0; }
.pages-perdicReport ul li a { display: block; padding: 20px 40px 20px 25px; }
.pages-perdicReport ul li i.icon-file { display: block; position: relative; width: 60px; height: 60px; border: 1px solid #e3e3e3; border-radius: 100%; background: url(../img/icon_file.png) center center no-repeat; margin-right: 20px; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); }
.pages-perdicReport ul li .txt { padding: 7px 50px 7px 80px; text-align: left; }
.pages-perdicReport ul li .txt h2 { color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pages-perdicReport ul li .txt p { color: #999; }
.pages-perdicReport ul li .right { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); height: 52px; border-left: 1px solid #dedede; line-height: 52px; padding-left: 27px; }
.pages-perdicReport ul li .right .iconfont { display: inline-block; width: 25px; height: 25px; border: 1px solid #dedede; border-radius: 100%; line-height: 23px; text-align: center; font-size: 12px; color: #dedede; transition: all .5s; }
.pages-perdicReport ul li:hover { box-shadow: 0px 0px 14.85px 0.15px rgba(130, 130, 130, 0.1); }
.pages-perdicReport ul li:hover .txt h2 { color: #194397; }
.pages-perdicReport ul li:hover .right .iconfont { border-color: #194397; background-color: #194397; color: #fff; }
.pages-perdicReport .bts { margin: 0 auto; }

@media screen and (max-width: 1024px) { .pages-perdicReport .title { padding-bottom: 30px; }
  .pages-perdicReport ul li a { padding: 15px 30px 15px 20px; }
  .pages-perdicReport ul li { margin-bottom: 20px; }
  .pages-perdicReport ul li i.icon-file { width: 40px; height: 40px; left: 20px; }
  .pages-perdicReport ul li .right { right: 30px; padding-left: 17px; }
  .pages-perdicReport ul li .txt { padding: 0 40px 0 50px; }
  .pages-perdicReport ul { padding-bottom: 20px; } }
@media screen and (max-width: 768px) { .pages-perdicReport ul li { float: none; width: 100%; margin-right: 0; } }
/* 为什么加入三友 */
.txt-white { color: #fff; }

.txt-blue { color: #194397; }

.page-defualtbox2 .title h1 { margin-bottom: 25px; }
.page-defualtbox2 .title p { color: #999; }

.pages-whyJoin { padding: 80px 0 0; }
.pages-whyJoin .cont { margin-top: 60px; }
.pages-whyJoin .whyJoin-left { float: left; width: 50%; }
.pages-whyJoin .whyJoin-right { float: right; width: 50%; }
.pages-whyJoin .hd-height { height: 325px; position: relative; overflow: hidden; }
.pages-whyJoin .hd-left { width: 50%; background-color: #194397; }
.pages-whyJoin .hd-left .particles { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; z-index: 0; }
.pages-whyJoin .hd-right { width: 50%; background-color: #fff; box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08); }
.pages-whyJoin .in { padding: 40px 50px; position: relative; z-index: 2; }
.pages-whyJoin .in h3 { margin-bottom: 20px; }
.pages-whyJoin .in p { line-height: 1.55556; height: 130px; text-align: justify; }
.pages-whyJoin .btns a { display: block; width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid  #dbdbdb; color: #194397; transform: scale(1); transition: all .5s; }
.pages-whyJoin .btns.btns-white a { background-color: #fff; border-color: #fff; }
.pages-whyJoin .btns.btns-blue a { background-color: #194397; border-color: #194397; color: #fff; }
.pages-whyJoin .btns.btns-line-white a { border-color: #fff; color: #fff; }
.pages-whyJoin .btns a:hover { transform: scale(0.9); }
.pages-whyJoin .hd .imgbg { background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: -1; transform: scale(1.3); transition: all 3s; }
.pages-whyJoin .hd .imgbg.animated { transform: scale(1); }
.pages-whyJoin .in:hover .btns a { transform: scale(0.9); }
.pages-whyJoin .whyJoin-right { height: 650px; position: relative; overflow: hidden; }
.pages-whyJoin .whyJoin-right .imgbg { background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: absolute; left: 0; width: 100%; height: 100%; top: 0; z-index: -1; transform: scale(1.3); transition: all 3s; }
.pages-whyJoin .whyJoin-right .imgbg.animated { transform: scale(1); }
.pages-whyJoin .whyJoin-right .txt { width: 50%; background-color: rgba(34, 34, 34, 0.9); position: absolute; bottom: 0; right: 0; }

.pages-CareerPromot { padding-top: 118px; }
.pages-CareerPromot .img img { width: 100%; }

@media screen and (max-width: 1440px) { .pages-CareerPromot { padding-top: 90px; } }
@media screen and (max-width: 1024px) { .pages-whyJoin { padding-top: 60px; }
  .page-defualtbox2 .title h1 { margin-bottom: 15px; }
  .pages-whyJoin .cont { margin-top: 40px; }
  .pages-whyJoin .hd-height { height: 280px; }
  .pages-whyJoin .whyJoin-right { height: 560px; }
  .pages-whyJoin .in { padding: 20px; }
  .pages-CareerPromot { padding-top: 80px; } }
@media screen and (max-width: 768px) { .pages-whyJoin .whyJoin-left { float: none; width: 100%; }
  .pages-whyJoin .whyJoin-right { float: none; width: 100%; }
  .pages-whyJoin { padding-top: 40px; }
  .pages-CareerPromot { padding-top: 60px; } }
/* 薪酬福利 */
.pages-emolument { padding: 80px 0 120px; background: url(../img/joinus/bg_joinus02.jpg) center center/cover no-repeat; }
.pages-emolument ul { margin-top: 90px; }
.pages-emolument ul li { float: left; width: 23.61111%; margin-right: 1.73611%; height: 350px; position: relative; transition: all .5s ease-in-out; text-align: center; background: linear-gradient(135deg, transparent 10px, #fff 0) top left, linear-gradient(-135deg, transparent 0, #fff 0) top right, linear-gradient(-45deg, transparent 10px, #fff 0) bottom right, linear-gradient(45deg, transparent 0, #fff 0) bottom left; background-size: 50% 50%; background-repeat: no-repeat; }
.pages-emolument ul li:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .5s ease-in-out; }
.pages-emolument ul li a { position: relative; display: block; height: 100%; overflow: hidden; }
.pages-emolument ul li:last-child { margin-right: 0; }
.pages-emolument ul li .icon { display: block; width: 76px; height: 76px; margin: 76px auto 60px; background-size: cover; background-repeat: no-repeat; transition: all .5s ease-in-out; }
.pages-emolument ul li .icon-1 { background-image: url(../img/joinus/icon_about01.png); }
.pages-emolument ul li .icon-2 { background-image: url(../img/joinus/icon_about02.png); }
.pages-emolument ul li .icon-3 { background-image: url(../img/joinus/icon_about03.png); }
.pages-emolument ul li .icon-4 { background-image: url(../img/joinus/icon_about04.png); }
.pages-emolument ul li h3 { padding-top: 49px; line-height: 1; color: #555; position: relative; transition: all .5s ease-in-out; }
.pages-emolument ul li h3:before { content: ''; display: block; width: 35px; height: 1px; background-color: #999; position: absolute; left: 50%; transform: translateX(-50%); top: 0; }
.pages-emolument ul li .info { transition: all 1s ease-in-out; margin-top: 45px; height: 0; opacity: 0; visibility: hidden; }
.pages-emolument ul li .info span { display: inline-block; float: left; width: 50%; color: #fff; line-height: 2.22222; }
.pages-emolument ul li:hover { background: linear-gradient(135deg, transparent 10px, #144197 0) top left, linear-gradient(-135deg, transparent 0, #144197 0) top right, linear-gradient(-45deg, transparent 10px, #144197 0) bottom right, linear-gradient(45deg, transparent 0, #144197 0) bottom left; background-size: 50% 50%; background-repeat: no-repeat; }
.pages-emolument ul li:hover:before { box-shadow: -2.071px 7.727px 38px 0px rgba(20, 65, 151, 0.3); border-top-left-radius: 25px; border-bottom-right-radius: 25px; }
.pages-emolument ul li:hover .icon { margin: 39px auto 18px; }
.pages-emolument ul li:hover .icon-1 { background-image: url(../img/joinus/icon_about01_hover.png); }
.pages-emolument ul li:hover .icon-2 { background-image: url(../img/joinus/icon_about02_hover.png); }
.pages-emolument ul li:hover .icon-3 { background-image: url(../img/joinus/icon_about03_hover.png); }
.pages-emolument ul li:hover .icon-4 { background-image: url(../img/joinus/icon_about04_hover.png); }
.pages-emolument ul li:hover h3 { padding-top: 0; color: #fff; }
.pages-emolument ul li:hover h3:before { display: none; }
.pages-emolument ul li:hover .info { opacity: 1; visibility: visible; height: auto; }

@media screen and (max-width: 1440px) { .pages-emolument ul li { height: 300px; }
  .pages-emolument ul li .icon { width: 66px; height: 66px; margin: 66px auto 50px; }
  .pages-emolument ul li .info { margin-top: 20px; } }
@media screen and (max-width: 1024px) { .pages-emolument ul { margin-top: 50px; }
  .pages-emolument { padding: 50px 0 80px; } }
@media screen and (max-width: 768px) { .pages-emolument ul li { width: 48%; margin: 0 4% 20px 0; }
  .pages-emolument ul li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 520px) { .pages-emolument ul li { float: none; width: 100%; padding-top: 1px; } }
/* 员工心声 */
.pages-ElyVoice { position: relative; background: url(../img/joinus/bg_joinus03.jpg) center center/cover no-repeat; padding: 75px 0 165px; overflow: hidden; }
.pages-ElyVoice .title { margin-bottom: 80px; }
.pages-ElyVoice .title h1 { color: #fff; margin-bottom: 15px; }
.pages-ElyVoice .title p { color: #fff; }

.Elyvoicebox { position: relative; }
.Elyvoicebox .swiper-button-blue { width: 65px; height: 65px; background-color: rgba(255, 255, 255, 0.7); background-image: none; color: #2b4c92; text-align: center; line-height: 65px; transition: all .4s; }
.Elyvoicebox .swiper-button-blue:hover { background-color: white; }
.Elyvoicebox .swiper-button-next { right: -9.23611%; }
.Elyvoicebox .swiper-button-prev { left: -9.23611%; }
.Elyvoicebox .swiper-pages { bottom: 8%; position: absolute; z-index: 9; width: auto; left: 54.48819%; }
.Elyvoicebox .swiper-pagination-bullet { width: 40px; height: 4px; border: 1px solid #f8f8f8; border-radius: 0; background-color: transparent; }
.Elyvoicebox .swiper-pagination-bullet-active { background-color: #fff; }
.Elyvoicebox .swiper-ElyVoice-img { float: left; width: calc(100% - 172px); overflow: hidden; position: relative; }
.Elyvoicebox .swiper-ElyVoice-img .swiper-slide { position: relative; }
.Elyvoicebox .swiper-ElyVoice-img .img { width: 51.9685%; height: 445px; position: relative; z-index: 1; clip-path: polygon(20px 0, 100% 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 100%, 0 20px); transition: all 0.5s; overflow: hidden; }
.Elyvoicebox .swiper-ElyVoice-img .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.Elyvoicebox .swiper-ElyVoice-img .img img { transform: scale(1.05); transition-duration: 1.5s; }
.Elyvoicebox .swiper-ElyVoice-img .info { z-index: 2; position: absolute; right: 0; top: 0; width: 50.3937%; height: 100%; background: url(../img/joinus/joinus_bg_yg2.png) 0 0/100% 100% no-repeat; }
.Elyvoicebox .swiper-ElyVoice-img .info .txt { padding: 48px 56px; line-height: 1.2; }
.Elyvoicebox .swiper-ElyVoice-img .info .txt:before { content: ''; display: block; width: 27px; height: 16px; background: url(../img/joinus/icon_sy.png) 0 0/cover no-repeat; margin-bottom: 28px; }
.Elyvoicebox .swiper-ElyVoice-img .info .txt h3 { color: #fff; transition: all 1.5s; transform: translateX(50px); opacity: 0; }
.Elyvoicebox .swiper-ElyVoice-img .info .txt h5 { color: #fff; transition: all 1.5s; transform: translateX(50px); opacity: 0; }
.Elyvoicebox .swiper-ElyVoice-img .info .txt p { margin-top: 30px; color: #fff; line-height: 1.33333; transition: all 1.5s; transform: translateX(50px); opacity: 0; transition-delay: 0.3s; }
.Elyvoicebox .swiper-ElyVoice-img .swiper-slide-active .img img { transform: scale(1); }
.Elyvoicebox .swiper-ElyVoice-img .swiper-slide-active .txt h3 { opacity: 1; transform: translateX(0px); }
.Elyvoicebox .swiper-ElyVoice-img .swiper-slide-active .txt h5 { opacity: 1; transform: translateX(0px); }
.Elyvoicebox .swiper-ElyVoice-img .swiper-slide-active .txt p { opacity: 1; transform: translateX(0px); }
.Elyvoicebox .swiper-ElyVoice-Thumb { float: right; width: 135px; height: 453px; overflow: hidden; }
.Elyvoicebox .swiper-ElyVoice-Thumb .swiper-slide { padding: 1px; position: relative; transform: translateZ(0); cursor: pointer; }
.Elyvoicebox .swiper-ElyVoice-Thumb .swiper-slide:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #5caeed; z-index: -1; clip-path: polygon(5px 0, 100% 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 100%, 0 5px); }
.Elyvoicebox .swiper-ElyVoice-Thumb .swiper-slide:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #144197; z-index: 2; clip-path: polygon(5px 0, 100% 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 100%, 0 5px); opacity: 0.5; }
.Elyvoicebox .swiper-ElyVoice-Thumb .img { width: 133px; height: 128px; clip-path: polygon(5px 0, 100% 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 100%, 0 5px); transition: all 0.5s; overflow: hidden; }
.Elyvoicebox .swiper-ElyVoice-Thumb .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.Elyvoicebox .swiper-ElyVoice-Thumb .on { padding: 2px; }
.Elyvoicebox .swiper-ElyVoice-Thumb .on:before { background-color: #e93f36; }
.Elyvoicebox .swiper-ElyVoice-Thumb .on:after { display: none; }
.Elyvoicebox .swiper-ElyVoice-Thumb .on .img { opacity: 1; width: 131px; height: 126px; }

@media screen and (max-width: 1440px) { .pages-ElyVoice .title { margin-bottom: 60px; }
  .Elyvoicebox .swiper-button-blue { width: 55px; height: 55px; line-height: 55px; }
  .Elyvoicebox .swiper-button-next { right: -6%; }
  .Elyvoicebox .swiper-button-prev { left: -6%; }
  .Elyvoicebox .swiper-ElyVoice-Thumb { height: 429px; }
  .Elyvoicebox .swiper-ElyVoice-img .img { height: 429px; } }
@media screen and (max-width: 1280px) { .Elyvoicebox .swiper-button-blue { width: 45px; height: 45px; line-height: 45px; }
  .Elyvoicebox .swiper-button-next { right: 172px; }
  .Elyvoicebox .swiper-button-prev { left: 0; } }
@media screen and (max-width: 1024px) { .pages-ElyVoice .title { margin-bottom: 40px; }
  .Elyvoicebox .swiper-pagination-bullet { width: 20px; }
  .Elyvoicebox .swiper-ElyVoice-img .info .txt { padding: 30px; }
  .Elyvoicebox .swiper-ElyVoice-img .info .txt:before { width: 20px; height: 12px; margin-bottom: 15px; }
  .Elyvoicebox .swiper-ElyVoice-Thumb .on .img { width: 98px; height: 94px; }
  .Elyvoicebox .swiper-ElyVoice-Thumb .img { width: 100px; height: 96px; }
  .Elyvoicebox .swiper-ElyVoice-Thumb { height: 336px; width: 102px; }
  .Elyvoicebox .swiper-ElyVoice-img { width: calc(100% - 122px); }
  .Elyvoicebox .swiper-ElyVoice-img .img { height: 336px; }
  .Elyvoicebox .swiper-button-blue { width: 35px; height: 35px; line-height: 35px; }
  .Elyvoicebox .swiper-button-next { right: 122px; } }
@media screen and (max-width: 600px) { .Elyvoicebox .swiper-ElyVoice-img { float: none; width: 100%; }
  .Elyvoicebox .swiper-button-next { right: 0; }
  .Elyvoicebox .swiper-ElyVoice-Thumb { float: none; width: 100%; height: auto; margin-top: 10px; }
  .Elyvoicebox .swiper-ElyVoice-Thumb .img { width: 100%; }
  .Elyvoicebox .swiper-ElyVoice-Thumb .on .img { width: 100%; } }
@media screen and (max-width: 500px) { .Elyvoicebox .swiper-ElyVoice-img { height: auto; }
  .Elyvoicebox .swiper-ElyVoice-img .img { width: 100%; clip-path: polygon(10px 0, 100% 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 100%, 0 10px); }
  .Elyvoicebox .swiper-ElyVoice-img .info { position: relative; margin-top: -30px; width: 100%; }
  .Elyvoicebox .swiper-pages { position: relative; bottom: 0; width: 100%; text-align: center; left: auto; } }
/* 多彩的三友 */
.pages-Colorful { background: url(../img/joinus/bg_joinus04.jpg) center bottom/cover no-repeat; padding: 75px 0 120px; }
.pages-Colorful .title { margin-bottom: 70px; }
.pages-Colorful .title h1 { color: #194397; margin-bottom: 15px; }
.pages-Colorful .cont { position: relative; }
.pages-Colorful .Colorful-button { width: 65px; height: 65px; background-color: #fefefe; background-image: none; color: #999; font-weight: bold; text-align: center; line-height: 65px; transition: all .5s; box-shadow: -1.294px 4.83px 38px 0px rgba(184, 184, 184, 0.3); cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; }
.pages-Colorful .Colorful-button:hover { background-color: #194397; color: #fff; }
.pages-Colorful .Colorful-next { right: -9.23611%; }
.pages-Colorful .Colorful-prev { left: -9.23611%; }
.pages-Colorful .Colorful-pages { margin-top: 70px; text-align: center; }
.pages-Colorful .swiper-pagination-bullet { width: 40px; height: 4px; background-color: #b8b8b8; border-radius: 0; margin: 0 4px; }
.pages-Colorful .swiper-pagination-bullet-active { background-color: #e93f36; }

.Colorful-swiper { overflow: hidden; padding: 10px 0; }
.Colorful-swiper .img { height: 275px; position: relative; transition: all 0.5s; overflow: hidden; }
.Colorful-swiper .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.Colorful-swiper .img h3 { position: absolute; width: 100%; left: 0; bottom: 0; color: #fff; padding: 20px 0; text-align: center; background: linear-gradient(to bottom, transparent 0%, transparent 43%, rgba(0, 0, 0, 0.3) 99%); }
.Colorful-swiper a:hover .img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: translateY(-10px); }
.Colorful-swiper a:hover .img img { transform: scale(1.05); }

@media screen and (max-width: 1440px) { .pages-Colorful .title { margin-bottom: 40px; }
  .pages-Colorful .Colorful-button { width: 55px; height: 55px; line-height: 55px; }
  .pages-Colorful .Colorful-next { right: -6%; }
  .pages-Colorful .Colorful-prev { left: -6%; }
  .pages-Colorful .Colorful-pages { margin-top: 60px; } }
@media screen and (max-width: 1280px) { .pages-Colorful .Colorful-button { width: 45px; height: 45px; line-height: 45px; }
  .pages-Colorful .Colorful-next { right: 0; }
  .pages-Colorful .Colorful-prev { left: 0; } }
@media screen and (max-width: 1024px) { .pages-Colorful { padding: 55px 0 90px; }
  .pages-Colorful .title { margin-bottom: 30px; }
  .pages-Colorful .swiper-pagination-bullet { width: 20px; }
  .pages-Colorful .Colorful-blue { width: 35px; height: 35px; line-height: 35px; }
  .pages-Colorful .Colorful-next { right: 0; }
  .pages-Colorful .Colorful-pages { margin-top: 40px; }
  .Colorful-swiper .img { height: 200px; }
  .pages-Colorful .Colorful-pages { margin-top: 30px; } }
/* 解决方案 */
.gray { background-color: #f3f4f6; }

.pages-solution { padding: 10px 0 100px; }
.pages-solution .title { padding-bottom: 60px; }
.pages-solution .item { float: left; width: 31.94444%; margin: 0 2.08333% 34px 0; position: relative; overflow: hidden; transition: all .5s; }
.pages-solution .item:nth-child(3) { margin-right: 0; }
.pages-solution .item:nth-child(5) { margin-right: 0; }
.pages-solution .item .img { height: 535px; overflow: hidden; position: relative; transition: all 0.5s; overflow: hidden; }
.pages-solution .item .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-solution .item .txt { padding: 44px 48px; position: absolute; left: 0; bottom: -110px; width: 100%; transition: all .5s; z-index: 5; }
.pages-solution .item .txt h2 { color: #fff; margin-bottom: 5px; }
.pages-solution .item .txt p { color: #fff; transition: all .5s; opacity: 0; }
.pages-solution .item .btns { display: inline-block; width: 50px; height: 51px; line-height: 51px; background: url(../img/btn_bg_small_blue.svg) 0 0/cover no-repeat; color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-top: 25px; transition: all .5s; opacity: 0; }
.pages-solution .item .btns:hover { transform: scale(0.9); }
.pages-solution .item:hover { box-shadow: -17px 0 38px rgba(76, 76, 76, 0.55); }
.pages-solution .item:hover .img img { transform: scale(1.05); }
.pages-solution .item:hover .txt { bottom: 0; }
.pages-solution .item:hover .txt p { opacity: 1; }
.pages-solution .item:hover .txt .btns { opacity: 1; }
.pages-solution .item2 { width: 65.97222%; }

.pages-solution2 { background-color: #fff; padding-top: 110px; }

@media screen and (max-width: 1440px) { .pages-solution .item .txt { padding: 34px 38px; }
  .pages-solution .item .img { height: 500px; } }
@media screen and (max-width: 1024px) { .pages-solution .item { margin-bottom: 20px; }
  .pages-solution .item .txt { padding: 24px 20px; }
  .pages-solution .item .img { height: 40vw; }
  .pages-solution .item .btns { width: 40px; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; }
  .pages-solution .title { padding-bottom: 40px; }
  .pages-solution { padding-bottom: 70px; }
  .pages-solution2 { padding-top: 60px; } }
@media screen and (max-width: 768px) { .pages-solution .item { margin-bottom: 15px; }
  .pages-solution .item .txt { bottom: -100px; padding: 15px 10px; }
  .pages-solution { padding-bottom: 50px; }
  .pages-solution2 { padding-top: 40px; } }
@media screen and (max-width: 600px) { .pages-solution .item { margin-bottom: 10px; }
  .pages-solution .item .txt p { font-size: 14px; height: 42px; }
  .pages-solution .item .btns { margin-top: 10px; } }
/* **
新闻中心
** */
.pages-groupNews { background: url(../img/news/bg_news01.jpg) center bottom/cover no-repeat; padding-top: 80px; }
.pages-groupNews .title { padding-bottom: 35px; }
.pages-groupNews .bd { margin-bottom: 55px; }
.pages-groupNews .focusnews { float: left; width: 48.61111%; background-color: #fff; padding: 30px; transition: all .5s; }
.pages-groupNews .focusnews a { display: block; }
.pages-groupNews .focusnews .img { height: 320px; overflow: hidden; transition: all 0.5s; overflow: hidden; }
.pages-groupNews .focusnews .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-groupNews .focusnews .info { font-family: 'PingFang'; }
.pages-groupNews .focusnews .info .datetime { color: #666; margin: 18px 0 10px; }
.pages-groupNews .focusnews .info h2 { height: 72px; margin-bottom: 20px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pages-groupNews .focusnews .info p { color: #666; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; }
.pages-groupNews .focusnews:hover { background-color: #eaf0f5; }
.pages-groupNews .focusnews:hover .img img { transform: scale(1.05); }
.pages-groupNews .focusnews:hover .info h2 { color: #194397; }
.pages-groupNews .focuslist { float: right; width: 48.61111%; }
.pages-groupNews .focuslist ul li { height: 181px; background-color: #fff; margin-bottom: 16px; padding: 16px 15px; transition: all .5s; }
.pages-groupNews .focuslist ul li:last-child { margin-bottom: 0; }
.pages-groupNews .focuslist ul li a { display: block; }
.pages-groupNews .focuslist ul li .img { float: left; height: 150px; width: 44.77612%; overflow: hidden; transition: all 0.5s; overflow: hidden; }
.pages-groupNews .focuslist ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-groupNews .focuslist ul li .info { float: right; width: 51.9403%; }
.pages-groupNews .focuslist ul li .info .datetime { color: #666; margin: 5px 0 5px; }
.pages-groupNews .focuslist ul li .info h2 { margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pages-groupNews .focuslist ul li .info p { color: #666; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; }
.pages-groupNews .focuslist ul li:hover { background-color: #eaf0f5; }
.pages-groupNews .focuslist ul li:hover .img img { transform: scale(1.05); }
.pages-groupNews .focuslist ul li:hover .info h2 { color: #194397; }

@media screen and (max-width: 1440px) { .pages-groupNews .focusnews .info h2 { height: 62px; }
  .pages-groupNews .focusnews .info p { height: 40px; }
  .pages-groupNews .focuslist ul li { margin-bottom: 10px; }
  .pages-groupNews .focuslist ul li .info p { height: 40px; }
  .pages-groupNews .focuslist ul li .img { height: 140px; } }
@media screen and (max-width: 1024px) { .pages-groupNews { padding-top: 50px; }
  .pages-groupNews .title { padding-bottom: 20px; }
  .pages-groupNews .focusnews { padding: 20px; }
  .pages-groupNews .focusnews .img { height: 280px; }
  .pages-groupNews .focuslist ul li .img { height: 130px; }
  .pages-groupNews .focuslist ul li .info h2 { margin-bottom: 10px; }
  .pages-groupNews .focuslist ul li { height: auto; padding: 14px; }
  .pages-groupNews .bd { margin-bottom: 30px; }
  .pages-groupNews .focusnews .info h2 { height: 58px; margin-bottom: 10px; } }
@media screen and (max-width: 768px) { .pages-groupNews .focusnews { float: none; width: 100%; }
  .pages-groupNews .focusnews .img { height: 200px; }
  .pages-groupNews .focuslist { float: none; width: 100%; margin-bottom: 20px; }
  .pages-groupNews .focuslist ul li { padding: 12px 20px; }
  .pages-groupNews .focuslist ul li .img { height: 100px; }
  .pages-groupNews .focuslist ul li .info .datetime { margin: 0; } }
/* 媒体报道 */
.pages-mediaReports { background: url(../img/news/bg_news02.jpg) center bottom/cover no-repeat; }
.pages-mediaReports .title { padding-bottom: 60px; }
.pages-mediaReports .title h1 { color: #fff; }
.pages-mediaReports ul li { float: left; width: 48.61111%; height: 149px; border-bottom: 1px solid #000; margin: 0 2.77778% 68px 0; background-color: #fff; transition: all .4s; font-family: 'PinfgFang'; padding: 24px 0 0; }
.pages-mediaReports ul li:nth-child(2n) { margin-right: 0; }
.pages-mediaReports ul li .datetime { width: 124px; text-align: center; color: #194397; float: left; }
.pages-mediaReports ul li .datetime b { font-weight: normal; display: block; line-height: 1.1; }
.pages-mediaReports ul li .txt { float: left; width: calc(100% - 140px); }
.pages-mediaReports ul li .txt h3 { font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; }
.pages-mediaReports ul li .txt p { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #999; height: 48px; }
.pages-mediaReports ul li:hover { border-color: #184295; }
.pages-mediaReports ul li:hover .txt h3 { color: #194397; }

@media screen and (max-width: 1440px) { .pages-mediaReports ul li { margin-bottom: 50px; height: 139px; }
  .pages-mediaReports ul li .txt p { height: 40px; }
  .pages-mediaReports ul li .datetime { width: 100px; margin-top: 10px; }
  .pages-mediaReports ul li .txt { width: calc(100% - 120px); } }
@media screen and (max-width: 1024px) { .pages-mediaReports .title { padding-bottom: 30px; }
  .pages-mediaReports ul li { margin-bottom: 30px; height: 119px; padding-top: 15px; }
  .pages-mediaReports ul li .txt p { height: 40px; }
  .pages-mediaReports ul li .datetime { width: 90px; margin-top: 10px; }
  .pages-mediaReports ul li .txt { width: calc(100% - 100px); } }
@media screen and (max-width: 768px) { .pages-mediaReports ul { padding-bottom: 20px; }
  .pages-mediaReports ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } }
/* 展览资讯 */
.pages-exhibInfo { background: url(../img/news/bg_news03.jpg) center bottom/cover no-repeat; padding-top: 68px; }
.pages-exhibInfo .title { padding-bottom: 40px; }
.pages-exhibInfo ul { padding-bottom: 70px; }
.pages-exhibInfo ul li { float: left; width: 31.25%; margin: 0 3.05556% 20px 0; background-color: #fff; transition: all .4s; font-family: 'PinfgFang'; padding: 25px; }
.pages-exhibInfo ul li:nth-child(3n) { margin-right: 0; }
.pages-exhibInfo ul li .img { height: 200px; overflow: hidden; transition: all 0.5s; overflow: hidden; }
.pages-exhibInfo ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-exhibInfo ul li .datetime { color: #999; margin: 25px 0 6px; }
.pages-exhibInfo ul li .txt h3 { font-weight: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 72px; margin-bottom: 12px; }
.pages-exhibInfo ul li .txt p { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #999; height: 48px; }
.pages-exhibInfo ul li:hover { transform: translateY(-10px); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
.pages-exhibInfo ul li:hover .img img { transform: scale(1.05); }
.pages-exhibInfo ul li:hover .txt h3 { color: #194397; }

@media screen and (max-width: 1440px) { .pages-exhibInfo ul li .txt h3 { height: 62px; }
  .pages-exhibInfo ul li .txt p { height: 40px; } }
@media screen and (max-width: 1024px) { .pages-exhibInfo .title { padding-bottom: 30px; }
  .pages-exhibInfo ul { padding-bottom: 40px; }
  .pages-exhibInfo ul li { padding: 20px; }
  .pages-exhibInfo ul li .txt h3 { height: 58px; }
  .pages-exhibInfo ul li .img { height: 180px; } }
@media screen and (max-width: 768px) { .pages-exhibInfo ul { padding-bottom: 20px; }
  .pages-exhibInfo ul li { width: 48%; margin-right: 4%; }
  .pages-exhibInfo ul li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 520px) { .pages-exhibInfo ul li { float: none; width: 100%; margin-right: 0; }
  .pages-exhibInfo ul li .txt h3 { margin-bottom: 5px; } }
/* 三友公告 */
.pages-announce { background: url(../img/news/bg_news04.jpg) center bottom/cover no-repeat; padding: 196px 0 186px; }
.pages-announce .title { padding-bottom: 30px; }
.pages-announce .title h1 { color: #fff; }
.pages-announce .title h4 { color: #fff; font-weight: normal; }
.pages-announce .btn-white-on a { margin: 0; }

@media screen and (max-width: 1440px) { .pages-announce { padding: 150px 0 140px; } }
@media screen and (max-width: 1024px) { .pages-announce { padding: 120px 0 110px; } }
@media screen and (max-width: 768px) { .pages-announce { padding: 100px 0 90px; } }
/* **
新闻列表 * */
.news-list-focus { padding: 60px 0 105px; }
.news-list-focus .swiper-news { overflow: hidden; }
.news-list-focus .swiper-slide { position: relative; }
.news-list-focus .info { float: left; width: 50.69444%; background-color: #eaf0f5; height: 413px; padding: 50px 7% 40px 40px; font-family: "PingFang"; }
.news-list-focus .info h2 { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 72px; color: #194397; transition: all 1s; opacity: 0; transform: translateX(10%); }
.news-list-focus .info .datetime { margin: 20px 0 25px; color: #999; transition: all 1s; opacity: 0; transform: translateX(10%); transition-delay: 0.2s; }
.news-list-focus .info p { color: #666; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.8; height: 84px; margin-bottom: 60px; transition: all 1s; opacity: 0; transform: translateX(10%); transition-delay: 0.4s; }
.news-list-focus .info .btn { color: #194397; transition: all 1s; opacity: 0; transform: translateX(10%); transition-delay: 0.6s; }
.news-list-focus .info .btn i { margin-left: 13px; font-weight: bold; font-size: 18px; transition: all .4s; right: 0; position: relative; }
.news-list-focus .info .btn:hover i { right: -10px; }
.news-list-focus .img { width: 50.34722%; height: 413px; overflow: hidden; position: absolute; right: 0; top: 0; transition: all 0.5s; overflow: hidden; }
.news-list-focus .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.news-list-focus .img img { transform: scale(1.05); transition-duration: 2s; }
.news-list-focus .swiper-slide-active .info h2 { opacity: 1; transform: translateX(0); }
.news-list-focus .swiper-slide-active .info .datetime { opacity: 1; transform: translateX(0); }
.news-list-focus .swiper-slide-active .info p { opacity: 1; transform: translateX(0); }
.news-list-focus .swiper-slide-active .info .btn { opacity: 1; transform: translateX(0); }
.news-list-focus .swiper-slide-active .img img { transform: scale(1); }
.news-list-focus .swiper-pages { text-align: center; margin-top: 30px; }
.news-list-focus .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 6px; background-color: #dedede; opacity: 1; transition: all .5s; margin: 0 6px; }
.news-list-focus .swiper-pagination-bullet-active { width: 43px; background-color: #194397; box-shadow: inset 3.064px 2.571px 0px 0px rgba(189, 189, 189, 0.2); }

.pages-news-list li { float: left; width: 30.55556%; border: 1px solid #eaeaea; margin: 0 4.16667% 82px 0; font-family: "PingFang"; }
.pages-news-list li:nth-child(3n) { margin-right: 0; }
.pages-news-list li a { display: block; padding: 20px 20px 35px 20px; }
.pages-news-list li .img { height: 204px; overflow: hidden; transition: all 0.5s; overflow: hidden; }
.pages-news-list li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-news-list li .datetime { padding: 30px 0 10px; color: #666; }
.pages-news-list li h2 { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 72px; margin-bottom: 20px; }
.pages-news-list li p { color: #666; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; margin-bottom: 25px; }
.pages-news-list li .btn { color: #194397; transition: all 1s; }
.pages-news-list li .btn i { margin-left: 13px; font-weight: bold; font-size: 18px; transition: all .4s; right: 0; position: relative; }
.pages-news-list li .btn:hover i { right: -10px; }
.pages-news-list li:hover { background-color: #eaf0f5; }
.pages-news-list li:hover .img img { transform: scale(1.05); }
.pages-news-list li:hover .info h2 { color: #194397; }

@media screen and (max-width: 1440px) { .news-list-focus .info h2 { height: 62px; }
  .news-list-focus .info p { height: 74px; }
  .news-list-focus .info { height: 400px; }
  .news-list-focus .img { height: 400px; }
  .pages-news-list li { margin-bottom: 60px; }
  .pages-news-list li h2 { height: 62px; margin-bottom: 10px; }
  .pages-news-list li .datetime { padding: 20px 0 10px; }
  .pages-news-list li p { height: 40px; margin-bottom: 20px; } }
@media screen and (max-width: 1280px) { .pages-news-list li h2 { height: 56px; }
  .pages-news-list li h2 { height: 56px; } }
@media screen and (max-width: 1024px) { .news-list-focus { padding-bottom: 80px; }
  .news-list-focus .info { height: 320px; padding: 30px 5% 20px 20px; }
  .news-list-focus .info .datetime { margin: 10px 0 15px; }
  .news-list-focus .swiper-slide-active .info h2 { height: 58px; }
  .news-list-focus .info p { margin-bottom: 40px; }
  .news-list-focus .img { height: 320px; }
  .news-list-focus .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 4px; margin: 0 4px; }
  .news-list-focus .swiper-pagination-bullet-active { width: 30px; }
  .pages-news-list li a { padding-bottom: 20px; }
  .pages-news-list li .btn i { font-size: 16px; margin-left: 8px; } }
@media screen and (max-width: 768px) { .news-list-focus { padding-bottom: 50px; }
  .pages-news-list li { width: 48%; margin: 0 4% 30px 0; }
  .pages-news-list li:nth-child(3n) { margin-right: 4%; }
  .pages-news-list li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 500px) { .news-list-focus .info { float: none; width: 100%; height: auto; }
  .news-list-focus .img { position: static; width: 100%; }
  .pages-news-list li { width: 100%; margin: 0 0 20px 0; }
  .pages-news-list li:nth-child(3n) { margin-right: 0; } }
/* 新闻详情 */
.dtl-main { background-color: #fff; padding: 70px 3.40278% 80px; }
.dtl-main .title h2 { margin-bottom: 25px; }
.dtl-main .other { padding-bottom: 30px; border-bottom: 3px solid #194397; line-height: 20px; }
.dtl-main .other .datetime { float: left; color: #194397; font-family: "PingFang"; }
.dtl-main .other .back { float: right; }
.dtl-main .other .back i.icon-back { display: inline-block; width: 21px; height: 3px; background-color: #194397; margin-right: 15px; vertical-align: middle; position: relative; transition: all .4s; }
.dtl-main .other .back i.icon-back:before { content: ''; display: block; width: 13px; height: 3px; background-color: #194397; position: absolute; top: -7px; right: 0; transition: all .4s; }
.dtl-main .other .back i.icon-back:after { content: ''; display: block; width: 13px; height: 3px; background-color: #194397; position: absolute; bottom: -7px; right: 0; transition: all .4s; }
.dtl-main .other .back:hover { color: #194397; }
.dtl-main .other .back:hover i.icon-back { margin-right: 10px; }
.dtl-main .other .back:hover i.icon-back:before { transform: translate(-10px, 3px) rotate(-45deg); }
.dtl-main .other .back:hover i.icon-back:after { transform: translate(-10px, -3px) rotate(45deg); }
.dtl-main .article-cont .content-txt { padding: 45px 0; }
.dtl-main .article-cont .content-txt h2 { display: inline-block; padding: 13px 20px; border-left: 3px solid #194397; background-color: #f5f5f5; color: #194397; font-size: 16px; margin: 30px 0; }
.dtl-main .article-cont .content-txt p { line-height: 1.71429; text-align: justify; color: #555; }
.dtl-main .article-cont .content-txt p img { max-width: 100%; margin: 20px 0; }
.dtl-main .article-cont .content-txt ul { margin-bottom: 30px; }
.dtl-main .article-cont .content-txt ul li { float: left; width: 49.47917%; margin-right: 1.04167%; }
.dtl-main .article-cont .content-txt ul li:last-child { margin-right: 0; }
.dtl-main .article-cont .content-txt ul li img { width: 100%; }

.sharebar h5 { color: #666; font-weight: normal; margin-bottom: 18px; }
.sharebar ul li { float: left; margin-right: 24px; }
.sharebar ul li a { display: block; width: 50px; height: 50px; text-align: center; border: 1px solid #ccc; position: relative; line-height: 48px; }
.sharebar ul li i { font-size: 22px; color: #d1d1d1; vertical-align: middle; }
.sharebar ul li a:hover { background-color: #194397; border-color: #194397; }
.sharebar ul li a:hover i { color: #fff; }

.prevnext { margin-top: 49px; border-top: 3px solid #ccc; padding-top: 40px; }
.prevnext a { display: block; float: left; line-height: 65px; background-color: #194397; text-align: center; width: 51.06707%; color: #fff; font-size: 16px; }
.prevnext a i { font-size: 18px; font-weight: bold; margin: 0 15px; }
.prevnext a:last-child { float: right; width: 48.70427%; }
.prevnext a.disabled { background-color: #ccc; cursor: no-drop; }
.prevnext a:hover { opacity: 0.9; }

@media screen and (max-width: 1280px) { .dtl-main { padding: 50px 8% 60px; }
  .dtl-pt { padding-top: 80px; }
  .sharebar ul li a { width: 46px; height: 46px; }
  .prevnext a { line-height: 60px; } }
@media screen and (max-width: 1024px) { .dtl-main { padding: 50px 0 60px; } }
@media screen and (max-width: 980px) { .dtl-pt { padding-top: 50px; }
  .dtl-main { padding: 40px 0 50px; }
  .sharebar ul li { margin-right: 15px; }
  .prevnext { margin-top: 30px; padding-top: 20px; }
  .prevnext a { line-height: 45px; font-size: 14px; }
  .prevnext a i { font-size: 16px; margin: 0 8px; } }
/* 产品详情 */
.page-prodcut-dtl .hd { padding: 52px 0 104px; }
.page-prodcut-dtl .hd h2 { float: left; font-weight: normal; }
.page-prodcut-dtl .hd .btnbox { float: right; text-align: right; }
.page-prodcut-dtl .hd .btn-blue { display: inline-block; margin-left: 2.34375vw; }
.page-prodcut-dtl .hd-tab { text-align: center; margin-bottom: 10px; }
.page-prodcut-dtl .hd-tab ul li { display: inline-block; font-family: "PingFang"; }
.page-prodcut-dtl .hd-tab ul li a { display: block; width: 231px; line-height: 60px; clip-path: polygon(10px 0, 100% 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 100%, 0 10px); background-color: #96a1b0; color: #fff; }
.page-prodcut-dtl .hd-tab ul li a.active { background-color: #194397; }
.page-prodcut-dtl .hd-tab ul li a:hover { opacity: 0.9; }
.page-prodcut-dtl .hd-tab .cur-menu { display: none; }

.nav-wrap.navFix { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background-color: #fff; padding: 10px 0; }

.prodcut-dtlbox { padding: 60px 0 100px; overflow: hidden; }
.prodcut-dtlbox .title h3 { font-weight: normal; font-family: 'PingFang'; line-height: 1.2; }
.prodcut-dtlbox .cont { font-family: "PingFangjian"; }

.pr-dtl-kx .gaixu-left { float: left; width: 47.22222%; }
.pr-dtl-kx .gaixu-swiper-big { margin-bottom: 30px; overflow: hidden; }
.pr-dtl-kx .gaixu-swiper-big .swiper-slide { height: 600px; }
.pr-dtl-kx .gaixu-swiper-big .player { position: relative; height: 100%; }
.pr-dtl-kx .gaixu-swiper-big .player video { width: 100%; height: 100%; }
.pr-dtl-kx .gaixu-swiper-big .plyr { position: relative; height: 100%; }
.pr-dtl-kx .gaixu-swiper-big .plyr__video-wrapper { position: relative; height: 100%; background-color: #fff; }
.pr-dtl-kx .gaixu-swiper-big .img { position: relative; height: 100%; transition: all 0.5s; overflow: hidden; }
.pr-dtl-kx .gaixu-swiper-big .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pr-dtl-kx .gaixu-swiper-small { overflow: hidden; }
.pr-dtl-kx .gaixu-swiper-small .swiper-slide { height: 66px; overflow: hidden; position: relative; cursor: pointer; transition: all 0.5s; overflow: hidden; }
.pr-dtl-kx .gaixu-swiper-small .swiper-slide img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pr-dtl-kx .gaixu-swiper-small .img { height: 100%; position: relative; }
.pr-dtl-kx .gaixu-swiper-small .img:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.2); z-index: 2; transition: all .5s; opacity: 0; }
.pr-dtl-kx .gaixu-swiper-small .play { position: relative; height: 100%; }
.pr-dtl-kx .gaixu-swiper-small .play:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.2); z-index: 2; transition: all .5s; opacity: 0; }
.pr-dtl-kx .gaixu-swiper-small .play:after { content: ''; display: block; width: 24px; height: 24px; background: url(../img/product/icon_play.png) 0 0/cover no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5; }
.pr-dtl-kx .gaixu-swiper-small .swiper-slide.on .img:before { opacity: 1; }
.pr-dtl-kx .gaixu-swiper-small .swiper-slide.on .play:before { opacity: 1; }
.pr-dtl-kx .gaixu-small { padding: 0 58px; font-size: 32px; position: relative; }
.pr-dtl-kx .gaixu-small .gaixu-btn { z-index: 6; cursor: pointer; width: 18px; height: 32px; background-size: 18px 32px; margin-top: -16px; }
.pr-dtl-kx .gaixu-right { float: right; width: 47.77778%; padding-top: 36px; }
.pr-dtl-kx .gaixu-right .cont { padding: 20px 0; }
.pr-dtl-kx .gaixu-right .cont p { line-height: 2; }
.pr-dtl-kx .gaixu-right .btnbox { margin-top: 20px; }
.pr-dtl-kx .gaixu-right .btnbox .btn-blue { display: inline-block; }
.pr-dtl-kx .gaixu-right .favorites { display: inline-block; margin-right: 20px; }
.pr-dtl-kx .gaixu-right .favorites a { display: block; width: 165px; line-height: 55px; background-color: #e93f36; color: #fff; text-align: center; }
.pr-dtl-kx .gaixu-right .favorites a i { font-size: 22px; margin-right: 10px; vertical-align: middle; }
.pr-dtl-kx .gaixu-right .favorites a:hover { transform: scale(0.9); }

.pr-dtl-ys { background: url(../img/product/bg_pro_dtl01.jpg) center bottom/cover no-repeat; }
.pr-dtl-ys ul { padding: 50px 0 50px 34px; }
.pr-dtl-ys ul li { position: relative; padding-left: 22px; line-height: 2; margin-bottom: 25px; }
.pr-dtl-ys ul li:before { content: ''; display: inline-block; width: 15px; height: 15px; background-color: #000; border-radius: 100%; vertical-align: middle; position: absolute; left: 0; top: 9px; }

.pr-dtl-cs .table { width: 67.56944%; margin: 84px 0 10px 0; }
.pr-dtl-cs .table table { width: 100%; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.pr-dtl-cs .table table td { border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 15px 25px; word-break: break-all; }

.pr-dtl-xz { background-color: #eef0f0; }
.pr-dtl-xz ul { padding-top: 40px; }
.pr-dtl-xz ul li { background-color: #fff; border: 1px solid #dcdcdc; float: left; width: 44.375%; margin: 0 3.40278% 40px 0; transition: all .5s; padding: 30px 10px 38px 32px; }
.pr-dtl-xz ul li:nth-child(2n) { margin-right: 0; }
.pr-dtl-xz ul li .icon { float: left; display: block; width: 72px; margin-right: 50px; }
.pr-dtl-xz ul li .icon img { width: 100%; }
.pr-dtl-xz ul li .txt { float: left; width: calc(100% - 122px); }
.pr-dtl-xz ul li .txt h3 { font-weight: normal; padding: 5px 0 12px; }
.pr-dtl-xz ul li .txt .bns a { margin-right: 32px; }
.pr-dtl-xz ul li .txt .bns a:last-child { margin-right: 0; }
.pr-dtl-xz ul li .txt .bns a i { margin-right: 5px; }
.pr-dtl-xz ul li:hover { box-shadow: 0px 0px 9.9px 0.1px rgba(0, 0, 0, 0.1); }
.pr-dtl-xz ul li:hover .txt h3 a { color: #194397; }

@media screen and (max-width: 1440px) { .page-prodcut-dtl .hd { padding: 30px 0 80px; }
  .page-prodcut-dtl .hd-tab ul li a { width: 180px; line-height: 50px; }
  .pr-dtl-kx .gaixu-swiper-big { margin-bottom: 20px; }
  .pr-dtl-kx .gaixu-swiper-big .swiper-slide { height: 460px; }
  .pr-dtl-kx .gaixu-swiper-small .swiper-slide { height: 60px; }
  .pr-dtl-xz ul li .icon { width: 62px; margin-right: 40px; }
  .pr-dtl-xz ul li .txt { width: calc(100% - 104px); }
  .pr-dtl-kx .gaixu-right .favorites a { width: 150px; line-height: 50px; } }
@media screen and (max-width: 1024px) { .page-prodcut-dtl .hd { padding: 20px 0 40px; }
  .prodcut-dtlbox { padding: 40px 0 60px; }
  .page-prodcut-dtl .hd-tab ul li a { width: 160px; line-height: 46px; }
  .pr-dtl-kx .gaixu-right .favorites a { width: 130px; line-height: 40px; }
  .pr-dtl-kx .gaixu-right .favorites a i { font-size: 18px; margin-right: 5px; }
  .pr-dtl-kx .gaixu-swiper-big .swiper-slide { height: 400px; }
  .pr-dtl-kx .gaixu-swiper-small .swiper-slide { height: 66px; }
  .pr-dtl-ys ul { padding: 30px 0 30px 20px; }
  .pr-dtl-cs .table { margin-top: 40px; }
  .pr-dtl-xz ul li { padding: 20px; margin-bottom: 20px; }
  .pr-dtl-xz ul li .icon { width: 50px; margin-right: 20px; }
  .pr-dtl-xz ul li .txt { width: calc(100% - 70px); }
  .pr-dtl-xz ul li .txt h3 { padding: 0 0 6px; }
  .pr-dtl-ys ul li:before { width: 12px; height: 12px; } }
@media screen and (max-width: 768px) { .page-prodcut-dtl .hd-tab ul li a { width: 160px; line-height: 46px; }
  .pr-dtl-kx .gaixu-swiper-big .swiper-slide { height: 300px; }
  .pr-dtl-kx .gaixu-right { padding-top: 0; }
  .page-prodcut-dtl .hd h2 { float: none; width: 100%; margin-bottom: 20px; } }
@media screen and (max-width: 720px) { .nav-wrap { position: relative; }
  .page-prodcut-dtl .hd-tab .cur-menu { display: block; text-align: left; padding: 10px 20px; position: relative; border: 1px solid #f1f1f1; }
  .page-prodcut-dtl .hd-tab .cur-menu:after { content: "\e60e"; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
  .page-prodcut-dtl .hd-tab ul { background-color: #fff; position: absolute; width: 100%; top: 100%; left: 0; z-index: 9; display: none; }
  .page-prodcut-dtl .hd-tab ul li { width: 100%; text-align: left; }
  .page-prodcut-dtl .hd-tab ul li a { padding: 0 20px; display: block; width: 100%; background-color: transparent; color: #333; }
  .page-prodcut-dtl .hd-tab ul li a.active { color: #fff; }
  .nav-wrap.navFix { padding: 10px 20px; }
  .nav-wrap.navFix ul { padding: 0 20px; }
  .pr-dtl-kx .gaixu-left { width: 100%; float: none; }
  .pr-dtl-kx .gaixu-right { width: 100%; float: none; margin-top: 30px; }
  .pr-dtl-cs .table { width: 100%; }
  .pr-dtl-xz ul li { width: 100%; margin-right: 0; }
  .pr-dtl-xz ul li .icon { width: 40px; margin-top: 10px; }
  .pr-dtl-xz ul li .txt { width: calc(100% - 60px); }
  .page-prodcut-dtl .hd .btn-blue { margin-left: 5px; }
  .page-prodcut-dtl .hd .btn-blue a { width: 130px; height: 36px; line-height: 36px; }
  .page-prodcut-dtl .hd .btn-blue:first-child { margin-left: 0; } }
/* 解决方案详情 */
.bbn { border-bottom: none; }

.page-jiadianfa { background: url(../img/solution/bg_slt01.jpg) center bottom/cover no-repeat; }
.page-jiadianfa .title { padding-bottom: 37px; }
.page-jiadianfa .bns { text-align: left; }
.page-jiadianfa .bns .btn-gray { display: inline-block; margin-right: 48px; }
.page-jiadianfa .jdfcont { padding-top: 70px; }
.page-jiadianfa .jdfcont .item { display: none; }
.page-jiadianfa .jdfcont .item:first-child { display: block; }
.page-jiadianfa .jdfcont .txt p { color: #666; line-height: 2; }
.page-jiadianfa .jdfcont .img { margin: 75px auto 0; }
.page-jiadianfa .jdfcont .img img { width: 100%; }

.page-tjcp .title { padding-bottom: 60px; }
.page-tjcp ul li { float: left; width: 29.16667%; margin-right: 5.27778%; background-color: #f4f4f4; }
.page-tjcp ul li:nth-child(3) { margin-right: 0; }
.page-tjcp ul li .hd { clip-path: polygon(22px 0, 100% 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 100%, 0 22px); background-color: #194397; color: #fff; text-align: center; padding: 30px 0; }
.page-tjcp ul li .hd span { display: block; }
.page-tjcp ul li .bd { padding: 40px; }
.page-tjcp ul li .item { margin-bottom: 48px; }
.page-tjcp ul li .item:last-child { margin-bottom: 0; }
.page-tjcp ul li .item .img { height: 300px; overflow: hidden; transition: all 0.5s; overflow: hidden; }
.page-tjcp ul li .item .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.page-tjcp ul li .item h2 { text-align: center; font-family: "Montserrat"; background-color: #fff; border: 1px solid #d1d1d1; border-top: none; line-height: 62px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-tjcp ul li .item:hover .img img { transform: scale(1.05); }
.page-tjcp ul li .item:hover h2 { color: #194397; }

.page-liuyanzx { background: url(../img/solution/bg_slt02.jpg) center bottom/cover no-repeat; }
.page-liuyanzx .title { padding-bottom: 40px; }
.page-liuyanzx .formlist { width: 70.625%; margin: 0 auto; font-family: "PingFangjian"; }
.page-liuyanzx .txt { float: left; width: 48.67257%; margin-right: 2.55654%; margin-bottom: 10px; position: relative; }
.page-liuyanzx .txt:nth-child(2n) { margin-right: 0; }
.page-liuyanzx .txt:last-child { width: 100%; margin-right: 0; }
.page-liuyanzx .txt label { display: block; padding-bottom: 8px; }
.page-liuyanzx .txt label span { color: #ff0000; }
.page-liuyanzx .txt input { border: 1px solid #d1d1d1; border-radius: 3px; height: 46px; padding: 0 10px; width: 100%; font-size: 16px; }
.page-liuyanzx .txt label.error { color: #ff0000; position: absolute; top: 100%; left: 10px; }
.page-liuyanzx .txt textarea { border: 1px solid #d1d1d1; border-radius: 3px; height: 150px; padding: 10px; width: 100%; font-size: 16px; }
.page-liuyanzx .btnbar { text-align: center; padding-top: 30px; }
.page-liuyanzx .btnbar .btn { display: inline-block; margin: 0 18px; }

@media screen and (max-width: 1440px) { .page-tjcp ul li .bd { padding: 30px; }
  .page-tjcp ul li .item .img { height: 230px; }
  .page-tjcp ul li .item h2 { line-height: 52px; } }
@media screen and (max-width: 1280px) { .page-tjcp ul li .item .img { height: 260px; } }
@media screen and (max-width: 1024px) { .page-jiadianfa .title { padding-bottom: 20px; }
  .page-jiadianfa .jdfcont { padding-top: 40px; }
  .page-tjcp .title { padding-bottom: 30px; }
  .page-tjcp ul li .hd { padding: 20px 0; }
  .page-tjcp ul li .bd { padding: 20px; }
  .page-tjcp ul li .item { margin-bottom: 20px; }
  .page-tjcp ul li .item .img { height: 200px; } }
@media screen and (max-width: 768px) { .page-tjcp ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
  .page-tjcp ul li .item { float: left; width: 48%; margin-right: 4%; margin-bottom: 0; }
  .page-tjcp ul li .item:nth-child(2n) { margin-right: 0; }
  .page-tjcp ul li .item .img { height: 280px; }
  .page-liuyanzx .formlist { width: 100%; }
  .page-liuyanzx .btnbar { padding-top: 20px; }
  .page-jiadianfa .bns .btn-gray { margin-right: 10px; margin-bottom: 20px; }
  .page-liuyanzx .btnbar .btn { margin: 0 5px; } }
@media screen and (max-width: 500px) { .page-tjcp ul li .item { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
  .page-tjcp ul li .item .img { height: auto; }
  .page-liuyanzx .txt { float: none; width: 100%; margin-right: 0; } }
/* ** 联系我们 ** */
@keyframes bounceInsharke { 0% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
  30% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  60% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  80% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } }
.pages-lxwm { padding: 70px 0 0; background: url(../img/contact/bg_contact01.jpg) center bottom/cover no-repeat; }
.pages-lxwm .title { padding-bottom: 40px; }
.pages-lxwm .title h1 { margin-bottom: 30px; }
.pages-lxwm .lxwm-global { position: relative; font-family: "PingFangjian"; }
.pages-lxwm .lxwm-global img { width: 100%; }
.pages-lxwm .lxwm-global .global-img { position: relative; z-index: 1; }
.pages-lxwm .lxwm-global .line { width: 58.40278%; position: absolute; left: 18.88889%; top: 29.72973%; z-index: 2; }
.pages-lxwm .lxwm-global .icon-dot { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 100%; background-color: #194397; z-index: 2; }
.pages-lxwm .lxwm-global .icon-dot:before { content: ''; display: block; width: 18px; height: 18px; border-radius: 100%; background-color: rgba(25, 67, 151, 0.2); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; animation: bounceInsharke infinite 3s linear; margin: -9px 0 0 -9px; }
.pages-lxwm .lxwm-global .icon-dot:after { content: ''; display: block; width: 30px; height: 30px; border-radius: 100%; background-color: rgba(25, 67, 151, 0.1); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; animation: bounceInsharke infinite 3s linear; margin: -15px 0 0 -15px; }
.pages-lxwm .lxwm-global .icon-dot2 { display: block; width: 10px; height: 14px; background: url(../img/contact/fb.png) no-repeat; }
.pages-lxwm .lxwm-global .icon-dot3 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 4px; height: 4px; border-radius: 100%; background-color: #194397; z-index: 2; }
.pages-lxwm .lxwm-global .icon-dot3:before { content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; background-color: rgba(25, 67, 151, 0.5); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; animation: bounceInsharke infinite 3s linear; margin: -5px 0 0 -5px; }
.pages-lxwm .lxwm-global .name { position: absolute; white-space: nowrap; z-index: 4; }
.pages-lxwm .lxwm-global .point { position: absolute; }
.pages-lxwm .lxwm-global .point .name { color: #194397; left: 50%; transform: translateX(-50%); top: -40px; }
.pages-lxwm .lxwm-global .pointGn-all { position: absolute; right: 26.94444%; top: 49.59459%; z-index: 8; }
.pages-lxwm .lxwm-global .pointGn-all .name { position: absolute; color: #FF0000; }
.pages-lxwm .lxwm-global .pointGn-all .icon-dot { width: 20px; height: 20px; background: url(../img/contact/zb.png) 0 0 no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pages-lxwm .lxwm-global .pointGn-all .icon-dot:before { background-color: rgba(255, 0, 0, 0.2); }
.pages-lxwm .lxwm-global .pointGn-all .icon-dot:after { background-color: rgba(255, 0, 0, 0.1); }
.pages-lxwm .lxwm-global .pointGn { position: absolute; right: 27.08333%; top: 49.32432%; z-index: 6; }
.pages-lxwm .lxwm-global .pointGn .name { position: absolute; left: 50%; transform: translateX(-50%); font-size: 14px; }
.pages-lxwm .lxwm-global .pointWd { position: absolute; z-index: 4; }
.pages-lxwm .lxwm-global .point-bm { left: 18.88889%; top: 29.72973%; }
.pages-lxwm .lxwm-global .point-oz { left: 50%; top: 33.24324%; }
.pages-lxwm .lxwm-global .point-hg { right: 22.84722%; top: 42.02703%; }
.pages-lxwm .lxwm-global .point-hg .name { transform: none; }
.pages-lxwm .lxwm-global .point-yd { right: 34.72222%; top: 50%; }
.pages-lxwm .lxwm-global .point-hb { right: 26.11111%; top: 40.54054%; }
.pages-lxwm .lxwm-global .point-hb .name { bottom: 10px; }
.pages-lxwm .lxwm-global .point-hz { right: 24.72222%; top: 43.78378%; }
.pages-lxwm .lxwm-global .point-hz .name { bottom: 10px; left: 0; }
.pages-lxwm .lxwm-global .point-sh { right: 24.16667%; top: 43.78378%; }
.pages-lxwm .lxwm-global .point-sh .name { transform: none; }
.pages-lxwm .lxwm-global .point-1 { right: 24.30556%; top: 39.05405%; }
.pages-lxwm .lxwm-global .point-2 { right: 27.77778%; top: 44.59459%; }
.pages-lxwm .lxwm-global .point-3 { right: 26.25%; top: 44.45946%; }
.pages-lxwm .lxwm-global .point-4 { right: 26.94444%; top: 46.48649%; }
.pages-lxwm .lxwm-global .point-5 { right: 25.13889%; top: 46.75676%; }
.pages-lxwm .lxwm-global .point-6 { right: 28.05556%; top: 47.43243%; }
.pages-lxwm .lxwm-global .point-7 { right: 25.97222%; top: 48.78378%; }

/* 推荐产品 */
.pages-tjcp { padding: 100px 0 10px; }
.pages-tjcp .bns { text-align: center; margin-bottom: 72px; }
.pages-tjcp .bns .btn-gray { display: inline-block; margin: 0 20px; }
.pages-tjcp .jdfcont .item { display: none; }
.pages-tjcp .jdfcont .item:first-child { display: block; }
.pages-tjcp .jdfcont ul li { height: 300px; float: left; width: 45.13889%; margin: 0 3.05556% 0 1.73611%; }
.pages-tjcp .jdfcont ul li:nth-child(1) { height: 394px; }
.pages-tjcp .jdfcont ul li:nth-child(2) { height: 394px; }
.pages-tjcp .jdfcont ul li .hd { background: url(../img/contact/bg_tit.png) 0 0/100% 100% no-repeat; padding: 10px 15px; color: #fff; }
.pages-tjcp .jdfcont ul li .bd { font-family: "PingFangjian"; padding: 20px 15px; line-height: 1.55556; }

/* 在线留言 */
.pages-zxly { background: url(../img/contact/bg_contact02.jpg) center bottom/cover no-repeat; padding: 74px 0 120px; }
.pages-zxly .title { padding-bottom: 40px; }
.pages-zxly .title h1 { color: #194397; }
.pages-zxly .cont { font-family: "PingFangjian"; }
.pages-zxly .formlist { width: 64.09722%; margin: 0 auto; }
.pages-zxly .t { padding-bottom: 10px; display: block; }
.pages-zxly label span { color: #f00; }
.pages-zxly .selectbox .item-select { float: left; width: 32.50271%; margin-right: 1.19177%; margin-bottom: 25px; border: 1px solid #d1d1d1; border-radius: 3px; background-color: #fff; position: relative; }
.pages-zxly .selectbox .item-select:last-child { margin-right: 0; }
.pages-zxly .selectbox .item-select span { display: block; padding: 0 20px; line-height: 38px; position: relative; }
.pages-zxly .selectbox .item-select span:after { content: ''; display: block; width: 6px; height: 10px; background: url(../img/contact/arrow_right.png) 0 0 no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 24px; }
.pages-zxly .selectbox .item-select select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; padding: 10px 20px; }
.pages-zxly .selectbox .item-select label.error { top: 100%; }
.pages-zxly .txt { position: relative; padding-bottom: 20px; float: left; width: 49.40412%; margin-right: 1.08342%; }
.pages-zxly .txt:nth-child(2n) { margin-right: 0; }
.pages-zxly .txt:last-child { width: 100%; margin-right: 0; }
.pages-zxly .txt input { border: 1px solid #d1d1d1; border-radius: 3px; height: 46px; padding: 0 20px; width: 100%; font-size: 16px; background-color: #fff; }
.pages-zxly .txt textarea { border: 1px solid #d1d1d1; border-radius: 3px; height: 150px; padding: 10px 20px; width: 100%; font-size: 16px; background-color: #fff; }
.pages-zxly label.error { color: #ff0000; position: absolute; top: calc(100% - 20px); left: 20px; }
.pages-zxly .checkinfo { margin-bottom: 40px; position: relative; line-height: 24px; }
.pages-zxly .checkinfo input[type=checkbox] { margin-right: 10px; cursor: pointer; font-size: 14px; width: 24px; height: 24px; position: relative; vertical-align: middle; position: relative; top: -2px; }
.pages-zxly .checkinfo input[type=checkbox]:after { content: " "; display: inline-block; width: 24px; height: 24px; border: 1px solid #d1d1d1; background-color: #fff; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; }
.pages-zxly .checkinfo input[type=checkbox]:checked:after { content: '\e682'; display: block; font-family: "iconfont" !important; color: #fff; display: none; background-color: #194397; border-color: #194397; }
.pages-zxly .btn-blue-z a { display: inline-block; width: 200px; line-height: 60px; color: #fff; letter-spacing: 4px; background-color: #194397; text-align: center; }
.pages-zxly .btn-blue-z a:hover { opacity: 0.9; }

@media screen and (max-width: 1440px) { .pages-tjcp .jdfcont ul li:nth-child(1) { height: 340px; }
  .pages-tjcp .jdfcont ul li:nth-child(2) { height: 340px; }
  .pages-zxly .checkinfo input[type=checkbox] { width: 20px; height: 20px; }
  .pages-zxly .checkinfo input[type=checkbox]:after { width: 20px; height: 20px; }
  .pages-zxly .btn-blue-z a { width: 160px; line-height: 50px; } }
@media screen and (max-width: 1024px) { .pages-lxwm .title h1 { margin-bottom: 20px; }
  .pages-tjcp .bns { margin-bottom: 40px; }
  .pages-tjcp .bns .btn-gray { margin: 0 10px; }
  .pages-zxly .formlist { width: 80%; } }
@media screen and (max-width: 900px) { .pages-tjcp .jdfcont ul li { width: 100%; margin: 0 0 20px; height: auto; }
  .pages-tjcp .jdfcont ul li:nth-child(1) { height: auto; }
  .pages-tjcp .jdfcont ul li:nth-child(2) { height: auto; }
  .pages-zxly .formlist { width: 100%; } }
@media screen and (max-width: 768px) { .pages-tjcp .bns .btn-gray { margin: 0 5px 20px; }
  .pages-zxly .selectbox .item-select { float: none; width: 100%; margin-right: 0; }
  .pages-zxly .txt { float: none; width: 100%; margin-right: 0; }
  .pages-tjcp .bns .btn-gray { margin: 0 10px 20px 0; }
  .pages-zxly .selectbox .item-select { margin-bottom: 15px; }
  .pages-zxly .txt { padding-bottom: 15px; } }
@media screen and (max-width: 540px) { .pages-tjcp .bns .btn-gray { margin: 0; float: left; width: 33.33%; }
  .pages-tjcp .bns .btn-gray a { width: 100%; background-size: 100% 100%; }
  .page-jiadianfa .bns .btn-gray { margin: 0; float: left; width: 33.33%; }
  .page-jiadianfa .bns .btn-gray a { width: 100%; background-size: 100% 100%; } }
/* 三友研修院 */
.pages-ygcz { background-position: center bottom; background-size: cover; padding: 175px 0 200px; }
.pages-ygcz .title { width: 45.13889%; }

.rcgl { padding: 90px 0; }
.rcgl ul li { float: left; width: 48.61111%; margin-right: 2.77778%; position: relative; background-color: #2950a1; }
.rcgl ul li .img { height: 400px; transition: all 0.5s; overflow: hidden; }
.rcgl ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.rcgl ul li .img img { opacity: 0.2; }
.rcgl ul li .word { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.rcgl ul li .icon { display: inline-block; width: 80px; }
.rcgl ul li .icon img { width: 100%; }
.rcgl ul li h3 { color: #fff; font-weight: normal; margin-top: 10px; }
.rcgl ul li:last-child { margin-right: 0; }
.rcgl ul li:hover .img img { transform: scale(1.05); }

.pages-gzyg { padding: 90px 0 80px; }
.pages-gzyg .list-txt { padding: 70px 5.55556% 0; font-family: "PingFangjian"; overflow: hidden; }
.pages-gzyg .list-txt li { float: left; width: 32.76131%; margin-right: 0.85803%; height: 230px; transition: all .5s; }
.pages-gzyg .list-txt li:last-child { margin-right: 0; }
.pages-gzyg .list-txt li a { display: block; padding: 40px; }
.pages-gzyg .list-txt li h2 { font-weight: normal; line-height: 1.53846; height: 78px; margin-bottom: 30px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pages-gzyg .list-txt li p { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; }
.pages-gzyg .list-txt li:first-child { background-color: #194397; }
.pages-gzyg .list-txt li:first-child h2 { color: #fff; }
.pages-gzyg .list-txt li:first-child a p { color: #fff; }
.pages-gzyg .list-txt li:nth-child(2) { border: 1px solid #d5d5d5; background-color: #fff; }
.pages-gzyg .list-txt li:last-child { background-color: #242424; }
.pages-gzyg .list-txt li:last-child h2 { color: #fff; }
.pages-gzyg .list-txt li:last-child a p { color: rgba(255, 255, 255, 0.8); }
.pages-gzyg .list-txt li:hover { transform: translateY(-20px); }
.pages-gzyg .list-img { padding-top: 48px; }
.pages-gzyg .list-img li { float: left; width: 48.61111%; margin: 0 2.77778% 42px 0; position: relative; }
.pages-gzyg .list-img li:nth-child(2n) { margin-right: 0; }
.pages-gzyg .list-img li .img { height: 420px; transition: all 0.5s; overflow: hidden; }
.pages-gzyg .list-img li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-gzyg .list-img li .txt { background-image: linear-gradient(45deg, rgba(26, 68, 154, 0.5) 30%, rgba(26, 68, 154, 0) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pages-gzyg .list-img li .txt h3 { color: #fff; font-weight: normal; padding: 0 0 60px 40px; position: absolute; left: 0; bottom: 0; }
.pages-gzyg .list-img li:hover .img img { transform: scale(1.05); }

.pages-wmgs { padding-bottom: 100px; }
.pages-wmgs ul { margin-top: 60px; }
.pages-wmgs ul li { float: left; width: 23.61111%; margin: 0 1.80556% 40px 0; transition: all .5s; }
.pages-wmgs ul li:nth-child(4n) { margin-right: 0; }
.pages-wmgs ul li .img { height: 206px; transition: all 0.5s; overflow: hidden; }
.pages-wmgs ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-wmgs ul li .info { padding: 20px 14px; border: 1px solid #f3f3f3; }
.pages-wmgs ul li .info h3 { font-weight: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 54px; margin-bottom: 10px; }
.pages-wmgs ul li .info .if-bd { margin-bottom: 10px; }
.pages-wmgs ul li .info .if-bd span { margin-right: 10px; }
.pages-wmgs ul li .info h5 { font-weight: normal; color: #666; }
.pages-wmgs ul li:hover { transform: translateY(-10px); }
.pages-wmgs ul li:hover .img img { transform: scale(1.05); }

@media screen and (max-width: 1440px) { .pages-ygcz { padding: 100px 0 140px; }
  .rcgl ul li .img { height: 320px; }
  .rcgl ul li .icon { width: 70px; }
  .pages-gzyg .list-txt li a { padding: 30px; }
  .pages-gzyg .list-txt li h2 { height: 68px; }
  .pages-gzyg .list-txt li p { height: 42px; }
  .pages-gzyg .list-img li .img { height: 380px; }
  .pages-wmgs ul li .img { height: 160px; }
  .pages-wmgs ul li .info h3 { height: 48px; }
  .pages-wmgs ul li { margin-bottom: 30px; } }
@media screen and (max-width: 1280px) { .pages-gzyg .list-img li .img { height: 340px; } }
@media screen and (max-width: 1024px) { .pages-ygcz { padding: 70px 0 100px; }
  .rcgl { padding: 50px 0; }
  .rcgl ul li .img { height: 30vw; }
  .rcgl ul li .icon { width: 50px; }
  .pages-gzyg { padding: 50px 0 40px; }
  .pages-gzyg .list-txt li a { padding: 20px; }
  .pages-gzyg .list-txt li h2 { margin-bottom: 15px; height: 58px; }
  .pages-gzyg .list-txt { padding: 40px 0 0; }
  .pages-gzyg .list-img li { margin-bottom: 20px; }
  .pages-gzyg .list-img li .img { height: 30vw; }
  .pages-gzyg .list-img li .txt h3 { padding: 0 0 20px 20px; }
  .pages-wmgs { padding-bottom: 50px; }
  .pages-wmgs ul li .img { height: 16vw; } }
@media screen and (max-width: 768px) { .pages-ygcz .title { width: 100%; }
  .page-defualtbox2 .title p { color: #666; }
  .pages-gzyg .list-txt li { width: 100%; float: none; margin-bottom: 20px; height: auto; }
  .pages-gzyg .list-txt li h2 { margin-bottom: 10px; height: 50px; }
  .pages-gzyg .list-img li { float: none; width: 100%; margin-right: 0; }
  .pages-wmgs ul li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
  .pages-wmgs ul li:nth-child(2n) { margin-right: 0; }
  .pages-wmgs ul li .img { height: 26vw; } }
@media screen and (max-width: 500px) { .rcgl ul li { float: none; width: 100%; }
  .rcgl ul li:first-child { margin-bottom: 20px; } }
/* 选择或搜索感兴趣的职位 */
.pages-srhPosition { padding-top: 40px; font-family: "PingFangjian"; }
.pages-srhPosition .srh-pos { padding-top: 20px; }
.pages-srhPosition .srhposbar { width: 50%; height: 75px; margin: 0 auto; border: 1px solid #194397; position: relative; }
.pages-srhPosition .srhposbar input[type="text"] { width: calc(100% - 90px); position: relative; height: 100%; padding: 0 23px; }
.pages-srhPosition .srhposbar button { width: 90px; height: 100%; background-color: #194397; color: #fff; color: #fff; position: absolute; right: 0; top: 0; cursor: pointer; transition: all .5s; }
.pages-srhPosition .srhposbar button i { font-size: 32px; transition: all .5s; }
.pages-srhPosition .srhposbar button:hover { opacity: 0.8; }
.pages-srhPosition .select-bar { margin-top: 52px; font-family: "PingFangjian"; }
.pages-srhPosition .select-bar .item-select { position: relative; float: left; width: 31.18056%; height: 76px; margin-right: 2.29167%; background-color: #f5f6f7; transition: all .5s; }
.pages-srhPosition .select-bar .item-select:last-child { margin-right: 0; }
.pages-srhPosition .select-bar .item-select:after { content: '\e682'; display: block; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #888; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; transition: all .5s; }
.pages-srhPosition .select-bar .item-select span { display: block; width: 100%; height: 100%; line-height: 76px; padding: 0 24px; color: #666; }
.pages-srhPosition .select-bar .item-select select { position: absolute; width: 100%; height: 100%; line-height: 50px; padding: 10px 24px; top: 0; left: 0; opacity: 0; }
.pages-srhPosition .select-bar .item-select input[type="text"] { width: 100%; position: relative; height: 100%; background: transparent; padding: 0 24px; }
.pages-srhPosition .select-bar .item-select input[type="text"]::-webkit-placeholder { color: #666; }
.pages-srhPosition .select-bar .item-select input[type="text"]::-moz-placeholder { color: #666; }
.pages-srhPosition .select-bar .item-select input[type="text"]::-ms-placeholder { color: #666; }
.pages-srhPosition .select-bar .item-select:hover { background-color: #f2f2f2; }
.pages-srhPosition .recrult-list { margin-top: 70px; margin-bottom: 88px; font-family: "PingFangjian"; }
.pages-srhPosition .recrult-list ul { border-top: 1px solid #ddd; }
.pages-srhPosition .recrult-list ul li { border: 1px solid #ddd; border-top: none; }
.pages-srhPosition .recrult-list .hd { position: relative; }
.pages-srhPosition .recrult-list .hd:before { content: ''; display: block; width: 1px; height: 100%; position: absolute; left: 18.75%; background-color: #ddd; }
.pages-srhPosition .recrult-list .hd .zc { float: left; padding: 65px 20px 50px 50px; width: 18.75%; }
.pages-srhPosition .recrult-list .hd .dtl { float: left; width: 62.22222%; padding: 50px 20px 50px 50px; }
.pages-srhPosition .recrult-list .hd .dtl span { float: left; display: block; width: 33.33%; color: #999; }
.pages-srhPosition .recrult-list .hd .dtl span b { font-weight: normal; color: #333; }
.pages-srhPosition .recrult-list .hd .btn-right { float: left; width: 13.19444%; padding: 50px 0 50px; }
.pages-srhPosition .recrult-list .hd .btn-right a { display: block; width: 100%; line-height: 60px; color: #fff; background-color: #194397; text-align: center; }
.pages-srhPosition .recrult-list .hd .btn-right a:hover { opacity: 0.8; }
.pages-srhPosition .recrult-list .bd { border-top: 1px solid #ddd; display: none; padding: 50px 86px; }
.pages-srhPosition .recrult-list .bd .item { margin-bottom: 40px; }
.pages-srhPosition .recrult-list .bd h3 { font-weight: normal; color: #194397; margin-bottom: 15px; }
.pages-srhPosition .recrult-list .bd p { color: #666; }
.pages-srhPosition .recrult-list .bd .btn-bot a { display: block; width: 194px; line-height: 60px; color: #fff; background-color: #194397; text-align: center; }
.pages-srhPosition .recrult-list .bd .btn-bot a:hover { opacity: 0.8; }

@media screen and (max-width: 1440px) { .pages-srhPosition .srhposbar { height: 65px; }
  .pages-srhPosition .select-bar .item-select { height: 66px; }
  .pages-srhPosition .select-bar .item-select span { line-height: 66px; }
  .pages-srhPosition .recrult-list .hd .btn-right a { line-height: 50px; }
  .pages-srhPosition .recrult-list .bd .btn-bot a { width: 180px; line-height: 50px; } }
@media screen and (max-width: 1280px) { .pages-srhPosition .recrult-list .hd .zc { padding: 45px 20px 0 30px; }
  .pages-srhPosition .recrult-list .hd .dtl { padding: 30px 20px 30px 30px; }
  .pages-srhPosition .recrult-list .hd .btn-right { padding: 30px 0; }
  .pages-srhPosition .recrult-list .bd { padding: 30px 40px; }
  .pages-srhPosition .recrult-list .bd .btn-bot a { width: 160px; line-height: 50px; } }
@media screen and (max-width: 1024px) { .pages-srhPosition .select-bar { margin-top: 30px; }
  .pages-srhPosition .srhposbar { width: 70%; height: 50px; }
  .pages-srhPosition .select-bar .item-select { height: 50px; }
  .pages-srhPosition .select-bar .item-select span { line-height: 50px; }
  .pages-srhPosition .recrult-list { margin-top: 35px; margin-bottom: 40px; }
  .pages-srhPosition .recrult-list .hd .zc { padding: 30px 20px 0 20px; }
  .pages-srhPosition .recrult-list .hd .dtl { padding: 20px 20px 20px 20px; width: 66%; }
  .pages-srhPosition .recrult-list .hd .btn-right { padding: 20px 0; }
  .pages-srhPosition .recrult-list .bd { padding: 20px 40px; }
  .pages-srhPosition .recrult-list .bd .btn-bot a { width: 140px; line-height: 50px; } }
@media screen and (max-width: 1000px) { .pages-srhPosition .recrult-list .hd .dtl span { width: 50%; }
  .pages-srhPosition .recrult-list .hd .btn-right { padding: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 100px; } }
@media screen and (max-width: 768px) { .pages-srhPosition .recrult-list .hd .zc { float: none; font-weight: bold; padding: 20px 20px; width: 100%; }
  .pages-srhPosition .recrult-list .hd:before { display: none; }
  .pages-srhPosition .recrult-list .hd .btn-right { top: 10px; transform: none; }
  .pages-srhPosition .recrult-list .hd .btn-right a { line-height: 40px; }
  .pages-srhPosition .recrult-list .hd .dtl { width: 100%; float: none; padding: 0 20px 20px; }
  .pages-srhPosition .recrult-list .bd { padding: 20px; }
  .pages-srhPosition .recrult-list .bd .btn-bot a { width: 120px; line-height: 40px; }
  .pages-srhPosition .srhposbar { width: 100%; }
  .pages-srhPosition .select-bar .item-select { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } }
@media screen and (max-width: 500px) { .pages-srhPosition .recrult-list .hd .dtl span { float: none; width: 100%; } }
/* ** 校园招聘 ** */
.pages-growthStory { background-color: #f8f9fa; padding: 90px 0 134px; }
.pages-growthStory .title h1 { margin-bottom: 15px; }
.pages-growthStory .cont { font-family: "PingFangjian"; }
.pages-growthStory .growthStory { position: relative; padding: 59px 6.94444% 0; }
.pages-growthStory .growthStory .swiper-button-white { width: 70px; height: 70px; background-color: #194397; background-size: 18px 26px; }
.pages-growthStory .growthStory .swiper-button-disabled { background-color: #666; }
.pages-growthStory .growth-swiper { overflow: hidden; }
.pages-growthStory .growth-swiper .img { float: left; width: 37.09677%; height: 356px; transition: all 0.5s; overflow: hidden; }
.pages-growthStory .growth-swiper .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-growthStory .growth-swiper .info { float: right; width: 43.22581%; margin-right: 7.82258%; position: relative; padding-top: 70px; }
.pages-growthStory .growth-swiper .info .txt { position: relative; margin-bottom: 25px; }
.pages-growthStory .growth-swiper .info .txt:before { content: ''; display: block; width: 95px; height: 95px; background: url(../img/joinus/yh_sy.png) 0 0/cover no-repeat; position: absolute; left: -83px; top: -50px; }
.pages-growthStory .growth-swiper .info .txt:after { content: ''; display: block; width: 95px; height: 95px; background: url(../img/joinus/yh_xy.png) 0 0/cover no-repeat; position: absolute; right: -40px; bottom: -55px; }
.pages-growthStory .growth-swiper .info .txt h2 { font-weight: normal; margin-bottom: 10px; transition: all 1s; opacity: 0; transform: translateX(20px); }
.pages-growthStory .growth-swiper .info .txt p { color: #666; line-height: 1.8; transition: all 1s; transition-delay: 0.2s; opacity: 0; transform: translateX(20px); }
.pages-growthStory .growth-swiper .info .people { transition: all 1s; transition-delay: 0.4s; opacity: 0; transform: translateX(20px); }
.pages-growthStory .growth-swiper .info .user-img { float: left; border-radius: 100%; border: 2px solid #194397; width: 72px; height: 72px; transition: all 0.5s; overflow: hidden; margin-right: 28px; }
.pages-growthStory .growth-swiper .info .user-img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-growthStory .growth-swiper .info .user-txt { float: left; padding-top: 5px; }
.pages-growthStory .growth-swiper .info .user-txt h4 { font-weight: normal; }
.pages-growthStory .growth-swiper .info .user-txt h5 { font-weight: normal; color: #666; }
.pages-growthStory .growth-swiper .swiper-slide-active .txt h2 { transform: translateX(0); opacity: 1; }
.pages-growthStory .growth-swiper .swiper-slide-active .txt p { transform: translateX(0); opacity: 1; }
.pages-growthStory .growth-swiper .swiper-slide-active .people { transform: translateX(0); opacity: 1; }

@media screen and (max-width: 1440px) { .pages-growthStory .growthStory .swiper-button-white { width: 66px; height: 66px; } }
@media screen and (max-width: 1024px) { .pages-growthStory { padding: 40px 0 90px; }
  .pages-growthStory .growthStory .swiper-button-white { width: 50px; height: 50px; } }
/* 人才造星计划 */
.starProject { background: url(../img/joinus/bg_xy01.jpg) center 0/cover no-repeat; padding: 135px 0 128px; }
.starProject h1 { color: #fff; font-weight: normal; color: #fff; margin-bottom: 45px; }
.starProject h5 { font-weight: lighter; color: #fff; line-height: 1.8; letter-spacing: 1px; }
.starProject .bts { margin-top: 36px; }

@media screen and (max-width: 1024px) { .starProject { padding: 80px 0 70px; }
  .starProject h1 { margin-bottom: 25px; }
  .pages-growthStory .growthStory { padding-top: 30px; }
  .pages-growthStory .growth-swiper .img { height: 300px; }
  .pages-growthStory .growth-swiper .info { padding-top: 20px; }
  .pages-growthStory .growth-swiper .info .txt:before { width: 70px; height: 70px; top: -20px; left: -50px; }
  .pages-growthStory .growth-swiper .info .txt:after { width: 70px; height: 70px; bottom: -30px; right: -20px; } }
@media screen and (max-width: 768px) { .pages-growthStory .growth-swiper .info .user-img { width: 50px; height: 50px; margin-right: 15px; }
  .pages-growthStory .growth-swiper .info .user-txt { padding-top: 0; }
  .starProject h5 { letter-spacing: 0; } }
@media screen and (max-width: 600px) { .pages-growthStory .growth-swiper .img { width: 100%; float: none; height: auto; }
  .pages-growthStory .growth-swiper .info { width: 80%; margin: 0 10%; float: none; }
  .pages-growthStory .growth-swiper .info .txt:before { width: 50px; height: 50px; top: -10px; left: -20px; }
  .pages-growthStory .growth-swiper .info .txt:after { width: 50px; height: 50px; bottom: -20px; right: -10px; } }
/* 探索你的未来 */
.pages-explFuture { padding: 100px 0; }
.pages-explFuture .title h1 { margin-bottom: 15px; }
.pages-explFuture .tabOriginal .tit { text-align: center; margin-top: 85px; margin-bottom: 77px; }
.pages-explFuture .tabOriginal .tit li { display: inline-block; cursor: pointer; width: 236px; margin: 0 5%; position: relative; }
.pages-explFuture .tabOriginal .tit li .img { width: 236px; height: 236px; border-radius: 100%; transition: all 0.5s; overflow: hidden; position: relative; }
.pages-explFuture .tabOriginal .tit li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.pages-explFuture .tabOriginal .tit li .img:after { content: ''; display: block; height: 90px; width: 100%; background: url(../img/joinus/wave_gray.png) center 0/cover no-repeat; position: absolute; left: 0; bottom: -10px; transition: all .5s; }
.pages-explFuture .tabOriginal .tit li .img h4 { font-weight: normal; color: #fff; position: absolute; width: 100%; bottom: 10%; z-index: 3; }
.pages-explFuture .tabOriginal .tit li:nth-child(4) { margin-top: -3%; }
.pages-explFuture .tabOriginal .tit li:nth-child(4) .img { transform: scale(0.9); }
.pages-explFuture .tabOriginal .tit li:nth-child(5) { margin-top: -3%; }
.pages-explFuture .tabOriginal .tit li:nth-child(5) .img { transform: scale(0.9); }
.pages-explFuture .tabOriginal .tit li:hover .img img { transform: scale(1.05); }
.pages-explFuture .tabOriginal .tit li.active .img { transform: scale(1.2); }
.pages-explFuture .tabOriginal .tit li.active .img:after { background-image: url(../img/joinus/wave_blue.png); }
.pages-explFuture .recruitlis-tit { font-family: "PingFang"; background-color: #194397; padding: 0 2%; }
.pages-explFuture .recruitlis-tit ul li { line-height: 70px; color: #fff; }
.pages-explFuture .items { display: none; }
.pages-explFuture .items:nth-child(2) { display: block; }
.pages-explFuture .items ul li { float: left; width: 16.66667%; text-align: center; }
.pages-explFuture .recruitlis-cont { font-family: "PingFangjian"; }
.pages-explFuture .recruitlis-cont .item:nth-child(2n) .recruithd { background-color: #f5f6f7; }
.pages-explFuture .recruitlis-cont .recruithd { padding: 0 2%; }
.pages-explFuture .recruitlis-cont .recruithd li { padding: 20px 0; color: #666; }
.pages-explFuture .recruitlis-cont .recruithd li a { color: #194397; }
.pages-explFuture .recruitlis-cont .recruithd li a:hover { text-decoration: underline; }
.pages-explFuture .recruitlis-cont .recruitbd { display: none; padding: 25px 7.63889%; background-color: #e0f3fd; }
.pages-explFuture .recruitlis-cont .recruitbd .txt { margin-bottom: 25px; }
.pages-explFuture .recruitlis-cont .recruitbd .txt h2 { font-weight: normal; color: #194397; margin-bottom: 5px; }
.pages-explFuture .recruitlis-cont .recruitbd .txt p { color: #666; }
.pages-explFuture .but { text-align: center; margin-top: 66px; }
.pages-explFuture .but a { display: inline-block; width: 200px; line-height: 65px; color: #fff; background-color: #194397; }
.pages-explFuture .but a:hover { opacity: 0.9; }

@media screen and (max-width: 1440px) { .pages-explFuture .tabOriginal .tit li { width: 200px; }
  .pages-explFuture .tabOriginal .tit li .img { width: 200px; height: 200px; }
  .pages-explFuture .but a { width: 180px; line-height: 60px; } }
@media screen and (max-width: 1280px) { .pages-explFuture .tabOriginal .tit li { width: 180px; }
  .pages-explFuture .tabOriginal .tit li .img { width: 180px; height: 180px; }
  .pages-explFuture .but a { width: 160px; line-height: 55px; }
  .pages-explFuture .tabOriginal .tit li .img:after { height: 70px; } }
@media screen and (max-width: 1024px) { .pages-explFuture { padding: 50px 0; }
  .pages-explFuture .tabOriginal .tit li { width: 20vw; }
  .pages-explFuture .tabOriginal .tit li .img { width: 20vw; height: 20vw; }
  .pages-explFuture .tabOriginal .tit li .img:after { height: 8vw; }
  .pages-explFuture .tabOriginal .tit li:first-child { margin-left: 0; }
  .pages-explFuture .tabOriginal .tit li:nth-child(3) { margin-right: 0; }
  .pages-explFuture .but { margin-top: 30px; }
  .pages-explFuture .but a { width: 150px; line-height: 50px; }
  .pages-explFuture .recruitlis-tit { padding: 0; }
  .pages-explFuture .recruitlis-cont .recruithd { padding: 0; }
  .pages-explFuture .recruitlis-cont .recruitbd { padding: 20px 5%; } }
@media screen and (max-width: 768px) { .pages-explFuture .tabOriginal .tit { margin: 50px 0 40px; }
  .pages-explFuture .tabOriginal .tit li .img:after { height: 10vw; }
  .pages-explFuture .recruitlis-tit ul li { padding: 20px 10px; line-height: 1.6; }
  .pages-explFuture .but a { width: 120px; line-height: 40px; } }
@media screen and (max-width: 500px) { .pages-explFuture .tabOriginal .tit li .img:after { height: 13vw; } }
/* 问题答疑 */
.pages-questionsAsw { background: url(../img/joinus/bg_xy02.jpg) center 0/cover no-repeat; padding: 100px 0; }
.pages-questionsAsw .title h1 { color: #194397; margin-bottom: 15px; }
.pages-questionsAsw .title p { color: #333; }
.pages-questionsAsw .qAsw-swiper { overflow: hidden; margin-top: 60px; position: relative; padding-bottom: 85px; }
.pages-questionsAsw .qAsw-swiper ul li { float: left; width: 49.16667%; margin: 0 1.66667% 32px 0; background-color: #fff; transition: all .5s; height: 151px; padding: 25px 47px 0 47px; line-height: 1.75; font-family: "PingFangjian"; cursor: pointer; }
.pages-questionsAsw .qAsw-swiper ul li:nth-child(2n) { margin-right: 0; }
.pages-questionsAsw .qAsw-swiper ul li span { position: absolute; left: -32px; top: -8px; color: #194397; font-family: "PingFang"; }
.pages-questionsAsw .qAsw-swiper ul li .Q { position: relative; margin-bottom: 5px; }
.pages-questionsAsw .qAsw-swiper ul li .Q p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pages-questionsAsw .qAsw-swiper ul li .A { position: relative; }
.pages-questionsAsw .qAsw-swiper ul li .A p { color: #999; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 56px; }
.pages-questionsAsw .qAsw-swiper ul li:hover { background-color: #194397; }
.pages-questionsAsw .qAsw-swiper ul li:hover span { color: #fff; }
.pages-questionsAsw .qAsw-swiper ul li:hover .Q p { color: #fff; }
.pages-questionsAsw .qAsw-swiper ul li:hover .A p { color: rgba(255, 255, 255, 0.7); }
.pages-questionsAsw .qAsw-swiper .swiper-pagination-bullet { width: 13px; height: 13px; opacity: 1; background-color: #333; }
.pages-questionsAsw .qAsw-swiper .swiper-pagination-bullet-active { background-color: #194397; }

@media screen and (max-width: 1440px) { .pages-questionsAsw .qAsw-swiper ul li .A p { height: 48px; }
  .pages-questionsAsw .qAsw-swiper ul li { height: 140px; }
  .pages-questionsAsw .qAsw-swiper { padding-bottom: 55px; }
  .pages-questionsAsw .qAsw-swiper ul li span { left: -22px; top: -5px; } }
@media screen and (max-width: 1024px) { .pages-questionsAsw { padding: 50px 0; }
  .pages-questionsAsw .qAsw-swiper ul li { margin-bottom: 20px; }
  .pages-questionsAsw .qAsw-swiper { margin-top: 30px; } }
@media screen and (max-width: 768px) { .pages-questionsAsw .qAsw-swiper ul li { float: none; width: 100%; margin-right: 0; height: auto; padding: 20px 20px 20px 40px; } }
.pages-daoyu .inner { background-color: #f4f5f5; }
.pages-daoyu .daoyuleft { float: left; width: 36.80556%; margin-left: 6.11111%; padding-top: 70px; }
.pages-daoyu .daoyuleft h2 { font-weight: normal; line-height: 1.8; margin-bottom: 20px; text-align: justify; }
.pages-daoyu .daoyuleft .zc { padding: 15px 0; position: relative; }
.pages-daoyu .daoyuleft .zc:before { content: ''; display: block; width: 80px; height: 1px; background-color: #bababa; position: absolute; left: 0; top: 0; }
.pages-daoyu .daoyuleft .zc span { margin-right: 20px; }
.pages-daoyu .daoyuleft .intro p { line-height: 1.875; }
.pages-daoyu .img { float: right; height: 500px; width: 50%; transition: all 0.5s; overflow: hidden; }
.pages-daoyu .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }

.pages-storys { padding: 80px 0 100px; }
.pages-storys h2 { color: #194397; padding: 0 10px; margin-bottom: 40px; }
.pages-storys p { line-height: 2.25; padding: 0 10px; text-indent: 20px; }
.pages-storys .zc { margin-top: 40px; padding: 0 10px; text-align: right; }
.pages-storys .zc span { color: #194397; margin-right: 15px; }

@media screen and (max-width: 1440px) { .pages-daoyu .img { height: 400px; }
  .pages-daoyu .daoyuleft { padding-top: 50px; margin-left: 6%; } }
@media screen and (max-width: 1024px) { .pages-daoyu .img { height: 300px; }
  .pages-daoyu .daoyuleft { padding-top: 30px; width: calc(50% - 40px); margin-left: 20px; } }
@media screen and (max-width: 768px) { .pages-daoyu .img { float: none; width: 100%; height: auto; }
  .pages-daoyu .daoyuleft { float: none; width: calc(100% - 40px); padding-bottom: 30px; } }
/* 产品收藏 */
.product-content-sc { padding: 76px 0 0; }
.product-content-sc ul { padding-top: 32px; }

.intro-layer { background-color: #fff; box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.1); width: 65.41667%; position: fixed; z-index: 100; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.2); height: 80vh; padding: 60px; transition: all 0.3s; opacity: 0; visibility: hidden; }
.intro-layer h2 { text-align: center; color: #e93f36; }
.intro-layer .txt { height: calc(100% - 100px); overflow-y: auto; position: relative; margin-top: 40px; line-height: 2.14286; }
.intro-layer .txt p { color: #666; }
.intro-layer .txt h3 { color: #333; }
.intro-layer.open { transform: translate(-50%, -50%) scale(1); opacity: 1; visibility: visible; }

/* 技术与服务支持 */
.pages-srvc { padding: 87px 0 40px; }
.pages-srvc .svc-tab { margin-bottom: 100px; }
.pages-srvc .svc-tab ul li { float: left; width: 33.33%; }
.pages-srvc .svc-tab ul li i { display: block; margin: 0 auto; width: 160px; height: 160px; margin-bottom: 20px; }
.pages-srvc .svc-tab ul li .icon-1 { background-image: url(../img/service/service01.png); background-size: cover; }
.pages-srvc .svc-tab ul li .icon-2 { background-image: url(../img/service/service02.png); background-size: cover; }
.pages-srvc .svc-tab ul li .icon-3 { background-image: url(../img/service/service03.png); background-size: cover; }
.pages-srvc .svc-tab ul li h2 { font-weight: normal; }
.pages-srvc .svc-tab ul li:hover { opacity: 0.8; }
.pages-srvc .svc-tab ul li.active .icon-1 { background-image: url(../img/service/service01_hover.png); }
.pages-srvc .svc-tab ul li.active .icon-2 { background-image: url(../img/service/service02_hover.png); }
.pages-srvc .svc-tab ul li.active .icon-3 { background-image: url(../img/service/service03_hover.png); }
.pages-srvc .svc-list ul { padding-bottom: 40px; }
.pages-srvc .svc-list li { float: left; border: 1px solid #ddd; background-color: #f9f9f9; width: 20.83333%; margin: 0 5.41667% 60px 0; transition: all .6s; padding: 32px 37px 60px; }
.pages-srvc .svc-list li:nth-child(4n) { margin-right: 0; }
.pages-srvc .svc-list li > i { display: block; width: 47px; margin-bottom: 33px; }
.pages-srvc .svc-list li > i img { width: 100%; }
.pages-srvc .svc-list li h3 { font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 25px; }
.pages-srvc .svc-list li .anniu a { display: inline-block; padding: 0 14px; margin-bottom: 10px; line-height: 38px; border: 1px solid #ddd; border-radius: 20px; color: #666; }
.pages-srvc .svc-list li .anniu a i { margin-right: 7px; font-size: 17px; }
.pages-srvc .svc-list li .anniu a:first-child { margin-right: 8px; }
.pages-srvc .svc-list li .anniu a:hover { border-color: #194397; background-color: #194397; color: #fff; }
.pages-srvc .svc-list li:hover { border-width: 1px; border-color: #dddddd; border-style: solid; background-image: -moz-linear-gradient(90deg, #edf1f4 0%, white 100%); background-image: -webkit-linear-gradient(90deg, #edf1f4 0%, white 100%); background-image: -ms-linear-gradient(90deg, #edf1f4 0%, white 100%); box-shadow: 0px 8px 32px 0px rgba(59, 59, 59, 0.17); }
.pages-srvc .title { margin-bottom: 45px; }
.pages-srvc .title b { color: #194397; font-weight: normal; }

@media screen and (max-width: 1440px) { .pages-srvc .svc-tab ul li i { width: 120px; height: 120px; }
  .pages-srvc .svc-list li { width: 22.433%; margin: 0 3.41667% 40px 0; padding: 20px 20px 40px; } }
@media screen and (max-width: 1024px) { .pages-srvc { padding: 47px 0 20px; }
  .pages-srvc .svc-tab { margin-bottom: 50px; }
  .pages-srvc .svc-tab ul li i { width: 100px; height: 100px; }
  .pages-srvc .svc-list { margin-top: 50px; }
  .pages-srvc .svc-list li .anniu a i { margin-right: 5px; }
  .pages-srvc .svc-list li h3 { margin-bottom: 15px; }
  .pages-srvc .svc-list li > i { margin-bottom: 20px; } }
@media screen and (max-width: 768px) { .pages-srvc .svc-tab ul li i { width: 80px; height: 80px; }
  .pages-srvc .svc-list li { width: 48%; margin-right: 4%; }
  .pages-srvc .svc-list li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 500px) { .pages-srvc .svc-tab ul li i { width: 60px; height: 60px; }
  .pages-srvc .svc-list li { width: 100%; margin-right: 0; margin-bottom: 20px; } }
/* 搜索 */
.baner-inner-srh { height: 407px; }
.baner-inner-srh .w1440 { padding-top: 12%; }
.baner-inner-srh .pg-searchbox { margin: 0 auto; text-align: center; }
.baner-inner-srh .pg-searchbox .txt { width: 52.5%; background-color: #fff; height: 56px; padding: 20px; display: inline-block; }
.baner-inner-srh .pg-searchbox button { width: 100%; color: #fff; background-color: #194397; height: 56px; cursor: pointer; display: inline-block; width: 100px; }

.web-position .srh-nav li { position: relative; display: inline-block; position: relative; margin: 0 100px 0 30px; }
.web-position .srh-nav li:before { content: ''; display: block; width: 0; height: 3px; transition: all .4s; position: absolute; left: 50%; bottom: 0; background-color: #194397; opacity: 0; }
.web-position .srh-nav li a { display: block; }
.web-position .srh-nav li a:hover { color: #194397; }
.web-position .srh-nav li.active a { color: #194397; }
.web-position .srh-nav li.active:before { width: 100%; left: 0; opacity: 1; }

.pages-news-list-srh { padding: 90px 0 48px; }
.pages-news-list-srh ul li { width: 84.51389%; margin: 0 auto 40px; background-color: white; box-shadow: 0px 5px 30px 0px rgba(53, 53, 53, 0.1); transition: all .5s; }
.pages-news-list-srh ul li a { display: block; padding: 35px 35px 40px; }
.pages-news-list-srh ul li h2 { font-weight: normal; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pages-news-list-srh ul li .ly { color: #999; }
.pages-news-list-srh ul li .ly span { color: #333; }
.pages-news-list-srh ul li:hover { background-color: #194397; }
.pages-news-list-srh ul li:hover h2 { color: #fff; }
.pages-news-list-srh ul li:hover .ly { color: #fff; }
.pages-news-list-srh ul li:hover .ly span { color: #fff; }

@media screen and (max-width: 1440px) { .baner-inner-srh .w1440 { padding-top: 16%; }
  .web-position .srh-nav li { margin: 0 50px 0 20px; } }
@media screen and (max-width: 1024px) { .baner-inner-srh { height: 320px; }
  .baner-inner-srh .w1440 { padding-top: 160px; }
  .pages-news-list-srh { padding: 40px 0 20px; }
  .pages-news-list-srh ul li a { padding: 25px 20px 30px; } }
@media screen and (max-width: 768px) { .baner-inner-srh .pg-searchbox .txt { width: calc(100% - 100px); height: 46px; }
  .baner-inner-srh .pg-searchbox button { height: 46px; }
  .pages-news-list-srh ul li { width: 100%; margin-bottom: 20px; }
  .web-position .srh-nav li { line-height: 50px; margin: 0 20px 0 0; } }