/*初始化*/
ul,li,a,body,div,p,a,hr,h1,h2,h3,h4{list-style: none; padding: 0;margin: 0;color:#000;text-decoration: none;font-size: 0; font-weight: 300;}
*{
::-webkit-scrollbar{width:3px;height:3px;}
::-webkit-scrollbar-track{background-color:#bee1eb;}
::-webkit-scrollbar-thumb{background-color:#3064b9;}
::-webkit-scrollbar-thumb:hover {background-color:#6756ff;}
::-webkit-scrollbar-thumb:active {background-color:#6756ff;}
}
#smooth-wrapper {
    height: 100vh; /* 必须明确指定固定视口高度 */
    overflow-y: scroll; /* 开启纵向滚动属性 */
}
@font-face {
font-family: 'af-iconfont';
src: url('//at.alicdn.com/t/c/font_3696172_s45kjv28mjm.woff2?t=1692951202436') format('woff2'),
url('//at.alicdn.com/t/c/font_3696172_s45kjv28mjm.woff?t=1692951202436') format('woff'),
url('//at.alicdn.com/t/c/font_3696172_s45kjv28mjm.ttf?t=1692951202436') format('truetype');
}
/*nav*/
#nav{position: sticky; top: 0;z-index: 100; background-color: #fff;}
#nav .nav{
    display: flex;
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    align-items: center; 
}
#nav .nav div:nth-child(1){
    width: 20%;
}
#nav .nav div:nth-child(2){
    width: calc(80% - 55px); 
}
#nav .nav .nav_ul{
    display: flex;
    max-width: 750px;
    line-height: 100px;
    margin-right: 0;
    margin-left: auto;
    text-align: center;
}
#nav .nav .navbar-item{
    width:calc(100% / 6);position: relative;
}
#nav .nav .navbar-item::after{content: "";transition: all 0.3s;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    width: 0%;
    background: #3064b9;
    height: 2px;
}
#nav .nav .navbar-item a{font-size: 18px; transition: all 0.5s;}
#nav .nav .navbar-item:hover a{color:#3064b9;}
#nav .nav .navbar-item:hover::after{width: 100%;}
#nav .nav div:nth-child(3){
    display: flex;
    width: 45px;
    padding-left: 10px;
    justify-content: space-between;
    padding-bottom: 5px;
}
.ny_banner img{max-width: 100%;}
/*foot*/
#foot{ background: #000;}
.foot{    
    font-size: 14px;
    line-height: 25px;
    padding: 15px 0;
    max-width: 1300px;
    text-align: center;
    margin: 0 auto;
    color: #fff;}
.in_ban img{max-width: 100%; height: auto; width: 100%;}
.right_bottom a {
    font-family: 'af-iconfont' !important;
    font-size: 26px;
    margin: 20px 10px;
    cursor: pointer;
    display: block;
    color:#ccc;
    border: 1px solid #ccc;
    padding: 3px 10px;
    border-radius: 5px;
    line-height: 38px;
}
.right_bottom {position: fixed;bottom: 30px;right: 20px;}
.right_bottom a:hover{background-color: #3064b9;color: #fff;
    border-color: #3064b9;}
    
/*翻页*/
.pagebar {
    text-align: center;
    margin-top: 15px;
}
.pagebar .page {
    display: flex;
    justify-content: center;
}
.pagebar .page *{
    font-size: 14px;
    padding: 0 13px;
    height: 30px;
    display: block;
    background-color: #ffffff;
    color: #000000;
    line-height: 30px;
    border-radius: 5px;
    margin: 0 5px;
    border: 1px solid #f1f1f1;
}
.now-page {
    background-color: #343434 !important;
    color: #fff !important;
}
.pagebar .page *:hover{
    background-color: #343434 !important;
    color: #fff !important;
}

/*移动端*/
.list_rigth_text p{text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
@media (max-width: 768px) {
    /*导航*/
    #nav .nav{    justify-content: space-between;}
    #nav .nav .nav_ul,#nav .nav > div:nth-child(3){ display: none; }
    #nav .nav > div:nth-child(1){padding: 15px 0; }
    #nav .nav > div:nth-child(2){border-bottom: 1px solid #333; width: 35px; position: relative;padding: 15px 0;    cursor: pointer;}
    #nav .nav > div:nth-child(2)::after,#nav .nav > div:nth-child(2)::before{ transition: all 0.5s;
        content: "";position: absolute; width: 35px; height: 1px;background: #333;}
    #nav .nav > div:nth-child(2)::after{ margin-top: -10px;}
    #nav .nav > div:nth-child(2)::before{margin-top: 2px;}
    #nav .nav > div.active:nth-child(2){border-bottom: none; }
    #nav .nav > div.active:nth-child(2)::after{ margin-top:0; transform: rotate(-45deg);}
    #nav .nav > div.active:nth-child(2)::before{margin-top:0; transform: rotate(45deg);}
    #nav .nav .active .nav_ul{display: block;
    position: fixed;
    width: calc(100% - 3px);
    left: 0;        height: 100vh;
        max-height: 1300px;
    background: #fff;
    margin-top: 31px;}
    #nav .nav .active .navbar-item{width: 100%;
    line-height: 50px;
    border-bottom: 1px solid #ccc;}
    /*首页*/
    #inner .banner .ban_text_left{display: none;}
    #inner .banner .ban_text_right {width: 90%;}
    #inner .banner .ban_text_right p:nth-child(3){font-size: 14px;line-height: 20px;margin: 0;}
    #inner .banner .ban_text_right p:nth-child(2){    font-size: 18px; line-height: 46px; margin: 0px;}
    #inner .banner .ban_text_right p:nth-child(1) img{width: 60%;}
    #inner .index_fifth p{font-size: 18px; height: 52px;}
    #inner .sixth .index_pro_li {width: calc(100% / 2);}
    #inner .sixth .index_pro_li p{    line-height: 26px;padding: 10px 0px;font-size: 16px;}
    #inner .sixth .index_pro_li p:nth-child(3){display: none;}
    #inner .sixth .index_pro_li p:nth-child(4){width: 75%; bottom: 20px; padding: 6px 0px;        
        font-size: 14px;
        line-height: 16px;}
    #inner .sixth .index_pro_li p:nth-child(4) i{line-height: 16px; font-size: 12px;}
    /*产品中心*/
    #inner .cp_nav p:nth-child(1){font-size: 22px;    margin-top: 40px;}
    #inner .cp_nav p:nth-child(2){font-size: 12px;}
    #inner .cp_nav hr{margin: 10px auto 0;}
    #inner .cp_inner .cp_inner_ul{margin: 30px auto;}
    #inner .cp_inner .cp_inner_li{width: calc((100% - 20px) / 2);}
    /*产品详情*/
    #inner .product_details h1{font-size: 18px;    padding: 0px 0;}
    #inner .product_details{margin: 30px auto;flex-wrap: wrap;}
    #inner .product_details_left,#inner .product_details_right{ width: 100%;}
    #inner .price{font-size: 18px;}
    #inner .brand{font-size: 16px; line-height: 1;}
    #inner .profile{font-size: 16px; line-height: 1.5;}
    /*品牌理念*/
    #inner .about_logo { margin: 42px auto 20px;max-width: 270px; width: 60%;}
    #inner .about_synopsis {margin: 10px auto 20px;width: 60%;}
    #inner .about_Introduction_top{    flex-wrap: wrap;}
    #inner .about_Introduction_top ul{    width: 94%;margin-left: auto;}
    #inner .about_Introduction_top li{    font-size: 14px; line-height: 24px;}
    #inner .about_Introduction_top > p{    width: 70%;position: relative;margin-left: auto;}
    #inner .about_honor{flex-wrap: wrap;padding: 30px 0 30px;}
    #inner .about_honor_left p:nth-child(1){    font-size: 18px;}
    #inner .about_honor_left p:nth-child(2){    font-size: 14px;}
    #inner .about_honor_left hr{    margin: 10px 0 10px;}
    #inner .about_honor_left span{line-height: 15px;}
    #inner .about_honor_right{margin-top: 20px;}
    /*新闻中心*/
    #inner .news_sort a{    font-size: 16px;    padding: 12px 10px;}
    #inner .news_list{    width: calc(90% - 20px);padding: 10px;}
    #inner .new_bottom,#inner  .new_details{    padding: 20px 0}
    #inner .list_box{    flex-wrap: wrap;}
    #inner .list_left{ width: 100%;}
    #inner .list_rigth_text { width: 100%;}
    #inner .list_rigth_time{display: none;}
    #inner .list_rigth { width: 92%;padding: 20px 4%;flex-wrap: wrap;}
    #inner .list_rigth_text h3 a{    font-size: 18px;padding-bottom: 10px;}
    #inner .list_rigth_text p{font-size: 14px;line-height: 24px;}
    #inner .new_top{    top: 60px;}
    #inner .new_details_box{padding: 10px;}
    #inner .new_details_box > h1{    font-size: 18px;    padding: 10px 0 10px;}
    #inner .new_details_box > h2{    font-size: 14px;padding: 15px;}
    #inner .new_details_box > div,#inner  .new_details_box > div *{font-size: 14px;    line-height: 28px;}
    /*视频*/
    #inner .cp_inner .cp_inner_ul .cp_inner_li{        width: 100%;}
    /*关注我们*/
    #inner .ny_contact h1{    font-size: 28px;    padding: 80px 0 50px;}
    #inner .ny_contact_div{    gap: 20px;}
    #foot .right_bottom{display:none!important;}
}