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;max-width:100%;}
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;} body{ color:#000; background:#fff; font:14px/28px "Microsoft Yahei",Helvetica,Verdana,Tahoma,Arial,Sans-Serif;}
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;}
.inner{ margin:0 auto;}
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.radius{ -moz-border-radius:3px; -webkit-border-radius:3px; 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;}
.col2{ float:left; width:48%;}
.col2:nth-child(2n){ float:right;}
.zm, .folio-thumb{ overflow:hidden;}
.zm img, .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;}	
.zm:hover img, .folio-thumb:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.folio-thumb .opacity-pic{ }
.mediaholder{ border:1px solid #ddd; overflow:hidden;} a:link, a:visited{ color:#000; outline:0; text-decoration:none;}
a:hover{ color:#ff6f00; text-decoration:none;} .top-bar{ font-size:14px; height:42px; line-height:42px; color:#ffffff; background:#202e31;}
.top-bar .inner{ overflow:visible;}
.top-bar-lt{ float:left;}
.top-bar-rt{ float:right;}
.top-bar a:link, .top-bar a:visited{ padding:0 5px; color:#ffffff;}
.top-bar a:hover{ color:#ff6f00;} .header{ border-bottom:5px solid #f2f2f2; background:#fff; clear:both; position:relative; z-index:10; }
.header .inner{ padding:15px 0 0; height:70px;}
.logo{ float:left; vertical-align:middle;}
.logo-desc{ float:left; margin-left:22px; padding:22px 22px 10px 22px; background:url(../images/bg-logo-desc.png) no-repeat 0 center;}
.c-box{ float:right;}
.head-pinned{ position:fixed; top:0; left:0; width:100%; border:none; -moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.16); -webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.16); box-shadow:0 0 12px rgba(0, 0, 0, 0.16); z-index:1000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.head-pinned .inner{ padding:0; height:46px;}
.head-pinned .logo{ margin:5px auto 0; visibility:visible !important;}
.head-pinned .logo img{ max-height:36px;}
.head-pinned .main-menu{ border:none;}
.head-pinned .navi li ul{ top:45px;}
.head-pinned .topbar, .head-pinned .main-menu .slash, .head-pinned #search-box{ display:none;} #mobile-nav{ display:none;}
.nav-search{ float:right;}
.main-menu{ float:right; height:42px; font-size:14px; color:#000; border-bottom:5px solid #ff6f00; clear:both; position:relative; bottom:0; right:-30px;}
.main-menu .slash{ position:absolute; bottom:-5px; left:-4px; border:2.5px solid transparent; border-right:2.5px solid #ff6f00; border-bottom:2.5px solid #ff6f00;}
.navi{ display:inline-block; position:relative;}
.navi li{ float:left; line-height:46px; position:relative;}
.navi li a, .navi li a:link, .navi li a:visited{ padding:0 30px; color:#000; display:inline-block;}
.navi li a:hover, .navi li:hover > a{ color:#ff6f00; text-decoration: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{ text-shadow:none;}
.navi > li > i{ display:none; opacity:0;}
.navi li ul{ position:absolute; top:42px; left:10px; z-index:1000; border-top:5px solid #ff6f00; padding:10px 0; width:200px; text-align:left; line-height:1.5; background-color:#fff; 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; color:#666; display:block;}
.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:#444; background: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{ background:#f8f8f8;}
.navi li.current-menu-item ul li a{ background:none;}
.navi li.current-menu-item ul li a span{ background: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:-2px; left:200px; padding:0; border-top-width:3px; 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{ background:#f8f8f8 url(../images/icon-menu.png) no-repeat right -354px;}
.navi li ul li.menu-item-has-children:hover ul li a{ color:#444; background:#fff;}
.navi li ul li.menu-item-has-children:hover ul li a:hover{ background-color:#f8f8f8;}
.navi li:hover ul li.menu-item-has-children ul li a{ background:none;} #wp-megamenu-primary{ padding:0 !important; background:none !important;}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu{ top:42px !important; border-top:5px solid #ff6f00 !important;}
.wp-megamenu-wrap ul.wp-megamenu li .fa{ display:none !important;}
.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a{ padding:15px 22px 8px !important;}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu > li > a{ font-family:"Microsoft Yahei"; font-weight:normal !important;}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu > li > a:hover{ color:#ff6f00 !important;}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.wpmm-col-4, #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.wpmm-col-2{ padding:0 !important; text-align:center; background:#eee;}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu li.wpmm-type-widget{ margin-bottom:0;}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu li.wpmm-type-widget img{ margin-bottom:15px;}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu li.wpmm-type-widget p{ line-height:24px;}
#wp-megamenu-primary>.wpmm-nav-wrap .wp-megamenu > li > ul.wp-megamenu-sub-menu li.wpmm-type-widget > a{ margin-bottom:0 !important; line-height:40px !important; border-bottom:1px solid #fff !important; font-size:14px !important; font-weight:normal !important;}
#wp-megamenu-primary>.wpmm-nav-wrap .wp-megamenu > li > ul.wp-megamenu-sub-menu li.wpmm-type-widget > a:hover{ color:#fff !important; background-color:#ff6f00 !important;}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu > li ul.wp-megamenu-sub-menu li > a:hover{ color:#ff6f00 !important;}
.wp-megamenu-wrap .wpmm-nav-wrap ul.wp-megamenu li.wpmm_mega_menu ul.wp-megamenu-sub-menu li.wpmm-row ul.wp-megamenu-sub-menu li{ float:left;}
.wp-megamenu-wrap .wpmm-nav-wrap ul.wp-megamenu li.wpmm_mega_menu ul.wp-megamenu-sub-menu li.wpmm-row ul.wp-megamenu-sub-menu li ul.wp-megamenu-sub-menu li{ float:none; width:100%;}
.wp-megamenu-wrap .wpmm-nav-wrap ul.wp-megamenu li.wpmm_mega_menu ul.wp-megamenu-sub-menu li.wpmm-row ul.wp-megamenu-sub-menu li a{ width:100%; display:block;}
.btn-so{ float:right; width:40px; height:85px; background:url(../images/icon-menu.png) no-repeat center -50px; display:inline-block; cursor:pointer; position:relative;}
.btn-so-hov{ background:url(../images/icon-menu.png) no-repeat center -130px;}
#search-box{ float:right; position:relative; z-index:99;}
#search-box #searchform{ width:228px; height:28px; background:#eee; position:relative;}
#search-box #searchform #ls{ padding:0 10px; width:100%; line-height:26px; border:1px solid #eee; color:#888; background:none; box-sizing:border-box;}
#search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{ border-color:#ff6f00;}
#search-box #searchform #searchsubmit{ float:right; padding:0; width:32px; height:28px; text-indent:-9999px; border:none; background:url(../images/icon-search.png) no-repeat center center; overflow:hidden; cursor:pointer; position:absolute; right:0; top:0;}
#search-box #searchform #searchsubmit:hover, #search-box #searchform:hover #searchsubmit, #search-box #searchform:focus #searchsubmit{ background-color:#ff6f00;}
.search-pinned{ position:fixed !important; top:47px; left:0; z-index:9999 !important; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));} .slideshow-swiper-container{ width:100%; background:#ddd; overflow:hidden; position:relative;}
.slideshow-swiper-container .inner{ height:100%;}
.slideshow-swiper-container img{ width:100%;}
.slideshow-swiper-container .inner{ line-height:1.5; text-shadow:0 0 15px #444; position:relative;}
.slideshow-swiper-container .slide-text{ width:100%; height:100%; display:block; line-height:1.2; position:absolute; top:0; left:0; z-index:10;}
.slideshow-swiper-container .slide-text h4{ margin:10% auto 25px; font-size:60px; font-weight:bold; text-align:center; color:#fff; word-spacing:15px;}
.slideshow-swiper-container .slide-text p{ margin-bottom:25px; width:50%; font-size:18px; text-align:center; color:#fff; animation-delay:300ms; -webkit-animation-delay:300ms;}
.slideshow-swiper-container .slide-text a, .slideshow-swiper-container .slide-text a:hover{ width:auto; height:auto; text-decoration:none; display:block; animation-delay:500ms; -webkit-animation-delay:500ms;}
.slideshow-swiper-container .swiper-button-next, .slideshow-swiper-container .swiper-button-prev{ top:0; margin-top:0; width:50px; height:100%; background:url(../images/arrow-slider.png) no-repeat;}
.slideshow-swiper-container .swiper-button-prev{ left:-50px; background-position:right center;}
.slideshow-swiper-container .swiper-button-next{ right:-50px; background-position:0 center;}
.slideshow-swiper-container .swiper-pagination-bullets{ right:0; text-align:right;}
.slideshow-swiper-container .swiper-pagination-bullet{ background:#fff; opacity:1;}
.slideshow-swiper-container .swiper-pagination-bullet-active{ background:transparent;}
.slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ bottom:20px;} .container{ margin-bottom:40px; padding:40px 0; background:#fff; display:table; box-sizing:border-box; clear:both;}
.container-hp{ margin-bottom:0; padding:0; display:block;}
.column-fluid{ float:right; margin-bottom:25px; width:100%;}
.container-rt .column-fluid{ float:left;}
.container-rt .content{ margin-right:230px; margin-left:0;}
.container-rt .sidebar{ margin-left:-200px;} .breadcrumb{ width:100%; height:40px; line-height:40px; color:#8a8a8a; background:#f5f5f5; clear:both; overflow:hidden;}
.breadcrumb a, .breadcrumb a:hover{ color:#8a8a8a; text-decoration:none;}
.breadcrumb .current{ color:#353535;}
.breadcrumb h2{ float:left; color:#222; font-size:28px; letter-spacing:2px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.crumb-box{ float:right; padding-left:20px; background:url(../images/icon-hp.png) no-repeat 0 center; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=7);}
.crumb-box i{ padding:0 8px 0 5px; font-style:normal;}
.banner img{ width:100%;}
.cur-title{ margin-bottom:40px; font-size:24px; color:#007be7; overflow:hidden;}
.cur-title span, .cur-title b, .cur-title strong{ padding-right:32px; font-weight:normal; color:#007be7; background:url(../images/icon-title.png) no-repeat right 6px; display:inline-block;}
.cur-title a{ color:#007be7;}
.cur-title a:hover{ color:#ff6f00; text-decoration:none;}
.cur-title .more{ float:right; font-size:14px; color:#000;} .content{ margin-left:230px; overflow:hidden;}
.fullwidth{ margin:0 auto; width:100%;} .row-fluid{ margin:45px auto 0; overflow:hidden; clear:both;}
.row-fluid h2{ margin-bottom:15px; line-height:40px; font-size:24px; font-weight:500; text-transform:uppercase; text-align:center; color:#000; clear:both;}
.row-fluid h2 a:link, .row-fluid h2 a:visited, .row-fluid h2 a{ padding-bottom:8px; color:#000; cursor:pointer;}
.row-fluid h2 a:hover{ color:#000; text-decoration:none;}
.row-fluid h2 span, .row-fluid h2 b, .row-fluid h2 strong{ padding-bottom:8px; border-bottom:2px solid transparent; font-weight:normal; text-decoration:none !important; display:inline-block;}
.row-fluid h2 a span, .row-fluid h2 span a:link, .row-fluid h2 span a:visited, .row-fluid h2 span a, .row-fluid h2 a b, .row-fluid h2 b a:link, .row-fluid h2 b a:visited, .row-fluid h2 b a, .row-fluid h2 a strong, .row-fluid h2 strong a:link, .row-fluid h2 strong a:visited, .row-fluid h2 strong a{ padding-bottom:0; border-bottom:none;}
.row-fluid p{ line-height:2;}
.row-interval{ padding:70px 0; background-color:#f9f9f9;}
.row-fluid-last{ margin-bottom:-70px; padding:70px 0 0;}
.row-features{ margin:0 auto; padding:40px 0; text-align:center; border-top:1px solid #fff; background:#f5f5f5;}
.row-features .inner{ overflow:hidden; border:1px solid #eee; background:#fff; box-sizing:border-box;}
.row-features p{ display:none;}
.col-item{ margin:0 auto; text-align:center;}
.col-item div{ float:left; padding:30px 1.5%; width:16.666%; height:auto; border-left:1px solid #f2f2f2; box-sizing:border-box; -moz-box-shadow:-2px 0 0 rgba(0,0,0,.02); -webkit-box-shadow:-2px 0 0 rgba(0,0,0,.02); box-shadow:-2px 0 0 rgba(0,0,0,.02);}
.col-item div img{ max-width:100%; height:auto;}
.col-item div h3{ margin:15px auto 0; width:100%; height:24px; font-size:14px; overflow:hidden;}
.col-item div:hover h3{ color:#ff6f00;}
.col-item-5 div{ padding:30px 1%; width:20%;}
.col-item-4 div{ padding:30px 1%; width:25%;}
.col-item-3 div{ padding:30px 1%; width:33.333%;}
.col-item-2 div{ padding:30px 1%; width:50%;}
.col-item-1{ margin:0 auto;}
.col-item-1 div{ padding:0; width:100%;}
.row-products{ padding-bottom:20px; background: linear-gradient(to bottom, #ffffff 75%, #007be7 25%);}
.row-products .item-title{ margin-bottom:45px; text-align:center;}
.row-products .item-title h2{ margin-bottom:0; padding-bottom:0;}
.row-products .item-title span{ margin:12px auto; width:138px; height:2px; line-height:0; background:#007be7; display:block; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.row-products .item-title p{ font-size:14px;}
.row-products .tab-title{ margin-bottom:40px; line-height:24px; font-size:12px; text-align:center;}
.row-products .tab-title a{ margin:0 3px 12px; padding:0 25px; border:1px solid #d3d3d3; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; display:inline-block; position:relative;}
.row-products .tab-title a.current{ border:1px solid #007be7; color:#fff; background:#007be7;}
.row-products .tab-gallary{ display:none;}
.row-products .tab-gallary .lab-more{ float:right; margin:-55px 12px 0 0; font-size:12px; color:transparent;}
.pic-list-col4{ margin-left:-2%; overflow:hidden;}
.pic-list-col4 li{ float:left; margin-bottom:30px; margin-left:2%; width:23%; height:auto; text-align:center; overflow:hidden;}
.pic-list-col4 li .folio-item{ position:relative;}
.pic-list-col4 li .folio-thumb{ position:relative;}
.pic-list-col4 li .folio-thumb .mediaholder{ border:none;}
.pic-list-col4 li .folio-thumb img{ width:100%; height:auto; display:block;}
.pic-list-col4 li h3{ padding:0 10px; width:100%; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#000 !important; background:rgba(0,0,0,0.6); box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:absolute; bottom:0; 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-list-col4 li:hover h3{ background:#ff6f00;}
.souy .pic-list-col4 li h3{ padding:0 10px; width:100%; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#fff !important; background:rgba(0,0,0,0.6); box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:absolute; bottom:0; 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;}
.row-news{ float:left; margin-bottom:45px; width:49%;}
.row-news .title-box h2{ text-align:left;}
.row-news .title-box h2 span{ padding:0 6px; color:#999; font-size:20px;}
.row-news .title-box h2 a{ color:#666; display:inline-block;}
.row-news .title-box h2 a.cur{ color:#000;}
.row-news ul{ display:none;}
.row-news ul li{ margin:0 auto; font-size:14px; border-left:1px solid #d8d8d8;}
.row-news ul li span.date{ margin-left:-6px; padding-left:21px; height:12px; line-height:12px; font-size:12px; color:#666; background:url(../images/icon-date.png) no-repeat 0 0; display:block; overflow:hidden;}
.row-news ul li .post-item{ padding:6px 0 10px 15px;}
.row-news ul li .post-item h3{ margin-bottom:2px; height:28px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.row-news ul li .post-item p{ color:#777; line-height:20px; font-size:12px;}
.row-news ul li .post-item p .more{ color:#ff6f00;}
.row-news ul li .post-item p .more:hover{ color:#007be7; text-decoration:underline;}
.row-news ul li:last-child .post-item{ padding:6px 0 0 15px;}
.row-news ul li.other{ margin-bottom:25px; border-left:none; overflow:hidden;}
.row-news ul li.other .post-thumbnail{ float:left; margin-right:20px;}
.row-news ul li.other .post-thumbnail img{ width:210px; height:145px;}
.row-news ul li.other h3{ margin-bottom:10px; font-size:18px;}
.row-news ul li.other p{ color:#777; line-height:20px; font-size:14px;}
.row-news ul li.other .more{margin-top:15px; padding:0 20px; line-height:28px; border:1px solid #c9c9c9; color:#3f3f3f; display:inline-block;}
.row-news ul li.other .more:hover{ border-color:#ff6f00; color:#fff; background:#ff6f00; text-decoration:none;}
.row-about{ float:right; width:49%;}
.row-about h2{ text-align:left;}
.row-about div.about-box{ float:left; clear:both;}
.row-about div a{ overflow:hidden;}
.row-about div .ab1{ float:left; max-width:62%;}
.row-about div .ab2, .row-about div .ab3{ float:right; position:relative; max-width:36%;}
.row-about div .ab3{ margin-top:8px;}
.row-about div .ab2 i, .row-about div .ab3 i{ position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
.row-about div .ab2 i{ background:url(../images/icon-video.png) no-repeat center center;}
.row-about div .ab3 i{ background:url(../images/icon-download.png) no-repeat center center;}
.row-about .select-item{ float:left; margin-top:40px; width:100%; line-height:100px; font-size:30px; clear:both;}
.row-about .select-item a{ padding:0 35px; color:#fff; background:#007be7 url(../images/icon-arrow-rt.png) no-repeat right center;; display: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;}
.row-about .select-item a:hover{ background-color:#ff6f00;}
.row-banner{ margin:60px auto 0;} .column-cat{ float:left; margin-bottom:40px; width:47%;}
.column-cat:nth-child(2n){ margin-left:6%;}
.column-cat-full{ padding-top:20px; width:100%; margin-left:0 !important; clear:both;}
.column-cat ul{ margin-left:6px;}
.column-cat ul li{ margin:0 auto; font-size:14px; border-left:1px solid #007be7;}
.column-cat ul li span.date{ margin-left:-6px; padding-left:21px; height:12px; line-height:12px; font-size:12px; color:#666; background:url(../images/icon-date-2.png) no-repeat 0 0; display:block; overflow:hidden;}
.column-cat ul li .post-item{ padding:12px 0 16px 15px;}
.column-cat ul li .post-item h3{ margin-bottom:2px; height:28px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.column-cat ul li .post-item p{ color:#777; line-height:20px; font-size:12px;}
.column-cat ul li .post-item p .more{ color:#007be7;}
.column-cat ul li .post-item p .more:hover{ color:#ff6f00; text-decoration:underline;}
.column-cat ul li:last-child .post-item{ padding:12px 0 0 15px;}
.pic-list-col5{ margin-left:-2%; overflow:hidden;}
.pic-list-col5 li{ float:left; margin-bottom:30px; margin-left:2%; width:18%; height:auto; text-align:center; overflow:hidden;}
.pic-list-col5 li .folio-item{ position:relative;}
.pic-list-col5 li .folio-thumb{ position:relative;}
.pic-list-col5 li .folio-thumb .mediaholder{ border:none;}
.pic-list-col5 li .folio-thumb .mediaholder .play{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/icon-video-s.png) no-repeat center center;}
.pic-list-col5 li .folio-thumb img{ width:100%; height:auto; display:block;}
.pic-list-col5 li h3{ margin-top:10px; padding:0 10px; width:100%; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#007be7; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -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-list-col5 li:hover h3{ color:#ff6f00;} .postlist{ padding:0; overflow:hidden;}
.postlist li{ margin:0 auto; padding:0 10px 0 25px; height:46px; line-height:46px; border-bottom:1px solid #eee; background:url(../images/icon.gif) no-repeat 10px 20px; overflow:hidden;}
.postlist li.nb{ border:none;}
.postlist li a{ float:left; width:85%; font-size:14px; -webkit-transition:text-indent .4s ease; -moz-transition:text-indent .4s ease; -ms-transition:text-indent .4s ease; -o-transition:text-indent .4s ease; transition:text-indent .4s ease;}
.postlist li span{ float:right; text-align:right; color:#bbb;}
.postlist li:hover{ background-color:#fbfbfb;}
.postlist li:hover a{ text-indent:8px;} .cat-desc{ margin-bottom:35px; font-size:16px; color:#464646; text-indent:2em;}
.cat-desc a:link, .cat-desc a:visited{ color:#464646; text-decoration:none;}
.gallary-list{ margin-left:-2%; overflow:hidden;}
.gallary-list li{ float:left; margin-bottom:30px; margin-left:2%; width:23%; height:auto; text-align:center; overflow:hidden;}
.gallary-list li .folio-thumb{ position:relative;}
.gallary-list li .folio-thumb img{ width:100%; height:auto; display:block;}
.gallary-list 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;}
.gallary-list li:hover .folio-thumb .opacity-pic{ -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.gallary-list li h3{ margin-top:8px; width:100%; height:36px; line-height:36px; font-size:16px; font-weight:normal; overflow:hidden;}
.gallary-list li:hover h3{ color:#ff6f00;}
.gallary-list-col3{ margin-left:-3%;}
.gallary-list-col3 li{ margin-left:3%; width:31.333%;}
.gallary-list-col5{ margin-left:-2%;}
.gallary-list-col5 li{ margin-left:2%; width:18%;} .sub-cat-list{ margin-bottom:35px; width:100%; height:52px; line-height:52px; font-size:16px; background:#f5f5f5; overflow:hidden;}
.sub-cat-list ol li{ float:left; margin-top:8px; margin-left:15px; line-height:44px;}
.sub-cat-list ol li a{ padding:0 16px; display:inline-block;}
.sub-cat-list ol li.cur a{ color:#007be7; background:#fff;}
.column-cat-video{ display:none;}
.column-cat-video .pic-list-col4{ margin-left:-4%;}
.column-cat-video .pic-list-col4 li{ margin-left:4%; width:21%;}
.column-cat-video .pic-list-col4 li .folio-thumb{ position:relative;}
.column-cat-video .pic-list-col4 li .folio-thumb .mediaholder{ border:none;}
.column-cat-video .pic-list-col4 li .folio-thumb .mediaholder .play{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/icon-video-s.png) no-repeat center center;}
.column-cat-video .pic-list-col4 li .folio-thumb img{ width:100%; height:auto; display:block;}
.column-cat-video .pic-list-col4 li h3{ margin-top:0; padding:0; width:100%; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#007be7; background:none; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:static;}
.column-cat-video .pic-list-col4 li:hover h3{ color:#ff6f00;} .picexlist{ padding:0; overflow:hidden;}
.picexlist li{ margin:0 auto 20px; padding:0 0 15px; border-bottom:1px solid #e9e9e9; color:#8b8b8b; overflow:hidden;}
.picexlist li .post-thumb{ float:left; padding-right:15px;}
.picexlist li .post-thumb img{ padding:5px; width:240px; border:1px solid #eee;}
.picexlist li:hover .post-thumb img{ border-color:#fdb795;}
.picexlist li h3{ margin-bottom:5px; font-size:16px;}
.picexlist li .excerpt{ color:#8b8b8b;}
.picexlist li .more{ color:#007be7;}
.picexlist li .more:hover{ color:#ff6f00;} .container-pt .sidebar{ width:260px;}
.sidebar ul li.widget_sub_cat_list ul{ padding:0; border:none;}
.sidebar ul li.widget_sub_cat_list ul li{ margin:0 auto 8px; padding:0; height:auto; font-size:16px; background:none; overflow:visible; position:relative;}
.sidebar ul li.widget_sub_cat_list ul li a:link, .sidebar ul li.widget_sub_cat_list ul li a:visited{ padding:0 25px; height:40px; line-height:40px; color:#fff; background:#007be7 url(../images/icon-down-arrow.png) no-repeat right center; display:block;}
.sidebar ul li.widget_sub_cat_list ul li a:hover{ background-color:#ff6f00;}
.sidebar ul li.widget_sub_cat_list ul li ul{ margin:5px auto 0;}
.sidebar ul li.widget_sub_cat_list ul li ul li{ margin:0 auto 5px; font-size:14px;}
.sidebar ul li.widget_sub_cat_list ul li ul li a:link, .sidebar ul li.widget_sub_cat_list ul li ul li a:visited{ padding:0 10px 0 48px; height:28px; line-height:28px; color:#555; background:#eee url(../images/icon-dot.png) no-repeat 30px center;}
.sidebar ul li.widget_sub_cat_list ul li ul li a:hover{ color:#fff; background-color:#007be7;} .post{ padding:45px 50px 0; border:10px solid #eee; overflow:hidden;}
.content-page .post{ padding:0; border:none;}
.post .title-box{ margin-bottom:30px; padding-bottom:12px; border-bottom:1px solid #eee; overflow:hidden;}
.post .post-title{ margin-bottom:10px; line-height:40px; font-size:28px; font-weight:500;}
.post .post-meta{ color:#8b8b8b;}
.post .post-meta .mt{ float:left; margin-right:20px;}
.post .post-meta .mt span{ padding:2px 0; background:none;}
.post .post-meta a:link, .post .post-meta a:visited{ color:#8b8b8b;}
.post .post-meta a:hover{ color:#666;}
.post .post-meta .bdsharebuttonbox{ display:inline;}
.post .post-meta .bdsharebuttonbox .bds_more{ margin:0 !important; padding-left:50px !important; background:url(../images/icon-share.png) no-repeat 0 6px !important;}
.entry{ font-size:16px; line-height:28px;}
.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:15px; text-indent:2em;}
.entry-media p{ text-indent:0;}
.entry img{ margin-bottom:10px; max-width:100%; height:auto;}
.entry iframe{ margin-bottom:10px; max-width:100%;}
.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;}
.fancybox-wrap{ max-width:90% !important; height:auto !important;}
.fancybox-wrap .fancybox-inner{ max-width:100% !important; height:auto !important;} .post-product{ padding:0; border:none;}
.product-header{ background:#fff;}
.post-product .post-title{ margin-bottom:20px; font-size:28px; line-height:38px; color:#007be7; text-align:left; clear:both;}
.post-product .productMeta{ overflow:hidden;}
.post-product .product-meta div{ margin-bottom:40px;}
.post-product .product-meta-box{ margin-left:590px; overflow:hidden;}
.post-product .metaList{ float:left; margin:0 0 0 30px !important;}
.post-product .metaList li{ padding:7px 0 8px 0; border-bottom:1px solid #EEE; overflow:hidden;}
.post-product .metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;}
.post-product .metaList li.inquiry{ padding:15px 0 5px;}
.post-product .left{ float:left; width:45%;}
.post-product .right{ float:right; width:45%;}
.preview{ float:left; margin-right:-550px; width:550px;}
.preview #wrap{ padding:0;}
.preview img{ margin-bottom:0; padding:5px; border:1px solid #d2d2d2; width:534px; height:auto; 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:20%; text-align:center; overflow:hidden;}
.post ul.thumblist li .thumb-wrap{ float:left; padding:1px; border:1px solid #d2d2d2; 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:5px; width:92px; height:92px; cursor:pointer; vertical-align:middle;}
.post ul.thumblist li .imWrap{ float:left; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px; *font-family:Arial;}
.post ul.thumblist li span{ color:#666;}
.post ul.thumblist li.zoomActive .thumb-wrap{ border:1px solid #007be7;}
.post ul.thumblist li.zoomActive span{ color:#c52620;}
.cloud-zoom-lens{ border:1px solid #eee; background:url(../images/grid.png) repeat 0 0; cursor:move;}
.cloud-zoom-big{ top:0 !important; width:450px !important; height:450px !important; border:1px solid #e6e6e6; overflow:hidden;}
.cloud-zoom-loading{ padding:3px; border:1px solid #ccc; color:#fff; background:#222;}
.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-bottom:35px; font-size:13px; 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-right:20px; padding:9px 30px; line-height:26px; font-size:20px; color:#fff; background:#f70; 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:36px; height:26px; background:url(../images/btn-inquiry.png) no-repeat 0 0;}
.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;}
.post-product .related-pic{ padding:10px 0 0; border:none; border-top:1px solid #eee;}
.post-product .related-pic h2{ margin-bottom:5px; font-size:20px; color:#000; border:none;}
.post-product .related-pic .gallary-list li{ margin-bottom:0;}
.post-product .related-pic .gallary-list li h3{ margin-top:5px; height:40px; line-height:20px; font-size:14px;}
.tab-head{ margin-top:50px; height:52px; font-size:18px; background:#f5f5f5; overflow:hidden;}
.tab-head .inner{ overflow:visible; position:relative;}
.tab-head li{ float:left; margin-left:15px; padding:0 20px; line-height:60px; text-transform:uppercase; color:#000; display:block; cursor:pointer;}
.tab-head li.current{ margin-top:8px; line-height:44px; color:#007be7; background:#fff;}
.tab-head li a:link, .tab-head li a:visited, .tab-head li a:hover{ color:#222; text-decoration:none;}
.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 transparent; border-bottom:none; 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 .entry .tab-tilte{ margin:40px auto 25px; height:52px; font-size:18px; font-weight:normal; background:#f5f5f5; display:none;}
#tab-product .entry .tab-tilte span{ margin-top:8px; margin-left:15px; padding:0 20px; line-height:44px; text-transform:uppercase; color:#007be7; 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-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;}
.container-spt .content{ margin-right:260px;}
.container-spt .sidebar{ margin-top:50px; margin-left:-240px; padding:10px; width:240px; color:#222; border:1px solid #d2d2d2; box-sizing:border-box;}
.container-spt .sidebar .product-related{ font-size:18px;}
.container-spt .sidebar .product-related h3{ margin-bottom:10px; font-size:18px; border:none;}
.container-spt .sidebar a:link, .container-spt .sidebar a:visited{ margin-bottom:14px; padding-left:76px; line-height:68px; color:#222; background:#f5f5f5 url(../images/icon-ptr.png) no-repeat 16px 0; display:block;}
.container-spt .sidebar a:hover{ color:#007be7; background-color:#e8e8e8; text-decoration:none;}
.container-spt .sidebar a.p-ce{ background-position:16px 8px;}
.container-spt .sidebar a.p-mn{ background-position:16px -74px;}
.container-spt .sidebar a.p-vd{ background-position:16px -155px;} .post .page-title{ margin-bottom:25px; padding-bottom:8px; line-height:40px; font-size:28px; text-align:center; border-bottom:1px solid #E9E9E9; color:#222;} .feature-box{ margin:50px 0 50px -1.5%; padding-top:70px; border-top:1px solid #eee; overflow:hidden;}
.feature-box .item{ float:left; margin:0 1.5% 50px; width:47%;}
.feature-box .item img{ float:left; width:96px; height:96px;}
.feature-box .item h4{ margin:-10px auto 10px; padding-left:120px; font-size:18px; font-weight:bold;}
.feature-box .item p{ padding-left:120px; color:#666; font-size:14px;} .contact-us{ float:none; margin-top:30px;}
.contact-us h3{ margin-bottom:30px; height:36px; line-height:36px; border-bottom:1px solid #e2e2e2;}
.contact-us h3 strong, .contact-us h3 b, .contact-us h3 span{ font-size:18px; color:#444; border-bottom:1px solid #aaa; display:inline-block;}
.contact-msg{ float:left; width:48%}
.contact-msg #commentform{ padding-top:5px;}
.contact-msg #author, .contact-msg #email, .contact-msg #url, .contact-msg #comment{ margin-bottom:10px; padding:5px 15px; width:90%; font-size:12px;}
.contact-msg #comment{ min-height:120px;}
.contact-box{ float:right; width:48%;}
.contact-box p{ padding-left:140px;}
.contact-box p span{ margin-left:-140px; padding-right:12px; width:128px; text-align:right; color:#666; display:inline-block;}
.contact-map{ margin-top:60px;} .page-sitemap{ background:#eee;}
.sitemap-box{ margin:25px auto; padding:2%; width:92%; line-height:24px; background:#fff;}
.sitemap-box a:link, sitemap-box a:visited{ color:#222;}
.sitemap-box a:hover{ color:#10579D;}
.sitemap-box h1{ margin-bottom:20px; font-size:20px; text-align:center;}
.sitemap-box h2{ margin:8px auto 15px; padding-bottom:10px; font-size:14px; font-weight:700; border-bottom:1px solid #eee;}
.sitemap-box ul{ margin:10px;}
.sitemap-box ul li{ margin:6px 0 0 18px; list-style:disc; color:#999;}
.sitemap-box ul li ul{ margin:5px 10px 10px;}
.sitemap-box ul li ul li{ margin:3px 0 0 16px; list-style:circle;}
.sitemap-box #breadcrumb, .sitemap-box .archivers, .sitemap-box .full-version, .sitemap-box #footer{ margin-top:20px; padding:6px 15px; border:1px solid #eee; border-top:1px solid #ddd; clear:both;}
.sitemap-box #breadcrumb, .sitemap-box .full-version{ border:1px solid #eee; background:#f8f8f8;}
.sitemap-box .archivers{ padding:5px 15px 15px; overflow:hidden;}
.sitemap-box #footer{ padding:10px; text-align:center;} .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;} .tag-list a{ margin:0 10px 10px; display:inline-block;} .wpagenavi{ margin:0 auto; padding-top:50px; width:100%; font-size:14px; text-align:center; overflow:hidden;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 3px; padding:8px 14px; line-height:20px; border:1px solid #d2d2d2; color:#000; background:#fff; display:inline-block; -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;}
.wpagenavi a:hover, .wpagenavi a:active{ border-color:#007be7; color:#fff; background:#007be7; text-decoration:none;}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border-color:#007be7; color:#fff; background:#007be7;}
.wpagenavi a.previous, .wpagenavi a.next, .wpagenavi a.previous:hover, .wpagenavi a.next:hover{ width:9px; text-indent:-9999px; background:url(../images/icon-wpagenav.png) no-repeat;}
.wpagenavi a.previous{ background-position:center 10px;}
.wpagenavi a.next{ background-position:center -73px;}
.wpagenavi a.previous:hover{ background-position:center -32px; background-color:#007be7;}
.wpagenavi a.next:hover{ background-position:center -114px; background-color:#007be7;} .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;} .backtrack{ margin:0 -50px; height:80px; line-height:80px; background:#eee; border-bottom:6px solid #007be7; overflow:hidden;}
.backtrack a{ float:right; width:200px; font-size:16px; color:#007be7; border-left:1px solid #f9f9f9; text-align:center; -moz-box-shadow:-1px 0 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow:-1px 0 3px rgba(0, 0, 0, 0.15); box-shadow:-1px 0 3px rgba(0, 0, 0, 0.15);}
.backtrack a:hover{ color:#fff; background:#007be7;}
.post-prev-next{ margin-bottom:40px;} .related{ margin-top:40px; padding:30px; border:1px solid #eee;}
.related h2{ margin-bottom:25px; padding-bottom:8px; font-size:18px; border-bottom:1px solid #007be7; color:#007be7;}
.related-post ul{ overflow:hidden;}
.related-post ul li{ margin-bottom:5px; height:28px; background:url(../images/icon-related.png) no-repeat 0 11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.related-post ul li a{ padding-left:30px;} .sidebar{ float:left; margin-right:-200px; width:200px; color:#666;}
.sidebar h3{ margin-bottom:20px; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #e2e2e2; text-transform:uppercase;}
.sidebar ul{ margin:0 auto;}
.sidebar ul li{ margin-bottom:20px;}
.sidebar ul li ul{ margin:0 auto; padding:0;}
.sidebar ul li ul li{ margin:0 auto 5px; padding-left:16px; height:24px; line-height:24px; background:url(../images/icon.gif) no-repeat 0 7px; overflow:hidden;}
.sidebar ul li ul li ul{ border:none;}
.sidebar ul li div{ padding-bottom:15px; overflow:hidden;}
.sidebar ul li div p{ margin:5px 10px 0;} .sidebar ul li.widget_nav_menu div{ padding:0; border:none; background:none;}
.sidebar ul li.widget_nav_menu h3{ padding:3px 0 8px; height:auto; line-height:1.4; text-indent:0; text-align:center; font-size:28px; font-weight:bold; border-bottom:none; color:#fff; background:transparent;}
.sidebar ul li.widget_nav_menu h3 a, .sidebar ul li.widget_nav_menu h3 a:hover{ color:#fff; text-decoration:none;}
.sidebar ul li.widget_nav_menu h3 em{ font-size:12px; font-weight:normal; font-style:normal; text-transform:uppercase; display:block;}
.sidebar ul li.widget_nav_menu ul{ padding:0; border:none;}
.sidebar ul li.widget_nav_menu ul li{ margin:0 0 20px; padding:0; height:46px; font-size:16px; background:#eee; overflow:visible; position:relative;}
.sidebar ul li.widget_nav_menu ul li:hover{ background:#007be7;}
.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited{ padding:0 30px 0 24px; height:46px; line-height:46px; color:#007be7; background:url(../images/icon-widget-menu.png) no-repeat right 16px; display:inline-block; overflow:hidden;}
.sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li:hover a, .sidebar ul li.widget_nav_menu ul li:hover a{ color:#fff !important; background-position:right -70px;}
.sidebar ul li.widget_nav_menu ul li.current-cat, .sidebar ul li.widget_nav_menu ul li.current_page_item{ background:#007be7;}
.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{ color:#fff; background-color:#007be7; background-position:right -70px;}
.sidebar ul li.widget_nav_menu ul li ul{ padding:1px 0; border:none;}
.sidebar ul li.widget_nav_menu ul li ul li{ font-size:13px; border-bottom:1px dashed #d4d4d4;}
.sidebar ul li.widget_nav_menu ul li ul li:last-child{ border:none;}
.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{ color:#444; background-color:transparent; background-position:22px -15px;}
.sidebar ul li.widget_nav_menu ul li.current-cat ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:visited{ color:#444; background-color:#fff;}
.sidebar ul li.widget_nav_menu ul li ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li ul li.current-cat a:hover{ color:#fff; background-color:#ff6f00 !important; font-weight:bold;}
.sidebar ul li.widget_nav_menu ul li:hover a:hover, .sidebar ul li.widget_nav_menu ul li a:hover{ color:#fff; background-color:#ff6f00;}
.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{ color:#444; background-color:#fff;}
.sidebar ul li.widget_nav_menu ul li:hover ul li a:hover{ color:transparent; background-color:#fff;}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover a{ color:transparent; background-color:#fff;}
.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{ color:#444; background-color:#fff;}
.sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:hover{ color:transparent; background-color:#fff;} .sidebar ul li .newsletter-widget{ padding-top:20px;}
.sidebar ul li .newsletter-widget p{ padding:0 10px 12px;}
.sidebar ul li .newsletter-email, .sidebar ul li .newsletter-firstname, .sidebar ul li input[type="text"]{ margin:0 auto; padding:3px 10px; width:218px; line-height:30px; font-size:13px; border:1px solid #dadde0; color:#999; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.sidebar ul li .newsletter-submit, .sidebar ul li input[type="submit"]{ margin-left:0; padding:3px 35px; line-height:30px; font-size:12px;}
.sidebar ul li input[type="text"]:hover, .sidebar ul li input[type="email"]:hover{ border-color:#999;}
.sidebar ul li input[type="submit"]:hover{ background:transparent;} .sidebar ul li.wpyou_widget_RecentPosts ul{ padding:25px 10px 0;}
.sidebar ul li.wpyou_widget_RecentPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li.wpyou_widget_RecentPosts ul li:last-child{ margin:0 auto 10px;}
.sidebar ul li.wpyou_widget_RecentPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;}
.sidebar ul li.wpyou_widget_RecentPosts ul li h4{ margin-bottom:5px; font-size:13px;}
.sidebar ul li.wpyou_widget_RecentPosts ul li p{ color:#666;}
.sidebar ul li.widget_recent_comments ul li{ margin-bottom:15px; padding:0; height:auto; line-height:1.5; background:none;}
.sidebar ul li.widget_recent_comments ul li h4{ font-size:12px; font-weight:bold;}
.sidebar ul li.widget_recent_comments ul li h4 em{ padding-left:10px; font-style:normal; font-weight:normal; color:#999;}
.sidebar ul li.widget_recent_comments ul li .cmt-cnt{ margin-top:16px; padding:10px; border:1px solid #eee; color:#777; background:#fff; overflow:visible; position:relative;}
.sidebar ul li.widget_recent_comments ul li .cmt-cnt a{ color:#777;}
.sidebar ul li.widget_recent_comments ul li .cmt-cnt a:hover{ text-decoration:none;}
.sidebar ul li.widget_recent_comments ul li .cmt-cnt .up-arrow{ width:20px; height:10px; line-height:0; font-size:0; background:url(../images/icon-uparrow.gif) no-repeat 0 0; overflow:hidden; position:absolute; top:-10px; left:5px;} .sidebar ul li.wpyou_widget_SpecialCatPosts ul{ padding:0;}
.sidebar ul li.wpyou_widget_SpecialCatPosts ul li{ margin:0 auto 10px; padding:0 0 0 14px; height:auto; line-height:18px; background:url(../images/arrow.gif) no-repeat 2px 8px; overflow:hidden;} .sidebar ul li.wpyou_widget_StickyPosts ul{ padding:0;}
.sidebar ul li.wpyou_widget_StickyPosts ul li{ margin:0 auto 10px; padding:0 0 0 14px; height:auto; line-height:18px; background:url(../images/arrow.gif) no-repeat 2px 8px; overflow:hidden;} .sidebar ul li.widget_search #searchform{ position:relative;}
.sidebar ul li.widget_search .searchInput{ padding:4px 8px 3px; width:178px; height:24px; line-height:24px; border:1px solid #D6D6D6; color:#666; background:#FFF;}
.sidebar ul li.widget_search .searchInput:hover{ border:1px solid #999; color:#666;}
.sidebar ul li.widget_search .searchBtn{ float:right; *float:none; padding:0; width:48px; height:33px; *line-height:30px; font-size:12px; text-align:center; text-indent:0; border:none; color:#fff; background:#ef5c32; cursor:pointer; position:absolute; top:0; right:0;}
.sidebar ul li.widget_search .searchBtn:hover{ background:transparent;} .sidebar ul li.wpyou_widget_SpecialCatList ul li ul{ padding:0;}
.sidebar ul li.wpyou_widget_SpecialCatList ul li{ height:auto; background:url(../images/arrow.gif) no-repeat 3px 10px;}
.sidebar ul li.wpyou_widget_SpecialCatList ul li ul li{ line-height:20px; background:url(../images/arrow-sub.gif) no-repeat 3px 7px;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li{ margin-bottom:15px; padding:0 0 15px; height:auto; border-bottom:1px solid #eee; background:none; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img{ float:left; padding-right:8px; width:100px; height:75px;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{ margin-bottom:5px; height:54px; line-height:18px; font-size:12px; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{ color:#666;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li{ margin:0 auto 18px; padding:0; height:auto; text-align:center; background:none;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img{ width:228px; height:170px;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{ margin-top:8px; line-height:18px; font-size:12px; overflow:hidden;} .sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;}
#wp-calendar{ width:100%;}
#wp-calendar caption{ padding:5px 0px; font-size:14px;}
#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;}
.pad{ border:none !important; background:none !important;} .postComment{ margin:60px auto 0; overflow:hidden;}
.postComment #addcomment, .postComment #comments{ margin-bottom:35px; padding:10px 0; font-size:20px; font-weight:500; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.commentlist{ padding-top:15px; width:100%; clear:both; overflow:hidden;}
.commentlist li{ padding:20px 0; width:100%; border-top:1px solid #f4f4f4; clear:both; position:relative;}
.commentlist li .avatar{ float:left; margin-top:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.commentlist li .comment_author{ margin:0 0 5px 62px;}
.commentlist li .comment-body{ padding:0 10px 0 62px; color:#666;}
.commentlist li .comment-body p{ margin-bottom:12px;}
.commentlist li ul{ padding:15px 0 0;}
.commentlist li ul li{ padding:18px 0 15px 10%; width:90%;}
.commentlist li.popular{ border-top:1px solid #FEE7C5; background:#FFFDEC;}
.commentlist li #respond{ padding:15px 0 15px 62px;}
.commentlist li #respond #addcomment{ margin-bottom:15px; padding:0; line-height:34px; font-size:14px;}
.commentlist cite{ font-size:14px; font-weight:bold; font-style:normal; color:#222;}
.commentlist cite a{ color:#222;}
.commentlist cite a:hover{ color:#222;}
.commentlist em{ padding-left:6px; color:#A8A8A8;}
.commentlist .comment_func{ padding-right:10px; text-align:right; color:#999;}
.commentlist .comment_func span{ padding-left:5px;}
.commentlist .comment_func a, #cancel-comment-reply a{ color:#999;}
.commentlist .comment_func a:hover, .commentlist .comment_func span:hover, #cancel-comment-reply a:hover{ cursor:pointer; color:#222;}
#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; font-family:Arial; line-height:28px; color:#fff; border:none; background:#f60; 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;} .comment-navi{ margin:15px auto; padding:10px; text-align:center; color:#888; background:#f9f9f9;}
.comment-navi a:link, .comment-navi a:visited{ padding:5px 8px; color:#666;}
.comment-navi span.cpt{ padding:5px 8px;}
.comment-navi span.current{ font-weight:bold;} .footer{ padding:30px 0 0; width:100%; color:#9f9f9f; background:#444;}
.footer a:link, .footer a:visited{ color:#9f9f9f;}
.footer a:hover{ color:#fff; text-decoration:none;} .footbar{ overflow:hidden;}
.footbar h3{ margin-bottom:15px; font-size:18px; color:#9f9f9f;}
.footbar h3 a{ color:#9f9f9f;}
.footbar .widget-column{ float:left; margin-left:80px;}
.footbar .widget-column:first-child, .footbar .widget-column-first{ max-width:38%; margin-left:0;}
.footbar .widget-column-last{ float:right;}
.footbar .widget-column ul{ overflow:hidden;}
.footbar .widget-column ul li, .footbar .widget-column p{ margin-bottom:3px; overflow:hidden;}
.footbar .widget-hot-products ul li{ float:left; margin:0 30px 15px 0; text-align:center;}
.footbar .widget-hot-products ul li img{ width:130px; height:130px; border:1px solid #ddd; display:inline;}
.footbar .widget-hot-products ul li img:hover{ border-color:#007be7; opacity:0.8;}
.footbar .widget-hot-products ul li h4{ margin-top:8px; font-size:12px; width:130px; height:42px; line-height:21px;}
.footbar .widget_newsletterwidget form{ margin-top:15px; position:relative;}
.footbar .widget_newsletterwidget form p{ display:inline-block;}
.footbar .widget_newsletterwidget .newsletter-email{ padding:4px 9px; width:180px; height:28px; line-height:28px; color:#888; background:#eee; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #222; -webkit-box-shadow:4px 4px 4px rgba(0,0,0,.15) inset; -moz-box-shadow:4px 4px 4px rgba(0,0,0,.15) inset; box-shadow:4px 4px 4px rgba(0,0,0,.15) inset;}
.footbar .widget_newsletterwidget .newsletter-submit{ padding:0 15px; height:38px; line-height:38px; color:#fff; background:#ef5c32; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #222; position:absolute; top:0; left:208px; -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;}
.footbar .widget_newsletterwidget .newsletter-submit:hover, .footbar .widget_newsletterwidget .newsletter-submit:active{ background:#000;}
.footbar #wp-calendar{ width:94%;}
.footbar #wp-calendar th, .footbar #wp-calendar td{ border:1px solid #393939; background:none;}
#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:#eee;}
.footbar #wp-calendar tbody tr td:hover{ border:1px solid #444; color:#eee; background-color:#444;} .friendlink{ padding:30px 0; width:100%; color:#888; background:#eee; overflow:hidden;}
.friendlink h3{ margin-bottom:15px; font-size:16px; color:#007be7; border-bottom:1px solid #007be7;}
.friendlink a:link, .friendlink a:visited{ margin-left:10px; color:#888;}
.friendlink a:hover{ color:#333;} .copyright{ margin-top:20px; padding:20px 0; border-top:1px solid #878989; overflow:hidden;} .live-chat{ width:200px; position:fixed; top:32%; right:-160px; z-index:9; *position:absolute; *right:expression(eval(document.documentElement.scrollLeft))-180; *top:expression(eval(document.documentElement.scrollTop))-150;}
.live-chat .live-chat-bar{ float:left; padding:20px 10px; width:20px; font-size:16px; line-height: 1.2; text-align:center; color:#fff; cursor:pointer; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;}
.live-chat-box{ float:left; width:158px; display:none;}
.live-chat-box .chat-header{ padding:6px; font-size:16px; color:#fff; cursor:pointer; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;}
.live-chat .live-chat-bar span, .live-chat-box .chat-header span{ float:left; width:24px; height:24px; text-indent:-9999px; background-image:url(../images/icon-livechat.png); background-repeat:no-repeat;}
.live-chat span.cs{ background-position:0 center;}
.live-chat .live-chat-bar span.cs{ margin-bottom:6px;}
.live-chat .chat-header span.cs{ margin-left:6px; margin-right:6px;}
.live-chat .chat-header span.close{ float:right; background-position:right center;}
.live-list{ padding:20px 15px; border:1px solid #e6e6e6; border-top:none; background:#fff;}
.live-list h4{ margin-bottom:15px; line-height:32px; text-align:center; color:#fff; background:#f70; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;}
.live-list p{ margin-bottom:12px;}
.live-list img{ max-width:100%;} .backToTop{ width:44px; height:42px; background:url(../images/backtop.png) no-repeat 50% 50%; background-color:rgba(0,0,0,0.3); position:fixed; _position:absolute; right:20px; bottom:-10px; opacity:0; _bottom:"auto"; cursor:pointer; display:none; z-index:999;}
.backToTop:hover{ background-color:#ff6f00;} .mobi-bar{ width:100%; font-size:1em; text-align:center; background:#333; display:none; overflow:hidden; position:fixed; bottom:0; left:0; z-index:9999;}
.mobi-bar li{ width:25%; display:table-cell;}
.mobi-bar li i{ font-style:normal;}
.mobi-bar li a{ padding-top:25px; border-left:1px solid #383838; border-right:1px solid #2b2b2b; color:#eee; background-image:url(../images/icon-mobi.png); background-repeat:no-repeat; display:block;}
.mobi-bar li a:active, .mobi-bar li a:hover{ background-color:#222; text-decoration:none;}
.mobi-bar li.mobi-map a{ background-position:center 6px;}
.mobi-bar li.mobi-phone a{ background-position:center -67px;}
.mobi-bar li.mobi-email a{ background-position:center -134px;}
.mobi-bar li.mobi-chat a{ background-position:center -202px;}
.mobi-bar li:first-child a{ border-left:none;}
.mobi-bar li:last-child a{ border-right:none;} .addthis_native_toolbox{ float:right;}
.at4-share-outer{ display:none !important;} @media only screen and (min-width:1440px){
.inner{ width:1200px;}
}
@media only screen and (min-width:1025px) and (max-width:1439px){
.inner{ width:1000px;}
.navi li a, .navi li a:link, .navi li a:visited{ padding:0 20px;}
}
@media only screen and (min-width:960px) and (max-width:1024px){
.inner{ width:96%;}
.logo-desc{ display:none;}
.main-menu{ right:0;}
.navi li a, .navi li a:link, .navi li a:visited{ padding:0 15px;}
.row-news ul li p{ display:none;}
.row-about .select-item{ margin-top:3%;}
.footbar .widget-column{ margin-left:4.5%;}
.footbar .widget-column:first-child, .footbar .widget-column-first{ max-width:35%;}
}
@media only screen and (max-width:959px){
.col2{ float:none; margin-bottom:40px; width:100%;}
.inner{ width:94%;}
.header{ position:relative;}
.header .inner{ padding:10px 0; width:100%; height:auto;}
.logo{ margin-left:3%; max-width:65%;}
.logo img{ max-width:100%; max-height:65px;}
.top-bar-lt{ max-width:45%; overflow:hidden;}
.logo-desc, .c-box{ display:none;}
#mobile-nav{ float:right; margin-right:3%; display:block; position:relative;}
#mobile-nav a{ margin-top:0; width:40px; height:40px; border:1px solid #ddd; background-image:url(../images/icon-mo.png); background-repeat:no-repeat; position:absolute; top:10px; cursor:pointer; display:inline-block;}
#mobile-nav #mobile-menu{ background-position:center 13px; right:50px;}
#mobile-nav #mobile-so{ background-position:center -27px; right:0;}
#mobile-nav .opacity{ background-color:#f4f4f4; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);}
.nav-search{ float:none; clear:both;}
.wpmm-mobile-menu a.wpmm_mobile_menu_btn{ display:none !important;}
.main-menu .wp-megamenu, .main-menu #menu-headermenu{ display:block !important; box-sizing:border-box;}
.wp-megamenu-wrap ul.wp-megamenu li .fa{ display:inline-block !important;}
.main-menu{ display:none; margin:10px auto 0; width:100%; line-height:40px; border-top:3px solid #ff6f00; text-align:left; font-size:16px; position:relative; top:0; left:0; right:0; z-index:9999;}
.main-menu .inner{ width:100%;}
.navi{ background:#222; display:block;}
.navi li{ float:none; width:100%; padding:0; border-bottom:1px solid #141414; border-top:1px solid #282828;}
.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:#ddd; display:block;}
.navi li a:hover{ color:#fff; background:transparent; border-bottom:none;}
.navi li.menu-so{ display:none;}
.navi li ul{ position:static; padding:0; width:100%; border-bottom:none; border-top:1px solid #141414; background:#141414;}
.navi li ul li{ border:none; background:none; border-top:1px solid #202020; border-bottom:1px solid #000;}
.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:#ccc; background:none;}
.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#ccc; background:transparent;}
.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .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:#ccc; background-color:transparent;}
.navi li ul li.menu-item-has-children a{ height:40px;}
.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:40px; height:40px; line-height:40px; 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 -78px; position:absolute; right:0; top:-2px; z-index:99; cursor:pointer;}
.navi li.menu-item-has-children .mean-clicked:hover{ color:#888; background-color:#141414;}
.navi li.menu-item-has-children .mean-toggle{ background-color:#141414; background-position:center -128px;}
.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:#fff; background-color:transparent;}
.navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;} .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:#222 url(../images/icon-mo.png) no-repeat center -125px !important;}
.navi li:hover ul li.menu-item-has-children .mean-clicked{ background:#222 url(../images/icon-mo.png) no-repeat center -75px;}
.navi li:hover ul li.menu-item-has-children .mean-toggle{ background:#222 url(../images/icon-mo.png) no-repeat center -125px !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:4px 0 4px 36px; color:#999;}
.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:#fff; background-color:transparent;}
.btn-so{ display:none;}
#search-box{ margin-top:10px; width:100%; border-top:3px solid #ff6f00; position:relative; top:0; display:none;}
#search-box i{ display:none;}
#search-box #searchform{ padding:10px 20px; width:100%; height:auto; box-sizing:border-box;}
#search-box #searchform #ls{ line-height:40px; border-color:#d5d5d5; background:#fff;}
#search-box #searchform #searchsubmit{ width:42px; height:40px; right:21px; top:11px;}
.slideshow-swiper-container .swiper-slide{ height:auto; }
.slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ display:none;}
.slideshow-swiper-container .inner{ padding:8% 0; height:84%;}
.slideshow-swiper-container .inner h4{ margin:0 auto 15px; font-size:40px;}
.slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:14px;}
.news-list{ margin:0 auto; width:100%; height:44px; line-height:44px; position:relative; background:#fafafa;}
.news-list .swiper-news{ height:44px;}
.news-list .swiper-news .swiper-wrapper{ margin-right:30px;}
.news-list .swiper-news .swiper-button-prev{ right:6px; background-position:center 8px;}
.news-list .swiper-news .swiper-button-next{ right:6px; top:23px;}
.crumb-box{ background:none;}
.cur-title{ display:none;}
.postlist li a{ float:none; width:100%;}
.sidebar{ display:none;}
.gallary-list{ margin-left:-3%;}
.gallary-list li{ margin-left:3%; width:47%;}
.gallary-list-fc li .folio-thumb{ float:none; display:none;}
.gallary-list-fc li .folio-text{ float:none; margin:0 auto;}
.container, .content, .container-rt .content{ float:none; margin:0 auto;}
.container{ padding:30px 0 0; display:block; overflow:hidden;}
.container-hp{ padding:0;}
.col-item, .col-item-4, .col-item-2, .col-item-1{ float:none; margin:0 auto;}
.col-item div h3{ margin:20px auto 0;}
.col-item div, .col-item-4 div, .col-item-2 div, .col-item-1 div{ width:50%; border-bottom:1px solid #f2f2f2;}
.row-fluid img{ max-width:100% !important; height:auto;}
.row-map img{ max-width:none !important;}
.row-news, .row-about{ float:none; width:100%;}
.row-news{ margin-bottom:40px;}
.pic-list-col4 li, .pic-list-col5 li{ width:48%;}
.column-cat, .column-cat-full{ float:none; margin-bottom:40px; margin-left:2% !important; width:96%;}
.column-cat:nth-child(2n){ margin-left:2%;}
.column-cat .cur-title, .column-cat-full .cur-title{ margin-bottom:25px; display:block;}
.postlist li a{ float:none; width:100%;}
.postlist li span, .sidebar{ display:none !important;}
.pic-scroll-list .slide{ width:100%; height:auto;}
.gallary-list{ margin-left:-3%;}
.gallary-list li{ margin-left:3%; width:47%;}
.gallary-list li h3{ text-align:center;}
.bloglist{ margin-left:-3%;}
.bloglist li{ margin:0 0 30px 3%; width:47%;}	
.productlist li .folio-thumb{ height:370px;}
.post{ padding:0; border:none;}
.entry{ font-size:16px;}
.entry .cur-title{ display:block;}
.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-product .product-inner, .product-img{ float:none; margin:0 auto; width:100%;}
.post-product .tips{ clear:both; margin-top:50px;  text-align:center;}
.post-product .post-head .post-title{ width:100%;}
.post-product .post-title{ font-size:24px; line-height:32px;}
.post-product .post-head #tabs{ width:100%;}
.post-product .post-head #tabs span{ padding:0 2%;}
.post-product .btn-inquiry-b{ display:block;}
.preview{ float:none; margin:0 auto 35px; overflow:hidden;}
.cloud-zoom-big{ display:none !important;}
.cloud-zoom-lens{ border:none; background:none; cursor:default;}
.post-product .product-meta-box{ margin-left:0;}
.tab-head .tab-ul li{ display:none;}
.tab-head .tab-ul li.current{ display:block;}
#tab-product .entry, #tab-product .entry .tab-tilte{ display:block;}
.container-spt .sidebar{ margin:10px auto 50px; width:100%; display:block !important; box-sizing:border-box;}
.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:90%;}
.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;}
.col-lg-2{ float:none; width:100%;}
.entry .col-lg-2 h4{ margin-bottom:10px;}
.c-mail h4 span{ padding:0; display:block;}
.c-addr h3{ float:none;}
.c-addr p{ padding:0;}
.entry .c-chat ul.olchat li{ width:50%;}
.post-meta-bottom .tags, .post-meta-bottom .share{ float:none;}
.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover{ display:none;}
.wpagenavi a.next, .wpagenavi a.previous{ padding:8px 60px; font-size:18px; display:inline-block;}
#commentform input[type="text"], #respond #comment{ width:80%;}
.footbar .widget-column{ margin-bottom:20px; margin-left:4%; width:46%;}
.footbar .widget-column:first-child, .footbar .widget-column-first{ max-width:none;}
.footbar .widget-column:nth-child(2n+1){ margin-left:0; clear:both;}
.copyright{ padding:20px 0 60px;}
.mobi-bar{display:table; text-align:center;}
.backToTop{ width:40px; height:40px; right:0; bottom:65px !important;}
}
@media only screen and (max-width:480px){
.top-bar-lt{ display:none;}
.logo img{ max-width:100%; max-height:65px;}
.slideshow-swiper-container .inner{ padding:10% 0 7%; height:83%;}
.slideshow-swiper-container .inner h4{ margin:0 auto 15px; font-size:18px; word-spacing:2px;}
.slideshow-swiper-container .inner p{ margin-bottom:12px; width:90%; font-size:12px;}
.col-item div img{ width:68%; height:auto !important;}
.col-item-3 div h3{ font-size:13px;}
.row-news ul li.other .post-thumbnail{ float:none; margin-bottom:20px;}
.row-news ul li.other .post-thumbnail img{ width:100%; height:auto;}
.row-about .select-item a{ font-size:20px;}
.preview{ width:auto;}
.preview #wrap{ position:static!important; border:1px solid #e6e6e6;}
.preview img{ padding:2%; width:96%; height:auto; border:none; 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:3%; width:94%; height:auto;}
.product-inquiry a{ float:none; padding:11px 0; width:100%; text-align:center;}
.product-inquiry a i{ float:none; margin:0 auto; padding:0 20px;}
.product-inquiry p{ float:none; margin:6px 0 0;}
.bloglist{ margin-left:0;}
.bloglist li{ float:none; margin:0 auto 30px; width:100%;}
.bloglist li .folio-thumb{ height:auto;}
.picexlist li .post-thumb{ display:none;}
.related-post ul li{ float:none; width:100%;}
.wpcf7 .wpcf7-text{ width:90%;}
.footbar .widget-column{ margin-left:0; padding:0 2%; width:96%;}
}
@media only screen and (max-width:320px){
.logo{ max-width:50%;}
.col-item-3 div, .col-item-4 div, .col-item-2 div, .col-item-1 div{ float:none; margin-bottom:30px; padding:0; width:100%;}
}