﻿/*
* @description: 首页样式
* @author: liaoli
* @update: liaoli (2016-03-11)
* @update: zhengyaoyuan (2016-05-06)
*/

/*图片轮播start*/
.fx_grid_c1{width:990px;margin:0 auto}

.fx_banner{background:#f0f0f0;width:1903px;overflow:hidden;position:relative;}
.fx_banner_inner{position:relative;height:337px}

.fx_banner_img{width:20000px; }
.fx_banner_img li{float:left;height:337px;width:1903px;position:relative}
.fx_banner_link{position:absolute;top:0;left:0;width:100%;height:337px;cursor:pointer}

.fx_banner .child{position:absolute;width:1903px;height:337px}
.fx_banner_common{position:relative}
.fx_banner_common a{position:absolute;top:50%;margin-top:100px;;width:41px;height:119px;cursor:pointer;display:block;overflow:hidden;opacity:.1; }
.fx_banner_pre{left:0;background:url(image/ban_pre_24.png);}
.fx_banner_next{right:0;background:url(image/ban_next_24.png);}
.fx_banner_pre:hover,.fx_banner_next:hover{opacity:1; }
.fx_banner .control{width:200px;position:absolute;top:300px;left:50%;margin-left:-100px;text-align:center}
.fx_banner .control li{display:inline-block;margin:0 5px;width:25px;height:25px;border-radius:50%;cursor:pointer;background:#ccc; float:left;}
.fx_banner .control li a{ font-size:14px; color:#fff; }
.fx_banner .control li.current{background:#e00718}
/*图片轮播end*/

/*最新采购动态*/
#scrollDiv{height:40px;line-height:40px;overflow:hidden}
#scrollDiv li{height:40px;padding-right:30px;font-size:12px;color:#8C8C8C;text-align: right;}

.main_a_box1{font-size: 14px;color: #232323;margin-top:15px;}
.main_a_box1 .order_new{text-align:left; background:url(image/sj.jpg) 0px -3px no-repeat; font-size:16px; width:140px; float:left; }
.main_a_box1 .order_new span{margin-left:40px;}
.main_a_box1 ul li{float: left;padding-left:30px;font-size:12px;color:#8C8C8C;text-align: right;}
/*广告文本*/
.mt20{margin-top: 30px;height:260px;}
.i_spec_header{width: 542px;margin-right: 10px;}
.i_spec_header a{display: block;position: relative;height: 260px;overflow: hidden;}
.i_spec_header img{width: 100%;height: 100%;}
.i_spec_cell{width: 270px;height: 260px;overflow: hidden;}
.i_spec_news{width: 335px;height: 230px;padding: 15px;border: 1px solid #ddd;}
.i_spec_news li{height: 65px;overflow: hidden;margin-top: 10px;color: #999;}
.i_spec_news li img{float: left;width: 87px;margin-right: 10px;}
.i_spec_news li p{font-size: 14px;color: #333;font-family: 'SimHei';height: 32px;overflow: hidden;cursor: pointer;}


/*工厂介绍*/
.factory_Introduce { border:1px solid #ddd; width:770px; height:240px; padding:10px 20px; position:relative; overflow:hidden;}
.factory_Introduce .f_tab { height:30px; line-height:30px; }
.factory_Introduce .f_tab h3 { float:left;}
.factory_Introduce .f_tab span { float:right; }
.factory_c { width:88888px; height:210px; overflow:hidden; position: absolute;}
.factory_c li { float:left;margin-right: 25px;}
.factory_c img { width:450px; height:210px; float:left;}
.fac_content { float:right; width:300px; height:210px; line-height:22px; overflow:hidden;margin-left: 15px;}
.fac_content  h3 { line-height:30px;}
.fac_content .content { color:#666;}
.fac_content .content a{ float:right;}
.og_prev,.og_next{ width:30px; height:50px; background:url(image/icon.png) no-repeat; background:url(image/icon_ie6.png) no-repeat\9; position:absolute; top:103px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.1;}
.og_prev{ background-position:0 -60px; left:0px;}
.og_next{ background-position:0 0; right:0px;}

/*列表显示样式*/
.i_floor{margin-top: 30px;}
.i_title{border-bottom: 1px solid #ddd;background-position: 0 -220px;height: 46px;line-height: 46px;}
.title_nav{float: right;}
.title_nav a{margin: 0 8px;}
.oh{overflow: hidden;}
.i_floor .i_recom dl{margin-right: -20px;background: #fff;}
.i_floor .i_recom dt{float: left;overflow: hidden;}
.i_floor .i_recom dt img {width: 200px;height: 220px; }
.i_floor .i_recom dd{float: left;border: 1px solid #eee;line-height: 1.8;text-align: center;width:190.9px;padding: 9px 4px;margin-left: -1px;}
.i_floor .i_recom dd:hover{background-color:#e9e9e9; cursor:pointer;}
.i_floor .i_recom .cont{display: block;width: 100%;overflow: hidden;}
.i_floor .i_recom .img{width: 100%;line-height: 162px;text-align: center;overflow: hidden;}
.i_floor .i_recom .img img{display: inline-block;vertical-align: middle; opacity: 1; width: 160px; height:160px;}
.i_floor .i_recom p{margin: 4px 0px;height: 22px;overflow: hidden;}
.i_floor .i_recom .panel{margin: 2px;}
.i_floor .i_recom .panel a{background-color:#f8f8f8;border:1px solid #e3e3e3; padding:6px; font-size:13px; line-height:30px; color:black}
.i_floor .i_recom .panel a:hover{color:#fff; background-color:#C00;}

.i_floor .i_recom .lab { margin-left:10px; }
.i_floor .i_recom .lab li { float:left; margin:0px 5px;}
.i_floor .i_recom .lab  .qq {background: url(image/qq_dan.gif) no-repeat;width: 28px;height: 25px;margin: 2px 0px 2px 5px; }
.i_floor .i_recom .lab .emailtele .email { background:url(image/tel.gif) no-repeat; width:17px; height:14px; float:left; margin-top:3px; margin-left:2px;}
.i_floor .i_recom .lab .emailtele .tel { background:url(image/email.gif) no-repeat; width:20px; height:18px; float:left;  margin-left:2px;}

.i_floor .i_recom .lab .emailtele1 .email { background:url(image/tel.gif) no-repeat; width:20px; height:18px; float:left;  margin-left:2px;}
.i_floor .i_recom .lab .emailtele1 .tel { background:url(image/email.gif) no-repeat; width:17px; height:14px; float:left; margin-top:3px; margin-left:2px;}
.i_floor .i_recom .lab .pos { position:absolute; margin-top:25px;}
.i_floor .i_recom .lab .pos li { margin-top:12px; border:1px solid #C00; padding:0px 6px; font-size:16px; color:#e60012; display:none;}

.i_floor .i_recom .lab .pos li em { background:url(image/up-sj.png) no-repeat; width:21px; height:14px; position:absolute; margin-top:-12px; margin-left:2px;}
.i_floor .i_recom .lab .pos .email_pos em {margin-left:62px; }
.i_floor .i_recom .lab .emailtele { background:url(image/red-static.png) no-repeat;width: 75px;  height:22px; line-height:22px; margin-top: 3px;}
.i_floor  .i_recom .lab .emailtele span {color:#9F5317}
.i_floor .i_recom .lab .emailtele1 { background:url(image/blue-static.png) no-repeat; width:75px; height22px;  line-height:22px; margin-top: 3px; }
.i_floor .i_recom .lab .emailtele:hover { background:url(image/hover-red.png) no-repeat;}
.i_floor .i_recom .lab .emailtele1:hover { background:url(image/hover-blue.png) no-repeat;}

 .pos1 { position:absolute; margin-top:40px; margin-left:5px; z-index:999; display:none;background:#fff;}
.pos1 li { margin-top:12px; border:1px solid #C00; padding:0px 6px; font-size:16px; color:#e60012; width:160px; height:80px; position:relative;}
 .pos1 li em { background:url(image/up-sj.png) no-repeat; width:21px; height:14px; position:absolute; margin-top:-12px; margin-left:90px;}
 .pos1 .email_pos em {margin-left:62px; }

 .pos1 .tel_pos .tel_input{ width:150px;height: 20px;line-height: 20px;color: #666;background: #fff;margin-top: 15px; font-size:12px;}
 .pos1 .tel_pos .tel_btn{ width:155px;height: 25px;line-height: 25px;color: #fff;background: #c40000; border:0;margin-top: 5px; font-size:14px;}
 .pos1 .tel_pos b {background:url(../image/tell2.png) no-repeat; width:25px; height:14px; position:absolute;top: 50px;right: 110px;}

.btn_xq{background-color:#f8f8f8;border:1px solid #e3e3e3;width:70px;height:30px;line-height:30px;}
.btn_xq:hover {color:#fff; background-color:#C00;}
#list ul li{list-style-type:disc;margin-left:30px;padding-top:5px; }
#list ul li a{color:#fff}
#list ul li a:hover{text-decoration:underline;}
#list {height: 70px;width: 200px;color: #fff;margin-top: -4px}
.bg_dl_1 dt div{background-color:#e87b8d;}
.bg_dl_2 dt div{background-color:#e8c378;}
.bg_dl_3 dt div{background-color:#42b5dc;}
.bg_dl_4 dt div{background-color:#fa966d;}
.bg_dl_5 dt div{background-color:#7eb88e;}
.bg_dl_6 dt div{background-color:#d28c8a;}
.bg_dl_7 dt div{background-color:#72ccd8;}
.bg_dl_8 dt div{background-color:#cf9515;}
.bg_dl_9 dt div{background-color:#74a5d8;}
.bg_dl_10 dt div{background-color:#d5403d;}
.bg_dl_11 dt div{background-color:#60a454;}

.channel_1 a{float: left;padding: 0 1em;font-size: 20px;color:#e87b8d;}
.channel_2 a{float: left;padding: 0 1em;font-size: 20px;color:#e8c378;}
.channel_3 a{float: left;padding: 0 1em;font-size: 20px;color:#42b5dc;}
.channel_4 a{float: left;padding: 0 1em;font-size: 20px;color:#fa966d;}
.channel_5 a{float: left;padding: 0 1em;font-size: 20px;color:#7eb88e;}
.channel_6 a{float: left;padding: 0 1em;font-size: 20px;color:#d28c8a;}
.channel_7 a{float: left;padding: 0 1em;font-size: 20px;color:#72ccd8;}
.channel_8 a{float: left;padding: 0 1em;font-size: 20px;color:#cf9515;}
.channel_9 a{float: left;padding: 0 1em;font-size: 20px;color:#74a5d8;}
.channel_10 a{float: left;padding: 0 1em;font-size: 20px;color:#d5403d;}
.channel_11 a{float: left;padding: 0 1em;font-size: 20px;color:#60a454;}
.f_list{float:left;font-size:30px; font-weight:bold; width:50px;}
.f_list img{ line-height:46px;}

/*弹出菜单*/
.all-sort-list{position:relative;width:213px;border:2px solid #c92731;border-top:none;padding:3px 0px; height:328px;}
.all-sort-list .item{height:40px;border-top:1px solid #FFFFFF; line-height:35px;}
.all-sort-list .item.bo{border-top:none;} 
.all-sort-list .item h3{font-size:14px;font-weight:normal;overflow:hidden; padding-left:30px; background: url(image/mainProNavIcon.png) right -13px no-repeat;}
.all-sort-list .hover h3{position:relative;z-index:13;background:#FFF;margin: -1px -1px -1px 0px; background:#fff url(image/mainProNavIcon.png) right 13px no-repeat;border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#e60012;  -webkit-box-shadow: 0 2px 0 rgba(230,230,230,0.75); -moz-box-shadow: 0 2px 0 rgba(230,230,230,0.75); box-shadow: 0 2px 0 rgba(230,230,230,0.75);}
.all-sort-list .item span{padding:0px 5px;color:#A40000;font-family:"\5B8B\4F53";} 
.all-sort-list .item a{color:#000;text-decoration:none;}
.all-sort-list .item-list{display:none;position:absolute;width:705px;background:#FFF;left:213px;border:1px solid #ddd;top:1px;z-index:10;margin-top:-1px; max-height:334px; overflow:hidden;}
.all-sort-list .item-list .close{display:none;position:absolute;width:26px;height:26px;color:#FFFFFF;cursor:pointer;top:-1px;right:-26px;font-size:20px;line-height:20px;text-align:center;background:rgba(0, 0, 0, 0.6);background-color:transparent\9;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#60000000', endColorstr='#60000000');
}

.item-list .subitem{float:left;width:680px;padding:0px 4px 0px 8px;}
.item-list .subitem dl{padding:6px 0px;overflow:hidden;zoom:1;}
.item-list .subitem .fore1{border-top:none;}
.item-list .subitem dt{float:left;width: 90px;line-height:22px;text-align: left;padding:3px 6px 0px 0px;font-weight:700;color:#E4393C;}
.item-list .subitem dt a{color:#E4393C;}
.item-list .subitem dd{float:left;width:550px;padding: 3px 0px 0px;white-space:nowrap; overflow:hidden; text-overflow: ellipsis; /* height:25px; */border-bottom: 1px solid #eee;}
.item-list .subitem dd em{float:left;height: 14px;line-height: 14px;padding: 0px 8px;margin-top:5px;border-left:1px solid #CCC; font-style: normal;margin: 5px 0px;}
.item-list .subitem dd em a, .item-list .cat-right dd a{color:#666;text-decoration:none;}
.item-list .subitem dd em a:hover, .item-list .cat-right dd a:hover,.item-list .subitem p a:hover{font-weight:normal;text-decoration:underline;}
.item-list .subitem p a{ color:#666;}
.item-list .cat-right{float:right;width:210px;}
.item-list .cat-right dl{width:194px;padding:6px 8px;}
.item-list .cat-right dd{padding-top:6px;line-height:22px;overflow:hidden;padding:3px 0px 0px;}
.item-list .cat-right dt{padding:3px 6px 0px 0px;font-weight:700;color:#E4393C; }
.item-list .cat-right dd a:hover{color:#666;}

 /* 焦点图 垂直滚动 */
.slide_x{overflow:hidden;position:relative;width:980px;height:336px;}
.slide_x .box{overflow:hidden;position:relative;width:980px;height:336px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;}
.slide_x .list img{vertical-align:top; width:980px; height:336px;}
.slide_x .list p{position:absolute;bottom:0;left:0;width:100%;height:24px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}

.slide_x .btn{width:200px;position:absolute;top:300px;left:50%;margin-left:-100px;text-align:center}
.slide_x .btn li{display:inline-block;margin:0 5px;width:25px;height:25px;border-radius:50%;cursor:pointer;background:#ccc; float:left; font-size:14px; color:#fff; line-height:25px;}
.slide_x .btn li.selected{background:#e00718}

 /* 热销产品 */
.hot_main{width:1200px;height:306px;margin:15px auto 12px auto;padding:0;}
.hot_main .left{width:218px; height:306px;float:left;margin:0;padding:0;background-image:url(/Content/Images/uploaded/rxcp/hot.jpg);}
.hot_main .right{width:982px; height:306px; float:left;}
.hot_main .right ul{width:100%;  margin:0;padding:0;list-style:none;}
.hot_main .right ul li{width:240px;height:150px;margin:0 3px 3px 0;padding:0;float:left; border:1px solid #fff;}
.hot_main .right ul li:hover{border: 1px solid #e00718;}
.hot_img{width:240px}


/*工程案例*/

.project-cases{
	margin-top:50px;
	}

.project-case{
	border-bottom:1px solid #dddddd;
	overflow:hidden;
	height:46px;
	line-height:46px;
	}
	
.project-case .title{
	font-size:20px;
	line-height:2;
	float:left;
	}

.project-cases .first-level-list{
	overflow:hidden;
	padding:10px 0;
	margin-left:-23px;
	margin-bottom:25px;
	}
	

.project-cases .first-level-list li{
	float:left;
	padding:8px 20px;
	border:1px solid #ddd;
	margin-left:23px;
	}

.project-cases .first-level-list .active-title a{
	color:#f00;
	}
	
	
.project-cases .first-level-list .active-title{
	border:1px solid #f00;
	}
	
	
.project-cases .first-level-list li:hover{
	border:1px solid #f00;
	}

.project-cases .first-level-list li a {
	position: relative;
}
.project-cases .first-level-list h3{
	font-weight:normal;
	font-size:14px;}
	
.project-cases .first-level-list li a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -6px;
	margin-top:9px;
	border: transparent 6px solid;
	border-top-color: #ddd;
}
.project-cases .first-level-list li a:hover:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -6px;
	margin-top:9px;
	border: transparent 6px solid;
	border-top-color: #f00;
}
.project-cases .first-level-list .active-title a:after {
	border: transparent 6px solid;
	border-top-color: #f00;
}
.project-cases .second-level{
	overflow:hidden;
	height: 245px;
	margin-left:-18px;
	}
.project-cases .second-level .second-level-list{
	display:none;
	}
.project-cases .second-level .second-level-list img { width:225px; height:167px}
.project-cases .second-level .active{
	display:block;
	background-color:#f5f5f5;
	}
.project-cases .second-level-list li{
	float:left;
	background-color:#f5f5f5;
	margin-left:18px;
	width:225px;
	height:245px;
	}
	
.project-cases .second-level-list a:hover span{
	color:#666;
	}
.project-cases .second-level-list li .description{
	padding:10px;
	overflow:hidden;
	}

.project-cases .second-level-list li .description p{
	margin-bottom:7px;
	height:32px;
	}

.project-cases .second-level-list li .update{
	float:left;
	}
.project-cases .second-level-list li .pageview{
	float:right;}
