.w12 {
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
}

.conwidth {
   max-width: 1920px;
   width: 90.1%;
   margin: 0 auto;
}

/* Header */
.addHeader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99;
   transition: all 0.3s ease;
}

.addHeader.headBack,
.addHeader.headBack_pro {
   background-color: #ffffff;
   border-bottom: 1px solid #eee
}

.addHeader .wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.addHeader.on {
   background-color: #fff;
}

.addHeader.active {
   background-color: #fff;
}

.addHeader.active .item>a {
   display: block;
   color: #333;
   line-height: 70px;
}

.addHeader.headBack,
.addHeader.headBack_pro {
   background-color: #fff;
}

.addHeader.headBack .navBox .item>a,
.addHeader.headBack_pro .navBox .item>a {
   position: relative;
   display: block;
   color: rgba(51, 51, 51, 0.5);
}

.addHeader .navBox .item:hover a {
   color: rgba(51, 51, 51, 1);
}

.addHeader.headBack .navBox .item>a::before,
.addHeader.headBack_pro .navBox .item>a::before {
   position: absolute;
   content: "";
   top: 44px;
   /* top: 78px; */
   left: 0;
   width: 100%;
   height: 2px;
   background-color: #e2c494;
   display: none;
}

.addHeader .navBox .item.active>a::before {
   position: absolute;
   bottom: 0;
   width: 100%;
   display: inline-block;
   content: "";
   height: 2px;
   background-color: #e2c494;
}

.addHeader.headBack .navBox .item:hover a::before,
.addHeader.headBack_pro .navBox .item:hover a::before {
   display: block;
}

.addHeader .logo {
   float: left;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   width: 10%;
}

.addHeader .logo svg {
   width: 100%;
}

.addHeader.headBack .logo svg polygon {
   fill: #e2c494;
}

.addHeader.headBack .logo svg path {
   fill: #e2c494;
}

.addHeader .logo:hover svg polygon {
   fill: #e2c494;
}

.addHeader .logo:hover svg path {
   fill: #e2c494;
}

.addHeader .logo2 {
   display: none;
}

.addHeader.headBack .logo1,
.addHeader.headBack_pro .logo1 {
   display: none;
}

.addHeader.headBack .logo2,
.addHeader.headBack_pro .logo2 {
   display: block;
}

.addHeader .logo img {
   width: 90px;
   zoom: .9;
}

.addHeader .navBox {
   display: flex;
   align-items: center;
}

.addHeader .navMobileBox {
   display: none;
}

.addHeader .navMobileBox .formBox {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 0.4rem;
}

.addHeader .navMobileBox .inputText {
   width: 60%;
   font-size: 0.2rem;
   line-height: 0.5rem;
   border-bottom: 1px solid #eee;
}

.addHeader .navMobileBox .btn {
   font-size: 20px;
   border: 0;
   background: none;
}

.addHeader .navBox .item {
   position: relative;
   margin: 0 27px;
}

.addHeader .navBox .item .dropDown {
   position: absolute;
   top: 100%;
   left: 0;
   left: 50%;
   transform: translate(-50%, 0);
   background-color: #fff;
   display: none;
}

.addHeader .navBox .item .dropDown a {
   display: block;
   padding: 16px 32px;
   white-space: nowrap;
   color: #303233;
   line-height: 1;
   height: auto;
   background: 0 0;
   text-align: center;
   width: 100%;
   position: relative;
   font-size: 14px;
   transition: all 0.5s;
   box-sizing: border-box;
}

.addHeader .navBox .item .dropDown a:hover {
   background-color: #ebeff2;
}

.addHeader .navBox .item .dropDownList {
   position: fixed;
   top: 46px;
   left: 0;
   height: auto !important;
   width: 100%;
   background-color: #fff;
   border-top: 1px solid #eee;
   padding-top: 15px !important;
   padding-bottom: 15px !important;
   z-index: 99;
   display: none;
   box-shadow: 0 0 1px rgba(0, 0, 0, .2)
}

.addHeader.active .navBox .item .dropDownList {
   top: 70px;
}

.addHeader .navBox .dropDownList .wrapBox {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.addHeader .navBox .dropDownList .wrapBox .x2-a .x2 {
   font-weight: bold;
}

.addHeader .navBox .dropDownList .wrapBox .x2-a ul li a {
   opacity: .8;
   padding-top: 5px;
   padding-bottom: 5px;
}

.addHeader .navBox .dropDownList .wrapBox a:hover .x2 {
   color: #e2c494
}

.addHeader .navBox .dropDownList .item2 {
   max-width: 25%;
   width: 100%;
   border-right: 1px solid #eee;
   display: flex;
}

.addHeader .navBox .dropDownList .item2:last-child {
   border-right: 0;
}

.addHeader .navBox .dropDownList .img {
   width: 200px;
   padding: 0 20px;
}

.addHeader .navBox .dropDownList .nav {
   width: calc(100% - 200px);
   padding-right: 20px;
}

.addHeader .navBox .dropDownList a {
   display: block;
   color: #303233;
   font-size: 14px;
   line-height: 24px;
   margin-top: 5px;
   margin-bottom: 5px;
}

.addHeader .navBox .dropDownList a:hover {
   text-decoration: underline;
}

.addHeader .navBox .dropDownList .h1 {
   color: #3b3e40;
   font-size: 16px;
   line-height: 24px;
   display: block;
   margin-bottom: 8px;
}

.addHeader .navBox .item>a {
   display: block;
   font-size: 15px;
   color: #ffffff;
   /*line-height: 36px;*/
   /* line-height: 52px; */
   line-height: 18px;
   padding: 14px 0;

}

.addHeader .headRight {
   display: flex;
   align-items: center;
   width: 10%;
   justify-content: flex-end;
}

.addHeader .searchBox {
   float: left;
   display: flex;
   align-items: center;
   justify-content: center;
}

.addHeader .searchBox form {
   display: flex;
   align-items: center;
   width: 100%;
   height: 100%;
}

.addHeader .searchBox .inputText {
   width: 100%;
   font-size: 15px;
   color: rgba(0, 0, 0, 1);
   background: none;
   line-height: 22px;

}

.addHeader .searchBox .inputText::-webkit-input-placeholder {
   font-size: 15px;
   color: rgba(0, 0, 0, 0.2);

}

.addHeader .searchBox .btnIcon {
   display: inline-block;
   font-size: 0;
   cursor: pointer;
}

.addHeader .searchBox .btnIcon.opa .icon2 {
   opacity: 0;
}

.addHeader .searchBox .dropDown {
   display: none;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: #ffffff;
   z-index: 9999999;
}

.addHeader .searchBox .dropDown .conwidth {
   height: 100%;
}

.addHeader .searchBox .dropDown-b {
   display: grid;
   grid-template-columns: 30% auto 30%;
   align-items: center;
   height: 100%;
}

.x-no {
   text-align: right;
   cursor: pointer;
   opacity: .6;
   zoom: .85;
}

.addHeader .searchBox .dropDown.on {
   /*opacity: 1;*/
   display: block;
}

.addHeader .searchBox .btn {
   font-size: 18px;
   cursor: pointer;
   border: 0;
   background: none;
}

.addHeader .searchBox .dropDown .btn {
   display: flex;
   align-items: center;
   height: 36px;
   margin-right: 15px;
}

.addHeader .searchBox .dropDown .btn img {
   display: block;
}

.addHeader .searchBox .btn img {
   max-width: 18px;
}

.addHeader .eShop {
   float: left;
   position: relative;
   margin-left: 20px;
   display: flex;
}

.addHeader .eShop .btn {
   display: flex;
   align-items: center;
   font-size: 0;
   cursor: pointer;
   height: 46px;
}

.addHeader .eShop .btn img {
   max-width: 18px;
}

.addHeader .eShop .dropDown {
   position: absolute;
   top: 46px;
   left: 50%;
   transform: translate(-50%, 0);
   background-color: #fff;
   border-radius: 5px;
   box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
   display: none;
}

/*.addHeader .eShop .dropDown::before {
	position: absolute;
	content: "";
	top: -10px;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #fff;
}*/

.addHeader .eShop .dropDown a {
   display: block;
   padding: 16px 32px;
   white-space: nowrap;
   color: #303233;
   line-height: 1;
   height: auto;
   background: 0 0;
   text-align: center;
   width: 100%;
   position: relative;
   font-size: 14px;
   transition: all 0.5s;
   box-sizing: border-box;
}

.addHeader .eShop .dropDown a:hover {
   background-color: #ebeff2;
}

.addHeader .eShop .dropDown a:first-child:hover {
   border-radius: 5px 5px 0px 0px;
}

.addHeader .eShop .dropDown a:last-child:hover {
   border-radius: 0px 0px 5px 5px;
}

.addHeader .btnMenu {
   width: 40px;
   height: 30px;
   display: none;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.addHeader .btnMenu>span {
   width: 40px;
   height: 2px;
   background-color: #fff;
   margin: 4px 0;
   transition: all 0.3s;
   /*-webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg);
	-ms-transform: skew(40deg);
	transform: skew(40deg);*/
}

.addHeader .btnMenu.on>span {
   width: 20px;
}

.addHeader .btnMenu.on>span:first-child {
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
}

.addHeader .btnMenu.on>span:nth-child(2) {
   display: none;
}

.addHeader .btnMenu.on>span:last-child {
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   margin-top: -6px;
}

.addHeader .btnMenu>span {
   background-color: #fff;
}

.addHeader.on .btnMenu>span {
   background-color: #000;
}

.addHeader.active .btnMenu>span {
   background-color: #000;
}

.addHeader.headBack .btnMenu>span,
.addHeader.headBack_pro .btnMenu>span {
   background-color: #000;
}

.addHeader .icon1 {
   display: block;
}

.addHeader .icon2 {
   display: none;
}

.addHeader.headBack .icon1,
.addHeader.headBack_pro .icon1 {
   display: none;
}

.addHeader.headBack .icon2,
.addHeader.headBack_pro .icon2 {
   display: block;
}

@media (min-width: 1921px) {
   .xc .conwidth {
      max-width: 100%;
      width: 90%;
   }
}


.x1-a {
   max-width: 13%;
   width: 100%;
   text-decoration: none !important;
   margin: 0 30px 0 30px;
}

.x1 {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.x1:hover .x1-img img {
   transform: scale(1.1);
   transition: all .5s;
}

.x1-img {
   width: 130px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 10px;
   overflow: hidden;
}

.x1-img img {
   max-width: 100%;
   object-fit: cover;
   display: block;
   transition: all .5s;
   height: 90px;
}

.x1-txt {
   color: #3b3e40;
   font-size: 14px;
   line-height: 1;
   display: block;

}

.x2 {
   color: #3b3e40;
   font-size: 14px;
   line-height: 24px;
   display: block;
   margin-bottom: 8px;

   margin: 0;
}

.x2-a {
   margin: 0 30px;
   text-decoration: none !important;
}

.addHeader .logo:hover .logo2 {
   display: block !important;
}

.addHeader .logo:hover .logo1 {
   display: none !important;
}

@media only screen and (max-width: 1440px) {
   .x2-a {
      margin: 0 20px;
   }

   .addHeader .navBox .item {
      margin: 0 15px;
   }
}

@media only screen and (max-width: 1280px) {
   .w12 {
      width: 90%;
   }
}

@media only screen and (max-width: 1024px) {
   .addHeader {
      position: fixed;
      padding-top: 10px;
      padding-bottom: 10px;
   }

   .addHeader .wrap::after {
      display: none;
   }

   .addHeader .btnMenu {
      float: right;
      margin-right: 70px;
   }

   .addHeader .eShop {
      margin-left: 0;
   }

   .addHeader .logo {
      order: 1;
      margin-top: 0;
   }

   .addHeader.on .logo1 {
      display: none;
   }

   .addHeader.on .logo2 {
      display: block;
   }

   .addHeader .searchBox {
      display: none;
   }

   .addHeader .headRight {
      order: 3;
      margin-left: 0;
   }

   .addHeader.on .icon1 {
      display: none;
   }

   .addHeader.on .icon2 {
      display: inline-block;
   }

   .addHeader .eShop .btn {
      height: 50px;
   }

   .addHeader .eShop .dropDown {
      top: 50px;
      left: auto;
      right: 0;
      transform: translate(0, 0);
   }

   .addHeader .eShop .dropDown::before {
      left: auto;
      margin-left: 0;
      right: 5px;
   }

   .addHeader .btnMenu {
      order: 0;
      display: flex;
      margin-right: 0;
   }

   .addHeader .navBox {
      display: none;
   }

   .addHeader .eShop .btn {
      margin-top: 0;
   }

   .addHeader .navMobileBox {
      position: fixed;
      top: 50px;
      left: 0;
      width: 100%;
      height: calc(100vh - 50px);
      background-color: #fff;
      padding: 20px 0;
      border-top: 1px solid #eee;
      z-index: 9;
      overflow-y: auto;
   }

   .addHeader .navMobileBox::-webkit-scrollbar {
      display: none;
   }

   .addHeader .navMobileBox .item>a {
      position: relative;
      display: block;
      font-size: 20px;
      color: #333;
      line-height: 50px;
      border-bottom: 1px solid #eee;
   }

   .addHeader .navMobileBox .item>a::before {
      position: absolute;
      content: "";
      top: 50%;
      right: 0;
      width: 10px;
      height: 6px;
      margin-top: -3px;
      background-image: url(../images/icon3.png);
      background-repeat: no-repeat;
      background-position: right center;
      transition: all 0.5s ease;
   }

   .addHeader .navMobileBox .item>a.on::before {
      transform: rotate(180deg);
   }

   .addHeader .navMobileBox .dropDown {
      display: none;
   }

   .addHeader .navMobileBox .dropDown a {
      display: block;
      font-size: 14px;
      line-height: 30px;
      color: #333;
   }

   .addHeader .navMobileBox .dropDown .h1 {
      font-size: 16px;
      line-height: 40px;
   }

   .addHeader .btnMenu {
      width: 26px
   }

   .addHeader .btnMenu>span {
      width: 26px;
      margin: 3px 0;
   }
}

@media only screen and (max-width: 580px) {
   .addHeader .logo {
      width: 1.7rem;
   }

   .addHeader .eShop .btn img {
      max-width: 18px
   }

   .addHeader .navMobileBox .inputText {
      font-size: 0.3rem;
      line-height: 0.6rem;
   }

   .addHeader .btnMenu.on>span:last-child {
      margin-top: -5px;
   }

   .addHeader .eShop .dropDown a {
      padding: 15px 20px;
   }
}

@media only screen and (max-width: 480px) {
   .addHeader .navMobileBox .item>a {
      font-size: 16px;
   }

   .addHeader .eShop .dropDown a {
      font-size: .28rem;
      padding: .22rem .3rem;
   }
}