@charset "utf-8";



/*-----------------------------公共样式--------------------------*/

body {

    font-family: "Microsoft YaHei",Arial;

    width: 100%;

    font-size: 16px;

    line-height: 1;

    padding-top: 0;

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

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

    -ms-transition: all 0.25s ease-in-out;

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

    transition: all 0.25s ease-in-out;

}



html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    touch-callout: none;

}



body,

form,

img,

ul,

ol,

li,

dl,

dt,

dd,

p,

tr,

td,

strong,

span,

pre {

    margin: 0;

    padding: 0;

    border: 0;

    background-repeat: no-repeat;

    outline: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin: 0;

    padding: 0;

    font-weight: normal;

}

body,

button,

input,

select,

textarea {

    font-size: 16px;

    line-height: 24px;

    color: #333;

}

ul,li{

    list-style: none;

}



img{

    border: 0px;

    max-width: 100%;

}



table{

    border-collapse: collapse;

    border-spacing: 0;

}



*,:after,:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-repeat: no-repeat;

}



article,

aside,

footer,

header,

nav,

section {

    display: block;

}



a{

    background-color: transparent;

    -webkit-text-decoration-skip: objects;

    text-decoration: none;

    color: #333;

    outline: none;

    cursor: pointer;

}



a:hover {

    background-repeat: no-repeat;

    text-decoration: none;

}



a,

input[type="button"],

button,

label,

input[type="submit"] {

    cursor: pointer;

}



audio,

video {

    display: inline-block;

}



[type="checkbox"],[type="radio"] {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

}



input,

textarea,

select {

    outline: none;

}



input[type="text"],

input[type="password"],

input[type="button"],

input[type="submit"],

select,

textarea {

    outline-style: none;

    -webkit-appearance: none;

    resize: none;

    border: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset !important;

}



.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}



.clearfix {

    *zoom: 1;

}



.clear {

    clear: both;

    line-height: 0;

    height: 0;

    font-size: 0;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



body,

div,

p,

span {

    font-family: 'Microsoft YaHei', Arial;

}



/*公共样式完*/



/*导航栏*/

.nav .open > a {

  background-color: transparent;

}

.nav .open > a:hover {

  background-color: transparent;

}

.nav .open > a:focus {

  background-color: transparent;

}



#wrapper {

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  padding-left: 0;

  transition: all 0.5s ease;

}

#wrapper.toggled {

  padding-left: 320px;

}

#wrapper.toggled #sidebar-wrapper {

  width: 320px;

}

#wrapper.toggled #page-content-wrapper {

  margin-left: -320px;

  position: absolute;

}

#sidebar-wrapper {

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  background: #1a1a1a;

  height: 100%;

  right: 320px;

  margin-right: -320px;

  overflow-x: hidden;

  overflow-y: auto;

  transition: all 0.5s ease;

  width: 0;

  z-index: 1000;

  left: initial;

}

#sidebar-wrapper::-webkit-scrollbar {

  display: none;

}

#page-content-wrapper {

  width: 100%;

}

.sidebar-nav {

  list-style: none;

  margin: 0;

  padding: 0;

  position: absolute;

  top: 0;

  width: 320px;

}

.sidebar-nav li {

  display: inline-block;

  line-height: 20px;

  position: relative;

  width: 100%;

}

.sidebar-nav li:before {

  background-color: #1c1c1c;

  content: '';

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  -webkit-transition: width 0.2s ease-in;

  transition: width 0.2s ease-in;

  width: 3px;

  z-index: -1;

}

.sidebar-nav li:first-child a {

  background-color: #1a1a1a;

  color: #ffffff;

}

.sidebar-nav li:nth-child(2):before {

  background-color: #402d5c;

}

.sidebar-nav li:nth-child(3):before {

  background-color: #4c366d;

}

.sidebar-nav li:nth-child(4):before {

  background-color: #583e7e;

}

.sidebar-nav li:nth-child(5):before {

  background-color: #64468f;

}

.sidebar-nav li:nth-child(6):before {

  background-color: #704fa0;

}

.sidebar-nav li:nth-child(7):before {

  background-color: #7c5aae;

}

.sidebar-nav li:nth-child(8):before {

  background-color: #8a6cb6;

}

.sidebar-nav li:nth-child(9):before {

  background-color: #987dbf;

}

.sidebar-nav li:hover:before {

  -webkit-transition: width 0.2s ease-in;

  transition: width 0.2s ease-in;

  width: 100%;

}

.sidebar-nav li a {

  color: #dddddd;

  display: block;

  padding: 10px 15px 10px 30px;

  text-decoration: none;

  font-size: 16px;

  line-height: 40px;

}

.sidebar-nav li.open:hover before {

  -webkit-transition: width 0.2s ease-in;

  transition: width 0.2s ease-in;

  width: 100%;

}

.sidebar-nav .dropdown-menu {

  background-color: #222222;

  border-radius: 0;

  border: none;

  box-shadow: none;

  margin: 0;

  padding: 0;

  position: relative;

  width: 100%;

}

.sidebar-nav li a:hover,

.sidebar-nav li a:active,

.sidebar-nav li a:focus,

.sidebar-nav li.open a:hover,

.sidebar-nav li.open a:active,

.sidebar-nav li.open a:focus {

  background-color: transparent;

  color: #ffffff;

  text-decoration: none;

}

.sidebar-nav > .sidebar-brand {

  font-size: 20px;

  line-height: 50px;

  margin-bottom: 20px;

}



.sidebar-nav > .sidebar-brand a{

  display: block;

  padding: 20px 10px;

  border-bottom: 1px solid #343434;

}



.sidebar-nav > .sidebar-brand img{

  display: block;

  margin: 0 auto;

}



.hamburger {

  background: transparent;

  border: none;

  display: block;

  height: 30px;

  margin-right: 15px;

  position: fixed;

  top: 80px;

  width: 30px;

  z-index: 999;

  left: inherit;

  right: 80px;

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

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

    -ms-transition: all 0.25s ease-in-out;

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

    transition: all 0.25s ease-in-out;

}

.hamburger:hover {

  outline: none;

}

.hamburger:focus {

  outline: none;

}

.hamburger:active {

  outline: none;

}

.hamburger.is-closed:before {

  -webkit-transform: translate3d(0, 0, 0);

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

  color: #ffffff;

  content: '';

  display: block;

  font-size: 14px;

  line-height: 32px;

  opacity: 0;

  text-align: center;

  width: 100px;

}

.hamburger.is-closed:hover before {

  -webkit-transform: translate3d(-100px, 0, 0);

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

  display: block;

  opacity: 1;

}

.hamburger.is-closed:hover .hamb-top {

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

  top: 0;

}

.hamburger.is-closed:hover .hamb-bottom {

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

  bottom: 0;

}

.hamburger.is-closed .hamb-top {

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

  background-color: rgba(255, 255, 255, 0.9);

  top: 5px;

}

.hamburger.is-closed .hamb-middle {

  background-color: rgba(255, 255, 255, 0.9);

  margin-top: -2px;

  top: 50%;

}

.hamburger.is-closed .hamb-bottom {

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

  background-color: rgba(255, 255, 255, 0.9);

  bottom: 5px;

}

.hamburger.is-closed .hamb-top,

.hamburger.is-closed .hamb-middle,

.hamburger.is-closed .hamb-bottom,

.hamburger.is-open .hamb-top,

.hamburger.is-open .hamb-middle,

.hamburger.is-open .hamb-bottom {

  height: 4px;

  left: 0;

  position: absolute;

  width: 100%;

}

.hamburger.is-open .hamb-top {

  -webkit-transform: rotate(45deg);

  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);

  background-color: #ffffff;

  margin-top: -2px;

  top: 50%;

}

.hamburger.is-open .hamb-middle {

  background-color: #ffffff;

  display: none;

}

.hamburger.is-open .hamb-bottom {

  -webkit-transform: rotate(-45deg);

  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);

  background-color: #ffffff;

  margin-top: -2px;

  top: 50%;

}

.hamburger.is-open:before {

  -webkit-transform: translate3d(0, 0, 0);

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

  content: '';

  display: block;

  font-size: 14px;

  line-height: 32px;

  opacity: 0;

  text-align: center;

  width: 100px;

}

.hamburger.is-open:hover before {

  -webkit-transform: translate3d(-100px, 0, 0);

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

  display: block;

  opacity: 1;

}



.overlay {

  position: fixed;

  display: none;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

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

  z-index: 1;

}



.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px dashed;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

}



.hamburger.is-open{

    right: 340px;

}



.hamburger:before{

  content: '\e77a'!important;

  position: absolute;

  left: -15px;

  top: 0;

  font-family: "icon" !important;

  color: #B57E47!important;

  font-size: 60px!important;

  width: 60px!important;

  height: 60px!important;

  opacity: 1!important;

}



.dropdown-menu > li > a{

  padding-left: 50px;

  font-size: 14px;

}



.logo{

  position: fixed;

  left: 80px;

  top: 60px;

  display: block;

  z-index: 999;

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

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

    -ms-transition: all 0.25s ease-in-out;

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

    transition: all 0.25s ease-in-out;

}



.logo a{

  display: block;

}



.logo a img{

  display: block;

  width: auto;

  height: 40px;

}



.hamburger.scrolled{

  top: 30px;

  right: 50px;

}



.logo.scrolled{

  left: 80px;

  top: 30px;

}



.hamburger.scrolled.is-open{

  right: 340px;

}



.banner{

  

}



.banner-swiper{

  position: relative;

  overflow: hidden;

}



.banner img{

  display: block;

  width: 100%;

}



.page-banner {

  margin-top:0;

}

.page-banner img{
  display: block;
  width: 100%;
}


/*首页板块1*/

.section{

  position: relative;

  width: 100%;

  height: 850px;

}



.section1{

  background: #D7D7D7;

  padding: 5% 10%;

}



.section1 div[class^="section1"]{

  overflow: hidden;

  position: absolute;

}



.section1-1{

  left: 35%;

  top: 10%;

}



.section1 .img{

  display: block;

  float: left;

}



.section1 img{

  display: block;

  width: 250px;

  height: 250px;

}



.section1 .txt{

  float: left;

  margin-left: 60px;

  width: 380px;

  height: 250px;

  padding-top: 30px;

}



.section1 .txt p{

  font-size: 16px;

  color: #000;

  line-height: 30px;

  display: block;

}



.section1-2{

  left: 10%;

  bottom: 25%;

}



.section1-3{

  right: 5%;

  bottom: 5%;

}





.section2{

  overflow: hidden;

}



.section2 .img{

  height: 100%;

  width: 50%;

  position: absolute;

  left: 0;

  top: 0;

}



.section2 .img img{

  width: 250px;

  height: 250px;

  display: block;

  margin: 0 auto;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -125px;

  margin-top: -125px;

}



.section2 .txt{

  height: 100%;

  width: 50%;

  position: absolute;

  right: 0;

  top: 0;

}



.section2 .txt .txt-info{

  height: 250px;

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -125px;

  width: 80%;

  display: flex;

  justify-content:center;

  flex-direction:column;

}



.section2 .txt h3{

  font-size: 36px;

  color: #fff;

  line-height: 50px;

  margin-bottom: 20px;

}



.section2 .txt p{

  font-size: 24px;

  display: block;

  line-height: 30px;

  color: #fff;

} 



.section3{

  background: #f6f5f7;

  overflow: hidden;

}



.section3 .txt{

  position: absolute;

  left: 25%;

  top: 8%;

  width: 50%;

  z-index: 999;

}



.section3 .txt h3{

  font-size: 36px;

  color: #0a0a0a;

  line-height: 50px;

  margin-bottom: 20px;

}



.section3 .txt p{

  font-size: 16px;

  display: block;

  line-height: 30px;

  color:#0a0a0a;

}



.section3 .img{

  position: absolute;

  right: 0;

  top: 0;

  width: 70%;

  height: 100%;

}



.section3 .img img{

  display: block;

  margin:0 auto;

  height: 100%;

  width: auto;

}



.section4{

  background: url(../images/section4.png) no-repeat center;

  background-size: cover;

  height: 850px;

  width: 100%;

}



.section4 .txt{

  position: absolute;

  left: 10%;

  top: 15%;

}



.section4 .txt p{

  font-size: 36px;

  color: #dbd1ce;

  line-height: 50px;

  display: block;

}



.section5{

  background: #ECECEC;

  overflow: hidden;

}

.section5 .img{

  width: 50%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

}



.section5 .img img{

  width: 100%;

  height: 100%;

  display: block;

}



.section5 .txt{

  width: 50%;

  padding: 8% 5%;

  position: absolute;

  top: 0;

  right: 0;

}



.section5 .txt h3{

  font-size: 36px;

  font-weight: bold;

  line-height: 50px;

  text-align: center;

  margin-bottom: 20px;

  color: #000;

}



.section5 .txt p{

  display: block;

  margin-bottom: 40px;

  font-size: 16px;

  line-height: 30px;

  color: #000;

}



.section6{

  background: #D7D7D7;

  overflow: hidden;

}



.section6 .txt{

  width: 40%;

  padding: 8% 5%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

}



.section6 .txt h3{

  font-size: 35px;

  color: #000;

  line-height: 50px;

  margin-bottom: 20px;

  text-align: center;

  font-weight: bold;

}



.section6 .txt h4{

  font-size: 35px;

  color: #000;

  line-height: 50px;

  margin-bottom: 20px;

  text-align: center;

}



.section6 .img{

  width: 60%;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

}



.section6 .img img{

  display: block;

  margin: 0 auto;

  width: 100%;

  height: 100%;

}



.section7 img{

  display: block;

  width: 100%;

  height: 100%;

}





/*动画效果*/





.htmleaf-container{



}



.parallux .parallux-bg .parallux-inner img{

  display: block!important;

  width: 100%;

}



#bg-8{

  width: 100%;

}



#bg-8 img{

  display: block;

  width: 100%;

}



/*内页导航*/



.nav-top-list{

    overflow: hidden;

    height: 100px;

    display: table;

    width: 100%;

    padding: 6px 0;

}



.nav-top-list a{

    float: left;

    display: block;

    padding: 0;

    margin-right: 10px;

}



.nav-top-list a img{

    display: block;

    margin: 0 auto;

    height: 90px;

}

.nav-top-title{

    float: left;

}





.nav-top-title-list{

    margin-bottom: 5px;

}



.nav-top-title-list h2{

    font-size: 15px;

    color: #000;

    line-height: 24px;

    font-weight: bold;

}



.nav-top-title-list p{

    font-size: 14px;

    line-height: 22px;

    color: #666666;

    display: block;

    text-transform: uppercase;

    font-weight: bold;

}



.nav-top-txt{

    float: right;

    margin-right: 50px;

    padding-top: 30px;

}



.nav-top-txt span{

    font-size: 16px;

    color: #666666;

    line-height: 20px;

    display: block;

    padding-bottom: 5px;

}



.nav-top-txt p{

    color: #f15a24;

    font-size: 16px;

    display: block;

    line-height: 20px;

    position: relative;

    padding-left: 20px;

}



.nav-top-txt p:before{

     content: "\e612";

     font-family: "icon" !important;

     display: block;

     font-size: 16px;

     color: #333;

     position: absolute;

     left: 0;

     top: 0;

}



/*首页产品*/



.index-main{

  background: url(../images/index-main-bg.jpg);

  background-size: cover;

}





.w1400,.w1440{

  width: 100%;

  max-width: 1400px;

  margin: 0 auto;

  overflow: hidden;

}




.index-product{

  padding: 100px 0;

}






.in-pro-title{

  margin-bottom: 40px;

  padding: 0 10%;

}



.in-pro-title h2{

  color: #B57E47;

  font-size: 36px;

  margin-bottom: 40px;

  text-align: center;

}



.in-pro-title p{

  font-size: 16px;

  color: #000;

  line-height: 24px;

}


.index-leava{
  position: relative;
}

.index-leava img{
  width: 100%;
  display: block;
}

.index-leava h3{
  position: absolute;
  left: 50px;
  top: 10%;
  font-size: 36px;
  color: #B57E47;
}

.index-surface{
  overflow: hidden;
  padding: 100px 0 0;  
}

.index-surface .w1400{
  display: flex;
}

.in-surface-txt{
  float: left;
  width: 50%;
  padding-right: 80px;
  display: flex;
}

.in-surface-txt p{
  align-self:center;
}

.in-surface-img{
  float: left;
  width: 50%;
}

.in-surface-img img{
  display: block;
  width: 100%;
}


.index-advan{
  padding: 100px 0;
}

.in-advan-main{
  padding-top: 100px;
}

.in-advan-list{

}

.in-advan-ul{

}

.in-advan-ul li{
  overflow: hidden;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

.in-advan-txt{
  float: left;
  width: 45%;
  align-self:center;
  padding: 0 50px 0 0;
}

.in-advan-txt p{
  font-size: 24px;
  line-height: 36px;
  color: #000;
  display: block;
}

.in-advan-img{
  float: left;
  width: 55%;
}

.in-advan-img img{
  display: block;
  width: 100%;
}

.in-advan-ul li:nth-child(2) .in-advan-txt{
  padding: 0 0 0 50px;
}

/*why*/



.index-why{

  padding: 100px 0;

}



.in-why-title{

  text-align: left;

  margin-bottom: 30px;

}



.in-why-title h3{

  font-size: 16px;

  color: #B57E47;

  line-height: 20px;

  display: block;

  margin-bottom: 20px;

}



.in-why-title h2{

  font-size: 36px;

  color: #B57E47;

}



.in-why-main{

  

}



.in-why-list{



}



.in-why-list img{

  width: 100%;

  display: block;

}



.in-why-list p{

  margin-top: 40px;

  padding-top: 20px;

  font-size: 20px;

  color: #000;

  line-height: 36px;

  display: block;

  margin-bottom: 30px;

  position: relative;

}



.in-why-list p:before{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 35%;

  height: 2px;

  background: #B57E47;

}







/*why*/



.index-may{

  padding: 100px 0 220px;

  position: relative;

}



.in-may-img{

  width: 100%;

}



.in-may-img img{

  display: block;

  width: 100%;

}



.in-may-h2{

  height: 100px;

  width: 65%;

  display: block;

  position: absolute;

  right: 0;

  top: 30px;

  background: url(../images/in-may-h2.png) no-repeat;

}



.in-may-h2 h2{

  font-size: 36px;

  color: #B57E47;;

  line-height: 100px;

  padding-left: 15%;

}



.in-may-txt{

  position: absolute;

  bottom: 30px;

  left: 0;

  width: 75%;

  background: url(../images/in-may-txt.png) no-repeat;

  padding: 50px 0;

  padding-left: calc(50% - 700px);

  padding-right: 100px;

  background-size: 100%;

}



.in-may-txt p{

  font-size: 20px;

  color: #fff;

  line-height: 36px;

  display: block;

  margin-bottom: 30px;

}



.in-may-txt a{

  display: inline-block;

  font-size: 20px;

  color: #f1f1f1;

  position: relative;

  padding-right: 50px;

  line-height: 24px;

}



.in-may-txt a:after{

  content: "";

  position: absolute;

  right: 0;

  top: 3px;

  background: url(../images/right.png) no-repeat;

  width: 12px;

  height: 18px;

  background-size: 100%;

}





.index-news{

  padding: 100px 0;

  
}



.in-news-title{

  text-align: left;

  margin-bottom: 30px;

}



.in-news-title p{

  font-size: 16px;

  color: #B57E47;

  line-height: 20px;

  display: block;

  margin-bottom: 20px;

}



.in-news-title h2{

  font-size: 36px;

  color: #B57E47;



}



.in-news-list{



}



.in-news-ul{

  overflow: hidden;

  display: flex;

    flex-wrap: wrap;

}



.in-news-ul li{

  float: left;

  width: 32%;

  margin-bottom: 30px;

}



.in-news-ul li:nth-child(3n-1){

  margin-right: 2%;

  margin-left: 2%;

}





.in-news-img{

  overflow: hidden;

  width: 100%;

}



.in-news-img a{

  display: block;

  overflow: hidden;

  width: 100%;

}



.in-news-img img{

  display: block;

  width: 100%;

  transition: all 0.8s ease;

}



.in-news-ul li:hover .in-news-img img {

  transform:scale(1.1);

}



.in-news-txt{

  padding: 20px 80px 20px 0;

  position: relative;

}



.in-news-txt h2{

  

}



.in-news-txt h2 a{

  font-size: 18px;

  color: #000;

  display: block;

  line-height: 24px;

  height: 72px;

  transition: all 0.5s ease;

  overflow: hidden;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -o-box;

  display: box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}



.in-news-txt .news-more{

  position: absolute;

  top: 0;

  right: 0;

  width: 50px;

  height: 50px;

  background: #B57E47;

  text-align: center;

  display: block;

}



.in-news-txt .news-more img{

  display: block;

  width: 20px;

  height: 29px;

  margin: 10px auto 0;

}



.in-news-ul li:hover .in-news-txt h2 a{

  text-decoration: underline;

  color: #B57E47;

}



/*footer*/

footer{

  background: #C9AC93;

  padding: 80px 0 0;

}



.footer-img{

  width: 400px;

  margin-bottom: 30px;

}



.footer-img img{

  display: block;

  width: 100%;

}



.footer-list{

  overflow: hidden;

  width: 100%;

}



.footer-left{

  width: 30%;

  float: left;

}



.footer-left .footer-txt{

  margin-bottom: 30px;

}



.footer-left .footer-txt h2{

  color: #fff;

  font-size: 16px;

  line-height: 30px;

}



.footer-right{

  float: left;

  width: 70%;

  padding: 0 50px 0 100px;

}



.footer-ul{

  display: flex;

  width: 100%;

}



.footer-ul li{

  flex:1;

}



.footer-ul li h2{

  font-size: 24px;

  padding-bottom: 40px;

  position: relative;

  color: #fff;

}



.footer-ul li h2:after{

  content: "";

  background: url(../images/foot-icon.png) no-repeat;

  position: absolute;

  left: 0;

  bottom: 20px;

  width: 24px;

  height: 3px;

  background-size: 100%;

}



.footer-ul li a{

  display: block;

  font-size: 14px;

  color: #fff;

  line-height: 24px;

}



.foot-bottom{

  border-top: 1px solid #B57E47;

  padding: 30px 0;

  margin-top: 30px;

  text-align: right;

}



.foot-bottom ul{

  display: inline-block;

}



.foot-bottom ul li{

  float: left;

  padding: 0 15px;

}



.foot-bottom ul li a{

  display: block;

}



.foot-bottom ul li img{

  display: block;

  width: 24px;

  height: 24px;

}





/*footer*/





/*产品页面*/



.page-main{

  background: url(../images/index-main-bg.jpg);

  background-size: cover;

}



.position{

  padding: 15px 0;

}



.position ul{

  overflow: hidden;

}



.position ul li{

  float: left;

  padding-left: 20px;

  position: relative;

  color: #B57E47;

}



.position ul li.home{

  

}



.position ul li.home:before{

  content: "\e639";

  font-family: "icon" !important;

  font-size: 16px;

  color: #B57E47;

  position: absolute;

  left: 0;

  top: 0;

}



.position ul li:before{

  content: "\e6b5";

  font-family: "icon" !important;

  font-size: 16px;

  color: #B57E47;

  position: absolute;

  left: 0;

  top: 0;

}



/*产品列表*/



.product-list{

  padding: 50px 0;

}



.product-list-ul{

  overflow: hidden;

  display: flex;

  flex-wrap: wrap;

}



.product-list-ul li{

  flex:1;

  text-align: center;

  padding: 20px 0;

}



.product-list-ul li img{

  display: block;

  margin: 0 auto 20px;

}



.product-list-ul li a{

  display: block;

  font-size: 24px;

  color: #B57E47;

}



.product-list-ul li.active{

  background: #B57E47;

  border-radius: 3px;

}



.product-list-ul li.active a{

  color: #fff;

}





.product-box{

  padding-bottom: 60px;

}



.product-box .box-main{

  display: none;

}



.product-title{

  text-align: left;

  font-size: 50px;

  color: #B57E47;

  line-height: 60px;

  margin-bottom: 20px;

}





.pro-box-ul{

  overflow: hidden;

  display: flex;

    flex-wrap: wrap;

}



.pro-box-ul li{

  float: left;

  width: 32%;

  margin-bottom: 30px;

}



.pro-box-ul li:nth-child(3n-1){

  margin-left: 2%;

  margin-right: 2%;

}





.pro-img{

  overflow: hidden;

  width: 100%;

}



.pro-img a{

  display: block;

  overflow: hidden;

  width: 100%;

}



.pro-img img{

  display: block;

  width: 100%;

  transition: all 0.8s ease;

}



.pro-box-ul li:hover .pro-img img {

  transform:scale(1.1);

}



.pro-txt{

  padding: 20px 80px 20px 0;

  position: relative;

}



.pro-txt h2{

  

}



.pro-txt h2 a{

  font-size: 18px;

  color: #000;

  display: block;

  line-height: 24px;

  height: 72px;

  transition: all 0.5s ease;

  overflow: hidden;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -o-box;

  display: box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}



.pro-txt .pro-more{

  position: absolute;

  top: 0;

  right: 0;

  width: 50px;

  height: 50px;

  background: #B57E47;

  text-align: center;

  display: block;

}

pro6.jpg

.pro-txt .pro-more img{

  display: block;

  width: 20px;

  height: 29px;

  margin: 10px auto 0;

}



.pro-box-ul li:hover .pro-txt h2 a{

  text-decoration: underline;

  color: #B57E47;

}





.product-bottom{

  padding-bottom: 60px;

}



.product-bottom img{

  width: 100%;

  display: block;

  margin-bottom: 30px;

}



.product-bottom p{

  font-size: 14px;

  line-height: 24px;

  display: block;

}



/*news*/



.news-main{



}



.news-main .w1400{

  max-width: 1000px;

}



.news-box-1{

  padding: 240px 0 0;

}





.news-box-1 img{

  display: block;

  margin: 0 auto;

  width: auto;

  max-width: 100%;

}



.news-box-1-txt{

  text-align: center;

  margin-bottom: 200px;

}



.news-box-1-txt h3{

  color: #B57E47;

  font-size: 60px;

  margin-bottom: 30px;

  text-align: center;

  margin-top: 80px; 

  display: inline-block;

  padding: 0 70px;

  position: relative;

  line-height: 80px;

}



.news-box-1-txt h4{

  color: #B57E47;

  font-size: 36px;

  text-align: center;

  display: inline-block;

  position: relative;

  padding: 0 70px;

}



.news-box-1-txt h3:before{

  content: url(../images/news-icon1.png);

  position: absolute;

  left: 0;

  top: -30px;

}



.news-box-1-txt h4:after{

  content: url(../images/news-icon2.png);

  position: absolute;

  right: 0;

  top: -30px;

}



.news-box-2{



}



.news-box-2-txt{

  text-align: center;

  margin-bottom: 60px;

}



.news-box-2-txt h2{

  margin-bottom: 50px;

  font-size: 60px;

  color: #5a903f;

  line-height: 80px;

}



.news-box-2-txt h3{

  color: #B57E47;

  font-size: 16px;

  line-height: 30px;

}



.news-box-2-list{

    margin-bottom: 100px;

}



.news-box-2-ul{

  overflow: hidden;

  display: flex;

}



.news-box-2-ul li{

  float: left;

  text-align: center;

  flex:1;

}



.news-box-2-ul li img{

  margin: 0 auto 20px;

  width: auto;

  display: block;

}



.news-box-2-ul li p{

  display: block;

  font-size: 24px;

  color: #af7f4e;

  line-height: 30px;

}



.news-box-3{

  margin-bottom: 80px;

}



.news-box-3-ul{

  overflow: hidden;

}



.news-box-3-ul li{

  width: 100%;

  margin-bottom: 60px;

  overflow: hidden;

}



.news-box-3-ul li .news3-left{

  float: left;

  width: 284px;

}



.news-box-3-ul li .news3-left img{

  display: block;

  width: 100%;

}



.news-box-3-ul li .news3-right{

  float: right;

  width: calc(100% - 284px);

  padding-left: 75px;

  padding-top: 30px;

}





.news-box-3-ul li .news3-right p{

  font-size: 16px;

  display: block;

  line-height: 45px;

  color: #B57E47;

  word-spacing:2px;

}



.news-box-3-ul li:nth-child(even) .news3-left{

  float: right;

}



.news-box-3-ul li:nth-child(even) .news3-right{

  padding-left: 0;

  padding-right: 75px;

}


.p-right-left {
  text-align: center;
  padding:10px;
  float:left;
  width:400px;
  display:inline-block;
}

.p-right-right {
  float:left;
  width:calc(100% - 400px);
  padding: 10px;
  display: inline-block;
}


.product-right-main{
  width: 100%;
  overflow:hidden;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}


    .about-right-main .swiper{
      width: 100%;
      height: 100%;
    }

    .about-right-main .swiper-slide{
      text-align: center;
      font-size: 18px;
      background: #fff;
      /*display: flex;*/
      justify-content: center;
      align-items: center;
    }
    

    .mySwiper2 .swiper-slide{
      overflow: hidden;
    }

    

    .mySwiper2 .swiper-slide p{
      font-size: 16px;
      line-height: 30px;
      color: #333;
      display: block;
      text-align: left;
      /*padding-left: 50px;*/
    }


   .about-right-main .mySwiper {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 0 60px;
    }

    .about-right-main .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
      margin-bottom: 30px;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

  
    .mySwiper2 .swiper-slide img {
      display: block;
      width: 50%;
      height: 100%;
      object-fit: cover;
      float: left;
      margin-right: 20px;
    }

  .about-right-main{
    position: relative;
  }

  .swiper-btn{
    position: absolute;
    left: 0;
    bottom: calc(50% - 8px);
    width: 100%;
  }