.header{
    position: fixed;
    z-index: 2;
    height: 130px;
    width: 100%;
    background-color: #fff;
}
.header .header_top{
    width: 70%;
    height: 80px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #888;
    font-size: 13px;
}
.header .header_top i{
    margin-right: 6px;
    color: #000;
}
.header .header_left{
    width: 30%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.header .header_left .Add{
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #e2e2e2;
}
.header .header_center{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .header_center img{
    /*display: block;*/
}
.header .header_right{
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header .header_right .store{
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #e2e2e2;
}
.header .header_right .serach{
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #e2e2e2;
}
.header .header_right .language{
    position: relative;
    cursor: pointer;
}
.header .header_right .language:hover ul{
    height: 100px;
}
.header .header_right .language ul{
    position: absolute;
    top: 27px;
    width: 60px;
    background-color: #efefef;
    text-align: center;
    border-radius: 0 0 4px 4px;
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}
.header .header_right .language ul li a{
    line-height: 30px;
    font-size: 12px;
}

.header .nav{
    width: 100%;
}
.header .nav ul{
    display: flex;
    justify-content: center;
}
.header .nav ul li{
    width: 8%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

/*banner样式*/

.n_banner{
    width: 100%;
    height: 400px;
    margin-top: 130px;
}
.nanBao_banner{
    background: url('../images/nanBao2_banner.jpg') no-repeat center;
}
.nvBao_banner{
    background: url('../images/nvBao_banner.jpg') no-repeat center;
}
.about_banner{
    background: url('../images/about_banner.jpg') no-repeat center;
}
.dingzhi_banner{
    background: url('../images/dingzhi_banner.jpg') no-repeat center;
}
.news_banner{
    background: url('../images/news_banner.jpg') no-repeat center;
}
.contact_banner{
    background: url('../images/contact_banner.jpg') no-repeat center;
}

/*主体内容*/

.m_main{
    width: 100%;
    overflow: hidden;
}
.m_main .n_nav{
    width: 100%;
    height: 60px;
    background: url('../images/n_navBg.png') no-repeat center;
}

.m_main .n_nav .n_nav_center{
    width: 70%;
    margin: 0 auto;
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}
.m_main .n_nav .n_nav_center ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 70%;
}
.m_main .n_nav .n_nav_center .weizhi{
    width: 30%;
    text-align: right;
    color: #666;
}
.m_main .n_nav .n_nav_center ul li{
    width: 16%;
}

.m_main .n_nav .n_nav_center ul li i{
    margin-right: 10px;
}
.m_main .n_nav .n_nav_center .weizhi i{
    margin-right: 10px;
}

.m_main .m_main_center{
    width: 70%;
    margin: 70px auto;
    overflow: hidden;
}

.m_main .pro .m_pro_left{
    width: 74%;
    float: left;
}
.m_main .pro .m_pro_right{
    width: 22%;
    float: right;
}
.m_main .pro .m_pro_left ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.m_main .pro .m_pro_left ul li{
    width: 31%;
    margin-bottom: 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.m_main .pro .m_pro_left ul li:hover{
    box-shadow: 0px 0px 10px #d0d0d0;
    -webkit-transform: translateY(-20px);
}
.m_main .pro .m_pro_left ul li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.m_main .pro .m_pro_left .m_pro_left_img{
    overflow: hidden;
}
.m_main .pro .m_pro_left ul li img{
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}


.m_main .m_pro_left ul li .m_pro_left_img{
    margin-bottom: 20px;
}


.m_main .m_pro_left ul li .m_pro_left_text{
    text-align: center;
    padding-bottom: 16px;
}

.m_main .m_pro_left ul li .m_pro_left_text p{
    font-size: 16px;
    font-family: Arial;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 6px;
}
.m_main .m_pro_left ul li .m_pro_left_text span{
    font-size: 14px;
    font-family: Arial;
    line-height: 1;
    color: #999;
}


.m_main .pro .m_pro_right .hotProTitle h3{
    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    position: relative;
}
.m_main .pro .m_pro_right .hotProTitle h3::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    width: 60px;
    height: 2px;
    background-color: #000;
}
.m_main .pro .m_pro_right .hotProList{
    margin-top: 30px;
} 

.m_main .pro .m_pro_right .hotProList ul{

} 

.m_main .pro .m_pro_right .hotProList ul li{
    margin-bottom: 20px;
    overflow: hidden;
}
.m_main .pro .m_pro_right .hotProTitle i{
    font-size: 26px;
    color: red;
    margin-right: 10px;
} 
.m_main .pro .hotProList ul li .hotPro_img{
    width: 26%;
    float: left;
} 
.m_main .pro .hotProList ul li .hotPro_text{
    width: 66%;
    float: right;
} 
.m_main .pro .hotProList ul li img{
    width: 100%;
    border-radius: 10px;
} 

.m_main .pro .hotProList ul li .hotPro_text h4{
    font-size: 14px;
    color: #666;
} 

.m_main .pro .hotProList ul li .hotPro_text p{
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 4px;  
} 

.m_main .pro .hotProTitle .hotProPage ul{
    margin-top: 30px;
}

.m_main .pro .hotProTitle .hotProPage ul li{
    display: inline-block;
    padding: 6px 20px; 
    margin: 4px 5px;
    background-color: #99d7ca; 
    border-radius: 20px;
}
.m_main .pro .hotProTitle .hotProPage ul li a{
    font-size: 12px;
    color:#fff;
}

/*背景颜色*/
.blue {
    background-color: #689dd4 !important;
}

.magenta {
    background-color: #c9459f !important;
}

.green {
    background-color: #a8d468 !important;
}

.yellow {
    background-color: #d4c368 !important;
}

.red {
    background-color: #cf5d5d !important;
}


/*清除浮动样式*/
.clear{
    clear:both;
}

/*分页样式*/

.m_main .pro .pageList{
    margin-top: 60px;
    text-align: center;
}
.m_main .pro .pageList ul{
   display: flex;
   justify-content: center;
   align-items: center;
}
.m_main .pro .pageList ul li{
   padding: 4px 8px;
}


/*内页内容标题样式*/
.m_main .pro .pro_title{
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.m_main .pro .pro_title h3{
    font-size: 30px;
    line-height: 1;
    margin-bottom:14px;
}
.m_main .pro .pro_title span{
    font-size: 16px;
    color: #999;
}


/*产品详细页*/

.m_main .proDetailed{
    overflow: hidden;
}

.m_main .proDetailed .m_proDetailed_left{
    float: left;
    width: 56%;
}
.m_main .proDetailed .m_proDetailed_left img{
    width: 100%;
}
.m_main .proDetailed .m_proDetailed_right{
    float: right;
    width: 40%;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedTitle{
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedTitle h3{
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 20px;
    line-height: 28px;
}

.m_main .proDetailed .m_proDetailed_right{
    position: relative;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedTitle p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-bottom: 20px;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent{
    margin-bottom: 20px;
    padding-top: 30px;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent ul li{ 
    list-style: none;
    margin-bottom: 20px;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent ul li p{ 
    display: inline-block;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent ul li span{ 
    display: inline-block;
    font-size: 14px;
    padding-left: 5px;
    color: #999;
    text-transform: uppercase;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent .fenxiang{
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    padding-top: 40px;
    border-top: 1px solid #d6d6d6;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent .fenxiang a{
    padding-right: 20px;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent .fenxiang>div{
    float: left;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent .qiehuan{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent .qiehuan .pre{
    width: 100%;
    padding-left: 20px;
    line-height: 44px;
    background-color: #efefef;
    font-size:14px;
    margin-bottom: 10px;
}
.m_main .proDetailed .m_proDetailed_right .m_proDetailedContent .qiehuan .next{
    width: 100%;
    padding-left: 20px;
    line-height: 44px;
    background-color: #efefef;
    font-size:14px;
}

.m_main .n_message{
    width: 100%;
    height: 500px;
    background: url('../images/message_bg.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    background-attachment:fixed;
}
.m_main .n_message .n_message_center{
    width: 70%;
    margin: 0 auto;
}
.m_main .n_message .n_message_left{
    width: 48%;
    color: #fff;
    float: left;
}
.m_main .n_message .n_message_left .n_message_top{
    margin-top: 98px;
    width: 100%;
}
.m_main .n_message .n_message_left .n_message_top h3{
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}
.m_main .n_message .n_message_left .n_message_top p{
    font-size: 24px;
    line-height: 1;
    margin-bottom: 14px;
    text-transform: uppercase;
    -webkit-text-transform: uppercase;
}
.m_main .n_message .n_message_left .n_message_top span{
    font-size: 16px;
    color: #999;

}
.m_main .n_message .n_message_left .n_message_bottom{
    margin-top: 80px;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #999;
}
.m_main .n_message .n_message_left .n_message_bottom i{
    font-size: 38px;
}
.m_main .n_message .n_message_left .n_message_bottom h3{
    font-size: 24px;
    line-height: 1;
    margin-bottom: 6px;
}
.m_main .n_message .n_message_right{
    margin-top: 84px;
    box-sizing: border-box;
    width: 48%;
    color: #000;
    float: right;
    background-color: #fff;
    padding: 20px 40px;
}
.m_main .n_message .n_message_right .fl{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.m_main .n_message .n_message_right h3{
    color: #333;
    font-size: 22px;
    margin-bottom: 20px;
}
.m_main .n_message .n_message_right input{
    display: block;
    box-sizing: border-box;
    width: 48%;
    padding-left: 20px;
    color: #333;
    margin-bottom: 20px;
    background-color: #efefef;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    border-radius: 4px;
}
.m_main .n_message .n_message_right textarea{
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 20px;
    color: #333;
    margin-bottom: 20px;
    background-color: #efefef;
    font-size: 14px;
    line-height: 1.5;
    height: 80px;
    border-radius: 4px;
}


.m_main .rexiao{
    width: 70%;
    margin: 80px auto;
}
.m_main .rexiao .rexiao_title{
    margin-top: 60px;
}
.m_main .rexiao .rexiao_title h3{
    font-size: 24px;
    display: flex;
    justify-content:flex-start;
    align-items: center;
}
.m_main .rexiao .rexiao_title h3::before{
    content: '';
    display: block;
    width: 2px;
    height: 24px;
    margin-right: 10px;
    background-color: #6b809f;
}
.m_main .rexiao ul{
    margin-top: 26px;
    display: flex;
    justify-content: space-between;
}
.m_main .rexiao ul li{
    width: 18%;
    text-align: center;
    line-height: 40px;
}
.m_main .rexiao ul li .rexiao_img{
    padding: 6px;
    border: 1px solid #f5f5f5;
}
.m_main .rexiao ul li img{
    width: 100%;
}

.m_main .youshi{
    width: 100%;
}
.m_main .youshi .youshi_center{
    width: 70%;
    margin: 0px auto;
}
.m_main .youshi .youshi_tilte{
    text-align:center;
    padding-top: 60px;
    margin-bottom: 40px;
}
.m_main .youshi .youshi_tilte h3{
    font-size: 36px;
}
.m_main .youshi .youshi_tilte p{
    font-size: 16px;
}
.m_main .youshi ul{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.m_main .youshi ul li{
    width: 23%;
    border-radius: 6px 6px 0 0;
    text-align: center;
    position: relative;
    height: 330px;
    cursor: pointer;
    color: #333;
}

.m_main .youshi ul li h3{
    font-size: 20px;
    margin-bottom: 12px;
}

.m_main .youshi ul li p{
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    color: #999;
}
.m_main .youshi ul li i{
    font-size: 58px;
    display: block;
    margin-bottom: 8px;
    color: #6b809f;
    margin-top: 60px;

}
.m_main .youshi ul li:hover i{
    transform: rotateY(360deg);
    
    transition: all .8s ease;
}

.dingzhi .tl{
    margin-bottom:40px;
    line-height: 1.8;
}
.dingzhi .dingzhiContent span{
    font-weight: 700;
    font-size: 18px;
}
.dingzhi .dingzhiContent h3{
    height: 60px;
    line-height: 60px;
    background-color: #efefef;
    padding-left: 20px;
}
.dingzhi .dingzhiContent .moshi1{
    display: flex;
    justify-content: space-between;
}
.dingzhi .dingzhiContent .moshi1 .moshi1_text{
    margin-top: 60px;
    width: 48%;
}
.dingzhi .dingzhiContent .moshi1 .moshi1_text p{
    margin-bottom: 20px;
    line-height: 1.8;
}
.dingzhi .dingzhiContent .moshi1 .moshi1_img{
    margin-top: 60px;
    width: 48%;
}
.dingzhi .dingzhiContent .moshi1 .moshi1_img img{
    width: 100%;
}
.dingzhi .dingzhiContent .moshi1 .moshi1_text h4{
    font-size: 20px;
    margin-bottom: 20px;
}

.news ul{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.news ul li{
    width: 23%;
    margin-right:2.6%;
    margin-bottom: 20px;
}
.news ul li:nth-child(4n){
   margin-right:0;
}

.news ul li img{
    width: 100%;
}

.news ul li .news_title{
    box-sizing: border-box;
    background-color: #f6f6f6;
    padding: 20px;
}

.news ul li .news_title span{
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
}
.news ul li .news_title h3{
    font-size: 18px;
    margin-bottom: 10px;
}
.news ul li .news_more{
    box-sizing: border-box;
    background-color: #f6f6f6;
    padding: 20px;
}

.news ul li .news_more a{
    font-size: 14px;
}

.news_detailed .news_detailed_title {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 40px;
}
.mb_20{
    margin-bottom: 16px !important;
}
.news_detailed .news_detailed_title p{
    font-size: 14px;
    margin: 0 10px;
}
.news_detailed .news_content p{
    margin-bottom: 20px;
    line-height: 1.8;
}
.news_detailed .np{
    margin-top: 60px;
   /* border-top: 1px solid #d6d6d6;*/
    display: flex;
    justify-content:space-between;
}
.news_detailed .np>div{
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f6;
}
.news_detailed .np i{
    font-size: 34px;
}

.contact {
    overflow: hidden;
    width: 100%;
}

.contact .contact_left{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.contact .contact_item{
    /*box-shadow: 1px 1px 1px #999;*/
    border: 1px solid #dadada;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 16px 30px;
    width: 48%;
}
.contact .contact_item .contact_item_top{
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dadada;
}
.contact .contact_item .contact_item_top i{
    margin-right:10px;
}
.contact .contact_right{
    width: 66%;
    float: right;
}


.footer{
    width: 100%;
    height: 280px;
    background-color: #000;
    overflow: hidden;
}
.footer .footer_contact{
    height: 60px;
    line-height: 60px;
    width: 100%;
    border-bottom: 1px solid #434343;
}
.footer .footer_contact i{
    margin-right: 6px;
}
.footer .footer_contact ul{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.footer .footer_contact ul li a{
    color: #a8a8a8;
    font-size: 14px;
}
.footer .footer_nav{
    width: 70%;
    margin: 50px auto;
    overflow: hidden;
}
.footer .footer_nav .footer_logo{
    width: 20%;
    float: left;
}
.footer .footer_nav .footer_logo img{
    width: 100%;
}
.footer .footer_nav ul{
    margin-left: 4%;
    width: 60%;
    float: left;
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .footer_nav ul li a{
    color: #666;
}
.footer  .footer_icp{
    height: 60px;
    line-height: 60px;
    width: 100%;
    border-top: 1px solid #2f2f2f;
    text-align: center;
    font-size: 14px;
    color: #999999;
}
.footer_top {
    float: right;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
}
.footer_top i{
    color: #000;
}

.youshi_img{
    margin-bottom: 20px;

}
.youshi_img img{
    width: 100%;
}
.youshi_text{
    width: 100%;
    margin-bottom: 60px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 20px;
    text-align: left;
}
.youshi_text h4{
    font-size: 22px;
    margin-bottom: 10px;
}
.youshi_text p{
    font-size: 16px;
}