.ac-trade-products {

  clear: both;

  overflow: hidden;

  background-position: 0 0;

  background-repeat: no-repeat;

  background-size: 100%;

}

.ac-trade-products .lay {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}



.ac-trade-products ul {

  margin: 0 -1.25rem;

  padding: 1.25rem 0;

  font-size: 0;

}



.ac-trade-products ul li {

  display: inline-block;

  width: 33.3333%;

  padding: 1.25rem;

}



.ac-trade-products ul li a {

  background-color: #FFF;

  padding: 1.25rem;

  font-size: 1rem;

  display: block;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}



.ac-trade-products ul li a:link, .ac-trade-products ul li a:visited {

  color: #333333;

}



.ac-trade-products ul li a:hover, .ac-trade-products ul li a:active {

  color: #F08519;

}



.ac-trade-products ul li .picture {

  clear: both;

  overflow: hidden;

}



.ac-trade-products ul li a .picture img {

  display: block;

  margin: 0;

  max-width: 100%;

}



.ac-trade-products ul li a:hover .picture img {

  animation-name: zoom;

  animation-direction: alternate;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

  animation-delay: 0s;

  animation-duration: 25s;

}



.ac-trade-products ul li a .n {

  padding-top: 1rem;

}



.ac-trade-products ul li a .n span {

  display: block;

  padding-right: 2rem;

  position: relative;

}



.ac-trade-products ul li a .n span:before, .ac-trade-products ul li a .n span:after {

  content: '';

  width: 0.5rem;

  height: 2px;

  position: absolute;

  right: 0;

  top: 50%;

  background-color: #666666;



  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;



  /*transform: translateY(-50%);*/

}



.ac-trade-products ul li a .n span:before {

  margin-top: -0.15625rem;

  transform: rotate(45deg);

}



.ac-trade-products ul li a .n span:after {

  margin-top: 0.15625rem;

  transform: rotate(-45deg);

}



.ac-trade-products ul li a:hover .n span:before, .ac-trade-products ul li a:hover .n span:after {

  background-color: #F08519;

}



.ac-trade-products ul li a:hover .n span:before {

  transform: rotate(-45deg);

}



.ac-trade-products ul li a:hover .n span:after {

  transform: rotate(45deg);

}



@keyframes zoom {

  0%{

    transform: scale(1);

  }

  25%{

    transform: scale(1.2);

  }

  50%{

    transform: scale(1.4);

  }

  75%{

    transform: scale(1.2);

  }

  100%{

    transform: scale(1);

  }

}



.ac-product-details {

  clear: both;

  overflow: hidden;

  border-right: 1px #E8E8E8 solid;

  padding: 2.5rem;

}



.ac-product-details .a {

  font-size: 1.5625rem;

  border-bottom: 1px #E8E8E8 solid;

  padding: 0 0 2rem 0;

}



.ac-product-details .b {

  clear: both;

  position: relative;

  padding: 0 16.6666%;

  margin: 3rem 0;

}



.ac-product-details .b img {

  display: block;

  margin: 0 auto;

  max-width: 100%;

}



.ac-product-details .b .z {}



.ac-product-details .b .s {

  margin-top: 2rem;

}



.ac-product-details .b .n {

  width: 3.75rem;

  height: 3.75rem;

  border: 1px #E8E8E8 solid;

  border-radius: 0.3125rem;

  position: absolute;

  top: 50%;

  cursor: pointer;

  outline: none;

  margin-top: -1.875rem;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}



.ac-product-details .b .n.prev {

  left: 0;

}



.ac-product-details .b .n.next {

  right: 0;

}



.ac-product-details .b .n:hover {

  /*background-color: #F29330;*/

  border: 1px #F29330 solid;

}



.ac-product-details .b .n:before, .ac-product-details .b .n:after {

  content: '';

  width: 0.6rem;

  height: 2px;

  position: absolute;

  left: 50%;

  top: 50%;

  background-color: #666666;

  margin-left: -0.3rem;



  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;



  /*transform: translateY(-50%);*/

}



.ac-product-details .b .n:before {

  margin-top: -0.2rem;

  transform: rotate(45deg);

}



.ac-product-details .b .n:after {

  margin-top: 0.2rem;

  transform: rotate(-45deg);

}



.ac-product-details .b .n.prev:before {

  margin-top: -0.2rem;

  transform: rotate(-45deg);

}



.ac-product-details .b .n.prev:after {

  margin-top: 0.2rem;

  transform: rotate(45deg);

}



.ac-product-details .b .n:hover:before, .ac-product-details .b .n:hover:after {

  background-color: #F29330;

}



.ac-product-details .b .n.prev:hover:before, .ac-product-details .b .n.prev:hover:after {

  margin-left: -0.6rem;

}



.ac-product-details .b .n.next:hover:before, .ac-product-details .b .n.next:hover:after {

  margin-left: 0;

}



.ac-product-details .c {

  clear: both;

}



.ac-product-details .c .h ul{

  margin: 0 -0.625rem;

  font-size: 0;

}



.ac-product-details .c .h ul li{

  display: inline-block;

  padding: 0 0.625rem;

  width: 33.3333%;

}



.ac-product-details .c .h ul li a{

  display: block;

  line-height: 3.75rem;

  background-color: #F6F1EE;

  color: #333;

  font-size: 1.25rem;

  text-align: center;

  position: relative;

  transition: all 0.5s;

  -moz-transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

}



.ac-product-details .c .h ul li.on a,.ac-product-details .c .h ul li a:hover{

  background-color: #F0861B;

  color: #FFF;

}



.ac-product-details .c .h ul li a:after{

  position: absolute;

  content: '';

  width:0;

  height:0;

  border-right:1rem solid transparent;

  border-left:1rem solid transparent;

  border-top:1rem solid #F6F1EE;

  bottom: 0;

  left: 50%;

  margin-left: -1rem;



  transition: all 0.5s;

  -moz-transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;



}



.ac-product-details .h ul li.on a:after,.ac-product-details .h ul li a:hover:after{

  bottom: -0.625rem;

  border-top:1rem solid #F0861B;

}



.ac-product-details .c .p {

  clear: both;

  padding: 2rem 0;

}



.ac-product-details .c .p .cx {

  line-height: 1.75rem;

  color: #666;

}



.ac-product-details .c .p .cx p {

  padding: 0.25rem 0;

}



.ac-product-details .c .p .ct h5 {

  font-size: 1.15rem;

  margin: 0 0 1.5rem 0;

  font-weight: normal;

  position: relative;

}



.ac-product-details .c .p .ct h5:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -0.5rem;

  width: 4rem;

  height: 1px;

  background-color: #E8E8E8;

}



.ac-product-details .c .p .ct p {

  padding: 0.6rem 0;

}