@charset "utf-8";
/* CSS Document */
a,
.transition,
.page .swiper-pagination-bullet,
.head,
.head .logo img,
.nav a.name em:after,
.download li .name,
.download li .ico,
.download li .lock,
.case .list li .name,
.case .list li .msg,
.case .list li .ico,
.indexP3 .btn li:before,
.indexP3 .btn li:after,
.consult .temeDiv,
.case .list li .imgDiv img{
  transition: All 1.0s ease;
  -webkit-transition: All 1.0s ease;
  -moz-transition: All 1.0s ease;
  -o-transition: All 1.0s ease;}
.flex, 
.indexP2 .indexBox,
.indexP3 .indexBox,
.indexP2 .logoList li .imgDiv,
.pageBanner,
.contact .temeDiv,
.pic-modal-box .pic-box{
  display: flex;
  display: -webkit-flex; }
.indexP2 .indexBox,
.indexP3 .indexBox,
.pageBanner{
  flex-direction: column;
  -webkit-flex-direction: column; }
.indexP2 .indexBox,
.indexP3 .indexBox,
.indexP2 .logoList li .imgDiv,
.contact .temeDiv,
.pic-modal-box .pic-box{
  align-items: center;
  -webkit-align-items: center; }
.justifyCenter,
.indexP2 .indexBox,
.indexP3 .indexBox,
.indexP2 .logoList li .imgDiv,
.pageBanner,
.pic-modal-box .pic-box{
  justify-content: center;
  -webkit-justify-content: center; }
@keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-moz-keyframes start{0%,30%{opacity:0;-moz-transform:translate(0,-8px)}60%{opacity:1;-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(0,10px)}}
@keyframes ent { 0% { transform: scale(1);} 50% { transform: scale(1.1); } 100% { transform: scale(1); }}
@-webkit-keyframes ent { 0% { transform: scale(1);} 50% { transform: scale(1.1); } 100% { transform: scale(1); }}
@-moz-keyframes ent { 0% { transform: scale(1);} 50% { transform: scale(1.1); } 100% { transform: scale(1); }}
@font-face { font-family:harmony; src:url(../font/HarmonyOS_Sans_Bold.ttf);}
@font-face { font-family:bold; src:url(../font/MontserratBold.ttf);}
@font-face { font-family:light; src:url(../font/Montserrat-ExtraLight.otf);}
html {
  font-size: 100px; }
body {
  font-size: 12px;
  color: #666;
  overflow-x:hidden;
  -webkit-text-size-adjust: none; }
a {
  color: #666;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #2f54eb;
    outline: none; }
li {
  list-style: outside none; }
h1 {
  font-size: 16px; }
h2, h3, h4, h5 {
  font-size: 14px; }
h5 {
  font-size: 12px; }
textarea, input {
  background: transparent;
  font-size: 12px;
  color: #888;
  outline: none;
  border: 0; }
em {
  font-style: normal; }
img {
  vertical-align: middle;
  max-width: 100%;
  border: 0; }
.fl { float: left; }
.fr { float: right; }
.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }
.wal { width: 90% !important; margin: 0 auto; }
.gradient{ 
    background-image: linear-gradient(left,#1896f2,#2f54eb);
    background-image: -webkit-linear-gradient(left,#1896f2,#2f54eb);
    background-image: -moz-linear-gradient(left,#1896f2,#2f54eb);
    background-image: -o-linear-gradient(left,#1896f2,#2f54eb);
    background-image: linear-gradient(to right,#1896f2,#2f54eb);
  background-image: -webkit-linear-gradient(to right,#1896f2,#2f54eb);
    background-image: -moz-linear-gradient(to right,#1896f2,#2f54eb);
    background-image: -o-linear-gradient(to right,#1896f2,#2f54eb);}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.tab li, .tab2 li{ cursor:pointer;}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
.consult{ position: fixed; z-index: 4; right: 0; bottom: 10%; }
.consult .temeDiv{ position: absolute; right: -4.4rem; bottom: -0.5rem; width: 4.4rem; height: 3.8rem; border-top-left-radius: 12px; border-bottom-left-radius: 12px; background: #fff; overflow: hidden; }
.consult .temeDiv.on{ right: 0; }
.consult .botbot{ padding: 0.25rem 0.65rem 0 0.45rem; }
.consult .links li{ padding-bottom: 0.15rem; }
.consult .links li a{ position: relative; padding-left: 45px; display: block; height: 0.32rem; line-height: 0.32rem; color: #2d51ec; font-size: 0.18rem; }
.consult .links li img{ position: absolute; left: 0; top: 50%; margin-top: -11px; }
.consult .links li a:hover{ text-decoration: underline; }
.pageBanner{ position:relative; height: 6.5rem; background: center no-repeat; background-size: cover; z-index: 2;}
.pageBanner .cn{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; color: #fff; }
.pageBanner .cn2{ color: #333; }
.pageBanner .en{ font-size: 0.24rem; line-height: 0.24rem; font-family: light; color: #fff; text-transform: uppercase; padding-top: 0.2rem;}
.pageBanner .wen{ color: #fff; font-size: 0.16rem; line-height: 0.28rem; padding-top: 0.25rem; width: 4.75rem;}
.pageBanner .wen2{ color: #666; }
.pageBanner .msg{ padding-top: 0.6rem; background: url(../images/nimg43Bg.png) left top no-repeat; }
.pageBanner .teme{ font-size: 0.2rem; line-height: 0.36rem; color: #fff; width: 7.2rem; height: 1.44rem; padding-right: 0.1rem; overflow: auto; text-align: justify; }
.pageBanner .teme::-webkit-scrollbar { width: 3px;}
.pageBanner .teme::-webkit-scrollbar-track { background-color: #e5e5e5;}
.pageBanner .teme::-webkit-scrollbar-thumb { background-color: #2d51ec;} 
/* .pageBox{ padding: 1.2rem 0; position: relative; z-index: 2; background: #f5fafe; } */
.pageBox{ padding: 1.2rem 0; position: relative; z-index: 2;}
.pageTitle{ text-align: center; color: #000; font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; }
@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,30px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}
@-webkit-keyframes am_left
{
    0%{ -webkit-transform:translate(20px,0);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}
@-webkit-keyframes am_right
{
    0%{ -webkit-transform:translate(-20px,0);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}
@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes upDown {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(40px); } }
@-webkit-keyframes upDown {
  from {
    -webkit-transform: translateY(0); }
  to {
    -webkit-transform: translateY(40px); } }
@keyframes upDown2 {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-5px); } }
@-webkit-keyframes upDown2 {
  from {
    -webkit-transform: translateY(0); }
  to {
    -webkit-transform: translateY(-5px); } }
@-webkit-keyframes detailsNavList {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@-moz-keyframes detailsNavList {
  0% {
    opacity: 0;
    -moz-transform: translateY(40px);
         transform: translateY(40px);
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0);
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
}
@-o-keyframes detailsNavList {
  0% {
    opacity: 0;
    -o-transform: translateY(40px);
       transform: translateY(40px);
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
       transform: translateY(0);
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
}
@keyframes detailsNavList {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
       -moz-transform: translateY(40px);
         -o-transform: translateY(40px);
            transform: translateY(40px);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}