@charset "UTF-8";
.wow {
  opacity: 0;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

body {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  background: #fff;
  font-size: 3.199992vw;
}

@media screen and (max-width: 991px) {
  .index-swiper .ani {
    visibility: revert !important;
  }
}
@media screen and (min-width: 992px) {
  body {
    font-size: 1.04166vw;
  }
  .index-swiper .ani {
    opacity: 0;
  }
  .index-swiper .wow {
    opacity: 1 !important;
    visibility: revert !important;
  }
}
@font-face {
  font-family: roboto-b;
  src: url("/Template/Home/font/Roboto-Bold.ttf");
}
@font-face {
  font-family: roboto-r;
  src: url("/Template/Home/font/Roboto-Regular.ttf");
}
@font-face {
  font-family: roboto-l;
  src: url("/Template/Home/font/Roboto-Light.ttf");
}
@font-face {
  font-family: myriad-pro-r;
  src: url("/Template/Home/font/MyriadPro-Regular.otf");
}
.roboto-b {
  font-family: roboto-b;
}

.roboto-r {
  font-family: roboto-r;
}

.roboto-l {
  font-family: roboto-l;
}

.myriad-pro-r {
  font-family: myriad-pro-r;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

.ellipsis-01 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.ellipsis-02 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ellipsis-03 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.ellipsis-04 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.lh-10, .lh-10 * {
  line-height: 1 !important;
}

.lh-12, .lh-12 * {
  line-height: 1.2 !important;
}

.lh-14, .lh-14 * {
  line-height: 1.4 !important;
}

.lh-16, .lh-16 * {
  line-height: 1.6 !important;
}

.lh-175, .lh-175 * {
  line-height: 1.75 !important;
}

.lh-20, .lh-20 * {
  line-height: 2 !important;
}

.taj {
  text-align: justify;
}

/*--分页--*/
@media screen and (min-width: 320px) {
  div.pages {
    text-align: center;
    width: 100%;
    padding: 7.99998vw 0 0 0;
    margin: 0;
    line-height: 1.7;
  }
  div.pages * {
    line-height: 1.7;
  }
  div.pages a, div.pages span {
    text-decoration: none;
    padding: 0 2.133328vw;
    margin: 0.533332vw;
    color: #888;
    font-size: 2.66666vw;
    display: inline-flex;
    font-weight: normal;
    height: 6.399984vw;
    min-width: 6.399984vw;
    align-items: center;
    justify-content: center;
    border-radius: 3.199992vw;
    border: 0.266666vw solid #ddd;
  }
  div.pages a.on, div.pages a.hover, div.pages a:hover, div.pages a:active, div.pages span.current, div.pages span.disabled {
    background: #0075C2;
    color: #fff;
    border: 0.266666vw solid #0075C2;
  }
}
@media screen and (min-width: 992px) {
  div.pages {
    padding: 3.12498vw 0 0 0;
  }
  div.pages a, div.pages span {
    border-width: 0.052083vw;
    padding: 0 1.04166vw;
    margin: 0.260415vw;
    font-size: 0.833328vw;
    height: 2.60415vw;
    min-width: 2.60415vw;
    border-radius: 1.302075vw;
    font-family: roboto-r;
  }
  div.pages a.on, div.pages a.hover, div.pages a:hover, div.pages a:active, div.pages span.current, div.pages span.disabled {
    border-width: 0.052083vw;
  }
}
/*=================layout===================*/
@media screen and (min-width: 320px) {
  .container {
    padding: 0 3.99999vw;
    margin: 0 auto;
    width: 100%;
  }
  .container:after {
    content: " ";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .container-max {
    padding: 0 3.99999vw;
    width: 100%;
    margin: 0 auto;
  }
  /*界说滚动条高宽及布景 高宽别离对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f7f7f7;
  }
  /*界说滚动条轨路 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    background-color: #e6e6e6;
  }
  /*界说滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    background-color: #aaa;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 84.37446vw;
    padding: 0 0.52083vw;
  }
  .container-min {
    width: 73.95786vw;
    padding: 0 0.52083vw;
  }
}
/*=================header===================*/
@media screen and (min-width: 320px) {
  .nav-box {
    height: 14.66663vw;
    width: 100%;
    z-index: 100;
    left: 0;
    top: 0;
    position: relative;
    background: #fff;
  }
  .nav-box .container-header {
    position: relative;
  }
  .nav-box .header-box {
    height: 14.66663vw;
    display: block;
  }
  .nav-box .nav-box-bg {
    height: 14.66663vw;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
  }
  .logo {
    float: left;
    position: relative;
    z-index: 10;
    height: 14.66663vw;
    padding: 2.66666vw 0;
  }
  .logo .c {
    opacity: 1;
    height: 100%;
  }
  .logo .w {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  .logo a {
    position: relative;
    display: flex;
    height: 100%;
  }
  .logo a img {
    height: 100%;
    display: block;
  }
  .nav-btn {
    display: block;
    padding: 0 0;
    margin-right: -2.66666vw;
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 9;
    width: 11.99997vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav-btn i {
    line-height: 14.399964vw;
    font-size: 5.866652vw;
    width: 6.399984vw;
    text-align: center;
    color: #1A3A97;
  }
  .nav-btn .nav-hide-btn {
    display: none;
  }
  .nav-btn.nav-btn-show .nav-hide-btn {
    display: block;
  }
  .nav-btn.nav-btn-show .nav-show-btn {
    display: none;
  }
  .nav {
    position: absolute;
    top: 14.66663vw;
    left: 0;
    right: 0;
    background: rgba(245, 245, 245, 0.9);
    padding: 2.66666vw 3.99999vw;
    box-shadow: 0 3.99999vw 3.99999vw rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 1.599996vw;
    border-bottom-right-radius: 1.599996vw;
    z-index: 8;
    backdrop-filter: blur(7.99998vw);
  }
  .nav::before {
    content: " ";
    position: absolute;
    border-bottom: 2.66666vw solid rgba(245, 245, 245, 0.9);
    border-left: 2.399994vw solid transparent;
    border-right: 2.399994vw solid transparent;
    right: 4.799988vw;
    top: -2.66666vw;
  }
  .nav.e-anim-on {
    animation: nav-anim-on 0.3s;
    animation-fill-mode: both;
  }
  .nav.e-anim-off {
    animation: nav-anim-off 0.5s;
    animation-fill-mode: both;
  }
  .nav-list {
    visibility: visible !important;
  }
  .nav-list li {
    border-bottom: solid 0.266666vw rgba(0, 0, 0, 0.1);
  }
  .nav-list li:nth-last-child(2) {
    border-bottom: none;
  }
  .nav-list li a {
    display: block;
  }
  .nav-list li a b {
    font-weight: normal;
    line-height: 12.799968vw;
    position: relative;
    color: #131313;
    display: block;
    text-align: center;
    opacity: 0.5;
  }
  .nav-list li a span {
    display: none;
  }
  .nav-list li a.on b {
    opacity: 1;
  }
  .nav-list li.nav-on {
    border-color: transparent;
  }
  .nav-list li.nav-on a {
    border-bottom: none;
  }
  .nav-list li.nav-on a b {
    opacity: 1;
  }
  .nav-list li.nav-off .nav-list-sub {
    pointer-events: none;
  }
  .nav-list li .nav-list-sub {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 1.066664vw;
    overflow: hidden;
  }
  .nav-list li .nav-list-sub .nav-list-height {
    padding: 1.33333vw 0;
  }
  .nav-list li .nav-list-sub .sub-box {
    padding: 1.33333vw 0;
  }
  .nav-list li .nav-list-sub .sub-box .sub-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4E4E4E;
    padding: 2.66666vw 0;
    font-size: 3.199992vw;
    text-align: center;
  }
  .nav-list li .nav-list-sub .sub-box .sub-btn a i {
    padding-right: 1.33333vw;
  }
  .nav-list li .nav-list-sub .sub-box .sub-btn a i img {
    width: 5.33332vw;
    height: 5.33332vw;
  }
  .nav-list li .nav-list-sub .sub-box .sub-list {
    padding-bottom: 1.33333vw;
    display: flex;
    flex-wrap: wrap;
  }
  .nav-list li .nav-list-sub .sub-box .sub-list span a {
    color: #999;
    display: block;
    padding: 2.66666vw;
    font-size: 2.933326vw;
  }
  .nav-list li .nav-list-sub .sub-box + .sub-box {
    border-top: 0.266666vw solid rgba(0, 0, 0, 0.1);
  }
  .nav-list li .nav-list-sub {
    /*
    &>div {
    	padding: $s*10 $s*15;
    }

    a {
    	line-height: $s*46;
    	border-bottom: solid $s rgba(128, 128, 128, .1);
    	color: #eee;
    	font-size: $s*12;
    	text-align: center;

    	span {
    		color: #fff;
    		opacity: 0.7;
    	}

    	&:hover span,&.on-02 span {
    		color: #fff;
    	}

    }

    .sub-btn:nth-last-of-type(2) a {
    	border: none;
    }
    */
  }
  .nav-list li .nav-list-sub.e-anim-hide {
    display: block;
  }
  .nav-list li .nav-list-sub div.btn-sub-bg {
    display: none;
  }
  .nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02 {
    opacity: 0;
    filter: Alpha(opacity=0);
    width: 100%;
    left: 0;
    top: 0;
    height: 12.266636vw;
    background: #202020;
    z-index: -1;
    position: absolute;
    display: none;
  }
  .nav-list div.nav-btn-bg-02 {
    width: auto;
    left: auto;
  }
  .nav-list div.nav-btn-bg-02-show {
    opacity: 1;
    filter: Alpha(opacity=100);
  }
  .top-r .search-box {
    position: relative;
  }
  .top-r .search-box .flex {
    display: flex;
  }
  .top-r .search-box .flex i {
    height: 9.599976vw;
    padding-left: 2.66666vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
  .top-r .search-box .flex i::before {
    font-size: 4.799988vw;
    color: #1A3A97;
  }
  .top-r .search-box .flex .tips {
    display: none;
  }
  .top-r .search-box .flex .inp {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    border-radius: 4.799988vw;
    height: 9.599976vw;
    border: solid 0.266666vw #eee;
    padding: 0 3.99999vw 0 9.599976vw;
    background: #fff;
  }
}
@keyframes nav-anim-on {
  from {
    opacity: 0;
    transform: translateY(-2.66666vw);
    filter: blur(0.533332vw);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes nav-anim-off {
  from {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: translateY(-2.66666vw);
    filter: blur(0.533332vw);
  }
}
@keyframes nav-list-anim-on {
  from {
    opacity: 0;
    transform: translateY(-2.66666vw);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes nav-list-anim-off {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(2.66666vw);
  }
}
@media screen and (min-width: 992px) {
  .nav-box {
    height: 5.2083vw;
    background: #fff;
    box-shadow: 0 0.208332vw 0.416664vw rgba(0, 0, 0, 0.05);
    position: absolute;
    transition: background 0.3s;
  }
  .nav-box .container-header {
    padding: 0 0.52083vw;
  }
  .nav-box .nav {
    height: 5.2083vw;
  }
  .nav-box .nav-box-bg {
    height: 5.2083vw;
  }
  .nav-box-02 {
    position: relative;
  }
  .logo {
    height: 5.2083vw;
    padding: 0.885411vw 0 0.885411vw 0;
  }
  .logo a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
  }
  .logo a img {
    margin: 0 auto;
    height: 100%;
  }
  .nav-btn {
    display: none;
  }
  .nav {
    position: relative;
    transform: none;
    opacity: 1;
    filter: Alpha(opacity=100);
    z-index: 9;
    box-shadow: none;
    padding: 0;
    border-top: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: visible;
    background: none;
    top: 0;
    padding-left: 0;
    padding-right: 0;
    left: auto;
    right: auto;
    border-radius: 0;
    backdrop-filter: blur(0px);
  }
  .nav::before {
    display: none;
  }
  .nav.e-anim-hide {
    display: block;
  }
  .nav .nav-list {
    float: right;
    margin: 0;
    margin-right: -1.56249vw;
  }
  .nav .nav-list li {
    float: left;
    border-bottom: none;
    border: none;
  }
  .nav .nav-list li a {
    padding: 0 1.56249vw;
    position: relative;
  }
  .nav .nav-list li a .btn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 5.2083vw;
  }
  .nav .nav-list li a .btn b {
    color: #131313;
    font-size: 1.04166vw;
    height: auto;
    line-height: 1;
  }
  .nav .nav-list li a .btn span {
    color: #131313;
    overflow: hidden;
    font-size: 1.04166vw;
    height: auto;
    line-height: 1;
    opacity: 1;
    text-align: center;
    line-height: 1;
    margin-top: 0.416664vw;
    zoom: 0.5;
    display: block;
  }
  .nav .nav-list li.nav-on > a b {
    color: #07CCCC;
  }
  .nav .nav-list li .nav-list-sub {
    position: absolute;
    top: 5.2083vw;
    height: auto !important;
    box-shadow: 0 0.260415vw 0.416664vw rgba(0, 0, 0, 0.3);
    width: auto;
    background: none;
    box-shadow: none;
    border-radius: 0;
    padding-top: 0;
    overflow: visible;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
  }
  .nav .nav-list li .nav-list-sub .nav-list-height {
    padding: 0;
    position: relative;
    overflow: visible;
    background: #fff;
    display: flex;
    width: 100vw;
    border-top: 0.052083vw solid #f4f4f4;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex {
    display: flex;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .l {
    flex-basis: 26.0415vw;
    background: #f7f8fa;
    padding: 0.52083vw 0;
    padding-left: 8.124948vw;
    padding-top: 4.68747vw;
    padding-bottom: 4.68747vw;
    font-weight: bold;
    font-size: 1.354158vw;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .r {
    display: flex;
    flex-basis: 42.447645vw;
    flex-shrink: 0;
    min-width: 0;
    padding-right: 5.989545vw;
    padding: 3.749976vw 0 3.749976vw 2.60415vw;
    flex: 1;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box {
    padding: 0 2.60415vw;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-btn {
    display: flex;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-btn a {
    padding: 0.52083vw 0 0.260415vw 0;
    font-size: 1.354158vw;
    font-weight: bold;
    text-align: left;
    width: auto;
    display: inline-block;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-btn a:hover {
    color: #1A3A97;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-btn a i {
    padding-right: 0.52083vw;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-btn a i img {
    width: 2.395818vw;
    height: 2.395818vw;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-list {
    padding-top: 0.52083vw;
    padding-bottom: 0;
    border-bottom: 0.052083vw solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-wrap: nowrap;
    padding-left: 2.916648vw;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-list .sub-list-item span {
    display: block;
    flex-basis: 50%;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-list .sub-list-item span a {
    padding: 0.416664vw 0;
    font-size: 1.04166vw;
    text-align: left;
    width: auto;
    display: inline-block;
    white-space: nowrap;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-list .sub-list-item span a:hover {
    color: #1A3A97;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-list .sub-list-item + .sub-list-item {
    padding-left: 2.08332vw;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box .sub-list-02 span {
    flex-basis: 100%;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height .sub-flex .sub-box + .sub-box {
    border: none;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height a {
    height: auto;
    border: none;
    padding: 0.729162vw 0.52083vw;
    text-align: center;
    float: none;
    position: relative;
    z-index: 2;
    line-height: 1.4;
    width: 100%;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height a b {
    color: #fff;
    line-height: 1.2;
    display: block;
    font-size: 0.833328vw;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height a span {
    color: #fff;
    line-height: 1.2;
    display: block;
    font-size: 0.833328vw;
    padding-top: 0.52083vw;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height a:hover b, .nav .nav-list li .nav-list-sub .nav-list-height a.on b {
    color: #07CCCC;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height.e-anim-hide {
    display: none;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height.e-anim-on {
    animation: nav-list-anim-on-pc 0.3s;
    animation-fill-mode: both;
    display: block;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height.e-anim-off {
    animation: nav-list-anim-off-pc 0.3s;
    animation-fill-mode: both;
    display: block;
  }
  .nav .nav-list li .nav-list-sub .nav-list-height div.btn-sub-bg {
    display: none;
    position: absolute;
    width: 0;
    left: 0;
    height: 2.708316vw;
    padding: 0;
    border-bottom: solid 0.104166vw #202020;
  }
  .nav .nav-list div.nav-btn-bg, .nav .nav-list div.nav-btn-bg-02 {
    height: 5.2083vw;
    background: none;
    display: none;
  }
  .nav .nav-list div.nav-btn-bg::before, .nav .nav-list div.nav-btn-bg-02::before {
    content: " ";
    position: absolute;
    left: -0.52083vw;
    right: -0.52083vw;
    bottom: 0;
    height: 0.156249vw;
    background: #07CCCC;
  }
  .nav .nav-list .on div.nav-btn-bg {
    opacity: 1;
    filter: Alpha(opacity=1);
  }
  .nav {
    /*PC二级下拉布景致*/
  }
  .nav .nav-list-sub-bg {
    display: block;
    position: absolute;
    top: -100%;
    height: 2.708316vw;
    width: 100%;
    left: 0;
    background: #fff;
    opacity: 0;
    filter: Alpha(opacity=0);
    box-shadow: 0 0.156249vw 0.156249vw rgba(0, 0, 0, 0.1);
    border-top: solid 0.052083vw #f4f4f4;
  }
  .nav {
    /*.nav-list-sub-bg-show{ opacity: .9;  filter:Alpha(opacity=90); top: 70px;}*/
  }
  .top-r {
    float: right;
    display: flex;
    padding-left: 2.08332vw;
  }
  .top-r .search-box {
    position: relative;
    height: 5.2083vw;
    display: flex;
    align-items: center;
  }
  .top-r .search-box .flex {
    width: 2.08332vw;
  }
  .top-r .search-box .flex i {
    padding-left: 0.52083vw;
    height: 2.08332vw;
    pointer-events: none;
  }
  .top-r .search-box .flex i::before {
    color: #131313;
    font-size: 1.145826vw;
  }
  .top-r .search-box .flex .tips {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.52083vw;
    font-size: 0.729162vw;
    pointer-events: none;
  }
  .top-r .search-box .flex .inp {
    top: 1.56249vw;
    width: 100%;
    border-radius: 0.937494vw;
    height: 2.08332vw;
    border-width: 0.052083vw;
    padding: 0 0.52083vw 0 2.08332vw;
    opacity: 0;
    cursor: text;
    font-size: 0.833328vw;
  }
  .top-r .search-box .flex:hover {
    width: 9.37494vw;
  }
  .top-r .search-box .flex:hover i::before {
    color: #1A3A97;
  }
  .top-r .search-box .flex:hover .tips {
    opacity: 0;
  }
  .top-r .search-box .flex:hover .inp {
    opacity: 1;
  }
  .top-r .menu-box {
    position: relative;
    margin-left: 2.08332vw;
  }
  .top-r .menu-box .flex {
    display: flex;
    align-items: center;
    height: 5.2083vw;
  }
  .top-r .menu-box .flex i {
    display: flex;
    align-items: center;
    height: 2.08332vw;
    cursor: pointer;
  }
  .top-r .menu-box .flex i::before {
    color: #131313;
    font-size: 1.249992vw;
  }
  .swiper-slide .nav-box-transparent {
    background: transparent;
    box-shadow: none;
  }
  .swiper-slide .nav-box-transparent .logo img {
    filter: contrast(0%) brightness(1000%);
  }
  .swiper-slide .nav-box-transparent .nav .nav-list li a .btn b {
    color: #fff;
    opacity: 1;
  }
  .swiper-slide .nav-box-transparent .top-r .search-box .flex i::before {
    color: #fff;
  }
  .swiper-slide .nav-box-transparent .top-r .menu-box .flex i::before {
    color: #fff;
  }
}
@keyframes nav-list-anim-on-pc {
  from {
    transform: translateY(-0.52083vw);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes nav-list-anim-off-pc {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(0.52083vw);
    opacity: 0;
  }
}
@keyframes lang-on {
  from {
    transform: translateY(-0.52083vw);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes lang-off {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(0.52083vw);
    opacity: 0;
  }
}
@media screen and (min-width: 320px) {
  .anchor {
    width: 0;
    height: 0;
    display: block;
  }
  .ind-bd {
    padding: 7.99998vw 0;
    background-position: center;
    background-size: cover;
  }
  .info-bd {
    padding: 7.99998vw 0;
  }
  .info-bd-02 {
    padding: 7.99998vw 0;
  }
  .ind-tit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .ind-tit-box .tit {
    color: #131313;
    font-weight: bold;
    font-size: 7.466648vw;
    line-height: 1.4;
  }
  .ind-tit-box .sub-tit {
    color: #222F47;
    font-size: 2.66666vw;
    padding-top: 1.33333vw;
    line-height: 1.4;
  }
  .info-box {
    padding: 7.99998vw 0;
    background-position: center;
    background-size: cover;
  }
  .page-tit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .page-tit-box .tit {
    color: #131313;
    font-weight: bold;
    font-size: 7.466648vw;
    line-height: 1.4;
  }
  .page-tit-box .tit span {
    color: #0075C2;
  }
  .page-tit-box .sub-tit {
    color: #222F47;
    font-size: 2.66666vw;
    padding-top: 1.33333vw;
    line-height: 1.4;
  }
  .page-tit-box .sub-tit b {
    color: #0075C2;
  }
  .page-tit-box-02 .sub-tit {
    color: #131313;
  }
  .page-tit-box-03 {
    align-items: flex-start;
  }
  .page-tit-box-04 .sub-tit {
    padding-top: 2.66666vw;
    line-height: 1.75;
    text-align: left;
    font-size: 2.66666vw;
    color: #131313;
  }
  .btn-box {
    display: flex;
  }
  .btn-box .btn {
    height: 7.99998vw;
    padding: 0 3.99999vw;
    border-radius: 1.066664vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #495770;
    font-size: 2.66666vw;
    background-image: linear-gradient(to right, #1A3A97, #00AFEC);
  }
  .btn-box .btn span {
    color: #fff;
  }
  .btn-box .btn i {
    padding-left: 2.66666vw;
  }
  .btn-box .btn i::before {
    font-size: 2.66666vw;
    color: #fff;
  }
  .btn-box .btn:hover {
    transform: translateY(-10%);
  }
  .btn-box-02 {
    display: flex;
  }
  .btn-box-02 .btn {
    height: 7.99998vw;
    padding: 0 3.99999vw;
    border-radius: 1.066664vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #495770;
    font-size: 2.66666vw;
    position: relative;
    overflow: hidden;
  }
  .btn-box-02 .btn::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0.266666vw solid #666;
    border-radius: 1.066664vw;
  }
  .btn-box-02 .btn::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #1A3A97, #00AFEC);
    opacity: 0;
  }
  .btn-box-02 .btn span {
    color: #666;
    position: relative;
    z-index: 2;
  }
  .btn-box-02 .btn i {
    padding-left: 2.66666vw;
    position: relative;
    z-index: 2;
  }
  .btn-box-02 .btn i::before {
    font-size: 2.66666vw;
    color: #666;
  }
  .btn-box-02 .btn:hover {
    transform: translateY(-10%);
    border-color: transparent;
  }
  .btn-box-02 .btn:hover::after {
    opacity: 0;
  }
  .btn-box-02 .btn:hover::before {
    opacity: 1;
  }
  .btn-box-02 .btn:hover span {
    color: #fff;
  }
  .btn-box-02 .btn:hover i::before {
    color: #fff;
  }
  a:hover .btn-box-02 .btn {
    transform: translateY(-10%);
    border-color: transparent;
  }
  a:hover .btn-box-02 .btn::after {
    opacity: 0;
  }
  a:hover .btn-box-02 .btn::before {
    opacity: 1;
  }
  a:hover .btn-box-02 .btn span {
    color: #fff;
  }
  a:hover .btn-box-02 .btn i::before {
    color: #fff;
  }
  .layui-input, .layui-select, .layui-textarea {
    height: 10.133308vw;
    border-radius: 0.533332vw;
    border-width: 0.266666vw;
    padding-left: 2.66666vw;
  }
  .layui-form-select .layui-input {
    padding-right: 7.99998vw;
  }
  .layui-form-select .layui-edge {
    border-width: 1.599996vw;
    margin-top: -0.799998vw;
    right: 2.66666vw;
  }
  .layui-form-selected .layui-edge {
    margin-top: -2.399994vw;
  }
  .layui-form-select dl {
    top: 11.199972vw;
    padding: 1.33333vw 0;
    border-width: 0.266666vw;
    border-radius: 0.533332vw;
    max-height: 79.9998vw;
  }
  .layui-form-selectup dl {
    top: auto;
    bottom: 11.199972vw;
  }
  .layui-form-select dl dd, .layui-form-select dl dt {
    line-height: 9.599976vw;
  }
  .layui-form-select dl dd.layui-this {
    background-color: #07CCCC;
  }
  .layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i {
    color: #07CCCC;
  }
  .layui-form-radio > i {
    margin-right: 2.133328vw;
    font-size: 5.866652vw;
  }
  .layui-form-radio {
    line-height: 7.466648vw;
    margin: 1.599996vw 2.66666vw 0 0;
    padding-right: 2.66666vw;
  }
  .layui-form-radio * {
    font-size: 3.733324vw;
    color: #666;
  }
  .layui-form-radioed * {
    color: #07CCCC;
  }
}
@media screen and (max-width: 991px) {
  .pc-box {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .zzkkMain .zzkkTop {
    width: 100%;
    background: url("/Template/Home/img/zzkkBg.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .zzkkMain .zzkkTop .logos img {
    margin-top: 5.72913vw;
    width: 16.66656vw;
    margin-left: 4.16664vw;
  }
  .zzkkMain .zzkkTop .btTit {
    text-align: center;
    margin-top: 5.2083vw;
  }
  .zzkkMain .zzkkTop .btTit .th {
    font-size: 3.541644vw;
    font-weight: 800;
  }
  .zzkkMain .zzkkTop .btTit .minTits {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.979154vw;
  }
  .zzkkMain .zzkkTop .btTit .minTits .lineH {
    background-color: #7a8390;
    width: 11.45826vw;
    height: 1px;
  }
  .zzkkMain .zzkkTop .btTit .minTits .texts {
    font-size: 2.60415vw;
    margin-left: 1.04166vw;
    margin-right: 1.04166vw;
  }
  .zzkkMain .zzkkTop .btTit .produImg {
    width: 31.77063vw;
    margin: 0 auto;
    margin-top: 4.999968vw;
  }
  .zzkkMain .zzkkTop .btTit .produImg img {
    margin-left: 0.52083vw;
    width: 100%;
  }
  .zzkkMain .zzkkTop .btTit .TextCon {
    width: 78.1245vw;
    margin: 0 auto;
    font-size: 1.249992vw;
    margin-top: 6.24996vw;
    line-height: 1.770822vw;
    padding-bottom: 0.52083vw;
  }
  .zzkkMain .zzkkBottom {
    width: 100%;
    background: url("/Template/Home/img/zzkkBg2.png") no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 7.708284vw;
  }
  .zzkkMain .zzkkBottom .twsList {
    width: 83.3328vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-around;
    padding-top: 1.04166vw;
  }
  .zzkkMain .zzkkBottom .twsList .lists {
    padding-top: 3.385395vw;
    width: 33.3333333%;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg {
    margin: 0 auto;
    height: 4.68747vw;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg img {
    margin: 0 auto;
    display: block;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg .ig01 {
    width: 4.16664vw;
    height: 3.749976vw;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg .ig02 {
    width: 4.16664vw;
    height: 4.479138vw;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg .ig03 {
    width: 4.16664vw;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg .ig04 {
    width: 4.16664vw;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg .ig05 {
    width: 4.16664vw;
  }
  .zzkkMain .zzkkBottom .twsList .lists .twTit {
    font-size: 2.60415vw;
    font-weight: 700;
    margin-top: 1.56249vw;
    text-align: center;
  }
  .zzkkMain .zzkkBottom .twsList .lists .twTxt {
    font-size: 1.458324vw;
    text-align: center;
    line-height: 1.666656vw;
    margin-top: 1.04166vw;
  }
  .index-swiper {
    height: 100vh;
  }
  .m-box {
    display: none !important;
  }
  .ind-bd {
    padding: 0 0 0 0;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .info-bd {
    padding: 5.2083vw 0 6.24996vw 0;
  }
  .info-bd-02 {
    padding: 3.12498vw 0;
  }
  .ind-tit-box .tit {
    font-size: 3.12498vw;
  }
  .ind-tit-box .sub-tit {
    font-size: 1.249992vw;
    padding-top: 0.260415vw;
  }
  .page-tit-box .tit {
    font-size: 2.60415vw;
  }
  .page-tit-box .sub-tit {
    font-size: 0.937494vw;
    padding-top: 0.52083vw;
  }
  .page-tit-box .titSyc {
    text-align: left;
    width: 100%;
    color: #4c94ff;
  }
  .page-tit-box .minSubs {
    width: 76%;
    margin: 0 auto;
    font-size: 1.04166vw;
  }
  .page-tit-box .minSubs b {
    font-size: 1.56249vw;
    color: #4c94ff;
  }
  .page-tit-box .minSubs span {
    color: #4c94ff;
  }
  .page-tit-box-02 .sub-tit {
    padding-top: 1.822905vw;
    font-size: 1.145826vw;
  }
  .page-tit-box-04 .sub-tit {
    padding-top: 0.781245vw;
    margin: 0 auto;
    font-size: 0.937494vw;
  }
  .info-box {
    padding: 5.72913vw 0;
  }
  .btn-box {
    padding-top: 0;
  }
  .btn-box .btn {
    height: 3.020814vw;
    padding: 0 1.822905vw;
    border-radius: 0.312498vw;
    font-size: 0.937494vw;
  }
  .btn-box .btn i {
    padding-left: 0.52083vw;
  }
  .btn-box .btn i::before {
    font-size: 0.677079vw;
  }
  .btn-box-02 {
    padding-top: 0;
  }
  .btn-box-02 .btn {
    height: 3.020814vw;
    padding: 0 1.822905vw;
    border-radius: 0.312498vw;
    font-size: 0.937494vw;
    border-width: 0.052083vw;
  }
  .btn-box-02 .btn::after {
    border-width: 0.052083vw;
    border-radius: 0.312498vw;
  }
  .btn-box-02 .btn i {
    padding-left: 0.52083vw;
  }
  .btn-box-02 .btn i::before {
    font-size: 0.833328vw;
  }
  .solbox-02 {
    background-image: linear-gradient(to top, #e6f1fb, transparent 40%);
  }
  .solbox-03 {
    background-image: linear-gradient(to bottom, #4d95ff 0%, transparent 10%);
  }
  .page-ac02Main {
    display: flex;
    width: 80%;
    margin: 0 auto;
    margin-top: 3.64581vw;
    justify-content: space-between;
  }
  .page-ac02Main .list {
    width: 26%;
  }
  .page-ac02Main .list .iconImg {
    width: 3.64581vw;
    height: 3.64581vw;
    margin: 0 auto;
  }
  .page-ac02Main .list .iconImg img {
    width: 3.64581vw;
    height: 3.64581vw;
  }
  .page-ac02Main .list .titStr {
    text-align: center;
    font-size: 1.56249vw;
    margin: 2.08332vw 0;
  }
  .page-ac02Main .list .textStr {
    font-size: 0.937494vw;
    line-height: 1.666656vw;
  }
  .hxysMain {
    display: flex;
    justify-content: space-between;
    width: 88%;
    margin: 0 auto;
    margin-top: 5.2083vw;
  }
  .hxysMain .hxysLeft {
    width: 30%;
  }
  .hxysMain .hxysLeft .hxyTit {
    text-align: right;
    margin-right: 5.2083vw;
    margin-bottom: 0.52083vw;
  }
  .hxysMain .hxysLeft .hxyTxt {
    padding-right: 3.64581vw;
  }
  .hxysMain .hxysLeft .hbg01, .hxysMain .hxysLeft .hbg02 {
    background-position: right top;
    background-size: contain;
  }
  .hxysMain .hxysCen {
    width: 26%;
  }
  .hxysMain .hxysCen img {
    width: 100%;
  }
  .hxysMain .hxysRight {
    width: 30%;
  }
  .hxysMain .hxysRight .hxyTit {
    text-align: left;
    margin-left: 4.947885vw;
    margin-bottom: 0.52083vw;
  }
  .hxysMain .hxysRight .hxyTxt {
    padding-left: 4.947885vw;
  }
  .hxysMain .hxysRight .hbg03, .hxysMain .hxysRight .hbg04 {
    background-position: left top;
    background-size: contain;
  }
  .hxysMain .hxyBg {
    margin-bottom: 2.60415vw;
  }
  .hxysMain .hxyBg .hxyTit {
    font-size: 1.56249vw;
    color: #64a2ff;
  }
  .hxysMain .hxyBg .hxyTxt {
    font-size: 0.833328vw;
    line-height: 1.56249vw;
    padding-bottom: 1.56249vw;
  }
  .hxysMain .hbg01 {
    background: url("/Template/Home/img/hxys01.png") no-repeat;
  }
  .hxysMain .hbg02 {
    background: url("/Template/Home/img/hxys02.png") no-repeat;
  }
  .hxysMain .hbg03 {
    background: url("/Template/Home/img/hxys03.png") no-repeat;
  }
  .hxysMain .hbg04 {
    background: url("/Template/Home/img/hxys04.png") no-repeat;
  }
  .newPageTit .shu {
    width: 2.60415vw;
  }
  .newPageTit .shu .s {
    width: 3px;
    height: 5.989545vw;
    margin: 0 auto;
    background-color: #4c94ff;
  }
  .newPageTit .tit {
    width: 2.60415vw;
    color: #4c94ff;
    margin-top: 0.52083vw;
  }
  .byDw {
    position: absolute;
    left: 0;
  }
  .byDw .img {
    width: 5.2083vw;
  }
  .dbfadf {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .dbfadf .img {
    width: 17.499888vw;
  }
  .dispf {
    display: flex;
    align-items: start;
  }
  .dispf .juyo3 {
    width: 92%;
    margin-left: 1.04166vw;
  }
  .dispf .juyo3 img {
    padding-bottom: 6.77079vw;
    max-width: 100%;
    margin-top: 2.08332vw;
  }
  .noPt {
    padding-top: 0;
  }
  .noPb {
    padding-bottom: 1.56249vw;
  }
  .layui-input, .layui-select, .layui-textarea {
    height: 2.60415vw;
    border-radius: 0.104166vw;
    border-width: 0.052083vw;
    padding-left: 0.52083vw;
  }
  .layui-form-select .layui-input {
    padding-right: 2.08332vw !important;
  }
  .layui-form-select .layui-edge {
    border-width: 0.312498vw;
    margin-top: -0.156249vw;
    right: 0.781245vw;
  }
  .layui-form-selected .layui-edge {
    margin-top: -0.468747vw;
  }
  .layui-form-select dl {
    top: 2.916648vw;
    padding: 0.260415vw 0;
    border-width: 0.052083vw;
    border-radius: 0.104166vw;
    max-height: 15.6249vw;
  }
  .layui-form-selectup dl {
    bottom: 2.916648vw;
  }
  .layui-form-select dl dd, .layui-form-select dl dt {
    line-height: 2.499984vw;
  }
  .layui-form-radio > i {
    margin-right: 0.416664vw;
    font-size: 1.145826vw;
  }
  .layui-form-radio {
    line-height: 1.458324vw;
    margin: 0.572913vw 0.52083vw 0.572913vw 0;
    padding-right: 0.52083vw;
  }
  .layui-form-radio * {
    font-size: 0.833328vw;
  }
}
@media screen and (min-width: 320px) {
  .banner-swiper {
    position: relative;
  }
  .banner-swiper .link {
    display: block;
  }
  .banner-swiper .link .banner-bg {
    height: 74.66648vw;
    background-size: cover;
    background-position: center;
  }
  .banner-swiper .banner-btn {
    display: none;
  }
  .banner-swiper .banner-pagination {
    position: absolute;
    bottom: 3.99999vw;
    width: 39.9999vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet {
    width: 6.399984vw;
    height: 6.399984vw;
    background: none;
    margin: 0 2.66666vw;
    position: relative;
    opacity: 1;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet::before {
    content: " ";
    position: absolute;
    right: -5.33332vw;
    top: 50%;
    margin-top: -0.266666vw;
    width: 5.33332vw;
    height: 0.533332vw;
    background: #fff;
    opacity: 0.7;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet .border {
    content: " ";
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    border-radius: 50%;
    background: none;
    border: 0.533332vw solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet .border::before {
    content: " ";
    display: block;
    width: 3.199992vw;
    height: 3.199992vw;
    border-radius: 50%;
    background: #fff;
    position: relative;
    z-index: 2;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.533312vw;
    height: 8.533312vw;
    background: linear-gradient(to right, #00AFEC, #1A3A97);
    margin: -1.066664vw 0 0 -1.066664vw;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet .ico::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.866652vw;
    height: 5.866652vw;
    border-radius: 50%;
    background-color: #fff;
    background-size: cover;
    color: #FF9823;
    font-size: 5.866652vw;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet:nth-last-child(1)::before {
    display: none;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet-active .border {
    opacity: 0;
    transform: scale(1.5);
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet-active .ico {
    opacity: 1;
    transform: scale(1);
  }
}
@media screen and (min-width: 992px) {
  .banner-swiper {
    height: 100%;
  }
  .banner-swiper .link {
    height: 100%;
  }
  .banner-swiper .link .banner-bg {
    height: 100%;
  }
  .banner-swiper .banner-btn {
    width: 3.437478vw;
    height: 6.874956vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: 2;
    margin-top: -3.437478vw;
    display: block;
    cursor: pointer;
    transition: 0.3s;
  }
  .banner-swiper .banner-prev {
    background-image: url(/Template/Home/img/banner-prev-btn.png);
    left: 50%;
    margin-left: -41.6664vw;
  }
  .banner-swiper .banner-prev:hover {
    transform: translateX(-10%);
  }
  .banner-swiper .banner-next {
    background-image: url(/Template/Home/img/banner-next-btn.png);
    right: 50%;
    margin-right: -41.6664vw;
  }
  .banner-swiper .banner-next:hover {
    transform: translateX(10%);
  }
  .banner-swiper .banner-pagination {
    bottom: 2.812482vw;
    width: 15.6249vw;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet {
    width: 2.187486vw;
    height: 2.187486vw;
    margin: 0 1.979154vw;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet::before {
    right: -3.958308vw;
    margin-top: -0.052083vw;
    width: 3.958308vw;
    height: 0.104166vw;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet .border {
    border-width: 0.104166vw;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet .border::before {
    width: 1.145826vw;
    height: 1.145826vw;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet .ico {
    width: 3.020814vw;
    height: 3.020814vw;
    margin: -0.416664vw 0 0 -0.416664vw;
  }
  .banner-swiper .banner-pagination .swiper-pagination-bullet .ico::before {
    width: 1.979154vw;
    height: 1.979154vw;
    font-size: 1.979154vw;
  }
}
@media screen and (max-width: 992px) {
  .zzkkMain .zzkkTop {
    width: 100%;
    background: url("/Template/Home/img/zzkkBg.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .zzkkMain .zzkkTop .logos img {
    margin-top: 7.99998vw;
    width: 31.99992vw;
    margin-left: 5.33332vw;
  }
  .zzkkMain .zzkkTop .btTit {
    text-align: center;
    margin-top: 7.99998vw;
  }
  .zzkkMain .zzkkTop .btTit .th {
    font-size: 4.799988vw;
    font-weight: 800;
  }
  .zzkkMain .zzkkTop .btTit .minTits {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4.799988vw;
  }
  .zzkkMain .zzkkTop .btTit .minTits .lineH {
    background-color: #7a8390;
    width: 11.45826vw;
    height: 1px;
  }
  .zzkkMain .zzkkTop .btTit .minTits .texts {
    font-size: 4.266656vw;
    margin-left: 0.799998vw;
    margin-right: 1.599996vw;
  }
  .zzkkMain .zzkkTop .btTit .produImg {
    width: 55.99986vw;
    margin: 0 auto;
    margin-top: 22.933276vw;
  }
  .zzkkMain .zzkkTop .btTit .produImg img {
    margin-left: 0.533332vw;
    width: 100%;
  }
  .zzkkMain .zzkkTop .btTit .TextCon {
    width: 78.1245vw;
    margin: 0 auto;
    font-size: 3.199992vw;
    margin-top: 5.33332vw;
    line-height: 5.33332vw;
    padding-bottom: 2.66666vw;
  }
  .zzkkMain .zzkkBottom {
    width: 100%;
    background: url("/Template/Home/img/zzkkBg2.png") no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 7.708284vw;
  }
  .zzkkMain .zzkkBottom .twsList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-around;
    padding-top: 2.66666vw;
  }
  .zzkkMain .zzkkBottom .twsList .lists {
    padding-top: 9.33331vw;
    width: 100%;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg {
    margin: 0 auto;
  }
  .zzkkMain .zzkkBottom .twsList .lists .liImg img {
    width: 15.99996vw;
    margin: 0 auto;
    display: block;
  }
  .zzkkMain .zzkkBottom .twsList .lists .twTit {
    font-size: 5.33332vw;
    font-weight: 700;
    margin-top: 2.66666vw;
    text-align: center;
  }
  .zzkkMain .zzkkBottom .twsList .lists .twTxt {
    font-size: 3.733324vw;
    text-align: center;
    line-height: 5.866652vw;
    margin-top: 2.66666vw;
  }
}
@media screen and (min-width: 320px) {
  .ind-box-01 .flex {
    padding-top: 5.33332vw;
  }
  .ind-box-01 .flex .ind-bg {
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 5.33332vw;
    border: 0.266666vw solid #fff;
    box-shadow: 0 0 1.866662vw rgba(26, 58, 151, 0.15);
    border-radius: 1.866662vw;
    position: relative;
  }
  .ind-box-01 .flex .ind-bg .tips-box {
    display: flex;
    justify-content: flex-end;
  }
  .ind-box-01 .flex .ind-bg .tips-box .tips {
    height: 6.399984vw;
    padding: 0 2.66666vw;
    border: 0.266666vw solid #495770;
    border-radius: 1.066664vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #495770;
    font-size: 2.66666vw;
  }
  .ind-box-01 .flex .ind-bg .box .tit-box .tit {
    color: #131313;
    font-weight: bold;
    font-size: 6.399984vw;
    line-height: 1.4;
  }
  .ind-box-01 .flex .ind-bg .box .tit-box .tit span {
    color: #0075C2;
  }
  .ind-box-01 .flex .ind-bg .box .tit-box .sub-tit {
    font-size: 2.933326vw;
    color: #495770;
    padding-top: 2.66666vw;
  }
  .ind-box-01 .flex .ind-bg .box .line {
    background: #bec8d9;
    opacity: 0.25;
    height: 0.266666vw;
    margin: 2.66666vw 0;
  }
  .ind-box-01 .flex .ind-bg .box .txt {
    color: #495770;
    font-size: 2.66666vw;
    line-height: 1.75;
  }
  .ind-box-01 .flex .ind-bg .list {
    margin: -1.33333vw 0;
    padding-top: 5.33332vw;
  }
  .ind-box-01 .flex .ind-bg .list dl {
    display: flex;
    padding: 1.33333vw 0;
  }
  .ind-box-01 .flex .ind-bg .list dl dt {
    display: flex;
    margin-right: 2.66666vw;
  }
  .ind-box-01 .flex .ind-bg .list dl dt i {
    width: 2.133328vw;
    height: 3.199992vw;
    background-image: url(/Template/Home/img/lightning.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin-right: 1.33333vw;
  }
  .ind-box-01 .flex .ind-bg .list dl dt b {
    color: #131313;
    font-size: 2.66666vw;
  }
  .ind-box-01 .flex .ind-bg .list dl dd {
    color: #FF9823;
    font-size: 2.66666vw;
  }
  .ind-box-01 .flex .ind-bg .btn-box {
    padding-top: 5.33332vw;
    justify-content: flex-end;
  }
  .ind-box-01 .flex .ind-bg-01 {
    background-image: url(/Template/Home/img/ind-bg-01.jpg);
  }
  .ind-box-01 .flex .ind-bg-02 {
    background-image: url(/Template/Home/img/ind-bg-02.jpg);
  }
  .ind-box-01 .flex .r {
    padding-top: 5.33332vw;
  }
  .ind-box-01 .flex .r .tips-box .tips {
    border-color: #fff;
    color: #fff;
  }
  .ind-box-01 .flex .r .box .tit-box .tit {
    color: #fff;
  }
  .ind-box-01 .flex .r .box .tit-box .tit span {
    color: #0075C2;
  }
  .ind-box-01 .flex .r .box .tit-box .sub-tit {
    color: #fff;
  }
  .ind-box-01 .flex .r .box .txt {
    color: #fff;
  }
  .ind-box-01 .flex .r .list dl dt b {
    color: #fff;
  }
  .ind-box-01 .flex {
    /* .tips-box{
    	display: flex;
    	.tips{
    		height: $s*24;
    		padding: 0 $s*10;
    		border: $s solid #fff;
    		border-radius: $s*4;
    		display: flex;
    		align-items: center;
    		justify-content: center;
    		color: #fff;
    		font-size: $s*10;
    	}
    }


    .tit-box{
    	padding-top:$s*40;
    	.tit{
    		color: #fff;
    		font-weight: bold;
    		font-size: $s*24;
    		line-height: 1.4;
    		span{
    			color: $vi5;
    		}
    	}
    	.sub-tit{
    		font-size: $s*11;
    		color: #fff;
    		padding-top: $s*10;
    	}
    } */
  }
}
@media screen and (min-width: 992px) {
  .ind-box-01 .flex {
    padding-top: 2.08332vw;
    display: flex;
    justify-content: space-between;
  }
  .ind-box-01 .flex .l, .ind-box-01 .flex .r {
    display: flex;
    flex: 1;
    padding-top: 0;
    flex-basis: 29.426895vw;
    flex-shrink: 0;
    min-width: 0;
    height: 31.510215vw;
  }
  .ind-box-01 .flex .l {
    padding-right: 0.781245vw;
  }
  .ind-box-01 .flex .r {
    padding-left: 0.781245vw;
  }
  .ind-box-01 .flex .ind-bg {
    padding: 2.08332vw 2.343735vw 3.12498vw 2.343735vw;
    border-width: 0.052083vw;
    box-shadow: 0 0 0.781245vw rgba(26, 58, 151, 0.15);
    border-radius: 0.729162vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .ind-box-01 .flex .ind-bg .tips-box {
    position: absolute;
    top: 2.08332vw;
    left: 2.343735vw;
  }
  .ind-box-01 .flex .ind-bg .tips-box .tips {
    height: 1.927071vw;
    padding: 0 0.52083vw;
    border-width: 0.052083vw;
    border-radius: 0.208332vw;
    font-size: 0.833328vw;
    position: absolute;
    left: 0;
    white-space: nowrap;
    transform: translateX(0%);
  }
  .ind-box-01 .flex .ind-bg .box {
    width: 100%;
  }
  .ind-box-01 .flex .ind-bg .box .tit-box {
    padding-top: 1.927071vw;
  }
  .ind-box-01 .flex .ind-bg .box .tit-box .tit {
    font-size: 2.60415vw;
  }
  .ind-box-01 .flex .ind-bg .box .tit-box .sub-tit {
    font-size: 1.145826vw;
    padding-top: 0.52083vw;
  }
  .ind-box-01 .flex .ind-bg .box .line {
    height: 0.052083vw;
    margin: 0;
    transform: scaleX(0);
  }
  .ind-box-01 .flex .ind-bg .box .txt {
    font-size: 0.833328vw;
    line-height: 1.75;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .ind-box-01 .flex .ind-bg .list {
    margin: 0;
    padding-top: 0;
    height: 0;
    overflow: hidden;
  }
  .ind-box-01 .flex .ind-bg .list dl {
    padding: 0.52083vw 0;
  }
  .ind-box-01 .flex .ind-bg .list dl dt {
    margin-right: 1.04166vw;
  }
  .ind-box-01 .flex .ind-bg .list dl dt i {
    width: 0.52083vw;
    height: 0.885411vw;
    margin-right: 0.416664vw;
  }
  .ind-box-01 .flex .ind-bg .list dl dt b {
    font-size: 0.989577vw;
  }
  .ind-box-01 .flex .ind-bg .list dl dd {
    font-size: 0.937494vw;
  }
  .ind-box-01 .flex .ind-bg .btn-box {
    padding: 2.343735vw;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    padding-top: 0;
    opacity: 0;
  }
  .ind-box-01 .flex .on {
    flex-basis: 53.905905vw;
  }
  .ind-box-01 .flex .on .ind-bg .tips-box {
    left: auto;
    left: 50.780925vw;
  }
  .ind-box-01 .flex .on .ind-bg .tips-box .tips {
    transform: translateX(-100%);
  }
  .ind-box-01 .flex .on .ind-bg .box {
    width: 26.249832vw;
  }
  .ind-box-01 .flex .on .ind-bg .box .line {
    margin: 1.56249vw 0;
    transform: scaleX(1);
  }
  .ind-box-01 .flex .on .ind-bg .box .txt {
    height: 5.989545vw;
    opacity: 1;
  }
  .ind-box-01 .flex .on .ind-bg .box .list {
    margin: -0.52083vw 0;
    padding-top: 3.12498vw;
    height: 7.031205vw;
  }
  .ind-box-01 .flex .on .ind-bg .btn-box {
    opacity: 1;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-application {
    padding-bottom: 55%;
  }
  .ind-box-02 {
    background-image: url(/Template/Home/img/ind-bg-03.jpg);
  }
  .ind-box-02 .ind-tit-box .tit {
    color: #fff;
  }
  .ind-box-02 .ind-tit-box .sub-tit {
    color: #fff;
  }
  .ind-box-02 .application-box {
    padding-top: 5.33332vw;
  }
  .ind-box-02 .application-box .application-swiper {
    overflow: visible;
  }
  .ind-box-02 .application-box .application-swiper .swiper-slide {
    padding: 0 7.99998vw;
  }
  .ind-box-02 .application-box .link {
    overflow: hidden;
    display: block;
    border-radius: 1.866662vw;
    position: relative;
  }
  .ind-box-02 .application-box .link .mess {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 3.99999vw;
  }
  .ind-box-02 .application-box .link .mess .tit {
    font-size: 3.199992vw;
    font-weight: bold;
    color: #131313;
  }
  .ind-box-02 .application-box .link .mess .txt {
    padding-top: 2.133328vw;
    font-size: 2.66666vw;
    color: #495770;
    line-height: 1.4;
  }
  .ind-box-02 .application-box .application-btn {
    position: absolute;
    top: 50%;
    margin-top: -3.199992vw;
    z-index: 2;
  }
  .ind-box-02 .application-box .application-btn i {
    width: 6.399984vw;
    height: 6.399984vw;
    border: 0.266666vw solid #fff;
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .ind-box-02 .application-box .application-btn i:hover {
    background: #07CCCC;
    border-color: #07CCCC;
  }
  .ind-box-02 .application-box .application-btn i::before {
    color: #fff;
    font-size: 3.733324vw;
  }
  .ind-box-02 .application-box .application-next {
    right: 0;
  }
  .ind-box-02 .application-tabs {
    padding-top: 2.66666vw;
  }
  .ind-box-02 .application-tabs .hd {
    display: flex;
  }
  .ind-box-02 .application-tabs .hd .btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    /*i{
    	width:$s*30;
    	height:$s*30;
    	border-radius: 50%;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	&::before{
    		color: #fff;
    		font-size: $s*18;
    	}
    }*/
  }
  .ind-box-02 .application-tabs .hd .btn .icon {
    width: 7.99998vw;
    height: 7.99998vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.599996vw;
  }
  .ind-box-02 .application-tabs .hd .btn .icon img {
    filter: contrast(0%) brightness(1000%);
  }
  .ind-box-02 .application-tabs .hd .btn .tit {
    padding-top: 1.33333vw;
    font-size: 2.133328vw;
    color: #fff;
  }
  .ind-box-02 .application-tabs .hd .on {
    /*i{
    	background: #fff;
    	&::before{
    		color: $vi4;
    	}
    }*/
  }
  .ind-box-02 .application-tabs .hd .on .icon {
    background: #fff;
  }
  .ind-box-02 .application-tabs .hd .on .icon img {
    filter: contrast(100%) brightness(100%);
  }
}
@media screen and (min-width: 992px) {
  .ind-box-02 .ind-tit-box .tit {
    color: #fff;
  }
  .ind-box-02 .application-box {
    padding-top: 2.08332vw;
    width: 47.91636vw;
    margin: 0 auto;
  }
  .ind-box-02 .application-box .application-swiper .swiper-slide {
    padding: 0 2.343735vw;
  }
  .ind-box-02 .application-box .swiper-slide-active .link .mess {
    transform: translateY(0);
    opacity: 1;
  }
  .ind-box-02 .application-box .link {
    border-radius: 0.729162vw;
  }
  .ind-box-02 .application-box .link .mess {
    padding: 2.08332vw;
    transform: translateY(100%);
    top: auto;
    background: #fff;
    opacity: 0;
  }
  .ind-box-02 .application-box .link .mess .tit {
    font-size: 1.56249vw;
  }
  .ind-box-02 .application-box .link .mess .txt {
    padding-top: 1.04166vw;
    font-size: 0.833328vw;
  }
  .ind-box-02 .application-box .application-btn {
    margin-top: -1.354158vw;
  }
  .ind-box-02 .application-box .application-btn i {
    width: 2.708316vw;
    height: 2.708316vw;
    border-width: 0.104166vw;
  }
  .ind-box-02 .application-box .application-btn i::before {
    font-size: 0.937494vw;
  }
  .ind-box-02 .application-box .application-prev {
    left: -1.354158vw;
  }
  .ind-box-02 .application-box .application-next {
    right: -1.354158vw;
  }
  .ind-box-02 .application-tabs {
    padding-top: 1.56249vw;
    margin: 0 2.343735vw;
  }
  .ind-box-02 .application-tabs .hd .btn {
    position: relative;
    /*i{
    	width:$m*70;
    	height:$m*70;
    	&::before{
    		font-size: $m*40;
    	}
    }*/
  }
  .ind-box-02 .application-tabs .hd .btn .icon {
    width: 3.64581vw;
    height: 3.64581vw;
    padding: 0.781245vw;
  }
  .ind-box-02 .application-tabs .hd .btn .tit {
    padding-top: 0.781245vw;
    font-size: 0.937494vw;
  }
  .ind-box-02 .application-tabs .hd .btn::before {
    content: " ";
    width: 4.999968vw;
    background: #fff;
    opacity: 0.2;
    height: 0.052083vw;
    position: absolute;
    right: -2.499984vw;
    top: 1.822905vw;
  }
  .ind-box-02 .application-tabs .hd .btn:nth-last-child(1)::before {
    display: none;
  }
}
@media screen and (min-width: 320px) {
  .ind-box-03 {
    background-image: url(/Template/Home/img/ind-bg-04.jpg);
  }
  .ind-box-03 .txt-box {
    color: #202C43;
    font-size: 2.66666vw;
    line-height: 1.75;
    text-align: center;
    padding-top: 5.33332vw;
  }
  .ind-box-03 .list {
    padding-top: 5.33332vw;
  }
  .ind-box-03 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .ind-box-03 .list ul li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.33333vw;
  }
  .ind-box-03 .list ul li .pic-bg {
    background-image: url(/Template/Home/img/about-num-bg.png);
    background-size: cover;
    width: 15.99996vw;
    height: 15.99996vw;
    padding: 3.99999vw;
  }
  .ind-box-03 .list ul li .pic-bg img {
    width: 100%;
  }
  .ind-box-03 .list ul li .tit {
    padding-top: 1.33333vw;
    font-size: 2.66666vw;
    color: #202c43;
    text-align: center;
    line-height: 1.2;
  }
}
@media screen and (min-width: 992px) {
  .ind-box-03 {
    position: relative;
  }
  .ind-box-03 .bg-line {
    background-image: url(/Template/Home/img/ind-box-02-bg.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 10.4166vw;
    position: absolute;
    left: 0;
    top: 28%;
  }
  .ind-box-03 .txt-box {
    font-size: 1.04166vw;
    max-width: 42.18723vw;
    margin: 0 auto;
    padding-top: 2.60415vw;
  }
  .ind-box-03 .list {
    padding-top: 3.64581vw;
    width: 62.4996vw;
    margin: 0 auto;
  }
  .ind-box-03 .list ul {
    margin: -2.60415vw;
  }
  .ind-box-03 .list ul li {
    padding: 2.60415vw;
  }
  .ind-box-03 .list ul li .pic-bg {
    width: 11.45826vw;
    height: 11.45826vw;
    padding: 2.60415vw;
  }
  .ind-box-03 .list ul li .tit {
    padding-top: 0;
    font-size: 1.04166vw;
  }
}
@media screen and (min-width: 320px) {
  .ind-box-04 {
    background-image: url(/Template/Home/img/ind-bg-05.jpg);
  }
  .ind-box-04 .about-tabs .bg {
    background-image: url(/Template/Home/img/ind-about-pic-01.png);
    background-size: cover;
    width: 63.99984vw;
    height: 63.99984vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6.66665vw;
    position: relative;
  }
  .ind-box-04 .about-tabs .bg .line {
    background-image: url(/Template/Home/img/ind-about-pic-02.png);
    background-size: cover;
    width: 47.99988vw;
    height: 47.99988vw;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -23.99994vw;
    margin-top: -23.99994vw;
    animation: rotate 60s linear infinite;
  }
  .ind-box-04 .about-tabs .bg .bd .mess {
    line-height: 1.75;
    font-size: 2.66666vw;
    color: #202c43;
  }
  .ind-box-04 .about-tabs .hd {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
    padding-top: 2.66666vw;
  }
  .ind-box-04 .about-tabs .hd .btn {
    flex-basis: 33.3333%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.33333vw;
    cursor: pointer;
  }
  .ind-box-04 .about-tabs .hd .btn .icon {
    width: 6.399984vw;
    height: 6.399984vw;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0.799998vw 1.599996vw rgba(0, 117, 194, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ind-box-04 .about-tabs .hd .btn .icon::before {
    font-size: 6.399984vw;
    color: #ebf0f5;
  }
  .ind-box-04 .about-tabs .hd .btn .mess {
    padding-top: 0.533332vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t {
    display: flex;
    justify-content: center;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t b {
    font-size: 4.799988vw;
    font-family: roboto-r;
    color: #1A3A97;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t b.tit {
    font-size: 3.466658vw;
    line-height: 1.4;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t .tt {
    font-size: 2.66666vw;
    font-weight: bold;
    display: flex;
    align-items: flex-start;
    color: #1A3A97;
    padding-top: 0.799998vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t .tb {
    font-size: 2.66666vw;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    color: #1A3A97;
    padding-bottom: 0.799998vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .txt {
    padding-top: 0.533332vw;
    font-size: 2.133328vw;
    color: #495770;
  }
  .ind-box-04 .about-tabs .hd .btn.on .icon {
    background: #FF9823;
    box-shadow: none;
  }
  .ind-box-04 .about-tabs .hd .btn.on .icon::before {
    color: #fff;
  }
  .ind-box-04 .about-tabs .hd .btn.on .mess .t b {
    color: #FF9823;
  }
  .ind-box-04 .about-tabs .hd .btn.on .mess .t .tt {
    color: #FF9823;
  }
  .ind-box-04 .about-tabs .hd .btn.on .mess .t .tb {
    color: #FF9823;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 992px) {
  .ind-box-04 .ind-tit-box {
    padding-top: 0;
  }
  .ind-box-04 .about-tabs {
    position: relative;
  }
  .ind-box-04 .about-tabs .bg {
    width: 42.291396vw;
    height: 42.291396vw;
    padding: 0 11.45826vw;
    margin-top: -2.08332vw;
  }
  .ind-box-04 .about-tabs .bg .line {
    width: 29.478978vw;
    height: 29.478978vw;
    margin-left: -14.739489vw;
    margin-top: -14.739489vw;
  }
  .ind-box-04 .about-tabs .bg .bd .mess {
    font-size: 1.04166vw;
  }
  .ind-box-04 .about-tabs .hd {
    display: block;
    margin: 0;
    padding-top: 0;
  }
  .ind-box-04 .about-tabs .hd .btn {
    padding: 0;
    flex-direction: row-reverse;
    position: absolute;
    left: 50%;
    top: 50%;
  }
  .ind-box-04 .about-tabs .hd .btn .icon {
    width: 2.812482vw;
    height: 2.812482vw;
    box-shadow: 0 0.156249vw 0.312498vw rgba(0, 117, 194, 0.1);
    position: absolute;
    left: -1.406241vw;
    top: -1.406241vw;
  }
  .ind-box-04 .about-tabs .hd .btn .icon::before {
    font-size: 2.812482vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess {
    padding-top: 0;
    position: absolute;
    white-space: nowrap;
    padding-right: 2.60415vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t b {
    font-size: 3.12498vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t b.tit {
    font-size: 1.874988vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t .tt {
    font-size: 1.56249vw;
    padding-top: 0.260415vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .t .tb {
    font-size: 1.04166vw;
    padding-bottom: 0.52083vw;
  }
  .ind-box-04 .about-tabs .hd .btn .mess .txt {
    padding-top: 0.260415vw;
    font-size: 1.04166vw;
  }
  .ind-box-04 .about-tabs .hd .btn.on .icon {
    box-shadow: none;
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(n+4) {
    flex-direction: row;
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(n+4) .icon {
    margin-left: 0;
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(n+4) .mess {
    padding-right: 0;
    padding-left: 2.60415vw;
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(1) {
    transform: translate(-17.447805vw, -11.45826vw);
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(2) {
    transform: translate(-20.8332vw, 0);
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(3) {
    transform: translate(-17.447805vw, 11.45826vw);
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(4) {
    transform: translate(17.447805vw, -11.45826vw);
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(5) {
    transform: translate(20.8332vw, 0);
  }
  .ind-box-04 .about-tabs .hd .btn:nth-child(6) {
    transform: translate(17.447805vw, 11.45826vw);
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-news {
    padding-bottom: 42.568%;
  }
  .ind-box-05 {
    background: #f9f9f9;
  }
  .ind-box-05 .flex {
    padding-top: 5.33332vw;
  }
  .ind-box-05 .flex .l .news-swiper {
    position: relative;
  }
  .ind-box-05 .flex .l .news-swiper .item {
    background: #fff;
    display: block;
    border-radius: 1.066664vw;
    padding: 3.99999vw 2.66666vw;
  }
  .ind-box-05 .flex .l .news-swiper .item .tit {
    padding-top: 2.66666vw;
    font-size: 2.66666vw;
    color: #4e4e4e;
    font-weight: normal;
    line-height: 1.4;
  }
  .ind-box-05 .flex .l .news-swiper .item .time {
    display: block;
    padding-top: 2.66666vw;
    font-size: 2.133328vw;
    color: #949494;
  }
  .ind-box-05 .flex .l .news-swiper .item:hover .tit {
    color: #1A3A97;
  }
  .ind-box-05 .flex .l .news-swiper .news-pagination {
    display: flex;
    align-items: center;
    position: absolute;
    right: 2.66666vw;
    bottom: 3.99999vw;
    left: auto;
    z-index: 2;
    width: auto;
  }
  .ind-box-05 .flex .l .news-swiper .news-pagination .swiper-pagination-bullet {
    width: 2.133328vw;
    height: 2.133328vw;
    background: none;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-left: 1.066664vw;
  }
  .ind-box-05 .flex .l .news-swiper .news-pagination .swiper-pagination-bullet::before {
    content: " ";
    display: block;
    width: 1.066664vw;
    height: 1.066664vw;
    border: 0.533332vw solid #FF9823;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .ind-box-05 .flex .l .news-swiper .news-pagination .swiper-pagination-bullet-active::before {
    width: 2.133328vw;
    height: 2.133328vw;
    border-width: 0.266666vw;
  }
  .ind-box-05 .flex .r {
    padding-top: 2.66666vw;
  }
  .ind-box-05 .flex .r .list ul {
    margin: -1.33333vw 0;
  }
  .ind-box-05 .flex .r .list ul li {
    padding: 1.33333vw 0;
  }
  .ind-box-05 .flex .r .list ul li .item {
    background: #fff;
    display: block;
    border-radius: 1.066664vw;
    padding: 3.99999vw 2.66666vw;
  }
  .ind-box-05 .flex .r .list ul li .item .tit {
    font-size: 2.66666vw;
    color: #4e4e4e;
    font-weight: normal;
    line-height: 1.4;
  }
  .ind-box-05 .flex .r .list ul li .item .time {
    display: block;
    padding-top: 2.66666vw;
    font-size: 2.133328vw;
    color: #949494;
  }
  .ind-box-05 .flex .r .list ul li .item:hover .tit {
    color: #1A3A97;
  }
  .ind-box-05 .btn-box {
    padding-top: 5.33332vw;
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  .ind-box-05 .flex {
    padding-top: 1.56249vw;
    display: flex;
  }
  .ind-box-05 .flex .l {
    flex-basis: 50%;
    flex-shrink: 0;
    min-width: 0;
    padding-right: 1.04166vw;
  }
  .ind-box-05 .flex .l .news-swiper .item {
    border-radius: 0.416664vw;
    padding: 1.56249vw 1.04166vw;
  }
  .ind-box-05 .flex .l .news-swiper .item .tit {
    padding-top: 1.56249vw;
    font-size: 1.145826vw;
  }
  .ind-box-05 .flex .l .news-swiper .item .time {
    padding-top: 1.979154vw;
    font-size: 0.833328vw;
  }
  .ind-box-05 .flex .l .news-swiper .news-pagination {
    right: 1.04166vw;
    bottom: 1.56249vw;
  }
  .ind-box-05 .flex .l .news-swiper .news-pagination .swiper-pagination-bullet {
    width: 0.729162vw;
    height: 0.729162vw;
    margin-left: 0.416664vw;
  }
  .ind-box-05 .flex .l .news-swiper .news-pagination .swiper-pagination-bullet::before {
    width: 0.312498vw;
    height: 0.312498vw;
    border-width: 0.156249vw;
  }
  .ind-box-05 .flex .l .news-swiper .news-pagination .swiper-pagination-bullet-active::before {
    width: 0.729162vw;
    height: 0.729162vw;
    border-width: 0.052083vw;
  }
  .ind-box-05 .flex .r {
    flex-basis: 50%;
    flex-shrink: 0;
    padding-top: 0;
    min-width: 0;
    padding-left: 1.04166vw;
  }
  .ind-box-05 .flex .r .list ul {
    margin: -0.624996vw 0;
  }
  .ind-box-05 .flex .r .list ul li {
    padding: 0.624996vw 0;
  }
  .ind-box-05 .flex .r .list ul li .item {
    border-radius: 0.416664vw;
    padding: 2.08332vw 1.56249vw;
  }
  .ind-box-05 .flex .r .list ul li .item .tit {
    font-size: 1.145826vw;
  }
  .ind-box-05 .flex .r .list ul li .item .time {
    padding-top: 1.04166vw;
    font-size: 0.833328vw;
  }
  .ind-box-05 .btn-box {
    padding-top: 2.08332vw;
  }
}
@media screen and (min-width: 320px) {
  /* .swiper-slide-footer{
  	height: auto;
  } */
  .footer-message-box {
    padding: 5.33332vw 0;
    background-image: url(/Template/Home/img/footer-mess-bg.jpg);
    background-size: cover;
    background-position: center;
  }
  .footer-message-box .flex .l .tit {
    color: #fff;
    font-weight: bold;
    font-size: 5.866652vw;
    line-height: 1.4;
  }
  .footer-message-box .flex .l .txt {
    color: #fff;
    font-size: 3.733324vw;
    padding-top: 1.33333vw;
    line-height: 1.4;
  }
  .footer-message-box .flex .r {
    padding-top: 5.33332vw;
  }
  .footer-message-box .flex .r .tit {
    color: #fff;
    font-size: 3.199992vw;
  }
  .footer-message-box .flex .r .row {
    margin: 0 -2.66666vw;
  }
  .footer-message-box .flex .r .row .col {
    padding: 2.66666vw;
  }
  .footer-message-box .flex .r .row .col .inp, .footer-message-box .flex .r .row .col .tex {
    background: none;
    border: none;
    border-bottom: solid 0.266666vw rgba(255, 255, 255, 0.4);
    height: 7.99998vw;
    color: #fff;
    width: 100%;
    line-height: 1.4;
    font-size: 2.66666vw;
  }
  .footer-message-box .flex .r .row .col .tex {
    height: 15.99996vw;
    resize: none;
  }
  .footer-message-box .flex .r .row .col .btn {
    border: 0.266666vw solid #fff;
    height: 7.99998vw;
    padding: 0 10.66664vw;
    color: #fff;
    background: none;
    font-size: 2.66666vw;
    cursor: pointer;
  }
  .footer-message-box .flex .r .row .col .btn:hover {
    transform: translateY(-10%);
  }
  .footer-message-box .flex .r .row ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
  .footer-message-box .flex .r .row ::placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
  .footer-service-box .flex {
    display: flex;
    justify-content: center;
    padding: 2.66666vw 0;
  }
  .footer-service-box .flex .item {
    display: flex;
    align-items: center;
    padding: 1.33333vw;
  }
  .footer-service-box .flex .item .pic {
    width: 11.199972vw;
    margin-right: 0.533332vw;
  }
  .footer-service-box .flex .item .tit {
    font-size: 2.66666vw;
    line-height: 1.2;
    color: #131313;
  }
  .footer-box {
    background: #222326;
  }
  .footer-box .f-logo-box {
    padding: 2.66666vw 0;
    border-bottom: 0.266666vw solid rgba(255, 255, 255, 0.1);
  }
  .footer-box .f-logo-box a img {
    height: 7.99998vw;
    filter: contrast(0%) brightness(1000%);
  }
  .footer-box .f-menu-box {
    border-bottom: 0.266666vw solid rgba(255, 255, 255, 0.1);
    padding: 5.33332vw 0;
  }
  .footer-box .f-menu-box .flex .r .tit-box {
    display: flex;
    align-items: center;
  }
  .footer-box .f-menu-box .flex .r .tit-box .tit {
    color: #fff;
    font-weight: bold;
    padding-right: 1.33333vw;
  }
  .footer-box .f-menu-box .flex .r .tit-box .line {
    height: 1.599996vw;
    flex: 1;
    background-image: url(/Template/Home/img/footer-more-01.png);
    background-size: auto 100%;
    background-position: right center;
  }
  .footer-box .f-menu-box .flex .r .tit-box .more {
    margin-left: 1.33333vw;
    height: 3.99999vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box {
    display: flex;
    justify-content: space-between;
    padding-top: 5.33332vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .qr dl dt {
    width: 21.33328vw;
    padding: 1.33333vw;
    border-radius: 1.599996vw;
    background: #fff;
  }
  .footer-box .f-menu-box .flex .r .flex-box .qr dl dd {
    color: #fff;
    text-align: center;
    font-size: 2.66666vw;
    padding-top: 1.33333vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel {
    color: #fff;
    margin: -2.66666vw 0;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl {
    display: flex;
    align-items: center;
    padding: 2.66666vw 0;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl dt {
    width: 23.99994vw;
    border-radius: 1.066664vw;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 1.066664vw 0;
    line-height: 1.2;
    text-align: center;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl dd {
    color: #fff;
    font-size: 2.66666vw;
    padding-left: 2.66666vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl dd .item {
    line-height: 1.4;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl dd b {
    font-family: roboto-r;
    padding-left: 1.33333vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl + dl {
    border-top: 0.266666vw solid rgba(255, 255, 255, 0.1);
  }
  .footer-box .f-copy-box {
    padding: 5.33332vw 0;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
  }
  .footer-box .f-copy-box a {
    color: rgba(255, 255, 255, 0.4);
  }
  .footer-box .f-copy-box a:hover {
    color: rgb(255, 255, 255);
  }
  .footer-box .f-copy-box .flex .l {
    font-size: 2.66666vw;
  }
  .footer-box .f-copy-box .flex .r {
    padding-top: 1.33333vw;
    font-size: 2.66666vw;
  }
}
@media screen and (min-width: 992px) {
  .swiper-slide-footer {
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .footer-message-box {
    padding: 1.56249vw 0;
    flex: 1;
  }
  .footer-message-box .container {
    height: 100%;
  }
  .footer-message-box .flex {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .footer-message-box .flex .l {
    flex: 1;
  }
  .footer-message-box .flex .l .tit {
    font-size: 2.60415vw;
  }
  .footer-message-box .flex .l .txt {
    font-size: 1.145826vw;
    padding-top: 0.52083vw;
  }
  .footer-message-box .flex .r {
    flex-basis: 45.83304vw;
    flex-shrink: 0;
    padding-top: 0;
  }
  .footer-message-box .flex .r .tit {
    font-size: 0.937494vw;
  }
  .footer-message-box .flex .r .row {
    margin: 0 -0.781245vw;
    display: flex;
  }
  .footer-message-box .flex .r .row .col {
    flex: 1;
    padding: 0.781245vw;
  }
  .footer-message-box .flex .r .row .col .inp, .footer-message-box .flex .r .row .col .tex {
    border-bottom-width: 0.052083vw;
    height: 2.60415vw;
    font-size: 0.833328vw;
  }
  .footer-message-box .flex .r .row .col .tex {
    height: 4.16664vw;
  }
  .footer-message-box .flex .r .row .col .btn {
    border-width: 0.052083vw;
    height: 2.60415vw;
    padding: 0 2.60415vw;
    font-size: 0.937494vw;
  }
  .footer-service-box .flex {
    padding: 0.781245vw 0;
  }
  .footer-service-box .flex .item {
    padding: 0 3.12498vw;
  }
  .footer-service-box .flex .item .pic {
    width: 3.749976vw;
    margin-right: 0.52083vw;
  }
  .footer-service-box .flex .item .tit {
    font-size: 1.249992vw;
  }
  .footer-box .f-logo-box {
    padding: 1.04166vw 0;
    border-bottom-width: 0.052083vw;
  }
  .footer-box .f-logo-box a img {
    height: 3.12498vw;
  }
  .footer-box .f-menu-box {
    border-bottom-width: 0.052083vw;
    padding: 1.56249vw 0;
  }
  .footer-box .f-menu-box .flex {
    display: flex;
    justify-content: space-between;
  }
  .footer-box .f-menu-box .flex .l {
    flex-basis: 45.83304vw;
    flex-shrink: 0;
    min-width: 0;
    display: flex;
    justify-content: space-between;
  }
  .footer-box .f-menu-box .flex .l dl dt a {
    font-weight: bold;
    color: #fff;
    font-size: 0.937494vw;
    line-height: 1.2;
  }
  .footer-box .f-menu-box .flex .l dl dt a:hover {
    color: #07CCCC;
  }
  .footer-box .f-menu-box .flex .l dl dd {
    padding-top: 1.04166vw;
  }
  .footer-box .f-menu-box .flex .l dl dd span {
    flex-basis: 100%;
    flex-shrink: 0;
    display: flex;
    /*i{
    	width:$m*4;
    	height: $m*4;
    	margin-top: $m*6;
    	margin-right: $m*5;
    	margin-left: $m*5;
    	background: #fff;
    	border-radius: 50%;
    	opacity: 0.65;
    }*/
  }
  .footer-box .f-menu-box .flex .l dl dd span a {
    font-size: 0.833328vw;
    opacity: 0.85;
    color: #fff;
    line-height: 1.2;
  }
  .footer-box .f-menu-box .flex .l dl dd span a:hover {
    opacity: 1;
  }
  .footer-box .f-menu-box .flex .l dl dd div {
    padding: 0 1.56249vw;
    position: relative;
    /*padding: $m*10 0 $m*15 0;*/
    /*a{
    	font-size: $m*12;
    	color: #fff;
    	opacity: 0.65;
    	line-height: 1.2;
    	&:hover{
    		opacity: 1;
    	}
    }*/
  }
  .footer-box .f-menu-box .flex .l dl dd div + div::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.052083vw;
    background: rgba(255, 255, 255, 0.2);
  }
  .footer-box .f-menu-box .flex .l dl dd span + span {
    padding-top: 0.781245vw;
  }
  .footer-box .f-menu-box .flex .l dl dd.flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.56249vw;
  }
  .footer-box .f-menu-box .flex .r {
    flex-basis: 32.29146vw;
    flex-shrink: 0;
    min-width: 0;
  }
  .footer-box .f-menu-box .flex .r .tit-box .tit {
    line-height: 1.2;
    padding-right: 0.260415vw;
    font-size: 0.937494vw;
  }
  .footer-box .f-menu-box .flex .r .tit-box .line {
    height: 0.312498vw;
  }
  .footer-box .f-menu-box .flex .r .tit-box .more {
    margin-left: 0.260415vw;
    height: 0.781245vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box {
    display: flex;
    padding-top: 1.04166vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .qr dl dt {
    width: 7.29162vw;
    padding: 0.260415vw;
    border-radius: 0.312498vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .qr dl dd {
    font-size: 0.833328vw;
    padding-top: 0.52083vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel {
    margin: -1.04166vw 0;
    padding-bottom: 1.302075vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl {
    padding: 1.04166vw 0;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl dt {
    width: 6.24996vw;
    border-radius: 0.208332vw;
    padding: 0.312498vw 0;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl dd {
    font-size: 0.937494vw;
    padding-left: 0.937494vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl dd span {
    font-size: 0.937494vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl dd b {
    font-size: 1.04166vw;
    padding-left: 0.624996vw;
  }
  .footer-box .f-menu-box .flex .r .flex-box .tel dl + dl {
    border-top-width: 0.052083vw;
  }
  .footer-box .f-copy-box {
    padding: 1.04166vw 0;
  }
  .footer-box .f-copy-box .flex {
    display: flex;
    justify-content: space-between;
  }
  .footer-box .f-copy-box .flex .l {
    font-size: 0.729162vw;
  }
  .footer-box .f-copy-box .flex .r {
    padding-top: 0;
    font-size: 0.729162vw;
  }
}
@media screen and (min-width: 320px) {
  .about-banner-box {
    padding: 7.99998vw 0;
    background-size: cover;
    background-position: center;
  }
  .about-banner-box .flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about-banner-box .flex .video-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about-banner-box .flex .video-btn img {
    width: 21.33328vw;
  }
  .about-banner-box .flex .video-btn span {
    font-size: 2.66666vw;
    color: #fff;
    padding-top: 1.33333vw;
    line-height: 1.4;
  }
  .about-banner-box .flex .video-btn:hover img {
    transform: scale(1.05);
  }
  .about-banner-box .flex .tit {
    font-weight: bold;
    color: #fff;
    font-size: 5.866652vw;
    padding-top: 2.66666vw;
    line-height: 1.4;
  }
  .about-banner-box .flex .txt {
    color: #fff;
    font-size: 2.66666vw;
    padding-top: 1.33333vw;
    line-height: 1.4;
  }
}
@media screen and (min-width: 992px) {
  .about-banner-box {
    padding: 0;
    height: 36.97893vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-banner-box .flex .video-btn img {
    width: 6.77079vw;
  }
  .about-banner-box .flex .video-btn span {
    font-size: 0.937494vw;
    padding-top: 0.781245vw;
  }
  .about-banner-box .flex .tit {
    font-size: 3.12498vw;
    padding-top: 1.822905vw;
  }
  .about-banner-box .flex .txt {
    font-size: 1.249992vw;
    padding-top: 0.260415vw;
  }
}
@media screen and (min-width: 320px) {
  .about-box {
    padding: 7.99998vw 0;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative;
  }
  .about-box-01 {
    padding: 7.99998vw 0 23.99994vw 0;
    background-image: url(/Template/Home/img/about-bg-02v2.jpg);
    background-size: contain;
  }
  .about-box-01::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 15%;
    background-image: linear-gradient(rgb(218, 237, 255), rgba(218, 237, 255, 0));
  }
  .about-box-01 .txt-box {
    padding-top: 7.99998vw;
  }
  .about-box-01 .txt-box .content-box, .about-box-01 .txt-box .content-box * {
    line-height: 1.85;
  }
  .about-box-01 .txt-box b {
    color: #1A3A97;
  }
}
@media screen and (min-width: 992px) {
  .about-box {
    padding: 5.72913vw 0;
  }
  .about-box-01 {
    padding: 5.72913vw 0 22.39569vw 0;
  }
  .about-box-01 .txt-box {
    max-width: 57.2913vw;
    margin: 0 auto;
    padding-top: 3.12498vw;
  }
}
@media screen and (min-width: 320px) {
  .about-box-02 {
    background-image: url(/Template/Home/img/about-bg-03.jpg);
  }
  .about-box-02 .list {
    padding-top: 5.33332vw;
  }
  .about-box-02 .list .item {
    background: #fff;
    padding: 5.33332vw;
    position: relative;
    border: 0.266666vw solid #EBF0F5;
  }
  .about-box-02 .list .item .box {
    position: relative;
    z-index: 2;
  }
  .about-box-02 .list .item .box .icon {
    background: #f5fafc;
    width: 12.799968vw;
    height: 12.799968vw;
    border-radius: 50%;
    padding: 2.66666vw;
    overflow: hidden;
    position: relative;
  }
  .about-box-02 .list .item .box .icon img {
    position: relative;
    z-index: 2;
    width: 100%;
    filter: contrast(0%) brightness(1000%);
  }
  .about-box-02 .list .item .box .icon::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#1A3A97, #00AFEC);
  }
  .about-box-02 .list .item .box .tit {
    padding-top: 2.66666vw;
    font-size: 4.266656vw;
    font-weight: bold;
    color: #131313;
  }
  .about-box-02 .list .item .box .txt {
    padding-top: 2.66666vw;
    font-size: 2.66666vw;
    color: #131313;
  }
  .about-box-02 .list .item .box .num {
    padding-top: 5.33332vw;
    font-size: 2.66666vw;
    color: #131313;
    display: flex;
    align-items: flex-end;
  }
  .about-box-02 .list .item .box .num b {
    font-size: 3.733324vw;
    color: #1A3A97;
    font-weight: normal;
  }
  .about-box-02 .list .item .bg-logo {
    background-image: url(/Template/Home/img/philosophy-logo.png);
    background-size: cover;
    background-position: center;
    height: 26.6666vw;
    width: 26.6666vw;
    position: absolute;
    right: 5.33332vw;
    bottom: 5.33332vw;
  }
  .about-box-02 .list .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
  }
  .about-box-02 .list .item + .item {
    margin-top: 2.66666vw;
  }
}
@media screen and (min-width: 992px) {
  .about-box-02 .list {
    padding-top: 3.12498vw;
    display: flex;
  }
  .about-box-02 .list .item {
    flex: 1;
    padding: 2.499984vw 2.08332vw 3.020814vw 2.08332vw;
    border-width: 0.052083vw;
  }
  .about-box-02 .list .item .box .icon {
    width: 4.270806vw;
    height: 4.270806vw;
    padding: 1.093743vw;
  }
  .about-box-02 .list .item .box .icon img {
    filter: contrast(100%) brightness(100%);
  }
  .about-box-02 .list .item .box .icon::before {
    opacity: 0;
  }
  .about-box-02 .list .item .box .tit {
    padding-top: 0.937494vw;
    font-size: 1.56249vw;
  }
  .about-box-02 .list .item .box .txt {
    transform: translateY(1.04166vw);
    padding-top: 1.249992vw;
    font-size: 0.937494vw;
    height: 4.062474vw;
    opacity: 0;
  }
  .about-box-02 .list .item .box .num {
    padding-top: 0;
    font-size: 0.833328vw;
  }
  .about-box-02 .list .item .box .num b {
    font-size: 1.145826vw;
  }
  .about-box-02 .list .item .bg-logo {
    height: 9.843687vw;
    width: 9.843687vw;
    right: 1.04166vw;
    bottom: 1.04166vw;
  }
  .about-box-02 .list .item .bg {
    opacity: 0;
  }
  .about-box-02 .list .item.on {
    flex: 2.25;
  }
  .about-box-02 .list .item.on .icon img {
    filter: contrast(0%) brightness(1000%);
  }
  .about-box-02 .list .item.on .icon::before {
    opacity: 1;
  }
  .about-box-02 .list .item.on .txt {
    opacity: 1;
    transform: translateY(0);
  }
  .about-box-02 .list .item.on .bg {
    opacity: 1;
  }
  .about-box-02 .list .item + .item {
    margin-top: 0;
    border-left: none;
  }
}
@media screen and (min-width: 320px) {
  .about-box-03 {
    background-image: url(/Template/Home/img/about-bg-04.jpg);
  }
  .about-box-03 .honor-tabs {
    padding-top: 5.33332vw;
  }
  .about-box-03 .honor-tabs .hd {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -1.33333vw;
    padding-bottom: 2.66666vw;
  }
  .about-box-03 .honor-tabs .hd .item {
    padding: 1.33333vw;
  }
  .about-box-03 .honor-tabs .hd .item .btn {
    background: #fff;
    border: 0.266666vw solid #BBD0E5;
    padding: 0 3.99999vw;
    height: 9.599976vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.599996vw;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .about-box-03 .honor-tabs .hd .item .btn::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #1A3A97, #00AFEC);
    opacity: 0;
  }
  .about-box-03 .honor-tabs .hd .item .btn span {
    color: #202020;
    font-size: 2.66666vw;
    position: relative;
    z-index: 9;
  }
  .about-box-03 .honor-tabs .hd .item.on .btn {
    border-color: transparent;
  }
  .about-box-03 .honor-tabs .hd .item.on .btn::before {
    opacity: 1;
  }
  .about-box-03 .honor-tabs .hd .item.on .btn span {
    color: #fff;
  }
  .about-box-03 .honor-tabs .bd .mess {
    border-radius: 2.66666vw;
    background: rgba(255, 255, 255, 0.6);
    padding: 5.33332vw 2.133328vw 5.33332vw 5.33332vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll {
    padding-right: 2.133328vw;
    overflow-y: scroll;
    height: 74.66648vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll::-webkit-scrollbar {
    width: 1.066664vw;
    height: 1.066664vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll::-webkit-scrollbar-track {
    background-color: #EBF0F5;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll::-webkit-scrollbar-thumb {
    background-color: #0075C2;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul li .item {
    display: flex;
    align-items: center;
    height: 14.933296vw;
    border-bottom: 0.266666vw solid rgba(187, 208, 229, 0.4);
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul li .item .ico {
    width: 4.799988vw;
    height: 4.799988vw;
    margin-right: 1.33333vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul li .item .ico img {
    width: 100%;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul li .item .txt {
    color: #1A3A97;
    font-weight: bold;
    font-size: 2.66666vw;
    line-height: 1.4;
  }
}
@media screen and (min-width: 992px) {
  .about-box-03 {
    padding: 5.2083vw 0 5.72913vw 0;
  }
  .about-box-03 .honor-tabs {
    padding-top: 3.12498vw;
  }
  .about-box-03 .honor-tabs .hd {
    margin: -0.781245vw;
    padding-bottom: 1.56249vw;
  }
  .about-box-03 .honor-tabs .hd .item {
    padding: 0.781245vw;
  }
  .about-box-03 .honor-tabs .hd .item .btn {
    border-width: 0.052083vw;
    padding: 0 1.04166vw;
    width: 9.37494vw;
    height: 3.12498vw;
    border-radius: 0.312498vw;
  }
  .about-box-03 .honor-tabs .hd .item .btn span {
    font-size: 0.937494vw;
  }
  .about-box-03 .honor-tabs .bd .mess {
    border-radius: 0.729162vw;
    padding: 1.04166vw 0.416664vw 1.04166vw 1.04166vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll {
    padding-right: 0.416664vw;
    height: 21.87486vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll::-webkit-scrollbar {
    width: 0.208332vw;
    height: 0.208332vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul {
    display: flex;
    flex-wrap: wrap;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul li {
    flex-basis: 33.3333%;
    flex-shrink: 0;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul li .item {
    height: 5.260383vw;
    border-bottom-width: 0.052083vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul li .item .ico {
    width: 1.458324vw;
    height: 1.458324vw;
    margin-right: 0.416664vw;
  }
  .about-box-03 .honor-tabs .bd .mess .scroll .list ul li .item .txt {
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .about-box-04 {
    background-image: url(/Template/Home/img/about-bg-05.jpg);
    position: relative;
    overflow: hidden;
  }
  .about-box-04 .page-tit-box .tit {
    color: #fff;
  }
  .history-tabs {
    height: 95.99976vw;
  }
  .history-tabs .hd {
    width: 213.3328vw;
    height: 213.3328vw;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-58%);
    bottom: 26.6666vw;
    background-image: url(/Template/Home/img/history-ring.png);
    background-size: cover;
    /*&::before{
    	content:' ';
    	position: absolute;
    	border-radius: 50%;
    	left: 0;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	background: linear-gradient(45deg, #00E5DD, #0073E5);
    	-webkit-mask: radial-gradient(transparent, transparent $s*388, #000 $s*388);
    	mask: radial-gradient(transparent, transparent $s*388, #000 $s*388);
    }*/
  }
  .history-tabs .hd .btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6.399984vw;
    margin-top: -6.399984vw;
    transform: rotate(0deg) translateY(105.866402vw);
  }
  .history-tabs .hd .btn .mess {
    width: 12.799968vw;
    height: 12.799968vw;
    border: 1.066664vw solid rgba(0, 117, 194, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
  }
  .history-tabs .hd .btn .mess::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 50%;
  }
  .history-tabs .hd .btn .mess::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(#0073E5, #00E5FF);
    border-radius: 50%;
    opacity: 0;
  }
  .history-tabs .hd .btn .mess span {
    font-size: 3.199992vw;
    color: #1A3A97;
    padding-top: 0.533332vw;
    position: relative;
    z-index: 2;
    display: block;
  }
  .history-tabs .hd .btn.on {
    border-color: #fff;
  }
  .history-tabs .hd .btn.on .mess {
    transform: scale(1.25);
  }
  .history-tabs .hd .btn.on .mess::after {
    opacity: 1;
  }
  .history-tabs .hd .btn.on .mess::before {
    opacity: 0;
  }
  .history-tabs .hd .btn.on .mess span {
    color: #fff;
  }
  .history-tabs .hd .btn-l {
    opacity: 0;
    pointer-events: none;
    transform: rotate(20deg) translateY(105.866402vw);
  }
  .history-tabs .hd .btn-l span {
    transform: rotate(-20deg);
  }
  .history-tabs .hd .btn-01 {
    transform: rotate(10deg) translateY(105.866402vw);
  }
  .history-tabs .hd .btn-01 span {
    transform: rotate(-10deg);
  }
  .history-tabs .hd .btn-02 {
    transform: rotate(0deg) translateY(105.866402vw);
  }
  .history-tabs .hd .btn-02 span {
    transform: rotate(0deg);
  }
  .history-tabs .hd .btn-03 {
    transform: rotate(-10deg) translateY(105.866402vw);
  }
  .history-tabs .hd .btn-03 span {
    transform: rotate(10deg);
  }
  .history-tabs .hd .btn-04 {
    transform: rotate(-20deg) translateY(105.866402vw);
  }
  .history-tabs .hd .btn-04 span {
    transform: rotate(20deg);
  }
  .history-tabs .hd .btn-05 {
    transform: rotate(-30deg) translateY(105.866402vw);
  }
  .history-tabs .hd .btn-05 span {
    transform: rotate(30deg);
  }
  .history-tabs .hd .btn-r {
    opacity: 0;
    pointer-events: none;
    transform: rotate(-40deg) translateY(105.866402vw);
  }
  .history-tabs .hd .btn-r span {
    transform: rotate(40deg);
  }
  .history-tabs .box-bd {
    padding-bottom: 2.66666vw;
  }
  .history-tabs .bd {
    position: relative;
    z-index: 2;
  }
  .history-tabs .bd .box {
    padding: 5.33332vw 0;
  }
  .history-tabs .bd .box .time {
    font-size: 31.99992vw;
    position: absolute;
    color: #fff;
    opacity: 0.07;
  }
  .history-tabs .bd .box .tit {
    line-height: 1.75;
    color: #fff;
    font-size: 4.799988vw;
    font-weight: bold;
    padding-top: 10.66664vw;
    position: relative;
    z-index: 2;
  }
  .history-tabs .bd .box .txt {
    padding-top: 2.66666vw;
    line-height: 1.75;
    color: #fff;
    font-size: 2.66666vw;
    position: relative;
    z-index: 2;
  }
}
@media screen and (min-width: 992px) {
  .history-tabs {
    height: 34.89561vw;
  }
  .history-tabs .hd {
    width: 218.7486vw;
    height: 218.7486vw;
    transform: translateX(-57%);
    bottom: 16.66656vw;
    /*&::before{
    	content:' ';
    	position: absolute;
    	border-radius: 50%;
    	left: 0;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	-webkit-mask: radial-gradient(transparent, transparent $m*2082, #000 $m*2082);
    	mask: radial-gradient(transparent, transparent $m*2082, #000 $m*2082);
    }*/
  }
  .history-tabs .hd .btn {
    margin-left: -2.239569vw;
    margin-top: -2.239569vw;
    transform: rotate(0deg) translateY(108.905553vw);
  }
  .history-tabs .hd .btn .mess {
    width: 4.479138vw;
    height: 4.479138vw;
    border-width: 0.416664vw;
  }
  .history-tabs .hd .btn .mess span {
    font-size: 1.04166vw;
    padding-top: 0.104166vw;
  }
  .history-tabs .hd .btn-l {
    transform: rotate(10deg) translateY(108.905553vw);
  }
  .history-tabs .hd .btn-l span {
    transform: rotate(-10deg);
  }
  .history-tabs .hd .btn-01 {
    transform: rotate(4deg) translateY(108.905553vw);
  }
  .history-tabs .hd .btn-01 span {
    transform: rotate(-4deg);
  }
  .history-tabs .hd .btn-02 {
    transform: rotate(-2deg) translateY(108.905553vw);
  }
  .history-tabs .hd .btn-02 span {
    transform: rotate(2deg);
  }
  .history-tabs .hd .btn-03 {
    transform: rotate(-8deg) translateY(108.905553vw);
  }
  .history-tabs .hd .btn-03 span {
    transform: rotate(8deg);
  }
  .history-tabs .hd .btn-04 {
    transform: rotate(-14deg) translateY(108.905553vw);
  }
  .history-tabs .hd .btn-04 span {
    transform: rotate(14deg);
  }
  .history-tabs .hd .btn-05 {
    transform: rotate(-20deg) translateY(108.905553vw);
  }
  .history-tabs .hd .btn-05 span {
    transform: rotate(20deg);
  }
  .history-tabs .hd .btn-r {
    transform: rotate(-26deg) translateY(108.905553vw);
  }
  .history-tabs .hd .btn-r span {
    transform: rotate(26deg);
  }
  .history-tabs .box-bd {
    width: 31.2498vw;
    padding: 0 0 1.56249vw 0;
    position: relative;
  }
  .history-tabs .bd .box {
    padding: 0 0 2.08332vw 0;
  }
  .history-tabs .bd .box .time {
    font-size: 15.6249vw;
    top: -2.08332vw;
  }
  .history-tabs .bd .box .tit {
    font-size: 1.56249vw;
    padding-top: 6.77079vw;
  }
  .history-tabs .bd .box .txt {
    padding-top: 1.04166vw;
    font-size: 0.937494vw;
  }
  .history-tabs .switch-btn {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0.52083vw;
    display: flex;
    margin: 0 -8px;
    width: 7.29162vw;
  }
  .history-tabs .switch-btn .btn {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 8px;
    cursor: pointer;
    opacity: 0.5;
  }
  .history-tabs .switch-btn .btn .line {
    flex: 1;
    height: 2px;
    background: #fff;
    position: relative;
  }
  .history-tabs .switch-btn .btn i, .history-tabs .switch-btn .btn i::before {
    font-size: 24px;
    color: #fff;
  }
  .history-tabs .switch-btn .btn:hover {
    opacity: 1;
    flex: 2;
    /*.line{
    	background: #fff;
    }
    i,i::before{
    	color: #fff;
    }*/
  }
  .history-tabs .switch-btn .prev-btn .line {
    left: -2px;
  }
  .history-tabs .switch-btn .next-btn .line {
    right: -2px;
  }
}
@media screen and (min-width: 320px) {
  .about-box-05 {
    background-image: linear-gradient(#ECF7FE, #FFFFFF);
  }
  .about-box-05 .pic-box {
    padding-top: 5.33332vw;
    color: #fff;
  }
  .about-box-05 .pic-box .bg .flex .l {
    background: #1A3A97;
    padding: 5.33332vw 5.33332vw 7.99998vw 5.33332vw;
    border-radius: 1.866662vw 1.866662vw 0 0;
  }
  .about-box-05 .pic-box .bg .flex .l .tips {
    line-height: 1.4;
  }
  .about-box-05 .pic-box .bg .flex .l .tit {
    padding-top: 1.33333vw;
    font-weight: bold;
    font-size: 4.799988vw;
    line-height: 1.4;
  }
  .about-box-05 .pic-box .bg .flex .l .txt {
    padding-top: 2.66666vw;
    line-height: 1.75;
  }
  .about-box-05 .pic-box .bg .flex .l .copy {
    padding-top: 2.66666vw;
    line-height: 1.4;
    opacity: 0.5;
  }
  .about-box-05 .pic-box .bg .flex .r {
    background: #fff;
    padding: 5.33332vw;
    border-radius: 0 0 1.866662vw 1.866662vw;
  }
  .about-box-05 .pic-box .bg .flex .r .pic {
    margin-top: -10.66664vw;
  }
  .about-box-05 .pic-box .bg .flex .r .pic img {
    width: 100%;
  }
  .about-box-05 .tips-box {
    padding-top: 5.33332vw;
    color: #131313;
    font-size: 3.199992vw;
    line-height: 1.2;
    font-weight: bold;
  }
  .about-box-05 .list {
    padding-top: 3.99999vw;
  }
  .about-box-05 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .about-box-05 .list ul li {
    flex-basis: 25%;
    flex-shrink: 0;
    padding: 1.33333vw;
  }
  .about-box-05 .list ul li .item {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
  }
  .about-box-05 .list ul li .item .pic {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 2.133328vw;
    padding: 2.66666vw;
    border: 0.266666vw solid #EEF3F6;
    cursor: pointer;
  }
  .about-box-05 .list ul li .item .pic img {
    width: 100%;
  }
  .about-box-05 .qr-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 5.33332vw;
  }
  .about-box-05 .qr-box .pic {
    width: 31.99992vw;
    border: 0.266666vw solid #DADDE1;
    background: #fff;
    padding: 2.66666vw;
    border-radius: 1.066664vw;
  }
  .about-box-05 .qr-box .pic img {
    width: 100%;
  }
  .about-box-05 .qr-box .txt {
    padding-top: 2.66666vw;
    font-weight: bold;
    color: #1A3A97;
    font-size: 2.66666vw;
  }
}
@media screen and (min-width: 992px) {
  .about-box-05 .pic-box {
    padding-top: 3.64581vw;
  }
  .about-box-05 .pic-box .bg {
    background-image: url(/Template/Home/img/about-ip-bg.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 0.729162vw;
  }
  .about-box-05 .pic-box .bg .flex {
    display: flex;
    align-items: center;
  }
  .about-box-05 .pic-box .bg .flex .l {
    padding: 3.12498vw;
    border-radius: 0;
    background: none;
    flex: 1;
  }
  .about-box-05 .pic-box .bg .flex .l .tips {
    font-size: 0.937494vw;
  }
  .about-box-05 .pic-box .bg .flex .l .tit {
    padding-top: 0.52083vw;
    font-size: 2.60415vw;
  }
  .about-box-05 .pic-box .bg .flex .l .txt {
    padding-top: 2.08332vw;
    font-size: 0.937494vw;
  }
  .about-box-05 .pic-box .bg .flex .l .copy {
    padding-top: 3.12498vw;
  }
  .about-box-05 .pic-box .bg .flex .r {
    background: none;
    padding: 0.52083vw;
    padding-right: 1.04166vw;
    border-radius: 0;
    flex-basis: 40.62474vw;
    flex-shrink: 0;
  }
  .about-box-05 .pic-box .bg .flex .r .pic {
    margin-top: -3.64581vw;
  }
  .about-box-05 .tips-box {
    padding-top: 3.12498vw;
    font-size: 1.145826vw;
  }
  .about-box-05 .list {
    padding-top: 1.04166vw;
  }
  .about-box-05 .list ul {
    margin: -0.572913vw;
  }
  .about-box-05 .list ul li {
    flex-basis: 12.5%;
    padding: 0.572913vw;
  }
  .about-box-05 .list ul li .item .pic {
    border-radius: 0.833328vw;
    padding: 1.458324vw;
    border-width: 0.052083vw;
  }
  .about-box-05 .list ul li.on {
    z-index: 2;
  }
  .about-box-05 .list ul li.on-l-b .pic {
    padding: 3.12498vw;
    top: calc(-100% - 1.145826vw);
    right: calc(-100% - 1.145826vw);
    box-shadow: 0 0 0.52083vw rgba(26, 58, 151, 0.1);
  }
  .about-box-05 .list ul li.on-r-b .pic {
    padding: 3.12498vw;
    left: calc(-100% - 1.145826vw);
    top: calc(-100% - 1.145826vw);
    box-shadow: 0 0 0.52083vw rgba(26, 58, 151, 0.1);
  }
  .about-box-05 .list ul li.on-l-t .pic {
    padding: 3.12498vw;
    right: calc(-100% - 1.145826vw);
    bottom: calc(-100% - 1.145826vw);
    box-shadow: 0 0 0.52083vw rgba(26, 58, 151, 0.1);
  }
  .about-box-05 .list ul li.on-r-t .pic {
    padding: 3.12498vw;
    left: calc(-100% - 1.145826vw);
    bottom: calc(-100% - 1.145826vw);
    box-shadow: 0 0 0.52083vw rgba(26, 58, 151, 0.1);
  }
  .about-box-05 .qr-box {
    padding-top: 2.08332vw;
  }
  .about-box-05 .qr-box .pic {
    width: 9.89577vw;
    border-width: 0.052083vw;
    padding: 0.781245vw;
    border-radius: 0.416664vw;
  }
  .about-box-05 .qr-box .txt {
    padding-top: 1.04166vw;
    font-size: 1.145826vw;
  }
}
@media screen and (min-width: 320px) {
  .page-info-box {
    padding: 7.99998vw 0;
    position: relative;
    display: block;
  }
  .page-info-box img {
    width: 100%;
  }
  .about-float {
    position: absolute;
    left: 50%;
    margin-left: -45.83304vw;
    z-index: 9;
    top: 0;
    bottom: 0;
  }
  .about-float .sticky {
    position: sticky;
    top: 0;
    padding: 1.56249vw 0;
    height: 100vh;
    display: flex;
    align-items: center;
  }
  .about-float .sticky .box {
    position: relative;
  }
  .about-float .sticky .box .line {
    content: " ";
    width: 0.052083vw;
    position: absolute;
    top: 1.666656vw;
    bottom: 1.666656vw;
    background: linear-gradient(#0073E5, #00E5FF);
    right: 0.572913vw;
    transform-origin: 0 0;
    transform: scaleY(0);
  }
  .about-float .sticky .box a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
  }
  .about-float .sticky .box a b {
    display: flex;
    align-items: center;
    max-width: 6.24996vw;
    height: 3.333312vw;
    font-weight: normal;
    color: #929292;
    font-size: 0.937494vw;
  }
  .about-float .sticky .box a .icon {
    width: 1.197909vw;
    height: 1.197909vw;
    margin-left: 0.260415vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-float .sticky .box a .icon i {
    width: 0.677079vw;
    height: 0.677079vw;
    border-radius: 50%;
    background: #e2e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 solid #C9E4FF;
  }
  .about-float .sticky .box a .icon i::before {
    font-size: 0.885411vw;
    opacity: 0;
    color: #1A3A97; /* Chrome, Safari */
    background: linear-gradient(#0073E5, #00E5FF); /* 尺度语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
  }
  .about-float .sticky .box .on b {
    color: #131313;
  }
  .about-float .sticky .box .on .icon i {
    width: 1.197909vw;
    height: 1.197909vw;
    border-width: 0.156249vw;
    background: #fff;
  }
  .about-float .sticky .box .on .icon i::before {
    font-size: 0.885411vw;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .page-info-box {
    padding: 3.12498vw 0;
  }
}
@media screen and (min-width: 320px) {
  .banner-min {
    background-size: cover;
    background-position: center;
    min-height: 31.99992vw;
    display: flex;
    align-items: center;
    padding: 15.99996vw 0;
  }
  .banner-min .tit {
    font-size: 5.33332vw;
    font-weight: bold;
    color: #131313;
  }
  .banner-min .sub-tit {
    font-size: 2.66666vw;
    padding-top: 2.133328vw;
    color: #131313;
    opacity: 0.5;
  }
  .banner-min .txt {
    color: #fff;
    line-height: 1.75;
    padding-top: 5.33332vw;
    font-size: 2.66666vw;
  }
  .banner-min-02 .tit {
    color: #fff;
  }
  .banner-min-02 .sub-tit {
    color: #fff;
    opacity: 1;
  }
  .banner-min-03 .tit {
    color: #fff;
  }
  .banner-min-03 .sub-tit {
    color: #fff;
    opacity: 1;
  }
  .banner-min-03 .tit + .tit {
    padding-top: 1.33333vw;
  }
}
@media screen and (min-width: 992px) {
  .banner-min {
    min-height: 19.79154vw;
    padding: 6.77079vw 0;
  }
  .banner-min .tit {
    font-size: 2.916648vw;
  }
  .banner-min .sub-tit {
    font-size: 1.145826vw;
    padding-top: 1.56249vw;
  }
  .banner-min .txt {
    width: 62.4996vw;
    font-size: 1.145826vw;
    padding-top: 3.64581vw;
  }
  .banner-min-03 {
    min-height: 19.79154vw;
    padding: 5.2083vw 0;
  }
  .banner-min-03 .tit {
    font-size: 2.395818vw;
  }
  .banner-min-03 .tit + .tit {
    padding-top: 1.04166vw;
  }
}
@media screen and (min-width: 320px) {
  .join-box-01 {
    position: relative;
  }
  .join-box-01::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 13.3333vw;
    background-image: linear-gradient(#DAEDFF, #FFFFFF);
  }
  .join-box-01 .flex {
    position: relative;
    z-index: 2;
  }
  .join-box-01 .flex .l .pic {
    border-radius: 1.866662vw;
    overflow: hidden;
  }
  .join-box-01 .flex .l .pic img {
    width: 100%;
  }
  .join-box-01 .flex .r {
    padding-top: 5.33332vw;
  }
  .join-box-01 .flex .r .tit {
    font-weight: bold;
    color: #131313;
    font-size: 4.266656vw;
    line-height: 1.4;
  }
  .join-box-01 .flex .r .txt {
    padding-top: 1.33333vw;
    line-height: 1.75;
    font-size: 2.66666vw;
    text-align: justify;
    color: #131313;
  }
  .join-box-01 .flex .r .txt b {
    color: #1A3A97;
  }
}
@media screen and (min-width: 992px) {
  .join-box-01::before {
    height: 5.72913vw;
  }
  .join-box-01 .flex {
    display: flex;
    align-items: center;
  }
  .join-box-01 .flex .l {
    flex-basis: 50%;
    flex-shrink: 0;
  }
  .join-box-01 .flex .l .pic {
    border-radius: 0.729162vw;
  }
  .join-box-01 .flex .r {
    flex-basis: 50%;
    flex-shrink: 0;
    padding-top: 0;
    padding-left: 3.12498vw;
  }
  .join-box-01 .flex .r .tit {
    font-size: 2.60415vw;
    line-height: 1.4;
  }
  .join-box-01 .flex .r .txt {
    padding-top: 2.60415vw;
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .join-box-02 {
    background: #f5f5f5;
  }
  .join-box-02 .list {
    padding-top: 5.33332vw;
  }
  .join-box-02 .list ul li {
    margin-top: -0.266666vw;
  }
  .join-box-02 .list ul li .item {
    background: #fff;
    padding: 5.33332vw;
    border: 0.266666vw solid #EEE;
  }
  .join-box-02 .list ul li .item .mess .icon {
    position: relative;
    width: 8.533312vw;
  }
  .join-box-02 .list ul li .item .mess .icon .show {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .join-box-02 .list ul li .item .mess .icon img {
    width: 100%;
  }
  .join-box-02 .list ul li .item .mess .tit {
    font-weight: bold;
    color: #131313;
    font-size: 4.266656vw;
    margin-top: 2.66666vw;
    line-height: 1.4;
  }
  .join-box-02 .list ul li .item .mess .txt {
    color: #131313;
    font-size: 2.66666vw;
    margin-top: 2.66666vw;
    line-height: 1.75;
  }
  .join-box-02 .list ul li .item .bg {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .join-box-02 .list {
    padding-top: 3.12498vw;
  }
  .join-box-02 .list ul {
    display: flex;
    flex-wrap: wrap;
  }
  .join-box-02 .list ul li {
    flex-shrink: 0;
    flex-basis: 33.3333%;
    margin-top: -0.052083vw;
    margin-left: -0.052083vw;
  }
  .join-box-02 .list ul li .item {
    padding: 2.08332vw;
    border-width: 0.052083vw;
    cursor: pointer;
    position: relative;
  }
  .join-box-02 .list ul li .item .mess {
    position: relative;
    z-index: 2;
  }
  .join-box-02 .list ul li .item .mess .icon {
    width: 3.12498vw;
  }
  .join-box-02 .list ul li .item .mess .tit {
    font-size: 1.56249vw;
    margin-top: 0.781245vw;
  }
  .join-box-02 .list ul li .item .mess .txt {
    font-size: 0.937494vw;
    margin-top: 0.781245vw;
    line-height: 1.75;
    height: 4.479138vw;
  }
  .join-box-02 .list ul li .item .bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-size: cover;
    background-position: center;
  }
  .join-box-02 .list ul li .item .bg::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .join-box-02 .list ul li .item:hover .mess .icon .show {
    opacity: 1;
  }
  .join-box-02 .list ul li .item:hover .mess .icon .hide {
    opacity: 0;
  }
  .join-box-02 .list ul li .item:hover .mess .tit {
    color: #fff;
  }
  .join-box-02 .list ul li .item:hover .mess .txt {
    color: #fff;
  }
  .join-box-02 .list ul li .item:hover .bg {
    opacity: 1;
  }
}
@media screen and (min-width: 320px) {
  .join-box-03 {
    position: relative;
    background-image: url(/Template/Home/img/join-bg-03.jpg);
  }
  .join-box-03 .flex .l .pic {
    border-radius: 1.866662vw;
    overflow: hidden;
  }
  .join-box-03 .flex .l .pic img {
    width: 100%;
  }
  .join-box-03 .flex .r {
    padding-top: 5.33332vw;
  }
  .join-box-03 .flex .r .tit {
    font-weight: bold;
    color: #131313;
    font-size: 4.266656vw;
    line-height: 1.4;
  }
  .join-box-03 .flex .r .txt {
    padding-top: 1.33333vw;
    line-height: 1.75;
    font-size: 2.66666vw;
    text-align: justify;
    color: #131313;
  }
}
@media screen and (min-width: 992px) {
  .join-box-03 .flex {
    display: flex;
    align-items: center;
  }
  .join-box-03 .flex .l {
    flex-basis: 50%;
    flex-shrink: 0;
  }
  .join-box-03 .flex .l .pic {
    border-radius: 0.729162vw;
  }
  .join-box-03 .flex .r {
    flex-basis: 50%;
    flex-shrink: 0;
    padding-top: 0;
    padding-left: 3.12498vw;
  }
  .join-box-03 .flex .r .tit {
    font-size: 2.60415vw;
    line-height: 1.4;
  }
  .join-box-03 .flex .r .txt {
    padding-top: 2.60415vw;
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .join-box-04 {
    background-image: url(/Template/Home/img/join-bg-04.jpg);
  }
  .join-box-04 .flex .l {
    padding-top: 5.33332vw;
  }
  .join-box-04 .flex .l .tit {
    font-weight: bold;
    color: #fff;
    font-size: 4.266656vw;
    line-height: 1.4;
  }
  .join-box-04 .flex .l .txt {
    padding-top: 1.33333vw;
    line-height: 1.75;
    font-size: 2.66666vw;
    color: #fff;
    text-align: justify;
  }
  .join-box-04 .flex .r .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .join-box-04 .flex .r .list ul li {
    flex-basis: 25%;
    flex-shrink: 0;
    padding: 1.33333vw;
  }
  .join-box-04 .flex .r .list ul li .box {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
  }
  .join-box-04 .flex .r .list ul li .item {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 1.599996vw;
    padding: 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .join-box-04 .flex .r .list ul li .item .icon {
    width: 8.533312vw;
  }
  .join-box-04 .flex .r .list ul li .item .icon img {
    width: 100%;
  }
  .join-box-04 .flex .r .list ul li .item .tit {
    color: #131313;
    font-size: 2.66666vw;
    font-weight: bold;
    padding-top: 1.33333vw;
  }
}
@media screen and (min-width: 992px) {
  .join-box-04 .flex {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .join-box-04 .flex .l {
    flex-basis: 50%;
    flex-shrink: 0;
    padding-top: 0;
    padding-right: 5.2083vw;
  }
  .join-box-04 .flex .l .tit {
    font-size: 2.60415vw;
  }
  .join-box-04 .flex .l .txt {
    padding-top: 2.60415vw;
    font-size: 0.937494vw;
  }
  .join-box-04 .flex .r {
    flex-basis: 50%;
    flex-shrink: 0;
    padding-left: 4.791636vw;
  }
  .join-box-04 .flex .r .list ul {
    margin: -0.416664vw;
  }
  .join-box-04 .flex .r .list ul li {
    padding: 0.416664vw;
  }
  .join-box-04 .flex .r .list ul li .item {
    border-radius: 0.52083vw;
    padding: 1.04166vw;
  }
  .join-box-04 .flex .r .list ul li .item .icon {
    width: 2.60415vw;
  }
  .join-box-04 .flex .r .list ul li .item .tit {
    font-size: 0.937494vw;
    padding-top: 0.833328vw;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-activity {
    padding-bottom: 68.75%;
  }
  .join-box-05 {
    background-image: url(/Template/Home/img/join-bg-05.jpg);
  }
  .join-box-05 .list {
    padding-top: 5.33332vw;
  }
  .join-box-05 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .join-box-05 .list ul li {
    flex-basis: 50%;
    flex-shrink: 0;
    padding: 1.33333vw;
  }
  .join-box-05 .list ul li dl dt {
    border-radius: 1.866662vw 1.866662vw 0 0;
    overflow: hidden;
  }
  .join-box-05 .list ul li dl dd {
    border-radius: 0 0 1.866662vw 1.866662vw;
    height: 9.599976vw;
    background: #fff;
    box-shadow: 0 0.799998vw 1.599996vw rgba(0, 117, 194, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  .join-box-05 .list {
    padding-top: 3.12498vw;
  }
  .join-box-05 .list ul {
    margin: -1.04166vw;
  }
  .join-box-05 .list ul li {
    flex-basis: 25%;
    padding: 1.04166vw;
  }
  .join-box-05 .list ul li dl dt {
    border-radius: 0.729162vw 0.729162vw 0 0;
    overflow: hidden;
  }
  .join-box-05 .list ul li dl dd {
    border-radius: 0 0 0.729162vw 0.729162vw;
    height: 3.12498vw;
    box-shadow: 0 0.156249vw 0.312498vw rgba(0, 117, 194, 0.08);
  }
}
@media screen and (min-width: 320px) {
  .join-box-06 {
    background-image: url(/Template/Home/img/join-bg-06.jpg);
  }
  .join-box-06 .page-tit-box .tit {
    color: #fff;
  }
  .join-box-06 .page-tit-box .sub-tit {
    color: #fff;
  }
  .join-box-06 .list {
    padding-top: 5.33332vw;
  }
  .join-box-06 .list ul {
    display: flex;
    margin: -1.33333vw;
  }
  .join-box-06 .list ul li {
    flex: 1;
    padding: 1.33333vw;
  }
  .join-box-06 .list ul li a {
    display: block;
  }
  .join-box-06 .list ul li a dl {
    height: 17.066624vw;
    border-radius: 1.33333vw;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .join-box-06 .list ul li a dl dt {
    width: 11.199972vw;
  }
  .join-box-06 .list ul li a dl dt img {
    width: 100%;
  }
  .join-box-06 .list ul li a dl dd {
    padding-right: 2.66666vw;
    padding-left: 2.66666vw;
  }
  .join-box-06 .list ul li a dl dd .tit {
    font-size: 4.266656vw;
  }
  .join-box-06 .list ul li a dl dd .txt {
    font-size: 2.66666vw;
    color: #666;
    display: flex;
    align-items: center;
    padding-top: 1.33333vw;
  }
  .join-box-06 .list ul li a dl dd .txt i {
    padding-left: 1.33333vw;
    line-height: 1;
    font-size: 2.66666vw;
  }
  .join-box-06 .list ul li a dl dd .txt i::before {
    line-height: 1;
    font-size: 2.66666vw;
    color: #666;
  }
  .join-box-06 .list ul li a dl dd .tit-01 {
    color: #FF9823;
  }
  .join-box-06 .list ul li a dl dd .tit-02 {
    color: #1A3A97;
  }
  .join-box-06 .list ul li a:hover {
    transform: translateY(-5%);
  }
}
@media screen and (min-width: 992px) {
  .join-box-06 .page-tit-box .sub-tit {
    font-size: 1.145826vw;
    padding-top: 1.56249vw;
  }
  .join-box-06 .list {
    padding-top: 3.12498vw;
    width: 48.124692vw;
    margin: 0 auto;
  }
  .join-box-06 .list ul {
    display: flex;
    margin: -0.729162vw;
  }
  .join-box-06 .list ul li {
    flex: 1;
    padding: 0.729162vw;
  }
  .join-box-06 .list ul li a dl {
    height: 8.85411vw;
    border-radius: 0.260415vw;
  }
  .join-box-06 .list ul li a dl dt {
    width: 3.64581vw;
  }
  .join-box-06 .list ul li a dl dd {
    padding-right: 2.60415vw;
    padding-left: 2.60415vw;
  }
  .join-box-06 .list ul li a dl dd .tit {
    font-size: 1.666656vw;
  }
  .join-box-06 .list ul li a dl dd .txt {
    font-size: 0.937494vw;
    padding-top: 0.781245vw;
  }
  .join-box-06 .list ul li a dl dd .txt i {
    padding-left: 0.260415vw;
    font-size: 0.729162vw;
  }
  .join-box-06 .list ul li a dl dd .txt i::before {
    font-size: 0.729162vw;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-news-02 {
    padding-bottom: 42.434%;
  }
  .news-box-01 .page-tit-box .tit {
    color: #131313;
  }
  .news-box-01 .page-tit-box .sub-tit {
    color: #131313;
  }
  .news-list {
    padding-top: 5.33332vw;
  }
  .news-list ul {
    margin: -2.66666vw 0;
  }
  .news-list ul li {
    padding: 2.66666vw 0;
  }
  .news-list ul li .link {
    display: block;
  }
  .news-list ul li .link dl dd {
    padding: 2.66666vw 3.99999vw;
    background: #ebf0f5;
  }
  .news-list ul li .link dl dd .time {
    color: #1A3A97;
    font-size: 2.66666vw;
    margin-bottom: 1.33333vw;
  }
  .news-list ul li .link dl dd .tit {
    color: #131313;
    font-size: 3.733324vw;
    line-height: 1.4;
    margin-bottom: 2.66666vw;
  }
  .news-list ul li .link dl dd .txt {
    color: #231815;
    font-size: 2.66666vw;
    line-height: 1.75;
    margin-bottom: 2.66666vw;
  }
  .news-list ul li .link:hover {
    box-shadow: 0 0 2.66666vw rgba(26, 58, 151, 0.1);
  }
  .news-list ul li .link:hover dl dd {
    background: #fff;
  }
}
@media screen and (min-width: 992px) {
  .news-box-01 .page-tit-box .sub-tit {
    font-size: 1.145826vw;
    padding-top: 1.56249vw;
  }
  .news-list {
    padding-top: 3.12498vw;
  }
  .news-list ul {
    margin: -1.302075vw 0;
  }
  .news-list ul li {
    padding: 1.302075vw 0;
  }
  .news-list ul li .link dl {
    display: flex;
  }
  .news-list ul li .link dl dt {
    flex-basis: 33.33312vw;
    flex-shrink: 0;
  }
  .news-list ul li .link dl dd {
    flex: 1;
    min-width: 0;
    padding: 2.08332vw 2.60415vw 1.04166vw 2.60415vw;
  }
  .news-list ul li .link dl dd .time {
    font-size: 0.729162vw;
    margin-bottom: 0.52083vw;
  }
  .news-list ul li .link dl dd .tit {
    font-size: 1.145826vw;
    margin-bottom: 0.781245vw;
  }
  .news-list ul li .link dl dd .txt {
    font-size: 0.833328vw;
    margin-bottom: 1.302075vw;
  }
  .news-list ul li .link:hover {
    box-shadow: 0 0 2.66666vw rgba(26, 58, 151, 0.1);
  }
  .news-list ul li .link:hover dl dd {
    background: #fff;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-news-02 {
    padding-bottom: 42.434%;
  }
  .news-list-02 {
    padding-top: 5.33332vw;
  }
  .news-list-02 ul {
    margin: -2.66666vw 0;
  }
  .news-list-02 ul li {
    padding: 2.66666vw 0;
  }
  .news-list-02 ul li .link {
    display: block;
  }
  .news-list-02 ul li .link dl {
    display: flex;
    flex-direction: column;
  }
  .news-list-02 ul li .link dl dd {
    padding: 3.99999vw;
    background: #ebf0f5;
  }
  .news-list-02 ul li .link dl dd .time {
    color: #1A3A97;
    font-size: 2.66666vw;
    margin-bottom: 1.33333vw;
  }
  .news-list-02 ul li .link dl dd .tit {
    color: #131313;
    font-size: 3.733324vw;
    line-height: 1.4;
    margin-bottom: 2.66666vw;
  }
  .news-list-02 ul li .link dl dd .txt {
    color: #231815;
    font-size: 2.66666vw;
    line-height: 1.75;
  }
  .news-list-02 ul li .link:hover {
    box-shadow: 0 0 2.66666vw rgba(26, 58, 151, 0.1);
  }
  .news-list-02 ul li .link:hover dl dd {
    background: #fff;
  }
}
@media screen and (min-width: 992px) {
  .news-list-02 {
    padding-top: 3.12498vw;
  }
  .news-list-02 ul {
    margin: -1.302075vw 0;
    display: flex;
    flex-wrap: wrap;
  }
  .news-list-02 ul li {
    flex-shrink: 0;
    flex-basis: 33.333%;
    min-width: 0;
    padding: 1.302075vw;
  }
  .news-list-02 ul li .link {
    height: 100%;
  }
  .news-list-02 ul li .link dl {
    height: 100%;
  }
  .news-list-02 ul li .link dl dd {
    flex: 1;
    min-width: 0;
    padding: 1.56249vw;
  }
  .news-list-02 ul li .link dl dd .time {
    font-size: 0.729162vw;
    margin-bottom: 0.52083vw;
  }
  .news-list-02 ul li .link dl dd .tit {
    font-size: 1.145826vw;
    margin-bottom: 0.781245vw;
  }
  .news-list-02 ul li .link dl dd .txt {
    font-size: 0.833328vw;
  }
  .news-list-02 ul li .link:hover {
    box-shadow: 0 0 2.66666vw rgba(26, 58, 151, 0.1);
  }
  .news-list-02 ul li .link:hover dl dd {
    background: #fff;
  }
}
@media screen and (min-width: 320px) {
  .news-box-02 {
    background-image: url(/Template/Home/img/factory-bg.jpg);
  }
  .news-box-02 .page-tit-box .tit {
    color: #131313;
  }
  .news-box-02 .page-tit-box .sub-tit {
    color: #131313;
  }
  .news-box-02 .btn-box {
    display: flex;
    justify-content: center;
    padding-top: 5.33332vw;
  }
  .news-box-02 .btn-box .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-basis: 47.99988vw;
    flex-shrink: 0;
    height: 47.99988vw;
    margin: 0 -3.99999vw;
    position: relative;
    border-radius: 50%;
  }
  .news-box-02 .btn-box .item::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(135deg, #1A3A97, #00AFEC);
    border-radius: 50%;
  }
  .news-box-02 .btn-box .item .icon {
    width: 9.599976vw;
    margin-bottom: 3.99999vw;
    position: relative;
    z-index: 2;
  }
  .news-box-02 .btn-box .item .icon img {
    width: 100%;
  }
  .news-box-02 .btn-box .item .tit {
    color: #fff;
    font-weight: bold;
    margin-bottom: 3.99999vw;
    font-size: 5.33332vw;
    position: relative;
    z-index: 2;
    line-height: 1.4;
  }
  .news-box-02 .btn-box .item .more {
    display: flex;
    align-items: center;
    opacity: 0.7;
    position: relative;
    z-index: 2;
  }
  .news-box-02 .btn-box .item .more span {
    font-size: 2.66666vw;
    color: #fff;
  }
  .news-box-02 .btn-box .item .more i, .news-box-02 .btn-box .item .more i::before {
    line-height: 1;
    font-size: 3.199992vw;
    color: #fff;
  }
  .news-box-02 .btn-box .item:hover {
    transform: scale(1.06);
  }
  .news-box-02 .btn-box .item + .item {
    backdrop-filter: blur(1.33333vw);
  }
  .news-box-02 .btn-box .item + .item::before {
    opacity: 0.7;
    filter: contrast(100%) brightness(109%);
  }
}
@media screen and (min-width: 992px) {
  .news-box-02 .page-tit-box .sub-tit {
    font-size: 1.145826vw;
    padding-top: 1.56249vw;
  }
  .news-box-02 .btn-box {
    padding-top: 3.12498vw;
  }
  .news-box-02 .btn-box .item {
    flex-basis: 19.79154vw;
    height: 19.79154vw;
    margin: 0 -1.302075vw;
  }
  .news-box-02 .btn-box .item .icon {
    width: 4.68747vw;
    margin-bottom: 1.04166vw;
    position: relative;
    z-index: 2;
  }
  .news-box-02 .btn-box .item .icon img {
    width: 100%;
  }
  .news-box-02 .btn-box .item .tit {
    margin-bottom: 1.302075vw;
    font-size: 2.60415vw;
  }
  .news-box-02 .btn-box .item .more span {
    font-size: 0.937494vw;
  }
  .news-box-02 .btn-box .item .more i, .news-box-02 .btn-box .item .more i::before {
    font-size: 0.937494vw;
  }
  .news-box-02 .btn-box .item + .item {
    backdrop-filter: blur(0.312498vw);
  }
}
@media screen and (min-width: 320px) {
  .solution-box-01 .list {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .solution-box-01 .list .item {
    padding: 1.33333vw;
    flex-shrink: 0;
    flex-basis: 50%;
    display: flex;
  }
  .solution-box-01 .list .item .box {
    position: relative;
    overflow: hidden;
    border-radius: 1.866662vw;
    padding: 3.99999vw;
  }
  .solution-box-01 .list .item .box .tit {
    position: relative;
    z-index: 2;
    font-weight: bold;
    padding-bottom: 2.66666vw;
    font-size: 4.799988vw;
    color: #131313;
    line-height: 1.4;
  }
  .solution-box-01 .list .item .box ul {
    position: relative;
    z-index: 2;
  }
  .solution-box-01 .list .item .box ul li {
    display: flex;
  }
  .solution-box-01 .list .item .box ul li i {
    background: #ddd;
    width: 1.33333vw;
    height: 1.33333vw;
    border-radius: 50%;
    display: block;
    margin-right: 1.33333vw;
    flex-shrink: 0;
    margin-top: 1.599996vw;
  }
  .solution-box-01 .list .item .box ul li span {
    font-size: 2.66666vw;
    line-height: 1.75;
    color: #131313;
  }
  .solution-box-01 .list .item .box ul li + li {
    padding-top: 1.33333vw;
  }
  .solution-box-01 .list .item .box .bg {
    background: #f7f8fa;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .solution-box-01 .list .item .box .bg-02 {
    background-image: url(/Template/Home/img/solutions-bg-01.jpg);
    background-size: auto 100%;
    background-position: right center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
  }
  .solution-box-01 .list .item .box:hover .tit {
    color: #fff;
  }
  .solution-box-01 .list .item .box:hover ul li i {
    background: #fff;
  }
  .solution-box-01 .list .item .box:hover ul li span {
    color: #fff;
  }
  .solution-box-01 .list .item .box:hover .bg-02 {
    background-position: left center;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .solution-box-01 .list {
    margin: -0.52083vw;
  }
  .solution-box-01 .list .item {
    padding: 0.52083vw;
    flex-basis: 25%;
  }
  .solution-box-01 .list .item .box {
    border-radius: 0.729162vw;
    padding: 2.343735vw 1.56249vw;
  }
  .solution-box-01 .list .item .box .tit {
    padding-bottom: 0.781245vw;
    font-size: 1.56249vw;
  }
  .solution-box-01 .list .item .box ul li i {
    width: 0.416664vw;
    height: 0.416664vw;
    margin-right: 0.52083vw;
    margin-top: 0.52083vw;
  }
  .solution-box-01 .list .item .box ul li span {
    font-size: 0.937494vw;
  }
  .solution-box-01 .list .item .box ul li + li {
    padding-top: 0.781245vw;
  }
}
@media screen and (min-width: 320px) {
  .solution-box-02 {
    background-image: linear-gradient(#E6F4FF, #FFFFFF);
  }
}
@media screen and (min-width: 320px) {
  .solution-box-03 {
    background-color: #F7F8FA;
  }
  .solution-box-03 .list ul {
    margin: -1.33333vw;
  }
  .solution-box-03 .list ul li {
    padding: 1.33333vw;
  }
  .solution-box-03 .list ul li .item {
    border-radius: 1.866662vw;
    background: #fff;
    padding: 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .solution-box-03 .list ul li .item .icon {
    width: 9.599976vw;
  }
  .solution-box-03 .list ul li .item .icon img {
    width: 100%;
  }
  .solution-box-03 .list ul li .item .tit {
    font-size: 3.733324vw;
    font-weight: bold;
    color: #131313;
    margin-top: 2.66666vw;
    line-height: 1.4;
  }
  .solution-box-03 .list ul li .item .txt {
    font-size: 2.66666vw;
    color: #131313;
    margin-top: 2.66666vw;
  }
}
@media screen and (min-width: 992px) {
  .solution-box-03 .list ul {
    margin: -1.04166vw;
    display: flex;
    flex-wrap: wrap;
  }
  .solution-box-03 .list ul li {
    padding: 1.04166vw;
    flex-shrink: 0;
    flex-basis: 33.3333%;
    display: flex;
  }
  .solution-box-03 .list ul li .item {
    border-radius: 0.729162vw;
    padding: 2.08332vw 1.56249vw;
  }
  .solution-box-03 .list ul li .item .icon {
    width: 2.968731vw;
  }
  .solution-box-03 .list ul li .item .tit {
    font-size: 1.56249vw;
    margin-top: 1.04166vw;
  }
  .solution-box-03 .list ul li .item .txt {
    font-size: 0.937494vw;
    margin-top: 1.04166vw;
  }
}
@media screen and (min-width: 320px) {
  .solution-box-04 {
    background-image: url(/Template/Home/img/solutions-bg-04.jpg);
  }
  .solution-box-04 .list .txt-box .item {
    background-color: rgba(255, 255, 255, 0.15);
    padding: 5.33332vw;
    border-radius: 1.866662vw;
  }
  .solution-box-04 .list .txt-box .item .tit {
    font-weight: bold;
    font-size: 4.799988vw;
    color: #fff;
    text-align: center;
    padding-bottom: 1.33333vw;
  }
  .solution-box-04 .list .txt-box .item ul {
    position: relative;
    z-index: 2;
  }
  .solution-box-04 .list .txt-box .item ul li {
    display: flex;
  }
  .solution-box-04 .list .txt-box .item ul li i {
    background: #07CCCC;
    width: 1.33333vw;
    height: 1.33333vw;
    border-radius: 50%;
    display: block;
    margin-right: 1.33333vw;
    flex-shrink: 0;
    margin-top: 1.599996vw;
  }
  .solution-box-04 .list .txt-box .item ul li span {
    font-size: 2.66666vw;
    line-height: 1.75;
    color: #fff;
  }
  .solution-box-04 .list .txt-box .item ul li + li {
    padding-top: 2.66666vw;
  }
  .solution-box-04 .list .icon-box {
    display: flex;
    justify-content: center;
    margin: -3.99999vw 0;
    position: relative;
    z-index: 2;
  }
  .solution-box-04 .list .icon-box .tit-box {
    width: 26.6666vw;
    height: 26.6666vw;
    background: url(/Template/Home/img/solutions-bg-tit-04.png);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .solution-box-04 .list .icon-box .tit-box .tit {
    color: #fff;
    font-size: 4.266656vw;
    font-weight: bold;
  }
  .solution-box-04 .list .icon-box .tit-box .bg {
    background: #1f73d0;
    width: 90%;
    height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
  }
}
@media screen and (min-width: 992px) {
  .solution-box-04 .list {
    display: flex;
    align-items: stretch;
  }
  .solution-box-04 .list .txt-box {
    flex-basis: 30.20814vw;
    flex-shrink: 0;
    min-width: 0;
    display: flex;
  }
  .solution-box-04 .list .txt-box .item {
    padding: 2.08332vw 2.60415vw;
    border-radius: 0.729162vw;
  }
  .solution-box-04 .list .txt-box .item .tit {
    font-size: 1.56249vw;
    padding-bottom: 1.04166vw;
  }
  .solution-box-04 .list .txt-box .item ul li i {
    width: 0.416664vw;
    height: 0.416664vw;
    margin-right: 0.52083vw;
    margin-top: 0.52083vw;
  }
  .solution-box-04 .list .txt-box .item ul li span {
    font-size: 0.937494vw;
  }
  .solution-box-04 .list .txt-box .item ul li + li {
    padding-top: 1.56249vw;
  }
  .solution-box-04 .list .icon-box {
    margin: 0 -2.135403vw;
    display: flex;
    align-items: center;
  }
  .solution-box-04 .list .icon-box .tit-box {
    width: 16.770726vw;
    height: 16.770726vw;
  }
  .solution-box-04 .list .icon-box .tit-box .tit {
    font-size: 2.60415vw;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-solution {
    padding-bottom: 88.71%;
  }
  .solution-box-05 {
    background: #f7f8fa;
  }
  .solution-box-05 .case-box {
    padding-top: 5.33332vw;
  }
  .solution-box-05 .case-box .swiper-case {
    position: relative;
  }
  .solution-box-05 .case-box .swiper-case dl {
    border-radius: 1.866662vw;
    overflow: hidden;
  }
  .solution-box-05 .case-box .swiper-case dl dd {
    background: #fff;
    padding: 5.33332vw;
  }
  .solution-box-05 .case-box .swiper-case dl dd .txt {
    line-height: 1.75;
    font-size: 2.66666vw;
  }
  .solution-box-05 .case-box .swiper-case dl dd .case-logo {
    margin-top: 5.33332vw;
    height: 7.99998vw;
  }
  .solution-box-05 .case-box .swiper-case dl dd .case-logo img {
    height: 100%;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box {
    position: absolute;
    right: 5.33332vw;
    bottom: 5.33332vw;
    z-index: 2;
    display: flex;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn {
    background: #ebf0f5;
    height: 7.99998vw;
    width: 7.99998vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn::before {
    content: " ";
    background-image: linear-gradient(#1A3A97, #00AFEC);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    opacity: 0;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn i {
    position: relative;
    z-index: 2;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn i, .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn i::before {
    color: #9CA4AC;
    font-size: 3.199992vw;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn:hover::before {
    opacity: 1;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn:hover i, .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn:hover i::before {
    color: #fff;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn + .case-btn {
    margin-left: 2.66666vw;
  }
}
@media screen and (min-width: 992px) {
  .solution-box-05 .case-box {
    padding-top: 3.12498vw;
  }
  .solution-box-05 .case-box .swiper-case dl {
    border-radius: 0.729162vw;
    display: flex;
  }
  .solution-box-05 .case-box .swiper-case dl dt {
    flex-basis: 32.29146vw;
    flex-shrink: 0;
  }
  .solution-box-05 .case-box .swiper-case dl dd {
    flex: 1;
    flex-shrink: 0;
    padding: 2.08332vw;
    padding-bottom: 5.72913vw;
    position: relative;
  }
  .solution-box-05 .case-box .swiper-case dl dd .txt {
    font-size: 0.937494vw;
  }
  .solution-box-05 .case-box .swiper-case dl dd .case-logo {
    margin-top: 2.08332vw;
    height: 3.64581vw;
    position: absolute;
    left: 2.08332vw;
    bottom: 2.08332vw;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box {
    right: 2.08332vw;
    bottom: 2.08332vw;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn {
    height: 2.708316vw;
    width: 2.708316vw;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn i, .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn i::before {
    font-size: 0.833328vw;
  }
  .solution-box-05 .case-box .swiper-case .case-btn-box .case-btn + .case-btn {
    margin-left: 1.04166vw;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-case {
    padding-bottom: 40%;
  }
  .case-box-01 .list-box {
    padding-top: 5.33332vw;
    position: relative;
  }
  .case-box-01 .list-box::before {
    content: " ";
    width: 13.3333vw;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #FFFFFF, rgba(255, 255, 255, 0));
    z-index: 2;
    pointer-events: none;
  }
  .case-box-01 .list-box::after {
    content: " ";
    width: 13.3333vw;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));
    z-index: 2;
    pointer-events: none;
  }
  .case-box-01 .list-box .list ul {
    display: flex;
  }
  .case-box-01 .list-box .list ul li {
    padding: 1.33333vw;
    width: 26.6666vw;
    flex-shrink: 0;
  }
  .case-box-01 .list-box .list ul li .item {
    background: #fff;
    box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.06);
    padding: 1.33333vw;
    border-radius: 1.066664vw;
  }
}
@media screen and (min-width: 992px) {
  .case-box-01 .list-box {
    padding-top: 3.12498vw;
  }
  .case-box-01 .list-box::before {
    width: 26.0415vw;
  }
  .case-box-01 .list-box::after {
    width: 26.0415vw;
  }
  .case-box-01 .list-box .list ul {
    display: flex;
  }
  .case-box-01 .list-box .list ul li {
    padding: 0.260415vw;
    width: 11.718675vw;
    flex-shrink: 0;
  }
  .case-box-01 .list-box .list ul li .item {
    background: #fff;
    box-shadow: 0 0 0.52083vw rgba(0, 0, 0, 0.06);
    padding: 0.937494vw 1.56249vw;
    border-radius: 0.208332vw;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-case-02 {
    padding-bottom: 60.976%;
  }
  .case-box-02 {
    background: #f7f8fa;
  }
  .case-box-02 .case-swiper-box {
    padding-top: 5.33332vw;
  }
  .case-box-02 .case-swiper-box::before {
    content: " ";
    width: 13.3333vw;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #F7F8FA, rgba(247, 248, 250, 0));
    z-index: 2;
    pointer-events: none;
  }
  .case-box-02 .case-swiper-box::after {
    content: " ";
    width: 13.3333vw;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to left, #F7F8FA, rgba(247, 248, 250, 0));
    z-index: 2;
    pointer-events: none;
  }
  .case-box-02 .case-swiper-box .case-swiper {
    position: relative;
    overflow: visible;
    width: 79.9998vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .swiper-slide {
    padding: 0 2.66666vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .swiper-slide-active .link .mess {
    opacity: 1;
    transform: translateY(0);
  }
  .case-box-02 .case-swiper-box .case-swiper .link {
    border-radius: 1.866662vw;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 2.66666vw;
    background: #fff;
    opacity: 0;
    transform: translateY(100%);
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess .l {
    flex: 1;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess .l .tit {
    color: #131313;
    font-size: 3.199992vw;
    line-height: 1.4;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess .l .txt {
    color: #131313;
    font-size: 2.66666vw;
    padding-top: 1.33333vw;
    line-height: 1.4;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess .r .case-logo {
    height: 7.99998vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess .r .case-logo img {
    height: 100%;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-btn {
    top: 50%;
    margin-top: -3.99999vw;
    position: absolute;
    z-index: 2;
    background: #ebf0f5;
    height: 7.99998vw;
    width: 7.99998vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-btn::before {
    content: " ";
    background-image: linear-gradient(#1A3A97, #00AFEC);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    opacity: 0;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-btn i {
    position: relative;
    z-index: 2;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-btn i, .case-box-02 .case-swiper-box .case-swiper .case-btn i::before {
    color: #9CA4AC;
    font-size: 3.199992vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-btn:hover::before {
    opacity: 1;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-btn:hover i, .case-box-02 .case-swiper-box .case-swiper .case-btn:hover i::before {
    color: #fff;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-prev {
    left: -2.66666vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-next {
    right: -2.66666vw;
  }
  .case-box-02 .btn-box {
    padding-top: 5.33332vw;
    justify-content: center;
  }
  .case-box-02 .case-list-tit {
    padding-top: 5.33332vw;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.266666vw solid #E8E8E8;
    padding-bottom: 1.33333vw;
  }
  .case-box-02 .case-list-tit .tit {
    color: #131313;
    font-weight: bold;
    font-size: 3.199992vw;
  }
  .case-box-02 .case-list-tit .more {
    display: flex;
    align-items: center;
  }
  .case-box-02 .case-list-tit .more span {
    color: #666;
    font-size: 2.66666vw;
    padding-right: 1.33333vw;
  }
  .case-box-02 .case-list-tit .more i, .case-box-02 .case-list-tit .more i::before {
    color: #666;
    font-size: 2.66666vw;
  }
  .case-box-02 .case-list-tit .more:hover span {
    color: #1A3A97;
  }
  .case-box-02 .case-list-tit .more:hover i, .case-box-02 .case-list-tit .more:hover i::before {
    color: #1A3A97;
  }
  .case-box-02 .list {
    padding-top: 2.66666vw;
  }
  .case-box-02 .list ul li a {
    display: flex;
  }
  .case-box-02 .list ul li a i {
    background: #ddd;
    width: 1.066664vw;
    height: 1.066664vw;
    border-radius: 50%;
    display: block;
    flex-shrink: 0;
    margin-top: 2.133328vw;
    margin-right: 1.33333vw;
  }
  .case-box-02 .list ul li a span {
    line-height: 1.75;
  }
  .case-box-02 .list ul li a:hover i {
    background: #1A3A97;
  }
}
@media screen and (min-width: 992px) {
  .case-box-02 .case-swiper-box {
    padding-top: 3.12498vw;
  }
  .case-box-02 .case-swiper-box .case-swiper {
    width: 44.79138vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .swiper-slide {
    padding: 0 1.04166vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .link {
    border-radius: 0.729162vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess {
    padding: 1.04166vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess .l .tit {
    font-size: 1.145826vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess .l .txt {
    font-size: 0.937494vw;
    padding-top: 0.52083vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .link .mess .r .case-logo {
    height: 3.802059vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-btn {
    margin-top: -1.354158vw;
    height: 2.708316vw;
    width: 2.708316vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-btn i, .case-box-02 .case-swiper-box .case-swiper .case-btn i::before {
    font-size: 0.833328vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-prev {
    left: -14.06241vw;
  }
  .case-box-02 .case-swiper-box .case-swiper .case-next {
    right: -14.06241vw;
  }
  .case-box-02 .btn-box {
    padding-top: 2.60415vw;
  }
  .case-box-02 .case-list-tit {
    padding-top: 4.16664vw;
    border-bottom-width: 0.052083vw;
    padding-bottom: 0.52083vw;
  }
  .case-box-02 .case-list-tit .tit {
    font-size: 1.56249vw;
  }
  .case-box-02 .case-list-tit .more span {
    font-size: 0.937494vw;
    padding-right: 0.260415vw;
  }
  .case-box-02 .case-list-tit .more i, .case-box-02 .case-list-tit .more i::before {
    font-size: 0.624996vw;
  }
  .case-box-02 .list {
    padding-top: 1.04166vw;
  }
  .case-box-02 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.52083vw -1.04166vw;
  }
  .case-box-02 .list ul li {
    padding: 0.52083vw 1.04166vw;
    flex-basis: 33.33333%;
    flex-shrink: 0;
    min-width: 0;
  }
  .case-box-02 .list ul li a {
    padding: 0 0;
  }
  .case-box-02 .list ul li a i {
    width: 0.416664vw;
    height: 0.416664vw;
    margin-top: 0.729162vw;
    margin-right: 0.52083vw;
  }
  .case-box-02 .list ul li a span {
    line-height: 1.75;
  }
  .case-box-02 .list ul li a:hover i {
    background: #1A3A97;
  }
}
@media screen and (min-width: 320px) {
  .case-box-03 {
    background-image: linear-gradient(35deg, #0073E5, #00E4FF);
  }
  .case-box-03 .page-tit-box .tit {
    color: #fff;
  }
  .case-box-03 .page-tit-box .sub-tit {
    color: #fff;
  }
  .case-box-03 .list ul {
    margin: -2.66666vw;
  }
  .case-box-03 .list ul li {
    padding: 2.66666vw;
  }
  .case-box-03 .list ul li dl {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .case-box-03 .list ul li dl dt {
    width: 26.6666vw;
    height: 26.6666vw;
    border-radius: 50%;
    border: 0.266666vw solid #EBF0F5;
    background: linear-gradient(#00E5FF, #0073E5);
    margin-bottom: -13.3333vw;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .case-box-03 .list ul li dl dt .icon {
    width: 9.599976vw;
  }
  .case-box-03 .list ul li dl dt .icon img {
    width: 100%;
  }
  .case-box-03 .list ul li dl dt .tit {
    color: #fff;
    font-size: 3.199992vw;
    font-weight: bold;
    padding-top: 2.66666vw;
  }
  .case-box-03 .list ul li dl dd {
    background: #fff;
    border-radius: 1.866662vw;
    padding: 5.33332vw;
    padding-top: 18.66662vw;
    line-height: 1.75;
    color: #131313;
  }
}
@media screen and (min-width: 992px) {
  .case-box-03 .list ul {
    margin: -1.04166vw;
    display: flex;
  }
  .case-box-03 .list ul li {
    padding: 1.04166vw;
    flex-basis: 33.3333%;
    flex-shrink: 0;
  }
  .case-box-03 .list ul li dl dt {
    width: 9.37494vw;
    height: 9.37494vw;
    border-width: 0.052083vw;
    margin-bottom: -4.68747vw;
  }
  .case-box-03 .list ul li dl dt .icon {
    width: 2.60415vw;
  }
  .case-box-03 .list ul li dl dt .tit {
    font-size: 1.56249vw;
    padding-top: 0.52083vw;
  }
  .case-box-03 .list ul li dl dd {
    border-radius: 0.729162vw;
    padding: 2.60415vw 1.56249vw;
    padding-top: 6.24996vw;
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .case-box-04 .case-swiper-box {
    padding-top: 5.33332vw;
  }
  .case-box-04 .case-swiper-box::before {
    content: " ";
    width: 13.3333vw;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    z-index: 2;
    pointer-events: none;
  }
  .case-box-04 .case-swiper-box::after {
    content: " ";
    width: 13.3333vw;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
    z-index: 2;
    pointer-events: none;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 {
    position: relative;
    overflow: visible;
    width: 79.9998vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .swiper-slide {
    padding: 0 2.66666vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .swiper-slide-active .link .mess {
    opacity: 1;
    transform: translateY(0);
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .link {
    border-radius: 1.866662vw;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .link .mess {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 2.66666vw;
    opacity: 0;
    transform: translateY(100%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .link .mess .tit {
    color: #fff;
    font-size: 3.199992vw;
    line-height: 1.4;
    font-weight: bold;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .link .mess .txt {
    color: #fff;
    font-size: 2.66666vw;
    padding-top: 1.33333vw;
    line-height: 1.75;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-btn {
    top: 50%;
    margin-top: -3.99999vw;
    position: absolute;
    z-index: 2;
    background: #ebf0f5;
    height: 7.99998vw;
    width: 7.99998vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-btn::before {
    content: " ";
    background-image: linear-gradient(#1A3A97, #00AFEC);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    opacity: 0;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-btn i {
    position: relative;
    z-index: 2;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-btn i, .case-box-04 .case-swiper-box .case-swiper-02 .case-btn i::before {
    color: #9CA4AC;
    font-size: 3.199992vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-btn:hover::before {
    opacity: 1;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-btn:hover i, .case-box-04 .case-swiper-box .case-swiper-02 .case-btn:hover i::before {
    color: #fff;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-prev {
    left: -2.66666vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-next {
    right: -2.66666vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-pagination-02 {
    display: flex;
    justify-content: center;
    position: relative;
    top: 2.66666vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-pagination-02 .swiper-pagination-bullet {
    width: 2.66666vw;
    height: 2.66666vw;
    border-radius: 50%;
    background: #FF9823;
    border: 0.266666vw solid #FF9823;
    transform: scale(0.5);
    opacity: 1;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-pagination-02 .swiper-pagination-bullet-active {
    background: transparent;
    transform: scale(1);
  }
}
@media screen and (min-width: 992px) {
  .case-box-04 .case-swiper-box {
    padding-top: 3.12498vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 {
    width: 44.79138vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .swiper-slide {
    padding: 0 1.04166vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .link {
    border-radius: 0.729162vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .link .mess {
    padding: 1.56249vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .link .mess .tit {
    font-size: 1.56249vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .link .mess .txt {
    font-size: 0.937494vw;
    padding-top: 0.52083vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-btn {
    margin-top: -1.354158vw;
    height: 2.708316vw;
    width: 2.708316vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-btn i, .case-box-04 .case-swiper-box .case-swiper-02 .case-btn i::before {
    font-size: 0.833328vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-prev {
    left: -14.06241vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-next {
    right: -14.06241vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-pagination-02 {
    top: 2.291652vw;
  }
  .case-box-04 .case-swiper-box .case-swiper-02 .case-pagination-02 .swiper-pagination-bullet {
    width: 0.729162vw;
    height: 0.729162vw;
    border-width: 0.052083vw;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-case-03 {
    padding-bottom: 56.356%;
  }
  .case-info-box-01 {
    background: #f7f8fa;
  }
  .case-info-box-01 .list ul {
    margin: -1.33333vw;
    display: flex;
    flex-wrap: wrap;
  }
  .case-info-box-01 .list ul li {
    padding: 1.33333vw;
    flex-basis: 50%;
    flex-shrink: 0;
    min-width: 0;
    display: flex;
  }
  .case-info-box-01 .list ul li .item {
    padding: 3.99999vw;
    border-radius: 1.866662vw;
    background: #fff;
  }
  .case-info-box-01 .list ul li .item .tit {
    font-size: 3.733324vw;
    font-weight: bold;
    color: #131313;
    padding-bottom: 2.66666vw;
    line-height: 1.4;
  }
  .case-info-box-01 .list ul li .item .txt {
    font-size: 2.66666vw;
    color: #131313;
    padding-top: 2.66666vw;
    line-height: 1.75;
  }
}
@media screen and (min-width: 992px) {
  .case-info-box-01 .list ul {
    margin: -0.52083vw;
  }
  .case-info-box-01 .list ul li {
    padding: 0.52083vw;
    flex-basis: 25%;
  }
  .case-info-box-01 .list ul li .item {
    padding: 1.56249vw;
    border-radius: 0.729162vw;
  }
  .case-info-box-01 .list ul li .item .tit {
    font-size: 1.56249vw;
    padding-bottom: 1.04166vw;
  }
  .case-info-box-01 .list ul li .item .txt {
    font-size: 0.937494vw;
    padding-top: 1.04166vw;
  }
}
@media screen and (min-width: 320px) {
  .case-info-box-02 .list ul {
    margin-top: -5.33332vw;
  }
  .case-info-box-02 .list ul li {
    padding: 5.33332vw 0;
    border-bottom: 0.266666vw solid #DDD;
  }
  .case-info-box-02 .list ul li dl dd img {
    width: 100%;
  }
  .case-info-box-02 .list ul li dl dt {
    padding-top: 2.66666vw;
  }
  .case-info-box-02 .list ul li dl dt .tit {
    display: flex;
  }
  .case-info-box-02 .list ul li dl dt .tit i {
    background: #1A3A97;
    width: 1.066664vw;
    height: 1.066664vw;
    margin-right: 1.33333vw;
    margin-top: 2.133328vw;
    border-radius: 50%;
    display: block;
  }
  .case-info-box-02 .list ul li dl dt .tit b {
    font-weight: bold;
    color: #131313;
    font-size: 3.733324vw;
    line-height: 1.4;
  }
  .case-info-box-02 .list ul li dl dt .txt {
    padding-top: 2.66666vw;
    font-size: 2.66666vw;
    color: #131313;
    line-height: 1.75;
  }
}
@media screen and (min-width: 992px) {
  .case-info-box-02 .list ul {
    margin-top: -2.08332vw;
  }
  .case-info-box-02 .list ul li {
    padding: 2.08332vw 0;
    border-bottom-width: 0.052083vw;
  }
  .case-info-box-02 .list ul li dl {
    display: flex;
    flex-direction: row-reverse;
  }
  .case-info-box-02 .list ul li dl dd {
    padding-left: 4.270806vw;
  }
  .case-info-box-02 .list ul li dl dt {
    flex-shrink: 0;
    flex-basis: 39.06225vw;
    padding-top: 0;
  }
  .case-info-box-02 .list ul li dl dt .tit {
    display: flex;
  }
  .case-info-box-02 .list ul li dl dt .tit i {
    width: 0.416664vw;
    height: 0.416664vw;
    margin-right: 0.52083vw;
    margin-top: 0.624996vw;
  }
  .case-info-box-02 .list ul li dl dt .tit b {
    font-size: 1.56249vw;
  }
  .case-info-box-02 .list ul li dl dt .txt {
    padding-top: 2.08332vw;
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .technology-box-01 {
    background: #f2f5fc;
  }
  .technology-box-01 .list ul {
    margin: -1.33333vw;
  }
  .technology-box-01 .list ul li {
    padding: 1.33333vw;
  }
  .technology-box-01 .list ul li .item {
    border-radius: 1.866662vw;
    background: #fff;
    padding: 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .technology-box-01 .list ul li .item .icon {
    width: 9.599976vw;
  }
  .technology-box-01 .list ul li .item .icon img {
    width: 100%;
  }
  .technology-box-01 .list ul li .item .tit {
    font-size: 3.733324vw;
    font-weight: bold;
    color: #131313;
    margin-top: 1.33333vw;
  }
  .technology-box-01 .list ul li .item .txt {
    font-size: 2.66666vw;
    color: #131313;
    margin-top: 1.33333vw;
  }
}
@media screen and (min-width: 992px) {
  .technology-box-01 .list ul {
    margin: -1.04166vw;
    display: flex;
    flex-wrap: wrap;
  }
  .technology-box-01 .list ul li {
    padding: 1.04166vw;
    flex-shrink: 0;
    flex-basis: 33.3333%;
    display: flex;
  }
  .technology-box-01 .list ul li .item {
    border-radius: 0.729162vw;
    padding: 2.08332vw 1.56249vw;
  }
  .technology-box-01 .list ul li .item .icon {
    width: 2.968731vw;
  }
  .technology-box-01 .list ul li .item .tit {
    font-size: 1.56249vw;
    margin-top: 0.52083vw;
  }
  .technology-box-01 .list ul li .item .txt {
    font-size: 0.937494vw;
    margin-top: 0.52083vw;
  }
}
@media screen and (min-width: 320px) {
  .technology-box-02 {
    background-image: linear-gradient(#FDFEFE, #EAF7FF);
  }
  .technology-box-02 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .technology-box-02 .list ul li {
    padding: 1.33333vw;
    flex-basis: 33.3333%;
    flex-shrink: 0;
    min-width: 0;
    display: flex;
  }
  .technology-box-02 .list ul li .item {
    display: flex;
    border-radius: 1.866662vw;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .technology-box-02 .list ul li .item .bg {
    padding: 5.33332vw 2.66666vw;
    background: url(/Template/Home/img/technical-bg-02.png);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: 100%;
  }
  .technology-box-02 .list ul li .item .icon {
    width: 11.99997vw;
  }
  .technology-box-02 .list ul li .item .icon img {
    width: 100%;
  }
  .technology-box-02 .list ul li .item .tit {
    color: #fff;
    font-weight: bold;
    margin-top: 1.33333vw;
    line-height: 1.4;
    font-size: 3.199992vw;
    text-align: center;
    height: 9.066644vw;
    display: flex;
    align-items: center;
  }
  .technology-box-02 .list ul li .item::after {
    content: " ";
    position: absolute;
    background-image: linear-gradient(to right, #1A3A97, #00AFEC);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s;
  }
  .technology-box-02 .list ul li .item::before {
    content: " ";
    position: absolute;
    background-image: linear-gradient(45deg, #FF9823, #FFE4C5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: 0.3s;
  }
  .technology-box-02 .list ul li .item:hover::before {
    opacity: 1;
  }
  .technology-box-02 .list ul li .item:hover::after {
    opacity: 0;
  }
}
@media screen and (min-width: 992px) {
  .technology-box-02 .list ul {
    margin: -0.52083vw;
  }
  .technology-box-02 .list ul li {
    padding: 0.52083vw;
    flex-basis: 20%;
  }
  .technology-box-02 .list ul li .item {
    border-radius: 0.729162vw;
  }
  .technology-box-02 .list ul li .item .bg {
    padding: 1.302075vw;
    height: 13.749912vw;
  }
  .technology-box-02 .list ul li .item .icon {
    width: 4.68747vw;
  }
  .technology-box-02 .list ul li .item .tit {
    margin-top: 0.729162vw;
    font-size: 1.56249vw;
    height: 4.374972vw;
  }
}
@media screen and (min-width: 320px) {
  .technology-box-04 {
    background: #f2f5fc;
  }
  .technology-box-04 .list ul {
    margin: -1.33333vw;
  }
  .technology-box-04 .list ul li {
    padding: 1.33333vw;
  }
  .technology-box-04 .list ul li .bg {
    background-size: cover;
    background-position: center;
    padding: 2.66666vw;
  }
  .technology-box-04 .list ul li .bg .flex .l {
    padding: 2.66666vw;
    display: flex;
    align-items: flex-start;
    margin: 0 -2.66666vw;
  }
  .technology-box-04 .list ul li .bg .flex .l dl {
    padding: 0 2.66666vw;
    position: relative;
  }
  .technology-box-04 .list ul li .bg .flex .l dl::before {
    content: " ";
    width: 0.266666vw;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 1.33333vw;
    background: #ddd;
  }
  .technology-box-04 .list ul li .bg .flex .l dl:nth-child(1)::before {
    display: none;
  }
  .technology-box-04 .list ul li .bg .flex .l dl dt {
    display: flex;
    align-items: flex-start;
  }
  .technology-box-04 .list ul li .bg .flex .l dl dt b {
    color: #0075C2;
    font-size: 4.799988vw;
    line-height: 1;
    height: 4.799988vw;
    font-weight: normal;
    display: flex;
    align-items: center;
  }
  .technology-box-04 .list ul li .bg .flex .l dl dt span {
    color: #0075C2;
    font-size: 2.66666vw;
    font-weight: bold;
    height: 100%;
    line-height: 1;
  }
  .technology-box-04 .list ul li .bg .flex .l dl dt.unit {
    align-items: center;
  }
  .technology-box-04 .list ul li .bg .flex .l dl dd {
    color: #0075C2;
    white-space: nowrap;
    text-align: center;
  }
  .technology-box-04 .list ul li .bg .flex .l dl.min dt b {
    font-size: 4.266656vw;
  }
  .technology-box-04 .list ul li .bg .flex .r {
    padding: 2.66666vw;
  }
  .technology-box-04 .list ul li .bg .flex .r .num {
    font-family: roboto-b;
    font-size: 3.733324vw;
    color: #495770;
  }
  .technology-box-04 .list ul li .bg .flex .r .txt {
    color: #131313;
  }
  .technology-box-04 .list ul li .skin-02 * {
    color: #fff !important;
  }
}
@media screen and (min-width: 992px) {
  .technology-box-04 {
    background: #f2f5fc;
  }
  .technology-box-04 .list ul {
    margin: -0.52083vw;
  }
  .technology-box-04 .list ul li {
    padding: 0.52083vw;
  }
  .technology-box-04 .list ul li .bg {
    padding: 1.04166vw;
  }
  .technology-box-04 .list ul li .bg .flex {
    display: flex;
    flex-direction: row-reverse;
  }
  .technology-box-04 .list ul li .bg .flex .l {
    flex: 1;
    padding: 2.08332vw;
    padding-top: 3.64581vw;
    margin: 0 -2.08332vw;
  }
  .technology-box-04 .list ul li .bg .flex .l dl {
    padding: 0 2.08332vw;
  }
  .technology-box-04 .list ul li .bg .flex .l dl::before {
    width: 0.052083vw;
    bottom: 0.260415vw;
  }
  .technology-box-04 .list ul li .bg .flex .l dl:nth-child(1)::before {
    display: none;
  }
  .technology-box-04 .list ul li .bg .flex .l dl dt b {
    font-size: 3.64581vw;
    height: 3.64581vw;
  }
  .technology-box-04 .list ul li .bg .flex .l dl dt span {
    font-size: 1.145826vw;
  }
  .technology-box-04 .list ul li .bg .flex .l dl dt.unit {
    font-size: 1.04166vw;
  }
  .technology-box-04 .list ul li .bg .flex .l dl.min dt b {
    font-size: 2.760399vw;
  }
  .technology-box-04 .list ul li .bg .flex .r {
    padding: 1.04166vw 2.08332vw;
    flex-basis: 35.41644vw;
  }
  .technology-box-04 .list ul li .bg .flex .r .num {
    font-size: 1.354158vw;
  }
  .technology-box-04 .list ul li .bg .flex .r .txt {
    font-size: 0.937494vw;
  }
  .technology-box-04 .list ul li .skin-01 {
    min-height: 20.8332vw;
  }
  .technology-box-04 .list ul li:nth-child(even) .bg .flex {
    flex-direction: row;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-technology {
    padding-bottom: 68.182%;
  }
  .technology-box-05 {
    background-image: linear-gradient(#FFFFFF, #E6F4FF);
  }
  .technology-box-05 .list {
    padding-top: 5.33332vw;
  }
  .technology-box-05 .list ul {
    display: flex;
  }
  .technology-box-05 .list ul li {
    padding: 0 2.66666vw;
  }
  .technology-box-05 .list ul li .item {
    width: 31.99992vw;
    border-radius: 1.866662vw;
    overflow: hidden;
  }
}
@media screen and (min-width: 992px) {
  .technology-box-05 .list {
    padding-top: 3.12498vw;
  }
  .technology-box-05 .list ul li {
    padding: 0 1.04166vw;
  }
  .technology-box-05 .list ul li .item {
    width: 22.91652vw;
    border-radius: 0.729162vw;
  }
}
@media screen and (min-width: 320px) {
  .technology-box-06 .btn-box {
    padding-top: 5.33332vw;
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  .technology-box-06 .btn-box {
    padding-top: 2.60415vw;
  }
}
@media screen and (min-width: 320px) {
  .products-box-02 {
    background-image: linear-gradient(#E6F4FF, #FFFFFF);
  }
}
@media screen and (min-width: 320px) {
  .products-box-03 {
    background-image: linear-gradient(35deg, #0073E5, #00E4FF);
  }
  .products-box-03 .page-tit-box .tit {
    color: #fff;
  }
  .products-box-03 .page-tit-box .sub-tit {
    color: #fff;
  }
  .products-box-03 .list ul {
    margin: -2.66666vw;
  }
  .products-box-03 .list ul li {
    padding: 2.66666vw;
  }
  .products-box-03 .list ul li dl {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .products-box-03 .list ul li dl dt {
    width: 26.6666vw;
    height: 26.6666vw;
    border-radius: 50%;
    border: 0.266666vw solid #EBF0F5;
    background: linear-gradient(45deg, #FF9823, #FFB664);
    margin-bottom: -13.3333vw;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .products-box-03 .list ul li dl dt .icon {
    width: 9.599976vw;
  }
  .products-box-03 .list ul li dl dt .icon img {
    width: 100%;
  }
  .products-box-03 .list ul li dl dt .tit {
    color: #fff;
    font-size: 3.199992vw;
    font-weight: bold;
    padding-top: 2.66666vw;
  }
  .products-box-03 .list ul li dl dd {
    background: #fff;
    border-radius: 1.866662vw;
    padding: 5.33332vw;
    padding-top: 18.66662vw;
    line-height: 1.75;
    color: #131313;
  }
}
@media screen and (min-width: 992px) {
  .products-box-03 .list ul {
    margin: -1.04166vw;
    display: flex;
  }
  .products-box-03 .list ul li {
    padding: 1.04166vw;
    flex-basis: 33.3333%;
    flex-shrink: 0;
  }
  .products-box-03 .list ul li dl dt {
    width: 9.37494vw;
    height: 9.37494vw;
    border-width: 0.052083vw;
    margin-bottom: -4.68747vw;
  }
  .products-box-03 .list ul li dl dt .icon {
    width: 2.60415vw;
  }
  .products-box-03 .list ul li dl dt .tit {
    font-size: 1.56249vw;
    padding-top: 0.52083vw;
  }
  .products-box-03 .list ul li dl dd {
    border-radius: 0.729162vw;
    padding: 2.60415vw 1.56249vw;
    padding-top: 6.24996vw;
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .products-box-04 {
    background: #f7f8fa;
  }
  .products-box-04 .list ul {
    margin: -1.33333vw;
  }
  .products-box-04 .list ul li {
    padding: 1.33333vw;
  }
  .products-box-04 .list ul li .item {
    border-radius: 1.866662vw;
    background: #fff;
    padding: 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .products-box-04 .list ul li .item .icon {
    width: 9.599976vw;
    position: relative;
    z-index: 2;
  }
  .products-box-04 .list ul li .item .icon img {
    width: 100%;
  }
  .products-box-04 .list ul li .item .tit {
    font-size: 3.733324vw;
    font-weight: bold;
    color: #131313;
    margin-top: 1.33333vw;
    position: relative;
    z-index: 2;
  }
  .products-box-04 .list ul li .item .txt {
    font-size: 2.66666vw;
    color: #131313;
    margin-top: 1.33333vw;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  .products-box-04 .list ul li .item .bg {
    background-image: url(/Template/Home/img/products-bg-04.jpg);
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
  }
  .products-box-04 .list ul li .item:hover .icon img {
    filter: contrast(0%) brightness(1000%);
  }
  .products-box-04 .list ul li .item:hover .tit {
    color: #fff;
  }
  .products-box-04 .list ul li .item:hover .txt {
    color: #fff;
  }
  .products-box-04 .list ul li .item:hover .bg {
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .products-box-04 .list ul {
    margin: -1.04166vw;
    display: flex;
    flex-wrap: wrap;
  }
  .products-box-04 .list ul li {
    padding: 1.04166vw;
    flex-shrink: 0;
    flex-basis: 25%;
    display: flex;
  }
  .products-box-04 .list ul li .item {
    border-radius: 0.729162vw;
    padding: 2.08332vw 1.56249vw;
  }
  .products-box-04 .list ul li .item .icon {
    width: 2.968731vw;
  }
  .products-box-04 .list ul li .item .tit {
    font-size: 1.56249vw;
    margin-top: 0.52083vw;
  }
  .products-box-04 .list ul li .item .txt {
    font-size: 1.145826vw;
    margin-top: 0.52083vw;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-products {
    padding-bottom: 43.478%;
  }
  .products-box-05 .list ul {
    margin: -1.33333vw;
  }
  .products-box-05 .list ul li {
    padding: 1.33333vw;
  }
  .products-box-05 .list ul li dl {
    border-radius: 1.866662vw;
    overflow: hidden;
    cursor: pointer;
  }
  .products-box-05 .list ul li dl dd {
    background: #f7f8fa;
    padding: 5.33332vw;
  }
  .products-box-05 .list ul li dl dd .tit-box {
    display: flex;
    align-items: center;
    padding-bottom: 1.33333vw;
  }
  .products-box-05 .list ul li dl dd .tit-box .icon {
    width: 7.466648vw;
    margin-right: 1.33333vw;
  }
  .products-box-05 .list ul li dl dd .tit-box .icon img {
    width: 100%;
  }
  .products-box-05 .list ul li dl dd .tit-box .tit {
    font-weight: bold;
    color: #131313;
    font-weight: bold;
    font-size: 3.733324vw;
  }
  .products-box-05 .list ul li dl dd .txt {
    color: #131313;
  }
}
@media screen and (min-width: 992px) {
  .products-box-05 .list ul {
    display: flex;
    margin: -0.52083vw;
  }
  .products-box-05 .list ul li {
    padding: 0.52083vw;
    flex: 1;
  }
  .products-box-05 .list ul li dl {
    border-radius: 0.729162vw;
  }
  .products-box-05 .list ul li dl dt {
    height: 0;
    overflow: hidden;
  }
  .products-box-05 .list ul li dl dd {
    padding: 1.56249vw;
    height: 31.2498vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: none;
    position: relative;
  }
  .products-box-05 .list ul li dl dd::before {
    content: " ";
    background-image: linear-gradient(#1A3A97, #00AFEC);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .products-box-05 .list ul li dl dd .tit-box {
    display: block;
    padding-bottom: 0;
    position: relative;
    z-index: 2;
    padding-top: 3.489561vw;
  }
  .products-box-05 .list ul li dl dd .tit-box .icon {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1.4843655vw;
    width: 2.968731vw;
    margin-right: 0;
    margin-bottom: 0;
  }
  .products-box-05 .list ul li dl dd .tit-box .icon img {
    filter: contrast(0%) brightness(1000%);
  }
  .products-box-05 .list ul li dl dd .tit-box .tit {
    font-size: 1.56249vw;
    color: #fff;
  }
  .products-box-05 .list ul li dl dd .line {
    position: relative;
    z-index: 2;
    background: #fff;
    width: 1.666656vw;
    height: 0.156249vw;
    margin: 0.52083vw 0 1.822905vw 0;
  }
  .products-box-05 .list ul li dl dd .txt {
    color: #fff;
    position: relative;
    z-index: 2;
  }
  .products-box-05 .list ul li.on {
    flex: 3.2;
  }
  .products-box-05 .list ul li.on dl dt {
    height: 15.6249vw;
  }
  .products-box-05 .list ul li.on dl dd {
    padding: 1.56249vw;
    height: 15.6249vw;
    background: #f7f8fa;
    align-items: stretch;
  }
  .products-box-05 .list ul li.on dl dd::before {
    opacity: 0;
  }
  .products-box-05 .list ul li.on dl dd .tit-box {
    flex-direction: row;
    padding-top: 0;
    padding-left: 3.489561vw;
    position: relative;
    z-index: 2;
  }
  .products-box-05 .list ul li.on dl dd .tit-box .icon {
    left: 0;
    margin-left: 0;
    top: 50%;
    margin-top: -1.3801995vw;
  }
  .products-box-05 .list ul li.on dl dd .tit-box .icon img {
    filter: contrast(100%) brightness(100%);
  }
  .products-box-05 .list ul li.on dl dd .tit-box .tit {
    color: #131313;
  }
  .products-box-05 .list ul li.on dl dd .line {
    position: relative;
    z-index: 2;
    background: #fff;
    width: 0;
    height: 0;
    margin: 0.260415vw 0 0.260415vw 0;
  }
  .products-box-05 .list ul li.on dl dd .txt {
    color: #131313;
    -webkit-line-clamp: 6;
  }
}
@media screen and (min-width: 320px) {
  .products-list-box .products-tit-box {
    display: flex;
    align-items: center;
  }
  .products-list-box .products-tit-box i {
    background: #1A3A97;
    width: 0.799998vw;
    height: 2.66666vw;
    margin-right: 0.799998vw;
  }
  .products-list-box .products-tit-box b {
    color: #131313;
    font-size: 3.733324vw;
  }
  .products-list-box .list {
    padding-top: 5.33332vw;
  }
  .products-list-box .list ul {
    margin: -1.33333vw;
  }
  .products-list-box .list ul li {
    padding: 1.33333vw;
  }
  .products-list-box .list ul li a {
    display: flex;
    align-items: center;
    height: 11.199972vw;
    padding: 0 2.66666vw;
    border-radius: 1.066664vw;
    background: #f7f8fa;
    position: relative;
    overflow: hidden;
  }
  .products-list-box .list ul li a .bg {
    position: absolute;
    background-image: url(/Template/Home/img/products-btn-on.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
  }
  .products-list-box .list ul li a i {
    width: 1.066664vw;
    height: 1.066664vw;
    border-radius: 50%;
    background: #1A3A97;
    margin-right: 0.799998vw;
    position: relative;
    z-index: 2;
  }
  .products-list-box .list ul li a span {
    font-size: 3.199992vw;
    color: #222F47;
    line-height: 1.75;
    position: relative;
    z-index: 2;
  }
  .products-list-box .list ul li a:hover {
    background: transparent;
  }
  .products-list-box .list ul li a:hover .bg {
    opacity: 1;
  }
  .products-list-box .list ul li a:hover i {
    background: #fff;
  }
  .products-list-box .list ul li a:hover span {
    color: #fff;
  }
  .products-list-box:nth-of-type(n+3) {
    padding-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .products-list-box .products-tit-box i {
    width: 0.312498vw;
    height: 1.249992vw;
    margin-right: 0.52083vw;
  }
  .products-list-box .products-tit-box b {
    font-size: 1.56249vw;
  }
  .products-list-box .list {
    padding-top: 3.12498vw;
  }
  .products-list-box .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.572913vw;
  }
  .products-list-box .list ul li {
    padding: 0.572913vw;
    flex-basis: 33.3333%;
    flex-shrink: 0;
    min-width: 0;
  }
  .products-list-box .list ul li a {
    height: 4.16664vw;
    padding: 0 1.04166vw;
    border-radius: 0.416664vw;
  }
  .products-list-box .list ul li a i {
    width: 0.416664vw;
    height: 0.416664vw;
    margin-right: 0.52083vw;
  }
  .products-list-box .list ul li a span {
    font-size: 0.937494vw;
  }
  .products-list-box:nth-of-type(n+3) {
    padding-top: 0;
  }
}
@media screen and (min-width: 320px) {
  i.pic-scale-products-info {
    padding-bottom: 75.072%;
  }
  .products-info-box {
    position: relative;
  }
  .products-info-box .container {
    position: relative;
    z-index: 2;
  }
  .products-info-box::before {
    content: " ";
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(#fff, #EAF7FF);
    position: absolute;
    top: 50%;
  }
  .products-info-box .flex .l .tit {
    color: #131313;
    font-size: 4.266656vw;
    font-weight: bold;
    line-height: 1.4;
  }
  .products-info-box .flex .l .txt {
    color: #131313;
    font-size: 2.66666vw;
    padding-top: 2.66666vw;
    line-height: 1.75;
  }
  .products-info-box .list {
    padding-top: 5.33332vw;
  }
  .products-info-box .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .products-info-box .list ul li {
    padding: 1.33333vw;
    flex-basis: 50%;
    flex-shrink: 0;
  }
  .products-info-box .list ul li .item {
    background: #fff;
    border-radius: 1.866662vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5.33332vw 2.66666vw;
  }
  .products-info-box .list ul li .item .icon {
    width: 10.66664vw;
  }
  .products-info-box .list ul li .item .icon img {
    width: 100%;
  }
  .products-info-box .list ul li .item .tit {
    color: #222F47;
    font-weight: bold;
    font-size: 3.733324vw;
    text-align: center;
    padding-top: 2.66666vw;
    text-align: center;
  }
  .products-info-box .list ul li .item .txt {
    color: #222F47;
    font-size: 2.66666vw;
    text-align: center;
    padding-top: 1.33333vw;
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .products-info-box::before {
    height: 23.43735vw;
    top: auto;
  }
  .products-info-box .flex {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-top: -2.60415vw;
  }
  .products-info-box .flex .r {
    padding-left: 0.52083vw;
    flex-basis: 50%;
    flex-shrink: 0;
  }
  .products-info-box .flex .l {
    padding-right: 3.12498vw;
    flex-basis: 50%;
    flex-shrink: 0;
  }
  .products-info-box .flex .l .tit {
    font-size: 2.60415vw;
  }
  .products-info-box .flex .l .txt {
    font-size: 0.937494vw;
    padding-top: 4.16664vw;
  }
  .products-info-box .list {
    padding-top: 5.2083vw;
  }
  .products-info-box .list ul {
    margin: -0.52083vw;
  }
  .products-info-box .list ul li {
    padding: 0.52083vw;
    flex: 1;
  }
  .products-info-box .list ul li .item {
    border-radius: 0.729162vw;
    padding: 2.08332vw 0.781245vw;
  }
  .products-info-box .list ul li .item .icon {
    width: 2.08332vw;
  }
  .products-info-box .list ul li .item .icon img {
    width: 100%;
  }
  .products-info-box .list ul li .item .tit {
    font-size: 1.04166vw;
    padding-top: 1.04166vw;
  }
  .products-info-box .list ul li .item .txt {
    color: #222F47;
    font-size: 0.937494vw;
    padding-top: 0.781245vw;
  }
}
@media screen and (min-width: 320px) {
  .products-info-content .products-info {
    background: #fff;
  }
  .products-info-content .products-info:nth-child(even) {
    background: #F7F8FA;
  }
  .products-info-content .tit {
    color: #131313;
    font-size: 4.266656vw;
    font-weight: bold;
  }
  .products-info-content .txt {
    color: #131313;
    font-size: 2.66666vw;
  }
  .products-info-content .tit-box {
    padding-bottom: 5.33332vw;
    text-align: center;
  }
  .products-info-content .flex .r {
    padding-top: 2.66666vw;
  }
}
@media screen and (min-width: 992px) {
  .products-info-content .tit {
    font-size: 2.60415vw;
  }
  .products-info-content .txt {
    font-size: 0.937494vw;
  }
  .products-info-content .tit-box {
    padding-bottom: 3.12498vw;
  }
  .products-info-content .flex {
    display: flex;
    align-items: center;
  }
  .products-info-content .flex .l {
    flex: 1;
    min-width: 0;
    padding-right: 5.72913vw;
  }
  .products-info-content .flex .r {
    padding-top: 0;
    flex-basis: 40.10391vw;
    flex-shrink: 0;
    min-width: 0;
  }
}
@media screen and (min-width: 320px) {
  .case-list-box {
    background: #f7f8fa;
  }
  .case-list-box .list {
    padding-top: 5.33332vw;
  }
  .case-list-box .list ul {
    margin: -1.33333vw;
  }
  .case-list-box .list ul li {
    padding: 1.33333vw;
  }
  .case-list-box .list ul li .link {
    border-radius: 1.866662vw;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .case-list-box .list ul li .link .mess {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 2.66666vw;
    background: #fff;
    opacity: 1;
  }
  .case-list-box .list ul li .link .mess .l {
    flex: 1;
  }
  .case-list-box .list ul li .link .mess .l .tit {
    color: #131313;
    font-size: 3.199992vw;
    line-height: 1.4;
  }
  .case-list-box .list ul li .link .mess .l .txt {
    color: #131313;
    font-size: 2.66666vw;
    padding-top: 1.33333vw;
    line-height: 1.4;
  }
  .case-list-box .list ul li .link .mess .r .case-logo {
    height: 7.99998vw;
  }
  .case-list-box .list ul li .link .mess .r .case-logo img {
    height: 100%;
  }
}
@media screen and (min-width: 992px) {
  .case-list-box .list {
    padding-top: 2.60415vw;
  }
  .case-list-box .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.52083vw;
  }
  .case-list-box .list ul li {
    flex-basis: 50%;
    flex-shrink: 0;
    min-width: 0;
    padding: 0.52083vw;
  }
  .case-list-box .list ul li .link {
    border-radius: 0.729162vw;
  }
  .case-list-box .list ul li .link .mess {
    padding: 1.04166vw;
  }
  .case-list-box .list ul li .link .mess .l .tit {
    font-size: 1.145826vw;
  }
  .case-list-box .list ul li .link .mess .l .txt {
    font-size: 0.937494vw;
    padding-top: 0.52083vw;
  }
  .case-list-box .list ul li .link .mess .r .case-logo {
    height: 3.802059vw;
  }
}
@media screen and (min-width: 320px) {
  .news-info-box {
    background: #f7f8fa;
  }
  .news-info-box .flex {
    position: relative;
    z-index: 9;
  }
  .news-info-box .flex .l .info-bg-l {
    background: #fff;
    padding: 5.33332vw 3.99999vw;
  }
  .news-info-box .flex .l .info-bg-l .tit-box .tit {
    color: #000;
    font-weight: bold;
    font-size: 5.33332vw;
    line-height: 1.4;
  }
  .news-info-box .flex .l .info-bg-l .mess-box {
    display: flex;
    justify-content: space-between;
    padding: 5.33332vw 0;
    border-bottom: 0.266666vw solid #C6C6C6;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l {
    font-size: 2.66666vw;
    display: flex;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l .view {
    padding-right: 2.66666vw;
    color: #555;
    display: flex;
    align-items: center;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l .view i {
    padding-right: 1.33333vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l .view i, .news-info-box .flex .l .info-bg-l .mess-box .mess-l .view i::before {
    font-size: 3.199992vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l .time {
    color: #555;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-r {
    font-size: 2.66666vw;
  }
  .news-info-box .flex .l .info-bg-l .content-bd {
    padding: 7.99998vw 0;
  }
  .news-info-box .flex .l .info-bg-l .info-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 7.99998vw;
  }
  .news-info-box .flex .l .info-bg-l .info-link a {
    border: 0.266666vw solid #1A3A97;
    display: inline-flex;
    align-items: center;
    padding: 2.66666vw 5.33332vw;
    border-radius: 1.33333vw;
  }
  .news-info-box .flex .l .info-bg-l .info-link a i {
    padding-right: 1.33333vw;
  }
  .news-info-box .flex .l .info-bg-l .info-link a i, .news-info-box .flex .l .info-bg-l .info-link a i::before {
    font-size: 4.266656vw;
    color: #1A3A97;
  }
  .news-info-box .flex .l .info-bg-l .info-link a span {
    font-size: 3.199992vw;
    color: #1A3A97;
  }
  .news-info-box .flex .l .info-bg-l .info-link a:hover {
    background: #1A3A97;
  }
  .news-info-box .flex .l .info-bg-l .info-link a:hover i, .news-info-box .flex .l .info-bg-l .info-link a:hover i::before, .news-info-box .flex .l .info-bg-l .info-link a:hover span {
    color: #fff;
  }
  .news-info-box .flex .l .info-bg-l .info-btn-box {
    border-top: 0.266666vw dashed #D4D4D4;
    border-bottom: 0.266666vw dashed #D4D4D4;
  }
  .news-info-box .flex .l .info-bg-l .info-btn-box .info-btn .btn {
    padding: 2.66666vw 0;
    font-size: 3.199992vw;
    line-height: 1.4;
  }
  .news-info-box .flex .r {
    padding-top: 5.33332vw;
  }
  .news-info-box .flex .r .info-bg-r {
    background: #fff;
    padding: 5.33332vw 3.99999vw;
  }
  .news-info-box .flex .r .info-bg-r .tit-box {
    font-size: 5.33332vw;
    color: #000;
    border-bottom: 0.266666vw solid #C6C6C6;
    padding-bottom: 5.33332vw;
  }
  .news-info-box .flex .r .info-bg-r .list ul li a {
    border-bottom: 0.266666vw dotted #C6C6C6;
    padding: 5.33332vw 0;
    display: block;
  }
  .news-info-box .flex .r .info-bg-r .list ul li a .time {
    color: #1A3A97;
    font-size: 3.199992vw;
    padding-bottom: 1.33333vw;
  }
  .news-info-box .flex .r .info-bg-r .list ul li a .tit {
    color: #000;
    font-size: 3.733324vw;
    line-height: 1.75;
  }
  .news-info-box .flex .r .ad-pic {
    width: 100%;
    padding-top: 5.33332vw;
  }
  .news-info-box .flex .r .ad-pic a {
    display: block;
  }
  .news-info-box .flex .r .ad-pic a img {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .news-info-box .flex {
    display: flex;
  }
  .news-info-box .flex .l {
    flex: 1;
    flex-shrink: 0;
    min-width: 0;
  }
  .news-info-box .flex .l .info-bg-l {
    padding: 2.08332vw;
  }
  .news-info-box .flex .l .info-bg-l .tit-box .tit {
    font-size: 1.666656vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box {
    padding: 1.822905vw 0 1.04166vw 0;
    border-bottom-width: 0.052083vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l {
    font-size: 0.833328vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l .view {
    padding-right: 1.302075vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l .view i {
    padding-right: 0.260415vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l .view i, .news-info-box .flex .l .info-bg-l .mess-box .mess-l .view i::before {
    font-size: 1.04166vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-l .time {
    font-size: 0.833328vw;
  }
  .news-info-box .flex .l .info-bg-l .mess-box .mess-r {
    font-size: 0.833328vw;
  }
  .news-info-box .flex .l .info-bg-l .content-bd {
    padding: 2.60415vw 0;
  }
  .news-info-box .flex .l .info-bg-l .info-link {
    padding-bottom: 3.12498vw;
  }
  .news-info-box .flex .l .info-bg-l .info-link a {
    height: 2.812482vw;
    border-width: 0.052083vw;
    padding: 0.52083vw 1.56249vw;
    border-radius: 0.260415vw;
  }
  .news-info-box .flex .l .info-bg-l .info-link a i {
    padding-right: 0.52083vw;
  }
  .news-info-box .flex .l .info-bg-l .info-link a i, .news-info-box .flex .l .info-bg-l .info-link a i::before {
    font-size: 1.04166vw;
  }
  .news-info-box .flex .l .info-bg-l .info-link a span {
    font-size: 0.833328vw;
  }
  .news-info-box .flex .l .info-bg-l .info-btn-box {
    border-top-width: 0.052083vw;
    border-bottom-width: 0.052083vw;
  }
  .news-info-box .flex .l .info-bg-l .info-btn-box .info-btn {
    display: flex;
    justify-content: space-between;
    margin: 0 -1.04166vw;
  }
  .news-info-box .flex .l .info-bg-l .info-btn-box .info-btn .btn {
    padding: 1.458324vw 1.04166vw;
    font-size: 0.833328vw;
    flex-basis: 50%;
    flex-shrink: 0;
  }
  .news-info-box .flex .r {
    flex-basis: 19.79154vw;
    flex-shrink: 0;
    padding-top: 0;
    padding-left: 1.04166vw;
  }
  .news-info-box .flex .r .info-bg-r {
    padding: 1.56249vw;
  }
  .news-info-box .flex .r .info-bg-r .tit-box {
    font-size: 1.145826vw;
    border-bottom-width: 0.052083vw;
    padding-bottom: 1.04166vw;
  }
  .news-info-box .flex .r .info-bg-r .list ul li a {
    border-bottom-width: 0.052083vw;
    padding: 1.04166vw 0;
  }
  .news-info-box .flex .r .info-bg-r .list ul li a .time {
    font-size: 0.833328vw;
    padding-bottom: 0.52083vw;
  }
  .news-info-box .flex .r .info-bg-r .list ul li a .tit {
    font-size: 0.937494vw;
  }
  .news-info-box .flex .r .ad-pic {
    padding-top: 1.04166vw;
  }
}
@media screen and (min-width: 320px) {
  .news-list-04 ul li {
    border-bottom: 0.266666vw solid #DBDBDB;
  }
  .news-list-04 ul li dl {
    padding: 5.33332vw 0;
  }
  .news-list-04 ul li dl dt .tit {
    color: #000;
  }
  .news-list-04 ul li dl dt .time {
    white-space: nowrap;
    color: #979797;
    font-size: 3.199992vw;
    padding: 2.66666vw 0;
  }
  .news-list-04 ul li dl dd {
    color: #1A3A97;
    font-size: 3.199992vw;
  }
  .news-list-04 ul a:hover dl dt .tit {
    color: #1A3A97;
  }
}
@media screen and (min-width: 992px) {
  .news-list-04 ul li {
    border-bottom-width: 0.052083vw;
  }
  .news-list-04 ul li dl {
    padding: 2.60415vw 0;
    position: relative;
    z-index: 2;
  }
  .news-list-04 ul li dl dt {
    display: flex;
    justify-content: space-between;
    min-width: 0;
  }
  .news-list-04 ul li dl dt .tit {
    font-size: 1.145826vw;
  }
  .news-list-04 ul li dl dt .time {
    font-size: 0.833328vw;
    padding: 0 0 0 1.56249vw;
  }
  .news-list-04 ul li dl dd {
    font-size: 0.833328vw;
    padding-top: 1.56249vw;
  }
  .news-list-04 ul li a {
    position: relative;
    /*&::before{
    	content:' ';
    	position: absolute;
    	left: -200%;
    	right: -200%;
    	top: 0;
    	bottom: 0;
    	background: #f9f9f9;
    	opacity: 0;
    	pointer-events: none;
    }*/
  }
  .news-list-04 ul li a:hover::before {
    opacity: 1;
  }
}
@media screen and (min-width: 320px) {
  .wld-box-01 {
    background-image: linear-gradient(#FFFFFF, #E6F4FF);
  }
  .wld-box-02 {
    background: #f7f8fa;
  }
  .wld-box-02 .list ul li .item {
    background: #fff;
  }
  .wld-box-03 {
    background: #fff;
  }
  .wld-box-03 .list ul li .item {
    background: #F7F8FA;
  }
  .wld-box .list {
    padding-top: 5.33332vw;
  }
  .wld-box .list ul {
    margin: -2.66666vw;
  }
  .wld-box .list ul li {
    padding: 2.66666vw;
  }
  .wld-box .list ul li .item {
    padding: 5.33332vw 3.99999vw;
    border-radius: 3.99999vw;
  }
  .wld-box .list ul li .item .tit {
    font-weight: bold;
    text-align: center;
    font-size: 4.266656vw;
    color: #0075C2;
    padding-bottom: 2.66666vw;
  }
  .wld-box .list ul li .item .txt {
    line-height: 1.75;
    color: #131313;
  }
}
@media screen and (min-width: 992px) {
  .wld-box .list {
    padding-top: 1.56249vw;
  }
  .wld-box .list ul {
    margin: -0.781245vw -1.04166vw;
    display: flex;
    flex-wrap: wrap;
  }
  .wld-box .list ul li {
    padding: 0.781245vw 1.04166vw;
    flex-basis: 33.3333%;
    flex-shrink: 0;
    display: flex;
  }
  .wld-box .list ul li .item {
    padding: 2.08332vw 1.56249vw;
    border-radius: 1.04166vw;
    width: 100%;
  }
  .wld-box .list ul li .item .tit {
    font-size: 1.56249vw;
    padding-bottom: 1.56249vw;
  }
  .wld-box .list ul li .item .txt {
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .products-box-04-01 {
    background-image: linear-gradient(#FFFFFF, #E6F4FF);
  }
  .products-box-04-02 .list ul {
    margin: -1.33333vw;
  }
  .products-box-04-02 .list ul li {
    padding: 1.33333vw;
    display: flex;
  }
  .products-box-04-02 .list ul li .item {
    background: #f7f8fa;
    padding: 3.99999vw;
    border-radius: 1.866662vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .products-box-04-02 .list ul li .item .icon {
    width: 9.599976vw;
    height: 9.599976vw;
  }
  .products-box-04-02 .list ul li .item .icon img {
    width: 100%;
  }
  .products-box-04-02 .list ul li .item .tit {
    font-size: 4.266656vw;
    font-weight: bold;
    color: #131313;
    line-height: 1.4;
    margin-top: 2.66666vw;
  }
  .products-box-04-02 .list ul li .item .txt {
    color: #131313;
    font-size: 3.199992vw;
    margin-top: 2.66666vw;
  }
  .products-box-04-03 {
    background: #f7f8fa;
  }
  .products-box-04-03 .box-bg {
    background: #fff;
    border-radius: 2.66666vw;
    padding: 5.33332vw;
  }
  .products-box-04-03 .box-bg .b {
    padding-top: 7.99998vw;
  }
  .products-box-04-03 .box-bg .b .r {
    padding-top: 2.66666vw;
  }
  .products-box-04-03 .box-bg .tit {
    color: #0075C2;
    font-size: 4.266656vw;
    padding-bottom: 2.66666vw;
  }
  .products-box-04-03 .box-bg .list ul {
    margin: -1.33333vw;
  }
  .products-box-04-03 .box-bg .list ul li {
    padding: 1.33333vw;
  }
  .products-box-04-03 .box-bg .item {
    background: #f7f8fa;
    border-radius: 1.33333vw;
    padding: 3.99999vw;
  }
  .products-box-04-03 .box-bg .item .sub-tit {
    display: flex;
    align-items: center;
    padding-bottom: 1.33333vw;
  }
  .products-box-04-03 .box-bg .item .sub-tit img {
    width: 2.933326vw;
    margin-right: 1.33333vw;
  }
  .products-box-04-03 .box-bg .item .sub-tit span {
    font-size: 3.733324vw;
    color: #0075C2;
  }
  .products-box-04-03 .box-bg .item .sub-txt {
    font-size: 3.199992vw;
    color: #131313;
    line-height: 1.6;
  }
  .products-box-04-04 .list > ul {
    margin: -1.33333vw;
  }
  .products-box-04-04 .list > ul > li {
    padding: 1.33333vw;
  }
  .products-box-04-04 .list > ul > li .item {
    background: #f7f8fa;
    border-radius: 2.66666vw;
    padding: 6.66665vw;
  }
  .products-box-04-04 .list > ul > li .item .tit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .products-box-04-04 .list > ul > li .item .tit-box img {
    width: 11.99997vw;
    height: 11.99997vw;
    margin-bottom: 1.33333vw;
  }
  .products-box-04-04 .list > ul > li .item .tit-box span {
    font-size: 4.266656vw;
    color: #0075C2;
  }
  .products-box-04-04 .list > ul > li .item .box {
    padding-top: 2.66666vw;
  }
  .products-box-04-04 .list > ul > li .item .box .txt {
    color: #131313;
    font-size: 3.199992vw;
  }
  .products-box-04-04 .list > ul > li .item .box .pic {
    padding-top: 2.66666vw;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul {
    margin: -1.33333vw;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li {
    padding: 1.33333vw;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li .item-min {
    background: #fff;
    padding: 2.66666vw;
    border-radius: 1.33333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li .item-min .tit {
    color: #0075C2;
    font-size: 3.733324vw;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li .item-min .line {
    width: 4.266656vw;
    height: 0.533332vw;
    background: #0075C2;
    margin: 1.33333vw 0;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li .item-min .txt {
    color: #131313;
    font-size: 3.199992vw;
  }
  i.pic-scale-solution-02 {
    padding-bottom: 35.714%;
  }
  .products-box-04-05 {
    background: #f7f8fa;
  }
  .products-box-04-05 .case-box {
    padding-top: 5.33332vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .item {
    position: relative;
  }
  .products-box-04-05 .case-box .swiper-case-02 .item::before {
    content: " ";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  }
  .products-box-04-05 .case-box .swiper-case-02 .item .mess {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 50%;
    bottom: 0;
    padding: 5.33332vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .item .mess .tit {
    color: #fff;
    font-size: 4.266656vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .item .mess .txt {
    color: #fff;
    font-size: 3.199992vw;
    line-height: 1.6;
    padding-top: 2.66666vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box {
    position: absolute;
    right: 5.33332vw;
    bottom: 3.99999vw;
    z-index: 2;
    display: flex;
    align-items: center;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-pagination-02 {
    padding: 0 2.66666vw;
    line-height: 0;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-pagination-02 span + span {
    margin-left: 1.33333vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-pagination-02 .swiper-pagination-bullet {
    width: 2.133328vw;
    height: 2.133328vw;
    background: #fff;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn {
    background: #ebf0f5;
    height: 7.99998vw;
    width: 7.99998vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn i {
    position: relative;
    z-index: 2;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn i, .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn i::before {
    color: #9CA4AC;
    font-size: 3.199992vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn:hover {
    background: #0075C2;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn:hover i, .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn:hover i::before {
    color: #fff;
  }
}
@media screen and (min-width: 992px) {
  .products-box-04-02 .list ul {
    display: flex;
    margin: -0.52083vw;
  }
  .products-box-04-02 .list ul li {
    flex: 1;
    padding: 0.52083vw;
  }
  .products-box-04-02 .list ul li .item {
    padding: 1.56249vw;
    border-radius: 0.729162vw;
  }
  .products-box-04-02 .list ul li .item .icon {
    width: 3.749976vw;
    height: 3.749976vw;
  }
  .products-box-04-02 .list ul li .item .tit {
    font-size: 1.56249vw;
    margin-top: 1.04166vw;
  }
  .products-box-04-02 .list ul li .item .txt {
    font-size: 0.937494vw;
    margin-top: 1.04166vw;
  }
  .products-box-04-03 .box-bg {
    border-radius: 1.04166vw;
    padding: 2.08332vw;
  }
  .products-box-04-03 .box-bg .b {
    padding-top: 3.12498vw;
  }
  .products-box-04-03 .box-bg .b .flex {
    display: flex;
  }
  .products-box-04-03 .box-bg .b .flex .l {
    padding-right: 0.52083vw;
    flex: 1;
  }
  .products-box-04-03 .box-bg .b .flex .r {
    padding-left: 0.52083vw;
    padding-top: 0;
    flex: 1;
  }
  .products-box-04-03 .box-bg .tit {
    font-size: 1.874988vw;
    padding-bottom: 1.302075vw;
  }
  .products-box-04-03 .box-bg .list ul {
    display: flex;
    margin: -0.52083vw;
  }
  .products-box-04-03 .box-bg .list ul li {
    flex: 1;
    padding: 0.52083vw;
    display: flex;
  }
  .products-box-04-03 .box-bg .item {
    border-radius: 0.52083vw;
    padding: 1.56249vw;
  }
  .products-box-04-03 .box-bg .item .sub-tit {
    padding-bottom: 0.52083vw;
  }
  .products-box-04-03 .box-bg .item .sub-tit img {
    width: 1.145826vw;
    margin-right: 0.52083vw;
  }
  .products-box-04-03 .box-bg .item .sub-tit span {
    font-size: 1.249992vw;
  }
  .products-box-04-03 .box-bg .item .sub-txt {
    font-size: 0.937494vw;
  }
  .products-box-04-04 .list > ul {
    margin: -0.260415vw;
  }
  .products-box-04-04 .list > ul > li {
    padding: 0.260415vw;
  }
  .products-box-04-04 .list > ul > li .item {
    border-radius: 1.04166vw;
    padding: 2.60415vw;
    display: flex;
    align-items: center;
  }
  .products-box-04-04 .list > ul > li .item .tit-box {
    flex-basis: 10.4166vw;
    flex-shrink: 0;
  }
  .products-box-04-04 .list > ul > li .item .tit-box img {
    width: 4.68747vw;
    height: 4.68747vw;
    margin-bottom: 0.52083vw;
  }
  .products-box-04-04 .list > ul > li .item .tit-box span {
    font-size: 1.56249vw;
  }
  .products-box-04-04 .list > ul > li .item .box {
    padding-top: 0;
    padding-left: 2.60415vw;
    display: flex;
  }
  .products-box-04-04 .list > ul > li .item .box .txt {
    font-size: 0.937494vw;
  }
  .products-box-04-04 .list > ul > li .item .box .pic {
    padding-top: 0;
    padding-left: 2.60415vw;
    flex-shrink: 0;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul {
    display: flex;
    margin: -0.52083vw;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li {
    padding: 0.52083vw;
    flex: 1;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li .item-min {
    padding: 1.04166vw;
    border-radius: 0.52083vw;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li .item-min .tit {
    font-size: 1.249992vw;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li .item-min .line {
    width: 1.666656vw;
    height: 0.156249vw;
    margin: 0.52083vw 0;
  }
  .products-box-04-04 .list > ul > li .item .list-min > ul > li .item-min .txt {
    font-size: 0.937494vw;
  }
  .products-box-04-05 .case-box {
    padding-top: 3.12498vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .item .mess {
    right: 30%;
    padding: 2.08332vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .item .mess .tit {
    font-size: 1.874988vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .item .mess .txt {
    font-size: 0.937494vw;
    padding-top: 0.52083vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box {
    right: 2.08332vw;
    bottom: 2.08332vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-pagination-02 {
    padding: 0 1.04166vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-pagination-02 span + span {
    margin-left: 0.52083vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-pagination-02 .swiper-pagination-bullet {
    width: 0.416664vw;
    height: 0.416664vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn {
    height: 2.708316vw;
    width: 2.708316vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn i, .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn i::before {
    font-size: 0.833328vw;
  }
  .products-box-04-05 .case-box .swiper-case-02 .case-btn-box .case-btn + .case-btn {
    margin-left: 1.04166vw;
  }
}
@media screen and (min-width: 320px) {
  .products-box-05-01 {
    background-image: linear-gradient(#FFFFFF, #E6F4FF);
  }
  .products-box-05-04 {
    background-image: linear-gradient(#E6F4FF, #FFFFFF);
  }
  .products-box-05-02 {
    background-color: #F7F8FA;
  }
  .products-box-05-02 .list ul {
    margin: -1.33333vw;
  }
  .products-box-05-02 .list ul li {
    padding: 1.33333vw;
  }
  .products-box-05-02 .list ul li .item {
    border-radius: 1.866662vw;
    background: #fff;
    padding: 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .products-box-05-02 .list ul li .item .icon {
    width: 9.599976vw;
  }
  .products-box-05-02 .list ul li .item .icon img {
    width: 100%;
  }
  .products-box-05-02 .list ul li .item .tit {
    font-size: 3.733324vw;
    font-weight: bold;
    color: #131313;
    margin-top: 2.66666vw;
    line-height: 1.4;
  }
  .products-box-05-02 .list ul li .item .txt {
    font-size: 2.66666vw;
    color: #131313;
    margin-top: 2.66666vw;
  }
  .products-box-05-05 .list ul {
    margin: -1.33333vw;
  }
  .products-box-05-05 .list ul li {
    padding: 1.33333vw;
  }
  .products-box-05-05 .list ul li .item {
    border-radius: 1.866662vw;
    background: #F7F8FA;
    padding: 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .products-box-05-05 .list ul li .item .icon {
    width: 9.599976vw;
  }
  .products-box-05-05 .list ul li .item .icon img {
    width: 100%;
  }
  .products-box-05-05 .list ul li .item .tit {
    font-size: 3.733324vw;
    font-weight: bold;
    color: #131313;
    margin-top: 2.66666vw;
    line-height: 1.4;
  }
  .products-box-05-05 .list ul li .item .txt {
    font-size: 2.66666vw;
    color: #131313;
    margin-top: 2.66666vw;
  }
}
@media screen and (min-width: 992px) {
  .products-box-05-01 .pic {
    max-width: 67.7079vw;
    margin: 0 auto;
    display: block;
  }
  .products-box-05-02 .list ul {
    margin: -1.04166vw;
    display: flex;
    flex-wrap: wrap;
  }
  .products-box-05-02 .list ul li {
    padding: 1.04166vw;
    flex-shrink: 0;
    flex-basis: 33.3333%;
    display: flex;
  }
  .products-box-05-02 .list ul li .item {
    border-radius: 0.729162vw;
    padding: 2.08332vw 1.56249vw;
  }
  .products-box-05-02 .list ul li .item .icon {
    width: 2.968731vw;
  }
  .products-box-05-02 .list ul li .item .tit {
    font-size: 1.56249vw;
    margin-top: 1.04166vw;
  }
  .products-box-05-02 .list ul li .item .txt {
    font-size: 0.937494vw;
    margin-top: 1.04166vw;
  }
  .products-box-05-05 .list ul {
    margin: -1.04166vw;
    display: flex;
    flex-wrap: wrap;
  }
  .products-box-05-05 .list ul li {
    padding: 1.04166vw;
    flex-shrink: 0;
    flex-basis: 33.3333%;
    display: flex;
  }
  .products-box-05-05 .list ul li .item {
    border-radius: 0.729162vw;
    padding: 2.08332vw 1.56249vw;
  }
  .products-box-05-05 .list ul li .item .icon {
    width: 2.968731vw;
  }
  .products-box-05-05 .list ul li .item .tit {
    font-size: 1.56249vw;
    margin-top: 1.04166vw;
  }
  .products-box-05-05 .list ul li .item .txt {
    font-size: 0.937494vw;
    margin-top: 1.04166vw;
  }
}
@media screen and (min-width: 320px) {
  .products-box-06-01 {
    background-image: linear-gradient(#FFFFFF, #E6F4FF);
  }
  .products-box-06-02 .list ul {
    margin: -1.33333vw;
  }
  .products-box-06-02 .list ul li {
    padding: 1.33333vw;
    display: flex;
  }
  .products-box-06-02 .list ul li .item {
    background: #f7f8fa;
    padding: 3.99999vw;
    border-radius: 1.866662vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .products-box-06-02 .list ul li .item .icon {
    width: 9.599976vw;
    height: 9.599976vw;
  }
  .products-box-06-02 .list ul li .item .icon img {
    width: 100%;
  }
  .products-box-06-02 .list ul li .item .tit {
    font-size: 4.266656vw;
    font-weight: bold;
    color: #131313;
    margin-top: 2.66666vw;
    line-height: 1.4;
  }
  .products-box-06-02 .list ul li .item .txt {
    color: #131313;
    font-size: 3.199992vw;
    margin-top: 2.66666vw;
  }
  .products-box-06-03 {
    background: #F7F8FA;
  }
  .products-box-06-05 {
    background: #f7f8fa;
  }
  .products-box-06-04 .flex, .products-box-06-05 .flex {
    padding-top: 7.99998vw;
  }
  .products-box-06-04 .flex .l, .products-box-06-05 .flex .l {
    line-height: 1.75;
  }
  .products-box-06-04 .flex .r, .products-box-06-05 .flex .r {
    padding-top: 5.33332vw;
  }
  .products-box-06-04 .flex .r img, .products-box-06-05 .flex .r img {
    width: 100%;
  }
  .products-box-06-04 .sub-tit, .products-box-06-05 .sub-tit {
    padding-bottom: 2.66666vw;
    color: #0075C2;
    font-weight: bold;
  }
}
@media screen and (min-width: 992px) {
  .products-box-06-01 .pic {
    max-width: 49.99968vw;
    margin: 0 auto;
    display: block;
  }
  .products-box-06-02 .list ul {
    display: flex;
    margin: -0.52083vw;
  }
  .products-box-06-02 .list ul li {
    flex: 1;
    padding: 0.52083vw;
  }
  .products-box-06-02 .list ul li .item {
    padding: 1.56249vw;
    border-radius: 0.729162vw;
  }
  .products-box-06-02 .list ul li .item .icon {
    width: 3.749976vw;
    height: 3.749976vw;
  }
  .products-box-06-02 .list ul li .item .tit {
    font-size: 1.56249vw;
    margin-top: 1.04166vw;
  }
  .products-box-06-02 .list ul li .item .txt {
    margin-top: 1.04166vw;
    font-size: 0.937494vw;
  }
  .products-box-06-03 .pic {
    max-width: 61.97877vw;
    margin: 0 auto;
    display: block;
  }
  .products-box-06-04 .flex, .products-box-06-05 .flex {
    padding-top: 3.12498vw;
    display: flex;
  }
  .products-box-06-04 .flex .l, .products-box-06-05 .flex .l {
    padding-right: 3.906225vw;
    flex-basis: 39.06225vw;
    flex-shrink: 0;
  }
  .products-box-06-04 .flex .r, .products-box-06-05 .flex .r {
    padding: 0 3.906225vw;
  }
  .products-box-06-04 .sub-tit, .products-box-06-05 .sub-tit {
    padding-bottom: 0.52083vw;
    font-size: 1.249992vw;
  }
}
@media screen and (min-width: 320px) {
  .solution-box-03-01 .list {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .solution-box-03-01 .list .item {
    padding: 1.33333vw;
    flex-shrink: 0;
    flex-basis: 50%;
    display: flex;
  }
  .solution-box-03-01 .list .item .box {
    position: relative;
    overflow: hidden;
    border-radius: 1.866662vw;
    padding: 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .solution-box-03-01 .list .item .box .icon {
    position: relative;
    z-index: 2;
    width: 7.99998vw;
  }
  .solution-box-03-01 .list .item .box .icon .show {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .solution-box-03-01 .list .item .box .icon img {
    width: 100%;
  }
  .solution-box-03-01 .list .item .box .txt {
    position: relative;
    z-index: 2;
    padding-top: 2.66666vw;
    font-size: 2.66666vw;
    color: #222F47;
    line-height: 1.6;
  }
  .solution-box-03-01 .list .item .box .bg {
    background: #f7f8fa;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .solution-box-03-01 .list .item .box .bg-02 {
    background-image: url(/Template/Home/img/solutions-bg-01.jpg);
    background-size: auto 100%;
    background-position: right center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
  }
  .solution-box-03-01 .list .item .box:hover .icon .show {
    opacity: 1;
  }
  .solution-box-03-01 .list .item .box:hover .icon .hide {
    opacity: 0;
  }
  .solution-box-03-01 .list .item .box:hover .icon img {
    width: 100%;
  }
  .solution-box-03-01 .list .item .box:hover .txt {
    color: #fff;
  }
  .solution-box-03-01 .list .item .box:hover .bg-02 {
    background-position: left center;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .solution-box-03-01 .list {
    margin: -0.52083vw;
  }
  .solution-box-03-01 .list .item {
    padding: 0.52083vw;
    flex-basis: 25%;
  }
  .solution-box-03-01 .list .item .box {
    border-radius: 0.729162vw;
    padding: 2.343735vw 1.56249vw;
  }
  .solution-box-03-01 .list .item .box .icon {
    width: 3.12498vw;
  }
  .solution-box-03-01 .list .item .box .txt {
    padding-top: 2.08332vw;
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .solution-box-04-01 .page-tit-box .sub-tit {
    color: #FF9823;
  }
  .solution-box-04-01 .list {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .solution-box-04-01 .list .item {
    padding: 1.33333vw;
    flex-shrink: 0;
    flex-basis: 50%;
    display: flex;
  }
  .solution-box-04-01 .list .item .box {
    position: relative;
    overflow: hidden;
    border-radius: 1.866662vw;
    padding: 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .solution-box-04-01 .list .item .box .tit {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    color: #0075C2;
    font-size: 6.399984vw;
    line-height: 1.4;
  }
  .solution-box-04-01 .list .item .box .tit b {
    color: #0075C2;
    font-weight: normal;
    font-size: 6.399984vw;
    line-height: 1.4;
  }
  .solution-box-04-01 .list .item .box .tit span {
    color: #0075C2;
    font-size: 4.266656vw;
    padding-left: 1.33333vw;
    line-height: 1.4;
  }
  .solution-box-04-01 .list .item .box .txt {
    position: relative;
    z-index: 2;
    padding-top: 2.66666vw;
    font-size: 2.66666vw;
    color: #222F47;
    line-height: 1.6;
  }
  .solution-box-04-01 .list .item .box .bg {
    background: #f7f8fa;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .solution-box-04-01 .list .item .box .bg-02 {
    background-image: url(/Template/Home/img/solutions-bg-01.jpg);
    background-size: auto 100%;
    background-position: right center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
  }
  .solution-box-04-01 .list .item .box:hover .tit b {
    color: #fff;
  }
  .solution-box-04-01 .list .item .box:hover .tit span {
    color: #fff;
  }
  .solution-box-04-01 .list .item .box:hover .txt {
    color: #fff;
  }
  .solution-box-04-01 .list .item .box:hover .bg-02 {
    background-position: left center;
    opacity: 1;
  }
  .solution-box-04-02 {
    background: #f7f8fa;
  }
  .solution-box-04-02 .list {
    margin: -2.66666vw;
  }
  .solution-box-04-02 .list .item {
    padding: 2.66666vw;
  }
  .solution-box-04-02 .list .item .box {
    background: #fff;
    border-radius: 1.33333vw;
    padding: 5.33332vw;
  }
  .solution-box-04-02 .list .item .box .tit {
    color: #0075C2;
    font-size: 4.799988vw;
    line-height: 1.4;
  }
  .solution-box-04-02 .list .item .box .txt {
    margin-top: 2.66666vw;
    color: #666;
  }
  .solution-box-04-02 .list .item .box .pic {
    margin-top: 2.66666vw;
  }
  .solution-box-04-02 .list + .list-02 {
    padding-top: 2.66666vw;
  }
  .solution-box-04-02 .list-02 {
    margin: -2.66666vw;
  }
  .solution-box-04-02 .list-02 .item {
    padding: 2.66666vw;
  }
  .solution-box-04-02 .list-02 .item .box {
    background: linear-gradient(135deg, #1b57d1, #2491d2);
    border-radius: 1.33333vw;
    padding: 5.33332vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .solution-box-04-02 .list-02 .item .box .icon {
    width: 8.533312vw;
  }
  .solution-box-04-02 .list-02 .item .box .tit {
    margin-top: 2.66666vw;
    color: #fff;
    font-size: 4.799988vw;
    line-height: 1.4;
  }
  .solution-box-04-02 .list-02 .item .box .txt {
    margin-top: 2.66666vw;
    color: #fff;
  }
  .solution-box-04-04 .list .item a {
    display: flex;
    align-items: center;
    padding: 1.33333vw 0;
  }
  .solution-box-04-04 .list .item a i {
    width: 1.066664vw;
    height: 1.066664vw;
    background: #FF9823;
    border-radius: 50%;
    margin-right: 1.33333vw;
  }
  .solution-box-04-04 .list .item a span {
    color: #131313;
  }
  .solution-box-04-04 .list .item a:hover span {
    color: #0075C2;
  }
}
@media screen and (min-width: 992px) {
  .solution-box-04-01 .list {
    margin: -0.52083vw;
  }
  .solution-box-04-01 .list .item {
    padding: 0.52083vw;
    flex: 1;
  }
  .solution-box-04-01 .list .item .box {
    border-radius: 0.729162vw;
    padding: 2.343735vw 1.56249vw;
    min-height: 16.66656vw;
  }
  .solution-box-04-01 .list .item .box .tit {
    font-size: 2.60415vw;
  }
  .solution-box-04-01 .list .item .box .tit b {
    font-size: 2.60415vw;
  }
  .solution-box-04-01 .list .item .box .tit span {
    font-size: 1.56249vw;
    padding-left: 0.52083vw;
  }
  .solution-box-04-01 .list .item .box .txt {
    padding-top: 1.56249vw;
    font-size: 0.937494vw;
  }
  .solution-box-04-02 .list {
    margin: -1.04166vw;
    display: flex;
  }
  .solution-box-04-02 .list .item {
    padding: 1.04166vw;
    flex: 1;
    display: flex;
  }
  .solution-box-04-02 .list .item .box {
    border-radius: 0.52083vw;
    padding: 2.08332vw;
    display: flex;
    flex-direction: column;
  }
  .solution-box-04-02 .list .item .box .tit {
    font-size: 1.666656vw;
  }
  .solution-box-04-02 .list .item .box .txt {
    margin-top: 1.56249vw;
    flex: 1;
  }
  .solution-box-04-02 .list .item .box .pic {
    margin-top: 1.56249vw;
  }
  .solution-box-04-02 .list + .list-02 {
    padding-top: 0.52083vw;
  }
  .solution-box-04-02 .list-02 {
    margin: -0.52083vw;
    display: flex;
  }
  .solution-box-04-02 .list-02 .item {
    flex: 1;
    padding: 0.52083vw;
    display: flex;
  }
  .solution-box-04-02 .list-02 .item .box {
    border-radius: 0.52083vw;
    padding: 1.56249vw;
  }
  .solution-box-04-02 .list-02 .item .box .icon {
    width: 1.666656vw;
  }
  .solution-box-04-02 .list-02 .item .box .tit {
    margin-top: 0.52083vw;
    color: #fff;
    font-size: 1.354158vw;
    line-height: 1.4;
  }
  .solution-box-04-02 .list-02 .item .box .txt {
    margin-top: 0.52083vw;
    font-size: 0.833328vw;
  }
  .solution-box-04-04 .list {
    display: flex;
    flex-wrap: wrap;
  }
  .solution-box-04-04 .list .item {
    flex-basis: 33.3333%;
    flex-shrink: 0;
    min-width: 0;
  }
  .solution-box-04-04 .list .item a {
    padding: 0.416664vw 0;
  }
  .solution-box-04-04 .list .item a i {
    width: 0.52083vw;
    height: 0.52083vw;
    margin-right: 0.52083vw;
  }
}
@media screen and (min-width: 320px) {
  .solution-box-01-01 .list {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .solution-box-01-01 .list .item {
    padding: 1.33333vw;
    flex-shrink: 0;
    flex-basis: 50%;
    display: flex;
  }
  .solution-box-01-01 .list .item .box {
    position: relative;
    overflow: hidden;
    border-radius: 1.866662vw;
    padding: 3.99999vw;
  }
  .solution-box-01-01 .list .item .box .tit {
    position: relative;
    z-index: 2;
    font-weight: bold;
    padding-bottom: 2.66666vw;
    font-size: 4.799988vw;
    color: #131313;
    line-height: 1.4;
  }
  .solution-box-01-01 .list .item .box .txt {
    position: relative;
    z-index: 2;
    font-size: 2.66666vw;
    line-height: 1.75;
    color: #131313;
  }
  .solution-box-01-01 .list .item .box .bg {
    background: #f7f8fa;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .solution-box-01-01 .list .item .box .bg-02 {
    background-image: url(/Template/Home/img/solutions-bg-01.jpg);
    background-size: auto 100%;
    background-position: right center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
  }
  .solution-box-01-01 .list .item .box:hover .tit {
    color: #fff;
  }
  .solution-box-01-01 .list .item .box:hover .txt {
    color: #fff;
  }
  .solution-box-01-01 .list .item .box:hover .bg-02 {
    background-position: center center;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .solution-box-01-01 .list {
    margin: -0.52083vw;
  }
  .solution-box-01-01 .list .item {
    padding: 0.52083vw;
    flex-basis: 20%;
  }
  .solution-box-01-01 .list .item .box {
    border-radius: 0.729162vw;
    padding: 2.343735vw 1.56249vw;
  }
  .solution-box-01-01 .list .item .box .tit {
    padding-bottom: 0.781245vw;
    font-size: 1.458324vw;
  }
  .solution-box-01-01 .list .item .box .txt {
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .solution-box-01-02 {
    background: #F7F8FA;
  }
  .solution-box-01-02 .list {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw;
  }
  .solution-box-01-02 .list .item {
    padding: 1.33333vw;
    flex-shrink: 0;
    flex-basis: 50%;
    display: flex;
  }
  .solution-box-01-02 .list .item .box {
    position: relative;
    overflow: hidden;
    border-radius: 1.866662vw;
    padding: 3.99999vw;
    background-color: #fff;
    background-image: url(/Template/Home/img/solutions-bg-01-02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
  }
  .solution-box-01-02 .list .item .box .tit {
    font-weight: bold;
    padding-bottom: 2.66666vw;
    font-size: 4.799988vw;
    color: #1A3A97;
    line-height: 1.4;
    text-align: center;
  }
  .solution-box-01-02 .list .item .box .txt {
    font-size: 2.66666vw;
    line-height: 1.75;
    color: #131313;
  }
}
@media screen and (min-width: 992px) {
  .solution-box-01-02 .list {
    margin: -0.52083vw;
  }
  .solution-box-01-02 .list .item {
    padding: 0.52083vw;
    flex-basis: 25%;
  }
  .solution-box-01-02 .list .item .box {
    border-radius: 0.729162vw;
    padding: 2.343735vw 1.56249vw;
  }
  .solution-box-01-02 .list .item .box .tit {
    padding-bottom: 0.781245vw;
    font-size: 1.458324vw;
  }
  .solution-box-01-02 .list .item .box .txt {
    font-size: 0.937494vw;
  }
}
@media screen and (min-width: 320px) {
  .solution-box-01-04 {
    background: #F7F8FA;
  }
}
@media screen and (min-width: 320px) {
  .float {
    position: fixed;
    right: 3.12498vw;
    bottom: 10.4166vw;
    z-index: 9;
  }
  .float .btn-box {
    margin-bottom: 1.04166vw;
    background: #07CCCC;
    border-radius: 1.718739vw;
  }
  .float .btn-box .btn {
    background: #07CCCC;
    /*&:hover{
    	i,i::before{
    		color: $vi2;
    	}
    }*/
  }
  .float dl {
    position: relative;
  }
  .float dl dd {
    position: absolute;
    top: -3.12498vw;
    margin-top: 1.718739vw;
    border-radius: 0.208332vw;
    background: #fff;
    padding: 0.52083vw;
    width: 6.24996vw;
    box-shadow: 0 0 1.04166vw rgba(0, 0, 0, 0.1);
    right: 3.437478vw;
  }
  .float dl dd::before {
    content: " ";
    position: absolute;
    top: 50%;
    border-top: 0.416664vw solid transparent;
    border-bottom: 0.416664vw solid transparent;
    border-left: 0.416664vw solid #fff;
    right: -0.364581vw;
    margin-top: -0.416664vw;
  }
  .float dl dd img {
    width: 100%;
  }
  .float dl .e-anim-on {
    animation: float-anim-on-02 0.3s;
    animation-fill-mode: both;
    display: block;
  }
  .float dl .e-anim-off {
    animation: float-anim-off-02 0.3s;
    animation-fill-mode: both;
    display: block;
  }
  .float .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.04166vw 1.04166vw;
    cursor: pointer;
    width: 3.437478vw;
    height: 3.437478vw;
    border-radius: 50%;
    background: #1A3A97;
  }
  .float .btn i, .float .btn i::before {
    font-size: 1.354158vw;
    color: #fff;
  }
  .float .btn:hover {
    transform: translateY(-5%);
  }
}
@keyframes float-anim-on-02 {
  from {
    opacity: 0;
    transform: translateX(5%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes float-anim-off-02 {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(5%);
  }
}
@media screen and (min-width: 320px) {
  .zzkk-bg {
    background: url(/Template/Home/img/zzkk-bg.jpg);
    background-size: cover;
    background-position: center top;
    padding-top: 10.66664vw;
  }
  .zzkk-bg .zzkk-logo {
    height: 8.533312vw;
  }
  .zzkk-bg .zzkk-logo img {
    height: 100%;
  }
  .zzkk-bg .zzkk-tit {
    text-align: center;
    padding-top: 7.99998vw;
    font-size: 6.399984vw;
    color: #000;
  }
  .zzkk-bg .zzkk-sub-tit {
    text-align: center;
    padding-top: 4.266656vw;
    font-size: 4.799988vw;
    color: #000;
  }
  .zzkk-bg .zzkk-pic {
    padding-top: 7.99998vw;
    width: 44%;
    margin: 0 auto;
  }
  .zzkk-bg .zzkk-pic img {
    width: 100%;
  }
  .zzkk-bg .zzkk-txt {
    padding-top: 7.99998vw;
    font-size: 3.733324vw;
    text-align: center;
    color: #000;
  }
  .zzkk-bg .zzkk-list {
    padding: 7.99998vw 0;
  }
  .zzkk-bg .zzkk-list ul {
    display: flex;
    flex-wrap: wrap;
  }
  .zzkk-bg .zzkk-list ul .item {
    padding: 2.66666vw;
    flex: 1;
    min-width: 50%;
  }
  .zzkk-bg .zzkk-list ul .item dl dt {
    padding-bottom: 2.66666vw;
  }
  .zzkk-bg .zzkk-list ul .item dl dt .ico {
    background-image: linear-gradient(45deg, #9baee5, #a4caf4);
    width: 9.599976vw;
    height: 9.599976vw;
    border-radius: 50%;
    padding: 1.33333vw;
  }
  .zzkk-bg .zzkk-list ul .item dl dt .ico img {
    width: 100%;
  }
  .zzkk-bg .zzkk-list ul .item dl dd {
    padding-left: 9.599976vw;
    position: relative;
  }
  .zzkk-bg .zzkk-list ul .item dl dd::before {
    content: " ";
    position: absolute;
    left: 4.799988vw;
    top: 0;
    bottom: 0;
    width: 0.266666vw;
    background: #000;
  }
  .zzkk-bg .zzkk-list ul .item dl dd .tit {
    font-size: 4.266656vw;
  }
  .zzkk-bg .zzkk-list ul .item dl dd .txt {
    padding-top: 1.33333vw;
    white-space: nowrap;
    font-size: 3.199992vw;
  }
}
@media screen and (min-width: 992px) {
  .zzkk-bg {
    padding-top: 6.24996vw;
  }
  .zzkk-bg .zzkk-container {
    width: 92.70774vw;
  }
  .zzkk-bg .zzkk-logo {
    height: 4.583304vw;
  }
  .zzkk-bg .zzkk-tit {
    text-align: center;
    padding-top: 6.874956vw;
    font-size: 3.541644vw;
  }
  .zzkk-bg .zzkk-sub-tit {
    padding-top: 1.249992vw;
    font-size: 2.60415vw;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .zzkk-bg .zzkk-sub-tit .box {
    position: relative;
  }
  .zzkk-bg .zzkk-sub-tit .box::before {
    content: " ";
    background: rgba(0, 0, 0, 0.4);
    width: 7.81245vw;
    height: 0.052083vw;
    position: absolute;
    left: -9.37494vw;
    top: 50%;
  }
  .zzkk-bg .zzkk-sub-tit .box::after {
    content: " ";
    background: rgba(0, 0, 0, 0.4);
    width: 7.81245vw;
    height: 0.052083vw;
    position: absolute;
    right: -9.37494vw;
    top: 50%;
  }
  .zzkk-bg .zzkk-pic {
    padding-top: 5.72913vw;
  }
  .zzkk-bg .zzkk-txt {
    padding-top: 2.08332vw;
    font-size: 1.302075vw;
  }
  .zzkk-bg .zzkk-list {
    padding: 6.24996vw 0;
    height: 58.85379vw;
  }
  .zzkk-bg .zzkk-list ul {
    display: block;
    position: relative;
  }
  .zzkk-bg .zzkk-list ul .item {
    padding: 0;
    flex: 0;
    min-width: auto;
    position: absolute;
  }
  .zzkk-bg .zzkk-list ul .item dl dt {
    padding-bottom: 1.666656vw;
  }
  .zzkk-bg .zzkk-list ul .item dl dt .ico {
    width: 3.749976vw;
    height: 3.749976vw;
    padding: 0.416664vw;
  }
  .zzkk-bg .zzkk-list ul .item dl dd {
    padding-left: 3.749976vw;
  }
  .zzkk-bg .zzkk-list ul .item dl dd::before {
    left: 1.874988vw;
    width: 0.052083vw;
  }
  .zzkk-bg .zzkk-list ul .item dl dd .tit {
    font-size: 2.812482vw;
  }
  .zzkk-bg .zzkk-list ul .item dl dd .txt {
    padding-top: 0.52083vw;
    font-size: 1.874988vw;
  }
  .zzkk-bg .zzkk-list ul .item:nth-child(1) {
    left: 3.333312vw;
    top: 4.68747vw;
  }
  .zzkk-bg .zzkk-list ul .item:nth-child(2) {
    left: 36.97893vw;
    top: 0;
  }
  .zzkk-bg .zzkk-list ul .item:nth-child(3) {
    right: 3.333312vw;
    top: 4.68747vw;
  }
  .zzkk-bg .zzkk-list ul .item:nth-child(4) {
    left: 11.249928vw;
    top: 23.43735vw;
  }
  .zzkk-bg .zzkk-list ul .item:nth-child(5) {
    left: 59.270454vw;
    top: 23.43735vw;
  }
}
@media screen and (min-width: 320px) {
  .content-box {
    text-align: justify;
  }
  .info-pic-box + .content-box {
    padding-top: 7.99998vw;
  }
  .content-box, .content-box * {
    font-size: 2.66666vw;
    line-height: 2;
    color: #666;
  }
  .content-box img {
    max-width: 100%;
    width: 100%;
  }
  .info-content, .info-content * {
    font-size: 2.66666vw;
    line-height: 2;
  }
  .info-content-bd {
    padding: 7.99998vw 0;
  }
  .info-content-bdt {
    padding-top: 7.99998vw;
  }
  .no-tips {
    height: 79.9998vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.733324vw;
    color: #999;
  }
  .e-video {
    padding-top: 7.99998vw;
  }
  .e-video-box {
    width: 100%;
    height: auto;
    background: #000;
  }
}
@media screen and (min-width: 992px) {
  .info-pic-box + .content-box {
    padding-top: 2.08332vw;
  }
  .content-box, .content-box * {
    font-size: 0.937494vw;
  }
  .content-box .pic {
    /*padding-top: $m*20;*/
  }
  .info-content, .info-content * {
    font-size: 0.937494vw;
  }
  .info-content-bd {
    padding: 3.12498vw 0;
  }
  .info-content-bdt {
    padding-top: 3.12498vw;
  }
  .no-tips {
    height: 20.8332vw;
    font-size: 0.937494vw;
  }
  .e-video {
    padding-top: 2.08332vw;
  }
  .e-video-box {
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .page-tit-box-04 .minSubs {
    font-size: 3.199992vw;
  }
  .page-tit-box-04 .minSubs b {
    font-size: 4.799988vw;
  }
  .page-tit-box-04 .minSubs span {
    color: #0075C2;
  }
  .solbox-02 {
    background-image: linear-gradient(to top, #e6f1fb, transparent 60%);
  }
  .solbox-03 {
    background-image: linear-gradient(to bottom, #4d95ff 0%, transparent 6%);
  }
  .page-ac02Main {
    display: flex;
    width: 92%;
    margin: 0 auto;
    margin-top: 5.33332vw;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-ac02Main .list {
    width: 100%;
    margin: 0 auto;
    margin-top: 5.33332vw;
  }
  .page-ac02Main .list .iconImg {
    width: 13.3333vw;
    height: 13.3333vw;
    margin: 0 auto;
  }
  .page-ac02Main .list .iconImg img {
    width: 13.3333vw;
    height: 13.3333vw;
  }
  .page-ac02Main .list .titStr {
    text-align: center;
    font-size: 3.733324vw;
    margin: 5.33332vw 0;
  }
  .page-ac02Main .list .textStr {
    font-size: 3.199992vw;
    line-height: 5.33332vw;
  }
  .hxysMain {
    display: flex;
    justify-content: space-between;
    width: 88%;
    margin: 0 auto;
    margin-top: 7.99998vw;
    flex-wrap: wrap;
  }
  .hxysMain .hxysLeft {
    width: 100%;
  }
  .hxysMain .hxysLeft .hxyTit {
    text-align: right;
    margin-right: 15.99996vw;
    margin-bottom: 3.199992vw;
    padding-bottom: 1.33333vw;
  }
  .hxysMain .hxysLeft .hxyTxt {
    margin-right: 15.99996vw;
  }
  .hxysMain .hxysLeft .hbg01, .hxysMain .hxysLeft .hbg02 {
    background-position: right top;
    background-size: contain;
  }
  .hxysMain .hxysCen {
    width: 100%;
  }
  .hxysMain .hxysCen img {
    width: 100%;
  }
  .hxysMain .hxysRight {
    margin-top: 5.33332vw;
    width: 100%;
  }
  .hxysMain .hxysRight .hxyTit {
    text-align: left;
    margin-left: 15.99996vw;
    margin-bottom: 3.199992vw;
    padding-bottom: 1.33333vw;
  }
  .hxysMain .hxysRight .hxyTxt {
    padding-left: 15.99996vw;
  }
  .hxysMain .hxysRight .hbg03, .hxysMain .hxysRight .hbg04 {
    background-position: left top;
    background-size: contain;
  }
  .hxysMain .hxyBg {
    margin-bottom: 7.99998vw;
  }
  .hxysMain .hxyBg .hxyTit {
    font-size: 3.733324vw;
    color: #64a2ff;
  }
  .hxysMain .hxyBg .hxyTxt {
    font-size: 3.199992vw;
    line-height: 5.33332vw;
    padding-bottom: 3.199992vw;
  }
  .hxysMain .hbg01 {
    background: url("/Template/Home/img/hxys01.png") no-repeat;
  }
  .hxysMain .hbg02 {
    background: url("/Template/Home/img/hxys02.png") no-repeat;
  }
  .hxysMain .hbg03 {
    background: url("/Template/Home/img/hxys03.png") no-repeat;
  }
  .hxysMain .hbg04 {
    background: url("/Template/Home/img/hxys04.png") no-repeat;
  }
  .newPageTit {
    flex-wrap: wrap;
    width: 100%;
  }
  .newPageTit .shu {
    width: 100%;
    display: none;
  }
  .newPageTit .shu .s {
    width: 3px;
    height: 5.989545vw;
    margin: 0 auto;
    background-color: #4c94ff;
  }
  .newPageTit .tit {
    width: 100%;
    text-align: center;
    color: #4c94ff;
    margin-top: 0.52083vw;
  }
  .byDw {
    position: absolute;
    left: 0;
  }
  .byDw img {
    width: 13.3333vw;
  }
  .dbfadf {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .dbfadf img {
    width: 12.266636vw;
  }
  .dispf {
    display: flex;
    width: 100%;
    align-items: start;
    flex-wrap: wrap;
  }
  .dispf .juyo3 {
    width: 100%;
    margin-left: 0;
  }
  .dispf .juyo3 img {
    max-width: 100%;
    margin-top: 2.08332vw;
  }
  .noPt {
    padding-top: 7.99998vw;
  }
  .noPb {
    padding-bottom: 1.56249vw;
  }
}/*# sourceMappingURL=style.css.map */<!--耗时1794241691.9758秒-->