@charset "utf-8";
/* CSS Document */
#banner{ height: 750px; width: 100%;}
#banner a{ width: 100%; height: 100%; display: block; background-position: center top; background-repeat: no-repeat;}
#banner .swiper-pagination-bullet{ width: 12px; height: 12px;}
.bgimg{ position: absolute; width: 100%; z-index: -1}
.indextit{ text-align: left;}
.indextit .en{ font-size: 36px; font-weight: bold; color: #a79634; line-height: 36px; text-transform: uppercase;}
.indextit .en .gray{ color: #d0d0d0; font-size: 36px;}
.indextit .cn .more{ display: inline-block; width: 70px; font-size: 12px; color: #b2a21f; border-bottom: 3px solid #a79635; line-height: 20px; padding-bottom: 5px; text-align: left;}
.indextit .cn .name{ display: inline-block; margin-top: 16px; font-size: 18px; color: #333; font-weight: lighter;}
.index-about{ padding-top: 26px; padding-bottom: 7px;  border-bottom: 1px solid #ccc;}
.index-about .abcon .abcon-img{ float: left; }
.index-about .abcon .abcon-text{ position: relative; float: left; padding: 30px 50px; margin-left: 38px; margin-top: 52px; width: 526px; height: 148px; background: #f7f7f7; line-height: 36px; text-align: left}
.index-about .abcon .abcon-text::after{ content: ''; position: absolute; left: -9px; bottom: -9px; width: 321px; height: 190px; background: #e2d699; z-index: -1}
.index-about .indextit{ padding-top: 87px;}
.index-about .indextit .en{ font-size: 24px;}
.index-about .indextit .cn{ text-align: right;}
.index-about .indextit .cn .more{ margin-top: 32px;}

.index-pro .indextit .en{ padding-right: 82px;}
.index-pro{ padding: 92px 0; }
.product{ position: relative; width: 100%; height: 490px; padding-top: 78px;}
.product .swiper-container{ position: absolute; right: 0; width: 1560px; }
.product .prolist img{position: relative; width: 100%; top: 0;left: 0;  opacity: 0.5; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.product .prolist .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:center; background: #000; opacity: 0.6;  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.product .prolist .mask .name{ display: inline-block; min-width: 50%; max-width: 85%; margin: 0 auto; padding: 10px;  color: #fff; font-size: 15px; border-bottom: 1px solid #7b7877; border-top: 1px solid #7b7877 }
.prolist:hover .mask { visibility: visible; opacity: 0; top: -100%;}
.prolist:hover img { opacity: 1;}

.index-gary{ width: 1650px; margin: 0 auto; padding-top: 75px; padding-bottom: 70px; background: #f6f5f5;}
.finished{ width: 646px;}
.finishedcon.swiper-container{ padding-top: 57px;}
.news{ width: 405px; text-align: left;}
.newscon{ padding-top: 65px;}
.news-top{ position: relative; border: 1px solid #dedddd; padding: 20px;}
.news-top .news-date{ position: absolute; top: -12px; width: 190px; color: #333; font-size: 26px; background: #f6f5f5; text-align: center;}
.news-top .news-tit{ display: inline-block; width: 100%; margin: 15px 0; color: #666; font-size: 18px;  overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;}
.news-top .news-tit:hover,.news-list li .news-tit:hover{ color: #083b75;}
.news-top:hover{border:1px solid #083b75;}
.news-top .news-info{ height: 88px; overflow: hidden; color: #888; }
.news-list li{ padding: 28px 6px 5px 10px; border-bottom: 1px dashed #d2d2d2;}
.news-list li::before{ content: ''; width: 5px; height: 5px; display: inline-block; background: #333; vertical-align: text-top; margin-top: 3px; margin-right: 6px;}
.news-list li .news-date{ float:right; color: #c1c1c1; font-size: 12px;}
.news-list li .news-tit{ display: inline-block; width: 70%; color: #666; font-size: 18px; overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;}

.index-contact{ padding-top: 50px; padding-bottom: 35px;}
.index-contact .line{ float:left; height: 25px; width: 1px; margin: 59px 52px 0 52px;  background: #a0a0a0;}
.index-contact .address{ padding-top: 29px; text-align: left; line-height: 32px;}