/* Reset */ 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{ border-top:1px solid #ccc;} mark{background:#ff0;color:#000;} code,kbd,pre,samp{font-family: monospace,serif;font-size:1em;} pre{white-space: pre-wrap;} q{quotes: "\201C" "\201D" "\2018" "\2019";} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position: relative;vertical-align:baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} img{border:0;vertical-align:middle;} svg:not(:root){overflow: hidden;} figure{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} button,input,select,textarea{font-family: inherit;font-size:100%;margin:0;outline:0;} button,input{line-height: normal;} button,select{text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} /* input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #f90;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}*/ textarea{overflow:auto;vertical-align: top;} table{border-collapse:collapse;border-spacing:0;} body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0 auto;padding:0;border:0;} /* Global */ body{ color:#444; font-family:Arial, Helvetica, sans-serif;overflow:-Scroll;overflow-x:hidden;background:#E9E9E9} ul,ol,li{list-style:none;} table,td,th,input{ font-size:12px;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h1{font-size:28px;} h2{font-size:18px;} h3{font-size:16px;} h4{font-size:14px;} h5,h6 {font-size:12px;} .clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0} .radius{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .opacity{ opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50);} .c-show{ display:block;} .c-none{ display:none;} .folio-thumb img{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;} .folio-thumb:hover img{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);} .folio-thumb .opacity-pic{ /*background:#ef5c32;*/} .mediaholder{ overflow:hidden;} a:link, a:visited{ color:#222; outline:0; text-decoration:none;} a:hover{} /* TopBar */ .topbar{ clear:both; } .topbar .inner{height:30px; line-height:30px; overflow:visible; position:relative; text-align:right; padding-top:10px; margin-bottom:15px;} .topbar .inner .top_left{ float:left; margin-top:5px;} .topbar .inner .top_left a{ color:#FFF} .topbar .inner .cart { float: left; margin-top:5px; margin-left:5px; } .topbar .inner .cart a{color:#fff} .youtube{ margin-top:15px;background:url(../images/youtube2.png) no-repeat center left; width:31px; height:18px; display:inline-block;padding-right:5px; filter: grayscale(100%);} .facebook{background:url(../images/facebook2.png) no-repeat; width:17px; height:18px; display:inline-block;padding-right:5px; margin-left:5px; filter: grayscale(100%);} .tiktok{background:url(../images/tiktok2.png) no-repeat ; width:44px; height:13px; display:inline-block;padding-right:5px; margin-left:5px; filter: grayscale(100%);} .ins{ background:url(../images/ins.png) no-repeat; width:19px; height:19px; display:inline-block; padding-right:5px; margin-left:5px; filter: grayscale(100%);} /* Header */ .header{ clear:both; *position:relative; *z-index:1;/* IE6,7*/} .header .inner{ overflow:visible; position:relative; } .logo{ float:left; margin:15px auto;} .logo img{ height:68px; display:block; margin-top:10px} .head-pinned{ height:50px; position:fixed; top:0; left:0; width:100%; z-index:10000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2); box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} .head-pinned .inner{ height:50px;} .head-pinned .logo{ margin:0 auto; line-height:45px;} .head-pinned .logo img{ height:40px;} .head-pinned .topbar{ display:none;} .head-pinned .main-menu{ line-height:50px;} .head-pinned .navi li ul{ top:50px;} .head-pinned .navi li ul li ul{ top:0;} .head-pinned .btn-so{ height:50px; background-position:center -67px;} .head-pinned .btn-so-hov{ background-position:center -147px;} .head-pinned .navi li .ul-div{ top:50px;} /* MainMenu */ .main-menu{ float:right; margin:50px auto 0 auto; font-size:15px; color:#333; position:relative; } #mobile-nav{ display:none;} .navi{ position:relative; z-index:9999; margin-right:0px;} .navi li{ float:left; padding:0 0px; text-transform:uppercase; white-space:nowrap; position:relative; font-size:20px;} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 0px; color:#fff; display:block; margin:0 12px; } .navi li a:hover{ color:#fff; display:block; text-decoration:none} .navi li.current-menu-item>a:link, .navi li.current-menu-item>a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a, .navi li:hover a{ color:#FFF; display:block; border-bottom:1px solid #fff;} .white li a, .white li a:link, .white li a:visited{ color:#333; } .white li a:hover{ color:#333; display:block; text-decoration:none} .white li.current-menu-item>a:link, .white li.current-menu-item>a:visited, .white li.current-post-parent a, .white li.current-post-ancestor a, .white li.current-menu-parent a, .white li.current-category-ancestor a,.white li:hover a{ color:#333; display:block; border-bottom:1px solid #333;} .navi li ul{ position:absolute; top:18px; left:18px; z-index:9999; padding:10px 0 0 0; width:220px; display:none;} .navi li ul li{ float:none; padding:0; line-height:22px; font-size:12px;text-transform:capitalize; background:#736a6a; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } .navi li ul li.first { height:12px; background:#736a6a; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } .navi li ul li a:link, .navi li ul li a:visited{ padding:0 18px; height:22px; color:#fff; border:none; margin:0} .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:#fff; background:none;} .navi li ul li.menu-item-has-children a{ padding:0 0px; height:38px; color:#666; } .navi li ul li a:hover, .navi li.current-menu-item ul li a:hover, .navi li.current-post-ancestor ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-category-ancestor ul li a:hover, .navi li:hover ul li a:hover{ color:#fff; display:block;background:#006895; -webkit-border-radius: 0px; -moz-border-radius: 0px; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; border-radius: 0px;} .navi li.current-post-parent ul li.current-menu-item a, .navi li.current-post-ancestor ul li.current-menu-item a, .navi li.current-menu-parent ul li.current-menu-item a, .navi li.current-category-ancestor ul li.current-menu-item a, .navi li:hover ul li.current-menu-item a{color:#333; display:block;} .navi li.current-menu-item ul li a{ background:none;} .navi li.current-menu-item ul li a span{ background:none;} .navi li:hover ul li a{ background:none;} .navi li:hover ul li.menu-item-has-children a{} .navi li ul li ul{ top:-3px; left:198px; padding:0; background:none;} .navi li ul li.menu-item-has-children:hover a{ color:#436BB8; } .navi li ul li.menu-item-has-children:hover ul li a{ color:#333; background:#FFF;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#436BB8;} .navi li:hover ul li.menu-item-has-children ul li a{ background:none;} .btn-so{ float:right; width:40px; height:90px; background:url(icon-menu.png) no-repeat center -91px; display:inline-block; cursor:pointer; position:relative;} .btn-so-hov{ background:url(icon-menu.png) no-repeat center -128px;} #search-box{ width:400px; display:none; position:absolute; right:0; top:85px; z-index:100;} #search-box #searchform{ padding:10px;} #search-box #searchform #ls{ padding:10px 3%; width:80%; border:1px solid #DDD; border-right:none; color:#666;} #search-box #searchform #searchsubmit{ padding:11px 0; width:14%; text-indent:-9999px; border:none; background:#006895 url(../images/search.png) no-repeat center -32px; cursor:pointer; position:absolute; right:60px; top:10px;} #search-box #searchform #searchsubmit:hover{ background-color:#2D84A8;} /*lang*/ /* 样式化下拉按钮 */ .dropbtn { color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropbtn:after { height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #006895; -webkit-transform: origin(50% 20%); -ms-transform: origin(50% 20%); transform: origin(50% 20%); -webkit-transition: all 0.125s ease-in-out; transition: all 0.125s ease-in-out; content: ''; display: block; margin-top: -2px; pointer-events: none; position: absolute; right: 0px; top: 50%; } .dropbtn.open:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .dropbtn.close:after { -webkit-transform: origin(50% 20%); -ms-transform: origin(50% 20%); transform: : origin(50% 20%); } /* 容器
- 需要定位下拉内容 */ .lang { float:right; margin:50px auto 0 auto; position:relative; } /* 下拉内容（默认隐藏） */ .dropdown-content { display:none; position:absolute; min-width:160px; z-index:1; } /* 下拉框内的链接 */ .dropdown-content a { color:black; padding:8px 16px 0 16px; text-decoration:none; display:block; } /* 悬停时更改下拉链接的颜色 */ .dropdown-content a:hover {} /* 悬停时显示下拉菜单 */ .lang:hover .dropdown-content { display: block; } /* 显示下拉内容时更改下拉按钮的背景颜色 */ .bigclass_info{ font-size:14pt; line-height:1.5em; padding:50px 0;} .bigclass_info p{width:60%; text-align:left; margin: 0} /* Slideshow */ .slideshow-swiper-container{ margin-bottom:25px; width:100%; overflow:hidden; position:relative; clear:both; -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.15); box-shadow:0 0 15px rgba(0, 0, 0, 0.15);} .slideshow-swiper-container .swiper-slide{ height:500px; background-position:50% 50%; background-size:cover;} .slideshow-swiper-container .inner{ width:100%; height:100%; line-height:1.5;} .slideshow-swiper-container img{ width:100%; position:absolute; top:0;} .slideshow-swiper-container .slide-text{ line-height:1.2; position:relative; z-index:10;} .slideshow-swiper-container h4{ margin:150px auto 10px; font-size:48px; text-align:center; color:#222; word-spacing:15px;} .slideshow-swiper-container p{ margin-bottom:25px; width:50%; font-size:18px; text-align:center; color:#444; animation-delay:300ms; -webkit-animation-delay:300ms;} .slideshow-swiper-container a, .slideshow-swiper-container a:hover{ width:100%; height:100%; text-decoration:none; display:block; animation-delay:500ms; -webkit-animation-delay:500ms;} .slideshow-swiper-container .swiper-wrapper a{ width:100%; height:100%; display:block;} .slideshow-swiper-container .swiper-button-next, .slideshow-swiper-container .swiper-button-prev{ top:0; margin-top:0; width:60px; height:100%; background:none;} .slideshow-swiper-container .swiper-button-prev{ left:-80px;} .slideshow-swiper-container .swiper-button-next{ right:-80px;} .slideshow-swiper-container .swiper-button-next span, .slideshow-swiper-container .swiper-button-prev span{ width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center center;} .slideshow-swiper-container .swiper-button-prev span{ background-image:url(images/arrow-lt.png);} .slideshow-swiper-container .swiper-button-next span{ background-image:url(images/arrow-rt.png);} .slideshow-swiper-container .swiper-pagination-bullet{ width:40px; height:4px; line-height:4px; background:#fff; opacity:1; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .slideshow-swiper-container .swiper-pagination-bullet-active{ background:#ff6600;} .slideshow-swiper-container .swiper-pagination-bullets, .slideshow-swiper-container>.swiper-pagination-bullets{ bottom:20px;} /* Content */ .content{ overflow:hidden;} .fullwidth{ margin:0 auto; width:100%;} /* HomePage */ .row-fluid{ margin:0px 0 0 0; overflow:hidden; background:#FFF;} .row-fluid img{ width:100%;} .row-fluid h2{ padding:8px 0 20px 0; font-size:18px; border-top:1px solid #E4E4E4; color:#111;} .row-fluid h2 a:link, .row-fluid h2 a:visited{ color:#111;} .row-fluid h2 a:hover{ color:#436BB8; text-decoration:none;} .row-fluid h2 span a{ float:right; *margin-top:-45px; width:36px; height:30px; text-indent:-9999px; background:url(../images/icon.gif) no-repeat 0 -104px; display:block;} .row-2c-lt{ float:left; width:50%; overflow:hidden;} .row-2c-rt{ float:right; width:50%; overflow:hidden;} .col-rt ul li{ margin-bottom:5px; padding-left:14px; height:24px; background:url(../images/icon.gif) no-repeat 0 11px; overflow:hidden;} .index_about_text{ text-align:center; font-size:80px; font-weight:bold; padding-bottom:60px;} .index_about_text a{color:#006895;} @media screen and (max-width: 1920px) { .index_about_text{font-size:50px;} } .index_about_text:hover{background: linear-gradient(to right, #006A9F, #3C886F); color:#FFF; cursor:pointer} .index_about_text:hover a{ color:#FFF} .index_about_text p.fisrt{ margin-top:80px; } .index_about_text p.second{ -bottom:80px; font-size:56px} .index_showrooms{ margin:5px 0 0 0; overflow:hidden;} .index_showrooms img{ width:100%;} .index_banner_text{ margin:510px auto 0 auto;position:relative; height:485px; background:url(../images/banner_text_bg.png) no-repeat } @media screen and (max-width: 1920px) { .index_banner_text{ margin-top:600px;height:362px; background:url(../images/banner_text_bg_1920.png) no-repeat } } @media screen and (max-width: 1680px) { .index_banner_text{ margin-top:500px;height:315px; background:url(../images/banner_text_bg_1680.png) no-repeat} } @media screen and (max-width: 1440px) { .index_banner_text{ margin-top:420px;height:268px; background:url(../images/banner_text_bg_1440.png) no-repeat} } @media screen and (max-width: 1024px) { .index_banner_text{ display:none} } .index_banner_text_1{ font-size:150px; text-transform:uppercase; color:#FFF; font-weight:bold} .index_banner_text_2{ font-size:40px; text-transform:uppercase; color:#FFF;} .index_banner_text_3{ background:#cd3a2c; width:150px; height:5px; margin:20px auto } .index_banner_text_4{ background:#cd3a2c; width:106px; height:31px; line-height:31px; margin:40px auto; } .index_banner_text_4 a{ color:#FFF; display:block} .index_banner_text_4 a:hover{text-decoration:none} .index_banner_text_4:hover{ background:#F65E4F;} .scope_of_work_text{ margin:60px auto 0 auto;position:relative; text-align:center; padding-bottom:60px; } .scope_of_work_text h1{ color:#FFF; font-size:50px; text-transform:uppercase; padding-top:100px; font-weight:bold;margin-bottom:15px;} .categories{ margin:0 auto;position:relative; text-align:center; padding-bottom:50px; background:#FFF} .categories h1{ color:#b13d31; font-size:50px; text-transform:uppercase; padding-top:50px; font-weight:bold; margin-bottom:10px;} .categories p{ margin-bottom:50px;} .categories .piclist h2{font-size:30px;text-transform:uppercase; font-weight:bold; padding-top:50px; padding-bottom:25px; color:#6f6d70;margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; } .reference_text{ margin:10px auto 0 auto; text-align:center;} .reference_text h1{ color:#b13d31; font-size:50px; text-transform:uppercase; font-weight:bold;} .reference_text div{ float:left;} .reference_text .picTitle{ color:#6A6A6A; font-size:40px; text-transform:uppercase; font-weight:bold; margin:45px 0;} #next_button{ float:right} .reference_text .chevron-left{ background:url(../images/button_left.png) no-repeat 50% 45% #CD392B; width:35px; height:200px; display:block; } .reference_text .chevron-right{ background:url(../images/button_right.png) no-repeat 50% 45% #CD392B; width:35px; height:200px; display:block;} #picarea{ width:92%; height:200px;} #picarea ul li{float:left; margin-bottom:25px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:31.5%; height:auto; text-align:center; overflow:hidden;} #picarea ul li img{transition: all 1.5s; max-width:400px; max-height:198px;} #picarea ul li img:hover{transform: scale(1.1); } #viewmore { width:150px; height:30px;line-height:30px; text-align:center; margin:25px auto 3px auto;} #viewmore a{ display:block; border:#fe0002 1px solid; font-size:16px; text-transform:uppercase;color:#fe0002;padding-left:1.83%; *padding-left:1.80%; _padding-left:0.935%; } #viewmore a:hover{text-decoration:none;background:#fe0002; color:#fff;padding-left:1.83%; *padding-left:1.80%; _padding-left:0.935%;} .workexperts{ background: url(../images/light.png) no-repeat #E6F3FC 5% 50%;border-radius: 5px ; height:78px; width:70%; position:relative; margin-top:70px} .workexperts .workexperts_text{ margin:0 0 0 15%;position: absolute; top:23% ; font-size:18px;font-weight:bold} .workexperts .workexperts_text span{ display:block; font-size:14px; margin-top:3px } .workexperts p{ float:left; text-align:left;} .workexperts .workexperts_btn a{ display:block; font-size:14px; color:#fff; font-weight:bold;background:#b13d31; color:#FFF; height:30px;line-height:30px; padding:3px 10px;position: absolute; top:26%; right:7%;border-radius: 2px ;} .workexperts .workexperts_btn a:hover{text-decoration:none;background:#fe0002;} .clients_text{ margin:10px auto 0 auto;position:relative; text-align:center; padding-bottom:50px;} .clients_text h1{ color:#b13d31; font-size:50px; text-transform:uppercase; padding-top:100px; font-weight:bold; margin-bottom:15px;} /* CatPicScroll */ .pic-swiper-container{ position:relative;} .pic-swiper-container .swiper-wrapper .swiper-slide{ float:left; margin-bottom:30px; width:23%; height:auto; text-align:center; overflow:hidden;} .pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb{ position:relative;} .pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb img{ width:100%; height:auto;} .pic-swiper-container .swiper-wrapper .swiper-slide .mediaholder{/* border:1px solid #f6f6f6; border-bottom:none;*/ -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .pic-swiper-container .swiper-wrapper .swiper-slide .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;} .pic-swiper-container .swiper-wrapper .swiper-slide:hover .folio-thumb .opacity-pic{ -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .pic-swiper-container .swiper-wrapper .swiper-slide h3{ padding:10px; color:#222; background:#f8f8f8; font-size:14px; font-weight:normal; text-align:left; overflow:hidden; position:relative; z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .pic-swiper-container .swiper-wrapper .swiper-slide h3 a{ height:40px; line-height:20px; display:block; color:#222; text-decoration:none;} .pic-swiper-container .swiper-wrapper .swiper-slide:hover h3{ background:#4aa369;} .pic-swiper-container .swiper-wrapper .swiper-slide:hover h3 a{ color:#fff;} .pic-swiper-container .swiper-wrapper .swiper-slide:hover .mediaholder{ border-color:#ccc;} .pic-swiper-container .pic-swiper-button-next, .pic-swiper-container .pic-swiper-button-prev{ position:absolute; top:27%; z-index:999; margin-top:0; width:40px; height:68px; cursor:pointer;} .pic-swiper-container .pic-swiper-button-prev{ left:-50px; background:rgba(0,0,0,0.5) url(images/arrow-lt.png) no-repeat center center; -moz-background-size:60% 60%; -webkit-background-size:60% 60%; -o-background-size:60% 60%; background-size:60% 60%;} .pic-swiper-container .pic-swiper-button-next{ right:-50px; background:rgba(0,0,0,0.5) url(images/arrow-rt.png) no-repeat center center; -moz-background-size:60% 60%; -webkit-background-size:60% 60%; -o-background-size:60% 60%; background-size:60% 60%;} .pic-swiper-container .swiper-pagination-bullet{ width:24px; height:4px; line-height:4px; background:#fff; opacity:1; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .pic-swiper-container .swiper-pagination-bullet-active{ background:#ff6600;} .pic-swiper-container .swiper-pagination-bullets, .pic-swiper-container>.swiper-pagination-bullets{ bottom:20px;} .pic-swiper-wrapper-horizontal{ overflow:hidden;} /* Clients */ .row-gallary-slider{ position:relative;} .row-gallary-slider .inner{ text-align:center;} .client-swiper-container{ margin-top:35px;} .client-swiper-container .swiper-slide{ text-align:center;} .client-swiper-container .swiper-slide img{ max-width:100%; height:auto; box-sizing:border-box; border:1px solid #f8f8f8;} .client-swiper-container .carousel-swiper-button-prev, .client-swiper-container .carousel-swiper-button-next{ position:absolute; top:0; z-index:10; width:32px; height:32px; background:url(images/arrow-carousel.png) no-repeat; cursor:pointer; opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; filter:alpha(opacity=40); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .client-swiper-container .carousel-swiper-button-prev:hover, .client-swiper-container .carousel-swiper-button-next:hover{ background-color:#eee; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);} .client-swiper-container .carousel-swiper-button-prev{ right:35px; background-position:center 7px;} .client-swiper-container .carousel-swiper-button-next{ right:0; background-position:center -43px;} .inquery-now{ margin-top:25px;} /* Breadcrumb */ .breadcrumb{ margin-bottom:0px; width:100%; height:50px; line-height:50px; color:#8c8a8b; clear:both; overflow:hidden; position:relative; font-size:12px;} .breadcrumb a{color:#8c8a8b;} .breadcrumb a:hover{ color:#ce3a2c; text-decoration:none} .breadcrumb_white { margin-top:150px;font-size:12px} .breadcrumb_white a{ color:#FFF; } .breadcrumb h2{ float:left; color:#fff; font-size:28px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .breadcrumb h2 span{ color:#fff;} .crumb-box{ float:right; padding-left:20px; background:url(images/icon-hp.png) no-repeat 0 49%;} .crumb-box i{ padding:0 8px 0 5px; font-style:normal;} .cur-title{ margin-bottom:25px; padding:0 0 10px 20px; font-size:15px; font-weight:normal; border-bottom:1px solid #e6e6e6; color:#fff; background:url(images/icon.gif) no-repeat 0 -220px; overflow:hidden;} .cur-title a{ color:#fff; text-decoration:none;} .cur-title span{ padding-left:4px; color:#fff; opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; filter:alpha(opacity=30);} /* Archive - Postlist */ .postlist{ padding:0; overflow:hidden;} .postlist li{ margin:0 auto; padding:0 10px 0 25px; height:46px; line-height:46px; border-bottom:1px solid #eee; background:url(images/icon.gif) no-repeat 10px 20px; overflow:hidden;} .postlist li.nb{ border:none;} .postlist li a{ float:left; width:85%; font-size:14px; -webkit-transition:text-indent .4s ease; -moz-transition:text-indent .4s ease; -ms-transition:text-indent .4s ease; -o-transition:text-indent .4s ease; transition:text-indent .4s ease;} .postlist li span{ float:right; text-align:right; color:#bbb;} .postlist li:hover{ background-color:#fbfbfb;} .postlist li:hover a{ text-indent:8px;} /* Archive - PicList */ .cat-desc{ margin-bottom:30px; padding:15px; color:#888; background:#f9f9f9;} .piclist{ margin-left:-1.83%; overflow:hidden;padding-bottom:50px;} .piclist li{ float:left; margin-bottom:25px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:22.5%; height:auto; text-align:center; overflow:hidden; border-bottom:1px solid #ddd} .piclist li h3{ margin-top:15px 0; font-size:30px; font-weight:700} .piclist li h4{ margin:8px 0 20px 0} .piclist li:hover{background:url(../images/product_list_bg1.jpg) bottom no-repeat} .piclist-col5{ margin-left:-2%;} .piclist-col5 li{ margin-left:2%; _margin-left:1%; width:17.96%; } .piclist-col5 ul li .list{ height:150px;} .piclist-col5 li h3{ height:60px;} .piclist-col5 li.height_boder{height:150px; line-height:150px; background:#FFF; overflow:hidden; margin-bottom:54px; border:1px solid #CCC;} .piclist-col4{ margin-left:-1.83%; margin-bottom:100px;} .piclist-col4 li{ margin-left:1.83%; _margin-left:1%; width:22.5%; max-height:140px; line-height:150px; background:#FFF; overflow:hidden; margin-bottom:54px; border-right:1px solid #CCC;} .piclist-col4 li.noboder{ border:none} .piclist-col4_download{ margin-left:-1.83%; margin-bottom:100px;} .piclist-col4_download li{ margin-left:1.83%; _margin-left:1%; width:22.5%; background:#FFF; overflow:hidden; margin-bottom:54px; border-right:1px solid #CCC;} .piclist-col4_download li.noboder{ border:none} .piclist-col2{ margin-left:-1.83%; overflow:hidden;} .piclist-col2 li{ float:left; margin-bottom:25px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:48%; height:auto; text-align:center; overflow:hidden;} .piclist-col3 li{overflow:hidden; margin-top:60px;} .piclist-col3 li{ float:left; margin-bottom:25px; width:32%; height:auto; text-align:center; overflow:hidden; padding-right:1%} .about_chooseus_prenext{ font-size:30px; font-weight:700;padding-left:100px; color:#4D4D4D} .about_chooseus_prenext span{ color:#006895} .prenext p{ float:right} .padding_bottom200{padding-bottom:200px;} @media only screen and (max-width:1024px){ .about_chooseus_prenext{ font-size:12pt; font-weight:0;padding-left:0} .padding_bottom200{ padding-bottom:0} } .piclist-col4_home li{ margin-left:-1.83%; overflow:hidden;} .piclist-col4_home li{ float:left; margin-bottom:25px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:22.5%; height:auto; text-align:center; overflow:hidden;} .piclist-col4_home li img{transition: all 1.5s; max-width:296px; max-height:198px;} .piclist-col4_home li img:hover{transform: scale(1.1); background:#CCC} .piclist-col4_home li span{ padding:5px 0; color:#000; font-size:18px; font-weight:bold; text-align:left; overflow:hidden; text-transform:uppercase; line-height:2em; display:block; height:25px;} #picture{ height:200px;} /* service_main */ .service_main{ margin:50px 0; border-bottom:1px solid #ccc; padding:50px 0 } .service_main .service_left{ float:left;width:65%;} .service_main .service_right{ float:left;} .service_main .service_right img{ max-width:100%;} .service_main h2{ font-size:30px; color:#cd3a2c; display:inline-block; vertical-align:bottom; padding:0 0 0 10px;} .service_main p{ margin:15px 0; line-height:2em;} .service_main .service_left.floatright{ float:right} .service_main .service_left2 { float:left;} .service_main .service_right2{ float:right;width:65%;} /* Archive - ClientsList */ .clientslist{ margin-left:-1.83%; overflow:hidden;} .clientslist li{ float:left; margin-bottom:35px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; height:auto; text-align:center; overflow:hidden;} .clientslist li .mediaholder{/* border:1px solid #f6f6f6; border-bottom:none;*/ -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .clientslist li .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;} .clientslist li:hover .folio-thumb .opacity-pic{ -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .piclist-col6{ margin-left:-1.83%; margin-bottom:100px;} .piclist-col6 li{ margin-left:1.83%; _margin-left:1%; width:14.6%; height:116px; line-height:116px; background:#FFF; border:1px solid #acacac;overflow:hidden; box-shadow: 3px 3px 6px #999; margin-bottom:54px; } .piclist-col6 li img{ max-width:157px; max-height:118px;} /*downloadlist*/ .downloadlist{ margin-left:-1.83%; overflow:hidden;} .downloadlist li{ float:left; margin-bottom:25px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; height:auto; text-align:center; overflow:hidden;} .downloadlist li .mediaholder{/* border:1px solid #f6f6f6; border-bottom:none;*/ -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .downloadlist li .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;} .downloadlist li:hover .folio-thumb .opacity-pic{ -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .downloadlist li img {box-shadow: 10px 15px 10px #ddd; } .downloadlist li { margin-bottom:55px;} .download_list_content img{ text-align:center;transition: all 1.5s;} .download_list_content img:hover{transform: scale(1.1);} .download_list_content span{ margin:25px 0; height:40px; line-height:40px; display:block; font-size:17px; color:#575757} .download_list_content p.download_button{ width:169px; height:32px; line-height:32px; border-radius:16px; border:1px solid #CE3B2B; color:#CE3B2B; display:block} .download_list_content p.download_button:hover{ background:#F65E4F; color:#FFF} .download_list_content p.line{border-bottom:1px solid #CE3B2B; width:75%; padding-top:15px;} /* Archive - ExcerptPiclist */ .picexlist{ padding:0; overflow:hidden;} .picexlist li{ margin:0 auto 35px; padding:0 0 30px; border-bottom:1px solid #f4f4f4; color:#666; overflow:hidden;} .picexlist li .post-thumb{ float:left; padding-right:15px; 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{ color:#777;} .picexlist li:last-child, .picexlist li.nb{ margin:0 auto; border:none;} .picexlist p.read-more{ margin-top:10px; text-align:right;} .picexlist p.read-more a{ padding-left:12px; color:#222; background:url(images/arrow-sub.gif) no-repeat 2px center; text-decoration:underline;} .picexlist p.read-more a:hover{ color:#ff6600;} /* Archive - Bloglist */ .bloglist{ margin-left:-3.33%; padding:0; overflow:hidden;} .bloglist li{ float:left; margin:0 0 30px 3.33%; _margin:0 0 25px 1.51%; width:30%; color:#666; overflow:hidden; position:relative;} .bloglist li .folio-thumb{ padding:4px; height:540px; border:1px solid #ddd; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .bloglist li .folio-thumb:hover{ border:1px solid #ffb17d; background:#fff9f4;} .bloglist li .folio-thumb img{ display:block;} .bloglist li h3{ margin:10px auto 8px; padding:0 3px 8px; font-size:14px; line-height:20px; border-bottom:1px solid #eee;} .bloglist li h3 a:hover, .bloglist li:hover h3 a{ color:#ef5c32;} .post-meta{ padding-bottom:8px; color:#999; border-bottom:1px solid #eee; overflow:hidden;} .post-meta a:link, .post-meta a:visited{ color:#999;} .post-meta a:hover{ color:#666;} .post-meta span{ padding:2px 10px 2px 20px; background:url(images/icon-blog.png) no-repeat 5px 6px;} .post-meta span.date{ background-position:0 -86px;} .post-meta span.comments{ background-position:0 -120px;} .post-meta span.author{ background-position:0 -154px;} .post-meta span.cat{ background-position:0 -187px;} .bloglist li .postexcerpt{ padding:15px 5px; line-height:20px; overflow:hidden;} .bloglist li .postexcerpt .post-excerpt{ max-height:120px; *height:120px; overflow:hidden;} .bloglist li .postexcerpt .read-more{ padding:8px 0 0; font-weight:700; display:inline-block;} .bloglist li .tag{ position:absolute; bottom:0; left:0; width:100%;} .bloglist li .tag .taglist{ margin:1px; padding:8px 5px 8px 10px; text-indent:20px; border:1px solid #fff; background:#f9f9f9 url(images/icon-blog.png) no-repeat 10px -214px; overflow:hidden;} .bloglist li .tag .taglist a{ text-indent:0;} .bloglist li h2.title{ margin-bottom:5px; font-weight:700;} .bloglist li .blog-meta{ margin:0 0 15px -8px; color:#ddd;} .bloglist li .blog-meta span{ padding:0 8px; color:#999;} .blog-meta a:link, .blog-meta a:visited{ color:#999;} .blog-meta a:hover{ color:#666;} .bloglist p.read-more{ margin-top:10px; text-align:right;} .bloglist p.read-more a{ color:#005BB5; text-decoration:underline;} .bloglist p.read-more a:hover{ color:#444;} /* Post */ .post{ overflow:hidden;} .post .post-title{ margin-bottom:8px; padding-bottom:8px; line-height:40px; font-size:28px; font-weight:500; border-bottom:2px solid #f4f4f4;} .post .post-meta{ margin-bottom:25px; border:none;} .post .post-meta span{ padding:2px 20px 2px 20px;} .entry{ font-size:14px; line-height:28px; color:#222;} .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin-bottom:20px; padding:0; font-weight:700; border:none; background:none;} .entry p{ margin-bottom:12px;} .entry a:link, .entry a:visited{ color:#ff6600;} .entry a:hover{ color:#ef5c32;} .entry img{ margin-bottom:10px; max-width:100%; height:auto;} .entry hr{ margin:40px auto; height:1px; line-height:1px; background:#eee; font-size:1px;} .entry .left{ float:left; width:45%;} .entry .right{ float:right; width:45%;} .entry ol, .entry ul{ margin:10px 30px;} .entry ol li{ list-style:decimal;} .entry ul li{ list-style:disc;} .entry input,.entry textarea,.entry select{ padding:6px; border:1px solid #ccc; font-size:100%; vertical-align: middle;} .entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active{ border:1px solid #999;} .entry table{ margin-bottom:15px; max-width:99.5%; color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;} .entry th{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f4f4f4;} .entry td{ padding:3px 10px; border-right:1px solid #ddd; border-top:1px solid #ddd; word-wrap:break-word;} .entry input, .entry textarea, .entry select{ padding:5px 12px; line-height:28px; border:1px solid #ddd;} .entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active,.entry textarea :hover, .entry itextarea :focus, .entry textarea :active,, .entry select:hover{ border:1px solid #ef5c32;} .alignleft{ float:left; padding-right:30px;} .alignright{ float:right; padding-left:30px;} .alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;} .aligncenter{ text-align:center; display:block;} .wp-caption{margin:10px auto; padding:6px; background:#F6F6F6;border:1px solid #e4e4e4; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .wp-caption img{ max-width:660px;} .wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666;} .post-meta-bottom{ margin:35px auto 15px; padding-bottom:10px; height:24px; color:#999; border-bottom:1px solid #f4f4f4;} .post-meta-bottom .tags{ float:left; max-width:65%; text-indent:18px; background:url(images/icon-blog.png) no-repeat 0 -222px; overflow:hidden;} .post-meta-bottom .tags a{ padding-left:5px; color:#999;} .post-meta-bottom .tags a:hover{ color:#ff6600;} .post-meta-bottom .share{ float:right;} .post-meta-bottom .share #sharebtn{ float:right; padding-right:10px;} .post-meta-bottom .share #bdshare, .post-meta-bottom .share .addthis_sharing_toolbox{ float:right;} /* Post - Product */ .products_menu_area{ background:#978787; height:50px; margin-bottom:25px;} .products_menu{ background:#FFF; width:100%; overflow:hidden;} .products_menu ul { padding:0 0 0 6px; margin:0;} .products_menu ul li a{ float:left; display:block; width:10.68%; height:50px; margin: 0 5px 0 0 ; text-decoration:none; color:#FFF; line-height:50px; overflow:hidden; text-align:center} /**/ .zoom img{transition: all 1.5s;} .zoom img:hover{transform: scale(1.05); } @media screen and (max-width: 1366px) { .products_menu ul li a{ float:left; display:block; width:10.55%; height:50px; margin: 0 5px 0 0 ; text-decoration:none; color:#FFF; line-height:50px; overflow:hidden;} } @media screen and (max-width: 1024px) { .products_menu_area{ display:none} } .products_menu ul li a.bg1{ background:#978787;} .products_menu ul li a.bg2{ background:#B95D60;} .products_menu ul li a.bg3{ background:#CC9E7C;} .products_menu ul li a.bg4{ background:#CFAB7B;} .products_menu ul li a.bg5{ background:#FFD66D;} .products_menu ul li a.bg6{ background:#B8B8B8;} .products_menu ul li a.bg7{ background:#CFAB7B;} .products_menu ul li a.bg8{ background:#CE9D7C;} .products_menu ul li a.bg9{ background:#B95D60;} .products_menu ul li a:hover{ background:#ECECEC; color:#A02327} .products_main{} .products_main h1{text-transform:uppercase;padding:0px; font-size:20px;} .products_h1_color{ color:#cd3a2c;} .products_text{ color:#666; text-align:left; padding-top:10px; padding-bottom:30px; font-size:13px} .products_list ul li h2{ text-align:left; font-size:17px; font-weight:700; padding-top:10px; text-transform:uppercase} .products_list ul li h3{ font-size:35px; font-weight:700; text-transform: capitalize;text-align:left; color:#666; padding:0; margin:0; line-height:1.2em;} .products_list ul li{ margin-bottom:40px;} .products_list ul li img{transition: all 1.5s;} .products_list ul li img:hover{transform: scale(1.1); } .products_list ul li p{ height:60px; overflow:hidden; text-align:left; padding-left:1px;} .products_list ul li p a{ color:#6F6F6F;text-decoration:none; height:20px; line-height:20px;} .products_list ul li p a:hover{ text-decoration:underline} .products_list ul li span a{ display:block; float:right; margin-right:1px; vertical-align:bottom; background:#cd3a2c; width:156px; height:38px; line-height:38px; border-radius:4px; color:#FFF; text-transform:uppercase; text-decoration:none; margin-top:25px;} .products_list ul li span a:hover{ background:#ff9999} .allsmalclass a{ display:block; float:left; margin-right:10px; text-decoration:underline; line-height:1.5em; font-size:12px;} .productshow_left{ float:left; width:45%;} .productshow_right{ float:right; width:45%; margin-top:80px;} .productshow_right h2{ font-size:25px; font-weight:bold; color:#343434; margin-bottom:15px;} .add_to_cart_big{ color:#CC3A2B; width:110px; padding:5px; border:1px solid #CC3A2B; background:#FFF; text-transform:uppercase; margin:20px 0} .add_to_cart_big:hover{ text-decoration:none; background:#F65E4F; color:#FFF} .share_sns a{ text-decoration:none;} .share_sns .youtube{ margin-top:20px;background:url(../images/youtube_gray.png) no-repeat center left; width:31px; height:18px; display:inline-block;padding-right:10px; } .share_sns .facebook{background:url(../images/facebook_gray.png) no-repeat; width:17px; height:18px; display:inline-block;padding-right:10px; } .share_sns .twitter{background:url(../images/twitter_gray.png) no-repeat; width:22px; height:18px; display:inline-block;padding-right:10px; } .share_sns .linkedin{ background:url(../images/linkedin_gray.png) no-repeat; width:62px; height:18px; display:inline-block; padding-right:10px; } .same_series_products { padding:40px 0px; margin-top:40px; } .productshow_slide_product{ float:left; padding-right:0px; width:201px; height:250px; background:#CCC} .productshow_slide_product.last{padding-right:0px;} .productshow_slide_product span a{ font-weight:bold; color:#000; text-decoration:none; display:block; padding:5px 0} .back_to_page a{border:1px solid #CFCFCF; background:#F1F1F1; height:25px; line-height:25px;text-align:center; margin-top:22px; margin-bottom:40px; margin-left:18px; color:#5F5F5F; display:block; text-decoration:none; float:left;padding:0 20px; font-size:13px;} .prev_product{ float:right;border:1px solid #CFCFCF; background:#F1F1F1;height:25px; line-height:25px;text-align:center;margin-top:22px; margin-bottom:40px; display:block; padding:0 20px;} .prev_product a, .next_product a{color:#5F5F5F;text-decoration:none;font-size:13px;} .next_product{ float:right;border:1px solid #CFCFCF; background:#F1F1F1;height:25px; line-height:25px;text-align:center;margin-top:22px; margin-bottom:40px; display:block; margin-left:18px;margin-right:18px;padding:0 20px;} .container-product{ padding:0; width:100%;} .product-header{ padding:0;} .product .post-title{ margin-bottom:30px; padding-bottom:10px; font-size:28px; font-weight:700; line-height:38px; border-bottom:1px solid #dbdbdb; text-align:left; clear:both;} .product .productMeta{ overflow:hidden;} .product .product-meta-box{ margin-left:400px; overflow:hidden;} .product .metaList{ float:left; margin:0 0 0 30px !important;} .product .metaList li{ padding:7px 0 8px 0; border-bottom:1px solid #eee; overflow:hidden;} .product .metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;} .product .metaList li.inquiry{ padding:15px 0 5px;} .product .left{ float:left; width:45%;} .product .right{ float:right; width:45%;} .preview{ float:left; margin-right:-400px; width:400px;} .preview #wrap{ padding:0;} .preview #wrap img{ margin-bottom:0; width:386px; height:290px; background:#fff;} .post ul.thumblist{ float:left; margin:15px 0 0; width:100%; overflow:hidden; display:block;} .post ul.thumblist li{ float:left; margin:0; width:25%; text-align:center; overflow:hidden;} .post ul.thumblist li .thumb-wrap{ float:left; padding:1px; width:82px; border:1px solid #e6e6e6; background:#fff; overflow:hidden;} .post ul.thumblist li.nomargin{ margin:0 0 0 9px;} .post ul.thumblist li em{ width:100%; height:6px; font-size:0; overflow:hidden; display:none;} .post ul.thumblist li img{ margin-bottom:0; padding:1px; width:80px; height:60px; cursor:pointer; vertical-align:middle;} .post ul.thumblist li .imWrap{ float:left; width:82px; height:62px; 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:450px !important; height:386px !important; border:1px solid #e6e6e6; overflow:hidden;} .cloud-zoom-loading{ padding:3px; border:1px solid #ccc; color:#fff; background:#222;} .product-name{ margin-bottom:20px; font-size:28px; line-height:36px; color:#ee5225;} .product-summary{ margin-bottom:20px; font-size:13px; color:#222;} .product-meta{ margin:-5px 0 20px; font-size:12px; color:#222; overflow:hidden;} .product-meta p, .product-meta li{ margin-bottom:0; line-height:30px; white-space:nowrap;} .product-meta strong, .product-meta b{ width:170px; color:#666; font-weight:normal; display:inline-block;} .product-inquiry{ overflow:hidden; clear:both;} .product-inquiry a{ float:left; margin-bottom:10px; padding:8px 20px; line-height:26px; font-size:20px; color:#fff; background:#ff6600; display:inline-block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} .product-inquiry a:hover{ color:#fff; background-color:#ef5c32; text-decoration:none;} .product-inquiry a i{ float:left; margin-right:8px; width:24px; height:24px; background:url(images/btn-inquiry.png) no-repeat center center;} .product-inquiry a.chat{ margin-left:10px; line-height:24px; font-size:16px; color:#ff6600; border:1px solid #ff6600; background-color:#fff0e5;} .product-inquiry a.chat i{ background:url(images/btn-chat.png) no-repeat center 2px;} .product-inquiry a.chat:hover{ color:#fff; background-color:#ff6600;} .product-inquiry a.chat:hover i{ background-position:center -38px;} .product-inquiry p{ float:left; margin:6px 0 0 15px; line-height:20px; color:#999;} .product-tips{ margin-top:30px; padding:20px 25px; border:1px solid #e9ebed; background-color:#f5f7f8; clear:both; position:relative;} .product-tips i{ width:14px; height:8px; line-height:8px; font-size:8px; background:url(images/icon-arrow.png) no-repeat center 0; display:inline-block; position:absolute; top:-8px; left:45px; z-index:99;} .product-tips h4{ margin-bottom:10px; font-size:14px; font-weight:bold; color:#666;} .product-tips ul li{ margin-bottom:4px; padding-left:16px; color:#777; background:url(images/icon.gif) no-repeat 0 -313px;} .tab-head{ margin-top:65px; height:39px; border-bottom:1px solid #e4e4e4;} .tab-head .inner{ overflow:visible; position:relative;} .tab-head li{ float:left; margin-right:5px; padding:0 25px; line-height:36px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#222; display:block; cursor:pointer;} .tab-head li.current{ margin-top:-3px; line-height:42px; font-weight:bold; border:1px solid #e4e4e4; border-top:1px solid #ff6600; border-bottom:none; color:#ff6600; 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:#ff6600;} .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 #ff6600; border-bottom:none; color:#ff6600; background:#fff;} .Xtranslate{ -wekit-transform:translate3d(90px,0,0); -moz-transform:translate3d(90px,0,0); -o-transform:translate3d(90px,0,0); -ms-transform:translate3d(90px,0,0); transform:translate3d(90px,0,0);} #tab-product{ padding-top:50px;} #tab-product .entry{ display:none;} #tab-product .inner, .entry .inner{ width:auto;} #tab-product .entry .tab-title{ margin:40px auto 25px; padding:0 3%; height:42px; line-height:42px; font-size:16px; border-bottom:1px solid #e4e4e4; display:none;} #tab-product .entry .tab-title span{ padding:0 25px; line-height:41px; font-weight:bold; border:1px solid #e4e4e4; border-top:1px solid #ff6600; border-bottom:none; color:#ff6600; 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:#ff6600;} .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;} .features{ margin:0 0 50px -1.5%;} .features h2{ padding:10px 1.5%; line-height:inherit; font-size:20px; font-weight:500; text-align:left; border-top:1px solid #eee; border-bottom:1px solid #eee;} .features h2 span{ padding:0; border:none;} .feature-item{ float:left; margin:0 1.5% 40px; width:47%;} .feature-item img{ float:left; width:100px; height:100px;} .feature-item h4{ margin-bottom:10px; padding-left:120px; font-size:18px; font-weight:bold;} .feature-item p{ padding-left:120px; color:#666; font-size:14px;} /* Page */ .post .page-title{ margin-bottom:25px; padding-bottom:8px; line-height:40px; font-size:28px; text-align:center; border-bottom:1px solid #E9E9E9; color:#222;} .page{ margin:0 auto; text-align:center} /* Page - About */ .feature-box{ margin:50px 0 50px -1.5%; padding-top:70px; border-top:1px solid #eee; overflow:hidden;} .feature-box .item{ float:left; margin:0 1.5% 50px; width:47%;} .feature-box .item img{ float:left; width:96px; height:96px;} .feature-box .item h4{ margin:-10px auto 10px; padding-left:120px; font-size:18px; font-weight:bold;} .feature-box .item p{ padding-left:120px; color:#666; font-size:14px;} /* Page - Contact us */ .contact_background{ background:url(../images/contact.jpg) bottom no-repeat #FFF; height:3000px;} .contact_left{ width:36%; float:left; color:#666; padding-left:14%; padding-top:150px;} .contact_right{ float:left;width:50%; height:1374px; background:url(../images/contact_right_bg.png) right no-repeat;} .contact_title{ color:#006895;font-size:50px; padding:10px 0; font-weight:bold } /* Page - Sitemap */ .page-sitemap{ background:#eee;} .sitemap-box{ margin:25px auto; padding:2%; width:92%; line-height:24px; background:#fff;} .sitemap-box a:link, sitemap-box a:visited{ color:#222;} .sitemap-box a:hover{ color:#10579D;} .sitemap-box h1{ margin-bottom:20px; font-size:20px; text-align:center;} .sitemap-box h2{ margin:8px auto 15px; padding-bottom:10px; font-size:14px; font-weight:700; border-bottom:1px solid #eee;} .sitemap-box ul{ margin:10px;} .sitemap-box ul li{ margin:6px 0 0 18px; list-style:disc; color:#999;} .sitemap-box ul li ul{ margin:5px 10px 10px;} .sitemap-box ul li ul li{ margin:3px 0 0 16px; list-style:circle;} .sitemap-box #breadcrumb, .sitemap-box .archivers, .sitemap-box .full-version, .sitemap-box #footer{ margin-top:20px; padding:6px 15px; border:1px solid #eee; border-top:1px solid #ddd; clear:both;} .sitemap-box #breadcrumb, .sitemap-box .full-version{ border:1px solid #eee; background:#f8f8f8;} .sitemap-box .archivers{ padding:5px 15px 15px; overflow:hidden;} .sitemap-box #footer{ padding:10px; text-align:center;} /* Page - Error404 */ .error404{ max-width:390px; padding:50px 0;} .error404 h4{ height:32px; line-height:32px; font-size:200%; color:#F00;} .error404 span{ margin-bottom:25px; color:#666; display:block;} .error404 ol{ padding:5px 0 5px 20px;} .error404 ol li{ margin:0 auto; list-style:disc;} .errorsearch{ margin-top:15px; width:100%; overflow:hidden;} .errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #DDD;} .errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#FFF; background:#666; cursor:pointer;} .errorsearch #searchsubmit:hover{ background:#222;} /* Page - Inquiry */ #contactForm div { margin-bottom: 30px; } #contactForm #inquiry_send { background: #C30D23; color: #fff; border: 0; cursor: pointer; text-transform: uppercase; width: 80px; height: 30px; font-size: 14px; padding-top: 4px; } #contactForm .half_width{ width:120px;} .sendok{ color:#FFF; text-align:center; margin-top:50px;} /* productshow - Inquiry */ .position_left{ float:left; padding-top:50px; } .position_right{ float:right; margin-top:-20px; padding-top:50px; } .product_bg{background:url(../images/product_bg.jpg) no-repeat #fff;background-position: 100% 86%;} .product_data_left{float:left;width:50%; height:1374px; background:url(../images/contact_right_bg.png) right no-repeat #fff; color:#FFF;} .product_data_left_padding{ padding-left:28%} .product_data_left h2{ font-size:60px; font-weight:700; padding-top:100px; padding-left:10px;} .product_data_right{float:left;width:50%; height:1374px; background:url(../images/product_data_right.jpg) right top no-repeat; margin:0; padding:0} .product_data_left table td{ font-size:20px; border-bottom:1px solid #448C9E; line-height:40px;} .product_gallery{width:35%; height:400px; background: linear-gradient(to right, #006A9F, #3C886F); color:#FFF; z-index:99; position: relative; margin:400px 33%;} .product_gallery .text{ position:absolute; top: 40%; padding-left:100px;padding-right:100px;} .product_gallery h2{ font-size:35px; padding-bottom:10px; font-weight:bold} #showForm { padding: 0; text-align: left } #showForm .red { color: #F00; margin: 0; } #showForm .input { padding: 6px; color: #000; font-size: 11px; border: 1px solid #cecece; border: none; outline: none; /* 可选，移除焦点时的轮廓 */ } #showForm select { width: 358px; padding: 6px; color: #000; font-size: 11px; border: 1px solid #cecece; margin:7px 0; } #showForm textarea { width: 100%; padding: 6px; color: #000; font-size: 12px; border: 1px solid #cecece; height:200px; margin:7px 0; } #showForm div { margin-bottom: 10px; } #showForm #show_inquiry_send { background: #C30D23; color: #fff; border: 0; cursor: pointer; text-transform: uppercase; width: 80px; height: 30px; font-size: 14px; padding-top: 4px; } #showForm #show_inquiry_send:hover{ background:#F65E4F} /*page-showroom*/ .showroom_container{ margin:90px 0;} .showroom_left { background:#EBEBEB; min-height:400px; height:auto; width:100%; text-align:center; } .showroom_left .text{ text-align:center;display:table-cell; vertical-align:middle; } @media only screen and (min-width:768px){ .showroom_left .text{ text-align:center;height:400px;display:table-cell; vertical-align:middle; } } .showroom_left img{max-width: 100%; float:right; margin:0;} .showroom_left .address{ font:12px; padding:40px; padding-bottom:0; display:block} .showroom_left h2{ font:12px; padding:10px; display:block;font-weight:700; margin-bottom:10px;} .showroom_left p{ padding-left:10px; padding-bottom:10px} .showroom_left p.center{ text-align:center; text-decoration:underline} .showroom_details{ float:left; width:45%;} .showroom_details h2{ font-size:18px; text-transform:uppercase; padding:15px 0; font-weight:bold} .showroom_details_hr{ width:98%; height:1px; border:none; background-color:#9F4F4E; float:left; margin:30px 0 6px 0} .showroom_details .address_icon{ display:block; height:50px; float:left; margin-top:18px;} .showroom_details .address{ float:left; padding-left:30px;margin-top:-50px; line-height:36px;} .padding100{float:right} .showroom_details .border{ border:1px solid #CCC; font-size:11px; padding:10px; width:334px; float:left } .showroom_details .border p{border-bottom:1px solid #CCC;padding-bottom:5px;} /*productshow*/ .share_sns{ float:left; padding-right:25px; } .share_sns p{padding-top:15px; font-size:14px;} /* projectslist */ .projects_class_list ul{ margin:5px 10px;} .projects_class_list ul li{ float:left; width:200px; text-align:center; padding:0px 0} .projects_details_main_content img{ max-width:100%; text-align:center; margin:0 auto} .details_content h2{ text-align:center; font-size:25px; color:#000; font-weight:bold; text-transform:uppercase; margin-bottom:40px;} .details_content .text{ width:1050px; margin:40px auto;} .news_details_time{ text-align:center; color:#999; font-size:12px;} /* Tags */ .tag-list a{ margin:0 10px 10px; display:inline-block;} /* Join us */ .job-list h4{ margin-bottom:0; padding:0 15px; line-height:40px; font-size:16px; color:#fff; background:#ef5c32; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .job-list .accordion-content{ margin-top:-3px; padding:20px 30px; color:#666; background:#fff; border:1px solid #e4e4e4; border-top:none;} .job-list .accordion-content h3{ margin-bottom:10px;} .joinus-qw{ margin-top:50px; color:#666;} .joinus-qw h4, .joinus-pic h4{ padding:0 15px; line-height:40px; font-size:16px; color:#222; background:#f2dede; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .joinus-qw p{ margin-top:5px; padding:0 15px;} .joinus-pic h4{ background:#dff0d8;} .entry .joinus-pic ul li{ list-style:none;} .carousel-box{ margin:0 50px 0 0; overflow:hidden;} .pic-carousel{ position:relative; padding-top:30px;} .pic-carousel .hd a{ background:url(images/p_jiant.gif) no-repeat 0 center;display:inline-table;width:25px;height:150px;text-indent:-999em;cursor: pointer;position:absolute;margin:0; z-index:999;} .pic-carousel .hd a:hover{ background:url(images/p_jiant1.gif) no-repeat 0 center;} .pic-carousel .hd .next{ right:0;background-position:right center;} .pic-carousel .hd .next:hover{ right:0;background-position:right center;} .pic-carousel .hd{ width:1000px\9;} .pic-carousel .bd{ margin:0 0 0 50px; overflow:hidden;} .pic-carousel ul li{float:left;width:165px\9;} .pic-carousel ul li a{float:left; } .pic-carousel ul li img{ margin:0 20px 0 0; width:200px; height:150px;} /* Contact */ .c-online{ overflow:hidden;} .col-lg-2{ float:left; width:50%;} .col-lg-2 img{ float:left; padding:20px 30px 0 0; width:75px;} .col-lg-2 h4{ padding-top:35px; font-size:24px;} .col-lg-2 p{ padding-left:105px; font-size:32px; line-height:50px; color:#ef5c32;} .col-lg-2 a:link, .col-lg-2 a:visited, .col-lg-2 a:hover{ color:#ef5c32; text-decoration:none;} .col-lg-2-r img{ width:62px;} .col-lg-2-r p{ padding-left:92px;} .c-chat{ margin:50px auto; padding:50px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; overflow:hidden;} .c-chat h4{ margin-bottom:0;} .entry .c-chat table{ margin-bottom:35px; color:#666; border:none;} .entry .c-chat th{ padding:3px 10px; border:none; background:#fff;} .entry .c-chat td{ padding:3px 10px; border:none;} .entry .c-chat ul.olchat{ margin:-10px 10px 25px; overflow:hidden;} .entry .c-chat ul.olchat li{ float:left; width:33.333%; margin-bottom:12px; list-style:none; font-size:12px; color:#666;} .c-mail h4 span{ padding-left:50px; color:#666; font-size:14px;} .c-addr{ margin-bottom:50px;} .c-addr h3{ float:left; font-size:24px;} .c-addr p{ margin-bottom:8px; padding-left:50px; line-height:1; color:#666; overflow:hidden;} .c-map img{ padding:5px; border:1px solid #f0f0f0;} /* Partner */ .entry .coop{ margin-bottom:100px;} .entry .coop li{ line-height:30px; list-style:none; color:#666;} .entry .coop li img{ float:left; padding-right:20px;} .entry .coop li p{ font-size:12px; line-height:24px; margin-top:40px;} .entry .coop-btm{ margin-bottom:0;} /* Certificate */ .certificate{ margin-left:0;} .certificate .wp-caption{ margin:0 0 50px 0; padding:6px; width:46%; background:#fff; border:1px solid #f0f0f0;} .certificate .wp-caption img{ max-width:100%;} .certificate .wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666;} .certificate .alignright{ margin:0 0 50px 4%;} /* Team */ .team h1{ margin-bottom:80px; padding:30px 0 60px; font-size:20px; text-align:center; border-bottom:1px solid #e4e4e4;} .team .col-md-3{ float:left; margin-bottom:60px; width:33.33333333333333%;} .team .col-md-3 img{ margin-bottom:40px; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px;} .team .col-md-3 h3{ padding-right:30px; font-size:16px; font-weight:normal;} .team .col-md-3 p{ padding-right:30px; color:#999;} /* Pagenavi */ .wpagenavi{ margin:0 auto; padding-top:40px; width:100%; line-height:46px; font-size:15px; font-family:Tahoma; border-top:1px solid #eee; text-align:center; overflow:hidden;} .wpagenavi a:link, .wpagenavi a:visited{ margin:0 4px; padding:14px 19px; color:#666; background:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;} .wpagenavi a:hover, .wpagenavi a:active{ color:#fff0e6; background:#ff6600; text-decoration:none;} .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ color:#fff0e6; background:#ff6600; font-weight:bold;} /* Post Navigation */ .post-navi{ padding-top:20px; text-align:center;} .post-navi a:link, .post-navi a:visited{ padding:2px 9px; border:1px solid #fff; background:#fff;} .post-navi a:hover{ border:1px solid #E4E4E4; background:#F5F5F5; text-decoration:none;} /* Prev Next Post */ .post-prev-next{ margin-bottom:40px;} /* Related */ .related h2{ margin-bottom:25px; height:40px; line-height:40px; font-size:20px; font-weight:500; border-bottom:2px solid #f0f0f0; clear:both;} .related h2 span{ border-bottom:2px solid #aaa; display:inline-block;} .related-post ul{ overflow:hidden;} .related-post ul li{ float:left; margin-bottom:8px; width:50%; height:24px; background:url(images/icon.gif) no-repeat 0 9px; overflow:hidden;} .related-post ul li a{ padding-left:15px;} /* Sidebar */ .sidebar{ float:left; color:#666;} .sidebar h3{ height:34px; line-height:34px; font-size:16px; border-bottom:1px solid #aaa; color:#000; text-transform:uppercase;} .sidebar h3 a, .sidebar h3 a:hover{ color:#000; text-decoration:none;} .sidebar ul{ margin:0 auto;} .sidebar ul li{ margin-bottom:20px;} .sidebar ul li ul{ margin:0 auto; padding:15px 10px; background:#fbfbfb; -moz-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); -webkit-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03);} .sidebar ul li ul li{ margin:0 auto 5px; padding-left:16px; height:24px; line-height:24px; background:url(images/icon.gif) no-repeat 0 7px;} .sidebar ul li ul li ul{ border:none; display:none;} .sidebar ul li div{ background:#fbfbfb; overflow:hidden; -moz-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); -webkit-box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03); box-shadow:inset 0 -6px 10px -10px rgba(0,0,0,.03);} .sidebar ul li div p{ padding:15px 10px 10px; line-height:28px;} /* Sidebar - WidgetMenu */ .sidebar ul li.widget_nav_menu h3{ padding:15px 0; height:auto; line-height:inherit; text-align:center; font-size:20px; border:none; border-bottom:1px solid #e9e9e9; color:#fff; background:#ff6600; text-transform:uppercase;} .sidebar ul li.widget_nav_menu h3 a{ color:#fff;} .sidebar ul li.widget_nav_menu div{ padding:0; border:none; background:none;} .sidebar ul li.widget_nav_menu ul{ padding:0; font-size:14px; border:none; background:none; overflow:visible; position:relative;} .sidebar ul li.widget_nav_menu ul li{ margin:0; padding:0; height:auto; border-top:1px solid #fbfbfb; background:none; overflow:visible; position:relative;} .sidebar ul li.widget_nav_menu ul li:first-child{ border-top:none;} .sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited{ height:46px; line-height:46px; text-indent:25px; border-bottom:1px solid #e6e6e6; color:#444; background:#f2f2f2 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:#fff0e6; background:#ff6600 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:#fff0e6; background:#ff6600 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{ margin-top:-2px; width:100%;/* height:100%;*/ border-top:2px solid #ff6600; 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{ font-size:12px;} .sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover{ text-indent:30px;} .sidebar ul li.widget_nav_menu ul li:hover ul li a:link, .sidebar ul li.widget_nav_menu ul li:hover ul li a:visited{ border-bottom:1px solid #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:#fff0e6; background:#ff6600 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:#fff0e6; background:#ff6600 url(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:#fff0e6; background:#ff6600 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:none;} .sidebar ul li.widget_nav_menu ul li.current-cat-parent a:link, .sidebar ul li.widget_nav_menu ul li.current-cat-parent a:visited{ background-color:#eee; 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:#ff6600;} .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:#ff6600;} .sidebar ul li.widget_nav_menu ul li.current-cat-parent:hover ul li.current-cat a{ color:#fff0e6; background-color:#ff6600;} .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;} /* Newsletter */ .sidebar ul li .newsletter-widget{ padding-top:20px;} .sidebar ul li .newsletter-widget p{ padding:0 10px 12px;} .sidebar ul li .newsletter-email, .sidebar ul li .newsletter-firstname, .sidebar ul li input[type="text"]{ margin:0 auto; padding:3px 10px; width:218px; line-height:30px; font-size:13px; border:1px solid #dadde0; color:#999; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;} .sidebar ul li .newsletter-submit, .sidebar ul li input[type="submit"]{ margin-left:0; padding:3px 35px; line-height:30px; font-size:13px; font-weight:700; border:none; color:#fff; background:#ef5c32; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;} .sidebar ul li input[type="text"]:hover, .sidebar ul li input[type="email"]:hover{ border-color:#999;} .sidebar ul li input[type="submit"]:hover{ background:#ff6600;} /* RecentPosts */ .sidebar ul li.wpyou_widget_RecentPosts ul{ padding:25px 10px 0;} .sidebar ul li.wpyou_widget_RecentPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;} .sidebar ul li.wpyou_widget_RecentPosts ul li:last-child{ margin:0 auto 10px;} .sidebar ul li.wpyou_widget_RecentPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;} .sidebar ul li.wpyou_widget_RecentPosts ul li h4{ margin-bottom:5px; font-size:13px;} .sidebar ul li.wpyou_widget_RecentPosts ul li p{ color:#666;} .sidebar ul li.widget_recent_comments ul li{ margin-bottom:15px; padding:0; height:auto; line-height:1.5; background:none;} .sidebar ul li.widget_recent_comments ul li h4{ font-size:12px; font-weight:bold;} .sidebar ul li.widget_recent_comments ul li h4 em{ padding-left:10px; font-style:normal; font-weight:normal; color:#999;} .sidebar ul li.widget_recent_comments ul li .cmt-cnt{ margin-top:16px; padding:10px; border:1px solid #eee; color:#777; background:#fff; overflow:visible; position:relative;} .sidebar ul li.widget_recent_comments ul li .cmt-cnt a{ color:#777;} .sidebar ul li.widget_recent_comments ul li .cmt-cnt a:hover{ color:#ff6600; text-decoration:none;} .sidebar ul li.widget_recent_comments ul li .cmt-cnt .up-arrow{ width:20px; height:10px; line-height:0; font-size:0; background:url(images/icon-uparrow.gif) no-repeat 0 0; overflow:hidden; position:absolute; top:-10px; left:5px;} /* SpecialCatPosts */ .sidebar ul li.wpyou_widget_SpecialCatPosts ul{ padding:25px 10px 15px;} .sidebar ul li.wpyou_widget_SpecialCatPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;} .sidebar ul li.wpyou_widget_SpecialCatPosts ul li:last-child{ margin:0 auto 10px;} .sidebar ul li.wpyou_widget_SpecialCatPosts ul li img{ float:left; padding-right:8px; width:100px; height:75px;} .sidebar ul li.wpyou_widget_SpecialCatPosts ul li h4{ margin-bottom:5px; font-size:12px;} .sidebar ul li.wpyou_widget_SpecialCatPosts ul li p{ color:#666;} /* StickyPosts */ .sidebar ul li.wpyou_widget_StickyPosts ul{ padding:25px 10px 0;} .sidebar ul li.wpyou_widget_StickyPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;} .sidebar ul li.wpyou_widget_StickyPosts ul li:last-child{ margin:0 auto 10px;} .sidebar ul li.wpyou_widget_StickyPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;} .sidebar ul li.wpyou_widget_StickyPosts ul li h4{ margin-bottom:5px; font-size:12px;} .sidebar ul li.wpyou_widget_StickyPosts ul li p{ color:#666;} /* Search */ .sidebar ul li.widget_search .searchInput{ padding:4px 8px 3px; width:178px; height:24px; line-height:24px; border:1px solid #D6D6D6; color:#666; background:#FFF;} .sidebar ul li.widget_search .searchInput:hover{ border:1px solid #999; color:#666;} .sidebar ul li.widget_search .searchBtn{ float:right; *float:none; padding:0; width:60px; height:33px; *line-height:30px; font-size:13px; font-weight:bold; text-align:center; text-indent:0; border:none; color:#fff; background:#ef5c32; cursor:pointer; position:static;} .sidebar ul li.widget_search .searchBtn:hover{ background:#ff6600;} /* CustomWidgets */ .sidebar ul li.wpyou_widget_SpecialCatList ul li ul{ padding:0;} .sidebar ul li.wpyou_widget_SpecialCatList ul li{ height:auto; background:url(images/arrow.gif) no-repeat 3px 10px;} .sidebar ul li.wpyou_widget_SpecialCatList ul li ul li{ line-height:20px; background:url(images/arrow-sub.gif) no-repeat 3px 7px;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul{ padding:25px 10px 15px;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li{ margin-bottom:15px; padding:0 0 15px; height:auto; background:none;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img{ float:left; padding-right:8px; width:100px; height:75px;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{ margin-bottom:5px; height:54px; line-height:18px; font-size:12px; overflow:hidden;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{ color:#666;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li{ margin:0 auto 18px; padding:0; height:auto; text-align:center; background:none;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img{ width:228px; height:228px;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{ margin-top:8px; line-height:18px; font-size:12px; overflow:hidden;} /* Calendar */ .sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;} #wp-calendar{ width:100%;} #wp-calendar caption{ padding:5px 0px; font-size:14px;} #wp-calendar th, #wp-calendar td{ padding:6px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E4E4E4; background-color:#F9F9F9;} #wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;} #wp-calendar tbody tr td a:hover{ color:#222;} #wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;} #wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;} .pad{ border:none !important; background:none !important;} /* Comments*/ .postComment{ margin:0 auto; overflow:hidden;} #respond{ padding-top:100px;} .postComment #addcomment, .postComment #comments{ margin-bottom:35px; padding:10px 0; font-size:20px; font-weight:500; border-top:1px solid #eee; border-bottom:1px solid #eee;} .commentlist{ padding-top:15px; width:100%; clear:both; overflow:hidden;} .commentlist li{ padding:20px 0; width:100%; border-top:1px solid #f4f4f4; clear:both; position:relative;} .commentlist li .avatar{ float:left; margin-top:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .commentlist li .comment_author{ margin:0 0 5px 62px;} .commentlist li .comment-body{ padding:0 10px 0 62px; color:#666;} .commentlist li .comment-body p{ margin-bottom:12px;} .commentlist li ul{ padding:15px 0 0;} .commentlist li ul li{ padding:18px 0 15px 10%; width:90%;} .commentlist li.popular{ border-top:1px solid #FEE7C5; background:#FFFDEC;} .commentlist li #respond{ padding:15px 0 15px 62px;} .commentlist li #respond #addcomment{ margin-bottom:15px; padding:0; line-height:34px; font-size:14px;} .commentlist cite{ font-size:14px; font-weight:bold; font-style:normal; color:#222;} .commentlist cite a{ color:#222;} .commentlist cite a:hover{ color:#222;} .commentlist em{ padding-left:6px; color:#A8A8A8;} .commentlist .comment_func{ padding-right:10px; text-align:right; color:#999;} .commentlist .comment_func span{ padding-left:5px;} .commentlist .comment_func a, #cancel-comment-reply a{ color:#999;} .commentlist .comment_func a:hover, .commentlist .comment_func span:hover, #cancel-comment-reply a:hover{ cursor:pointer; color:#222;} #cancel-comment-reply{ text-align:right;} #respond p{ margin:0 auto 20px; overflow:hidden;} #respond p.logged{ padding:5px; background:#ffe; border:1px solid #feb; width:50%; text-align:center;} #respond label{ float:left; padding:3px 8px; width:70px; text-align:right; display:block;} #respond em{ padding-left:12px; color:#f00; font-style:normal; font-weight:normal;} #commentform input[type="text"], #respond #comment{ padding:12px; width:50%; border:1px solid #ddd; color:#888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} #commentform input[type="text"]:hover, #commentform input[type="text"]:active, #commentform #comment:hover, #commentform #comment:active{ border:1px solid #f90;} #respond #comment{ padding:12px 0 12px 12px; width:96%; height:150px; font-size:12px; overflow-y:scroll;} #commentform #submit{ padding:8px 50px; font-size:18px; font-family:Arial; line-height:28px; color:#fff; border:none; background:#f60; cursor:pointer; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} #commentform #submit:hover, #commentform #submit:active{ background:#f80;} /* CommentNavigation */ .comment-navi{ margin:15px auto; padding:10px; text-align:center; color:#888; background:#f9f9f9;} .comment-navi a:link, .comment-navi a:visited{ padding:5px 8px; color:#666;} .comment-navi a:hover{ color:#ff6600;} .comment-navi span.cpt{ padding:5px 8px;} .comment-navi span.current{ font-weight:bold; color:#ff6600;} /* Footer */ .footer_top{ height:50px; background:#FFF} .footer{ min-height:220px; border-top:2px solid #eee; color:#fff; background:#E9E9E9;} .footer .inner{ padding:25px 0; overflow:visible; position:relative;} .footer a{ color:#fff;} .footer a:hover{ color:#ddd;} #foot li{float: left;width: 31.5%;height: 87px;margin: 22px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 16px;line-height: 25px;color: #23171B;} #foot .add h4{ color:#182985; font-size:20px; font-weight:bold; padding-top:10px;} #foot .tel a{ color: #23171B;} #foot .tel{ float:right; padding-top:10px;} /* Footbar */ .footbar .gotop{ text-align:center;} /* Copyright */ /*media_center_main*/ /*news*/ .news_class_area{ border:1px solid #fff; padding:20px 0;} .news_class p{border:1px solid #666;width:155px;height:45px;border-radius:22px; float:left; text-align:center; line-height:45px; font-size:20px; font-weight:700; margin-right:35px; cursor:pointer; color:#4D4D4D} .news_class p:hover{ background:#005BA5; color:#FFF} .news_class p:hover:after,.news_class p:hover:before { content: '-';} .news_class_current p{ background:#005BA5; color:#FFF;border:1px solid #005BA5;} .news_class_current p:after,.news_class_current p:before{ content: '-';} .news_class p:hover a{ color:#FFF} .page_result a{ text-decoration:none} #result .current{background:#006699; color:#fff} .news_details_left{ float:left; width:20%; padding-left:5%; color:#666; font-size:30px; font-weight:700; padding-top:100px; line-height:1.3em} .news_details_left .news_class2{ color:#006895; font-size:11px; text-align:left; margin-top:0} .news_details_left p{ font-size:150px; text-align:center; color:#CFCFCF; margin-top:100px} .news_details_left span{ font-size:40px; text-align:center;color:#CFCFCF; display:block;margin-top:40px} .news_details_right{ float:left; width:50%; padding-left:10%} .backtonews{position:absolute; margin:170px 0 0 5%;} /*video*/ .video_list_content{ border-bottom:1px solid #ccc; padding-bottom:30px; margin-top:40px;} .video_list_content h3 a{ font-size:20px; color:#333; height:50px; line-height:50px;} /* Backtop .backToTop{ width:40px; height:40px; background:rgba(0, 0, 0, 0.4) 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%;} */ /* MobiFootbar */ .mobi-bar{ width:100%; font-size:1em; text-align:center; background:#222; display:none; overflow:hidden; position:fixed; bottom:0; left:0; z-index:9999;} .mobi-bar li{ width:25%; display:table-cell;} .mobi-bar li i{ font-style:normal;} .mobi-bar li a{ padding-top:25px; border-left:1px solid #2a2a2a; border-right:1px solid #111; color:#eee; background-image:url(images/icon-mobi.png); background-repeat:no-repeat; display:block;} .mobi-bar li a:active, .mobi-bar li a:hover{ background-color:#222; text-decoration:none;} .mobi-bar li.mobi-map a{ background-position:center 6px;} .mobi-bar li.mobi-phone a{ background-position:center -67px;} .mobi-bar li.mobi-email a{ background-position:center -134px;} .mobi-bar li.mobi-chat a{ background-position:center -202px;} .mobi-bar li:first-child a{ border-left:none;} .mobi-bar li:last-child a{ border-right:none;} /* Banner */ .banner_text{ margin:100px auto 0 auto;position:relative; text-align:center; padding-bottom:200px; font-family:HELVICU} .banner_text_1{ font-size:120px; text-transform:uppercase; color:#FFF; font-weight:bold} .banner_text_1 .red{ color:#cd3b2c} .banner_text_2{ font-size:24px; color:#FFF;} .banner_line{ background:url(../images/banner_line.png) no-repeat; width:69px; height:5px;display:inline-block; margin:38px 60px;} /*about*/ .white_background{ background:#FFF} .honor_background{ background:url(../images/index_valve.png) no-repeat right top #FFF} .quality_dimension_background{ background:url(../images/quality_dimension_bg.jpg) no-repeat right top #FFF} .about_title{ font-size:50px; color:#666666; font-weight:700; padding-left:2%} .about_title span{ color:#006895} .about_chooseus_title{ font-size:55px; color:#fff; font-weight:700; margin-top:10px;} .title_black{ color:#000} .about_bg { background:#fff} .about_bg img{ width:100%;padding-top:100px} .about_background{ background:#FFF; height:1372px;} .about_aboutus_text{ width:30%; float:left; color:#666; padding-left:14%; padding-top:10%;line-height:2.0em; padding-right:5%; font-weight:bold;} .about_aboutus_right{ float:right;width:50%; height:1372px; background:url(../images/aboutus_right.jpg) right no-repeat #fff;} .about_aboutus_text h3{ font-size:50px; font-weight:700; padding-bottom:40px;} @media only screen and (max-width:1920px){ .about_background{ height:1028px;} .about_aboutus_text{ line-height:1.5em;} .about_aboutus_right{ height:1028px; background:url(../images/aboutus_right_1920.jpg) right no-repeat #fff;} } @media only screen and (max-width:1680px){ .about_background{ height:900px;} .about_aboutus_text{ padding-top:6%;} .about_aboutus_right{ height:900px; background:url(../images/aboutus_right_1680.jpg) right no-repeat #fff;} } @media only screen and (max-width:1440px){ .about_aboutus_text h3{ font-size:30px; font-weight:700; padding-bottom:20px;} .about_aboutus_right{ height:772px; background:url(../images/aboutus_right_1440.jpg) right no-repeat #fff;} } @media only screen and (max-width:1024px){ .about_background{ background:#FFF; height:1200px;} .about_aboutus_text{ width:100%; color:#666; line-height:2.0em; padding:5px;font-weight:bold;} .about_aboutus_right{ display:none} } .about_list{ padding:50px 100px; border:2px solid #DBDBDB; height:500px;} .about_list h2{ color:#006895; font-size:70px; font-weight:bold} .about_list_arrow{float:left; display:block; padding-top:26px; font-size:25px; padding-right:50px;} .about_list:hover{ background:#4D4D4D;color:#fff;text-decoration:none;border:2px solid #4D4D4D;} .about_list:hover h2{color:#fff} .about_list img{ width:100%; float:left} .about_list_text{ padding-left:100px; padding-right:50px; padding-top:20px; line-height:1.7em;} @media only screen and (max-width:1024px){ .about_list{ padding:0px; border:2px solid #4D4D4D; height:auto} .about_list_text{ padding-left:10px; padding-right:10px; padding-top:20px;} } @media only screen and (max-width:1920px){ .about_list h2{ font-size:45px;} .about_list_arrow{float:left; display:block; padding-top:12px; font-size:25px; padding-right:50px;} } @media only screen and (max-width:1680px){ .about_list h2{ font-size:35px;} .about_list_arrow{float:left; display:block; padding-top:7px; font-size:25px; padding-right:50px;} } @media only screen and (max-width:1440px){ .about_list h2{ font-size:30px;} .about_list_arrow{float:left; display:block; padding-top:0px; font-size:25px; padding-right:50px;} } .backtoabout{position:absolute; margin-top:-70px; z-index:9} .backtoabout_background{ width: 140px; height: 140px; border-radius: 50%; margin-left:5%; background: linear-gradient(to left, #006A9F, #3C886F);color:#FFF; } .backtoabout_background:hover{ background: linear-gradient(to right, #006A9F, #3C886F); } .backtoabout_arrow{margin:40px 0 0 48px;} .aboutone{ padding-top:50px; color:#666666} .aboutone h2{ font-size:40px; padding-bottom:10px;} .about_chooseus_six ul li h3{ font-size:47px; font-weight:700; text-transform: capitalize;text-align:left; color:#666; padding:0; margin:0; line-height:1.2em;} @media screen and (max-width: 1920px) { .about_chooseus_six ul li h3{ font-size:35px;} } @media screen and (max-width: 1680px) { .about_chooseus_six ul li h3{ font-size:25px;} } .about_chooseus_six ul li p{ width:100%; text-align:left;line-height:1.4em; font-size:17px} .aboutvision{padding-top:50px; color:#666666; text-align:center; margin:0 auto;} .aboutvision h2{ font-size:36px; padding-bottom:10px; font-weight:bold; padding-top:10px} .aboutvision_img img{ width:100%; margin-top:100px} .Related {overflow: hidden; width: 72%; margin: 0 auto;position: relative; margin-bottom:200px;} .swiper-container{ width: 90%; margin: 0 auto;margin-top:50px;} .Related .swiper-slide{text-align: center;} .Related .swiper-slide{ background:url(../images/honor_slide_bg.jpg) no-repeat; width:374px; height:532px;} .Related .swiper-slide img{display: inline-block; max-width: 100%; width:300px; padding-top:40px;} @media screen and (max-width: 1920px) { .Related .swiper-slide{ background:url(../images/honor_slide_bg_1920.jpg) no-repeat; width:281px; height:400px;} .Related .swiper-slide img{max-width: 100%; width:225px; padding-top:30px;} } @media screen and (max-width: 1680px) { .Related .swiper-slide{ background:url(../images/honor_slide_bg_1680.jpg) no-repeat; width:246px; height:350px;} .Related .swiper-slide img{max-width: 100%; width:200px; padding-top:30px;} } .aboutintheworld{ padding-top:50px; color:#666666; } .aboutintheworld span{line-height:1.6em} .aboutintheworld h2{ font-size:50px; padding-bottom:10px; font-weight:bold} .aboutintheworld h2 p{ color:#006895} .aboutintheworld_img{ width:95%; margin:150px auto; } .aboutintheworld_img img{ width:100%} /*news*/ .news_title{ color:#006895;font-size:40px; padding:10px 0 100px 0; font-weight:bold} .news_title span{ color:#666666} /*quality*/ .quality_title{ color:#006895;font-size:70px; padding:10px 0 } .quality_left{ float:left; width:60%; font-size:60px; padding-right:10%} .quality_right{ float:left;width:29%; padding-top:20px; line-height:1.5em;} .quality_main{ padding-top:100px; padding-bottom:50px;background:#FFF} .quality_text{ text-align:center;color:#006895; font-weight:bold;padding-bottom:60px; background:#E9E9E9} .quality_text span{font-size:18px; display:block ; margin-top:70px; } @media screen and (max-width: 1024px) { .quality_left{ float:none;width:100%;font-size:20pt; padding-right:0} .quality_right{ float:none;width:100%;font-size:14pt; padding-right:0} } @media screen and (max-width: 1920px) { .quality_text{font-size:50px;} } .quality_text p.fisrt{ margin-top:10px;font-size:80px;color:#666666;} .quality_text p.second{ font-size:56px} .quality_approved_height{padding:157px 0 156px 0;} @media screen and (max-width: 1920px) { .quality_text p.fisrt{ margin-top:10px;font-size:60px;color:#666666;} .quality_text p.second{ font-size:36px} .quality_approved_height{padding:110px 0 109px 0;} } .quality_text:hover{background: linear-gradient(to right, #006A9F, #3C886F);color:#FFF; cursor:pointer} .quality_text:hover p{color:#FFF; } .quality_dimension_main{ color:#666; padding-top:150px; line-height:1.8em; font-size:30px;} .quality_dimension_main h2{ font-size:40px; padding-bottom:36px;font-weight:700} .quality_dimension_left{ float:left; width:45%;line-height:2.2em;} .quality_dimension_left img,.quality_dimension_right img{width:100%} .quality_dimension_left h2{ color:#006895; font-size:65px; margin:50px 0; font-weight:700} .quality_dimension_right{ float:right;width:45%; margin-bottom:50px;} .quality_dimension_right h2{ color:#006895; font-size:65px; margin:50px 0; font-weight:700} @media screen and (max-width: 1920px) { .quality_dimension_main{font-size:25px;} .quality_dimension_left h2,.quality_dimension_right h2{font-size:50px;margin:10px 0; } } .quality_testing2 img{ float:left; padding-top:50px; width:49.5%} .quality_testing2 img:last-child{ float:right;} .quality_testing_main{ color:#666; padding-top:100px; line-height:1.2em; font-size:20px;} .quality_testing_main h2{ font-size:36px; padding-bottom:50px;font-weight:700} .quality_testing3 img{ margin-top:100px; max-width:100%; padding-bottom:200px;} .quality_testing_background{ background:url(../images/quality_bg.jpg) bottom left no-repeat #fff;} .quality_testing4 img{ max-width:100%} .quality_equipment_main{ color:#666; padding-top:100px; line-height:1.5em; font-size:20px;} .quality_equipment_main h2{ font-size:40px; padding-bottom:20px;font-weight:700} .quality_equipment_main p{ width:45%; float:left;} .quality_equipment_main p:last-child{ padding-left:4%} .quality_equipment4{ background:#FFF} .quality_equipment4 img{ max-width:100%; padding-top:60px;} .quality_approved_main{ color:#666; padding-top:80px; line-height:1.5em; font-size:18px;} .quality_approved_main h2{ font-size:40px; padding-bottom:50px;font-weight:700} .quality_approved_background{ background:url(../images/quality_approved_bg.jpg) right no-repeat #FFF;background-size: contain;} @media screen and (max-width: 1920px) { .quality_approved_background{ background:url(../images/quality_approved_bg_big.jpg) right no-repeat #FFF;} } @media screen and (max-width: 1680px) { .quality_approved_background{ background:url(../images/quality_approved_bg_middle.jpg) right no-repeat #FFF;} } .quality_approved4{ background:#FFF} .quality_approved4 img{ max-width:100%; padding-top:60px;} /*products*/ .products{ color:#666;} .products h2{ font-size:60px; padding-bottom:0px;font-weight:700; color:#006895} .products_left{ float:left;width:60%; font-size:60px; padding-right:5%;font-weight:700;} .products_right{ font-size:16px;float:right; width:34%; line-height:1.8em; padding-top:20px;} /*projects_form*/ .projects_form{ background:url(../images/projects_form_bg.jpg) no-repeat; background-position: center center; background-repeat: no-repeat; background-size: cover; max-width:668px; min-height:825px; padding:30px;} .projects_form h3{ font-size:25px; color:#d3564a; font-weight:bold; padding-left:5px; text-align:center; margin-top:10px} /**** Responsive CSS ****/ @media only screen and (min-width:1400px) and (max-width:1680px){ .exhibition_logo { width:200px; } .categories h1{ font-size:40px; padding-top:30px; font-weight:bold; margin-bottom:15px;} } @media only screen and (min-width:1400px){ .header .inner{ height:120px;} .inner{ max-width:72%; padding:0 50px;} .btn-so{ margin-top:-23px} .fullwidth{ margin:0 auto; width:100%;} .sidebar{ margin-right:-265px; width:265px;} .sidebar ul li.widget_nav_menu ul li ul{ left:265px;} } @media only screen and (min-width:1200px) and (max-width:1400px){ .inner{ width:100%; max-width:1024px; padding:0 10px} .navi li a, .navi li a:link, .navi li a:visited{ font-size:16px;} .btn-so{ margin-top:-26px} .newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ max-width:180px; *width:180px;} .newsletter-sns .newsletter p{ max-width:530px;} .fullwidth{ margin:0 auto; width:100%;} .sidebar{ margin-right:-260px; width:260px;} .sidebar ul li.widget_nav_menu ul li ul{ left:260px;} .index_banner_text_1{ font-size:85px; text-transform:uppercase; color:#FFF; font-weight:bold} .index_banner_text_2{ font-size:25px; text-transform:uppercase; color:#FFF;} .index_banner_text_3{ background:#cd3a2c; width:150px; height:5px; margin:20px auto } .index_banner_text_4{ background:#cd3a2c; width:106px; height:31px; line-height:31px; margin:10px auto; } .projects_class_list ul{ margin:10px 10px;} .projects_class_list ul li{ float:left; text-align:center; padding:20px 0} .service_main{ margin:10px 0; border-bottom:1px solid #ccc; padding:50px 0 } .service_main .service_left{ float:left;width:55%;} .service_main .service_right{ float:left;} .service_main .service_right img{ max-width:100%;} .service_main h2{ font-size:20px; color:#cd3a2c; display:inline-block; vertical-align:bottom; padding:0 0 0 10px;} .exhibition_logo { width:180px; } } /* @media only screen and (min-width:1024px) and (max-width:1199px){ .main-menu{ margin-top:40px} .header .inner{ height:85px; background:#fff} .inner{ width:960px;padding:0 10px} .logo{ width:300px;} .logo img{ width:80%; height:80%} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 0px;margin:0 3px; } .slideshow-swiper-container .inner h4{ margin:6% auto 15px; font-size:40px; word-spacing:2px;} .slideshow-swiper-container .inner p{ margin-bottom:20px; width:70%; font-size:16px;} .piclist li h3{ font-size:12px;} .newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ max-width:180px; *width:180px;} .newsletter-sns .newsletter p{ max-width:530px;} .piclist ul li img{ width:100%;} .content{ margin-left:285px;} .sidebar{ margin-right:-260px; width:260px;} .sidebar ul li.widget_nav_menu ul li ul{ left:260px;} .index_banner_text{ margin:100px auto 0 auto;position:relative; text-align:center; padding-bottom:150px; } .index_banner_text_1{ font-size:80px; text-transform:uppercase; color:#FFF; font-weight:bold} .index_banner_text_2{ font-size:25px; text-transform:uppercase; color:#FFF;} .index_banner_text_3{ background:#cd3a2c; width:150px; height:5px; margin:20px auto } .index_banner_text_4{ background:#cd3a2c; width:106px; height:31px; line-height:31px; margin:10px auto; } .piclist-col6 li{ margin-left:1.83%; _margin-left:1%; width:22.7%; height:90px; line-height:90px; background:#FFF; border:1px solid #acacac;overflow:hidden; box-shadow: 3px 3px 6px #999; margin-bottom:5px;} .footer .footer_sec li{ float:left; width:210px;} .projects_class_list ul{ margin:10px 10px;} .projects_class_list ul li{ float:left; text-align:center; padding:20px 0} .service_main{ padding:0 10px; margin:10px 0 0 0} .service_main .service_left{ float:left;width:55%;} .service_main .service_right{ float:left;} .service_main .service_right img{ max-width:100%;} .service_main h2{ font-size:20px; color:#cd3a2c; display:inline-block; vertical-align:bottom; padding:0 0 0 0px;} .exhibition_logo { width:120px; } } */ @media only screen and (max-width:1199px){ .inner{ width:96%;} .top-bar{ border-bottom-color:#f6f6f6;} .header{ position:relative;} .header .inner{ width:100%; height:80px;} .logo{ margin-left:3%; line-height:80px; position:absolute; top:0; left:0; z-index:1; margin-top:-3px} .logo img{ max-width:80%; max-height:80px;} .top-bar-lt{ max-width:45%; overflow:hidden;} .top-bar-contact{ display:none;} .categories h1{ font-size:25px; padding-top:10px; font-weight:bold; margin-bottom:10px;} .workexperts{ width:95%;} .workexperts p{ float:none; text-align:left;} #mobile-nav{ float:right; height:80px; display:block; position:relative;} #mobile-nav a{ margin-top:0; width:42px; height:42px; border:1px solid #ddd; background-image:url(icon-mo.png); background-repeat:no-repeat; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; cursor:pointer; position:absolute; top:18px; z-index:99999;} #mobile-nav #mobile-menu{ background-position:center 14px; right:75px;} #mobile-nav #mobile-so{ background-position:center -26px; right:15px;} .main-menu{ margin:100 auto; width:100%; line-height:46px; font-size:16px; border-top:2px solid #ff6600; position:absolute; top:80px; left:0; z-index:9999; display:none;} .main-menu .inner{ width:100%;} .navi{ background:#fafafa;} .navi li{ float:none; width:100%; padding:0; border-bottom:1px solid #e6e6e6; border-top:1px solid #fff; clear:both;} .navi li:first-child, .navi li.fr{ padding:0; border-top:none;} .navi li a, .navi li a:link, .navi li a:visited{ padding:0 15px; color:#222;} .navi li a:hover{ color:#fff; background:#222; border-bottom:none;} .navi li ul{ position:static; padding:0; width:100%; border-top:none; border-bottom:none; background:#e8e8e8; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .navi li ul li{ border:none; background:none; border-top:1px solid #eee; border-bottom:1px solid #ddd;} .navi li ul li.litop{ display:none;} .navi li ul li.first { display:none } .navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 24px; color:#666; background:none;} .navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#222; background:transparent;} .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ background:none;} .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a{ color:#cd3b2c; border:none;} .navi li:hover ul li.menu-item-has-children a:hover{ border-left:none;} .navi li.menu-item-has-children .mean-clicked, .navi li.menu-item-has-children .mean-toggle{ float:right; padding:0; width:46px; height:47px; text-align:center; font-size:14px; border-left:1px solid transparent; border-top:1px solid transparent; color:#888; background:url(icon-mo.png) no-repeat center -75px; position:absolute; right:0; top:-2px; z-index:99; cursor:pointer;} .navi li.menu-item-has-children .mean-clicked:hover{ color:#888; background-color:#e8e8e8;} .navi li.menu-item-has-children .mean-toggle{ background-color:#e8e8e8; background-position:center -126px;} .navi li.current-menu-item a.mean-clicked:link, .navi li.current-menu-item a.mean-clicked:visited, .navi li.current-menu-item a.mean-clicked:hover{ color:#888; background:url(icon-mo.png) no-repeat center -75px;} .navi li.current-menu-item .mean-toggle{ background:url(icon-mo.png) no-repeat center -125px !important;} .navi li ul li.menu-item-has-children:hover a{ color:#222; background-color:transparent;} .navi li ul li.menu-item-has-children ul li:last-child{ border-bottom:none;} /*.navi li:hover ul li.menu-item-has-children a{ color:#ccc; background-color:transparent;}*/ .navi li:hover a{ border-bottom:none;} .navi li ul li a:link, .navi li ul li a:visited, .navi li 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:#333; background:none; height:30px; line-height:30px; padding-left:35px;} .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:#333; background:none; height:30px; line-height:30px; padding-left:35px; } .navi li.menu-item-has-children ul li .mean-clicked, .navi li.menu-item-has-children ul li .mean-toggle{ margin-top:1px; width:42px; height:42px;} .navi li:hover ul li.menu-item-has-children .mean-clicked{ background:#e8e8e8 url(icon-mo.png) no-repeat center -79px;} .navi li:hover ul li.menu-item-has-children .mean-toggle{ background:#e0e0e0 url(icon-mo.png) no-repeat center -128px !important;} .navi li:hover ul li.menu-item-has-children .mean-toggle:hover{ background:#e0e0e0 url(icon-mo.png) no-repeat center -128px !important;} .navi li ul li.menu-item-has-children ul li a, .navi li ul li.menu-item-has-children:hover ul li a{ padding:0 0 0 48px; color:#666;} .navi li ul li.menu-item-has-children:hover ul li a.mean-clicked{ padding:0;} .navi li ul li.menu-item-has-children:hover ul li a:hover{ color:#222; background-color:transparent;} .navi li ul li ul{ border-top:1px solid #ddd; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .btn-so{ display:none;} #search-box{ width:100%; display:none; position:absolute; top:75px; left:0; z-index:9999;} #search-box #searchform{ background:#eee;} #mobile-nav .opacity, #mobile-nav .meanclose{ background-color:#f4f4f4; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);} .slideshow-swiper-container h4{ margin:9% auto 15px; font-size:32px; word-spacing:2px;} .slideshow-swiper-container p{ margin-bottom:20px; width:70%; font-size:14px;} .slideshow-swiper-container img{ width:100%; height:auto;} .row-gallary-slider .inner{ max-width:680px;} .pic-swiper-container .swiper-wrapper .swiper-slide{ width:48%;} .call-back{ display:none;} .container{ padding:20px 10px;} .row-fluid{ margin:0 auto;} .row-fluid h2{ text-align:center;} .row-fluid h2 span{ display:none;} .cat-filter ul li{ margin:0 2px 12px;} .accordion-content{ padding:20px 5px;} .cur-title{ display:none;} .postlist li a{ float:none; width:100%;} .sidebar{ display:none;} .piclist{} .piclist ul li{ margin-left:3%; width:30%;} .piclist ul li img{ width:100%;} .piclist-fc li .folio-thumb{ float:none; display:none;} .piclist-fc li .folio-text{ float:none; margin:0 auto;} .banner{ height:80px; line-height:80px;} .banner img{ width:100%; height:auto;} .breadcrumb{ height:40px; line-height:40px;} .breadcrumb h2{ float:none; font-size:15px; text-align:center;} .breadcrumb .cur-title{ display:none;} .crumb-box{ display:none;} .container, .content{ float:none; margin:0 auto;} .col-md-3 div, .col-md-4 div, .col-lt, .col-rt{ float:none; padding:0; width:100%;} .row-fluid p img{ max-width:100%; height:auto !important;} .postlist li a{ float:none; width:100%;} .bx-pager, .postlist li span, .sidebar, .cs-div{ display:none !important;} .pic-scroll-list .slide{ width:100%; height:auto;} .piclist{ margin-left:-3%;} .piclist li{ margin-left:3%; width:47%;} .piclist li h3{ text-align:center;} .bloglist{ margin-left:-3%;} .bloglist li{ margin:0 0 30px 3%; width:47%;} .productlist li .folio-thumb{ height:370px;} .review ul li{ float:none; margin-bottom:35px; width:96%;} .row-help .stinner{ padding:0;} .row-help .stinner img{ margin-bottom:20px;} .post .post-title{ margin-bottom:28px; text-align:center;} .post .post-meta{ display:none;} .entry{ font-size:16px;} .entry p{ margin-bottom:20px;} .entry table{ max-width:none; width:99.5% !important; table-layout:fixed;} .post .share-post, .post .share-post .addthis_native_toolbox{ float:none; margin-top:10px;} .related ul.post-list li{ float:none; width:98%;} .container-product{ margin-top:-25px;} .product .product-inner, .product-img{ float:none; margin:0 auto; width:100%;} .product .tips{ clear:both; margin-top:50px; text-align:center;} .product .post-head .post-title{ width:100%;} .product .post-title{ font-size:24px; line-height:32px;} .product .post-head #tabs{ width:100%;} .product .post-head #tabs span{ padding:0 2%;} .product .btn-inquiry-b{ display:block;} .preview{ float:none; margin:0 auto 20px; overflow:hidden;} .cloud-zoom-big{ display:none !important;} .cloud-zoom-lens{ border:none; background:none; cursor:default;} .product .product-meta-box{ margin-left:0;} .tab-head .tab-ul{ margin:0 auto;} .tab-head .tab-ul li{ margin:0; line-height:39px; font-size:14px; display:none;} .tab-head .tab-ul li.current{ line-height:39px; display:block;} #tab-product .entry, #tab-product .entry .tab-title{ display:block;} #tab-product .entry .tab-title{ height:38px; line-height:40px;} #tab-product .entry .tab-title span{ line-height:38px; font-weight:bold;} .feature-item{ float:none; width:97%;} .related{ float:none;} .contact-msg, .contact-box{ float:none; width:100%;} .feature-box .item{ float: none; margin:0 1.5% 35px; width:100%;} #inquiryForm{ padding:30px 15px;} #inquiryForm .productImg{ margin:0 0 20px 0;} #inquiryForm .productImg img{ margin:0 15px 0 0;} #inquiryForm .productImg h4{ line-height:20px;} #inquiryForm .productImg p{ padding-left:100px;} .wpcf7 label, #inquiryForm .wpcf7 label{ padding:0; width:100%; text-align:left;} .wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea{ width:90%;} .wpcf7 .wpcf7-select{ max-width:97%;} .wpcf7 .wpcf7-submit{ width:97%;} #inquiryProductMeta{ width:98%;} #inquiryProductMeta .productImg img{ width:120px; height:120px;} #btn-submit label{ display:none;} .col-lg-2{ float:none; width:100%;} .entry .col-lg-2 h4{ margin-bottom:10px;} .c-mail h4 span{ padding:0; display:block;} .c-addr h3{ float:none;} .c-addr p{ padding:0;} .entry .c-chat ul.olchat li{ width:50%;} .post-meta-bottom .tags, .post-meta-bottom .share{ float:none;} .wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover{ display:none;} .wpagenavi a.next, .wpagenavi a.previous{ padding:8px 60px; font-size:18px; display:inline-block;} #commentform input[type="text"], #respond #comment{ width:80%;} .newsletter-sns{ text-align:center;} .newsletter-sns .newsletter, .newsletter-sns .sns{ float:none;} .newsletter-sns .newsletter{ margin-bottom:35px;} .newsletter-sns h3{ text-align:center;} .newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ max-width:92%;} .newsletter-sns .newsletter p{ max-width:100%;} .newsletter-sns .sns a{ margin-right:6px; margin-bottom:12px;} .footer .footer_left,.footer .footer_sec{ width:100%;} .footbar h3{ margin-bottom:15px; font-size:18px;} .footbar .widget-column{ padding:0 2% 30px; width:46%;} .footbar .widget-column-rt{ float:left;} .footbar .widget-contact{ width:auto;} .copyright{ font-size:12px;} .copyright .cp, .copyright .ft-menu{ float:none; margin-bottom:12px; width:100%; text-align:center;} #live-chat, #formilla-chat-button{ display:none;} .mobi-bar{display:table; text-align:center;} .backToTop{ right:5px; bottom:55px;} .index_banner_text{ margin:80px auto 0 auto;position:relative; text-align:center; padding-bottom:50px; } .index_banner_text_1{ font-size:40px; text-transform:uppercase; color:#FFF; font-weight:bold} .index_banner_text_2{ font-size:15px; text-transform:uppercase; color:#FFF;} .index_banner_text_3{ background:#cd3a2c; width:150px; height:5px; margin:20px auto } .index_banner_text_4{ background:#cd3a2c; width:106px; height:31px; line-height:31px; margin:10px auto; } /*banner*/ .banner_text{ margin:10px auto 0 auto;position:relative; text-align:center; padding-bottom:70px;} .banner_text_1{ font-size:66px; text-transform:uppercase; color:#FFF; font-weight:bold} .banner_text_1 .red{ color:#cd3b2c} .banner_text_2{ font-size:16px; color:#FFF;} .banner_line{ background:url(../images/banner_line.png) no-repeat; width:15px; height:5px;display:inline-block; margin:15px 5px;} .scope_of_work_text h1{ font-size:50px; padding-top:10px; margin-bottom:5px;} /*co bands*/ .piclist{ margin:0;} .piclist ul li{ margin:0; width:100%;} .piclist li h3{ padding:5px 0; color:#fff; font-size:15px; font-weight:bold; text-align:center; overflow:hidden; position:relative; z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; text-transform:uppercase; line-height:1em;} .piclist li p{ display:none} .piclist li h4{ padding:5px 0; color:#fff; line-height:1em; margin-bottom:5px;} .piclist-col5{ margin-left:-2%;} .piclist-col5 li{ margin-left:2%; _margin-left:1%; width:47%; float:left;} .piclist-col5 li h3{ height:25px;} .piclist-col5 li h4{ font-size:16px; height:40px} .piclist-col6 li{ margin-left:1.83%; _margin-left:1%; width:22.7%; height:90px; line-height:90px; background:#FFF; border:1px solid #acacac;overflow:hidden; box-shadow: 3px 3px 6px #999; margin-bottom:5px;} .productshow_left{ float:left;width:100%;} .productshow_right{ float:left;width:100%;} .projects_class_list ul{ margin:10px 10px;} .projects_class_list ul li{ float:left; text-align:center; padding:20px 0} .service_main{ padding:0 10px; margin:10px 0 0 0} .service_main .service_left{ float:left;width:50%;} .service_main .service_right{ float:left;width:40%;} .service_main .service_right img{ max-width:100%; margin-top:100px;} .service_main h2{ font-size:16px; color:#cd3a2c; display:inline-block; vertical-align:bottom; padding:0 0 0 0px;} .media_center_main .media_center_main_center{ margin:5px 20px;} .details_content h2{ text-align:center; font-size:20px; color:#000; font-weight:bold; text-transform:uppercase} .piclist-col4{ margin-left:-1.83%; margin-bottom:100px;} .piclist-col4 li{ margin-left:1.83%; _margin-left:1%; width:23.5%; background:#FFF; overflow:hidden; margin-bottom:25px; border-right:1px solid #CCC; } .piclist-col4 li.noboder{ border:none} /*about*/ .tab-content-active .about_left{ width:100%; float:left; line-height:40px; color:#666 } .tab-content-active .about_right { width:100%; float:left;line-height:40px; margin-left:0px; color:#666} .about_right .listdot{ display:block; background:url(../images/listdot.jpg) no-repeat center left; padding-left:15px;} .contact_left,.contact_right{ width:100%; padding:0; margin:0} .contact_right{ margin-top:35px;} #contactForm .fullwidth { width: 85%; } #contactForm select { width: 93%; } #contactForm .textarea { width: 393px; margin:0; padding:0 } #contactForm .bl_form_left{ margin-right:0px;} #contactForm #send { float:left } #contactForm .mobile_fullwidth{ width:85%; margin-top:15px;} .piclist-col4_download{ margin-left:-1.83%; margin-bottom:100px;} .piclist-col4_download li{ margin-left:1.83%; _margin-left:1%; width:31.5%; background:#FFF; overflow:hidden; margin-bottom:54px; border-right:1px solid #CCC;} .piclist-col4_download li.noboder{ border:none} .showroom_details{ float:left; width:100%;} } @media only screen and (max-width:769px){ .piclist-col4_home li{ margin-left:-1.83%; overflow:hidden;} .piclist-col4_home li{ float:left; margin-bottom:25px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:48%; height:auto; text-align:center; overflow:hidden;} .piclist-col4_home li img{transition: all 1.5s; max-width:296px; max-height:198px;} .piclist-col4_home li img:hover{transform: scale(1.1); background:#CCC} .piclist-col4_home li span{ padding:5px 0; color:#000; font-size:18px; font-weight:bold; text-align:left; overflow:hidden; text-transform:uppercase; line-height:2em; display:block; height:25px;} .piclist{ margin:0;} .piclist ul li{ margin:0; width:100%;} .piclist li h3{ padding:5px 0; color:#fff; font-size:15px; font-weight:bold; text-align:center; overflow:hidden; position:relative; z-index:10; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; text-transform:uppercase; line-height:1em;} .piclist li p{ display:none} .piclist li h4{ padding:5px 0; color:#fff; line-height:1em; margin-bottom:5px;} .piclist-col5{ margin-left:-2%;} .piclist-col5 li{ margin-left:2%; _margin-left:1%; width:47%; float:left;} .piclist-col5 li h3{ height:25px;} .piclist-col5 li h4{ font-size:16px;} .workexperts{ background: url(../images/light.png) no-repeat #E6F3FC 1% 50%; height:140px; width:98%; margin:-50px 0 0 0;} .workexperts .workexperts_text{ margin:0 0 0 18%;position: absolute; top:23% ; font-size:18px;font-weight:bold} .workexperts .workexperts_text span{ display:block; font-size:14px; margin-top:3px } .workexperts p{ float:none; text-align:left;} .workexperts .workexperts_btn a{ position: absolute; top:68%; right:30%;border-radius: 2px ;} .workexperts .workexperts_btn a:hover{text-decoration:none;background:#fe0002;} } @media only screen and (max-width:480px){ .header{ background:#666} .logo{margin-top:6px} .logo img{ width:65%; height:65%} .lang{ margin-top:26px;} .slideshow-swiper-container .swiper-slide{ height:auto;} .slideshow-swiper-container h4{ margin:12% auto 10px; font-size:20px; word-spacing:2px;} .slideshow-swiper-container p{ margin-bottom:12px; width:90%; font-size:12px; display:none;} .row-gallary-slider .inner{ max-width:300px;} .pic-swiper-container .swiper-wrapper .swiper-slide{ width:47%;} .preview{ width:auto;} .preview #wrap{ border:1px solid #e6e6e6;} .preview #wrap img{ padding:2%; width:96%; height:auto; border:none; background:#fff;} .post ul.thumblist li .imWrap{ width:100%; height:auto;} .post ul.thumblist li .thumb-wrap{ float:none; width:90%;} .post ul.thumblist li img{ padding:1%; width:98%; height:auto;} .piclist{ margin:0;} .piclist ul li{ margin:0; width:95%;} .related li{ float:none; width:95%;} .product-inquiry a{ float:none; margin:0 auto; padding:10px 0; width:70%; text-align:center; display:block; box-sizing:border-box;} .product-inquiry a i{ float:none; margin:0 auto; padding:0 20px;} .product-inquiry a.chat{ margin:10px auto 0;} .product-inquiry p{ float:none; margin:6px 0 0;} .bloglist{ margin-left:0;} .bloglist li{ float:none; margin:0 auto 30px; width:100%;} .bloglist li .folio-thumb{ height:auto;} .picexlist li .post-thumb{ display:none;} .col-blog ul li p{ display:none;} .related-post ul li{ float:none; width:100%;} .wpcf7 .wpcf7-text{ width:90%;} .newsletter-sns .newsletter form{ text-align:center;} .newsletter-sns h3{ font-size:20px; text-align:center;} .newsletter-sns .newsletter .newsletter-email, .newsletter-sns .newsletter .newsletter-firstname, .newsletter-sns .newsletter input[type="text"]{ margin:0 auto 10px; width:90%;} .newsletter-sns .newsletter .newsletter-submit, .newsletter-sns .newsletter input[type="submit"]{ margin-left:0; width:100%; position:relative;} .row-2c-lt, .row-2c-rt{ float:none; margin:0 auto; width:100%;} .row-2c-lt{ margin-bottom:50px;} .footbar .widget-column{ padding:0 2% 30px; width:96%;} .index_banner_text{ margin:10px auto 0 auto;position:relative; text-align:center } .index_banner_text_1{ font-size:30px; text-transform:uppercase; color:#FFF; font-weight:bold} .index_banner_text_2{ font-size:12px; text-transform:uppercase; color:#FFF;} .index_banner_text_3{ background:#cd3a2c; width:80px; height:5px; margin:10px auto } .index_banner_text_4{ background:#cd3a2c; width:36px; height:20px; line-height:20px; margin:5px auto; font-size:11px;} .scope_of_work_text{ margin:10px auto 0 auto;position:relative; text-align:center; padding-bottom:10px; } .scope_of_work_text h1{ color:#FFF; font-size:30px; text-transform:uppercase; padding-top:2px; font-weight:bold} .reference_text h1{ font-size:30px; text-transform:uppercase; padding-top:2px; font-weight:bold} .reference_text .piclist h2{font-size:22px;padding-top:25px; padding-bottom:15px; } .reference_text p{ margin-bottom:-20px;} .piclist-col6 li{ margin-left:1.83%; _margin-left:1%; width:47%; height:90px; line-height:90px; background:#FFF; border:1px solid #acacac;overflow:hidden; box-shadow: 3px 3px 6px #999; margin-bottom:5px;} .piclist-col3 li{ width:100%; background:#FFF;overflow:hidden;margin-bottom:5px;} .piclist-col3 h3{ padding-top:150px;} .footer .footer_sec li{ float:left; width:100%;} .footer .footer_sec li .footer_sec_fl{ float:left; margin-right:10px;} .footer .footer_sec li .footer_sec_fl img{ margin-top:3px;} .mobile_hide{ display:none} .back_to_page,.next_product,.prev_product{ float:left; width:100%; margin:5px 0; padding:0} .back_to_page a,.next_product a,.prev_product a{ float:left; width:100%;margin:5px 0; padding:0} /*banner*/ .banner_text{ margin:10px auto 0 auto;position:relative; text-align:center; padding-bottom:30px;} .banner_text_1{ font-size:40px; text-transform:uppercase; color:#FFF; font-weight:bold} .banner_text_1 .red{ color:#cd3b2c} .banner_text_2{ font-size:16px; color:#FFF;} .banner_line{ background:url(../images/banner_line.png) no-repeat; width:15px; height:5px;display:inline-block; margin:15px 5px;} /*co bands*/ .piclist-col5{ margin-left:-2%;} .piclist-col5 li{ margin-left:2%; _margin-left:1%; width:47%; float:left;} .piclist-col5 li h4{ font-size:13px; height:60px;} .piclist-col5 li h3{ font-size:13px; height:30px;} /*about*/ .about_scope_of_work_l{box-shadow: 3px 3px 6px #999; width:700px; height:696px; margin:33px 0 33px 0; background:#FFF;} .about_scope_of_work_l img{ margin:45px 0 0 0px; width:100%;} .projects_class_list ul{ margin:5px 5px;} .projects_class_list ul li{ float:left; text-align:center; padding:5px 0} .service_main{ padding:0 10px; margin:10px 0 0 0} .service_main .service_left{ float:left;width:100%;} .service_main .service_right{ float:left;width:100%;} .service_main .service_right img{ max-width:100%; margin:0 0 10px 0;} .service_main h2{ font-size:13px; color:#cd3a2c; display:inline-block; vertical-align:bottom; padding:0 0 0 0px;} /*media_center_main*/ .media_center_main{ width:100%; background:#69F} .media_center_main div{ float:left; padding:10px 0;} .media_center_main .media_center_main_left{ width:100%; text-align:center} .media_center_main .media_center_main_center{ width:100%; margin:5px 0px; color:#9e9e9e} .media_center_main .media_center_main_right{ float:left;width:100%;text-align:center} .media_center_main .media_center_main_right p{border-bottom:1px solid #cd392b;width:40%;text-align:center; } .media_center_main .media_center_main_right a{ display:block;text-align:center; width:100%; border:1px solid #cd392b;border-radius: 25px; height:46px; line-height:46px;color:#cd392b ; font-size:14px; margin:5px 0 ;} .media_center_main .media_center_main_right a:hover{background:#cd392b;color:#FFF; text-decoration:none} .details_content h2{ text-align:center; font-size:13px; color:#000; font-weight:bold; text-transform:uppercase} .piclist-col4{ margin-left:-1.83%; margin-bottom:100px;} .piclist-col4 li{ margin-left:1.83%; _margin-left:1%; width:99%; background:#FFF; overflow:hidden; margin-bottom:25px; border-right:1px solid #CCC;} .piclist-col4 li.noboder{ border:none} .exhibition_text{ float:left;width:100%; position:relative} .exhibition_text h2{ font-size:25px} .exhibition_text p{ border-top:1px solid #333; line-height:30px; height:30px;} .exhibition_logo{ float:left;margin:15px auto;} .contact_left .mobile_fix{ display:block; margin-bottom:20px;} .contact_left .address_icon{ display:block; height:50px; float:left; margin-top:0px;} .contact_left .address{ float:left; padding-left:5px;margin-top:0px; line-height:36px;} .products_list ul li{ margin-bottom:40px; width:48%} .products_list ul li h2{ height:30px; font-size:14px} .products_text{ font-size:16px;} .about_chooseus_six ul li{ margin-bottom:20px; width:95%} .about_chooseus_six ul li h3{ height:30px; font-size:14px} .piclist-col4_home li{ margin-left:-1.83%; overflow:hidden;} .piclist-col4_home li{ float:left; margin-bottom:25px; margin-left:1.83%; *margin-left:1.80%; _margin-left:0.935%; width:30%; height:auto; text-align:center; overflow:hidden;} .piclist-col4_home li img{transition: all 1.5s; max-width:296px; max-height:198px;} .piclist-col4_home li img:hover{transform: scale(1.1); background:#CCC} .piclist-col4_home li span{ padding:5px 0; color:#000; font-size:12px; text-align:center; overflow:hidden; line-height:2em; display:block; height:25px;} .categories{ margin-top:75px;} #foot li{float: left;width: 100%;margin: 22px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 14px;line-height: 20px;color: #23171B;} #foot li span{display: block;height: 24px;margin-bottom: 8px;font-size: 16px;font-weight: bold;color: white;text-transform: uppercase;} #foot .add h4{ color:#182985; font-size:18px; font-weight:bold; padding-top:10px;} #foot .tel{ padding-top:0px;} .backtoabout,.backtonews{ display:none} .contact_left{ padding:0 10px;} .products .products_left,.products .products_right{ float:none; width:98%; font-size:14pt} .products h2{ font-size:14pt; padding-bottom:0px;font-weight:700; color:#006895} .quality_left{ float:none;width:100%;font-size:14pt; padding-right:0} .quality_text p.fisrt{ margin-top:10px;font-size:50px;color:#666666;} .quality_equipment_main p{ width:95%; float:none;} .quality_equipment_main p:last-child{ padding-left:0%} .quality_dimension_left{ float:none; width:95%;line-height:2.2em;} .quality_dimension_left h2,.quality_dimension_right h2{ color:#006895; font-size:30px; margin:5px 0; font-weight:700} .quality_dimension_right{ float:none;width:95%; margin-bottom:5px;} .bigclass_info p{width:98%; text-align:left; margin: 0} .product_data_left{float:left;width:100%; height:1374px; background:url(../images/contact_right_bg.png) right no-repeat #fff; color:#FFF;} .product_data_left_padding{ padding-left:0%} .product_data_left h2{ font-size:30px; font-weight:700; padding-top:100px; padding-left:10px;} .product_data_right{float:none} .position_left{ float:none; padding-top:5px; } .position_right{ float:none; margin-top:5px; padding-top:5px; } .product_gallery{width:100%; height:150px; background: linear-gradient(to right, #006A9F, #3C886F); color:#FFF; margin:0 auto } .product_gallery .text{ top: 0%; padding-left:10px;padding-right:10px;} .product_gallery h2{ font-size:35px; padding-bottom:10px; font-weight:bold} .news_details_left,news_details_right{ float:none; width:98%; padding:0; margin:0} .news_details_left p{ font-size:30px; text-align:center; color:#CFCFCF; margin-top:10px} .news_details_left span{ font-size:20px; text-align:center;color:#CFCFCF; display:block;margin-top:0px} }