/* reset */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
abbr,acronym{border:0}
input:focus{outline: 0;}
a{outline:0;border:0;}

/* all body */
body {font-family: 'Microsoft YaHei',Arial,Tahoma,Sans-Serif;font-size: 14px;background: #FFF;color: #666;line-height: 27px;}
a:link,a:visited {text-decoration: none;color: #333;}
a:hover,a:active {text-decoration: underline;color: #49afcd}
.clearfix{clear: both;}

/* header */
#top {width: 950px;margin: 10px auto 0;text-align: right;}
#header{width: 950px;margin: 30px auto 0;}
#logo {float: left;}
#logo h1 a {display: inline-block;width: 133px;height: 58px;background: url(images/logo.gif) no-repeat;text-indent: -9999px;}
#nav {float: right;margin-top: 1px;position: relative;}
#nav i.nav-left{display: inline-block;position: absolute;left: -57px;border-color: transparent #49afcd #49afcd transparent;border-style: solid;border-width: 29px;font-size: 0;margin-top: -1px;}
#nav ul {border-radius: 4px;}
#nav li{float: left;}
#nav li a{display: block;padding: 15px 30px;background: #49afcd;color: #fff;}
#nav li a:hover{background: #CCC;color:#333;text-decoration: none;}

#nav li ul {position: absolute;left: -999em;margin-left: -1px;z-index: 1000;}
#nav li:hover ul {left: auto;}
#nav li ul li a {display: block;padding: 8px 30px;}
#nav li:hover ul li a {background: #ccc;color: #333;}
#nav li ul li {float: none;}
#nav li ul li:hover a {background: #49afcd;color: #fff}
#header-bottom {height: 3px;background: #C7E6E0;position: relative;margin-top: -3px;z-index: -1000;}

/* slider */
#slide{background: #eee;}
.slider{width: 950px;margin: 0 auto;padding: 50px 0 50px 0;}
.flexslider{position:relative;overflow:hidden;margin:0 auto;width:950px;height:350px;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.flexslider .slides{zoom:1}
.flex-direction-nav a{position:absolute;top:55%;z-index:10;display:block;overflow:hidden;margin:-60px 0 0;width:60px;height:90px;background:url(images/ad_ctr.png) no-repeat;line-height:99em;opacity:0;cursor:pointer;-webkit-transition:all .3s ease;filter:alpha(opacity=0)}
.flex-direction-nav .flex-next{right:0;background-position:0 -90px}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav{position:absolute;bottom:10px;width:100%;text-align:center}
.flex-control-nav li{display:inline-block;margin:0 5px;zoom:1;*display:inline}
.flex-control-paging li a{display:block;overflow:hidden;width:16px;height:16px;background:url(images/dot.png) no-repeat 0 -16px;text-indent:-99em;cursor:pointer}
.flex-control-paging li a.flex-active{background-position:0 0}

/* container */
.container{width: 950px;margin: 60px auto 0;}
.container h3{margin-bottom: 15px;color:#2f2f2f;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.container .time {float: right}
#sidebar {float: left;width: 325px}
#content {float: right;width: 625px}
.news{width: 300px;margin-right: 25px;}
.media {width: 300px;margin-right: 25px;float: left;}
.solve{width: 300px;float: right;}
.more {display: block;float: right;width: 20px;height: 20px;background: url(images/spirit.png) -400px -90px;opacity: 0.4}

/* post */
#sidebar-post {float: left;width: 300px}
.widget {width: 250px;margin-right: 25px;margin-bottom: 30px}
.widget .qq a{display: block;width: 250px;height: 30px;background: #eee;color: #000;text-align: center;line-height: 30px;}
.widget .qq a:hover {text-decoration: none;background: #ccc}
.widget .qq span.tel {display: inline-block;width: 17px;height: 18px;background: url(images/spirit.png) no-repeat -337px -19px;}
#content-post {float: right;width: 650px}
.post h2{text-align: center;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.post h2 a{color:#49afcd}
.info span.time-post {background: url(images/spirit.png) no-repeat -48px -20px;display: inline-block;width: 20px;height: 17px;opacity: 0.4}
.info span.view-post{display: inline-block;width: 20px;height: 18px;background: url(images/spirit.png) no-repeat -97px -115px;opacity: 0.4}
.post h2 a:hover {color: #49afcd;text-decoration: none;}
.post p {margin-top:15px;}
.info {color: #333}
.view{float: right;}

/* demo */
.demo {width: 970px;margin: 50px auto 0}
.demo h3{margin:0 0 25px 10px;color:#414141;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.demo img {float: left;margin: 0 10px;width:222.5px;height:160px;}
.demo .more {margin-right: 10px;}

/* contact */
.contact {height: 130px;background: #EFEFEF;border-bottom: 2px solid #49afcd;margin-top: 70px;}
.contact-box {width: 950px;color:#777;margin: 0 auto;padding-top: 20px;background: url(images/kh.png) no-repeat 670px 12px;}
.contact-list p {font-size: 21px;margin-bottom: 5px;}
.kefu{width: 950px;margin: 0 auto;position: relative;}
.kefu img{float: right;position: absolute;top:-132px;right: 0}

/* archive */
.archive {width: 200px;float: left;padding: 0 8.3px;margin-bottom: 30px;overflow: hidden;}
.archive h4 {text-align: center;}
.thumbnail {width: 200px;height: 140px;}
.page-navigator {list-style: none;padding: 0;text-align: right;}
.page-navigator li {display: inline-block;margin: 0 4px;}
.page-navigator a {display: inline-block;padding: 0 10px;height: 30px;line-height: 30px;color:#49afcd}
.page-navigator a:hover {background: #49afcd;text-decoration: none;color:#FFF;}
.page-navigator .current a {color: #FFF;background: #49afcd;}

.archive-li {margin-bottom: 10px;padding-bottom:5px;border-bottom: 1px dashed #eee}
/* footer */
#footer{width: 950px;margin: 60px auto 60px;}
.qrcode {float: right;}
.copy {}

.sideMenu{  border:1px solid #ddd;border-top:0;  }
.sideMenu h3{ height:37px; line-height:32px; padding:5px 0 5px 10px;  border-top:1px solid #ccc; background:#EFEFEF; cursor:pointer;font:normal 14px/32px "Microsoft YaHei";margin-bottom: 0!important;padding-bottom: 0!important;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#777; display:none; /* 默认都隐藏 */ }
.sideMenu ul a {color:#49afcd!important;}