body{
-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
user-select: none; 
}
body {font-family: "Open Sans", Raleway, Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;font-size: 14px;color: #292929;}
ul, li {list-style: none;margin: 0;padding: 0;}
a {outline: none!important;color: #282828;}
a:hover, a:active {color: #01A0E8;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;}
.clear{ clear:both;}
.top-bar .title-area .name h1 a {padding: 0 2px;}
.logo-brand img {max-height: 61px;}
.row, .contain-to-grid .top-bar {max-width: 100%;}
.contain-to-grid {height: 80px;}
.contain-to-grid .title-area, .contain-to-grid .title-area li, .contain-to-grid .title-area a{height: 80px;line-height: 80px;}
.top-bar {height:auto;line-height:1.8;}
.contain-to-grid .top-bar-section li:not(.has-form) a:not(.button) {height: 80px;line-height: 80px;}
.contain-to-grid .top-bar-section .dropdown li:not(.has-form) a:not(.button) {height: auto;line-height: 1.2;padding-top: 10px;padding-bottom: 10px;}
.contain-to-grid .top-bar-section .has-dropdown > a:after {top: 2.87143rem;}
.title-area .name img {max-height: 50px;}
#header-sec {border-top: 6px #6F6F6F solid;}
#header-sec.fixed {border-top: none;}

#headbg {width: 100%;height: 41px;background: #efefef;border-bottom: 1px solid #d3d3d3;}
.head {height: 40px;line-height: 40px;}
.head p {margin: 0;text-align: left;height: 40px;line-height: 40px;color: #757575;float: left;}
.head div{ float:right;}
.head a {margin-right: 20px;}
.head a.wx{position:relative;display:inline-block;padding-left:25px;height:40px;line-height:40px;background:url(/images/topicon.png) no-repeat left center;color:#757575;}
.head a.m{position:relative;display:inline-block;padding-left: 25px;height: 40px;line-height: 40px;background: url(/images/topicon1.png) no-repeat left center;color: #757575;}
.head a span,.head a span{ display:none;}
.head a span i{ position:absolute; border-right:9px solid transparent;border-left:9px solid transparent;border-bottom: 9px solid #ababab;right: 15px;top: -8px;}
.head a.wx:hover span,.head a.m:hover span{ display: inline-block; position: absolute; z-index:999;right: 0;top:41px;}
.head a.wx:hover span img, .head a.m:hover span img {display: inline-block;border: 3px #ababab solid;max-width: max-content;}
.logo-brand span img {width: 60px;margin-right: 10px;}

.contain-to-grid {height: 86px;}

.top-tell {display: block;font-size:24px;line-height: 2;color: #f00;text-align: center;margin: 0 auto;}
.top-tell:before {display: block;content: "";clear: both;}
.top-tell a{color: #f00;display: inline-block;}

.factory {margin-top:50px;margin-bottom:10px;text-align: center;}
.factory .title {font-size: 32px;line-height: 2;color: #333333;font-weight: bold;text-align: center;margin-bottom: 20px;}
.factory li {display: inline-block;width: 24%;margin-bottom: 25px;}
.factory li a {display: block;width: 100%;overflow: hidden;margin-bottom: 15px;}
.factory li img{transition: transform 1.04s;display: block;margin: 0 auto;}
.factory li:hover img {transform: scale(1.04);}


#navigation .menu1 {color: #282828;text-align: center;}
#navigation .menu1:hover, #navigation .menu1:active {color: #019FE7;}
.top-bar-section .right li .dropdown {left: 0;right: auto;}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {margin-top: -4px;}
.top-bar-section .right li .dropdown li .dropdown {left: 100%;right: auto;}

.top-bar .name {margin: 0;font-size: 14px;}

.color-white {color: #fff;}
.modSectionHeader .special-title h2:after {background: #f9ce06;background: #AE173A;margin: 15px auto 0;}
.modDefaultSlider .sequence {height: 500px;}
.special-title a {color: #333;}
.special-title a:hover, .special-title a:active {color: #01A0E8;}
.section-padding {padding: 40px 0;}
#index-widget-1 {padding: 40px 0 25px;}
#index-widget-1 h3 {overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.4;}
#index-widget-1 .modIconText .icon-text-circle i {margin-bottom: 1.6rem;}
#index-portfolio {background: #f5f5f5;padding-bottom: 0;}
#index-portfolio .overlay {background: rgba(143, 221, 115, 0.8);}
.desc-p {margin-bottom: 30px;text-align: center;}
#index-service {padding: 40px 0 30px;}
#index-service .iserv-text {padding-top: 15px;}
#index-service .modIconText .icon-text-simple h3 {line-height: 1.4;padding-top: 5px;}
#index-parallax {background-image: url(../image/milestone-bg.jpg);color: #fff;}
#index-news {background: #f5f5f5;padding-bottom: 10px;}
#index-news .modBlogPost .content {padding: 20px 20px 15px;}
#index-news .iblog-title {overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;}
#index-news .tags a {font-style: normal;}
#index-news .desc {color: #666;}
#index-news .modBlogPost .date {letter-spacing: normal;color: #666;font-size: 13px;}
#index-client {background-image: url(../image/customers-bg.jpg);color: #fff;padding: 40px 0;margin-top: 50px;}
#index-client .slick-slide img {margin: 0 10px;max-width: 90%;}
#index-b-widget {background: #fff;padding: 40px 0 25px;}
#footer {padding: 40px 0 30px;}
#footer-bottom {background: #111;text-align: center;padding: 20px 0 18px;color: #aaa;}
#footer-bottom a {color: #ccc;}
#footer-bottom p {margin-bottom: 0;}
.modCallToAction p {font-style: normal;}
.modMilestone span {font-size: 16px;font-weight: bold;}
#footer h4 {font-size: 19px;font-weight: bold;margin-bottom: 1.3rem;}
#footer .socials {padding-top: 15px;}
#footer .links {margin-bottom: 0;}
#footer .foot-nav ul li {line-height: 2.4rem;}
#footer .f-contact {line-height: 1.8;}
#footer .f-qrcode {padding-top: 10px;}
#footer-bottom b {color: #019FE7;}
/* for row margin-right */
#index-widget-1 .container, #index-service .container, #index-news .container, #footer .container {padding-left: 2px;padding-right: 2px;}
/* 内页 */

.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("../image/unchecked.gif") no-repeat 0px 0px;padding-left: 19px;color: red;}
em.success {overflow: hidden;zoom: 1;background: url("404.png") 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 li { display:inline-table;}
#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;}

.inner-bg:before {background-color: #000;bottom: 0;content: "";display: inline-block;left: 0;opacity: 0.4;position: absolute;right: 0;top: 0;}
.inner-bg {padding: 50px 0 50px;position: relative;}
.modSectionHeader.big h2 {color: #fff;font-size: 3rem;}
.modSectionHeader.big h3 {letter-spacing: normal;color: #fff;}
.modSectionHeader.big h3 a {color: #fff;}
.modSectionHeader.big h3 a:hover, .modSectionHeader.big h3 a:active {color: #019FE7;}
.portfolio-item figure {margin: 0;}
/* Bootstrap 预置的tab(略改) */
.nav-tabs {border-bottom: 1px solid #dddddd;padding-bottom: 0px;min-height: 46px; text-align:center;}
.nav-tabs > li {display: inline-block;margin-bottom: -1px;}
.nav-tabs > li > a {display: block;color: #fff;margin-right: 2px;line-height: 1.428571429;border: 1px solid transparent;border-radius: 4px 4px 0 0;padding: 12px 20px;font-size: 14px;}
.nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #dddddd;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #555555;background-color: #ffffff;border: 1px solid #dddddd;border-bottom-color: transparent;cursor: default;}
.tabbable:after {clear: both;}
.tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block;}
/* 可移植内页样式 */
.for-bottom-padding-no {padding-top: 45px;clear: both;}
.text-center {text-align: center;}
.sidebar .widget:last-child {margin-bottom: 0;}
.entry-header {background: none;box-shadow: none;padding-top: 0;border: none;}
.prolist-wrap .glass-animation img {border: 1px #ededed solid;}
.s-contact {color: #555;line-height: 1.6;}
.s-contact p {margin: 0;line-height: 1.8;}
.sidebar .widget {margin-top: 0;}
.entry-meta li:before {margin: 0;}
#innerpage-wrap {background: #fff;padding: 45px 0;clear: both;}
#innerpage-wrap .container {padding-left: 2px;padding-right: 2px;}
.breadcrumb-wrapper {background: #F4F4F4;padding: 30px 0;}
.breadcrumb-section .bc-cat {padding-top: 16px;position: relative;top: 2px;}
.bcid-cat {font-size: 16px;font-weight: bold;}
.location {text-align: right;}
.widget .tagcloud a, .tags-list a, .searchform #searchsubmit {transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);}
.searchform {overflow: hidden;background-color: #f16543; /* firefox 19+ */ /* ie */}
.searchform ::-webkit-input-placeholder {color: #ffffff;}
.searchform ::-moz-placeholder {color: #ffffff;}
.searchform :-ms-input-placeholder {color: #ffffff;}
.searchform input:-moz-placeholder {color: #ffffff;}
.searchform #s, .searchform #searchsubmit {color: #ffffff;height: 48px;border: none;background-color: #03A1E8;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("../image/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: #03A1E8;}
.searchform ::-webkit-input-placeholder {color: #444;}
.searchform ::-moz-placeholder {color: #444;}
.searchform :-ms-input-placeholder {color: #444;}
.searchform input:-moz-placeholder {color: #444;}
.widget ul li:before {display: none;}
.widget-category ul li:before {font-family: 'FontAwesome';content: "\f101";padding-right: 17px;}
.sidebar .widget .title {color: #525659;text-transform: uppercase;font-weight: 600;}
.sidebar .widget ul li {border-bottom: 1px solid #d3dae0;padding: 6px 0 6px 0;font-size: 14px;color: #6e7375;}
.sidebar .widget ul li a {color: #373c40;color: #6e7375;}
.sidebar .widget ul li a:hover {color: #f16543;}
.sidebar .widget ul li ul {padding: 6px 0 0;}
.sidebar .widget ul li ul li:first-child {border-top: 1px solid #dedede;}
.sidebar .widget ul li ul li:last-child {border-bottom: 0;padding-bottom: 0;}
.widget .title {font-size: 20px;line-height: 20px;margin-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;line-height: 1.0;}
.widget .tabbed .widget-list li .link-read-more {color: #f16543;}
.widget .tabbed .widget-list li .link-read-more:hover {color: #373c40;}
.widget .tabbed .widget-list li .link-read-more:hover:after {color: #373c40;}
.widget-list li {overflow: hidden;margin-bottom: 20px;}
.widget-list li:last-child {border-bottom: none;}
.widget-list li h5 {margin: 0 0 9px;line-height: 21px;color: #a5aaae;font-size: 13px;font-weight: normal;}
.widget-list li figure {float: left;margin-right: 22px;margin-bottom: 0;}
.widget-list li figure img {width: 102px;height: 104px;}
.widget-list li span {display: inline-block;font-size: 12px;padding-left: 20px;background-repeat: no-repeat;background-position: left 3px;text-transform: uppercase;margin-bottom: 7px;}
.widget-list li .comments {background-image: url("../image/icon-chat-3.png");background-position: left 3px;margin-right: 18px;margin-bottom: 0;}
.widget-list li .author {background-image: url("../image/icon-user.png");background-position: left 3px;padding-left: 17px;}
.widget-list li .link-read-more {text-transform: uppercase;font-size: 12px;display: block;}
.widget-list li .link-read-more:after {content: " \f101";font-family: FontAwesome;color: #f16543;}
.widget .tagcloud {overflow: hidden;margin-left: -4px;margin-right: -4px;}
.widget .tagcloud a {display: block;float: left;padding: 6px 15px;color: #84898b;background-color: #ecf0f3;font-size: 14px;margin: 4px;text-decoration: none;}
.widget .tagcloud a:hover {color: #ffffff;background: #f16543;}
.glass-animation:hover .glass span {-webkit-transition-delay: .2s; /* Safari */	transition-delay: 0s;opacity: 1;width: 30px;height: 30px;border-radius: 200px;}
.glass-animation:hover .glass span i {right: -14px;bottom: -7px;-webkit-transition-delay: .2s; /* Safari */	transition-delay: .2s;}
.glass-animation:hover .background {height: 100%;width: 100%;opacity: .7;}
.glass-animation .background {transition: 0.3s all ease-in-out;width: 100;height: 100;background: #f16543;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0;}
.glass-animation .glass {display: block;transition: 0.2s all ease-in-out;}
.glass-animation .glass > span {opacity: 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: 0.2s all ease-in-out;-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;width: 200px;height: 200px;border-radius: 100px;display: block;border: 5px solid #ffffff;}
.glass-animation .glass > span i {transition: 0.2s all ease-in-out;-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;position: absolute;right: -200px;bottom: -200px;display: inline-block;width: 18px;height: 5px;background: #ffffff;border-radius: 10px;-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);}
.breadcrumb-section {background: url(404.png) center top no-repeat;background-size: cover;padding: 52px 0px 70px;}
.breadcrumb-section h1 {margin-bottom: 0;font-size: 35px;color: #f9f9fa;text-transform: uppercase;font-weight: 700;letter-spacing: 0.05em;}
.breadcrumb-section h1:after {background: #ff7800;height: 3px;content: "";display: block;width: 100px;margin: 15px 0px 0px}
.breadcrumb {background: none;border-radius: 0;padding: 4px 0;margin: 39px 0px 0px;}
.breadcrumbs:after {height: 1px;background: #fff;content: "";display: block;margin: 0px 0px 0px 115px;opacity: 0.25;}
.bc-location {margin-top: 39px;color: #fff;}
.bc-location a {color: #fff;}
.bc-location a:hover, .bc-location a:active {color: #0093DD;}
.blog-article {margin-bottom: 30px;}
.blog-article figure {margin-bottom: 20px;}
.blog-article .format-icon {left: 0;}
.blog-article p {margin-bottom: 20px;line-height: 24px;}
.blog-article blockquote p {line-height: 32px;}
.blog-article .read-more-link {text-transform: uppercase;line-height: 23px;color: #7d8489;}
.blog-article .read-more-link:after {content: "\f101";font-family: FontAwesome;color: #f16543;padding-left: 8px;}
.blog-article .read-more-link:hover {color: #373c40;}
.blog-article .read-more-link:hover:after {color: #373c40;}
.blog-article .post-meta {color: #a5aaae;font-size: 12px;float: left;width: 21.97402597402597%;border-right: 2px solid #d7dee0;margin: 0 30px 15px 0;}
.blog-article .post-meta a {color: #a5aaae;}
.blog-article .post-meta a:hover {color: #f16543;}
.blog-article .post-meta ul {list-style: none;margin: 0;padding: 0 15px;}
.blog-article .post-meta ul li {margin: 0 0 6px;padding: 4px 0;text-transform: uppercase;background: none;font-size: 12px;}
.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;text-align: center;}
.portfolio-item time {color: #687075;}
.portfolio-item span {color: #f16543;}
.portfolio-item .square {background-color: #bfc4c8;}
.related-projects .item .separator, .portfolio-item .separator {margin: 30px 0 15px;display: none;}
.portfolio-item figure {margin-bottom: 22px;position: relative;}
.portfolio-item .overlay {position: absolute;top: 0;left: 0;z-index: 100;opacity: 0;width: 100%;height: 100%;background-color: #f16543;}
.portfolio-item .overlay a {opacity: 0.8;filter: alpha(opacity=80);display: block;position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;background: url("../image/icon-lense.png") no-repeat center center;}
.portfolio-item .overlay a:hover {opacity: 1;filter: alpha(opacity=100);}
.our-work .gallery-item .inner-contents {border-bottom: 1px solid #cad3db;border-bottom: none;}
.our-work .gallery-item {margin-bottom: 24px;}
.our-work .gallery-item figure {position: relative;margin: 0 0 23px;}
.our-work .gallery-item figure:hover .gallery-btn {opacity: 1;}
.our-work .gallery-item img {padding: 0;margin: 0;max-width: 100%;border: 1px #ededed solid;}
.our-work .gallery-item .gallery-btn {position: absolute;top: 45%;left: 50%;z-index: 200;width: 160px;margin: -22px 0 0 -79px;opacity: 0;padding: 10px 0;text-align: center;font-size: 14px;font-weight: 700;color: #ffffff;border: 2px solid #ffffff;background-color: #B3813C;}
.our-work .gallery-item .gallery-btn:hover {color: #f16543;background-color: #ffffff;}
.our-work .gallery-item .media-container {position: absolute;z-index: 100;opacity: 0;width: 100%;height: 100%;background-color: #B3813C;}
.our-work .gallery-item .item-title {font-size: 15px;font-weight: 600;margin-top: 0;margin-bottom: 0px;color: #61676c;color: #282828;padding-bottom: 0;position: relative;z-index: 999;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.4;text-align: center;}
.our-work .gallery-item p {margin-bottom: 12px;}
.our-work .gallery-item p a {color: #a1a9b0;margin-right: 3px;text-decoration: none;}
.our-work .gallery-item p a:hover {color: #f16543;}
.sidebar .widget {margin-bottom: 35px;}
.widget-list li .comments {background: none;margin-right: 0;padding-left: 0;padding-top: 3px;}
.widget-list li figure {margin: 0 15px 0 0;}
.widget-list li figure img {width: 106px;height: auto;}
.widget .tabbed .widget-list li {padding: 0 0 15px;margin-bottom: 15px;}
.widget .tabbed .widget-list li:last-child {border-bottom: none;margin: 0;padding: 0;}
.widget .widget-list {padding-left: 0;}
.sidebar .widget ul li .s-desc {margin-bottom: 8px;line-height: 1.5}
.blog-article {float: left;width: 100%;}
.blog-article figure {float: left;width: 250px;margin-right: 15px;margin-right: 20px;margin-bottom: 10px;margin-left: 0;margin-top: 0;}
.blog-article .post-meta {width: 125px;margin: 0 30px 15px 0;}
.blog-article .post-meta ul {padding: 0;}
h2.post-title {font-size: 20px;letter-spacing: normal;margin-top: 0;margin-bottom: 12px;line-height: 1.4;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.downlist-wrap .blog-article figure {width: 220px;margin-right: 25px;}
.download-wrap .d-content {padding-top: 15px;}
.download-wrap .down-info li {padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px #ddd solid;}
.blog-post-wrap .bp-desc {text-align: center;display: block;margin: 20px 0;font-size: 14px;}
.blog-post-wrap .bp-title {margin-top: 0;font-size: 23px;letter-spacing: normal;color: inherit;text-align: center;}
.prolist-wrap .portfolio-item {margin-bottom: 17px;text-align: center;}
.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;font-size: 14px;}
.add-msg-form .submit-button:hover, .add-msg-form .submit-button:active {background-color: #D81919;}
.add-msg-form em {position: absolute;bottom: 0;z-index: 1111;float: left;left: 20px;}
.product-show .ps-title {font-size: 23px;color: inherit;margin-top: 0;padding-bottom: 0;margin-bottom: 0;line-height: 1;}
.product-show .ps-desc {display: block;text-align: center;margin: 17px 0 20px;font-size: 14px;}
.product-show .product-gallery .owl-controls {margin-top: 20px;text-align: center;}
.product-gallery {margin: 0 -15px;}
.product-gallery .item {padding: 0 15px;}
.product-gallery img {margin-bottom: 1px;border: 1px #ededed solid;}
.proshow-tab {margin-top: 15px;padding-bottom: 25px;padding-bottom: 0;}
.proshow-tab .nav-tabs li:after {display: none;}
.proshow-tab .nav-tabs .active a {color: #D4171E !important;text-decoration: none;}
.proshow-tab .nav-tabs a {color: #333 !important;}
.proshow-tab .tab-content {padding-top: 25px;width: 100%;float: left;margin: 0;}
.proshow-tab .tab-pane {margin-top: 0;}
#product-msg-form input[type="text"], #product-msg-form input[type="password"], #product-msg-form input[type="email"], #product-msg-form input[type="tel"], #product-msg-form input[type="number"], #product-msg-form input[type="file"], #product-msg-form input[type="url"], #product-msg-form select, #product-msg-form textarea {position: relative;display: block;width: 100%;height: auto;line-height: 24px;padding: 12px 20px;font-size: 13px;color: #202020;border: 1px solid #dddddd;background: #ffffff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
#product-msg-form input[type="text"]:focus, #product-msg-form input[type="password"]:focus, #product-msg-form input[type="email"]:focus, #product-msg-form input[type="tel"]:focus, #product-msg-form input[type="number"]:focus, #product-msg-form input[type="file"]:focus, #product-msg-form input[type="url"]:focus, #product-msg-form select:focus, #product-msg-form textarea:focus {border-color: #202020;}
#product-msg-form .cf-column {margin-bottom: 18px;}
#product-msg-form #submit-btn {display: inline-block;background: #D4171E;color: #202e31 !important;color: #fff !important;border-radius: 6px;padding: 12px;border: none;cursor: pointer;width: 100%;}
#product-msg-form #submit-btn:hover, #product-msg-form #submit-btn:focus, #product-msg-form #submit-btn:active {background: #202E31;}


.line_main .nav-tabs {border-bottom: none;}
.line_main .nav {display: flex;flex-direction: column;justify-content: center;background: none;}
.nav {background: #0256ac;}
.nav-tabs {border-bottom: 1px solid #ddd;}
.nav {padding-left: 0;margin-bottom: 0;list-style: none;}
.list-group-item {padding: 6px 15px;border: 1px solid #245caf;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.foot-qrcode {width: 20%;}

/* 内页响应 */

@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;}
.head div {display: none;}
.factory li {width: 48%;}
}
@media (max-width : 740px) { /* 双行，568px,600px,640px */
.top-bar .name h1 span { display: none;}
.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;}
#pages .prev, #pages .next {display: none;}
}
@media (max-width : 360px) {
.searchform #s {width: 80%;}
.searchform #searchsubmit {width: 20%;}
.prolist-wrap .portfolio-item {width: 100%;}
}
@media (max-width:1440px) and (min-width:1200px) {
.searchform #s {width: 82%;}
.searchform #searchsubmit {width: 18%;}
}
@media (max-width:1200px) and (min-width:1040px) {
.searchform #s {width: 78%;}
.searchform #searchsubmit {width: 22%;}
}

/* responsive */
@media (min-width:1410px) {
.container {max-width: 1170px;width: 1170px;}
}
@media (min-width:1570px) {
.container {max-width: 1170px;width: 1170px;}
/*#index-service .modIconText{padding-bottom:10px;}*/
}
@media (min-width:1890px) {
.container {max-width: 1370px;width: 1370px;}
#navigation .menu1 {padding: 0 1.8rem;}
#navigation .active .menu1 {padding: 0 2.9rem;}
#index-service .modIconText {padding-bottom: 10px;}
#index-service .modIconText .icon-text-simple h3 {font-size: 1.4rem;}
#index-service .modIconText .icon-text-simple p {font-size: 1.2rem;line-height: 1.6;}
#index-news .desc {font-size: 13px;}
.f-about, .f-about p {line-height: 1.85;}
}
 @media (max-width : 1024px) {
body {word-break: break-all;word-wrap: break-word}
.container {max-width: 98%;width: 98%;}
.columns {padding-left: 15px;padding-right: 15px;}
.top-bar .title-area {width: 100%;}
.top-bar .title-area .name {float: left;width;auto;padding: 0 20px 0 15px;}
.top-bar .title-area .name h1 a {padding: 0;}
.top-bar .title-area .name h1 a img {width: auto!important;}
.top-bar .toggle-topbar, .top-bar-section {display: none!important;}
#navigation .title-area {position: relative;}
#navigation .mmenu-btn, #navigation .mmenu-btn a {line-height: 1.1;height: auto;}
.mmenu-btn {display: block;cursor: pointer;line-height: 1;position: absolute;top:5px;right: 0px;border: 1px #ddd solid;border-radius: 5px;padding: 7px 8px;background: rgba(255,255,255,0.9);}
.mmenu-btn i {font-size: 18px;}
#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;}
#index-service {padding: 30px 0 20px;}
#index-service .iserv-img {width: 100%;margin-bottom: 25px;text-align: center;}
#index-service .iserv-img img {margin: 0 auto;}
#index-service .iserv-text {width: 100%;}
}
@media (max-width : 990px) { /* 960 */
.container {max-width:100%;width:100%;}
.foot-about {width: 50%;}
.foot-contact {width: 50%;}
.foot-nav, .foot-qrcode {display: none;}
}
@media (max-width : 768px) { /* 向下考虑iphone6的667px和736px */
.modDefaultSlider .sequence {height: 65vh;}
#index-widget-1 h3 {font-size: 1.3em;}
.iw4-item {width: 50%;float: left;}
#index-parallax {display: none;}
.iblog-item {width: 50%;}
#index-b-widget {padding: 30px 0 25px;}
#footer-bottom b {display: none;}
}
@media (max-width : 740px) { /* 双行，568px,600px,640px */
.modDefaultSlider .sequence {height: 60vh;}
#index-service .modIconText .icon-text-simple h3 {font-size: 1.2em;}
#index-portfolio .project-item {width: 50%;}
#footer {padding: 30px 0 20px;}
.foot-about {width: 100%;}
.foot-contact {display: none;}
.modSectionHeader.big h2 {font-size: 2rem;}
.top-tell {font-size: 22px;}
}
@media (max-width : 480px) {
.modDefaultSlider .sequence {height: 55vh;}
.iw4-item {width: 100%;}
#index-b-widget {padding: 20px 0 15px;}
}
@media (max-width : 420px) {/* 单行，240px,320px,375px,384px,414px */
.modDefaultSlider .sequence {height: 20vh;}
.modDefaultSlider .sequence .sequence-prev, .modDefaultSlider .sequence .sequence-next {top: 25%;}
#index-news, #index-client {display: none;}
#index-b-widget {background: #f4f4f4;}
}
@media (max-width : 360px) {
.modDefaultSlider .sequence {height: 25vh;}
#index-portfolio .project-item {width: 100%;}
}


/* toolBar */
@media screen and (max-width:1023px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#ff0000;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#ff0000));}
#foottoolbar ul{margin: 0px;padding: 0px;}
#foottoolbar li{float:left;width:20%;height:63px;background:url(/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 180px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden1{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-378px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;margin: 0 auto;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}