/*Theme Name:Theme-czxinjiuxinji*/ 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:'Assistant',Helvetica,Arial,sans-serif; font-size: 16px; color: #000;line-height:1.5;} ul,ol,li{list-style:none;} table,td,th,input{ font-size:15px;} h1,h2,h3,h4,h5,h6{} h1{font-size:54px;} h2{font-size:40px;} h3{font-size:25px;} h4{font-size:20px;} h5,h6 {font-size:12px;} a:link, a:visited{ color:#000; outline:0; text-decoration:none;} .cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .inner{ width:98%;} .clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0} .tc{text-align: center;} .tr{text-align: right;} .p60{padding:60px 0;} .inner-1400{max-width:1500px; width:100%; margin: 0 auto;} .c1000{width:88%; margin: 0 auto;} .c800{width:75%; margin: 0 auto;} .c600{width:60%; margin: 0 auto;} .cline:after{content: "";display: inline-block;width: 35px;max-width: 100%;border-bottom: 3px solid #00A0DD;vertical-align: top;} .h100{height:100px;} .header-fixed{position: fixed; top:0; left:0;} .header{ width: 100%; height:80px; z-index: 9999;/* 确保高于轮播图内容 */ background: #fff;} .header-top .inner{overflow:visible;position:relative;} .header .inner{overflow:visible;position:relative;} .logo{float:left;vertical-align:middle; padding-right:50px;} .logo img{width:100%;} /*.head-pinned*/ .head-pinned{ height:80px; 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:80px; } .head-pinned .logo{ margin:0 auto;} .head-pinned .topbar{ display:none;} .head-pinned .main-menu{ line-height:80px;} .head-pinned .navi li a{color: #000 !important;} .head-pinned .navi li ul{background:#FFF;} .head-pinned .navi li ul li ul{ top:0;} .head-pinned .navi li.current-menu-item a{color: #000; } .head-pinned .navi li.current-menu-item a:hover{color: #fff; } .mobi-title{display: none;} /*nav-menu*/ .nav-menu{display: grid;grid-template-columns: auto auto;align-items: center; padding-top:10px;} .header .navi li ul li a:hover{color: #00A0DD;} .header .navi>li>ul>li a{color:#1c1c1c ;} .header-top .navi li a{color: #000;} .header-top .navi li.current-menu-item a{color: #000;} /*nav-menu*/ .navi {font-size: 15px;} .navi li {float: left;padding: 0;position: relative;margin-right: 5px;} .navi li a {padding: 0 20px;display: block;text-transform: capitalize;line-height: 50px;color: #000; font-size:16px;} .navi li a:hover {text-decoration: none;color: #fff;background-color: #00A0DD;} /* 菜单链接底部下划线动画（需要内嵌span） */ .navi li > a > span {line-height: normal;} .navi li > a > span:before {display: block;content: '';margin-top: -15px;width: 0;height: 2px; background: transparent;transition: all .3s ease;} .navi li > a:hover > span:before {background: #9a4d00;width: 100%;} /* 子菜单中的链接不显示此下划线 */ .navi li ul li a span:before {display: none;} /* 有子菜单的一级菜单右侧箭头 */ .navi > li.menu-item-has-children:after {display: block;position: absolute;top: 14px;right: 10px;font-family: 'FontAwesome';content: "\f107";width: 2px;font-size: 14px; color: #FFF;} /* 当前菜单项文字颜色 */ .navi li.current-menu-item a,.navi li.current-menu-parent a {color: #000;position: relative;} .navi li.current-menu-item ul l i a:hover,.navi li.current-menu-parent ul li a:hover {color: #00a0dd;} /* 当前一级菜单左侧背景块（统一） */ .navi li.current-menu-parent a:after,.navi li.current-menu-item a:after{display: block;content: "";height: 32px;width: 32px;background: #00a0dd;position: absolute; left: 0;top: 50%;margin-top: -16px;z-index: -1;transition: 300ms ease transform, 300ms ease opacity;} /* 子菜单整体 */ .navi li ul {display: none;position: absolute;top: 50px;left: 0;z-index: 1000;padding: 10px;width: 240px;line-height: 1.5;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0, 0.05);} /* 父菜单hover时显示子菜单 */ .navi li:hover > ul {display: block;} /* 子菜单项 */ .navi li ul li {float: none;line-height: 42px;font-size: 15px;min-width: 220px;} .navi li ul li a {color: #000;position: relative;padding: 0 10px;height: 42px;line-height: 42px;font-size: 14px;text-overflow: ellipsis;overflow: hidden;} .navi li ul li a:link,.navi li ul li a:visited {color: #000;} /* 子菜单项底部下划线动画 */ .navi li ul li a:after {content: "";display: block; position: absolute;left: 8px;bottom: 0;width: 20px;height: 2px;background-color: #00A0DD;transform: scaleX(0); transform-origin: left;transition: transform 0.3s ease;} .navi li ul li a:hover:after {transform: scaleX(1);} /* 子菜单链接悬停颜色 */ .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 {color: #000;} /* 当前菜单项的子菜单链接颜色保持黑色（不继承父级白色） */ .navi li.current-menu-item ul li a,.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: #000;} /* 子菜单背景透明（避免继承） */ .navi li.current-menu-item ul li a,.navi li:hover ul li a {background: none;} /* 三级菜单定位 */ .navi li ul li ul {top: -10px;left: 230px;box-shadow: 3px 1px 6px rgba(0,0,0,0.2);} #mobile-nav {display: none;} .nav-contact a{background-color: #00A0DD;color: #fff;padding:12px 15px;} .nav-contact a:hover{background-color: #00A0DD; color: #fff;} #mobile-nav{display: none;} /*banner*/ .slideshow-swiper-container {width: 100%;overflow: hidden;position: relative;clear: both;} .slideshow-swiper-container .swiper-slide {text-align: left;background: #fff;position: relative;} .slideshow-swiper-container .swiper-slide img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;} .slideshow-swiper-container .swiper-button-next::after,.slideshow-swiper-container .swiper-button-prev::after {font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;color: #fff; text-align: center; } .slideshow-swiper-container .swiper-button-prev::after {content: "\f104";} .slideshow-swiper-container .swiper-button-next::after {content: "\f105";} .slideshow-swiper-container .swiper-pagination-bullet {width: 12px;height: 4px; border-radius:0; background: rgba(255, 255, 255, 0.8);opacity: 1;transition: all 0.3s ease;} .slideshow-swiper-container .swiper-pagination-bullet-active {background: #00A0DD;width: 30px;} .slideshow-swiper-container .swiper-pagination {bottom: 20px;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width:5% !important;left:10px !important; } .slideshow-swiper-container .swiper-button-prev,.slideshow-swiper-container .swiper-button-next {top: auto;bottom: 0px;transform: none;width: 80px;height: 80px; line-height: 80px; background: rgba(0, 0, 0, 0.3);transition: all 0.3s ease;text-align: center;opacity:1 !important;} .slideshow-swiper-container .swiper-button-prev:hover,.slideshow-swiper-container .swiper-button-next:hover{background: #00A0DD;} .slideshow-swiper-container .swiper-button-prev {right: 80px; left: auto !important; opacity:1 !important;} .slideshow-swiper-container .swiper-button-next {right: 0px;left: auto !important; opacity:1 !important;} .slideshow-swiper-container .slide-text{width:60%; line-height:1.2; position:absolute; left:20%;top:36%; z-index:10;} .slideshow-swiper-container .slide-text .slide-text-content{text-align: left; line-height:1.4;color: #FFF;opacity:0.7} .slideshow-swiper-container .slide-text .slide-text-content p{padding:5px 0;font-size: 20px;} .slideshow-swiper-container .slide-text .slide-text-btn{margin:2% auto;display:block;} .slideshow-swiper-container .slide-text .slide-text-btn a{display: inline-block; background-color: #FFF; padding:12px 30px; text-align: center; font-weight:600;font-size: 30px; color: #00a0dd; text-decoration:none; } .slideshow-swiper-container .slide-text .slide-text-btn a:hover{transform: translateY(-5px);} .slide-text-title {position: relative;text-align: left;} .slide-text-title h1 {font-size: 60px;font-weight: 600;margin: 0;position: relative;z-index: 2; color: #fff; padding: 0 5px;} .slide-text-title span {display: none; position: absolute;top: -50px;left: 0;right: 0;text-align: left;font-size: 200px;font-weight: 600;color: transparent; -webkit-text-stroke: 2px #FFF;text-stroke: 2px #FFF;opacity: 0.5;z-index: 1;pointer-events: none;text-transform: uppercase;line-height: 1;} /*.indes-title*/ .index-title span{display: block; position: relative; font-size:18px; opacity:0.7;height:42px;line-height:42px;margin-bottom:10px;} .index-title span:after{display: block; content: "";height: 3px;width: 50px;background: #00a0dd;position: absolute;left: 0;bottom: 0; margin-top: -21px; transition: 300ms ease transform, 300ms ease opacity; z-index: -1;} .index-title h1{font-size:60px;display: block;line-height:1;} .index-title h2{font-size:50px;display: block;line-height:1;} .index-title20 span{display: block; position: relative; font-size:16px; opacity:0.7;height:42px;line-height:42px;color: #FFF; margin-bottom:10px;} .index-title20 span:after{display: block; content: "";height: 3px;width: 50px;background: #00a0dd;position: absolute;left: 0;bottom: 0; margin-top: -21px; transition: 300ms ease transform, 300ms ease opacity; z-index: -1;} .index-title20 h2{font-size:30px; color: #FFF; margin-bottom:15px;line-height:1.2;} .index-more{margin:20px 0;} .index-more a{background-color: #00A0DD;color: #fff; padding: 12px 15px; display: inline-block; font-weight:600;font-size:20px;} .index-more a:hover{box-shadow: 0 1px 5px rgba(0, 0, 0, .2);transform: translateY(-5px); filter: brightness(1.1);} .bcontent{opacity:0.7;display: block;padding: 10px 0;} .index-more1{display: block;margin: 20px 0;} .index-more1 a{background-color: #00A0DD;color: #fff; padding: 12px 25px; display: inline-block; font-weight:600;font-size:18px;} .index-more1 a:hover{box-shadow: 0 1px 5px rgba(0, 0, 0, .2);transform: translateY(-5px); filter: brightness(1.1);} .line{border-bottom:1px solid #eee; margin:30px 0 40px 0;} /*.index-services*/ .index-services{margin-bottom: 120px;padding: 0 20px;} .index-services .inner-1400{margin-top: -80px;z-index: 9999; position: relative;} .index-services a{color: #00A0DD; display: block; padding-top:10px; font-weight:600;font-size:15px;} .services-common-wrap{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;} .services-grid-span{width: 80px;line-height: 80px;text-align: center;background: #00a0dd; color: #FFF; font-size: 30px;margin: 0;margin-bottom:20px;} .services-grid h3 {padding-bottom:10px;font-size:22px;} .services-grid-text{opacity:0.5;line-height:1.375} .services-grid-twrap{padding: 0px 30px 20px 30px;margin-bottom: 20px;} .services-grid{background-color: #F1F1F1;} .services-last{background-color: #00a0dd !important;} .services-last .services-grid-span{background-color: #F1F1F1;color: #000;} .services-last a{color: #FFF;} .services-last .services-grid-text{opacity:0.7} /*index-value*/ .index-value{background-color: #F1F1F1;} .index-value-wrap{display:grid;grid-template-columns:50% 50%; align-items: center;} .index-value-wrap .index-value-grid{display:grid;grid-template-columns:22% auto;align-items: center;margin-top: -60px;} .index-value-wrap .index-value-grid1{display:grid;grid-template-columns:auto 28%;align-items: center;padding:20px 0 20px 50px;} .index-value .index-value-grid1 .index-title h1{ line-height:1;display: block;padding: 0 0 20px 0;} .index-value-img img{width:100%;height:auto;} .index-value-img-wrap{position: relative;} .index-value-img-txt{position: absolute;right:50%;bottom:0;background-color: rgba(0, 160, 221, 0.9);height:100%;} .index-value-img-txtc{display: flex;align-items: center;font-size:18px;height:100%; color: #fff;line-height:1.6;padding:0 30px;} .index-value-img-txtc span{font-size:30px; color: #000; padding-bottom:10px; display: block;} /*.index-do*/ .index-do{display:grid;grid-template-columns:20% 30% 50% ;} .index-do-img img{width:100%;display: block;} .index-do-txt{margin: 0;display: flex;align-items: center; justify-content: center;padding: 20px 0;} .index-do-txt-wrap{width:75%;} .index-do-txt-wrap .index-title{} .index-do-txt-wrap .index-title h2{ line-height:1.1;display: block;padding: 10px 0;} .index-do-txt-wrap .bcontent {padding-bottom:30px;} .index-do-t{display: grid;grid-template-columns:auto auto;justify-content: space-between} .index-do-t i{font-style:normal;} .index-do-ti{font-size:14px;} .index-do-num{font-size:16px;font-weight:600;} .item {opacity: 0;/* 初始透明，滚动进入时渐显（可选） */transform: translateY(30px);transition: opacity 0.6s ease, transform 0.6s ease;} /* 当元素进入视口时，加上这个类 */ .item.visible {opacity: 1;transform: translateY(0);margin-bottom:20px;} .progress-bar {width: 100%;height: 8px;overflow: hidden;box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);} .progress-fill {height: 100%;width: 0%;background:#00A0DD; transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1); /* 平滑弹性动画 */margin:0;} /*index-about*/ .index-about{background-color: #F1F1F1;padding: 70px 0;} .index-wrap{display: grid; grid-template-columns:repeat(3,1fr);grid-gap:30px;} .index-grid{background-color: #FFF;} .index-grid-img{position: relative;} .index-about-span{font-size:32px; background-color: #00A0DD; color: #FFF;position: absolute; bottom:0; left:0; width:80px; height:80px; line-height:80px; text-align: center; } .index-grid-twrap{background-color: #FFF;padding: 20px;} .index-grid-twrap h3{display: block;padding: 0 0 20px 0;} .index-grid-text{opacity:0.7;} .index-pyu{background-color: #000;padding: 90px 0; color: #fff;} /*index-pyu-carouse*/ .index-pyu-carouse .swiper-slide{ height:auto;} .index-pyu-carouse .pyu .pyu-wrap{display: grid; grid-template-columns:30% 66%; align-items: center; grid-gap:4%;margin: 0;} .index-pyu-carouse .swiper-slide img{width:60px !important;height:60px !important; border-radius:50px; border: 1px solid #eee;} .index-pyu-carouse .proof-item-txt{line-height:1.6;padding-bottom:20px;font-size:18px;} .index-pyu-carouse .pyu-title {font-weight:600;margin: 0;} .pyu-span span{font-size: 36px; color: #00A0DD;padding-bottom:5px;} .index-pyu-carouse{ position:relative;overflow: hidden;} .index-pyu-carouse .swiper-wrapper .swiper-slide{ float:left; width:23%; height:auto;overflow:hidden;} .index-pyu-carouse .swiper-wrapper .swiper-slide img{ width:100%; height:auto;object-fit:contain;} .index-pyu-carouse .swiper-wrapper .swiper-slide h3{padding:10px; color:#222; font-size:16px; overflow:hidden;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;} .index-pyu-carouse .swiper-wrapper .swiper-slide h3 a{ height:40px; line-height:20px; display:block; color:#222; text-decoration:none;overflow: hidden;} .index-pyu-carouse .swiper-wrapper .swiper-slide:hover h3 a{color: #222;} .index-pyu-carouse .parter-swiper-button-next, .index-pyu-carouse .parter-swiper-button-prev{ position: absolute;top: 50%;transform: translateY(-50%); width: 60px;height: 60px;line-height:60px; margin-top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 50%;z-index: 10;transition: all 0.3s ease; text-align: center;} .index-pyu-carouse .parter-swiper-button-next:hover,.index-pyu-carouse .parter-swiper-button-prev:hover {background: rgba(0, 0, 0, 0.6);} .index-pyu-carouse .parter-swiper-button-prev {left:0;} .index-pyu-carouse .parter-swiper-button-next {right:0 } .index-pyu-carouse .parter-swiper-button-next::after,.index-pyu-carouse .parter-swiper-button-prev::after {font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;color: #fff; text-align: center; } .index-pyu-carouse .parter-swiper-button-prev::after {content: "\f104";} .index-pyu-carouse .parter-swiper-button-next::after {content: "\f105";} .index-pyu-carouse .swiper-pagination-bullet {width: 10px;height: 10px;background:#ddd;opacity: 1;border-radius: 50%;transition: all 0.3s ease;} .index-pyu-carouse .swiper-pagination-bullet-active {background: #00a0dd;border-radius: 6px;} .index-pyu-carouse .parter-swiper-pagination{bottom: 20px !important; margin-top:20px;} .index-pyu .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: center; width:100% !important;padding-top:50px;} /*index-work*/ .index-who{display:grid;grid-template-columns:50% 35% 15%;} .index-who-img img{width:100%;display: block;} .index-who-txt{margin: 0;display: flex;align-items: center; justify-content: center;padding: 20px 0;} .index-who-txt-wrap{width:75%;} .index-who-txt-wrap .index-title{} .index-who-txt-wrap .index-title h2{ line-height:1.1;font-size:40px !important;display: block;} .index-who-txt-wrap .bcontent {padding-top:20px;} /*.index-team*/ .index-team{padding: 70px 0;} .team-list{display:grid;grid-template-columns:repeat(4,1fr); grid-gap:30px;} .team-list img{width:100%;display: block;} .team-list li{background-color: #F1F1F1;} .team-list .team-list-wrap{padding: 20px;} .team-list .team-list-wrap .zhiwei{padding-top: 10px;} .team-list h3{font-size:30px;display: block;} .team-list .zhiwei{opacity:0.7} .team-list .bcontent{line-height:1.375; display: block;margin: 20px 0;} .piclist{position: relative;} .piclist-line{max-width:50%;width:50%;height:10px; background-color: #00A0DD; position: absolute;bottom:0px;left:0} /*index-work*/ .index-work{display:grid;grid-template-columns:50% 30% 20%;} .index-work-img img{width:100%;display: block;} .index-work-txt{background-color: #000;margin: 0;display: flex;align-items: center; justify-content: center;} .index-work-txt-wrap{width:75%;} /*.index-news*/ .index-news{padding: 70px 0;} .index-news .index-title h2{padding:15px 0;} /* Container */ .container {padding:0;background:#fff;clear:both} .column-fluid {display: grid;grid-template-columns:70% auto; grid-gap:4%;} /* Breadcrumb */ .breadcrumb-wrap{padding:12px 0; background:#f6f6f6;border-top-color: #eee;border-bottom-color: #eee;} .breadcrumb-wrap .breadcrumb{width:96%;line-height:50px; clear:both; overflow:hidden;} .breadcrumb-wrap .breadcrumb .bread{display: grid; grid-template-columns:auto 1fr ; align-items:center;} .breadcrumb-wrap .breadcrumb a:link, .breadcrumb a:visited{ text-decoration:none;} .breadcrumb-wrap .breadcrumb a:hover{ color:#00A0DD;} .breadcrumb-wrap .breadcrumb h2{font-size:24px; line-height:1.4;} .breadcrumb-wrap .breadcrumb h2 span{ } .breadcrumb-wrap .breadcrumb .crumb-box{text-align: right;margin: 0;} /*page-thum-contact*/ .page{background-color: #000; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; height:600px;object-fit: contain;background-position: center;background-size: cover;overflow: hidden;} .page .breadcrumb-page{color: #fff; width:100%;} .bread h2{display: none;} .crumb-box {padding-bottom:15px;color: #ffffffb3;} .crumb-box a{opacity:0.7;color: #ffffffb3;position: relative;} .crumb-box a:first-of-type::after {display: block;content: "";height: 3px;width: 50px;background: #00a0dd;position: absolute;left: 0;top: 25px;transition: 300ms ease transform, 300ms ease opacity;z-index: -1;} .breadcrumb-single{position:relative;background-color: #222; height:500px;display: flex; justify-content: center; align-items: center; overflow: hidden;} .breadcrumb-single .breadcrumb-page{position: absolute;top: 25%;bottom: 0; color: #fff;text-align: center;} .breadcrumb-single .page-thum img{ width:100%;object-fit: cover;opacity: 0.3;} .breadcrumb-archive{position:relative;background-color: #00A0DD; max-height:500px; display: flex; justify-content: center; align-items: center; overflow: hidden;} .breadcrumb-archive .breadcrumb-page{position: absolute;top: 25%;bottom: 0; color: #fff;text-align: center;} .breadcrumb-archive .page-thum img{ width:100%;object-fit: cover;opacity: 0.3;} .bread-single-h1 h1{font-size: 54px;line-height: 1.1em;font-weight: 400; text-transform: uppercase} .bread-single-p{margin: 10px 0; text-align: center; line-height:1.6;letter-spacing: .02em;} .bread-page-h1{padding-bottom:20px; position: relative;} .bread-page-h1 h1{font-size: 60px;line-height: 1.1;font-weight: 600;padding-top:10px;} .bread-page-p{line-height:1.6; color: #ffffffb3; width:60%;margin: 0;} .page-wrap-contact .page-thum img{ width:100%;height:auto;} .page-thum-title{position: absolute; left:50%;top:50%; color: #000;} .page-thum-title h2{font-size:45px;} /*page-wide*/ .page-wide ul{display: flex;flex-wrap: wrap; margin: 30px 0 !important; } .page-wide ul li{width: 50%;line-height: 22px;font-size: 18px; background-position: left center; margin: 20px 0 0 0; list-style: none !important;} .page-wide ul li i{padding-right:8px; color: #00A0DD; font-size:16px;} .page-wide .wpforms-submit-container{text-align: center;} /*Inquiry*/ .inquiry{padding:70px 0;} .inquiry-title{font-size:36px;line-height:1.3; padding: 0 40px; color: #272727;text-align: center;} .inquiry-page{display: grid; grid-template-columns: 65% 35%;} .inquiry-left{padding:40px 20px 0 20px ;background-color: #f5f5f5;} /*contact us*/ .page-contact{padding:40px 0;} .page-contact-wrap{display: grid;grid-template-columns:auto 33% 40% auto;} .page-contact-left{background-color: #F1F1F1;margin: 0;padding: 30px;} .page-contact-right{padding: 50px;} .page-contact-right .index-title span{display: block; position: relative; font-size:18px; opacity:0.7;height:42px;line-height:42px;} .page-contact-right .index-title span:after{display: block; content: "";height: 2px;width: 42px;background: #00a0dd;position: absolute;left: 0;bottom: 0; margin-top: -21px; transition: 300ms ease transform, 300ms ease opacity; z-index: -1;} .page-contact-right .index-title {z-index: 2; position: relative;} .page-contact-right .index-title h2{font-size:50px;display: block;line-height:1.2;padding:10px 0;} .page-contact-right .index-title i {position: absolute;top: 10px;left: 0;right: 0;text-align: center;font-size: 180px;font-weight: 600;color: transparent; -webkit-text-stroke: 2px #000;text-stroke: 2px #000;opacity: 0.3;z-index: 1;pointer-events: none;text-transform: capitalize;line-height: 1.2; font-style:normal} .page-dou span{color: #00A0DD;font-size:28px;} .page-contact-who{padding-top: 60px;} .page-contact-who-img{display: grid;grid-template-columns:15% auto;grid-gap:10px;align-items: center;padding: 10px 0;} .page-contact-who-txt{opacity:0.7;} .page-contact-who-img-wrap{} .page-contact-who-img-wrap img{width:60px; height:60px; border-radius:50%; border: 1px solid #eee;} .page-contact-who-img-zw{margin: 0;} .page-contact-who-img-zw h5{display: block;opacity:0.7;padding-bottom:4px;font-size:16px;} .page-contact-who-img-zw span{display: block; font-size:14px;opacity:0.7;} .page-star span{color: #00A0DD;font-size:18px; padding:0 3px;} .contact-text{position: relative;z-index:2;} .contact-container{box-shadow: 0 0 10px 0 rgba(147, 147, 147, .51); color: #1c1c1c; background-color: #FFF; line-height:1.6; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); /* 垂直+水平居中 */ z-index: 10; display: flex;} .contact-container .contact-column{padding: 30px; line-height:1.6; letter-spacing: 1px; width:33.333%;text-align:center;} .contact-container h3{color: #00A0DD;font-size: 28px;font-weight: 600; text-transform: uppercase; margin-bottom:20px;text-align: center;} .contact-container a{color: #00A0DD;} .page-contact .contact-bg{padding:50px 0; position: relative; z-index:2;} .page-contact .wpforms-container .wpforms-title{color: #00A0DD !important; letter-spacing: 1px;font-size: 26px !important; font-weight: 400 !important;} .contact-map p{margin-bottom:-10px;} /*page-about */ .page-about1{padding-bottom:70px;position: relative;z-index:9;} .page-about1 .inner{margin-top: -80px;z-index: 9999;position: relative;} .about-common-wrap{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;} .about-span{font-size:50px; color: #00A0DD;font-weight:600;} .about-grid h3 {padding-bottom:10px;font-size:22px;} .about-grid-text{opacity:0.5;line-height:1.375} .about-grid-twrap{padding: 30px 30px 20px 30px;margin-bottom: 20px;} .about-grid{background-color: #F1F1F1;} .page-about2 .index-title h2{font-size:27px;} .page-about2-wrap{display:grid;grid-template-columns:68% 30%;grid-gap:2%; padding-top:20px;} .page-about2-left{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;} .page-about-grid2:last-child{grid-column: 1 / -1;} .page-title-span{display: grid;grid-template-columns:auto 83%;justify-content:start;align-items:center; grid-gap:2%;} .page-title-span h3{display: block;margin: 0; line-height:1;font-size:18px;} .page-title-span img{width:46px;height:46px;} .page-content{opacity:0.7;display: block;padding: 10px 0;} .page-about2-right{background: #f1f1f1;} .page-about2-rimg{position: relative;} .page-about2-rimg img{width:100%;} .page-about2-rimg-txt{background-color: rgba(0, 160, 221, 0.9);position: absolute;bottom: 0;left: 0;display: block;padding: 20px; color: #FFF; } .page-about2-contact{padding: 20px; opacity:0.7;} .about2-contact{display: grid;grid-template-columns:25% 75%;align-items:center;margin-bottom:20px;} .about2-contact img{width:70px; height:70px;} .about2-contact-txt{margin: 0;} .page-about3{padding: 70px 0;display: grid;grid-template-columns:15% 41% 38%; grid-gap:3%;align-items:end;} .about_column_inner_content{display: grid;grid-template-columns:1fr 1fr;grid-gap:40px;} .about_line{border-bottom:1px solid #eee;padding-top:20px;} .about_column_content_span{display: block;padding-top:20px; opacity:0.7;} .about_column_content_line{width:60px;height:2px; background-color: #00a0dd;margin: 20px 0;} .about_column_content h3{display: block; padding: 10px 0 0 0;} .about_column_content h3:after{background-color: #00a0dd; width:60px; height:10px;} .about_column_content_p{opacity:0.7; margin-bottom:20px;} .about_column_content_link {width:30px;height:30px; border: 1px solid #00a0dd;border-radius:50%; margin: 0;} .about_column_content_link a{text-align: center;line-height:30px; color: #00a0dd; display: block;} .page-about3-thir img{width:100%;padding-top:10px;} .page-about4{display: flex;align-items: center; text-align: center;background-position: center;background-size: 100% 100%; min-height:500px; background-repeat: no-repeat;} .page-about4-wrap{} .page-about4-content h2{color: #FFF;line-height:1.1;display: block;padding-bottom:30px;} .page-about4-content .index-title20 span:after{left:49%;} .index-team .index-title {position: relative;} .index-team .index-title h2{font-size:36px;display: block;line-height:1.2;padding:10px 0;} .index-team .index-title i {position: absolute;top:-40px;left: 0;font-size: 130px;font-weight: 600;color: transparent; -webkit-text-stroke: 2px #000;text-stroke: 2px #000;opacity: 0.3;z-index: 1;pointer-events: none;line-height: 1.1; font-style:normal} .page-about5{padding: 70px 0; background: #f1f1f1;} .page-about5 .page-about5-wrap{display: grid;grid-template-columns:55% 40%; grid-gap:5%;align-items:center;} .page-about5 img{width:100%;} .about-swiper-container {width: 100%;height:400px;overflow: hidden;position: relative;clear: both;} .about-swiper-container .swiper-slide {width: 100% !important; flex-shrink: 0;text-align: center;background: #fff;display: flex;justify-content: center;align-items: center;position: relative;} .about-swiper-container .swiper-slide img {width: 100%;height: 100%;min-height:600px; object-fit: cover;object-position: center;display: block;} .about-swiper-container .about-swiper-button-next::after,.about-swiper-container .about-swiper-button-prev::after {font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;color: #fff; text-align: center; } .about-swiper-container .about-swiper-button-prev::after {content: "\f104";} .about-swiper-container .about-swiper-button-next::after {content: "\f105";} .about-swiper-container .swiper-pagination-bullet {width: 12px;height: 4px; border-radius:0; background: rgba(255, 255, 255, 0.8);opacity: 1;transition: all 0.3s ease;} .about-swiper-container .swiper-pagination-bullet-active {background: #00A0DD;width: 30px;} .about-swiper-container .about-swiper-pagination {bottom: 20px;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width:5% !important;left:10px !important; } .about-swiper-container .about-swiper-button-prev, .about-swiper-container .about-swiper-button-next {position: absolute;bottom: 0px;width: 80px;height: 80px;line-height: 80px;background: rgba(0, 0, 0, 0.3); transition: all 0.3s ease;text-align: center;opacity: 1 !important;z-index: 10;} .about-swiper-container .about-swiper-button-prev:hover,.about-swiper-container .about-swiper-button-next:hover{background: #00A0DD;} .about-swiper-container .about-swiper-button-prev {right: 80px; left: auto !important; opacity:1 !important;} .about-swiper-container .about-swiper-button-next {right: 0px;left: auto !important; opacity:1 !important;} .page-about5 .inner{background-color: #FFF;padding: 30px;} .page-about5 .page-items{} /* Tab 激活样式 */ .tabs {display: flex;gap: 30px;border-bottom: 1px solid #eee;margin: 20px 0;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;} .tabs .about-tab-item {text-decoration: none;cursor: pointer;padding-bottom: 10px;flex-shrink: 0;white-space: nowrap;} .tabs .about-tab-item .tab-item-title {font-size: 16px;font-weight: 500;color: #999;transition: all 0.3s ease; padding: 10px 0; white-space: nowrap; } .tabs .about-tab-item.active .tab-item-title {color: #00A0DD;border-bottom: 2px solid #00A0DD;} .tabs .about-tab-item .tab-item-title {font-size: 16px;font-weight: 500;color: #999;transition: all 0.3s ease;padding: 10px 0;} .tab-content-item{opacity:0.7;padding-right:20px;padding-bottom:20px} /* 面板显示/隐藏 */ .tab-content-wrapper .about-tab-panel {display: none;animation: fadeIn 0.3s ease;} .tab-content-wrapper .about-tab-panel.active {display: block;} /*page-quality*/ .page-quality1{padding: 70px 0; display: grid;grid-template-columns:16% 40% auto; grid-gap:2%;align-items:center;} .page-quality1 .bcontent{opacity:0.7;} .page-quality1 img{width:100%;} .page-quality1-left-wrap{display: grid;grid-template-columns:1fr 1fr; grid-gap:30px;padding-top:30px;align-items:center;} .page-quality1-right1 h3{padding-bottom:10px;display: block;} .quality1-value-img-wrap{position: relative;} .quality1-value-img-txt{position: absolute;right:50%;bottom:0;background-color: rgba(0, 160, 221, 0.9);height:100%;} .quality1-value-img-txtc{display: flex;align-items: center;font-size:18px;height:100%; color: #fff;line-height:1.6;padding:0 30px;} .quality1-value-img-txtc span{display: inline-block;font-size:18px;padding: 10px 0 25px 0; opacity:0.7;color: #000;} .quality1-value-img-txtc h3{color: #000;opacity:0.7;} .quality1-value-img-txtc p{font-size:15px;} .page-quality2 {padding: 70px 0;} .page-quality2 .bcontent{opacity:0.7;} .page-quality2 .inner-1400 {display: grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;margin-top:30px;} .page-contact-quality{background-color: rgb(241 241 241); padding:30px 20px 20px 20px;} .page-contact-quality-img{display: grid;grid-template-columns:15% auto;grid-gap:30px;align-items: center;padding: 10px 0;} .page-contact-quality-txt{opacity:0.7;line-height:1.3;} .page-contact-quality-img-wrap{} .page-contact-quality span{font-size:20px;} .page-contact-quality-img-wrap img{width:60px; height:60px; border-radius:50%; border: 1px solid #eee;} .page-contact-quality-img-zw{margin: 0;} .page-contact-quality-img-zw h5{display: block;opacity:0.7;padding-bottom:4px;font-size:16px;} .page-contact-quality-img-zw span{display: block; font-size:14px;opacity:0.7;} .hkpage_page01{padding: 70px 0;} .hkpage_page02{padding: 70px 0;background: #f5f5fa; } .hkpage_page_wrap{background:no-repeat; width: 100%;background-size:cover; position:relative;} .hkpage{display: grid;grid-template-columns: 47% 47%; grid-gap:6%;align-items: center;} .hkpage1{display: grid;grid-template-columns: 47% 47%; grid-gap:6%;align-items: center;} .hkpage img,.hkpage1 img{width:100%;} .hkpage-title{margin-bottom: 30px;font-size: 32px;color: #00A0DD;; font-weight:600;line-height:1.1;} .hkpage_link a{transition-duration: .3s;color: #fff !important; background: #00A0DD;padding:12px 30px;text-transform: uppercase;letter-spacing: .03em; display: inline-block; border-radius:10px; margin: 10px 0; font-size:12px;} .hkpage_link a:hover{padding:12px 38px 12px 30px; background: #febf00;transition-duration: .3s; color: #222;} .hkpage_left{margin:0;} .hkpage_page{opacity:0.7;} /*about-us 工厂展示、质量、设备清单*/ .column-fluid-child{position: relative; z-index:10;} .hkpage-child{display: grid;grid-template-columns: 65% 35%; color: #FFF; position: relative; z-index:10;} .hkpage-child .hkpage-title{color: #FFF;} .hkpage-child .hkpage_link{margin:20px 0;} .hkpage-child .hkpage_link a{background: none;border: 1px solid #fff;} .hkpage-child .hkpage_link a:hover{background: #fff;border: 1px solid #fff; color: #222 !important;} .page-child-one{padding-bottom:30px;} .page-child-wrap{display: grid;grid-template-columns:repeat(3,1fr);margin-top:-50px;grid-gap:2%;} .page-img img{padding-bottom:10px;} .page-child-grid{padding: 30px;background-color: #F1F1F1;} .page-child-grid h3{color: #00a0dd; line-height:1;} .page-child-grid a{color: #00a0dd; font-weight:600;} .page-child-two{margin: 30px 0 70px 0; padding: 20px;} .page-child-two-wrap{display: grid;grid-template-columns:repeat(2,1fr);align-items:center;grid-gap:2%;} .page-child-three{padding: 70px 20px; background-color: #F1F1F1;} .page-child-three .index-title20 span{text-align: center; color: #000;} .page-child-three .index-title20 h2{text-align: center; color: #000;} .page-child-three .index-title20 span:after{left:48%;} .page-child-three-wrap{display: grid;grid-template-columns:repeat(4,1fr);align-items:center;grid-gap:2%;} .page-child-three-grid{display: grid;grid-template-columns:15% 82%;align-items:center;grid-gap:3%; padding-top:30px;} .page-child-three-grid-right h4{line-height:1;} .page-child{padding-top:40px;} /*Page-service-list*/ .page-service-list{display: grid; grid-template-columns:1fr 1fr 1fr; text-align: center;margin:40px 0 20px 0;} .service-items{margin: 0 30px 30px 0;border-radius: 10px;box-shadow: 0 3px 6px rgba(0, 0, 0, .16); border: solid 1px #eee;padding: 40px 36px;color: #666;} .service-items i{font-size: 70px;color: #00A0DD;line-height: 1.2; } .service-items .service-tit{margin-top: 20px;font-size: 18px;color: #707070;transition: all .3s;font-weight: 500;} .service-items .service-p{margin-top: 20px;font-size: 16px;color: #b1b1b1;margin-top: 10px;line-height: 1.6;} .service-more{color: #0070d2;font-size: 16px;display: inline-block;margin-top: 20px;} .service-more .read-more {color: #0070d2;font-size: 16px;display: inline-block;margin-top: 20px;} /*cat-desc*/ .cat-iq{margin: 30px 0;} .cat-desc h1{margin: 40px 0 0 0; padding-bottom:30px; color:#00A0DD; text-align: center; font-weight:700; border:none; background:none; font-size: 38px; line-height:1.3; position: relative; } .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:#00A0DD;line-height:1.6;} .cat-desc p{ line-height:1.6; font-size:16px;} .cat-desc a:link, .cat-desc a:visited{ color:#00A0DD;} .cat-desc a:hover{ color:#00A0DD;} .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;} .category_desc_wrap h1{margin: 40px 0 0 0; padding-bottom:30px; color:#00A0DD; text-align: center; font-weight:700; border:none; background:none; font-size: 38px; line-height:1.3; position: relative;letter-spacing: 1px; } .category_desc_wrap h2, .category_desc_wrap h3, .category_desc_wrap h4, .category_desc_wrap h5, .category_desc_wrap h6{ margin: 20px 0; padding:0; color:#00A0DD;line-height:1.3;letter-spacing: 1px;} .category_desc_wrap strong{font-weight:800;} .category_desc_wrap p{ line-height:1.6; font-size:16px;} .category_desc_wrap a:link, .category_desc_wrap a:visited{ color:#00A0DD;} .category_desc_wrap a:hover{ color:#00A0DD;} .category_desc_wrap img{ margin-bottom:10px; max-width:100%; height:auto;} .category_desc_wrap span{font-family: "Font Awesome 5 Free";} .category_desc_wrap hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;} .category_desc_wrap .left{ float:left; width:45%;} .category_desc_wrap .right{ float:right; width:45%;} .category_desc_wrap ol, .category_desc_wrap ul{ margin:10px 30px;} .category_desc_wrap ol li{ list-style:decimal;} .category_desc_wrap ul li{ list-style:disc;} .category_desc_wrap input,.category_desc_wrap textarea,.category_desc_wrap select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;} .category_desc_wrap input[type="text"]:hover,.category_desc_wrap input[type="text"]:focus,.category_desc_wrap input[type="text"]:active{ border:1px solid #999;} .category_desc_wrap table{ margin-bottom:20px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;font-size:1em;} .category_desc_wrap th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;} .category_desc_wrap td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;} .category_desc_wrap input, .category_desc_wrap textarea, .category_desc_wrap select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;} .category_desc_wrap input[type="text"]:hover, .category_desc_wrap input[type="text"]:focus, .category_desc_wrap input[type="text"]:active,.category_desc_wrap textarea :hover, .category_desc_wrap itextarea :focus,.category_desc_wrap textarea :active,, .category_desc_wrap select:hover{ border:1px solid #ef5c32;} /*archive-picexcerpt*/ .category-picexcerpt1-1{ padding: 70px 0 0 0; opacity:0.7;} .category-picexcerpt1{padding: 70px 0 20px 0;} .category-picexcerpt1 .inner{display: grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;align-items:center;} .category-picexcerpt1 .category-picexcerpt1-right{opacity:0.7;} .category-picexcerpt2{margin-bottom:70px;clear: both;} .category-picexcerpt2 .pic_column_inner_content{display: grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;} .category-picexcerpt2 .pic_line{border-bottom:1px solid #eee;padding-top:20px;} .category-picexcerpt2 .pic_column_content_span{display: block;padding-top:20px; opacity:0.7;} .pic_column_content_line{width:60px;height:2px; background-color: #00a0dd;margin: 20px 0;} .category-picexcerpt2 .pic_column_content h3{display: block; padding: 10px 0 0 0; line-height:1.2;} .category-picexcerpt2 .pic_column_content h3:after{background-color: #00a0dd; width:60px; height:10px;} .category-picexcerpt2 .pic_column_content_p{opacity:0.7; margin-bottom:20px;} .category-picexcerpt2 .pic_column_content_link {width:30px;height:30px; border: 1px solid #00a0dd;border-radius:50%; margin: 0;} .category-picexcerpt2 .pic_column_content_link a{text-align: center; line-height:30px;display: block;color: #00a0dd;} .category-picexcerpt3{padding: 70px 0; background-color: #F1F1F1; text-align: center; opacity:0.7;} .category-picexcerpt4{padding: 70px 0 0 0;} .parter-swiper-container{ position:relative;overflow: hidden;} .parter-swiper-container .swiper-wrapper .swiper-slide{ float:left; width:23%; height:auto; text-align:center; overflow:hidden;} .parter-swiper-container .swiper-wrapper .swiper-slide img{ width:100%; height:auto;object-fit:contain;} .parter-swiper-container .swiper-wrapper .swiper-slide h3{padding:10px; color:#222; font-size:16px; overflow:hidden;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;} .parter-swiper-container .swiper-wrapper .swiper-slide h3 a{ height:40px; line-height:20px; display:block; color:#222; text-decoration:none;overflow: hidden;} .parter-swiper-container .swiper-wrapper .swiper-slide:hover h3 a{color: #222;} .parter-swiper-container .parter-swiper-button-next, .parter-swiper-container .parter-swiper-button-prev{ position: absolute;top: 50%;transform: translateY(-50%); width: 60px;height: 60px;line-height:60px; margin-top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 50%;z-index: 10;transition: all 0.3s ease; text-align: center;} .parter-swiper-container .parter-swiper-button-next:hover,.parter-swiper-container .parter-swiper-button-prev:hover {background: rgba(0, 0, 0, 0.6);} .parter-swiper-container .parter-swiper-button-prev {left:0;} .parter-swiper-container .parter-swiper-button-next {right:0 } .parter-swiper-container .parter-swiper-button-next::after,.parter-swiper-container .parter-swiper-button-prev::after {font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;color: #fff; text-align: center; } .parter-swiper-container .parter-swiper-button-prev::after {content: "\f104";} .parter-swiper-container .parter-swiper-button-next::after {content: "\f105";} .parter-swiper-container .swiper-pagination-bullet {width: 10px;height: 10px;background:#ddd;opacity: 1;border-radius: 50%;transition: all 0.3s ease;} .parter-swiper-container .swiper-pagination-bullet-active {background: #00a0dd;border-radius: 6px;} .parter-swiper-container .parter-swiper-pagination{bottom: 20px !important; margin-top:20px;} .category-picexcerpt4 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: center; width:100% !important;} .category-picexcerpt5{text-align: center; padding:70px 0; background-color: #F1F1F1;} .category-picexcerpt5 .index-title20 span{color: #000;} .category-picexcerpt5 .index-title20 span:after{left:49%;} .category-picexcerpt5 .index-title20 h2{font-size:36px;display: block;line-height:1.2;padding:10px 0;color: #000;} .category-picexcerpt5 .index-more a{margin-right:20px;} .category-picexcerpt6{text-align: center;padding:50px 0 70px 0;} .category-picexcerpt7{padding: 70px 0; background-color: #000;} .category-picexcerpt8 .index-title {z-index: 2; position: relative; text-align: center;padding: 70px 0 0 0;} .category-picexcerpt8 .index-title h2{font-size:50px;display: block;line-height:1.2;padding:10px 0;} .category-picexcerpt8 .index-title i {position: absolute;top: 0;left: 0;right: 0;text-align: center;font-size: 180px;font-weight: 600;color: transparent; -webkit-text-stroke: 2px #000;text-stroke: 2px #000;opacity: 0.3;z-index: 1;pointer-events: none;text-transform: capitalize;line-height: 1.2; font-style:normal} .category-picexcerpt8-wrap{display: grid;grid-template-columns: repeat(2,1fr); grid-gap:50px;align-items:center; background-position: center;background-size: 100% 100%;min-height: 400px;background-repeat: no-repeat; padding: 30px 0 0 0;color: #FFF;} .category-picexcerpt8-left{background-color:rgba(24, 24, 24, 0.7); padding: 40px;max-height:220px;} .category-picexcerpt8-left h2{font-size:30px;line-height:1.1;padding-bottom:10px;} .category-picexcerpt8-wrap .page-contact-quality-txt{opacity:1;padding: 20px 0; max-height:100px;} .category-picexcerpt8-wrap .page-contact-quality-img-zw h5{opacity:1;} .category-picexcerpt9{} .category-picexcerpt9 .inner-1400{display: grid;grid-template-columns: 50% 50%;align-items:center;justify-items: center} .category-picexcerpt9-left{height:100%;} .category-picexcerpt9-left-wrap{background-color: #f1f1f1;padding: 80px;} .category-picexcerpt9-right{margin-top:-50px;} .category_desc1_wrap{padding: 60px 0;} .category_desc3_wrap{padding: 60px 0;} .category-desc-grid2{display: grid;grid-template-columns: 47% 47%; grid-gap:0 6%;} .category_desc-bg{opacity: .9;background-color: #fff; position: absolute;top: 0;left: 0; bottom: 0;width: 100%; z-index:1;} .category_desc-bg .inner{} .category-desc-grid2-1{display: grid;grid-template-columns: 20% 74%; grid-gap:0 6%; padding: 60px 0;position: relative; z-index:2;} .archive-article{background-color: #eee; padding:70px 0;} .article-list-items{display: grid;grid-template-columns: 1fr 1fr; grid-gap:50px;} .article-list-items .article-items img{width:100%} .article-items-wrap{background-color: #fff;padding:15px 30px;} .article-items-wrap .article-items-title{margin-bottom:5px;} .article-items-wrap .article-items-title h3 a{color: #00A0DD;font-size: 28px;font-weight:600;text-transform: uppercase; line-height:1.2;} .article-items-wrap .bcontent{height:80px; overflow: hidden;} /*archive-main*/ .category_service1{display: grid;grid-template-columns:18% 30% auto;grid-gap: 2%;align-items: center;} .category-service1-left{margin: 0;} .category-service1-left-txt{line-height:1.8;display: block;padding: 20px 0;} .category-service1-right img{width:100%;position: relative;margin-top:-80px;} .category_service2{background-color: #00a0dd;padding: 70px 0;margin-top: -50px;} .category_service2 .category-service2-wrap{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap:16px;} .category_service3{display: grid;grid-template-columns:repeat(4,1fr);} .category_service3 img{width:100%;} .category_service3-cover{position: relative;} .category_service3-title{position: absolute;;left:20px;bottom:50px; color: #FFF;} .category_service3-title a{color: #FFF;} .category_service4{display:grid;grid-template-columns:50% 30% 20%;align-items: center} .category_service4-img{position: relative;} .category_service4-img img{width:100%;display: block;} .category_service4-img-wrap{width:10%; background-color: rgba(0, 160, 221, 0.9); position: absolute;right: 0;bottom: 0;height: 100%;} .category_service4-txt{margin: 0;display: flex;align-items: center; justify-content: center;background-color: rgb(241 241 241);height:100%;} .category_service4-txt-wrap{width:75%;} .category_service4-txt-wrap .index-title{} .category_service4-txt-wrap .index-title h2{ line-height:1.1;font-size:40px !important;display: block;} .category_service4-txt-wrap .bcontent {padding-top:20px;} .category_service5{background-color: #f1f1f1;} .category_service5 .inner{position: relative; top:-50px;} .category-wrap{display: grid; grid-template-columns:repeat(3,1fr);grid-gap:30px;} .category-grid{background-color: #FFF;} .category-grid-img{position: relative;} .category-about-span{font-size:32px; background-color: #00A0DD; color: #FFF;position: absolute; bottom:0; left:0; width:80px; height:80px; line-height:80px; text-align: center; } .category-grid-twrap{background-color: #FFF;padding: 20px;} .category-grid-twrap h3{display: block;padding: 0 0 20px 0;} .category-grid-text{opacity:0.7;} .category_service6{padding: 70px 0;} .category_service7{padding-top: 70px;} .category-contact-right{text-align: center;} .category-contact-right .index-title span{display: block; position: relative; font-size:18px; opacity:0.7;height:42px;line-height:42px;padding-left:15px;} .category-contact-right .index-title span:after{display: block; content: "";height: 2px;width: 42px;background: #00a0dd;position: absolute;left: 49%;bottom: 0; margin-top: -21px; transition: 300ms ease transform, 300ms ease opacity; z-index: -1;} .category-contact-right .index-title {z-index: 2; position: relative;} .category-contact-right .index-title h2{font-size:50px;display: block;line-height:1.2;padding:10px 0;} .category-contact-right .index-title i {position: absolute;top: 10px;left: 0;right: 0;text-align: center;font-size: 180px;font-weight: 600;color: transparent; -webkit-text-stroke: 2px #000;text-stroke: 2px #000;opacity: 0.3;z-index: 1;pointer-events: none;text-transform: capitalize;line-height: 1.2; font-style:normal} .category_solutions-wrap{display: grid; grid-template-columns:repeat(3,1fr);margin-top:20px;} .category_solutions-txt{ padding: 30px;background-color: #f1f1f1;} .category_solutions-grid-sec{margin-top:-20px;} .category_solutions-grid-sec .category_solutions-txt{background-color: #000 !important; color: #FFF;} .category_solutions-txt h3{border-bottom:1px solid #D8D8D8;padding-bottom:20px;letter-spacing: -.03em;} .category_solutions-grid .white{height:20px; background-color: #fff;} .category_solutions-grid .black{height:20px; background-color: #000;} .category_solutions-grid .bcontent-t{padding-top:20px;} /*archive-faq*/ .archive-faq{padding: 20px 0;} .faq-contact h2{font-size: 26px;margin-top: 60px;text-align: center;margin-bottom: 40px; color: #333;} .faq-clist{display: flex; flex-wrap: wrap; text-align: center;} .faq-clist .faq-cell{ margin: 0 2% 2% 0;width: 31.1%;border-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,.16);color: #666;} .faq-cell-wrap{padding:30px;} .faq-cell a{color: #00A0DD;} .faq-cell img{width:100%;} /*.accordion-header*/ .accordion-header{position: relative; font-size:22px;font-weight:500; cursor:pointer;font-family:'FontAwesome';padding:15px 0; line-height:23px;color: #00A0DD;background-color: #fafafa;} .accordion-header span{color: #00A0DD; margin: 0 8px;font-weight:600;} .accordion-content span{color: #00A0DD; margin: 0 8px;font-weight:600;} .accordion-header:hover{} .accordion-header:before{content:"\f107"; color: #00A0DD;position: absolute; right: 10px; font-size:28px;} .inactive-header{ color:#4f4f4f; background-color:#fff;} .inactive-header:before{content:'\f105';color: #00A0DD; position: absolute; right: 10px;} .accordion-content{line-height:1.6; font-size:16px; display:none; color:#4f4f4f; margin: 20px 0;} .accordion-content p{} .accordion-content a:link, .accordion-content a{ color:#4f4f4f;margin:10px 0;display:block;} .accordion-content a:hover{ color:#00A0DD;} .accordion-list li{border-bottom: 1px solid #f3f4f8; border-radius: 10px;padding:10px 20px; background-color: #FFF; margin-bottom:15px;} .accordion-list li:last-child{border-bottom: 1px solid #eee;} /*active news*/ .blog-list {display: grid; grid-template-columns:repeat(2,1fr); grid-gap:30px; } .blog-list li{margin: 0;} .blog-list img{width:100%;} .blog-list .news-wrap{} .blog-list h3{color: #000;line-height:1.2; overflow: hidden; display: block;padding-top: 15px;} .blog-list .bcontent{opacity:0.7; line-height:1.375; display: block;} .blog-more a{background-color: #00A0DD;color: #fff; padding: 10px 15px; display: inline-block;} .blog-more a:hover{box-shadow: 0 1px 5px rgba(0, 0, 0, .2);transform: translateY(-5px); filter: brightness(1.1);} /*active piclist*/ .pic-list li{float:left; margin-left:2%; _margin-left:1%; width:22.96%; margin-bottom:25px;box-shadow: 0 0 5.1px .9px rgba(0, 0, 0, .15);} .pic-list li:hover{box-shadow:3px 5px 15px rgba(0,0,0,.1); } .pic-list li a{padding: 20px; display: block;} .pic-list li:hover h3{color: #00A0DD;} .pic-list li img{margin-bottom:15px; width:100%;} .pic-list h3{color: #222; font-size:16px; margin:15px 0 0; line-height:1.4; font-weight:600; overflow: hidden;} .pic-list .piclist{overflow: hidden;} .pic-list .bcontent{color: #666;margin-top: 15px;font-weight: 300;height:140px; overflow: hidden; font-size:16px;} .read-more{display:inline-block; margin:20px 0 10px 0;} .read-more a,.read-more span{display:flex;position:relative;z-index:2;height:40px;font-size:14px;transition: all .4s cubic-bezier(0.88, -0.16, 0.72, 0.93) 0s;overflow:hidden;width:145px;border-radius:5px;padding-left:15px;align-items:center;background-color:#00A0DD;color:#fff;line-height:1.2} .read-more a i,.read-more span i{display:flex;width:40px;height:40px;justify-content:center;align-items:center;font-size:14px;line-height:1;color:#fff;position:absolute;right:0;top:0} .read-more a:after,.read-more span:after{position:absolute;height:100%;width:40px;right:0;top:0;z-index:-1;content:"";background-color:#074584;transition:all .3s} .read-more a:hover:after,.read-more span:hover:after{width:100%} /*active caselist*/ .case-list {display: grid;grid-template-columns: 1fr 1fr 1fr;margin: 40px 0 20px 0;} .case-list li{margin: 0 30px 30px 0;box-shadow: .2rem .2rem 2rem 0 rgba(23, 39, 59, .05);border: 1px solid #d0d0d0;} .case-list li:hover{background-color: #fff;} .case-list li a{padding: 40px; display: block;} .case-list li:hover h3{color: #00A0DD;} .case-list h3{color: #222; font-size:16px; margin:15px 0 0; line-height:1.4; font-weight:600; overflow: hidden;} .case-list li img{margin-bottom:15px; width:100%;} .case-list .piclist{overflow: hidden;} .case-list .bcontent{color: #666;margin-top: 15px;font-weight: 300;height:120px; overflow: hidden; font-size:16px;} /*archive-articlelist*/ .article-list{} .article-list li a{border-bottom:1px solid #eee;padding:20px 0; display: block;}.article-list li a:hover h3{color: #00A0DD;} .article-list li h3{color: #4f4f4f;line-height: 1.4;font-weight: 600;transition: all .3s;} .article-list .cat-date{color: #999;padding: 8px 0;font-size: 14px;font-weight: 300} /*postlist*/ .postlist{display: grid; grid-template-columns:1fr 1fr;grid-gap:0 20px;} .postlist li{ background-color: #F6F6F6; margin-bottom:20px;} .archive-wrap{ margin:60px 0 30px 0;} /*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: #00A0DD;} .category_description h1,.category_description h2,.category_description h3,.category_description h4{color: #00A0DD; font-weight:600; padding: 10px 0;} /* 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;} /*single.php*/ .single-wrap a{color: #00A0DD;} .single-grid{padding: 70px 0;} .single-grid-back{background-color: #f5f5fa; padding: 70px 0;} .single-grid-bottom{background-color: #f8f8f8; padding:70px 0 200px 0;} .single-grid-items{display: grid;grid-template-columns: 47% 47%; grid-gap:50px 6%;} .single-grid-item img{max-width:100%;} .single-grid-itema img{} .single-grid-txt img{margin:10px 0;} .single-grid-itema h3{color: #00A0DD;font-size: 28px; font-weight: 400} .post-meat {margin-bottom:20px;} .post-meat span a{color: #23282D;} .post-meta{ background: #EEE; color: #999; margin-bottom:20px; font-size: 13px; background: linear-gradient(to right, #f2f2f2, #FFF); overflow:hidden;height:42px;line-height:42px; text-align: center;} .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-title{font-size: 36px;line-height: 1.4;font-weight:500; margin-bottom: 20px; color: #00A0DD;} .post{ overflow:hidden;} .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: #00A0DD;line-height: 28px;clear: both; padding-bottom: 20px;text-align: center;} .entry{ font-size:16px; line-height:26px; color:#000000b3; margin: 0;} .entry h1{margin: 40px 0 30px 0; padding:0; font-weight:600;color: #000; border:none; background:none; font-size: 40px; line-height:40px;} .entry h2,.entry h2{font-size:30px; color: #000;} .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{color: #000; margin:20px 0; padding:0; letter-spacing: 1.5px; font-weight:600; border:none; background:none; line-height:1.2;} .entry p{ margin-bottom:12px; line-height:1.6;} .entry b, strong{color: #000;} .entry a:link, .entry a:visited{ color:#00A0DD;} .entry a:hover{ color:#00A0DD;} .entry img{ max-width:100%; height:auto; margin-bottom:10px;} .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 ul ::marker{color: #00A0DD;} .entry ol li{ list-style:decimal;} .entry ul li{ list-style:disc; } .entry ul li ul li{ list-style:circle; } .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%; 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; border:1px solid #eee; -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{ padding:4px;line-height:20px;color:#666;} .post-meta-bottom{ padding-bottom:10px;overflow:hidden;} .gallery-item{border:1px solid #eee;} .wp-caption-text{line-height:36px; background:#F6F6F6; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .wp-caption-text img{width:100%} .wp-caption-text p.wp-caption-text{margin:5px 0;padding:4px;line-height:20px;color:#666;} /*related-title*/ .single-title{color: #00A0DD;font-size: 28px;font-weight: 400; text-transform: uppercase; float: left;} .special-heading-border{position: relative;top:25px;overflow: hidden;} .special-heading-inner-border{display: block;width: 100%;margin-left: 15px;border-top-style: solid;border-top-width: 1px;position: relative;opacity: .15;} /*related-news*/ .related-wrap{background-color: #00A0DD;padding: 15px;} .piclist-col3{ margin-left:-1%;} .piclist-col3 li{float: left; margin-left:1%; _margin-left:1%; width:32.3%; margin-bottom:20px;} .piclist-col3 li a{color: #fff; font-size:20px;line-height:1.3;letter-spacing: 1.5px; font-weight:600} .piclist-col3 li .cat-more {padding-bottom:10px;} .piclist-col3 li .cat-more a{color: #fff; font-size:14px;} .piclist-col4 li{float: left; margin-left:1%; _margin-left:1%; width:32.3%; margin-bottom:20px;} .piclist-col4 img{width:100%;} .piclist-col4 h3 {width:100%;} .piclist-col4 h3 a{font-size:15px;display: block;width:100%;} .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: #00A0DD; color: #FFF; } /* 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;} .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:#00A0DD; border-radius:10px;font-family: Montserrat; font-weight:800; 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:#4f4f4f; 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: #222; margin-right:8px;} .product-cat a:hover{color: #00A0DD; 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 #00A0DD; color:#00A0DD; 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:#00A0DD;} .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 #00A0DD; border-bottom:none; color:#00A0DD; 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 #00A0DD; color:#00A0DD; 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:#00A0DD;} .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{padding-bottom:10px; font-size:22px; font-weight:700; line-height:1.5;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; width:20%; text-align:center; overflow:hidden;} .post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:82px; border:1px solid #e6e6e6; background:#fff; overflow:hidden;} .post ul.thumblist li.nomargin{ margin:0 0 0 9px;} .post ul.thumblist li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;} .post ul.thumblist li img{ margin-bottom:0; border:none; padding:1px; width:80px; height:80px; cursor:pointer; vertical-align:middle;} .post ul.thumblist li .imWrap{ float:left; width:82px; height:82px; text-align:center; display:table-cell; vertical-align:middle; *display:block; *font-size:63px; *font-family:Arial;} .post ul.thumblist li span{ color:#666;} .post ul.thumblist li.zoomActive .thumb-wrap{ border:1px solid #ff6600;} .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:350px !important; height:386px !important; border:1px solid #e6e6e6; overflow:hidden;} .cloud-zoom-loading{ padding:3px; border:1px solid #ccc; color:#fff; background:#222;} /* Page - Error404 */ .error404{ max-width:390px; padding:50px 0;} .error404 h4{ height:32px; line-height:32px; font-size:200%; color:#00A0DD;} .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;} /*.wpcf7 */ .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:#00A0DD; 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:#00A0DD;} .wpcf7 .wpcf7-not-valid{ border:1px solid #00A0DD;} .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;} /* Pagenavi */ .hkpagenavi{ margin:20px auto; width:100%; line-height:46px;overflow:hidden; text-align: center;} .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:#00A0DD; text-decoration:none;} .hkpagenavi a.current:link, .hkpagenavi a.current:visited, .hkpagenavi a.current:hover{ color:#00A0DD; 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{background-color: #FFF; margin-top:-150px;position: relative;border-top: 10px solid #00A0DD;padding: 20px;} .sidebar h3{font-size: 20px;} .sidebar h3 span:after{content: ""; display: block;width:20%;height:2px; background-color: #00A0DD; margin:10px 0;} .sidebar h3 a, .sidebar h3 a:hover{ color:#000; text-decoration:none;} .sidebar .widget_nav_menu ul li:first-child{border-top:none;} .sidebar ul li.widget_nav_menu ul { } .sidebar ul li.widget_nav_menu ul li {margin:0; padding:0;height:auto;border-top:1px solid #f1f1f1;background:0;overflow:visible;position:relative} .sidebar ul li.widget_nav_menu ul li:first-child {border-top:0} .sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited {height:46px;line-height:46px;text-indent:25px;border-bottom:1px solid #e6e6e6;background:url(images/icon-widget-menu.gif) no-repeat 12px -61px;display:block; overflow:hidden} .sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li:hover a {text-indent:30px;color:#fff;background:#00A0DD url(images/icon-widget-menu.gif) no-repeat 12px 19px;text-decoration:none} .sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover {text-indent:30px;color:#fff; background:#00A0DD url(images/icon-widget-menu.gif) no-repeat 12px 19px;text-decoration:none} .sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited { text-indent:25px} .sidebar ul li.widget_nav_menu ul li ul {width:100%;background-color:#f8f8f8; position:absolute;top:0;z-index:999;display:none;-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2)} .sidebar ul li.widget_nav_menu ul li ul li {} .sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover {text-indent:30px} .sidebar ul li.widget_nav_menu ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li a:visited { border-bottom:1px solid #e9e9e9;color:#555; background:#f8f8f8 url(images/icon-widget-menu.gif) no-repeat 12px -61px} .sidebar ul li.widget_nav_menu ul li:hover ul li a:hover {color:#fff;background:#00A0DD url(images/icon-widget-menu.gif) no-repeat 12px 19px} .sidebar ul li.widget_nav_menu ul li:hover ul li:hover a {text-indent:30px;color:#fff;background:#00A0DD rl(images/icon-widget-menu.gif) no-repeat 12px 19px;text-decoration:none} .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:visited {border-bottom:1px solid #e9e9e9; color:#444; background:#f8f8f8 url(images/icon-widget-menu.gif) no-repeat 12px -61px} .sidebar ul li.widget_nav_menu ul li:hover ul li:hover ul li a:hover {color:#fff;background:#00A0DD url(images/icon-widget-menu.gif) no-repeat 12px 19px} .sidebar ul li.widget_nav_menu ul li.current-cat-parent {font-weight:700;border-top:0} .sidebar ul li.widget_nav_menu ul li.current-cat-parent a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent a:visited {background-color:#2251A1; background-position:10px -113px} .sidebar ul li.widget_nav_menu ul li.current-cat-parent a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover a { background-color:#f90000} .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul {border-top:1px solid #e4e4e4;display:block; position:static} .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li {font-weight:normal;border-top:1px solid #f9f9f9} .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li a:hover { text-indent:40px;background-position:32px -61px;border-bottom-color:#e4e4e4} .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li.current-cat a:visited {background-color:#00A0DD} .sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover ul li.current-cat a {color:#fff;background-color:#00A0DD} .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul {display:block} .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat-parent ul li ul li a:hover {text-indent:60px;background-position:52px -61px} .widget{margin:0 0 20px 0;} .widget-title{font-size: 22px;font-weight:400; text-align: left;text-transform: capitalize;} .sidebar .news-title{border-bottom: 1px solid #dfdfdf; padding: 8px;} .sidebar .news-title:last-child {border-bottom: none;} .sidebar .news-items a{line-height:1.4; font-family:'FontAwesome';} .sidebar .news-items a:before{content: "\f0f6"; margin-right:5px;} .sidebar .news-title a:hover{background-color: none !important; color: #00A0DD;} .recent-posts-widget-with-thumbnails a span{font-size:16px !important; font-weight:600!important; line-height:1.3 !important;} /* Search */ .widget_search{padding-bottom:55px;} .sid-serch{border-bottom:1px solid #eee;padding-bottom:10px;} .widget_search #searchform{padding: 10px 5px;} .widget .screen-reader-text{color: #666;} .widget_search .searchInput{width:85%;} .sidebar .widget_search #s:hover{ border:1px solid #999; color:#666;} .sidebar .widget_search .search-faq-submit{border:none; background:none; text-align: right;} /*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:#00A0DD; 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:#00A0DD; 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;} .box-one{clip-path: polygon(10% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 10%);} .box-two{clip-path: polygon(0 0, 100% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 100%, 0 0);} .box-three {clip-path: polygon(18% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 18%);} .box-four {clip-path: polygon(0 0, 100% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 100%, 0 0);} .index-map{position: relative;z-index:1;} /* Footer */ .footer-common {background-color: #000;overflow: visible;} .footer-common-wrap{display: grid; grid-template-columns:repeat(4,1fr); color: #FFF;position: relative;margin-top: -50px;z-index: 10;} .footer-grid-span{width: 80px;line-height: 80px;text-align: center;background: #00a0dd;font-size: 40px;margin: 0;margin-bottom:20px;} .footer-grid h3 {opacity:1; color: #FFF; padding-bottom:10px;font-size:22px;} .footer-grid-text{opacity:0.7;line-height:1.375} .footer-grid-twrap{padding: 20px;margin-bottom: 20px;} .fcommon-right{background-color: #fff;border: 1px solid #eee;} .fcommon-right .footer-wpform{padding: 6px 60px;} .fcommon img{ width:100%; } .fcommon h3{font-size:36px; text-transform: uppercase;} .fcommon .wpforms-container .wpforms-submit-container{text-align: center;} .fcommon .wpforms-container .wpforms-submit-container .wpforms-submit{ background: #00A0DD!important;} /* Footbar */ .footer{position: relative;z-index:10;} .footbar{ display: grid; grid-template-columns:30% 70%; overflow:hidden;} .footbar h3{color: #fff;font-weight: 600; font-size:25px; margin-bottom: 20px;text-transform: uppercase;} .footbar h3 a{ color:#fff;} .footbar-left{ display: grid; grid-template-columns:1fr 1fr; grid-gap:3%; margin: 0; background-color: #F1F1F1; padding: 70px 30px;} .footbar-right{ display: grid; grid-template-columns:1fr 1fr 1fr; grid-gap:3%; margin: 0; background-color: #00A0DD;padding: 70px 30px; color: #FFF;} .footbar .widget-column{margin: 0;} .footbar .widget-column ul li{margin: 10px ;list-style: disc; color: #000;} .footbar .widget-column p{font-weight:400; margin-bottom:15px; line-height:1.6em;letter-spacing: .02em;} .footbar .widget-column a{color: #fff; letter-spacing: .02em;} .footbar .widget-column a:hover{color: #fff;} .footbar .widget-column span{color: #FFF;} /*footer-copyright*/ .footer-copyright{padding:15px 0; font-size:12px; background:#febf00; color: #1c1c1c; } .footer-copyright a:link, .footer-copyright a:visited{color: #1c1c1c; } .footer-copyright .inner{display:grid; grid-template-columns:auto auto; justify-content: space-between;} /* Copyright */ .copyright{text-align:left; font-weight:400; overflow:hidden; } .privacy a{margin: 0 10px;} .animationtiem{animation: .5s cubic-bezier(.175, .885, .32, 1.275) avia_image_appear; animation-timeline: scrollTimeline; animation-range: entry 0% cover 100%;} @keyframes avia_image_appear { 0% { opacity: 0; transform: translateY(50px) scale(0.8); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* 定义滚动时间线 */ @scroll-timeline scrollTimeline { source: selector(.animationline); orientation: vertical; scroll-offsets: selector(.animationtiem) start 0%, selector(.animationtiem) end 100%; } /*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*/ .wpforms-wrap{border-left:2px solid #00A0DD; background-color: #f4f4f4; padding: 20px 30px;} 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: #ddd !important;--wpforms-button-border-color: #ddd !important;--wpforms-page-break-color: #ddd!important;} button.wpforms-submit{padding:0 25px !important;} .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{width: 66%;margin: 0 auto; color: #00A0DD !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%;} .wpforms-title{text-align: center;font-size:26px !important; margin:0 0 20px 0 !important; line-height: 1.3 !important} .wpforms-description{} input, textarea {color: #000 !important;} .wpforms-container .wpforms-submit-container .wpforms-submit{ background: #00A0DD!important;} .wpforms-container .wpforms-submit-container{ } /*.gallery*/ .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;} .tower {position: fixed;left: 15px;bottom: -29px;width: 131px;margin-top: 210px;margin-right: 25px;margin-bottom: 0; margin-left: 0; padding-top: 20px;z-index: 9999;} /* Backtop */ .backToTop{ width:40px; height:40px; background:#4f4f4f 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:1200px;padding:0 20px;} #mobile-nav{display: none;} } @media only screen and (min-width:1024px)and (max-width:1199px){ .inner{width:94%;} .inner-1400{width:100%;} .logo{margin-top:10px;} .logo img{margin:0;} #mobile-nav {display: none;} .navi li a {padding:0 12px !important;} .index-title h1{font-size:36px;} .index-title h2{font-size:26px !important;} .index-value-img-txt{width:100%;left:0;} .index-do{grid-template-columns:5% 45% 50%;} .index-who{grid-template-columns: 50% 50%;} .index-work{grid-template-columns: 50% 50%;} .category_service1{grid-template-columns:6% auto 60%} .category_service4-txt-wrap .index-title h2{font-size:26px !important;} .category_service4{grid-template-columns:50% 49% 1%} .category-contact-right .index-title i{font-size:100px;top:33px;} .footbar-left{grid-template-columns:100%;align-content:start;} .category-picexcerpt8 .index-title i{font-size:100px;top:33px;} .page-contact-wrap{grid-template-columns: 4% 36% 50% auto;} .page-contact-right .index-title i {font-size:140px;} .page-quality1-left-wrap{grid-template-columns:100%;} .page-quality1{grid-template-columns: 6% 40% auto;} .quality1-value-img-txt{width:70%;left:0;} .page-about3{grid-template-columns:1% 59% 38%;} .category_service1{grid-template-columns:2% auto 60%;} .category-service1-left{padding: 20px 0;} } @media only screen and (min-width:768px) and (max-width:1023px){ .inner{ width:98%;} .inner{ width:98%;} .c800{width:100%;} .inner-1400{width:100%;} .sidebar{margin: 0;} .logo{padding:0;} .nav-tel{display: none;} .header {position:relative; top:0;} #mobile-nav{ float:right; display:block; margin-right:5px;} #mobile-nav a{color: #000; font-size:40px; display:inline-block; cursor:pointer; z-index:99999; text-align: center;} #mobile-nav #mobile-so,#mobile-menu{font-family:'FontAwesome'; color: #fff;} #mobile-nav .opacity, #mobile-nav .meanclose {color: #000; } #mobile-nav #mobile-menu:before{content:"\f0c9" } #mobile-nav #mobile-so:before{content:"\f002"; } #mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;} .nav-contact{display: none} .main-menu{ margin:0 auto; width:94%; height:100%; line-height:46px; font-size:16px; top:0; left:0; background-color: #FFF; overflow-y:scroll; position: fixed; z-index:9999; display:none;} .main-menu .inner{ width:100%;} .navi {background: #fafafa; width: 100%; margin-top: 10px;} /* 移动端标题栏 */ .mobi-title {font-size: 28px;color: #000;height: 50px;line-height: 50px; display: block;padding-top: 10px;overflow: hidden;} .mobi-title i {color: #000;font-size: 38px;} .mobi-title span {float: left;margin-left: 3%;font-weight: 600;} .mobi-menu-close {display: inline-block;width: 30px;height: 40px;text-align: center;position: absolute;right: 2%;z-index: 99999;} /* 一级菜单项 */ .navi li {float: none;border: none;padding: 0; border-bottom: 1px solid #e6e6e6; clear: both;width: 100%;background-color: #fff;position: relative;} .navi li a,.navi li a:link,.navi li a:visited {color: #000;height: 42px;line-height: 42px; display: block;} .navi li a:hover {width: 100%;color: #000;} /* 子菜单（默认隐藏，由JS控制显示） */ .navi li ul {display: none;position: static !important;padding: 0 !important;background-color: #fff !important;width: 100% !important; border: none !important;} /* 子菜单项 */ .navi li ul li {background: #fff;width: 100%;line-height: 42px;} .navi li ul li a:link, .navi li ul li a:visited {padding: 0 0 0 24px;background: none;} .navi li ul li a:hover {color: #00A0DD;background: transparent;} /* 当前菜单高亮 */ .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: #00A0DD; border: none;} .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: #272727;} /* 有子菜单的箭头按钮（点击展开） */ .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;background: none;position: absolute;right: 0;top: 0;z-index: 99; cursor: pointer;} .navi li.menu-item-has-children .mean-clicked:hover {color: #888;} /* 子菜单中的箭头按钮微调 */ .navi li ul li .mean-clicked,.navi li ul li .mean-toggle {margin-top: 1px;width: 42px;height: 42px;} /* 箭头图标（使用FontAwesome） */ .mean-clicked { font-family: 'FontAwesome';} .mean-clicked:after {content: "\f0d7" !important;color: #222;font-size: 18px !important;} /* 三级菜单缩进 */ .navi li ul li ul li a {padding-left: 40px !important;} .navi li ul li ul {border-top: 1px solid #ddd;box-shadow: none;position: static;} .navi li ul li ul li {height: 42px;line-height: 42px;} .slideshow-swiper-container{position: relative;z-index:9;} .slideshow-swiper-container .slide-text{width:100%;top:20%;left:0;} .slideshow-swiper-container .slide-text .slide-text-content{display: none;} .slideshow-swiper-container .slide-text .slide-text-btn{display: none;} .slide-text-title h1{font-size:36px;} .slide-text-title span{font-size:36px;top:50px;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width:20% !important;} .slideshow-swiper-container .swiper-button-prev, .slideshow-swiper-container .swiper-button-next{width:50px; height:50px;line-height:50px;} .slideshow-swiper-container .swiper-button-prev{right:50px;} /*公共部分*/ .index-title h1{font-size: 36px;} .index-title h2{font-size: 30px;} .hkpage-title{font-size:26px;} /*index*/ .index-services{padding: 20px;margin-bottom:30px;z-index: 5; position: relative;} .index-services .inner-1400{margin: 0;} .services-common-wrap{grid-template-columns: 1fr 1fr; margin-top:20px;} .index-value-wrap{grid-template-columns: 100%;} .index-value .index-value-img-txt{right:0;} .index-value-wrap .index-value-grid{grid-template-columns: 100%;margin: 0;} .index-value-wrap .index-value-grid1{padding: 20px;grid-template-columns:100%;} .index-do{grid-template-columns: 100%;} .index-do-txt-wrap{padding: 20px; width:100%;} .index-wrap{grid-template-columns: 100%;} .index-who{grid-template-columns: 100%;} .index-who-txt-wrap .index-title h2{font-size:30px !important;} .index-who-txt-wrap{width:100%;padding: 20px;} .index-pyu{padding: 70px 10px;} .index-team{padding: 10px 0;} .team-list{grid-template-columns: 1fr 1fr; padding: 20px;} .index-work{grid-template-columns: 100%;} .index-work-txt-wrap{width:100%;padding: 20px;} .index-news{padding: 70px 20px;} .footer-common-wrap{grid-template-columns: 100%;} .footer-common-wrap .footer-grid{margin: 0;padding: 20px;} .footbar-left{grid-template-columns: 100%;} .footbar-right{grid-template-columns: 1fr 1fr;} /*contacr us*/ .page-contact{padding: 20px;} .page-contact-wrap{grid-template-columns: 100%;} .page-contact-right{padding: 20px 0;} .page-contact-right .index-title h2{font-size:36px;line-height:1;} .page-contact-right .index-title i{font-size:100px; top:36px;} /*Quality Control Policy*/ .page-quality1{grid-template-columns: 100%;grid-gap:0;padding: 20px;} .page-quality1-left-wrap{grid-template-columns: 100%;grid-gap:0;} .page-quality2 .inner-1400{grid-template-columns: 100%;} .page-quality1-right1{margin: 20px 0;} .page-quality1 img{min-height:400px;} .quality1-value-img-txt{right:0;} .page-quality2{padding: 20px;} /*about*/ .column-fluid-child .post{padding: 30px 10px 70px 10px;} .page-about1 .inner{margin: 0;} .about-common-wrap{grid-template-columns: 1fr 1fr ;padding: 20px 10px 20px 20px;} .about-grid{margin: 0;} .page-about2{padding: 0 20px;} .page-about2-wrap{grid-template-columns: 100%;grid-gap:0;margin-bottom:30px;} .page-about2-left{grid-template-columns: 100%;grid-gap:0;margin-bottom:30px;} .page-about3{grid-template-columns: 100%;padding: 20px;grid-gap:0;margin-bottom:30px;} .about_column_inner_content{grid-template-columns: 1fr 1fr;} .page-about4-content h2{font-size:30px;} .page-about5{padding: 50px 20px;} .page-about5 .page-about5-wrap{grid-template-columns: 100%;grid-gap:0;margin-bottom:30px;} .page-about5-right{padding:15px;} .page-child-two{margin: 20px;} .page-child-three{padding: 20px;} .page-child-three-wrap{grid-template-columns: repeat(2,1fr);} .index-team .index-title i{font-size: 80px;top:-10px;} .about-swiper-container{height:auto;} .about-swiper-container .swiper-slide img{height:400px;} .hkpage_page01{padding: 40px 0;} .hkpage_page02{padding: 40px 0; background-color: #f0f0f0;} .hkpage,.hkpage1{display: grid;grid-template-columns: 100%; grid-gap:0;justify-content:center;padding: 10px;} .hkpage img,.hkpage1 img{margin:20px 0} .hkpage-child{grid-template-columns: 100%;} .child-bottom-w{grid-template-columns: 100%;grid-gap:0;} .category-desc-grid2{grid-template-columns: 100%;} .category-desc-grid2-1{grid-template-columns: 100%;} .archive-article{padding:30px 10px;} .article-list-items{grid-template-columns: 100%;} .article-items-wrap .article-items-title h3 a{font-size:22px;} /*archive-main*//*service*/ .category_service1{grid-template-columns: 100%;grid-gap:0;padding: 20px;} .category-service1-right img{margin: 0;} .category_service2 .category-service2-wrap{grid-template-columns: 1fr 1fr;padding: 0 20px;} .category_service3{grid-template-columns: 1fr 1fr;} .category_service3-cover{margin-bottom:20px;} .category_service4{grid-template-columns: 100%;} .category_service4-txt-wrap{padding: 20px; width:100%;} .category_solutions-wrap{grid-template-columns: 100%;} .category-contact-right .index-title h2{font-size:40px;line-height:1;} .category-contact-right .index-title i{font-size:70px;top:30px;line-height:1;} .category_service6{padding: 20px;} .category_service5 {padding: 20px;} .category_service5 .category-wrap{grid-template-columns: 100%;margin-top:30px;} /*archive-picexcerpt*/ .category-picexcerpt1{padding: 20px;} .category-picexcerpt1 .inner{grid-template-columns: 100%;} .category-picexcerpt2{padding: 20px;} .category-picexcerpt2 .pic_column_inner_content{grid-template-columns: 1fr 1fr;} .service-bottom .service-grid-txt ul li{width:92%;} /*archive-faq*/ .faq-clist{flex-wrap: wrap;} .faq-clist .faq-cell{width:100%; max-width:100%; margin: 0 0 30px 0;} /*archive news*/ .blog-list{grid-template-columns:1fr; margin: 0;padding: 10px;} .catitem-background{padding: 20px 0;} .catitem{display: block;} .catleft, .catright{width:96%;padding: 0; margin: 20px auto;} /*archive-piclist*/ .pic-list li{ width:99%; margin-left:0; margin-top:20px;margin-bottom:10px;} .pic-list .bcontent{height:110px;} /*related*/ .piclist-col4 li{ width:48%;} .piclist-col3 li{width:98%;} .column-fluid{grid-template-columns:100%;grid-gap:0;} .category-picexcerpt1-1{padding: 20px;} .category-picexcerpt5 .index-title20 h2{font-size:20px;} .category-picexcerpt9 .inner-1400{grid-template-columns:100%;} .category-picexcerpt9-left-wrap{padding: 20px;} .category-picexcerpt8 .index-title h2 {font-size:36px;line-height:1;} .category-picexcerpt8 .index-title i{font-size:80px;top:60px;} .category-picexcerpt8-wrap{grid-template-columns:100%; background-size: cover;min-height: 400px;background-repeat: no-repeat; padding: 50px;color: #FFF;} .category-picexcerpt8-left{max-height:100%;} .index-right-center{position: relative;} .ibread{display: none;} .ibread-bottom{display: none;} .row-gallary-slider .inner {max-width:680px } .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} #page_board .breadcrumb-page{top:5%;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-single{height:auto;} .bread-single-h1 h1{font-size:26px; line-height:1.4} .bread-single-p{display: none;} .breadcrumb-wrap {margin-bottom:20px;} .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{height:auto; width:100%;min-height:280px;} .breadcrumb-archive .breadcrumb-page{top:13%;} .bread-page-h1{padding-bottom:10px; } .bread-page-h1 h1{ font-size:26px;} .page .breadcrumb-page{width:100%;text-align: center;} .bread-page-p{display: none;} .page-service-list{grid-template-columns:1fr; margin: 20px 0;} .page-service-list .service-items{width:80%; margin: 20px auto;} .page-contact-grid{grid-template-columns:1fr;} .page-thum-title{display: none;} /*page-tab*/ .page-tab .tabs{flex-direction: column;} .page-tab .tabs a{width:auto;} .page-tab .entry{padding: 10px ;} .postlist{grid-template-columns:100%;} .product-index-inquiry a{margin-bottom:5px;} /*single.php*/ .single-grid-items{grid-template-columns:100%;} .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%} #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%} /*.fcommon*/ .fcommon{grid-template-columns:100%; grid-gap:10px 0;} .fcommon h3{font-size:16px; text-transform: uppercase;} .footbar{grid-template-columns:100%; grid-gap: 10px 0;} .footbar .widget-column{ padding:0 20px; width:100%;} .footer-copyright .inner{grid-template-columns:100%;} .fcommon-right .footer-wpform{padding: 6px 20px;} .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} /*YouBe*/ .video-container{width:96%; overflow: hidden; text-align: center;} .video-container IFRAME{ max-width:100%; max-height:100%; border:none;} .backToTop {right:5px;bottom:55px} } @media only screen and (max-width:767px){ .inner{ width:98%;} .c800{width:100%;} .inner-1400{width:100%;} .sidebar{margin: 0;} .logo{padding:0;} .nav-tel{display: none;} .header {position:relative; top:0;} #mobile-nav{ float:right; display:block; margin-right:5px;} #mobile-nav a{color: #000; font-size:40px; display:inline-block; cursor:pointer; z-index:99999; text-align: center;} #mobile-nav #mobile-so,#mobile-menu{font-family:'FontAwesome'; color: #fff;} #mobile-nav .opacity, #mobile-nav .meanclose {color: #000; } #mobile-nav #mobile-menu:before{content:"\f0c9" } #mobile-nav #mobile-so:before{content:"\f002"; } #mobile-nav #mobile-so:hover,#mobile-menu:hover{text-decoration: none;} .nav-contact{display: none} .main-menu{ margin:0 auto; height:100%; line-height:46px; font-size:16px; top:0; left:0; background-color: #FFF; overflow-y:scroll; position: fixed; z-index:9999; display:none;} .main-menu .inner{ width:100%;} .navi {background: #fafafa; width: 100%; margin-top: 10px;} /* 移动端标题栏 */ .mobi-title {font-size: 28px;color: #000;height: 50px;line-height: 50px; display: block;padding-top: 10px;overflow: hidden;} .mobi-title i {color: #000;font-size: 38px;} .mobi-title span {float: left;margin-left: 3%;font-weight: 600;} .mobi-menu-close {display: inline-block;width: 30px;height: 40px;text-align: center;position: absolute;right: 2%;z-index: 99999;} /* 一级菜单项 */ .navi li {float: none;border: none;padding: 0; border-bottom: 1px solid #e6e6e6; clear: both;width: 100%;background-color: #fff;position: relative;} .navi li a,.navi li a:link,.navi li a:visited {color: #000;height: 42px;line-height: 42px; display: block;} .navi li a:hover {width: 100%;color: #000;} /* 子菜单（默认隐藏，由JS控制显示） */ .navi li ul {display: none;position: static !important;padding: 0 !important;background-color: #fff !important;width: 100% !important; border: none !important;} /* 子菜单项 */ .navi li ul li {background: #fff;width: 100%;line-height: 42px;} .navi li ul li a:link, .navi li ul li a:visited {padding: 0 0 0 24px;background: none;} .navi li ul li a:hover {color: #00A0DD;background: transparent;} /* 当前菜单高亮 */ .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: #00A0DD; border: none;} .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: #272727;} /* 有子菜单的箭头按钮（点击展开） */ .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;background: none;position: absolute;right: 0;top: 0;z-index: 99; cursor: pointer;} .navi li.menu-item-has-children .mean-clicked:hover {color: #888;} /* 子菜单中的箭头按钮微调 */ .navi li ul li .mean-clicked,.navi li ul li .mean-toggle {margin-top: 1px;width: 42px;height: 42px;} /* 箭头图标（使用FontAwesome） */ .mean-clicked { font-family: 'FontAwesome';} .mean-clicked:after {content: "\f0d7" !important;color: #222;font-size: 18px !important;} /* 三级菜单缩进 */ .navi li ul li ul li a {padding-left: 40px !important;} .navi li ul li ul {border-top: 1px solid #ddd;box-shadow: none;position: static;} .navi li ul li ul li {height: 42px;line-height: 42px;} .navi > li.menu-item-has-children:after{display: none;} .navi li.current-menu-parent a:after, .navi li.current-menu-item a:after{line-height:32px;} .slideshow-swiper-container{position: relative;z-index:9;} .slideshow-swiper-container .slide-text{width:100%;top:20%;left:0;} .slideshow-swiper-container .slide-text .slide-text-content{display: none;} .slideshow-swiper-container .slide-text .slide-text-btn{display: none;} .slide-text-title h1{font-size:36px;} .slide-text-title span{font-size:36px;top:50px;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width:20% !important;} .slideshow-swiper-container .swiper-button-prev, .slideshow-swiper-container .swiper-button-next{width:50px; height:50px;line-height:50px;} .slideshow-swiper-container .swiper-button-prev{right:50px;} /*公共部分*/ .index-title h1{font-size: 36px;} .index-title h2{font-size: 30px;} .hkpage-title{font-size:26px;} /*index*/ .index-services{padding: 20px;margin-bottom:30px;z-index: 5; position: relative;} .index-services .inner-1400{margin: 0;} .services-common-wrap{grid-template-columns: 100%; margin-top:20px;} .index-value-wrap{grid-template-columns: 100%;} .index-value .index-value-img-txt{right:0;} .index-value-wrap .index-value-grid{grid-template-columns: 100%;margin: 0;} .index-value-wrap .index-value-grid1{padding: 20px;grid-template-columns:100%;} .index-do{grid-template-columns: 100%;} .index-do-txt-wrap{padding: 20px; width:100%;} .index-wrap{grid-template-columns: 100%;} .index-who{grid-template-columns: 100%;} .index-who-txt-wrap .index-title h2{font-size:30px !important;} .index-who-txt-wrap{width:100%;padding: 20px;} .index-pyu{padding: 70px 10px;} .index-team{padding: 10px 0;} .team-list{grid-template-columns: 1fr; padding: 20px;} .index-work{grid-template-columns: 100%;} .index-work-txt-wrap{width:100%;padding: 20px;} .index-news{padding: 70px 20px;} .footer-common-wrap{grid-template-columns: 100%;} .footer-common-wrap .footer-grid{margin: 0;padding: 20px;} .footbar-left{grid-template-columns: 100%;} .footbar-right{grid-template-columns: 100%;} /*contacr us*/ .page-contact{padding: 20px;} .page-contact-wrap{grid-template-columns: 100%;} .page-contact-right{padding: 20px 0;} .page-contact-right .index-title h2{font-size:36px;line-height:1;} .page-contact-right .index-title i{font-size:100px; top:36px;} /*Quality Control Policy*/ .page-quality1{grid-template-columns: 100%;grid-gap:0;padding: 20px;} .page-quality1-left-wrap{grid-template-columns: 100%;grid-gap:0;} .page-quality2 .inner-1400{grid-template-columns: 100%;} .page-quality1-right1{margin: 20px 0;} .page-quality1 img{min-height:400px;} .quality1-value-img-txt{right:0;} .page-quality2{padding: 20px;} .page-child-wrap{grid-template-columns: 100%;margin: 0;padding: 20px;} .page-child-grid{margin-top:20px;} .page-child-two{margin: 20px;} .page-child-two-wrap{grid-template-columns: 100%;} .page-child-three-wrap{grid-template-columns: 100%;padding: 20px;} /*about*/ .column-fluid-child .post{padding: 30px 10px 70px 10px;} .page-about1 .inner{margin: 0;} .about-common-wrap{grid-template-columns: 100%;padding: 20px 10px 20px 20px;} .about-grid{margin: 0;} .page-about2{padding: 0 20px;} .page-about2-wrap{grid-template-columns: 100%;grid-gap:0;margin-bottom:30px;} .page-about2-left{grid-template-columns: 100%;grid-gap:0;margin-bottom:30px;} .page-about3{grid-template-columns: 100%;padding: 20px;grid-gap:0;margin-bottom:30px;} .about_column_inner_content{grid-template-columns: 100%;} .page-about4-content h2{font-size:30px;} .page-about5{padding: 50px 20px;} .page-about5 .page-about5-wrap{grid-template-columns: 100%;grid-gap:0;margin-bottom:30px;padding: 0;} .page-about5-right{padding:15px;} .index-team .index-title i{font-size: 80px;top:-10px;} .about-swiper-container{height:auto;} .about-swiper-container .swiper-slide img{height:400px;} .hkpage_page01{padding: 40px 0;} .hkpage_page02{padding: 40px 0; background-color: #f0f0f0;} .hkpage,.hkpage1{display: grid;grid-template-columns: 100%; grid-gap:0;justify-content:center;padding: 10px;} .hkpage img,.hkpage1 img{margin:20px 0} .hkpage-child{grid-template-columns: 100%;} .child-bottom-w{grid-template-columns: 100%;grid-gap:0;} .category-desc-grid2{grid-template-columns: 100%;} .category-desc-grid2-1{grid-template-columns: 100%;} .archive-article{padding:30px 10px;} .article-list-items{grid-template-columns: 100%;} .article-items-wrap .article-items-title h3 a{font-size:22px;} /*archive-main service*/ .category_service1{grid-template-columns: 100%;grid-gap:0;padding: 20px;} .category-service1-right img{margin: 0;} .category_service2 .category-service2-wrap{grid-template-columns: 1fr 1fr;padding: 0 20px;} .category_service3{grid-template-columns: 100%;} .category_service3-cover{margin-bottom:20px;} .category_service4{grid-template-columns: 100%;} .category_service4-txt-wrap{padding: 20px; width:100%;} .category_solutions-wrap{grid-template-columns: 100%;} .category-contact-right .index-title h2{font-size:40px;line-height:1;} .category-contact-right .index-title i{font-size:70px;top:30px;line-height:1;} .category_service6{padding: 20px;} .category_service5 {padding: 20px;} .category_service5 .category-wrap{grid-template-columns: 100%;margin-top:30px;} /*archive-picexcerpt*/ .category-picexcerpt1{padding: 20px;} .category-picexcerpt1 .inner{grid-template-columns: 100%;} .category-picexcerpt2{padding: 20px;} .category-picexcerpt2 .pic_column_inner_content{grid-template-columns: 100%;} .service-bottom .service-grid-txt ul li{width:92%;} /*archive-faq*/ .faq-clist{flex-wrap: wrap;} .faq-clist .faq-cell{width:100%; max-width:100%; margin: 0 0 30px 0;} /*archive news*/ .blog-list{grid-template-columns:1fr; margin: 0;padding: 10px;} .catitem-background{padding: 20px 0;} .catitem{display: block;} .catleft, .catright{width:96%;padding: 0; margin: 20px auto;} /*archive-piclist*/ .pic-list li{ width:99%; margin-left:0; margin-top:20px;margin-bottom:10px;} .pic-list .bcontent{height:110px;} /*.archive-customer-list*/ .archive-customer{width:96%;flex-wrap: wrap;} .archive-customer-inner{padding: 0;} .archive-customer-list{grid-template-columns:100%;} .pic-swiper-container .pic-swiper-button-next, .pic-swiper-container .pic-swiper-button-prev{top:38%;} /*related*/ .piclist-col4 li{ width:48%;} .piclist-col3 li{width:98%;} .column-fluid{grid-template-columns:100%;grid-gap:0;} .category-picexcerpt1-1{padding: 20px;} .category-picexcerpt5 .index-title20 h2{font-size:20px;} .category-picexcerpt9 .inner-1400{grid-template-columns:100%;} .category-picexcerpt9-left-wrap{padding: 20px;} .category-picexcerpt8 .index-title h2 {font-size:36px;line-height:1;} .category-picexcerpt8 .index-title i{font-size:80px;top:60px;} .category-picexcerpt8-wrap{grid-template-columns:100%; background-size: cover;min-height: 400px;background-repeat: no-repeat; padding: 50px;color: #FFF;} .category-picexcerpt8-left{max-height:100%;} .index-right-center{position: relative;} .ibread{display: none;} .ibread-bottom{display: none;} .row-gallary-slider .inner {max-width:680px } .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} #page_board .breadcrumb-page{top:5%;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-single{height:auto;} .bread-single-h1 h1{font-size:26px; line-height:1.4} .bread-single-p{display: none;} .breadcrumb-wrap {margin-bottom:20px;} .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{height:auto; width:100%;min-height:280px;} .breadcrumb-archive .breadcrumb-page{top:13%;} .bread-page-h1{padding-bottom:10px; } .bread-page-h1 h1{ font-size:26px;} .page .breadcrumb-page{width:100%;text-align: center;} .bread-page-p{display: none;} .page-service-list{grid-template-columns:1fr; margin: 20px 0;} .page-service-list .service-items{width:80%; margin: 20px auto;} .page-contact-grid{grid-template-columns:1fr;} .page-thum-title{display: none;} /*page-tab*/ .page-tab .tabs{flex-direction: column;} .page-tab .tabs a{width:auto;} .page-tab .entry{padding: 10px ;} .postlist{grid-template-columns:100%;} .catlist-title a{font-size:28px;} .product-index-inquiry a{margin-bottom:5px;} .cat-wrap{display: none;} /*single.php*/ .single-grid-items{grid-template-columns:100%;} .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%} #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%} /*.fcommon*/ .fcommon{grid-template-columns:100%; grid-gap:10px 0;} .fcommon h3{font-size:16px; text-transform: uppercase;} .footbar{grid-template-columns:100%; grid-gap: 10px 0;} .footbar .widget-column{ padding:0 20px; width:100%;} .footer-copyright .inner{grid-template-columns:100%;} .fcommon-right .footer-wpform{padding: 6px 20px;} .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} /*YouBe*/ .video-container{width:96%; overflow: hidden; text-align: center;} .video-container IFRAME{ max-width:100%; max-height:100%; border:none;} .backToTop {right:5px;bottom:55px} } @media only screen and (max-width:480px){ /*.breadcrumb */ .breadcrumb-wrap .breadcrumb h2 {font-size:22px; } /*breadcrumb-page*/ .breadcrumb-page{top:10%;line-height:36px;} .breadcrumb-page .crumb-box{text-align: center;} .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:19%;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%} .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%} /*YouBe*/ .video-container{width:96%; overflow: hidden; text-align: center;} .video-container IFRAME{ max-width:100%; max-height:100%; border:none;} /*footbar*/ .footbar .widget-column{width:100%;} .copyright-wrap{width:100%;} .social-wrap { margin-top: 5px;width: 100%;} .footbar .widget-column ul li{width:100%;} .footbar .widget-column:last-child{width:100%;} }