body {

	font-family: "Open Sans", Lato, Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;

	font-size: 14px;

	color: #282828;

}

ul, li {

	list-style: none;

	margin: 0;

	padding: 0;

}

a {

	outline: none!important;

	color: #282828;

}

a:hover, a:active {

	color: #54271C;

	text-decoration: none;

}

.dark-title a {

	color: #fff;

}

.dark-title a:hover, .dark-title a:active {

	color: #54271C;

}

.text-center {

	text-align: center;

}

b, strong {

	font-weight: bold;

}

h2 {

	font-size: 4rem;

}

h5 {

	font-size: 1.6rem;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

	color: #EF6D00;

}

.header.header-compact .logo {

	width: auto;

}

.header .logo {

	width: 16.5rem;

}

.header .logo img {

	width: auto;

	max-height: 38px;

}

.navigation .sub-menu {

	width: auto;

	min-width: 15rem;

}

.navigation .sub-menu ul {

	left: 100%;

}

.header-1 .header-inner .navigation {

	padding-top: 3.3rem;

}

.header-1 .logo, .header-1 .header-inner .navigation > ul > li > a {

	padding-bottom: 0;

}

.header .navigation > ul > li > a {

	letter-spacing: normal;

}

#navigation .menu1 {

	font-size: 1.3rem;

	padding-bottom: 15px;

	color: #fff;

}

.navigation .sub-menu li a {

	padding: 0.6rem 1.5rem;

}

.navigation .sub-menu li a, .navigation .mega-sub-menu ul li a {

	font-size: 13px;

}

.header-1 .navigation > ul > li > a {

	margin: 0 1.8rem;

}

#navigation .dr-menu3 {

	margin-top: -9px;

}

.section-block.replicable-content {

	padding-top: 5rem;

}

.heading-title {

	font-size: 3.2rem;

}

figure {

	margin: 0;

}

.mt-30 {

	margin-top: 30px;

}

.f-30 {

	font-size: 30px;

}

.row {

	max-width: 100%;

}

#index-main .row {

	margin-left: 0;

	margin-right: 0;

}

.section-block.replicable-content {

	padding-top: 5rem;

	padding-bottom: 2.5rem;

}

#services {

	background: #f4f4f4;

}

#services .cate-title {

	font-weight: bold;

}

#index-portfolio .column {

	padding-left: 0;

	padding-right: 0;

}

#index-portfolio-title {

	padding-top: 5rem;

	padding-bottom: 1rem;

}

#index-portfolio-title .portfolio-filter-menu a {

	padding: 0.8rem 2.5rem;

	font-size: 14px;

	border-radius: 15px;

	background: #fff;

	color: #282828;

}

#index-portfolio-title .portfolio-filter-menu a:hover {

	background: #742525;

	color: #fff;

}

#index-portfolio {

	padding-bottom: 40px;

}

#index-portfolio .content-grid-4 {

	margin-bottom: 20px;

}

#index-portfolio .project-title {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	text-align: center;

	line-height: 1.4;

	font-weight: bold;

}

#index-portfolio .item-description {

	margin-top: 3rem;

}

#index-portfolio .overlay-info > span > span {

	font-size: 1.2rem;

}

.index-news .inews-title {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 12px;

	font-weight: bold;

	line-height: 1.4;

}

.iabout-left p {

	margin-bottom: 1.4rem;

}

.lead {

	font-size: 1.5rem;

}

.color-orange {

	color: #EF6D00;

}

#index-about {

	padding: 45px 0 15px;

}

.l{

	background: #f7f7f7;

	height: 53rem;

}

.l .mycon{

	padding: 3rem 5rem;

}

.l .mycon h3{

	font-size: 2.2rem;

	text-align: center;

	font-weight: bold;

}

#index-portfolio .grid-item .date{

	font-size: 3rem;

	color: #282828;

	font-weight: lighter;

}

#index-portfolio .grid-item .ntitle{

	font-size: 1.6rem;

	color: #282828;

	font-weight: bold;

	margin: 1rem 0 1.3rem 0;

}

#index-portfolio .grid-item .ntitle{

	font-size: 1.4rem;

	color: #282828;

}

.swiper-container .mypimg img{

	height: 9rem;

	line-height: 9rem;

}

.footer-top .footer-logo {

	width: auto;

}

.footer-bottom .navigation {

	margin-right: 10px;

}

.footer .navigation a, .footer .navigation a, .footer .social-list a {

	font-size: 1.3rem;

}

.footer-1 .footer-bottom .copyright {

	font-size: 1.3rem;

}

.footer-1 .footer-top {

	padding-top: 5rem;

	padding-bottom: 2.5rem;

}

.footer-1 .footer-bottom {

	

}

.footer-1 .footer-bottom-inner {

	padding-top: 2rem;

}

.footer-top .foot-nav {

	width: 25%;

}

.footer-top .foot-news {

	width: 45%;

}

.footer-top .foot-qrcode {

	width: 100%;

}

.footer-top .grid-item {

	margin-bottom: 0;

}

.footer h4 {

	font-size: 2rem;

	font-weight: bold;

	margin-bottom: 30px;

}

.footer h4.dark-title a {

	font-size: inherit;

	color: #fff;

}

.footer h4.dark-title a:hover, .footer h4.dark-title a:active {

	color: #EF6D00;

}

.footer .f-contact, .footer .f-contact li {

	line-height: 1.95;

}

.foot-nav ul, .foot-nav ul li {

	line-height: 2.1;

}

.foot-news li {

	margin-bottom: 17px;

}

.foot-news .fnews-title {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 14px;

	margin-bottom: 12px;

	line-height: 1.4;

}

.foot-news .post-info .post-date {

	font-size: 13px;

}

.foot-news .list-group {

	padding-top: 8px;

}

.f-qrcode {

	padding-top: 6px;

}

/* 内页 */



.noDis {

	display: none;

}

.search-tips {

	color: #f00;

	font-size: 16px;

	text-align: center;

}

.page-content {

	line-height: 1.6;

}

.page-content p {

	margin-bottom: 0;

	line-height: 1.6;

}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {

	margin: 0;

	padding: 0;

	line-height: 2.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;

}

}

.inner-bg {

	min-height: 350px;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	padding-top: 170px;

}

.bcid-cate {

	color: #fff;

	font-size: 30px;

}

.bcid-location, .bcid-location a {

	color: #fff;

}

.bcid-location a:hover, .bcid-location a:active {

	color: #EF6D00;

}

/* Bootstrap 预置的tab(略改) */

.nav-tabs {

	border-bottom: 1px solid #dddddd;

	padding-bottom: 0px;

	min-height: 46px;

}

.nav-tabs > li {

	float: left;

	margin-bottom: -1px;

}

.nav-tabs > li > a {

	display: block;

	margin-right: 2px;

	line-height: 1.428571429;

	border: 1px solid transparent;

	border-radius: 4px 4px 0 0;

	padding: 12px 20px;

	font-size: 14px;

}

.nav-tabs > li > a:hover {

	border-color: #eeeeee #eeeeee #dddddd;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

	color: #555555;

	background-color: #ffffff;

	border: 1px solid #dddddd;

	border-bottom-color: transparent;

	cursor: default;

}

.tabbable:after {

	clear: both;

}

.tab-content > .tab-pane {

	display: none;

}

.tab-content > .active {

	display: block;

}

/* 可移植内页样式 */

.for-bottom-padding-no {

	padding-top: 45px;

	clear: both;

}

.text-center {

	text-align: center;

}

.sidebar .widget:last-child {

	margin-bottom: 0;

}

.entry-header {

	background: none;

	box-shadow: none;

	padding-top: 0;

	border: none;

}

.prolist-wrap .glass-animation img {

	border: 1px #ededed solid;

}

.s-contact {

	color: #555;

	line-height: 1.6;

}

.sidebar .widget {

	margin-top: 0;

}

.entry-meta li:before {

	margin: 0;

}

#innerpage-wrap {

	background: #fff;

	padding: 45px 0;

	clear: both;

}

.breadcrumb-wrapper {

	background: #F4F4F4;

	padding: 30px 0;

}

.breadcrumb-section .bc-cat {

	padding-top: 16px;

	position: relative;

	top: 2px;

}

.bcid-cat {

	font-size: 16px;

	font-weight: bold;

}

.location {

	text-align: right;

}

.widget .tagcloud a, .tags-list a, .searchform #searchsubmit {

	transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);

}

.searchform {

	overflow: hidden;

	background-color: #f16543; /* firefox 19+ */ /* ie */

}

.searchform ::-webkit-input-placeholder {

color: #ffffff;

}

.searchform ::-moz-placeholder {

color: #ffffff;

}

.searchform :-ms-input-placeholder {

color: #ffffff;

}

.searchform input:-moz-placeholder {

color: #ffffff;

}

.searchform #s, .searchform #searchsubmit {

	color: #ffffff;

	height: 48px;

	border: none;

	background-color: #EF6D00;

	margin-bottom: 0;

	border-radius: 0;

}

.searchform #s {

	float: left;

	width: 85%;

	padding-left: 20px;

	padding-right: 0;

}

.searchform .screen-reader-text {

	display: none;

}

.searchform #searchsubmit {

	float: right;

	width: 15%;

	padding-left: 0;

	padding-right: 0;

	background-image: url("../images/icon-lense.png");

	background-repeat: no-repeat;

	background-position: center center;

	cursor: pointer;

}

.searchform #searchsubmit:hover {

	background-color: #373c40;

}

.searchform {

	background: none;

	border: none;

}

.searchform #s {

	background: none;

	color: #444;

	border: 1px #ddd solid;

	border-right: none;

}

.searchform #searchsubmit {

	background-color: #EF6D00;

}

.searchform ::-webkit-input-placeholder {

color: #444;

}

.searchform ::-moz-placeholder {

color: #444;

}

.searchform :-ms-input-placeholder {

color: #444;

}

.searchform input:-moz-placeholder {

color: #444;

}

.widget ul li:before {

	display: none;

}

.widget-category ul li:before {

	font-family: 'FontAwesome';

	content: "\f101";

	padding-right: 17px;

}

.sidebar .widget .title {

	color: #525659;

	text-transform: uppercase;

	font-weight: 600;

}

.sidebar .widget ul li {

	border-bottom: 1px solid #d3dae0;

	padding: 6px 0 6px 0;

	font-size: 14px;

	color: #6e7375;

}

.sidebar .widget ul li a {

	color: #373c40;

	color: #6e7375;

}

.sidebar .widget ul li a:hover {

	color: #f16543;

}

.sidebar .widget ul li ul {

	padding: 6px 0 0;

}

.sidebar .widget ul li ul li:first-child {

	border-top: 1px solid #dedede;

}

.sidebar .widget ul li ul li:last-child {

	border-bottom: 0;

	padding-bottom: 0;

}

.widget .title {

	font-size: 20px;

	line-height: 20px;

	margin-top: 0;

}

.widget ul {

	list-style: none;

	margin: 0;

}

.widget ul li ul li:last-child {

	border-bottom: 0;

	padding-bottom: 0;

}

.widget .gallery-post-slider ul li {

	border: none;

	background: none;

	padding: 0;

}

.widget .tabbed .tabs {

	margin: 0;

	padding: 0;

}

.widget .tabbed .tabs li {

	float: left;

	list-style: none;

	margin: 0;

	background-image: none;

	border: none;

	padding: 10px 1px 10px;

	width: 33.333%;

	color: #878c90;

	text-align: center;

	cursor: pointer;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 600;

	border-right: 1px solid #d3dae0;

}

.widget .tabbed .tabs li:last-child {

	border-right: none;

}

.widget .tabbed .tabs li:hover, .widget .tabbed .tabs li.current {

	color: #ffffff;

	background-color: #f16543;

	border-right: 1px solid #f16543;

	border-bottom: 1px solid #f16543;

	margin-bottom: -1px;

}

.widget .tabbed .block {

	margin: 0;

	display: none;

}

.widget .tabbed .block.current {

	display: block;

	padding: 22px 0 0;

	border-top: 1px solid #d3dae0;

}

.widget .tabbed .widget-list li {

	background: none;

	border-bottom: 1px solid #E8E9EF;

	padding: 0 0 20px;

	margin-bottom: 25px;

	line-height: 1.0;

}

.widget .tabbed .widget-list li .link-read-more {

	color: #f16543;

}

.widget .tabbed .widget-list li .link-read-more:hover {

	color: #373c40;

}

.widget .tabbed .widget-list li .link-read-more:hover:after {

	color: #373c40;

}

.widget-list li {

	overflow: hidden;

	margin-bottom: 20px;

}

.widget-list li:last-child {

	border-bottom: none;

}

.widget-list li h5 {

	margin: 0 0 9px;

	line-height: 21px;

	color: #a5aaae;

	font-size: 13px;

	font-weight: normal;

}

.widget-list li figure {

	float: left;

	margin-right: 22px;

	margin-bottom: 0;

}

.widget-list li figure img {

	width: 102px;

	height: 104px;

}

.widget-list li span {

	display: inline-block;

	font-size: 12px;

	padding-left: 20px;

	background-repeat: no-repeat;

	background-position: left 3px;

	text-transform: uppercase;

	margin-bottom: 7px;

}

.widget-list li .comments {

	background-image: url("../images/icon-chat-3.png");

	background-position: left 3px;

	margin-right: 18px;

	margin-bottom: 0;

}

.widget-list li .author {

	background-image: url("../images/icon-user.png");

	background-position: left 3px;

	padding-left: 17px;

}

.widget-list li .link-read-more {

	text-transform: uppercase;

	font-size: 12px;

	display: block;

}

.widget-list li .link-read-more:after {

	content: " \f101";

	font-family: FontAwesome;

	color: #f16543;

}

.widget .tagcloud {

	overflow: hidden;

	margin-left: -4px;

	margin-right: -4px;

}

.widget .tagcloud a {

	display: block;

	float: left;

	padding: 6px 15px;

	color: #84898b;

	background-color: #ecf0f3;

	font-size: 14px;

	margin: 4px;

	text-decoration: none;

}

.widget .tagcloud a:hover {

	color: #ffffff;

	background: #f16543;

}

.glass-animation:hover .glass span {

	-webkit-transition-delay: .2s; /* Safari */

	transition-delay: 0s;

	opacity: 1;

	width: 30px;

	height: 30px;

	border-radius: 200px;

}

.glass-animation:hover .glass span i {

	right: -14px;

	bottom: -7px;

	-webkit-transition-delay: .2s; /* Safari */

	transition-delay: .2s;

}

.glass-animation:hover .background {

	height: 100%;

	width: 100%;

	opacity: .7;

}

.glass-animation .background {

	transition: 0.3s all ease-in-out;

	width: 100;

	height: 100;

	background: #f16543;

	position: absolute;

	right: 0;

	top: 0;

	left: 0;

	bottom: 0;

	margin: auto;

	opacity: 0;

}

.glass-animation .glass {

	display: block;

	transition: 0.2s all ease-in-out;

}

.glass-animation .glass > span {

	opacity: 0;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	transition: 0.2s all ease-in-out;

	-webkit-transition-delay: 0s; /* Safari */

	transition-delay: 0s;

	width: 200px;

	height: 200px;

	border-radius: 100px;

	display: block;

	border: 5px solid #ffffff;

}

.glass-animation .glass > span i {

	transition: 0.2s all ease-in-out;

	-webkit-transition-delay: 0s; /* Safari */

	transition-delay: 0s;

	position: absolute;

	right: -200px;

	bottom: -200px;

	display: inline-block;

	width: 18px;

	height: 5px;

	background: #ffffff;

	border-radius: 10px;

	-ms-transform: rotate(45deg); /* IE 9 */

	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

	transform: rotate(45deg);

}

.breadcrumb-section {

	background: url(../images/breadcrumb-bg.jpg) center top no-repeat;

	background-size: cover;

	padding: 52px 0px 70px;

}

.breadcrumb-section h1 {

	margin-bottom: 0;

	font-size: 35px;

	color: #f9f9fa;

	text-transform: uppercase;

	font-weight: 700;

	letter-spacing: 0.05em;

}

.breadcrumb-section h1:after {

	background: #ff7800;

	height: 3px;

	content: "";

	display: block;

	width: 100px;

	margin: 15px 0px 0px

}

.breadcrumb {

	background: none;

	border-radius: 0;

	padding: 4px 0;

	margin: 39px 0px 0px;

}

.breadcrumbs:after {

	height: 1px;

	background: #fff;

	content: "";

	display: block;

	margin: 0px 0px 0px 115px;

	opacity: 0.25;

}

.bc-location {

	margin-top: 39px;

	color: #fff;

}

.bc-location a {

	color: #fff;

}

.bc-location a:hover, .bc-location a:active {

	color: #0093DD;

}

.blog-article {

	margin-bottom: 30px;

}

.blog-article figure {

	margin-bottom: 20px;

}

.blog-article .format-icon {

	left: 0;

}

.blog-article p {

	margin-bottom: 20px;

	line-height: 24px;

}

.blog-article blockquote p {

	line-height: 32px;

}

.blog-article .read-more-link {

	text-transform: uppercase;

	line-height: 23px;

	color: #7d8489;

}

.blog-article .read-more-link:after {

	content: "\f101";

	font-family: FontAwesome;

	color: #f16543;

	padding-left: 8px;

}

.blog-article .read-more-link:hover {

	color: #373c40;

}

.blog-article .read-more-link:hover:after {

	color: #373c40;

}

.blog-article .post-meta {

	color: #a5aaae;

	font-size: 12px;

	float: left;

	width: 21.97402597402597%;

	border-right: 2px solid #d7dee0;

	margin: 0 30px 15px 0;

}

.blog-article .post-meta a {

	color: #a5aaae;

}

.blog-article .post-meta a:hover {

	color: #f16543;

}

.blog-article .post-meta ul {

	list-style: none;

	margin: 0;

	padding: 0 15px;

}

.blog-article .post-meta ul li {

	margin: 0 0 6px;

	padding: 4px 0;

	text-transform: uppercase;

	background: none;

}

.blog-article .post-meta ul li:before {

	font-family: 'FontAwesome';

	padding-right: 17px;

	font-size: 14px;

	color: #8C9194;

}

.blog-article .post-meta ul li.date:before {

	content: "\f073";

}

.blog-article .post-meta ul li.comments:before {

	content: "\f086";

}

.blog-article .post-meta ul li.tags:before {

	content: "\f02b";

}

.blog-article .post-meta ul li.author:before {

	content: "\f007";

}

.blog-article .post-summary {

	padding-right: 10px;

}

.blog-article .post-summary p {

	margin-bottom: 10px;

	line-height: 23px;

	color: #666;

}

.blog-article .post-content-wrapper {

	padding: 15px 0 30px;

}

.blog-article .post-meta ul li time {

	background: none;

	margin-left: -3px;

}

.portfolio-item, .gallery-item {

	margin: 0 0 30px;

	overflow: hidden;

}

.portfolio-item .item-title {

	font-size: 14px;

	font-weight: 600;

	margin-bottom: 1px;

	color: #4f5458;

	letter-spacing: normal;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

}

.portfolio-item time {

	color: #687075;

}

.portfolio-item span {

	color: #f16543;

}

.portfolio-item .square {

	background-color: #bfc4c8;

}

.related-projects .item .separator, .portfolio-item .separator {

	margin: 30px 0 15px;

	display: none;

}

.portfolio-item figure {

	margin-bottom: 22px;

	position: relative;

}

.portfolio-item .overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 100;

	opacity: 0;

	width: 100%;

	height: 100%;

	background-color: #f16543;

}

.portfolio-item .overlay a {

	opacity: 0.8;

	filter: alpha(opacity=80);

	display: block;

	position: absolute;

	top: 50%;

	left: 50%;

	width: 40px;

	height: 40px;

	margin-top: -20px;

	margin-left: -20px;

	background: url("../images/icon-lense.png") no-repeat center center;

}

.portfolio-item .overlay a:hover {

	opacity: 1;

	filter: alpha(opacity=100);

}

.our-work .gallery-item .inner-contents {

	border-bottom: 1px solid #cad3db;

	border-bottom: none;

}

.our-work .gallery-item {

	margin-bottom: 24px;

}

.our-work .gallery-item figure {

	position: relative;

	margin: 0 0 23px;

}

.our-work .gallery-item figure:hover .gallery-btn {

	opacity: 1;

}

.our-work .gallery-item img {

	padding: 0;

	margin: 0;

	max-width: 100%;

	border: 1px #ededed solid;

}

.our-work .gallery-item .gallery-btn {

	position: absolute;

	top: 45%;

	left: 50%;

	z-index: 200;

	width: 160px;

	margin: -22px 0 0 -79px;

	opacity: 0;

	padding: 10px 0;

	text-align: center;

	font-size: 14px;

	font-weight: 700;

	color: #ffffff;

	border: 2px solid #ffffff;

	background-color: #B3813C;

}

.our-work .gallery-item .gallery-btn:hover {

	color: #f16543;

	background-color: #ffffff;

}

.our-work .gallery-item .media-container {

	position: absolute;

	z-index: 100;

	opacity: 0;

	width: 100%;

	height: 100%;

	background-color: #B3813C;

}

.our-work .gallery-item .item-title {

	font-size: 15px;

	font-weight: 600;

	margin-top: 0;

	margin-bottom: 0px;

	color: #61676c;

	color: #282828;

	padding-bottom: 0;

	position: relative;

	z-index: 999;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

	text-align: center;

}

.our-work .gallery-item p {

	margin-bottom: 12px;

}

.our-work .gallery-item p a {

	color: #a1a9b0;

	margin-right: 3px;

	text-decoration: none;

}

.our-work .gallery-item p a:hover {

	color: #f16543;

}

.sidebar .widget {

	margin-bottom: 35px;

}

.widget-list li .comments {

	background: none;

	margin-right: 0;

	padding-left: 0;

	padding-top: 3px;

}

.widget-list li figure {

	margin-right: 15px;

}

.widget-list li figure img {

	width: 106px;

	height: auto;

}

.widget .tabbed .widget-list li {

	padding: 0 0 15px;

	margin-bottom: 15px;

}

.widget .tabbed .widget-list li:last-child {

	border-bottom: none;

	margin: 0;

	padding: 0;

}

.widget .widget-list {

	padding-left: 0;

}

.sidebar .widget ul li .s-desc {

	margin-bottom: 8px;

	line-height: 1.5

}

.blog-article {

	float: left;

	width: 100%;

}

.blog-article figure {

	float: left;

	width: 250px;

	margin-right: 25px;

	margin-bottom: 10px;

}

.blog-article .post-meta {

	width: 125px;

	margin: 0 30px 15px 0;

}

.blog-article .post-meta ul {

	padding: 0;

}

h2.post-title {

	font-size: 20px;

	letter-spacing: normal;

	margin-top: 0;

	margin-bottom: 12px;

	line-height: 1.4;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: bold;

}

.downlist-wrap .blog-article figure {

	width: 220px;

	margin-right: 25px;

}

.download-wrap .d-content {

	padding-top: 15px;

}

.download-wrap .down-info li {

	padding-bottom: 12px;

	margin-bottom: 12px;

	border-bottom: 1px #ddd solid;

}

.blog-post-wrap .bp-desc {

	text-align: center;

	display: block;

	margin: 20px 0;

	font-size: 14px;

}

.blog-post-wrap .bp-title {

	margin-top: 0;

	font-size: 23px;

	letter-spacing: normal;

	color: inherit;

	text-align: center;

}

.prolist-wrap .portfolio-item {

	margin-bottom: 13px;

}

.prolist-wrap .model {

	margin-bottom: 5px;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

	color: #666;

}

.prolist-wrap .p-keyword {

	color: #666;

	margin-bottom: 0;

}

#contact-form textarea {

	height: 120px;

	background: #fff;

}

.msg-title {

	font-size: 22px;

	text-align: center;

	margin-bottom: 25px;

	color: inherit;

	margin-top: 15px;

}

.add-msg-form .cf-column {

	padding-bottom: 20px;

	position: relative;

}

.add-msg-form .cf-tarea {

	clear: both;

}

.add-msg-form input {

	box-sizing: border-box;

	padding: 0 15px;

	border: 1px solid #ddd;

	height: 40px;

	line-height: 40px;

	color: #444;

	width: 100%;

	margin-bottom: 0;

}

.add-msg-form textarea {

	box-sizing: border-box;

	border: 1px solid #ddd;

	color: #333;

	min-height: 100px;

	padding: 15px;

	color: #444;

	width: 100%;

	margin-bottom: 0;

}

.add-msg-form .submit-button {

	font-size: 14px;

	box-sizing: border-box;

	width: 100%;

	line-height: 40px;

	height: 40px;

	float: right;

	padding: 0px 15px;

	border: 0px;

	color: #fff;

	position: relative;

	background-color: #333;

	cursor: pointer;

}

.add-msg-form .submit-button:hover, .add-msg-form .submit-button:active {

	background-color: #D81919;

}

.add-msg-form em {

	position: absolute;

	bottom: 0;

	z-index: 1111;

	float: left;

	left: 20px;

}

.product-show .ps-title {

	font-size: 23px;

	color: inherit;

	margin-top: 0;

	padding-bottom: 0;

	margin-bottom: 0;

	line-height: 1;

}

.product-show .ps-desc {

	display: block;

	text-align: center;

	margin: 17px 0 20px;

	font-size: 14px;

}

.product-show .product-gallery .owl-controls {

	margin-top: 20px;

	text-align: center;

}

.product-gallery {

	margin: 0 -15px;

}

.product-gallery .item {

	padding: 0 15px;

}

.product-gallery img {

	margin-bottom: 1px;

	border: 1px #ededed solid;

}

.proshow-tab {

	margin-top: 15px;

	padding-bottom: 25px;

	padding-bottom: 0;

}

.proshow-tab .nav-tabs li:after {

	display: none;

}

.proshow-tab .nav-tabs .active a {

	color: #D4171E !important;

	text-decoration: none;

}

.proshow-tab .nav-tabs a {

	color: #333 !important;

}

.proshow-tab .tab-content {

	padding-top: 25px;

	width: 100%;

	float: left;

	margin: 0;

}

.proshow-tab .tab-pane {

	margin-top: 0;

}

#product-msg-form input[type="text"], #product-msg-form input[type="password"], #product-msg-form input[type="email"], #product-msg-form input[type="tel"], #product-msg-form input[type="number"], #product-msg-form input[type="file"], #product-msg-form input[type="url"], #product-msg-form select, #product-msg-form textarea {

	position: relative;

	display: block;

	width: 100%;

	height: auto;

	line-height: 24px;

	padding: 12px 20px;

	font-size: 13px;

	color: #202020;

	border: 1px solid #dddddd;

	background: #ffffff;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

}

#product-msg-form input[type="text"]:focus, #product-msg-form input[type="password"]:focus, #product-msg-form input[type="email"]:focus, #product-msg-form input[type="tel"]:focus, #product-msg-form input[type="number"]:focus, #product-msg-form input[type="file"]:focus, #product-msg-form input[type="url"]:focus, #product-msg-form select:focus, #product-msg-form textarea:focus {

	border-color: #202020;

}

#product-msg-form .cf-column {

	margin-bottom: 18px;

}

#product-msg-form #submit-btn {

	display: inline-block;

	background: #D4171E;

	color: #202e31 !important;

	color: #fff !important;

	border-radius: 6px;

	padding: 12px;

	border: none;

	cursor: pointer;

	width: 100%;

}

#product-msg-form #submit-btn:hover, #product-msg-form #submit-btn:focus, #product-msg-form #submit-btn:active {

	background: #202E31;

}



/* 内页响应 */



@media (max-width : 990px) { /* 960 */

#innerpage-wrap {

	padding: 30px 0 0;

}

.sidebar .widget:last-child {

	margin-bottom: 30px;

}

.sidebar {

	padding-top: 30px;

	clear: both;

}

.side-search .title {

	display: none;

}

.searchform #s {

	width: 94%;

}

.searchform #searchsubmit {

	width: 6%;

}

.blog-article .read-more-link {

	display: none;

}

.product-show .ps-desc {

	margin: 12px 0 15px;

}

}

@media (max-width : 768px) { /* 向下考虑iphone6的667px和736px */

.portfolio-item .item-title {

	position: relative;

	z-index: 999;

}

.our-work .gallery-item .item-title {

	position: relative;

	z-index: 999;

}

.searchform #s {

	width: 92%;

}

.searchform #searchsubmit {

	width: 8%;

}

.product-show .ps-title, .blog-post-wrap .bp-title {

	line-height: 1.6;

	font-size: 18px;

	margin: 0;

	padding: 0;

	font-weight: bold;

}

}

@media (max-width : 740px) { /* 双行，568px,600px,640px */

.bcid-cat {

	text-align: center;

	margin-bottom: 15px;

}

.location {

	text-align: center;

	line-height: 1.4;

}

.side-news {

	display: none;

}

.searchform #s {

	width: 90%;

}

.searchform #searchsubmit {

	width: 10%;

}

.breadcrumb-section {

	padding: 82px 0 40px;

}

.breadcrumb-section .bc-cat {

	text-align: center;

}

.breadcrumb-section h1:after {

	margin: 15px auto 0;

}

.bc-location {

	margin-top: 25px;

	text-align: center;

}

.breadcrumbs:after {

	display: none;

}

}

@media (max-width : 480px) {

.searchform #s {

	width: 85%;

}

.searchform #searchsubmit {

	width: 15%;

}

.blog-article figure {

	margin-right: 0;

	width: 100%;

	margin-bottom: 25px;

}

.blog-article .entry-header {

	clear: both;

}

h2.post-title {

	font-size: 17px;

	margin-bottom: 14px;

}

.blog-article .post-meta {

	margin: 0 0px 15px 0;

	width: 100%;

	border-right: none;

}

.blog-article .post-meta ul li:before {

	padding-right: 10px;

}

.blog-article .post-meta ul li {

	float: left;

	padding: 0;

	margin: 0 12px 0 0px;

}

.blog-article .entry-content {

	clear: both;

}

.blog-article .post-summary p {

	margin-bottom: 0;

}

.proshow-tab .nav-tabs > li {

	width: 100%;

}

.proshow-tab .nav-tabs > li > a {

	border-radius: 0;

}

.proshow-tab .nav-tabs > li > a, .proshow-tab .nav-tabs > li.active > a, .proshow-tab .nav-tabs > li.active > a:hover, .proshow-tab .nav-tabs > li.active > a:focus {

	border: 1px #ddd solid;

	margin-right: 0;

}

}

@media (max-width : 420px) {/* 单行，240px,320px,375px,384px,414px */

.blog-article .post-meta ul li.author {

	display: none;

}

.prolist-wrap .model {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

}

.breadcrumb-section h1 {

	font-size: 30px;

}

}

@media (max-width : 360px) {

.searchform #s {

	width: 80%;

}

.searchform #searchsubmit {

	width: 20%;

}

.prolist-wrap .portfolio-item {

	width: 100%;

}

}

@media (max-width:1440px) and (min-width:1200px) {

.searchform #s {

	width: 82%;

}

.searchform #searchsubmit {

	width: 18%;

}

}

@media (max-width:1200px) and (min-width:1040px) {

.searchform #s {

	width: 78%;

}

.searchform #searchsubmit {

	width: 22%;

}

}



/* responsive */

@media (min-width:1410px) {

.container {

	max-width: 1170px;

	width: 1170px;

}

}

@media (min-width:1570px) {

.container {

	max-width: 1170px;

	width: 1170px;

}

/*#navigation .menu1{margin:0 2.2rem;}

	.join-lead{line-height:1.8;}

	.join-process{font-size:1.5rem;}

	.iabout,.iabout p{line-height:2.0;}

	.footer .f-contact, .footer .f-contact li{line-height:1.9;}*/

}

@media (min-width:1890px) {

.container {

	max-width: 1370px;

	width: 1370px;

}

#navigation .menu1 {

	margin: 0 2.2rem;

}

.join-lead {

	line-height: 1.8;

}

.join-process {

	font-size: 1.5rem;

}

.join-content, .join-content p {

	font-size: 1.6rem;

}

.iabout, .iabout p {

	line-height: 2.0;

}

.footer .f-contact, .footer .f-contact li {

	line-height: 1.9;

}

}

 @media (max-width : 1024px) {

body {

	word-break: break-all;

	word-wrap: break-word

}

.container {

	max-width: 98%;

	width: 98%;

}

.header-1 .navigation > ul > li > a {

	margin: 0 1.4rem;

}

#innerpage-wrap .row {

	margin-left: 0;

	margin-right: 0;

}

#innerpage-wrap .container {

	padding-left: 5px;

	padding-right: 5px;

}

.inner-left {

	padding-left: 0;

	padding-right: 0;

}

.product-show, .blog-wrap, .blog-post-wrap, .about-page-wrap {

	padding-left: 15px;

	padding-right: 15px;

}

}

@media (max-width : 990px) { /* 960 */

.container {

	max-width: 99%;

	width: 99%;

}

.header, .header .header-inner {

	height: auto!important;

}

.nav-bar {

	min-height: 1rem;

	padding-top: 15px;

	padding-bottom: 15px;

}

body.boxed .wrapper-inner, .row {

	max-width: 100%;

}

.header-1 .navigation-show {

	margin-right: -1.5rem;

}

.side-navigation-header {

	padding: 0 2rem;

}

.side-navigation-wrapper .navigation-hide, .side-navigation-header, .side-navigation-header .logo {

	min-height: 4rem;

}

.side-navigation > ul > li > a {

	font-size: 15px;

	letter-spacing: normal;

	padding: 0.6rem 1.5rem;

}

.side-navigation .dr-menu {

	padding-left: 20px;

}

.side-navigation .sub-menu {

	height: auto;

}

.side-navigation .dr-menu li a {

	padding: 1.3rem 2rem;

	font-size: 14px;

}

.side-navigation .sub-menu a {

	font-size: 14px;

}

.side-navigation ul li a {

	color: #eee;

}

.side-navigation .sub-menu a {

	color: #999;

}

.side-navigation-footer {

	padding: 1rem 2rem;

}

.side-navigation-footer .social-list li {

	padding: 0 8px;

}

.side-navigation-footer .social, .side-navigation-footer .social-list a {

	font-size: 1.6rem;

}

#index-main .container {

	padding-left: 5px;

	padding-right: 5px;

}

.heading-title {

	margin-bottom: 20px;

}

.section-block.replicable-content {

	padding-bottom: 1rem;

}

#services .lead, .join-mid, .join-process {

	margin-bottom: 20px;

}

.join-more {

	display: none;

}

#index-portfolio-title {

	padding-top: 4rem;

}

.portfolio-filter-menu {

	display: none;

}

#index-portfolio .content-grid-4 {

	margin-bottom: 5px;

}

.iabout-left {

	width: 100%;

	padding-bottom: 10px;

	margin-bottom: 25px;

	border-bottom: 1px #ccc solid;

}

.index-news {

	width: 100%;

}

.index-news .left-on-mobile {

	width: auto;

	padding-left: 0;

}

.index-news .desc {

	margin-bottom: 2rem;

}

.foot-contact {

	width: 100%;

}

.foot-w3column {

	display: none;

}

.copyright {

	width: 100%;

	text-align: center;

}

.footer-bottom .social-list, .footer-bottom .navigation {

	display: none!important;

}

}

@media (max-width : 768px) { /* 向下考虑iphone6的667px和736px */

#index-main {

	padding-top: 90px;

}

.iserv-join {

	width: 100%;

}

.iserv-prt {

	width: 50%;

}

.f-30{

    font-size: 14px;

}

}

@media (max-width : 740px) { /* 双行，568px,600px,640px */

.tm-slider-container .tms-caption {

	display: none;

}

.heading-title {

	font-size: 2.6em;

}

.index-news .color-charcoal {

	display: none;

}

.index-news .horizon {

	padding-left: 0;

}

}

@media (max-width : 480px) {

.heading-title {

	font-size: 2em;

}

}

@media (max-width : 420px) {/* 单行，240px,320px,375px,384px,414px */

.heading-title {

	font-size: 1.6em;

}

.iserv-prt {

	width: 100%;

}

}

@media (max-width : 360px) {

}



@media all and (min-width: 1200px) {

  .noticeBox {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 10000;

    background: rgba(0, 0, 0, 0.6);

    flex-direction: column;

    align-items: center;

    justify-content: center;

  }

  .noticeBox .content {

    width: 700px;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

  }

  .noticeBox .header {

    position: relative;

    height: 180px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .noticeBox .title {

    font-size: 24px;

    font-weight: bold;

    color: #000000;

    line-height: 33px;

    margin-bottom: 30px;

    text-align: center;

  }

  .noticeBox .body {

    padding: 50px 50px 38px 50px;

    max-height: 90vh;

    overflow: auto;

  }

  .noticeBox .help {

    color: rgba(0, 0, 0, 0.65);

    font-size: 14px;

    margin-bottom: 40px;

  }

  .noticeBox .submit {

    width: 190px;

    height: 50px;

    border-radius: 25px;

    color: #fff;

    background: #33b944;

    font-size: 18px;

    display: flex;

    margin: 0 auto;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

    cursor: pointer;

  }

  .noticeBox .submit:hover {

    border: 1px solid #33b944;

    color: #33b944;

    background: #fff;

  }

  .noticeBox .submit.disabled {

    background: #ccc;

    color: #eee;

    border: 1px solid #ccc;

  }

  .noticeBox .submit.disabled:hover {

    cursor: not-allowed;

    background: #ccc;

    color: #eee;

    border: 1px solid #ccc;

  }

  .noticeBox .submit1 {

    width: 190px;

    height: 50px;

    border-radius: 25px;

    color: #eee;

    background: #ccc;

    font-size: 18px;

    display: flex;

    margin: 0 auto;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

    cursor: pointer;

  }

  .noticeBox .submit1:hover {

    border: 1px solid #ccc;

    color: #ccc;

    background: #fff;

  }

  .noticeBox .submit1.disabled {

    background: #ccc;

    color: #eee;

    border: 1px solid #ccc;

  }

  .noticeBox .submit1.disabled:hover {

    cursor: not-allowed;

    background: #ccc;

    color: #eee;

    border: 1px solid #ccc;

  }

}

@media all and (max-width: 1199px) {

  .noticeBox {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 10000;

    background: rgba(0, 0, 0, 0.6);

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 0 16px;

  }

  .noticeBox .content {

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

  }

  .noticeBox .header {

    position: relative;

    height: 180px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .noticeBox .title {

    font-size: 16px;

    font-weight: bold;

    color: #000000;

    line-height: 33px;

    margin-bottom: 15px;

    text-align: center;

  }

  .noticeBox .body {

    padding: 25px 25px 19px 25px;

    max-height: 80vh;

  }

  .noticeBox .help {

    color: rgba(0, 0, 0, 0.65);

    font-size: 14px;

    margin-bottom: 20px;

    overflow-y: auto;

    max-height: 55vh;

  }

  .noticeBox .submit {

    width: 190px;

    height: 40px;

    border-radius: 25px;

    color: #fff;

    background: #33b944;

    font-size: 14px;

    display: flex;

    margin: 0 auto;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

    cursor: pointer;

  }

  .noticeBox .submit:hover {

    border: 1px solid #33b944;

    color: #33b944;

    background: #fff;

  }

  .noticeBox .submit.disabled {

    background: #ccc;

    color: #eee;

    border: 1px solid #ccc;

  }

  .noticeBox .submit.disabled:hover {

    cursor: not-allowed;

    background: #ccc;

    color: #eee;

    border: 1px solid #ccc;

  }

  .noticeBox .submit1{

    width: 190px;

    height: 40px;

    border-radius: 25px;

    color: #fff;

    background: #ccc;

    font-size: 14px;

    display: flex;

    margin: 0 auto;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

    cursor: pointer;

  }

  .noticeBox .submit1:hover {

    border: 1px solid #ccc;

    color: #dea257;

    background: #fff;

  }

  .noticeBox .submit1.disabled {

    background: #ccc;

    color: #eee;

    border: 1px solid #ccc;

  }

  .noticeBox .submit1.disabled:hover {

    cursor: not-allowed;

    background: #ccc;

    color: #eee;

    border: 1px solid #ccc;

  }

}

/*新增翻页样式 各类模版第一站 */

.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}

.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}

.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}

.pagess ul li:hover a{color:#fff;}

.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}

.pagess ul li.thisclass a {color: #fff;}

.pagess ul li a{ display:block;color:#999}

.pagess ul li a:hover {color: #fff;}

.yrn_chanping{ padding:10px 0px; overflow:hidden; border-bottom:dashed 1px #ddd; margin:0 50px;}
.yrn_chanping:last-child{ border-bottom:none;}
.yrn_chanping1{ float:left; background:#ddd; padding:10px 20px; margin-right:20px;}
.yrn_chanping1 h3{ text-align:center; margin-bottom:0;}
.yrn_chanping1 p{ text-align:center;}
.yrn_chanping2{ float:left; width:80%;}
.yrn_chanping2 h5{  }
.yrn_chanping2 h5 a{font-size:18px;line-height:30px;}
.yrn_chanping2 p{ color:#888;}

@media (max-width : 750px) {
.yrn_chanping{ padding:10px 0px; overflow:hidden; border-bottom:dashed 1px #ddd; margin:0 0px;}
.yrn_chanping:last-child{ border-bottom:none;}
.yrn_chanping1{ float:left; background:#ddd; padding:10px 20px; margin-right:20px; display:none;}
.yrn_chanping1 h3{ text-align:center; margin-bottom:0;}
.yrn_chanping1 p{ text-align:center;}
.yrn_chanping2{ float:left; width:100%;}
.yrn_chanping2 h5{  }
.yrn_chanping2 h5 a{font-size:18px;line-height:30px;}
.yrn_chanping2 p{ color:#888;}
}
    .pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 2px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #0890e1;
  border: 1px solid #0890e1;
}
.pagination a.page-num-current {
  color: #fff;
  background: #0890e1;
  border: 1px solid #0890e1;
}