@charset "UTF-8";
.free_editing { color: #666; font-size: 14px; line-height: 30px; min-height: 400px; }
.free_editing img { max-width: 100%; height: auto; }

/*banner*/
.indexbanner { width: 100%; position: relative; }
.indexbanner .arrow-left { width: 64px; height: 64px; opacity: 0.5; display: none; position: absolute; left: 5%; top: 50%; z-index: 9; margin-top: -32px; background-image: url(../images/banner_prev.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.indexbanner .arrow-right { width: 64px; height: 64px; opacity: 0.5; display: none; position: absolute; right: 5%; top: 50%; z-index: 9; margin-top: -32px; background-image: url(../images/banner_next.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.indexbanner:hover .arrow-left { display: block; }
.indexbanner:hover .arrow-right { display: block; }
.indexbanner .swiper-container { width: 100%; }
.indexbanner .swiper-container .swiper-slide a { width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.indexbanner .pagination { margin: 0; width: 100%; display: block; position: absolute; z-index: 20; bottom: 15px; border-radius: 0; text-align: center; }
.indexbanner .pagination .swiper-pagination-switch { width: 10px; height: 10px; margin: 0 5px; background: #fff; overflow: hidden; border-radius: 50%; display: inline-block; border: 1px solid #fff; }
.indexbanner .pagination .swiper-active-switch { background: transparent; }

.indextitle { color: #000; font-size: 28px; line-height: 32px; text-align: center; margin-bottom: 5px; }

.indextitle2 { color: #e3e3e3; font-size: 20px; text-align: center; text-transform: uppercase; }

.indexmore { width: 100%; text-align: center; }
.indexmore a { color: #0099ff; font-size: 12px; font-family: "宋体"; overflow: hidden; padding: 10px 50px; border-radius: 30px; display: inline-block; border: 2px solid #0099ff; }

/*了解我们*/
.about { width: 100%; padding: 60px 0; background: #f2f2f2; }
.about .aboutlist { width: 100%; margin: 40px 0; }
.about .aboutlist li { width: 25%; float: left; padding: 0 30px; }
.about .aboutlist li a { display: block; }
.about .aboutlist li .aboutimg { width: 100px; height: 100px; margin: 0 auto; transition: 1s; border: 1px solid #ccc; }
.about .aboutlist li .aboutimg img { width: 40px; height: 40px; display: block; margin: 0 auto; margin-top: 30px; }
.about .aboutlist li .abouttitle { color: #000; font-size: 16px; margin-top: 15px; line-height: 22px; text-align: center; position: relative; margin-bottom: 20px; padding-bottom: 10px; }
.about .aboutlist li .abouttitle:after { width: 40px; height: 2px; content: ""; display: block; position: absolute; left: 50%; bottom: 0; margin-left: -20px; background: #a0a0a0; }
.about .aboutlist li .abouttext { height: 60px; color: #9e9e9e; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; font-size: 12px; font-family: "宋体"; line-height: 20px; }
.about .aboutlist li:hover .aboutimg { background: #0099ff; border: 1px solid #0099ff; }

@media screen and (max-width: 991px) { .about .aboutlist { margin: 40px 0 20px; }
  .about .aboutlist li { width: 50%; margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .indextitle { font-size: 20px; }
  .indextitle2 { font-size: 16px; }
  .about { padding: 40px 0; }
  .about .aboutlist { margin: 30px 0 20px; }
  .about .aboutlist li .aboutimg { width: 80px; height: 80px; }
  .about .aboutlist li .aboutimg img { margin-top: 20px; }
  .about .aboutlist li .abouttitle { font-size: 14px; margin-bottom: 10px; } }
/*产品中心*/
.product { width: 100%; padding: 60px 0; background: #fff; }

.productlist { width: 100%; margin-top: 20px; text-align: center; margin-bottom: 60px; }
.productlist li { display: inline-block; }
.productlist li a { color: #aaa; display: block; font-size: 14px; padding: 0 10px; font-family: "宋体"; position: relative; padding-bottom: 10px; }
.productlist li a:hover { color: #0099ff; }
.productlist li a:hover:after { width: 40px; height: 2px; content: ""; display: block; background: #0099ff; position: absolute; left: 50%; bottom: 0; margin-left: -20px; }
.productlist li .cur { color: #0099ff; }
.productlist li .cur:after { width: 40px; height: 2px; content: ""; display: block; background: #0099ff; position: absolute; left: 50%; bottom: 0; margin-left: -20px; }

.productbox { width: 90%; margin: 0 auto; margin-bottom: 40px; }
.productbox .owl-carousel { position: relative; }
.productbox .owl-carousel .owl-stage { padding-top: 20px; }
.productbox .owl-carousel .owl-controls { width: 100%; height: 14px; position: absolute; top: 50%; margin-top: -7px; }
.productbox .owl-carousel .owl-controls .owl-prev { width: 28px; height: 14px; display: block; overflow: hidden; line-height: 400px; position: absolute; left: -60px; background: url(../images/icon09.png) no-repeat; }
.productbox .owl-carousel .owl-controls .owl-prev:hover { background: url(../images/icon11.png) no-repeat; }
.productbox .owl-carousel .owl-controls .owl-next { width: 28px; height: 14px; display: block; overflow: hidden; line-height: 400px; position: absolute; right: -60px; background: url(../images/icon10.png) no-repeat; }
.productbox .owl-carousel .owl-controls .owl-next:hover { background: url(../images/icon12.png) no-repeat; }
.productbox .owl-carousel .productcon { width: 100%; padding: 0 20px; position: relative; background: #f3faff; }
.productbox .owl-carousel .productcon .proimg { width: 40%; overflow: hidden; position: absolute; top: -20px; left: 20px; }
.productbox .owl-carousel .productcon .proimg img { width: 100%; transition: 1s; }
.productbox .owl-carousel .productcon .proimg:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.productbox .owl-carousel .productcon .procon { width: 50%; float: right; padding: 40px 20px; }
.productbox .owl-carousel .productcon .procon .proconH { color: #777; height: 20px; font-size: 14px; font-family: "宋体"; font-weight: bold; line-height: 20px; margin-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.productbox .owl-carousel .productcon .procon .proconT { height: 40px; color: #a4a4a4; font-size: 12px; font-family: "宋体"; line-height: 20px; margin-bottom: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.productbox .owl-carousel .productcon .procon span { color: #fff; font-size: 12px; font-family: "宋体"; overflow: hidden; padding: 6px 24px; border-radius: 30px; background: #0099ff; display: inline-block; }

@media (max-width: 1199px) and (min-width: 992px) { .productbox .owl-carousel .productcon .proimg { width: 45%; } }
@media screen and (max-width: 991px) { .productlist { margin-bottom: 40px; } }
@media screen and (max-width: 767px) { .product { padding: 40px 0; }
  .productlist { margin-bottom: 30px; }
  .productbox .owl-carousel .owl-stage { padding-top: 0; }
  .productbox .owl-carousel .productcon { padding: 0; }
  .productbox .owl-carousel .productcon .proimg { width: 100%; position: static; }
  .productbox .owl-carousel .productcon .procon { width: 100%; float: none; padding: 20px; }
  .productbox .owl-carousel .productcon .procon .proconH { margin-bottom: 10px; }
  .productbox .owl-carousel .productcon .procon .proconT { margin-bottom: 15px; }
  .productbox .owl-carousel .owl-controls { display: none; } }
/*成功案例*/
.case { width: 100%; padding: 60px 0; position: relative; z-index: 1; background-size: 100% 100%; background-repeat: no-repeat; }
.case .casemask { width: 100%; height: 100%; opacity: 0.9; position: absolute; top: 0; left: 0; z-index: 2; -webkit-opacity: 0.9; filter: alpha(opacity=90); background: url(../images/ht/wz08.jpg); background-size: 100% 100%; background-repeat: no-repeat; }

.caselist { width: 100%; margin: 40px 0; }
.caselist li { width: 25%; float: left; padding: 0 5px; margin-bottom: 20px; }
.caselist li a { display: block; }
.caselist li .caseimg { width: 100%; }
.caselist li .caseimg img { width: 100%; }
.caselist li .casetext { background: #fff; padding: 20px 5px; }
.caselist li .casetext p { color: #888; height: 20px; font-size: 14px; font-family: "宋体"; line-height: 20px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.caselist li:hover .casetext p { color: #0099ff; text-decoration: underline; }

@media screen and (max-width: 991px) { .caselist li { width: 33.33%; } }
@media screen and (max-width: 767px) { .case { padding: 40px 0; }
  .caselist { margin: 30px 0; }
  .caselist li { width: 50%; } }
/*资讯中心*/
.news { width: 100%; padding: 60px 0; background: #fff; }

.newslist { width: 100%; margin-top: 40px; margin-bottom: 30px; }
.newslist li { width: 50%; float: left; padding: 0 10px; margin-bottom: 10px; }
.newslist li a { padding: 20px; display: block; background: #fff; position: relative; }
.newslist li .newsdata { width: 50px; position: absolute; top: 20px; left: 20px; }
.newslist li .newsdata .dataT { color: #000; width: 50px; height: 50px; font-size: 18px; line-height: 50px; text-align: center; background: #f3f3f3; }
.newslist li .newsdata .dataM { color: #000; font-size: 14px; margin-top: 5px; line-height: 22px; text-align: center; }
.newslist li .newsbox { width: 100%; padding-left: 70px; }
.newslist li .newsbox .newsH { color: #555; height: 26px; font-size: 16px; line-height: 26px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist li .newsbox .newsT { color: #999; height: 40px; font-size: 12px; font-family: "宋体"; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newslist li:hover a { transition: 1s; background: #f3f3f3; }
.newslist li:hover a .newsdata .dataT { color: #fff; transition: 0.8s; background: #0099ff; }

@media screen and (max-width: 991px) { .newslist { margin-top: 20px; }
  .newslist li { width: 100%; padding: 0; } }
@media screen and (max-width: 767px) { .news { padding: 40px 0; }
  .newslist li a { padding: 10px 0; }
  .newslist li .newsdata { top: 10px; left: 0; } }

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