/*
html { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
*/
.header .nav_sort_on{ display:block;}

.swiperfocus .swiper-container{margin: 0 auto; width: 100%; min-width:1200px;height:450px; z-index: 1; overflow:hidden;}
.swiperfocus .swiper-slide{z-index:20;min-width:1200px; height:450px;}
.swiperfocus .swiper-slide a{ display:block; width:100%; height:100%;}
.swiperfocus .swiper-pagination-fraction{bottom: 55px;}
.swiperfocus .swiper-pagination-bullet{width: 15px; height: 15px; border-radius: 50%; background: #fff;}
.swiperfocus .swiper-pagination-bullet-active{background: #eb6100;}
.swiperfocus .swiper-slide > a{display:block !important; background-size: contain; overflow: hidden;}
.swiperfocus .swiper-slide img{height:100%;}
.swiperfocus .swiper-button-prev{width: 80px; height: 560px; position: absolute; left: 0; top: 50%; margin-top: -280px; z-index: 500; cursor: pointer; background-position: center center; background-size: 40% auto;}
.swiperfocus .swiper-button-next{width: 80px; height: 560px; position: absolute; right: 0; top: 50%; margin-top: -280px; z-index: 600; cursor: pointer; background-position: center center; background-size: 40% auto;}




.wm{ margin:0 auto;  padding-left:300px; width:900px; background:url(../images/index/wm_ico.png) no-repeat 270px center; height:48px; line-height:48px; font-size:12px;}


.fwlc{margin:0 auto; height:88px; width:1198px; border:#d9d9d9 solid 1px; background:#fff url(../images/index/fwlc_bg.jpg) no-repeat center center;}

.ibm{ position:relative; margin:20px auto 0 auto; height:176px; width:1200px; z-index:10; background:#fff;}
.ibm_left{ position:absolute; left:0; top:0; width:238px; height:100%; background:url(../images/index/ibm_left.png) no-repeat left center; color:#fff; }
.ibm_left h2,.ibm_left h4{position:absolute;left:0; width:230px; text-align:center;}
.ibm_left h2{ top:50px; font-size:30px;}
.ibm_left h4{ top:102px; font-size:18px; font-weight:normal;}

.ibm_right{position:absolute; right:8px; top:8px; width:214px; height:160px; background:#f5f5f5 url(../images/index/ibm_right_ico.png) no-repeat center 24px;}
.ibm_right p{ padding-top:58px; width:100%; display:block; text-align:center; color:#999;}
.ibm_right strong{width:100%; display:block; text-align:center; font-size:36px;}
.ibm_right span{width:100%; display:block; text-align:center; color:#4b4948;}
.ibm_form{ padding-left:250px;}

.ibm_form h3{ display:block; padding:22px 0 18px 0; font-weight:normal;}
.ibm_form input[type="text"],.ibm_form input[type="tel"]{display:inline-block;*display:inline;*zoom:1; vertical-align:top; border:#cdcdcd solid 1px; padding-left:46px; text-align:left;width:299px;height:38px; line-height:38px; border-radius:0px; box-sizing:border-box; font-size:14px; color:#000;}


.ibm_form input.realname{ background:#fff url(../images/index/ibm_form_input.png) no-repeat left 0; }
.ibm_form input.telephone{ margin-left:14px;background:#fff url(../images/index/ibm_form_input.png) no-repeat left -38px;}
.ibm_form button,.ibm_form .bm_form_btn{ position:absolute; left:876px; top:62px; border:0; background:url(../images/index/ibm_btn.png) no-repeat center top; width:84px; height:96px;cursor:pointer; }



.istyles_dl{ display:block;font-size:12px;}
.istyles_dl input[type="checkbox"] {position:absolute;display:none;}
.istyles_dl input[type="checkbox"]+label{position:relative;display:inline-block;*display:inline;*zoom:1; margin:15px 4px 0 0; padding:0 13px; height:38px; line-height:38px; border:#a5a4a3 solid 1px; cursor: pointer;vertical-align:top;color:#25201f; background:#fff; text-align:center;}
.istyles_dl input[type="checkbox"]:checked+label{border:#f49727 solid 1px; background:#f49727;color:#fff; }



.top{ position:relative; height:45px; line-height:45px;border-bottom:#3a3633 solid 1px; overflow:hidden;}
.top h3{display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding-left:18px; margin:12px 0 0 8px; height:24px; line-height:24px;font-size:22px; color:#1f1f1f; border-left:#f49727 solid 3px;}
.top i{ margin-left:10px;display:inline-block;*display:inline;*zoom:1; vertical-align:top;font-size:14px; color:#6b6b6b; font-style:normal;}
.top span{ position:absolute; right:5px; top:0;  font-size:12px;}
.top span a{ color:#1f1f1f}
.top label{ position:absolute; right:60px; top:0;  font-size:12px;}
.top label a{ margin:0 8px; color:#1f1f1f}


.cases,.products{margin-top:20px;}
.cases_left{ display:inline; float:left;margin-top:18px; width:229px;}
.cases_left_styles{ position:relative; height:449px; background:url(../images/index/cases_left_bg.jpg) repeat-x left top;}
.cases_left_styles_img{ padding-top:20px; margin:0 auto; width:200px;}
.cases_left_styles dl{ display:block; margin-top:10px; text-align:center;}
.cases_left_styles dl dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:5px 0 0 05px; background:#fff; width:102px; height:32px; line-height:32px;}
.cases_left_styles .more,.products_left_styles .more{ position:absolute; left:0; bottom:0px; height:45px; line-height:45px; text-align:center; width:100%;}
.cases_left_styles .more a,.products_left_styles .more a{ color:#6b6b6b;}
.cases_left_bottom{ margin-top:7px;}


.cases_right{ display:inline; float:right;margin-top:18px;position:relative; width:960px; overflow:hidden;}
.cases_right .cases_right_swiper{ position:absolute; left:4px; top:0px; width:634px; height:447px; }

.cases_right_swiper .swiper-container{ width:634px; height:447px; }
.cases_right_swiper .swiper-slide{ position:relative;width:634px; height:447px; }
.cases_right_swiper .swiper-container img{width:100%; height:447px;}
.cases_right_swiper .swiper-pagination-bullets{width:100%;position:absolute; top:342px; left:0; text-align:center; z-index:600}
.cases_right_swiper .swiper-pagination-bullet{width: 15px; height: 15px; background:none; border:#d5d1ce solid 1px; opacity:1;}
.cases_right_swiper .swiper-pagination-bullet-active{ background: #ff9517 !important; opacity: 0.9 !important;}

.cases_right_swiper .silder_text{ position:absolute; left:26px; top:315px; width:584px; height:108px; background:rgba(35, 17, 0, .7);overflow:hidden; z-index:500}
.cases_right_swiper .silder_text h5{ display:block; text-align:center; padding-top:60px; font-size:22px; color:#fff;}


.cases_right_list{ margin:0 0 0 -6px;  padding-top:449px; width:966px; font-size:0px;}
.cases_right_list dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; position:relative; margin:7px 0 0 10px; width:312px; height:220px;}
.cases_right dd:nth-child(1) { position:absolute; right:0px; top:-7px;}
.cases_right dd:nth-child(2) { position:absolute; right:0px; top:220px;}

.cases_right dd h6{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(244, 151, 39, .7); z-index:10;}
.cases_right dd img{ width:100%; height:100%;}
.cases_right dd h5{ position:absolute; left:30px; bottom:0; color:#fff; height:40px; line-height:40px; z-index:20; font-weight:normal;}
.cases_right dd span{ position:absolute; right:10px; bottom:0; padding-left:25px; background:url(../images/index/views.png) no-repeat left center; font-size:14px; color:#fff; height:40px; line-height:40px; z-index:20; font-weight:normal;}



.products .products_left_styles{position:relative; height:449px; background:url(../images/index/products_left_bg.jpg) repeat-x left top;}
.products .cases_right dd h6{ background:rgba(96, 83, 71, .7) !important; }
.products_left_styles dl{ display:block; padding-top:12px; text-align:center;}
.products_left_styles dl dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:5px 0 0 05px; background:#fff; width:102px; height:32px; line-height:32px;}


.styles .styles_left_styles{position:relative; height:449px; background:url(../images/index/styles_left_bg.jpg) repeat-x left top;}
.styles .cases_right dd h6{ background:rgba(8, 180, 216, .7) !important; }



.i_pp{margin:28px auto 0 auto; height:74px; width:1198px; border:#d9d9d9 solid 1px; background:#fff url(../images/index/i_pp.jpg) no-repeat center center;}

.designers{ margin-top:20px;}
.designers_left{ display:inline; float:left; position:relative;margin-top:18px; width:670px; height:400px;}


.designers .designers_headlines { position:relative;width:380px; height:400px;}
.designers .designers_headlines img{ width:100%; height:100%;}

.designers .designers_headlines div{ margin:0 0 0 -150px; padding:10px 20px;  color:#fff;  width:260px; background:rgba(172, 107, 29, .8); position:absolute; left:50%; bottom:20px;}

.designers .designers_headlines h3{ display:block;height:40px;font-size:20px;line-height: 40px;}
.designers .designers_headlines div p{line-height:20px;}

.designers .designers_headlines_cases{ position:absolute; right:0px; top:0px; padding:0 20px; width:258px; height:398px; border:#d9d9d9 solid 1px; background:#ffff;}
.designers .designers_headlines_cases h2{ padding:16px 0 12px 0; border-bottom:#d9d9d9 solid 1px;}

.designers_headlines_cases .swiper-container{ margin-top:10px; width:258px; height:330px; overflow:hidden;}
.designers_headlines_cases .swiper-slide{ position:relative;width:258px;}
.designers_headlines_cases .swiper-container img{width:100%; height:210px;}
.designers_headlines_cases .swiper-pagination-bullets{display: inline-block; width:100%;position: absolute; top:182px; left:0; text-align:right;}

.designers_headlines_cases .swiper-button-prev{margin-top: -80px;}
.designers_headlines_cases .swiper-button-next{margin-top: -80px;}

.designers_headlines_cases .swiper-pagination-bullet{opacity: 1; background: rgba(255,255, 255, 0.5);}
.designers_headlines_cases .swiper-pagination-bullet-active{transition: all .7s; width: 40px; border-radius: 10px; background: #ff9517 !important; opacity: 0.9 !important;}
.designers_headlines_cases .silder_text{ width:258px; height:100px;padding:10px 0;cursor:default; overflow:hidden; z-index:500}
.designers_headlines_cases .silder_text h5{font: normal normal 16px/30px;}
.designers_headlines_cases .silder_text p{color: #999;}

.designers_right{ display:inline; float:right;  width:518px; overflow:hidden;}
.designers_right dl{ font-size:0px;margin-top:-1px; width:528px; margin-left:-12px;}
.designers_right dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; position:relative; margin:20px 0 0 12px; width:120px; height:120px;}
.designers_right dd img{ width:100%; height:100%; z-index:1}
.designers_right dd span{ display:none; position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.5); z-index:10}
.designers_right dd label{display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:20; color:#fff; text-align:center; cursor:pointer;}
.designers_right dd h4{ padding-top:24px; font-size:18px;}
.designers_right dd h5{ padding:4px 0; font-size:12px; font-weight:normal;}
.designers_right dd i{display:inline-block; width:58px; height:22px; line-height:22px; font-size:12px; color:#4b4948; font-style:normal; background:#fff; border:#d2d2d2 solid 1px; text-align:center; border-radius:3px;}
.designers_right dd i:hover{ background:#f6363a; color:#fff; border-color:#ea5504}

.designers_right dd:hover label,.designers_right dd:hover span{ display:block;}
.designers_right dd.designers_sm{ width:252px; background:#f49727;color:#fff; text-align:center;}
.designers_right dd h3{ padding:24px 0 4px 0; font-size:18px;}
.designers_right dd p{ font-size:14px; line-height:20px;}

.zhuanti{ margin-top:20px;}
.zhuanti_list{ margin-top:20px;}
.zhuanti_list{ margin-left:-12px; width:1208px;}
.zhuanti_list dd{ position:relative; display:inline; float:left; margin:0 0 0 12px; padding:12px 14px; width:262px; height:250px; background:#fff;}
.zhuanti_list img{width:262px; height:131px;  }

.zhuanti_list dd h6{ padding:18px 0 18px 0; display:block; color:#333; text-align:center; background:url(../images/index/zhuanti_list_h.png) no-repeat center bottom;}
.zhuanti_list dd p{  display:block;padding:12px 8px 0 0; line-height:20px; font-size:12px; color:#8b8b8b;}


.baike{ margin-top:20px;}

/*
.baike_list{ margin-top:20px;}
.baike_list{ margin-left:-13px; width:1212px;}
.baike_list dd{ position:relative; display:inline; float:left; margin:15px 0 0 13px; width:290px; height:290px; background:#fff;}
.baike_list img{width:290px; height:176px;  }

.baike_list dd h6{ padding:12px 8px 2px 18px; display:block; color:#333;}
.baike_list dd p{  display:block;padding:0 8px 0 18px; line-height:18px; font-size:12px; color:#8b8b8b;}

*/





.baike_headlines{ float:left; margin-top:16px; width:292px; height:476px; background:#fff; overflow:hidden;}


.baike_headlines .swiper-container{ margin:12px 11px;width:270px; height:452px; }
.baike_headlines .swiper-slide{ position:relative; width:270px; }
.baike_headlines .swiper-slide a{ display:block;}
.baike_headlines .swiper-container img{width:270px; height:316px;}

.baike_headlines .swiper-button-prev{margin-top: -80px;}
.baike_headlines .swiper-button-next{margin-top: -80px;}

.baike_headlines .swiper-pagination-bullets{ top:290px; height:24px; right:0; text-align:center; z-index:600}
.baike_headlines .swiper-pagination-bullet{width:24px; height:24px; line-height:24px; border-radius:0; background:#fff; border:#d5d1ce solid 0px; opacity:1;}
.baike_headlines .swiper-pagination-bullet-active{ background: #db8d30 !important; color:#fff; opacity: 0.9 !important;}

.baike_headlines .silder_text{ width:270px; height:136px; overflow:hidden; z-index:500}
.baike_headlines .silder_text h5{ display:block; text-align:center; padding:12px 0; font-size:14px;}
.baike_headlines .silder_text p{ display:block; line-height:18px; font-size:12px; color:#929292;}


.baike_box{float:left; width:908px;}
.baike_list{ display:inline;float:left; margin:16px 0 0 12px;width:442px; height:230px; background:#fff;}

.baike_list_top{ margin:0 25px; height:46px; border-bottom:#f5f5f5 solid 1px; overflow:hidden;}
.baike_list_top h2{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-bottom:-1px;height:44px; line-height:44px; border-bottom:#f49727 solid 3px;}

.baike_list_tj{ position:relative;display:inline; float:left; margin:24px 0 0 25px; width:170px; height:120px; overflow:hidden;}
.baike_list_tj img{ width:100%; height:100%;}
.baike_list_tj p{ position:absolute; width:100%; left:0; bottom:0; height:26px; line-height:26px;color:rgba(255,255,255,0.9);background:rgba(0,0,0,0.7);overflow:hidden;}

.baike_list dl{display:inline;  float:right; width:210px;margin:24px 25px 0 0;}
.baike_list dl dd{ display:block; width:100%; height:30px; line-height:30px; overflow:hidden;}

.links{ margin:0 auto; width:1200px; padding:15px 0; line-height:22px; background:#fff;}
.links a{ margin:0 5px;}