@font-face{
    font-family:segoeui;
    src:url(../font/segoeui.ttf)
}
 @font-face{
    font-family:segoeuii;
    src:url(../font/segoeuii.ttf)
}
 @font-face{
    font-family:seguisb;
    src:url(../font/seguisb.ttf)
}
 @font-face{
    font-family:seguisbi;
    src:url(../font/seguisbi.ttf)
}
 body{
    padding:0;
    margin:0;
    font-family:segoeui
}
 a,div{
    box-sizing:border-box
}
 .flex{
    display:flex
}
 .flex_centre{
    display:flex;
    align-items:center
}
 ul{
    padding:0;
    margin:0;
    list-style:none
}
 h1,h2,h3,h4,h5,p,ul{
    margin:0;
    padding:0
}
 .hide{
    display:none
}
 a{
    text-decoration:none
}
 input,select,textarea{
    outline:0
}
 .swiper{
    overflow:hidden
}
 .hearBar{
    width:calc(100% - 180px);
    height:90px;
    position:fixed;
    left:50%;
    top:20px;
    z-index:99;
    transform:translateX(-50%);
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
    border-radius:5px;
    transition:all .2s
}
 .embed-responsive-16by9::before{
    padding-top:0!important
}
 .line-2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .line-3{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
 .line-4{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
 .line-5{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical
}
 .hearBar.scroll{
    width:100%;
    top:0;
    border-radius:0;
    padding: 0 100px;
}
 .hearBar .logo{
    display:flex;
    height:100%;
    align-items:center
}
 .hearBar .logo img{
    height:60px;
    margin-right:25px
}
 .hearBar .logo .txt{
    font-size:18px;
    font-family:seguisb;
    color:#EA5513
}
 .hearBar .content{
    display:flex;
    height:100%
}
 .hearBar .menuList{
    height:100%;
    display:flex;
    align-items:center
}
 .hearBar .menuList>li{
    position:relative;
    height:100%;
    display:flex;
    align-items:center
}
 .hearBar .menuList li .hide{
    display:none;
    position:absolute;
    background-color:#fff;
    left:-20px;
    bottom:0;
    width:max-content;
    transform:translateY(100%);
    min-width:100%
}
 .hearBar .menuList .hide li ul{
    position:absolute;
    right:0;
    top:0;
    transform:translateX(100%);
    background-color:#fff;
    display:none
}
 .hearBar .menuList .hide li a{
    line-height:3;
    padding:0 10px 0 20px;
    display:block;
    width:100%;
    max-width:100%;
    position:relative;
    font-size:14px;
    text-transform:uppercase;
    color:#000;
    font-family:seguisb
}
 .hearBar .menuList .hide li a:hover{
    color:#EA5513;
    background-color:#ebe8e8
}
 .hearBar .menuList .hide ul a{
    padding:0 10px
}
 .hearBar .menuList li a .arrow{
    display:block;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:5%;
    top:50%;
    transform:translate(0,-50%)
}
 .hearBar .menuList li a .arrow::after{
    content:'';
    display:block;
    width:8px;
    height:8px;
    border-left:1px solid #303030;
    border-bottom:1px solid #303030;
    transform:rotate(-135deg)
}
 .hearBar .menuList>li>a .arrow{
    display:none
}
 .hearBar .menuList .item{
    font-size:18px;
    font-family:seguisb;
    color:#222;
    margin-right:45px;
    text-transform:uppercase;
    position:relative
}
 .hearBar .menuList .item.on{
    color:#EA5513
}
 .hearBar .menuList .item:hover{
    color:#EA5513
}
 .hearBar .menuList .item:nth-child(6){
    margin-right:0
}
 .hearBar .search{
    margin:0 30px;
    position:relative
}
 .hearBar .search .searchipt{
    position:absolute;
    top:50%;
    left:-20px;
    transform:translate(-100%,-50%) scale3d(0,0,0);
    transition:all .2s
}
 .hearBar .search .searchipt.on{
    transform:translate(-100%,-50%) scale3d(1,1,1)
}
 .hearBar .search .searchipt .input-group-btn{
    position:absolute;
    right:10px;
    top:0
}
 .hearBar .search .searchipt input{
    width:300px;
    height:40px;
    background-color:#fff;
    border-radius:5px;
    border:1px solid #d4d4d4;
    outline:0;
    padding:0 20px;
    box-sizing:border-box;
    font-size:16px
}
 .hearBar .search .searchipt .icon{
    transform:translate(0,-50%);
    height:20px;
    width:20px;
    margin-top:15px
}
 .hearBar .search img{
    display:block;
    width:32px;
    height:32px;
    cursor:pointer
}
 .hearBar .Inquire{
    width:102px;
    height:36px;
    border:2px solid #EA5513;
    border-radius:5px;
    font-size:16px;
    line-height:32px;
    font-family:seguisb;
    color:#EA5513;
    text-align:center
}
 .hearBar .Inquire:hover{
    background-color:#EA5513;
    color:#fff!important
}
 .drop{
    display:none;
    transition:all 1s;
    position:relative;
    width:30px;
    height:30px;
    margin-left:30px;
    cursor:pointer
}
 .drop span{
    display:block;
    height:2px;
    background:#EA5513;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-1px;
    transition:.4s;
    width:30px
}
 .drop span:first-child{
    top:20%
}
 .drop span:nth-child(2){
    top:50%
}
 .drop span:last-child{
    top:80%
}
 .drop.active span:nth-child(2){
    display:none
}
 .drop.active span:first-child{
    transform:rotate(45deg);
    top:50%
}
 .drop.active span:last-child{
    transform:rotate(-45deg);
    top:50%
}
 @media (max-width:1600px){
     .hearBar{
        width:calc(100% - 50px)
    }
     .hearBar .menuList .item{
        margin-right:25px
    }
}
 @media (max-width:1450px){
     body{
        padding-top:90px
    }
     .hearBar{
        box-shadow:1px 2px 10px 1px #ccc
    }
     .hearBar{
        width:100%;
        top:0;
        border-radius:0
    }
     .hearBar .logo .txt{
        font-size:16px
    }
     .hearBar .menuList .item{
        font-size:16px;
        margin-right:25px
    }
     .hearBar .Inquire{
        width:98px;
        height:30px;
        font-size:16px;
        line-height:30px
    }
}
 @media (max-width:1280px){
     .hearBar .logo .txt{
        display:none
    }
     .hearBar .Inquire{
        width:85px;
        height:26px;
        font-size:14px;
        line-height:22px
    }
     .hearBar .search{
        margin:0 20px
    }
}
 @media (min-width:981px){
     .hearBar .menuList{
        display:flex!important
    }
     .hearBar .menuList.hide{
        display:none!important
    }
     .hearBar .menuList .item.on::after,.hearBar .menuList .item:hover::after{
        content:'';
        display:none;
        width:37px;
        height:19px;
        background-image:url(../img/i1.png);
        background-size:100% 100%;
        position:absolute;
        left:50%;
        bottom:-5px;
        transform:translate(-50%,100%)
    }
}
 @media (max-width:980px){
     .drop{
        display:block
    }
     .hearBar .menuList.on{
        animation:slideright .2s linear
    }
     @keyframes slideright{
        0%{
            transform:translateX(50%)
        }
         100%{
            transform:translateX(0)
        }
    }
     .hearBar .menuList{
        width:50%;
        height:100vh;
        position:fixed;
        top:90px;
        right:0;
        background-color:#ededed;
        display:none;
        overflow-y:auto
    }
     .hearBar .menuList>li{
        display:block;
        height:auto
    }
     .hearBar .menuList li .hide{
        display:none;
        position:relative;
        background-color:transparent;
        left:0;
        bottom:0;
        width:100%;
        transform:none
    }
     .hearBar .menuList .item{
        width:100%;
        text-align:left;
        margin:0;
        line-height:3;
        display:block;
        padding-left:20px;
        font-size:18px
    }
     .hearBar .menuList li .hide li a{
        padding-left:40px;
        font-size:16px
    }
     .hearBar .menuList li .hide li ul a{
        padding-left:60px;
        font-size:14px
    }
     .hearBar .menuList .hide li ul{
        position:relative;
        transform:translate(0 ,0);
        display:none;
        background-color:transparent
    }
     .hearBar .menuList li a .arrow{
        border-width:2px
    }
     .hearBar .menuList>li>a .arrow{
        display:block
    }
     .hearBar .menuList li a .arrow{
        height:100%;
        width:40px
    }
     .hearBar .menuList li a .arrow::after{
        width:10px;
        height:10px;
        border-width:2px;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-40%,-70%) rotate(-45deg)
    }
     .hearBar .search .searchipt input{
        width:250px
    }
}
 @media (max-width:750px){
     .hearBar .menuList{
        width:60%
    }
     .hearBar .search .searchipt{
        position:fixed;
        width:100%;
        left:0;
        top:90px;
        transform:scale3d(0,0,0)
    }
     .hearBar .search .searchipt.on{
        transform:scale3d(1,1,1)
    }
     .hearBar .search .searchipt input{
        width:100%;
        margin:0 auto;
        height:50px;
        border-radius:0;
        border:0
    }
     .hearBar .menuList .item{
        font-size:16px
    }
     .hearBar .menuList li .hide li a{
        font-size:14px
    }
}
 @media (max-width:580px){
     .hearBar .menuList{
        width:100%
    }
     .hearBar .menuList .item{
        font-size:16px
    }
     .hearBar .menuList li .hide li a{
        font-size:14px
    }
     .hearBar .menuList li .hide li a,.hearBar .menuList li .hide li ul a{
        font-size:14px;
        line-height:26px
    }
     .hearBar .menuList li a .arrow::after{
        border-width:1px;
        width:8px;
        height:8px
    }
     .hearBar .search .searchipt{
        top:0;
        z-index:999
    }
     .hearBar .search .searchipt input{
        position:relative;
        z-index:99
    }
     .hearBar .search .searchipt .icon{
        z-index:99;
        position:relative
    }
     .hearBar .search .searchipt.on .mask{
        display:block;
        content:'';
        width:100%;
        height:100vh;
        background-color:#000;
        position:fixed;
        left:0;
        top:0;
        z-index:98;
        opacity:.85
    }
     body{
        padding-top:70px
    }
     .hearBar,.hearBar.scroll{
        height:70px;
        padding:10px
    }
     .hearBar .logo img{
        height:40px
    }
     .drop{
        margin-left:10px
    }
     .hearBar .Inquire{
        width:70px;
        height:24px;
        font-size:12px;
        line-height:22px;
        border:1px solid #EA5513
    }
     .hearBar .search{
        margin:0 10px
    }
     .hearBar .menuList{
        top:70px
    }
     .hearBar .menuList .item{
        font-size:14px;
        list-style:28px
    }
}
 .pu_title{
    position:relative;
    font-size:36px;
    font-family:seguisb;
    color:#EA5513;
    line-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    height:186px
}
 .pu_title .bg{
    position:absolute;
    left:50%;
    top:35%;
    transform:translate(-50%,-50%);
    height:100%;
    display: none;
}
 @media (max-width:1580px){
     .pu_title{
        height:140px;
        font-size:28px
    }
}
 @media (max-width:1280px){
     .pu_title{
        height:120px;
        font-size:24px
    }
}
 @media (max-width:980px){
     .pu_title{
        height:100px;
        font-size:20px;
        line-height:2
    }
}
 @media (max-width:580px){
     .pu_title{
        height:100px;
        font-size:20px;
        line-height:2
    }
}
 .viewMore{
    height:50px;
    font-size:16px;
    font-family:seguisb;
    color:#EA5513;
    display:flex;
    align-items:center;
    justify-content:center;
    width:115px;
    position:relative
}
 .viewMore::before{
    display:block;
    content:'';
    width:0%;
    height:1px;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .5s;
    border-bottom:1px solid #EA5513
}
 .viewMore::after{
    display:block;
    content:'';
    width:13px;
    height:13px;
    background-image:url(../img/i11.png);
    background-size:contain;
    margin-left:13px
}
 .viewMore:hover::before{
    width:100%
}
 .viewMore.cfff{
    color:#fff
}
 .viewMore.cfff::before{
    border-bottom:1px solid #fff
}
 .viewMore.cfff::after{
    background-image:url(../img/i11-fff.png)
}
 @media (max-width:980px){
     .viewMore{
        height:40px;
        font-size:14px
    }
     .viewMore::after{
        width:8px;
        height:8px
    }
}
 .footer{
    width:100%;
    background-color:#edeaed
}
 .footer .top{
    margin:0 auto;
    width:1400px;
    max-width:100%;
    display:flex
}
 .footer .top .menu{
    width:62%;
    padding-top:70px;
    padding-bottom:50px;
    display:flex;
    border-right:1px solid #d2d2d2;
    justify-content:space-between;
    padding-right: 100px;
    gap: 40px;
}
 .footer .top .menu .item{
     /* max-width: 260px; */
     flex: 0 0 calc((100% - 2 * 40px) / 3);
 }
 .footer .top .menu .item h3{
    font-size:18px;
    font-family:seguisb;
    color:#222;
    margin-bottom:32px;
    text-transform:uppercase
}
 .footer .top .menu .item h3 a{
    font-size:18px;
    font-family:seguisb;
    color:#222;
    text-transform:uppercase
}
 .footer .top .menu .item ul li{margin-bottom: 15px;}
 .footer .top .menu .item ul li a{
    font-size:18px;
    color:#222;
    transition: all .3s linear;
}
 .footer .top .menu .item a:hover{
    color:#EA5513;
    text-decoration:underline
}
 .footer .top .contact{
    width:38%;
    padding-top:65px;
    padding-bottom:50px;
    padding-left:100px
}
 .footer .top .contact h3{
    font-size:26px;
    font-family:seguisb;
    color:#EA5513;
    line-height:36px
}
 .footer .top .contact .row{
    display:flex;
    align-items:center;
    font-size:18px;
    font-family:seguisb;
    color:#EA5513;
    margin-top:20px
}
 .footer .top .contact .row:hover{
    text-decoration:underline
}
 .footer .top .contact .row img{
    height:20px;
    width:24px;
    object-fit:contain;
    margin-right:16px
}
 .footer .top .contact .iconlist{
    display:flex;
    margin-top:22px
}
 .footer .top .contact .iconlist .item{
    width:34px;
    height:34px;
    border-radius:50%;
    margin-right:9px;
    transition:all .5s
}
 .footer .top .contact .iconlist .item img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .footer .top .contact .iconlist .item:hover{
    opacity:.6;
    cursor:pointer
}
 .footer .bottom{
    width:100%;
    border-top:1px solid #d2d2d2
}
 .footer .bottom .Copyright{
    min-height:60px;
    width:1400px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .footer .bottom .row,.footer .bottom p{
    font-size:18px;
    color:#222
}
 .footer .bottom .row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
 .footer .bottom .row a,.footer .bottom p a{
    margin-left:50px;
    color:#000
}
 .footer .bottom .row a.nomar,.footer .bottom p a.nomar{
    margin:0
}
 .footer .bottom p a:hover{
    color:#EA5513
}
 @media (max-width:1480px){
     .footer .top{
        width:100%;
        padding:0 10px
    }
     .footer .bottom{
        padding:15px 40px
    }
     .footer .bottom .Copyright{
        width:100%
    }
     .footer .top .contact{
        padding-left:40px
    }
     .footer .top .menu{
        width:100%;
        padding-right:20px
    }
     .footer .bottom .Copyright{
        flex-direction:column;
        align-items:center;
        line-height:1.6;
        justify-content:center
    }
     .footer .bottom .row a,.footer .bottom p a{
        margin:0 20px
    }
     .footer .top .menu .item{
        margin-right:20px
    }
}
 @media (max-width:1080px){
     .footer .bottom .row span{
        text-align:center
    }
     .footer .bottom .row a,.footer .bottom p a{
        display:block;
        text-align:center;
        font-size:14px
    }
     .footer .bottom .row a.nomar,.footer .bottom p a.nomar{
        display:inline
    }
}
 @media (max-width:900px){
     .footer .top{
        flex-direction:column
    }
     .footer .top .menu{
        border:none
    }
     .footer .top .contact{
        width:100%;
        padding:0;
        padding-bottom:20px
    }
}
 @media (max-width:800px){
     .footer .top .menu .item h3{
        margin-bottom:20px
    }
     .footer .top .menu .item ul li{
        line-height:2
    }
     .footer .top .menu .item h3 a,.footer .top .menu .item ul li a{
        font-size:16px
    }
     .footer .top .contact h3{
        font-size:20px;
        line-height:24px
    }
     .footer .bottom .row span{
        font-size:14px
    }
     .footer .top .contact .row{
        font-size:20px;
        margin-top:10px
    }
     .footer .bottom .row{
        margin:0
    }
     .footer .top .contact .row img{
        height:16px;
        width:22px
    }
     .footer .bottom p{
        font-size:14px;
        margin:0
    }
}
 @media (max-width:650px){
     .footer .top .contact{
        padding-top:20px
    }
     .footer .top .menu{
        display:none
    }
     .footer .top{
        padding:0 20px
    }
     .footer .bottom{
        padding:10px 0
    }
}
 .float-left{
    position:fixed;
    right:40px;
    top:50%;
    transform:translateY(-50%);
    z-index:91
}
 .float-left .item{
    width:50px;
    height:50px;
    border-radius:50%;
    position:relative;
    margin-bottom:6px
}
 .float-left .item img{
    display:block;
    position:relative;
    z-index:9;
    cursor:pointer;
    width:100%;
    height:100%;
    object-fit:cover;
    box-shadow:0 0 10px 0 rgba(0,0,0,.12);
    border-radius:50%
}
 .float-left .item .pop{
    display:block;
    width:0;
    height:50px;
    border-radius:25px;
    background-color:#fff;
    position:absolute;
    right:0;
    top:0;
    z-index:8;
    padding-left:14px;
    line-height:50px;
    transition:all .5s;
    overflow:hidden;
    opacity:0;
    border:1px solid #ddd;
    color:#000;
    font-size:18px
}
 @media (min-width:750px){
     .float-left .item:hover .pop{
        width:280px;
        opacity:1
    }
}
 @media (max-width:750px){
     .float-left .item .pop.on{
        width:280px;
        opacity:1
    }
     .float-left{
        position:fixed;
        right:10px;
        top:65%;
        transform:translateY(-50%)
    }
     .float-left .item{
        width:40px;
        height:40px
    }
     .float-left .item .pop{
        height:40px;
        border-radius:20px;
        line-height:40px
    }
}
 .pu_mask{
    width:100%;
    height:100vh;
    background-color:#000;
    opacity:.4;
    position:fixed;
    left:0;
    top:0;
    z-index:2;
    display:none
}