@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-12-11 15:48:54
 * @version $Id$
 */
body, div, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6{ padding: 0; margin: 0; }
ul, li{ list-style-type: none; }
img{ vertical-align: top; border: 0; }
a:link, a:visited{ color: #333; text-decoration: none; }
body{ font: normal 12px/1.5 "SimSun"; }

.wrap{ width: 1000px; margin: 0 auto; }
.clearfix:after{ display: block; height: 1px; clear: both; content: 'x'; visibility: hidden; font-size: 0; }
.clearfix{ *zoom: 1; }
.fl, .fn-fl{float:left}
.fr, .fn-fr{float:right}

.header{width:100%;background:#f7f7f7; overflow:hidden}

/* 页眉 */
.head{ width: 1000px; margin: 0 auto; overflow: hidden; }
.nav{ height: 40px; line-height: 40px; }
.nav a{ overflow: hidden; padding: 0px 6px; height: 40px; line-height: 40px; *vertical-align: middle; }
.nav a:hover{ text-decoration: underline; color: #f00; }
.nav a img{ vertical-align: middle; }

/* banner */
.banner{ width: 100%; height: 477px; background: url(../img/banner1.jpg) center no-repeat; }

/* main-nav */
.main-nav{ width: 100%; height: 70px; text-align: center; font: bold 16px/70px "Microsoft Yahei"; background: #000; }
.main-nav a{ margin: 0 10px; }
.main-nav a:link, .main-nav a:visited{ color: #fff; }
.main-nav a:hover, .main-nav a.current:link, .main-nav a.current:visited{ color: #1187ea; }

/* fixed-nav */
.fixed-nav{ position: fixed; left: 50%; top: 50px; z-index: 999; width: 115px; height: 430px; padding: 110px 0 0; margin-left: -630px; background: url(../img/fixed_nav.png) center top no-repeat; }
.fixed-nav a{ display: block; height: 46px; margin-left: 3px; text-align: center; font: normal 16px/46px "Microsoft Yahei"; border-top: 1px solid #fff; }
.fixed-nav a:link, .fixed-nav a:visited{ color: #fff; }

/* title */
.title{ width: 100%; text-align: center; }
.title h2{ height: 64px; font: bold 30px/60px "Microsoft Yahei"; }
.title-point{ position: relative; z-index: 2; display: inline-block; *display: inline; *zoom: 1; font-size: 36px; color: #00aeff; vertical-align: top; *vertical-align: middle; border-bottom: 4px solid #ffa800; }
.title-en{ margin-top: -2px; font: normal 18px/40px "Microsoft Yahei"; border-top: 1px solid #d2d2d2; }
.title-bright h2, .title-bright .title-en{ color: #fff; }

/* 年度十大新闻事件 */
.news{ padding: 30px 0 0 0; }

.news-content{ width: 945px; height: 408px; padding: 20px 0 35px; margin: 0 auto; }
.speak_nav1 { float: right; width:140px; height: 408px; margin-right:80px; background: #d2d2d2; }
.speak_nav1 ul{top:0;left:0;}
.speak_nav1 ul li img{width:121px; height:85px;}
.speak_nav1 .speak_con {height: 370px;width: 121px;margin: 0 auto;overflow: hidden;position: relative;}
.speak_nav1 .speak_con ul li{height:95px;position: relative;cursor: pointer;}
.speak_nav1 .speak_con ul li.active img{width:117px; height:81px;border:2px solid #ff9d1e;}
.speak_nav1 .prev,.speak_nav1 .next{ height:16px;}
#speak1,#speak1 li,#speak1 li img{width:645px; height:408px; overflow:hidden;}
#speak_con1, #speak_con1 li{position: relative;}
#speak_con1 li{ display: none; }
#speak_con1 .div{position:absolute;top:100px}
#speak1{float: left;}
.black_bg {background: #6f7274;}
.nav_con, .w1000 {width: 1000px;margin: 0 auto;}
.speak_nav .prev,.speak_nav .next{background:#dfdfdf url(http://www.ofweek.com/topic/2016/chic2016/images/prev.gif) no-repeat center;height:19px;cursor:pointer;}
.speak_nav .next{background:#dfdfdf url(http://www.ofweek.com/topic/2016/chic2016/images/next.gif) no-repeat center;}
.speak_nav .speak_con ul{position:absolute;}
.skt{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; font: normal 14px/20px "Microsoft Yahei"; color: #fff; background-color: rgba(0 ,0 ,0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.skt h3{ padding: 10px 15px 5px; font-size: 18px; color: #00aeff; }
.skt p{ padding: 0 15px; }
.skt-detail:link, .skt-detail:visited{ color: #f50808; white-space: nowrap; }
.skt-detail:hover{ color: #ff0000; text-decoration: underline; }

/* 年度十大风云人物 */
.figure{ width: 100%; padding: 25px 0 60px; background-color: #195bad; }
.about-people{width:1000px; overflow:hidden;}
.about-people ul{ list-style:none}
.about-people ul li{ height:236px; background:url(../img/figure_bg.png) center center no-repeat; position:relative;}
.people-pooto{width:221px; height:221px; overflow:hidden; position:absolute; left:13px; top:9px;}
.introduce{width:700px; overflow:hidden; padding:70px 20px 0px 20px;}
.introduce h4{ font-family:Microsoft YaHei;font-size:20px;color:#f3ea00; line-height:30px;}
.introduce p{font-family:Microsoft YaHei;font-size:14px;color:#ffffff; line-height:22px;}

.people-list{width:1000px; overflow:hidden; margin-top:50px;}
.people-list ul{list-style:none}
.people-list ul li{width:88px; height:126px; vertical-align:bottom;float:left; margin:0px 6px;}
.people-list ul li p{font-family:Microsoft YaHei; font-size:16px; font-weight:bold;color:#ffffff; text-align:center; line-height:30px;}
.small-tu{ padding-top:8px;}

/* 年度十大产品评测 */
.products-reviews{ width: 100%; padding: 25px 0 35px; }
.pr-list{ width: 1030px; }
.pr-list li{ float: left; width: 500px; font: normal 14px/21px "Microsoft Yahei"; margin: 15px 15px 0 0; transition: background-color .2s; }
.pr-photo{ float: left; margin-right: 10px; }
.pr-title{ font-size: 18px; color: #00aeff; word-break: break-all; }
.pr-title a:link, .pr-title a:visited{ color: #00aeff; }
.pr-intro{ padding: 3px 5px 0 0; word-break: break-all; }
.pr-detail:link, .pr-detail:visited{ color: #f20909; white-space: nowrap; }
.pr-detail:hover{ text-decoration: underline; }
.pr-list li:hover{ color: #fff; background-color: #1187ea; }
.pr-list li:hover .pr-title a:link{ color: #fff; }

/* 年度十大热门词汇 */
.keywords{ width: 100%; padding: 25px 0 30px; background-color: #195bad; }
.keywords-list{ width: 1030px; }
.keywords-list li{ float: left; height: 140px; margin: 15px 15px 0 0; color: #fff; text-align: center; font: normal 36px/140px "Microsoft Yahei"; background-color: #1187ea; transition: background-color .2s; }
.keywords-list li:hover{ background-color: #ffa800; }

/* 年度十大技术突破 */
.technology{ width: 100%; padding: 30px 0; }
.technology-list{ width: 1030px; font: normal 14px/20px "Microsoft Yahei"; }
.technology-list li{ float: left; width: 323px; margin: 15px 15px 0 0; }
.tec-title{ font: bold 24px/40px "Microsoft Yahei"; }
.tec-title a:link, .tec-title a:visited{ color: #333; }
.tec-intro{ padding: 5px 0 0; }
.tec-detail:link, .tec-detail:visited{ color: #ff0000; white-space: nowrap; }
.tec-detail:hover, .tec-title a:hover{ color: #ff0000; text-decoration: underline; }

/* 年度十大言论排行 */
.speech{ width: 100%; padding: 15px 0 20px; background-color: #195bad; }
.speech-list{ width: 1030px; }
.speech-list li{ float: left; width: 490px; margin: 15px 15px 0 0; }
.speech-list img{ float: left; margin: 0 15px 0 0; }
.speech-content{ position: relative; float: left; width: 354px; height: 117px; color: #fff; font: normal 14px/20px "Microsoft Yahei"; border: 1px solid #00a0e9; border-radius: 8px; transition: background-color .2s; }
.speech-title{ padding: 15px 10px 10px; font-weight: normal; font-size: 18px; }
.speech-title a:link, .speech-title a:visited{ color: #fff; }
.speech-title a:hover{ color: #ff0000; text-decoration: underline; }
.speech-intro{ padding: 0 10px; }
.speech-arrow{ position: absolute; left: -9px; top: 50px; width: 9px; height: 12px; background: url(../img/speech_arrow.png) 0 0 no-repeat; }
.speech-list li:hover .speech-content{ background-color: #1187ea; }
.speech-list li:hover .speech-arrow{ background-position: 0 -12px; }

/* 年度十大数据排行 */
.data{ width: 100%; padding: 20px 0 50px; }
.data-list{ width: 1030px; }
.data-list li{ float: left; width: 185px; margin: 15px 18px 0 0; }
.data-intro{ overflow: hidden; width: 100%; text-align: center; font: normal 14px/34px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; }

/* 结语 */
.epilogue{ width: 100%; padding: 30px 0 45px; background-color: #195bad; }
.epilogue .title-point{ padding: 0 40px; color: #fff; }
.epilogue-txt{ float: left; width: 650px; font: normal 14px/22px "Microsoft Yahei"; color: #fff; }

/* footer */
.g-footer{ margin: 20px 0 0; font-size: 12px; }
#g-footer .g-footer-nav a { color: #1a4991; text-decoration: none; }
#g-footer .g-footer-nav a:hover { color: #f15c00; text-decoration: underline; }
.g-footer-links a:link,.g-footer-links a:visited,.g-footer-record a:link,.g-footer-record a:visited{color:#243851;}
.g-footer-links a:hover,.g-footer-record a:hover{color:#cc0000;text-decoration:underline;}
#g-footer .g-footer-nav { height: 30px; line-height: 30px; text-align: center; }
#g-footer .g-footer-links { float: left; width: 100%; padding: 5px 0; color: #666; line-height: 25px; text-align: center; }
#g-footer .g-footer-record { width: 536px; margin: 0 auto 10px; overflow: hidden; }
#g-footer .g-footer-record p { overflow: hidden; display: inline; float: left; width: 120px; height: 50px; margin: 6px; border: 1px solid #D2D2D2; font-size: 12px; line-height: 20px; }
#g-footer .g-footer-record .fn-fl { padding: 3px; }
#g-footer .g-footer-record .fn-fr { width: 72px; padding: 5px 3px 0; }