@keyframes rotation {


  from {


    transform: rotate(0deg);


  }





  to {


    transform: rotate(360deg);


  }


}





body {


  background: #fff;


}





img {


  max-width: 100%;


}





.nav-bar {


  width: 100vw;


  height: 10.13vw;


  border-bottom: 1px solid rgba(255, 255, 255, 0.15);


  position: fixed;


  top: 0;


  left: 0;


  z-index: 20;


  display: flex;


  align-items: center;


  justify-content: space-between;


}





.khal-nav-bar {


  border-bottom-color: rgba(108, 130, 147, 0.7);


}





.gycq-nav-bar {


  border-bottom-color: rgba(108, 66, 212, 0.7);


}





.lxwm-nav-bar {


  border-bottom-color: rgba(170, 167, 167, 0.7);


}





.wzjs-nav-bar {


  border-bottom-color: rgba(113, 126, 145, 0.7);


}





.xtkf-nav-bar,


.app-nav-bar {


  border-bottom-color: rgba(104, 97, 110, 0.7);


}





.xwzx-nav-bar {


  border-bottom-color: rgba(122, 121, 120, 0.7);


}





.h5-nav-bar {


  border-bottom-color: rgba(114, 91, 130, 0.7);


}





.gzh-nav-bar {


  border-bottom-color: rgba(158, 158, 154, 0.7);


}





.xcx-nav-bar {


  border-bottom-color: rgba(178, 181, 186, 0.7);


}





.yytg-nav-bar{


  border-bottom-color: rgba(234, 150, 150, 0.7);


}





.nav-bar .logo {


  width: 20.8vw;


  height: 5.2vw;


  display: block;


  margin-left: 2.67vw;


}





.nav-bar .nav-and-code {


  margin-right: 2.67vw;


}





.nav-bar .nav-and-code .code {


  width: 3.47vw;


  height: 3.47vw;


  display: block;


  float: left;


  margin-right: 3.2vw;


}





.nav-bar .nav-and-code .nav-icon {


  width: 5.33vw;


  height: 3.47vw;


  display: block;


  float: left;


}





.nav-list {


  width: 50vw;


  height: 100vh;


  box-shadow: 0vw 0vw 8.16vw 3.84vw rgba(0, 0, 0, 0.33);


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


  position: fixed;


  top: 0;


  right: 0;


  z-index: 30;


  display: none;


}





.nav-list .nav-close {


  display: block;


  width: 5.33vw;


  height: 5.33vw;


  float: right;


  margin-top: 2.4vw;


  margin-right: 2.67vw;


}





.nav-menu-list {


  width: 100%;


  margin-top: 12.53vw;


  height: calc(100vh - 12.53vw);


  overflow-y: auto;


}





.nav-menu-list li a,.nav-menu-list li p {


  margin-bottom: 5.33vw;


  padding-left: 5vw;


  display: flex;


  align-items: center;


}





.nav-menu-list li a img ,.nav-menu-list li p img{


  width: 3.73vw;


}





.nav-menu-list li a span, .nav-menu-list li p span{


  display: inline-block;


  margin-left: 5vw;


  color: #000000;


  font-size: 4vw;


}





.nav-menu-list li .mobile-list{


  display: none;


}





.nav-menu-list li .mobile-list a{


  font-size: 2.93vw;


  text-align: center;


  color: #000;


  padding-left: 14vw;


}





.trycheers-title {


  width: 100%;


  box-sizing: border-box;


  /* max-height: 8.73vw; */


  text-align: center;


  color: #000;


}





.trycheers-title h1 {


  font-size: 4vw;


  line-height: 4.5vw;


}





.trycheers-title p {


  font-size: 2.67vw;


  color: #747474;


  margin-top: 1vw;


}





.aside-nav .aside-menu {


  width: 11.6vw;


  height: 11.6vw;


  border-radius: 11.6vw;


}





.aside-nav .menu-item {


  width: 8.27vw;


  height: 8.27vw;


  border-radius: 8.27vw;


}





.foot {


  width: 100vw;


  height: 18.53vw;


  background: #03030d;


  color: #fff;


  font-size: 2.67vw;


  text-align: center;


  padding-top: 6.8vw;


  box-sizing: border-box;


  line-height: 4vw;


}





.trycheers-demand-form {


  width: 100vw;


  box-sizing: border-box;


}





.demand-form {


  width: 94.67vw;


  margin: 5vw auto 0;


}





.demand-form .select {


  width: 94.67vw;


  height: 11.73vw;


  border-radius: 0.27vw;


  border: solid 1px #d1d1d1;


  outline: none;


  background: transparent;


  padding: 0 4.2vw;


  box-sizing: border-box;


  font-size: 3.47vw;


  line-height: 11.73vw;


  position: relative;


  color: #000;


}





.demand-form .select img {


  width: 3.33vw;


  display: block;


  float: right;


  margin: 4.93vw 0 0 0;


}





.demand-form .select.active img {


  transition: 0.5s;


  transform: rotate(180deg);


}





.demand-form .select.hide img {


  transition: 0.5s;


  transform: rotate(0deg);


}





.demand-form .select ul {


  width: 94.3vw;


  position: absolute;


  top: 12vw;


  left: 0;


  background: #fff;


  display: none;


  border: solid 1px #d1d1d1;


}





.demand-form .select ul li {


  width: 100%;


  height: 11.73vw;


  box-sizing: border-box;


  line-height: 11.73vw;


  padding: 0 4.2vw;


}





.demand-form .select ul li.active {


  background: #edebec;


}





.demand-form input,.demand-form textarea{


  width: 94.67vw;


  height: 11.73vw;


  border-radius: 0.27vw;


  border: solid 1px #d1d1d1;


  outline: none;


  background: transparent;


  padding: 0 4.2vw;


  box-sizing: border-box;


  font-size: 3.47vw;


  line-height: 11.73vw;


  outline: none;


  margin-top: 3.07vw;


  font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;


}





.demand-form input::placeholder,.demand-form textarea::placeholder{


  color: #000;


}





button.submit-btn {


  width: 30.27vw;


  height: 7.87vw;


  background-color: #0f499f;


  border: none;


  outline: none;


  margin: 8.93vw auto 0;


  display: block;


  font-size: 3.47vw;


  line-height: 7.87vw;


  color: #fff;


  border-radius: 0.3vw;


}





.promise {


  width: 100vw;


  height: 32.53vw;


}





.promise-list {


  width: 97.6vw;


  height: 76.54vw;


  margin: 7.07vw auto 0;


}





.promise-list li {


  width: 47.2vw;


  height: 36.54vw;


  margin-bottom: 3.47vw;


  background: #000;


  float: left;


  text-align: center;


}





.promise-list li img {


  width: 11.87vw;


  margin: 4.4vw 0 0;


}





.promise-list li p {


  font-size: 2.67vw;


  color: #fff;


  opacity: 0.9;


}





.promise-list li .promise-title {


  font-size: 3.47vw;


  opacity: 1;


  margin: 2.53vw 0 2vw;


}





.promise-list li:nth-child(2n) {


  float: right;


}





.other {


  width: 100vw;


  height: 96.27vw;


  background: #1c1f44;


  box-sizing: border-box;


  padding-top: 71.33vw;


}


.other .trycheers-title,


.other .trycheers-title p {


  color: #fff;


}





.other .trycheers-title p {


  opacity: 0.8;


}





.index .banner-swiper {


  width: 100vw;


  height: 55.2vw;


}





.index .banner-swiper .swiper-pagination-bullets {


  bottom: 9.6vw;


}





.index .banner-swiper .swiper-pagination-bullet {


  width: 1.47vw;


  height: 1.47vw;


  background-color: #fafafa;


  opacity: 1;


  margin: 0 0.735vw;


}





.index .banner-swiper .swiper-pagination-bullet-active {


  background: rgb(246, 111, 106);


  border-radius: 0.67vw;


  width: 5.73vw;


  height: 1.33vw;


}





.index .trycheers-content {


  width: 100vw;


  padding: 0 1.2vw;


  box-sizing: border-box;


}





.index .trycheers-rz-qy {


  height: 65vw;


  background: #e6f2f8;


  margin-bottom: 9.07vw;


}





.index .trycheers-rz {


  position: relative;


  z-index: 9;


  width: 97.6vw;


  margin: -6vw 0 6.67vw;


  display: flex;


  align-items: center;


  justify-content: space-between;


  flex-wrap: wrap;


}





.index .trycheers-rz-item {


  width: 48vw;


  height: 15.07vw;


  background-color: #ffffff;


  border: solid 1px #c1d1d9;


  box-sizing: border-box;


  margin-bottom: 1.2vw;


  display: flex;


  align-items: center;


}





.index .trycheers-rz-item img {


  width: 6.93vw;


  margin: 0 0.67vw;


}





.index .trycheers-rz-name {


  margin-right: 0.3vw;


}





.index .trycheers-rz-name h3 {


  font-size: 3.47vw;


}





.index .trycheers-rz-name p {


  font-size: 2.4vw;


  color: #9b9b9b;


}





.index .trycheers-hzqy {


  width: 97.6vw;


  height: 18.4vw;


  display: flex;


  justify-content: space-between;


  margin-top: 5.87vw;


}





.index .trycheers-hzqy-item {


  width: 32vw;


  height: 100%;


  position: relative;


  padding: 0 0.67vw;


  box-sizing: border-box;


  display: flex;


  align-items: flex-start;


  justify-content: flex-end;


}





.index .trycheers-hzqy-item.center {


  justify-content: center;


  padding: 0;


}





.index .trycheers-hzqy-item img {


  position: absolute;


  top: 0;


  left: 0;


  z-index: 0;


}





.index .trycheers-hzqy-item h3,


.index .trycheers-hzqy-item h4,


.index .trycheers-hzqy-item p {


  position: relative;


  z-index: 1;


  color: #ffffff;


}





.index .trycheers-hzqy .trycheers-hzqy-item h3 {


  font-size: 2.93vw;


  text-align: right;


  margin-top: 5.07vw;


  line-height: 2.93vw;


  margin-bottom: 0.53vw;


}





.index .trycheers-hzqy-item.center h3 {


  text-align: center;


  margin-bottom: 0.93vw;


}





.index .trycheers-hzqy-item h3.mr {


  margin-right: 4.13vw;


}





.index .trycheers-hzqy-item p {


  font-size: 1.6vw;


  line-height: 1.6vw;


  text-align: center;


  margin: 0 auto 0.8vw;


}





.index .trycheers-hzqy-item p.radius {


  border-radius: 1.2vw;


  background: #fff;


  color: #1b193e;


  margin-top: 1.07vw;


  height: 2.4vw;


  line-height: 2.4vw;


}





.index .trycheers-hzqy-item p.border {


  border: 1px solid #ffffff;


  background: transparent;


  color: #fff;


  text-align: center;


  width: 8.13vw;


  height: 2.4vw;


  line-height: 2.4vw;


}





.index .trycheers-hzqy-item p.tag {


  font-size: 1.8vw;


  line-height: 1.8vw;


  margin-left: 0;


  width: 11.6vw;


}





.index .trycheers-hzqy-item p.enlarge {


  width: 20.8vw;


  height: 4vw;


  line-height: 4vw;


  border-radius: 2vw;


  margin: 0 auto;


}





.index .trycheers-hzqy-item .blod {


  font-weight: bold;


}





.index .trycheers-hzqy-item h4 {


  text-align: right;


  font-size: 2.13vw;


  line-height: 2.13vw;


  margin-top: 1.73vw;


  margin-bottom: 0.4vw;


}





.index .trycheers-hzqy-item .trycheers-hzqy-support {


  margin-top: 1.2vw;


  display: flex;


  align-items: center;


}





.index .trycheers-hzqy-support p {


  margin-bottom: 0;


  margin-right: 0.8vw;


}





.index .trycheers-hzqy-support img {


  width: 3.2vw;


  position: static;


  margin-right: 0.27vw;


}





.index .trycheers-kf {


  height: 84.27vw;


  background: url("../images/banner.png") no-repeat;


  background-position: center bottom;


  background-size: 116%;


}





.index .trycheers-xt {


  width: 100%;


  height: 42.67vw;


  padding-top: 6.93vw;


}





.index .xt-type {


  width: 100%;


  height: 17.2vw;


  margin-top: 6.67vw;


  display: flex;


  align-items: center;


  justify-content: space-between;


}





.index .xt-type li {


  width: 21.73vw;


  height: 100%;


  background: #0f8c8b;


  text-align: center;


}





.index .xt-type li img {


  width: 6.93vw;


  margin: 2.93vw 0 1.5vw;


}





.index .xt-type li p {


  font-size: 2.93vw;


  color: #fff;


  line-height: 4vw;


}





.index .xt-type .item2 {


  background: #0f5e8c;


}





.index .xt-type .item3 {


  background: #7e2a71;


}





.index .xt-type .item4 {


  background: #bd7c5c;


}





.index .trycheers-ydyy {


  width: 100%;


  height: 46vw;


  background: #fff;


  padding: 6.27vw 2.67vw 0;


  box-sizing: border-box;


  z-index: 1;


  position: relative;


}





.index .ydyy-type {


  width: 100%;


  height: 23.07vw;


  display: flex;


  align-items: center;


  justify-content: space-between;


  margin-top: 4.8vw;


}





.index .ydyy-type li {


  width: 21.33vw;


  height: 100%;


  text-align: center;


}





.index .ydyy-type li:active {


  background: #f8f9fa;


}





.index .ydyy-type li img {


  width: 9.87vw;


  margin: 2.5vw 0;


}





.index .ydyy-type li p {


  color: #333;


  font-size: 3.2vw;


  line-height: 4vw;


}





.index .trycheers-other {


  width: 100vw;


}





.index .trycheers-gddz {


  width: 100%;


  height: 79.07vw;


  background: #0f499f;


  box-sizing: border-box;


  padding-top: 17.73vw;


}





.index .trycheers-gddz .trycheers-title,


.index .trycheers-gddz .trycheers-title p {


  color: #fff;


}





.index .gddz-type {


  width: 100vw;


  height: 63.33vw;


  background: url("../images/computer-box.png") no-repeat;


  background-size: 100%;


  margin-top: 12.13vw;


  box-sizing: border-box;


  position: relative;


  padding-top: 2.67vw;


}





.index .gddz-type .type-name {


  width: 10.4vw;


  height: auto;


  background: #001546;


  position: absolute;


  top: -4.67vw;


  left: 50%;


  margin-left: -5.2vw;


  z-index: 2;


  text-align: center;


}





.index .gddz-swiper {


  width: 75.7vw;


  height: 47.34vw;


  margin: 0 auto 0;


  background: #fff;


}





.index .type-name img {


  width: 5.33vw;


  margin: 1.6vw 0 1vw;


}





.index .type-name p {


  width: 3.33vw;


  line-height: 4vw;


  font-size: 3.47vw;


  color: #fff;


  margin: 0 auto;


}





.index .trycheers-hzhb {


  width: 100vw;


  height: 64vw;


  margin-top: 22.8vw;


  padding-top: 2.53vw;


  box-sizing: border-box;


  margin-bottom: 8vw;


}





.index .hzhb-box {


  width: 100%;


  height: 47.07vw;


  background: linear-gradient(-74deg, #2d2765 0%, #7e2a71 100%);


  margin-top: 5.73vw;


  padding: 7.46vw 4vw;


  box-sizing: border-box;


}





.index .hzhb-row {


  width: 100%;


  display: flex;


  align-items: center;


  justify-content: center;


  margin-bottom: 1.47vw;


}





.index .hzhb-row.row-4 {


  justify-content: space-between;


}





.index .hzhb-row img {


  width: 22.27vw;


  height: 6.93vw;


}





.index .row-3 img {


  margin: 0 0.54vw;


}





.index .trycheers-ys-fw {


  width: 100vw;


}





.index .trycheers-ys-fw .ys-fw-box {


  width: 100%;


  height: 85.73vw;


  background: url("../images/ys-fw-bannner.png") no-repeat;


  background-position: top center;


  margin-top: 5.73vw;


  overflow: hidden;


}





.index .ys-fw-box .choose-box {


  width: 61.86vw;


  height: 8.13vw;


  margin: 7.2vw auto 0;


}





.index .ys-fw-box .choose-box p {


  float: left;


  width: 30.93vw;


  height: 100%;


  box-sizing: border-box;


  text-align: center;


  background: #fff;


  font-size: 3.47vw;


  color: #000;


  border: 1px solid #bfbfbf;


  line-height: 8.13vw;


}





.index .ys-fw-box .choose-box p.active {


  color: #fff;


  background: #3e3776;


  border-color: #3e3776;


}





.index .child-box {


  display: none;


}





.index .ys-box {


  position: relative;


  width: 100%;


  box-sizing: border-box;


  padding: 0 2.26vw;


  overflow: hidden;


  height: 70.4vw;


}





.index .ys-box .img-box {


  width: 45.33vw;


  height: 45.6vw;


  top: 15.87vw;


  left: 50%;


  margin-left: -22.67vw;


  position: absolute;


  overflow: hidden;


  z-index: 0;


}





.index .ys-box .img-box .inner-ring {


  width: 19.87vw;


  display: block;


  margin: 11.07vw auto 0;


}





.index .ys-box .img-box .outer-ring {


  width: 100%;


  display: block;


  position: absolute;


  top: 0;


  left: 0;


  transform: rotate(360deg);


  animation: rotation 20s linear infinite;


}





.index .ys-row {


  z-index: 1;


  height: 10.8vw;


}





.index .ys-row.row1 {


  margin: 7.5vw 0 0 9vw;


  width: 73.33vw;


}





.index .ys-row.row2 {


  margin: 9.5vw 0 0 -0.6vw;


  width: 95.5vw;


}





.index .ys-row.row3 {


  margin: 8vw 0 0;


  width: 95vw;


}





.index .ys-title {


  font-size: 3.2vw;


  color: #333;


  line-height: 4vw;


}





.index .ys-content {


  font-size: 2.4vw;


  color: #666;


  line-height: 4vw;


}





.index .ys-item:first-child {


  float: left;


}


.index .ys-item:last-child {


  float: right;


}





.index .ys-row .ys-item.item1 {


  text-align: right;


}





.index .ys-row .ys-item.item2 {


  text-align: left;


}





.index .row1 .ys-item.item1 {


  width: 32vw;


}





.index .row1 .ys-item.item2 {


  width: 26.8vw;


}





.index .row2 .ys-item.item1 {


  width: 26.53vw;


}





.index .row2 .ys-item.item2 {


  width: 25.33vw;


}





.index .row3 .ys-item.item1 {


  width: 34.27vw;


}





.index .row3 .ys-item.item2 {


  width: 33.73vw;


}





.index .row3 .ys-item.item1 .ys-title,


.index .row3 .ys-item.item1 .ys-content {


  padding-right: 7.47vw;


}





.index .row3 .ys-item.item2 .ys-title,


.index .row3 .ys-item.item2 .ys-content {


  padding-left: 7.6vw;


}





.index .ys-row .line {


  display: block;


  width: 100%;


  height: 1px;


  background: rgba(200, 200, 200, 0.7);


  position: relative;


  margin-top: 1.87vw;


}





.index .ys-row .line::after {


  content: "";


  width: 1.33vw;


  height: 1.33vw;


  border-radius: 1.33vw;


  position: absolute;


  top: -0.53vw;


}





.index .row1 .line1::after {


  background: #0f8c8b;


  right: 0;


}





.index .row1 .line2::after {


  background: #6e62cf;


  left: 0;


}





.index .row2 .line1::after {


  background: #0f5e8c;


  right: 0;


}





.index .row2 .line2::after {


  background: #bd7c5c;


  left: 0;


}





.index .row3 .line1::after {


  background: #7e2a71;


  right: 0;


}





.index .row3 .line2::after {


  background: #07c1ae;


  left: 0;


}





.index .fw-box {


  width: 82.27vw;


  height: 30.67vw;


  margin: 17.33vw auto 0;


  display: flex;


  align-items: center;


  justify-content: space-between;


}





.index .fw-box .fw-item {


  text-align: center;


}





.index .fw-box .fw-item img {


  width: 19.87vw;


}





.index .fw-box .fw-item p {


  line-height: 4vw;


  font-size: 2.4vw;


  color: #666;


}





.index .fw-box .fw-item .fw-name {


  font-size: 3.2vw;


  color: #333;


  margin-top: 3.87vw;


}





.index .trycheers-learn {


  width: 100vw;


  height: 78.76vw;


  background: #edebec;


  box-sizing: border-box;


  padding-top: 7vw;


}





.index .learn-list {


  width: 97.6vw;


  margin: 6vw auto 0;


}





.index .learn-list li {


  width: 47.07vw;


  height: 22.53vw;


  background: #fff;


  float: left;


  margin-bottom: 3.6vw;


  padding: 4vw;


  box-sizing: border-box;


}





.index .learn-list li:nth-child(2n) {


  float: right;


}





.index .learn-list li:active {


  background: #3e3776;


}





.index .learn-list .learn-title {


  font-size: 4vw;


  color: #000;


  line-height: 4vw;


  margin-bottom: 2.8vw;


  width: 100%;


  overflow: hidden;


  text-overflow: ellipsis;


  white-space: nowrap;


}





.index .learn-list .learn-content {


  font-size: 2.67vw;


  color: #333;


  line-height: 4vw;


  opacity: 0.9;


  width:100%;


  display: -webkit-box; /* 弹性盒模型*/


  -webkit-box-orient: vertical; /* 文字垂直排列 */


  -webkit-line-clamp:2; /*文字显示的行数*/


  overflow: hidden;


}





.index .learn-list li:active .learn-title {


  color: #fff;


}





.index .learn-list li:active .learn-content {


  color: #fff;


}





.index .trycheers-al {


  width: 100vw;


  height: 123.2vw;


  background: url("../images/al-banner.png") no-repeat;


  background-size: 100%;


  background-position: bottom;


  box-sizing: border-box;


  padding-top: 6.93vw;


}





.index .al-swiper {


  width: 100vw;


  height: 79.07vw;


  margin-top: 10.08vw;


}





.index .al-swiper .swiper-slide {

  width: 55.47vw;
  height: 79.07vw;
  position: relative;


}

.index .al-swiper .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}




.index .al-swiper .swiper-slide::after {


  content: "";


  width: 100%;


  height: 100%;


  background: rgba(0, 0, 0, 0.45);


  position: absolute;


  top: 0;


  left: 0;


}





.index .al-swiper .swiper-slide.swiper-slide-active::after {


  display: none;


}





.index .al-type {


  text-align: center;


  color: #fff;


  margin-top: 5.07vw;


}





.index .al-type p {


  font-size: 3.2vw;


  line-height: 4vw;


}





.index .al-type p.program-type {


  font-size: 2.67vw;


  opacity: 0.8;


}





.index .trycheers-dz {


  width: 100vw;


  height: 41.07vw;


  background: #3e3776;


  box-sizing: border-box;


  padding-top: 7.33vw;


}





.index .trycheers-dz .trycheers-title,


.index .trycheers-dz .trycheers-title p {


  color: #fff;


}





.index .trycheers-dz .trycheers-title p {


  margin-top: 0;


  margin-bottom: 1vw;


}





.index .dz-box {


  width: 94.67vw;


  height: 70.13vw;


  background: #fff;


  margin: 4vw auto 0;


  text-align: center;


  z-index: 1;


  position: relative;


}





.index .dz-box img {


  width: 40.26vw;


  margin: 8.27vw 0 1.47vw;


}





.index .dz-box p {


  font-size: 3.2vw;


  color: #747474;


  line-height: 6.4vw;


  letter-spacing: -0.16vw;


}





.index .dz-box p.dz-text {


  font-size: 4vw;


  color: #000;


  line-height: 4vw;


  margin-bottom: 4vw;


  letter-spacing: -0.2vw;


}





.index .dz-box p.phone-num {


  color: #0f8c8b;


  font-size: 4vw;


  letter-spacing: -0.2vw;


}





.index .trycheers-demand-form {


  padding-bottom: 15.47vw;


  padding-top: 61.2vw;


  background: #edebec;


}





.khal {


  width: 100vw;


  padding-bottom: 6.53vw;


}





.khal .trycheers-al-type {


  width: 94.67vw;


  height: 11.73vw;


  border: solid #bfbfbf;


  border-width: 1px 1px 1px 0;


  box-sizing: border-box;


  margin: 4vw auto;


}





.khal .trycheers-al-type li {


  width: 25%;


  height: 100%;


  box-sizing: border-box;


  border-left: 1px solid #bfbfbf;


  float: left;


  font-size: 4vw;


  color: #333;


  line-height: 11.73vw;


  text-align: center;


}





.khal .trycheers-al-type li.active {


  background: #3e3776;


  border-color: transparent;


  color: #fff;


}





.khal .trycheers-al-list {


  width: 94.67vw;


  margin: 0 auto;


}





.khal .trycheers-al-list li {


  width: 100%;


  margin-bottom: 7.2vw;


}





.khal .trycheers-al-list li img {


  margin-bottom: 7.33vw;


}





.khal button {


  width: 30.27vw;


  height: 7.87vw;


  margin: 11.33vw auto 0;


  border: none;


  outline: none;


  background: #0f499f;


  display: block;


  font-size: 2.67vw;


  color: #fff;


  text-align: center;


  line-height: 7.87vw;


  border-radius: 0.3vw;


}





.gycq img {


  margin-bottom: 6.4vw;


}





.gycq blockquote {


  text-align: center;


  font-size: 2.67vw;


  color: #747474;


  padding: 0;


  margin: 0 auto 5.33vw;


}





.gycq blockquote.lh-4 {


  line-height: 4.8vw;


}





.gycq blockquote.lh-6 {


  line-height: 6.4vw;


}





.gycq blockquote span {


  font-size: 4.8vw;


  color: #000;


  display: block;


}





.gycq blockquote p {


  margin-bottom: 6vw;


}





.gycq blockquote p span {


  display: inline-block;


}





.gycq blockquote span.f-3 {


  font-size: 3.2vw;


  color: #747474;


}





.gycq blockquote span.blod {


  font-weight: bold;


}





.gycq blockquote span.red {


  color: #f66f6a;


}





.gycq blockquote span.mt-9 {


  margin-top: 9.2vw;


}





.gycq blockquote span.mt-5 {


  margin-top: 5.47vw;


}





.gycq blockquote span.mb-3 {


  margin-bottom: 3.2vw;


}





.gycq blockquote span.f-4 {


  font-size: 4vw;


}





.gycq .tag {


  width: 64.8vw;


  display: block;


  margin: 7.33vw auto 7.87vw;


}





.gycq .trycheers-zzry {


  width: 100vw;


  height: 101.73vw;


  background: #808fa5;


  overflow: hidden;


  box-sizing: border-box;


  padding-top: 7.47vw;


}





.gycq .trycheers-zzry .trycheers-title,


.gycq .trycheers-zzry .trycheers-title p {


  color: #fff;


}





.gycq .trycheers-zzry .zzry-swiper-box {


  width: 80vw;


  height: 70.4vw;


  margin: 6.53vw auto 0;


  position: relative;


}





.gycq .trycheers-zzry .zzry-swiper {


  width: 45.73vw;


  height: 62vw;


}





.gycq .swiper-button-next,


.gycq .swiper-button-prev {


  margin-top: 0;


  top: 24.67vw;


  width: 9.6vw;


  height: 9.6vw;


  outline: none;


  background-image: none;


  background-color: #8f9fb5;


  border-radius: 4.8vw;


}





.gycq .swiper-button-next img,


.gycq .swiper-button-prev img {


  width: 4.13vw;


  margin: 1.33vw 0 0;


  display: block;


}





.gycq .swiper-button-next img {


  margin-left: 3.33vw;


}





.gycq .swiper-button-prev img {


  margin-left: 2.13vw;


}





.gycq .swiper-button-next.swiper-button-disabled,


.gycq .swiper-button-prev.swiper-button-disabled {


  background-color: transparent;


  opacity: 1;


}





.gycq .zzry-name {


  text-align: center;


  font-size: 3.2vw;


  color: #fff;


}





.gycq .trycheers-qy-box {


  width: 97.6vw;


  height: 101.06vw;


  margin: 9.87vw auto 11.2vw;


}





.gycq .trycheers-qy-box ul {


  width: 100%;


  height: 100%;


}





.gycq .trycheers-qy-box ul li {


  width: 100%;


  height: 50.53vw;


}





.gycq .trycheers-qy-box li div {


  float: left;


  width: 24.4vw;


  height: 100%;


}





.gycq .trycheers-qy-box li .big-box {


  width: 48.8vw;


  position: relative;


}





.gycq .trycheers-qy-box li .big-box img {


  width: 100%;


  position: absolute;


  top: 0;


  left: 0;


  z-index: 0;


}





.gycq .trycheers-qy-box li .big-box p {


  z-index: 1;


  position: relative;


  color: #fff;


  width: 42.53vw;


  margin: 0 auto;


  font-size: 2.67vw;


  line-height: 4vw;


  opacity: 0.9;


  text-align: left;


}





.gycq .trycheers-qy-box li .big-box p.title {


  font-size: 4vw;


  margin: 4.33vw auto;


  opacity: 1;


}





.gycq .trycheers-qy-box li div:nth-child(2) {


  background: #edebec;


}





.gycq .trycheers-qy-box li p {


  font-size: 2.67vw;


  color: #000;


  margin: 4.27vw auto;


  width: 21.47vw;


  text-align: center;


}





.gycq .trycheers-qy-box li p.qy-tag {


  font-size: 8vw;


}





.gycq .trycheers-qy-box li p.qy-text {


  line-height: 4vw;


  /*margin-top: 10vw;*/


  margin-top: 3vw;


}





.gycq .trycheers-qy-box li i {


  display: block;


  width: 21.47vw;


  height: 1px;


  background: #444;


  margin: 0 auto;


}





.lxwm {


  width: 100vw;


  padding-bottom: 25.07vw;


}





.lxwm .lxwm-box {


  width: 94.8vw;


  height: 85.33vw;


  border: 1px solid #d5d5d5;


  margin: 10.4vw auto 0;


  text-align: center;


  color: #000;


}





.lxwm .begin-title {


  width: 35.33vw;


  font-size: 4.8vw;


  line-height: 8vw;


  background: #fff;


  margin: -3.5vw auto 0;


  font-weight: bold;


}





.lxwm .begin-text {


  text-align: center;


  font-size: 4.8vw;


  margin-top: 1vw;


}





.lxwm .contact-information {


  width: 78.4vw;


  margin: 9.33vw auto 0;


  font-size: 3.2vw;


  line-height: 4.8vw;


  color: #747474;


  font-weight: normal;


}





.lxwm .contact-information p {


  margin: 0 0 4vw;


}





.lxwm .contact-information p:first-child {


  margin-bottom: 0;


}





.lxwm .lxwm-type {


  width: 79.6vw;


  margin: -6.4vw auto 0;


  display: flex;


  align-items: center;


  justify-content: space-between;


  text-align: center;


  font-size: 2.67vw;


  color: #333;


  line-height: 4.8vw;


}





.lxwm .img-box1 {


  width: 13.87vw;


  margin: 0 auto 3.47vw;


  background: #fff;


}





.lxwm .img-box2 {


  width: 10.67vw;


  margin: 0 auto 3.47vw;


  background: #fff;


}





.lxwm .img-box3 {


  width: 13.07vw;


  margin: 0 auto 3.47vw;


  background: #fff;


}





.lxwm .img-box1 img {


  width: 12.27vw;


}





.lxwm .img-box2 img {


  width: 8.93vw;


}





.lxwm .img-box3 img {


  width: 12vw;


}





.wzjs {


  width: 100vw;


  padding-bottom: 6.8vw;


}





.wzjs .fwfw {


  width: 81.07vw;


  height: 101.47vw;


  margin: 7.07vw auto 0;


}





.wzjs .fw-box {


  width: 61.47vw;


  height: 61.47vw;


  border: 0.39vw solid #dddddd;


  border-radius: 61.47vw;


  margin: 12.53vw auto 0;


  position: relative;


}





.wzjs .fw-box img {


  width: 24vw;


  display: block;


  position: absolute;


}





.wzjs .fw-box .fw-type1 {


  top: -8.53vw;


  left: 18.8vw;


}





.wzjs .fw-box .fw-type2 {


  top: -2.27vw;


  left: 47.47vw;


}





.wzjs .fw-box .fw-type3 {


  top: 33.47vw;


  left: 46.27vw;


}





.wzjs .fw-box .fw-type4 {


  bottom: -8.8vw;


  left: 18.8vw;


}





.wzjs .fw-box .fw-type5 {


  top: 31.6vw;


  left: -9.6vw;


}





.wzjs .fw-box .fw-type6 {


  top: -2.27vw;


  left: -8.93vw;


}





.wzjs .fw-box p {


  width: 31.87vw;


  text-align: center;


  margin: 0 auto;


  font-size: 3.2vw;


  color: #000000;


  line-height: 4.8vw;


}





.wzjs .fw-box p.en {


  margin: 20.67vw auto 3.07vw;


  font-size: 3.47vw;


  color: #e1e1e1;


  font-weight: bold;


}





.wzjs .qyxx {


  width: 97.6vw;


  height: 38vw;


  margin: 0 auto;


}





.wzjs .qyxx-list {


  width: 100%;


  height: 47.2vw;


  margin-top: 7.33vw;


}





.wzjs .qyxx-list .qyxx-item {


  float: left;


  width: 30.93vw;


  height: 100%;


  background: #fff;


}





.wzjs .qyxx-list .qyxx-item:nth-child(2) {


  margin: 0 2.4vw;


}





.wzjs .qyxx-list p {


  font-size: 2.7vw;


  line-height: 4vw;


  color: #333;


  width: 26.27vw;


  margin: 2.67vw auto 0;


  text-align: center;


}





.wzjs .qyxx-list .item-top {


  width: 100%;


  height: 22vw;


  background: #4f479d;


  overflow: hidden;


}





.wzjs .qyxx-list .qyxx-item:nth-child(2) .item-top {


  background: #479d98;


}





.wzjs .qyxx-list .qyxx-item:nth-child(3) .item-top {


  background: #9d4763;


}





.wzjs .qyxx-list .item-top p {


  width: 20vw;


  font-size: 2.93vw;


  color: #fff;


  line-height: 4.8vw;


  text-align: center;


  margin: 0 auto;


}





.wzjs .qyxx-list .item-top p.f-4 {


  font-size: 4vw;


  margin-top: 4.27vw;


}





.wzjs .qyxx-list .item-top i {


  display: block;


  width: 8vw;


  height: 0.8vw;


  background: #fff;


  margin: 3vw auto 2vw;


}





.wzjs .fwbz {


  width: 100vw;


  height: 125.6vw;


}





.wzjs .fwbz .fwbz-top {


  width: 100vw;


  height: 58.93vw;


  background: #303f76;


  box-sizing: border-box;


  padding-top: 30.93vw;


}





.wzjs .fwbz .fwbz-top .trycheers-title,


.wzjs .fwbz .fwbz-top .trycheers-title p {


  color: #fff;


}





.wzjs .fwbz .fwbz-top img {


  width: 75.33vw;


  display: block;


  margin: 5.33vw auto 5.87vw;


}





.wzjs .fwbz .fwbz-list {


  width: 90.14vw;


  height: 28.67vw;


  margin: 30.53vw auto 0;


}





.wzjs .fwbz .fwbz-list .fwbz-item {


  float: left;


  width: 42vw;


  font-size: 3.2vw;


  color: #333;


  line-height: 6.4vw;


}





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


  margin-left: 6.14vw;


}





.wzjs .jslc {


  width: 100vw;


  height: 125.47vw;


  background: url("../images/wzjs/jslc-banner.png") no-repeat;


  background-position: center;


  margin-bottom: 8.4vw;


  box-sizing: border-box;


  padding: 7.07vw 2.67vw;


}





.wzjs .jslc-title {


  font-size: 3.47vw;


  color: #fff;


  line-height: 5.4vw;


}





.wzjs .jslc-title h1 {


  font-size: 5.87vw;


}





.wzjs .jslc-title h1:first-child {


  font-size: 4vw;


  line-height: 6.4vw;


  margin-bottom: 2vw;


}





.wzjs .jslc-list {


  margin-top: 12.13vw;


}





.wzjs .jslc-list li {


  display: flex;


  align-items: flex-start;


  margin-bottom: 5vw;


  color: #fff;


}





.wzjs .jslc-list li img {


  width: 5.07vw;


  margin-right: 3.07vw;


}





.wzjs .jslc-list li h3 {


  font-size: 4vw;


  line-height: 6.4vw;


}





.wzjs .jslc-list li p {


  font-size: 3.2vw;


  line-height: 4.8vw;


}





.wzjs .uisj {


  width: 100vw;


  height: 145.46vw;


}





.wzjs .uisj .trycheers-title p {


  overflow: hidden;


  height: 4vw;


  position: relative;


}





.wzjs .uisj .trycheers-title p::before {


  content: "";


  width: 24.27vw;


  height: 1px;


  background: #a4a3a2;


  display: block;


  position: absolute;


  left: 0;


  top: 2vw;


  opacity: 0.7;


}





.wzjs .uisj .trycheers-title p::after {


  content: "";


  width: 24.27vw;


  height: 1px;


  background: #a4a3a2;


  display: block;


  position: absolute;


  right: 0;


  top: 2vw;


  opacity: 0.7;


}





.wzjs .uisj .sj-type {


  width: 74.27vw;


  height: 16.4vw;


  margin: 8.67vw auto 12vw;


  display: flex;


  align-items: center;


  justify-content: space-between;


  text-align: center;


  font-size: 2.67vw;


  color: #333;


}





.wzjs .uisj .sj-type img {


  width: 11.47vw;


  margin-bottom: 2.4vw;


}





.xtkf .xtkf-list {


  width: 100vw;


  height: 320.8vw;


  background: #f4f4f4;


  box-sizing: border-box;


  padding-top: 6.8vw;


}





.xtkf .list-box {


  width: 100vw;


  height: 239.33vw;


  margin: 27.33vw auto 0;


  background: #fff;


  position: relative;


}





.xtkf .list-box ul {


  position: absolute;


  top: -21vw;


  width: 100vw;


  left: 0;


}





.xtkf .list-box .xtkf-item {


  margin-bottom: 6.67vw;


}





.xtkf .list-box .xtkf-item .item-top {


  width: 89.6vw;


  height: 34vw;


  box-shadow: 0vw 0vw 13px 0vw rgba(0, 0, 0, 0.16);


  margin: 2.4vw auto 0;


  border-radius: 2vw 2vw 0 0;


  background: #fff;


  border: solid 1px #dedede;


  border-bottom: 0;


  box-sizing: border-box;


  padding: 2.93vw 0 3.6vw 3.33vw;


  display: flex;


  align-items: flex-start;


}





.xtkf .xtkf-item .item-content img {


  width: 3.6vw;


}





.xtkf .xtkf-item .item-content p {


  font-size: 2.67vw;


  color: #666;


  display: flex;


  align-items: center;


  line-height: 4vw;


  margin-bottom: 0.8vw;


}





.xtkf .xtkf-item .item-content p img {


  margin-right: 1.5vw;


}





.xtkf .xtkf-item .item-top .xtkf-logo {


  width: 34.8vw;


  margin-right: 6.8vw;


}





.xtkf .xtkf-item .item-title {


  margin-bottom: 3vw;


}





.xtkf .xtkf-item .item-title h4 {


  font-size: 4vw;


  color: #333;


  line-height: 4.8vw;


  margin-top: 2.5vw;


}





.xtkf .xtkf-item .item-title p {


  font-size: 2.67vw;


  color: #636363;


}





.xtkf .xtkf-item a {


  display: block;


  width: 89.6vw;


  height: 7.47vw;


  line-height: 7.47vw;


  text-align: center;


  border-radius: 0 0 2vw 2vw;


  background: #efefef;


  box-shadow: 0vw 0vw 13px 0vw rgba(0, 0, 0, 0.16);


  margin: 0 auto;


  border: solid 1px #dedede;


}





.xtkf .xtkf-item a span {


  font-size: 2.67vw;


  color: #333;


  display: block;


  float: left;


  margin: 0 0 0 35.73vw;


}





.xtkf .xtkf-item a span.img {


  width: 1.6vw;


  height: 3.07vw;


  margin: 2.2vw 0 0 1.07vw;


  background: url("../images/xtkf/tap-detail.png");


}





.xtkf .xtkf-item a:active {


  background: linear-gradient(0deg, #f13f35 0%, #f85c48 50%, #fe795b 100%);


}





.xtkf .xtkf-item a:active span {


  color: #fff;


}





.xtkf .xtkf-item a:active span.img {


  background: url("../images/xtkf/tap-detail2.png");


}





.xtkf .submit-btn {


  margin-top: 30.93vw;


  font-size: 3.2vw;


}





.xtkf .promise {


  padding-top: 11.33vw;


  background: #f4f4f4;


}





.xtkf-detail {


  /* background: #fff; */


}





.xtkf-detail .detail-box {


  width: 100vw;


}





.xtkf-detail .detail-example {


  width: 100vw;


  height: 84.66vw;


  padding-top: 6.8vw;


  background: #f4f4f4;


  box-sizing: border-box;


}





.xtkf-detail .example-img {


  width: 100vw;


  height: 63.33vw;


  padding: 2.67vw 12.27vw 13.33vw 12.13vw;


  box-sizing: border-box;


  background: url("../images/computer-box.png") no-repeat;


  background-size: 100%;


  margin-top: 6vw;


  position: relative;


}





.xtkf-detail .what {


  width: 100vw;


  height: 121.07vw;


  background: #fff;


  margin-top: -42vw;


  box-sizing: border-box;


  padding-top: 42vw;


  text-align: center;


}





.xtkf-detail .what-title {


  display: inline-block;


  height: 7.47vw;


  padding: 0 8.27vw;


  background: #f66f6a;


  line-height: 7.47vw;


  font-size: 4vw;


  color: #fff;


  border-radius: 0.2vw;


  margin-bottom: 7vw;


}





.xtkf-detail blockquote {


  text-align: center;


  font-size: 2.93vw;


  color: #888888;


  padding: 0;


  margin: 0 auto 4vw;


  line-height: 4.8vw;


}





.xtkf-detail .detail-box .meaning-title {


  font-size: 4vw;


  color: #000;


  text-align: center;


  margin-bottom: 5.73vw;


}





.xtkf-detail .meaning-box blockquote {


  width: 100vw;


  height: 67.2vw;


  background: #8bb7da;


  box-sizing: border-box;


  padding-top: 5.87vw;


  color: #fff;


}





.xtkf-detail .func {


  width: 97.6vw;


  margin: -19.07vw auto 5.47vw;


}





.xtkf-detail .func ul {


  display: flex;


  align-items: center;


  justify-content: space-between;


  flex-wrap: wrap;


}





.xtkf-detail .func li {


  width: 47.73vw;


  height: 42.4vw;


  background: #f3f3f3;


  text-align: center;


  margin-bottom: 2vw;


}





.xtkf-detail .func li img {


  width: 11.73vw;


  margin-top: 7.73vw;


}


.xtkf-detail .func li p {


  font-size: 2.93vw;


  line-height: 4vw;


  color: #747474;


}





.xtkf-detail .func li p.func-title {


  font-size: 3.47vw;


  color: #000;


  margin: 3.33vw 0 2vw;


}





.xtkf-detail .meaning-list {


  width: 94.67vw;


  margin: 0 auto 9.07vw;


}





.xtkf-detail .meaning-list ul {


  width: 100%;


  margin: 5.2vw 0 0;


  display: flex;


  align-items: center;


  justify-content: space-between;


  flex-wrap: wrap;


}





.xtkf-detail .meaning-list li {


  width: 30.4vw;


  height: 48.8vw;


  margin-bottom: 1.6vw;


  text-align: center;


}





.xtkf-detail .meaning-list li img {


  width: 8.13vw;


  margin-top: 8.93vw;


}





.xtkf-detail .meaning-list li p {


  font-size: 2.93vw;


  color: #fff;


  opacity: 0.9;


  line-height: 4vw;


}





.xtkf-detail .meaning-list li p.mean-title {


  font-size: 3.47vw;


  margin: 8.4vw 0 5vw;


  opacity: 1;


}





.xtkf-detail .lights ul {


  width: 100vw;


  border-top: 1px solid #bfbfbf;


  padding-top: 1.73vw;


  margin-top: 4vw;


  margin-bottom: 3.47vw;


}





.xtkf-detail .lights li {


  width: 94.67vw;


  margin: 0 auto;


  border-bottom: 1px solid #bfbfbf;


  height: 21.6vw;


  margin-top: 3.2vw;


}





.xtkf-detail .lights li:last-child {


  border: none;


}





.xtkf-detail .lights li img {


  width: 29.47vw;


  float: left;


  margin-right: 4vw;


}





.xtkf-detail .lights li div {


  float: left;


}





.xtkf-detail .lights li p {


  font-size: 2.93vw;


  color: #747474;


  line-height: 3.47vw;


}





.xtkf-detail .lights li p.lights-title {


  font-size: 3.47vw;


  line-height: 4vw;


  color: #000;


  margin-bottom: 2vw;


}





.xtkf-detail .lights2 {


  width: 100vw;


  height: 53.33vw;


  background: #3a3a3a;


  box-sizing: border-box;


  padding-top: 7.07vw;


  margin-bottom: 7.87vw;


}





.xtkf-detail .lights2 .trycheers-title,


.xtkf-detail .lights2 .trycheers-title p {


  color: #fff;


}





.xtkf-detail .lights2 ul {


  width: 94.67vw;


  height: 20vw;


  display: flex;


  align-items: center;


  justify-content: space-between;


  margin: 8.8vw auto 0;


}





.xtkf-detail .lights2 ul li {


  text-align: center;


}





.xtkf-detail .lights2 ul li img {


  width: 13.87vw;


}





.xtkf-detail .lights2 ul li p {


  font-size: 3.2vw;


  color: #fff;


  line-height: 5.6vw;


  margin-top: 3.07vw;


}





.xtkf-detail .submit-btn {


  margin-top: 6.27vw;


  margin-bottom: 7.87vw;


}





.xtkf-detail .promise {


  background: #fff;


  padding-top: 0;


}





.xwzx {


  margin-bottom: 7.87vw;


}





.xwzx .xwzx-nav {


  width: 100vw;


  height: 12vw;


  background: #f1f1f1;


  box-sizing: border-box;


  padding: 0 3.2vw;


  display: flex;


  align-items: center;


  justify-content: space-between;


  margin-bottom: 3.2vw;


}





.xwzx .xwzx-nav li {


  height: 12vw;


  box-sizing: border-box;


  line-height: 12vw;


  font-size: 3.2vw;


  color: #747474;


}





.xwzx .xwzx-nav .active {


  padding: 0 3.6vw;


  border-bottom: 0.27vw solid #f57c78;


  color: #000;


  font-size: 4vw;


}





.xwzx .xwzx-list {


  width: 94.67vw;


  margin: 0 auto;


}





.xwzx .xwzx-list li {


  width: 100%;


  margin-bottom: 6.67vw;


}





.xwzx .xwzx-list li a {


  display: block;


}





.xwzx .xwzx-list .news-title {


  width: 100%;


  height: 12.13vw;


  margin-bottom: 3.6vw;


}





.xwzx .xwzx-list .news-no {


  width: 15.07vw;


  float: left;


  height: 100%;


  background: #f57c78;


  padding: 2vw 0 1.87vw 3.47vw;


  box-sizing: border-box;


  font-size: 2.93vw;


  color: #fff;


}





.xwzx .xwzx-list .news-no p:first-child {


  font-size: 4.8vw;


  line-height: 4.8vw;


  margin-bottom: 0.8vw;


}





.xwzx .xwzx-list .title-text {


  font-size: 3.47vw;


  color: #000;


  line-height: 12.13vw;


  margin-left: 2.67vw;


  float: left;


  width: 74.26;


  overflow: hidden;


  text-overflow: ellipsis;


  white-space: nowrap;


}





.xwzx-detail{


  margin-bottom: 0;


}





.xwzx-detail .detail-box{


  width: 97.6vw;


  margin: 7.07vw auto 0;


}





.xwzx-detail .news-message{


  width: 100%;


  border-bottom: 1px solid #b6b6b6;


  padding-bottom: 3.73vw;


}





.xwzx-detail .news-message h1{


  font-size: 4vw;


  color: #000;


  line-height: 4.8vw;


  margin-bottom: 2vw;


}





.xwzx-detail .news-message p{


  font-size: 2.67vw;


  color: #747474;


}





.xwzx-detail .news-message p span{


  color: #000;


}





.xwzx-detail .news-message p span.red{


  color: #f57c78 ;


}





.xwzx-detail .news-content{


  width: 100%;


  margin-top: 2.53vw;


  padding: 0 1.47vw;


  box-sizing: border-box;


  border-bottom: 1px solid #b6b6b6;


}





.xwzx-detail .news-content p{


  font-size: 2.67vw;


  color: #747474;


  margin-bottom: 4vw;


  line-height: 4.8vw;


}





.xwzx-detail .news-content img{


  width: 100%;


  height: auto;


  margin-bottom: 4vw;


}





.xwzx-detail .next-prev{


  width: 100%;


  border-bottom: 1px solid #b6b6b6;


  padding: 5vw 1.47vw;


}





.xwzx-detail .next-prev a{


  font-size: 2.67vw;


  color: #747474;


  display: block;


  line-height: 4.8vw;


}





.xwzx-detail .next-prev a span{


  color: #000;


}





.xwzx-detail .hot-news{


  width: 100vw;


}





.xwzx-detail .hot-news h1{


  font-size: 4.8vw;


  color: #000;


  line-height: 12.27vw;


  padding-left: 2.67vw;


}





.xwzx-detail .hot-news .news-list{


  width: 100vw;


  background: #f5f5f5;


  padding-bottom: 5.6vw;


  padding-top: 0.94vw;


}





.xwzx-detail .hot-news .news-list li{


  width: 94.67vw;


  border-bottom: 1px solid #dfdfdf;


  margin: 0 auto;


  box-sizing: border-box;


  padding: 3.33vw 0;


}





.xwzx-detail .hot-news .news-list li:last-child{


  border: none;


}





.xwzx-detail .hot-news a{


  display: block;


  display: flex;


  align-items: flex-start;


}





.xwzx-detail .hot-news .news-time{


  font-size: 2.4vw;


  color: #fff;


  text-align: center;


  line-height: 4vw;


  width: 12.4vw;


  height: 10.27vw;


  background: #747474;


  overflow: hidden;


}





.xwzx-detail .hot-news .news-time .day{


  font-size: 3.47vw;


  margin-top: 1.2vw;


}





.xwzx-detail .hot-news .news-title{


  font-size: 2.67vw;


  color: #747474;


  margin-left: 2.4vw;


  width: 70vw;


}





.xwzx-detail .hot-news .news-title p{


  width: 100%;


  overflow: hidden;


  text-overflow: ellipsis;


  white-space: nowrap;


}





.xwzx-detail .hot-news .news-title p:first-child{


  color: #000;


  margin-bottom: 1.5vw;


}





.xwzx-detail .hot-news img{


  width: 2.27vw;


  margin: 3.07vw 3.47vw 0 auto;


}





.ydyy .trycheers-demand-form {


  margin-bottom: 7.87vw;


}





.ydyy-app .develop-service-box {


  width: 94.67vw;


  margin: 6.93vw auto 0;


}





.ydyy-app .develop-service-list {


  width: 100%;


  margin-top: 4.27vw;


}





.ydyy-app .develop-service-list li {


  width: 100%;


  border: solid 1px rgba(203, 199, 199, 0.59);


  margin-bottom: 2.4vw;


  box-sizing: border-box;


  padding: 6.8vw 4.53vw 3.2vw 2.27vw;


  display: flex;


  align-items: flex-start;


}





.ydyy-app .develop-service-list li img {


  width: 11.87vw;


  margin-top: 0.67vw;


  margin-right: 2.8vw;


}





.ydyy-app .develop-service-text p {


  width: 73.8vw;


  font-size: 3.2vw;


  line-height: 4.8vw;


  color: #747474;


}





.ydyy-app .develop-service-text p.service-title {


  font-size: 3.47vw;


  color: #000;


  line-height: 6.4vw;


}





.ydyy-app .text-box1 {


  width: 100vw;


  height: 32.27vw;


  background: url("../images/ydyy/app-banner.png") no-repeat;


  background-size: 100%;


  margin-top: 3.6vw;


  text-align: center;


  box-sizing: border-box;


  padding: 6.13vw 0 0;


  color: #fff;


}





.ydyy-app .text-box1 h1 {


  font-size: 6.4vw;


}





.ydyy-app .text-box1 p {


  font-size: 3.2vw;


  line-height: 8.4vw;


}





.ydyy-app .text-box1 h3 {


  font-size: 3.73vw;


  margin-top: 1vw;


}





.ydyy-app .text-box1 h3 span {


  color: #f66f6a;


}





.ydyy-app .text-box2 {


  width: 100vw;


  height: 29.6vw;


  background: linear-gradient(129deg, #7f95f3 0%, #5741d5 100%);


  text-align: center;


  color: #fff;


  box-sizing: border-box;


  padding: 10.93vw 0 0;


}





.ydyy-app .text-box2 h1 {


  font-size: 4vw;


}





.ydyy-app .text-box2 p {


  font-size: 3.2vw;


  line-height: 4.8vw;


  margin-top: 1vw;


}





.ydyy-app .service-list {


  width: 94.67vw;


  display: flex;


  align-items: flex-start;


  flex-wrap: wrap;


  margin: 0 auto;


}





.ydyy-app .service-list li {


  width: 47.2vw;


  height: 38.4vw;


  border-right: 1px solid rgba(197, 197, 197, 0.5);


  border-bottom: 1px solid rgba(197, 197, 197, 0.5);


  text-align: center;


}





.ydyy-app .service-list li:nth-child(2n) {


  border-right: 0;


}





.ydyy-app .service-list li:nth-last-child(-n + 2) {


  height: 42.53vw;


  border-bottom: none;


}





.ydyy-app .service-list li img {


  width: 10.4vw;


  margin-top: 6vw;


  margin-bottom: 2.8vw;


}





.ydyy-app .service-list li h4 {


  font-size: 3.47vw;


  color: #060606;


  line-height: 6vw;


  margin-bottom: 1vw;


}





.ydyy-app .service-list li p {


  font-size: 2.67vw;


  color: #333;


  line-height: 4vw;


}





.ydyy-app .text-box3 {


  width: 100vw;


  height: 100.27vw;


  margin-bottom: 9.2vw;


}





.ydyy-app .text-box3 .box-top {


  width: 100vw;


  height: 50.67vw;


  background: rgba(215, 232, 247, 0.5);


  box-sizing: border-box;


  padding: 6.53vw 2.67vw 0;


  margin-bottom: 8.27vw;


}





.ydyy-app .text-box3 .bt-left,


.ydyy-app .text-box3 .bt-right {


  float: left;


}





.ydyy-app .text-box3 .bt-left h1 {


  font-size: 4.8vw;


  color: #313940;


  margin-bottom: 5.47vw;


}





.ydyy-app .text-box3 .bt-left h4 {


  font-size: 3.2vw;


  color: #313940;


}





.ydyy-app .text-box3 .bt-left img {


  width: 4vw;


  margin-right: 2vw;


}





.ydyy-app .text-box3 .bt-left a {


  display: block;


  width: 33.2vw;


  height: 7.6vw;


  border-radius: 7.6vw;


  background: linear-gradient(52deg, #8bb8da 0%, #7fd7c5 100%);


  color: #fff;


  font-size: 3.2vw;


  line-height: 7.6vw;


  text-align: center;


  margin-bottom: 3.3vw;


}





.ydyy-app .text-box3 .bt-left p {


  display: flex;


  align-items: center;


  height: 4vw;


  font-size: 3.2vw;


  color: #2d2d2d;


}





.ydyy-app .text-box3 .bt-left p:last-child {


  margin-top: 5.6vw;


}





.ydyy-app .text-box3 .bt-right {


  float: right;


  text-align: center;


}





.ydyy-app .text-box3 .bt-right img {


  width: 28.4vw;


  margin-top: 2.67vw;


  margin-bottom: 4.93vw;


}





.ydyy-app .text-box3 .bt-right p {


  font-size: 3.2vw;


  color: #313940;


}





.ydyy-app .text-box3 .box-bottom p,


.ydyy-xcx .xcx-zc .box-bottom p{


  display: flex;


  align-items: center;


  padding-left: 20.53vw;


  box-sizing: border-box;


  width: 94.4vw;


  margin: 0 auto 3.73vw;


  height: 11.33vw;


  border-radius: 11.33vw;


  font-size: 3.73vw;


  color: #fff;


}





.ydyy-app .text-box3 .box-bottom img,


.ydyy-xcx .xcx-zc .box-bottom img{


  width: 5.47vw;


  margin-right: 3.33vw;


}





.ydyy-h5 .dzkf {


  width: 97.6vw;


  height: 51.34vw;


  margin: 6.13vw auto 10.4vw;


}





.ydyy-h5 .dzkf ul {


  width: 100%;


  height: 37.33vw;


  margin-top: 5.47vw;


  display: flex;


  align-items: center;


  justify-content: space-between;


}





.ydyy-h5 .dzkf ul li {


  width: 23.6vw;


  height: 100%;


  text-align: center;


}





.ydyy-h5 .dzkf ul li img {


  width: 13.47vw;


  margin-top: 11.2vw;


}





.ydyy-h5 .dzkf ul li p {


  font-size: 3.47vw;


  color: #fff;


  opacity: 0.9;


  margin-top: 3.6vw;


}





.ydyy-h5 .trend {


  width: 100vw;


  height: 44.53vw;


  background: #8b8bda;


  box-sizing: border-box;


  padding-top: 4.8vw;


}





.ydyy-h5 .trend .trycheers-title,


.ydyy-h5 .trend .trycheers-title p {


  color: #fff;


}





.ydyy-h5 .trend-text-box {


  width: 94.8vw;


  height: 52.93vw;


  border-radius: 4vw;


  background: #5b6182;


  margin: 4.4vw auto 0;


}





.ydyy-h5 .trend-text-item {


  width: 50%;


  height: 50%;


  border-right: 1px solid #8187a9;


  border-bottom: 1px solid #8187a9;


  box-sizing: border-box;


  float: left;


  text-align: center;


  font-size: 2.8vw;


  color: #fff;


  opacity: 0.9;


  line-height: 4vw;


  padding-top: 8vw;


}





.ydyy-h5 .trend-text-item:nth-child(2n) {


  border-right: none;


}





.ydyy-h5 .trend-text-item:nth-last-child(-n + 2) {


  border-bottom: none;


}





.ydyy-h5 .realization {


  width: 100vw;


  height: 126vw;


  box-sizing: border-box;


  padding-top: 33.73vw;


  margin-bottom: 24.67vw;


}





.ydyy-h5 .realization-func {


  width: 100vw;


  height: 75.07vw;


  margin-top: 8.67vw;


  box-sizing: border-box;


  padding: 12.27vw 9.34vw 0;


  background: #8bb8da;


  display: flex;


  align-items: flex-start;


}





.ydyy-h5 .realization-func .func-box {


  display: flex;


  align-content: center;


  flex-wrap: wrap;


  width: 18vw;


  margin-top: 7.34vw;


}





.ydyy-h5 .realization-func p {


  width: 18vw;


  height: 5.33vw;


  line-height: 5.33vw;


  border-radius: 5.33vw;


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


  color: #8bb8da;


  font-size: 2.67vw;


  text-align: center;


  font-weight: bold;


  margin-top: 5.33vw;


}





.ydyy-h5 .realization-func img {


  width: 38.93vw;


  margin: 0 auto;


}





.ydyy-h5 .advantage {


  width: 100vw;


  height: 66.67vw;


  margin-bottom: 7.33vw;


  background: linear-gradient(to top, #d4dfea, #f6f9fb, #fbfdfc, #fff);


}





.ydyy-h5 .advantage-rules {


  width: 44.67vw;


  height: 44.67vw;


  border-radius: 44.67vw;


  background: linear-gradient(52deg, #8bb8da 0%, #7fd7c5 100%);


  margin: 6.27vw auto 0;


  position: relative;


}





.ydyy-h5 .advantage-rules .rules-item {


  display: flex;


  align-items: center;


  justify-content: center;


  width: 17.73vw;


  height: 17.73vw;


  background: #fff;


  font-size: 3.2vw;


  text-align: center;


  color: #3f76a0;


  border-radius: 17.73vw;


  position: absolute;


}





.ydyy-h5 .advantage-rules .rules-item1 {


  top: 1.33vw;


  left: -5vw;


}





.ydyy-h5 .advantage-rules .rules-item2 {


  top: 50%;


  left: 50%;


  margin: -8.87vw 0 0 -8.87vw;


}





.ydyy-h5 .advantage-rules .rules-item3 {


  top: 1.33vw;


  right: -5vw;


}





.ydyy-h5 .advantage-rules .rules-item4 {


  bottom: -4.27vw;


  left: -5vw;


}





.ydyy-h5 .advantage-rules .rules-item5 {


  bottom: -4.27vw;


  right: -5vw;


}





.ydyy-gzh .ctqy {


  width: 100vw;


  height: 73.21vw;


  margin-bottom: 8.13vw;


  margin-top: 5.33vw;


}





.ydyy-gzh .difficult-list {


  width: 94.67vw;


  height: 59.6vw;


  margin: 5.33vw auto 0;


  position: relative;


}





.ydyy-gzh .difficult-list ul {


  width: 100%;


  height: 100%;


  display: flex;


  align-items: flex-start;


  justify-content: space-between;


  flex-wrap: wrap;


}





.ydyy-gzh .difficult-list li {


  width: 46.93vw;


  height: 29.47vw;


  margin-bottom: 0.67vw;


  text-align: center;


  font-size: 3.2vw;


  color: #fff;


}





.ydyy-gzh .difficult-list li img {


  width: 10.67vw;


  margin: 7.6vw 0 2.13vw;


}





.ydyy-gzh .center-circle {


  width: 30.67vw;


  height: 30.67vw;


  border-radius: 30.67vw;


  background: #fff;


  position: absolute;


  top: 50%;


  left: 50%;


  margin: -15.34vw 0 0 -15.34vw;


  text-align: center;


  font-size: 3.47vw;


  color: #2d4e70;


}





.ydyy-gzh .center-circle img {


  width: 10.27vw;


  margin: 7.33vw 0 1.87vw;


}





.ydyy-gzh .sdh-solution {


  width: 100vw;


  height: 60.53vw;


  margin-bottom: 6.67vw;


}





.ydyy-gzh .sdh-example {


  width: 100vw;


  height: 45.73vw;


  background: #8bb8da;


  margin-top: 6.13vw;


  box-sizing: border-box;


  padding: 6.8vw 1.2vw 6.27vw 2.53vw;


}





.ydyy-gzh .sdh-text {


  width: 39.73vw;


  font-size: 2.5vw;


  color: #fff;


  opacity: 0.9;


  line-height: 4vw;


  float: left;


}





.ydyy-gzh .sdh-text h4 {


  font-size: 4vw;


  opacity: 1;


  line-height: 9.6vw;


}





.ydyy-gzh .sdh-example img {


  width: 53.73vw;


  float: right;


}





.ydyy-gzh .znh-solution {


  width: 100vw;


  height: 56.4vw;


  margin-bottom: 7.87vw;


}





.ydyy-gzh .znh-list {


  width: 97.6vw;


  height: 42.93vw;


  margin: 4.8vw auto 0;


  border: solid #b9b9b9;


  border-width: 1px 0 1px 1px;


  box-sizing: border-box;


}





.ydyy-gzh .znh-list li {


  width: 25%;


  height: 100%;


  border-right: 1px solid #b9b9b9;


  box-sizing: border-box;


  float: left;


  text-align: center;


  font-size: 2.67vw;


  color: #333;


  line-height: 4.8vw;


}





.ydyy-gzh .znh-list li img {


  width: 9.73vw;


  margin-top: 5.73vw;


  margin-bottom: 7.87vw;


}





.ydyy-gzh .dyh-solution {


  width: 100vw;


  height: 63.34vw;


  margin-bottom: 4.53vw;


}





.ydyy-gzh .dyh-list {


  width: 100vw;


  height: 48.27vw;


  display: flex;


  align-items: center;


  box-sizing: border-box;


  padding: 0 1.2vw;


  justify-content: space-between;


  text-align: center;


  font-size: 4vw;


  line-height: 4.8vw;


  color: #fff;


  background: #292b33;


  margin-top: 6.4vw;


}





.ydyy-gzh .dyh-list img {


  width: 22.53vw;


  margin-bottom: 3.73vw;


}





.ydyy-gzh .do-it {


  width: 72.8vw;


  height: 57.33vw;


  margin: 0 auto 4.67vw;


  background: url("../images/ydyy/gzh-img3.png") no-repeat;


  background-size: 100%;


  box-sizing: border-box;


  padding: 19.2vw 0 0;


}





.ydyy-gzh .do-it h1,


.ydyy-gzh .do-it p {


  font-size: 4vw;


  line-height: 6.4vw;


  color: #282828;


}





.ydyy-gzh .do-it p {


  color: #acacac;


  margin-top: 0;


}





.ydyy-xcx .xcx-solution {


  width: 100vw;


  height: 67.73vw;


  margin-top: 7.73vw;


  margin-bottom: 7.87vw;


}





.ydyy-xcx .xcx-list {


  width: 100vw;


  height: 50.27vw;


  margin-top: 8.93vw;


  box-sizing: border-box;


  border-top: 1px solid #b2b2b2;


}





.ydyy-xcx .xcx-list li {


  width: 33.33%;


  height: 25.07vw;


  box-sizing: border-box;


  border: solid #b2b2b2;


  border-width: 0 1px 1px 0;


  float: left;


  text-align: center;


  font-size: 3.2vw;


  color: #000;


}





.ydyy-xcx .xcx-list li:nth-child(3n) {


  border-right: none;


}





.ydyy-xcx .xcx-list li p {


  line-height: 4.8vw;


}





.ydyy-xcx .xcx-list li img {


  width: 8.67vw;


  margin: 6.4vw 0 2.67vw;


}





.ydyy-xcx .why {


  width: 97.6vw;


  height: 124.67vw;


  margin: 0 auto 6.13vw;


}





.ydyy-xcx .why .reason-list {


  width: 100%;


  display: flex;


  align-items: flex-start;


  justify-content: space-between;


  flex-wrap: wrap;


  margin-top: 6.27vw;


}





.ydyy-xcx .why .reason-list li{


  width: 48vw;


  height: 35.33vw;


  background: #ededed;


  text-align: center;


  font-size: 2.93vw;


  color: #747474;


  margin-bottom: 1.87vw;


}





.ydyy-xcx .why .reason-list li p{


  line-height: 4vw;


}





.ydyy-xcx .why .reason-list li img{


  width: 10.53vw;


  margin: 2vw 0;


}





.ydyy-xcx .why .reason-list li p.reason-item{


  color: #000;


  line-height: 6.4vw;


  font-size: 3.47vw;


  margin-bottom: 1vw;


}





.ydyy-xcx .llfb{


  width: 100vw;


  height: 82vw;


  background: url("../images/ydyy/xcx-banner.png") 100%; 


  box-sizing: border-box;


  padding-top: 10.8vw;


}





.ydyy-xcx .llfb .llfb-text{


  width: 55.73vw;


  height: 43vw;


  margin: 6.4vw auto 0;


}





.ydyy-xcx .llfb .text-item{


  width: 50%;


  height: 50%;


  float: left;


  text-align: center;


  font-size: 2.67vw;


  color: #828282;


  box-sizing: border-box;


  padding-top: 1.67vw;


}





.ydyy-xcx .llfb .text-item .red{


  color: #f66f6a;


  font-size: 4vw;


  margin-bottom: 1vw;


}





.ydyy-xcx .llfb .text-item .red span{


  font-size: 10.67vw;


  font-weight: bold;


}





.ydyy-xcx .xcx-advantage{


  width: 97.6vw;


  height: 86.13vw;


  margin: 6.27vw auto 5.07vw;


}





.ydyy-xcx .advantage-list{


  width: 100%;


  height: 72.8vw;


  box-sizing: border-box;


  border-left: 1px solid #e3e2e5;


  border-top: 1px solid #e3e2e5;


  margin-top: 4.67vw;


}





.ydyy-xcx .advantage-list li{


  width: 50%;


  height: 50%;


  box-sizing: border-box;


  border-right: 1px solid #e3e2e5;


  border-bottom: 1px solid #e3e2e5;


  float: left;


  text-align: center;


  font-size: 2.93vw;


  color: #747474;


}





.ydyy-xcx .advantage-list li img{


  width: 10.4vw;


  margin-top: 2.5vw;


  margin-bottom: 2vw;


}





.ydyy-xcx .advantage-list li .advantage-title{


  font-size: 3.47vw;


  color: #333;


  line-height: 6vw;


  margin-bottom: 0.8vw;


}





.ydyy-xcx .xcx-ty{


  width: 100vw;


  height: 44.4vw;


  background: url('../images/ydyy/xcx-banner2.png') 100%;


  margin-bottom: 8.93vw;


  box-sizing: border-box;


  padding-top: 16.13vw;


  padding-left: 6.13vw;


}





.ydyy-xcx .xcx-ty .trycheers-title,


.ydyy-xcx .xcx-ty .trycheers-title p{


  color: #fff;


  text-align: left;


}





.ydyy-xcx .xcx-ty .trycheers-title p{


  margin-top: 2vw;


  font-size: 2.93vw;


}





.ydyy-xcx .xcx-zc{


  width: 100vw;


  height: 75vw;


  margin-bottom: 9.2vw;


}





.ydyy-xcx .xcx-zc .box-bottom{


  margin-top: 3.07vw;


}





.yytg .hxfw{


  width: 94.67vw;


  height: 112.67vw;


  margin: 7.07vw auto 8.93vw;


}





.yytg .hxfw img{


  margin-top: 9.87vw;


}





.yytg .outline{


  width: 100vw;


  height: 53.47vw;


  background: url("../images/yytg/yytg-banner.png") 100%;


  box-sizing: border-box;


  padding-top: 7.47vw;


  margin-bottom: 6.93vw ;


}





.yytg .outline .trycheers-title,.yytg .outline .trycheers-title p{


  color: #fff;


}





.yytg .outline-list{


  width: 98.93vw;


  height: 16.4vw;


  margin: 7.73vw auto 0;


  display: flex;


  align-items: center;


  justify-content: space-between


}





.yytg .outline-list li{


  height: 10.67vw;


  box-sizing: border-box;


  border-right: 1px solid rgb(187, 250, 251);


  padding: 0 4vw;


  text-align: center;


  font-size: 2.93vw;


  white-space: nowrap;


  color: #fff;


}





.yytg .outline-list li:last-child{


  border-right: none;


}





.yytg .outline-list li img{


  width: 11.33vw;


  margin-bottom: 2.27vw;


}





.yytg .can-solved{


  width: 96.26vw;


  height: 100.53vw;


  margin: 0 auto 8.67vw;


}





.yytg .solved-list{


  width: 100%;


  height: 84.53vw;


  margin-top: 7.47vw;


  display: flex;


  justify-content: space-between;


  flex-wrap: wrap;


  align-items: flex-start;


}





.yytg .solved-list li{


  width: 30vw;


  height: 41.07vw;


  box-sizing: border-box;


  border: 1px solid #cac2c2;


  margin-bottom: 2.4vw;


  text-align: center;


  font-size: 2.93vw;


  color: #747474


}





.yytg .solved-list li img{


  width: 11.07vw;


  margin-bottom: 2.8vw;


  margin-top: 6.13vw;


}





.yytg .solved-list li p{


  line-height: 4.8vw;


}





.yytg .solved-list li .solved-title{


  font-size: 3.73vw;


  color: #000;


  margin-bottom: 5vw;


}