body {

	font-family: 'Microsoft Yahei', Raleway, Roboto, Arial, Verdana, Helvetica,  Lato, sans-serif;

	font-size: 14px;

	color: #292929;

}

ul, li {

	list-style: none;

	margin: 0;

	padding: 0;

}

a {

	outline: none!important;

	color: #0d1d31;

}

a:hover, a:active {

	color: #005dc5;

}

.dark-title a {

	color: #fff;

}

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

	color: #54271C;

}

.h1, .h2, .h3, h1, h2, h3 {

	margin-top: 0;

	margin-bottom: 0;

}

b, strong {

	font-weight: bold;

}



.blue { color: #06c; }



.logo a {

	line-height: 1;

}

.logo img {

	max-height: 50px;

}

#navigation .Lev1 {

	margin-right: 35px;

}

#navigation .menu1 {

	color: #fff;

}

#navigation .menu1:hover, #navigation .menu1:active, #navigation li.active .menu1 {

	color: #06b3ff;

}

.sf-menu li.active {

	background-color: transparent;

}

.sf-arrows ul .sf-with-ul:after {

	display: none;

}

.sf-menu ul {

	min-width: 13.5em;

	overflow: visible;

}

.sf-menu ul ul {

	margin-top: 0;

}

.multipage .header-search-wrapper {



}

#navigation .sub-menu2 {

	margin-left: 16px;

}

.wide.multipage .header.shrink, .boxed.multipage .header.shrink > .container {

 background: #fff;

}

.wide.multipage .header, .boxed.multipage .header > .container {

	padding-bottom: 0; background: #fff; 

}

.multipage .header .header-wrapper {

	padding-top: 25px;

}

.multipage .shrink .sf-menu, .sf-menu {

	margin: 5px 0;

	font-size: 16px;

}

.multipage .header .header-wrapper, .multipage .header.shrink .header-wrapper {

	padding: 10px 0;

}

.multipage .shrink .sf-menu.nav > li > a.sf-with-ul, .sf-arrows .shrink .sf-with-ul {

	padding-right: 20px;

}

.multipage .sf-menu.nav > li > a, .multipage .sf-menu a, .multipage .shrink .sf-menu.nav > li > a, .multipage .sf-menu a {

	padding: 10px 15px;

}

.sf-menu.nav > li > a.sf-with-ul, .sf-arrows .sf-with-ul {

	padding-right: 20px;

}

.multipage .shrink .logo, .multipage .logo { margin: 5px 0; }

.multipage .shrink .logo a, .multipage .logo a {

	margin-top: 6px;

	margin-bottom: 0;

}

.shrink .top-line {

	display: none;

}

.wide.multipage .top-line, .boxed.multipage .top-line > .container {

	font-size: 12px;

}

.top-line .hot-line {

	height: 40px;

	line-height: 40px;

}

.top-line .user-menu li {

	line-height: 40px;

}

.wide .page-section.background-img-slider > .container {

	max-width: 100%;

}

#main-slider .item {

	min-height: 489px;

	background-size: cover;

	background-position: center top;

}

#main-slider .item a {

	display: block;

	min-height: 489px;

}

#main-slider .item a span {

	display: none;

}

#your-question .caption-title {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

}

#your-question {

	padding-top: 40px;

	padding-bottom: 20px;

}

#your-question .ps-title {

	padding-bottom: 35px;

}

#index-whyus .caption-title {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

}

#index-portfolio {

	padding-bottom: 28px;

}

.thumbnails.hotels .caption-title {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

	padding: 0 15px;

}

.thumbnails.hotels .caption-title, .thumbnails.hotels .caption-title a {

	font-size: 15px;

}

.to-top {

	left: auto;

	right: 60px;

}

.color .section-title .fa-stack .fa {

	color: #F28F00;

}

.section-title .rhex {

	background-color: #F28F00;

}

.wide .page-section, .boxed .page-section > .container {

	padding-top: 40px;

	padding-bottom: 40px;

	background: #fff;

}

#sponsors {

	x-padding-top: 0;

}

.thumbnail .caption.hovered {

	background-color: rgba(21, 50, 155, 0.6); 

}

#index-testimonials .media-body {

	font-size: 16px;

}

#index-news h2.post-title {	font-size: 15px;}

#index-news .author {	color: #999;}





#in .partners-carousel .owl-carousel div a {

	background: #fff;

}

#index-case-title #filtrable-gallery {

	margin-left: 50px;

}

#index-case-title .filtrable {

	margin-top: 20px;

	margin-bottom: 10px;

}

#index-case-title .filtrable a {

	font-size: 17px;

}

#index-case {

	padding-bottom: 0;

}

#index-case .caption-down {

	padding: 15px 14px 18px 14px;

	line-height: 1.6;

}

#index-case .caption-down .caption-category {

	padding-top: 8px;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

}

.thumbnail.hover .media img, .thumbnail:hover .media img {

	transform: none;

}

#index-case .thumbnail:hover .caption-down {

	opacity: 1;

}

#index-case .div-table, #index-case .div-cell {

	display: block !important;

}

#index-case .caption-title a {

	display: block;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

}

#index-widget-ad .btn {

	margin-right: 25px;

}

.thumbnails.events .caption-price, .thumbnails.events .caption-text {

	margin-bottom: 0;

	line-height: 1.8;

	font-size: 15px;

}

.thumbnails.gallery .caption-buttons .btn {

	margin-top: 30px;

}

#footer-sec .footer-meta {

	color: #fff;

}

.read-more .btn-theme {

	font-size: 15px;

}

.wide .footer-meta, .boxed .footer-meta > .container {

	padding: 12px 0;

}

.foot-support {

	text-align: right;

}

.foot-contact address {

	line-height: 2.0;

}

.wide .footer-widgets, .boxed .footer-widgets > .container {

	padding: 40px 0;

	border-top: 5px solid #004D8C;

	border-top: 5px solid #C7D0DC;

	background-color: #fff;

}

.widget-title:before {

	background-color: #004D8C;

}

.wide .footer-meta-alt, .boxed .footer-meta-alt > .container {

	background-color: #098ed8;

}

/* 内页 */



.noDis {

	display: none;

}

.page-content {

	line-height: 1.6; font-size: 16px;

}

.page-content p {

	margin-bottom: 10px; font-size: 16px;

}

.page-content img {  }

.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 .widget + .widget, .sidebar .widget + .widget, .footer .widget + .widget {

	margin-top: 0;

}

.comments {

	margin: 0;

	padding: 0;

	border: none;

}

/* 可移植内页样式 */

.sidebar .widget:last-child {

	margin-bottom: 0;

}

.entry-header {

	background: none;

	box-shadow: none;

	padding-top: 0;

	border: none;

}

.prolist-wrap .glass-animation img {

	

}

.s-contact {

	color: #555;

	line-height: 1.6; border-top: 1px solid #d3dae0; padding-top: 15px;

}

.sidebar .widget {

	margin-top: 0;

}

.entry-meta li:before {

	margin: 0;

}

#innerpage-wrap {

	background: #fff;

	padding: 25px 0 45px 0;

	clear: both;

}

.breadcrumb-section .bc-cat {

	padding-top: 16px;

	position: relative;

	top: 2px;

}

.bcid-cat {	font-size: 22px; padding: 0; 	font-weight: bold; }

.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: #0087D3;

	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: #0087D3;

}

.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: 15px;

	color: #6e7375;

}

.sidebar .widget ul li a {

	color: #373c40;

	color: #6e7375;

}

.sidebar .widget ul li a:hover {

	color: #06c;

}

.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-bottom: 22px;

	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;

}

.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;

}

.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 { width: 221px; height: 221px; overflow: hidden; }
.glass-animation img { width: 100%; height: 100%; object-fit: contain; }

.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: #00a2ff;

	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; box-shadow: 2px 0px 8px #dfdfdf; border-radius: 5px;

}

.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 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: 13px;

	text-align: center; padding: 5px 10px;	

	letter-spacing: normal;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

	background: #0062c7; margin: 6px 0 0 0;

}



.portfolio-item .item-des { height: 107px; line-height: 25px; margin: 0; padding: 4px 8px 12px 8px; color: #141f23; overflow: hidden; font-size: 14px; background: #f1f1f1; }



.portfolio-item .item-title a { color: #eee; }

.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: 6px; margin-bottom: 0;

	position: relative; border: 1px solid #d1d1d1;

}

.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 figure {

	position: relative;

	margin: 0 0 23px;

}

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

	opacity: 1;

}

.our-work .gallery-item .pic { height: 172px; overflow: hidden; }
.our-work .gallery-item .pic img { width: 100%; height: 100%; object-fit: contain; }

.our-work .gallery-item img {	padding: 0;	margin: 0;	max-width: 100%; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }

.our-work .gallery-item img:hover { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }

.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 h6 { font-size: 16px; line-height: 23px; color: #949394; }

.our-work .gallery-item p {

	margin-bottom: 12px;

}

.our-work .gallery-item p a {

	color: #363636;

	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;

}

.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;

}

.side-news .title2 { color: #fff; text-transform: uppercase; background: #0062c7; border-top-right-radius: 25px; height: 120px; }

.side-news .title2 .p1 { padding: 30px 0 0 20px; font-size: 20px; font-weight: 600; margin-bottom: 10px;  }

.side-news .title2 .p2 { padding: 0 0 0 20px; font-size: 16px;  }

.side-news .aboutlist { margin-bottom: 30px; border: 1px solid #e7e7e7; border-top: none; border-bottom: none; }

.side-news .aboutlist li { font-size: 16px; border-bottom: 1px solid #d3dae0; }

.side-news .aboutlist li a { display: block; padding: 10px 0 12px 33px; background: url(../images/icon_about2.png) no-repeat  }

.side-news .aboutlist li a:hover { background: url(../images/icon_about.png) 0 13px no-repeat #06c; color: #fff; }

.side-news .aboutlist li.active a { display: block; padding: 13px 0 15px 33px; background: url(../images/icon_about2.png) #fff no-repeat 10px 16px;  }

.side-news .aboutlist li.active a:hover { background: url(../images/icon_about.png) 10px 16px no-repeat #06c; color: #fff;  }

.side-news .aboutlist li.second a { display: block; padding: 13px 0 15px 33px; background: none; }

.side-news .aboutlist li.second a:hover { background: #06c; color: #fff;  }



.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;

}



.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: 15px 0;

	font-size: 14px;

}

.blog-post-wrap .bp-title {

	margin-top: 0;

	font-size: 23px;

	letter-spacing: normal;

	color: #333;

	text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 17px;

}

.prolist-wrap .proitem { font-size: 14px;  }

.prolist-wrap .proitem dl { background: #f1f1f1; width: 100%; }

.prolist-wrap .proitem dt { float: left; width: 80px; }

.prolist-wrap .proitem dd { float: left; }



.prolist-wrap .portfolio-item {	margin-bottom: 17px; padding-right: 5px; }

.prolist-wrap .portfolio-item  h6 { font-size: 14px; height: 26px; padding: 5px 0 5px 10px; margin: 0.5px 0; background: #f1f1f1; }

.prolist-wrap .portfolio-item  h6 p { float: left; width: 110px; margin: 0; }



.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;

}

.msg-title {

	font-size: 22px;

	text-align: center;

	margin-bottom: 25px;

}

.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%;

}

.add-msg-form textarea {

	box-sizing: border-box;

	border: 1px solid #ddd;

	color: #333;

	min-height: 100px;

	padding: 15px;

	color: #444;

	width: 100%;

}

.add-msg-form .submit-button {

	box-sizing: border-box;

	width: 95%;

	line-height: 40px;

	height: 40px;

	padding: 0px 15px;

	border: 0px;

	color: #fff;

	position: relative;

	background-color: #333;

	cursor: pointer;

	margin-bottom: 20px;

}

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

	background-color: #039ae3;

}

.add-msg-form em {

	position: absolute;

	bottom: 0;

	z-index: 1111;

	float: left;

	left: 20px;

}

.product-show .ps-desc {

	display: block;

	text-align: center;

	margin: 17px 0 20px;

	font-size: 14px;

}

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

	margin-top: 25px;

	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: 20px;

	padding-bottom: 25px;

	padding-bottom: 0;

}

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

	display: none;

}

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

	color: #D4171E !important;

}

.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: 0;

}

.sidebar .widget:last-child {

	margin-bottom: 30px;

}

.sidebar {

	padding-top: 1px;

	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: 1370px;

	width: 1370px;

}

}

@media (min-width:1570px) {

.container {

	max-width: 1170px;

	width: 1170px;

}

}

@media (min-width:1890px) {

.container {

	max-width: 1370px;

	width: 1370px; 

}

.wrap { width: 1370px; margin: 0 auto; }

}

 @media (max-width : 1024px) {

body {

	word-break: break-all;

	word-wrap: break-word

}

.container {

	max-width: 98%;

	width: 98%;

}

#navigation .Lev1 {

	margin-right: 5px;

}

}

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

.container {

	max-width: 99%;

	width: 99%; 

}

.wide.multipage .header, .boxed.multipage .header > .container {

	padding-bottom: 0;

}

.wide.multipage .header.shrink, .boxed.multipage .header.shrink > .container {

	padding-bottom: 0;

}

.multipage .shrink .logo, .multipage .logo {

	margin-top: 0;

}

.multipage .shrink .logo a, .multipage .logo a {

	margin: 5px 0;

}

#navigation .menu1 {

	color: #fff;

}

.navigation {

	width: 300px;

}

.multipage .sf-menu, .multipage .shrink .sf-menu {

	font-size: 13px !important;

}

#navigation .menu3 {

	padding: 10px 25px !important;

}

.navigation.closed {

	right: -300px;

}

.multipage .menu-toggle {

	top: 67px;

}

.multipage .shrink .menu-toggle {

	top: 27px;

}

.navigation.closed .menu-toggle {

	right: 20px;

}

.wide .page-section, .boxed .page-section > .container {

	padding-top: 30px;

	padding-bottom: 30px;

}

#main-slider .item {

	min-height: 140px;

	height: 380px;

}

#your-question {

	padding-bottom: 35px;

}

.thumbnails.events .caption-price, .thumbnails.events .caption-text {

	font-size: 14px;

	line-height: 2.0;

}

.thumbnails.info-thumbs .caption-text {

	margin-bottom: 0px;

	min-height: 45px;

}

#index-whyus .isotope-item {

	transform: none!important;

}

#index-whyus .thumbnails {

	height: auto !important;

}

#index-whyus .isotope-item {

	position: relative!important;

	top: 0!important;

	left: 0!important;

}

#index-portfolio {

	padding-bottom: 15px;

}

#index-news {

	padding-bottom: 5px;

}

.section-title {

	margin: 0 0 30px;

}

#footer-sec .footer-widgets {

	padding: 30px 0 15px;

}

.foot-about {

	width: 100%;

}

.foot-nav, .foot-contact, .foot-qrcode {

	display: none;

}

.foot-copyright {

	width: 100%;

	text-align: center;

}

.foot-support {

	display: none;

}

}

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

.adword {

	display: none;

}

.multipage .shrink .logo a, .multipage .logo a {

	margin: 0;

}

#index-slider {

	margin-top: 110px;

}

.multipage .menu-toggle {

	top: 60px;

}

.multipage .shrink .menu-toggle {

	top: 20px;

}

#main-slider .item {

	height: 300px;

}

#index-whyus .thumbnail .caption {

	padding: 3px 0 0 0;

}

.thumbnails.events .caption-price, .thumbnails.events .caption-text {

	line-height: 1.8;

}

#index-case .isotope-item {

	width: 50%;

}

.section-title small {

	display: none;

}

#filtrable-gallery {

	display: none;

}

}

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

.top-line .user-menu {

	display: none;

}

#main-slider .item {

	height: 260px;

}

.thumbnails.events .caption-price, .thumbnails.events .caption-text {

	line-height: 1.5;

}

.iwad-btn-3 {

	display: none;

}

.carousel-slider .owl-theme .owl-controls .owl-nav {

	margin-top: 0;

	margin-bottom: 30px;

}

}

@media (max-width : 480px) {

.top-email {

	display: none;

}

#main-slider .item {

	height: 220px;

}

.iwad-btn-2 {

	display: none;

}

.read-more .btn-theme {

	padding: 10px 20px;

	font-size: 14px;

}

}

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

#main-slider .item {

	height: 200px;

}

.whyus-img {

	width: 100%;

	margin: 0 0 25px 0;

}

.whyus-text {

	clear: both;

	width: 100%;

}

.caption-title {

	font-size: 15px;

}

}

@media (max-width : 360px) {

#main-slider .item {

	height: 160px;

}

#index-case .isotope-item {

	width: 100%;

}

}

.dede_pages{ height:28px; font-size:15px;text-align:center; margin-bottom: 20px; }

.dede_pages ul{display:inline-block;margin:0 auto;padding:0}

.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 5px;padding:0 10px;line-height:25px;background:#fff;border:1px solid #d8dadf; border-radius: 8px; }

.dede_pages ul li a{float:left;color:#555;display:block}

.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}

.dede_pages ul li:hover a{color:#fff}

.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}

.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid}

.dede_pages ul li.thisclass a{color:#fff}

.dede_pages .pageinfo{line-height:30px;padding-left:5px}

.dede_pages strong{font-weight:400}

.page-num {float:left;font-family:'microsoft yahei';margin:0 2px;padding:0 10px;line-height:25px;background:#fff;border:1px solid #d8dadf}

.page-num-current { border:1px solid #005dc5; color: #005dc5; border-radius: 8px; }



#maximg img{ max-width:100%; height:auto !important}





.footer .row li a { color: #fff; }

.footer .row li a:hover { color: #8fe6ff; }



.ft_bottom { padding-bottom: 20px; background: #fdfdfd; border-top: 1px solid #e1e1e1; }

.ft_bottom .leftbar {  }

.ft_bottom .rightbar p { text-align: center; }

.ft_bottom .leftbar li { margin: 6px 0; color: #676767; font-size: 15px; }

.ft_bottom .leftbar li.title { font-size: 18px; font-weight: bold; margin: 25px 0 15px 0; color: #333; }

.ft_bottom .leftbar li a { color: #676767; }



#index-download .downlist li { margin: 20px 0; font-size: 14px; color: #8b8b8b; }

#index-download .downlist li span { float: right; }

#index-download .downlist .title { font-weight: bold; font-size: 16px; color: #313131; }

#index-download .downlist .normal, #index-download .downlist .normal a { font-size: 14px; color: #8b8b8b;  }



.btn_down { display: block; padding: 6px 15px; background: #005dc5; border-radius: 5px; cursor: pointer; font-size: 14px; text-align: center; color: #fff; }

.btn_down:hover { background: #0071f0; color: #fff; }



.caption .btn_xq { margin-top: 10px; }

.caption .btn_xq a { display: block; padding: 5px 5px; background: #005dc5; width: 110px; border-radius: 5px; cursor: pointer; font-size: 14px; text-align: center; color: #fff; }

.caption .btn_xq a:hover { background: #0071f0; color: #fff; }



.banner_zoom { overflow: hidden; position: relative; }

.banner_zoom > img { width: 100%; transition: transform 12s cubic-bezier(0.23, 1, 0.32, 1); transform: scale(1); }

.banner_zoom:hover > img {  transform: scale(1.1); }

.banner_zoom .p1 {  font-size: 250%; font-weight: bold; color: #fff; max-width: 1150px; margin: 0 auto; margin-bottom: 3%; text-shadow: 2px 2px #000; }

.banner_zoom .p2 {  font-size: 120%; color: #fff;  max-width: 1150px; margin: 0 auto; text-shadow: 2px 2px #000; }

.banner_zoom .inwrap { position: absolute;  left: 15%;  top: 25%;}



.com-cnt .title { font-size: 18px; font-weight: bold; margin: 5px 0 15px 0; color: #333; }

.about-page-wrap .map { width: 100%; height: 500px; margin: 20px 0 0 0; }

.about-page-wrap .map img { max-width: 100%; }

.icon_en { background: url(/skin/images/icon_en.gif) no-repeat 5px 14px; padding: 0 10px 0 18px; }

.icon_cn { background: url(/skin/images/icon_cn.gif) no-repeat 5px 14px; padding: 0 10px 0 20px; }



.prolist-wrap .downlist { width: 96%; }

.prolist-wrap .downlist li { margin: 20px 0; font-size: 14px; color: #8b8b8b; border-bottom: 1px dashed #ccc; padding-bottom: 10px; }

.prolist-wrap .downlist li span { float: right; }

.prolist-wrap .downlist .title { font-weight: bold; font-size: 16px; color: #313131; }

.prolist-wrap .downlist .normal, .prolist-wrap .downlist .normal a { font-size: 14px; color: #8b8b8b;  }



.ban{ margin: 20px auto 0 auto; width:430px; height:540px; position:relative; overflow:hidden;}

.ban2{ width:430px; height:430px; position:relative; overflow:hidden;}

.ban2 ul{ position:absolute; left:0; top:0;}

.ban2 ul li{ width:430px; height:430px;}

.ban .prev{ float:left; cursor:pointer;}

.ban .num{ height:82px;overflow:hidden; width:380px; position:relative;float:left;}

.ban .min_pic{ padding-top:10px; width:430px;}

.ban .num ul{ position:absolute; left:0; top:0;}

.ban .num ul li{ width:80px; height:82px; margin-right:15px; padding:1px; background: #f8f8f8; }

.ban .num ul li.on{ border:1px solid #d8d8d8; padding:0;}

.ban .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:25px; margin-right:10px; cursor:pointer; float:left;}

.ban .prev_btn1 img, .ban .next_btn1 img { width: 9px; height: 18px; }

.ban .next_btn1{  width:16px; text-align:center; height:18px; margin-top:25px;cursor:pointer;float:right;}

.ban .prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.ban .next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.ban .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}

.ban .pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}

.ban .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}

.ban .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}

.ban .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}

.ban .pop_up2 ul{ position:absolute; left:0; top:0;}

.ban .pop_up2 ul li{ width:500px; height:500px; float:left;}



.product_item dd { margin-left: 21px; }

.product_item dd span { display: block; float: left; margin-right: 12px; width: 150px; color: #333; font-weight: bold; text-align: left; }

.btn_bottom { margin: 30px 0 0 20px; }

.btn_bottom .btn_buy { float: left; margin: 10px 0 0 25px; display: block; padding: 12px 7px; background: #cd1800; width: 110px; border-radius: 5px; cursor: pointer; font-size: 14px; text-align: center; color: #fff; }

.btn_bottom .btn_buy:hover { background: #f21c00; }

.btn_bottom .btn_price { float: left; margin: 10px 0 0 0; display: block; padding: 12px 7px; background: #005dc5; width: 110px; border-radius: 5px; cursor: pointer; font-size: 14px; text-align: center; color: #fff; }

.btn_bottom .btn_price:hover { background: #0071f0; }



.order_a .close { position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}

.order_a h2{ position:relative; background: #f1f1f1; line-height:30px; font-size:16px; padding-left:10px; border-bottom: 1px solid #ddd; margin-bottom: 40px; border-radius:5px 5px 0 0; }

.order_a .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

.order_a .img img{ width:129px; height:129px;}

.order_a p{ padding:15px 10px 0; text-align: center;}

.order_wrap { width: 90%; margin: 0 auto; }

.caption .inwrap { width: 124px; margin: 0 auto; }

.caption .btn_price { float: left; margin: 10px auto 0 auto; display: block; padding: 7px 7px; background: #005dc5; width: 110px; border-radius: 5px; cursor: pointer; font-size: 14px; text-align: center; color: #fff; }

.caption .btn_price:hover { background: #0071f0; }



.company_zz li { float: left; width: 30%; text-align: center; margin: 0 15px 20px 15px; display: block; border: 5px solid #30448c; border-radius: 10px; }

.company_zz li img { margin: 20px 0 10px 0; width: 116px; height: 162px; }

.company_team dl { float: left; width: 31%; margin: 0 10px 20px 10px; }

.company_team dt { overflow: hidden; }

.company_team dt img { width: 315px; height: 206px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }

.company_team dt img:hover { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }

.company_team dd { text-align: center; border-top: 4px solid #14328f; background: #f4f4f4; padding: 8px 0; }





/* hr */

.hr_intro { font-size: 16px; }

.hr_intro strong { font-size: 24px; }

.zptopbar { height: 35px; padding-top: 10px; background: #039ae3; color: #fff; font-size: 16px; }

.zplist li { float: left; text-align: left; font-size: 15px; }

.zplist li span { font-weight: bold; }

.zplist li.p1 { width: 34%; font-weight: bold; padding-left: 20px; }

.zplist li.p2 { width: 18%; overflow: hidden; font-size: 14px; }

.zplist li.p3 { width: 18%; }

.zplist li.p4 { width: 15%; }

.zplist li.p5 { width: 15%; text-align: center; }



.zpbox { margin:10px auto; width:100%; height: auto; }

.zpbox .title { font-weight: normal; font-size: 16px; }

.zpbox .collapsing ul { margin: 0; }

.zpbox .collapsing{ width: 100%; height: 42px; line-height: 42px; cursor: pointer; border-bottom: 1px solid #e3e3e3; text-align: center; background: url(/skin/images/pro_left.png) 915px 8px no-repeat #fafafa; margin: 1px 0 0 0; color: #333; }

.zpbox .coll_body{ display: none; font-size: 16px; position: relative; padding: 20px; line-height: 26px; border: 1px solid #e3e3e3; border-top: none; }

.zpbox .current{ background-image:url(/skin/images/pro_down.png);}

.zpbox .coll_body .btn_jl { }

.zpbox .coll_body .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; }

.zpbox .coll_body .btn_jl a:hover { background: #dbebf5; color: #1074b4; border: 1px solid #99bed5; }





@media (min-width: 1024px) { 



/*top nav*/



.logo {	float: left; padding-top: 35px; margin-left: 6%; 	font-size: 30px; 	font-weight: bold;	margin-top: -8px; }



.head {position: relative; width:65%; margin: 0 auto; height:48px;z-index: 9999}

.head .navbox{}

.head .nav{display: block; float: left; width: 100%; }

.head .nav .nav_pc{ width: 100%; }

.head .nav ul li:first-child { }

.head .nav ul li .f_a {line-height:48px; padding: 36px 0; display:block;text-align:center;font-size:16px;color:#333;}

.head .nav ul li:hover .f_a {background-color:;color: #06c; transition:all .3s; border-bottom: 1px solid #005296; }

.head .nav ul li .s_navbox {display:none;position: absolute;left: -45px;  width: 160%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); background:#fff; z-index: 9999;box-sizing: border-box}

.head .nav ul li .s_navbox .s_a a{color:#666; background: #fff; font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 15px 0; border: none; }

.head .nav ul li .s_navbox .s_a a:hover{background-color:#f7f7f7;color: #4885b7;}

.m_nav{display:none}

.headlf .m_logo{display: none}

.headlf .m_menuimg{display: none}



#header-sec { background: #fff; height: 120px; box-shadow: 0 3px 12px #f1f1f1; }

.headerbar { margin: 0 auto; }

.headerbar .righttel { float: right; font-size: 16px; margin-top: 0; margin-right: 6%; }

.headerbar .righttel li { float: left; }

.headerbar .righttel li.t1 { background: url(../images/rightel01.png) no-repeat; padding: 3px 0 10px 35px; width: 180px; color: #337fe5; font-weight: bold; }

.headerbar .righttel li.t2 { background: url(../images/rightel02.png) no-repeat; padding: 3px 0 10px 35px; }

.headerbar .righttel li.t2 a { color: #666; }



.head .nav ul li{float:left; width: 10%; margin: 0 10px; position: relative;box-sizing: border-box;z-index: 999; } 

.head .nav ul li.active a { border-bottom: 1px solid #06c; color: #06c; }



.our-work .gallery-item {	padding: 20px 20px 10px 20px; border: 1px solid #ccc; }

.our-work .gallery-item .item-title {	font-size: 18px; margin: 20px 0 15px 0;	font-weight: 600;	color: #363636;	padding-bottom: 0;	position: relative;

	z-index: 999;	overflow-x: hidden;	text-overflow: ellipsis;	white-space: nowrap;	line-height: 1.4; }



h2.post-title {	font-size: 16px; color: #333; font-weight: bold;	letter-spacing: normal;	margin-top: 15px;	margin-bottom: 0px;	line-height: 1.4;

	overflow-x: hidden;	text-overflow: ellipsis;	white-space: nowrap; }



.blog-article .leftimg { float: left; width: 31%; }

.blog-article .leftimg img { max-width: 100%; }

.blog-article .post-summary { float: right; width: 66%; }

.blog-article .post-summary a:hover { color: #06c; }

.blog-article .post-summary h3 { font-size: 14px; }

.blog-article .time { float: left; font-size: 14px; margin: 6px 0 0 10px; color: #999; }

.blog-article .type { float: left; width: 160px; display: block; padding: 5px 8px 8px 8px; border: 1px solid #e5e5e5; border-radius: 5px; text-align: center; }

.blog-article .post-summary h4 { margin: 10px 0 14px 0; font-size: 14px; line-height: 23px; color: #333; }



}



@media (min-width: 800px) and (max-width: 1024px) { 

.head .nav ul li{float:left; width: 10%; position: relative;box-sizing: border-box;z-index: 999;} 

.head .nav ul li.active a { background: #fff; }

}



@media (min-width: 800px) {



#index-news { width: 49.5%; margin-bottom: 30px; border-right: 1px solid #e3e3e3; padding: 0; }

#index-download { width: 49.5%; margin-bottom: 30px; padding: 0 0 20px 20px;  }

.phoneimg { display: none; }

#index-slider {	margin-top: 124px; }

.breadcrumb-wrapper {	background: #F4F4F4;	margin-top: 124px; }

.margin_right128 { margin-right: 128px; }

.order_a{ display: none; position:fixed;width:600px; height:450px; z-index:100000; left:50%; top:50%; margin:-180px 0 0 -300px; background:#fff; border:1px solid #ddd; border-radius:8px; box-shadow:0px 2px 8px #ddd;}

.footer .row li { float: left; width: 120px; font-size: 15px; }

.m_img .headrg .lang { display: none; }

#index-news .newslist li { margin: 20px 0; padding-left: 20px; background: url(/skin/images/icon_news.gif) no-repeat; font-size: 16px; }

#index-news .newslist li p { float: right; margin-right: 20px; }

#index-download .downlist .downleft { float: left; padding-left: 55px; background: url(/skin/images/icon_download.gif) no-repeat 0 3px; line-height: 23px; }

#index-download .downlist .downright { float: right; margin-top: 5px; }

.ft_bottom .rightbar { text-align: center;  margin-top: 20px; }

.moreinfo { float: right;  margin-top: 12px;  }

.content .widget + .widget, .sidebar .widget + .widget, .footer .widget + .widget {	margin-top: 50px; }

.prolist-wrap .downlist .downleft { float: left; padding-left: 55px; background: url(/skin/images/icon_download.gif) no-repeat 0 3px; line-height: 23px; }

.prolist-wrap .downlist .downright { float: right; margin-top: 5px; }



.product_item dt { float: left; width: 40%; }

.product_item dt img { width: 90%; padding: 3px; border: 1px solid #ccc; }

.product_item dd { float: left; width: 100%; margin: 8px 0 6px 21px; font-size: 16px; color: #333; }



.form-control { float: left; width: 260px; border: 0; 	height: 35px;	padding-left: 20px;	padding-right: 20px;	font-size: 16px;	color: #6d7a83;	-webkit-appearance: none; /* ios */	-webkit-box-shadow: none;	box-shadow: none;

}

.container .topbar { height: 50px; padding-top: 10px; }

.location {	margin-top: 7px; font-size: 16px; padding-left: 0; }



.ps-content .pic { float: left; width: 45%; margin: 10px 0 0 0; background: #fff; border: 1px solid #ededed; text-align: center; }

.ps-content .proinfo { float: right; width: 45%; margin-right: 30px; }

.ps-content .pic img { width: 100%; }

.ps-content .product_item { float: right; width: 54%; }



.product_item dd span.zhiliao { margin-top: 10px; }

.product_item .pro_tools li { float: left; margin-right: 20px; font-size: 16px; }

.product_item .pro_tools li.btn_blue a { display: block; border: 1px solid #ccc; border-radius: 8px; text-align: center; padding: 7px 16px; }

.product_item .pro_tools li.btn_blue a:hover { background: #0062c7; color: #fff; }

.product_item .pro_tools li.btn_gray a { display: block; border: 1px solid #ccc; color: #999; border-radius: 8px; text-align: center; padding: 7px 16px; }



}



@media (max-width: 800px) {



.headerbar { display: none; }

.mblang { float: left; font-size: 16px; margin-left: 10px; }



#index-news { padding: 0; }

#index-download {  padding: 0; }

.picimg { display: none; }

#index-slider {	margin-top: 44px; }

.breadcrumb-wrapper {	background: #F4F4F4;	margin-top: 44px; }

. { margin-right: 8px; }

.order_a{ display: none; position:fixed;width:300px; height:500px; z-index:100000; left:20%; top:20%; margin:-30px 0 0 -30px; background:#fff; border:1px solid #ddd; border-radius:8px; box-shadow:0px 2px 8px #ddd;}

.footer .row li { float: left; width: 120px; margin: 5px 0; font-size: 16px; }

#index-news .newslist li { margin: 20px 0; padding-left: 20px; background: url(/skin/images/icon_news.gif) no-repeat; font-size: 16px; }

#index-news .newslist li p { clear:both; margin-right: 20px; }

#index-download .downlist .downleft { padding-left: 55px; background: url(/skin/images/icon_download.gif) no-repeat 0 3px; line-height: 23px; }

#index-download .downlist .downright { margin-top: 5px; }

.ft_bottom .rightbar { display: none; text-align: center;  margin-top: 20px; }

.moreinfo { float: right; margin-top: 8px; }

.content .widget + .widget, .sidebar .widget + .widget, .footer .widget + .widget { display: none;	margin-top: 50px; }

.prolist-wrap .downlist .downleft { padding-left: 55px; background: url(/skin/images/icon_download.gif) no-repeat 0 3px; line-height: 23px; }

.prolist-wrap .downlist .downright { margin-top: 5px; }

.form-control { float: left; width: 80%; border: 0; 	height: 35px;	padding-left: 20px;	padding-right: 20px;	font-size: 16px;	color: #6d7a83;	-webkit-appearance: none; /* ios */	-webkit-box-shadow: none;	box-shadow: none;

}

.container .topbar { height: 50px; padding-top: 10px; font-size: 15px; }

.location {	margin-top: 7px; font-size: 15px; padding-left: 0; }



.product_item dt { width: 100%; }

.product_item dt img { width: 99%; padding: 3px; border: 1px solid #ccc; }

.product_item dd {  width: 100%; margin: 10px 0; font-size: 16px; clear: both; height: 25px; }



.product_item dd span.zhiliao { margin: 0 0 10px 0; width: 100%; }

.product_item .pro_tools li { float: left; margin-right: 20px; font-size: 16px; }

.product_item .pro_tools li.btn_blue a { display: block; border: 1px solid #ccc; border-radius: 8px; text-align: center; padding: 7px 16px; }

.product_item .pro_tools li.btn_blue a:hover { background: #0062c7; color: #fff; }

.product_item .pro_tools li.btn_gray a { display: block; border: 1px solid #ccc; color: #999; border-radius: 8px; text-align: center; padding: 7px 16px; }



.isotope-item { padding: 0 10px; }

.our-work .gallery-item {	padding: 10px 10px; border: 1px solid #ccc; }

.our-work .gallery-item .item-title {	font-size: 18px; margin: 10px 0 5px 0;	font-weight: 600;	color: #363636;	padding-bottom: 0;	position: relative;

	z-index: 999;	overflow-x: hidden;	text-overflow: ellipsis;	white-space: nowrap;	line-height: 1.4; }



h2.post-title {	font-size: 16px; color: #333; font-weight: bold;	letter-spacing: normal;	margin-top: 8px;	margin-bottom: 0px;	line-height: 1.4;

	overflow-x: hidden;	text-overflow: ellipsis;	white-space: nowrap; }



.blog-article .leftimg { float: left; width: 31%; margin: 10px 0 0 5px; }

.blog-article .leftimg img { max-width: 100%; }

.blog-article .post-summary { float: right; width: 66%; margin-bottom: 10px; }

.blog-article .post-summary a:hover { color: #06c; }

.blog-article .post-summary h3 { font-size: 14px; }

.blog-article .time { float: left; font-size: 14px; margin: 6px 0 0 10px; color: #999; }

.blog-article .type { float: left; width: 80px; display: block; padding: 5px 8px 8px 8px; border: 1px solid #e5e5e5; border-radius: 5px; text-align: center; }

.blog-article .post-summary h4 { margin: 10px 0 14px 0; font-size: 14px; line-height: 23px; color: #333; }



.ps-content .pic { margin: 10px 0 0 0; background: #fff; border: 1px solid #ededed; text-align: center; }

.ps-content .proinfo { float: right; width: 45%; margin-right: 30px; }

.ps-content .pic img { width: 100%; }

.ps-content .product_item { }





/*mobile nav*/

.msgNum{display: none;}

.slider{margin-top: 44px;}

.head{display:none}

.header-wrapper { display: none; }

.m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}

.m_img .headlf{ width: 55%; padding-top:2px;padding-left:5px;float: left;}
.m_img .headlf .head01 { float: left; width: 35px; margin: 8px 0 0 5px; }
.m_img .headlf .head01 img { width: 65%; }
.m_img .headlf .head02 { float: left; width: 120px; }

.m_img .headlf .m_logo{ margin-top: 8px; display: block; max-width: 110%; }

.m_img .headrg { padding-right:5%; padding-top:10px;float: right;}

.m_img .headrg a .m_menuimg{ height:16px; margin-top: 4px; vertical-align:top; isplay: block; }

.m_img .headrg li { float: left; margin: 0 0 0 15px; font-size: 16px; }

.m_img .headrg li.lang { margin-top: 2px; }



.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}

.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}

.m_nav .closeicon{ margin: 10px 0 0 10px;  width:10%; z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}

.m_nav .m_navList{position:absolute;width:100%;right:0px;top:0px;background:#fff;height:100%;z-index:100;right:-80%;overflow-y: scroll;}

.m_nav .m_navList ul{padding-left:5%;padding-right:5%}

.m_nav .m_navList ul li{border-bottom:1px solid #f2f2f2}

.m_nav .m_navList ul li a{display:block;height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px}

.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}

.m_nav .m_navList ul li .m_f_a a{flex: 1;}

.m_nav .m_navList ul li .m_f_a i{width: 25px;height:25px; border-radius: 5px;box-sizing: border-box; padding:0 5px; display: block;}

.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}

.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}

.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}

.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

.m_nav .search_bottom { display: none; background: #fff; margin-top: 15px; }

}