@charset "utf-8";
/* CSS Document */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,button{margin:0;padding:0; font:14px "microsift yahei","微软雅黑","helvetica","Arial Narrow";}
body{ font:14px "microsift yahei","微软雅黑","helvetica","Arial Narrow";color: #353c46; -webkit-text-size-adjust:100%;background:#fff;}

header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;}
ul, li {list-style:none;}
a, a:active, a:visited {text-decoration:none;color:#0182e8;}
a:hover{text-decoration:none;color:#0592d1;}
input:focus, textarea:focus {outline:none;}

ul,p {margin: 0;}

.pl0{padding-left:0!important}
.pb0{ padding-bottom:0 !important;}
.mt20{ margin-top:20px;}
.mt100{ margin-top:100px !important;}
/*颜色*/
.white{ color: #fff;;}
/*字体颜色*/
.font-grey{color:#a1a1a1;}
/*按钮*/
.btn {border:0px;}
.btn-lg{ padding:8px 32px; font-size: 16px;}
.btn-blue,a.btn-blue{ background-color:#0182e8; color:#fff;border-radius:0;}
.btn-blue:active,.btn-blue:focus,.btn-blue:hover,a.btn-blue:hover{ background-color:#2782da; color:#fff; } 
/*nav*/
.navtion.float{    background-color: transparent;box-shadow: none;position: absolute;top: 0px;z-index: 100;width: 100%;}	
.navtion.float .nav>li>a {color: #977cad;}
.navtion.float .logo .nav-logo{ display: none;}
.navtion{position: fixed;top: 0;left: 0;width:100%; background-color:#010103;z-index: 10; height:88px;}
.nav-content{ max-width:1200px; margin:auto;width:96%;}
.navbar{margin-bottom:0; min-height: 0}
.logo{ display:block;margin:22px 0;}
.logo img{ height:44px;}
.nav>li>a{ padding:10px 18px; color:#fff; position: relative;}
.navbar-nav>li{padding: 22px 0;}
.link-right{ float:left;margin-left: 40px;}
.link-right a{ line-height:20px; padding:34px 25px;margin-right: 10px;display:block; float:left; color: #fff;}
.btn-register{ padding:5px 25px; line-height:20px; border-radius:0;}
.btn-login:hover{background-color:#0182e8; color:#fff; border-radius:0;}
.navbar-toggle{ padding:10px; margin: 22px 0}
.navbar-toggle .icon-bar{background-color: #04a9f4;}
.dropdown .dropdown-menu{ display:none;top:100%;right: auto;border: 0 none;}
.dropdown:hover .dropdown-menu{ display:block;top:100%;min-width:0;}
.dropdown:hover a.dropdown-toggle{color:#0182e8}	
.dropdown.open > .dropdown-menu{top:100%;right: auto;border: 0 none;}
.dropdown-menu>li>a{ padding: 5px 18px;}
.dropdown .dropdown-menu li{float: left; padding: 4px 0;}
.icon{ background:url(../images/icon-common.png) no-repeat center}
.icon-drop{width:14px; height: 14px; background-position:-4px -1px; display:inline-block;margin: 0 0 0 4px;vertical-align: middle}
.nav>li.dropdown:hover .icon-drop{ background-position:-4px -13px;transition-duration:0.3s;-moz-transition-duration:0.3s; -webkit-transition-duration: 0.3s;-o-transition-duration:0.3s;}	
/*底部*/
.footer{ overflow:hidden ; background-color: #333; color: #d9d9d9; font-size: 18px; padding:30px 0;}
.footer-nav,.friend-link{max-width: 1200px; margin: auto; overflow: hidden}
.friend-link{ padding-left: 40px;}
.friend-link ul{ overflow:hidden; width: 100%; margin-top: 15px;}
.friend-link ul li{ float:left; margin-right: 15px; line-height: 30px;}
.friend-link ul li a{ color:#777777}

.footer-ul{ float: left; width:25%; padding-left: 40px;}
.footer-ul ul li{ font-size: 14px; line-height:30px; color: #777777; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footer-ul:nth-child(1),.footer-ul:nth-child(2),.footer-ul:nth-child(3){width:16%;}
.footer-ul p {margin-bottom: 10px;}
.footer-ul ul li a,.friend-link ul li a{ color:#777777;}
.footer-ul ul li a:hover,.friend-link ul li a:hover{ cursor:pointer; color: #d9d9d9;}
.footer-ul ul li.c-number{ color: #fff; font-size: 26px; margin-bottom: 5px;}
.code{display: inline-block;vertical-align: text-top;}
.code img{ width: 80px;}
/*版权*/
.copyright {background-color: #181818; color:#a6a6a6; overflow: hidden; text-align:center; padding:10px 0;}
.copyright p{ margin-bottom: 0;line-height: 24px; font-size: 12px;}
/*内容*/
.main{min-height:700px;margin-top:88px;margin-bottom: 40px;}
.page-head{margin-top:20px;}
.main-content{max-width:1200px; margin: auto;width: 96%;}

/*聊天浮动*/
.chat-float{width:72px; background-color:#368fe5; color: #fff;position: fixed; bottom: 40px; right: 0;z-index: 999;}
.icon-chat{ width:36px; height:40px; background: url(../image/icon-chat.png) no-repeat center; background-position: -2px 0; margin: auto; padding: 15px 0;}
.icon-chat.top{ background-position:-44px 0;}	
.chat-float .square{ display: block; padding: 15px 0; border-bottom: 1px solid #9cc7f3;}
.chat-float .square:hover{ background-color:#2b84d9}
.chat-float .square p{ color:#fff; text-align: center;margin-top: 4px;font-size: 14px;}
.chat-float .square:last-child{border-bottom:0 none;}
.icon-chat.QQ{width:36px; height:40px; background: url(../image/icon-QQ.png) no-repeat center;}
/*--文章详情 start--*/
.caption-title{ text-align: center; font-size: 22px;padding-right: 64px;}
.page-container {margin-top:20px;}
.page-container p{ text-indent:2em; line-height:24px}
.page-time{ color:#838383;text-align: center; margin-top: 8px}
.page-content{ padding-top:20px; border-top: 1px dashed #e1e1e1;}

.page-right{padding-top:20px; padding-left:40px;}
.hot-list h2{font-size:18px;margin: 30px 0 20px 0;}
.hot-list li:nth-child(1) .prior,.hot-list li:nth-child(2) .prior,.hot-list li:nth-child(3) .prior{display: block;float: left;background-color: #ff4e18;color: #fff;line-height: 20px;}
.hot-list li{ line-height:20px;position: relative; padding-bottom:10px; padding-right:70px;}
.hot-list li .a-time{ position:absolute;right:0;top: 0; font-size: 12px; color: #ccc;}
.hot-list li >span{float:left;width: 20px;height: 20px;text-align: center;line-height: 20px; color:#ccc;}
.hot-list li >span.prior{float:left;width: 20px;height: 20px;text-align: center;line-height: 20px;background-color: #d5d5d5;color: #fff;}
.a-title{ overflow: hidden; padding-left:10px;white-space: nowrap;
    text-overflow: ellipsis;}
.hot-list.recommend .a-title a{ color:#333333}
.hot-list.recommend .a-title a:hover{ color:#0182e8}
.page-footer{ padding:60px 0 15px 0; color: #aaa;}
.page-footer a { color: #aaa;}
.page-footer a:hover{color:#0182e8}
.page-container p span {font-family: "microsoft yahei" !important;line-height: 24px  !important;font-size: 14px !important;}
/*--文章详情 end--*/