/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
a img { border:none; }
a{ text-decoration:none}
table { border-collapse: collapse; border-spacing: 0; }
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; vertical-align:middle}
body, p, td, th, li { font-family: Arial, Helvetica, sans-serif; font-size:12px }
ul,ol,li{list-style:none; }
h1, h2, h3, h4, h5, h6,strong{font-weight:bold}
p { margin: 0.5em 0 1em 0; }
/*��������������������������ҳ��ṹ������������������������*/
.main_T,.main_M,.main_B{overflow:hidden; height:1%; clear:both; margin-bottom:4px; margin-right:5px}
.main_T_L{float:left;width:258px;border-right:4px solid #D2D1D6;background-color: #F7F7F7;}
.main_T_L .h2,.main_T_R .h2,.main_M_R .h2{background-color: #F7F7F7;}
.main_T_C{ float:left; width:434px; margin-right:4px}
.main_T_R{float:left;width:225px;background-color: #F7F7F7;}
.main_M_R{float:left;width:225px;background-color: #F7F7F7; height:254px}
.main_M_L{float:left; width:694px; margin-right:4px}

.Article .main_T_R,.Column .main_T_R{ width:665px;}
.Article .main_T_R .h2,.Column .main_T_R .h2{ height:auto; height:615px; min-height:615px}
/*��������������������������END������������������������*/
.mb{ margin-bottom:4px}
.container {width:944px; margin:0 auto; text-align:left}
.main{ padding:4px 0 4px 5px; background-color:#D2D1D6}
.nav ul{line-height:28px; overflow:hidden; background:url(../images/kybg.gif) repeat-x left 0px}
.nav li{ float:left; width:120px; border-right:1px solid #D4D3D8; font-size:14px; text-align:center; font-weight:bold; padding:6px 0 4px 0}
.nav .index{ width:202px; float:right; background:url(../images/kybg.gif) repeat-x left -100px; font-family:'����',Helvetica, sans-serif}
.nav .index a{ color:#CCE3F3}
.nav a{color:#444F55}
.logo{background:url(../images/banner.jpg); height:236px; width:100%; clear:both}

.h2{ border:1px solid #ccc; background-color:#fff;zoom:1}
.h2 h2{line-height:38px; padding:6px 20px 0 14px; margin:0 1px; color:#333; border-bottom:1px solid #CFCFD1; position:relative; font-size:14px; background:url(../images/kybg.gif) repeat-x left -50px;zoom:1}
.h2 h2 a{ color:#c30; position:absolute; right:20px; bottom:0; font-size:12px; font-weight:normal}
.h2 ul{ padding:16px 0 17px 0}
.h2 li{line-height:22px; padding:0 20px 0 30px;letter-spacing:1px; color:#1A1F23;}
.h2 li.title{ font-size:14px; color:#C60; font-weight:bold; line-height:30p; padding-left:15px; line-height:30px}
.h2 li.img{ padding:0; margin-top:-10px; margin-bottom:3px}
.h2 li.text{padding-left:15px}
.h2 li.text a{ color:#369; text-decoration:underline}
.h2 li a{ color:#369; display:inline-block}
.h2 .list li{ background:url(../images/arrow2.gif) no-repeat scroll 10px 1px}
.h2 .list .title,.h2 .list .img,.h2 .list .text{ background: none;}
.h2a li a{ color:#666}
.team li{ padding-left:15px}

.liimg ul{ padding:0 0 0 6px; margin-left:3px; background-color:#fff; overflow:hidden;}
.liimg li{ padding:0; float:left; width:226px; margin:12px 3px 5px 0; display:inline;overflow:hidden; text-align:center}
.liimg img{ vertical-align:middle}

.news1 .text{padding-bottom:13px}
.news2 .text{padding-bottom:9px}
/*.news2{ height:237px}
.list{ height:104px}*/
.news2 .list li{background:url(../images/kybg.gif) no-repeat scroll 3px -153px}
.news3 .text{padding-bottom:17px; padding-top:11px}
.text{ width:400px; margin:10px auto 0 auto; line-height:25px}
.text h2{ background:none; line-height:40px; border:none;}
.text h2 a{ left:10px; top:0px;color:#CC6600;font-size:14px; font-weight:bold }
.text p{ padding-top:30px; background:none}
.news3 .list{/* min-height:300px*/}
.news3 .text p{ padding-top:0}
.news3 .text img{ margin-left:-12px; margin-top:-17px;padding-bottom:0px;}
.news4 ul{ padding-left:282px; background:url(../images/breath.jpg) no-repeat left top; height:176px}

.vote li.title{font-size:12px; font-weight:normal}
.vote li{ padding-left:15px; white-space:nowrap; padding-right:0}
.vote input{ margin:0 5px 0 0}
/*ͶƱ��ʾ*/
#voteDisplay { top:-10px; left:0 ; _left:-14px;WIDTH: 210px; color: #505050; text-align:left; line-height:200%; background-color:#FFFFFF; padding-right:10px}
#voteDisplay DIV.title { PADDING-RIGHT: 6px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #5b5b5b; LINE-HEIGHT: 32px; PADDING-TOP: 0px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left }
#voteDisplay DIV.title SPAN { FONT-WEIGHT: normal }
#voteDisplay UL { WIDTH: 210px; MARGIN-TOP: 2px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BACKGROUND-COLOR: #fff }
#voteDisplay LI { line-height: 25px; width: 100%; text-align: left; }

.footer{ height:67px; text-align:center; background:#FFFFFF; color:#7F8384; padding-top:15px}
.footer img{ vertical-align:text-bottom}

.columnList{ padding:0 5px}
.columnList ul{ padding:0; background-position:12px 11px;}
.columnList li{ line-height:27px; width:auto; background:url(../images/listlibg.gif) repeat-x scroll left bottom; padding-right:5px}
.columnList li span{ padding:0}
.articleText{padding:15px; padding-left:20px; line-height:150%}
.articleText h1{ color:#CC6600; text-align:center; font-size:16px}
.articleText h6{ font-weight:normal; color:#666666; font-size:12px; text-align:right}
.contentText{padding:0 5px}


@media only screen and (max-width:768px){
.container{ width:98%;}
.nav li{ width:33%!important;}
.nav .index{ float:left; background:none;}
.nav ul{ background-size:100%;}
.nav a {color: #444f55!important;}
.main {padding: 4px 4px 5px;}
.logo{ background-size:100% 100%; height:200px;}
.main_T, .main_M, .main_B{ margin:0 0 5px;}
.main_T_L{ width:100%; border:none; float:none; overflow:hidden;}
.main_T_L .h2{ float:left;  margin: 0 1%; width: 47%;}
.main_T_C{ float:none; width:100%; margin:10px auto 0;}
.text{ width:95%;}
.main_T_R{float:none; width:100%; margin:10px auto 0;}
.news3 .text{ width:95%!important; overflow:hidden;}
.news3 .text img{ float:left; margin:0 10px 0 0;}
.main_M_L , .main_M_R{ width:100%;}
.liimg li{ width:24%; margin:12px 0.5% 0;}
.liimg img{ width:100%; height:118px;}
.main_r{ display:none;}
.content , .main , .footer , .articleText , .content h1 strong{ width:auto;}
.contentText img{ width:75%; height:auto;}
.content h1 span{ display:none;}
}
@media only screen and (max-width:480px){
.nav li { width: 49% !important;}
.main_T_L .h2{ width:98%;}
.news3 .text img{ float:none;}
.news4 ul{ background:none; padding:15px 0;}
.liimg li{ width:49%;}

}