@charset "UTF-8";
/*banner*/
.indexbanner { width: 100%; height: 380px; position: relative; }
.indexbanner .bd { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.indexbanner .bd ul { width: 100%; height: 100%; display: block; }
.indexbanner .bd ul li { width: 100%; height: 100%; }
.indexbanner .bd ul li a { width: 100%; height: 100%; display: block; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
.indexbanner .bannerbox { position: relative; z-index: 2; height: 100%; }
.indexbanner .bannerbox .bannercon { width: 180px; height: 100%; padding: 15px; position: absolute; top: 0; right: 0; z-index: 3; background: rgba(0, 0, 0, 0.55); filter: alpha(opacity=55); }
.indexbanner .bannerbox .bannercon .hd ul li { width: 100%; height: 72px; cursor: pointer; margin-top: 20px; position: relative; }
.indexbanner .bannerbox .bannercon .hd ul li .hdbg { width: 100%; height: 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
.indexbanner .bannerbox .bannercon .hd ul li:first-child { margin-top: 0; }
.indexbanner .bannerbox .bannercon .hd ul li span { width: 100%; height: 100%; opacity: 0.45; background: #000; filter: alpha(opacity=45); position: absolute; top: 0; left: 0; }
.indexbanner .bannerbox .bannercon .hd ul li.on { border: 2px solid #ff0000; }
.indexbanner .bannerbox .bannercon .hd ul li.on span { opacity: 0; }

.bannerphone { width: 100%; }
.bannerphone .swiper-slide a { width: 100%; height: 100%; display: block; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
.bannerphone .swiper-pagination { bottom: 5px; }
.bannerphone .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #ccc; }
.bannerphone .swiper-pagination .swiper-pagination-bullet-active { background: #ff0000; }

@media screen and (max-width: 1199px) { .indexbanner { height: 300px; }
  .indexbanner .bannerbox .bannercon .hd ul li { height: 52px; } }
@media screen and (max-width: 991px) { .indexbanner { height: 250px; }
  .indexbanner .bannerbox .bannercon { width: 150px; }
  .indexbanner .bannerbox .bannercon .hd ul li { height: 47.5px; margin-top: 10px; } }
/*内容*/
.main { width: 100%; background: #f1f1f1; }
.main .indexbox { background: #fff; }
.main .indexbox .indexnews { padding: 15px; }
.main .indexbox .indexnews .newslist li { font-size: 12px; font-family: "宋体"; padding-left: 15px; position: relative; margin-bottom: 10px; }
.main .indexbox .indexnews .newslist li h6 { color: #666; line-height: 20px; }
.main .indexbox .indexnews .newslist li p { color: #999; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main .indexbox .indexnews .newslist li i { width: 4px; height: 5px; display: block; position: absolute; left: 0; top: 6px; background: url(../images/icon03.jpg) no-repeat; }
.main .indexbox .indexabout { padding: 15px; }
.main .indexbox .indexabout .aboutcon { position: relative; }
.main .indexbox .indexabout .aboutcon .aboutimg { width: 40%; }
.main .indexbox .indexabout .aboutcon .aboutimg img { width: 100%; }
.main .indexbox .indexabout .aboutcon .abouttext { width: 58%; position: absolute; top: 0; right: 0; }
.main .indexbox .indexabout .aboutcon .abouttext p { color: #666; height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; font-size: 12px; font-family: "宋体"; line-height: 20px; }
.main .indexbox .indexcontact { padding: 15px; }
.main .indexbox .brand .brandcon { position: relative; padding-bottom: 50px; }
.main .indexbox .brand .brandcon .swiper-container img { width: 100%; border: 1px solid #eee; }
.main .indexbox .brand .brandcon .swiper-pagination { width: 100%; bottom: 10px; }
.main .indexbox .brand .brandcon .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 8px; height: 8px; margin: 0 2px; background: #dcdcdc; }
.main .indexbox .brand .brandcon .swiper-pagination .swiper-pagination-bullet-active { background: #fff; border: 2px solid #cf0e0e; }

.indextitle { color: #000; font-size: 18px; position: relative; margin-bottom: 15px; }
.indextitle a { color: #cc0000; display: block; font-size: 12px; position: absolute; right: 0; bottom: 0; }
.indextitle a img { float: left; margin-top: 4px; margin-right: 5px; }

/*# sourceMappingURL=index.css.map */