/*内容*/
.banner { position: relative; overflow: hidden; }
.banner .img { display: block; position: relative; left: 50%; transform: translate3d(-50%, 0, 0); }

.banner-s { overflow: hidden; }
.banner-s .bg { display: block; width: 100%; }
.banner-s .swiper-wrapper { position: absolute; top: 0; left: 0; width: 100%; }
.banner-s .swiper-slide { position: relative; overflow: hidden; }
.banner-s .swiper-slide .img { display: block; width: 100%; }
.banner-s .swiper-slide .link { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; }
.banner-s .swiper-pagination-bullets { bottom: 3%; }
.banner-s .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); opacity: 1; filter: alpha(opacity=100); transition: all 0.3s; }
.banner-s .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.banner-s .swiper-pagination-bullet-active { background-color: #004685; box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.3); }

.pagesize { margin-top: 65px; font-size: 0; text-align: center; }
.pagesize li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 3px; background-color: #eee; border: 1px solid #d2d2d2; }
.pagesize li a,
.pagesize li p,
.pagesize span { display: block; padding: 0 9px; min-width: 16px; font-size: 16px; line-height: 34px; color: #999; }
.pagesize li:hover a { color: #004685; }
.pagesize li.active,
.pagesize span.current { background-color: #004685; border-color: #004685; }
.pagesize li.active a,
.pagesize li.active:hover a,
.pagesize span.current { color: #fff; }
.pagesize li p { color: #000; }
.pagesize-m { display: none; }

.common-title .stit { font-size: 14px; text-transform: uppercase; letter-spacing: 0.2em; color: #666; }
.common-title .tit { margin-top: 5px; font-weight: bold; font-size: 30px; color: #333; }
.common-title .line { margin-top: 10px; width: 25px; height: 1px; background-color: #004685; }

.common-title .titwr { width: 16.2%; }
.common-title .menuwr { margin-top: 10px; width: 83.8%; font-size: 0; text-align: right; }
.common-title .menuwr .col { margin: 0.84% 0 0 0.84%; padding: 0 1%; width: 11.44%; font-weight: 300; font-size: 18px; line-height: 50px; text-align: center; color: #fff; background-color: #7d7d7d; border-radius: 10px; }
.common-title .menuwr .cur { background-color: #004685; }

.common-title-2 { font-size: 0; text-align: center; }
.common-title-2 .tit { font-weight: bold; font-size: 30px; letter-spacing: 0.08em; color: #333; }
.common-title-2 .stit { margin-top: 8px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.08em; color: #999; }
.common-title-2 .line { margin-top: 14px; width: 39px; height: 3px; background-color: #004685; }

/*简介*/
.about-jj { padding: 70px 0; }
.about-jj .main { margin-top: 37px; padding-top: 35px; border-top: 3px solid #dcdcdc; }
.about-jj .conbox { width: 44.71%; }
.about-jj .conbox .txt { font-weight: bold; font-size: 30px; line-height: 40px; letter-spacing: -0.02em; text-transform: uppercase; color: #cdcdcd; }
.about-jj .conbox .con { margin-top: 30px; font-size: 14px; line-height: 25px; text-align: justify; color: #000; overflow: hidden; }
.about-jj .conbox .con p { margin-bottom: 1em; }
.about-jj .conbox .btn { display: none; margin-top: 65px; padding: 10px; max-width: 170px; font-size: 14px; line-height: 22px; text-align: center; border: 1px solid #313131; overflow: hidden; }
.about-jj .conbox .btn:hover { color: #fff; background-color: #004685; }
.about-jj .conbox .btn.hide { margin-top: 0; padding: 0; height: 0; border-width: 0; }
.about-jj .imgbox { margin-top: 12px; width: 51.05%;/*725*/ }
.about-jj .imgbox .imgwr { padding-bottom: 515px; }
.about-jj .imgbox .tit { position: absolute; top: 0; left: 0; margin: 3%; font-size: 16px; color: #fff; text-shadow: 0 0 2px #000; }
.about-jj .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 4.76%; }
.about-jj .swiper-pagination-bullet { width: 11px; height: 11px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); opacity: 1; filter: alpha(opacity=100); transition: all 0.3s; }
.about-jj .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }
.about-jj .swiper-pagination-bullet-active { background-color: #004685; box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.3); }

@media screen and (min-width: 768px) and (max-width: 1366px) {
  .about-jj .imgbox { margin-top: 95px; }
  .about-jj .conbox .txt { font-size: 24px; line-height: 34px; }
  .about-jj .conbox .con { margin-top: 24px; line-height: 30px; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .about-jj .imgbox { margin-top: 60px; }
  .about-jj .conbox .txt { font-size: 16px; line-height: 22px; }
  .about-jj .conbox .con { margin-top: 14px; font-size: 14px; line-height: 22px; }
}

.about-zs { padding: 75px 0 80px; background-color: #f8f8f8; }
.about-zs .main { margin-top: 50px; }
/*2022.02.18.about-zs .menu { padding-bottom: 158px; width: 160px; min-height: 252px; }
.about-zs .menu .row { margin-bottom: 20px; padding: 10px; font-size: 18px; line-height: 30px; text-align: center; color: #fff; background-color: #7d7d7d; border-radius: 9px; cursor: pointer; }
.about-zs .menu .row:hover { opacity: 0.7; filter: alpha(opacity=70); }
.about-zs .menu .cur { background-color: #004685; }
.about-zs .menu .cur:hover { opacity: 1; filter: alpha(opacity=100); cursor: default; }
.about-zs .slide { position: relative; margin-left: 200px; }*/
.about-zs .slide .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.about-zs .slide .item-1 { position: relative; height: auto; }
.about-zs .slide .item.cur { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
/*2022.02.18.about-zs .slide .col { margin-right: 0.65%; width: 24.5125%; background-color: #fff; border-radius: 8px; overflow: hidden; }*/
.about-zs .slide .col { margin-right: 1.4%; width: 18.8%; background-color: #fff; border-radius: 8px; overflow: hidden; }
.about-zs .slide .imgwr { padding-bottom: 139.41%; }
.about-zs .slide .imgwr::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: url(../img/bg-honor.png) 0 0 no-repeat; background-size: 100% 100%; }
.about-zs .slide .img { max-width: 90%; max-height: 93.2%; }
.about-zs .slide .conwr,
.about-zs .slide .conwr::before { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }
.about-zs .slide .conwr::before { content: ''; z-index: 3; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }
.about-zs .slide .tit { position: absolute; top: 40%; left: 5%; z-index: 4; width: 90%; font-size: 15px; text-align: center; color: #fff; transform: translate3d(0, -50%, 0); opacity: 0; filter: alpha(opacity=0); }
.about-zs .slide .tit::before,
.about-zs .slide .tit::after { content: ''; position: absolute; left: 50%; margin-left: -13px; width: 26px; height: 1px; background-color: #fff; }
.about-zs .slide .tit::before { bottom: 100%; margin-bottom: 14px; }
.about-zs .slide .tit::after { top: 100%; margin-top: 14px; }
.about-zs .slide .col:hover .conwr,
.about-zs .slide .col:hover .tit { opacity: 1; filter: alpha(opacity=100); }
.about-zs .slide .col:hover .tit { top: 50%; }
/*2022.02.18.about-zs .slide .btn { position: absolute; bottom: 0; left: -146px; width: 51px; height: 51px; background: url(../img/icon-btn-abzs.png) -57px 0 no-repeat; cursor: pointer; transition: transform .4s; }
.about-zs .slide .prev.swiper-button-disabled { background-position: 0 0; }
.about-zs .slide .next { bottom: 72px; background-position: 0 -57px; }
.about-zs .slide .next.swiper-button-disabled { background-position: -57px -57px; }
.about-zs .slide .btn:hover { transform: scale(0.9); }
.about-zs .slide .btn.swiper-button-disabled:hover { transform: scale(1); }*/
.about-zs .slide .btnwr { margin-top: 50px; font-size: 0; text-align: right; }
.about-zs .slide .more { width: 100%; max-width: 160px; font-size: 18px; line-height: 50px; text-align: center; color: #fff; background-color: #7d7d7d; border-radius: 10px; }
.about-zs .slide .more:hover { background-color: #004685; }

.about-nl { padding: 65px 0 70px; }
.about-nl .main { margin-top: 60px; }
.about-nl .slide .item { display: none; }
.about-nl .slide .item-1 { display: block; }
.about-nl .list { margin: -1.4% -1.4% 0;/*20 1460*/ font-size: 0; }
.about-nl .list .col { margin: 1.36% 0 0 1.36%; width: 23.3%; vertical-align: top; }
.about-nl .list .imgwr { padding-bottom: 64.11%; border-top-left-radius: 9px; border-top-right-radius: 9px; }
.about-nl .list .img:hover { transform: scale(1.06); }
.about-nl .list .tit { padding: 16px 10px; font-size: 16px; line-height: 26px; text-align: center; color: #333; border: 1px solid #d2d2d2; }
.about-nl .list .col:hover .tit { color: #fff; background-color: #004685; }
.about-nl .slide .btnwr { margin-top: 50px; font-size: 0; text-align: right; }
.about-nl .slide .more { width: 100%; max-width: 160px; font-size: 18px; line-height: 50px; text-align: center; color: #fff; background-color: #7d7d7d; border-radius: 10px; }
.about-nl .slide .more:hover { background-color: #004685; }
.about-nl .item-1 .list .tit { height: 52px; }

.about-ry { padding: 70px 0; background: #f8f8f8 url(../img/bg-abry.jpg) bottom center no-repeat; }
.about-ry .main { margin-top: 50px; }
.about-ry .main::before { content: ''; position: absolute; top: 206px; left: 30.98%; width: 30.98%; height: 1px; background-color: #bfbfbf; }
.about-ry .listbox { position: relative; margin-top: -45px; width: 30.98%; height: 630px; overflow: hidden; }
.about-ry .listbox::before { content: ''; position: absolute; top: 45px; right: 0; width: 1px; height: 100%; background-color: #bfbfbf; }
.about-ry .listbox .slide { margin-top: 251px; height: 126px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; overflow: visible; }
.about-ry .listbox .con { margin-left: 31.81%; padding-top: 43px; font-size: 0; text-align: center; color: #999; }
.about-ry .listbox .tit { font-size: 30px; vertical-align: text-bottom; }
.about-ry .listbox .txt { margin: 0 0 5px 10px; font-size: 14px; vertical-align: text-bottom; }
.about-ry .listbox .swiper-slide-active .tit,
.about-ry .listbox .swiper-slide-active .txt { color: #000; }
.about-ry .btn { position: absolute; z-index: 2; width: 26px; height: 26px; font-size: 0; line-height: 26px; text-align: center; background-color: #004685; transition: opacity .4s; }
.about-ry .btn .icon { width: 18px; height: 10px; background: url(../img/icon-btn-abry.png) 0 0 no-repeat; }
.about-ry .prev { top: 180px; left: 30.98%; margin-left: -13px; }
.about-ry .next { top: 307px; left: 0; }
.about-ry .next .icon { background-position: -24px 0; }
.about-ry .btn:hover { opacity: 0.7; cursor: pointer; }
.about-ry .btn.swiper-button-disabled { background-color: #999; }
.about-ry .conbox { position: relative; z-index: 2; margin-top: -10px; width: 64.08%; color: #333; }
.about-ry .conbox .item { display: none; background-color: #f8f8f8; }
.about-ry .conbox .tit { font-size: 60px; }
.about-ry .conbox .line { margin-top: 20px; max-width: 63px; font-size: 0; }
.about-ry .conbox .line::before,
.about-ry .conbox .line::after { content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 3px; }
.about-ry .conbox .line::before { width: 76%; background-color: #004685; }
.about-ry .conbox .line::after { margin-left: 2%; width: 22%; background-color: #ff0000; }
.about-ry .conbox .con { margin-top: 30px; font-size: 16px; text-align: justify; }
.about-ry .conbox .imgwr { margin-top: 115px; font-size: 0; }
.about-ry .conbox .img { max-width: 100%; }

.about-fzs { padding: 70px 0 55px; }
.about-fzs .main { margin-top: 18px; padding-bottom: 0.1px; }
.about-fzs .timebox { position: absolute; bottom: 16px; left: 0; z-index: 3; width: 46.47%;/*660*/ }
.about-fzs .timebox::before { content: ''; position: absolute; top: 19px; left: 0; width: 100%; height: 0; border-top: 1px dashed #313131; }
.about-fzs .timebox .slide { margin: 0 40px; }
.about-fzs .timebox .slide .col { margin-right: 9.2%; width: 18.1%; text-align: center; cursor: pointer; }
.about-fzs .timebox .slide .dot { position: absolute; top: 9px; left: 50%; z-index: 2; margin-left: -9px; width: 16px; height: 16px; background-color: #fff; border: 1px solid #313131; border-radius: 100%; }
.about-fzs .timebox .slide .icon { position: relative; z-index: 3; width: 29px; height: 37px; background: url(../img/icon-posi-abfzs.png) 0 0 no-repeat; transform: translate3d(0, -6px, 0); opacity: 0; filter: alpha(opacity=0); }
.about-fzs .timebox .slide .tit { margin-top: 24px; padding: 5px 10px; font-weight: bold; font-size: 24px; line-height: 28px; color: #333; border-radius: 9px; }
.about-fzs .timebox .col:hover .dot { background-color: #004685; }
.about-fzs .timebox .cur .dot { opacity: 0; filter: alpha(opacity=0); }
.about-fzs .timebox .cur .icon { opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0); }
.about-fzs .timebox .cur .tit { color: #fff; background-color: #004685; }
.about-fzs .timebox .btn { position: absolute; top: 4px; z-index: 2; width: 28px; font-size: 0; line-height: 28px; text-align: center; background-color: #fff; border: 1px solid #444; border-radius: 100%; cursor: pointer; }
.about-fzs .timebox .btn .icon { width: 12px; height: 12px; background: url(../img/icon-btn-abfzs.png) 0 0 no-repeat; }
.about-fzs .timebox .prev { left: 0; }
.about-fzs .timebox .next { right: 0; }
.about-fzs .timebox .next .icon { background-position: -18px -18px; }
.about-fzs .timebox .btn:hover { background-color: #004685; }
.about-fzs .timebox .prev:hover .icon { background-position: -18px 0; }
.about-fzs .timebox .next:hover .icon { background-position: 0 -18px; }
.about-fzs .conbox { position: relative; margin-bottom: 145px; padding: 15px 31px 15px 0; width: 45.42%; color: #333; }
.about-fzs .conbox::before { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 500px; background-color: #bfbfbf; }
.about-fzs .conbox .tit { font-weight: bold; font-size: 60px; vertical-align: text-bottom; }
.about-fzs .conbox .icon { margin: 0 0 15px 5px; width: 17px; height: 28px; background: url(../img/icon-line-abfzs.png) 0 0 no-repeat; vertical-align: text-bottom; }
.about-fzs .conbox .txt { margin-bottom: 12px; font-size: 24px; vertical-align: text-bottom; }
.about-fzs .conbox .con { margin-top: 36px; font-weight: bold; font-size: 16px; }
.about-fzs .imgbox { width: 49.71%;/*705*/ }
.about-fzs .imgbox .col { overflow: hidden; }
.about-fzs .imgbox .imgb { padding: 0 10px 10px 0; }
.about-fzs .imgbox .imgwr { padding-bottom: 500px; overflow: visible;/* box-shadow: 7px 7px 7px 0 rgba(0, 0, 0, 0.16);*/ }
.about-fzs .imgbox .img { box-shadow: 7px 7px 7px 0 rgba(0, 0, 0, 0.16); }
.about-fzs .timebox2 { position: absolute; bottom: 16px; left: 0; z-index: 3; width: 43.66%;/*620*/ }
.about-fzs .timebox2 .col { position: relative; margin-top: 20px; width: 20%; }
.about-fzs .timebox2 .tit { margin-right: 21px; padding: 3px; font-size: 18px; text-align: center; color: #010101; border: 1px solid #e6e6e6; border-radius: 5px; cursor: pointer; }
.about-fzs .timebox2 .icon,
.about-fzs .timebox2 .col::before { position: absolute; top: 10px; right: 5px; width: 12px; height: 12px; background: url(../img/icon-arrow-ablc.png) 0 0 no-repeat; }
.about-fzs .timebox2 .col::before { display: none; content: ''; }
.about-fzs .timebox2 .fl-r .icon { background-position: -18px 0; }
.about-fzs .timebox2 .col-c5 .icon { display: none; }
.about-fzs .timebox2 .col-c6 .icon,
.about-fzs .timebox2 .col-c1::before { top: -16px; left: 50%; margin-left: -16px; background-position: 0 -18px; }
.about-fzs .timebox2 .col-c1::before { display: block; }
.about-fzs .timebox2 .col-i1::before { display: none; }
.about-fzs .timebox2 .col:hover .tit { color: #004685; border-color: #004685; }
.about-fzs .timebox2 .cur .tit,
.about-fzs .timebox2 .cur:hover .tit { color: #fff; background-color: #004685; }

@media screen and (min-width:1280px) and (max-width:1366px) {
  .about-fzs .imgbox .imgwr { padding-bottom: 470px; }
}
@media screen and (min-width:1024px) and (max-width:1280px) {
  .about-fzs .imgbox .imgwr { padding-bottom: 450px; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .about-fzs .imgbox .imgwr { padding-bottom: 355px; }
  .about-fzs .conbox .tit { font-size: 40px; }
  .about-fzs .conbox .icon { margin-bottom: 10px; }
  .about-fzs .conbox .txt { margin-bottom: 8px; font-size: 18px; }
  .about-fzs .conbox .con { margin-top: 24px; font-size: 14px; }
  .about-fzs .timebox2 .tit { font-size: 16px; }
}

.about-wh { padding: 70px 0; background-color: #f6f6f6; }
.about-wh .btn { position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; background: url(../img/icon-btn-abwh.png) 0 0 no-repeat; cursor: pointer; }
.about-wh .prev { right: 45px; }
.about-wh .prev:hover { background-position: -36px 0; }
.about-wh .next { background-position: -36px -36px; }
.about-wh .next:hover { background-position: 0 -36px; }
/*.about-wh .main { margin-top: 55px; }
.about-wh .slide { z-index: 2; }
.about-wh .slide .col { margin-right: 1.4%; width: 32.4%; min-height: 380px; }
.about-wh .slide .col::before { content: ''; position: absolute; top: 0; left: 100%; z-index: 3; width: 4.34%; height: 100%; background-color: #f6f6f6; }
.about-wh .slide .conwr { position: absolute; top: 50%; left: 5%; margin-top: -65px; width: 90%; text-align: center; }
.about-wh .slide .conwr .imgwr { padding-bottom: 32px; }
.about-wh .slide .conwr .line { margin: 15px auto 0; max-width: 42px; height: 1px; background-color: #fff; }
.about-wh .slide .conwr .tit { margin-top: 26px; font-size: 24px; color: #fff; }
.about-wh .slide .conwr .stit { margin-top: 6px; font-size: 14px; color: #999; }
.about-wh .slide .conbox { position: absolute; top: 0; left: 0; z-index: 4; width: 0; height: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity=0); visibility: hidden; overflow: hidden; }
.about-wh .slide .conbox .titwr { text-align: center; color: #fff; background-color: #004685; }
.about-wh .slide .conbox .imgwr { margin-right: 8px; padding-bottom: 20px; width: 20px; }
.about-wh .slide .conbox .tit { font-size: 18px; line-height: 45px; }
.about-wh .slide .conbox .con { padding: 20px 24px; }
.about-wh .slide .conbox .stit { font-size: 18px; color: #333; }
.about-wh .slide .conbox .txt { margin-top: 14px; font-size: 12px; line-height: 1.7; color: #666; }
.about-wh .slide .conbox table td { padding-bottom: 20px; }
.about-wh .slide .conbox table td:nth-child(1) { padding-right: 2.79%; width: 50.5%; }
.about-wh .slide .conbox table td:nth-child(2) { padding-left: 2.23%; }
.about-wh .slide .conbox table.line td:nth-child(2) { border-left: 1px solid #dcdcdc; }
.about-wh .slide .conbox table.line tr:nth-child(n+2) td { border-top: 1px solid #dcdcdc; }
.about-wh .slide .col-cl .conbox { left: auto; right: 0; }
.about-wh .slide .col:hover .conbox { width: 204.34%; opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.about-wh .bg { position: absolute; top: 0; left: 0; z-index: 1; padding-bottom: 0; width: 100%; height: 100%; }*/
.about-wh .slide { margin-top: 55px; padding-top: 10px; }
.about-wh .slide .col { margin-right: 1.76%; width: 23.68%; cursor: pointer; }
.about-wh .slide .imgwr { padding-bottom: 133.3%; }
.about-wh .slide .col:hover .imgwr { transform: translate3d(0, -10px, 0); }
.about-wh .btnwr { margin-top: 40px; font-size: 0; text-align: right; }
.about-wh .btnwr .more { width: 100%; max-width: 160px; font-size: 18px; line-height: 50px; text-align: center; color: #fff; background-color: #7d7d7d; border-radius: 10px; }
.about-wh .btnwr .more:hover { background-color: #004685; }

.content-fixed .culture-cf { position: relative; margin: 0 auto; padding: 0 63px; max-width: 1030px; }
.content-fixed .culture-cf .col { overflow: hidden; }
.content-fixed .culture-cf .conwr { margin-bottom: -999px; padding: 3.68% 3.68% 999px; width: 31.47%; text-align: left; color: #000; background-color: #fff; }
.content-fixed .culture-cf .tit,
.content-fixed .culture-cf .stit { font-size: 24px; line-height: 42px; }
.content-fixed .culture-cf .tit { font-weight: bold; }
.content-fixed .culture-cf .con { margin: 0 0 11.72%; font-size: 18px; line-height: 32px; }
.content-fixed .culture-cf .con p { margin-top: 1em; }
.content-fixed .culture-cf .imgwr { margin-bottom: -999px; padding-bottom: 999px; width: 59.9%; background-color: #fff; }
.content-fixed .culture-cf .img { display: block; width: 100%; }
.content-fixed .culture-cf .btn { position: absolute; top: 50%; margin-top: -26.5px; width: 53px; height: 53px; background: url(../img/icon-confixed.png) -59px 0 no-repeat; transition: transform .3s; cursor: pointer; }
.content-fixed .culture-cf .prev { left: 0; }
.content-fixed .culture-cf .prev.no { background-position: 0 0; }
.content-fixed .culture-cf .prev:hover { transform: translate3d(-10%, 0, 0); }
.content-fixed .culture-cf .next { right: 0; background-position: 0 -59px; }
.content-fixed .culture-cf .next.no { right: 2.74%; background-position: -59px -59px; }
.content-fixed .culture-cf .next:hover { transform: translate3d(10%, 0, 0); }

.about-fz { padding: 70px 0 65px; overflow: hidden; }
.about-fz .main { margin-top: 55px; }
.about-fz .menu { position: relative; font-size: 0; border-left: 1px solid #bfbfbf; }
.about-fz .menu::before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -10000px; width: 20000px; height: 1px; z-index: 1; background-color: #bfbfbf; }
.about-fz .menu .col { position: relative; width: 33.33%; height: 100px; cursor: pointer; }
.about-fz .menu .col::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #bfbfbf; border-left: none; box-sizing: border-box; }
.about-fz .menu .tit { position: absolute; top: 50%; left: 5%; width: 90%; font-weight: bold; font-size: 24px; text-align: center; color: #333; transform: translate3d(0, -50%, 0); }
.about-fz .menu .tit::before { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -7.5px; width: 15px; height: 8px; background: url(../img/icon-arrow-abfz.png) 0 0 no-repeat; transition: all .4s; }
.about-fz .menu .col:hover .tit { color: #004685; }
.about-fz .menu .cur { background-color: #004685; cursor: default; }
.about-fz .menu .cur .tit { color: #fff; transform: translate3d(0, -100%,  0); }
.about-fz .menu .cur .tit::before { margin-top: 12px; }
.about-fz .menu .cur:hover .tit { color: #fff; }
.about-fz .content { margin-top: 30px; }
.about-fz .content .con { display: none; font-size: 16px; line-height: 30px; color: #333; }
.about-fz .content .table-c2 td:nth-child(1) { padding-right: 5%; width: 50.6%; }
.about-fz .content .table-c3 td:nth-child(1) { padding-right: 4%; width: 37%; }
.about-fz .content .table-c3 td:nth-child(2) { padding-right: 4%; width: 40%; }
.about-fz .content .con li { position: relative; padding-left: 16px; }
.about-fz .content .con li::before { content: ''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background-color: #333; border-radius: 100%; }

.about-rl { position: relative; padding: 70px 0 85px; }
.about-rl .comwrap { z-index: 2; }
.about-rl .main { margin-top: 70px; }
.about-rl .main .tit { font-weight: bold; font-size: 24px; color: #004685; }
.about-rl .main .con { margin-top: 20px; font-size: 16px; line-height: 30px; color: #333; }
.about-rl .main .btn { display: block; margin-top: 16px; padding: 15px 10px; max-width: 135px; font-size: 16px; line-height: 25px; text-align: center; color: #fff; background-color: #004685; }
.about-rl .main .txt { margin-top: 50px; font-size: 12px; color: #999; }
.about-rl .bg { position: absolute; top: 0; left: 0; z-index: 1; padding-bottom: 0; width: 100%; height: 100%; }

/*产品*/
.product-list { margin: 70px auto 75px; }

.product-list .common-title .stit,
.product-con .common-title .stit { letter-spacing: 0; }

.product-list .listwr { margin-top: 55px; }
.product-list .listwr .list { margin: -1.69% 0 0 -1.69%;/*24 1468*/ font-size: 0; }
.product-list .listwr .col { margin: 1.63% 0 0 1.63%; width: 22.9625%;/*337*/ vertical-align: top; }
.product-list .listwr .box { display: block; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.13); }
.product-list .listwr .imgwr { padding-bottom: 69.43%;/*234*/ background-color: #e5e5e5; }
.product-list .listwr .img { max-width: 90%; max-height: 90%; mix-blend-mode: multiply; }
.product-list .listwr .conwr { position: relative; height: 80px; }
.product-list .listwr .tit { position: absolute; top: 50%; left: 0; padding: 0 5.2%; width: 89.6%; font-size: 18px; line-height: 30px; text-align: center; color: #333; transform: translate3d(0, -50%, 0); }
.product-list .listwr .tit:hover { color: #004685; }
.product-list .listwr .col:hover .box { transform: translate3d(3px, 3px, 0); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.13); }

.product-con { margin: 80px 0 60px; }

.product-con .main-img { margin-top: 70px; }
.product-con .main-img::before { content: ''; position: absolute; top: 0; left: 15.835%; width: 1px; height: 100%; background-color: #bfbfbf; }
.product-con .imgbox { width: 67.25%; }
.product-con .imgbox .imgwr { padding-bottom: 590px; }
.product-con .imgbox .img { top: auto; bottom: 0; right: auto; max-height: 95%; }
.product-con .listbox { width: 12.67%;/*180*/ }
.product-con .listbox .listwr { height: 284px; }
.product-con .listbox .listwr .col { position: relative; margin-bottom: 22px; height: 131px; }
.product-con .listbox .listwr .col::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 1px solid #cecece; box-sizing: border-box; transition: all .4s; }
.product-con .listbox .listwr .imgwr { position: absolute; top: 0; left: 0; z-index: 1; padding-bottom: 0; width: 100%; height: 100%; }
.product-con .listbox .listwr .img { max-width: 85%; max-height: 85%; mix-blend-mode: multiply; }
.product-con .listbox .listwr .cur .imgwr { background-color: #eee; }
.product-con .listbox .listwr .cur::before { opacity: 0; filter: alpha(opacity=0); }
.product-con .listbox .listwr .col:hover::before { border-color: #004685; }
.product-con .listbox .downwr { margin-top: 85px; }
.product-con .listbox .downwr .img { position: relative; margin: 0 15px; }
.product-con .listbox .downwr .ico { position: absolute; top: 35%; left: 35%; z-index: 2; width: 30%; height: 30%; }
.product-con .listbox .downwr .txt { display: block; margin-top: 18px; font-size: 18px; text-align: center; color: #004685; }
.product-con .listbox .downwr .img-txt { margin: 0; padding-bottom: 100%; height: 0; border: 1px solid #ddd; }
.product-con .listbox .downwr .img-txt .t { position: absolute; top: 50%; left: 10%; width: 80%; font-size: 16px; text-align: center; color: #666; transform: translate3d(0, -50%, 0); }
.product-con .infobox { margin: -26px 0 0 6.33%; width: 5%; font-size: 0; }
.product-con .infobox-m { display: none; }
.product-con .infobox .col { margin-top: 26px; max-width: 100%; }
.product-con .contbox { position: absolute; top: -8px; right: 0; z-index: 3; font-size: 0; text-align: right; }
.product-con .contbox .icon { background: url(../img/icon-pro.png) 0 0 no-repeat; }
.product-con .contbox .telwr .icon { margin-right: 10px; width: 24px; height: 24px; }
.product-con .contbox .telwr .txt { font-size: 18px; color: #999; }
.product-con .contbox .telwr .tellink { font-weight: bold; font-size: 30px; color: #004685; }
.product-con .contbox .btn { margin: 10px 0 0 13px; padding: 0 12px 0 16px; color: #fff; background-color: #626262; border-radius: 4px; }
.product-con .contbox .btn-2 { background-color: #da251d; }
.product-con .contbox .btn .icon { margin-right: 7px; }
.product-con .contbox .btn .icon-1 { width: 17px; height: 15px; background-position: 0 -30px; }
.product-con .contbox .btn .icon-2 { width: 16px; height: 18px; background-position: -23px -30px; }
.product-con .contbox .btn .txt { font-size: 16px; line-height: 38px; }
.product-con .contbox .btn:hover { opacity: 0.8; filter: alpha(opacity=80); }

.product-con .main-info { margin-top: 70px; }
.product-con .main-info .menu { font-size: 0; background-color: #f6f6f6; overflow: hidden; }
.product-con .main-info .menu .col { position: relative; padding: 18px 2%; width: 12.66%; font-size: 20px; line-height: 34px; text-align: center; color: #666; }
.product-con .main-info .menu .col::before { content: ''; position: absolute; top: 50%; left: -2px; margin-top: -13px; width: 2px; height: 26px; background-color: #666; }
.product-con .main-info .menu .col:hover { color: #004685; cursor: pointer; }
.product-con .main-info .menu .cur { font-weight: bold; color: #004685; }
.product-con .main-info .main { margin-top: 30px; }
.product-con .main-info .main .item { display: none; }
.product-con .main-info .main .con { margin: 0 5%; font-size: 20px; line-height: 40px; color: #333; }
.product-con .main-info .main .con li { position: relative; padding-left: 1em; }
.product-con .main-info .main .con li::before { content: '●'; position: absolute; top: 0; left: 0; }
.product-con .main-info .main .con td { padding-right: 1.5em; }
.product-con .main-info .main .con td:last-child { padding-right: 0; }

.common-more { padding: 70px 0; background-color: #f6f6f6; }
.common-more .common-title { position: relative; }
.common-more .common-title .link { position: absolute; top: 50%; right: 0; margin-top: -16px; font-size: 18px; line-height: 32px; text-transform: uppercase; color: #999; }
.common-more .common-title .link:hover { color: #004685; }
.common-more .listwr { margin-top: 50px; font-size: 0; }
.common-more .listwr .list { margin: 0 -1.4%;/*20 1460*/ }
.common-more .listwr .col { margin-left: 1.36%; width: 31.52%; vertical-align: top; }
.common-more .listwr .col-c4 { display: none; }
.common-more .listwr .box { display: block; padding: 0 24px; background-color: #fff; }
.common-more .listwr .imgwr { padding-bottom: 91.5%; }
.common-more .listwr .img { max-height: 80%; }
.common-more .listwr .tit { padding: 21px 0; font-weight: bold; font-size: 18px; text-align: center; color: #333; border-top: 1px solid #e5e5e5; }
.common-more .listwr .tit:hover { color: #004685; }
.common-more .listwr .col:hover .box { transform: translate3d(0, -6px, 0); }

/*案例*/
.cases-list { padding: 75px 0 80px; }

.cases-list .menu { margin-top: 50px; font-size: 0; text-align: center; border-bottom: 2px solid #e5e5e5; }
.cases-list .menu .col { position: relative; margin: 0 12px; padding: 0 2px; }
.cases-list .menu .link { font-size: 18px; line-height: 60px; color: #333; }
.cases-list .menu .link:hover { color: #004685; }
.cases-list .menu .cur::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 4px; background-color: #004685; }

.cases-list .listwr { margin-top: 50px; }
.cases-list .listwr .list { margin: -2.25% -2.25% 0;/*32 1484*/ font-size: 0; }
.cases-list .listwr .col { margin: 2.15% 0 0 2.15%; width: 30.46%;/*452*/ vertical-align: top; cursor: pointer; }
.cases-list .listwr .imgwr { padding-bottom: 69%; }
.cases-list .listwr .img:hover { transform: scale(1.06); }
.cases-list .listwr .tit { padding: 6.41% 11.11%; min-height: 48px; font-size: 18px; text-align: center; color: #333; border: 1px solid #d2d2d2; border-top: none; }
.cases-list .listwr .col:hover .tit { color: #fff; background-color: #004685; }

.content-fixed,
.content-fixed::before { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; }
.content-fixed::before { content: ''; position: absolute; z-index: 998; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }
.content-fixed .wrap { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; }
.content-fixed .table { display: table; width: 100%; height: 100%; }
.content-fixed .td { display: table-cell; text-align: center; vertical-align: middle; }
.content-fixed .main { position: relative; z-index: 999; margin: 0 auto; padding: 40px 0; width: 90%; max-width: 975px; background-color: #fff; transition-delay: .2s; }
.content-fixed .main .item { display: none; margin: 0 5.48%; padding: 0 53px; }
.content-fixed .main .imgwr { font-size: 0; text-align: center; }
.content-fixed .main .img { display: block; margin: 0 auto; max-width: 100%; }
.content-fixed .main .tit { margin-top: 26px; font-size: 20px; color: #000; }
.content-fixed .main .line { margin: 16px auto 0; width: 52px; height: 3px; background-color: #004685; }
.content-fixed .main .con { margin-top: 20px; font-size: 16px; line-height: 30px; text-align: justify; color: #000; }
.content-fixed .main .btn { position: absolute; top: 50%; margin-top: -26.5px; width: 53px; height: 53px; background: url(../img/icon-confixed.png) -59px 0 no-repeat; transition: transform .3s; cursor: pointer; }
.content-fixed .main .prev { left: 2.74%; }
.content-fixed .main .prev.no { background-position: 0 0; }
.content-fixed .main .prev:hover { transform: translate3d(-10%, 0, 0); }
.content-fixed .main .next { right: 2.74%; background-position: 0 -59px; }
.content-fixed .main .next.no { right: 2.74%; background-position: -59px -59px; }
.content-fixed .main .next:hover { transform: translate3d(10%, 0, 0); }

.content-fixed.hide { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.content-fixed.hide .main { transform: translate3d(0, -15%, 0); transition-delay: 0s; }

html.open,
html.open body { overflow: hidden; }

/*服务*/
.service-contact { position: relative; padding: 60px 0 75px; }
.service-contact .main { z-index: 2; }
.service-contact .listbox { margin: 0 auto; max-width: 990px; font-size: 0; overflow: hidden; }
.service-contact .listbox .col { position: relative; margin-top: 30px; padding: 15px 0; width: 33.33%; text-align: center; vertical-align: top; }
.service-contact .listbox .col::before { content: ''; position: absolute; top: 0; left: -2px; width: 2px; height: 100%; background-color: #e5e5e5; }
.service-contact .listbox .imgwr { padding-bottom: 55px; }
.service-contact .listbox .tit { margin-top: 28px; font-size: 18px; color: #999; }
.service-contact .listbox .con { margin-top: 6px; font-size: 24px; color: #323232; word-break: break-word; }
.service-contact .fbbox { margin: 70px auto 0; max-width: 1040px; }
.service-contact .fbbox .tit { font-weight: bold; font-size: 30px; color: #323232; text-align: center; }
.service-contact .fbbox .con { margin-top: 10px; font-size: 14px; color: #ccc; text-align: center; }
.service-contact .fbbox .list { font-size: 0; }
.service-contact .fbbox .row { position: relative; margin-top: 1.92%; width: 32.0533%; background-color: #fff; overflow: hidden; }
.service-contact .fbbox .marl { margin-left: 1.92%; }
.service-contact .fbbox .txt { position: absolute; top: 0; left: 19px; z-index: 1; font-size: 18px; line-height: 52px; color: #666; }
.service-contact .fbbox .inbox { position: relative; z-index: 2; padding: 0 18px; border: 1px solid #bfbfbf; }
.service-contact .fbbox .intxt { display: block; margin: 0 -18px; padding: 0 18px; width: 100%; height: 50px; background: none; }
.service-contact .fbbox .row-full { width: 100%; }
.service-contact .fbbox .intxt-ta { padding: 10px 18px; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; line-height: 30px; transition: background .3s; }
.service-contact .fbbox .row-btn { margin-top: 1.92%; text-align: center; }
.service-contact .fbbox .btn { padding: 0; width: 49.04%; max-width: 230px; height: 40px; font-size: 18px; line-height: 40px; text-align: center; color: #fff; background: #7d7d7d; border-radius: 40px; -webkit-appearance: none; }
.service-contact .fbbox .btn:hover { background-color: #004685; cursor: pointer; }
.service-contact .bg { position: absolute; top: 0; left: 0; z-index: 1; padding-bottom: 0; width: 100%; height: 100%; }

.service-problem { padding: 80px 0; }
.service-problem .list { padding-top: 15px; }
.service-problem .row { margin-top: 15px; }
.service-problem .row .icon-1 { width: 29px; height: 29px; background: url(../img/icon-q.png) 0 0 no-repeat; }
.service-problem .row .titwr { position: relative; background-color: #eee; }
.service-problem .row .titwr .icon-1 { position: absolute; top: 50%; left: 16px; margin-top: -14.5px; }
.service-problem .row .titwr .tit { padding: 15px 110px 15px 80px; font-size: 18px; line-height: 30px; color: #000; }
.service-problem .row .titwr .icon-2 { position: absolute; top: 50%; right: 54px; margin-top: -14.5px; width: 29px; height: 29px; background: url(../img/icon-jiajian.png) 0 0 no-repeat; cursor: pointer; }
.service-problem .row .conwr { margin-top: 15px; padding: 26px 110px 26px 80px; border: 1px solid #d2d2d2; }
.service-problem .row .conwr .icon-1 { margin-right: 14px; }
.service-problem .row .conwr .tit { font-size: 24px; text-align: center; color: #000; }
.service-problem .row .conwr .con { margin-top: 14px; padding-top: 20px; font-size: 16px; line-height: 25px; color: #666; border-top: 1px solid #eee; }
.service-problem .row .titwr:hover .tit { color: #004685; }
.service-problem .row .titwr.on .icon-2 { background-position: -34px 0; }

.service-guide { position: relative; padding: 85px 0 80px; }
.service-guide .main { z-index: 2; }
.service-guide .list { margin-top: 25px; font-size: 0; }
.service-guide .list .col { margin: 1.4% 0 0 1.4%; width: 32.4%; vertical-align: top; }
.service-guide .list .col-c1,
.service-guide .list .col-c4 { margin-left: 0; }
.service-guide .list .col-c4,
.service-guide .list .col-c0 { width: 49.3%; }
.service-guide .list .tit { padding: 18px 30px; font-size: 24px; line-height: 36px; text-align: center; color: #fff; background-color: #004685; }
.service-guide .list .conwr { padding: 30px; font-size: 16px; line-height: 27px; text-align: justify; color: #666; border: 1px solid #d1d1d1; }
.service-guide .bg { position: absolute; top: 0; left: 0; z-index: 1; padding-bottom: 0; width: 100%; height: 100%; }

.service-support { position: relative; padding: 60px 0 75px; word-break: break-all; }
.service-support .main { z-index: 2; }
.service-support .conbox { margin-top: 70px; }
.service-support .conbox .tit { font-weight: bold; font-size: 36px; text-align: center; color: #004685; }
.service-support .conbox .list { margin: 60px -0.63% 0;/*9 1438*/ font-size: 0; }
.service-support .conbox .col { margin: 0.62% 0 0 0.62%; width: 32.5%; background-color: #565656; vertical-align: top; }
.service-support .conbox .box { margin: 0 auto; padding: 45px 0; width: 90%; max-width: 240px; }
.service-support .conbox .imgwr { padding-bottom: 55px; }
.service-support .conbox .col .tit,
.service-support .conbox .con { display: none; margin-top: 22px; font-weight: normal; font-size: 18px; line-height: 24px; text-align: center; color: #fff; }
.service-support .conbox .con a { color: #fff; }
.service-support .conbox .con { display: block; min-height: 48px; }
//.service-support .conbox .col-bg { background-color: #004685; }
.service-support .listbox { font-size: 0; }
.service-support .listbox .list { overflow: hidden; }
.service-support .listbox .col { position: relative; margin: 75px 0.71% -999px; padding: 0 0.71% 999px 0; width: 22.87%; font-size: 18px; line-height: 24px; color: #5c5c66; vertical-align: top; }
.service-support .listbox .col a { color: #5c5c66; }
.service-support .listbox .col::before { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #a0a0a0; }
.service-support .listbox .bornone::before { display: none; }
.service-support .listbox .tit { font-weight: bold; font-size: 18px; }
.service-support .listbox .con { margin-top: 0.5em; }
.service-support .bg { position: absolute; top: 0; left: 0; z-index: 1; padding-bottom: 0; width: 100%; height: 100%; }

.service-network { padding: 80px 0; }
.service-network .mainbox { margin-top: 55px; border: 1px solid #707070; }
.service-network .menu { font-size: 0; border-bottom: 1px solid #707070; overflow: hidden; }
.service-network .menu .col { position: relative; padding: 17px 0; width: 20%; font-weight: bold; font-size: 24px; line-height: 34px; text-align: center; color: #535353; cursor: pointer; }
.service-network .menu .col::before { content: ''; position: absolute; top: 0; left: 100%; width: 1px; height: 100%; background-color: #707070; }
.service-network .menu .col::after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -7px; width: 0; height: 0; border-style: solid; border-color: #fff #535353; border-width: 0 7px 9px; opacity: 0; filter: alpha(opacity=0); transform: translate3d(0, 100%, 0); transition: all .4s; }
.service-network .menu .cur { color: #fff; background-color: #535353; }
.service-network .menu .cur::after { opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0); }
.service-network .content { padding: 4.57% 6.69% 5.28%; }
.service-network .content .item { display: none; }
.service-network .content .item-1 { display: block; }
.service-network .content .row { margin-top: 7px; }
.service-network .content .tit { position: relative; font-size: 0; color: #fff; background-color: #535353; cursor: pointer; }
.service-network .content .tit .txt { padding: 18px 0; font-size: 20px; line-height: 30px; }
.service-network .content .tit .txt-l { margin-left: 5.54%; width: 41.6%; vertical-align: top; }
.service-network .content .tit .txt-r { position: relative; margin-left: 4.07%; padding-left: 4.07%; width: 39.18%; vertical-align: top; }
.service-network .content .tit .txt-r::before { content: ''; position: absolute; top: 25%; left: 0; width: 1px; height: 0; background-color: #fff; transition: all .4s; }
.service-network .content .tit .icon { position: absolute; top: 50%; right: 1.46%; margin-top: -16.5px; width: 33px; height: 33px; background: url(../img/icon-jiajian-w.png) 0 0 no-repeat; }
.service-network .content .con { padding: 10px 5.54% 20px; font-size: 20px; line-height: 40px; color: #000; }
.service-network .content .con table { width: 100%; }
.service-network .content .con table td { padding-right: 4.59%; width: 51.47%; }
.service-network .content .con table td:nth-child(2n) { position: relative; padding-left: 4.59%; width: 48.53%; }
.service-network .content .con table td:nth-child(2n)::before { content: ''; position: absolute; top: 10%; left: 0; width: 1px; height: 80%; background-color: #e3e3e3; }
.service-network .content .cur .tit { background-color: #004685; }
.service-network .content .cur .txt-r::before { height: 50%; }
.service-network .content .cur .tit .icon { background-position: 0 -39px; }

.service-network .content-s2 { padding: 4.57% 6.69% 5.28%; }
.service-network .content-s2 .item { display: none; }
.service-network .content-s2 .item-1 { display: block; }
.service-network .content-s2 .row { position: relative; margin-top: 7px; font-size: 0; }
.service-network .content-s2 .icon { position: absolute; top: 16.5px; right: 1.46%; z-index: 2; width: 33px; height: 33px; background: url(../img/icon-jiajian-w.png) 0 0 no-repeat; cursor: pointer; }
.service-network .content-s2 .col { padding-bottom: 0.1px; width: 50%; vertical-align: top; }
.service-network .content-s2 .tit { position: relative; padding: 18px 10%; font-size: 20px; line-height: 30px; color: #fff; background-color: #535353; cursor: pointer; }
.service-network .content-s2 .col-c0 .tit::before { content: ''; position: absolute; top: 25%; left: 0; width: 1px; height: 0; background-color: #fff; transition: all .4s; }
.service-network .content-s2 .con { position: relative; margin: 10px 0 20px; padding: 0 10%; font-size: 20px; line-height: 40px; color: #000; }
.service-network .content-s2 .col-c0 .con::before { content: ''; position: absolute; top: 10%; left: 0; width: 1px; height: 80%; background-color: #e3e3e3; }
.service-network .content-s2 .cur .icon { background-position: 0 -39px; }
.service-network .content-s2 .cur .tit { background-color: #004685; }
.service-network .content-s2 .cur .col-c0 .tit::before { height: 50%; }

.service-network .content-s3 { padding: 4.57% 6.69% 5.28%; }
.service-network .content-s3 .item { display: none; }
.service-network .content-s3 .item-1 { display: block; }
.service-network .content-s3 .row { margin-top: 3.26%; }
.service-network .content-s3 .row-1 { margin-top: 0; }
.service-network .content-s3 .title { position: relative; padding: 0.75em 5.95% 0.75em 3.26%; font-weight: bold; font-size: 24px; line-height: 34px; color: #fff; background-color: #004685; cursor: pointer; }
.service-network .content-s3 .title .icon { position: absolute; top: 50%; right: 1.63%; margin-top: -16.5px; width: 33px; height: 33px; background: url(../img/icon-jiajian-w.png) 0 0 no-repeat; }
.service-network .content-s3 .cur .title .icon { background-position: 0 -39px; }
.service-network .content-s3 .list { margin-top: 2.12%; font-size: 0; }
.service-network .content-s3 .list .col { margin-top: 1.14%; width: 49.43%; font-size: 18px; line-height: 24px; vertical-align: top; color: #5c5c66; }
.service-network .content-s3 .list .marl { margin-left: 1.14%; }
.service-network .content-s3 .list .tit { padding: 2.47% 5.44%; font-weight: bold; font-size: 22px; line-height: 28px; color: #000; background-color: #eee; }
.service-network .content-s3 .list .conwr { padding: 3.3% 5.44%; border: 1px solid #e3e3e3; }

/*文章*/
.article-top { margin: 70px auto; }
.article-top .imgbox { position: relative; width: 48.94%; }
.article-top .imgbox .bg { padding-bottom: 61.15%; }
.article-top .imgbox .item,
.article-top .imgbox .imgwr { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.article-top .imgbox .item { opacity: 0; }
.article-top .imgbox .imgwr { padding-bottom: 0; }
.article-top .imgbox .item .img { max-width: 90%; max-height: 90%; }
.article-top .imgbox .item:hover .img { transform: scale(0.96); }
.article-top .imgbox .on { z-index: 3; opacity: 1; }
.article-top .conbox { width: 46.83%; }
.article-top .conbox .row { padding: 34px 0; border-top: 1px dashed #b6b6b6; }
.article-top .conbox .row-c1 { padding-top: 0; border-top: none; }
.article-top .conbox .row-c3 { padding-bottom: 0; }
.article-top .conbox .time { margin-top: -8px; margin-right: 6%; text-align: center; }
.article-top .conbox .d { padding-bottom: 4px; font-weight: bold; font-size: 48px; color: #333; border-bottom: 2px solid #e5e5e5; }
.article-top .conbox .ym { display: block; margin-top: 16px; font-weight: bold; font-size: 16px; color: #999; }
.article-top .conbox .tit { margin-top: 5px; font-weight: bold; font-size: 18px; color: #333; }
.article-top .conbox .desc { margin-top: 0.9em; font-size: 16px; line-height: 25px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article-top .conbox .row:hover .tit { transform: translate3d(6px, 0, 0); }
.article-top .conbox .on .tit { color: #004685; }

.article-list { padding: 65px 0 70px; background-color: #f6f6f6; }
.article-list .listwr .list { margin: -2.25% -2.25% 0;/*32 1484*/ font-size: 0; }
.article-list .listwr .col { margin: 2.15% 0 0 2.15%;/*32*/ width: 30.46%;/*452*/ vertical-align: top; }
.article-list .listwr .box { display: block; padding: 4.42%;/*20 412*/ background-color: #fff; }
.article-list .listwr .imgwr { padding-bottom: 54.61%;/*225*/ }
.article-list .listwr .tit { margin-top: 24px; height: 50px; font-size: 18px; line-height: 25px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article-list .listwr .desc { margin-top: 10px; height: 56px; font-size: 16px; line-height: 28px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article-list .listwr .time { margin-top: 12px; font-size: 14px; color: #999; }
.article-list .listwr .icon { margin-top: 12px; width: 28px; height: 13px; background: url(../img/icon-arrow-art.png) -68px 0 no-repeat; }
.article-list .listwr .col:hover .box { background-color: #004685; }
.article-list .listwr .col:hover .tit { color: #fff; }
.article-list .listwr .col:hover .desc,
.article-list .listwr .col:hover .time { color: #aaa; }
.article-list .listwr .col:hover .icon { background-position: -34px 0; }

.article-con { padding: 60px 0; background-color: #f6f6f6; }
.article-con .main { margin: 0 auto; padding: 60px; max-width: 1225px; background-color: #fff; }
.article-con .title { font-size: 28px; text-align: center; color: #000; }
.article-con .info { margin-top: 24px; padding-bottom: 34px; font-size: 14px; text-align: center; color: #999; border-bottom: 1px dashed #ccc; }
.article-con .body { margin-top: 36px; font-size: 16px; line-height: 30px; color: #000; }

.body p { margin: 1.5em 0!important; }
.body p:first-child { margin-top: 0; }
.body video, .body source { margin: 0 auto; max-width: 100%; }
.body blockquote { margin: 0; }
.body li { list-style: disc inside; }
.body img { margin: 0.5em 0; }
.imgha-table-box { position: relative; }
.imgha-table-box .txt { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; margin-top: 5%; font-size: 14px; line-height: 24px; text-align: center; color: #fff; }
.imgha-table-box .txt::before { content: '<--'; }
.imgha-table-box .txt::after { content: '-->'; }
.imgha-table-box .mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); }
.imgha-table-box:hover .txt, .imgha-table-box:hover .mask { visibility: hidden; }
.loadblank { min-height: 305px; background: url(../img/loading-b.gif) center no-repeat; }

.article-con .tools { position: relative; margin-top: 55px; font-size: 0; text-align: center; }
.article-con .tools::before, .article-con .tools::after { content: '.'; position: absolute; top: 0; left: 33.33%; z-index: 2; width: 1px; height: 100%; font-size: 0; background-color: #fff; }
.article-con .tools::after { left: 66.66%; }
.article-con .tools .col { position: relative; width: 33.33%; height: 60px; background-color: #313131; overflow: hidden; }
.article-con .tools .icon { margin-right: 14px; width: 18px; height: 6px; background: url(../img/icon-btn-art.png) 0 0 no-repeat; }
.article-con .tools .txt { font-size: 16px; line-height: 60px; color: #fff; }
.article-con .tools .back .icon { width: 17px; height: 14px; background-position: -24px 0; }
.article-con .tools .next .icon { margin-right: 0; margin-left: 14px; background-position: 0 -12px; }
.article-con .tools .col a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.article-con .tools .prev:hover .icon { transform: translate3d(-6px, 0, 0); }
.article-con .tools .col:hover { background-color: #004685; }
.article-con .tools .next:hover .icon { transform: translate3d(6px, 0, 0); }

/*联系*/
.contact { margin: 60px auto 75px; }
.contact::before { content: ''; position: absolute; top: 0; left: 39.5%; width: 2px; height: 100%; background-color: #dcdcdc; }
.contact .tit { font-weight: bold; font-size: 30px; color: #333; }
.contact .conbox { width: 35%; }
.contact .conbox .con { margin-top: 28px; padding-top: 10px; font-size: 18px; color: #323232; }
.contact .conbox .con img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.contact .conbox .con p { margin-top: 26px; }
.contact .conbox .con td { padding-bottom: 24px; }
.contact .fbbox { width: 56%; }
.contact .fbbox .tit { color: #666; }
.contact .fbbox .stit { margin-top: 36px; font-size: 16px; color: #004685; }
.contact .fbbox .list { padding-top: 10px; font-size: 0; }
.contact .fbbox .row { position: relative; margin-top: 16px; width: 49%; background-color: #eee; border-radius: 6px; overflow: hidden; }
.contact .fbbox .marl { margin-left: 2%; }
.contact .fbbox .txt { position: absolute; top: 0; left: 25px; z-index: 1; font-size: 18px; line-height: 70px; color: #666; }
.contact .fbbox .inbox { position: relative; z-index: 2; padding: 0 25px; }
.contact .fbbox .intxt { display: block; margin: 0 -25px; padding: 0 25px; width: 100%; height: 70px; background: none; outline: none; }
.contact .fbbox .row-full { width: 100%; }
.contact .fbbox .intxt-ta { padding: 10px 25px; min-width: 100%; max-width: 100%; height: 136px; min-height: 136px; line-height: 34px; transition: background .3s; }
.contact .fbbox .row-txt { margin-top: 44px; width: 49%; font-size: 16px; color: #999; }
.contact .fbbox .row-btn { margin-top: 16px; width: 49%; }
.contact .fbbox .btn { display: block; margin: 0 auto; padding: 0; width: 100%; height: 70px; font-size: 24px; line-height: 70px; text-align: center; color: #fff; background: #004685; border-radius: 6px; -webkit-appearance: none; }
.contact .fbbox .btn:hover { background-color: #5ca1d3; cursor: pointer; }

.contact-map { padding: 70px 0; background-color: #f8f8f8; }
.contact-map .tit { margin-bottom: 60px; font-weight: bold; font-size: 30px; color: #333; }
.contact-map .wrap { position: relative; padding-bottom: 535px; }
.contact-map .box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact-map img { transition: none; }

/*网站地图*/
.sitemap { padding: 70px 0; background-color: #f0f0f0; }
.sitemap h4 { line-height:35px;border-bottom:1px dotted #ccc;font-size:15px;margin-bottom:5px;}
.sitemap .b4 {margin-bottom:20px;overflow:hidden;}
.sitemap .b4 ul {}
.sitemap .b4 li {line-height:30px; min-width:125px; margin-right: 30px;float:left;background:url(../img/ly_li.png) no-repeat left center;padding-left:14px;}

/*图集*/
.images-list .menu { margin: 30px -0.73% 0; font-size: 0; text-align: center; }
.images-list .menu-sn1 { display: none; }
.images-list .menu .col { padding: 0 1%; margin: 0.72% 0.36% 0; width: 9.69%; font-weight: 300; font-size: 18px; line-height: 50px; text-align: center; color: #fff; background-color: #7d7d7d; border-radius: 10px; }
.images-list .menu .col:hover,
.images-list .menu .cur { background-color: #004685; }
.images-list .list { margin: -1.59% -3.1% 0; font-size: 0; }
.images-list .list .col { margin: 4.41% 0 0 2.92%; width: 21.35%; vertical-align: top; cursor: pointer; }
.images-list .list .imgwr { padding-bottom: 139.41%; }
.images-list .list .imgwr::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: url(../img/bg-honor.png) 0 0 no-repeat; background-size: 100% 100%; }
.images-list .list .img { max-width: 90%; max-height: 93.2%; }
.images-list .list .tit { margin-top: 0.5em; font-size: 16px; line-height: 1.77em; text-align: center; }
.images-list .list .col:hover .imgwr { border-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); transform: translate3d(0, -5px, 0); }
.images-list .list .col:hover .tit { color: #004685; }

.images-list-full .list { margin: -0.59% -2% 0; font-size: 0; }
.images-list-full .list .col { margin: 3.41% 0 0 1.96%; width: 22.55%; vertical-align: top; }
.images-list-full .list .imgwr { padding-bottom: 64.11%; }
.images-list-full .list .imgwr::before { display: none; }
.images-list-full .list .img { max-width: none; max-height: none; }

.images-list-wh .list .imgwr { padding-bottom: 133.3%; }

/*招聘*/
.hr { padding: 3.9% 0 5.2%; }
.hr .main { max-width: 1360px; }
.hr .conbox { width: 49.26%; }
.hr .conbox .row { position: relative; padding-left: 10.44%; }
.hr .conbox .tit { margin-top: 0.8em; font-size: 24px; color: #010101; }
.hr .conbox .con { margin-top: 0.7em; padding-bottom: 1.1em; font-size: 16px; line-height: 29px; color: #999; border-bottom: 1px solid #000; }
.hr .conbox .con a { color: #999; }
.hr .conbox .imgwr { position: absolute; top: 10px; left: 0; width: 5.97%; font-size: 0; }
.hr .conbox .img { max-width: 100%; }
.hr .conbox .btn { display: block; margin: 40px 0 0 10.44%; padding: 0 30px; width: 200px; font-size: 18px; line-height: 50px; color: #fff; background-color: #004685; border-radius: 5px; }
.hr .conbox .btn::before { content: '>'; position: absolute; top: 0; right: 30px; font-family: '新宋体'; font-size: 18px; color: #fff; transition: all .3s; }
.hr .conbox .btn:hover { box-shadow: 0 0 10px 0 #004685; }
.hr .conbox .btn:hover::before { transform: translate3d(6px, 0, 0); }
.hr .imgbox { margin-top: 60px; width: 44.11%; }

.hr-feedback { margin: 0 40px; text-align: left; }
.hr-feedback .ttit { padding-bottom: 18px; font-weight: bold; font-size: 36px; text-align: center; color: #004685; border-bottom: 1px solid #e0e0e0; }
.content-fixed .hr-feedback .tit { margin-top: 0; padding: 0.5em; font-size: 18px; text-align: center; background-color: #e5e5e5; border: 1px solid #e0e0e0; border-top: none; }
.hr-feedback .row { position: relative; font-size: 0; border: 1px solid #e0e0e0; border-top: none; overflow: hidden; }
.hr-feedback .row::before { content: ''; position: absolute; top: 0; left: 50%; z-index: 2; width: 1px; height: 100%; background-color: #e0e0e0; }
.hr-feedback .row .col { position: relative; width: 50%; }
.hr-feedback .row .col::before { content: ''; position: absolute; top: -400%; left: 45%; z-index: 2; width: 1px; height: 1000%; background-color: #e0e0e0; }
.hr-feedback .row .txt { padding: 0.5em 2%; width: 41%; font-size: 14px; }
.hr-feedback .row .inbox { width: 55%; text-align: center; }
.hr-feedback .row .intxt { display: block; margin-left: -1px; padding: 0 2%; width: 96%; height: 35px; background: none; border: 1px solid #fff; }
.hr-feedback .row .intxt:focus { border: 1px solid #004685; }
.hr-feedback .row .wz { font-size: 14px; }
.hr-feedback .row .nr { display: inline-block; margin: 5px 0; padding: 0; width: 40px; height: 25px; border-bottom: 1px solid #999; }
.hr-feedback .row-full::before { left: 22.5%; }
.hr-feedback .row-full .txt { padding: 0.5em 1%; width: 20.5%; }
.hr-feedback .row-full .inbox { width: 77.5%; }
.hr-feedback .row-full .intxt { padding: 0 1%; width: 98%; }
.hr-feedback .list-2 .row-col .col { width: 22.5%; }
.hr-feedback .list-2 .row-col .col-2 { width: 27.5%; }
.hr-feedback .list-2 .row-col .col-3 { width: 50%; }
.hr-feedback .list-2 .row-col .col::before { left: 100%; }
.hr-feedback .list-2 .row-col .col-2::before,
.hr-feedback .list-2 .row-col .col-3::before { display: none; }
.hr-feedback .list-2 .row-col .txt { display: none; padding: 0.5em 4%; width: 92%; text-align: center; }
.hr-feedback .list-2 .row-col .col-3 .txt { padding: 0.5em 2%; width: 96%; }
.hr-feedback .list-2 .row-1 .txt { display: block; }
.hr-feedback .list-2 .row-col .inbox { width: auto; }
.hr-feedback .list-2 .row-1 .inbox { border-top: 1px solid #e0e0e0; }
.hr-feedback .list-2 .row-full .txt { text-align: center; }
.hr-feedback .row-full .intxt-ta { padding: 10px 1%; min-width: 98%; max-width: 98%; height: 72px; line-height: 24px; }
.content-fixed .hr-feedback .btn { display: block; position: relative; top: 0; margin: 20px auto 0; width: 50%; max-width: 150px; height: 35px; font-size: 15px; line-height: 35px; text-align: center; color: #fff; background: #004685; -webkit-appearance: none; }

@media screen and (max-width: 1024px){
  .hr-feedback { margin: 0 20px; }
}

/*下载*/
.download { margin: 4.16% auto; }
.download .title { position: relative; padding-bottom: 14px; font-weight: bold; font-size: 28px; letter-spacing: 0.09em; color: #000; }
.download .title::before { content: ''; position: absolute; bottom: 0; left: 0; width: 24px; height: 1px; background-color: #004685; }
.download .item { margin-top: 3.52%; }
.download .item .type { padding: 14px 51px 14px 24px; font-size: 24px; letter-spacing: 0.09em; color: #fff; background-color: #004685; }
.download .item .type::before { content: '>'; position: absolute; top: 50%; right: 24px; margin-top: -14px; font-family: "新宋体"; font-size: 24px; line-height: 28px; color: #fff; transform: rotateZ(90deg); }
.download .item .type.hover { cursor: pointer; }
.download .item .type.hide:before { transform: rotateZ(-90deg); }
.download .item .list { font-size: 0; }
.download .item .list .col { margin-top: 2.53%; width: 48.735%;/*692*/ vertical-align: top; }
.download .item .list .col:nth-child(2n) { margin-left: 2.53%;/*36*/ }
.download .item .list .box { position: relative; display: block; border: 1px solid #d9d9d9; }
.download .item .list .box::before { content: ''; position: absolute; top: 15%; left: 28.4%; width: 1px; height: 70%; background-color: #d9d9d9; }
.download .item .list .imgwr { margin-left: 1.45%; padding-bottom: 25.5%; width: 25.5%; }
.download .item .list .imgwr .img { max-width: 100%; max-height: 80%; }
.download .item .list .tit { margin-left: 5.45%; width: 48.11%; font-size: 24px; color: #000; }
.download .item .list .btn { margin-left: 4%; width: 10.29%; }
.download .item .list .icowr { display: block; padding-bottom: 94.37%; }
.download .item .list .txt { display: block; margin-top: 0.5em; font-size: 14px; text-align: center; color: #000; }
.download .item .list .col:hover .box { border-color: #004685; }
.download .item .list .imgwr .img:hover { transform: scale(0.96); }
.download .item .list .tit:hover { color: #004685; }
.download .item .list .btn:hover .icowr { transform: translate3d(0, 3px, 0); }

/*下载密码*/
.download-pwd,
.download-pwd::before { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; }
.download-pwd { display: none; }
.download-pwd::before { content: ''; position: absolute; z-index: 998; background-color: #004685; opacity: 0.8; filter: alpha(opacity=80); }
.download-pwd .wrap { position: absolute; top: 50%; left: 0; right: 0; z-index: 999; margin: 0 auto; width: 90%; max-width: 415px; opacity: 0; filter: alpha(opacity=0); transform: translate3d(0, -100%, 0); }
.download-pwd .box { padding: 40px; background-color: #fff; border-radius: 35px; box-shadow: 0 0 32px 2px rgba(211, 69, 82, 0.2); }
.download-pwd .title { padding-bottom: 15px; font-size: 29px; color: #004685; border-bottom: 2px solid #f1f1f1; }
.download-pwd .row { position: relative; margin-top: 30px; font-size: 0; border-bottom: 1px solid #e8e8e8; }
.download-pwd .icon { position: absolute; top: 50%; left: 6px; margin-top: -11.5px; width: 21px; height: 23px; background: url(../img/icon-lock.png) 0 0 no-repeat; }
.download-pwd .intxt { display: block; padding: 0 10px 0 45px; width: 100%; height: 60px; font-size: 16px; box-sizing: border-box; }
.download-pwd .intxt::placeholder { color: #999; }
.download-pwd .submit { display: block; margin-top: 50px; width: 100%; font-size: 21px; line-height: 60px; text-align: center; letter-spacing: 0.1em; color: #fff; background: #66ccff; background: linear-gradient(#66ccff, #004685); border-radius: 60px; }
.download-pwd .submit:hover { box-shadow: 0 0 10px 0 #004685; cursor: pointer; }
.download-pwd .close { display: block; margin-top: 25px; width: 100%; font-size: 21px; line-height: 56px; text-align: center; letter-spacing: 0.1em; color: #666; border: 2px solid #ebebeb; border-radius: 60px; }
.download-pwd .close:hover { color: #fff; background-color: #004685; cursor: pointer; }
.download-pwd .ps { margin-top: 40px; font-size: 16px; text-align: center; color: #666; }
.download-pwd-on .wrap { opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, -50%, 0); }

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .banner .img { left: 0; transform: translate3d(0, 0, 0); margin-left: -15%; width: 130%; }
}

@media screen and (max-width: 768px) {
  .banner .img { left: 0; transform: translate3d(0, 0, 0); margin-left: -15%; width: 130%; }

  .common-title .stit,
  .common-title-2 .stit { font-size: 12px; }
  .common-title .tit,
  .common-title-2 .tit { font-size: 20px; }
  .common-title-2 .stit { margin-top: 2px; }
  .common-title-2 .line { margin-top: 8px; height: 2px; }

  .pagesize { display: none; }
  .pagesize-m { display: block; }
  .pagesize { margin-top: 40px; }
  .pagesize li a,
  .pagesize li p,
  .pagesize span { padding: 0 6px; min-width: 14px; font-size: 14px; line-height: 30px; }

  .about-jj,
  .about-zs,
  .about-nl,
  .about-ry,
  .about-fzs,
  .about-wh,
  .about-fz { padding: 40px 0; }

  .about-jj .main { margin-top: 20px; padding-top: 20px; border-top-width: 2px; }
  .about-jj .conbox,
  .about-jj .imgbox { float: none; width: auto; }
  .about-jj .conbox .txt { font-size: 14px; line-height: normal; }
  .about-jj .conbox .con { margin-top: 20px; line-height: 26px; }
  .about-jj .conbox .btn { margin: 20px auto 0; padding: 5px 10px; max-width: 100px; }
  .about-jj .imgbox { margin-top: 25px; }
  .about-jj .imgbox .imgwr { padding-bottom: 71%; }
  .about-zs .main { margin-top: 15px; }
  .about-zs .menu { float: none; padding-bottom: 0; width: auto; min-height: auto; font-size: 0; text-align: center; }
  .about-zs .menu .row { display: inline-block; margin: 3% 3% 0 0; width: 31.33%; font-size: 15px; line-height: 24px; box-sizing: border-box; }
  .about-zs .menu .row:nth-child(3n) { margin-right: 0; }
  .about-zs .slide { margin: 20px 0 0; }
  .about-zs .slide .btn { display: none; }
  .about-zs .slide .col { margin-right: 3%; width: 48.5%; }
  .about-zs .slide .imgwr { padding-bottom: 137.12%; }
  .about-nl .main { margin-top: 15px; }
  .about-nl .list { margin: 0; }
  .about-nl .list .col { margin: 3% 0 0; width: 48.5%; }
  .about-nl .list .col:nth-child(2n) { margin-left: 3%; }
  .about-nl .list .tit { padding: 6px; font-size: 14px; line-height: 24px; }
  .about-ry .main { margin-top: 25px; }
  .about-ry .main::before { display: none; }
  .about-ry .listbox { margin-top: -17px; width: 100px; height: 300px; overflow: hidden; }
  .about-ry .listbox::before { top: 17px; }
  .about-ry .listbox .slide { margin-top: 120px; height: 60px; }
  .about-ry .listbox .con { margin-left: 20px; padding-top: 17px; }
  .about-ry .listbox .tit { font-size: 20px; }
  .about-ry .listbox .txt { margin: 0 0 2px 4px; font-size: 13px; }
  .about-ry .btn { transform: scale(0.6); }
  .about-ry .prev { top: 77px; left: 100px; transform-origin: center bottom; }
  .about-ry .next { top: 163px; left: 0; transform-origin: left top; }
  .about-ry .conbox { margin-top: 0; width: calc(100% - 120px); }
  .about-ry .conbox .tit { font-size: 18px; }
  .about-ry .conbox .line { margin-top: 10px; max-width: 33px; }
  .about-ry .conbox .line::before,
  .about-ry .conbox .line::after { height: 2px; }
  .about-ry .conbox .con { margin-top: 15px; font-size: 15px; }
  .about-ry .conbox .imgwr { margin-top: 25px; } { padding: 40px 0; }
  .about-fzs .main { margin-top: 25px; }
  .about-fzs .timebox { position: relative; bottom: 0; width: 100%; }
  .about-fzs .timebox .slide .col { margin-right: 5%; width: 21.25%; }
  .about-fzs .timebox .slide .tit { margin-top: 10px; padding: 5px; font-size: 16px; line-height: 24px; }
  .about-fzs .conbox,
  .about-fzs .imgbox { float: none; margin: 20px 0 0; padding: 0; width: auto; }
  .about-fzs .conbox::before { display: none; }
  .about-fzs .conbox .tit { font-size: 20px; line-height: 28px; }
  .about-fzs .conbox .icon { margin: 0; transform: scale(0.6); }
  .about-fzs .conbox .txt { margin: 6px 0 0; font-size: 14px; line-height: 28px; }
  .about-fzs .conbox .con { margin-top: 10px; font-size: 15px; }
  .about-fzs .imgbox { margin-top: 15px; }
  .about-fzs .imgbox .imgwr { padding-bottom: 70.92%; }
  .about-wh .prev { right: 35px; }
  .about-wh .main { margin-top: 25px; }
  .about-wh .slide .col { margin-right: 2%; width: 100%; min-height: auto; }
  .about-wh .slide .col::before { display: none; }
  .about-wh .slide .conwr { position: relative; top: 0; left: 0; margin: 0; padding: 10% 5% 5%; width: auto; }
  .about-wh .slide .conwr .imgwr { padding-bottom: 28px; }
  .about-wh .slide .conwr .line { margin-top: 8px; width: 30px; }
  .about-wh .slide .conwr .tit { margin-top: 10px; font-size: 18px; }
  .about-wh .slide .conwr .stit { font-size: 16px; }
  .about-wh .slide .conbox { position: relative; width: auto; background: none; opacity: 1; filter: alpha(opacity=100); visibility: visible; }
  .about-wh .slide .conbox .titwr,
  .about-wh .slide .conbox .stit { display: none; }
  .about-wh .slide .conbox .con { padding: 0 5% 10%; }
  .about-wh .slide .conbox .txt { margin-top: 0; font-size: 14px; color: #eee; }
  .about-wh .slide .conbox table td { display: block!important; padding: 10px 0!important; width: 100%!important; border: none!important; }
  .about-wh .slide .conbox table span { padding-bottom: 5px; font-weight: bold; font-size: 1em!important; }
  .about-wh .slide .col:hover .conbox { width: 100%; }
  .about-wh .bg .img { position: absolute; top: 0; left: 50%; margin: 0!important; width: auto!important; min-width: 100%; height: 100%!important; transform: translate3d(-50%, 0, 0); }
  .about-fz .main { margin-top: 25px; }
  .about-fz .menu .tit { font-size: 16px; }
  .about-fz .menu .cur .tit { transform: translate3d(0, -50%, 0); }
  .about-fz .menu .tit::before { display: none; }
  .about-fz .content { margin-top: 20px; }
  .about-fz .content .con { font-size: 14px; line-height: 26px; }
  .about-fz .content .con table td { display: block!important; padding: 0!important; width: 100%!important; border: none!important; }
  .about-rl { padding: 40px 0; }
  .about-rl .main { margin-top: 25px; }
  .about-rl .main .tit { font-size: 16px; }
  .about-rl .main .con { margin-top: 10px; font-size: 14px; line-height: 24px; }
  .about-rl .main .btn { padding: 5px 10px; max-width: 100px; font-size: 14px; line-height: 24px; }
  .about-rl .main .txt { margin-top: 20px; font-size: 13px; }

  .product-list,
  .product-con { margin: 40px 0; }
  .product-list .listwr { margin-top: 0; }
  .product-list .listwr .list { margin: 0; }
  .product-list .listwr .col { margin: 6% 0 0; width: 48%; }
  .product-list .listwr .col:nth-child(2n) { margin-left: 4%; }
  .product-list .listwr .conwr { height: 40px; }
  .product-list .listwr .tit { font-size: 15px; line-height: 25px; }
  .product-con .main-img { margin-top: 25px; }
  .product-con .main-img::before { display: none; }
  .product-con .imgbox { float: none; margin-top: 0; width: auto; border: 1px solid #ddd; }
  .product-con .imgbox .imgwr { padding-bottom: 60%; }
  .product-con .imgbox .imgwr .img { top: 0; bottom: auto; right: 0; max-width: 85%; max-height: 85%; }
  .product-con .listbox { float: none; margin-top: 3%; width: auto; overflow: hidden; }
  .product-con .listbox .listwr { float: left; width: 66%; height: auto; }
  .product-con .listbox .listwr .col { margin: 0 3% 0 0; width: 48.5%; height: auto; }
  .product-con .listbox .listwr .imgwr { position: relative; padding-bottom: 100%; height: 0; }
  .product-con .listbox .downwr { float: right; margin-top: 0; width: 32%; }
  .product-con .listbox .downwr .img { margin: 0; }
  .product-con .listbox .downwr .txt { margin-top: 6px; font-size: 12px; }
  .product-con .infobox { display: none; float: none; margin: 15px 0 0; width: auto; font-size: 0; }
  //.product-con .infobox-m { display: block; }
  .product-con .infobox .col { margin-top: 0; }
  .product-con .infobox .col-root { display: inline-block; vertical-align: top; margin: 0 0 0 4%; width: 16.8%; }
  .product-con .infobox .col-root:nth-child(5n+1) { margin-left: 0; }
  .product-con .contbox { display: none; }
  .product-con .main-info { margin-top: 30px; }
  .product-con .main-info .menu { text-align: center; }
  .product-con .main-info .menu .col { padding: 1em 0.7em; width: 32px; font-size: 16px; line-height: 18px; }
  .product-con .main-info .menu .col:nth-child(1)::before { display: none; }
  .product-con .main-info .main { margin-top: 15px; }
  .product-con .main-info .main .con { font-size: 15px; line-height: 25px; }
  .product-con .main-info .main .con td { display: block!important; padding: 0!important; width: 100%!important; border: none!important; }

  .common-more { padding: 40px 0; }
  .common-more .common-title .link { margin-top: -13px; font-size: 14px; line-height: 26px; }
  .common-more .listwr { margin-top: 10px; }
  .common-more .listwr .list { margin: 0; }
  .common-more .listwr .col { margin: 3% 0 0; width: 48.5%; }
  .common-more .listwr .col:nth-child(2n) { margin-left: 3%; }
  .common-more .listwr .col-c4 { display: inline-block; }
  .common-more .listwr .box { padding: 0 10px; }
  .common-more .listwr .tit { padding: 8px; font-size: 15px; }

  .cases-list { padding: 40px 0; }
  .cases-list .menu { margin-top: 15px; }
  .cases-list .menu .list { position: relative; padding-right: 22px; height: 35px; text-align: left; overflow: hidden; transition: all .4s; }
  .cases-list .menu .list::before { content: ''; position: absolute; top: 12px; right: 5px; width: 0; height: 0; border-style: solid; border-color: #004685 #fff; border-width: 11px 6px 0; transition: all .4s; }
  .cases-list .menu .list:hover { height: 140px; }
  .cases-list .menu .list:hover::before { opacity: 0; }
  .cases-list .menu .col { margin: 0 10px 0 0; }
  .cases-list .menu .cur::before { bottom: -1px; height: 2px; }
  .cases-list .menu .link { font-size: 15px; line-height: 35px; }
  .cases-list .listwr { margin-top: 10px; }
  .cases-list .listwr .list { margin: 0; }
  .cases-list .listwr .col { margin: 4% 0 0; width: 48%; }
  .cases-list .listwr .col:nth-child(2n) { margin-left: 4%; }
  .cases-list .listwr .tit { padding: 8px 5px; font-size: 15px; }

  .content-fixed { top: 50px; height: calc(100% - 100px); }
  .content-fixed::after { content: ''; position: absolute; bottom: 5px; left: 50%; z-index: 999; margin-left: -25px; width: 50px; height: 50px; background: #004685 url(../img/icon_close.png) center no-repeat; border-radius: 100%; transform: scale(0.6); }
  .content-fixed .wrap { top: 5%; height: 90%; }
  .content-fixed .main { margin: 0; padding: 20px 0; width: auto; }
  .content-fixed .main .item { margin: 0; padding: 0 40px; }
  .content-fixed .main .tit { margin-top: 15px; font-size: 18px; }
  .content-fixed .main .line { margin-top: 6px; width: 40px; height: 2px; }
  .content-fixed .main .con { margin-top: 10px; font-size: 15px; line-height: 25px; }
  .content-fixed .main .btn { transform: scale(0.5); }
  .content-fixed .main .prev { left: 0; transform-origin: left center; }
  .content-fixed .main .next { right: 0; transform-origin: right center; }
  .content-fixed .main .prev:hover,
  .content-fixed .main .next:hover { transform: translate3d(0, 0, 0) scale(0.5); }

  .service-contact,
  .service-problem,
  .service-guide,
  .service-support,
  .service-network { padding: 40px 0; }
  .service-contact .listbox .col { margin-top: 20px; padding: 10px 0; }
  .service-contact .listbox .imgwr { padding-bottom: 30px; }
  .service-contact .listbox .tit { margin-top: 10px; font-size: 14px; }
  .service-contact .listbox .con { margin: 6px 5px 0; font-size: 16px; }
  .service-contact .fbbox { margin-top: 25px; }
  .service-contact .fbbox .tit { font-size: 18px; }
  .service-contact .fbbox .con { margin-top: 8px; font-size: 12px; }
  .service-contact .fbbox .list { margin-top: 10px; }
  .service-contact .fbbox .txt { left: 10px; font-size: 14px; line-height: 37px; }
  .service-contact .fbbox .inbox { padding: 0 9px; }
  .service-contact .fbbox .intxt { margin: 0 -9px; padding: 0 9px; height: 35px; }
  .service-contact .fbbox .intxt-ta { min-height: 90px; }
  .service-contact .fbbox .btn { height: 35px; font-size: 14px; line-height: 35px; }
  .service-problem .row .titwr .tit { padding: 15px 40px; font-size: 16px; line-height: 26px; }
  .service-problem .row .titwr .icon-1 { left: 0; transform: scale(0.5); }
  .service-problem .row .titwr .icon-2 { right: 0; transform: scale(0.5); }
  .service-problem .row .conwr { margin-top: 10px; padding: 15px 10px; }
  .service-problem .row .conwr .tit { font-size: 15px; }
  .service-problem .row .conwr .icon-1 { margin-right: 0; transform: scale(0.5); transform-origin: left center; }
  .service-problem .row .conwr .con { margin-top: 12px; padding-top: 10px; font-size: 14px; line-height: 24px; }
  .service-guide .list { margin-top: 15px; }
  .service-guide .list .col { display: block; margin: 10px 0 0; width: auto; }
  .service-guide .list .tit { padding: 10px; font-size: 16px; line-height: 26px; }
  .service-guide .list .conwr { padding: 10px; font-size: 14px; line-height: 24px; }
  .service-support .conbox { margin-top: 25px; }
  .service-support .conbox .tit { font-size: 17px; }
  .service-support .conbox .list { margin: 10px 0 0; }
  .service-support .conbox .col { margin: 1% 0 0; width: 49.5%; }
  .service-support .conbox .col:nth-child(2n) { margin-left: 1%; }
  .service-support .conbox .box { margin: 0 auto; padding: 20px 0; }
  .service-support .conbox .imgwr { padding-bottom: 30px; }
  .service-support .conbox .con { margin-top: 12px; font-size: 15px; line-height: 22px; min-height: 44px; }
  .service-support .listbox { margin-top: 20px; }
  .service-support .listbox .col { margin: 15px 0 0; padding: 15px 0 0; width: 48%; font-size: 15px; line-height: 22px; border-top: 1px solid #a0a0a0; }
  .service-support .listbox .col:nth-child(2n) { margin-left: 4%; }
  .service-support .listbox .col::before { display: none; }
  .service-support .listbox .tit { font-weight: bold; font-size: 15px; }

  .service-network .mainbox { margin-top: 25px; }
  .service-network .menu .col { padding: 10px 0; font-size: 16px; line-height: 26px; }
  .service-network .menu .col::after { margin-left: -4px; border-width: 0 4px 6px; }
  .service-network .content { padding: 10px 20px 15px; }
  .service-network .content .row { margin-top: 5px; }
  .service-network .content .tit { padding: 10px 35px 10px 10px; }
  .service-network .content .tit .txt { display: block; margin: 0; padding: 0; width: auto; font-size: 15px; line-height: 22px; }
  .service-network .content .tit .txt-r::before,
  .service-network .content .con table td:nth-child(2n)::before { display: none; }
  .service-network .content .tit .icon { top: 10px; right: 5px; margin-top: 0; transform: scale(0.6); }
  .service-network .content .con { padding: 10px; font-size: 15px; line-height: 28px; }
  .service-network .content .con table td,
  .service-network .content .con table td:nth-child(2n) { display: block!important; padding: 0; width: 100%!important; }

  .article-top { margin: 40px auto 25px; }
  .article-top .imgbox,
  .article-top .conbox { float: none; width: auto; }
  .article-top .conbox .row { padding: 15px 0; }
  .article-top .conbox .time { margin-top: 11px; }
  .article-top .conbox .d { font-size: 20px; }
  .article-top .conbox .ym { margin-top: 10px; font-size: 14px; }
  .article-top .conbox .tit { font-size: 16px; }
  .article-top .conbox .desc { margin-top: 0.6em; font-size: 14px; line-height: 22px; }
  .article-list { padding: 30px 0 40px; }
  .article-list .listwr .list { margin: 0; }
  .article-list .listwr .col { display: block; margin: 10px 0 0; width: auto; }
  .article-list .listwr .tit { margin-top: 1em; height: auto; font-size: 15px; line-height: 20px; }
  .article-list .listwr .desc { margin-top: 0.5em; height: auto; font-size: 13px; line-height: 22px; }
  .article-list .listwr .time { font-size: 12px; }
  .article-list .listwr .icon { transform: scale(0.8); }
  .article-con { padding: 40px 0; }
  .article-con .main { padding: 20px 15px; }
  .article-con .title { font-size: 18px; }
  .article-con .info { margin-top: 10px; padding-bottom: 15px; }
  .article-con .body { margin-top: 20px; font-size: 14px; line-height: 28px; }
  .article-con .tools { margin-top: 20px; }
  .article-con .tools .col { height: 40px; line-height: 40px; }
  .article-con .tools .icon { margin-right: 0; }
  .article-con .tools .txt { display: none; width: 36px; font-size: 12px; line-height: 14px; }

  .contact { margin: 40px auto; }
  .contact .conbox,
  .contact .fbbox { float: none; width: auto; }
  .contact::before { display: none; }
  .contact .tit { font-size: 20px; }
  .contact .conbox .con { margin-top: 10px; font-size: 15px; }
  .contact .conbox .con td { padding-bottom: 12px; }
  .contact .conbox .con img { margin-right: 12px!important; max-height: 20px; }
  .contact .conbox .con .img-ewm { margin-right: 0!important; max-width: 100px; max-height: 100px; }
  .contact .fbbox { margin-top: 20px; padding-top: 30px; border-top: 1px solid #ddd; }
  .contact .fbbox .stit { margin-top: 8px; font-size: 14px; }
  .contact .fbbox .row { margin-top: 10px; }
  .contact .fbbox .txt { left: 10px; font-size: 14px; line-height: 40px; }
  .contact .fbbox .inbox { padding: 0 10px; }
  .contact .fbbox .intxt { margin: 0 -10px; padding: 0 10px; height: 40px; }
  .contact .fbbox .intxt-ta { min-height: 102px; }
  .contact .fbbox .row-txt { margin-top: 16px; font-size: 12px; }
  .contact .fbbox .row-btn { margin-top: 10px; }
  .contact .fbbox .btn { height: 40px; font-size: 14px; line-height: 40px; }
  .contact-map { padding: 40px 0; }
  .contact-map .tit { margin-bottom: 15px; font-size: 20px; }
  .contact-map .wrap { padding-bottom: 70%; }
}


/*alert提示美化*/
.tips-popup {
    display: none
}

.tips-popup.show .tips-popup-mask {
    opacity: .6
}

.tips-popup.show .tips-popup-box {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.tips-popup-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 9000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.tips-popup-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table;
    margin: auto;
    table-layout: fixed;
    padding: 18px 24px 8px;
    width: 320px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 8px;
    z-index: 9001;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

@media screen and (max-width: 414px) {
    .tips-popup-box {
        max-width: -moz-calc(100% - .4rem);
        max-width: calc(100% - .4rem);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.tips-popup-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px
}

.tips-popup-head .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-top: 1px;
    line-height: 22px;
    font-size: 16px;
    color: #000
}

.tips-popup-close {
    margin: 5px 0 0 10px;
    width: 14px;
    height: 14px;
    background: url(../img/tips_icon.png) top -130px left no-repeat;
    opacity: .7;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.tips-popup-close:hover {
    opacity: 1
}

.tips-popup-content {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    word-break: break-all;
}

.tips-popup-footer {
    padding: 4px 0;
    text-align: right;
    font-size: 0
}

.tips-popup-footer li {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    padding: 8px 15px;
    line-height: 1;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.tips-popup-footer li:hover {
    opacity: .8
}

.tips-popup-footer .cancle-btn {
    color: #666;
    background-color: #fff;
    border-color: #dcdfe6
}

.tips-popup-footer .submit-btn {
    color: #fff
}

.tips-popup .tips-icon {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    background-image: url(../img/tips_icon.png);
    background-repeat: no-repeat
}

.tips-popup .tips-icon-success {
    background-position: 0 -104px
}

.tips-popup .tips-icon-question {
    background-position: 0 -78px
}

.tips-popup .tips-icon-info {
    background-position: 0 -52px
}

.tips-popup .tips-icon-error {
    background-position: 0 -26px
}

.tips-popup .tips-icon-alert {
    background-position: 0 0
}

.tips-popup-icon {
    padding-left: 20px;
    padding-right: 20px
}

.tips-popup-icon .tips-popup-content {
    padding-left: 34px
}