:root {
  --color: #333333;
}

.container {

  max-width: 1230px;

  margin: 0 auto;

  padding: 0 15px;

}

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

  .container {

   max-width: 1080px;

  }

}

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

  .container {

    max-width: 1080px;

  }

}

@media (max-width: 767px) {

  .container {

    width: 100%;

  }

}

.phone-nav {

  position: absolute;

  right: 20px;

  top: 50%;

  margin-top: -16px;

  width: 32px;

  height: 32px;

  z-index: 90;

}

@media (min-width: 992px) {

  .phone-nav {

    display: none;

  }

}

@media (max-width: 767px) {

  .phone-nav {

    width: 28px;

    right: 10px;

    margin-top: -14px;

    height: 28px;

  }

}

@media (max-width: 375px) {

  .phone-nav {

    width: 24px;

    margin-top: -12px;

    height: 24px;

  }

}

.mm-opened {

  z-index: 999999999;

}

header {

  position: relative;

  z-index: 99;

}

header .top {

  background: #f4f4f4;

  height: 35px;

  border-bottom: 1px solid #eaedf0;

}

@media (max-width: 1200px) {

  header .top {

    height: 32px;

    border-bottom: 1px solid #eaedf0;

  }

}

header .wecome {

  float: left;

  color: #999999;

  font-size: 12px;

  line-height: 35px;

  overflow: hidden;

}

@media (max-width: 1200px) {

  header .wecome {

    line-height: 32px;

  }

}

@media (max-width: 376px) {

  header .wecome {

    font-size: 10px;

  }

}

header .en {

  float: right;

  color: #999999;

  height: 35px;

  line-height: 35px;

  position: relative;

  z-index: 1;

  margin: 0 0 0 15px;

  padding: 0 0 0 27px;

  font-size: 12px;

}

@media (max-width: 1200px) {

  header .en {

    line-height: 32px;

    height: 32px;

  }

}

@media (max-width: 767px) {

  header .en {

    display: none;

  }

}

header .en:hover a {

  color: var(--color);

}

header .en i {

  font-style: inherit;

  width: 22px;

  height: 14px;

  position: absolute;

  left: 0;

  top: 10px;

}

@media (max-width: 1200px) {

  header .en i {

    top: 9px;

  }

}

header .en a {

  color: #999999;

}

header .top-list {

  float: right;

  height: 35px;

  margin: 0 0 0 30px;

  line-height: 35px;

}

@media (max-width: 1200px) {

  header .top-list {

    line-height: 32px;

    height: 32px;

  }

}

@media (max-width: 991px) {

  header .top-list {

    display: none;

  }

}

header .top-list a {

  display: block;

  float: left;

  color: #999999;

  font-size: 12px;

  padding: 0 15px;

  position: relative;

  z-index: 1;

}

header .top-list a:hover {

  color: var(--color);

}

header .top-list a:last-child:after {

  display: none;

}

header .top-list a:after {

  content: "";

  position: absolute;

  right: 0;

  top: 10px;

  width: 1px;

  height: 13px;

  background: #999999;

}

header .header {

  position: relative;

  padding: 0px;
  height: 105px;

}

@media (max-width: 991px) {

  header .header {

    padding: 16px 0 15px;

  }
  header .header .logo img{
      margin-top: 0 !important;
  }

}

@media (max-width: 767px) {

  header .header {

    padding: 11px 0 10px;
    height: auto !important
  }

}

header .header .logo {

  max-width: 402px;

  float: left;

  overflow: hidden;

}

@media (max-width: 1345px) {

  header .header .logo {

    max-width: 320px;

  }

}

@media (max-width: 1025px) {

  header .header .logo {

    max-width: 300px;

  }

}

@media (max-width: 991px) {

  header .header .logo {

    max-width: 260px;

  }

}

@media (max-width: 767px) {

  header .header .logo {}

}

@media (max-width: 321px) {

  header .header .logo {

    max-width: 120px;

  }

}

header .header .logo img {

  max-width: 100%;
  height: 75px;
  margin-top: 20px
}

header .header .txt {

  float: left;

  margin: 25px 0 0 18px;

  padding: 0 0 0 15px;

  position: relative;

}

@media (max-width: 991px) {

  header .header .txt {

    margin: 0 0 0 12px;

    padding: 0 0 0 12px;

  }

}

@media (max-width: 767px) {

  header .header .txt {

    margin: 0 0 0 10px;

    padding: 0 0 0 10px;

  }

}

@media (max-width: 321px) {

  header .header .txt {

    margin: 0 0 0 5px;

    padding: 0 0 0 5px;

  }

}

header .header .txt:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 1px;

  height: 100%;

  background: #dadada;

}

header .header .txt p {

  font-style: inherit;

  color: #777777;

  font-size: 17px;

  line-height: 24px;

  height: 24px;

  margin: 6px 0 5px;

  overflow: hidden;

  display: block;

}

@media (max-width: 991px) {
    
  header .header .ewm{
      margin: 26px 50px 0 0 !important;
  }  

  header .header .txt p {

    font-size: 14px;

    line-height: 20px;

    height: 20px;

  }

}

@media (max-width: 767px) {

  header .header .txt p {

    font-size: 10px;

    line-height: 14px;

    margin: 0 0 2px;

    height: 14px;

  }
  header .header .ewm{
      margin: 10px 30px 0 0 !important;
  }
  .user-login .log-in {
      margin-top: -16px !important;
  }

}

@media (max-width: 321px) {

  header .header .txt p {

    font-size: 8px;

    line-height: 12px;

    margin: 0;

    height: 12px;

  }

}

header .header .ewm {
  float: right;
  z-index: 1;
  margin: 48px 0 0;
  position: relative;
}

.search_top {
  width: 35%;
  float: left;
  margin: 31px 0 0 75px;
}

.search_top input {
  width: 99%;
  height: 40px;
  border: 1px solid #000;
  border-radius: 4px;
}

.search_top button {
  width: 56px;
  height: 40px;
  background-color: var(--color);
  color: #fff;
  border: none;
  margin-left: -60px;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.user-login a {
  font-size: 16px;
  margin: 0 10px;
}

.user-login .log-in img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}

.user-login .log-in {
  margin-top: -23px;
  text-align: center;
}

.user-login .log-in .drop-menu a {
  font-size: 12px;
}


@media (max-width: 991px) {

  .search_top {
    display: none;
  }
}

header .header .ewm span {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 5;

  display: block;

  float: left;

  width: 47px;

  height: 47px;

}

header .header .ewm p {

  color: var(--color);

  font-size: 14px;

  height: 36px;

  overflow: hidden;

  margin: 5px 0 0;

  line-height: 18px;

}

header .header .tel {

  float: right;

  z-index: 1;

  margin: 25px 0 0;

  padding: 0 30px 0 60px;

  position: relative;

}

@media (max-width: 1345px) {

  header .header .tel {

    padding: 0 20px 0 60px;

  }

}

@media (max-width: 1200px) {

  header .header .tel {

    display: none;

  }

}

header .header .tel i {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 5;

  display: block;

  float: left;

  width: 47px;

  height: 47px;

}

header .header .tel em {

  font-style: inherit;

}

header .header .tel span {

  color: #252424;

  font-size: 14px;

  height: 20px;

  line-height: 20px;

  overflow: hidden;

}

header .header .tel p {

  color: var(--color);

  font-size: 26px;

  font-weight: bold;

  height: 30px;

  font-family: arial;

  overflow: hidden;

  line-height: 30px;

}

.nav {

  background: var(--color);

  height: 45px;

  padding: 5px 0 0;

}

@media (max-width: 991px) {

  .nav {

    display: none;

  }

}

.nav ul {

  list-style: none;

  margin: 0 auto;

}

.nav ul li {

  float: left;

  width: 12.5%;

  padding: 0 5px;

  z-index: 90;

  position: relative;

}

@media (max-width: 1345px) {

  .nav ul li {

    padding: 0 10px;

  }

}

.nav ul li:hover div {

  display: block;

}

.nav ul li:hover>a {

  background: #fec732;

  border-radius: 6px 6px 0 0;

}

.nav ul li>a {

  display: block;

  height: 40px;

  line-height: 40px;

  color: #fff;

  text-align: center;

  padding: 0 10px;

  font-size: 16px;

}

.nav ul li div {

  position: absolute;

  left: 0;

  top: 40px;

  width: 100%;

  display: none;

  padding: 5px 6px 10px;

  background: url("../image/mask-1.png");

}

.nav ul li div>a {

  display: block;

  color: #fff;

  font-size: 13px;

  line-height: 20px;

  padding: 3px 0 2px;

  margin: 5px 0 0;

  text-align: center;

}

.nav ul li div>a:hover {

  background: var(--color);

  color: #fff;

}

.nav ul .active>a {

  background: #fec732;

  border-radius: 6px 6px 0 0;

}

/*banner*/

#bannerz {

  width: 100%;

  overflow: hidden;

}

/*banner*/

.banner-pc {

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .banner-pc {

    display: none;

  }

}

.banner-pc .bannerpc-prev {

  position: absolute;

  left: 110px;

  top: 50%;

  width: 35px;

  height: 64px;

  background: url("../image/banner-left.png") no-repeat center;

  z-index: 50;

  margin-top: -32px;

}

.banner-pc .bannerpc-next {

  position: absolute;

  right: 110px;

  top: 50%;

  width: 35px;

  height: 64px;

  background: url("../image/banner-right.png") no-repeat center;

  z-index: 50;

  margin-top: -32px;

}

.banner-pc ul {

  position: relative;

  width: 99999px;

}

.banner-pc ul li {

  float: left;

  position: relative;

  display: block;

  z-index: 5;

}

.banner-pc ul li:after {

  content: "";

  display: block;


}

.banner-phone {

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

@media (min-width: 992px) {

  .banner-phone {

    display: none;

  }

}

.banner-phone .slick-prev,

.banner-phone .slick-next {

  width: 24px;

  height: 64px;

  margin-top: -32px;

  border: none;

}

.banner-phone .slick-prev {

  left: 10px;

  background: url("../image/banner-left.png") no-repeat center;

  background-size: 18px auto;

}

.banner-phone .slick-next {

  right: 10px;

  background: url("../image/banner-right.png") no-repeat center;

  background-size: 18px auto;

}

.banner-phone span {

  width: 100%;

  position: relative;

  display: block;

  z-index: 5;

}

.banner-phone span:after {

  content: "";

  display: block;



}

.home-1 {

  background: #00a0ea;

}

.home-1 .home-title {

  list-style: none;

}

.home-1 .home-title .home-nr {

  float: left;

  width: 20%;

  padding: 15px 30px 5px;

  min-height: 190px;

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  position: relative;

  box-shadow: 15px 0 30px rgba(0, 0, 0, 0.1) inset;

}

@media (max-width: 1025px) {

  .home-1 .home-title .home-nr {

    padding: 15px 22px 5px;

  }

}

.home-1 .home-title .home-nr:hover .txt {

  height: 50px;

  overflow: hidden;

  position: relative;

  z-index: 1;

  text-align: center;

}

.home-1 .home-title .home-nr:hover .pic {

  width: 40px;

  height: 40px;

  display: inline-block;

  vertical-align: middle;

}

.home-1 .home-title .home-nr:hover big {

  display: inline-block;

  vertical-align: middle;

  margin: 0 0 0 8px;

  height: 40px;

  line-height: 40px;

}

.home-1 .home-title .home-nr:hover p {

  height: 100px;

}

.home-1 .home-title .home-nr:first-child:before {

  display: none;

}

.home-1 .home-title .txt {

  width: 100%;

  position: relative;

  z-index: 50;

  display: inline-block;

  margin: 0 auto;

  background: url("../image/home-line.png") repeat-x bottom center;

}

@media (max-width: 1025px) {

  .home-1 .home-title .txt {

    height: 50px;

    overflow: hidden;

    position: relative;

    z-index: 1;

    text-align: center;

  }

}

.home-1 .home-title .txt .pic {

  margin: 0 auto;

  width: 64px;

  height: 64px;

  position: relative;

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

}

@media (max-width: 1345px) {

  .home-1 .home-title .txt .pic {

    width: 54px;

    height: 54px;

  }

}

@media (max-width: 1025px) {

  .home-1 .home-title .txt .pic {

    width: 40px;

    height: 40px;

    display: inline-block;

    vertical-align: middle;

  }

}

@media (max-width: 376px) {

  .home-1 .home-title .txt .pic {

    width: 30px;

    height: 30px;

    display: inline-block;

    vertical-align: middle;

  }

}

.home-1 .home-title .txt big {

  display: block;

  margin: 8px 0 5px;

  height: 24px;

  color: #fff;

  font-size: 19px;

  line-height: 24px;

  overflow: hidden;

  text-align: center;

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

}

@media (max-width: 1025px) {

  .home-1 .home-title .txt big {

    display: inline-block;

    vertical-align: middle;

    margin: 0 0 0 8px;

    height: 40px;

    line-height: 40px;

  }

}

@media (max-width: 767px) {

  .home-1 .home-title .txt big {

    font-size: 16px;

  }

}

.home-1 .home-title p {

  position: relative;

  z-index: 50;

  color: #fff;

  font-size: 13px;

  line-height: 25px;

  height: 50px;

  margin: 8px 0 0;

  padding: 0 5px;

  text-align: center;

  overflow: hidden;

}

@media (max-width: 1025px) {

  .home-1 .home-title p {

    height: 100px;

  }

}

.home-1 .home-title .active .txt {

  height: 50px;

  overflow: hidden;

  position: relative;

  z-index: 1;

  text-align: center;

}

.home-1 .home-title .active .pic {

  width: 40px;

  height: 40px;

  display: inline-block;

  vertical-align: middle;

}

.home-1 .home-title .active big {

  display: inline-block;

  vertical-align: middle;

  margin: 0 0 0 8px;

  height: 40px;

  line-height: 40px;

}

.home-1 .home-title .active p {

  height: 100px;

}

.home-2 {

  border-bottom: 1px solid var(--color);

  padding: 20px 0;

  margin: 0 auto;

}

 
  .mb-hidden{
      display: none;
  } 

@media (max-width: 767px) {

  .home-2 {

    padding: 10px 0 20px;

  }
  .pc-hidden{
      display: none;
  }
  .mb-hidden{
      display: block;
  } 
}

.home-2 .home-news {

  float: left;

  width: 53%;

  height: 46px;

  overflow: hidden;

  padding: 0 0 0 82px;

  position: relative;

}

@media (max-width: 1025px) {

  .home-2 .home-news {

    height: 40px;

  }

}

@media (max-width: 991px) {

  .home-2 .home-news {

    width: 100%;

    clear: both;

    margin: 0 auto 10px;

  }

}

@media (max-width: 767px) {

  .home-2 .home-news {

    padding: 0 0 0 60px;

    margin: 0 auto 5px;

  }

}

.home-2 .home-news span {

  position: absolute;

  left: 0;

  top: 0;

  width: 75px;

  height: 46px;

  line-height: 46px;

  color: #2e2e2e;

  font-size: 14px;

  overflow: hidden;

}

@media (max-width: 1025px) {

  .home-2 .home-news span {

    height: 40px;

    line-height: 40px;

  }

}

@media (max-width: 767px) {

  .home-2 .home-news span {

    font-size: 10px;

  }

}

.home-2 .home-news ul {

  height: 46px;

  list-style: none;

  overflow: hidden;

}

@media (max-width: 1025px) {

  .home-2 .home-news ul {

    height: 40px;

  }

}

.home-2 .home-news ul li {

  height: 46px;

  line-height: 46px;

  overflow: hidden;

}

.home-2 .home-news ul li a{
    margin-right: 10px;
}

@media (max-width: 1025px) {

  .home-2 .home-news ul li {

    height: 40px;

    line-height: 40px;

  }

}

.home-2 .home-news ul li {
  color: #b3b3b3;
}

.home-2 .home-news ul li a {

  color: #b3b3b3;

  font-size: 14px;



}

.home-2 .home-news ul li a:hover {
  color: var(--color)
}

.lsjl {
  padding-top: 20px;
  font-size: 14px;
  line-height: 25px
}

.lsjl img {
  max-width: 100%;
  height: auto !important
}

.product .pro-item {
  margin-bottom: 40px;
}

.product h2 {
  margin: 20px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
}

.product h2 a {
  font-size: 12px;
  background-color: var(--color);
  float: right;
  padding: 5px 10px;
  color: #fff;
}


.fenlei {
  margin: 20px 0;
}

.fenlei p {
  margin-bottom: 10px;
}

.fenlei ul {
  flex-wrap: wrap;
}

.fenlei ul li {
  border: 1px solid #a3a3a3;
  padding:2px 3px;
  line-height: 24px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  cursor: pointer;
}

.fenlei ul li.active {
  color: #fff;
  background-color: var(--color);
}

.pr_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  border: 1px solid var(--color);
  background-color: #e5e5e5;
  padding: 5px;
}

.pr_list ul a {
  position: relative;
  display: block;
  width: 19.9%;
  background-color: #fff;
  text-align: center;
  padding: 20px;
  margin: 0 1px 1px 0;
  overflow: hidden;
}

/*.pr_list ul a li .ico{*/
/*    height: 100px;*/
/*    overflow: hidden;*/
/*}*/


.pr_list ul a:hover {
  background: rgba(0, 0, 0, .7);
}

.pr_list ul a .tmc {
  width: 50%;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%);
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 5px 10px;
  background: var(--color);
  color: #fff;
  transition: all .5s;
}

.pr_list ul a:hover .tmc {
  bottom: 15px;
  z-index: 9;
  text-align: center;
}

.pr_list ul a:nth-child(5n) {
  margin: 0 0 1px 0;
}

.pr_list ul li .ico img {
  width: 100%;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  transition: all .5s;
}

.pr_list ul a:hover img {
  transform: scale(.9, .9);
  transform-origin: 50% -100%;
}

.pr_list ul li .tit {
  margin: 20px 0 0;
  font-size: 14px;
}



.pr-xq01 {
  width: 100%;
  align-items: center;
  padding: 20px 10px;
  border-radius: 10px;
  background-color: #fff;
}

.pr-xq01 .left {
  width: 20%;
  overflow: hidden;
}

.pr-xq01 .left img {
  width: 100%;
  border: 1px solid rgba(222, 222, 222, 1);
  border-radius: 2px;
}




.pr-xq01 .gctop{
    width:100%;
}
.pr-xq01 .gctop .list01 {
  padding: 29px 0;
  border-radius: 2px;
  background-color: #f1f1f1;
}

.pr-xq01 .gctop .list01 li {
  flex: 1;
  text-align: center;
  border-left: 1px solid #b5b5b5;
}

.pr-xq01 .gctop .list01 li:first-child {
  border: none;
}


.pr-xq01 .gctop .list01 li a {
  font-size: 18px;
  color: var(--color);
  font-weight: 700;
}


@media (max-width: 1025px) {

    .pr-xq01 .gctop .list01 li a {
      font-size: 16px;
      color: var(--color);
      font-weight: 700;
    }

}



.pr-xq01 .right {
  width: 78%;
}

.pr-xq01 .right .list01 {
  padding: 29px 0;
  border-radius: 2px;
  background-color: #f1f1f1;
}

.pr-xq01 .right .list01 li {
  flex: 1;
  text-align: center;
  border-left: 1px solid #b5b5b5;
}

.pr-xq01 .right .list01 li:first-child {
  border: none;
}


.pr-xq01 .right .list01 li a {
  font-size: 18px;
  color: var(--color);
  font-weight: 700;
}

.pr-xq02 {
  margin: 20px 0;
}

.pr-xq02 .right .list02,
.pr-xq02 .left .list02,
.pr-xq02 .left .list03 {
  padding: 15px;
  border-radius: 5px;
  background-color: #fff;
}


.pr-xq02 .left {
  width: 25%;
}

.pr-xq02 .left .logo-ico {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.pr-xq02 .left h1 {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
}

.pr-xq02 .left h1::before {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background-color: var(--color);
  border-radius: 3px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%);
}

.pr-xq02 .left .cont {
  color: #999;
}
.cont img{max-width:100%}
.pr-xq02 .left .r-list {
  text-align: center;
  margin: 15px 0;
}

.pr-xq02 .left .r-list li p:first-child {
  color: red;
  margin-bottom: 5px;
}

.pr-xq02 .left .dz_but button {
  margin: 0 auto;
  padding: 5px 20px;
  background: var(--color);
  border: none;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

.pr-xq02 .left .xinxi {
  font-size: 16px;
  margin: 20px 0;
}

.pr-xq02 .left .xinxi p {
  margin-bottom: 16px;
  color: #818181;
}

.pr-xq02 .left .xinxi span {
  display: inline-block;
  min-width: 95px;
  color: #000;
}

.pr-xq02 .left .xinxi p a {
  background-color: var(--color);
  font-size: 12px;
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
}

.pr-xq02 .right {
  width: 74%;
}

.pr-xq02 .right h2 {
  font-size: 20px;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}

.pr-xq02 .right h2::before {
  content: '';
  display: block;
  width: 3px;
  height: 18px;
  background-color: var(--color);
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 3px;
}

.pr-xq02 .right .cont {
  font-size: 16px;
  line-height: 2;
}


.xiangce,
.chanpin {
  width: 100%;
  margin: 0 auto;
}

.xiangce img,
.chanpin img {
  width: 100%;
  padding: 10px;
}

.pro_con{margin:20px 0px;width:100%}

.pro_con .right {
  width: 100%;
}

.pro_con .right h2 {
  font-size: 20px;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}

.pro_con .right h2::before {
  content: '';
  display: block;
  width: 3px;
  height: 18px;
  background-color: var(--color);
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 3px;
}

.pro_con .right .cont {
  font-size: 16px;
  line-height: 2;
}
.pro_con .right .list02{
    padding: 15px;
    border-radius: 5px;
    background-color: #fff;
}

/* .slick-prev:before, .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc;}
.slick-prev { left: -35px;}
.slick-next { right: -35px;}
.slick-dots { bottom: -35px;} */

.proshow_list {
  /*height: 224px;*/
  margin-top: 22px;
  overflow: hidden;
}

.proshow_list ul {
  overflow: hidden;
  margin-left: -34px !important;
}

.proshow_list li {
  float: left;
  padding: 5px 7px;
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 6px;
  margin: 0 14px;
}

.proshow_list li a {
  font-size: 12px;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.proshow_list li img {
  width: 100%;
  height: 180px;
}

.proshow_list li .name {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
}

.information_list ul {
  flex-wrap: wrap;
}

.information_list ul li {
  width: 48%;
  margin-bottom: 20px;
}

.information_list ul li>a .pic {
  width: 140px;
  height: 90px;
}

.information_list ul li>a .cont2 {
  line-height: 1.5;
  width: 64%;
}

.information_list ul li>a .cont2 .title {
  font-size: 14px;
}

.information_list ul li>a .cont2 .desc {
  font-size: 12px;
  color: #999;
  margin: 5px 0;
}

.public_sub_title {
  height: 27px;
  overflow: hidden;
  font-size: 20px;
  color: #333333;
  font-weight: 600;
}

.public_sub_title .title {
  float: left;
  font-size: 20px;
}

.public_sub_title .title::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  height: 18px;
  width: 3px;
  background: var(--color);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  top: 2px;
}

.xbt_bg02 {
  background-image: url(../image/xbt_02.png);
}

.mt_16 {
  margin-top: 16px;
}

.brand_r_container .com_plate {
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 8px;
}

.brand_bd_recommend {
  padding: 14px;
}


.brand_bd_tablist {
  padding-top: 2px;
  overflow: hidden;
}

.brand_bd_tablist .item {
  margin-top: 10px;
  overflow: hidden;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #333;
  background-image: linear-gradient(270deg, #FFFFFF 0%, #F3F3F3 100%);
  border-radius: 5px;
  font-size: 14px;
  padding: 0 14px;
}

.brand_bd_tablist .item a {
  color: #333;
}

.brand_bd_tablist .item .xbt_bg02 {
  display: inline-block;
  width: 20px;
  height: 22px;
  margin-right: 10px;
}

.brand_bd_tablist .item .bd_1 {
  background-position: 0 -63px;
}

.brand_bd_tablist .item .bd_2 {
  background-position: -37px -63px;
}

.brand_bd_tablist .item .bd_3 {
  background-position: -73px -63px;
}

.brand_bd_tablist .item .bd_4 {
  background-position: -110px -63px;
}

.brand_bd_tablist .item .bd_5 {
  background-position: -147px -63px;
}

.brand_bd_tablist .item .bd_6 {
  background-position: -183px -63px;
}

.brand_bd_tablist .item .bd_7 {
  background-position: -220px -63px;
}

.brand_bd_tablist .item .bd_8 {
  background-position: -257px -63px;
}

.brand_bd_tablist .item .bd_9 {
  background-position: -293px -63px;
}

.brand_bd_tablist .item .bd_10 {
  background-position: -330px -63px;
}

.brand_bd_tablist .item .name {
  flex: 1;
  padding-right: 10px;
  color: #555;
  font-size: 14px;
  font-weight: 600;
}

.brand_bd_tablist .item .mood {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
}

.brand_bd_tablist .item .mood::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 10px;
  margin-right: 5px;
  background-image: url(../image/xbt_02.png);
  background-position: -450px 0;
}


.pingpai-hd .hd-top {
  margin: 20px 0;
  background: var(--color);
  padding: 10px;
  font-weight: 500;
  color: #fff;
  border-radius: 4px;
}

.pingpai-hd .hd-top a {
  float: right;
  color: #fff;
  font-size: 14px;
}

.pingpai-hd .hd-list {
  border: 1px solid #999;
  padding: 5px;
}

.pingpai-hd .hd-list li {
  width: 16%;
  margin-right: 10px;
}

.pingpai-hd .hd-list li:last-child {
  margin-right: 0;
}

.pingpai-hd .hd-list li img {
  width: 100%;
}

.pingpai-hd .hd-list li p{
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #443b33;
    color: #fff;
    padding: 2px 5px;
}

.pingpai-hd .hd-list2 {
  margin: 20px 0;
}

.pingpai-hd .hd-list2 .left {
  width: 74%;
}

.pingpai-hd .hd-list2 .right {
  width: 25%;
}

.hd-list2 .tab {
  background-color: #e9e9e9;
  height: 40px;
  line-height: 40px;
}

.hd-list2 .tab ul li {
  width: 120px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}

.hd-list2 .tab ul li.active,
.hd-list2 .tab ul li:hover {
  background-color: var(--color);
}

.hd-list2 .tab ul li.active a,
.hd-list2 .tab ul li:hover a {
  color: #fff;
}

.hd-list2 .tab p{
    padding: 0 10px;
}

.hd-list2 .tab p span{
    color: var(--color);
}

.hd-list2 .cont-list .item>div>a {
  display: block;
  margin: 10px 0;
  background-color: #fff;
}

.hd-list2 .cont-list .item a>div .pic {
  width: 20%;
}

.hd-list2 .cont-list .item a>div .pic img {
  width: 100%;
}

.hd-list2 .cont-list .item a>div .cont {
  width: 80%;
  padding: 10px;
}

.hd-list2 .cont-list .item a>div .cont h3 {
  font-size: 16px;
  color: var(--color);
}

.hd-list2 .cont-list .item a>div .cont .dec {
  margin: 5px 0;
  font-size: 14px;
  color: #999;
}

.hd-list2 .cont-list .item a>div .date {
  color: #999;
}

.hd-list2 .right .tab-list tr {
  height: 65px;
}

.hd-list2 .right .tab-list tr:nth-child(even) {
  background-color: #e9e9e9;
}

.hd-list2 .right .tab-list tr th:first-child img {
  width: 30px;
}

.hd-list2 .right .tab-list tr th:last-child {
  text-align: left;
}

.hd-list2 .right .tab-list tr th:last-child img {
  width: 75px;
  vertical-align: middle;
}

.hd-list2 .right .tab-list tr th span {
  padding: 2px 6px;
  background: #cacaca;
  border-radius: 3px;
  color: #fff;
}

.hd-xq .left {
  width: 74%;
  background-color: #fff;
  padding: 20px;
}

.hd-xq .right {
  width: 25%;
}

.hd-xq .left .title {
  text-align: center;
}

.hd-xq .left .subtitle {
  text-align: center;
  margin: 10px 0 20px;
}

.hd-xq .left .content {
  font-size: 16px;
  line-height: 1.5;
}

.hd-xq .left .page-link {
  display: block;
  margin: 10px 0;
}

.hd-xq .left .page-link span {
  color: var(--color);
}

.newest_spc {
  margin-top: 10px;
}

.newest_spc a {
  display: block;
  height: auto;
}

.newest_spc a img {
  display: block;
  width: 100%;
}

.newest_spc a {
  font: 16px/46px "微软雅黑";
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newest_ims li {
  height: 34px;
}

.newest_ims li span {
  display: block;
  width: 4px;
  height: 4px;
  background: var(--color);
  float: left;
  margin: 15px 10px 0 0;
}

.newest_ims li a {
  width: 91%;
  display: block;
  font: 14px/34px "微软雅黑";
  color: #666;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.join_TopTen_tit {
  height: 38px;
}

.join_TopTen_tit span {
  display: block;
  height: 18px;
  width: 4px;
  background: var(--color);
  float: left;
  margin: 10px 10px 0 0;
}

.join_TopTen_tit p {
  font: 18px/38px "微软雅黑";
  color: #333;
  float: left;
  font-weight: 600;
}

.newest {
  padding: 10px 20px;
  background: #fff;
  margin-bottom: 10px;
}

/* 关于我们 */
.top-menu {
  border: 1px solid #d1d1d1;
  padding: 5px;
}

.top-menu ul {
  background-color: #d7d7d7;
}

.top-menu ul li {
  height: 40px;
  line-height: 40px;
  flex: 1;
  text-align: center;
  border-right: 1px solid #fff;
}

.top-menu ul li:last-child {
  border: none;
}

.top-menu ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
}

.top-menu ul li.active,
.top-menu ul li:hover {
  background-color: #fec732;
}

.bot-content {
  border: 1px solid #d1d1d1;
  margin: 20px 0 30px;
}

.bot-content h1 {
  background-color: #d7d7d7;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
}

.bot-content .cont-box {
  padding: 30px;
  font-size: 16px;
  line-height: 30px;
}

.bot-content .cont-box>div {
  margin-bottom: 30px;
}

.bot-content .cont-box ul li {
  padding: 10px 20px;
  margin: 15px 0;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}

.bot-content .cont-box ul li .left {
  text-align: center;
  width: 20%;
}
.bot-content .cont-box ul li .right{
  padding-left: 20px;
  border-left: 1px solid #cfcfcf;
}
.bot-content .cont-box h3 {
  margin: 30px 0 0px;
  font-weight: 700;
}

.bot-content .cont-box .subtit {
  color: #999;
}

.bot-content .cont-box .message {
  margin: 20px 0;
}

.bot-content .cont-box .message form>div {
  margin-bottom: 20px;
}

.bot-content .cont-box .message label {
  display: block;
  font-size: 16px;
}
.bot-content .cont-box .message label span{
    color: #ff0101;
}
.bot-content .cont-box .message input[type='text'] {
  width: 50%;
  height: 40px;
  padding: 0 5px;
  border: 1px solid #dfdfdf;
  outline: none;
  border-radius: 4px;
}

.bot-content .cont-box .message textarea {
  width: 50%;
  height: 200px;
  padding: 5px;
  border: 1px solid #dfdfdf;
  outline: none;
  border-radius: 4px;
}

.bot-content .cont-box .message button {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: none;
  background-color: var(--color);
  border-radius: 4px;
  color: #fff;
  outline: none;
  cursor: pointer;
}


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

  .home-2 .home-news ul li a {

    font-size: 10px;

  }
  .pr_list ul a {
  width: 49.7%;
  padding: 10px;
}

 .pr_list ul a:nth-child(2n){
     margin: 0 0 1px 0 !important;
}

.pr_list ul a:nth-child(5n) {
    margin: 0 1px 1px 0 !important;
}
/*.pr_list ul a li .ico{*/
/*    height: 80px;*/
/*}*/
.mc-fenlei,
.mc-fenlei>div{
    flex-wrap: wrap;
}

.mc-fenlei>div p{
    width: 100%;
}

.mc-fenlei>div .city{
    text-align: center;
    width: 65px;
    margin: 0 10px;
}
.mc-fenlei select{
    margin-right: 0 !important;
}

 .mc-fenlei .search{
     width: 100% !important;
     margin-top: 20px;
 }
 
 .pingpai-hd .hd-list {
     flex-wrap: wrap;
     justify-content: space-between;
 }
 .pingpai-hd .hd-list li {
     width: 49.5%;
     margin: 0;
     margin-bottom: 8px;
 }
 .pingpai-hd .hd-list2 .left {
     width: 100% !important;
 }
 .pingpai-hd .hd-list2 .right,
 .hd-xq .right {
    display: none;
}

.hd-list2 .cont-list .item a>div .pic {
    width: 40%;
}
.hd-list2 .cont-list .item a>div .cont {
    width: 60%;
    padding: 0 10px;
}
.hd-list2 .cont-list .item a>div .cont h3 {
    font-size: 14px;
}
.hd-list2 .cont-list .item a>div .cont .dec {
    font-size: 12px;
}

.top-menu ul li{
    height: auto;
    line-height: 20px;
    padding: 6px;
}
.top-menu ul li a{
    font-size: 12px;
}

.bot-content .cont-box {
    padding: 10px;
    
}

.bot-content .cont-box ul li {
    flex-direction: column;
    padding: 10px;
}

.bot-content .cont-box ul li .left {
    width: 100%;
    margin-bottom: 20px;
}

.bot-content .cont-box ul li .right {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
    border-top: 1px solid #cfcfcf;
    border-left: 0;
}

.bot-content .cont-box .message input[type='text'],
.bot-content .cont-box .message textarea,
.hd-xq .left,
.hd-xq .left .content img{
    width: 100%;
}

.pr-xq01,
.pr-xq02{
    flex-direction: column;
}
.pr-xq01 .left {
    width: 100%;
    padding: 0 0 10px;
}


.pr-xq01 .right,
.pr-xq02 .left {
    width: 100%;
}

.pr-xq01 .right .list01 li a {
    font-size: 16px;
}

.pr-xq02 .right{
    width: 100%;
    margin-top: 20px;
}

.information_list ul li {
    width: 100%;
}

.information_list ul li>a .cont2 {
    width: 52%;
}

.proshow_list li img{
    height: auto;
}

}

.home-2 .search {

  float: right;

  height: 46px;

  width: 41.5%;

  position: relative;

  z-index: 25;

  background: #efefef;

  padding: 0 0 0 130px;

}

@media (max-width: 1345px) {

  .home-2 .search {

    padding: 0 0 0 105px;

  }

}

@media (max-width: 1025px) {

  .home-2 .search {

    height: 40px;

    padding: 0 0 0 100px;

  }

}

@media (max-width: 991px) {

  .home-2 .search {

    width: 60%;

    height: 42px;

    float: none;

    clear: both;

    padding: 1px 5px 0 100px;

    margin: 10px auto 0;

  }

}

@media (max-width: 767px) {

  .home-2 .search {

    width: 96%;

  }

}

@media (max-width: 376px) {

  .home-2 .search {

    width: 100%;

    padding: 1px 0 0 90px;

  }

}

@media (max-width: 321px) {

  .home-2 .search {

    padding: 1px 0 0 70px;

  }

}

.home-2 .search .web {

  position: absolute;

  left: 0;

  top: 0;

  height: 46px;

  width: 100px;

}

@media (max-width: 1025px) {

  .home-2 .search .web {

    height: 40px;

    width: 90px;

  }

}

@media (max-width: 376px) {

  .home-2 .search .web {

    width: 80px;

  }

}

@media (max-width: 321px) {

  .home-2 .search .web {

    width: 60px;

  }

}

.home-2 .search .web:after {

  content: "";

  position: absolute;

  right: -7px;

  top: 0;

  width: 0;

  height: 0;

  border-top: 9px solid transparent;

  border-left: 7px solid #1b1f7a;

}

.home-2 .search .web span {

  display: block;

  height: 46px;

  width: 100px;

  line-height: 46px;

  text-align: center;

  overflow: hidden;

  color: #fff;

  font-size: 16px;

  background: var(--color);

}

@media (max-width: 1025px) {

  .home-2 .search .web span {

    height: 40px;

    font-size: 14px;

    width: 90px;

    line-height: 40px;

  }

}

@media (max-width: 376px) {

  .home-2 .search .web span {

    width: 80px;

    font-size: 12px;

  }

}

@media (max-width: 321px) {

  .home-2 .search .web span {

    width: 60px;

    font-size: 10px;

  }

}

.home-2 .search .search-main {

  border: 1px solid #d3d3d3;

  height: 30px;

  position: relative;

  z-index: 50;


  margin: 8px 18px 0;

}

@media (max-width: 1025px) {

  .home-2 .search .search-main {

    margin: 5px 7px 0;

  }

}

@media (max-width: 321px) {

  .home-2 .search .search-main {

    padding: 0 0 0 65px;

  }

}

.home-2 .search .search-main .search-left {

  position: absolute;

  left: 0;

  top: 0;

  width: 75px;

  cursor: pointer;

}

@media (max-width: 321px) {

  .home-2 .search .search-main .search-left {

    width: 65px;

  }

}

.home-2 .search .search-main .search-left .search-click {

  position: relative;

  z-index: 1;

}

.home-2 .search .search-main .search-left i {

  font-style: inherit;

  right: 8px;

  top: 0;

  width: 8px;

  height: 28px;

  display: block;

  position: absolute;

  z-index: 10;

}

.home-2 .search .search-main .search-left .i-1 {

  animation: rotatete 0.3s linear forwards;

}

.home-2 .search .search-main .search-left .i-2 {

  animation: rotatete2 0.3s linear forwards;

}

@keyframes rotatete {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(180deg);

  }

}

@keyframes rotatete {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(180deg);

  }

}

@-moz-keyframes rotatete2 {

  from {

    transform: rotate(180deg);

  }

  to {

    transform: rotate(0deg);

  }

}

@keyframes rotatete2 {

  from {

    transform: rotate(180deg);

  }

  to {

    transform: rotate(0deg);

  }

}

.home-2 .search .search-main .search-left p {

  color: #000000;

  font-size: 13px;

  height: 28px;

  line-height: 30px;

  overflow: hidden;

  padding: 0 15px;

  position: relative;

  z-index: 5;

}

.home-2 .search .search-main .search-left ul {

  list-style: none;

  width: 100%;

  position: absolute;

  left: 0;

  z-index: 99;

  top: 28px;

  display: none;

  border: 1px solid #d3d3d3;

  border-bottom: none;

  background: #EFEFEF;

}

.home-2 .search .search-main .search-left ul li {

  width: 100%;

  height: 28px;

  overflow: hidden;

  padding: 0 5px 0 15px;

  line-height: 28px;

  border-bottom: 1px solid #d3d3d3;

  color: #000000;

}

.home-2 .search .search-main .search-left ul li:hover {

  background: var(--color);

  color: #fff;

}

.home-2 .search .search-main input {

  height: 28px;

  background: #fff;

  border: none;

  position: relative;

  z-index: 50;

  width: 100%;

  padding: 0 55px 0 13px;

  font-family: "microsoft yahei";

  font-size: 12px;

  color: #666;

}

@media (max-width: 376px) {

  .home-2 .search .search-main input {

    padding: 0 45px 0 10px;

  }

}

.home-2 .search .search-main .search-btn {

  position: absolute;

  right: 0;

  top: 0;

  display: block;

  width: 50px;

  line-height: 28px;

  height: 28px;

  text-align: center;

  color: #fff;

  z-index: 80;

  background: var(--color);

  font-size: 14px;
  border: 0px;
  cursor: pointer;

}

@media (max-width: 376px) {

  .home-2 .search .search-main .search-btn {

    font-size: 12px;

    width: 40px;

  }

}

.home-products {

  overflow: hidden;

  margin: 50px auto;

}

@media (max-width: 1025px) {

  .home-products {

    margin: 40px auto;

  }

}

@media (max-width: 991px) {

  .home-products {

    margin: 30px auto;

  }

}

@media (max-width: 767px) {

  .home-products {

    margin: 20px auto;

  }

}

.home-products .left-nav {

  float: left;

  width: 19.2%;

  border: 3px solid var(--color);

}

@media (max-width: 991px) {

  .home-products .left-nav {

    display: none;

  }

}

.home-products .left-nav .title {

  background: var(--color);

  height: 74px;

  overflow: hidden;

  padding: 0 5px 0 15px;

}

@media (max-width: 1345px) {

  .home-products .left-nav .title {

    padding: 0 5px 0 10px;

    height: 64px;

  }

}

.home-products .left-nav .title big {

  display: block;

  float: left;

  color: #fff;

  height: 74px;

  line-height: 74px;

  font-size: 28px;

  font-weight: bold;

}

@media (max-width: 1345px) {

  .home-products .left-nav .title big {

    font-size: 18px;

    height: 64px;

    line-height: 64px;

  }

}

.home-products .left-nav .title small {

  display: block;

  float: left;

  color: #f3fbff;

  height: 74px;

  line-height: 84px;

  font-size: 15px;

  position: relative;

  z-index: 1;

  margin: 0 0 0 5px;

  padding: 0 0 0 8px;

}

@media (max-width: 1345px) {

  .home-products .left-nav .title small {

    font-size: 14px;

    height: 64px;

    line-height: 72px;

  }

}

.home-products .left-nav .title small:before {

  content: "/";

  position: absolute;

  left: 0;

  z-index: 10;

  bottom: 0;

  width: 15px;

  color: #f3fbff;

  font-size: 16px;

  height: 74px;

}

@media (max-width: 1345px) {

  .home-products .left-nav .title small:before {

    height: 64px;

  }

}

.home-products .left-nav ul {

  list-style: none;

  padding: 12px 12px 45px;

}

@media (max-width: 1345px) {

  .home-products .left-nav ul {

    padding: 8px 10px 35px;

  }

}

.home-products .left-nav ul li {

  margin: 11px 0 0;

}

@media (max-width: 1200px) {

  .home-products .left-nav ul li {

    margin: 8px 0 0;

  }

}

.home-products .left-nav ul li>a {

  background: var(--color);

  color: #fff;

  display: block;

  line-height: 20px;

  border-radius: 5px;

  padding: 9px 10px;

  font-size: 14px;

  font-weight: bold;

}

@media (max-width: 1345px) {

  .home-products .left-nav ul li>a {

    padding: 8px 10px;

  }

}

@media (max-width: 1200px) {

  .home-products .left-nav ul li>a {

    padding: 6px 10px;

    font-size: 13px;

  }

}

.home-products .left-nav ul li div {

  padding: 7px 0 18px;

  margin: 0 auto 23px;

  border-bottom: 1px solid #dcdcdc;

}

@media (max-width: 1345px) {

  .home-products .left-nav ul li div {

    margin: 0 auto 15px;

    padding: 7px 0 12px;

  }

}

.home-products .left-nav ul li div>a {

  display: block;

  font-size: 13px;

  line-height: 20px;

  color: #6d6d6d;

  padding: 10px 0 0 30px;

  position: relative;

  z-index: 1;

}

@media (max-width: 1200px) {

  .home-products .left-nav ul li div>a {

    padding: 6px 0 0 30px;

  }

}

.home-products .left-nav ul li div>a:hover {

  color: var(--color);

  font-weight: bold;

}

.home-products .left-nav ul li div>a:hover:before {

  background: url("../image/ico-01.png") no-repeat center;

}

.home-products .left-nav ul li div>a:before {

  content: "";

  position: absolute;

  left: 13px;

  top: 17px;

  width: 7px;

  height: 5px;

  background: url("../image/ico.png") no-repeat center;

}

@media (max-width: 1200px) {

  .home-products .left-nav ul li div>a:before {

    top: 13px;

  }

}

.home-products .left-nav ul li div .on {

  color: var(--color);

  font-weight: bold;

}

.home-products .left-nav ul li div .on:before {

  background: url("../image/ico-01.png") no-repeat center;

}

.home-products .right {

  float: right;

  width: 80.8%;

  padding: 0 0 0 40px;

}

@media (max-width: 1025px) {

  .home-products .right {

    padding: 0 0 0 30px;

  }

}

@media (max-width: 991px) {

  .home-products .right {

    display: block;

    width: 100%;

    padding: 0;

    margin: 0 auto;

  }

}

.home-products .right .title {

  position: relative;

  z-index: 1;

  color: var(--color);

  font-size: 24px;

  font-weight: bold;

  height: 40px;

  line-height: 40px;

  padding: 0 80px 0 0;

  overflow: hidden;

}

@media (max-width: 321px) {

  .home-products .right .title {

    font-size: 20px;

  }

}

.home-products .right .title .more {

  position: absolute;

  right: 0;

  height: 40px;

  line-height: 40px;

  top: 0;

  width: 70px;

  text-align: right;

  overflow: hidden;

  color: #020202;

  font-weight: 100;

  font-size: 12px;

}

.home-products .right .title .more:hover {

  color: var(--color);

}

.home-products .right .main {

  margin: 5px -22px 0;

  list-style: none;

}

@media (max-width: 1345px) {

  .home-products .right .main {

    margin: 5px -18px 0;

  }

}

@media (max-width: 1025px) {

  .home-products .right .main {

    margin: 5px -13px 0;

  }

}

@media (max-width: 991px) {

  .home-products .right .main {

    margin: 8px -10px 0;

  }

}

@media (max-width: 767px) {

  .home-products .right .main {

    margin: 5px -6px 0;

  }

}

.home-products .right .main li {

  float: left;

  overflow: hidden;

  width: 33.33333333%;

  padding: 20px 22px;

}

@media (max-width: 1345px) {

  .home-products .right .main li {

    padding: 20px 18px;

  }

}

@media (max-width: 1025px) {

  .home-products .right .main li {

    padding: 15px 13px;

  }

}

@media (max-width: 991px) {

  .home-products .right .main li {

    padding: 10px;

  }

}

@media (max-width: 767px) {

  .home-products .right .main li {

    padding: 6px;

  }

}

@media (max-width: 376px) {

  .home-products .right .main li {

    width: 50%;

  }

}

.home-products .right .main li a {

  display: block;

  position: relative;

  z-index: 2;

}

.home-products .right .main li a:hover .mask {

  opacity: 1;

}

.home-products .right .main li a:hover .mask button {

  transform: translateY(0%);

  -webkit-transform: translateY(0%);

}

.home-products .right .main li a:hover .mask em {

  transform: translateY(0%);

  -webkit-transform: translateY(0%);

}

.home-products .right .main li .pic {

  width: 100%;

  position: relative;

  z-index: 5;

}

.home-products .right .main li .pic:after {

  content: "";

  display: block;



}

.home-products .right .main li .mask {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 25;

  width: 100%;

  height: 100%;

  opacity: 0;

  transition: all 0.38s ease-in-out;

  -webkit-transition: all 0.38s ease-in-out;

  -o-transition: all 0.38s ease-in-out;

  -moz-transition: all 0.38s ease-in-out;

  background-color: rgba(76, 75, 75, 0.9);

}

.home-products .right .main li .mask em {

  display: block;

  font-style: inherit;

  margin: 35% auto 0;

  padding: 20px 10px;

  overflow: hidden;

  text-align: center;

  position: relative;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  transform: translateY(-500%);

  -webkit-transform: translateY(-500%);

}

.home-products .right .main li .mask em:before {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  width: 2px;

  height: 10px;

  background: #fff;

}

.home-products .right .main li .mask em:after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 2px;

  height: 10px;

  background: #fff;

}

.home-products .right .main li .mask em big {

  display: block;

  height: 28px;

  line-height: 28px;

  text-align: center;

  overflow: hidden;

  color: #fff;

  font-size: 20px;

}

.home-products .right .main li .mask em small {

  display: block;

  height: 24px;

  line-height: 24px;

  text-align: center;

  overflow: hidden;

  color: #fff;

  font-size: 12px;

}

.home-products .right .main li .mask button {

  border: 1px solid #fff;

  background: none;

  cursor: pointer;

  text-align: center;

  padding: 0 25px;

  height: 32px;

  line-height: 32px;

  overflow: hidden;

  margin: 23px auto 0;

  color: #fff;

  font-size: 14px;

  font-family: "microsoft yahei";

  display: table;

  transition: all 0.38s ease-in-out;

  -webkit-transition: all 0.38s ease-in-out;

  -o-transition: all 0.38s ease-in-out;

  -moz-transition: all 0.38s ease-in-out;

  transform: translateY(500%);

  -webkit-transform: translateY(500%);

}

.home-about {

  overflow: hidden;

  padding: 40px 0;

  background: url("../image/home-aboutbg.jpg") center top #f0eff4;

}

.home-zhanshi h1 {
  margin-bottom: 20px;
  font-size: 30px;
  padding-bottom: 7px;
  border-bottom: 1px solid;
}

.home-zhanshi h1 span {
  font-size: 24px;
  color: #a5a5a5;
  font-weight: 500;
}

.home-zhanshi .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home-zhanshi .row .col-4 {
  width: 30%;
}

.licheng {
  padding: 0;
}

.licheng ul {
  padding: 0 40px;
}

.licheng ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.licheng ul li h6 {
  font-size: 16px;
}

.licheng ul li p {
  font-size: 14px;
}

.licheng ul li:nth-of-type(1) {
  margin-top: 0 !important;
}

.licheng ul li:nth-of-type(2n) {
  flex-direction: row-reverse;
  margin-top: -50px;
}

.licheng ul li:nth-of-type(2n+1) {
  margin-top: -50px;
}

.licheng ul li:nth-of-type(2n):nth-of-type(2n) img {
  transform: rotate(180deg);
}

.licheng ul li .item1,
.licheng ul li .item3 {
  width: 45%;
}

.licheng ul li .item1 {
  border: 1px solid #e5e3e3;
  border-radius: 4px;
  padding: 10px;
}

.licheng ul li .item2 {
  width: 10%;
  text-align: center;
}

.licheng ul li .item2 img {
  width: 80px;
}

.rongyu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.rongyu .left {
  width: 40%;
}

.rongyu .left p {
  font-size: 16px;
  margin-bottom: 20px;
}

.rongyu .right {
  width: 60%;
}

@media (max-width: 991px) {

  .home-about {

    padding: 30px 0;

  }

}

@media (max-width: 767px) {

  .home-about {

    padding: 20px 0;

  }

  .home-zhanshi .row .col-4 {
    width: 48%;
  }

  .tz-gallery .lightbox img {
    margin-bottom: 10px !important;
  }

  .tz-gallery,
  .licheng {
    padding: 40px 15px !important;
  }

  .licheng ul {
    padding: 0;
  }

  .licheng ul li {
    margin-top: 0px !important;
    margin-bottom: 10px;
  }

  .licheng ul li .item1 {
    width: 100%;
  }

  .licheng ul li .item2,
  .licheng ul li .item3 {
    display: none;
  }

  .home-zhanshi h1 {
    font-size: 26px;
  }

  .home-zhanshi h1 span {
    font-size: 20px;
  }

  .rongyu .left {
    width: 100%;
  }

  .rongyu .right {
    width: 100%;
  }
}

.home-about .container {

  position: relative;

  z-index: 1;

  padding: 0 45px 0 0;

}

@media (max-width: 991px) {

  .home-about .container {

    padding: 0 45px 0 15px;

  }

}

@media (max-width: 767px) {

  .home-about .container {

    padding: 0 15px;

  }

}

.home-about .container:before {}

@media (max-width: 1345px) {

  .home-about .container:before {

    width: 150px;

    height: 120px;

  }

}

@media (max-width: 767px) {

  .home-about .container:before {

    display: none;

  }

}

.home-about .container .left {

  width: 100%;

  padding: 0 70px 0 0;

  z-index: 10;

}

@media (max-width: 767px) {

  .home-about .container .left {

    padding: 0 0 15px;

  }

}

.home-about .container .left .pic {

  width: 17.2%;

  float: left;

  background: #fff;

  position: relative;

}

.home-about .container .left .pic:after {

  content: "";

  display: block;

  padding-bottom: 67.5%;

}

@media (max-width: 991px) {

  .home-about .container .left .pic {

    display: none;

  }

}

.home-about .container .left .text {

  float: left;

  width: 82.8%;

  color: #242424;

  font-size: 15px;

  line-height: 24px;

  padding: 25px 120px 5px 40px;

}

@media (max-width: 1345px) {

  .home-about .container .left .text {

    padding: 10px 90px 5px 20px;

    font-size: 14px;

  }

}

@media (max-width: 991px) {

  .home-about .container .left .text {

    width: 100%;

    padding: 0 90px 15px 0;

  }

}

@media (max-width: 767px) {

  .home-about .container .left .text {

    padding: 0;

  }

}

.home-about .container .left1 {

  width: 100%;

  padding: 0 70px 0 0;

  position: relative;

  z-index: 5;

}

.home-about .container .about-cont {
  margin-top: 10px;
  font-size: 16px;
  line-height: 2;
  padding-right: 60px;
}

@media (max-width: 767px) {

  .home-about .container .left1 {

    padding: 0 40px 0 0;

  }

  .home-about .container .about-cont {
    padding-right: 0;
  }
}

.home-about .container .left1 .box {

  width: 100%;

  background: var(--color);

}

.home-about .container .left1 .txt {

  width: 17.2%;

  float: left;

  padding: 10% 5px 0;

  background: var(--color);

}

@media (max-width: 991px) {

  .home-about .container .left1 .txt {

    display: none;

  }

}

.home-about .container .left1 .txt big {

  display: block;

  text-align: center;

  color: #fff;

  font-size: 34px;

  font-weight: bold;

  height: 50px;

  line-height: 50px;

  overflow: hidden;

}

@media (max-width: 1345px) {

  .home-about .container .left1 .txt big {

    font-size: 26px;

    height: 34px;

    line-height: 34px;

  }

}

.home-about .container .left1 .txt em {

  font-style: inherit;

  display: block;

  text-align: center;

  color: #fff;

  font-size: 34px;

  font-weight: bold;

  height: 50px;

  line-height: 50px;

  overflow: hidden;

}

@media (max-width: 1345px) {

  .home-about .container .left1 .txt em {

    font-size: 26px;

    height: 34px;

    line-height: 34px;

  }

}

.home-about .container .left1 .pic {

  width: 82.8%;

  float: left;

  background: #fff;

  position: relative;

}

@media (max-width: 991px) {

  .home-about .container .left1 .pic {

    width: 100%;

  }

}

.home-about .container .left1 .pic:after {

  content: "";

  display: block;



}

.home-about .container .left1 .right {

  float: left;

  width: 70px;

  height: 140px;

  border: 2px solid var(--color);

  border-left: none;

  position: absolute;

  right: 0;

  bottom: 25%;

}

@media (max-width: 767px) {

  .home-about .container .left1 .right {

    width: 40px;

    height: 100px;

    bottom: 25px;

  }

}

@media (max-width: 376px) {

  .home-about .container .left1 .right {

    width: 40px;

    height: 80px;

    bottom: 15px;

  }

}

.home-about .container .left1 .right:before {

  content: "";

  position: absolute;

  left: 0;

  top: -2px;

  width: 30px;

  height: 2px;

  background: #eeedf2;

  z-index: 35;

}

.home-about .container .left1 .right .more {

  width: 100px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  color: #fff;

  overflow: hidden;

  position: absolute;

  left: -20px;

  font-weight: bold;

  display: block;

  font-size: 14px;

  background: var(--color);

  z-index: 50;

  bottom: 35px;

}

@media (max-width: 1345px) {

  .home-about .container .left1 .right .more {

    height: 40px;

    line-height: 40px;

  }

}

@media (max-width: 767px) {

  .home-about .container .left1 .right .more {

    width: 36px;

    width: 80px;

    left: auto;

    bottom: 25px;

    right: -10px;

    line-height: 36px;

  }

}

.home-about .container .left1 .right .more:hover {

  background: #565656;

}

.home-case {

  padding: 30px 0 0;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.home-case:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  background: var(--color);

  height: 190px;

}

@media (max-width: 767px) {

  .home-case:after {

    height: 90px;

  }

}

@media (max-width: 361px) {

  .home-case:after {

    height: 70px;

  }

}

.home-case .titlez {

  text-align: center;

  color: #3d3d3d;

  font-size: 36px;

  line-height: 44px;

  font-weight: bold;

}

@media (max-width: 767px) {

  .home-case .titlez {

    font-size: 26px;

    line-height: 28px;

  }

}

@media (max-width: 321px) {

  .home-case .titlez {

    font-size: 22px;

    line-height: 24px;

  }

}

.home-case .textz {

  text-align: center;

  color: #898989;

  font-size: 18px;

  line-height: 24px;

  margin: 7px auto 0;

}

@media (max-width: 767px) {

  .home-case .textz {

    font-size: 16px;

    line-height: 24px;

  }

}

@media (max-width: 321px) {

  .home-case .textz {

    margin: 4px auto 0;

  }

}

.home-case .home-casemain {

  margin: 40px -95px 0;

  padding: 0 62px;

}

@media (max-width: 1345px) {

  .home-case .home-casemain {

    padding: 0 62px;

  }

}

@media (max-width: 1025px) {

  .home-case .home-casemain {

    padding: 0 50px;

    margin: 40px auto 0;

  }

}

@media (max-width: 991px) {

  .home-case .home-casemain {

    margin: 25px auto 0;

  }

}

@media (max-width: 767px) {

  .home-case .home-casemain {

    padding: 0 40px;

  }

}

@media (max-width: 321px) {

  .home-case .home-casemain {

    padding: 0 60px;

  }

}

.home-case .home-casemain .slick-prev,

.home-case .home-casemain .slick-next {

  width: 52px;

  height: 52px;

  top: auto;

  bottom: 65px;

  margin-top: auto;

  border: none;

}

@media (max-width: 767px) {

  .home-case .home-casemain .slick-prev,

  .home-case .home-casemain .slick-next {

    width: 30px;

    height: 30px;

    bottom: 30px;

  }

}

@media (max-width: 361px) {

  .home-case .home-casemain .slick-prev,

  .home-case .home-casemain .slick-next {

    bottom: 20px;

  }

}

.home-case .home-casemain .slick-prev:hover,

.home-case .home-casemain .slick-next:hover {

  opacity: 0.65;

}

.home-case .home-casemain .slick-prev {

  left: 0;

  background: url("../image/home-caseleft.png") no-repeat center;

}

@media (max-width: 1025px) {

  .home-case .home-casemain .slick-prev {

    left: -10px;

  }

}

@media (max-width: 767px) {

  .home-case .home-casemain .slick-prev {

    background-size: 100%;

    left: 0;

  }

}

.home-case .home-casemain .slick-next {

  right: 0;

  background: url("../image/home-caseright.png") no-repeat center;

}

@media (max-width: 1025px) {

  .home-case .home-casemain .slick-next {

    right: -10px;

  }

}

@media (max-width: 767px) {

  .home-case .home-casemain .slick-next {

    background-size: 100%;

    right: 0;

  }

}

.home-case .home-casemain a {

  display: block;

  padding: 0 24px;

}

@media (max-width: 1345px) {

  .home-case .home-casemain a {

    padding: 0 18px;

  }

}

@media (max-width: 1025px) {

  .home-case .home-casemain a {

    padding: 0 13px;

  }

}

@media (max-width: 767px) {

  .home-case .home-casemain a {

    padding: 0 7px;

  }

}

.home-case .home-casemain a .pic {

  display: block;

  width: 100%;

  position: relative;

  z-index: 1;

}

.home-case .home-casemain a .pic:hover .txt {

  background: url("../image/mask.png");

}

.home-case .home-casemain a .pic:after {

  content: "";

  display: block;


}

.home-case .home-casemain a .pic .txt {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 50px;

  padding: 0 10px;

  line-height: 50px;

  overflow: hidden;

  text-align: center;

  z-index: 5;

  color: #fff;

  font-size: 18px;

  background-color: rgba(0, 0, 0, 0.5);

}

@media (max-width: 767px) {

  .home-case .home-casemain a .pic .txt {

    height: 38px;

    font-size: 14px;

    line-height: 38px;

  }

}

@media (max-width: 376px) {

  .home-case .home-casemain a .pic .txt {

    height: 32px;

    font-size: 12px;

    line-height: 32px;

  }

}

@media (max-width: 321px) {

  .home-case .home-casemain a .pic .txt {

    height: 28px;

    font-size: 10px;

    line-height: 28px;

  }

}

.home-news1 {

  padding: 50px 0;

}

@media (max-width: 991px) {

  .home-news1 {

    padding: 30px 0;

  }

}

.home-news1 .titlez {

  text-align: center;

  color: #3d3d3d;

  font-size: 36px;

  line-height: 44px;

  font-weight: bold;

}

@media (max-width: 767px) {

  .home-news1 .titlez {

    font-size: 26px;

    line-height: 28px;

  }

}

@media (max-width: 321px) {

  .home-news1 .titlez {

    font-size: 22px;

    line-height: 24px;

  }

}

.home-news1 .textz {

  text-align: center;

  color: #898989;

  font-size: 18px;

  line-height: 24px;

  margin: 7px auto 0;

}

@media (max-width: 767px) {

  .home-news1 .textz {

    font-size: 16px;

    line-height: 24px;

  }

}

@media (max-width: 321px) {

  .home-news1 .textz {

    margin: 4px auto 0;

  }

}

.home-news1 .line {

  height: 12px;

  width: 100%;

  margin: 10px auto 0;

  overflow: hidden;

  text-align: center;

}

@media (max-width: 767px) {

  .home-news1 .line {

    margin: 5px auto 0;

  }

}

.home-news1 ul li {

  border-bottom: 1px solid #dbd4cd;

  padding: 30px 40px 0 135px;

  display: table;

  width: 100%;

  transition: all 0.15s ease-in-out;

  -webkit-transition: all 0.15s ease-in-out;

  -o-transition: all 0.15s ease-in-out;

  -moz-transition: all 0.15s ease-in-out;

  position: relative;

}

@media (max-width: 991px) {

  .home-news1 ul li {

    padding: 20px 20px 0 90px;

  }

}

@media (max-width: 767px) {

  .home-news1 ul li {

    padding: 16px 20px 0 80px;

  }

}

@media (max-width: 361px) {

  .home-news1 ul li {

    padding: 16px 20px 0 68px;

  }

}

.home-news1 ul li:hover {

  background: var(--color);

}

.home-news1 ul li:hover:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 11px;

  background: #fec732;

}

.home-news1 ul li:hover time {

  background: #fff;

}

.home-news1 ul li:hover time big {

  color: var(--color);

}

.home-news1 ul li:hover time small {

  color: var(--color);

}

.home-news1 ul li:hover .txt span {

  color: #fff;

}

.home-news1 ul li:hover .txt p {

  color: #fff;

}

.home-news1 ul li time {

  display: block;

  position: absolute;

  left: 45px;

  top: 30px;

  width: 65px;

  height: 65px;

  background: var(--color);

  overflow: hidden;

}

@media (max-width: 991px) {

  .home-news1 ul li time {

    left: 5px;

    top: 20px;

  }

}

@media (max-width: 767px) {

  .home-news1 ul li time {

    left: 0;

  }

}

@media (max-width: 361px) {

  .home-news1 ul li time {

    width: 55px;

    height: 55px;

  }

}

.home-news1 ul li time big {

  display: block;

  text-align: center;

  color: #fff;

  font-size: 30px;

  margin: 5px 0 0;

  line-height: 32px;

  height: 32px;

  overflow: hidden;

}

@media (max-width: 361px) {

  .home-news1 ul li time big {

    font-size: 20px;

    line-height: 24px;

    height: 24px;

  }

}

.home-news1 ul li time small {

  display: block;

  text-align: center;

  color: #fff;

  font-size: 15px;

  line-height: 24px;

  height: 24px;

  overflow: hidden;

}

@media (max-width: 361px) {

  .home-news1 ul li time small {

    font-size: 12px;

    line-height: 20px;

    height: 20px;

  }

}

.home-news1 ul li .txt span {

  display: block;

  height: 24px;

  line-height: 24px;

  overflow: hidden;

  color: #333333;

  font-size: 19px;

}

@media (max-width: 767px) {

  .home-news1 ul li .txt span {

    font-size: 16px;

    margin: 3px 0 0;

  }

}

@media (max-width: 361px) {

  .home-news1 ul li .txt span {

    font-size: 14px;

    height: 20px;

    margin: 2px 0 0;

    line-height: 20px;

  }

}

.home-news1 ul li .txt p {

  color: #8b8989;

  font-size: 13px;

  line-height: 18px;

  height: 36px;

  margin: 10px 0 25px;

  overflow: hidden;

}

@media (max-width: 991px) {

  .home-news1 ul li .txt p {

    margin: 10px 0 20px;

  }

}

@media (max-width: 767px) {

  .home-news1 ul li .txt p {

    font-size: 12px;

    margin: 5px 0 20px;

  }

}

@media (max-width: 361px) {

  .home-news1 ul li .txt p {

    font-size: 10px;

    height: 32px;

    line-height: 16px;

  }

}

.home-contact .home-map {

  height: 430px;

  width: 100%;

}

@media (max-width: 1025px) {

  .home-contact .home-map {

    height: 360px;

  }

}

@media (max-width: 991px) {

  .home-contact .home-map {

    height: 300px;

  }

}

@media (max-width: 767px) {

  .home-contact .home-map {

    height: 240px;

  }

}

@media (max-width: 376px) {

  .home-contact .home-map {

    height: 200px;

  }

}

@media (max-width: 321px) {

  .home-contact .home-map {

    height: 180px;

  }

}

.home-contact .home-map #allmap {

  width: 100%;

  height: 100%;

}

.home-contact .home-map #allmap .anchorBL {

  display: none;

}

.home-contact .home-map #allmap .BMapLib_sendToPhone {

  display: none;

}

footer {

  background: #262729;

  padding: 50px 0 30px;

}

@media (max-width: 1025px) {

  footer {

    padding: 50px 0 65px;

  }

}

@media (max-width: 767px) {

  footer {

    padding: 25px 0 45px;

  }

}

footer .left {

  float: left;

  width: 30%;

}

@media (max-width: 767px) {

  footer .left {

    width: 100%;

  }

}

footer .left .logo {

  max-width: 326px;

  overflow: hidden;

  margin: 0 0 90px;

}

@media (max-width: 991px) {

  footer .left .logo {

    margin: 0 0 10px;

  }

}

@media (max-width: 767px) {

  footer .left .logo {

    max-width: 240px;

    margin: 0 auto 15px;

  }

}

footer .left .logo img {

  max-width: 100%;

}

footer .left .yu {

  display: block;

  width: 25px;

  height: 29px;

  position: relative;

  margin: 25px 0 0;

}

@media (max-width: 767px) {

  footer .left .yu {

    margin: 10px auto 0;

  }

}

footer .link {

  height: 36px;

  width: 75%;

  background: #262729;

  position: relative;

  z-index: 1;

  border: 1px solid var(--color);

}

@media (max-width: 991px) {

  footer .link {

    width: 100%;

  }

}

@media (max-width: 767px) {

  footer .link {

    width: 60%;

    margin: 0 auto;

  }

}

@media (max-width: 361px) {

  footer .link {

    width: 70%;

  }

}

@media (max-width: 321px) {

  footer .link {

    width: 80%;

  }

}

footer .link .link-btn {

  width: 100%;

  position: relative;

  z-index: 1;

  height: 36px;

  cursor: pointer;

}

footer .link .link-btn img {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -3px
}

footer .link .link-btn p {

  overflow: hidden;

  height: 36px;

  width: 100%;

  line-height: 36px;

  padding: 0 45px 0 10px;

  color: #e3e3e3;

  font-size: 14px;

}

footer .link .link-btn em {

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  width: 34px;

  height: 34px;

  background: var(--color);

}

footer .link .link-btn .em-1 img {

  animation: rotatete 0.3s linear forwards;

}

footer .link .link-btn .em-2 img {

  animation: rotatete2 0.3s linear forwards;

}

@keyframes rotatete {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(180deg);

  }

}

@keyframes rotatete {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(180deg);

  }

}

@-moz-keyframes rotatete2 {

  from {

    transform: rotate(180deg);

  }

  to {

    transform: rotate(0deg);

  }

}

@keyframes rotatete2 {

  from {

    transform: rotate(180deg);

  }

  to {

    transform: rotate(0deg);

  }

}

footer .link .link-main {

  position: absolute;

  left: 0;

  border-top: 1px solid #3B3B3B;

  bottom: 35px;

  z-index: 999;

  display: none;

  width: 100%;

  background: #494A4C;

}

footer .link .link-main li {

  width: 100%;

  padding: 7px 15px;

  color: var(--color);

  font-size: 14px;

  cursor: pointer;

  border-bottom: 1px solid #3B3B3B;

}

footer .link .link-main li:hover {

  color: #fff;

}

footer .link .link-main li a {
  color: #fff;
}

footer .right {

  float: right;

  width: 63.5%;

}

@media (max-width: 767px) {

  footer .right {

    width: 100%;

    margin: 10px auto 0;

  }

}

footer .right .foot-nav {

  margin: 0 50px 15px 0;

  border-top: 1px solid #484a4d;

  list-style: none;

}

@media (max-width: 991px) {

  footer .right .foot-nav {

    display: none;

  }

}

footer .right .foot-nav li {

  float: left;

  width: 14.28571429%;

}

footer .right .foot-nav li:hover a {

  color: #fec732;

}

footer .right .foot-nav li a {

  display: block;

  color: #fff;

  line-height: 20px;

  padding: 17px 5px;

  text-align: center;

  font-size: 13px;

}

footer .right .text {

  float: left;

  width: 54%;

  padding: 0 0 0 25px;

  font-size: 14px;

  line-height: 28px;

  color: #8d8d8d;

}

@media (max-width: 767px) {

  footer .right .text {

    width: 100%;

    padding: 0;

    text-align: center;

    margin: 0 auto 15px;

    clear: both;

  }

}

footer .right .text a {

  color: #8d8d8d;

}

footer .right .text a:hover {

  color: var(--color);

}

footer .right .ewm {

  max-width: 45%;

  float: right;

  z-index: 1;

  padding: 0 0 0 130px;

  position: relative;

}

@media (max-width: 991px) {

  footer .right .ewm {

    padding: 0 0 0 100px;

  }

}

@media (max-width: 767px) {

  footer .right .ewm {

    max-width: 100%;

    clear: both;

    float: none;

    display: table;

    margin: 0 auto;

  }

}

footer .right .ewm span {

  position: absolute;

  left: 10px;

  top: 0;

  z-index: 5;

  display: block;

  float: left;

  width: 109px;

  height: 109px;

}

@media (max-width: 991px) {

  footer .right .ewm span {

    width: 80px;

    height: 80px;

  }

}

footer .right .ewm p {

  color: #ffffff;

  font-size: 12px;

  height: 56px;

  overflow: hidden;

  margin: 25px 0 0;

  line-height: 28px;

}

@media (max-width: 991px) {

  footer .right .ewm p {

    margin: 12px 0 0;

  }

}

/* 右侧客服悬浮窗 */
.public-tools {
  position: fixed;
  bottom: 160px;
  right: 10px;
  z-index: 999;
  height: 300px;
}

.public-tools li {
  display: block;
  width: 100%;
  font-size: 12px;
  box-sizing: border-box;
  padding: 5px 10px;
  cursor: pointer;
  position: relative;
  background: #FFF;
}

.public-tools li .leftlayer {
  display: none;
  position: absolute;
  width: 220px;
  height: 300px;
  left: -219px;
  top: 0;
}

.public-tools li:hover {
  background: #F9F9F9;
}

.public-tools li:hover .leftlayer {
  display: block;
}

.public-tools li .leftlayer .leftlayercon {
  position: relative;
  width: 200px;
  height: 100%;
  display: block;
  background: #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -moz-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -ms-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -o-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
}

.public-tools li .triangle {
  position: absolute;
  right: -10px;
  width: 0px;
  height: 0px;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #FFF;
  font-size: 0px;
  line-height: 0px;
}

.public-tools li .qqtopbox {
  background: #6B9CFF;
  height: 95px;
  margin: 0 auto;
  display: block;
  padding-left: 80px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}

.public-tools li .qqtopbox img {
  display: block;
  position: absolute;
  left: 12px;
  bottom: 0px;
  width: auto;
  height: 80%;
}

.public-tools li .qqtopbox p {
  color: #A9C7FF;
  font-size: 12px;
  padding-top: 30%;
}

.public-tools li .qqtopbox h6 {
  color: #FFF;
  font-size: 16px;
}

.qqtel400 {
  width: 110px;
  height: 15px;
  display: inline-block;
  font-size: 12px;
  /* vertical-align: bottom;
  background: url(https://static.chinapp.com/2024/pc/images/kf/qqtel400.png) no-repeat center center; */
}

.public-tools li .qqlistbox {
  display: block;
  padding: 0px 0px 0 10px;
  margin: 15px 15px 0 15px;
  position: relative;
}

.public-tools li .qqlistbox dt {
  position: absolute;
  left: 0px;
  top: 0px;
}

.public-tools li .qqlistbox p {
  color: #A9C7FF;
  font-size: 12px;
  padding-left: 35px;
}

.public-tools li .qqlistbox p a {
  display: inline-block;
  float: right;
  background: #6B9CFF;
  padding: 0 3px;
  color: #FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.public-tools li .qqlistbox p a:hover {
  background: #e00b0b;
}

.public-tools li .qqlistbox h6 {
  color: #333;
  font-size: 14px;
  line-height: 180%;
  padding-left: 35px;
}

.public-tools li .rwmbox {
  padding: 20px;
  text-align: center;
}

.public-tools li .rwmbox p {
  color: #888;
  font-size: 14px;
  line-height: 160%;

}

.public-tools li .rwmbox h5 {
  color: #333;
  font-size: 22px;
  font-weight: 400;
  line-height: 200%;
}

.public-tools li .rwmbox .rwmimg {
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
}

.public-tools li .rwmbox .rwmimg img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
}

.public-tools li .img {
  display: block;
  margin: 0 auto 5px auto;
  background: #FFF;
  width: 42px;
  height: 42px;
  text-align: center;
  border: 1px solid #F5F5F5;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}

.public-tools li .img img {
  max-width: 22px;
  max-height: 22px;
  display: block;
  margin: auto;
}

.public-tools li.qqicobut {
  color: #6B9CFF;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -moz-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -ms-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -o-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
}

.public-tools li.qqicobut .img {
  border: none;
  background: #6B9CFF;
}

.public-tools li.qqicobut .triangle {
  border-left: 10px solid #6B9CFF;
  top: 20px;
}

.public-tools li.wxicobut {
  color: #3AC954;
  -webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -moz-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -ms-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -o-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
}

.public-tools li.wxicobut .img {
  border: none;
  background: #3AC954;
}

.public-tools li.wxicobut .leftlayer {
  top: -75px;
}

.public-tools li.wxicobut .img img {
  max-width: 28px;
  max-height: 28px;
}

.public-tools li.wxicobut .triangle {
  top: 95px;
}

.public-tools li.hzicobut {
  color: #F77811;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -moz-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -ms-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  -o-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
  box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
}

.public-tools li.hzicobut .img {
  border: none;
  background: #F77811;
}

.public-tools li.hzicobut .leftlayer {
  top: -149px;
}

.public-tools li.hzicobut .triangle {
  top: 165px;
}

.public-tools li.topicobut {
  color: #666;
  z-index: 1;
  margin-top: 4px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
  -moz-box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
  -ms-box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
  -o-box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
  box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
}

.public-tools li .img span {
  display: table-cell;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
}

::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  background-clip: padding-box;
  min-height: 28px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}


.banner-ny {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 991px) {

  .banner-ny {

    display: none;

  }

}

.banner-ny:after {

  content: "";

  display: block;


}

.banner-nyphnoe {

  position: relative;

  width: 100%;

  overflow: hidden;

}

@media (min-width: 992px) {

  .banner-nyphnoe {

    display: none;

  }

}

.banner-nyphnoe:after {

  content: "";

  display: block;



}

.ny {

  min-height: 560px;
  padding: 30px 0;
  margin: 0 auto;
  background-color: #F8F8F8;
}

@media (max-width: 767px) {

  .ny {
    padding: 20px 0 30px;
  }
  .public-tools {
      bottom: 10px;
  }

}

.ny .leftz {

  float: left;

  width: 19.2%;

}

@media (max-width: 991px) {

  .ny .leftz {

    display: none;

  }

}

.ny .leftz .box {

  border: 1px solid #e0e0e0;

  padding: 20px 15px;

  border-top: 4px solid var(--color);

}

.ny .leftz big {

  display: block;

  color: var(--color);

  font-size: 26px;

  font-weight: bold;

  line-height: 34px;

}

.ny .leftz small {

  display: block;

  color: #b9b9b9;

  font-size: 16px;

  line-height: 24px;

}


ul,
li {
  list-style: none;
}

a:link,
a:visited {
  text-decoration: none;
}

.list {
  /* border-bottom: solid 1px #316a91; */
  margin: 10px auto 0 auto;
}

.list ul li {
  background-color: var(--color);
  border: solid 1px #fdfdfd;
  border-bottom: 0;
  position: relative;
}

.list ul li a {
  padding-left: 10px;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  font-weight: bold;
  width: 80%;
  height: 36px;
  line-height: 36px;

}


.list ul li .btn-inactive {
  background: url(../image/off.png) no-repeat center center;
  border: 1px solid #fff;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 0;
}

.list ul li .btn-inactives {
  background: url(../image/on1.png) no-repeat center center;
  border: 1px solid #fff;
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 0;
}

.list ul li ul {
  display: none;
}

.list ul li ul li {
  border-left: 0;
  border-right: 0;
  background-color: #585858;
}

.list ul li ul li ul {
  display: none;
}

.list ul li ul li a {
  padding-left: 20px;
}

.list ul li ul li ul li {
  background-color: #d6e6f1;
  border-color: #6196bb;
}

.last {
  background-color: #d6e6f1;
  border-color: #6196bb;
}

.list ul li ul li ul li a {
  color: #316a91;
  padding-left: 30px;
}




.ny .leftz .box1 {

  border-top: 3px solid #e0e0e0;

  background: var(--color);

  margin: 20px auto 0;

  padding: 13px;

  position: relative;

  z-index: 1;

}

.ny .leftz .box1:after {

  content: "";

  position: absolute;

  z-index: 2;

  background: url("../image/left-bg.png") no-repeat;

  width: 74px;

  height: 68px;

  right: 17px;

  bottom: 5px;

}

.ny .leftz .box1 .text {

  color: #fff;

  position: relative;

  z-index: 1;

  font-size: 13px;

  line-height: 24px;

  padding: 0 0 0 28px;

  word-break: break-all;

}

.ny .leftz .box1 .text i {

  font-style: inherit;

  left: 0;

  position: absolute;

  top: 3px;

  width: 16px;

  height: 17px;

}

.ny .leftz .box1 .text a {

  color: #fff;

}

.ny .leftz .box1 .text a:hover {

  color: #E0E0E0;

}

.ny .leftz .box1 .text1 {

  border-top: 1px solid #878787;

  margin: 15px 0 0;

  padding: 15px 0 10px 50px;

  position: relative;

  z-index: 5;

  min-height: 50px;

}

@media (max-width: 1220px) {

  .ny .leftz .box1 .text1 {

    padding: 15px 0 10px 45px;

  }

}

.ny .leftz .box1 .text1 span {

  display: block;

  color: #fff;

  font-weight: bold;

  font-size: 14px;

  margin: 5px 0 0;

  line-height: 20px;

}

.ny .leftz .box1 .text1 em {

  display: block;

  color: #ffc938;

  font-size: 22px;

  line-height: 32px;

}

@media (max-width: 1220px) {

  .ny .leftz .box1 .text1 em {

    font-size: 16px;

    font-weight: bold;

  }

}

.ny .leftz .box1 .text1 i {

  font-style: inherit;

  left: 0;

  top: 20px;

  position: absolute;

  width: 44px;

  height: 44px;

}

@media (max-width: 1220px) {

  .ny .leftz .box1 .text1 i {

    width: 36px;

    height: 36px;

  }

}

.ny .rightz {

  float: right;

  width: 77%;

}

@media (max-width: 991px) {

  .ny .rightz {

    clear: both;

    width: 100%;

  }

}

.ny .rightz .title {

  width: 100%;

  height: 46px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .ny .rightz .title {

    height: 40px;

  }

}

@media (max-width: 767px) {

  .ny .rightz .title {

    height: 34px;

  }

}

@media (max-width: 375px) {

  .ny .rightz .title {

    height: 30px;

  }

}

.ny .rightz .title:before {

  content: "";

  position: absolute;

  left: 0;

  top: 5px;

  width: 100%;

  height: 1px;

  border-top: 1px dashed #b1b1b1;

}

.ny .rightz .title big {

  display: inline-block;

  position: relative;

  max-width: 35%;

  float: left;

  z-index: 10;

  font-size: 16px;

  color: #fff;

  background: var(--color);

  height: 46px;

  line-height: 46px;

  padding: 0 20px;

}

@media (max-width: 991px) {

  .ny .rightz .title big {

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

  }

}

@media (max-width: 767px) {

  .ny .rightz .title big {

    height: 34px;

    font-size: 13px;

    line-height: 34px;

    padding: 0 13px;

  }

}

@media (max-width: 375px) {

  .ny .rightz .title big {

    height: 30px;

    font-size: 12px;

    line-height: 30px;

    padding: 0 13px;

  }

}

.ny .rightz .title big:after {

  content: "";

  position: absolute;

  right: -7px;

  top: 0;

  width: 0;

  height: 0;

  border-top: 9px solid transparent;

  border-left: 7px solid #1b1f7a;

}

.ny .rightz .crumb {

  float: right;

  max-width: 65%;

  text-align: right;

  color: #7e7d7d;

  font-size: 14px;

  height: 46px;

  line-height: 48px;

  overflow: hidden;

}

@media (max-width: 991px) {

  .ny .rightz .crumb {

    height: 40px;

    line-height: 46px;

  }

}

@media (max-width: 767px) {

  .ny .rightz .crumb {

    height: 34px;

    font-size: 12px;

    line-height: 40px;

  }

}

@media (max-width: 375px) {

  .ny .rightz .crumb {

    height: 30px;

    font-size: 11px;

    line-height: 40px;

  }

}

.ny .rightz .crumb a {

  margin: 0 5px;

  color: #7e7d7d;

}

.ny .rightz .crumb a:hover {

  color: var(--color);

}

.ny .rightz .crumb span {

  margin: 0 0 0 5px;

}

/*case*/

.case .case-main {

  list-style: none;

  margin: 30px -32px;

}

@media (max-width: 1220px) {

  .case .case-main {

    margin: 25px -18px 20px;

  }

}

@media (max-width: 1025px) {

  .case .case-main {

    margin: 25px -12px 20px;

  }

}

@media (max-width: 991px) {

  .case .case-main {

    margin: 15px -10px 20px;

  }

}

@media (max-width: 767px) {

  .case .case-main {

    margin: 15px -6px 20px;

  }

}

.case .case-main li {

  float: left;

  width: 33.33333333%;

  padding: 20px 32px;

}

@media (max-width: 1220px) {

  .case .case-main li {

    padding: 18px;

  }

}

@media (max-width: 1025px) {

  .case .case-main li {

    padding: 13px;

  }

}

@media (max-width: 991px) {

  .case .case-main li {

    padding: 10px;

  }

}

@media (max-width: 767px) {

  .case .case-main li {

    padding: 6px;

  }

}

@media (max-width: 376px) {

  .case .case-main li {

    width: 50%;

  }

}

.case .case-main li a {

  display: block;

}

.case .case-main li a:hover .pic img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -o-transform: scale(1.1);

  -moz-transform: scale(1.1);

  filter: saturate(1.3);

  -webkit-filter: saturate(1.3);

  -o-filter: saturate(1.3);

  -moz-filter: saturate(1.3);

}

.case .case-main li a:hover .txt {

  background: url("../image/mask.png");

}

.case .case-main li .pic {

  position: relative;

  z-index: 1;

  width: 100%;

  overflow: hidden;

}

.case .case-main li .pic img {

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

}

.case .case-main li .pic:after {

  content: "";

  display: block;



}

.case .case-main li .pic .txt {

  position: absolute;

  left: 0;

  bottom: 0;

  height: 50px;

  line-height: 50px;

  color: #fff;

  font-size: 18px;

  padding: 0 5px;

  text-align: center;

  overflow: hidden;

  width: 100%;

  background: url("../image/mask-1.png");

}

@media (max-width: 1025px) {

  .case .case-main li .pic .txt {

    height: 44px;

    font-size: 16px;

    line-height: 44px;

  }

}

@media (max-width: 767px) {

  .case .case-main li .pic .txt {

    height: 34px;

    font-size: 13px;

    line-height: 34px;

  }

}

.page {

  text-align: center;

}

.page span {

  display: inline-block;

  vertical-align: middle;

  color: #666;

  margin: 0 5px 0 0;

}

@media (max-width: 991px) {

  .page span {

    display: none;

  }

}

.page a {

  display: inline-block;

  vertical-align: middle;

  color: #666;

  font-size: 12px;



  line-height: 19px;

  border: 1px solid #dadada;

  padding: 5px 8px;

}

@media (max-width: 991px) {

  .page a {}

}

.page a:hover {

  background: var(--color);

  color: #fff;

}

.page .page-num-current {

  background: var(--color);

  color: #fff;

}

.page .on {

  border: none;

  padding: 0;

}

.page .phone {

  display: none;

}

@media (max-width: 991px) {

  .page .phone {

    display: inline-block;

    padding: 0 10px;

  }

}

@media (max-width: 991px) {

  .page .phone1 {

    display: inline-block;

    padding: 0 10px;

    margin: 0 0 0 5px;

  }

}

.related-news {

  clear: both;

  margin: 50px auto 0;

}

@media (max-width: 1200px) {

  .related-news {

    margin: 40px auto 0;

  }

}

@media (max-width: 991px) {

  .related-news {

    margin: 25px auto 0;

  }

}

.related-news .related-title {

  height: 30px;

  padding: 0 60px 0 15px;

  line-height: 36px;

  color: #fff;

  font-size: 11px;

  position: relative;

  z-index: 1;

  background: var(--color);

}

@media (max-width: 767px) {

  .related-news .related-title {

    line-height: 34px;

  }

}

.related-news .related-title span {

  display: block;

  color: #fff;

  height: 30px;

  line-height: 30px;

  float: left;

  margin: 0 5px 0 0;

  font-size: 18px;

}

@media (max-width: 767px) {

  .related-news .related-title span {

    font-size: 16px;

  }

}

.related-news .related_newsmain {

  list-style: none;

  background: #f5f5f5;

  margin: 15px auto 0;

  padding: 6px 25px;

}

@media (max-width: 767px) {

  .related-news .related_newsmain {

    padding: 6px 15px;

    margin: 10px auto 0;

  }

}

.related-news .related_newsmain li {

  width: 50%;

  float: left;

  height: 34px;

  padding: 0 55px 0 15px;

  overflow: hidden;

  position: relative;

  z-index: 1;

  line-height: 34px;

  border-bottom: 1px solid #dadada;

  color: #878787;

  font-size: 12px;

}

@media (max-width: 767px) {

  .related-news .related_newsmain li {

    width: 100%;

    padding: 0 0 0 15px;

  }

}

.related-news .related_newsmain li:hover a {

  color: var(--color);

}

.related-news .related_newsmain li a {

  color: #878787;

}

.related-news .related_newsmain li:before {

  content: "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 0;

  height: 0;

  border-bottom: 4px solid transparent;

  border-top: 4px solid transparent;

  border-left: 3px solid #015d9f;

}

.related-news .related_newsmain li:last-child {

  border-bottom: none;

}

.related-news .related_newsmain li:nth-last-child(2) {

  border-bottom: none;

}

.related-news .related_newsmain .li-2 {

  padding: 0 0 0 70px;

}

@media (max-width: 767px) {

  .related-news .related_newsmain .li-2 {

    padding: 0 0 0 15px;

  }

}

.related-news .related_newsmain .li-2:before {

  left: 55px;

}

@media (max-width: 767px) {

  .related-news .related_newsmain .li-2:before {

    left: 0;

  }

}

/*case-show*/

.case-show .title-1 {

  text-align: center;

  color: #424242;

  font-size: 32px;

  line-height: 40px;

  margin: 30px auto;

  word-break: break-all;

}

@media (max-width: 991px) {

  .case-show .title-1 {

    margin: 20px auto;

  }

}

@media (max-width: 767px) {

  .case-show .title-1 {

    margin: 15px auto;

    font-size: 26px;

    line-height: 34px;

  }

}

@media (max-width: 375px) {

  .case-show .title-1 {

    font-size: 22px;

    line-height: 28px;

    margin: 15px auto 13px;

  }

}

.case-show .video {

  font-size: 14px;
  line-height: 25px;
  margin: 0 auto;

}

.case-show .video img {

  max-width: 100%;
  height: auto !important
}

/*news*/

.news {

  padding: 0 0 40px;

}

@media (max-width: 1025px) {

  .news {

    padding: 0 0 10px;

  }

}

.news .news-main {

  margin: 36px auto 35px;

}

@media (max-width: 1220px) {

  .news .news-main {

    margin: 15px auto 35px;

  }

}

@media (max-width: 767px) {

  .news .news-main {

    margin: 5px auto 25px;

  }

}

.news .news-main ul li {

  border-bottom: 1px solid #dbd4cd;

  padding: 30px 10px 0 125px;

  display: table;

  width: 100%;

  transition: all 0.15s ease-in-out;

  -webkit-transition: all 0.15s ease-in-out;

  -o-transition: all 0.15s ease-in-out;

  -moz-transition: all 0.15s ease-in-out;

  position: relative;

}

@media (max-width: 991px) {

  .news .news-main ul li {

    padding: 20px 20px 0 90px;

  }

}

@media (max-width: 767px) {

  .news .news-main ul li {

    padding: 16px 20px 0 80px;

  }

}

@media (max-width: 361px) {

  .news .news-main ul li {

    padding: 16px 20px 0 68px;

  }

}

.news .news-main ul li:hover {

  background: var(--color);

}

.news .news-main ul li:hover:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 11px;

  background: #fec732;

}

.news .news-main ul li:hover time {

  background: #fff;

}

.news .news-main ul li:hover time big {

  color: var(--color);

}

.news .news-main ul li:hover time small {

  color: var(--color);

}

.news .news-main ul li:hover .txt span {

  color: #fff;

}

.news .news-main ul li:hover .txt p {

  color: #fff;

}

.news .news-main ul li time {

  display: block;

  position: absolute;

  left: 35px;

  top: 32px;

  width: 65px;

  height: 65px;

  background: var(--color);

  overflow: hidden;

}

@media (max-width: 991px) {

  .news .news-main ul li time {

    left: 5px;

    top: 20px;

  }

}

@media (max-width: 767px) {

  .news .news-main ul li time {

    left: 0;

  }

}

@media (max-width: 361px) {

  .news .news-main ul li time {

    width: 55px;

    height: 55px;

  }

}

.news .news-main ul li time big {

  display: block;

  text-align: center;

  color: #fff;

  font-size: 30px;

  margin: 5px 0 0;

  line-height: 32px;

  height: 32px;

  overflow: hidden;

}

@media (max-width: 361px) {

  .news .news-main ul li time big {

    font-size: 20px;

    line-height: 24px;

    height: 24px;

  }

}

.news .news-main ul li time small {

  display: block;

  text-align: center;

  color: #fff;

  font-size: 15px;

  line-height: 24px;

  height: 24px;

  overflow: hidden;

}

@media (max-width: 361px) {

  .news .news-main ul li time small {

    font-size: 12px;

    line-height: 20px;

    height: 20px;

  }

}

.news .news-main ul li .txt span {

  display: block;

  height: 24px;

  line-height: 24px;

  overflow: hidden;

  color: #333333;

  font-size: 19px;

}

@media (max-width: 767px) {

  .news .news-main ul li .txt span {

    font-size: 16px;

    margin: 3px 0 0;

  }

}

@media (max-width: 361px) {

  .news .news-main ul li .txt span {

    font-size: 14px;

    height: 20px;

    margin: 2px 0 0;

    line-height: 20px;

  }

}

.news .news-main ul li .txt p {

  color: #8b8989;

  font-size: 13px;

  line-height: 18px;

  height: 36px;

  margin: 10px 0 25px;

  overflow: hidden;

}

@media (max-width: 991px) {

  .news .news-main ul li .txt p {

    margin: 10px 0 20px;

  }

}

@media (max-width: 767px) {

  .news .news-main ul li .txt p {

    font-size: 12px;

    margin: 5px 0 20px;

  }

}

@media (max-width: 361px) {

  .news .news-main ul li .txt p {

    font-size: 10px;

    height: 32px;

    line-height: 16px;

  }

}

/*news-show*/

.news-show .title-1 {

  text-align: center;

  color: #424242;

  font-size: 26px;

  line-height: 36px;

  margin: 30px auto 10px;

}

@media (max-width: 767px) {

  .news-show .title-1 {

    font-size: 20px;

    line-height: 26px;

    margin: 25px auto 8px;

  }

}

@media (max-width: 375px) {

  .news-show .title-1 {

    font-size: 18px;

    line-height: 24px;

    margin: 20px auto 8px;

  }

}

@media (max-width: 321px) {

  .news-show .title-1 {

    font-size: 16px;

    line-height: 22px;

    margin: 20px auto 5px;

  }

}

.news-show .source {

  text-align: center;

  color: #8d8686;

  font-size: 12px;

  line-height: 24px;

  height: 24px;

  overflow: hidden;

}

.news-show .text-1 {

  color: #6a6969;

  font-size: 12px;

  line-height: 20px;

  background: #f5f5f5;

  padding: 16px 20px 14px;

  margin: 30px 0 40px;

  border: 1px solid #e5e5e5;

}

@media (max-width: 1025px) {

  .news-show .text-1 {

    margin: 15px 0 25px;

  }

}

@media (max-width: 767px) {

  .news-show .text-1 {

    margin: 15px 0 20px;

  }

}

@media (max-width: 375px) {

  .news-show .text-1 {

    margin: 15px 0;

  }

}

.news-show .text-2 {

  color: #515151;

  font-size: 12px;

  line-height: 27px;

  margin: 0 0 25px;

}

@media (max-width: 1025px) {

  .news-show .text-2 {

    margin: 0 0 15px;

  }

}

@media (max-width: 375px) {

  .news-show .text-2 {

    margin: 0 0 10px;

  }

}

.news-show .title-2 {

  color: var(--color);

  font-size: 16px;

  line-height: 27px;

  margin: 0 0 2px;

  font-weight: bold;

}

.news-show .line {

  overflow: hidden;

  text-align: center;

  margin: 30px auto 0;

}

@media (max-width: 767px) {

  .news-show .line {

    margin: 20px auto 0;

  }

}

@media (max-width: 321px) {

  .news-show .line {

    margin: 15px auto 0;

  }

}

.article {

  list-style: none;

  margin: 50px -10px 0;

}

@media (max-width: 1025px) {

  .article {

    margin: 30px -10px 0;

  }

}

@media (max-width: 767px) {

  .article {

    margin: 10px -10px 0;

  }

}

.article li {

  float: left;

  width: 50%;

  padding: 0 10px;

}

@media (max-width: 767px) {

  .article li {

    width: 100%;

    margin: 10px auto 0;

  }

}

.article li a {

  background: var(--color);

  display: block;

  height: 30px;

  overflow: hidden;

  line-height: 30px;

  color: #fff;

  font-size: 12px;

  padding: 0 10px 0 30px;

  position: relative;

  z-index: 1;

}

.article li a:hover {

  color: #E0E0E0;

}

.article li a:before {

  content: "";

  position: absolute;

  left: 12px;

  top: 10px;

  width: 8px;

  height: 8px;

  background: url("../image/news-ico1.png") no-repeat center;

}

.article .li-2 a {

  text-align: right;

  padding: 0 30px 0 10px;

}

.article .li-2 a:before {

  left: auto;

  right: 12px;

  background: url("../image/news-ico.png") no-repeat center;

}

.article1 {

  list-style: none;

  margin: 0 auto;

}

.article1 li {

  float: left;

  padding: 0 10px;

}

.article1 li a {

  display: block;

  height: 30px;

  overflow: hidden;

  line-height: 30px;

  color: #666666;

  font-size: 13px;

  padding: 0 100px 0 0;

  position: relative;

  z-index: 1;

}

.article1 li a:hover {

  color: var(--color);

  text-decoration: underline;

}

/*core*/

.core-main {

  margin: 0 auto 35px;

}

@media (max-width: 991px) {

  .core-main {

    margin: 20px auto 25px;

  }

}

@media (max-width: 767px) {

  .core-main {

    margin: 10px auto 20px;

  }

}

.core-main ul {

  margin: 35px -21px 0;

  list-style: none;

}

@media (max-width: 1345px) {

  .core-main ul {

    margin: 5px -18px 0;

  }

}

@media (max-width: 1025px) {

  .core-main ul {

    margin: 5px -13px 0;

  }

}

@media (max-width: 991px) {

  .core-main ul {

    margin: 8px -10px 0;

  }

}

@media (max-width: 767px) {

  .core-main ul {

    margin: 5px -6px 0;

  }

}

.core-main ul li {

  float: left;

  overflow: hidden;

  width: 33.33333333%;

  padding: 12px 21px;

}

@media (max-width: 1345px) {

  .core-main ul li {

    padding: 20px 18px;

  }

}

@media (max-width: 1025px) {

  .core-main ul li {

    padding: 15px 13px;

  }

}

@media (max-width: 991px) {

  .core-main ul li {

    padding: 10px;

  }

}

@media (max-width: 767px) {

  .core-main ul li {

    padding: 6px;

  }

}

@media (max-width: 376px) {

  .core-main ul li {

    width: 50%;

  }

}

.core-main ul li a {

  display: block;

  position: relative;

  z-index: 2;

}

.core-main ul li a:hover .mask {

  opacity: 1;

}

.core-main ul li a:hover .mask button {

  transform: translateY(0%);

  -webkit-transform: translateY(0%);

}

.core-main ul li a:hover .mask em {

  transform: translateY(0%);

  -webkit-transform: translateY(0%);

}

.core-main ul li .pic {

  width: 100%;

  position: relative;

  z-index: 5;

}

.core-main ul li .pic:after {

  content: "";

  display: block;



}

.core-main ul li .mask {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 25;

  width: 100%;

  height: 100%;

  opacity: 0;

  transition: all 0.38s ease-in-out;

  -webkit-transition: all 0.38s ease-in-out;

  -o-transition: all 0.38s ease-in-out;

  -moz-transition: all 0.38s ease-in-out;

  background-color: rgba(76, 75, 75, 0.9);

}

.core-main ul li .mask em {

  display: block;

  font-style: inherit;

  margin: 35% auto 0;

  padding: 20px 10px;

  overflow: hidden;

  text-align: center;

  position: relative;

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  transform: translateY(-500%);

  -webkit-transform: translateY(-500%);

}

.core-main ul li .mask em:before {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  width: 2px;

  height: 10px;

  background: #fff;

}

.core-main ul li .mask em:after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 2px;

  height: 10px;

  background: #fff;

}

.core-main ul li .mask em big {

  display: block;

  height: 28px;

  line-height: 28px;

  text-align: center;

  overflow: hidden;

  color: #fff;

  font-size: 20px;

}

.core-main ul li .mask em small {

  display: block;

  height: 24px;

  line-height: 24px;

  text-align: center;

  overflow: hidden;

  color: #fff;

  font-size: 12px;

}

.core-main ul li .mask button {

  border: 1px solid #fff;

  background: none;

  cursor: pointer;

  text-align: center;

  padding: 0 25px;

  height: 32px;

  line-height: 32px;

  overflow: hidden;

  margin: 23px auto 0;

  color: #fff;

  font-size: 14px;

  font-family: "microsoft yahei";

  display: table;

  transition: all 0.38s ease-in-out;

  -webkit-transition: all 0.38s ease-in-out;

  -o-transition: all 0.38s ease-in-out;

  -moz-transition: all 0.38s ease-in-out;

  transform: translateY(500%);

  -webkit-transform: translateY(500%);

}

/*core-show*/

.core-show .part-1 {

  margin: 50px auto;

}

@media (max-width: 1220px) {

  .core-show .part-1 {

    margin: 30px auto;

  }

}

@media (max-width: 767px) {

  .core-show .part-1 {

    margin: 20px auto;

  }

}

.core-show .part-1 .pic {

  float: left;

  width: 30.4%;

  position: relative;

}

@media (max-width: 1220px) {

  .core-show .part-1 .pic {

    width: 38%;

  }

}

@media (max-width: 767px) {

  .core-show .part-1 .pic {

    width: 100%;

    margin: 0 auto 20px;

  }

}

.core-show .part-1 .pic:after {

  content: "";

  display: block;



}

.core-show .part-1 .txt {

  float: left;

  width: 69.6%;

  padding: 0 0 0 50px;

}

@media (max-width: 1220px) {

  .core-show .part-1 .txt {

    padding: 0 0 0 30px;

    width: 62%;

  }

}

@media (max-width: 767px) {

  .core-show .part-1 .txt {

    padding: 0;

    width: 100%;

  }

}

.core-show .part-1 .txt big {

  display: block;

  color: #262626;

  font-size: 32px;

  line-height: 40px;

  padding: 0 0 10px;

  margin: 0 0 16px;

  border-bottom: 1px solid #e2e2e2;

}

@media (max-width: 767px) {

  .core-show .part-1 .txt big {

    font-size: 26px;

    line-height: 32px;

  }

}

@media (max-width: 767px) {

  .core-show .part-1 .txt big {

    font-size: 22px;

    line-height: 28px;

  }

}

.core-show .part-1 .txt p {

  color: #646464;

  font-size: 16px;

  line-height: 24px;

}

.core-show .part-1 .txt p i {

  font-style: inherit;

  color: var(--color);

}

.core-show .part-1 .txt .text1 {

  color: #565656;

  padding: 15px 20px;

  font-size: 14px;

  line-height: 26px;

  margin: 30px 0;

  background: #f5f5f5;

  border: 1px solid #e5e5e5;

}

@media (max-width: 1220px) {

  .core-show .part-1 .txt .text1 {

    margin: 15px 0;

  }

}

.core-show .part-1 .txt .zixun {

  width: 124px;

  height: 34px;

  line-height: 34px;

  padding: 0 10px 0 45px;

  background: url("../image/xunwen.png") no-repeat 15px center var(--color);

}

.core-show .part-1 .txt .zixun:hover {

  background: url("../image/xunwen.png") no-repeat 15px center #015d9f;

}

.core-show .part-1 .txt .zixun a {

  display: block;

  color: #fff;

  font-size: 14px;

}

.core-show .core-showmain .core-title {

  list-style: none;

  width: 100%;

  padding: 0 15px;

  background: var(--color);

}

.core-show .core-showmain .core-title li {

  float: left;

  cursor: pointer;

  height: 30px;

  overflow: hidden;

  font-size: 18px;

  color: #fff;

  padding: 0 30px;

  line-height: 30px;

}

@media (max-width: 767px) {

  .core-show .core-showmain .core-title li {

    font-size: 16px;

  }

}

.core-show .core-showmain .core-title .active {

  background: #fff;

  color: var(--color);

}

.core-show .core-showmain .core-nr {

  padding: 30px 0 0;
  font-size: 14px;

}

.core-nr table {
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  width: 100% !important;
}

.core-nr td {
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 5px;
}

.core-nr img {
  max-width: 100%;
}

@media (max-width: 767px) {

  .core-show .core-showmain .core-nr {

    padding: 20px 0 0;

  }

}

.core-show .core-showmain .core-nr .text-1 {

  color: #565656;

  font-size: 14px;

  line-height: 26px;

  text-indent: 2em;

  margin: 0 0 25px;

}

@media (max-width: 767px) {

  .core-show .core-showmain .core-nr .text-1 {

    margin: 0 0 15px;

  }

}

.core-show .core-showmain .core-nr .img {

  text-align: center;

  overflow: hidden;

  margin: 0 auto 25px;

}

@media (max-width: 767px) {

  .core-show .core-showmain .core-nr .img {

    margin: 0 auto 15px;

  }

}

.core-show .core-showmain .core-nr .img img {

  max-width: 100%;

}

.core-show .line {

  overflow: hidden;

  text-align: center;

  margin: 30px auto 20px;

}

@media (max-width: 767px) {

  .core-show .line {

    margin: 20px auto 15px;

  }

}



/*about*/

.about .video {

  text-align: center;

  margin: 50px auto 25px;

}

.about .video img {

  max-width: 100%;

}

@media (max-width: 991px) {

  .about .video {

    margin: 30px auto 10px;

  }

}

@media (max-width: 767px) {

  .about .video {

    margin: 20px auto 10px;

  }

}

@media (max-width: 375px) {

  .about .video {

    margin: 15px auto 6px;

  }

}

.about .text-1 {

  color: #636363;

  font-size: 13px;

  line-height: 28px;

  margin: 0 auto 30px;

}

@media (max-width: 991px) {

  .about .text-1 {

    margin: 0 auto 15px;

  }

}

@media (max-width: 767px) {

  .about .text-1 {

    margin: 0 auto 8px;

  }

}

@media (max-width: 375px) {

  .about .text-1 {

    font-size: 12px;

    line-height: 26px;

    margin: 0 auto 6px;

  }

}

/*contact*/

.contact .part-2 {

  margin: 45px auto 0;

}

@media (max-width: 1200px) {

  .contact .part-2 {

    margin: 30px auto 0;

  }

}

@media (max-width: 767px) {

  .contact .part-2 {

    margin: 20px auto 0;

  }

}

.contact .part-2 .pic {

  width: 27.5%;

  float: right;

  overflow: hidden;

  height: 376px;

}

.contact .part-2 .pic img {

  max-width: 100%;

}

@media (max-width: 1200px) {

  .contact .part-2 .pic {

    height: 300px;

    width: 27.3%;

  }

}

@media (max-width: 991px) {

  .contact .part-2 .pic {

    height: 260px;

  }

}

@media (max-width: 767px) {

  .contact .part-2 .pic {

    width: 100%;

    height: auto;

    margin: 15px auto 0;

    text-align: center;

  }

}

.contact .cont-map {

  float: left;

  height: 376px;

  width: 100%;

}

@media (max-width: 1200px) {

  .contact .cont-map {

    height: 300px;

  }

}

@media (max-width: 991px) {

  .contact .cont-map {

    height: 260px;

  }

}

@media (max-width: 767px) {

  .contact .cont-map {

    width: 100%;

  }

}

.contact .cont-map #allmap {

  width: 100%;

  height: 100%;

}

.contact .cont-map #allmap .anchorBL {

  display: none;

}

.contact .cont-map #allmap .BMapLib_sendToPhone {

  display: none;

}

.contact .part-1 {

  margin: 50px auto 0;

}

@media (max-width: 1200px) {

  .contact .part-1 {

    margin: 40px auto 0;

  }

}

@media (max-width: 991px) {

  .contact .part-1 {

    margin: 30px auto 0;

  }

}

@media (max-width: 767px) {

  .contact .part-1 {

    margin: 20px auto 0;

  }

}

.contact .part-1 .title-1 {

  color: #000000;

  font-size: 24px;

  line-height: 24px;

  margin: 0 auto 20px;

}

@media (max-width: 991px) {

  .contact .part-1 .title-1 {

    margin: 0 auto 10px;

  }

}

@media (max-width: 767px) {

  .contact .part-1 .title-1 {

    margin: 0 auto;

  }

}

.contact .part-1 ul {

  list-style: none;

}

.contact .part-1 ul li {

  float: left;

  width: 100%;

  position: relative;

  color: #5f5f5f;

  font-size: 14px;

  line-height: 22px;

  z-index: 1;

}

@media (max-width: 1428px) {

  .contact .part-1 ul li {

    width: 50%;

  }

}

@media (max-width: 767px) {

  .contact .part-1 ul li {

    width: 100%;

  }

}

.contact .part-1 ul li .text-1 {

  position: relative;

  z-index: 1;

  padding: 0 10px 0 30px;

  margin: 15px 0 0;

  color: #5f5f5f;

}

@media (max-width: 767px) {

  .contact .part-1 ul li .text-1 {

    padding: 0 7px 0 30px;

  }

}

.contact .part-1 ul li .text-1 a {

  color: #5f5f5f;

}

.contact .part-1 ul li .text-1 a:hover {

  color: var(--color);

}

.contact .part-1 ul li i {

  position: absolute;

  left: 0;

  top: 0;

  width: 20px;

  height: 20px;

}

.contact .part-1 ul .li-1 {

  width: 32.5%;

}

@media (max-width: 1428px) {

  .contact .part-1 ul .li-1 {

    width: 50%;

  }

}

@media (max-width: 767px) {

  .contact .part-1 ul .li-1 {

    width: 100%;

  }

}

.contact .part-1 ul .li-2 {

  width: 22%;

}

@media (max-width: 1428px) {

  .contact .part-1 ul .li-2 {

    width: 50%;

  }

}

@media (max-width: 767px) {

  .contact .part-1 ul .li-2 {

    width: 100%;

  }

}

/*download*/

.download .downloadmain {

  border-top: #2662be solid 1px;

  font-size: 14px;

  width: 100%;

  margin: 35px auto 0;

  color: #666666;

  list-style: none;

}

@media (max-width: 991px) {

  .download .downloadmain {

    margin: 25px auto 0;

  }

}

.download .downloadmain li {

  width: 100%;

  height: 42px;

  line-height: 41px;

  border-bottom: #dcdcdc solid 1px;

}

@media (max-width: 767px) {

  .download .downloadmain li {

    height: 36px;

    line-height: 37px;

  }

}

.download .downloadmain li em {

  font-style: inherit;

  font-size: 14px;

}

@media (max-width: 767px) {

  .download .downloadmain li em {

    font-size: 12px;

  }

}

@media (max-width: 376px) {

  .download .downloadmain li em {

    font-size: 11px;

  }

}

@media (max-width: 321px) {

  .download .downloadmain li em {

    font-size: 9px;

  }

}

.download .downloadmain li time {

  width: 22%;

  float: left;

  overflow: hidden;

  height: 41px;

  color: #666666;

  text-align: center;

  border-right: #dcdcdc solid 1px;

  font-size: 12px;

}

@media (max-width: 767px) {

  .download .downloadmain li time {

    height: 35px;

    font-size: 10px;

  }

}

@media (max-width: 321px) {

  .download .downloadmain li time {

    font-size: 9px;

  }

}

.download .downloadmain li .operation {

  width: 28%;

  float: left;

  overflow: hidden;

  height: 41px;

  text-align: center;

}

@media (max-width: 767px) {

  .download .downloadmain li .operation {

    height: 35px;

  }

}

.download .downloadmain li .operation a {

  background: url("../image/down.png") no-repeat 30px center #b0b0b0;

  font-size: 13px;

  padding: 0 10px 0 20px;

  width: 160px;

  line-height: 31px;

  height: 30px;

  display: block;

  margin: 5px auto 0;

  color: #fff;

}

@media (max-width: 1345px) {

  .download .downloadmain li .operation a {

    width: 130px;

    padding: 0 10px 0 25px;

    background: url("../image/down.png") no-repeat 20px center #b0b0b0;

  }

}

@media (max-width: 767px) {

  .download .downloadmain li .operation a {

    width: 90px;

    font-size: 11px;

    height: 24px;

    line-height: 25px;

    background: url("../image/down.png") no-repeat 10px center #b0b0b0;

    background-size: 10px auto;

  }

}

@media (max-width: 376px) {

  .download .downloadmain li .operation a {

    width: 78px;

    padding: 0 10px 0 20px;

  }

}

@media (max-width: 321px) {

  .download .downloadmain li .operation a {

    width: 70px;

    font-size: 10px;

    padding: 0 10px 0 20px;

    background: url("../image/down.png") no-repeat 7px center #b0b0b0;

    background-size: 9px auto;

  }

}

.download .downloadmain li .operation a:hover {

  background: url("../image/down.png") no-repeat 30px center var(--color);

}

@media (max-width: 1345px) {

  .download .downloadmain li .operation a:hover {

    background: url("../image/down.png") no-repeat 20px center var(--color);

  }

}

@media (max-width: 767px) {

  .download .downloadmain li .operation a:hover {

    display: none;

  }

}

.download .downloadmain li .name {

  width: 50%;

  float: left;

  background: #f7f7f7;

  border-right: #dcdcdc solid 1px;

  padding: 0 30px;

  overflow: hidden;

  height: 41px;

}

@media (max-width: 991px) {

  .download .downloadmain li .name {

    padding: 0 20px;

  }

}

@media (max-width: 767px) {

  .download .downloadmain li .name {

    padding: 0 10px;

    height: 35px;

    font-size: 10px;

  }

}

@media (max-width: 321px) {

  .download .downloadmain li .name {

    font-size: 9px;

  }

}

.download .downloadmain li .name a {

  color: #666666;

}

.download .downloadmain li .name a:hover {

  color: var(--color);

}

/*map*/

.map_main {

  border: 1px solid #ccc;

  margin: 50px 0;

  display: inline-block;

  width: 100%;

}

.map {

  margin: 50px auto 80px;

}

@media (max-width: 767px) {

  .map {

    margin: 30px auto 0;

  }

}

@media (max-width: 321px) {

  .map {

    margin: 20px auto 0;

  }

}

.map dl {

  margin: 20px 0;

  overflow: hidden;

  border-bottom: 1px solid #A8AFB1;

}

.map dl:hover {

  background: #f5f8fa;

}

.map dl:hover dt a {

  color: #e0e9f3;

  font-weight: bold;

}

.map dt {

  font-size: 14px;

  float: left;

  width: 10%;

  text-align: center;

  background: var(--color);

}

.map dt:hover {

  background: #1898df;

}

.map dt a {

  color: #fff;

  display: block;

  line-height: 40px;

}

.map dt a:hover {

  color: #e0e9f3;

  font-weight: bold;

}

.map dd {

  font-size: 12px;

  display: block;

  overflow: hidden;

  float: left;

  width: 85%;

}

.map dd .p2 {

  padding: 0 0 0 20px;

  clear: both;

}

.map dd .p2 a {

  color: var(--color);

  font-size: 13px;

  line-height: 40px;

  font-weight: bold;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.map dd .p2 a:hover {

  color: #764b00;

}

.map dd div {

  clear: both;

  overflow: hidden;

  padding: 0 20px 0 10px;

}

.map dd div a {

  color: #333;

  line-height: 40px;

  float: left;

  padding: 0 10px;

}

.map dd div a:hover {

  color: #003e7e;

  background: #565966;

  color: #fff;

}

@media (max-width: 767px) {

  .w1004 {

    max-width: 1100px;

    margin: 20px 10px 60px;

    border: solid 1px #cfcfcf;

    border-radius: 2px;

    padding: 20px;

    background: #fff;

  }

  .map dt {

    width: 100%;

  }

  .map dd {

    width: 85%;

  }


  header .header .txt {
    display: none;
  }

  header .header .logo img {
    height: 40px;
    margin-top: 5px;
  }

}

.x5,.x7{position:relative;min-height:1px;}
.x5,.x7{float:left;}
.x5{width:41.66666667%;}
.x7{width:58.33333333%;}
.text-large{font-size:24px;}
.text-default{font-size:14px;}
.img-responsive{display:block;max-width:100%;height:auto;}
.container:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.container{display:block;}
.padding-large{padding:30px;}
.padding-large-top{padding-top:30px;}
.margin-small-right{margin-right:5px;}
.text-gray{color:#888888;}
.text-yellow{color:#ff9600;}
.bg-white{background-color:#fff;}
.blank {
    height: 10px;
    line-height: 10px;
    clear: both;
    font-size: 0;
}
.text-main{color:#383838;}
.text-sub{color:#6E6E6E;}
.clear{clear:both;}

.messbox{width:90%;margin-top:10px;}
.messbox .ms_contact{width:40%;margin-top:12px;float:left;}
.ms_contact ul li a{display:inline-block;border-radius:20px;width:180px;line-height:50px;background:#f62929;text-align:center;color:#fff;font-size:16px;margin-bottom:20px;}
.ms_bd{width:60%;float: right;}
.ms_bd h4{font-size:18px;line-height:40px;}
.ms_bd p{font-size:14px;line-height: 24px;color:#666;margin-bottom:10px;}

.formbox .itembox{line-height:32px;padding:2px 4px;margin-bottom:10px;width:80%;border:1px solid #e2e0e0}

.formbox .btnm input{width:200px;margin:10px auto;line-height:40px;text-align:center;background:#f62929;color:#fff;border:none;border-radius:5px;}
.cont table{border:1px solid #f2f2f2}
.photolist{display:none;}
.prolistbox li{width:210px;height:220px;margin:10px;float:left;}
.prolistbox li:nth-child(5n){margin-right:0px;}
.prolist ul li img{width:100%;height:220px;}

.Conv_DINCondensedC{font-family:"Conv_DINCondensedC";}
.blank{height:10px;line-height:10px;clear:both;font-size:0;}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0;}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0;}
.line-large{margin-left:-15px;margin-right:-15px;}
.line-large .x5,.line-large .x7{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-nav i{font-size:23px;color:#fff;}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:42px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0;}
.owl-carousel .owl-nav .owl-prev{background:#000;left:20px;right:auto;}
.owl-carousel .owl-nav .owl-prev i{position:absolute;left:8px;}
.owl-carousel .owl-nav .owl-next{right:20px;}
.owl-carousel .owl-nav .owl-next i{position:absolute;right:8px;}
.articlebox{overflow:hidden;}
.articlebox .post h1{font-size:26px;font-weight:700;color:#141414;line-height:1.5;}
.articlebox .post p{font-size:16px;line-height:32px;}
.articlebox .post p span{margin-right:20px;}
.product-description .padding-large{padding:30px 0 0 30px;}
.product-description{background:#fff;padding-top:20px;padding-bottom:30px;}
.product-description .padding-large-top{padding:0;}
.product-description p{line-height:24px;}
.product-description .zoomimg{width:474px;}
.pro-thumb .item img{border:1px solid #ececec;}
.pro-thumb .item:hover img{border:1px solid #ff9600;}
.pro-thumb:hover .owl-nav .owl-prev,.pro-thumb:hover .owl-nav .owl-next{opacity:.6;}
@media (max-width: 820px) {
    .photolist{display:block;}
    .boxpc{display:none;}
.x5{width:100%;}
.x7{width:100%;}
.messbox{width:100%;}
.ms_contact ul li a{width:80%;}
.messbox .ms_contact{width:100%;margin-top:12px;}
.ms_bd{width:100%;margin-top:20px;}
.prolistbox li{width:45%;height:150px;margin:10px;float:left;}
.prolistbox li:nth-child(2n){margin-right:0px;}
.prolist ul li img{width:100%;height:150px;}
  .padding-large{padding:20px;}
.product-description .padding-large{padding: 20px 0 0 10px;}

}
.layui-btn {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    padding: 0 18px;
    background-color: #16baaa;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    user-select: none
}

.layui-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}

.layui-btn:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.layui-btn+.layui-btn {
    margin-left: 10px
}

.layui-btn-container {
    word-spacing: -5px
}

.layui-btn-container .layui-btn {
    margin-right: 10px;
    margin-bottom: 10px;
    word-spacing: normal
}

.layui-btn-container .layui-btn+.layui-btn {
    margin-left: 0
}

.layui-table .layui-btn-container .layui-btn {
    margin-bottom: 9px
}

.layui-btn-radius {
    border-radius: 100px
}

.layui-btn .layui-icon {
    padding: 0 2px;
    vertical-align: middle\0;
    vertical-align: bottom
}

.layui-btn-primary {
    border-color: #d2d2d2;
    background: 0 0;
    color: #5f5f5f
}

.layui-btn-primary:hover {
    border-color: #16baaa;
    color: #333
}

.layui-btn-normal {
    background-color: #1e9fff
}

.layui-btn-warm {
    background-color: #ffb800
}

.layui-btn-danger {
    background-color: #ff5722
}

.layui-btn-checked {
    background-color: #16b777
}

.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover {
    border-color: #eee!important;
    background-color: #fbfbfb!important;
    color: #d2d2d2!important;
    cursor: not-allowed!important;
    opacity: 1
}

.layui-btn-lg {
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    font-size: 16px
}

.layui-btn-sm {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px
}

.layui-btn-xs {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px
}

.layui-btn-xs i {
    font-size: 12px!important
}

.layui-btn-group {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.layui-btn-group .layui-btn {
    margin-left: 0!important;
    margin-right: 0!important;
    border-left: 1px solid rgba(255,255,255,.5);
    border-radius: 0
}

.layui-btn-group .layui-btn-primary {
    border-left: none
}

.layui-btn-group .layui-btn-primary:hover {
    border-color: #d2d2d2;
    color: #16baaa
}

.layui-btn-group .layui-btn:first-child {
    border-left: none;
    border-radius: 2px 0 0 2px
}

.layui-btn-group .layui-btn-primary:first-child {
    border-left: 1px solid #d2d2d2
}

.layui-btn-group .layui-btn:last-child {
    border-radius: 0 2px 2px 0
}

.layui-btn-group .layui-btn+.layui-btn {
    margin-left: 0
}

.layui-btn-group+.layui-btn-group {
    margin-left: 10px
}

.layui-btn-fluid {
    width: 100%
}

.layui-input,.layui-select,.layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    border-radius: 2px
}

.layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder {
    line-height: 1.3
}

.layui-input,.layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px
}

.layui-input:hover,.layui-textarea:hover {
    border-color: #d2d2d2!important
}

.layui-input:focus,.layui-textarea:focus {
    border-color: #16b777!important;
    box-shadow: 0 0 0 3px rgba(22,183,119,.08)
}

.layui-textarea {
    position: relative;
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical
}

.layui-input[disabled],.layui-textarea[disabled] {
    background-color: #fafafa
}

.layui-select {
    padding: 0 10px
}

.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select {
    display: none
}
.layui-input,.layui-select,.layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    border-radius: 2px
}
.layui-form{
    padding:20px;
    display: initial
}

.layui-form-item {
    position: relative;
    margin-bottom: 15px;
    clear: both
}

.layui-form-item:after {
    content: '\20';
    clear: both;
    display: block;
    height: 0
}

.layui-form-label {
    position: relative;
    float: left;
    display: block;
    padding: 9px 15px;
    width: 100px;
    font-weight: 400;
    line-height: 20px;
    text-align: right
}

.layui-form-label-col {
    display: block;
    float: none;
    padding: 9px 0;
    line-height: 20px;
    text-align: left
}

.layui-form-item .layui-inline {
    margin-bottom: 5px;
    margin-right: 10px
}

.layui-input-block,.layui-input-inline {
    position: relative
}

.layui-input-block {
    margin-left: 110px;
    min-height: 36px
}

.layui-input-inline {
    display: inline-block;
    vertical-align: middle
}

.layui-form-item .layui-input-inline {
    float: left;
    width: 190px;
    margin-right: 10px
}

.layui-form-text .layui-input-inline {
    width: auto
}

.layui-form-mid {
    position: relative;
    float: left;
    display: block;
    padding: 9px 0!important;
    line-height: 20px;
    margin-right: 10px
}

.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus {
    border-color: #ff5722!important;
    box-shadow: 0 0 0 3px rgba(255,87,34,.08)
}

.layui-input-prefix,.layui-input-split,.layui-input-suffix,.layui-input-suffix .layui-input-affix {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    width: 35px;
    height: 100%;
    text-align: center;
    transition: all .3s;
    box-sizing: border-box
}

.layui-input-prefix {
    left: 0;
    border-radius: 2px 0 0 2px
}

.layui-input-suffix {
    right: 0;
    border-radius: 0 2px 2px 0
}

.layui-input-split {
    border-width: 1px;
    border-style: solid
}

.layui-input-prefix .layui-icon,.layui-input-split .layui-icon,.layui-input-suffix .layui-icon {
    position: relative;
    font-size: 16px;
    color: #5f5f5f;
    transition: all .3s
}

.layui-input-group {
    position: relative;
    display: table;
    box-sizing: border-box
}

.layui-input-group>* {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.layui-input-group .layui-input {
    padding-right: 15px;
}

.layui-input-group>.layui-input-prefix {
    width: auto;
    border-right: 0
}

.layui-input-group>.layui-input-suffix {
    width: auto;
    border-left: 0
}

.layui-input-group .layui-input-split {
    white-space: nowrap
}

.layui-input-wrap {
    position: relative;
    line-height: 38px
}

.layui-input-wrap .layui-input {
    padding-right: 35px;

}

.layui-input-wrap .layui-input::-ms-clear,.layui-input-wrap .layui-input::-ms-reveal {
    display: none
}

.layui-input-wrap .layui-input-prefix+.layui-input,.layui-input-wrap .layui-input-prefix~* .layui-input {
    padding-left: 35px
}

.layui-input-wrap .layui-input-split+.layui-input,.layui-input-wrap .layui-input-split~* .layui-input {
    padding-left: 45px
}

.layui-input-wrap .layui-input-prefix~.layui-form-select {
    position: static
}