/*wwwcss*/
body,h1,h2,h3,ul,li,form,label,p,div,button{margin:0;padding:0;}
body{font-size:15px;font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;color:#333}
ul,ol{list-style:none;}
img,button,input,select{border:none;outline:none;}
input[type=text]{border:1px solid #999;border-radius:2px;padding:1px}
.clearfix{zoom:1;}.clearfix:after{content:"\0020";display:block;clear:both;height:0;}
a{text-decoration:none;color:#333;cursor:pointer;}
a:hover{color:#FF0000;text-decoration:underline}
a.green,a.green:hover{color:#009933}a.red,a.red:hover{color:#FF0000}a.blue,a.blue:hover{color:#1155CC}
/*top*/
#topbox{width:100%;height:34px;line-height: 28px;border-bottom:1px solid #d6d6d6;background-color:#fbfbfb}
#top{margin:0px auto;width:980px;height:29px;letter-spacing:1px}#top a{color:#666}
#homepage{float:left;}
#set{float:right;}
#top li{float:left;margin:3px 6px 0 0;}#top li:last-child{margin-right:0}
#setSkin{width:11px;height:11px;margin-top:8px;margin-right:6px;display:block;float:left;border:1px solid #666;border-radius:20%}#setSkin:hover{border:1px solid #555;background:#333}
#top li.line{height:15px;width:1px;margin-top:11px;border-right:1px solid #fff;background-color:#bbb}
#set li.email{margin-top:2px;}
#mailselect{width:102px;height:22px;line-height:16px;padding-top:1px;padding-left:6px;border:1px solid #d6d6d6;border-radius:2px;appearance:none;cursor:pointer;background:#fbfbfb;color:#555;letter-spacing:5px}
#mailselect option{height:22px;width:85px;overflow:hidden}
#mailselect option:nth-child(even){background-color:#fefefe; }
#mailselect:focus{background-color:#f5f5f5}
#down-arrow{position:relative; display:inline-block;}
#down-arrow:after{content:"\25bc";position:absolute;top:1px;right:0px;width:18px;color:#ccc;pointer-events:none;}
/*wrap*/
#wrap{width:980px;height:590px;margin:7px auto;overflow:hidden}
#header{width:976px;margin:0 auto 8px auto;padding:5px 1px;height:78px;border:1px solid #f1f1f1;background:#fefefe;border-radius:4px}
#header .logo{float:left;height:65px;width:230px;margin-top:5px;overflow:hidden;}
#logo,#logo img{height:65px;width:230px;}
#header .weather{float:left;height:58px;width:400px;margin-left:10px;margin-top:12px;overflow:hidden;}
#header .date{float:left;height:60px;width:120px;padding:0 12px 0 12px;margin-top:10px;overflow:hidden;border-left:1px solid #dddeee;border-right:1px solid #dddeee}
#header .rightAD{float:left;height:60px;width:180px;margin:10px 0 0 9px;overflow:hidden}
/*search*/
#search{width:978px;height:131px;overflow:hidden;border:1px #eee solid;box-shadow: 0 0 4px #eee;border-radius:4px;background:#fbfbfb}
#sm {padding-left:110px;position:absolute}
#sm li{float:left;width:82px;height:32px;line-height:33px;text-align:center;cursor:pointer;margin:0 1px;}
#sm li.active{font-weight:bold;color:#fff;background-color:#aaccee;margin-top:-1px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
#sb{height:79px;margin:52px auto}
.sf{margin-left:95px}
.sf .int{width:425px;line-height:32px;height:22px;padding:4px 3px;margin:0 6px 0 4px;font-size:16px;border:1px solid #eaeaea;background:#fff url(../image/search_kw_bg.png) repeat-x}
.sf .int:focus {outline:none}
.sf .searchint{width:82px;height:32px;cursor:pointer;background:url(../image/search_btn.png);border-radius: 2px}
.sf .searchint:hover{ background-position:0 -33px}
.sf a img,.sf .searchint,.sf .int{vertical-align:middle;margin-top:7px}
.sf a img{width:105px;height:35px;margin-top:6px;opacity:0.7;filter:alpha(opacity=70);}
.sf .ctrl {font-size:12px;padding-left:115px;line-height:25px}
.sf .ctrl input,.sf .ctrl label{cursor:pointer;padding-right:5px;vertical-align:middle;margin-top:-2px; margin-bottom:1px}
.sw{float:right;line-height:25px;overflow:hidden;height:25px;width:200px;overflow:hidden;margin-top:15px;margin-right:10px;text-align:center;}
.sw a{margin:10px auto 0 auto;}
#suggest{width:431px;border:1px solid #666;background:#fff;position:absolute;margin:-23px 0 0 208px;z-index:10;}
#suggest li{cursor:default;height:22px;line-height:22px;color:#000;  padding:0 5px;}
#suggest .close a:hover,#suggest li.hover{background-color:#36c;color:#fff;}
#suggest .close{text-align:right;padding:0 5px;}
#suggest .close a{color:#36c;}
/*main nav*/
#Con_zone{width:980px;height:288px;background:#fefefe;margin:8px auto 13px auto;text-align:center;color:#999;line-height:40px;}
.lib_Menu{width:980px;height:40px;}
.lib_Menu li{float:left;background:#f7f8f9;cursor:pointer;width:140px;color:#666;border:1px solid #f7f8f9;letter-spacing:2px;border-bottom:1px solid #daebec;box-sizing:border-box;border-top-left-radius:4px;border-top-right-radius:4px;}
.lib_Menu li:last-child{width: 139px}
.lib_Menu li.hover{color:#666;width:141px;font-weight:bold;background:#fefefe;border:1px solid #daebec;border-bottom:1px dotted #daebec;}
.lib_Menu li:last-child.hover{width: 140px}
.lib_Content{width:980px;height:246px;text-align:center;padding-top:0px;display:none}
.q_i{width:140px;height:40px;float:left;border-left:1px #daebec dotted;border-bottom:1px #daebec dotted;box-sizing:border-box;letter-spacing:1px}
.q_l{border-left:1px solid #daebec;}
.q_r{border-right:1px solid #daebec;}
.q_b{border-bottom:1px solid #daebec;}
/*bottom*/
#sethome,#footer{width:980px;height:25px;line-height:25px;margin:5px auto;color:#efefef;text-align:center}
#sethome a{color:#555;margin-right:25px;}
#sethome a:last-child{margin-right:0px;}
#footer a{font-size:13px;color:#888;}
/*device800/view670*/
@media only screen and (min-height:666px) {#wrap{ margin-top:20px;}}
/*device864 = 734 */
@media only screen and (min-height:730px) {#wrap{ margin-top:60px;}}
/*device900 = 770 */
@media only screen and (min-height:766px) {#wrap{ margin-top:80px;}}
/*device1024 = 894 */
@media only screen and (min-height:890px) {#wrap{ margin-top:160px;}}
/*device1050 = 920*/
@media only screen and (min-height:916px) {#wrap{ margin-top:190px;}}
/*device1080 = 950  */
@media only screen and (min-height:946px) {#wrap{ margin-top:220px;}}
/*device1200 = 1070 */
@media only screen and (min-height:1066px) {#wrap{ margin-top:280px;}}
/*device1280 = 1150 */
@media only screen and (min-height:1146px) {#wrap{ margin-top:330px;}}
/*device1440 = 1310 */
@media only screen and (min-height:1306px) {#wrap{ margin-top:420px;}}