
@charset "utf-8";*{padding:0;margin:0;box-sizing:border-box;font-family:微软雅黑;font-size:14px;font-weight:400;font-style:normal}
*:focus{outline:none}
body{background-color:#222}
a{text-decoration:none}
ul{list-style:none}
.line_list{margin-top: 40px;}
.product-section{padding-bottom:50px;position:relative;/* background:url(../productBase-features-bag.jpg) no-repeat;background-size:cover */}
.product-title{padding:10px 10px 10px;font-weight:400;font-size:36px;line-height:46px;color:#252b3a;text-align:center;color:#000}
.product-wrapper{max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body{margin:0 25px}
.product-features .product-body:after{content:"";width:100%;height:3px;background:url(../productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0}
.features-item{position:relative;float:left}
.features-slide .features-item>*{text-align:center}
.features-item{position: relative;}
.features-item h3{font-size:14px;line-height:22px;color:#000;opacity:.7;-webkit-transition:all .1s;transition:all .1s;/* position:absolute;left:0; */text-align:center;width: 100%}
.features-item:nth-child(even) h3{margin-top:120px;}
.features-item:nth-child(odd) h3{margin-top:32px}
.features-item {position:relative;}
.features-item:after{content:""; position:absolute;width:100%;height:10px;background:#da251e; /* background:url(../productBase-features-timeline.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px; */top:82px;z-index:3}
.features-item i{content:"";position:absolute;display:block;width: 20px;height: 20px;border: 2px solid #da251e;background: #fff;border-radius: 50%;left: 50%;margin-left: -10px;top: 77px;z-index: 6; }
.features-item .features-info{display:block;margin:0 auto;padding:20px 53px;-webkit-transition:all .3s;transition:all .3s;border-radius:2px}
.features-item .features-info .features-info-i{font-size:14px;color:#a0a2a8;line-height:22px;margin-bottom:10px}
.features-item .features-info .features-info-s{font-size:16px;color:#000;line-height:24px;overflow:hidden}
.features-item.dark i{background:url(../productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover h3{font-size:16px;line-height:22px;opacity:.9}
/* .features-item:hover i{width:75%;margin-left:13px;background:url(../productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center} */
.features-item:hover a{background:url(../productBase-features-info.png) no-repeat;background-size:100% 100%}
.product-features .swiper-button-prev{z-index:10; width:36px;height:40%;left:10px;top:43%;background:0 0}
.product-features .swiper-button-prev:after{ content:"";display:inline-block;position:absolute;width:36px;height:36px;background:url(../left_ico.png) no-repeat;background-size:100%;top:50%;margin-top:-13px;left:0;/* margin-left:-7px */}
.product-features .swiper-button-next{z-index:10;width:36px;height:40%;right:10px;top:43%;background:0 0}
.product-features .swiper-button-next:after{ content:"";display:inline-block;position:absolute;width:36px;height:36px;background:url(../right_ico.png) no-repeat;background-size:100%;top:50%;margin-top:-13px;left:0;/* margin-left:-7px */}

.features-item.selected h3{color: #da251e;}
.features-item.selected i{background: #da251e;width: 22px;height: 22px;top: 75px;}
.tab_btns{font-size: 0;width: 100%;}
.tab_btn{cursor: pointer; width: 25%;display: inline-block;padding:8px 10px; text-align: center;background-color: #e1e1e1;font-size: 22px;color: #444444;border:1px solid #fff;}
.tab_btn.selected{background-color: #da251e; color: #ffffff;}

.certify_swiper{position:relative;width:100%;margin:40px auto}
.certify_swiper .swiper-container{width: 90%;}
.certify_swiper .swiper-container{padding-bottom:60px;}
.certify_swiper .swiper-slide{width:520px;height:auto;background:#fff;box-shadow:0 8px 30px #ddd;}
.certify_swiper .swiper-slide img{display:block;}
.certify_swiper .swiper-slide p{line-height:35px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0;}
.certify_swiper .swiper-pagination{width:100%;bottom:20px;}
.certify_swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
.certify_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #da251e;background-color:#fff;}
.certify_swiper .swiper-button-prev{left:-0px;width:50px;height:160px;background-image:url('../icon_jt0.jpg');  background-repeat: no-repeat;background-position:0 0;background-size:100%;}
.certify_swiper .swiper-button-prev:hover{background-size:100%;background-image:url('../icon_jt1.jpg');-webkit-transform: rotate(-180deg);transform: rotate(-180deg); }
.certify_swiper .swiper-button-next{right:-0px;width:50px;height:160px;background-image:url('../icon_jt0.jpg');background-repeat:  no-repeat;-webkit-transform: rotate(-180deg);transform: rotate(-180deg); background-size:100%;}
.certify_swiper .swiper-button-next:hover{background-image:url('../icon_jt1.jpg');background-size:100%;-webkit-transform: rotate(0deg);transform: rotate(0deg); }

.certify_swiper .swiper-button-prev:after,.certify_swiper .swiper-container-rtl .swiper-button-next:after, {
    content: '';
}
.certify_swiper .swiper-button-prev:after,.certify_swiper .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.certify_swiper  .swiper-button-next:after,.certify_swiper  .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

.tab_contents{margin:20px 0;}
.tab_content{min-height: 100px;}
.certify_swiper .swiper-slide img{width: 100%;}
.swiper2 {margin-top: 30px;}
.swiper2 .swiper-slide{text-align: center;}
.swiper2 .swiper-slide img{display: inline-block;max-width: 80%;}

.all_line_file{text-align: right;}
.all_line_file a{font-size: 0px;display: inline-block;width: auto; background-color: #eaeaea; padding: 0 10px; height: 36px;line-height: 36px;}
.all_line_file a span{font-size: 14px;color: #333333;display: inline-block;vertical-align: middle;}
.all_line_file a img{padding-left: 12px;display: inline-block;vertical-align: middle; width: 36px;}
.content_detail{margin-top: 50px;}
.content_detail_title{width: 100%;border-bottom: 2px solid #da251c;}
.content_detail_title span{display: inline-block;padding:5px 25px;background-color: #da251c; color:#ffffff;font-size: 18px;font-weight: bold;}
.content_detail_con{width: 100%;min-height: 300px; padding:10px;font-size: 14px;color: #333333;text-align: center}
.content_detail_con img{display: inline-block;max-width:80%;}
@media(max-width:767px){
	.line_list{margin-top: 20px;}
	.tab_btn{font-size: 14px;}
	.certify_swiper .swiper-button-prev,.certify_swiper .swiper-button-next {width: 20px;height: 65px;}
	.certify_swiper .swiper-container{width: 80%;}
	.certify_swiper .swiper-slide{width:100%;height: auto;}
	.features-item h3{font-size: 14px;}
	.features-item:hover h3{font-size: 16px;}
	.features-item:nth-child(odd) h3 {margin-top: 36px;}
	.features-item:nth-child(even) h3{margin-top: 114px;}
	.swiper2 .swiper-slide img,.content_detail_con img{display: inline-block;max-width: 90%;}
	.product-features .swiper-button-next:after{  margin-top: -10px;}
	.product-features .swiper-button-prev:after{margin-top: -10px;}
	.certify_swiper .swiper-slide{    box-shadow: 3px 3px 8px #ddd;}
     .content_detail_title span{font-size: 16px;padding:2px 18px;}


}
@media(max-width:320px){

	.tab_btn { font-size: 12px;}

}
@media(max-width:375px){
.features-item h3{font-size: 12px;}
.product-wrapper{padding:0 5px;}
.features-item:hover h3{font-size: 14px;}
.container{width: 98%;}
}


@media (min-width: 768px) and (max-width:1024px) {
    .tab_btn{font-size: 16px;}
	.certify_swiper .swiper-button-prev,.certify_swiper .swiper-button-next {width: 30px;height: 96px;}
	.certify_swiper .swiper-container{width: 82%;}
	.certify_swiper .swiper-slide{width:400px;height: auto;}
}
.tab_btns{    display: table;}
.tab_btn{ display: table-cell;vertical-align: middle;}
@media (max-width: 767px){

.tab_btn{ font-size: 12px;    padding: 8px 2px;text-align: center;}
}



/* 线路弹出框 */
.other_line_box{display: none; width:100%;height:100%;position:fixed;top:0px;left:0px;overflow:hidden;z-index:10000;background-color:rgba(0,0,0,0.8);}
.other_line_con_wrap{width:60%;height:80%;position:absolute;top:10%;left:20%;background-color:#ffffff;color:#333333;padding:50px 15px 10px 15px;}
.other_line_con{height:100%;overflow-y:auto;line-height: 24px;}
.other_line_con img{display: block;max-width:100%;}
.close_otherlinebox{position:absolute;top:10px;right:10px;width:28px;height:28px;cursor: pointer;}

@media(max-width: 767px){
	.other_line_con_wrap{width:100%;height:100%;top:0;left:0;   border: 2px solid #ddd;box-sizing: border-box; }
	.btn_show_other{padding:0 10px;margin-right:10px;}
	.other_line_con_wrap{padding-top:40px;}
	.close_otherlinebox{width:22px;height:22px;}
}
@media(min-width: 768px) and (max-width:1024px){
.other_line_con_wrap{width:80%;height:80%;position:absolute;top:10%;left:10%;}
}