.main .subnav dl { padding: 10px 0 20px; margin-top: 20px; background: #f3f3f3; }
.main .subnav dl dt { width: 80%; color: #fff; font-size: 24px; line-height: 24px; padding: 12px 15px; background: #2a82c5; margin-bottom: 12px; }
.main .subnav dl dt span { width: 22px; height: 22px; float: right; display: block; }
.main .subnav dl dt span img { width: 100%; }
.main .subnav dl dd { margin: 0 15px; position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #dedede; }
.main .subnav dl dd > a { color: #333; display: block; font-size: 16px; padding: 12px 0; }
.main .subnav dl dd > a u { width: 20px; height: 20px; float: left; display: block; margin-right: 10px; background: url(../images/inc07.png) no-repeat; }
.main .subnav dl dd span { width: 15%; height: 22px; cursor: pointer; text-align: right; position: absolute; top: 11px; right: 0; }
.main .subnav dl dd span img { width: 9px; height: 6px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main .subnav dl dd span img.dj_hv { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.main .subnav dl dd span .show02 { display: none; }
.main .subnav dl dd .nav_con { display: none; margin-bottom: 8px; }
.main .subnav dl dd .nav_con p a { color: #888; display: block; font-size: 14px; line-height: 26px; padding-left: 30px; margin-bottom: 5px; }
.main .subnav dl dd:hover a { color: #2a82c5; }
.main .subnav dl dd:hover a u { background: url(../images/inc08.png) no-repeat; }
.main .subnav dl dd:hover span .show01 { display: none; }
.main .subnav dl dd:hover span .show02 { display: block; position: absolute; right: 0; top: 8px; }
.main .subnav dl .cur a { color: #2a82c5; }
.main .subnav dl .cur a u { background: url(../images/inc08.png) no-repeat; }
.main .subnav dl .cur span .show01 { display: none; }
.main .subnav dl .cur span .show02 { display: block; position: absolute; right: 0; top: 8px; }
.main .content { padding-top: 40px; border-left: 1px solid #e8e8e8; }
.main .content .free_editing { color: #333; font-size: 16px; line-height: 30px; }
.main .content .free_editing img { max-width: 100%; height: auto; }
.main .content .strength .gallery-top { padding-bottom: 10px; }
.main .content .strength .gallery-top .swiper-wrapper .swiper-slide img { width: 100%; }
.main .content .strength .gallery-top .swiper-wrapper .swiper-slide p { color: #383838; font-size: 16px; margin-top: 10px; text-align: center; margin-bottom: 20px; }
.main .content .strength .gallery-top .swiper-pagination { bottom: 0; }
.main .content .strength .gallery-top .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: #d5d5d5; }
.main .content .strength .gallery-top .swiper-pagination .swiper-pagination-bullet-active { background: #2a82c5; }
.main .content .strength .gallery-thumbs { width: 90%; height: 107px; margin: 0 auto; }
.main .content .strength .gallery-thumbs .swiper-wrapper .swiper-slide { height: 100%; opacity: 0.4; cursor: pointer; }
.main .content .strength .gallery-thumbs .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; }
.main .content .strength .gallery-thumbs .swiper-wrapper .swiper-slide-active { opacity: 1; border: 2px solid #2a82c5; }
.main .content .strength .gallery-button { position: absolute; width: 96%; z-index: 0; bottom: 0px; height: 107px; }
.main .content .strength .gallery-button .swiper-button-prev { left: 0; width: 16px; height: 107px; margin-top: -53px; background-image: url(../images/about_prev.jpg); background-size: 16px 107px; }
.main .content .strength .gallery-button .swiper-button-next { right: 0; width: 16px; height: 107px; margin-top: -53px; background-image: url(../images/about_next.jpg); background-size: 16px 107px; }
.main .content .honor ul li { width: 30%; float: left; margin-left: 3%; text-align: center; margin-bottom: 30px; }
.main .content .honor ul li a { width: 100%; display: block; padding: 30px 0; background: #f5f5f5; }
.main .content .honor ul li a img { max-width: 100%; }
.main .content .honor ul li p { color: #333; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; margin-top: 15px; line-height: 26px; }
.main .content .video { width: 90%; margin: 0 auto; }
.main .content .video .video_con { width: 100%; position: relative; }
.main .content .video .video_con > img { width: 100%; }
.main .content .video .video_con .video_bg { width: 100%; height: 100%; display: block; background: #000; opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 0; left: 0; }
.main .content .video .video_con .video_bg img { width: 60px; height: auto; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; }
.main .content .video p { color: #383838; font-size: 16px; margin-top: 10px; text-align: center; }
.main .content .news { margin-bottom: 40px; }
.main .content .news ul li { padding: 15px 0; border-bottom: 1px dashed #b8b8b8; }
.main .content .news ul li .data { width: 11%; float: left; position: relative; text-align: center; }
.main .content .news ul li .data img { width: 100%; height: auto; }
.main .content .news ul li .data .news_po { width: 100%; color: #fff; position: absolute; top: 21px; }
.main .content .news ul li .data .news_po p { font-size: 20px; }
.main .content .news ul li .data .news_po span { font-size: 16px; display: block; }
.main .content .news ul li .data .news02 { display: none; }
.main .content .news ul li .news_con { width: 88%; float: right; }
.main .content .news ul li .news_con h5 a { color: #000; display: block; font-size: 16px; margin-top: 5px; overflow: hidden; white-space: nowrap; margin-bottom: 10px; text-overflow: ellipsis; }
.main .content .news ul li .news_con p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #8e8e8e; font-size: 12px; line-height: 22px; }
.main .content .news ul li .news_con p a { color: #000; }
.main .content .news ul li:hover .data .news02 { display: block; }
.main .content .news ul li:hover .data .news01 { display: none; }
.main .content .news ul li:hover .news_con h5 a { color: #2a82c5; }
.main .content .news ul li:hover .news_con p a { color: #2a82c5; }
.main .content .news ul li:first-child { padding: 0 0 15px 0; }
.main .content .news_details { text-align: center; margin-bottom: 20px; padding-bottom: 25px; border-bottom: 1px dashed #b8b8b8; }
.main .content .news_details h4 { color: #000; font-size: 16px; margin-bottom: 15px; }
.main .content .news_details p { color: #838383; font-size: 12px; }
.main .content .more { margin-top: 40px; padding-top: 20px; border-top: 1px dashed #b8b8b8; }
.main .content .more .return { float: left; }
.main .content .more .return a { color: #fff; height: 30px; font-size: 12px; padding: 0 10px; line-height: 30px; border-radius: 5px; background: #2a82c5; display: inline-block; }
.main .content .more .return a img { width: 15px; height: auto; margin-left: 5px; }
.main .content .more .next { float: right; text-align: right; }
.main .content .more .next p { color: #000; font-size: 12px; }
.main .content .more .next p a { color: #333; }
.main .content .more .next p:hover a { color: #2a82c5; }
.main .content .map { width: 100%; height: 390px; margin-bottom: 40px; border: #ccc solid 1px; }
.main .content .contact h4 { color: #2a82c5; font-size: 20px; margin-bottom: 15px; }
.main .content .contact p { color: #333; font-size: 16px; line-height: 26px; margin-bottom: 5px; }
.main .content .contact p strong { color: #000; }
.main .content .message { padding: 50px 30px; background: #f9f9f9; }
.main .content .message ul { margin-bottom: 10px; }
.main .content .message ul li { width: 48%; float: left; margin-left: 2%; margin-bottom: 10px; }
.main .content .message ul li input { color: #ccc; width: 100%; height: 30px; font-size: 12px; line-height: 30px; padding-left: 10px; border: 1px solid #d2d2d2; }
.main .content .message ul li textarea { width: 98%; color: #ccc; height: 280px; font-size: 12px; padding-top: 5px; line-height: 30px; padding-left: 10px; border: 1px solid #d2d2d2; }
.main .content .message ul li:first-child { width: 98%; float: none; }
.main .content .message .verify { margin-bottom: 40px; }
.main .content .message .verify p { margin-left: 2%; }
.main .content .message .verify p span { color: #333; font-size: 14px; margin-right: 10px; display: inline-block; }
.main .content .message .verify p input { color: #ccc; width: 15%; height: 30px; font-size: 12px; line-height: 30px; padding-left: 10px; margin-right: 10px; border: 1px solid #d2d2d2; }
.main .content .message .verify p img { width: 90px; height: 30px; margin-right: 10px; }
.main .content .message .verify p a { color: #9e9e9e; font-size: 12px; text-decoration: underline; }
.main .content .message button { width: 30%; color: #fff; padding: 1% 0; margin: 0 auto; display: block; font-size: 16px; border-radius: 5px; background: #2a82c5; }
.main .content .product { margin-bottom: 30px; }
.main .content .product ul li { width: 32%; float: left; margin-left: 2%; text-align: center; margin-bottom: 20px; }
.main .content .product ul li a { display: block; border: 1px solid #e8e8e8; }
.main .content .product ul li a img { width: 100%; }
.main .content .product ul li p { color: #333; height: 50px; padding:5px; font-size: 14px; line-height: 20px; background: #f3f3f3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.main .content .product ul li:hover a { border: 1px solid #2a82c5; }
.main .content .product ul li:hover p { color: #fff; background: #2a82c5; }
.main .content .product_details .roll .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; }
.main .content .product_details .roll .swiper-container .swiper-pagination { bottom: 0; }
.main .content .product_details .roll .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: #ccc; }
.main .content .product_details .roll .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #2a82c5; }
.main .content .product_details .roll .gallery-top { padding-bottom: 30px; }
.main .content .product_details .roll .gallery-top .swiper-wrapper .swiper-slide-active { border: 1px solid #e8e8e8; }
.main .content .product_details .roll .gallery-thumbs { width: 88%; margin: 0 auto; }
.main .content .product_details .roll .gallery-thumbs .swiper-wrapper .swiper-slide { height: 100%; cursor: pointer; border: 1px solid #e8e8e8; }
.main .content .product_details .roll .gallery-thumbs .swiper-wrapper .swiper-slide-active { opacity: 1; border: 1px solid #2a82c5; }
.main .content .product_details .roll .gallery-button { position: absolute; width: 94%; z-index: 0; bottom: 0px; height: 70px; }
.main .content .product_details .roll .gallery-button .swiper-button-prev { left: 0; width: 20px; height: 70px; margin-top: -35px; background-image: url(../images/product_prev.jpg); background-size: 20px 70px; }
.main .content .product_details .roll .gallery-button .swiper-button-next { right: 0; width: 20px; height: 70px; margin-top: -35px; background-image: url(../images/product_next.jpg); background-size: 20px 70px; }
.main .content .product_details .details h3 { color: #2a82c5; font-size: 20px; margin-top: 20px; margin-bottom: 20px; }
.main .content .product_details .details h4 { color: #000; height: 40px; font-size: 16px; line-height: 40px; padding-left: 10px; background: #f3f3f3; margin-bottom: 15px; }
.main .content .product_details .details p { color: #333; font-size: 16px; line-height: 30px; }
.main .content .synopsis { margin-top: 30px; }
.main .content .synopsis h4 { color: #000; height: 40px; font-size: 16px; line-height: 40px; padding-left: 10px; background: #f3f3f3; margin-bottom: 15px; }

@media screen and (max-width: 1199px) { .main .content .news ul li .data .news_po { top: 14px; } }
@media screen and (max-width: 991px) { .main .subnav { padding: 0; }
  .main .subnav dl { padding: 0; margin-top: 0; }
  .main .subnav dl dt { width: 100%; font-size: 18px; }
  .main .subnav dl dd { display: none; }
  .main .content { border-left: none; } }
@media screen and (max-width: 767px) { .main .content { padding-top: 25px; }
  .main .content .free_editing { font-size: 13px; line-height: 22px; }
  .main .content .honor ul li { width: 48%; margin-left: 2%; }
  .main .content .honor ul li p { height: 44px; font-size: 12px; line-height: 22px; }
  .main .content .video { width: 100%; }
  .main .content .video .video_con .video_bg img { width: 40px; margin-top: -20px; margin-left: -20px; }
  .main .content .video p { font-size: 14px; }
  .main .content .news ul li .data { width: 70px; }
  .main .content .news ul li .data .news_po p { height: 20px; font-size: 18px; }
  .main .content .news ul li .data .news_po span { font-size: 14px; }
  .main .content .news ul li .news_con { width: calc(100% - 80px); }
  .main .content .news ul li .news_con h5 a { font-size: 14px; margin-bottom: 8px; }
  .main .content .news ul li .news_con p { line-height: 20px; }
  .main .content .news_details h4 { font-size: 14px; }
  .main .content .more .return { float: none; margin-bottom: 12px; }
  .main .content .more .next { float: none; text-align: left; }
  .main .content .map { height: 240px; }
  .main .content .contact h4 { font-size: 16px; }
  .main .content .contact p { font-size: 14px; margin-bottom: 0; }
  .main .content .message { padding: 30px 15px; }
  .main .content .message ul li { width: 100%; float: none; margin-left: 0; }
  .main .content .message ul li textarea { width: 100%; height: 180px; }
  .main .content .message ul li:first-child { width: 100%; }
  .main .content .message .verify p { margin-left: 0; }
  .main .content .message .verify p span { font-size: 12px; }
  .main .content .message .verify p input { width: 25%; }
  .main .content .message button { width: 60%; padding: 2% 0; font-size: 14px; }
  .main .content .product ul li { width: 48%; margin-left: 4%; }
  .main .content .product ul li p { height: 30px; font-size: 12px; -webkit-line-clamp: 1; }
  .main .content .product_details .details h3 { font-size: 18px; margin-bottom: 12px; }
  .main .content .product_details .details h4 { height: 35px; font-size: 14px; line-height: 35px; margin-bottom: 10px; }
  .main .content .product_details .details p { font-size: 13px; line-height: 22px; }
  .main .content .synopsis h4 { height: 35px; font-size: 14px; line-height: 35px; margin-bottom: 10px; } }

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