/******   public  ******/
body{ margin: 0;padding: 0;font-family: "微软雅黑";}
body,html{-webkit-text-size-adjust: none;width: 100%;height: 100%;}
*{text-decoration: none;list-style: none;}
img{border: 0px;}
ul,li,dl,dd,dt,p,ol{font-size: 14px;font-weight: 100;padding: 0;margin: 0;}
h1,h2,h3,h4,h5{}
p{line-height: 24px;}
h2{margin-bottom: 20px;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{ content: ""; height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.clearfix:after{clear:both;} 
.clearfix{  *zoom:1;/*IE/7/6*/}
.pointer{cursor:pointer;}
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}
/*a:link {color:#0f0;text-decoration:none;} 
a:visited {color: #FFFF00; text-decoration:none;} 
a:hover {color: #00FF00; text-decoration:underline;} 
a:active {color: #0000FF; text-decoration:underline;}*/
a{color: #333;}
a:hover{color: #208040;}
.text-org{color: #FD9B00;}
.text-black{color: #999; font-size: 12px;}


.topbar{background-color: #2F3A58;padding:5px 0; color: #A2E055;}
.navbar-default {background: rgb(255, 255, 255); border: none;}
.navbar{padding: 0; margin-bottom: 0;}
header .navbar-nav > li{ padding: 0 !important;}
header .navbar-collapse ul.navbar-nav {float: right; margin-right: 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #FFFFFF;background: #86BC42; border-radius: 0;font-weight: bold;}
.navbar-nav>li>a{padding-bottom: 20px;padding-top: 20px;}
.navbar-title{font-size: 24px;display: inline-block; font-weight: bold;line-height: 60px;letter-spacing:2px;}

@media (max-device-width: 767px) {
  .nav2 .filter li:before {display: inline-block; content: "/"; padding: 0 15px 0 10px;color: rgba(0,0,0,0.20);}
  .nav2 .filter li a{font-size: 14px;}
  .dropdown-menu{max-width: 105px;}
  .navbar-collapse{position: absolute; top: 42px; right: 0; z-index: 999; background: #f5f5f5;padding: 0px;}
  .navbar-nav {margin: 0px; padding: 0px;}
}

#index-about,.join{background-color: #86bc42;padding: 50px 0; color: #fff;}
.btn{text-align: center;color: #FFFFFF;padding: 12px 25px;border-radius: 0;}
#index-about .btn-more,.join-more{border-color: #FFFFFF; background: transparent; margin-top: 50px; color: #fff;}
#index-about .btn-more:hover,.join-more:hover{border-color: #86bc42;background:#208040; transition: all 0.8s;}
.join-more{margin-top: 0;}

.pcb-layer,.our-customer{ margin: 40px 0;}
.pcb-layer .col-md-3{margin: 20px 0;}
.pcb-img img{width: 160px;height: 160px; padding: 5px;border: 3px solid #86BC42; display: inline-table;border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
 .pcb-box {display: block;padding:20px 15px;background: #FBFBFB;margin-top: -15px;animate-delay: 1s; }

.index-pcb{ margin: 10px 0; background: #FBFBFB; padding: 15px 0;}
.index-pcb .col-md-6{ padding: 25px 0;}
.index-pcb .border-r{border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;box-sizing:border-box;}
.index-pcb .border-l{border-top: solid 1px #ccc;border-left: solid 1px #ccc;box-sizing:border-box; margin-left: -1px; margin-top: -1px;}
.index-pcb .pcb-size{ color:#86bc42; width: 100px;}
.index-pcb .media-left{padding-left: 20px;}
.index-pcb p{color: #999; line-height: 28px; padding: 0 10px;}

.our-factory{ margin: 40px 0;}
.our-factory .thumbnail{padding: 0; overflow: hidden;}
.our-factory .factory-img img{transition: all 0.3s; transform: scale(1,1);}
.our-factory .factory-img img:hover{transition: all 0.3s; transform: scale(1.2,1.2);}


.our-customer-img{width: 100%; margin: 20px 0;}
.our-customer-img a{float: left; margin-left:10px; margin-right: 10px;}
.our-customer-img img{border:solid 1px #ccc;padding: 5px; border-radius: 3px; width:160px; height:80px;}

footer{background:#2F3A58; color: #ccc; margin-top: 40px; padding-top: 5px; padding-bottom: 10px;}
footer li{float: left;width: 35%; margin:5px;}
footer li a{ color: #ccc;}
footer li a:hover{color: #fff;}
footer .fot{text-align: center; color: #ccc; border-top:  solid 1px #ccc; padding-top: 8px; margin-top: 20px;}
.fot .link{color: #ccc}
footer .ico{margin-right: 10px;}
footer .add div{line-height: 24px;}
footer .col-md-4, footer.col-sm-12{ margin-top: 20px;}

.path {background: #f5f5f5;height: 35px;line-height: 35px;color: #999;}
.path .breadcrumb{margin: 0; padding: 0;}
.title{ background:#86BC42; color: #fff; }
.title h1{font-size: 28px;padding: 25px 0; font-weight: bold; margin-bottom: 15px; margin-top: 15px;}
.nav2{text-align: center; font-weight: bold; margin-top: 25px; margin-bottom: 10px;}
.nav2 .filter {list-style: none;padding: 0; margin:10px 0;text-align: center; border-bottom: solid 1px #ccc; padding-bottom: 10px;}
.nav2 .filter li { display: inline-block;margin: 0;}
.nav2 .filter li a {text-transform: uppercase;font-weight:100;font-size: 16px;color: #999;}
.nav2 .filter li:before {display: inline-block; content: "/"; padding: 0 25px 0 19px;color: rgba(0,0,0,0.20);}
.nav2 .filter li:first-child:before{content: '';}
.nav2 .filter li a:hover, .filter li a:focus{ color: #86BC42;text-decoration: none;}
.nav2 .filter .active a{color: #86BC42; border-bottom: solid 3px #86BC42; padding-bottom:10px ;}

.pro,.about{ margin-top: 40px;}
.pro .thumbnail{border: none; text-align: center; }
.pro .thumbnail img{width: 100%; height: 175px;}
.cap,.agree{ margin: 10px 0;}
.cap img{width: 100%;}
.agree table td,.agree table th{ font-size: 14px;}
.about p{ text-indent: 28px; margin-bottom: 10px;}

.blog{background: #f5f5f5; padding-bottom: 20px;}
.blog h3{ font-size: 18px; }
.blog-l{ background: #fff; padding: 10px; box-shadow: 0 3px 3px #ccc;}
.blog-l-tit{ border-bottom: solid 3px #208040;padding-bottom: 4px; padding-left:5px;padding-right:5px ;}
.blog-title{ border-bottom: solid 2px #D5D5D5; padding-bottom: 8px;}
.blog-l li,.blog-info-about li{border-bottom: dashed 1px #ccc; line-height: 35px;}
.blog-list,.blog-info{background: #fff; margin-top:10px; margin-bottom: 20px; padding: 15px 20px;box-shadow: 0 3px 3px #ccc;}
.blog-list h2{ font-size: 18px; font-weight: 500; margin-top: 10px;}
.blog-list a{color: #86BC42;margin:0 8px;}
.blog-list a:hover{color: #208040; }
.blog-list p{margin: 5px 0;}
.blog-list-txt{max-height: 53px; overflow: hidden;text-overflow:ellipsis;}
.blog-list small{color: #999; margin-left: 20px;}
.blog-list .readmore{ color: #D43F3A; border:solid 1px #D43F3A; padding:4px 8px; border-radius: 3px; margin-top: 5px;}
.blog-list .readmore:hover{ background:#D43F3A ; color: #fff; border:solid 1px #D43F3A; text-decoration: none; transition: all 0.5s;}

.blog-info{margin-top: 45px;}
.blog-info h1{ font-size: 24px; text-align: center;}
.blog-info .tag{margin-top: 10px;}
.blog-info .tag a{color: #86BC42; text-decoration: underline; margin:0 8px;}
.blog-info .tag span{margin-right: 20px; color: #999;}
.blog-info .blog-txt{margin-top: 20px;}
.input-group-btn .btn{color: #666}
.blog-info-next{margin: 20px; border-top:  dashed 1px #ccc; padding: 10px 0px;}
.blog-info-next a{ color: #208040;}
.blog-time{text-align: right;}

.contact{margin: 20px 0;}
.contact i{ border:solid 1px #ccc; border-radius: 50%; padding: 10px; margin-right: 6px;}
.contact h4{ font-weight:500; font-size: 16px; margin-bottom: 0;}
.contact p{ padding-left: 50px;}

.back-top { padding:8px 15px; border-radius: 5px; background: #ccc; color:#fff; text-align: center; vertical-align:middle; margin-top:15px;position: fixed;right: 3%; bottom: 80px;}
.back-top a{color: #fff;}
.back-top:hover{cursor: pointer;}

.material_list{ border-top:solid 1px #ccc; padding: 10px 0;}
.material_list h3{ margin-top: 0;}
.material_list h4{ margin-top: 20px;;}
.material_list h4 span{background: #208040; font-size: 16px; padding: 2px 10px; color: #ffffff;}
.material_list th,.material_list td{font-size: 14px;}

.service_icon{background:url(../images/service_bg.png); width: 95px; height:95px;color: #fff; font-size: 36px; line-height: 95px; padding-left: 30px;}
.service_title{font-size: 24px; font-weight: bold; padding: 20px 0 ; margin-top: 16px; margin-left: 50px;}