﻿@charset "utf-8";
/***** CSS Document 
Use for:	news.hiapk.com
Author:		wd
*/
body { padding: 0; margin: 0; text-align: center; color: #666; font: normal 12px/1.8 \5b8b\4f53, Simsun, Arial, serif; background-color: #fff; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, input { padding: 0; margin: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
img { border: none; -ms-interpolation-mode: bicubic; }
a { color: #333; text-decoration: none; }
a:hover { color: #cc0f0e; text-decoration: none; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; zoom: 1; }
.wrapper { width: 1180px; margin: 0 auto; text-align: left; }
/*base*/
.fl, .left { float: left; }
.fr, .right { float: right; }
.pr, .p_r { position: relative; }
.pa, .p_a { position: absolute; }
.red { color: #cc0f0e; }
.w790 { width: 790px; overflow: hidden; }
.w350 { width: 350px; overflow: hidden; }
.w240 { width: 240px; overflow: hidden; }
.w520 { width: 520px; overflow: hidden; }
.overh { overflow: hidden; }
.col_tit { height: 50px;/* overflow:hidden;*/ border-bottom: 1px solid #e4e4e4; line-height: 50px; }
.col_tit h3 { float: left; width: 107px; border-bottom: 3px solid #009dd9; font: normal 24px/48px "Microsoft YaHei"; color: #252525; }
.col_tit .more { padding: 3px 18px 0 0; background: url(css_img/sprite.png) no-repeat right -47px; color: #888; }
.col_tit .more:hover { color: #cc0f0e; }
.c_menu { float: left; overflow: hidden; }
.c_menu a { float: left; height: 50px; margin: 0 15px 0 0; padding: 0 5px; cursor: pointer; font: 16px/55px "Microsoft YaHei"; }
.c_menu a:hover, .c_menu .on { border-bottom: 1px solid #009dd9; }
.box_tit { height: 40px; overflow: hidden; line-height: 40px; }
.box_tit h4 { float: left; font: normal 20px/40px "Microsoft YaHei"; color: #333; }
.box_tit h4 a { color: #333; }
.box_tit h4 a:hover { color: #009dd9; }
.box_tit .writer { font: 14px/46px "Microsoft YaHei"; color: #ccc; }
.txt_li { }
.txt_li li { float: left; width: 100%; height: 34px; overflow: hidden; background: url(css_img/sprite.png) no-repeat 0 -195px; text-indent: 15px; font: 16px/34px "Microsoft YaHei"; }
.txt_li .pic, .txt_li .video { height: 32px; background-position: 0 -103px; text-indent: 27px; line-height: 32px; }
.txt_li .video { background-position: 0 -149px; }
.txt_li .hx { height: 54px; margin-bottom: 10px; border-bottom: 1px dashed #e0e0e0; background: none; text-indent: 0; font: 20px/54px "Microsoft YaHei"; }
.txt_li a { }
.txt_li span { float: right; padding: 0 0 0 10px; color: #999; }
.img_li { }
.w350 .img_li { margin-right: -14px; }
.img_li li { float: left; position: relative; overflow: hidden; }
ul.w240 li { width: 240px; }
.w350 .img_li li { width: 168px; margin-right: 14px; margin-bottom: 12px; }
.img_li img { display: block; margin: 0 auto; }
.img_li .tit { position: absolute; left: 0; top: 140px; display: block; height: 40px; overflow: hidden; padding: 0 10px; background: url(css_img/blocks.png) repeat-x 0 0; cursor: pointer; font: normal 16px/40px "Microsoft YaHei"; }
.img_li .tit, .img_li a { color: #fff; }
ul.w240 li .tit { width: 220px; }
.w350 .img_li li .tit { position: static; width: 148px; background: #f2f2f2; text-align: center; color: #333; }
.w350 .img_li li a:hover .tit { color: #cc0f0e; }
.img_li .detail { display: block; height: 50px; overflow: hidden; margin: 15px 0 35px; font: normal 14px/25px "Microsoft YaHei"; color: #666; }
.img_li .play { position: absolute; left: 0; top: 0; display: block; width:168px;height: 125px; overflow: hidden; background: url(css_img/play.png) no-repeat 50% 50%; cursor: pointer; }
.img_li2 { margin-right: -35px; }
.img_li2 li { width: 240px; margin-right: 35px; }
.img_li2 li .tit { width: 220px; }
.img_li3 { margin-right: -45px; }
.img_li3 li { width: 200px; margin-right: 45px; }
.img_li3 li .tit { width: 180px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.ml10 { margin-left: 10px; }
.pdt0 { padding-top: 0; }
.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdr10 { padding-right: 10px; }
.pdr15 { padding-right: 15px; }
.pdr20 { padding-right: 20px; }
.pdb10 { padding-bottom: 10px; }
.pdb15 { padding-bottom: 15px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdl10 { padding-left: 10px; }
/*****g2*****/
.g2 { }
.g2_img { height: 100px; background: #ccc; }
.g2_img_a { float: left; width: 1180px; height: 90px; background: #ccc; }
.g2_img_a img, .g2_img_a object, .g2_img_a embed { width: 1180px; height: 90px; }
.g2_img_l { float: left; width: 790px; height: 90px; background: #ccc; }
.g2_img_l img, .g2_img_l object, .g2_img_l embed { width: 790px; height: 90px; }
.g2_img_r { float: right; width: 350px; height: 90px; background: #ccc; }
.g2_img_r img, .g2_img_r object, .g2_img_r embed { width: 350px; height: 90px; }
.g2_bg { background: #ccc; }
.header { }
.logo { width: 266px; height: 59px; overflow: hidden; }
.logo a { display: block; width: 266px; height: 59px; overflow: hidden; background: url(../img_logo/logo.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img_logo/logo.png', sizingMethod='crop');
text-indent: -999px; }
.search { width: 350px;height: 38px; padding: 20px 0 0 0; }
.search .s_box { float: left; width: 190px; height: 36px; overflow: hidden; padding:0 10px; border: 1px solid #009dd9; background: none; line-height: 36px; color: #bcbcbc; }
.search .s_btn,.search .st_baidu { float: left; width: 68px; height: 38px; border: none; background: #009dd9 ; cursor: pointer; text-align: center;font: 16px/38px "Microsoft YaHei"; color: #fff;  }
.search .st_baidu{_display:inline;margin-left:2px;}
.top_tags { height: 36px; padding: 20px 20px 0; }
.top_tags a { display: inline-block; margin-right: 10px; white-space: nowrap; line-height: 36px; color: #009dd9; }
.news_nav_v4 { background: #009dd9; }
.news_nav_v4 a { float: left; _display: inline; height: 50px; overflow: hidden; padding: 0 16px; background-color: #009dd9; text-align: center; font: 18px/50px 'Microsoft YaHei'; color: #fff; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; }
.news_nav_v4 a:hover, .news_nav_v4 a.cur { background-color: #0493ca; text-decoration: none; color: #fff; }
/*????????????*//*???????????????*//*Geek???*/
.azrb { }
/*????????????*/
.headline { }
.headline h2, .headline p { width: 520px; overflow: hidden; }
.headline h2 { height: 22px; }
.headline h2 a { font: normal 20px/22px 'Microsoft YaHei'; }
.headline p { height: 60px; margin: 15px 0 26px; font: 14px/30px 'Microsoft YaHei'; color: #888; }
.headline2, .headline3 { border-top: 1px solid #e0e0e0; }
.headline2 .fl, .headline3 .fl { width: 245px; padding: 15px 15px 0 0; }
.headline2 .fr { padding: 25px 25px 45px 0; }
.headline2 h2, .headline3 h2, .headline2 p, .headline3 p { width: 245px; }
.headline2 h2, .headline3 h2 { height: 80px; }
.headline2 h2 a, .headline3 h2 a { font: 20px/40px "Microsoft YaHei"; }
.headline2 p, .headline3 p { height: 78px; margin: 15px 0 0; font: 14px/26px "Microsoft YaHei"; }
.headline3 { border-bottom: 1px solid #e0e0e0; }
.headline3 .fl { padding-bottom: 25px; border-right: 1px solid #e0e0e0; }
.headline3 .fr { padding: 15px 0 0 14px; }
/*????????????*/
.hyhy { }
.hyhy p { height: 40px; font: normal 16px/40px 'Microsoft YaHei'; cursor: pointer; }
.hyhy p a { color: #f5f4f4; }
.hyhy p a:hover { color: #ddd; }
.hyhy em { float: left; width: 60px; background: #009dd9; text-align: center; }
.hyhy strong { float: left; width: 350px; padding: 0 10px; background: #333; font-weight: normal; }
/*????????????*/
.spts { }
/*????????????*/
.xjkd { }
.xjkd ul { }
.xjkd li { float: left; width: 100%; margin: 0 0 5px; }
.xjkd .tit { height: 30px; }
.xjkd .tit span { float: left; height: 30px; overflow: hidden; margin: 0 1px 0 0; background: #f2f2f2; text-align: center; font: 14px/30px 'Microsoft YaHei'; color: #666; }
.xjkd .tit .a { width: 70px; }
.xjkd .tit .b { width: 213px; }
.xjkd .tit .c { width: 65px; margin: 0; }
.xjkd .info { display: none; width: 350px; height: 115px; overflow: hidden; margin: 10px 0 5px; }
.xjkd .pic { float: left; width: 135px; height: 115px; overflow: hidden; }
.xjkd .pic img { margin-left: -18px; }
.xjkd .detail { width: 200px; height: 84px; overflow: hidden; padding: 15px 0 0; font: 14px/28px 'Microsoft YaHei'; color: #666; }
.xjkd .on .info { display: block; }
.xjkd .on .tit span { background: #009dd9; color: #fff; }
/*?????????*/
.hlw{}
.hlw .col_tit .w240 h3{width:153px;}
/*????????????*/
.zthg { }
.zthg ul { }
.zthg li { float: left; width: 100%; margin: 0 0 17px; }
.zthg .tit { height: 70px; overflow: hidden; }
/*.zthg .tit a{color:#fff;}
.zthg .tit a:hover { color: #ddd; }*/
.zthg .tit em { float: left; width: 90px; height: 70px; background: #009dd9; text-align: center; font: normal 20px/70px 'Microsoft YaHei'; color: #fff; }
.zthg .tit strong { float: left; width: 220px; height: 60px; padding: 5px 20px; background: #e4e4e4; font: normal 16px/30px 'Microsoft YaHei'; }
.zthg .pic { display: none; height: 100px; margin: 0 0 3px; }
.zthg .on .pic { display: block; }
/*????????????*/
.twxw ul.w240 li .tit { top: 340px; }
.twxw .img_li2 li { margin-bottom: 20px; }
/*????????????*/
.sjkd { }
.sjkd .img_li .tit { top: 110px; }
/*????????????*/
.link { }
.link_tit { height: 50px; border-top: 3px solid #393d49; border-bottom: 1px solid #d1d1d1; line-height: 50px; text-indent: 20px; color: #252525; }
.link_tit .more { padding: 0 20px; background: url(css_img/sprite.png) no-repeat 12px -250px; }
.link_tit h3 { font-weight: normal; font-size: 20px; font-family: Microsoft YaHei; }
.link_con { padding: 15px 0 40px 15px; }
.link_con a { float: left; width: 120px; height: 30px; overflow: hidden; margin-right: 8px; font: 12px/30px ""; word-break: break-all; }
/*******footnav******/
.footnav { border-top: #ddd 1px solid; background-color: #f2f2f2; }
.footnav h3 { right: 0; top: -31px; z-index: 200; width: 82px; height: 30px; border: #ddd 1px solid; border-bottom: none; background: #f2f2f2 url(css_img/sprite.gif) no-repeat -72px -110px; font-weight: normal; line-height: 30px; text-indent: 10px; color: #666; }
.footnav_con { margin: 0 -20px 10px 0; padding: 20px 0 30px; background: url(css_img/borderbottom.jpg) no-repeat 50% bottom; }
.footnav_con li { float: left; width: 148px; height: 88px; overflow: hidden; margin: 15px 20px 0 0; border: 1px solid #e4e4e4; background-color: #f9f9f9; }
.footnav_con li:hover { background-color: #fff; }
.footnav_con li a { color: #666; white-space: nowrap; }
.footnav_con li a:hover { color: #68a82e; }
.footnav_con li dl { float: left; padding: 10px 15px; }
.footnav_con li dt { padding: 0 0 0px; }
.footnav_con li dt a { font-weight: bold; font-size: 14px; }
.footnav_con li dd { margin-right: -7px; }
.footnav_con li dd a { float: left; margin: 0 7px 0 0; }
.footnav_con li a.logo { display: block; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; background: url(css_img/sprite.gif) no-repeat 0 -326px; }
.footnav_con li a.logo:hover { background: url(css_img/sprite.gif) no-repeat 0 -414px; }
/*??????*/
.footer { }
.txt_c { text-align: center; }
html, body { _background: url(about:blank) fixed; }
.floata { position: fixed; top: 58px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+58));z-index:9999; display: block; width: 218px; height: 850px; background-repeat:no-repeat;background-position:0 0; }
.floata_left { left: 50%; margin-left:-828px; }
.floata_right { right: 50%; margin-right:-828px;}
