@charset "utf-8"; 
*{margin:0;padding:0;}
a{text-decoration:none;}
img{border:none;}
body{font-family:"微软雅黑",Arial,"PingFang SC",Tahoma;font-size: 12px;font-weight: normal;  }
ul,li{list-style:none;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
input,button,select{ outline:none}

 
 
.fl{ float:left}
.fr{ float:right}
.w1300{ width:1300px; margin:0 auto}
.w1200{ width:1200px; margin:0 auto}
.w1400{ width:1440px; margin:0 auto}
.wmain{ width:1280px; margin:0 auto}
.cen{ text-align:center}
 

.maodian{ position:absolute; margin-top: -60px;}

 

.headerbg{ height:60px; background:#fff; width:100%;} 
.header{ position:relative; overflow:hidden;  width:100%;   background:#fff;     border-bottom: 1px solid #f1f1f1    }  
.header.on{ position: fixed; left: 0; top: 0; z-index: 999;}
.header .logo{  display:block;   display:flex;justify-content: center; align-items: center; margin:20px auto; }  
.header .logo img{ width: 186px; display: block;}
.header .menu{ overflow:hidden;display:flex;justify-content: center;    align-items: center; margin-bottom:10px; }
.header .headli{  display:flex;  font-size:16px;  color:#333;  margin:0 20px; height:30px; line-height:30px;justify-content: center; align-items: center;   }
.header .headli em.le{ width:10px; height:19px; display:block;  margin-right:10px;}
.header .headli em.ri{ width:10px; height:19px; display:block;  margin-left:10px;}
.header .headli:hover{ color:#b07b59;}
.header .headli.on{  color:#b07b59;  }
 
.header .headli.on em.le{background:url(../img/icon_le.png);}
.header .headli.on em.ri{background:url(../img/icon_ri.png);}
 

.header .head_icon{ position:absolute; right:10%; top:10px; color:#333; display:flex;font-size:14px; height:24px; line-height:24px; }
.header .head_icon a{ display:block; color:#333; margin-right:20px;}
.header .head_icon a:hover{ color:#b07b59;}
.header .head_icon span{ color:#b07b59;}
 


 
.banner{ overflow:hidden; position:relative;}
.banner .swiper-slide{   background-size:cover !important;  background-repeat: no-repeat; background-position: center bottom;}
.banner .swiper-slide img{ width:100%; display:block;}

.banner .swiper-pagination-bullet{width: 22px;border-radius: 0;height: 6px;background: #FFFFFF;opacity: 0.5;}
.banner .swiper-pagination-bullet-active{width: 42px;height: 6px;background: #FFFFFF;opacity: 1;}
.banner .swiper-pagination{ bottom: 40px !important;}




.indgal{ overflow:hidden; background:url(../img/galbg.jpg); padding:120px 0 80px;}

 
.indgal .imgs{ overflow:hidden; margin:0 auto 10px;display:flex;justify-content: center; position:relative}
.indgal .imgs img{ width:100%;transition: 1000ms; }
.indgal .imgs p{ display:none; position:absolute; bottom:0; color:#fff; width:100%; text-align:center; height:40px; line-height:40px; z-index:10}
.indgal .imgs p i{ margin-left:5px;}
.indgal .name{  display:flex;  font-size:16px;  color:#333;  margin:0 20px; height:30px; line-height:30px;justify-content: center; align-items: center;  }
.indgal .name em.le{ width:10px; height:19px; display:block; background:url(../img/icon_le.png); margin-right:10px;}
.indgal .name em.ri{ width:10px; height:19px; display:block; background:url(../img/icon_ri.png); margin-left:10px;}

.indgal .imgs .img1{ display:block}
.indgal .imgs .img2{ display:none }
.indgal a:hover .img1{ display:none}
.indgal a:hover .img2{ display:block}
.indgal a:hover .img2:hover{transform:scale(1.1)}

.indgal a:hover p{ display:block}

.indgal .mySwiper{ padding-bottom:100px;}
.indgal .swiper-horizontal > .swiper-scrollbar{ width:300px; left:50%; margin-left:-200px;}


.indti{ overflow:hidden; text-align:center; padding:100px 0;}
.indti h1{ font-size:44px; font-weight:normal; color:#333; line-height:50px; margin-bottom:20px;}
.indti p{ font-size:16px; color:#b07b59;}

.indpro{display:flex;justify-content: center; flex-wrap:wrap;}
.indpro a{ display:block; margin:0 10px 60px;}
.indpro a .imgs{ overflow:hidden}
.indpro a .imgs img{ display:block;width:100%;transition: 500ms;}
.indpro a h1{ text-align:center; font-size:18px; line-height:40px; margin-bottom:10px; font-weight:normal; color:#000; width:100%;}
.indpro a span{ display:block; margin:0 auto; height:24px; line-height:24px; border-radius:0px; width:100px; text-align:center; border:1px solid #b07b59; color:#b07b59;}

.indpro a:hover span{ background:#b07b59; color:#fff;}
.indpro a:hover img{transform:scale(1.1)}


@media (max-width: 1440PX){ 
	.indpro a{ overflow:hidden; width:46%}
	.indpro a:nth-child(7){ width:100%;display:flex;justify-content: center}
	.indpro a:nth-child(7) .imgs{ width:46%}
}



.footer{ overflow:hidden; background-color: #fff; }
.footer .botmu{ display:flex;justify-content: space-between;border-top:1px solid #eee; border-bottom:1px solid #eee; padding:60px 12%; }
.footer .botmu dl{ width:120px;}
.footer .botmu dl dt{ font-size:18px; color:#000; margin-bottom:10px;}
.footer .botmu dl dd a{ display:block; color:#999; font-size:14px; line-height:28px;}
.footer .botmu dl dd a:hover{ color:#b07b59;}

.footer .bot{display:flex;justify-content: space-between;align-items: center; padding:30px 12%; font-size:14px;}
.footer .bot .fl strong{ color:#b07b59; font-size:18px; margin-left:10px;}
.footer .bot .fr{display:flex;justify-content: space-between;align-items: center;}
.footer .bot .iconbox{ display:flex;justify-content: space-between;}
.footer .bot .iconbox i{ display:block; margin-left:20px; font-size:24px; color:#b07b59}

.footer .bot_tt{ text-align:center; line-height:30px; color:#999; font-size:12px; padding:0px 0 20px}




@media (max-width: 1440PX){ 
	.footer .botmu{padding:60px 4%; }
	.footer .bot{padding:30px 4%; }
}


.gotop{ overflow:hidden; position:fixed; right:20px; bottom:20%;z-index:99}
.gotop a{ width:50px; height:50px; border:1px solid #eee;display:flex;justify-content: center;align-items: center;    border-radius: 50%; color:#444; background:#fff;}
.gotop a:hover{ background:#b07b59; color:#fff;}