@charset "UTF-8";
/*走进双平*/
.main-bg { width: 100%; background: #f5f5f5; padding-bottom: 50px; }
.main-bg .main { background: #fff; padding: 30px 15px; }
.main-bg .main .about h1 { color: #1578c7; font-size: 30px; margin-bottom: 5px; }
.main-bg .main .about h1:before { width: 3px; height: 24px; content: ''; margin-right: 10px; background: #1578c7; display: inline-block; }
.main-bg .main .about h2 { color: #333; font-size: 22px; padding-left: 12px; margin-bottom: 20px; }
.main-bg .main .about h3 { color: #0066cc; font-size: 22px; margin-top: 30px; padding-left: 12px; margin-bottom: 20px; }
.main-bg .main .about h3:before { width: 5px; height: 5px; content: ''; margin-right: 10px; margin-bottom: 5px; background: #1578c7; display: inline-block; }
.main-bg .main .about ul li { padding-top: 15px; padding-bottom: 15px; border-top: 1px dashed #b2b2b2; }
.main-bg .main .about ul li:first-child { padding-top: 0; border-top: none; }
.main-bg .main .about ul li:hover .culture-con h4 a { color: #0061ae; }
.main-bg .main .about ul li .culture-img { width: 25%; float: left; }
.main-bg .main .about ul li .culture-img a { display: block; }
.main-bg .main .about ul li .culture-img a img { width: 100%; }
.main-bg .main .about ul li .culture-con { width: 72%; float: right; }
.main-bg .main .about ul li .culture-con h4 a { color: #000; display: block; font-size: 24px; overflow: hidden; white-space: nowrap; margin-bottom: 4%; text-overflow: ellipsis; }
.main-bg .main .about ul li .culture-con p { color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; font-family: "宋体"; line-height: 22px; margin-bottom: 6%; }
.main-bg .main .about ul li .culture-con span { color: #000; display: block; font-size: 14px; }
.main-bg .main .about ul li .culture-con span a { color: #ff681b; }
.main-bg .main .footprint { margin: 0 30px; position: relative; }
.main-bg .main .footprint .line { width: 100%; position: absolute; top: 70px; }
.main-bg .main .footprint .line span { width: 15px; height: 15px; display: block; background: #c4ebff; border-radius: 50%; }
.main-bg .main .footprint .line .line-l { position: absolute; top: -7px; }
.main-bg .main .footprint .line .line-r { position: absolute; top: -7px; right: 0; }
.main-bg .main .footprint .line u { width: 100%; height: 2px; display: block; background: #efefef; }
.main-bg .main .footprint .gallery-thumbs { width: 80%; z-index: 5; margin: 0 auto; padding-bottom: 30px; }
.main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide { height: 113px; text-align: center; }
.main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .ori { width: 100%; height: 113px; position: absolute; top: 20px; }
.main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .ori p { color: #3399cc; font-size: 22px; margin-bottom: 5px; }
.main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .act { display: none; width: 100%; height: 113px; position: absolute; top: 0; }
.main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .act p { color: #e62129; font-size: 22px; margin-top: 5px; }
.main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide-active .ori { display: none; }
.main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide-active .act { display: block; }
.main-bg .main .footprint .gallery-top { width: 80%; margin: 0 auto; }
.main-bg .main .footprint .gallery-top .swiper-wrapper .swiper-slide { width: 100% !important; }
.main-bg .main .footprint .gallery-button { position: absolute; width: 100%; bottom: 100px; height: 80px; }
.main-bg .main .footprint .gallery-button .swiper-button-next { top: 30%; right: 0; width: 75px; height: 75px; background: url(../images/footprint_next.jpg) no-repeat; background-size: 100% 100%; }
.main-bg .main .footprint .gallery-button .swiper-button-prev { top: 30%; left: 0; width: 75px; height: 75px; background: url(../images/footprint_prev.jpg) no-repeat; background-size: 100% 100%; }
.main-bg .main .more { margin-top: 30px; padding-left: 30px; }
.main-bg .main .more h3 a { display: block; color: #0061ae; font-size: 16px; margin-bottom: 12px; }
.main-bg .main .more p { color: #333; font-size: 12px; font-family: "宋体"; }
.main-bg .main .more p a { color: #333; }
.main-bg .main .more p:hover a { color: #0061ae; }
.main-bg .main .free_editing { color: #333; font-size: 12px; font-family: "宋体"; line-height: 22px; }
.main-bg .main .free_editing img { max-width: 100%; height: auto; }

@media (min-width: 768px) and (max-width: 991px) { .main-bg .main .about ul li .culture-con h4 a { font-size: 22px; margin-bottom: 3%; }
  .main-bg .main .about ul li .culture-con p { margin-bottom: 5%; }
  .main-bg .main .footprint .gallery-button .swiper-button-next { width: 55px; height: 55px; }
  .main-bg .main .footprint .gallery-button .swiper-button-prev { width: 55px; height: 55px; } }
@media screen and (max-width: 767px) { .main-bg .main .about h1 { font-size: 20px; }
  .main-bg .main .about h1:before { height: 15px; }
  .main-bg .main .about h2 { font-size: 16px; margin-bottom: 12px; }
  .main-bg .main .about h3 { font-size: 16px; margin-bottom: 12px; }
  .main-bg .main .about ul li .culture-img { width: 35%; }
  .main-bg .main .about ul li .culture-con { width: 62%; }
  .main-bg .main .about ul li .culture-con h4 a { font-size: 15px; margin-bottom: 8px; }
  .main-bg .main .about ul li .culture-con p { line-height: 16px; margin-bottom: 8px; }
  .main-bg .main .about ul li .culture-con span { font-size: 12px; }
  .main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .ori { top: 26px; height: 87px; }
  .main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .ori p { font-size: 18px; }
  .main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .act { top: 22px; height: 87px; }
  .main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .act span img { width: 30px; }
  .main-bg .main .footprint .gallery-thumbs .swiper-wrapper .swiper-slide .act p { font-size: 18px; } }
/*联系我们*/
.crumbs { width: 100%; }
.crumbs .query { width: 30%; margin: 0 auto; padding-top: 8%; }
.crumbs .query h2 { color: #fff; font-size: 30px; text-align: center; margin-bottom: 10px; }
.crumbs .query .query-con { width: 100%; position: relative; }
.crumbs .query .query-con h3 { color: #333; height: 40px; font-size: 14px; font-family: "宋体"; background: #fff; line-height: 40px; border-radius: 5px; padding-left: 15px; position: relative; }
.crumbs .query .query-con h3 span { width: 40px; height: 40px; display: block; text-align: center; border-radius: 5px; position: absolute; top: 0; right: 0; background: #0061ae; }
.crumbs .query .query-con ul { width: 100%; display: none; background: #fff; border-radius: 5px; position: absolute; top: 40px; left: 0; border-bottom: 1px solid #ccc; z-index: 1000;}
.crumbs .query .query-con ul li a { color: #333; display: block; font-size: 12px; line-height: 35px; padding-left: 15px; border-top: 1px solid #ccc; }
.crumbs .query .query-con ul li a:hover { color: #fff; background: #0061ae; }
.crumbs .query p { color: #fff; font-size: 14px; margin-top: 10px; text-align: center; }

.main-bg .main .contact { padding: 0 15px; }
.main-bg .main .contact h2 { color: #0061ae; font-size: 28px; margin-bottom: 15px; }
.main-bg .main .contact .map { width: 100%; height: 330px; border: #ccc solid 1px; }
.main-bg .main .contact .contact-con { margin-top: 35px; }
.main-bg .main .contact .contact-con h3 { color: #333; font-size: 24px; margin-bottom: 15px; }
.main-bg .main .contact .contact-con p { color: #333; font-size: 14px; font-family: "宋体"; line-height: 32px; }
.main-bg .main .contact .contact-con p span { color: #333; }

@media screen and (max-width: 767px) { .crumbs .query { width: 50%; }
  .crumbs .query h2 { font-size: 16px; }
  .crumbs .query .query-con h3 { height: 30px; font-size: 12px; line-height: 30px; }
  .crumbs .query .query-con h3 span { width: 30px; height: 30px; }
  .crumbs .query .query-con ul { top: 30px; }
  .crumbs .query p span { display: block; }
  .main-bg .main .contact h2 { font-size: 18px; }
  .main-bg .main .contact .map { height: 220px; }
  .main-bg .main .contact .contact-con h3 { font-size: 18px; margin-bottom: 10px; }
  .main-bg .main .contact .contact-con p { font-size: 12px; line-height: 26px; } }
/*产品*/
.main-bg .content .subnav dl { margin-bottom: 10px; border: 1px solid #e5e5e5; }
.main-bg .content .subnav dl dt { color: #fff; font-size: 24px; padding-top: 15px; padding-left: 15px; padding-bottom: 15px; background: url(../images/subnav01.jpg) repeat; background-size: 100% 100%; }
.main-bg .content .subnav dl dt a { color: #fff; }
.main-bg .content .subnav dl dd { font-size: 14px; font-family: "宋体"; background: #fff; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; border-top: 1px solid #f3f3f3; }
.main-bg .content .subnav dl dd > a { color: #000; display: block; font-weight: bold; margin-bottom: 5px; }
.main-bg .content .subnav dl dd > a u { width: 3px; height: 5px; margin-right: 5px; margin-bottom: 3px; display: inline-block; }
.main-bg .content .subnav dl dd > a:hover { color: #e62129; text-decoration: underline; }
.main-bg .content .subnav dl dd .sub-con { display: none; padding-top: 10px; padding-left: 15px; background: #f5f5f5; }
.main-bg .content .subnav dl dd .sub-con p a { color: #333; display: block; font-size: 12px; font-family: "宋体"; padding-bottom: 10px; }
.main-bg .content .subnav dl dd .sub-con p a:hover { color: #e62129; }
.main-bg .content .subnav dl .cur .sub-con { display: block; }
.main-bg .content .subnav .subnav-img img { width: 100%; }
.main-bg .content .con .application { padding: 15px; background: #fff; margin-bottom: 20px; }
.main-bg .content .con .application h3 { color: #e62129; font-size: 26px; margin-bottom: 15px; }
.main-bg .content .con .application .application-con { padding: 15px; margin-bottom: 15px; border: 1px solid #eee; }
.main-bg .content .con .application .application-con .app-img { width: 36%; float: left; border: 1px solid #eee; }
.main-bg .content .con .application .application-con .app-img img { width: 100%; }
.main-bg .content .con .application .application-con .app-con { width: 62%; float: right; }
.main-bg .content .con .application .application-con .app-con h6 { color: #000; font-size: 14px; font-family: "宋体"; overflow: hidden; white-space: nowrap; margin-bottom: 10px; text-overflow: ellipsis; }
.main-bg .content .con .application .application-con .app-con p { color: #333; font-size: 12px; font-family: "宋体"; line-height: 20px; height: 80px; overflow: hidden;}
.main-bg .content .con .application .application-con:hover .app-img { border: 1px solid #e62129; }
.main-bg .content .con .tab > p a { color: #0061ae; font-size: 14px; font-family: "宋体"; background: #fff; padding: 8px 20px; margin-right: 5px; font-weight: bold; display: inline-block; }
.main-bg .content .con .tab > p a:hover { color: #fff; background: #0061ae; }
.main-bg .content .con .tab > p .cur { color: #fff; background: #0061ae; }
.main-bg .content .con .introduce h6 { color: #fff; font-size: 14px; font-family: "宋体"; padding: 10px 15px; background: #0061ae; display: inline-block; }
.main-bg .content .con .index { padding: 15px; background: #fff; }
.main-bg .content .con .index ul li { padding: 15px; margin-bottom: 20px; border: 1px solid #f5f5f5; }
.main-bg .content .con .index ul li:hover { background: #f5f5f5; border: 1px solid #0061ae; }
.main-bg .content .con .index ul li .pro-img { width: 25%; float: left; border: 1px solid #f5f5f5; }
.main-bg .content .con .index ul li .pro-img a { display: block; }
.main-bg .content .con .index ul li .pro-img a img { width: 100%; }
.main-bg .content .con .index ul li .pro-con { width: 72%; float: right; }
.main-bg .content .con .index ul li .pro-con h4 a { color: #000; display: block; font-size: 20px; margin-bottom: 6%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main-bg .content .con .index ul li .pro-con p { color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; font-family: "宋体"; line-height: 20px; margin-bottom: 10%; }
.main-bg .content .con .index ul li .pro-con a { color: #333; display: block; font-size: 12px; font-family: "宋体"; }
.main-bg .content .con .index ul li .pro-con a:hover { color: #e62129; }
.main-bg .content .con .product { padding: 15px; background: #fff; margin-bottom: 20px; }
.main-bg .content .con .product h2 { color: #e62129; font-size: 26px; margin-bottom: 10px; }
.main-bg .content .con .product .product-con { margin-bottom: 20px; }
.main-bg .content .con .product .product-con > p { color: #333; font-size: 18px; line-height: 25px; margin-bottom: 5px; }
.main-bg .content .con .product .product-con > p a { color: #333; float: right; font-size: 14px; }
.main-bg .content .con .product .product-con > p a:hover { color: #e62129; }
.main-bg .content .con .product .product-con ul { padding-top: 10px; background: #f5f5f5; padding-bottom: 10px; border: 1px solid #e8e8e8; }
.main-bg .content .con .product .product-con ul li { width: 18%; float: left; margin-left: 2%; }
.main-bg .content .con .product .product-con ul li a { display: block; border: 1px solid #eee; }
.main-bg .content .con .product .product-con ul li a img { width: 100%; }
.main-bg .content .con .product .product-con ul li p { color: #333; font-size: 12px; font-family: "宋体"; line-height: 20px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; overflow: hidden;}
.main-bg .content .con .product .product-con ul li:hover a { border: 1px solid #e62129; }
.main-bg .content .con .details { padding: 15px; background: #fff; margin-bottom: 20px; }
.main-bg .content .con .details .details-img img { width: 100%; border: 1px solid #eee; }
.main-bg .content .con .details .details-con h4 { color: #0061ae; font-size: 18px; margin-bottom: 6%; }
.main-bg .content .con .details .details-con p { color: #333; font-size: 12px; font-family: "宋体"; line-height: 24px; margin-bottom: 8%; }
.main-bg .content .con .details .details-con a { color: #fff; padding: 10px; font-size: 14px; background: #0061ae; display: inline-block; }
.main-bg .content .con .free_editing { color: #333; font-size: 12px; font-family: "宋体"; line-height: 22px; }
.main-bg .content .con .free_editing h3 { font-size: 26px; }
.main-bg .content .con .free_editing img { max-width: 100%; height: auto; }

@media screen and (max-width: 991px) { .main-bg .content .subnav { padding-left: 0; padding-right: 0; }
  .main-bg .content .subnav dl { border: none; }
  .main-bg .content .subnav dl dt { font-size: 20px; line-height: 22px; padding: 10px 15px; }
  .main-bg .content .subnav dl dt span { width: 22px; height: 22px; float: right; display: block; }
  .main-bg .content .subnav dl dt span img { width: 100%; }
  .main-bg .content .subnav dl dd { display: none; font-size: 14px; padding: 10px 15px; } }
@media screen and (max-width: 767px) { .main-bg .content .subnav dl dt { font-size: 18px; }
  .main-bg .content .con .application h3 { font-size: 18px; }
  .main-bg .content .con .application .application-con { margin-bottom: 10px; }
  .main-bg .content .con .application .application-con .app-con h6 { margin-bottom: 2px; }
  .main-bg .content .con .tab > p a { padding: 8px 16px; }
  .main-bg .content .con .index ul li .pro-img { width: 35%; }
  .main-bg .content .con .index ul li .pro-con { width: 62%; }
  .main-bg .content .con .index ul li .pro-con h4 a { font-size: 16px; margin-bottom: 8px; }
  .main-bg .content .con .index ul li .pro-con p { margin-bottom: 10px; }
  .main-bg .content .con .product h2 { font-size: 18px; margin-bottom: 5px; }
  .main-bg .content .con .product .product-con > p { font-size: 14px; }
  .main-bg .content .con .product .product-con > p a { font-size: 12px; }
  .main-bg .content .con .product .product-con ul li { width: 46%; }
  .main-bg .content .con .details .details-img { margin-bottom: 20px; }
  .main-bg .content .con .details .details-con h4 { font-size: 15px; }
  .main-bg .content .con .free_editing h3 { font-size: 18px; } }
/*弹出框*/
.modal-content { padding: 30px; }
.modal-content form ul li { color: #333; font-size: 14px; margin-bottom: 15px; }
.modal-content form ul li span { width: 15%; display: inline-block; }
.modal-content form ul li label { width: 80%; }
.modal-content form ul li label input { width: 100%; height: 35px; line-height: 35px; padding-left: 10px; border: 1px solid #ccc; }
.modal-content form ul li label textarea { width: 100%; height: 100px; padding-top: 5px; padding-left: 10px; border: 1px solid #ccc; }
.modal-content form ul li label button { width: 100%; color: #fff; height: 35px; line-height: 35px; background: #0061ae; }
.modal-content form ul li select { width: 26%; height: 30px; border: 1px solid #ccc; }

/*网站地图*/
.sitemap h2 { color: #000; font-size: 28px; margin-top: 40px; line-height: 30px; margin-bottom: 30px; }
.sitemap .sitemap-con { margin-top: 20px; }
.sitemap .sitemap-con h3 { height: 40px; color: #484848; font-size: 20px; line-height: 30px; border-bottom: #e4e4e4 solid 1px; }
.sitemap .sitemap-con h3 span { width: 5px; float: left; height: 18px; margin-top: 6px; margin-right: 4px; background: #007dc3; }
.sitemap .sitemap-con ul { margin-top: 20px; }
.sitemap .sitemap-con ul li { width: 25%; float: left; margin-bottom: 20px; }
.sitemap .sitemap-con ul li a { color: #333; display: block; font-size: 14px; }

@media (min-width: 768px) and (max-width: 991px) { .sitemap .sitemap-con ul li { width: 33%; } }
@media screen and (max-width: 767px) { .sitemap h2 { font-size: 20px; margin-top: 20px; margin-bottom: 0; }
  .sitemap .sitemap-con h3 { font-size: 16px; }
  .sitemap .sitemap-con ul li { width: 50%; }
  .sitemap .sitemap-con ul li a { font-size: 12px; } }

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