@charset "utf-8";
.box_list .title_box{ font-size:45px; font-family:"futura"; padding-bottom: 40px;line-height: 100%;}


.pro_container{ padding:30px 80px;}

/*nav infor*/
.nav_infor{   text-transform:uppercase;font-size:12px;	color:#858585;padding-bottom: 10px;}
.nav_infor i{font-size:12px;margin:0 8px;}
.nav_infor a{color:#000000;font-family:"futura";font-size:12px;	}
.nav_infor a:hover{color:#858585;}

/*detail banner*/
.swiper_banner{overflow: hidden;margin-bottom: 50px;}
.swiper_banner .swiper-slide { width: 100% ; float:left; position: relative;}
.swiper_banner .swiper-slide img{width: 100%;}
.swiper_banner{ position:relative;}
.swiper_banner .swiper-wrapper{ width:100%; margin:0 auto;}
.swiper_banner .swiper-slide{ width:100%; position:relative;}
.swiper_banner .swiper-slide .container-fluid{ margin: 0 50px; }
.swiper_banner .swiper-slide .min_height{ position: relative; }


.swiper_banner .swiper-pagination{margin-bottom:10px;}
.swiper_banner .swiper-pagination-bullet{background:#161616;width:12x; height: 12x;}
.swiper_banner .swiper-pagination-bullet-active{background: #eb5b32;}

.one_slide_content{ position: absolute;bottom: 60px; text-align: center;width: 100%;}
.one_slide_content .h1{margin:0;font-family:"futura"; font-size:20px; text-transform: uppercase;padding-bottom:20px;}
.one_slide_content .h2{font-size:13px; line-height: 200%; width: 40%; margin:0 auto;}

/*detail parm*/
.detail_parm{ margin-bottom: 0; }
.detail_img .other_adv_img img{width: 100%;}
.detail_img{ position: relative; }

.mySwiper2{margin-bottom:50px; text-align:center;}
.mySwiper2 .swiper-slide{ padding:0 0;border:1px solid rgba(0, 0, 0, 0.08); padding: 0 0; position:relative;}
.mySwiper2 .swiper-slide span{ width:auto; display:block; position:absolute;background:rgba(0, 0, 0, 0.82);  bottom:0; color:#fff; z-index:99; padding:10px 30px; display:none;}
.mySwiper2 img{width:80%;}
.thumb_btn{width: 32px; height: 32px; color:#fff; text-align: center;line-height: 32px; background: #000; outline:none; cursor:pointer; position: absolute; z-index: 9; top: 37%;font-weight: block;}
.thumb_btn:hover{background: #4c4c4c;}
.swiper-mySwiper2-next { right:-16px; }
.swiper-mySwiper2-prev{left:-16px;}

.detail_right_parm{ padding-left: 80px;}
.mySwiper{border-top:1px solid rgba(0, 0, 0, 0.12); padding-top: 15px;}
.mySwiper .swiper-slide{ width:20%; float:left; text-align:center;  cursor:pointer; padding-bottom: 20px;}
.mySwiper .swiper-slide img{width: 100%;border-bottom:1px solid #fff;}
.mySwiper .swiper-slide span{ display:block; font-size:12px;color:#000;}
.mySwiper .swiper-slide-thumb-active{border-bottom:1px solid #e3e3e3;}

.parm_table{margin:10px 0 0;}
.parm_table ul{}
.parm_table ul li{ padding:10px 0;border-bottom:1px solid #f5f5f5;}
.parm_table ul li span{ width:20%; float:left; }
.parm_table table td{ padding:8px 0;font-size: 12px; text-align:left;}
.parm_table table td:nth-child(1){font-weight: bold; text-align:left;}
.parm_table table tr:nth-child(1){border-bottom:1px solid rgba(0, 0, 0, 0.12);margin-bottom: 20px;}
.parm_table table tr:nth-child(1) td{text-align:left;font-weight: bold;}

.dimendions{margin:10px 0; padding-top:15px;}
.dimendions img{margin-bottom:15px; width:300px; border:1px solid #dedede;}
.dimend_title{font-weight:bold; padding-bottom: 15px;}

.light_img img{width: 100%;}

/*select edit*/
.select_download_box{margin-bottom: 50px;}
.select_download_box .nav-tabs{border: none;margin-bottom:30px;}
.select_download_box .nav-tabs li{margin-right:20px;margin-bottom: 0;float:left;}
.select_download_box .nav-tabs li.active a,.select_download_box .nav-tabs li.active a:hover,.select_download_box  .nav-tabs li.active a:focus{border:none;border-bottom:2px solid #000;color:#000000;  margin:0;}
.select_download_box .nav li a{padding:10px 2px;font-size:16px;font-family: "oswa"; text-transform: uppercase;color:#c0c0c0;margin:0; line-height: 100%;}
.select_download_box .nav li a:hover,.select_download_box .nav li a:focus{ background:none; border:1px solid #fff;}

.tab-pane{ padding: 0 0; }

/*select list*/
.select_box{}
.select_box li{width: 25%; float: left;}
.select_box li div{background: #f3f3f3; margin-right:10px; margin-bottom: 10px; padding: 25px; }
.select_box li:nth-child(4n) div{ margin-right:0;}
.select_box li div span{ text-transform:uppercase; display: block; font-weight: bold; padding-bottom: 10px; font-family: "futura"; }
.select_box li div.one em{ width:50%; float:left;}
.select_box li div em{font-style:inherit; display: block;font-size: 12px; padding:1px 0;}
.select_box li div.scroll_n{ padding:0; height:150px; min-height:inherit; overflow-y:scroll;}

.select_box li div.scroll_n::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(240, 240, 240, 1);
} 
/*定义滚动条轨道 内阴影+圆角*/
.select_box li div.scroll_n::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(255, 255, 255);
  border-radius: 10px;
  background-color: rgba(240, 240, 240, .5);
}
  
/*定义滑块 内阴影+圆角*/
.select_box li div.scroll_n::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color: rgba(240, 240, 240, .5);
}
.select_box li div em input{  margin-right: 5px; }
.select_box li div em input[type=checkbox] {
        display: inline-block;
        vertical-align: middle;
		margin-top:-3px;
        width:14px;
        height:14px;
        -webkit-appearance: none;
        background-color: transparent;
        border: 0;
		cursor:pointer;
        outline: 0 !important;
        line-height: 20px;
        color: #d8d8d8;
    }
     
.select_box li div em input[type=checkbox]:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        text-align: center;
        line-height: 14px;
        font-size: 12px;
        color: #fff;
        border: 1px solid #ddd;
        background-color: #fff;
        box-sizing: border-box;
    }
.select_box li div em input[type=checkbox]:checked:after {
        content: "";
		border:2px solid #fff;
		box-sizing:border-box;
		font-weight:bold;
        transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0);
        border-color: #000;
        background-color: #000;
    }
	
.select_box li div.active{background: #c5c5c5;}
.select_box li div.reset{background: #000;color:#fff;font-family: "futura"; text-align:center; line-height: 180px; padding:0; text-transform: uppercase; font-size:32px;}
.select_box li div.reset input{ background:none; width:100%; outline:none; font-size:32px;}

.addtoproject{background: #000;color:#fff;font-family: "futura"; font-weight: bold;text-transform: uppercase; padding: 8px 80px;float:right; margin-bottom: 0;float:right;}
.addtoproject:hover{background:#eb5b32;}

.submit_box{float: right;margin-top:10px;border-top:1px solid #f3f3f3; width:100%;}
.numbox{float:right; position: relative; width:auto; margin-right: 10px;}
.numbox b{ width:35px; height:35px;display:block; position: absolute; background: #f3f3f3; top: 1px; left: 1px; text-align: center;line-height: 35px; font-size:18x; font-weight:lighter;cursor: pointer;}
.numbox b:hover{background: #eb5b32;color:#fff;}
.numbox b.ss{border-right: 1px solid #e0e0e0;left:1px;}
.numbox b.bb{border-left: 1px solid #e0e0e0; right: 1px; left: inherit;}
.numbox input{padding:7px 10px;border: 1px solid #e0e0e0; outline: none; text-align: center;}


/*download*/
.download_list{width: 400px;}
.download_list li{border-bottom:1px solid rgba(0, 0, 0, 0.12); float: left;width: 100%;}
.download_list li a{color:#000; text-transform: uppercase; display: block; padding: 10px 0;}
.download_list li a:hover{color:#ec430c;}
.download_list li a i{ font-size: 20px; margin-left:10px;}

/*video*/
.video_titlec{font-size:16px;font-family:"oswa"; padding-bottom: 15px; text-transform:uppercase}
.video_play{margin-bottom: 50px;}
.video_play a{width:100%; text-align: center; display: block;padding: 300px 0;}
.video_play a i{font-size:48px;}
.video_play a:hover i{color:#ec430c;}

/*install*/
.install_title{font-size:18px;font-family:"futura";  text-transform: uppercase;}
.install_content{font-size:14px; line-height: 200%;}



.book{ width:100%; float:left; margin-top:15px;}
.book .xinput{border:none;padding: 0 5px;max-width: 100%;width: 100%;vertical-align: middle;background-color: none; border-bottom:1px solid #e7e7e7;height:35px; font-size:12px; outline:none;}
.book_input{ margin-bottom:10px; padding:0 0;}
.book_input .h1,.book_input .h2{ margin:0;}
.book_input .h1{ font-size:12px; padding-bottom:10px;font-weight:lighter;line-height: 150%;}
.book_input ul li{ width:30%; font-size:13px; float:left; padding:5px 0;}
.book .xtext{border:none;padding:5px 5px;max-width: 100%;width: 100%;border-bottom:1px solid #e7e7e7;height:100px; font-size:12px;resize:none;outline:none;}

.bookinput_l{ padding-left:0; padding-right:15px;}
.bookinput_r{ padding-right:0; padding-left:15px;}
.xbutton{ background:none;font-size:14px; padding:8px 42px; float:right;background:#61cb6e;color:#ffffff; margin-top:10px; text-transform:uppercase; font-family:"oswa";}
.xbutton:hover{border-color:#64d972; background:#64d972;}


.table_more td{ border-top:1px solid #f5f5f5; text-align:center; padding:8px 0;font-size:13px;}
.table_more td img{ width:60px;}
.table_more tr:nth-child(1){ background:#f5f5f5;}
.table_more tr:nth-child(1) td{ font-weight:bold; text-transform:uppercase; }

a.specif_a{ background:#000;font-size:12px; padding:5px 15px;}
a.specif_a:hover{ background:#eb5b32; color:#fff;}



.pro_box{ padding: 0 8px; margin-bottom:16px; text-align:center;}
.pro_box a{ display:block;font-size:16px;}
.pro_box em{ display:block; overflow:hidden;}
.pro_box img{ width: 80%; }
.pro_box span{ width: 100%; display: block;padding: 20px 15px; font-family:"bahns"; position:relative;}
.pro_box span  b{ display:block;position:absolute; background:#000; color:#fff; font-weight:lighter; font-size:13px; padding:8px 15px; line-height:100%;border-radius:25px; right:0; top:15px; display:none;}
.pro_box span  b i{ vertical-align:middle;}

.pro_box a:hover{background: #fffdfd;font-weight: normal;}
.pro_box a:hover img{transform: scale(1.05);}
.pro_box a:hover span  b{ display:block;}

.color_list{ padding-top:25px;}
.color_list li{ width:50px; float:left; margin-right:20px; text-align:center; font-size:12px;}
.color_list li b{ width:50px; height:50px; border-radius:100%; display:block; border:1px solid #dedede; margin-bottom:5px;}

.detail_advantage_list{ text-align:left;}
.adv_con{ text-align:left; line-height:150%;}
.detail_advantage_list img{ border:1px solid #f5f5f5;}
.adv_con b{ display:block; padding:15px 0 5px; text-transform:uppercase;}
@media (min-width: 75em) {/*宽屏*/
}
@media (max-width: 1200px) {/*窄屏*/ 
}
@media (max-width: 990px) { /*ipad*/	
}
@media (max-width: 767px) { /*手机尺寸*/

/*nav infor*/
.nav_infor{display:none;}


/*detail banner*/
.swiper_banner{margin-bottom: 15px;}
.swiper_banner .swiper-slide .container-fluid{ margin: 0 15px; }
.swiper_banner .swiper-pagination{margin-bottom:205px;}

.one_slide_content{ position: relative;bottom: 0; padding-top:15px;}
.one_slide_content .h1{font-size:16px;padding-bottom:10px;}
.one_slide_content .h2{font-size:14px; line-height: 200%; width: 100%; margin:0 auto;}

/*detail parm*/
.detail_parm{ margin-bottom: 25px; }
.mySwiper2{margin-bottom:15px;}

.detail_right_parm{ padding: 0;}
.mySwiper{padding-top: 15px;}
.mySwiper .swiper-slide{ width:25%; padding-bottom:10px;}
.table-responsive{border:none;}
.dimendions{margin:15px 0; text-align:center;}
.dimendions img{ width:60%; margin-top:15px;}
.dimend_title{padding: 0;}

/*select edit*/
.select_download_box{margin-bottom: 25px;}
.select_download_box .nav-tabs{margin-bottom:15px;}
.select_download_box .nav-tabs li{margin-right:15px;}
.select_download_box .nav li a{padding:4px 2px;font-size:14px;}


/*select list*/
.select_box li{width: 50%;}
.select_box li div{ margin-right:8px; margin-bottom:8px; min-height: 100px; padding: 15px;}
.select_box li div.one em{width:100%;}
.select_box li:nth-child(2n) div{margin-right:0;}
.select_box li div span{ padding-bottom: 5px;  }
.addtoproject{padding: 8px 0;float:left; margin-bottom: 0;width:50%;}
.submit_box{float: right;margin-top:0;width:100%;}
.numbox{margin-right:0; margin-left:5px;float:left;}
/*download*/
.xbutton{ width:100%;}
.pro_box{ padding:0 3px; margin-bottom:10px;}
.pro_box span{ padding:5px 0; font-size:12px;}
.download_list{width: 100%;}

/*video*/
video_titlec{font-size:16px; padding-bottom: 15px;}
.video_play{margin-bottom:25px;}
.video_play a{padding: 100px 0;}
.video_play a i{font-size:40px;}

/*install*/
.install_title{font-size:16px;padding:0; padding-bottom: 15px;}
.install_content{padding:0;padding-bottom:30px;}


.book_input{ margin-bottom:5px; padding:0 0;}
.book_input .h1,.book_input .h2{ margin:0;}
.book_input .h1{padding-top:5px;}
.select_box li div.scroll_n{ padding:0; height:50px; min-height:inherit; overflow-y:scroll;}




.table_more td{ padding:5px 0;font-size:12px;}
.table_more td img{ width:40px;}

a.specif_a{  padding:5px 10px;}


.pro_container{ padding:15px 15px;}
.parm_table{ margin:0;}
.parm_table ul li{ padding:5px 0;}
.video_titlec{ font-size:14px;}
.mySwiper2 .swiper-slide span{ padding:5px 10px; display:none;}


.adv_con{ text-align:left; line-height:150%;}
.detail_advantage_list{ padding:0; margin-bottom:15px;}
.detail_advantage_list img{ border:1px solid #f5f5f5; width:100%;}
.adv_con b{ display:block; padding:15px 0 5px;}
}