body{
    font-family:timesbd;
    max-width: 1920px;
    margin: auto !important;
}
 @font-face{
    font-family:timesbd;
    src:url(../fonts/Abel.woff2) format('truetype');
    font-weight:400;
    font-style:normal
}
 .over{
    overflow:hidden
}
 .trans{
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
 .imgZoom img{
    transition:all .4s;
    -webkit-transition:all .4s
}
 .imgZoom img:hover{
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1)
}
 .scale{
    transition:.6s all
}
 .scale:hover{
    transform:scale(1.06)
}
 .embed-responsive-16by9{
    padding:0;
    height:100%
}
 .hoverBtn{
    cursor:pointer;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
 .hoverBtn:hover{
    background-color:#222!important;
    color:#fff!important
}
 .nowrap{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
 .ellip2{
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden
}
 .auto-container{
    width: 1500px;
    margin-left:auto;
    margin-right:auto
}
 .top-search-overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#666;
    z-index:100;
    opacity:.8;
    display:none
}
 #videomodal {
     top: 10% 
}
 #videomodal .embed-responsive {
     height: 550px
}

 .line-1{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .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
}
 .line-6{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical
}
 .line-7{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical
}
 .line-8{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient:vertical
}
 .line-9{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:9;
    -webkit-box-orient:vertical
}
.site-head{
    position:fixed;
    width:100%;
    max-width: 1920px;
    margin: auto;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    z-index:99
}
 .site-nav{
    width:100%;
    transition:all .3s ease 0s;
    background-color:#fff;
    padding:0 50px
}
 .site-nav .auto-container{
    width:1600px
}
 .head{
    position:relative;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center
}
 .head .navBar{
    transition:all .5s;
    display:flex;
    width:90%;
    justify-content:space-between
}
 .head .nav li{
    position:relative;
    display:inline-block;
    margin:0 22px;
    line-height:115px;
    vertical-align:top
}
 .head .nav li:first-child{
}
 .head .nav li .stair{
    position:relative
}
 .head .nav li.active .stair>a,.head .nav li:hover .stair>a{
    color:#575756
}
 .head .nav li .stair:after{
    content:'';
    display:block;
    position:absolute;
    z-index:10;
    top:45%;
    left:-20px;
    width:8px;
    height:8px;
    background:#575756;
    border-radius:10px;
    opacity:0;
    transition:all .3s linear
}
 .head .nav li.active .stair:after,.head .nav li:hover .stair:after{
    opacity:1;
    background:#575756
}
 .head .nav li.active .sub{
    display:block
}
 .head .nav li .a{
    display:block;
    color:#9c9995;
    font-size:20px
}
 .head .nav li .a .mobile-navbtn{
    position:absolute;
    top:10px;
    right:0;
    margin:auto;
    font-size:20px;
    width:20px;
    height:20px;
    transition:.3s
}
 .head .nav li .a .mobile-navbtn.open{
    transform:rotate(90deg)
}
 .head .nav li .a .mobile-navbtn::before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:10px;
    height:10px;
    border-right:2px solid #555;
    border-bottom:2px solid #555;
    transform:rotate(45deg)
}
 .head .top_search{
    position:relative;
    cursor:pointer;
    width:10%
}
 .head .top_search .start_login{
    margin-right:30px;
    filter:brightness(0)
}
 .head .top_search .start_login:hover{
    filter:initial
}
 .head .top_search img{
    vertical-align:middle
}
 .head .top_search .search_con2{
    position:absolute;
    right:22px;
    top:10px;
    height:50px;
    z-index:100;
    transform:scale3d(0,0,0);
    transform-origin:right center;
    transition:all .5s;
    opacity:0;
    width:440px;
    opacity:1
}
 .head .top_search .search_con2 .search-input{
    width:380px;
    float:left;
    height:48px;
    line-height:48px;
    overflow:hidden;
    border:1px solid #d4d4d4;
    border-radius:5px;
    font-size:16px;
    padding-left:20px;
    background:#fff
}
 .head .top_search .search_con2 .input1{
    height:48px;
    line-height:48px;
    background:0 0;
    border:0;
    width:calc(100% - 57px);
    float:left;
    outline:0;
    font-size:16px;
    color:#666;
    font-family:"微软雅黑"
}
 .head .top_search .search_con2 .bnts{
    float:right;
    width:56px;
    height:48px;
    background:url(../images/icon-search.png) center center no-repeat;
    margin-right:1px;
    cursor:pointer;
    border:none;
    outline:0
}
 .head .top_search .search_con2 .moblie-search-close{
    position:absolute;
    top:15px;
    right:15px;
    width:20px;
    height:20px;
    background:url(../images/c10.png) center center no-repeat
}
 .head .top_search .icosearch{
    display:inline-block;
    vertical-align:middle;
    width:32px;
    height:32px;
    border-radius:50%;
    line-height:1;
    position:relative;
    display:none
}
 .head .top_search .icosearch img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:100%
}
 .head .top_search .head_email{
    width:auto;
    height:30px;
    margin-left:16px;
    border-radius:20px;
    color:#575756;
    display:inline-block;
    vertical-align:middle;
    line-height:26px;
    text-align:center;
    font-size:16px;
    padding:0 5px
}
 .head .top_search .head_email img{
    margin-right:2px;
    margin-bottom:2px;
    max-width:34px
}
 .sub{
    position:absolute;
    left:0;
    top:100%;
    background:#ffffff
}
 .sub .arr{
    display:none;
    width:0;
    height:0;
    border:0 solid transparent;
    border-left-width:8px;
    border-right-width:8px;
    border-top-width:6px;
    border-bottom-width:6px;
    border-bottom-color:#fff;
    position:absolute;
    top:-12px;
    left:28px
}
 .sub>dl{
    display:none
}
 .sub>dl dd{
    position:relative
}
 .sub>dl dd .mobile-navbtn{
    display:none;
    position:absolute;
    top:8px;
    right:15px;
    margin:auto;
    font-size:20px;
    width:20px;
    height:20px;
    transition:.3s
}
 .sub>dl dd .mobile-navbtn.open{
    transform:rotate(90deg)
}
 .sub>dl dd .mobile-navbtn:after{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:10px;
    height:10px;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    transform:rotate(45deg)
}
 .sub>dl dd .text{
    display:inline-block;
    vertical-align:middle
}
 .sub>dl dd:hover a{
    color:#575756
}
 .sub>dl dd .t-menu{
    position:absolute;
    top:0;
    left:100%;
    background-color:#fff;
    display:none
}
 .sub>dl dd .t-menu li{
    padding:0 20px;
    box-sizing:border-box;
    line-height:40px;
    margin:0
}
 .sub>dl dd .t-menu li a{
    display:block
}
 .sub>dl dd .t-menu li a:hover{
    color:#43bbff
}
 .sub>dl a{
    color:#9c9995;
    white-space:nowrap;
    line-height:1.6;
    padding:10px 15px;
    font-size:18px;
    display:block
}
 .scrollHead{
    box-shadow:0 0 10px rgba(0,0,0,.2)
}
 .head .nav li{
}
 .head .top_search{
}
 .head > .logo{
    display:none
}
 .head .navBar .logo{
}
 .head .navBar .logo a{
    display:block;
    line-height:110px
}
 .head .navBar .logo a img{
    max-height:78px
}
 .sub>dl dd .t-menu li{
    line-height:1.6
}
 #showopen .top_search .search_con2{
    top:10px
}
 #showopen .top_search .search_con2{
    opacity:1;
    transform:scale3d(1,1,1)
}
 #showopen .head .navBar{
    opacity:0;
    transform:scale3d(0,0,0)
}
 #showopen .head .top_search img{
    opacity:0
}
 #showopen .head .top_search .head_email{
    opacity:0
}
 .M_search{
    display:none;
    position:fixed;
    z-index:100;
    top:0;
    width:100%;
    height:58px;
    background-color:red;
    box-sizing:border-box
}
 .M_search .mInp1{
    width:100%;
    height:100%;
    border:0;
    box-sizing:border-box;
    outline:0;
    padding:10px;
    padding-right:74px;
    font-size:15px;
    color:#666
}
 .M_search .mInp1::placeholder{
    color:#999
}
 .M_search .m_search_btn{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:80px;
    background-color:#43bbff;
    border:0;
    outline:0;
    text-align:center;
    cursor:pointer
}
 .M_search .m_search_btn img{
    display:inline-block;
    filter:brightness(100)
}
 .footer{
    background:#575756
}
 .footer{
    padding:70px 5%;
    max-width:1920px;
    margin:auto
}
 .footer .footer_head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:65px
}
 .footer .footer_head .left{
}
 .footer .footer_head .left a{
}
 .footer .footer_head .left a img{
    filter:brightness(0) invert(1);
    max-height:105px
}
 .footer .footer_head .right{
    width:25%
}
 .footer .footer_head .right .foot_subscribe{
}
 .footer .footer_head .right .foot_subscribe{
    display:flex;
    margin-bottom:20px;
    font-size:16px
}
 .footer .footer_head .right .foot_subscribe{
}
 .footer .footer_head .right .foot_subscribe input{
    font-size:16px;
    background:transparent;
    border-radius:5px;
    line-height:35px;
    padding:0 10px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    width:77%;
    color:#ffffff;
    border:1px solid #eeeae7
}
 .footer .footer_head .right .foot_subscribe input::placeholder{
    color:#ffffff
}
 .footer .footer_head .right .foot_subscribe button{
    margin-left:-1px;
    border-radius:5px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    width:150px;
    height:50px;
    line-height:50px;
    background:#ffffff;
    color:#575756;
    transition:all .3s linear
}
 .footer .footer_head .right .foot_share{
}
 .footer .footer_head .right .foot_share a{
    margin-right:7px
}
 .footer .footer_head .right .foot_share a img{
    max-width:30px
}
 .footer .footer_center{
    display:flex;
    justify-content:space-between;
    margin-bottom:45px
}
 .footer .footer_center .left{
    display:flex;
    width:75%;
    gap:80px;
    padding-right:10%
}
 .footer .footer_center .left .item{
}
 .footer .footer_center .left .item p{
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:30px
}
 .footer .footer_center .left .item p a,.footer .footer_center .left .item .item_box a{
    color:#ffffff
}
 .footer .footer_center .left .item .item_box{
}
 .footer .footer_center .left .item .item_box a{
    font-size:16px;
    display:block;
    line-height:34px
}
 .footer .footer_center .form_box{
    width:25%
}
 .footer .footer_center .form_box form{
}
 .footer .footer_center .form_box form .input{
    margin-bottom:15px;
    display:flex;
    justify-content:space-between
}
 .footer .footer_center .form_box form .input div{
    flex:0 0 calc((100% - 1 * 15px) / 2)
}
 .footer .footer_center .form_box form .input div input,.footer .footer_center .form_box form .textarea_box textarea{
    width:100%;
    background:transparent;
    border:1px solid #eeeae7;
    border-radius:5px;
    padding:8px 15px;
    font-size:16px;
    color:#ffffff
}
 .footer .footer_center .form_box form .input div input::placeholder,.footer .footer_center .form_box form .textarea_box textarea::placeholder{
    color:#ffffff
}
 .footer .footer_center .form_box form .textarea_box{
}
 .footer .footer_center .form_box form .textarea_box textarea{
}
 .footer .footer_center .form_box form .textarea_box .submit_btn{
    text-transform:capitalize;
    margin-top:15px;
    padding:8px 25px;
    border-radius:5px;
    font-size:16px
}
 .footer .footer_bottom{
    display:flex;
    align-items:flex-end;
    justify-content:space-between
}
 .footer .footer_bottom .left{
}
 .footer .footer_bottom .left p,.footer .footer_bottom .left .other a,.footer .footer_bottom .foot_contact p a{
    color:#bebebe;
    font-size:16px
}
 .footer .footer_bottom .left p{
    margin-bottom:15px
}
 .footer .footer_bottom .left .other{
}
 .footer .footer_bottom .left .other a{
    margin-right:20px
}
 .footer .footer_bottom .foot_contact{
    display:flex;
    flex-wrap:wrap;
    width:25%;
    gap:15px
}
 .footer .footer_bottom .foot_contact p{
}
 .footer .footer_bottom .foot_contact p a{
}
















 .shape{
    margin-top:17px;
    padding-top:17px;
    border-top:1px solid #d0d0d0
}
 .shape a{
    margin-right:6px;
    text-decoration:none
}
 .shape a:hover img{
    opacity:.6
}
 .shape a img{
    width:31px
}
 .link_box{
    display:inline-block;
    position:relative;
    margin-left:10px
}
 .link_box span{
    width:226px;
    display:inline-block;
    line-height:40px;
    box-sizing:border-box;
    padding-left:30px;
    padding-right:20px;
    background-image:url(../images/top-arr.png);
    background-repeat:no-repeat;
    background-position:center right 10px;
    background-color:#fff;
    border-radius:4px;
    cursor:pointer;
    color:#333;
    font-size:16px;
    text-align:left
}
 .link_box .Friendlink{
    display:none;
    min-width:85%;
    width:226px;
    position:absolute;
    right:0;
    bottom:40px;
    z-index:10;
    background-color:#fff
}
 .link_box .Friendlink li{
    padding:10px;
    padding-left:30xp;
    line-height:26px;
    text-align:left;
    background-color:#fff;
    border-bottom:1px solid #ebebeb
}
 .link_box .Friendlink li a{
    color:#666;
    font-size:14px
}
 .link_box .Friendlink li a:hover{
    color:#43bbff
}