.banner {
  width: 100%;
  height: 800px;
  /*background-image: url("../images/homebanner.jpg");*/
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
  text-align: center; }


  .banner>#swiper-container{
    overflow: hidden;
    width: 100%;
    height: 800px;
    top:0;
    left:0;
    position: absolute;
  }
  .banner>#swiper-container>.swiper-wrapper{
    height: 800px;
    position: absolute;
    top:0;
    left:0;
  }
  .banner .swiper-wrapper>.swiper-slide{
    float: left;
    width: 50%;
    height: 800px;
  }
  .banner .swiper-wrapper>.swiper-slide>a{
    display: inline-block;
    width: 100%;
    height: 800px;
  }
  .banner .swiper-wrapper>.swiper-slide>a>img{
    width: 100%;
    height: 800px;
  }
  .banner>#swiper-container>.swiper-pagination{
    height: 30px;
  }
.banner>#swiper-container>.swiper-pagination>.swiper-pagination-bullet{
  width: 16px;
  height: 16px;
}
.swiper-pagination-bullet{
  background-color:#e61a23;
  opacity: 0.4;
}

.swiper-pagination-bullet-active{
  opacity: 1;
}




  .banner .maintitle1 {
    font-size: 52px;
    position: absolute;
    top:260px;
    left:50%;
    margin-left: -297px;
    /*padding-top: 260px;*/
    z-index: 99;}
  .banner .maintitle2 {
    font-size: 52px;
    position: absolute;
    left:50%;
    top:340px;
    margin-left: -286px;
    z-index: 99;}
  .banner .maintitle3 {
    font-size: 25px;
    font-weight: lighter;
    position: absolute;
    top:450px;
    left:50%;
    margin-left: -208px;
    z-index: 99;}

.notice {
  width: 100%;
  height: 45px;
  background-color: #f6f6f6; }
  .notice .noticebox {
    width: 888px;
    height: 45px;
    margin: 0 auto;
    line-height: 45px; }
    .notice .noticebox img {
      vertical-align: middle;
      position: relative;
      margin-top: 12px;
      float: left; }
    .notice .noticebox .noticelist {
      display: inline-block;
      margin-left: 15px;
      float: left;
      overflow: hidden;
      width: 820px;
      height: 45px;
      position: relative;
      z-index: 2; }
      .notice .noticebox .noticelist ul {
        width: 100%;
        height: auto;
        position: absolute;
        top: -45px;
        z-index: 1; }
        .notice .noticebox .noticelist ul>li{
          height: 45px;
          white-space: nowrap;
          overflow: hidden;}
  .notice .arrowgroup {
    width: 16px;
    height: 45px;
    float: right; }
    .notice .arrowgroup .jiantou {
      display: block;
      width: 16px;
      height: 22px;
      cursor: pointer; }
      .notice .arrowgroup .jiantou.jttop {
        background-position: 0px 8px; }
      .notice .arrowgroup .jiantou.jtbottom {
        background-position: 0px -11px; }

.describe {
  width: 100%;
  height: 430px;
  background-color: #FFFFFF;
  text-align: center; }
  .describe .content {
    display: block;
    width: 640px;
    margin: 0 auto;
    margin-top: 30px;
    color: #676767;
    line-height: 30px; }

.exchangerate {
  width: 100%;
  height: 530px;
  background-color: #FFF;
  text-align: center; }
  .exchangerate .bulefont {
    color: #221dcb; }
  .exchangerate .rateprice {
    width: 730px;
    height: 280px;
    margin: 0 auto;
    margin-top: 25px; }
    .exchangerate .rateprice li {
      width: 33.33333%;
      height: 100%;
      float: left; }
      .exchangerate .rateprice li .circlebox {
        width: 85px;
        height: 85px;
        border-radius: 50%;
        border: 1px solid #b9b9b9;
        margin: 0 auto;
        margin-top: 40px;
        background-image: url("../images/rategroup.png");
        background-repeat: no-repeat;
        background-position: 50% 25px; }
        .exchangerate .rateprice li .circlebox.qian {
          background-position: 50% -50px; }
        .exchangerate .rateprice li .circlebox.yunshu {
          background-position: 50% -118px; }
      .exchangerate .rateprice li .count {
        font-size: 30px;
        margin-top: 30px; }
        .exchangerate .rateprice li .count .unit {
          font-size: 18px; }
      .exchangerate .rateprice li .flag {
        margin-top: 5px;
        display: block;
        color: #868686; }

.whyselect {
  width: 100%;
  height: 1095px;
  text-align: center;
  background-image: url("../images/pc/whyselectbg1.png");
  background-size:100% 100%}

  .whyselect .selectlist {
    width: 1200px;
    height: 340px;
    margin: 0 auto;
    margin-top: 100px; }
    .whyselect .selectlist li {
      width: 374px;
      height: 160px;
      background-color: #FFFFFF;
      float: left;
      margin: 12px 12px; }
      .whyselect .selectlist li .left {
        width: 100px;
        height: 100%;
        float: left;
        background-image: url("../images/whyselecticon.png");
        background-repeat: no-repeat;
        background-position: 30px 15px; }
        .whyselect .selectlist li .left.fuwu {
          background-position: -65px 15px; }
        .whyselect .selectlist li .left.safe {
          background-position: -165px 15px; }
        .whyselect .selectlist li .left.contact {
          background-position: -265px 15px; }
        .whyselect .selectlist li .left.shoufei {
          background-position: -370px 15px; }
        .whyselect .selectlist li .left.adress {
          background-position: -470px 15px; }
      .whyselect .selectlist li .right {
        width: 274px;
        height: 100%;
        float: left;
        text-align: left;
        padding-top: 10px; }
        .whyselect .selectlist li .right .bigfont {
          font-size: 22px;
          color: #1d1d1d;
          margin-bottom: 6px; }
        .whyselect .selectlist li .right .normalfont {
          color: #707070;
          line-height: 23px;
          padding-right: 10px;}

.seivectype {
  width: 100%;
  height: 700px; }
  .seivectype .left {
    width: 50%;
    height: 100%;
    float: left;
    background-image: url("../images/pc/typeleftbg_cn.png");
    background-repeat: no-repeat;
    background-size: cover; }
  .seivectype .right {
    float: right;
    height: 100%;
    width: 49.9%;
    background-image: url("../images/pc/typerightbg2.png");
    background-repeat: no-repeat;
    background-position: center; }
    .seivectype .right .contentbox {
      width: 330px;
      height: 450px;
      margin: 95px; }
      .seivectype .right .contentbox .title {
        font-size: 24px;
        color: #333333;
        font-weight: 600; }
      .seivectype .right .contentbox p {
        line-height: 25px;
        margin-top: 20px; }
      .seivectype .right .contentbox .contentlist {
        width: 250px;
        margin-top: 60px;
        font-size: 16px; }
        .seivectype .right .contentbox .contentlist li {
          width: 100%;
          height: 40px;
          line-height: 40px;
          text-indent: 50px;
          border-bottom: 1px solid #e9e9e9;
          background-image: url("../images/typeicon1.png");
          background-repeat: no-repeat;
          background-position: 5px 10px; }
          .seivectype .right .contentbox .contentlist li.ttoc {
            background-position: 5px -30px; }
          .seivectype .right .contentbox .contentlist li.caigou {
            background-position: 5px -72px; }
          .seivectype .right .contentbox .contentlist li.qingguan {
            background-position: 5px -113px; }
          .seivectype .right .contentbox .contentlist .onestopserver{
            background-image: url("../images/typeicon1.png");
            background-position: 5px -152px;
          }
.contactway {
  width: 100%;
  height: 480px;
  background-image: url("../images/contactwaybg.jpg");
  background-repeat: no-repeat;
  background-position: center center; }
  .contactway .contactphone {
    width: 750px;
    height: auto;
    margin: 0 auto;
    padding-top: 160px; }
    .contactway .contactphone img {
      position: relative;
      top: 5px;
      margin-right: 15px; }
    .contactway .contactphone .phonenum {
      color: #e61a23;
      font-size: 35px;
      font-weight: 600; }
    .contactway .contactphone .fontstyle {
      color: #636363;
      font-size: 24px;
      text-align: center;
      margin-top: 5px; }

.resultbox{
  width: 650px;
  height: auto;
  margin:215px auto;
  
}

.resultbox .estorderbox {
      width: 763px;
      margin-left: 30px; }
      .resultbox .estorderbox .wuliuinfo {
        width: 100%;
        height: 86px; }
        .resultbox .estorderbox .wuliuinfo ul {
          width: 670px;
          height: 100%;
          padding: 0px;
          margin: 0px;
          display: inline-block;
          margin-top: 45px; }
          .resultbox .estorderbox .wuliuinfo ul li {
            margin: 0px;
            width: auto;
            display: inline-block;
            height: 100%;
            float: left;
            vertical-align: middle;
            text-align: center;
            color: #bfbfbf; }
            .resultbox .estorderbox .wuliuinfo ul li.active {
              color: #3d3d3d; }
              .resultbox .estorderbox .wuliuinfo ul li.active .orangesplit {
                border: 1px dashed #ff7400; }
            .resultbox .estorderbox .wuliuinfo ul li .iconfont {
              display: block;
              margin-top: 25px; }
            .resultbox .estorderbox .wuliuinfo ul li .orangesplit {
              height: 0px;
              width: 40px;
              border: 1px dashed #bfbfbf;
              position: relative;
              top: 45px;
              margin-right: 5px;
              margin-left: 5px; }
      .resultbox .estorderbox .estordertitle {
        width: 100%;
        height: 80px;
        line-height: 80px;
        color: #349ffc;
        font-size: 16px; }
      
        .resultbox .estorderbox .estsearchbox{
          margin-bottom: 50px;
        }


        .resultbox .estorderbox .estordertitle a {
          color: #404040; }
          .resultbox .estorderbox .estordertitle a:hover {
            color: #e30000; }
      .resultbox .estorderbox .searchinput {
        width: 580px;
        height: 40px;
        border: 1px solid #e6e6e6;
        text-indent: 10px;
        line-height: 40px; }
      .resultbox .estorderbox .searchbtn {
        height: 40px;
        width: 78px;
        background-color: #ff7400;
        color: #FFFFFF;
        text-align: center;
        line-height: 40px;
        margin-left: 10px;
        cursor: pointer;
        display: inline-block; }
      .resultbox .estorderbox .resultbox {
        width: 100%;
        display: none;}

        .resultbox .estorderbox .rb_loding{
            text-align: center;
            margin-top: 100px;
            display: none;
        }
.slider{
  width: 100%;
  background-color: #FFF;
  padding-top: 20px;
  padding-bottom: 45px;
}
.slider .slidertitle{
  text-align: center;
  font-size: 35px;
  padding: 30px 0px;
  color: #333;
}
.swiper-container{
  width: 95%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.swiper-container .swiper-slide .card-itme{
  width: 100%;
}
.swiper-container .swiper-slide .card-itme:after{
  content: "";
  display: block;
  padding-bottom: 100%;
}
.swiper-container .swiper-slide .card-itme .swiperslideimg{
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  width: 98%;
  height: 98%;
}
.swiper-container .swiper-slide .card-itme .swiperslideimg>img{
  width: 100%;
}

.slider .showslider{
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  z-index: 1033;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.swiper-container#mainswiper{
  width: 90%;
  height: 90%;
  margin-top: 2.5%;
}
.swiper-container#mainswiper .swiper-slide{
  height: 100%;
  width: 100%;
  display: table;
  vertical-align: middle;
}
.swiper-container#mainswiper .swiper-slide>span{
  display: table-cell;
  vertical-align: middle;
}
.swiper-container#mainswiper .biglideimg{
  max-width: 100%;
  

}

/* .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23747474'%2F%3E%3C%2Fsvg%3E);
}
.swiper-button-prev {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23747474'%2F%3E%3C%2Fsvg%3E);
} */