*{font-family: "\5FAE\8F6F\96C5\9ED1"}
a:hover{text-decoration: none;}
.navbar .logo{height: 100px; line-height: 100px;}
.navbar-nav>ul>li, .navbar-nav>ul>li>a{  height: 100px;font:normal 17px/100px "\5FAE\8F6F\96C5\9ED1";}
.navbar-black{background: #fff; border: none; } 
.navbar-black .navbar-nav>ul>li, .navbar-black .navbar-nav>ul>li>a{color: #333}
.navbar-black .navbar-nav>ul>li>a:hover, .navbar-black .navbar-nav>ul>li.current>a{color:#333}
.nav>ul>li>a:hover, .nav>ul>li.current>a{background:rgba(255,255,255,0.5);}
.nav>ul>li>a{padding:0 15px;  } 
.navbar .logo{margin-right: 100px}
.img100{width: 100%; height: auto;}
.productbox{position: relative; overflow:hidden; cursor: pointer; background: #f0f0f0;}
.productbox:hover img {transform: scale(1.1); transition: all 0.6s;  } 
.textbox{position: relative;z-index: 1; font:normal 16px/30px "\5FAE\8F6F\96C5\9ED1"; background: #f0f0f0;  box-sizing: border-box;} 
.productbox:hover .textbox,.productbox:hover .newstitle{background: #f00; color: #fff; width: 100%;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;  }
.titlebigs{font:bold 33px/55px "\5FAE\8F6F\96C5\9ED1";} 
.titlebigs span{color: #888;font-size: 30px}
.box100{ width: 100%; }
.bg1{background:url(/img/aa3.jpg) left 30px no-repeat; padding: 25px 0 45px 0 } 
.bg2{background:url(/img/bot2.jpg) left top no-repeat; padding: 25px 0 45px 0 }
.aboutbox{width: 100%;font:normal 16px/30px "\5FAE\8F6F\96C5\9ED1"; color: #fff}
.aboutbox strong{font:bold 40px/70px "\5FAE\8F6F\96C5\9ED1"; color: #fff;  }
.box3 strong{font:bold 45px/45px "Impact"; color: #fff }
.newsbox li{width: 100%;float: left; position: relative; margin: 4px 0; color: #888; overflow: hidden;}
.newsbox li span{width: 70px; float: left; border-right: 1px solid #f0f0f0; text-align: center;position:absolute;z-index: 1;}
.newsbox li span strong{font:bold 30px/35px "\5FAE\8F6F\96C5\9ED1"; display: block;text-align: center;}
.newsbox li b{padding-left:75px;font:normal 16px/30px "\5FAE\8F6F\96C5\9ED1";}
.newsbox li p{ padding-left:75px;font:normal 14px/24px "\5FAE\8F6F\96C5\9ED1";}
.newsbox li:hover{color: #d00} 
.newstitle{position: relative;font-size: 14px;}
.newstitle b{font:bold 15px/40px "\5FAE\8F6F\96C5\9ED1";}
.bgf{background: #f5f5f5; overflow: hidden;}
.footer{width: 100%;float: left; background: #f5f5f5; color:#444}
.copys{font:normal 16px/30px ""; text-align: left;}
.copys strong{font:bold 16px/30px "";}
.copys b{font:bold 20px/45px "\5FAE\8F6F\96C5\9ED1";}
.copys a{font-size: 14px; color: #666}
.redfooter{ background: #d00; color: #fff;width: 100%;float: left;font:normal 16px/30px "\5FAE\8F6F\96C5\9ED1"; }
.botjob {color: #fff}
.botjob b{ font:normal 30px/55px "\5FAE\8F6F\96C5\9ED1"; color: #fff; display: block; }
.aboutus li{font:normal 16px/65px "\5FAE\8F6F\96C5\9ED1"; float: left;display: inline; margin: 0 30px;border-bottom: 3px solid #f5f5f5;}
.aboutus li.hover{border-bottom: 3px solid #f00}
.border_b{ border-bottom: 1px solid #f0f0f0 }
.pd-10{padding: 5px 10px;}
.newstxt{width: 100%;font:normal 16px/35px "\5FAE\8F6F\96C5\9ED1";text-align:left;}
.newstxts{width: 100%;font:normal 16px/35px "\5FAE\8F6F\96C5\9ED1";}
.aboutboxs{float: left}
.newslist{ width: 100%; float:left; }
.newslist li{width: 100%; float: left; padding:15px 0; box-sizing: border-box;  }
.newslist li h3{line-height: 40px;}
.newslist li p{font:normal 14px/25px "\5FAE\8F6F\96C5\9ED1"; color: #888}
.newslist li:hover{background: #f5f5f5; cursor: pointer;}
.newslist li i{float: right;font-style: normal;}
.ewm{float: left; margin-right: 10px;}
.newstxt  img{text-align: center;} 
.newstxts img{width: 70%; height: auto;}
.productshow{}
.productshow_left,.productshow_right{width: 100%;position: relative;}
.productshow_right h1{font:bold 30px/45px "";}
.bulletin{padding: 5px; box-sizing: border-box;color: #888;}
.bulletin b{font:bold 20px/35px ""; }
.font18{font:normal 18px/36px "";color: #888}
.tel{font:normal 25px/55px ""; background: #f0f0f0}
.tel strong{font:bold 30px/55px "Arial"; color: #d00;vertical-align: middle;}
.padding10{padding: 10px; box-sizing: border-box;} 

.liangdian{ font:normal 14px/28px "";}
.liangdian strong{ font: bold 24px/50px "";display: block; }    
.liangdianimg{width: 100%; float: left; }
.liangdianimg img{width: 100%; float: left; height: auto;} 
@media screen and (min-width:768px){
    .liangdianimg{float:left;width: 50%} 
}
@media screen and (min-width:992px){
   .liangdianimg{float:left;width: 50%;margin-right: 1rem} 
}
@media screen and (min-width:1200px){
   .liangdianimg{float:left;width: 50%;margin-right: 1rem} 
}
.page{ text-align:center; padding:20px 0px; overflow:hidden; width:99.7%; float:left}
.page a{ padding:5px 8px; border:1px solid #1e9fff; margin:0 5px; background:#fff; display:inline-block;border-radius: 3px;}
.page strong{ padding:6px 8px;  background:#1e9fff;border:1px solid #1e9fff; color:#fff; border-radius: 3px;}
.page a:hover{background:#1e9fff;border:1px solid #1e9fff; color:#fff;} 
.page cite,.page input{display:none;}

.wapnav{border-bottom:1px solid #999;}
#wapnava{color: #fff;display: block;padding:0px 10px 0px 30px;}

@media screen and (max-width:640px) {
  .newvideo{width:100% !important;margin-left:0  !important;margin-right:0  !important;}
}
.layui-col-lg2-4,.layui-col-md2-4,.layui-col-sm2-4,.layui-col-xs2-4{position:relative;display:block;box-sizing:border-box}
.layui-col-xs2-4{float:left}
.layui-col-xs2-4{width:19.9999992%}
.layui-col-xs-offset2-4{margin-left:19.9999992%}
@media screen and (min-width:768px){
    .layui-col-sm2-4{float:left}
    .layui-col-sm2-4{width:19.9999992%}
    .layui-col-sm-offset2-4{margin-left:19.9999992%}
}
@media screen and (min-width:992px){
    .layui-col-md2-4{float:left}
    .layui-col-md2-4{width:19.9999992%}
    .layui-col-md-offset2-4{margin-left:19.9999992%}
}
@media screen and (min-width:1200px){
    .layui-col-lg2-4{float:left}
    .layui-col-lg2-4{width:19.9999992%}
    .layui-col-lg-offset2-4{margin-left:19.9999992%}
}