.r-header{
  font-family: Microsoft Yahei, Arial, sans-serif;
}
.r-header-top .login-box a, .r-language a {
  font-family: Microsoft Yahei, Arial, sans-serif
}


.r-header-top {
  background: #d20032;
  height: 38px;
  position: fixed;
  z-index: 1001;
  width: 100%
}

.com-content {
  max-width: 1400px;
  margin: 0 auto
}

.r-header-top .login-box a {
  display: inline-block;
  font-size: 17px;
  color: #fff;
  height: 38px;
  line-height: 35px
}

.r-header-top .login-box a:hover {
  text-decoration: underline
}

.r-header-top .login-box span {
  display: inline-block;
  height: 38px;
  line-height: 34px;
  font-size: 21px;
  color: #FFF;
  margin: 0 33px 0 37px
}

.r-header-top .login-box span.login-span {
  font-size: 18px;
  margin: 0
}

.login-signin {
  display: none
}

.r-dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  padding: 10px 0;
  z-index: 2
}

.r-dropdown-content p {
  margin: 5px 0
}

.r-language {
  /* position: absolute; */
  /* right: 0; */
  /* top: 0 */
}

.r-header-top .com-content, .r-search-box {
  position: relative
}

.r-header-top .login-box {
  margin-right: 61px;
  text-align: right;
  font-size: 0
}

.clear-tip {
  text-align: center
}

.r-language a {
  font-size: 17px
}

.r-language .r-dropdown > a {
  display: block;
  padding-right: 30px;
  background: url(../png/arrow-icon.png) right center no-repeat;
  color: #FFF;
  height: 38px;
  line-height: 38px
}

.r-language .r-dropdown:hover .r-dropdown-content {
  display: block;
  right: -30%;
}

.r-language .r-dropdown-content a {
  display: inline-block;
  width: 100%;
  color: #202020;
  padding: 0 10px;
  line-height: 1
}

.r-language .r-dropdown-content .current a {
  color: #9c9c9c
}

.r-language .r-dropdown-content .current:hover a {
  color: #9C9C9C
}

.r-language .r-dropdown-content p:hover a {
  color: #d20032
}

.r-language .r-dropdown-content p:nth-child(n+2) a {
  padding-top: 5px
}

.r-logo {
  display: inline-block;
  float: left;
  margin-top: 25px
}

.r-logo img {
  display: block;
  width: 90%
}

.r-header-btm {
  background: #FFF;
  position: fixed;
  z-index: 1000;
  top: 38px;
  width: 100%
}

.r-nav {
  float: right;
  margin-bottom: 0
}

.r-nav li {
  float: left
}

.r-nav a {
  display: inline-block;
  font-size: 21px;
  font-family: Microsoft Yahei, Arial, sans-serif;
  color: #515151;
  line-height: 4;
  padding-left: 3em
}

.r-nav a:hover {
  color: #d20032;
  text-decoration: none
}

.r-search-box {
  background: #2c5082;
  position: fixed;
  z-index: 999;
  top: 122px;
  width: 100%
}

.r-search {
  margin-right: 80px;
  width: 74%;
  background: #FFF;
  border-radius: 26px;
  padding: 0 40px 0 36px;
  box-sizing: border-box;
  position: relative
}

.r-search input {
  display: block;
  border: none;
  width: 100%;
  height: 52px;
  line-height: 52px;
  font-size: 20px;
  color: #505050;
  padding: 0
}

.r-search-box {
  height: 125px
}

.r-search-box .com-content {
  padding: 37px 0;
  position: relative
}

.r-search-box .com-content:before {
  content: "";
  width: 0;
  height: 0;
  border-width: 0 9px 11px;
  border-style: solid;
  border-color: #2c5082 transparent;
  position: absolute;
  top: -11px;
  right: 2px
}

.r-search .r-search-icon {
  position: absolute;
  right: -17px;
  top: 17px;
  width: 17px;
  height: 18px;
  background: url(../png/search-pc-icon.png) no-repeat;
  border: none;
  padding: 0
}

.r-search .r-search-icon:hover {
  cursor: pointer
}

.r-search-close {
  position: absolute;
  width: 22px;
  height: 22px;
  right: 0;
  top: 52px;
  background: url(../png/search-close-icon.png) center center no-repeat;
  cursor: pointer
}

.typeahead__container.result .typeahead__list.empty {
  display: block !important
}

.hot-history-box {
  position: absolute;
  background: #FFF;
  width: 100%;
  border-top: 1px solid #d2d2d2;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 4px 5px 1px #d2d2d2;
}

.r-history-search-item, .r-hot-search {
  width: 50%;
  float: left
}

.r-history-search-item {
  position: relative
}

.r-hot-search .r-search-title {
  background: #EEE
}

.r-history-search-item .r-search-title, .r-hot-search .r-search-title {
  font-size: 16px;
  color: #999;
  line-height: 1;
  padding: 10px 10px 10px 25px;
  border-bottom: 1px solid #EEE
}

.typeahead__container .clear-history {
  position: absolute;
  right: 24px;
  top: 0;
  height: 36px;
  border: none;
  padding: 0;
  font-size: 12px;
  color: #b6b6b6
}

.typeahead__container .clear-history:focus, .typeahead__container .clear-history:hover {
  color: #B6B6B6;
  background-color: #FFF
}

.hot-history-box a {
  display: block;
  font-size: 12px;
  color: #191919;
  line-height: 1.2;
  margin: 0 2em 2em
}

.clear-tip, .search-result {
  display: none;
  position: absolute
}

.hot-history-box .r-search-list {
  padding: 30px 0 5px
}

.r-hot-search .r-search-list {
  border-right: 1px solid #EEE
}

.clear-tip {
  font-size: 16px;
  color: #9a9a9a;
  top: 50%;
  width: 100%
}

.search-result {
  background: #FFF;
  width: 812px;
  border-top: 1px solid #d2d2d2
}

.r-header .nav-list ol > li.nav-list-contact-us ul li.li02 .navlist-case a, .r-header .nav-list ol > li.nav-list-contact-us ul li.li02 .navlist-case a img, .search-result a {
  display: block
}

.r-header {
  height: 122px
}

/* .r-header .nav-list ol > li.nav-list-product ul .li01 dd {
  width: 50%
} */

.r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-img {
  /* margin-top: 100px */
}


.r-header .nav-list ol > li ul > li .tit-b {
  font-family: Microsoft Yahei, Arial, sans-serif;
  font-weight: bold;
}

.r-header .nav-list ol > li ul > li dl dd, .r-header .nav-list ol > li.nav-list-product ul .li03 a, .r-header .nav-list ol > li.nav-list-product ul .li03 p, .r-header .nav-list ol > li.nav-list-service ul li .dlt-link, .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt a, .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt p {
  font-family: Microsoft Yahei, Arial, sans-serif
}

.r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-img p span {
  font-family: Microsoft Yahei, Arial, sans-serif;
  color: #4d4d4d;
  display: block;
  max-height: 60px;
}

.r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-img p a {
  white-space: unset
}

.r-header .nav-list ol > li.nav-list-product ul .li03 a, .r-header .nav-list ol > li.nav-list-service ul li .dlt-link, .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt a {
  color: #d20032
}

.r-header .nav-list ol > li.nav-list-product ul .li03 a:hover, .r-header .nav-list ol > li.nav-list-service ul li .dlt-link:hover, .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt a:hover {
  text-decoration: none
}

.r-header .nav-list ol > li ul > li .tit-b, .r-header .nav-list ol > li ul > li dl dd a, .r-header .nav-list ol > li ul > li dl dt, .r-header .nav-list ol > li.nav-list-product ul .li03 p, .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt p {
  color: #2d5082
}

@media (max-width: 320px) {
  .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt p {
      margin-bottom: 23px
  }
}

.r-header .sa-fun-add-line {
  border-left: 2px solid #d6dae1
}

.r-header .nav-list ol > li.nav-list-contact-us ul li.li02 .navlist-case a img {
  width: 100%
}

.r-header .nav-list .ul-child a {
  white-space: nowrap
}

.r-header .nav-list .ul-child a:hover, .r-header .nav-list .ul-child a:hover dt {
  color: #d20032;
  text-decoration: none
}

.otherpage-nav, .r-header .nav-list .nav-list-header {
  display: block !important
}

.mb-show, .r-logo .mb-show, .r-search .r-search-mb.mb-show, .r-search .typeahead__button, .r-search-box {
  display: none
}

@media (min-width: 1025px) {
  .r-header .nav-list {
      height: 410px;
      top: -380px
  }

  .r-header .nav-list ol > li ul > li .tit-b {
      font-size: 25px
  }

  .r-header .nav-list ol > li ul > li .tit-b, .r-header .nav-list ol > li.nav-list-service ul > li .tit-b {
      padding: 12px 0 50px
  }

  .r-header .nav-list ol > li ul > li dl dd, .r-header .nav-list ol > li.nav-list-product ul .li03 a, .r-header .nav-list ol > li.nav-list-product ul .li03 p, .r-header .nav-list ol > li.nav-list-service ul li .dlt-link, .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt a, .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt p {
      font-size: 17px;
      line-height: 22px
  }

  .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-img p span {
      font-size: 14px
  }

  .r-header .nav-list ol > li.nav-list-product ul .li01 {
      width: 30%;
      margin-right: 1%;
      padding-right: 1%;
  }

  .r-header .nav-list ol > li.nav-list-product ul .li02 {
      width: 46%;
      margin-right: 1%;
      padding-right: 1%;
  }

  .r-header .nav-list ol > li.nav-list-product ul .li03 {
      width: 20%
  }

  .r-header .nav-list ol > li.nav-list-product ul .li02 dl {
      width: 33.33%;
      margin-right: 0
  }

  .r-header .sa-fun-add-line {
      border-left: 2px solid #d6dae1
  }

  .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt {
      width: 36%
  }

  .r-header .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-img {
      width: 60%
  }

  .r-header .nav-list ol > li.nav-list-cooperative ul li {
      width: 14%;
      padding: 0 0 0 1%
  }

  .r-header .nav-list ol > li.nav-list-cooperative ul li:first-child {
      padding-left: 0
  }

  .r-header .nav-list ol > li.nav-list-cooperative ul li.li02{
      width: 21%
  }
  .r-header .nav-list ol > li.nav-list-cooperative ul li.li04 {
      width: 18%
  }

  .r-header .nav-list ol > li.nav-list-cooperative ul li:last-child {
      padding-right: 0
  }

  .r-header .nav-list ol > li.nav-list-about ul li {
      width: 18%;
      padding-left: 2%
  }

  .r-header .nav-list ol > li.nav-list-contact-us ul li.li01 {
      width: 20%
  }

  .r-header .nav-list ol > li.nav-list-contact-us ul li.li02 {
      width: 80%
  }

  .r-header .nav-list ol > li.nav-list-contact-us ul li.li02 .navlist-case {
      padding-left: 20%;
      padding-top: 20px
  }
}

.r-search .typeahead__result {
  height: auto;
  top: auto;
  width: 90%
}

.r-search .typeahead__result li a {
  font-size: 14px
}

.r-search .typeahead__list {
  margin: 0;
  position: absolute;
  top: 0
}

.pull-right {
  float: right !important
}

@media (max-width: 1280px) {
  .r-language, .r-search-box .com-content:before, .r-search-close {
      right: 2%
  }

  .r-header-btm .com-content, .r-header-top .com-content {
      padding: 0 2%;
      box-sizing: border-box
  }

  .r-logo {
      width: 20%
  }

  .r-nav a {
      padding-left: 1.8em
  }

  .r-search {
      margin-right: 10%
  }

  .com-content {
      /* padding: 0 4.5% */
  }
}

@media (max-width: 1024px) {
  .r-header-top, .r-nav.r-nav {
      display: none
  }

  .r-header-btm {
      top: 0
  }

  .r-logo {
      margin: 15px 0
  }

  .r-header-btm .mobile-nav {
      position: absolute;
      right: 2%;
      top: 12px
  }

  .r-header-btm .mobile-nav a {
      display: inline-block;
      width: 35px;
      height: 35px;
      outline: 0
  }

  .r-header-btm .mobile-nav .mobile-search {
      background: url(../jpg/search-icon.jpg) center no-repeat;
      background-size: 100%
  }

  .r-header-btm .mobile-nav .mobile-menu {
      margin-left: 10px;
      background: url(../jpg/dropdown.jpg) center no-repeat;
      background-size: 70%
  }

  .r-header-btm .mobile-nav .mobile-menu.tc {
      background-image: url(../png/menu-close-icon.png)
  }

  .r-header-btm {
      position: fixed;
      width: 100%;
      margin: 0 auto;
      height: 60px;
      background: #fff;
      z-index: 1000
  }

  .r-logo {
      width: auto
  }

  .r-logo .mb-show {
      display: block;
      height: 30px;
      width: auto
  }

  .r-logo .pc-show {
      display: none
  }

  .r-header-btm .nav-list {
      z-index: 2
  }

  .r-header .nav-list ol {
      padding-top: 60px
  }

  .r-header {
      height: 60px
  }

  .r-header-btm .mobile-search-box {
      background: #f6f6f6;
      display: none !important
  }

  .r-header-btm .typeahead__container {
      padding: 20px 0
  }

  .r-header .nav-list ol > li.nav-list-child ul > li.ul-child dl dd a {
      color: #2d5082
  }

  .r-search-box {
      top: 60px;
      height: auto;
      background-color: #f6f6f6
  }

  .r-search input {
      font-size: 16px;
      height: 3em
  }

  .r-search .r-search-icon {
      top: 11px;
      display: none
  }

  .r-search-box .com-content {
      padding: 2% 0
  }

  .r-search-close {
      top: 0;
      height: 100%;
      display: none
  }

  .r-header .lagCon p, .r-header .lagCon p.on {
      background-color: #d20032
  }

  .r-search-box .com-content:before {
      display: none
  }

  .r-search {
      border: 1px solid #dcdcdc;
      margin: 0 2%;
      width: 96%;
      background: url(../png/search-icon-input.png) 10px center no-repeat #FFF;
      background-size: 20px auto;
      padding: 0 15px
  }

  .r-search input.mb-show {
      display: block;
      width: 94%;
      margin: 0 3%
  }

  .r-search .r-search-mb.mb-show {
      display: block;
      color: #333;
      position: absolute;
      right: -16px;
      height: 48px;
      line-height: 48px;
      top: 0;
      font-family: Microsoft Yahei, Arial, sans-serif;
      font-size: 18px;
      background: #eaeaea;
      border-radius: 0 26px 26px 0;
      padding: 0 15px
  }

  .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt{
      width: 100%;
      float: none;
  }
  .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-txt a{
      margin-top: 0;
      position: unset;
  }
  .nav-list ol > li.nav-list-solution ul .li02 .li02-case .li02-case-img{
      width: 100%;
      float: none;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1350px) {
  .r-header .nav-list ol > li.nav-list-service ul li {
      padding: 0 1.5% !important
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .r-header .nav-list ol > li ul > li .tit-b, .r-header .nav-list ol > li.nav-list-service ul > li .tit-b {
      padding: 12px 0 .8em
  }

  .r-header .nav-list ol > li ul > li .tit-b {
      font-size: 25px
  }
}

.r-header-btm .mobile-search-box {
  display: none !important
}

@media (max-width: 768px) {
  .r-history-search-item .r-search-title, .r-hot-search .r-search-title {
      font-size: 14px;
      padding: 10px
  }

  .hot-history-box a {
      margin: 0 10px 10px
  }

  .hot-history-box .r-search-list {
      padding: 15px 0 5px
  }

  .typeahead__container .clear-history {
      right: 5px;
      height: 34px
  }

  .r-search input.mb-show {
      width: 80%;
      margin: 0 auto;
      height: 2em;
      line-height: 2em;
  }

  .r-search .r-search-mb.mb-show {
      height: 34px;
      line-height: 34px
  }
}

@media (max-width: 450px) {
  .r-logo {
      margin: 17.5px 0
  }

  .r-logo img.mb-show {
      height: 25px
  }

  .r-header-btm .mobile-nav a {
      width: 25px
  }
}


@media (min-width: 1025px) {
  .r-header2 {
      height: 80px
  }

  .r-header2 .r-logo {
      margin-top: 19px
  }
}
/* 移动端登录 */
.mb-loginin{
  display: none;
}
@media (max-width: 1024px) {
  .mb-loginin{
      display: block;
      padding: 0 5%;
  }
}
.mb-loginin a{
  color:#d20032;
  border: 1px #d20032 solid;
  background: #fff;
  border-radius: 17px;
  display: block;
}
.mb-loginin a:hover{
  color:#FFF;
  background: #d20032;
  border: 1px #d20032 solid;
}
/* 导航B */
.r-header2 .r-nav .r-dropdown-content .a, .r-header2 .r-nav a {
  font-size: 18px;
  padding-left: 1.2em
}

.r-header2 .r-nav a.menu-search {
  padding-left: 3em;
  line-height: 0;
}

.r-header2 .r-nav a.menu-search img{
  padding:27px 0;
}

.r-header2 .r-header-btm {
  top: 0
}

.r-header2 .r-nav .login-box {
  padding-left: 2em
}

.r-header2 .r-nav .login-box a {
  padding-left: 0
}

.r-header2 .r-language {
  position: unset;
  right: unset;
  margin-top: 18px
}

.r-header2 .r-language .r-dropdown > a {
  color: #515151;
  background: url(../png/arrow-icon-blank.png) right center no-repeat;
  padding-left: .8em
}

.r-header2 .r-language .r-dropdown-content .current a, .r-header2 .r-language .r-dropdown-content p:nth-child(n+2) a {
  font-size: 14px
}

.r-header2 .r-search-box .com-content:before {
  right: 157px
}

.r-header2 .r-dropdown-content {
  z-index: 1001;
  right: -50%
}

/* 用户名溢出 */
.ws-username{
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 145px;
  display: block;
  overflow: hidden;
}
.ws-name{
  float: left;
  max-width: 145px;
  overflow: hidden;
}
.r-header2 .login-span{
  float: left;
  display: block;
  padding: 26px 0;
  font-size: 18px;
  padding: 26px 0 0 3px;
}

/*new add 0402*/
.partner-house-block{
display: none;
}

.r-header2 .r-dropdown{
  position: relative;
}

.pre-sales-pop-ups-btn {
  cursor: pointer
}

@media (min-width: 1025px){
  .r-header .nav-list ol > li.nav-list-about ul li {
    width: 14.5%;
    padding: 0 1%;
    text-align: center;
  }  
  .r-header .nav-list ol > li.nav-list-about ul li.li07{
    width: 21%;
    padding: 0 2%;
    text-align: center;
  }
}
.nav-list ol > li.nav-list-about ul li.li06 .navlist-case a span{
  background: #fff;
  text-align: center;
  font-size: 16px;
  padding: 5px 0;
}
 .r-header2 *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 /* 弹窗样式 */
.u1-myModal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.u1-modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 900px;
  max-width: 900px;
}
.u1-modal-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #5e5e5e;
  height: 45px;
}
.u1-modal-title{
  font-weight: 700;
  font-size: 20px;
}
.u1-close {
  /* float: right; */
  font-size: 28px;
  margin-top: -10px;
  font-weight: bold;
  cursor: pointer;
}
.u1-close img{
  height: 28px;
  width: 28px;
}
.u1-close:hover,
.u1-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#u1_text{
  font-size: 16px;
  line-height: 50px;
}
.detail-u1{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.detail-u1 button{
  height: 40px;
  width: 140px;
  background-color: rgb(213, 22, 22);
  border-radius: 5px;
  color: #fff;
  margin-bottom: 20px;
  border: none;
}
.u1-check{
  color: #003cff;
}
@media (max-width:1024px) {
  .u1-modal-content {
    background-color: #fefefe;
    margin: 25% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 85%;
    /* max-width: 900px; */
  }
}
@media (max-width:700px) {
  .u1-modal-content {
    margin: 20% auto;
  }
}