@charset "utf-8";

#center .de_list{margin-top:20px; padding:0 6% 0; background:url(../img/cy_bg.png) repeat-y center top; /*background:url(../img/test2.png) repeat-y center top;*/margin-bottom: 4%;}
#center .de_list li{width:51%; position:relative; z-index:1; visibility:hidden;}
#center .de_list li .brief{font-size:16px; color:#222; padding:14px 24px; background:#f0f0f0; width:53%; line-height:28px;}
#center .de_list li .brief span{font-size:16px; line-height:28px; height:28px; overflow:hidden; display:block;}
#center .de_list li .brief_on{font-size:16px; color:#fff; padding:14px 24px; background:#f87900; width:53%; line-height:28px; position:absolute; top:0; display:none; z-index:3;}
#center .de_list li .br_l{left:0;}
#center .de_list li .br_r{right:0;}
#center .de_list li .title{height:86px; line-height:86px; /*width:18.8%;*/ font-size:40px; color:#000;}
#center .de_list li .tl{background:url(../img/tl.png) no-repeat left center; padding-left:38px; margin-left:19px;}
#center .de_list li .tr{background:url(../img/tr.png) no-repeat right center; padding-right:38px; margin-right:19px; text-align:right; /*margin-left:13%;*/}
#center .de_list li .cy_on{width:61px; height:61px; background:url(../img/cy_on.png) no-repeat; position:absolute; top:12px; z-index:5; display:none;}
#center .de_list li .cy_l{left:5px;}
#center .de_list li .cy_r{right:5px;}
#center .de_list li:hover{z-index:2;}
#center .de_list li:hover .title{color:#f87900;}
#center .de_list li:hover .tl{background:url(../img/tl_hover.png) no-repeat left center;}
#center .de_list li:hover .tr{background:url(../img/tr_hover.png) no-repeat right center;}
#center .de_list li:hover .brief_on{display:block;}
#center .de_list li:hover .cy_on{display:block;}
#center .di_list{margin-top:20px; padding:0 6% 0; display:none;}
#center .di_list li{width:100%; margin-bottom:10px;}
#center .di_list li .brief{min-height:86px; font-size:16px; color:#222; padding:14px 24px; background:#f0f0f0; width:70%; line-height:28px;}
#center .di_list li .brief span{height:28px; overflow:hidden; line-height:28px; font-size:16px; color:#222;}
#center .di_list li .brief_on{font-size:16px; color:#fff; padding:14px 24px; background:#f87900; width:70%; line-height:28px; display:none;}
#center .di_list li .title{height:86px; line-height:86px; /*width:18.8%;*/ width:28%; font-size:40px; color:#000; background:url(../img/tr.png) no-repeat right center; padding-right:38px;}
#center .di_list li.cur .title{color:#f87900; background:url(../img/tr_hover.png) no-repeat right center;}
#center .di_list li.cur .brief{display:none;}
#center .di_list li.cur .brief_on{display:block;}

@media only screen and (max-width:1000px){
	#center .de_list li .title{font-size:20px;}
}

@media only screen and (max-width:900px){
	#ban{display:none;}
	#m_ban{display:block;}
	#center .de_list li .tl{background:none; padding:0;}
	#center .de_list li:hover .tl{background:none;}
	#center .de_list li .tr{background:none; padding:0;}
	#center .de_list li:hover .tr{background:none;}
}
	
@media only screen and (max-width:720px){
	#center .de_list{display:none;}
	#center .di_list{display:block;}
}

@media only screen and (max-width:600px){
	#center .a_top .b_line{width:10%;}
	#center .di_list li .title{background:none; padding:0; width:29%;}
	#center .di_list li.cur .title{background:none;}
}

@media only screen and (max-width:480px){
	#center .a_top .a_line{width:10%;}
}

@media only screen and (max-width:400px){
	#center .di_list li .title{font-size:30px;}
}

@media only screen and (max-width:360px){
	#center .a_top .b_line{width:8%;}
}

@media only screen and (max-width:360px){
}