/* 轮播图 */
.banner_swiper{width:100%;}
.banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev{width:60px;height:60px;cursor:pointer;opacity:0;}
.banner_swiper:hover .swiper-button-next,.banner_swiper:hover .swiper-button-prev{opacity:1;}
.banner_swiper .swiper-button-prev:after,.banner_swiper .swiper-container-rtl .swiper-button-next:after,.banner_swiper .swiper-button-next:after,.banner_swiper .swiper-container-rtl .swiper-button-prev:after{content:'';}
.banner_swiper .swiper-button-prev{left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-repeat:no-repeat;background-size:cover;background-image:url('../banner_rows_theme_dark-e48e9be456.png');background-position:-180px 0;}
.banner_swiper .swiper-button-prev:hover{background-position:-120px 0;z-index:9999;}
.banner_swiper .swiper-button-next{right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-repeat:no-repeat;background-size:cover;background-image:url('../banner_rows_theme_dark-e48e9be456.png');background-position:-60px 0;}
.banner_swiper .swiper-button-next:hover{background-position:0 0;z-index:9999;}
.banner_swiper .swiper-pagination-bullet{width:50px;height:2px;margin-right:10px;background:rgba(255,255,255,.8);border-radius:0;}
.banner_swiper .swiper-pagination-bullet-active{background:#ffffff;}
@media(max-width: 767px){
   .banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev{display: none;}
   .banner_swiper .swiper-pagination-bullet{width:4%;height:2px;}
}

.index_block{padding:4em 0;}
.index_block_title {color: #333333; display: -webkit-box; display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;margin-bottom:2em;}
.index_block_title .title{font-size:1.8em;font-weight: bold; }
.tit_had_more a{color: #333333;font-size: 1.3em;padding-right:0.8em; position: relative;display: block;background: url('../icon_right2.png') no-repeat right center;}
.tit_had_more a::before {content: '';width: 0;height: 2px;background: #333333;position: absolute;bottom: -2px;-webkit-transition: all .3s;transition: all .3s;}
.tit_had_more a:hover::before {width: 100%;}
.icon_right{display: inline-block;vertical-align: middle;width: 8px;height:14px; background: url('../icon_right.png') no-repeat center center;background-size: 100% 100%;}
.icon_right2{ background-image: url('../icon_right2.png');}

@media(max-width: 767px){
   .index_block{padding:3em 0;}
   .index_block_title .title{font-size:1.6em;font-weight: bold; }
   .tit_had_more a{color: #333333;font-size: 1em; position: relative;display: block;}
   .tit_had_more a{background-size: 6px 10px;}
}




.select_tabs{width: 100%;text-align: center;margin-bottom: 1.2em;margin-bottom: 10px;}
.select_tab{cursor: pointer; position: relative;padding-bottom: 5px; display: inline-block;vertical-align: top;cursor: pointer;position: relative;font-size: 1.6em;line-height: 32px;color: #999999;text-align: center;margin-bottom:1%;}
.select_tab:after{content: '';position: absolute;bottom: 0;left: 0;-webkit-transition: all .3s;transition: all .3s;width: 100%; height: 2px;}
.select_tab.active{color: #333333;}
.select_tab.active:after{background-color: #333333;}
.select_tabpanes{width: 100%;}
.select_tabpane{width: 100%;position: relative;display: none;}
.select_tabpane.active{display: block;}
.display_img_tabpane_img{display: block;width: 100%;}

.index_news .select_tab{margin-left:3%;margin-right:3%;}
.recommend_product .select_tab,.display_img .select_tab{margin:0 3% 1% 3%;}

@media(max-width: 767px){
    .select_tab{font-size: 14px;line-height: 22px;}
}


/* 安装图 */
.display_img{width: 100%;background: #ffffff;}
.display_img_txt{font-size: 14px;line-height: 28px; padding:4% 3%;box-sizing:border-box; background: rgba(0,0,0,0.55);z-index: 2;color: #ffffff;min-height: 20%;text-align:left;}
.display_img_tabpane:nth-of-type(n) .display_img_txt{right: 5%;}
.display_img_tabpane:nth-of-type(2n) .display_img_txt{left: 5%;}
.display_img_txt h2{margin-bottom: 10px; }
@media (max-width: 767px){
    .display_img_txt{width: 100%;background-color: #333333;}
}
@media (min-width: 768px) and (max-width:1200px){
    .display_img_txt{width: 40%;}
}

@media (min-width: 768px){
   .display_img_txt{position: absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); }
}

@media (min-width: 1201px){
   .display_img_txt{width: 26%;}
}

.special_product_item{padding:40px 4%;border:1px solid #000000;width: 100%;box-sizing: border-box;margin-bottom: 60px;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.special_product_item .item_info,.special_product_item .item_img{width: 50%;}
.special_product_item .item_info{padding-right: 16%;box-sizing: border-box;font-size: 14px;}
.special_product_item .item_info .product_name{font-size: 2em;margin-bottom: 0.5em;}
.special_product_item .item_info .product_desc{font-size: 1em;margin-bottom: 3em;}
.special_product_item .item_img{text-align:center;}
.special_product_item .item_img img{display: inline-block;max-width: 100%;}
.btn_more a{display: inline-block;padding:4px 30px 4px 15px;font-size: 16px; color: #ffffff;background: #333333 url('../icon_right.png') no-repeat 92% center;}
.btn_more a:hover{background-color:#000000;}
@media (max-width: 767px){
    .special_product_item{display:block;width: 100%;padding:6% 4%;}
    .special_product_item .item_info, .special_product_item .item_img{width: 100%;padding:0;}
    .special_product_item .item_img{margin-top: 2em;}
    .special_product_item .item_info .product_name{font-size: 1.4em;}
    .btn_more a{font-size: 1em;}
}
@media (min-width: 768px) and (max-width: 1200px){
   .special_product_item .item_info{padding-right: 4%;}
}



.recommend_product_section{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;background-color: rgba(0, 0, 0, 0);}
.recommend_product_section .left{position: relative;-webkit-box-flex: 1;flex: 1 1 0%;}
.recommend_product_section .right{-webkit-box-flex: 1;flex: 1 1 0%;-ms-flex: 1;display: -webkit-box;display: flex;display: -ms-flexbox;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: justify;justify-content: space-between;-ms-flex-pack: justify;}
.recommend_product_section .right .right_top{ display: -webkit-box;display: flex;-webkit-box-flex: 1;flex: 1 1 0%;-webkit-box-align: stretch;align-items: stretch;}
.recommend_product_section .right .right_top .right_top_l{-webkit-box-flex: 1;flex: 1 1 0%;position: relative;width: 100%;height: 100%;}
.recommend_product_section .right .right_top .right_top_r{-webkit-box-flex: 1;flex: 1 1 0%;position: relative;}
.recommend_product_section .right .right_bottom{-webkit-box-flex: 1;flex: 1 1 0%;position: relative;}
.repro_item {position: relative;overflow: hidden;height: 100%;bottom: 0px;right: 0px;top: 0px;left: 0px;width: 100%;}
.repro_item_wrap{width: 100%;display: block;height: 100%;}
.c_imageblock{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.repro_item .product_name{position: absolute;right: 20px;bottom: 20px;font-size: 14px; color: #7c7c7c; display: block;padding: 0 10px 2px 10px;box-sizing: border-box; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.repro_item a{display: block;width: 100%;height: 100%;}


.right_top_l_item{text-align:center;background: #abb3b9;color: #ffffff;font-size: 16px;}
.right_top_l_wrap{padding:0 13%;}
.right_top_l_tit{font-size: 1.5em;margin-bottom: 0.5em;}
.right_top_l_desc{font-size: 1em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; margin-bottom:2em;}
.product_action{display: inline-block; font-size: 1.2em;position: relative;}
.product_action::before {content: ''; width: 0; height: 2px; background: #fff; position: absolute; bottom: -2px; -webkit-transition: all .3s; transition: all .3s;}
.right_top_l .repro_item a:hover .product_action::before {width: 100%;}

@media(max-width: 767px){
.s_recommend_product_top{width: 100%;}
.s_recommend_product_top .repro_item{width: 100%;}
.s_recommend_product_bottom{width: 100%;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;}
.s_recommend_product_bottom .repro_item{width:50%;}
.s_recommend_product_more{display: block;width: 100%;height:40px;line-height:40px;text-align: center;color: #ffffff;font-size: 1em;background-color: #878c92;}
.repro_item .product_name{bottom: 5px;}
.phone_select_tabpanes .select_tabpane{display: block;}
.repro_item .product_name{display: block;width: 100%;text-align:center;left: 0;font-size: 1em;}
}

@media(max-width: 1200px){
    .right_top_l_item{font-size: 12px;}
    .right_top_l_tit {font-size: 1.4em;}
    .right_top_l_desc{ margin-bottom: 1em;}
    .repro_item .product_name{right: 0;width: 100%;bottom: 5px;text-align:center;font-size: 12px;}
}

@media(min-width: 1201px){
    .repro_item .product_name{padding:0;bottom: 2%;}
    .repro_item .product_name::before {content: '';width: 0;height: 2px;background: #7c7c7c;position: absolute;bottom: 0px;-webkit-transition: all .3s;transition: all .3s;}
    .repro_item a:hover .product_name::before{width: 100%;}
}



/* 视频中心 */
.videos_wrap{margin-left: -1%;margin-right: -1%;}
.video_center .videos{width: 100%;font-size:0;}
.videos .videos_item{padding:1%;box-sizing: border-box;display: inline-block;vertical-align: top;font-size: 14px;}
.videos .videos_item:nth-child(1),.videos .videos_item:nth-child(2){width:50%;}
.video_center .videos_item_img{overflow:hidden;position: relative;}
.video_center .videos_item_img img{display: block; width: 100%; -webkit-transition: .5s all ease; transition: .5s all ease;}
.videos_item .title{margin:0.5em 0;}
.videos_item .title .title_txt{width: 100%; font-size:1.2em;font-weight: 500;color: #18181c;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.video_center .bg:before { position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);z-index:2;opacity:0;content:'';-webkit-transition:.5s all ease;transition:.5s all ease;}
.video_center .bg:after{opacity: 0;-webkit-transition: .5s all ease;transition: .5s all ease; content:'';position:absolute;top:50%;left:50%;width:5em;height:5em;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url('../icon_video.png') center no-repeat;background-size:cover;}
.video_center .videos_item:hover .bg:after,.video_center .videos_item:hover .bg:before{opacity:1;}
.bg:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.video_mask,.video_modal{display:none;position:fixed;}
.video_mask{background-color:#101010;overflow:hidden;top:0;left:0;z-index:999;opacity:.9;filter:alpha(opacity=90);-webkit-overflow-scrolling:touch;}
.video_modal{width:1190px;height:600px;left:50%;top:50%;margin-left:-595px;margin-top:-300px;z-index:9999;}
.icon_play{display: none;}


@media (max-width: 767px){
    .videos .videos_item{width: 50%;font-size: 12px;}
    .videos .videos_item:nth-child(1){width:100%;}
    .video_center .bg:after{width: 3em;height: 3em;}
    .icon_play{display: inline-block; width:16px;height:16px;background: url('../icon_video2.png') center no-repeat;background-size: cover;}
    .videos_item .title span{display: inline-block;vertical-align: middle;}
    .videos_item .title span.title_txt{width: calc(100% - 20px);font-size: 12px;}

}
@media (min-width: 768px){
    .videos .videos_item{width: 33.33%;font-size: 14px;}
    .videos .videos_item:nth-child(1),.videos .videos_item:nth-child(2){width:50%;}
}

@media (min-width: 768px) and (max-width: 1300px){
     .video_center .bg:after{width: 3em;height: 3em;}
}


/* 关于我们 */
.about_us_con{position: relative;color: #333333;color: #333333;}
.about_us_txt{position: absolute;left: 5%;top:10%;width: 40%;}
.about_us_txt h2{ font-weight: bold; font-size:2em;letter-spacing:2px;margin-bottom:0.2em;}
.about_us_txt .about_us_info{font-size:1em;margin-bottom: 2.6em;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.about_us_txt .more{display: inline-block;position: relative;color: #333333;}
.about_us_txt .more span{display: inline-block;vertical-align: middle;font-size:1.2em;font-weight: 400;margin-right:6px;}
.about_us_txt .more::before {content: '';width: 0;height: 2px;background: #333333;position: absolute;bottom: -2px;-webkit-transition: all .3s;transition: all .3s;}
.about_us_txt .more:hover::before {width: 100%;}
@media (max-width: 767px){
    .about_us_txt h2 {font-size: 1.4em;}
    .about_us_txt{width:88%;}
    .about_us_txt .about_us_info{margin-bottom: 1em;}
}

@media(min-width: 768px) and  (max-width: 767px) {
    .about_us_txt{width:88%;top:6%;}

}

@media (min-width: 768px) and (max-width: 1200px){
    .about_us_txt{width: 62%;}
    .about_us_txt h2{font-size: 1.6em;}
    .about_us_txt .about_us_info{margin-bottom: 1em;}
}

@media (min-width: 1201px) and (max-width: 1400px){
    .about_us_txt{width: 50%;}
    .about_us_txt .about_us_info{margin-bottom: 1.6em;}
}
@media (min-width: 1401px){
    .about_us_txt{width: 40%;top: 12%; max-width: 500px;}
    .about_us_txt h2{margin-bottom: 0.5em;}
}

/* 新闻列表 */
@media (max-width: 767px){
  .news_list li{width: 100%;box-sizing: border-box; padding:10px;margin-bottom: 10px;}
  .news_list li .article_info .article_tit {  font-size: 1.2em;}
  .news_list li .pub_date .d{font-size:1.5em;}
  .news_list li .pub_date .y_m {font-size: 0.8em;}
  .news_list li .article_info .article_desc{-webkit-line-clamp: 1;}
}