 
 
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body {   font:12px/20px "Futura",Arial,"PingFang SC",Tahoma; background:#fff; /* overflow-y:scroll;*/width:100%; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "Futura",Arial;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{    text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
 
a:hover, a:active, a:focus { text-decoration:none; }


 

.fl{ float:left}
.fr{ float:right}
.mt80{ margin-bottom:80px;}
.mt90{ margin-bottom:90px}
.mt100{ margin-bottom:100px}


.botbg{ width:100%; height:80px; }
.botmenu{overflow:hidden;position: fixed;left: 0;bottom: 0;background: #fff;display: flex;justify-content: space-between;align-items: center; width:92%;padding: 15px 4%; border-top:1px solid #f1f1f1; z-index:9999 }
.botmenu a{ display:block; text-align:center; color:#333;}
.botmenu a img{ display:block; margin:0 auto; width:30px;}
.botmenu .img1{ display:block}
.botmenu .img2{ display:none}
.botmenu a.on{ font-weight:bold}
.botmenu a.on .img1{ display:none}
.botmenu a.on .img2{ display:block}

.ban{ position: relative; overflow: hidden;}
.ban .swiper-pagination-bullet-active{ background-color: #b07b59;}


.indgal{ overflow:hidden;   padding:0px 0 20px;}
.indgal .imgs{ overflow:hidden; margin:0 auto 10px;display:flex;justify-content: center; position:relative; padding:10px;}
.indgal .imgs img{ width:100%;  }
.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 p{ display:block}

.indgal .mySwiper{ padding-bottom:60px;}
.indgal .swiper-horizontal > .swiper-scrollbar{ width:100px; left:50%; margin-left:-50px;}




.indpro{ overflow:hidden;display: flex;justify-content: space-between;align-items: center;    flex-wrap: wrap; padding:0 20px 50px;}
.indpro a{ width:48%; overflow:hidden; display:block; text-align:center; margin-bottom:30px;}
.indpro a img{ display:block; width:100%;}
.indpro a h1{ font-size:18px; font-weight:normal; color:#333; line-height:40px; margin-top:10px;}
.indpro a span{ width:90px; margin:0 auto; height:26px; line-height:26px;  color:#fff; background:#b07b59; display:block;}

.foot{ overflow:hidden; text-align:center; border-top:1px solid #f1f1f1; padding:20px 0; background-color: #fff;}
.foot img{ display:block; margin:0 auto; width:130px;}
.foot a{ color:#999; display:block; margin:15px auto; font-size:14px;}
.foot a strong{ font-size:28px; color:#b07b59; margin-left:5px;}
.foot .iconbox{display: flex;justify-content: center;align-items: center;}
.foot .iconbox a{ margin:0 10px;}
.foot .iconbox a i{ color:#000; font-size:18px;}



.abttab{ overflow:hidden; margin:20px; position:relative;}
.abttab .swiper-container{ padding-bottom:50px}
.abttab .swiper-slide{   background-size:cover !important;  background-repeat: no-repeat; background-position: center bottom;}
.abttab .swiper-slide img{ width:100%; display:block;}

.abttab .swiper-pagination-bullet{width: 10px;border-radius: 0;height: 4px;background: #dadada;opacity: 0.5; margin:0 3px;}
.abttab .swiper-pagination-bullet-active{width: 20px;height: 4px;background: #000;opacity: 1;}
.abttab .swiper-pagination{ bottom: 10px !important; text-align:left;}

.abttab .banner-prev{ right:40px; bottom:0; width:30px; height:30px; position:absolute;border-radius: 50%; background:#ccc; z-index:99;display: flex;justify-content: center;  align-items: center;}
.abttab .banner-next{ right:0; bottom:0; width:30px; height:30px; position:absolute;border-radius: 50%; background:#ccc; z-index:99;display: flex;justify-content: center;  align-items: center;}




.abtjg{display: flex;justify-content: space-between;  align-items: center; padding:40px 0;}
.abtjg .imgs{ overflow:hidden; width:55%}
.abtjg .imgs img{ display:block; width:100%;}
.abtjg .jginfo{ text-align:center; flex:1;}
.abtjg .jginfo h1{ font-size:24px; color:#b07b59; margin-bottom:10px;}
.abtjg .jginfo h2{ font-size:16px; font-weight:normal; color:#333; margin-bottom:30px;}
.abtjg .jginfo ul{display: flex; justify-content: center;align-items: center; margin-bottom:30px;}
.abtjg .jginfo ul li h3{color:#b07b59; margin-bottom:5px; font-size:22px; }
.abtjg .jginfo ul li p{ font-size:14px; }
.abtjg .jginfo ul em{ width:1px; height:40px; background:#dadada; display:block;margin:0 20px;}


.abtry{ overflow:hidden; position:relative; width:240px; margin:0 auto;padding: 0 50px; }
.abtry .swiper-container{ overflow: hidden; }
.abtry .swiper-slide{     background-position: center bottom;}
.abtry .swiper-slide img{ width:100%; display:block;}	 

.abtry .banner-prev{ left:0px; top:50%; margin-top:-15px; width:30px; height:30px; position:absolute;border-radius: 50%; background:#eee; z-index:99;display: flex;justify-content: center;  align-items: center;cursor: pointer;}
.abtry .banner-next{ right:0; top:50%; margin-top:-15px; width:30px; height:30px; position:absolute;border-radius: 50%; background:#eee; z-index:99;display: flex;justify-content: center;  align-items: center;cursor: pointer;}
.abtry .banner-prev:hover,	.abtry .banner-next:hover{ background:#b07b59; color:#fff}



.menu{ overflow:hidden;display: flex;justify-content: space-between;  align-items: center; height:66px;}


.menu .headli{  display:flex;  font-size:16px;  color:#333;  margin:0 10px; height:30px; line-height:30px;justify-content: center; align-items: center;   }
.menu .headli em.le{ width:10px; height:19px; display:block;  margin-right:10px;}
.menu .headli em.ri{ width:10px; height:19px; display:block;  margin-left:10px;}

.menu .headli.on{  color:#b07b59;  }
 
.menu .headli.on em.le{background:url(../img/icon_le.png);}
.menu .headli.on em.ri{background:url(../img/icon_ri.png);}



 

.proinfo{overflow:hidden;text-align: center; padding-bottom:40px;  }
.proinfo img{ display:block; margin-bottom:40px;}
.proinfo h1{    font-weight: normal;    font-size: 26px; margin-bottom:10px;}
.proinfo h2{font-weight: normal;    font-size: 14px;margin-bottom:20px; color:#b07b59;}
.proinfo p{font-weight: normal;    font-size: 14px; color:#999;}
 

 
.conmain{ overflow:hidden; padding: 40px 20px 60px; background:url(../img/galbg.jpg)}
	.conmain h1{
	font-size: 26px;
	margin-bottom: 20px;
}
	.conmain p{
	font-size: 14px;
	margin-bottom: 10px;
}
	.conmain h2{
	margin-top: 30px;
	margin-bottom: 20px;
}
	.conmain img{
	
	margin-top: 20px;
}



.prolist{ overflow:hidden; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 20px;    }
.prolist a{ float:left;width:48%; margin:0 0 20px 0;}
.prolist .imgs{ overflow:hidden; margin:0 auto 10px;display:flex;justify-content: center; position:relative}
.prolist .imgs img{ width:100%;transition: 1000ms; }
.prolist .imgs p{ display:none; position:absolute; bottom:0; color:#fff; width:100%; text-align:center; height:40px; line-height:40px; z-index:10}
.prolist .imgs p i{ margin-left:5px;}
.prolist .name{  display:flex;  font-size:14px;  color:#333;  margin:0 15px; height:30px; line-height:30px;justify-content: center; align-items: center;  }
.prolist .name em.le{ width:10px; height:19px; display:block; background:url(../img/icon_le.png); margin-right:10px;}
.prolist .name em.ri{ width:10px; height:19px; display:block; background:url(../img/icon_ri.png); margin-left:10px;}

.prolist .imgs .img1{ display:block}
.prolist .imgs .img2{ display:none }
.prolist a:hover .img1{ display:none}
.prolist a:hover .img2{ display:block}
.prolist a:hover .img2:hover{transform:scale(1.1)}





.newsmain{ overflow: hidden;}
.newsmain a{ display:block;  position:relative; margin:0 0 20px; overflow:hidden; text-align: center;}
.newsmain a img{ width:100%; margin-bottom: 10px; }
.newsmain a h6{ width:100%; font-weight:normal; font-size:12px; color: #999;}
.newsmain a h1{ width:100%; font-weight:normal; font-size:20px; margin:10px 0 10px; color: #000;}
.newsmain a p{ width:100%; font-size:12px; margin-bottom:15px; line-height:22px;color: #999;}
.newsmain a h2{ width:100px; margin:0 auto; overflow:hidden; font-weight:normal; height:30px; line-height:30px;border-radius: 30px; border:1px solid #fff; font-size:14px; background-color: #b07b59; color: #fff;   }










