@charset "utf-8";
/* CSS Document */
img{max-width:100%; height:auto;}
.imglist{width:80%; height:auto; max-width:1200px; margin:90px auto 0;}
.imglist li{width:30%; height:auto; border-radius:5px; overflow:hidden; float:left; margin-left:5%; transition: all 0.3s;}
.imglist li img{display:block;}
.imglist li:first-child{margin-left:0;}
.imglist li:hover {
    cursor: pointer;
    transform: translate(0, -20px); /* 向上移动20px */
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
/* 关于 */
.ind-about-w{width:100%; height:auto; background:url(../images/bg01.jpg) repeat-x center bottom; padding:86px 0 120px;}
.ind-about-n{width:80%; height:auto; max-width:1200px; margin:0 auto;}
.ind-about-tt{width:220px; height:auto; margin:0 auto;}
.ind-about-txt{width:80%; height:auto; margin:20px auto 0; text-align:center; font-size:1.2em; color:#6a3906; line-height:1.8em;}
/* 视频 */
.ind-vd-w{width:100%; height:auto; overflow:hidden;}
.ind-vd{position:relative;}
#indexvideo{object-fit:cover; display:none;position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; transition: all 0.3s;} 
.about_2_video_title{position:absolute; left:0; top:0; width:100%; height:100%; z-index:999; text-align:center;}
.about_2_video_title_1{font-size:2.0em; color:#fff;}
.about_2_video_title_2 a{margin:0 0.5em; display:inline-block; border:1px #6a3906 solid; font-size:1.0em; width:10.5em; line-height:2.928571428571429em; color:#fff; background-color:rgba(106,57,6,0.7); border-radius:5px;}
.about_2_video_title_2{margin-top:1.8em; display:none;}
.about_2_video_title_2 a:hover{background-color:#f1be7c; color:#6a3906;}
/* 产品 */
.ind-pro-w{width:100%; height:auto; padding:100px 0 80px; background:url(../images/bg03.jpg) no-repeat center bottom;}
.ind-pro-n{width:80%; height:auto; max-width:1200px; margin:0 auto;}
.ind-pro-tt{width:100%; height:auto; margin-bottom:30px; font-size:1.8em; color:#85501b; text-align:center; font-weight:bold;}
.ind-pro{width:100%; height:520px;}
.ind-pro .img{display:block;}
.ind-pro-n .hy-dot{bottom:0px;}
.ind-pro-n .hy-dot i{background:rgba(0,0,0,.3);}
.ind-pro-n .hy-dot i.active{background:#af7738;}
/* 数字 */
.ind-nub-w{width:100%; height:auto; padding:64px 0; background:#fff; overflow:hidden;}
.ind-nub-n{width:80%; height:auto; max-width:1200px; margin:0 auto;}
.ind-nublist{width:100%; height:auto;}
.ind-nublist li{width:20%; height:auto; float:left;}
.nubtb{width:80px; height:80px; border:1px solid #af7738; text-align:center; line-height:80px; float:left; border-radius:50%; box-sizing:border-box;}
.nubtb i{font-size:48px; color:#af7738;}
.nubtxt{font-size:1.2em; color:#af7738; line-height:1.2em; float:left; display:inline-block; padding-top:20px; margin-left:5px;}
.nubtxt h1{font-size:1.6em; font-weight:bold; color:#af7738;}
.nubtxt h1 span{font-size:0.5em; font-weight:normal;}
.ind-nublist li:first-child i{font-size:70px;}
.ind-nublist li:nth-child(5){padding-left:20px;}
/* 新闻 */
.ind-news-w{width:100%; height:auto; overflow:hidden; background:url(../images/bg02.jpg) no-repeat center top; padding:130px 0; background-attachment:fixed;}
.ind-news-n{width:80%; height:auto; max-width:1200px; margin:0 auto;}
.ind-news{width:100%; height:auto;}
.ind-news li{width:100%; height:auto; background:#fff; overflow:hidden; transition: all 0.3s; margin-top:50px;}
.ind-news li a{display:block;}
.ind-news li:first-child{margin-top:0;}
.ind-newsimg{width:31.6%; height:auto; float:left;}
.ind-newsimg img{display:block;}
.ind-newstxt{width:68.3%; height:auto; overflow:hidden; float:right;}
.ind-newstxt-tt{width:85%; height:164px; overflow:hidden; border-bottom:1px solid #dfc9b2; margin:35px auto 0;}
.ind-newstxt-tt h1{width:100%; height:auto; line-height:1.5em; font-size:1.6em; color:#85501b; font-weight:bold; padding-top:30px;}
.ind-newstxt-tt h2{width:100%; height:auto; line-height:1.5em; font-size:1.2em; color:#b28850; padding-top:20px;}
.ind-newsmore{width:85%; height:50px; line-height:50px; font-size:1.5em; color:#b5824d; text-align:right; margin:0 auto 35px;}
.ind-newsmore i{font-size:1.1em; padding-left:5px; line-height:50px; vertical-align:middle;}
.ind-news li:hover{background:rgba(255,255,255,.85);}
@media screen and (max-width: 1440px) {
.ind-pro-w{padding:100px 0 80px;}
.ind-pro-n{width:80%;}
.ind-pro-tt{margin-bottom:30px; font-size:1.8em;}
.ind-pro{height:480px;}
.ind-about-txt{font-size:1.1em; line-height:1.8em;}
.ind-newstxt-tt h2{font-size:1.15em; line-height:1.5em;}

}

@media screen and (max-width: 1280px) {
.imglist{width:90%; margin:80px auto 0;}
.ind-about-w{padding:80px 0 100px;}
.ind-pro-w{padding:80px 0 60px; background-size:cover;}
.ind-pro-n{width:90%;}
.ind-pro-tt{margin-bottom:25px; font-size:1.6em;}
.ind-pro{height:400px;}
.ind-nub-n{width:90%;}
.nubtb{width:60px; height:60px; line-height:60px;}
.nubtb i{font-size:40px;}
.nubtxt{font-size:1.1em; line-height:1.2em; padding-top:15px; margin-left:5px;}
.nubtxt h1{font-size:1.5em;}
.nubtxt h1 span{font-size:0.5em;}
.ind-nublist li:first-child i{font-size:60px;}
.ind-nublist li:nth-child(5){padding-left:20px;}

.ind-news-w{padding:100px 0;}
.ind-news-n{width:90%;}
.ind-news li{margin-top:40px;}
.ind-newsimg{width:28%;}
.ind-newstxt{width:70%;}
.ind-newstxt-tt{width:85%; height:140px; margin:35px auto 0;}
.ind-newstxt-tt h1{line-height:1.4em; font-size:1.3em; padding-top:20px;}
.ind-newstxt-tt h2{line-height:1.8em; font-size:1.1em; padding-top:10px;}
.ind-newsmore{width:85%; height:50px; line-height:50px; font-size:1.2em; margin:0 auto 35px;}
.ind-newsmore i{font-size:1.0em; padding-left:5px; line-height:50px;}

}
@media screen and (max-width: 1024px) {
.about_2_video_title_1{font-size:1.5em;}
.about_2_video_title_2 a{font-size:0.75em;}

}

@media screen and (max-width: 768px) {
.about_2_video_title_1{font-size:1.25em;}
.imglist{margin:60px auto 0;}
.imglist li{width:31%; border-radius:5px; margin-left:3.5%;}
.ind-about-w{padding:66px 0 80px;}
.ind-about-n{width:90%;}
.ind-about-tt{width:180px;}
.ind-about-txt{margin:20px auto 0; font-size:1.1em; line-height:1.6em;}
.ind-pro-w{padding:60px 0 50px;}
.ind-pro-n{width:90%;}
.ind-pro-tt{margin-bottom:20px; font-size:1.5em;}
.ind-pro{height:300px;}
.ind-nub-w{padding:64px 0;}
.ind-nub-n{width:90%;}
.nubtb{width:55px; height:55px; line-height:53px; float:none; margin:0 auto;}
.nubtb i{font-size:36px;}
.ind-nublist li:first-child i{font-size:50px;}
.nubtxt{width:100%; float:none; padding-top:10px; margin-left:0px; text-align:center; font-size:1.0em; line-height:1.2em;}
.nubtxt h1{font-size:1.6em; line-height:1.2em;}
.nubtxt h1 span{font-size:0.7em;}
.ind-news-w{padding:70px 0;}
.ind-news li{margin-top:30px;}
.ind-newsimg{width:33%;}
.ind-newstxt{width:66%;}
.ind-newstxt-tt{width:85%; height:100px; margin:25px auto 0;}
.ind-newstxt-tt h1{line-height:1.4em; font-size:1.2em; padding-top:5px;}
.ind-newstxt-tt h2{line-height:1.4em; font-size:0.9em; padding-top:10px;}
.ind-newsmore{width:85%; height:40px; line-height:40px; font-size:1.1em; margin:0 auto 25px;}
.ind-newsmore i{font-size:1.0em; padding-left:5px; line-height:40px;}



}
@media screen and (max-width: 480px) {

.imglist{width:80%; margin:60px auto 0;}
.imglist li{width:100%; margin-left:0; margin-bottom:30px;}
.imglist li:first-child{margin-left:0;}

.ind-about-w{padding:30px 0 70px;}
.ind-about-n{width:90%;}
.ind-about-tt{width:160px;}
.ind-about-txt{width:90%; margin:20px auto 0; font-size:1.0em; line-height:1.8em; color:#906b44;}

.ind-pro-w{padding:60px 0 50px; background-size:contain;}
.ind-pro-n{width:90%;}
.ind-pro-tt{margin-bottom:20px; font-size:1.2em;}
.ind-pro{height:180px;}

.ind-nub-w{padding:60px 0 30px;}
.ind-nublist li{width:33.33%; height:auto; float:left; margin-bottom:30px;}
.ind-nublist li:nth-child(5){padding-left:0px;}
.nubtb{ border:1px solid #d1aa81;}
.nubtxt{padding-top:5px; font-size:0.9em; line-height:1.2em; color:#d1aa81;}
.nubtxt h1{font-size:1.6em; line-height:1.2em;}
.nubtxt h1 span{font-size:0.7em;}
		
.ind-news-w{padding:60px 0;}
.ind-newsimg{width:48%;}
.ind-newstxt{width:52%;}
.ind-newstxt-tt{width:90%; height:auto; margin:20px auto 0; padding-bottom:10px;}
.ind-newstxt-tt h1{line-height:1.5em; font-size:1.0em; padding-top:0px;}
.ind-newstxt-tt h2{display:none;}
.ind-newsmore{width:90%; height:30px; line-height:30px; font-size:1.0em; margin:0 auto;}
.ind-newsmore i{padding-left:3px; line-height:30px;}


}