body,
html {
  -webkit-transition: all .4s;
  transition: all .4s;
}

.Hde{position: fixed;top: 0;width: 100%;z-index: 99;}
.banner{padding-top: 170px;}
@media screen and (max-width: 1200px){

  .banner{padding-top: 0;}

}

.logoH {
  height: 90px;
  background-color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.logoH > a {
  width: 186px;
  display: inline-block;
  padding-top: 18px;
}
.logoH > a img {
  width: 100%;
}
.logoH .listBtn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  color: #fff;
  display: none;
}
.logoH .form {
  position: absolute;
  top: 130px;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  height: 38px;
  line-height: 38px;
  background-color: transparent;
  border: 1px solid #bbb;
  z-index: 6;
}
.logoH .form input[type="text"] {
  float: left;
  width: 400px;
  font-size: 14px;
  box-sizing: border-box;
  padding-left: 20px;
  line-height: 38px;
  height: 38px;
}
.logoH .form input[type="submit"] {
  float: left;
  width: 100px;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  line-height: 38px;
  height: 38px;
  background-color: #fff;
}
.logoH .sidebar {
  display: none;
  position: fixed;
  top: 0;
  right: -200px;
  width: 200px;
  height: 100%;
  background-color: #333;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
  z-index: 999;

}
.logoH .sidebar > a {
  display: block;
  margin: 0 auto 20px;
  width: 60%;
  padding-top: 30px;
}
.logoH .sidebar > a img {
  width: 100%;
}
.logoH .sidebar .d1 {
  margin: 10px auto;
  color: #c4a07a;
  font-size: 14px;
  text-align: center;
}
.logoH .sidebar .d1 dd {
  display: inline-block;
  margin-right: 10px;
}
.logoH .sidebar .d1 dd a {
  color: #c4a07a;
}
.logoH .sidebar .d1 dt {
  display: inline-block;
}
.logoH .sidebar .d1 dt select {
  background-color: transparent;
  color: #c4a07a;
  font-size: 14px;
}
.logoH .sidebar .d2 {
  margin: 0 auto;
  color: #c4a07a;
  font-size: 14px;
  text-align: center;
}
.logoH .sidebar .d2 i {
  margin-right: 6px;
}
.logoH .sidebar .d2 dd {
  display: inline-block;
}
.logoH .sidebar .d2 dd a {
  color: #c4a07a;
}
.logoH .sidebar .d2 dt {
  display: inline-block;
  margin-right: 10px;
}
.logoH .sidebar .d2 dt a {
  background-color: transparent;
  color: #c4a07a;
  font-size: 14px;
}
.logoH .sidebar ul {
  border-top: 1px solid #666;
}
.logoH .sidebar ul li {
  border-bottom: 1px solid #666;
}
.logoH .sidebar ul li a {
  line-height: 60px;
  font-size: 18px;
}
.head {
  height: 80px;
  background-color: #ffffff;
  position: relative;
  padding-top: 1px;
}
.head .pWrap {
  width: 1600px;
  margin: 0 auto;
  max-width: 100%;
}
.head .pWrap .u1 {
  float: left;
  height: 100%;
}
.head .pWrap .u1 li {
  float: left;
  margin-right: 72px;
}
.head .pWrap .u1 li a {
  display: block;
  line-height: 80px;
  font-size: 14px;
  color: #333333;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.head .pWrap .u1 li a:hover {
  color: #a07936;
}
.head .pWrap .ul-wrap {
  float: right;
  text-align: right;
  width: 310px;
  line-height: 1;
  position: relative;
}

.head .pWrap .ul-wrap .u2 .l2,
.head .pWrap .ul-wrap .u3 .l2 {
  width: 115px;
  text-align: center;
}

.head .pWrap .ul-wrap .u2 .l3,
.head .pWrap .ul-wrap .u3 .l3 {
  width: 66px;
}
.head .pWrap .ul-wrap .u2 {
margin-top: 16px;
  overflow: hidden;
  height: 18px;
}

.head .pWrap .ul-wrap .u2>li{float: right;margin-left: 43px;line-height: 18px;}

.head .pWrap .ul-wrap .u3 {
  overflow: hidden;
  margin-top: 16px;
}
.head .pWrap .ul-wrap .u3>li{float: right;text-align: center;}

.head .pWrap .ul-wrap li {
  float: left;
  text-align: left;
}

.head .pWrap .ul-wrap li a {
  font-size: 14px;
  color: #414141;
  position: relative;
  z-index: 9;
}
.head .pWrap .ul-wrap li select {
  font-size: 14px;
  color: #414141;
  line-height: 1;
}
.head .pWrap .ul-wrap li i {
  vertical-align: top;
  margin-right: 8px;

}
.head .pWrap .ul-wrap li i.fa-search{width: 16px;float: left;}
.head .pWrap .ul-wrap li em{display: none;}
.head .pWrap .ul-wrap li em img{width: 16px; height: 16px;}


.codeapp{overflow: hidden;float: left;margin-left: 115px;padding-top: 24px;}
.codeapp .code{float: left;margin-left: 40px;}
.codeapp .code span{display: block;font-size: 12px;text-align: center;}

.smpic li{outline: none;}
  .hot li{outline: none;}


.banner {
  width: 100%;
  position: relative;
}
.banner .slick-slide {
  height: 797px;
  background: no-repeat center;
  background-size: cover;
  outline: none;
  aspect-ratio: 1920 / 800;
  height: auto;
  background-size: contain;
}
.banner .slick-dots {
  position: absolute;
  bottom: 38px;
  text-align: center;
  width: 100%;
}
.banner .slick-dots li {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/i1-1.png) center;
  background-size: cover;
  margin: 0 6px;
}

.rightbox{/*float: left;*/overflow: hidden;}
.leftbox{float: left;overflow: hidden;}

.banner .slick-dots li button {
  font-size: 0;
  background-color: transparent;
}
.banner .slick-dots .slick-active {
  background-image: url(../images/i2-1.png);
}
.footer .footerW {
  position: relative;
  height: 130px;
  width: 1600px;
  margin: 0 auto;
}
.footer .footerW .form {
  position: static;
  box-sizing: border-box;
  width: 198px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e7e7e7;
  float: left;
  margin-left: 200px;
  margin-top: 45px;
}
.footer .footerW .form input[type="text"] {
  width: 75%;
  font-size: 14px;
  color: #b4b4b4;
  padding-left: 5%;
  box-sizing: border-box;
}
.footer .footerW .form input[type="submit"] {
  color: #3e3e3e;
  float: right;
  width: 54px;
  line-height: 30px;
  background-color: transparent;
  width: 22%;
  font-size:14px;
}
.footer .footerW .form i {
  color: #e7e7e7;
}
.footer .footerW .u1,
.footer .footerW .u2 {
  float: left;
  line-height: 1;
  padding-top: 24px;
}
.footer .footerW .u1 li,
.footer .footerW .u2 li {
  font-size: 12px;
  margin-bottom: 14px;
}
.footer .footerW .u1 li p,
.footer .footerW .u2 li p {
  color: #3c3c3c;
}
.footer .footerW .u1 li a,
.footer .footerW .u2 li a {
  color: #6d6d6d;
}
.footer .footerW .u1 li a:hover,
.footer .footerW .u2 li a:hover {
  color: #faa900;
}
.footer .footerW .u1 {
  margin-right: 108px;
}
.footer .footerW .u3 {
  float: right;
  padding-top: 50px;
}
.footer .footerW .u3 li {
  float: left;
  margin-left: 38px;
}
.footer .footerW .u3 li a i {
  font-size: 14px;
}
.footer .footerW .u3 li .a1 {
  color: #22448c;
}
.footer .footerW .u3 li .a2 {
  color: #1ab2e8;
}
.footer .footerW .u3 li .a3 {
  color: #f89c28;
}
.footer .footerW .u3 li .a4 {
  color: #ce0000;
}
.footer .footerW .u3 li .a5 {
  color: #e16257;
}
.footer .footerW .u3 li .a6 {
  color: #aa0000;
}
.footer .line {
  width: 1768px;
  height: 1px;
  background-color: #e7e7e7;
  margin: 0 auto;
}
.footer .Copyright {
  line-height: 80px;
  height: 80px;
  text-align: center;
  font-size: 14px;
  color: #242424;
}
.login {
  background-color: #f7f7f7;
  padding-bottom: 34px;
  padding-top: 170px;
}
.login > .p1 {
  font-size: 28px;
  color: #333333;
  text-align: center;
  line-height: 106px;
}
.login > .p1 span {
  color: #da251d;
}
.login .login-inner {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  line-height: 1;
  padding: 70px 60px 60px;
  box-sizing: border-box;
}
.login .login-inner .form > .p1 {
  font-size: 18px;
  color: #333333;
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}
.login .login-inner .form > .p1 span {
  color: #ce0000;
}
.login .login-inner .form > input[type="text"] {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding-left: 12px;
  font-size: 14px;
  color: #767675;
  border: none;
  box-sizing: border-box;
  background-color: #f5f5f7;
  margin-bottom: 30px;
}
.login .login-inner .form > input[type="password"] {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding-left: 12px;
  font-size: 14px;
  color: #767675;
  border: none;
  box-sizing: border-box;
  background-color: #f5f5f7;
  margin-bottom: 30px;
}
.login .login-inner .form .d1 dt,
.login .login-inner .form .d1 dd {
  width: 524px;
}
.login .login-inner .form .d1 dt .p2,
.login .login-inner .form .d1 dd .p2 {
  font-size: 18px;
  color: #333333;
  text-align: left;
  margin-bottom: 30px;
}
.login .login-inner .form .d1 dt .p2 span,
.login .login-inner .form .d1 dd .p2 span {
  color: #ce0000;
}
.login .login-inner .form .d1 dt select,
.login .login-inner .form .d1 dd select {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding-left: 12px;
  font-size: 14px;
  color: #767675;
  border: none;
  box-sizing: border-box;
  margin-bottom: 30px;
  background: url(../images/i3.png) no-repeat 96% center;
  background-size: 13px 6px;
  background-color: #f5f5f7;
}
.login .login-inner .form .d1 dd {
  float: right;
}
.login .login-inner .form .d1 dt {
  float: left;
}
.login .login-inner .form .d2 {
  height: 50px;
  text-align: center;
}
.login .login-inner .form .d2 input {
  border: none;
}
.login .login-inner .form .d2 .i1 {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 120px;
  text-align: center;
  color: #fff;
  background-color: #000000;
  font-size: 14px;
}
.login .login-inner .form .d2 .i2 {
  width: 208px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #da251d;
  font-size: 14px;
}

/*****收藏*****/
.member {
  background-color: #f7f7f7;
  padding-bottom: 30px;
   padding-top: 170px;
}
.member .memberInner > .p1 {
  font-size: 28px;
  color: #000000;
  height: 102px;
  line-height: 1;
  box-sizing: border-box;
  padding-top: 44px;
  width: 1200px;
  margin: 0 auto;
  padding-left: 36px;
}
.member .memberInner > .p1 span {
  color: #d91b12;
}
.member .memberInner > .u1 {
  width: 1200px;
  margin: 0 auto;
}
.member .memberInner > .u1 li {
  float: left;
  width: 176px;
  height: 78px;
  line-height: 78px;
  font-size: 14px;
  text-align: center;
  color: #000000;
  -webkit-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
}

.member .memberInner > .u1 .on {
  background-color: #fff;
}
.member .memberInner .memMain {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 50px;
  padding-left: 56px;
  min-height: 1370px;
}
.member .memberInner .memMain .d1 {
  float: left;
  width: 174px;
  margin-right: 64px;
}
.member .memberInner .memMain .d1 ul li {
  width: 174px;
  line-height: 38px;
  border-top: 1px solid #dedede;
  box-sizing: border-box;
  padding-left: 4px;
}
.member .memberInner .memMain .d1 ul li a {
  color: #333333;
}
.member .memberInner .memMain .d2 {
  float: left;
  width: 950px;
}
.member .memberInner .memMain .d2 .v1 {
  line-height: 30px;
  height: 30px;
}
.member .memberInner .memMain .d2 .v1 .a1 {
  font-size: 14px;
  color: #333333;
  margin-right: 40px;
}
.member .memberInner .memMain .d2 .v1 .a1 i {
  margin-right: 22px;
  display: inline-block;
  height: 30px;
  width: 30px;
  box-sizing: border-box;
  border: 6px solid #d9d9d9;
  border-radius: 50%;
  vertical-align: top;
  position: relative;
}
.member .memberInner .memMain .d2 .v1 .a1 i.on:after{
  width: 12px;
  height: 12px;
  content: '';
  position: absolute;
  z-index: 9;
  top: 14%;
  left: 17%;
  background: #da251d;
  border-radius: 100%;
  display: block;
}

.member .memberInner .memMain .d2 .v1 .a2 {
  width: 96px;
  text-align: center;
  font-size: 14px;
  color: #da251d;
  display: inline-block;
  border: 2px solid #da251d;
  border-radius: 15px;
}
.member .memberInner .memMain .d2 ul {
  padding-top: 44px;
}
.member .memberInner .memMain .d2 ul li {

  float: left;
  width: 282px;
  height: 366px;
  border: 1px solid #d0d0d0;
  position: relative;
  box-sizing: border-box;
  margin-right: 30px;
  margin-bottom: 30px;
  padding-top: 62px;
}
.member .memberInner .memMain .d2 ul li > span {
  position: absolute;
    cursor: pointer;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 24px;
  background: url(../images/i4.png) no-repeat center;
}
.member .memberInner .memMain .d2 ul li .on {
  background-image: url(../images/i4z.png);
}
.member .memberInner .memMain .d2 ul li img {
  width: 100%;
}
.member .memberInner .memMain .d2 ul li p {
  padding-left: 20px;
}
.member .memberInner .memMain .d2 ul li .p1 {
  color: #121212;
  font-size: 14px;
  margin-top: 10px;
}
.member .memberInner .memMain .d2 ul li .p2 {
  color: #d92017;
  font-size: 14px;
}
.member .memberInner .memMain .d2 ul li .p2 span {
  font-weight: bold;
  font-size: 16px;
  margin-left: 4px;
}
.member .memberInner .memMain .d2 .p1 {
  width: 906px;
  padding-top: 20px;
}
.member .memberInner .memMain .d2 .p1 span {
  float: left;
  font-size: 14px;
  color: #666666;
}
.member .memberInner .memMain .d2 .p1 .page {
  float: right;
}
.member .memberInner .memMain .d2 .p1 .page a {
  float: left;
  width: 40px;
  height: 40px;
  border: 1px solid #b9bcbf;
  margin-left: 10px;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  color: #b9bcbf;
}
.member .memberInner .memMain .d2 .p1 .page .on {
  border-color: #000000;
  color: #000000;
}
.member .memberInner .account {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 60px;
  padding-left: 36px;
  box-sizing: border-box;
}
.member .memberInner .account .d1 {
  float: left;
  width: 654px;
  margin-right: 40px;
  line-height: 1;
  margin-bottom: 44px;
}
.member .memberInner .account .d1 .p1 {
  font-size: 22px;
  color: #000;
}
.member .memberInner .account .d1 .p1 span {
  color: #d8160d;
}
.member .memberInner .account .d1 .p2 {
  box-sizing: border-box;
  padding-top: 32px;
  padding-left: 46px;
  border: 1px solid #e2e4e7;
  margin-top: 42px;
  padding-bottom: 35px;
}
.member .memberInner .account .d1 .p2 p {
  margin-bottom: 30px;
  font-size: 14px;
}
.member .memberInner .account .d1 .p2 dl dt {
  float: left;
  width: 46px;
  height: 36px;
  border: 1px solid #da251d;
  background: url(../images/i5.png) no-repeat center;
}
.member .memberInner .account .d1 .p2 dl dd {
  float: left;
  margin-left: 10px;
  width: 158px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background-color: #da251d;
}
.wpeard1{display: none;}

.member .memberInner .account .d2{float: left;width: 460px;}
.member .memberInner .account .d2 h4{font-size: 22px; color: #000000;}
.member .memberInner .account ul{margin-top: 6%;overflow: hidden;}
.member .memberInner .account ul li{float: left;width: 45%; border: 1px solid #ebecee;margin-right: 4%;padding-bottom: 3%;margin-bottom: 8%;overflow: hidden;}
.member .memberInner .account ul li .pic{overflow: hidden;width: 100%;}
.member .memberInner .account ul li .pic img{width: 100%;-webkit-transition: transform 1s; -moz-transition: transform 1s;   -ms-transition: transform 1s;      -o-transition: transform 1s;      transition: transform 1s;}
.member .memberInner .account ul li a{width: 100%;height: auto;display: block;}
.member .memberInner .account ul li span{display: block;font-size: 12px; color: #333333;padding-left: 10%;}
.member .memberInner .account ul li p em{font-weight: bold;}
.member .memberInner .account ul li p{color: #da251d;padding-left: 10%;}
.member .memberInner .account ul li:hover .pic img{  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);    transform: scale(1.1);}    

.member .memberInner .account .d1 .p3{margin-top: 10%;}
.member .memberInner .account .d1 .p3 h3{font-size: 18px; color: #000000;font-family: '微软雅黑';margin-bottom: 8%;}
.member .memberInner .account .d1 .p3 .mb{clear:both;margin-bottom: 3%;overflow: hidden;}
.member .memberInner .account .d1 .p3 .mb label{width: 25%;display: block;float: left; line-height: 40px;font-size: 14px;color: #000;}
.member .memberInner .account .d1 .p3 .mb input{width: 69%;padding: 1.5% 3%;background: #f5f5f7;display: block;float: right;}
.member .memberInner .account .d1 .p3 .submit{width: 30%;background: #da251d;color: #fff;display: block;padding: 2% 0;margin-top:6%; float: right;font-size: 14px;}


@media screen and (max-width: 1200px) {

  .member .memberInner > .p1{width: 96%;padding: 6% 2%;font-size: 25px;    height: 80px;}
  .member .memberInner > .u1{width: 96%;padding: 0 2%;}
  .member .memberInner > .u1 li{width: 25%;height: 50px; line-height: 50px;}
  .member .memberInner .account{width: 96%;padding: 0 2%;}
  .member .memberInner .account .d1{width: 100%;margin-top: 5%;}
  .member .memberInner .account .d1 .p2{margin-top: 3%;}
  .member .memberInner .account .d1 .p3{margin-top: 5%;}
  .member .memberInner .account .d2{width: 100%;}
  .member .memberInner .account ul li{width: 31%; margin-right: 2%;}

  
}
@media screen and (max-width: 1920px) {

.footer .footerW .rightbox  form  input[type="submit"]{margin-top: -31px;}

}
@media screen and (max-width: 1600px) {

.footer .footerW .rightbox  form  input[type="submit"]{margin-top: -31px;}

}

@media screen and (max-width: 1200px) {

.footer .footerW .rightbox  form  input[type="submit"]{margin-top: 0;}

}


@media screen and (max-width: 1274px) {

.member .memberInner .memMain .d1{display: none;}
.member .memberInner .memMain{width: 96%; padding: 0 2%;    min-height: 1200px;overflow: hidden;}
.member .memberInner .memMain .d2{width: 100%;padding-bottom: 5%;}
.member .memberInner .memMain .d2 ul{padding-top: 20px;}
.member .memberInner .memMain .d2 ul li {float: left;  width: 31%; height: auto; border: 1px solid #d0d0d0;   position: relative;  box-sizing: border-box; margin-right: 2%;  margin-bottom: 30px;   padding-top: 62px;}
.member .memberInner .memMain .d2 .p1{width: 100%;padding: 0;text-align: center;}
.member .memberInner .memMain .d2 ul li .p2{margin-bottom: 5%;width: 100%;padding: 0;text-align: center;}
.member .memberInner .memMain .d2 .v1{height: auto;margin-top: 5%;}

.wpeard1{display: block;margin-top: 3%;}
.wpeard1 dl dt{cursor: pointer; font-size: 16px; padding-left: 2%; width: 98%;height: 30px;background: #333;color: #fff;line-height: 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.wpeard1 dl dd{height: 30px; line-height: 30px; border-bottom: 1px solid #dedede;font-size: 14px;display: none;}


}



@media screen and (max-width: 710px) {

  .member .memberInner .account .d1{margin-right: 0px;width: 100%;margin-bottom: 18px;}
  .member .memberInner .account{padding:5% 5%;width: 100%;}
  .member .memberInner .account .d1 .p2{padding: 2%; margin: 5% 0 0 0;}


  .member .memberInner > .p1{height: 1rem;line-height: 1rem;padding: 0;font-size: 20px;}
  .member .memberInner > .u1 li{height: .9rem;line-height: .9rem;font-size: .3rem;}
  .member .memberInner .account .d1{margin-top: 0;}
  .member .memberInner .account .d1 .p2 p{ margin-bottom: 10px; line-height: 20px;}
  .member .memberInner .account .d1 .p3 .mb input{width: 95%;float: none;}
  .member .memberInner .account .d1 .p3 .mb label{font-size: .3rem;line-height: .5rem;line-height: .5rem;float: none;width: 100%;margin-bottom: 2%;}
  .member .memberInner .account .d1 .p3 .submit{width: 100%;}

  .member .memberInner .account .d2 h4{font-size: 20px;}
  .member .memberInner .account ul li{width: 47%;}


  .member .memberInner .memMain .d2 ul li{width: 48%;}
  .member .memberInner .memMain .d2 .p1 span{float: none;text-align: center;display: block;width: 100%;margin-bottom: 3%;}
  .member .memberInner .memMain .d2 .p1 .page{float: none;}
  .member .memberInner .memMain .d2 .p1 .page a{width: .7rem;line-height: .7rem;height: .7rem;margin-right: .2rem;}


}






/*****收藏*****/
/*******媒体查询*******/
@media screen and (max-width: 1600px) {
  .head .pWrap {
    width: 1200px;
  }
  .footer .footerW {
    width: 1200px;
  }
  .banner .slick-slide {
    /* height: 636px; */
  }

  .footer .footerW .form{    margin-left: 95px;}
}
@media screen and (max-width: 1760px) {
  .footer .line {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .onp {
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px);
      }
  .footer .footerW {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    height: auto;
  }


  .rightbox{width: 90%;margin:0 auto;float:none;}
  .codeapp{margin-left: 0;float: none;padding-top: 0;width: 33%;margin: 0 auto;}

  .codeapp .code{margin-left: 0;margin-right: 20px;width: 40%;margin-right: 10%;}
  .codeapp .code img{width: 100%;}
  .leftbox{float: none;width: 28%;margin: 0 auto 2% auto;}
  .footer .footerW .u1{width: 50%;margin: 0;}
  .footer .footerW .form{float: none;width:43%;margin-left: 0;margin: 3% auto 0 auto;}
  .footer .footerW .u3{padding-top: 0;margin: 3%  auto;float: none;width: 43%;overflow: hidden;text-align: center;}
  .footer .footerW .u2{width: 50%;}


  .logoH .sidebar{
    display: block;
  }

  .logoH .listBtn {
    display: block;
    cursor: pointer;
  }
  .Hde{
    position: sticky; top: 0;
  }
  .head {
    /* display: none; */
    height: auto;
  }
  .head .pWrap .ul-wrap{
    float: none;
    width: 100%;
    padding-bottom: 10px;
  }
  .head .pWrap .u1{
    display: flex;
    justify-content:space-around;
    float: none;
  }
  .head .pWrap .u1 li{
    margin: 0 10px;
  }
  .head .pWrap .u1 li a{
    line-height: 3;
  }
  .banner .slick-slide {
    /* height: 606px; */
  }
  .login {
    width: 100%;
    padding: 0 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    padding-top:90px;
  }
  .login .login-inner {
    width: 100%;
  }
  .login .login-inner .form .d1 dt,
  .login .login-inner .form .d1 dd {
    width: 48%;
  }
}

@media screen and (max-width: 810px) {
  .footer .footerW {

  }
  .footer .footerW .form {
    width: 55%;
  }

  .footer .footerW .u3 li {
    margin-left: 0;
    margin-right: 20px;
    display: inline-block;
    float: none;
  }
}
@media screen and (max-width: 500px) {
  .codeapp{width: 50%;}
  .footer .footerW .form{width: 77%;}
  .footer .footerW .u3{width: 67%;}
  .footer .Copyright {
    height: auto;
  }
  .footer .footerW {

    text-align: center;
  }
  .leftbox{width: 65%;}
  .footer .footerW .u3 li {
    margin-left: 0;
    margin-right: 12px;
  }
  .logoH > a {
    width: 100px;
  }
  .logoH {
    height: 60px;
  }
  .logoH .listBtn {
    top: 16px;
    right: 6px;
    font-size: 26px;
  }
  .banner .slick-slide {
    /* height: 280px; */
  }
  .banner .slick-dots {
    bottom: 10px;
  }
  .footer .Copyright {
    line-height: 1;
    padding: 8px 0;
  }
  .footer .footerW .u1,
  .footer .footerW .u2 {
    float: left;
    vertical-align: top;
    display: inline-block;
  }
  .login {
    padding: 2% 2%;
    padding-top: 60px;
  }
  .login .login-inner {
    padding: 20px 4%;

  }
  .login > .p1 {
    line-height: 40px;
    font-size: 18px;
  }
  .login .login-inner .form .d2 .i1 {
    width: 80px;
  }
  .login .login-inner .form .d2 .i2 {
    width: 160px;
  }
  .login .login-inner .form > .p1 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .login .login-inner .form .d1 dt .p2,
  .login .login-inner .form .d1 dd .p2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .login .login-inner .form > input[type="text"] {
    margin-bottom: 10px;
    line-height: 34px;
    height: 34px;
  }
  .login .login-inner .form .d1 dt select,
  .login .login-inner .form .d1 dd select {
    line-height: 34px;
    height: 34px;
  }
}
/*# sourceMappingURL=c.css.map */



.tit{transition: all .5s }

/*----------------------*/



/*注册*/
.loginx{width: 1200px;background: #fff;margin: 0 auto;padding: 3%;overflow: hidden;}
.litem{float: left;width: 48%;}
.litem span{font-size:22px; color:#333333;}
.litem span em{color: #da251d;}
.litem p{font-size: 14px; color: #999999;}

.litem form{margin-top: 20px;}
.litem form input{width: 94%;height: 47px; line-height: 47px;padding: 0 3%;background: #f5f5f7;display: block;margin-bottom: 15px;}

.litem form .btn{overflow: hidden;}
.litem form .btn>.submit{float: left; color: #fff;background: #da251d;display: block;padding: 0;width: 121px;height: 50px; text-align: center;line-height: 50px;font-size: 14px;}
.litem form .btn>.button{float: left; color: #fff;background: #000000;width: 209px;display: block;padding: 0;height: 50px; text-align: center;line-height: 50px;font-size: 14px;margin-left: 2%;}


.ritem{float: right;width: 48%;}
.ritem span{font-size:22px; color:#333333;}
.ritem p{font-size: 14px; color: #999999;}
.ritem a{width: 249px; height: 47px;border:2px solid #da251d;display: block;margin-top: 10px;text-align: center;line-height: 47px; color: #da251d;font-size: 14px;}


@media screen and (max-width: 1276px) {

  .loginx{width: 94%;}
  .litem form .btn>.submit{float: none;width: 48%;height: 40px; line-height: 40px;font-size: 12px;margin-bottom:8px;}
  .litem form .btn>.button{float: none;width: 100%;margin-right: 0;height: 40px; line-height: 40px;font-size: 12px;}
  .ritem a{width: 200px;height: 30px; line-height: 30px;}

}

@media screen and (max-width: 710px) {

  .litem span{font-size: .35rem;}
  .litem p{font-size: .3rem;}
  .litem form .btn>.submit;.litem form #cl{height: .7rem;   line-height: .7rem;margin-bottom: .2rem}
  .litem form .btn>.button{height: .7rem;   line-height: .7rem;}
  .ritem a{width: 70%; line-height: .5rem;height: .5rem;margin-top:.2rem;font-size: .2rem;}

}




/*注册*/

/*.clumb{height: 54px;line-height: 54px;background: #fff;border-top: 1px solid #f2f2f2;}
.clumb_box{width: 1600px;margin: 0 auto;font-size: 14px; color: #da251d;overflow: hidden;}
.clumb_box a{color: #000;}
.clumb_box span{float: left;width: 50%;}
.clumb_box .nav{float: right;overflow: hidden;width: 50%;}
.clumb_box .nav li {float: right;margin-left: 6%;}
.clumb_box .nav li a{display: block;}
.clumb_box .nav li.current {border-bottom: 2px solid #da251d;display: block;}*/
.clumb{height: 54px;line-height: 54px;background: #fff;border-top: 1px solid #f2f2f2;padding-top: 170px;}
.clumb_box{width: 1600px;margin: 0 auto;font-size: 14px; color: #da251d;overflow: hidden;}
.clumb_box a{color: #000;}
.clumb_box span{float: left;width: 50%;}
.clumb_box .nav{float: right;overflow: hidden;width: 50%; text-align: right;}
.clumb_box .nav li {margin-left: 8%; display: inline-block;}
.clumb_box .nav li a{display: block;}
/* .clumb_box .nav li.current {border-bottom: 2px solid #da251d;display: block;} */
/*inews*/

/*.inews{padding-top: 60px;}*/
.inews{background: #f7f7f7;overflow: hidden;}
.inews .inews_box{width: 1600px; margin: 0 auto;padding-top: 2%;}
.inews .inews_box ul {overflow: hidden;}
.inews .inews_box ul li{width: 48%;float: left;overflow: hidden;margin-bottom: 2%;margin-right: 2%;background: #fff;}
.inews .inews_box ul li a{display: block;width: 100%;overflow: hidden;}
.inews .inews_box ul li .pic{width:40%;float: left; }
.inews .inews_box ul li .text{width: 46%;padding: 3% 7% 1% 7%;background: #fff;float: left;}

.inews .inews_box ul li .text h3{font-size: 20px; color: #333333;}
.inews .inews_box ul li .text p{font-size: 13px; color: #333;margin-top:6%;}
.inews .inews_box ul li .text i{display: block;font-size: 16px;color: #333333;margin-top: 20%;width: 27%;background: url(../images/view1.png ) right center no-repeat;}
.inews .inews_box ul li:hover .text i{background: url(../images/view2.png ) right center no-repeat;color: #da251d;}
.inews .inews_box ul li:hover{box-shadow: 0 0 10px #d0d0d0}


.ibot{width: 40%;margin: 0 auto;overflow: hidden;padding-top: 2%;padding-bottom: 2%;}
.ibot span{float: left;display: block;font-size: 14px; color: #666666;width: 31%;line-height: 40px;}
.ibot .page{float: left;overflow: hidden;width: 52%;margin-left: 30%;}
.ibot .page a{ padding: 3% 6%;border: 1px solid #caccce;display: block;float: left;margin-right: 2%; color: #333333;}
.ibot .page a:hover{border: 1px solid #333333;}
  .ibot .page .on{

    border-color: #000;
  }

.d2>.ibot{width: 65%;margin: 0 auto;overflow: hidden;padding-top: 2%;padding-bottom: 2%;}
.d2>.ibot span{float: left;display: block;font-size: 14px; color: #666666;width: 31%;line-height: 40px;}
.d2>.ibot .page{float: left;overflow: hidden;width: 52%;margin-left: 9%;}
.d2>.ibot .page a{ padding: 3% 6%;border: 1px solid #caccce;display: block;float: left;margin-right: 2%; color: #333333;}
.d2>.ibot .page a:hover{border: 1px solid #333333;}



.inews .news_show{width: 855px;margin: 0 auto;padding-top: 2%;}
.inews .news_show h3{color: #666666;font-size: 24px;}
.inews .news_show span{font-size: 16px; color: #666666;display: block;margin: 2% 0;}
.inews .news_show p{line-height: 25px;color: 666666;font-size: 14px;margin-bottom: 4%;}
.inews .news_show img{padding-bottom: 4%;display: block;width: 100%;}


@media screen and (max-width: 1600px) {
  .clumb_box{width: 1200px;}
  .inews .inews_box{width: 1200px; margin: 0 auto;padding-top: 2%;}
  .ibot{width: 54%;}
  .inews .inews_box ul li{height: 216px;}
  .inews .inews_box ul li .text{width: 54%;padding: 1% 3% 1% 3%;}
  .inews .inews_box ul li .text i{margin-top: 3%;}



}

@media screen and (max-width: 1200px) {
  .clumb{padding-top: 0;}
  .clumb_box{width: 90%;padding: 0 5%;  }
  .inews .inews_box{width: 90%;  }
  .inews .inews_box ul li{height: auto;}
  .inews .inews_box ul li .text h3{font-size: 18px; }
  .inews .inews_box ul li .text p{margin-top: 3%;height: 90px; overflow: hidden;}
  .inews .inews_box ul li .text i{width: 40%;}
  .ibot{width: 78%;}
  .inews .inews_box .ibot .page a{padding: 2% 4%;}
  .inews .inews_box .ibot span{line-height: 34px;width: 35%;}

  .d2>.ibot{width: 92%;margin: 0 auto;overflow: hidden;padding-top: 2%;padding-bottom: 2%;}

}

@media screen and (max-width: 1070px) {

  .inews .inews_box ul li{width: 23%;float: left;}
  .inews .inews_box ul li .pic{float: none;width: 100%;}
  .inews .inews_box ul li .text{float: none;width: 100%;padding: 0;}
  .inews .inews_box ul li .text h3{width: 96%;padding: 0 2%;text-align: center;font-size: 14px;}
  .inews .inews_box ul li .text p{display: none;}
  .inews .inews_box ul li .text i{display: none;}

}

@media screen and (max-width: 710px) {
  .inews .inews_box ul li{width: 49%;float: left;}
  .inews .inews_box ul li .text h3{font-size: .26rem;padding:3%;}
  .clumb{height: .8rem;line-height: .8rem;}
  .clumb_box{font-size: .3rem;}
  .ibot{width: 100%;}
  .inews .inews_box .ibot span{height: .35rem; line-height: .35rem;font-size: .26rem;float: none;width: 100%;margin-bottom: 3%;text-align: center;}
  .ibot .page{float: none;width: 100%;margin-left: 0;}

  .d2>.ibot span{float: none;width: 100%;padding: 0;text-align: center;}
  .d2>.ibot .page{width: 100%;padding: 0;margin-left: 0;float: none;}
  .d2>.ibot .page a{    padding: 2% 4%;}

}




/*inews*/


/*contact*/

.contact{width: 880px;margin: 0 auto ;padding-top: 1%;}
.contact h1{font-size: 40px; color: #333333;}
.contact p{font-size: 24px; color: #333333;}
.contact h4{font-size: 24px; color: #333333;margin-top: 30px;}
.contact span{display: block;font-size: 16px; color: #666;margin-bottom: 1%;}
.contact span em{color: #666666;}

.contact form{background: #fff;padding: 4% 3% 3% 3%;margin: 2% 0;}
.contact form h3{font-size: 20px; color: #333333;margin-bottom: 3%;}
.contact form .mb{margin-bottom: 1%; overflow: hidden;}
.contact form .mb input{width: 44%;background: #f7f7f7; height: 45px; padding: 0 2%;margin-bottom: 3%;}
.contact form textarea{background: #f7f7f7;padding: 2%;width: 96%;height: 110px;margin-bottom: 3%;}

.contact form .submit{padding: 1.5% 2%;width: 20%;background: #fff;border: 1px solid #da251d;color: #da251d;font-size: 16px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s}
.contact form .submit:hover{ background: #da251d;color: #fff;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s }



@media screen and (max-width: 930px) {

  .contact{width: 96%;margin: 0 auto ;padding: 1% 2%;}
  .inews .news_show{width: 96% ;padding:0 2%;}

}
@media screen and (max-width: 710px) {

    .contact{width: 96%;margin: 0 auto ;padding: 1% 2%;}
    .contact h1{font-size:.5rem;}
    .contact p{font-size: .4rem;}
    .contact h4{margin-top: 2%;font-size: .4rem}
    .contact span{font-size: .3rem;}
    .contact form h3{font-size: .3rem}
    .contact form .mb input{float: none;width: 96%;padding: 2%;height: .35rem;line-height: .35rem;}
    .contact form textarea{height: 1.5rem;}
    .contact form .submit{width: 30%;padding: 1%;font-size: .3rem;}

    .inews .news_show h3{font-size: .35rem;}
    .inews .news_show span{font-size:.22rem; ; }
    .inews .news_show p{line-height: .45rem;font-size: .22rem;}




}

/*contact*/



/*team*/
.nav_box{display: none;}
.team{width: 900px; margin: 70px auto;}
.team h2{font-size: 25px; color: #333333;}

.team .story span{font-size: 24px; color: #333333;line-height: 29px;display: block;margin-top: 20px;}
.team .story .p1{font-size: 16px; color: #999999;line-height: 25px;width: 90%;/* background: url(../images/dou.png) 3% 3% no-repeat;padding-left: 10%;*/margin-top: 5%;}
.team .story .pic {margin-top: 5%;margin-bottom: 5%;}
.team .story .pic img{width: 100%;}
.team .story p{font-size: 14px; color: #666;line-height: 25px;width: 100%;margin-bottom: 2%;}

.team .mission{}
.team .mission .txt{overflow: hidden;margin-top: 5%;}
.team .mission .txt .pic{width: 50%;float: left;}

.team .mission .txt .text{float: left;width: 48%;margin-left: 2%;}
.team .mission .txt .text h3{font-size: 38px; color: #333;}
.team .mission .txt .text p{font-size: 16px; color: #333333;margin-top: 5%;margin-bottom: 7%;display: block;}
.team .mission .txt .text span{display: block;font-size: 16px; color: #959595;margin-top: 2%;position: relative;padding-left: 20%;}
.team .mission .txt .text span:before{ position: absolute;width: 5px; height: 5px;border-radius: 5px;background: #959595;display: block;content: '';top: 42%;left: 12%;}


.team .our{margin-top: 3%;}
.team .our span{font-size: 24px; color: #333333;line-height: 25px;}
.team .our ul {overflow: hidden;}
.team .our ul li{float: left;width: 30%;margin-right: 3%;margin-top: 3%;}
.team .our ul li h5{font-size: 18px; color: #333333;text-align: center;display: block;margin: 3% 0;}
.team .our ul li p{text-align: left;font-size: 14px;color: #666; line-height: 22px;}



@media screen and (max-width: 900px) {

  .team{margin: 40px auto;width: 90%;}
  .team h2{font-size: 30px;width: 96%;/* padding: 0 2%; */}
  .team .story{/* width: 90%; *//* margin-left: auto; *//* margin-right: auto; */}
  .team .story span{/* width: 96%; *//* padding: 0 2%; *//* margin-top: 10px; */}
  .team .story .p1{background: none;width: 96%;padding: 0 2%; }
  .team .story .pic{margin: 2% 0;}
  .team .story p{/* width: 96%; *//* padding: 0 2%; */}
  .team .mission{  }
  .team .mission .txt{width: 96%;padding: 0 2%;}
  .team .our span{font-size: 22px;width: 96%;padding: 0 2%;display: block;}
  .clumb_box .nav{display: none;}
  .nav_box{width: 90%;padding: 0 5%;background: #fff;height: 54px;  line-height: 54px;border-top: 1px solid #d8d8d8;display: block;margin: .3% auto 0 auto;overflow: hidden;}
  .nav_box li{margin-right: 5%; color: #333;font-size: 14px;display: block;float: left;height: 52px; line-height: 52px;}
  .nav_box li a{display: block;}
  .nav_box li.current a{border-bottom: 2px solid #da251d;display: block;}

  



}


@media screen and (max-width: 710px) {

  .clumb_box .nav{display: none;}
  .team{margin-top: 5%;}
  .team h2{font-size: .5rem;}
  .team .story span{font-size: .35rem;line-height: .5rem}
  .team .story .p1{font-size: .3rem}
  .team .story p{font-size: .3rem;}
  .team .mission .txt .pic{float: none;width: 100%;}
  .team .mission .txt .text{float: none;width: 96%;margin-top: 5%;}
  .team .mission .txt .text h3{font-size: .4rem;}
  .team .mission .txt .text p{font-size: .3rem;margin: 2% 0;}
  .team .mission .txt .text span{padding-left: 3%;}

  .team .mission .txt .text span:before{    left: 0%}
  .team .our span{font-size: .3rem;}
  .team .our ul li{width: 48%;margin-right: 2%;width: 100%;margin-right: 0;}

  .team .our ul li h5{font-size: .3rem;}
  .team .our ul li p{font-size: .25rem;line-height: .4rem;}
}


/*arrivals*/

#h4{margin-top: 10%;}
.arrivals{width: 1600px;margin:  auto;overflow: hidden;}
.arrivals .left{width: 17%;float: left;}
.arrivals .left h4{font-size: 14px; color: #333333;font-weight: bold;}
.arrivals .left .choose{margin-bottom: 30%;display: block;}
.arrivals .left .choose ul{margin-top: 10%;}
.arrivals .left .choose ul li{font-size: 14px; color: #333333;padding: 3% 0;border-top: 1px solid #dedede;}
.arrivals .left .choose ul li a{display: block;}
.arrivals .left .choose ul li span{
  /* background: url(../images/sjx.png) right center no-repeat; */
  display: block;cursor: pointer;
}

.arrivals .left .choose ul li.on span{ background: url(../images/sjx02.png) right center no-repeat;display: block;cursor: pointer }

.cho-sed{display: none;}
.cho-sed dd{padding: 3% 0 3% 3%;}
.cho-sed dd a:hover{color: #da251d;}


.arrivals .left h5{border-bottom: 1px solid #dedede; font-size: 14px; color: #333333;background: url(../images/sjx.png) right center no-repeat;display: block;cursor: pointer;font-weight:bold;}
.arrivals .left h5.on{background: url(../images/sjx02.png) right center no-repeat;}
.arrivals .left .color ul{overflow: hidden;margin-top: 4%;padding-bottom: 8%;border-bottom: 1px solid #dedede;display: none;}
.arrivals .left .color ul li{width: 100%; padding: 3% 0 3% 3%;border: 1px solid #f7f7f7;display: block;cursor: pointer;font-size: 14px;}
.arrivals .left .color input{display: none;}


.arrivals .left .size{margin-top: 5%;}
.arrivals .left .size ul{display: none; margin-top: 3%;border-bottom: 1px solid #dedede;padding-bottom: 8%;overflow: hidden;}
.arrivals .left .size ul li{position: relative; font-size: 14px;color: #333333;padding: 3% 0 3% 3%;font-size: 14px;}

.arrivals .left .size ul li.on:after{content: '';position: absolute;display: block;    top: 39%;   left: 1.8%;   width: 6px;    height: 6px;background: #333;}
.arrivals .left .size input{display: none;}

.arrivals .left .price{margin-top: 5%;}
.arrivals .left .price ul{margin-top: 3%;overflow: hidden;display: none;}
.arrivals .left .price ul li{ font-size: 14px;color: #333333;padding: 3% 0 3% 3%;}

.arrivals .right{float:right;width: 80%}
.arrivals .right .ics{margin-top: 3%;}
.arrivals .right .ics h4{color: #333333;font-size: 16px; font-weight: bold;margin-bottom: 1%;}
.arrivals .right .ics span{border: 1px solid #d9dcde;padding:.2% 3% .2% 1%;display: inline-block;position: relative;color: #333333;font-size: 14px; margin-right: 1%;}
.arrivals .right .ics span i{background: url(../images/colse.png)  center no-repeat;cursor: pointer;content: '';position: absolute;right: 12%;width: 9px; height: 9px;top: 28%;}
.arrivals .right .ics .list{overflow: hidden;}

.arrivals .right .info{overflow: hidden; height: 40px; border: 1px solid #d9dcde;line-height: 40px;font-size: 14px; color: #333333;margin-top: 2%;}
.arrivals .right .info .if-1{float: left; width: 77px; text-align: center;border-right: 1px solid #d9dcde;}
.arrivals .right .info .if-2{ padding-left: 24px;display: block;float: left; line-height: 40px;font-size: 14px;width: 64px;background:#fff url(../images/foe.png) 72% 48% no-repeat;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border-right: 1px solid #d9dcde;}
.arrivals .right .info .if-3{width: 124px;text-align: center;display: block;float: left;border-right: 1px solid #d9dcde;}
.arrivals .right .info .if-4{ padding-left: 24px;display: block;float: left;height: 40px; line-height: 40px;font-size: 14px;width: 150px;background:#fff url(../images/foe.png) 90% 48% no-repeat;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border-right: 1px solid #d9dcde;}

.arrivals .right .arrPic{margin-top: 4%;}
.arrivals .right .arrPic ul{overflow: hidden; font-size: 0;}
.arrivals .right .arrPic ul li{height: 402px; width: 22%;
  /* float: left;  */
  display: inline-block; vertical-align: top;
  font-size: 14px;
  cursor: pointer;margin-right: 2.6%;margin-bottom:2%;
}
.arrivals .right .arrPic ul li .pic {position: relative;}
.arrivals .right .arrPic ul li .pic .picSlick{position: absolute;top: 0px;left: 0;width: 100%;opacity: 0;}
.arrivals .right .arrPic ul li .pic .picSlick dd img{width: 100%;}
.arrivals .right .arrPic ul li .pic img{width: 100%;}
.arrivals .right .arrPic ul li .text{padding:10% 5% 5% 5%;border-bottom: 1px solid #f0f0f0;background: #fff;}
.arrivals .right .arrPic ul li .text p{font-size: 16px; color: #333333;}
.arrivals .right .arrPic ul li .text span{font-size: 14px;color: #da251d;}
.arrivals .right .arrPic ul li .text span em{font-size: 18px;font-weight: bold;}
.arrivals .right .arrPic ul li a{background: #fff; display: block; padding: 1% 0; text-align: center;color: #da251d;font-size: 14px; opacity: 0;}
.arrivals .right .arrPic>.ibot{width: 100%;}





.arrivals .right .arrPic>.ibot .page a{ padding: 1% 3%;}
.arrivals .right .arrPic>.ibot .page{/*float: right;*/}


.arrivals .right2{float: right;width: 80%;margin-top:0.1rem;}
.arrivals .right2 .arr-show{overflow: hidden;}
.arrivals .right2 .arr-show .pic{float: left;width: 45%;}
.arrivals .right2 .arr-show .pic .smlPic{margin-top: 3%;}
.arrivals .right2 .arr-show .pic .smlPic ul{overflow: hidden;}
.arrivals .right2 .arr-show .pic .smlPic ul li{float: left;/*width: 30%;*/margin-right: .5%;margin-left: .5%;cursor: pointer;}
.arrivals .right2 .arr-show .pic .smlPic ul li img{width:100%}
.arrivals .right2 .arr-show .text{float: right;width: 50%;}
.arrivals .right2 .arr-show .text h3{color: #666;font-size: 30px;}
.arrivals .right2 .arr-show .text h4{font-size: 14px;color: #666666;padding: 3% 0;display: block;}
.arrivals .right2 .arr-show .text p{font-size: 14px;color: #666;line-height: 25px;}
.arrivals .right2 .arr-show .text .td1{overflow: hidden;border-bottom: 1px solid #d9d9d9;margin-top: 2%;margin-bottom: 2%;}
.arrivals .right2 .arr-show .text .td1 span{font-size: 14px; color: #666;}
.arrivals .right2 .arr-show .text .td1 em{font-size: 14px; color: #999999;}
.arrivals .right2 .arr-show .text p em{color: #999999;}

.arrivals .right2 .arr-show .text .txt{overflow: hidden;margin-top: 3%;}
.arrivals .right2 .arr-show .text .txt .color{float: left;}
.arrivals .right2 .arr-show .text .txt .color span{font-size: 14px; color: #333333;display: block;margin-bottom: 10%;}
.arrivals .right2 .arr-show .text .txt .color i{color: #dd3333;}
.arrivals .right2 .arr-show .text .txt .color em{width: 30px; height: 30px;display: block; cursor: pointer;float: left;}

.arrivals .right2 .arr-show .text .txt .price{float: left;margin-left: 15%;}
.arrivals .right2 .arr-show .text .txt .price span{font-size: 14px; color: #333333;display: block;}
.arrivals .right2 .arr-show .text .txt .price em{display: block;font-size: 28px; color: #da251d;font-weight: bold;}
.arrivals .right2 .arr-show .text .txt span{font-size: 14px; color: #333333;display: block;}
.arrivals .right2 .arr-show .text .txt span i{color: #dd3333;}
.arrivals .right2 .arr-show .text .txt select{height: 40px; width: 70%;border: 1px solid #d9d9d9;padding-left: 2%;margin-top: 2%;background:#fff url(../images/sjx.png) 98% center no-repeat;}

.arrivals .right2 .arr-show .text .txt1{overflow: hidden;}

.arrivals .right2 .arr-show .text .txt1 a{margin-right: 3%; float: left; border: 1px solid #da251d;display: block;width: 40%;padding: 1.5% 0;color: #da251d;text-align: center;margin-top: 5%;background: url(../images/love.png) 30% center no-repeat;}
.arrivals .right2 .arr-show .text .txt1 a:hover{background: #da251d;color: #fff;}
.arrivals .right2 .arr-show .text .txt1 a:nth-child(2){background-image:  none}

.arrivals .right2 .comm{display: none;}
.arrivals .right2 .slbox{overflow: hidden;width: 100%;margin-top: 3%;}
.arrivals .right2 .slbox ul{background: #fff;overflow: hidden;border-bottom: 1px solid #f0f0f0;}
.arrivals .right2 .slbox ul li{padding: 1% 3%;float: left;font-size: 14px ;color: #333333;cursor: pointer;border-right: 1px solid #f0f0f0;}
.arrivals .right2 .slbox ul li.on{background: #da251d;color: #fff;}
.arrivals .right2 .slbox .menu-content{display: none;background: #fff;/*padding-top: 2%;*/text-align: center;}
.arrivals .right2 .slbox .menu-content p{text-align: center;font-size: 14px; color: #666;width: 95%;margin:0 auto;display: block;/*padding: 5% 0;*/word-break:break-all; }
.arrivals .right2 .slbox .menu-content.active{display: block;}
.arrivals .right2 .slbox .menu-content h4{font-size: 20px; color: #333333;font-weight: normal;display: block;}
.arrivals .right2 .slbox .menu-content h3{font-size: 16px; color: #333333;display: block;margin-top: 1%;}
.arrivals .right2 .slbox .menu-content p{text-align: left;font-size: 14px; color: #666;/*width: 60%;*/margin:0 auto;display: block;padding: 2% 0;}


/*.arrivals .right2 .title{font-size: 16px; font-weight: bold;color: #333333;padding-bottom: 1%;border-bottom: 1px solid #e5e5e5;margin-top: 3%;}
.arrivals .right2 .hot{overflow: hidden;margin-top: 2%;}
.arrivals .right2 .hot li{ width: 23%;float: left; cursor: pointer;margin-right: .5%;margin-left:.5%;margin-bottom:2%;}
.arrivals .right2 .hot li .pic img{width: 100%;}
.arrivals .right2 .hot li .text{padding:10% 5% 5% 5%;border-bottom: 1px solid #f0f0f0;background: #fff;}
.arrivals .right2 .hot li .text p{font-size: 16px; color: #333333;}
.arrivals .right2 .hot li .text span{font-size: 14px;color: #da251d;}
.arrivals .right2 .hot li .text span em{font-size: 18px;font-weight: bold;}*/
/*修改*/
.arrivals .right2 .title{font-size: 16px; font-weight: bold;color: #333333;padding-bottom: 1%;border-bottom: 1px solid #e5e5e5;margin-top: 3%;}
.arrivals .right2 .hot{overflow: hidden;margin-top: 2%;margin-bottom: 3%}
.arrivals .right2 .hot li{float: left; cursor: pointer;}
.arrivals .right2 .hot li .pic{width: 94%;margin: 0 auto}
.arrivals .right2 .hot li .pic img{width: 100%;}
.arrivals .right2 .hot li .text{    margin: 0% 5% 0% 3%;border-bottom: 1px solid #f0f0f0;background: #fff;width: 94%;}
.arrivals .right2 .hot li .text p{font-size: 16px; color: #333333;}
.arrivals .right2 .hot li .text span{font-size: 14px;color: #da251d;}
.arrivals .right2 .hot li .text span em{font-size: 18px;font-weight: bold;}
/*修改*/


@media screen and (max-width: 1600px) {

    .arrivals{width: 92%;}
    .arrivals .right .arrPic ul li{height: 344px;}
    .arrivals .right2 .arr-show .text a{margin-top: 3%;}

    .arrivals .right2 .hot{width: 100%;}

}

@media screen and (max-width: 1440px) {

.arrivals .right2 .arr-show .text p{display: black;}
.arrivals .right2 .comm{display: block;width: 94%;background: #fff;padding:3%;margin-top: 3%;}
.arrivals .right2 .comm p{font-size: 14px;color: #333333;line-height: 25px;}
}

@media screen and (min-width: 1366px) {

  .arrivals .right .arrPic ul li:hover .pic .picSlick{opacity: 1;}


}


@media screen and (max-width: 1200px) {

    .arrivals .left{float: none;width: 100%;margin-bottom: 2%;display: none;}
    .arrivals .right{float: none;width: 100%;}
    .arrivals .right2{float: none;width: 100%;}
    .arrivals .left .choose{display: none;margin-bottom: 2%;}
    .arrivals .left .choose ul{margin-top: 0%;}
    .arrivals .left .choose ul li{padding: 1% 0 1% 0%;}
    .arrivals .left h4{background: #000000;color: #fff;width: 100%; cursor: pointer;padding-left: 2%;}
    .arrivals .left .color ul{    margin-top: 1%;  padding-bottom: 0%;}
    .arrivals .left .size{ margin-top: 1%;}
    .arrivals .left .size ul{padding-bottom: 2%; margin-top: 1%;}
    .arrivals .left .size ul li.on:after{ left: 3.5%;}
    .arrivals .left .price{ margin-top: 1%; }
    .arrivals .left .price ul{margin-top: 1%;margin-bottom: 2%;}
    .arrivals .left .price ul li.on:after{left: 5.8%;}
    .arrivals .right .arrPic ul li{height: auto;}
    .arrivals .right .arrPic ul li a{display: block;}

    .arrivals .right2 .arr-show .text .td1{margin-top: 0;}
    .arrivals .right2 .arr-show .text a{background-position: 10% center;}

    .cho-sed dd{padding: 1% 0 1% 3%;}
    .arrivals .left .choose ul li{border-top: none;border-bottom:1px solid #dedede;}
    .arrivals .left .color{margin-top: 1%;}
    .arrivals .left h5{background-image: none;color: #fff;font-weight: bold; padding-left: 2%;background: #000}
    .arrivals .left h5.on{color: #000;}
    .arrivals .left .color ul li{padding: 1% 0 1% 3%;}

    .arrivals .left .size ul li{padding: 1% 0 1% 3%;float: none;width: 97%;}
    .arrivals .left .price ul li{padding: 1% 0 1% 3%;float: none;width: 97%;}
    .arrivals .right2 .arr-show .text .txt1 a{background-image: none}

    .arrivals .right .arrPic ul li .pic .Pic-bg img{opacity: 1;}
    .arrivals .right .arrPic ul li .pic .picSlick {opacity: 1;}


}
@media screen and (max-width: 710px) {

  .arrivals .left h4{font-size: .28rem;}
  .arrivals .left .choose ul li{font-size: .24rem;}
  .arrivals .left h5{font-size: .26rem;}
  .arrivals .left .color ul li{width: 100%;}
  .arrivals .right .ics h4{font-size: .26rem;}
  .arrivals .right .ics span{ padding: .2% 10% .2% 1%;}
  .arrivals .right .info{height: .4rem;line-height: .4rem;}
  .arrivals .right .info .if-1{width: 15%;}
  .arrivals .right .info .if-2{width: 20%;line-height: .4rem;padding-left: 8%;}
  .arrivals .right .info .if-3{width: 25%;}
  .arrivals .right .info .if-4{width: 35%;line-height: .4rem;padding-left: 8%;height: 100%;}
  .arrivals .right .arrPic ul li{width: 46%;margin-right: 4%;}
  .arrivals .right .arrPic>.ibot span{width: 100%;}

  .arrivals .right2 .arr-show .pic{float: none;width: 100%;}
  .arrivals .right2 .arr-show .text{float: none;width: 100%;}
  .arrivals .right2 .arr-show .text h3{font-size: .5rem;}
  .arrivals .right2 .arr-show .text h4{font-size: .24rem;padding: 1% 0 ;}
  .arrivals .right2 .slbox ul{width: 100%;border-bottom: none;}
  .arrivals .right2 .slbox ul li{width: 49.5%;float: left;text-align: center;border-bottom: 1px solid #f0f0f0;padding: 2% 0; }
  .arrivals .right2 .slbox .menu-content p{width: 90%;}


  .arrivals .right2 .hot li{width: 48%;}
}

/*arrivals*/



.ul-wrap .sBox{height: 30px;overflow: hidden;position: absolute;width: 0%;top: 60%;right: 0;overflow: hidden;z-index: 8;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;}
.ul-wrap .sBox input{width: 75%;background: #eee;padding-left: 10px; float: left;height: 30px; }
.ul-wrap .sBox .search-submit{width: 12%;padding: 0;}
.ul-wrap .sBox.x{width: 100%;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;width: 270px;right: 135px;}
.ul-wrap .sBox.x .search-submit{background:#000 url(../images/search.png) center center no-repeat;}



@media screen and (max-width: 1200px) {
 .sidebar .sBox{ height: 30px; width: 90%;margin: 20px auto;}
 .sidebar .sBox input{width: 90%;background: #eee;padding-left: 10px; height: 30px; }
 .sidebar .sBox .search-submit{width: 96%;padding: 0;margin-top: 10px;background: #000 url(../images/search.png) center center no-repeat;}
}


@media screen and (max-width: 710px) {

  .logoH .sidebar > a{width: 43%;margin: 0 auto 10px;}
  .logoH .sidebar ul li{height: 30px;}
  .logoH .sidebar ul li a{line-height: 30px;}


}

@media screen and (max-width: 768px) {

.litem{float:none;width: 100%;}
.ritem{float:none;width: 100%;}

}



/*加工能*/

.addCont{background: #f7f7f7;}
.addCont .box{width: 895px;margin: 0 auto;padding-top: 4%;}
.addCont .box h1{font-size: 30px;color: #333333;}
.addCont .box h4{color: #333333;font-size: 20px;margin-top: 3%;}
.addCont .box p{font-size: 14px;color: #666;margin-top: 2%;line-height: 25px;}

.addCont .txt{width: 895px;border-top: 1px solid #cbcbcb;overflow: hidden;margin: 3% auto 0% auto;padding: 3% 0;}
.addCont .txt a{float: left; display: block;color: #ffffff;font-size: 16px;background: #da251d;padding: 2% 4%;width: 15%;text-align: center;}
.addCont .txt span{font-size: 16px;color: #666;padding: 2% 0%;display: block;margin-left: 5%;float: left;}



@media screen and (max-width: 1024px) {

  .addCont .box,.addCont .txt{width: 92%;}
  .addCont .box h1{font-size: 20px;}
  .addCont .box h4{font-size: 16px;}
  .addCont .txt a{float: none;    padding: 1% 4%;font-size: 14px;}
  .addCont .txt span{float: none;margin-left: 0px;font-size: 14px;}

}

@media screen and (max-width: 768px) {

  .addCont .txt a{width: 35%;}

}



.addCont2{background: #f7f7f7;}
.addCont2 .box{width: 895px;margin: 0 auto;padding-top: 4%;padding-bottom: 5%;}
.addCont2 .box ul{overflow: hidden;}
.addCont2 .box ul li{float: left;width: 17%;margin-right: 10%;}
.addCont2 .box ul li .pic{margin-bottom: 20%;}
.addCont2 .box ul li a{display: block;text-align: center;font-size: 14px;color: #333333;margin-bottom: 5%;}
.addCont2 .box ul li:nth-child(4){margin-right: 0;}

.addCont2 .conTen{margin-top: 10%;}
.addCont2 .conTen h1{font-size: 30px;color: #333;}
.addCont2 .conTen h3{font-size: 24px;color: #333333;margin-top:3%;}

.addCont2 .conTen .td{margin-bottom: 5%; font-size: 16px;color: #666;padding-top: 3%;padding-left: 10%;background:url(../images/addicon.png) 20px 30px no-repeat;}

.addCont2 .conTen .text{margin-top: 5%;font-size:16px;color: #666;line-height: 25px;display: block;}
.addCont2 .conTen span{margin-top: 2%;font-size:16px;color: #666;line-height: 25px;display: block;}
.addCont2 .conTen p{font-size: 12px;color: #666;}


@media screen and (min-width: 1360px) {

.addCont2 .box ul li a:hover{color: #da251d;}

}

@media screen and (max-width: 1024px) {

.addCont2 .box{width: 92%;}




}

@media screen and (max-width: 768px) {

.addCont2 .conTen h1{font-size: 20px;}
.addCont2 .conTen h3{font-size: 16px;}
.addCont2 .conTen .td{background: none;padding-left: 0;}
.addCont2 .conTen .td,.addCont2 .conTen .text{font-size: 14px;}
.addCont2 .conTen span,.addCont2 .conTen p{font-size: 14px;}

.addCont2 .box ul{ width: 80%;margin: 0 auto; }
.addCont2 .box ul li{width: 45%;margin-right: 10%;}
.addCont2 .box ul li:nth-child(2){margin-right: 0;}
.addCont2 .box ul li .pic{text-align: center;}
}

/*加工能*/


.jqzoom {position: relative; padding: 0px; /*cursor:pointer;*/   }
.jqzoom img { }
.zoomdiv { 
            z-index: 100;
            position: absolute;
            width: 200px;
            height: 200px;
            background: #fff;
            border: 1px solid #09d;
            display: none;
            text-align: center;
            overflow: hidden;
 }
 .bigimg {
    width: 800px;
    height: 800px;
 }

 .jqZoomPup {
            z-index: 10;
            visibility: hidden;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 50px;
            height: 50px;
            border: 1px solid #aaa;
            background: #c4c4c4 50% top no-repeat;
            opacity: 0.5;
            -moz-opacity: 0.5;
            -webkit-opacity: 0.5;
            filter: alpha(opacity=50);
            cursor: crosshair;
}

.jqzoom>img{max-height: 100%;max-width: 100%;}



.my-simple-gallery{display: none;}

@media screen and (max-width: 1200px){

  .jqzoom{display: none;}
  .my-simple-gallery{display: block;}
  .my-simple-gallery img{width: 100%;}
  .my-simple-gallery figure{padding: 0;margin: 0;display: none;}
  .pswp__zoom-wrap .pswp__img:nth-child(2){display: none !important;}
}





#totop{width: 37px;position: fixed;    right: 2%;  bottom: 5%;display: none;cursor: pointer;}

@media screen and (max-width: 768px){

  #totop{width: 8%;}
  #totop img{width: 100%}

}