/*Theme Name:Duanjian-Vhk3.0*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display: inline-block;}
audio:not([controls]){display: none;height:0;}
[hidden],template{display: none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style: italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;border:none;clear:both;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family: monospace,serif;font-size:1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position: relative;vertical-align:baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border:0;vertical-align:middle;}
svg:not(:root){overflow: hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family: inherit;font-size:100%;margin:0;outline:0;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #f90;}  
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0;}
body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0 auto;padding:0;border:0;}

/* Global */
body{ color:#222;font-family:'Arial','sans-serif','Open Sans Condensed','FontAwesome'; font-size: 14px; background-color: #323C45;}
ul,ol,li{list-style:none;}
table,td,th,input{ font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5,h6 {font-size:12px;}
.cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.inner{ overflow:hidden; }
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.radius{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.opacity{ opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50);}
.c-show{ display:block;}
.c-none{ display:none;}
.folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;}	
.folio-thumb:hover img{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);}
.folio-thumb .opacity-pic{}
.mediaholder{ overflow:hidden;}
.fr{float: right;}
a:link, a:visited{ color:#222; outline:0; text-decoration:none;}
a:hover{ color:#F49628; text-decoration:underline;}

/* Header */
#top_menu{background:#222; color: #FFF; height:40px; line-height:40px;}
.top_left{float: left; width:50%;}
.top_right{float: right; width:50%; text-align: right;}
#top_menu a{ padding:12px 15px; text-decoration: none; color: #FFF; }
.header{clear:both;position:relative;z-index:1000;  background:#323C45;}
.header .inner{ height:100px; overflow:visible;}
.logo{float:left; line-height:100px; vertical-align:middle; padding-right:50px;}

/*.head-pinned*/
.head-pinned{ height:50px; position:fixed; top:0; left:0; width:100%; z-index:10000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); box-shadow:0 0 10px rgba(0, 0, 0, 0.2); background-color: #FFF;}
.head-pinned #top_menu{display: none;}
.head-pinned .inner{ height:100px; }
.head-pinned .logo{ margin:0 auto; line-height:45px;}
.head-pinned .logo img{ height:40px;}
.head-pinned .topbar{ display:none;}
.head-pinned .main-menu{ line-height:50px;}
.head-pinned .navi li a{color: #F49628;  line-height:50px;}
.head-pinned .navi li a:hover{height:43px;}
.head-pinned .navi li>a>span:after{margin-top:-12px;}
.head-pinned .navi li ul{ top:50px; background:#FFF; opacity:1;}
.head-pinned .navi li ul li ul{ top:0;}
.head-pinned .btn-so{ height:50px;color: #000; line-height:50px;}
.head-pinned .btn-so:hover{color: #000;}

/*Navigation*/
.navi {font-size: 15px;font-weight: 700;text-transform: uppercase; color: #FFF; float: right;}
#mobile-nav{ display:none;}
.navi li{ float:left; padding:0; position:relative;}
.navi li a{ padding:0 18px; color:#FFF; display:block; line-height:100px;font-weight: 700; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;}
.navi li a:hover{ text-decoration:none; /*background-color: #FFF; */height:100px;}
.navi li>a>span:after{margin-top:-38px;width:0;height:1px;background:0 0;display:block;	content:'';transition: all .3s ease; -webkit-transition: all .3s ease;}
.navi li>a>span{line-height:normal; }
.navi li>a:hover>span:after{ background:#FFF; width:100%;}
.navi li ul li a span:after{ display: none }
.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a, .navi li:hover a{ color:#F49628;  text-shadow:none;}
.navi li ul{ position:absolute; top:88px; left:0; z-index:1000; padding:10px 0; width:240px; line-height:1.5; border-radius:10px;border: 1px solid #ddd; border-top-color: #000;  background-color:#fff; -moz-box-shadow:0 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2); box-shadow:0 1px 6px rgba(0,0,0,0.2); display:none;}
.navi li ul li{ float:none; padding:0; line-height:42px; font-size:13px;}
.navi li ul li a:link, .navi li ul li a:visited{ padding:0 20px; height:42px; line-height:42px; color:#666;}
.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a,.navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a{ color:#666; background:none; border-bottom:none;}
.navi li ul li.menu-item-has-children a{ background:url(images/icon-menu.png) no-repeat right -312px;}
.navi li ul li a:hover, .navi li.current-menu-item ul li a:hover, .navi li.current-post-ancestor ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-category-ancestor ul li a:hover, .navi li:hover ul li a:hover{ color:#222; background:#F1F3F5;}
.navi li.current-menu-item ul li a{ background:none;}
.navi li.current-menu-item ul li a span{ background:none;}
.navi li:hover a{ color:#F49628; border-bottom:none;}
.navi li:hover ul li a{ background:none;}
.navi li:hover ul li.menu-item-has-children a{ background:url(images/icon-menu.png) no-repeat right -312px;}
.navi li ul li ul{ top:-12px; left:240px; display:none; -moz-box-shadow:3px 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 1px 6px rgba(0,0,0,0.2); box-shadow:3px 1px 6px rgba(0,0,0,0.2);}
.navi li ul li.menu-item-has-children:hover a{ color:#222; background:#F1F3F5 url(images/icon-menu.png) no-repeat right -354px;}
.navi li ul li.menu-item-has-children:hover ul li a{ color:#666; background:#fff;}
.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:#F1F3F5;}
.navi li:hover ul li.menu-item-has-children ul li a{ background:none;}
.navi li.menu-item-has-children i{position: absolute; top:42px;right:3px;}

/*SEARCH*/
.btn-so{ float:right;margin-left:20px;height:100px; line-height:100px; color: #FFF; font-weight: 700; cursor:pointer;text-decoration: none;}
.btn-so:hover{color: #f90;text-decoration: none;} 
#search-box{ width:100%;display:none;  position: absolute; left:0;top:100px; }
#search-box .inner{ position:relative; overflow:visible; border-top:1px solid #222; background:#fff; }
#search-box .arrow-up{display:inline-block; width:0; height:0; font-size:0; overflow:visible; position:absolute; z-index:10;}
#search-box .arrow-up .arrow-inner{ width:0; height:0; position:absolute; top:-1px; left:-5px; border:5px solid transparent; border-bottom-color:#fff;}
.mobi-title{display: none;}
#search-box #searchform{ padding:70px 60px;  position:relative; background-color:#FFF;}
#search-box #searchform #ls{ padding:18px 2%; width:100%; border:1px solid #D6D6D6; color:#666; background:#fbfbfb; box-sizing:border-box; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); box-shadow:0 0 5px rgba(0, 0, 0, 0.1);}
#search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{ border-color:#FF9900;}  
#search-box #searchform #searchsubmit{ float:right; color: #FFF; padding:18px 0; width:130px;  background:#222 ; overflow:hidden; cursor:pointer; position:absolute; right:60px; top:70px; border-bottom-right-radius:30px; border-top-right-radius:30px; border: 1px solid #222; -webkit-transition:background-color 0.4s ease; -moz-transition:background-color 0.4s ease; -o-transition:background-color 0.4s ease; -ms-transition:background-color 0.4s ease; transition:background-color 0.4s ease;}
#search-box #searchform:hover #searchsubmit{ background-color:#e85c00; border:1px solid #D85C0C;}
.search-pinned{ position:fixed !important; top:40px; left:0; z-index:99999 !important; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.head-pinned #search-box{top:50px;}
.search-pinned .inner{-moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow: 0 -1px 6px #999;}

/* Slideshow */
.slideshow-swiper-container{width:100%; overflow:hidden; position:relative; clear:both; }
.slideshow-swiper-container .swiper-slide{ height:650px; background-position:50% 50%; background-size:cover;}
.slideshow-swiper-container .inner{ width:100%; height:100%; line-height:1.5;}
.slideshow-swiper-container img{ width:100%; position:absolute; top:0;}
.slideshow-swiper-container .slide-text{ line-height:1.2; position:relative; z-index:10;}
.slideshow-swiper-container h4{ margin:150px auto 10px; font-size:48px; text-align:center; color:#222; word-spacing:15px;}
.slideshow-swiper-container p{ margin-bottom:25px; width:50%; font-size:18px; text-align:center; color:#444; animation-delay:300ms; -webkit-animation-delay:300ms;}
.slideshow-swiper-container a, .slideshow-swiper-container a:hover{ width:100%; height:100%; text-decoration:none; display:block; animation-delay:500ms; -webkit-animation-delay:500ms;}
.slideshow-swiper-container .swiper-wrapper a{ width:100%; height:100%; display:block;}
.list-swiper-container .swiper-wrapper a{ width:100%; height:100%;  color: #707070;}
.list-swiper-container .swiper-wrapper span{color: #707070;}
.swiper-slide i{padding-right:10px; font-size: 20px; color: #D81E06;}
.slideshow-swiper-container .swiper-button-next, .slideshow-swiper-container .swiper-button-prev{ top:0; margin-top:0; width:60px; height:100%;}
.slideshow-swiper-container .swiper-button-prev{ left:-80px;}
.slideshow-swiper-container .swiper-button-next{ right:-80px;}
.slideshow-swiper-container .swiper-button-next span, .slideshow-swiper-container .swiper-button-prev span{ width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center;} 
.slideshow-swiper-container .swiper-pagination-bullet{ width:40px; height:4px; line-height:4px; background:#000; opacity:1; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.slideshow-swiper-container .swiper-pagination-bullet-active{ background:#FFF;}
.slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ bottom:10px;}

/* Container */

.wrap-page{background-color: #FFF; margin:30px 0; padding:0 30px 20px 30px;border-radius:20px;}

.container {padding:0;background:#fff;clear:both}
.column-fluid {float:right;	width:100%; margin:30px 0;}
.content {padding: 30px;  background: #fff;border-radius: 16px;}
.fullwidth {margin:0 auto;width:100%}

.row-fluid{ margin:0 auto; overflow:hidden; clear:both;}
.row-fluid h2{ margin-bottom:40px; height:42px; line-height:42px; font-size:26px; font-weight:500; text-align:center; text-transform:uppercase; color:#000; border-bottom:2px solid #eee; clear:both;}
.row-fluid h2 a:link, .row-fluid h2 a:visited, .row-fluid h2 a, .row-fluid h2 b, .row-fluid h2 strong{ padding-bottom:2px; height:40px; font-weight:normal; display:inline-block; color:#000; border-bottom:2px solid #0D5E9D; cursor:pointer;}
.row-fluid h2 a:hover{ color:#0D5E9D; text-decoration:none;}
.row-fluid h2 span{ float:right; max-width:65%; height:40px; font-size:13px; font-weight:100; overflow:hidden;}
.row-fluid h2 span a:link, .row-fluid h2 span a:visited, .row-fluid h2 span a{ padding:0 0 0 15px; border:none; color:#666;}
.row-fluid h2 span a:hover{ color:#000;}
.row-fluid p{ font-size:14px; line-height:1.7;}
.row-section{ float:left; width:100%;}
.row-gallary{ }
.row-column-gird{ margin:40px auto 0;}
.index-btn a{background-color: #0D5E9D;font-size: 14px;color: #fff;line-height: 30px;padding: 2px 15px;display: inline-block; border-radius: 4px;}
.index-btn a:hover{color: #FFF;}

/*.container-features*/
.col-md-3 div:hover{background: #E19030;}
.col-md-3 div a{position: relative; text-decoration: none; color: #FFF;}
.col-md-3 div a:hover{color: #FFF;}
.col-md-3 div a:before{ position: absolute; left:0; top:20px; font-size: 60px;}
.col-md-3 div a i{line-height:1.8; font-size: 48px;}
.col-md-3 div{ float:left; margin-bottom:40px; padding: 1%; margin:0.5% 1.5%; width:29.33%; height:auto; min-height:260px; text-align:center; background-color: #54595F; color: #FFF; display: block; cursor: pointer;}
.col-md-3 div img{ max-width:100%; height:auto;}
.col-md-2 div img{ width:100%; height:auto;}
.col-md-3 div h3{ margin:20px auto 20px;text-align: left; width:100%; overflow:hidden;color: #FFF; font-weight: 900;font-size: 20px; text-transform: uppercase;}
.col-md-3 div p,.col-md-3 div{line-height:1.6;text-align: left;color: red;}
.col-md-3 div span{font-family: "Apercu-Ligh", sans-serif;}
.col-md-4 div{float: left; margin:0 1%; width:21%; background-color: #54595F; color: #FFF; display: block; cursor: pointer;}
.col-md-2 div{width:46%;}
.col-md-1 div{width:100%;}

.heading-title{margin: 42px 0; text-align: center;}
.heading-title a{font-size: 48px;font-weight: bold;text-transform: uppercase;font-family: 'Times New Roman',serif;color: #F49628;}
.heading-title a:hover{text-decoration: none;}

#about{background-color: #FFF; color: #FFF; margin-top:40px;}
#about .about{width:80%}
#about .about p{font-size: 16px;color: #666;text-align: justify;line-height: 2;}
#about .about-more a{display: inline-block;font-size: 16px;line-height: 40px;background-color: #004785;color: #fff;text-align: center;padding: 0 40px 0 24px;margin-top: 32px;border-radius: 20px;transition: background-color .4s;}
#about .about-more a:hover{text-decoration: none;}
.row-2a-lt{ float:left; width:50%; overflow:hidden;}
.row-2a-rt{ float:right; width:50%; overflow:hidden;}


.col-blog ul li{ margin-bottom:10px; color:#666; border-bottom:1px dotted #eee; overflow:hidden;}
.col-blog ul li:last-child{ margin-bottom:0; padding-bottom:0; border:none;}
.col-blog ul li img{ float:left; margin:0 15px 0 0; width:150px;}
.col-blog ul li h3{ margin-bottom:10px; font-size:14px; line-height:1.2;}
.col-blog ul li p{ margin:0 auto; font-size:13px;}
.col-blog ul li a.link-more{ margin-left:20px; padding-left:12px; color:#222; text-decoration:underline;}
.col-blog ul li a.link-more:hover{ color:#0D5E9D;}

.row-2c-lt{ float:left; width:48.5%; overflow:hidden;}
.row-2c-rt{ float:right; width:48.5%; overflow:hidden; position:relative;}
.row-2c-lt h2, .row-2c-rt h2{ margin-bottom:30px; text-align:left;}
.row-2c-lt h3{ font-size:20px; text-shadow:1px 1px 1px #fff;}
 
/*contact*/    
.contact-wrap{display: flex;flex-wrap: wrap;}
.contact-info-group{padding:40px;margin-top:30px; text-align: center;-webkit-box-shadow: 2px 6px 29px -6px #e0e0e0;box-shadow: 2px 6px 29px -6px #a5a0a0;  background-color: #FFF;}
.align-self-center{align-self: center!important;}
.contact-info-group i{font-weight: 700; font-size: 50px;}
.col-lg-3{flex: 0 0 30.333333%;max-width: 30.333333%;position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.contact-info-group h4{position: relative;font-size: 20px;line-height: 1.2em;font-weight: 400;margin-bottom: 25px;color: #000000;}

/*page*/
.page-thum{position:relative;}
.page-thum img{ width:100%; }  
/* Breadcrumb */
.breadcrumb{ position: absolute; top:200px; color:#FFF; clear:both; }
.breadcrumb a:link, .breadcrumb a:visited{}
.breadcrumb a:hover{ color:#FFF;  }
.breadcrumb h2{ color:#FFF; font-size:34px; margin-bottom:20px; }
.breadcrumb h2 span{ color:#FFF;}
.crumb-box{line-height:22px;}
.crumb-box a{font-size: 16px; color:#FFF; text-decoration:none;}
.crumb-box i{ padding:0 8px 0 5px; font-style:normal;}

/* Archive - PicList loop-pic*/
.piclist{ }
.piclist li{ float:left; margin-bottom:30px; position: relative; margin-left:3%; *margin-left:1.8%; _margin-left:1.5%; width:29.3%;border: 1px solid #EEE;text-align:center; overflow:hidden; background-color: #FFF;}
.piclist li:hover{border: 1px solid #EEE;-moz-box-shadow:0 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2); box-shadow:0 1px 6px rgba(0,0,0,0.2);}
.piclist li .folio-thumb{ position:relative;}
.piclist li .folio-thumb img{ width:100%; height:auto; display:block;}
.piclist li .mediaholder{ -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.piclist li .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;}
.piclist li:hover .folio-thumb .opacity-pic{ -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.piclist li h3{ color:#222; font-size:15px; font-weight:700; overflow:hidden; position:relative; z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.piclist li h3 a{ height:20px; line-height:20px; display:block; color:#222; text-decoration:none;  overflow: hidden;}
.piclist li:hover h3 a{ text-decoration: underline;}
.piclist li:hover .mediaholder{ border-color:#ccc;}
.piclist li .product-index-inquiry{position: absolute;left: 0; top:10px;display: none;}
.piclist li h4{ padding:10px 0 ; color:#222; font-size:16px; font-weight:normal; text-align:left; overflow:hidden; position:relative; z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; }

.piclist li h4 a{ height:30px; line-height:30px; display:block; color:#222; text-decoration:none;}
.piclist li:hover h4 a{color: #0D5E9D; }
.piclist-wrap{ padding: 14px;}
.piclist li .excerpt{text-align: left;color: #666;line-height:1.6; padding: 10px 0; min-height:60px; max-height:60px; overflow: hidden;}
.piclist li p{color: #666;line-height:1.6;}

.piclist-col4{ margin-left:-1.4%;}
.piclist-col4 li{ margin-left:2%; _margin-left:2%; width:22.7%; background-color: #fff; }

.piclist .post-meta-data{text-align: left; margin-top:5px;}
.piclist .post-meta-data .dated{font-size: 30px;color: #999;}
.piclist .post-meta-data .datey{font-size: 18px;}
.piclist .link-read-more{text-align: left; color: #222; margin:15px 0;}
.piclist .link-read-more i{padding:0 8px;}


#industry{padding-bottom:40px; background-color: #FFF; margin-bottom: 40px;}
.piclist-col2{ margin-left:-1.4%;}
.piclist-col2 li{ margin-left:2%; _margin-left:2%; width:47.5%; margin-bottom:20px;}
.piclist-col3 li{ margin-left:2%; _margin-left:2%; width:31%; margin-bottom:30px;}
.industry-box ul li{  display: inline-block;}
.industry-box ul li .item {background-color: #FFF;overflow: hidden;border: 1px solid #ddd; position: relative;}
.industry-box ul li .item:hover .industry-box-frame img {transform:scale(0.9);}


.industry-box-text{position: absolute;left: 0;bottom: 0;overflow: hidden;padding: 25px;z-index: 2; margin: 10px;}
.industry-box ul li .item .t {font-size: 18px;line-height: 20px;font-weight: normal;margin-bottom: 10px;}
.industry-box ul li .item .t a{color: #FFF;}
.industry-box ul li .item p {color: #fff;font-size: 14px;line-height: 20px;max-height: 60px;overflow: hidden;margin-bottom: 20px;}
.industry-box ul li .item span {display: block;}
.industry-box ul li .item span a {background-color: #F49628;font-size: 14px; color: #fff; line-height: 30px; padding: 5px 15px;  display: inline-block;
 transition: ease all 0.4s;}
.industry-box-text::after {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;content: " ";z-index: -1;background-color: #000;
filter: alpha(opacity=40);opacity: 0.4;transition: ease all 0.4s;}

.product-index-inquiry a{padding:5px 10px; line-height:26px; font-size:15px; color:#fff; background:#0D5E9D; display:inline-block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.product-index-inquiry a:hover{ color:#fff; background-color:#C55C19; text-decoration:none;}
.product-index-inquiry a i{ float:left; margin-right:8px; width:24px; height:24px; background:url(images/btn-inquiry.png) no-repeat center center;}
.product-index-inquiry a.inquiry-index{border:1px solid #0D5E9D; background:none; color: #0D5E9D;}
.product-index-inquiry a.inquiry-index:hover{background-color: #C55C19;border:1px solid #C55C19; color: #FFF;}
/* CatPicScroll */
.pic-swiper-container{ position:relative;}
.pic-swiper-container .swiper-wrapper .swiper-slide{ float:left; margin-bottom:30px; width:23%; height:auto; text-align:center; overflow:hidden;  border: 1px solid #EEE; background-color: #FFF; -moz-box-shadow:0 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2); box-shadow:0 1px 6px rgba(0,0,0,0.2);}
.pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb{ position:relative;}
.pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb img{ width:100%; height:auto;}
.pic-swiper-container .swiper-wrapper .swiper-slide .mediaholder{-webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;}
.pic-swiper-container .swiper-wrapper .swiper-slide:hover .folio-thumb .opacity-pic{ -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}

.pic-swiper-container .swiper-wrapper .swiper-slide h3{ color:#222;font-size:14px; font-weight:normal; text-align:left; overflow:hidden; position:relative; z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.pic-swiper-container .swiper-wrapper .swiper-slide h3 a{ padding: 0 5px; height:42px; line-height:42px; display:block; color:#222; text-decoration:none; text-align: center;}
.pic-swiper-container .swiper-wrapper .swiper-slide:hover .mediaholder{ border-color:#ccc;}
.pic-swiper-container .pic-swiper-button-next, .pic-swiper-container .pic-swiper-button-prev{ position:absolute; top:27%; z-index:999; margin-top:0; width:40px; height:68px; cursor:pointer;}
.pic-swiper-container .pic-swiper-button-prev{ left:-50px; background:#004785 url(images/arrow-lt.png) no-repeat center center; -moz-background-size:60% 60%; -webkit-background-size:60% 60%; -o-background-size:60% 60%; background-size:60% 60%;}
.pic-swiper-container .pic-swiper-button-next{ right:-50px; background:#004785 url(images/arrow-rt.png) no-repeat center center; -moz-background-size:60% 60%; -webkit-background-size:60% 60%; -o-background-size:60% 60%; background-size:60% 60%;}
.pic-swiper-container .swiper-pagination-bullet{ width:24px; height:4px; line-height:4px; background:#fff; opacity:1; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.pic-swiper-container .swiper-pagination-bullet-active{ background:#FF0000;}
.pic-swiper-container .swiper-pagination-bullets, .pic-swiper-container>.swiper-pagination-bullets{ bottom:20px;}
.pic-swiper-wrapper-horizontal{ overflow:hidden;}


/*cat_list*/
.cat-wrap{background-color: #FFF; padding: 20px 0;}
.cat-category ul li {float: left; border-right:1px solid #ddd;padding: 0px 20px; margin-bottom:10px}
.cat-category ul li a{font-size: 15px;  color: #333;display: block;transition: 0.3s ease 0s;}
 
/* Archive - ExcerptPiclist */
.picexlist{ padding:0; overflow:hidden;}
.picexlist li{ margin:20px auto; padding-bottom:20px;  border-bottom:1px solid #F6F6F6; color:#666; overflow:hidden;}
.picexlist li .post-thumb{ float:left; padding-right:45px; min-height:200px;}
.picexlist li .post-thumb img{ padding:5px; width:240px; border:1px solid #f4f4f4;}
.picexlist li:hover .post-thumb img{ border-color:#fdb795;}
.picexlist li h3{ margin-bottom:12px; font-weight:700;}
.picexlist li .excerpt{ margin: 10px 0; }
.picexlist li:last-child, .picexlist li.nb{ margin:0 auto; border:none;}
.picexlist .link-more {margin:10px 0}
.picexlist .link-more a{color: #222; text-align: left; text-decoration: underline; }
.picexlist .link-more i{margin-left:6px; text-decoration: underline;font-weight: normal;}
.picexlist .link-more a:hover{color: #0D5E9D;}
.picexlist .excerpt{line-height:26px;}

.post-meat span a{color: #23282D;} 
.post-meta{ background: #EEE; color: #999; font-size: 13px; background: linear-gradient(to right, #EEE, #FFF); overflow:hidden;height:36px;line-height:36px;}
.post-meta a:link, .post-meta a:visited{ color:#999;}
.post-meta a:hover{ color:#666;}
.post-meta span.comments{ background-position:0 -120px;}
.post-meta span.author{ background-position:0 -154px;}
.post-meta span.cat{ background-position:0 -187px;}

/* Post */
.post{ overflow:hidden;}
.post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:40px; font-size:28px; font-weight:500; }
.post .post-meta{ margin-bottom:25px; border:none;}
.post .post-meta span{ padding:2px 0 2px 10px;}
.post img{max-width:100%;max-height:100%;display: block;margin: 0 auto; }
.post .page-title{text-align: center;font-size: 2.8125rem;text-transform: uppercase;font-weight: 700;margin: 25px 0;line-height: 1.2;}

.entry{ font-size:14px; line-height:28px; color:#222;}
.entry h1{margin: 40px 0 30px 0;  padding:0; font-weight:700; border:none; background:none; font-size: 40px;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-bottom:20px; padding:0; font-weight:700; border:none; background:none;}
.entry p{ margin-bottom:12px;}
.entry a:link, .entry a:visited{ color:#0D5E9D;}
.entry a:hover{ color:#1E3988;}
.entry img{ margin-bottom:10px; max-width:100%; height:auto;}
.entry hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;}
.entry .left{ float:left; width:45%;}
.entry .right{ float:right; width:45%;}
.entry ol, .entry ul{ margin:10px 30px;}
.entry ol li{ list-style:decimal;}
.entry ul li{ list-style:disc;}
.entry input,.entry textarea,.entry select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;}
.entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active{ border:1px solid #999;}
.entry table{ margin-bottom:15px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.entry th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;}
.entry td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;}
.entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;}
.entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active,, .entry select:hover{ border:1px solid #ef5c32;}

.alignleft{ float:left; padding-right:30px;}
.alignright{ float:right; padding-left:30px;}
.alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;}
.aligncenter{ text-align:center; display:block;}
.wp-caption{margin:10px auto; padding:6px; background:#F6F6F6;border:1px solid #e4e4e4; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;}
.wp-caption img{ max-width:660px;}
.wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666;}

.post-meta-bottom{ margin:25px auto 15px; padding-bottom:10px; color:#999; border-bottom:1px solid #f4f4f4; overflow:hidden;}
/* Tags */
.tags a{background-color: #F5F5F5;padding: 5px;color: #999; margin-bottom:8px; display: inline-block}
.tags a:hover{background-color: #6A6A6A; color: #FFF;}

.post-meta-bottom .share{ float:right;}
.post-meta-bottom .share #sharebtn{ float:right; padding-right:10px;}
.post-meta-bottom .share #bdshare, .post-meta-bottom .share .addthis_sharing_toolbox{ float:right;}

/*cat-desc*/
.cat-desc{background-color: #fff;padding: 20px;color: #666;margin-bottom: 30px;border-radius: 20px;}
.cat-desc p{line-height:24px}
.cat-desc b{font-size: 18px;}

/* Post - Product */
.container-product{ padding:0; width:100%;}
.product-name{ margin-bottom:20px; font-size:28px; line-height:36px; color:#ee5225;}
.product-summary{ margin-bottom:20px; font-size:13px; color:#222;}
.product-meta{ margin:-5px 0 20px; font-size:12px; color:#222; overflow:hidden;}
.product-meta p, .product-meta li{ margin-bottom:0; line-height:30px; }
.product-meta strong, .product-meta b{ width:170px; color:#666; font-weight:normal; display:inline-block;}
.product-inquiry{ overflow:hidden; clear:both;}
.product-inquiry a{ float:left; margin-bottom:10px; padding:8px 20px; line-height:26px; font-size:20px; color:#fff; background:#0D5E9D; display:inline-block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.product-inquiry a:hover{ color:#fff; background-color:#ef5c32; text-decoration:none;}
.product-inquiry a i{ float:left; margin-right:8px; width:24px; height:24px; background:url(images/btn-inquiry.png) no-repeat center center;}
.product-inquiry a.chat{ margin-left:10px; line-height:24px; font-size:16px; color:#0D5E9D; border:1px solid #0D5E9D; background-color:#fff0e5;}
.product-inquiry a.chat i{ background:url(images/btn-chat.png) no-repeat center 2px;}
.product-inquiry a.chat:hover{ color:#fff; background-color:#0D5E9D;}
.product-inquiry a.chat:hover i{ background-position:center -38px;}
.product-inquiry p{ float:left; margin:6px 0 0 15px; line-height:20px; color:#999;}

.product-tips{ margin-top:30px; padding:20px 25px; border:1px solid #e9ebed; background-color:#f5f7f8; clear:both; position:relative;}
.product-tips i{ width:14px; height:8px; line-height:8px; font-size:8px; background:url(images/icon-arrow.png) no-repeat center 0; display:inline-block; position:absolute; top:-8px; left:45px; z-index:99;}
.product-tips h4{ margin-bottom:10px; font-size:14px; font-weight:bold; color:#666;}
.product-tips  ul li{ margin-bottom:4px; padding-left:16px; color:#777; background:url(images/icon.gif) no-repeat 0 -313px;}

.tab-head{ margin-top:65px; height:39px; border-bottom:1px solid #e4e4e4;}
.tab-head .inner{ overflow:visible; position:relative;}
.tab-head li{ float:left; margin-right:5px; padding:0 25px; line-height:36px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#222; display:block; cursor:pointer;}
.tab-head li.current{ margin-top:-3px; line-height:42px; font-weight:bold; border:1px solid #e4e4e4; border-top:1px solid #0D5E9D; border-bottom:none; color:#0D5E9D; background:#fff;}
.tab-head li a:link, .tab-head li a:visited, .tab-head li a:hover{ color:#222; text-decoration:none;}
.tab-head li.current a:link, .tab-head li.current a:visited, .tab-head li.current a:hover{ color:#0D5E9D;}
.tab-head span{ float:left; margin-right:5px; padding:0 25px; line-height:38px; font-size:16px; font-weight:bold; color:#666; display:block; cursor:pointer; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-right-radius:3px;}
.tab-head span.hov{ margin-top:-3px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:2px solid #0D5E9D; border-bottom:none; color:#0D5E9D; background:#fff;}
.Xtranslate{ -wekit-transform:translate3d(90px,0,0); -moz-transform:translate3d(90px,0,0); -o-transform:translate3d(90px,0,0); -ms-transform:translate3d(90px,0,0); transform:translate3d(90px,0,0);}

#tab-product{ padding-top:50px;}
#tab-product .entry{ display:none;}
#tab-product .inner, .entry .inner{ width:auto;}
#tab-product .entry .tab-title{ margin:40px auto 25px; padding:0 3%; height:42px; line-height:42px; font-size:16px; border-bottom:1px solid #e4e4e4; display:none;}
#tab-product .entry .tab-title span{ padding:0 25px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:1px solid #FF0000; border-bottom:none; color:#FF0000; background:#fff; display:inline-block;}
.tab-head span a:link, .tab-head span a:visited, .tab-head span a:hover{ color:#666; text-decoration:none;}
.tab-head span.hov a:link, .tab-head span.hov a:visited, .tab-head span.hov a:hover{ color:#FF0000;}
.tab-pinned{ margin:0 auto; width:100%; background:#fff; position:fixed; top:50px; left:0; z-index:9999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08); box-shadow:0 -1px 6px rgba(0, 0, 0, 0.08);}
.tab-pinned span{ float:none; display:inline-block;}
.tab-pinned span.hov{ margin-top:0; line-height:38px;}
#tab-product .entry-pinned{ padding-top:110px;}

.product-header{ padding:0;}
.product .post-title{ margin-bottom:30px; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px; border-bottom:1px solid #dbdbdb; text-align:left; clear:both;}
.product .productMeta{ overflow:hidden;}
.product .product-meta-box{ margin-left:430px; overflow:hidden;}
.product .metaList{ float:left; margin:0 0 0 30px !important;}
.product .metaList li{ padding:7px 0 8px 0; border-bottom:1px solid #eee; overflow:hidden;}
.product .metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;}
.product .metaList li.inquiry{ padding:15px 0 5px;}

.product .left{ float:left; width:45%;}
.product .right{ float:right; width:45%;}
.preview{ float:left; margin-right:-400px; width:400px;}
.preview #wrap{ padding:0;}
.preview img{ margin-bottom:0; width:386px; height:386px; background:#fff;}

.post ul.thumblist{ float:left; margin:15px 0 0; width:100%; overflow:hidden; display:block;}
.post ul.thumblist li{ float:left; margin:0; width:25%; text-align:center; overflow:hidden;}
.post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:82px; border:1px solid #e6e6e6; background:#fff; overflow:hidden;}
.post ul.thumblist li.nomargin{ margin:0 0 0 9px;}
.post ul.thumblist li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;}
.post ul.thumblist li img{ margin-bottom:0; border:none; padding:1px; width:80px; height:80px; cursor:pointer; vertical-align:middle;}
.post ul.thumblist li .imWrap{ float:left; width:82px; height:82px; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px; }

.post ul.thumblist li span{ color:#666;}
.post ul.thumblist li.zoomActive .thumb-wrap{ border:1px solid #0D5E9D;}
.post ul.thumblist li.zoomActive span{ color:#c52620;}

/* Page - Error404 */
.error404{ max-width:390px; padding:50px 0;}
.error404 h4{ height:32px; line-height:32px; font-size:200%; color:#F00;}
.error404 span{ margin-bottom:25px; color:#666; display:block;}
.error404 ol{ padding:5px 0 5px 20px;}
.error404 ol li{ margin:0 auto; list-style:disc;}
.errorsearch{ margin-top:15px; width:100%; overflow:hidden;}
.errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #DDD;}
.errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#FFF; background:#666; cursor:pointer;}
.errorsearch #searchsubmit:hover{ background:#222;}

/* Page - Inquiry */
#logonTip{ padding:15px; font-size:13px; background:#f4f4f4;}
#logonTip a{ color:#444; text-decoration:underline;}
#logonTip a:hover{ color:#F49628;}
#logonTip span{ color:#888;}
#logonTip em{ padding:0 8px; color:#f00; font-style:normal; font-size:12px;}

#inquiryForm .productImg{ margin:0 0 20px 135px; overflow:hidden;}
#inquiryForm .productImg img{ float:left; margin:5px 15px 0 0; padding:3px; width:80px; height:80px; border:1px solid #ddd;}
#inquiryForm .productImg h4{ margin-bottom:5px; font-weight:700; font-size:14px;}
#inquiryForm .productImg p{ margin:0 auto; line-height:20px; font-size:12px; color:#888;}
#inquiryForm .productImg a{ text-decoration:none;}
#inquiryForm .productImg a:hover img{ border:1px solid #fb0;}
#inquiryForm .productImg a:hover h4{ color:#F49628;}

.wpcf7 p{ margin-bottom:18px; overflow:hidden; clear:both;}
.wpcf7 label{ padding:0 15px 0 0; width:120px; font-size:14px; text-align:right; color:#444; display:inline-block;}
.wpcf7 label.long{ width:auto; text-align:left;}
.wpcf7 label em{ padding:5px 8px 0 0; color:#f00; font-style:normal; font-size:12px;}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-captchar{ height:36px; line-height:36px; color:#666; border:1px solid #d8d8d8; width:80%;margin-bottom:2px;}
.wpcf7 .wpcf7-select{ padding:12px 15px;}
.wpcf7 .wpcf7-captchar{ width:100px;}
.wpcf7 .wpcf7-textarea{ padding:10px; width:80%; height:160px; color:#666; overflow-y:scroll; border:1px solid #d8d8d8;}
.entry .wpcf7 input[type="text"]:hover,.entry .wpcf7 input[type="text"]:focus,.entry .wpcf7 input[type="text"]:active,.wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-text:active, .wpcf7 .wpcf7-captchar:hover, .wpcf7 .wpcf7-captchar:active, .wpcf7 .wpcf7-textarea:hover, .wpcf7 .wpcf7-textarea:active{ border:1px solid #0D5E9D;}
.wpcf7 .wpcf7-submit{ padding:9px 50px; font-size:18px; border:none; color:#fff; background:#FF0000; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ background-color:#f80;}
.wpcf7 p.btn-submit span{ float:right; color:#f00;}
.wpcf7 .wpcf7-not-valid{ border:1px solid #f00;}
.wpcf7 span.wpcf7-list-item-label{ padding-right:10px;}
.wpcf7 span.wpcf7-not-valid-tip{ margin:0 auto; padding-left:10px; background:#fff; display:inline !important;}
.wpcf7 .your-message span.wpcf7-not-valid-tip{ margin-left:-220px;}
.wpcf7 .ajax-loader{ margin:12px 0 0;}
div.wpcf7-mail-sent-ok{ border:1px solid #c2e7c8 !important; color:#008c00; text-align:center;}
div.wpcf7-validation-errors{ padding:0.8em 1em !important; border:1px solid #f7e700 !important; color:#f30; text-align:center;}
#inquiryForm{ padding:40px;}
#inquiryForm .wpcf7 label{ width:120px;}
.wpcf7 #your-firstname{ width:100px;}
.wpcf7 #your-lastname{ width:140px;} 

.c-chat{ margin:50px auto; padding:50px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.c-chat h4{ margin-bottom:0;}
.entry .c-chat table{ margin-bottom:35px; color:#666; border:none;}
.entry .c-chat th{ padding:3px 10px; border:none; background:#fff;}
.entry .c-chat td{ padding:3px 10px; border:none;}
.entry .c-chat ul.olchat{ margin:-10px 10px 25px; overflow:hidden;}
.entry .c-chat ul.olchat li{ float:left; width:33.333%; margin-bottom:12px; list-style:none; font-size:12px; color:#666;}

/* Partner */
.entry .coop{ margin-bottom:100px;}
.entry .coop li{ line-height:30px; list-style:none; color:#666;}
.entry .coop li img{ float:left; padding-right:20px;}
.entry .coop li p{ font-size:12px; line-height:24px; margin-top:40px;}
.entry .coop-btm{ margin-bottom:0;}

/* Pagenavi */
.hkpagenavi{ margin:20px auto; padding-top:30px; width:100%; line-height:46px; font-size:15px; border-top:1px solid #eee; text-align:center; overflow:hidden;}
.hkpagenavi a:link, .hkpagenavi a:visited{ margin:0 4px; padding:14px 19px; color:#666; background:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;}
.hkpagenavi a:hover, .hkpagenavi a:active{ color:#fff0e6; background:#F49628; text-decoration:none;}
.hkpagenavi a.current:link, .hkpagenavi a.current:visited, .hkpagenavi a.current:hover{ color:#fff0e6; background:#F49628; font-weight:bold;}

/* Post Navigation */
.post-navi{ padding-top:20px; text-align:center;}
.post-navi a:link, .post-navi a:visited{ padding:2px 9px; border:1px solid #fff; background:#fff;}
.post-navi a:hover{ border:1px solid #E4E4E4; background:#F5F5F5; text-decoration:none;}

/* Prev Next Post */
.post-prev-next{ margin:20px 0; background-color: #FBFBFB;padding: 15px;}
.post-prev-next .prev{ margin-bottom:8px;}
.height{padding:10px 0;}

/* Related */
.related h2{ margin-bottom:25px; height:40px; line-height:40px; font-size:20px; font-weight:500; border-bottom:2px solid #f0f0f0; clear:both;}
.related h2 span{ border-bottom:2px solid #aaa; display:inline-block;}

.related-post ul{ overflow:hidden;}
.related-post ul li{ float:left; margin-bottom:8px; width:50%; height:24px; line-height:24px; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;}
.related-post ul li a{ padding-left:15px;}

.sidebar{ float:left; color:#666; background: #fff; border-radius: 16px; margin-bottom:20px;margin-top:30px;}
.sidebar h3{ height:34px; line-height:34px; font-size:16px; color:#000; text-transform:uppercase;}
.sidebar h3 a, .sidebar h3 a:hover{ color:#000; text-decoration:none;}
.sidebar ul{ margin:0 auto; padding: 15px;}
.sidebar ul li{ margin-bottom:20px;}
.sidebar ul li ul{ margin:0 auto; padding:15px 10px; background:#fbfbfb; -moz-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); -webkit-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03);}
.sidebar ul li ul li{ margin:0 auto 5px; padding-left:16px; background:url(images/icon.gif) no-repeat 0 7px;}
.sidebar ul li ul li ul{ border:none; display:none;}
.sidebar ul li div{ background:#fbfbfb; overflow:hidden; -moz-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); -webkit-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03);}
.sidebar ul li div p{ padding:15px 10px 10px; line-height:28px;}

/* Sidebar - WidgetMenu */
.sidebar ul li.widget_nav_menu h3{}
.sidebar ul li.widget_nav_menu h3 a{ color:#fff;}
.sidebar ul li.widget_nav_menu div{ padding:0; border:none; background:none;}
.sidebar ul li.widget_nav_menu ul{ padding:0; font-size:14px; border:none; background:0; overflow:visible; position:relative;}
.sidebar ul li.widget_nav_menu ul li{ margin:0; padding:0; height:auto; border-top:1px solid #F6F6F6; background:none; overflow:visible; position: relative;}
.sidebar ul li.widget_nav_menu ul li:first-child{ border-top:none;}
.sidebar ul li.widget_nav_menu ul li a{ height:46px; line-height:46px; text-indent:25px; color:#444; display:block; overflow:hidden; font-family:'FontAwesome';}
.sidebar ul li.widget_nav_menu ul li a:before{content:"\f105"; padding: 0 10px 0 0;}
.sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover{ text-indent:30px; color:#0D5E9D;  text-decoration:none;}
.sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited{ text-indent:25px;}
.sidebar ul li.widget_nav_menu ul li ul{ margin-top:0px; width:100%; background: #FFF; margin-left:-30px;position:absolute; top:0; z-index:999; display:none; }
.sidebar ul li.widget_nav_menu ul li ul li{ font-size:12px;}
.sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover{ text-indent:30px;}
.sidebar ul li.widget_nav_menu ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li a:visited{ border-bottom:1px solid #F6F6F6; color:#555; font-family:'FontAwesome';}
.sidebar ul li.widget_nav_menu ul li:hover ul li a:before{content:"\f105"; padding: 0 10px 0 0;}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover a{ text-indent:30px; color:#0D5E9D;text-decoration:none;}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:visited{ border-bottom:1px solid #F6F6F6; color:#444;}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:hover{ color:#0D5E9D; }
.sidebar ul li.widget_nav_menu ul li.current-cat-parent{ font-weight:700; border-top:none;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent a:visited{ background-color:#FFF; background-position:10px -113px;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover a{ background-color:#FFF;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul{  display:block; position:static; margin-left: 0;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li{ border-top:1px solid #f9f9f9;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:hover{ text-indent:40px; border:none; font-weight: normal;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover ul li.current-cat a{ color:#0D5E9D; background-color:#FFF;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul{ display:none;}
.sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:hover{ text-indent:60px; background-position:52px -61px;}

/* RecentPosts */
.sidebar ul li.hk_widget_RecentPosts h3{border:none;}
.sidebar ul li.hk_widget_RecentPosts ul{ background-color: #FFF;}
.sidebar ul li.hk_widget_RecentPosts ul li{ margin: 5px auto 10px; padding:0; height:auto; line-height:18px;  overflow:hidden; background:none;}
.sidebar ul li.hk_widget_RecentPosts ul li:last-child{ margin:0 auto 10px;}
.sidebar ul li.hk_widget_RecentPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;}
.sidebar ul li.hk_widget_RecentPosts ul li h4{ margin-bottom:5px; font-size:13px;}
.sidebar ul li.hk_widget_RecentPosts ul li p{ color:#666;}

.sidebar .l_title{height:20px; background-color: #182C5A;border-bottom:4px solid #9ACE09;}
.sidebar .l_title h4 {}
.sidebar .l_title h4 a{line-height:20px; color: #fff; text-transform: uppercase; padding-left:10px;}
.sidebar .l_title h4 a:hover{text-decoration: none;}
.sidebar .l_body{background-color: #182C5A; color:#fff;padding:10px;}
.sidebar .l_body ul li{}
.sidebar .l_body ul li a{color: #fff;border:none;}
.sidebar .l_footer{background:url(images/left_bottom_bg.jpg) no-repeat;}
.widget {margin-bottom:20px;}

.widget_text{}
.widget_text .textwidget{color: #666; line-height:26px; padding:0 10px;word-wrap: break-word; word-break: normal;}
.widget-title{padding: 12px 0;font-size: 18px;font-weight: 700;text-transform: uppercase;text-align: left;  color: #202020; background-color: transparent;}

/* SpecialCatPosts */
.sidebar ul li ul.widget_SpecialCatPosts{ padding:25px 10px 15px;}
.sidebar ul li ul.widget_SpecialCatPosts li{ margin:0 auto 10px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li ul.widget_SpecialCatPosts li:last-child{ margin:0 auto 10px;}
.sidebar ul li ul.widget_SpecialCatPosts li img{ float:left; padding-right:8px; width:100px; height:75px;}
.sidebar ul li ul.widget_SpecialCatPosts li h4{ margin-bottom: 5px;line-height: 18px; overflow: hidden;}
.sidebar ul li.widget_SpecialCatPosts ul li p{ color:#666;}
 
/* Search */
.widget_search #searchform{padding: 10px 5px;}
.widget .screen-reader-text{color: #666;}
.widget_search #s{padding:4px 8px 3px; height:24px; line-height:24px; border:1px solid #D6D6D6; color:#666; background:#FFF;}
.sidebar .widget_search #s:hover{ border:1px solid #999; color:#666;}
.sidebar .widget_search #searchsubmit{ float:right; *float:none; padding:0; width:50px; height:33px; *line-height:30px; font-size:13px; font-weight:bold; text-align:center; text-indent:0; border:none; color:#fff; background:#ef5c32; cursor:pointer; }
.sidebar .widget_search #searchsubmit:hover{ background:#0D5E9D;}
/*widget_archive*/
.widget_archive label.screen-reader-text{padding:0 5px;}
.widget_archive select{padding:4px 8px 3px; height:30px; line-height:30px; border:1px solid #D6D6D6; color:#666; background:#FFF;;}

/* Calendar */
.sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;}
#wp-calendar{ width:100%;}
#wp-calendar caption{ padding:5px 0px; font-size:14px; color: #666;}
#wp-calendar th, #wp-calendar td{ padding:6px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E4E4E4; background-color:#F9F9F9;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;}
#wp-calendar tbody tr td a:hover{ color:#222;}
#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}

#cancel-comment-reply{ text-align:right;}

#respond p{ margin:0 auto 20px; overflow:hidden;}
#respond p.logged{ padding:5px; background:#ffe; border:1px solid #feb; width:50%; text-align:center;}
#respond label{ float:left; padding:3px 8px; width:70px; text-align:right; display:block;}
#respond em{ padding-left:12px; color:#f00; font-style:normal; font-weight:normal;}

#commentform input[type="text"], #respond #comment{ padding:12px; width:50%; border:1px solid #ddd; color:#888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
#commentform input[type="text"]:hover, #commentform input[type="text"]:active, #commentform #comment:hover, #commentform #comment:active{ border:1px solid #f90;}
#respond #comment{ padding:12px 0 12px 12px; width:96%; height:150px; font-size:12px; overflow-y:scroll;}
#commentform #submit{ padding:8px 50px; font-size:18px;line-height:28px; color:#fff; border:none; background:#0D5E9D; cursor:pointer; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
#commentform #submit:hover, #commentform #submit:active{ background:#f80;}

/* Footbar */
.footbar{ padding:30px 0; overflow:hidden;border-bottom:1px solid #fff; font-family:"Apercu-Ligh", Sans-serif;}
.footbar h3{ margin-bottom:18px; font-size:15px; font-weight:bold; color:#FFF;}
.footbar h3 a{ color:#fff;}
.footbar h3:after{height:1px; background-color: #F49628; width:10px;}
.footbar .widget-column{ float:left; padding-right:2%; width:23%;}
.footbar .widget-column-last{ padding:0; width:25%;}
.footbar .widget-column ul{ overflow:hidden;}
.footbar .widget-column ul li, .footbar .widget-column p{ margin-bottom:10px; overflow:hidden;}

/* Footer */
.footer{ padding-top:30px; width:100%; color:#FFF; background:#1A1A1A; -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);}
.footer a:link, .footer a:visited{ color:#fff;}
.footer a:hover{ color:#004785;}.link{ padding:20px 0; color: #FFF;}
.link a{padding:0 10px;cursor: pointer; color:#ddd;}
/*Copyright*/
.copyright{color:#DDD; overflow:hidden; text-align: center; background-color: #000;padding: 20px 0;}
.copyright a:link, .copyright a:visited{ color:#DDD;}
.copyright a:hover{ color:#004785;} 

/* Backtop */
.backToTop{ width:40px; height:40px; background:#da251e url(images/backtop.png) no-repeat 50% 50%; position:fixed; _position:absolute; right:10px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; z-index:999;}
.backToTop:hover{ background:rgba(0, 0, 0, 0.8) url(images/backtop.png) no-repeat 50% 50%;}

/*table-container*/
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
table{border:0; border-collapse:collapse;}
table td,table th{border:1px solid #eee; padding:.5em 1em}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}

/****  Responsive CSS  ****/
@media only screen and (min-width:1900px){
	.inner{ max-width:1740px; width:1740px;}
	.content{ margin-left:395px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar{ margin-right:-365px; width:365px;}
	.sidebar-left{ margin-right:-365px; width:365px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:365px;}
}
@media only screen and (min-width:1600px) and (max-width:1900px){
	.inner{ max-width:1450px; width:1450px;}
	.content{ margin-left:395px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar{ margin-right:-365px; width:365px;}
	.sidebar-left{ margin-right:-365px; width:365px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:365px;}
}
@media only screen and (min-width:1400px) and (max-width:1600px){
	.inner{ max-width:1200px; width:1200px;}
	.content{ margin-left:295px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar{ margin-right:-265px; width:265px;}
	.sidebar-left{ margin-right:-265px; width:265px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:265px;}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
	.inner{ width:96%}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 8px;}	
	.content{ margin-left:285px;}
	.fullwidth{ margin:0 auto; width:100%;}
	.sidebar-left{ margin-right:-260px; width:260px;}
	.sidebar{ margin-right:-260px; width:260px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:260px;}
	.col-md-3 div h3{margin: 0px auto 0px;}
	.product-index-inquiry a{margin-bottom:5px;}
}
@media only screen and (min-width:1024px) and (max-width:1199px){
	.inner{ width:96%; margin: 0 auto;}
	.navi{font-size: 14px;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 5px;}
	.slideshow-swiper-container .inner h4{ margin:6% auto 15px; font-size:40px; word-spacing:2px;}
	.slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:16px;}
	.piclist li h3{ font-size:12px;}
	.content{ margin-left:285px;}
	.sidebar-left{ margin-right:-260px; width:260px;}
	.sidebar{ margin-right:-260px; width:260px;}
	.sidebar ul li.widget_nav_menu ul li ul{ left:260px;}
	.breadcrumb {height:20px;width:100%;top:190px; }
	.col-md-4 div{width:46%;margin-bottom:20px;}
	.col-md-3 div h3{margin: 10px auto 10px;}
	.row-2a-lt,.row-2a-rt{ width:100%;}
	.row-2a-rt img {width:100%;}
	#about .about-more a{margin-bottom:20px;}
	.col-lg-3{flex: 0 0 45.333333%;max-width: 45.333333%;}
	.piclist-col4 li{width:21.9%; margin-left:2.5%}
}
@media only screen and (min-width:769px) and (max-width:1023px) {
	.inner {width:96%;margin: 0 auto;}
	.header {position:relative}
	.header .inner {width:100%}
	#top_menu{padding: 0 10px;}
	.logo {	margin-left:2%}
	.logo img {	max-width:80%;	max-height:80px}
	#mobile-nav{ float:right;  display:block; }
	#mobile-nav a{width:42px; height:42px; border:1px solid #FFF; color: #000; background-color: #FFF; font-size: 16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; cursor:pointer; margin-right:5px; margin-top:10px; z-index:99999; text-align: center; line-height:42px;}
	#mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;}	
	.main-menu{ margin:0 auto; width:100%; height:100%; line-height:46px; font-size:16px; border-top:2px solid #222; top:0; left:0; background-color: rgb(0,0,0,0.85); overflow-y:scroll; position: fixed; z-index:9999; display:none;}
	.main-menu .inner{ width:100%;}
	.navi{ background:#fafafa; width:96%;}
	.mobi-title{ color: #fff; height:40px; line-height:40px; display: block; overflow: hidden;}
	.mobi-title i{color: #FFF;}
	.mobi-title span{float: left; margin-left:3%; font-weight: 700;}	.mobi-menu-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; }
	.mobi-search-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; color: #fff;}
	.navi{margin-right: 15px;}
	.navi li{ float:none; width:100%; padding:0; border-bottom:1px solid #e6e6e6; border-top:1px solid #fff; clear:both; width:100%;}
	.navi li:first-child, .navi li.fr{ padding:0; border-top:none;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 15px; color:#222; height:42px; line-height:42px;}
	.navi li a:hover{ color:#fff; background:#222; border-bottom:none; width:100%;}
	.navi li ul{ position:static; padding:0; width:100%; border-top:none; border-bottom:none; background:#e8e8e8; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	.navi li ul li{ border:none; background:none; border-top:1px solid #eee; border-bottom:1px solid #ddd; width:100%; line-height:42px;}
	.navi li ul li.litop{ display:none;}
	.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; color:#666; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#222; background:transparent;}
	.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, {background-color: #222;}
	.navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;}
	.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#0D5E9D;border:none; }
	.navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;}
	.navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:43px; height:43px; text-align:center; font-size:14px; border-left:1px solid transparent; border-top:1px solid transparent; color:#888; background:url(images/icon-mo.png) no-repeat center -75px; position:absolute; right:8px; top:-1px;  z-index:99; cursor:pointer;}
	.navi li.menu-item-has-children .mean-clicked:hover{ color:#888;}
	.navi li.menu-item-has-children .mean-toggle{ background-color:#e8e8e8; background-position:center -126px;}
	.navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; background:url(images/icon-mo.png) no-repeat center -75px;}
	.navi li.current-menu-item .mean-toggle{ background:url(images/icon-mo.png) no-repeat center -125px !important;}	
	.navi li ul li.menu-item-has-children:hover a{ color:#222; background-color:transparent;}
	.navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;}
	.navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px;}
	.navi li:hover ul li.menu-item-has-children .mean-clicked{ background:#e8e8e8 url(images/icon-mo.png) no-repeat center -79px;}
	.navi li:hover ul li.menu-item-has-children .mean-toggle{ background:#e0e0e0 url(images/icon-mo.png) no-repeat center -128px !important;}
	.navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:#e0e0e0 url(images/icon-mo.png) no-repeat center -128px !important;}
	.navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ padding:0 0 0 48px; color:#666;}
	.navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;}
	.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:transparent;}
	.navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}	
	.navi li ul li ul li{height:42px;line-height:42px;}
	.btn-so{ display:none;}
	#search-box {float:none;margin:0 auto;padding:0 2%;box-sizing:border-box;width:100%; height:100%; position: fixed; top: 0;z-index:99999; overflow-y:scroll; border-top:2px solid #222;background:rgba(0,0,0,.85);display:none;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);box-shadow:0 0 10px rgba(0, 0, 0, 0.35)	}
	#search-box .inner{border:none;background:none;}
	#search-box #searchform {padding: 20px 10px;}
	#search-box #searchform #ls {width:96%;border:2px solid #f90;background:#fff;box-sizing:border-box; display: block; }
	#search-box #searchform #searchsubmit {float: none; width:96%;  margin:10px 0 10px 10px; border-radius:4px; overflow:hidden; cursor:pointer; position: static;}
	#mobile-nav .opacity, #mobile-nav .meanclose {background-color:#F49628; color: #FFF; opacity:1;	-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)}

	.slideshow-swiper-container .inner h4{ margin:6% auto 15px; font-size:32px; word-spacing:2px;}
	.slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:16px;}
	.banner{ height:80px; line-height:80px;}
	.banner img{ width:100%; height:auto;}
	.breadcrumb {height:50px;line-height:25px;top:190px; width:100%;}
	.breadcrumb h2 { display: none; }
	.crumb-box a{ color: #FFF;}
	.container, .content {float:none;margin:0 auto	}
	.col-md-4 div{width:46%;margin-bottom:20px;}
	.col-md-3 div h3 {line-height:46px;font-size:16px; margin: 0px auto 0px;}
	.row-2a-lt,.row-2a-rt{ width:100%;}
	.row-2a-rt img {width:100%;}
	#about .about-more a{margin-bottom:20px;}
	.col-lg-3{flex: 0 0 45.333333%;max-width: 45.333333%;}	
	.postlist li a {float:none;	width:100%	}
	.pic-scroll-list .slide {width:100%;height:auto	}
	.pic-swiper-container .swiper-wrapper .swiper-slide {width:48%}
	.piclist {margin-left:-3%}
	.piclist li {margin-left:3%;width:46.5%;}

	.industry-box ul li .item span a{display: none;}	

	.productlist li .folio-thumb {height:370px}
	.post .post-title {margin-bottom:28px;text-align:center}
	.post .post-meta {display:none}
	.entry {font-size:16px}
	.entry p {margin-bottom:20px}
	.post .share-post, .post .share-post .addthis_native_toolbox {float:none;margin-top:10px}
	.related ul.post-list li {float:none;width:95%}
	.product .product-inner, .product-img {float:none;margin:0 auto;width:100%}
	.product .tips {clear:both;margin-top:50px;	text-align:center}
	.product .post-head .post-title {width:100%	}
	.product .post-head #tabs {width:100%}
	.product .post-head #tabs span {padding:0 2%}
	.product .btn-inquiry-b {display:block}
	.tab-head li {padding:0 20px}
	.feature-item {float:none;width:97%}
	.related {margin:10px auto 0;float:none;width:100%}
	.related .productlist li {margin-bottom:30px}
	.postlist li a {float:none;width:100%}
	.sidebar {display:none}
	.wpcf7 label{width:88px;}
	#author, #email, #url, #comment {padding:12px 2%;width:95%}
	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover { }
	.wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block}
	.footbar .widget-column {margin:0 0 30px 0;	width:46.333%}
	.footbar .widget-column-rt {float:left}
	.footbar .widget-contact {width:auto}
	.copyright .cp, .copyright .ft-menu {float:none;margin-bottom:20px;width:100%;text-align:center	}
	.backToTop {width:40px;height:38px}
}
@media only screen and (max-width:768px) {
	.inner{ width:96%; margin:0 auto;}
	.fullwidth{width:auto;}
	.header {position:relative}
	.header .inner{ width:100%; height:70px;}
	#top_menu{display: none;}
	.logo{ margin-left:3%;line-height:50px;}
	.logo img{ width:100%;}  
	#mobile-nav{ float:right;  display:block; }
	#mobile-nav a{width:42px; height:42px; border:1px solid #FFF; color: #000; background-color: #FFF; font-size: 16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; cursor:pointer; margin-right:5px; margin-top:10px; z-index:99999; text-align: center; line-height:42px;}
	#mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;}	
	.main-menu{ margin:0 auto; width:100%; height:100%; line-height:46px; font-size:16px; border-top:2px solid #222; top:0; left:0; background-color: rgb(0,0,0,0.85); overflow-y:scroll; position: fixed; z-index:9999; display:none;}
	.main-menu .inner{ width:100%;}
	.navi{ background:#fafafa; width:96%;margin-right:8px;}
	.mobi-title{ color: #fff; height:40px; line-height:40px; display: block; overflow: hidden;}
	.mobi-title i{color: #FFF;}
	.mobi-title span{float: left; margin-left:3%; font-weight: 700;}
	.mobi-menu-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; }
	.mobi-search-close{display: inline-block;width:30px; height:40px; text-align: center; position: absolute; right:2%; z-index: 99999; color: #fff;}
	.navi li{ float:none; width:100%; padding:0; border-bottom:1px solid #e6e6e6; border-top:1px solid #fff; clear:both; width:100%;}
	.navi li:first-child, .navi li.fr{ padding:0; border-top:none;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 15px; color:#222; height:42px; line-height:42px;}
	.navi li a:hover{ color:#fff; background:#222; border-bottom:none; width:100%;}
	.navi li ul{ position:static; padding:0; width:100%; border-top:none; border-bottom:none; background:#e8e8e8; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	.navi li ul li{ border:none; background:none; border-top:1px solid #eee; border-bottom:1px solid #ddd; width:100%; line-height:42px;}
	.navi li ul li.litop{ display:none;}
	.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; color:#666; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#222; background:transparent;}
	.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, {background-color: #222;}
	.navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;}
	.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#0D5E9D;border:none; }
	.navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;}
	.navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:43px; height:43px; text-align:center; font-size:14px; border-left:1px solid transparent; border-top:1px solid transparent; color:#888; background:url(images/icon-mo.png) no-repeat center -75px; position:absolute; right:8px; top:-1px;  z-index:99; cursor:pointer;}
	.navi li.menu-item-has-children .mean-clicked:hover{ color:#888;}
	.navi li.menu-item-has-children .mean-toggle{ background-color:#e8e8e8; background-position:center -126px;}
	.navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; background:url(images/icon-mo.png) no-repeat center -75px;}
	.navi li.current-menu-item .mean-toggle{ background:url(images/icon-mo.png) no-repeat center -125px !important;}	
	.navi li ul li.menu-item-has-children:hover a{ color:#222; background-color:transparent;}
	.navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;}
	.navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px;}
	.navi li:hover ul li.menu-item-has-children .mean-clicked{ background:#e8e8e8 url(images/icon-mo.png) no-repeat center -79px;}
	.navi li:hover ul li.menu-item-has-children .mean-toggle{ background:#e0e0e0 url(images/icon-mo.png) no-repeat center -128px !important;}
	.navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:#e0e0e0 url(images/icon-mo.png) no-repeat center -128px !important;}
	.navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ padding:0 0 0 48px; color:#666;}
	.navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;}
	.navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:transparent;}
	.navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}	
	.navi li ul li ul li{height:42px;line-height:42px;}
	.btn-so{ display:none;}
	#search-box {float:none;margin:0 auto;padding:0 2%;box-sizing:border-box;width:100%; height:100%; position: fixed; top: 0;z-index:99999; overflow-y:scroll; border-top:2px solid #222;background:rgba(0,0,0,.85);display:none;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.35);box-shadow:0 0 10px rgba(0, 0, 0, 0.35)	}
	#search-box .inner{border:none;background:none;}
	#search-box #searchform {padding: 20px 10px;}
	#search-box #searchform #ls {width:96%;border:2px solid #f90;background:#fff;box-sizing:border-box; display: block; }
	#search-box #searchform #searchsubmit {float: none; width:96%;  margin:10px 0 10px 10px; border-radius:4px; overflow:hidden; cursor:pointer; position: static;}
	#mobile-nav .opacity, #mobile-nav .meanclose {background-color:#F49628; color: #FFF; opacity:1;	-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)}
	.slideshow-swiper-container h4{ margin:9% auto 15px; font-size:32px; word-spacing:2px;}
	.slideshow-swiper-container p{ margin-bottom:20px; width:70%; font-size:14px;}
	.slideshow-swiper-container img{ width:100%; height:auto;}
	.row-gallary-slider .inner{ max-width:680px;}
	.pic-swiper-container .swiper-wrapper .swiper-slide{ width:48%;}
	.row-gallary-slider .inner{ max-width:680px;}
	.pic-swiper-container .swiper-wrapper .swiper-slide{ width:48%;}
	.container-features{ }
	.heading-title{font-size: 28px; margin:20px 0 20px 0; text-align: center;}

	.list-text {width:100%; transform:none; height:auto;left:-10px; top:36%; overflow: auto;}
	.list li:hover .list-text{transform:none;padding: 0;}
	.list-content{display: none;}
	.col-md-3 div, .col-md-4 div, .col-lt, .col-rt{ float:none; padding:3.5%; width:92%; min-height:auto; margin-bottom:10px;}
	.col-md-3 div h3 {padding:0;line-height:inherit;font-size:12px;	width:100%}
	.row-fluid p img{ max-width:100%; height:auto !important;}
	.col-lg-3{flex: 0 0 90.333333%;max-width: 90.333333%;}
	.index-right-center{position: relative;}	
	.ibread{display: none;}
	.ibread-bottom{display: none;}
	.row-gallary-slider .inner {max-width:680px	}
	.pic-swiper-container .swiper-wrapper .swiper-slide {width:48%}
	.container {padding:0}
	.row-fluid {margin:0 auto}
	.row-fluid h2 span {display:none}
	.cat-filter ul li {margin:0 2px 12px}
	.row-2c-lt, .row-2c-rt {float:none;margin:0 auto;width:100%	}
	.row-2c-lt {margin-bottom:50px}

	.row-2a-rt,.row-2a-lt{width:100%; padding: 20px 0;}
	.row-2a-rt img{width:100%;border: 0; vertical-align: middle;}
	.wp-caption {width:400px;}
	.wp-caption img{width:400px;}
	.industry-box-text{padding: 2px;}
	.accordion-content {padding:20px 5px}
	.cur-title {display:none}
	.postlist li a {float:none;width:100%}
	.sidebar {display:none;}
	.piclist-fc li .folio-thumb {float:none;display:none}
	.piclist-fc li .folio-text {float:none;margin:0 auto}
	.banner {height:80px;line-height:80px}
	.banner img {width:100%;height:auto	}
	.breadcrumb { width:100%; position: inherit;color: #fff; padding: 10px 0 10px 0; border-bottom:1px solid #eee;}
	.breadcrumb h2 {display: none; }
	.crumb-box a{ color: #fff;}
	.container, .content {float:none;margin:0 auto}
	.row-fluid p img {max-width:100%;height:auto !important}
	.postlist li a {float:none;	width:100%}
	.piclist {margin-left:-3%	}
	.piclist li {margin-left:3%;width:46%}
	.piclist li h3 {text-align:center}
	.piclist-col4 li {width:46.2%;}
	.piclist-col4 li img{width:100%; height:100%}
	.product-index-inquiry a{margin-bottom:5px;}
	.cat-wrap{display: none;}
	.bloglist {margin-left:-3%}
	.bloglist li {margin:0 0 30px 3%;	width:47%}
	.productlist li .folio-thumb {	height:370px}
	.post .post-title {margin-bottom:28px;text-align:center}
	.post .post-meta {display:none}
	.entry {font-size:16px}
	.entry p {margin-bottom:20px}
	.entry table {max-width:none;width:99.5% !important;table-layout:fixed}
	.entry table td {width:auto;height:auto	}
	.post .share-post, .post .share-post .addthis_native_toolbox {float:none;	margin-top:10px	}
	.related ul.post-list li {float:none;width:98%}
	.container-product {margin-top:-25px}
	.product .product-inner, .product-img {float:none;margin:0 auto;width:100%}
	.product .tips {clear:both;margin-top:50px;text-align:center}
	.product .post-head .post-title {width:100%}
	.product .post-title {font-size:24px;line-height:32px}
	.product .post-head #tabs {width:100%}
	.product .post-head #tabs span {padding:0 2%}
	.product .btn-inquiry-b {display:block}
	.product .product-meta-box {margin-left:-56px;clear: both;}
	.tab-head .tab-ul {margin:0 auto}
	.tab-head .tab-ul li {margin:0;line-height:39px;font-size:14px;display:none}
	.tab-head .tab-ul li.current {line-height:39px;display:block}
	#tab-product .entry, #tab-product .entry .tab-title {display:block}
	#tab-product .entry .tab-title {height:38px;line-height:40px}
	#tab-product .entry .tab-title span {line-height:38px;font-weight:bold}
	.feature-item {float:none;width:97%}
	.related {float:none}
	#author, #email, #url, #comment {padding:12px 2%;width:95%}
	.feature-box .item {float:none;margin:0 1.5% 35px;width:100%}
	#inquiryForm {padding:30px 15px}
	#inquiryForm .productImg {margin:0 0 20px 0}
	#inquiryForm .productImg img {margin:0 15px 0 0}
	#inquiryForm .productImg h4 {line-height:20px}
	#inquiryForm .productImg p {padding-left:100px}
	.wpcf7 label, #inquiryForm .wpcf7 label {padding:0;width:100%;text-align:left;}
	.wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea {width:89%}
	.wpcf7 .wpcf7-select {max-width:97%}
	.wpcf7 .wpcf7-submit {width:97%}
	#inquiryProductMeta {width:98%}
	#inquiryProductMeta .productImg img {width:120px;height:120px}
	#btn-submit label {display:none}
	.post-meta-bottom .tags, .post-meta-bottom .share {float:none}
	.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover { }
	.wpagenavi a.next, .wpagenavi a.previous {padding:8px 60px;font-size:18px;display:inline-block}
	#commentform input[type="text"], #respond #comment {width:80%}
	.footbar h3 {margin-bottom:15px;font-size:18px}
	.footbar .widget-column {padding:0 2% 30px;width:46%;min-height:200px}
	.footbar .widget-column-rt {float:left}
	.footbar .widget-contact {width:auto}
	.copyright {padding:20px 0 65px}
	.copyright .cp, .copyright .ft-menu {float:none;margin-bottom:12px;width:100%;text-align:center}
	#live-chat, #formilla-chat-button {display:none}
	#formilla-frame {display:none !important;left:-9999px}
	.mobi-bar {display:table;text-align:center}
	.backToTop {right:5px;bottom:55px}
}
@media only screen and (max-width:480px) {
	.inner{width:96%; margin: 0 auto;}
	.logo img{ max-width:65%; max-height:65px;}
	.slideshow-swiper-container .swiper-slide{ height:auto;}
	.slideshow-swiper-container h4{ margin:12% auto 10px; font-size:20px; word-spacing:2px;}
	.slideshow-swiper-container p{ margin-bottom:12px; width:90%; font-size:12px; display:none;}
	.row-gallary-slider .inner {max-width:300px}
	.pic-swiper-container .swiper-wrapper .swiper-slide {width:47%}
	.container-features{ margin-top:-30px;}
	.about-main{padding:30px 0 30px 0;}
	.about-main h2{font-size: 30px;}
	.about-main .about-content{line-height:20px;}
	.heading-title a{font-size: 30px;}
	
	.breadcrumb { width:100%; position: inherit;color: #fff; padding: 10px 0 10px 0; border-bottom:1px solid #eee;}
	.breadcrumb h2 {display: none; }
	.crumb-box a{ color: #fff;}
	.cat-wrap{display: none;}
	.preview {width:auto;margin-right:0;}
	.preview #wrap {border:1px solid #e6e6e6}
	.preview img {padding:2%;width:96%;height:auto;border:0;background:#fff}
	.post ul.thumblist li .imWrap {width:100%;height:auto}
	.post ul.thumblist li .thumb-wrap {float:none;width:90%}
	.post ul.thumblist li img {padding:1%;width:98%;height:auto}
	.product-inquiry a {float:none;margin:0 auto;padding:10px 0;width:70%;text-align:center;display:block;box-sizing:border-box}
	.product-inquiry a i {float:none;margin:0 auto;padding:0 20px}
	.product-inquiry a.chat {margin:10px auto 0}
	.product-inquiry p {float:none;margin:6px 0 0}
	.product .product-meta-box {margin-left:-56px;clear: both;}

	.picexlist li .post-thumb {display:none}
	.col-blog ul li p {display:none}
	.related-post ul li {float:none;width:100%}

	.col-lg-3{flex: 0 0 90.333333%;max-width: 90.333333%;}
	.row-2a-rt,.row-2a-lt{width:100%; padding: 20px 0;}
	.row-2a-rt img{width:100%;border: 0; vertical-align: middle;}
	.piclist-col2 li{width:46.5%}
	.industry-box ul li .item span a,.industry-box ul li .item p{display: none;}
	.industry-box ul li .item .t{font-size: 14px;}	
	.industry-box-text{padding: 2px;}
	.wp-caption{width:280px;}
	.wp-caption img{width:280px;}
	.wpcf7 .wpcf7-text {width:89%}
	.footbar .widget-column {padding:0 2% 30px;	width:96%;min-height:inherit}
}