.webpage .web_banner {
  height: 500px;
  background-color: #1E76E4;
  display: flex;
  align-items: center;
}
.webpage .web_banner .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row-reverse;
}
.webpage .web_banner .content .word {
  width: 55%;
  color: #FFFFFF;
}
.webpage .web_banner .content .word .tt {
  font-size: 48px;
  line-height: 1.5;
}
.webpage .web_banner .content .word .p {
  margin: 30px 0 40px;
  font-size: 16px;
  line-height: 1.8;
}
.webpage .web_banner .content .word .btn_contact {
  display: block;
  width: 135px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  background: #FFFFFF;
  border-radius: 21px;
  border: 1px solid #FFFFFF;
  transition: all 0.3s;
}
.webpage .web_banner .content .img {
  width: 45%;
}
.webpage .web_banner .content .img img {
  display: block;
  max-width: 100%;
  max-height: 500px;
  margin-left: auto;
}
.webpage .system_banner {
  height: auto !important;
  background: transparent;
  position: relative;
  padding: 0 !important;
}
.webpage .system_banner img {
  display: block;
  width: 100%;
}
.webpage .system_banner .content {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.webpage .system_banner .content .word .btn_contact {
  color: #1E76E4;
}
.webpage .kaifa_box {
  padding: 120px 0 0;
}
.webpage .kaifa_box .kaifa_body {
  margin-top: 35px;
}
.webpage .kaifa_box .kaifa_body ul {
  margin: 0 -15px;
}
.webpage .kaifa_box .kaifa_body ul li {
  float: left;
  width: 25%;
  padding: 0 15px;
}
.webpage .kaifa_box .kaifa_body ul li .inbox {
  background: linear-gradient(180deg, #FCFCFF 0%, #F8F9FF 100%);
  border-radius: 5px;
  padding: 34px 13px;
  transition: 1s;
}
.webpage .kaifa_box .kaifa_body ul li .inbox .img {
  height: 136px;
}
.webpage .kaifa_box .kaifa_body ul li .inbox .img img {
  display: block;
  margin: 0 auto;
  height: 100%;
}
.webpage .kaifa_box .kaifa_body ul li .inbox .word {
  margin-top: 4px;
  text-align: center;
}
.webpage .kaifa_box .kaifa_body ul li .inbox .word h4 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 16px;
  font-weight: normal;
}
.webpage .kaifa_box .kaifa_body ul li .inbox .word p {
  color: #777777;
  font-size: 16px;
  line-height: 1.8em;
  height: 7.2em;
}
.webpage .kehu_box {
  padding: 100px 0;
}
.webpage .kehu_box .kehu_body {
  margin-top: 50px;
}
.webpage .kehu_box .kehu_body ul {
  margin: -15px;
}
.webpage .kehu_box .kehu_body ul li {
  float: left;
  width: 33.33%;
  padding: 15px;
}
.webpage .kehu_box .kehu_body ul li .inbox {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.webpage .kehu_box .kehu_body ul li .inbox img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.webpage .kehu_box .kehu_body ul li .inbox .word {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  line-height: 1;
}
.webpage .kehu_box .kehu_body ul li .inbox .word h4 {
  font-weight: normal;
  font-size: 26px;
}
.webpage .kehu_box .kehu_body ul li .inbox .word p {
  font-size: 20px;
  margin-top: 22px;
}
.webpage .servicekehu_box .servicekehu_body {
  margin-top: 50px;
}
.webpage .servicekehu_box .servicekehu_body ul {
  margin: -13px;
}
.webpage .servicekehu_box .servicekehu_body ul li {
  float: left;
  width: 25%;
  padding: 13px;
}
.webpage .servicekehu_box .servicekehu_body ul li .inbox {
  border: 1px solid #DCDCDC;
  height: 170px;
  padding-top: 10px;
  transition: all 0.3s;
}
.webpage .servicekehu_box .servicekehu_body ul li .inbox .img {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webpage .servicekehu_box .servicekehu_body ul li .inbox .img img {
  max-width: 90%;
  max-height: 100%;
}
.webpage .servicekehu_box .servicekehu_body ul li .inbox p {
  margin-top: 5px;
  text-align: center;
  font-size: 18px;
  transition: all 0.3s;
}
.webpage .school_box {
  padding: 100px 0;
}
.webpage .school_box .school_body {
  margin-top: 50px;
}
.webpage .school_box .school_body ul {
  margin: -15px;
}
.webpage .school_box .school_body ul li {
  float: left;
  width: 33.33%;
  padding: 15px;
}
.webpage .school_box .school_body ul li .inbox {
  border: 1px solid #DCDCDC;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.webpage .school_box .school_body ul li .inbox img {
  display: block;
  max-width: 90%;
  max-height: 90%;
}
.webpage .function_box {
  background-color: #F6F6F6;
  padding: 100px 0;
}
.webpage .function_box.food_box {
  background-color: #FFFFFF;
  padding-bottom: 0;
}
.webpage .function_box .food_img {
  margin: 0 -40px;
}
.webpage .function_box .food_img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.webpage .food_block .food_title {
  height: 138px;
  line-height: 138px;
  background-color: #FFFFFF;
  font-size: 28px;
}
.webpage .food_block .food_body {
  background-color: #F6F6F6;
  padding: 50px 0;
}
.webpage .food_block .food_body .function_ul {
  margin-top: 0;
  margin-bottom: 0;
}
.webpage .food_block.color_purse .food_title {
  color: #6F70FA;
}
.webpage .food_block.color_purse .food_body .function_ul .item:hover .inbox .p {
  color: #6F70FA;
}
.webpage .food_block.color_blue .food_title {
  color: #2A91F7;
}
.webpage .food_block.color_blue .food_body .function_ul .item:hover .inbox .p {
  color: #2C92F7;
}
.webpage .food_block.color_yellow .food_title {
  color: #FF8221;
}
.webpage .food_block.color_yellow .food_body .function_ul .item:hover .inbox .p {
  color: #FF8221;
}
.webpage .food_block.color_blueb .food_title {
  color: #1E76E4;
}
.webpage .food_block.color_blueb .food_body .function_ul .item:hover .inbox .p {
  color: #1E76E4;
}
.webpage .food_block.color_purseo .food_title {
  color: #6236FF;
}
.webpage .food_block.color_purseo .food_body .function_ul .item:hover .inbox .p {
  color: #6236FF;
}
.webpage .food_block.color_yellowo .food_title {
  color: #B08047;
}
.webpage .food_block.color_yellowo .food_body .function_ul .item:hover .inbox .p {
  color: #B08047;
}
.webpage .function_js {
  width: 90%;
  margin-top: 50px;
}
.webpage .function_js .item {
  float: left;
  width: 20%;
  color: #444444;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webpage .function_js .item span {
  display: block;
  width: 10px;
  height: 10px;
  background: #FF8221;
  border-radius: 50%;
  margin-right: 20px;
}
.webpage .function_ul {
  margin: 50px -10px 0;
}
.webpage .function_ul .item {
  float: left;
  width: 20%;
  padding: 10px;
}
.webpage .function_ul .item .inbox {
  height: 150px;
  background: #FFFFFF;
  text-align: center;
  padding-top: 30px;
  transition: all 0.3s;
}
.webpage .function_ul .item .inbox .icon {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.webpage .function_ul .item .inbox .icon img {
  transition: all 0.3s;
  max-height: 100%;
}
.webpage .function_ul .item .inbox .icon .img_de {
  display: block;
  opacity: 1;
}
.webpage .function_ul .item .inbox .icon .img_active {
  display: none;
  opacity: 0;
}
.webpage .function_ul .item .inbox .icon.spc_icon img {
  max-width: 40px;
  max-height: 35px;
}
.webpage .function_ul .item .inbox .p {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  margin-top: 20px;
  transition: all 0.3s;
}
.webpage .function_ul .item:hover .inbox {
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.1);
}
.webpage .function_ul .item:hover .inbox .icon .img_de {
  display: none;
  opacity: 0;
}
.webpage .function_ul .item:hover .inbox .icon .img_active {
  display: block;
  opacity: 1;
}
.webpage .function_ul .item:hover .inbox .p {
  color: #1E76E4;
}
.webpage .tit_hd {
  text-align: center;
}
.webpage .tit_hd .tt {
  line-height: 1.3;
  font-size: 36px;
  color: #333333;
}
.webpage .tit_hd .p {
  margin-top: 30px;
  line-height: 1.3;
  color: #777777;
  font-size: 18px;
}
.webpage .product_box {
  padding: 102px 0 92px;
}
.webpage .product_box .product_swiper {
  margin-top: 75px;
  position: relative;
}
.webpage .product_box .product_swiper .swiper-container {
  padding: 0 180px;
}
.webpage .product_box .product_swiper .swiper-slide {
  opacity: 0.5;
}
.webpage .product_box .product_swiper .swiper-slide .item p {
  font-size: 24px;
  text-align: center;
  margin-top: 20px;
  line-height: 1.5;
  color: #444444;
}
.webpage .product_box .product_swiper .swiper-button-prev,
.webpage .product_box .product_swiper .swiper-button-next {
  width: 46px;
  height: 62px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1px;
  background-size: 14px 34px;
  margin-top: -55px;
}
.webpage .product_box .product_swiper .swiper-button-prev {
  left: 180px;
}
.webpage .product_box .product_swiper .swiper-button-next {
  right: 180px;
}
.webpage .product_box .product_swiper .swiper-slide-active,
.webpage .product_box .product_swiper .swiper-slide-duplicate-active {
  opacity: 1;
}
.webpage .product_box .product_swiper img {
  display: block;
  width: 100%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.webpage .system_box {
  padding: 74px 0;
  background-color: #1E76E4;
}
.webpage .system_box .tit_hd {
  color: #FFFFFF;
}
.webpage .system_box .tit_hd .tt {
  color: #FFFFFF;
}
.webpage .system_box .tit_hd .p {
  color: #FFFFFF;
}
.webpage .system_box .system_body {
  margin: 66px -10px 0;
}
.webpage .system_box .system_body .item {
  float: left;
  width: 25%;
  padding: 0 10px;
}
.webpage .system_box .system_body .item .inbox {
  background: rgba(255, 255, 255, 0.1);
  height: 300px;
  padding: 45px 0 35px;
  color: #FFFFFF;
}
.webpage .system_box .system_body .item .inbox .icon {
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  text-align: center;
  transition: all 0.3s;
}
.webpage .system_box .system_body .item .inbox .icon img {
  max-height: 100%;
  max-width: 100%;
}
.webpage .system_box .system_body .item .inbox .tt {
  margin-top: 20px;
  margin-bottom: 15px;
  height: 40px;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  padding: 0 10px;
}
.webpage .system_box .system_body .item .inbox .p {
  font-size: 16px;
  line-height: 2;
  padding: 0 20px;
}
.webpage .technology_box {
  padding: 90px 0 82px;
}
.webpage .technology_box .technology_body {
  margin-top: 82px;
  border: 1px solid rgba(30, 118, 228, 0.4);
  padding: 25px;
}
.webpage .technology_box .technology_body img {
  display: block;
  width: 100%;
}
.webpage .safe_box {
  padding: 92px 0 63px;
  background-color: #F6F6F6;
}
.webpage .safe_box .safe_list {
  display: none;
  margin-top: 30px;
}
.webpage .safe_box .safe_list .item {
  position: relative;
  padding: 10px 0 10px 50px;
}
.webpage .safe_box .safe_list .item .img {
  position: absolute;
  left: 0;
  top: 10px;
}
.webpage .safe_box .safe_list .item .img img {
  width: 30px;
}
.webpage .safe_box .safe_list .item .word .tt {
  color: #444444;
  font-size: 16px;
  line-height: 1;
}
.webpage .safe_box .safe_list .item .word .p {
  color: #777777;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 6px;
}
.webpage .safe_box .safe_body {
  margin-top: 100px;
  position: relative;
}
.webpage .safe_box .safe_body .safe_img {
  width: 500px;
  margin: 0 auto;
}
.webpage .safe_box .safe_body .safe_img img {
  display: block;
  width: 400px;
  margin: 0 auto;
}
.webpage .safe_box .safe_body .btword {
  text-align: center;
  margin-top: 40px;
}
.webpage .safe_box .safe_body .safe_topleft,
.webpage .safe_box .safe_body .safe_topright,
.webpage .safe_box .safe_body .safe_bottomleft,
.webpage .safe_box .safe_body .safe_bottomright {
  width: 370px;
}
.webpage .safe_box .safe_body .safe_topleft {
  position: absolute;
  top: 0;
  left: 0;
}
.webpage .safe_box .safe_body .safe_topleft .word .tt {
  text-align: right;
}
.webpage .safe_box .safe_body .safe_topright {
  position: absolute;
  top: 0;
  right: 0;
}
.webpage .safe_box .safe_body .safe_bottomleft {
  position: absolute;
  top: 45%;
  left: 0;
}
.webpage .safe_box .safe_body .safe_bottomleft .word {
  text-align: right;
}
.webpage .safe_box .safe_body .safe_bottomright {
  position: absolute;
  top: 45%;
  right: 0;
}
.webpage .safe_box .safe_body .word .tt {
  color: #444444;
  font-size: 20px;
  line-height: 1;
}
.webpage .safe_box .safe_body .word .p {
  color: #777777;
  font-size: 16px;
  line-height: 2;
  margin-top: 10px;
}
.webpage .safe_box .safe_body img {
  display: block;
  width: 100%;
}
.webpage .consult_box {
  margin-top: 0 !important;
  background-color: #1E76E4;
  padding: 62px 0;
  text-align: center;
  color: #FFFFFF;
}
.webpage .consult_box h3 {
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
}
.webpage .consult_box .p {
  font-size: 22px;
  line-height: 1;
  margin: 30px 0 40px;
}
.webpage .consult_box .tle {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  margin-bottom: 40px;
  font-family: Helvetica;
}
.webpage .consult_box .tle img {
  width: 35px;
  margin-right: 30px;
}
.webpage .consult_box .btn_consult {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #1E76E4;
  font-size: 16px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 29px;
  transition: all 0.3s;
}
.webpage .app_banner {
  position: relative;
  width: 100%;
  z-index: 0;
}
.webpage .app_banner .fixbox {
  position: fixed;
  width: 100%;
  height: calc(100% - 60px);
  background: url(../images/app_bgimg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.webpage .app_banner .fixbox .appcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 44%;
  height: 100%;
  background: url(../images/app_bgcircle.png) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webpage .app_banner .fixbox .appcon h2 {
  color: #FFFFFF;
  font-size: 100px;
  line-height: 1;
  font-weight: normal;
  animation-delay: 0.4s;
}
.webpage .app_banner .fixbox .appcon .tt {
  color: #90EBE5;
  line-height: 1;
  font-weight: bold;
  font-size: 34px;
  margin: 40px 0;
  animation-delay: 0.7s;
}
.webpage .app_banner .fixbox .appcon .p {
  color: #FFFFFF;
  font-size: 30px;
  line-height: 1;
  animation-delay: 1s;
}
.webpage .app_banner .fixbox .appcon .zixun_btn {
  margin-top: 77px;
  display: block;
  width: 198px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  border-radius: 24px;
  color: #1E76E4;
  font-size: 28px;
  transition: all 0.3s;
  animation-delay: 1.4s;
}
.webpage .bgcolor_white {
  background: #FFFFFF;
  position: relative;
}
.webpage .bgcolor_white .tit_hd {
  width: 80%;
  margin: 0 auto;
}
.webpage .bgcolor_white .tit_hd .p {
  line-height: 2;
}
.webpage .yingyong_box {
  padding-top: 133px;
}
.webpage .yingyong_box .yingyong_ul {
  margin: 45px -15px 0;
}
.webpage .yingyong_box .yingyong_ul .item {
  float: left;
  width: 33.3333%;
  padding: 0 15px;
  display: block;
}
.webpage .yingyong_box .yingyong_ul .item .inbox {
  border: 1px solid #E2E2E2;
  padding: 64px 20px 40px;
  transition: all 0.3s;
  border-radius: 5px;
}
.webpage .yingyong_box .yingyong_ul .item .inbox .icon {
  height: 190px;
  transition: all 0.3s;
}
.webpage .yingyong_box .yingyong_ul .item .inbox .icon img {
  display: block;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}
.webpage .yingyong_box .yingyong_ul .item .inbox .word {
  margin-top: 68px;
  text-align: center;
}
.webpage .yingyong_box .yingyong_ul .item .inbox .word .tt {
  font-size: 20px;
}
.webpage .yingyong_box .yingyong_ul .item .inbox .word .p {
  margin-top: 10px;
  color: #777777;
  font-size: 18px;
  line-height: 1.8em;
  height: 3.6em;
}
.webpage .case_box {
  margin-top: 100px;
}
.webpage .case_box .case_ul {
  margin-top: 60px;
  display: flex;
}
.webpage .case_box .case_ul .case_left {
  flex: 1;
}
.webpage .case_box .case_ul .case_right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -7px 0 -7px 0;
  padding-left: 7px;
}
.webpage .case_box .case_ul .case_right .item {
  flex: 50%;
  padding: 7px;
}
.webpage .case_box .case_ul .item .inbox {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.webpage .case_box .case_ul .item .inbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.webpage .case_box .case_ul .item .inbox .word {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 20%, #000000 100%);
  padding: 40px 20px 0;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1;
}
.webpage .advand_box {
  margin-top: 100px;
}
.webpage .advand_box .advand_ul {
  margin-top: 50px;
}
.webpage .advand_box .advand_ul .item {
  float: left;
  width: 33.3333%;
  padding: 0 80px;
}
.webpage .advand_box .advand_ul .item .inbox .img {
  height: 150px;
  transition: all 0.3s;
}
.webpage .advand_box .advand_ul .item .inbox .img img {
  display: block;
  height: 100%;
  margin: 0 auto;
}
.webpage .advand_box .advand_ul .item .inbox .word {
  margin-top: 20px;
  text-align: center;
}
.webpage .advand_box .advand_ul .item .inbox .word .tt {
  color: #1E76E4;
  line-height: 1;
  font-size: 20px;
  font-weight: bold;
}
.webpage .advand_box .advand_ul .item .inbox .word .p {
  color: #777777;
  font-size: 18px;
  line-height: 1.8;
  margin-top: 16px;
}
.webpage .service_box {
  margin-top: 100px;
}
.webpage .service_box .service_ul {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.webpage .service_box .service_ul .item {
  width: 25%;
  height: 188px;
  display: flex;
  align-items: center;
  background-color: #F9F9F9;
  justify-content: center;
  text-align: center;
  animation-delay: 0.2s;
}
.webpage .service_box .service_ul .item .tt {
  font-size: 20px;
  line-height: 1.4;
}
.webpage .service_box .service_ul .item .p {
  margin-top: 10px;
  color: #777777;
  font-size: 18px;
}
.webpage .service_box .service_ul .item:nth-child(2),
.webpage .service_box .service_ul .item:nth-child(4),
.webpage .service_box .service_ul .item:nth-child(5),
.webpage .service_box .service_ul .item:nth-child(7) {
  background-color: #F2F2F2;
}
.webpage .service_box .service_ul .item:nth-child(4n+1) {
  animation-delay: 0s;
}
.webpage .service_box .service_ul .item:nth-child(4n+2) {
  animation-delay: 0.1s;
}
.webpage .service_box .service_ul .item:nth-child(4n+3) {
  animation-delay: 0.2s;
}
.webpage .service_box .service_ul .item:nth-child(4n+4) {
  animation-delay: 0.3s;
}
.webpage .deliver_box {
  margin-top: 100px;
}
.webpage .deliver_box .deliver_bg {
  margin-top: 60px;
  background: url(../images/app_devbg.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 90px 0;
}
.webpage .deliver_box .deliver_bg .deliver_ul {
  margin: 0 -10px;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item {
  float: left;
  width: 25%;
  padding: 10px;
  animation-delay: 0.2s;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item .inbox {
  background: #FFFFFF;
  padding: 10px 0;
  text-align: center;
  transition: all 0.3s;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item .inbox .icon {
  height: 60px;
  padding: 10px;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item .inbox .icon img {
  display: block;
  max-height: 100%;
  margin: 0 auto;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item .inbox p {
  margin-top: 10px;
  font-size: 20px;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item:nth-child(4n+1) {
  animation-delay: 0s;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item:nth-child(4n+2) {
  animation-delay: 0.1s;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item:nth-child(4n+3) {
  animation-delay: 0.2s;
}
.webpage .deliver_box .deliver_bg .deliver_ul .item:nth-child(4n+4) {
  animation-delay: 0.3s;
}
.webpage .zixun_box {
  background: url(../images/app_zixunbg.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 80px 0;
  text-align: center;
  color: #FFFFFF;
}
.webpage .zixun_box .tit {
  font-size: 40px;
  line-height: 1;
}
.webpage .zixun_box .zixun_btn {
  display: block;
  margin: 40px auto 0;
  width: 200px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  background: #1E76E4;
  border: 1px solid #1E76E4;
  border-radius: 5px;
  font-size: 16px;
  transition: all 0.3s;
}
.webpage .fileshx_box {
  margin-top: 89px;
}
.webpage .fileshx_box .fileshx_body {
  margin: 46px -15px 0;
}
.webpage .fileshx_box .fileshx_body .item {
  float: left;
  width: 25%;
  padding: 0 15px;
  transition: all 0.3s;
  cursor: pointer;
}
.webpage .fileshx_box .fileshx_body .item .inbox {
  padding: 42px 0 10px;
  border: 1px solid #F3F5FA;
  transition: all 0.3s;
  border-radius: 5px;
}
.webpage .fileshx_box .fileshx_body .item .inbox .icon {
  height: 103px;
  text-align: center;
  transition: all 0.3s;
}
.webpage .fileshx_box .fileshx_body .item .inbox .icon img {
  max-height: 100%;
  max-width: 100%;
}
.webpage .fileshx_box .fileshx_body .item .inbox .line {
  margin: 55px 39px 39px;
  height: 5px;
  background: url(../images/dang_line.png) no-repeat;
  background-size: 100% 100%;
}
.webpage .fileshx_box .fileshx_body .item .inbox .tt {
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.webpage .fileshx_box .fileshx_body .item .inbox .p {
  padding: 0 19px;
  color: #777777;
  font-size: 16px;
  text-align: center;
  line-height: 1.8em;
  height: 7.2em;
  overflow: hidden;
}
.webpage .filesfun_box {
  margin-top: 89px;
  margin-bottom: 90px;
}
.webpage .filesfun_box .filesfun_body {
  margin: 30px -30px -20px;
}
.webpage .filesfun_box .filesfun_body .item {
  float: left;
  width: 33.333%;
  padding: 20px 30px;
  cursor: pointer;
}
.webpage .filesfun_box .filesfun_body .item .inbox {
  transition: all 0.3s;
  height: 143px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 15px 26px 10px 8px;
  display: flex;
}
.webpage .filesfun_box .filesfun_body .item .inbox .word {
  margin-left: 20px;
}
.webpage .filesfun_box .filesfun_body .item .inbox .word .tt {
  font-size: 20px;
  line-height: 1.4;
}
.webpage .filesfun_box .filesfun_body .item .inbox .word .p {
  color: #777777;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 13px;
}
.webpage .filesfun_box .filesfun_body .item .fun_bg1 {
  background: url(../images/dang_icon001.png) no-repeat right bottom;
  background-size: 80px 65px;
}
.webpage .filesfun_box .filesfun_body .item .fun_bg2 {
  background: url(../images/dang_icon002.png) no-repeat right bottom;
  background-size: 80px 65px;
}
.webpage .filesfun_box .filesfun_body .item .fun_bg3 {
  background: url(../images/dang_icon003.png) no-repeat right bottom;
  background-size: 80px 65px;
}
.webpage .filesfun_box .filesfun_body .item .fun_bg4 {
  background: url(../images/dang_icon004.png) no-repeat right bottom;
  background-size: 80px 65px;
}
.webpage .filesfun_box .filesfun_body .item .fun_bg5 {
  background: url(../images/dang_icon005.png) no-repeat right bottom;
  background-size: 80px 65px;
}
.webpage .filesfun_box .filesfun_body .item .fun_bg6 {
  background: url(../images/dang_icon006.png) no-repeat right bottom;
  background-size: 80px 65px;
}
.webpage .files_system.system_box .system_body .item {
  cursor: pointer;
}
.webpage .files_system.system_box .system_body .item .inbox {
  padding: 29px 21px;
}
.webpage .files_system.system_box .system_body .item .inbox .icon {
  height: 61px;
  width: auto;
}
.webpage .files_system.system_box .system_body .item .inbox .tt {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 20px;
}
.webpage .files_system.system_box .system_body .item .inbox .p {
  padding: 0;
  line-height: 1.8em;
  height: 10em;
  overflow: auto;
}
.webpage .filesselect_box {
  margin-top: 90px;
  padding: 66px 0 83px;
  background: url(../images/dang_bg1.jpg) no-repeat;
  background-size: cover;
}
.webpage .filesselect_box .filesselect_body {
  margin: 20px -12px -15px;
}
.webpage .filesselect_box .filesselect_body .item {
  float: left;
  width: 50%;
  padding: 15px 12px;
  cursor: pointer;
}
.webpage .filesselect_box .filesselect_body .item .inbox {
  height: 142px;
  background: linear-gradient(180deg, #F7F8FB 0%, #FCFDFD 100%);
  border-radius: 8px;
  display: flex;
  padding: 27px 21px;
  transition: all 0.3s;
}
.webpage .filesselect_box .filesselect_body .item .icon {
  width: 30px;
}
.webpage .filesselect_box .filesselect_body .item .word {
  flex: 1;
  margin-left: 27px;
}
.webpage .filesselect_box .filesselect_body .item .word .tt {
  font-size: 20px;
  line-height: 1.4;
}
.webpage .filesselect_box .filesselect_body .item .word .p {
  color: #777777;
  font-size: 16px;
  line-height: 1.8;
  margin-top: 13px;
}
.webpage .filesdata_box {
  padding: 80px 0 0;
  background: url(../images/dang_bg2.png) #F7F8FB no-repeat bottom center;
  background-size: 1100px 342px;
  position: relative;
}
.webpage .filesdata_box .filesdata_body {
  margin-top: 78px;
  padding-bottom: 80px;
}
.webpage .filesdata_box .filesdata_body .item {
  float: left;
  width: 50%;
  padding: 38px 0 38px 170px;
}
.webpage .filesdata_box .filesdata_body .item .inbox {
  display: flex;
  align-items: center;
}
.webpage .filesdata_box .filesdata_body .item .inbox .number {
  color: #1E76E4;
  font-size: 40px;
}
.webpage .filesdata_box .filesdata_body .item .inbox .text {
  font-size: 20px;
  margin-left: 42px;
}
.webpage .filesdata_box .filesdata_js {
  position: absolute;
  bottom: -65px;
  left: 50%;
  width: 800px;
  height: 130px;
  margin-left: -400px;
  background: #FAFBFC;
  border-radius: 14px;
  padding: 0 50px 10px;
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 30px 2px rgba(0, 0, 0, 0.1);
}
.webpage .filesdata_box .filesdata_js .item {
  width: 33.333%;
  text-align: center;
  line-height: 1;
}
.webpage .filesdata_box .filesdata_js .item .p {
  margin-top: 10px;
  font-size: 20px;
}
.webpage .fileskehu_box {
  margin-top: 158px;
  margin-bottom: 90px;
}
.webpage .fileskehu_box .fileskehu_body {
  margin: 15px -22px -15px;
}
.webpage .fileskehu_box .fileskehu_body .item {
  padding: 15px 22px;
  float: left;
  width: 16.666%;
  cursor: pointer;
}
.webpage .fileskehu_box .fileskehu_body .item .inbox {
  height: 67px;
  line-height: 67px;
  border: 1px solid #F3F5FA;
  text-align: center;
  overflow: hidden;
  transition: all 0.3s;
}
.webpage .fileskehu_box .fileskehu_body .item .inbox img {
  max-width: 100%;
  max-height: 100%;
}
.webpage .buslive_box {
  background: #F7F8FB;
  padding: 85px 0;
}
.webpage .buslive_box .buslive_body {
  margin: 15px -15px -15px;
}
.webpage .buslive_box .buslive_body .item {
  float: left;
  width: 33.333%;
  padding: 15px;
  cursor: pointer;
}
.webpage .buslive_box .buslive_body .item .inbox {
  padding: 44px 40px 27px;
  background: #fff;
  text-align: center;
  transition: all 0.3s;
  border-radius: 5px;
}
.webpage .buslive_box .buslive_body .item .inbox .icon {
  height: 95px;
}
.webpage .buslive_box .buslive_body .item .inbox .tt {
  margin-top: 38px;
  font-size: 20px;
  line-height: 1.5;
}
.webpage .buslive_box .buslive_body .item .inbox .p {
  font-size: 16px;
  color: #777777;
  line-height: 1.8;
  margin-top: 10px;
}
.webpage .busfun_box {
  padding: 90px 0 80px;
}
.webpage .busfun_box .busfun_body {
  margin: 30px -10px 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.webpage .busfun_box .busfun_body .item {
  height: 200px;
  border: 1px solid #F3F5FA;
  border-radius: 5px;
  position: relative;
  flex-grow: 1;
  transition: 0.55s;
  width: 250px;
  padding: 25px 0;
  overflow: hidden;
  cursor: pointer;
}
.webpage .busfun_box .busfun_body .item .point-icon {
  opacity: 1;
  transition: 0.15s;
  visibility: visible;
}
.webpage .busfun_box .busfun_body .item .point-icon img {
  height: 100px;
  margin: 0 auto;
  display: block;
}
.webpage .busfun_box .busfun_body .item .point-bg {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 140px;
  height: 140px;
  opacity: 0;
  transition: 0.15s;
  visibility: hidden;
}
.webpage .busfun_box .busfun_body .item .point-bg img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.webpage .busfun_box .busfun_body .item .text {
  bottom: -20px;
  left: 0;
  padding: 0 0 30px;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translateY(80px);
  transition: transform 0.5s ease;
}
.webpage .busfun_box .busfun_body .item .text .tt {
  font-size: 20px;
  line-height: 1.5;
}
.webpage .busfun_box .busfun_body .item .text .p {
  color: #666666;
  font-size: 16px;
  opacity: 0;
  text-align: left;
  transition: 0.3s ease;
  visibility: hidden;
  line-height: 1.8;
  margin-top: 14px;
}
.webpage .busfun_box .busfun_body .item.active {
  box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.1);
  width: 390px;
  flex-grow: 10000;
}
.webpage .busfun_box .busfun_body .item.active .point-icon {
  opacity: 0;
  visibility: hidden;
}
.webpage .busfun_box .busfun_body .item.active .point-bg {
  opacity: 1;
  visibility: visible;
}
.webpage .busfun_box .busfun_body .item.active .text {
  left: 10px;
  text-align: left;
  transform: translateY(0);
  width: 255px;
  bottom: 6px;
}
.webpage .busfun_box .busfun_body .item.active .text .p {
  opacity: 1;
  visibility: visible;
}
.webpage .system_list .system_li {
  background: #F7F8FB;
  padding: 95px 0;
}
.webpage .system_list .system_li .system_body {
  display: flex;
  justify-content: space-between;
}
.webpage .system_list .system_li .system_body .img {
  width: 47%;
}
.webpage .system_list .system_li .system_body .word {
  width: 35%;
}
.webpage .system_list .system_li .system_body .word .tt_hd {
  font-size: 30px;
  line-height: 1.4;
  font-weight: bold;
}
.webpage .system_list .system_li .system_body .word .item {
  margin-top: 40px;
}
.webpage .system_list .system_li .system_body .word .item .tt {
  font-size: 20px;
  line-height: 2;
}
.webpage .system_list .system_li .system_body .word .item .p {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  color: #666666;
}
.webpage .system_list .system_li:nth-child(even) {
  background: #ffffff;
}
.webpage .system_list .system_li:nth-child(even) .system_body {
  flex-flow: row-reverse;
}
.webpage .system_list .system_li:nth-child(even) .system_body .word {
  width: 39%;
}
.webpage .busorg_box {
  background: #F7F8FB;
  padding: 65px 0 70px;
}
.webpage .busorg_box .busorg_body {
  margin: 40px -6px 0;
}
.webpage .busorg_box .busorg_body .item {
  float: left;
  width: 16.666%;
  padding: 0 6px;
  transition: all 0.3s;
  cursor: pointer;
}
.webpage .busorg_box .busorg_body .item .inbox {
  height: 190px;
  background: #FFFFFF;
  box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding-top: 30px;
}
.webpage .busorg_box .busorg_body .item .inbox .icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  background: #0091FF;
  border-radius: 8px;
  margin: 0 auto;
  color: #fff;
  font-size: 30px;
}
.webpage .busorg_box .busorg_body .item .inbox .text {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 37px;
}
.webpage .busorg_box .busorg_body .item:nth-child(2) .inbox .icon {
  background: #B620E0;
}
.webpage .busorg_box .busorg_body .item:nth-child(3) .inbox .icon {
  background: #44D7B6;
}
.webpage .busorg_box .busorg_body .item:nth-child(4) .inbox .icon {
  background: #FA6400;
}
.webpage .busorg_box .busorg_body .item:nth-child(5) .inbox .icon {
  background: #F7B500;
}
.webpage .busorg_box .busorg_body .item:nth-child(6) .inbox .icon {
  background: #6DD400;
}
.webpage .busadwan_box {
  padding: 90px 0 55px;
  background: url(../images/business_bg01.jpg) no-repeat;
  background-position: bottom center;
  background-size: 100% 100%;
}
.webpage .busadwan_box .busadwan_body {
  margin: 40px -12px 0;
}
.webpage .busadwan_box .busadwan_body .item {
  float: left;
  width: 50%;
  padding: 12px;
}
.webpage .busadwan_box .busadwan_body .item .inbox {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 27px;
  height: 142px;
}
.webpage .busadwan_box .busadwan_body .item .inbox .title {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.webpage .busadwan_box .busadwan_body .item .inbox .title img {
  height: 33px;
  margin-right: 20px;
}
.webpage .busadwan_box .busadwan_body .item .inbox .text {
  font-size: 16px;
  color: #777777;
  line-height: 1.6;
  margin-top: 10px;
  position: relative;
  padding-left: 20px;
}
.webpage .busadwan_box .busadwan_body .item .inbox .text .odt {
  width: 8px;
  height: 8px;
  background: #D8D8D8;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}
.webpage .buscase_box {
  background: #F7F8FB;
  padding: 90px 0 60px;
  margin-bottom: 90px;
}
.webpage .buscase_box .buscase_body {
  margin: 50px -10px 0;
}
.webpage .buscase_box .buscase_body .item {
  float: left;
  width: 20%;
  padding: 0 10px;
  transition: all 0.3s;
  cursor: pointer;
}
.webpage .buscase_box .buscase_body .item .inbox {
  display: block;
  text-align: center;
}
.webpage .buscase_box .buscase_body .item .inbox .img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.webpage .buscase_box .buscase_body .item .inbox .text {
  color: #444444;
  font-size: 18px;
}
.webpage .vistd_box {
  background: url(../images/vi_bg1.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 88px 0;
}
.webpage .vistd_box .vistd_body {
  margin: 40px 0 0;
  background: #ffffff;
}
.webpage .vistd_box .vistd_body .item {
  float: left;
  width: 25%;
  height: 200px;
  border-top: 1px solid #F3F5FA;
  border-left: 1px solid #F3F5FA;
  padding: 38px 0 0;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
.webpage .vistd_box .vistd_body .item .inbox .icon {
  height: 60px;
}
.webpage .vistd_box .vistd_body .item .inbox .icon img {
  max-height: 100%;
}
.webpage .vistd_box .vistd_body .item .inbox .p {
  font-size: 20px;
  line-height: 1;
  margin-top: 55px;
}
.webpage .vistd_box .vistd_body .item:nth-child(1),
.webpage .vistd_box .vistd_body .item:nth-child(4) {
  border-left: 0;
}
.webpage .vistd_box .vistd_body .item:nth-child(1),
.webpage .vistd_box .vistd_body .item:nth-child(2),
.webpage .vistd_box .vistd_body .item:nth-child(3),
.webpage .vistd_box .vistd_body .item:nth-child(4) {
  border-top: 0;
}
.webpage .visfunc_box {
  background: url(../images/vi_bg2.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding: 70px 0;
  color: #fff;
}
.webpage .visfunc_box .tit_hd .tt {
  color: #fff;
}
.webpage .visfunc_box .tit_hd .p {
  color: #fff;
}
.webpage .visfunc_box .visfunc_body {
  margin: 10px -33px -28px;
}
.webpage .visfunc_box .visfunc_body .item {
  float: left;
  width: 33.333%;
  padding: 28px 33px;
  cursor: pointer;
}
.webpage .visfunc_box .visfunc_body .item .inbox {
  padding: 15px 20px;
  display: flex;
  transition: all 0.3s;
  background: transparent;
  border-radius: 8px;
}
.webpage .visfunc_box .visfunc_body .item .inbox .icon {
  width: 35px;
  margin-right: 23px;
}
.webpage .visfunc_box .visfunc_body .item .inbox .icon img {
  width: 100%;
}
.webpage .visfunc_box .visfunc_body .item .inbox .word {
  flex: 1;
}
.webpage .visfunc_box .visfunc_body .item .inbox .word .tt {
  font-size: 20px;
  line-height: 1.4;
}
.webpage .visfunc_box .visfunc_body .item .inbox .word .p {
  font-size: 16px;
  line-height: 1.8em;
  margin-top: 13px;
  height: 7.2em;
  overflow: hidden;
}
.webpage .vislevel_box {
  background: url(../images/business_bg01.jpg) no-repeat;
  background-position: bottom center;
  background-size: 100% 100%;
  padding: 94px 0 115px;
}
.webpage .vislevel_box .vislevel_body {
  margin: 40px -27px 0;
}
.webpage .vislevel_box .vislevel_body .item {
  float: left;
  width: 25%;
  padding: 0 27px;
  cursor: pointer;
  position: relative;
}
.webpage .vislevel_box .vislevel_body .item .inbox {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  text-align: center;
  transition: all 0.3s;
  position: relative;
  z-index: 9;
}
.webpage .vislevel_box .vislevel_body .item .inbox .tt {
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 18px;
  background: #1E76E4;
}
.webpage .vislevel_box .vislevel_body .item .inbox .word {
  padding: 30px 0;
}
.webpage .vislevel_box .vislevel_body .item .inbox .word .icon {
  height: 78px;
  line-height: 78px;
}
.webpage .vislevel_box .vislevel_body .item .inbox .word .icon img {
  height: 100%;
}
.webpage .vislevel_box .vislevel_body .item .inbox .word .p {
  color: #666666;
  font-size: 16px;
  margin-top: 25px;
}
.webpage .vislevel_box .vislevel_body .item::after {
  content: '';
  display: block;
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 74px;
  height: 79px;
  background: url(../images/vi_icon19.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
}
.webpage .vislevel_box .vislevel_body .item:first-child::after {
  display: none;
}
.webpage .visneed_box {
  padding: 90px 0;
}
.webpage .visneed_box .visneed_body {
  margin-top: 36px;
  border: 1px solid #DCDCDC;
  border-radius: 7px;
  padding: 15px;
}
.webpage .visneed_box .visneed_body img {
  display: block;
  width: 100%;
}
.webpage .viscene_box {
  padding: 70px 0;
}
.webpage .viscene_box .viscene_body {
  margin-top: 40px;
}
.webpage .viscene_box .viscene_body .viscene_tab {
  width: 100%;
}
.webpage .viscene_box .viscene_body .viscene_tab .tab_hd {
  width: 1050px;
  height: 80px;
  line-height: 80px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 0 auto 40px;
  overflow: hidden;
}
.webpage .viscene_box .viscene_body .viscene_tab .tab_hd .li {
  width: 20%;
  height: 100%;
  position: relative;
  float: left;
  text-align: center;
  color: #444444;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.webpage .viscene_box .viscene_body .viscene_tab .tab_hd .li.on {
  background: url(../images/vi_bg5.jpg) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.webpage .viscene_box .viscene_body .viscene_tab .tab_hd .li.on::after {
  display: none;
}
.webpage .viscene_box .viscene_body .viscene_tab .tab_hd .li::after {
  content: '';
  display: block;
  width: 1px;
  height: 30px;
  background: #DCDCDC;
  position: absolute;
  left: 0;
  top: 25px;
}
.webpage .viscene_box .viscene_body .viscene_tab .tab_hd .li:first-child::after {
  display: none;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item {
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  visibility: hidden;
  position: absolute;
  z-index: -1;
  width: 1200px;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item .item {
  padding: 15px;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item img {
  display: block;
  width: 100%;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item .swiper-button-prev,
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item .swiper-button-next {
  width: 46px;
  height: 62px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1px;
  margin-top: -31px;
  background-size: 14px 34px;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item .swiper-button-prev {
  left: 20px;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item .swiper-button-next {
  right: 20px;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item .swiper-pagination {
  bottom: -50px;
  width: 100%;
  text-align: center;
  left: 0;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border: 1px solid #979797;
  opacity: 1;
  margin: 0 4px;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item .swiper-pagination .swiper-pagination-bullet-active {
  background: #1E76E4;
  border: 1px solid #1E76E4;
}
.webpage .viscene_box .viscene_body .viscene_tab .viscene_item.show {
  visibility: visible;
  z-index: 100;
  position: relative;
}
.webpage .visadwan_box {
  background: url(../images/vi_bg4.jpg) no-repeat;
  background-position: bottom center;
  background-size: 100% 100%;
  padding: 80px 0 100px;
}
.webpage .visadwan_box .visadwan_body {
  margin-top: 37px;
  background: url(../images/vi_bg6.png) no-repeat;
  background-size: 100% 100%;
  padding: 67px 100px;
  display: flex;
}
.webpage .visadwan_box .visadwan_body .visadwan_left {
  width: 33%;
}
.webpage .visadwan_box .visadwan_body .visadwan_left .li {
  height: 70px;
  line-height: 70px;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  padding: 0 20px 0 28px;
  border-left: 6px solid transparent;
  cursor: pointer;
  transition: all 0.3s;
}
.webpage .visadwan_box .visadwan_body .visadwan_left .li.on {
  color: #1E76E4;
  border-left: 6px solid #1E76E4;
  background: linear-gradient(270deg, rgba(228, 237, 255, 0) 0%, #E4EDFF 100%);
}
.webpage .visadwan_box .visadwan_body .visadwan_tab {
  flex: 1;
  position: relative;
}
.webpage .visadwan_box .visadwan_body .visadwan_tab .tab_body {
  display: flex;
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.webpage .visadwan_box .visadwan_body .visadwan_tab .tab_body.show {
  z-index: 100;
  visibility: visible;
}
.webpage .visadwan_box .visadwan_body .visadwan_center {
  padding: 0 67px;
  border-left: 1px solid #DCDCDC;
  height: 200px;
  margin-top: 30px;
}
.webpage .visadwan_box .visadwan_body .visadwan_right {
  flex: 1;
  padding-top: 40px;
}
.webpage .visadwan_box .visadwan_body .visadwan_right .tt {
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
}
.webpage .visadwan_box .visadwan_body .visadwan_right .line {
  margin: 26px 30px 29px;
  width: 140px;
  height: 5px;
  background: url(../images/vi_img04.png) no-repeat;
  background-size: 100% 100%;
}
.webpage .visadwan_box .visadwan_body .visadwan_right .p {
  font-size: 16px;
  line-height: 1.8;
}
.webpage .applet_banner {
  background: url(../images/banner_applet.png) no-repeat;
  background-size: cover;
}
.webpage .applet_banner .content {
  justify-content: space-between;
  flex-flow: initial;
}
.webpage .applet_banner .content .word {
  flex: 0 0 auto;
}
.webpage .applet_banner .content .word .tt {
  font-size: 36px;
}
.webpage .applet_banner .content .word .ttcolor {
  font-size: 50px;
  margin-top: 30px;
  background: linear-gradient(180deg, #FFFFFF 0%, #23CD97 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.webpage .applet_banner .content .word .p {
  font-size: 26px;
}
.webpage .applet_why {
  padding: 50px 0;
}
.webpage .applet_why .applet_why_body {
  margin-top: 47px;
}
.webpage .applet_why .applet_why_body ul li {
  float: left;
  text-align: center;
  height: 80px;
  line-height: 80px;
  color: #007BFF;
  font-size: 18px;
}
.webpage .applet_why .applet_why_body ul li:nth-child(3n+1) {
  width: 13.6%;
}
.webpage .applet_why .applet_why_body ul li:nth-child(3n+2) {
  width: 43.16%;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.webpage .applet_why .applet_why_body ul li:nth-child(3n+3) {
  width: 43.16%;
  color: #8CAAEF;
}
.webpage .applet_why .applet_why_body ul li:nth-child(6n+1),
.webpage .applet_why .applet_why_body ul li:nth-child(6n+2),
.webpage .applet_why .applet_why_body ul li:nth-child(6n+3) {
  background: #C6D5FF;
}
.webpage .applet_why .applet_why_body ul li:nth-child(6n+4),
.webpage .applet_why .applet_why_body ul li:nth-child(6n+5),
.webpage .applet_why .applet_why_body ul li:nth-child(6n+6) {
  background: #E2E9FF;
}
.webpage .applet_why .applet_why_body ul li:nth-child(1),
.webpage .applet_why .applet_why_body ul li:nth-child(2),
.webpage .applet_why .applet_why_body ul li:nth-child(3) {
  font-size: 20px;
}
.webpage .applet_why .applet_why_body ul li:nth-child(1),
.webpage .applet_why .applet_why_body ul li:nth-child(2) {
  font-weight: bold;
}
.webpage .applet_why .applet_why_body ul li:nth-child(2) {
  background: #007BFF;
  color: #FFFFFF;
}
.webpage .applet_why .applet_why_body ul li:nth-child(8),
.webpage .applet_why .applet_why_body ul li:nth-child(14) {
  background: #ffffff;
}
.webpage .applet_why .applet_why_body img {
  display: block;
  width: 100%;
}
.webpage .applet_submit {
  background: #F5F7FA;
  padding: 58px 0 74px;
}
.webpage .applet_submit .applet_submit_body {
  height: 195px;
  padding: 34px 67px 34px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url(../images/applet_bg04.jpg) no-repeat;
  background-size: contain;
}
.webpage .applet_submit .applet_submit_body .word {
  width: 38%;
  color: #FFFFFF;
}
.webpage .applet_submit .applet_submit_body .word .tit {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
}
.webpage .applet_submit .applet_submit_body .word .p {
  font-size: 20px;
  line-height: 1.2;
  margin: 7px 0 20px;
}
.webpage .applet_submit .applet_submit_body .word .phone {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.5;
}
.webpage .applet_submit .applet_submit_body .word .phone img {
  width: 22px;
}
.webpage .applet_submit .applet_submit_body .word .phone span {
  margin: 0 10px;
}
.webpage .applet_submit .applet_submit_body .form_box {
  width: 60%;
  height: 100%;
  background: #EAF0FF;
  border-radius: 5px;
  border: 2px solid #FFFFFF;
  overflow: hidden;
  padding: 7px 5px 0;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item {
  padding: 7px;
  float: left;
  position: relative;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input {
  background: #C6D5FF;
  border-radius: 3px;
  border: 1px solid #E4E6EA;
  height: 40px;
  display: block;
  width: 100%;
  padding: 10px;
  line-height: 20px;
  color: #003DE6;
  font-weight: 300;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input::-webkit-input-placeholder {
  color: #003DE6;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input:-moz-placeholder {
  color: #003DE6;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input::-moz-placeholder {
  color: #003DE6;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input:-ms-input-placeholder {
  color: #003DE6;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input.redStyle::-webkit-input-placeholder {
  color: #fe5858;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input.redStyle:-moz-placeholder {
  color: #fe5858;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input.redStyle::-moz-placeholder {
  color: #fe5858;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item .input.redStyle:-ms-input-placeholder {
  color: #fe5858;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item:nth-child(1) {
  width: 40%;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item:nth-child(2) {
  width: 60%;
}
.webpage .applet_submit .applet_submit_body .form_box .form_item:nth-child(3) {
  width: 70%;
}
.webpage .applet_submit .applet_submit_body .form_box .form_button {
  float: left;
  width: 26%;
  margin-left: 3%;
  display: block;
  margin-top: 7px;
  height: 40px;
  border: 0;
  background: #007BFF;
  border-radius: 3px;
  outline: none;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.webpage .applet_customized {
  padding: 50px 0;
}
.webpage .applet_customized .applet_customized_body {
  margin-top: 50px;
}
.webpage .applet_customized .applet_customized_body ul {
  margin: 0 -15px;
}
.webpage .applet_customized .applet_customized_body ul li {
  float: left;
  width: 33.333%;
  padding: 0 15px;
  animation-delay: 0.3s;
}
.webpage .applet_customized .applet_customized_body ul li .li_top {
  height: 140px;
  background: #007BFF;
  border-radius: 3px 3px 0px 0px;
  padding: 24px 20px 0;
  display: flex;
  justify-content: space-between;
}
.webpage .applet_customized .applet_customized_body ul li .li_top .word {
  width: 60%;
  color: #fff;
}
.webpage .applet_customized .applet_customized_body ul li .li_top .word .tit {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
}
.webpage .applet_customized .applet_customized_body ul li .li_top .word .p {
  line-height: 1.8;
  margin-top: 10px;
}
.webpage .applet_customized .applet_customized_body ul li .li_top .img img {
  display: block;
  width: 64px;
}
.webpage .applet_customized .applet_customized_body ul li .li_block {
  background: #FBFBFB;
  border-radius: 0px 0px 3px 3px;
  margin-top: 10px;
  padding: 20px 25px 20px;
}
.webpage .applet_customized .applet_customized_body ul li .li_block .li_center .lo {
  height: 42px;
  background: #FFFFFF;
  margin-top: 20px;
  display: flex;
  align-items: center;
  color: #616B90;
  font-size: 16px;
  padding: 0 20px;
}
.webpage .applet_customized .applet_customized_body ul li .li_block .li_center .lo img {
  width: 20px;
  margin-right: 16px;
}
.webpage .applet_customized .applet_customized_body ul li .li_block .li_center .lo:first-child {
  margin-top: 0 !important;
}
.webpage .applet_customized .applet_customized_body ul li .li_block .li_bottom {
  margin-top: 27px;
  height: 45px;
  text-align: center;
  border-radius: 3px;
  font-size: 16px;
}
.webpage .applet_customized .applet_customized_body ul li .li_block .li_bottom .button_bottom {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 43px;
  color: #007BFF;
  font-weight: bold;
  border: 1px solid #007BFF;
  transition: all 0.3s;
}
.webpage .applet_service {
  background: url(../images/applet_bg01.jpg) no-repeat;
  background-size: cover;
  height: 475px;
  padding: 47px 0;
}
.webpage .applet_service .applet_service_body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.webpage .applet_service .applet_service_body .word {
  color: #ffffff;
  width: 30%;
}
.webpage .applet_service .applet_service_body .word .tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4;
}
.webpage .applet_service .applet_service_body .word .p {
  font-size: 16px;
  color: #B3B3B3;
  line-height: 1.5;
  margin: 20px 0 60px;
}
.webpage .applet_service .applet_service_body .word .href {
  display: block;
  width: 216px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  background: #007BFF;
  box-shadow: 0px 6px 24px -4px rgba(0, 123, 255, 0.8);
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.3s;
}
.webpage .applet_service .applet_service_body .ul {
  width: 65%;
}
.webpage .applet_service .applet_service_body .ul .item {
  float: left;
  width: 50%;
  padding: 10px 18px;
  cursor: pointer;
  transition: all 0.2s linear;
  animation-delay: 0.3s;
}
.webpage .applet_service .applet_service_body .ul .item .inbox {
  height: 173px;
  background: hsla(0, 0%, 100%, 0.06);
  backdrop-filter: blur(10px);
  background-image: url(../images/applet_bg02.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: linear-gradient(180deg, rgba(21, 27, 51, 0.9) 0%, rgba(38, 39, 51, 0.95) 100%);
  padding: 16px 33px;
  color: #ffffff;
  position: relative;
}
.webpage .applet_service .applet_service_body .ul .item .inbox .topLine {
  width: 216px;
  height: 1px;
  position: absolute;
  top: 0;
  right: 14px;
  opacity: 0;
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff 48%, hsla(0, 0%, 100%, 0));
}
.webpage .applet_service .applet_service_body .ul .item .inbox .item_box .img {
  height: 40px;
}
.webpage .applet_service .applet_service_body .ul .item .inbox .item_box .img img {
  display: block;
  height: 100%;
}
.webpage .applet_service .applet_service_body .ul .item .inbox .item_box .tit {
  font-size: 20px;
  line-height: 1.4;
  margin: 18px 0 15px;
}
.webpage .applet_service .applet_service_body .ul .item .inbox .item_box .p {
  color: #B3B3B3;
  font-size: 18px;
  line-height: 1.4;
}
.webpage .applet_service .applet_service_body .ul .item .inbox::before {
  --size: 40px;
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(600px circle at var(--x) var(--y), hsla(0, 0%, 100%, 0.4), transparent 40%);
  background: radial-gradient(var(--size, 600px) circle at var(--x) var(--y), hsla(0, 0%, 100%, 0.4), transparent 40%);
  transition: opacity 0.5s;
}
.webpage .applet_service .applet_service_body .ul .item .inbox::after {
  content: "";
  display: block;
  width: 140px;
  height: 1px;
  bottom: 0;
  left: 20px;
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff 48%, hsla(0, 0%, 100%, 0));
  opacity: 0;
  position: absolute;
  --x: 671.5px;
  --y: 144px;
}
.webpage .applet_case {
  padding: 50px 0;
}
.webpage .applet_case .applet_case_body {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.webpage .applet_case .applet_case_body .img {
  width: 40%;
}
.webpage .applet_case .applet_case_body .img img {
  display: block;
  width: 100%;
}
.webpage .applet_case .applet_case_body .ul {
  width: 58%;
  margin: 0 -10px;
}
.webpage .applet_case .applet_case_body .ul .item {
  float: left;
  width: 33.333%;
  padding: 10px;
  transition: all 0.2s linear;
  animation-delay: 0.3s;
}
.webpage .applet_case .applet_case_body .ul .item .inbox {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #616B90;
  background: linear-gradient(180deg, #F4F6FA 0%, #FFFFFF 100%);
  box-shadow: 0px 6px 24px -4px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: 1px solid #FFFFFF;
}
.webpage .applet_custom {
  background: #F5F7FA;
  padding: 50px 0;
}
.webpage .applet_custom .applet_custom_body {
  margin-top: 40px;
}
.webpage .applet_custom .applet_custom_body .ul {
  margin: -10px -12px;
}
.webpage .applet_custom .applet_custom_body .ul .li {
  float: left;
  width: 14.28%;
  padding: 10px 12px;
  animation-delay: 0.5s;
  transition: all 0.2s linear;
}
.webpage .applet_custom .applet_custom_body .ul .li .inbox {
  height: 80px;
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.webpage .applet_custom .applet_custom_body .ul .li .inbox img {
  max-width: 80%;
  max-height: 70%;
}
.webpage .applet_flow {
  padding: 50px 0;
  margin: 0 !important;
}
.webpage .applet_flow .service_ul .item {
  transition: all 0.3s;
}
.webpage .applet_flow .service_ul .item .p {
  font-size: 16px;
  color: #616B90;
  margin-top: 22px;
}
.webpage .applet_deliver {
  background: url(../images/applet_bg05.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 0 !important;
  padding: 67px 0;
}
.webpage .applet_deliver .tit_hd {
  color: #fff;
}
.webpage .applet_deliver .tit_hd .tt {
  color: #fff;
}
.webpage .applet_deliver .tit_hd .p {
  color: #fff;
}
.webpage .applet_deliver .deliver_bg {
  margin-top: 34px;
  background: transparent;
  padding: 0 !important;
}
.webpage .applet_qualifications {
  padding: 50px 0 82px;
  background: url(../images/applet_bg06-1.jpg) no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.webpage .applet_qualifications .applet_qualifications_body {
  margin-top: 30px;
}
.webpage .applet_qualifications .applet_qualifications_body .ul {
  margin: 0 -14px;
}
.webpage .applet_qualifications .applet_qualifications_body .ul .li {
  float: left;
  width: 20%;
  padding: 0 14px;
  transition: all 0.2s linear;
  animation-delay: 0.5s;
}
.webpage .applet_qualifications .applet_qualifications_body .ul .li img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
@keyframes jump {
  from {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
.modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  cursor: pointer;
  display: none;
}
.modal_content {
  display: none;
  width: 500px;
  height: auto;
  background: url(../images/applet_bg07.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 28px 80px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}
.modal_content .btn_close {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #616B90;
  font-size: 25px;
  line-height: 40px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
  font-weight: 300;
}
.modal_content .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 20px;
}
.modal_content .tit .icon {
  width: 30px;
  height: 30px;
  background: url(../images/applet_icon_correct.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 12px;
}
.modal_content .text {
  margin: 16px 0;
  text-align: center;
  color: #616B90;
  line-height: 2.1;
}
.modal_content .text a {
  color: #007BFF;
}
.modal_content .btn_know {
  cursor: pointer;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background: #007BFF;
  border-radius: 3px;
  margin: 0 auto;
  transition: all 0.3s;
}
.right_c {
  position: fixed;
  /* height: 330px; */
  width: 64px;
  background: #fff;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}
.right_c .item {
  width: 64px;
  height: 70px;
  border-bottom: 1px solid #EDF0F5;
  text-align: center;
  color: #222526;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  position: relative;
  padding-top: 10px;
  transition: all 0.3s;
}
.right_c .item .number {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: red;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-family: "microsoft yahei";
}
.right_c .item .icon {
  height: 26px;
  margin-bottom: 10px;
  position: relative;
}
.right_c .item .icon i {
  position: absolute;
  top: -2px;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: red;
}
.right_c .item .icon_zixun {
  background: url(../images/left_fixed_zixun.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item .icon_phone {
  background: url(../images/left_fixed_phone.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item .icon_baojia {
  background: url(../images/left_fixed_baojia.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item .icon_wechat {
  background: url(../images/left_fixed_wechat.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item .icon_wechat .i_more {
  width: 14px;
  height: 8px;
  line-height: 8px;
  background: red;
  position: absolute;
  left: 35px;
  top: 3px;
  border-radius: 3px;
  color: #fff;
  letter-spacing: -1px;
  text-align: center;
}
.right_c .item .icon_jianyi {
  background: url(../images/left_fixed_jianyi.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item .phone-zixun {
  display: none;
  position: absolute;
  width: 190px;
  height: 70px;
  left: 79px;
  top: 0px;
  text-align: center;
  line-height: 70px;
  font-size: 18px;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  background: #fff;
  color: #333;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: 'FZZhengHeiS-M-GB';
}
.right_c .item .wx-ewm {
  display: none;
  position: absolute;
  width: 160px;
  height: 178px;
  left: 79px;
  top: 0px;
  text-align: center;
  line-height: 1;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  background: #fff;
  color: #333;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: 'FZZhengHeiS-M-GB';
  font-size: 14px;
}
.right_c .item .wx-ewm img {
  width: 140px;
  margin-top: 10px;
  margin-bottom: 3px;
}
.right_c .item:last-child {
  border-bottom: 0;
}
.right_c .item:hover {
  color: #fff;
  background: #0166ce;
}
.right_c .item:hover .icon_zixun {
  background: url(../images/left_fixed_zixun_h.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item:hover .icon_phone {
  background: url(../images/left_fixed_phone_h.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item:hover .icon_baojia {
  background: url(../images/left_fixed_baojia_h.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item:hover .icon_wechat {
  background: url(../images/left_fixed_wechat_h.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item:hover .icon_jianyi {
  background: url(../images/left_fixed_jianyi_h.png) no-repeat;
  background-position: center center;
  background-size: 26px;
}
.right_c .item:hover .second_box {
  display: block;
}
.bottom_nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
  overflow: hidden;
  height: calc(50px + constant(safe-area-inset-bottom));
  height: calc(50px + env(safe-area-inset-bottom));
}
.bottom_nav .item {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 50px;
  position: relative;
}
.bottom_nav .item .inbox {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #0166ce;
}
.bottom_nav .item .inbox .icon {
  margin-right: 6px;
}
.bottom_nav .item .inbox .icon-phone {
  width: 26px;
  height: 26px;
  background: url(../images/left_fixed_phone.png) no-repeat;
  background-position: center center;
  background-size: 100%;
}
.bottom_nav .item .inbox .icon-zixun {
  width: 26px;
  height: 26px;
  background: url(../images/left_fixed_baojia.png) no-repeat;
  background-position: center center;
  background-size: 100%;
}
.bottom_nav .item:first-child::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 13px;
  width: 1px;
  height: 24px;
  background: #0166ce;
}
.ems_lunbo_box {
  margin-top: 88px;
}
.ems_lunbo_box .ems_lunbo_body {
  margin-top: 40px;
  position: relative;
}
.ems_lunbo_box .ems_lunbo_body .inbox {
  overflow: hidden;
}
.ems_lunbo_box .ems_lunbo_body .inbox img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.ems_lunbo_box .ems_lunbo_body .inbox p {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #1E76E4;
  color: #FFFFFF;
  font-size: 20px;
}
.ems_lunbo_box .ems_lunbo_body .swiper-button-prev,
.ems_lunbo_box .ems_lunbo_body .swiper-button-next {
  width: 19px;
  height: 40px;
}
.ems_lunbo_box .ems_lunbo_body .swiper-button-prev {
  left: -50px;
  background-image: url(../images/icon_zhi_left_h.svg);
}
.ems_lunbo_box .ems_lunbo_body .swiper-button-prev.swiper-button-disabled {
  background-image: url(../images/icon_zhi_left.svg);
}
.ems_lunbo_box .ems_lunbo_body .swiper-button-next {
  right: -50px;
  background-image: url(../images/icon_zhi_right_h.svg);
}
.ems_lunbo_box .ems_lunbo_body .swiper-button-next.swiper-button-disabled {
  background-image: url(../images/icon_zhi_right.svg);
}
.ems_what {
  background: url(../images/zhi_bg01.png) no-repeat;
  background-size: cover;
  padding: 60px 0 74px;
}
.ems_what .ems_what_body {
  margin-top: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ems_what .ems_what_body .ems_what_img {
  width: 49%;
}
.ems_what .ems_what_body .ems_what_img img {
  display: block;
  width: 100%;
}
.ems_what .ems_what_body .ems_what_word {
  width: 46%;
}
.ems_what .ems_what_body .ems_what_word .ems_what_tt {
  color: #444444;
  text-align: center;
  font-size: 20px;
}
.ems_what .ems_what_body .ems_what_word .ems_what_li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 30px;
}
.ems_what .ems_what_body .ems_what_word .ems_what_li p {
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #FFFFFF;
  background: #1E76E4;
  margin-top: 20px;
  font-size: 20px;
}
.ems_function {
  margin-bottom: 80px;
}
.ems_function .ems_function_body {
  margin-top: 56px;
}
.ems_function .ems_function_body .ul {
  margin: -15px;
}
.ems_function .ems_function_body .ul .li {
  float: left;
  width: 25%;
  padding: 15px;
}
.ems_function .ems_function_body .ul .li .inbox {
  border-radius: 5px;
  border: 1px solid #F3F5FA;
  background: url(../images/zhi_bg02.png) no-repeat;
  background-size: 100%;
  background-position: top center;
  padding: 20px;
  transition: all 0.3s;
}
.ems_function .ems_function_body .ul .li .inbox .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.ems_function .ems_function_body .ul .li .inbox .p {
  color: #777777;
  font-size: 16px;
  line-height: 1.8em;
  height: 7.2em;
  margin-top: 16px;
  overflow: hidden;
}
.ems_sceen {
  background: url(../images/zhi_bg03.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 57px 0 70px;
}
.ems_sceen .ems_sceen_body {
  margin-top: 50px;
}
.ems_sceen .ems_sceen_body .ul {
  margin: 0 -15px;
}
.ems_sceen .ems_sceen_body .ul .li {
  float: left;
  width: 25%;
  padding: 0 15px;
}
.ems_sceen .ems_sceen_body .ul .li .inbox {
  overflow: hidden;
}
.ems_sceen .ems_sceen_body .ul .li img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.ems_sceen .ems_sceen_body .ul .li .tit {
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #FFFFFF;
  background: #1E76E4;
  font-size: 18px;
  margin: 10px 0;
}
.ems_sceen .ems_sceen_body .ul .li .p {
  padding: 0 15px;
}
.ems_sceen .ems_sceen_body .ul .li .p p {
  background: url(../images/zhi_img16.svg) no-repeat;
  background-size: 16px 16px;
  background-position: left center;
  padding-left: 30px;
  line-height: 36px;
  color: #444444;
  font-size: 16px;
}
.ems_step {
  padding: 80px 0;
}
.ems_step .ems_step_body {
  margin-top: 44px;
}
.ems_step .ems_step_body .ul {
  margin: 0 -15px;
}
.ems_step .ems_step_body .ul .li {
  float: left;
  width: 33.333%;
  padding: 0 15px;
}
.ems_step .ems_step_body .ul .li .inbox {
  box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 28px 20px;
  transition: all 0.3s;
}
.ems_step .ems_step_body .ul .li .inbox .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
.ems_step .ems_step_body .ul .li .inbox .word {
  padding-left: 30px;
}
.ems_step .ems_step_body .ul .li .inbox .word .lo {
  margin-top: 20px;
}
.ems_step .ems_step_body .ul .li .inbox .word .lo .lo_tt {
  color: #1E76E4;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.ems_step .ems_step_body .ul .li .inbox .word .lo .p {
  margin-top: 10px;
  color: #777777;
  font-size: 16px;
  line-height: 1.8em;
  min-height: 5.4em;
}
.ems_step .ems_step_body .ul .li .inbox .word .lo:last-child .p {
  height: 9em;
}
.ems_step .ems_step_body .ul .li:nth-child(1) .inbox {
  background: url(../images/zhi_img18.svg) no-repeat;
  background-size: 57px 50px;
  background-position: right -5px;
}
.ems_step .ems_step_body .ul .li:nth-child(2) .inbox {
  background: url(../images/zhi_img19.svg) no-repeat;
  background-size: 57px 50px;
  background-position: right -7px;
}
.ems_step .ems_step_body .ul .li:nth-child(3) .inbox {
  background: url(../images/zhi_img20.svg) no-repeat;
  background-size: 57px 50px;
  background-position: right -7px;
}
.ems_case {
  background: #F5F7FA;
  padding: 50px 0 59px;
}
.ems_case .ems_case_body {
  margin-top: 44px;
  background: #fff;
  box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 60px 36px 60px 50px;
  display: flex;
  justify-content: space-between;
}
.ems_case .ems_case_body .word {
  width: 45%;
  padding-right: 60px;
  padding-top: 10px;
}
.ems_case .ems_case_body .word .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
.ems_case .ems_case_body .word .titt {
  color: #1E76E4;
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 10px;
}
.ems_case .ems_case_body .word .p {
  color: #777777;
  font-size: 16px;
  line-height: 1.8;
}
.ems_case .ems_case_body .word .pp {
  color: #777777;
  font-size: 16px;
  line-height: 1.8;
  margin-top: 30px;
}
.ems_case .ems_case_body .img {
  width: 53%;
}
.ems_case .ems_case_body .img img {
  display: block;
  width: 100%;
}
.common_pages {
  padding: 0 0 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common_pages a {
  min-width: 36px;
  height: 36px;
  padding: 0 6px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #ddd;
  color: #666;
  margin: 0 5px;
  transition: all 0.3s;
}
.common_pages .page-select {
  background: #1e76e4;
  color: #fff;
  border-color: #1e76e4;
}
.recommon_block {
  margin-top: 40px;
}
.recommon_block .recommon_title {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: bold;
}
.recommon_block .ul {
  margin: 0 -10px;
}
.recommon_block .ul li {
  float: left;
  width: 33.333%;
  padding: 0 10px;
}
.recommon_block .ul li .inbox {
  display: block;
  width: 100%;
}
.recommon_block .ul li .inbox .conbox {
  overflow: hidden;
}
.recommon_block .ul li .inbox img {
  display: block;
  width: 100%;
  transition: all 0.35s;
}
.recommon_block .ul li .inbox .word {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #444444;
  font-size: 18px;
  font-family: 'siyuan';
  overflow: hidden;
}