#index .banner {width: 100%;height: 560px;}
#index .banner .swiper-slide {height: 560px;overflow: hidden;background-size: cover;background-position: center;}
#index .banner .swiper-slide img {max-height: 560px;opacity: 0;}
#index .banner .swiper-pagination-bullet {width: 20px;height: 6px;border-radius: 3px;background-color: #fff;opacity: 1;transition: all 0.3s;}
#index .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #c50019;}
#index .prod {width: 100%;background-color: #f5f5f5;padding: 48px 0;}
#index .prod .list {margin-top: 5px;}
#index .video {width: 100%;background-color: #eee;padding: 48px 0;}
#index .video .swiper {width: 100%;margin-top: 25px;}
#index .video .swiper .swiper-slide {width: 285px;}
#index .video .swiper .swiper-slide .img {width: 285px;height: 220px;position: relative;overflow: hidden;}
#index .video .swiper .swiper-slide .img img {width: 100%;height: 100%;transition: all 0.3s;}
#index .video .swiper .swiper-slide .img .mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);}
#index .video .swiper .swiper-slide .img .posi {width: 100%;position: absolute;top: 50%;left: 0;z-index: 3;transform: translateY(-50%);}
#index .video .swiper .swiper-slide .img .posi i {display: block;width: 50px;height: 50px;background-image: url(../images/08.png);background-size: 100%;margin: 0 auto;cursor: pointer;}
#index .video .swiper .swiper-slide .img .posi span {display: block;text-align: center;color: #fff;margin-top: 18px;}
#index .video .swiper .swiper-slide .text {width: 100%;height: 80px;background-color: #fff;padding: 18px 20px;color: #666;}
#index .video .swiper .swiper-slide .text .desc {margin-top: 8px;}
#index .video .swiper .swiper-slide:hover .img img {transform: scale(1.1);}
#index .about {width: 100%;background-color: #fff;padding: 48px 0;}
#index .about .con {margin-top: 25px;display: flex;}
#index .about .video {width: 590px;height: 340px;position: relative;background-size: cover;background-position: center;}
#index .about .video i {display: block;width: 50px;height: 50px;background-image: url(../images/08.png);background-size: 100%;margin: 0 auto;cursor: pointer;position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;}
#index .about .texts {width: 610px;height: 340px;background-color: #f5f5f5;padding: 20px;}
#index .about .texts .content {line-height: 24px;color: #666;height: 120px;}
#index .about .texts .dev {width: 100%;display: flex;justify-content: space-between;margin-top: 25px;border-top: 1px solid #e7e7e7;padding-top: 20px;}
#index .about .texts .dev .tops {font-size: 36px;color: #c50019;line-height: 36px;}
#index .about .texts .dev .desc {color: #666;margin-top: 5px;}
#index .about .texts .more {display: flex;align-items: center;justify-content: space-between;width: 140px;height: 40px;background-color: #c50019;color: #fff;padding: 0 20px;margin-top: 30px;}
#index .about .texts .more i {display: block;width: 15px;height: 9px;background-image: url(../images/11.png);background-size: 100%;}
#index .news {width: 100%;background-color: #f5f5f5;padding: 48px 0;}
#index .news .list {width: 100%;margin-top: 20px;}
#index .news .item {display: block;float: left;width: 590px;height: 116px;background-color: #fff;margin-bottom: 20px;margin-left: 20px;transition: all 0.3s;padding: 20px 20px;}
#index .news .item .tops {width: 100%;display: flex;}
#index .news .item .tops .title {width: 430px;font-size: 18px;line-height: 18px;transition: all 0.3s;}
#index .news .item .tops .date {color: #999;white-space: nowrap;}
#index .news .item .desc {color: #999;line-height: 24px;margin-top: 10px;}
#index .news .item:nth-child(2n+1) {margin-left: 0;}
#index .news .item:hover {box-shadow: 0 15px 20px #ccc;}
#index .news .item:hover .tops .title {color: #c50019;}
#index .news .more {display: flex;align-items: center;justify-content: space-between;width: 140px;height: 40px;background-color: #333;color: #fff;padding: 0 20px;margin: 10px auto 0;}
#index .news .more i {display: block;width: 15px;height: 9px;background-image: url(../images/11.png);background-size: 100%;}
#prod .prod {width: 100%;padding: 60px 0 0 0;background-color: #f5f5f5;}
#prod .mod-title {text-align: center;}
#prod .mod-title .title {font-size: 30px;line-height: 30px;font-weight: bold;}
#prod .mod-title .desc {width: 100%;color: #666;margin-top: 10px;}
#prod .tab {width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
#prod .tab a {display: inline-block;min-width: 140px;height: 40px;text-align: center;line-height: 38px;border: 1px solid #ddd;font-size: 18px;color: #666;margin: 10px;padding: 0 10px;transition: all 0.3s;}
#prod .tab a:hover, #prod .tab a.active {background-color: #c50019;border-color: #c50019;color: #fff;}
#prod .list {min-height: 350px;}
#video .video {width: 100%;background-color: #eee;padding: 48px 0;}
#video .video .tab {width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
#video .video .tab a {display: inline-block;min-width: 140px;height: 40px;text-align: center;line-height: 38px;border: 1px solid #333;background-color: #333;font-size: 18px;color: #fff;margin: 10px;padding: 0 10px;transition: all 0.3s;}
#video .video .tab a:hover, #video .video .tab a.active {background-color: #c50019;border-color: #c50019;color: #fff;}
#video .video .list {width: 100%;margin-top: 25px;min-height: 350px;}
#video .video .list .item {width: 285px;display: block;float: left;margin-left: 20px;margin-bottom: 20px;}
#video .video .list .item:nth-child(4n+1) {margin-left: 0;}
#video .video .list .item .img {width: 285px;height: 220px;position: relative;overflow: hidden;}
#video .video .list .item .img img {width: 100%;height: 100%;transition: all 0.3s;}
#video .video .list .item .img .mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);}
#video .video .list .item .img .posi {width: 100%;position: absolute;top: 50%;left: 0;z-index: 3;transform: translateY(-50%);}
#video .video .list .item .img .posi i {display: block;width: 50px;height: 50px;background-image: url(../images/08.png);background-size: 100%;margin: 0 auto;cursor: pointer;}
#video .video .list .item .img .posi span {display: block;text-align: center;color: #fff;margin-top: 18px;}
#video .video .list .item .text {width: 100%;height: 80px;background-color: #fff;padding: 18px 20px;color: #666;}
#video .video .list .item .text .desc {margin-top: 8px;}
#video .video .list .item:hover .img img {transform: scale(1.1);}
#video .detail {width: 100%;padding-bottom: 60px;background-color: #eee;}
#video .detail .con {background-color: #fff;padding: 30px;}
#video .detail .play {width: 100%;}
#video .detail .play video {width: 100%;}
#video .detail .info {width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 25px;}
#video .detail .info .left {width: 80%;padding-right: 30px;}
#video .detail .info .left .title {font-size: 30px;font-weight: bold;line-height: 30px;}
#video .detail .info .left .desc {color: #999;margin-top: 10px;}
#video .detail .info .back { float:right;display: block;width: 120px;height: 40px;background-color: #333;line-height: 40px;text-align: center;color: #fff;}
#video .detail .info .down {width: 134px;height: 30px;display: flex;flex-shrink: 0;align-items: center;justify-content: center;}
#video .detail .info .down img {width: 20px;height: 20px;display: block;}
#video .detail .info .down span {font-size: 18px;margin-left: 10px;}
#video .detail .prev-next {width: 100%;margin-top: 25px;padding: 25px 0 0;border-top: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center; position:relative}
#video .detail .prev-next .left {width: 980px;}
#video .detail .prev-next .left .line {color: #999;margin: 4px 0;}
#video .detail .prev-next .left .line a {color: #333;}
#article {width: 100%;background-color: #eee;}
#article .con {background-color: #fff;padding: 30px;margin-bottom: 60px;}
#article .con .title {text-align: center;padding-bottom: 30px;border-bottom: 1px solid #eee;}
#article .con .title .text {font-size: 30px;}
#article .con .title .date {font-size: 14px;margin-top: 10px;color: #999;}
#article .con .content {width: 100%;padding: 15px 0;font-size: 16px;}
#article .con .content img {max-width: 100%;}
#article .con .prev-next {width: 100%;margin-top: 25px;padding: 25px 0 0;border-top: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;}
#article .con .prev-next .left {width: 980px;}
#article .con .prev-next .left .line {color: #999;margin: 4px 0;}
#article .con .prev-next .left .line a {color: #333;}
#article .con .prev-next .back {display: block;width: 120px;height: 40px;background-color: #333;line-height: 40px;text-align: center;color: #fff;}
#news .news {width: 100%;background-color: #eee;padding: 48px 0;}
#news .list {width: 100%;margin-top: 35px;min-height: 350px;}
#news .list .item {width: 100%;height: 160px;padding: 24px 28px;margin-bottom: 20px;background-color: #fff;box-shadow: 0 0 10px #eee;transition: all 0.3s;}
#news .list .item .tops {width: 100%;display: flex;justify-content: space-between;}
#news .list .item .tops .title {width: 950px;font-size: 18px;transition: all 0.3s;}
#news .list .item .tops .date {font-size: 14px;color: #999;}
#news .list .item .desc {width: 100%;margin-top: 10px;color: #999;}
#news .list .item .more {display: flex;align-items: center;justify-content: space-between;width: 140px;height: 40px;color: #333;margin-top: 18px;transition: all 0.3s;}
#news .list .item .more i {display: block;width: 15px;height: 9px;background-image: url(../images/17.png);background-size: 100%;}
#news .list .item:hover {box-shadow: 0 15px 20px #ccc;}
#news .list .item:hover .tops .title {color: #c50019;}
#news .list .item:hover .more {background-color: #c50019;padding: 0 20px;color: #fff;}
#news .list .item:hover .more i {background-image: url(../images/11.png);}
#about .about {padding: 48px 0 60px;width: 100%;background-color: #eee;}
#about .about .con {background-color: #fff;padding: 30px;margin-top: 35px;}
#about .about .video {width: 100%;height: 340px;position: relative;background-size: cover;background-position: center;}
#about .about .video i {display: block;width: 50px;height: 50px;background-image: url(../images/08.png);background-size: 100%;position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;cursor: pointer;}
#about .about .dev {width: 100%;display: flex;justify-content: space-between;margin-top: 25px;padding-top: 20px;}
#about .about .dev .item {width: 33.33%;border-left: 1px solid #ddd;display: inline-flex;justify-content: center;align-items: center;}
#about .about .dev .item:last-child {border-right: 1px solid #ddd;}
#about .about .dev .tops {width: 100%;font-size: 36px;color: #c50019;line-height: 36px;}
#about .about .dev .desc {width: 100%;color: #666;margin-top: 5px;}
#about .about .content {width: 100%;margin-top: 30px;font-size: 16px;line-height: 28px;color: #666;}
#contact .contact {padding: 48px 0 60px;width: 100%;background-color: #eee;}
#contact .con {margin-top: 35px;}
#contact .addr {width: 100%;background-color: #fff;display: flex;align-items: stretch;}
#contact .addr .left {width: 470px;padding: 50px 30px;}
#contact .addr .left .name .cn {font-size: 22px;font-weight: bold;margin-bottom: 6px;line-height: 22px;}
#contact .addr .left .name .en {font-size: 12px;color: #999;text-transform: uppercase;}
#contact .addr .left .name i {display: block;width: 100%;height: 1px;background-color: #f2f2f2;position: relative;margin-top: 20px;}
#contact .addr .left .name i::after {content: "";display: block;width: 90px;height: 2px;background-color: #c50019;position: absolute;bottom: 0;left: 0;}
#contact .addr .left .line {width: 100%;margin-top: 30px;}
#contact .addr .left .line .label {width: 100%;}
#contact .addr .left .line .desc {width: 100%;color: #666;}
#contact .addr .left .line .desc.tel {color: #c50019;font-size: 18px;}
#contact .addr #allmap {width: 730px;height: 410px;}
#contact .tels {width: 100%;margin-top: 10px;background-color: #fff;overflow: hidden;}
#contact .tels .item {width: 33.33%;float: left;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 25px 30px;}
#contact .tels .item .title {font-size: 22px;line-height: 22px;font-weight: 600;}
#contact .tels .item .desc {color: #666;margin-top: 14px;}
#prod_detail .detail {width: 100%;background-color: #eee;}
#prod_detail .thumb {width: 100%;}
#prod_detail .thumb .view {width: 600px;height: 365px;float: left;}
#prod_detail .thumb .view img {width: 100%;height: 100%;}
#prod_detail .thumb .right {width: 600px;height: 365px;float: right;position: relative;}
#prod_detail .thumb .right .swiper {width: 100%;height: 132px;position: absolute;bottom: 0;right: 0;padding-left: 35px;display: flex;justify-content: space-between;}
#prod_detail .thumb .right .swiper .btn {display: block;flex-shrink: 0;width: 34px;height: 132px;background-color: #e6e6e6;background-size: 14px 28px;background-position: center;background-repeat: no-repeat;transition: all 0.3s;}
#prod_detail .thumb .right .swiper .btn.prev {background-image: url(../images/18.png);}
#prod_detail .thumb .right .swiper .btn.next {background-image: url(../images/19.png);}
#prod_detail .thumb .right .swiper .btn:hover {background-color: #c50019;}
#prod_detail .thumb .right .swiper .swiper-container {width: 100%;margin: 0 20px;}
#prod_detail .thumb .right .swiper .swiper-container img {cursor: pointer;height: 100%;}
#prod_detail .thumb .right .info {width: 100%;height: 220px;position: absolute;bottom: 145px;right: 0;padding-left: 35px;overflow-y: auto;}
#prod_detail .thumb .right .info .title {font-size: 30px;font-weight: bold;}
#prod_detail .thumb .right .info .desc {color: #666;margin-top: 10px;}
#prod_detail .con {width: 100%;margin-top: 30px;padding-bottom: 30px;}
#prod_detail .con .item {width: 100%;}
#prod_detail .con .item .tops {width: 100%;height: 60px;line-height: 60px;padding: 0 30px;font-size: 18px;background-color: #e6e6e6;}
#prod_detail .con .item .bots {width: 100%;background-color: #fff;}
#prod_detail .con .item .bots .table{ padding-top:30px; width:90%; margin:auto}
#prod_detail .con .item .bots .content {padding: 30px;color: #666;}
#prod_detail .con .item .bots .content img {max-width: 100%;}
#prod_detail .prev-next {width: 100%;background-color: #fff;padding: 25px 30px;border-top: 1px solid #ddd;}
#prod_detail .prev-next .left {width: 100%;}
#prod_detail .prev-next .left .line {color: #999;margin: 4px 0;}
#prod_detail .prev-next .left .line a {color: #333;}
#prod_detail .prev-next .back {display: block;width: 120px;height: 40px;background-color: #333;line-height: 40px;text-align: center;color: #fff;margin-top: 20px; }
