/* Ripple Effect */

@keyframes ripple {

  0% {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),

      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1),

      0 0 0 60px rgba(255, 255, 255, 0.1);

  }



  100% {

    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1),

      0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1),

      0 0 0 80px rgba(255, 255, 255, 0);

  }

}



::selection,

::-moz-selection,

::-webkit-selection {

  background: #1f1f1f;

  color: #fff;

}



html {

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  font-size: 16px;

  /* Required, global font size */

  width: 100%;

}





body {

  font-size: 0.16rem;

  font-weight: 400;

  line-height: 1.71428571429;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;

  color: #232830;

  background-color: #ffffff;

}



:active,

:focus {

  outline: none !important;

}



select {

  max-width: 100%;

}



ul,

li {

  list-style-type: none;

}



blockquote {

  background: #fff;

  border: 1px solid #f8f8f8;

  border-left: 5px solid var(--bg-red);

  padding: 0 1.75rem 1.25rem;

  margin-top: 1.421875rem;

  line-height: 2;

  font-size: 1rem;

}



blockquote::before {

  color: var(--bg-red);

  content: open-quote;

  font-size: 5.25rem;

  line-height: 0.1;

  margin-right: 0.21875rem;

  vertical-align: -2.055rem;

  font-family: sans-serif;

  content: "\201C";

  /*Unicode for Left Double Quote*/

}



strong {

  font-weight: 600;

}



hr {

  margin: 1.421875rem 0;

  border-color: #f4f4f4;

}



hr.black {

  border-color: rgba(255, 255, 255, 0.1);

}



img {

  max-width: 100%;

}



iframe {

  border: none !important;

}



/* ======================================================

   <!-- Table -->

/* ====================================================== */

table.table-normal,

.table-normal table {

  border: 1px solid black;

  border-collapse: collapse;

  width: 100%;

}



table.table-normal th,

.table-normal table th {

  text-align: left;

}



table.table-normal td,

table.table-normal th,

.table-normal table td,

.table-normal table th {

  border: 1px solid black;

  padding: 0.2rem;

}



a {

  color: #232830;

}



a:hover,

a:focus,

a:active {

  text-decoration: none;

  outline: none;

}



a.link {

  text-decoration: underline;

  color: var(--text-color-red);

}



a.link:hover {

  color: var(--text-color-red);

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: "Poppins", sans-serif;

  font-variant-ligatures: common-ligatures;

  margin-top: 0;

  word-wrap: break-word;

}



.h1 {

  font-size: 3.375rem !important;

  line-height: 1.14285714286 !important;

}



.h2 {

  font-size: 22.375rem !important;

  line-height: 1.2 !important;

}



.h3 {

  font-size: 1.75rem !important;

  line-height: 1.25 !important;

}



.h4 {

  font-size: 1.25rem !important;

  line-height: 1.33333333333 !important;

}



.h5 {

  font-size: 1rem !important;

  line-height: 1.5 !important;

  font-weight: 600 !important;

}



.h6 {

  font-size: 0.75rem !important;

  line-height: 2 !important;

  font-weight: 600 !important;

}



.heading-space-none {

  margin: 0 !important;

  padding: 0 !important;

}



@media all and (max-width: 768px) {

  h1 {

    font-size: 2.4107142857rem;

    line-height: 1.15555556;

  }



  h2 {

    font-size: 15.6625rem;

    line-height: 1.421875;

  }



  h3 {

    font-size: 1.25rem;

    line-height: 1.625;

  }



  .h1 {

    font-size: 2.4107142857rem !important;

    line-height: 1.15555556 !important;

  }



  .h2 {

    font-size: 15.6625rem !important;

    line-height: 1.421875 !important;

  }



  .h3 {

    font-size: 1.25rem !important;

    line-height: 1.625 !important;

  }

}



@media all and (max-width: 480px) {

  h1 {

    font-size: 1.2053571429rem;

    line-height: 1.38461538462;

  }



  h2 {

    font-size: 13.425rem;

    line-height: 1.28571428571;

  }



  h3 {

    font-size: 1.25rem;

    line-height: 1.5;

  }



  .h1 {

    font-size: 1.2053571429rem !important;

    line-height: 1.38461538462 !important;

  }



  .h2 {

    font-size: 13.425rem !important;

    line-height: 1.28571428571 !important;

  }



  .h3 {

    font-size: 1.25rem !important;

    line-height: 1.5 !important;

  }

}



.font-normal {

  font-weight: 400 !important;

}



.font-uppercase {

  text-transform: uppercase !important;

}



.font-bold {

  font-weight: 800 !important;

}



.font-italic {

  font-style: italic !important;

}



.font-no-italic {

  font-style: normal !important;

}



.font-underline {

  text-decoration: underline !important;

}



.font-primary-color {

  color: var(--text-color-red) !important;

}



.font-sub-color {

  color: #aeaeae !important;

}



.font-white {

  color: white;

}



.font-white p,

.font-white h1,

.font-white h2,

.font-white h3,

.font-white h4,

.font-white h5,

.font-white h6,

.font-white .h1,

.font-white .h2,

.font-white .h3,

.font-white .h4,

.font-white .h5,

.font-white .h6 {

  color: white;

}



html {

  font-size: 100px;

}



.ind_body {

  overflow: hidden !important;

}



@media screen and (min-width: 1921px) {

  html {

    font-size: 115px;

  }

}



@media screen and (min-width: 2561px) {

  html {

    font-size: 150px;

  }

}



@media screen and (max-width: 1600px) {

  html {

    font-size: 90px;

  }

}



@media screen and (max-width: 1500px) {

  html {

    font-size: 85px;

  }

}



@media screen and (max-width: 1440px) {

  html {

    font-size: 80px;

  }

}



@media screen and (max-width: 1366px) {

  html {

    font-size: 75px;

  }

}



@media screen and (max-width: 1280px) {

  html {

    font-size: 70px;

  }

}



@media screen and (max-width: 1100px) {

  html {

    font-size: 60px;

  }

}



@media screen and (max-width: 1024px) {

  html {

    font-size: 100px;

  }

}



@media screen and (max-width: 1000px) and (orientation: landscape) {

  html {

    font-size: 55px;

  }

}



@media screen and (max-width: 800px) {

  html {

    font-size: 70px;

  }

}



@media screen and (max-width: 750px) {

  html {

    font-size: 100px;

  }

}



@media screen and (max-width: 640px) {

  html {

    font-size: 85.33px;

  }

}



@media screen and (max-width: 591px) {

  html {

    font-size: 78.8px;

  }

}



@media screen and (max-width: 562px) {

  html {

    font-size: 74.933px;

  }

}



@media screen and (max-width: 540px) {

  html {

    font-size: 72px;

  }

}



@media screen and (max-width: 521px) {

  html {

    font-size: 69.4666px;

  }

}



@media screen and (max-width: 428px) {

  html {

    font-size: 57.066px;

  }

}



@media screen and (max-width: 414px) {

  html {

    font-size: 55.2px;

  }

}



@media screen and (max-width: 412px) {

  html {

    font-size: 54.933px;

  }

}



@media screen and (max-width: 375px) {

  html {

    font-size: 50px;

  }

}



@media screen and (max-width: 360px) {

  html {

    font-size: 48px;

  }

}



@media screen and (max-width: 320px) {

  html {

    font-size: 42.66px;

  }

}



/* 去掉浏览器激活样式 */

select:focus,

textarea:focus,

input:focus,

button {

  outline: none;

}



/* 提示文字的初始样式 */

input::-webkit-input-placeholder,

input::-moz-input-placeholder,

textarea::-webkit-textarea-placeholder,

textarea::-moz-textarea-placeholder {

  color: #999;

  transition: color 0.5s;

}



/* 提示文字的激活样式 */

/* table */

table {

  border-collapse: collapse;

  border-spacing: 0;

  font: inherit;

}



input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0px 1000px transparent inset;

}



input {

  border: none;

  background-color: transparent;

  outline: none;

  font-family: Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica,

    "PingFang SC", "Hiragino Sans GB", sans-serif;

}



a {

  text-decoration: none;

}



*,

*:before,

*:after {

  max-height: 100000px;

}



/*用来解决在安卓上的点击出现篮框问题*/

body {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



a {

  transition: all 0.3s ease-in;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  -ms-transition: all 0.3s ease-in;

}



/*解决ios上去除微信点击蓝色边框 */

a:focus,

input:focus,

p:focus,

div:focus {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



div {

  -webkit-appearance: none;

}



.single {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.double {

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  work-break: break-all;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.morels {

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  work-break: break-all;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

}



.triangle {

  width: 0;

  height: 0;

  overflow: hidden;

  border-width: 10px;

  border-color: transparent transparent #fff transparent;

  /*上右下左  哪里需要就在哪里设置颜色*/

  border-style: dashed dashed solid dashed;

  /**上右下左  哪里小哪里就设置solid**/

}



img[src=""],

img:not([src]) {

  opacity: 0;

  display: none;

}



.flex {

  display: flex;

}



.fl_l {

  float: left;

}



.fl_r {

  float: right;

}



.clearfix:before,

.clearfix:after {

  content: " ";

  display: table;

}



.clearfix:after {

  clear: both;

}



*,

*::after,

*::before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



body {

  height: auto;

  overflow-x: hidden;

}



/*redefine global*/

:root {

  --bg-blue: rgba(14, 107, 159, 1);

  --bg-red: rgba(174, 14, 22, 1);

  --bg-green: rgba(45, 162, 72, 1);

  --bg-white: #fff;

  --bg-black: #000;

  --text-color-blue: rgba(14, 107, 159, 1);

  --text-color-red: rgba(174, 14, 22, 1);

  --text-color-green: rgba(45, 162, 72, 1);

  --text-color-white: #ffffff;

  --text-color-black: #000;

  --text-color-grey: #666;

  --text-color-999: #999;

}



@media screen and (orientation: landscape) {



  *::-webkit-scrollbar,

  *::-webkit-scrollbar {

    width: 4px;

    border-radius: 1.5px;

  }



  *::-webkit-scrollbar-button,

  *::-webkit-scrollbar-button {

    display: none;

  }



  *::-webkit-scrollbar-track,

  *::-webkit-scrollbar-track {

    background-color: #eee;

  }



  *::-webkit-scrollbar-thumb,

  *::-webkit-scrollbar-thumb {

    background-color: var(--bg-blue);

    border-radius: 4px;

  }



  *::-webkit-scrollbar:horizontal {

    height: 4px;

  }

}



@font-face {

  font-family: "OPPOSans-B";

  src: url("../fonts/OPPOSans-B.ttf");

}



@font-face {

  font-family: "AlimamaShuHeiTi-Bold";

  src: url("../fonts/AlimamaShuHeiTi-Bold.ttf");

}



@font-face {

  font-family: "HarmonyOS_Sans_SC_Bold";

  src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf");

}



@font-face {

  font-family: "DJ5CTRIAL";

  src: url("../fonts/DJ5CTRIAL.ttf");

}



@font-face {

  font-family: "xynt";

  src: url("../fonts/xynt.otf");

}


@font-face {

  font-family: "iconfont";

  src: url("../fonts/iconfont.woff2") format("woff2"),

    url("../fonts/iconfont.woff") format("woff"),

    url("../fonts/iconfont.ttf") format("truetype");

}



.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.container {

  width: 100%;

  margin-right: auto;

  margin-left: auto;

  max-width: 14rem;

}



@media (max-width: 1659px) {

  .container {

    padding-left: 0.33rem;

    padding-right: 0.33rem;

    max-width: 16rem;

  }

}



@media (max-width: 1259px) {

  .container {

    padding-left: 0.15rem;

    padding-right: 0.15rem;

    max-width: calc(100% - 0.3rem);

    /* margin: 0; */

  }

}



.pc {

  display: block;

}



.mobile {

  display: none;

}



/*header*/

.header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 99;

  height: 80px;

  background-color: rgba(0, 0, 0, 0.3);

  /* background-color: rgba(0, 0, 0, 0.5);

  border-bottom: 1px solid rgba(255, 255, 255, 0.2); */

  transition: 0.65s;

}



.header:hover,

.header.scroll {}



.header .header__nav__container {

  padding: 0 5%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.header__logo {

  position: relative;

  width: 184px;

}



.header__logo a {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  width: 100%;

  height: 100%;

}



.header__logo a img {

  width: 100%;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  transition: ease 0.5s;

}



.header__logo img:nth-child(1) {

  opacity: 1;

}



.menubtn {

  padding-top: 39px;

  width: 80px;

  height: 80px;

  box-sizing: border-box;

  position: relative;

  z-index: 20;

  transition: 0.4s;

  cursor: pointer;

  display: none;

}



.menubtn span {

  margin: auto;

  display: block;

  width: 26px;

  height: 2px;

  background: #fff;

  position: relative;

  vertical-align: middle;

  transition: 0.45s;

}



.menubtn span:after,

.menubtn span:before {

  content: "";

  position: absolute;

  display: inline-block;

  width: 50%;

  height: 2px;

  left: 0;

  background-color: #fff;

  -webkit-transition-duration: 0.3s, 0.3s;

  -moz-transition-duration: 0.3s, 0.3s;

  -ms-transition-duration: 0.3s, 0.3s;

  -o-transition-duration: 0.3s, 0.3s;

  transition-duration: 0.3s, 0.3s;

  -webkit-transition-delay: 0.3s, 0s;

  -moz-transition-delay: 0.3s, 0s;

  -ms-transition-delay: 0.3s, 0s;

  -o-transition-delay: 0.3s, 0s;

  transition-delay: 0.3s, 0s;

  transition: background 0.3s 0s;

}



.menubtn span:before {

  top: -6px;

  -webkit-transition-property: top, transform;

  -moz-transition-property: top, transform;

  -ms-transition-property: top, transform;

  -o-transition-property: top, transform;

  transition-property: top, transform;

}



.menubtn span:after {

  left: auto;

  right: 0;

  bottom: -6px;

  -webkit-transition-property: bottom, transform;

  -moz-transition-property: bottom, transform;

  -ms-transition-property: bottom, transform;

  -o-transition-property: bottom, transform;

  transition-property: bottom, transform;

}



.menubtn.active span {

  transform: rotate(90deg);

}



.header:hover .menubtn span,

.header:hover .menubtn span::before,

.header:hover .menubtn span::after {

  /* background: #fff; */

}



.header__rights {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.navs {}



.navs>li {

  float: left;

  position: relative;

}



.navs>li::before {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  opacity: 0;

  transition: all .3s;

}



.navs>li::after {

  content: '';

  position: absolute;

  bottom: 0;

  right: -7px;

  width: 100%;

  height: 100%;

  z-index: 3;

  opacity: 0;

  transition: all .3s;

}



.navs>li:hover a:before,

.navs>li.active a:before {

  width: 32px;

  margin-left: -16px;

}



.navs>li:hover::before,

.navs>li.active::before {

  opacity: 1;

}



.navs>li:hover::after,

.navs>li.active::after {

  opacity: 1;

}



.navs>li:hover a,

.navs>li.active a {

  color: #fff;

  font-weight: 800;

}



.navs>li:first-child {}



.navs>li>a {

  padding: 0 28px;

  display: block;

  color: #fff;

  line-height: 80px;

  font-size: .18rem;

  transition: all .3s;

  position: relative;

  z-index: 4;

}



.navs>li>a:before {

  position: absolute;

  left: 50%;

  bottom: 0;

  content: "";

  height: 3px;

  background: var(--bg-blue);

  transition: 0.4s;

  width: 0;

  margin-left: 0;

}



.header:hover .navs>li>a {

  color: #fff;

}



.header:hover .navs>li>a:before {

  background-color: var(--bg-blue);

}



.navs>li>.submenu {

  position: absolute;

  top: 100px;

  left: 0;

  width: 100%;

  -moz-transition: ease 0.5s;

  -o-transition: ease 0.5s;

  -webkit-transition: ease 0.5s;

  transition: ease 0.5s;

  opacity: 0;

  visibility: hidden;

  background: rgba(255, 255, 255, 0.9);

  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1);

  z-index: 10;

}



.navs>li>.submenu a {

  font-size: 0.14rem;

  font-weight: normal;

  line-height: 0.4rem;

  text-align: center;

  position: relative;

  display: block;

  overflow: hidden;

  height: 0.4rem;

  padding: 0 10px;

  -moz-transition: all 0.6s ease;

  -o-transition: all 0.6s ease;

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #333;

}



.navs>li>.submenu a:last-child {

  border-bottom: 0;

}



.navs>li>.submenu a:hover {

  color: #fff;

  background: var(--bg-blue);

}



.navs>li>.submenu a:hover:after {

  right: 15px;

  visibility: visible;

}



.navs>li:hover .submenu {

  top: 80px;

  opacity: 1;

  visibility: visible;

  z-index: 999;

}



#header.header-sticky {

  background-color: #fff;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  /* transform: translate(0, -30%); */

}



#header.header-sticky .header__logo a img:nth-child(2) {

  opacity: 1;

}



#header.header-sticky .navs>li>a {

  color: #333;

}



#header.header-sticky .navs>li.active>a,

#header.header-sticky .navs>li:hover>a {

  /* color: #fff; */

}



/* header tel */

.header__tel {

  margin-left: 1vw;

  color: #fff;

  font-size: 0.18rem;

  align-items: center;

}



.header__tel i {

  margin-right: .05rem;

  font-size: .16rem;

  line-height: 1;

}



#header.header-sticky .header__tel {

  color: var(--text-color-blue);

}



/*mobile nav*/

.m-nav {

  position: fixed;

  top: 0;

  /*box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);*/

  width: 100%;

  height: 100%;

  background: #fff;

  transition: all ease 0.5s;

  -webkit-transition: all ease 0.5s;

  z-index: 0;

  opacity: 0;

  visibility: visible;

  margin-top: 0;

  overflow-y: auto;

  /*    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;*/

  top: 0;

  transform: translateX(100%);

}



.m-nav a {

  outline: none;

}



.m-nav.active {

  opacity: 1;

  transform: translateX(0);

  z-index: 1000;

}



.m-nav .top {

  height: 60px;

  padding: 20px;

  box-sizing: border-box;

}



.m-nav .top .closed {

  width: 30px;

  height: 30px;

  vertical-align: middle;

  float: right;

  cursor: pointer;

}



.m-nav .logo {

  width: 100%;

  margin: 0 auto;

}



.m-nav .logo img {

  width: 30%;

  display: block;

  margin: 0 auto 30px;

}



.m-nav .ul {

  margin-top: 30px;

}



.m-nav .ul li {

  padding: 0 20px;

  border-bottom: 1px solid #f5f5f5;

  transform: translateY(0);

  -webkit-transform: translateY(100%);

  transform: translateY(100%);

  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  opacity: 0;

}



.m-nav.active .ul li {

  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}



.m-nav .ul li:nth-child(1) {

  -webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

}



.m-nav .ul li:nth-child(2) {

  -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

}



.m-nav .ul li:nth-child(3) {

  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

}



.m-nav .ul li:nth-child(4) {

  -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

}



.m-nav .ul li:nth-child(5) {

  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

}



.m-nav .ul li:nth-child(6) {

  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

}



.m-nav .ul li:nth-child(7) {

  -webkit-transition: all 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

}



.m-nav .ul li:nth-child(8) {

  -webkit-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;

}



.m-nav .ul li a {

  display: block;

  text-decoration: none;

  color: #333;

  font-size: 16px;

  height: 50px;

  line-height: 50px;

  width: 100%;

  position: relative;

}



.m-nav .ul li a.active {

  font-weight: 800;

  color: #1b2c43;

}



.m-nav .ul li.dropdown a.dropdown-title::before,

.m-nav .ul li.dropdown a.dropdown-title::after {

  content: "";

  position: absolute;

  width: 10px;

  height: 1px;

  background-color: rgba(51, 51, 51, 0.5);

  right: 10px;

  top: 50%;

  -webkit-transition: -webkit-transform 0.25s;

  transition: -webkit-transform 0.25s;

  -o-transition: transform 0.25s;

  transition: transform 0.25s;

  transition: transform 0.25s, -webkit-transform 0.25s;

}



.m-nav .ul li.dropdown a.dropdown-title::after {

  -webkit-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  transform: rotate(90deg);

}



.m-nav .ul li.dropdown a.dropdown-title.active::after {

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}



.m-nav .ul li a i {

  font-size: 12px;

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

}



.m-nav .ul li .dropdown_menu {

  display: none;

}



.m-nav .ul li.dropdown.active .dropdown_menu {

  display: block;

}



.m-nav .ul li .dropdown_menu a {

  display: block;

  font-size: 14px;

  height: 40px;

  line-height: 40px;

  padding: 0 20px;

  box-sizing: border-box;

  border-bottom: 1px solid #f5f5f5;

}



.m-nav .ul li .dropdown_menu a:last-child {

  border: none;

}



.m-nav-tel {

  text-align: center;

  margin-top: 18px;

  margin-bottom: 20px;

  font-size: 18px;

  color: #666;

}



.m-nav-tel a {

  font-weight: 800;

}



.m-nav-link {

  text-align: center;

  margin-top: 18px;

}



.m-nav-link a {

  display: inline-block;

  padding: 5px 25px;

  color: #fff;

  cursor: default;

  background: #00598e;

  font-size: 14px;

  line-height: 2;

}



/*main*/

#main {

  position: relative;

  /*z-index: 50;*/

}



/*banner*/

.banner {

  width: 100%;

  height: 100vh;

  overflow: hidden;

  position: relative;

}



.banner .fp-bg {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.banner .fp-bg::before {

  content: "";

  background-color: rgba(0, 0, 0, 0.3);

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

}



#homeMain .fp-is-overflow>.fp-overflow {

  overflow: visible;

}



#myVideo {

  position: absolute;

  right: 0;

  bottom: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-size: 100% 100%;

  background-color: black;

  /* in case the video doesn't fit the whole page*/

  background-position: center center;

  background-size: contain;

  object-fit: cover;

  /*cover video background */

  z-index: 3;

}



.swiper-pcbanner {

  height: 100%;

}



.swiper-pcbanner .slide-inner {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-size: cover;

  background-position: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}



/* .video-slide {

  height: 100%;

  position: relative;

  min-height: 410px;

  overflow: hidden

} */



.video-slide video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: 50% 60%;

  object-position: 50% 60%;

}



.swiper-pcbanner .swiper-slide img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



/* .video-slide:after {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, .15)

} */



.swiper-pcbanner .img-slide {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.swiper-pcbanner .img-slide::before {

  content: "";

  background-color: rgba(0, 0, 0, 0.3);

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;
  z-index: 1;

}



.banner-text-box {

  padding: 2rem 0;

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  height: 100%;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  z-index: 2;

}



.banner-slogan {}



.banner-slogan .cn {

  font-size: .6rem;

  font-family: "xynt";

  font-weight: normal;

  color: #fff;

  letter-spacing: -3px;

  line-height: 1;

  position: relative;

  opacity: 0;

  transform: translateY(2rem);

  -ms-transform: translateY(2rem);

  -webkit-transform: translateY(2rem);

  transition: all 1s ease 1s;

  -webkit-transition: all 1s ease 1s;

  -moz-transition: all 1s ease 1s;

  -ms-transition: all 1s ease 1s;

  z-index: 2;

}

.banner-slogan .cn span{

  display: block;

  font-size: .285rem;

  line-height: 1.6;

  font-family: "DJ5CTRIAL";

  letter-spacing: .35px;

}

.banner-slogan .b-slogan{

  font-size: .6rem;

  font-family: "DJ5CTRIAL";

  font-weight: 800;

  color: #fff;

  line-height: 2;

}

.banner-slogan .en {

  margin-top: -1.8rem;

  font-style: normal;

  font-size: .6rem;

  line-height: 1;

  font-family: "OPPOSans-B";

  line-height: 1;

  color: transparent;

  -webkit-text-stroke: 1px rgba(0, 52, 99, .3);

  opacity: 0;

  text-transform: uppercase;

  transform: translateY(2rem);

  -ms-transform: translateY(2rem);

  -webkit-transform: translateY(2rem);

  transition: all 1s ease 0.5s;

  -webkit-transition: all 1s ease 0.5s;

  -moz-transition: all 1s ease 0.5s;

  -ms-transition: all 1s ease 0.5s;

}



.banner-case {

  padding-top: 1.2rem;

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  display: flex;

  align-items: flex-start;

  justify-content: flex-end;

  z-index: 2;

}



.top-video {

  width: 3.8rem;

  height: 1.4rem;

  background-color: rgba(0, 0, 0, 0.8);

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.top-video .pic {

  width: 1.4rem;

  height: 1.4rem;

  background-color: #111;

  position: relative;

}



.top-video .pic .img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.top-video .pic i {

  display: block;

  width: .4rem;

  height: .4rem;

  background-color: #fff;

  border-radius: 50%;

  overflow: hidden;

  position: absolute;

  right: -16%;

  top: 50%;

  transform: translateY(-50%);

}



.top-video .text {

  flex: 1;

  padding: .3rem .2rem .3rem .4rem;

}



.top-video .text h2 {

  line-height: 1;

}



.top-video .text h2 a {

  color: #fff;

  font-size: .18rem;

  line-height: 1;

}



.top-video .text p {

  margin-top: .1rem;

  color: #666;

  font-size: .14rem;

}



.banner-info {

  color: #fff;

  position: absolute;

  left: 50%;

  bottom: .5rem;

  transform: translateX(-50%);

  z-index: 2;

}



.banner-info h4 {

  margin-bottom: .1rem;

  padding-bottom: .08rem;

  display: inline-block;

  font-size: .32rem;

  line-height: 1;

  position: relative;

}



.banner-info h4::before {

  content: "";

  width: 100%;

  height: .15rem;

  background-color: rgba(44, 83, 138, 1);

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: -1;

}



.banner-info p {

  font-size: .16rem;

  line-height: 2;

  font-weight: lighter;

}



.swiper-slide-active .banner-slogan .cn {

  transform: translateY(0);

  -ms-transform: translateY(0);

  -webkit-transform: translateY(0);

  opacity: 1;

}



.swiper-slide-active .banner-slogan .en {

  transform: translateY(0);

  -ms-transform: translateY(0);

  -webkit-transform: translateY(0);

  opacity: 1;

}



.fp-slidesNav,

.fp-watermark {

  display: none;

}



.banner-mouse {

  color: #fff;

  display: flex;

  align-items: center;

  flex-direction: column;

  position: absolute;

  left: 50%;

  bottom: .2rem;

  transform: translateX(-50%);

  -webkit-animation: arrow_move_half 1s ease-in-out infinite alternate;

  animation: arrow_move_half 1s ease-in-out infinite alternate;

  z-index: 2;

}



.banner-mouse i {

  font-size: .22rem;

}



.banner-mouse span {

  font-weight: lighter;

}



@-webkit-keyframes rarrow_move_half {

  0% {

    transform: translate3d(0, 0, 0);

  }



  100% {

    transform: translate3d(0, -50%, 0)

  }

}



@keyframes arrow_move_half {

  0% {

    transform: translate3d(-50%, 0, 0);

  }



  100% {

    transform: translate3d(-50%, -50%, 0)

  }

}



.text-center {

  text-align: center;

}



.text-right {

  text-align: right;

}



.box {

  padding: 0.6rem 0;

}



.title {

  padding: 0.15rem 0;

}



.title .en {

  margin-top: -.9rem;

  font-size: .6rem;

  color: rgba(255, 255, 255, 0.3);

  line-height: 1.6;

  font-weight: 800;

  text-transform: uppercase;

  position: relative;

  z-index: 1;

}



.title h3 {

  font-size: 0.42rem;

  color: rgba(255, 255, 255, 1);

  letter-spacing: 2px;

  font-weight: 900;

  line-height: 1;

  position: relative;

  z-index: 2;

}



.img-box {

  overflow: hidden;

}



.img-box img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.3s ease-in;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  -ms-transition: all 0.3s ease-in;

}



.img-box:hover img {

  transform: scale(1.1);

}



.more {

  margin: 0.6rem auto 0;

  padding: 0 .3rem;

  width: 2rem;

  height: 0.52rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 0.18rem;

  color: #fff;

  border-radius: 30px;

  position: relative;

  z-index: 2;

  overflow: hidden;

  transition: all 0.4s ease-in;

  -webkit-transition: all 0.4s ease-in;

  -moz-transition: all 0.4s ease-in;

  -o-transition: all 0.4s ease-in;

  -ms-transition: all 0.4s ease-in;

}



.more i {

  color: #fff;

  width: .5rem;

  height: .5rem;

  font-size: .22rem;

  border-radius: 100%;

  background: linear-gradient(270deg, rgba(247, 169, 42, 1) 0%, rgba(255, 141, 26, 1) 100%);

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 1;

  transition: all 0.4s ease 0s;

  -webkit-transform: all 0.4s ease 0s;

}



.more::after {}



/* case */

.case-wrapper {

  height: 100vh

}



.case-item {

  width: 33.33%;

  position: relative;

}



.case-item img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.case-item .case-text-box {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  padding: 1.5rem .8rem;

  color: #fff;

  background-color: rgba(0, 0, 0, 0.6);

  transition: all 0.56s;

  -webkit-transform: all 0.56s;

  cursor: pointer;

}



.case-item .ico {

  margin-bottom: .52rem;

  display: inline-block;

  font-size: .62rem;

  line-height: 1;

}



.case-item .en {

  margin-bottom: .36rem;

  font-size: .18rem;

  line-height: 1.4;

  color: rgba(255, 255, 255, 0.5);

  white-space: pre-line;

}



.case-text h3 {

  margin-bottom: .15rem;

  font-size: .24rem;

}



.case-text .desc {

  font-size: .16rem;

  line-height: 1.8;

  text-align: justify;

  display: none;

  visibility: hidden;

  opacity: 0;

  transition: all 0.56s;

  -webkit-transform: all 0.56s;

}



.case-text span {

  margin-top: .5rem;

  display: inline-block;

  font-size: .14rem;

}



.case-text span i {

  margin-left: .1rem;

  display: inline-block;

  font-size: .3rem;

  line-height: 0;

  vertical-align: -.09rem;

  transform: rotateY(-180deg)

}



.case-item:hover .case-text-box {

  background-color: rgba(53, 71, 96, 0.9);

}



.case-item:hover .case-text-box .case-text .desc {

  display: block;

  visibility: visible;

  opacity: 1;

}



/* about */

.about {

  height: 100vh;

  background: url(../images/about-bg.jpg) no-repeat center;

  background-size: cover;

  position: relative;

}



.about::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(53, 71, 96, 0.5);

}



.about-wrapper {

  position: relative;

  z-index: 2;

}



.about-wrapper .title .subtit {

  color: #fff;

}



.about-desc {

  margin: .4rem auto;

  flex-direction: column;

}



.about-desc p {

  font-size: .18rem;

  line-height: 2;

  font-weight: 600;

  color: #fff;

  display: inline-block;

  margin: 0 auto;

}



.about-advantage {

  margin-top: 1.5rem;

  justify-content: space-between;

}



.adv-card {

  margin-left: 0;

  width: 22%;

  text-align: center;

}



.adv-card label {

  display: flex;

  justify-content: center;

}



.adv-card i {

  font-size: .46rem;

  font-style: normal;

  font-weight: 600;

  color: #fff;

}



.adv-card span {

  font-size: .14rem;

  font-weight: 400;

  color: #fff;

}



.adv-card h4 {

  font-size: .18rem;

  font-weight: 600;

  line-height: 2;

  color: #fff;

}



.adv-card p {

  font-size: .16rem;

  line-height: 2;

  color: #fff;

}



/* layout */

.layout {

  padding-top: .8rem;

  height: 100vh;

  background: url(../images/layout-bg.png) no-repeat center rgba(0, 31, 74, 1);

  background-size: cover;

  position: relative;

}



.layout-bd {

  margin-top: .3rem;

  align-items: center;

}



.layout-map {

  width: 66%;

  position: relative;

}



.layout-map img {

  display: block;

}



.points {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

}



.points i {

  background-color: #fff;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 10px;

  height: 10px;

  border: 2px solid rgba(44, 83, 138, 1);

  position: absolute;

}



.points i::before {

  content: "";

  width: 200%;

  height: 200%;

  border: 1px solid rgba(255, 255, 255, 1);

  border-radius: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.points i::after {

  content: "";

  width: 220%;

  height: 220%;

  display: block;

  position: absolute;

  background-color: #fff;

  border-radius: 50%;

  animation: scaleAnimate 1.8s ease infinite;

  -webkit-animation: scaleAnimate 1.8s ease infinite;

}



.points i.no1 {

  top: 37%;

  right: 36.5%;

}



.points i.no2 {

  top: 39.5%;

  right: 35%;

}



.points i.no3 {

  top: 43%;

  right: 38.5%;

}



.points i.no4 {

  top: 43%;

  right: 42%;

}



.points i.no5 {

  top: 46%;

  right: 34%;

}



.points i.no6 {

  top: 55%;

  right: 40%;

}



.points i.no7 {

  top: 54.5%;

  right: 31%;

}



.points i.no8 {

  top: 59%;

  right: 34%;

}



.points i.no9 {

  top: 62.5%;

  right: 41%;

}



.points i.no10 {

  top: 72%;

  right: 43%;

}



.points i.no11 {

  top: 66%;

  right: 28%;

}



.points i.no12 {

  top: 84%;

  right: 39%;

}



.points i.no13 {

  top: 67%;

  right: 51%;

}



.points i.no14 {

  top: 64%;

  right: 55%;

}



.points i.no15 {

  top: 37.8%;

  right: 33.5%;

}



.points i.no16 {

  top: 24%;

  right: 25%;

}



@-webkit-keyframes scaleAnimate {

  from {

    -webkit-transform: scale(1);

    opacity: 0.5;

  }



  to {

    -webkit-transform: scale(3);

    opacity: 0;

  }

}



.area-city {

  margin-left: -2rem;

  margin-top: 1.6rem;

}



.area-list {

  display: flex;

  flex-direction: column;

}



.area-list span {

  font-size: .18rem;

  color: #fff;

  line-height: 2;

}



.area-list span+span {

  margin-top: .2rem;

}



.city-nums {

  margin-left: 1.6rem;

  display: flex;

  flex-direction: column;

  align-items: center;

}



.city-nums label {

  margin: 0 auto;

  color: #fff;

  display: flex;

  align-items: flex-start;

}



.city-nums label i {

  font-size: .8rem;

  font-weight: 800;

  line-height: 1;

  color: #fff;

  font-style: normal;

}



.city-nums p {

  color: #fff;

  font-size: .2rem;

  line-height: 3;

}



/* service process */

.process {

  padding-top: .3rem;

  height: 100vh;

  background: url(../images/service-bg.jpg) no-repeat center;

  background-size: cover;

  position: relative;

}



.process::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(53, 71, 96, 0.96);

}



.process-wrapper {

  position: relative;

  z-index: 2;

}



.process-list {

  margin-top: .3rem;

  justify-content: center;

}



.process-item {

  width: calc(100% / 7);

  height: 5.8rem;

  position: relative;

  transition: 1s;

  cursor: pointer;

  overflow: hidden;

}



.process-item::before {

  content: "";

  width: 100%;

  height: 100%;

  background-color: rgba(23, 61, 115, .6);

  position: absolute;

  left: 0;

  top: 0;

}



.process-item .img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.process-text {

  width: 100%;

  height: 100%;

  color: #fff;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  position: absolute;

  left: 0;

  top: 0;

  transition: 1s;

  z-index: 2;

}



.process-text label {

  font-family: "HarmonyOS_Sans_SC_Bold";

  font-size: .2rem;

}



.process-text i {

  font-size: .46rem;

}



.process-text h4 {

  font-size: .18rem;

  transition: 1s;

}



.process-item.active {

  width: 38%;

}



.process-item.active::before {

  display: none;

}



.process-item.active .process-text {

  align-items: center;

  justify-content: flex-end;

}



.process-item.active .process-text label,

.process-item.active .process-text i {

  opacity: 0;

}



.process-item.active .process-text h4 {

  width: 100%;

  padding: .15rem;

  color: #fff;

  background-color: rgba(40, 58, 84, 0.6);

  text-align: center;

}



/* page*/

.page-main {}



.subbanner {

  width: 100%;

  height: 55vh;

  position: relative;

  overflow: hidden;

}



.subbanner::before {

  content: "";

  width: 100%;

  height: 100%;

  background: linear-gradient(90deg, rgba(14, 107, 159, 0.8) 0%, rgba(0, 78, 157, 0) 100%);

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

}



.anime {

  text-align: center;

  filter: alpha(opacity=0);

  opacity: 0;

  -webkit-transition: all 1.5s ease-out;

  transition: all 1.5s ease-out;

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

}



.subbanner .container {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: flex-start;

  color: #fff;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 3;

}



.subbanner .img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: relative;

  z-index: 1;

}



.subbanner h2 {

  font-size: 0.42rem;

  color: #fff;

  font-family: "xynt";

  font-weight: normal;

  line-height: 1;

  letter-spacing: 5px;

  position: relative;

}

.subbanner h2 span{

  display: block;

  font-family: "DJ5CTRIAL";

  font-size: .2rem;

  line-height: 2;

  letter-spacing: 1.5px;

}



/* page sub menu */

.page-subMenu {

  margin-top: -.9rem;

  background-color: rgba(0, 0, 0, 0.3);

  color: #fff;

  position: relative;

  z-index: 5;

}



.page-subMenu .container {

  align-items: center;

  justify-content: space-between;

}



.sub-tit {

  font-size: 0.22rem;

  font-weight: 600;

  letter-spacing: 1px;

}



.sub-tit {

  font-size: 0.22rem;

  font-weight: 600;

  letter-spacing: 1px;

}



.pub-nav {

  height: .9rem;

}



.pub-nav li {

  flex: 1;

  height: 100%;

  text-align: center;

  position: relative;

}



.pub-nav li a {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 0.18rem;

  color: #fff;

}



.pub-nav li:first-child {}



.pub-nav li+li::before {

  content: "";

  width: 1px;

  height: 40%;

  background-color: rgba(255, 255, 255, .6);

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.pub-nav li.active a,

.pub-nav li a:hover {

  background-color: var(--bg-green);

}



/* page about */

.page-main .title {

  margin-bottom: .3rem;

}



.page-main .title h3 {

  color: rgba(51, 51, 51, 1);

}



.page-main .title .en {

  color: rgba(51, 51, 51, 0.05);

}



.page-about-box {

  padding-top: .6rem;

  background-color: #fff;

  position: relative;

  z-index: 5;

}



.page-about-bd {

  align-items: center;

  justify-content: space-between;

}



.about_left {

  margin: 0;

  width: 48%;

}



.about_txt {

  margin: 0;

  max-width: 70rem;

}



.about_txt h4 {

  margin-bottom: .15rem;

  font-size: .24rem;

  line-height: 2;

  font-weight: 600;

}



.about_txt p {

  margin-bottom: .15rem;

  font-size: .16rem;

  line-height: 2.6;

  text-align: justify;

}



.about_video {

  margin: 0;

  width: 50%;

  height: 4rem;

  position: relative;

}



.about_video img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: relative;

  z-index: 1;

}

.about_video::before{

  content: "";

  width: 100%;

  height: 100%;

  background-image: linear-gradient(-180deg,hsla(0,0%,74.9%,0),rgba(0,0,0,.38) 97%);

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

}

.about_video p{

  padding: .15rem .2rem;

  width: 100%;

  color: #fff;

  font-size: .16rem;

  line-height: 1;

  text-align: right;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 3;

}

.video-button {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.about_video .videoFrame{

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 2;

}

.about_video video {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

}



.about_video i {

  font-size: .5rem;

  color: rgba(255, 255, 255, 0.8);

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  cursor: pointer;

}



.video-button.active i {

  visibility: hidden;

  opacity: 0;

}



.video-button.active:hover i {

  visibility: visible;

  opacity: 1;

}



.page-advantage {

  margin-top: .3rem;

  justify-content: space-between;

}



.page-advantage .adv-card {

  width: auto;

  cursor: default;

}



.page-advantage .adv-card i,

.page-advantage .adv-card span {

  color: #173D73;

}



.page-advantage .adv-card h4,

.page-advantage .adv-card p {

  color: rgba(51, 51, 51, 1);

}



.page-advantage .adv-card:hover i,

.page-advantage .adv-card:hover span {

  color: rgba(255, 141, 26, 1);

}



/* page industry */

.page-industry {

  background-color: rgba(247, 248, 250, 1);

  position: relative;

  z-index: 4;

}



.page-industry:target,

.page-layout:target,

.page-honor:target,

.page-team:target,

.page-culture:target,

.page-partner:target,

.page-server-box:target,

.page-advantage-box:target,

.page-quality:target {

  padding-top: calc(.6rem + 80px) !important;

  margin-top: -80px;

}



.industry-list {

  justify-content: space-between;

}



.page-main .industry-item {

  padding: .36rem .4rem;

  width: 30%;

  background-color: rgba(44, 83, 138, 1);

  color: #fff;

}



.page-main .industry-item.no2 {

  background-color: rgba(23, 61, 115, 1);

}



.page-main .industry-item.no3 {

  background-color: rgba(53, 71, 96, 1);

}



.page-main .industry-item .title {

  padding-bottom: .3rem;

  margin-bottom: .2rem;

  position: relative;

}



.page-main .industry-item .title::before {

  content: "";

  width: 80%;

  height: 1px;

  background-color: rgba(255, 255, 255, 1);

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

}



.page-main .industry-item .title h3 {

  font-size: .24rem;

  color: #fff;

}



.page-main .industry-item .title .en {

  margin-top: -.4rem;

  font-size: .2rem;

  color: rgba(255, 255, 255, 0.2);

}



.page-main .industry-item .desc {

  margin-bottom: .2rem;

  text-align: center;

  font-size: .14rem;

}



/* page layout */

.page-layout {

  background: url(../images/layout-bg.jpg) no-repeat 0 bottom #fff;

  position: relative;

  z-index: 3;

}



.layout-left {

  padding-right: .15rem;

  flex: 1;

}



.layout-text h3 {

  color: rgba(23, 61, 115, 1);

  font-size: .32rem;

}



.layout-text p {

  font-size: .16rem;

  color: rgba(102, 102, 102, 1);

}



.layout-advantage {

  flex-wrap: wrap;

  justify-content: space-between;

}



.layout-advantage .adv-card {

  margin-top: 1rem;

  width: 36%;

}



.layout-advantage .adv-card i,

.layout-advantage .adv-card span {

  color: rgba(44, 83, 138, 1);

}



.layout-advantage .adv-card p {

  color: rgba(102, 102, 102, 1);

}



.layout-advantage .adv-card:last-child {

  margin: 1rem auto 0;

}



.layout-cont .area-list {

  position: absolute;

  right: 1.8rem;

  bottom: .6rem;

}



.layout-cont .area-list span {

  color: rgba(102, 102, 102, 1);

}



/* page honor */

.page-honor {

  background-color: rgba(247, 248, 250, 1);

  position: relative;

  z-index: 2;

}



.honor-list .honor-item {

  margin-right: .3rem;

  width: calc((100% - .9rem)/3);

  text-align: center;

  background-color: #fff;

}



.honor-list .honor-item:nth-child(4n) {

  margin-right: 0;

}



.honor-list .honor-item .honor-pic {

  width: 100%;

  height: 2.32rem;

  background-color: #fff;

  overflow: hidden;

}



.honor-list .honor-item img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.honor-list .honor-item h4 {

  padding: .1rem .1rem;

  font-size: 0.16rem;

  color: rgba(102, 102, 102, 1);

  line-height: 1.8;

  font-weight: normal;

  background-color: #fff;

  z-index: -1

}



.honor-list .honor-item:hover h4 {

  color: rgba(44, 83, 138, 1);

  font-weight: bold;

}



/* page team */

.team-bd {

  position: relative;

}



.page-staff-list {

  /* box-shadow: 0 3px 10px rgba(0,0,0,.1); */

}



.page-staff-list .swiper-slide {

  background-color: #fff;

  display: flex;

  align-items: stretch;

  justify-content: space-between;

}



.page-staff-list .staff-pic {

  width: 42%;

  position: relative;

  overflow: hidden;

}



.page-staff-list .staff-pic .hel-img {

  position: relative;

  width: 100%;

  top: 0;

  left: 0;

}



.page-staff-list .staff-pic .hel-img1 {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.page-staff-list .staff-text {

  width: 58%;

  position: relative;

  padding: 50px;

}



.page-staff-list .staff-text img {

  display: block;

  width: 100%;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

}



.page-staff-list .staff-info {

  position: relative;

  z-index: 5;

}



.staff-office-title {

  color: rgba(44, 83, 138, 1);

  font-size: .32rem;

  font-weight: bold;

  margin-bottom: .15rem;

}



.page-staff-list .staff-info p {

  margin-bottom: .1rem;

  font-size: .16rem;

  line-height: 2;

  color: rgba(51, 51, 51, 1);

}



.page-staff-list .staff-info span {

  display: inline-block;

  width: 100%;

  text-align: right;

  color: rgba(102, 102, 102, 1);

  font-size: .14rem;

}



.swiper-staff-thumbs {

  width: 48%;

  position: absolute;

  right: 5%;

  bottom: .6rem;

  cursor: pointer;

  text-align: center;

}



.swiper-staff-thumbs .swiper-wrapper {

  justify-content: flex-start;

}



.swiper-staff-thumbs .swiper-slide {

  margin-left: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}



.swiper-staff-thumbs .swiper-slide .cover {

  width: 100%;

}



.swiper-staff-thumbs .swiper-slide .img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 0;

}



.swiper-staff-thumbs .swiper-slide::before {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 100%;

  border: .06rem solid var(--bg-blue);

  position: absolute;

  opacity: 0;

  z-index: 1;

}



.swiper-staff-thumbs .swiper-slide-thumb-active::before {

  opacity: 1;

}



/* page culture */

.page-culture {

  background-color: #fff;

  position: relative;

  z-index: 1;

}



.page-culture-list {

  justify-content: space-between;

  flex-wrap: wrap;

}



.page-culture-list .cul-item {

  padding-bottom: .3rem;

  position: relative;

  width: calc((100% - .9rem) / 3);

  cursor: pointer;

}



.page-culture-list .cul-item::before {

  width: 0%;

  height: 2px;

  background: var(--bg-blue);

  position: absolute;

  display: block;

  content: "";

  bottom: 0px;

  left: 0;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  z-index: 1

}



.page-culture-list .cul-item::after {

  width: 100%;

  height: 1px;

  background: #dbdada;

  position: absolute;

  display: block;

  content: "";

  bottom: 1px;

  left: 0;

}



.page-culture-list .cul-item .ico {

  background-color: #f3f3f3;

  border-radius: 10px;

  padding: .4rem 0;

}



.page-culture-list .cul-item i {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .6rem;

  color: transparent;

  -webkit-text-fill-color: transparent;

  text-fill-color: transparent;

  -webkit-background-clip: text;

  background-clip: text;

  background-image: linear-gradient(-360deg, rgb(1, 80, 154) 27.92%, rgb(22, 116, 203) 47.4%, rgb(44, 151, 252) 93.44%);

}



.page-culture-list .cul-item .name {

  margin-top: .4rem;

  font-size: .24rem;

  font-weight: bold;

  transition: all 0.25s;

}



.page-culture-list .cul-item .text {

  font-size: .18rem;

  line-height: 2;

  margin-top: .12rem;

  color: #3e3e3e;

}



.page-culture-list .cul-item:hover::before {

  width: 100%;

}



.page-culture-list .cul-item:hover .name {

  color: var(--text-color-blue);

}



/* page partner */

.page-partner {

  background-color: rgba(247, 248, 250, 1);

}



.partner-bd .swiper {

  padding: .1rem 0;

  margin-bottom: .05rem;

}



.partner-bd .swiper-slide {

  width: 3rem;

  height: 1.45rem;

  /* box-shadow: 0 0 .1rem 0 rgba(133, 133, 133, 0.17); */

  cursor: pointer;

  background-color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

}



.partner-bd .swiper-slide:not(:last-child) {

  margin-right: .2rem;

}



.partner-bd .swiper-slide img {

  width: 80%;

  height: 70%;

  object-fit: contain;

  display: block;

  transition: all 0.5s;

}



/* page server */

.page-server-box {

  position: relative;

  z-index: 4;

}



.page-server-list {

  justify-content: space-between;

  flex-wrap: wrap;

}



.page-server-list .ser-item {

  margin-right: .3rem;

  width: calc((100% - .9rem)/4);

  position: relative;

  cursor: pointer;

}



.page-server-list .ser-item:nth-child(4n) {

  margin-right: 0;

}



.page-server-list .ser-item .thum {

  position: relative;

  height: 3.6rem;

  border-radius: 5px;

  background-color: rgba(238, 238, 238, 0.5);

  overflow: hidden;

}



/* .page-server-list .ser-item .thum::after {

  width: 100%;

  height: 70%;

  position: absolute;

  left: 0%;

  bottom: 0%;

  background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));

  content: '';

  top: auto;

} */



.page-server-list .ser-item .thum img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  opacity: 0;

}



.page-server-list .ser-item .name {

  width: 100%;

  display: flex;

  align-items: center;

  position: absolute;

  left: 0%;

  bottom: 0px;

  padding: .4rem .3rem;

  z-index: 2;

  -webkit-transition: all .3s;

  opacity: 0;

  visibility: hidden;

}



.page-server-list .ser-item .name i {

  width: .5rem;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .46rem;

  line-height: 1;

}



.page-server-list .ser-item .name span {

  padding-left: .1rem;

  font-size: .24rem;

  font-weight: bold;

  line-height: 2;

  flex: 1;

}



.page-server-list .ser-item .info {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0%;

  top: 0%;

  -webkit-transition: all .3s;

  opacity: 1;

  visibility: visible;

}



.page-server-list .ser-item .info::before {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0%;

  top: 0%;

  background-image: -webkit-linear-gradient(45deg, #2da248, #173d73);

  border-radius: 5px;

  opacity: 0;

  content: '';

}



.page-server-list .ser-item .info .desc {

  width: 100%;

  height: auto;

  /* position: absolute;

  top: 50%;

  left: 0%;

  -webkit-transform: translateY(-40%); */

  padding: .2rem .3rem;

  -webkit-transition: all .3s;

}



.page-server-list .ser-item .info .name {

  position: relative;

  padding: 10px 0px 10px;

  border-bottom: 1px solid #ccc;

  margin-bottom: 20px;

  opacity: 1;

  visibility: visible;

}



.page-server-list .ser-item .summay {

  width: 100%;

  height: auto;

  position: relative;

  margin-bottom: 10px;

}



.page-server-list .ser-item .summay p {

  position: relative;

  line-height: 1.6;

  padding: .05rem 0px .05rem .1rem;

  font-size: .16rem;

}



.page-server-list .ser-item .summay p::after {

  width: .05rem;

  height: .05rem;

  position: absolute;

  border-radius: 50%;

  background: #333;

  content: '';

  left: 0px;

  top: .16rem;

}



.page-server-list .ser-item:hover .info::before {

  opacity: 1;

  visibility: visible;

}

.page-server-list .ser-item:hover .info{

  color: #fff;

}

.page-server-list .ser-item:hover .summay p::after{

  background-color: #fff;

}

.page-server-list .ser-item:hover .thum .name {

  -webkit-transform: translateY(100%);

}



.page-advantage-box {

  background: url(../images/adv-bg.jpg) no-repeat center;

  background-size: cover;

}



.page-advantage-list2 {

  margin-bottom: .36rem;

  justify-content: center;

}



.page-advantage-list2 .p-adv-item {

  width: calc((100% - .8rem)/3);

  border-radius: 10px;

  background-color: #fff;

  /* background-color: var(--bg-blue); */

  border: 1px solid rgba(220, 220, 220, 0.9);

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  padding: .2rem 0;

  cursor: pointer;

  transition: all 0.3s ease-in;

  -webkit-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  -ms-transition: all 0.3s ease-in;

}



.page-advantage-list2 .p-adv-item i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: .55rem;

  height: .55rem;

  font-size: .55rem;

  line-height: 1;

  color: #173D73;

  -webkit-transition: -webkit-transform .62s ease-out;

  -moz-transition: -moz-transform .62s ease-out;

  -o-transition: -o-transform .62s ease-out;

  -ms-transition: -ms-transform .62s ease-out;

  transition: transform .62s ease-out;

}



.page-advantage-list2 .p-adv-item p {

  font-size: .16rem;

  margin-top: .1rem;

}



.page-advantage-list2 .p-adv-item+.p-adv-item {

  margin-left: .4rem;

}



.page-advantage-list2 .p-adv-item:hover {

  background-color: #173D73;

  border-color: #173D73;

  color: #fff;

}



.page-advantage-list2 .p-adv-item:hover i {

  color: #fff;

  -webkit-transform: rotateY(360deg);

  -moz-transform: rotateY(360deg);

  -o-transform: rotateY(360deg);

  -ms-transform: rotateY(360deg);

  transform: rotateY(360deg);

}



.page-quality {

  background-color: #F9FAFC;

}



.title .subtit {

  margin-top: .08rem;

  font-size: .3rem;

  font-weight: 800;

  line-height: 2;

}



.page-quality-list {

  flex-wrap: wrap;

  justify-content: space-between;

}



.page-quality-list .quality-item {

  margin-right: .3rem;

  padding: .32rem;

  width: calc((100% - .6rem)/3);

  background-color: #fff;

  box-shadow: 0 .15rem .2rem -.12rem rgb(0 0 0 / .25);

}



.page-quality-list .quality-item:nth-child(3n) {

  margin-right: 0;

}



.page-quality-list .quality-item .text .name {

  margin-top: .3rem;

  margin-bottom: .2rem;

  font-size: .2rem;

}



.page-quality-list .quality-item .text .desc {

  font-size: .13rem;

  line-height: 1.8;

}



/* page path */

.path {

  padding-top: 0.2rem;

  padding-bottom: 0.2rem;

  font-size: 0.13rem;

  color: #999;

  align-items: center;

}



.path img {

  margin-right: 5px;

  width: 16px;

  height: auto;

}



.path a {

  color: #999;

}



/* page news box */

.page-news-box {

  background-color: #F7F7F7;

}



.page-news-list {

  margin-bottom: 50px;

  overflow: hidden

}



.page-news-item {

  padding: 30px 0;

  position: relative

}



.page-news-item:before,

.page-news-item:after {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: #f2f2f2;

  content: '';

  transition: ease-in-out .3s;

  -webkit-transition: ease-in-out .3s;

  -moz-transition: ease-in-out .3s;

}



.page-news-item:after {

  background: var(--bg-blue);

  width: 0

}



.page-news-block {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.page-news-left {

  width: calc(100% - 20.833vw - 4.4vw)

}



.page-news-right {

  width: 20.833vw;

  margin-left: 4.4vw;

  min-height: 150px;

  overflow: hidden;

  max-height: 250px;

  height: 13.2vw

}



.page-news-right img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: ease-in-out .3s;

  -webkit-transition: ease-in-out .3s;

  -moz-transition: ease-in-out .3s;

}



.page-news-time {

  font-size: .16rem;

  color: #666;

  margin-bottom: 10px;

}



.page-news-title {

  font-size: .24rem;

  color: #333;

  font-weight: bold;

  margin-bottom: 20px;

}



.page-news-summary {

  font-size: .16rem;

  line-height: 2;

  color: #666

}



.page-news-item:hover:after {

  width: 100%

}



.page-news-item:hover .page-news-title {

  color: var(--text-color-blue)

}



/*page news details*/

.page-news-detail {

  align-items: flex-start;

  justify-content: space-between;

}



.news-detail-left {

  width: 75%;

}



.page-title {

  font-size: .2rem;

  color: #000;

  font-weight: bold

}



.page-info {

  font-size: 12px;

  color: #999;

  padding: .1rem 0;

  border-bottom: dashed 1px #ddd;

  margin-bottom: .3rem;

}



.page-info span {

  margin-left: .2rem;

}



.page-text,

.page-text p {

  margin-bottom: 0.12rem;

  text-align: justify;

  font-size: 0.16rem;

  line-height: 2;

  color: rgba(62, 62, 62, 0.86);

}



.page-text img {

  max-width: 100%;

  height: auto !important;

}

.page-text iframe{

  margin: 0 auto .2rem;

  display: block;

  width: 100%;

  height: 6rem;

}

.news-detail-right {

  width: 23%;

  margin-bottom: .3rem;

  background: #fff;

  padding: .25rem;

}



.news-detail-right h3 {

  font-size: .24rem;

  color: #333;

  font-weight: 800;

}



.news-detail-right h3:after {

  display: block;

  width: .45rem;

  height: 3px;

  background: var(--bg-blue);

  content: "";

  margin-top: .1rem;

  margin-bottom: .15rem;

}



.page-news-hot li {

  padding: .08rem 0

}



.page-news-hot li a {

  display: block;

}



.page-news-hot li a .name {

  font-size: .16rem;

  line-height: 1.4;

}



.page-news-hot li a .time {

  font-size: .13rem;

  opacity: .5;

  line-height: 1.7;

}



.page-news-hot li+li {

  border-top: 1px solid rgba(0, 0, 0, .1);

}



/* page advantage list */

.page-advantage-list {

  justify-content: flex-start;

}



.page-adv-item {

  margin-right: .4rem;

  margin-bottom: .4rem;

  width: calc((100% - .8rem)/3);

}



.page-adv-item h3 {

  padding: .15rem .2rem;

  font-size: .18rem;

  color: #333;

  font-weight: 600;

  line-height: 2;

}



.page-adv-item:nth-child(3n) {

  margin-right: 0;

}

/* page case detail right */

.page-case-detail .page-text{

  margin-top: .2rem;

}

.right-subMenu{margin-bottom: .15rem; position:relative; z-index:13; overflow:hidden;}

.right-subMenu li{margin-bottom:.1rem;}

.right-subMenu li a{position:relative; display:block; padding:.2rem; color: #365f93; font-size:.18rem; line-height:1.6; text-align:center; background-color:#ecf1f6;}

.right-subMenu li a:hover{ background-color:#dee5ef;}

.right-subMenu li.active a{color:#fff; background-color:var(--bg-green); font-weight: bold;}

.page-case-hot li{

	width: 100%;

	margin: .15rem 0;

}

.page-case-hot li a{

	display: block;

	width: 100%;

	box-shadow: 4px 5px 14px rgb(210 210 210 / 35%);

}

.page-case-hot li .img-box{

	height: 2rem;

}

.page-case-hot li .case-text{

	padding: .12rem .2rem;

	background-color: #fff;

}

.page-case-hot li h4{

	font-size: .16rem;

	color: #111111;

}

/* .sideMenu li.img a{padding: 0;}

.sideMenu li.img a img{display: block; transform: .3s all;}

.sideMenu li.img a:hover img{opacity: .85;} */

/*page next*/

.page-next {

  margin-top: 30px;

  padding: .2rem 0;

  display: flex;

  justify-content: space-between;

  border-top: 1px solid rgba(0, 0, 0, .05);

}



.page-next p {

  width: 48%;

  flex: 1;

  line-height: 20px;

  padding-top: .2rem;

  padding-bottom: .2rem;

  padding: .2rem;

  box-sizing: border-box;

  display: block;

}



.page-next .post_next {

  direction: rtl;

}



.page-next span {

  display: block;

  font-size: .14rem;

  padding-bottom: 1vw;

  color: rgba(102, 102, 102, 1);

}



.page-next a {

  font-size: .16rem;

  line-height: 1.6;

  font-weight: 600;

}



.page-next .post_next a {

  display: flex;

  justify-content: flex-end;

  direction: ltr

}



/* page case */

.page-case-list {

  flex-wrap: wrap;

}



.page-case-list a {

  width: 49%;

  margin-right: 2%;

  margin-bottom: 2%;

  border-bottom: 2px solid rgba(0, 0, 0, .05);

}



.page-case-list a:nth-child(2n) {

  margin-right: 0;

}



.page-case-list a .case-img {

  border-radius: .1rem;

  height: 4.2rem;

}



.page-case-list a h4 {

  padding: .2rem 0;

  font-size: .18rem;

}



/* page case detail */

.cases_detail_head {

  width: 100%;

  height: 6.8rem;

  position: relative;

}



.swiper-page-case {

  height: 100%;

}



.cases_detail_head .swiper .swiper-slide img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.cases_detail_head .swiper-pagination {

  width: 100%;

  margin-top: .2rem;

}



.cases_detail_head .swiper-pagination .swiper-pagination-bullet {

  display: inline-block;

  background: transparent;

  border: 1px solid #fff;

  opacity: 1;

  margin: 0 3px;

}



.cases_detail_head .swiper-pagination .swiper-pagination-bullet-active {

  background: #fff;

}



.cases_detail_head .swiper-button-prev,

.cases_detail_head .swiper-button-next {

  width: auto;

  height: auto;

  background: #000;

  opacity: .8;

}



.cases_detail_head .swiper-button-prev:after,

.cases_detail_head .swiper-container-rtl .swiper-button-next:after {

  content: "";

}



.cases_detail_head .swiper-button-next:after,

.cases_detail_head .swiper-container-rtl .swiper-button-prev:after {

  content: "";

}



.cases_detail_head .swiper-button-prev {

  left: 0;

}



.cases_detail_head .swiper-button-next {

  right: 0;

}



.cases_detail_head .swiper-button-prev i,

.cases_detail_head .swiper-button-next i {

  display: block;

  color: #fff;

  font-size: .24rem;

  padding: .2rem .15rem;

}



.cases_detail_head .swiper-button-prev i {

  transform: rotate(180deg);

}



.cases_detail_title {

  width: 100%;

  position: relative;

  background-color: #fff;

  padding: .3rem 0;

}



.cases_detail_title .container {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.cases_detail_title h2 {

  color: #060606;

  font-size: .18rem;

  text-align: left;

}



.cases_detail_title h2 i {

  font-weight: bold;

  font-style: normal;

}



.cases_detail_title h2 p {

  color: #000;

  font-size: .28rem;

  font-weight: normal;

  margin-top: .2rem;

}



.cases_detail_logo {

  width: 4.2rem;

  /* position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%); */

}



.cases_detail_logo img {

  display: block;

  width: 100%;

}



.profile {

  overflow: hidden;

  background-color: #f3f3f3;

  padding: .9rem 0;

}



.profile .container {

  align-items: flex-start;

}



.profile_title {

  display: inline-block;

  width: 3rem;

}



.section_title {

  text-shadow: none;

  position: relative;

  padding-bottom: .2rem;

  margin-bottom: .25rem;

}



.section_title:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 30px;

  height: 2px;

  background-color: var(--bg-blue);

}



.profile_title p {

  color: #000;

  font-size: .18rem;

}



.profile_con {

  flex: 1;

}



.profile_con>div {

  display: inline-block;

  width: 3.6rem;

  text-align: left;

  vertical-align: top;

}



.profile_con_list {

  margin-right: .5rem;

}



.profile_con_list li {

  width: 100%;

  border-bottom: 1px solid #dadada;

  padding-bottom: .1rem;

  margin-bottom: .2rem;

  color: #000;

  font-size: .14rem;

}



.profile_con_list li h3,

.profile_con_info h3 {

  font-size: .16rem;

  margin-bottom: .1rem;

}



.profile_con_list p,

.profile_con_info p {

  font-size: .13rem;

  line-height: 2;

}



.other_case {

  background-color: #fff;

  overflow: hidden;

}



.case_item .img-box {

  height: 2.6rem;

}



.case_item h4 {

  font-size: .16rem;

  color: #333;

  line-height: 2;

  text-align: center;

}



.cases_center_list .swiper-button-prev,

.cases_center_list .swiper-button-next {

  width: auto;

  height: auto;

  background: #000;

  opacity: .8;

  cursor: pointer;

}



.cases_center_list .swiper-button-prev:after,

.cases_center_list .swiper-button-next:after {

  display: block;

  color: #fff;

  font-size: .2rem;

  padding: .2rem .15rem;

  cursor: pointer;

}



/* page contact */

.page-contact {

  background: #F7F7F7;

  display: flex;

}



.page-contact-left {

  width: 43.2%;

  padding: 2.375vw 6vw

}



.page-contact-left .page-title {

  font-size: .292rem;

  color: #000;

  margin-bottom: .3rem;

  font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘ Source Han Serif ’, source-han-serif-sc, serif;

  font-weight: bold

}



.page-contact-tel {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-bottom: .4rem;

}



.page-contact-tel i svg {

  width: .5rem;

  height: .5rem;

  fill: var(--bg-blue)

}



.page-contact-tel i svg path {

  fill: var(--bg-blue)

}



.page-contact-tel p {

  margin-left: .1rem;

  font-size: .16rem;

  color: var(--bg-blue)

}



.page-contact-tel p b {

  display: block;

  font-size: .4rem;

  color: var(--bg-blue);

  line-height: 1;

  font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘ Source Han Serif ’, source-han-serif-sc, serif;

}



.page-contact-adds {
line-height:2;
  margin-bottom: .7rem;

}



.page-contact-adds p {

  align-items: flex-start;

  font-size: .16rem;

  color: #333;

  line-height: 2;

}



.page-contact-adds p i {

  margin-right: .1rem;

  font-size: .18rem;

  color: var(--text-color-blue);

  line-height: 1.8;

}



.page-contact-code {

  display: flex;

  justify-content: flex-start;

  align-items: center

}



.page-contact-code-item {

  margin-right: 2vw;

  text-align: center;

  width: calc((100% - 6vw) / 4)

}



.page-contact-code-item:last-child {

  margin-right: 0

}



.page-contact-code-item p {

  font-size: .16rem;

  color: #333;

  margin-top: .1rem;

}



.page-contact-info {

  margin-top: .6rem;

  font-size: .16rem;

  color: #999;

  line-height: 2

}



.page-contact-right {

  width: 56.8%

}



.page-contact-right #map {

  width: 100%;

  height: 100%

}
.page-contact-right #map iframe{
  display: block;
  width: 100%;
  height: 100%;
}


/* footer */

.footer {

  height: auto !important;

  position: relative;

  color: rgba(102, 102, 102, 1);

  font-size: 0.16rem;

  background: url(../images/footer-bg.jpg) no-repeat center;

  background-size: cover;

  z-index: 51;

}



.footer::before {

  content: "";

  width: 100%;

  height: 100%;

  background-color: rgba(36, 43, 51, 0.9);

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

}



.footer .container {

  display: flex;

  justify-content: space-between;

  box-sizing: border-box;

  position: relative;

  z-index: 2;

}



.footer .container::before,

.footer .container::after {

  display: none;

}



.bottom {}



.bottom-left {

  color: #fff;

}



.conAddress .call .txt {

  font-size: .2rem;

  font-weight: bold;

  align-items: center;

}



.conAddress .call .txt i {

  font-size: .24rem;

  line-height: 1;

  margin-right: .1rem;

}



.conAddress .call .des {

  font-size: .32rem;

  font-weight: bold;

}



.conAddress li+li {

  margin-top: .15rem;

}



.footer-media-items {

  margin-top: .45rem;

  display: flex;

  position: relative;

  z-index: 2;

}



.footer-media-items li+li {

  margin-left: .2rem;

}



.footer-media-items li a.media-link {

  color: #fff;

  display: block;

  text-align: center;

  cursor: pointer;

  -webkit-transition: opacity 0.25s linear;

  transition: opacity 0.25s linear;

  position: relative;

}



.footer-media-items li a.media-link i {

  width: .42rem;

  height: .42rem;

  border: 1px solid rgba(255, 255, 255, 1);

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 130%;

  line-height: 120%;

}



.footer-media-items li a.media-wechat i {

  line-height: 1;

}



.media-link .hoverbox {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding-bottom: 0px;

  position: fixed;

  width: 1px;

  height: 1px;

  bottom: 100px;

  left: 0;

  line-height: 30px;

  opacity: 0;

  overflow: hidden;

  -webkit-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  -webkit-transition: opacity 0.3s, top 0.3s;

  -o-transition: opacity 0.3s, top 0.3s;

  transition: opacity 0.3s, top 0.3s;

  background-color: #fff;

  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);

  z-index: 5;

}



.media-link .hoverbox::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 18px;

  bottom: -16px;

  left: 0;

}



.media-link .hoverbox::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: -6px;

  width: 13px;

  height: 13px;

  margin-left: -7px;

  border-bottom: 2px solid #ebeced;

  border-right: 2px solid #ebeced;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  background-color: #fff;

}



.hoverbox img {

  width: 100%;

}



.media-link:hover .hoverbox {

  position: absolute;

  width: 180px;

  padding: 10px 10px 17px;

  height: auto;

  overflow: initial;

  bottom: .55rem;

  left: 45%;

  z-index: 2;

  opacity: 1;

}



.f-menu {

  margin: 0;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}



.f-menu div.f-menu-item {

  margin: 0;

}



.f-menu div.f-menu-item+div.f-menu-item {

  margin-left: 1rem;

}



.f-menu .menu-extra-title {

  margin-bottom: .05rem;

  padding-bottom: .1rem;

  font-size: .18rem;

  color: rgba(255, 255, 255, 1);

  position: relative;

}



.f-menu .menu-extra-title::before {

  content: "";

  width: .22rem;

  height: 1px;

  background-color: #fff;

  position: absolute;

  left: 0;

  bottom: 0;

}



.f-menu ol li a {

  color: rgba(255, 255, 255, 0.5);

  font-size: .15rem;

  line-height: 36px;

  font-weight: lighter;

}



.footer .footer-copyright {

  color: rgba(255, 255, 255, .8);

  background-color: rgba(36, 43, 51, 1);

  text-align: center;

  position: relative;

  z-index: 1;

}



.footer-copyright .container {

  padding: 0.15rem 0;

}



.footer-copyright br {

  display: none;

}



.footer-copyright p,

.footer-copyright a {

  color: rgba(255, 255, 255, .8);

}



.footer-copyright img {

  margin-right: 5px;

  vertical-align: middle

}



.footer-copyright .gotop {

  position: absolute;

  right: -1.3rem;

  top: 50%;

  transform: translateY(-50%);

  background: linear-gradient(90deg, rgba(0, 112, 26, 0.9) 0%, rgba(0, 64, 15, 1) 100%);

  width: 1.2rem;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



.footer-copyright .gotop i {

  width: .4rem;

  height: .4rem;

  border: 1px solid #fff;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .18rem;

  color: #fff;

}





@media (max-width: 1659px) {

  .header .header__nav__container {

    padding-left: 0.33rem;

    padding-right: 0.33rem;

    max-width: 16rem;

    margin: 0 auto;

  }



  .navs>li>a {

    padding: 0 20px;

  }



  .cases_detail_logo {

    right: .33rem;

  }

}



@media (max-width: 1440px) {}



@media (min-width: 1300px) and (max-width: 1549px) {
.page-contact-adds{
font-size:initial
  }
}



@media (max-width: 1280px) {

  .box {

    padding: 0.5rem 0;

  }



  .nav-wrapper .nav-item {

    padding: 0 15px;

  }



  .nav-wrapper>.nav-item+.nav-item {

    margin-left: 10px;

  }



  .title-box h2 {

    font-size: 0.24rem;

  }



  .title-box p {

    font-size: 0.18rem;

  }



  .footer-copyright {

    padding-top: 0.3rem;

  }



  .footer-copyright br {}

}



@media (min-width: 1025px) and (max-width: 1270px) {

  .container {

    width: 100%;

    padding: 0 15px;

  }



  .header .header__nav__container {

    max-width: 100%;

  }



  .nav-wrapper .nav-item h2.nav-item-link {

    font-size: 15px;

  }



  .nav-wrapper>.nav-item+.nav-item {

    padding: 0 12px;

  }



  .page-about-box {

    padding-top: .6rem;

  }



  .cases_detail_logo {

    right: 15px;

  }



  .footer .container {

    padding-top: .5rem;

    padding-bottom: .5rem;

  }



  .footer .footer-copyright .container {

    padding-top: 0;

    padding-bottom: 0;

  }

}



/*pages*/

.pages {

  margin-top: 0.3rem;

  padding-bottom: 0.3rem;

  text-align: center;

}



.pages a,

.pages b {

  margin: 5px;

  display: inline-block;

  font-size: 0.14rem;

  color: #777777;

  border: none;

  line-height: 32px;

  height: 32px;

  padding: 0 12px;

  background-color: #f6f6f6;

}



.pages b {

  background: var(--bg-blue);

  color: var(--text-color-white);

}



.pages a:hover {

  color: var(--text-color-blue);

}


.pages a:first-child {

  display: none;

}





@media (max-width: 1024px) {

  .navs {

    display: none;

  }



  .menubtn {

    display: block;

  }



  .banner {

    height: 68vh;

  }

}



@media screen and (orientation: portrait) {

  .ind_body {

    overflow-y: auto !important;

  }



  .pc {

    display: none;

  }



  .mobile {

    display: block;

  }



  #header {

    height: 50px;

    background-color: #fff;

  }



  #header .header__nav__container {

    padding: 0 0.3rem;

  }



  .header__logo {

    width: 138px;

    height: 50px;

  }



  .header__logo img:nth-child(1) {

    opacity: 0;

  }



  .header__logo img:nth-child(2) {

    opacity: 1;

  }



  .navs {

    display: none;

  }



  .header__tel {

    margin-right: .1rem;

    color: var(--text-color-blue);

    font-size: .3rem;

  }



  .header__tel i {

    font-size: .28rem;

  }



  .menubtn {

    display: block;

    width: 36px;

    height: 50px;

    padding-top: 25px;

  }



  #header .menubtn span,

  #header .menubtn span:after,

  #header .menubtn span:before,

  .page_body #header .menubtn span,

  .page_body #header .menubtn span:after,

  .page_body #header .menubtn span:before {

    background-color: #666;

  }



  .banner {

    margin-top: 50px;

    height: 32vh;

  }



  .box {}



  .title-box h2 {

    color: #000;

    font-size: 0.48rem;

    font-weight: 600;

  }



  .title-box p {

    font-size: 0.26rem;

  }



  .title-box p br {

    display: none;

  }



  .title {

    flex-direction: column;

  }



  .title .cn {

    padding-left: 0;

    font-size: 0.4rem;

    line-height: 1.6;

    text-align: center;

  }



  .title .en {

    margin-top: -.82rem;

    padding-left: 0;

    font-size: 0.36rem;

    font-weight: 600;

  }



  .more {

    margin-top: .3rem;

    padding: 0;

    width: auto;

    height: .7rem;

    font-size: .26rem

  }



  .more i {

    margin-right: .1rem

  }



  /*banner*/

  .banner {

    width: 100%;

    overflow: hidden;

    position: relative;

  }



  .banner .swiper-slide {

    overflow: hidden;

  }



  .banner .slide-inner {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

  }



  .banner .swiper-slide.swiper-slide-active .slide-inner {

    -webkit-animation: scaleBigToSmall 4s;

    animation: scaleBigToSmall 4s;

  }



  @-webkit-keyframes scaleBigToSmall {

    0% {

      opacity: 1;

      -webkit-transform: scale(1.2);

      -ms-transform: scale(1.2);

      transform: scale(1.2);

    }



    100% {

      opacity: 1;

      -webkit-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1);

    }

  }



  @keyframes scaleBigToSmall {

    0% {

      opacity: 1;

      -webkit-transform: scale(1.2);

      -ms-transform: scale(1.2);

      transform: scale(1.2);

    }



    100% {

      opacity: 1;

      -webkit-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1);

    }

  }



  .scaleBigToSmall {

    -webkit-animation-name: scaleBigToSmall;

    animation-name: scaleBigToSmall;

    transform-origin: 50% 50%;

  }



  .banner__container {

    padding: 0 5%;

    width: 100%;

    position: absolute;

    bottom: 0.2rem;

    left: 0;

  }



  .banner-text-box {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .banner-slogan .cn {
    font-size: .5rem;

  }

  .banner-slogan .cn span{

    font-size: .21rem;

  }



  .pagination-box {

    justify-content: space-between;

    align-items: center;

    display: none

  }



  .pagination-box .swiper-pagination {

    margin: 0 auto;

    width: auto;

    font-size: 0;

    position: relative;

    left: auto;

    bottom: auto;

  }



  .pagination-box .swiper-pagination .swiper-pagination-bullet {

    background-color: #fff;

    opacity: 1;

    vertical-align: middle;

    transition: all 0.5s ease-in-out;

    width: 0.15rem;

    height: 0.15rem;

    display: inline-block;

    position: relative;

  }



  .pagination-box .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

  .pagination-box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 0.15rem;

  }



  .pagination-box .swiper-pagination .swiper-pagination-bullet-active {

    opacity: 1;

    width: 0.2rem;

    height: 0.2rem;

    background-color: var(--bg-blue);

  }

  .banner .swiper-button-next,.banner .swiper-button-prev{

    background-color: rgba(0, 0, 0, .5);

  }

  .banner .swiper-button-next:after,.banner .swiper-button-prev:after{

    font-size: .33rem;

    color: #fff;

  }



  .banner-mouse {

    font-size: .26rem;

  }



  .banner-mouse i {

    font-size: .32rem;

  }



  .case-wrapper {

    height: auto;

    flex-wrap: wrap;

  }



  .case-item {

    width: 50%;

    height: 5rem;

  }

  .case-item .case-text-box {

    padding: .5rem;

  }



  .case-item .ico {

    margin-bottom: .3rem;

  }



  .case-item .en {

    margin-bottom: .15rem;

    font-size: .26rem;

  }



  .case-text h3 {

    margin-bottom: 0;

    font-size: .34rem;

  }



  .case-text span {

    margin-top: .2rem;

    font-size: .24rem;

  }



  .case-item:hover .case-text-box .case-text .desc {

    display: none;

    opacity: 0;

  }



  .about {

    height: auto;

    padding: .5rem 0;

  }



  .about-desc p {

    font-size: .266rem;

    font-weight: normal;

    text-align: justify;

  }



  .about-desc p br {

    display: none;

  }



  .about-advantage {

    margin-top: .3rem;

    flex-wrap: wrap;

  }



  .adv-card {

    margin-bottom: .3rem;

    width: 50%;

  }



  .adv-card .subtitle {

    font-size: .38rem;

  }



  .layout {

    padding: .6rem 0;

    height: auto;

  }



  .layout .layout-bd {

    flex-direction: column;

  }



  .layout-bd .area-city {

    display: none;

  }



  .process {

    padding: .6rem 0;

    height: auto;

  }



  .process-list {

    flex-wrap: wrap;

  }



  .process-item,

  .process-item.active {

    width: 33.33%;

    height: 3.2rem;

  }



  .process-item.active::before {

    display: block;

  }



  .process-item.active .process-text {

    align-items: center;

    justify-content: center;

  }



  .process-item.active .process-text label,

  .process-item.active .process-text i {

    opacity: 1;

  }



  .process-item.active .process-text h4 {

    padding: 0;

    width: auto;

    background-color: transparent;

  }



  .process-text label {

    font-size: .3rem;

  }



  .process-text i {

    font-size: .52rem;

  }



  .process-text h4 {

    font-size: .28rem;

  }



  /* page */

  .page-main {

    margin-top: 50px;

  }



  .subbanner {

    height: 16vh;

  }



  .subbanner h2 {

    font-size: .42rem;

  }



  .page-subMenu {

    margin-top: 0;

  }



  .page-subMenu .container {

    max-width: 100%;

    padding: 0;

    height: auto;

    justify-content: flex-start;

  }



  .pub-nav {

    flex-wrap: wrap;

  }



  .pub-nav li {

    flex: auto;

  }



  .pub-nav li a {

    padding: .15rem .2rem;

    font-size: .28rem;

  }



  .page-main .title {

    margin-bottom: .2rem;

  }



  .page-about-box {

    padding-top: .5rem;

  }



  .page-about-bd {

    flex-direction: column;

  }



  .about_left {

    width: 100%;

  }



  .about_txt {

    font-size: .266rem;

  }



  .about_txt h4 {

    font-size: .3rem;

  }



  .about_txt p {

    font-size: .26rem;

    text-align: justify;

    line-height: 2;

  }



  .about_video {

    width: 100%;

    height: 4.6rem;

  }

  .about_video p{

    font-size: .28rem;

    line-height: 2;

  }



  .page-advantage {

    padding: 0;

    max-width: 100%;

    flex-wrap: wrap;

  }



  .page-advantage .adv-card {

    margin-top: .2rem;

    width: 50%;

  }



  .adv-card i {

    font-size: .36rem;

  }



  .adv-card h4 {

    font-size: .28rem;

  }



  .adv-card p {

    padding: 0 .15rem;

    font-size: .24rem;

    line-height: 1.6;

  }



  .page-industry:target,

  .page-layout:target,

  .page-honor:target,

  .page-team:target,

  .page-culture:target,

  .page-partner:target,

  .page-server-box:target,

  .page-advantage-box:target,

  .page-quality:target {

    padding-top: calc(.5rem + 50px) !important;

    margin-top: -50px;

  }



  .industry-list {

    flex-direction: column;

  }



  .page-main .industry-item {

    margin-right: 0;

    margin-bottom: .2rem;

    width: 100%;

  }



  .page-main .industry-item .title h3 {

    font-size: .36rem;

  }



  .page-main .industry-item .title .en {

    margin-top: -.7rem;

    font-size: .3rem;

  }



  .page-main .industry-item .desc {

    font-size: .266rem;

  }



  .page-main .industry-item .img-box {

    height: 5.6rem;

  }



  .layout-cont {

    flex-direction: column;

  }



  .layout-text {

    margin-top: .3rem;

    text-align: center;

  }



  .layout-text h3 {

    font-size: .36rem;

  }



  .layout-text p {

    font-size: .266rem;

  }



  .layout-advantage .adv-card {

    margin-top: .5rem;

    flex: 1;

  }



  .layout-advantage .adv-card:last-child {

    margin-top: .5rem;

  }



  .layout-map {

    width: 100%;

  }



  .layout-cont .area-list {

    right: 1.1rem;

    bottom: .1rem;

  }



  .area-list span {

    font-size: .24rem;

  }



  .area-list span+span {

    margin-top: .1rem;

  }



  .honor-list {

    flex-wrap: wrap;

  }



  .honor-list .honor-item {

    margin-right: .2rem;

    margin-bottom: .2rem;

    width: calc((100% - .2rem)/2);

    background-color: #fff;

  }



  .honor-list .honor-item:nth-child(2n) {

    margin-right: 0;

  }



  .honor-list .honor-item h4 {

    padding: .1rem .3rem;

    font-size: .24rem;

  }



  /* mobile page culture */

  .page-culture-list .cul-item {

    width: 100%;

  }



  .page-culture-list .cul-item+.cul-item {

    margin-top: 5vw;

  }



  .page-culture-list .cul-item .ico {

    padding: 5vw 0;

  }



  .page-culture-list .cul-item i {

    font-size: 1.2rem;

  }



  .page-culture-list .cul-item .name {

    font-size: .36rem;

  }



  .page-culture-list .cul-item .text {

    font-size: .266rem

  }



  .page-staff-list .staff-text {

    padding: .3rem;

  }



  .page-staff-list .staff-info p {

    font-size: .24rem;

    line-height: 1.6;

  }



  .page-staff-list .staff-info span {

    font-size: .24rem;

  }



  .swiper-staff-thumbs {

    width: 55%;

    right: 0;

    bottom: 0;

  }



  .page-server-list .ser-item {

    margin-bottom: .3rem;

    width: calc((100% - .3rem)/2);

  }



  .page-server-list .ser-item:nth-child(2n) {

    margin-right: 0;

  }

  .page-server-list .ser-item .thum{

    height: 4.2rem;

  }



  .page-server-list .ser-item .name i {

    margin-right: .1rem;

    font-size: .56rem;

  }



  .page-server-list .ser-item .name span {

    font-size: .3rem;

  }



  .page-quality .title .subtit {

    font-size: .28rem;

  }



  .page-quality-list .quality-item {

    margin-right: 0;

    margin-bottom: .3rem;

    width: 100%;

    text-align: center;

  }



  .page-quality-list .quality-item img {

    display: block;

    margin-left: auto;

    margin-right: auto;

  }



  .page-quality-list .quality-item .text .name {

    font-size: .32rem;

  }



  .page-quality-list .quality-item .text .desc {

    font-size: .24rem;

  }



  .page-service:target,

  .page-advantage:target,

  .page-quality:target {

    padding-top: calc(.5rem + 50px) !important;

    margin-top: -50px;

  }

  .page-server-list .ser-item .info .name{

    padding-top:0;

    margin-bottom: .15rem;

  }

  .page-server-list .ser-item .info .desc{

    padding: .2rem;

    top: 0;

    transform: none;

  }

  .page-server-list .ser-item .summay p{

    padding-left:.2rem;

    font-size: .24rem;

  }

  .page-server-list .ser-item .summay p::after{

    width: .08rem;

    height: .08rem;

    top: .2rem;

  }

  .page-advantage-list2 .p-adv-item{

    width: calc((100% - .4rem)/3);

  }

  .page-advantage-list2 .p-adv-item+.p-adv-item{

    margin-left: .2rem;

  }

  .page-advantage-list2 .p-adv-item p{

    font-size: .24rem;

  }



  /* mobile page news list */

  .page-news-item {

    padding: 20px 0;

  }



  .page-news-list {

    margin-bottom: 30px

  }



  .page-news-block {

    flex-direction: column

  }



  .page-news-left {

    width: 100%;

  }



  .page-news-time {

    font-size: .24rem

  }



  .page-news-title {

    font-size: .3rem;

    line-height: 1.6;

    margin-bottom: 10px

  }



  .page-news-summary {

    font-size: .24rem;

    -webkit-line-clamp: 2;

    margin-bottom: 15px;

  }



  .page-news-right {

    margin-left: 0;

    width: 100%;

    height: auto

  }



  /* page news detail */

  .page-news-detail {

    max-width: 100%;

    flex-direction: column;

  }



  .news-detail-left {

    width: 100%;

  }



  .page-title {

    font-size: .32rem;

  }



  .news-detail-left .page-info {

    font-size: .24rem;

    margin: .2rem 0;

    padding: .15rem 0;

  }



  .news-detail-right {

    width: 100%;

  }



  .news-detail-right h3 {

    font-size: .32rem;

  }



  .page-news-hot li {

    padding: .12rem 0;

  }



  .page-news-hot li a .name {

    font-size: .28rem;

    line-height: 1.6;

  }



  .page-news-hot li a .time {

    font-size: .24rem;

  }



  /* mobile case list */

  .page-case-list a .case-img {

    height: 2.2rem

  }



  .page-case-list a h4 {

    font-size: .28rem;

  }

  .page-case-detail{

    flex-direction: column-reverse;

  }

  .cases-detail-right h3{

    display: none;

  }

  .right-subMenu{

    margin-bottom:0;

    display: flex;

    flex-wrap: wrap;

  }

  .right-subMenu li{

    margin-right: .2rem;

    margin-bottom: 0;

    width: calc((100% - .2rem)/2);

  }

  .right-subMenu li+li+li{

    margin-top: .2rem;

  }

  .right-subMenu li:nth-child(2n){

    margin-right: 0;

  }

  .right-subMenu li a{

    font-size: .28rem;

  }

  .page-case-hot{

    display: none;

  }



  /* mobile case detail */

  .cases_detail_head {

    width: 100%;

    position: relative;

    margin-top: 50px;

  }



  .cases_detail_head .swiper .swiper-slide img {

    width: 100%;

  }



  .cases_detail_head .swiper-pagination {

    width: 100%;

    margin-top: 20px;

  }



  .cases_detail_head .swiper-pagination .swiper-pagination-bullet {

    display: inline-block;

    background: transparent;

    border: 1px solid #fff;

    opacity: 1;

    margin: 0 3px;

  }



  .cases_detail_head .swiper-pagination .swiper-pagination-bullet-active {

    background: #fff;

  }



  .cases_detail_head .swiper-button-prev,

  .cases_detail_head .swiper-button-next {

    width: auto;

    height: auto;

    background: #000;

    opacity: .8;

  }



  .cases_detail_head .swiper-button-prev:after,

  .cases_detail_head .swiper-container-rtl .swiper-button-next:after {

    content: "";

  }



  .cases_detail_head .swiper-button-next:after,

  .cases_detail_head .swiper-container-rtl .swiper-button-prev:after {

    content: "";

  }



  .cases_detail_head .swiper-button-prev {

    left: 0;

  }



  .cases_detail_head .swiper-button-next {

    right: 0;

  }



  .cases_detail_head .swiper-button-prev i,

  .cases_detail_head .swiper-button-next i {

    display: block;

    color: #fff;

    font-size: 24px;

    padding: 10px 5px;

  }



  .cases_detail_head .swiper-button-prev i {

    transform: rotate(180deg);

  }



  .cases_detail_title .container {

    flex-direction: column;

    align-items: flex-start;

  }



  .cases_detail_title {

    width: 100%;

    position: relative;

    background-color: #fff;

    padding: 25px 0;

  }



  .cases_detail_title h2 {

    color: #060606;

    font-size: 13px;

    text-align: left;

  }



  .cases_detail_title h2 i {

    font-weight: bold;

  }



  .cases_detail_title h2 p {

    color: #000;

    font-size: 20px;

    font-weight: normal;

    margin-top: 20px;

  }



  .cases_detail_logo {

    text-align: left;

    margin-top: .2rem;

    width: 100%;

    position: relative;

    right: auto;

    top: auto;

    transform: none;

  }



  .cases_detail_logo img {

    width: 40%

  }



  .profile {

    padding: .35rem 0;

  }



  .profile .container {

    flex-direction: column;

  }



  .profile_title {

    display: block;

  }



  .section_title {

    text-shadow: none;

  }



  .section_title h3 {

    font-size: .3rem;

  }



  .section_title p {

    font-size: .32rem;

  }



  .profile_con {

    width: 100%;

  }



  .profile_con>div {

    margin-right: 0;

    width: 100%;

    text-align: left;

    vertical-align: top;

  }



  .profile_con_list {}



  .profile_con_list li {

    width: 100%;

    border-bottom: 1px solid #dadada;

    padding-bottom: .1rem;

    margin-bottom: .2rem;

    color: #000;

    font-size: .28rem;

  }



  .profile_con_list li h3,

  .profile_con_info h3 {

    font-size: .34rem;

    margin-bottom: .15rem;

  }



  .profile_con_list p,

  .profile_con_info p {

    font-size: .26rem;

    line-height: 2;

  }



  .case_item .img-box {

    height: 2rem;

  }



  .case_item h4 {

    font-size: .28rem;

    font-weight: normal;

  }



  .page-text,

  .page-text p {

    font-size: 0.28rem;

  }



  .page-next .post_prev,

  .page-next .post_next {

    padding: 10px;

  }



  .page-next span {

    font-size: .26rem;

  }



  .page-next a {

    font-size: 0.26rem;

  }



  .page-info {

    margin: 0.38rem 0;

    padding-bottom: 0.285rem;

  }



  .page-next {

    margin-top: 0.38rem;

  }



  .path {

    padding-top: 0.3rem;

  }



  /* mobile page contact */

  .page-contact {

    flex-direction: column;

  }



  .page-contact-left {

    width: 100%;

    padding: .3rem .33rem;

  }



  .page-contact-left .page-title {

    font-size: .4rem;

    margin-bottom: .3rem;

  }



  .page-contact-tel {

    margin-bottom: .2rem;

  }



  .page-contact-tel i {

    display: flex;

    width: .8rem;

    height: .8rem

  }



  .page-contact-tel i svg {

    width: .8rem;

    height: .8rem

  }



  .page-contact-tel p {

    font-size: .24rem

  }



  .page-contact-tel p b {

    font-size: .42rem

  }



  .page-contact-adds p {

    margin: .3rem 0;

    font-size: .26rem;

    align-items: flex-start;

    line-height: 1.4;

  }



  .page-contact-adds p i {

    margin-right: .15rem;

    font-size: .3rem;

    line-height: 1.4;

  }



  .page-contact-code-item p {

    font-size: .24rem

  }



  .page-contact-adds {

    margin-bottom: .3rem;


  }



  .page-contact-info {

    margin-top: .3rem;

    font-size: .24rem;

  }



  .page-contact-right {

    height: 5rem;

    width: 100%

  }



  /* footer */

  .footer {}



  .footer .container {

    flex-direction: column;

  }

  .footer-media-items{

    justify-content: center;

  }

  .footer-media-items li a.media-link i{

    width: .66rem;

    height: .66rem;

    font-size: 200%;

  }

  .media-link:hover .hoverbox{

    bottom: .9rem;

  }



  .bottom .socals {

    width: 100%;

    margin-bottom: 15px;

  }



  .soDiv {

    justify-content: flex-start;

  }



  .bottom .socals .so {

    width: 30%;

  }



  .bottom .socals .so:first-child {

    margin-right: 10px;

  }



  .bottom .socals img {

    width: 100%;

  }



  .bottom .socals p {

    width: 100%;

    font-size: .24rem;

  }



  .conAddress {

    font-size: .26rem;

  }



  .conAddress .call .txt {

    font-size: .28rem;

  }



  .conAddress .call .des {

    font-size: .38rem;

  }



  .footer .footer-copyright {

    flex-direction: column;

    align-items: center;

    padding: 0.3rem 0 0.2rem;

    border-top: 1px solid rgba(235, 235, 235, 0.1);

    text-align: center;

    z-index: 5;

  }



  .footer-copyright p,

  .footer-copyright span,

  .footer-copyright a {

    font-size: 0.24rem;

  }



  .f-menu {

    display: none;

  }



  .ft-media i {

    font-size: .3rem

  }



  .footer-copyright .gotop {

    width: .66rem;

    height: .66rem;

    top: -50px;

    right: 0;

    transform: none;

  }



  .footer-copyright .gotop i {

    font-size: .3rem;

  }

}



.backTop {

  position: fixed;

  z-index: 51;

  right: 50px;

  bottom: -100px;

  width: 0.52rem;

  height: 0.52rem;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  text-align: center;

  background-color: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  cursor: pointer;

}



.backTop img {

  max-width: 48%;

  position: relative;

  z-index: 10;

}



.backTop.active {

  bottom: 50px;

}



@media (max-width: 760px) {



  .pages a,

  .pages b {

    height: 24px;

    line-height: 24px;

    padding: 0 8px;

  }



  .backTop {

    width: 0.8rem;

    height: 0.8rem;

    right: 20px;

  }



  .backTop.active {

    bottom: 80px;

  }

}