.center { max-width:1200px; margin:0 auto; }
/***顶部区域***/
#topArea { background: #446CB3; width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; height: 3.44em; }
#topArea .leftBox { height: 3.44em; display: inline-block; float:left; border-left:1px solid #2f5393; border-right:1px solid #5e84c7; }
#topArea .leftBox .minLogo { float:left; height: 3.44em; display:inline-block; border-right:1px solid #2f5393; border-left:1px solid #5e84c7; }
#topArea .leftBox .minLogo a { display:block; width:30px; height:30px; padding:12px; background:url(../images/minilogo.png) no-repeat 12px 12px; overflow:hidden; text-indent:-999em; }
#topArea .leftBox .mainNav { float:left; height: 3.44em; display:inline-block; ; }
/*顶部导航开始*/
ul#access { display:inline-block; float:left; position:relative; z-index:999; height: 3.44em; background:url(../images/tech_cq_0717_navBg.png) 0 0 repeat-x; text-shadow:none; }
ul#access { font:normal 1em/3.44em "微软雅黑"; color:#fff; }
ul#access li { float: left; position: relative; }
ul#access a { _float: left; color: #fff; display: block; height: 3.44em; font:normal 1em/3.44em "微软雅黑"; padding: 0 1.5em; text-decoration: none; display:inline-block; text-align:center; border-right:1px solid #2f5393; border-left:1px solid #5e84c7; }
ul#access ul { display: none; border:1px solid #dedede; border-top:none; position: absolute; top: 3.44em; left: 0; float: left; width: 13em; z-index: 99999; background:#fff; }
ul#access ul li { margin-left:0; background:none; text-align:left; width: 13em; }
ul#access ul ul { left: 100%; top: 0; width: 13em; }
ul#access li li { }
ul#access ul a { display:block; width: 10em; padding: 0 1.5em; height:2.5em; font:normal 1em/2.5em "微软雅黑"; overflow:hidden; color:#446DB2; border:none; text-align: left; }
ul#access li:hover > a { background:#fff; color: #446DB2; }
ul#access ul :hover > a { color: #446DB2; background: #fff; border:none; }
ul#access li ul li a:hover { background:#446DB2; color: #fff; border:none; }
ul#access li:hover > ul { display: block; }
ul#access li.current-page-item > a, ul#access li.current-menu-ancestor > a, ul#access li.current-menu-item > a, ul#access li.current-menu-parent > a { background:#446DB2; color: #fff; }
ul#access li.current-page-item a, ul#access li.current-menu-ancestor a, ul#access li.current-menu-item a, ul#access li.current-menu-parent a { background:#446DB2; color: #fff; }
/***********************/
.searchBox { float:left; height: 3.44em; display:inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.searchBox span.label { display:block; letter-spacing:.2em; padding:0 2em; font:normal 1em/3.44em "微软雅黑"; color:#fff; text-align:center; text-shadow:0 1px 1px #111; border-right:1px solid #2f5393; border-left:1px solid #5e84c7; cursor:pointer; }
.searchBox.selected { }
.searchBox form { display: inline; }
.searchBox .formsearch { display:none; z-index:99; width:13em; height:1.85em; padding:.78em 2em; background:#fff; white-space: nowrap; }
.searchBox.selected .formsearch { white-space: nowrap; display: inline-block; -webkit-animation: showmenu 1s; -moz-animation: showmenu 1s; -ms-animation: showmenu 1s; -o-animation: showmenu 1s; width:13em; height:1.85em; padding:.78em 2em; background:#fff; }
.searchBox.selected span.label { display:none; }
.searchBox .search-input { float:left; height:1.85em; background:#fff; border:none; }
.searchBox .search-input:focus { outline:none; }
.searchBox button.subOut { float:left; width:1.85em; height:1.85em; border:none; background:#fff; }
.searchBox button.subOut span { display:block; width:1.85em; height:1.85em; background:url(../images/icon9.png) no-repeat 0 -26px; cursor:pointer; }
.searchBox button.subOut span:hover { background-position: 0 5px; }
/*右边部分*/
#topArea .rightBox { height: 3.44em; display:inline-block; float:right; border-left:1px solid #2f5393; border-right:1px solid #5e84c7; }
#topArea .rightBox .followUs { position:relative; float:left; height: 3.44em; display:inline-block; }
#topArea .rightBox .followUs a.J_triger { display:block; padding:0 2em; font:normal 1em/3.44em "微软雅黑"; color:#fff; text-align:center; text-shadow:0 1px 1px #111; border-right:1px solid #2f5393; border-left:1px solid #5e84c7; }
#topArea .rightBox .followUs a.J_triger.hover { background:#fff; color:#446DB2; text-shadow:0 1px 1px #fff; border-right:1px solid #fff; border-left:1px solid #fff; }
#topArea .rightBox .followUs .SocialList { display:none; position:absolute; top:3.44em; left:0; width:230px; background:#fff; border:1px solid #eee; border-top:none; }
#topArea .rightBox .followUs .SocialList li { font:normal 1em/2.5em "微软雅黑"; height:2.5em; border-bottom:1px solid #eee; }
#topArea .rightBox .followUs .SocialList li:first-child { }
#topArea .rightBox .followUs .SocialList li.qun { border-bottom:none; background:#F3F3F3; text-align:center; font:normal .6em/3.3em "微软雅黑"; height:3.3em; }
#topArea .rightBox .followUs .SocialList li a { display:block; text-shadow:none; padding-left:1em; }
#topArea .rightBox .followUs .SocialList li a span { margin-right:10px; -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -ms-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; }
a.rss { color:#ffaa31; background:#fff; }
a.twitter { color:#07beed; background: #fff; }
a.facebook { color:#314d91; background: #fff; }
a.subscribemail { color:#ffaa31; background: #fff; }
a.weibo { color:#e84788; background: #fff; }
a.stumble { color:#3ea642; background: #fff; }
a.googleplus { color:#2d2d2d; background: #fff; }
a.tqq { color:#0da1c9; background: #fff; }
a.rss:hover { background:#ffaa31; color:#fff; }
a.twitter:hover { background:#07beed; color:#fff; }
a.facebook:hover { background:#314d91; color:#fff; }
a.subscribemail:hover { background:#ffaa31; color:#fff; }
a.weibo:hover { background:#e84788; color:#fff; }
a.stumble:hover { background:#3ea642; color:#fff; }
a.googleplus:hover { background:#2d2d2d; color:#fff; }
a.tqq:hover { background: #0da1c9; color:#fff; }
#topArea .rightBox .followUs .SocialList li a:hover span { margin-left:10px; }
#topArea .rightBox .signIn { float:left; height: 3.44em; display:inline-block; }
#topArea .rightBox .signIn a { letter-spacing:.2em; display:block; padding:0 2em; font:normal 1em/3.44em "微软雅黑"; color:#fff; text-align:center; text-shadow:0 1px 1px #111; border-right:1px solid #2f5393; border-left:1px solid #5e84c7; }
#topArea .rightBox .signIn a:hover { background:#fff; color:#446DB2; text-shadow:0 1px 1px #fff; border-right:1px solid #fff; border-left:1px solid #fff; }
/***头部***/
#header { margin-top:55px; padding:40px 0 20px 0; }
#header .logo { float:left; width:162px; height:60px; }
#header .logo a { display:block; width:162px; height:60px; background:url(../images/blogLogo.png) no-repeat; overflow:hidden; text-indent:-999em; }
#header .ads { text-align:center; width:468px; height:60px; overflow:hidden; vertical-align:middle; }
#header .ads img { width:468px; height:60px; }
/***主体部分***/

#container { border:1px solid #dedede; background:#fff; border-radius: 6px; min-height: 800px; max-width: 1148px; padding:1.5em; margin: 0 auto; position:relative; }
/***文章部分***/
.content { float:left; width:60%; }
/*文章开始*/
.content .postEntry { clear:both; }
.content .postEntry .postBox { padding:1.5em 0; border-bottom:1px dotted #dedede; }
.content .postEntry .postBox h2 { font:normal 1.8em/3em "微软雅黑"; margin-bottom: .6em; color: #282828; line-height: 30px; }
.content .postEntry .postBox h2 a { color:#101010; }
.content .postEntry .postBox h2 a:hover { color:#446DB2; text-decoration:underline; }
.content .postEntry .postBox .postInfo { font:normal .6em/1em "宋体"; color:#666; margin-bottom:.6em; }
.content .postEntry .postBox .postInfo span { padding:0 .5em; }
.content .postEntry .postBox .postInfo span:first-child { padding-left:0; }
.content .postEntry .postBox .postInfo span a { color:#888; }
.content .postEntry .postBox .postInfo span a:hover { color:#888; text-decoration:underline; }
.content .postEntry .postBox .postContent { margin-top:1em; }
.content .postEntry .postBox .postContent .thum { float:left; width:30%; margin:0 1% 1% 0; }
.content .postEntry .postBox .postContent .thum img { width:100%; max-height:12.5em; }
.content .postEntry .postBox .postContent img {max-width:100%; height:auto; } 


.content .postEntry .postBox .postContent .con { }
.content .postEntry .postBox .postContent .con p { font:1em/1.6em "宋体"; color:#444; }
.content .postEntry .postBox .postContent .con .discuss { }
.content .postEntry .postBox .postContent .con .discuss span.commnet a { display:inline-block; float:left; height:24px; font:normal 12px/24px "宋体"; background: url(../images/icon2.png) no-repeat 0 6px; padding-left:18px; color:#446DB2; }
.content .postEntry .postBox .postContent .con .discuss span.commnet a:hover { background-position: 0 -32px; text-decoration:underline; }
.content .postEntry .postBox .postContent p { font:1em/1.6em "宋体"; color:#444; margin: 26px 0; }
.postContent ul { padding-left:1.5em; }
.postContent ul li { font: 16px/28px Arial; }
.postContent ol { padding-left:2.5em; list-style:disc; }
.postContent ol li { font: 16px/28px Arial; }
.postContent dl { }
.postContent dl dt { font:bold 18px/32px Arial; }
.postContent dl dd { font: 16px/28px Arial; padding-left:1.5em; }
.postContent a.uibtn { display: inline-block; padding:0; width: 6.5em; height:2em; font:bold 1em/2em "微软雅黑"; color:#fff; text-align:center; background:#4091ff; text-shadow:none; letter-spacing:1px; }
.postContent a.uibtn:hover { background:#5ea2fd; border:none; }
.postContent table { background-color:#F1F0DC; margin:10px auto; }
.postContent table tr:hover { background-color:#FFF; }
.postContent table td, .postContent table th { padding:5px 10px; border:1px solid #b4b391; }
/** 文章分页样式表 **/
.postContent .fenye { text-align:center; margin:20px auto; font-family:"Microsoft YaHei"; color:#3c9ccf; }
.postContent .fenye a { text-shadow:none; color:#3c9ccf; padding-bottom:0; }
.postContent .fenye a:hover { border-bottom:none; }
.postContent .fenye span { color:#3c9ccf; padding:0px 12px 0px; height:32px; line-height:32px; margin:0 4px 4px 0; font-size:14px; overflow:hidden; display:inline-block; text-decoration:none; background:#f6f6f6; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(248, 248, 248, 1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 );
border:1px solid #ccc; text-shadow: 1px 1px 0px #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), -1px -1px rgba(255, 255, 255, 1.0) inset; }
.postContent .fenye a span { color:#333; padding:0px 12px 0px; height:32px; line-height:32px; margin:0 4px 4px 0; font-size:14px; overflow:hidden; display:inline-block; text-decoration:none; background:#f6f6f6; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(248, 248, 248, 1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 );
border:1px solid #ccc; text-shadow: 1px 1px 0px #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), -1px -1px rgba(255, 255, 255, 1.0) inset; }
.postContent .fenye a:hover span { color:#3c9ccf; border:1px solid #ccc; text-decoration:none; background:#fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
/* links */
ul.temolate_links { padding:0; margin-bottom:30px; }
ul.temolate_links h3 { color:#de2157; margin-bottom:5px; }
ul.temolate_links li { float:left; }
ul.temolate_links li a { display:block; width:190px; border:1px solid #dedede; margin:0 10px 8px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:2px 0 2px 5px; }
ul.temolate_links li a:hover { background:#fafafa; color:#333; text-decoration:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor:pointer; }
/* tags */
.postContent ul.post_tags { padding:0 0 30px 10px; _zoom:1; }
.postContent ul.post_tags li { float:left; width:160px; margin-top:5px; font-size:14px; }
/* archives */
#archives { height:auto; width:100%; list-style:none; }
#archives h3.al_year { color:#4492e1; font-size:18px; line-height:28px; height:36px; margin:10px 20px; font-weight:700; }
ul.al_mon_list { height:auto; width:auto; padding-left:20px; margin-bottom:6px; }
ul.al_mon_list li { font-size:16px; line-height:26px; margin:0 20px; }
ul.al_mon_list li span.al_mon { font-size:16px; line-height:28px; }
ul.al_mon_list li span.al_mon em { font-size:14px; line-height:28px }
ul.al_mon_list li ul { padding:0; margin:0 10px; }
ul.al_mon_list li ul li { font-size:14px; line-height:32px; border-bottom:1px dotted #ddd; }
ul.al_mon_list li ul li a { padding-left:5px; color:#666; }
ul.al_mon_list li ul li a:hover { color:#4492e1; text-decoration:none; }
ul.al_mon_list li ul li em { float:right; }
/**侧边栏**/
.sidebar { float: right; width:37%; z-index: 2; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; }
.sidebar h3 { font:normal 1.1em/1.2em "微软雅黑"; color:#999; margin-bottom:1.2em; }
.sidebar .sidebarBox { border-bottom:1px dotted #dedede; padding-bottom:1.5em; margin-bottom:1.5em; }
.sidebar .sidebarBox p.adsTips { font-size: .8em; text-align:center; padding-top: .8em; text-decoration: none; }
.sidebar .sidebarBox p.adsTips a { }
.sidebar .sidebarBox p.adsTips a:hover { text-decoration:underline; }
/*********/
.sponsors { }
.sponsors li { float:left; width:50%; margin-bottom:2%; }
.sponsors li a { display:block; width:95.7%; }
.sponsors li a img { width:100%; height:auto; }
/*********/
.tuiPost { }
.tuiPost li { margin-bottom:1.2em; }
.tuiPost li h4 { font:normal 1.05em/1.2em "微软雅黑"; color:#999; margin-bottom:.3em; }
.tuiPost li .thum { float:left; width:25%; }
.tuiPost li .thum a { display:block; }
.tuiPost li .thum a img { width:100%; height:auto; }
.tuiPost li .con { float:right; width:72%; font: .85em/1.5em "宋体"; color:#666; }
/*********/
.somePost { }
.somePost li { font:.9em/1em "微软雅黑"; margin-bottom:1.2em; }
.somePost li a { }
/*************/


.newsLetter { }
.newsLetter .textCss { float:left; background-color: #F8F8F8; border: 1px solid #DADADA; color: #DADADA; display: inline; font-size: 14px; height: 35px; padding: 0 0 0 2.4%; width: 72%; margin-right: 0.7%; }
.newsLetter .textCss:focus { background:#fff; outline:none; color: #586470; }
.newsLetter .subscribenow { float:left; background:#5BC4BE; border:none; color: #fff; cursor: pointer; font-size: 14px; height: 37px; line-height: 11px; width: 24%; }
.newsLetter .subscribenow:hover { background:#3ea49e; }
.newsLetter .subscribenow .go { display:none; }
/* 侧边栏评论 */
.gravatarComment { font:normal 13px/24px Arial; }
.gravatarComment ul { }
.gravatarComment li { height:52px; margin-top:1px;  line-height:24px; padding-bottom:8px; margin-top:8px; border-bottom:1px dotted #e0e0e0; }
.gravatarComment li:hover { border-bottom:1px dotted #ccc; }
.gravatarComment li:last-child { border-bottom:none; }
.gravatarComment li a em { color:#ccc; float:right; font:bold 14px/52px "宋体", Arial; }
.gravatarComment li a:hover em { color:#888; }
.gravatarComment li a .gra_img { float:left; height:48px; width:48px; padding:1px; border:1px solid #e0e0e0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.gravatarComment li a .gra_img img { height:48px; width:48px; }
.gravatarComment li a .gra_con { float:left; color:#888; width:304px; height:50px; overflow:hidden; padding-top:2px; padding-left:10px; }
.gravatarComment li a .gra_con p { width:304px; height:24px; overflow:hidden; }
.gravatarComment li a .gra_con p.author { color:#3c9ccf; }
.gravatarComment li a:hover .gra_con p.author { color:#3c9ccf; text-decoration:underline; }
.gravatarComment li a .gra_con p.content { color:#888; }
.gravatarComment li a:hover .gra_con p { color:#666; }
/* 侧边栏友情链接 */
ul.flinks { }
ul.flinks li { float:left; height:24px; overflow:hidden; width:125px; padding-right:10px; }
/***footer***/

#footer { margin:1.5em 0; text-align:center; }
#footer ul { margin-bottom:.5em; }
#footer ul li { display:inline-block; padding:.2em .5em; }
#footer p { font: normal .8em/2em "微软雅黑"; color:#888; }
#footer p span { padding:.2em .4em; }
#footer p a { color:#666; padding:0 .4em; }
#footer p a:hover { text-decoration:underline; }
#back_top { position: fixed; _position:absolute; z-index:9999; bottom:0; right:0; width: 70px; height: 48px; display:none; }
#back_top a { display:block; width: 70px; height: 48px; background: url(../images/backTop.png) no-repeat; text-indent:-9999em; overflow:hidden; }

@media screen and (max-width:980px) {
.sidebar {display:none;width:0;}
.content{ width:100%; float:none;}
}
@media screen and (max-width:900px) {
.rightBox {display:none;width:0;}
}
/*******************************************************/
@media screen and (max-width:840px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 0;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 0;
}
}
@media screen and (max-width:610px) {
#header .ads{display:none;}
#header .logo{ float:none; margin:0 auto;}
}
@media screen and (max-width:480px) {}