@charset "utf-8";
/*
 * @name	:建材通—全局样式
 * @author	:huangyaxiong
 * @version	:1.0
 */
 
 /*初始化css*/

body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol,p,table,tr,th,td,form,input,textarea {
	margin:0;
	padding:0;
}
ul,li,ol {
	list-style:none outside none;
}
img {
	border:0 none;
}
input,button,textarea,select,optgroup,option {
	font-family:"Microsoft YaHei","simsun",arial;
	font-size:12px;
	font-style:inherit;
	font-weight:100;
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a {
	color:#535353;
	font-size:12px;
	text-decoration:none;
	cursor:pointer;
}
a:visited {
	text-decoration:none;
}
a:focus {
	outline:0 none;
}
a:hover {
}
.clear {
	clear:both;height:0;
	width:0;
	overflow:hidden;
}
.block {
	display:block;
}
.red{
	color:#F00;
}
.green{
	color:#468206;
}
.blue{
	color:#3ba1e2;
}
.ipt.error{
	border:1px solid #F00 !important;
}
.transition{
	transition: all .4s;
	-moz-transition: all .4s;	/* Firefox 4 */
	-webkit-transition: all .4s;	/* Safari 和 Chrome */
	-o-transition: all .4s;	/* Opera */
}
.wrap{
	width:1200px; 
	margin:0 auto; 
	padding:20px 0 30px 0;
	position:relative;
}
img{
	background:url(../images/loading.gif) center no-repeat;
}
 /*初始化css end*/

/*页头*/
.header{
	width:100%;
	background:#fff;
}
.header .header_con{
	width:1200px;
	margin:0 auto;
	height:100%;
	position:relative;
}
.header .topbar{
	height:42px;
	background:url(../images/header_bg.png) repeat-x;
	border-bottom:1px solid #ccc;
}
.header .topbar .site_description{
	float:left;
	line-height:42px;
}
.header .topbar .top_btns{
	float:right;
	margin-right:5px;
	margin-top:6px;
}
.header .topbar .top_btns a.btn{
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0 22px;
	margin-left:1px;
	color:#fff;
	background:#3f4d3d;
	letter-spacing:2px;
	text-indent:2px;
}
.header .topbar .top_btns a.btn.sp{
	background:#6bc30d;
}
.header .topbar .top_btns a.btn:hover{
	background:#44710a;
}
.header .topbar .top_btns a.btn.sp:hover{
	background:#79cf1d;
}
.header .logobar{
	height:113px;
}
.header .logo{
	width:173px;
	height:74px;
	background:url(../images/jc-logo.jpg);
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:260px;margin-top: 0;
}
.header .logo a{
	display:block;
	height:100%;
	width:100%;
}
.header .weixintop{ width:403px; height:103px; position:absolute; top:10px; left:450px;}
.header .search{
	position:absolute;
	width:327px;
	height:30px;
	background:#fff;
	border:3px solid #6bc30d;
	border-right:0;
	top:36px;
	right:5px;
}
.header .search input.ipt{
	width:235px;
	height:30px;
	padding-left:7px;
	border:none;
	background:none;
}
.header .search a.btn{
	display:block;
	float:right;
	height:30px;
	width:81px;
	line-height:30px;
	font-size:16px;
	color:#fff;
	text-align:center;
	background:#6bc30d;
	letter-spacing:2px;
	text-indent:2px;
}
.header .nav1{
	height:40px;
	border-bottom:2px solid #44710a;
	background:#6bc30d url(../images/header_bg.png) 0 -42px repeat-x;
}
.header .nav_menu a{
	display:block;
	float:left;
	color:#fff;
	font-size:18px;
	line-height:40px;
	padding:0 32px;
}
.header .nav_menu a.current,.header .nav_menu a:hover{
	background:#44710a;
}
.header .scroll_news{
	position:absolute;
	top:13px;
	right:5px;
	height:16px;
	width:290px;
	overflow:hidden;
	background:url(../images/header_bg.png) 0 -82px no-repeat;
	padding-left:16px;
}
.header .scroll_news ul{
	position:relative;
	top:0px;
}
.header .scroll_news li{
	height:16px;
}
.header .scroll_news li a{
	display:inline-block;
	color:#fff;
	line-height:16px;
	height:16px;
	width:100%;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; overflow:hidden;
}
.header .scroll_news li a:hover{
	text-decoration:underline;
}
/*页头end*/

/*返回顶部*/
.gototop {position:fixed;right:10px;bottom:10px;}
.gototop a {display:block;height:50px;width:50px;background: url(../images/gototop.png) no-repeat;text-indent:-9999px;overflow:hidden;}
.gototop a:hover {background-position:-50px 0;}
/*返回顶部end*/
.logobar .header_con .accountdiv{position: absolute;right:5px;bottom:5px;width: 327px;}
.logobar .header_con .accountdiv .btn{background: #6bc30d; color: #fff;display: block;float: right;height: 30px;letter-spacing: 2px; line-height: 30px; margin-left: 1px; padding: 0 22px; text-indent: 2px;}
/*
 * @name	:建材通—列表样式
 * @author	:huangyaxiong
 * @version	:1.0
 */
.list_con{
	margin-bottom:20px;
}
.list_con .list_title {
	height:36px;
	border-bottom:1px solid #6bc30d;
}
.list_con .list_title h3 {
	float:left;
	height:35px;
	border-bottom:1px solid #6bc30d;
	padding:0 10px 0 30px;
	font-size:16px;
	font-weight:normal;
	color:#000;
	line-height:35px;
}
.list_con .list_title .more{
	display:inline-block;
	height:36px;
	float:right;
	margin-right:12px;
}
.list_con .list_title .more a{
	font-size:14px;
	line-height:36px;
}
.list_con .list_title .more a:hover{
	color:#468206;
}
.list_con .list_title .more a .icon{
	display:inline-block;
	height:15px;
	width:15px;
	position:relative;
	top:2px;
	left:3px;
}
.icon.icon_more{
	background:url(../images/home_icon.png) 0 -119px no-repeat;
}
.list_con .list_title .more a:hover .icon{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);
}

.list_content li{
	width:181px;
	height:236px;
	overflow:hidden;
	margin:20px 18px 0 0;
	background:#fff;
	float:left;
	border:2px solid #fff;
}
.list_content li.sp{
	margin-right:0;
}
.list_content li:hover{
	border:2px solid #6bc30d;
}
.list_content li .img_con{
	padding:10px;
	height:154px;
	width:154px;
	position:relative;
	left:-2px;
	overflow:hidden;
	border-bottom:1px solid #f2f2f2;
}
.list_content li .img_con img{
	position:absolute;
}
.list_content li .img_con img.pic_brand{
	top:10px;
	left:15px;
	border-radius:10px;
	-moz-border-radius:10px;
}
.list_content li .img_con img.pic_qrcode{
	top:10px;
	left:164px;
	display:none;
}
.list_content li dl{
	overflow:hidden;
	padding-left:10px;
}
.list_content li dt{
	font-size:14px;
	line-height:30px;
}
.list_content li dd{
	font-size:12px;
	color:#828282;
}
.list_content li dt,.list_content li dd{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
}
.pages{
	margin:20px 0;
}
.pages a{
	display:block;
	float:left;
	background:#fff;
	width:30px;
	height:30px;
	text-align:center;
	font-size:14px;
	line-height:30px;
	margin-right:5px;
}
.pages a.current,.pages a:hover{
	background:#6bc30d;
	color:#fff;
}

/*详细页*/
.detail_content .detail_pic{
	width:300px;
	float:left;
	padding-top:20px;
}
.detail_content .detail_pic .pic_brand{
	margin-top:15px;
	border:5px solid #fff;
}
.detail_content .detail_txt{
	margin-top:20px;
	width:894px;
	float:right;
}
.detail_content .detail_txt h4{
	font-size:16px;
	height:36px;
	line-height:36px;
	color:#000;
	font-weight:normal;
	border-bottom:1px dotted #6bc30d;
}
.detail_content .detail_txt dl,.detail_content .detail_txt dl a{
	margin:15px 0;
	font-size:14px;
	line-height:24px;
}
.detail_content .detail_txt dl dt{
	color:#000;
	margin-top:15px;
}
.detail_content .detail_txt dl dd p{
	text-indent:2em;
}
/*小图标*/
.icon_qrcode{
	background:url(../images/home_icon.png) 0 0 no-repeat;
}
.icon_recommend{
	background:url(../images/home_icon.png) 0 -36px no-repeat;
}
.icon_news{
	background:url(../images/home_icon.png) 0 -72px no-repeat;
}
.icon_enter{
	background:url(../images/home_icon.png) 0 -155px no-repeat;
}
/*快捷导航*/
.shortcut{
	width:100px;
	position:absolute;
	left:-120px;
	top:25px;
}
.shortcut h3{
	height:30px;
	background:#44710a;
	border-bottom:1px solid #6bc30d;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-weight:normal;
}
.shortcut ul{
	background:#fff;
	border:1px solid #6bc30d;
}
.shortcut li{
	height:30px;
	border-bottom:1px solid #f2f2f2;
}
.shortcut li a{
	display:block;
	height:100%;
	line-height:30px;
	text-align:center;
	font-size:14px;
}
.shortcut li a:hover{
	color:#44710a;
	padding-left:10px;
	background:#f0f9e5;
}
/*快捷导航end*/

/*热门*/
.ad_slide{
	width:670px;
	height:315px;
	background:#fff;
	margin-top:20px;
	overflow:hidden;
	position:relative;
	float:left;
}
.ad_slide li{
	width:670px;
	height:315px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
.ad_slide li img{ width:670px; height:315px;}
.ad_slide .btn_field{
	position:absolute;
	left:50%;
	bottom:10px;
}
.ad_slide .btn_field a{
	display:inline-block;
	width:20px;
	height:5px;
	margin:0 2px;
	background:#fff;
}
.ad_slide .btn_field a.current{
	background:#6bc30d;
}
.ad_slide .page_btn{
	width:24px;
	height:30px;
	display:block;
	position:absolute;
	top:142px;
	text-indent:-9999px;
}
.ad_slide .page_up_btn{
	background:url(../images/home_btn.png) 0 0 no-repeat;
	left:0;
}
.ad_slide .page_up_btn:hover{
	background:url(../images/home_btn.png) -24px 0 no-repeat;
}
.ad_slide .page_down_btn{
	background:url(../images/home_btn.png) 0 -30px no-repeat;
	right:0;
}
.ad_slide .page_down_btn:hover{
	background:url(../images/home_btn.png) -24px -30px no-repeat;
}

.list_content.b li{
	width:246px;
	height:315px;
	overflow:hidden;
	margin:20px 0 0 15px;
	background:#fff;
	float:left;
	border:2px solid #fff;
}
.list_content.b li:hover{
	border:2px solid #6bc30d;
}
.list_content.b li .img_con{
	padding:10px;
	height:230px;
	width:230px;
	position:relative;
	left:-2px;
	overflow:hidden;
	border-bottom:1px solid #f2f2f2;
}
.list_content.b li .img_con img.pic_brand{
	top:10px;
	left:10px;
	border-radius:10px;
	-moz-border-radius:10px;
}
.list_content.b li .img_con img.pic_qrcode{
	top:10px;
	left:250px;
}
.list_content.b li dt{
	font-size:14px;
	line-height:38px;
}
/*热门end*/

/*职位推荐*/
.list_con .rc_img_list{
	width:388px;
	margin:20px 15px 0 0;
	float:left;
	overflow:hidden;
}
.list_con .rc_img_list li{
	height:100px;
	overflow:hidden;
	margin-bottom:15px;
}
.list_con .rc_img_list li img{
	border:#fff 2px solid;
}
.list_con .rc_list{
	float:left;
	width:390px;
	height:330px;
	background:#fff;
	overflow:hidden;
	margin:20px 15px 0 0;
	
}
.list_con .rc_list.sp{
	margin-right:0;
}
.list_con .rc_list ul{
	padding:0 10px;
}
.list_con .rc_list ul li{
	height:63px;
	border-bottom:1px dotted  #6bc30d;
}
.list_con .rc_list ul li dt a{
	font-size:14px;
	line-height:38px;
}
.list_con .rc_list ul li dd,.list_con .rc_list ul li dd a{
	color:#828282;
}
.list_con .rc_list ul li dl a:hover{
	color:#44710a;
}
.list_con .rc_list ul li dd,.list_con .rc_list ul li dt{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
}
/*职位推荐end*/

/*新闻资讯*/
.list_con .news_list {
	width:390px;
	background:#fff;
	overflow:hidden;
	padding-bottom:10px;
	margin:20px 15px 0 0;
	float:left;
}
.list_con .news_list.sp {
	margin-right:0;
}
.list_con .news_list h4{
	height:36px;
	line-height:36px;
	font-size:16px;
	padding-left:10px;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #f2f2f2;
}
.list_con .news_list ul{
	padding:0 10px;
}
.list_con .news_list li{
	height:36px;
	border-bottom:1px dotted  #6bc30d;
	padding-left:15px;
	background:url(../images/home_icon.png) 0 -180px no-repeat;
}
.list_con .news_list li a{
	display:inline-block;
	line-height:36px;
	width:260px;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
}
.list_con .news_list li a:hover{
	color:#44710a;
}
.list_con .news_list li .time{
	display:inline-block;
	float:right;
	line-height:36px;
}
/*新闻资讯end*/
@charset "utf-8";
/*
 * @name	:建材通—管理后台样式
 * @author	:huangyaxiong
 * @version	:1.0
 */
 
 /*侧边菜单*/
.side_menu {
	width:220px;
	float:left;
}
.side_menu .menu_box{
	margin-bottom:10px;
}
.side_menu .menu_box h3{
	height:36px;
	background:#44710a;
	color:#fff;
	text-align:center;
	line-height:36px;
	font-size:16px;
	letter-spacing:2px;
	text-indent:2px;
	font-weight:normal;
	border-bottom:1px solid #6bc30d;
}
.side_menu .menu_box ul{
	border:1px solid #6bc30d;
	background:#fff;
}
.side_menu .menu_box ul li{
	height:36px;
	border-bottom:1px solid #f2f2f2;
}
.side_menu .menu_box ul li:last-child{
	border-bottom:none;
}
.side_menu .menu_box ul li:hover,.side_menu .menu_box ul li.current{
	padding-left:12px;
	background:#f0f9e5;
}
.side_menu .menu_box ul li a{
	display:block;
	height:100%;
	font-size:14px;
	line-height:36px;
	padding-left:30px;
}
 /*侧边菜单end*/

/*主内容区*/
.main_daohang{
	width:964px;
	float:right;
}
.main_daohang .main_title{
	height:36px;
	border-bottom:1px solid #6bc30d;
}
.main_daohang .main_title h3{
	float:left;
	height:35px;
	border-bottom:1px solid #6bc30d;
	padding:0 10px 0 30px;
	font-size:16px;
	font-weight:normal;
	color:#000;
	line-height:35px;
}
.main_daohang .main_content{
	padding:20px 10px;
}
.main_daohang .main_content .content_box{
	background:#fff;
	margin-bottom:10px;
}
.main_daohang .main_content .content_box h4{
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:normal;
	padding-left:0.7em;
	border-bottom:1px solid #f2f2f2;
}
.main_daohang .main_content .content_box .content{
	padding:10px;
}
.main_daohang .main_content .content_box .content .row{
	line-height:30px;
}
.main_daohang .main_content .content_box .content .row .label{
	display:inline-block;
	text-align:right;
	width:160px;
}
.main_daohang .main_content .content_box .content .row .ipt,.main_daohang .main_content .content_box .content .row select{
	border-radius:0;
	height:22px;
	border:1px solid #ddd;
	background:none;
}
.main_daohang .main_content .content_box .content .row textarea{
	border:1px solid #ddd;
}
.main_daohang .main_content .content_box .content .row .ipt:hover,.main_daohang .main_content .content_box .content .row .ipt:focus,.main_daohang .main_content .content_box .content .row select:hover,.main_daohang .main_content .content_box .content .row select:focus,.main_daohang .main_content .content_box .content .row textarea:hover,.main_daohang .main_content .content_box .content .row textarea:focus{
	border:1px solid #6bc30d;
}
.main_daohang .main_content .btn_field{
	margin:20px;
}
.main_daohang .main_content .btn_field a.btn{
	display:block;
	height:39px;
	width:141px;
	background:url(../images/btn_141.png) 0 0 no-repeat;
	font-size:14px;
	color:#fff;
	text-shadow:0 1px 0 #32851b;
	text-align:center;
	line-height:39px;
	letter-spacing:2px;
	text-indent:2px;
	position:relative;
	left:24%;
	margin-left:-70px;
}
.main_daohang .main_content .btn_field a.btn:hover{
	background:url(../images/btn_141.png) 0 -39px no-repeat;
}
.btn_s{
	text-align:center;
	display:inline-block;
	height:22px;
	padding:0 15px;
	margin:0 2px;
	line-height:22px;
	border:1px solid #b4b4b4;
	border-radius: 3px;
	-moz-border-radius:3px;
	color:#000;
	background-color:#fff;
	background-image: -moz-linear-gradient( 90deg,#dedede 0%,#FFF 100%);
	background-image: -webkit-linear-gradient( 90deg,#dedede 0%,#FFF 100%);
	background-image: -ms-linear-gradient( 90deg,#dedede 0%,#FFF 100%);
}
.btn_s.btn_page{
	padding:0;
	min-width:22px;
}
.btn_s:hover{
	background-image: -moz-linear-gradient( 90deg,#ccc 0%,#eee 100%);
	background-image: -webkit-linear-gradient( 90deg,#ccc 0%,#eee 100%);
	background-image: -ms-linear-gradient( 90deg,#ccc 0%,#eee 100%);
}
.btn_s.btn_page.current,.btn_s.btn_page.current:hover{
	border:1px solid #bddabb;
	background:#e8f9e7;
	background-image:none;
	cursor:default;
}
.main_daohang div.table{
	padding:10px;
}
.main_daohang table{
	border:1px solid #bddabb;
	margin-bottom:10px;
}
.main_daohang table tr{
	height:28px;
}
.main_daohang table tr.alt{
	background:#f5f5f5;
}
.main_daohang table tr:hover{
	background:#f0f9e5;
}
.main_daohang table td{
	text-align:center;
}
.main_daohang table td a{
	color:#468206;
}
.main_daohang table td a:hover{
	text-decoration:underline;
}
.main_daohang table th{
	background:#e8f9e7;
	font-size:12px;
	color:#000;
	font-weight:normal;
}
.main_daohang span.right{
	float:right;
}
.main_daohang .line{
	height:0;
	border-top:1px solid #bddabb;
	margin:10px 0;
}
/*主内容区end*/

/*小图标*/
.icon_user{
	background:url(../images/menu_icon.png) 0 0 no-repeat;
}
.icon_password{
	background:url(../images/menu_icon.png) 0 -36px no-repeat;
}
.icon_security{
	background:url(../images/menu_icon.png) 0 -72px no-repeat;
}
.icon_qrcode{
	background:url(../images/menu_icon.png) 0 -108px no-repeat;
}
.icon_setting{
	background:url(../images/menu_icon.png) 0 -144px no-repeat;
}
.icon_search{
	background:url(../images/menu_icon.png) 0 -180px no-repeat;
}
.icon_modify{
	background:url(../images/menu_icon.png) 0 -216px no-repeat;
}
.icon_paper{
	background:url(../images/menu_icon.png) 0 -252px no-repeat;
}
.icon_manage{
	background:url(../images/menu_icon.png) 0 -288px no-repeat;
}
/*小图标end*/
.list_con .content {
    background: #fff none repeat scroll 0 0;
    margin-top: 20px;
    padding: 40px 15px;
}
.icon_fabu {
    background: rgba(0, 0, 0, 0) url("../images/about_icon.png") no-repeat scroll 0 -72px;
}
.content .row {
    line-height: 40px;
}
.content input[type="text"], textarea, select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 14px;
    height: 30px;
    margin-right: 10px;
    width: 420px;
}
.content textarea {
    height: 100px;
    resize: none;
}
.content input[type="text"]:hover, textarea:hover, select:hover, input[type="text"]:focus, textarea:focus, select:focus {
    border-color: #6bc30d;
}
.content .row label {
    display: inline-block;
    font-size: 14px;
    text-align: right;
    width: 10em;
}
.content .row p.tip {
    line-height: 2em;
    margin-left: 145px;
    width: 420px;
}
.content > p.tip {
    border: 1px dashed red;
    color: red;
    font-size: 14px;
    line-height: 2em;
    margin-left: 145px;
    margin-top: 15px;
    padding: 10px;
    text-align: center;
    width: 400px;
}
.content a.btn_submit {
    background: rgba(0, 0, 0, 0) url("../images/btn_141.png") no-repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 39px;
    line-height: 39px;
    margin-left: 145px;
    margin-top: 20px;
    text-align: center;
    width: 141px;
}
.content a.btn_submit:hover {
    background: rgba(0, 0, 0, 0) url("../images/btn_141.png") no-repeat scroll 0 -39px;
}
a.btn_upload {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #dfdfdf 100%) repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    line-height: 1em;
    padding: 8px 15px;
}
a.btn_upload:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #c0c0c0 100%) repeat scroll 0 0;
}
select#province,select#city,select#area{
width:206px;
}