@charset "utf-8";
* {
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
:focus {
  outline: 0;
}
input,
button,
textarea,
select,
optgroup,
option {
  resize: none;
  font: inherit;
  margin: 0;
  padding: 0;
}
input[type=text],
input[type=button],
input[type=submit],
input[type=reset],
button,
textarea,
select {
  font: inherit;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
}
input[type=button],
input[type=submit] {
  border: none;
  cursor: pointer;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  font: inherit;
}
ol,
li,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  word-wrap: break-word;
}
:link,
:visited,
ins {
  text-decoration: none;
}
html {
  font-size: calc(100 * 100vw / 1920);
}
body {
  font-family: "PingFang SC", "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma, arial, "\5B8B\4F53", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #3F4552;
  line-height: 1.8;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: inherit;
}
img {
  vertical-align: middle;
  max-width: 100%;
}
.x2{ letter-spacing:2px}
.x5{ letter-spacing:5px}
.x10{ letter-spacing:10px}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "remixicon" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.autowidth {
	width: 85.652%;
	margin: auto;
    max-width: 1430.016px;
}

@media screen and (max-width: 1920px) {
    max-width: 1430.016px;
}
.fontRoboto {
  font-family: "fontRoboto";
}
@font-face {
  font-family: "fontRoboto";
  src: url(../fonts/Roboto-Medium.ttf);
}
.fontDIN {
  font-family: 'fontDIN';
}
.fontGotham {
  font-family: 'fontGotham';
}
.fontzht {
  font-family: Microsoft JhengHei;
}
.fontnormal {
  font-weight: normal;
}
.fontBold {
  font-weight: bold;
}
.iconfont {
  font-family: "iconfont";
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconTp {
  vertical-align: top;
  display: inline-block;
}
.iconCt {
  vertical-align: middle;
  display: inline-block;
}
.scaleImg,
.scaleImg2,
.halfImg {
  overflow: hidden;
  display: block;
  position: relative;
}
.scaleImg img {
  width: 100%;
  transition: 0.6s;
  -webkit-transition: 0.6s; 
}
.scaleImg img {
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
}
.scaleImg2 img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.scaleImg3 img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  height: 3.5rem;
  object-fit: cover;
}
.scaleImg4 img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  height: 2.5rem;
  object-fit: cover;
}
.scaleImg02 img {
  width: 100%;
  transition: 0.6s;
  -webkit-transition: 0.6s; 
height: 2rem;
}

header {
	    position: relative;
}
.homeBody header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99
}
.homeBody .homeBanner {
	    margin-top: 0.8rem;
}
.scaleImg02 img {
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
}
* {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
/*去掉手机端a链接点击时候出现的边框*/
.clear {
  clear: both;
  height: 0;
  font-size: 0;
  overflow: hidden;
  line-height: 0;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.fl,
.floatLeft {
  float: left;
}
.fr,
.floatRight {
  float: right;
}
.position2 {
  position: relative;
  z-index: 2;
  display: block;
}
.position3 {
  position: relative;
  z-index: 3;
  display: block;
}
.position4 {
  position: relative;
  z-index: 4;
  display: block;
}
.singleTxt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.overHidden {
  overflow: hidden;
}
.fontpfReg {
  font-weight: lighter;
}
.upcase {
  text-transform: uppercase;
}
.cplize {
  text-transform: capitalize;
}
.inlineBlock {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.blockDiv > img,
.blockImg {
  display: block;
  width: 100%;
}
.block {
  display: block;
  position: relative;
}
.verTop {
  vertical-align: top;
}
.verMid {
  vertical-align: middle;
}
.versub {
  vertical-align: sub;
}
.br1 {
  border-radius: 0.1rem;
  overflow: hidden;
}
.br2 {
  border-radius: 0.2rem;
  overflow: hidden;
}
a {
  transition: all 0.3s;
}
.flex {
  display: flex;
  display: -webkit-flex;
}
.flexcol {
  flex-direction: column;
  -webkit-flex-direction: column;
}
.flexwp {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.flexbt {
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexjt {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.flex1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  min-width: 0;
}
.flexat {
  align-items: center;
  -webkit-align-items: center;
}
.flexst {
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.flexend {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.flexrev {
  flex-flow: row-reverse;
  -webkit-flex-flow: row-reverse;
}
.flexstretch {
  align-items: stretch!important;
}
.flexReverse {
  flex-flow: row-reverse;
}
.flexLine {
  display: flex;
  flex-direction: column;
}
.flexStart {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.flexCenter {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.flexEnd {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.font300 {
  font-weight: 300;
}
.font500 {
  font-weight: 500;
}
.font700 {
  font-weight: 700;
}
.rights {
  text-align: right;
}
.centers {
  text-align: center;
}
.lefts {
  text-align: left;
}
.opacity1 {
  opacity: 0.1;
}
.opacity2 {
  opacity: 0.2;
}
.opacity3 {
  opacity: 0.3;
}
.opacity4 {
  opacity: 0.4;
}
.opacity5 {
  opacity: 0.5;
}
.opacity6 {
  opacity: 0.6;
}
.opacity7 {
  opacity: 0.7;
}
.opacity8 {
  opacity: 0.8;
}
.opacity9 {
  opacity: 0.9;
}
.opacity10 {
  opacity: 1;
}
.pt1 {
  padding-top: 0.1rem;
}
.pt2 {
  padding-top: 0.2rem;
}
.pt3 {
  padding-top: 0.3rem;
}
.pt4 {
  padding-top: 0.4rem;
}
.pt5 {
  padding-top: 0.5rem;
}
.pt6 {
  padding-top: 0.6rem;
}
.pt7 {
  padding-top: 0.7rem;
}
.pt8 {
  padding-top: 0.8rem;
}
.pt9 {
  padding-top: 0.9rem;
}
.pt10 {
  padding-top: 1rem;
}
.pb1 {
  padding-bottom: 0.1rem;
}
.pb2 {
  padding-bottom: 0.2rem;
}
.pb3 {
  padding-bottom: 0.3rem;
}
.pb4 {
  padding-bottom: 0.4rem;
}
.pb5 {
  padding-bottom: 0.5rem;
}
.pb6 {
  padding-bottom: 0.6rem;
}
.pb7 {
  padding-bottom: 0.7rem;
}
.pb8 {
  padding-bottom: 0.8rem;
}
.pb9 {
  padding-bottom: 0.9rem;
}
.pb10 {
  padding-bottom: 1rem;
}
.pl1 {
  padding-left: 0.1rem;
}
.pl2 {
  padding-left: 0.2rem;
}
.pl3 {
  padding-left: 0.3rem;
}
.pl4 {
  padding-left: 0.4rem;
}
.pl5 {
  padding-left: 0.5rem;
}
.pl6 {
  padding-left: 0.6rem;
}
.pl7 {
  padding-left: 0.7rem;
}
.pl8 {
  padding-left: 0.8rem;
}
.pl9 {
  padding-left: 0.9rem;
}
.pl10 {
  padding-left: 1rem;
}
.pr1 {
  padding-right: 0.1rem;
}
.pr2 {
  padding-right: 0.2rem;
}
.pr3 {
  padding-right: 0.3rem;
}
.pr4 {
  padding-right: 0.4rem;
}
.pr5 {
  padding-right: 0.5rem;
}
.pr6 {
  padding-right: 0.6rem;
}
.pr7 {
  padding-right: 0.7rem;
}
.pr8 {
  padding-right: 0.8rem;
}
.pr9 {
  padding-right: 0.9rem;
}
.pr10 {
  padding-right: 1rem;
}
.mt1 {
  margin-top: 0.1rem;
}
.mt2 {
  margin-top: 0.2rem;
}
.mt3 {
  margin-top: 0.3rem;
}
.mt4 {
  margin-top: 0.4rem;
}
.mt5 {
  margin-top: 0.5rem;
}
.mt6 {
  margin-top: 0.6rem;
}
.mt7 {
  margin-top: 0.7rem;
}
.mt8 {
  margin-top: 0.8rem;
}
.mt9 {
  margin-top: 0.9rem;
}
.mt10 {
  margin-top: 1rem;
}
.mb1 {
  margin-bottom: 0.1rem;
}
.mb2 {
  margin-bottom: 0.2rem;
}
.mb3 {
  margin-bottom: 0.3rem;
}
.mb4 {
  margin-bottom: 0.4rem;
}
.mb5 {
  margin-bottom: 0.5rem;
}
.mb6 {
  margin-bottom: 0.6rem;
}
.mb7 {
  margin-bottom: 0.7rem;
}
.mb8 {
  margin-bottom: 0.8rem;
}
.mb9 {
  margin-bottom: 0.9rem;
}
.mb10 {
  margin-bottom: 1rem;
}
.ml1 {
  margin-left: 0.1rem;
}
.ml2 {
  margin-left: 0.2rem;
}
.ml3 {
  margin-left: 0.3rem;
}
.ml4 {
  margin-left: 0.4rem;
}
.ml5 {
  margin-left: 0.5rem;
}
.ml6 {
  margin-left: 0.6rem;
}
.ml7 {
  margin-left: 0.7rem;
}
.ml8 {
  margin-left: 0.8rem;
}
.ml9 {
  margin-left: 0.9rem;
}
.ml10 {
  margin-left: 1rem;
}
.mr1 {
  margin-right: 0.1rem;
}
.mr2 {
  margin-right: 0.2rem;
}
.mr3 {
  margin-right: 0.3rem;
}
.mr4 {
  margin-right: 0.4rem;
}
.mr5 {
  margin-right: 0.5rem;
}
.mr6 {
  margin-right: 0.6rem;
}
.mr7 {
  margin-right: 0.7rem;
}
.mr8 {
  margin-right: 0.8rem;
}
.mr9 {
  margin-right: 0.9rem;
}
.mr10 {
  margin-right: 1rem;
}
.line1 {
  line-height: 1;
}
.line11 {
  line-height: 1.1;
}
.line12 {
  line-height: 1.2;
}
.line13 {
  line-height: 1.3;
}
.line14 {
  line-height: 1.4;
}
.line15 {
  line-height: 1.5;
}
.line16 {
  line-height: 1.6;
}
.line17 {
  line-height: 1.7;
}
.line18 {
  line-height: 1.8;
}
.line19 {
  line-height: 1.9;
}
.line2 {
  line-height: 2;
}
.line100 {
  line-height: 100%;
}
.color333 {
  color: #333;
}
.colorfff {
  color: #fff;
}
.colorbbbfff {
  color: #000;
}
.coloraaa {
  color: #aaa;
}
.color000 {
  color: #000;
}
.colorbbb {
  color: #bbb;
}
.colorccc {
  color: #ccc;
}
.color888 {
  color: #888;
}
.color999 {
  color: #999;
}
.color666 {
  color: #666;
}
.mfont12 {
  font-size: 12px;
}
.mfont13 {
  font-size: 13px;
}
.mfont14 {
  font-size: 14px;
}
.mfont16 {
  font-size: 16px;
}
.mfont18 {
  font-size: 18px;
}
.mfont20 {
  font-size: 20px;
}
.mfont24 {
  font-size: 24px;
}
.font12 {
  font-size: 0.12rem;
}
.font14 {
  font-size: 0.14rem;
}
.font16 {
  font-size: 0.16rem;
}
.font18 {
  font-size: 0.18rem;
}
.font20 {
  font-size: 0.2rem;
}
.font22 {
  font-size: 0.22rem;
}
.font24 {
  font-size: 0.24rem;
}
.font26 {
  font-size: 0.26rem;
}
.font28 {
  font-size: 0.28rem;
}
.font30 {
  font-size: 0.3rem;
}
.font32 {
  font-size: 0.32rem;
}
.font34 {
  font-size: 0.34rem;
}
.font36 {
  font-size: 0.36rem;
}
.font38 {
  font-size: 0.38rem;
}
.font40 {
  font-size: 0.4rem;
}
.font42 {
  font-size: 0.42rem;
}
.font44 {
  font-size: 0.44rem;
}
.font46 {
  font-size: 0.46rem;
}
.font48 {
  font-size: 0.48rem;
}
.font50 {
  font-size: 0.5rem;
}
.font52 {
  font-size: 0.52rem;
}
.font54 {
  font-size: 0.54rem;
}
.font56 {
  font-size: 0.56rem;
}
.font58 {
  font-size: 0.58rem;
}
.font60 {
  font-size: 0.6rem;
}
.font66 {
  font-size: 0.66rem;
}
.font80 {
  font-size: 0.8rem;
}
.max1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.max2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.max3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.max4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.max8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.aLink {
  display: block;
}
.overflowY {
  overflow-y: auto;
}
.loadings {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  display: none\9;
}
.loadings .gif {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  margin-top: -0.2rem;
}
.scrollToTop {
  background: #333;
  line-height: 0.4rem;
  width: 0.4rem;
  font-size: 0.18rem;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  right: 0.15rem;
  bottom: 0.15rem;
  z-index: 10;
  display: none;
}
.covverBg,
.coverBg {
  background-size: cover !important;
}
#video1 {
  position: relative;
  margin: auto;
  height: 80%;
  top: 10%;
  max-width: 1200px;
}
.video-box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  background: rgba(0, 0, 0, 0.8);
}
.video-close {
  color: #fff;
  font-size: 30px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999999;
  padding: 15px;
  line-height: 1;
}
#fz-videoAct {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#video1 video {
  max-width: 100%;
  display: block;
}
.ico44,
.icon44 {
  width: 44px;
}
.ico30,
.icon30 {
  width: 30px;
}
.ico40,
.icon40 {
  width: 40px;
}
.icon60 {
  width: 60px;
}
.icon50 {
  width: 50px;
}
.colorlogo {
  color: #00BE95;
}
.bglogo {
  background: #00BE95;
}
.swiper-pagination {
  position: static;
  text-align: center;
}
.navMenu {
  right: 0;
  display: none;
  z-index: 22;
  position: relative;
  cursor: pointer;
  width: 0.5rem;
  height: 0.4rem;
  margin-left: 10px;
}
.navMenu span {
  border-radius: 2px;
  position: absolute;
  left: 0;
  background: #a4ce4f;
  width: 100%;
  height: 2px;
  display: block;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.navMenu .line1 {
  top: 0;
}
.navMenu .line2 {
  top: 50%;
  margin-top: -1px;
}
.navMenu .line3 {
  bottom: 0;
}
.navMenu.on .line1 {
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  top: 50%;
  bottom: auto;
}
.navMenu.on .line2 {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: 50%;
  bottom: auto;
}
.navMenu.on .line3 {
  display: none;
}
.borderMore {
  padding: 5px 25px;
  background: #00BE95;
  color: #fff;
  border: 1px solid #00BE95;
  cursor: pointer;
  transition: 0.5s;
}
.borderMore2 {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.wt60 {
  width: 0.6rem;
}
.wt50 {
  width: 0.5rem;
}
.wt26 {
  width: 0.26rem;
}
.wt100 {
  width: 1rem;
}
.bgCover {
  background-size: cover !important;
  background-repeat: no-repeat;
  border-radius: 15px;
}
.videoImg {
  height: 100%;
}
.videoImg img {
  max-width: 90%;
  max-height: 90%;
}
@media only screen and (min-width: 1024px) {
  .scaleImg:hover > img,
  .halfImg:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  .scaleImg2 img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  .scrollToTop:hover {
    background: #E46007;
    color: #fff;
  }
  .hover {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    cursor: pointer;
  }
  .hover:hover {
    color: #c21823 !important;
  }
  .animationDH {
    opacity: 0;
  }
  .animationDH.current {
    opacity: 1;
  }
  .animateRt.current {
    animation: 1s dh_rt linear both;
    -webkit-animation: 1s dh_rt linear both;
  }
  .animateLt.current {
    animation: 1s dh_lt linear both;
    -webkit-animation: 1s dh_lt linear both;
  }
  .animateTt.current {
    animation: 1s dh_tt linear both;
    -webkit-animation: 1s dh_tt linear both;
  }
  .animateBt.current {
    animation: 1s dh_bt linear both;
    -webkit-animation: 1s dh_bt linear both;
  }
  .animate1.current {
    animation: 1s dh_1 linear both;
    -webkit-animation: 1s dh_1 linear both;
  }
  .animate2.current {
    animation: 1s dh_2 linear both;
    -webkit-animation: 1s dh_2 linear both;
  }
  .animationDH.current .dhy1,
  .swiper-slide-active .dhy1 {
    animation: 0.75s dhs linear both;
    -webkit-animation: 0.75s dhs linear both;
  }
  .animationDH.current .dhy2,
  .swiper-slide-active .dhy2 {
    animation: 0.75s 0.25s dhs linear both;
    -webkit-animation: 0.75s 0.25s dhs linear both;
  }
  .animationDH.current .dhy3,
  .swiper-slide-active .dhy3 {
    animation: 0.75s 0.5s dhs linear both;
    -webkit-animation: 0.75s 0.5s dhs linear both;
  }
  .animationDH.current .dhy4,
  .swiper-slide-active .dhy4 {
    animation: 0.75s 0.75s dhs linear both;
    -webkit-animation: 0.75s 0.75s dhs linear both;
  }
  .animationDH.current .dhy5,
  .swiper-slide-active .dhy5 {
    animation: 0.75s 1s dhs linear both;
    -webkit-animation: 0.75s 1s dhs linear both;
  }
}
@-webkit-keyframes aniBnner {
  from {
    opacity: 0;
    -webkit-transform: translate(200px, 0%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}
@keyframes aniBnner {
  from {
    opacity: 0;
    transform: translate(200px, 0%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes dh_rt {
  from {
    opacity: 0;
    -webkit-transform: translate(60px, 0%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}
@keyframes dh_rt {
  from {
    opacity: 0;
    transform: translate(60px, 0%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes dh_lt {
  from {
    opacity: 0;
    -webkit-transform: translate(-60px, 0%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}
@keyframes dh_lt {
  from {
    opacity: 0;
    transform: translate(-60px, 0%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes dh_tt {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -60px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}
@keyframes dh_tt {
  from {
    opacity: 0;
    transform: translate(0, -60px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes dh_bt {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 60px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}
@keyframes dh_bt {
  from {
    opacity: 0;
    transform: translate(0, 60px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes dhs {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}
@keyframes dhs {
  from {
    opacity: 0;
    transform: translate(0, 40px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes lineQ1 {
  0% {
    opacity: 0.8;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@-webkit-keyframes lineQ1 {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
@keyframes suof {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes suof {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes slide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .navMenu {
    display: block;
  }
  a {
    transition: 0s;
    -webkit-transition: 0s;
  }
  .scrollToTop {
    width: 0.58rem;
    line-height: 0.58rem;
    font-size: 0.3rem;
  }
  .flexBlock {
    display: block;
  }
  .flexBlock > * {
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    z-index: 30;
    position: relative;
  }
  ::-webkit-scrollbar-thumb {
    background: #aaa;
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: #aaa;
  }
  .overflow::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    border-radius: 5px;
  }
  .overflow::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.52);
    opacity: 0.5;
  }
  .overflow::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
  }
  .hoverColor {
    transition: all 0.5s;
  }
  .hoverColor:hover {
    color: #00BE95;
  }
}
@media only screen and (max-width: 1024px) {
  body {
    font-size: 0.16rem;
  }
  .font14 {
    font-size: 0.14rem;
  }
  .font15 {
    font-size: 0.15rem;
  }
  .font16 {
    font-size: 0.16rem;
  }
  .font18 {
    font-size: 0.18rem;
  }
  .font20 {
    font-size: 0.2rem;
  }
  .font22 {
    font-size: 0.22rem;
  }
  .font24 {
    font-size: 0.24rem;
  }
  .font26 {
    font-size: 0.26rem;
  }
  .font28 {
    font-size: 0.28rem;
  }
  .font30 {
    font-size: 0.3rem;
  }
  .font32 {
    font-size: 0.32rem;
  }
  .font34 {
    font-size: 0.34rem;
  }
  .font36 {
    font-size: 0.36rem;
  }
  .font38 {
    font-size: 0.38rem;
  }
  .font40 {
    font-size: 0.4rem;
  }
  .font42 {
    font-size: 0.42rem;
  }
  .font44 {
    font-size: 0.44rem;
  }
  .font48 {
    font-size: 0.48rem;
  }
  .font50 {
    font-size: 0.5rem;
  }
  .font52 {
    font-size: 0.52rem;
  }
  .font54 {
    font-size: 0.54rem;
  }
  .font56 {
    font-size: 0.56rem;
  }
  .font58 {
    font-size: 0.58rem;
  }
  .font60 {
    font-size: 0.6rem;
  }
  .font68 {
    font-size: 0.68rem;
  }
  .mfont12 {
    font-size: 12px;
  }
  .colorbbbfff {
  color: #fff;
}
}


.libgfff li {
  background: #fff!important;
  padding: 0.3rem;
}

.pcUl li {
  padding: 0.3rem;
}
.pcUl li .font20,
.usUl li .font20,
.scenarioSanalysisSwiper .swiper-slide .font20,
.scenarioSanalysisSwiper .swiper-slide .font24,
.programmeValue li .font24,
.ulListSwiper .font20 {
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.4rem;
}
.coustom-scroll::-webkit-scrollbar {
  width: 4px;
}
.coustom-scroll::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #d6d6d6;
}
.coustom-scroll::-webkit-scrollbar-thumb {
  background-color: #8e8e8e;
  border-radius: 2px;
}
.coustom-scroll::-webkit-scrollbar-button {
  background-color: #fff;
  display: none;
}
.coustom-scroll::-webkit-scrollbar-corner {
  background-color: #000;
}
html,
body {
  position: relative;
  height: 100%;
}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1668690920632');
  /* IE9 */
  src: url('iconfont.eot?t=1668690920632#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1668690920632') format('woff'), url('iconfont.ttf?t=1668690920632') format('truetype'), url('iconfont.svg?t=1668690920632#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.borderTop {
  border-top: 1px solid #e5e5e5;
}
.borderBottom {
  border-bottom: 1px solid #e5e5e5;
}
.bGfefefe {
  background-color: #fefefe;
}
.bGf3f7fb {
  background-color: #f3f7fb;
}
.bGf8f9fb {
  background-color: #f8f9fb;
}
.bG0055b7 {
  background-color: #0055b7;
}
.colorMian {
  color: #0055b7;
}
.colorMain {
  color: #0055b7;
}
.bgcMain {
  background-color: #0055b6;
}
data {
  display: inline-block;
}
.divPs p {
  margin-bottom: 0.2rem;
}
.divPs p:last-child {
  margin-bottom: 0;
}
.divPs img {
  margin: 0.2rem 0;
  height: auto; width: 80%;
}
.bgfff {
  background-color: #fff;
}
.ulLi4 li {
  width: 24%;
  padding: 0.3rem;
}
ul li img.icon {
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
ul li:hover img.icon {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
}
.swiper .swiper-slide img.icon {
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.swiper .swiper-slide:hover img.icon {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
}
.ulsdadow li:hover {
  box-shadow: 0.06rem 0.05rem 0.32rem 0px rgba(227, 230, 236, 0.8);
}
.swiperSdadow .swiper-slide:hover {
  box-shadow: 0.06rem 0.05rem 0.32rem 0px #e3e6ec;
}
.swiperArrow {
  cursor: pointer;
}
.swiperArrow i {
  color: #bdc5d5;
}
.swiperArrow:hover i {
  color: #0055b6;
}
.swiperWraper {
  position: relative;
}
.swiperWraper .swiperArrow {
  color: #fff;
  cursor: pointer;
  position: absolute;
  background: none;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 10;
  font-size: 0.5rem;
  color: #d3d2d2;
}
.swiperWraper .swiperArrow.swiperPrev {
  left: -0.7rem;
}
.swiperWraper .swiperArrow.swiperNext {
  right: -0.7rem;
}
.flexBC {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexBB {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.flexLC {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flexLT {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.flexCC {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexBT {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.buttonA {
  border: 2px solid #c9d1da;
  color: #5b646e;
  padding: 0.1rem 0.3rem;
  border-radius: 100rem;
  margin-right: 0.1rem;
  font-size: 0.18rem;
}
.buttonA.on,
.buttonA:hover {
  background: #0055b6;
  color: #fff;
  border: 2px solid #0055b6;
}
.phoneBanner{display: none;}
.homeBanner {
  overflow: hidden;
  position: relative;
}
.homeBanner .swiper-slide {

  position: relative;
}
.homeBanner .swiper-slide img {
  width: 100%;
}
.homeBanner .swiper-slide .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.homeBanner .swiper-slide.swiper-slide-active .ani1 {
  animation: aniBnner 1s linear both;
  --webkit-animation: aniBnner 1s linear both;
}
.homeBanner .swiper-slide.swiper-slide-active .ani2 {
  animation: aniBnner 1s 0.2s linear both;
  --webkit-animation: aniBnner 1s 0.2s linear both;
}
.homeBanner .swiper-slide.swiper-slide-active .ani3 {
  animation: aniBnner 1s 0.4s linear both;
  --webkit-animation: aniBnner 1s 0.4s linear both;
}
.homeBanner .swiper-slide.swiper-slide-active .ani4 {
  animation: aniBnner 1s 0.6s linear both;
  --webkit-animation: aniBnner 1s 0.6s linear both;
}
.homeBanner .banner-pagination {
  position: absolute;
  bottom: 0.4rem;
  width: 100%;
  z-index: 10;
  justify-content: center;
  display: flex;
  align-items: center;
}
.homeBanner .banner-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  background: #fff;
  opacity: 1;
  box-sizing: content-box;
  margin: 0 0.05rem;
}
.homeBanner .banner-pagination .swiper-pagination-bullet-active {
  border: 3px solid #fff;
  background: none;
  opacity: 0.5;
}
.lmBtn {
  width: 1.5rem;
  height: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0055b7;
  border-radius: 0.6rem;
}
.lmBtn:hover {
  background: #fff;
  color: #0055b7;
}
.rIBox li {
  position: relative;
  width: 32.3%;
  margin-bottom: 0.3rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.rIBox li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, #000, #0000);
  opacity: 0.4;
  height: 1.5rem;
}
.rIBox li:nth-child(1),
.rIBox li:nth-child(2) {
  width: 49%;
}
.rIBox li .txt {
  position: absolute;
  bottom: 0.3rem;
  left: 0.4rem;
  color: #fff;
  z-index: 20;
}
.rIBox li:hover .txt > div:first-child {
  text-decoration: underline;
}
.productTabSwiper .tabIcons .items {
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.productTabSwiper .tabIcons .items.on {
  color: #0055b6;
}
.productTabSwiper .tabIcons .iconfont {
  margin-right: 0.15rem;
  font-size: 0.4rem;
}
.productTabSwiper .tabCots {
  position: relative;
}
.productTabSwiper .tabCots .swiper-slide {
  height: calc((100% - 30px) / 2);
}
.productTabSwiper .tabCots .swiper-slide .divBox {
  text-align: center;
  background: url(../images/img/pdtabdiv_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 0.2rem 0;
}
.productTabSwiper .tabCots .swiper-slide .divBox a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.productTabSwiper .tabCots .swiper-slide .divBox img {
  height: 2rem;
  width: auto;
}
.productTabSwiper .tabCots .swiper-slide:hover {
  color: #0055b6;
}
.productTabSwiper .tabCots .swiper-slide .imgBigOne {
  width: 43%;
}
.productTabSwiper .tabCots .swiper-slide .imgBigOne .imgbox {
  position: relative;
}
.productTabSwiper .tabCots .swiper-slide .imgBigOne .imgbox .txt {
  top: 0.6rem;
}
.productTabSwiper .tabCots .swiper-slide .imgBigOne .imgbox .lmBtn {
  width: 1.9rem;
  height: 0.52rem;
  margin: 0 auto;
}
.productTabSwiper .tabCots .swiperArrow {
  color: #fff;
  cursor: pointer;
  position: absolute;
  background: none;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 10;
}
.productTabSwiper .tabCots .swiperArrow i {
  font-size: 0.5rem;
  color: #d3d2d2;
}
.productTabSwiper .tabCots .swiperArrow:hover i {
  color: #0055b7;
}
.productTabSwiper .tabCots .swiperArrow.swiperPrev {
  left: -0.7rem;
}
.productTabSwiper .tabCots .swiperArrow.swiperNext {
  right: -0.7rem;
}
.productTabMod .tabIconsDiv {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.productTabMod .tabIcons {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.productTabMod .tabIcons .items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.productTabMod .tabIcons .items.on {
  color: #0055b6;
}
.productTabMod .tabIcons .items i {
  display: block;
  width: 0.42rem;
  height: 0.42rem;
  background-size: contain!important;
  margin-right: 0.2rem;
  background-repeat: no-repeat;
}
.productTabMod .tabIcons .items i.icon1 {
  background: url(../images/p_icon1.png);
}
.productTabMod .tabIcons .items i.icon2 {
  background: url(../images/p_icon2.png);
}
.productTabMod .tabIcons .items i.icon3 {
  background: url(../images/p_icon3.png);
}
.productTabMod .tabIcons .items i.icon4 {
  background: url(../images/p_icon4.png);
}
.productTabMod .tabIcons .items i.icon5 {
  background: url(../images/p_icon5.png);
}
.productTabMod .tabIcons .items i.icon6 {
  background: url(../images/p_icon6.png);
}
.productTabMod .tabIcons .items i.icon7 {
  background: url(../images/p_icon7.png);
}
.productTabMod .tabIcons .items i.icon8 {
  background: url(../images/p_icon8.png);
}
.productTabMod .tabIcons .items i.icon9 {
  background: url(../images/p_icon9.png);
}
.productTabMod .tabIcons .items i.icon10 {
  background: url(../images/p_icon10.png);
}
.productTabMod .tabIcons .items.on i,
.productTabMod .tabIcons .items:hover i {
  filter: drop-shadow(#0055b6 0 50px);
  transform: translateY(-50px);
}
.productTabMod .tabCots .items {
  animation: g1fadeInUp 0.5s ease-in-out both;
  animation-delay: 0.2s;
}
.productTabMod .tabCots .items .ggDiv {
  background: url(../images/productTabBg.jpg) no-repeat center top;
  background-size: cover;
  height: 3rem;
}
.productTabMod .tabCots .items .swiper-slide {
  background: url(../images/img/pdtabdiv_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 0.2rem 0;
  text-align: center;
}
.productTabMod .tabCots .items .swiper-slide a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.productTabMod .tabCots .items .swiper-slide img {
  width: 2.5rem;
}
.productTabMod .tabCots .swiper-spagination {
  display: none;
}
@keyframes g1fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.iICBox li {
  position: relative;
  width: 33.33333333%;
}
.iICBox li a {
  display: block;
}
.iICBox li .scaleImg {
  position: relative;
}
.iICBox li .scaleImg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/home/img-sd.png) no-repeat center bottom;
  background-size: contain;
  z-index: 1;
}
.iICBox li .txt {
  position: absolute;
  width: 100%;
  padding: 0 0.3rem;
  bottom: 0.3rem;
  left: 0;
  z-index: 2;
  text-align: center;
}
.becomeAPartner {
  background-color: #0055b7;
  background-size: cover;
}
.becomeAPartner .kefu {
  background: url(../images/home/kefu_icon.png) no-repeat center left;
  background-size: 0.28rem 0.28rem;
  padding-left: 0.4rem;
}
.becomeAPartner .lmBtn {
  border: 1px solid #fff;
  background: none;
}
.becomeAPartner .lmBtn:hover {
  background: #0055b7;
  border: 1px solid #0055b7;
}
.wIbox li {
  width: 49%;
  position: relative;
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
  overflow: hidden;
}
.wIbox li .txt {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
}
.newsPageColumn ul {
  display: flex;
  flex-wrap: wrap;
}
.newsPageColumn ul li {
  width: 28%;
  margin-bottom: 0.5rem;
}
.newsPageColumn ul li:not(:nth-child(3n)) {
  margin-right: calc(16% / 2);
}
.newsPageColumn ul li .imgBox {
  margin-bottom: 0.1rem;
}
.newsPageColumn ul li:hover .txtBox {
  color: #cb0303;
}
.newsPageColumn ul li .divA {
  display: none;
}
.newsPageLine ul li {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
}
.newsPageLine ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newsPageLine ul li .imgBox {
  width: 4rem;
}
.newsPageLine ul li .txtBox {
  padding: 0 0.8rem;
}
.allProduct .tabIcons > .items {
  padding: 0.1rem 0.5rem;
}
.allProduct .tabIcons > .items.on {
  background: #0055b6;
  color: #fff;
  border-radius: 100rem;
}
.allProduct .tabIconsLv2 > .items2 {
  margin: 0 0.1rem;
}
.allProduct .tabIconsLv2 > .items2.on {
  color: #0055b6;
  position: relative;
}
.allProduct .tabIconsLv2 > .items2.on::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #0055b6;
  position: absolute;
  bottom: 0;
}
.selectDiv {
  position: relative;
}
.selectDiv .selectBox {
  background: #f8f9fb;
  position: relative;
  height: 0.5rem;
  line-height: 0.5rem;
  display: flex;
  cursor: pointer;
  padding: 0 0.2rem;
  border-radius: 0.1rem;
}
.selectDiv .selectBox i {
  transform: rotate(90deg);
  margin-left: 0.2rem;
}
.selectDiv .optionsBox {
  position: absolute;
  width: 100%;
  background: #f8f9fb;
  top: 0.5rem;
  z-index: 20;
  box-sizing: border-box;
  line-height: 2;
  border: 1px solid #e5e5e5;
  padding: 0.2rem;
  display: none;
}
.selectDiv2 {
  position: relative;
}
.selectDiv2 .selectBox {
  background: #f8f9fb;
  position: relative;
  height: 0.6rem;
  line-height: 0.6rem;
  display: flex;
  cursor: pointer;
  border-radius: 0.1rem;
}
.selectDiv2 .selectBox input.input-text {
  width: 100%;
  height: 100%;
  background: none;
  padding: 0 0.2rem;
}
.selectDiv2 .selectBox i {
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/icons/arrow_icon2.png) no-repeat center;
  background-size: 0.2rem 0.09rem;
}
.selectDiv2 .optionsBox {
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 100%;
  background: #f8f9fb;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  max-height: 2.2rem;
  overflow-y: auto;
  display: none;
}
.selectDiv2 .optionsBox .list {
  color: #999;
  line-height: 1.42857143;
}
.selectDiv2 .optionsBox .list a {
  display: block;
  width: 100%  ;
  padding: 0.1rem 0.2rem;
}
.selectDiv2 .optionsBox .list:hover {
  background: #f3f3f3;
}
.selectDiv2 .optionsBox .list:first-child {
  box-shadow: inset 0 2px 0 0 #0055b6;
}
.selectDiv2.current .selectBox i {
  transform: rotate(180deg);
}
.listSelect {
  border: 1px solid #d9d9d9;
}
.listSelectLine {
  padding: 0.1rem 0.3rem;
  border-bottom: 1px solid #d9d9d9;
}
.listSelectLine .lsKey {
  width: 1.6rem;
}
.listSelectLine .lsValue a {
  margin-right: 0.4rem;
}
.listSelectLine .lsValue a.on {
  color: #0055b7;
  text-decoration: underline;
  font-weight: 700;
}
.listSelectLine:last-child {
  border-bottom: none;
}
.selectItems a {
  background: #eff6fc;
  padding: 0 0.2rem;
  margin-right: 0.2rem;
}
.productListUl {
  display: flex;
  flex-wrap: wrap;
}
.productListUl li {
  border: 1px solid #e9edf0;
  width: 24%;
  margin-bottom: 0.3rem;
}
.productListUl li .font26 {
  line-height: 1.4;
  min-height: 0.8rem;
}
.productListUl li .scaleImg img {
  height: 1.4rem;
  width: auto;
}
.productListUl li:not(:nth-child(4n)) {
  margin-right: calc(4% / 3);
}
.productListUl li:hover {
  border: 1px solid #0055b7;
  color: #0055b7;
}
.productListUl li:hover .normBtn {
  background: #0055b6;
  border-radius: 0.6rem;
}
.productListUl li:hover .normBtn a {
  background: #0055b6;
  color: #fff !important;
  border-radius: 0.6rem;
}
.productIntro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.productIntro .preview {
  width: 5.8rem;
}
.productIntro .preview .specImg {
  border: 1px solid #aaaaaa;
  overflow: hidden;
}
.productIntro .preview .specImg .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.productIntro .preview .specImg .swiper-slide .jqzoom {
  height: 3.5rem;
  display: block;
}
.productIntro .preview .specList {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.productIntro .preview .specList .swiperArrow {
  cursor: pointer;
  font-size: 0.5rem;
}
.productIntro .preview .specList .swiper-slide {
  border: 1px solid #bfc5d6;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.productIntro .preview .specList .swiper-slide img {
  height: 0.8rem;
}
.productIntro .preview .specList .swiper-container {
  margin: 0 0.1rem;
}
.productIntro .preview .specList .swiper-slide-thumb-active {
  border: 1px solid #0055b7;
  background: url(../images/icons/sw_bg.png) no-repeat center;
  background-size: cover;
}
.productIntro .itemInfo .normBtn a {
  border: 2px solid #c9d1da;
  color: #5b646e;
}
.productIntro .itemInfo .normBtn:hover a {
  border: 2px solid #0055b7;
}
.productIntro .itemInfo .normBtn:hover .iconImg.p_view {
  background-image: url(../images/icons/p_view_iconh.png);
}
.productIntro .itemInfo .normBtn:hover .iconImg.p_down {
  background-image: url(../images/icons/p_down_iconh.png);
}
.productIntro .itemInfo .p_view,
.productIntro .itemInfo .p_down {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  transition: all 0.3s;
}
.productIntro .itemInfo .p_view {
  background-image: url(../images/icons/p_view_icon.png);
}
.productIntro .itemInfo .p_down {
  background-image: url(../images/icons/p_down_icon.png);
}
.productIntro .slideTab {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
}
.productIntro .slideTab .slideTabIcons .items {
  position: relative;
  padding: 0.1rem  0.3rem;
  margin-right: 0.1rem;

  cursor: pointer;
}
.productIntro .slideTab .slideTabIcons .items::after {

  content: "";
  display: block;
  width: 2px;
  height: 60%;
  top: 20%;
  right: 0px;
  position: absolute;
  background: #e1e1e1;

}

.productIntro .slideTab .slideTabList .items p {
  font-size: .18rem;
  margin-bottom: .2rem;

}
.productIntro .slideTab .slideTabList .items p a {
  display: inline-block;
  padding: 0.1rem 0.2rem;


  border-radius: 100rem;
  margin: 0 0.1rem;
  margin-bottom: 0.1rem;
}
.productIntro .slideTab .slideTabList .items p a.on {
  background: #0055b6;
  color:#fff!important;
}

.productIntro .slideTab .slideTabIcons .items.on::after {
  display: none;
}
.productIntro .slideTab .slideTabIcons .items:last-child::after {
  display: none;
}
.productIntro .slideTab .slideTabList .items p a:hover {
  background: #0055b6;
  color:#fff!important;
}
.productIntro .slideTab .slideTabList .items p a:hover {
  color: #fff;
}
.productIntro .slideTab .slideTabIcons .items:last-child {
  margin: 0;
}
.productIntro .slideTab .slideTabIcons .items.on {
  background: #f3f7fb;
  color:#0055b6;
  font-weight: bold;


  border-top:4px solid #0055b6;
}
.productIntro .slideTab .slideTabList {
  background: #f3f7fb;
  padding: 0.2rem;
  border-radius: 0 0 0.1rem 0.1rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.2rem;
}
.productIntro .slideTab .slideTabList .items {
  display: none;
}
.productIntro .slideTab .slideTabList .items.on {
  display: block;
}
.productIntro .slideTab .slideTabList .items a {
  margin: 0 0.3rem;
}
.pcUl .icon img {
  width: 0.45rem ;
  height: auto;
}
.pcUl .divPs {
  height: 3.5rem;
  overflow-x: hidden;
  text-align: left;
}
.pcUl li:hover {
  color: #0055b6;
}
.tsUl li {
  display: flex;
  justify-content: flex-start;
}
.tsUl li:nth-child(2n + 1) {
  background: #f7f7f7;
}
.tsUl li:first-child {
  background: #0055b7;
  color: #fff;
}
.tsUl li div {
  padding: 0.15rem 0.5rem;
}
.tsUl li div:first-child {
  padding: 0.15rem 0.2rem;
  width: 2.6rem;
  padding-left: 0.3rem;
  border-right: 0.05rem solid #fff;
  display: flex;
  align-items: center;
}
.riUl li {
  background: #f8f9fb;
}
.riUl li .divAs a {
  display: block;
  margin-bottom: 0.2rem;
  text-align: left;
  position: relative;
}
.riUl li .divAs a:hover {
  color: #0055b7;
}
.riUl li .divAs a::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: #bac2d3;
  font-size: 0.2rem;
}
.secondNav ,.secondNavSearch{
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.secondNav li,.secondNavSearch li {
  padding: 0.2rem 0;
  margin: 0 0.3rem;
  cursor: pointer;
}
.secondNav li.on,
.secondNav li:hover,
.secondNavSearch li.on,
.secondNavSearch li:hover{
  color: #0055b6;
  position: relative;
  font-weight: bold;
}
.secondNav li.on::after,
.secondNav li:hover::after,
.secondNavSearch li.on::after,
.secondNavSearch li:hover::after{
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0055b6;
  position: absolute;
  bottom: 0;
}
.secondNav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.55);
}
.secondNavForA {
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.secondNavForA li {
  padding: 0.2rem 0;
  margin: 0 0.3rem;
  cursor: pointer;
}
.secondNavForA li.on,
.secondNavForA li:hover {
  color: #0055b6;
  position: relative;
}
.secondNavForA li.on::after,
.secondNavForA li:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0055b6;
  position: absolute;
  bottom: 0;
}
.secondNavForA.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.55);
}
.solutionSwiper .swiper-slide {
  background: #fff;
  border-radius: 0.1rem;
}
.solutionSwiper .swiper-slide .txt {
  padding: 0.4rem 0.2rem;
  min-height: 2rem;
  padding-bottom: 0;
}
.solutionSwiper .swiper-slide .scaleImg {
  border-radius: 0.1rem;
}
.solutionSwiper .swiper-slide:hover .txt {
  color: #0055b6;
}
.csSwiper .swiper-slide {
  position: relative;
}
.csSwiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.csSwiper .swiper-slide .txt {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  padding: 0.3rem;
  background: url(../images/solution/div_btm.png) no-repeat center bottom;
  background-size: contain;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-end;
  flex-direction: column;
}
.csSwiper .swiper-slide .txt .tit {
  padding: 0 0.2rem;
  border-radius: 0.1rem;
}
.csSwiper .swiper-slide .txt .font18 {
  min-height: 1rem;
}
.apSwiper {
  position: relative;
}
.apSwiper .swiper-slide {
  border: 1px solid #f0f3f5;
  padding: 0.3rem;
}
.apSwiper .swiper-slide:hover {
  border: 1px solid #0055b6;
}
.apSwiper .swiper-slide:hover .rpd {
  color: #fff;
  background: #0055b6;
  border-radius: 0.6rem;
}
.apSwiper .swiper-slide:hover .rpd a {
  color: #fff !important;
}
.apSwiper .swiper-slide:hover .rpd a span {
  font-weight: normal;
}
.apSwiper .swiperArrow {
  color: #fff;
  cursor: pointer;
  position: absolute;
  background: none;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 10;
  font-size: 0.5rem;
  color: #d3d2d2;
}
.apSwiper .swiperArrow.swiperPrev {
  left: -0.7rem;
}
.apSwiper .swiperArrow.swiperNext {
  right: -0.7rem;
}
.scenarioSanalysisSwiper .swiper-slide {
  padding: 0 0.3rem;
  border-right: 1px solid #e5e5e5;
}
.scenarioSanalysisSwiper .swiper-slide.swiper-slide-duplicate-prev {
  border: none;
}
.scenarioSanalysisSwiper .icon {
  width: 0.5rem;
}
.applicationScenarioSwiper .swiper-slide {
  position: relative;
  border-radius: 0.1rem;
}
.applicationScenarioSwiper .txt {
  position: absolute;
  width: 100%;
  bottom: 0.1rem;
  text-align: center;
}
ul.programmeValue {
  align-items: stretch;
}
ul.programmeValue li {
  width: 32%;
  padding: 0.4rem;
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.25);
  background: url(../images/solution/div_bg01.jpg) no-repeat center bottom;
  background-size: contain;
}
ul.programmeValue li .icon {
  width: 0.5rem;
}
ul.customerStories {
  flex-wrap: wrap;
}
ul.customerStories li {
  width: 50%;
  margin-bottom: 0.35rem;
}
ul.customerStories li .scaleImg {
  width: 3.2rem;
}
.w4 {
  width: 0.4rem;
}
.w5 {
  width: 0.5rem;
}
.w6 {
  width: 0.56rem;
}
.w10 {
  width: 1rem;
}
.w15 {
  width: 1.5rem;
}
.ulli3 li {
  width: 31.5%;
}
.border {
  border-radius: 0.1rem;
}
.boder1 {
  border: 1px solid #c5cfda;
}
.ptrbl30 {
  padding: 0.3rem;
}
.ptrbl40 {
  padding: 0.4rem;
}
.normBtn {
  display: inline-block;
  color: #0055b7;
  text-align: center;
}
.normBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem 0.25rem;
  border: 1px solid #0055b6;
  border-radius: 0.6rem;
  line-height: 100%;
}
.normBtn:hover a {
  color: #fff !important;
  background: #0055b6;
}
.normBtn.noBorer a {
  border: none;
}
.normBtn.noBorer:hover a {
  background: #0055b6;
  color: #fff !important;
}
.normBtn.on a {
  color: #fff;
  background: #0055b6;
}
.normBtn.on:hover a {
  background: #fff;
  color: #0055b6 !important;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-90 {
  width: 80%;
}
.border1 {
  border: 1px solid #f0f3f5;
}
.lineL {
  position: relative;
  padding-left: 0.2rem;
}
.lineL::after {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background: #0055b6;
  position: absolute;
  left: 0;
  top: 0;
}
.hotEvent {
  position: relative;
}
.hotEvent .tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
}
.hotEvent .swiper-slide {
  position: relative;
}
.hotEvent .swiper-slide .txt {
  position: absolute;
  bottom: 0rem;
  width: 100%;
  padding: 0.4rem;
  background: url(../images/event_imgbg.png) repeat-x bottom;
  background-size: contain;
  padding-bottom: 0.8rem;
}
.hotEvent .pagination {
  position: absolute;
  bottom: 0.2rem;
  z-index: 10;
  left: 0.4rem;
}
.hotEvent .pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.04rem;
  border-radius: 0;
  background: #fff;
  opacity: 0.3;
}
.hotEvent .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.hotNews ul li {
  margin-bottom: 0.2rem;
}
.hotNews ul li:last-child {
  margin-bottom: 0;
}
.hotNews ul li:hover {
  color: #0055b6;
}
ul.relatedLinks li {
  position: relative;
}
ul.relatedLinks li::after {
  content: "";
  display: block;
  background: #eaf2f9;
  width: 2px ;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.dataCenter .dcNav {
  padding: 0.3rem;
}
.dataCenter .dcNav > div {
  margin-right: 0.4rem;
}
.dataCenter .dcNav > div.on {
  color: #0055b7;
  font-size: 0.2rem;
  font-weight: bold;
}
.dataCenter div.search {
  max-width: 10rem;
  position: relative;
  overflow: hidden;
  border-radius: 100rem;
  margin: 0 auto;
}
.dataCenter div.search .searchText {
  width: 100%;
  height: 0.68rem;
  line-height: 0.68rem;
  padding: 0 0.3rem;
  padding-right: 0.68rem;
  background: #f0f6fb;
  font-size: 0.18rem;
  border: none;
}
.dataCenter div.search .searchSubmit {
  padding: 0 0.5rem;
  border-radius: 100rem;
  height: 0.68rem;
  background: #0055b7;
  color: #fff;
  position: absolute;
  right: 0;
  font-size: 0.2rem;
  cursor: pointer;
}
.dataCenter .slideNav .oneTit {
  position: relative;
}
.dataCenter .slideNav .oneTit::after {
  content: "";
  display: block;
  width: 0.13rem;
  height: 0.11rem;
  background: url(../images/icons/arrow_icon.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  margin-top: -0.055rem;
}
.dataCenter .slideNav .oneBox.on .oneTit {
  color: #0055b6;
}
.dataCenter .slideNav .oneBox.on .oneTit::after {
  transform: rotate(180deg);
}
.dataCenter .slideNav .twoBox.on .twoTit {
  color: #0055b6;
}
.dataCenter .slideNav .oneTit {
  cursor: pointer;
}
.dataCenter .slideNav .oneCot {
  display: none;
  background: #fff;
  padding: 0.2rem;
}
.dataCenter .slideNav .twoTit {
  position: relative;
  padding-left: 0.15rem;
  cursor: pointer;
}
.dataCenter .slideNav .twoTit::before {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.05rem;
  background: #0055b6;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
  position: absolute;
  left: 0;
  top: 0.16rem;
}
.dataCenter .slideNav .twoCot {
  display: none;
  padding: 0.15rem;
}
.dataCenter .Screening ul li {
  border: 1px solid #cccccc;
  border-radius: 0.1rem;
  padding: 0.4rem 0.3rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.dataCenter .Screening ul li .txts {
  background: url(../images/icons/pdf_icon.png) no-repeat left center;
  background-size: 0.35rem 0.4rem;
  padding-left: 0.6rem;
}
.dataCenter .Screening ul li .icons a {
  margin-left: 0.1rem;
}
.dataCenter .checkUl {
  background: #f8f9fb;
  padding: 0.1rem 0.2rem;
  border-radius: 0.1rem;
  flex-wrap: wrap;
}
.dataCenter .checkUl li {
  display: flex;
  width: 25%;
  align-items: center;
  padding: 0.1rem 0;
}
.dataCenter .checkUl li i {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #b0bdcd;
  margin-right: 0.2rem;
  border-radius: 0.01rem;
  cursor: pointer;
}
.dataCenter .checkUl li.checked i {
  background: url(../images/icons/checked_icon.png) no-repeat center;
  background-size: contain;
  border: none;
}
.dataCenter .checkUl li:last-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.18rem;
  padding-left: 0.5rem;
}
.dataCenter .checkUl li:last-child::after {
  content: "";
  display: block;
  width: 0.13rem;
  height: 0.11rem;
  background: url(../images/icons/arrow_icon.png) no-repeat;
  background-size: contain;
  margin-left: 0.1rem;
}
.dataCenter .checkUl li:last-child:hover {
  color: #0055b7;
  font-weight: bold;
}
.dataCenter .formatUl li {
  width: 20%;
}
.dataCenter .formatUl li:last-child::after {
  display: none;
}
.yci {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.yci .videoBox {
  position: relative;
  z-index: 5;
}
.yci .videoBox .videoIcon {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.yci .txtBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
}
.yci .txt {
  padding: 0.5rem 0.4rem;
  box-sizing: border-box;
  background: #fff;
  z-index: 10;
}
.newsEvent .tabIcons .items {
  background: #f8f9fb;
  color: #0055b6;
  padding: 0.05rem 0.3rem;
  border-radius: 0.1rem;
}
.newsEvent .tabIcons .items.on {
  background: #0055b6;
  color: #f8f9fb;
}
.findPartners .fpDiv {
  width: 24%;
}
.findPartners .fpDiv:last-child {
  width: auto;
}
.findPartners .fpUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.findPartners .fpUl li {
  width: 49%;
  padding: 0.3rem;
  margin-bottom: 0.4rem;
}
.findPartners .fpUl li .flex {
  margin-bottom: 0.2rem;
}
.findPartners .fpUl li .flex .tit {
  width: 1.2rem;
}
.contactRequest {
  background: #f8f9fb;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 6.7rem 9.1rem;
}
.contactRequest ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contactRequest ul li {
  width: 48%;
  margin-bottom: 0.2rem;
}
.contactRequest ul li input,
.contactRequest ul li textarea {
  border: 1px solid #cccccc;
  border-radius: 0.1rem;
  width: 100%;
  font-size: 0.18rem;
  padding: 0.1rem 0.3rem;
}
.contactRequest ul li:last-child {
  width: 100%;
}
.contactRequest .checkBox i {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #b0bdcd;
  margin-right: 0.2rem;
  border-radius: 0.01rem;
  cursor: pointer;
}
.contactRequest .checkBox.checked i {
  background: url(../images/icons/checked_icon.png) no-repeat center;
  background-size: contain;
  border: none;
}
.buttonA2 {
  display: block;
  width: 1.5rem;
  height: 0.68rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0055b6;
  border-radius: 0.1rem;
  color: #0055b6;
  margin-right: 0.3rem;
  font-size: 0.2rem;
}
.buttonA2.on,
.buttonA2:hover {
  background: #0055b6;
  color: #fff;
}
.buttonA2:hover {
  background: #0055b6;
  color: #fff!important;
}
.buttonA2.on:hover {
  background: #fff;
  color:#0055b6!important;
}

.partnerSupportsUl li {
  position: relative;
}
.partnerSupportsUl li::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 0.25rem;
  background: #0055b6;
  border-radius: 0.1rem 0.1rem 0 0;
  position: absolute;
  top: -0.25rem;
  left: 50%;
  margin-left: -0.8rem;
}
.partnerLogin {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.partnerLogin .logo {
  position: absolute;
  height: 2.1rem;
  top: 0.2rem;
  left: 0;
  padding-top: 0.9rem;
  padding-left: 1.6rem;
  background: url(../images/img/logo_bg.png) no-repeat left top;
  background-size: 1.3rem 2.1rem;
}
.partnerLogin .logo img {
  width: 1.4rem;
}
.partnerLogin .divL {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.partnerLogin .divForm {
  background: #0055b6;
  border-radius: 0.1rem;
  padding: 0.5rem;
  /* firefox 19+ */
  /* ie */
}
.partnerLogin .divForm > div:nth-child(1) input,
.partnerLogin .divForm > div:nth-child(2) input {
  width: 30%;
}
.partnerLogin .divForm .inTit {
  width: 2.2rem;
  text-align: right;
  padding-right: 0.2rem;
}
.partnerLogin .divForm .inTit b {
  color: #ff6161;
}
.partnerLogin .divForm input {
  background: #1a66bd;
  border-radius: 0.1rem;
  color: #fff;
  padding: 0.15rem 0.3rem;
  width: 100%;
}
.partnerLogin .divForm ::-webkit-input-placeholder {
  color: #a1b7dd;
}
.partnerLogin .divForm ::-moz-placeholder {
  color: #a1b7dd;
}
.partnerLogin .divForm :-ms-input-placeholder {
  color: #a1b7dd;
}
.partnerLogin .divForm input:-moz-placeholder {
  color: #a1b7dd;
}
.partnerLogin .divForm .divPs {
  background: #1a66bd;
}
.partnerLogin .divForm button {
  display: block;
  background: #fff;
  width: 1.7rem;
  height: 0.68rem;
  border-radius: 0.1rem;
  cursor: pointer;
  color: #0055b6;
}
.professionalServices .goldExpertService .gexDiv {
  width: 50%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0.27rem 0.6rem 0px rgba(0, 85, 182, 0.28);
}
.professionalServices .goldExpertService .gexDiv .tit {
  background: rgba(192, 214, 239, 0.15);
}
.professionalServices .goldExpertService .gexDiv .txts {
  padding: 0.3rem 0.5rem;
}
.professionalServices .goldExpertService .gexDiv .countNumber {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.professionalServices .goldExpertService .gexDiv .countNumber .items {
  width: 32%;
  margin-bottom: 0.3rem;
}
.professionalServices .goldExpertService .gexDiv .countNumber .items:nth-child(3n) {
  width: 36% ;
}
.professionalServices .goldExpertService .gexDiv .countNumber .items label {
  margin-left: 0.05rem;
}
.professionalServices .serviceProducts .tabIcons > .items {
  padding: 0.1rem 0.5rem;
  background: #fff;
  border-radius: 100rem;
  margin: 0 0.3rem;
}
.professionalServices .serviceProducts .tabIcons > .items.on {
  background: #0055b6;
  color: #fff;
}
.professionalServices .serviceProducts .tabCots {
  background: #fff;
  padding: 0.5rem;
}
.professionalServices .serviceProducts .tabCots li {
  padding: 0.1rem 0.3rem;
}
.professionalServices .serviceProducts .tabCots li:last-child {
  margin-bottom: 0;
}
.professionalServices .serviceProducts .tabCots li:hover {
  color: #0055b6;
}
.professionalServices .serviceProducts ul {
  flex-wrap: wrap;
}
.professionalServices .serviceProducts ul li {
  padding: 0.3rem;
  box-shadow: 0px 5px 20px 0px rgba(200, 211, 221, 0.25);
  margin-bottom: 0.45rem;
  position: relative;
}
.professionalServices .serviceProducts ul li .borderBottom {
  border-bottom-color: #f5f9fc;
}
.professionalServices .serviceProducts ul li .tit {
  width: 1.5rem;
}
.professionalServices .serviceProducts ul li i.iconImg {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
}
.professionalServices .serviceProducts ul li .en {
  font-weight: bold;
  position: absolute;
  right: 0.5rem;
  bottom: -0.5rem;
  color: #f8f9fb;
}
.selfService ul {
  flex-wrap: wrap;
}
.selfService ul li {
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.25);
  margin-bottom: 0.5rem;
}
.customerTestCenter .testProcess ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.customerTestCenter .testProcess ul li {
  padding-right: 5%;
  width: 21%;
  box-sizing: content-box;
  position: relative;
}
.customerTestCenter .testProcess ul li > div {
  background: #fff;
  height: 100%;
  padding: 0.3rem 0.1rem;
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.45);
}
.customerTestCenter .testProcess ul li::after {
  content: "";
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 0.48rem;
  background: url(../images/nav_arrow.png) no-repeat center #fff;
  background-size: 0.06rem 0.1rem;
  position: absolute;
  right: 0.1rem;
  top: 50%;
  margin-top: -0.24rem;
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.45);
}
.customerTestCenter .testProcess ul li:last-child {
  padding: 0;
}
.customerTestCenter .testProcess ul li:last-child::after {
  display: none;
}
ul.qaUl li {
  border-color: #c5ced9;
}
ul.qaUl li:hover {
  border-color: #0055b6;
  color: #0055b6;
}
ul.qaUl li .iconImg {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
}
.faithCenter .autowidth > div:nth-child(2n) {
  flex-flow: row-reverse;
}
.brandActivities .eventUl .swiper-slide {
  position: relative;
  background: #f8f9fb;
}
.brandActivities .eventUl .swiper-slide .tag {
  position: absolute;
  background: #19a7e1;
  top: 0;
  left: 0;
  padding: 0.05rem 0.2rem;
  border-radius: 0.1rem 0.1rem 0.1rem 0;
  color: #fff;
}
.brandActivities .eventUl .swiper-slide:first-child .tag {
  background: #ff9933;
}
.brandActivities .eventUl li .normBtn {
  width: 48%;
}
.recomVideo {
  position: relative;
}
.recomVideo .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recomVideo .swiper-slide .txt {
  background: #f8f9fb;
  min-height: 3.6rem;
  border-radius: 0 0.2rem 0.2rem 0;
  padding: 0.6rem;
}
.recomVideo .pagination {
  position: absolute;
  bottom: 1rem;
  z-index: 10;
  right: 1rem;
  left: unset;
  width: unset;
}
.recomVideo .pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.04rem;
  border-radius: 0;
  background: #d6d6d6;
  opacity: 1;
  margin: 0 0.05rem;
}
.recomVideo .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #0055b7;
}
.olppUl {
  flex-wrap: wrap;
  justify-content: center;
}
.olppUl li {
  width: 31%;
  margin: 0 1%;
  margin-bottom: 0.4rem;
  box-shadow: 0.07rem 0.1rem 0.38rem 0px rgba(202, 215, 232, 0.45);
}
.olppUl li .num {
  width: 1.1rem;
  height: 0.68rem;
  line-height: 0.68rem;
  margin: 0 auto;
  margin-top: -0.3rem;
  margin-bottom: 0.3rem;
  background: #0055b6;
  border-radius: 0.1rem 0.1rem 0.4rem 0.4rem;
  text-align: center;
}
.caiDiv {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 7rem;
}
.allAnnouncements .ggUl li {
  display: flex;
  justify-content: space-between;
  padding: 0.2rem 0;
  border-bottom: 1px solid #efefef;
  background: url(../images/icons/arrow_iconR.png) no-repeat left center;
  background-size: 6px 8px;
  padding-left: 0.3rem;
}
.allAnnouncements .search {
  width: 5rem;
  border-radius: 100rem;
  position: relative;
  overflow: hidden;
}
.allAnnouncements .search .searchText {
  width: 100%;
  height: 0.68rem;
  line-height: 0.68rem;
  padding: 0 0.3rem;
  padding-right: 0.68rem;
  font-size: 0.16rem;
}
.allAnnouncements .search .searchSubmit {
  width: 0.68rem;
  height: 0.68rem;
  background: url(../images/icons/search_icon2.png) no-repeat center #fff;
  background-size: 0.21rem 0.22rem;
  color: #fff;
  position: absolute;
  right: 0;
}
.cuUl li .tit {
  background: url(../images/icons/arrow_iconR.png) no-repeat left 0.05rem;
  background-size: 6px 8px;
  padding-left: 0.2rem;
}
.cuUl li .icon {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 1.1rem;
  margin: 0 auto;
  display: block;
  margin-bottom: 0.2rem;
}
.cuUl li:nth-child(1) .icon {
  background: #18a7e1;
}
.cuUl li:nth-child(2) .icon {
  background: #4fb569;
}
.cuUl li:nth-child(3) .icon {
  background: #ff9934;
}
.cuUl li:nth-child(4) .icon {
  background: #622E99;
}
.globalOffices ul li {
  padding: 0.3rem;
  border-bottom: 1px solid #dee8f3;
  margin-bottom: 0;
}
.globalOffices ul li .tit {
  width: 1.1rem;
}
.globalOffices ul li i.iconImg {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
}
.escmDiv ul {
  display: flex;
  justify-content: space-between;
}
.escmDiv ul li {
  height: 7rem;
  width: 33.3%;
  position: relative;
  padding: 0.4rem;
}
.escmDiv ul li:hover::after  {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .45);
}
.escmDiv ul li:last-child {
  width: 33.4%;
}
.escmDiv ul li .Cot {
  position: absolute;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  z-index:10;
}
.escmDiv ul li .Cot .line {
  width: 0.36rem;
  height: 4px;
  background: #0055b6;
  border-radius: 0.1rem;
}
.escmDiv ul li .Cot .divPs {
  height: 0;
  overflow: hidden;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.escmDiv ul li:hover .Cot .divPs {
  height: 3rem;
  overflow: unset;
  overflow-x: hidden;
}
.pasDiv ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.pasDiv ul li .tit {
  position: relative;
}
.pasDiv ul li .tit::after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.23rem;
  background: #0055b6;
  border-radius: 0 0.03rem 0.03rem 0;
  position: absolute;
  left: -0.3rem;
  top: 0;
}
.onlineDiv ul li .tit {
  position: relative;
}
.onlineDiv ul li .tit::after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.23rem;
  background: #0055b6;
  position: absolute;
  left: -0.3rem;
  top: 0.1rem;
}
.companyProfileUl {
  display: flex;
  justify-content: space-between;
}
.companyProfileUl li {
  min-height: 5rem;
  width: 33.3%;
  position: relative;
  padding: 0.3rem;
}
.companyProfileUl li:last-child {
  width: 33.4%;
}
.companyProfileUl li .Cot {
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  right: 0.3rem;
}
.companyProfileUl li .Cot .divPs {
  display: none;
  overflow: hidden;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.companyProfileUl li:hover {
  background: url(../images/img/cp_divbg02.png) no-repeat;
  background-size: contain;
}
.companyProfileUl li:hover .Cot .divPs {
  display: block;
  overflow: unset;
  overflow-x: hidden;
}
.positionindustryUl .icon {
  background: #fff;
  border-radius: 0.8rem;
}
.slpeDiv > .flexCC:nth-child(2n ) {
  flex-flow: row-reverse;
}
.slpeDiv > .flexCC:nth-child(2n ) .ulBox {
  display: flex;
  justify-content: flex-end;
}
.slpeDiv > .flexCC .ulBox {
  display: flex;
}
.slpeDiv > .flexCC .ulBox ul {
  align-content: space-around;
}
.companyProfile .tit {
  background: url(../images/icons/arrow_iconR.png) no-repeat left center;
  background-size: 6px 8px;
  padding-left: 0.3rem;
}
.htrvUl li {
  background: url(../images/icons/arrow_iconR.png) no-repeat left center;
  background-size: 0.06rem 0.08rem;
  padding-left: 0.3rem;
}
.vrpUl {
  display: flex;
  justify-content: space-between;
  background: url(../images/icons/arrow_vrp2.png) no-repeat 80% top;
  background-size: 5.84rem 0.34rem;
  padding-top: 0.4rem;
}
.vrpUl li {
  width: 25%;
  padding-right: 0.4rem;
  position: relative;
}
.vrpUl li::after {
  content: "";
  display: block;
  width: 0.16rem;
  height: 0.1rem;
  background: url(../images/icons/arrow_vrp.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0.1rem;
  top: 50%;
  margin-top: -0.05rem;
}
.vrpUl li:last-child {
  padding: 0;
}
.vrpUl li:last-child::after {
  display: none;
}
.vrpUl li > div {
  width: 100%;
  text-align: center;
  padding: 0.1rem 0;
  border-radius: 100rem;
}
.vrpUl li:nth-child(1) div {
  background: #19a7e1;
}
.vrpUl li:nth-child(2) div {
  background: #622e99;
}
.vrpUl li:nth-child(3) div {
  background: #4fb568;
}
.vrpUl li:nth-child(4) div {
  background: #ff9933;
}
.vrpUl li:nth-child(5) div {
  background: #4fb568;
}
.vrpUl2 {
  border: 1px solid #c5cfda;
  padding: 0.3rem;
}
.vrpUl2 li .tit {
  width: 3.5rem;
  background: url(../images/icons/arrow_iconR.png) no-repeat left center;
  background-size: 0.06rem 0.08rem;
  padding-left: 0.3rem;
}
.emailSubscription {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.emailSubscription .items {
  background: #f8f9fb;
  border-radius: 0.1rem;
  padding: 0.1rem 0.2rem;
  margin-bottom: 0.2rem;
  width: 100%;
}
.emailSubscription .items input {
  background: none;
  width: 100%;
  height: 100%;
}
.emailSubscription .items:nth-child(-n+6) {
  width: 48%;
}
.searchResultUl li {
  padding: 0.3rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.searchResultUl li .tag {
  color: #fff;
  border-radius: 0.1rem;
  padding: 0 0.2rem;
  margin-right: 0.2rem;
}
.searchResultUl li.li-product .tag {
  background: #19a7e1;
}
.searchResultUl li.li-product a:hover {
  color: #19a7e1;
}
.searchResultUl li.li-solution .tag {
  background: #ff9933;
}
.searchResultUl li.li-solution a:hover {
  color: #ff9933;
}
.searchResultUl li.li-news .tag {
  background: #4fb568;
}
.searchResultUl li.li-news a:hover {
  color: #4fb568;
}
.csSwiper .swiperArrow {
  display: none;
}
.becomeAPartner a.lmBtn:hover {
  color: #fff !important;
}
.selectBoxOn .selectBox i {
  transform: rotate(150deg);
}
.ulListSwiper {
  position: relative;
}
.ulListSwiper .swiperArrow {
  color: #fff;
  cursor: pointer;
  position: absolute;
  background: none;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 10;
  font-size: 0.5rem;
  color: #d3d2d2;
}
.ulListSwiper .swiperArrow.swiperPrev {
  left: -0.7rem;
}
.ulListSwiper .swiperArrow.swiperNext {
  right: -0.7rem;
}
@media screen and (max-width: 960px) {
  .autowidth {
    width: 95%;
  }
  .productListUl li {
    width: 32%;
  }
  .productListUl li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .productListUl li:not(:nth-child(3n)) {
    margin-right: calc(4% / 2);
  }
  .ulListSwiper .swiper-wrapper {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 640px) {
  .homeBanner .swiper-container,
  .homeBanner .swiper {
    height: 100%;
  }
  .homeBanner .swiper-container .swiper-slide,
  .homeBanner .swiper .swiper-slide {
    z-index: 10;
  }
  .homeBanner .swiper-container .swiper-slide img,
  .homeBanner .swiper .swiper-slide img {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }
  .homeBanner .w_pc{display:none;}
  .phoneBanner{display: block; position:relative;}
  .phoneBanner:before{content:"";width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,.2);}
  .homeBanner .swiper-container .swiper-slide-active,
  .homeBanner .swiper .swiper-slide-active {
    z-index: 50;
  }
  .productTabSwiper .tabCots .swiperArrow {
    display: none;
  }
  .swiperWraper {
    padding-bottom: 1rem;
  }
  .swiperWraper .swiperArrow.swiperPrev {
    left: 2rem;
    bottom: 0;
    top: unset;
  }
  .swiperWraper .swiperArrow.swiperNext {
    right: 2rem;
    bottom: 0;
    top: unset;
  }
  .ulListSwiper {
    padding-bottom: 0.5rem;
  }
  .ulListSwiper .swiperArrow.swiperPrev {
    left: 2rem;
    bottom: -0.5rem;
    top: unset;
  }
  .ulListSwiper .swiperArrow.swiperNext {
    right: 2rem;
    bottom: -0.5rem;
    top: unset;
  }
  .csSwiper .swiperArrow {
    display: block;
  }
  .rIBox li {
    width: 100%!important;
  }
  .rIBox li:nth-child(3),
  .rIBox li:nth-child(4),
  .rIBox li:nth-child(5) {
    width: 32%!important;
  }
  .rIBox li:nth-child(3) a::after,
  .rIBox li:nth-child(4) a::after,
  .rIBox li:nth-child(5) a::after {
    display: none;
  }
  .rIBox li:nth-child(3) .txt,
  .rIBox li:nth-child(4) .txt,
  .rIBox li:nth-child(5) .txt {
    position: static;
    color: #333;
    padding-top: 0.1rem;
  }
  .iICBox li {
    width: 50%;
  }
  .ctptsyBox .ctptsyIcons .item {
    width: 50%;
  }
  .ctptsyBox .ctptsyList .swiper-slide {
    justify-content: space-between;
  }
  .ctptsyBox .ctptsyList .swiper-slide .imgBigOne {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .ctptsyBox .ctptsyList .swiper-slide .imgSmallTwo {
    width: 48.5%;
    padding: 0;
  }
  .ctptsyBox .ctptsyList .swiper-slide .imgSmallTwo .imgbox {
    margin-bottom: 0.2rem;
  }
  .wIbox li {
    width: 100%;
  }
  .productListUl li {
    width: 49%;
    margin-bottom: 0.1rem;
  }
  .productListUl li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .productListUl li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .productListUl li:not(:nth-child(2n)) {
    margin-right: calc(2% / 1);
  }
  .productIntro {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .productIntro .preview {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .productIntro .itemInfo {
    width: 100%;
    padding-left: 0;
  }
  .ulLi4 {
    align-items: stretch;
    flex-wrap: wrap;
  }
  .ulLi4 li {
    width: 50%;
  }
  .pmImgBox,
  .pmTxtBox {
    width: 100%;
    margin-bottom: 0.3rem;
    padding: 0;
  }
  .flexBC {
    flex-wrap: wrap;
  }
  .scMain {
    width: 100%;
    padding-right: 0;
  }
  .scSlide {
    width: 100%;
  }
  .usUl li {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .hotEvent {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .hotNews {
    width: 100%;
    padding-left: 0;
  }
  .flexBT {
    flex-wrap: wrap;
  }
  .secondNav ul,
  .secondNavForA ul {
    width: 100%;
  }
  .secondNav ul li,
  .secondNavForA ul li {
    margin: 0 auto;
  }
  .secondNavH {
    overflow-y: hidden;
  }
  .secondNavH ul {
    width: 180%;
    padding-bottom: 0.1rem;
  }
  ul.programmeValue li {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  ul.customerStories li {
    width: 100%;
  }
  .ulli3 li {
    width: 100% ;
    margin-bottom: 0.2rem;
  }
  ul.relatedLinks li {
    width: 50%;
  }
  ul.relatedLinks li::after {
    display: none;
  }
  .pcUl .divPs {
    height: auto;
  }
  .ulListSwiper .pcUl .divPs {
    height: 3.5rem;
  }
  .wonderfulReview .borderBottom {
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .wonderfulReview .flexLT {
    padding: 0rem;
  }
  .wonderfulReview .flex1 {
    min-width: unset;
  }
  .wonderfulReview .w-10 {
    width: 100%;
  }
  .recomVideo .swiper-slide {
    flex-wrap: wrap;
  }
  .escmDiv ul li,
  .escmDiv ul li:last-child {
    width: 100%;
  }
  .customerTestCenter .testProcess ul {
    flex-wrap: wrap;
  }
  .customerTestCenter .testProcess ul li {
    width: 100%;
    padding: 0;
    padding-bottom: 0.8rem;
  }
  .customerTestCenter .testProcess ul li::after {
    top: unset;
    bottom: 0.2rem;
    left: 50%;
    margin-left: -0.24rem;
    transform: rotateZ(90deg);
  }
  .dataCenter .checkUl li {
    width: 50%;
  }
  .dataCenter .Screening ul li {
    flex-wrap: wrap;
  }
  .dataCenter .Screening ul li .txts {
    width: 100%;
  }
  .dataCenter .Screening ul li .icons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .yci {
    flex-wrap: wrap;
  }
  .yci .txtBox {
    position: static;
  }
  .findPartners .flexBB {
    flex-wrap: wrap;
  }
  .findPartners .fpDiv {
    width: 100%;
  }
  .findPartners .fpUl li {
    width: 100%;
  }
  .selectDiv2 .selectBox input.input-text {
    width: 80%;
  }
  .allProduct .tabIcons > .items {
    padding: 0.1rem 0.2rem;
  }
  .professionalServices .goldExpertService .gexDiv {
    width: 95%;
  }
  .vrpUl {
    flex-wrap: wrap;
    flex-direction: column;
    background: none;
    align-items: center;
  }
  .vrpUl li {
    width: 50%;
    margin-bottom: 0.5rem;
    padding-right: 0;
  }
  .vrpUl li::after {
    top: unset;
    bottom: -0.3rem;
    left: 50%;
    margin-left: -0.24rem;
    transform: rotateZ(90deg);
  }
  .vrpUl2 li .tit {
    width: 100%;
  }
  .vrpUl2 li .flex1 {
    min-width: unset;
  }
  .solutionSwiper .swiper-slide .txt {
    min-height: unset;
    height: 2.8rem;
    overflow-x: hidden;
    margin-bottom: 0.2rem;

  }
  .slpeDiv .flexCC {
    flex-wrap: wrap;
    flex-flow: column!important;
  }
  .slpeDiv .flexCC .w-50 {
    margin-bottom: 0.2rem;
  }
  .slpeDiv .ulLi2 li {
    width: 50%;
  }
  .companyProfileUl {
    flex-wrap: wrap;
  }
  .companyProfileUl li {
    min-height: unset;
    margin-bottom: 0.2rem;
    width: 100%!important;
  }
  .companyProfileUl li .Cot {
    position: static;
  }
  .companyProfileUl li .Cot .divPs {
    display: block;
  }
  .customerTestCenter .w-50 {
    margin-bottom: 0.2rem;
  }
  .homeBanner .txt .font80 {
    font-size: 0.5rem;
  }
  .homeBanner .txt .font66 {
    font-size: 0.44rem;
  }
  .productTabMod .tabIconsDiv {
    overflow-y: hidden;
    width: 40%;
  }
  .productTabMod .tabIconsDiv .items {
    line-height: 1.2;
  }
  .productTabMod .tabIcons .items {
    margin-bottom: 0.2rem;
  }
  .productTabMod .tabIcons .items i {
    margin-right: 0.1rem;
  }
  .productTabMod .tabCots {
    width: 60%;
  }
  .productTabMod .tabCots .swiper {
    display: none;
  }
  .productTabMod .tabCots .items {
    height: 100%;
  }
  .productTabMod .tabCots .ggDiv {
    margin-bottom: 0;
    display: flex;
    height: 100%;
  }
  .productTabMod .tabCots .ggDiv .font36 {
    line-height: 1.2;
    margin-bottom: 0.1rem;
  }
  .productTabMod .tabCots .pAll5 {
    padding: 0.3rem;
  }
  .productTabMod .tabCots .normBtn {
    margin-bottom: 0.2rem;
  }
  .productTabMod .tabCots .swiper-spagination {
    margin-top: 0.2rem;
    display: block;
    width: 100%;
    text-align: center;
  }
  .productTabMod .tabCots .swiper-spagination .swiper-pagination-bullet {
    margin: 0 0.05rem;
  }
  .wonderfulReview .ulLi3 li .scaleImg {
    height: 2rem;
  }
  .wonderfulReview .ulLi3 li .scaleImg img {
    height: 100%;
  }
  .wonderfulReview .ulLi3 {
    justify-content: space-between;
  }
  .wonderfulReview .ulLi3 li {
    width: 49%;
    margin-right: 0px!important;
  }
  .eventswiper .swiper-spagination {
    width: 100%;
    text-align: center;
  }
  .eventswiper .swiper-spagination span {
    margin: 0 0.1rem;
  }
  .productTabSwiper .tabCots .swiper {
    height: auto;
  }
  .productTabMod .tabCots .items .ggDiv {
    height: auto;
  }
  .video-details .ulShadow {
    display: flex;
    justify-content: space-between;
  }
  .video-details .ulShadow li {
    width: 49%;
  }
  .video-details .ulShadow li img {
    height: 2rem;
  }
  .homeBanner .lmBtn {
    width: 2rem;
  }
  .becomeAPartner .lmBtn {
    width: 2rem;
  }
  footer .flexStart li .font20 {
    padding: 0.1rem 0;
  }
}


/* login.css */

.loglandDiv {
  width: 6.7rem;
  background: #fff;
  padding: 0.6rem;
  margin: 0 auto;
}
.loglandDiv .checkBox i {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #b0bdcd;
  margin-right: 0.2rem;
  border-radius: 0.01rem;
  cursor: pointer;
}
.loglandDiv .checkBox.checked i {
  background: url(../images/icons/checked_icon.png) no-repeat center;
  background-size: contain;
  border: none;
}
.loglandDiv .normBtn a {
  padding: 0.15rem 0.7rem;
}
.w-100 {
  width: 100%;
}
body .form-control {
  background: #fff;
  border: 1px solid #cbcbcb;
  height: 0.54rem;
  padding: 0 0.15rem;
  font-size: 0.18rem;
  border: 1px solid #cccccc;
  display: block;
}
.site-content {
  background: #fff;
  padding: 0.5rem;
  border-radius: 0.35rem;
}
.selectBox {
  position: relative;
}
.selectBox .inputCase {
  cursor: pointer;
  position: relative;
}
.selectBox .inputCase::after {
  content: "";
  display: block;
  width: 0.13rem;
  height: 0.08rem;
  background: url(../images/selectBox-icon.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.16rem;
  top: 50%;
  margin-top: -0.04rem;
}
.selectBox .inputCase input {
  cursor: pointer;
  padding-right: 0.39rem;
}
.selectBox .selectUl {
  display: none;
  border: 1px solid #cbcbcb;
  border-top: 0;
  position: absolute;
  top: 0.54rem;
  width: 100%;
  z-index: 10;
  background: #fff;
}
.selectBox .selectUl li {
  line-height: 0.4rem;
  font-size: 0.16rem;
  padding: 0.02rem 0.15rem;
}
.selectBox .selectUl li:hover {
  background: #f5f5f5;
}
body .borerLNone {
  border-left: none;
}
.underLine {
  border-bottom: 1px solid #333;
}
.input-box {
  position: relative;
}
.input-box .eyesBox {
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
  cursor: pointer;
}
.input-box .eyesBox i {
  color: #999999;
}
.individualCenter {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.individualCenter .w-25 ul li.on {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.individualCenter .w-25 ul li.on a {
  color: #0055b6;
}
.individualCenter .w-25 ul li.on::after {
  content: "";
  width: 0.13rem;
  height: 0.1rem;
  display: block;
  background: url(../images/icons/arrow_icon.png) no-repeat right center;
  background-size: cover;
  transform: rotate(270deg);
}
.loglandDiv .rights {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.checkBox .underLine {
  margin-left: 0.05rem;
  margin-right: 0.05rem;
  border-bottom: 1px solid #0055b6;
}
.redStar {
  color: #ff0000;
}
/* 20230410 */
.projectConsulting .formDiv {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.projectConsulting .formDiv .form-group {
  width: 48%;
}
.projectConsulting .formDiv .form-group .form-control {
  background: #f8f9fb;
}
.projectConsulting .formDiv .form-group .selectBox .selectUl {
  border: 1px solid #cbcbcb;
}
.projectConsulting .formDiv .form-group .selectBox .selectUl li {
  cursor: pointer;
}
.projectConsulting .formDiv .form-group .selectBox .selectUl li:hover {
  background: #f8f9fb;
}
.projectConsulting .formDiv .form-group.w-100 {
  width: 100%;
}
.projectConsulting .formDiv .form-group.w-100 textarea {
  background: #f8f9fb;
  padding: 0.2rem;
  font-size: 0.18rem;
  border: 1px solid #cccccc;
}
.projectConsulting .formDiv .checkBox i {

}
.projectConsulting .formDiv .checkBox.checked i {
  background: url(../images/icons/checked_icon.png) no-repeat center;
  background-size: contain;
  border: none;
}
.projectConsulting .formDiv .normBtn a {
  padding: 0.15rem 0.7rem;
}
.suspend_nav {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 99;
  margin-top: -1.9rem;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.suspend_nav .it {
  text-align: center;
  padding: 0.2rem 0.1rem;
  cursor: pointer;
  position: relative;
}
.suspend_nav .it .icon2 {
  display: none;
}
.suspend_nav .it::before {
  content: "";
  display: block;
  height: 1px;
  width: 80%;
  background: #c5c5c5;
  position: absolute;
  left: 10%;
  bottom: 0;
}
.suspend_nav .it:last-child::before {
  display: none;
}
.suspend_nav .it:last-child:hover {
  background: none;
}
.suspend_nav .it:last-child:hover p {
  color: #000;
}
.suspend_nav .it:hover,
.suspend_nav .it.iton {
  background: url(../images/xf_icon1.png) no-repeat center;
  background-size: cover;
}
.suspend_nav .it:hover .icon1,
.suspend_nav .it.iton .icon1 {
  display: none;
}
.suspend_nav .it:hover .icon2,
.suspend_nav .it.iton .icon2 {
  display: inline-block;
}
.suspend_nav .it:hover p,
.suspend_nav .it.iton p {
  color: #fff;
}
.suspend_nav .it:hover::before,
.suspend_nav .it.iton::before {
  display: none;
}
.suspend_nav .it:last-child {
  border-bottom: none;
}
.suspend_nav .it .icon {
  width: 0.3rem;
  height: 0.3rem;
}
.suspend_nav .it .txt {
  font-size: 0.12rem;
  color: #333;
}
.xfDiv {
  width: 8.7rem;
  margin: 0 auto;
  background: #fff;
}
.xfDiv .hDiv {
  background: #0055b6;
  color: #fff;
  padding: 0.1rem 0.2rem;
}
.xfDiv .hDiv .close {
  cursor: pointer;
}
.xfDiv .hDiv .close i{font-size:0.2rem;font-weight: bold;}
.xfDiv ul li {
  position: relative;
}
.xfDiv ul li::after {
  content: "";
  display: block;
  width: 1px;
  height: 80%;
  background: #c5c5c5;
  position: absolute;
  right: 0;
  top: 10%;
}
.xfDiv ul li:last-child::after {
  display: none;
}
.xfDiv ul li .btnA {
  display: inline-block;
  border: 1px solid #3e6cbb;
  font-size: 0.12rem;
  padding: 0.02rem 0.4rem;
  border-radius: 0.5rem;
  color: #2156b1;
}
.xfDiv ul li .btnA:hover {
  color: #fff !important;
  background: #3e6cbb;
}
.openflex {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 250;
  display: none;
}
.popup-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200;
  display: none;
}

.projectConsulting  .layui-icon-ok:before {
  display:none;
}
.projectConsulting .layui-form-checkbox  {
  height: unset;
  line-height: 30px;
  margin-right: .1rem;
  padding-right: 0;
}
.projectConsulting .layui-form-checkbox i {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #b0bdcd;

  border-radius: 0.01rem;
  cursor: pointer;
  position: unset;
}
.projectConsulting .layui-form-checked i {
  background: url(../images/icons/checked_icon.png) no-repeat center;
  background-size: contain;
  border: none;
}


.projectConsulting .layui-layer-dialog .layui-layer-content .layui-layer-ico5 {
  display:none;
}

@media screen and (max-width: 960px) {
  .projectConsulting .formDiv .form-group {
    width: 100%;
  }
  .xfDiv {
    width: 90%;
  }
  .xfDiv ul li {
    padding-bottom: 0.2rem;
  }
  .xfDiv ul li::after {
    bottom: 0;
    height: 1px;
    width: 50%;
    left: 25%;
    right: unset;
    top: unset;
  }
  .contactRequest {
    background: #f8f9fb!important;
  }
  .contactRequest .w-40 {
    margin-bottom: 0.4rem;
  }

}


.tableBox {
  width: 100%;
}
.tableBox table｛
width: 100%!important；
                     ｝
                     .tableBox table td {
                       font-size:.2rem;
                       padding: 0.15rem 0.5rem!important;
                       border-right: 0.05rem solid #fff!important;
                     }
.tableBox table td p,.tableBox table td p span {
  font-size:0.16rem!important;
}
.tableBox table .firstRow td {
  background: #0055b7;
  color:#fff;

}
.tableBox table tr:nth-child(2n + 1) {
  background: #f0f0f0;
}
.tableBox table tr.firstRow span{
  color:#fff!important;
}
.tableBox table td {
  padding: 0.15rem 0.5rem!important;
}

.secondNav .titBox,
.secondNavForA .titBox {
  display: none;
}
.flexBT {
  flex-wrap: wrap;
}
.videoBox {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 30;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.videoBox i {
  width: 0.6rem;
  height: 0.6rem;
  background: #0055b6;
  color: #fff;
  border-radius: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
}
.openVideoBox {
  position: relative;
}
.openVideoBox::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/icons/video_icon.png) no-repeat center rgba(0, 0, 0, 0.29);
  background-size: 0.59rem 0.59rem;
  cursor: pointer;
}
.checkUl {
  flex-wrap: wrap;
}
.checkUl li {
  display: flex;
  align-items: center;
}
.checkUl li i {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #b0bdcd;
  margin-right: 0.2rem;
  border-radius: 0.01rem;
  cursor: pointer;
}
.checkUl li.checked i {
  background: url(../images/icons/checked_icon.png) no-repeat center;
  background-size: contain;
  border: none;
}
.monthUl li {
  background: #f8f9fb;
  width: 1.2rem;
  padding: 0.1rem 0;
  margin-right: 0.1rem;
  font-size: 0.18rem;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0.1rem;
}
.monthUl li.current {
  color: #0055b6;
  position: relative;
  background: none;
}
.monthUl li.current::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0055b6;
  position: absolute;
  bottom: 0rem;
}
a:hover {
  color: #0055b6 !important;
}
.newsTag > div {
  background-size: 0.2rem 0.2rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 0.3rem;
  margin-right: 0.3rem;
}
.newsTag .pub {
  background-image: url(../images/icons/pub_icon.png);
}
.newsTag .time {
  background-image: url(../images/icons/time_icon.png);
}
.newsTag .view {
  background-image: url(../images/icons/view_icon.png);
}
.pageDiv ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageDiv ul li {
  height: 0.52rem;
  display: flex;
  align-items: center;
  margin: 0 1px;
  font-size: 0.18rem;
}
.pageDiv ul li a {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 0.2rem;
  background: #f3f8fc;
}
.pageDiv ul li span {
  height: 100%;
  display: block;
}
.pageDiv ul li input {
  width: 0.6rem;
  background: #f3f8fc;
  height: 100%;
  text-align: center;
  margin: 0 0.1rem;
}
.pageDiv ul li:hover a,
.pageDiv ul li.current a {
  background: #0055b6;
  color: #fff !important;
}
.pageDiv ul li:hover a i,
.pageDiv ul li.current a i {
  color: #fff;
}
.h-100 {
  height: 100%;
}
.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w8 {
  width: 0.8rem;
}
.pAll1 {
  padding: 0.1rem;
}
.pAll2 {
  padding: 0.2rem;
}
.pAll4 {
  padding: 0.4rem;
}
.pAll5 {
  padding: 0.5rem;
}
.pAll6 {
  padding: 0.6rem;
}
.stretch {
  align-items: stretch;
}
.column {
  flex-direction: column;
}
.ulFlexRowReverse li:nth-child(2n) {
  flex-flow: row-reverse;
}
.shadow1 {
  box-shadow: 0.06rem 0.05rem 0.32rem 0px rgba(227, 230, 236, 0.45);
}
.shadow2 {
  box-shadow: 0.06rem 0.05rem 0.32rem 0px rgba(227, 230, 236, 0.8);
}
.iconImg {
  display: block;
  background-size: contain!important;
  background-repeat: no-repeat;
}
.iconImg.language {
  background-image: url(../images/icons/language_icon.png);
}
.iconImg.tel {
  background-image: url(../images/icons/tel_icon.png);
}
.iconImg.email {
  background-image: url(../images/icons/email_icon.png);
}
.iconImg.qaq {
  background-image: url(../images/icons/qa_qicon.png);
}
.iconImg.qaa {
  background-image: url(../images/icons/qa_aicon.png);
}
.iconImg.add {
  background-image: url(../images/icons/add_icon.png);
}
.iconImg.phone {
  background-image: url(../images/icons/phone_icon.png);
}
.iconImg.fax {
  background-image: url(../images/icons/fax_icon.png);
}
.iconImg.s_em {
  background-image: url(../images/icons/s_em.png);
}
.iconImg.s_fa {
  background-image: url(../images/icons/s_fa.png);
}
.iconImg.s_in {
  background-image: url(../images/icons/s_in.png);
}
.iconImg.s_tw {
  background-image: url(../images/icons/s_tw.png);
}
.shareBox {
  border: 1px solid #aaaaaa;
  display: inline-block;
  padding: 0.1rem;
  border-radius: 0.1rem;
}
.shareBox ul li {
  padding: 0 0.2rem;
  border-right: 1px dashed #ededed;
  overflow: hidden;
}
.shareBox ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.shareBox ul li a:hover .iconImg {
  filter: drop-shadow(#0055b7 0 50px);
  transform: translateY(-50px);
}
.shareBox ul li:last-child {
  border: none;
}
.shareBox .iconImg {
  width: 0.25rem;
  height: 0.25rem;
}
.ulLi1 li {
  width: 100%;
  margin-bottom: 0.3rem;
}
.ulLi1 li:last-child {
  margin-bottom: 0;
}
.ulLi2 {
  flex-wrap: wrap;
}
.ulLi2 li {
  width: 48%;
  margin-bottom: 0.3rem;
}
.ulLi3 {
  flex-wrap: wrap;
}
.ulLi3 li {
  width: 31.5%;
  margin-bottom: 0.3rem;
}
.ulLi3 li:not(:nth-child(3n)) {
  margin-right: calc(5.5% / 2);
}
.ulLi4 {
  flex-wrap: wrap;
  align-items: stretch!important;
}
.ulLi4 li {
  width: 24%;
  margin-bottom: 0.3rem;
}
.ulLi4 li:not(:nth-child(4n)) {
  margin-right: calc(4% / 3);
}
.ulBorder li {
  border: 1px solid #d3e3f6;
}
.ulSdadow li:hover {
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.55);
}
.ulShadow li {
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.25);
}
.ulShadow li:hover {
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.55);
}
.flexWrap {
  flex-wrap: wrap;
}
.flexCA-md {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.tabIcons .items {
  cursor: pointer;
}
.tabCots .items {
  display: none;
}
.tabCots .items.on {
  display: block;
}
.tabIconsLv2 .items2 {
  cursor: pointer;
}
.tabCotsLv2 .items2 {
  display: none;
}
.tabCotsLv2 .items2.on {
  display: block;
}
.radioUl li {
  margin-right: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.radioUl li input {
  margin-right: 0.2rem;
  cursor: pointer;
}
.popBg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  z-index: 60;
  display: none;
}
.popBg .flexCC {
  width: 100%;
  height: 100%;
}
.popBg .popBox {
  width: 14rem;
  margin: 0 auto;
  background: #fff;
  padding: 0.2rem;
  border-radius: 0.1rem;
  position: relative;
}
.popBg .popBox .closeBtn {
  position: absolute;
  right: 0.1rem;
  top: 0rem;
  cursor: pointer;
}
.popBg .popBox .closeBtn i {
  font-size: 0.4rem;
  color: #898989;
}

@media screen and (max-width: 640px) {
  .ulLi2 li {
    width: 100%;
  }
  .ulLi3 li {
    width: 100%;
  }
  .ulLi4 li {
    width: 100%;
    margin-right: 0!important;
  }
  .w-70,
  .w-30,
  .w-50,
  .w-60,
  .w-40,
  .w-20,
  .w-80,
  .w-65,
  .w-35 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .newsList li {
    padding: 0.2rem;
  }
  .newsList li .ml10 {
    margin-left: 0.2rem;
  }
  .faithCenter .autowidth > div:nth-child(2n) {
    flex-flow: column;
  }
  .faithCenter .flexBC {
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 0.3rem;
  }
  .faithCenter .column {
    padding: 0.2rem;
  }
  .faithCenter .flex1 {
    min-width: unset;
  }
  .olppUl li {
    width: 100%;
  }
  .ulFlexRowReverse {
    padding: 0 0.2rem;
  }
  .ulFlexRowReverse li {
    flex-wrap: wrap;
    flex-flow: column!important;
  }
  .secondNav,
  .secondNavForA {
    position: relative;
    z-index: 20;
  }
  .secondNav .titBox,
  .secondNavForA .titBox {
    display: flex;
    height: 0.8rem;
    padding: 0 0.2rem;
    cursor: pointer;
  }
  .secondNav ul,
  .secondNavForA ul {
    border-top: 1px solid #e1e1e1;
    box-shadow: 0 1px 2px 0 #00000038;
    display: flex;
    flex-direction: column;
    padding: 0.2rem;
    display: none;
    position: absolute;
    top: 0.8rem;
    background: #fff;
  }
  .secondNav ul li,
  .secondNavForA ul li {
    width: 100%;
    font-weight: bold;
  }
  .secondNav ul li.on::after,
  .secondNavForA ul li.on::after,
  .secondNav ul li:hover::after,
  .secondNavForA ul li:hover::after {
    display: none;
  }
}

@media only screen and ( max-width: 640px ) {
  .pcUl .icon img{width: 2rem;}
  .ulLi3{width:90%;margin: 0 auto;}
  .ulLi3 li{margin-right: 0 !important;margin-bottom: 2rem;padding:1rem;}
  .font24{font-size:1rem;}
  .divPs p{font-size:0.6rem;line-height:1.2rem;}
  .productIntro .itemInfo{padding: 1rem;}
  .font36{font-size: 1.4rem;}
  .font16{font-size: 0.6rem;line-height: 1.2rem;}
}