/*-- Basic --*/ a { text-decoration: none; color: #f78e21; } a:hover { text-decoration: none; color: #f78e21; } p { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; } .heading-section { text-align: center; padding: 100px 0 80px 0; } .heading-section h2 { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color: #333; font-weight: 700; text-transform: uppercase; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .space30 { margin-bottom: 30px; } .space50 { margin-bottom: 50px; } /*-- Header --*/ .logo { padding: 20px 0 5px; } .pc{ padding:0 10px; width:380px; height:auto; } .mobile{ display:none; } .main-menu ul { padding: 0px; margin: 0px; text-align: center; } .main-menu li { list-style: none; display: inline-block; padding: 15px 0; text-align:center; float:left; } .main-menu a { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; color: #444; text-transform: uppercase; margin-right: 35px; } .main-menu a:hover { color: #f78e21; } .search-box { text-align: right; margin-top: 33px; position: relative; } .search-box input { margin-top: 0px; } .search-box input[type="submit"] { background-color: transparent; position: absolute; width: 34px; height: 34px; right: 0; top: 0; border: 0; content: ''; color: transparent; background: url(../images/search-icon.png); background-position: center; background-repeat: no-repeat; } .search-box input#s { padding: 4px 10px 4px 10px; height: 34px; line-height: 34px; outline: 0; border: 1px solid #ddd; } /*-- End Header --*/ /*-- Heading --*/ #heading { background-image: url(../images/bg-image.jpg); height: 140px; } #heading h2,#heading h1 { font-size: 36px; font-weight: 700; color: #fff; text-transform: uppercase; } #heading span { color: #fff; text-transform: uppercase; } .k_guidename{ color:#fff; } .heading-content { text-align: center; margin-top: 35px; } /*-- End Heading --*/ /*-- Timeline --*/ .timeline-thumb { position: relative; text-align: center; border-bottom: 3px solid #dbdbdb; } .timeline-thumb:hover { border-color: #f78e21; } .timeline-thumb .thumb img { width: 100%; overflow: hidden; } .timeline-thumb .overlay { background-color: rgba(0,0,0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; } .timeline-thumb:hover .overlay { visibility: visible; overflow: hidden; opacity: 1; cursor: pointer; } .timeline-caption h4 { padding-top: 80px; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #fff; margin: 0 0 3px 0; } .timeline-caption p { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #f78e21; } /*-- End Timeline --*/ /*-- About Us --*/ .about-thumb { position: relative; text-align: center; } .about-thumb img { width: 100%; } .about-content{ padding:20px 0; } /*-- End About Us --*/ /*-- Our Team --*/ .team-thumb { position: relative; text-align: center; } .team-thumb .author img { width: 100%; } /*-- End Our Team --*/ /*-- Products --*/ #product-heading { text-align: center; padding: 100px 0 30px 0; } #product-heading h2 { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color: #333; font-weight: 700; text-transform: uppercase; } #Container { margin-top: 80px; } #Container .mix { display: none; } .portfolio-wrapper { overflow: hidden; padding-top: 20px; } /* #filters { text-align: center; } #filters ul { margin: 0px; padding: 0px; } #filters li { cursor: pointer; list-style: none; display: inline-block; } #filters span { text-transform: uppercase; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #444; padding-left: 15px; } #filters span:hover { color: #f78e21; transition: all 0.3s ease-in; } */ .label-text{ border-bottom: dotted 1px #ccc; } .label-text a { color: #333; } .label-text a:hover { color: #f78e21; } .label-text h3 { margin: 10px 0 10px 0; font-size: 16px; font-weight: 700; color: #333; text-align:center; text-transform: uppercase; } /* .label-text span { color: #777; text-transform: uppercase; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; display: block; color: #f78e21; } .portfolio-thumb img { width: 100%; } .portfolio-thumb { position: relative; } .hover-iner { position: relative; width: 100%; height: 100%; } .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} .hover-iner a { position: absolute; top: 35%; left: 43%; margin-left: -18px; margin-top: -18px; background-color: rgba(0,0,0, 0.1); border: 1px solid #f78e21; width: 80px; height: 80px; line-height: 80px; color: #fff; text-align: center; } .hover-iner img { width: auto; } .hover-iner span { position: absolute; text-transform: uppercase; color: #fff; margin-top: 190px; text-align: center; font-size: 13px; width: 100%; color: #f78e21; font-weight: 300; } .hover { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.7); } .portfolio-wrapper:hover .portfolio-thumb .hover { visibility: visible; opacity: 1; transition: all 0.3s ease-in; } */ .pagination { margin-top: 60px; } .pagination ul { padding: 0; margin: 0; } .pagination li { list-style: none; display: inline-block; } .pagination a { background-color: #444; width: 40px; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; color: #fff; display: block; text-align: center; float:left; margin-left:1px; } .pagination a:hover { background-color: #f78e21; } .pagination em, .pagination strong{ background-color: #777; width: 40px; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; color: #fff; display: block; text-align: center; float:left; margin-left:1px; } /*- End Products --*/ /*-- Single Post --*/ .image-post { overflow: hidden; } .image-post img{ width:100%; heigth:auto; } .product-title h3 { font-size: 16px; font-weight: 700; color: #333; display: inline-block; margin-right: 20px; border-right: 1px solid #ddd; padding-right: 20px; } .product-title span { display: inline-block; font-size: 13px; color: #f78e21; } .product-title span a{ font-weight: 300; } .product-content a { font-weight: 700; font-size: 13px; } .product-content p { margin-top: 5px; padding-bottom: 15px; } .product-content img { max-width:100%; } .product-content table{ font-size:11px; color:#333333; border-width:1px; border-color:#666666; border-collapse:collapse; width:100%; margin:20px auto; } .product-content table tr:nth-child(odd) { border-width:1px; padding:1px; border-style:solid; border-color:#666666; color:#000; background-color:#dedede; font-weight:600; text-align:center; } .product-content table tr { border-width:1px; padding:1px; border-style:solid; border-color:#666666; background-color:#ffffff; } .product-content table td { border-width:1px; padding:1px; border-style:solid; border-color:#666666; } .leave-comment h4 { margin-top: 30px; padding-bottom: 10px; font-size: 16px; color: #666; font-weight: 700; text-transform: uppercase; } input, textarea { padding: 10px; border: 1px solid #e2e2e2; width: 100%; margin-top: 25px; font-size: 13px; font-style: italic; font-weight: 300; color: #aaa; outline: none; } textarea { height: 165px; max-height: 180px; max-width: 770px; line-height: 18px; width: 100% } .form label { margin-left: 10px; color: #999999; } .send button { width: 90px; color: #fff; cursor: pointer; height: 35px; line-height: 30px; text-align: center; background-color: #f78e21; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; text-transform: uppercase; border: 0; outline: none; } .leave input { width: 90px; cursor: pointer; height: 35px; line-height: 30px; text-align: center; background-color: #f78e21; color: #fff; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; text-transform: uppercase; border: 0; } /*-- End Single Post --*/ /*-- Contact Us --*/ .message-form input { margin-top: 0px; } .message-form textarea{ padding-bottom: 20px; } .send{ margin-top: 20px; } .message-form #company{ margin-bottom: 25px;} .info p { padding-bottom: 20px; } .info ul { margin: 0; padding: 0; } .info li { list-style: none; margin: 10px 0; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; } .info i { color: #f78e21; margin-right: 10px; font-size: 18px; } /*-- End Contact Us--*/ /*-- Side Bar --*/ .side-bar h4 { font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; background-color: #f78e21; margin-top: 0px; padding: 9px 15px 9px 15px; } .archives-list ul { margin-top: 25px !important; padding-bottom: 30px !important; margin: 0; padding: 0; } .archives-list li { list-style: none; margin: 10px 0; } .archives-list li h3{ margin-top: 0px; margin-bottom: 0px; } .archives-list i { font-size: 16px; margin-right: 5px; color: #f78e21; } .archives-list a { text-transform: uppercase; color: #333; font-size: 16px; font-weight:700; } .archives-list a:hover { color: #f78e21; } .recent-post { overflow: hidden; margin-bottom: 20px; } .recent-post-thumb { float: left; margin-right: 20px !important; width: 70px; height: 70px; } .recent-post-info { overflow: hidden; } .recent-post-info h6 { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-top: 0; } .posts { margin-top: 30px; margin-bottom: 30px; } .recent-post-info a { color: #333; } .recent-post-info a:hover { color: #f78e21; } .recent-post-info span { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #f78e21; } /* .flickr-images { margin-top: 20px; } .flickr-images img { margin-top: 20px; overflow: hidden !important; width: 68px; } .flickr-images img:hover { border: 3px solid #f78e21; transition: all 0.1s ease-in; cursor: pointer; } */ /*-- End Side Bar --*/ /*-- Slider --*/ #slider { overflow: hidden; } .slider-caption { text-align: center; position: absolute; width: 100%; margin-top: 160px; color: #fff; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .slider-caption h1 { text-shadow: 1px 1px #777; font-size: 48px; padding-bottom: 10px; font-weight: 500; color: #f78e21; text-transform: uppercase; } .slider-caption p { font-size: 18px; font-weight: 300; color: #fff; line-height: 15px; } .slider-caption a { margin-top: 20px; text-decoration: none; display: inline-block; background-color: #f78e21; width: 200px; height: 40px; text-align: center; color: #fff; line-height: 40px; text-transform: uppercase; font-size: 18px; font-weight: 600; } /*-- End Slider --*/ /*-- Services --*/ .service-item { text-align: center; } .icon{ padding:25px; overflow: hidden; } .icon img{ width:100%; } .service-item h4 { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; margin-top: 25px; } /*-- End Services --*/ /*-- Latest Posts --*/ .blog-post { position: relative; margin-bottom: 30px; } .blog-thumb { overflow: hidden; position: relative; } .blog-thumb img { width: 100%; } .blog-content { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.7); color: #fff; padding: 15px; } .content-show a { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; } .content-show span { color: #f78e21; } .content-show span a{ color: #f78e21; font-size: 14px; font-weight: 300; line-height: 1.42857143; } .content-hide { margin-top: 15px; display: none; } .content-hide p { color: #fff; } /*-- End Latest Posts --*/ /*-- Lates News --*/ .news-post { position: relative; margin-bottom: 30px; overflow: hidden; } .news-thumb { overflow: hidden; } .news-thumb img { width: 100%; } .news-content { bottom: 0; left: 0; color: #333; padding: 5px 15px; } .news-content-title h4{ height:20px; overflow:hidden; margin:5px 0 5px; } .news-content-title a { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; } .news-content-title span { color: #f78e21; } .news-content-text p { color: #666; height:36px; overflow:hidden; } /*-- End Latest Posts --*/ /*-- Certificates --*/ .certificate-thumb { position: relative; text-align: center; } .certificate-thumb .picture img { width: 100%; } .certificate-thumb .overlay { background-color: rgba(0,0,0, 0.7); position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; } .certificate-thumb:hover .overlay { visibility: visible; opacity: 1; cursor: pointer; } .certificate-details { margin-top: 15px; text-align: center; } .certificate-details h2 { display: block; margin-bottom: 0px; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; } .certificate-details span { color: #f78e21; text-transform: uppercase; } /*-- End Certificates --*/ /*-- page-list --*/ .product-list h2{ padding-bottom:30px; margin-bottom:30px; border-bottom:dotted 1px #a1a1a1 } .product-divider { margin:35px 0; background: url(../images/bg_off.png) repeat; content: ""; height: 5px; } .page-nav a{ font-weight:600; margin:0 5px; line-height:30px; } .page-list article.post { border-bottom: none; } .post-image{ padding: 4px; border: 1px solid #ddd; background: url(../img/bg_off.png) repeat; } .post-image { margin-bottom: 30px; overflow: hidden; position: relative; border-radius: 2px; } .post-image { padding: 4px; border: 1px solid #ddd; background: url(../images/bg_off.png) repeat; } .post-image img{ width: 100%; } .post-image a { display:block; position:relative; } .page-list article.post { border-bottom: none; } .post-header h3.content-title { text-align: left !important; margin-bottom: 15px; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height:18px; height:18px; overflow:hidden; } .post-news{ margin-bottom:35px; } .blog-entry-meta { font-size: 0; } .blog-entry-meta-date { display: inline-block; margin-right: 25px; margin-bottom: 10px; font-size: 14px; vertical-align: top; } .blog-entry-meta-author { display: none; margin-right: 15px; margin-bottom: 10px; font-size: 14px; vertical-align: top; } .blog-entry-meta-tags { display: none; margin-right: 25px; margin-bottom: 10px; font-size: 14px; vertical-align: top; } .blog-entry-meta i { margin-right: 4px; } .blog.meta_author .blog-entry-meta-author { display: inline-block; } .blog.meta_tags .blog-entry-meta-tags { display: inline-block; } .blog.meta_authortags .blog-entry-meta-author,.blog.meta_authortags .blog-entry-meta-tags { display: inline-block; } .blog.meta_authorcomments .blog-entry-meta-author{ display: inline-block; } .blog.meta_tagscomments .blog-entry-meta-tags { display: inline-block; } .blog-entry-meta-author,.blog-entry-meta-tags,.blog-entry-meta-comments { display: inline-block; } .post-content { padding-bottom: 10px; } .post-content p{ height:54px; overflow:hidden; } .post-date a.date, .post-date .date{ background: none repeat scroll 0 0 #fafafa; display: block; float: left; margin-right: 20px; padding: 10px 0 0; text-align: center; text-decoration: none; width: 55px; border-radius:2px; } .post-date a.date strong,.post-date .date strong { color: #1889C1; display: block; font-size: 27px; font-weight: normal; margin-bottom: 10px; } .post-date a.date i, .post-date .date i{ background-color: #1889C1; border-top: 1px solid #F3F3F3; color: #FFFFFF; display: block; font-size: 11px; font-style: normal; } .page-list .blog-entry-meta-author, .page-list .blog-entry-meta-tags, .page-list .blog-entry-meta-comments { font-size:11px; } .hide-tags{ display:none; } /*--Footer--*/ footer { background-color: #f3f3f3; border-top: 4px solid #f78e21; margin-top: 120px; } /* .social-bottom { margin-top: 40px; padding-bottom: 40px; } .social-bottom span { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 600; color: #333; text-transform: uppercase; float: left; margin-right: 26px; } .social-bottom ul { margin: 0; padding: 0; } .social-bottom li { list-style: none; display: inline-block; } .social-bottom a { background-color: #fff; font-size: 18px; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #bbb; } .social-bottom a:hover { background-color: #f78e21; color: #fff; } .subscribe-form { margin-top: 40px; padding-bottom: 40px; } .subscribe-form span { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 600; color: #333; text-transform: uppercase; float: left; margin-right: 26px; } .subscribeForm { position: relative; display: inline-block; } .subscribe-form input[type="submit"] { position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: url(../images/subscribe-icon.png); background-repeat: no-repeat; background-position: center; color: transparent; background-color: transparent; content: ''; margin-top: 0; border: 0; } .subscribe-form input#subscribe { padding: 4px 10px 4px 10px; line-height: 34px; height: 34px; max-width: 280px; width: 280px; margin-top: 0px; outline: 0; border-color: #f3f3f3; } */ .main-footer{ margin-top:20px; } .shop-list ul { margin: 0; padding: 0; } .shop-list li { list-style: none; margin: 10px 0; } .shop-list i { font-size: 16px; margin-right: 5px; color: #f78e21; } .shop-list a { text-transform: uppercase; color: #888; font-size: 13px; } .shop-list a:hover { color: #f78e21; } .footer-title, .footer-title a{ font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; padding-bottom: 20px; } .recent-post { overflow: hidden; margin-bottom: 20px; } .recent-post-thumb { float: left; margin-right: 10px; width: 70px; height: 70px; } .recent-post-info { overflow: hidden; } .recent-post-info h6 { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-top: 0; } .recent-post-info a { color: #333; } .recent-post-info a:hover { color: #f78e21; } .recent-post-info span { font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #f78e21; } /* .more-info p { padding-bottom: 20px; } */ .more-info ul { margin: 0; padding: 0; } .more-info li { list-style: none; margin: 10px 0; font-family: 'microsoft yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; } .more-info i { color: #f78e21; margin-right: 10px; font-size: 18px; } .bottom-footer { text-align: left; padding: 60px 0 15px 0; } .friendlink{ border-top: 1px solid #f78e21; padding-top:15px; padding-bottom:35px; background-color: #eaeaea; } .friendlink .footer-title{ padding-bottom: 5px; } .friendlink a{ padding:2px 5px; } /*-- End Footer --*/ .map { margin: 0; width: 100%; height: 500px; position: relative; } /*--- RESPONSIVE ---*/ @media screen and (max-width: 1024px) { .friendlink{ display:none; } .about-thumb img { padding:38px 0; } } @media screen and (max-width: 990px) { .main-menu li{ float:none; } .about-thumb img { padding:0px 0 20px; width: 100%; } .logo { text-align: center; } .search-box { display: none; } .slider-caption { display: none; } .service-item { margin-top: 40px; } .footer-title { margin-top: 60px; } .bottom-footer { text-align: center; } .timeline-thumb{ margin-top: 30px; border-bottom: none; } .team-thumb { margin-top: 30px; } .team-thumb { margin-top: 30px; } .side-bar { margin-top: 100px; } .side-bar h4 { width: 100%; } .send-message input { margin-top: 20px; } .info { margin-top: 60px; text-align: center; } .product-content table{ display:none; } } @media screen and (max-width: 767px) { .mobile{ display:block; margin:10px 0 0; } .mobile img{ width:100px; padding:5px 5px 5px 15px; } .header-top, .pc{ display:none; } .logo { height:120px; } .logo img { padding: 0 10px; width: 70px; float:left; } .navbar-collapse { border-color: none; background: #F58A2E; } .navbar-toggle .icon-bar { background-color: #FFF; border-radius: 0; } .navbar-toggle { background-color: rgb(245, 138, 46); background-image: none; border: 0; border-radius: 0; margin-top:40px; } .icon{ padding:25px 25%; overflow: hidden; } } @media screen and (max-width: 568px) { .logo { text-align: center; } .search-box { display: none; } .content-hide p { display: none; } .slider-caption { display: none; } .service-item { margin-top: 0px; } .footer-title { margin-top: 60px; } .bottom-footer { text-align: center; } .timeline-thumb{ margin-top: 30px; border-bottom: none; } .team-thumb { margin-top: 30px; } .side-bar { margin-top: 100px; } .side-bar h4 { width: 100%; } .send-message input { margin-top: 20px; } .info { margin-top: 60px; text-align: center; } .logo { padding-bottom: 60px; } .main-menu li { display: block; text-align:right; } .main-menu li a{ color:#fff; } #heading-section img { display: none; } .divide-line img { display: none; } .top-footer { display: none; } } @media screen and (max-width: 1000px) { .slider-caption { display: none; } } @media screen and (max-width: 600px) { body { overflow-x: hidden; } .heading-section img { width:80%; padding:0 10%; } } @media screen and (min-width: 995px) { .hover-iner span { margin-top: 160px; } body { overflow-x: hidden; } } /*--- END RESPONSIVE ---*/