@charset "utf-8";
.banner{position:relative;width:100%;overflow:hidden;}
.banner img{transition:all 3s; display:block; width:100%;}
.banner .swiper-slide{overflow:hidden;}
.banner .bannerTxt{position:absolute;left:0px;width:100%;top:31%;} 
.banner .bannerTxt .txt{width:100%; max-width:1000px; margin:0 auto; color:#fff; text-align:center;}
.banner .bannerTxt .txt .intit{ font-weight:bold; transform:translateY(120px); opacity:0; transition:all 2s; text-shadow: 0 2px 3px rgba(0,0,0,.3);}
.banner .bannerTxt .txt .inbod{ transform:translateY(120px); opacity:0; transition:all 2.2s 0.2s; text-shadow: 0 2px 3px rgba(0,0,0,.3);}
@media screen and (min-width: 1200px) {
.banner .bannerTxt .txt .intit{ font-size:66px;line-height:48px;letter-spacing: 2px; }
.banner .bannerTxt .txt .inbod{ font-size:45px; margin:30px 0px 6px; }
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.banner .bannerTxt .txt .intit{ font-size:46px;line-height:40px;letter-spacing: 1px; }
.banner .bannerTxt .txt .inbod{ font-size:30px; margin:30px 0px 6px; }
}
@media screen and (max-width: 760px) {
.banner .bannerTxt{ top:15%;}
.banner .bannerTxt .txt .intit{ font-size:26px;line-height:30px; }
.banner .bannerTxt .txt .inbod{ font-size:18px; margin:10px 0px 6px; }
}
.banner .swiper-slide-active .bannerTxt .txt .intit{transform:translateY(0px);opacity:1;}
.banner .swiper-slide-active .bannerTxt .txt .inbod{transform:translateY(0px);opacity:1;}

.banner .anniu{position:absolute;width:100%;bottom:5%;z-index:1;}
.banner .jiantou{position:absolute;width:100%;top:0;z-index:1; height:100%;}
.banner .anniu .g-in{position:relative;}
.banner .anniu .pageOn{position:static;font-family:Bell MT;font-size:32px;color:#fff;font-weight:bold;text-align:left; position:relative;margin-top:36px;margin-left:36px;}
.banner .anniu .pageOn span{background-color:transparent;}
.banner .anniu .pageOn .swiper-pagination-total{font-size:20px;}
.banner .anniu .pageOn em{font-size:20px;}

.banner .anniu .btnG{width:164px;position:relative;}
.banner .anniu .btnG .play{width:40px;height:40px;position:absolute;left:50%;margin-left:-20px;top:0px;border:2px solid #fff;border-radius:100%;box-sizing:border-box;cursor:pointer;transition:all 0.3s;}
.banner .anniu .btnG .play:hover{background-color:#0068b7;border-color:#0068b7;}
.banner .anniu .btnG .play:before{content:"";display:block;width:8px;height:8px;position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-4px;background:url(../images/st.png) center no-repeat;}
.banner .anniu .btnG .play.puse:before{background:none;width:0px;height:0px;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:0px;margin-top:-8px;margin-left:-3px;}

.banner .symain .bannerdown { position: absolute; left:0; bottom:20px; width:100%; cursor: pointer; z-index: 2; text-align:center;}
.banner .symain .bannerdown p{ display:block; width:30px; height:44px; border:3px #fff solid; margin:0 auto; box-sizing: border-box; border-radius:10px;}
.banner .symain .bannerdown p i{animation: rotate 1s linear infinite; display:block; width:3px; height:12px; background:#fff; margin:1px auto;}
.banner .symain .bannerdown span{ font-size:20px; line-height:36px; color:#fff; font-family:"cengothic";}
@media screen and (max-width: 760px) {
.banner .symain .bannerdown{ display:none;}
}
.banner .btn{position:static;width:60px;height:60px;margin:0px;border-radius:100%;transition:all 0.3s; border:1px rgba(255,255,255,0.4) solid;}
.banner .prev{ background:url(../images/baprev.png) center no-repeat; position:absolute; top:50%; left:0; margin-top:-30px;}
.banner .prev:hover{ background-color:rgba(0,0,0,0.4);  border:1px rgba(255,255,255,0) solid; transform:translateX(-10px); }
.banner .next{ background:url(../images/banext.png) center no-repeat;  position:absolute; top:50%; right:0; margin-top:-30px;}
.banner .next:hover{ background-color:rgba(0,0,0,0.4);  border:1px rgba(255,255,255,0) solid; transform:translateX(10px); }
@media screen and (max-width: 580px) {
.banner .btn{ display:none;}
}
@keyframes rotate {
0% { transform: translateY(0); }
25% { transform: translateY(8px); }
50% { transform: translateY(16px); }
75% { transform: translateY(8px); }
100% { transform: translateY(0); }
}
.headerspace{ height:0 !important;}
.indmore{ display:block; margin:1% 0;}
.indmore a{ color:#fff; font-weight:700;}
.indab{ background:#fff; padding:4% 0;}
.indab-tit em{ display:block; font-weight:700;}
.indab-body{ padding:20px 0; color:#333;}
@media screen and (min-width: 1200px) {
.indmore a{ font-size:18px; padding:15px 30px 15px 60px; border-radius:25px; background:url(../images/more.png) #573b2a left 25px center no-repeat;}
.indab-tit em{ font-size:48px; line-height:70px;}
.indab-tit span{ font-size:32px;}
.indab-body{ font-size:18px; line-height:36px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.indmore a{ font-size:16px; padding:10px 20px 10px 50px; border-radius:15px; background:url(../images/more.png) #573b2a left 15px center no-repeat;}
.indab-tit em{ font-size:38px; line-height:50px;}
.indab-tit span{ font-size:24px;}
.indab-body{ font-size:16px; line-height:30px;}
}
@media screen and (max-width: 760px) {
.indmore{ margin-top:25px; margin-bottom:25px;}
.indmore a{ font-size:15px; padding:10px 20px 10px 50px; border-radius:15px; background:url(../images/more.png) #573b2a left 15px center no-repeat;}
.indab-tit em{ font-size:24px; line-height:40px;}
.indab-tit span{ font-size:19px;}
.indab-body{ font-size:15px; line-height:25px;}
}

.indimg{ display:block; overflow:hidden; position:relative;}
.indimg li{ position:relative;}
.indimg li p{ position:absolute; left:0; bottom:8%; width:100%; z-index:2; width:100%; text-align:center; color:#fff;}
@media screen and (min-width: 1200px) {
.indimg li p{ font-size:32px; line-height:70px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.indimg li p{ font-size:27px; line-height:55px;}
}
@media screen and (max-width: 760px) {
.indimg li p{ font-size:21px; line-height:40px;}
}
.indimg li img{ display:block; width:100%;}
.indimg-con{ position:absolute; left:0; bottom:6%; z-index:5; text-align:right; width:100%;}
.indimg-pagination{ text-align:right; margin:0 auto;}
.indimg-pagination .swiper-pagination-bullet{ width:18px; height:18px; margin-left:12px; background:#fff; opacity:0.5;}
.indimg-pagination .swiper-pagination-bullet-active{ background:#573b2a; opacity:1;}
@media screen and (max-width: 760px) {
.indimg-pagination .swiper-pagination-bullet{ width:10px; height:10px;}
}

.indadvan{ display:block; overflow:hidden;}
.indadvan-body em{ display:block; font-weight:700;}
.indadvan-body span{ display:table;}
.indadvan-bodys{ max-width:800px; color:#000; margin-bottom:10%; box-sizing: border-box; padding:8% 0px 0 8%;}
.indadvan-bodys div{ margin:8% 0; color:#333;}
.indadvan-img img{ display:block; width:100%;}
@media screen and (min-width: 1200px) {
.indadvan-body{ float:right; width:50%;}
.indadvan-body em{ font-size:48px; line-height:70px;}
.indadvan-body span{ font-size:32px;}
.indadvan-bodys div{ font-size:18px; line-height:36px;}
.indadvan-img{ float:left; width:50%;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.indadvan-body{ float:right; width:50%;}
.indadvan-body em{ font-size:38px; line-height:50px;}
.indadvan-body span{ font-size:24px;}
.indadvan-bodys div{ font-size:16px; line-height:30px;}
.indadvan-img{ float:left; width:50%;}
}
@media screen and (max-width: 760px) {
.indadvan-body em{ font-size:24px; line-height:40px;}
.indadvan-body span{ font-size:19px;}
.indadvan-bodys div{ font-size:15px; line-height:25px;}
}

.indpro{ padding:5% 0;}
.indpro-tit{ line-height:90px;}
.indpro-tit em{ font-weight:700;}
.indpro-tit a{ float:right; color:#573b2a; text-decoration:underline;}
.indpro ul{ margin-bottom:4%;}
.indpro li{ position:relative; overflow:hidden;}
.indpro li img{ display:block; width:100%; transition:all 0.3s;}
.indpro li:hover img{transform:scale(1.08);}
.indpro li a{ position:absolute; width:100%; height:100%; z-index:5; background:url(../images/probg.png) left bottom; background-size:100%; overflow:hidden;}
.indpro li a span{ width:84%; position:absolute; left:8%; bottom:5%; right:8%; display:block; color:#fff; background:url(../images/rigs.png) left bottom no-repeat; padding-bottom:25px;}
.indpro li a img{ max-width:144px; position:absolute; left:8%; top:5%;}
.indpro .indmore{ text-align:center;}
@media screen and (min-width: 1200px) {
.indpro-tit em{ font-size:48px;}
.indpro li{ width: calc(33.33% - 24px); margin-right:36px; float:left;}
.indpro li:nth-child(3n+0){ margin-right:0;}
.indpro li a span{ font-size:20px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.indpro-tit em{ font-size:38px;}
.indpro li{ width: calc(33.33% - 24px); margin-right:36px; float:left;}
.indpro li:nth-child(3n+0){ margin-right:0;}
.indpro li a span{ font-size:18px;}
}
@media screen and (max-width: 760px) {
.indpro-tit em{ font-size:24px;}
.indpro li{ margin-bottom:20px;}
.indpro li a span{ font-size:16px;}
}

.indimg02{ display:block; position:relative;}
.indimg02 img{ display:block; width:100%;}
.indimg02 p{ position:absolute; left:0; bottom:7%; width:100%; z-index:2; font-size:32px; line-height:70px; width:100%; text-align:center; color:#fff;}
@media screen and (max-width: 760px) {
.indimg02 p{ font-size:21px; line-height:50px;}
}

.indshow{ position:relative; overflow:hidden; padding:4% 0;}
.indshow-tit{ text-align:center;}
.indshow-tit em{ font-weight:700;}
.indshow-container{ margin-bottom:3%;}
.indshow li{ display:block;}
.indshow li img{ display:block; width:100%;}
.indshow .swiper-slide { transition: 300ms; transform: scale(0.9); opacity:0.6; }
.indshow .swiper-slide-next{ transform: scale(1); opacity:1;}
.imgprev,.imgnext{ position:absolute; z-index:10; cursor: pointer; }
.imgprev{ width:40px; height:40px; background:url(../images/prev02.png) no-repeat; top:50%; left:25%;}
.imgnext{ width:40px; height:40px; background:url(../images/next02.png) no-repeat; top:50%; right:25%;}
.indshow .indmore{ text-align:center;}
@media screen and (min-width: 1200px) {
.indshow-tit{ line-height:110px;}
.indshow-tit em{ font-size:48px;}
.indshow-container{ margin-left:-10%; width:120%;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.indshow-tit{ line-height:80px;}
.indshow-tit em{ font-size:38px;}
.indshow-container{ margin-left:-20%; width:140%;}
}
@media screen and (max-width: 760px) {
.indshow-tit{ line-height:60px;}
.indshow-tit em{ font-size:24px;}
.indshow-container{ margin-left:-30%; width:160%;}
}