﻿
.wrap{ background:#110801;}
.wrap img{ width:100%; display: block; height:100%;}

.banner { position:relative;}
.banner .m-cnt{ width:100%; text-align:center; position:absolute; bottom:0.5rem;left:0;}
.banner .m-cnt li{ width: 1.6%; height: 0.42rem; background:#FFF; background-size: 100% 0.42rem; border-radius: 10rem;margin: 0 0.8%; display:inline-block;}
.banner .m-cnt li.z-on{ background:#FDA33B; width:4%; border-radius: 10rem;}


.id_loading{position:fixed;width:100%;height:100%; top:0; background:url(../images/home.jpg) no-repeat #c29b4c;background-size:100% auto;z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;margin:0 auto;}

.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }

@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

/*广告*/
.ban{position: relative;}
.ban img { line-height: 0}


/*标题样式*/
.hdtit{padding:3.6rem 0 2rem;  }

.kong{height:0.9rem; margin-top:-0.9rem;}
/*产品*/
.pro_con{padding: 0 0.5rem 2.8rem; text-align:center;}
.pro_con .m-cnts li{width:22.8%;height:4.8rem;margin:0 0.46%; display:inline-block;color:#fedfa6;font-size:1.2rem; background:url(../images/pjbt2.png) no-repeat; background-size:100% 4.8rem;  }
.pro_con .m-cnts li b{ display:block; height:1rem;padding:0.9rem 0 0.5rem;}
.pro_con .m-cnts li.z-on{ background-image:url(../images/pjbt1.png);color:#513b24}
.pro_con .no_ov{width:100%;}
.pro_con .m-boxss .con{float:left;}
.pro_con .m-boxss p{border:0.3rem solid #534536;margin:1.2rem 1rem;}
.pro_con .m-cnts2 li{width:0.5rem;height:0.5rem; display:inline-block; border:0.1rem solid #FFF;border-radius:1rem;margin:0.5rem 0.25rem;}
.pro_con .m-cnts2 li.z-on{ background:#b28e44;border-color:#b28e44}

/**/
.case{padding-bottom:1.6rem;background:#190f05 url(../images/casebg1.jpg) no-repeat; background-size:100% 39rem;}
.case ul{padding:0 1rem;}
.case li{float:left; width:48%; background:url(../images/casebg.jpg) no-repeat; background-size:100% 14rem; height:14rem;margin-bottom:1.3rem;}
.case li:nth-of-type(2n){float:right;}
.case li img{width:94%;margin:0.4rem auto;}
.case li span{ display:block; text-align:center; line-height:2.2rem; height:2.2rem;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;color:#fedfa6;}

/**/
.ys{ background:#190f05;  text-align:center;}
.ys dl{width:28.8rem;padding:0 0.7rem; height:28.7rem; margin:0 auto; background:url(../images/slbg.png) no-repeat ; background-size:100% 28.7rem;}
.ys dl dt span{ display:block; height:2.8rem; line-height:2.8rem;font-size:1.4rem;color:#190f05;margin-bottom:1rem; font-weight:bold;}
.ys dl dd {font-size:1.4rem; color:#c29b4c; line-height:2rem;margin-top:1rem;padding:0 0.5rem;}
.ys .m-cnt li{width:0.5rem;height:0.5rem; display:inline-block; border:0.1rem solid #7e7871;border-radius:1rem;margin:1.1rem 0.25rem;}
.ys .m-cnt li.z-on{ background:#b28e44;border-color:#b28e44}
.ys h3 a{ font-size:1.4rem; font-weight:bold; text-align:center; padding:0.2rem 0 2rem; display:block;background-image:-webkit-linear-gradient(bottom right, #f6df9b , #b28e44 ,#f6df9b , #b28e44 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/*dz */
.dz .hdtit{ padding:4.6rem 0 1rem;}
.dz .dz_con{ padding:0 1rem; text-align:center;}
.dz_con .m-cnt li{width:32%;height:3.3rem;line-height:3.3rem;margin:0.8rem 0 3.5rem; display:inline-block;color:#fedfa6;font-size:1.4rem; background:url(../images/dzbt2.jpg) no-repeat; background-size:100% 3.3rem; text-align:center;  }
.dz_con .m-cnt li.z-on{ background-image:url(../images/dzbt1.jpg);color:#674e30; font-weight:bold;}

/**/
.team{background:url(../images/teambg.jpg) no-repeat; background-size:100% 31.4rem; }
.team dl{width:30rem; margin:0 auto; background:#3f3933 url(../images/teambg2.jpg);border-radius:0.5rem; overflow:hidden;}
.team dl dt{width:40%;float:left; position:relative;}
.team dl dt i{ position:absolute;right:0;bottom:0;width:1.8rem;height:1.8rem;color:#000;line-height:1.8rem;background:#b08e46; text-align:center;font-size:1.2rem; display:block;}
.team dl dd{width:56.6%;float:right;}
.team dl dd b{margin-top:1.5rem; line-height:2rem;color:#bb9f76; font-size:1.5rem;  position:relative; padding-bottom:1.1rem; display:block;}
.team dl dd b:before{ content:""; position:absolute;height:1px;width:2.8rem;left:0;top:2.5rem; background:#bb9f76}
.team dl dd p{font-size:1.2rem; line-height:1.5rem;color:#bb9f76;width:90%;}
.team .m-cnt{ text-align:center;}
.team .m-cnt li{width:0.5rem;height:0.5rem; display:inline-block; border:0.1rem solid #7e7871;border-radius:1rem;margin:1.5rem 0.25rem ;}
.team .m-cnt li.z-on{ background:#b28e44;border-color:#b28e44}

/*资讯*/
.news{ background:#110801;}
.news .hdtit{padding-bottom:1rem;}
.news .news_con{ position:relative;padding-bottom:2.6rem;}

.news ul.m-cnt li{ height:4rem;line-height:4rem; font-size:1.2rem;color:#d8b86d;background:#694e31; text-align:center;width:33.3%;float:left;box-sizing: border-box; border-right:1px solid #181818;}
.news ul.m-cnt li:last-child{border:0;}
.news ul.m-cnt li.z-on{ background:#d8b86d; color:#694e31}
.news .con img{margin-bottom:4rem;height:10.5rem;}
.news .con ul li{font-size:1.1rem;color:#edd1af; line-height:4rem; height:4rem; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #4c4945;margin:0 1.1rem;}
.news .con ul li a{color:#edd1af;  }

/*关于我们*/
.about {background:#190d01;}
.about dl{padding:0 1rem;}
.about dl dd {font-size:1.2rem; color:#f4d89f; line-height:1.8rem; padding:1.5rem 0 2.7rem; border-bottom:1px dashed #6b4c30; text-align:center;}
.about .photos{padding:2.2rem 1rem 4rem;}

.about .photos li{width:22.8%;height:3.7rem;margin:0 0.46%; display:inline-block;color:#fddfa3;font-size:1.2rem; background:url(../images/htbg1.png) no-repeat; background-size:100% 3.7rem; line-height:3.7rem; text-align:center; margin-bottom:1rem; }
.about .photos li.z-on{ background-image:url(../images/htbg2.png);}
.about .photos .con a{float:left;width:32.6%;margin-left:1%;margin-bottom:0.3rem; display:block;}
.about .photos .con a:first-child{width:66.4%;margin:0;}
