body {

	font-family: "Open Sans", Montserrat, Roboto, Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;

	font-size: 14px;

	color: #282828;

	overflow-x: hidden;}

ul, li {

	list-style: none;

	margin: 0;

	padding: 0;}

a {

	outline: none!important;

	color: #282828;}

a:hover, a:active {

	color: #830e84;

	text-decoration: none;}

.dark-title a {

	color: #fff;}

.dark-title a:hover, .dark-title a:active {

	color: #1cbac8;}

.text-center {

	text-align: center;}

b, strong {

	font-weight: bold;}

.circle-icon {

	border: 2px solid #830e84;}

.site-top, .list-filter li a:hover, .list-filter li a.active, .circle-icon:after {

background: #830e84;}

.icon-tabs li.active .circle-icon-info h1, .icon-tabs li.active .circle-icon-info h2, .icon-tabs li.active .circle-icon-info h3, .icon-tabs li.active .circle-icon-info h4, .icon-tabs li.active .circle-icon-info h5, .icon-tabs li.active .circle-icon-info h6 {

	color: #830e84;}

.site-top {

	color: #fff;

	padding: 0px;

	line-height: 30px;}

.site-logo {
    margin: 36px 0 0 0;}

.site-logo img { width:100%;}

.page-header .main-navigation a {

    padding: 60px 10px;}

.page-header .main-navigation li .dropdown-menu {

	padding-top: 1px;}

.page-header .main-navigation a:after, .page-header .main-navigation a:before {

	background-color: transparent;}

.page-header .main-navigation li.active > a, .page-header .main-navigation li.active > a:hover, .page-header .main-navigation li > a:focus, .page-header .main-navigation li > a:hover {

	color: #ffffff;}

.navbar-default .navbar-nav > li > a {

color: #ffffff !important;

}

.dropdown > a:before, .dropdown > button:before, .dropdown > a:after, .dropdown > button:after {

	display: none !important;

	border: none;}

#navbar-collapse .menu1 {

	border: none;

	padding: 60px 10px;}

#navbar-collapse .menu1:hover, #navbar-collapse .menu1:active {

	color: #ffffff;}

.navbar-nav .dropdown-menu .Lev2 {

	position: relative;}

.navbar-nav .dropdown-menu .sub-menu3 {

	display: none !important;}

.navbar-nav .dropdown-menu .Lev2:hover .sub-menu3 {

	display: block !important;

	left: 100%;

	top: 0!important;

	margin-top: -1px!important;}

.bg-pattern:before, .bg-pattern-clean:before {

	display: none;}

.ms-thumb-frame-selected {

	height: auto!important;}

.section-pad {

	padding: 35px 0;
    border-bottom: 1px solid #ccc;}

.section-header, .section-header-alt {

	margin-bottom: 0px;

	text-align: center;}

.section-header > .container:before, .section-header-alt > .container:before, .section-header > .container:after, .section-header-alt > .container:after {

	display: none;}

#product-adv {

	padding: 45px 0 20px;}

#product-adv .icon-tabs li {

	margin-bottom: 30px;}

#product-adv .circle-icon {

	width: 130px;

	height: 130px;

	line-height: 126px;}

#product-adv .description {

	margin: 22px 0px 20px;}

#section-quote2 {

	background-image: url(../images/quote-bg.jpg);}

#index-portfolio {

	padding: 30px 0;}

#index-portfolio .iport-h3-title {

	padding: 18px;

	font-size: 15px;

	font-weight: bold;

	margin-bottom: 0;

	text-align: center;
    background: #f1f1f1;
	line-height: 1.4;}

.iport-h3-title a {

	color: #282828;

	display: block;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;}

.iport-h3-title a:hover, .iport-h3-title a:active {

	color: #830e84;}

#index-portfolio .gallery-item {

	margin-bottom: 0;}

.gal-mtop {

	margin-top: 10px;}

.iport-cate {

	overflow-x: hidden;

	line-height: 1.8;
    margin-top: 0px !important;
	padding:0px 12px;
    width: 100%;}

.gallery-item-detail-inner a {

	color: #fff;}

.gallery-item-detail-inner a:hover, .gallery-item-detail-inner a:active {

	color: #fff;}

.list-filter {

	text-align: center;}

#index-photo {

	background: #f4f4f4;

	padding: 45px 0 30px;}

#index-photo .igal-title {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 15px;

	text-align: center;

	line-height: 1.4;}

#index-photo .worker .worker-over {

	padding: 12px 15px;}

.dark-cover-7:after {

	background-color: rgba(0, 0, 0, 0.35);}

#section-testimonials2 {

	background-image: url(../images/why-bg.jpg);}

#slider-testimonials-dots img {

	max-width: 120px;}

#section-testimonials2 .quote-alt .quote-author {

	font-size: 25px;

	margin-bottom: 20px;}

#section-testimonials2 .quote-alt p {

	font-size: 17px;}

.light-cover-7:after {

	background-color: rgba(255, 255, 255, 0.55);}

#section-video2 {

	background-image: url(../images/video-bg.jpg);}

#index-blog .post {

	margin-bottom: 0;}

#index-blog .post .post-content {

	padding: 20px;}

#index-blog .post-content .inews-title {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 15px;

	font-size: 15px;

	line-height: 1.4;}

#index-blog .post .post-label {

	font-size: 13px;}

.post .post-preview:hover .post-label, .post .post-preview:hover .post-label-alt {

	opacity: 1;

	visibility: visible;}

#index-blog .desc {

	margin-bottom: 0;}

#index-client .logo-hover {

	margin-bottom: 0;}

#index-client .logo-hover img {

	border: 1px #ddd solid;

	max-width: 100%;

	width: 100%;}

#index-client .logo-hover:hover > img {

	opacity: 1;}

#footer-sec h6 {

	font-size: 19px;

	font-weight: bold;}

.page-footer .container .footer-col {

	padding-bottom: 15px;}

.fabout-text p {

	margin-bottom: 10px;}

.list-links {

	display: block;

	line-height: 1.2;}

.list-links a {

	padding: 8px 21px 8px 30px;}

.list-links a, .post-small a, .site-info a {

	color: #b0b0b0;}

.list-links a:hover, .list-links a:active, .post-small a:hover, .post-small a:active, .site-info a:hover, .site-info a:active {

	color: #830e84;}

.f-news .post-small {

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom: 1px #4C4C4C dashed;}

.f-news .post-small:last-child {

	border-bottom: none;}

.f-news .post-small img {

	max-width: 60px;

	border-radius: 15px;}

.f-news .post-small .post-content {

	padding: 2px 0 10px;}

.f-news .post-content {

	border-bottom: none;}

.f-news .post-content h5 {

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

	margin-bottom: 8px;}

.f-news .post-small .post-meta {

	margin-top: 3px;}

.site-info-left, .site-info-right {

	padding-bottom: 10px;}

.site-info {

	font-size: 14px;}

.site-info b {

	color: #830e84;}

/* å†…é¡µ */



.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.jpg) no-repeat 0px 0px;

	padding-left: 19px;

	color: red;}

em.success {

	overflow: hidden;

	zoom: 1;

	background: url(../images/checked.jpg) 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;}
.page-status{ padding:0 5px;}
.page-num-current{background: #830e84 !important;

	color: #fff !important;

	text-align: center;}
#pages span {

	display: inline-block;

	margin: 0px 8px;

	height: 24px;

	line-height: 22px;

	background: #830e84;

	color: #fff!important;

	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;}

}

/* å¯ç§»æ¤å†…é¡µæ ·å¼ */

.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: 15px 0;}

.breadcrumb-section .bc-cat {

	padding-top: 16px;

	position: relative;

	top: 2px;}

.bcid-cat {

	font-size: 24px;

	font-weight: bold;}

.location {

	text-align: right;line-height: 37px;}

.widget .tagcloud a, .tags-list a, .searchform #searchsubmit {

	transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);}

.searchform {

	overflow: hidden;

	background-color: #830e84;}

.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: #830e84;

	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.jpg);

	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: #830e84;}

.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: #fff;

	text-transform: uppercase;

	font-weight: 600;}

.sidebar .widget ul li {

	border-bottom: 1px solid #d3dae0;

	padding: 6px 15px;

	font-size: 16px;
    font-weight: bold;
	color: #333;}
.sidebar .widget ul li:hover{background:#f1f1f1; color:#fff;}

.sidebar .widget ul li ul {

	padding: 6px 0 0;}

.sidebar .widg .title {

	color: #fff;

	text-transform: uppercase;

	font-weight: 600;}

.sidebar .widg ul li {

	border-bottom: 1px solid #d3dae0;
	padding: 6px 0;
    margin: 10px 0;
	font-size: 16px;
	color: #333;}
.widg .title {

	font-size: 20px;
    width: 350px;
    padding-left: 20px;
    margin-left: -20px;
	line-height: 45px;
    background: #830e84;
	margin-bottom:0px;

	margin-top: 0;}
.s-desc{margin:0px;}
.widg ul {

	list-style: none;

	margin: 0;}
.sidebar .widg 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;
    width: 350px;
    padding-left: 20px;
    margin-left: -20px;
	line-height: 45px;
    background: #830e84;
	margin-bottom:0px;

	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: #830e84;

	border-right: 1px solid #830e84;

	border-bottom: 1px solid #830e84;

	margin-bottom: -1px;}

.widget .tabbed .block {

	margin: 0;

	display: none;}

.widget .tabbed .block.current {

	display: block;

	padding: 5px 0 0;

	border-top: 1px solid #d3dae0;}

.widget .tabbed .widget-list li {

	background: none;

	border-bottom: 1px solid #E8E9EF;

	padding: 10px 0 10px;

	margin-bottom: 0px;

	line-height: 1.0;}

.widget .tabbed .widget-list li .link-read-more {

	color: #830e84;}

.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: right;

	margin-bottom: 0;}



.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.jpg);

	background-position: left 3px;

	margin-right: 18px;

	margin-bottom: 0;}

.widget-list li .author {

	background-image: url(../images/icon-user.jpg);

	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: #830e84;}

.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: #830e84;}

.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: #830e84;

	position: absolute;

	right: 0;

	top: 0;

	left: 0;

	bottom: 0;

	margin: auto;

	opacity: 0;
z-index:98;
}

.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;
z-index:99;
}

.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-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 {}



.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;

	font-weight: normal;}

.blog-article .read-more-link:after {

	content: "\f101";

	font-family: FontAwesome;

	color: #830e84;

	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: #830e84;}

.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: 4px;

	color: #4f5458;

	letter-spacing: normal;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 1.4;

	text-align: center;}

.portfolio-item time {

	color: #687075;}

.portfolio-item span {

	color: #830e84;}

.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: #830e84;}

.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.jpg) 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;

	line-height: 1.0;}

.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: #830e84;

	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: #830e84;}

.sidebar .widget {

	margin-bottom: 35px;}

.widget-list li .comments {

	margin-right: 0;

	padding-left: 0;

	padding-top: 3px;}
.sform-div{ margin-top:10px;}

.widget .widget-list {

	padding-left: 0;}

.sidebar .widget ul li .s-desc {

	margin-bottom: 0px;

	line-height: 1.5

;}
.sidebar .widget ul li:hover{ background:#9a299b;}
.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: 14px;

	letter-spacing: normal;

	margin-top: 0;

	margin-bottom: 12px;

	line-height:2;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: normal;}
h2.post-title span{ float:right;}
h2.post-title:hover{ background:#f1f1f1;}
.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: 14px;}

.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;

	color: inherit;}

.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 {

	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: 12px;

	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: 1440px;

	width: 1440px;}

}

@media (min-width:1570px) {

.container {

	max-width: 1440px;

	width: 1440px;}



}

@media (min-width:1890px) {



#product-adv .description {

	line-height: 2.1;}

.fabout-text, .fabout-text p {

	line-height: 1.7;}

#product-adv .description {

	line-height: 1.4;}

#index-blog .desc {

	font-size: 13px;}

}

 @media (max-width : 1024px) {

body {

	word-break: break-all;

	word-wrap: break-word

;}

.container {

	max-width: 98%;

	width: 98%;}

.navbar-default .navbar-toggle {

	display: block !important;

	margin: 15px 0 0;

	padding: 7px 0 7px 8px;

	font-size: 26px;

	line-height: 1.0;}

#main-nav {

	display: none;}

#mmenu {

	border-left: 1px #E5E5E5 solid;}

#mmenu .mmDiv {

	padding-top: 20px;}

#mmenu .mm-title {

	padding: 12px 0 11px;}

#mmenu .mm-search-form {

	margin: 0;}

#mmenu .mm-search {

	position: static;

	padding-left: 0;

	margin-top: 10px;

	padding-right: 0;

	margin-bottom: -17px;}

#mmenu .mm-search .side-mm-keyword {

	max-height: 32px;

	height: 32px;

	padding: 0 16px;}

#mmenu .noblock {

	display: inline !important;

	padding: 10px;}

#mmenu .MMhead {

	line-height: 2.8;

	border-bottom: 1px #E5E5E5 solid;

	margin: 0 -20px;

	padding-left: 10px;}

#mmenu .MMhead a {

	background: none;}

#mmenu .mm-header .mm-title {

	top: -10px;

	font-size: 14px;}

#mmenu a {

	color: #333;

	font-size: 14px;}

#mmenu a:hover, #mmenu a:active {

	color: #AF7F48

;}

#mmenu .mm-listview > li > a, #mmenu .mm-listview > li > span {

	padding: 10px 10px 10px 20px;}

.section-header .section-header-content, .section-header-alt .section-header-content {

	padding-left: 0;}

.master-slider .ms-heading-1 {

	font-size: 20px;

	font-weight: bold;}


.quote p, .quote-alt p {

	font-size: 18px;}


.gallery {

	margin-top: 0;}

#gallery-filter {

	display: none;}

#gallery .grid-sizer {

	display: none;}

#product-adv {

	padding: 35px 0 10px;}

#index-portfolio {

	padding: 35px 0 0;}

#index-photo {

	padding: 35px 0 15px;}

.sidebar {

	margin-top: 0;}

}

@media (max-width : 990px) { /* 960 */

.container {

	max-width: 99%;

	width: 99%;}

.site-top-right .site-top-part {

	margin-left: 20px;}

#product-adv .circle-icon-show {

	width: auto;

	display: block;

	float: left;

	margin-right: 20px;}

#product-adv .circle-icon-info {

	width: auto;

	display: block;

	float: none;

	margin-top: 25px;}

#product-adv .responsive-column-md {

	padding-top: 0;}

#index-blog {

	padding-bottom: 5px;}

.iblog-item {

	margin-bottom: 30px;}

.text-huge {

	font-size: 2em;}

.iclent-item {

	width: 20%;

	float: left;}

.page-footer .container .footer-col {

	padding-bottom: 30px;}

.responsive-column-xs.col-md-1, .responsive-column-xs.col-md-2, .responsive-column-xs.col-md-3, .responsive-column-xs.col-md-4, .responsive-column-xs.col-md-5, .responsive-column-xs.col-md-6, .responsive-column-xs.col-md-7, .responsive-column-xs.col-md-8, .responsive-column-xs.col-md-9, .responsive-column-xs.col-md-10, .responsive-column-xs.col-md-11, .responsive-column-xs.col-md-12, .responsive-column-xs.col-md-12-5 {

	padding-top: 0;}

.site-info-left {

	width: 100%;

	text-align: center;}

}

@media (max-width : 768px) { /* å‘ä¸‹è€ƒè™‘iphone6çš„667pxå’Œ736px */

.site-top-right .top-email {

	display: none;}

.site-top-right .site-top-part {

	margin-left: 0;}

#product-adv .circle-icon-info {

	margin-top: 20px;}

.quote p, .quote-alt p {

	font-size: 15px;}

}

@media (max-width : 740px) { /* åŒè¡Œï¼Œ568px,600px,640px */

.site-top {

	padding: 10px 15px;}

.site-top-left, .site-top-right {

	padding-bottom: 0;}

.site-top-left .site-top-part {

	display: none;}

.site-logo img {

	max-height: 30px;}

.navbar-default .navbar-toggle {

	margin: 17px 0 0;}

.circle-icon-info h1, .circle-icon-info h2, .circle-icon-info h3, .circle-icon-info h4, .circle-icon-info h5, .circle-icon-info h6 {

	text-align: left;}

#section-video2, #index-client {

	display: none;}

#product-adv .icon-tabs li {

	margin-bottom: 10px;}

#index-portfolio .gallery-item h4 {

	font-size: 14px;

	line-height: 1.4;}

.iport-cate {

	display: none;}

}

@media (max-width : 480px) {

.iblog-item {

	width: 100%;}

#product-adv .circle-icon-info {

	margin-top: 10px;}

.master-slider .ms-heading-1 {

	font-size: 1.2em;}

}

@media (max-width : 420px) {/* å•è¡Œï¼Œ240px,320px,375px,384px,414px */

#index-portfolio .gallery-item {

	width: 100%;}

.iport-cate {

	display: block;}

.site-logo img {

	max-height: 50px;max-width: 245px;}
.site-logo{ margin:7px!important; width:60%!important;}
.navbar-default .navbar-toggle {

	margin: 10px 0 0;}

.section-header-content h1 {

	font-size: 1.6em;}

#product-adv .circle-icon-show {

	width: 100%;

	margin-right: 0;}

#product-adv .circle-icon-info {

	clear: both;

	float: none;

	margin-top: 0;

	padding: 20px 15px;}

#product-adv .circle-icon-info h4 {

	text-align: center;}

#product-adv .circle-icon-info p {

	font-size: 14px;}

#section-testimonials2 {

	display: none;}

}

@media (max-width : 360px) {

}