*{margin:0;padding:0;}

body{font-size:14px;font-family:arial,sans-serif;}

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

ul,li{list-style-type:none;}

img{border:0;}

input{outline:none;border:0}


.els{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.els2{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.els3{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.inner{min-width:1300px}

.width{ width: 1300px;margin:0 auto}

.mask{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);z-index:9999999}



.breadcrumb{height:75px;line-height:75px;color:#9DA3A8}

.breadcrumb a{color:#9DA3A8}

.breadcrumb a:hover{color:#F5A21E}



@media only screen and (max-width:750px){

    .breadcrumb{height:50px;line-height:50px;padding:0 20px}

    .breadcrumb a{color:#9DA3A8}

    .breadcrumb a:hover{color:#9DA3A8}

    .breadcrumb span{display:none}

}



@media only screen and (max-width:750px){

    .inner{min-width:auto}

    .width{width:auto;margin:0}

}



.empty{margin:100px 0;text-align:center;height:50px;padding-top:150px;background:url(../images/empty.png) no-repeat center top;}



.page{text-align: center;margin:70px 0;}

.page a{width:50px;height:50px;text-align:center;line-height:50px;display: inline-block;background: #EEEEEE;color: #5A5A5A;border-radius:10px;margin-right:15px}

.page span{display: inline-block;width:50px;height:50px;text-align:center;line-height:50px;background:#344455;color:#fff;border-radius:10px;margin-right:15px}

.page a:hover,.page span:hover{background:#344455;color:#fff;}



@media only screen and (max-width:750px){

    .page{margin:30px 5px;}

    .page a{width:30px;height:30px;line-height:30px;margin-right:5px;margin-bottom:10px}

    .page span{width:30px;height:30px;line-height:30px;margin-right:5px;margin-bottom:10px}

}



/*头部*/

.header{height:116px;position:relative;z-index:999999}

.header .width{display:flex;justify-content:space-between;align-items:center;height:116px}

.header .logo{width:116px;height:48px}

.header .right{display:flex;height:116px;align-items:center;}

.header .nav{display:flex;}

.header .nav li{font-size:16px;padding:0 25px;}

.header .nav li>a{height:116px;display:flex;align-items:center;}

.header .nav li.active>a{color:#F5A21E}

.header .nav li .child{background:#F7F7F7;display:none;position:absolute;width:100%;height:320px;top:116px;left:0;}
.header .nav li .child>div{width:1300px;margin:0 auto;display:flex;opacity:0;margin-top:-100px;}
.header .nav li .child>div.active{opacity:1;margin-top:0;transition:all 1s}
.header .nav li .child img{width:340px;height:200px;margin-top:50px;margin-left:240px}
.header .nav li .child .txt{display:flex;flex-wrap:wrap;margin-top:90px}
.header .nav li .child a{margin-left:50px;font-size:16px;height:40px;line-height:40px;font-weight:bold;color:#303030}
.header .nav li .child a:hover{color:#F5A21E;border-bottom:3px solid #F5A21E}
.header .nav li .child.pro a{width:25%;}
.header .nav li .child.spec .txt{margin-top:50px;display:flex}
.header .nav li .child.spec .item{width:160px;display:flex;flex-direction:column;margin-left:80px}
.header .nav li .child.spec .item span{color:#363636;font-size:16px;border-bottom:1px #ccc solid;height:40px;line-height:40px;margin-bottom:10px;font-weight:bold;cursor:pointer}
.header .nav li .child.spec .item a{margin-left:0;font-size:16px;height:40px;line-height:40px;font-weight:normal;color:#303030}
.header .nav li .child.spec .item a:hover{color:#F5A21E;border-bottom:0}

.header .nav-icon{display:none}

.header .search{width:22px;height:23px;background:url(../images/search_active.png);cursor:pointer;margin-left:25px}
.header .search_box{position:absolute;width:1300px;margin:0 auto;position:absolute;top:117px;left:50%;transform:translateX(-50%);display:none;}
.header .search_popup{position:absolute;top:0;right:0;width:300px;height:60px;background:#ccc;border:1px #ccc solid;}

.header .search_popup input{width:230px;height:100%;padding:0 50px 0 20px;}

.header .search_popup .icon{position:absolute;top:50%;right:20px;transform:translateY(-50%);cursor:pointer}
.header .link{width:19px;height:19px;background:url(../images/71.png);cursor:pointer;margin-left:25px}
.header .link_box{position:absolute;width:1300px;margin:0 auto;position:absolute;top:117px;left:50%;transform:translateX(-50%);display:none;}
.header .link_popup{position:absolute;top:0;right:0;width:50px;padding-bottom:20px;background:#F7F7F7;border:1px #ccc solid;display:flex;flex-direction:column;align-items:center;border-radius:0 0 10px 10px}
.header .link_popup a{margin-top:20px}


.nav-popup{display:none}



@media only screen and (max-width:750px){

    .header{height:80px;}

    .header .width{height:80px;padding:0 20px;position:relative}

    .header .nav{display:none;}

    .header .nav-icon{display:block;width:22px;height:23px;background:url(../images/nav_active.png);margin-left:25px}
    .header .search{margin-left:0}
    .header .search_box{top:80px;width:100%}
    .header .search_popup{width:100%;height:50px}

    .header .search_popup input{width:calc(100% - 70px);}

    .header .search_popup .icon{position:absolute;top:50%;right:20px;transform:translateY(-50%);cursor:pointer}
    .header .link_box{width:100%;top:80px;}
    .header .link_popup{width:100%;padding:20px 0;flex-direction:row;border-radius:0}
    .header .link_popup a{margin-top:0;flex:1;text-align:center}
    

    

    .nav-popup{display:block;width:70%;height:100%;position:fixed;top:0;right:-70%;background:#fff;z-index:99999999;overflow-y:auto}

    .nav-popup .close{width:32px;height:32px;background:url(../images/close.png);position:absolute;top:20px;right:20px}

    .nav-popup ul{margin:80px 20px 0}

    .nav-popup li a{border-bottom:1px #eee solid;display:block;height:50px;line-height:50px;font-size:14px}
    .nav-popup li a:hover{color:#000 !important;}
    .nav-popup li .tag{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:bold}

    .nav-popup li .tag .icon{background:url(../images/down.png) no-repeat center center;width:16px;height:16px}

    .nav-popup li .tag .icon.up{background:url(../images/up.png) no-repeat center center;}

    .nav-popup li .child{display:none}

    .nav-popup li .child a{margin-left:15px;}
    .nav-popup li .child a:hover{color:#000 !important;}

}



/*内页banner*/

.ad_pc{height:480px;}

.ad_pc .name{padding-top:180px;font-size:40px;font-weight:bold;color:#fff}

.ad_mobile{display:none}



@media only screen and (max-width:750px){

    .ad_pc{display:none}

    .ad_mobile{display:block;position:relative}

    .ad_mobile img{width:100%}

    .ad_mobile .name{text-align:center;color:#fff;font-size:24px;font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

}



/*栏目*/

.menu{background:#F6F6F6;border-radius:20px;margin-top:-35px;height:90px;margin-bottom:100px}

.menu ul{display:flex;}

.menu li{margin:0 50px;line-height:90px;font-size:16px}

.menu li.active{background:url(../images/dot.png) no-repeat left center;padding-left:25px;font-weight:bold;}

.menu li:hover a{color:#F5A21E}

.menu.fixed{position:fixed;top:35px;border-radius:0;left:0;right:0;z-index:9999999;width:100%}



@media only screen and (max-width:750px){

    .menu{border-radius:0;margin-top:0;height:50px;margin-bottom:20px}

    .menu ul{overflow-x:auto;white-space:nowrap;padding:0 20px}

    .menu li{margin:0 20px 0 0;line-height:48px;font-size:14px}

    .menu li.active{background:none;padding-left:0;border-bottom:2px solid #F5A21E}

    .menu li:hover a{color:#000}

    .menu.fixed{top:0;}

}



.footer{background:#F9F9F9 url(../images/12.png) no-repeat right bottom;color:#474747}

.footer .pc{display:flex;border-bottom:1px #eee solid;padding:65px 0 45px;}

.footer .pc li{flex:1;display:flex;flex-direction:column}

.footer .pc li a{margin-bottom:15px;color:#333}

.footer .pc li a:hover{color:#F5A21E}

.footer .pc li .tag{font-size:16px;font-weight:bold;margin-bottom:35px;color:#474747}

.footer .pc li .phone{background:url(../images/13.png) no-repeat left center;padding-left:25px;font-size:18px}

.footer .pc li .note{padding:10px 0 20px 25px}

.footer .pc li .icon{display:flex;align-items:center}
.footer .pc li .icon a{margin-right:10px;}
.footer .pc li .icon a:last-child{margin-right:0;}

.footer .pc li .qr{width:94px;height:91px;margin-left:25px;margin-top:15px}

.footer .mobile{display:none}

.footer .bottom{height:90px;display:flex;justify-content:space-between;align-items:center;}



@media only screen and (max-width:750px){

    .footer{background:#F9F9F9;}

    .footer .pc{display:none}

    .footer .mobile{display:block;padding:20px}

    .footer .mobile li:first-child{display:flex;justify-content:space-between;border-bottom:0}

    .footer .mobile li .phone{background:url(../images/13.png) no-repeat left center;padding-left:25px;font-size:16px;margin-bottom:10px}

    .footer .mobile li .qr{width:94px;height:91px}

    .footer .mobile li a{border-bottom:1px #eee solid;display:block;height:50px;line-height:50px;font-size:14px}
    .footer .mobile li a:hover{color:#000}
    .footer .mobile li .tag{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:bold}

    .footer .mobile li .tag .icon{background:url(../images/down.png) no-repeat center center;width:16px;height:16px}

    .footer .mobile li .tag .icon.up{background:url(../images/up.png) no-repeat center center;}

    .footer .mobile li .child{display:none}

    .footer .mobile li .child a{margin-left:15px;}

    .footer .bottom{height:60px;justify-content:center;align-items:center;background:#E3E5E7}

    .footer .bottom img{display:none}

}

.right_float{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:998;width:70px;height:323px;border:1px #ddd solid;border-radius:10px 0 0 10px;background:#fff}
.right_float li{height:65px;border-bottom:1px #eee solid;text-align:center;line-height:80px;padding-top:15px;cursor:pointer;position:relative}
.right_float li a{display:block}
.right_float li:first-child{background:url(../images/cbl_icon1.png) no-repeat center 20px;border-radius:10px 0 0 0}
.right_float li:nth-child(2){background:url(../images/cbl_icon2.png) no-repeat center 20px}
.right_float li:nth-child(3){background:url(../images/cbl_icon3.png) no-repeat center 20px}
.right_float li:last-child{background:url(../images/cbl_icon4.png) no-repeat center 20px;border-bottom:0;border-radius:0 0 0 10px}
.right_float li:first-child:hover{background:#F5A21E url(../images/cbl_icon_on1.png) no-repeat center 20px}
.right_float li:nth-child(2):hover{background:#F5A21E url(../images/cbl_icon_on2.png) no-repeat center 20px}
.right_float li:nth-child(3):hover{background:#F5A21E url(../images/cbl_icon_on3.png) no-repeat center 20px}
.right_float li:last-child:hover{background:#F5A21E url(../images/cbl_icon_on4.png) no-repeat center 20px;border-bottom:0}
.right_float li:hover a{color:#fff}
.right_float .tel{display:none;position:absolute;top:-1px;right:70px;width:150px;background:#fff;height:80px;border-radius:10px 0 0 10px;border:1px #ddd solid;border-right:0;}
.right_float .tel .txt{display:flex;justify-content:center;align-items:center;flex-direction:column}
.right_float .tel span{font-size:14px;line-height:20px;margin:15px 0 10px}
.right_float .tel p{font-size:20px;line-height:20px}
.right_float .qr{display:none;position:absolute;top:-15px;right:75px;background:#fff;border-radius:10px;border:1px #ddd solid;width:100px;height:100px;}
.right_float .qr img{width:90px;height:90px;display:block;margin:5px auto}

@media only screen and (max-width:750px){
    .right_float{width:40px;height:163px;}
    .right_float li{height:40px;line-height:40px;padding-top:0;}
    .right_float li:first-child{background:url(../images/cbl_icon1.png) no-repeat center center;border-radius:5px 0 0 0}
    .right_float li:nth-child(2){background:url(../images/cbl_icon2.png) no-repeat center center}
    .right_float li:nth-child(3){background:url(../images/cbl_icon3.png) no-repeat center center}
    .right_float li:last-child{background:url(../images/cbl_icon4.png) no-repeat center center;border-radius:0 0 0 5px}
    .right_float li:first-child:hover{background:url(../images/cbl_icon1.png) no-repeat center center}
    .right_float li:nth-child(2):hover{background:url(../images/cbl_icon2.png) no-repeat center center}
    .right_float li:nth-child(3):hover{background:url(../images/cbl_icon3.png) no-repeat center center}
    .right_float li:last-child:hover{background:url(../images/cbl_icon4.png) no-repeat center center}
    .right_float li>a>span{display:none}
    .right_float .tel{right:40px;width:120px;height:40px;border-radius:5px 0 0 5px;}
    .right_float .tel span{display:none}
    .right_float .tel p{font-size:16px;line-height:40px}
    .right_float .qr{top:-30px;right:45px;}
}