@charset "UTF-8";
@keyframes rotate {
  0% { transform: translateY(0); }
  25% { transform: translateY(4px); }
  50% { transform: translateY(8px); }
  75% { transform: translateY(4px); }
  100% { transform: translateY(0); }
}
.banner { width: 100%;}
.banner .swiper-slide { display: block; position: relative; width: 100%; height: 100%; }
.banner .swiper-slide > img {width: 100%; display:block;}
.banner .swiper-slide .symain { position: absolute;left: 0;top: 0;right: 0;margin: auto; }
.banner .symain  img { position: absolute; left: 0; bottom:35%; max-width:60%; display: none; animation-delay: 0.8s; animation-duration: 0.6s; }
.banner .symain img.up { display: block; }
.banner > .symain { position: absolute; left: 0; right: 0; top:95%; margin: auto; text-align: right; width:95px; height:50px;}
.banner .swiper-pagination { position: relative; display: inline-block; width:95px; vertical-align: middle; }
.banner .swiper-pagination .swiper-pagination-bullet { display: block; width:10px; height:8px; margin:0px 3px; border-radius:4px; background: #e5e5e5; cursor: pointer; transition: all 0.6s; opacity: 1; filter: alpha(opacity=100); float:left;}
.banner .swiper-pagination .swiper-pagination-bullet-active { width:40px; height:8px; background: #ffffff; }

@media screen and (max-width: 1260px) {
  .banner .symain img { left: 80px; bottom: 12%; width: 40%; }
  .banner > .symain > a { right: 80px; width: 190px; height: 54px; }
  .banner > .symain > a span { font-size: 18px; line-height: 54px; }
  .banner > .symain > a .iconfont { padding-right: 14px; font-size: 26px; color: #ffffff; } }
@media screen and (max-width: 1210px) {
  .banner > .symain .bannerdown {display: none;}
}
@media screen and (max-width: 780px) {
  .banner .symain img { left: 0; width: 54%; }
  .banner > .symain > a { right: 0; bottom: 24px; width: 150px; height: 44px; }
  .banner > .symain > a span { font-size: 15px; line-height: 44px; }
  .banner > .symain > a .iconfont { padding-right: 12px; font-size: 24px; color: #ffffff; }
  .banner > .symain .bannerdown { bottom: 30px; }
  .banner .swiper-pagination .swiper-pagination-bullet { margin: 10px auto; }
}
@media screen and (max-width: 580px) {
  .banner {margin-top: 68px;}
}
@media screen and (max-width: 480px) {
  .banner {margin-top: 1.44rem;}
  .banner .swiper-pagination { width: 0.16rem; }
  .banner .swiper-pagination .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; margin: 0.16rem auto; border-radius: 0.106667rem; }
  .banner .swiper-pagination .swiper-pagination-bullet-active { height: 0.533334rem; }
  .banner > .symain > a { bottom: 0.48rem; width: 3.2rem; height: 0.96rem; }
  .banner > .symain > a span { font-size: 0.373334rem; line-height: 0.96rem; }
  .banner > .symain > a .iconfont { padding-right: 0.16rem; font-size: 0.48rem; }
  .banner .bannerdown { display: none; }
}

.indpro{ display:block; padding:80px 0 100px; overflow:hidden;}
.indpro_tit h2{ font-size:32px; font-weight:700; line-height:60px; color:#881b38;}
.indpro_tit p{ color:#666; position:relative; padding-bottom:20px;}
.indpro_tit p:before{ content:""; width:40px; height:3px; position:absolute; left:0; bottom:0; background:#881b38;}
@media screen and (max-width: 1200px) {
.indpro{ padding:30px 0 40px; }
.indpro_tit h2{ font-size:18px; line-height:38px;}
.indpro_tit p{ font-size:13px;}
}
.produce{ display:block; margin-top:40px; position:relative;}
.produce a{ display:block; position:relative; border-top-left-radius:30px; border-bottom-right-radius:30px; overflow:hidden;}
.produce a span{ position:absolute; right:50px; bottom:50px; z-index:10; font-size:24px; font-weight:700; color:#fff; text-shadow:0px 0px 8px #333; letter-spacing:3px;}
.produce img{ display:block; width:100%;}
.produce .leftbtn{ position:absolute; left:20px; top:50%; z-index:10; margin-top:-27px; opacity:0.5; cursor: pointer;}
.produce .rightbtn{ position:absolute; right:20px; top:50%; z-index:10; margin-top:-27px; opacity:0.5; cursor: pointer;}

@media screen and (min-width: 1200px) {
.indabout{ background:url(../images/abbg.jpg) center top no-repeat; padding:120px 0 200px; overflow:hidden;}
.indabouts{ float:right; width:70%;}
.indabouts h2{ font-size:32px; font-weight:700; line-height:60px; color:#881b38; position:relative; margin-bottom:25px; padding-bottom:10px;}
.indabouts h2:before{ content:""; width:40px; height:3px; position:absolute; left:0; bottom:0; background:#881b38;}
.indabouts span{ color:#aaa; position:relative; display:inline-block; font-size:25px; font-weight:700;}
.indabouts div{ padding:15px 0; font-size:15px; color:#666; line-height:25px;}
.indabouts div i{ display:block; line-height:40px; font-size:20px; font-weight:700;}
.indabouts img{ float:right; margin-top:10px; margin-left:20px; border-radius:10px; border:4px #fff solid; max-width:350px;}
}
@media screen and (max-width: 1200px) {
.indabout{ background:url(../images/abbg.jpg) center bottom no-repeat; padding:40px 0 80px; overflow:hidden;}
.indabouts h2{ font-size:18px; font-weight:700; line-height:40px; color:#881b38; position:relative; margin-bottom:5px; padding-bottom:7px;}
.indabouts h2:before{ content:""; width:40px; height:3px; position:absolute; left:0; bottom:0; background:#881b38;}
.indabouts span{ color:#aaa; position:relative; display:inline-block; font-size:16px; font-weight:700;}
.indabouts div{ padding:15px 0; font-size:15px; color:#666; line-height:25px;}
.indabouts div i{ display:block; line-height:30px; font-size:16px; font-weight:700;}
.indabouts img{  border-radius:10px; border:4px #fff solid; max-width:350px;}
}
@media screen and (min-width: 1200px) {
.indnews{ display:block; padding:80px 0 100px; overflow:hidden;}
.indnews_tit h2{ font-size:32px; font-weight:700; line-height:60px; color:#881b38;}
.indnews_tit p{ color:#666; position:relative; padding-bottom:20px;}
.indnews_tit p:before{ content:""; width:40px; height:3px; position:absolute; left:0; bottom:0; background:#881b38;}
.hnews{ display:block; margin-top:40px; position:relative;}
.hnews a{ display:block; position:relative; overflow:hidden;}
.hnews a div{ height:340px; overflow:hidden;}
.hnews a p{ font-size:16px; color:#444; padding:10px 25px 8px; background-color:#f0f0f0;}
.hnews a p span{ border-bottom:1px #ddd solid; display:block; line-height:55px;}
.hnews a p i{ display:block; line-height:45px; color:#bbb; font-size:13px; background:url(../images/csnext.png) right center no-repeat;}
.hnews img{ display:block; width:100%; border-top-left-radius:30px; border-top-right-radius:30px;}
.hnews .leftbtn{ position:absolute; left:20px; top:50%; z-index:10; margin-top:-57px; opacity:0.8; cursor: pointer;}
.hnews .rightbtn{ position:absolute; right:20px; top:50%; z-index:10; margin-top:-57px; opacity:0.8; cursor: pointer;}
}
@media screen and (max-width: 1200px) {
.indnews{ display:block; padding:40px 0 50px; overflow:hidden;}
.indnews_tit h2{ font-size:18px; font-weight:700; line-height:40px; color:#881b38;}
.indnews_tit p{ color:#666; position:relative; padding-bottom:20px; font-size:14px;}
.indnews_tit p:before{ content:""; width:40px; height:3px; position:absolute; left:0; bottom:0; background:#881b38;}
.hnews{ display:block; margin-top:20px; position:relative;}
.hnews a{ display:block; position:relative; overflow:hidden;}
.hnews a div{ height:200px; overflow:hidden;}
.hnews a p{ font-size:15px; color:#444; padding:10px 15px 8px; background-color:#f0f0f0;}
.hnews a p span{ border-bottom:1px #ddd solid; display:block; line-height:35px;}
.hnews a p i{ display:block; line-height:45px; color:#bbb; font-size:13px; background:url(../images/csnext.png) right center no-repeat;}
.hnews img{ display:block; width:100%; border-top-left-radius:30px; border-top-right-radius:30px;}
.hnews .leftbtn{ position:absolute; left:20px; top:50%; z-index:10; margin-top:-57px; opacity:0.8; cursor: pointer;}
.hnews .rightbtn{ position:absolute; right:20px; top:50%; z-index:10; margin-top:-57px; opacity:0.8; cursor: pointer;}
}