@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");

:root {
  --base-vertical-rhythm: 1.5rem;
  --base-transition: 600ms cubic-bezier(0.22, 1, 0.19, 1);
  --button-bg-color: mediumseagreen;
  --button-border-radius: 0.15rem;
  --button-focus-bg-color: seagreen;
  --button-font-size: 1rem;
  --button-text-color: white;
  --form-font-family: 'Lato', sans-serif;
  --input-bg-color: white;
  --input-border-color: #eaeaea;
  --input-border-focus-color: #d8d8d8;
  --input-border-radius: 0.15rem;
  --input-error-color: red;
  --input-padding: 0.75rem;
  --input-placeholder-color: gray;
  --input-text-color: black;
  --input-underline-color: dodgerblue;
}

* {
  margin: 0;
  padding: 0
}

body {
  font-family: "微软雅黑";
  font-size: 12px;
  height: 100%;
  line-height: 22px;
  width: 100%;
  background: #fff;
}

a {
  text-decoration: none;
  cursor: pointer;
  transition: all .3s;
  outline: none
}

ul {
  list-style: none
}

.lf {
  float: left
}

.rg {
  float: right
}

.clear {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px
}

.head {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 1000px;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #ddd;
  height: 100px;
  transition: all .3s
}

.moblie_head {
  display: none
}

.logo {
  padding-top: 4px;
  padding-left: 2.18%;
  width: 280px;
  transition: all .3s
}

.logo a {
  display: block;
  position: relative;
  overflow: hidden
}

.logo img {
  width: 100%;
  position: relative;
  z-index: 100
}

.logo .p1 {
  position: absolute;
  top: 0%;
  left: 0px;
  width: 100%;
  height: 80%;
}

.nav {
  width: 50%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}

.nav ul li {
  float: left;
  width: calc(100% / 7);
  height: 100px;
  transition: all .3s;
  text-align: center;
}

.nav ul li .a1 {
  line-height: 100px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #333;
  transition: all .3s
}

.lr-nr h1 {
  font-size: 24px !important;
  margin-top: 30px;
}

.ys-box {
  padding: 60px 0;
  background-attachment: fixed;
  /* margin-top: 80px; */
}

.ys-1 {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 4px;
  padding: 10px;
  background-color: #fafafa;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.rz-img {
  padding: 0 20px;
}

.ys-img {
  width: 33%;
  float: left;
  position: relative;
}

.ys-xb {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #fecf45;
  color: #fff;
  padding: 8px 16px;
  border-radius: 24px;
}

.ys-xb h1 {
  font-size: 16px;
}

.ys-img img {
  width: 100%;
}

.ioc-img {
  width: 16%;
  float: left;
}

.ioc-img img {
  width: 100%;
}

.ioc-text1 {
  width: calc(84% - 20px);
  margin-left: 20px;
  float: left;
}

.ioc-text1 h1 {
  font-size: 16px;
  color: #fecf45;
  font-weight: 500;
}

.ys-box2 .ys-3:nth-child(2) {
  margin-right: 0;
}

.ys-box2 .ys-3:nth-child(4) {
  margin-right: 0;
}

.ioc-text1 p {
  text-align: justify;
  word-break: break-all;
  line-height: 16px;
  color: #808080;
}

.nav-2 {
  position: absolute;
  top: 8px;
  margin-top: 20px;
  width: 128px;
  text-align: center;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  display: none;
}

.xq-nav:hover .nav-2 {
  display: block;
}

.xq-nav a {
  line-height: 32px;
  padding: 0 20px !important;
  display: block;
}

.nav-2 a {
  display: block;
}

.g1 {
  width: 100% !important;
}

.g2 {
  margin-top: 30px;
}

.ys-3 {
  width: calc(50% - 50px);
  margin-right: 70px;
  float: left;
  margin-top: 35px;
}

.ys-text {
  width: calc(67% - 30px);
  margin-left: 30px;
  float: left;
  margin-top: 10px;
}

.ys-text h2 {
  font-size: 18px;
  font-weight: 500;
  color: #fecf45;
  line-height: 36px;
}

.ys-text>h1 {
  font-size: 20px;
  color: #333;
}

.rz-img img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.nav ul li:hover .a1 {
  color: #fecf45;
  transition: all .3s
}

.nav ul li .div1 {
  display: none;
  background: rgba(255, 255, 255, 0.8);
  width: 60%;
  left: 368px;
  position: absolute;
  top: 101px;
  z-index: 100;
  padding: 20px
}

.nav ul li .div1 .p1 {
  width: 94%;
  float: right;
  line-height: 30px;
  margin: 0 auto;
  border-radius: 25px;
  border: 1px solid #dedede;
  padding: 20px;
}

.nav ul li .div1 .p1 h4 {
  font-size: 16px;
  padding: 5px 20px
}

.nav ul li .div1 .p1 h4 a {
  color: #333
}

.nav ul li .div1 .p1 a {
  display: block;
  color: #666
}

.nav ul li .div1 .p1 a:hover {
  color: #fecf45;
}

/* .nav ul li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;background:url(../images/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s} */

/* .nav ul li .div1 .p1 a:hover{background:url(../images/1_27.jpg) center bottom no-repeat;color:#1a1a1a} */

.nav ul li .mad3 .p1 .pad {
  margin-left: 30%
}

.nav ul li .mad4 .p1 .pad {
  margin-left: 44%
}

.nav ul li .mad5 .p1 .pad {
  margin-left: 45%
}

.nav ul li .mad6 .p1 {
  text-align: right
}

.head_about {
  width: 100%
}

.head_about_img {
  width: 26%;
}

.head_about_img img {
  width: 100%
}

.head_text {
  width: 55%;
  text-align: left;
  line-height: 26px;
  font-size: 12px;
  text-align: justify;
  margin-left: 20px
}

.header_about_daohang {
  width: 15%;
  text-align: left;
  font-size: 16px;
  color: #333;
  font-weight: 600
}

.header_about_daohang a {
  font-size: 14px;
  font-weight: normal;
}

.yuyan {
  width: 20%;
}

.yuyan a {
  line-height: 100px;
  font-size: 14px;
  color: #333;
}

.yuyan a:hover {
  color: #fecf45
}

.a_txt {
  display: none
}

/*小于1600大于1200稍微调整下字体*/

@media screen and (max-width: 1600px) and (min-width:1200px) {
  .moblie_head {
    display: none
  }

  .nav ul li .a1 {
    font-size: 14px
  }

  .nav ul li .div1 .p1 a {
    font-size: 12px
  }

  .foot_top ul {
    margin-left: 60px
  }

  .nav ul li .div1 .p1 {
    /* width: 58.1% */
  }
}

/*移动端导航*/

@media screen and (max-width: 1024px) and (min-width: 0px) {
  .logo {
    width: 200px;
  }

  .nav ul li .div1 {
    display: none !important;
    width: 95%;
    left: 4px;
  }

  .nav {
    width: 56%;
  }

  .nav ul li {
    height: 76px;
  }

  .nav ul li .a1 {
    line-height: 76px;
  }

  .yuyan a {
    line-height: 76px;
  }

  .head {
    height: 76px;
  }

  .qh-box {
    position: absolute;
    right: 108px;
    top: 36%;
  }

  .moblie_head {
    display: none;
    height: 70px;
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #ddd
  }

  .moblie_head .lf {
    padding-top: 10px;
    padding-left: 5%
  }

  .moblie_head .lf img {
    height: 44px
  }

  .moblie_head .rg {
    padding-right: 5%;
    padding-top: 28px
  }

  .moblie_head .rg a img {
    height: 16px;
    vertical-align: top
  }

  .a_txt {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 10000;
    overflow-y: scroll;
    background: #0b0d19;
  }

  .a_txt .div1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0b0d19;
    filter: alpha(opacity=0);
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 1
  }

  .a_txt .div2 {
    position: absolute;
    width: 20%;
    left: 0px;
    top: 5%;
    z-index: 100;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0
  }

  .a_txt .div3 {
    position: absolute;
    width: 80%;
    right: 0px;
    top: 0px;
    background: #0b0d19;
    height: 100%;
    z-index: 100;
    right: -80%
  }

  .a_txt .div3 ul {
    padding-left: 5%;
    padding-right: 5%
  }

  .a_txt .div3 ul li {
    border-bottom: 1px solid #232530
  }

  .a_txt .div3 ul li a {
    display: block;
    height: 45px;
    color: #fff;
    line-height: 45px;
    padding-left: 5%;
    font-size: 16px
  }

  .a_txt .div3 ul li .a_js2 {
    background: url(../images/plus.png) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
  }

  .a_txt .div3 ul li .a_js2_on {
    background: url(../images/reduce.jpg) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
  }

  .a_txt .div3 ul li .a_txt2 {
    display: none
  }

  .a_txt .div3 ul li .a_txt2 a {
    height: 40px;
    line-height: 40px;
    font-size: 14px
  }
}

/* banner */

.banner {
  width: 100%;
  margin: 0 auto;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-container img {
  width: 100%
}

.swiper-wrapper {
  /* 通过改变animation-timing-function 制作弹性切换效果 */
  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 检索功能 */

.search {
  width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 50px;
  padding: 0 10px;
}

.search span {
  font-weight: bold;
}

.search a {
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #274fc1;
  vertical-align: bottom;
  display: inline-block;
}

.search a:hover {
  color: #fecf45
}

.power {
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}

.power span {
  font-size: 20px;
  color: #222;
}

.size {
  width: 1200px;
  margin: 0 auto;
}

.size span {
  font-size: 20px;
  color: #222;
}

/* 产品中心 */

.product {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 0 10px;
}

.pro {
  font-size: 22px;
  font-weight: bold;
  margin-right: 30px;
}

.xq-nav {
  float: left;
  position: relative;
}

.all-1 {
  float: left;
}

.pro_daohang a {
  font-size: 13px;
  padding: 5px 20px;
  color: #666;
  position: relative;
}

.pro_daohang a:hover {
  border-radius: 20px;
  border-color: #fecf45;
  background: #fecf45;
  color: #fff;
}

.actice_all {
  border-radius: 20px;
  border-color: #fecf45;
  background: #fecf45;
  color: #fff;
}

.product_list {
  width: 100%;
  margin-top: 50px
}

.product_list li {
  width: 380px;
  margin-right: 30px;
  float: left;
  text-align: center;
  line-height: 76px;
  font-size: 20px;
}

.n-js {
  margin-top: 0;
  margin-bottom: 40px;
}

.pro_box {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #dedede;
  overflow: hidden;
  position: relative;
}

.pro_box img {
  width: 100%
}

.product_list li a {
  color: #666
}

.pro_zhezhao {
  opacity: 0;
  font-size: 20px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  line-height: 320px;
  background: rgba(254, 207, 69, 0.6);
  transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  -webkit-transition: all .4s ease-in;
}

.product_list li:hover .pro_zhezhao {
  opacity: 1
}

.btn_a {
  text-align: center;
  margin-top: 50px;
}

.btn_a a {
  font-size: 16px;
  border-radius: 5px;
  border-color: #fecf45;
  padding: 10px 50px;
  border: 1px solid #ededed;
  color: #333
}

.btn_a a:hover {
  background: #fecf45;
  color: #fff
}

/* 荣誉资质 */

.honer {
  width: 100%;
  margin-top: 80px;
  background: #fecf45;
  padding: 30px 0;
  overflow-x: hidden;
}

.honer_box {
  width: 1400px;
  margin: 0 auto;
  background: #f6f6f6;
}

.honer_title {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 0;
}

.honer_title h1 {
  font-size: 36px;
  font-weight: normal;
  line-height: 36px;
  margin-bottom: 30px
}

.border-icon {
  width: 20px;
  height: 20px;
  border: 3px solid #feb800;
  display: inline-block;
  position: relative;
}

.border-icon:before {
  left: 50%;
  margin-left: -75px;
}

.border-icon:after {
  right: 50%;
  margin-right: -75px;
}

.border-icon:before,
.border-icon:after {
  width: 65px;
  height: 2px;
  position: absolute;
  top: 9px;
  background-color: #feb800;
  content: "";
}

.title-icon {
  width: 10px;
  height: 10px;
  background-color: #feb800;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 5px;
}

.honer_lb {
  width: 100%;
  margin-top: 50px;
}

/* 关于我们 */

.about_box {
  width: 1200px;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 80px;
}

.about_text {
  width: 45%;
}

.about_text h1 {
  margin-bottom: 30px;
}

.about_text p {
  font-size: 12px;
  color: #666;
  text-align: justify;
  text-indent: 25px;
  line-height: 30px;
}

.about_img {
  width: 50%
}

.about_img img {
  width: 100%
}

.mobile_about_box {
  display: none
}

/* foot */

.foot_box {
  width: 100%;
  background: #333;
  padding: 80px 0 64px;
}

.foot {
  width: 1200px;
  margin: 0 auto
}

.foot li {
  width: 25%;
  float: left;
}

.foot_link {
  width: calc(25% - 40px) !important;
  padding-left: 40px;
}

.ewm {
  width: calc(25% - 80px) !important;
  padding-left: 80px;
}


.foot li img {
  margin-top: 50px
}

.foot li h4 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px;
}

.foot li a {
  display: block;
  color: #fff;
  line-height: 28px;
}

.foot li a:hover {
  color: #fecf45
}

.foot li p {
  color: #fff
}



.mobile_foot {
  display: none
}

.copyright {
  width: 100%;
  background: #2c2c2c;
  padding: 26px 0;
  text-align: center;
}

.copyright p {
  color: #fff;
  font-size: 12px
}

/* 内页banner */

.n_banner {
  width: 100%;
  position: relative;
  background-attachment: fixed;
  background-position: 50% 0;
}

.n_bttext {
  position: absolute;
  max-width: 600px;
  max-height: 100px;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.n_bttext h1 {
  font-size: 54px;
  color: #fff;
}

.n_banner img {
  width: 100%;
}

/* .n_banner_zhezhao {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fecf45;
  width: 100%;
  height: 100%;
  opacity: 0.9;
} */

/* 定位 */

.dingwei_box {
  width: 100%;
  border-bottom: 1px solid #eee;
}

.dingwei {
  width: 1200px;
  margin: 0 auto;
  line-height: 64px;
}

.dingwei a {
  font-size: 14px;
  color: #999
}

.dingwei span a {
  color: #333
}

.dingwei a:hover {
  color: #fecf45
}

/* 内页联系我们 */

.m_n_contact {
  display: none
}

.n_contact {
  width: 1200px;
  margin: 80px auto
}

.n_contact_title {
  text-align: center;
}

.n_contact_title h1 {
  line-height: 30px;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: normal;
}

.contact_text {
  width: 50%;
  margin-top: 50px;
  font-size: 16px;
  overflow: hidden;
  line-height: 30px
}

.messgae_bd {
  width: 50%;
  margin-top: 50px
}

.messgae_bd h1 {
  font-size: 20px;
  margin-bottom: 20px
}

.form-group {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  border-radius: var(--input-border-radius);
}

.form-group+* {
  margin-top: var(--base-vertical-rhythm);
}

.messgae_bd label {
  position: absolute;
  top: var(--input-padding);
  left: calc(var(--input-padding) + 1px);
  margin-bottom: calc(var(--input-padding) * -1.5);
  font-size: 0.5rem;
  letter-spacing: 0.0025rem;
  text-transform: uppercase;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(calc(var(--input-padding) / 4));
  transform: translateY(calc(var(--input-padding) / 4));
  transition: opacity var(--base-transition), -webkit-transform var(--base-transition);
  transition: opacity var(--base-transition), transform var(--base-transition);
  transition: opacity var(--base-transition), transform var(--base-transition), -webkit-transform var(--base-transition);
}

.form-group:focus-within label {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.messgae_bd .form-group label .error {
  color: var(--input-error-color);
  opacity: 0;
  transition: opacity var(--base-transition);
}

.messgae_bd .form-group label .error:before {
  content: ' - ';
}

.messgae_bd .form-group input[type="text"],
.messgae_bd .form-group input[type="email"] {
  -webkit-appearance: none;
  padding: calc(var(--input-padding) * 1.5) var(--input-padding);
  font-family: var(--form-font-family);
  font-size: 1rem;
  width: 96%;
  color: var(--input-text-color);
  background-color: var(--input-bg-color);
  outline: none;
  border: 1px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  box-shadow: rgba(0, 0, 0, 0.05) 0 0.5rem 1rem -0.25rem;
  transition: border-color var(--base-transition), box-shadow var(--base-transition), transition var(--base-transition);
}

.messgae_bd .form-group input[type="text"]::-webkit-input-placeholder,
.messgae_bd .form-group input[type="email"]::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
  transition: color var(--base-transition), -webkit-transform var(--base-transition);
  transition: color var(--base-transition), transform var(--base-transition);
  transition: color var(--base-transition), transform var(--base-transition), -webkit-transform var(--base-transition);
  transition-delay: 200ms;
}

.messgae_bd .form-group input[type="text"]:-ms-input-placeholder,
.messgae_bd .form-group input[type="email"]:-ms-input-placeholder {
  color: var(--input-placeholder-color);
  transition: color var(--base-transition), -webkit-transform var(--base-transition);
  transition: color var(--base-transition), transform var(--base-transition);
  transition: color var(--base-transition), transform var(--base-transition), -webkit-transform var(--base-transition);
  transition-delay: 200ms;
}

.messgae_bd .form-group input[type="text"]::-ms-input-placeholder,
.messgae_bd .form-group input[type="email"]::-ms-input-placeholder {
  color: var(--input-placeholder-color);
  transition: color var(--base-transition), -webkit-transform var(--base-transition);
  transition: color var(--base-transition), transform var(--base-transition);
  transition: color var(--base-transition), transform var(--base-transition), -webkit-transform var(--base-transition);
  transition-delay: 200ms;
}

.messgae_bd .form-group input[type="text"]::placeholder,
.messgae_bd .form-group input[type="email"]::placeholder {
  color: var(--input-placeholder-color);
  transition: color var(--base-transition), -webkit-transform var(--base-transition);
  transition: color var(--base-transition), transform var(--base-transition);
  transition: color var(--base-transition), transform var(--base-transition), -webkit-transform var(--base-transition);
  transition-delay: 200ms;
}

.messgae_bd .form-group input[type="text"]:focus,
.messgae_bd .form-group input[type="email"]:focus {
  border-color: var(--input-border-focus-color);
  box-shadow: none;
}

.messgae_bd .form-group input[type="text"]:focus::-webkit-input-placeholder,
.messgae_bd .form-group input[type="email"]:focus::-webkit-input-placeholder {
  color: transparent;
  -webkit-transform: translateX(calc(var(--input-padding) / 2));
  transform: translateX(calc(var(--input-padding) / 2));
  transition-duration: 0ms;
  transition-delay: 0ms;
}

.messgae_bd .form-group input[type="text"]:focus:-ms-input-placeholder,
.messgae_bd .form-group input[type="email"]:focus:-ms-input-placeholder {
  color: transparent;
  transform: translateX(calc(var(--input-padding) / 2));
  transition-duration: 0ms;
  transition-delay: 0ms;
}

.messgae_bd .form-group input[type="text"]:focus::-ms-input-placeholder,
.messgae_bd .form-group input[type="email"]:focus::-ms-input-placeholder {
  color: transparent;
  transform: translateX(calc(var(--input-padding) / 2));
  transition-duration: 0ms;
  transition-delay: 0ms;
}

.messgae_bd .form-group input[type="text"]:focus::placeholder,
.messgae_bd .form-group input[type="email"]:focus::placeholder {
  color: transparent;
  -webkit-transform: translateX(calc(var(--input-padding) / 2));
  transform: translateX(calc(var(--input-padding) / 2));
  transition-duration: 0ms;
  transition-delay: 0ms;
}

.messgae_bd .form-group input[type="text"]:focus,
.messgae_bd .form-group input[type="text"]:not(:placeholder-shown),
.messgae_bd .form-group input[type="email"]:focus,
.messgae_bd .form-group input[type="email"]:not(:placeholder-shown) {
  padding: calc(var(--input-padding) * 2) var(--input-padding) var(--input-padding);
}

.messgae_bd .form-group input[type="text"]:not(:placeholder-shown):invalid:not(:focus),
.messgae_bd .form-group input[type="email"]:not(:placeholder-shown):invalid:not(:focus) {
  color: var(--input-error-color);
  border-color: var(--input-error-color);
}

.messgae_bd .form-group input[type="text"]:not(:placeholder-shown):invalid:not(:focus)+label .error,
.messgae_bd .form-group input[type="email"]:not(:placeholder-shown):invalid:not(:focus)+label .error {
  opacity: 1;
}

.messgae_bd .form-group input[type="text"]:not(:placeholder-shown)+label,
.messgae_bd .form-group input[type="email"]:not(:placeholder-shown)+label {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.messgae_bd .form-group input[type="text"]:-webkit-autofill+label,
.messgae_bd .form-group input[type="email"]:-webkit-autofill+label {
  opacity: 1;
}

.messgae_bd button {
  padding: calc(var(--input-padding) * 1.5) calc(var(--input-padding) * 3);
  width: 100%;
  font-family: var(--form-font-family);
  font-size: var(--button-font-size);
  color: var(--button-text-color);
  background-color: #fecf45;
  border: none;
  border-radius: var(--button-border-radius);
  box-shadow: rgba(0, 0, 0, 0.05) 0 0.5rem 1rem -0.25rem;
  transition: background-color var(--base-transition), box-shadow var(--base-transition), transition var(--base-transition);
}

.messgae_bd button:hover,
button:focus {
  cursor: pointer;
  outline: none;
  background-color: #212121;
  box-shadow: none;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

.messgae_bd button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.n_about_box {
  width: 100%;
  margin: 0 auto 0 auto;
}

.n_about {
  width: 1200px;
  margin: 0 auto
}

.n_left {
  width: 280px;
}

.n_left ul {
  margin-bottom: 20px
}

.n_left li {
  width: 100%;
  background: #c5c5c5;
  color: #fff;
  line-height: 48px;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  transition: all .5s;
}

.n_left li:hover {
  background-color: #fecf45;
}

.n_left li span {
  padding-left: 48px
}

.n_left li a {
  color: #fff;
  display: block;
}

.ly-but {
  padding: 10px 0;
}

.ly-but a {
  display: block;
  width: 80%;
  margin: 0 auto;
  background-color: #fff;
  color: #333 !important;
  text-align: center;
  border-radius: 4px;
  transition: all .5s;
}

.ly-but a:hover {
  background-color: #fecf45;
  color: #fff !important;
}

.ly-but2 a {
  display: block;
  width: 100%;
  background-color: #fecf45;
  text-align: center;
  font-size: 16px;
  line-height: 48px;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  transition: all .5s;
}

.ly-but2 a:hover {
  background-color: #333;
}


.active {
  background: #fecf45 !important
}

.active1 {
  background: url("../images/icon.png") no-repeat center;
  background-position: 20px 4px;
}

.n_pro_list {
  background: #c5c5c5;
  display: none;
  transition: all .5s;
}

.n_pro_list:hover {
  background-color: #fecf45;
}


.n_pro_list a {
  display: block;
  padding-left: 48px;
  font-size: 14px
}

.n_left li:hover .n_pro_list {
  display: block;
}

.n_right {
  width: 890px;
}

.n_right img {
  width: 100%;
}

.n_right h1 {
  font-size: 36px;
  font-weight: normal;
  line-height: 36px;
  display: inline-block;
  margin-bottom: 10px;
}

.n_right span {
  display: block;
  line-height: 32px;
}

/*内页左侧表单*/

.messages {
  padding: 15px 0;
  background: #f3f3f3 !important
}

.messages input,
.messages select,
.messages textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  font-family: "Microsoft Yahei";
}

.messlist {
  height: 30px;
  margin-bottom: 10px;
}

.messlist label {
  float: left;
  width: 10%;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: right;
  padding: 0px 5px;
}

.messlist label img {
  width: 100%
}

.messlist input {
  float: left;
  width: 83%;
  height: 28px;
  padding-left: 5px;
  border: #ccc 1px solid;
}

.messlist.textareas {
  height: auto;
}

.messlist textarea {
  float: left;
  width: 81%;
  height: 110px;
  padding: 5px;
  border: #ccc 1px solid;
}

.messlist.yzms input {
  width: 100px;
}

.messlist.yzms .yzmimg {
  float: left;
  margin-left: 10px;
}

.messsub {
  padding: 0px 0 0 50px;
}

.messsub input {
  width: 100px;
  height: 35px;
  background: #ddd;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px
}

.messsub input:hover {
  background: #f60;
  color: #fff;
}

/* 相册弹出样式 */

.zoomed>.gallery {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.gallery {
  width: 100%;
  margin: 0 auto;
}

.gallery li {
  float: left;
  margin: 10px;
  width: 22%;
}

.gallery li:nth-child(6n) {
  padding-right: 0;
}

.gallery li a,
.gallery li img {
  float: left;
  width: 100%
}

#zoom {
  z-index: 99990;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#zoom .content {
  z-index: 99991;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  background: #ffffff no-repeat 50% 50%;
  padding: 0;
  margin: -100px 0 0 -100px;
  box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

#zoom .content.loading {
  background-image: url('../picture/loading.gif');
}

#zoom img {
  display: block;
  max-width: none;
  background: #ececec;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

#zoom .close {
  z-index: 99993;
  position: absolute;
  top: 0;
  right: 0;
  width: 49px;
  height: 49px;
  cursor: pointer;
  background: transparent url('../images/close.png') no-repeat 50% 50%;
  opacity: 1;
  filter: alpha(opacity=100);
  border-radius: 0 0 0 4px;
}

#zoom .previous,
#zoom .next {
  z-index: 99992;
  position: absolute;
  top: 50%;
  overflow: hidden;
  display: block;
  width: 49px;
  height: 49px;
  margin-top: -25px;
}

#zoom .previous {
  left: 0;
  background: url('../images/arrows.png') no-repeat 0 0;
  border-radius: 0 4px 4px 0;
}

#zoom .next {
  right: 0;
  background: url('../images/arrows.png') no-repeat 100% 0;
  border-radius: 4px 0 0 4px;
}

#zoom .close:hover {
  background-color: #da4f49;
}

#zoom .previous:hover,
#zoom .next:hover {
  background-color: #0088cc;
}

/* 目录下载 */

.catalogue_box {
  margin-left: 30px;
  width: 860px;
}

.catalogue_box h2 {
  width: 100%;
  border-radius: 8px;
  padding-left: 60px;
  height: 35px;
  border: 1px solid #d2d2d2;
  background: url(../images/d1.png) no-repeat left center;
  background-color: #ededed;
  line-height: 35px;
  font-weight: normal;
  color: #666;
  font-size: 14px
}

.catalogue_box h2 span {
  float: right;
  margin-right: 20px
}

.catalogue {
  margin-left: 50px;
  margin-top: 10px;
  width: 100%
}

.catalogue li {
  border-bottom: 1px dashed #dedede;
  line-height: 30px;
  margin-bottom: 10px;
  padding-left: 20px;
  background: url(../images/dian.jpg) no-repeat center left;
}

.catalogue li a {
  color: #666;
  display: block;
  background: url(../images/d2.png) no-repeat center right;
  font-size: 14px
}

.catalogue li a:hover {
  color: #feb800
}

/* 内页产品中心 */

.n_product_box {
  width: 100%;
  margin-top: 30px;
}

.n_product {
  width: 1200px;
  margin: 0 auto
}

.n_product li {
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 2px 2px 6px #dadada;
  background: #fafafa
}

.product_img {
  width: 400px;
  line-height: 0
}

.product_img img {
  width: 100%;
  height: 100%
}

.product_l {
  width: 800px;
}

.product_l h2 {
  background: #dedede;
  font-size: 20px;
  font-weight: 500;
  line-height: 50px
}

.product_l h2 a {
  padding-left: 20px;
  color: #333
}

.product_l h2 a:hover {
  color: #feb800
}

.product_l h2 span {
  text-align: right;
  float: right;
  padding-right: 20px
}

.an-1 {
  padding-right: 60px !important;
}


.product_l h2 span:nth-child(2) a {
  color: #fff;
  background-color: #f48001;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 15px;
  transition: all .5s;
}


.product_l h2 span:nth-child(2) a:hover {
  background-color: #fecf45;
}

.product_l h2 span a {
  color: #333;
}

.p_list {
  width: 760px;
  padding: 20px;
}

.p_list li {
  box-shadow: none;
  width: 240px;
  margin-right: 20px;
  text-align: center;
  line-height: 30px;
  float: left;
}

.p_list li img {
  width: 100%
}

.p_list li:nth-child(3n) {
  margin-right: 0
}

.p_list li a {
  color: #666;
  font-size: 16px;
}

.p_list li a:hover {
  color: #feb800
}

.p_message {
  width: 1200px;
  margin: 0 auto
}

.p_message .messgae_bd {
  width: 100%
}

.p_message .messgae_bd button {
  width: 98%
}

/* 内页产品列表 */

.p_cp {
  width: 100%
}

.p_cp li {
  width: 280px;
  margin-right: 25px;
  line-height: 20px;
  float: left;
  text-align: center;
  margin-bottom: 20px
}

.p_cp li:nth-child(3n) {
  margin-right: 0
}

.p_cp li img {
  width: 100%;
  border: 1px solid #dedede;
}

.p_cp li a {
  color: #333;
  font-size: 14px
}

.p_cp li a:hover {
  color: #feb800
}

/* 内页产品详情 */

.cp-y {
  width: 50%;
  float: left;
}

.cp-z {
  width: calc(50% - 60px);
  margin-left: 60px;
  float: left;
}

.p_datails {
  width: 100%;
}

/*航焦点图*/

.picFocus {
  margin: 0 auto;
  width: 100%;
  border: 1px solid #ccc;
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.g3 {
  top: 30px;
}

.tempWrap {
  width: 100%
}

.picFocus .hd {
  width: 100%;
  padding-top: 5px;
  overflow: hidden;
}

.picFocus .hd ul {
  margin-right: -5px;
  overflow: hidden;
  zoom: 1;
}

.picFocus .hd ul li {
  padding: 5px;
  text-align: center;
  width: calc((100% - 45px) / 4);
  float: left;
}

.picFocus .hd ul li img {
  border: 2px solid #ddd;
  cursor: pointer;
  width: 100%
}

.picFocus .hd ul li.on {
  background: url(../images/icoup.gif) no-repeat top center;
  background-color: #fff;
}

.picFocus .hd ul li.on img {
  border-color: #feb800;
}

.picFocus .bd {
  width: 100%;
  float: left;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

.picFocus .bd li {
  vertical-align: middle;
}

.picFocus .bd img {
  width: 100%;
  display: block;
}

/*标签切换 / 书签切换 / 默认效果*/

.slideTxtBox {
  width: 100%;
  box-shadow: 2px 2px 6px #dedede;
  text-align: left;
  margin-top: 60px;
}

.slideTxtBox .hd {
  height: 30px;
  line-height: 30px;
  background: #f4f4f4;
  padding: 0 10px 0 20px;
  border-bottom: 1px solid #feb800;
  position: relative;
}

.slideTxtBox .hd ul {
  float: left;
  position: absolute;
  left: 20px;
  top: -1px;
  height: 32px;
}

.slideTxtBox .hd ul li {
  float: left;
  padding: 0 15px;
  cursor: pointer;
}

.slideTxtBox .hd ul li.on {
  height: 30px;
  background: #fff;
  border: 1px solid #feb800;
  border-bottom: 2px solid #fff;
}

.slideTxtBox .bd {
  width: 100%
}

.slideTxtBox .bd ul {
  padding: 15px;
  zoom: 1;
}

.slideTxtBox .bd li {
  height: 24px;
  line-height: 24px;
}

.slideTxtBox .bd li .date {
  float: right;
  color: #999;
}

.slideTxtBox .bd .xw {
  padding: 5px
}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideTxtBox .arrow {
  position: absolute;
  right: 10px;
  top: 0;
}

.slideTxtBox .arrow a {
  display: block;
  width: 5px;
  height: 9px;
  float: right;
  margin-right: 5px;
  margin-top: 10px;
  overflow: hidden;
  cursor: pointer;
  background: url("../images/arrow.png") 0 0 no-repeat;
}

.slideTxtBox .arrow .next {
  background-position: 0 -50px;
}

.slideTxtBox .arrow .prevStop {
  background-position: -60px 0;
}

.slideTxtBox .arrow .nextStop {
  background-position: -60px -50px;
}

.p_datails .messgae_bd {
  width: 100%
}

.p_datails .messgae_bd .form-group input[type="text"],
.p_datails .messgae_bd .form-group input[type="email"] {
  width: 97%
}

/* 详情翻页 */
.ys-9 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}


.fy {
  width: 100%;
  margin-top: 30px;
  display: none;
}

.fy span {
  display: inline-block;
}

@media (min-width: 400px) {
  button {
    width: auto;
  }
}

/*小于1920大于1024稍微调整下字体*/

@media screen and (max-width: 1920px) and (min-width:1025px) {
  .product_list li:nth-child(3n) {
    margin-right: 0
  }
}

/*小于1200大于750稍微调整下字体*/

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

  .nav-2 {
    display: none !important;
  }

  .nav ul li .a1 {
    font-size: 12px;
  }

  .power {
    width: 100%;
    margin: 0 auto;
  }

  .size {
    width: 100%;
    margin: 0 auto;
  }

  .search span {
    font-weight: bold;
    font-size: 16px;
  }

  .search a {
    font-size: 12px
  }

  /* 产品中心 */
  .product {
    width: calc(100% - 20px)
  }

  .pro {
    margin-bottom: 20px
  }

  .pro_daohang a {
    padding: 5px 9px;
    margin-bottom: 10px;
    display: inline-block;
  }
}

/*小于650大于0稍微调整下字体*/

@media screen and (max-width:650px) and (min-width:0px) {
  .power {
    width: 100%;
    margin: 0 auto;
  }

  .size {
    width: 100%;
    margin: 0 auto;
  }

  .search span {
    font-weight: bold;
    font-size: 14px;
  }

  .search a {
    font-size: 12px;
    padding: 0 5px
  }

  /* 产品中心 */
  .product {
    width: calc(100% - 20px);
  }

  .pro {
    margin-bottom: 20px
  }

  .pro_daohang a {
    padding: 5px 10px;
    display: inline-block;
  }
}

/*在1024*768分辨率下显示*/

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

  /* 产品中心 */
  .product_list {
    width: 100%;
    margin-top: 50px
  }

  .product_list li {
    width: calc(51% - 30px);
    margin-right: 30px;
    float: left;
    text-align: center;
    line-height: 76px;
    font-size: 20px;
  }

  .product_list li:nth-child(2n) {
    margin-right: 0
  }

  .pro_box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dedede;
    overflow: hidden;
    position: relative;
  }

  .pro_box img {
    width: 100%
  }

  .product_list li a {
    color: #666
  }

  .pro_zhezhao {
    opacity: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 320px;
    background: rgba(254, 207, 69, 0.6);
    transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
  }

  .product_list li:hover .pro_zhezhao {
    opacity: 1
  }

  /* 荣誉资质 */
  .honer {
    width: 100%;
    margin-top: 80px;
    background: #fecf45;
    padding: 30px 0;
    overflow-x: hidden;
  }

  .honer_box {
    width: 94%;
    margin: 0 auto;
    background: #f6f6f6;
  }

  .honer_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0;
  }

  .honer_title h1 {
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 30px
  }

  .border-icon {
    width: 16px;
    height: 16px;
    border: 3px solid #feb800;
    display: inline-block;
    position: relative;
  }

  .border-icon:before {
    left: 50%;
    margin-left: -75px;
  }

  .border-icon:after {
    right: 50%;
    margin-right: -75px;
  }

  .border-icon:before,
  .border-icon:after {
    width: 65px;
    height: 2px;
    position: absolute;
    top: 7px;
    background-color: #feb800;
    content: "";
  }

  .title-icon {
    width: 8px;
    height: 8px;
    background-color: #feb800;
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 4px;
  }

  .honer_lb {
    width: 100%;
    margin-top: 50px;
  }

  /* 关于我们 */
  .about_box {
    width: 98%;
    margin: 0 auto;
    margin-top: 80px;
  }

  .about_text {
    width: 45%;
  }

  .about_text h1 {
    margin-bottom: 30px;
  }

  .about_text p {
    font-size: 12px;
    color: #666;
    text-align: justify;
    text-indent: 25px;
    line-height: 30px;
  }

  .about_img {
    width: 50%
  }

  .about_img img {
    width: 100%
  }

  /* foot */
  .foot_box {
    width: 100%;
    background: #333;
    padding: 80px 0 64px;
    margin-top: 80px
  }

  .foot {
    width: 100%;
    margin: 0 auto
  }

  .foot li {
    width: calc((100% - 20px) / 4);
    float: left;
    padding: 0 20px
  }

  .foot li img {
    margin-top: 50px
  }

  .foot li h4 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
  }

  .foot li a {
    display: block;
    color: #fff;
    line-height: 28px;
  }

  .foot li a:hover {
    color: #fecf45
  }

  .foot li p {
    color: #fff !important;
  }

  .foot_link {
    width: 12% !important;
    padding: 0 50px !important
  }

  .ewm img {
    margin-top: 0px !important
  }

  .copyright {
    width: 100%;
    background: #2c2c2c;
    padding: 26px 0;
    text-align: center;
  }

  .copyright p {
    color: #fff;
    font-size: 12px
  }

  /* 内页banner */
  .n_banner {
    width: 100%;
    position: relative;
    background-attachment: fixed;
    background-position: 50% 0;
  }

  .n_banner img {
    width: 100%;
  }

  /* .n_banner_zhezhao {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fecf45;
    width: 100%;
    height: 100%;
    opacity: 0.9;
  } */
  /* 定位 */
  .dingwei_box {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .dingwei {
    width: 100%;
    margin: 0 auto;
    line-height: 80px;
  }

  .dingwei a {
    font-size: 14px;
    color: #999
  }

  .dingwei span a {
    color: #333
  }

  .dingwei a:hover {
    color: #fecf45
  }

  /* 内页联系我们 */
  .n_contact {
    width: 98%;
    margin: 80px auto
  }

  .n_contact_title {
    text-align: center;
  }

  .n_contact_title h1 {
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: normal;
  }

  .contact_text {
    width: 49%;
    margin-top: 50px;
    font-size: 16px;
    line-height: 30px
  }

  .messgae_bd {
    width: 50%;
    margin-top: 50px
  }

  .messgae_bd h1 {
    font-size: 20px;
    margin-bottom: 20px
  }

  /* 内页公司简介 */
  .n_about_box {
    width: 100%;
    margin: 80px auto;
    overflow: hidden;
  }

  .n_about {
    width: 100%;
    margin: 0 auto
  }

  .n_left {
    width: 23%;
  }

  .n_left ul {
    margin-bottom: 20px
  }

  .n_left li {
    width: 100%;
    background: #c5c5c5;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
  }

  .n_left li span {
    padding-left: 30px
  }

  .n_left li a {
    color: #fff
  }


  .active {
    background: #feb800 !important
  }

  .active1 {
    background: url("../images/icon.png") no-repeat center;
    background-position: 10px 4px;
  }

  .n_pro_list {
    background: #c5c5c5;
    display: none
  }

  .n_pro_list a {
    display: block;
    padding-left: 48px;
    font-size: 14px
  }

  .n_left li:hover .n_pro_list {
    display: block;
  }

  .n_right {
    width: calc(75% - 10px);
    padding-right: 10px;
  }

  .n_right img {
    width: 100%;
  }

  .n_right h1 {
    font-size: 36px;
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 30px
  }

  /*内页左侧表单*/
  .messages {
    padding: 15px 0;
    background: #f3f3f3 !important
  }

  .messages input,
  .messages select,
  .messages textarea {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    font-family: "Microsoft Yahei";
  }

  .messlist {
    height: 30px;
    margin-bottom: 10px;
  }

  .messlist label {
    float: left;
    width: 9%;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: right;
    padding: 0px 5px;
  }

  .messlist label img {
    width: 100%
  }

  .messlist input {
    float: left;
    width: 83%;
    height: 28px;
    padding-left: 5px;
    border: #ccc 1px solid;
  }

  .messlist.textareas {
    height: auto;
  }

  .messlist textarea {
    float: left;
    width: 81%;
    height: 110px;
    padding: 5px;
    border: #ccc 1px solid;
  }

  .messlist.yzms input {
    width: 100px;
  }

  .messlist.yzms .yzmimg {
    float: left;
    margin-left: 10px;
  }

  .messsub {
    padding: 0px 0 0 30px;
  }

  .messsub input {
    width: 95px;
    height: 35px;
    background: #ddd;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 5px
  }

  .messsub input:hover {
    background: #f60;
    color: #fff;
  }

  /* 目录下载 */
  .catalogue_box {
    margin-left: 20px;
    width: 88%;
  }

  .catalogue_box h2 {
    width: 96%;
    border-radius: 8px;
    padding-left: 60px;
    height: 35px;
    border: 1px solid #d2d2d2;
    background: url(../images/d1.png) no-repeat left center;
    background-color: #ededed;
    line-height: 35px;
    font-weight: normal;
    color: #666;
    font-size: 14px
  }

  .catalogue_box h2 span {
    float: right;
    margin-right: 20px
  }

  .catalogue {
    margin-left: 30px;
    margin-top: 10px;
    width: 100%
  }

  .catalogue li {
    border-bottom: 1px dashed #dedede;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 20px;
    background: url(../images/dian.jpg) no-repeat center left;
  }

  .catalogue li a {
    color: #666;
    display: block;
    background: url(../images/d2.png) no-repeat center right;
    font-size: 14px
  }

  .catalogue li a:hover {
    color: #feb800
  }

  /* 内页产品中心 */
  .n_product_box {
    width: 100%;
    margin-top: 30px;
  }

  .n_product {
    width: 100%;
    margin: 0 auto
  }

  .n_product li {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 2px 2px 6px #dadada;
    background: #fafafa
  }

  .product_img {
    width: 32%;
    line-height: 0
  }

  .product_img img {
    width: 100%;
    height: 100%
  }

  .product_l {
    width: 68%;
  }

  .product_l h2 {
    background: #dedede;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px
  }

  .product_l h2 a {
    padding-left: 20px;
    color: #333
  }

  .product_l h2 a:hover {
    color: #feb800
  }

  .product_l h2 span {
    text-align: right;
    float: right;
    padding-right: 20px
  }

  .product_l h2 span a {
    color: #feb800;
  }

  .p_list {
    width: 97%;
    padding: 10px;
  }

  .p_list li {
    box-shadow: none;
    width: 30%;
    margin-right: 20px;
    text-align: center;
    line-height: 30px;
    float: left;
  }

  .p_list li img {
    width: 100%
  }

  .p_list li:nth-child(3n) {
    margin-right: 0
  }

  .p_list li a {
    color: #666;
    font-size: 16px;
  }

  .p_list li a:hover {
    color: #feb800
  }

  .p_message {
    width: 100%;
    margin: 0 auto;
    padding-left: 8px
  }

  /* 内页产品列表 */
  .p_cp {
    width: 100%
  }

  .p_cp li {
    width: calc((100% - 100px) / 3);
    margin-right: 25px;
    line-height: 20px;
    float: left;
    text-align: center;
    margin-bottom: 20px
  }

  .p_cp li:nth-child(3n) {
    margin-right: 0
  }

  .p_cp li img {
    width: 100%;
    border: 1px solid #dedede;
  }

  .p_cp li a {
    color: #333;
    font-size: 14px
  }

  .p_cp li a:hover {
    color: #feb800
  }

  /* 内页产品详情 */
  .p_datails {
    width: 100%;
  }

  /*航焦点图*/
  .picFocus {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    zoom: 1;
  }

  .picFocus .hd {
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
  }

  .picFocus .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1;
  }

  .picFocus .hd ul li {
    padding: 5px;
    float: left;
    text-align: center;
    width: 142px;
  }

  .picFocus .hd ul li img {
    border: 2px solid #ddd;
    cursor: pointer;
    width: 100%
  }

  .picFocus .hd ul li.on {
    background: url(../images/icoup.gif) no-repeat center 0;
  }

  .picFocus .hd ul li.on img {
    border-color: #feb800;
    width: 100%
  }

  .picFocus .bd {
    width: 100%;
  }

  .picFocus .bd li {
    vertical-align: middle;
    width: 100%
  }

  .picFocus .bd img {
    width: 100%;
    display: block;
  }
}

/*在768*1280分辨率下显示*/

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

  .cp-z {
    width: 100%;
    margin-left: 0;
  }

  .cp-y {
    width: 100%;
  }


  .head {
    display: none;
  }

  .moblie_head {
    display: block;
    overflow: hidden;
  }

  .product_list {
    width: 100%;
    margin-top: 50px
  }

  .product_list li {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 76px;
    font-size: 20px;
  }

  .pro_box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dedede;
    overflow: hidden;
    position: relative;
  }

  .pro_box img {
    width: 100%
  }

  .product_list li a {
    color: #666
  }

  .pro_zhezhao {
    opacity: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 320px;
    background: rgba(254, 207, 69, 0.6);
    transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
  }

  .product_list li:hover .pro_zhezhao {
    opacity: 1
  }

  /* 荣誉资质 */
  .honer {
    width: 100%;
    margin-top: 80px;
    background: #fecf45;
    padding: 30px 0;
    overflow-x: hidden;
  }

  .honer_box {
    width: 94%;
    margin: 0 auto;
    background: #f6f6f6;
  }

  .honer_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0;
  }

  .honer_title h1 {
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 30px
  }

  .border-icon {
    width: 16px;
    height: 16px;
    border: 3px solid #feb800;
    display: inline-block;
    position: relative;
  }

  .border-icon:before {
    left: 50%;
    margin-left: -75px;
  }

  .border-icon:after {
    right: 50%;
    margin-right: -75px;
  }

  .border-icon:before,
  .border-icon:after {
    width: 65px;
    height: 2px;
    position: absolute;
    top: 7px;
    background-color: #feb800;
    content: "";
  }

  .title-icon {
    width: 8px;
    height: 8px;
    background-color: #feb800;
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 4px;
  }

  .honer_lb {
    width: 100%;
    margin-top: 50px;
  }

  /* 关于我们 */
  .about_box {
    display: none
  }

  .mobile_about_box {
    display: block;
  }

  .mobile_about_box {
    width: 98%;
    margin: 0 auto;
    margin-top: 80px;
  }

  .mobile_about_box {
    width: 98%;
    text-align: center;
  }

  .mobile_about_box h1 {
    margin-bottom: 30px;
  }

  .mobile_about_text {
    width: 98%;
    margin: 0 auto;
  }

  .mobile_about_text .btn_a {
    margin-bottom: 30px
  }

  .mobile_about_box p {
    font-size: 12px;
    color: #666;
    text-align: justify;
    line-height: 30px;
  }

  .mobile_about_box {
    width: 100%;
    overflow: hidden;
  }

  .mobile_about_box img {
    width: 100%
  }


  /* 底部foot */
  .foot_box {
    display: none
  }

  .mobile_foot {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    background: #333;
    padding: 50px 0px;
    display: block;
  }

  .mobile_link {
    width: 98%;
    margin: 0 auto;
    text-align: center;
  }

  .mobile_link h1 {
    color: #fff;
    margin-bottom: 30px;
  }

  .mobile_link p {
    color: #fff;
    font-size: 14px;
    line-height: 30px
  }

  .mobile_link img {
    margin-top: 30px
  }

  /* 内页banner */
  .n_banner {
    width: 100%;
    position: relative;
    background-attachment: fixed;
    background-position: 50% 0;
  }

  .n_banner img {
    width: 100%;
  }

  /* .n_banner_zhezhao {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fecf45;
    width: 100%;
    height: 100%;
    opacity: 0.9;
  } */
  /* 定位 */
  .dingwei_box {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .dingwei {
    width: 100%;
    margin: 0 auto;
    line-height: 60px;
  }

  .dingwei a {
    font-size: 14px;
    color: #999
  }

  .dingwei span a {
    color: #333
  }

  .dingwei a:hover {
    color: #fecf45
  }

  /* 内页联系我们 */
  .n_contact {
    display: block;
  }

  .contact_text {
    width: 100%;
    overflow: hidden;
  }

  .messgae_bd {
    width: 100%;
    margin-top: 15px;
  }

  .m_n_contact {
    width: 100%;
    margin: 80px auto;
    display: block;
    overflow: hidden;
  }

  .m_n_contact_title {
    text-align: center;
  }

  .m_n_contact_title h1 {
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: normal;
  }

  .m_contact_text {
    width: 100%;
    margin-top: 50px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
  }

  .m_messgae_bd {
    display: none;
    width: 100%;
    margin-top: 50px
  }

  .m_messgae_bd h1 {
    font-size: 20px;
    margin-bottom: 20px
  }

  .m_submit {
    width: 100%
  }

  /* 内页公司简介 */
  .n_about_box {
    width: 100%;
    margin: 80px auto;
  }

  .n_about {
    width: 100%;
    margin: 0 auto
  }

  .n_left {
    width: 23%;
    display: none
  }

  .n_left ul {
    margin-bottom: 20px
  }

  .n_left li {
    width: 100%;
    background: #c5c5c5;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
  }

  .n_left li span {
    padding-left: 30px
  }

  .n_left li a {
    color: #fff
  }

  .active {
    background: #feb800 !important
  }

  .active1 {
    background: url("../images/icon.png") no-repeat center;
    background-position: 10px 4px;
  }

  .n_pro_list {
    background: #c5c5c5;
    display: none
  }

  .n_pro_list a {
    display: block;
    padding-left: 48px;
    font-size: 14px
  }

  .n_left li:hover .n_pro_list {
    display: block;
  }

  .n_right {
    width: calc(100% - 20px) !important;
    padding: 0 10px;
  }

  .n_right h1 {
    font-size: 30px;
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 30px;
    text-align: center;
  }

  /* 相册弹出样式 */
  .zoomed>.gallery {
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }

  .gallery {
    width: 100%;
    margin: 0 auto;
  }

  .gallery li {
    float: left;
    margin: 10px;
    width: 46%;
  }

  .gallery li:nth-child(6n) {
    padding-right: 0;
  }

  .gallery li a,
  .gallery li img {
    float: left;
    width: 100%
  }

  /* 目录下载 */
  .catalogue_box {
    width: 98%;
    margin: 0 auto
  }

  .catalogue_box h2 {
    width: 90%;
    border-radius: 8px;
    padding-left: 60px;
    height: 35px;
    border: 1px solid #d2d2d2;
    background: url(../images/d1.png) no-repeat left center;
    background-color: #ededed;
    line-height: 35px;
    font-weight: normal;
    color: #666;
    font-size: 14px
  }

  .catalogue_box h2 span {
    float: right;
    margin-right: 20px
  }

  .catalogue {
    margin-left: 10px;
    margin-top: 10px;
    width: 98%
  }

  .catalogue li {
    border-bottom: 1px dashed #dedede;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 20px;
    background: url(../images/dian.jpg) no-repeat center left;
  }

  .catalogue li a {
    color: #666;
    display: block;
    background: url(../images/d2.png) no-repeat center right;
    font-size: 14px
  }

  .catalogue li a:hover {
    color: #feb800
  }

  /* 内页产品中心 */
  .n_product_box {
    width: 100%;
    margin-top: 30px;
  }

  .n_product {
    width: 100%;
    margin: 0 auto
  }

  .n_product li {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 2px 2px 6px #dadada;
    background: #fafafa
  }

  .product_img {
    width: 32%;
    line-height: 0;
    display: none
  }

  .product_img img {
    width: 100%;
    height: 100%
  }

  .product_l {
    width: 100%;
  }

  .product_l h2 {
    background: #dedede;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px
  }

  .product_l h2 a {
    padding-left: 0px;
    color: #333
  }

  .product_l h2 a:hover {
    color: #feb800
  }

  .product_l h2 span {
    text-align: right;
    float: right;
    padding-right: 20px
  }

  .product_l h2 span a {
    color: #feb800;
  }

  .p_list {
    width: 97%;
    padding: 10px;
  }

  .p_list li {
    box-shadow: none;
    width: calc((100% - 28px) / 3);
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    float: left;
  }

  .p_list li img {
    width: 100%
  }

  .p_list li:nth-child(3n) {
    margin-right: 0
  }

  .p_list li a {
    color: #666;
    font-size: 16px;
  }

  .p_list li a:hover {
    color: #feb800
  }

  .p_message {
    width: 98%;
    margin: 0 auto;
    padding-left: 4px
  }

  .p_message .messgae_bd button {
    width: 100%
  }

  /* 内页产品列表 */
  .p_cp {
    width: 100%
  }

  .p_cp li {
    width: calc((100% - 100px) / 3);
    margin-right: 25px;
    line-height: 20px;
    float: left;
    text-align: center;
    margin-bottom: 20px
  }

  .p_cp li:nth-child(3n) {
    margin-right: 0
  }

  .p_cp li img {
    width: 100%;
    border: 1px solid #dedede;
  }

  .p_cp li a {
    color: #333;
    font-size: 14px
  }

  .p_cp li a:hover {
    color: #feb800
  }

  /*航焦点图*/
  .picFocus {
    margin: 0 auto;
    width: 98%;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    zoom: 1;
  }

  .picFocus .hd {
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
  }

  .picFocus .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1;
  }

  .picFocus .hd ul li {
    padding: 5px;
    float: left;
    text-align: center;
    width: 140px;
  }

  .picFocus .hd ul li img {
    border: 2px solid #ddd;
    cursor: pointer;
    width: 100%
  }

  .picFocus .hd ul li.on {
    background: url(../images/icoup.gif) no-repeat center 0;
  }

  .picFocus .hd ul li.on img {
    border-color: #feb800;
    width: 100%
  }

  .picFocus .bd {
    width: 100%;
  }

  .picFocus .bd li {
    vertical-align: middle;
    width: 100%
  }

  .picFocus .bd img {
    width: 100%;
    display: block;
  }
}

/*在640*960分辨率下显示*/

@media screen and (max-width:640px) {
  .slideTxtBox .hd ul li {
    padding: 0 5px;
  }

  .product_list {
    width: 100%;
    margin-top: 50px
  }

  .product_list li {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 76px;
    font-size: 20px;

  }

  .n_bttext h1 {
    font-size: 22px;
  }

  .pro_box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dedede;
    overflow: hidden;
    position: relative;
  }

  .pro_box img {
    width: 100%
  }

  .product_list li a {
    color: #666
  }

  .pro_zhezhao {
    opacity: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 500px;
    background: rgba(254, 207, 69, 0.6);
    transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
  }

  .product_list li:hover .pro_zhezhao {
    opacity: 1
  }

  /* 荣誉资质 */
  .honer {
    width: 100%;
    margin-top: 80px;
    background: #fecf45;
    padding: 30px 0;
    overflow-x: hidden;
  }

  .honer_box {
    width: 94%;
    margin: 0 auto;
    background: #f6f6f6;
  }

  .honer_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0 10px;
  }

  .honer_title h1 {
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 14px;
  }

  .border-icon {
    width: 16px;
    height: 16px;
    border: 3px solid #feb800;
    display: inline-block;
    position: relative;
  }

  .border-icon:before {
    left: 50%;
    margin-left: -75px;
  }

  .border-icon:after {
    right: 50%;
    margin-right: -75px;
  }

  .border-icon:before,
  .border-icon:after {
    width: 65px;
    height: 2px;
    position: absolute;
    top: 7px;
    background-color: #feb800;
    content: "";
  }

  .title-icon {
    width: 8px;
    height: 8px;
    background-color: #feb800;
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 4px;
  }

  .honer_lb {
    width: 100%;
    margin-top: 10px;
  }

  /* 内页banner */
  .n_banner {
    max-width: 1920px;
    position: relative;
    background-attachment: fixed;
    background-position: 50% 0;
    overflow: hidden;
  }

  .n_banner img {
    width: 100%;
  }

  /* .n_banner_zhezhao {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fecf45;
    width: 100%;
    height: 100%;
    opacity: 0.9;
  } */
  /* 定位 */
  .dingwei_box {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .dingwei {
    width: 100%;
    margin: 0 auto;
    line-height: 60px;
  }

  .dingwei a {
    font-size: 14px;
    color: #999
  }

  .dingwei span a {
    color: #333
  }

  .dingwei a:hover {
    color: #fecf45
  }

  /* 内容 */
  .m_n_contact {
    width: 100%;
    margin: 80px auto;
    display: block;
  }

  .m_n_contact_title {
    text-align: center;
  }

  .m_n_contact_title h1 {
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: normal;
  }

  .m_contact_text {
    width: 100%;
    margin-top: 50px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
  }

  .m_messgae_bd {
    width: 100%;
    margin-top: 50px
  }

  .m_messgae_bd h1 {
    font-size: 20px;
    margin-bottom: 20px
  }

  .m_submit {
    width: 100%
  }

  /* 相册弹出样式 */
  .zoomed>.gallery {
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }

  .gallery {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  .gallery li {
    float: left;
    margin: 10px 0;
    width: 100%;
  }

  .gallery li:nth-child(6n) {
    padding-right: 0;
  }

  .gallery li a,
  .gallery li img {
    float: left;
    width: 100%
  }

  .p_message {
    width: 96%;
    margin: 0 auto;
    padding-left: 0px
  }

  .p_message .messgae_bd button {
    width: 100%
  }

  /* 内页产品列表 */
  .p_cp {
    width: 100%
  }

  .p_cp li {
    width: calc(100%);
    margin-right: 0;
    line-height: 20px;
    float: left;
    text-align: center;
    margin-bottom: 20px
  }

  .p_cp li:nth-child(2n) {
    margin-right: 0
  }

  .p_cp li:nth-child(3n) {
    margin-right: 25px
  }

  .p_cp li img {
    width: 100%;
    border: 1px solid #dedede;
  }

  .p_cp li a {
    color: #333;
    font-size: 14px
  }

  .p_cp li a:hover {
    color: #feb800
  }

  /*航焦点图*/
  .tempWrap {
    width: 100%
  }

  .picFocus {
    margin: 0 auto;
    width: 98%;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    zoom: 1;
  }

  .picFocus .hd {
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
  }

  .picFocus .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1;
  }

  .picFocus .hd ul li {
    padding: 5px;
    float: left;
    text-align: center;
    width: calc((100% - 30px) / 3);
  }

  .picFocus .hd ul li img {
    border: 2px solid #ddd;
    cursor: pointer;
    width: 100%
  }

  .picFocus .hd ul li.on {
    background: url(../images/icoup.gif) no-repeat center 0;
  }

  .picFocus .hd ul li.on img {
    border-color: #feb800;
    width: 100%
  }

  .picFocus .bd {
    width: 100%;
  }

  .picFocus .bd li {
    vertical-align: middle;
    width: 100%
  }

  .picFocus .bd img {
    width: 100%;
    display: block;
  }

  .slideTxtBox .bd {
    width: 100%
  }

  .p_datails .messgae_bd {
    width: 100%
  }

  .p_datails .messgae_bd .form-group input[type="text"],
  .p_datails .messgae_bd .form-group input[type="email"] {
    width: 96%
  }


}

@media screen and (max-width:760px) {
  .product_l h2 span {
    padding-right: 0;
  }

  .catalogue_box h2 {
    width: 84%;
  }

  .an-1 {
    padding-right: 10px !important;
  }


  .qh-box {
    right: 70px;
  }

  .qh-box a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
  }

  .nav-2 {
    display: none !important;
  }








}


/*在320*480分辨率下显示*/

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

  .product_list {
    width: 100%;
    margin-top: 50px
  }

  .product_list li {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 76px;
    font-size: 20px;
  }

  .pro_box {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dedede;
    overflow: hidden;
    position: relative;
  }

  .pro_box img {
    width: 100%
  }

  .product_list li a {
    color: #666
  }

  .pro_zhezhao {
    opacity: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 280px;
    background: rgba(254, 207, 69, 0.6);
    transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
  }

  .product_list li:hover .pro_zhezhao {
    opacity: 1
  }

  /* 荣誉资质 */
  .honer {
    width: 100%;
    margin-top: 80px;
    background: #fecf45;
    padding: 30px 0;
    overflow-x: hidden;
  }

  .honer_box {
    width: 94%;
    margin: 0 auto;
    background: #f6f6f6;
  }

  .honer_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 10px;
  }

  .honer_title h1 {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 14px
  }

  .border-icon {
    width: 16px;
    height: 16px;
    border: 3px solid #feb800;
    display: inline-block;
    position: relative;
  }

  .border-icon:before {
    left: 50%;
    margin-left: -75px;
  }

  .border-icon:after {
    right: 50%;
    margin-right: -75px;
  }

  .border-icon:before,
  .border-icon:after {
    width: 65px;
    height: 2px;
    position: absolute;
    top: 7px;
    background-color: #feb800;
    content: "";
  }

  .title-icon {
    width: 8px;
    height: 8px;
    background-color: #feb800;
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 4px;
  }

  .honer_lb {
    width: 100%;
    margin-top: 50px;
  }

  /* 内页banner */
  .n_banner {
    width: 100%;
    position: relative;
    background-attachment: fixed;
    background-position: 50% 0;
  }

  .n_banner img {
    width: 100%;
  }

  /* .n_banner_zhezhao {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fecf45;
    width: 100%;
    height: 100%;
    opacity: 0.9;
  } */
  .search {
    margin-top: 30px
  }

  /* 定位 */
  .dingwei_box {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .dingwei {
    width: 100%;
    margin: 0 auto;
    line-height: 50px;
  }

  .dingwei a {
    font-size: 14px;
    color: #999
  }

  .dingwei span a {
    color: #333
  }

  .dingwei a:hover {
    color: #fecf45
  }

  .n_about_box {
    width: 100%;
    margin: 30px auto;
  }

  /* 内容 */
  .m_n_contact {
    width: 100%;
    margin: 80px auto;
    display: block;
  }

  .m_n_contact_title {
    text-align: center;
  }

  .m_n_contact_title h1 {
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: normal;
  }

  .m_contact_text {
    width: 100%;
    margin-top: 50px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
  }

  .m_messgae_bd {
    width: 100%;
    margin-top: 50px
  }

  .m_messgae_bd h1 {
    font-size: 20px;
    margin-bottom: 20px
  }

  .m_submit {
    width: 100%
  }

  /* 相册弹出样式 */
  .zoomed>.gallery {
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }

  .gallery {
    width: 100%;
    margin: 0 auto;
  }

  .gallery li {
    float: left;
    margin: 10px;
    width: 100%;
  }

  .gallery li:nth-child(6n) {
    padding-right: 0;
  }

  .gallery li a,
  .gallery li img {
    float: left;
    width: 100%
  }

  /* 内页产品中心 */
  .n_product_box {
    width: 100%;
    margin-top: 30px;
  }

  .n_product {
    width: 100%;
    margin: 0 auto
  }

  .n_product li {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 2px 2px 6px #dadada;
    background: #fafafa
  }

  .product_img {
    width: 32%;
    line-height: 0;
    display: none
  }

  .product_img img {
    width: 100%;
    height: 100%
  }

  .product_l {
    width: 100%;
  }

  .product_l h2 {
    background: #dedede;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px
  }

  .product_l h2 a {
    padding-left: 20px;
    color: #333
  }

  .product_l h2 a:hover {
    color: #feb800
  }

  .product_l h2 span {
    text-align: right;
    float: right;
    padding-right: 20px
  }

  .product_l h2 span a {
    color: #feb800;
  }

  .p_list {
    width: 94%;
    padding: 10px;
  }

  .p_list li {
    box-shadow: none;
    width: 46%;
    margin-right: 20px;
    text-align: center;
    line-height: 30px;
    float: left;
  }

  .p_list li img {
    width: 100%
  }

  .p_list li:nth-child(2n) {
    margin-right: 0
  }

  .p_list li a {
    color: #666;
    font-size: 16px;
  }

  .p_list li a:hover {
    color: #feb800
  }

  .p_message {
    width: 94%;
    margin: 0 auto;
    padding-left: 0px
  }

  .p_message .messgae_bd button {
    width: 100%
  }

  .p_message .messgae_bd .form-group input[type="text"],
  .p_message .messgae_bd .form-group input[type="email"] {
    width: 91%
  }

  /* 内页产品列表 */
  .p_cp {
    width: 100%
  }

  .p_cp li {
    width: 100%;
    margin: 0;
    line-height: 20px;
    text-align: center;
    margin-bottom: 20px
  }

  .p_cp li img {
    width: 100%;
    border: 1px solid #dedede;
  }

  .p_cp li a {
    color: #333;
    font-size: 14px
  }

  .p_cp li a:hover {
    color: #feb800
  }

  /*航焦点图*/
  .tempWrap {
    width: 100%
  }

  .picFocus {
    margin: 0 auto;
    width: 98%;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    zoom: 1;
  }

  .picFocus .hd {
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
  }

  .picFocus .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1;
  }

  .picFocus .hd ul li {
    padding: 5px;
    float: left;
    text-align: center;
    width: 52px;
  }

  .picFocus .hd ul li img {
    border: 2px solid #ddd;
    cursor: pointer;
    width: 100%
  }

  .picFocus .hd ul li.on {
    background: url(../images/icoup.gif) no-repeat center 0;
  }

  .picFocus .hd ul li.on img {
    border-color: #feb800;
    width: 100%
  }

  .picFocus .bd {
    width: 100%;
  }

  .picFocus .bd li {
    vertical-align: middle;
    width: 100%
  }

  .picFocus .bd img {
    width: 100%;
    display: block;
  }

  /*标签切换 / 书签切换 / 默认效果*/
  .slideTxtBox {
    width: 100%;
    box-shadow: 2px 2px 6px #dedede;
    text-align: left;
    margin-top: 30px;
  }

  .slideTxtBox .hd {
    height: 30px;
    line-height: 30px;
    background: #f4f4f4;
    padding: 0 0px 0 0px;
    border-bottom: 1px solid #feb800;
    position: relative;
  }

  .slideTxtBox .hd ul {
    float: left;
    left: 0px;
    position: relative !important;
    top: -1px;
    height: 32px;
  }

  .slideTxtBox .hd ul li {
    float: left;
    padding: 0 12px;
    cursor: pointer;
  }

  .slideTxtBox .hd ul li.on {
    height: 30px;
    background: #fff;
    border: 1px solid #feb800;
    border-bottom: 2px solid #fff;
  }

  .slideTxtBox .bd ul {
    padding: 15px;
    zoom: 1;
  }

  .slideTxtBox .bd li {
    height: 24px;
    line-height: 24px;
  }

  .slideTxtBox .bd li .date {
    float: right;
    color: #999;
  }

  .slideTxtBox .bd .xw {
    padding: 5px
  }

  /* 下面是前/后按钮代码，如果不需要删除即可 */
  .slideTxtBox .arrow {
    position: absolute;
    right: 10px;
    top: 0;
  }

  .slideTxtBox .arrow a {
    display: block;
    width: 5px;
    height: 9px;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/arrow.png") 0 0 no-repeat;
  }

  .slideTxtBox .arrow .next {
    background-position: 0 -50px;
  }

  .slideTxtBox .arrow .prevStop {
    background-position: -60px 0;
  }

  .slideTxtBox .arrow .nextStop {
    background-position: -60px -50px;
  }

  .slideTxtBox .bd {
    width: 100%
  }

  .p_datails .messgae_bd {
    width: 100%
  }

  .p_datails .messgae_bd .form-group input[type="text"],
  .p_datails .messgae_bd .form-group input[type="email"] {
    width: 91%
  }
}

.ly-1 {
  display: none;
}

.ly-1 a {
  background-color: #333;
  color: #fff !important;

}

.mp4-box {
  width: 100%;
}

.mp4-box video {
  width: 100%;
}

.xf-but {
  z-index: 9999;
  position: fixed;
  right: 0;
  bottom: 70px;
  background-color: #f7c51e;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  border-radius: 25px 0 0 25px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  border: solid 1px #fff;

}



.xf-but a {
  display: block;
  color: #333;
  padding: 10px 30px;

}

.xf-but:hover {
  background-color: #f77a00;

}

.xf-but:hover a {
  color: #fff;

}


@media screen and (max-width:640px) {
  .ly-1 {
    display: block;
  }

  .ys-text {
    width: calc(100% - 30px);
  }

  .ys-img {
    width: 100%;
  }

  .ys-3 {
    width: 100%;
    margin: 0;
    margin-top: 30px;
  }

  .n_banner {
    margin-top: 70px;
  }

  .banner {
    margin-top: 70px;
  }
}