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

/*公司简介*/
.aboutlist { width: 100%; }
.aboutlist .owl-carousel .owl-controls { width: 100%; height: 28px; position: absolute; top: 50%; margin-top: -14px; }
.aboutlist .owl-carousel .owl-controls .owl-prev { width: 16px; height: 28px; display: block; overflow: hidden; line-height: 400px; position: absolute; left: -30px; background: url(../images/icon15.png) no-repeat; }
.aboutlist .owl-carousel .owl-controls .owl-prev:hover { background: url(../images/icon17.png) no-repeat; }
.aboutlist .owl-carousel .owl-controls .owl-next { width: 16px; height: 28px; display: block; overflow: hidden; line-height: 400px; position: absolute; right: -30px; background: url(../images/icon16.png) no-repeat; }
.aboutlist .owl-carousel .owl-controls .owl-next:hover { background: url(../images/icon18.png) no-repeat; }
.aboutlist .owl-carousel .aboutimg { width: 100%; }
.aboutlist .owl-carousel .aboutimg img { width: 100%; }
.aboutlist .owl-carousel .abouttext { color: #333; padding: 15px; font-size: 16px; line-height: 24px; }

@media screen and (max-width: 767px) { .aboutlist .owl-carousel .owl-controls { display: none; } }
/*企业文化*/
.culture { width: 100%; }
.culture img { width: 100%; }
.culture .swiper-container .pagination { margin: 0; width: 100%; bottom: 5px; display: block; text-align: center; position: absolute; }
.culture .swiper-container .pagination .swiper-pagination-switch { width: 8px; height: 8px; margin: 0 5px; background: #fff; border-radius: 50%; display: inline-block; }
.culture .swiper-container .pagination .swiper-active-switch { background: none; border: 1px solid #0099ff; }

/*生产设备*/
.equipment { width: 100%; }
.equipment li { width: 48%; float: left; margin-bottom: 20px; }
.equipment li a { display: block; }
.equipment li img { width: 100%; }
.equipment li .equipmenttext { width: 100%; color: #333; padding: 15px; font-size: 16px; }
.equipment li .equipmenttext p { height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.equipment .ml { margin-left: 4%; }

@media screen and (max-width: 767px) { .equipment li { width: 100%; float: none; }
  .equipment li .equipmenttext { padding: 5px; font-size: 14px; }
  .equipment .ml { margin-left: 0; } }
/*成功案例*/
.case { width: 100%; }
.case li { float: left; width: 33.33%; padding: 0 20px; margin-bottom: 20px; }
.case li a { display: block; }
.case li img { width: 100%; }
.case li .equipmenttext { color: #333; padding: 15px; font-size: 18px; }
.case li .equipmenttext p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case li:hover .equipmenttext p { color: #0099ff; text-decoration: underline; }

@media screen and (max-width: 991px) { .case li { width: 50%; } }
@media screen and (max-width: 767px) { .case li { padding: 0; width: 100%; }
  .case li .equipmenttext { padding: 5px; font-size: 14px; } }
/*售后服务*/
.service { width: 100%; padding-top: 20px; margin-bottom: 50px; }
.service .online { width: 70%; float: left; }
.service .hotline { width: 30%; float: left; position: relative; }
.service .online2 { width: 70%; float: left; position: relative; }
.service .Consultation { width: 22%; float: left; }
.service .Consultation a { color: #fff; height: 44px; display: block; font-size: 14px; margin-top: 28px; font-family: "宋体"; line-height: 44px; text-align: center; background: #0099ff; }
.service .hotlineimg { width: 100px; height: 100px; position: absolute; top: 0; left: 0; }
.service .hotlineimg img { width: 100%; }
.service .hotlinetext { width: 100%; height: 100px; padding-left: 120px; }
.service .hotlinetext h4 { color: #333; font-size: 18px; line-height: 30px; padding-top: 24px; }
.service .hotlinetext p { color: #888; height: 22px; font-size: 14px; font-family: "宋体"; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media screen and (max-width: 991px) { .service .online { width: 100%; float: none; margin-bottom: 20px; }
  .service .hotline { width: 100%; float: none; } }
@media screen and (max-width: 767px) { .service { padding-top: 0; position: relative; margin-bottom: 30px; padding-bottom: 65px; }
  .service .online2 { width: 100%; float: none; }
  .service .hotlineimg { width: 60px; height: 60px; }
  .service .hotlinetext { height: 60px; padding-left: 80px; }
  .service .hotlinetext h4 { font-size: 16px; padding-top: 4px; }
  .service .hotlinetext p { font-size: 12px; }
  .service .Consultation { width: 50%; position: absolute; bottom: 0; }
  .service .Consultation a { font-size: 12px; border-radius: 5px; } }
/*招聘信息*/
.recruit { width: 100%; }
.recruit tr { border-bottom: 1px solid #ddd; }
.recruit tr th { color: #0099ff; font-size: 14px; font-family: "宋体"; line-height: 22px; font-weight: bold; padding: 20px 10px; }
.recruit tr td { color: #888; padding: 0 10px; font-size: 14px; font-family: "宋体"; line-height: 22px; }
.recruit tr td a { color: #888; display: block; padding: 20px 0; line-height: 22px; }
.recruit tr td a:hover { color: #0099ff; text-decoration: underline; }
.recruit tr td:first-child { border-left: 1px solid #ddd; }
.recruit tr td:last-child { border-right: 1px solid #ddd; }
.recruit .bg td { background: #f9f9f9; }

.detailsH { color: #000; font-size: 24px; line-height: 30px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .recruit tr th { padding: 10px; }
  .recruit tr td a { padding: 10px 0; }
  .recruit tr td:first-child { border-left: none; }
  .recruit tr td:last-child { border-right: none; }
  .recruit tr:last-child { border-bottom: none; } }
/*联系我们*/
.map { width: 50%; float: left; }

#dituContent { width: 100%; height: 380px; border: 1px solid #ddd; }

.contacttext { width: 50%; float: left; padding-top: 20px; padding-left: 30px; }
.contacttext .contactH { color: #0099ff; font-size: 18px; line-height: 30px; margin-bottom: 15px; }
.contacttext .contactlist li { width: 100%; color: #666; font-size: 14px; font-family: "宋体"; line-height: 30px; }

@media screen and (max-width: 991px) { .map { width: 100%; float: none; }
  .contacttext { width: 100%; float: none; padding-left: 0; } }
@media screen and (max-width: 767px) { #dituContent { height: 250px; }
  .contacttext { padding-top: 30px; }
  .contacttext .contactH { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
  .contacttext .contactlist li strong { width: 60px; float: left; display: block; }
  .contacttext .contactlist li span { float: left; display: block; width: calc( 100% - 60px ); } }
/*资讯资讯*/
.newslist { width: 100%; margin-bottom: 40px; }
.newslist li { float: left; width: 33.33%; padding: 0 20px; margin-bottom: 30px; }
.newslist li a { display: block; }
.newslist li .newsimg { width: 100%; overflow: hidden; }
.newslist li .newsimg img { width: 100%; transition: 1s; }
.newslist li .newsH { font-size: 18px; padding: 15px 10px; }
.newslist li .newsH p { color: #333; height: 56px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; line-height: 28px; }
.newslist li .newsD { color: #ddd; font-size: 24px; padding-left: 10px; }
.newslist li:hover .newsimg 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); }
.newslist li:hover .newsH p { color: #0099ff; text-decoration: underline; }

.showhead { width: 100%; padding-top: 20px; text-align: center; margin-bottom: 30px; }
.showhead h1 { color: #000; font-size: 24px; line-height: 30px; margin-bottom: 15px; }
.showhead p { color: #bbb; font-size: 12px; line-height: 20px; }

.flip { width: 100%; margin-top: 50px; }
.flip .return { float: left; }
.flip .return a { color: #fff; display: block; font-size: 12px; padding: 8px 24px; border-radius: 5px; background: #0099ff; }
.flip .paging { float: right; text-align: right; }
.flip .paging a { color: #888; display: block; font-size: 12px; font-family: "宋体"; line-height: 25px; }

@media screen and (max-width: 991px) { .newslist li { width: 50%; } }
@media screen and (max-width: 767px) { .newslist { margin-bottom: 10px; }
  .newslist li { width: 100%; float: none; padding: 0; }
  .newslist li .newsH { padding: 12px 0; font-size: 16px; }
  .newslist li .newsH p { height: 48px; line-height: 24px; }
  .newslist li .newsD { font-size: 16px; padding-left: 0; line-height: 20px; }
  .showhead { padding-top: 0; }
  .showhead h1 { font-size: 18px; line-height: 26px; }
  .flip { margin-top: 40px; }
  .flip .return { float: none; width: 100%; }
  .flip .return a { display: inline-block; }
  .flip .paging { float: none; width: 100%; text-align: left; margin-top: 15px; } }
/*产品详情*/
.proshowbox { width: 100%; margin-bottom: 60px; }
.proshowbox .proshowPC { width: 450px; float: left; }

.proshowPHONE { width: 100%; }
.proshowPHONE .swiper-container .swiper-slide img { width: 100%; border: 1px solid #eee; }
.proshowPHONE .swiper-container .pagination { margin: 0; width: 100%; text-align: center; position: absolute; bottom: 5px; }
.proshowPHONE .swiper-container .pagination .swiper-pagination-switch { width: 10px; height: 10px; margin: 0 5px; background: #ccc; border-radius: 50%; display: inline-block; }
.proshowPHONE .swiper-container .pagination .swiper-active-switch { background: #0099ff; }

.proshowboxR { width: 100%; padding-top: 20px; padding-left: 470px; }
.proshowboxR .showboxH { color: #000; font-size: 18px; line-height: 28px; margin-bottom: 5px; }
.proshowboxR .showboxT { color: #a4a4a4; font-size: 12px; font-family: "宋体"; line-height: 20px; margin-bottom: 30px; }
.proshowboxR .showboxP { color: #888; font-size: 14px; font-family: "宋体"; line-height: 28px; padding-left: 10px; }

.showboxH2 { width: 100%; height: 40px; color: #0099ff; font-size: 16px; font-family: "宋体"; font-weight: bold; line-height: 40px; padding-left: 10px; margin-bottom: 20px; background: #f9f9f9; }

.proshowdetails { width: 100%; position: relative; }

.prosubnav { width: 250px; height: 50%; padding-top: 50px; padding-left: 20px; position: absolute; top: 0; right: 0; background: #f9f9f9; }
.prosubnav ul li { width: 100%; line-height: 40px; }
.prosubnav ul li a { color: #888; display: block; font-size: 12px; font-family: "宋体"; position: relative; padding-left: 32px; }
.prosubnav ul li a:before { width: 8px; height: 8px; content: ""; display: block; border-radius: 50%; position: absolute; top: 16px; left: 10px; border: 1px solid #0099ff; }
.prosubnav ul li:hover a { color: #0099ff; }
.prosubnav ul li:hover a:before { left: 0; top: 11px; width: 22px; height: 17px; border: none; border-radius: 0; background: url(../images/icon27.png) no-repeat; }
.prosubnav ul .cur a { color: #0099ff; }
.prosubnav ul .cur a:before { left: 0; top: 11px; width: 22px; height: 17px; border: none; border-radius: 0; background: url(../images/icon27.png) no-repeat; }
.prosubnav.on { position: fixed; }

.proshowcon { width: 100%; padding-right: 260px; }

@media screen and (max-width: 991px) { .proshowbox .proshowPC { float: none; }
  .proshowboxR { padding-left: 0; padding-top: 30px; }
  .prosubnav { width: 200px; }
  .proshowcon { padding-right: 210px; } }
@media screen and (max-width: 767px) { .proshowbox { margin-bottom: 40px; }
  .prosubnav { width: 100%; height: auto; padding-top: 0; padding-left: 0; position: relative; }
  .prosubnav ul li { width: auto; line-height: 50px; display: inline-block; }
  .prosubnav ul li a { padding: 0 15px; }
  .prosubnav ul li a:before { display: none; }
  .prosubnav.on { padding-left: 15px; position: fixed; z-index: 999; }
  .proshowcon { margin-top: 10px; padding-right: 0; } }

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