/* CSS Document */
#main_box{ min-height:600px; height:auto; padding-bottom:30px;}
#navigation{ border-bottom:1px solid #e2e2e2;}
#posthion{ height:50px; line-height:50px; color:#666;}
#posthion a{color:#666;}

#main_cont{}
#main_cont .side_left{ float:left; width:900px; border:1px solid #e2e2e2; padding:14px;}
#main_cont .side_right{ float:right; width:250px;}

.side_cont{ min-height:600px; padding:10px 0; line-height:2em;}
.side_cont img{ width:auto; max-width:100%; height:auto;}
/* 一侧 250 */
.side_list{ margin-top:15px; border:1px solid #e2e2e2; padding:8px 14px;}
.side_list h2{ height:35px; line-height:35px; font-size:16px; font-weight:700; border-bottom:1px solid #333; text-align:center;}
.side_list ul li{ margin-top:10px; margin-bottom:15px; text-align:center; border-bottom:1px solid #e8e8e8;}
.side_list ul li img{ width:100%; height:auto;}
.side_list ul li p{ height:35px; line-height:35px; overflow:hidden;}

/* ---------------------分类 */
/* ---------公用--------- */
.view_more {background-image: linear-gradient(90deg,#ffb618,#ffde45,#ffb618); width:170px; height:48px; line-height:48px;  margin:40px auto 0 auto;color: #161616;font-weight: 700;cursor: pointer; text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.view_more a{ font-size:16px;}
.view_more a span{ font-size:18px; position:relative; top:2px;}
/* ---------标题--------- */
.in_subtitle{ text-align:center;}
.in_subtitle h3{ font-size:25px; height:35px; line-height:35px;}
.in_subtitle p{ margin-top:10px; color:#999; line-height:20px;}
.in_subtitle span{ display:block; margin:15px auto 0px auto; width:50px; height:6px; background-color:#fbc111;}


#sort_box{ width:100%; padding:10px 0; background-color:#FFF;}
.sort_list{ text-align:center; }
.sort_list a{ display:inline-block; padding:10px 30px; border:1px solid #e2e2e2; margin:5px 10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;

-webkit-transition:all 0.5s;
-moz-transition:all 0.35;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-transition:all 0.5s;
}
.sort_list a:hover{ background-color:#fbc111;border:1px solid #fbc111;}
.sort_list .current{background-color:#fbc111;border:1px solid #fbc111;}
.pos_fixed{position:fixed; left:0px; top:0px; z-index:555; border-bottom:1px solid #e2e2e2;}
.pos_fixed2{position:fixed; left:0px; top:50px; z-index:666; border-bottom:1px solid #e2e2e2;}
.pos_fixed3{position:fixed; left:0px; top:101px; z-index:555; border-bottom:1px solid #e2e2e2;}
/* ---------------------定制攻略上 */
#strategy_container{height:400px;}
#strategy_container .swiper-container{height:100%; margin-top:40px; }
#strategy_container .swiper-slide {
text-align: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/* 攻略列表 */
#strategy_list{}
#strategy_list ul li{ margin-top:50px; float:left; margin-left:30px; width:585px; position:relative;}
#strategy_list ul li:nth-child(2n+1){ margin-left:0;}
#strategy_list ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:url(../images/blank.gif) no-repeat;}

#strategy_list ul li img{ width:585px; height:540px;}
#strategy_list ul li h3{ height:35px; line-height:35px; overflow:hidden; font-size:18px;}
#strategy_list ul li p{ height:25px; line-height:25px; overflow:hidden; color:#999;}

/* ---------------------案例 */
#cases_list{}
#cases_list ul li{ margin-bottom:40px; height:270px; position:relative; border-bottom:1px solid #e8e8e8; padding-bottom:30px;}
#cases_list ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:50; background:url(../images/blank.gif) no-repeat;}
#cases_list ul li .item_pic{ float:left; width:270px; height:270px; position:relative; overflow:hidden;}
#cases_list ul li .item_pic .item_img{ width:270px; height:270px;}
#cases_list ul li .item_logo{position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.5);
filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;

-webkit-transition:all 0.5s;
-moz-transition:all 0.35;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-transition:all 0.5s;
}
#cases_list ul li .item_logo img{ width:80px; height:80px; margin-left:95px; margin-top:95px; border:1px solid #999;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
}

#cases_list ul li .item_cont{ float:left; margin-left:30px; width:600px; height:270px; position:relative;}
#cases_list ul li .item_cont h3{ height:20px; line-height:20px;text-overflow: ellipsis;white-space: nowrap;
-webkit-transition:all 0.5s;
-moz-transition:all 0.35;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-transition:all 0.5s;
}
#cases_list ul li .item_cont p{ margin-top:15px; color:#757575; height:150px; line-height:25px; overflow:hidden;}
#cases_list ul li .item_cont em{ position:absolute; left:0; bottom:0; display:block; width:120px; height:35px; line-height:35px; text-align:center; background-color:#fbc111; font-style:normal; color:#333;
-webkit-transition:all 0.5s;
-moz-transition:all 0.35;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-transition:all 0.5s;
}

#cases_list ul li:hover .item_cont h3{ color:#fcc010;}
#cases_list ul li:hover .item_logo{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
#cases_list ul li:hover .item_cont em{ color:#FFF;}

/* ---------------------商品 */

/*二级分类*/
.gn_secbox{ height:100px;}
.sec_left{ float:left;}
.sec_left h2{ margin-top:25px; font-size:24px; height:25px; line-height:25px;}
.sec_left p{ margin-top:5px; height:20px; line-height:20px; font-size:12px; color:#666;}

.sec_rt{ float:right;}
.sec_rt ul li{ float:left; width:100px; height:100px; margin-right:10px;  text-align:center; position:relative;}
.sec_rt ul li .item_pic{ width:40px; height:40px; margin:20px auto 0px auto;}
.sec_rt ul li .item_pic img{ width:auto; max-width:40px; height:auto; max-height:40px; height:auto;}
.sec_rt ul li .item_title{ height:20px; line-height:20px; overflow:hidden;}
.sec_rt ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:url(../images/blank.gif) no-repeat;}

.sec_rt ul li:hover{background-color:#fbc111;}
.sec_rt .currentx{background-color:#fbc111;}

/*列表*/
.goods_list{ margin-top:30px; position:relative;}
.goods_list .gn_maodian{ position:absolute; top:-250px;}
.goods_list h2{ height:50px; line-height:50px; font-size:20px;}
.goods_list ul li{ float:left; width:285px; margin-left:20px; margin-bottom:20px; border:1px solid #e5e5e5; position:relative; padding:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.goods_list ul li:nth-child(4n+1){ margin-left:0;}
.goods_list ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:url(../images/blank.gif) no-repeat;}
.goods_list ul li .item_pic{ width:265px; height:265px; text-align:center; overflow:hidden;}
.goods_list ul li .item_pic img{ width:auto; max-width:100%; height:auto;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.goods_list ul li .item_title{ height:40px; line-height:40px; font-weight:bold; font-size:16px; border-bottom:1px solid #e8e8e8; text-align:center;}
.goods_list ul li .item_des{}
.goods_list ul li .item_des dl{ margin-top:10px;}
.goods_list ul li .item_des dl dt{ width:25px; text-align:left;}
.goods_list ul li .item_des dl dd{ width:239px; height:20px; line-height:20px; overflow:hidden; color:#666;}
/* 鼠标经过 */
.goods_list ul li:hover .item_pic img{
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
.gn_viewmore {
	background-image: linear-gradient(90deg,#ffec6b,#fbc111);
	height: 48px;
	width: 220px;
	border-radius: 5px;
	margin: 0px auto 10px;
	color: #161616;
	font-size: 14px;
	text-align: center;
	line-height: 48px;
	font-weight: 700;
	cursor: pointer;
}

/* ---------流程-------- */
#process{ margin-top:50px; width:100%; background-color:#f7f7f7;}
.process_list{ width:1230px; margin:40px auto;}
.process_list ul li{ float:left;  text-align:center; position:relative;}
.process_list ul li:nth-child(2n+1){ width:150px;}
.process_list ul li:nth-child(2n+2){ width:120px;}

.process_list ul li span{ display:block; height:55px;}
.process_list ul li span img{ width:auto; max-width:50px; height:auto; max-height:55px;}
.process_list ul li em{ display:block; font-style:normal; height:40px; line-height:40px; font-size:16px;}
.process_list ul li p{ line-height:20px; color:#999;}

.process_list ul li:nth-child(2n+2) .iconfont{ margin-top:30px; font-size:30px; color:#cecece;}

/* ---------产品图案酷-------- */
.sub_sort{ margin-top:20px; text-align:center;}
.sub_sort a{ display:inline-block; margin:0px 50px; width:100px; height:40px; line-height:40px; font-size:16px;}
.sub_sort .current{ border-bottom:3px solid #000!important;}

#tuanku_box{ }
#youshi_container{height:640px;}
.swiper-container{height:100%; margin-top:40px; }
.swiper-slide {
text-align: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.youshi_list{}
.youshi_list ul li{ float:left; width:1200px; height:640px;}
.youshi_list ul li:nth-child(1){ margin-left:0;}
.youshi_list ul li img{ width:1200px; height:640px;}


/* ------------------------------------三个优势 */
#advantage{background-color:#f2f2f2; }
#advantage_list{ width:60%; margin:0px auto;}
#advantage_list ul li{ float:left; width:33.3%; text-align:center;}
#advantage_list ul li span{ display:block; font-size:32px;}
#advantage_list ul li span i{ font-size:14px; font-style:normal;}
#advantage_list ul li p{ height:25px; color:#666;}

.advantage_cont{margin:0px auto; text-align:center; color:#666; padding-top:40px; font-size:16px;}

/* ---------展厅-------- */
#zhanting_box{}
.item_zhanting{ width:100%; }
.item_zhanting img{ width:1200px; height:auto;}

/* ---------------------图案酷 */
.tuanku_list{}
.tuanku_list ul li{ float:left; margin-left:20px; margin-bottom:20px; width:283px; border:1px solid #e5e5e5; position:relative;}
.tuanku_list ul li:nth-child(4n+1){ margin-left:0;}
.tuanku_list ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:50; background:url(../images/blank.gif) no-repeat;}

.tuanku_list ul li .item_pic{ width:283px; height:283px; position:relative; overflow:hidden;}
.tuanku_list ul li .item_pic img{ width:100%; height:auto;}
.tuanku_list ul li .item_h_pic{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:10; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}

.tuanku_list ul li .item_title{ width:270px; margin:0px auto; height:45px; line-height:45px; overflow:hidden; text-align:center; border-top:1px solid #e5e5e5;}

.tuanku_list ul li:hover .item_h_pic{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

/* ---------------------详细页 */
.info_title{ text-align:center; font-weight:600; font-size:20px; padding:30px 0 10px 0;}
.info_attr{ text-align:center; padding:10px 0;}
.info_attr span{ margin:0px 10px;}
.info_attr span i{ color:#999; font-style:normal;}


.info_content{ padding:20px 0; line-height:2em;}
.info_content img{ width:auto; max-width:100%; height:auto;}

.info_picbox{ padding-top:20px;}
.info_pic{ float:left; width:440px; border:1px solid #e2e2e2;}
.info_pic img{ width:440px; height:auto;}

.info_list{float:left; margin-left:18px; width:440px;}
.info_list h2{ padding-bottom:10px; border-bottom:1px solid #efefef; font-size:18px;}
.info_list ul li{ border-bottom:1px solid #efefef; padding:10px 0px;}

.info_list .attr_pot{ width:80px; color:#666;}
.info_list .attr_note{ width:100%; word-break:break-all; 
width:-webkit-calc(100% - 80px);
width:-moz-calc(100% - 80px);
width:-ms-calc(100% - 80px);
width:calc(100% - 80px);
}


/* 单侧菜单 */
#side_menu_box{ position:fixed; top:0px; left:0px; width:180px; height:100%; background-color:#f0f1f2; z-index:510;}
#side_logo{ width:110px; margin-left:30px; margin-top:70px;}
#side_logo img{ width:110px; height:auto;}

#side_menu{margin-top:50px;}
#side_menu dl{}
#side_menu dl dt{ font-size:16px;}
#side_menu dl dt a{ display:block; font-size:16px; font-weight:bold; text-indent:30px; padding:10px 0;}
#side_menu dl dt a:hover{ background-color:#fbc111;}

#side_menu dl dd{ display:none; padding-top:5px;}
#side_menu dl dd a{ display:block; padding:6px 0px; color:#333;text-indent:30px;}
#side_menu dl dd a:hover{ text-decoration:underline;}

#side_menu .current{background-color:#fbc111;}
#side_menu .current2{background-color:#fbc111; font-weight:bold;}

/* 分页 */
#pagelist{ margin-top:15px; margin-left:10px; float:right;}
#pagelist ul li{ float: left;  margin:0px 2px;}
#pagelist ul li a{display: block;border: 1px solid #cccccc;background-color:#f5f5f5;
padding:5px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999;
}
#pagelist ul li a:hover{background-color:#fbc111; color:#FFF; border:1px solid #fbc111;}
.selectpage{}
.selectpage a{font-weight: bold;border:1px solid #fbc111!important; background-color:#fbc111!important;color: #FFF!important; }