/* ***** 页面公共部分 ***** */

/* 首页banner */

/*---------------首页--------------------*/
.title{
 
  text-align: center;
 }
.title h3{
  margin-bottom: 10px;
  color:#333;
  font-size: 23px;
  font-weight: normal;
}
.title span.h_line{
  display: inline-block;
  width: 250px;
  height: 1px;
  background: #dedede;
}
.title h4{
  margin-top: 10px;
  color:#000;
  font-size: 35px;
  font-weight: normal;
}
/*---------首页木种特效-----------*/



@-webkit-keyframes story {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes story {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes move {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes move {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes move1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes move1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.home_6 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.big_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.big_img li {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: 0;
  -moz-transition: -moz-opacity 0.5s ease, -moz-transform 0.8s ease-in-out;
  -ms-transition: -ms-opacity 0.5s ease, -ms-transform 0.8s ease-in-out;
  -o-transition: -o-opacity 0.5s ease, -o-transform 0.8s ease-in-out;
  -webkit-transition: -webkit-opacity 0.5s ease, -webkit-transform 0.8s ease-in-out;
  transition: opacity 0.5s ease, transform 0.8s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
}

.big_img .on {
  transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}

.fenyuan {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}

.fenyuan li {
  width: calc((100% - 5px)/4);
  border-right: 1px solid #ccc;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  
}
.fenyuan li p{
  color:#fff;
  line-height: 22px;
  opacity: 0;
  margin-top: 75px;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;

}
.fenyuan li.active p{
  opacity: 1;
  margin-top: 35px;
}


.fenyuan li:last-child{
  border-right:none;
}
@media (max-width: 767px) {
  .fenyuan li {
    width: 50%;
    height: 49.33333333%;
    border-bottom: 1px solid #ccc;
  }
.title{margin: 33px 0 33px 0 !important;}
}

@media (max-width: 767px) {
  .fenyuan li:last-child {
    width: 50%;
  }
}

.fenyuan li:last-child:after {
  display: none;
}

.fenyuan li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  z-index: 10;
  background: url(../images/line.png) repeat-y right top;
}

.fenyuan li .picf {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 50%;
  margin-top: -540px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  width: 1920px;
  height: 1080px;
  opacity: 1;
  z-index: 1;
}

.fenyuan li .txt {
  position: absolute;
  width: 100%;
  top: 50%;
  overflow: hidden;
  margin-top: -130px;
  height: 400px;
  padding: 0 20px;
  z-index: 5;
  text-align: center;
}


.fenyuan li .txt .line1 {
  background: #fff;
  width: 20px;
  height: 1px;
  position: relative;
}

.fenyuan li .txt .line2 {
  background: #fff;
  width: 20px;
  height: 1px;
  margin: 30px 0 0 0;
  position: relative;
}


.fenyuan li .txt big {
  display: block;
  font-size: 26px;
  margin: 50px 0 0 0;
  position: relative;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  font-family: "oswaldregular";
  overflow: hidden;
  color: #fff;
}

.fenyuan li .txt .t1 {
  color: #ffffff;
  margin: 35px 0 25px 0;
  line-height: 30px;
  overflow: hidden;
  position: relative;

}
.fenyuan li .txt .t1 h3{
    font-size: 18px;
}
.fenyuan li .txt .t1 span.line{
  display: inline-block;
  width:55px;
  height:1px;
  background: #fff;
}
.fenyuan li .txt .t1 h4{
    font-size: 14px;
    margin-top: 5px;
}
.fenyuan li .txt .more3:hover a {
  color: #FF0000;
}
.fenyuan li.active h4{
  display: none;
}
.fenyuan li.active span.line{
  display: none !important;
}
.fenyuan li .txt .more3 a {
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.fenyuan .active {
  background: rgb(183 159 113 / 54%);
}
.fenyuan li a{
  display: inline-block;
  width:150px;
  height:40px;
  line-height: 40px;
  font-size: 14px;
  background: #fff;
  color:#baa173;
  margin-top: 45px;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}
.fenyuan li.active a{
  opacity: 1;
  margin-top: 30px;
}
.fenyuan .active .txt .line2 {
  display: none;
}

.fenyuan .active .txt big {
  margin: 0;
}

.fenyuan .active .txt .t2 {
  height: 202px;
}

@media (max-width: 1550px) {
  .fenyuan .active .txt .t2 {
    height: 178px;
  }
}


.fenyuan .active .txt .t2 b {
  display: block;
}

.fenyuan .active .txt .t2 p {
  display: block;
}

.fenyuan .active .txt .t3 {
  display: block;
}

.fenyuan .active .txt .more3 {
  bottom: 0;
}

.big_img2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.big_img2 li {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: 0;
  -moz-transition: -moz-opacity 0.5s ease, -moz-transform 0.8s ease-in-out;
  -ms-transition: -ms-opacity 0.5s ease, -ms-transform 0.8s ease-in-out;
  -o-transition: -o-opacity 0.5s ease, -o-transform 0.8s ease-in-out;
  -webkit-transition: -webkit-opacity 0.5s ease, -webkit-transform 0.8s ease-in-out;
  transition: opacity 0.5s ease, transform 0.8s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
}

.big_img2 .on {
  transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
.big_img li{
  background-position:bottom center;
  background-size:cover ;
}
.big_img li:nth-child(1){
  background-image: url(../image/cp0002.jpg);
}
.big_img li:nth-child(2){
  background-image: url(../image/cp0001.jpg);
}
.big_img li:nth-child(3){
  background-image: url(../image/banner02.jpg);
}
.big_img li:nth-child(4){
  background-image: url(../image/cp0004.jpg);
}

/*----------------品牌中心------------------*/
.brand_section{
  height:auto;
  overflow: hidden;
}
.brand_section li{
  float:left;
  margin-left: 2%;
  width: calc(94% / 4);
  cursor: pointer;
}
.brand_section li:first-child{
  margin-left: 0;
}
.brand_section li .brand_img{
  position: relative;
  overflow: hidden;
}
.brand_section li img{
  width:100%;
  transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  z-index: 1;
}
.brand_section li .cover{
  position: absolute;
  z-index: 1;
  left:0;
  right:0;
  bottom: 0;
  top:0;
  background: rgba(0,0,0,.8);
  opacity: 0;
  transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
}
.brand_section li:hover .brand_img>img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.brand_section li:hover .cover{
  opacity: 1;
}
.brand_box{
  position: absolute;
  left:20px;
  right:20px;
  top:20px;
  bottom:20px;
  z-index: 3;
  background: #fff;
  transform: scale(1,0);
  transition:all .3s ease-out;
}
.brand_section li:hover .brand_box{
  
  transform: scale(1,1);
}
.brand_box >div{
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  z-index: 2;
  width:100%;
  text-align: center;
}
.brand_box span{
  display: inline-block;
  height:15px;
  width:1px;
  margin: 5px 0;
  background: #baa173;
}
.brand_box h4{
  font-size: 16px;
}
.brand_box  h3 img{
  width:35px;
}
 .brand_t{
  text-align: center;
  color:#333;
  line-height: 60px;
  font-size: 18px;
}
.brand_link{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 20px;
  width:150px;
  line-height: 40px;
  height:40px;
  border:1px solid #333;
  color:#333;
  text-align: center;
  position: relative;
}
.brand_link .a1{
  position: absolute;
  z-index: 1;
  left:0;
  top:0;
  right:0;
  bottom: 0;
  background:#baa173 ;
  transform: scale(0,1);
  transition:all .3s ease-out;
}
.brand_link:hover .a1{
  transform: scale(1,1);
}
.brand_link:hover{
  border:1px solid #baa173;
  color:#fff;
}
.brand_link .a2{
  position: absolute;
  z-index: 1;
  left:0;
  top:0;
  right:0;
  bottom: 0;
  color:#333;
  transition:all .3s ease-out;
}
.brand_link:hover .a2{
  color:#fff;
}
/*-------------新闻中心-----------------*/
.section4_t{
  position: relative;
}
.leftline{
  position: absolute;
  left:200px;
  width:48px;
  top:15px;
  height: 2px;
  background:  #baa173;
}
.section4_t h2{
    font-size: 23px;
    font-weight: normal;
    
}
.section4_t span{
  font-size: 18px;
}
.sect_l{
  float:left;
  width:50%;
  font-size: 14px;
  line-height: 25px;
}
.sect_r{
  float:right;
}
.st{margin: 40px 0;height: auto;overflow: hidden;}
.newmore{
  cursor: pointer;
  display: block;
  position: relative;
  width:100px;
  height:30px;
  line-height: 30px;
  transition: .3s ease;
}
.newmore span{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right:5px;
  transition: .3s ease;
  }
  
.newmore:hover span{
  right:0;
}
.newmore:hover span{
  color: #baa173;
}
.newmore:hover {
  color: #baa173;
}
/*----------------------*/
.cy-tg {
  float:left;
  margin-left: 2%;
  width: 23.5%;
}
.cy-tg:first-child{margin-left: 0;}

.hm-brand .brand-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 0 }
.hm-brand .brand-info > div a:hover .b-i_desc { top: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.hm-brand .brand-info > div a:hover .b-i_pic img { top: -110px }
.hm-brand .brand-info > div .b-i_desc { top: 330px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.hm-brand .brand-info > div .b-i_desc { top: 245px }
.hm-brand .brand-info > div .b-i_pic { top: 0; bottom: auto }
.hm-brand .brand-info a { display: block; overflow: hidden; position: relative; z-index: 1; background: #f2f2f2 }
.hm-brand .brand-info a:hover { z-index: 3 }
.hm-brand .brand-info a:hover .b-i_pic { height: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.hm-brand .brand-info a:hover .b-i_pic img { opacity: .3; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
.hm-brand .brand-info .b-i_desc { position: relative; z-index: 1; padding: 30px; width: 100%; height:370px }
.hm-brand .brand-info .date { font-size: 16px; line-height: 15px; color: #ababab }
.hm-brand .brand-info .name { 
  height: 50px; margin: 25px 0 0;
   font-size: 16px; font-weight: 700;
    line-height: 25px; color: #111; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
     -webkit-line-clamp: 2; -webkit-box-orient: vertical;
     }
.hm-brand .brand-info .desc { height: 50px;  font-size: 13px; line-height: 25px; color: #858585; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.hm-brand .brand-info .more { margin: 60px 0 0; padding: 10px 0; width: 110px; font-size: 12px; line-height: 15px; text-align: center; background:  #baa173; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.hm-brand .brand-info .more:hover { background: #333}
.hm-brand .brand-info .b-i_pic { overflow: hidden; position: absolute; right: 0;left:0; bottom: 0; z-index: 3; height: 250px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s ;top: 0; bottom: auto}
.hm-brand .brand-info .b-i_pic img { position: relative; top: 0; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }

/*------------产品中心首页----------------*/
.ban-slider2{
   margin-bottom: 100px;
   height:700px;
}
.ban-slider2 .slick-list{
  height:100%;
}
.ban-slider2 .slick-track{height:100%;}
.ban-slider2 .slick-list .item{
position: relative;
height:100%;
background-size:cover ;
background-repeat:no-repeat ;
background-position:bottom center; 
}
.ban-slider2 .item1{
background-image: url(../image/cp0001.jpg);
}
.ban-slider2 .item2{
background-image: url(../image/cp0002.jpg);
}
.ban-slider2 .item3{
background-image: url(../image/banner02.jpg);
}
.ban-slider2 .item4{
background-image: url(../image/cp0004.jpg);
}
.ban-slider2 .item5{
background-image: url(../images/sortbg5.jpg);
}
.ban-slider2 .item6{
background-image: url(../images/sortbg6.jpg);
}
.ban-slider2 .item7{
background-image: url(../images/sortbg7.jpg);
}
.ban-slider2 .slick-dots li button{
  display: none;
}
.ban-slider2 .slick-dots li {
  width:8px;
  height:8px;
  background: #fff;
  margin: 0 5px;
}
.ban-slider2 .slick-dots li.slick-active{
  background: #baa173;
}
.ban-slider2 .slick-prev{
 position: absolute;
 top:50%;
 transform: translateY(-50%);
  left:5%;
  width:45px;
  height:80px;
  background-color:rgba(51,51,51,.8) ;
  background-repeat:no-repeat ;
  background-position: center center; 
  z-index: 5;
  background-image:url(../images/left.png) ;
}
.ban-slider2 .slick-next{
 position: absolute;
 top:50%;
 transform: translateY(-50%);
  right:5%;
  width:45px;
  height:80px;
  background-color:rgba(0,0,0,.8) ;
  background-repeat:no-repeat ;
  background-position: center center; 
  z-index: 5;
  background-image:url(../images/right.png) ;
}
.ban-slider2 .item .txtbox{
position: absolute;
right:13%;
bottom:60px;
background: rgba(0,0,0,.6) ;
width:600px;
height:250px;
}
.ban-slider2 .item .txtbox .in_pt{
height:60px;
line-height: 60px;
border-bottom: 1px solid #535353;
color:#fff;
padding-left: 25px;
font-size: 16px;
color:#ccc;
}
.ban-slider2 .item .txtbox .descr{
padding-left: 25px;
padding-right: 25px;
font-size: 14px;
color:#ccc;
padding-top:25px;
}
.ban-slider2 .slick-dots{
bottom:70px;
width:575px;
right:13%;
left:auto;
text-align: left;
}
.mt_4{margin-top: 40px;margin-bottom: 100px;}
.brandbox{
height:auto;
overflow: hidden;
}
.brandbox li{
float:left;
margin-left: 2%;
width:49%;
margin-bottom: 15px;
}
.brandbox li:nth-child(2N+1){
margin-left: 0;
}
.brandbox li .brand_img{
   width:100%;
   height:130px;
   overflow: hidden;
}
.brandbox li .brand_img img{
width:100%;
height:100%;
}
.brand_txt h3{
   font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    color: #ababab;
    margin-bottom: 15px;
}
.brand_txt h4{
   font-size: 15px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
     font-weight: normal;
}
.brand_txt{
padding: 15px 10px 18px 10px;
background: #f2f2f2;
}
/*-----------------------------------------木种手机端----------------------------------------------------*/

/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}



.industryIDemo{ position: relative; overflow: hidden;}
.industryIDemo .item{ position: relative; opacity: 1 !important;}
.industryIDemo .img{ position: relative; overflow: hidden;}
.industryIDemo .img img{ width: 100%; display: block;}
.industryIDemo .black-30{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industryIDemo .con{ position: absolute; left: 10px; top: 20%;right:10px; transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden;}
.industryIDemo .t{ font-size: 24px; line-height: 1.5; color: #dcb379;}
.industryIDemo .by{ font-weight: bold; color: #ffffff; font-size: 30px; line-height: 1.2; margin-top: 5px;}
.industryIDemo .txt{ color: #fff; margin-top:15px; height: 60px; overflow: hidden;line-height: 20px;font-size: 13px;}
.industryIDemo .slick-active{ z-index:800 !important;}
.industryIDemo .slick-active .img { -webkit-animation: slideIn 1s ; animation: slideIn 1s;}
.industryIDemo .slick-active .img img { -webkit-animation: imgIn 1s; animation: imgIn 1s; }
@-webkit-keyframes slideIn {
    0% { -webkit-transform: translateX(-100%); opacity: 1; }
    100% { -webkit-transform: translateX(0); opacity: 1; }
}
@keyframes slideIn {
    0% { transform: translateX(-100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes imgIn {
    0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; }
    100% { -webkit-transform: -webkit-translateX(0); opacity: 1; }
}
@keyframes imgIn {
    0% { transform: translateX(100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
.industryIDemo .slick-active .con { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0); opacity: 1; visibility: visible; transition: 680ms 480ms; -webkit-transition: 680ms 480ms; }
.industryINav{ position: absolute; left: 0; bottom: 0; width: 100%;background: #7F7F7F;}
.industryINav .item{ float: left; display: block; width: 33.33%; cursor: pointer;}
.industryINav .itemC{ border-left: 1px solid #fff; border-top: 1px solid #fff; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); padding: 85px 50px 0px; height: 255px; text-align: center; position: relative; z-index: 1;}
.industryINav .itemC:before { content: ""; width: 100%; height: 100%; z-index: -1; position: absolute; left: 0; bottom: 0px; background: url(../images/cs_90.png) repeat; background:none rgba(183,159,113,.9); transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.industryINav .ico{ width: 40px; height: 40px; display: block; margin: 0px auto 10px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.industryINav .t{ font-size: 14px; line-height: 1.5; color:#fff;line-height: 1;margin-top: 5px;height:15px;display: block;}
.industryINav .en{ margin-top: 6px;font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; line-height: 1.2; margin-bottom: 8px;color:#fff;font-size: 12px;}
.industryINav .addico{ background: url(../images/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 22px; transition:  0.3s; -webkit-transition:  0.3s;}
.industryINav .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden;}
.industryINav .moreBtn:hover .txt{ color: #000;}
.industryINav .moreBtn:before{ background-image: url(../images/more_bg3.png);}
.industryINav .slick-current .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.industryINav .slick-current .itemC:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.industryINav .slick-current .addico{ opacity: 0; visibility: hidden; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.industryINav .slick-current .moreBtn{ opacity: 1; visibility: visible;}
.industryINav .itemC:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.industryINav .itemC:hover .addico{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.industryIDemo .con a{display: inline-block;font-size:13px;width:110px;height:35px;line-height: 33px;color:#fff;border: 1px solid #fff;text-align: center;margin-top: 30px;}
.sortline{display: inline-block;width: 55px;height: 1px;background: #fff;margin: 0;line-height: 15px;}
@media screen and (max-width:1600px){
  .industryIDemo .con{ top: 16%;}
  .industryINav .itemC{ padding: 60px 30px 0px;}
  .pbanner-C .c{ font-size: 34px;}
  .speech-Pbox .t{ font-size:50px;}
  .speech-Pbox .c{ font-size: 16px;}
  .speech-Pbox .qm img{ width: 200px;}
  .survey-title .year{ font-size: 140px;}
  .survey-title .zh{ font-size: 24px;}
  .survey-plist .num{ font-size: 60px;}
  .pboxT .t{ font-size: 22px;}
  .pboxT .by{ font-size: 30px;}
  .memorabiliaPbox{ padding-top: 110px;}
  .pboxT2 .zh{ font-size: 26px; }
  .pboxT2 .en{ font-size: 16px; }
  .honor-pbox-bg{ padding: 100px 0px 65px;} 
  .honor-pbox-bg .title img{ margin: 0px auto; width: 160px;}
  .honor-pbox-bg .t{ font-size: 30px;}
  .honor-pbox-bg .c{ margin-bottom: 60px;}
  .responsibility-pbox{ padding: 100px 0px;}
  .structure-list .t{ font-size: 20px;}
  .pageC-zh{ font-size: 26px;}
  .industry-Page{ padding: 100px 0px 80px;}
  .industry-Page .t{ font-size: 26px;}
  .industry-Page .by{ font-size: 32px;}
  .industrys,.industry-list li figure,.industry-list li figure img{ height: 600px;}
  .industry-list-one .con{ width: 40%;}
  .industry-list-one .con .zh{ font-size: 22px;}
  .industry-list-one .con .ico{ width: 70px;}
  .industry-list-one .con .c{ margin-bottom: 20px;}
  .industry-list-one .oneItem .con{ left: 55%;}
  .industry-list-one .twoItem .con{ left: 5%;}
  .f30{ font-size: 26px;}
}
@media screen and (max-width:1441px){
  
  .industryIDemo .con{ top: 15%;}
  .industryIDemo .t{ font-size: 18px;}
  .industryIDemo .by{ font-size: 24px;}
  .industryINav .itemC{ padding: 20px 20px; height:160px;}
  .industryINav .addico{ margin-bottom: 5px;}

}
/*-------------------------banner-------------------------------*/
.circle-load-rect-svg{
    margin: 5px;
}
.g-rect-path{
    fill: none;
    stroke-width:3;
    stroke:rgba(250,250,250,.2);
    stroke-linejoin:round;
    stroke-linecap:round;
}

.g-rect-fill{
    fill: none;
    stroke-width:3;
    stroke:rgba(250,250,250,.7);
    stroke-linejoin:round;
    stroke-linecap:round;
    stroke-dasharray: 0, 1370;
    stroke-dashoffset: 0;
    transition: 2s linear;
    
}
.ej_banner.active .g-rect-fill{
  stroke-dasharray: 2350, 2350;
}
.ej_banner {position: fixed;top:0;left:0;width:100%;z-index: 1;}
.ej_banner span{display: block;}
.ej_banner span img{width: 100%;min-height: 500px;}
.ej_banner_list{position: absolute;width: 90%;top: 60%;transform: translateY(-50%);left:5%;z-index: 2;}
.ej_banner_list_div{position: relative;}
.ej_banner_list_div_aside{position: absolute;top: 0;z-index: 2;box-sizing: border-box;padding: 50px 40px;}
.ej_banner_list_div_aside h1{font-size: 35px;color: white;}
.ej_banner_list_div_aside h1:before{content: '';display: block;width: 35px;height: 1px;background: white;margin-bottom: 10px;}
.ej_banner_list_div_aside span{display: block;font-family: ziti;color: white;font-size: 20px;text-transform: uppercase;letter-spacing: 1px;margin-top: 5px;}
.ej_banner span{overflow: hidden;}
.ej_banner span img{animation:banrun1 20s linear infinite;position: relative;}
.bannercover{z-index: 1;position: absolute;left:0;top:0;bottom:0;right:0;background: rgba(0,0,0,.2)}
.bannerbox{height:710px;position: relative;overflow: hidden;}
.bannerbox .bannerimg{height:100%;position: absolute;left:0;top:0;right:0;bottom:0;background-position:bottom center !important;
  background-size:cover ;
  background-repeat:no-repeat ;animation:banrun1 20s linear infinite;}
.bannerbox .bannerimg1{background: url(../images/bannerabout.jpg);}
.bannerbox .bannerimg2{background: url(../images/bannercontact.jpg);}
.bannerbox .bannerimg3{background: url(../images/bannernew.jpg);}
.bannerbox .bannerimg4{background: url(../images/bannerpro.jpg);}
.bannerbox .bannerimg5{background: url(../images/bannerjoin.jpg);}
.bannerbox .bannerimg6{background: url(../images/bannerservice.jpg);}
.bannerbox .bannerimg8{background: url(../images/bannergd.jpg);}
.bannerbox .bannerimg9{background: url(../images/bannertec.jpg);}
.phbanner1{
  background-image:url(../images/bannerabout.jpg); 
}
.phbanner2{
  background-image:url(../images/bannercontact.jpg); 
}
.phbanner3{
  background-image:url(../images/bannernew.jpg); 
}
.phbanner4{
  background-image:url(../images/bannerpro.jpg); 
}
.phbanner5{
  background-image:url(../images/bannerjoin.jpg); 
}
.phbanner6{
  background-image:url(../images/bannerservice.jpg); 
}
.phbanner9{
  background-image:url(../images/bannertec.jpg); 
}
@keyframes banrun1{
  0%{transform: scale(1)}
  50%{transform: scale(1.28)}
  100%{transform: scale(1)}
}
.phbanner{
  position: fixed;
  z-index: 1;
  top: 60px;
  left:0;
  width: 100%;
  height:200px;
  background-position:center center;
  background-size:cover ;
  background-repeat:no-repeat ;
}

.phbanner .cover{
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background: rgba(0,0,0,.3);
  z-index: 1;
}
.phbanner .tt{
  position: absolute;
  z-index: 2;
  width:100%;
  left:0;
  top:50%;
  transform: translateY(-50%);
  text-align: center;
}
.phbanner .tt h3{
  font-size: 18px;
  color:#fff;
}
.phbanner .tt h4{
  font-size: 13px;
  color:#fff;
}
.phbanner .tt span{
  display: inline-block;
  width:40px;
  height:2px;
  background: #fff;
  margin: 5px 0;
}
.innav{
  height:90px;
  background: rgba(0,0,0,.2);
  position: absolute;
  z-index: 4;
  left:0;
  right:0;
  top:-90px;
}
.ul_7 li{
  float:left;
  width: 14.28%;
  height:100%;
  
}
.ul_7 li a{
  display: block;
  width:100%;
  height:100px;
  position: relative;
  line-height: 90px;
  color:#ccc;
  text-align: center;
  font-size: 16px;
}
.ul_7 li a span{
  display: block;
    width: 100%;
    height: 3px;
    background: #baa173;
    position: absolute;
    top: 0px;
    left: 0;
    transition: 0.4s ease-out;
    transform: scaleX(0);
}
.ul_7 li a em{
  position: absolute;
  display: none;
  width:1px;
  height:30px;
  right:0;
  top:50%;
  transform: translateY(-50%);
  background: #ccc;
}
.ul_7 li:last-child em{display: none;}
.ul_7 li.on a span{
  transform: scaleX(1);
  }
.ul_7 li:hover a span{
  transform: scaleX(1);
}
.ul_7 li:hover a{
  color: #baa173;
}
.ul_7 li.on a{
  color: #baa173;
}
.t_center{text-align: center;}
.t_center li{
  display: inline-block;
  float:none;
}
/*-------------------------联系我们-----------------------------*/

.mapcontain{
  position: relative;
  height:700px;
}
.mapcontain .mapbox{
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  z-index: 1;
}
.mapcontain .lianxi{
  top:-75px;
  left:50%;
  margin-left: -37%;
  width:74%;
  height:auto;
  position: absolute;
  z-index: 2;
  box-shadow: 0 0px 29px -1px grey;
  padding: 65px 70px;
  background: #fff;
}
.ctitle h3{
  font-size: 25px;
}
.ctitle span{
  display: inline-block;
  width:45px;
  height:4px;
  background:#baa173 ;
}
.lianxi ul{
  margin-top: 55px;
}
.lianxi li{
  cursor: pointer;
  float:left;
  width:25%;
  text-align: center;
}
.lianxi li h3{
  font-size: 17px;
  margin-top: 15px
}
.lianxi li p{
    font-size: 16px;
    color: #3e3e3e;
    font-weight: bold;
    margin-top: 8px;
}
 .lianxi .lx_icon{
   position: relative;
   border: 1px solid #E0E0E0;
   width:120px;
   height:120px;
   display: inline-block;
   border-radius: 100%;

 }
.mapcover{
  position: absolute;
  z-index: 2;
  left:0;
  right:0; 
  bottom:0;
  top:0;
  background: rgba(0,0,0,.1);
}
.lianxi li .img2{
  display: none;
}
.lianxi li span{
  position: absolute;
  border-radius: 100%;
  transform: scale(0);
  left:5px;
  top:5px;
  right:5px;
  bottom:5px;
  z-index: 1;
  background: #baa173;
  transition: .3s ease-in-out;
}
.lianxi li img{
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  transition: .3s ease-in-out;
}
.lianxi li:hover span{
  transform: scale(1);
}
.lianxi li:hover .img1{
  display: none;
}
.lianxi li:hover .img2{
  display: block;
}
.resimg{width:100%;height:auto;}
.contact_s2{
  padding: 100px 0;
  background: url(../images/onlinebg.jpg);
  background-size:cover ;
  background-repeat:no-repeat ;
  background-position:center center; 
}
.wp{
  width:74%;
  margin-left: auto;
  margin-right: auto;
}
.join_s2 .wp{width:calc(90% - 180px);}
/*-----------------标题------------------*/
.bannertxt{width:100%;text-align: center;top:55%;transform: translateY(-50%);position: absolute;left:0;z-index: 4;}
.bannertxt h1{
    color: white;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}
.bannertxt span{
  display: inline-block;
  width: 80px
  ;height:3px;
  background: #baa173;
  margin: 20px 0;
}
.bannertxt p{
    font-size: 16px;
    color: rgba(250,250,250,.7);
    line-height: 30px;
}
.form_div1{

     font-size: 0;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid rgba(250,250,250,.2);
    width: 30%;
    margin-right: 3%;
}
.form_div2{

     font-size: 0;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid rgba(250,250,250,.2);
    width: 30%;
    margin-right: 3%;
}
.form_div3{

     font-size: 0;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid rgba(250,250,250,.2);
    width: 30%;
}
.form_div4{

   height:200px;
    border-bottom: 2px solid rgba(250,250,250,.2);
    width: 100%;
    position: relative;
}
.form_div label{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: rgba(250,250,250,.5);
}
.form_div input{
  outline: none;
    color: rgba(250,250,250,.5);
    font-size: 16px;
    background: transparent;
    border: none;
    height: 60px;
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}
.contact_s2 .form{
  margin: 100px 0 50px 0;
}
.form_div4 textarea{
    padding: 0;
    border: none;
    width: 100%;
    height: 165px;
    background: transparent;
    outline: none;
    resize: none;
    color: rgba(250,250,250,.5);
    font-size: 16px;
    margin-top: 40px;
}
.form_div4 button{
  width: 155px;
    height: 45px;
    text-align: center;
    background: #baa173;
    color: #282828;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: .3s ease-in-out;
}

.form_div4 button:hover {
  background: #fff;
}
.v100{
  position: relative;
  width:100%;
  height:100vh;
  z-index: 2;
  background: url(../images/searchbg.jpg);
  background-size:cover ;
  background-repeat:no-repeat ;
  background-position:center center;
}
.coverbg{
  width:100%;
  height:100vh;
  z-index: 3;
  position: absolute;
  left:0;
  top:0;
  background: rgba(0,0,0,.5)
}
.cpcx {
  text-align: center;
  width:360px;
  position: absolute;
  z-index: 5;
  top:50%;
  transform: translateY(-50%);
  left:50%;
  margin-left:-180px ;
}
.cpcx h3{
  font-size: 28px;
  color:rgba(255,255,255,.8);

}
.cpcx p{
  font-size: 18px;
  color:rgba(255,255,255,1);
  margin: 25px 0 35px 0;
}
.cpcx p span{
  font-size: 20px;
  color:#f0ff00;
}
.cpcx input{
  background:rgba(255,255,255,.8);
  display: block;
  margin-bottom: 25px;
  width: calc(100% - 20px);
  height:40px;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
}
.cpcx button{
  background: #baa173;
  width:150px;
  height:45px;
  line-height: 45px;
  font-size: 16px;
  border-radius: 5px;
  color:#fff;
}
/*--------------------------新闻------------------------*/
.new_ul{

  height:auto;
  overflow:hidden;
}
.new_ul li{
  background: #f2f2f2;
  margin-left: 25px;
  float:left;
  width:calc((100% - 75px)/4);
  margin-bottom: 50px;

}
.new_ul li:nth-child(4N+1){
  margin-left: 0;
}
.new_ul li a{
  border-bottom: 1px #baa173 solid;
    display: block;
    position: relative;
    overflow: hidden;
}
.new_ul li .newpic{
  width: 100%;
    padding-bottom: 75.3%;
    height: 0;
    overflow: hidden;
}
.new_ul li .newpic img{
  width:100%;
}
.news_mes{
  padding-top: 5.4%;
    height: 90px;
    padding-bottom: 8.2%;
    zoom: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.news_p1 {
  margin-left: 15px;
  margin-right: 15px;
    font-size: 17px;
    color: #333;
    line-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news_p2 {
  margin-left: 15px;
  margin-right: 15px;
    color: #333;
    font-size: 14px;
    margin-top: 10px;
}
.news_yy {
    background: rgba(183,159,113,1);
    position: absolute;
    top: 65px;
    bottom: 0;
    width: 100%;
    transform-origin: 50% bottom;
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
        transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}
.news_hide {
    position: absolute;
    top: 0;
    margin-top: 73.3%;
    left: 0;
    width: 100%;
    padding-bottom: 8.2%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}
.news_hide_top {
    height: 90px;
    padding-top: 5%;
    padding-bottom: 8.2%;
}
.news_p3 {
    font-size: 12px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    color: #333;
    margin-top: 20px;
}
.news_add {
    width: 36px;
    height: 36px;
    margin: 7% auto;
}
.new_ul li:hover .news_hide{
  padding-right: 10px;
    padding-left: 10px;
    margin-top: 0;
    top: 65px;
}
.new_ul li:hover .news_hide_top{
  padding-top: 10%;
}
.new_ul li:hover .news_yy{
  transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.new_ul li:hover .news_p2{
  color:#fff;
}
.new_ul li:hover .news_p1{
  color:#fff;
}
.new_ul li:hover .news_p3{
  margin-left: 15px;
  margin-right: 15px;
  color:#fff;
  font-size: 15px;
  margin-top: 10px;
}
.phnew h2{font-size: 15px;margin: 0 0 10px 0;color:  #baa173;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;margin-left: 10px;margin-right: 10px;}
.phnew .date{
  font-size: 14px;
  color: #333;
  margin-left: 10px;margin-right: 10px;
  margin-bottom: 15px;
}
.phnew .news_d{
  font-size: 13px;
  margin-bottom: 15px;
  color: #333;
}
.padd100{
  padding-top: 100px;
}
.newbg{
  background-size:cover ;
  background-repeat:no-repeat ;
  background-position:center center;
  background: url(../images/newbg.jpg);
}
.newleft {
    width: 65%;
    float: left;
}
.newleft .title {
  text-align: left;
  margin-top: 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 50px;
}
.newleft .title h4 {
  text-align: left;
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 25px;
    font-weight: normal;
    color:#333;
}
.newleft .title span {
    margin-right: 30px;
    display: inline-block;
    padding-left: 25px;
    position: relative;
    font-size: 14px;
    color:#333;
}
.newleft .title span i {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-60%);
}
.newleft .title span i img {
    width: 100%;
}
.newbox {
    padding: 60px 0 80px 0;
}
.newshare {
    position: relative;
    padding-left: 45px;
    display: inline-block;
}
.newshare span {
    padding-left: 0 !important;
    font-size: 14px;
    color: #999;
    display: inline-block !important;
    position: absolute !important;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
}
.newmain{
  height:auto;
  overflow: hidden;
  padding-top: 130px;
  padding-bottom: 100px;
}
.newbd p{
  font-size: 14px;
  line-height: 25px;
}
.newright{
  padding-top: 40px;
  float: right;
  width:25%;
}
.newback{
  display: block;
  border: 1px solid  #baa173;
  line-height: 45px;
  color: #baa173;
  font-size: 16px;
  padding: 0 20px;
  transition: .3s ease;
  position: relative;
}

.newback:hover{
  background:  #baa173;
  color:#fff;
}
.newback span{
  transition: .3s ease;
  display: block;
  width:25px;
  height:25px;
  position: absolute;
  top:50%;
  right:20px;
  margin-top: -12px;
  background: url(../images/plus.png);
}
.newback:hover span{
  background: url(../images/plus1.png);
  transform: rotate(90deg);
}
.pagnext{
  height:40px;
  margin: 30px 0 0px 0;
  position: relative;
}
.pagnext span{
     display: inline-block;
}
.pagnext span.span{
  padding-right: 15px;
  z-index: 1;
  font-size: 16px;
  color: #baa173;
  background: #fff;
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}
.pagnext span.line1{
  z-index: 0;
  position: absolute;
  width:100%;
  height:1px;
  background: #ccc;
  top:50%;
  
}
.newa{
  font-size: 18px;
}
.newa:hover{
  color:#baa173;
}
/*-------------------手机端二级菜单---------------------*/
.phnav {
    position: relative;
    width: 100%;
    height: 40px;
    background: #baa173;
    text-align: center;
}
.phnav p {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
}
.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.phnav p .navname {
    font-size: 14px;
}
.ulnav{
  position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f2f2f2;
   display: none;
   transition: .3s ease-in-out;
}
.phnav.open .ulnav{
  display: block;
}
.ulnav li{
    font-size: 13px;
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:  #baa173;
    border-bottom: 1px solid  #baa173;
}
.unline{
  border-bottom: 1px solid  #baa173;
}
.ulnav2 li{border-bottom: none;}
.ulnav4 li:nth-child(4){border-bottom: none;}
.ulnav5 li:nth-child(4),.ulnav5 li:nth-child(5){border-bottom: none;}
.ulnav6 li:nth-child(4),.ulnav6 li:nth-child(5),.ulnav6 li:nth-child(6){border-bottom: none;}
.ulnav7 li:nth-child(4),.ulnav7 li:nth-child(5),.ulnav7 li:nth-child(6){border-bottom: none;}
/*-----------------分页---------------------*/
.pagbox{
  text-align: center;
  margin: 80px 0 80px 0;
}
.pagbox a{
  display: inline-block;
  width:40px;
  height:40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #c2c2c2;
  font-size: 16px;
  color: #afafaf;
  margin: 0 5px;
}
.pagbox a:hover{
  background: #baa173 ;
  color:#fff;
   border: 1px solid  #baa173;
}
.pagbox a.active{
  background: #baa173 ;
  color:#fff;
   border: 1px solid  #baa173;
}
.pagbox a i{
  font-size: 20px;
}

.pag {
    text-align: center;
    padding: 50px 0;
}
.pag a{margin: 0 5px;}
.pag .pre {
    display: inline-block;
    width: 100px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #ccc;
    border: 1px solid #ccc;
}

.pag .pagnum a.active {
    color: #fff;
    background: #baa173;
    border: 1px solid #baa173;
}
.pag .pagnum a {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #ccc;
    border: 1px solid #ccc;
}
.pag  a:hover{
   color: #fff;
    background: #baa173;
    border: 1px solid #baa173;
}
.pag .pre a{
  background: none;
  color:#ccc;
  border: none;
  display: inline-block;
  width:100%;
  height:38px;
  line-height: 38px;
  margin: 0;
}
.pag .pre{margin: 0 5px;}
/*---------------------------产品中心----------------------------------*/
/*---------------------------加盟中心----------------------------------*/
.join_s2 {
    padding: 100px 0;
    background: url(../images/joinbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.join_s2 .ctitle{
  margin-bottom: 80px;
}
.zsjm_con1_con2 .ctitle{
  padding-left: 90px;
}
.ctspan span{margin-top: 15px;}
.zsjm_con1_div{margin: 80px 0 150px 0;}
.ej_nav{position: relative;height: 600px;}
.ej_nav span{display: block;}
.ej_nav span img{position: absolute;top: 0;left: 0;min-width: 100%;height: 100%;left: 50%;transform: translateX(-50%);}
.ej_nav_div{position: relative;z-index: 2;padding-top: 135px;text-align: center;}
.ej_nav_div h1{color: white;font-weight: bold;font-size: 30px;text-transform: uppercase;}
.ej_nav_div h1:after{content: '';display: block;width: 30px;height: 2px;background:  #baa173;margin: 25px auto 0;}
.ej_nav_div p{font-size: 18px;color: rgba(250,250,250,.5);line-height: 30px;margin-top: 30px;}
.ej_nav_u1{font-size: 0;}
.ej_nav_u1 li{display: inline-block;vertical-align: top;width: 20%;text-align: center;line-height: 100px;}
.ej_nav_u1 li a{display: block;position: relative;font-size: 16px;color: #9e9e9e;}
.ej_nav_u1 li a:after{content: '';display: block;width: 100%;height: 2px;background: #baa173;position: absolute;top: -1px;left: 0;transition: 0.4s ease-out;
transform: scaleX(0);}
.ej_nav_u1 li:hover a:after,.ej_nav_u1 li.active a:after{transform: scaleX(1);}
.ej_nav_u1 li:hover a,.ej_nav_u1 li.active a{color:  #baa173;}
.ej_nav_list{background: rgba(0,0,0,.2);display: block;width: 100%;position: absolute;bottom: 0;border-top: 1px solid rgba(250,250,250,.1);height: 180px;}
.gsjj_con1{background: url(../images/jj1_02.jpg) no-repeat center center ;background-size: cover;}
.gsjj_con1_div1{background: white;box-sizing: border-box;font-size: 0;padding: 55px 90px;box-shadow:0 0px 29px -1px grey;transform: translateY(-72px);position: relative;}
.gsjj_con1_div1_left{display: inline-block;vertical-align: middle;width: 60%;box-sizing: border-box;padding-right: 140px;}
.gsjj_con1_div1_left h1{font-size: 24px;color: #282828;font-weight: bold;}
.gsjj_con1_div1_left h1:before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;background:#282828;margin-right: 10px;}
.gsjj_con1_div1_left p{font-size: 16px;line-height: 30px;color: #555555;margin-top: 30px;}
.gsjj_con1_div1_left a{display: inline-block;vertical-align: top;width: 200px;height: 60px;text-align: center;line-height: 60px;background: #2c3238;
font-size: 14px;margin-right: 10px;color: white;margin-top: 85px;}
.gsjj_con1_div1_left a:hover{background:  #baa173;}
.gsjj_con1_div1_right{display: inline-block;vertical-align: middle;width: 40%;}
.gsjj_con1_div1_right img{width: 100%;}
.gsjj_con1_div1:after{content: '';display: block;width:10px;height: calc(100% - 42px);position: absolute;top: 72px;right: -40px;background: rgba(130,133,136,.1);}
.gsjj_con1_div1:before{content: '';display: block;width:80%;height:10px;position: absolute;bottom: -40px;right: -40px;background: rgba(130,133,136,.1);}
.gsjj_con1_div1_left:before{content: '';display: block;width:10px;height:30px;position: absolute;bottom: -30px;left: calc(20% + 40px);background: rgba(130,133,136,.1);}
.gsjj_con1_div2{text-align: center;margin-top: 50px;padding-bottom: 100px;}
.gsjj_con1_div2 h1{font-size: 24px;color: #282828;font-weight: bold;}
.gsjj_con1_div2 h1:before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;background:#282828;margin-right: 10px;}
.gsjj_con1_div2 p{font-size: 16px;line-height: 30px;color: #555555;margin-top: 30px;}
.gsjj_con1_div2 p:after{content: '';display: block;width: 30px;height: 2px;background:  #baa173;margin: 30px auto 0;}
.gsjj_con1_div2_u1{font-size: 0;margin-top: 80px;}
.gsjj_con1_div2_u1 li{display: inline-block;vertical-align: top;width:16.6%;text-align: center;}
.gsjj_con1_div2_u1 li span{width: 100px;height: 100px;border-radius: 50%;position: relative;display: inline-block;}
.gsjj_con1_div2_u1 li span:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid  #baa173;background: rgba(255,214,0,.2);
position: absolute;top: 0;left: 0;transform: scale(0.5);border-radius: 50%;transition: 0.4s ease-out;opacity: 0;}
.gsjj_con1_div2_u1 li span:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #d3d5d7;transition: 0.4s ease-out;
position: absolute;top: 0;left: 0;transform: scale(1.4);border-radius: 50%;}
.gsjj_con1_div2_u1 li p{font-size: 16px;color: #555555;margin-top: 30px;}
.gsjj_con1_div2_u1 li p:after{display: none;}
.gsjj_con1_div2_u1 li span font{display: block;width: 100%;height: 100%;position: relative;z-index: 2;background: rgba(255,214,0,1);border-radius: 50%;transition: 0.4s ease-out;}
.gsjj_con1_div2_u1 li:hover span:after,.gsjj_con1_div2_u1 li.active span:after{transform: scale(1.2);opacity: 1;}
.gsjj_con1_div2_u1 li:hover span:before,.gsjj_con1_div2_u1 li.active span:before{transform: scale(1.5);}
.gsjj_con1_div2_u1 li:hover{cursor: pointer;}
.gsjj_con1_div2_u1 li:nth-child(1) span font{background: url(../images/icon1.png) no-repeat center center transparent;}
.gsjj_con1_div2_u1 li:nth-child(2) span font{background: url(../images/icon2.png) no-repeat center center transparent;}
.gsjj_con1_div2_u1 li:nth-child(3) span font{background: url(../images/icon3.png) no-repeat center center transparent;}
.gsjj_con1_div2_u1 li:nth-child(4) span font{background: url(../images/icon4.png) no-repeat center center transparent;}
.gsjj_con1_div2_u1 li:nth-child(5) span font{background: url(../images/icon5.png) no-repeat center center transparent;}
.gsjj_con1_div2_u1 li:nth-child(6) span font{background: url(../images/icon6.png) no-repeat center center transparent;}
.gsjj_con1_div2_u1 li:nth-child(1):hover span font,.gsjj_con1_div2_u1 li:nth-child(1).active span font{background: url(../images/icon1_a.png) no-repeat center center  #baa173;}
.gsjj_con1_div2_u1 li:nth-child(2):hover span font,.gsjj_con1_div2_u1 li:nth-child(2).active span font{background: url(../images/icon2_a.png) no-repeat center center  #baa173;}
.gsjj_con1_div2_u1 li:nth-child(3):hover span font,.gsjj_con1_div2_u1 li:nth-child(3).active span font{background: url(../images/icon3_a.png) no-repeat center center  #baa173;}
.gsjj_con1_div2_u1 li:nth-child(4):hover span font,.gsjj_con1_div2_u1 li:nth-child(4).active span font{background: url(../images/icon4_a.png) no-repeat center center  #baa173;}
.gsjj_con1_div2_u1 li:nth-child(5):hover span font,.gsjj_con1_div2_u1 li:nth-child(5).active span font{background: url(../images/icon5_a.png) no-repeat center center  #baa173;}
.gsjj_con1_div2_u1 li:nth-child(6):hover span font,.gsjj_con1_div2_u1 li:nth-child(6).active span font{background: url(../images/icon6_a.png) no-repeat center center  #baa173;}
.gsjj_con2{padding: 100px 0;}
.gsjj_con2 .divBox{position: relative;}
.gsjj_con2_div{font-size: 0;}
.gsjj_con2_div span,.gsjj_con2_div aside{display: inline-block;vertical-align: top;width: 50%;}
.gsjj_con2_div span img{width: 100%;}
.gsjj_con2_div aside{box-sizing: border-box;padding-left: 80px;}
.gsjj_con2_div aside h1{font-size: 20px;color: #282828;margin-top: 0;}
.gsjj_con2_div aside p{font-size: 16px;color: #555555;line-height: 30px;margin-top: 30px;}
.gsjj_con2 .swiper-pagination{display: none;}
.gsjj_con2_btn .swiper-button-prev,.gsjj_con2_btn .swiper-button-next{position: static;display: inline-block;vertical-align: top;margin-top: 0;width: 42px;
height: 42px;border: 1px solid #e5e5e5;border-radius: 50%;background-size: 10px;opacity: 0.5;background-color: white;transition: 0.3s ease-out;}
.gsjj_con2_btn{position: absolute;left: calc(50% + 80px);bottom: 0;z-index: 2;}
.gsjj_con2_btn .swiper-button-prev:hover,.gsjj_con2_btn .swiper-button-next:hover{opacity: 1;}
.gsjj_con2_btn .swiper-button-next{margin-left: 10px;}
.gsjj_con3{background: url(../images/sss_02.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;height: 714px;position: relative;text-align: center;}
.gsjj_con3_middle img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.gsjj_con3_left,.gsjj_con3_middle,.gsjj_con3_right{display: inline-block;vertical-align: middle;}
.gsjj_con3_left img{transform: translateX(85px);}
.gsjj_con3_left{margin-top: 105px;transform: translateX(111px);}
.gsjj_con3_right{box-sizing: border-box;padding-left:238px;margin-top: 266px;}
.gsjj_con3_right p{font-size: 14px;color: rgba(250,250,250,.5);text-indent: 16px;text-align: left;margin-top: 20px;}
.gsjj_con3_right_p2{transform: translateX(-35px);}
.gsjj_con3_right h2{width: 340px;height: 60px;text-align: center;font-size: 22px;color: white;font-weight: bold;line-height: 60px;margin-top: 30px;
background: url(../images/na_03.png) no-repeat;background-size: 100% 100%;transform: translateX(-137px);}
.gsjj_con3_right_p3{transform: translateX(-125px);}
.fzlc{padding-bottom: 30px;}
.fzlc .gsjj_con1_div1_left h1:before,.fzlc .gsjj_con1_div1:after,.gsjj_con1_div1:before,.gsjj_con1_div1_left:before{display: none;}
.fzlc .gsjj_con1_div1_left h1{font-family: arial;font-size: 45px;font-weight: bold;color:  #baa173;text-transform: uppercase;}
.fzlc .gsjj_con1_div1_left h1 span{font-size: 18px;color: #555555;vertical-align: middle;}
.fzlc .gsjj_con1_div1_left{width: 55%;}
.fzlc .gsjj_con1_div1_right{width: 45%;}
.fzlc_con1 .divBox{font-size: 0;padding: 45px 0;position: relative;}
.fzlc_con1_u1 a{display: block;background: transparent;}
.fzlc_con1_u1_left,.fzlc_con1_u1_middle,.fzlc_con1_u1_right{display: inline-block;vertical-align: middle;}
.fzlc_con1_u1_left {width: 110px;text-align: center;position: relative;}
.fzlc_con1_u1_left font{display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #e1e1e1;border:5px solid #f2f2f2;}
.fzlc_con1_u1_middle{text-align: center;width: 280px;border-right: 1px solid #eeeeee;box-sizing: border-box;}
.fzlc_con1_u1_middle p{font-family: "arial black";font-size: 40px;font-weight: bold;color: #555;}
.fzlc_con1_u1_middle p i{font-size: 16px;font-weight: 100;display: inline-block;vertical-align: middle;}
.fzlc_con1_u1_right{width: calc(100% - 390px);box-sizing: border-box;padding-left: 60px;font-size: 0;}
.fzlc_con1_u1_right span{width: 215px;overflow: hidden;display: inline-block;vertical-align: middle;}
.fzlc_con1_u1_right span img{width: 100%;transition: 0.3s ease-out;}
.fzlc_con1_u1_right aside{display: inline-block;vertical-align: middle;width: calc(100% - 215px);box-sizing: border-box;padding-left: 45px;}
.fzlc_con1_u1_right aside p{font-size: 16px;line-height: 30px;color: #555;}
.fzlc_con1{padding:50px 0 80px;}
.fzlc_con1_u1 li:nth-child(odd){background: #f7f7f7;}
.fzlc_con1_u1 li{position: relative;}
.fzlc_con1_u1 li:nth-child(even) .divBox:before{content:'';display: inline-block;width: 1px;height: 100%;position: absolute;top: 0px;left:54px;background: #eee}

.fzlc_con1_u1 li:hover{background: url(../images/fzbg_02.jpg) no-repeat center center;background-size: 100% 100%;}
.fzlc_con1_u1 li:hover .divBox:before{display: none;}
.fzlc_con1_u1 li:hover .fzlc_con1_u1_right span img{transform: scale(1.05);}
.fzlc_con1_u1 li:hover .fzlc_con1_u1_middle{border-right: 1px solid #cfccc4;}
.fzlc_con1_div .fzlc_con1_u1_left{box-sizing: border-box;width: 110px;height: 110px;border-radius: 50%;box-sizing: border-box;border:5px solid #f2f2f2;
background: #e1e1e1;line-height: 100px;}
.fzlc_con1_div .fzlc_con1_u1_right aside{padding-left: 0;}
.fzlc_con1_div .fzlc_con1_u1_right h2{font-size: 25px;font-weight: bold;color: #555;}
.fzlc_con1_div .fzlc_con1_u1_right h2 font{font-size: 16px;color:  #baa173;}
.fzlc_con1_div .divBox:before{content:'';display: inline-block;width: 1px;height:50%;position: absolute;bottom: 0px;left:54px;background: #eee}
.fzlc_con1_div2 span{font-size: 55px;font-weight: bold;color:  #baa173;display: inline-block;vertical-align: middle;}
.fzlc_con1_div2 div{display: inline-block;vertical-align:middle;}
.fzlc_con1_div2 div p{font-size: 24px;color: #282828;}
.fzlc_con1_div2 div font{font-size: 16px;color: #282828;display: block;}
.fzlc_con1_div2 .divBox{display: block;box-sizing: border-box;padding-left: 195px;position: relative;}
.fzlc_con1_u1_div{margin-left: 25px;}
.fzlc_con1_div2 .divBox:before{content:'';display: inline-block;width: 1px;height:100%;position: absolute;bottom: 0px;left:54px;background: #eee}
.zzzs .swiper-slide{width: auto !important;}
.zzzs{padding: 55px 100px;}
.zzzs .swiper-slide p{text-align: center;margin-top: 15px;font-size: 16px;color: #282828;}
.zzzs .swiper-slide img{border: 3px solid #eee;}
.zzzs_btn{text-align: center;padding-top: 40px;border-top: 1px solid #e5e5e5;margin-top: 65px;}
.zzzs_btn .swiper-button-next,.zzzs_btn .swiper-button-prev,.zzzs_btn .swiper-button-disabled{display: inline-block;vertical-align: top;width: 40px;height: 40px;border: 1px solid #e5e5e5;
position: static;margin-top: 0;background-size: 10px;border-radius: 50%;pointer-events: initial;opacity: 1;cursor: pointer;transition: 0.3s ease-in-out;}
.zzzs_btn .swiper-button-next:hover,.zzzs_btn .swiper-button-prev:hover{opacity: .6;}
.zzzs_btn .swiper-button-prev{margin-right: 25px;}

.gczs{font-size: 0;}
.gczs_left{display: inline-block;vertical-align: middle;width:335px;}
.gczs_right{display: inline-block;vertical-align: middle;width:calc(100% - 335px);position: relative;}

.gczs_left h1{font-size: 30px;color: #282828;font-weight: bold;margin: 25px 0 35px;}
.gczs_left h1:before{content: '';display: inline-block;vertical-align: middle;width: 8px;height: 8px;border-radius: 50%;background: #282828;margin-right: 10px;}
.gczs_left_ul{font-size: 0;width: 450px;position: relative;z-index: 2;}
.gczs_left_ul li{display: inline-block;vertical-align: top;width: 210px;height: 60px;text-align: center;line-height: 60px;background: #2c3238;font-size: 14px;
color: white;margin-right: 10px;cursor: pointer;transition: 0.3s ease-in-out;}
.gczs_left_ul li:hover,.gczs_left_ul li.active{background:  #baa173;}
.gczs_right_div{position: absolute;right: 50px;bottom: 60px;text-align: right;}
.gczs_right_div p{font-size: 18px;color: white;margin-top: 10px;}
.gczs_right span img{width: 100%;min-height: 280px;}
.gczs_right span{display: block;}
.sowe_u1{position: absolute;bottom: 20px;right:50px;z-index: 2;}
.sowe_u1 li{display: inline-block;vertical-align: top;width:7px;height: 7px;border-radius: 50%;background: #c3bec7;margin-right: 5px;cursor: pointer;border:2px solid transparent;}
.sowe_u1 li.active{border:2px solid white;background: transparent;}
.sowe_u2{position: absolute;bottom: 20px;right:50px;z-index: 2;}
.sowe_u2 li{display: inline-block;vertical-align: top;width:7px;height: 7px;border-radius: 50%;background: #c3bec7;margin-right: 5px;cursor: pointer;border:2px solid transparent;}
.sowe_u2 li.active{border:2px solid white;background: transparent;}
.gczs_con2 .divBox{box-sizing: border-box;padding:90px 90px;}

.tdzs span{display: block;}
.tdzs span img{width: 100%;}
.tdzs_btn .swiper-button-next,.tdzs_btn .swiper-button-prev,.tdzs_btn .swiper-button-disabled{display: inline-block;vertical-align: top;width: 55px;height: 55px;
position: static;margin-top: 0;background-size: 10px;opacity: 1;cursor: pointer;transition: 0.3s ease-in-out;background-color:  #baa173;margin-left: 5px;}
.tdzs_btn .swiper-button-next:hover,.tdzs_btn .swiper-button-prev:hover{opacity: .9;}
.tdzs_btn{margin-left: 70px;}
.tdzs .swiper-container  .swiper-button-next{right: 30px;transition: 0.3s ease-out;opacity: 0.5;}
.tdzs .swiper-container  .swiper-button-prev{left: 30px;transition: 0.3s ease-out;opacity: 0.5;}
.tdzs .swiper-container  .swiper-button-next:hover,.tdzs .swiper-container  .swiper-button-prev:hover{opacity: 1;}




.tdzs .swiper-slide{padding-bottom: 30px;}
.tdzs .swiper-slide p{text-align: center;position: absolute;bottom: 0;width: 100%;}
.tdzs .swiper-slide p font{display: inline-block;width: 230px;height: 55px;background: #2c3238;color: white;font-size: 14px;line-height: 55px;margin-right: 155px;}
.tdzs_btn{position: absolute;bottom: 55px;width: 100%;z-index: 2;text-align: center;}

.zsjm_con1 h1{font-size: 24px;color: #282828;font-weight: bold;}
.zsjm_con1 h1:before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;background:#282828;margin-right: 10px;}
.zsjm .ej_nav_u1 li{width: 33.3333%;}

.zsjm_u1{font-size: 0;margin: 50px 0 20px;position: relative;}
.zsjm_u1:after{content: '';display: block;position: absolute;width: 100%;height: 2px;background: #eceef0;left: 0;top: 130px;}
.zsjm_u1 li{display: inline-block;vertical-align: top;width: 16.6%;text-align: center;box-sizing: border-box;border: 1px solid transparent;padding: 30px 0 40px;
transition: 0.3s ease-in-out;position: relative;z-index: 2;}
.zsjm_u1 li span{display: inline-block;width: 60px;height: 60px;transition: 0.3s ease-out;}

.zsjm_u1 li font{display: block;position: relative;margin: 30px auto 35px;width: 12px;height: 12px;border-radius: 50%;background:  #baa173;}
.zsjm_u1 li font:before{content: '';display: block;width: 42px;height: 42px;border-radius: 50%;background: #baa173;position: absolute;left: -16px;top: -16px;
transition: 0.3s ease-out;transform: scale(0);opacity: 0;}
.zsjm_u1 li font:after{content: '';display: block;width: 50px;height: 50px;border-radius: 50%;border: 1px solid  #baa173;position: absolute;left: -20px;top: -20px;
transition: 0.3s ease-out;transform: scale(1.5);opacity: 0;}
.zsjm_u1 li:hover font:after,.zsjm_u1 li:hover font:before{transform: scale(1);opacity: 1;}
.zsjm_u1 li:hover{background: white;border: 1px solid  #baa173;}
.zsjm_u1 li i{display: block;font-size: 16px;font-family: arial;color: #b6b6b6;transition: 0.3s ease-out;height: 16px;}
.zsjm_u1 li:hover i{transform: translateY(-50px) ;font-size: 18px;color: white;}
.zsjm_u1 li p{font-size: 16px;color: #555555;margin-top: 5px;}
.zsjm_u1 li p:after{content: '';display: block;width: 20px;height: 2px;background: #d9d9d9;margin: 20px auto 0;}
.zsjm_u1 li:nth-child(1) span{background: url(../images/qq1_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(2) span{background: url(../images/ww1_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(3) span{background: url(../images/ee1_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(4) span{background: url(../images/rr1_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(5) span{background: url(../images/tt1_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(6) span{background: url(../images/yy1_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(1):hover span{background: url(../images/qq2_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(2):hover span{background: url(../images/ww2_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(3):hover span{background: url(../images/ee2_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(4):hover span{background: url(../images/rr2_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(5):hover span{background: url(../images/tt2_03.png) no-repeat center center;}
.zsjm_u1 li:nth-child(6):hover span{background: url(../images/yy2_03.png) no-repeat center center;}

.zssjss{background: url(../images/zhou_02.jpg) no-repeat center center;background-size: cover;}
.zsjm_con1_con2{padding-bottom: 30px;}
.zsjm_con1_con2 h1{font-size: 24px;color: #fff;margin-bottom: 40px;box-sizing: border-box;padding-left: 90px;font-weight: bold;}
.zsjm_con1_con2 h1:before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;background:#fff;margin-right: 10px;}

.zsjm_con1_div1{box-sizing: border-box;border: 1px solid white;background: rgba(250,250,250,.2);padding: 55px;height: 450px;transition: 0.3s ease-out;}
.zsjm_con1_div1 h2{font-size: 30px;color: white;margin-top: 22px;transition: 0.3s ease-out;}
.zsjm_con1_div1 span{display: inline-block;height: 30px;transition: 0.3s ease-out;}
.zsjm_con1_div1 h2:after{content: '';display: block;width: 30px;height: 3px;background:  #baa173;margin-top: 40px;margin-bottom: 30px;}
.zsjm_con1_div1 p{font-size: 16px;color: white;line-height: 25px;transition: 0.3s ease-out;}
.zsjm_con1_div1:hover{background: white;}
.zsjm_con1_div1:hover h2{color: #282828;}
.zsjm_con1_div1:hover p{color: #777;}
.zsjm_con1_con2 .zzzs_btn .swiper-button-next,.zsjm_con1_con2 .zzzs_btn .swiper-button-prev,.zsjm_con1_con2 .zzzs_btn .swiper-button-disabled{border: 1px solid white;}
.zsjm_con1_con2 .zzzs_btn{border: none;padding-top: 0;margin-top: 65px;}
.zsjm_con3 {padding: 90px 0;}
.zsjm_con3 h1{font-size: 24px;color: #282828;margin-bottom: 40px;box-sizing: border-box;padding-left: 90px;margin-bottom: 25px;font-weight: bold;}
.zsjm_con3 h1:before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;background:#282828;margin-right: 10px;}
.zsjm_con3 span{display: block;text-align: center;}
.zsjm_con3 span img{max-width: 100%;}




.zsjm_con4{background: url(../images/lx_02.jpg) no-repeat center center;background-size: cover;padding: 120px 0;}
.zsjm_con4 .divBox{box-sizing: border-box;padding: 0 90px ;}
.zsjm_con4 p{font-size: 18px;color: white;}
.zsjm_con4 h1{font-size: 35px;font-family: "arial black";font-weight: bold;color: #f0c900;height: 35px;transform: translateY(-5px);}
.zsjm_con4 form{font-size: 0;margin-top: 85px;}
.zsjm_con4_div1 {font-size: 0;display: inline-block;vertical-align: top;border-bottom: 2px solid rgba(250,250,250,.1);width: 30%;margin-right: 5%;}
.zsjm_con4 form .zsjm_con4_div1:nth-child(3n){margin-right: 0;}
.zsjm_con4_div1 label{display: inline-block;vertical-align: middle;font-size: 16px;color: rgba(250,250,250,.5);}
.zsjm_con4_div1 input{outline: none;color: rgba(250,250,250,.5);font-size: 16px;background: transparent;border: none;height: 60px;display: inline-block;vertical-align: middle;}
.zsjm_con4_div2 textarea{border: none;width: 100%;height: 165px;border-bottom: 2px solid rgba(250,250,250,.1);background: transparent;outline: none;resize: none;
color: rgba(250,250,250,.5);font-size: 16px;margin-top: 40px;}
.zsjm_con4_div2{position: relative;}
.zsjm_con4_div2 input{width: 155px;height: 45px;text-align: center;background:  #baa173;color: #282828;border: none;outline: none;cursor: pointer;font-size: 16px;
position: absolute;right: 0;bottom: 0;}
.zsjm_con4_div2 input:hover{background: #d3b30c;}

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

  .ej_nav_div h1{font-size: 14px;}
  .ej_nav_div h1:after{margin: 10px auto 0;}
  .ej_nav_div p{font-size: 12px ;line-height: 20px;box-sizing: border-box;padding: 0 30px;margin-top: 10px;}
  .ej_nav_div{padding-top: 30px;}
  .ej_nav_list{position: static;margin-top: 30px;height: auto;}
  .ej_nav{height: auto;}
  .gsjj_con1_div1{transform: translateY(0);}
  .case .ej_nav_u1 li{line-height: 50px;width: 50%;}
  .ej_nav_u1 li{line-height: 50px;}
  .ej_nav_u1 li a{font-size: 13px;}
  .gsjj_con1_div1{padding: 10px;}
  .alzs_div_tx{display: none;}
  .alzs_div_sousuo_span{width: 110px;height: 45px;font-size: 13px;line-height: 45px;}
  .alzs_div_sousuo input[type=text]{width: calc(100% - 115px);margin-right: 5px;height: 45px;font-size: 12px;padding-left: 10px;}
  .alzs_div_sousuo{margin-bottom: 0;}
  .alxq_lis{padding: 20px 0;}
  .alxq_page_list a{font-size: 12px;padding: 0 10px;}
  .alxq_page>a{font-size: 12px;}
  .alxq_page_list a:first-child, .alxq_page_list a:last-child{padding: 0px;}
  .alxq_page{padding-bottom: 20px;}
  .alxq_sld .gsjj_con2_div span{width: 100%;position: relative;}
  .alxq_sld .gsjj_con2_btn{left: 0;bottom: 50%;transform: translateY(50%);width: 100%;}
  .gsjj_con2_btn .swiper-button-next{float: right;margin-right: 10px;}
  .gsjj_con2_btn .swiper-button-prev{margin-left: 10px;}
  .alxq_sld .gsjj_con2_div aside{width: 100%;padding: 0;}
  .gsjj_con1_div1 h2, .alxq .gsjj_con2_div aside h1{font-size: 14px;}
  .gsjj_con2_div aside h1{margin-top: 20px;}
  .alxq_sld .gsjj_con2_div aside h1:after{margin-top: 10px;}
  .alxq_sld .gsjj_con2_div aside p{margin-top: 15px;font-size: 12px;line-height: 20px;}
  .sliwert{padding: 20px 0;}
  .alzs_con1_u1 li{width: 48%;margin-right: 4%;margin-bottom: 20px;}
  .alzs_con1_u1 li:nth-child(3n){margin-right: 4%;}
  .alzs_con1_u1 li:nth-child(2n){margin-right: 0;}

  .sliwert .more_xq_more{margin-top: 20px;}
  .alxq_sld{margin-top: 20px;}
  .ej_nav{overflow: hidden;margin-top: 65px;}
  .alzs{padding: 20px 0;}
  .xwpage{padding: 20px 0;}
  .page a{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
  .page{text-align: center;}
  .cpzs .ej_nav_list:after{display: none;}
  .cpzs_con1_u1 li{width: 48%;margin-right: 4%;margin-bottom: 20px;}
  .cpzs_con1_u1 li:nth-child(4n){margin-right: 4%;}
  .cpzs_con1_u1 li:nth-child(2n){margin-right: 0;}
  .cpzs_con1 .xwpage{padding-bottom: 30px;}
  .alxq_page_list{float: none;margin-top: 5px;}
  .cpzs_xq .swiper-pagination{width: 100%;}
  .cpzs_xq .gsjj_con2_div aside p font{width: auto;text-align: left;font-size: 12px;}
  .cpzs_xq .gsjj_con2_div aside p i{font-size: 12px;}
  .cpzs_xq .gsjj_con2_div aside p i{margin-top: 0px;margin-left: 0;line-height: 20px;}
  .cpzs_xq .gsjj_con2_div aside p{line-height: 20px;margin-top: 5px;}
  .cpzs_xq .gsjj_con2_div aside .cpzs_xq_lixiang_p{margin-top: 5px;}
  .alxq_sld .gsjj_con2_div aside h1:after{margin-top: 10px;margin-bottom: 15px;}
  .yqlj_con1 .gsjj_con1_div1{padding: 15px;}
  .flsm p{font-size: 12px;line-height: 20px;margin-top: 10px;}
  .fzlc{padding-top: 30px;}
  .gsjj_con1_div1 h2{margin-bottom: 5px;}
  .fwzx_u1 li{width: 100%;margin-top: 65px;}
  .fwzx_u1_div1 span{width: 90px;height: 90px;line-height: 90px;}
  .fwzx_u1_div1{padding-top: 70px;height: auto;padding-bottom: 30px;}
  .fwzx_u1_div1 span{top: -42px;}
  .fwzx_u1_div1 h3{font-size: 14px;}
  .fwzx_u1_div1 p{font-size: 12px;margin-top: 5px;}
  .fwzx_u1{margin-top: 0px;}
  .fwzx_u1_div1 p i{font-size: 16px;}
  .fwzx_con2 .divBox{padding: 20px 10px;}
  .fwzx_con2_div1 h1, .lxwm_co2 h2{font-size: 14px;}
  .fwzx_con2_div1 h2, .fwzx_con2_div1 p{padding-left: 0;font-size: 12px;}
  .fwzx_con2_div1 h2{font-size: 16px;}
  .fwzx_con2_div1 p{margin-top: 10px;}
  .fwzx_con2_div1 h1{margin-bottom: 15px;}
  .fwzx_con2_div2{padding: 0;margin-top: 20px;}
  .fwzx_con2_div2 dl{width: 100%;}
  .fwzx_con2_div2 dt{padding: 15px 0;font-size: 14px;}
  .fwzx_con2_div2 dd{padding: 10px 0;}
  .fwzx_con2_div2 dd span{font-size: 12px;}
  .fwzx_con2_div2 dd font{font-size: 0;}
  .tdzs .swiper-slide p font{font-size: 12px;}
  .tdzs_btn .swiper-button-next, .tdzs_btn .swiper-button-prev, .tdzs_btn .swiper-button-disabled{display: none;}
  .tdzs .swiper-slide p font,.tdzs .swiper-slide p{position: static;width: 100%;margin: 0;}
  .tdzs .swiper-slide{padding-bottom: 0;}
  .tdzs .swiper-container .swiper-button-next{right: 10px;}
  .tdzs .swiper-container .swiper-button-prev{left: 10px;}
  .fzlc_con1_u1_middle p, .fzlc .gsjj_con1_div1_left h1{font-size: 14px;}
  .fzlc .gsjj_con1_div1_left h1 span{font-size: 12px;}
  .fzlc .gsjj_con1_div1_left{width: 100%;padding: 0;}
  .gsjj_con1_div1_left p{font-size: 12px;margin-top: 10px;line-height: 20px;}
  .fzlc .gsjj_con1_div1_right{width: 100%;margin-top: 20px;}
  .fzlc_con1_u1_right{width: 100%;padding: 0;}
  .fzlc_con1_u1_right aside{width: 100%;}
  .fzlc_con1_u1_middle p i{font-size: 12px;}
  .fzlc_con1_u1_middle{display: none;}
  .fzlc_con1_u1_right aside p{font-size: 12px;line-height: 20px;}
  .fzlc_con1_div .fzlc_con1_u1_right h2{font-size: 14px;}
  .fzlc_con1_div .fzlc_con1_u1_right h2 font{font-size: 12px;}
  .fzlc_con1_u1_left{display: none;}
  .fzlc_con1_div .fzlc_con1_u1_left{display: block;margin: 0 auto 20px;}
  .fzlc_con1_div .fzlc_con1_u1_right{text-align: center;}
  .fzlc_con1_u1_right span{width: 100%;}
  .fzlc_con1_u1_right aside{padding: 0;margin-top: 15px;}
  .fzlc_con1 .divBox{padding: 15px 0;}
  .fzlc_con1_u1 li:nth-child(even) .divBox:before,.fzlc_con1_div .divBox:before,.fzlc_con1_div2 .divBox:before{display: none;}
  .fzlc_con1_div2 span{font-size: 25px;}
  .fzlc_con1_div2 div p{font-size: 16px;}
  .fzlc_con1_div2 div font{font-size: 12px;}
  .fzlc_con1{padding: 20px 0 20px;}
  .gczs_left_ul{width: 100%;}
  .gczs_left_ul li{width: 48%;margin-right: 4%;height: 40px;line-height: 40px;font-size: 12px;}
  .gczs_left_ul li:last-child{margin-right: 0;}
  .gczs_right{width: 100%;}
  .gczs_left{width: 100%;}
  .gczs_left h1{font-size: 14px;text-align: center;margin: 15px 0;}
  .gczs_left font{display: block;text-align: center;}
  .gczs_right{margin-top: 20px;}
  .gczs_right_div p{font-size: 12px;}
  .gczs_right_div{right: 10px;}
  .sowe_u1,.sowe_u2{right: 10px;}
  .gczs_con2 .divBox{padding: 20px 0px ;}
  .gsjj_con1_div1_left h1{font-size: 14px;}
  .gsjj_con1_div1_left{width: 100%;padding: 0;}
  .gsjj_con1_div1_left a{height: 45px;line-height: 45px;font-size: 12px;margin-top: 20px;width: 130px;}
  .gsjj_con1_div1:after{display: none;}
  .gsjj_con1_div1_right{width: 100%;margin-top: 20px;}
  .gsjj_con1{padding: 20px 0;}
  .gsjj_con1_div2 h1{font-size: 14px;}
  .gsjj_con1_div2 p{font-size: 12px;margin-top: 10px;line-height: 20px;}
  .gsjj_con1_div2_u1 li span{width: 70px;height: 70px;}
  .gsjj_con1_div2_u1 li{width: 33.333%;margin-top: 20px;}
  .gsjj_con1_div2_u1 li p{font-size: 12px;margin-top: 15px;}
  .gsjj_con1_div2{margin-top: 20px;padding-bottom: 20px;}
  .gsjj_con1_div2_u1{margin-top: 20px;}
  .gsjj_con2_div span, .gsjj_con2_div aside{width: 100%;padding: 0;}
  .gsjj_con2_div aside h1{font-size: 14px;}
  .gsjj_con2_div aside p{font-size: 12px;line-height: 20px;margin-top: 10px;}
  .gsjj_con2 .gsjj_con2_btn{width: 100%;text-align: center;position: static;margin-top: 20px;}
  .gsjj_con2 .gsjj_con2_btn .swiper-button-next{float: none;}
  .gsjj_con2{padding: 25px 0;}
  .gsjj_con3_middle img{}
  .gsjj_con3_left,.gsjj_con3_left img{transform: translateX(0);}
  .gsjj_con3{background-attachment: scroll;}
  .gsjj_con3_left img{width: 90px;}
  .gsjj_con3_left{margin-top: 95px;}
  .gsjj_con3{height: 300px;}
  .gsjj_con3_middle img{height: 100%;display: none;}
  .gsjj_con3_right{padding-left: 0;}
  .gsjj_con3_right{margin: 0;margin-top: 80px;}
  .gsjj_con3_right p{font-size: 12px;text-indent: 0;margin-top: 10px;}
  .gsjj_con3_right_p2,.gsjj_con3_right_p3{transform: translateX(0);}
  .gsjj_con3_right h2{font-size: 14px;transform: translateX(0);width: 100%;background: none;height: auto;line-height: 1;text-align: left;margin-top: 10px;}
  .zzzs .swiper-slide{width: 100% !important;}
  .zzzs .swiper-slide span{display: block;text-align: center;}
  .zzzs .swiper-slide img{max-width: 100%;max-height: 250px;}
  .zzzs .swiper-slide p{font-size: 12px;margin-top: 10px}
  .zzzs_btn{padding-top: 20px;margin-top: 20px;}
  .rczp_con2_div_top span{font-size: 12px;}
  .rczp_con2_div_u1 li{margin-bottom: 5px;}
  .rczp_con2_div_bottom{padding: 20px ;}
  .rczp_con2_div_bottom h1{font-size: 12px;margin-top: 15px;}
  .rczp_con2_div_bottom p{font-size: 12px;line-height: 20px;}
  .liulang{width: 200px;font-size: 12px;margin-top: 15px;}
  .rczp_con2_div_u1{margin-top: 20px;}
  .wzdt_div1 span{font-size: 12px;width: 80px;height: 40px;line-height: 40px;}
  .wzdt_div1 span a{font-size: 12px;}
  .wzdt_div1 ul{width: calc(100% - 81px);}
  .wzdt_div1 ul li a{font-size: 12px;line-height: 40px;padding-right: 0;}
  .wzdt_div1 ul li{margin: 0;display: inline-block;vertical-align: top;}
  .wzdt_div1 ul li a:after{display: none;}
  .wzdt{margin-top: 20px;}
  .xwzx .ej_nav_div{padding-top: 30px;}
  .xwzx .ej_nav_list{height: auto;}
  .xwzx_con1_left{width: 40%;}
  .xwzx_con1_middle{display: none;}
  .xwzx_con1_right{width: 60%;padding: 0;padding-left: 20px;}
  .xwzx_con1_right p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;margin-top: 0}
  .xwzx_con1_right h1{font-size: 14px;}
  .xwzx_con1_right:after{display: none;}
  .xwzx_con1_u1 li a{padding: 10px 0;}
  .xwzx_con1_u1{padding-top: 20px;}
  .xwxq{padding-top: 20px;}
  .xwxq h1{font-size: 14px;}
  .xwxq time{font-size: 12px;margin-top: 0px;}
  .xwxq time:after{margin-top: 15px;}
  .xwxq_list p{font-size: 12px;line-height: 20px;padding-top: 10px;}
  .xwxq_page{position: static;margin-top: 20px;}
  .xwxq_page a{width: 100%;font-size: 12px;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;padding: 0 20px;}
  .xwxq_list .divBox{padding-bottom: 20px;}
  .more_xq_u1 li{width: 48%;margin-right: 4%;margin-bottom: 20px;}
  .more_xq_u1 li:nth-child(4n){margin-right: 4%;}
  .more_xq_u1 li:nth-child(2n){margin-right: 0;}
  .gsjj_con1_div1_u1 li{width: 48%;margin-right: 4%;margin-bottom: 20px;margin-bottom: 0;margin-top: 15px;}
  .gsjj_con1_div1_u1 li:nth-child(4n){margin-right: 4%;}
  .gsjj_con1_div1_u1 li:nth-child(2n){margin-right: 0;}
  .gsjj_con1_div1_u1 li span{line-height: 105px;}
  .more_xq_u1{padding-top: 25px;}
  .more_xq{padding-bottom: 25px;}
  .more_xq_more{margin-top: 5px;}
  .gsjj_con1_div1_u1 li p{opacity: 1;font-size: 12px;}
  .zsjm_u1 li{width: 33.3%;padding: 10px 0;}
  .zsjm_u1 li font,.zsjm_u1:after{display: none;}
  .zsjm_u1 li p{font-size: 12px;}
  .zsjm_u1 li i{font-size: 12px;}
  .zsjm_u1 li:hover i {transform: translateY(0px);font-size: 12px;color:  #baa173;}
  .zsjm_con1 h1{font-size: 14px;}
  .zsjm_u1{margin-top: 20px;}
  .zsjm_con1_con2 h1{font-size: 14px;padding: 0;margin-top: 20px}
  .zsjm_con1_div1{padding: 20px;height: 250px;}
  .zsjm_con1_div1 h2{font-size: 14px;margin-top: 10px;}
  .zsjm_con1_div1 h2:after{margin: 20px 0;}
  .zsjm_con1_div1 p{font-size: 12px;line-height: 20px;}
  .zsjm_con1_con2 .zzzs_btn{margin-top: 25px;}
  .zsjm_con1_con2{padding-bottom: 0;}
  .zsjm_con3 h1{font-size: 14px;padding: 0;}
  .zsjm_con3{padding: 25px 0;}
  .zsjm_con4{padding: 30px 0;}
  .zsjm_con4 .divBox{padding: 0;}
  .zsjm_con4 h1{font-size: 14px;height: auto;transform: translateY(0);}
  .zsjm_con4 p{font-size: 12px;}
  .zsjm_con4_div1{width: 100%;}
  .zsjm_con4_div1 label,.zsjm_con4_div2 textarea{font-size: 12px;}
  .zsjm_con4_div1 input{font-size: 12px;min-width: 70%;}
  .zsjm_con4_div2 textarea{margin-top: 20px;height: 150px;}
  .zsjm_con4_div2 input{font-size: 12px;width: 130px;height: 35px;}
  .zsjm_con4 form{margin-top: 10px;}
  .zsjm_con4_div1{margin: 0;}
  .zsjm_con1_con2 h1{margin: 25px 0 20px;}
  .ej_nav_u1 li a{color: #fff;}
  .gsjj_con1_div2_u1 li span{width: 55px;height: 55px;}
  .gsjj_con1_div2_u1 li span font{background-size: 28px !important;}
  .gsjj_con1_div2_u1 li{width: 25%;}
  .xwxq_list p video{width: 90%;}
  .alxq_page_list{display: block;}
  .case{padding-bottom: 0px;}
  .fwzx_u1 li>img{display: none;}
  .fwzx_u1 li{margin-right: 0;}
}
/*---------------------------服务--------------------------------*/
.ser_s1{
  background: url(../images/serbg2.png);
  padding: 100px 0  80px 0;
  background-size:cover ;
  background-repeat:no-repeat ;
  background-position:center center;
}
.fourg{
    background: white;
    box-sizing: border-box;
    font-size: 0;
    padding: 55px 90px 65px 90px;
    box-shadow: 0 0px 29px -1px grey;
    position: relative;
}
.fourbox{
  height:auto;
  overflow: hidden;
  padding-top: 120px;
}
.fourbox li{
  cursor: pointer;
  width:18.4%;
  margin-left: 2%;
  float:left;
}
.fourbox li:first-child{margin-left: 0;}
.fourbox li:hover .fourtxt{
  background: #baa173 ;
}
.fourbox li:hover h2{
  color: #fff;
}
.fourbox li:hover h3{
  color: #fff;
}
.fourbox li:hover p{
  color: #fff;
}
.fourbox li:hover span{
  background: #fff;
}
.fourbox li:last-child{margin-right: 0}
.fourbox .fourtxt{
    display: block;
    background: #eeeeee;
    height: 260px;
    text-align: center;
    box-sizing: border-box;
    padding: 80px 25px 30px 25px;
    position: relative;
    transition: 0.3s ease-out;
}
.fourbox .fourtxt h2{
  font-weight: bold;
  font-size: 18px;

}
.fourbox .fourtxt h3{
  font-weight: bold;
  font-size: 18px;
  margin: 5px 0;
  margin-bottom: 20px;

}
.fourbox .fourtxt span{
   display: inline-block;
   width:50px;
   height:3px;
   background:  #baa173;
}
.fourbox .fourtxt p{
  font-size: 14px;
  transition: 0.3s ease-out;
  color:#777;
}
.fourbox .fourtxt .circle{
  width:120px;
  height:120px;
  border-radius: 100%;
  border:1px solid #eee;
  background: #fff;
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  top:-60px;
}
.fourbox .fourtxt .circle img{
  top:50%;
  transform: translateY(-50%);
  left:50%;
  margin-left: -20px;
  position: absolute;
}
.fourbox li >img{
  width:100%;
}
.ser_s2{
  background: url(../images/sbg1.jpg);
  padding: 50px 0  20px 0;
  background-size:cover ;
  background-repeat:no-repeat ;
  background-position:center center;
}
.fourg2{
  padding: 25px 90px 50px 90px;
}
.four_five{
  margin-top:60px;
  height:auto;
  overflow: hidden;
}
.four_five li{
  text-align: center;
  float:left;
  margin-right: 4%;
  width:30.66%;
  background: #fff;
  margin-bottom: 30px;
  cursor: pointer;
}
.four_five li >div{
    padding: 35px 15px;
    transition:.3s ease-in-out;
}
.four_five li:nth-child(3){margin-right: 0}
.four_five li:nth-child(6){margin-right: 0}
.four_five li h3{
  font-size: 18px;
  margin: 20px 0 10px 0;
  font-weight: bold;
}
.four_five li:hover >div {
  background: #baa173;
}
.four_five li:hover h3{
  color:#fff;
}
.four_five li:hover p{
  color:#fff;
}
.four_five li .img2{display:none;}
.four_five li:hover .img1{
  display: none;
}
.four_five li:hover .img2{
  display: inline-block;
}
.four_five li p{
  font-size: 13px;
}
.ulnav3 li{
  border-bottom: none;
}
.ser_s3{
  padding: 80px 90px 80px 90px;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
}
.tt3{
  margin: 45px 0 25px 0;
  font-size: 18px;
  color: rgba(0,0,0,.5);
}
.tt4{font-size: 25px;font-weight: bold;color:#baa173;}
.ser_s3 ul{
  height:auto;
  overflow: hidden;
}
.ser_s3 li{
  float:left;
  width:45%;
  margin-right: 10%;
  border: 1px solid #fff;
  background: rgba(255,255,255,.4);
  padding: 45px  55px;
}
.ser_s3 li:nth-child(2){margin-right: 0;}
.ser_s3 li:last-child{margin-right: 0;}
.ser_s3 li h3{
  font-size: 20px;
}
.ser_s3 li span{
  display: block;
  width:40px;
  height:3px;
  margin: 12px 0 30px 0;
  background:#baa173 ;
}
.ser_s3 li p{
  color:rgba(0,0,0,.6); 
  font-size: 15px;
}
/*-----------------------产品中心-----------------------*/

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  font-size: 14px;
  margin-top: 35px;
    font-family: '幼圆';
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #baa173;
  color:#fff;
  width:150px;
  line-height: 35px;
  height:35px;
  text-decoration: none;
  margin-top: 50px;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #baa173 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

.hvr-ripple-out {
  text-align: center;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #baa173;
  color:#fff;
  width:150px;
  line-height: 35px;
  height:35px;
  text-decoration: none;
  margin-top: 20px;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #baa173 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
.prosec .container{

}
.proul li{
  margin-bottom: 50px;
  background: #fff;
  box-shadow: 0 0px 29px -1px grey;
}
.proul li a{
  display: block;
  position: relative;
}
.proul li .imgbox{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.proul li .imgbox img{
  width:55%;
  vertical-align: top;
  transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  -moz-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;

}
.proul li:hover .imgbox img{
  transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}
.proul li h3{
  font-size: 18px;
  font-weight: bold;
}
.proul li span{
  display: inline-block;
  width:55px;
  height:3px;
  background:#baa173 ;
  margin: 15px 0  25px 0;
}
.protxt{
  background: #fff;
  transition: .3s ease-in-out;
}
.proul li img{
  display: inline-block;
}

.protxt .promain >div{
  margin-bottom: 15px;
}
.proul li:nth-child(even) .imgbox{
  text-align: right;
}
.proul li:hover {
  background:#baa173 ;
}
.proul li:hover .protxt{
  background:#baa173 ;
}
.proul li:hover .hvr-ripple-out{
  background: #fff;
}
.proul li:hover h3{
  color:#fff;
}
.proul li:hover span{
  background:#fff;
}
.proul li:hover .hvr-ripple-out:before {
  border: #fff solid 6px;
}
.proul li:hover .hvr-ripple-out{
  color:#baa173;
}
/*------------------关于我们----------------------*/

.absec1{
  padding: 100px 0;
    background-size:cover ;
  background-repeat:no-repeat ;
  background-position:center center;
  background: url(../images/aboutbg.png);
}
.absec1 .container{
  background: #fff;
  box-shadow: 0 0px 29px -1px grey;
  padding: 50px 5%;
  position: relative;
}

.usimg{
  position: relative;
  z-index: 1;
  text-align: right;
  overflow: hidden;
}
.usimg .aimg{
  width:50%;
}
.usimg img{
  -webkit-filter: grayscale(0);
  transition: .3s ease-in-out;
}

.aboutxt{
  height:calc(100% - 83px);
  margin-top: 30px;
  overflow-y: auto;
  padding-right: 20px;
}
.aboutxt p{
  text-indent: 20px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
  
}
/* 设置滚动条的样式 */
      .aboutxt::-webkit-scrollbar {    width: 5px;height:5px;}/* 滚动槽 */
      .aboutxt::-webkit-scrollbar-track {   background:#ccc;   border-radius: 5px;}/* 滚动条滑块 */
      .aboutxt::-webkit-scrollbar-thumb {    border-radius: 5px; background: #baa173;}
      .aboutxt::-webkit-scrollbar-thumb:window-inactive {    background: #baa173;}
      

.absec3{
  padding: 100px 0;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background: url(../images/hbg.jpg);
}
.honul{
  height:auto;
  overflow: hidden;
  margin:80px 0 40px 0 ;
}
.honul li{
  float:left;
  margin-left: 6%;
  width: 47%;
  position: relative;
  border:1px solid #fff;
  background: rgba(255,255,255,.3);
  padding: 40px 25px 40px 130px;
  margin-bottom: 30px;
  height:320px;
  transition: .3s ease-in-out;
}
.honul li:nth-child(2N+1){margin-left: 0;}
.hnum{
  font-size: 50px;
  color:#baa173;
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  width:130px;
  text-align: center
}
.htxt h3{
  font-size: 20px;
  font-weight: bold;
}
.htxt span{
  display: inline-block;
  width:40px;
  height:3px;
  background:#baa173 ;
  margin: 20px 0 30px 0;
}
.htxt p{
  font-size: 14px;
  line-height: 22px;
  color: rgba(0,0,0,.7);
  height:150px;
  display: block;
  overflow-y: auto;
}
/* 设置滚动条的样式 */
      .htxt p::-webkit-scrollbar {    width: 5px;height:5px;}/* 滚动槽 */
      .htxt p::-webkit-scrollbar-track {   background:#ccc;   border-radius: 5px;}/* 滚动条滑块 */
      .htxt p::-webkit-scrollbar-thumb {    border-radius: 5px;background: #baa173;}
      .htxt p::-webkit-scrollbar-thumb:window-inactive {    background: #baa173;}
.abjj{
  padding: 100px 0;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background: url(../images/img4.jpg);
}
.ab1{
  padding: 100px 0;
  text-align: center;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background: url(../images/bg4444.jpg);
}
.ab1 h2{
  font-size: 50px;
  color: #333;
  margin: 30px 0 40px 0;
}
.ab1 p{
  color:#333;
  font-size: 17px;
  line-height: 25px;
}
.ab1 span{
  display: inline-block;
  width:2px;
  height:80px;
  background: #333;
  margin: 30px 0;
}
.company{
  background: rgba(255,255,255,.9);
  padding: 45px 5%;
  width:70%;
  box-shadow: 0 0px 29px -1px grey;
  margin-top: -170px;
}
.company p{
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 10px;
  text-indent: 20px;
}
.honul li:hover{
  cursor: pointer;
  background: rgba(186,161,115,.5);
}
.absec4{
  padding: 100px 0;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background: url(../images/aboutbg.png);
}
.absec4 .container{
  width:78%;
}
.ulxx{
  margin: 90px 0 40px 0;
}
.ulxx li{
  position: relative;
  background: #fff;
}
.ulxx li .imgbox {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    
}
.ulxx  li .imgbox img {
  display: inline-block;
    width: 50%;
    vertical-align: top;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}
.ulxx  li:hover .imgbox img{
  transform: scale(1.1);
}
.brandt{
  border-bottom: 1px solid #ccc;
  line-height: 65px;
  color:rgba(186,161,115,.5);
  font-size: 20px;
}
.ulxx li .imgtxt{
  padding: 45px 40px;
  width: 50%;
}
._brand{
  margin-top: 30px;
  height:calc(100% - 96px);
  overflow-y: auto;
}
._brand h3{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
._brand p{
  margin-bottom: 5px;
  font-size: 14px;
}
/* 设置滚动条的样式 */
    ._brand::-webkit-scrollbar {    width: 5px;height:5px;}/* 滚动槽 */
    ._brand::-webkit-scrollbar-track {   background:#ccc;   border-radius: 5px;}/* 滚动条滑块 */
    ._brand::-webkit-scrollbar-thumb {    border-radius: 5px; background: #baa173;}
    ._brand::-webkit-scrollbar-thumb:window-inactive {    background: #baa173;}
    
.brand{
width:100%;
position: relative;
background: #fff;
margin-top: 90px;
}
.brandimg{
position: relative;
z-index: 1;
overflow: hidden;
}
.brandimg img{
width:50%;
vertical-align: top;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}
.brandimg:hover img{
  transform: scale(1.1);
}
.absec5{
padding: 100px 0;
}
.absec5 .container{
 width:78%;
}
.dsztxt h3{
  font-size: 22px;
  font-weight: bold;
}
.dsztxt span{
display: inline-block;
width:65px;
height:2px;
background: #baa173;
margin: 20px 0 50px 0;
}
.dsztxt p{
font-size: 15px;
line-height: 25px;
}
.tdsec{
  padding: 100px 0 50px 0;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background: url(../images/joinbg1.jpg);
}
.tdsec .container{
width: 78%;
}
.tdsec ul{
  height;auto;
  overflow: hidden;
}
.tdsec li{
  float:left;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: rgba(255,255,255,.8);
  height:330px;
  padding: 20px 20px;
  border-bottom: 2px solid #baa173;
  margin-left: 2%;
  width:23.5%;
  margin-bottom: 50px;
}
.tdsec li:nth-child(4N+1){margin-left: 0;}
._bg{
  position: absolute;
  left:0;
  width:100%;
  height:100%;
  right:0;
  top:100%;
  z-index: 1;
  background: rgba(186,161,115,.8);
  transition: .3s ease-in-out;
}
.tdsec li:hover ._bg{
  top:0;
}
.td_txt{
  position: relative;
  z-index: 2;
}
.td_txt {
  padding: 45px 25px;
}
.td_txt h3{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
  transition: .3s ease-in-out;
}
.td_txt  p{
  font-size: 15px;
  transition: .3s ease-in-out;
}
.tdsec li:hover h3{
  color:#fff;
}
.tdsec li:hover p{
  color:#fff;
}
.azsec{
 padding: 100px 0 50px 0;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background: url(../images/azbg.jpg);
}
.azt{
  text-align: center;
}
.azt h3{
  font-size:25px;
}
.azt p{
  font-size:15px;
}
.azul{
  height:auto;
  overflow: hidden;
  margin-top: 80px;
  margin-bottom: 40px;
 padding: 20px;
}
.azul li{
  cursor: pointer;
  float:left;
  margin-left: 4%;
  width:30.66%;
  position: relative;
  box-shadow: 0 0px 29px -1px grey;
  overflow: hidden;
}
.azul li:first-child{margin-left: 0;}
.azsec .container{width: 78%;}
._an{
  position: relative;
  z-index: 1;
  background: #fff;
}
._an_t{
  padding: 40px 20px ;
  text-align: center;
}
._an_t h3{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px
}
._an_t p{
  font-size: 20px;
}
._an_img{overflow: hidden;}
._an_img img{
  width: 100%;
  transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}
.azul li:hover ._an_img img{
  transform: scale(1.1);
}
._ao{
  z-index: 3;
  position: absolute;
  left:0;
  top:100%;
  right:0;
  width:100%;
  height:100%;
  background: #baa173;
  transition: .3s ease-in-out;
  opacity: 0;
  padding: 45px 65px;
  text-align: center;
}
.azul li:hover  ._ao{
  top:0;
  opacity: 1;
}
._ao h3{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px
}
._ao span{
  display: inline-block;
  font-size: 20px;
  margin-bottom: 35px;
}
._ao p{
  font-size:17px;
  line-height: 25px;
}
._ao  h2{
  position: relative;
  border:1px solid #000;
  display: inline-block;
  width:90px;
  height:90px;
  border-radius: 100%;
  text-align: center;
  margin-bottom: 20px
}
._ao  h2 img{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left:50%;
  margin-left: -27px;
}
.azt span{
  display: inline-block;
  width:50px;
  height:2px;
  background: #baa173;
  margin: 10px 0 25px 0;
}
.sale {
  height:auto;
  overflow: hidden;
  margin: 80px 0 0 0;
}
.sale li{
  cursor: pointer;
  float:left;
  margin-left: 4%;
  width:30.66%;
  position: relative;
  margin-bottom: 35px;
  overflow: hidden;
}
.sale li img{
  width: 100%;
  position: relative;
  z-index: 1;
  transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}
.sale li .etxt{
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  text-align: center;
  font-size: 18px;
  background: rgba(186,161,115,.6);
  height:50px;
  line-height: 50px;
  z-index: 3;
  color:#fff;
}
.sale li:nth-child(3N+1){margin-left: 0;}
.sale li:hover img{
  transform: scale(1.1);
}
.pny{
  padding: 100px 0;
}
.pny .container{
  width: 78%;
  height:auto;
  overflow: hidden;
}
.newbd img{max-width: 100%;height:auto !important;}
.pagespan{color:#333;display: block;line-height: 25px;font-size: 18px;}
.p_left{
  float:left;
  width:55%;
  height:auto;
  overflow: hidden;
}
.p_left img{
  width:100%;
}
.p_right{
  margin-left: 60%;
}
.p_right h1{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}

.p_right li{
  margin-bottom: 10px;
    position: relative;
    color: rgb(104, 104, 104);
    list-style: none;
    padding-left: 75px;
    font-size: 15px;
    min-height: 22px;
}
.p_right li span{
    display: inline-block;
    width: 75px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
}
.p_right li img{
  width:100px;
}
.p_right .btns{
  margin-top: 20px;
    padding-top: 20px;
    overflow: hidden;
    border-top: 1px dashed #aaaaaa;
}
.p_right .btns a{
  margin-bottom: 8px;
    float: left;
    display: block;
    height: 41px;
    line-height: 39px;
    color: #fff;
    text-align: center;
    background-color: rgb(186,161,115);
    border: 1px solid rgb(186,161,115);
}
.p_right .btns a.a1{
  width: 49%;
}
.p_right .btns a.a2{
  width: 49%;
  margin-left: 2%;
}
.p_right .btns a.a3{
  width:100%;
}
.p_right .btns a:hover{
  background: rgba(186,161,115,.7);
}
.tit{
   height: 42px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    font-size: 20px;
    margin-top: 80px;
    margin-bottom: 80px
}
.tit span{
  margin: 1px;
    padding: 0 30px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    background-color: rgba(186,161,115,1);
}
.detail img{
  max-width: 100%;
  margin-bottom: 15px;
}
.p_main{
  height:auto;
  overflow: hidden;
}
/*---------------------------高端定制---------------------------*/
.section_gd{
  position: relative;
}
.section_gd> img{
  position: relative;
  z-index: 1;
  width:100%;
}
.section_gd .container{
  position: absolute;
  left:5%;
  top:0;
  right:5%;
  bottom:0;
  z-index: 3;
  }
.gd_txt h3{
  font-size: 25px;
}
.gd_txt span{
      display: inline-block;
    width: 50px;
    height: 2px;
    background: #baa173;
    margin: 10px 0 25px 0;
}
.gd_txt p{
  font-size: 14px;
  color:#333;
  line-height: 25px;
}
.gd_txt1 h3{
  color:#fff;
}
.gd_txt1 p{
  color:#fff;
}
.gd_txt2 h3{
  color:#fff;
}
.gd_txt2 p{
  color:#fff;
}
.gd_txt3 h3{
  color:#333;
}
.gd_txt3 p{
  color:#333;
}
.gd_txt4 h3{
  color:#fff;
}
.gd_txt4 p{
  color:#fff;
}
.gd_txt4 span{
  background: #fff;
}
.gd{
  padding: 100px 0;
}
.gd ul{
  padding-top: 50px;
  height:auto;
  overflow: hidden;
}
.gd li{
  margin-bottom: 50px;
  float:left;
  margin-left: 4%;
  width: 48%;
}
.gd li:nth-child(2N+1){margin-left: 0;}
.gd li img{width: 100%;}
/*-----------------------------------------辅助产品------------------------------------------*/
.fzul li{
    margin-bottom: 30px ;
}
.fzul .brand_box{
 background: rgba(255,255,255,.8);
}
.fzul li h5{
  display: block;
  margin-left: auto;
  margin-right: auto
  width: 35px;
  height:35px;
  background: url(../images/more.png);
  background-position:center center;
  background-repeat:no-repeat ; 
}
.fzul li:nth-child(4N+1){margin-left: 0;}
.newleft video{
  width: 100%;
}
/*-----------------------------------------品牌历程------------------------------------------*/
.history_box{
  position: relative;
  margin-top: 120px;
  padding-top: 180px;
}
.history_line{
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #bebebe;
    top: 40px;
    transform: translateX(-50%);
}
.history_box .years {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/year.png) no-repeat scroll left top;
   width:40px;
   height:40px;
   top:0;
}
.history_box ul{
  height:auto;
  overflow: hidden;
}
.history_box li{
  position: relative;
  height:auto;
  overflow: hidden;
}
.history_box li:nth-child(odd) .histxt{
  float:left;
  background-color: #fff;
  padding: 40px;
  display: block;
  color: #676767;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  width: 44%;
}

.history_box li h3{
  font-size: 26px;
  font-weight: bold;
  color: #baa173;
  margin-bottom: 10px;
}
.history_box li p{
  color: #999;
  font-size: 15px;
}


.history_box li:nth-child(even) .histxt .sj{
  width:0;
  height:0;
  border-top:20px solid transparent;
  border-bottom:20px solid transparent;
  border-right:40px solid #fff;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left:-20px;
}
.history_box li img{
  max-width:100%;
  margin-top: 15px;
}
.cpmore{text-decoration: underline;}
.zdxx li{
    float: left;
    margin-left: 2%;
    width: calc(96% / 3);
    cursor: pointer;
}
.zdxx li:nth-child(3N+1){margin-left: 0 !important;}
.zdxx li:nth-child(4N+1){margin-left: 2%;}
.zdxx {margin-bottom: 50px;}
/*----------------技术---------------------*/
.techul{
   margin: 80px 0 50px 0;
    background: #fff;
    position: relative;
    z-index: 2;
    height: auto;
    overflow: hidden;
}
.techul li{
   width: calc(100%/3);
    float: left;
}
.techul li:nth-child(even){
  background: #f0f0f0;
}
.techul li>div{
  padding: 55px 40px;
}
.techul li{
  height:400px;
}
.techul li h2{
  font-size: 18px;
  color:#baa173;
  margin-bottom: 30px;
}
.jyxt{
   position: relative;
    z-index: 2;
    height: auto;
    overflow: hidden;
    margin: 80px 0 50px 0;
}
.jyxt li{
  cursor: pointer;
  float:left;
  margin-left: 2%;
  background: #f0f0f0; 
  width: calc(94% / 4);
  position: relative;
  height:250px;
}
.jyxt .d_no{
  position: absolute;
  width: 100%;
  text-align: center;
  top:50%;
  transform: translateY(-50%);
  left:0;
  z-index: 2;
  transition: .56s;
}
.jyxt .d_no img{margin-bottom: 25px;}
.jyxt .d_on{
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index: 3;
  background:#baa173;
  opacity: 0; 
  color:#fff;
  transition: .56s;
}
.jyxt .d_on div{
  padding: 0 40px;
  width: 100%;
  left:0;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  color:#fff;
  text-align: center;
  font-size: 15px;
  line-height: 25px;
}
.jyxt li:hover .d_on{
  opacity: 1;
}
.jyxt li:hover .d_no{
  opacity: 0;
}
.jyxt li:nth-child(1){ margin-left: 0;}
.jyxt li h3{font-size: 18px;}
.ulxx p{font-size: 16px;line-height: 25px;}
/*-----------------首页产品-------------------*/
.en{font-family:Arial;}
.ico_t{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.ico_t05{-webkit-transition: all 0.8s ease; transition: all 0.8s ease;}

/*.pro_fl .pro_fl_box ul{width:1349px;margin:0 auto;}*/
.pro_fl .pro_fl_box li{float:left;width:11.66%;height:481px;overflow:hidden;cursor: pointer;}
.pro_fl .pro_fl_box li.cur{width:30%;}
.pro_fl .pro_fl_box .pro_fl_list{background-position:right top;background-repeat:no-repeat;}
.pro_fl .pro_fl_box li:last-child{float: right;}
.pro_fl .pro_fl_box li ._list_title02{display:none; height:390px;}
.pro_fl .pro_fl_box li ._list_title01{display:block;font-size:25px;color:#fff;text-align:center;padding:188px 0px;}
.pro_fl .pro_fl_box li:nth-child(1) ._list_title01{background:rgba(219,162,50,.7);}
.pro_fl .pro_fl_box li:nth-child(2) ._list_title01{background:rgba(0,0,0,.7);}
.pro_fl .pro_fl_box li:nth-child(3) ._list_title01{background:rgba(80,129,80,.7);}
.pro_fl .pro_fl_box li:nth-child(4) ._list_title01{background:rgba(77,144,232,.7);}
.pro_fl .pro_fl_box li:nth-child(5) ._list_title01{background:rgba(185,90,98,.7);}
.pro_fl .pro_fl_box li:nth-child(6) ._list_title01{background:rgba(186,161,115,.7);}
.pro_fl .pro_fl_box li:nth-child(7) ._list_title01{background:rgba(142,93,72,.7);}
.pro_fl .pro_fl_box li:nth-child(1).cur ._list_title02{background:rgba(219,162,50,.7);}
.pro_fl .pro_fl_box li:nth-child(2).cur ._list_title02{background:rgba(0,0,0,.7);}
.pro_fl .pro_fl_box li:nth-child(3).cur ._list_title02{background:rgba(80,129,80,.7);}
.pro_fl .pro_fl_box li:nth-child(4).cur ._list_title02{background:rgba(77,144,232,.7);}
.pro_fl .pro_fl_box li:nth-child(5).cur ._list_title02{background:rgba(185,90,98,.7);}
.pro_fl .pro_fl_box li:nth-child(6).cur ._list_title02{background:rgba(186,161,115,.7);}
.pro_fl .pro_fl_box li:nth-child(7).cur ._list_title02{background:rgba(142,93,72,.7);}
.pro_fl .pro_fl_box li ._list_title01 ._title{line-height:26px;margin-bottom:80px;font-size: 22px;}
.pro_fl .pro_fl_box li ._list_title01 ._title_ico{width:40px;height:40px;background:url(../images/right_arr.png) no-repeat center;margin:0 auto;}
._l_ico_title{font-size: 18px;}
.pro_fl .pro_fl_box li.cur ._list_title01{display:none;}
.pro_fl .pro_fl_box li.cur .pro_fl_list{padding:45px;}
.pro_fl .pro_fl_box li.cur ._list_title02{color:#fff;padding:64px 74px 78px 42px;display:block;}
.pro_fl .pro_fl_box li.cur ._list_title02 ._list_title02_box{width:100%;overflow:hidden;}
.pro_fl .pro_fl_box li ._list_title02 ._title02_l{width:40%;text-align:center;font-size:25px;float:left}
.pro_fl .pro_fl_box li ._list_title02 ._title02_l ._l_ico{width:80px;height:80px;margin:50px auto 20px;}
.pro_fl .pro_fl_box li ._list_title02 ._title02_r{width:55%;font-size:13px;line-height:24px;float:left;margin-left: 5%;}
.pro_fl .pro_fl_box li ._list_title02 ._title02_r ._r_text{height:100px;overflow:hidden;margin-bottom:40px;}
.pro_fl .pro_fl_box li ._list_title02 ._title02_r ._r_more{display:block;width:118px;height:37px;border:1px solid #fff;line-height:37px;text-align:center;}
.pro_fl .pro_fl_box li ._list_title02 ._title02_r ._r_more:hover{color:#fff;}
.pro_fl .pro_fl_box li ._list_title02 ._title02_l ._l_ico img{width: 100%;;}
.pro_home .pro_fl{margin-bottom:90px;}

.pro_home .pro_hot{margin-bottom:80px;}
.pro_home .pro_hot_hd{text-align:center;margin-bottom:55px;}
.pro_home .pro_hot_hd ._hot_hd_title{font-size:45px;color:#1d1d1d;margin-bottom:20px;}
.pro_home .pro_hot_hd ._hot_hd_text{padding:0px 234px;font-size:14px;color:#4b4b4b;line-height:24px;}
.pro_home .pro_hot_bd{position:relative;}
.pro_home .pro_hot_bd .pro_list_box{height:490px;overflow:hidden;}
._r_more{color:#fff;text-decoration: none;}
.pro_fl{margin-bottom: 80px;height:500px;}

.yzbox{
  display: none;
  position: fixed;
  z-index: 99999999;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background: rgba(0,0,0,.7)
  }
.yzbd{
    width: 1040px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -520px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.yzclose {
    position: absolute;
    right: -45px;
    top: -2px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    margin-top: 2.5px;
    background: url(../images/myclose.png);
}
.yzmain{
  height:100%;
  width: 100%;
  padding: 30px;
}
.yzmain iframe{
  width: 100%;
   min-height: 25px;
}
.yztable{    
    margin: 0 auto;
    height: auto;
    border: 1px solid #D3D8F7;
  
}
.yztable tr td{
      font-weight: normal;
      border-left: 1px solid #D3D8F7;
      padding: 10px 6px;
}
.yztable tr> td:first-child{border-left: none;}

.yztable  tr:nth-child(1) {
    background: #EBECFE;
}
.yztable  tr:nth-child(1) td{font-size: 16px;}
.yztable  tr:nth-child(2) td{font-size: 14px;}
.yztable  tr:nth-child(2) {
    background: #fff;
}

.yztable1{
    height: auto;
    border: 1px solid #D3D8F7;
}
.yztable1 tr td:first-child{
  background: #EBECFE;
  font-weight:bold;
  font-size: 14px;

}
.yztable1 tr td:last-child{
  background: #fff;
  border-left: none;
  font-size: 13px;
}
.yztable1 tr td{
      font-weight: normal;
      border-left: 1px solid #D3D8F7;
      padding: 5px 10px 5px 15px;    
}
.yztable1 tr{border-bottom: 1px solid #D3D8F7;}
.yztable1 tr:last-child{border-bottom: none;}
.yztable1 tr td{border-left: 1px solid #D3D8F7;}
.yztable1 tr td:first-child{border-left: none;}
.ser_s3 .sbox {height:auto;overflow: hidden;margin-top: 80px;}
.ser_s3 .sbox li{
	position: relative;
	margin-bottom: 30px;
	width: 100% !important;
}
.ser_s3 .sbox li .simg{
	  width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ser_s3 .sbox li .simg img{
	width: 100%;
	  display: inline-block;
    width: 55%;
    vertical-align: top;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}


.ser_s3 .sbox li h3{
	font-size: 20px;
}
.ser_s3 .sbox li span{
	
	display: block;
    width: 40px;
    height: 3px;
    margin: 12px 0 50px 0;
    background: #baa173;
    
}
.ser_s3 .sbox li .stxt{
	background: #fff;
	padding: 70px 55px;
	box-shadow: 0 0px 29px -1px grey;
}
.ser_s3 .sbox li:nth-child(2){margin-bottom: 0;}
.ul_7.t_center li{
	width: auto;
  padding: 0 40px;
}


@media  (max-width: 1500px) {
  .tdsec li{height:350px}
  .tdsec li{padding: 10px}
  .td_txt{padding: 25px;}
  .techul li>div{padding:40px 35px; }
  .techul li{height:440px;}
}
@media (min-width: 1441px) {
  .new_ul li .newpic img,.hm-brand .brand-info .b-i_pic img{height:265px}
}
@media (max-width: 1440px) {
  .new_ul li .newpic img,.hm-brand .brand-info .b-i_pic img{height:185px}
}
@media (max-width: 1300px) {
	.ul_7.t_center li{padding: 0 25px;}
}
@media (max-width: 640px) {
  .new_ul li .newpic img,.hm-brand .brand-info .b-i_pic img{height:auto}
  .zdxx li:nth-child(4n+1){margin-left: 2% !important;}
  .zdxx li:nth-child(3n+1){margin-left: 2% !important;}
  .zdxx li:nth-child(2n+1){margin-left: 0 !important;}
  .zdxx {margin-bottom: 30px;}
  .techul li{width:100%;height:auto;}
  .techul li>div{padding: 25px 15px;}
  .techul li h2{font-size: 17px;margin-bottom: 15px}
  .techul{margin: 30px 0;}
  .jyxt li{width:100%;float:none;margin-left: 0;margin-bottom: 15px;height:150px;}
  .jyxt .d_no img{margin-bottom: 15px;}
  .ulxx p{font-size: 14px;line-height: 20px;}
  .yzbd{width: 98%;margin-left: -49%;}
  .yzclose{right:0;top:-45px;}
  .jyxt li h3{font-size: 16px;}

}


/****************/





@media (min-width: 641px){
 	
  .phbox{display: none !important;}
	

 }
@media (max-width: 640px) {
 
  header.phbox{background: #000;top:0;}
 
  }