/*Theme Name:Theme-Focus4.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:"PT Sans";font-size:1em;} pre{white-space: pre-wrap;} 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-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{font-family:"Open Sans",sans-serif; font-size: 16px; color: #616161;} .fontw{font-family: "Roboto Slab",serif; font-optical-sizing: auto;} ul,ol,li{list-style:none;} table,td,th,input{ font-size:15px;} h1,h2,h3,h4,h5,h6{font-weight:normal; color: #222;} h1{font-size:36px;} h2{font-size:26px;} h3{font-size:20px;} 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);} .mediaholder{ overflow:hidden;} .fl{float: left;} .fr{float: right;} a:link, a:visited{ color:#222; outline:0; text-decoration:none;} a:hover{ color:#ffc107;} .tarbar {background:#FFC107;color: #fff;font-size:16px; } .tarbar .tarmenu{display: grid;grid-template-columns:auto 18% auto;justify-content: space-between;} .tarbar .tarmenu .tar-contact{line-height:65px;} .tarbar .social-wrap{text-align: right; line-height:65px;} .tarbar a{color:#FFF; text-decoration: none;} .header{clear:both;position:relative;z-index:1000;} .header .inner{ height:140px; overflow:visible;position:relative;} .logo{float:left; line-height:140px; vertical-align:middle; padding-right:50px;} /*.head-pinned*/ .head-pinned{ height:100px; 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:90px;} .head-pinned .logo img{ width:100%;} .head-pinned .topbar{ display:none;} .head-pinned .main-menu{ line-height:100px;} .head-pinned .navi li a{color: #666; line-height:100px;} .head-pinned .navi li ul li a{line-height:1.1;} .head-pinned .navi li ul{ top:100px; background:#FFF;} .head-pinned .navi li ul li ul{ top:0;} .navi{ text-transform:capitalize;float: left; height:140px;} .navi li{ float:left;padding: 0;} .navi li:hover{ color: #F71115;} .navi li a{padding:0 20px;line-height:140px;font-size:17px; color:#666; display:block;} .navi li a:hover{color:#ffc107; text-decoration:none;} .navi > li.menu-item-has-children > a {font-family: 'FontAwesome';} .navi > li.menu-item-has-children > a:after{content:"\f107";margin-left:5px;} .navi>li>ul{display: none;width: 100%;background: #fff;position: absolute;z-index: 99; left: 0;top:100%;padding: 25px; border:1px solid #ddd;} .navi>li>ul>li{width: 49.5%; float: left;margin: 0;border-right:1px solid #eee;} .navi>li>ul>li:last-child{border-right:none;} .navi>li>ul>li a{font-weight: 600; font-size: 18px;line-height:1; margin-bottom: 20px;display: block;} .navi li ul li ul li a{font-weight: 500; margin-bottom: 20px;text-align: left;display: block; font-size:16px;} .navi li ul li ul li{float: none;} #mobile-nav{display: none;} /*SEARCH*/ .mobi-title{display: none;} .btn-so{ float:right;height:100px;line-height:100px; color: #222; font-weight: 700; cursor:pointer;text-decoration: none;padding:0 10px;} .btn-so:hover{color: #f90;text-decoration: none;} #search-box{line-height:65px;} #search-box .inner{ position:relative; overflow:visible; border-top:1px solid #222; background:#fff; padding:0;} #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;} #search-box #searchform{ position:relative;} #search-box #searchform #ls{ padding:15px 2%; width:100%; border:1px solid #D6D6D6; color:#666; background:#fbfbfb; box-sizing:border-box;text-align: left;} #search-box #searchform #ls:hover, #search-box #searchform #ls:focus, #search-box #searchform #ls:active{ border-color:#EE9838;} #search-box #searchform #searchsubmit{ float:right; color: #666; padding:15px 5px;background:none; overflow:hidden; cursor:pointer; position:absolute; right:3px; top:12px; border:none;} /* Slideshow */ .slideshow-swiper-container{ margin-bottom:25px; width:100%; overflow:hidden; position:relative; clear:both; -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.15); box-shadow:0 0 15px rgba(0, 0, 0, 0.15);} .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%; height：100%; position:absolute; top:0;left:0;} .slideshow-swiper-container .slide-text{ line-height:1.2; position:absolute; left:10%;top:36%; 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 .slide-text .slide-text-content{ line-height:60px;font-weight: 300;color: #fff;text-align:center;} .slideshow-swiper-container .slide-text .slide-text-content p{background-color: #000;padding:5px 30px;font-size: 36px; } .slideshow-swiper-container .slide-text .slide-text-title{margin:4% auto;display:block;} .slideshow-swiper-container .slide-text .slide-text-title a{ background-color: #78B153; padding:0 25px; text-align: center; line-height:52px;font-weight: 300;font-size: 42px; color: #fff; text-decoration:none; float: right; margin-right:3%} .slideshow-swiper-container .swiper-wrapper a{} .slideshow-swiper-container .swiper-button-next, .slideshow-swiper-container .swiper-button-prev{ top:0; margin-top:0; width:60px; height:100%; background:none;} .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-button-prev span{ background-image:url(images/arrow-lt.png);} .slideshow-swiper-container .swiper-button-next span{ background-image:url(images/arrow-rt.png);} .slideshow-swiper-container .swiper-pagination-bullet{ width:15px; height:15px; line-height:15px; background:#fff; opacity:1;border-radius:50%;} .slideshow-swiper-container .swiper-pagination-bullet-active{ background:#FFC107;} .slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ bottom:20px;} .indexblocks{margin-top:45px; background-color: #fff;padding:0 5px;} .block-title{text-align: center;line-height:1.8;} /*icon*/ .factory{margin:50px 0;} .fancy-icon{display: flex;} .fancy-icon-wrap{display: grid;grid-template-columns:auto auto auto;grid-gap:30px 20px;text-align: left;} .ct-headline{color: #ffc107;font-size:36px;} .fancy-icon-wrap .ct-text-block{margin-left: 20px;} .fancy-icon-wrap .ct-text-block h2{font-size:22px !important;margin-bottom:15px; --wpex-heading-font-family: "Roboto Slab";} .fancy-icon-wrap .ct-text-block p{color: #666; font-size: 16px;line-height:1.6;} /*About*/ #about{background: #f6f6f6; padding:50px 0 30px 0;} #about .about-wrap{display: grid;grid-template-columns:48% 48%; grid-gap:2%;} .about-left {padding:70px 0; width:100%;} .about-right{width:100%;} .about-title-co{font-size:26px;margin-bottom:20px;color: #222;text-align: center; font-weight:600;} .about-content{line-height:1.8;color: #666; font-size:14px;margin-bottom:10px;} .about-more {margin:20px 0 35px 0;text-align: center;} .about-more a{background:#ffc107;padding:8px 20px;border-radius:5px; color: #fff;text-align: center;font-size: 18px; display:inline-block;} .about-more a span{font-size:24px;vertical-align: middle;} .about-more a:hover{background-color: #222;} /*index-sales*/ .index-sales{padding: 20px 0 80px 0;text-align: center;} .sales-title{margin-bottom:30px;line-height:2;} .sales-title h2{font-weight:700;margin: 10px 0;} .plist-col4{display: grid;grid-template-columns:23% 23% 23% 23%; grid-gap:2%;} .sales-box{position: relative; } .sales-box .box-img{width:100%;height:100%;transform: rotateY(0);display: flex;flex-direction: column;justify-content: center;transition: transform .5s ease-in-out;transform-style: preserve-3d;background-size: cover; position: absolute; left:0;top:0;} .sales-box:hover .box-img{transform: rotateY(-90deg);} .sales-box .box-content{width: 100%;height: 100%; min-height:480px; border-radius:10px; padding: 0;text-align: center;background: #EBEBEB;transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;} .sales-box:hover .box-content{transform: rotateY(0);} .sales-box .btitle{padding:10px;font-size: 20px;line-height:1.6;font-weight:700;} .sales-box .bdesc{line-height:1.6;color: #666;padding: 10px;} .sales-box .link-more{text-align: center;} .index-chair{background:url(images/box.jpg)no-repeat center;background-size: cover; padding-top: 90px !important;padding-bottom: 80px !important; background-color: rgba(0, 0, 0, 0.5); background-blend-mode: multiply;} .chair-title h2{color: #fff;font-size: 28px;text-align: center;font-weight:700; padding:30px 0;} .market{margin:30px 0} .market ul li .picexcerpt_img{border-radius:50%;overflow: hidden;} .market ul li .picexcerpt_img:hover{background: #000;opacity: 0.9;} .piclist-col2{display: grid; grid-template-columns:1fr 1fr;grid-gap:0 3%;} .piclist-col2 li{width:100%;} /*Professor*/ .Professor{background:#F6F6F6;color: #666;padding:50px 0;} .Professor .Professor-img{display: flex;justify-content: center;align-items: center; margin: 20px 0;} .Professor .Professor-img img{border-radius:50%; width:100px;height:100px;} .Professor .Professor-content{text-align: center;overflow: hidden;overflow-wrap: anywhere;} .Professor .Professor-content p{line-height:1.8;color: #666;font-weight:300;font-size:20px; text-align: center;} .Professor .Professor-title{text-align: center; margin: 25px 0;} .Professor .swiper-pagination{} .Professor .swiper-pagination-bullet{width:12px;height:12px;} .Professor .swiper-pagination-bullet-active{background-color: #FFC107 !important;} .Professor .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px !important;} /*Video-Center*/ .Video-Center{margin: 60px 0;} .Video-Center h2{text-align: center; font-weight:500;margin-bottom: 20px;} .Video-Center .video-title{text-align: center; margin-bottom: 30px;} .link-more {margin:20px 0 35px 0;text-align: left;} .link-more a{background:#ffc107;padding:8px 20px;border-radius:5px; color: #fff;text-align: center;font-size: 18px;} .pic-swiper-container1 h2{text-align: center;font-weight:500; margin-top:40px;} .pic-swiper-container1 .slide-title{text-align: center; margin:20px 0 30px 0;} .pic-scroll-list{ overflow:hidden;} .pic-swiper-container1 .bx-viewport{height:100% !important;} .pic-scroll-list .slide{ float:left; margin-bottom:25px; width:24%; height:auto; text-align:center; overflow:hidden;} .pic-scroll-list .slide .folio-thumb{ position:relative;} .pic-scroll-list .slide .folio-thumb img{ width:100% !important; height:auto; display:block;} .pic-scroll-list .slide .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#436BB8; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;} .pic-scroll-list .slide:hover .folio-thumb .opacity-pic{ -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;} .pic-scroll-list .slide h3{ margin-top:8px; width:100%;line-height:1.2; height:30px; overflow:hidden; position:relative; z-index:10;} .bx-wrapper{position: relative; padding-bottom:20px;} .pic-swiper-container1 .bx-controls {margin-top:20px;} .pic-swiper-container1 .bx-controls a{ margin-left:8px; width:30px; height:30px; text-indent:-9999px; border:1px solid #fff;display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;background:#ffc107 url(images/arrow-scroll.png) no-repeat;} .pic-swiper-container1 .bx-controls a:hover{ } .pic-swiper-container1 .bx-controls a.bx-prev{position:absolute; bottom:0; left:30px;background-position:12px -10px;} .pic-swiper-container1 .bx-controls a.bx-next{ position:absolute; bottom:0; left:0; background-position:-12px -10px;} .pic-swiper-container1 .bx-pager { text-align: center; margin-top: 20px; } .pic-swiper-container1 .bx-pager-item a {border-radius: 50%; width: 12px;height: 12px; background: #ccc;} .pic-swiper-container1 .bx-pager-item a.active { background: #333; } /* Container */ .container {padding:0;background:#fff;clear:both} .column-fluid {float:left; width:100%; margin:20px 0;} .content {padding:0 30px;} .fullwidth {margin:0 auto;width:100%} /*contact us*/ .vcex-module{display: flex;width: 100%;margin-top: 20px;margin-bottom: 20px;align-items: center;} .v1{border-bottom:1px solid #eee;flex-grow: 1;} .v2{font-size: 30px; color: #000; padding:0 20px; font-family:'FontAwesome';} .v2:after{content:"\f0e0"} /*page-thum*/ .page-thum{position:relative;background-color: rgba(0, 0, 0, 0.5);} .page-thum img{ width:100%;mix-blend-mode: multiply;} .page-thum-title{position: absolute; left:50%;top:50%; color: #000;} .page-thum-title h2{font-size:45px;} /* Breadcrumb */ .breadcrumb-wrap{padding:30px 0;margin-bottom:40px; background:#f6f6f6;border-top-color: #eee;border-bottom-color: #eee;} .breadcrumb-wrap .breadcrumb{width:96%;line-height:50px;color:#9e9e9e; clear:both; overflow:hidden; font-family: "Roboto Slab",serif;} .breadcrumb-wrap .breadcrumb .bread{display: grid; grid-template-columns:auto 1fr ; align-items:center;} .breadcrumb-wrap .breadcrumb a:link, .breadcrumb a:visited{ color:#585858; text-decoration:none;} .breadcrumb-wrap .breadcrumb a:hover{ color:#222;} .breadcrumb-wrap .breadcrumb h2{color:#222; font-size:24px; line-height:1.4;} .breadcrumb-wrap .breadcrumb h2 span{ color:#222;} .breadcrumb-wrap .breadcrumb .crumb-box{text-align: right;margin: 0;} /* Breadcrumb-Page */ #page_board{position: relative;} #page_board .breadcrumb-page{width:100%;line-height:50px;color:#fff; clear:both; overflow:hidden;position: absolute; top:43%;left:0;font-family: "Roboto Slab",serif;} #page_board .breadcrumb-page .bread{display: grid;} #page_board .breadcrumb-page a:link, .breadcrumb-page a:visited{ color:#fff; text-decoration:none;} #page_board .breadcrumb-page a:hover{ color:#fff;} #page_board .breadcrumb-page h2{color:#fff; font-size:36px;} #page_board .breadcrumb-page h2 span{ color:#fff;} #page_board .breadcrumb-page .crumb-box{text-align: center;} #page_board .breadcrumb-page .crumb-box a{color: #fff;} /*page*/ .wrap-page{background-color: #f6f6f6;} /*About*/ .about-page{ font-size:16px; line-height:26px; color:#4c4c4c;padding:60px 0; background-color: #fff;} .about-page h1{margin: 40px 0 30px 0; padding:0; font-weight:700; border:none; background:none; font-size: 40px; line-height:40px;} .about-page h2, .about-page h3, .about-page h4, .about-page h5, .about-page h6{ margin:30px 0; padding:0; font-weight:500; border:none; background:none; color:#222; line-height:1.5;} .about-page p{ margin-bottom:12px; line-height:1.8;} .about-page a:link, .about-page a:visited{ color:#ffc107;} .about-page a:hover{ color:#ffc107;} .about-page img{ margin-bottom:10px; max-width:100%; height:auto;} .about-page span{font-weight: :400;} .about-page hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;} .about-page .left{ float:left; width:45%;} .about-page .right{ float:right; width:45%;} .about-page ol, .about-page ul{ margin:10px 30px;} .about-page ol li{ list-style:decimal;} .about-page ul li{ list-style:disc;} .about-page input,.about-page textarea,.about-page select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;} .about-page input[type="text"]:hover,.about-page input[type="text"]:focus,.about-page input[type="text"]:active{ border:1px solid #999;} .about-page table{ margin-bottom:20px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:1em;} .about-page th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;} .about-page td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;} .about-page input, .about-page textarea, .about-page select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;} .about-page input[type="text"]:hover, .about-page input[type="text"]:focus, .about-page input[type="text"]:active,.about-page textarea :hover, .about-page itextarea :focus, .about-page textarea :active,, .about-page select:hover{ border:1px solid #ef5c32;} .gallery-columns-2 .gallery-item{width:48% !important; margin-right:1%;} .gallery-columns-3 .gallery-item{width:32% !important; margin-right:1%;} .gallery-columns-4 .gallery-item{width:23% !important; margin-right:1%;} .gallery-item img{width:100%;height:auto;border:none !important;} /*联系我们*/ .contact-page{margin-bottom:30px;} .contact-page h2{text-align: center;margin-top:10px;} .page-contact-grid{display: grid; grid-template-columns: 1fr 1fr; font-weight:600;grid-gap:2%;} .l-contact,.r_cotact{ background-color: rgba(249,249,249,1); padding: 20px;} .r_cotact{background-color: rgba(249,249,249,1);} .c1{display: flex; align-items: center;margin-bottom:10px; margin: 20px;border-bottom:1px solid #ededee;} .c1 img{max-width:100%; margin-right:10px !important;} .c1 b{display: block;} .c1 strong,b{font-weight: bold;} .c1 .text strong{display: block;} /*page-tab*/ .page-tab .tabs {display: flex;justify-content:space-evenly;gap: 10px;margin:20px;} .page-tab .tabs a{line-height:40px; padding:5px 10px; color: #222;border: 1px solid #ffc107;width:100%;display: block;text-align: center;} .page-tab .tabs a.active{background-color: #ffc107;color: #fff;} /*page-about*/ .about-culture{padding: 4.68vw;} .culture-list{display: flex;line-height:1.8;margin-top: 4.68vw;font-size:16px;} .culture-list li{width: 33.33%; text-align: center; margin-right: 1.56vw;padding: 4vw;background: #fff;box-shadow: 0px 0px 24px 2px rgba(0, 0, 0, 0.08);} .culture-list li h4{margin: 1.82vw 0 0.78vw;line-height: 1.3; font-size:30px;} .culture-list li img{height: 5vw;max-height: 96px;min-height: 50px;} .culture-title{font-size:40px;color: #fff;text-align: center; font-weight:700;} /* Archive - PicList loop-pic*/ .piclist{ margin-left:-3%; overflow:hidden;} .piclist li{ float:left; margin-bottom:30px; margin-left:3%; *margin-left:1.8%; _margin-left:1.5%; width:30.3%; height:auto; text-align:center; overflow:hidden;} .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{font-size:16px; font-weight: bold; overflow:hidden; position:relative; z-index:10; } .piclist li h3 a{display:block; color:#222; text-decoration:none;font-family: "Roboto Slab", serif; text-align: left;} .piclist li h2{color: #222; line-height:1.4;font-weight:600;} .piclist li h2 a{display:block; color:#222; font-size:15px; text-decoration:none;} .piclist li:hover h3 a{ color:#222;} .piclist li:hover .mediaholder{ border-color:#ccc;} /*.news-center*/ .news-center{background-color: #fff;} .news-lists ul li{border:1px solid #eee; text-align: left;} .news-center .news-list-title{margin:35px 0 35px 0; font-weight:700; text-align: center;} .news-center .news-list-title h2{font-weight:700;text-align: center;} .piclist-col4-news{ margin-left:-1.8%;} .piclist-col4-news li{ margin-left:1.8%; _margin-left:1%; width:22.96%;} .piclist-col4-news li .newslist-wrap{padding: 15px 15px 5px 15px;font-size: 15px;} .piclist-col4-news li .link-more{margin: 15px 0;} .piclist-col4-news li .link-more a{background:#ffc107;padding:8px 20px;border-radius:5px; color: #fff;text-align: center;font-size: 16px; display:inline-block;} .piclist-col4-news li .rm-item-cat{margin: 10px 0; color: #666;} .piclist-col4-news li .excerpt{color: #666;margin: 15px 0;} .piclist-col4{ margin-left:-3.5%;} .piclist-col4 li{ margin-left:3.5%; _margin-left:3.5%; width:21%;} .piclist-col4 .product-title{height:100px; line-height:20px; padding-top:10px; overflow: hidden;} /*postlist*/ .postlist{display: grid; grid-template-columns:1fr 1fr;grid-gap:0 20px;} .postlist li{ background-color: #F6F6F6; margin-bottom:20px;} .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;} .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{ padding:10px; color:#222; 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{font-size:15px;} .pic-swiper-container .swiper-wrapper .swiper-slide h3 a:hover{color: #FFC107;} .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:rgba(0,0,0,0.5) 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:rgba(0,0,0,0.5) 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:#ffc107;} .pic-swiper-container .swiper-pagination-bullets, .pic-swiper-container>.swiper-pagination-bullets{ bottom:20px;} .pic-swiper-wrapper-horizontal{ overflow:hidden;} .pic-swiper-container .swiper-pagination-bullet{ width:40px; 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:#FFC107;} .pic-swiper-container .swiper-pagination-bullets, .pic-swiper-container>.swiper-pagination-bullets{ bottom:20px;} /*分类产品页面*/ .pro-content-wrapper{display: grid;grid-template-columns:48% 48%;grid-gap:4%;margin-bottom:40px;padding: 0 10px;} .pro-content-wrapper .wrapper-title h1{color: #222;padding:30px 0 10px 0;} .pro-content-wrapper .wrapper-conter p{line-height:1.6} .wrapper-button{margin: 20px 0;} .wrapper-button a{color: #fff;background-color:#ff675b; padding: 8px 12px; border-radius:5px;display: inline-block; } .pro-content-right img{width:100%;height:100%;} /*pro-column-wrapper*/ .pro-column-wrapper{display: grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding: 0 10px;} .pro-column{border-radius:15px; box-shadow:0 25px 50px -12px rgba(0,0,0,0.25); padding:25px; display: flex;align-items: center;} .pro-icon-column{margin-right:20px;border:2px solid #222;border-radius:50%; text-align: center; padding: 10px;} .pro-icon-column span{ color: #222;font-size:28px;} .pro-column-content p{line-height:1.6} .pro-column-content h4{font-size:1.2em;margin-bottom:5px; color: #222;} /*pro-column-pic*/ .pic-column{margin: 30px 0;text-align: center;line-height:1.6} .pic-column h2{color: #222; text-align: center;margin-bottom:10px;} .pro-column-pic .cat-pic-list{margin: 30px 0;} .pro-column-pic ul{display: grid;grid-template-columns:25% 25% 25% 25%;} .pro-column-pic ul li .pic-title{text-align: center;} .pro-column-pic ul li .pic-title h2 a{font-size:16px; text-align: center;} .pro-column-pic ul li img{width:100%;} /*pro-row-fluid*/ .pro-row-fluid{padding: 100px 10px;background-color: #f6f9fc;} .pro-fluid-heading{line-height:1.4} /*pro-custom-fluid*/ .pro-custom-fluid{background-color: #3858e9;padding:70px 10px 0 10px;} .custom-fluid-heading{color: #fff;text-align: center;} .custom-fluid-wrapper{display: grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-bottom:40px;} .custom-fluid-item{background-color:#fff; border-radius:12px; box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);padding:30px;} .custom-icon{margin-bottom:20px;} .custom-icon span{color:#3366fe;font-size:35px;} .custom-box-heading h4{color:#3366fe;font-size: 1.32em;margin-bottom:10px;} .custom-box-text{line-height:1.6} /*pro-why-fluid*/ .pro-why-fluid{background-color: #f7f7f7;padding: 0 10px;} .pro-why-wrapper{display: grid;grid-template-columns:33% 63%; grid-gap:2%;padding:100px 0;} .pro-why-heading{ margin-bottom:10px;} .pro-why-heading h2{font-size:30px; font-weight:700;color: #222;} .pro-why-wrapper-right{display: grid;grid-template-columns:1fr 1fr;gap:30px;} .pro-why-wrapper-right .pro-column{border-radius:15px; box-shadow:0 25px 50px -12px rgba(0,0,0,0.25); padding:25px; display: flex;align-items: center;} .pro-why-wrapper-right .pro-icon-column{margin-right:20px;border:2px solid #222;border-radius:50%; text-align: center;padding: 10px;} .pro-why-wrapper-right .pro-icon-column span{ color: #222;font-size:28px;} .pro-why-wrapper-right .pro-column-content p{line-height:1.6} .pro-column-content h4{font-size:1.2em;margin-bottom:5px; color: #222;} .pro-client-heading h3{text-align: center;font-size: 24px !important; font-weight:700 !important;} .pro-client-items-wrapper{display: grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;} .pro-client-items{} .pro-client-item{background-color: #f7f7f7;padding:20px; border: 1px solid #eee;position: relative; margin-bottom:20px;} .pro-client-span{position: absolute;display: block;width:0;height:0;left:10px;bottom:-12px; border-left:12px solid #f7f7f7;border-right:12px solid #f7f7f7} .pro-person{display: flex;align-items: center;} .pro-client-person{width:50px;margin-right:10px;} .pro-client-person img{border: 1px solid #999;border-radius:50%;} /*pro-photo-fluid*/ .pro-photo-fluid{padding:50px 0;} .pro-photo-heading{text-align: center;} .pro-photo-heading h2{text-align: center;font-weight: 700;} /*pro-question-fluid*/ .pro-question-fluid{padding:60px 0 70px 0;} .pro-question-wrapper{display: grid;grid-template-columns:48% 48%;grid-gap:30px;} .pro-question-heading h3{font-size:30px;font-weight:700;text-align: center;} .pro-question-line{width: 80px;margin-top: 20px;margin-bottom: 50px;border-color: #e0e0e0;border-bottom:1px solid #eee;margin-right: auto;margin-left: auto;} .pro-question-left{padding: 0 10px;} .pro-question-list .accordion-header{position: relative; font-size:16px;font-weight:500; color:#ffc107; cursor:pointer;font-family:'FontAwesome';padding:10px; line-height:23px;margin-left:25px;} .pro-question-list .accordion-header:hover{} .pro-question-list .accordion-header:before{content:"\f068"; color: #ffc107;position: absolute; left: -25px;} .pro-question-list .inactive-header{ color:#ffc107;} .pro-question-list .inactive-header:before{content:"\f067";color: #ffc107; position: absolute; left: -25px;} .pro-question-list .accordion-content{line-height:1.5; display:none; } .pro-question-list .accordion-content p{} .pro-question-list .accordion-content a:link, .accordion-content a{ color:#ffc107;margin:10px 0;display:block;} .pro-question-list .accordion-content a:hover{ color:#ffc107;} .pro-question-list .accordion-list li{border-top: 1px solid #eee;} .pro-question-list .accordion-list li:last-child{border-bottom: 1px solid #eee;} .archive-wrap{} /*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;} .category_description{ padding: 20px 0; line-height:26px;} .category_description p{line-height:26px;} .category_description a{color: #ffc107;} .category_description h1,.category_description h2,.category_description h3,.category_description h4{color: #ffc107; font-weight:600; padding: 10px 0;} /*Archive-Newslist*/ .Archive-Newslist li{border: 1px solid #eee; margin-bottom:25px;} .Archive-Newslist li .newslist-wrap{padding:20px; } .Archive-Newslist li h3{margin-bottom:20px;} .Archive-Newslist li .excerpt {margin-bottom:20px;max-height:200px; overflow: hidden;} .Archive-Newslist li .excerpt p{line-height:1.6;color: #666;} /* 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;} /*YouBe*/ .video-container{width:96%; aspect-ratio:16/9;overflow: hidden; text-align: center;} .video-container IFRAME{ width:100%; height:100%; border:none;} .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:36px; font-weight:500; } .post .post-meta{border:none;} .post .post-meta span{ padding:2px 0 2px 10px;} .post img{max-width:100%;max-height:100%;display: block;} .post .page-title{font-weight: 600; font-size: 36px;color: #ffc107;line-height: 28px;clear: both; padding-bottom: 20px;text-align: center;} .post .site-content-primary{color: #4c4c4c; line-height:26px;} .entry{ font-size:16px; line-height:26px; color:#4c4c4c; padding:10px;} .entry h1{margin: 40px 0 30px 0; padding:0; font-weight:700; border:none; background:none; font-size: 40px; line-height:40px;} .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin:30px 0; padding:0; font-weight:500; border:none; background:none; color:#222; line-height:1.6;} .entry p{ margin-bottom:12px; line-height:1.6;} .entry a:link, .entry a:visited{ color:#ffc107;} .entry a:hover{ color:#ffc107;} .entry img{ margin-bottom:10px; max-width:100%; height:auto;} .entry span{ } .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:20px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:1em;} .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; background:#F6F6F6; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .wp-caption img{width:100%} .wp-caption p.wp-caption-text{margin:5px 0;padding:4px;line-height:20px;color:#666;} .post-meta-bottom{ padding-bottom:10px; color:#999; overflow:hidden;} .cat-title{color: #222; padding-bottom:20px;} h3.single-title{border-bottom: 2px solid #eee;color:#323232;margin: 25px 0 25px;overflow: visible;} .single-title span{display: inline-block;padding-bottom: 6px;border-bottom-width: 2px;border-bottom-style: solid;border-color: #ffc107;position: relative;bottom: /*share*/-2px;max-width: none;} .related-pic h2{color: #222;margin: 20px 0;} .post-related h3{margin: 10px 0;} .post-related h3 a:hover{color: #ffc107 !important;} .share .social-share-list{ } .share .social-share-list li{margin-right:5px;margin-bottom:5px;display: inline-block;} .share .social-share-list li a{display: flex;align-items: center;justify-content: center;text-decoration: none;cursor: pointer;transition: 0.15s all ease;padding: 8px;border-radius:5px; background-color: #1DA1F2; color: #fff;} .share .social-share-list li a span{padding-right:5px;} .social-share-item span{font-family: "FontAwesome" !important;} /* Prev Next Post */ .post-prev-next{ margin:20px 0; border-top:1px solid #eee;padding-top:20px} .post-prev-next a{line-height:40px;} /* Tags */ .tags a{background-color: #F5F5F5;padding: 5px;color: #999; margin-bottom:8px; display: inline-block} .tags a:hover{background-color: #ffc107; color: #FFF;} /*cat-desc*/ .cat-iq{margin: 30px 0;} .cat-desc{ color:#4c4c4c; font-size:15px;} .cat-desc h1{margin: 40px 0 30px 0; padding:0; font-weight:700; border:none; background:none; font-size: 40px; line-height:40px;font-family: "Roboto Slab",serif;} .cat-desc h2, .cat-desc h3, .cat-desc h4, .cat-desc h5, .cat-desc h6{ margin: 20px 0; padding:0; font-weight:500; border:none; background:none; color:#222; line-height:1.6;font-family: "Roboto Slab",serif;} .cat-desc p{ line-height:1.6;} .cat-desc a:link, .cat-desc a:visited{ color:#ffc107;} .cat-desc a:hover{ color:#ffc107;} .cat-desc img{ margin-bottom:10px; max-width:100%; height:auto;} .cat-desc span{font-weight:400;} .cat-desc hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;} .cat-desc .left{ float:left; width:45%;} .cat-desc .right{ float:right; width:45%;} .cat-desc ol, .cat-desc ul{ margin:10px 30px;} .cat-desc ol li{ list-style:decimal;} .cat-desc ul li{ list-style:disc;} .cat-desc input,.cat-desc textarea,.cat-desc select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;} .cat-desc input[type="text"]:hover,.cat-desc input[type="text"]:focus,.cat-desc input[type="text"]:active{ border:1px solid #999;} .cat-desc table{ margin-bottom:20px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:1em;} .cat-desc th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;} .cat-desc td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;} .cat-desc input, .cat-desc textarea, .cat-desc select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;} .cat-desc input[type="text"]:hover, .cat-desc input[type="text"]:focus, .cat-desc input[type="text"]:active,.cat-desc textarea :hover, .cat-desc itextarea :focus, .cat-desc textarea :active,, .cat-desc select:hover{ border:1px solid #ef5c32;} .cat-show-content{} .cat-show-content .toggle-btn{color: #cc0000; font-size:20px;margin: 20px 0; display: block;} .cat-show-content .toggle-btn:hover{text-decoration: underline;cursor: pointer;} .cat-customers{margin:50px 0;} .customers{} .cat-customers h2{font-size:28px; color: #ff9900;} .customers-content_wrap{position: relative;} .customers-caret{position: absolute;display: block;width: 0;height: 0;left: 10px;bottom: -12px;border-left: 12px solid transparent;border-right: 12px solid transparent; border-top: 12px solid #f7f7f7;} .customers-content{background-color: #f7f7f7;padding:20px; border: 1px solid #f7f7f7; margin: 20px 0;} .customers-content p{line-height:1.6;} .customers-wrap{display: flex;flex-wrap: wrap;margin-top:20px;align-items:center;} .customers-img {width:50px;} .customers-img img{width:45px;height:45px;border-radius:50%;} .customers-title{flex-grow: 1;font-weight:700;color: #222;} .cat-faq {margin: 30px 0;} .cat-faq h2{margin: 30px 0;font-size:28px;color: #ff9900;} .cat-question-list {margin-bottom:50px;} .cat-question-list ul li{margin-bottom:20px;} .cat-question-list .accordion-header{position: static; font-size:16px;font-weight:500;cursor:pointer; font-family:'FontAwesome';padding:10px; line-height:23px; background-color: #F7F7F7;border: 1px solid #eee;} .cat-question-list .accordion-header:hover{} .cat-question-list .accordion-header:before{content:"\f068"; color: #636363; margin-right:15px;} .cat-question-list .active-header{color: #272727;} .cat-question-list .active-header:before{color: #272727;} .cat-question-list .inactive-header{ color:#636363;} .cat-question-list .inactive-header:before{content:"\f067";color: #636363;} .cat-question-list .accordion-content{line-height:1.5; display:none;margin: 10px 0;} .cat-question-list .accordion-content p{} .cat-question-list .accordion-content a:link, .accordion-content a{ color:#222;margin:10px 0;display:block;} .cat-question-list .accordion-content a:hover{ color:#272727;} .pinquiry a{color: #fff;border-color: #ff675b;background-color: #ff675b;font-size: 14px; padding: 14px 20px; display:inline-block;border-radius: 2em;margin: 30px 0;} .news-list li{background-color: #F6F6F6;border-bottom:3px solid #000; margin-bottom:25px;padding:30px;} .news-list li .news-header{ margin:16px 0;} .news-list li .news-header h3 a{font-weight: 700; color: #ffc107; font-size: 22px;} .news-list li .news-date{margin: 16px 0; font-size: 13px;} .news-list li .news-content,.news-list li .news-content p{color: #222; line-height:22px;} .news-list li .read-more{ margin: 16px 0;} .news-list li .read-more a{color: #ffc107;} /* 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{overflow:hidden;} .product-meta p, .product-meta li{ margin-bottom:0; line-height:1.5; } .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 60px; line-height:26px; font-size:15px; color:#fff; background:#ffc107; 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:#ffc107; text-decoration:none;} .product-inquiry p{ float:left; margin:6px 0 0 15px; line-height:20px; color:#999;} .product-cat{color: #222; margin: 15px 0;} .product-cat a{color: #666; margin-right:8px;} .product-cat a:hover{color: #ffc107; text-decoration: underline;} .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; color:#222; display:block; cursor:pointer;} .tab-head li.current{ margin-top:-3px; line-height:42px; font-weight:bold; border-bottom:2px solid #ffc107; color:#ffc107; 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:#ffc107;} .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 #ffc107; border-bottom:none; color:#ffc107; 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:20px;} #tab-product .entry{ display:none;} #tab-product .inner, .entry .inner{ width:auto;} #tab-product .entry .tab-title{ margin:40px auto 25px; 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-bottom:2px solid #ffc107; color:#ffc107; 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:#ffc107;} .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{color: #222; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px;text-align:left; clear:both;} .product .productMeta{ overflow:hidden;display: grid;grid-template-columns:48% 48%;grid-gap:4%;} .product .product-meta-box{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{} .preview #wrap{ padding:0;} .preview img{ margin-bottom:0; width:100%; height:100%; 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 5px;text-align:center; overflow:hidden;} .post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:80px; 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:100%; height:100%; cursor:pointer; vertical-align:middle;} .post ul.thumblist li .imWrap{ float:left; width:80px; height:80px; 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 #ffc107;} .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{overflow:hidden; clear:both;} .wpcf7 label{ display: 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 #ddd; width:90%;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{ box-shadow: inset 0 0px 3px #870101;border: 1px solid #ce4848;} .wpcf7 .wpcf7-submit{ padding:9px 50px; font-size:18px; font-weight: 600;text-shadow: rgb(0 0 0 / 30%) 2px 2px 0; color:#fff; background: #ce4848; background: linear-gradient(#ce4848,#870101);display:inline-block; border-radius:5px;} .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active{ background: #870101;} .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 20px;} #inquiryForm .wpcf7 label{ width:100%; padding-bottom:10px; font-weight:600;} .wpcf7 label span{padding: 5px 0;} .wpcf7-file{width:90%; padding: 20px 0;} .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;} /*grid*/ .parent-grid{display: grid;grid-template-columns: 30% auto;grid-template-rows: auto;grid-gap: 5px; margin-bottom:5px;} .child-grid{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: auto;grid-gap: 5px;margin-bottom:5px;} .child-grid1{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: auto;grid-gap: 5px;} .last_grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: auto;grid-gap: 5px; margin-bottom:30px;} .parent-grid img{width:100%; height:100% !important;} .last_grid img{width:100%;height:100% !important;} .child-grid img{width:100%;height:100% !important;} /* 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; width:100%; line-height:46px;overflow:hidden;} .hkpagenavi a:link, .hkpagenavi a:visited{ margin:0 4px; padding:4px 8px; color:#4c4c4c;border: 1px solid #ccc; -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:#ffc107; text-decoration:none;} .hkpagenavi a.current:link, .hkpagenavi a.current:visited, .hkpagenavi a.current:hover{ color:#ffc107; font-weight:bold; border:none;} /* 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;} .sidebar{ float:right; margin-bottom:20px;margin-top:10px;} .sidebar h3 a, .sidebar h3 a:hover{ color:#000; text-decoration:none;} .sidebar ul{margin-bottom:30px;} .sidebar .widget_nav_menu ul li:first-child{border-top: 1px solid #eee;} .sidebar ul li{border-bottom: 1px solid #eee;margin:3px 0;} .sidebar ul li a{padding:6px 0;display: inline-block; font-family:'FontAwesome';color: #616161;} .sidebar ul li ul li a:before{content: "\f0da"; color: #616161; display: inline-block;padding-right:8px; font-size:18px;} .sidebar ul li a:hover{text-decoration: underline;color: #616161;} .sidebar ul.children{margin:0} .sidebar ul li ul li{border-bottom:0;} .sidebar ul li ul li.cat-item {border-bottom:1;} .sidebar ul li ul li a{ text-indent:10px;} .widget_text{font-family: "Roboto Slab", serif;} .widget-title{font-size: 18px;font-weight:400; text-align: left; margin-bottom:10px;padding-bottom:10px;color: #222;font-family: "Roboto Slab", serif;} .widget_text img{} .sidebar ul li.news-items a{border-bottom:none;} .sidebar .news-items .news-title{border-top:1px solid #eee;} .sidebar .news-items .news-title a{line-height:1.8; font-size:15px; color: #666;font-family:'FontAwesome';} .sidebar .news-items .news-title a:before{content: "\f0f6"; margin-right:5px;} .sidebar .news-items .news-title a:hover{text-decoration: underline;} /* 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:#ffc107; 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;} /* Footer */ .footer{font-family: "Roboto Slab", serif; padding-top:30px; width:100%; color:#bdbdbd; background:#262626; -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:#bdbdbd;font-family: "Roboto Slab", serif;} .footer a:hover{ color:#fff;} /* Footbar */ .footbar{ padding-bottom:30px; overflow:hidden;line-height:1.4;} .footbar h3{font-size:17px;color:#fff; margin:20px 0;height:50px;} .footbar h3 a{ color:#fff;} .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; line-height:1.4; overflow:hidden;} .footer .contact-widget ul li{display: grid; grid-template-columns: 10% 80%; } .footer .contact-widget ul li .ficon{width:15px; margin-right:15px;} .footer-rtitle h2{color: #fff; font-size:18px;} .footer-widget-data{margin: 0;} .footer .rpwwt-widget ul li{padding: 15px 0; border-top:1px solid #333333;} .footer .rpwwt-widget ul li .footer-post{display: flex;} .footer .rpwwt-widget ul li .footer_limg{width:100px; margin-right:15px;margin-top:5px;} .footer .rpwwt-widget ul li .rpwwt-post-title{font-size:16px; font-weight:600; color: #fff; } .footer .rpwwt-widget ul li img{max-width:100%;height:auto;} .footer .rpwwt-widget ul li .rpwwt-post-date{color: #757575; } /* Copyright */ .copyright{ padding:25px 0; color:#bdbdbd; background:#222222; text-align:center; overflow:hidden;} .copyright a:link, .copyright a:visited{ color:#666;} .copyright a:hover{ color:#fff;} .copyright-wrap .fleft{width:50%;float: left;text-align: left;} .copyright-wrap .fright{width:50%;float: right;text-align: right;} .copyright-wrap .fright a{margin: 0 5px; color: #bdbdbd !important;} /*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);} /*wpform*/ h3.wpforms-field-label{color: #FF6700 !important; line-height:1.6 !important;padding:0 !important;} .wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child)>.wpforms-field-label:not(.wpforms-label-hide):before{border:none !important;} .wpforms-field-layout-rows:hover{opacity: 1 !important;} :root{--wpforms-button-background-color: #ffc107 !important;--wpforms-button-border-color: #ffc107 !important;--wpforms-page-break-color: #ffc107!important;} button.wpforms-submit{border-radius: 6px !important; } .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{width: 66%;margin: 0 auto; color: #ffc107 !important;} .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{width:18%} div.wpforms-container-full, div.wpforms-container-full{width:100% !important;} .wpforms-image-choices-item{width:18%;} /*YouBe*/ .video-container{width:96%; aspect-ratio:16/9;overflow: hidden;margin: 0 auto;} .video-container IFRAME{ width:100%; height:100%; border:none;} /* Backtop */ .backToTop{ width:40px; height:40px; background:#ffc107 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%;} /**** Responsive CSS ****/ @media only screen and (min-width:1200px){ .inner{ width:1170px;} .content{ margin-right:320px;} .fullwidth{ margin:0 auto; width:100%;} .sidebar{ margin-left:-300px; width:300px;} .sidebar-left{ margin-right:-300px; width:300px;} .sidebar ul li.widget_nav_menu ul li ul{ left:300px;} #mobile-nav{display: none;} } @media only screen and (max-width:1024px)and (max-width:1199px){ .inner{ width:960px;} #mobile-nav {display: none;} .navi li a, .navi li a:link, .navi li a:visited {padding:0 20px;} .content{ margin-right:295px;} .fullwidth{ margin:0 auto; width:100%;} .site-banner{grid-template-columns: 100%;} .sidebar{ margin-left:-265px; width:265px;} .sidebar-left{ margin-right:-265px; width:265px;} .sidebar ul li.widget_nav_menu ul li ul{ left:265px;} .piclist-col3 li .news-list-item .rm-item-cat{align-items: baseline;flex-direction: column;} } @media only screen and (min-width:768px) and (max-width:959px){ .inner{ width:96%;} .header {position:relative} .header .inner {width:100%} .sidebar {width:100%;} .inner-wrap{padding: 10px;} .column-fluid{float: none;} .content{padding: 0;} .tarbar{height:auto;text-align: center;} .tarbar .tarmenu{grid-template-columns: 96%; padding:4% 0;} .tarbar .tarmenu .tar-contact{line-height:24px;} .tarbar .social-wrap{text-align: center;line-height:36px;} .logo{ margin-left:3%;line-height:100px; margin-bottom:30px;} .logo img{ width:100%;} #mobile-nav{ z-index:1000; display: block;text-align: right;margin-right:15px;} #mobile-nav a{color: #616161;font-size: 22px;display:inline-block; cursor:pointer; margin-right:12px;z-index:99999; text-align: center;line-height:100px;} #mobile-nav .opacity, #mobile-nav .meanclose {color: #616161;opacity: 1;} .main-menu{ margin:0 auto; width:100%; height:100%; font-size:16px;position:absolute;background: rgba(0, 0, 0, .85);overflow-y: scroll;position: fixed;z-index: 9999;display: none;} .main-menu .inner{ width:100%;} .navi{background: #3b607a;width: 100%;margin-right: 18px;margin-top: 30px;} .mobi-menu-close{display: inline-block; padding:2px 10px; color: #3A5F79; border-radius:3px; background-color: #FFF; text-align: center; position: absolute; left:42%; top:10px; z-index: 99999; } .mobi-menu-close:hover{color: #ffc107; text-decoration: none;} .navi{background: #FFF;width: 100%;margin-top:12px;} .mobi-title{ color: #FFC107; font-size:25px; height:40px; line-height:40px; display: block; overflow: hidden;} .mobi-title i{color: #FFC107;} .mobi-title span{float: left; margin-left:3%; font-weight: 700;} .mobi-menu-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px; position: absolute;right: 10px;top: 0;width: 18px;height: 18px;z-index: 99999;} .mobi-menu-close:hover{color: #ffc107; text-decoration: none;} .navi{background: #FFF;width: 100%;margin-top:12px;} .navi > li.menu-item-has-children > a:after{content:""} .navi>li>ul{margin-top:0;} .navi>li>ul>li a{margin-bottom:0;} .navi li{float: none;border: none;padding: 0;border-bottom: 1px solid #e6e6e6;clear: both;width: 100%; background-color:#fff;position: relative;} .navi li:first-child, .navi li.fr{ padding:0;} .navi li a, .navi li a:link, .navi li a:visited{padding: 0 15px;color: #222;height: 42px;line-height: 42px;display: block;} .navi li a:hover{ width:100%;} .navi li ul{ position:static; padding:0; background-color: #fff; width:100%;border:none;} .navi li ul li{ background:#fff; border-top:1px solid #eee; 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:#222; 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:#ffc107;border:none; } .navi li:hover ul li.menu-item-has-children a{ } .navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;background:url(images/icon-mo.png) no-repeat center -128px;} .navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:45px; height:45px; 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:0px; 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-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:url(images/icon-mo.png) no-repeat center -79px;*/} .navi li:hover ul li.menu-item-has-children .mean-toggle{ background: url(images/icon-mo.png) no-repeat center -128px !important;} .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:url(images/icon-mo.png) no-repeat center -78px !important;} .navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ color:#222; text-indent:25px;} .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;} .navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;} .navi li ul li ul li{height:42px;line-height:42px;} .site-banner{grid-template-columns: 100%; padding:1.5em 1em 1.5em 1em;; text-align: center;} .site-banner .banner-header{font-size: 20px;line-height:36px;} .site-banner .banner-button a{margin-bottom:8px} #site-banner .inner{width:100%;} .slideshow-swiper-container .slide-text{left:12%;top:15px;} .slideshow-swiper-container .slide-text .slide-text-content p{} .slideshow-swiper-container .slide-text .slide-text-title a{margin: 2% auto;} .fancy-icon-wrap{grid-template-columns: 98%; padding: 0 1%;} #about{padding:60px 0} .about-left{padding: 0;} #about .about-wrap{grid-template-columns: 98%; padding: 0 1%;} .about-title-co{font-size:24px;margin:20px 0;} .plist-col4{grid-template-columns: 100%;grid-gap:30px;} .piclist-col2 {grid-template-columns:100%;grid-gap:30px;} .index-sales{padding: 20px 1% 80px 1%;} .plist-col4{grid-template-columns: 100%;grid-gap:30px;} .piclist-col2 {grid-template-columns:100%;grid-gap:30px;} .index-chair {padding-left:2%;padding-right:2%;} .Video-Center{padding: 0 2%;} .news-center{padding: 0 2%;} .breadcrumb {width:100%;} .breadcrumb h2 {} .crumb-box a{ color: #FFF;} .container, .content {float:none;margin:0 auto;padding:0} .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{} .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} .postlist li a {float:none;width:100%} .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 20px 0; width:98%} .backToTop {width:40px;height:38px} } @media only screen and (max-width:767px){ .inner{ width:96%;} .sidebar{} .sidebar {width:96%; padding: 0 10px;margin: 20px 0; float: none;} .tarbar{height:auto;text-align: center;} .tarbar .tarmenu{grid-template-columns: 96%; padding:4% 0;} .tarbar .tarmenu .tar-contact{line-height:24px;} .tarbar .social-wrap{text-align: center;line-height:36px;} .header {position:relative;} .header .inner{ width:100%; height:100%;} .logo{line-height:100px; margin-bottom:30px; padding-left:10px; padding-right:0;} .logo img{ width:100%;} #mobile-nav{ z-index:1000; display: block;text-align: right;margin-right:15px;} #mobile-nav a{color: #616161;font-size: 22px;display:inline-block; cursor:pointer; margin-right:12px;z-index:99999; text-align: center;line-height:100px;} #mobile-nav .opacity, #mobile-nav .meanclose {color: #616161;opacity: 1;} .main-menu{ margin:0 auto; width:100%; height:100%; font-size:16px;position:absolute;background: rgba(0, 0, 0, .85);overflow-y: scroll;position: fixed;top:0; z-index: 9999;display: none;} .main-menu .inner{ width:100%;} .navi{background: #FFF;width: 100%;margin-top:12px;} .mobi-title{ color: #FFC107; font-size:25px; height:40px; line-height:40px; display: block; overflow: hidden;} .mobi-title i{color: #FFC107;} .mobi-title span{float: left; margin-left:3%; font-weight: 700;} .mobi-menu-close{display: inline-block;color: #fff;font-weight: 500;border-radius: 3px; position: absolute;right: 10px;top: 0;width: 18px;height: 18px;z-index: 99999;} .mobi-menu-close:hover{color: #ffc107; text-decoration: none;} .navi > li.menu-item-has-children > a:after{content:""} .navi>li>ul{margin-top:0;} .navi>li>ul>li a{margin-bottom:0;} .navi li{float: none;border: none;padding: 0;border-bottom: 1px solid #e6e6e6;clear: both;width: 100%; background-color:#fff;position: relative;} .navi li:first-child, .navi li.fr{ padding:0;} .navi li a, .navi li a:link, .navi li a:visited{padding: 0 15px;color: #222;height: 42px;line-height: 42px;display: block;} .navi li a:hover{ width:100%;} .navi li ul{ position:static; padding:0; background-color: #fff; width:100%;border:none;} .navi li ul li{ background:#fff; border-top:1px solid #eee; 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:#222; 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:#ffc107;border:none; } .navi li:hover ul li.menu-item-has-children a{ } .navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;background:url(images/icon-mo.png) no-repeat center -75px;} .navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:45px; height:45px; 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:0px; 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-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:url(images/icon-mo.png) no-repeat center -79px;} .navi li:hover ul li.menu-item-has-children .mean-toggle{ background: url(images/icon-mo.png) no-repeat center -128px !important;} .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:url(images/icon-mo.png) no-repeat center -126px !important;} .navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ color:#222; text-indent:25px;} .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;} .navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;position: sticky;} .navi li ul li ul li{height:42px;line-height:42px;} .site-banner{grid-template-columns: 100%; padding:1.5em 1em 1.5em 1em;; text-align: center;} .site-banner .banner-header{font-size: 20px;line-height:36px;} .site-banner .banner-button a{margin-bottom:8px} #site-banner .inner{width:100%;} .slideshow-swiper-container .slide-text{left:12%;top:15px;} .slideshow-swiper-container .slide-text .slide-text-content p{font-size:14px;padding: 5px; line-height:1;} .slideshow-swiper-container .slide-text .slide-text-title a{line-height:28px;font-size: 14px;margin: 2% auto;} .fancy-icon-wrap{grid-template-columns: 98%; padding: 0 1%;} #about{padding:60px 2%} .about-left{padding: 0;} #about .about-wrap{grid-template-columns: 98%; padding: 0 1%;} .about-left{height:300px;max-height:300px;} .about-title-co{font-size:24px;margin:20px 0;} .index-sales{padding: 20px 1% 80px 1%;} .plist-col4{grid-template-columns: 100%;grid-gap:30px;} .piclist-col2 {grid-template-columns:100%;grid-gap:30px;} .index-chair {padding-left:2%;padding-right:2%;} .Video-Center{padding: 0 2%;} .news-center{padding: 0 2%;} .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%;} .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{ max-width:100%; auto} .wp-caption img{ max-width:100%; height:auto;} .industry-box-text{padding: 2px;} .accordion-content {padding:20px 5px} .cur-title {display:none} .column-fluid{float: none;margin: 0;} #page_board .breadcrumb-page{top:20%;line-height:1} #page_board .breadcrumb h2 {text-align: center;} #page_board .crumb-box{text-align: center;} #page_board .breadcrumb-page .bread{grid-template-columns:100%; grid-gap:10px;} .breadcrumb-wrap .breadcrumb{line-height:20px;} .breadcrumb-wrap .breadcrumb h2 {font-size:22px; } .breadcrumb-wrap .breadcrumb .bread{grid-template-columns:100%;grid-gap:10px;} .breadcrumb-wrap .breadcrumb .crumb-box{text-align: center;padding: 0;line-height:1.6} /*page*/ .page-contact-grid{grid-template-columns:1fr;} .page-thum-title{display: none;} .culture-list{flex-direction: column;} .culture-list li{margin-bottom:20px;width:100%;padding: 4vw 0;} /*page-tab*/ .page-tab .tabs{flex-direction: column;} .page-tab .tabs a{width:auto;} .page-tab .entry{padding: 10px ;} .container, .content {float:none;margin:0 auto;padding:0 10px;} .row-fluid p img {max-width:100%;height:auto !important} .postlist{grid-template-columns:100%;} .piclist {margin-left:-3% } .piclist li {margin-left:3%;width:97%} .piclist li h3 {text-align:center} .piclist-col3 li {width:96%;} .piclist-col3 li img{width:100%; height:100%} .piclist-col4 li {width:97%;} .piclist-col4 li img{width:100%; height:100%} .product-index-inquiry a{margin-bottom:5px;} .cat-wrap{display: none;} /*product 分类页面*/ .pro-content-wrapper{grid-template-columns:100%} .pro-column-wrapper{grid-template-columns:100%} .cat-pic-list ul{grid-template-columns:100%} .custom-fluid-wrapper{grid-template-columns:100%} .pro-why-wrapper{grid-template-columns:100%} .pro-why-wrapper-right{grid-template-columns:100%} .pro-client-items-wrapper{grid-template-columns:100%} .pro-question-wrapper{grid-template-columns:100%} .bloglist {margin-left:-3%} .bloglist li {margin:0 0 30px 3%; width:47%} .productlist li .folio-thumb { height:370px} .post .post-title {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 .productMeta{grid-template-columns:100%;grid-gap:30px;} .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 {clear: both;} .tab-head {margin-top:30px;} .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;margin: 0 !important;} #tab-product .entry .tab-title {height:38px;line-height:40px} #tab-product .entry .tab-title span {line-height:36px;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%} .footer-contact{grid-template-columns:1fr;} .footbar{grid-template-columns:1fr;} .c-links{grid-template-columns:1fr; width:100%; margin-top:20px} .footbar .widget-column{width:96%;padding:0 2%;} .footer-logo img{max-width:100%;} .footer-phone, .footer-mail{padding-bottom:20px;padding-left:20px; width:100%;} .gallery-columns-2 .gallery-item{width:98% !important; margin-right:1%;} .gallery-columns-3 .gallery-item{width:98% !important; margin-right:1%;} .gallery-columns-4 .gallery-item{width:98% !important; margin-right:1%;} .mobi-bar {display:table;text-align:center} .copyright-wrap{text-align: center;} .copyright-wrap .fleft{width:100%;float: none;text-align: center; line-height:1.4} .copyright-wrap .fright{width:100%;float: none;text-align: center;} .copyright-wrap .fright a{text-align: center; line-height:1.4} .backToTop {right:5px;bottom:55px} } @media only screen and (max-width:480px){ .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;} .phone-email-wrap a{font-size: 15px;} /*.breadcrumb */ .breadcrumb-wrap .breadcrumb h2 {font-size:22px; } .crumb-box a{ color: #000;} /*breadcrumb-page*/ .breadcrumb-page{top:10%;line-height:36px;} .breadcrumb-page .crumb-box{text-align: center;} .breadcrumb-page .crumb-box a{color: #fff;} .cat-wrap{display: none;} .preview {width:100%;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 {width:22%;height:auto} .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 p {float:none;margin:6px 0 0} .product .product-meta-box {clear: both;} .picexlist li .post-thumb {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 {grid-template-columns:100%} .wp-caption{ max-width:100%; auto} .wp-caption img{ max-width:100%; height:auto;} .wpcf7 .wpcf7-text {width:89%} }