html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #fff;
color: #2b2b2b;
/*font-family: 'Cabin', sans-serif;*/
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
line-height: 16px;
min-width: 320px;
/*overflow: hidden;*/
width: 100%;
}
* {
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6,p{
margin: 0
}
html, html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
a, button {
text-decoration: none;
cursor: pointer;
}
a{
color: #2b2b2b;
}
a, a:hover, a:focus, button:hover, button:focus {
outline: 0 none !important;
text-decoration: none;
}
a:focus ,a:hover{
color: #ba3f15;
}
ul{
margin: 0;
padding: 0;
}
#page{
overflow: hidden;
}
.remove-padd{
padding-left: 0;
padding-right: 0;
}
.offspace-15{
margin-top: 15px;
}
.offspace-45{
margin-top: 45px;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*top header*/
/*===================================================================================*/
/* HEADER CONTACT INFORMATION
/*===================================================================================*/
.top-header{background: #000 none repeat scroll 0 0;padding: 12px 0;}
/*top header*/
.top-header {
background: #000 none repeat scroll 0 0;
padding: 12px 0;
}
/*..social-grid li a {
color: #fff;
display: inline-block;
font-size: 15px;
text-align: center;
}*/
.social-left li a{color: #fff;display: inline-block;font-size: 15px;}
.social-grid li a {color: #a9a9ae;display: inline-block;font-size: 16px;}
.social-grid li a:hover{color: #ff4157;}
.social-grid li + li{ margin-left: 25px;}
.info-block{color: #fff;}
.info-block .fa {margin-right: 15px;}
/*social link*/
.social-grid ul li{display: inline;}
.branding{padding: 25px 0 20px 0;}
.branding .top-title{font-size: 24.78px; color: #ba4015; font-weight: bold; line-height: 24.28px;}
.branding .top-phone{font-size: 29.02px; color: #ba4015; font-weight: bold; line-height: 29.02px; display: block; margin-top: 15px;}
/* nav */
.navbar-top{height: 60px; }
.navbar-top li{width:auto;}
.navbar-top li span{margin-left:6px;line-height: 18px;}
.navbar-top .navbar-title li a{line-height: 17px; color: #8c95a2; height:17px;margin:25px 0px;padding:0px 28px;font-weight: bold;display:inline-block;border-right: 1px solid #e6e6e6}
.navbar-top .navbar-title li a:hover{color: #ba3f15;background:none;}
.navbar-top .navbar-title li a:hover span{border-bottom: 2px solid #ba3f15}
/*.navbar-top .navbar-title>li>a>i{padding-right: 6px;}*/
.progress{height: 2px; margin-bottom: 0px;}
.navb{margin:0px;}
.navbar-top .navbar-title li:hover .twonav {display:block;}
.twonav{position:absolute;top:65px;left:10px;background:#fff;width:auto;display:none;z-index:100; word-break:keep-all; white-space:nowrap;}
.twonav_one{position:absolute;left:-5px;word-break:keep-all; white-space:nowrap;}
.twonav_two{position:absolute;left:5px; word-break:keep-all; white-space:nowrap;}
.navbar-top .navbar-title .twonav a{border-right:0px;font-weight: 400;margin:15px 0px;}
.navbar-top .navbar-title .twonav p{border-bottom: 1px solid #e6e6e6}
/* banner */
/*product*/
.product{margin: 73px 22px 10px; height: 302px;}
.product .product-left{height: 287px; position: relative;}
.product .product-left h2{font-size: 30px; color: #0f0f16; font-weight: bold; }
.product .product-left span{border: 1.5px solid #0f0f16; display: block; width: 30px; height: 3px; margin: 21px 0;}
.product .product-left p{font-size: 17px; line-height: 24px; color: #666666; }
.product .product-left a img{background-image: url("../images/button_03.png"); width: 171px; height: 48px; position: absolute; bottom: 7px;}
.product .product-right{height: 300px; margin: 0; padding: 0;}
.product .product-right li{list-style: none;}
.product .product-right li a span{display:block; margin-top: 8px; font-size: 17px; line-height: 24px; color: #666666;}
/*Why Choose Us*/
.choose{margin: 58px 0 46px;}
.choose h1{font-size: 36px; color: #0f0f16; font-weight: bold;}
.choose img{margin: 24px 0px; background-image: url("../images/icon/line_03.png");}
.choose p{font-family: 'Arial', sans-serif; font-size: 17px; color: #666666;}
.post {margin: 0 0 20px; padding: 25px 20px 25px; transition: 0.3s;}
.post:hover { box-shadow: 0 30px 30px 0 rgba(0,0,0,0.1); }
.post .post-thumbnail {
margin: 0 0 11px;
width: 100%;
overflow: hidden;
position: relative;
transform: perspective(1px) translateZ(0);
transition-duration: 0.2s;
}
.post .post-thumbnail img {
margin-bottom: 15px;
}
.post:hover .post-thumbnail { -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.post .post-thumbnail .icon1{display:block; width: 6rem; height: 6rem; margin: 0 auto; }
/*.post .post-thumbnail .icon2{display:block; width: 6rem; height: 6rem; margin: 0 auto; background:url("../images/icon/moq.png") center no-repeat; background-size: 100% 100%;}*/
/*.post .post-thumbnail .icon3{display:block; width: 6rem; height: 6rem; margin: 0 auto; background:url("../images/icon/mold.png") center no-repeat; background-size: 100% 100%;}*/
/*.post .post-thumbnail .icon4{display:block; width: 6rem; height: 6rem; margin: 0 auto; background:url("../images/icon/history.png") center no-repeat; background-size: 100% 100%;}*/
/*.post .post-thumbnail .icon5{display:block; width: 6rem; height: 6rem; margin: 0 auto; background:url("../images/icon/inspection.png") center no-repeat; background-size: 100% 100%;}*/
/*.post .post-thumbnail .icon6{display:block; width: 6rem; height: 6rem; margin: 0 auto; background:url("../images/icon/material.png") center no-repeat; background-size: 100% 100%;}*/
.post .entry-header { display: block; margin: 0 0 15px; padding: 0; }
.entry-header .entry-title { margin: 0; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: bold;}
.entry-header .entry-title:after {
content: '';
background-color: #c8c8c8;
font-size: 1rem;
height: 2px;
width: 5.5rem;
display: block;
margin: 1.8rem auto 0rem;
}
.post .entry-content { display: block; overflow: hidden; margin: 0px; color: #747474; font-size: 16px;line-height: 1.6;}
/* 横幅 */
.hf{margin-top: 50px;background:url(../images/hf/hf1_02.png);background-size:100% 100%;padding-bottom: 150px;}
.hf .hf-content{text-align: center;width:60%;margin:0px auto;margin-top:120px;color: #ffffff;padding: 10px;}
.hf .hf-content h1{font-family: 'Roboto', sans-serif; font-size: 34px; word-spacing:6px;}
.hf .hf-content p{position: relative; margin:36px 0 10px; line-height: 36px; font-size: 17px;}
.hf .hf-content .hf-but{margin-top:40px; width: 13.5rem; height: 4.1rem; border-radius: 2.2rem; background-color: #ba4015; color: #ffffff; font-size: 16px;}
/*Production*/
.production{margin-top: 40px;}
.production .left-pro{margin: 30px 22px 0; padding: 10px;}
.production .left-pro h1{font-family: 'Roboto', sans-serif; font-size: 36px;}
.production .left-pro h1:after{content: ''; background-color: #0f0f16; font-size: 1rem; height: 2px; width: 2.5rem; display: block; margin: 1.8rem 0rem;}
.production .left-pro p{font-family:'Roboto',sans-serif; font-size: 17px; line-height: 30px; color: #747474; word-spacing: 3px;}
.production .left-pro .left-ico{padding: 10px 0;}
.production .left-pro .left-ico .left-d{padding: 2px 10px; background: url("../images/icon/left-b.png") left no-repeat;}
.production .left-pro .left-ico .left-d span{display: block; padding-left: 11px; margin: 0;}
.production .left-pro .left-link{margin: 20px 0 60px;}
.production .left-pro .left-link .left-zuo{margin-top: 25px; padding: 2px 20px; background: url("../images/icon/left-zuo.png") left no-repeat;}
.production .left-pro .left-link .left-zuo span{display: block; padding-left: 14px; margin: 0; font-family: 'Roboto',sans-serif;font-size: 24px; line-height: 30px; color: #ba4015;}
.production .left-pro .left-link .left-zuo span:after{content: ''; background-color: #ba4015; height: 1px; width: 24rem; display: block; margin: 1rem 0 0rem;}
.production .right-pro{margin: 30px 0px; padding: 10px;}
.production .right-pro img{width:100%;}
.production .right-pro2{margin: 55px 22px 0; padding: 16px 22px;}
.production .right-pro2 h1{font-family: 'Roboto', sans-serif; font-size: 36px;}
.production .right-pro2 h1:after{content: ''; background-color: #0f0f16; font-size: 1rem; height: 2px; width: 2.5rem; display: block; margin: 1.8rem 0rem;}
.production .right-pro2 p{font-family:'Roboto',sans-serif; font-size: 17px; line-height: 30px; color: #747474; word-spacing: 3px;}
.production .right-pro2 .left-ico{padding: 10px 0;}
.production .right-pro2 .left-ico .left-d{padding: 2px 10px; background: url("../images/icon/left-b.png") left no-repeat;}
.production .right-pro2 .left-ico .left-d span{display: block; padding-left: 11px; margin: 0;}
.production .right-pro2 .left-link{margin: 20px 0 60px;}
.production .right-pro2 .left-link .left-zuo{margin-top: 25px; padding: 2px 20px; background: url("../images/icon/left-zuo.png") left no-repeat;}
.production .right-pro2 .left-link .left-zuo span{display: block; padding-left: 14px; margin: 0; font-family: 'Roboto',sans-serif;font-size: 24px; line-height: 30px; color: #ba4015;}
.production .right-pro2 .left-link .left-zuo span:after{content: ''; background-color: #ba4015; height: 1px; width: 24rem; display: block; margin: 1rem 0 0rem;}
.pro-footer{margin: 45px 20px 0; background-color: #f8f8f8; border-top: 3px solid #ba3f15; padding: 30px 20px;}
.pro-footer .procont .pro-con{font-family: 'Roboto',sans-serif; font-size: 20px; color: #333333; line-height: 20px;}
.pro-footer .procont .pro-foot{margin-top: 20px; font-family: 'Roboto',sans-serif; font-size: 16px; color: #666666; letter-spacing: 2px}
/*Our Team*/
.team{background: url("../images/backgroud.png");background-size: 100% 100%;margin-top: 67px;position: relative;}
.team .team-header{font-family: 'Roboto',sans-serif; color: #fff; text-align: center; padding-top: 80px;}
.team .team-header h1{font-size: 36px;}
.team .team-header img{display: block; margin: 20px auto;}
.team .team-header p{font-size: 17px;}
.team .team-content{margin-top:25px; padding-bottom: 80px;}
.team .team-content h1{font-family: 'Roboto', sans-serif; font-size: 36px; color: #fff; margin: 25px auto;}
.team .team-content p{font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 24px; color: #fff; overflow: hidden;}
.team .team-but{margin-top: 50px;}
/*.team .team-but{margin-top: 50px;}*/
.team .team-img a img{display: block; margin: 0 auto; width: auto;}
/*Latest News*/
.latest{margin: 50px 10px 10px;}
.latest h1{font-family: 'Roboto',sans-serif; font-size: 36px; font-weight: bold;}
.latest img{margin: 20px auto 24px;}
.latest p{font-family: 'Arial',sans-serif; font-size: 17px; color: #666666;}
.late-content{margin-top: 46px;}
.late-content img{width:100%;}
.late-title{font-family: 'Roboto',sans-serif; font-size: 22px; line-height: 30px; color: #333333; padding: 20px 10px 0px;}
.late-con{font-family: 'Roboto',sans-serif; font-size: 17px; line-height: 24px; color: #747474; padding: 10px;}
.late-con:after{content: ''; background-color: #c8c8c8; font-size: 1rem; height: 1px; display: block; margin: 1.8rem auto 0.2rem;}
.late-gz{font-family: 'Roboto',sans-serif; font-size: 14px; line-height: 24px; color: #999999; padding-left: 15px;}
.late-gz span{margin-right: 16px;}
.late-gz span i{margin-right: 12px; font-size: 18px;}
/*Meet Our Clients*/
.meet{background-color: #f4f5f9;margin-top: 85px;}
.meet .meet-header{margin-top: 80px;}
.meet .meet-header h1{font-family: 'Roboto',sans-serif; font-size: 36px; font-weight: bold;}
.meet .meet-header img{margin: 24px auto;}
.meet .meet-header p{font-family: 'Roboto',sans-serif; font-size: 17px; color: #666666; margin-bottom: 60px;}
.meet-ours{width: 100%; padding-bottom: 5%;}
.meet-ours ul{padding: 0 10px;}
.meet-ours ul li{float: left; padding: 10px; list-style: none; width: 20%}
.meet-ours ul li img{display: block; border: 1px solid #ebecf0; width: 98%;}
.meet-but div{margin: 50px auto 85px;}
/*Get In Touch*/
.touch{margin: 80px auto 160px;}
.touch h1{font-family: 'Roboto',sans-serif; font-size: 36px; font-weight: bold;}
.touch img{margin: 20px auto 50px;}
.touch .kf img{display:block; clear: both; position: relative; margin: 0;}
.touch .kf .kf-header{position: absolute; top: 8%; left:21%; font-family: 'Roboto',sans-serif;}
.touch .kf .kf-header .kf-hd{font-size: 26px; line-height: 24px; color: #303030;}
.touch .kf .kf-header .kf-wl{font-size: 17px; line-height: 24px; color: #666666; margin-top: 10px;}
.touch .kf .kf-cont{font-size: 16px; color: #666666; margin-top: 30px; word-spacing: 2px; line-height: 24px;}
.kf-link{margin-top: 50px; font-family: 'Roboto',sans-serif;}
.kf-link .kf-icon1{display: block; background: url("../images/icon/email.png") left no-repeat; background-size: 22px 20px; height: 16px; margin-bottom: 10px;}
.kf-link .kf-icon1 span{font-size: 18px; font-weight: bold; margin-left: 33px;}
.kf-link .kf-icon2{display: block; background: url("../images/icon/phone.png") left no-repeat; background-size: 22px 22px; height: 20px; margin-bottom: 10px;}
.kf-link .kf-icon2 span{font-size: 18px; font-weight: bold; margin-left: 33px; }
.kf-link .kf-email{font-size: 16px; color: #747474;}
.touch .touch-form .form-control{height: 44px; font-family: 'Roboto',sans-serif; font-size: 16px;}
.touch .touch-form .textar{height: 118px; margin: 15px auto 30px;}
.touch .touch-form .sub{background-color: #ba3f15; font-size: 17px; color: #ffffff;}
/*footer*/
.footer{background-color: #212022; font-family: 'Roboto',sans-serif;}
.footer .footer-left{margin-top: 85px; padding: 0 20px;}
.footer .footer-left p{font-size: 17px; color: #ffffff; margin: 30px auto 50px; line-height: 26px; word-spacing: 2px;}
.footer .footer-left .foot-sub{margin-left: 0; background-color: #ba3f15; color: #ffffff; font-size: 16px; line-height: 26px; height: 40px; border: 1px solid #ba3f15;}
.footer .footer-left .col-md-5,.col-sm-5{padding: 1px;}
.footer .footer-center{margin-top: 70px; font-family: 'Roboto Condensed',sans-serif; font-size: 16px; line-height: 26px; color: #7b7b7b; padding: 0 5%;}
.footer .footer-center .ft{font-size: 18px; color: #ffffff; font-weight: 500; letter-spacing: 2px;}
.footer .footer-center .contact-info{margin: 0; padding-bottom: 10px; list-style: none; display: block;}
.footer .footer-center .contact-info .color-primary{color: #fff;}
.footer .footer-center .contact-info li{margin-top: 14px;}
.footer .footer-all{margin-bottom: 40px;}
/*.footer .footer-title h4{font-size: 17px; color: #fff; }*/
/*.footer .footer-title p{font-size: 16px; color: #7b7b7b; line-height: 26px; word-spacing: 4px;}*/
/*.footer .footer-title {margin-bottom: 15px;}*/
.soc-ico{padding: 5px 0 10px; overflow: hidden; }
.soc-ico a{display: inline-flex; align-items: center; justify-content: center; background-color: #585858; margin: 2px 4px 2px; width: 26px;height: 26px; text-align: center; border-radius: 50%; box-sizing: border-box;}
.soc-ico a .soc-font-icon{color: #fff;}
.soc-ico a:hover{background-color:#ba3f15;}
.footer .footer-right{margin-top: 70px;}
.footer .footer-bar{border-top: 1px solid #45444b; font-family: 'Roboto',sans-serif;color: #fff;}
.footer .footer-bar .left-bar{padding: 25px;}
.footer .nav-pills>li{float: left;}
.footer .nav-pills>li:hover{color: #ba3f15;background:none;}
.footer .nav-pills>li>a:hover{background-color: #212022; color: #ba3f15;}
.nav>li>a{position: relative; display: block; padding: 25px 10px;}
.footer .nav-pills>li>a{font-size: 14px;color:#fff;}
.footer .nav-pills>li.active>a{background-color: #212022;}
/*.footer .nav-pills>li.active>a:after{
content: '';
background-color: #fff;
font-size: 1rem;
height: 1px;
width: 3rem;
display: block;
margin: 0.5rem 0 0 1.2rem;
}
*/
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:17px;margin:40px 10px 0; background: #000; padding:4px 7px;display:inline-block;cursor:pointer;-webkit-border-radius:3px; border: 1px solid #fff; -moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background: #ba3f15;color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#ba3f15}
header{width:100%;background:#fff;position:fixed;top:0px;z-index: 20;}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 1200px) {
.banner{margin-top:225px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.banner{margin-top:225px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.banner{margin-top:225px;}
.touch .kf .kf-header{position: absolute; top: 0%; }
.touch .kf .kf-cont{margin-top:15px;}
.kf-link p{line-height: 30px;}
.product .product-right img{width:100%;}
}
@media screen and (max-width: 767px) {
.navb{position:relative;}
.navb #bs-example-navbar-collapse-1{height:300px;position:relative;z-index: 10; overflow: hidden; text-align: center;}
.banner{margin-top:160px;}
.navb #bs-example-navbar-collapse-1 a{padding:5px 0px;text-align: left;overflow: hidden;}
.product .product-right img{width:100%; overflow: hidden; margin: 2% 0 1%;}
.product .product-left{height: 50%;}
.production .left-pro{margin: 2%;}
.branding{padding: 0 2%;}
.production{margin-top: 0;}
.team{margin-top: 2%;}
.production .right-pro2 .left-link{margin: 2% 0 0;}
.production .right-pro2{margin: 2% 0 0;}
.hf{margin-top: 50px;background:url(../images/hf/hf1_02.png);background-size:100% 100%;padding-bottom: 100px; overflow: hidden;}
.hf .hf-content{text-align: center;width:80%;margin:0px auto;margin-top:80px;color: #ffffff;padding: 10px; overflow: hidden;}
.meet-ours ul li{float: left; padding: 10px; list-style: none; width: 30%; overflow: hidden;}
.meet-ours ul li img{display: block; border: 1px solid #ebecf0; width: 98%; overflow: hidden;}
.kf-link p{line-height: 30px;}
.form{margin-top:30px;}
.navb #bs-example-navbar-collapse-1 li{text-align: left;line-height: 30px;}
.navb #bs-example-navbar-collapse-1 li a{height:30px;text-align: center;margin:0px; padding:0px;line-height: 30px; color: #ff4157;}
.product .product-right img{width:100%;}
.navbar-top .navbar-title li a{border:0px none;}
.twonav{position:absolute;top:30px;left:0px;width:100%;}
.twonav .twxs{padding-left: 5%;}
}