/******   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{color: #333;}
a:hover{color: #2967A0;}
.font-color-red{color: #FF0000;}
.font-size-18{font-size: 18px;}
.font-size-24{font-size: 24px;}
.index-btn{ background: #3E6F9D; color: #FFFFFF; padding: 8px 30px; border: none;}
.index-btn a{color: #FFFFFF; text-decoration: none;}
.index-btn:hover{background: #2E4674; transition: all 0.3s; }
.index-btn:hover a{color: #FFFFFF; text-decoration: none;}
.text-org{color: #FD9B00;}
.text-black{color: #999; font-size: 12px;}
/*网页头部导航*/
.topbar{background-color: #2F3A58;padding:5px 0; color: #BCE8F1;}
.navbar-default {background: rgb(255, 255, 255); border: none;}
.navbar{padding: 40px 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: #2967A0;border-bottom:solid 3px #2967A0; font-weight: bold;}
.navbar-nav>li>a{padding-bottom: 15px;padding-top: 15px; margin-top: 5px;}
.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-title-ch{font-size: 36px; font-family: "微软雅黑";  text-align: center; color: #333; margin-bottom: 30px;}
.index-title-en{font-size: 24px;text-align: center; color: #666; margin-top: 20px;}
.index-title-bottom{ width: 110px; height: 1px; background-color: #2E4674; display:inline-block; margin: 5px 0;}
.index-box{padding-bottom: 30px; padding-top: 10px; background: #ffffff;font-size: 16px;}
.index-products{ margin: 10px 0px; border: solid 1px #ccc;}
.index-products img{ width: 100%; height: 260px; }
.index-products p{font-size: 16px; text-align: center; height: 40px; line-height: 45px; overflow: hidden;}
/*.index-title{ margin-top:10px; margin-bottom:5px;font-size: 26px; font-weight: 500; color: #333333;}*/
.index-new--1,.index-new--2,.index-new--3{background: #FAD6C6; padding: 20px 10px; text-align: center;}
/*.index-new--2{background: #B4E5DE;}
.index-new--3{background: #C1E0ED;}
.index-new--1 img,.index-new--2 img,.index-new--3 img{max-height: 200px; overflow: hidden;}
.index-new--1 p,.index-new--2 p,.index-new--3 p{ height: 50px; overflow: hidden;}*/

#index-about,.join{background-color: #4683BC;padding: 50px 0; color: #fff;}
.btn{text-align: center;color: #FFFFFF;padding: 12px 25px;border-radius: 0;}
.index-about p{text-indent: 35px;margin: 8px 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: #76A5D1;background:#435881;color: #fff; transition: all 0.8s;}
.join-more{margin-top: 0px;}

.index-pcb{background: #FBFBFB; padding-bottom: 30px; padding-top: 10px;}
.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:#2967A0; width: 100px;}
.index-pcb .media-left{padding-left: 20px;}
.index-pcb p{color: #333; font-size: 16px; line-height: 28px; padding: 0 10px;}
.index-pcb-tit{ height: 40px;overflow: hidden;color: #888888;}

.index-good{line-height: 30px;}
.index-good h3{ 
    color: #0E4D9C;
    font-size: 24px;
    text-indent: -80px;
    padding-left: 80px;
    margin-bottom: 0px;
}
.index-good p {
    margin-left: 60px;
    font-size: 16px;
}
.index-good h3 label {
    font-size: 36px;
    background: #0E4D9C;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    display: inline-block;
    text-indent: 0px;
}

.index-about img{ width: 100%; margin-top: -30px;}

.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); height:240px}
.our-factory .factory-img img:hover{transition: all 0.3s; transform: scale(1.2,1.2);}

.index-contact{ text-align: center; font-size: 18px; padding: 30px 0px;}
.index-contact-icon{font-size: 36px; border: solid 2px #666666; border-radius: 50%; padding: 30px;}
.index-contact-icon:hover{color: #2967A0; border: solid 2px #2967A0;}
.index-contact p{font-size: 16px; margin-top: 10px;}

.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;}
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{ color: #fff;height: 200px; }
.title h1{font-size: 28px;padding: 25px 0; font-weight: bold; margin-top: 50px;}
.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: #2967A0;text-decoration: none;}
.nav2 .filter .active a{color: #2967A0; border-bottom: solid 3px #2967A0; padding-bottom:10px ;}


.index-new{background:url(../images/index-news-bg.jpg) no-repeat center; color: #FFFFFF; background-size: cover;padding: 40px;}
 
.index-new-item{background:rgba(98,108,100,0.5); width: 100%; padding: 10px 0; display: block; overflow: hidden; margin-top:2px; color: #EEEEEE;}
.index-new-item a{color:#EEEEEE;}
.index-new-item h4{font-size: 18px;}
.index-new-item small{color: #CCCCCC; margin-left: 5px;}
.index-new-item .col-md-4{transition: all 0.3s ease;  margin-left: 0;}
.index-new-item:hover {background:rgba(90,135,135,0.5);transition: all 0.3s ease; }
.index-new-item:hover .col-md-4{transition: all 0.3s ease;margin-left: -30px;}
.index-new-item:hover a{color: #EEEEEE; text-decoration: none; text-decoration: none;}
.btn-black{background:rgba(98,108,100,0.7); color: #FFFFFF; padding: 8px 20px; border: solid 1px #EEEEEE; margin-top: 20px;}

/*产品中心*/
.product{ margin: 25px 0px;background: #F4F6FA; padding-bottom: 10px;}
.product img{ width: 100%; height: 200px; }
.product p{font-size: 16px; padding: 5px 10px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.product-img-null{ text-align: center; padding-top: 50px;}
.product .price{font-size: 24px;color: red; padding: 5px;}
.product:hover{box-shadow: 1px 1px 10px #999; background: #fff;}
.product a{text-decoration: none;}
.product-active{background: #F5F5F5;}
.product-left-title{font-size: 24px; color: #fff;background: #2967A0; }
.product-left-title span{color: #C0C0C0; font-size: 16px; }
/*新闻资讯*/
.blog-box{background: #FFFFFF; padding:20px; margin-top: 3px; transition: all 0.3s;}
.blog-box:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.5); transform: translateY(-2px); transition: all 0.3s;}
.blog-box a{ color: #000000;}
.blog-box:hover a{text-decoration: none;}
.blog-box time{color: #9C9C9C;}
.blog-box p{ color: #666666; margin-top: 5px; margin-bottom: 5px; line-height: 24px;}

.blog-info-left{ padding-right: 0px !important;}
.blog-info-l,.blog-info-r{background: #FFFFFF; border: solid 1px #CCCCCC; padding: 10px;}
.blog-info-l{padding: 30px;}
.blog-info-l h1{ text-align: center; font-size: 28px;}
.blog-info-l h4{font-weight: 500px; margin-top: 20px;}
.blog-info-l p{ color: #666666; text-indent: 20px; line-height: 24px;}
.blog-tag{ margin-top: 20px;}
.blog-tag a{border: solid 1px #CCCCCC; border-radius: 5px; padding: 3px 8px; margin-left:5px;}
.blog-tag a:hover{text-decoration: none; background: #F5F5F5;}


.detail-r h4{ text-align: center; border-bottom: solid 1px #F5F5F5; padding-bottom: 10px;}
.detail-r-item{width: 95%; margin: 0 auto; background: #FAFAFA; margin-top: 10px; padding: 3px;}
.detail-r-item img{width: 100%;}
.detail-r-item-title{ text-align: left; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; margin-top: 5px; margin-bottom: 5px; }
.detail-r-item p{padding: 0px 10px;}

/*关于我们*/
.about-title{font-size: 32px;color: #333; text-align: center; margin: 50px;}
.about-cont{ color: #000; font-size: 16px; line-height: 35px;}
.about-cont p{text-indent: 35px;margin: 8px 0;}
.about-wh{padding-top: 30px; padding-bottom: 30px; font-size: 16px;}
.about-wh h3{text-align: center;}
.about-wh-num{font-size: 36px; color: #1932DD; text-align: center;  display: block; font-family: "arial black"; padding-bottom: 10px;}
.about-wh-cont{margin-top: 30px;margin-bottom: 30px; padding-left: 20px; padding-right: 20px; line-height: 26px;}
.about-wh-icon{color: #C0C0C0; font-size: 56px; text-align: center; width: 100px; margin: 0 auto; border-top: 1px #CCCCCC solid; padding-top: 10px;}

.about-wh p{ margin-top: 20px;}
/*联系我们*/
.contact-box{background: #FFFFFF; padding: 30px; margin-bottom: 40px;}
.contact-icon{float: left; color: #666; margin-top: 5px;}
.contact-text{float: left; color: #666666; margin-left: 20px; font-size: 16px;}
.contact-text h4{color: #000000;}
.contact-text span{ margin-right: 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: #C0C0C0; color:#fff; text-align: center; vertical-align:middle; margin-top:15px;position: fixed;right: 30px; bottom: 20%;}
.back-top a{color: #fff;}
.right-icon-box { padding:8px 15px; border-radius: 5px; width: 80px; color:#C0C0C0; text-align: center; vertical-align:middle; margin-top:15px;position: fixed;right: 0px; bottom: 40%;}
.right-icon{ color: #0278D8;border:solid 2px #0278D8; position: relative; border-radius: 50%; padding: 12px 6px; display: block;  margin-top:10px; font-size: 20px;}
.right-icon a{border: none;}
.icon-tooltip{display: none;position: absolute; right:55px; font-size: 12px; top: 8px; background: #000033; color: #fff; border-radius: 5px; padding: 5px;}
.right-icon:hover{border:solid 2px #C12E2A; color:#C12E2A ;}


/*.back-top a{color: #C0C0C0;}
.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;}

/*首页轮播图片*/
.blk_18 { MARGIN-TOP: 8px; FONT-SIZE: 16px;  OVERFLOW: hidden; WIDTH: 100%; ZOOM: 1}
.blk_18 .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH: 94%; margin-left: 5px;}
.blk_18 .ScrCont {WIDTH: 32766px; ZOOM: 1}
.blk_18 #List1_1 {FLOAT: left}
.blk_18 #List2_1 {FLOAT: left}
.blk_18 .LeftBotton { FLOAT: left; MARGIN: 90px 1px; WIDTH: 30px; font-size: 36px; color: #C0C0C0;}
.blk_18 .RightBotton {FLOAT: left; MARGIN: 90px 1px; WIDTH: 30px; font-size: 36px; color: #C0C0C0;}
.blk_18 .LeftBotton {BACKGROUND-POSITION: 0px 0px;}
.blk_18 .RightBotton {BACKGROUND-POSITION: 0px -100px; MARGIN-LEFT: -1px}
.blk_18 .LeftBotton:hover {BACKGROUND-POSITION: -20px 0px}
.blk_18 .RightBotton:hover {BACKGROUND-POSITION: -20px -100px}

.blk_18 .pl IMG {DISPLAY: block; MARGIN: 6px auto 1px; CURSOR: pointer;width: 340px; height: 200px; }
.blk_18 .pl {FLOAT: left;  WIDTH:364px; LINE-HEIGHT: 34px; TEXT-ALIGN: center; TEXT-DECORATION: underline; }
.blk_18 A.pl:hover {BORDER-left: #E0E0E0 1px solid; BORDER-right: #E0E0E0 1px solid;  BACKGROUND: #EEEEEE;  COLOR: #ff9900; }
.commu_cont3 {MARGIN: 9px 7px 7px; LINE-HEIGHT: 150%}
.commu_cont3 UL {WIDTH: 188px}