@charset "utf-8";
/* CSS Document */
body{
	}

.focus_img{
	float:left;
	width:100%;
	min-width:1024px;
	background:#fff;
	height:405px;
	position:relative;
	z-index:999}
.focus_img .focus {
	width:1024px;
	padding-top:375px;
	text-align:center;
	margin:0 auto}
.focus_img .focus a {
	text-decoration:none;
	z-index:3;
	width:12px;
	height:12px;
	position:relative;
	display:inline-block;
	overflow:hidden;
	zoom:1;
	margin:0 2px}
.focus_img .focus a .bg-m {
	z-index:4;
	color:#FFF;
	line-height:40px;
	font-size:40px;
	position:absolute;
	left:2px;
	top:6px;
	cursor:pointer;
	display:none}
.focus_img .focus a .bg-b {
	color:#fff;
	background:#fff;
	position:absolute;
	display:block;
	left:0;
	top:0;
	cursor:pointer;
	width:12px;
	height:12px;
	line-height:12px;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;}
.focus_img .focus a .inner {
	background:#ff8400;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
	opacity:0;
	display:none;
	width:12px;
	height:12px;
	line-height:12px;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;}
.focus_img .focus a.on .inner,.focus_img .focus a:hover .inner {
	cursor:pointer;
	display:block;
	border:0;
	color:#fff;
	background:#91caed;
	-webkit-transition:opacity .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out;
	transition:opacity .3s ease-in-out;
	opacity:1}
.focus_img .focus .hover .inner {
	display:block}
.focus_img .banners,.focus_img .banner {
	width:100%;
	height:405px;
	overflow:hidden;
	position:absolute;
	left:0}
.focus_img .banner img{
	width:100%;
	height:405px}
.focus_img .banner .info h3,.focus_img .banner .info p {
	display:none}


.dh_box{
	position:absolute;
	left:0;
	top:0;
	z-index:9999;
	width:175px;
	height:405px;
	background:#206fb0}
.dh_box .dh_tit{
	float:left;
	color:#fff;
	width:150px;
	height:45px;
	line-height:45px;
	padding-left:25px;
	font-size:15px;
	font-weight:bold;
	background:#004986}
.dh_con_list{
	float:left;
	width:175px;
	position:relative}
.dh_con_list h3 a{
	color:#fff;}
.dh_con_list h3{
	color:#fff;
	float:left;
	width:150px;
	height:45px;
	line-height:45px;
	cursor:pointer;
	padding-left:25px;
	font-size:14px;
	font-weight:500;
	background:url(../images/main-ico.png) no-repeat 155px -290px}
.dh_con_list h3:hover{
	background:url(../images/main-ico.png) no-repeat 155px -245px #fff;
	color:#535353;}
.dh_con_list h3:hover a{
	color:#535353;}
.dh_con_list .itme{
	display:none;
	position:absolute;
	left:175px;
	width:460px;
	padding:10px 20px;
	background:#fff}
.dh_con_list .itme dl{
	float:left;
	width:460px;
	margin-bottom:10px}
.dh_con_list .itme dl dt,
.dh_con_list .itme dl dd{
	float:left;
	width:460px}
.dh_con_list .itme dl dt a{
	color:#0075a9;
	float:left;
	height:30px;
	line-height:30px;
	font-size:14px}
.dh_con_list .itme dl dd{
	margin-top:5px}
.dh_con_list .itme dl dd a{
	color:#535353;
	font-size:12px;
	float:left;
	margin-right:20px}

.tp_change{
	clear:both;
	width:1024px;
	margin:0 auto;
	padding:25px 0}
.tp_list_box{
	float:left;
	width:1024px;
	margin-top:10px;}
.tp_list_box .tit{
	float:left;
	width:1018px;
	margin-bottom:5px}
.tp_list_box .tit h3{
	float:left;
	color:#333333;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight:500}
.tp_list_box .tit a{
	float:right;
	color:#626262;
	height:30px;
	line-height:30px;
	padding-left:16px;
	background:url(../images/main-ico.png) no-repeat 0 -120px}
.tp_list_box .tit a:hover{
	color:#f39800;
	text-decoration:none;
	background:url(../images/main-ico.png) no-repeat 0 -161px}
.tp_list_box .list_con,
.tp_list_box .list_con ul{
	color:#434343;
	float:left;
	width:1024px}
.tp_list_box .list_con ul li{
	position:relative;
	float:left;
	width:320px;
	margin:0 29px 29px 0;
/*	border:1px solid #e7e7e7;*/
	background:#fff;
	box-shadow: 0px 0px 5px 0px #b5b5b5;
	}
.tp_list_box .list_con ul li .list_img{
	position:relative;
	float:left;
	width:320px;
	height: 181px;
}
.tp_list_box .list_con ul img{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
.tp_list_box .list_con ul li .list_img_shade{
	float: left;
	cursor: pointer;
	width:300px;
	height:50px;
	margin-top: -50px;
	margin-left:10px;
	background:url(../images/moban_img_bg.png) no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}


.tp_list_box .list_con ul li.mr_0{
	margin-right:0}
.tp_list_box .list_con ul li p{
	float:left;
	text-align: center;
	width:300px;
	font-family:"微软雅黑";
	padding:10px 10px}
.tp_list_box .list_con ul li .bt{
	height:36px;
	line-height:36px;
	vertical-align:middle;
	border-bottom:1px solid #d2d2d2}
.tp_list_box .list_con ul li .bt a{
	float:left;
	color:#434343;
	width:300px;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:bold;
	text-decoration:none;
}
.tp_list_box .list_con ul li .num{
	color:#959595;
	line-height:26px;
	vertical-align:middle;
	padding:10px}
.tp_list_box .list_con ul li .num span{
	float:left;
	font-size:14px}
.tp_list_box .list_con ul li .num .gz{
	padding-left:18px;
	margin-right:20px;
	background:url(../images/main-ico.png) no-repeat 0 -36px;}
.tp_list_box .list_con ul li .num .xz{
	padding-left:20px;
	margin-right:20px;
	background:url(../images/main-ico.png) no-repeat 0 5px}
.tp_list_box .list_con ul li .num .jg{
	color:#f39800;
	padding-left:18px;
	background:url(../images/main-ico.png) no-repeat 0 -79px}
.tp_list_box .list_con ul li .num .bh{
	float:right;
	width:58px;
	padding-right:3px;
	line-height:17px;
	text-align:right;
	font-size:12px;
	font-family:"微软雅黑";
	color:#FFFFFF;
	background:url(../images/num-bg.png) left no-repeat}

.tp_search_box{
	float:left;
	width:1024px;
	margin-bottom:25px}
.tp_search_box dl{
	float:left;
	width:1024px;
	padding:5px 0;
	border-bottom:1px solid #e5e5e5}
.tp_search_box dl dt{
	color:#626262;
	float:left;
	width:160px;
	height:30px;
	line-height:30px;
	font-size:14px}
.tp_search_box dl dd{
	float:left;
	width:864px}
.tp_search_box dl dd a{
	float:left;
	color:#535353;
	height:30px;
	line-height:30px;
	margin:0 20px}
.tp_search_box dl dd a:hover,.tp_search_box dl dd .on{
	color:#eb6100}

.sort_lsit{
	float:left;
	width:1024px;
	height:32px;
	background:#e5e5e5;}
.sort_lsit span{
	float:left;
	color:#7d7d7d;
	height:32px;
	line-height:32px;
	padding:0 25px;
	cursor:pointer;
	position:relative}
.sort_lsit span.rq_on,
.sort_lsit span.xz_on,
.sort_lsit span.jg_on,
.sort_lsit span:hover{
	color:#eb6100}
.sort_lsit span.rq_on a,
.sort_lsit span.xz_on a,
.sort_lsit span.jg_on a{
	color:#eb6100}
.sort_lsit span i{
	position:absolute;
	right:8px;
	top:12px;
	display:block;
	width:9px;
	height:11px;
	background:url(../images/cod-search-ico.png) no-repeat}
.sort_lsit span.rq i{
	background-position:0 -29px}
.sort_lsit span.rq_on i{
	background-position:0 0}
.sort_lsit span.xz i{
	background-position:0 -29px}
.sort_lsit span.xz_on i{
	background-position:0 0}
.sort_lsit span.jg i{
	background-position:0 -89px}
.sort_lsit span.jg_on i{
	background-position:0 -58px}


.kind_describe{
	float:left;
	width:1024px;
	background:#f9f9f9;}
.kind_describe_bottom{
	float:left;
	width:1024px;
	height: 19px;
	background:url(../images/kind_bg.png) no-repeat
}
.kind_describe h1{
	text-align: center;
	margin-top: 25px;
	margin-bottom: 8px;
}
.kind_describe h1 span{
	color: #FFF;
	height: 37px;
	line-height: 37px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	border-radius: 20px;
	font-weight: 400;
	background-color: #00a9cd;
}
.kind_describe .content{
	color: #a2a2a2;
	line-height: 26px;
	padding-bottom: 20px;
	padding-left: 110px;
	padding-right: 110px;
}
.kind_describe p{
	text-align:right;
}



.cloud_search{
	float:right;
	height:24px;
	margin:4px 4px 0 0}
.cloud_search .cod_text{
	float:left;
	width:120px;
	height:24px;
	line-height:24px;
	background:#fff;
	border:0}
.cloud_search .cod_btn{
	float:left;
	width:24px;
	height:24px;
	border:0;
	padding:0;
	cursor:pointer;
	background:url(../images/cod_search_ico.png) left no-repeat #fff}

.mall_show{
	float:left;
	position:relative;
	width:984px;
	border:20px solid #fafafa;
	background:#fff}
.show_top{
	float:left;
	width:924px;
	padding:30px;
	position:relative}
.top_tit{
	color:#1b1b1b;
	float:left;
	width:750px;
	font-size:22px}
.top_data{
	float:left;
	width:750px;
	padding:15px 0;
	font-size:14px}
.top_data .sp1{
	float:left;
	color:#FFFFFF;
	width:76px;
	height:30px;
	line-height:30px;
	padding-right:3px;
	text-align:right;
	margin-right:50px;
	font-size:16px;
	font-family:"微软雅黑";
	background:url(../images/show-ico01.png) left no-repeat}
.top_data .sp2{
	float:left;
	color:#f39700;
	height:30px;
	line-height:30px;
	padding-left:35px;
	margin-right:50px;
	background:url(../images/show-ico02.png) left no-repeat}
.top_data .sp2 a{
	color:#f39700;}
.top_data .sp3{
	float:left;
	color:#19bbf2;
	height:30px;
	line-height:30px;
	padding-left:35px;
	margin-right:50px;
	background:url(../images/show-ico03.png) left no-repeat}
.top_data .sp3 a{
	color:#19bbf2;}
.top_data a:link { text-decoration: none; }
.top_num{
	float:left;
	color:#b5b5b5;
	width:924px;
	font-size:14px}
.top_num span{
	float:left;
	height:30px;
	line-height:30px;
	margin-right:35px}
.top_num .sp1{
	padding-left:20px;
	background:url(../images/main-ico.png) no-repeat 0 -33px}
.top_num .sp2{
	padding-left:22px;
	background:url(../images/main-ico.png) no-repeat 0 8px}
.top_num .sp4{
	float:right;
	color:#000;
	margin-right:0px}
.price_gm{
	position:absolute;
	width:200px;
	top:72px;
	right:30px}
.price_gm span{
	float:right;
	color:#f39800;
	font-size:32px;
	padding-left:30px;
	background:url(../images/show-ico04.png) left no-repeat}
.price_gm a{
	float:right;
	color:#fff;
	width:80px;
	height:22px;
	line-height:22px;
	margin-top:10px;
	text-align:center;
	background:#f39800;
	border-radius:15px}

.show_con{
	float:left;
	width:918px;
	padding:0 30px 20px}
.show_default{
	float:left;
	width:918px}
.show_default dl{
	float:left;
	width:891px;
	padding-left:25px;
	position:relative;
	border-left:2px solid #ccc}
.show_default dl i{
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	left:-17px;
	top:0}
.show_default dt{
	color:#c59a6d;
	float:left;
	width:891px;
	height:32px;
	line-height:32px;
	font-size:16px}
.show_default dd{
	float:left;
	width:891px;
	height:32px;
	line-height:32px;
	padding:5px 0;
	margin-bottom:20px;
	font-size:12px;
	border-bottom:1px solid #e5e5e5}
.show_default dd a{
	float:left;
	margin-right:35px}
.show_default .end_img{
	float:left;
	width:918px;
	margin-left:-50px}
.show_editor{
	float:left;
	color:#8c8c8c;
	width:918px;
	margin-top:20px;
	overflow:hidden;
	line-height:1.8em}
.show_editor p{
	margin-top:10px}
.show_zs{
	float:left;
	width:918px;
	height:38px;
	padding-left:10px;
	padding-top:20px;
	color:#FFFFFF;
	background:url(../images/show_tab.png) left bottom no-repeat}
.show_zs h3{
	color:#161b1b1b;
	font-size:16px}
.show_zs span{
	color:#161b1b1b;
	font-size:12px;
	font-family:Arial}
.show_xg{
	float:left;
	width:583px;
	height:490px;
	margin:50px 0 0 167px;
	background:url(../images/show-ico21.png) left no-repeat}
.show_xg img{
	float:left;
	width:526px;
	height:299px;
	margin:27px 0 0 28px}


.no_template{
	float:left;
	width:1024px;
	height:397px;
	background:url(../images/designtemplate/no_template.png) no-repeat;
}
.no_template .no_template_go{
	float:left;
	margin-top:215px;
	margin-left:480px;
}
.no_template a{
	color:#0099FF;
	text-decoration:underline;
}



.show_case{
	float:left;
	width:918px;
	padding:10px 0;
	text-align:center}
.show_case a{
	color:#464646;
	text-decoration:none}
.show_case h3{
	margin:auto;
	color:#FFFFFF;
	background-color:#3bd0f1;
	height:30px;
	line-height:30px;
	width:120px;
	-webkit-border-radius: 4px;
	font-weight:300;
	font-size:16px}
.show_case h3:hover{
	margin:auto;
	color:#FFFFFF;
	background-color:#f39801;
	height:30px;
	line-height:30px;
	width:120px;
	-webkit-border-radius: 4px;
	font-weight:300;
	font-size:16px}
.case_list_con{
	float:left;
	width:915px;
	margin-top:50px}
.case_list_con ul{
	float:left;
	padding-left:55px;
	width:915px}
.case_list_con ul li{
	float:left;
	width:241px;
	height:260px;
	margin:0 40px 20px 0;
	position:relative;
	background:#fff;
	box-shadow:1px 1px 3px #e0e0e0,-1px -1px 3px #e0e0e0}
.case_list_con ul li.mr_0{
	margin-right:0}
.case_list_con ul li p{
	float:left;
	width:221px;
	font-size:14px}
.case_list_con ul li .tit{
	color:#333;
	padding:10px 10px;
	height:40px;
	line-height:40px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.case_list_con ul li span{
	position:absolute;
	left:0;
	top:0;
	z-index:99;
	display:none;
	width:241px;
	height:260px;
	background:url(../images/case_repeat_bg.png) left repeat}
.case_list_con ul li .tag{
	color:#0095cc;
	width:221px;
	height:50px;
	padding:0 10px;
	line-height:50px;
	text-align:center;
	background:#fafafa;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.case_list_con ul li .tag img{
	padding-right:5px;
	}
.case_list_con ul li:hover .tag{
	position:absolute;
	left:0;
	bottom:0;
	z-index:999;
	background:#0f0f0f}
.case_list_con ul li:hover span{
	display:block}
.case_list_con ul li span a{
	float:left;
	color:#fff;
	width:140px;
	height:36px;
	line-height:36px;
	text-align:center;
	margin:111px 0 0 50px;
	font-size:18px;
	border:1px solid #fff;
	border-radius:20px}
.tabnav{
	float:left;
	width:915px;
	height:50px;
	font-size:16px;
	background-color:#FFFFFF;
	border:1px solid #d3d3d3;
}
.tabnav .goumai{
	float:right;
	width:135px;
	height:50px;
	cursor:pointer;
	font-size:16px;
	color:#FFFFFF;
	line-height:45px;
	text-align:center;
	background-color:#f5a520;
	border-left:1px solid #d3d3d3;
	border-right:0px;
}
.tabnav ul{
	float:left;
	width:915px;
	height:50px;
	overflow:hidden;
}
.tabnav li{
	float:left;
	width:99px;
	height:50px;
	cursor:pointer;
	line-height:45px;
	text-align:center;
	border-right:1px solid #d3d3d3;
}
.tabnav li.back {
	position:relative;
	margin-top:45px;
	width: 99px;
	height: 0px;
	z-index: 99;
	border-right:0px;
	border-bottom:5px solid #f5a520;
}
.fxd {
	position: fixed;
	top: 0px;
	z-index:9999;
}