@keyframes announcement {
  0% {
    opacity: 0;
  }
  12.4% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  37.6% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
html {
  font-size: 100px;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
img {
  display: inline-block;
  font-size: .12rem;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
div,
p {
  cursor: default;
}
.clear::after {
  content: '';
  display: block;
  clear: both;
}
.cw1200 {
  width: 1200px;
  margin: 0 auto;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-top {
  height: 0.3rem;
  font: 0.12rem/0.3rem "微软雅黑";
  color: #ccc;
  background: #333;
}
.header-top .cw1200 a,
.header-top .cw1200 span {
  float: left;
  color: #ccc;
}
.header-top .cw1200 a:hover {
  color: #f6592f;
}
.header-top .cw1200 .notice {
  position: relative;
  float: left;
  width: 3.1rem;
  height: .3rem;
  padding: 0 .35rem;
  overflow: hidden;
}
.header-top .cw1200 .notice a:hover {
  color: #ccc;
}
.header-top .cw1200 .notice .iconfont {
  position: absolute;
  top: .09rem;
  left: .17rem;
  font: 0.15rem/0.15rem "微软雅黑";
}
.header-top .cw1200 .notice .notice-swiper .swiper-wrapper {
  width: 100%;
  height: .3rem;
}
.header-top .cw1200 .notice .notice-swiper .swiper-wrapper .swiper-slide {
  position: relative;
  text-decoration: underline;
}
.header-top .cw1200 .loginOrRegister {
  float: left;
}
.header-top .cw1200 .loginOrRegister .login {
  margin-left: .1rem;
  color: #f6592f;
}
.header-top .cw1200 .loginOrRegister span {
  margin: 0 .05rem;
}
.header-top .cw1200 .loginOrRegister .name {
  float: left;
  max-width: .7rem;
  margin-right: .07rem;
}
.header-top .cw1200 .link-box {
  float: right;
  display: flex;
}
.header-top .cw1200 .link-box li {
  position: relative;
  padding: 0 .1rem;
  text-align: center;
}
.header-top .cw1200 .link-box li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: .19rem;
  background: #767676;
  transform: translateY(-50%);
}
.header-top .cw1200 .link-box li:last-child::after {
  content: none;
}
.header-top .cw1200 .link-box li .more {
  float: left;
  position: relative;
  top: 50%;
  display: block;
  width: .1rem;
  height: .06rem;
  margin: 0 0 0 .05rem;
  transform: translateY(-50%);
}
.header-top .cw1200 .link-box li .more::before,
.header-top .cw1200 .link-box li .more::after {
  position: absolute;
  top: 40%;
  content: '';
  width: .06rem;
  height: .02rem;
  background: #b8b8b8;
  transform: translateY(-50%);
}
.header-top .cw1200 .link-box li .more::before {
  left: 0;
  transform: rotate(45deg);
}
.header-top .cw1200 .link-box li .more::after {
  right: 0;
  transform: rotate(135deg);
}
.header-top .cw1200 .link-box li .panel-258 {
  z-index: 999;
  display: none;
  position: absolute;
  top: .3rem;
  left: 0;
  width: 2.04rem;
  padding: .2rem 0;
  background: #fff;
  box-shadow: 0 0.06rem 0.19rem 0.02rem rgba(0, 0, 0, 0.1);
}
.header-top .cw1200 .link-box li .panel-258 .left,
.header-top .cw1200 .link-box li .panel-258 .right {
  flex: 1;
  padding-left: .2rem;
}
.header-top .cw1200 .link-box li .panel-258 .left .title,
.header-top .cw1200 .link-box li .panel-258 .right .title {
  margin: 0;
  text-align: left;
  font: 100 0.14rem/0.14rem "微软雅黑";
  color: #666;
}
.header-top .cw1200 .link-box li .panel-258 .left .panel-item,
.header-top .cw1200 .link-box li .panel-258 .right .panel-item {
  position: relative;
  margin-top: .16rem;
  font: 0.12rem/0.12rem "微软雅黑";
  color: #666;
}
.header-top .cw1200 .link-box li .panel-258 .left .panel-item:hover,
.header-top .cw1200 .link-box li .panel-258 .right .panel-item:hover {
  color: #f6592f;
}
.header-top .cw1200 .link-box li .panel-258 .left .panel-item:hover::before,
.header-top .cw1200 .link-box li .panel-258 .right .panel-item:hover::before,
.header-top .cw1200 .link-box li .panel-258 .left .panel-item:hover::after,
.header-top .cw1200 .link-box li .panel-258 .right .panel-item:hover::after {
  content: '';
  position: absolute;
  top: 50%;
  width: .08rem;
  height: .01rem;
  background: #f6592f;
  transform: translateY(-50%);
}
.header-top .cw1200 .link-box li .panel-258 .left .panel-item:hover::before,
.header-top .cw1200 .link-box li .panel-258 .right .panel-item:hover::before {
  left: -0.13rem;
}
.header-top .cw1200 .link-box li .panel-258 .left .panel-item:hover::after,
.header-top .cw1200 .link-box li .panel-258 .right .panel-item:hover::after {
  right: -0.13rem;
}
.header-top .cw1200 .link-box li .panel-258 .right {
  padding: 0;
}
.header-top .cw1200 .link-box li .panel {
  z-index: 999;
  display: none;
  position: absolute;
  top: .3rem;
  left: 0;
  width: .9rem;
  padding-bottom: .2rem;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
  box-shadow: 0 0.06rem 0.19rem 0.02rem rgba(0, 0, 0, 0.1);
}
.header-top .cw1200 .link-box li .panel .panel-item {
  position: relative;
  margin-top: .16rem;
  font: 0.12rem/0.12rem "微软雅黑";
  color: #666;
}
.header-top .cw1200 .link-box li .panel .panel-item:hover {
  color: #f6592f;
}
.header-top .cw1200 .link-box li .panel .panel-item:hover::before,
.header-top .cw1200 .link-box li .panel .panel-item:hover::after {
  content: '';
  position: absolute;
  top: 50%;
  width: .08rem;
  height: .01rem;
  background: #f6592f;
  transform: translateY(-50%);
}
.header-top .cw1200 .link-box li .panel .panel-item:hover::before {
  left: -0.13rem;
}
.header-top .cw1200 .link-box li .panel .panel-item:hover::after {
  right: -0.13rem;
}
.header-top .cw1200 .link-box li:hover .panel-258,
.header-top .cw1200 .link-box li:hover .panel {
  display: flex;
}
.header-top .cw1200 .app {
  float: right;
  position: relative;
  padding-left: .14rem;
  margin: 0 .3rem 0 .05rem;
}
.header-top .cw1200 .app .iconfont {
  position: absolute;
  font-size: .14rem;
  left: -0.01rem;
}
.header-bottom {
  position: relative;
  width: 100%;
  background: #fff;
}
.header-bottom .cw1200 {
  z-index: 2;
  position: relative;
}
.header-bottom .cw1200 .bottom-t {
  position: relative;
  width: 100%;
  height: 1.05rem;
  padding: .49rem 0 0 5.51rem;
}
.header-bottom .cw1200 .bottom-t .logo {
  position: absolute;
  top: .38rem;
  left: .4rem;
}
.header-bottom .cw1200 .bottom-t .logo img {
  width: 1.67rem;
  height: .39rem;
}
.header-bottom .cw1200 .bottom-t .text-img {
  position: absolute;
  top: .53rem;
  left: 2.35rem;
}
.header-bottom .cw1200 .bottom-t .text-img img {
  width: 1.55rem;
  height: .2rem;
}
.header-bottom .cw1200 .bottom-t .my-btn {
  display: block;
  width: .88rem;
  text-align: center;
  font: 0.16rem/0.38rem "微软雅黑";
  color: #555;
  border-radius: .05rem;
  border: 1px solid #555;
}
.header-bottom .cw1200 .bottom-t .search-box {
  z-index: 999;
  float: left;
  position: relative;
  display: flex;
  width: 4.81rem;
  height: .4rem;
  margin-right: .3rem;
}
.header-bottom .cw1200 .bottom-t .search-box .type li {
  width: .81rem;
  height: .4rem;
  padding-left: .17rem;
  font: 0.16rem/0.4rem "微软雅黑";
  cursor: pointer;
}
.header-bottom .cw1200 .bottom-t .search-box .type .li-top {
  position: relative;
  color: #fff;
  background: #f6592f;
  border-radius: .05rem 0 0 .05rem;
}
.header-bottom .cw1200 .bottom-t .search-box .type .li-top::before,
.header-bottom .cw1200 .bottom-t .search-box .type .li-top::after {
  position: absolute;
  top: 50%;
  right: .16rem;
  content: '';
  width: .06rem;
  height: .02rem;
  background: #fff;
  transform: translateY(-50%);
}
.header-bottom .cw1200 .bottom-t .search-box .type .li-top::before {
  right: .20rem;
  transform: rotate(45deg);
}
.header-bottom .cw1200 .bottom-t .search-box .type .li-top::after {
  transform: rotate(135deg);
}
.header-bottom .cw1200 .bottom-t .search-box .type .li-bottom {
  display: none;
  position: relative;
  background: #fff;
  box-shadow: 0 0.03rem 0.07rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 0 0 .05rem .05rem;
}
.header-bottom .cw1200 .bottom-t .search-box .type .li-bottom::before {
  content: '';
  position: absolute;
  top: -0.05rem;
  left: 0;
  width: .05rem;
  height: .05rem;
  background: #f6592f;
}
.header-bottom .cw1200 .bottom-t .search-box .type:hover .li-bottom {
  display: block;
}
.header-bottom .cw1200 .bottom-t .search-box .search-input {
  width: 4rem;
  padding: 0 .4rem 0 .18rem;
  font: 0.16rem/0.38rem "微软雅黑";
  border-radius: 0 .05rem .05rem 0;
  border: 1px solid #b1b1b1;
  border-left-width: 0;
  outline: none;
}
.header-bottom .cw1200 .bottom-t .search-box .search-input::-webkit-input-placeholder {
  color: #ccc;
}
.header-bottom .cw1200 .bottom-t .search-box .search {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: .4rem;
  height: .4rem;
  text-align: center;
  font: 0.22rem/0.4rem "微软雅黑";
  color: #f6592f;
}
.header-bottom .cw1200 .bottom-t .release {
  float: left;
}
.header-bottom .cw1200 .bottom-t .release:hover {
  color: #fff;
  background: #f6592f;
  border-color: #f6592f;
}
.header-bottom .cw1200 .bottom-b {
  width: 100%;
  height: .5rem;
}
.header-bottom .cw1200 .bottom-b .classification {
  float: left;
  position: relative;
  width: 2.38rem;
  height: .5rem;
  padding-left: .25rem;
  font: 0.2rem/0.5rem "微软雅黑";
  color: #fff;
  background: #f6592f;
  border-radius: .08rem .08rem 0 0;
}
.header-bottom .cw1200 .bottom-b .classification .icon {
  position: absolute;
  top: .17rem;
  right: .17rem;
  display: block;
  width: .2rem;
  height: .16rem;
  background: #fff;
  cursor: pointer;
}
.header-bottom .cw1200 .bottom-b .classification .icon::before,
.header-bottom .cw1200 .bottom-b .classification .icon::after {
  content: '';
  position: absolute;
  left: 0;
  width: .2rem;
  height: .05rem;
  background: #f6592f;
}
.header-bottom .cw1200 .bottom-b .classification .icon::before {
  top: .02rem;
}
.header-bottom .cw1200 .bottom-b .classification .icon::after {
  bottom: .02rem;
}
.header-bottom .cw1200 .bottom-b .classification .other {
  z-index: 999;
  position: absolute;
  top: .5rem;
  left: 0;
  width: 2.38rem;
  height: 3.8rem;
  padding: .01rem .2rem .2rem;
  background: #fff;
}
.header-bottom .cw1200 .bottom-b .classification .other ul li {
  border-top: .01rem solid #bbb;
  padding-top: .2rem;
  margin-top: .2rem;
}
.header-bottom .cw1200 .bottom-b .classification .other ul li:first-child {
  border: none;
  margin-top: 0;
}
.header-bottom .cw1200 .bottom-b .classification .other ul a {
  float: left;
  width: 50%;
  padding: 0 .05rem;
  font: 0.14rem/0.24rem "微软雅黑";
  color: #666;
  transition: all .1s;
}
.header-bottom .cw1200 .bottom-b .classification .other ul a:hover {
  color: #f6592f;
  transform: scale(1.05);
}
.header-bottom .cw1200 .bottom-b .classification .news {
  z-index: 999;
  position: absolute;
  top: .5rem;
  left: 0;
  width: 2.38rem;
  height: 3.8rem;
  padding: .01rem .2rem .2rem;
  background: #fff;
}
.header-bottom .cw1200 .bottom-b .classification .news a {
  position: relative;
  display: block;
  font: 0.14rem/0.26rem "微软雅黑";
  margin-top: .1rem;
  padding-right: .8rem;
  color: #aaa;
  transition: all .1s;
}
.header-bottom .cw1200 .bottom-b .classification .news a:hover {
  color: #f6592f;
  transform: scale(1.03);
}
.header-bottom .cw1200 .bottom-b .classification .news a .time {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #888;
}
.header-bottom .cw1200 .bottom-b .nav {
  float: left;
  display: flex;
  height: .5rem;
  margin: 0 3.05rem 0 .3rem;
}
.header-bottom .cw1200 .bottom-b .nav li {
  position: relative;
}
.header-bottom .cw1200 .bottom-b .nav li .css {
  height: .5rem;
  overflow: hidden;
}
.header-bottom .cw1200 .bottom-b .nav li .css a {
  position: relative;
  display: block;
  padding: 0 .3rem;
  text-align: center;
  font: 0.16rem/0.5rem "微软雅黑";
  color: #333;
  transition: all .3s;
}
.header-bottom .cw1200 .bottom-b .nav li .css a::after {
  position: absolute;
  top: .5rem;
  left: 0;
  padding: 0 .3rem;
  text-align: center;
  font: 0.16rem/0.5rem "微软雅黑";
  color: #f6592f;
}
.header-bottom .cw1200 .bottom-b .nav li .panel {
  display: none;
  z-index: 999;
  position: absolute;
  top: .49rem;
  left: -0.02rem;
  width: .97rem;
  height: .75rem;
  background: #fff;
  border-top: 1px solid #f6592f;
  box-shadow: 0 0.06rem 0.19rem 0.02rem rgba(0, 0, 0, 0.1);
}
.header-bottom .cw1200 .bottom-b .nav li .panel .panel-item {
  display: block;
  width: 100%;
  text-align: center;
  font: 0.12rem/0.37rem "微软雅黑";
  color: #333;
}
.header-bottom .cw1200 .bottom-b .nav li .panel .panel-item:hover {
  background: #f2f2f2;
}
.header-bottom .cw1200 .bottom-b .nav li:hover .panel {
  display: block;
}
.header-bottom .cw1200 .bottom-b .nav li:hover .css a,
.header-bottom .cw1200 .bottom-b .nav li.active .css a {
  margin-top: -0.5rem;
}
.header-bottom .cw1200 .bottom-b .nav li:nth-child(1) .css a:after {
  content: '首页';
}
.header-bottom .cw1200 .bottom-b .nav li:nth-child(2) .css a:after {
  content: '产品';
}
.header-bottom .cw1200 .bottom-b .nav li:nth-child(3) .css a:after {
  content: '企业';
}
.header-bottom .cw1200 .bottom-b .nav li:nth-child(4) .css a:after {
  content: '资讯';
}
.header-bottom .cw1200 .bottom-b .my-btn {
  float: left;
  position: relative;
  display: block;
  width: .9rem;
  height: .39rem;
  padding: 0 0 .15rem .3rem;
  margin-top: .1rem;
  font: 0.12rem/0.26rem "微软雅黑";
  color: #333;
}
.header-bottom .cw1200 .bottom-b .my-btn .iconfont {
  position: absolute;
  top: -0.03rem;
  left: 0;
  font-size: .22rem;
  color: #f6592f;
}
.header-bottom .cw1200 .bottom-b .my-btn .css {
  height: .24rem;
  overflow: hidden;
}
.header-bottom .cw1200 .bottom-b .my-btn .css span {
  position: relative;
  display: block;
  height: .52rem;
  transition: all .2s;
}
.header-bottom .cw1200 .bottom-b .my-btn .css span::after {
  content: '我是采购商';
  position: absolute;
  bottom: 0;
  left: 0;
  color: #f6592f;
}
.header-bottom .cw1200 .bottom-b .my-btn .panel {
  display: none;
  z-index: 999;
  position: relative;
  top: .15rem;
  left: -0.4rem;
  width: 1.15rem;
  height: 1.36rem;
  background: #fff;
  border-top: 1px solid #f6592f;
  box-shadow: 0 0.06rem 0.19rem 0.02rem rgba(0, 0, 0, 0.1);
}
.header-bottom .cw1200 .bottom-b .my-btn .panel .panel-item {
  display: block;
  width: 100%;
  text-align: center;
  font: 0.12rem/0.37rem "微软雅黑";
  color: #333;
}
.header-bottom .cw1200 .bottom-b .my-btn .panel .panel-item:hover {
  background: #f2f2f2;
}
.header-bottom .cw1200 .bottom-b .my-btn .panel .icon-box {
  position: relative;
  text-align: center;
  height: .12rem;
}
.header-bottom .cw1200 .bottom-b .my-btn .panel .icon-box .iconfont {
  position: absolute;
  top: -0.07rem;
  left: 50%;
  font-size: .16rem;
  transform: translateX(-50%);
}
.header-bottom .cw1200 .bottom-b .my-btn:hover .panel {
  display: block;
}
.header-bottom .cw1200 .bottom-b .my-btn:hover span {
  margin-top: -0.26rem;
}
.header-bottom .cw1200 .bottom-b .buyers {
  margin-right: .2rem;
}
.header-bottom .cw1200 .bottom-b .seller .iconfont {
  font-size: .27rem;
}
.header-bottom .border-line {
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: .02rem;
  background: #f6592f;
}
.main {
  padding-bottom: .2rem;
  background: #f2f2f2;
}
.main .cw1200 .module-top {
  width: 100%;
  height: 3.6rem;
}
.main .cw1200 .module-top .classification-details {
  float: left;
  width: 2.38rem;
  height: 3.6rem;
  background: #ffffff;
  box-shadow: 0.02rem -0.02rem 0.06rem 0 rgba(4, 0, 0, 0.08);
}
.main .cw1200 .module-top .classification-details .class-item {
  position: relative;
  width: 100%;
  height: .89rem;
  padding: .2rem 0 0 .3rem;
  border-bottom: 1px solid #e4e4e4;
}
.main .cw1200 .module-top .classification-details .class-item .title {
  position: relative;
  margin: 0;
  padding-left: .26rem;
  font: 100 0.16rem/0.16rem "微软雅黑";
  color: #333;
}
.main .cw1200 .module-top .classification-details .class-item .title .iconfont {
  position: absolute;
  left: 0;
  font-size: .16rem;
  color: #f6592f;
}
.main .cw1200 .module-top .classification-details .class-item .tag-box {
  margin: .21rem 0 0 .26rem;
}
.main .cw1200 .module-top .classification-details .class-item .tag-box .tag {
  float: left;
  display: block;
  width: auto;
  min-width: .57rem;
  margin-right: .2rem;
  font-size: 12px;
  color: #666;
  transition: all .1s;
}
.main .cw1200 .module-top .classification-details .class-item .tag-box .tag:hover {
  color: #f6592f;
  transform: scale(1.05);
}
.main .cw1200 .module-top .classification-details .class-item .panel {
  display: none;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 2.38rem;
  width: 7.22rem;
  height: 3.6rem;
  padding: .3rem 0 0 .15rem;
  border: 1px solid #f6592f;
  background: #fff;
  overflow: hidden;
}
.main .cw1200 .module-top .classification-details .class-item .panel .panel-item {
  float: left;
  display: block;
  padding: 0 .15rem;
  margin: 0 .1rem .1rem 0;
  font: 0.12rem/0.28rem "微软雅黑";
  color: #666;
  border: 1px solid #ccc;
}
.main .cw1200 .module-top .classification-details .class-item .panel .panel-item:hover {
  color: #f6592f;
  border-color: #f6592f;
}
.main .cw1200 .module-top .classification-details .class-item:nth-of-type(2) .panel {
  top: -0.89rem;
}
.main .cw1200 .module-top .classification-details .class-item:nth-of-type(3) .panel {
  top: -1.78rem;
}
.main .cw1200 .module-top .classification-details .class-item:nth-of-type(4) .panel {
  top: -2.67rem;
}
.main .cw1200 .module-top .classification-details .class-item:hover .panel {
  display: block;
}
.main .cw1200 .module-top .classification-details .class-item:last-child {
  height: .9rem;
  border: none;
}
.main .cw1200 .module-top .my-banner {
  float: left;
  margin: .1rem .1rem 0 .1rem;
}
.main .cw1200 .module-top .my-banner .banner-swiper {
  width: 7.12rem;
  height: 3.5rem;
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-pagination {
  display: flex;
  bottom: .2rem;
  height: .09rem;
  justify-content: center;
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: .09rem;
  height: .09rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.15;
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f6592f;
  opacity: .6;
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-next,
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-prev {
  width: .34rem;
  height: .47rem;
  left: 0;
  background: #3b3b3b;
  border-radius: 0 .23rem .23rem 0;
  opacity: .3;
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-next::before,
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-prev::before,
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-next::after,
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-prev::after {
  content: '';
  position: absolute;
  left: .05rem;
  width: .17rem;
  height: .04rem;
  border-radius: .02rem;
  background: #fff;
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-next::before,
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-prev::before {
  top: .17rem;
  transform: rotate(-45deg);
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-next::after,
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-prev::after {
  bottom: .17rem;
  transform: rotate(45deg);
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-next:hover,
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-prev:hover {
  opacity: .7;
}
.main .cw1200 .module-top .my-banner .banner-swiper .swiper-button-next {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}
.main .cw1200 .module-top .ad-box {
  float: left;
}
.main .cw1200 .module-top .ad-box .ad-item {
  position: relative;
  width: 2.3rem;
  height: 1.7rem;
  margin-top: .1rem;
}
.main .cw1200 .module-top .ad-box .ad-item img {
  width: 100%;
  height: 100%;
}
.main .cw1200 .module-top .ad-box .ad-item::after {
  content: '广告';
  position: absolute;
  top: 0;
  right: 0;
  width: .4rem;
  height: .2rem;
  text-align: center;
  font: 0.12rem/0.2rem "微软雅黑";
  color: #fff;
  background: #cecece;
  border-radius: .02rem 0 .02rem .02rem;
}
.main .cw1200 .ad-link-box {
  width: 100%;
  height: .5rem;
  margin: .1rem 0 0;
  padding-left: 3rem;
  background: #f6592f;
}
.main .cw1200 .ad-link-box .nav {
  float: left;
  display: flex;
}
.main .cw1200 .ad-link-box .nav .item {
  width: 1.2rem;
  text-align: center;
  font: 0.12rem/0.5rem "微软雅黑";
  color: #fff;
  transition: all .8s;
}
.main .cw1200 .ad-link-box .nav .item:hover {
  color: #f6592f;
  background: #fff;
}
.main .cw1200 .ad-link-box .nav .item .iconfont {
  position: relative;
  top: .01rem;
  display: inline-block;
  margin-right: .05rem;
}
.main .cw1200 .ad-link-box .announcement {
  float: right;
  position: relative;
  width: 1.8rem;
  padding-left: .34rem;
  margin-right: .45rem;
  font: 0.12rem/0.5rem "微软雅黑";
  color: #fff;
}
.main .cw1200 .ad-link-box .announcement:hover {
  text-decoration: underline;
}
.main .cw1200 .ad-link-box .announcement::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: .24rem;
  height: .16rem;
  background: url(../Images/horn.gif) center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
.main .cw1200 .long-ad-box {
  width: 100%;
  height: .7rem;
  margin: .2rem 0;
}
.main .cw1200 .long-ad-box img {
  width: 100%;
  height: 100%;
}
.main .cw1200 .product {
  display: flex;
  width: 100%;
  height: 19.6rem;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
.main .cw1200 .product .pro-item {
  width: 5.95rem;
  height: 9.25rem;
  padding-top: .3rem;
  background: #fff;
  box-shadow: 0.02rem -0.02rem 0.06rem 0 rgba(4, 0, 0, 0.08);
}
.main .cw1200 .product .pro-item .pro-header .title {
  float: left;
  position: relative;
  padding-left: .15rem;
  font: 0.24rem/0.24rem "微软雅黑";
  color: #333;
}
.main .cw1200 .product .pro-item .pro-header .title::before {
  content: '';
  position: absolute;
  top: .01rem;
  left: 0;
  width: .06rem;
  height: .22rem;
  background: #f6592f;
}
.main .cw1200 .product .pro-item .pro-header .more {
  float: right;
  margin: .11rem .35rem 0 0;
  font: 0.13rem/0.13rem "微软雅黑";
  color: #555;
}
.main .cw1200 .product .pro-item .pro-header .more:hover {
  color: #f6592f;
}
.main .cw1200 .product .pro-item .pro-img {
  width: 5.3rem;
  height: 1.3rem;
  margin: .15rem auto 0;
  border-radius: .08rem;
  overflow: hidden;
}
.main .cw1200 .product .pro-item .pro-img img {
  width: 100%;
  height: 100%;
}
.main .cw1200 .product .pro-item .pro-nav {
  display: flex;
  width: 4.8rem;
  height: .25rem;
  margin: .3rem auto 0;
  justify-content: space-between;
}
.main .cw1200 .product .pro-item .pro-nav a {
  position: relative;
  width: .8rem;
  text-align: center;
  font: 0.16rem/0.25rem "微软雅黑";
  color: #555;
}
.main .cw1200 .product .pro-item .pro-nav a::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: .01rem;
  height: .1rem;
  background: #dddddd;
  transform: translateY(-50%);
}
.main .cw1200 .product .pro-item .pro-nav a:hover {
  color: #fff;
  background: #333;
}
.main .cw1200 .product .pro-item .pro-nav a:hover::after {
  background: #333;
}
.main .cw1200 .product .pro-item .pro-nav a:last-child::after {
  content: none;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item {
  padding: .3rem .5rem 0 .5rem;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .img-box {
  display: flex;
  align-items: center;
  float: left;
  width: 1.8rem;
  height: 1.3rem;
  background: #f2f2f2;
  overflow: hidden;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .img-box img {
  width: 100%;
  height: auto;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .pro-info {
  float: right;
  position: relative;
  margin-left: .35rem;
  width: 2.8rem;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .pro-info .title {
  margin: .2rem 0 0;
  font: 100 0.16rem/0.16rem "微软雅黑";
  color: #555;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .pro-info .pirce {
  margin: .25rem 0 0;
  font: bold 0.16rem/0.16rem "微软雅黑";
  color: #f6592f;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .pro-info .address {
  position: relative;
  margin: .15rem 0 0;
  padding-left: .2rem;
  font: 0.12rem/0.12rem "微软雅黑";
  color: #aaa;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .pro-info .address .iconfont {
  position: absolute;
  left: 0;
  font-size: .17rem;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .pro-info .details {
  position: absolute;
  top: .75rem;
  right: 0;
  width: .8rem;
  height: .3rem;
  text-align: center;
  font: 0.12rem/0.28rem "微软雅黑";
  color: #333;
  border: 1px solid #dfdfdf;
  transition: all .3s;
}
.main .cw1200 .product .pro-item .pro-page-box .page .page-item .pro-info .details:hover {
  color: #fff;
  background: #f6592f;
  border-color: #f6592f;
}
.main .cw1200 .news {
  width: 100%;
  height: 4.35rem;
  background-color: #fff;
  box-shadow: 0.02rem -0.02rem 0.06rem 0 rgba(0, 0, 0, 0.08);
}
.main .cw1200 .news .news-top {
  padding: .3rem .4rem .3rem .25rem ;
}
.main .cw1200 .news .news-top .news-nav {
  float: left;
  display: flex;
}
.main .cw1200 .news .news-top .news-nav li {
  position: relative;
  padding: 0 .25rem 0 .6rem;
  font: 0.24rem/0.26rem "微软雅黑";
  cursor: pointer;
}
.main .cw1200 .news .news-top .news-nav li.active,
.main .cw1200 .news .news-top .news-nav li:hover {
  color: #f6592f;
}
.main .cw1200 .news .news-top .news-nav li .iconfont {
  position: absolute;
  font-size: .26rem;
  left: .25rem;
}
.main .cw1200 .news .news-top .more {
  float: right;
  position: relative;
  padding-right: .17rem;
  margin-top: .1rem;
  font: 0.16rem/0.16rem "微软雅黑";
  color: #666;
}
.main .cw1200 .news .news-top .more::before,
.main .cw1200 .news .news-top .more::after {
  content: '';
  position: absolute;
  right: 0;
  width: .1rem;
  height: .02rem;
  border-radius: .01rem;
  background: #666;
}
.main .cw1200 .news .news-top .more::before {
  top: .04rem;
  transform: rotate(45deg);
}
.main .cw1200 .news .news-top .more::after {
  bottom: .04rem;
  transform: rotate(-45deg);
}
.main .cw1200 .news .news-top .more:hover {
  color: #f6592f;
}
.main .cw1200 .news .news-top .more:hover::before,
.main .cw1200 .news .news-top .more:hover::after {
  background: #f6592f;
}
.main .cw1200 .news .news-page-box .page {
  display: none;
  padding: 0 .3rem .3rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main .cw1200 .news .news-page-box .page .page-item {
  width: 5.55rem;
  height: 1.5rem;
  padding: .19rem .25rem .19rem .2rem;
  border-radius: .12rem;
  border: 1px solid #cbcbcb;
}
.main .cw1200 .news .news-page-box .page .page-item .img-box {
  float: left;
  display: flex;
  width: 1.47rem;
  height: 1.1rem;
  background: #f2f2f2;
  align-items: center;
  overflow: hidden;
}
.main .cw1200 .news .news-page-box .page .page-item .img-box img {
  width: 100%;
  height: auto;
}
.main .cw1200 .news .news-page-box .page .page-item .info-box {
  position: relative;
  float: right;
  width: 3.48rem;
  height: 100%;
  padding-top: .08rem;
}
.main .cw1200 .news .news-page-box .page .page-item .info-box .title {
  margin: 0;
  font: 100 0.18rem/0.18rem "微软雅黑";
  color: #333;
}
.main .cw1200 .news .news-page-box .page .page-item .info-box .content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .15rem;
  font: 0.14rem/0.22rem "微软雅黑";
  color: #999;
}
.main .cw1200 .news .news-page-box .page .page-item .info-box .time {
  position: absolute;
  bottom: .01rem;
  right: 0;
  font: 0.13rem/0.15rem "微软雅黑";
  color: #999;
}
.main .cw1200 .news .news-page-box .page .page-item .info-box .time .iconfont {
  position: absolute;
  top: 0;
  right: 1.28rem;
  font-size: .17rem;
}
.main .cw1200 .news .news-page-box .page .page-item:hover .title {
  color: #f6592f;
}
.main .cw1200 .news .news-page-box .page .page-item:nth-child(-n+2) {
  margin-bottom: .2rem;
}
.main .cw1200 .news .news-page-box .page.active {
  display: flex;
}
/* 公共底部 */
footer {
  font-size: .12rem;
  background: #262626;
}
footer a {
  color: #999;
  transition: all 0.3s ease-in-out 0s;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
  transform: translateY(-0.03rem);
}
footer .cw1200 .footerTop {
  padding: .3rem 0 .2rem;
}
footer .cw1200 .footerTop .title {
  font-weight: 100;
  font-size: .14rem;
  color: #fff;
}
footer .cw1200 .footerTop .links a {
  position: relative;
  display: inline-block;
  margin: .1rem .1rem 0 0;
  padding-left: .1rem;
}
footer .cw1200 .footerTop .links a::before {
  content: '';
  position: absolute;
  left: 0;
  top: .05rem;
  width: 1px;
  height: .1rem;
  background: #999;
}
footer .cw1200 .footerTop .menuTop {
  margin-top: .4rem;
}
footer .cw1200 .footerTop .menuTop .menuB {
  float: left;
  margin-left: 60px;
}
footer .cw1200 .footerTop .menuTop .menuB:first-child {
  margin-left: 0;
}
footer .cw1200 .footerTop .menuTop .menuB .title {
  padding-bottom: 10px;
}
footer .cw1200 .footerTop .menuTop .menuB li a {
  display: block;
  margin-top: 8px;
}
footer .cw1200 .footerTop .codeBox {
  float: right;
  text-align: center;
  margin-left: 20px;
  line-height: 30px;
  color: #999;
}
footer .cw1200 .footerTop .codeBox img {
  width: 100px;
  height: 100px;
  background: #fff;
}
footer .footerBottom {
  padding: 20px 0;
  text-align: center;
  color: #999;
  font-size: 12px;
  background: #333;
  line-height: 22px;
}
footer .footerBottom .menuA {
  padding-bottom: 20px;
}
footer .footerBottom .menuA a {
  display: inline-block;
  margin: 0 10px;
}