/*@font-face {*/
  /*font-family: 'lg';*/
  /*src: url('../fonts/Light.otf');*/
/*}*/
/*@font-face {*/
  /*font-family: 'rg';*/
  /*src: url('../fonts/Regular.otf');*/
/*}*/
@keyframes mymove {
  0% {
    bottom: 20px;
    opacity: 0.9;
  }
  100% {
    bottom: 10px;
    opacity: 1;
  }
}
.inner {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.zm-dok {
  display: inline-block;
  width: 100%;
}
span {
  display: inline-block;
}
em {
  display: inline-block;
}
i {
  display: inline-block;
}
.w1200 {
  margin: 0 auto;
  width: 80%;
}
.w1400 {
  margin: 0 auto;
  width: 1400px;
}
.w1536 {
  margin: 0 auto;
  width: 80%;
}
.dok {
  display: inline-block;
  width: 100%;
}
.tx_0 {
  color: #000000 !important;
}
.tx_w {
  color: #ffffff !important;
}
.wt6 {
  font-weight: 600;
}
.w1pic {
  display: inline-block;
  width: 100%;
}
.w1pic img {
  width: 100%;
}
.color_e6 {
  color: #e6212a;
}
.color_3b {
  color: #3b485a;
}
.color_78 {
  color: #0078eb;
}
.color_9 {
  color: #999;
}
.color_6 {
  color: #666666;
}
.bg-3b {
  background: #3b485a;
}
.bg-w {
  background: #ffffff !important;
}
.bg-78 {
  background: #0078eb !important;
  color: #ffffff !important;
  border: none;
}
.bg-e6 {
  background: #e6212a !important;
  color: #ffffff !important;
  border: none;
}
.prtv {
  position: relative;
}
.dot {
  box-shadow: 0 0 1px 1px #1e2832;
}
.ine2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bbt {
  border-top: 1px solid #e2e4e6;
}
.bbm {
  border-bottom: 1px solid #e2e4e6;
}
.p3 {
  padding: 30px 0;
}
.br-c {
  border: 1px solid #dbdbdb;
  color: #666666;
}
.mt0 {
  margin-top: 0 !important;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mt80 {
  margin-top: 80px;
}
.mt120 {
  margin-top: 120px;
}
.pt70 {
  padding-top: 70px;
}
.pb70 {
  padding-bottom: 70px;
}
.p70 {
  padding: 70px 0;
}
.pd2 {
  padding: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb90 {
  margin-bottom: 0.9rem;
}
.p30 {
  padding: 30px 0;
}
.f14 {
  font-size: 14px;
}
.zm-upr {
  text-transform: uppercase;
}
.hide {
  display: none;
}
input:focus {
  border-color: #0078eb !important;
  transition: all 2s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
select:focus {
  border-color: #0078eb !important;
  transition: all 2s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
textarea:focus {
  border-color: #0078eb !important;
  transition: all 2s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.pageBox {
  display: inline-block;
}
.pageBox #pre {
  width: 100px;
  height: 40px;
  line-height: 40px;
  background: #1e2832;
  color: #ffffff;
  border: none;
}
.pageBox #next {
  width: 100px;
  height: 40px;
  line-height: 40px;
  background: #1e2832;
  color: #ffffff;
  border: none;
}
.pageBox .contpage {
  margin-left: 20px;
  font-size: 16px;
  color: #999999;
}
.pageBox .page {
  float: left;
  text-align: center;
  padding-right: 10px;
  border-right: 1px solid #ddd;
}
.pageBox .page li {
  display: inline-block;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #999999;
  margin: 0 5px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #ddd;
}
.pageBox .page .selectNum {
  background: #1e2832;
  color: #ffffff;
  border: none;
}
.pageBox .pagepan {
  display: inline-block;
  margin-left: 20px;
  font-size: 18px;
  color: #999999;
}
.pageBox .pagepan input {
  width: 40px;
  height: 40px;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #ddd;
}
.pageBox .pagepan button {
  width: 70px;
  height: 40px;
  margin-left: 10px;
  background-color: #1e2832;
  color: #ffffff;
  border-radius: 5px;
}
/** {*/
  /*cursor: pointer;*/
/*}*/
.main {
  margin-top: -4px;
  margin-bottom: 50px;
  display: inline-block;
  width: 100%;
}
body {
  width: 100%;
  height: 100%;
}
html {
  width: 100%;
  height: 100%;
}
#main_box {
  display: block;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
  height: 100%;
}
.h100 {
  height: 100% !important;
  overflow: hidden;
}
.hedBox {
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  background: rgba(59, 72, 90, 0.2);
  z-index: 20;
}
.hedBox .logo {
  width: 20%;
}
.hedBox .logo img {
  width: 60px;
  margin-top: 4px;
}
.hedBox .inde1-plt1 {
  width: 80%;
}
.hedBox .herrBox {
  width: 70%;
}
.hedBox .inde1-ul {
  display: inline-block;
  width: 100%;
}
.hedBox .inde1-ul > li {
  position: relative;
  float: left;
  width: 16%;
  height: 70px;
  padding-top: 22px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}
.hedBox .inde1-ul > li:hover {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0px -1px 7px 1px #979797;
}
.hedBox .inde1-ul > li:hover .inde1ul-second {
  display: block;
}
.hedBox .inde1-ul > li .inde1ul-second {
  display: none;
  position: absolute;
  left: 0;
  top: 70px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 2px 7px 1px #979797;
}
.hedBox .inde1-ul > li .inde1ul-second li {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
}
.hedBox .inde1-ul > li .inde1ul-second li a {
  display: inline-block;
  width: 100%;
  text-shadow: 0 1px 5px #000000;
}
.hedBox .inde1-ul > li .inde1ul-second li:hover {
  background: rgba(255, 255, 255, 0.5);
}
.hedBox .inde1-ul > li span {
  display: none;
  margin-top: 10px;
}
.hedBox .inde1-plt2 {
  float: right;
  margin-top: 18px;
  width: 30%;
}
.hedBox .inde1-plt2 span {
     width: 23%;
    text-align: right;
}
.hedBox .inde1-plt2 span img {
  vertical-align: middle;
}
.hedBox .inde1-plt2 .plt2-store {
  height: 0.34rem;
  font-size: 16px;
  line-height: 0.34rem;
  background: #0078eb;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
  padding: 0 0.07rem;
}
.hedBox1 {
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  background: #ffffff;
  z-index: 20;
  box-shadow: 0 1px 1px 1px #e2e4e6;
}
.hedBox1 .logo {
  margin-top: 10px;
}
.hedBox1 .inde1-ul {
  display: inline-block;
}
.hedBox1 .inde1-ul li {
  float: left;
  /*width: 1.4rem;*/
  padding: 0 0.3rem;
  height: 70px;
  line-height: 70px;
  font-size: 0.2rem;
  color: #3b485a;
  text-align: center;
}
.hedBox1 .inde1-ul li:hover {
  background: #e6212a;
  color: #ffffff;
}
.hedBox1 .inde1-plt2 {
  float: right;
  margin-top: 20px;
}
.hedBox1 .inde1-plt2 span {
  margin-left: 0.4rem;
}
.hedBox1 .inde1-plt2 span img {
  vertical-align: middle;
}
.hedBox1 .inde1-plt2 .plt2-store {
  width: 65px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  background: #0078eb;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
}
.ftBox {
  display: inline-block;
  width: 100%;
  background: #1e2832;
  color: #ffffff;
  padding: 50px 0;
}
.ftBox .ftBox-ul li {
  float: left;
  width: 20%;
}
.ftBox .ftBox-ul li em {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 18px;
  font-family: 'rg';
}
.ftBox .ftBox-ul li span {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
}
.ftBox .ftBox-ul li span img {
  vertical-align: middle;
  margin-right: 5px;
}
.ftBox .ftBox-bot {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #4f5b6b;
}
.ftBox .ftBox-bot h2 {
  font-size: 16px;
}
.ftBox .ftBox-bot h2 img {
  vertical-align: middle;
  margin-right: 5px;
}
.ftBox .ftBox-bot h1 {
  font-family: 'rg';
  font-size: 36px;
  letter-spacing: 3px;
}
.ftBox .ftBox-bot p {
  margin-top: 10px;
}
.ftBox .ftBox-bot .ftBox-code {
  text-align: center;
  display: inline-block;
  background: #ffffff;
  width: 108px;
  height: 108px;
  padding: 4px;
}
.ftBox .ftBox-bot .ftBox-code img {
  width: 100px;
  height: 100px;
}
.ftBox .ftBox-bot .ftBox-code em {
  display: block;
  margin-top: 10px;
}
.inmask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#inswiper1 img {
  width: 100%;
}
#inswiper1 .swiper-button-next {
  background-image: url("/static/img/ind1next.png");
  background-size: 30px 59px;
  width: 30px;
  height: 59px;
  right: 50px;
}
#inswiper1 .swiper-button-prev {
  background-image: url("/static/img/ind1prev.png");
  background-size: 30px 59px;
  width: 30px;
  height: 59px;
  left: 50px;
}
.sidebar {
  position: fixed;
  right: 20px;
  bottom: 40px;
  display: inline-block;
  z-index: 10;
}
.sidebar:hover .sidebar-ul {
  display: block;
}
.sidebar .sidebar-ul {
  display: none;
  padding: 20px 10px 30px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background-color: #e8e8e8;
  margin-bottom: -23px;
  box-shadow: 0 0 10px 1px #b5cfe8;
}
.sidebar .sidebar-ul li {
  font-size: 16px;
  color: #3b485a;
  height: 40px;
  line-height: 40px;
}
.sidebar .sidebar-ul li i {
  margin-left: 15px;
  margin-right: 5px;
}
.sidebar .sidebar-ul li i img {
  vertical-align: middle;
}
.sidebar .sidebar-ul li span {
  vertical-align: middle;
}
.sidebar .sidebar-ul li:last-child {
  padding-bottom: 50px;
  border-bottom: 1px solid #b9baba;
}
.sidebar .slidBox {
  display: inline-block;
  width: 180px;
  height: 50px;
  background-color: #eae9e8;
  border-radius: 25px;
  text-align: center;
  padding: 0 10px;
  box-shadow: 0 9px 12px -5px #b5cfe8;
}
.sidebar .slidBox .slid-img {
  float: left;
  width: 36px;
  margin-left: 15px;
  margin-right: -20px;
  margin-top: 6px;
}
.sidebar .slidBox .slid-mes h2 {
  margin-top: 4px;
  font-weight: 600;
  font-size: 18px;
  color: #3b485a;
}
.sidebar .slidBox .slid-mes h3 {
  margin-top: -2px;
  font-size: 11px;
  color: #3b485a;
}
.sidebar2 {
  position: fixed;
  right: 20px;
  bottom: 40px;
  display: inline-block;
  z-index: 10;
}
.sidebar2:hover .sidebar-ul {
  display: block;
}
.sidebar2 .sidebar-ul {
  display: none;
  padding: 20px 10px 30px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background-color: #0078eb;
  margin-bottom: -23px;
  box-shadow: 0 0px 10px 1px #b7b7b7;
}
.sidebar2 .sidebar-ul li {
  font-size: 16px;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
}
.sidebar2 .sidebar-ul li i {
  margin-left: 15px;
  margin-right: 5px;
}
.sidebar2 .sidebar-ul li i img {
  vertical-align: middle;
}
.sidebar2 .sidebar-ul li span {
  vertical-align: middle;
}
.sidebar2 .sidebar-ul li:last-child {
  padding-bottom: 50px;
  border-bottom: 1px solid #b9baba;
}
.sidebar2 .slidBox {
  display: inline-block;
  width: 180px;
  height: 50px;
  background-color: #0078eb;
  border-radius: 25px;
  text-align: center;
  padding: 0 10px;
  box-shadow: 0 9px 12px -5px #b7b7b7;
}
.sidebar2 .slidBox .slid-img {
  float: left;
  width: 36px;
  margin-left: 15px;
  margin-right: -20px;
  margin-top: 6px;
}
.sidebar2 .slidBox .slid-mes h2 {
  margin-top: 4px;
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
}
.sidebar2 .slidBox .slid-mes h3 {
  margin-top: -2px;
  font-size: 11px;
  color: #ffffff;
}
.page {
  height: 0.4rem;
  text-align: center;
  margin: 0.2rem 0;
}
.page li {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  font-size: 0.2rem;
  line-height: 0.48rem;
  text-align: center;
  border: 1px solid #dbdbdb;
  color: #666666;
}
.page .selectNum {
  background: #e6212a;
  color: #ffffff;
  border: none;
}
.page #page-pre {
  padding-right: 0.12rem;
}
.page #page-next {
  padding-left: 0.12rem;
}
.mainBox2 {
  /*background: url("/static/img/main2BG.png") no-repeat;*/
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.mainBox2 .w1536 {
  margin-top : 183px;
  /*position: absolute;*/
  /*left: 50%;*/
  /*top: 50%;*/
  /*transform: translate(-50%, -50%);*/
  /*-webkit-transform: translate(-50%, -50%);*/
  /*-moz-transform: translate(-50%, -50%);*/
  /*-ms-transform: translate(-50%, -50%);*/
}
.main2LBox {
  width: 48%;
}
.main2LBox .main2LBox-mes {
  margin-top: 5%;
}
.main2LBox .main2LBox-mes .mesLL{
  min-height: 300px;
}
.main2LBox .main2LBox-mes h1 {
  font-size: 0.48rem;
  color: #d2d2d2;
}
.main2LBox .main2LBox-mes h1 span {
  font-size: 16px;
  color: #d2d2d2;
}
.main2LBox .main2LBox-mes p {
  margin: 2% 0 3%;
  font-size: 14px;
  line-height: 28px;
  color: #d2d2d2;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.main2LBox .main2LBox-mes span {
  font-size: 18px;
  color: #e6212a;
}
.main2LBox .main2LBox-ul {
  margin-top: 5%;
}
.main2LBox .main2LBox-ul li {
  float: left;
  width: 106px;
  margin-right: 20px;
  height: 48px;
  text-align: center;
}
.main2LBox .main2LBox-ul li:nth-child(1) {
  background: url("/static/img/main2icn1a.png") no-repeat;
  background-size: 80% 80%;
}
.main2LBox .main2LBox-ul li:nth-child(1):hover {
  background: url("/static/img/main2icn1.png") no-repeat;
  background-size: 80% 80%;
}
.main2LBox .main2LBox-ul li:nth-child(2) {
  background: url("/static/img/main2icn2.png") no-repeat;
  background-size: 80% 80%;
}
.main2LBox .main2LBox-ul li:nth-child(2):hover {
  background: url("/static/img/main2icn2a.png") no-repeat;
  background-size: 80% 80%;
}
.main2LBox .main2LBox-ul li:nth-child(3) {
  background: url("/static/img/main2icn3.png") no-repeat;
  background-size: 80% 80%;
}
.main2LBox .main2LBox-ul li:nth-child(3):hover {
  background: url("/static/img/main2icn3a.png") no-repeat;
  background-size: 80% 80%;
}
.mainBox4 .main2LBox-title{ margin-top : 0.9rem;}
.main2LBox-title h1 {
  color: #ffffff;
  font-size: 0.3rem
}
.main2LBox-title h1 strong {
  font-family: "rg";
  margin-right: 10px;
}
.main2LBox-title h2 {
  font-size: 0.32rem;
  color: #ffffff;
  letter-spacing: 2px;
  margin-top: -5px;
}
.main2RBox {
  width: 48%;
  margin-top : 17px;
}
.main2RBox .vidBox {
  width: 100%;
  height: 4.5rem;
  margin-top: 120px;
}
.mainBox3 {
  background: url("/static/img/main3BG.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.mainBox3 .per3 .per3-mes {
  float: left;
  display: inline-block;
  width: 33.33333333%;
  color: #ffffff;
  text-align: center;
  position: relative;
}
.mainBox3 .per3 .per3-mes .das {
  width: 100%;
}
.mainBox3 .per3 .per3-mes h1 {
  font-size: 60px;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.mainBox3 .per3 .per3-mes .em1 {
  padding-top: 10%;
  width: 100%;
  height: 146px;
  background-image: url('/static/img/liners.png');
  background-position: 0 -217px;
  background-size: 200% 145px;
  text-align: center;
}
.mainBox3 .per3 .per3-mes em {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 4px solid #989da3;
  border-radius: 50%;
}
.mainBox3 .per3 .per3-mes em:hover {
  background: #e62129;
}
.mainBox3 .per3 .per3-mes .em2 {
  padding-top: 3.4%;
  width: 100%;
  height: 146px;
  background-image: url('/static/img/liners.png');
  background-position: 100% 30px;
  background-size: 200% 144px;
  background-repeat: repeat-x;
  text-align: center;
}
.mainBox3 .per3 .per3-mes .mt_34 {
  margin-top: -34px;
}
.mainBox3 .per3 .per3-mes p {
  font-size: 0.18rem;
  width: 56%;
  margin: 0 auto;
}
.mainBox3 .per3 .per3-mes .info3-g {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  margin-top: 10px;
}
.mainBox3 .per3 .per3-mes:nth-of-type(even) {
  margin-top: 67px;
}
.mainBox3 .per3 .per3-mes:nth-of-type(even) h1 {
  margin-top: -20px;
}
.mainBox3 .per3 .per3-mes:nth-of-type(even) em {
  top: 21%;
}
.mainBox3 .main2LBox-title {
  margin-top: 185px;
}
#in3Boxswp {
  height: 100%;
  padding-top: 8%;
}
#in3Boxswp .swiper-button-next {
  background-image: url("/static/img/yearnext.png");
  background-size: 33px 28px;
  width: 33px;
  right: 44%;
  top: 87%;
}
#in3Boxswp .swiper-button-prev {
  background-image: url("/static/img/yearprev.png");
  background-size: 33px 28px;
  width: 33px;
  height: 38px;
  left: 44%;
  top: 87%;
}
.mainBox4 {
  background: url("/static/img/main4BG.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-top: 5%;
}
.mainBox4 .w1536 {
  /*position: absolute;*/
  /*left: 50%;*/
  /*top: 55%;*/
  /*transform: translate(-50%, -50%);*/
  /*-webkit-transform: translate(-50%, -50%);*/
  /*-moz-transform: translate(-50%, -50%);*/
  /*-ms-transform: translate(-50%, -50%);*/
}
.mainBox4 .main2LBox-title h1 {
  color: #3b485a;
}
.mainBox4 .main2LBox-title h2 {
  color: #3b485a;
}
.main4LBox {
  width: 48%;
  /*margin-top : -5%;*/
  margin-top : 0;
}
.main4LBox .main4LBox-mes {
  font-family: 'rg';
  margin-top: 30px;
  margin-bottom: 15px;
}
.main4LBox .main4LBox-mes h1 {
  font-weight: bold;
  font-size: 0.38rem;
  color: #3b485a;
}
.main4LBox .main4LBox-mes h2 {
  font-size: 0.3rem;
  color: #3b485a;
}
.main4LBox .main4LBox-mes p {
  margin-top: 15px;
  font-size: 14px;
  color: #3b485a;
  line-height: 28px;
}
.main4LBox .main4LBox-ul {
  display: inline-block;
  width: 100%;
  margin-top: 3%;
}
.main4LBox .main4LBox-ul li {
  width: 25%;
  float: left;
  text-align: center;
  display: inline-block;
}
.main4LBox .main4LBox-ul li img {
  height: 50px;
}
.main4LBox .main4LBox-ul li span {
  display: block;
  margin-top: 5px;
  font-size : 12px;
}
.main4LBox .main4LBox-ul li:last-child {
  margin-right: 0;
}
.main4RBox {
  width: 48%;
  margin-top : 13.2%;
}
.main4More {
  margin-top: 5%;
  font-family: 'rg';
  font-size: 18px;
}
#main4swp {
  width: 100%;
}
#main4swp img{
  width: 100%;
}
#main4swp .swiper-button-next {
  background: url("/static/img/main4swpnext.png");
  width: 17px;
  height: 37px;
  background-size: 17px 37px;
}
#main4swp .swiper-button-prev {
  background: url("/static/img/main4swpprev.png");
  width: 17px;
  height: 37px;
  background-size: 17px 37px;
}
.main5PlatAll:hover .inmask {
  display: none;
}
.main5PlatAll:hover .main5-mes {
  display: none;
}
.m5img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.m5img img {
  width: 100%;
  height: 100%;
}
.main5-mes {
  position: absolute;
  color: #ffffff;
  text-align: center;
}
.main5-mes h1 {
  font-size: 0.34rem;
  /*text-shadow: 3px 4px 4px #a7a7a7;*/
}
.main5-mes h2 {
  font-size: 0.28rem;
  font-weight :300;
color:#999;
  /*text-shadow: 3px 4px 4px #a7a7a7;*/
}
.main5Plat1 {
  position: relative;
  width: 30%;
  height: calc(100% - 70px);
}
.main5Plat1 .m5img1 {
  width: 100%;
  height: 100%;
}
.main5Plat1 .pso {
  top: 44%;
  left: 25%;
}
.mainBox5 img {
  width: 100%;
  height: 100%;
}
.main5Box-top {
  height: 50%;
}
.main5Box-right {
  width: calc(100% - 30%);
  height: calc(100% - 70px);
}
.main5Plat2 {
  position: relative;
  width: 45%;
  height: 100%;
}
.main5Plat2 .pso {
  top: 33%;
  left: 37%;
}
.main5Plat3 {
  position: relative;
  width: 55% !important;
  height: 100%;
}
.main5Plat3 .pso {
  top: 33%;
  left: 42%;
}
.main5Box-bottom {
  height: 50%;
}
.main5Plat4 {
  position: relative;
  width: 55%;
  height: 100%;
}
.main5Plat4 .pso {
  top: 38%;
  left: 39%;
}
.main5Plat5 {
  position: relative;
  width: 45% !important;
  height: 100%;
}
.main5Plat5 .pso {
  top: 38%;
  left: 37%;
}
#mainBig {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
#mainBig .swiper-slide {
  height: 100%;
}
#mainBig .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #e62129 !important;
}
#mainBig .swiper-pagination-bullet {
  background: #3b485a;
  opacity: .4;
}
.mainBox6 {
  background: url("/static/img/main6BG.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.main6-photo {
  background: url("/static/img/photofram.png") no-repeat;
  width: 3.76rem;
  height: 4.76rem;
  position: relative;
  background-size: 100% 100%;
}
.main6-photo img {
  width: 2.38rem;
  height: 3.48rem;
  position: absolute;
  top: 12%;
  left: 16%;
}
.ma6-title {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 10%;
}
.ma6-title h1 {
  font-weight: 400;
  font-size: 0.36rem;
  color: #ffffff;
}
.ma6-title h2 {
  
  font-size: 0.18rem;
  color: #999;
}
.ma6-title p {
  width: 76%;
  margin: 0.2rem auto;
  font-size: 14px;
  color: #ffffff;
  line-height: 0.28rem;
}
#photoswp {
  margin-left:6%;
  margin-bottom: 50px;
}
.mainBox7 {
  background: url("/static/img/main7BG.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.m7left{
  width : 48%;
}
.m7right{ width : 48%;}
.m7right img{ width : 100%;}
.mainBox7 .main2LBox-title {
  margin-top: -0.23rem;
}
.mainBox8 .main2LBox-title {
  margin-top: 0.33rem;
}
.mainBox7 .main2LBox-title h1 {
  color: #3b485a;
}
.mainBox7 .main2LBox-title h2 {
  color: #3b485a;
}
.mainBox7 .m7left-mes {
  margin-top: 15%;
}
.mainBox7 .m7left-mes h1 {
  font-size: 36px;
  color: #000000;
}
.mainBox7 .m7left-mes h1 span {
  font-size: 72px;
}
.mainBox7 .m7left-mes p {
  margin-top: 15px;
  font-size: 14px;
  color: #000000;
  line-height: 28px;
}
.mainBox8 {
  /*background: url("/static/img/main8BG.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  background: #1e2832;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.m8-left{ width : 48%;}
.mainBox8 .m8-ul {
  margin-top: 0.8rem;
}
.mainBox8 .inner {
  width : 80%;
}
.mainBox8 .m8-ul li{
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.16rem;
  color: #ffffff;
}
.mainBox8 .m8-right{
  color: #ffffff;
  margin-top: 1.2rem;
}
.mainBox8 .m8-right h2{
  font-size: 18px;
}
.mainBox8 .m8-right h2 img {
  vertical-align: middle;
  margin-right: 10px;
}
.mainBox8 .m8-right h1{
  margin-top: 12px;
  font-size: 0.4rem;
  font-weight: 600;
}
.mainBox8 .m8-right .m8r-code {
  margin-top: 0.4rem;
}
.mainBox8 .m8-right .m8r-code .m8r-code1 {
  float: left;
  width: 1.28rem;
  height: 1.28rem;
  margin-right: 0.3rem;
  background: #ffffff;
  padding: 0.07rem;
}
.mainBox8 .m8-right .m8r-code .m8r-code1 img {
  width: 1.14rem;
  height: 1.14rem;
}
.mainBox8 .m8-right .m8r-code .m8r-code2 {
  float: right;
  padding-top: 30px;
  text-align: left;
  line-height: 32px;
}
.mainBox8 .m8-bot {
  margin-top: 5%;
}
.m8-bot-ul{
  display: inline-block;
  width: 59%;
}
.mainBox8 .m8-bot .m8-bot-ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.mainBox8 .m8-bot .m8-bot-ul li img{
  width: 0.8rem;
  height : 0.8rem;
}
.mainBox8 .m8-bot .m8-bot-ul li span {
  display: block;
  font-size: 16px;
  color: #ffffff;
  /*margin-top: 10px;*/
}
.mainBox8 .m8-bot p {
  margin-top: 0.8rem;
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
}
.member-ltitle {
  width: 276px;
}
.member-ltitle .memltitle-nav {
  height: 80px;
  line-height: 80px;
  font-size: 14px;
  color: #999999;
}
.member-ltitle .memltitle-cap {
  height: 50px;
  border-bottom: 1px solid #b1b6bd;
}
.member-ltitle .memltitle-cap h1 {
  font-size: 24px;
}
.member-ltitle .memltitle-ul {
  margin-top: 15px;
}
.member-ltitle .memltitle-ul li {
  font-size: 16px;
  height: 60px;
  line-height: 60px;
}
.member-ltitle .memltitle-ul li:hover {
  color: #e6212a;
}
.member-rigBox {
  width: calc(100% - 353px);
}
.memAbox-top {
  margin-top: 80px;
  text-align: center;
}
.memAbox-top .memAbox-admin img {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  box-shadow: 0 2px 24px 0 #3b485a;
}
.memAbox-top h1 {
  font-size: 24px;
  margin-top: 25px;
  color: #666666;
}
.memAbox-top h1 strong {
  color: #000000;
}
.memAbox-top h2 {
  margin-top: 20px;
  font-family: "rg";
  font-size: 14px;
  color: #0078eb;
}
.memAbox-top h2 span {
  margin-right: 15px;
  margin-left: 15px;
}
.memAbox-con {
  margin-top: 46px;
}
.mem-tl {
  font-size: 24px;
  height: 50px;
  border-bottom: 1px solid #b1b6bd;
  vertical-align: middle;
}
.mem-tl img {
  margin-right: 10px;
  vertical-align: middle;
}
.mem-tl span {
  font-size: 16px;
  margin-left: 70px;
}
.identity {
  background: url("/static/img/identity.png") no-repeat;
  height: 78px;
  position: relative;
  margin-bottom: 20px;
}
.identity span {
  color: #ffffff;
  font-size: 18px;
  margin-left: 70px;
  line-height: 60px;
}
.memOrder {
  display: inline-block;
  width: 100%;
  padding: 50px 0 0;
  border-bottom: 1px solid #e2e4e6;
}
.memOrder .memperBox-top {
  display: inline-block;
  width: 100%;
  margin-bottom: 60px;
}
.memOrder .memperBox-top .memt-img {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 30px;
}
.memOrder .memperBox-top .memt-cont {
  display: inline-block;
  width: calc(100% - 130px);
}
.memOrder .memperBox-top .memt-cont .memt-ctmes {
  float: left;
  width: 25%;
  text-align: center;
}
.memOrder .memperBox-top .memt-cont .ctmes1 {
  text-align: left;
}
.memOrder .memperBox-top .memt-cont .ctmes1 h3 {
  font-family: 'rg';
  font-size: 14px;
}
.memOrder .memperBox-top .memt-cont .ctmes1 h1 {
  margin: 15px 0;
  font-size: 18px;
  font-weight: 600;
}
.memOrder .memperBox-top .memt-cont .ctmes2 {
  text-align: center;
}
.memOrder .memperBox-top .memt-cont .ctmes2 img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 5px;
}
.memOrder .memperBox-top .memt-cont .ctmes2 span {
  display: block;
  margin-top: 5px;
}
.memOrder .memperBox-top .memt-cont .ctmes2 em {
  display: block;
  margin-bottom: 5px;
}
.memOrder .memperBox-top .memt-cont .ctmes2 .tms2On {
  display: inline-block;
  width: 84px;
  border: 2px solid #e6212a;
}
.memOrder .memperBox-top .memt-cont .ctmes3 {
  margin-top: 20px;
  font-size: 14px;
  color: #000000;
  font-weight: 600;
}
.memOrder .memperBox-top .memt-cont .ctmes3 .ptct3 {
  width: 60px;
  height: 36px;
  text-align: left;
  padding-left: 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.memOrder .memperBox-top .memt-cont .ctmes4 {
  margin-top: 20px;
  font-size: 14px;
}
.memOrder .memperBox-top .memt-cont .ctmes4 h3 {
  font-size: 14px;
  color: #000000;
}
.memOrder .memperBox-top .memt-cont .ctmes4 h3 span {
  margin-left: 50px;
}
.memOrder .memperBox-top .memt-cont .ctmes4 h2 {
  margin-top: 10px;
  color: #0078eb;
}
.memOrder .memperBox-top .memt-cont .ctmes4 .logisBtn {
  width: 85px;
  height: 32px;
  font-size: 14px;
  border-radius: 5px;
  line-height: 32px;
  background: #0078eb !important;
  color: #ffffff !important;
  border: none;
}
.memOrder .memperBox-top .memt-cont .ctmes4 .ordend img {
  vertical-align: middle;
  margin-right: 8px;
}
.memt-accont {
  font-size: 14px;
  margin-bottom: 20px;
}
.memt-accont span {
  font-size: 18px;
  font-weight: 600;
}
.border_none {
  border: none !important;
}
.Resource-top .Restop-img {
  float: left;
  margin-right: 60px;
}
.Resource-top .Restop-mes {
  margin-top: 80px;
  display: inline-block;
}
.Resource-top .Restop-mes .Restop-mes1 {
  position: relative;
}
.Resource-top .Restop-mes .Restop-mes1 .uphead {
  width: 85px;
  height: 40px;
  line-height: 40px;
  background: #0078eb !important;
  color: #ffffff !important;
  border: none;
  text-align: center;
  border-radius: 4px;
}
.Resource-top .Restop-mes .Restop-mes1 input[type=file] {
  background: red;
  width: 85px;
  height: 40px;
  display: inherit;
  position: absolute;
  top: 0;
  opacity: 0;
}
.Resource-top .Restop-mes .Restop-mes2 {
  margin-top: 30px;
  font-size: 14px;
  color: #000000;
}
.putgroup {
  margin-top: 60px;
  display: inline-block;
  width: 100%;
}
.putgroup span {
  font-size: 14px;
  float: left;
  line-height: 40px;
  width: 67px;
  text-align: right;
}
.putgroup input {
  width: 400px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  margin-left: 30px;
  border: 1px solid #dbdbdb;
  color: #666666;
  font-size: 14px;
  padding-left: 10px;
  text-align: left;
}
.putgroup .codeput {
  width: 252px;
  float: left;
}
.putgroup .getcode {
  width: 129px;
  height: 40px;
  margin-left: 20px;
  text-align: center;
  border-radius: 5px;
  background: #0078eb;
  color: #ffffff;
  font-size: 14px;
}
.putgroup select {
  display: inline-block;
  width: 32%;
  height: 40px;
  margin-left: 30px;
  border: 1px solid #dbdbdb;
  color: #666666;
  border-radius: 5px;
  padding-left: 10px;
}
.Resource-phone {
  display: inline-block;
}
.Resource-phone p {
  margin-top: 50px;
  margin-left: 100px;
}
.saveBtn {
  width: 1.28rem;
  height: 0.48rem;
  border-radius: 5px;
  text-align: center;
  line-height: 0.48rem;
  font-size: 0.16rem;
  background: #0078eb !important;
  color: #ffffff !important;
  border: none;
  margin-left: 0.95rem;
}
.phone-data {
  display: inline-block;
  margin-left: 30px;
  letter-spacing: 1px;
}
.phone-data strong {
  font-size: 24px;
  font-weight: 600;
}
.phone-data em {
  margin-left: 170px;
  width: 65px;
  height: 40px;
  background: #0078eb !important;
  color: #ffffff !important;
  border: none;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
}
.orinf-tit {
  font-size: 24px;
  color: #999999;
}
.ord-pay {
  padding: 20px 0 50px;
}
.ord-pay p {
  font-size: 15px;
  color: #000000;
  font-weight: 500;
  margin-top: 20px;
}
.ord-pay p strong {
  font-size: 24px;
  font-weight: 600;
}
.ord-pay p span {
  color: #999999;
}
.ord-logis {
  padding: 20px 0 50px;
}
.ord-logis .ord-logis-top h1 {
  margin-top: 30px;
  font-size: 18px;
  color: #000000;
  font-weight: 600;
}
.ord-logis .ord-logis-top p {
  margin-top: 10px;
  font-size: 14px;
  color: #666666;
}
.ord-logis .ord-logis-top h2 {
  margin-top: 30px;
}
.ord-logis .ord-logis-top h2 span {
  margin-right: 80px;
}
.ord-adr {
  padding: 50px 0 0;
}
.ord-adr .ord-adr-m1 {
  margin-bottom: 30px;
}
.ord-adr .ord-adr-m1 .adr-t {
  float: left;
  width: 96px;
  height: 28px;
  border-radius: 14px;
  line-height: 28px;
  background: #b1b6bd;
  text-align: center;
  color: #ffffff;
  margin-right: 30px;
}
.ord-adr .ord-adr-m1 .ord-adr-m2 {
  display: inline-block;
  color: #666666;
}
.ord-adr .ord-adr-m1 .ord-adr-m2 li {
  margin-bottom: 35px;
}
.ord-adr .ord-adr-m1 .ord-adr-m2 li p {
  margin-bottom: 10px;
}
.ord-adr .ord-adr-m1:first-child .ord-adr-m2 {
  color: #e6212a;
}
.backbtn {
  width: 128px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #dbdbdb;
  color: #666666;
  border-radius: 5px;
}
.backbtn i {
  background: url("/static/img/backicn.png");
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
.backbtn img {
  vertical-align: middle;
}
.backbtn:hover {
  background: #e6212a;
  color: #ffffff;
  border: none;
}
.backbtn:hover i {
  background: url("/static/img/backicnOn.png");
}
.backbtnon {
  background: #e6212a;
  color: #ffffff;
  border: none;
}
.backbtnon i {
  background: url("/static/img/backicnOn.png");
}
.new-addRes {
  margin-top: 10px;
  font-size: 18px;
}
.new-addRes img {
  margin-right: 10px;
}
.mem-adRs {
  padding: 30px 10px;
}
.mem-adRs .mem-adRs-left h1 {
  font-size: 18px;
  color: #000000;
  font-weight: 600;
}
.mem-adRs .mem-adRs-left p {
  margin-top: 10px;
  font-size: 14px;
  color: #666666;
}
.mem-adRs .mem-adRs-left .defBtn {
  margin-top: 20px;
  width: 85px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #0078eb !important;
  color: #ffffff !important;
  border: none;
  border-radius: 5px;
}
.mem-adRs .mem-adRs-left .defBtn-e6 {
  background: #e6212a !important;
  color: #ffffff !important;
}
.mem-adRs .mem-adRs-right {
  margin-top: 20px;
  font-size: 14px;
  color: #000000;
}
.mem-adRs .mem-adRs-right .adr-delet {
  color: #666666;
}
.mem-adRs .mem-adRs-right span {
  margin-left: 30px;
}
.Projec {
  position: fixed;
  left: 22%;
  top: 22%;
  width: 1100px;
  height: 495px;
  z-index: 12;
  background: #ffffff;
  padding: 20px 40px 40px;
  border-radius: 5px;
}
.Projec .delaret {
  height: 65px;
  float: right;
}
.Prjgroup {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
.Prjgroup span {
  font-size: 14px;
  float: left;
  line-height: 40px;
  width: 67px;
  text-align: right;
}
.Prjgroup .jgoup {
  float: left;
  width: 907px;
  margin-left: 30px;
}
.Prjgroup select {
  width: 300px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #999999;
  margin-left: 0;
  padding-left: 10px;
  border: 1px solid #dbdbdb;
  color: #666666;
  border-radius: 5px;
}
.Prjgroup select:last-of-type {
  margin-right: 0;
}
.Prjgroup input {
  width: 400px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  color: #999999;
  font-size: 14px;
  padding-left: 10px;
  text-align: left;
}
.deladress .deladress1 {
  position: fixed;
  left: 39%;
  top: 32%;
  z-index: 12;
  width: 480px;
  height: 270px;
  background: #ffffff;
  border-radius: 5px;
  padding: 32px;
}
.deladress .deladress1 .deladress2 {
  font-size: 24px;
  color: #000000;
  text-align: center;
  padding-bottom: 20px;
}
.deladress .deladress1 .deladress2 img {
  margin-right: 5px;
  vertical-align: middle;
}
.deladress .deladress1 .deladress3 {
  text-align: center;
}
.deladress .deladress1 .deladress3 h2 {
  margin-top: 30px;
  font-size: 18px;
  color: #333333;
}
.deladress .deladress1 .deladress3 h3 {
  display: inline-block;
  text-align: center;
  margin-top: 50px;
}
.deladress .deladress1 .deladress3 h3 span {
  float: left;
  width: 128px;
  height: 48px;
  border-radius: 5px;
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  border: 1px solid #dbdbdb;
  color: #666666;
  margin-right: 15px;
  margin-left: 15px;
}
.terminalBox {
  display: inline-block;
  width: 100%;
  margin-top: 0.4rem;
}
.terminalBox .terminalBox1 {
  text-align: left;
}
.terminalBox .terminalBox1 h1 {
  /*font-family: 'rg';*/
  /* font-weight: 600;*/
  font-size: 0.36rem;
  color: #273c56;
}
.terminalBox .terminalBox1 h2 {
  font-size: 0.18rem;
  color: #273c56;
}
.terminalBox1-ul {
  display: inline-block;
  margin-top: 18px;
position: absolute;
    left: 41%;
}
.terminalBox1-ul li {
  float: left;
  font-size: 0.24rem;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
  font-weight: 600;
}
.terminalBox1-ul .terOn {
  color: #e6212a;
  border-bottom: 2px solid #e6212a;
  padding-bottom: 10px;
}
.terminalBox2cn {
  display: inline-block;
  width: 100%;
  margin-top: 0.3rem;
}
.terminalBox-title {
  text-align: center;
}
.terminalBox-title h1 {
  font-size: 0.6rem;
}
.terminalBox-title h2 {
  font-weight: 600;
  font-size: 0.14rem;
  letter-spacing: 5px;
  color: #e6212a;
}
.terminalBox2-ul {
  margin-top: 0.8rem;
  display: inline-block;
  width: 100%;
}
.terminalBox2-ul li {
  width: 20%;
  text-align: center;
  float: left;
  margin-right: 0.85rem;
}
.terminalBox2-ul li .li-bg {
  position: relative;
  background: url("/static/img/term1.png") no-repeat;
  width: 3.6rem;
  height: 4.2rem;
  text-align: center;
}
.terminalBox2-ul li .li-bg h1 {
  font-family: 'rg';
  font-size: 0.36rem;
  color: #ffffff;
  padding-top: 1.5rem;
  text-shadow: 1px 1px 1px #000;
}
.terminalBox2-ul li .li-bg h2 {
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;
  letter-spacing: 1px;
}
.terminalBox2-ul li p {
  margin-top: 0.15rem;
  font-size: 0.18rem;
  line-height: 0.3rem;
  width: 3.6rem;
}
.terminalBox2-ul li:nth-of-type(4n) {
  margin-right: 0;
}
.strength {
  background: url("/static/img/terBg1.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 8rem;
  margin-top: 1.2rem;
  display: inline-block;
}
.strength .terminalBox-title {
  margin-top: 0.8rem;
  color: #ffffff !important;
}
.strength .terminalBox-title h2 {
  color: #ffffff;
}
.strength .strength-ul {
  margin-top: 1.5rem;
}
.strength .strength-ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.strength .strength-ul li img {
  height: 1.2rem;
}
.strength .strength-ul li p {
  margin-top: 0.3rem;
  font-size: 0.18rem;
  color: #ffffff;
}
.strength h3 {
  text-align: center;
  font-size: 0.24rem;
  color: #ffffff;
  margin-top: 1.5rem;
  display: inline-block;
  width: 100%;
  letter-spacing: 0.2rem;
}
.Brandadv {
  display: inline-block;
  width: 100%;
  margin-top: 0.5rem;
}
.Brandadv .Brandadv-left {
  width: 45%;
  float: left;
}
.Brandadv .Brandadv-right {
  width: 45%;
  float: right;
}
.Brandadv .Brandadv-title img {
  vertical-align: middle;
  margin-right: 0.2rem;
}
.Brandadv .Brandadv-title span {
  font-size: 0.36rem;
  vertical-align: middle;
}
.Brandadv p {
  font-family: 'rg' !important;
  margin-top: 0.3rem;
  line-height: 30px;
  font-size: 16px !important;
}
.Brandadv-ul li {
  float: left;
  width : 20%;
}
.Brandadv-ul li img{
  width : 3rem;
  height : 1.68rem;
}
.Brandadv-ul li:last-child {
  margin-right: 0;
}
.femaact-ul li {
  float: left;
  width: 29%;
  text-align: center;
  margin-top: 0.2rem;
  margin-right: 0.96rem;
}
.femaact-ul li img {
  width: 4.48rem;
  height: 2.98rem;
}
.femaact-ul li span {
  margin-top: 20px;
  font-size: 16px;
}
.femaact-ul li:nth-of-type(3n) {
  margin-right: 0;
}
.joinapply1 {
  margin-top: 50px;
}
.joinapply1 h1 {
  font-size: 18px;
  margin: 50px 0;
  font-family: "rg";
}
.applygroup {
  width: 6.4rem;
  font-size: 16px;
  display: block;
  text-align: left;
  /* margin-top: 30px; */
  margin: 0.3rem auto;
}
.applygroup h2 {
  color: #000000;
  margin-bottom: 15px;
}
.applygroup input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #dbdbdb;
  color: #666666;
  padding-left: 10px;
  border-radius: 5px;
}
.applygroup textarea {
  border: 1px solid #dbdbdb;
  color: #666666;
  width: 100%;
  height: 120px;
  padding: 10px;
  border-radius: 5px;
}
.joinapbtn {
  width: 140px;
  height: 48px;
  background: #0078eb;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
  border-radius: 5px;
  font-size: 18px;
  margin: 50px auto 30px;
}
.dle {
  display: inline-block;
  width: 100%;
  margin-top: 0.3rem;
}
.dle .eleBox-1 {
  background: url("/static/img/electsalebg1.png");
  padding-top: 0.6rem;
}
.dle .eleBox-1 img{
  width : 2.15rem;
  margin-top: 0.28rem;
  
}
.dle .eleBox-2 {
  padding-top: 1.16rem;
  background: url("/static/img/electsalebg2.png");
}
.dle .eleBox-2 .elecode {
  text-align: center;
  display: inline-block;
  background: #ffffff;
  width: 1.28rem;
  height: 1.28rem;
  padding: 0.06rem;
}
.dle .eleBox-2 .elecode img {
  width: 1.14rem;
  height: 1.14rem;
}
.dle .eleBox-2 p{
  margin-top: 0.4rem !important;
}
.dle .eleBox-3 p{
  margin-top: 0.32rem !important;
}
.dle .eleBox-3 {
  padding-top: 1.02rem;
  margin-right: 0 !important;
  background: url("/static/img/electsalebg3.png");
}
.dle .eleBox-3 img{
  width : 1.28rem;
  height : 1.28rem;
  margin-top: 0.14rem;
}
.dle .eleBox {
  float: left;
  width: 31%;
  height: 5rem;
  text-align: center;
  margin-right: 3%;
}
.dle .eleBox p {
  margin-top: 0.2rem;
  font-size: 0.18rem;
  color: #ffffff;
}
.dle .eleBox .saveBtn {
  margin: 0.3rem auto;
}
.dle .eleBox:hover .saveBtn {
  background: #e6212a !important;
}
#femaStore img{
  width : 100%;
}
.per_text1 p{
font-size:14px;
}
#femaStore .swiper-button-next {
  background: url("/static/img/femaStorenext.png");
  width: 30px;
  height: 59px;
  background-size: 30px 59px;
  right: 40px;
}
#femaStore .swiper-button-prev {
  background: url("/static/img/femaStoreprev.png");
  width: 30px;
  height: 59px;
  left: 30px;
  background-size: 30px 59px;
}
#femaStore .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #e6212a !important;
}
#femaStore .swiper-pagination-bullet {
  margin: 20px 10px;
  width: 16px;
  height: 16px;
  background: #000;
  opacity: .6;
}
.femastore-Tit {
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.3rem;
  color: #000000;
}
.purcbtn {
  width: 0.65rem;
  height: 0.32rem;
  background: #0078eb !important;
  color: #ffffff !important;
  border: none;
  text-align: center;
  line-height: 0.32rem;
  border-radius: 5px;
  font-size: 0.16rem;
}
.femastore-ul {
  display: inline-block;
  width: 100%;
}
.femastore-ul li {
  float: left;
  width: 29%;
  height: 5rem;
  background: #ffffff;
  margin-right: 6%;
  margin-bottom: 0.3rem;
}
.femastore-ul li img {
  width: 100%;
  /*height: 322px;*/
}
.femastore-ul li .femaul-mes {
  padding: 0.2rem 0.2rem;
  overflow: hidden;
}
.femastore-ul li .femaul-mes h1 {
  font-size: 0.24rem;
}
.femastore-ul li .femaul-mes p {
  margin-top: 5px;
  font-size: 0.14rem;
  color: #666666;
  margin-bottom: 0.15rem;
}
.femastore-ul li .femaul-mes .ping .f_l {
  font-size: 14px;
  color: #e6212a;
}
.femastore-ul li .femaul-mes .ping .f_l em {
  font-weight: 600;
  font-size: 24px;
  color: #e6212a;
}
.femastore-ul li .femaul-mes .ping .purcbtn {
  display: none;
}
.femastore-ul li:hover {
  box-shadow: 0 0 38px 1px #d9d9d9;
}
.femastore-ul li:hover .purcbtn {
  display: block !important;
}
.femastore-ul li:nth-of-type(3n) {
  margin-right: 0;
}
.cartBox .mem-radio {
  width: 5%;
  margin-top: 5%;
}
.cartBox .memOrder {
  width: 95%;
}
.allradioBox .allradio img {
  vertical-align: middle;
  margin-right: 10px;
}
.allradioBox .allradio span {
  margin-left: 40px;
  font-size: 16px;
  vertical-align: middle;
}
.allradioBox .memt-accont span {
  font-size: 30px;
}
.cartBtn {
  display: inline-block;
  width: 128px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #e6212a;
  color: #e6212a;
  border-radius: 5px;
}
.cartBtn:hover {
  background: #e6212a;
  color: #ffffff;
}
.cartBtnBox div {
  margin-right: 30px;
  margin-left: 30px;
}
.modelBox1 {
  position: fixed;
  top: 19%;
  left: 12%;
  z-index: 12;
  width: 1458px;
  height: 600px;
  padding: 20px 20px 50px 50px;
}
.modelBox1 .model-delet {
  width: 30px;
  height: 30px;
}
.modelBox1 .modelBox2 {
  height: 500px;
  margin-top: 30px;
}
.modelBox1 .modelBox2 .modelBox1-img {
  float: left;
  width: 500px;
  height: 500px;
  margin-right: 50px;
}
.modelBox1 .modelBox2 .modelBox1-img img {
  width: 100%;
  height: 100%;
}
.modelBox1 .modelBox2 .modelBox1-mes {
  float: right;
  width: calc(100% - 550px);
  font-family: 'rg';
}
.modelBox1 .modelBox2 .modelBox1-mes h1 {
  font-size: 24px;
}
.modelBox1 .modelBox2 .modelBox1-mes h2 {
  margin-top: 15px;
  font-size: 16px;
}
.modelBox1 .modelBox2 .modelBox1-mes .modelBox1-ul {
  height: 360px;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.modelBox1 .modelBox2 .modelBox1-mes .modelBox1-ul li {
  float: left;
  width: 78px;
  height: 78px;
  padding: 1px;
  margin-right: 15px;
  margin-bottom: 10px;
}
.modelBox1 .modelBox2 .modelBox1-mes .modelBox1-ul li img {
  width: 72px;
  height: 72px;
}
.modelBox1 .modelBox2 .modelBox1-mes .modelBox1-ul .modOn {
  border: 2px solid #e6212a;
}
.modelBox1 .modelBox2 .modelBox1-mes .purcbtn {
  margin-right: 20px;
}
.sort {
  display: none;
  color: #666666;
  position: absolute;
  top: 4px;
  margin-left: 10px;
}
.sort span {
  display: block;
  margin-bottom: 10px;
}
.upward {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-bottom: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.downward {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.carNUmBox {
  float: left;
  width: 32px;
  height: 32px;
  margin-left: 40px;
}
.carNUmBox .carNUm {
  position: absolute;
  right: -5px;
  top: -7px;
  background: #e6212a;
  color: #ffffff;
  font-family: 'rg';
  border-radius: 50%;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 16px;
  padding: 0px 3px 4px 2px;
  font-size: 12px;
  border: 1px solid #fff;
}
.chageadresBtn {
  width: 129px;
  height: 40px;
  line-height: 40px;
  background: #0078eb;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
}
.changeorder {
  width: 748px;
  height: 80px;
  border: 1px solid #e2e4e6;
  border-radius: 5px;
  padding: 10px;
}
.payCodeBox {
  margin-top: 50px;
}
.payCodeBox .payCodeBox-L {
  width: 190px;
  height: 270px;
  display: inline-block;
  margin-right: 60px;
  margin-left: 60px;
}
.payCodeBox .payCodeBox-L1 {
  width: 190px;
  height: 190px;
  border: 1px solid #dcdcdc;
  padding: 18px;
}
.payCodeBox .payCodeBox-L1 img {
  width: 155px;
  height: 155px;
}
.payCodeBox .payCodeBox-L2 {
  margin-top: 20px;
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.payCodeBox .payCodeBox-L2 img {
  vertical-align: middle;
  margin-right: 5px;
}
.odpaysuces {
  margin-top: 97px;
  margin-bottom: 60px;
}
.odpaysuces h1 {
  font-size: 60px;
  color: #0078eb;
}
.odpaysuces p {
  margin-top: 10px;
  font-size: 16px;
  color: #000000;
}
.prodBox {
  background: url("/static/img/product.jpg") no-repeat;
  background-size: 100% 100%;
  height: 360px;
  color: #ffffff;
}
.prodBox h1 {
  padding-top: 60px;
  font-size: 36px;
}
.prodBox .prodBox-ul {
  padding-top : 20%;
}
.prodBox .prodBox-ul li {
  float: left;
  font-size: 18px;
  color: #ffffff;
  margin-right: 70px;
  padding-bottom: 10px;
}
.prodBox .prodBox-ul .odOn {
  border-bottom: 2px solid #ffffff;
}
.podinfo-ul{
  overflow: hidden;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
.podinfo-ul li {
  float: left;
  /*width: 45%;*/
  width: 7rem;
  margin-top: 0.5rem;
  height: 6.3rem;
}
.podinfo-ul li a {
  display: inline-block;
  width: 100%;
}
.podinfo-ul li img {
  width: 100%;
  height: 4.48rem;
}
.podinfo-ul li .podinfo-ulmes {
  width: calc(100% - 0.4rem);
  padding: 0.2rem 0.3rem;
}
.podinfo-ul li .podinfo-ulmes h1 {
  font-size: 0.24rem;
  color: #000000;
}
.podinfo-ul li .podinfo-ulmes p {
  margin-top: 0.1rem;
  /*line-height: 0.24rem;*/
  font-size: 0.14rem;
  color: #666666;
  display: -webkit-box;overflow: hidden; white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:2;-webkit-box-orient: vertical;
}
.podinfo-ul li .podinfo-ulmes h2 {
  margin-top: 0.1rem;
  font-size: 0.16rem;
  color: #000000;
  font-weight: 600;
}
.podinfo-ul li:hover {
  box-shadow: 0 0 10px 6px #e5e5e5;
}
.podinfo-ul li:nth-of-type(2n) {
  float: right;
  /*margin-left : 1.3rem;*/
}
.overview {
  height: 50px;
  line-height: 50px;
}
.overview .carinc {
  margin-right: 20px;
}
.overview h1 {
  font-family: 'rg';
  font-size: 24px;
  display: inline-block;
}
.overview .overviewR span {
  margin-left: 50px;
  font-size: 16px;
  padding: 0 10px;
}
.overview .overviewR span img {
  margin-right: 5px;
  vertical-align: middle;
}
.overview .overviewR .ovieOn {
  color: #e6212a;
  border-bottom: 2px solid #e6212a;
}
.overview .overviewR .ckBuy {
  width: 96px;
  height: 40px;
  background: #e6212a;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
}
.overviewBox2 {
  display: inline-block;
  width: 100%;
  background: url("/static/img/beautyBG.png") no-repeat;
  height: 8rem;
  margin-top: -6px;
}
.overviewBox2 .vidBox{
  width : 9rem;
  height : 5.1rem;
  margin: 0.2rem auto;
}
.overviewBox2 .oviewBox2-1 {
  padding-top: 0.5rem;
  color: #dab161;
}
.overviewBox2 .oviewBox2-1 h1 {
  color: #fff;
  line-height: 40px;
  font-size: 20px;
}
.overviewBox2 .oviewBox2-1 p {
  color: #fff;
  line-height: 40px;
  font-size: 16px;
}
.overviewBox3 {
  display: inline-block;
  width: 100%;
  background: url("/static/img/inspiraBG.png") no-repeat;
  height: 8rem;
}
.overviewBox3 .terminalBox1 h1 {
  color: #ffffff;
}
.overviewBox3 .terminalBox1 h2 {
  color: #ffffff;
}
.overviewBox3 .overviewBox3-ul {
  display: inline-block;
  /* width: 100%; */
  margin-top: 0.8rem;
  text-align: center;
  
  padding-right: 0.5rem;
}
.overviewBox3 .overviewBox3-ul li {
  float: left;
  min-width: 2rem;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.overviewBox3 .overviewBox3-ul li img {
  min-width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.overviewBox3 .overviewBox3-ul li em {
  display: block;
  font-size: 18px;
  margin-top: 20px;
}
.overviewBox3 .overviewBox3-ul li:last-child {
  margin-right: 0;
}
.overviewBox3 .overviewBox3-ms {
  margin-top: 0.8rem;
  font-size: 14px;
  color: #ffffff;
  line-height: 36px;
}
.overviewBox3 .overviewBox3-ms p{
  width: 70%;
  margin: 0 auto;
}
.overviewBox5 {
  display: inline-block;
  width: 100%;
  background: url("/static/img/beansea.png");
  height: 8rem;
  padding-top : 0.35rem;
}
.overviewBox5 .ovox5 {
  width: 1036px;
  margin: 0 auto;
}
.overviewBox5 .ovox5-1 h1 {
  font-family: 'rg';
  font-size: 0.5rem;
  color: #0078eb;
  font-weight: 600;
}
.overviewBox5 .ovox5-1 h2 {
  font-family: 'rg';
  font-size: 30px;
  color: #0078eb;
}
.overviewBox5 .ovox5-1 h3 {
  margin-top: 0.2rem;
  font-size: 0.2rem;
  color: #000000;
}
.overviewBox5 .ovox5-2 {
  display: inline-block;
  
  
  margin-top: 0.4rem;
}
.overviewBox5 .ovox5-2 li {
  float: left;
  margin-left: 45px;
  margin-right: 45px;
  text-align: center;
}
.overviewBox5 .ovox5-2 li img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  box-shadow: 2px 10px 23px -6px #727272;
}
.overviewBox5 .ovox5-3 {
  display: block;
  margin-top: 0.4rem;
}
.overviewBox5 .ovox5-3 p {
  font-size: 18px;
  color: #000000;
  line-height: 36px;
}
.overviewBox6 {
  background: url("/static/img/styleidentification.png");
  /*height: 821px;*/
  padding-bottom : 0.5rem;
  display: inline-block;
  width: 100%;
}
.overviewBox6 .overx6 {
  font-family: 'rg';
  width: 4.04rem;
  display: inline-block;
  text-align: center;
}
.overviewBox6 .overx6 img {
  width: 100%;
  height: 2.69rem;
}
.overviewBox6 .overx6 h2 {
  margin-top: 20px;
  font-size: 18px;
}
.overviewBox6 .overx6 h3 {
  margin-top: 5px;
  font-size: 14px;
}
.overviewBox6 .overx6:hover img {
  box-shadow: 0 0 10px 1px #707070;
}
#overx6 {
  height: 5rem;
  text-align: center;
  margin-top: 0.8rem;
}
#overx6 .swiper-button-next {
  background: url("/static/img/overx6next.png");
  background-size: 36px 36px;
  width: 36px;
  height: 36px;
  right: 45%;
  top: auto;
  bottom: 0;
}
#overx6 .swiper-button-next:hover {
  background: url("/static/img/overx6nextc.png");
}
#overx6 .swiper-button-prev {
  background: url("/static/img/overx6prev.png");
  background-size: 36px 36px;
  width: 36px;
  height: 36px;
  left: 45%;
  top: auto;
  bottom: 0;
}
#overx6 .swiper-button-prev:hover {
  background: url("/static/img/overx6prevc.png");
}
.newsTop {
  font-family: 'rg';
  margin-top: 20px;
}
.newsTop h1 {
  font-size: 36px;
  color: #000000;
}
.newsTop h2 {
  margin-top: 10px;
  font-size: 14px;
  color: #787878;
}
.newsTopMes img {
  margin: 20px auto;
}
.newsTopMes p {
  margin-bottom: 30px;
  line-height: 28px;
  text-align: left;
}
.over_h {
  overflow: hidden;
}
.w100 {
  width: 100%;
}
.main_box {
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  padding-top: 144px;
  overflow: auto;
}
.main_box .content_box {
  display: inline-block;
  height: 100%;
  font-size: 0;
  text-align: center;
  box-shadow: 0 0 6px 5px #e0e0e0;
}
.main_box .content_box .loginbaner {
  width: 50%;
  height: 670px;
}
.main_box .content_box .jylogin {
  width: 50% !important;
}
.main_box .content_box .login_box {
  display: inline-block;
  padding-top: 50px;
  width: 600px;
  height: 670px;
  background: #fff;
  overflow: hidden;
  font-size: 16px;
}
.main_box .content_box .login_box .login_form {
  margin: 0 auto;
  width: 320px;
}
.main_box .content_box .login_box .login_form .login_text {
  font-size: 30px;
  color: #3b485a;
  margin-bottom: 58px;
}
.main_box .content_box .login_box .login_form .login_text img {
  margin: 2px 12px 0 0;
}
.main_box .content_box .login_box .login_form .input_form .phone_num {
  line-height: 60px;
  font-size: 16px;
  color: #000000;
  margin-bottom: 10px;
}
.main_box .content_box .login_box .login_form .input_form .code .coded {
  background: #999;
  border: 1px solid #999;
}
.main_box .content_box .login_box .login_form .input_form .inp {
  display: inline-block;
  margin-bottom: 30px;
  padding-left: 15px;
  width: 100%;
  height: 48px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 16px;
  background: transparent;
}
.main_box .content_box .login_box .login_form .input_form .but {
  padding: 0;
  background: #0078eb;
  border: none;
  color: #ffffff;
}
.main_box .content_box .login_box .login_form .input_form .forget {
  margin-top: 50px;
  padding: 0;
  color: #0078eb;
}
.main_box .content_box .login_box .login_form .input_form .have {
  color: #0078eb;
}
.main_box .content_box .login_box .login_form .input_form .w256 {
  width: 256px;
}
.main_box .content_box .login_box .login_form .input_form .w128 {
  width: 128px;
}
.main_box .content_box .login_box .login_form .input_form .w175 {
  width: 175px;
}
.main_box .content_box .login_box .login_form .other {
  padding-top: 50px;
}
.main_box .content_box .login_box .login_form .other div {
  display: inline-block;
}
.main_box .content_box .login_box .login_form .other div span {
  margin-top: 8px;
  margin-right: 10px;
}
.main_box .content_box .login_box .login_form .other div .ml26 {
  margin-left: 26px;
}
.main_box .content_box .login_box .login_form.w400 {
  width: 400px;
}
.main_box .content_box .login_box.over_box {
  padding-top: 60px;
}
.main_box .content_box .login_box.over_box .reg_over {
  font-size: 60px;
  color: #0078eb;
}
.main_box .content_box .login_box.over_box .uer_m {
  margin-top: 16px;
  font-size: 16px;
  color: #000000;
}
.main_box .content_box .login_box.over_box .reg_btn {
  margin: 0 auto;
  padding-top: 60px;
  width: 300px;
}
.main_box .content_box .login_box.over_box .reg_btn button {
  width: 126px;
  height: 38px;
  border-radius: 4px;
  font-size: 16px;
  border: 1px solid #0078eb;
}
.main_box .content_box .login_box.over_box .reg_btn button.zy {
  color: #0078eb;
}
.main_box .content_box .login_box.over_box .reg_btn button.ws {
  background: #0078eb;
  color: #ffffff;
}
.reference {
  margin-top: 50px;
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.main_b {
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
}
.db {
  display: block;
}
.h866 {
  height: 866px;
}
.art_space .swiper_box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: #fff;
}
.art_space .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.art_space .swiper-slide {
  background-size: cover;
  background-position: center;
}
.art_space .gallery-top {
  height: 88%;
  width: 100%;
}
.art_space .gallery-thumbs {
  height: 12%;
  box-sizing: border-box;
  padding: 10px 0;
  background: #000;
}
.art_space .gallery-thumbs .swiper-slide {
  width: 140px;
  height: 100%;
  opacity: 0.2;
  border: 1px solid transparent;
}
.art_space .gallery-thumbs .swiper-slide-active {
  opacity: 1;
  border: 1px solid #fff;
}
.art_space .swiper_btn {
  background-size: 12px 30px;
}
.art_space .swiper_l {
  left: 14%;
}
.art_space .swiper_r {
  right: 14%;
}
.art_space .opa {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 18;
}
.art_space .opa img {
  vertical-align: middle;
}
.art_space .opa.closeP {
  right: 2%;
  top: 14%;
}
.art_space .opa.go_opa {
  left: 10px;
  bottom: 10px;
}
.originality .origina {
  background: #fff;
  font-size: 24px;
  color: #000000;
  border-bottom: 1px solid #d9dbdf;
}
.originality .origina .origina_box {
  position: relative;
  height: 80px;
}
.originality .origina .origina_box .origina_div {
  display: inline-block;
}
.originality .origina .origina_box .origina_div .tab_box {
  margin-top: 30px;
}
.originality .origina .origina_box .origina_div span {
  margin: 22px 20px 20px;
}
.originality .origina .origina_box .origina_div .arrows_b {
  margin-top: 36px;
  width: 18px;
  height: 10px;
  background: url('/static/img/arrows_b.png');
}
.originality .origina .origina_box .origina_div:hover {
  color: #e62129;
}
.originality .origina .origina_box .origina_div:hover .arrows_b {
  background: url('/static/img/arrows_ur.png');
}
.originality .origina .origina_box .origina_div:hover .origina_ta {
  display: block;
}
.originality .origina .origina_box .origina_div .origina_ta {
  position: absolute;
  display: none;
  width: 162px;
  top: 80px;
  left: 44px;
  background: #fff;
  color: #3b485a;
}
.originality .origina .origina_box .origina_div .origina_ta p {
  padding-left: 30px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}
.originality .origina .origina_box .origina_div .origina_ta p:hover {
  color: #e62129;
}
.originality .origina .origina_box .origina_div .origina_ta div {
  text-align: center;
  padding-bottom: 20px;
}
.originality .origina .origina_box .origina_div .origina_ta div button {
  width: 84px;
  height: 32px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  background: #0078eb;
}
.originality .origina .origina_box .view {
  margin-top: 24px;
  position: relative;
  z-index: 5;
}
.originality .origina .origina_box .view:hover .scode {
  background: url('/static/img/srcode.png');
}
.originality .origina .origina_box .view:hover button {
  background: #e62129;
  width: 128px;
  padding-left: 30px;
}
.originality .origina .origina_box .view:hover button::before {
  content: "";
  position: absolute;
  left: 14px;
  width: 20px;
  height: 20px;
  background: url('/static/img/ss260.png');
}
.originality .origina .origina_box .view:hover .code_u {
  display: block;
}
.originality .origina .origina_box .view .scode {
  margin-top: 2px;
  width: 28px;
  height: 28px;
  background: url('/static/img/scode.png');
}
.originality .origina .origina_box .view button {
  position: relative;
  margin-left: 40px;
  width: 98px;
  height: 32px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  background: #0078eb;
}
.originality .origina .origina_box .view .code_u {
  position: absolute;
  display: none;
  top: 52px;
  left: -80px;
}
.originality .original_box .orbanner {
  position: relative;
  margin: 60px 0;
}
.originality .original_box .orbanner img {
  width: 100%;
}
.originality .original_box .orbanner .simle {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 40px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 438px;
  height: 180px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: center;
}
.originality .original_box .orbanner .simle .simle_title {
  font-size: 48px;
  height: 70px;
}
.originality .original_box .orbanner .simle .simle_title span {
  font-weight: bold;
}
.originality .original_box .orbanner .simle .simle_text {
  font-size: 24px;
}
.originality .original_box .nature .nature_titley {
  margin-top: 95px;
  font-size: 60px;
  color: #b49458;
}
.originality .original_box .nature .nature_titlec {
  font-size: 30px;
  color: #b49458;
  margin-bottom: 28px;
}
.originality .original_box .nature .nature_text {
  font-size: 14px;
  margin-bottom: 74px;
}
.originality .original_box .nature .natrue2 {
  width: 100%;
  margin-bottom: 50px;
}
.originality .original_box .nature .img_box .img_boxl {
  width: 35%;
}
.originality .original_box .nature .img_box .img_boxl .img_boxt img {
  float: left;
  width: 44%;
  margin-right: 3.7%;
  margin-bottom: 20px;
  box-shadow: 3px 3px 7px 5px #e0e0e0;
}
.originality .original_box .nature .img_box .img_boxl .img_boxb {
  margin-top: 10px;
  width: 91.8%;
}
.originality .original_box .nature .img_box .img_boxr {
  width: 65%;
}
.originality .original_box .nature .img_box .img_boxr img {
  width: 100%;
}
.originality .original_box .nature .img_box .img_boxr .natrue3 {
  margin-top: 4px;
}
.originality .original_box .wxcode {
  margin: 100px 0 160px;
}
.originality .original_box .wxcode .wxcode_box {
  display: inline-block;
  width: 480px;
  height: 240px;
  border: 1px solid #cccccc;
}
.originality .original_box .wxcode .wxcode_box .msg {
  padding-top: 20px;
  width: 50%;
  font-size: 24px;
  color: #3b485a;
}
.originality .original_box .wxcode .wxcode_box .msg button {
  width: 98px;
  height: 40px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  background: #0078eb;
}
.originality .original_box .wxcode .wxcode_box .msg button:hover{
  background: #e62129;
}
.originality .original_box .wxcode .wxcode_box .code {
  margin: 20px;
  width: 199px;
}
.originality1 .originality_box {
  position: relative;
  background: #a3a8ab;
}
.originality1 .originality_box .cyfg1 {
  width: 70%;
}
.originality1 .originality_box .cyfg_wrap {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30%;
}
.originality1 .originality_box .cyfg_wrap .cyfg_box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68%;
  color: #ffffff;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.originality1 .originality_box .cyfg_wrap .cyfg_box .title {
  font-size: 0.4rem;
  margin-bottom: 0.1rem;
}
.originality1 .originality_box .cyfg_wrap .cyfg_box .text {
  font-size: 0.17rem;
  line-height: 0.3rem;
}
.originality1 .originality_box .cyfg_wrapr {
  left: 0;
  top: 0;
}
.color_service .psbanner {
  width: 100%;
}
.color_service .color_title {
  margin-bottom: 20px;
  font-size: 0.32rem;
}
.color_service .color_text {
  font-size: 0.18rem;
  line-height: 30px;
  display: none;
}
.color_service .color_box {
  margin-bottom: 0.4rem;
}
.color_service .color_box .color_wrap {
  margin-top: 40px;
}
.color_service .color_box .color_wrap img {
  float: left;
  width: 24.48%;
  margin-left: 0.4%;
  margin-top: 8px;
}
.color_service .color_tab .sys_tab {
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
  border-bottom: 2px solid #dfe0d8;
}
.color_service .color_tab .sys_tab .sys_contanier {
  width: 100%;
  height: 116px;
}
.webMes{
  height: 3rem;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box {
  position: relative;
  padding-top: 0.18rem;
  top: 4px;
  float: left;
  margin-left: 4%;
  width: 8%;
  height: 114px;
  text-align: center;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div.back_g1 {
  background-color: #dfe0d8;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div.back_g2 {
  background-color: #efd3b9;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div.back_g3 {
  background-color: #9dcce6;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div.back_g4 {
  background-color: #c9eaa7;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div.back_g5 {
  background-color: #fbacae;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div.back_g6 {
  background-color: #ffe76f;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div.back_g7 {
  background-color: #aeb6ae;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box > div.back_g8 {
  background-color: #1402d8;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box p {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}
.color_service .color_tab .sys_tab .sys_contanier .sys_box.check {
  border: 2px solid #dfe0d8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom: 2px solid #fff;
}
.color_service .series {
  width: 80%;
  margin: 0 auto;
}
.color_service .series .color_text {
  width: 100%;
}
.color_service .color_swiper {
  position: relative;
  margin-top: 0.5rem;
  width : 100%;
}
.color_service .color_swiper .swiper-container {
  margin: 0 auto;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  height: 5.36rem;
}
.color_service .color_swiper .swiper-container img{
  width:100%;
}
.color_service .color_swiper .swiper-button-white {
  opacity: 0;
}
.color_service .color_swiper .swiper_btn {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 79px;
  background-size: 30px 79px;
}
.color_service .color_swiper .swiper_btnr {
  right: calc(50% - 560px);
  background-image: url('/static/img/barrows_r.png');
}
.color_service .color_swiper .swiper_btnl {
  left: calc(50% - 560px);
  background-image: url('/static/img/barrows_l.png');
}
.color_service .series_box {
  margin: 0 auto;
  width: 1024px;
  padding: 0.2rem 0 0.2rem 0;
}
.color_container{
  height: 5.36rem;
  width: 1024px;
}
.color_container img{
  width : 100%;
}
.color_service .series_box .series_tab:nth-of-type(7n){
  margin-right : 0;
}
.color_service .series_box .series_tab {
  float: left;
  width: 10%;
  /* margin-right: 0.5rem; */
  margin-bottom: 0.2rem;
  text-align: center;

}
.color_service .series_box .series_tab img {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

.color_service .series_box .series_tab h1 {
  display: block;
  color: #666;

}
.color_service .color_ex {
  margin: 0 auto;
  padding-bottom: 1rem;
  width: 1024px;
}
.color_service .color_ex p:first-child {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 18px;
}
.color_service .color_ex p:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background: url('/static/img/warner.png');
  background-size: 100% 100%;
}
.refresh .banner_re {
  position: relative;
}
.refresh .banner_re button {
  position: absolute;
  left: 50%;
  bottom: 14%;
  width: 240px;
  height: 60px;
  border-radius: 5px;
  color: #ffffff;
  background: #e6212a;
  font-size: 18px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.refresh .refresh_box {
  position: relative;
  padding-top: 0.7rem;
  margin-top: -6px;
  background: #fff;
}
.refresh .refresh_box .bgccc {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.refresh .refresh_box .refresh_tab .refresh_div {
  float: left;
  width: 15.625%;
  margin-left: 12.5%;
}
.refresh .refresh_box .refresh_tab .refresh_div:first-child {
  margin-left: 0;
}
.refresh .refresh_box .refresh_tab .refresh_div img {
  width: 100%;
  margin-bottom: 38px;
}
.refresh .refresh_box .refresh_tab .refresh_div p:nth-child(2) {
  font-size: 0.24rem;
}
.refresh .refresh_box .refresh_tab .refresh_div p:nth-child(3) {
  font-size: 0.14rem;
}
.refresh .refresh_box .refresh_step {
  padding-top: 0.7rem;
}
.refresh .refresh_box .refresh_step .step_title {
  font-size: 0.48rem;
  color: #0162c0;
  font-weight: bold;
}
.refresh .refresh_box .refresh_step .step_text {
  font-size: 0.36rem;
  color: #999999;
}
.refresh .refresh_box .refresh_step .setp_box {
  margin: 100px auto;
  width: 1220px;
  height: 1056px;
  background: url('/static/img/ellipsis.png') center no-repeat;
}
.refresh .refresh_box .refresh_step .setp_box .setp_tab .setp_d {
  width: 542px;
}
.refresh .refresh_box .refresh_step .setp_box .setp_tab .setp_d > p:first-child {
  font-size: 36px;
}
.refresh .refresh_box .refresh_step .setp_box .setp_tab .setp_d > p:last-child {
  font-size: 16px;
}
.refresh .refresh_box .refresh_step .setp_box .setp_tab .setp_img img {
  float: left;
  margin-left: 40px;
}
.refresh .refresh_box .refresh_step .setp_box .setp_tab .setp_img img:first-child {
  margin-left: 0;
}
.refresh .refresh_box .refresh_step .setp_box .mt36 {
  margin-top: 36px;
}
.refresh .refresh_box .refresh_step .setp_box .mt120 {
  margin-top: 120px;
}
.refresh .refresh_box .refresh_step .re_btn {
  margin-bottom: 150px;
  width: 240px;
  height: 60px;
  border-radius: 5px;
  color: #ffffff;
  background: #0162c0;
  font-size: 18px;
  box-shadow: 1px 1px 2px 2px #c1d7ec;
}
.color_016 {
  color: #0162c0;
}
.color_f95 {
  color: #f95606;
}
.color_01c {
  color: #01c2c4;
}
.color_2ab {
  color: #2ab100;
}
.font_s24 {
  font-size: 24px;
}
.font_s30 {
  font-size: 30px;
}
.font_s48 {
  font-size: 48px;
}
.flow_sevrice .flow_title {
  padding: 80px 0 3px;
  font-size: 36px;
  color: #273c56;
}
.flow_sevrice .flow_titley {
  font-size: 18px;
  color: #273c56;
}
.flow_sevrice .opa_box {
  padding-bottom: 1.5rem;
}
.flow_sevrice .opa_box .opa {
  font-size: 0.48rem;
}
.flow_sevrice .opa_box .opa_tab {
  margin-top: 0.5rem;
}
.flow_sevrice .opa_box .opa_tab li {
  float: left;
  width: 32%;
  text-align: center;
}
.flow_sevrice .opa_box .opa_tab li .tab_num {
  font-size: 0.96rem;
  color: #0078eb;
  font-style: italic;
}
.flow_sevrice .opa_box .opa_tab li .tab_p1 {
  font-size: 0.18rem;
}
.flow_sevrice .opa_box .opa_tab .ml0 {
  margin-left: 0;
}
.flow_sevrice .opa_box .serp {
  margin-top: 100px;
  margin-bottom: 60px;
  width: 1332px;
}
.flow_sevrice .opa_box .msg {
  line-height: 30px;
}
.aftersale_service {
  margin-bottom: -7px;
}
.aftersale_service .aftersale_banner {
  background: url(/static/img/teambanner.png);
  background-size: cover;
  padding-bottom: 56px;
}
.aftersale_service .aftersale_banner .after_banner {
  width: 100%;
}
.aftersale_service .aftersale_banner .banner_p {
  color: #ffffff;
}
.aftersale_service .aftersale_banner .banner_p .banner_t {
  font-size: 36px;
}
.aftersale_service .aftersale_banner .banner_p .banner_y {
  font-size: 18px;
}
.aftersale_service .aftersale_banner .banner_p .five_s {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 136px 50px 0 0;
  width: 830px;
  height: 470px;
  font-size: 18px;
  background: url('/static/img/five_service.png');
  -webkit-transform: translate3d(-50%, -40%, 0);
  -moz-transform: translate3d(-50%, -40%, 0);
  -ms-transform: translate3d(-50%, -40%, 0);
  -o-transform: translate3d(-50%, -40%, 0);
  transform: translate3d(-50%, -40%, 0);
}
.aftersale_service .aftersale_banner .banner_p .five_s p {
  line-height: 34px;
}
.aftersale_service .aftersale_banner .banner_p .five_s button {
  margin-top: 15px;
  width: 64px;
  height: 32px;
  border-radius: 4px;
  background: #0078eb;
}
.aftersale_service .aftersale_text {
  padding: 70px 0 150px;
  line-height: 25px;
}
.aftersale_service .team_box {
  width: 100%;
}
.aftersale_service .team_box .img_box {
  margin: 90px 0 100px;
}
.aftersale_service .team_box .img_box img {
  float: left;
  margin-left: 4%;
  width: 22%;
}
.aftersale_service .team_box .img_box img:first-child {
  margin-left: 0;
}
.aftersale_service .team_box .coun {
  position: relative;
  display: inline-block;
  padding-left: 48px;
}
.aftersale_service .team_box .coun::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 37px;
  height: 24px;
  background: url('/static/img/germanyl.png');
}
.aftersale_banner1 {
  background: url(/uploads/img/20180628/97f6e352cd9bd845729d681541a91994.png);
  background-size: cover;
  padding-bottom: 56px;
}
.shop_list {
  margin-top: 36px;
  height: 7.3rem;
  box-shadow: 1px 1px 6px 6px #e0e0e0;
}
.shop_list .list {
  padding: 0.4rem;
  width: 46%;
}
.shop_list .list .list_select {
  padding: 0 15px;
  height: 0.46rem;
  border-radius: 4px;
  border: 1px solid #b4bac4;
  font-size: 0.22rem;
  color: #3b485a;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("/static/img/arrow_bh.png") no-repeat scroll 98% center transparent;
}
.shop_list .list .list_select.pro {
  background: url("/static/img/arrow_bh.png") no-repeat scroll 95% center transparent;
}
.shop_list .list .w257 {
  width: 46%;
}
.shop_list .local > p {
  position: relative;
  margin-top: 10px;
  padding-left: 35px;
  font-size: 16px;
}
.shop_list .local > p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url('/static/img/local.png');
}
.shop_list .local > button {
  width: 1.4rem;
  height: 0.48rem;
  border-radius: 4px;
  font-size: 0.18rem;
  color: #ffffff;
  background: #0078eb;
}
.shop_list .result {
  font-size: 0.21rem;
  color: #afb2b8;
}
.shop_list .list_box {
  height: 3.45rem;
  overflow: auto;
}
.shop_list .list_box .list_tab .num {
  margin: 0.2rem 0.16rem 0 0;
  width: 0.36rem;
  height: 0.36rem;
  text-align: center;
  line-height: 0.36rem;
  color: #9da3ac;
  border: 1px solid #9da3ac;
  border-radius: 50%;
}
.shop_list .list_box .list_tab .num:hover {
  color: #ffffff;
  background: #e62129;
  border: 1px solid #e62129;
}
.shop_list .list_box .list_tab .cont {
  padding: 0.2rem 0;
  font-size: 0.14rem;
  color: #3b485a;
  border-bottom: 1px solid #d8dade;
  width: 83%;
}
.shop_list .list_box .list_tab .cont .cont_name {
  font-size: 0.22rem;
}
.shop_list .map_box {
  width: 53%;
  height: 100%;
}
.carinc {
  margin: 35px 25px 0 0;
}
.font_14 {
  font-size: 14px;
}
.font_18 {
  font-size: 18px;
}
.font_36 {
  font-size: 36px;
}
.color_666 {
  color: #666666;
}
.color_e62 {
  color: #e62129;
}
.color_3b4 {
  color: #3b485a;
}
.color_fff {
  color: #ffffff;
}
.color_273 {
  color: #273c56;
}
.mb10 {
  margin-bottom: 10px;
}
.ml40 {
  margin-left: 20px;
}
.fwb {
  font-weight: bold;
}
.series_box {
  /*padding: 20px 0 80px 0;*/
}
.series_box .main_img {
  width: 45%;
  /*height: 600px;*/
}
.series_box .detail_box {
  width: 53%;
}
.series_box .detail_box .area span {
  margin-right: 20px;
  color: #e62129;
}
.series_box .detail_box .addr {
  position: relative;
  padding-left: 24px;
}
.series_box .detail_box .addr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 18px;
  background: url('/static/img/addr.png');
}
.series_box .detail_box .addr span {
  margin-left: 23px;
  color: #0078eb;
}
.series_box .detail_box .opa span {
  float: left;
}
.series_box .detail_box .opa span:first-child {
  height: 32px;
  line-height: 32px;
}
.series_box .detail_box .opa span:nth-child(2) {
  margin-left: 20px;
  width: 84px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #cccccc;
}
.series_box .detail_box .opa span:last-child {
  margin-left: 20px;
  width: 84px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #cccccc;
}
.series_box .detail_box .opa span.check {
  border: 2px solid #e62129;
}
.series_box .detail_box .num span {
  float: left;
  height: 40px;
  line-height: 40px;
}
.series_box .detail_box .num .reduce {
  margin-left: 20px;
  width: 38px;
  text-align: center;
  border: 1px solid #ccc;
}
.series_box .detail_box .num .add {
  width: 38px;
  text-align: center;
  border: 1px solid #ccc;
}
.series_box .detail_box .num .number {
  float: left;
  width: 60px;
  height: 40px;
  line-height: 40;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  outline: none;
}
.series_box .detail_box .img_list .img_box li {
  float: left;
  padding: 2px;
  margin: 0 12px 12px 0;
  width: 76px;
  height: 76px;
  border: 2px solid transparent;
}
.series_box .detail_box .img_list .img_box li img {
  width: 100%;
  height: 100%;
}
.series_box .detail_box .img_list .img_box li.check {
  border: 2px solid #e62129;
}
.series_box .detail_box .package {
  padding: 24px 30px;
  border: 1px solid #ccc;
}
.series_box .detail_box .package.check {
  border: 1px solid #e62129;
}
.addr_box {
  padding: 60px 0 100px;
  background: #ebf0f5;
}
.addr_box .tite {
  font-family: 'rg';
  font-weight: 600;
  font-size: 0.36rem;
  color: #273c56;
}
.addr_box .titey {
  margin-bottom: 40px;
  font-size: 0.18rem;
  color: #273c56;
}
.text_box {
  padding: 1rem 0 1.5rem;
}
.text_box .te_opa {
  padding-right: 18px;
  color: #0078eb;
}
.text_box .serPrs {
  padding: 60px 0 200px;
}
.text_box .serPrs img {
  width: 1332px;
}
.shopping_cart {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 90px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.shopping_cart .price {
  height: 90px;
  line-height: 90px;
}
.shopping_cart .price_num span {
  height: 90px;
  line-height: 90px;
}
.shopping_cart .price_num button {
  float: left;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #e62129;
}
.shopping_cart .price_num .car {
  margin: 20px 40px 0 60px;
  width: 126px;
  color: #e62129;
}
.shopping_cart .price_num .buy {
  margin-top: 20px;
  width: 96px;
  color: #ffffff;
  background: #e62129;
}
.img_li {
  padding: 10px;
}
.img_li img {
  width: 100%;
  height: 100%;
}
.img_li .img_ll {
  position: relative;
  width: 50%;
}
.img_li .maskk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.img_li .maskk .mask_p {
  position: absolute;
  width: 100%;
  top: 50%;
  color: #ffffff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.img_li .img_rr {
  width: 49%;
}
.img_li .img_rr img {
  position: absolute;
  left: 0;
  top: 0;
}
.img_li .img_rr .img_tt {
  position: relative;
  height: 0;
  padding-top: 45.2%;
}
.img_li .img_hover:hover .maskk {
  display: none;
}
.over_t3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.story .nav_tab {
  position: fixed;
  left: 30px;
  top: 120px;
  width: 36px;
  height: 36px;
  z-index: 12;
  background: url('/static/img/tab_boxi.png');
}
.story .nav_tab:hover {
  background: url('/static/img/tab_boxic.png');
}
.story .nav_tab:hover .nav_list {
  display: block;
}
.story .nav_tab .nav_list {
  position: absolute;
  left: 36px;
  top: 0;
  padding: 10px 0 10px 30px;
  display: none;
  width: 142px;
  background: #3b485a;
  color: #ffffff;
}
.story .nav_tab .nav_list p {
  height: 46px;
  line-height: 46px;
}
.story .nav_tab .nav_list p:hover {
  color: #e62129;
}
.story .brand_story {
  padding-top: 6%;
}
.story .brand_story .img_video {
  width: 52%;
  height: 440px;
}
.story .brand_story .img_video iframe {
  width: 100% !important;
  height: 100% !important;
}
.story .brand_story .story_text {
  width: 41%;
  height: 440px;
  overflow: auto;
}
.story .brand_story .story_text .story_tit {
  font-size: 36px;
  color: #273c56;
}
.story .brand_story .story_text .story_tity {
  font-size: 18px;
  color: #273c56;
  margin-bottom: 2%;
}
.story .story_list {
  position: relative;
  margin-top: 2%;
}
.story .story_list .op0 {
  opacity: 0;
}
.story .story_list .swiper-container {
  height: 100%;
  width: 92%;
}
.story .story_list .story_list_btn {
  position: absolute;
  top: calc(50% - 22px);
  width: 22px;
}
.story .story_list .story_list_btn_l {
  left: 0;
}
.story .story_list .story_list_btn_r {
  right: 0;
}
.story .mainBox3 {
  padding-top: 0.2rem;
  height: auto;
  margin-top : 2%;
}
.story .mainBox3 .jy-prs {
  height: 6.8rem !important;
  padding-top: 0.15rem !important;
  padding-bottom : 1.5rem;
}
.story .mainBox6 {
  padding: 0.2rem 0rem;
  background: #ebf0f5;
}
.photoswp2{
  margin-top : 0.3rem !important;
}
.onor-text{
  width: 70%;
  margin: 0 auto;
  line-height: 0.28rem;
}
.story .fwal {
  padding: 0.2rem 0rem;
  /*height: 8.5rem;*/
  background: url('/static/img/fwbg.png');
  background-position: cover;
}
.story .fwal .swiper-container {
  margin-top: 0.6rem;
  height: 76%;
  padding-bottom : 1.5rem;
}
.story .fwal .swiper-container .bannr {
  position: relative;
  width: 100%;
  height: 4.4rem;
  color: #ffffff;
  font-size: 12px;
}
.banner-mes h1{
  font-size : 24px;
  color: #fff;
}
.story .fwal .swiper-container .bannr:hover > div {
  display: block;
}
.story .fwal .swiper-container .bannr img {
  width: 100%;
  height: 100%;
}
.story .fwal .swiper-container .bannr > div {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  padding: 0.4rem;
  width: 80%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.story .fwal .swiper-container .bannr > div > div {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 40px;
}
.story .fwal .swiper-container .bannr > div > div button {
  width: 72px;
  height: 36px;
  color: #ffffff;
  background: #e62129;
  border-radius: 4px;
  font-size: 16px;
}
.story .fwal .swiper-button-next {
  right: 44%;
  top: 90%;
  width: 40px;
  height: 40px;
  background: url('/static/img/yyy_r.png');
  background-size: 40px 40px;
}
.story .fwal .swiper-button-next:hover{
  background: url('/static/img/yyy_rc.png');
  background-size: 40px 40px;
}
.story .fwal .swiper-button-prev:hover{
  background: url('/static/img/yyy_lc.png');
  background-size: 40px 40px;
}
.story .fwal .swiper-button-prev {
  left: 44%;
  top: 90%;
  width: 40px;
  height: 40px;
  background: url('/static/img/yyy_l.png');
  background-size: 40px 40px;
}
.story .rmp11 {
  padding: 0.2rem 0rem;
  /*height: 7.5rem;*/
  background: url('/static/img/rpm11.png');
  /*background-position: cover;*/
}
.story .rmp11 .logo_box {
  margin-top: 0.3rem;
}
.story .rmp11 .logo_box > div {
  width: 43%;
}
.story .rmp11 .logo_box > div .logo_t {
  margin: 15px;
}
.story .dynamic {
  padding: 0.2rem 0;
}
.story .dynamic .dynamic_ul {
  margin-top: 0.3rem;
}
.story .dynamic .dynamic_ul li {
  float: left;
  width: 45%;
  margin-left: 7%;
  margin-bottom: 36px;
  min-height: 170px;
}
.story .dynamic .dynamic_ul li img{
  width : 45%;
  height: 1.6rem;
}
.story .dynamic .dynamic_ul li .dynamic_t {
  padding-top: 5px;
  width: 53%;
}
.story .dynamic .dynamic_ul li .dynamic_t p:nth-child(2) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0.1rem 0;
}
.story .dynamic .dynamic_ul li:nth-child(odd) {
  margin-left: 0;
}
.story .dynamic .num_span .num_span_box {
  display: inline-block;
}
.story .dynamic .num_span .num_span_box li {
  float: left;
  width: 46px;
  height: 46px;
  margin-left: 20px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #cecfcf;
  border-radius: 50%;
  color: #969696;
  font-size: 20px;
}
.story .dynamic .num_span .num_span_box li:hover {
  background: #e62129;
  border: 1px solid #e62129;
  color: #ffffff;
}
.story .dynamic .num_span .num_span_box li img {
  vertical-align: middle;
  width: 12px;
}
.story .dynamic .num_span .num_span_box li.opaaa {
  line-height: 40px;
}
.story .logo_box .font_14 span {
  line-height: 30px;
  font-size: 16px;
}
.ainG {
  background: url("/static/img/inbanner1.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.mapDian {
  width: 0.2rem;
  height: 0.2rem;
  background: #e6212a;
  border: 3px solid #fff;
  position: absolute;
  top: 60.5%;
  left: 51.5%;
  border-radius: 50%;
  -webkit-animation: twinkling 1s infinite ease-in-out;
  -moz-animation: twinkling 1s infinite ease-in-out;
  -ms-animation: twinkling 1s infinite ease-in-out;
  -o-animation: twinkling 1s infinite ease-in-out;
}
.dowbbn {
  position: absolute;
  width: 28px;
  height: 59px;
  background: url(/static/img/dowbbtn.png) no-repeat center;
  background-size: 100% 100%;
  bottom: 5%;
  left: 50%;
  margin-left: -13px;
  animation: mymove 1.5s infinite;
  -webkit-animation: mymove 1.5s infinite;
  cursor: pointer;
  z-index: 2;
}
.Animation {
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
}
.chagetrueBtn {
  width: 129px;
  height: 40px;
  line-height: 40px;
  background: #e6212a;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
}
.gis-top {
  display: block;
  width: 500px;
  padding-left: 20px;
  margin-top: 30px;
}
.gis-top h1 {
  margin-top: 15px !important;
}
.gis-top p {
  margin-bottom: 15px;
}
.gisON {
  border: 1px solid #e6212a;
  border-radius: 10px;
}
.gisON h1 {
  color: #e6212a !important;
}
.chageAdres {
  display: none;
}
#gallery .swiper-slide img {
  width: 100%;
}
.add-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 2;
}
/**/
.in3Boxswp_slide {
  
  padding-top: 2rem;
  color: #fff;
}
.in3Boxswp_box {
  position: relative;
  float: left;
  width: 33.33333%;
  height: 1.46rem;
  background-image: url('/static/img/liners.png');
  background-size: 200% 100%;
  
}
.in3Boxswp_box.in3Boxswp_o {
  background-position: 0 center;
}
.in3Boxswp_box.in3Boxswp_e {
  background-position:100% center;
}
.in3Boxswp_slide .info3-g {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
}


.in3Boxswp_slide .in3Boxswp_box .per_text1 {
  position: absolute;
  left: 22%;
  width: 56%;
  font-size: 0.18rem;
}
.in3Boxswp_slide .in3Boxswp_box .time {
  position: absolute;
  width: 100%;
  font-size: .6rem;
}

.in3Boxswp_slide .in3Boxswp_o .per_text1 {
  top: -1.8rem;
}
.in3Boxswp_slide .in3Boxswp_o .per_text1 .info3-g {
  margin-bottom: 0.1rem;
}
.in3Boxswp_slide .in3Boxswp_o .time {
  top: 2rem;
}

.in3Boxswp_slide .in3Boxswp_e .per_text1 {
  top: 0.8rem;
}
.in3Boxswp_slide .in3Boxswp_e .per_text1 .info3-g {
  margin-top: 0.2rem;
}
.in3Boxswp_slide .in3Boxswp_e .time {
  top: -1.6rem;
}
/*over6*/
.overviewBox4 {
  height: 8rem;
}
.overviewBox4 .swiper_box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: #fff;
}
.overviewBox4 .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.overviewBox4 .swiper-slide {
  background-size: cover;
  background-position: center;
}
.overviewBox4 .gallery-top {
  height: 88%;
  width: 100%;
}
.overviewBox4 .gallery-thumbs {
  height: 17%;
  box-sizing: border-box;
  padding: 10px 0;
  background: #000;
}
.overviewBox4 .gallery-thumbs .swiper-slide {
  width: 140px;
  height: 100%;
  opacity: 0.2;
  border: 1px solid transparent;
}
.overviewBox4 .gallery-thumbs .swiper-slide-active {
  opacity: 1;
  border: 1px solid #fff;
}
.overviewBox4 .swiper_btn {
  background-size: 12px 30px;
}
.overviewBox4 .swiper_l {
  left: 4%;
}
.overviewBox4 .swiper_r {
  right: 4%;
}
.overviewBox4 .opa {
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
.overviewBox4 .opa img {
  vertical-align: middle;
}
.overviewBox4 .opa.go_opa {
  left: 10px;
  bottom: 10px;
}
.telcontrol{
position: relative;
}
.tel-bg {
  display: none;
  background: url(/static/img/tel_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 1.6rem;
  height: 0.5rem;
  text-align: center;
  position: absolute;
  z-index: 20;
  left: -10px;
    top: 36px;
  line-height: 0.6rem;
  font-size: 0.2rem;
  white-space:nowrap;
}
/*认证查询*/
.querybg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("/static/img/querybg.png");
  background-size: 100% 100%;
  padding-top: 2.2rem;
  top: 0;
}
.querybox980 {
  width: 980px;
  margin: 0 auto;
}
.queryboxtit {
  color: #ffffff;
  text-align: center;
}
.queryboxtit h1 {
  font-size: 0.36rem;
}
.queryboxtit p {
  font-size: 0.18rem;
  font-weight: 300;
}
.quectbox {
  display: inline-block;
  background: #ffffff;
  width: 290px;
  height: 40px;
  border-radius: 4px;
  margin: 13px;
}
.queryselectbox {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.4rem;
}
.quectbox select {
  width: 290px;
  padding: 0 15px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #b4bac4;
  font-size: 0.14rem;
  color: #666;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/static/img/arrow_bh.png) no-repeat scroll 98% center transparent;
}
.queryput {
  float: left;
  margin-left: 24px;
  display: inline-block;
}
.queryput input {
  width: 613px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #b4bac4;
  font-size: 0.14rem;
  padding: 0 15px;
  background: #fff;
  color: #666;
  text-align: left;
}
.queradio {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("/static/img/radio.png");
  background-size: 100% 100%;
  margin-right: 10px;
}
.queradion {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("/static/img/radion.png");
  background-size: 100% 100%;
  margin-right: 10px;
}
.queryput1 {
  line-height: 40px;
  margin-left: 30px;
  display: inline-block;
  color: #fff;
}
.queryput1 h3 {
  display: inline-block;
  font-size: 14px;
}
.queryput1 label {
  margin-right: 20px;
  margin-left: 10px;
}
.queryput1 label em {
  font-size: 14px;
  vertical-align: middle;
}
.fresh {
  display: inline-block;
  width: 17px;
  height: 20px;
  vertical-align: middle;
  background: url("/static/img/freshing.png");
  background-size: 100% 100%;
  margin-right: 10px;
}
.fresh1 {
  display: inline-block;
  width: 17px;
  height: 20px;
  vertical-align: middle;
  background: url("/static/img/freshing1.png");
  background-size: 100% 100%;
  margin-right: 10px;
}
.frshbox {
  color: #fff;
  display: inline-block;
  margin-top: 0.5rem;
}
.frshbox1 {
  float: left;
  width: 190px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background: #0078eb;
  border-radius: 5px;
  font-size: 15px;
}
.frshbox2 {
  display: inline-block;
  line-height: 40px;
  margin-left: 40px;
  font-size: 15px;
}
.frshbox2 em {
  vertical-align: middle;
}
.qu1536 {
  width: 15.36rem;
  margin: 0 auto;
}
.qu1200 {
  width: 1200px;
  margin: 0 auto;
}
.queryresult {
  margin-top: 0.3rem;
}
.queryresult .queryput1 {
  color: #333;
}
.queryresult .quectbox {
  width: 3rem;
  margin: 0.13rem;
  margin-left: 0;
}
.queryresult .quectbox select {
  color: #333;
  width: 3rem;
}
.queryresult1 .queryput {
  margin-left: 0;
}
.queryresult1 .queryput input {
  width: 6.17rem;
  color: #333;
}
.queryresult1 .frshbox {
  margin-top: 0;
  margin-left: 0.17rem;
  color: #0078eb;
}
.queryresult1 .frshbox1 {
  width: 140px;
}
.queryresult3 {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ccc;
  color: #0078eb;
  padding: 0.15rem 0;
  margin-top: 0.4rem;
}
.queryresult3 img {
  vertical-align: middle;
  margin-right: 10px;
}
.queryresult3 em {
  font-size: 0.24rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.queryresult3 span {
  font-size: 0.18rem;
  vertical-align: middle;
}
.baddress {
  display: inline-block;
  width: 12px;
  height: 15px;
  vertical-align: middle;
  background: url("/static/img/baddress.png");
  background-size: 100% 100%;
  margin-right: 5px;
}
.rphone {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: url("/static/img/rphone.png");
  background-size: 100% 100%;
  margin-right: 5px;
}
.querinfbox {
  display: inline-block;
  padding: 0.1rem;
  background: #f4f4f4;
  margin-top: 0.3rem;
  text-align: left;
  width: 93%;
  height: 180px;
}
.querinfbox img {
  float: left;
  width: 1.07rem;
  height: 1.4rem;
}
.querinfbox .querinfboxmes {
  float: right;
  width: calc(100% - 1.2rem);
}
.querinfbox .querinfboxmes label {
  color: #0078eb;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  padding-bottom: 0.1rem;
}
.querinfbox .querinfboxmes label h1 {
  float: left;
  font-size: 0.16rem;
  font-weight: 600;
  vertical-align: middle;
  margin-top: 2px;
}
.querinfbox .querinfboxmes label span {
  font-size: 0.16rem;
  margin-right: 0.1rem;
  margin-left: 0.1rem;
}
.querinfbox .querinfboxmes label span em {
  vertical-align: middle;
}
.querinfboxmesul li {
  margin-top: 0.07rem;
  display: inline-block;
  width: 100%;
}
.querinfboxmesul li span {
  float: left;
  color: #252525;
}
.querinfboxmesul li em {
  float: right;
  display: inline-block;
  color: #666;
  width: 75%;
}
.quefbox {
  float: left;
  width: 33.33333333%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
.bg-f4 {
  background: #f4f4f4;
}
.querydetails {
  margin: 30px 0;
  overflow: hidden;
}
.querydetails img {
  float: left;
  width: 173px;
  height: 227px;
}
.querydetails .querydetailsmes {
  display: inline-block;
  float: right;
  margin-top: 10px;
  width: calc(100% - 200px);
}
.querydetails .querydetailsmes h1 {
  font-size: 22px;
  color: #0078eb;
}
.querydetails .querydetailsmes h1 span {
  margin-right: 30px;
}
.querydetails .querydetailsmes h1 .rphone {
  width: 23px;
  height: 23px;
}
.querydetails .querydetailsmes h1 em {
  vertical-align: middle;
}
.querydetails .querydetailsmes h2 {
  margin-top: 5px;
  font-size: 16px;
  color: #0078eb;
}
.querydetails .querydetailsmes h2 em {
  vertical-align: middle;
}
.querydetailsmesul {
  margin-top: 20px;
}
.querydetailsmesul li {
  float: left;
  width: 50%;
  font-size: 15px;
  margin-top: 10px;
  height: 34px;
}
.querydetailsmesul li span {
  color: #252525;
  float: left;
}
.querydetailsmesul li em {
  color: #999;
  display: inherit;
}
.qu120 {
  width: 12rem;
  margin: 0 auto;
}
.qustarul {
  display: inline-block;
}
.qustarul li {
  float: left;
  margin: 0 2px;
}
.qustarul .qustar {
  width: 14px;
  height: 13px;
  background: url("/static/img/qustar.png");
  background-size: 100% 100%;
}
.qustarul .qustaron {
  width: 14px;
  height: 13px;
  background: url("/static/img/qustaron.png");
  background-size: 100% 100%;
}
.queryresult4 {
  padding: 0 0 30px;
  overflow: hidden;
}
.queryresult4 .queryresulttit4 {
  font-size: 16px;
  color: #252525;
  font-weight: 600;
  margin: 30px 0;
}
.queryresult4 p {
  line-height: 28px;
  color: #252525;
  font-size: 16px;
}
.queryresult4 img {
  width: 100%;
  margin: 10px 0;
}
.qutable {
  width: 100%;
  margin-top: 30px;
}
.qutable thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.qutable thead tr th {
  padding: 15px 0;
  background: #eee;
  border-right: 1px solid #ffffff;
}
.qutable tbody {
  display: block;
  height: 500px;
  overflow-y: auto;
}
.qutable tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.qutable tbody tr td {
  padding: 10px 0;
}
.qutable tbody tr:hover {
  color: #0078eb;
}
.theader {
 display: inline-block;
  width: 100%;
}
.theader .theaderul li {
  float: left;
  width: 12.5%;
  background: #eee;
  padding: 15px 0;
  border-right: 1px solid #ffffff;
  text-align: center;
  font-weight: 600;
}
.middle-v {
  -moz-transform: -moz-translateY(-50%);
  -o-transform: -o-translateY(-50%);
  -webkit-transform: -webkit-translateY(-50%);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.tbodyul {
  display: inline-block;
  width: 100%;
}
.tbodyul li {
  float: left;
  width: 12.5%;
  padding: 15px 0;
  text-align: center;
}
.tbodyul:hover{
  color: #0078eb;
}
.tbbox {
  height : 450px;
  margin-top: 30px;
  margin-bottom: 40px;
}
#queebox{
  height: 400px;
  overflow: hidden;
}
@media screen and (max-width:1048px){
  .color_service .color_swiper .swiper_btnr{
    right : 30px;
  }
  .color_service .color_swiper .swiper_btnl{
    left : 30px;
  }
  .hedBox .inde1-plt2 span {
    margin-left: 0.3rem;
  }
  .hedBox .inde1-plt2 .plt2-store{
    height: 0.5rem;
    line-height: 0.5rem;
  }
}

@media screen and (min-width:1049px) and (max-width:1299px){
  .hedBox .inde1-plt2 span {
    margin-left: 0.4rem;
  }
}

@media screen and (min-width:1401px) and (max-width:1500px){
 
}
@media screen and (min-width:1220px) and (max-width:1400px){
  .mainBox3 .main2LBox-title {
    margin-top: 129px;
  }
  .mainBox2 .main2LBox-title{
    margin-top : 24px;
  }
  .mainBox4 .main2LBox-title {
    margin-top: 60px;
  }
  .main2LBox{ margin-top : 35px;}
  .mainBox2 .w1536{ margin-top : 69px;}
  .main2RBox{ margin-top : 6px;}
  .main4LBox .main4LBox-mes{height: 270px;}
  .main4LBox .main4LBox-ul{ margin-top : 0;}
  .main4LBox .main4LBox-ul li span{ font-size : 10px;}
  .mainBox4 .main4More{ margin-top : 0;}
  .story .brand_story .img_video{ height: 321px;}
  .story .brand_story .story_text{ height: 321px;}
  .main2LBox .main2LBox-ul li:nth-child(1) {
    background: url(/static/img/main2icn1a.png) no-repeat;
    background-size: 50% 50%;
  }
  .main2LBox .main2LBox-ul li:nth-child(2) {
    background: url(/static/img/main2icn2.png) no-repeat;
    background-size: 50% 50%;
  }
  .main2LBox .main2LBox-ul li:nth-child(3) {
    background: url(/static/img/main2icn3.png) no-repeat;
    background-size: 50% 50%;
  }
  .main2LBox .main2LBox-ul li{ margin-right : 0;}
  .main2LBox .main2LBox-ul li:nth-child(1):hover {
    background: url(/static/img/main2icn1.png) no-repeat;
    background-size: 50% 50%;
  }
  .main2LBox .main2LBox-ul li:nth-child(2):hover {
    background: url(/static/img/main2icn2a.png) no-repeat;
    background-size: 50% 50%;
  }
  .main2LBox .main2LBox-ul li:nth-child(3):hover {
    background: url(/static/img/main2icn3a.png) no-repeat;
    background-size: 50% 50%;
  }
  .main4LBox .main4LBox-mes{ margin-bottom : 0;}
  .mainBox4 .main4RBox{margin-top: 2.1rem;}
  .main4LBox .main4LBox-mes p{ margin-top : 10px;}
}
@media screen and (min-width:1440px) and (max-width:1600px){
  .story .brand_story .img_video{ height: 321px;}
  .story .brand_story .story_text{ height: 321px; }
  .main2RBox{ margin-top : -23px;}
  .ind-honor-w{ margin-top : 20px;}
  .mainBox4 .main4RBox{ margin-top : 160px;}
  .mainBox6 .ma6-title{ margin-top : 210px;}
  #photoswp{ margin-top : 32px;}
}