@charset "utf-8";
/* CSS */
body {font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti; height:100%; background-color:#ffffff; font-size:12px; color:#333333; overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,textarea,button,p,blockquote,th,td {margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
caption,cite,em,strong,th {font-style:normal; font-weight:normal;}
caption, th {text-align:left;}
fieldset, img {border:0;}
img {vertical-align:top;}
ul,ol{list-style:none;}
input,button,select,textarea{color:#000; font:100% arial; vertical-align:middle; overflow:hidden;}
button{cursor:pointer;}
a{text-decoration:none; color:#333333; }
.cleardiv{clear:both;font-size:0px;line-height:0px;height:0px}

/*=======*/
a:link{ color:#000000; text-decoration:none;}
a:hover{color:#d60101;}
a:active{ color:#333333;}
@media screen and (max-width:790px) {
	.reminder{font-size: 13px;}
	/*banner*/
	.banner100{ width:100%; float:left; margin-bottom:20px;}
	.banner{ text-align: center;width: 100%;}
	.banner img{width: 100%;}
	/*.banner2{ width:auto; height:340px; margin:0 auto; background:url(../images/banner2.jpg) no-repeat scroll center 0 ; overflow:hidden;}*/
	/*main*/
	.main100{ width:100%; float:left;}
	.main{ width:100%; margin:0 auto;}
	.search_all{width:100%; margin:0 auto;}
	.search_box{margin: 0 0 20px 10px;}
	.search{width: 50%;border-radius: 20px 0 0 20px;border: 1px solid #dadada;height:30px;padding-left: 20px;float: left;outline:none;}
	.search_btn{width: 15%;border-radius: 0 20px 20px 0;border: 1px solid #dadada;height:32px;float: left;-webkit-appearance: none; }
	.main_con{ width:47%; float:left; margin:0 1% 20px; border:1px solid #dadada; position:relative;}
	.main_con .con_pic{ width:100%; float:left; border-bottom:1px solid #dadada;}
	.main_con .con_pic img{ width:100%; height:170px;}
	.main_con .con_info{ width:100%; height:55px; float:left; padding:15px 0 10px; background:#f7f7f7;}
	.main_con .con_info a{ width:90%; height:20px; float:left; padding:0 5%; font-weight:bold;font-size: 15px;}
	.main_con .con_info span{ width:90%; height:30px; float:left; padding:0 5%; overflow:hidden;font-size: 13px;}
	.main_con .con_num{ width:90%; height:30px; float:left; padding:0 5%; background:#f7f7f7;}
	.main_con .con_num .con_num_a{ width:41px; height:18px; float:left; line-height:20px; text-align:center; background:url(../images/xtb.png) no-repeat; color:#FFF;}
	.main_con .con_num .con_num_b{ width:40px; height:18px; float:left; line-height:20px; margin-left:5px; color:#bcbcbc;}
	.main_con .con_num .con_num_c{ width:12px; height:19px; float:right; margin-right:10px;}
	.main_con .con_num .con_num_d{ width:12px; height:19px; float:right; margin-right:10px;}
	.main_con .con_num .con_num_d a{ width:12px; height:19px; display:block;}
	.main_con .con_arrow{width: 10px;height: 10px;position: absolute;z-index: 2;top: 165px;left: 30px;}
	.main_con .con_arrow img{ width:12px; height:6px;}
	.edit{ width:100%; height:170px; position:absolute; display:none; z-index:20; background:#000; opacity:0.5; filter:alpha(opacity=50); cursor:pointer; top:0; left:0;}
	.edit2{ width:100%; height:170px; position:absolute; top:0; display:none; z-index:20;}
	.edit2 a{ width:100%; height:170px; display:block;position: relative;}
	.edit2 img{ position: absolute;top: 50%;left: 50%;margin-left: -15%;margin-top: -15%;width: 30%;}
	i{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
	.mask{ position:absolute; left:0; top:0; background:#000; width:233px; height:170px; opacity:0; filter:alpha(opacity=0); float:left;}
	.hover .qq .mask{background:#000;opacity:0.5;filter:alpha(opacity=50); cursor:pointer; float:left;}
}
@media screen and (min-width:790px) {
	.reminder{display: none;}
	/*banner*/
	.banner100{ width:100%; float:left; margin-bottom:20px;}
	.banner{ text-align: center;}
	/*.banner2{ width:auto; height:340px; margin:0 auto; background:url(../images/banner2.jpg) no-repeat scroll center 0 ; overflow:hidden;}*/
	/*main*/
	.main100{ width:100%; float:left;}
	.main{ width:1026px; margin:0 auto;}
	.search_all{width:1026px; margin:0 auto;position: relative;}
	.search_box{margin: 0 0 20px 10px;position: absolute;top:-370px;right: 20px;}
	.search{width: 200px;border-radius: 20px 0 0 20px;border: 1px solid #dadada;height:30px;padding-left: 20px;float: left;outline:none;}
	.search_btn{width: 70px;border-radius: 0 20px 20px 0;border: 1px solid #dadada;height:32px;float: left;}
	.main_con{ width:236px; float:left; margin:0 9px 20px; border:1px solid #dadada; position:relative;}
	.main_con .con_pic{ width:236px; float:left; border-bottom:1px solid #dadada;}
	.main_con .con_pic img{ width:236px; height:170px;}
	.main_con .con_info{ width:236px; height:55px; float:left; padding:15px 0 10px; background:#f7f7f7;}
	.main_con .con_info a{ width:206px; height:20px; float:left; padding:0 15px; font-weight:bold;}
	.main_con .con_info span{ width:206px; height:34px; float:left; padding:0 15px; overflow:hidden;}
	.main_con .con_num{ width:206px; height:30px; float:left; padding:0 15px; background:#f7f7f7;}
	.main_con .con_num .con_num_a{ width:41px; height:18px; float:left; line-height:20px; text-align:center; background:url(../images/xtb.png) no-repeat; color:#FFF;}
	.main_con .con_num .con_num_b{ width:40px; height:18px; float:left; line-height:20px; margin-left:5px; color:#bcbcbc;}
	.main_con .con_num .con_num_c{ width:12px; height:19px; float:right; margin-right:10px;}
	.main_con .con_num .con_num_d{ width:12px; height:19px; float:right; margin-right:10px;}
	.main_con .con_num .con_num_d a{ width:12px; height:19px; display:block;}
	.main_con .con_arrow{width: 10px;height: 10px;position: absolute;z-index: 2;top: 165px;left: 30px;}
	.main_con .con_arrow img{ width:12px; height:6px;}

	.edit{ width:236px; height:170px; position:absolute; display:none; z-index:20; background:#000; opacity:0.5; filter:alpha(opacity=50); cursor:pointer; top:0; left:0;}
	.edit2{ width:236px; height:170px; position:absolute; top:0; display:none; z-index:20;}
	.edit2 a{ width:236px; height:170px; display:block;}
	.edit2 img{ margin:60px 0 0 80px;}
	i{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
	.mask{ position:absolute; left:0; top:0; background:#000; width:233px; height:170px; opacity:0; filter:alpha(opacity=0); float:left;}
	.hover .qq .mask{background:#000;opacity:0.5;filter:alpha(opacity=50); cursor:pointer; float:left;}
}
@media \0screen\,screen\9 {
	.reminder{display: none;}
/*banner*/
.banner100{ width:100%; float:left; margin-bottom:20px;}
.banner{ text-align: center;}
/*.banner2{ width:auto; height:340px; margin:0 auto; background:url(../images/banner2.jpg) no-repeat scroll center 0 ; overflow:hidden;}*/
/*main*/
.main100{ width:100%; float:left;}
.main{ width:1026px; margin:0 auto;}
.search_all{width:1026px; margin:0 auto;position: relative;}
.search_box{margin: 0 0 20px 10px;position: absolute;top:-360px;right: 0;}
.search{width: 300px;border-radius: 20px 0 0 20px;border: 1px solid #dadada;height:30px;padding-left: 20px;float: left;outline:none;}
.search_btn{width: 70px;border-radius: 0 20px 20px 0;border: 1px solid #dadada;height:32px;float: left;}
.main_con{ width:236px; float:left; margin:0 9px 20px; border:1px solid #dadada; position:relative;}
.main_con .con_pic{ width:236px; float:left; border-bottom:1px solid #dadada;}
.main_con .con_pic img{ width:236px; height:170px;}
.main_con .con_info{ width:236px; height:55px; float:left; padding:15px 0 10px; background:#f7f7f7;}
.main_con .con_info a{ width:206px; height:20px; float:left; padding:0 15px; font-weight:bold;}
.main_con .con_info span{ width:206px; height:34px; float:left; padding:0 15px; overflow:hidden;}
.main_con .con_num{ width:206px; height:30px; float:left; padding:0 15px; background:#f7f7f7;}
.main_con .con_num .con_num_a{ width:41px; height:18px; float:left; line-height:20px; text-align:center; background:url(../images/xtb.png) no-repeat; color:#FFF;}
.main_con .con_num .con_num_b{ width:40px; height:18px; float:left; line-height:20px; margin-left:5px; color:#bcbcbc;}
.main_con .con_num .con_num_c{ width:12px; height:19px; float:right; margin-right:10px;}
.main_con .con_num .con_num_d{ width:12px; height:19px; float:right; margin-right:10px;}
.main_con .con_num .con_num_d a{ width:12px; height:19px; display:block;}
.main_con .con_arrow{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 2;
	top: 165px;
	left: 30px;
}
.main_con .con_arrow img{ width:12px; height:6px;}

.edit{ width:236px; height:170px; position:absolute; display:none; z-index:20; background:#000; opacity:0.5; filter:alpha(opacity=50); cursor:pointer; top:0; left:0;}
.edit2{ width:236px; height:170px; position:absolute; top:0; display:none; z-index:20;}
.edit2 a{ width:236px; height:170px; display:block;}
.edit2 img{ margin:60px 0 0 80px;}
i{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.mask{ position:absolute; left:0; top:0; background:#000; width:233px; height:170px; opacity:0; filter:alpha(opacity=0); float:left;}
.hover .qq .mask{background:#000;opacity:0.5;filter:alpha(opacity=50); cursor:pointer; float:left;}
}