/*
  Theme Name: Startup Kit
  Theme URI: 这里填主题介绍的网址，没有就填你的博客网址吧
  Description: Startup kit
  Version: 1.1
  Author: Startup Kit团队
  Author URI: meiyou.com
  Tags: responsive, custom, bootstrap
*/

/*common*/

body {
  color: #585c61;
  font-family: "SimHei", "SimSun", "FangSong", sans-serif;
}

.custom-orange-bg {
  color: #fff;
  background-color: #fe5e10;
  border-color: #f6851d;
  font-weight: normal;
  border: none;
}

.custom-orange-bg:hover,
.custom-orange-bg:focus {
  color: #fff;
  background-color: #fd7f10;
  border-color: #fd7f10;
}

.btn,
a.btn {
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "pt_sans", "Microsoft YaHei", sans-serif;
  font-weight: normal;
  line-height: 1.3;
}

.pos_relative {
  position: relative;
}

.startupkit h1,
.startupkit h1.block-heading,
.startupkit h1.headline {
  font-size: 32px;
  color: #1b1a19;
}

.startupkit h2,
.startupkit h2.block-heading,
.startupkit h2.headline {
  font-size: 32px;
  color: #585c61;
}

.startupkit h3,
.startupkit h3.block-heading,
.startupkit h3.headline {
  font-size: 24px;
  color: #585c61;
}

.startupkit h4,
.startupkit h4.block-heading,
.startupkit h4.headline {
  font-size: 18px;
  color: #999;
}

.startupkit h5,
.startupkit h5.block-heading,
.startupkit h5.headline {
  font-size: 16px;
  color: #585c61;
}

.footer-style h5 {
  font-size: 20px;
  color: #FFFFFF;
}

.footer-style .footer-first {
  padding-left: 0px;
}

.startupkit h6,
.startupkit h6.block-heading,
.startupkit h6.headline {
  font-size: 14px;
  color: #999;
}

.startupkit .default-bg,
.startupkit .default-bg .contact-page .hero-holder,
.startupkit .default-bg .hero-mask-solid {
  background-color: #e8eef5;
}

.startupkit .default-bg .heading-section .heading-content {
  color: #585c61;
}

.startupkit .default-header-color {
  color: #1b1a19;
  font-family: Source Han Sans CN;
  font-size: 40px;
  font-weight: bold;
}
.startupkit .default-header-color1 {
  color: #3D3D3D;
  text-align: left;
  width: 250px; /*原来200*/
  height: 100px;
  left: 0;
  top: -10px;
  font-family: Source Han Sans CN;
  font-size: 40px;
  font-weight: bold;
}
.startupkit .default-header-color2 {
  color: #3D3D3D;
  position: absolute;
  left: 5%;
  top: -25px;
  font-family: Source Han Sans CN;
  font-size: 20px;
  font-weight: normal;
}





.startupkit .default-text-color {
  color: #585c61;
}

.startupkit .default-p {
  font-family: Source Han Sans CN;
  font-size: 24px;
  font-weight: normal;
  color: #E4E4E4;
  
  
  
  
}

.startupkit .default-deactive-color {
  color: #999999;
}

.startupkit .default-a {
  color: #fd5e0f;
}

.startupkit .default-a:hover {
  color: #f6851d;
}

.contact-page .hero-holder,
.contact-page .hero-wrapper,
.contact-page .hero-mask-solid,
.hero-mask-gradient {
  background: none;
}

.blog-signup-block,
.contact-page .hero-holder {
  background-color: #e8eef5;
}

.privacy-policy-page .hero-holder {
  background: none;
  background-color: #e8eef5;
}

.orange-color {
  color: #2061C2;
}

.clearfix {
  clear: both;
}

.startupkit .heading-section .back-to-main a {
  color: #585c61;
}

.border-block .container {
  border-top: 1px solid #eee;
  padding-top: 50px;
  padding-bottom: 50px;
}

.block-heading {
  margin-bottom: 30px;
}

.startupkit .form-white-heading {
  font-size: 24px;
  color: #fff;
}

.btn.display-more-button {
  padding: 10px 45px;
}

.caredown {
  float: right;
  line-height: 20px;
}

.startupkit .mt-40 {
  margin-top: 40px;
}

.team-list {
  padding-bottom: 100px;
}
.item-inner-pic {
  width: 100%;
  height: 220px;
  /* background: url("../img/map.png") no-repeat center; */
  
  background: url(../img/company/map.png) no-repeat center
  background-size: auto 100%;
}
/*新增案例样式*/
.case-alltitle {
  font-size: 28px !important;
  /*color:rgba(40,39,39,1)!important;*/
  color: #282727 !important;
  margin-top: 10px;
  margin-bottom: 20px;
}
.case-content {
  color: rgba(94, 94, 94, 1) !important;
  /*font-size:18px!important;*/
}
.case-contentStrong {
  color: #272727 !important;
}
.case-contentBottom {
  margin-bottom: 50px;
}
/*新增案例样式结束*/
@media (min-width: 1200px) {
  .container {
    /* width: 1140px; */
    /* margin-left:5px */
  }
}

/*fixed*/

.page-nav-wrapper {
  padding: 0px;
  width: 100%;
  position: relative;
  background: none;
}

.page-nav-wrapper.fixed {
  background: #fd5e0f;
  z-index: 999;
}

.page-nav-wrapper.fixed ul {
  margin-bottom: 0px;
}

/*header*/

.header {
  min-height: 65px;
}

.header .logo {
  line-height: normal;
  margin-top: 15px;
  margin-left: 50px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .navbar-nav {
    margin: 7.5px -15px;
  }
}

@media (min-width: 992px) {
  .navbar-right .dropdown-menu {
    top: 65px;
    left: -54px;
    right: auto;
  }
  .navbar-nav > li > a {
    padding: 0px;
  }
  .main-nav .nav .dropdown-menu li {
    padding-bottom: 0px;
  }
  .main-nav .nav .dropdown-menu a {
    font-size: 1.4rem;
  }
}

.main-nav .nav .nav-item {
  text-transform: none;
  padding-top: 22px;
  padding-bottom: 22px;
  margin-left: 35px;
  margin-right: 35px;
  font-size: 1.6rem;
  font-weight: bold;
}

.main-nav .nav .nav-item.login {
  margin-right: 0;
  padding-top: 18px;
  padding-bottom: 0px;
}

.main-nav .nav .nav-item.login img {
  margin-top: -3px;
}

.main-nav .nav .nav-item.login a.login_a {
  /* text-align: center; */
  padding: 0px 5px 0px;
}

.main-nav .nav .nav-item.login a.login_a label {
  padding: 5px 13px 5px 8px;
  font-weight: normal;
  cursor: pointer;
  font-size: 1.4rem;
  border-radius: 6px;
  border: 1px solid #fd5e0f;
  color: #fd5e0f;
}

.main-nav .nav .nav-item.login span {
  font-size: 1.4rem;
  padding-left: 5px;
}

.main-nav .nav .nav-item.language {
  margin-left: 0;
  text-transform: capitalize;
}

.main-nav .nav .nav-item.language a {
  padding-right: 0;
  padding-left: 20px;
}

.main-nav .nav .nav-item.language span {
  /*border: 1px solid #FFF;*/
  padding: 2px 3px;
  /*border-radius: 4px;*/
  font-size: 14px;
}

.main-nav .nav .dropdown-menu .nav-item {
  padding-top: 0;
  margin: 0;
  text-align: center;
}

.main-nav .nav .nav-item .nav-item-i {
  padding: 0 0 0 3px;
}

@media (max-width: 1023px) {
  .header .logo img {
    width: 115px;
    margin-left: 40px;
    margin-top: 10px;
  }
  .main-nav .navbar-toggle {
    margin-right: 40px;
    margin-top: 10px;
  }
  .main-nav .navbar-toggle .icon-bar {
    width: 30px;
    background: #fff;
  }
  .main-nav .nav .nav-item {
    padding-top: 0;
  }
  .main-nav .nav .nav-item.language {
    margin-left: 20px;
  }
  .main-nav .nav .dropdown-menu {
    width: 100%;
  }
  /*修改导航在768px时折叠*/
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    background: rgba(53, 55, 60, 0.8);
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-nav .nav .nav-item a {
    color: #ffffff;
  }
  .collapse.in {
    display: block !important;
  }
  .main-nav .nav .nav-item.language a {
    padding-left: 10px;
  }
  .box-title{margin-top:10px !important;}
  .toup2{overflow:hidden;}
}

@media (max-width: 767px) {
  .header .logo {
    margin-left: 0px;
  }
  .header .logo img {
    margin-left: 0;
  }
  .main-nav .navbar-toggle {
    margin-right: 0;
  }
  .main-nav .nav .nav-item {
    padding-top: 0;
  }
  .main-nav .nav .dropdown-menu {
    width: 100%;
  }
}

.header-no-bg {
  background: none;
}

.header-white-bg {
  background: none;

  color: #000;
  border-bottom: 1px solid #eee;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 2px 2px 5px #eee;
  -webkit-box-shadow: 2px 2px 5px #eee;
  -moz-box-shadow: 2px 2px 5px #eee;
}

.header-white-bg .main-nav .navbar-toggle .icon-bar {
  background: black;
}

.header-white-bg .main-nav .nav .nav-item a {
  color: rgba(0, 0, 0, 0.8);
}

.header-white-bg .main-nav .nav .dropdown-menu .nav-item a {
  color: rgba(255, 255, 255, 0.8);
}

.header-white-bg .main-nav .nav .nav-item.login span {
  color: white !important;
}

.header-white-bg .main-nav .nav .nav-item.language a span {
  color: orangered !important;
}

/*活动列表，通用列表*/

.posts-promo-block .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
}

.posts-promo-block .swiper-container {
  padding-bottom: 50px;
}

.posts-promo-block .swiper-pagination-white .swiper-pagination-bullet {
  background: #aba2a2 !important;
}

.posts-promo-block .swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fd5e0f !important;
}

.posts-block .post .meta {
  color: #656972;
}

.activity-review .play-icon {
  position: relative;
}

.activity-review .play-icon .play-icon-img {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  margin-left: -30px;
  top: 10px;
}

.join-together {
  padding-top: 43px;
  padding-bottom: 50px;
}

.join-together .together-content {
  padding-left: 16%;
  padding-right: 16%;
}

@media (max-width: 920px) {
  .join-together .together-content {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.join-together .together-content p {
  line-height: 28px;
}

.join-topics {
  background: #e9eef4;
  padding-top: 65px;
  padding-bottom: 60px;
}

.join-topics .col-md-12 {
  padding: 0px;
}

.join-topics .j-topic-item {
  background: #fff;
  padding-top: 30px;
  min-height: 155px;
}

.join-topics .j-topic-item .jt-item-l {
  float: left;
  display: block;
  width: 27%;
  text-align: center;
}

.join-topics .j-topic-item .jt-item-l img {
  width: 55px;
  height: 55px;
}

.join-topics .j-topic-item .jt-item-r {
  float: left;
  display: block;
  width: 69%;
}

.join-topics .j-topic-item .jt-item-r .title {
  font-size: 2rem;
  padding: 0px;
  margin: 0px;
  padding-bottom: 20px;
}

.join-topics .j-topic-item .jt-item-r .intro {
  font-size: 1.4rem;
}

.join-us-page .more-job .more-button {
  /*background: #F6851D;*/
  /*border-color: #F6851D;*/
  font-weight: 100;
  padding: 10px 30px;
}

.join-section {
  padding-top: 72px;
  padding-bottom: 70px;
}

.join-section .customers-section .item-mask {
  background-color: rgba(255, 255, 255, 0) 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0) 0),
    to(rgba(255, 255, 255, 0.8) 85%)
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 85%
  );
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 85%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 85%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 85%
  );
}

.join-section .customers-section .item-inner:hover .item-content,
.join-section .customers-section .item-inner:active .item-content,
.join-section .customers-section .item-inner:focus .item-content {
  margin-top: 15px;
}

.join-section .customers-section .item-inner:hover .item-mask,
.join-section .customers-section .item-inner:active .item-mask,
.join-section .customers-section .item-inner:focus .item-mask {
  background-color: rgba(0, 0, 0, 0) 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0) 0),
    to(rgba(255, 255, 255, 0.8) 35%)
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 35%
  );
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 35%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 35%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 35%
  );
}

.heading-section .heading-content,
.customers-section .item-content,
.customers-section .content-desc .fa {
  color: #585c61;
}

.join-section .customers-section .item {
  margin-bottom: 32px;
}

.join-section .customers-section .item-inner {
  height: 387px;
}

.join-section .customers-section .stories-wrapper {
  margin-bottom: 20px;
}

.join-section .customers-section {
  background: none;
  padding: 0px;
}

@media (max-width: 920px) {
  .join-topics .j-topic-item {
    min-height: 175px;
  }
  .join-topics .j-topic-item .jt-item-l img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767px) {
  .join-topics .j-topic-item {
    min-height: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .join-topics .j-topic-item .jt-item-l img {
    width: 55px;
    height: 55px;
  }
}

/*更多内容背景色*/

.background-gray {
  background: #e8eef5;
}

/* demo申请页面 */

.demo-download-page .signup-section .section-inner {
  background-image: none;
}

.demo-download-page .signup-section {
  background-color: #e8eef5;
}

.demo-download-page .signup-section .form-wrapper {
  max-width: 1000px;
}

.demo-download-page .signup-section .form-box {
  text-align: left;
  padding-bottom: 20px;
}

.demo-download-page .signup-section .form-desc {
  margin-bottom: 10px;
}

.demo-download-page .input-group-btn button {
  height: 45px;
}

.demo-download-page .form-wrapper .form-checkbox-group {
  float: left;
  margin: 0;
  margin-bottom: 20px;
  font-size: 1.5rem;
}

.demo-download-page .form-btn {
  padding: 10px 40px;
}

.demo-download-page .signup-section .form-box::after {
  border: none;
}

/*隐私条款*/

.privacy-policy-page .job-single-block {
  padding-top: 0;
  padding-bottom: 50px;
}

.privacy-policy-page .job-single-block p {
  margin: 0;
  line-height: 2.6rem;
  font-size: 1.5rem;
}

/*联系我们*/

.contact-methods {
  padding-top: 0px;
  padding-bottom: 0;
  margin-bottom: 0;
  background: #f1f3f7;
}

.contact-methods h2 {
  padding-bottom: 40px;
}

.contact-phone {
  padding-top: 43px;
}

.contact-address {
  padding-top: 20px;
  padding-bottom: 40px;
}

.contact-methods .item-inner {
  padding: 15px 30px;
}

.contact-methods .contact-service-inner {
  height: 250px;
  overflow: hidden;
  background: #fff;
}

.contact-methods .contact-address-inner {
  height: 130px;
  overflow: hidden;
  background: #fff;
}

.contact-methods .contact-address-inner .headline {
  font-size: 18px;
  color: #585c61;
  margin-bottom: 10px;
}

.contact-map {
  padding-top: 70px;
  padding-bottom: 70px;
}

.contact-map .address-map {
  width: 100%;
  height: 415px;
  /*background: url('../img/u2380.png') center bottom no-repeat;*/
  /*background-size: cover;*/
}

.contact-apply {
  padding-top: 53px;
  padding-bottom: 90px;
  background: url("../img/contact_us_apply.jpg") center bottom no-repeat;
  background-size: cover;
  color: #fff;
}

.contact-apply h2 {
  color: #fff;
}

.contact-apply .apply-button {
  margin-top: 15px;
  padding: 10px 45px 10px 45px;
  margin-bottom: 15px;
  border: none;
}

@media (max-width: 1024px) {
  .contact-page h2 {
    font-size: 2.6rem;
  }
  .contact-page h3 {
    font-size: 2rem;
  }
  .contact-methods .contact-service-inner {
    height: 300px;
  }
  .about-us-dev.wad-scope {
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .contact-methods .contact-service-inner {
    height: auto;
    padding-bottom: 10px;
  }
  .contact-methods .contact-address-inner {
    height: auto;
    padding-bottom: 10px;
  }
}

.reserve {
  padding-top: 50px;
  padding-bottom: 30px;
}

/*footer tool*/

/*footer tool*/

.footer-bottom-tool {
  position: fixed;
  right: 0px;
  bottom: 20px;
  z-index: 99999;
  /*width: 350px;*/
  width: auto;
}

.footer-bottom-tool .footer-bottom-scroll {
  float: right;
}

.footer-bottom-tool .btn-block {
  position: relative;
  float: right;
  width: auto;
  background-color: #fd5e0f;
  height: 55px;
  margin: 0px;
  padding: 5px 5px 5px 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-decoration: none;
  color: white;
}

.footer-bottom-tool .btn-block .btn-block-a {
  position: absolute;
  width: 100%;
  height: 55px;
  left: 0px;
  top: 0px;
}

.footer-bottom-tool .btn-block:hover,
.footer-bottom-tool .btn-block img:hover,
.footer-bottom-tool .btn-block label:hover {
  cursor: pointer;
}

.footer-bottom-tool .img-scroll-top:hover {
  cursor: pointer;
}

.footer-bottom-tool .btn-block {
  margin-left: 5px;
}

.footer-bottom-tool .btn-block img {
  max-width: 40px;
  float: left;
  margin-top: 8px;
}

.footer-bottom-tool .liveagent_button {
  padding: 0 !important;
}

.footer-bottom-tool .liveagent_button img {
  max-width: none;
  width: 126px;
  height: 55px;
  margin: 0px !important;
  padding: 0px;
}

.footer-bottom-tool .btn-block label {
  font-weight: normal;
  font-size: 15px;
  padding-top: 5px;
  line-height: 20px;
  float: left;
  margin-left: 5px;
}

/*footer*/

.footer {
  background: #030D26;
  padding-bottom: 0;
  color: #999;
  font: normal 14px/24px Microsoft YaHei;
  position: relative;
}

.footer .footer-col {
  height: 220px;
}

@media (min-width: 1024px) {
  .item-one {
    width: 18%;
  }
}

@media (max-width: 1024px) and (min-width: 767px) {
  .footer-style {
    padding-left: 45px;
  }
  .footer {
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .footer .footer-col {
    padding-left: 45px;
    height: 240px;
  }
  .footer-bottom-tool {
    right: 112px;
    bottom: 20px;
    width: 350px;
  }
  .footer-bottom-tool .btn-block {
    padding: 5px 0px 5px 5px;
  }
  .footer-bottom-tool .btn-block img {
    max-width: 30px;
  }
  .footer-bottom-tool .btn-block label {
    font-size: 13px;
  }
}

.footer h6 a {
  color: #999;
}

.footer .webchat-img {
  max-width: 115px;
  max-height: 115px;
}

.footer .webchat-txt {
  color: #fff;
  font-size: 1.2rem;
  margin-left: 5px;
  margin-top: 10px;
}

.footer .footer-bottom {
  margin-top: 50px;
  padding: 15px 0;
  background-color: #464a4e;
  color: #999;
}

.footer .footer-bottom a {
  color: #999;
}

/* mobile footer style */

.footer .small_con {
  position: relative;
}

.footer .small_con .wechat_model {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.footer .small_con .wechat_model .wechat_con {
  width: 140px;
  height: 160px;
  margin: 95px auto 0;
  background: #fff;
  padding: 15px 20px 10px;
  position: relative;
}

.footer .small_con .wechat_model .wechat_con .close_txt {
  position: absolute;
  top: -15px;
  right: -15px;
  background: rgba(0, 0, 0, 0.6);
  width: 30px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
}

.footer .small_con .wechat_model .wechat_con .close_txt span {
  color: #fd5e0f;
  font-size: 16px;
}

.footer .small_con .wechat_model .wechat_con .wechat_img {
  width: 100px;
  height: 100px;
}

.footer .small_con .wechat_model .wechat_con .webchat_txt {
  color: #333;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
  margin-top: 10px;
}

.footer .small_con .item {
  border-bottom: 1px solid #75777a;
}

.footer .small_con .item .footer-angle:before {
  content: "\f107";
}

.footer .small_con .item.active .footer-angle:before {
  content: "\f106";
}

.footer .small_con .item .item-inner {
  border-top: 1px solid #75777a;
}

.footer .small_con .item:last-child {
  border-bottom: none;
}

.footer .small_con .item .footer_collapse {
  height: 50px;
  line-height: 50px;
  margin-top: 0;
  margin-bottom: 0;
}

.footer .small_con .item .footer_collapse,
.footer .small_con .item .item-inner {
  padding-left: 25px;
  padding-right: 15px;
}

.footer .small_con .item .item-inner h6 {
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 0;
}

.footer .small_con .item h6 {
  color: #fff;
  font-size: 16px;
}

.footer .small_con .item h6 a {
  color: #cccccc;
  font-size: 16px;
}

.footer .footer-bottom-small .content {
  padding-left: 25px;
  padding-right: 15px;
  overflow: hidden;
}

.footer .footer-bottom-small .content small {
  width: auto;
  font-size: 10px;
  color: #b1b1b1;
  margin-right: 8px;
  font-family: "pt_sans", "Microsoft Yahei", sans-serif;
}

.footer .footer-bottom-small .content small:last-child {
  margin-right: 0px;
}

.footer .footer-bottom-small .content small a {
  font-size: 10px;
  color: #fff;
}

.footer .links small {
  margin-right: 10px;
}

.footer .footer-bottom-small .content.links {
  white-space: normal;
  overflow: auto;
}

.header .sub-cover {
  width: 70px;
  margin-left: -60px;
  text-align: right;
}

@media (max-width: 767px) {
  .footer {
    padding-top: 0;
  }
  .footer .footer-bottom {
    margin-top: 0;
    padding: 0;
    line-height: 54px;
    margin-bottom: 50px;
  }
  .footer-bottom-tool-mobile {
    background: #fe5e10;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    z-index: 999;
  }
  .footer-bottom-tool-mobile .footer-bottom-scroll {
    margin-left: 2%;
    float: left;
    width: 14%;
    height: 100%;
    background: #585c61;
  }
  .footer-bottom-tool-mobile .footer-bottom-btn {
    float: right;
    width: 84%;
  }
  .footer-bottom-tool-mobile .footer-bottom-btn .col-xs-12,
  .footer-bottom-tool-mobile .footer-bottom-btn .col-xs-4,
  .footer-bottom-tool-mobile .footer-bottom-btn .col-xs-6 {
    padding: 0px;
    margin: 0px;
  }
  .footer-bottom-tool-mobile .footer-bottom-btn .col-xs-4,
  .footer-bottom-tool-mobile .footer-bottom-btn .col-xs-6 {
    border-right: 1px solid #fff;
  }
  .footer-bottom-tool-mobile .footer-bottom-btn .btn-block-mobile {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px auto;
    margin-left: 10%;
    height: 50px;
    display: block;
    position: relative;
    /* border-right:1px solid #fff; */
  }
  .footer-bottom-tool-mobile .btn-block-mobile a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
  }
  .footer-bottom-tool-mobile .btn-block-mobile img {
    width: 45%;
    float: left;
    max-width: 30px;
    margin-top: 10px;
    line-height: 50px;
    display: block;
  }
  .footer-bottom-tool-mobile .btn-block-mobile label {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    float: right;
    margin-top: 10px;
    display: block;
    width: 55%;
  }
}
@media (max-width: 390px) and (min-width: 350px) {
  .footer-bottom-tool-mobile .footer-bottom-btn .btn-block-mobile {
    margin-left: 0%;
  }
}
@media (max-width: 350px) {
  .footer-bottom-tool-mobile .footer-bottom-btn .btn-block-mobile {
    margin-left: 0%;
  }
  .footer-bottom-tool-mobile .btn-block-mobile img {
    width: 30%;
    max-width: 20px;
    margin-top: 15px;
  }
  .footer-bottom-tool-mobile .btn-block-mobile label {
    width: 70%;
  }
}

/*homepage*/

.homepage .banner {
  position: relative;
  height: 480px;
}

.homepage .banner .hero-slider-wrapper {
  height: 480px;
}

.homepage .banner .promo-content {
  margin-top: 170px;
}

.homepage .banner .promo-content .headline {
  font-size: 48px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 23px;
}

.homepage .banner .promo-content .tagline {
  font-size: 20px;
  color: #fff;
  margin-bottom: 50px;
  width: 40%;
}

.homepage .hero-slider-wrapper .flexslider .slide {
  height: 480px;
  background-position: center;
}

.homepage .hero-slider-wrapper .flexslider .slide .container_a {
  position: absolute;
  width: 80%;
  height: 80%;
  bottom: 0px;
  left: 10%;
  z-index: 0;
}

.homepage .promo-content .actions .btn {
  padding: 13px 60px;
  font-size: 16px;
  font-weight: normal;
  border: none;
}

@media (max-width: 1030px) {
  .homepage .banner .promo-content .headline {
    font-size: 3.2rem;
  }
  .homepage .banner {
    height: 380px;
  }
  .homepage .banner .hero-slider-wrapper {
    height: 380px;
  }
  .homepage .banner .promo-content {
    margin-top: 140px;
  }
  .homepage .hero-slider-wrapper .flexslider .slide {
    height: 380px;
  }
  .homepage .banner .promo-content .tagline {
    font-size: 1.6rem;
  }
  .homepage .promo-content .actions .btn {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .homepage h2,
  .homepage h2.block-heading,
  .homepage h2.headline {
    font-size: 26px;
  }
  .homepage .banner {
    height: 340px;
  }
  .homepage .banner .hero-slider-wrapper {
    height: 340px;
  }
  .homepage .banner .promo-content {
    margin-top: 125px;
    padding: 0 50px;
  }
  .homepage .hero-slider-wrapper .flexslider .slide {
    height: 340px;
  }
  /* .homepage .banner .promo-content .headline {
    font-size: 3.5rem;
  }*/
  .homepage .promo-content .actions .btn {
    padding: 5px 35px;
  }
  .homepage .banner .promo-content .tagline {
    width: 55%;
  }
}

@media (max-width: 767px) {
  .homepage .banner .promo-content .headline {
    font-size: 2.6rem;
    margin-bottom: 10px;
  }
  .homepage .banner {
    height: 230px;
  }
  .homepage .banner .hero-slider-wrapper {
    height: 230px;
  }
  .homepage .banner .promo-content {
    margin-top: 80px;
    padding: 0 80px 0 20px;
  }
  .homepage .hero-slider-wrapper .flexslider .slide {
    height: 230px;
  }
  /*.homepage .banner .promo-content .headline {
    font-size: 3.5rem;
    padding-bottom: 10px;
  }*/
  .homepage .banner .promo-content .tagline {
    font-size: 1.2rem;
    margin-bottom: 10px;
    width: 100%;
  }
  .homepage .promo-content .actions .btn {
    font-size: 1.4rem;
  }
}

.homepage .custom-navigation a {
  text-decoration: none;
  display: block;
  width: 45px;
  height: 45px;
  margin: -15px 0 0;
  position: absolute;
  top: 50%;
  z-index: 15;
  /*overflow: hidden;*/
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ffffff;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  opacity: 0.8;
}

.homepage .custom-navigation .flex-prev {
  left: 30px;
}

.homepage .custom-navigation .flex-prev::before {
  content: "";
  position: absolute;
  width: 30px;
  border-bottom: 1px solid #fff;
  height: 20px;
  left: -30px;
  z-index: 999;
}

.homepage .custom-navigation .flex-next {
  right: 30px;
}

.homepage .custom-navigation .flex-next:after {
  content: "";
  position: absolute;
  width: 30px;
  border-bottom: 1px solid #fff;
  height: 22px;
  right: -30px;
  z-index: 999;
}

.homepage .custom-navigation .flex-prev:hover,
.homepage .custom-navigation .flex-next:hover {
  opacity: 1;
}

.custom-controls .flex-control-nav {
  bottom: 20px;
  text-align: center;
  z-index: 11;
}

.custom-controls .flex-control-paging li a {
  background: rgba(255, 255, 255, 0.6);
  width: 15px;
  height: 15px;
  border: none;
}

.custom-controls .flex-control-paging li a.flex-active {
  background: #fd5e0f;
}

.ecology-block {
  padding-top: 45px;
  padding-bottom: 45px;
}

@media (max-width: 768px) {
  .ecology-block {
    padding-top: 33px;
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .ecology-block {
    padding-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .ecology-block .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.ecology-block .ecology-intro {
  padding-bottom: 55px;
}

.ecology-block .ecology-content {
  padding-left: 0;
  padding-right: 0;
  /* visibility: hidden; */
  /* padding-left: 15px;
  padding-right: 15px;*/
}

.ecology-block .ecology-content .col-item {
  margin-bottom: 10px;
}

.ecology-block .ecology-content .col-item.col-item-1 {
  /* animation-name: SliderUpLeftTop 0.5s ease; */
}

.ecology-block .ecology-content .col-item.col-item-2 {
  /* animation-name: SliderUpLeftBottom 1s ease; */
}

.ecology-block .ecology-content .col-item.col-item-3 {
  /* animation: SliderUpRightTop 2s ease; */
}

.ecology-block .ecology-content .col-item.col-item-4 {
  /* animation: SliderUpRightBottom 1.5s ease; */
}

@keyframes SliderUpLeftTop {
  from {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes SliderUpLeftBottom {
  from,
  50% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes SliderUpRightBottom {
  from,
  66.7% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes SliderUpRightTop {
  from,
  75% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.ecology-block .ecology-content p {
  margin-bottom: 0;
  font-size: 2rem;
}

.ecology-block .ecology-content .col-item-empty {
  height: 130px;
}

.ecology-block .ecology-content .col-item-content {
  background: #f0f3f7;
  padding-top: 30px;
  padding-left: 20px;
  padding-bottom: 35px;
  /*padding: 30px 20px;*/
  position: relative;
  overflow: hidden;
}

/*.ecology-block .ecology-content .ecology-xs-padding {
  padding-right: 5px;
  padding-left: 5px;
}*/

.ecology-block .ecology-content .ecology-xs-padding-l {
  padding-right: 20px;
  padding-left: 5px;
}

.ecology-block .ecology-content .ecology-xs-padding-r {
  padding-right: 5px;
  padding-left: 20px;
}

.ecology-block .ecology-content .col-item-content .right-top-flag {
  transform: rotate(45deg);
  position: absolute;
  top: -50px;
  right: -50px;
  width: 100px;
  height: 100px;
  /*border-top: 30px solid transparent;*/
  /*border-right: 30px solid transparent;*/
  border-bottom: 30px solid #fd5e0f;
  /*border-left: 30px solid transparent;*/
}

.ecology-block .ecology-content .col-item-content .right-top-flag-text {
  width: 90px;
  text-align: center;
  font-size: 1.5rem;
  transform: rotate(45deg);
  position: absolute;
  top: 1px;
  right: 9px;
  height: 100px;
  color: #fff;
}

.ecology-block .ecology-content .col-item-content .right-top-flag-text-smaller {
  font-size: 1.4rem;
  letter-spacing: -1px;
}

.ecology-block .ecology-content .col-item-list {
  background: #e9eef4;
  padding: 4px 20px;
  color: #fd5e0f;
  border-top: 1px solid #fff;
}

.ecology-block .ecology-content .col-item-list a {
  color: #fd5e0f;
  text-decoration: none;
}

.ecology-block .ecology-content .col-item-list .col-item-list-block {
  padding: 6px 0;
}

.ecology-block .ecology-content .col-item-list .col-item-list-block a {
  font-size: 1.6rem;
}

.ecology-block .ecology-content .col-item-list .col-item-list-block img {
  margin-right: 10px;
  width: 35px;
  height: 35px;
}

@media (max-width: 1024px) {
  .ecology-block .ecology-content .col-item-list {
    padding: 10px;
    font-size: 12px;
  }
  .ecology-block .ecology-content .col-item-list img {
    width: 20px;
    height: 20px;
  }
  .ecology-block .ecology-content .col-item-list .col-item-list-block a {
    font-size: 1.2rem;
  }
  .ecology-block .ecology-content .col-item-content {
    font-size: 15px;
    padding: 30px 10px;
    white-space: nowrap;
  }
  .ecology-block .ecology-content .col-item.col-animate {
    /* margin-bottom: 30px; */
  }
}

@media (max-width: 768px) {
  .ecology-block .ecology-content .col-item {
    margin-bottom: 50px;
  }
  .ecology-block .ecology-content p {
    font-size: 1.4rem;
  }
  .ecology-block .ecology-content .ecology-xs-padding-l {
    padding-right: 0;
    padding-left: 10px;
    margin-top: -20px;
  }
  .ecology-block .ecology-content .ecology-xs-padding-r {
    padding-right: 10px;
    padding-left: 0;
    margin-top: -20px;
  }
  .ecology-block .ecology-content .col-item-list {
    padding: 8px 10px;
  }
  .ecology-block .ecology-content .col-item-list .col-item-list-block {
    padding: 3px 0px;
  }
  .ecology-block .ecology-content .col-item-list .col-item-list-block img {
    width: 25px;
    height: 25px;
  }
  .ecology-block .ecology-content .col-item-content .right-top-flag {
    transform: rotate(45deg);
    position: absolute;
    top: -45px;
    right: -45px;
    width: 90px;
    height: 90px;
    /*border-top: 20px solid transparent;*/
    /*border-right: 20px solid transparent;*/
    border-bottom: 20px solid #fd5e0f;
    /*border-left: 20px solid transparent;*/
  }
  .ecology-block .ecology-content .col-item-content .right-top-flag-text {
    width: 85px;
    text-align: center;
    font-size: 1.3rem;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    right: 8px;
    height: 90px;
    color: #fff;
  }
}

@media (max-width: 767px) {
  .ecology-block .ecology-intro {
    padding-bottom: 30px;
  }
  .ecology-block .ecology-content .col-item-content {
    padding: 37px 10px 30px 10px;
  }
  .ecology-block .ecology-content .col-item {
    margin-bottom: 15px;
  }
  .ecology-block .ecology-content p {
    font-size: 1.5rem;
  }
  .ecology-block .ecology-content .ecology-xs-padding-l {
    padding-right: 0;
    padding-left: 0;
    margin-top: 30px;
  }
  .ecology-block .ecology-content .ecology-xs-padding-r {
    padding-right: 0;
    padding-left: 10px;
    margin-top: 30px;
  }
}

.categroy-block .categroy-intros {
  padding-top: 45px;
  padding-bottom: 45px;
}

.categroy-block .categroy-intro {
  padding: 40px 60px 45px;
}

.categroy-block .categroy-intro h3 {
  color: #fff;
  line-height: 1.5em;
  opacity: 0.72;
}

.categroy-block .categroy-person {
  color: #fff;
}

.categroy-block .categroy-person img {
  max-height: 80px;
  height: 100%;
  max-width: 320px;
  width: 100%;
}

.categroy-block .categroy-person .name {
  padding-top: 7px;
  color: #fff;
}

.categroy-block .categroy-person .desc {
  padding: 0 0 10px 0;
  line-height: 0;
  color: #fff;
}

.categroy-block .categroy-person .kown {
  margin-top: 10px;
}

.categroy-block .categroy-person .kown a {
  padding: 10px 45px;
}

.categroy-block .categroy-intro h6 {
  color: #fff;
  font-size: 16px;
}

.categroy-block .categroy-intro .categroy-intro-quote-left {
  color: #fd5e0f;
  font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
  font-size: 19rem;
  position: absolute;
  line-height: 3rem;
  left: 0;
  bottom: 3rem;
}

.categroy-block .categroy-intro .categroy-intro-quote-right {
  color: #fd5e0f;
  font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
  font-size: 19rem;
  position: absolute;
  line-height: 3rem;
  right: 0;
  bottom: -2.5rem;
}

.categroy-block .categroy-lists {
  overflow: visible;
}

.categroy-block .categroy-list {
  background: #fff;
}

.categroy-block .categroy-item {
  color: #585c61;
  text-align: center;
  height: 75px;
  width: 25%;
  line-height: 75px;
  background: #f9f8f8;
  border-left: 2px solid #fff;
}

.categroy-block .categroy-item:first-child {
  border-left: none;
}

.categroy-block .categroy-item .cat-icon {
  width: 50px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
}

.categroy-block .categroy-item .selected,
.categroy-block .categroy-item.active .normal,
.categroy-block .categroy-item:hover .normal {
  display: none;
}

.categroy-block .categroy-item.active .selected,
.categroy-block .categroy-item:hover .selected {
  display: inline-block;
}

.categroy-block .categroy-item .cat-1 {
  background: url("../img/cate-1.png") no-repeat center;
}

.categroy-block .categroy-item.active .cat-1,
.categroy-block .categroy-item:hover .cat-1 {
  background: url("../img/cate-1-w.png") no-repeat center;
}

.categroy-block .categroy-item .cat-2 {
  background: url("../img/cate-2.png") no-repeat center;
}

.categroy-block .categroy-item.active .cat-2,
.categroy-block .categroy-item:hover .cat-2 {
  background: url("../img/cate-2-w.png") no-repeat center;
}

.categroy-block .categroy-item .cat-3 {
  background: url("../img/cate-3.png") no-repeat center;
}

.categroy-block .categroy-item.active .cat-3,
.categroy-block .categroy-item:hover .cat-3 {
  background: url("../img/cate-3-w.png") no-repeat center;
}

.categroy-block .categroy-item .cat-4 {
  background: url("../img/cate-4.png") no-repeat center;
}

.categroy-block .categroy-item.active .cat-4,
.categroy-block .categroy-item:hover .cat-4 {
  background: url("../img/cate-4-w.png") no-repeat center;
}

.categroy-block .categroy-item .cat-name {
  margin-left: 10px;
  color: #666666;
  font-size: 1.6rem;
}

.categroy-block .categroy-item a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
}

.categroy-block .categroy-item.active .cat-name,
.categroy-block .categroy-item:hover .cat-name {
  color: #fff;
}

.categroy-block .categroy-item .fa {
  font-size: 18px;
}

.categroy-block .categroy-item:hover,
.categroy-block .categroy-item.active {
  background: #fd5e0f;
  color: #fff;
}

.categroy-block .categroy-item.active::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: -20px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #fd5e0f;

  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

@media (max-width: 1200px) and (min-width: 768px) {
  .categroy-block .categroy-item.active::before {
    display: none;
    left: 40%;
  }
  .categroy-block .categroy-item .cat-name {
    font-size: 1.4rem;
  }
}

.categroy-block .categroy-con {
  padding-top: 125px;
  padding-bottom: 40px;
}

.categroy-block .categroy-con h6 {
  font-size: 18px;
  letter-spacing: 1px;
}

.categroy-block .categroy-con .item {
  padding-left: 15px;
  color: #333;
}

.categroy-block .categroy-con .item .categroy-more {
  padding: 9px 46px;
}

.categroy-block .categroy-con-intro {
  padding-top: 35px;
  padding-bottom: 18px;
}

.categroy-block .categroy-con-intro li {
  margin-bottom: 7px;
  height: 24px;
  line-height: 24px;
}

.categroy-block .categroy-con .cateimg {
  padding-top: 45px;
}

.categroy-block .categroy-con .cateimg img {
  max-width: none;
  width: 125%;
}

@media (max-width: 1024px) {
  .categroy-block .categroy-item {
    height: 50px;
    line-height: 50px;
  }
  .categroy-block .categroy-item .cat-icon {
    width: 30px;
    height: 30px;
  }
  .categroy-block .categroy-item .cat-icon.cat-1,
  .categroy-block .categroy-item .cat-icon.cat-2,
  .categroy-block .categroy-item .cat-icon.cat-3,
  .categroy-block .categroy-item .cat-icon.cat-4 {
    background-size: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .categroy-block .categroy-con {
    padding-top: 50px;
  }
  .categroy-block .categroy-con h2 {
    font-size: 26px;
  }
  .categroy-block .categroy-con h6 {
    font-size: 16px;
    line-height: 24px;
  }
  .categroy-block .categroy-con .cateimg {
    position: relative;
    z-index: -1;
  }
  .categroy-block .categroy-con .cateimg img {
    width: 125%;
    position: absolute;
    right: 10%;
    max-width: none;
  }
}

@media (max-width: 768px) {
  .categroy-block .categroy-intros {
    /* padding-top: 5px;
    padding-bottom: 33px;*/
  }
  .categroy-block .categroy-con-intro {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .categroy-block .categroy-intro h3 {
    font-size: 2rem;
  }
  .categroy-block .categroy-intro .categroy-intro-quote-left {
    font-size: 12rem;
    bottom: 1rem;
    left: 9%;
  }
  .categroy-block .categroy-intro .categroy-intro-quote-right {
    font-size: 12rem;
    bottom: -2.4rem;
    right: 9%;
  }
  .categroy-block .categroy-intro {
    padding: 33px 110px 0;
  }
  .categroy-block .categroy-person img {
    max-width: 220px;
  }
  .categroy-block .categroy-person .name {
    padding-top: 0;
  }
  .categroy-block .categroy-list {
    padding-right: 0;
  }
  .categroy-block .categroy-item .cat-name {
    font-size: 1.4rem;
  }
  .categroy-block .categroy-con {
    padding-top: 10px;
  }
  .categroy-block .categroy-con h2 {
    font-size: 25px;
  }
  .categroy-block .categroy-con .categroy-con-intro {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .categroy-block .categroy-con .cateimg {
    position: relative;
    z-index: 1;
  }
  .categroy-block .categroy-con .cateimg img {
    position: relative;
    max-width: 130%;
  }
  .categroy-block .categroy-con .item {
    text-align: left;
    margin-top: 10px;
  }
  .categroy-block .categroy-con .categroy-con-intro .item {
    width: 120px;
    display: inline-block;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .categroy-block .categroy-item {
    width: 45%;
  }
  .categroy-block .categroy-intros {
    /*padding-top: 5px;
    padding-bottom: 30px;*/
  }
  .categroy-block .categroy-con-intro li img {
    margin-right: 12px;
    margin-top: -5px;
  }
  .categroy-block .categroy-intro h3 {
    font-size: 2rem;
    line-height: 30px;
  }
  .categroy-block .categroy-intro .categroy-intro-quote-left {
    font-size: 12rem;
    top: 6rem;
    left: 0%;
  }
  .categroy-block .categroy-intro .categroy-intro-quote-right {
    font-size: 12rem;
    bottom: -3rem;
    right: 0%;
  }
  .categroy-block .categroy-intro {
    padding: 5px 7px 0;
  }
  .categroy-block .categroy-con {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .categroy-block .categroy-con .item {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-top: 10px;
  }
  .categroy-block .categroy-con .cateimg img {
    position: relative;
    max-width: 130%;
    margin-left: -15%;
  }
  .categroy-block .categroy-lists {
    overflow: hidden;
  }
}

.lasted-active {
  padding: 15px 0 40px;
  background-size: cover;
  background-color: #f5f6f7;
}

.lasted-active .related-posts {
  padding: 0;
  background: none;
}

.lasted-active .related-posts .item .inner {
  border: none;
}

.lasted-active .related-posts .item .inner .figure-holder {
  height: 240px;
  overflow: hidden;
}

.lasted-active .related-posts .item .inner .figure-holder img {
  background-size: contain;
  width: 100%;
}

.lasted-active .related-posts .item .inner .contents {
  padding: 20px 25px;
}

@media (min-width: 1024px) {
  .lasted-active .related-posts .item .inner .figure-holder img {
    height: 100%;
  }
}

.lasted-active .related-posts .item .inner .contents .titles {
  font-size: 16px;
  color: #333;
  min-height: 40px;
}

.lasted-active .related-posts .item .inner .contents h6 {
  margin-bottom: 0;
}

.lasted-active .desc {
  letter-spacing: 1px;
}

.lasted-active h5 {
  color: #fff;
}

.lasted-active h5 {
  font-size: 1.8rem;
}

.lasted-active-button {
  display: inline-block;
  padding: 0;
  margin-top: 33px;
  margin-bottom: 50px;
}

.lasted-active-button li {
  display: inline;
}

.lasted-active-button li a {
  padding: 13px 43px;
  float: left;
  border: 1px solid #999;
  color: #fff;
  margin-left: -1px;
  background: #666c6c;
  font-size: 1.6rem;
}

.lasted-active .lasted-active-item .item {
  width: 33.333333%;
  float: left;
}

.lasted-active-button li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #ccc;
}

.lasted-active-button li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lasted-active-button li.active a,
.lasted-active-button li:hover a {
  background: #fe5e10;
  border-color: #fe5e10;
  text-decoration: none;
}

@media (max-width: 1023px) {
  .lasted-active-button li a {
    padding: 5px 20px;
  }
  .lasted-active .related-posts .item .inner .figure-holder {
    height: 150px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .lasted-active {
    margin-top: 5px;
  }
  .lasted-active .lasted-active-item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .lasted-active-button {
    margin-top: 15px;
    margin-bottom: 33px;
  }
  .lasted-active .related-posts .item {
    padding: 0 5px;
  }
  .lasted-active .related-posts .item .inner .contents {
    padding: 5px 10px;
  }
  .lasted-active .related-posts .item .inner .contents .titles {
    font-size: 15px;
  }
  .lasted-active .related-posts .item .inner .contents h6 {
    margin-top: 6px;
    margin-bottom: 8px;
  }
}

@media (max-width: 767px) {
  .lasted-active .lasted-active-item {
    padding-left: 10px;
    padding-right: 0px;
  }
  .lasted-active .lasted-active-item .item {
    width: 70%;
    float: left;
  }
  .lasted-active .lasted-active-item .item:last-child {
    margin-right: 10px;
  }
  .lasted-active .related-posts .item .inner .contents .titles {
    font-size: 14px;
    line-height: 22px;
    min-height: 44px;
  }
}

.membership-block {
  padding: 50px 0 67px 0;
}

.membership-block h2 {
  color: #333;
}

.membership-block h6 {
  color: #999;
  font-size: 18px;
  letter-spacing: 1px;
}

.membership-block .item-list {
  margin-top: 50px;
  height: 70px;
  line-height: 70px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: -50px;
  margin-right: -50px;
}

.membership-block .item {
  margin-bottom: 10px;
  width: 20%;
  float: left;
}

/*.swiper-slide {
  margin-left: auto;
  margin-right: auto;
}*/

.membership-block .item img {
  max-width: 100%;
  max-height: 60px;
}

.membership-block .swiper-button-next.swiper-button-disabled,
.membership-block .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.membership-block .swiper-button-prev {
  height: 70px;
  width: 50px;
  margin-top: 0;
  left: 0;
  top: 0;
  background: #fff;
}

.membership-block .swiper-button-prev .left {
  position: relative;
  width: 16px;
  height: 100%;
}

.membership-block .swiper-button-disabled .left,
.membership-block .swiper-button-disabled .right {
  opacity: 0.35;
}

.membership-block .swiper-button-prev .left .left-arrow {
  background-image: url(../img/left-arrow.png);
  background-size: cover;
  width: 100%;
  height: 35px;
  top: 17px;
  position: absolute;
}

.membership-block .swiper-button-next {
  height: 70px;
  width: 50px;
  margin-top: 0;
  right: 0;
  top: 0;
  background: #fff;
}

.membership-block .swiper-button-next .right {
  position: relative;
  width: 16px;
  height: 100%;
  margin-left: 34px;
}

.membership-block .swiper-button-next .right .right-arrow {
  background-image: url(../img/right-arrow.png);
  background-size: cover;
  width: 100%;
  height: 35px;
  top: 17px;
  position: absolute;
}

@media (max-width: 1139px) {
  .membership-block .item-list {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1023px) {
  .membership-block .item-list {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  .membership-block {
    padding-top: 30px;
    padding-bottom: 65px;
  }
  .membership-block h6 {
    font-size: 1.6rem;
  }
  .membership-block .item-list {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px;
  }
  .membership-block .item img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .membership-block {
    padding-top: 30px;
    padding-bottom: 75px;
  }
  .membership-block h2 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 26px;
  }
  .membership-block h6 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
  }
  .membership-block .item {
    width: 40%;
  }
  .membership-block .item-list {
    padding-left: 0;
    padding-right: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-left: 0px;
    margin-right: 0px;
  }
  .membership-block .item-list::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.reserve-block {
  background-image: url("../img/contact-us-bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding: 50px 0 78px 0;
}

.reserve-block .reserve-button {
  margin-top: 30px;
  margin-bottom: 20px;
}

.reserve-block .reserve-button a {
  padding: 9px 46px;
}

.reserve-block h2,
.reserve-block h3,
.reserve-block h4,
.reserve-block h5 {
  color: #fff;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .homepage .promo-content {
    margin-top: 150px;
  }
  .homepage .headline {
    font-size: 36px;
  }
  .homepage .banner .promo-content .tagline {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .homepage .banner .promo-content .tagline p {
    line-height: 30px;
  }
}

@media (max-width: 768px) {
  .reserve-block {
    padding: 30px 0 40px 0;
  }
  .reserve-block .reserve-button a {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .reserve-block {
    padding: 35px 0 40px 0;
  }
  .reserve-block h2 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .reserve-block h4 {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 17px;
    letter-spacing: -1px;
  }
  .reserve-block .reserve-button {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .reserve-block .reserve-button a {
    padding: 6px 35px;
  }
}

/* case list page */

.case-list-page .hero-holder {
  background: url("../img/case-list-banner.png");
  height: 420px;
  background-size: cover;
}

.case-list-page .heading-section .headline {
  text-align: left;
  font-size: 48px;
  color: #fff;
  font-weight: bold;
  margin-left: -15px;
}

.case-list-page .heading-section {
  padding-top: 190px;
  height: 420px;
}

.case-list-page .hero-wrapper {
  height: 420px;
}

.case-list-page .categroy {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #e9eef4;
}

.case-list-page .categroy .select-cate {
  margin-bottom: 40px;
}

.case-list-page .categroy .select-cate button {
  color: #999;
}

.case-list-page .case-list-cate {
  margin-bottom: 30px;
}

.case-list-page .case-list-cate .case-list-item {
  margin-left: 130px;
}

.case-list-page .case-list-cate .case-list-item .lable {
  color: #585c61;
  width: 115px;
  font-size: 18px;
  margin-right: 10px;
  line-height: 34px;
}

.case-list-page .case-list-cate .case-list-item .cate-list-inner {
  width: 885px;
}

.case-list-page .case-list-cate .case-list-item .cate-list-inner li {
  margin-bottom: 10px;
}

.case-list-page .case-list-cate .case-list-item .cate-list-inner li a {
  color: #999999;
  border-color: #e5e5e5;
  font-size: 16px;
}

.case-list-page
  .case-list-cate
  .case-list-item
  .cate-list-inner
  li:first-child
  a {
  padding: 6px 33px;
}

.case-list-page .case-list-cate .case-list-item .cate-list-inner li:hover a,
.case-list-page .case-list-cate .case-list-item .cate-list-inner li.active a {
  color: #fff;
  background-color: #fe5e10;
  font-weight: normal;
  font-size: 16px;
}

.case-list-con .list {
  margin-bottom: 30px;
  padding: 0 15px;
  width: 32%;
  float: left;
}

.case-list-page .case-list-con .item {
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.case-list-page .case-list-con .item.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.case-list-page .case-list-con .item img {
  width: 100%;
  height: 100%;
}

.case-list-page .case-list-con .item.item-center {
  height: 520px;
}

.case-list-page .case-list-con .item .item-con {
  position: relative;
  width: 100%;
  height: 100%;
}

.case-list-page .case-list-con .item .item-title {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

.case-list-page .case-list-con .item .item-content {
  position: absolute;
  display: table;
  bottom: 0;
  padding: 10px 30px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  left: 0;
  top: 100%;
  -webkit-transition: top 0.4s ease-in-out;
  -moz-transition: top 0.4s ease-in-out;
  -o-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
}

.case-list-page .case-list-con .item .item-con {
  display: table-cell;
  vertical-align: middle;
}

.case-list-page .case-list-con .item:hover .item-content {
  top: 0;
}

.case-list-page .case-list-con .item:hover .item-title {
  bottom: -40px;
  webkit-transition: bottom 0.2s ease-in-out;
  -moz-transition: bottom 0.2s ease-in-out;
  -o-transition: bottom 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out;
}

.case-list-page .case-list-con .item .item-content .title {
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: inline;
  margin: 0px auto;
  border-bottom: 1px solid #fff;
}

.case-list-page .case-list-con .item .item-content .intro {
  margin-top: 20px;
  font-size: 1.4rem;
}

.case-list-page .case-list-con .item .item-content .intro .hangye_icon {
  width: 35px;
}

.case-list-page .case-list-con .item .item-content .intro i {
  margin-right: 5px;
}

.case-list-page .case-list-con .item .item-content .more {
  margin-top: 15px;
}

.case-list-page .categroy .get-more-case-list {
  margin-top: 10px;
}

.case-list-page .partner {
  margin-top: 48px;
  margin-bottom: 60px;
}

.case-list-page .partner .headline {
  margin-bottom: 50px;
}

.case-list-page .partner .partner-list .partner-list-large {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 26px;
  padding-right: 26px;
}

.case-list-page .partner .swiper-button-prev {
  height: 230px;
  width: 16px;
  margin-top: 0;
  left: 0;
  top: 0;
}

.case-list-page .partner .swiper-button-prev .left {
  background: #fff;
  position: relative;
  width: 100%;
  height: 100%;
}

.case-list-page .partner .swiper-button-prev .left .left-arrow {
  background-image: url(../img/);
  background-size: cover;
  width: 100%;
  height: 35px;
  top: 103px;
  position: absolute;
}

.case-list-page .partner .swiper-button-next {
  height: 230px;
  width: 16px;
  margin-top: 0;
  right: 0;
  top: 0;
}

.case-list-page .partner .swiper-button-next .right {
  background: #fff;
  position: relative;
  width: 100%;
  height: 100%;
}

.case-list-page .partner .swiper-button-next .right .right-arrow {
  background-image: url(../img/);
  background-size: cover;
  width: 100%;
  height: 35px;
  top: 103px;
  position: absolute;
}

.case-list-page .partner .partner-list-small {
  margin-bottom: 10px;
}

.case-list-page .partner .partner-list .item {
  margin-bottom: 40px;
  height: 70px;
  line-height: 70px;
}

.case-list-page .partner .partner-list .item.item-margin {
  margin-bottom: 90px;
}

.case-list-page .partner .partner-list .item img {
  max-width: 100%;
}

/*通用banner*/

.products-banner,
.security-banner,
.service-banner,
.contact-banner,
.join-banner,
.partner-banner,
.app-download-banner,
.case-detail-banner,
.common-banner {
  width: 100%;
  min-height: 420px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.app-download-title h2 {
  font-family: "Roboto", "pt_sans", "Microsoft YaHei", sans-serif;
}

.security-title h2,
.service-title h2,
.contact-title h2,
.join-title h2,
.partner-title h2,
.app-download-title h2,
.case-detail-title h2,
.common-title h2 {
  color: #fff;
  font-size: 4.8rem;
  font-weight: bold;
  margin-top: 200px;
}

.products-nav,
.security-nav,
.service-nav,
.contact-nav,
.join-nav,
.partner-nav,
.app-download-nav,
.case-detail-nav,
.common-nav {
  width: 100%;
  height: 65px;
  background: #fd5e0f;
  line-height: 65px;
}

.products-nav .security-nav-ul,
.security-nav .security-nav-ul,
.service-nav .service-nav-ul,
.contact-nav .contact-nav-ul,
.join-nav .join-nav-ul,
.partner-nav .partner-nav-ul,
.partner-nav .partner-nav-ul,
.app-download-nav .app-download-nav-ul,
.case-detail-nav .case-detail-nav-ul,
.common-nav .common-nav-ul {
  font-size: 2rem;
}

.products-nav .products-nav-ul a,
.security-nav .security-nav-ul a,
.service-nav .service-nav-ul a,
.contact-nav .contact-nav-ul a,
.join-nav .join-nav-ul a,
.partner-nav .partner-nav-ul a,
.app-download-nav .app-download-nav-ul a,
.case-detail-nav .case-detail-nav-ul a,
.common-nav .common-nav-ul a {
  color: #fff;
  text-decoration: none;
  opacity: 0.69;
}

.products-nav .products-nav-ul a:hover,
.security-nav .security-nav-ul a:hover,
.service-nav .service-nav-ul a:hover,
.contact-nav .contact-nav-ul a:hover,
.join-nav .join-nav-ul a:hover,
.partner-nav .partner-nav-ul a:hover,
.app-download-nav .app-download-nav-ul a:hover,
.case-detail-nav .case-detail-nav-ul a:hover,
.common-nav .common-nav-ul a:hover {
  text-decoration: none;
  opacity: 1;
}

.products-nav .products-nav-ul li,
.security-nav .security-nav-ul li,
.service-nav .service-nav-ul li,
.contact-nav .contact-nav-ul li,
.join-nav .join-nav-ul li,
.partner-nav .partner-nav-ul li,
.app-download-nav .app-download-nav-ul li,
.case-detail-nav .case-detail-nav-ul li,
.common-nav .common-nav-ul li {
  padding-left: 30px;
  padding-right: 30px;
}

/* product banner and nav */

.products-title h2 {
  color: #fff;
  font-size: 4.8rem;
  font-weight: bold;
  margin-top: 160px;
}

.products-nav .page-nav-wrapper .page-nav li {
  margin-right: 0;
}

.products-nav .page-nav-wrapper .page-nav li a {
  padding: 0;
  color: #fff;
  font-size: 2rem;
  display: inline;
}

.products-nav .page-nav-wrapper .page-nav li.active a,
.products-nav .page-nav-wrapper .page-nav li:hover a {
  opacity: 1;
}

@media (max-width: 1440px) {
  .case-list-page .partner .swiper-button-next {
    height: 230px;
    width: 16px;
    margin-top: 0;
    right: 0;
    top: 0;
  }
  .case-list-page .partner .swiper-button-next .right {
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .case-list-page .partner .swiper-button-next .right .right-arrow {
    background-image: url(../img/);
    background-size: cover;
    width: 100%;
    height: 35px;
    top: 103px;
    position: absolute;
  }
  .case-list-page .partner .partner-list-small {
    margin-bottom: 10px;
  }
  .case-list-page .partner .partner-list .item {
    margin-bottom: 40px;
    height: 70px;
    line-height: 70px;
  }
  .case-list-page .partner .partner-list .item.item-margin {
    margin-bottom: 90px;
  }
  .case-list-page .partner .partner-list .item img {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .case-list-page .case-list-con .item.no-padding-l,
  .case-list-page .case-list-con .item.no-padding-r {
    padding-left: 0;
    padding-right: 0;
  }
  .case-list-page .partner .item-list {
    width: 20%;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .case-list-page .case-list-cate .case-list-item {
    margin-left: 7px;
  }
  .case-list-page .case-list-cate {
    margin-bottom: 20px;
  }
  .case-list-page .case-list-cate .case-list-item .lable {
    width: 100px;
    font-size: 16px;
  }
  .case-list-page .case-list-cate .case-list-item .cate-list-inner {
    width: 80%;
  }
  .case-list-page .heading-section .headline {
    font-size: 36px;
    margin-left: 23px;
    letter-spacing: 4px;
  }
  .case-list-page .categroy {
    padding-bottom: 45px;
  }
  .case-list-con .list {
    width: 48%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .case-list-page .case-list-con .item.no-padding-l {
    padding-left: 0;
  }
  .case-list-page .case-list-con .item.no-padding-r {
    padding-right: 0;
  }
  .case-list-page .partner .partner-list-small .item {
    width: 25%;
  }
  .case-list-page .partner .headline {
    font-size: 26px;
  }
  .case-list-page .categroy {
    background-color: transparent;
  }
  .case-list-page .partner {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .case-list-con .list {
    width: 100%;
    padding: 0;
    float: none;
    position: static !important;
  }
  .case-list-page .case-list-con .item.no-padding-l,
  .case-list-page .case-list-con .item.no-padding-r {
    padding-left: 0;
    padding-right: 0;
  }
  .case-list-page .partner .partner-list-small .item {
    width: 50%;
  }
  .case-list-page .categroy {
    background-color: transparent;
    padding-bottom: 45px;
  }
  .case-list-page .partner .headline {
    font-size: 26px;
  }
  .case-list-page .partner {
    margin-top: 0;
  }
  .case-list-page .heading-section .headline {
    font-size: 36px;
    margin-left: 0px;
  }
  /* .case-list-page .categroy .no-padding {
    padding-left: 0;
    padding-right: 0;
  } */
}

/*通用banner*/

.products-banner,
.security-banner,
.service-banner,
.contact-banner,
.join-banner,
.partner-banner,
.app-download-banner,
.case-detail-banner,
.common-banner {
  width: 100%;
  min-height: 420px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.products-banner h2,
.security-title h2,
.service-title h2,
.contact-title h2,
.join-title h2,
.partner-title h2,
.app-download-title h2,
.case-detail-title h2,
.common-title h2 {
  color: #fff;
  font-size: 4.8rem;
  font-weight: bold;
  margin-top: 200px;
}

.products-nav,
.security-nav,
.service-nav,
.contact-nav,
.join-nav,
.partner-nav,
.app-download-nav,
.case-detail-nav,
.common-nav {
  width: 100%;
  height: 65px;
  background: #fd5e0f;
  line-height: 65px;
}

.products-nav .security-nav-ul,
.security-nav .security-nav-ul,
.service-nav .service-nav-ul,
.contact-nav .contact-nav-ul,
.join-nav .join-nav-ul,
.partner-nav .partner-nav-ul,
.partner-nav .partner-nav-ul,
.app-download-nav .app-download-nav-ul,
.case-detail-nav .case-detail-nav-ul,
.common-nav .common-nav-ul {
  font-size: 2rem;
}

.products-nav .products-nav-ul a,
.security-nav .security-nav-ul a,
.service-nav .service-nav-ul a,
.contact-nav .contact-nav-ul a,
.join-nav .join-nav-ul a,
.partner-nav .partner-nav-ul a,
.app-download-nav .app-download-nav-ul a,
.case-detail-nav .case-detail-nav-ul a,
.common-nav .common-nav-ul a {
  color: #fff;
  text-decoration: none;
  opacity: 0.69;
}

.products-nav .products-nav-ul a:hover,
.security-nav .security-nav-ul a:hover,
.service-nav .service-nav-ul a:hover,
.contact-nav .contact-nav-ul a:hover,
.join-nav .join-nav-ul a:hover,
.partner-nav .partner-nav-ul a:hover,
.app-download-nav .app-download-nav-ul a:hover,
.case-detail-nav .case-detail-nav-ul a:hover,
.common-nav .common-nav-ul a:hover {
  text-decoration: none;
  opacity: 1;
}

.products-nav .products-nav-ul li,
.security-nav .security-nav-ul li,
.service-nav .service-nav-ul li,
.contact-nav .contact-nav-ul li,
.join-nav .join-nav-ul li,
.partner-nav .partner-nav-ul li,
.app-download-nav .app-download-nav-ul li,
.case-detail-nav .case-detail-nav-ul li,
.common-nav .common-nav-ul li {
  /*padding-left: 60px;*/
  /*padding-right: 60px;*/
}

/* product banner and nav */

/*.products-title h2 {
  color: #fff;
  font-size: 4.8rem;
  font-weight: bold;
  margin-top: 160px;
}

.products-nav .page-nav-wrapper .page-nav li {
  margin-right: 0;
}

.products-nav .page-nav-wrapper .page-nav li a {
  padding: 0;
  color: #FFF;
  font-size: 2rem;
  display: inline;
}

.products-nav .page-nav-wrapper .page-nav li.active a,
.products-nav .page-nav-wrapper .page-nav li:hover a {
  opacity: 1;
}*/

@media (max-width: 1440px) {
  .products-banner,
  .security-banner,
  .service-banner,
  .contact-banner,
  .join-banner,
  .partner-banner,
  .app-download-banner,
  .case-detail-banner,
  .common-banner {
    min-height: 420px;
  }
  .products-banner h2,
  .security-title h2,
  .service-title h2,
  .contact-title h2,
  .join-title h2,
  .partner-title h2,
  .app-download-title h2,
  .case-detail-title h2,
  .common-title h2 {
    margin-top: 200px;
  }
}

@media (max-width: 1024px) {
  .products-banner,
  .security-banner,
  .service-banner,
  .contact-banner,
  .join-banner,
  .partner-banner,
  .app-download-banner,
  .case-detail-banner,
  .common-banner {
    min-height: 300px;
  }
}

@media (max-width: 768px) {
  .products-title h2,
  .security-title h2,
  .service-title h2,
  .contact-title h2,
  .join-title h2,
  .partner-title h2,
  .app-download-title h2,
  .case-detail-title h2,
  .common-title h2 {
    font-size: 3.2rem;
    margin-top: 140px;
    margin-left: 30px;
  }
}

@media (max-width: 768px) {
  .products-banner,
  .security-banner,
  .service-banner,
  .contact-banner,
  .join-banner,
  .partner-banner,
  .app-download-banner,
  .case-detail-banner,
  .common-banner {
    min-height: 280px;
  }
  .product-title h2,
  .security-title h2,
  .service-title h2,
  .contact-title h2,
  .join-title h2,
  .partner-title h2,
  .app-download-title h2,
  .case-detail-title h2,
  .common-title h2 {
    font-size: 3.2rem;
    margin-top: 130px;
  }
}

@media (max-width: 767px) {
  .products-title h2,
  .security-title h2,
  .service-title h2,
  .contact-title h2,
  .join-title h2,
  .partner-title h2,
  .app-download-title h2,
  .case-detail-title h2,
  .common-title h2 {
    margin-left: 0px;
  }
}

@media (max-width: 375px) {
  .products-banner,
  .security-banner,
  .service-banner,
  .contact-banner,
  .join-banner,
  .partner-banner,
  .app-download-banner,
  .case-detail-banner,
  .common-banner {
    min-height: 200px;
  }
  .products-title h2,
  .security-title h2,
  .service-title h2,
  .contact-title h2,
  .join-title h2,
  .partner-title h2,
  .app-download-title h2,
  .case-detail-title h2,
  .common-title h2 {
    font-size: 3.2rem;
    margin-top: 100px;
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  /*.security-title h2,
  .service-title h2,
  .contact-title h2,
  .join-title h2,
  .partner-title h2,
  .app-download-title h2,
  .case-detail-title h2,
  .common-title h2 {
    font-size: 3.2rem;
    margin-top: 185px;
    margin-left: 5px;
  }*/
  .products-nav,
  .security-nav,
  .service-nav,
  .contact-nav,
  .join-nav,
  .partner-nav,
  .app-download-nav,
  .case-detail-nav,
  .common-nav {
    display: none;
  }
}

/*安全保障*/

.security-architecture {
  padding-top: 47px;
  padding-bottom: 75px;
}

.security-architecture h2 {
  padding-bottom: 30px;
}

.security-architecture .container {
  padding: 0px;
}

.security-architecture h3 {
  font-style: 2.2rem;
  margin-bottom: 20px;
}

.security-arch-l img {
  max-width: 100%;
}

.security-arch-r {
  padding-top: 27px;
  width: 80%;
  margin-left: 13%;
}

.security-arch-r ul li,
.security-app ul li {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 1.6rem;
  color: #999999;
}

.security-arch-r ul,
.security-app ul {
  list-style: none;
}

.security-arch-r ul li:before,
.security-app ul li:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  background: url("../img/correct.png") no-repeat center center;
  left: 0px;
}

.security-arch-r .swiper-container,
.security-app .swiper-container {
  margin-bottom: 30px;
  /*margin-top: 22px;*/
}

.security-arch-r .swiper-wrapper,
.security-app .swiper-wrapper {
  padding-bottom: 42px;
}

.security-arch-r .swiper-pagination .swiper-pagination-bullet,
.security-app .swiper-pagination .swiper-pagination-bullet {
  background: #666666;
  width: 15px;
  height: 15px;
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

.security-arch-r .swiper-pagination .swiper-pagination-bullet-active,
.security-app .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fd5e0f;
  width: 15px;
  height: 15px;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.security-physical {
  padding-top: 47px;
  background: url("../img/security-wuli-bg.jpg") center bottom;
  background-size: cover;
  color: #fff;
  padding-bottom: 67px;
}

.security-physical h2 {
  color: #fff;
  padding-bottom: 22px;
}

.security-physical ul {
  list-style: none;
  padding-left: 26%;
}

.security-physical ul li {
  position: relative;
  text-indent: 50px;
  padding-top: 3px;
  padding-bottom: 13px;
}

.security-physical ul li:before {
  content: "";
  width: 34px;
  height: 26px;
  position: absolute;
  background: url("../img/correct-w.png") no-repeat center center;
  background-size: cover;
  left: 0px;
}

.security-app {
  padding-top: 45px;
  padding-bottom: 64px;
}

.security-app h2 {
  padding-bottom: 38px;
}

.security-app-l {
  width: 80%;
  margin-left: 7%;
  padding-top: 52px;
}

.security-app-l h3 {
  padding-bottom: 14px;
}

.security-app-l .reviews-carousel .carousel-inner {
  margin-bottom: 35px;
}

.security-app-l .reviews-carousel .carousel-inner .item {
  padding-bottom: 10px;
}

.security-app-r img {
  float: right;
}

.security-app-r1 {
  display: none;
}

@media (max-width: 768px) {
  .security-architecture {
    padding-bottom: 33px;
  }
  .security-architecture h2 {
    font-size: 2.6rem;
    padding-bottom: 20px;
  }
  .security-architecture h3 {
    font-size: 2rem;
  }
  .security-arch-r {
    padding-top: 0px;
    margin-top: 0px;
    width: 100%;
    margin-left: 0px;
  }
  .security-arch-r ul li,
  .security-app ul li {
    padding-top: 0px;
    padding-bottom: 15px;
    font-size: 1.4rem;
    color: #999999;
    margin-left: -5px;
  }
  .security-arch-r ul li:before,
  .security-app ul li:before {
    content: "";
    width: 17px;
    height: 16px;
    position: absolute;
    background: url("../img/") no-repeat center center;
    background-size: cover;
    left: 0px;
    margin-top: 3px;
  }
  .security-arch-r .reviews-carousel .carousel-inner {
    padding-bottom: 20px;
  }
  .security-arch-r .reviews-carousel .carousel-indicators li,
  .security-app .reviews-carousel .carousel-indicators li {
    background: #e6e6e6;
    width: 12px;
    height: 12px;
    margin: 0px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .security-arch-r .reviews-carousel .carousel-indicators li.active,
  .security-app .reviews-carousel .carousel-indicators li.active {
    background-color: #fd5e0f;
    width: 12px;
    height: 12px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
  }
  .security-physical {
    padding-top: 45px;
    padding-bottom: 80px;
  }
  .security-physical h2 {
    font-size: 2.6rem;
  }
  .security-physical ul {
    list-style: none;
    padding-left: 17%;
  }
  .security-physical ul li {
    font-size: 1.4rem;
  }
  .security-physical ul li:before {
    content: "";
    width: 25px;
    height: 20px;
    position: absolute;
    background: url("../img/") no-repeat center center;
    background-size: cover;
    left: 0px;
  }
  .security-app {
    padding-top: 45px;
    padding-bottom: 74px;
  }
  .security-app h2 {
    font-size: 2.6rem;
  }
  .security-app-l {
    width: 100%;
    margin-left: 0%;
    padding-top: 25px;
  }
  .security-app-l h3 {
    font-size: 2rem;
  }
  .security-app-l .reviews-carousel .carousel-inner {
    padding-bottom: 35px;
  }
  .security-app-r img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .security-architecture {
    padding-top: 42px;
    padding-bottom: 33px;
  }
  .security-physical {
    padding-top: 45px;
    padding-bottom: 40px;
  }
  .security-physical ul {
    list-style: none;
    padding: 0px;
    width: 100%;
  }
  .security-physical ul li {
    font-size: 1.4rem;
    text-indent: 0px;
    padding-left: 40px;
  }
  .security-app {
    padding-top: 45px;
    padding-bottom: 30px;
  }
  .security-app-r1 {
    display: block;
  }
  .security-app-r2 {
    display: none;
  }
  .security-app-l-bg {
    padding: 0px;
  }
  .security-app-l {
    width: 100%;
    margin-left: 0%;
    padding-top: 25px;
  }
  .security-app-l h3 {
    font-size: 2rem;
  }
  .security-app-l .reviews-carousel .carousel-inner {
    padding-bottom: 30px;
  }
  .security-app-r img {
    max-width: 105%;
  }
}

/*server support page  服务流程页面*/

.server-support-page .block-heading {
  margin-bottom: 50px;
}

@media (max-width: 1024px) {
  .service-nav .service-nav-ul {
    font-size: 1.6rem;
  }
  .service-nav .service-nav-ul li {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.service-tips {
  padding-top: 65px;
  padding-bottom: 75px;
  background: #e9eef4;
}

.service-tips .service-tips-item {
  /*padding: 0px;*/
}

.service-tips .item-inner {
  display: table;
  padding-left: 20px;
  padding-right: 10px;
  margin-right: 40px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  height: 156px;
  background: #fff;
  /*   border-color:#eee transparent; */
  box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  -moz-box-shadow: 2px 2px 15px #ccc;
}

.service-tips .item-inner .figure-holder {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.service-tips .item-inner .figure-holder img {
  width: 55px;
  height: 55px;
}

.service-tips .item-inner .content {
  display: table-cell;
  vertical-align: middle;
  width: 80%;
  padding-left: 20px;
}

.service-tips .item-inner .triangle1::before {
  content: "";
  width: 10px;
  height: 156px;
  position: absolute;
  background: #fb7c3e;
  left: -50px;
  top: -78px;
}

.service-tips .item-inner .triangle1 {
  display: block;
  width: 0;
  height: 0;
  border-width: 78px 0px 78px 40px;
  border-style: solid;
  border-color: transparent transparent transparent #fb7c3e;
  position: absolute;
  top: 0px;
  right: -40px;
}

.service-tips .item-inner::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 78px 0px 78px 40px;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 0px;
  right: -30px;
}

@media (max-width: 1024px) {
  .service-tips {
    padding-top: 30px;
    padding-bottom: 75px;
  }
  .service-tips h2.block-heading {
    font-size: 2.6rem;
  }
  .service-tips .item-inner {
    display: table;
    padding-left: 20px;
    padding-right: 10px;
    margin-right: 20px;
    height: 136px;
    font-size: 1.4rem;
  }
  .service-tips .item-inner .figure-holder img {
    width: 35px;
    height: 35px;
  }
  .service-tips .item-inner .content {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    padding-left: 20px;
  }
  .service-tips .item-inner .triangle1::before {
    content: "";
    width: 5px;
    height: 136px;
    position: absolute;
    background: #fb7c3e;
    left: -25px;
    top: -68px;
  }
  .service-tips .item-inner .triangle1 {
    display: block;
    width: 0;
    height: 0;
    border-width: 68px 0px 68px 20px;
    border-style: solid;
    border-color: transparent transparent transparent #fb7c3e;
    position: absolute;
    top: 0px;
    right: -26px;
  }
  .service-tips .item-inner::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 68px 0px 68px 20px;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 0px;
    right: -20px;
  }
}

@media (max-width: 767px) {
  .service-tips {
    padding-top: 65px;
    padding-bottom: 40px;
  }
  .service-tips h2.block-heading {
    margin-bottom: 40px;
  }
  .service-tips .item-inner {
    width: 160px;
    margin: 0px auto;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    height: auto;
    font-size: 1.4rem;
    margin-bottom: 65px;
    position: relative;
  }
  .service-tips .item-inner .figure-holder {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    display: block;
    text-align: center;
  }
  .service-tips .item-inner .figure-holder img {
    width: 50px;
    height: 50px;
  }
  .service-tips .item-inner .content {
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 110px;
    display: block;
  }
  .service-tips .item-inner .triangle1::before {
    display: none;
  }
  .service-tips .item-inner .triangle1::after {
    content: "";
    width: 160px;
    height: 5px;
    position: absolute;
    background: #fb7c3e;
    right: -80px;
    top: -35px;
  }
  .service-tips .item-inner .triangle1 {
    display: block;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 30px solid #fb7c3e;
    position: absolute;
    bottom: -30px;
    left: 0px;
    top: 102%;
  }
  .service-tips .item-inner::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 30px solid #fff;
    position: absolute;
    top: 99%;
    left: 0px;
  }
}

.service-platform {
  padding-top: 75px;
  padding-bottom: 37px;
}

.service-platform .platform-left {
  padding: 0px;
  padding-top: 90px;
}

.service-platform .platform-left .block-heading {
  margin-bottom: 35px;
}

.service-platform .platform-left .platform-left-block {
  float: left;
  text-align: center;
  margin-right: 80px;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.service-platform .platform-left .platform-left-block label {
  display: block;
  font-weight: normal;
  padding-bottom: 15px;
}

.service-platform .platform-left .platform-left-line {
  width: 80%;
  height: 1px;
  background: #fd5e0f;
  z-index: -1;
  position: absolute;
  bottom: 20px;
}

.service-platform .platform-right {
  padding-left: 56px;
}

.service-platform .platform-right img {
  max-width: 120%;
}

@media (max-width: 1024px) {
  .service-platform {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .service-platform h2.block-heading {
    font-size: 2.6rem;
  }
  .service-platform .platform-left {
    padding: 0px;
    padding-top: 10px;
  }
  .service-platform .platform-left .block-heading {
    margin-bottom: 30px;
  }
  .service-platform .platform-left .platform-left-block {
    float: left;
    text-align: center;
    padding: 0px;
    margin-right: 42px;
    background: none;
  }
  .service-platform .platform-left .platform-left-block label {
    display: block;
    font-weight: normal;
    padding-bottom: 15px;
  }
  .service-platform .platform-left .platform-left-block img {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
  }
  .service-platform .platform-left .platform-left-line {
    width: 59%;
    margin-left: 10%;
    height: 1px;
    background: #fd5e0f;
    z-index: -1;
    position: absolute;
    bottom: 20px;
  }
  .service-platform .platform-right {
    padding-left: 56px;
  }
  .service-platform .platform-right img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .service-platform {
    padding-top: 10px;
    padding-bottom: 65px;
  }
  .service-platform .platform-left {
    padding: 0px;
    padding-top: 10px;
    text-align: center;
  }
  .service-platform .platform-left .platform-left-block {
    margin-right: 15px;
  }
  .service-platform .platform-right {
    padding-left: 35px;
  }
  .service-platform .platform-right img {
    max-width: 95%;
    padding-top: 40px;
  }
}

@media (max-width: 375px) {
  .service-platform .platform-left .platform-left-block {
    margin-right: 0px;
  }
}

.service-topics {
  background-image: url("../img/service_pro_bg.jpg");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 45px;
  padding-bottom: 71px;
}

.service-topics h2 {
  color: #efecec;
}

.service-topics h5 {
  color: #efecec;
  font-size: 1.8rem;
}

.service-topics .item {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 33.333333%;
}

.service-topics .item .inner {
  text-align: left;
  background: #fff;
}

.service-topics .item .inner img {
  width: 100%;
  max-height: 240px;
}

.service-topics .item .content {
  padding-left: 20px;
  padding-right: 20px;
}

.service-topics .item .title {
  margin-top: 13px;
}

@media (min-width: 993px) {
  .about-us-page .service-topics .item .title {
    height: 48px;
  }
}

@media (max-width: 992px) {
  .about-us-page .service-topics .item .title {
    height: 50px;
  }
}

@media (max-width: 768px) {
  .about-us-page .service-topics .item .title {
    height: 40px;
  }
}

.service-topics .item .title a {
  font-size: 1.6rem;
  color: #1b1a19;
}

.service-topics .item h3.title {
  font-size: 1.6rem;
  color: #1b1a19;
}

.service-topics .item .intro {
  font-size: 1.4rem;
  padding-top: 5px;
  line-height: 22px;
  padding-bottom: 35px;
}

@media (max-width: 1024px) {
  .service-topics {
    padding-top: 45px;
    padding-bottom: 71px;
  }
  .service-topics h2 {
    font-size: 2.6rem;
    color: #fff;
    margin-bottom: 5px;
  }
  .service-topics h5 {
    color: #fff;
    font-size: 1.6rem;
    margin: 0px;
    padding: 0px;
  }
  .service-topics .item {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 33.333333%;
  }
  .service-topics .item .inner {
    text-align: left;
    background: #fff;
  }
  .service-topics .item .inner img {
    width: 100%;
    height: 100%;
    max-height: 140px;
  }
  .service-topics .item .content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-topics .item .title {
    margin-top: 13px;
  }
  .service-topics .item .title a {
    font-size: 1.4rem;
  }
  .service-topics .item h3.title {
    font-size: 1.4rem;
  }
  .service-topics .item .intro {
    font-size: 1.2rem;
    padding-top: 0px;
    line-height: 20px;
    padding-bottom: 28px;
  }
}

@media (max-width: 767px) {
  .service-topics {
    padding-top: 45px;
    padding-bottom: 71px;
  }
  .service-topics h5 {
    padding-top: 3px;
  }
  .service-topics .item {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 70%;
  }
  .service-topics .item .inner {
    text-align: left;
    background: #fff;
  }
  .service-topics .item .inner img {
    width: 100%;
    height: 100%;
    max-height: 150px;
  }
}

.service-customer {
  background: #e9eef4;
  padding-top: 65px;
  padding-bottom: 68px;
}

.service-customer .container {
  padding: 0px;
}

.service-customer .customer-content {
  padding: 0px;
}

.service-customer .customer-block {
  display: table;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 55px;
  background: #fff;
  box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  -moz-box-shadow: 2px 2px 15px #ccc;
}

.service-customer .customer-block .cb_left {
  height: 120px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  border-right: 1px solid #fd5e0f;
}

.service-customer .customer-block .cb_left h5 {
  padding-top: 5px;
  font-size: 1.8rem;
}

.service-customer .customer-block .cb_right {
  width: 65%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.service-customer .customer-block .cb_right p {
  margin: 0px;
  text-align: left;
  line-height: 30px;
  margin-left: 20%;
  position: relative;
}

.service-customer .customer-block .cb_right p .link-way {
  position: absolute;
  left: -15%;
  color: #1b1a19;
}

@media (max-width: 1024px) {
  .service-middle {
    font-size: 14px;
  }
  .service-customer {
    padding-top: 30px;
    padding-bottom: 68px;
  }
  .service-customer h2.block-heading {
    font-size: 2.6rem;
  }
  .service-customer .container {
    padding: 0px;
  }
  .service-customer .customer-content {
    padding: 0px;
  }
  .service-customer .customer-block {
    display: table;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .service-customer .customer-block .cb_left {
    height: 135px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border-right: 1px solid #fd5e0f;
  }
  .service-customer .customer-block .cb_left img {
    width: 50px;
    height: 50px;
  }
  .service-customer .customer-block .cb_left h5 {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.6rem;
  }
  .service-customer .customer-block .cb_right {
    width: 65%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
  }
  .service-customer .customer-block .cb_right p {
    font-size: 1.4rem;
    line-height: 23px;
  }
  .service-customer .customer-block .cb_right .cbr_p1 {
    margin: 0px;
    margin-left: 11%;
  }
  .service-customer .customer-block .cb_right .cbr_p2 {
    margin: 0px;
    margin-left: 11%;
  }
  .service-customer .customer-block .cb_right p .link-way {
    position: relative;
    left: 0px;
    font-weight: bold;
  }
  .service-customer .customer-block .cb_right p .link {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .service-customer {
    padding-top: 65px;
    padding-bottom: 35px;
  }
  .service-customer .customer-block {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .service-platform .platform-left .platform-left-line {
    width: 69%;
  }
}

@media (max-width: 767px) and (min-width: 394px) {
  .service-middle {
    /*     padding-left: 5%; */
    width: 100%;
  }
  .service-middle-center {
    overflow: hidden;
    position: relative;
    margin: 0px auto;
    display: inline-block;
  }
  .service-platform .platform-left .platform-left-block {
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    display: block;
    margin-right: 7px;
    margin-left: 7px;
  }
  .service-platform .platform-left .platform-left-line {
    width: 59%;
    margin-left: 20%;
    height: 1px;
    background: #fd5e0f;
    z-index: -1;
    position: absolute;
    bottom: 20px;
  }
}

@media (max-width: 393px) {
  .service-middle {
    font-size: 14px;
    padding-left: 15%;
  }
}

@media (min-width: 330px) and (max-width: 375px) {
  .service-middle {
    font-size: 14px;
    padding-left: 12%;
  }
  .service-platform .platform-left .platform-left-block {
    padding-right: 20px;
  }
}

/*partner page 合作伙伴页面*/

@media (max-width: 1024px) {
  .partner-nav .partner-nav-ul {
    font-size: 1.6rem;
  }
  .partner-nav .partner-nav-ul li {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.partner-content {
  padding-bottom: 35px;
}

.partner-page .simple_intro {
  margin: 30px 0;
  padding-top: 30px;
  line-height: 28px;
}

.partner-page .simple_intro .desc {
  margin-bottom: 15px;
}

.partner-page .partner-list .headline {
  margin-bottom: 20px;
}

.partner-page .partner-list .item {
  margin-bottom: 30px;
}

.partner-page .partner-list .item img {
  max-width: 100%;
  height: 66px;
  width: 160px;
}

@media (max-width: 992px) {
  .partner-page .partner-list .item img {
    width: 210px;
    height: 87px;
  }
}

@media (max-width: 767px) {
  .partner-page .partner-list .item img {
    width: 100%;
    height: auto;
  }
}

/*app download page下载页面*/

.app-download-nav {
  position: relative;
  margin-bottom: -100px;
  z-index: 99;
}

.app-download-bg {
  position: relative;
  padding-top: 130px;
  padding-bottom: 50px;
}

.app-download-bg .app-download-block {
}

.app-download-bg .block-l {
  width: 83.33%;
}

.app-download-bg .app-download-block .block-r {
}

.app-download-bg .block-bg {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 300px;
  z-index: -1;
}

.app-download-bg .app-download-block .block-r img {
  max-width: 100%;
  margin-left: 20px;
}

.app-download-block {
  padding-top: 15px;
}

.app-download-block .title {
  padding-top: 17px;
  font-size: 3.2rem;
}

.app-download-block .intro-content {
  /* width:83.33%; */
  padding-top: 30px;
}

.app-download-block .intro {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 35px;
}

@media (min-width: 1024px) {
  .app-download-block .intro {
    max-height: 35px;
  }
}

.app-download-block .intro::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  background: url("../img/") no-repeat center center;
  left: 0px;
  top: 5px;
}

.app-download-block .download {
  padding: 0px;
  padding-top: 45px;
  padding-left: 10px;
}

.app-download-block .download .erweima img {
  width: 100px;
  height: 100px;
  float: left;
}

.app-download-block .download .app {
  float: left;
  margin-left: 30px;
  display: block;
}

.app-download-block .download .app .main-text {
  font-size: 1.4rem;
}

.app-download-block .app .btn-download-app {
  display: block;
  color: #717171;
  border: none;
  background: #ededed;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.app-download-block .app .btn-apple-download .fa {
  top: 7px;
  left: 12px;
  font-size: 2.8rem;
}

.app-download-block .app .btn-andriod-download .fa {
  top: 4px;
  left: 12px;
  font-size: 2.8rem;
}

/*app-download偶数列的一些样式*/

.app-download-bg .block-even .block-r img {
  float: right;
}

.app-download-bg .block-even .block-l {
  float: right;
}

.app-download-bg .block-even .download {
  padding-top: 45px;
}

.app-download-bg .block-even .hidden-phone {
  display: none;
}

@media (max-width: 1024px) {
  .app-download-bg .block-even .download {
    padding-top: 0;
    margin-top: 20px;
  }
  .app-download-nav {
    margin-bottom: 0px;
  }
  .app-download-nav .app-download-nav-ul {
    font-size: 1.6rem;
  }
  .app-download-nav .app-download-nav-ul li {
    padding-left: 30px;
    padding-right: 30px;
  }
  .app-download-bg {
    position: relative;
    padding-top: 35px;
    padding-bottom: 50px;
  }
  .app-download-bg .block-l {
    width: 100%;
  }
  .app-download-bg .block-bg {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 165px;
    z-index: -1;
  }
  .app-download-bg .app-download-block .block-r img {
    max-width: 100%;
    margin-left: -10px;
  }
  .app-download-block {
    padding-top: 15px;
    margin-left: -5px;
    margin-right: -5px;
  }
  .app-download-block .title {
    padding-top: 17px;
    font-size: 2.6rem;
  }
  .app-download-block .intro {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 1.4rem;
  }
  .app-download-block .intro::before {
    content: "";
    width: 17px;
    height: 16px;
    position: absolute;
    background: url("../img/") no-repeat center center;
    background-size: cover;
    left: 0px;
    margin-top: 3px;
  }
  .app-download-block .download {
    padding: 0px;
    padding-left: 10px;
    float: left;
    width: 100%;
    margin-top: 35px;
  }
  .app-download-block .download .app .main-text {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .app-download-nav {
    margin-bottom: 0px;
  }
  .app-download-bg {
    position: relative;
    padding-top: 35px;
    padding-bottom: 30px;
  }
  .app-download-bg .block-l {
    width: 100%;
  }
  .app-download-bg .block-bg {
    position: absolute;
    height: 130px;
    z-index: -1;
  }
  .app-download-bg .app-download-block .block-r img {
    max-width: 80%;
    margin-left: 10%;
  }
  .app-download-block {
    padding: 0px;
    padding-top: 15px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .app-download-block .title {
    padding-top: 15px;
    text-align: center;
  }
  .app-download-block .intro {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 1.4rem;
    line-height: none;
  }
  .app-download-block .intro::before {
    content: "";
    width: 17px;
    height: 16px;
    position: absolute;
    background: url("../img/") no-repeat center center;
    background-size: cover;
    left: 0px;
    margin-top: 3px;
  }
  .app-download-block .download {
    padding: 0px;
    padding-left: 20px;
    float: left;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .app-download-block .download .app .main-text {
    font-size: 1.2rem;
  }
  .app-download-bg .block-even .block-r {
    width: 100%;
    text-align: center;
  }
  .app-download-bg .block-even .block-r img {
    float: none;
    max-width: auto;
    margin: 0px auto;
  }
  .app-download-bg .block-even .show-phone {
    display: none;
  }
  .app-download-bg .block-even .hidden-phone {
    display: block;
  }
}

/*案例详情*/

.case-detail-nav-wrapper {
  position: relative;
}

.case-detail-download-img {
  margin-left: 10px;
}

.nav-download-link {
  position: absolute;
  top: 10px;
  right: 8%;
  width: 175px;
  height: 45px;
  line-height: 45px;
  z-index: 999;
  background: #fff;
  opacity: 0.7;
  font-size: 1.6rem;
  border-radius: 5px;
}

.nav-download-link a {
  color: #fe5e10;
  width: 100%;
  height: 100%;
  display: block;
}

.nav-download-link:hover a {
  color: #fff;
}

.nav-download-link:hover {
  background: #fe5e10;
  border: 1px solid #fff;
}

.nav-download-link i {
  margin-left: 5px;
}

.case-detail-page p {
  margin-bottom: 13px;
}

.case-detail-download-link {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .case-detail-download-link {
    text-align: center;
  }
}

.case-detail-customer {
  padding-top: 70px;
  padding-bottom: 45px;
}

.case-detail-customer .customer-title,
.case-detail-intro .intro-title {
  font-size: 2.4rem;
  padding-bottom: 40px;
  padding-left: 20px;
}

.case-detail-customer .customer-content,
.case-detail-intro .intro-content {
  padding-left: 20px;
  padding-right: 20px;
}

.case-detail-customer .customer-content img,
.case-detail-intro .intro-content img {
  max-width: 100%;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 40px;
  height: auto;
}

.case-detail-customer .customer-tag,
.case-detail-intro .intro-tag {
  padding-left: 20px;
}

.case-detail-customer .customer-tag .tag-block {
  background: #f0f3f7;
}

.case-detail-customer .customer-tag .tag-block .title {
  min-height: 100px;
  line-height: 100px;
  text-align: center;
}

.case-detail-customer .customer-tag .tag-block .title img {
  max-width: 100%;
}

.case-detail-customer .customer-tag .tag-block .tag {
  min-height: 65px;
  border-top: 1px solid #fff;
  padding: 0px;
  margin: 0px;
  padding-left: 10px;
  font-size: 1.6rem;
  line-height: 65px;
  clear: both;
}

.case-detail-customer .customer-tag .tag-block .tag i {
  float: left;
  color: #fd5e0f;
  font-size: 2.6rem;
  line-height: 65px;
  margin-right: 5px;
  width: 30px;
  text-align: center;
}

.case-detail-customer .customer-tag .tag-block .tag label {
  font-weight: normal;
  float: left;
  margin: 0px;
  padding: 0px;
}

@media (min-width: 1200px) {
  .case-detail-customer .customer-tag .tag-block .tag p {
    float: left;
    margin-top: 20px;
    width: 60%;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .case-detail-customer .customer-tag .tag-block .tag p {
    float: none;
    margin-top: 2px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .case-detail-customer .customer-tag .tag-block .tag p {
    font-size: 1.4rem;
    margin-bottom: 0px;
    margin-top: 2px;
  }
}

.case-detail-customer .customer-tag .customer-tag-quote {
  padding-top: 30px;
}

.case-detail-customer .customer-tag .quote-block p {
  width: 80%;
  margin: 0px auto;
  padding-top: 18px;
  line-height: 21px;
  font-size: 15px;
}

.case-detail-customer .quote-block {
  position: relative;
}

.case-detail-customer .quote-block .categroy-intro-quote-left {
  font-family: "Arial";
  font-size: 8rem;
  position: absolute;
  top: 40px;
  left: 0px;
  line-height: 0px;
}

.case-detail-customer .quote-block .categroy-intro-quote-right {
  position: absolute;
  font-family: "Arial";
  font-size: 8rem;
  position: absolute;
  bottom: -20px;
  right: 0px;
  line-height: 0px;
}

.case-detail-customer .customer-tag-quote img {
  margin: 0px auto;
  display: block;
  width: 75px;
  height: 75px;
  margin-top: 30px;
}

.case-detail-customer .customer-tag-quote label {
  text-align: center;
  width: 100%;
  font-size: 18px;
  margin-bottom: -10px;
  margin-top: -10px;
}

.case-detail-customer .customer-tag-quote p {
  width: 100%;
  text-align: center;
}

.case-detail-intro {
  padding-top: 70px;
  padding-bottom: 25px;
}

.case-detail-intro:nth-child(odd) {
  background: #e9eef4;
}

.case-detail-intro .tag-content {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
  border: 1px solid #e9eef4;
}

.case-detail-intro .tag-content .title {
  font-size: 1.8rem;
  width: 100%;
  padding-bottom: 12px;
}

.case-detail-intro .tag-content .link {
  font-size: 1.4rem;
  margin-top: 15px;
}

.case-detail-intro .tag-content .link a {
  text-decoration: none;
  border-top: 1px solid #eee;
  padding: 10px 5px;
  line-height: 40px;
}

.case-detail-intro .t_logo {
  width: 60px;
  height: auto;
}

.case-detail-download-link .download-btn {
  padding-left: 20px;
  padding-bottom: 70px;
}

.case-detail-download-link .download-btn .btn {
  padding: 10px 30px;
}

@media (max-width: 1024px) {
  .case-detail-nav .case-detail-nav-ul {
    font-size: 1.8rem;
    float: left;
  }
  .case-detail-nav .case-detail-nav-ul li {
    padding: 0px;
    padding-left: 100px;
    padding-right: 30px;
    float: left;
  }
  .case-detail-page p {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .case-detail-page .customer-content ul li {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .case-detail-page .intro-content ul li {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .case-detail-customer {
    padding-top: 65px;
    padding-bottom: 45px;
  }
  .case-detail-customer .customer-title,
  .case-detail-intro .intro-title {
    font-size: 2rem;
    padding-bottom: 35px;
    padding-left: 0px;
  }
  .case-detail-customer .customer-content,
  .case-detail-intro .intro-content {
    padding-left: 0px;
    padding-right: 0px;
  }
  .case-detail-customer .customer-tag,
  .case-detail-intro .intro-tag {
    padding-left: 0px;
    margin-top: -60px;
  }
  .case-detail-customer .customer-tag .tag-block .title {
    min-height: 70px;
    line-height: 70px;
    text-align: center;
  }
  .case-detail-customer .customer-tag .tag-block .title img {
    max-width: 80%;
    margin: 0px auto;
  }
  .case-detail-customer .customer-tag .tag-block .tag {
    min-height: auto;
    border-top: 1px solid #fff;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.4rem;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
  }
  .case-detail-customer .customer-tag .tag-block .tag i {
    float: left;
    color: #fd5e0f;
    font-size: 2rem;
    line-height: 25px;
    margin-right: 10px;
  }
  .case-detail-customer .customer-tag .quote-block p {
    width: 80%;
    margin: 0px auto;
    padding-top: 18px;
    line-height: 21px;
    font-size: 1.4rem;
    display: block;
  }
  .case-detail-customer .quote-block .categroy-intro-quote-left {
    font-family: "Arial";
    font-size: 6rem;
    position: absolute;
    top: 40px;
    left: 0px;
    line-height: 0px;
  }
  .case-detail-customer .quote-block .categroy-intro-quote-right {
    position: absolute;
    font-family: "Arial";
    font-size: 6rem;
    position: absolute;
    bottom: -10px;
    right: 0px;
    line-height: 0px;
  }
  .case-detail-customer .customer-tag-quote label {
    text-align: center;
    width: 100%;
  }
  .case-detail-customer .customer-tag-quote p {
    font-size: 1.2rem;
    margin-top: 15px;
  }
  .case-detail-intro {
    padding-top: 70px;
    padding-bottom: 25px;
  }
  .case-detail-intro .tag-content .title {
    font-size: 1.6rem;
  }
  .case-detail-intro .tag-content .link {
    font-size: 1.4rem;
    margin-top: 15px;
  }
  .case-detail-download-link .download-btn {
    padding-left: 0px;
  }
}

@media (max-width: 767px) {
  .case-detail-customer > .container > .row > .col-md-12 {
    padding: 0px;
  }
  .case-detail-customer .customer-tag .tag-block .title img {
    max-width: 50%;
    margin: 0px auto;
  }
  .case-detail-customer .customer-content {
    padding-top: 30px;
  }
  .case-detail-intro .intro-content {
    padding-top: 35px;
  }
  .case-detail-customer .customer-content img,
  .case-detail-intro .intro-content img {
    padding-top: 15px;
    padding-bottom: 30px;
    width: 100%;
    height: 100%;
  }
  .case-detail-intro {
    padding-top: 60px;
    padding-bottom: 25px;
  }
  .case-detail-intro > .container > .row > .col-md-12 {
    padding: 0px;
  }
}

/*通用更多内容*/

.common-more {
	
   padding-top: 45px;
  padding-bottom: 65px;
 
}
.common-mores {
	
  /* padding-top: 45px; */
  padding-bottom: 65px;

}



.common-more1 {
   margin-top: 40px;
   margin-top: 60px;  
  /* padding-bottom: 65px; */
}

.common-more2 {
	
  /* margin-top: 40px;*/
  /* margin-top: 60px;  */
  /* padding-bottom: 65px; */
}



.common-more-my {
  padding-top: 15px;
  padding-bottom: 65px;
}

.common-gray {
  background: #e9eef4;
}

.common-more .item .item-inner {
  padding-top: 15px;
}

.common-more .item-inner .item-icon {
  width: 72px;
  height: 72px;
  margin: 0px auto;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 36px;
  text-align: center;
}

.common-more .item-inner .item-icon img {
  margin: 0px auto;
  padding-top: 20px;
}

.common-more .item-inner .title {
  font-size: 1.8rem;
}
.common-more .item-inner .title1 {
  font-size: 1.4rem;
}

.common-more .item-inner .intro {
  font-family: Kalinga;
  font-size: 20px;
}

@media (max-width: 1024px) {
  .common-more h2.block-heading {
    font-size: 2.6rem;
  }
  .common-more .item-inner .item-icon img {
    margin: 0px auto;
    padding-top: 20px;
  }
  .common-more .item-inner .title {
    font-size: 1.6rem;
  }
  .common-more .item-inner .intro {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .common-more {
    padding-bottom: 35px;
  }
  .common-more .item {
    padding-bottom: 30px;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .common-more .block-row {
    margin-left: 10%;
    margin-right: 10%;
  }
}

/*通用列表，新闻，blog，行业白皮书*/

.category-common-list {
  padding-top: 40px;
  padding-bottom: 40px;
}

.category-common-list .white-more {
  background: white;
  font-size: 1.2rem;
  padding: 5px 20px;
  width: 90px;
}

.category-common-list .white-more a {
  text-decoration: none;
}

.category-common-list .white-more a:hover {
  color: darkorange;
}

.category-common-list .common-item {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: 430px;
}

@media (min-width: 1025px) {
  .category-common-list .common-item .img {
    height: 239px;
    overflow: hidden;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .category-common-list .common-item .img {
    height: 139px;
    overflow: hidden;
  }
}

.category-common-list .common-item img {
  max-width: 100%;
  width: 100%;
  min-height: 239px;
}

.category-common-list .common-item .title {
  width: 100%;
  margin-top: 23px;
}

.category-common-list .common-item .title a:hover {
  text-decoration: none;
  color: #f7a917;
}

.category-common-list .common-item .title h5 {
  font-size: 1.8rem;
  line-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.category-common-list .common-item .tag {
  font-size: 1.4rem;
  color: #fff;
  background: #fd5e0f;
  float: left;
  display: block;
  padding: 6px 11px;
  border-radius: 5px;
  margin-right: 10px;
}

.category-common-list .common-item .month {
  padding-bottom: 2px;
}

.category-common-list .common-item .year {
  border-top: 1px solid sandybrown;
  padding-top: 2px;
  text-align: center;
}

.category-common-list .common-item .intro {
  font-size: 1.4rem;
  padding-top: 10px;
  padding-bottom: 5px;
}

@media (max-width: 767px) {
  .category-common-list .common-item .more {
    padding-left: 10px;
  }
}

.category-common-list .common-item .more a,
.activity-review .more a {
  font-size: 1.2rem;
  padding: 5px 20px;
  background: #e9eef4;
}

.category-common-list .common-item .more a:hover,
.activity-review .more a:hover {
  text-decoration: none;
  color: #fff;
  background: #f7a917;
}

.category-common-pagination {
  margin-top: 3px;
  margin-bottom: 8px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #fd5e0f;
  border: none;
}

.pagination li a {
  color: #585c61;
}

.pagination li a:hover {
  color: #fd5e0f;
}

@media (max-width: 1024px) {
  .category-common-list {
    padding-top: 10px;
  }
  .category-common-list .common-item {
    margin-top: 58px;
    margin-bottom: 0px;
  }
  .category-common-list .common-item img {
    min-height: 139px;
  }
  .category-common-list .common-item .title {
    margin-top: 20px;
  }
  .category-common-list .common-item .title h5 {
    font-size: 1.4rem;
    line-height: 50px;
  }
  .category-common-list .common-item .tag {
    font-size: 1.4rem;
    color: #fff;
    background: #fd5e0f;
    float: left;
    display: block;
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 10px;
  }
  .category-common-list .common-item .month {
    padding-bottom: 2px;
    font-size: 1.3rem;
  }
  .category-common-list .common-item .year {
    border-top: 1px solid #fff;
    padding-top: 2px;
    font-size: 1.2rem;
  }
  .category-common-list .common-item .intro {
    font-size: 1.2rem;
    padding-top: 5px;
    padding-bottom: 0px;
  }
  .category-common-list .common-item .more a {
    font-size: 1.2rem;
  }
  .category-common-pagination {
    margin-top: 18px;
    margin-bottom: 8px;
  }
  .pagination li a {
    color: #585c61;
    font-size: 1.2rem;
    padding: 3px 9px;
  }
}

@media (max-width: 767px) {
  .category-common-list {
    padding-top: 0px;
  }
  .category-common-list .common-item {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  .category-common-list .common-item .title {
    margin-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .category-common-list .common-item .intro {
    font-size: 1.2rem;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .category-common-list .common-item .more a {
    font-size: 1.2rem;
    text-align: center;
    /*padding-left: 10px;*/
  }
  .category-common-pagination {
    margin-top: 18px;
    margin-bottom: 8px;
  }
  .pagination li a {
    color: #585c61;
    font-size: 1.2rem;
    padding: 3px 9px;
  }
}

/*订阅最新行业*/

.order-latest-industry {
  padding-top: 45px;
  padding-bottom: 100px;
  background: url(../img/form_bg.jpg) center bottom no-repeat;
  background-size: cover;
}

.order-latest-industry .form-white-heading {
  font-size: 3.2rem;
  margin-bottom: 40px;
}

.order-latest-industry .subscribe-form .help-block {
  position: absolute;
  font-size: 1.4rem;
  color: #fff;
  opacity: 0.8;
  margin-top: 10px;
}

.order-latest-industry .subscribe-form .help-block i {
  margin-right: 5px;
}

.order-latest-industry .subscribe-form .help-block a {
  color: #fd7f10;
  margin-left: 5px;
}

.order-latest-industry .subscribe-form .email-field {
  width: 400px;
  border: none;
  height: 50px;
  opacity: 0.8;
  background: none;
  border: 1px solid #c0bcbc;
  color: #fff;
}

.order-latest-industry .subscribe-form .btn {
  height: 50px;
  border: none;
}

.order-latest-industry .subscribe-form .btn {
  padding-left: 60px;
  padding-right: 60px;
  margin-left: 30px;
}

.order-latest-industry .subscribe-form a.btn {
  line-height: 36px;
}

.order-latest-industry .order-success {
  margin-top: 28px;
  margin-bottom: -28px;
  display: none;
}

.order-latest-industry .order-success img {
  width: 80px;
}

.order-latest-industry .order-success label {
  display: block;
  width: 100%;
  color: #fff;
  font-weight: normal;
  font-size: 32px;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .order-latest-industry .subscribe-form a.btn {
    line-height: 28px;
  }
  .order-latest-industry .form-white-heading {
    font-size: 2.6rem;
  }
  .order-latest-industry .subscribe-form .email-field {
    width: 300px;
    border: none;
    height: 40px;
    opacity: 0.8;
    background: none;
    border: 1px solid #c0bcbc;
    color: #fff;
    font-size: 1.4rem;
  }
  .order-latest-industry .subscribe-form .btn {
    height: 40px;
    border: none;
  }
  .order-latest-industry .subscribe-form .btn {
    padding-left: 45px;
    padding-right: 45px;
    margin-left: 30px;
  }
  .order-latest-industry .order-success label {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .order-latest-industry {
    padding-bottom: 40px;
  }
  .order-latest-industry .form-white-heading {
    margin-top: 10px;
    margin-bottom: 35px;
  }
  .order-latest-industry .subscribe-form {
    text-align: center;
  }
  .order-latest-industry .subscribe-form .email-field {
    width: 85%;
    border: none;
    height: 40px;
    opacity: 0.8;
    background: none;
    border: 1px solid #c0bcbc;
    color: #fff;
    font-size: 1.4rem;
    margin: 0px auto;
  }
  .order-latest-industry .subscribe-form .help-block {
    position: relative;
  }
  .order-latest-industry .subscribe-form .btn {
    height: 40px;
    border: none;
  }
  .order-latest-industry .subscribe-form .btn {
    margin: 0px auto;
    width: 85%;
    margin-top: 18px;
  }
  .order-latest-industry .order-success {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}

/*通用详情*/

.single-common-content {
  padding-top: 50px;
}

.single-common-content .post-content {
}

.single-common-content .title {
}

.single-common-content .title .tag {
  color: #fff;
  background: #fd5e0f;
  float: left;
  display: block;
  padding: 8px 10px;
  border-radius: 5px;
  margin-right: 20px;
  text-align: center;
}

.single-common-content .title .year {
  border-bottom: 1px solid darkorange;
  padding-bottom: 5px;
  font-size: 1.4rem;
}

.single-common-content .title .month {
  padding-top: 5px;
  font-size: 1.3rem;
}

.single-common-content .title .text h2 {
  font-size: 2.4rem;
  margin-bottom: 5px;
}

.single-common-content .title .text .view {
  font-size: 1.4rem;
}

.single-common-content .title .text .view i {
  margin-right: 10px;
}

.single-common-content .content {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
  padding-top: 30px;
}

.single-common-content .content img {
  max-width: 100%;
  height: auto;
}

.single-common-content .share {
  padding-top: 10px;
  padding-bottom: 10px;
  color: black;
  font-size: 18px;
}

.single-common-content .share-code {
  border-top: 1px solid #eee;
  padding-top: 17px;
  padding-bottom: 17px;
}

.single-common-content .prev-next {
  border-top: 1px solid #eee;
  padding-top: 30px;
  padding-bottom: 90px;
}

.single-common-content .prev-next a {
  color: #fe5e10;
}

.single-common-content .prev-next a:hover {
  color: #f7a917;
  text-decoration: none;
}

.single-common-content .prev-next .prev {
  float: left;
}

.single-common-content .prev-next .next {
  float: right;
}

.single-common-content .crumbs {
  font-size: 16px;
  color: #fe5e10;
}

.single-common-content .crumbs a {
  color: #fe5e10;
}

@media (max-width: 1024px) {
  .single-common-content .title .text h2 {
    font-size: 2rem;
    margin-bottom: 5px;
  }
  .single-common-content .title .text .view {
    font-size: 1.2rem;
  }
  .single-common-content .content {
    font-size: 1.4rem;
  }
  .single-common-content .content h2 {
    font-size: 2rem;
  }
  .single-common-content .share-code {
    border-top: 1px solid #eee;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

@media (max-width: 767px) {
  .single-common-content .title .text h2 {
    font-size: 1.8rem;
  }
  .single-common-content .content {
    padding-bottom: 30px;
    margin-top: 30px;
  }
  .single-common-content .prev-next {
    padding-bottom: 80px;
  }
  .single-common-content .crumbs {
    display: none;
  }
}

/* 动画背景 */

.bg-animation-container {
  position: relative;
}

.bg-animation-container .container {
  position: relative;
  z-index: 10;
}

.bg-animation-canvas {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 0;
  z-index: 1;
  /*background: #ffffff;*/
}

/*活动列表*/

.activity-top {
  padding-top: 45px;
}

.activity-list-title {
  color: #333333;
}

.activity-top .top-all {
}

.activity-top .top-content .col-md-6 {
  padding: 0px;
}

.activity-top .top-content {
  margin-top: 37px;
  padding: 0px;
  background: #f1f3f7;
  width: 100%;
  height: 100%;
  float: left;
}

.activity-top .top-left img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.activity-top .top-right {
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.activity-top .top-right .title .tag {
  float: left;
  background: #fd5e0f;
  color: #fff;
  padding: 5px 13px;
  margin-right: 25px;
  text-align: center;
  border-radius: 5px;
}

.activity-more {
  background-color: white;
  color: #717171;
  width: 100px;
  line-height: 30px;
  text-align: center;
  font-size: 0.8em;
}

.activity-top .top-right-wrapper {
  height: 370px;
}

.activity-top .top-right .title .month {
  font-size: 1.7rem;
  padding-bottom: 4px;
}

.activity-top .top-right .title .pos {
  border-top: 1px solid sandybrown;
  font-size: 1.4rem;
  padding-top: 4px;
}

.activity-top .top-right .title h3 {
  font-size: 2.4rem;
}

.activity-top .top-right .title h3 a {
  text-decoration: none;
}

.activity-top .top-right .intro {
  font-size: 1.6rem;
  margin-top: 45px;
}

.activity-list {
  padding-bottom: 70px;
}

.activity-list .common-item .year {
  font-size: 1.2rem;
}

.activity-list .common-item .title h5 {
  font-size: 1.8rem;
  margin: 0px;
  line-height: 30px;
}

.activity-list .common-item .title .pos {
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .activity-list .common-item .intro {
    min-height: 95px;
  }
}

@media (min-width: 767px) and (max-width: 1199px) {
  .activity-list .common-item .intro {
    height: 105px;
  }
}

.activity-list .get-more-case-list {
  margin-top: 20px;
}

.activity-review {
  background: #f1f3f7;
  padding-top: 45px;
  padding-bottom: 70px;
}

.activity-review h2 {
  padding-bottom: 40px;
}

.activity-review .item {
  min-height: 370px;
}

.activity-review .figure-holder {
  width: 100%;
  min-height: 370px;
}

.activity-review .swiper-container {
  margin: 0px auto;
}

.activity-review .swiper-slide {
  background: #f1f3f7;
  padding-left: 30px;
  padding-right: 30px;
}

.activity-review .swiper-wrapper .item-figure {
  padding: 0px;
}

.activity-review .swiper-wrapper .item-figure .figure-holder {
  height: 370px;
}

.activity-rerview .item-content {
  background: #fff;
}

.activity-review .container {
  /*width:1200px;*/
}

.activity-review .swiper-button-prev {
  background-image: none;
}

.activity-review .swiper-button-next {
  background-image: none;
}

.activity-review .swiper-button-prev {
  height: 70px;
  width: 20px;
  left: 0;
  margin-top: -35px;
}

.activity-review .swiper-button-prev .left {
  position: relative;
  width: 16px;
  height: 100%;
}

.activity-review .swiper-button-prev .left .left-arrow {
  background-image: url(../img/);
  background-size: cover;
  width: 100%;
  height: 35px;
  top: 17px;
  position: absolute;
}

.activity-review .swiper-button-next {
  height: 70px;
  width: 50px;
  right: 0;
  margin-top: -35px;
}

.activity-review .swiper-button-next .right {
  position: relative;
  width: 16px;
  height: 100%;
  margin-left: 34px;
}

.activity-review .swiper-button-next .right .right-arrow {
  background-image: url(../img/);
  background-size: cover;
  width: 100%;
  height: 35px;
  top: 17px;
  position: absolute;
}

.activity-review .swiper-container .item-content {
  background: #fff;
  height: 370px;
  display: block;
  float: left;
  padding-top: 36px;
}

.activity-review .item-content .item-title {
  font-size: 2.4rem;
}

.activity-review .item-content .item-intro {
  font-size: 1.6rem;
  margin-top: 30px;
}

.activity-review .item-content .item-intro .more {
  margin-top: 10px;
}

.activity-review .item-content .item-intro .more a {
  font-size: 1.2rem;
  padding: 5px 20px;
  background: #f3f5f8;
}

.activity-review .item-content .item-intro .more a:hover {
  text-decoration: none;
  color: #fff;
  background: #f7a917;
}

.activity-review .get-more-case-list {
  margin-top: 35px;
}

@media (max-width: 1200px) {
  /*活动列表*/
  .activity-top h2 {
    font-size: 2.6rem;
  }
  .activity-top .top-right {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .activity-top .top-right .title .tag {
    float: left;
    background: #fd5e0f;
    color: #fff;
    padding: 6px 13px;
    margin-right: 15px;
    text-align: center;
    border-radius: 5px;
  }
  .activity-top .top-right .title .month {
    font-size: 1.5rem;
    padding-bottom: 4px;
  }
  .activity-top .top-right .title .pos {
    border-top: 1px solid #fff;
    font-size: 1.2rem;
    padding-top: 4px;
  }
  .activity-top .top-right .title h3 {
    font-size: 2rem;
  }
  .activity-top .top-right .intro {
    font-size: 1.4rem;
    margin-top: 13px;
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .activity-list {
    padding-bottom: 70px;
  }
  .activity-list .common-item {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .activity-list .common-item .tag {
    text-align: center;
  }
  .activity-list .common-item .year {
    font-size: 10px;
  }
  .activity-list .common-item .title h5 {
    font-size: 1.8rem;
    margin: 0px;
    line-height: 30px;
  }
  .activity-list .common-item .title .pos {
    font-size: 1.2rem;
  }
  .activity-list .common-item .intro {
    margin-top: 20px;
  }
  .activity-list .get-more-case-list {
    margin-top: 55px;
    float: left;
    width: 100%;
  }
  .activity-review {
    background: #f1f3f7;
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .activity-review h2 {
    padding-bottom: 40px;
    font-size: 2.6rem;
  }
  .activity-review .item {
    min-height: 170px;
  }
  .activity-review .figure-holder {
    width: 100%;
    height: 170px;
    min-height: 220px;
  }
  .activity-review .swiper-container .item-content {
    background: #fff;
    height: 220px;
    display: block;
    float: left;
    padding-top: 0px;
  }
  .activity-review .item-content .item-title {
    font-size: 1.8rem;
    margin: 0px;
    margin-top: 10px;
  }
  .activity-review .item-content .item-intro {
    font-size: 1.4rem;
    margin-top: 15px;
  }
  .activity-review .item-content .item-intro p {
    max-height: 80px;
    overflow: hidden;
  }
  .activity-review .swiper-wrapper .item-figure .figure-holder {
    height: 225px;
  }
  .activity-top .top-right-wrapper {
    height: 225px;
  }
  .activity-review .swiper-button-prev {
    margin-top: -60px;
  }
  .activity-review .swiper-button-next {
    margin-top: -60px;
  }

  /*  .activity-review .play-icon .play-icon-img {
    margin-top: 90px;
  }*/
}

@media (max-width: 767px) {
  .activity-top {
    padding-top: 55px;
  }
  .activity-top .top-right {
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .activity-top .top-right-wrapper {
    height: auto;
    padding-bottom: 30px;
  }
  .activity-top .top-right .title .tag {
    float: left;
    background: #fd5e0f;
    color: #fff;
    padding: 6px 13px;
    margin-right: 10px;
    text-align: center;
    border-radius: 5px;
  }
  .activity-top .top-right .intro {
    font-size: 1.4rem;
    margin-top: 20px;
    max-height: none;
    padding-bottom: 30px;
  }
  .activity-top .top-right-wrapper .intro {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .activity-list {
    padding-top: 20px;
    padding-bottom: 70px;
  }
  .activity-list .common-item {
    margin-top: 50px;
    max-height: none;
    margin-bottom: 20px;
  }
  .activity-list .common-item .title h5 {
    font-size: 1.5rem;
    margin: 0px;
    line-height: 30px;
  }
  .activity-list .common-item .more {
    margin-left: 10px;
  }
  .activity-list .common-item .intro {
    margin-top: 20px;
  }
  .activity-review {
    background: #f1f3f7;
    padding-top: 45px;
    padding-bottom: 70px;
  }
  .activity-review h2 {
    padding-bottom: 40px;
    font-size: 2.6rem;
  }
  .activity-review .item {
    min-height: none;
  }
  .activity-review .figure-holder {
    width: 100%;
    min-height: 220px;
  }
  .activity-review .swiper-container .item-content {
    background: #fff;
    height: auto;
    display: block;
    float: left;
    padding-top: 0px;
  }
  .activity-review .item-content .item-content-inner {
    padding-left: 0px;
    padding-right: 0px;
  }
  .activity-review .play-icon .play-icon-img {
    top: 50%;
    margin-top: -65px;
  }
  .activity-review .swiper-wrapper .item-figure .figure-holder {
    height: 205px;
  }
  .activity-review .swiper-button-prev .left .left-arrow {
    top: 13px;
  }
  .activity-review .swiper-button-next .right .right-arrow {
    top: 13px;
  }
}

/*关于我们页面*/

.about-us-tags {
  /*padding-top: 70px;
  padding-bottom: 50px;*/
  text-align: center;
  position: relative;
}

.about-us-page .swiper-wrapper {
  margin-top: 20px;
}

.about-us-tags .tags-content {
  margin-top: 70px;
  margin-bottom: 50px;
  float: left;
}

.about-us-tags .tags-block {
}

.about-us-tags .tags-block .title {
  font-size: 2rem;
  padding-top: 10px;
}

.about-us-tags .tags-block img {
  width: 55px;
  height: 55px;
}

.about-us-tags .tags-block .sub {
  font-size: 1.6rem;
}

.about-us-tags .tags-block .intro {
  font-size: 1.4rem;
  padding-top: 15px;
  line-height: 22px;
  width: 90%;
  margin: 0px auto;
  text-align: left;
}

.about-us-dev {
  /* background: url(../img/about_us_bg1.png) center top no-repeat; */
  background-color: #f5f5f7;
  background-size: cover;
  padding-top: 65px;
}

@media (min-width: 1200px) {
  .about-us-dev .container {
    width: 1200px;
  }
}

.about-us-dev .swiper-container {
  padding-left: 30px;
  padding-right: 30px;
}

.about-us-dev .swiper-wrapper {
  position: relative;
}

.about-us-dev .swiper-button-prev,
.about-us-dev .swiper-button-next {
  background-image: none;
  color: #fff;
  width: 50px;
  height: 23px;
  background: #c1c1c1;
  opacity: 1;
  line-height: 25px;
  border-radius: 10px;
  text-align: center;
}

.about-us-dev .swiper-button-prev {
  /*   position:absolute; */
  left: 0px;
  top: 320px;
}

.about-us-dev .swiper-button-next {
  /*   position:absolute; */
  right: 0px;
  top: 320px;
}

.about-us-dev .swiper-container .one-line {
  position: absolute;
  width: 100%;
  border-top: 1px solid #595c61;
  top: 50%;
}

.about-us-dev .swiper-button-next.swiper-button-disabled,
.about-us-dev .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.about-us-dev .swiper-container {
  padding-left: 50px;
  padding-right: 50px;
}

.about-us-dev .swiper-container .swiper-wrapper {
}

.about-us-dev .swiper-slide {
  /*   height:600px; */
}

.about-us-dev .swiper-slide.odd {
  color: #03b2a5;
  position: relative;
  margin-top: 310px;
  min-height: 310px;
}

.about-us-dev .swiper-slide.even {
  color: #fd5e0f;
  position: relative;
  min-height: 310px;
}
/*以下是团队核心-个人介绍新增*/
.everyContent {
  font-size: 16px;
  font-family: FZLTHJW--GB1-0;
  font-weight: 400;
  color: rgba(243, 241, 241, 1);
  /* width:408px;
  height:144px; */
  /*margin-right:160px*/
}
.everyTitle {
  width: 86px;
  height: 21px;
  font-size: 22px;
  font-family: FZLTHJW--GB1-0;
  font-weight: 400;
  color: rgba(253, 94, 15, 1);
}
.everyWrap {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .peoplewrap {
    height: 650px;
    width: 350px;
    background-image: url(../img/timg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 50%;
    margin-left: -170px;
    margin-top: 15px;
    display: none;
  }
  .everyPeople {
    height: 650px;
    width: 350px;
    z-index: 1;
    background-color: rgba(11, 11, 11, 1);
    opacity: 0.8;
    position: relative;
    left: -15px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .peoplewrap {
    height: 320px;
    /* width:700px; */
    background-image: url(../img/);
    /* position:relative; */
    /* left:50%; */
    /* margin-left:-350px; */
    margin-top: 15px;
    display: none;
  }
  .everyPeople {
    height: 320px;
    width: 620px;
    z-index: 1;
    background-color: rgba(11, 11, 11, 1);
    opacity: 0.8;
    position: relative;
    left: -15px;
  }
}
@media (min-width: 1200px) {
  .peoplewrap {
    height: 280px;
    width: 850px;
    background-image: url(../img/);
    position: relative;
    left: 50%;
    margin-left: -425px;
    margin-top: 15px;
    display: none;
  }
  .everyPeople {
    height: 280px;
    width: 850px;
    z-index: 1;
    background-color: rgba(11, 11, 11, 1);
    opacity: 0.8;
    position: relative;
    left: -15px;
  }
}
@media (min-width: 992px) {
  .peoplewrap {
    height: 332px;
    width: 1178px;
    background-image: url(../img/);
    position: relative;
    left: 50%;
    margin-left: -550px;
    margin-top: 15px;
    display: none;
  }
  .everyPeople {
    height: 332px;
    width: 1178px;
    z-index: 1;
    background-color: rgba(11, 11, 11, 1);
    opacity: 0.8;
    position: relative;
    left: -15px;
    padding-left: 95px;
    padding-top: 36px;
  }
  .personContent {
    width: 408px;
    height: 144px;
  }
  .detailContent {
    width: 10px;
    height: 66px;
  }
  /*.leftContent{
    margin:10px
  }*/
  /*.rightContent{
    margin:10px;
  }*/
  .rightContent .everyContent {
    width: 300px;
  }
}

/*以下是团队核心-个人介绍新增结束*/

@media (min-width: 768px) and (max-width: 1024px) {
  .about-us-dev .swiper-slide.odd {
    color: #03b2a5;
    position: relative;
    margin-top: 270px;
    min-height: 270px;
  }
  .about-us-dev .swiper-slide.even {
    color: #fd5e0f;
    position: relative;
    min-height: 270px;
  }
}

.about-us-dev .swiper-slide.odd .num {
  width: 100%;
  font-size: 3rem;
  text-align: center;
  position: absolute;
  top: -65px;
}

.about-us-dev .swiper-slide.even .num {
  width: 100%;
  font-size: 3rem;
  text-align: center;
  position: absolute;
  bottom: -65px;
}

.about-us-dev .swiper-slide.odd .circle {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -20px;
  left: 50%;
  margin-left: -20px;
  border: 2px solid #03b2a5;
  border-radius: 20px;
  z-index: 6;
}

.about-us-dev .swiper-slide.even .circle {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
  border: 2px solid #fd5e0f;
  border-radius: 20px;
  z-index: 6;
}

.about-us-dev .swiper-slide.odd .circle:before {
  content: "";
  width: 1px;
  height: 45px;
  position: absolute;
  background: #03b2a5;
  top: 38px;
  left: 19px;
}

.about-us-dev .swiper-slide.even .circle:before {
  content: "";
  width: 1px;
  height: 45px;
  position: absolute;
  background: #fd5e0f;
  bottom: 38px;
  right: 19px;
}

.about-us-dev .swiper-slide.odd .circle:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #03b2a5;
  position: absolute;
  top: 75px;
  left: 12px;
  border-radius: 7px;
}

.about-us-dev .swiper-slide.even .circle:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #fd5e0f;
  position: absolute;
  bottom: 75px;
  right: 12px;
  border-radius: 7px;
}

.about-us-dev .swiper-slide.odd .circle .inner {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #03b2a5;
  position: absolute;
  top: 8px;
  left: 8px;
}

.about-us-dev .swiper-slide.even .circle .inner {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #fd5e0f;
  position: absolute;
  top: 8px;
  left: 8px;
}

.about-us-dev .swiper-slide.odd .circle .outside {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 18px;
  left: -10px;
  z-index: -1;
  border-radius: 0 0 0 100%;
  border-left: 1px solid #585c61;
  border-bottom: 1px solid #585c61;
}

.about-us-dev .swiper-slide.even .circle .outside {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 18px;
  right: -10px;
  z-index: -1;
  border-radius: 0 100% 0 0;
  border-top: 1px solid #585c61;
  border-right: 1px solid #585c61;
}

.about-us-dev .swiper-slide.odd .text {
  position: absolute;
  width: 140%;
  margin-left: -20%;
  top: 80px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.about-us-dev .swiper-slide.even .text {
  position: absolute;
  padding-top: 15px;
  padding-bottom: 15px;
  bottom: 80px;
  width: 140%;
  margin-left: -20%;
}

.about-us-dev .swiper-slide.odd .text .intro,
.about-us-dev .swiper-slide.even .text .intro {
  padding: 20px;
  font-size: 1.8rem;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

.about-us-dev .swiper-slide.odd .text .intro label,
.about-us-dev .swiper-slide.even .text .intro label {
  font-weight: normal;
  text-align: center;
  width: 16%;
  /*padding-left:10px;*/
  display: block;
  /*   float: left; */
  position: absolute;
  left: 3px;
}

.about-us-dev .swiper-slide.odd .text .intro span,
.about-us-dev .swiper-slide.even .text .intro span {
  color: #585c61;
  float: right;
  width: 85%;
}

.about-us-dev .swiper-slide.odd .text .text-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #03b2a5;
  top: 0px;
  opacity: 0.15;
  border-radius: 10px;
}

.about-us-dev .swiper-slide.even .text .text-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fd5e0f;
  top: 0px;
  opacity: 0.15;
  border-radius: 10px;
}

.about-title {
  line-height: 1;
}

.about-us-team {
  padding-top: 60px;
  padding-bottom: 70px;
  background: #e8eef5;
}

.about-us-team .team-hover {
  margin-top: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

.about-us-team .team-block {
  padding-top: 0px;
  padding-bottom: 0px;
}

.about-us-team .team-block h5 {
  font-size: 1.8rem;
  padding-left: 20px;
}

.about-us-team .team-block p {
  padding-left: 20px;
  font-size: 14px;
}

.about-us-team .team-block .team-item {
  margin-top: 40px;
  border: 1px solid #585858;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  background: #fff;
  box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  -moz-box-shadow: 2px 2px 15px #ccc;
}

.about-us-team .team-block .team-item:hover {
  margin-top: 30px;
  margin-bottom: 10px;
}

.about-us-team .team-block .team-item img {
  width: 100%;
  height: 200px;
  border-bottom: 1px solid #eee;
}

.about-us-team .team-detail {
  padding-top: 35px;
  padding-right: 40px;
  padding-bottom: 35px;
}

.about-us-team .team-detail .intro {
  width: 71%;
  margin-left: 29%;
  padding: 30px 40px;
  background: #fff;
  opacity: 0.7;
  text-align: center;
}

.about-us-team .team-detail .intro p {
  font-size: 1.6rem;
}

.about-us-team .triangle {
  position: absolute;
  top: 0px;
  z-index: -1;
  left: 15px;
  -webkit-transform: rotate(25deg) translate3d(0, 0, 0);
  -moz-transform: rotate(25deg) translate3d(0, 0, 0);
  -ms-transform: rotate(25deg) translate3d(0, 0, 0);
  -o-transform: rotate(25deg) translate3d(0, 0, 0);
  transform: rotate(25deg) translate3d(0, 0, 0);
}

.about-us-team .triangle .crop {
  position: relative;
  width: 60px;
  height: 40px;
  margin: 0;
  display: block;
  overflow: hidden;
  -webkit-transform: skew(-15deg, 25deg) translate3d(0, 0, 0);
  -moz-transform: skew(-15deg, 25deg) translate3d(0, 0, 0);
  -ms-transform: skew(-15deg, 25deg) translate3d(0, 0, 0);
  -o-transform: skew(-15deg, 25deg) translate3d(0, 0, 0);
  transform: skew(-15deg, 25deg) translate3d(0, 0, 0);
}

/* 成功案例适配 */
.about-us-dev .swiper-slide.every-case {
  color: #03b2a5;
  position: relative;
  margin-top: 270px;
  min-height: 300px;
  margin-right: 0px;
}
@media (max-width: 1024px) {
  .about-us-team .team-block .team-item img {
    max-height: 168px;
  }
  .about-us-tags .tags-block img {
    width: 48px;
    height: 48px;
  }
  .about-us-tags .tags-block .title {
    font-size: 1.8rem;
    padding-top: 10px;
  }
  .about-us-tags .tags-block .sub {
    font-size: 1.4rem;
  }
  .about-us-tags .tags-block .intro {
    font-size: 1.2rem;
    line-height: 18px;
  }
  .about-us-dev h2 {
    font-size: 2.6rem;
  }
  .about-us-dev {
    padding-top: 45px;
  }
  .about-us-dev .swiper-slide.odd .num {
    width: 100%;
    font-size: 2.5rem;
    text-align: center;
    position: absolute;
    top: -55px;
  }
  .about-us-dev .swiper-slide.even .num {
    width: 100%;
    font-size: 2.5rem;
    text-align: center;
    position: absolute;
    bottom: -55px;
  }
  .about-us-dev .swiper-slide.odd .text {
    position: absolute;
    width: 210%;
    margin-left: -55%;
    top: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .about-us-dev .swiper-slide.even .text {
    position: absolute;
    padding-top: 15px;
    padding-bottom: 15px;
    bottom: 80px;
    width: 210%;
    margin-left: -55%;
  }
  .about-us-dev .swiper-slide.odd .text .intro,
  .about-us-dev .swiper-slide.even .text .intro {
    font-size: 1.5rem;
    padding: 20px;
  }
  .about-us-dev .swiper-slide.odd .text .intro label,
  .about-us-dev .swiper-slide.even .text .intro label {
    font-weight: normal;
    text-align: center;
    width: 20%;
    /*display: block;
    float: left;*/
  }
  .about-us-dev .swiper-slide.odd .text .intro span,
  .about-us-dev .swiper-slide.even .text .intro span {
    color: #585c61;
    float: right;
    width: 80%;
  }
  .about-us-dev .swiper-button-prev {
    /*   position:absolute; */
    left: 0px;
  }
  .about-us-dev .swiper-button-next {
    /*   position:absolute; */
    right: 0px;
  }
  .about-us-team {
    padding-top: 40px;
  }
  .about-us-team h2 {
    font-size: 2.6rem;
    padding-bottom: 20px;
  }
  .about-us-team .team-block h5 {
    font-size: 1.6rem;
    padding-left: 20px;
  }
  .about-us-team .team-block p {
    font-size: 1.2rem;
  }
  .about-us-team .team-detail {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .about-us-team .team-detail .intro {
    width: 81%;
    margin-left: 19%;
    padding: 20px 20px;
    background: #fff;
    opacity: 0.7;
    text-align: center;
  }
  .about-us-team .team-detail .intro p {
    margin: 0px;
    padding: 0px;
  }
  .about-us-team .team-detail .intro p {
    font-size: 1.4rem;
  }
  .about-us-member h3 {
    line-height: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .about-us-dev .swiper-button-next {
    position: absolute;
    top: 280px;
  }
  .about-us-dev .swiper-button-prev {
    position: absolute;
    top: 280px;
  }
  .scope-line .caseContentWidth {
    padding: 15px 20px;
  }
  .wad-scope .scope-line p {
    color: #6c6e73;
    height: 105px !important;
  }
}
/* @media (min-width:1024px) {
  .wad-scope .scope-line p {
    color: #6c6e73;
    height: 180px!important;
  }
} */
@media (max-width: 767px) {
  /* .scope-line .caseContentWidth{
      overflow:hidden;
      text-overflow:ellipsis;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:4;

  } */
  .case-wad .scope-line .case-title {
    font-size: 14px;
  }
  .about-us-tags .tags-block {
    margin-bottom: 45px;
  }
  .about-us-dev {
    padding-top: 75px;
    padding-bottom: 10px;
    margin-bottom: 0px;
  }
  .about-us-dev .swiper-slide.odd {
    margin-top: 250px;
    min-height: 250px;
  }
  .about-us-dev .swiper-slide.even {
    min-height: 250px;
  }
  .about-us-dev .swiper-slide.odd .num {
    width: 100%;
    font-size: 2.5rem;
    text-align: center;
    position: absolute;
    top: -55px;
  }
  .about-us-dev .swiper-slide.even .num {
    width: 100%;
    font-size: 2.5rem;
    text-align: center;
    position: absolute;
    bottom: -55px;
  }
  .about-us-dev .swiper-slide.odd .text {
    position: absolute;
    width: 100%;
    margin-left: 0px;
    top: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .about-us-dev .swiper-slide.even .text {
    position: absolute;
    padding-top: 15px;
    padding-bottom: 15px;
    bottom: 80px;
    width: 100%;
    margin-left: 0px;
  }
  .about-us-dev .swiper-slide.odd .text .intro,
  .about-us-dev .swiper-slide.even .text .intro {
    font-size: 1.5rem;
    padding: 20px;
  }
  .about-us-dev .swiper-slide.odd .text .intro label,
  .about-us-dev .swiper-slide.even .text .intro label {
    font-weight: normal;
    text-align: center;
    width: 20%;
    /* display: block;
    float: left;*/
  }
  .about-us-dev .swiper-slide.odd .text .intro span,
  .about-us-dev .swiper-slide.even .text .intro span {
    color: #585c61;
    float: right;
    width: 80%;
  }
  .about-us-dev .swiper-slide.odd {
    color: #03b2a5;
    position: relative;
    margin-top: 260px;
    min-height: 260px;
  }

  .about-us-dev .swiper-slide.even {
    color: #fd5e0f;
    position: relative;
    min-height: 260px;
  }

  .about-us-dev .swiper-button-prev {
    position: absolute;
    left: 0px;
    top: 270px;
  }

  .about-us-dev .swiper-button-next {
    position: absolute;
    right: 0px;
    top: 270px;
  }
  .about-us-team {
    padding-top: 40px;
  }
  .about-us-team .team-block .team-item img {
    max-height: none;
    height: auto;
  }
  .about-us-team h2 {
    font-size: 2.6rem;
    padding-bottom: 20px;
  }
  .about-us-team .team-block h5 {
    padding-top: 10px;
    font-size: 1.8rem;
    padding-left: 20px;
  }
  .about-us-team .team-block p {
    font-size: 1.4rem;
    padding-bottom: 10px;
  }
  .about-us-team .team-detail {
    padding: 0px;
  }
  .about-us-team .team-detail .intro {
    width: 100%;
    margin: 0;
    padding: 20px 20px;
    background: #fff;
    opacity: 0.7;
    text-align: center;
  }
  .about-us-team .team-detail .intro p {
    margin: 0px;
    padding: 0px;
  }
  .about-us-team .team-detail .intro p {
    font-size: 1.4rem;
  }
  .about-us-team .triangle .crop {
    opacity: 0.5;
  }
}

/*404错误页面*/

.error-page {
  background: url("../img/error-bg.png");
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
}

.error-content {
  text-align: center;
  padding-top: 17%;
}

.error-img {
  margin-left: auto;
  margin-right: auto;
}

.error-btn {
  margin-top: 50px;
}

/* 产品SaaS */

.products-page.loan-page,
.products-page.loan-page .products-qa,
.products-page .products-intro {
  background-color: #fff;
}

.products-page.products-super-page,
.products-page.products-paul {
  background-color: #e9eef4;
}

.products-page .products-intro .products-intro-con {
  margin: 75px auto 25px;
  width: 920px;
}

.products-page .products-intro .item {
  width: 240px;
  float: left;
  position: relative;
}

.products-page .products-intro .item:first-child {
  left: 240px;
}

.products-page .products-intro .item:nth-child(2) {
  right: 440px;
}

.products-page .products-intro .item.center-item {
  width: 440px;
}

.products-page .products-intro .center-item .circle {
  margin: 86px auto;
  width: 208px;
  height: 208px;
  border: 3px solid #ccc;
  border-radius: 50%;
  position: relative;
}

.products-page .products-intro .center-item .circle:before {
  display: block;
  content: "";
}

.products-page .products-intro .center-item .circle .letter-circle {
  position: absolute;
  width: 16px;
  height: 16px;
  border: 3px solid #fd5e0f;
  border-radius: 50%;
  background: #fff;
}

.products-page .products-intro .center-item .circle .left-top {
  top: 8.6%;
  left: 8.6%;
  margin-top: 8px;
}

.products-page .products-intro .center-item .circle .left-top:before {
  content: "";
  width: 90px;
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform: rotate(-155deg);
  transform-origin: left top;
  position: absolute;
  left: -8px;
  bottom: 8px;
}

.products-page .products-intro .center-item .circle .left-bottom {
  bottom: 8.6%;
  left: 8.6%;
  margin-bottom: 8px;
}

.products-page .products-intro .center-item .circle .left-bottom:before {
  content: "";
  width: 90px;
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform: rotate(155deg);
  transform-origin: left bottom;
  position: absolute;
  left: -8px;
  top: 8px;
}

.products-page .products-intro .center-item .circle .right-top {
  top: 8.6%;
  right: 8.6%;
  margin-top: 8px;
}

.products-page .products-intro .center-item .circle .right-top:before {
  content: "";
  width: 90px;
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform: rotate(-25deg);
  transform-origin: left top;
  position: absolute;
  left: 16px;
  bottom: 8px;
}

.products-page .products-intro .center-item .circle .right-bottom {
  bottom: 8.6%;
  right: 8.6%;
  margin-bottom: 8px;
}

.products-page .products-intro .center-item .circle .right-bottom:before {
  content: "";
  width: 90px;
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform: rotate(25deg);
  transform-origin: left bottom;
  position: absolute;
  left: 16px;
  top: 8px;
}

.products-page .products-intro .center-item .circle .center-top {
  top: 0;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.products-page .products-intro .center-item .circle .center-top:before {
  content: "";
  width: 80px;
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform: rotate(-21deg);
  transform-origin: left top;
  position: absolute;
  left: 16px;
  top: -3px;
}

.products-page .products-intro .center-item .circle .center-bottom {
  bottom: 0;
  left: 50%;
  margin-bottom: -8px;
  margin-left: -8px;
}

.products-page .products-intro .center-item .circle .center-bottom:before {
  content: "";
  width: 80px;
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform: rotate(19deg);
  transform-origin: left top;
  position: absolute;
  bottom: -3px;
  left: 16px;
}

.products-page .products-intro .center-item .circle .right-center {
  top: 50%;
  right: 0;
  margin-top: -8px;
  margin-right: -8px;
}

.products-page .products-intro .center-item .circle .right-center:before {
  content: "";
  /*width: 68px;*/
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform-origin: left top;
  position: absolute;
  left: 16px;
  top: 5px;
}

.products-page .products-intro .center-item .circle .left-center {
  display: none;
  top: 50%;
  left: 0;
  margin-top: -8px;
  margin-left: -8px;
}

.products-page .products-intro .center-item .circle .left-center:before {
  content: "";
  width: 68px;
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform-origin: left top;
  position: absolute;
  left: 16px;
  top: 5px;
}

.products-page .products-intro .center-item .small-circle {
  width: 178px;
  height: 178px;
  margin: 12px;
  border-radius: 50%;
  background: url(../img/question_icon.svg) no-repeat center center;
  background-size: cover;
}

.products-page .products-intro .item-inner {
  margin-bottom: 25px;
  padding: 20px 40px 15px 25px;
  background-color: #f5f5f5;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0px 4px 5px #ddd;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #6c6c6c;
  letter-spacing: 1px;
  position: relative;
  height: 128px;
  display: table;
}

.products-page .products-intro .item-inner .item-inner-con {
  display: table-cell;
  vertical-align: middle;
}

.products-page .products-intro .item-inner.center {
  background: none;
  border: none;
  box-shadow: none;
  margin-top: 40px;
  height: 60px;
}

.products-page .products-intro .item-inner.right {
  padding: 20px 25px 15px 40px;
}

.products-page .products-intro .item-inner strong {
  font-size: 24px;
  color: #fd5e0f;
}

.products-page .products-intro .item-inner .circle {
  position: absolute;
  width: 72px;
  height: 72px;
  border: 2px solid #ccc;
  top: 50%;
  margin-top: -36px;
  border-radius: 50%;
  background: #fff;
}

.products-page.products-paul .products-intro .products-intro-con {
  width: 710px;
}

.products-page.products-paul .products-intro .item.center-item {
  width: 360px;
  left: 0;
}

.products-page.products-paul .products-intro .center-item .circle {
  margin-left: 0px;
}

.products-page.products-paul .products-intro .item-inner .circle:before {
  content: "";
  width: 130px;
  height: 1px;
  border-top: 3px dashed #03b2a5;
  transform-origin: left top;
  position: absolute;
  left: -3px;
  top: 47%;
  transform: rotate(180deg);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .products-page.products-paul .products-intro .item-inner .circle:before {
    top: 62%;
  }
}

.products-page.products-paul .products-intro .item-inner .circle.none:before {
  width: 108px;
  margin-top: 3px;
}

.products-page.products-paul .products-intro .item {
  width: 350px;
}

.products-page.products-paul .products-intro .item-inner {
  width: 350px;
  height: 110px;
}

.products-page.products-paul .products-intro .item:nth-child(2) {
  right: 0;
}

.products-page .products-intro .item-inner .circle.left {
  left: -36px;
}

.products-page .products-intro .item-inner .circle.right {
  right: -36px;
}

.products-page .products-intro .item-inner .small-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fd5e0f;
  margin: 4px;
  text-align: center;
  line-height: 60px;
}

.products-page .products-intro .item-inner .small-circle img {
  width: 35px;
}

@media (max-width: 1024px) {
  .products-page .products-intro .item-inner .circle {
    width: 60px;
    height: 60px;
  }
  .products-page .products-intro .item-inner .small-circle {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .products-page .products-intro .item-inner .small-circle img {
    width: 70%;
  }
}

.products-page .products-desc {
  background-color: #e9eef4;
  padding: 60px 0 55px 0;
}

.products-page .products-desc .item {
  margin-bottom: 20px;
}

.products-page .products-desc .content {
  margin-left: 60px;
}

@media (min-width: 767px) {
  .products-page .products-desc .item video {
    margin-top: 50px;
  }
}

.products-page .products-desc .video {
  /* height: 370px; */
}

.products-page .products-desc .video img {
  width: 100%;
  height: auto;
}

.products-page .products-desc .item .head {
  display: table;
  margin-top: 50px;
}

.products-page .products-desc .item .head .left {
  display: table-cell;
  vertical-align: middle;
}

.products-page .products-desc .item .head .left img {
  width: 50px;
  height: 60px;
}

.products-page .products-desc .item .head .right {
  display: table-cell;
  padding-left: 15px;
  vertical-align: middle;
}

.products-page .products-desc .item .head .right .title {
  font-size: 24px;
}

.products-page .products-desc .step {
  padding-top: 50px;
  padding-bottom: 40px;
  position: relative;
}

@media (max-width: 1024px) {
  .products-page .products-desc .step {
    min-height: 270px;
  }
}

.products-page .products-desc .step img {
  width: 100%;
}

.products-page .products-desc .zoom {
  position: absolute;
  height: 60px;
  width: 60px;
  left: 0;
  bottom: 0;
}

.products-page .products-desc .zoom img {
  width: 100%;
}

.products-page .products-desc h3 {
  color: #1b1a19;
}

.products-page .products-desc .desc {
  color: #999999;
  margin-top: 35px;
  margin-bottom: 35px;
}

.products-page .common-desc .watch a,
.products-page .products-desc .watch a {
  padding: 13px 20px;
}

.products-page .products-desc .watch i {
  font-size: 22px;
  margin-left: 5px;
  opacity: 0.8;
}

.products-page .products-reason {
  background: url(../img/products-choose.png) no-repeat center;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 60px;
}

.products-page .products-reason h2 {
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}

.products-page .products-reason .item {
  padding-left: 100px;
}

.products-page .products-reason .item:first-child {
  border-right: 1px solid #6587a5;
}

.products-page .products-reason .item-inner {
  display: table;
  padding-top: 15px;
  padding-bottom: 15px;
}

.products-page .products-reason .item-inner .icon {
  display: table-cell;
  vertical-align: middle;
  padding-right: 30px;
}

.products-page .products-reason .item-inner .icon img {
  width: 35px;
  height: 35px;
}

.products-page .products-reason .item-inner h4 {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  line-height: 2.1rem;
}

.products-page .product-main-feature {
  padding-top: 20px;
  /*padding-bottom:10px;*/
}

.products-page .product-main-feature.center-title {
  margin-top: 0;
}

.products-page .product-main-feature .main {
  margin-top: 40px;
}

.products-page .product-main-feature .head {
  margin-bottom: 30px;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .products-page .product-main-feature .head {
    margin-bottom: 38px;
    margin-top: 20px;
  }
}

.products-page .product-main-feature .main-content {
  /*margin-bottom: 55px;*/
}

.products-page.products-paul .main-content .common-desc {
  background-color: #fff;
}

.products-page.products-paul .membership-block .swiper-button-prev,
.products-page.products-paul .membership-block .swiper-button-next {
  background-color: #e9eef4;
}

.products-page .product-main-feature .main-category {
  background-image: url(../img/product-paul-cate-bg.png);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 40px;
}

.products-page .product-main-feature .main-category .item {
  padding: 25px 50px 10px 60px;
  height: 300px;
  color: #fff;
  width: 580px;
  margin-right: 0;
  margin: 35px 55px 35px 70px;
}

.products-page .product-main-feature .main-category .item h2 {
  margin-top: 0;
  margin-bottom: 30px;
  color: #fff;
}

.products-page .product-main-feature .main-category .item-inner {
  display: table;
  line-height: 30px;
}

.products-page .product-main-feature .main-category .item-inner .title {
  display: table-cell;
  min-width: 100px;
}

.products-page .product-main-feature .main-category .item-inner .intro {
  display: table-cell;
  vertical-align: middle;
}

.products-page .product-main-feature .main-category .item.left {
  background-color: rgba(252, 75, 11, 0.66);
  float: right;
}

.products-page .product-main-feature .main-category .item.right {
  background-color: rgba(0, 0, 0, 0.66);
  float: left;
}

.products-page .product-main-feature .loan-product-list {
  padding-top: 35px;
  padding-bottom: 40px;
  border-top: 1px solid #c9c9c9;
}

.products-page .product-main-feature .product-loan-list {
  margin-bottom: 20px;
}

.products-page .product-main-feature .loan-product-list .item {
  display: table;
}

.products-page .product-main-feature .loan-product-list .item .left {
  display: table-cell;
  vertical-align: middle;
}

.products-page .product-main-feature .loan-product-list .item .left .img {
  width: 45px;
  height: auto;
  max-height: 45px;
}

.products-page .product-main-feature .loan-product-list .item .right {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  font-size: 18px;
}

.products-page .product-main-feature .product-loan-list:nth-child(odd) {
  background: #fff;
}

.products-page .product-main-feature .product-loan-list:nth-child(even) {
  background: #e9eef4;
}

.products-page .product-main-feature .product-loan-list .common-desc {
  background-color: transparent;
}

.products-page .partner-paul {
  margin-top: 70px;
  padding-bottom: 20px;
}

.products-page .main-content .title {
  padding-left: 50px;
  position: relative;
  padding-top: 45px;
  padding-bottom: 45px;
  border-top: 1px solid #ccc;
}

.products-page .main-content .title:hover {
  cursor: pointer;
}

.products-page .main-content .title.center {
  border-top: none;
  text-align: center;
  padding-left: 0;
  font-size: 32px;
}

.products-page .paul-content-right-intro h4 {
  color: #1b1a19;
}

.products-page .paul-content-right-intro p {
  color: #999;
  font-size: 16px;
}

@media (max-width: 1024px) {
  .products-page .main-content .title.center {
    font-size: 26px;
  }
}

.products-page .main-content .title .before {
  content: "";
  width: 33px;
  height: 4px;
  background-color: #fd5e0f;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.products-page .main-content .title .after {
  /*content: '\002b';*/
  color: #fd5e0f;
  font-size: 70px;
  line-height: 0px;
  font-weight: thin;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  display: none;
}

.products-page .main-content .title.center:before {
  display: none;
}

.products-page .common-desc {
  position: relative;
  margin-bottom: 30px;
  background-color: #e9eef4;
}

.products-page .common-desc .item {
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
  padding-right: 0;
}

.products-page .common-desc .img-item {
  min-height: 400px;
}

.product-kuaiyidai-one .common-desc .item {
  padding-top: 10px;
}

.product-kuaiyidai-one .common-desc .img-item {
  min-height: 350px;
}

@media (max-width: 768px) {
  .product-kuaiyidai-one .common-desc .img-item {
    min-height: auto;
  }
  .product-kuaiyidai-one .common-desc {
    margin-bottom: 0px;
  }
}

.products-page .common-desc .content {
  margin-left: 60px;
  /*margin-top: 30px;*/
}

.products-page .common-desc .content .desc-title {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.products-page .common-desc .content .more-text {
  margin-bottom: 35px;
}

.products-page .common-desc .item-list {
  margin-left: 40px;
  margin-top: 50px;
}

.products-page .common-desc .step {
  text-align: center;
  margin-bottom: 50px;
}

.products-page .product-kuaiyidai-one .common-desc .step {
  position: relative;
}

@media (min-width: 1024px) {
  .products-page .common-desc .step {
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .products-page .common-desc {
    margin-bottom: 0px;
  }
  .products-page .common-desc .step {
    margin-top: 20px;
  }
}

.products-page .common-desc .step img {
  width: 70%;
}

.products-page .common-desc .zoom img {
  width: 100%;
}

.products-page .common-desc .zoom {
  position: absolute;
  height: 60px;
  width: 60px;
  bottom: 0;
}

.products-page .common-desc.left .zoom {
  left: 0;
}

.products-page .common-desc.right .zoom {
  right: 0;
}

.products-page .common-desc .desc {
  padding: 50px;
  /*padding-bottom: 0;*/
}

.products-page .common-desc .desc ul {
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 1024px) {
  .products-page .common-desc .desc {
    padding: 20px;
    padding-bottom: 0;
  }
}

.products-page .common-desc .desc p {
  line-height: 1.8;
}

.products-page .common-desc.right .desc {
  padding-right: 100px;
}

.products-page .manage-list {
  /*margin-top: 55px;*/
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .products-page .manage-list {
    margin-top: 20px;
  }
  .products-page .common-desc .step img {
    width: 100%;
  }
}

.products-page .manage-list .col-list {
  margin-bottom: 20px;
  min-height: 154px;
}

@media (max-width: 767px) {
  .products-page .main-content .title {
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .products-page .common-desc .item {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .products-page .common-desc .img-item {
    min-height: auto;
  }
  .products-page .manage-list .col-list {
    min-height: auto;
  }
}

.products-page .manage-list .col-list ul {
  height: 105px;
}

.products-page .manage-list.item-list .col-list ul {
  height: auto;
}

.products-page .manage-list .col-list .inner-show {
  display: block;
}

.products-page .manage-list.transparent .col-list ul {
  /*min-height: 100px;*/
  /*max-height: 265px;*/
  height: 100%;
}

.products-page .manage-list.transparent .col-list ul.collapsing {
  margin-top: -10px;
}

.products-page .manage-list .col-title {
  color: #585c61;
}

.products-page .manage-list li a,
.products-page .manage-list li a:hover {
  text-decoration: none;
}

.products-page .manage-list li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.products-page .manage-list h6 {
  position: relative;
  padding-left: 10px;
  line-height: 15px;
  margin: 0px;
}

@media (max-width: 767px) {
  .products-page .manage-list h6 {
    font-size: 12px;
  }
}

.products-page .manage-list h6:after {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

.products-page .manage-list .more h6 {
  color: #fd5e0f;
  margin-left: -9px;
}

.products-page .manage-list .more h6 .before {
  margin-right: 4px;
}

.products-page .manage-list .more h6:after {
  display: none;
}

/*.products-page .manage-list .more h6:after {
  content: '+';
  position: absolute;
  left: 0;
  top: 0;
}
*/

.products-page .download-product-pdf {
  padding: 10px 34px;
  margin-bottom: 50px;
  margin-top: 30px;
}

.products-page .membership-block {
  padding-top: 0;
  padding-bottom: 40px;
}

.products-page .membership-block h2 {
  margin-top: 0;
}

.products-page .products-cloud {
  background-color: #e9eef4;
  padding: 60px 0 30px 0;
}

.products-page .products-cloud .products-bg {
  background: #fff;
  height: 390px;
}

.products-page .products-cloud .item-inner {
  padding: 50px 60px 70px 50px;
  height: 100%;
}

.products-page .products-cloud .item-inner.right {
  padding: 0;
}

.products-page .products-cloud .item-inner.right img {
  height: 390px;
  width: 100%;
}

.products-page .products-cloud .item-inner .intro {
  font-size: 16px;
  color: #999;
  margin-top: 35px;
}

.products-page
  .products-cloud
  .reviews-carousel
  .carousel-indicators
  li.active {
  background: #fd5e0f;
  border: none;
  width: 12px;
  height: 12px;
  margin: 0;
  margin-right: 15px;
  margin-left: 15px;
}

.products-page .products-cloud .swiper-container .swiper-pagination li {
  background-color: #cfd0d4;
  border: none;
  width: 12px;
  height: 12px;
  margin: 0;
  margin-right: 15px;
  margin-left: 15px;
}

.products-page .products-cloud .swiper-container {
  padding-bottom: 50px;
}

.products-page .products-cloud .swiper-container .col-md-6 {
  padding: 0px;
}

.products-page .reviews-carousel .carousel-indicators li.active {
  background: #fd5e0f;
  border: none;
  width: 12px;
  height: 12px;
  margin: 0;
  margin-right: 15px;
  margin-left: 15px;
}

.products-page .reviews-carousel .carousel-indicators li {
  background-color: #cfd0d4;
  border: none;
  width: 12px;
  height: 12px;
  margin: 0;
  margin-right: 15px;
  margin-left: 15px;
}

.products-page .reviews-carousel .carousel-inner {
  padding-bottom: 50px;
}

.products-page .product-customer-case {
  padding-bottom: 40px;
  background: #c7c9d0;
  padding-top: 40px;
}

.products-page .product-customer-case .head {
  margin-bottom: 50px;
  padding-top: 30px;
}

@media (max-width: 767px) {
  .products-page .product-customer-case .head {
    margin-bottom: 50px;
    padding-top: 0px;
  }
}

.products-page
  .product-customer-case
  .case_two_swiper
  .swiper-button-next
  .right {
  display: none;
}

.products-page
  .product-customer-case
  .case_two_swiper
  .swiper-button-prev
  .left {
  display: none;
}

.products-page .product-customer-case .case {
  margin-left: -60px;
  margin-right: -60px;
  padding-left: 60px;
  padding-right: 60px;
}

.products-page .product-customer-case .case .item {
  width: 50%;
}

.products-page .reviews-carousel .custom-control {
  position: absolute;
  height: 100%;
  top: 0;
  width: 60px;
}

.products-page .reviews-carousel .custom-control.left {
  left: 0px;
}

.products-page .reviews-carousel .custom-control.right {
  right: 0px;
}

.products-page .reviews-carousel .custom-control .arrow {
  position: absolute;
  bottom: 50%;
  width: 23px;
  height: 40px;
}

.products-page .reviews-carousel .custom-control .arrow.left {
  left: 0;
  background-image: url("../img/case-left-arrow.png");
  background-size: cover;
}

.products-page .reviews-carousel .custom-control .arrow.right {
  right: 0;
  background-image: url("../img/case-right-arrow.png");
  background-size: cover;
}

.products-page .case-list-con {
  padding-bottom: 50px;
}

.products-page .case-list-con .list:first-child {
  padding-left: 0;
}

.products-page .case-list-con .list:last-child {
  padding-right: 0;
}

.products-page .case-list-con .item-con {
  /* margin-bottom: 30px; */
  position: relative;
  height: 370px;
  overflow: hidden;
}

.products-page .case-list-con .item-title {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  display: none;
}

.products-page .case-list-con .item-con .item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.products-page .case-list-con .item-con .item-content {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  left: 0;
  top: 0;
  padding-top: 130px;
  -webkit-transition: top 0.4s ease-in-out;
  -moz-transition: top 0.4s ease-in-out;
  -o-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
}

.products-page .case-list-con .item-con .item-content .title {
  font-size: 18px;
  margin-bottom: 10px;
}

.products-page .case-list-con .item-con .item-content .line {
  width: 80px;
  height: 1px;
  background: #fff;
  margin: 10px auto;
}

.products-page .case-list-con .item-con .item-content .brand {
  font-size: 20px;
  text-align: center;
}

.products-page .case-list-con .item-con .item-content .brand img {
  vertical-align: middle;
  width: 35px;
}

.products-page .case-list-con .item-con .item-content .more {
  margin-top: 15px;
}

.products-page .case-list-con .item-con .item-content .more a {
  padding: 8px 35px;
}

.products-page .products-qa {
  background: #e8eef5;
  padding-bottom: 65px;
}

.products-page .products-qa .inner {
  margin-bottom: 15px;
}

.products-page .products-qa .head {
  margin-bottom: 45px;
  padding-top: 30px;
}

.products-page .products-qa .title {
  padding: 12px 10px;
  background: #fff;
  border-left: 4px solid #fd5e0f;
  position: relative;
  margin-bottom: 15px;
}

.products-page.loan-page .products-qa .title {
  background-color: #e8eef5;
}

.products-page .products-qa .title.active {
  color: #fd5e0f;
}

.products-page .products-qa .icon {
  position: absolute;
  right: 10px;
  top: 13px;
  color: #585c61;
}

.products-page .products-qa .icon-close {
  display: none;
}

.products-page .products-qa .title.active .icon-open {
  display: none;
}

.products-page .products-qa .title.active .icon-close {
  display: block;
}

.products-page .products-qa .content {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
}

.products-page .products-qa .ask-question {
  /*margin-top: 15px;*/
  padding: 12px 46px;
}

.custom-padding .list:nth-child(odd) {
  padding-left: 0;
}

.custom-padding .list:nth-child(even) {
  padding-right: 0;
}

.custom-padding-anti .list:nth-child(odd) {
  padding-right: 0;
}

.custom-padding-anti .list:nth-child(even) {
  padding-left: 0;
}

@media (max-width: 1139px) {
  .custom-padding .list:nth-child(odd) {
    padding-left: 15px;
  }
  .custom-padding .list:nth-child(even) {
    padding-right: 15px;
  }
}

.products-start {
  padding-top: 50px;
  padding-bottom: 70px;
  background-image: url("../img/");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.products-start .fixed-solution .sticky-table-header {
  min-height: 60px;
}

@media (max-width: 768px) {
  .product-start {
    padding-top: 35px;
  }
}

.products-start .head {
  margin-bottom: 40px;
  color: #fff;
}

.products-start .platform {
  width: 802px;
  margin: 0 auto;
}

.products-start .platform-block {
  float: left;
  text-align: center;
  margin-right: 80px;
  position: relative;
  width: 140px;
}

.products-start .platform-block img {
  width: 35px;
}

.products-start .platform-block:last-child {
  margin-right: 0;
}

.products-start .platform-block:not(:last-child):after {
  content: "";
  width: 80px;
  height: 1px;
  background: #fd5e0f;
  position: absolute;
  top: 17px;
  right: -80px;
}

.products-start .platform-block label {
  display: block;
  font-weight: normal;
  padding-top: 15px;
  font-size: 14px;
}

.products-start .intro {
  margin-top: 20px;
  max-width: 802px;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  padding-bottom: 20px;
}

@media (max-width: 1024px) {
  .products-start .intro {
    width: 90%;
  }
}

.products-start .contact {
  margin-top: 20px;
}

.products-start .contact a {
  margin-left: 20px;
  margin-right: 20px;
}

.products-start .contact .apply {
  padding: 12px 46px;
}

.products-start .contact .kown {
  padding: 12px 32px;
}

.product-ecogoly {
  padding-top: 60px;
  padding-bottom: 70px;
  background-color: #e8eef5;
}

.product-ecogoly .head {
  margin-bottom: 40px;
}

.product-ecogoly .con-list {
  margin-left: -60px;
  margin-right: -60px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 50px;
  padding-top: 5px;
}

.product-ecogoly .con-list .item {
  padding-right: 15px;
  padding-left: 15px;
  width: 50%;
}

.product-ecogoly .custom-arrow .swiper-button-prev,
.product-ecogoly .custom-arrow .swiper-button-next {
  background: #e8eef5;
}

.product-ecogoly .item-inner {
  padding: 50px;
  padding-right: 35px;
  background: #fff;
  box-shadow: 0px 0px 10px #ccc;
  display: table;
}

.product-ecogoly .left-con {
  padding-right: 55px;
  display: table-cell;
  vertical-align: middle;
}

.product-ecogoly .left-con img {
  width: 54px;
  height: 54px;
}

.product-ecogoly label {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-weight: normal;
}

.product-ecogoly .right-con {
  border-left: 1px solid #d9d9d9;
  padding: 10px 0 10px 40px;
  display: table-cell;
}

@media (max-width: 768px) {
  .product-ecogoly .right-con .intro {
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.product-ecogoly .more {
  margin-top: 10px;
}

.custom-arrow .swiper-button-prev {
  background: #c7c9d0;
  width: 60px;
  height: 100%;
  top: 0;
  margin-top: 0;
  left: 0;
}

.custom-arrow .swiper-button-prev .left {
  position: absolute;
  top: 50%;
  width: 23px;
  height: 40px;
  margin-top: -50px;
  left: 0;
}

.custom-arrow .swiper-button-prev .left .left-arrow {
  left: 0;
  background-image: url(../img/);
  background-size: cover;
  height: 100%;
}

.custom-arrow .swiper-button-next {
  background: #c7c9d0;
  width: 60px;
  height: 100%;
  top: 0;
  margin-top: 0;
  right: 0;
}

.custom-arrow .swiper-button-next .right {
  position: absolute;
  top: 50%;
  width: 23px;
  height: 40px;
  margin-top: -50px;
  right: 0;
}

.custom-arrow .swiper-button-next .right .right-arrow {
  left: 0;
  background-image: url(../img/);
  background-size: cover;
  height: 100%;
}

.custom-arrow .swiper-button-next.swiper-button-disabled,
.custom-arrow .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.custom-arrow .swiper-button-disabled .left,
.custom-arrow .swiper-button-disabled .right {
  opacity: 0.35;
}

.products-page .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
  margin-right: 10px;
  margin-left: 10px;
}

.products-page
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin-right: 5px;
  margin-left: 5px;
}

.products-page .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fd5e0f;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .products-nav .products-nav-ul li {
    padding-left: 25px;
    padding-right: 25px;
  }
  .products-nav .page-nav-wrapper .page-nav li a {
    font-size: 18px;
  }
  .products-page .products-intro .products-intro-con {
    width: 610px;
  }
  .products-page .products-intro .item {
    width: 165px;
  }
  .products-page .products-intro .item:nth-child(2) {
    /*right: 304px;*/
    right: 315px;
  }
  .products-page .products-intro .item-inner {
    width: 130%;
    padding: 20px 35px 15px 15px;
    text-align: left;
    font-size: 16px;
    height: 135px;
  }
  .products-page .products-intro .item-inner.center {
    height: 1px;
    margin-top: 40px;
    padding: 0;
  }
  .products-page .products-intro .sass-intro .item-inner.right {
    padding: 20px 15px 15px 45px;
  }
  .products-page .products-intro .sass-intro .item-inner .circle.right {
    right: -24px;
  }
  .products-page .products-intro .sass-intro .item-inner .circle.left {
    left: -24px;
  }
  .products-page .products-intro .sass-intro .item.center-item {
    width: 275px;
    margin-top: 15px;
    left: 167px;
  }
  .products-page .sass-h2 {
    font-size: 24px;
    color: #888585;
  }
  .products-page .products-desc .step .zoom,
  .products-page .common-desc .zoom {
    width: 36px;
    height: 36px;
    bottom: 0px;
  }
  .products-page .products-reason h2 {
    font-size: 26px;
  }
  .products-page .products-reason .item {
    padding-left: 30px;
  }
  .products-page .products-reason .item-inner .icon {
    padding-right: 20px;
  }
  .products-page .products-reason .item-inner h4 {
    font-size: 16px;
  }
  .products-page .common-desc {
    padding-top: 10px;
  }
  .products-page .common-desc .desc {
    padding-left: 15px;
    padding-right: 5px;
    font-size: 14px;
  }
  .products-page .common-desc.right .desc {
    padding-left: 5px;
    padding-right: 15px;
    font-size: 14px;
    padding-top: 40px;
  }
  .products-page .membership-block .item {
    width: 25%;
  }
  .products-page .products-cloud .products-bg {
    height: 235px;
    overflow: hidden;
  }
  .products-page .products-cloud .products-bg h2 {
    font-size: 26px;
  }
  .products-page .products-cloud .item-inner {
    padding-left: 20px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 0;
  }
  .products-page .products-cloud .item-inner .intro {
    font-size: 14px;
    margin-top: 20px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .products-page .products-cloud .item-inner.right img {
    height: 235px;
  }
  .products-page .product-customer-case .case {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .products-page .case-list-con .item-con {
    height: 245px;
  }
  .products-page .case-list-con .item-con .item-content {
    padding-top: 65px;
  }
  .products-start .platform {
    width: 100%;
  }
  .products-start .platform-block {
    width: 120px;
  }
  .products-start .platform-block .platform-line-div {
    display: none;
  }
  .product-ecogoly .item-inner {
    padding-left: 30px;
    padding-right: 20px;
    padding: 30px 20px 30px 30px;
  }
  .product-ecogoly .left-con {
    width: 80px;
    padding-right: 25px;
  }
  .product-ecogoly .right-con {
    width: 185px;
    padding-left: 25px;
    font-size: 14px;
  }
  .product-ecogoly .con-list {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .products-page .product-ecogoly .reviews-carousel .custom-control {
    width: 23px;
  }
  .products-page.products-paul .products-intro .item.center-item {
    margin-top: 0;
  }
  .products-page.products-paul .products-intro .center-item .circle {
    width: 144px;
    height: 144px;
    margin-top: 120px;
  }
  .products-page.products-paul .products-intro .center-item .small-circle {
    width: 122px;
    height: 122px;
    margin: 8px;
  }
  .products-page.products-paul .products-intro .item-inner .circle:before {
    width: 150px;
  }
  .products-page .products-intro .center-item .circle .center-top:before {
    width: 104px;
    transform: rotate(-35deg);
  }
  .products-page .products-intro .center-item .circle .center-bottom:before {
    width: 104px;
    transform: rotate(33deg);
  }
  .products-page.products-paul .products-intro .item-inner .circle.none:before {
    width: 170px;
  }
  .products-page .products-intro .center-item .circle .letter-circle {
    width: 12px;
    height: 12px;
    border: 2px solid #fd5e0f;
  }
}

@media (max-width: 1199px) {
  /*.products-title h2 {
    font-size: 3.6rem;
    margin-top: 160px;
  }*/
  .products-page .products-intro .item-inner strong {
    font-size: 20px;
  }
  .products-page .products-desc .desc {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .products-page .case-list-con .item-con .item-content .brand {
    font-size: 14px;
  }
  .products-page .case-list-con .item-con .item-content .brand img {
    width: 17px;
    height: 17px;
  }
  .products-page .products-intro .sass-intro .center-item .circle {
    width: 128px;
    height: 128px;
  }
  .products-page .products-intro .sass-intro .center-item .small-circle {
    width: 110px;
    height: 110px;
    margin: 6px;
  }
  .products-page
    .products-intro
    .sass-intro
    .center-item
    .circle
    .letter-circle {
    width: 12px;
    height: 12px;
    border-width: 2px;
    margin-bottom: 0;
    margin-top: 0;
  }
  .products-page
    .products-intro
    .sass-intro
    .center-item
    .circle
    .letter-circle:before {
    max-width: 60px;
  }
  .products-page .product-customer-case .case {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .products-page .product-ecogoly .con-list {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  @media (max-width: 768px) {
    .products-page .product-ecogoly .con-list {
      width: 90%;
      margin: 0 auto;
    }
  }
  .custom-arrow .swiper-button-prev,
  .custom-arrow .swiper-button-next {
    width: 30px;
  }
  .products-page .products-desc .content,
  .products-page .common-desc .content {
    margin-left: 0;
  }
  .products-page .common-desc .item-list {
    margin-left: 0;
    margin-top: 0;
  }
  .products-page .product-main-feature .main-category .item {
    color: #fff;
    width: 100%;
    padding: 20px;
    height: initial;
    margin: 20px auto;
  }
  .products-page .membership-block .item-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .products-page .membership-block .swiper-button-prev {
    height: 70px;
    width: 16px;
    margin-top: 0;
    left: 0;
    top: 0;
    background: #fff;
  }
  .products-page .products-desc .item .head {
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  .products-nav {
    visibility: hidden;
  }
  .products-page .products-intro .sass-intro {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .products-page .products-desc .step {
    padding-top: 0px;
    padding-bottom: 10px;
    min-height: auto;
  }
  .products-page .manage-list .col-list {
    margin-bottom: 0;
  }
  .products-page .manage-list.transparent .col-list {
    margin-bottom: 0px;
  }
  .products-page .manage-list .col-title {
    position: relative;
    font-size: 16px;
  }
  .products-page .manage-list .col-title .icon {
    position: absolute;
    right: 10px;
    top: 0;
    color: #fd5e0f;
  }
  .products-page .manage-list .col-title .icon-close {
    display: none;
  }
  .products-page .manage-list .col-title.active .icon-open {
    display: none;
  }
  .products-page .manage-list .col-title.active .icon-close {
    display: block;
  }
  .products-page .manage-list .col-list .inner-show {
    display: none;
  }
  .products-page .manage-list .col-list .in.inner-show {
    display: block;
    opacity: 1;
    -webkit-transition: all 500ms;
    -o-transition: 500ms;
    transition: 500ms;
  }
  .products-page .membership-block .item {
    width: 50%;
  }
  .products-page .membership-block .swiper-button-next.swiper-button-disabled,
  .products-page .membership-block .swiper-button-next {
    right: 20px;
  }
  .products-page .membership-block .swiper-button-prev.swiper-button-disabled,
  .products-page .membership-block .swiper-button-prev {
    left: 20px;
  }
  /*small product*/
  .products-page .products-intro-con .item {
    width: 340px;
    margin: 0 auto;
    float: none;
  }
  .products-page .products-intro-con .item-inner {
    width: 100%;
    text-align: left;
    font-size: 16px;
    height: 135px;
    padding: 20px 13px 35px 15px;
    width: 155px;
    float: left;
  }
  .products-page .products-intro-con .item .item-inner:first-child {
    margin-right: 15px;
  }
  .products-page .products-intro-con .item .item-inner:last-child {
    margin-left: 15px;
  }
  @media (max-width: 768px) {
    .products-page .products-intro-con .item .item-inner p {
      /*max-height: 30px;*/
      height: 80px;
    }
  }
  .products-page .products-intro .item-inner.right {
    padding: 35px 10px 20px 10px;
  }
  .products-page .products-intro .item-inner .circle.left {
    left: 50%;
  }
  .products-page .products-intro .item-inner .circle {
    width: 48px;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    top: 100%;
    margin-top: -24px;
  }
  .products-page .products-intro .item-inner.right .circle {
    top: 0;
  }
  .products-page .products-intro .item-inner .small-circle {
    width: 40px;
    height: 40px;
    margin: 2px;
    line-height: 40px;
  }
  .products-page .products-intro .item-inner.center {
    margin-top: 0;
    height: 0px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 15px;
  }
  .products-page .products-intro .item-inner .small-circle img {
    width: 22px;
    height: auto;
  }
  .products-page .products-intro .products-intro-con {
    width: 100%;
    margin: 0 auto;
  }
  .products-page .products-intro .item.center-item {
    left: 0;
    width: 100%;
    top: 147px;
  }
  .products-page .products-intro .center-item .circle {
    margin: 50px auto;
  }
  .products-page .products-intro .item:nth-child(2) {
    top: -228px;
    right: 0;
  }
  .products-page .products-intro .center-item .circle .left-top:before {
    transform: rotate(-120deg);
    left: 0;
  }
  .products-page .products-intro .center-item .circle .left-bottom:before {
    transform: rotate(120deg);
    left: 0;
  }
  .products-page .products-intro .center-item .circle .right-top:before {
    transform: rotate(-60deg);
    left: 8px;
    bottom: 8px;
  }
  .products-page .products-intro .center-item .circle .right-bottom:before {
    transform: rotate(60deg);
    left: 8px;
    bottom: 8px;
  }
  .products-page .products-desc .step .zoom,
  .products-page .common-desc .zoom {
    display: none;
  }
  .products-page .products-reason h2 {
    font-size: 26px;
    text-align: left;
    margin-left: 50px;
    margin-bottom: 30px;
  }
  .products-page .products-reason .item {
    padding-left: 15px;
  }
  .products-page .products-reason .item:first-child {
    border-right: none;
  }
  .products-page .products-reason .item-inner .icon {
    padding-right: 15px;
  }
  .products-page .products-reason .item-inner h4 {
    font-size: 16px;
  }
  .products-page .common-desc .desc {
    padding: 15px;
    padding-left: 0;
    font-size: 14px;
    margin-top: -50px;
    margin-bottom: 0px;
  }
  .products-page .common-desc.right .desc {
    padding-right: 15px;
  }
  .products-page .products-cloud .item-inner {
    height: 245px;
    padding: 15px 10px 50px 20px;
  }
  .products-page .products-cloud .products-bg {
    background: #fff;
    height: 475px;
  }
  .products-page .products-cloud .products-bg h2 {
    font-size: 26px;
  }
  .products-page .products-cloud .item-inner.right {
    height: 235px;
  }
  .products-page .products-cloud .item-inner .intro {
    margin-top: 20px;
    font-size: 14px;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .products-page .products-cloud .custom-padding-anti .list:nth-child(even) {
    padding-right: 15px;
  }
  .products-page .products-cloud.custom-padding-anti .list:nth-child(odd) {
    padding-left: 15px;
  }
  .products-page .products-cloud .item-inner.right img {
    height: 235px;
    width: 100%;
  }
  .products-start .platform {
    width: 100%;
  }
  .products-start .platform-block .platform-line-div {
    border-left: 1px solid orangered;
    height: 40px;
    margin-left: 70px;
  }
  .products-start .platform-block {
    float: none;
    margin: 0 auto;
    margin-bottom: 5px;
  }
  .products-start .platform-block:last-child {
    margin-right: auto;
  }
  .products-start .platform-block:after {
    display: none;
  }
  .products-start .intro {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 14px;
  }
  .products-start .contact .apply {
    margin-left: 0;
    margin-right: 10px;
  }
  .products-start .contact .kown {
    margin-right: 0;
    margin-left: 10px;
  }
  .products-page .product-customer-case .case .item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .product-ecogoly .con-list .item {
    width: 100%;
  }
  .product-ecogoly .item-inner {
    padding: 30px 10px 30px 10px;
    display: table;
    box-shadow: 0px 0px 10px #ddd;
  }
  .product-ecogoly .left-con {
    padding-right: 15px;
    padding-top: 15px;
    display: table-cell;
    vertical-align: middle;
  }
  .product-ecogoly .right-con {
    border-left: 1px solid #fe5e10;
    padding: 10px 0 10px 15px;
    width: auto;
    vertical-align: middle;
    font-size: 14px;
  }
  .products-page .products-qa .item {
    padding-left: 0;
    padding-right: 0;
  }
  .products-page.products-paul .products-intro .products-intro-con {
    width: 100%;
    margin-bottom: 50px;
  }
  .products-page.products-paul .products-intro .item {
    float: none;
    top: 0;
  }
  .products-page.products-paul .products-intro .item.center-item {
    width: 144px;
    margin: 50px auto;
    left: 0;
    top: 0;
  }
  .products-page.products-paul .products-intro .center-item .circle {
    width: 144px;
    height: 144px;
    margin-top: 60px;
  }
  .products-page.products-paul .products-intro .center-item .small-circle {
    width: 122px;
    height: 122px;
    margin: 8px;
  }
  .products-page.products-paul .products-intro .item-inner .circle:before {
    width: 50px;
    left: 50%;
    top: 0;
    transform: rotate(-90deg);
    margin-top: -3px;
    margin-left: -3px;
  }
  .products-page.products-paul
    .products-intro
    .center-item
    .circle
    .center-top {
    display: none;
  }
  .products-page.products-paul
    .products-intro
    .center-item
    .circle
    .center-bottom:before {
    display: none;
  }
  .products-page.products-paul
    .products-intro
    .center-item
    .circle
    .left-center {
    display: block;
  }
  .products-page.products-paul
    .products-intro
    .center-item
    .circle
    .left-center:before {
    width: 75px;
    top: 10px;
    transform: rotate(119deg);
    left: -2px;
  }
  .products-page.products-paul
    .products-intro
    .center-item
    .circle
    .right-center:before {
    width: 75px;
    top: 10px;
    transform: rotate(61deg);
    left: 10px;
    display: block;
  }
  .products-page.products-paul .products-intro .item-inner .circle.none:before {
    width: 43px;
    margin-top: -3px;
  }
  .products-page.products-paul
    .products-intro
    .center-item
    .circle
    .letter-circle {
    width: 12px;
    height: 12px;
    border: 2px solid #fd5e0f;
  }
  .products-page.products-paul .products-intro .item-inner {
    height: 200px;
    width: 33.33333%;
    margin: 0;
    float: left;
    padding: 0 10px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    height: 200px;
  }
  .products-page.products-paul .products-intro .item-inner:first-child {
    padding-left: 0;
    margin-right: 0;
  }
  .products-page.products-paul .products-intro .item-inner:last-child {
    padding-right: 0;
    margin-left: 0;
  }
  .products-page.products-paul .products-intro .item-inner .con {
    padding: 35px 10px 20px 10px;
    border-radius: 4px;
    box-shadow: 0px 4px 5px #ddd;
    background-color: #f5f5f5;
    height: 200px;
  }
  .products-page.products-paul .products-intro .item:nth-child(2) {
    margin-top: 75px;
  }
  .products-page .product-main-feature .main-category .item {
    height: auto;
  }
  .products-page .case-list-con .item-con {
    height: 245px;
  }
  .products-page .case-list-con .item-con .item-content {
    padding-top: 60px;
  }
  .products-page .products-qa .qa_btn {
    padding-top: 30px;
    float: left;
    width: 100%;
  }
  .products-page .product-main-feature .loan-product-list {
    padding-top: 5px;
  }
  .products-page .product-main-feature .loan-product-list .item .left {
    width: 54px;
    text-align: center;
  }
  .products-page .product-main-feature .loan-product-list .item {
    margin-top: 10px;
  }
  .products-page .product-main-feature .main-content {
    padding-bottom: 20px;
  }
  .products-page .manage-list {
    margin-top: 0px;
  }
}

/* img dialog */

.custom-img-model .modal-content {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  text-align: center;
  /*padding: 100px 50px;*/
}

.custom-img-model .custom-img {
  /*max-width: 100%;*/
  /*min-width: 150%;*/
  height: auto;
}

@media (max-width: 1024px) {
  .custom-img-model .custom-img {
    width: 137%;
    margin-left: -100px;
  }
}

.custom-img-model .custom-close {
  float: right;
  width: 47px;
  height: 47px;
}

.custom-img-model .custom-close img {
  float: right;
  max-width: 100%;
}

.products-page .main-intro {
  margin-top: 30px;
  margin-bottom: 30px;
}

.products-page .main-intro .list {
  margin-top: 20px;
  margin-bottom: 20px;
}

.products-page.products-super-page .common-desc {
  background: #fff;
}

/*p-site-map*/

.site-map-page {
  padding-top: 100px;
}

.site-map-page .site-item {
  height: auto;
  border-bottom: 1px solid #d0cccc;
  padding-bottom: 20px;
  padding-top: 20px;
}

.site-map-page .site-item-title,
.site-map-page .site-item-title a {
  font-size: 24px;
  line-height: 80px;
  color: black;
}

.site-map-page .site-map-item a {
  font-size: 18px;
  line-height: 40px;
  color: #585c61;
}

@media (max-width: 767px) {
  .site-map-page .site-item-title a {
    font-size: 18px;
  }

  .site-map-page .site-map-item a {
    font-size: 14px;
  }
}

.eco-page {
}

.eco-page .eco-desc {
  background-color: #fd5e0f;
  font-size: 20px;
  color: #fff;
}

.eco-page .eco-desc .eco-desc-content {
  padding: 20px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.eco-page .classic-case {
  background-color: #e9eef4;
  padding-top: 50px;
  padding-bottom: 70px;
}

.eco-page .classic-case .item {
  margin-top: 70px;
}

.eco-page .classic-case .item .item-inner {
  float: left;
  width: 50%;
  height: 370px;
}

.eco-page .classic-case .item .item-inner img {
  width: 100%;
  height: auto;
}

.eco-page .classic-case .item .item-inner .content {
  background-color: #fff;
  padding: 50px 40px;
  height: 100%;
}

.eco-page .classic-case .item .item-inner .title {
  font-size: 24px;
  margin-bottom: 30px;
}

.eco-page .classic-case .item .item-inner .desc {
  font-size: 16px;
}

.eco-page .classic-case .item .item-inner .kown a {
  padding: 10px 46px;
}

.eco-page .classic-case .carousel-indicators {
  top: 20px;
  bottom: initial;
}

.eco-page .classic-case .carousel-indicators li {
  width: 12px;
  height: 12px;
  margin: 0 6px;
  background-color: #d2d2d2;
  border: 1px solid #d2d2d2;
}

.eco-page .classic-case .carousel-indicators .active {
  background-color: #fd5e0f;
  border-color: #fd5e0f;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .eco-page .eco-desc .eco-desc-content {
    padding: 20px 60px;
  }
  .eco-page .classic-case .item .item-inner {
    height: 235px;
  }
  .eco-page .classic-case .item .item-inner .content {
    padding: 40px 30px;
  }
  .eco-page .classic-case .item .item-inner .title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .eco-page .classic-case .item .item-inner .desc {
    height: 40px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 767px) {
  .eco-page .eco-desc .eco-desc-content {
    padding: 20px 15px;
    font-size: 16px;
  }
  .eco-page .classic-case .item .item-inner {
    float: none;
    height: auto;
    width: 100%;
    padding: 0px;
    /*padding: 0 15px;*/
  }
  .eco-page .classic-case .item .item-inner .title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .eco-page .classic-case .item .item-inner .desc {
    font-size: 14px;
  }
  .eco-page .classic-case .item .item-inner .content {
    padding: 50px 20px;
  }
  .eco-page .classic-case .item .item-inner img {
    /*max-height: 300px;*/
    height: auto;
  }
}

/*表单页面样式*/

.pardot-form-page-content {
  max-width: 750px;
  margin: 0px auto;
  margin-top: 50px;
}

.custom-loading-model .modal-dialog {
  margin-top: 10%;
}

.custom-loading-model .modal-content {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  text-align: center;
  padding: 100px 50px;
}

.custom-loading-model .modal-content .custom-loading {
}

.custom-loading-model .modal-content .loading {
  margin: 0 auto;
  width: 37px;
  height: 37px;
  background-image: url("../img/loading-1.gif");
}

@media (min-width: 768px) and (max-width: 1440px) {
  .custom-img-model .modal-dialog {
    margin-top: -30px;
  }
}

.partner-paul .membership-block .swiper-wrapper .swiper-slide {
  margin-left: auto;
  margin-right: auto;
}

.case_gray_bg {
  background-color: #f1f3f7;
}

/*产品 友货来相关*/

.products-nav .page-nav-wrapper .page-nav li a.product-login {
  color: #fe5e10;
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 33px;
  padding-right: 33px;
  height: 45px;
  line-height: 45px;
  z-index: 999;
  background: #fff;
  opacity: 0.7;
  font-size: 1.6rem;
  border-radius: 5px;
}

@media (max-width: 1024px) {
  .products-nav .page-nav-wrapper .page-nav li a.product-login {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.products-nav .page-nav-wrapper .page-nav li a.product-login:hover {
  background: #fe5e10;
  border: 1px solid #fff;
  color: #fff;
}

.product-tender {
  padding-top: 40px;
}

.product-tender .table-responsive[data-pattern="priority-columns"] {
  border: none;
}

.product-tender .table > tbody > tr > td {
  border-top: 1px solid #eeeeee;
}

.product-tender .tender-table {
  margin-top: 40px;
}

.product-tender .tender-tab {
  padding-top: 30px;
  padding-bottom: 30px;
}

.product-tender .tender-tab .btn-toolbar {
  display: none;
}

.product-tender .tender-tab .tender-tab-title {
}

.product-tender .tender-tab .tender-tab-title ul {
  list-style: none;
  text-align: center;
  margin: 0px auto;
}

.product-tender .tender-tab .tender-tab-title ul li {
  display: inline-block;
  padding: 6px 18px;
  background: #fbfcfd;
  border: 1px solid #ddd;
  margin: 5px 5px;
  border-radius: 5px;
}

.product-tender .tender-tab .tender-tab-title ul li.active {
  background: #fd5e0f;
}

.product-tender .tender-tab .tender-tab-title ul li.active a {
  color: #fff;
}

.product-tender .tender-tab .tender-tab-title ul li a {
  font-size: 16px;
  color: #999;
  text-decoration: none;
}

.product-tender .select-tender {
  margin-bottom: 30px;
}

.product-tender .select-tender .tender-list {
  width: 96%;
  margin-left: 2%;
}

.product-tender .tender-tab .tender-tab-content {
  width: 95%;
  margin: 0px auto;
  max-width: 950px;
}

.product-tender .tender-tab .tender-tab-content table th {
  background: #e7e7e7;
  font-size: 16px;
  font-weight: normal;
  height: 58px;
  line-height: 40px;
  text-align: center;
}

.product-tender .tender-tab .tender-tab-content table tbody tr td {
  background: #fff;
  font-size: 14px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
}

.product-tender .tender-tab .tender-tab-content table tbody tr td a {
  color: #fd5e0f;
  text-decoration: none;
}

.product-tender .open_more {
  text-align: center;
  margin-top: 40px;
}

.product-tender .open_more input {
  border: none;
  color: #fff;
  background: #fd5e0f;
  padding: 10px 45px;
  border-radius: 5px;
  font-size: 14px;
}

.product-tender .no-display {
  display: none;
}

.product-tender .tender-role-two {
  display: block;
  margin: 0px auto;
  padding-top: 40px;
}

.product-tender .tender-role-two .role-one-left,
.product-tender .tender-role-two .role-one-right {
  background-size: cover;
  background-repeat: no-repeat;
  height: 720px;
}

.product-tender .tender-role-two .role-one-left {
  background-position: right bottom;
}

.product-tender .tender-role-two .role-one-right {
  background-position: right bottom;
}

.product-tender .tender-role-two .role-one-left .one-content {
  padding-top: 70px;
  margin-left: 2%;
  max-width: 650px;
  width: 100%;
  float: right;
}

.product-tender .tender-role-two .role-one-right .one-content {
  padding-top: 70px;
  margin-left: 8%;
  max-width: 650px;
  width: 100%;
  float: left;
}

.product-tender .tender-role-two .one-content .title .icon {
  width: 124px;
  height: 124px;
  background: #fd5e0f;
  border-radius: 62px;
  overflow: hidden;
  float: left;
}

.product-tender .tender-role-two .one-content .title .icon img {
  width: 54%;
  margin-left: 23%;
  margin-top: 23%;
}

.product-tender .tender-role-two .one-content .title .text {
  float: left;
  margin-left: 15px;
  margin-top: 11px;
}

.product-tender .tender-role-two .one-content .title .text h3 {
  color: #fd5e0f;
  font-size: 34px;
}

.product-tender .tender-role-two .one-content .title .text h4 {
  color: #fd5e0f;
  font-size: 24px;
  padding-top: 3px;
}

.product-tender .tender-role-two .one-content .content {
  margin-top: 65px;
  text-align: left;
  padding-left: 50px;
}

.product-tender .tender-role-two .one-content .content .label {
  font-size: 20px;
  font-weight: normal;
  color: #1b1a19;
  text-align: left;
  line-height: 30px;
  white-space: normal;
}

.product-tender .tender-role-two .one-content .content .label:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: -10px;
  top: 15px;
  background: #fd5e0f;
  border-radius: 4px;
}

.product-tender .tender-role-two .one-content .content p {
  font-size: 16px;
  margin: 0px;
  margin-top: -3px;
  margin-bottom: 7px;
}

.product-tender .tender-consultant-resource {
  margin: 0px auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #fff;
  padding-top: 85px;
  text-align: center;
  padding-bottom: 95px;
}

.product-tender .tender-consultant-resource .title {
  font-size: 32px;
}

.product-tender .tender-consultant {
  padding: 0px;
}

.product-tender .consultants {
  padding-top: 40px;
}

.product-tender .consultants .consultants-con {
  max-width: 850px;
  margin: 0px auto;
}

.product-tender .tender-consultant .c-two,
.product-tender .tender-consultant .c-three,
.product-tender .tender-consultant .c-four {
  width: 22.6%;
  float: left;
}

.product-tender .tender-consultant .c-one,
.product-tender .tender-consultant .c-five {
  width: 16%;
  float: left;
}

.product-tender .tender-consultant img {
  max-width: 100%;
  overflow: hidden;
}

.product-tender .tender-consultant .c-three img {
  width: 170px;
  height: 170px;
  border-radius: 85px;
  margin-top: 40px;
}

.product-tender .tender-consultant .c-two img,
.product-tender .tender-consultant .c-four img {
  width: 145px;
  height: 145px;
  border-radius: 72.5px;
  margin-top: 20px;
}

.product-tender .tender-consultant .c-one img,
.product-tender .tender-consultant .c-five img {
  width: 120px;
  height: 120px;
  border-radius: 60px;
}

.product-tender .tender-consultant .consultants label {
  width: 100%;
  color: #fd5e0f;
  font-weight: normal;
  font-size: 15px;
  margin-top: 10px;
}

.product-tender .tender-consultant .consultants p {
  font-size: 12px;
}

.product-tender .tender-consultant .button-two {
  clear: both;
  width: 100%;
  padding-top: 40px;
}

.product-tender .tender-consultant .button-two .button-one {
  color: #fff;
  background-color: #fd5e0f;
  padding: 9px 40px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 5px;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.product-tender .tedner-resource .content {
  width: 90%;
  max-width: 350px;
  margin: 0px auto;
  margin-top: 40px;
}

.product-tender .tedner-resource .icon-and-num {
  width: 100%;
  margin: 0px auto;
  margin-top: 25px;
  min-height: 58px;
}

.product-tender .tedner-resource .icon-and-num .icon {
  width: 45px;
  float: left;
  margin-top: 8px;
}

.product-tender .tedner-resource .icon-and-num .num {
  color: #fd5e0f;
  font-weight: bold;
  font-size: 25px;
}

.product-tender .tedner-resource .icon-and-num .txt {
  font-size: 14px;
}

.product-main-feature .feature-left-right {
}

.product-main-feature .feature-left-right .lr-block .img-txt {
  position: relative;
}

.product-main-feature .feature-left-right .lr-block .img-txt img {
  max-width: 100%;
  height: 175px;
}

.product-main-feature .feature-left-right .lr-block .img-txt .txt {
  position: absolute;
  bottom: 0px;
  height: 70px;
  font-size: 24px;
  color: #fff;
  line-height: 70px;
  text-indent: 30px;
  background: #34312c;
  width: 100%;
  opacity: 0.7;
}

.product-main-feature .feature-left-right .feature-right .img-txt .txt {
  background: #6e381a;
}

.product-main-feature .feature-left-right .lr-block {
  background: #e9eef4;
}

.product-main-feature .feature-left-right .lr-block ul {
  margin: 0px;
  padding: 0px;
}

.product-main-feature .feature-left-right .lr-block .content {
  padding: 50px 20px 50px 0px;
  line-height: 30px;
  min-height: 310px;
}

.products-page .products-feature-reason {
  margin-top: 30px;
}

.products-page .products-feature-reason .item-inner .text {
  display: table-cell;
  vertical-align: middle;
}

.products-page .products-feature-reason .item-inner .text p {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  color: #fff;
  opacity: 0.5;
  margin-top: 7px;
}

.products-start .start-table {
  margin-top: 40px;
}

.products-start .table-responsive[data-pattern="priority-columns"] {
  border: none;
}

.products-start .table > thead > tr > th {
  border-bottom: 1px solid #eeeeee;
}

.products-start .table > tbody > tr > td {
  border-top: 1px solid #eeeeee;
}

.products-start .start-tab {
  padding-top: 30px;
  padding-bottom: 30px;
}

.products-start .start-tab .btn-toolbar {
  display: none;
}

.products-start .start-tab .start-tab-title {
}

.products-start .start-tab .start-tab-title ul {
  list-style: none;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
}

.products-start .start-tab .start-tab-title ul li {
  display: inline-block;
  padding: 6px 18px;
  background: #fbfcfd;
  border: 1px solid #ddd;
  margin: 5px 5px;
  border-radius: 5px;
}

.products-start .start-tab .start-tab-title ul li.active {
  background: #fd5e0f;
}

.products-start .start-tab .start-tab-title ul li.active a {
  color: #fff;
}

.products-start .start-tab .start-tab-title ul li a {
  font-size: 16px;
  color: #999;
  text-decoration: none;
}

.products-start .start-tab .start-tab-content {
  width: 95%;
  margin: 0px auto;
  max-width: 950px;
}

.products-start .start-tab .start-tab-content table th {
  background: #e7e7e7;
  font-size: 16px;
  font-weight: normal;
  height: 58px;
  line-height: 40px;
  text-align: center;
}

.products-start .start-tab .start-tab-content table tbody tr td {
  background: #fff;
  font-size: 14px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
}

.products-start .start-tab .start-tab-content table tbody tr td a {
  color: #fd5e0f;
  text-decoration: none;
}

@media (max-width: 1024px) {
  .products-nav .page-nav-wrapper .page-nav li a.product-login {
    padding-left: 10px;
    padding-right: 10px;
  }
  .product-tender .tender-tab .tender-tab-title ul {
    padding: 0px;
  }
  .product-tender .tender-tab .tender-tab-title ul li {
    margin: 0px;
  }
  .product-tender .tender-tab .tender-tab-title ul li a {
    font-size: 14px;
  }
  .product-tender .tender-tab .tender-tab-content {
    margin-top: 30px;
  }
  .product-tender .tender-role-two .one-content .title .text h3 {
    font-size: 28px;
  }
  .product-tender .tender-role-two .one-content .title .text h4 {
    font-size: 20px;
  }
  .product-tender .tender-role-two .one-content .content {
    clear: both;
    padding-top: 30px;
  }
  .product-tender .tender-role-two .one-content .content .label {
    font-size: 18px;
  }
  .product-tender .tender-role-two .one-content .content p {
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .product-tender .tender-consultant-resource .title {
    font-size: 20px;
  }
  .product-main-feature .feature-left-right {
    padding: 0px;
  }
  .product-main-feature .feature-left-right .lr-block {
    margin-bottom: 40px;
  }
  .product-main-feature .feature-left-right .lr-block .img-txt img {
    width: 100%;
    height: auto;
  }
  .product-main-feature .feature-left-right .lr-block ul {
    margin: 0px 0px 0px 50px;
  }
  .product-main-feature .feature-left-right .lr-block .content {
    min-height: auto;
  }
  .product-tender .tender-role-two .role-one-right .one-content {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  .product-tender .tender-tab .tender-tab-title {
    display: none;
  }
  .product-tender .tender-tab .tender-tab-content {
    margin-top: -30px;
  }
  .product-tender .tender-consultant .c-one,
  .product-tender .tender-consultant .c-two,
  .product-tender .tender-consultant .c-three,
  .product-tender .tender-consultant .c-four,
  .product-tender .tender-consultant .c-five {
    width: 100%;
  }
  .product-tender .tender-role-two .role-one-left .one-content {
    float: none;
    margin-left: none;
    margin: 0px auto;
  }
  .product-tender .tender-role-two .role-one-right .one-content {
    float: none;
    margin-left: none;
    margin: 0px auto;
  }
  .product-tender .tedner-resource {
    padding-top: 80px;
  }
  .product-main-feature .feature-left-right .lr-block .img-txt .txt {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .product-tender .tender-role-two .role-one-right {
    background-position: center bottom;
  }
}

/*友货来静态页面样式*/
.page-rfi .banner {
  background-image: url("../img/bg.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  margin-top: -12px;
  padding-bottom: 60px;
}
.page-rfi .topImg {
  text-align: center;
  padding-top: 0px;
}
.page-rfi .topImg img {
  width: 60%;
  max-width: 600px;
  position: sticky;
  z-index: 99;
  margin-bottom: -20px;
  margin-top: -40px;
}

.page-rfi .leftImg {
  text-align: center;
}
.page-rfi .leftImg img {
  width: 100%;
  margin: 0px;
  margin-top: 60px;
}

@media (max-width: 1200px) {
  .page-rfi .leftImg img {
    margin: 0px;
    margin-top: 40px;
  }
}
@media (max-width: 995px) and (min-width: 768px) {
  .page-rfi .topImg img {
    width: 65%;
  }
  .page-rfi .container {
    width: 99%;
  }
}
.page-rfi .register {
  text-align: center;
  margin-bottom: 40px;
}
.page-rfi .rows {
  line-height: 50px;
}
.page-rfi .registerContent {
  background-color: #ffaa5f;
  border-radius: 21px;
  opacity: 0.9;
  width: 100%;
  height: auto;
  padding: 40px 40px 40px 50px;
}

.page-rfi .registerContent .input {
  background: rgba(0, 0, 0, 0);
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #fff;
  outline: none;
  /*height: 35px;*/
  line-height: 35px;
  width: 80%;
  font-size: 2.5rem;
}
.page-rfi .registerContent .title {
  font-size: 2.5rem;
  color: #fff;
  float: left;
}
.page-rfi .registerContent .roles {
  text-align: left;
}
.page-rfi .registerContent .roles input {
  margin-top: 21px;
  margin-right: 5px;
}
.page-rfi .registerContent .roles label {
  margin-left: 50px;
}
.page-rfi .registerContent .role {
  font-size: 2.3rem;
  color: #fff;
  /* margin-right: 30px; */
}
.page-rfi .registerContent .roles .check1 {
  /* margin-left: -100px; */
}
.page-rfi .registerImg {
  background-image: url("../img/registerbtn.png");
  font-size: 2.8rem;
  color: white;
  border-radius: 21px;
  height: 50px;
  width: 165px;
  padding-top: 3px;
  margin: 0 auto;
  outline: none;
  border: none;
}
.page-rfi .registerBtn {
  margin-left: -10%;
  margin-top: 5px;
}
.page-rfi .carriers {
  background-image: url("../img/carriers.jpg");
  width: 100%;
  /*min-height: 794px;*/
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  margin-top: -30px;
  padding-bottom: 100px;
}

.page-rfi .containerImg img {
  /*margin-left:10%;*/
  width: 100%;
}
.page-rfi .carriers .container {
  padding-top: 80px;
}
.page-rfi.blackText {
  font-family: "黑体";
  color: black;
  font-size: 37px;
  font-weight: initial;
  font-weight: 600;
}
.page-rfi.whiteText {
  color: white;
  font-size: 34px;
  font-weight: lighter;
  padding: 10px 0 50px 0;
}
.page-rfi.carriersText {
  width: 100%;
  /* margin-left: 2%; */
  padding: 50px 20px 20px 70px;
}
.page-rfi .moreContainerImg {
  background-image: url("../img/");
  font-size: 34px;
  color: white;
  border-radius: 28px;
  height: 55px;
  width: 240px;
  text-align: center;
  outline: none;
  border: none;
}
.page-rfi .rightApple img {
  width: 90%;
  float: right;
}
.page-rfi .carriersTitle {
  margin: -58% 0 0 60%;
  color: white;
  font-size: 35px;
  letter-spacing: 3px;
}
.page-rfi .carriersTitle .find {
  color: #fee103;
}
.page-rfi .carrierLable {
  margin-left: 12%;
  font-size: 60px;
  letter-spacing: 12px;
}
.page-rfi .second {
  margin-top: 5%;
}
.page-rfi .shipperContent .publish {
  color: #fd6512;
}
.page-rfi .shipperContent .shipperLable {
  font-size: 70px;
  letter-spacing: 22px;
  font-weight: 600;
}
.page-rfi .shipperContent .publishLable {
  font-size: 45px;
}
.page-rfi .shipperContent .ulList {
  font-size: 30px;
  line-height: 90px;
  margin: 110px 0 40px 0px;
  padding: 0px;
  font-weight: 600;
  font-family: "黑体";
  margin-left: -20px;
}
.page-rfi .shipperContent .ulList li {
  list-style-type: initial;
}
.page-rfi .moreContainerRightImg {
  background-image: url("../img/");
  font-size: 34px;
  color: white;
  border-radius: 28px;
  height: 55px;
  width: 240px;
  text-align: center;
  outline: none;
  border: none;
}
.page-rfi .second .rightApple {
  margin-top: 6%;
}

.page-rfi .bottomPartner {
  background-image: url("../img/3.jpg");
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-bottom: 35px;
  text-align: center;
}
.page-rfi .partnerHeader {
  margin: 0 auto;
  font-size: 50px;
  color: #6f7071;
  padding-top: 60px;
  padding-bottom: 15px;
}
.page-rfi .partnerHeader .number {
  color: #fd6512;
  font-size: 48px;
  font-weight: 600;
}
.page-rfi .partnerHeader img {
  width: 25px !important;
  margin-top: -18px;
}
.page-rfi .partnerIcon {
  text-align: center;
}
.page-rfi .bottomPartner img {
  width: 80%;
  height: auto;
}
.page-rfi .partnerIcon .item {
  min-height: 258px;
}
.page-rfi .partnerIcon img {
  width: 80%;
}

.page-rfi .partnerIcon .item {
  min-height: 160px;
}

@media (max-width: 995px) {
  .page-rfi .partnerIcon .item {
    min-height: 215px;
  }
}
.page-rfi .contacts {
  text-align: center;
  background-color: #41424d;
  color: white;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-rfi .line {
  height: 35px;
  float: left;
}
@media (min-width: 1200px) {
  .page-rfi .container {
    width: 1200px;
  }
}

.page-rfi .contactsContent {
  padding-top: 10px;
}
.page-rfi .contactsContent .item .icon {
  width: 55px;
  margin-top: -5px;
}

.page-rfi .contactsContent .col-sm-6,
.page-rfi .contactsContent .col-xs-12 {
  padding: 0px;
}

.page-rfi .carrierLable {
  font-size: 44px;
}
.page-rfi .carriersTitle {
  margin: -64% 0 0 53%;
  font-size: 26px;
}
.page-rfi .blackText {
  font-size: 26px;
}
.page-rfi .whiteText {
  font-size: 25px;
  padding-bottom: 25px;
  color: #fff;
}
.page-rfi .moreContainerImg,
.moreContainerRightImg {
  font-size: 32px;
  height: 50px;
  width: 230px;
}
.page-rfi .shipperContent .shipperLable {
  font-size: 55px;
}
.page-rfi .shipperContent .publishLable {
  font-size: 33px;
}
.page-rfi .shipperContent .ulList {
  font-size: 25px;
  line-height: 70px;
  margin-top: 60px;
}
.page-rfi .shipperContent .ulList .col-xs-12 {
  padding: 0px;
  margin: 0px;
}

@media (max-width: 1300px) {
  .page-rfi .registerContent .input {
    width: 60%;
  }
  .page-rfi .registerContent .title {
    font-size: 24px;
  }
  .page-rfi .registerContent .role {
    font-size: 21px;
  }
  .page-rfi .registerImg {
    font-size: 24px;
    height: 40px;
    width: 130px;
    padding-top: 0;
  }
  .page-rfi .rows {
    line-height: 53px;
  }
  .page-rfi .registerContent {
  }
  .page-rfi .registerContent {
    width: 100%;
    padding: 20px 20px 30px 40px;
  }
  .page-rfi .carrierLable {
    font-size: 35px;
    margin-left: 10%;
  }
  .page-rfi .carriersTitle {
    margin: -58% 0 0 49%;
    font-size: 21px;
  }
}
@media (max-width: 1250px) {
  .page-rfi .contacts {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .page-rfi .carrierLable {
    font-size: 30px;
    margin-left: 10%;
  }
  .page-rfi .carriersTitle {
    margin: -58% 0 0 49%;
    font-size: 18px;
  }
  .page-rfi .blackText {
    font-size: 30px;
  }
  .page-rfi .whiteText {
    font-size: 27px;
  }
  .page-rfi .moreContainerImg,
  .moreContainerRightImg {
    font-size: 27px;
    height: 40px;
    width: 200px;
  }
  .page-rfi .contacts {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .page-rfi .carrierLable {
    font-size: 30px;
    margin-left: 10%;
  }
  .page-rfi .carriersTitle {
    margin: -58% 0 0 49%;
    font-size: 18px;
  }
}

@media (max-width: 995px) {
  .page-rfi .shipperContent {
    padding: 0px;
    padding-left: 5%;
  }
  .page-rfi .carriersText {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .page-rfi .registerContent .roles input {
    margin-top: 13px;
  }
  .page-rfi .registerContent {
    padding: 20px 20px 20px 20px;
    margin: 0 auto;
    width: 100%;
  }
  .page-rfi .rows {
    line-height: 33px;
  }
  .page-rfi .topImg img {
    margin-left: 0;
    margin-bottom: 50px;
    margin-top: -30px;
  }
  .page-rfi .carriersTitle {
    margin: -61% 0 0 56%;
    font-size: 12px;
  }
  .page-rfi .carrierLable {
    font-size: 23px;
  }
  .page-rfi .carriers .first {
    margin-bottom: 80px;
  }

  .page-rfi .line {
    display: none;
  }
  .page-rfi .bottomPartner img {
    width: 100%;
  }
  .page-rfi .register {
    margin-top: -40px;
  }
  .page-rfi .whiteText {
    font-size: 20px;
    padding-bottom: 20px;
  }
  .page-rfi .blackText {
    font-size: 24px;
  }
  .page-rfi .moreContainerImg,
  .moreContainerRightImg {
    font-size: 20px;
    text-align: center;
  }
  .page-rfi .shipperContent .ulList {
    margin-top: 25px;
    padding: 0px;
    margin-left: -20px;
  }
  .page-rfi .shipperContent .ulList li {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 21px;
    line-height: 50px;
  }
  .page-rfi .shipperContent .ulList .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .page-rfi .registerContent .roles label {
    margin-left: 30px;
  }
  .page-rfi .shipperContent .shipperLable {
    font-size: 40px;
  }
  .page-rfi .shipperContent .publishLable {
    font-size: 26px;
  }
  .page-rfi .partnerHeader {
    font-size: 40px;
  }
  .page-rfi .partnerHeader .number {
    font-size: 40px;
  }
  .page-rfi .partnerIcon .item {
    min-height: 160px;
  }
}

@media (max-width: 767px) {
  .page-rfi .register {
    margin-top: 10px;
  }
  .page-rfi .registerContent {
    /*width: 69%;*/
  }
  .page-rfi .carriersTitle {
    margin: -56% 0 0 48%;
    font-size: 28px;
  }
  .page-rfi .carrierLable {
    font-size: 35px;
    margin-left: 17%;
  }
  .page-rfi .partnerIcon .item {
    min-height: 150px;
  }
  .page-rfi .containerImg {
    height: 385px;
  }
  .page-rfi .containerImg img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .page-rfi .topImg img {
    width: 67%;
    margin-bottom: 0px;
  }
  .page-rfi .registerContent .input {
    font-size: 1.5rem;
  }
  
  .box {
  	     position: absolute;
  	     height: 246px;  
  	}
  .box ul {
     
      height: 246px;
      /* 超出部分隐藏 */
      overflow: hidden;
      /* 过渡为0.3秒 */
      transition: all .3s;
  }
   
  .box ul li{
      /* 相对定位 */
      position: relative;
      float: left;
      list-style-type: none;
      width: 402px;
      height: 246px;
      /* 过渡为0.5秒 */
      transition: all .5s;
  } 
  /* 鼠标移入时让所有的li宽度变为90px */
  .box ul:hover li {
     width: 214px;
    
     
  }
  /* 鼠标移入时让当前的宽度变为640px */
  .box ul li:hover {
   width: 774px;
    
  }
  .box img,.box li:hover{
  	width: 774px;
      height: 246px;
  		  
  }
  
  .box ul li p {
      /* 绝对定位 */
      position: absolute;
  	top: 0px;
      left: 250px;
      bottom: 0;
      width: 500px;
      height: 30px;
      line-height: 35px;
      transition: all .3s;
  	display: none;
  	color: white;
  	
  }
  .box ul li:hover p {
     display: block;
  }
  /* 文字 */
  	.about-center-three-circle1{
  		position: absolute;
  		left: 120px;
  		top: 50px;
  		width: 150px;
  		height: 150px;
  		border: 2px solid #FFFFFF;
  		border-radius: 100%;
  		transition: all .3s;
  
  		
  	}
  	.about-center-three-honesty{
  		position: absolute;
  		left: 48px;
  		top: 58px;
  		width: 48px;
  		height: 35px;
  		opacity: 1;
  		font-family: SourceHanSansCN-Medium;
  		font-size: 24px;
  		font-weight: 500;
  		text-align: center;
  		letter-spacing: 0em;
  		color: #FFFFFF;
  		transition: all .3s;
  	}
  	
  /* 鼠标移入时让所有的li宽度变为90px */
  	.box :hover .about-center-three-circle1{
  	 left: 35px;  
  	}
  
  
  
  
  
  
  
}
@media (max-width: 600px) {
  .page-rfi .carriersTitle {
    margin: -61% 0 0 47%;
    font-size: 16px;
    text-align: center;
  }
  .page-rfi .carrierLable {
    font-size: 28px;
    text-align: center;
  }
  .page-rfi .rightApple img {
    width: 100%;
  }
  .page-rfi .partnerHeader {
    font-size: 30px;
  }
  .page-rfi .partnerHeader .number {
    font-size: 30px;
  }
  .page-rfi .partnerHeader img {
    width: 20px !important;
  }
  
 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (max-width: 500px) {
  .page-rfi .registerContent .title {
    font-size: 18px;
  }
  .page-rfi .registerContent .role {
    font-size: 16px;
  }
  .page-rfi .registerImg {
    font-size: 24px;
    height: 40px;
    font-size: 24px;
    height: 40px;
    padding-top: 0;
    padding: 0px 20px;
    width: auto;
  }
  .page-rfi .rows {
    line-height: 40px;
  }
  .page-rfi .registerContent {
    /*height: 300px;*/
  }
  .page-rfi .registerContent {
    padding: 20px 20px 20px 30px;
  }
  .page-rfi .registerContent .roles .check2 {
    margin-left: -20px;
  }
  .page-rfi .carriers {
    padding-bottom: 30px;
  }
  
  .box {
  	     position: absolute;
  	     height: 246px;  
  	}
  .box ul {
     
      height: 246px;
      /* 超出部分隐藏 */
      overflow: hidden;
      /* 过渡为0.3秒 */
      transition: all .3s;
  }
   
  .box ul li{
      /* 相对定位 */
      position: relative;
      float: left;
      list-style-type: none;
      width: 202px;
      height: 246px;
      /* 过渡为0.5秒 */
      transition: all .5s;
  } 
  /* 鼠标移入时让所有的li宽度变为90px */
  .box ul:hover li {
     width: 214px;
    
     
  }
  /* 鼠标移入时让当前的宽度变为640px */
  .box ul li:hover {
   width: 774px;
    
  }
  .box img,.box li:hover{
  	width: 774px;
      height: 246px;
  		  
  }
  
  .box ul li p {
      /* 绝对定位 */
      position: absolute;
  	top: 0px;
      left: 250px;
      bottom: 0;
      width: 500px;
      height: 30px;
      line-height: 35px;
      transition: all .3s;
  	display: none;
  	color: white;
  	
  }
  .box ul li:hover p {
     display: block;
  }
  /* 文字 */
  	.about-center-three-circle1{
  		position: absolute;
  		left: 120px;
  		top: 50px;
  		width: 150px;
  		height: 150px;
  		border: 2px solid #FFFFFF;
  		border-radius: 100%;
  		transition: all .3s;
  
  		
  	}
  	.about-center-three-honesty{
  		position: absolute;
  		left: 48px;
  		top: 58px;
  		width: 48px;
  		height: 35px;
  		opacity: 1;
  		font-family: SourceHanSansCN-Medium;
  		font-size: 24px;
  		font-weight: 500;
  		text-align: center;
  		letter-spacing: 0em;
  		color: #FFFFFF;
  		transition: all .3s;
  	}
  	
  /* 鼠标移入时让所有的li宽度变为90px */
  	.box :hover .about-center-three-circle1{
  	 left: 35px;  
  	}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

.page-rfi .help-block {
  color: red;
  margin: 0px;
  padding: 0px;
  text-align: left;
  margin-left: 16%;
  line-height: 10px;
  display: none;
}

/*rfi price*/
.rfi-price-banner {
  background-image: url("../img/banner.jpg");
  background-position: center;
}
.rfi-price .price-tab-content {
  font-size: 1.4rem;
  color: #f79132;
}
.rfi-price .price-tab-content th {
  font-size: 2.4rem;
}
.rfi-price .price-tab-content th.default-text-color {
  font-size: 1.8rem;
  font-weight: normal;
}
.rfi-price .price-tab-content .price-orange-btn {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  display: block;
  background: #f79132;
  color: #ffffff;
  border-radius: 5px;
}
.rfi-price .price-tab-content .price-orange-btn:hover {
  text-decoration: none;
}
.rfi-price .price-tab-content .table > thead > tr > th {
  border: none;
}
.rfi-price .price-tab-content .table > tbody > tr > td {
  border: none;
}
.rfi-price .price-tab-content .table .has-border {
  border-top: 1px solid #ffd1a7;
}
.rfi-price .price-tab-content .table th,
.rfi-price .price-tab-content .table td {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.rfi-price .price-tab-content .table th img {
  width: 40px;
  margin-bottom: 10px;
}

.rfi-price-bottom {
  width: 94%;
  margin: 0px auto;
  max-width: 640px;
  position: relative;
  height: 80px;
}

.rfi-price-bottom img {
  position: absolute;
  bottom: 0px;
}

.rfi-price-bottom .text {
  color: #fff;
  font-size: 2.4rem;
  line-height: 80px;
  margin-left: 23%;
}

.rfi-price-bottom .bottom-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #fe9a68;
  padding: 10px 40px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
}
.rfi-price .price-tab .price-tab-title {
  width: 330px;
  margin: 0px auto;
  margin-top: 60px;
  margin-bottom: -10px;
}
.rfi-price .price-tab .price-tab-button {
  padding: 0px;
}
.rfi-price .price-tab .price-tab-button li {
  float: left;
  width: 140px;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #f79132;
  border: 1px solid #fe5e10;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.rfi-price .price-tab .price-tab-button li.active {
  background: #fe5e10;
}
.rfi-price .price-tab .price-tab-button li.active a {
  color: #fff;
}
.rfi-price .price-tab .price-tab-button li a {
  color: #fe5e10;
  font-size: 1.5rem;
  display: block;
}
.rfi-price .price-tab .price-tab-button li a:hover {
  text-decoration: none;
}
.rfi-price .tab-mobile {
  display: none;
  opacity: 0;
}
.rfi-price .tab-title-mobile {
  display: none;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .rfi-price-banner {
    background-image: none;
    background-image: url("../img/banner-m.png");
  }
  .rfi-price .tab-web {
    display: none;
  }
  .rfi-price .price-tab .price-tab-button li {
    border-bottom: 1px solid #fe5e10;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .rfi-price .tab-mobile {
    display: block;
    opacity: 1;
  }
  .rfi-price-bottom .text {
    font-size: 15px;
    line-height: 60px;
  }
  .rfi-price-bottom .bottom-btn {
    padding: 10px 15px;
    margin-top: 13px;
  }
  .rfi-price .tab-mobile .price-tab-item {
  }
  .rfi-price .tab-mobile .price-tab-item .col-xs-12 {
    padding: 0px;
  }
  .rfi-price .tab-mobile .price-tab-item .col-xs-6 {
    padding: 8px;
  }
  .rfi-price .tab-mobile .price-tab-item .item-all {
    margin-top: 30px;
    box-shadow: 2px 2px 15px #ddd;
    -webkit-box-shadow: 2px 2px 15px #ddd;
    -moz-box-shadow: 2px 2px 15px #ddd;
    border-radius: 10px;
    padding: 10px;
  }
  .rfi-price .tab-mobile .price-tab-item .item-all .item-title {
    color: #1b1a19;
    font-size: 16px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #f49e4f;
  }
  .rfi-price .tab-mobile .price-tab-item .item-all .item-title img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .rfi-price .tab-mobile .price-tab-item .item-all .item-content label {
    font-weight: normal;
    color: #fd5e0f;
    width: 100%;
  }
  .rfi-price .tab-mobile .price-tab-item .item-all .item-content ul {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    list-style-type: none;
  }
  .rfi-price .tab-mobile .price-tab-item .item-all .item-content ul li {
    color: #999;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .rfi-price .tab-mobile .price-tab-item .item-all .item-content ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    background: #fd5e0f;
    border-radius: 2px;
    top: 6px;
    left: -8px;
  }
  .rfi-price
    .tab-mobile
    .price-tab-item
    .item-all
    .item-content
    .price-orange-btn {
    width: 100%;
    font-size: 14px;
    margin-top: 20px;
  }
  .rfi-price-bottom {
    height: 60px;
  }
  .rfi-price-bottom img {
    width: 60px;
    top: -20px;
  }
  .rfi-price .tab-title-mobile {
    display: block;
    opacity: 1;
  }
  .rfi-price .tab-title-web {
    display: none;
  }
}

/* Common */
.link_button,
.link_button:hover {
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #fd5e0f;
  cursor: pointer;
  text-decoration: none;
}

.link_button--lg {
  padding: 5px 12px;
  min-width: 150px;
  border-radius: 5px;
}
/* end Common */
/* Industry */
.our_brand_case {
  padding: 60px 0 40px;
}

.our_brand_cases__nav {
  padding-left: 0;
  list-style: none;
  font-size: 0;
}

.our_brand_cases__nav > li {
  display: inline-block;
  padding: 0 30px;
  font-size: 20px;
  width: 25%;
}

.our_brand_cases__nav a,
.our_brand_case__panel-heading,
.our_brand_case__panel-heading.collapsed {
  position: relative;
  display: block;
  padding: 18px;
  color: #666;
  background-color: #ededed;
  text-decoration: none;
}

.our_brand_cases__nav a:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: none;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #ededed;

  transform: translate(-50%, 100%);
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
}

.our_brand_cases__nav li.active a,
.our_brand_case__panel-heading[aria-expanded="true"] {
  color: #fff;
  background-color: #fd5e0f;
}

.our_brand_cases__nav li.active a:before {
  display: inline-block;
  border-top-color: #fd5e0f;
}

.our_brand_cases__list .categroy-item {
  width: 22%;
  margin-left: 2%;
  margin-right: 2%;
}

.our_brand_cases__title {
  margin: 0 0 60px;
}

.our_brand_cases__nav ~ .tab-content {
  margin-top: 30px;
}

.our_brand_cases__list {
  padding-left: 0;
  list-style: none;
}

.our_brand_cases__list > li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 186px;
  height: 160px;
  padding: 20px 33px;

  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
}

.our_brand_cases__item {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0 2px 17px 4px rgba(242, 240, 240, 0.5);
  cursor: pointer;
}

.our_brand_cases__list > li:hover {
  padding: 5px 18px;
}

.our_brand_cases__item img {
  position: relative;
  top: 50%;
  max-width: 85%;

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

.our_brand_cases__list .popover.bottom > .arrow,
.our_brand_cases__list .popover.bottom {
  border: 0;
}

.our_brand_cases__list .popover-title {
  padding: 20px 20px 0 20px;
  border-bottom: 0;
  font-size: 1.3em;
  color: #353535;
  background-color: transparent;
  font-weight: bold;
}

.our_brand_cases__list .popover-content {
  padding: 12px 20px 20px 20px;
  color: #53585c;
}

.our_brand_cases__list .popover-content a {
  color: #fd5e0f;
}

.our_brand_case__mobile {
  display: none;
}

.our_brand_case__panel {
  box-shadow: none;
}

.our_brand_case__panel-heading {
  display: block;
}

.our_brand_cases__list .popover.bottom > .arrow {
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
}
/* Industry */
/* Our progress */
.our_progress__item {
  padding: 0;
}

.our_progress__name {
  position: relative;
  height: 60px;
  background-color: #666b6c;
}

.our_progress__item:hover .our_progress__name,
.our_progress__item:active .our_progress__name,
.our_progress__item.active .our_progress__name {
  background-color: #fd5e0f;
}

.our_progress__name > h4 {
  margin: 0;
  line-height: 60px;
  color: #fff;
}

.our_progress__arrow {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 0;
  height: 100%;

  transform: translateX(35px);
  -webkit-transform: translateX(35px);
  -moz-transform: translateX(35px);
}

.our_progress__item:last-child .our_progress__arrow {
  display: none;
}

.our_progress__arrow:after,
.our_progress__arrow-bg {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #fff;
}

.our_progress__arrow-bg {
  border-left-color: #666b6c;
  z-index: 1;

  transform: translateX(15px);
  -webkit-transform: translateX(15px);
  -moz-transform: translateX(15px);
}

.our_progress__item:hover .our_progress__arrow-bg,
.our_progress__item:active .our_progress__arrow-bg,
.our_progress__item.active .ousr_progress__arrow-bg {
  border-left-color: #fd5e0f;
}

.our_progress__arrow:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 100%;
  background-color: #fff;

  transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
}

.our_progress__item-content {
  position: relative;
  overflow: hidden;
}

.our_progress__item-content:before {
  content: "";
  display: block;
  padding-top: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.our_progress__item-content > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.our_progress__item-content img,
.our_progress__item-cover {
  width: 100%;
  height: 100%;
}

.our_progress__item-cover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.8);

  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);

  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
}

.our_progress__item:hover .our_progress__item-cover,
.our_progress__item:active .our_progress__item-cover,
.our_progress__item.active .our_progress__item-cover {
  z-index: 0;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}

.our_progress__item-cover h4,
.our_progress__item-content h1 {
  position: relative;
  top: 50%;
  padding: 0 5%;
  color: initial;

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

.our_progress__item-content h1 {
  position: absolute;
  margin: 0 auto;
  padding: 0 10%;
  width: 100%;
  color: #fff;
  font-weight: bold;
  z-index: 1;

  transition: all 0.5s, font-size 0s ease-out;
  -webkit-transition: all 0.5s, font-size 0s ease-out;
  -moz-transition: all 0.5s, font-size 0s ease-out;
}

.our_progress__item:hover h1,
.our_progress__item:active h1,
.our_progress__item.active h1 {
  top: 42%;
  padding: 0 7%;
  font-size: 1em;
  color: #53585c;
  font-weight: normal;
}

.our_progress__item-cover .link_button,
.our_progress__item-cover .link_button:hover {
  position: relative;
  top: 50%;
  display: block;
  margin: auto;
  max-width: 120px;
}
/* end of our progress */
/* Products Sub Nav */
.products_sub_nav li a {
  font-weight: bold;
}

.products-nav-ul li.products_sub_nav__item {
  padding-left: 0;
  padding-right: 0;
}

.products_sub_nav li.active {
  height: 65px;
  line-height: 65px;
  border-bottom: 5px solid #fff;
}

.products-nav .products-nav-ul li.products_sub_nav__item a {
  display: block;
  padding-left: 30px;
  padding-right: 30px;
}
/* end of Products Sub Nav */
/* Product Step Group */
.common-container {
  margin: auto;
  max-width: 1150px;
}

.product_step_group ul {
  padding-left: 0;
  list-style: none;
}

.product_step_group__title {
  display: inline-block;
  margin: 50px 30px 50px 0;
}

.product_step_group__tabs,
.product_step_group__tabs li {
  vertical-align: middle;
  display: inline-block;
}

.product_step_group__tabs li {
  padding: 5px 0;
  margin: 0 10px;
  border-bottom: 5px solid transparent;
  cursor: pointer;
}

.product_step_group__tabs li.active {
  font-weight: bold;
  border-bottom-color: #fd5e0f;
}

.product_step_group__list {
  position: relative;
  max-width: 400px;
}

.product_step_group__list:before,
.product_step_group__list li:last-child:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 3px;
  background-color: #fff;
  z-index: 1;
}

.product_step_group__list li {
  position: relative;
  padding-left: 20px;
  padding-bottom: 30px;
  border-left: 2px solid #d8d8d8;
  cursor: pointer;
}

.product_step_group__list li:last-child {
  border-left-color: transparent;
}

.product_step_group__list li.active {
  font-weight: bold;
}

.product_step_group__list li:not(.active):hover {
  color: #fd5e0f;
  text-decoration: underline;
}

.product_step_group__list li:before {
  content: " ";
  vertical-align: text-top;
  display: inline-block;
  margin: 2px 20px 0 -29px;
  width: 16px;
  height: 16px;
  background-color: #d8d8d8;
  border-radius: 50%;
}

.product_step_group__list li.active:before {
  background-color: #fd5e0f;
}

.product_step_group__list li:last-child:after {
  left: -2px;
  background-color: #d8d8d8;
}

.product_step_group__img-container {
  position: relative;
  margin: 70px 0 30px;
}

.product_step_group__bg {
  margin: auto;
  max-width: 878px;
}

.product_step_group__img {
  position: absolute;
  top: 25px;
  padding: 0 103px 0 102px;
  width: 878px;
  max-height: 431px;
  overflow: hidden;
}

.product_step_group__img img {
  width: 100%;
}
/* end of Product Step Group */
/* Product our power */
.product_our_power {
  padding: 30px 0;
  background-color: #f5f6f7;
  background-image: url(../img/rfi-power-01.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}

.product_our_power__container > .row {
  position: relative;
}

.product_our_power__container > .row:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 100px;
  background-color: #333333;
  border-radius: 2px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.list_spliter .row:before {
  top: 0;
  margin-top: 10%;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
}

.product_our_power .row > .col-md-6,
.our_new_power .row > .col-md-6 {
  padding-left: 120px;
}

.product_our_power__title {
  margin: 20px 0;
}

.product_our_power__list {
  padding-left: 0;
  list-style: none;
}

.product_our_power__list li {
  margin-bottom: 15px;
}

.product_our_power__icon {
  vertical-align: middle;
  width: 75px;
  height: 75px;
}

.product_our_power__item a,
.product_our_power__item span {
  vertical-align: middle;
  margin-left: 5px;
  color: #fd5d10;
  font-weight: bold;
  text-decoration: none;
}

.product_our_power__icon ~ span {
  font-size: 20px;
  margin-left: 15px;
  color: #656972;
}

.product_our_power__info {
  padding: 35px 0;
  margin-top: 30px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.product_our_power__info h3,
.product_our_power__info h6,
.product_our_power__info span {
  color: #333;
}

.product_our_power__info-title {
  margin: 0 0 20px;
}

.product_our_power__number {
  font-size: 40px;
  font-weight: bold;
}

.product_our_power__number ~ h6 {
  font-size: 16px;
  font-weight: bold;
}

.our_value_numbers {
  background-color: #f5f6f7;
  padding-bottom: 40px;
}

.our_value_numbers > .product_our_power__info {
  margin-top: 0;
}
/* end of Product our power */
/* Product our products */
.product_our_products {
  padding: 40px 15px;
}

.product_our_products__logo {
  max-width: 64px;
  height: auto;
}

.product_our_products__subtitle {
  margin: 20px auto 50px;
  max-width: 785px;
}

.product_our_products__img {
  width: 100%;
  max-height: 260px;
}

.product_our_products__img ~ label {
  margin: 40px 0 10px;
}

.product_our_products__img ~ ul {
  padding-left: 0;
  list-style: none;
}

.product_our_products__img ~ ul li:before {
  content: "· ";
}
/* end of Product our products */
/* Home page */
.our_description {
  padding: 50px 0 60px;
}

.our_description p {
  margin: 0;
  font-size: 20px;
}

.our_description p ~ a {
  margin-top: 15px;
}

.our_description__text {
  max-width: 684px;
}
/* end of Home page */
/* Product overview */
.our_product_brief {
  padding: 40px 15px 0;
}

.product_overview.container-fluid {
  padding: 0;
}

.product_overview .row {
  display: table;
  width: 100%;
  margin: auto;
}

.product_overview .row [class^="col-"] {
  position: relative;
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.product_overview__bg-container {
  padding: 70px 0 60px;
}

.product_overview__bg-container.before[class^="col-"] {
  display: none;
}

.product_overview__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.product_overview__bg--s {
  max-width: 850px;
}

.product_overview__container {
  padding: 90px 0 80px;
}

.product_overview__content {
  display: inline-block;
  max-width: 510px;
  margin: auto;
}

.product_overview__content h1 {
  margin-bottom: 40px;
}

.product_overview__content ul {
  padding-left: 0;
  list-style: none;
}

.product_overview__content li {
  margin-bottom: 30px;
  font-size: 20px;
}

.product_overview__content .otms_logo_1,
.product_overview__content .otms_logo_2,
.product_overview__content .otms_logo_3 {
  display: table-cell;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.product_overview__content .otms_logo_1 {
  background-image: url(../img/otms_logo_1.png);
}

.product_overview__content .otms_logo_2 {
  background-image: url(../img/otms_logo_2.png);
}

.product_overview__content .otms_logo_3 {
  background-image: url(../img/otms_logo_3.png);
}

.product_overview__content i ~ span {
  padding-left: 30px;
}

.product_overview__content li > span {
  display: table-cell;
  vertical-align: top;
}

.product_overview__content .link_button {
  margin-top: 20px;
}

.our_new_power {
  padding: 30px 0 60px;
}

.our_new_power h1 {
  padding-bottom: 10px;
}

.our_grid_how_start {
  padding: 40px 15px 30px;
}

.our_grid_how_start img {
  max-width: 60px;
}

.our_grid_how_start p {
  margin: 30px auto;
  max-width: 300px;
}

.our_grid_how_start div[class^="col-"] {
  padding-top: 30px;
  padding-bottom: 30px;
}

.our_tms_steps--s,
.our_tms_steps--m,
.our_tms_steps--l {
  vertical-align: middle;
  display: inline-block;
  padding: 0 25px;
}

.our_tms_steps--s {
  width: 164px;
}

.our_tms_steps--m {
  width: 220px;

  transform: translateY(30%);
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
}

.our_tms_steps--l {
  width: 280px;
}

.our_tms_steps--s:before,
.our_tms_steps--m:before,
.our_tms_steps--l:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.our_tms_steps--l:before {
  padding-top: 110%;
}

.our_tms_steps-1:before {
  background-image: url(../img/pop-1.png);
}

.our_tms_steps-1.locale-zh:before {
  background-image: url(../img/pop-1-zh.png);
}

.our_tms_steps-2:before {
  background-image: url(../img/pop-2.png);
}

.our_tms_steps-2.locale-zh:before {
  background-image: url(../img/pop-2-zh.png);
}

.our_tms_steps-3:before {
  background-image: url(../img/pop-3.png);
}

.our_tms_steps-3.locale-zh:before {
  background-image: url(../img/pop-3-zh.png);
}

.our_tms_steps-4:before {
  background-image: url(../img/pop-4.png);
}

.our_tms_steps-4.locale-zh:before {
  background-image: url(../img/pop-4-zh.png);
}

.our_tms_steps-5 {
  transform: translateY(15%);
  -webkit-transform: translateY(15%);
  -moz-transform: translateY(15%);
}

.our_tms_steps-5:before {
  background-image: url(../img/pop-5.png);
}

.our_tms_steps-5.locale-zh:before {
  background-image: url(../img/pop-5-zh.png);
}
/* end of Product overview */
/* Shipper & Carrier */
.shipper_carrier__container h1 {
  margin-bottom: 40px;
}

.shipper_carrier__container .our_product_brief {
  padding-bottom: 25px;
}

.sc_service_list__container {
  padding: 40px 15px;
}

.sc_service_list {
  padding-left: 0;
  margin: 0 auto;
  max-width: 1286px;
  list-style: none;
}

.sc_service_item {
  display: inline-block;
  padding: 10px 20px;
  width: 640px;
}

.sc_service_item__car {
  font-size: 0;
  width: 100%;
  height: 268px;
  border-radius: 1px;
  background-color: #fff;
  box-shadow: 0 1px 6px 0 #c9c9c9;
}

.sc_service_item__car-img {
  vertical-align: top;
  display: inline-block;
  width: 33.333333%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.sc_service_item__car-content {
  vertical-align: top;
  display: inline-block;
  padding: 10px 30px 10px 40px;
  font-size: 16px;
  width: 66.666666%;
}

.sc_service_item__car h3 {
  font-size: 20px;
  font-weight: bold;
}

.sc_service_item__car p {
  line-height: 1.2em;
  height: 133px;
  overflow: hidden;
}

.sc_service_item__link-list {
  padding-left: 0;
  list-style: none;
}

.sc_service_item__link-list li {
  display: inline;
}

.sc_service_item__link-list a {
  margin-right: 20px;
  font-size: 14px;
  color: #fd5e0f;
  font-weight: bold;
  text-decoration: none;
}

.sc_link h1 {
  padding: 0 15px;
  margin: 40px 0 60px;
}

.sc_link a,
.our_scd_content a {
  color: #fd5e0f;
  text-decoration: none;
}

.sc_service_item__link-list a:after,
.our_scd_content a:after {
  content: " >>";
}

.shipper_carrier__container .our_progress__item:hover h1 {
  top: 30%;
  font-size: 1.25em;
  font-weight: bold;
}

.sc_getting_started_now {
  padding: 70px;
  color: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.sc_getting_started_now h1 {
  margin-bottom: 0;
  color: #fff;
}

.sc_getting_started_now p {
  margin-top: 15px;
  margin-bottom: 30px;
}

.our_scd_content {
  padding: 40px 15px;
  max-width: 900px;
}

.our_scd_content__article {
  padding: 40px 15px;
}

.our_scd_content hr {
  border-top: 2px solid #cdcfd1;
}

.our_scd_content img {
  max-width: 600px;
  height: auto;
  margin: 30px auto;
  display: block;
}

.our_scd_content ul {
  padding-left: 0;
  list-style: none;
}

.our_scd_content a {
  font-size: 20px;
  font-weight: bold;
}

.our_scd_content__controller .col-xs-12:first-child {
  text-align: left;
}

.our_scd_content__controller .col-xs-12:last-child {
  text-align: right;
}

.our_scd_content__controller .col-xs-12.text-center {
  text-align: center;
}

.our_scd_controllers {
  padding: 30px 15px 20px;
}

.our_scd_controllers a,
.our_scd_controllers h3 {
  color: #fd5e0f;
  text-decoration: none;
}

.our_scd_controllers a {
  font-weight: bold;
}
/* end of Shipper & Carrier */

/* start of fp-research page */
.fp-research-page .signup-section {
  padding-top: 45px;
  padding-bottom: 45px;
}
/* end of fp-research page */
/* wad add ©️ Chris */
.arrow-left {
  display: inline-block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 21px;
  margin-top: 6px;
  border: 2px solid transparent;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  z-index: 99;
  -webkit-transform: rotate(-45deg);
  background: none;
}
.arrow-right {
  display: inline-block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 16px;
  margin-top: 6px;
  border: 2px solid transparent;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  z-index: 99;
  -webkit-transform: rotate(135deg);
  background: none;
}
/*wad-culture*/
.wad-culture {
  padding-top: 50px;
  padding-bottom: 30px;
  width: 100%;
  background: #f3f3f3;
}
.wad-white {
  background: #ffffff;
}
.wad-culture .item-inner .intro {
  width: 100%;
  padding: 10px 10%;
  text-align: center;
}
.culture-item {
  position: relative;
  width: 100%;
}
.wad-culture .culture-info {
  margin: auto;
  max-width: 380px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 14px;
  line-height: 24px;
}
.wad-culture .culture-info.culture-1 {
  /* border-top: 3px solid #2ab0a5; */
  border-top: 3px solid #99cd00;
}
.wad-culture .culture-info.culture-2 {
  /* border-top: 3px solid #9aca27; */
  border-top: 3px solid #46a5db;
}
.wad-culture .culture-info.culture-3 {
  /* border-top: 3px solid #f76032; */
  border-top: 3px solid #fd5e0e;
}
.wad-culture-row {
  max-width: 800px;
  margin: auto;
}
/* 企业文化适配 */
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .cul-box {
    color: #ffffff;
    padding: 20px;
    height: 225px;
    margin: 0px;
    position: relative;
    border-bottom: 3px solid #fff;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .cul-box {
    color: #ffffff;
    padding: 20px;
    height: 340px;
    margin: 0px;
    position: relative;
    border-bottom: 3px solid #fff;
    margin-bottom: 10px;
  }
  .cul-boxjp {
    height: 300px;
  }
  .cul-boxjp p {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .cul-box {
    color: #ffffff;
    padding: 20px;
    height: 150px;
    margin: 0px;
    position: relative;
    border-bottom: 3px solid #fff;
    margin-bottom: 10px;
  }
  .cul-boxjp {
    height: 200px;
  }
}
/* 
.cul-box{
  color: #FFFFFF;
  padding: 20px;
  height:100%; 改动
  height:240px;
  margin: 0px;
  position: relative;
  border-bottom: 3px solid #fff;
  margin-bottom: 10px;
} */
.cul-box .ang {
  width: 0;
  height: 0;
  border: 20px solid #f3f3f3;
  border-left: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: absolute;
  right: 0px;
  top: 0px;
}
.cul-box h4 {
  color: #fff;
  font-weight: bolder;
}
.cul-1 {
  /* background: #2ab0a5; */
  background: #99cd00;
}
.cul-2 {
  /* background: #9aca27; */
  background: #46a5db;
}
.cul-3 {
  /* background: #f76032; */
  background: #fd5e0e;
}

/*wad-culture end*/
.wad-value {
  padding-top: 50px;
  padding-bottom: 90px;
  width: 100%;
  background: #fff;
}
.value-img {
  background: url(../img/wad-value1.jpg) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 300px;
}
.value-img_jp {
  background: url(../img/wad-value1_jp.png) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 300px;
}
.value-img1 {
  background: url(../img/wad-value.jpg) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 300px;
}
.value-line {
  border-left: 1px dotted #999;
  padding: 10px 30px;
  font-size: 14px;
}
.value-line h4 {
  color: #000;
}
.value-line h5.orange-color {
  color: #fe5e10;
}
.wad-scope {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  /* background: #f5f5f7;*/
}
.wad-scope .scope-line {
 /*  border: 1px solid #cecdce;
  padding: 9px;*/
}
.wad-scope .scope-line p {
font-size: 14px;
  color: #6c6e73;
 height: 300px; /*  原来200,270 */
}
.wad-scope .country {
  width: 92px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #fefefe;
  text-align: center;
  margin-top: 34px;
  background: url("../img/country.png") no-repeat center;
}
.scope-inner {
  width: 100%;
  margin: auto;
}
.scope-line {
  /* height: 320px; */
  height: 350px;
  /* background: #f5f5f7; */
  margin: 20px 0px;
}
/* 日语新增 */
.scope-line.jpan {
  height: 380px;
  padding: 9px;
}
.more {
  position: relative;
  bottom: 90px;
  /* top:55px */
}
.scope-line1 {
  height: 480px; /* 原来280 */
  background: #efefef;
  margin: 20px 0px;
  border: 2px solid #ebebeb;
}
.wad-consultation {
  width: 100%;
  text-align: left;
  color: #fe5e10;
  font-weight: bold;
  background: url(../img/wad-consultation.jpg) center 30% no-repeat #fff;
  background-size: 80px;
  line-height: 240px;
}
.wad-solution {
  width: 100%;
  text-align: left;
  color: #fe5e10;
  font-weight: bold;
  background: url(../img/wad-solution.jpg) center 30% no-repeat #fff;
  background-size: 80px;
  line-height: 240px;
}
.wad-software {
  width: 100%;
  text-align: left;
  color: #fe5e10;
  font-weight: bold;
  background: url(../img/wad-software.jpg) center 30% no-repeat #fff;
  background-size: 80px;
  line-height: 240px;
}
.wad-system {
  width: 100%;
  text-align: left;
  color: #fe5e10;
  font-weight: bold;
  background: url(../img/wad-system.jpg) center 30% no-repeat #fff;
  background-size: 80px;
  line-height: 240px;
}
.wad-consultation1 {
  font-family: Source Han Sans CN;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  margin-top: -170px;
  padding: 20px;
}
.wad-solution1 {
  width: 100%;
  height: 140px;
  text-align: center;
  color: #fe5e10;
  font-weight: bold;
  background: url(../img/wad-solution.jpg) center 30% no-repeat #f5f5f7;
  background-size: 80px;
  line-height: 240px;
}
.wad-software1 {
  width: 100%;
  height: 140px;
  text-align: center;
  color: #fe5e10;
  font-weight: bold;
  /* background: url(../img/b2.png) center 30% no-repeat #f5f5f7; */
  background: url(../img/wad-software.jpg) center 30% no-repeat #f5f5f7;
  background-size: 80px;
  line-height: 240px;
}
.wad-system1 {
  width: 100%;
  height: 140px;
  text-align: center;
  color: #fe5e10;
  font-weight: bold;
  background: url(../img/wad-system.jpg) center 30% no-repeat #f5f5f7;
  /* background: url(../img/b3.png) center 30% no-repeat #f5f5f7; */
  background-size: 80px;
  line-height: 240px;
}
.talents {
  width: 100%;
  height: 140px;
  text-align: center;
  color: #fe5e10;
  font-weight: bold;
  background: url(../img/talents.png) center 30% no-repeat #f5f5f7;
  background-size: 80px;
  line-height: 240px;
}
.bpo {
  width: 100%;
  height: 140px;
  text-align: center;
  color: #fe5e10;
  font-weight: bold;
  background: url(../img/bpo.png) center 30% no-repeat #f5f5f7;
  /* background: url(../img/b4.png) center 30% no-repeat #f5f5f7; */
  background-size: 80px;
  line-height: 240px;
}
.morePic {
  width: 100%;
  background: url(../img/more.png) center 30% no-repeat;
  background-size: 80px;
  position: relative;
  padding: 20px;
  bottom: 65px;
  /* bottom: 65px; */
}
/*.morePic{
  width: 100%;
  background: url(../img/) center 30% no-repeat;
  background-size: 80px;
  position:relative;
  padding:20px;
  bottom:10px;
}*/
.scope-line p {
  font-size: 13px;
}
.scope-line1 p {
  padding: 20px;
  font-size: 13px;
}

/* 新增 */
.scope-line1 p.example {
  /* padding: 20px; */
  font-size: 14px !important;
}

.wad-distribution2 {
  padding-top: 50px;
  padding-bottom: 30px;
  width:100%;
  height:100%;
  background: url(../images/zu13.png) no-repeat 0px 0px; 
}
.wad-distribution {
  padding-top: 50px;
  padding-bottom: 30px;
  width:100%;
  background-color: white;;
 
}
.wad-distribution1 {
  padding-top: 50px;
  padding-bottom: 30px;
  width:100%;
  height:100% ;
  background: url(../images/zu14.png) no-repeat 0px 0px; 
}

.wad-distribution3 {
	border-top:3px  solid  white;
    margin-top: -180px;
  padding-top: 50px;
  padding-bottom: 30px;
  width:100%;
  height:100% ;
 background-color: #11365F; 
}

.wad-distribution4 {
  padding-top: 50px;
  padding-bottom: 30px;
  width:100%;
  height:100% ;
 background: url(../images/background.png) no-repeat 0px 0px; 
}





.map-row {
  width: 100%;
  height: 600px;
}
.wad-map1 {
  background: url("../img/map1.png") center no-repeat;
  height: 600px;
  background-size: contain;
}
.wad-map2 {
  background: url("../img/map2.png") center no-repeat;
  height: 600px;
  background-size: contain;
}
.wad-map3 {
  background: url("../img/map3.png") center no-repeat;
  height: 600px;
  background-size: contain;
}
.wad-ercode {
  width: 100px;
  height: 100px;
  margin: 0px auto;
  overflow: hidden;
  border: 1px solid #ccc;
  text-align: center;
}
.wad-ercode img {
  width: 100px;
  height: 100px;
}
.wad-office-map {
  width: 100%;
}
.wad-office-map img {
  width: 100%;
}
.wad-width-x {
  display: block;
}
.wad-width-s {
  display: none;
}
.asset-item {
  position: relative;
  padding-left: 120px;
  margin-bottom: 30px;
  min-height: 120px;
}
.asset-item img {
  width: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.title-bg-1 {
  background: #fd5e0f85;
  padding: 1px 20px;
  clear: both;
}
.title-bg-1 h4 {
  color: white;
}
.vr-pb {
  width: 120px;
}
.vr-1-img {
  width: 300px;
  margin: 10px;
  display: block;
  float: left;
}
.vr-discription {
  margin: 10px;
  float: left;
}
.hardware-img {
  max-width: 600px;
  width: 100%;
}
.dataimg {
  width: 200px;
}
.data-h4 h4 {
  margin: 15px;
  padding-left: 40px;
  background: url("../img/data-check.jpg") no-repeat;
  background-size: 25px 25px;
}
.case-wad .scope-line {
  height: auto;
  padding-bottom: 25px;
  position: relative;
  margin: 6px 0px;
}
.case-wad .scope-line .wad-consultation,
.case-wad .scope-line .wad-solution,
.case-wad .scope-line .wad-software,
.case-wad .scope-line .wad-system {
  line-height: normal;
}
.case-wad .scope-line .wad-consultation img,
.case-wad .scope-line .wad-solution img,
.case-wad .scope-line .wad-software img,
.case-wad .scope-line .wad-system img {
  margin-bottom: 5px;
}
.case-wad .scope-line .case-title {
  height: 34px;
  line-height: 34px;
  background: #fedfd3;
  border-radius: 5px;
  text-align: center;
}
.case-wad .scope-line1 {
  height: 440px;
  position: relative;
}
.wad-scope-btn {
  color: #fd5e0f;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  width: 104px;
  margin: auto;
  text-align: center;
  border: 1px solid #fd5e0f;
  border-radius: 18px;
}
.case-wad .wad-consultation {
  background: none;
  background-size: contain;
}
.case-wad .wad-solution {
  background: none;
  background-size: contain;
}
.case-wad .wad-software {
  background: none;
  background-size: contain;
}
.case-wad .wad-system {
  background: none;
  background-size: contain;
}
S .wad-tag {
  position: absolute;
  top: -20px;
  padding: 2px 10px;
  background: #fe5e10;
  color: white;
}
.casekv {
  width: 100%;
}
/* wad add ©️ Chris end */

/* Media query */
@media screen and (min-width: 1400px) {
  .header .container {
    width: 1250px;
  }
}

@media screen and (max-width: 1700px) {
  .product_overview__bg--s {
    max-width: 750px;
  }
}

@media screen and (max-width: 1500px) {
  .product_overview__bg--s {
    max-width: 600px;
  }
}

@media screen and (max-width: 1400px) {
  .header .container {
    width: auto;
    padding-right: 25px;
    padding-left: 25px;
  }

  .product_step_group__bg {
    width: 740px;
  }

  .product_step_group__img {
    top: 26px;
    padding: 0 87px 0 86px;
    width: 740px;
    height: 358px;
  }

  .our_progress__name {
    height: 40px;
  }

  .our_progress__name > h4 {
    line-height: 40px;
    font-size: 16px;
  }

  .our_progress__arrow {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
  }

  .our_progress__arrow:after,
  .our_progress__arrow-bg {
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 20px;
  }

  .our_progress__arrow-bg {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
  }

  .our_progress__arrow:before {
    width: 10px;
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
  }
}

@media screen and (max-width: 1300px) {
  .product_step_group__bg {
    width: 600px;
  }

  .product_overview__bg--s {
    max-width: 550px;
  }

  .product_step_group__img {
    top: 20px;
    padding: 0 71px 0 70px;
    width: 600px;
    height: 291px;
  }

  .sc_service_list {
    max-width: none;
    font-size: 0;
  }

  .sc_service_item {
    padding: 10px;
    width: 50%;
  }

  .sc_service_item__car-content {
    padding: 5px 15px 10px 30px;
  }
}

@media screen and (max-width: 1200px) {
  .main-nav .nav .nav-item {
    margin-left: 5px;
    margin-right: 5px;
  }

  .product_step_group {
    padding-left: 15px;
    padding-right: 15px;
  }
  .product_our_power__info span {
    font-size: 30px;
  }

  .startupkit h1.product_step_group__title,
  .startupkit h1.product_our_power__title,
  .product_overview__content h1,
  .our_grid_how_start h1,
  .our_new_power h1,
  .shipper_carrier__container h1 {
    font-size: 24px;
  }

  .product_our_power__info h3,
  .our_brand_cases__nav a,
  .sc_service_item__car h3 {
    font-size: 16px;
  }

  .product_step_group__tabs li,
  .product_step_group__list li,
  .product_our_power__item a,
  .product_our_power__item span,
  .products-page .products-qa .title,
  .product_overview__content li > span,
  .product_our_products__subtitle,
  .sc_service_item__car p {
    font-size: 13px;
  }

  .product_our_power__info h6,
  .sc_service_item__link-list a {
    font-size: 11px;
  }

  .product_step_group__list li:before {
    margin-left: -27px;
    width: 13px;
    height: 13px;
  }

  .product_our_power .row > .col-md-6,
  .our_new_power .row > .col-md-6 {
    padding-left: 70px;
  }

  .our_progress__item-content h1 {
    font-size: 14px;
  }

  .our_progress__item-cover h4 {
    font-size: 12px;
  }

  .product_overview__content .otms_logo_1,
  .product_overview__content .otms_logo_2,
  .product_overview__content .otms_logo_3 {
    width: 20px;
    height: 20px;
  }

  .product_overview__bg--s {
    max-width: 95%;
  }

  .sc_service_item__car {
    height: 238px;
  }

  .sc_service_item__car p {
    height: 138px;
  }

  .our_tms_steps--s,
  .our_tms_steps--m,
  .our_tms_steps--l {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  .our_tms_steps--s {
    width: 12%;
  }

  .our_tms_steps--m {
    width: 18%;
  }

  .our_tms_steps--l {
    width: 30%;
  }
  .wad-scope .scope-line p {
    font-size: 14px;
    color: #6c6e73;
    height: 200px; /*原来200*/
  }
  .scope-line .caseContentWidth {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 1000px) {
  .our_description p {
    font-size: 16px;
  }

  .product_step_group__bg {
    width: 450px;
  }

  .product_step_group__img {
    top: 15px;
    padding: 0 53px 0 52px;
    width: 450px;
    height: 218px;
  }

  .our_brand_cases__nav > li {
    padding: 10px;
  }

  .sc_service_item__car {
    height: 225px;
  }

  .sc_service_item__car p {
    height: 108px;
  }

  .sc_service_item__link-list a {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .vr-1-img {
    width: 100%;
    max-width: 500px;
  }
  .vr-pb {
    width: 80px;
  }
  .wad-width-x {
    display: none;
  }
  .wad-width-s {
    display: block;
  }
  .product_our_power__container > .row:before {
    display: none;
  }

  .product_step_group__bg {
    width: 383px;
  }

  .product_step_group__img-container {
    margin: 0 0 20px;
  }

  .product_step_group__title {
    margin: 30px 30px 30px 0;
  }

  .product_step_group__img {
    top: 13px;
    padding: 0 45px 0 45px;
    width: 383px;
    height: 186px;
  }

  .product_step_group__list li {
    padding-bottom: 20px;
  }

  .homepage h1 {
    font-size: 24px;
  }

  .lasted-active h4 {
    font-size: 16px;
  }

  .our_brand_case {
    padding: 20px 0;
  }

  .our_brand_cases__title {
    margin-bottom: 10px;
  }

  .our_progress__arrow {
    display: none;
  }

  .our_progress.row {
    margin: 0;
  }

  .our_progress__item-content h1 {
    font-size: 32px;
  }

  .our_value_numbers,
  .our_description {
    padding: 20px;
  }

  .our_brand_cases__list {
    max-width: 370px;
    margin: auto;
  }

  .our_brand_cases__list {
    max-height: none;
  }

  .our_brand_cases__list > li {
    width: 130px;
    height: 130px;
    padding: 15px;
  }

  .our_brand_cases__list > li:hover {
    padding: 10px;
  }

  .our_brand_cases__nav a {
    font-size: 12px;
  }

  .our_brand_cases__nav a:before {
    display: none;
  }

  .our_brand_cases__desktop {
    display: none;
  }

  .our_brand_case__mobile {
    display: block;
    padding: 0 15px;
  }

  .our_brand_case__mobile a {
    text-decoration: none;
  }

  .product_overview .row [class^="col-"] {
    text-align: center;
    position: static;
    display: block;
    padding: 20px 0;
  }

  .product_overview__bg-container.before[class^="col-"] {
    display: block;
  }

  .product_overview__bg-container.after[class^="col-"] {
    display: none;
  }

  .product_overview__content {
    text-align: center;
    padding: 0 15px;
  }

  .product_overview__bg-container.before[class^="col-"] {
    padding: 0;
  }

  .product_overview__bg {
    position: static;
    height: 375px;
  }

  .product_overview__content ul {
    text-align: left;
  }

  .product_overview__content i ~ span {
    padding-left: 15px;
  }

  .our_new_power .row {
    margin: 0;
  }

  .product_overview__bg-container {
    text-align: center;
  }

  .product_overview__bg--s {
    margin: auto;
    max-width: 80%;
  }

  .sc_service_item {
    padding: 5px 0;
    width: 100%;
  }

  .sc_service_item__car,
  .sc_service_item__img,
  .sc_service_item__car p,
  .sc_service_item__car-content {
    position: relative;
    height: auto;
  }

  .sc_service_item__car-img {
    position: absolute;
    height: 100%;
  }

  .sc_service_item__car-content {
    left: 33.333333%;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .sc_getting_started_now {
    padding: 20px;
  }

  .our_scd_content img {
    max-width: 85%;
  }

  .our_tms_steps--s,
  .our_tms_steps--m,
  .our_tms_steps--l {
    display: block;
    margin: auto;

    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
  }

  .our_tms_steps--m,
  .our_tms_steps--l {
    margin-top: -100px;
  }

  .our_tms_steps-2 {
    margin-top: -135px;
  }

  .our_tms_steps--s:before,
  .our_tms_steps--m:before,
  .our_tms_steps--l:before {
    padding-top: 115%;
  }

  .our_tms_steps-1 {
    transform: translateX(-40%);
  }

  .our_tms_steps-2 {
    transform: translateX(25%);
  }

  .our_tms_steps-3 {
    transform: translateX(-10%);
  }

  .our_tms_steps-4 {
    transform: translateX(25%);
  }

  .our_tms_steps-5 {
    transform: translateX(-15%);
  }

  .our_tms_steps-2:before {
    background-image: url(../img/pop-2-m.png);
  }

  .our_tms_steps-2.locale-zh:before {
    background-image: url(../img/pop-2-m-zh.png);
  }

  .our_tms_steps-4:before {
    background-image: url(../img/pop-4-m.png);
  }

  .our_tms_steps-4.locale-zh:before {
    background-image: url(../img/pop-4-m-zh.png);
  }
  .scope-line {
    /* height: 340px; */
    height: 365px;
  }
  .scope-line1 {
    height: 230px;
  }
  .example {
    padding: 0px !important;
  }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  /* 业务范围文字控制 */
  .scope-line .contentWidth {
    width: 200px;
  }
  .scope-line.jpan {
    height: 330px;
    padding: 9px;
  }
}
@media screen and (min-width: 1200px) {
  /* 成功案例文字控制 */
  .scope-line .caseContentWidth {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 600px) {
  .our_brand_cases__nav > li {
    width: 100%;
  }
  .scope-line .caseContentWidth {
    padding: 15px 15px;
  }
  .wad-scope .scope-line p {
    font-size: 5px;
    color: #6c6e73;
    height: 150px;
  }
  
  .wad-scope .scope-line p {
   /*  height: auto;*/
  }
  /* 业务范围 */

  #itconsult {
    position: absolute;
    top: 250px;
  }
  #solution {
    position: absolute;
    top: 950px;
  }
  #product {
    position: absolute;
    top: 1725px;
  }
  #system {
    position: absolute;
    top: 2445px;
  }
  #dispatch {
    position: absolute;
    top: 3325px;
  }
  #bpo {
    position: absolute;
    top: 4045px;
  }
}

@media screen and (max-width: 375px) {
  .product_step_group__bg {
    margin: auto;
    display: block;
    width: 290px;
  }
.wad-scope .scope-line p {
    font-size: 5px;
    color: #6c6e73;
    height: 150px;
  }
  .product_step_group__img {
    top: 10px;
    left: 50%;
    padding: 0;
    width: 70%;
    height: 141px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@media (min-width: 768px) {
  #navFix {
    width: 100%;
    height: 10px !important;
    color: #fff !important;
    line-height: 20px;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  #navFix li {
    /* float:left;    
    width:16.66%;*/
    height: 10px;
  }
}
@media screen and (min-width: 1200px) {
  #navFix {
    width: 100%;
    height: 10px !important;
    color: #fff !important;
    line-height: 20px;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
  }
}
@media screen and (max-width: 1023px) {
  #navFix {
    width: 100%;
    height: 10px !important;
    color: #fff !important;
    line-height: 20px;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
  }
}
@media (max-width: 768px) {
  #navFix {
    width: 100%;
    height: 120px !important;
    color: #fff !important;
    line-height: 20px;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  #navFix li {
    /* float:left;    
    width:16.66%;*/
    height: 10px;
    font-size: 10px;
  }
  #navFix li a {
    /* float:left;    
    width:16.66%;*/
    /* height:60px; */
    font-size: 15px;
  }
  #navFix li.scope_jp {
    /* float:left;    
    width:16.66%;*/
    height: 10px;
    font-size: 14px;
  }
  .table_box {
    width: 85%;
    height: 750px !important;
    margin: 0 auto;
  }
  /* 日文首页业务范围 */
  .jpt {
    font-size: 15px;
  }
  .jpContent {
    font-size: 14px !important;
  }
}

.table_box {
  width: 80%;
  height: auto;
  margin: 0 auto;
}

table {
  border: 1px solid rgba(220, 220, 220, 1);
  width: 100%;
}

table tr {
  text-align: center;
}

table td,
table th {
  border: 1px solid rgba(220, 220, 220, 1);
  padding: 10px;
  /*设置单元格内边距，单元格内容显得不拥挤*/
  text-align: center;
}
.colorContent {
  background: rgba(245, 245, 245, 1);
}
.strongTitle {
  font-weight: bold;
  color: #2f2f2f;
}
.allContent {
  font-size: 15px;
  font-family: MeiryoUI;
  font-weight: 400;
  color: rgba(47, 47, 47, 1);
}

/* end of Media query */