* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}

.head {
    width: 100%;
}
.head-top {
    display: table;
    padding: .8rem 0;
    width: 100%;
    border-bottom: 1px solid #e4eaec;
}
.logo {
    float: left;
    padding-left: .6rem;
}
.logo figure {
    float: left;
}
.logo figure img {
    display: block;
    margin-top: .1rem;
    width:2.2rem;
    height: auto;
}
.logo h1,
.logo h2{
    float: left;
    padding-left: .4rem;
    margin-top: .1rem;
    font-size: .9rem;
    line-height: 1.7rem;
}
.caidan {
    float: right;
    padding-right: .5rem;
    width: 20%;
}
.caidan figure{
    float: left;
    margin-left:.5rem;
}
.caidan figure img {
    display: block;
    margin: 0 auto;
    margin-top: .3rem;
    width: 1.4rem;
    height: auto;
}
.banner {
  width: 100%;
}
.banner img{
    display: block;
    width: 100%;
}
.daohang {
    padding-bottom: 1rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #f1f1f1;
}
.daohang p {
    width: 100%;
    height: 2.5rem;
}
.daohang p span{
    float: right;
    display: block;
    margin-top: .4rem;
    width: 10%;
    font-size: 1.5rem;
    color: #999;
    text-align: center;
}
.daohang ul li a {
    display: block;
    color:#333;
    font-size: .9rem;
    text-align: center;
    line-height: 2.5rem;
} 
.daohang ul li a.active{
  color: #fec518;
}
.search {
    display: table;
    display: none;
    margin: 0 auto;
    margin-top: .8rem;
    margin-bottom: 1rem;
    width: 95%;
    height: 2rem;
    background: #f3f7f9;
    border: 1px solid #e4eaec;
    color: #76838f;
    border-radius: 3rem;
}
.zsr{
    width: 89%;
    height: 100%;
}
.shuru{
    float: left;
    width: 80%;
    height: 100%;
    font-size: .65rem;
    color: #76838f;
    border: none;
    padding-left: 1.3rem;
    border-radius: 3rem;
    background: #f3f7f9;
    outline:medium;
}
.search button{
    float: left;
    border: none;
    height: 100%;
    color: #282828;
    font-size: .7rem;
    background: #f3f7f9;
}
.lianxi {
    padding: 2rem 0;
    margin-bottom: 3rem;
    background-color: #282828;
}
.lianxi p{
    font-size: .7rem;
    text-align: center;
    color: #fff;
    line-height: 2rem;
}
.dibu {
    position: fixed;
    left: 0;
    bottom: 0;
    display: table;
    padding: .6rem 0;
    width: 100%;
    z-index: 99;
    background: #fec518;
}
.dibu  li {
    float: left;
    width: 25%;
    text-align: center;
}
.dibu li img {
    display: block;
    margin: 0 auto;
    margin-bottom: .1rem;
    width: 1.3rem;
    height: auto;
}
.dibu li strong{
    font-size:.7rem;
    color: #fff;
    font-weight: normal;
}
.product-cont {
    margin-top: 1.8rem;
    padding: 0 .8rem;
}
.product-cont ul {
    margin-top: 1.7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-cont ul li {
    margin-bottom: 1rem;
    width: 48%;
}
.product-cont ul li:nth-child(2n){
    margin-right: 0;
}
.product-cont ul li img{
    width: 100%;
    height: 8.6rem;
}
.product-cont ul li h2{
    margin-top: .4rem;
    color: #333;
    font-size: .8rem;
    text-align: center;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.about-box{
    padding: 1.6rem .8rem 3rem .8rem;
    background-color:#f4f4f4;
} 
.biaoti{
    margin: 0 auto;
    width: 98%;
    overflow: hidden;
}
.biaoti a img{
    float: right;
    display: block;
    margin-top: 1rem;
}
.z-title{
    float: left;
    width: 50%;
}
.z-title strong{
    display: block;
    margin: .2rem 0 0 1.5rem;
    font-size: .9rem;
    color: #000;
    font-weight: normal;
}
.tit-bt{
    display: flex;
    align-items: center;
}
.tit-bt span{
    margin-right: .4rem;
    width: 1.1rem;
    height: .15rem;
    background-color: #e1e1e1;
}
.tit-bt b{
    font-size: .8rem;
    color: #e1e1e1;
    font-weight: normal;
}
.about-white{
    margin-top: 1.4rem;
    padding: 1rem 1rem .5rem 1rem;
    background-color: #fff;
}
.about-white p{
    font-size: .74rem;
    color:#434343;
    text-indent: 1rem;
    line-height: 1.4rem;
}
.about-white figure{
    margin-top: 1rem;
}
.about-white figure img{
    display: block;
    width: 100%;
}
.about-white ul {
    margin-top: 1.8rem;
    overflow: hidden;
}
 .about-white ul li {
    float: left;
    margin-bottom: 2.2rem;
    width: 50%;
}
.about-white ul li span {
    display: block;
    color: #6a89d9;
    font-size: 1.1rem;
    text-align: center;
    font-weight: bold;
    font-family: arial;
}
.about-white ul li strong {
    display: block;
    margin-top: 7px;
    font-size: .7rem    ;
    color: #666;
    text-align: center;
    font-weight: normal;
}
.about-box a{
    display: block;
    height: 5rem;
    background-color: #fec518;
}
.about-box a img{
    display: block;
    margin: 0 auto;
    padding-top: 2.3rem;
}
.brand-bj{
    margin: 1.1rem 0 1.8rem 0;
    padding-top: 2.5rem;
    color: #fff;
    height: 6rem;
    text-align: center;
    background: url(../images/jm.jpg) no-repeat center  center;
    background-attachment: fixed;
}
.brand-bj strong{
    font-size: 1.1rem;
    font-family: 微软雅黑;
}
.brand-bj strong span{
    margin-left:1rem;
    font-family: 微软雅黑;
    font-weight: bold;
}
.brand-bj b{
    display: block;
    margin-top: .8rem;
    font-size: .8rem;
    font-weight: normal;
}
.brand-bj b span{
    margin-left:1rem;
}
.news-cont{
    padding: 0 .8rem;
}
.news-cont ul{
   margin: 2rem 0;
}
.news-lb ul{
    margin-top: 1.5rem;
}
.news-cont ul li{
    margin-bottom: 1.3rem;
    overflow: hidden;
}
.news-cont figure{
    float: left;
    width: 35%;
}
.news-cont figure img{
    display: block;
    width: 100%;
    height: 5.1rem;
}
.news-cont .news-lr{
    float:right;
    width: 62%;
}
.news-cont .news-lr h2{
    font-size: .8rem;
    color: #000;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-lr time{
    display: block;
    margin-top: .4rem;
    color: #ccc;
    font-size: .65rem;
}
.news-cont .news-lr p{
    margin-top: .5rem;
    color: #999;
    font-size: .68rem;
    line-height: 1rem;
}
.baike-box{
    padding: 0 .8rem;
}
.baike-box ul {
    margin-top: 1.8rem;
}
.baike-box ul li{
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    overflow: hidden;
    border-bottom:1px dashed #eee ;
}
.baike-box ul li:last-child{
    border-bottom:0;
}
.baike-box ul li h2{
    color: #000;
    font-size: .8rem;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.baike-box ul li p{
    margin-top: .5rem;
    color: #999;
    font-size: .68rem;
    line-height: 1rem;
}
.posi-cont{
    margin-bottom:.7rem;
    padding: 0 .8rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: .78rem;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color:#f4f4f4;
}
.posi-cont strong,
.posi-cont h1{
    font-size: .78rem;
    font-weight: normal;
}
.posi-cont h1{
    display: inline-block;
}
.posi-cont a:hover{
    color: #efb402;
}
.zw{
    width: 93%;
    margin: 0 auto;
}
.err-box{
    width: 92%;
    margin: 0 auto;
    margin-top: 4rem;
    margin-bottom: 5rem;
}
.err-box figure img{
    display: block;
    width: 100%;
}
/* 关于我们 */
.about-ny{
    margin-bottom: 2rem;
}
.about-ny p{
   padding-bottom: .5rem;
    font-size: .8rem;
    color: #333;
    line-height: 1.4rem;
}
.about-ny ul{
    margin-top: .8rem;
    overflow: hidden;
}
.about-ny   ul li {
    float: left;
    margin-bottom: .6rem;
    width: 50%;
    font-size: .8rem;
    text-align: center;
}
.about-ny   ul li span {
    float: left;
    display: block;
    font-size: .8rem;
}
.about-ny  ul li span:first-child{
    width: 40%;
}
.about-ny>img{
    display: block;
    margin: 0 auto;
    margin-top: 2rem;
    width: 100%;
}
/* 产品中心 */
.chanpin-box ul{
    overflow: hidden;
}
.chanpin-box ul li {
    float: left;
    margin:0 .4rem 1rem 0;
    width: 9.1rem;
}
.chanpin-box ul li:nth-child(2n){
    margin-right:0;
}
.chanpin-box ul li figure img {
    display: block;
    width: 100%;
    height: 7.8rem;
}
.chanpin-box ul li h2 {
    font-size: .8rem;
    color: #000;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
}
.sn{
    width: 93%;
    margin: 0 auto;
    padding-top: .8rem;
}
.detail-box>h1{
    margin: 1.2rem 0 .6rem 0;
    font-size: .9rem;
    text-align: center;
}
.detail-box>time{
    display: block;
    font-size: .7rem;
    color: #666;
    text-align: center;
}
.detail-cont{
    margin: .7rem 0 .4rem 0;
    padding: 0 .2rem;
}
.detail-cont p {
    margin-bottom: .1rem;
    font-size: .8rem;
    color: #333;
    line-height: 1.4rem;
}
.detail-cont p strong{
    display: block;
}
.detail-cont p img{
    display: block;
    margin-top: .5rem;
}
.detail-cont  img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.detail-cont  table {
    margin: 1rem 0;
    width: 100% !important;
    color: #333;
    line-height: 1rem;
}
.detail-cont  table tbody {
    width: 100% !important;
    overflow: hidden;
}
.detail-cont table tr td>p {
    text-align: center;
    font-size: .65rem;
}
.turn-box{
    margin-top: 1.3rem;
}
.turn-box a{
    display: block;
    margin-bottom: .5rem;
    font-size: .76rem;
    color: #333;
}
.turn-box .turn-lf{
    margin-bottom: .3rem;
    font-size: .75rem;
    display: flex;
    align-items: center;
}
.turn-lf a:last-child{
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap; 
    overflow: hidden;
}
.pagination{
    margin-top: 1rem;
    width: 100%;
}
.pagefy {
    text-align: center;
}
.pagefy .current {
    color: #fff;
    background-color: #262339;
    border: 1px solid #262339;
}
.pagefy a {
    margin-bottom: .5rem;
    padding: .2rem .5rem;
    display: inline-block;
    font-size: .7rem;
    color: #666;
    cursor: pointer;
    border: 1px solid #cfcfcf;
}
.pagefy a:last-child{
    margin-right: .5rem;
}