/*---------------------------------
CSS MAIN CMSYOU 20140822
- - - - - - - - - - - - - - - - - -
*/
body {background-attachment: fixed;background-color: #777777;background-size: cover;background-repeat: no-repeat;font-family: Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;}
body.default-bg {background-image: url('images/bg.jpg'); background-position: center center;}
a {color: #eb6b8c;text-decoration: none;}
.loaded a {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
a:active,a:focus,a:hover {color: red;text-decoration: none;}
img {max-width: 100%;}
.page-wrap {margin: 0 auto;max-width: 1100px;width: 100%;}
h1,h2,h3,h4,h5,h6 {color: #363636;}
iframe {border: none;}
.tac{ text-align:center;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
/* Logo*/
#logo {margin: 22px auto 28px;position: relative;text-align: center;}
#logo .social a {color: #eeeeee;display: inline-block;margin: 0 4px;overflow: hidden;}
#logo .social a:active,
#logo .social a:focus,
#logo .social a:hover {color: #da6426;}
#logo a {color: #ffffff;}
#logo small {color: #ffffff;font-family: Arial, sans-serif;font-size: 12px;font-weight: bold;position: relative;text-transform: uppercase;top: 30px;}
.blog-title {border: 1px solid #ffffff;border-left: none;border-right: none;display: inline-block;font-size: 30px;font-weight:normal;line-height: 38px;letter-spacing: 2px;margin: 0 auto;padding: 20px 58px;position: relative;width: auto;}
.blog-title a{font-size: 30px;font-weight:normal;line-height: 38px;letter-spacing: 2px;}
.blog-title a,.blog-desc a {position: relative;z-index: 1;text-decoration: none;text-shadow:1px 1px 2px #000000;}
.blog-desc {font-size: 14px;font-weight: normal;line-height: 1.6;text-shadow:1px 1px 2px #000000;}
.tag-sidebar a:hover {color: #ccc;}

/* Index */
.resource-tab{background-color:#475168;color:#fff;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;border:none;font-size:20px;font-size:1.25rem;height:40px;line-height:40px;font-family:"Proxima N W15 Light",Helvetica,Arial,Sans-Serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none; margin-bottom:20px; display:block; text-align:center;}
.resource-tab:hover{ color:#eee; background-color:#C90}
.resource-tab.selected{background-color:#00AEEF;position:relative}
.resource-tab.selected:after{content:"";position:absolute;top:40px;left:50%;margin-left:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:10px solid #00AEEF}
.btn-slider{color:#333;font-size:18px;font-size:1.125rem; line-height:1.8em;border:1px solid #999;padding:5% 0;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px; margin-bottom:10px; display:block; text-align:center;}
.btn-slider:hover{color:#fff;background-color:#C90;border:1px solid #C90;text-decoration:none}

/* Footer*/
footer{ width:100%;background-color: #eb6b8c;}
footer.page-wrap > div {margin-left: 170px;}
#footer-content {color: #8e9798;font-family: Arial, sans-serif;font-size: 12px;padding: 30px;}
#footer-content p {color:#fff;font-size: 13px;font-family: Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;margin: 0 20px 12px 0;}
#footer-content p a{color:#fff;font-size: 13px;}
#footer-content p a:hover{color:#fff;}
#footer-content p a:hover {color: #ccc; text-decoration:none;}
#footer-content p i {color: #c3c8c9;font-size: 14px;padding: 0 8px 0 0;position: relative;top: 3px;}
#footer-content .footer-phone,
#footer-content .footer-email {float: left;}
#footer-content h3 {color: #fff;font-size: 12px;margin: 0 0 16px 0;text-transform: uppercase;}
#footer-content:after {clear: both;content: "";display: table;}
/* Post items */
.post {position: relative;background: #ffffff;margin-bottom: 30px;border-radius: 0;padding: 10px 20px;opacity: 0.9;}
.post-header {font-size: 12px;color: #777777;text-align: right;}
.post-title {margin: 0;}
.post-header h1,.post-header h2 {font-size: 18px;margin: 0 0 25px 0;position: relative;text-align: center;}
.post-header h3 {font-size: 18px;line-height:26px;padding-bottom:5px;position: relative;text-align: left;border-bottom:1px solid #ddd;}

/* page plus */
.post-content h1{ font-size:18px; line-height:1.5em;}
.post-content h2{ font-size:16px; line-height:1.5em;}
.post-content h3{ font-size:15px; line-height:1.5em;}

/*pagenav*/
.pagenav {display:inline-block;border-radius: 4px;text-align:center;}
.pagenav > a,.pagenav span {position: relative;float: left;padding: 4px 9px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;}
.pagenav span {background-color: #eeeeee;}
.pagenav span.morepage{background-color: #ffffff;}
.pagenav a.a1:first-child{margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagenav a.a1:last-child {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagenav a:hover,.pagenav span:hover,.pagenav a:focus,.pagenav span:focus {background-color: #eeeeee;}
.pagenav thisclass


/*case*/
.caselist-wrap { }
.caselist-item { float:left;overflow:hidden;}
.caselist-item-p { overflow:hidden; }
.caselist-title { margin-bottom:28px; border-bottom:3px solid #222222; }
.caselist-title h3 { height:36px; font-size:18px; line-height:36px; text-align:center; font-weight:normal; margin:0px; padding:0px; }
.caselist-title h3 a { color:#222222; }
.caselist-title div { height:0; color:#999999; font-size:12px; text-align:center; overflow:hidden; }
.caselist-title div span { margin:0 10px; }
.caselist-item:hover .caselist-title { margin-bottom:23px; background:#efefef; border-color:#efefef; }
.caselist-item:hover .caselist-title div { height:45px; }
.grayscale img {-webkit-filter:grayscale(1);filter:gray;}
.grayscale:hover img{	filter:none; -webkit-filter:grayscale(0);}
@media screen and (min-width:0px){
[data-role="transition"],
[data-before="transition"]:before,
[data-after="transition"]:after{-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.caseinfo-info { min-height:40px; margin-bottom:35px; padding:10px 0; border-top:1px solid #222222; border-bottom:1px solid #e5e5e5; font-size:12px; line-height:20px;}
.caseinfo-info span { margin-right:5%; color:#8f8f8f; }
}
@media (min-width: 768px) {
.post-header h1,.post-header h2 {  font-size: 24px;}
}
.post-header h1:after,.post-header h2:after {border-top: 1px solid #e5e5e5;bottom: 0px;content: "";left: 50%;margin: 0 0 0 -30%;position: absolute;width: 60%;}
.post-header h1 a,.post-header h2 a {color: #363636;display: block;padding: 15px 0 10px;position: relative;}
.post-header h1 a:hover,.post-header h2 a:hover {color: #da6426;}
.post-header h1 a:before,.post-header h2 a:before {bottom: -4px;content: "";left: 50%;margin: 0 0 0 -27%;position: absolute;width: 60%;}
.post-header h1 a:after,.post-header h2 a:after {bottom: -3px;content: "";left: 50%;margin: 0 0 0 -28%;position: absolute;width: 60%;}
@media (min-width: 768px) {
.post-header h1 a,.post-header h2 a {  padding-left: 65px;  padding-right: 65px;}
}
.post-content {font-size: 14px;line-height: 1.5;padding-top: 10px;padding-bottom: 10px;}
.post-content p{ margin-bottom:10px;}
.post-content pre,.post-content ul,.post-content ol,.post-content dl,.post-content form,.post-content hr,.post-content table,.post-content blockquote {margin-bottom: 1.5em;}
.post-content pre {margin-top: -20px;}
.post-content li > p {margin-bottom: 5px;}
.post-content img,.post-content video,.post-content embed,.post-content iframe {max-width: 100%;}
.post-content img { display:block;width:100% \9;max-width:100%;height:auto!important;}
.post-meta {color: #777777;background: #fff;border-top: 1px solid #eeeeee;}
#post-page .post {padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
/* Full width */
.full-width .post > div {margin: 0 0 60px 0;}
.full-width + footer.page-wrap > div {margin-left: 0;}
/* RWD */
@media (min-width: 992px) {
#post-page .post {  padding-left: 40px;  padding-right: 40px;  padding-bottom: 20px;}
}
@media (min-width: 1200px) {
#post-page .post {  padding-left: 125px;  padding-right: 125px;  padding-bottom: 45px;}
}
@media (max-width: 992px) {
.post-header h2 a {  padding: 45px 40px 20px 40px;}
}
@media (max-width: 768px) {
.blog-title {  font-size: 22px;  font-weight:normal; line-height:32px;  padding: 10px 28px;}
.blog-title a{  font-size: 22px; font-weight:normal; line-height:32px;}
footer.page-wrap > div {  margin-left: 0;}
}
@media (max-width: 480px) {
.blog-title {  font-size: 18px; font-weight:normal; line-height:26px; padding: 10px 28px;}
.blog-title a{  font-size: 18px; font-weight:normal; line-height:26px;}
.blog-title:after {  height: 88px;}
.blog-title:before {  height: 88px;}
#logo {  margin: 22px auto 10px;}
#logo:before {  top: -30px;}
#logo small {  top: 20px;}
.post-header h2 a {  padding: 15px 20px 20px 20px;}
.post-header h2 {  font-size: 16px;}
.post .post-readmore {  margin: 10px 0 0 0;}
pre {  padding: 0;}
.panel-body{ padding:5px;}
.post-content,.post-content p{ font-size:13px; line-height:22px;}
h2, .h2 {font-size: 20px;}
h3, .h3 {font-size: 18px;}
.post{margin-bottom: 20px;}
.panel-heading {padding: 5px 8px;}
#footer-content {padding: 20px 5px;}
#footer-content p{font-size:12px;}
.pagenav > a, .pagenav span{font-size: 12px;padding: 2px 7px;}
}
/* Bootstrap components */
.navbar-brand{ padding:2px 15px!important;}
@media (max-width: 360px) {.navbar-brand{ padding-top:5px!important;} .navbar-brand img{ max-width:200px;}}
.navbar-cy {background-color: #eb6b8c;margin-bottom: 40px;}
.navbar-cy .navbar-toggle:hover,.navbar-cy .navbar-toggle:focus {background-color: transparent;}
.navbar-cy .navbar-toggle .icon-bar {background-color: #ffffff;}
.navbar-cy .navbar-nav > li > a {color: #fff;text-align: center;}
.navbar-cy .navbar-nav li.cur,.navbar-cy .navbar-nav > li > a:hover,.navbar-cy .navbar-nav > li > a:focus {color: #fff;background-color: red;}
.navbar-cy .navbar-nav > .active > a,.navbar-cy .navbar-nav > .active > a:hover,.navbar-cy .navbar-nav > .active > a:focus {color: #fff;background-color: rgba(0, 0, 0, 0.5);}
.navbar-cy .qq {color: #fff;border: 0px solid #fff;margin: 0;padding: 14px 6px;text-align: center;}
@media (min-width: 768px) {
.navbar-cy {  margin-bottom: 60px;}
.navbar-cy .navbar-nav {  margin: 0 auto;  display: table;  table-layout: fixed;  float: none;}
.navbar-cy .qq {  position: absolute;  right: 15px;  top: 0;}
}
@media (max-width: 1199px) {.navbar-text{display:none;}}
/* Tag Sidebar */
@media (max-width: 992px) {
main.container {  width: auto;}
}
.tag-sidebar .list-group-item {border-radius: 0;background: #eb6b8c;color: #fff;border: none;margin-bottom: 1px;}
.tag-sidebar a.cur,.tag-sidebar .list-group-item:hover,.tag-sidebar .list-group-item:active {background: red;color: #fff;}














































/* 口麦代理联盟:KouMai.Com 互联网产品代理一手掌握！助力低成本营销！ */  
/* 线索客：XianSuoKe.com  短视频获客系统+投流系统 */ 
/* 推搜宝：TuiSouBao.com  全网竟价系统（百度、360、搜狗、巨量） */ 
/* 助力网：ZLwz.Com       助力个人/站长/ 低成本创业！助力企业低成本营销！ */ 
/* 大卖网：DMyw.com       大卖有我 */ 
/* 寻采网：XunCaiWang.com 全网竟价系统（百度、360、搜狗、巨量） */