@charset "utf-8";
#loadIcon{
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: #FFF url(../images/logo.png) center no-repeat;
}
.wrapper{
  min-width:1200px;
  max-width:1920px;
  margin:0 auto;
  overflow: hidden;
  position: relative;
}
#header,#among,#footer,.width{
  max-width:1604px;
  margin:auto;
}
#among{
  max-width: 1320px;
  margin: 7% auto;
}
.header{
  position: fixed;
  z-index: 999;
  top: 0;
  max-width: 1920px;
  width: 100%;
  height: 74px;
  background: #FFF;
  box-shadow:0 0 10px #bfbfbf;
}
.header_height{
  height: 74px;
  overflow: hidden;
}
#header .logo{
  display: block;
  float: left;
  width: 229px;
  height: 74px;
  background: url(../images/logo.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.footer{
  border-top: 1px solid #c9c9c9;
  padding: 4%;
  overflow: hidden;
}
#footer .info{
  float: left;
  width: 430px;
}
#footer .info .logo{
  display: block;
  width: 283px;
  height: 69px;
  background: url(../images/logo1.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#footer .info > span{
  display: block;
  font-size: 32px;
  color: #000;
  margin: 20px 0;
}
#footer .info > div,
#footer .info > div *{
  line-height: 32px;
}
#footer .ewm{
  float: left;
  font-size: 0;
  margin-left: 7%;
  letter-spacing: -1px;
}
#footer .ewm li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 170px 0 0 15px;
}
#footer .ewm li:nth-child(1){
  margin-left: 0;
}
#footer .ewm li img{
  width: 136px;
  height: 136px;
  background: #FFF;
  border: 1px solid #EEE;
}
#footer .ewm li span{
  text-align: center;
  display: block;
}
#footer .nav{
  float: right;
  width: 15%;
  padding-top:165px;
}
#footer .nav a{
  font-size: 15px;
  line-height: 30px;
}
#footer .nav div{
  float: left;
  margin: 5px 0 0;
}
#footer .nav div:nth-child(2n){
  text-align: right;
  width: 70px;
}
#footer .nav div:nth-child(2n+1){
  width: calc(100% - 70px);
}
#footer .link{
  clear: both;
  font-size: 0;
  letter-spacing: -1px;
  padding: 4% 0 0;
}
#footer .link *{
  font-size: 15px;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}
#footer .link a{
  margin-left: 3%;
}
#footer .link a:nth-child(2){
  margin-left: 0!important;
}
.banner{
  position: relative;
}
.banner img{
  width: 100%;
}
.banner em{
  font-size: 14px;
  color: #FFF;
  position: absolute;
  display: block;
  left: 50%;
  bottom: -32px;
  z-index: 9;
  width: 80px;
  text-align: center;
  margin-left: -40px;
  font-style: normal;
  letter-spacing: 1px;
  padding-bottom: 80px;
  background: url(../images/icon3.png) center bottom no-repeat;
}
.banner p{
  position: absolute;
  margin: 0;
  top: 45%;
  left: 0;
  width: 100%;
}
.banner p span{
  text-align: center;
  display: block;
  color: #FFF;
  font-size: 60px;
  line-height: 1.5;
}
.banner p font{
  text-align: center;
  display: block;
  color: #FFF;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1.5;
}
.banner .swiper-slide-active .fadeInUp1{
  animation:mymove 2s ease 0.5s both;
}
.banner .swiper-slide-active .fadeInUp2{
  animation:mymove 2s ease 2s both;
}
@keyframes mymove{
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
  }
  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
  }
}
.type-name{
  text-align: center;
  padding-bottom: 4%;
}
.type-name span{
  display: block;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.type-name font{
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 44px;
  line-height: 1;
  letter-spacing: 1px;
  padding: 18px 0 24px;
  border-bottom: 1px solid #353c4c;
}
.type-name1{
  text-align: center;
}
.type-name1 span{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 16px;
  color: #FFF;
  background: #353c4c;
  border-radius: 8px 0;
  padding: 0 24px;
}
.type-name1 font{
  display: block;
  font-size: 12px;
  color: #464646;
  margin-top: 3px;
}
.type-name1 b{
  display: block;
  font-size: 24px;
  color: #464646;
  font-weight: normal;
}
.more_btn{
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: #000;
  line-height: 3;
  text-align: center;
  width: 178px;
  border: 1px solid #000;
}
.more_btn:hover{
  border-color: #955227;
}
.lifestyleBox{
  padding: 7% 4% 0;
  overflow: hidden;
}
.lifestyleBox .w{
  position: relative;
  height: 845px;
}
.lifestyleBox .width{
  margin-bottom: 7%;
}
.lifestyleBox1{
  position: absolute;
  left: 50%;
  top: 0;
  width: 1920px;
  height: 845px;
  margin-left: -960px;
}
.lifestyleBox1 .arrow{
  font-size: 0;
  text-align: center;
  letter-spacing: -1px;
}
.lifestyleBox1 .arrow > span{
  border: 0;
  letter-spacing: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  margin-left: 3.6%;
  padding-left: 10px;
  text-align: left;
  background: none!important;
  border-left: 1px solid #353c4c;
}
.lifestyleBox1 .arrow > span:nth-child(1){
  margin-left: 0!important;
}
.lifestyleBox1 .arrow > span span{
  display: block;
  font-size: 14px;
  line-height: 1;
}
.lifestyleBox1 .arrow > span font{
  display: block;
  font-size: 18px;
  line-height: 1;
  margin-top: 8px;
}
.lifestyleBox1 .arrow span.swiper-pagination-bullet-active{
  border-left-color: #955227;
}
.lifestyleBox1 .arrow span.swiper-pagination-bullet-active *{
  color: #955227;
}
.lifestyleBox1 .swiper-slide{
  margin-top: 65px;
}
.lifestyleBox1 .swiper-slide ul{
  float: left;
  width: 300px;
  height: 740px;
  position: relative;
  margin: 0 0 0 60px;
}
.lifestyleBox1 .swiper-slide ul span{
  display: block;
  font-size: 30px;
  line-height: 1.3;
  margin-top: 80px;
}
.lifestyleBox1 .swiper-slide ul font{
  display: block;
  font-size: 38px;
  line-height: 1.3;
  height: 145px;
}
.lifestyleBox1 .swiper-slide ul li{
  font-size: 14px;
  line-height: 26px;
}
.lifestyleBox1 .swiper-slide ul a{
  position: absolute;
  right: 0;
  bottom: 0;
}
.lifestyleBox1 .swiper-slide img{
  float: right;
  width: 1494px;
  height: 740px;
}
.productBox{
  padding: 7% 4% 0;
  overflow: hidden;
}
.productBox .type{
  position: relative;
  font-size: 0;
  letter-spacing: -1px;
  border-bottom: 1px solid #464646;
}
.productBox .type1{
  margin-top: 4%;
}
.productBox .type span{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  font-size: 22px;
}
.productBox .type:before,
.productBox .type:after{
  content: '·';
  font-size: 14px;
  font-family: '宋体';
  vertical-align: middle;
  letter-spacing: 0;
}
.productBox .type:after{
  margin-left: 10px;
}
.productBox .type:before{
  margin-right: 10px;
}
.productBox .type a{
  display: block;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -14px;
}
.productBox .type a:after{
  content: '>>';
  font-family: '宋体';
}
.productBox .box{
  position: relative;
  padding: 0 100px;
  margin-top: 4%;
}
.productBox .box .prev,
.productBox .box .next{
  display: block;
  position: absolute;
  top: 50%;
  width: 31px;
  cursor: pointer;
  height: 64px;
  margin-top: -72px;
  background: center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.productBox .box .prev{
  left: 5px;
  background-image: url(../images/prev.png);
}
.productBox .box .next{
  right: 5px;
  background-image: url(../images/next.png);
}
.productBox .box .swiper-slide a{
  display: block;
  float: left;
  width: 19%;
  margin-left: 8%;
}
.productBox .box .swiper-slide a:nth-child(1){
  margin-left: 0;
}
.productBox .box .swiper-slide a img{
  width: 100%;
}
.productBox .box .swiper-slide a span{
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  margin-top: 10px;
}
.productBox .box .swiper-slide a font{
  text-align: center;
  font-size: 12px;
  color: #888;
  line-height: 20px;
}
.productBox .box .swiper-slide a:after{
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  background: #353c4c;
  border-radius: 100%;
  margin: 11px auto 0;
}
.brandBox{
  padding: 7% 4% 0;
  overflow: hidden;
}
.brandBox .width{
  position: relative;
  padding-top: 36px;
}
.brandBox .img{
  float: right;
  width: 62%;
  position: relative;
}
.brandBox .img img{
  width: 100%;
  position: relative;
  z-index: 1;
}
.brandBox .img:after{
  content: '';
  display: block;
  position: absolute;
  top: -35px;
  left: -35px;
  width: 100%;
  height: 100%;
  border: 1px solid #955227;
}
.brandBox .tn{
  position: absolute;
  left: 0;
  top: 36px;
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 48px;
  font-family: 'Times New Roman';
}
.brandBox .nr{
  width: 32%;
  position: absolute;
  left: 0;
  top: 110px;
}
.brandBox .nr,
.brandBox .nr *{
  font-size: 18px;
  line-height: 2.2;
}
.brandBox .more_btn{
  position: absolute;
  bottom: 0;
  left: calc(32% - 180px);
}
.newsBox{
  padding: 7% 4% 0;
  overflow: hidden;
}
.newsBox .list a ul time{
  position: absolute;
  left: 0;
  top: 0;
  width: 88px;
}
.newsBox .list a time span{
  display: block;
  font-size: 22px;
  color: #292929;
  line-height: 36px;
  text-align: center;
}
.newsBox .list a time font{
  display: block;
  font-size: 14px;
  color: #7c7c7c;
  line-height: 20px;
  text-align: center;
}
.newsBox .list .a{
  display: block;
  float: left;
  width: 800px;
}
.newsBox .list .a img{
  width: 100%;
  height: 474px;
  background: center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.newsBox .list .a1{
  display: block;
  float: left;
  width: calc(96% - 800px);
  position: relative;
  border-top: 1px solid #353c4c;
  margin: 12px 0 0 4%;
  padding: 12px 0 0 190px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.newsBox .list .a1:nth-child(2){
  margin-top: 0;
}
.newsBox .list .a1 time{
  position: absolute;
  left: 0;
  top: 10px;
}
.newsBox .list .a1 > span{
  font-size: 18px;
  line-height: 36px;
}
.newsBox .list .a1 > font{
  font-size: 14px;
  color: #7c7c7c;
  line-height: 20px;
}
.newsBox .more{
  text-align: right;
  padding-top: 4%;
}
.honorBox{
  padding: 7% 0;
  overflow: hidden;
}
.honorBox .box{
  position: relative;
  padding: 0 100px;
}
.honorBox .box .prev,
.honorBox .box .next{
  display: block;
  position: absolute;
  top: 50%;
  width: 31px;
  cursor: pointer;
  height: 64px;
  margin-top: -32px;
  background: center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.honorBox .box .prev{
  left: 5px;
  background-image: url(../images/prev.png);
}
.honorBox .box .next{
  right: 5px;
  background-image: url(../images/next.png);
}
.honorBox .box .swiper-slide a{
  display: block;
  float: left;
  width: 29%;
  background: #e9e9e9;
  margin-left: 6.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3% 1.5%;
}
.honorBox .box .swiper-slide a:nth-child(1){
  margin-left: 0;
}
.honorBox .box .swiper-slide a img{
  width: 100%;
}
.honorBox .box .swiper-slide a span{
  text-align: center;
  font-size: 18px;
  margin-top: 13%;
}
.honorBox .more{
  text-align: right;
  padding-top: 4%;
}
.joinBox{
  background: url(../images/join.jpg) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 9% 5%;
}
.joinBox li{
  position: relative;
}
.joinBox li span{
  display: block;
  font-size:34px;
  color: #fff4d2;
  line-height: 1;
}
.joinBox li a{
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 52px;
  margin-top: -27px;
  text-indent: 56px;
  display: block;
  width: 237px;
  font-size: 16px;
  color: #000;
  background: #fff;
  border: 1px solid #575757;
}
.joinBox li a:after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  border-left: 1px solid #575757;
  background: url(../images/arrow.png) center no-repeat;
}
.product{
  padding: 6% 0 0;
}
.product #among{
  margin-top: 0;
}
.product .img img{
  margin: 0;
}
.localtion{
  position: relative;
  font-size: 0;
  padding-top: calc(2% + 16px);
  letter-spacing: -1px;
  background: url(../images/img.png) 0 0 no-repeat;
}
.localtion *{
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}
.localtion span{
  font-family: '宋体';
  margin: 0 10px;
}
.localtion .back{
  position: absolute;
  right: 0;
  bottom: 0;
}
.localtion .back:after{
  content: ' >>';
  font-family: '宋体';
}
.product .w{
  max-width: 860px;
  margin: 0 auto;
}
.product .tn{
  text-align: center;
  font-weight: normal;
  font-size: 28px;
  margin-top: 50px;
}
.product .tn:after{
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: #292929;
  margin: 25px auto 0;
}
.product .parameter{
  border-top: 1px solid #BBB;
  margin-top: 30px;
}
.product .parameter ul{
  font-size: 0;
  padding: 10px 0;
  letter-spacing: -1px;
  border-bottom: 1px solid #BBB;
}
.product .parameter ul *{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 18px;
  width: 50%;
}
.pictureBox{
  position: relative;
  padding: 0 50px;
  margin-top: 4%;
}
.pictureBox img{
  width: 100%;
}
.pictureBox .prev,
.pictureBox .next{
  display: block;
  position: absolute;
  top: 50%;
  width: 29px;
  height: 58px;
  cursor: pointer;
  margin-top: -29px;
  background: url(../images/icon1.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.pictureBox .prev{
  left: 0;
}
.pictureBox .next{
  right: 0;
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.pictureBox .arrow{
  text-align: center;
  margin-top: 3%;
}
.pictureBox .arrow > *{
  width: 4px;
  height: 4px;
  border-radius: 0;
  background: #353c4c;
  margin: 0 2px;
  border: 2px solid white;
}
.pictureBox .arrow > *.swiper-pagination-bullet-active{
  border-color: #353c4c;
}
.typeBox{
  font-size: 0;
  letter-spacing: -1px;
}
.typeBox > *{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 22%;
}
.typeBox > li{
  margin-left: 4%;
  z-index: 10;
  position: relative;
  border-bottom: 1px solid #BBB;
}
.typeBox > li:nth-child(1){
  margin-left: 0;
}
.typeBox > li span{
  display: block;
  font-size: 18px;
  line-height: 42px;
  user-select:none;
}
.typeBox > li span:after{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 24px;
  height: 24px;
  transition: all .3s;
  background: url(../images/arrow1.png) center no-repeat;
}
.typeBox > li.on span:after{
  transform:rotate(180deg);
}
.typeBox > li span font{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 14px;
  color: #606266;
  line-height: 42px;
  margin-left: 8px;
}
.typeBox > li div{
  position: absolute;
  left: 0;
  top:100%;
  margin-top: 1px;
  width: 100%;
  padding: 8px 0;
  background:rgba(187,187,187,.8);
  display: none;
}
.typeBox > li.on div{
  display: block;
}
.typeBox > li div a{
  display: block;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  line-height: 36px;
  padding: 0 22px;
  user-select:none;
}
.typeBox > li div a:hover{
  color:#955227;
}
.typeBox > li .close{
  display: none;
}
.typeBox > li.has .close{
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  width: 20px;
  height: 20px;
  line-height:20px;
  font-weight:normal;
  cursor: pointer;
  text-align: center;



  background:#f3f3f3;
  color:#CCC;
  font-size:17px;
  border:1px solid #CCC;
  border-radius:100%;
}
.list_pro a{
  display: block;
  float: left;
  width: 22%;
  margin: 3% 0 0 4%;
}
.list_pro a:nth-child(4n+1){
  clear: both;
  margin-left: 0;
}
.list_pro a img{
  width: 100%;
}
.list_pro a span{
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  margin-top: 10px;
}
.list_pro a font{
  text-align: center;
  font-size: 12px;
  color: #888;
  line-height: 20px;
}
.list_pro a:after{
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  background: #353c4c;
  border-radius: 100%;
  margin: 11px auto 0;
}
.load_more{
  text-align: center;
  clear: both;
}
.load_more a{
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  background: #e9e9e9;
  line-height: 2.5;
  width: 25%;
  color: #292929;
  max-width: 290px;
  cursor: pointer;
  transition: all .3s;
  margin-top: 5%;
}
.load_more a:hover{
  background: #955227;
  color: #FFF;
}
.RelatedProducts{
  position: relative;
  padding: 0 60px;
  margin-top: 4%;
}
.RelatedProducts .prev,
.RelatedProducts .next{
  display: block;
  position: absolute;
  top: 50%;
  width: 22px;
  cursor: pointer;
  height: 48px;
  margin-top: -72px;
  background: url(../images/icon2.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.RelatedProducts .prev{
  left: 0;
}
.RelatedProducts .next{
  right: 0;
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.RelatedProducts .swiper-slide a{
  display: block;
  float: left;
  width: 19%;
  margin-left: 8%;
}
.RelatedProducts .swiper-slide a:nth-child(1){
  margin-left: 0;
}
.RelatedProducts .swiper-slide a img{
  width: 100%;
}
.RelatedProducts .swiper-slide a span{
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  margin-top: 10px;
}
.RelatedProducts .swiper-slide a font{
  text-align: center;
  font-size: 12px;
  color: #888;
  line-height: 20px;
}
.RelatedProducts .swiper-slide a:after{
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  background: #353c4c;
  border-radius: 100%;
  margin: 11px auto 0;
}
.RelatedProducts .arrow{
  text-align: center;
  margin-top: 3%;
}
.RelatedProducts .arrow > *{
  width: 4px;
  height: 4px;
  border-radius: 0;
  background: #353c4c;
  margin: 0 2px;
  border: 2px solid white;
}
.RelatedProducts .arrow > *.swiper-pagination-bullet-active{
  border-color: #353c4c;
}
.list_news a{
  display: block;
  margin-top: 5%;
}
.list_news a:nth-child(1){
  margin-top: 0;
}
.list_news a div{
  float: left;
  width: 530px;
  height: 340px;
}
.list_news a div img{
  width: 100%;
  height: 100%;
}
.list_news a ul{
  float: right;
  width: calc(100% - 560px);
  height:115px;
}
.list_news a ul span{
  font-size: 22px;
  margin: 32px 0 26px;
}
.list_news a ul font{
  font-size: 12px;
  display: block;
  color: #848484;
  margin-top: 50px;
}
.list_news a ul li{
  font-size: 14px;
  line-height: 32px;
  -webkit-line-clamp:3;
  height: 96px;
}
.list_news a:hover ul span{
  color:#955227;
}
.news_width{
  max-width: 1020px;
  margin: 0 auto;
  position: relative;
}
.news_details{
  border: 1px solid #a5a5a5;
  padding: 20px;
  margin-top: 4%;
}

.news_details > h1{
  font-weight: bold;
  font-size: 28px;
}
.news_details .info{
  font-size: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a9a9a9;
}
.news_details .cont video{
    width:100%;
    height:auto;
}
.news_details .cont{
  margin: 20px 0;
}
.news_details .cont img{
  max-width: 100%!important;
}
.news_details .end{
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  letter-spacing: 2px;
}
.news_details .prev-next{
  border-top: 1px solid #a9a9a9;
  margin-top: 15px;
  padding-top: 10px;
}
.news_details .prev-next li{
  margin-top: 5px;
}
.news_details a.back{
  display: inline-block;
  vertical-align: top;
  padding-left: 53px;
  height: 42px;
  margin-top: 10px;
  background: #353c4c url(../images/icon.jpg) 0 0 no-repeat;
}
.news_details a.back span{
  display: block;
  color: #FFF;
  padding: 0 40px;
  line-height: 42px;
}
.news_details a.back span:after{
  content: ' >>';
  font-family: '宋体';
}
.floatBox{
  position: fixed;
  z-index: 999;
  right: 0;
  background: #FFF;
  top: 25%;
  width: 88px;
  padding: 26px 0;
  border: 1px solid #EEE;
  border-right: 0;
}
.floatBox > *{
  display: block;
  font-size: 12px;
  line-height: 24px;
  color: #000!important;
  text-align: center;
  background: center top no-repeat;
}
.floatBox .tel{
  padding-top: 30px;
  position: relative;
  background-image: url(../images/kf.png);
}
.floatBox .tel li{
  display: none;
  position: absolute;
  right: 100%;
  background: #FFF url(../images/tel.png) 10px center no-repeat;
  padding: 10px 10px 10px 35px;
  top:-5px;
  font-size: 20px;
  color: #955227;
  white-space: nowrap;
  border: 1px solid #EEE;
  border-right: 0;
}
.floatBox .wechat{
  padding-top: 27px;
  margin-top: 22px;
  position: relative;
  background-image: url(../images/wechat.png);
}
.floatBox .fx{
  margin-top: 22px;
  position: relative;
}
.floatBox .fx > p{
  margin:0;
}
.floatBox .fx > img{
    width:30px;
    height:30px;
}
.floatBox .wechat > li{
  display: none;
  position: absolute;
  right: 100%;
  background: #FFF;
  padding: 10px;
  top:-64px;
  border: 1px solid #EEE;
  border-right: 0;
}
.floatBox .fx > li{
  display: none;
  position: absolute;
  right: 100%;
  background: #FFF;
  padding: 10px;
  top:-64px;
  border: 1px solid #EEE;
  border-right: 0;
}
.floatBox .wechat > li img{
  width: 120px;
  height: 120px;
}
.floatBox ul:hover li{
  display: block;
}
.shareBox{
  background: #FFF;
  position: absolute;
  z-index: 998;
  width: 170px;
  top: 0;
  right: -250px;
  padding: 10px 15px 15px;
  border: 1px solid #a5a5a5;
}
.shareBox span{
  display: block;
  font-size: 15px;
  line-height: 40px;
  border-bottom: 1px solid #a5a5a5;
}
.shareBox a{
  text-align:left!important;
  color:#666!important;
  width:auto!important;
  height: 34px!important;
  display: block!important;
  float: none!important;
  font-size: 15px!important;
  line-height: 34px !important;
  padding: 0 0 0 51px!important;
  margin: 15px 0 0!important;
  background: 0 0 no-repeat!important;
  border:0!important;
  font-weight:normal!important;
  border-radius:0!important;
}
.shareBox a:nth-child(1){
  background-image: url(../images/share1.png)!important;
}
.shareBox a:nth-child(2){
  background-image: url(../images/share3.png)!important;
}
.shareBox a:nth-child(3){
  background-image: url(../images/share2.png)!important;
}
.shareBox a:nth-child(4){
  background-image: url(../images/share4.png?v=2)!important;
}
.shareBox a:nth-child(1):after{
  content:'微信';
}
.shareBox a:nth-child(2):after{
  content:'新浪微博';
}
.shareBox a:nth-child(3):after{
  content:'QQ';
}
.shareBox a:nth-child(4):after{
  content:'QQ空间';
}
.shareBox a:before{
  display:none;
}
.topBtn{
  position: fixed;
  display: block;
  z-index: 999;
  width: 70px;
  height: 70px;
  right: 0;
  bottom: 10%;
  cursor: pointer;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 35px;
  color: #292929!important;
  line-height: 20px;
  -webkit-user-select:none;
  user-select:none;
  background: #e9e9e9 url(../images/top.png) center 16px no-repeat;
}
.list_lifestyle a{
  display: block;
  position: relative;
  margin-top: 4%;
}
.list_lifestyle a img{
  width: 100%;
}
.list_lifestyle a p{
  position: absolute;
  margin: 0;
  left: 9%;
  top: 6%;
  padding: 1% 2%;
  background: rgba(53,60,76,.8);
}
.list_lifestyle a p span{
  display: block;
  font-size: 20px;
  color: #FFF;
  white-space: nowrap;
  line-height: 1.2;
}
.list_lifestyle a p font{
  display: block;
  font-size: 30px;
  color: #FFF;
  white-space: nowrap;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: 'Times New Roman';
}
.viewlifestyle{
  padding-bottom: 7%;
}
.viewlifestyle .img{
  position: relative;
  margin-top: calc(3% + 38px);
}
.viewlifestyle .img img{
  width: 100%;
}
.viewlifestyle .img p{
  position: absolute;
  margin: 0;
  left: 0;
  top: -38px;
  padding: 12px 2%;
  background: rgba(53,60,76,.8);
}
.viewlifestyle .img p span{
  display: block;
  font-size: 20px;
  color: #FFF;
  white-space: nowrap;
  line-height: 1.2;
}
.viewlifestyle .img p font{
  display: block;
  font-size: 30px;
  color: #FFF;
  white-space: nowrap;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: 'Times New Roman';
}
.viewlifestyle .w{
  max-width: 860px;
  margin: 0 auto;
}
.viewlifestyle .fz16,
.viewlifestyle .fz16 *{
  font-size: 16px;
  line-height: 3;
  letter-spacing: 2px;
}
.viewlifestyle .cont{
  max-width: 540px;
  margin: 8% auto 0;
}
.viewlifestyle .cont1{
  margin: 2% 0 0 40px;
}
.viewlifestyle .tn{
  padding-top: 24px;
  margin-top: 8%;
  background: url(../images/line.png) center top no-repeat;
}
.viewlifestyle .tn img{
  margin-top: 3%;
}
.viewlifestyle .tn span{
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 2.2;
}
.viewlifestyle .tn font{
  display: block;
  font-size: 24px;
  margin-top: 2%;
  text-align: center;
}
.viewlifestyle .tn1{
  position: relative;
  margin-top: 1.2%;
}
.viewlifestyle .tn1 i{
  display: block;
  width: 14px;
  height: 14px;
  border: 3px solid #955227;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  border-radius: 100px;
}
.viewlifestyle .tn1 span{
  font-size: 24px;
  display: block;
  padding-left: 40px;
}
.viewlifestyle .imgBox{
  position: relative;
  margin-top: 3%;
}
.viewlifestyle .imgBox img{
  width: 100%;
}
.viewlifestyle .imgBox .prev,
.viewlifestyle .imgBox .next{
  display: block;
  position: absolute;
  top: 50%;
  width: 31px;
  cursor: pointer;
  height: 64px;
  z-index: 1;
  margin-top: -32px;
  background: center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.viewlifestyle .imgBox .prev{
  left: -70px;
  background-image: url(../images/prev.png);
}
.viewlifestyle .imgBox .next{
  right: -70px;
  background-image: url(../images/next.png);
}
.viewlifestyle .list{
  font-size: 0;
  margin-top: 6%;
  letter-spacing: -1px;
  text-align: center;
}
.viewlifestyle .list a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 18%;
}
.viewlifestyle .list a span{
  display: block;
  font-size: 16px;
}
.navBox{
  font-size: 0;
  letter-spacing: -1px;
  text-align: center;
}
.navBox a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 40px;
  white-space: nowrap;
  border-radius: 8px;
  padding: 0 30px;
  text-align: center;
  margin-left: 5%;
  min-width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.navBox a:nth-child(1){
  margin-left: 0;
}
.navBox a.on{
  color:#FFF;
  background: #353c4c;
}
.my-map{
  height:770px;
  margin-top:4%;
  border: 1px solid #EEE;
}
.my-map .icon{
  background:url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;
}
.my-map .icon-cir{
  height:31px;
  width:28px;
}
.my-map .icon-cir-red{
  background-position:-11px -5px;
}
.amap-container{
  height:100%;
}
.myinfowindow{
  width:240px;
  min-height:50px;
}
.myinfowindow h5{
  height:20px;
  line-height:20px;
  overflow:hidden;
  font-size:14px;
  font-weight:bold;
  width:220px;
  text-overflow:ellipsis;
  word-break:break-all;
  white-space:nowrap;
}
.myinfowindow div{
  margin-top:10px;
  min-height:40px;
  line-height:20px;
  font-size:13px;
  color:#6f6f6f;
}
.contactBox{
  margin-top: 5%;
}
.contactBox .list{
  font-size: 0;
  letter-spacing: -1px;
}
.contactBox .list ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 1px;
  width: 50%;
  text-align: center;
  margin-top: 4%;
}
.contactBox .list ul span{
  display: block;
  font-size: 26px;
}
.contactBox .list ul li{
  text-align: center;
  margin-top: 2%;
}
.contactBox .list ul li,
.contactBox .list ul li *{
  font-size: 20px;
}
.contactBox .list1{
  text-align: center;
  font-size: 0;
  margin-top: 4%;
  letter-spacing: -1px;
}
.contactBox .list1 ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 1px;
  text-align: left;
  width: 40%;
}
.contactBox .list1 ul:nth-child(2){
  margin-left: 10%;
}
.contactBox .list1 ul span{
  display: block;
  font-size: 26px;
  margin-bottom: 2%;
}
.contactBox .list1 ul li,
.contactBox .list1 ul li *{
  line-height: 2.5;
}
.contactBox .tn{
  text-align: center;
  font-size: 36px;
  line-height: 1.6;
  margin-top: 8%;
}
.contactBox .tn1{
  text-align: center;
  font-size: 26px;
  line-height: 1.6;

  margin-top: 8%;
}
.contactBox .img{
  float: left;
  margin-top: 5%;
}
.contactBox .img img{
  width: 765px;
  height: 575px;
}
.contactBox .img1{
  font-size: 0;
  letter-spacing: -1px;
  text-align: center;
  margin-top: 3%;
}
.contactBox .img1 a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  position: relative;
  width: calc((100% - (33px * 8)) / 9);
}
.contactBox .img1 a div img{
  width: 60px;
  height: 60px;
  transition: all .5s;
}
.contactBox .img1 a div:nth-child(2){
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.contactBox .img1 a div:nth-child(2) img{
  opacity: 0;
}
.contactBox .img1 a:hover div:nth-child(1) img{
  opacity: 0;
}
.contactBox .img1 a:hover div:nth-child(2) img{
  opacity: 1;
}
.contactBox .img1 a span{
  font-size: 16px;
  line-height: 1.2;
  display: block;
  margin-top: 8px;
}
.contactBox .img1 a:hover span{
  color: #955227;
}
.contactBox .img1 i{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 33px;
  height: 18px;
  margin: 21px 0 0;
  background: url(../images/pic10.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.contactBox .textBox{
  float: right;
  margin-top: 5%;
  width: calc(100% - 765px - 45px);
  height: 575px;
  background: #353c4c;
  position: relative;
}
.contactBox .textBox .swiper-slide{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10%;
  min-height: 520px;
}
.contactBox .textBox .swiper-slide span{
  display: block;
  font-size: 30px;
  color: #FFF;
  font-weight: bold;
  line-height: 2.5;
  padding-top: 15%;
}
.contactBox .textBox .swiper-slide span i{
  display: block;
  width: 66px;
  height: 3px;
  background: #FFF;
}
.contactBox .textBox .swiper-slide font{
  display: block;
  font-size: 18px;
  color: #FFF;
  margin: 6% 0 5%;
}
.contactBox .textBox .swiper-slide div,
.contactBox .textBox .swiper-slide div *{
  color: #FFF;
  line-height: 1.8;
}
.contactBox .textBox .arrow{
  text-align: center;
}
.contactBox .textBox .arrow span{
  width: 14px;
  height: 14px;
  background: #545f78;
  border: 0;
  margin: 0 4px;
}
.contactBox .textBox .arrow span.swiper-pagination-bullet-active{
  background: #FFF;
}
.contactBox .cont{
  max-width: 800px;
  margin: 3% auto 0;
  text-align: center;
}
.contactBox .form{
  display: block;
  font-size: 0;
  letter-spacing: -1px;
}
.contactBox .form input[type='text'],
.contactBox .form select,
.contactBox .form textarea{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  background: #e9e9e9;
  border: 0;
  width: 49%;
  height: 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  margin-top: 2%;
}
.contactBox .form input[type='text']:nth-child(2),
.contactBox .form select:nth-child(4){
  margin-left: 2%;
}
.contactBox .form textarea{
  width: 100%;
  height: 130px;
  padding: 15px 15px;
  line-height: 1.2;
}
.contactBox .form input[type='button']{
  width: 220px;
  height: 54px;
  margin: 2% auto 0;
  display: block;
  border: 0;
  background: #353c4c;
  color: #FFF;
  font-size: 16px;
}
.about_list{
  font-size: 0;
  letter-spacing: -1px;
  margin-bottom: 8%;
}
.about_list li{
  width: 250px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin-left: calc((100% - 1000px) / 3);
}
.about_list li:nth-child(1){
  margin-left: 0;
}
.about_list li img{
  width: 44%;
  max-width: 110px;
}
.about_list li i{
  display: block;
  height: 2px;
  margin: 12% 0 6%;
  background: #353c4c;
}
.about_list li span{
  display: block;
  float: left;
  font-size: 28px;
  line-height: 30px;
}
.about_list li span b{
  font-weight: normal;
}
.about_list li font{
  display: block;
  float: right;
  font-size: 15px;
  line-height: 20px;
  margin-top: 10px;
}
.companyBox{
  max-width: 1000px;
  margin: 7% auto 0;
}
.companyBox .fl-left{
  width: 274px;
}
.companyBox .fl-left span{
  display: block;
  font-size: 32px;
  color: #955227;
  line-height: 40px;
}
.companyBox .fl-left img{
  width: 100%;
  max-width: 274px;
  margin-top: 15px;
}
.companyBox .fl-right{
  width: calc(93% - 274px);
}
.companyBox .fl-right > span{
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 40px;
  color: #955227;
}
.companyBox .fl-right > font{
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 30px;
  margin: 10px 0 0 12px;
}
.companyBox .fl-right > div{
  margin-top: 35px;
}
.companyBox .fl-right > div,
.companyBox .fl-right > div *{
  font-size: 16px;
  line-height: 2.5;
}
.productivityBox{
  background: url(../images/bg.jpg) center top no-repeat;
  height: 636px;
}
.productivityBox .w{
  max-width: 1020px;
  margin: 0 auto;
}
.productivityBox *{
  font-size: 16px;
  color: #FFF;
}
.productivityBox .tn{
  font-size: 26px;
  line-height: 40px;
  padding-top: 52px;
  text-align: center;
}
.productivityBox .tn1{
  font-size: 22px;
  margin-left: 24px;
  line-height: 28px;
}
.productivityBox .cont{
  height: 205px;
  max-width: 485px;
  margin: 0 auto;
  text-align: center;
}
.productivityBox .w > div{
  margin-left: 50%;
  position: relative;
}
.productivityBox .w > div > .clearfix{
  height: 64px;
  overflow: hidden;
  margin: 8px 0 0 24px;
}
.networkBox{
  background: #e9e9e9;
  padding: 140px 0;
}
.networkBox .w{
  max-width: 1020px;
  margin: 0 auto;
}
.networkBox span{
  display: block;
  font-size: 24px;
}
.networkBox font{
  display: block;
  font-size: 16px;
}
.networkBox img{
  width: 100%;
  margin-top: 10%;
}
.historyBox{
  padding: 6% 0;
}
.historyBox .type-name font{
  border-bottom: 0;
}
.historyBox .box{
  max-width: 754px;
  margin: 0 auto;
}
.historyBox1{
  border-bottom: 1px solid #c9c9c9;
  position: relative;
}
.historyBox1 .swiper-slide{
  text-align: center;
}
.historyBox1 .swiper-slide span{
  display: block;
  font-size: 16px;
  cursor: pointer;
  line-height: 56px;
  color: #c9c9c9;
  transition: all .3s;
}
.historyBox1 .swiper-slide:after{
  content: '';
  display: block;
  width: 1px;
  height: 8px;
  background: #c9c9c9;
  margin: 7px auto 0;
  transition: all .3s;
}
.historyBox1 .swiper-slide.swiper-slide-active span{
  font-size: 30px;
  color: #955227;
}
.historyBox1 .swiper-slide.swiper-slide-active:after{
  height: 15px;
  margin-top: 0;
  background: #955227;
}
.historyBox1 .prev,
.historyBox1 .next{
  display: block;
  position: absolute;
  width: 42px;
  line-height: 42px;
  text-align: center;
  font-family: '宋体';
  border: 1px solid #c9c9c9;
  border-radius: 100%;
  z-index: 1;
  top: 50%;
  color: #c9c9c9;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  margin-top: -22px;
}
.historyBox1 .prev{
  left: -105px;
}
.historyBox1 .next{
  right: -105px;
}
.historyBox2 .swiper-slide{
  margin-top: 8%;
}
.honorBox1 #among{
  margin-top: 0;
}
.honorBox1 .type-name{
  padding-bottom: 2%;
}
.honorBox1 .type-name font{
  border-bottom: 0;
}
.honorBox1 .list a{
  display: block;
  float: left;
  width: 22.75%;
  background: #e9e9e9;
  margin: 3% 0 0 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3% 1.5%;
}
.honorBox1 .list a:nth-child(-n+4){
  margin-top: 0;
}
.honorBox1 .list a:nth-child(4n+1){
  margin-left: 0;
}
.honorBox1 .list a img{
  width: 100%;
}
.honorBox1 .list a span{
  text-align: center;
  font-size: 18px;
  margin-top: 13%;
}
.qualityBox{
  height: 1471px;
  margin-top: 3%;
  background: url(../images/quality.jpg) center top no-repeat;
}
.qualityBox .tn{
  font-size: 34px;
  display: block;
}
.qualityBox .cont{
  max-width: 630px;
  margin-top: 3%;
}
.qualityBox .cont,
.qualityBox .cont *{
  line-height: 2.5;
}
.cultureBox{
  overflow: hidden;
}
.cultureBox .list{
  width: 1920px;
  margin-left: -158px;
}
.cultureBox .list > div > ul{
  float: left;
  width: 50%;
}
.cultureBox .list > div > ul > span{
  display: block;
  font-size: 28px;
  margin: 3% 35px 2% 298px;
}
.cultureBox .list > div > ul > li{
  margin: 0 35px 0 300px;
}
.cultureBox .list > div:nth-child(2n) > ul{
  float: right;
}
.cultureBox .list > div:nth-child(2n) > ul > span,
.cultureBox .list > div:nth-child(2n) > ul > li{
  margin-left: 35px;
  margin-right: 298px;
}
.cultureBox .list > div > img{
  width: 50%;
  float: right;
}
.ecoBox{
  margin-top: 5%;
  font-size:0;
  letter-spacing:-1px;
}
.ecoBox > img{
  display:inline-block;
  vertical-align:middle;
  width: 45%;
}
.ecoBox > ul{
  display:inline-block;
  vertical-align:middle;
  letter-spacing:0;
  width: 50%;
  margin-left: 5%;
}
.ecoBox > ul > span{
  display: block;
  font-size: 28px;
  margin-bottom: 2%;
}
.ecoBox1{
  background: url(../images/eco1.jpg) center top no-repeat;
  height: 675px;
  margin-bottom: 1%;
}
.ecoBox1 > ul{
  padding-top: 220px;
}
.ecoBox1 .tn{
  display: block;
  font-size: 24px;
  color: #FFF;
}
.ecoBox1 .cont{
  font-size: 18px;
  color: #FFF;
}
.ecoBox2{
  margin-bottom: 1%;
  overflow: hidden;
}
.ecoBox2 .w{
  width: 1920px;
  margin-left: -158px;
}
.ecoBox2 .w > img{
  float: left;
  width: 50%;
}
.ecoBox2 .w > ul{
  float: right;
  width: 50%;
  padding: 0 158px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ecoBox2 .w > ul > img{
  margin: 180px 0 0;
}
.ecoBox2 .tn{
  font-size: 32px;
  display: block;
}
.ecoBox2 .cont{
  font-size: 18px;
}
.ecoBox2 *{
  color: #0495f7;
}
.ecoBox3 *{
  color: #47261e;
}
.ecoBox3 .w > img{
  float: right;
}
.ecoBox4 *{
  color: #000;
}
.projectBox .list{
  font-size: 0;
  letter-spacing: -1px;
  margin-bottom: 12%;
}
.projectBox .list div{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 253px;
  height: 450px;
  background: #FFF;
  overflow: hidden;
  margin-left: calc((100% - 1265px) / 4);
}
.projectBox .list div:nth-child(1){
  margin-left: 0;
}
.projectBox .list div .name{
  border-top: 1px solid #b9b9b9;
  padding: 18px 0;
  margin: 13% 10% 0;
  border-bottom: 1px solid #b9b9b9;
}
.projectBox .list div .name li{
  display: block;
  font-size: 18px;
  text-align: center;
  line-height: 26px;
}
.projectBox .list div .name li:nth-child(1){
  color: #955227;
}
.projectBox .list div .list1{
  margin: 10% 10%;
  height: 140px;
}
.projectBox .list div .list1 li{
  font-size: 12px;
  line-height: 18px;
  white-space:pre-wrap;
  position: relative;
  padding: 5px 0 5px 14px;
}
.projectBox .list div .list1 li:before{
  content: '';
  width:4px;
  height:4px;
  background:#292929;
  position: absolute;
  left: 0;
  top: 12px;
}
.projectBox .list div > img{
  height: 70px;
}
.projectBox .list div > .img2{
  display: none;
}
.projectBox .list div > span{
  display: block;
  text-align: center;
  font-size: 12px;
  color: #464646;
}
.projectBox .list div > i{
  display: block;
  margin-top: 3%;
  border-top: 1px solid #b9b9b9;
}
.projectBox .list div > i:after{
  content: '';
  display: block;
  width: 55px;
  height: 1px;
  background: #b9b9b9;
  text-align: center;
  margin: 7% auto 0;
}
.projectBox .list div:hover{
  background: #955227;
}
.projectBox .list div:hover .list1 li:before{
  background:white;
}
.projectBox .list div:hover .name{
  border-color: #FFF;
}
.projectBox .list div:hover *{
  color: #FFF!important;
}
.projectBox .list div:hover > i{
  border-top-color: #FFF;
}
.projectBox .list div:hover > i:after{
  background: #FFF;
}
.projectBox .list div:hover .img1{
  display: none;
}
.projectBox .list div:hover .img2{
  display: block;
}
.projectBox .list2{
  font-size: 0;
  letter-spacing: -1px;
  margin-bottom: 12%;
}
.projectBox .list2 a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 23.5%;
  margin-left: 2%;
}
.projectBox .list2 a:nth-child(1){
  margin-left: 0;
}
.projectBox .list2 a div{
  border: 1px solid #959595;
}
.projectBox .list2 a div img{
  width: 100%;
}
.projectBox .list2 a span{
  text-align: center;
  background: #f3f3f3;
  border: 1px solid #959595;
  margin-top: -1px;
  line-height: 46px;
  padding: 0 12px;
  font-size: 14px;
}
.projectBox .list3 a{
  display: block;
  float: left;
  width: 31.333333%;
  margin: 4% 0 0 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #959595;
  background: #f3f3f3;
}
.projectBox .list3 a:nth-child(-n+3){
  margin-top: 0;
}
.projectBox .list3 a:nth-child(3n+1){
  margin-left: 0;
  clear: both;
}
.projectBox .list3 a div{
  border-bottom: 1px solid #959595;
}
.projectBox .list3 a div img{
  width: 100%;
}
.projectBox .list3 a span{
  text-align: center;
  font-size: 18px;
  padding: 12px 12px 0;
}
.projectBox .list3 a:after{
  content: '';
  display: block;
  height: 1px;
  margin: 8% 3% 5%;
  background: #955227;
}
.customizationBox .list{
  font-size: 0;
  letter-spacing: -1px;
}
.customizationBox .list div{
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  letter-spacing: -1px;
  margin-left: 186px;
}
.customizationBox .list div:nth-child(1){
  margin-left: 0!important;
}
.customizationBox .list div img{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
}
.customizationBox .list div span{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  font-size: 18px;
  margin-left: 12px;
}
.customizationBox .list1 a{
  display: block;
  float: left;
  width: 31.333333%;
  margin: 3% 0 0 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #959595;
  background: #f3f3f3;
}
.customizationBox .list1 a:nth-child(-n+3){
  margin-top: 0;
}
.customizationBox .list1 a:nth-child(3n+1){
  margin-left: 0;
  clear: both;
}
.customizationBox .list1 a div{
  border-bottom: 1px solid #959595;
}
.customizationBox .list1 a div img{
  width: 100%;
}
.customizationBox .list1 a span{
  font-size: 18px;
  padding: 12px 6% 0;
}
.customizationBox .list1 a font{
  font-size: 14px;
  padding: 4px 6% 0;
  color: #949494;
}
.customizationBox .list1 a:after{
  content: '';
  display: block;
  height: 2px;
  margin: 12% 6% 7%;
  background: #955227;
}
.customizationBox .box{
  margin: 8% 0;
}
.customizationBox .box > img{
  float: left;
  width: 60%;
}
.customizationBox .box > ul{
  float: right;
  width: 36%;
}
.customizationBox .box > ul b{
  display: block;
  font-size: 40px;
  line-height: 1.2;
}
.customizationBox .box > ul span{
  display: block;
  font-size: 40px;
  line-height: 1.2;
}
.customizationBox .box > ul > li{
  font-size: 16px;
  line-height: 2.5;
  margin-top: 8%;
}
.customizationBox .box1{
  position: relative;
  margin-bottom: 5%;
}
.customizationBox .box1 ul{
  float: left;
  width: 343px;
  position: relative;
  margin: 34px 0 0 120px;
}
.customizationBox .box1 ul:nth-child(-n+3){
  margin-top: 0;
}
.customizationBox .box1 ul:nth-child(4),
.customizationBox .box1 ul:nth-child(5),
.customizationBox .box1 ul:nth-child(6){
  float: right;
}
.customizationBox .box1 ul:nth-child(1){
  margin-left: 0;
}
.customizationBox .box1 ul:nth-child(4){
  margin-right: 51px;
}
.customizationBox .box1 ul:nth-child(6){
  margin-left: 0;
}
.customizationBox .box1 ul img{
  width: 100%;
  height: 206px;
}
.customizationBox .box1 ul span{
  font-size: 16px;
  color: #955227;
  margin-top: 5px;
}
.customizationBox .box1 ul li{
  font-size: 14px;
  line-height: 2;
  height: 140px;
  -webkit-line-clamp:5;
  margin: 10px 0 0;
}
.caseBox{
	position: relative;
	height: 710px;
  margin-bottom: 4%;
}
.caseBox ul{
	position: absolute;
  height: 100%;
}
.caseBox ul li{
	position: absolute;
	background-size: 100% 100%;
	cursor: pointer;
}
.caseBox ul li img{
  width: 100%;
  height: calc(100% - 72px);
}
.caseBox ul li div{
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 0;
}
.caseBox ul li div span,
.caseBox ul li div font{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color: #FFF;
  line-height: 24px;
  padding: 0 30px;
}
.caseBox .prev,
.caseBox .next{
  position: absolute;
  display: block;
  z-index: 10;
  top: 50%;
  width: 34px;
  height: 76px;
  margin-top: -38px;
  cursor: pointer;
  background: url(../images/icon4.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.caseBox .next{
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.caseBox .prev{
	left: 30px;
}
.caseBox .next{
	right: 30px;
}
.videoBox{
  padding-bottom: 6%;
}
.videoBox #among{
  margin-top: 0;
  margin-bottom: 0;
}
.videoBox li video{
  display: block;
  width: 100%;
  max-width:754px;
  height: 510px;
  background: #000;
  margin:0 auto;
}