html {
  font-size: 62.5%;
  background: #fff;
  /*10 ÷ 16 × 100% = 62.5%*/
}
body {
  font-family: "microsoft yahei", "sans-serif", "华文细黑", "黑体" !important;
  overflow-x: hidden;
  background: #fff;
}
ol,
li {
  list-style: none;
}
header,
footer,
#main {
  width: 100%;
}
#main {
  position: relative;
  z-index: 2;
}
header {
  position: relative;
}
/*css3*/
.clear:after {
  display: block;
  content: '';
  clear: both;
}
.czspjz {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
}
.before {
  display: block;
  content: '';
}
.after {
  display: block;
  content: '';
}
/*正常屏幕*/
.header_top {
  line-height: 37px;
  background: #121212;
  font-size: 12px;
  color: #989898;
}
.header_top a {
  color: #989898;
}
.header_top small {
  font-size: 12px;
}
.header_top p {
  float: right;
}
.header_top p span {
  background: url("../images/header_ico1.png") no-repeat left center;
  padding-left: 20px;
  padding-right: 15px;
}
.header_top p span b {
  color: #ffae00;
  font-size: 14px;
}
.header_top p a {
  background: url("../images/header_ico2.png") no-repeat left center;
  padding-left: 25px;
  position: relative;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.header_top p a img {
  position: absolute;
  left: -1px;
  top: 26px;
  width: 100px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.header_top p a:hover {
  color: #fff;
}
.header_top p a:hover img {
  visibility: visible;
  opacity: 1;
}
.header_top p a:nth-of-type(2) {
  background: url("../images/header_ico3.png") no-repeat left center;
  padding-left: 20px;
  margin-left: 10px;
}
.header_top p a:nth-of-type(3) {
  background: url("../images/header_ico4.png") no-repeat left center;
  padding-left: 20px;
  margin-left: 10px;
}
/************************header************************/
.pc-nav {
  position: fixed;
  left: 0;
  top: 37px;
  z-index: 100;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.pc-nav .container .logo_bg {
  margin-top: 16px;
  float: left;
}
.pc-nav ul {
  width: 72%;
  float: right;
}
.pc-nav ul li {
  float: left;
  font-size: 16px;
  width: 12.28571429%;
  text-align: center;
  position: relative;
}
.pc-nav ul li:last-of-type {
  background: #fff;
  border-radius: 30px;
  margin-top: 19px;
  width: 13%;
  float: right;
}
.pc-nav ul li:last-of-type > a {
  line-height: 35px;
  height: 35px;
  color: #323232;
  font-size: 14px;
}
.pc-nav ul li:hover > a {
  color: #3171ff;
}
.pc-nav ul li:hover .sub-nav {
  opacity: 1;
  visibility: visible;
}
.pc-nav ul li:hover .sub-nav:after {
  width: 100%;
}
.pc-nav ul li:hover .sub-nav i {
  top: -22px;
  opacity: 1;
}
.pc-nav ul li.nav_act a {
  color: #3171ff;
}
.pc-nav ul li.nav_act a:before {
  top: 0;
}
.pc-nav ul li > a {
  display: block;
  color: #fff;
  position: relative;
  height: 72px;
  line-height: 72px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.pc-nav ul li > a span {
  position: relative;
  z-index: 2;
}
.pc-nav ul li > a span.sub_fa {
  background: url(../images/nav_ico1.png) no-repeat right center;
  display: inline-block;
  padding-right: 12px;
}
.pc-nav ul li:nth-of-type(3) .sub-nav a {
  padding: 0 10px;
}
.pc-nav ul li .sub-nav {
  z-index: 3;
  text-align: left;
  position: absolute;
  width: 175px;
  box-sizing: border-box;
  background: #fff;
  left: -20px;
  top: 72px;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.pc-nav ul li .sub-nav i {
  color: #3171ff;
  position: absolute;
  left: 49px;
  top: -35px;
  font-size: 25px;
  opacity: 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.pc-nav ul li .sub-nav:after {
  display: block;
  content: '';
  width: 0;
  height: 3px;
  background: #3171ff;
  position: absolute;
  left: 0;
  top: 0;
  transition: 800ms ease;
  -webkit-transition: 800ms ease;
}
.pc-nav ul li .sub-nav a {
  display: block;
  color: #2c4479;
  font-size: 14px;
  margin-top: 10px;
}
.pc-nav ul li .sub-nav a.new_pro span {
  background: url("../images/new.jpg") no-repeat right center;
  padding-right: 40px;
}
.pc-nav ul li .sub-nav a:nth-of-type(1) {
  margin-top: 0;
}
.pc-nav ul li .sub-nav a:hover {
  font-weight: bold;
  text-decoration: underline;
}
.logo_bg a {
  display: block;
}
.pc-nav-animate {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.72);
}
/*放大缩小动画*/
@keyframes scaleAnimate {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
@-webkit-keyframes scaleAnimate {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
  }
}
/*小屏幕手机*/
.mobile-nav .h-nav-g {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 60px;
  background: #fff;
  transition: 300ms;
  -webkit-transition: 300ms;
  border-bottom: 1px solid #ccc;
}
.mobile-nav .h-nav-g h1 img {
  position: absolute;
  max-height: 40px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.mobile-nav .h-nav-g h2 img {
  position: absolute;
  max-height: 40px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.mobile-nav .h-nav-g .btn_i {
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.mobile-nav .h-nav-g .btn_i small,
.mobile-nav .h-nav-g .btn_i:before,
.mobile-nav .h-nav-g .btn_i:after {
  display: block;
  content: '';
  width: 24px;
  height: 2px;
  background: #202020;
  border-radius: 4px;
  margin: 6px 0;
}
.mobile-nav .h-nav-g .btn_i_click small {
  opacity: 0;
}
.mobile-nav .h-nav-g .btn_i_click:before {
  transform: rotateZ(45deg);
  transform-origin: 0px 6px;
}
.mobile-nav .h-nav-g .btn_i_click:after {
  transform: rotateZ(-45deg);
  transform-origin: 5px -1px;
}
.mobile-nav .h-nav-g .i_tel {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-image: url("../images/tel.png");
  position: absolute;
  right: 15px;
  top: 0;
  height: 60px;
  width: 40px;
}
.mobile-nav .ul-small {
  background: #3a3a3a;
  overflow-y: scroll;
  width: 220px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
  transform: translateX(220px);
  transition: 300ms;
  -webkit-transition: 300ms;
  -webkit-transform: translateX(220px);
}
.mobile-nav .ul-small ul {
  margin-top: 20px;
}
.mobile-nav .ul-small ul li > a {
  padding-right: 30px;
  line-height: 48px;
  display: block;
  position: relative;
  padding-left: 20%;
  color: #767676;
  font-size: 14px;
  border-bottom: 1px solid rgba(118, 118, 118, 0.52);
}
.mobile-nav .ul-small ul li > a:before {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  border: 2px solid #767676;
  position: absolute;
  left: 8%;
  top: 50%;
  margin-top: -5px;
  border-radius: 50%;
}
.mobile-nav .ul-small ul li > a:after {
  display: block;
  content: '+';
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-weight: bold;
  font-size: 20px;
}
.mobile-nav .ul-small ul li.after_none > a:after {
  display: none;
}
.mobile-nav .ul-small ul li:last-child > a:after {
  display: none;
}
.mobile-nav .ul-small ul li:nth-of-type(1) > a:after {
  display: none;
}
.mobile-nav .ul-small ul li p {
  display: none;
  background: #19191a;
}
.mobile-nav .ul-small ul li p > a {
  line-height: 55px;
  font-size: 14px;
  color: #767676;
  padding-left: 20%;
  position: relative;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  display: block;
}
.mobile-nav .ul-small ul li p > a:after {
  display: block;
  content: '';
  position: absolute;
  left: 8%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-weight: bold;
  font-size: 20px;
  width: 7px;
  height: 11px;
  background: url("../images/menu_bg3.png") no-repeat center;
  background-size: cover;
}
.mobile-nav .ul-small ul li.li_click > a {
  color: #fff;
}
.mobile-nav .ul-small ul li.li_click > a:before {
  background: #ffc801;
  border: 2px solid #ffc801;
}
.mobile-nav .ul-small ul li.li_click > a:after {
  content: '-';
  color: #767676;
}
.mobile-nav .translate {
  transform: translateX(-220px);
  -webkit-transform: translateX(-220px);
}
.mobile-nav .translate2 {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
/*banner*/
.banner {
  clear: both;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.banner .swiper-slide {
  position: relative;
}
.banner_txt {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.banner_txt .container {
  position: relative;
  height: 100%;
}
.banner_txt .banner_txt_con {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  width: 100%;
  height: 100%;
}
.banner_txt .banner_txt_con:after {
  display: block;
  content: '';
  clear: both;
}
.banner_txt .banner_txt_con .b_t_left {
  position: absolute;
  left: 0;
  top: 56%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #fff;
}
.banner_txt .banner_txt_con .b_t_left b {
  display: block;
  font-size: 35px;
  margin-bottom: 3%;
  font-weight: 400;
}
.banner_txt .banner_txt_con .b_t_left small {
  display: block;
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 200;
}
.banner_txt .banner_txt_con .b_t_left a {
  display: inline-block;
  width: 122px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  border-radius: 205px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  background: #3171ff;
}
.banner_txt .banner_txt_con .b_t_left a:hover {
  background: #ffb605;
  color: #fff;
}
.banner .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  display: inline-block;
  border-radius: 5px;
  background: #919190;
  opacity: .4;
}
.banner .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.banner2 {
  height: 460px;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
}
.banner2 .container {
  position: relative;
  height: 100%;
}
.banner2 .info_banner_text {
  color: #fff;
  top: 31%;
  position: absolute;
  left: 0;
}
.banner2 .info_banner_text b {
  display: block;
  font-size: 45px;
  font-weight: 300;
}
.banner2 .info_banner_text > span {
  display: block;
  font-size: 16px;
  font-weight: 300;
  margin: 10px auto 30px;
}
.banner2 .info_banner_text a {
  width: 122px;
  line-height: 36px;
  height: 36px;
  margin-left: 0;
}
.c-banner {
  background-image: url("../images/com_banner.jpg");
}
.new-banner {
  background-image: url("../images/new_banner.jpg");
}
.contact_banner {
  background-image: url("../images/contact_banner.jpg");
}
.case_banner {
  background-image: url("../images/case_banner.jpg");
}
.product_banner {
  background-image: url("../images/product_banner.jpg");
}
.seo_banner {
  background-image: url("../images/seo_banner.jpg");
}
/*main*/
/*---------------------------------------------------------------service----------------------------------------------------------------------------*/
.main-title {
  text-align: center;
  padding: 5% 0 4% 0;
}
.main-title h3 {
  font-size: 35px;
  color: #2d3138;
  font-weight: 300;
  margin-bottom: 20px;
}
.main-title small {
  display: block;
  font-size: 16px;
  color: #60656b;
  font-weight: 200;
}
.main-title2 h3,
.main-title2 small {
  color: #fff;
}
.service .swiper_service_list {
  overflow: hidden;
  position: relative;
  padding-bottom: 40px;
}
.service .ser_list li {
  width: 33.3%;
  float: left;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-left: 0;
}
.service .ser_list li:nth-of-type(1) {
  border-left: 1px solid #ccc;
}
.service .ser_list li .ser_list_t {
  display: flex;
  display: -webkit-box;
  align-items: center;
  padding: 25px 0;
  background: #373d41;
  justify-content: center;
  text-align: center;
}
.service .ser_list li .ser_list_t div {
  width: 100%;
}
.service .ser_list li .ser_list_t div > * {
  display: block;
}
.service .ser_list li .ser_list_t div p {
  width: 85px;
  height: 85px;
  display: flex;
  text-align: center;
  display: -webkit-flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  margin: 0 auto 20px auto;
  position: relative;
  background: url("../images/service_bg.png") no-repeat center;
  background-size: cover;
}
.service .ser_list li .ser_list_t div p:before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.service .ser_list li .ser_list_t div b {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}
.service .ser_list li .ser_list_t div small {
  font-size: 14px;
  color: #919699;
}
.service .ser_list li .ser_list_t div:hover p:before {
  top: 101%;
  opacity: 1;
}
.service .ser_list li .ser_list_b {
  box-sizing: border-box;
  padding: 25px;
}
.service .ser_list li .ser_list_b p {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service .ser_list li .ser_list_b p a {
  display: block;
  width: 48%;
  line-height: 45px;
  border: 1px solid #e7e9ef;
  text-align: center;
  margin-bottom: 10px;
  color: #373d41;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.service .ser_list li .ser_list_b p a span {
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.service .ser_list li .ser_list_b p a:hover span {
  color: #fff;
}
.msg_btn {
  width: 45%;
  line-height: 35px;
  margin: 10px auto 0 auto;
  background: #3171ff;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  display: block;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  overflow: hidden;
}
.msg_btn:hover {
  background: #ffae00;
}
/*---------------------------------------------------------------match----------------------------------------------------------------------------*/
.match {
  padding-bottom: 5%;
}
.match .match_list li {
  width: 16.66666667%;
  float: left;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-left: 0;
  height: 200px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.match .match_list li:nth-of-type(1) {
  border-left: 1px solid #ccc;
}
.match .match_list li:hover p img {
  transform: translateY(-5px) scale(0.9);
}
.match .match_list li:hover p span {
  transform: translateY(5px) scale(1.2);
}
.match .match_list li p {
  text-align: center;
}
.match .match_list li p > * {
  display: block;
}
.match .match_list li p img {
  height: 45px;
  margin: 0 auto;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.match .match_list li p span {
  display: block;
  margin-top: 20px;
  color: #2d3138;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
/*---------------------------------------------------------------case----------------------------------------------------------------------------*/
.flex {
  display: flex;
  display: -webkit-flex;
}
.case {
  background: url("../images/case_bg.jpg") no-repeat center;
  background-attachment: fixed;
  overflow: hidden;
  padding-bottom: 5%;
}
.case .case_list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case .case_list li {
  width: 24%;
}
.case .case_list li p {
  height: 210px;
  position: relative;
  background: #000;
}
.case .case_list li p:after {
  display: block;
  content: '';
  width: 80%;
  height: 80%;
  border: 1px solid #fff;
  opacity: 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
}
.case .case_list li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.case .case_list li div {
  background: #fff;
  padding: 8%;
}
.case .case_list li div > * {
  display: block;
}
.case .case_list li div b {
  font-size: 18px;
  color: #363636;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.case .case_list li div small {
  margin-top: 10px;
  font-size: 14px;
  color: #909090;
  min-height: 40px;
}
.case .case_list li:hover img {
  opacity: 0.4;
}
.case .case_list li:hover p:after {
  opacity: 1;
  width: 90%;
  height: 90%;
}
.case .case_list li:hover b {
  color: #3171ff;
}
.case .case_btn {
  overflow: hidden;
  width: 108px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #3171ff;
  color: #3171ff;
  text-align: center;
  margin: 5% auto 0 auto;
  display: block;
}
.case .case_btn:hover {
  border: 1px solid #ffae00;
}
/*---------------------------------------------------------------pile----------------------------------------------------------------------------*/
.pile {
  overflow: hidden;
  padding-bottom: 5%;
}
.pile .pile_list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 0 50px;
  flex-wrap: wrap;
}
.pile .pile_list li {
  width: 26%;
  text-align: center;
  padding: 20px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.pile .pile_list li:hover {
  background: #fff;
  box-shadow: 0px 3px 10px #ccc;
}
.pile .pile_list li p img {
  height: 109px;
}
.pile .pile_list li div > * {
  display: block;
}
.pile .pile_list li div b {
  font-size: 24px;
  color: #2d3138;
  margin: 8% 0 5%;
}
.pile .pile_list li div small {
  font-size: 14px;
  color: #7C7C7D;
}
/*---------------------------------------------------------------news----------------------------------------------------------------------------*/
.news {
  position: relative;
  overflow: hidden;
  padding-bottom: 5%;
}
.news canvas {
  height: 100%;
}
.news .news_b {
  background: #f6f8ff;
}
.news .news_b .msg_btn {
  width: 120px;
  margin: 3% auto 0 auto;
}
.news .container {
  position: relative;
  z-index: 2;
}
.news .news_list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news .news_list .news_list_type {
  width: 32%;
}
.news .news_list .news_list_type p {
  position: relative;
  overflow: hidden;
}
.news .news_list .news_list_type p img {
  max-width: 100%;
}
.news .news_list .news_list_type p span {
  display: block;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
}
.news .news_list .news_list_type ol {
  background: #fff;
  padding: 0 8%;
  border: 1px solid #f2f2f2;
}
.news .news_list .news_list_type ol li {
  font-size: 14px;
}
.news .news_list .news_list_type ol li a {
  display: block;
  color: #4d4d4d;
  overflow: hidden;
  padding: 5% 0;
  border-bottom: 1px solid #f2f2f2;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.news .news_list .news_list_type ol li a i {
  float: right;
}
.news .news_list .news_list_type ol li:hover a {
  color: #3171ff !important;
}
/*---------------------------------------------------------------friends----------------------------------------------------------------------------*/
.friend {
  overflow: hidden;
  padding-bottom: 7%;
}
.friend_list {
  background: #fff;
  overflow: hidden;
}
.friend_list ul {
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.friend_list ul li {
  float: left;
  width: 15%;
  position: relative;
  height: 95px;
  margin-bottom: 2%;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.friend_list ul li img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  max-height: 100%;
  max-width: 100%;
}
.friend_list ul li i {
  background: #ccc;
  position: absolute;
  transition: 200ms ease;
  -webkit-transition: 200ms ease;
}
.friend_list ul li i:nth-of-type(1) {
  left: 0;
  top: 0;
  height: 1px;
  width: 0;
}
.friend_list ul li i:nth-of-type(2) {
  right: 0;
  top: 0;
  width: 1px;
  height: 0;
  transition-delay: 0.2s;
}
.friend_list ul li i:nth-of-type(3) {
  right: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  transition-delay: 0.4s;
}
.friend_list ul li i:nth-of-type(4) {
  left: 0;
  bottom: 0;
  width: 1px;
  height: 0;
  transition-delay: 0.6s;
}
.friend_list ul li:hover {
  box-shadow: 0 1px 5px #ccc;
  transition-delay: 0.7s;
}
.friend_list ul li:hover i:nth-of-type(1) {
  width: 100%;
}
.friend_list ul li:hover i:nth-of-type(2) {
  height: 100%;
}
.friend_list ul li:hover i:nth-of-type(3) {
  width: 100%;
}
.friend_list ul li:hover i:nth-of-type(4) {
  height: 100%;
}
/*---------------------------------------------------------------footer----------------------------------------------------------------------------*/
.footer_form {
  background: url("../images/bottom_form_bg.jpg") no-repeat center;
  background-size: cover;
  padding: 3% 0;
}
.footer_form h4 {
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 300;
}
.footer_form .footer_form_text {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  display: block;
}
.footer_form form {
  width: 60%;
  display: block;
  line-height: 45px;
  height: 45px;
  margin: 2.5% auto;
}
.footer_form form div {
  width: 80%;
  position: relative;
  background: #fff;
  float: left;
}
.footer_form form div input {
  border: 0;
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  background: none;
  text-indent: 40px;
  height: 47px;
}
.footer_form form div .input__label {
  position: absolute;
  top: 0;
  font-size: 16px;
  color: #acafb5;
  font-weight: 300;
  left: 10px;
}
.footer_form form div .input__label i {
  transform: translateX(-20px);
  opacity: 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  display: inline-block;
}
.footer_form form div .input__label span {
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  display: inline-block;
}
.footer_form form div .input__label--kohana i {
  transform: translateX(0);
  opacity: 1;
}
.footer_form form div .input__label--kohana span {
  transform: translateX(100px);
  opacity: 0;
}
.footer_form form button {
  width: 20%;
  float: left;
  background: none;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 18px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.footer_form form button:hover {
  color: #ffae00;
}
footer {
  overflow: hidden;
  color: #545660;
}
footer a {
  color: #545660;
}
footer a:hover {
  color: #fff;
}
.footer_bottom {
  background: #212330;
}
.footer_bottom .foo_bot_ys {
  border-bottom: 1px solid #2d2f3a;
}
.footer_bottom .foo_bot_ys ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.footer_bottom .foo_bot_ys ul li {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 25px 0;
}
.footer_bottom .foo_bot_ys ul li span {
  width: 56px;
  height: 56px;
  line-height: 56px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
}
.footer_bottom .foo_bot_ys ul li small {
  font-size: 16px;
  color: #9f9f9f;
  padding-left: 10px;
}
.footer_bottom .foo_bot_links {
  padding-top: 3%;
}
.footer_bottom .foo_bot_links {
  overflow: hidden;
}
.footer_bottom .foo_bot_links_l {
  width: 55%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  float: left;
}
.footer_bottom .foo_bot_links_l dl dt {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 400;
}
.footer_bottom .foo_bot_links_l dl dd {
  font-size: 14px;
  color: #545660;
  margin-bottom: 5px;
}
.footer_bottom .foo_bot_links_l dl dd a {
  color: #545660;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.footer_bottom .foo_bot_links_l dl dd a:hover {
  color: #fff;
}
.footer_bottom .foo_bot_links_ewm {
  float: right;
  overflow: hidden;
}
.footer_bottom .foo_bot_links_ewm ul li {
  float: left;
  width: 50%;
  padding-left: 5px;
  text-align: center;
  box-sizing: border-box;
}
.footer_bottom .foo_bot_links_ewm ul li img {
  max-width: 100%;
}
.footer_bottom .foo_bot_links_ewm ul li small {
  display: block;
  font-size: 14px;
  color: #545660;
  margin-top: 10px;
}
.footer_bottom .foo_bot_others {
  padding: 20px 0;
  border-top: 1px solid #2d2f3a;
  border-bottom: 1px solid #2d2f3a;
  margin-top: 3%;
}
.footer_bottom .foo_bot_admin {
  text-align: center;
  padding: 20px 0;
}
.footer_mob {
  background: #3171ff;
  overflow: hidden;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1000;
}
.footer_mob li {
  width: 25%;
  color: #fff;
  float: left;
  padding: 10px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
}
.footer_mob li:nth-of-type(1) {
  border-left: 0;
}
.footer_mob li a {
  color: #fff;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.footer_mob li a > * {
  display: block;
}
.footer_mob li a i {
  font-size: 18px;
  padding-right: 10px;
}
.footer_mob li a span {
  font-size: 16px;
}
/*---------------------------------------------------------------seo----------------------------------------------------------------------------*/
#info {
  padding: 0 0 5% 0;
}
.info2 {
  padding: 0 !important;
}
.info_title {
  text-align: center;
  font-size: 34px;
  color: #393939;
  padding: 4% 0;
}
.info_title b {
  display: block;
  background: url("../images/info_title.png") no-repeat center;
}
.info_title small {
  display: block;
  font-size: 18px;
  color: #545454;
  font-weight: 300;
  margin-top: 10px;
  text-transform: uppercase;
}
.info_title img {
  margin: 25px auto;
}
.what_seo_ys {
  font-size: 18px;
  color: #545454;
  font-weight: 300;
  line-height: 35px;
  width: 80%;
  margin: 0 auto 30px auto;
  text-align: center;
  display: block;
}
#certify {
  position: relative;
  width: 100%;
  margin: 8% auto 0 auto;
}
#certify .swiper-container {
  padding-bottom: 60px;
}
#certify .swiper-slide {
  width: 520px;
  height: 408px;
  background: #fff;
  box-shadow: 0 8px 30px #ddd;
}
#certify .swiper-slide img {
  display: block;
  max-width: 100%;
}
#certify .swiper-slide p {
  line-height: 98px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 1.1em;
  margin: 0;
}
#certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}
#certify .swiper-button-prev {
  left: -30px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
  outline: none;
}
#certify .swiper-button-next {
  right: -30px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 -93px;
  background-size: 100%;
  outline: none;
}
#certify .swiper-slide-active {
  border: 1px solid #3171ff;
  box-sizing: border-box;
  padding: 10px;
}
.why_seo {
  background: #f5f9fa;
  padding-bottom: 5%;
  margin-top: 3%;
}
.why_seo_list li {
  height: 372px;
  width: 24%;
  background: #fff;
  margin-left: 1%;
  float: left;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  border: 1px solid transparent;
}
.why_seo_list li p {
  padding-top: 30px;
}
.why_seo_list li p > * {
  display: block;
}
.why_seo_list li p span {
  display: table-cell;
  height: 115px;
  vertical-align: middle;
  text-align: center;
  width: 24%;
}
.why_seo_list li p b {
  font-size: 18px;
  color: #373737;
  font-weight: 300;
  text-align: center;
  margin: 30px auto;
}
.why_seo_list li p small {
  font-size: 14px;
  color: #838383;
  padding: 0 4%;
  font-weight: 300;
  line-height: 25px;
}
.why_seo_list li img {
  margin: 0 auto;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.why_seo_list li:nth-of-type(1) {
  margin-left: 0;
}
.why_seo_list li:hover {
  background: #F5F9FA;
  border: 1px solid #3171ff;
}
.why_seo_list li:hover img {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
}
.target_seo_list li {
  width: 25%;
  float: left;
  padding: 0 5%;
  font-size: 14px;
  color: #838383;
  position: relative;
}
.target_seo_list li:nth-of-type(1) {
  top: 100px;
}
.target_seo_list li:nth-of-type(2) {
  top: 70px;
}
.target_seo_list li:nth-of-type(3) {
  top: 30px;
}
/*---------------------------------------------------------------百度多产品 bd_more----------------------------------------------------------------------------*/
.bd_xcx {
  color: #fff;
  padding: 20px 0;
  text-align: center;
  position: relative;
}
.bd_xcx img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bd_xcx p {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.bd_xcx p > * {
  display: block;
}
.bd_xcx p b {
  font-size: 24px;
  font-weight: 400;
}
.bd_xcx p small {
  font-size: 16px;
}
.bd_xcx .bd_xcx_btn {
  width: 172px;
  line-height: 40px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  display: inline-block;
  margin-left: 8%;
  position: relative;
  z-index: 2;
}
.bd_xcx .bd_xcx_btn span {
  font-weight: 400;
}
.bd_xcx .bd_xcx_btn:hover {
  border-color: #ffae00;
  color: #fff;
}
.bd_xcx .bd_xcx_btn:hover:after {
  color: #fff;
}
.bd_xcx .bd_xcx_btn:hover span {
  color: #fff;
}
.bd_more_list_wrap {
  background: #f5f5f5;
  padding-top: 5%;
  margin-top: 3%;
  padding-bottom: 5%;
}
.bd_more_list_wrap .bd_more_list {
  overflow: hidden;
}
.bd_more_list_wrap .bd_more_list li {
  float: left;
  width: 32%;
  margin-left: 2%;
  background: #fff;
  margin-bottom: 2%;
}
.bd_more_list_wrap .bd_more_list li:nth-of-type(1) {
  margin-left: 0;
}
.bd_more_list_wrap .bd_more_list li:nth-of-type(4) {
  margin-left: 0;
}
.bd_more_list_wrap .bd_more_list li span {
  display: block;
  height: 140px;
  width: 100%;
}
.bd_more_list_wrap .bd_more_list li span img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bd_more_list_wrap .bd_more_list li div {
  padding: 8% 6%;
  height: 250px;
}
.bd_more_list_wrap .bd_more_list li div b {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #3c3c3c;
  margin-bottom: 10px;
}
.bd_more_list_wrap .bd_more_list li div small {
  display: block;
  color: #656565;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
}
/*---------------------------------------------------------------百度多产品 info_bd_more----------------------------------------------------------------------------*/
.info_bd_more_one_all {
  margin-bottom: 5%;
}
.info_bd_more_one_all p {
  overflow: hidden;
  border: 1px solid #d2d2d2;
}
.info_bd_more_one_all p a {
  display: block;
  float: left;
  width: 12.5%;
  line-height: 52px;
  text-align: center;
  font-size: 18px;
  color: #3c3c3c;
  box-sizing: border-box;
  border-left: 1px solid #d2d2d2;
}
.info_bd_more_one_all p a:nth-of-type(1) {
  border-left: 0;
}
.info_bd_more_one_all2 p a {
  width: 14.28%;
}
.info_bd_more_one_list {
  overflow: hidden;
  margin-bottom: 140px;
}
.info_bd_more_one_list li {
  display: none;
}
.info_bd_more_one_list li:nth-of-type(1) {
  display: block;
}
.info_bd_more_one_list .info_bd_more_one_list_left {
  float: left;
  width: 51%;
}
.info_bd_more_one_list .info_bd_more_one_list_left > * {
  display: block;
}
.info_bd_more_one_list .info_bd_more_one_list_left b {
  font-size: 36px;
  color: #343434;
  font-weight: 400;
}
.info_bd_more_one_list .info_bd_more_one_list_left small {
  font-size: 16px;
  color: #5b5b5b;
  font-weight: 300;
  margin: 30px 0 70px;
  line-height: 25px;
}
.info_bd_more_one_list .info_bd_more_one_list_left a {
  width: 132px;
  line-height: 42px;
  border-radius: 0;
  margin-left: 0;
}
.info_bd_more_one_list .info_bd_more_one_list_right {
  float: right;
  width: 40%;
}
.info_bd_more_one_list .info_bd_more_one_list_right > * {
  display: block;
}
.info_bd_more_one_list .info_bd_more_one_list_right img {
  max-width: 100%;
  height: 326px;
  width: auto;
  margin: 0 auto;
}
a.more_active button {
  color: #fff;
}
a.more_active button:before {
  opacity: 1;
  background-color: #3171FF;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
/*---------------------------------------------------------------工业电商 online_sales----------------------------------------------------------------------------*/
.font-light {
  font-weight: 300;
}
.font-regular {
  font-weight: 400;
}
/*online_sales_one*/
.online_sales_one {
  padding-bottom: 5%;
}
.online_sales_one .online_sales_one_txt {
  display: block;
  font-size: 18px;
  color: #545454;
  width: 80%;
  margin: 0 auto 5%;
  text-align: center;
  font-weight: 300;
}
.online_sales_one .online_sales_one_list {
  position: relative;
  padding-bottom: 60px;
}
.online_sales_one .online_sales_one_list img {
  display: block;
  margin: 0 auto;
  width: 61%;
}
.online_sales_one .online_sales_one_list ul li {
  position: absolute;
}
.online_sales_one .online_sales_one_list ul li > * {
  display: block;
}
.online_sales_one .online_sales_one_list ul li b {
  width: 144px;
  line-height: 44px;
  background: #3171ff;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 400;
}
.online_sales_one .online_sales_one_list ul li small {
  font-size: 16px;
  font-weight: 300;
  margin-top: 15px;
}
.online_sales_one .online_sales_one_list ul li:nth-of-type(1),
.online_sales_one .online_sales_one_list ul li:nth-of-type(2) {
  top: 60px;
}
.online_sales_one .online_sales_one_list ul li:nth-of-type(3),
.online_sales_one .online_sales_one_list ul li:nth-of-type(4) {
  bottom: 30px;
}
.online_sales_one .online_sales_one_list ul li:nth-of-type(2) b,
.online_sales_one .online_sales_one_list ul li:nth-of-type(4) b {
  float: right;
}
.online_sales_one .online_sales_one_list ul li:nth-of-type(odd) {
  left: 0;
}
.online_sales_one .online_sales_one_list ul li:nth-of-type(even) {
  right: 0;
}
.online_sales_one .online_sales_one_adv {
  border: 1px solid #3171ff;
  padding: 2% 3%;
  width: 80%;
  margin: 3% auto 0 auto;
  position: relative;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.online_sales_one .online_sales_one_adv:after,
.online_sales_one .online_sales_one_adv:before {
  display: block;
  content: '';
  width: 8px;
  height: 40px;
  background: #43c364;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.online_sales_one .online_sales_one_adv:after {
  left: -4px;
}
.online_sales_one .online_sales_one_adv:before {
  right: -4px;
}
.online_sales_one .online_sales_one_adv span {
  display: block;
  font-size: 16px;
  color: #666666;
  line-height: 25px;
  font-weight: 300;
}
.online_sales_one .online_sales_one_adv:hover {
  background: rgba(238, 238, 238, 0.55);
}
.online_sales_one .online_sales_one_adv:hover:after {
  margin-top: 0;
  top: 0;
}
.online_sales_one .online_sales_one_adv:hover:before {
  margin-top: -40px;
  top: 100%;
}
/*online_sales_two*/
.info_title2 b {
  background: url("../images/info_title2.png") no-repeat center;
}
.online_sales_two {
  background: #05005b;
  padding-bottom: 5%;
}
.online_sales_two .info_title b {
  color: #fff;
}
/*online_sales_three*/
.online_sales_three {
  margin-bottom: 2%;
}
.online_sales_three .online_sales_three_txt {
  margin-top: -2%;
}
.online_sales_three .online_sales_three_txt small {
  font-weight: 300;
  font-size: 18px;
  color: #545454;
  text-align: center;
  display: block;
}
.online_sales_three .online_sales_three_list {
  margin-top: 4%;
}
.online_sales_three .online_sales_three_list li {
  float: left;
  width: 14%;
  margin-left: 3%;
  padding-top: 145px;
  background-repeat: no-repeat;
  background-position: center top;
}
.online_sales_three .online_sales_three_list li:nth-of-type(1) {
  margin-left: 0;
  background-image: url("../images/online_sales_three_img1.png");
}
.online_sales_three .online_sales_three_list li:nth-of-type(2) {
  background-image: url("../images/online_sales_three_img2.png");
}
.online_sales_three .online_sales_three_list li:nth-of-type(3) {
  background-image: url("../images/online_sales_three_img3.png");
}
.online_sales_three .online_sales_three_list li:nth-of-type(4) {
  background-image: url("../images/online_sales_three_img4.png");
}
.online_sales_three .online_sales_three_list li:nth-of-type(5) {
  background-image: url("../images/online_sales_three_img5.png");
}
.online_sales_three .online_sales_three_list li:nth-of-type(6) {
  background-image: url("../images/online_sales_three_img6.png");
}
.online_sales_three .online_sales_three_list li > * {
  display: block;
}
.online_sales_three .online_sales_three_list li b {
  font-size: 20px;
  color: #424142;
  text-align: center;
  margin: 10px auto;
}
.online_sales_three .online_sales_three_list li small {
  font-size: 14px;
  color: #919191;
  font-weight: 300;
}
/*online_sales_four*/
.online_sales_four_list {
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
}
.online_sales_four_list li {
  float: left;
  width: 20%;
  text-align: center;
  font-size: 18px;
  color: #666666;
}
.online_sales_four_list li > img {
  margin-top: 60px;
}
.online_sales_four_list li > * {
  display: block;
}
.online_sales_four_list li b {
  font-weight: 400;
  margin-top: 15px;
}
.online_sales_four_list li span {
  margin: 5px 0;
}
.online_sales_four_txt {
  background: #0e113c;
  padding: 3% 4%;
  border-radius: 10px;
  margin-top: 4%;
}
.online_sales_four_txt b {
  color: #fff;
  display: block;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.online_sales_four_txt p {
  overflow: hidden;
}
.online_sales_four_txt p span {
  display: block;
  width: 22.6%;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  margin-left: 3%;
  float: left;
  font-size: 18px;
  font-weight: 300;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.online_sales_four_txt p span:hover {
  border-radius: 10px;
}
.online_sales_four_txt p span:nth-of-type(1) {
  margin-left: 0;
}
.online_sales_four_txt p span:nth-of-type(odd) {
  background: #3171ff;
}
.online_sales_four_txt p span:nth-of-type(even) {
  background: #39c963;
}
/*online_sales_five*/
.online_sales_five {
  background: #f5f5f5;
  padding-bottom: 3%;
}
.online_sales_five .online_sales_five_txt {
  font-weight: 300;
  font-size: 18px;
  color: #545454;
  text-align: center;
  display: block;
  width: 80%;
  margin: 0 auto;
}
.online_sales_five_why {
  overflow: hidden;
  background: #fff;
  border: 1px solid #e7e7e7;
  margin-top: 4%;
  height: 500px;
}
.online_sales_five_left {
  width: 23%;
  float: left;
  border-right: 1px solid #e7e7e7;
  height: 100%;
}
.online_sales_five_left li {
  font-size: 15px;
  color: #626262;
  padding: 25px 0;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
}
.online_sales_five_left li:after {
  display: block;
  content: '';
  width: 2px;
  background: #3171ff;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.online_sales_five_left li.online_active:after {
  height: 100%;
}
.online_sales_five_right {
  float: right;
  width: 77%;
}
.online_sales_five_right li {
  font-size: 14px;
  color: #626262;
  font-weight: 300;
  line-height: 26px;
  padding: 3%;
  display: none;
}
.online_sales_five_right li:nth-of-type(1) {
  display: block;
}
/*online_sales_six*/
.online_sales_six {
  margin-bottom: 3%;
}
.online_sales_six_list {
  overflow: hidden;
}
.online_sales_six_list li {
  float: left;
  width: 7%;
  margin-left: 6.2%;
  text-align: center;
}
.online_sales_six_list li img {
  height: 50px;
}
.online_sales_six_list li:nth-of-type(1) {
  margin-left: 0;
}
.online_sales_six_list li span {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  color: #393939;
  font-weight: 300;
}
/*online_sales_seven*/
.online_sales_seven {
  overflow: hidden;
}
.online_sales_seven_left {
  width: 49%;
  float: left;
  background: #0e113c;
  padding: 30px;
  height: 460px;
  box-sizing: border-box;
  border-radius: 20px;
}
.online_sales_seven_left b {
  display: block;
  color: #fff;
  font-size: 18px;
}
.online_sales_seven_left .online_sales_seven_left_b {
  margin-top: 30px;
}
.online_sales_seven_left p small {
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  background: url("../images/online_sales_six_bg.png") no-repeat left center;
  padding-left: 30px;
  margin-top: 20px;
  box-sizing: border-box;
  font-weight: 300;
}
.online_sales_seven_left .online_sales_seven_left_1 small {
  width: 49%;
}
.online_sales_seven_right {
  width: 49%;
  float: right;
  border: 2px dotted #0e113c;
  padding: 30px;
  height: 460px;
  box-sizing: border-box;
  border-radius: 20px;
}
.online_sales_seven_right b {
  font-size: 18px;
  color: #0E113C;
}
.online_sales_seven_right dl dt {
  font-size: 16px;
  color: #0e113c;
  background: url("../images/online_sales_six_bg.png") no-repeat left center;
  padding-left: 30px;
  margin-top: 20px;
  margin-bottom: 3%;
}
.online_sales_seven_right dl dd {
  font-size: 16px;
  color: #7e7e7e;
  font-weight: 300;
  display: inline-block;
}
/*---------------------------------------------------------------工业电商案例 case_online----------------------------------------------------------------------------*/
.case_online_t {
  background: #f5f5f5;
}
.case_online .case_online_list {
  background: #f5f5f5;
  overflow: hidden;
}
.case_online .case_online_list li {
  width: 32%;
  float: left;
  margin-left: 1%;
  background: #fff;
  border-radius: 10px 10px 0 0;
  text-align: center;
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 2% 0;
  cursor: pointer;
}
.case_online .case_online_list li.case_online_active {
  background: #0e113c;
}
.case_online .case_online_list li.case_online_active span b {
  color: #fff;
}
.case_online .case_online_list li.case_online_active span small {
  color: #5d6077;
}
.case_online .case_online_list li:nth-of-type(1) {
  margin-left: 0;
}
.case_online .case_online_list li span {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 60px;
  text-align: left;
}
.case_online .case_online_list li span > * {
  display: block;
}
.case_online .case_online_list li span b {
  font-size: 24px;
  color: #db2103;
  font-weight: 400;
}
.case_online .case_online_list li span small {
  font-size: 16px;
  color: #c9c9c9;
  text-transform: uppercase;
  font-weight: 300;
}
.case_online .case_online_list li:nth-of-type(1) span {
  background-image: url("../images/case_online_ico1.png");
}
.case_online .case_online_list li:nth-of-type(2) span {
  background-image: url("../images/case_online_ico2.png");
}
.case_online .case_online_list li:nth-of-type(3) span {
  background-image: url("../images/case_online_ico3.png");
}
.case_online_txt {
  background: url("../images/case_online_bg.jpg") no-repeat center top;
}
.case_online_txt_list ul {
  overflow: hidden;
  padding-top: 8%;
  margin-bottom: 5%;
}
.case_online_txt_list ul li {
  float: left;
  width: 33.3%;
  color: #fff;
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 55px;
}
.case_online_txt_list ul li:nth-of-type(1) {
  background-image: url("../images/case_online_ico4.png");
}
.case_online_txt_list ul li:nth-of-type(2) {
  background-image: url("../images/case_online_ico5.png");
  animation-delay: 0.1s;
}
.case_online_txt_list ul li:nth-of-type(3) {
  background-image: url("../images/case_online_ico6.png");
  animation-delay: 0.2s;
}
.case_online_txt_list ul li div b {
  display: block;
  font-size: 18px;
  font-weight: 400;
}
.case_online_txt_list ul li div b:nth-of-type(2) {
  font-size: 16px;
  margin: 8px 0;
}
.case_online_txt_list ul li p small {
  display: block;
  font-size: 14px;
  color: #5d6077;
}
.case_online_txt_list ol:after {
  display: block;
  content: '';
  clear: both;
}
.case_online_txt_list ol li {
  float: left;
  box-sizing: border-box;
  padding: 2%;
  background: #fff;
  text-align: center;
  box-shadow: 0 0 8px #3171ff;
  width: 49%;
  margin-left: 2%;
  border-radius: 20px;
}
.case_online_txt_list ol li:nth-of-type(1) {
  margin-left: 0;
}
.case_online_txt_list ol li p {
  margin-bottom: 7%;
}
.case_online_txt_list ol li b {
  font-size: 20px;
  border-bottom: 3px solid #39c963;
  padding-bottom: 8px;
  display: inline-block;
}
.case_online_txt_list ol li img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.case_online_txt_list .case_online_txt_list_last {
  padding: 2%;
  background: #fff;
  text-align: center;
  box-shadow: 0 0 8px #3171ff;
  border-radius: 20px;
  margin-top: 4%;
}
.case_online_txt_list .case_online_txt_list_last p {
  margin-bottom: 3%;
}
.case_online_txt_list .case_online_txt_list_last b {
  font-size: 20px;
  border-bottom: 3px solid #39c963;
  padding-bottom: 8px;
  display: inline-block;
}
.case_online_txt_list .case_online_txt_list_last img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
/*---------------------------------------------------------------网站建设 website_make----------------------------------------------------------------------------*/
.website_make_list {
  overflow: hidden;
}
.website_make_list ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.website_make_list li {
  width: 21%;
  margin-bottom: 3%;
}
.website_make_list li .website_make_list_top {
  height: 236px;
  background: #f7f7f7;
  border: 1px solid #e7e7e7;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  border-radius: 20px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.website_make_list li .website_make_list_top p {
  margin: 0 auto;
  text-align: center;
}
.website_make_list li .website_make_list_top p > * {
  display: block;
  position: relative;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.website_make_list li .website_make_list_top p span {
  display: block;
}
.website_make_list li .website_make_list_top p span img {
  height: 60px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.website_make_list li .website_make_list_top p b {
  font-size: 24px;
  color: #212121;
  font-weight: 400;
  margin: 10px 0 5px 0;
  transition-delay: 0.1s;
}
.website_make_list li .website_make_list_top p small {
  font-size: 18px;
  color: #a3a3a3;
  font-weight: 300;
  transition-delay: 0.2s;
}
.website_make_list li .website_make_list_bottom {
  font-size: 16px;
  color: #525252;
  font-weight: 300;
  margin-top: 15px;
}
.website_make_list li:hover .website_make_list_top {
  background: #eee;
  border-radius: 0;
}
.website_make_list li:hover .website_make_list_top p span,
.website_make_list li:hover .website_make_list_top p b,
.website_make_list li:hover .website_make_list_top p small {
  transform: translateY(-10px);
}
.website_make_list li:hover .website_make_list_top p img {
  transform: scale(0.9);
}
.website_make_adv_list {
  overflow: hidden;
}
.website_make_adv_list ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.website_make_adv_list li {
  overflow: hidden;
  width: 42%;
  margin-bottom: 4%;
  display: flex;
  display: -webkit-flex;
}
.website_make_adv_list li img {
  display: block;
  height: 100%;
}
.website_make_adv_list li p {
  margin-left: 20px;
}
.website_make_adv_list li b {
  display: block;
  font-size: 24px;
  color: #161616;
  font-weight: 400;
  margin-bottom: 12px;
}
.website_make_adv_list li small {
  display: block;
  font-size: 16px;
  color: #606060;
  font-weight: 300;
}
.website_make_service_list {
  position: relative;
}
.website_make_service_list img {
  display: block;
  margin: 0 auto;
  width: 62.5%;
}
.website_make_service_list ul li {
  position: absolute;
  width: 24%;
}
.website_make_service_list ul li > * {
  display: block;
}
.website_make_service_list ul li b {
  font-size: 30px;
  color: #3171ff;
  font-weight: 400;
}
.website_make_service_list ul li small {
  font-size: 16px;
  color: #606060;
  font-weight: 300;
  margin-top: 10px;
}
.website_make_service_list ul li:nth-of-type(1) {
  left: 0;
  top: 0;
}
.website_make_service_list ul li:nth-of-type(2) {
  right: 0;
  top: 0;
}
.website_make_service_list ul li:nth-of-type(3) {
  left: 0;
  bottom: 100px;
}
.website_make_service_list ul li:nth-of-type(4) {
  right: 0;
  bottom: 100px;
}
/*---------------------------------------------------------------新闻中心 info_news----------------------------------------------------------------------------*/
.info_news_hot_list {
  width: 103%;
}
.info_news_hot_list li {
  float: left;
  width: 31%;
  margin-right: 2%;
  margin-bottom: 3%;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_news_hot_list li p {
  height: 208px;
  overflow: hidden;
  background: #eee;
}
.info_news_hot_list li p img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 600ms ease;
  -webkit-transition: 600ms ease;
}
.info_news_hot_list li div {
  background: #fff;
  padding: 15px;
}
.info_news_hot_list li div > * {
  display: block;
}
.info_news_hot_list li div span {
  font-size: 16px;
  color: #393939;
  height: 44px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_news_hot_list li div small {
  font-size: 14px;
  color: #b1b1b1;
  margin-top: 10px;
}
.info_news_hot_list li:hover {
  box-shadow: 0 0 10px #ccc;
}
.info_news_hot_list li:hover img {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}
.info_news_hot_list li:hover span {
  color: #3171ff;
}
.info_news_list ol {
  text-align: center;
  margin-bottom: 3%;
}
.info_news_list ol li {
  display: inline-block;
  width: 134px;
  line-height: 44px;
  border: 1px solid #e5e5e5;
  background: #fff;
  margin: 0 10px;
}
/*---------------------------------------------------------------企业邮箱介绍 info_email----------------------------------------------------------------------------*/
.info_email {
  margin-bottom: 3%;
}
.info_email_txt ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info_email_txt ul li {
  width: 49%;
  display: flex;
  display: -webkit-flex;
}
.info_email_txt ul li .info_email_txt_left {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 130px;
  background: #3171ff;
  width: 23%;
}
.info_email_txt ul li .info_email_txt_left p {
  text-align: center;
  width: 100%;
}
.info_email_txt ul li .info_email_txt_left p b {
  display: block;
  color: #fff;
  font-size: 40px;
}
.info_email_txt ul li .info_email_txt_right {
  width: 77%;
  background: #f5f5f5;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 10px;
  flex-wrap: wrap;
}
.info_email_txt ul li .info_email_txt_right p > * {
  display: block;
}
.info_email_txt ul li .info_email_txt_right strong {
  font-size: 22px;
  color: #414141;
  margin-bottom: 5px;
}
.info_email_txt ul li .info_email_txt_right span {
  font-size: 16px;
  color: #545454;
  font-weight: 300;
}
.info_email_txt ul li .info_email_txt_right smalL {
  display: block;
  font-size: 13px;
  color: #545454;
  width: 100%;
  margin-bottom: 2px;
  font-weight: 300;
}
.info_email_pro_con {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-bottom: 3%;
  position: relative;
  flex-wrap: wrap;
}
.info_email_pro_con:after {
  display: block;
  content: '';
  background: url("../images/info_email_pro_ico3.png") no-repeat center;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  background-size: cover;
}
.info_email_pro_con .info_email_pro_con_list {
  padding: 25px 40px;
  border: 1px solid #3171ff;
  width: 48%;
}
.info_email_pro_con .info_email_pro_con_list strong {
  display: block;
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  margin-top: 10px;
}
.info_email_pro_con .info_email_pro_con_list b {
  display: block;
  font-size: 26px;
  color: #3171ff;
  font-weight: 400;
}
.info_email_pro_con .info_email_pro_con_list small {
  display: block;
  color: #666666;
  font-size: 14px;
  font-weight: 300;
  margin-top: 20px;
}
.info_email_pro .friend_list li {
  width: 17%;
}
.info_email_adv {
  background: #f5f5f5;
}
.info_email_adv .info_email_adv_list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info_email_adv .info_email_adv_list li {
  background: #fff;
  width: 22%;
  padding: 40px 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_email_adv .info_email_adv_list li p {
  text-align: center;
}
.info_email_adv .info_email_adv_list li p > * {
  display: block;
}
.info_email_adv .info_email_adv_list li img {
  height: 82px;
  margin: 0 auto;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_email_adv .info_email_adv_list li b {
  font-size: 24px;
  color: #323333;
  font-weight: 400;
  margin: 20px 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_email_adv .info_email_adv_list li small {
  font-size: 14px;
  color: #6f6f6f;
  display: block;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_email_adv .info_email_adv_list li:hover {
  box-shadow: 4px 3px 5px #C1C1C1;
}
.info_email_adv .info_email_adv_list li:hover img {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}
.info_email_adv .info_email_adv_list li:hover b,
.info_email_adv .info_email_adv_list li:hover small {
  transform: translateY(-10px);
}
.info_email_use {
  background: #f5f5f5;
}
.info_email_use table {
  background: #FFF;
  border: 1px solid #ebebeb;
  width: 100%;
}
.info_email_use table tr {
  border-top: 1px solid #ebebeb;
}
.info_email_use table tr .grid-title {
  padding: 0 14px;
  border-top: 1px solid #ebebeb;
  vertical-align: center;
  font-size: 18px;
  width: 8em;
  text-align: center;
  color: #393939;
  border-right: 1px solid #ebebeb;
}
.info_email_use table tr .grid-title b {
  font-weight: 400;
}
.info_email_use table tr .grid-content {
  padding: 25px 18px 25px 25px;
  word-break: break-all;
}
.info_email_use table tr .grid-content span {
  display: block;
  color: #656565;
  font-size: 14px;
  font-weight: 300;
  position: relative;
  padding-left: 15px;
  margin-top: 8px;
}
.info_email_use table tr .grid-content span:nth-of-type(1) {
  margin-top: 0;
}
.info_email_use table tr .grid-content span:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 3px solid #3171ff;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 5px;
}
.info_email_service {
  background: #f5f5f5;
  padding-bottom: 8%;
  padding-top: 1%;
}
.info_email_service ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info_email_service ul li {
  width: 49%;
  background: #fff;
  border: 1px solid #e7e7e7;
  margin-bottom: 2%;
  padding: 25px;
  display: flex;
  display: -webkit-flex;
}
.info_email_service ul li img {
  height: 100%;
}
.info_email_service ul li p {
  margin-left: 20px;
}
.info_email_service ul li p > * {
  display: block;
}
.info_email_service ul li p b {
  font-size: 20px;
  color: #393939;
  font-weight: 400;
  margin-bottom: 10px;
}
.info_email_service ul li p small {
  font-size: 14px;
  color: #656565;
  font-weight: 300;
}
/*---------------------------------------------------------------联系我们 info_contact----------------------------------------------------------------------------*/
.info_contact_one {
  background: #f8f8f8;
  padding-bottom: 4%;
  overflow: hidden;
}
.info_contact_one .info_contact_one_left {
  float: left;
  width: 25%;
  background: #3171ff;
  text-align: center;
  padding: 65px 0;
  color: #fff;
}
.info_contact_one .info_contact_one_left p {
  margin: 5% auto;
  width: 80%;
}
.info_contact_one .info_contact_one_left p a {
  display: inline-block;
  width: 32%;
  font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
}
.info_contact_one .info_contact_one_left > span {
  display: block;
  width: 80%;
  border: 1px solid #fff;
  text-align: center;
  margin: 0 auto;
  line-height: 45px;
  font-size: 22px;
}
.info_contact_one .info_contact_one_right {
  float: right;
  width: 71%;
}
.info_contact_one .info_contact_one_right ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info_contact_one .info_contact_one_right ul li {
  background: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  width: 49%;
  border: 2px solid #d9d9d9;
  height: 190px;
  margin-bottom: 3%;
}
.info_contact_one .info_contact_one_right ul li p {
  padding: 0 30px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.info_contact_one .info_contact_one_right ul li p span {
  margin-left: 20px;
}
.info_contact_one .info_contact_one_right ul li p b {
  display: block;
  font-size: 18px;
  color: #444444;
  font-weight: 400;
  margin-bottom: 15px;
}
.info_contact_one .info_contact_one_right ul li p small {
  display: block;
  font-size: 14px;
  color: #7d7d7d;
  font-weight: 300;
}
.info_contact_two {
  background: url("../images/info_contact_bg1.jpg") no-repeat center;
  color: #fff;
  padding: 45px 0;
  text-align: center;
}
.info_contact_two p > * {
  display: block;
}
.info_contact_two p b {
  font-size: 30px;
  font-weight: 400;
}
.info_contact_two p small {
  font-size: 16px;
  margin-top: 15px;
}
.info_contact_maps {
  background: #f8f8f8;
  overflow: hidden;
  padding-bottom: 3%;
  padding-top: 4%;
}
.info_contact_maps_add {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-bottom: 3%;
  flex-wrap: wrap;
}
.info_contact_maps_add small {
  display: block;
  width: 16%;
  line-height: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.info_contact_maps_add small.info_contact_maps_act {
  background: #3171ff;
  color: #fff;
}
.allmap_wrap {
  height: 450px;
  border: 2px solid #e5e5e5;
  position: relative;
}
.allmap_wrap #allmap {
  height: 100%;
}
.allmap_wrap .allmap_wrap_list {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.68);
  color: #fff;
  z-index: 2;
}
.allmap_wrap .allmap_wrap_list li {
  display: none;
  color: #fff;
  width: 400px;
  position: relative;
  height: 100%;
}
.allmap_wrap .allmap_wrap_list li div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  width: 80%;
}
.allmap_wrap .allmap_wrap_list li:nth-of-type(1) {
  display: block;
}
.allmap_wrap .allmap_wrap_list li > * {
  display: block;
}
.allmap_wrap .allmap_wrap_list li b {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 40px;
  display: block;
}
.allmap_wrap .allmap_wrap_list li p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
}
.info_contact_msg {
  background: #f8f8f8;
  overflow: hidden;
  padding-bottom: 8%;
}
.info_contact_msg_com {
  background: #fff;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}
.info_contact_msg_com .info_contact_msg_left {
  width: 50%;
  float: left;
  padding: 40px 60px;
}
.info_contact_msg_com .info_contact_msg_left p {
  background: url("../images/info_contact_msg.png") no-repeat center;
  text-align: center;
  color: #fff;
  background-size: contain;
  padding: 50px 0 100px 0;
  border-radius: 25px;
  overflow: hidden;
}
.info_contact_msg_com .info_contact_msg_left p > * {
  display: block;
}
.info_contact_msg_com .info_contact_msg_left p b {
  font-size: 36px;
  font-weight: 300;
}
.info_contact_msg_com .info_contact_msg_left p small {
  font-size: 20px;
  font-weight: 300;
  margin: 10px 0 30px 0;
}
.info_contact_msg_com .info_contact_msg_left p a {
  width: 120px;
  line-height: 40px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
}
.info_contact_msg_com .info_contact_msg_right {
  width: 50%;
  float: right;
  padding: 40px 100px;
  border-left: 1px solid #d9d9d9;
}
.info_contact_msg_com .info_contact_msg_right form > * {
  display: block;
}
.info_contact_msg_com .info_contact_msg_right small {
  font-size: 16px;
  color: #424242;
  font-weight: 300;
  margin-bottom: 20px;
  display: block;
}
.info_contact_msg_com .info_contact_msg_right input {
  width: 100%;
  line-height: 40px;
  height: 40px;
  border: 1px solid #dadada;
  text-indent: 20px;
  margin-bottom: 10px;
}
.info_contact_msg_com .info_contact_msg_right textarea {
  width: 100%;
  height: 80px;
  border: 1px solid #dadada;
  text-indent: 20px;
  padding-top: 10px;
}
.info_contact_msg_com .info_contact_msg_right button {
  width: 100%;
  line-height: 40px;
  overflow: hidden;
  margin: 10px auto 0 auto;
  border-radius: 0;
}
/*---------------------------------------------------------------云搜 info_cloud----------------------------------------------------------------------------*/
.info_cloud_one {
  overflow: hidden;
}
.info_cloud_one .info_cloud_one_list {
  background: #ededed;
  padding: 8%;
  position: relative;
}
.info_cloud_one .info_cloud_one_list small {
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  padding: 10px 20px;
  margin: 0 10px 15px 10px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_cloud_one .info_cloud_one_itr {
  width: 123px;
  height: 123px;
  background: #338eff;
  border: 10px solid #ededed;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
}
.info_cloud_one .info_cloud_one_itr span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  width: 100%;
}
.info_cloud_one .info_cloud_one_left {
  width: 44%;
  float: left;
  text-align: center;
  position: relative;
}
.info_cloud_one .info_cloud_one_left .info_cloud_one_itr {
  right: -55px;
  top: 24px;
}
.info_cloud_one .info_cloud_one_left small:nth-of-type(odd) {
  background: #338eff;
  color: #fff;
  border: 1px solid #338eff;
}
.info_cloud_one .info_cloud_one_left small:nth-of-type(even) {
  border: 1px solid #338eff;
  color: #338eff;
}
.info_cloud_one .info_cloud_one_right {
  width: 44%;
  float: right;
  position: relative;
  text-align: right;
}
.info_cloud_one .info_cloud_one_right .info_cloud_one_itr {
  left: -55px;
  bottom: 24px;
}
.info_cloud_one .info_cloud_one_right .info_cloud_one_itr span {
  text-align: center;
}
.info_cloud_one .info_cloud_one_right .info_cloud_one_list {
  padding-right: 18%;
}
.info_cloud_one .info_cloud_one_right small:nth-of-type(2),
.info_cloud_one .info_cloud_one_right small:nth-of-type(3) {
  background: #338eff;
  color: #fff;
  border: 1px solid #338eff;
}
.info_cloud_one .info_cloud_one_right small:nth-of-type(3),
.info_cloud_one .info_cloud_one_right small:nth-of-type(4) {
  position: relative;
  left: 20px;
}
.info_cloud_one .info_cloud_one_right small:nth-of-type(1),
.info_cloud_one .info_cloud_one_right small:nth-of-type(4) {
  border: 1px solid #338eff;
  color: #338eff;
}
.info_cloud_one .info_cloud_one_right small:nth-of-type(5) {
  background: #43c364;
  color: #fff;
  border: 1px solid #43c364;
}
.info_cloud_one_banner {
  background: url("../images/info_cloud_bg1.jpg") no-repeat center;
  margin-top: 4%;
  padding: 30px 0;
}
.info_cloud_one_banner b {
  display: block;
  text-align: center;
  padding: 15px 0;
  color: #fff;
  border: 1px solid #fff;
  font-size: 33px;
  margin: 0 auto;
  width: 70%;
}
.info_cloud_three {
  margin: 3% 0;
}
.info_cloud_three_list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info_cloud_three_list li {
  width: 22%;
  height: 300px;
  background: url("../images/info_cloud_three_bg.jpg") no-repeat center;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.info_cloud_three_list li p {
  text-align: center;
  width: 100%;
}
.info_cloud_three_list li b {
  display: block;
  font-size: 20px;
  color: #3171ff;
}
.info_cloud_three_list li b + b {
  color: #3d3d3d;
}
.info_cloud_four_list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.info_cloud_four_list li {
  border: 1px solid #3171ff;
  height: 178px;
  padding: 25px;
  width: 48%;
  margin-bottom: 3%;
}
.info_cloud_four_list li b {
  display: block;
  font-size: 20px;
  color: #393939;
  margin-bottom: 20px;
}
.info_cloud_four_list li small {
  display: block;
  font-size: 16px;
  color: #595959;
  font-weight: 300;
}
.info_cloud_four_list li img {
  margin-top: 10px;
}
.info_cloud_five {
  margin: 3% 0;
}
.info_cloud_six {
  background: #f5f9fa;
  padding: 5% 0;
}
.info_cloud_six ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.info_cloud_six ul li {
  height: 305px;
  background: #fff;
  text-align: center;
  width: 23%;
  padding: 30px 25px;
  color: #373737;
  border: 1px solid transparent;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_cloud_six ul li > * {
  display: block;
}
.info_cloud_six ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: 95px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_cloud_six ul li span {
  font-size: 18px;
  margin: 20px 0;
  font-weight: 400;
}
.info_cloud_six ul li small {
  font-size: 14px;
  color: #838383;
  font-weight: 300;
}
.info_cloud_six ul li:hover {
  background: none;
  border: 1px solid #3171ff;
}
.info_cloud_six ul li:hover img {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
}
/*info_company_three*/
.info_company_three {
  overflow: hidden;
  padding-top: 5%;
  padding-bottom: 3%;
}
.info_company_three_left {
  position: relative;
  float: left;
  width: 31%;
  font-weight: 300;
  margin-top: 30px;
}
.info_company_three_left > * {
  display: block;
}
.info_company_three_left b {
  font-size: 36px;
  color: #2d3138;
  font-weight: 300;
}
.info_company_three_left small {
  font-size: 16px;
  color: #60656b;
  margin: 20px 0;
}
.info_company_three_left .swp_btn {
  text-align: left;
  margin-top: 20px;
}
.info_company_three_left .swp_btn div {
  width: 50px;
  height: 50px;
  opacity: 1 !important;
  position: relative;
  left: inherit;
  top: inherit;
  margin-top: inherit;
  display: inline-block;
  margin-right: 20px;
  outline: none;
}
.info_company_three_left .swp_btn .swiper-button-prev {
  background: url("../images/s_prev.jpg") no-repeat center;
}
.info_company_three_left .swp_btn .swiper-button-next {
  background: url("../images/s_next.jpg") no-repeat center;
}
.info_company_three_right {
  width: 66%;
  float: right;
  overflow: hidden;
  padding: 20px;
}
.info_company_three_right .swiper-slide {
  padding: 40px 20px;
  background: #fff;
  box-shadow: 0 0 8px #999;
  text-align: center;
}
.info_company_three_right .swiper-slide img {
  margin: 10px auto;
  max-width: 100%;
}
.info_company_three_right .swiper-slide > * {
  display: block;
}
.info_company_three_right .swiper-slide b {
  font-size: 35px;
  color: #3171ff;
  font-weight: 400;
}
.info_company_three_right .swiper-slide span {
  font-size: 18px;
  color: #363a3f;
  font-weight: bold;
}
.info_company_three_right .swiper-slide span:before {
  display: block;
  content: '';
  width: 30px;
  height: 2px;
  background: #39c963;
  margin: 15px auto;
}
.info_company_three_right .swiper-slide small {
  font-size: 16px;
  color: #afb0b2;
  font-weight: 300;
  text-transform: uppercase;
}
/*---------------------------------------------------------------关于我们 info_company----------------------------------------------------------------------------*/
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.Rotation {
  -webkit-transform: rotate(360deg);
  animation: rotation 3s linear infinite;
  -moz-animation: rotation 3s linear infinite;
  -webkit-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
}
.info_company {
  padding-bottom: 4%;
}
.com_p_content {
  font-size: 14px;
  color: #606060;
  font-weight: 300;
  line-height: 30px;
}
.info_company_one_list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3%;
}
.info_company_one_list li {
  height: 305px;
  padding: 25px;
  margin-bottom: 3%;
  background: #f7f8fc;
  width: 23%;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  border: 1px solid transparent;
}
.info_company_one_list li p > * {
  display: block;
}
.info_company_one_list li img {
  margin: 0 auto;
}
.info_company_one_list li b {
  font-size: 24px;
  color: #3171ff;
  font-weight: 400;
  text-align: center;
  margin: 20px 0;
}
.info_company_one_list li small {
  font-size: 14px;
  color: #838383;
}
.info_company_one_list li:hover {
  background: #fff;
  box-shadow: 3px 5px 5px #D6D6D6;
  border: 1px solid #ccc;
}
.info_company_one_list li:hover img {
  margin: 0 auto;
  -webkit-transform: rotate(360deg);
  animation: rotation 3s linear infinite;
  -moz-animation: rotation 3s linear infinite;
  -webkit-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
}
.info_company_two {
  background: url("../images/info_company_one_bg1.jpg") no-repeat center;
  height: 528px;
  background-size: cover;
}
.info_company_two .info_company_two_title {
  text-align: center;
  color: #fff;
  padding: 5% 0;
}
.info_company_two .info_company_two_title > * {
  display: block;
}
.info_company_two .info_company_two_title b {
  font-size: 36px;
  font-weight: 300;
}
.info_company_two .info_company_two_title small {
  font-size: 16px;
  color: #b7b7b7;
}
.info_company_two .info_company_two_list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  flex-wrap: wrap;
}
.info_company_two .info_company_two_list li {
  color: #fff;
  background-repeat: no-repeat;
  background-position: left 15px;
  padding-left: 60px;
}
.info_company_two .info_company_two_list li .odometer-formatting-mark {
  display: none;
}
.info_company_two .info_company_two_list li:nth-of-type(1) {
  background-image: url("../images/info_company_two_list_ico1.png");
}
.info_company_two .info_company_two_list li:nth-of-type(2) {
  background-image: url("../images/info_company_two_list_ico2.png");
}
.info_company_two .info_company_two_list li:nth-of-type(3) {
  background-image: url("../images/info_company_two_list_ico3.png");
}
.info_company_two .info_company_two_list li div {
  font-size: 42px;
  font-weight: 400;
}
.info_company_two .info_company_two_list li small {
  display: block;
  font-size: 16px;
  font-weight: 300;
}
/*---------------------------------------------------------------info_case_type_list 案例展示----------------------------------------------------------------------------*/
.info_case_type_list_1 {
  background: url("../images/case_bg1.jpg") no-repeat center;
}
.info_case_type_list_2 {
  background: url("../images/case_bg2.jpg") no-repeat center;
}
.info_case_type_list_3 {
  background: url("../images/case_bg3.jpg") no-repeat center;
}
.info_case_type_list_4 {
  background: url("../images/case_bg4.jpg") no-repeat center;
}
.info_case_type_list {
  height: 420px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  background-size: cover;
}
.info_case_type_list p > * {
  display: block;
  color: #fff;
}
.info_case_type_list b {
  font-size: 42px;
  font-weight: 300;
}
.info_case_type_list small {
  font-size: 22px;
  font-weight: 300;
  margin: 10px 0 30px 0;
}
.info_case_type_list a {
  width: 130px;
  margin-left: 0;
}
.info_case_type_list .button--nina:hover {
  background: #fff;
  color: #3171ff;
}
.info_case_type_list .button--nina > span {
  color: #3171ff;
}
/*---------------------------------------------------------------info_case_web 网站案例展示----------------------------------------------------------------------------*/
.info_case_list:after {
  display: block;
  content: '';
  clear: both;
}
.info_case_list .info_case_list_top:after {
  display: block;
  content: '';
  clear: both;
}
.info_case_list .info_case_list_top .info_case_list_top_l {
  float: left;
  position: relative;
  width: 49.6%;
  height: 300px;
}
.info_case_list .info_case_list_top .info_case_list_top_l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.info_case_list .info_case_list_top .info_case_list_top_l p {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 40px;
}
.info_case_list .info_case_list_top .info_case_list_top_l p > * {
  display: block;
}
.info_case_list .info_case_list_top .info_case_list_top_l p span {
  font-size: 24px;
  font-weight: 300;
}
.info_case_list .info_case_list_top .info_case_list_top_l p b {
  font-size: 45px;
  font-weight: 400;
}
.info_case_list .info_case_list_top .info_case_list_top_l p .button--wayra {
  border-radius: 20px;
}
.info_case_list .info_case_list_top .info_case_list_top_l p .button--wayra:hover {
  color: #3171ff;
}
.info_case_list .info_case_list_top .info_case_list_top_l p .button--wayra:hover::before {
  background: #fff;
}
.info_case_list .info_case_list_top .info_case_list_top_l p a {
  display: block;
  width: 122px;
  line-height: 36px;
  background: #39c963;
  color: #fff;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 20px;
}
.info_case_list .info_case_list_top .info_case_list_top_l p a span {
  color: #fff;
}
.info_case_list_ul_right {
  float: right;
  width: 49%;
}
.info_case_list_ul_right ul {
  margin-top: 0;
}
.info_case_list_ul_right ul li {
  width: 48%;
  margin-right: 2%;
}
.info_case_list_ul {
  width: 102%;
  margin-top: 2%;
}
.info_case_list_ul li {
  float: left;
  width: 23.66%;
  overflow: hidden;
  margin-right: 1.3%;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  margin-bottom: 1.3%;
}
.info_case_list_ul li p {
  height: 250px;
  padding: 5px;
  border: 1px solid #D7D7D7;
}
.info_case_list_ul li p img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info_case_list_ul li div {
  background: #f1f1f1;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
}
.info_case_list_ul li div i {
  float: right;
}
.info_case_list_ul li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}
.info_case_list_ul li:hover div {
  background: #3171ff;
  color: #fff;
}
/*---------------------------------------------------------------info_team 团队展示----------------------------------------------------------------------------*/
.info_team {
  background: #f5f5f5;
  padding-bottom: 6%;
}
.info_team .info_team_top .info_team_list {
  width: 25%;
  float: left;
  height: 285px;
  padding: 0 30px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.info_team .info_team_top .info_team_list p > * {
  display: block;
}
.info_team .info_team_top .info_team_list p span {
  position: relative;
  left: 35px;
}
.info_team .info_team_top .info_team_list p span b {
  color: #3171ff;
  font-size: 100px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.info_team .info_team_top .info_team_list p span em {
  font-style: normal;
  font-size: 16px;
  color: #393939;
  position: absolute;
  right: 58px;
  bottom: 18px;
  padding: 10px 20px;
}
.info_team .info_team_top .info_team_list p small {
  font-size: 14px;
  color: #616161;
  font-weight: 300;
}
.info_team .info_team_top .info_team_list:hover p span b {
  color: #39c963;
}
.info_team .info_team_top .info_team_list:nth-of-type(1),
.info_team .info_team_top .info_team_list.info_team_list2 {
  background: #ebebeb;
}
.info_team .info_team_top .info_team_list:nth-of-type(1) em,
.info_team .info_team_top .info_team_list.info_team_list2 em {
  background: #ebebeb;
}
.info_team .info_team_top .info_team_list:nth-of-type(2) {
  background: #fff;
}
.info_team .info_team_top .info_team_list:nth-of-type(2) em {
  background: #fff;
}
.info_team .info_team_top img {
  width: 50%;
  float: left;
}
.info_team_list {
  background: #f5f5f5;
}
.info_team_list_one {
  overflow: hidden;
  margin-bottom: 20px;
}
.info_team_list_one img {
  float: left;
  width: 65%;
}
.info_team_list_one .info_team_list_one_txt {
  width: 35%;
  float: left;
  background: #fff;
  height: 469px;
  padding: 0 60px;
}
.info_team_list_one .info_team_list_one_txt > * {
  display: block;
}
.info_team_list_one .info_team_list_one_txt b {
  color: #2e2e2e;
  font-size: 30px;
  font-weight: 300;
  margin-top: 100px;
}
.info_team_list_one .info_team_list_one_txt i {
  display: block;
  width: 19px;
  height: 2px;
  background: #3171ff;
  margin: 30px 0;
}
.info_team_list_one .info_team_list_one_txt small {
  font-size: 14px;
  color: #616161;
  font-weight: 300;
}
.info_team_list {
  padding-bottom: 8%;
}
/*---------------------------------------------------------------case_search_one 青峰云搜案例----------------------------------------------------------------------------*/
.case_search_one_list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case_search_one_list li {
  width: 365px;
  height: 365px;
  background: url("../images/info_search_bg1.png") no-repeat center;
}
.case_search_one_list li p {
  text-align: center;
  margin-top: 88px;
}
.case_search_one_list li p > * {
  display: block;
}
.case_search_one_list li p b {
  font-size: 22px;
  color: #4c4c4c;
  margin-bottom: 3%;
  height: 62px;
}
.case_search_one_list li p span {
  width: 55%;
  display: block;
  font-size: 16px;
  color: #6b6b6b;
  font-weight: 300;
  margin: 0 auto;
}
.case_search_one_list li p span small {
  font-size: 16px;
  color: #ff510d;
}
.case_search_two {
  background: url("../images/info_search_bg2.jpg") no-repeat center;
  color: #fff;
  padding: 10% 0 5%;
  margin-top: -80px;
}
.case_search_two .container {
  text-align: center;
}
.case_search_two .container > b {
  display: block;
  font-size: 30px;
}
.case_search_two .container div {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  margin: 5% 0;
}
.case_search_two .container div span {
  display: block;
  line-height: 80px;
  background: #fff;
  padding: 10px;
  width: 30%;
}
.case_search_two .container div span small {
  border: 1px dotted #3171ff;
  font-size: 24px;
  color: #3171ff;
  display: block;
  font-weight: bold;
}
.case_search_two .container p > * {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}
.case_search_three {
  margin-top: 5%;
  padding-bottom: 3%;
  width: 100%;
  overflow: hidden;
}
.case_search_three .case_search_three_top {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.case_search_three .case_search_three_top .swiper-slide {
  display: block;
  padding: 15px 0;
  text-align: center;
  font-size: 20px;
  color: #4e4e4e;
  border: 1px solid #21233a;
  border-radius: 30px 30px 0 0;
  cursor: pointer;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.case_search_three .case_search_three_top .swiper-slide:hover,
.case_search_three .case_search_three_top .swiper-slide.case_search_three_act {
  background: #3171ff;
  color: #fff;
  border: 1px solid #3171ff;
}
.case_search_three .case_search_three_txt {
  font-size: 18px;
  color: #8b8b8b;
  margin: 20px 0;
}
.case_search_three .case_search_three_bottom ul li {
  display: none;
}
.case_search_three .case_search_three_bottom ul li:nth-of-type(1) {
  display: block;
}
/*---------------------------------------------------------------case_seo_one SEO案例----------------------------------------------------------------------------*/
.case_seo_one .info_cloud_four_list li {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.case_seo_one .info_cloud_four_list li p {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto;
}
.case_seo_one .info_cloud_four_list li small {
  display: inline-block;
  font-size: 20px;
}
.case_seo_two {
  background: #12246c;
  padding: 30px 0;
  color: #fff;
  margin-top: 4%;
}
.case_seo_two .container {
  position: relative;
}
.case_seo_two .container > * {
  display: block;
}
.case_seo_two b {
  font-size: 36px;
}
.case_seo_two span {
  font-size: 18px;
}
.case_seo_two a {
  width: 172px;
  line-height: 42px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  font-size: 16px;
  position: absolute;
  right: 330px;
  top: 21px;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.case_seo_two a:hover {
  background: #ffae00;
  color: #fff;
}
.case_seo_two img {
  position: absolute;
  right: 0;
  bottom: -32px;
}
.case_seo_three .case_search_three_top {
  margin-bottom: 5%;
}
/*---------------------------------------------------------------case_info 网站案例详情页----------------------------------------------------------------------------*/
/*case_info*/
.case_info_t {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding-bottom: 3%;
  margin-bottom: 5%;
}
.case_info_t h3 {
  font-size: 24px;
  font-weight: 300;
  color: #333;
  padding: 0 0 3% 0;
}
.case_info_t p span {
  font-size: 13px;
  padding-bottom: 30px;
  color: #777;
}
.case_info_t p a {
  display: block;
  width: 100px;
  border-radius: 5px;
  color: #777;
  border: 1px solid #777;
  text-align: center;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  margin-top: 2%;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.case_info_t p a:hover {
  color: #3171ff;
}
.case_info_t p .links_ewm {
  position: absolute;
  left: 0;
  bottom: -110px;
  width: 130px;
  border: 1px solid #ccc;
  padding: 5px;
  display: block;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.case_info_t p small {
  display: block;
}
.case_info_t p small:hover .links_ewm {
  opacity: 1;
  visibility: visible;
}
.case_info_t div {
  position: absolute;
  right: 0;
  bottom: 28%;
}
.ewm_wrap {
  width: 200px;
  margin: 0 auto 15px auto;
}
.ewm_wrap img {
  max-width: 100%;
  border: 1px solid #ccc;
  padding: 8px;
}
.ewm_wrap span {
  display: block;
  font-size: 15px;
  text-align: center;
}
/*---------------------------------------------------------------news_info 新闻详情页----------------------------------------------------------------------------*/
.news_info {
  background: #eee;
}
.news_info .container {
  background: #fff;
  padding: 60px;
}
.news_info .news_info_top {
  color: #666;
  border-bottom: 1px solid #ccc;
  margin-bottom: 3%;
}
.news_info .news_info_top h3 {
  font-size: 25px;
  font-weight: 300;
}
.news_info .news_info_top small {
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin: 10px 0 20px 0;
}
.news_info .p_content {
  font-size: 15px;
  line-height: 30px;
}
.p_content img {
  max-width: 100% !important;
}
/*page*/
#prev_next {
  clear: both;
  padding: 0 15px;
  text-indent: 25px;
}
#prev_next a:hover {
  color: #3171ff;
}
#prev_next {
  font-size: 14px;
  margin-top: 20px;
}
div.page {
  margin: 4% 0;
  clear: both;
  font-size: 14px;
  text-align: center;
  font-weight: 300;
}
div.page a {
  padding: 2px 5px;
  margin: 2px;
  color: #333;
  text-decoration: none;
  background: #fff;
  border: 1px solid #ccc;
}
div.page a:hover {
  background: #3171ff;
  color: #fff;
}
div.page span.current {
  padding: 2px 8px;
  font-weight: 300;
  margin: 2px;
  color: #fff;
  background-color: #3171ff;
  border: 1px solid #3171ff;
}
div.page span.disabled {
  padding: 2px 5px;
  margin: 2px;
  color: #dddddd;
}
#prev_next .prev,
#prev_next .next {
  font-size: 13px;
  border-top: 1px solid #ccc;
  padding: 5px 0;
}
#prev_next .prev a:hover,
#prev_next .next a:hover {
  color: #3171ff;
}
#prev_next .prev {
  margin-top: 20px;
  background: url("../images/prev_bg.png") no-repeat left 9px;
  background-size: 18px;
}
#prev_next .next {
  border-bottom: 1px solid #ccc;
  background: url("../images/next_bg.png") no-repeat left 9px;
  background-size: 18px;
}
/*网站建设*/
.n_web_type {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: inherit;
}
.n_web_type li {
  display: block;
  width: 24.5%;
  float: left;
  cursor: pointer;
  text-align: center;
  line-height: 96px;
  font-size: 24px;
  color: #a5a5a5;
  background: #e5e5e5;
  position: relative;
}
.n_web_type li a {
  color: #a5a5a5;
}
.n_web_type li:hover span {
  color: #db2103;
}
.n_web_type li i {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  bottom: -53px;
  font-size: 30px;
  display: none;
}
.n_web_type li span {
  display: block;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
}
.n_web_type li.n_web_act {
  background: #db2103;
}
.n_web_type li.n_web_act a {
  color: #fff;
}
.n_web_type li.n_web_act:hover span {
  color: #fff;
}
.n_web_type li.n_web_act i {
  color: #db2103;
  display: block;
}
.yx_title {
  text-align: center;
  margin: 4% 0;
}
.yx_title > * {
  display: block;
}
.yx_title h4 {
  font-size: 54px;
  color: #db2103;
  font-weight: bold;
}
.yx_title h4:after {
  display: block;
  content: '';
  width: 110px;
  height: 5px;
  background: #db2103;
  margin: 15px auto;
}
.yx_title span {
  font-size: 18px;
  color: #838383;
  margin-bottom: 15px;
}
.yx_title small {
  font-size: 14px;
  color: #000000;
  padding: 0 5%;
}
.yx_title strong {
  font-size: 32px;
  color: #000000;
}
.yx_title2 h4:after {
  display: none;
}
.n_web_y_2 {
  background: url("../images/nwebsite_y_img2_bg.jpg") no-repeat center;
  padding: 20px 0;
  background-size: cover;
  margin-top: 5%;
}
.n_web_y_4 {
  background: url("../images/nwebsite_y_img4_bg.jpg") no-repeat center;
  margin-top: 5%;
  background-size: cover;
  padding-bottom: 3%;
}
.n_web_y_4 .yx_title h4 {
  color: #fff;
  font-weight: 400;
}
.n_web_y_4 .yx_title h4:after {
  background: #db2103;
}
.n_web_y_4 .yx_title small {
  color: #fff;
}
.n_web_y_4 .container > img:nth-of-type(1) {
  margin-bottom: 5%;
}
.n_web_take {
  background: #e5e5e5;
}
.n_web_take .yx_title h4 {
  color: #000000;
}
.n_web_take .yx_title h4:after {
  display: none;
}
.n_web_take .yx_title span {
  color: #000;
  margin-top: 5px;
}
.n_web_take .info_bd_more_one_all p a {
  background: #fff;
}
.n_web_d_2 {
  background: #94bfdf;
  padding: 20px 0;
  background-size: cover;
  margin-top: 5%;
}
.n_web_s_2 {
  margin-bottom: 5%;
}
.n_web_m_2 {
  background: url("../images/nwebsite_m_img3_bg.jpg") no-repeat center;
  padding: 5% 0;
  background-size: cover;
  margin-top: 5%;
}
/*-----------------------------------------------------------------------------工业电商修改--------------------------------------------------------------------------------*/
.i_online_1 {
  background: url("../images/gyds_img1.jpg") no-repeat center;
  background-size: cover;
  padding: 8% 0;
}
.i_online_1 ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.i_online_1 ul li {
  width: 24%;
}
.i_online_1 ul li img {
  display: block;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  margin: 0 auto;
}
.i_online_1 ul li:hover img {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}
.i_online_2 > img {
  width: 1920px;
  display: block;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.i_online_tit {
  padding: 5% 0;
}
.i_online_4 {
  margin-top: 5%;
  background: url("../images/gyds_img4.jpg") no-repeat center;
  background-size: cover;
  padding: 0 0 6% 0;
}
.i_online_4 ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.i_online_4 ul li {
  width: 24%;
}
.i_online_4 ul li img {
  display: block;
  transition: 300ms ease;
  -webkit-transition: 300ms ease;
  margin: 0 auto;
}
.i_online_4 ul li:hover img {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}


/*智美5*/
.zmy{
  background: #0359ac;
  padding-bottom:5%;
}
.zmy .imgbox{
  width:100%;
}
.zmy .imgbox img{
  display: block;
  max-width: 100%;
  margin:0 auto;
}
.zmy .zmy-title{
  font-size:34px;
  text-align:center;
  color:#c0e0ff;
  font-weight: 700;
  background: url("../images/zmy-title.png") no-repeat center;
  margin:4% 0;
  line-height: 94px;
}
.zmy .imgbox table{
  width:100%;
  max-width: 1001px;
  margin:0 auto;
}
.zmy .imgbox table tr td{
  text-align: center;
  vertical-align: middle!important;
  border: 1px solid #a9cfea !important;
  background: #eef6ff;
  color:#0c61bf;
  font-weight: 700;
  font-size: 16px;
}
.zmy .imgbox table tr td:hover{
  background: #d7e0ea;
}
.zmy .imgbox table tr:nth-child(1) td{
  background: #c5e9ff;
  line-height: 40px;
  font-size:20px;
}
.zmy .moive{
  width:100%;
  max-width: 1001px;
  margin:0 auto;
}

/*智美5悬浮框*/
.s-zhimei5{position: fixed;width: 233px;height: 293px;background: url("../Image/sja/s-zhimei5.png") center no-repeat;z-index: 10;left: 0;top: 33%;overflow: hidden;}
.s-zhimei5 .son{width: 162px;margin: 0 auto;}
.s-zhimei5 .son .t1{color: #666666;font-size: 14px;line-height: 1.5;margin-top: 170px;text-align: center;}
.s-zhimei5 .son .baojia{display: block;width: 100%;height: 38px;border-radius: 19px;text-align: center;line-height: 38px;color: #fff;font-size: 18px;letter-spacing: 1px;
  background: url("../Image/sja/bj.png") center no-repeat;margin-top: 10px;
  background-size: cover;}

/*手机悬浮消失*/
@media (max-width: 767px){
  .s-zhimei5{display: none}
}


/*信息流落地页*/
.mainbox-index{width: 100%;padding-bottom: 50px;background: #f3f3f3;}
.imglist{width: 100%;}
.imglist img{display: block;width: 100%;}
.stel{position: fixed;bottom: 0px;left: 0;width: 100%;height: 50px;border-radius: 0px;line-height: 50px;display: none;
font-size: 18px;color: #fff}
.stel .stel-tel{display: block;width: 50%;height: 50px;line-height: 50px;
  font-size: 18px;color: #fff;float: left;background: #ffb706;
  padding-left: 10%;
}
.stel .stel-tel span{
  display: inline-block;
  width: 80px;
  height: 50px;
  margin-top: 0px;
  position: fixed;
}
.stel .stel-contact{
  display: block;width: 50%;height: 50px;line-height: 50px;
  font-size: 18px;color: #fff;float:right;background: #f69938;
  padding-left: 10%;
}
.stel .stel-contact span{
  display: inline-block;
  width: 80px;
  height: 50px;
  margin-top: 0px;
  position: fixed;
}
.icon{
 display: inline-block;
  width: 50px;
  height: 50px;
}
.icon-tel{
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("../images/flow/icon_tel.png");
  background-position: center center;
  background-size: 32px 32px;
  margin-right: 5px;
  margin-top: 10px;
}
.icon-contact{
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("../images/flow/icon_contact.png");
  background-position: center center;
  background-size: 32px 32px;
  margin-right: 5px;
  margin-top: 10px;
}