@charset "utf-8";
/* CSS Document */
.ban{ overflow:hidden; width:100%; margin-bottom:80px }
.fullSlide {width:100%;position:relative;height: calc(100vh - 70px);overflow:hidden; background:#9b8369}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important; overflow:hidden; height: calc(100vh - 70px);}

.fullSlide .bd li h2{ width:100%; float:left; overflow:hidden; line-height:76px; font-size:68px; color:rgba(255,255,255,.9); text-align:center; margin:150px 0 30px}
.fullSlide .bd li h3{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:rgba(255,255,255,.9); text-align:center; font-weight:normal; margin-bottom:200px}
.fullSlide .bd li h4{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:rgba(255,255,255,.9); text-align:center; font-weight:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px}
.fullSlide .bd li h5{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:rgba(255,255,255,.9); text-align:center; font-weight:normal;}
.fullSlide .bd li h5 b{ padding:0 20px}
.fullSlide .bd li span:nth-of-type(1){ margin-right:30px}
.fullSlide .bd li span:nth-of-type(2){ margin-left:30px}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:25px;left:0;height:10px;line-height:10px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px; margin-right:8px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;border-radius:50% }
.fullSlide .hd ul .on {background:#c0a264;filter:alpha(opacity=100);opacity:1.0}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:76px;background:url(arrleft.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=70);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;;background:url(arrright.png) 0 0 no-repeat;}

.dl01{ width:100%; float:left; overflow:hidden; margin-bottom:60px}
.dl01 dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:40px; font-size:31px; color:#000; margin-bottom:5px}
.dl01 dd{ width:100%; float:left; overflow:hidden; text-align:center; line-height:30px; font-size:16px; color:#666}

.about01{ width:100%; float:left; overflow:hidden; margin-bottom:60px}
.about01 h6{ width:700px; float:left; overflow:hidden; margin-right:50px}
.about01 h6 img{ width:100%; float:left; overflow:hidden}
.about01 dl{ width:650px; float:left; overflow:hidden; }
.about01 ul{ width:100%; float:left; overflow:hidden; margin-bottom:25px}
.about01 ul p{ width:100%; float:left; overflow:hidden; line-height:36px; font-size:16px; color:#4d4d4d; margin-bottom:15px}
.about01 dd{ width:100%; float:left; overflow:hidden}
.about01 dd a{ display:block; float:left; overflow:hidden; width:150px; height:46px; text-align:center; line-height:46px; color:#fff; background:#c0a264; font-size:15px; letter-spacing:1px}
.about01 dd a:hover{ background:#e15848}

.about02{ width:100%; float:left; overflow:hidden; }
.about02 dl{ width:25%; float:left; overflow:hidden}

.about02 dl dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:40px; font-size:16px; color:#c0a264}
.about02 dl dt span{ font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.about02 dl dd{ width:100%; float:left; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#333}



/* 产品中心 */
.pro01{ padding:50px 0 ; background:#f5f6fa}
.pro01_m{ display:none}
.swiper {width: 100%;height: 100%; margin-bottom:50px}

.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;  padding:20px 20px 40px; box-sizing:border-box}
.swiper-slide img{ width:100%; margin-bottom:10px}
.swiper-slide a{ color:#333;}
.swiper-slide a:hover{ color:#c0a264}

@media (max-width: 760px) {
.swiper-button-next {right: 20px;transform: rotate(90deg);}
.swiper-button-prev {left: 20px;transform: rotate(90deg);}
}
.pro01 h6{ width:100%; float:left; overflow:hidden; display:flex;  justify-content:center;}
.pro01 h6 a{ width:150px; height:46px; line-height:46px; text-align:center; border:1px solid rgba(192,162,100,.5); font-size:15px; color:rgba(192,162,100,.9); letter-spacing:1px}
.pro01 h6 a:hover{ border:1px solid rgba(192,162,100,1); background:rgba(192,162,100,1); color:#fff }


/* 案例 */
.case01{ background:url(casebg.jpg) no-repeat center 0; padding-top:80px; margin-bottom:50px}
.case01 dl{ margin-bottom:30px}
.case01 dt{ color:rgba(255,255,255,.95); margin-bottom:25px}
.case01 dd{color:rgba(255,255,255,.9)}
.dl01 h6{ width:100%; float:left; overflow:hidden; display:flex;  justify-content:center; margin-bottom:25px}
.dl01 h6 span{ display:block; float:left; overflow:hidden; height:46px; line-height:46px; background:#c0a264; color:rgba(255,255,255,.95); font-size:16px; letter-spacing:2px; border-radius:24px; padding:0 50px; font-weight:normal}

.case-ul{ width:100%; float:left; overflow:hidden; display:flex;  justify-content:center; margin-bottom:50px}
.case-ul a{ width:90px; height:90px; padding:5px; background:#c0a264; font-size:18px; color:rgba(255,255,255,.9); border-radius:50%; margin-right:40px}
.case-ul a:last-child{ margin-right:0}
.case-ul a span{ display:block; width:90px; height:90px; border:1px solid #fff; box-sizing:border-box; text-align:center; border-radius:50%; display:flex; align-items:center;  justify-content:center;}

.case-ul2{ width:100%; float:left; overflow:hidden}
.case-ul2 dl{ width:31.5%; float:left; overflow:hidden; margin-right:2.75%; margin-bottom:20px}
.case-ul2 dl:nth-child(3n){ margin-right:0}
.case-ul2 dl dd{ width:100%; float:left; overflow:hidden}
.case-ul2 dl dd img{ width:100%; float:left; overflow:hidden}
.case-ul2 dl dt{ width:100%; float:left; overflow:hidden; height:60px; line-height:60px; padding:0 15px; box-sizing:border-box; border:1px solid #e5e5e5; border-top:none}
.case-ul2 dl dt a{ font-size:18px; color:#333; font-weight:bold}
.case-ul2 dl dt span{ float:right; line-height:60px; height:60px; display:flex; align-items:center}
.case-ul2 dl dt span img:last-child{ display:none}
.case-ul2 dl:hover dt{ border:1px solid rgba(192,162,100,.7); border-top:none}
.case-ul2 dl:hover dt a{ color:rgba(192,162,100,1)}
.case-ul2 dl:hover dt span img:last-child{ display:block}

.case-ul2 dl:hover dt span img:first-child{ display:none}
.case01 h5{ width:100%; float:left; overflow:hidden; display:flex;  justify-content:center;}
.case01 h5 a{ display:block; float:left; overflow:hidden; width:180px; height:46px; text-align:center; line-height:46px; color:#fff; background:#c0a264; font-size:15px; letter-spacing:1px}
.case01 h5 a:hover{ background:#e15848}


/* 定制 */
.dz01{ background:url(dzbg.jpg) no-repeat center 0; padding-top:60px;}
.dz01 h3{ width:100%; float:left; overflow:hidden; text-align:center; font-size:32px; color:#fff; line-height:35px; margin-bottom:10px}
.dz01 h4{ width:100%; float:left; overflow:hidden; text-align:center; font-size:21px; color:rgba(255,255,255,.8); font-weight:normal; line-height:35px; margin-bottom:50px}
.dz01 ul{ width:100%; float:left; overflow:hidden; display:flex;  justify-content:center; }
.dz01 ul dl{ border-right:1px dashed rgba(255,255,255,.5); padding:0 50px}
.dz01 ul h6{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:20px}
.dz01 ul h6 img{ height:60px}
.dz01 ul dt{ width:100%; float:left; overflow:hidden; text-align:center; color:#fff; font-size:18px; line-height:30px;}
.dz01 ul dd{ width:100%; float:left; overflow:hidden; text-align:center; color:rgba(255,255,255,.8); font-size:14px;  line-height:30px; margin-bottom:50px}
.dz01 ul h5{ width:100%; float:left; overflow:hidden; text-align:center}


/* 新闻 */
.news01{ background:#eaeaea; padding:80px 0 50px }
.news01 h4{ font-family: "arial black", "avant garde"; font-size: 48px; color:#2f2f2f; width:100%; float:left; overflow:hidden; line-height:55px; margin-bottom:10px}
.news01 h4 span{color: #C0A264; }
.news01 h3{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:26px; color:#333; font-weight:normal; margin-bottom:50px}

.news02{ width:100%; float:left; overflow:hidden}
.news02 dl{  width:31.5%; float:left; overflow:hidden; margin-right:2.75%; margin-bottom:20px}
.news02 dl:nth-child(3n){ margin-right:0}
.news02 dl h6{ width:100%; float:left; overflow:hidden}
.news02 dl h6 img{ width:100%; float:left; overflow:hidden}
.news02 dl ul{ width:100%; float:left; overflow:hidden; background:#fff; padding:20px 30px; box-sizing:border-box}
.news02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:10px}
.news02 dl dt a{ font-size:18px; color:#333; font-weight:bold}
.news02 dl dt a:hover{color:#c0a264}
.news02 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; color:#666; font-size:14px; padding-bottom:15px; border-bottom:1px solid #eee; height:52px; margin-bottom:15px}
.news02 dl h6{ width:100%; float:left; overflow:hidden; line-height:30px; }
.news02 dl h6 a{  color:#c0a264; font-size:14px; font-weight:normal}
.news02 dl h6 a:hover{ text-decoration:underline}

.m_80{ margin-bottom:80px}

/******** 手机版 ********/
@media (max-width:767px){
.ban{  margin-bottom:20px }
.fullSlide .bd li h2{ line-height:30px; font-size:26px; margin:150px 0 10px}
.fullSlide .bd li h3{ line-height:20px; font-size:15px;margin-bottom:150px}
.fullSlide .bd li h4{ line-height:20px; font-size:12px; margin-bottom:10px; padding:0 20px; box-sizing:border-box}
.fullSlide .bd li h5{line-height:30px; font-size:12px; ;}
.fullSlide .bd li h5 b{ padding:0 5px}
.fullSlide .bd li span:nth-of-type(1){ margin-right:10px}
.fullSlide .bd li span:nth-of-type(2){ margin-left:10px}

.fullSlide .prev,.fullSlide .next { background-size:50%; background-position: center center}


.dl01{  margin-bottom:20px}
.dl01 dt{  line-height:22px; font-size:19px; margin-bottom:5px}
.dl01 dd{ line-height:20px; font-size:13px}
.about01{  margin-bottom:20px}
.about01 h6{ width:100%;margin-right:0px; margin-bottom:15px}

.about01 dl{ width:100%;  }
.about01 ul{ margin-bottom:0px}
.about01 ul p{  line-height:22px; font-size:13px; color:#4d4d4d; margin-bottom:10px}
.about01 dd { border-bottom:1px solid #eee; padding-bottom:20px}
.about01 dd a{  width:150px; height:40px;  line-height:40px;  font-size:14px;}

.about02 dl dt{  line-height:30px; font-size:14px; }
.about02 dl dt span{ font-size:30px; }
.about02 dl dd{  line-height:20px; font-size:12px; color:#333}


/* 产品中心 */
.pro01{ padding:20px 0 30px ;}
.swiper { display:none}
.pro01_m{ width:94%; padding:0 3%; display:block; float:left; overflow:hidden; }
.pro01_m dl{ width:48%; float:left; overflow:hidden; margin-bottom:15px}
.pro01_m dl:nth-child(2n+1){ margin-right:4%}
.pro01_m dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:5px;}
.pro01_m dl dd img{ width:100%; float:left; overflow:hidden}
.pro01_m dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; height:30px}
.pro01_m dl dt a{ color:#4d4d4d; font-size:14px;}

.pro01 h6 a{ width:150px; height:40px; line-height:40px; font-size:14px;}


/* 案例 */
.case01{ background:url(casebg2.jpg) no-repeat center 0;  padding-top:30px; margin-bottom:20px}
.case01 dl{ margin-bottom:30px}
.case01 dt{ color:rgba(255,255,255,.95); margin-bottom:15px}
.case01 dd{color:rgba(255,255,255,.9)}
.dl01 h6{margin-bottom:25px}
.dl01 h6 span{ height:40px; line-height:40px;font-size:14px; letter-spacing:2px; border-radius:21px; padding:0 30px; }

.case-ul{  margin-bottom:10px}
.case-ul a{ width:60px; height:60px; padding:5px; font-size:15px; line-height:26px;  margin-right:20px}
.case-ul a:last-child{ margin-right:0}
.case-ul a span{ width:60px; height:60px; }

.case-ul2 dl{ width:48%; margin-right:0; margin-bottom:15px}
.case-ul2 dl:nth-child(2n+1){ margin-right:4%}
.case-ul2 dl dt{ height:40px; line-height:40px; padding:0 10px;}
.case-ul2 dl dt a{ font-size:13px; }
.case-ul2 dl dt span{line-height:40px; height:40px}
.case-ul2 dl dt span img:last-child{ display:none}
.case01 h5 a{  width:150px; height:40px; line-height:40px; font-size:14px; }


/* 定制 */
.dz01{ background:url(dzbg.jpg) no-repeat center 0; padding:30px 0 10px;}
.dz01 h3{ font-size:21px; line-height:26px; margin-bottom:5px}
.dz01 h4{font-size:14px;line-height:20px; margin-bottom:40px}
.dz01 ul{ width:100%; float:left; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; }
.dz01 ul dl{ border-right:1px dashed rgba(255,255,255,.5); padding:0; box-sizing:border-box; width:33.33%; margin-bottom:25px}
.dz01 ul dl:nth-child(3n){ border:none}
.dz01 ul h6{ margin-bottom:20px}
.dz01 ul h6 img{ height:40px}
.dz01 ul dt{ font-size:16px; line-height:30px;}
.dz01 ul dd{ font-size:12px;  line-height:20px; margin-bottom:0px}
.dz01 ul h5{ display:none}


/* 新闻 */
.news01{ padding:30px 0 10px }
.news01 h4{font-size:30px;line-height:35px; margin-bottom:0px}
.news01 h3{ line-height:30px; font-size:21px; margin-bottom:10px}

.news02 dl{  width:48%;  margin-right:0; margin-bottom:20px}
.news02 dl:nth-child(3n){ margin-right:0}
.news02 dl:nth-child(2n+1){ margin-right:4%}
.news02 dl:last-child{ display:none}

.news02 dl ul{padding:10px;}
.news02 dl dt{ line-height:30px; height:30px; margin-bottom:10px}
.news02 dl dt a{ font-size:14px;}

.news02 dl dd{ line-height:20px; font-size:12px; padding-bottom:0px; height:40px; margin-bottom:15px; border:none}
.news02 dl h6{  line-height:30px;  border-top:1px solid #eee; padding-top:10px}
.news02 dl h6 a{  font-size:12px;}




















.m_80{ margin-bottom:20px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.about01 dl{  height:500px; display:flex;flex-wrap:wrap;align-content:center; }
.dz01{height:400px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.about01 dl{  height:500px; display:flex;flex-wrap:wrap;align-content:center; }
.dz01{height:400px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.about01 dl{  height:500px; display:flex;flex-wrap:wrap;align-content:center; }
.dz01{height:400px}
}

/******** 1400px ********/
@media (min-width:1440px){
.about01 dl{  height:500px; display:flex;flex-wrap:wrap;align-content:center; }
.dz01{height:400px}
}