/* 影子CMS（yingzicms.com）做专业的网站建设专家 */
body {
	font-family: "Open Sans", "Fjalla One", Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;
	overflow-x: hidden;
	font-size: 14px;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	outline: none!important;
	color: #333;
	text-decoration: none;
}
a:hover, a:active {
	color: #01bab0;
}
.dark-title a {
	color: #fff;
}
.dark-title a:hover, .dark-title a:active {
	color: #01bab0;
}
h1 {
	font-size: 35px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
.bg-pattern {
	background-image: none;
}
.dark-screen {
	background-color: rgba(0, 0, 0, 0.15);
}
.main-navigation ul li > ul {
	padding-left: 15px;
}
#page-loader .loader-square .loader-square-content {
	background-image: url(../images/loader.jpg);
}
#page-loader .loader-footer {
	color: #888;
	font-size: 15px;
}
.master-slider .ms-slide1 .ms-layer3 {
	margin-top: 155px;
}
.nb-qrcode {
	padding: 15px 0 5px;
}
.nb-qrcode img {
	max-width: 100%;
}
#nav-search {
	margin-bottom: 12px;
}
#menu .main-navigation {
	margin-bottom: 15px;
}
#menu .menu-bottom {
	position: static;
}
.main-navigation ul li a, .nb-social a {
	color: #898989;
}
.main-navigation ul li a:hover, .main-navigation ul li a:active {
	color: #01bab0;
}
#menu .menu-inner {
	padding-bottom: 0;
}
/* 内页 */

.noDis {
	display: none;
}
.page-content {
	line-height: 1.6;
}
.page-content p {
	margin-bottom: 0;
}
.search-tips {
	color: #f00;
	font-size: 16px;
	text-align: center;
}
em.error {
	overflow: hidden;
	zoom: 1;
	background: url("../images/unchecked.gif") no-repeat 0px 0px;
	padding-left: 19px;
	color: red;
}
em.success {
	overflow: hidden;
	zoom: 1;
	background: url("../images/checked.gif") no-repeat 0px 0px;
	padding-left: 19px;
	color: red;
}
.com-cnt table th {
	font-weight: bold;
	background: #f9f9f9
}
.com-cnt table th, .com-cnt table td {
	border: 1px #eee solid;
	padding: 6px 12px;
}
.com-cnt img {
	max-width: 100%;
}
#pages {
	clear: both;
	padding: 10px 0 10px;
	text-align: center;
	font: 12px 'Microsoft YaHei';
}
#pages a {
	display: inline-block;
	padding: 0px 8px;
	height: 24px;
	font-size: 12px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	margin-right: -1px;
}
#pages a.a1 {
	padding: 0px 12px;
	height: 24px;
	line-height: 22px;
	margin-top: 0px;
}
#pages a:hover {
	background: #f1f1f1;
	color: #000;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	padding: 0px 8px;
	height: 24px;
	line-height: 22px;
	background: #5a85b2;
	border: 1px solid #5a85b2;
	color: #fff;
	text-align: center;
}
.page .noPage {
	display: inline-block;
	padding: 0px 12px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #a4a4a4;
}
.pageright {
	margin-right: 40px;
}
@media (max-width : 420px) {
#pages .prev, #pages .next {
	display: none;
}
}
.content-main img {
	max-width: 100%;
}
#submit-btn {
	width: 100%;
	color: #FFF;
	background-color: #01bab0;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
	margin: 10px 0;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.section-page, .section-page-dark {
	padding: 30px 20px;
}
.section-content {
	padding: 70px 60px 60px 340px;
}
.picture-list .portfolio-item .portfolio-img:after {
	background-color: rgba(27, 27, 27, 0.01);
}
.picture-list .portfolio-img:hover img {
	opacity: 0.6;
}
.picture-list .portfolio-item .portfolio-img:hover .portfolio-item-heading {
	padding: 18px 20px;
}
.picture-popup .portfolio-work .portfolio-work-detail {
	float: none;
	width: auto;
}
.picture-popup .portfolio-work .portfolio-work-detail img {
	max-width: 100%;
}
.product-list .portfolio-item-info .portfolio-item-cat {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.4;
	margin-bottom: 1px;
}
.product-list .port-link {
	font-size: 14px;
}
#page-blog {
	width: 100%;
	padding-right: 0;
}
.blog-layout1 .blog-date, .blog-layout2 .blog-date, .blog-layout3 .blog-date, .blog-layout-big .blog-date, .blog-layout-single .blog-date {
	background-color: rgba(0,0,0,.6);
}
.blog-layout-big .blog-item .blog-img {
	width: 32%;
}
.blog-layout-big .blog-item .blog-content {
	width: 68%;
}
.blog-layout1 .blog-img .blog-img-detail, .blog-layout2 .blog-img .blog-img-detail, .blog-layout3 .blog-img .blog-img-detail, .blog-layout-big .blog-img .blog-img-detail, .blog-layout-single .blog-img .blog-img-detail {
	background-color: rgba(37, 37, 37, 0.1);
}
.blog-layout1 .blog-date .blog-date-day, .blog-layout2 .blog-date .blog-date-day, .blog-layout3 .blog-date .blog-date-day, .blog-layout-big .blog-date .blog-date-day, .blog-layout-single .blog-date .blog-date-day {
	font-size: 30px;
	margin-bottom: 6px;
}
.blog-list .inblog-title {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.4;
}
#blog-details .blog-content {
	width: 100%;
}
#blog-details .blog-item {
	background: none;
}
#blog-details .blog-content {
	padding: 0;
}
.cate-title, .page-top-heading {
	text-align: center;
}
.portfolio-item-content .portfolio-img-detail .portfolio-item-heading {
	padding: 12px 20px;
}
.portfolio-item-content .portfolio-img-detail .portfolio-item-heading .portfolio-item-cat {
	font-size: 14px;
}
.show-title {
	line-height: 1.6;
}

/* responsive */
@media (min-width:1410px) {
.container {
	max-width: 1170px;
}
}
@media (min-width:1570px) {
.container {
	max-width: 1270px;
}
}
@media (min-width:1890px) {
.container {
	max-width: 1570px;
}
}
 @media (max-width : 1024px) {
body {
	word-break: break-all;
	word-wrap: break-word
}
.container {
	max-width: 98%;
	width: 98%;
}
.section-content {
	padding: 40px 20px;
}
.cate-title, .page-top-heading {
	font-size: 2em;
	font-weight: bold;
}
.blog-layout-big .blog-item .blog-img {
	float: left;
	margin-right: 20px;
}
.blog-layout-big .blog-item .blog-content {
	float: none;
	width: auto;
}
.blog-layout-big .blog-content {
	padding: 14px 20px 20px 20px;
}
.blog-list .inblog-title, .blog-list .inblog-title a {
	font-size: 18px;
	font-weight: bold;
}
#all .blog-layout-big .blog-content > .button-border-dark {
	display: none;
}
.portfolio-layout2, .portfolio-layout3, .portfolio-layout4, .portfolio-layout5, .portfolio-layout6, .portfolio-layout7, .portfolio-layout8 {
	margin-top: 30px;
}
}
@media (max-width : 990px) { /* 960 */
.container {
	max-width: 99%;
	width: 99%;
}
}
@media (max-width : 768px) { /* 向下考虑iphone6的667px和736px */
.portfolio-item {
	width: 50%;
}
.blog-layout-big .blog-item .blog-img {
	width: 28%;
}
}
@media (max-width : 740px) { /* 双行，568px,600px,640px */
.blog-list .inblog-title {
	margin-top: 0!important;
}
}
@media (max-width : 480px) {
.portfolio-item {
	width: 100%;
}
.cate-title, .page-top-heading {
	font-size: 1.8em;
}
.blog-layout-big .blog-item .blog-img {
	width: 100%;
	margin-right: 0;
}
.blog-layout-big .blog-item .blog-content {
	width: 100%;
	clear: both;
	padding: 20px;
}
}
@media (max-width : 420px) {/* 单行，240px,320px,375px,384px,414px */
}
@media (max-width : 360px) {
}