html{
      font-size: 14px;
}
body{
      width:100%;
}
nav{
      width:85%;
      margin:auto 7.5%;
      position: relative;
}
nav div.logo{
      width:20%;
      overflow: hidden;
}
nav div.logo img{
      width:100%;
}
nav ul{
      width:80%;
      padding-top:1rem;
      padding-bottom:1rem;
      position:absolute;
      right: 0px;
      z-index: 99;
      top:2.5rem;
}
nav ul li{
      width:12.4%;
      text-align: center;
      height: 3rem;
      line-height:3rem;
      margin-right: 0.1%;
      float: left;
}
nav ul li:last-child{
      margin-right: 0%;
}
nav ul li:hover{
      background: rgba(232,0,0,0.6);
      color:#fff;
}
nav ul li:hover a.nav{
      color:#fff;
}
nav ul li a.nav:hover{
      cursor: pointer;
      transition-duration:1s;
      color:#fff;
}
nav ul li a{
      display: block;
      width: 100%;
      float: none;
      color:#504f4f;
      font-size: 1rem;
}
nav ul li div.submenu{
      width:100%;
      left:0px;top:3rem;
      display:none;
}
nav ul li div.submenu a{
      background: rgba(232,0,0,0.6);
      color:#fff;
      font-size: 0.9rem;
}
nav ul li div.submenu a:hover{
      transition-duration:1s;
      color:#fff;
}
nav ul li div.submenu{
      float: none;
}
nav button{
      display: none;
}

.slide {
      max-width:100%;
      height:auto;
      margin:0 auto;
      position:relative;
      z-index:10;
      overflow:hidden;
      float: left;
      margin-top: 1rem;
      margin-bottom: 2rem;
}
.slide ul {
      width:10000%;
      list-style-type:none
}
.next_btn {
      position:absolute;
      width:25px;
      height:26px;
      line-height:26px;
      text-align:center;
      opacity:.5;
      vertical-align:middle;
      background:rgba(0,0,0);
      right:5px;
      top:50%;
      color:#fff;
      font-family:arial;
      font-size:20px;
      font-weight:700;
      display:inline-block;
      cursor:pointer;
}
.prev_btn {
      position:absolute;
      width:25px;
      height:26px;
      line-height:26px;
      text-align:center;
      opacity:.9;
      vertical-align:middle;
      background:rgba(0,0,0,.1);
      left:5px;
      top:50%;
      color:#fff;
      font-size:20px;
      font-weight:700;
      display:inline-block;
      cursor:pointer
}
.slide ul:after {
      content:'';
      clear:both;
      display:block
}
.slide ul li {
      float:left;
      text-align:center;
      overflow: hidden;
}
.slide ul li img {
      vertical-align:middle;
      max-width:100%
}
.slide .circle_btn {
      position:absolute;
      bottom:15px;
      text-align:center;
      left:0;
      display:table;
      margin:0 auto;
      width:100%
}
.slide .circle_btn button {
      box-sizing:content-box;
      opacity:.8;
      outline:0;
      border:0;
      padding:2px 18px;
      background:rgba(255,255,255,.2);
      margin:2px 5px;
      overflow:hidden;
      transition:all .6s;
      cursor:pointer
}
.slide .circle_btn button.active {
      background:rgba(167,167,167,.8)
}
.yxt_sx{
  margin-bottom: 45px;
}
@media screen and (max-width: 768px){
      .yxt_center{
        width:100% !important;
      }
      .yxt_left{
        margin-left: 0px;
      }
      .main43{
        display: none;
      }
      nav{
            width:90%;
            margin:auto 5%;
      }
      nav div.logo{
            width:60%;
            margin-top:0.5rem;
      }
      nav button{
            display:block;
            border:1px solid #ddd;
            width:8%;
            margin-top: 1.2rem;
            border-radius: 0.2rem;
            padding: 0.2rem;
            cursor: pointer;
            position: absolute;
            right:0%;
      }
      nav button img{
            width:90%;
            margin: auto 3%;
      }
      nav ul{
            width:100%;
            top:3rem;
            display: none;
            background: #fff;
      }
      nav ul li{
            width:100%;
            height: auto;
      }
      nav ul li a.nav{
            width:100%;
            float: right;
      }
      nav ul li div.submenu{
            width:50%;
            display:none;
            position: absolute;
            top:1rem;
            height:24rem;
      }
      nav button.nav_out{
            display: none;
      }
      .main1{
        padding-top: 14rem;
        padding-bottom: 0px;
      }
      .zong{
        width:98%;
      }
      .main1n{
        width:45.5%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        padding: 5px 3px 0px 3px;
        overflow: hidden;
        height:241px;
      }
      .main1n1{
        margin-left: 1% !important;
      }
      .main1n a img{
        width:100%;
        height: auto;
        margin-bottom: 6px;
      }
      .main1n p a{
        width:100%;
        margin-top: 6px;
      }
      .section3{
        padding:0px 0 !important;
      }
      .s3-img{
        display: none;
      }
      .s3-text{
        width:100%;
      }
      #owl-demo3{
        padding: 0 30px !important;
      }
      .main3{
        padding-top: 0px;
        background: none;
      }
      .main3n{
        width:100%;
        overflow: hidden;
        height: auto;
        margin-left:0px;
      }
      .main3n img{
        width:30%;
        margin-left: 2%;
        float: left;
        height: auto;
      }
      .main3-r{
        width:65%;
        margin-left: 2%;
      }
      .main3-rbiao{
        margin-top:0px;
      }
      .main3n p a{
        margin-top: 5px;
        margin-bottom: 5px;
      }
      .main4biao{
        width:30%;
      }
      .main42{
        line-height: 37px;
        padding-left:7px;
        padding-top:10px;
      }
      .main4 form{
        width:100%;
      }
      .forl{
        width:100%;
      }
      .main4 .int1{
        width:40%;
        margin-left: 10px;
      }
      .main4 .int2{
        width:40%;
        margin-left: 10px;
      }
      .main4 form textarea{
        width:92%;
        padding-left:2%;
        margin-left: 3%;
        float: none;
      }
      .main4 .int3{
        margin-right: 125px;
      }
      .main5{
        height: auto;
      }
      #order_nav1 .list{
        width:100%;
      }
      #order_nav1 .list ul{
        width:50%;
        margin-left: 0px;
      }
      .quanul1{
        margin-left: 0px !important;
      }
      .footn{
        width:50%;
        margin-left: 0px;
      }
      .footn a{
        text-align: center;
      }
      .footn2{
        width:100%;
        margin-left: 0px;
        padding-left: 2%;
      }
      .newscon{
        margin-bottom: 15px;
      }
      .chanpinlie{
        display: none;
      }
      .chanpinliebiao{
        margin-top: 0px;
      }
      .chanpinfenleiheng{
        padding-left: 0px;
      }
      .tupian{
        width:48%;
        margin-left: 1%;
        margin-right: 1%;
        height: 195px;
      }
      .tupian a{
        display: block;
        height: 11rem;
        overflow: hidden;
      }
      .tupian img{
        width:100%;
        height: auto;
      }
}


.section3 {
  padding:60px 0;
}
/* 外部层 */

#owl-demo3 {
  position:relative;
  padding:0 60px;
  margin:40px 0 0
}
#owl-demo3 .owl-stage-outer {
  overflow:hidden;
  position:relative;
  z-index:10;
}
#owl-demo3 * {
  box-sizing:border-box;
}
/* 导航层 */

#owl-demo3 .owl-item {
  float:left;
}
#owl-demo3 .owl-controls {
  margin-top:0px;
  text-align:center;
}
/* 左右按钮 */

#owl-demo3 .owl-controls .owl-nav [class*=owl-] {
  height:36px;
  width:20px;
  position:absolute;
  display:block;
  top:50%;
  margin-top:-18px;
  overflow:hidden;
  cursor:pointer;
  text-indent:-90900px;
  z-index:12;
}
#owl-demo3 .owl-controls .owl-nav .owl-prev {
  left:0;
  background:url(../images/owl-prev1.png);
  opacity:.5;
}
#owl-demo3 .owl-controls .owl-nav .owl-next {
  right:0;
  background:url(../images/owl-next1.png);
  opacity:.5;
}
#owl-demo3 .owl-controls .owl-nav .owl-prev:hover {
  left:0;
  background:url(../images/owl-prev2.png);
  opacity:1;
}
#owl-demo3 .owl-controls .owl-nav .owl-next:hover {
  right:0;
  background:url(../images/owl-next2.png);
  opacity:1;
}
.s3-item a {
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden
}
.s3-img {
  width:27%;
  float:left;
  margin-right:40px
}
.s3-img img {
  width:100%;
  height:auto;
  min-height:100%
}
.s3-text {
  overflow:hidden;
}
.s3-text h4 {
  padding-top:20px;
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:#070506;
  margin-bottom:0
}
.s3-text span {
  display:block;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  font-size:12px;
  color:#898989;
  margin-top:4px
}
.s3-text p {
  font-size:12px;
  color:#898989;
  line-height:22px;
  height:148px;
  overflow:hidden;
}
.yxt_center{
  width:1318px;
  margin:auto;
}