.resetStyle{
    font-family:"微软雅黑"
}
 .resetStyle a{
    text-decoration:none
}
 .resetStyle ul,.resetStyle li{
    margin:0
}
 .resetStyle .swiper-pagination-bullet-active{
    background:#ff0000
}
 @media (min-width:768px){
    .resetStyle .container{
        padding:0
    }
}
@media (min-width:1250px){
    .container{
        width:1200px
    }
}
#backtop{
    position:fixed;
    right:49px;
    bottom:20px;
    z-index:100;
    opacity:0;
    transition:0.3s
}
 #backtop ul li{
    width:54px;
    height:54px;
    float:left;
    position:relative;
    line-height:54px;
    text-align:center;
    margin-bottom:3px
}
 #backtop ul li .inner{
    position:absolute;
    right:70px;
    top:0;
    background:#fff;
    border:1px solid #ddd;
    line-height:normal;
    padding:15px;
    transform:scale(0);
    transform-origin:top right;
    transition:0.3s
}
 #backtop ul li .inner p{
    font-size:12px
}
 #backtop ul li:hover .inner{
    transform:scale(1)
}
 #backtop ul li .sidebox{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    transition:all 0.3s;
    background:#fff;
    border:1px solid #ddd;
    color:#fff;
    font:14px/54px "微软雅黑";
    overflow:hidden;
    background-position:center;
    background-size:inherit;
    background-repeat:no-repeat
}
 #backtop.show{
    opacity:1
}
 #backtop ul li .sidetop{
    width:100%;
    height:100%;
    line-height:54px;
    display:inline-block;
    opacity:0.6;
    filter:alpha(opacity=80);
    transition:all 0.3s;
    border:1px solid #eef4f7;
    background:#eee url(../images/side_icon.png) center / cover no-repeat
}
 #backtop ul li .sidetop:hover{
    opacity:1;
    filter:alpha(opacity=100);
    background:#ff0000 url(../images/side_icon-w.png) center / cover no-repeat
}
 @media (max-width:768px){
    #backtop{
        right:10px;
        bottom:10px
    }
     #backtop ul li{
        width:40px;
        height:40px;
        line-height:40px
    }
}
.home-header .headerTop{
    width:100%;
    height:36px;
    border-bottom:1px solid #f2f2f2;
    display:flex;
    align-items:center
}
 .home-header .headerTop .container{
    height:100%
}
 .home-header .headerTop .flexbox{
    height:100%;
    display:flex;
    justify-content:space-between
}
 .home-header .headerTop .flexbox ul{
    padding:0;
    display:flex
}
 .home-header .headerTop .flexbox ul li{
    margin:0;
    display:flex;
    align-items:center;
    margin:0 35px 0 0;
    font-size:14px;
    font-family:"微软雅黑"
}
 .home-header .headerTop .flexbox ul li:last-child{
    margin:0
}
 .home-header .headerTop .flexbox ul li img{
    margin:0 10px 0 0
}
 .home-header .headerTop .flexbox ul li span{
    letter-spacing:-0.6px
}
 .home-header .headerTop .flexbox ul.right li span{
    font-family:"Arial"
}
 .home-header .headerTop .flexbox ul.right li a{
    display:flex;
    align-items:center;
    color:#808080;
    text-decoration:none
}
 .home-header .headerTop .flexbox ul.right li a:hover{
    color:#ff0000
}
 .home-header .headerTop .flexbox ul.right li:last-child{
    background:#ff0000;
    padding:0 6px;
    position:relative
}
 .home-header .headerTop .flexbox ul.right li:last-child img{
    margin:0
}
 .home-header .headerTop .flexbox ul.right li:last-child a{
    display:block;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
 .home-header .headerTop .flexbox ul.right li.language{
    margin:0 10px 0 0
}
 .home-header .mainHeader{
    margin:43px auto 0
}
 .home-header .navbar{
    height:177px;
    border-bottom:0;
    background:#fff;
    position:relative;
    margin:0
}
 .home-header .navbar:before{
    content:"";
    position:absolute;
    width:50.05%;
    height:2px;
    bottom:0;
    left:0;
    background:#ff0000;
    z-index:5
}
 .home-header .navbar:after{
    content:"";
    background:#3a5fff;
    left:0;
    position:absolute;
    width:100%;
    height:2px;
    bottom:0
}
 .home-header .navbar-header{
    display:flex;
    align-items:center
}
 .home-header .navbar-brand{
    padding:0;
    height:auto;
    margin-left:0 !important
}
 .home-header .navbar-nav{
    margin-right:-15px
}
 .home-header .navbar-nav > li{
    margin:0;
    position:relative;
    font-size:16px;
    color:#000
}
 .home-header .nav.navbar-nav > li > a{
    padding-left:35px;
    padding-right:12px;
    padding-bottom:3px;
    font-size:18px;
    color:#000;
    font-family:"Arial"
}
 .home-header .nav.navbar-nav > li.active > a,.home-header .nav.navbar-nav > li:hover:not(.nohover) > a{
    color:#ff0000;
    background-color:transparent
}
 .home-header .navbar-text{
    font-family:"Arial";
    font-size:16px;
    color:#333;
    margin:0 0 0 35px;
    position:relative
}
 .home-header .navbar-text span{
    font-weight:bold;
    color:#ff0000
}
 .home-header .navbar-text:before{
    position:absolute;
    content:"";
    background:#ebebeb;
    width:1px;
    height:60px;
    left:-17px;
    top:-6px
}
 .home-header .mobile-navbtn{
    display:none
}
 .home-header .dropdown-menu li{
    width:100%;
    position:relative;
    font-size:14px
}
 .home-header .dropdown-menu.open{
    display:block !important
}
 .home-header .dropdown-menu.multi{
    width:200px;
    position:absolute;
    left:100% !important;
    right:0;
    top:0;
    box-shadow:0 6px 12px rgba(0,0,0,0.175);
    border:1px solid rgba(0,0,0,0.15);
    margin:0 !important
}
 .home-header .dropdown-menu.multi a{
    font-size:12px
}
 .home-header .language img{
    vertical-align:middle;
    margin:-3px 0 0 5px
}
 @media (max-width:480px){
    .home-header .dropdown-menu.multi{
        width:100%
    }
}
@media (min-width:768px){
    .home-header .nav.navbar-nav > li.active > a,.home-header .nav.navbar-nav > li:hover:not(.nohover) > a{
        color:#ff0000;
        border-bottom:4px solid #ff0000;
        background:url(../images/home/hlogo.png) left 16px no-repeat
    }
     .home-header li.hasdrop:hover > .dropdown-menu{
        width:257px;
        display:block !important;
        right:0;
        left:50%;
        margin-left:-80px
    }
     .home-header .header-top-sreach-bigbox{
        position:relative;
        margin-top:16px;
        text-align:center;
        display:block;
        width:37px;
        height:28px
    }
     .home-header .header-top-sreach-box{
        position:absolute;
        right:0;
        top:34px;
        z-index:999;
        display:none
    }
     .home-header .header-top-form{
        border:1px solid #d9d9d9;
        display:block;
        float:right;
        position:relative;
        width:180px;
        background-color:#fff
    }
     .home-header .header-top-form-input{
        padding-right:0;
        font-size:12px;
        outline:none !important;
        display:block;
        width:148px !important;
        height:31px !important;
        border:0 !important;
        float:left !important;
        padding-left:8px !important;
        background-color:transparent !important
    }
     .home-header .header-top-form-sbm{
        outline:none;
        width:20%;
        font-size:0;
        position:absolute;
        top:0;
        left:81%;
        float:left;
        height:31px;
        display:block;
        border:0;
        background:url(../images/home/search.png) center center no-repeat
    }
     .home-header .search-box:hover .header-top-sreach-box{
        display:block
    }
     .home-header .search-btn img{
        vertical-align:middle;
        margin-top:-3px
    }
}
@media (max-width:1199px) and (min-width:992px){
    .home-header .navbar-text{
        font-size:14px
    }
     .home-header .nav.navbar-nav > li{
        font-size:15px
    }
     .home-header .nav.navbar-nav > li a{
        padding-left:33px;
        padding-right:10px;
        font-size:16px
    }
}
@media (max-width:991px){
    .home-header .navbar-text{
        display:none
    }
     .home-header .nav.navbar-nav > li{
        font-size:14px
    }
     .home-header .nav.navbar-nav > li a{
        padding-left:33px;
        padding-right:10px;
        font-size:14px
    }
     .home-header .header-top-sreach-box{
        right:-1px
    }
     .home-header .headerTop .flexbox ul.right{
        display:none
    }
     .home-header .headerTop .flexbox{
        justify-content:center
    }
     .home-header .mainHeader{
        margin:15px auto 0
    }
     .home-header .navbar{
        height:125px
    }
}
@media (max-width:767px){
    .home-header .navbar-header{
        display:inherit
    }
     .home-header .headerTop{
        display:none
    }
     .home-header .mainHeader{
        margin:0 auto
    }
     .home-header .container{
        width:100%
    }
     .home-header .search-box{
        display:none
    }
     .home-header .dropdown-menu{
        position:relative;
        width:100%
    }
     .home-header .dropdown-menu.multi-dropdown{
        left:0 !important
    }
     .home-header .mobile-navbtn{
        width:40px;
        vertical-align:middle;
        position:absolute;
        right:0;
        top:0;
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        color:#fff;
        background:url(../images/home/jia.png) center no-repeat;
        background-size:100%
    }
     .home-header .mobile-navbtn.open{
        background:url(../images/home/jian.png) center no-repeat;
        background-size:100%
    }
     .home-header .mobile-navbtn.iconb{
        background:url(../images/home/jia-b.png) center no-repeat;
        background-size:100%
    }
     .home-header .mobile-navbtn.iconb.open{
        background:url(../images/home/jian-b.png) center no-repeat;
        background-size:100%
    }
     .home-header .navbar{
        display:block;
        height:60px;
        position:fixed
    }
     .home-header .nav.navbar-nav > li a{
        padding-bottom:0
    }
     .home-header .navbar-brand{
        width:60px;
        margin:8px 0 0 15px !important
    }
     .home-header .navbar-brand img{
        width:100%
    }
     .home-header .navbar-text{
        display:inline-block;
        font-size:15px;
        margin:6px 0 0 15px
    }
     .home-header .navbar-text:before{
        background:transparent
    }
     .home-header .navbar-toggle{
        margin:12px 15px 0 0
    }
     .home-header .navbar-collapse{
        background:#000
    }
     .home-header .nav.navbar-nav > li > a{
        color:#fff;
        padding:10px 15px;
        font-size:14px
    }
     .home-header .nav.navbar-nav{
        padding:15px 0;
        margin:0
    }
     .home-header .dropdown-menu em i{
        color:#000
    }
     .home-header .dropdown-menu.multi{
        position:static
    }
     .home-header .dropdown-menu > li > a{
        position:relative
    }
}
@media (max-width:576px){
    .home-header .navbar-text{
        display:none
    }
}
.home-banner{
    margin:0 0 80px
}
 .home-banner .banner-swiper .swiper-pagination{
    bottom:30px
}
 .home-banner .banner-swiper .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:1;
    border-radius:30px;
    margin:0 10px
}
 .home-banner .banner-swiper .swiper-pagination-bullet-active{
    width:40px;
    background:#ff0000
}
 @media (max-width:768px){
    .home-banner{
        margin:60px 0 30px
    }
}
.home-product{
    margin:0 0 50px
}
 .home-product .flexbox{
    display:flex
}
 .home-product .flexbox .leftmenu{
    flex:0 0 250px;
    min-width:250px;
    margin-right:35px
}
 .home-product .flexbox .leftmenu .head{
    background:#ff0000;
    overflow:hidden;
    border-radius:5px;
    display:flex;
    padding:30px 0 30px 23px;
    margin:0 0 10px
}
 .home-product .flexbox .leftmenu .head .inner{
    font-size:24px;
    font-family:"Arial";
    color:#fff;
    border-bottom:4px solid #fff;
    padding:0 5px 5px 0;
    display:flex;
    align-items:center
}
 .home-product .flexbox .leftmenu .head .inner img{
    margin:0 20px 0 0
}
 .home-product .flexbox .leftmenu .sideMenu{
    border-radius:5px;
    overflow:hidden;
    box-shadow:3px 3px 5px 0 rgba(6,0,1,0.1)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd{
    width:100%;
    height:80px;
    display:flex;
    align-items:center;
    transition:.3s;
    padding:0 0 0 15px;
    font-size:18px;
    color:#222;
    font-family:"Arial";
    position:relative;
    background:#eee;
    cursor:pointer;
    border-bottom:1px solid #ddd
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd span{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding:0 35px 0 0
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd .sicon{
    flex:0 0 35px;
    min-width:35px;
    height:35px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    transition:.3s;
    margin:0 15px 0 0
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd .sicon.s1{
    background-image:url(../images/home/pl1.png)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd .sicon.s2{
    background-image:url(../images/home/pl2.png)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd .sicon.s3{
    background-image:url(../images/home/pl3.png)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd .sicon.s4{
    background-image:url(../images/home/pl4.png)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd em{
    position:absolute;
    right:20px;
    font-size:30px;
    font-family:"Arial";
    font-style:normal;
    display:none;
    color:#fff
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd em.cl{
    font-size:18px;
    color:#b4b4b4;
    display:block
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd.on{
    border-bottom:0;
    color:#fff;
    background:#ff0000
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd.on .sicon.s1{
    background-image:url(../images/home/pl1-on.png)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd.on .sicon.s2{
    background-image:url(../images/home/pl2-on.png)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd.on .sicon.s3{
    background-image:url(../images/home/pl3-on.png)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd.on .sicon.s4{
    background-image:url(../images/home/pl4-on.png)
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd.on em.on{
    display:block
}
 .home-product .flexbox .leftmenu .sideMenu .sidehd.on em.cl{
    display:none
}
 .home-product .flexbox .leftmenu .sideMenu ul{
    padding:0;
    display:none
}
 .home-product .flexbox .leftmenu .sideMenu ul li{
    padding:0 20px;
    width:100%;
    position:relative;
    height:70px;
    line-height:70px;
    font-family:"Arial";
    font-size:14px;
    color:#888;
    transition:.3s;
    cursor:pointer;
    overflow:hidden
}
 .home-product .flexbox .leftmenu .sideMenu ul li a{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-decoration:none
}
 .home-product .flexbox .leftmenu .sideMenu ul li span{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
 .home-product .flexbox .leftmenu .sideMenu ul li i{
    font-size:20px;
    color:#888;
    transition:.3s
}
 .home-product .flexbox .leftmenu .sideMenu ul li:hover a,.home-product .flexbox .leftmenu .sideMenu ul li:hover i{
    color:#ff0000
}
 .home-product .flexbox .leftmenu .sideMenu ul li:after{
    content:"";
    position:absolute;
    bottom:0;
    left:20px;
    right:10px;
    border-bottom:1px dashed #eee
}
 .home-product .flexbox .leftmenu .sideMenu ul li.on a,.home-product .flexbox .leftmenu .sideMenu ul li.on i{
    color:#ff0000
}
 .home-product .flexbox .leftmenu .sideMenu ul li:last-child:after{
    border:0
}
 .home-product .flexbox .rightcontent{
    flex:1;
    overflow:hidden
}
 .home-product .flexbox .rightcontent .swiper-slide{
    border:1px solid #f3f3f3;
    border-radius:5px;
    overflow:hidden;
    transition:.3s
}
 .home-product .flexbox .rightcontent .swiper-slide:hover{
    box-shadow:0 1px 10px 0 #eee
}
 .home-product .flexbox .rightcontent .item{
    width:100%
}
 .home-product .flexbox .rightcontent .item .mask{
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:3px;
    background:#ff0000;
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    opacity:0;
    transition:.3s
}
 .home-product .flexbox .rightcontent .item .pimg{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.3s
}
 .home-product .flexbox .rightcontent .item .img-b{
    width:100%;
    height:300px
}
 .home-product .flexbox .rightcontent .item .tit{
    width:100%;
    z-index:2;
    height:48px;
    line-height:25px;
    transition:.3s;
    text-align:center;
    font-size:16px;
    font-family:"Arial";
    color:#666;
    margin:0;
    margin-top:25px
}
 .home-product .flexbox .rightcontent .item .tit:before{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    right:0;
    margin:auto;
    width:80%;
    height:1px;
    border-top:1px dashed #ddd
}
 .home-product .flexbox .rightcontent .item a{
    width:100%;
    height:100%
}
 .home-product .flexbox .rightcontent .item a:before{
    content:"";
    position:absolute;
    background:rgba(255,255,255,0.8);
    width:100%;
    height:100%;
    opacity:0;
    transition:.3s;
    z-index:1
}
 .home-product .flexbox .rightcontent .item:hover .pimg{
    transform:scale(1.1)
}
 .home-product .flexbox .rightcontent .item:hover .tit{
    color:#ff0000
}
 .home-product .flexbox .rightcontent .item:hover a:before{
    opacity:1
}
 .home-product .flexbox .rightcontent .item:hover .mask{
    opacity:1
}
 .home-product .flexbox .rightcontent .product-swiper{
    padding:0 10px 30px
}
 .home-product .flexbox .rightcontent .product-pagination{
    bottom:0;
    display:none
}
 @media (max-width:1200px){
    .home-product .flexbox .leftmenu{
        flex:0 0 200px;
        min-width:200px;
        margin:0 10px 0 0
    }
     .home-product .flexbox .leftmenu .sideMenu .sidehd{
        font-size:14px
    }
     .home-product .flexbox .leftmenu .sideMenu .sidehd .sicon{
        margin:0 10px 0 0
    }
     .home-product .flexbox .leftmenu .sideMenu .sidehd{
        height:70px
    }
     .home-product .flexbox .leftmenu .sideMenu ul li{
        height:60px
    }
     .home-product .flexbox .leftmenu .head .inner img{
        margin:0 10px 0 0;
        width:30px
    }
     .home-product .flexbox .leftmenu .head .inner{
        font-size:18px
    }
     .home-product .flexbox .rightcontent .item{
        height:275px
    }
}
@media (max-width:992px){
    .home-product .flexbox .rightcontent .product-pagination{
        display:block
    }
}
@media (max-width:768px){
    .home-product{
        margin:0 0 20px
    }
     .home-product .flexbox{
        flex-direction:column
    }
     .home-product .flexbox .leftmenu .sideMenu .sidehd .sicon{
        flex:0 0 25px;
        min-width:25px;
        height:25px;
        margin:0 5px 0 0
    }
     .home-product .flexbox .leftmenu .sideMenu .sidehd{
        height:35px
    }
     .home-product .flexbox .leftmenu .sideMenu ul li{
        height:30px;
        line-height:30px
    }
     .home-product .flexbox .leftmenu .head{
        padding:0;
        justify-content:center
    }
     .home-product .flexbox .leftmenu .head .inner img{
        display:none
    }
     .home-product .flexbox .leftmenu .head{
        background:transparent
    }
     .home-product .flexbox .leftmenu .head .inner{
        color:#ff0000;
        font-size:22px;
        border-bottom:2px solid #ff0000;
        padding:0;
        font-weight:bold
    }
     .home-product .flexbox .leftmenu{
        margin:0 0 10px
    }
     .home-product .flexbox .rightcontent .item{
        height:auto
    }
     .home-product .flexbox .rightcontent .item .tit{
        height:100px;
        overflow:hidden
    }
     .home-product .flexbox .rightcontent .item .img-b{
        height:auto
    }
}
.home-advantage{
    position:relative
}
 .home-advantage .flexbox{
    display:flex
}
 .home-advantage .flexbox .left{
    position:relative;
    flex:1;
    background:url(../images/home/leftbg.jpg) top center no-repeat;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end
}
 .home-advantage .flexbox .left .img-box{
    margin:0 15px -100px 0
}
 .home-advantage .flexbox .left:before{
    content:"OUR ADVANTAGE";
    position:absolute;
    font-size:90px;
    color:#222;
    font-family:"Arial_Black";
    font-weight:bold;
    opacity:.34;
    right:25px;
    top:90px;
    line-height:1
}
 .home-advantage .flexbox .rightbg{
    flex:1;
    height:900px;
    background:#F4F4F4 url(../images/home/rightbg.png) 73px 0 no-repeat
}
 .home-advantage .front{
    position:absolute;
    width:100%;
    top:0;
    left:0
}
 .home-advantage .innerContent{
    width:550px;
    margin-left:auto;
    margin-top:40px
}
 .home-advantage .innerContent .atitle{
    color:#222;
    font-family:"Arial";
    font-weight:bold;
    font-size:30px;
    position:relative;
    margin:0 0 60px
}
 .home-advantage .innerContent .atitle span{
    color:#ff0000
}
 .home-advantage .innerContent .atitle:after{
    content:"";
    position:absolute;
    width:60px;
    height:6px;
    background:#ff0000;
    left:0;
    bottom:-25px
}
 .home-advantage .innerContent .item{
    display:flex;
    margin:0 0 20px
}
 .home-advantage .innerContent .item .cicon{
    flex:0 0 80px;
    min-width:80px;
    height:80px;
    background:#222;
    transition:.3s;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
 .home-advantage .innerContent .item .cicon img{
    margin:14px 0 7px
}
 .home-advantage .innerContent .item .cicon p{
    margin:0;
    color:#fff;
    font-family:"Arial";
    font-size:14px;
    font-weight:bold;
    text-align:center
}
 .home-advantage .innerContent .item .info{
    background:#fff;
    flex:1;
    padding:18px
}
 .home-advantage .innerContent .item .info .tit{
    font-size:20px;
    color:#222;
    font-family:"Arial";
    font-weight:bold;
    margin:0 0 8px
}
 .home-advantage .innerContent .item .info .sm-tit{
    color:#222;
    font-size:14px;
    font-weight:bold;
    margin:0
}
 .home-advantage .innerContent .item .info .des{
    font-family:"Arial";
    font-size:14px;
    color:#808080;
    line-height:1.55;
    margin:0 0 18px
}
 .home-advantage .innerContent .item .info .des span{
    color:#ff0000;
    font-weight:bold
}
 .home-advantage .innerContent .item .info .des:last-child{
    margin:0
}
 .home-advantage .innerContent .item:hover .cicon{
    background:#ff0000
}
 .home-advantage .innerContent .item:last-child{
    margin:0
}
 .home-advantage .innerContent .item.right{
    flex-direction:row-reverse
}
 @media (max-width:1850px){
    .home-advantage .flexbox .left:before{
        font-size:70px;
        text-align:right
    }
}
@media (max-width:1200px){
    .home-advantage .flexbox{
        display:none
    }
     .home-advantage .innerContent{
        margin:0
    }
     .home-advantage .front{
        padding:30px 0;
        position:static;
        background:#F4F4F4 url(../images/home/rightbg.png) right bottom no-repeat
    }
     .home-advantage .innerContent{
        width:100%
    }
     .home-advantage .flexbox .left:before{
        content:""
    }
     .home-advantage .flexbox .left .img-box{
        display:none
    }
}
@media (max-width:768px){
    .home-advantage .innerContent .atitle{
        font-size:22px;
        margin:0 0 30px
    }
     .home-advantage .innerContent .atitle:after{
        width:45px;
        height:2px;
        bottom:-5px
    }
}
@media (max-width:576px){
    .home-advantage .innerContent .item,.home-advantage .innerContent .item.right{
        margin:0 0 15px;
        flex-direction:column
    }
     .home-advantage .innerContent .item .cicon{
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        padding:10px 0 10px 15px;
        height:auto;
        flex:inherit
    }
     .home-advantage .innerContent .item .cicon img{
        margin:0 15px 0 0
    }
     .home-advantage .innerContent .item .info{
        padding:15px
    }
     .home-advantage .innerContent .item .info .tit{
        font-size:16px;
        margin:0 0 5px
    }
     .home-advantage .innerContent .item .info .des{
        margin:0 0 5px
    }
     .home-advantage .innerContent .item .cicon p{
        font-size:18px
    }
}
.home-about .part_four .part_content{
    padding-top:100px;
    padding-bottom:50px
}
 .home-about .part_four .part_content .four_flex{
    display:flex
}
 .home-about .part_four .part_content .four_flex .left{
    flex:0 0 50%;
    min-width:50%;
    padding:91px 65px 0 0;
    position:relative
}
 .home-about .part_four .part_content .four_flex .left:before{
    content:"ABOUT";
    position:absolute;
    font-size:130px;
    color:#f9f9f9;
    font-family:"Arial_Black";
    left:0;
    top:73px
}
 .home-about .part_four .part_content .four_flex .left h4{
    font-size:20px;
    font-family:"Arial";
    font-weight:bold;
    margin-bottom:53px;
    color:#000;
    position:relative;
    z-index:1
}
 .home-about .part_four .part_content .four_flex .left p.des{
    font-size:14px;
    line-height:1.64;
    margin-bottom:80px;
    color:#808080;
    font-family:"Arial"
}
 .home-about .part_four .part_content .four_flex .left .more{
    width:142px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:14px;
    color:#fff;
    border-radius:5px;
    background:#ff0000;
    text-decoration:none
}
 .home-about .part_four .part_content .four_flex .right .video{
    height:440px
}
 .home-about .part_four .part_content .four_flex .right img{
    width:100%;
    height:100%;
    object-fit:cover
}
 @media (max-width:1200px){
    .home-about .part_four .part_content .four_flex .left{
        padding:15px 30px 0 0
    }
     .home-about .part_four .part_content .four_flex .left:before{
        font-size:110px;
        top:24px
    }
}
@media (max-width:992px){
    .home-about .part_four .part_content .four_flex .left:before{
        content:""
    }
     .home-about .part_four .part_content .four_flex .left h4{
        margin:0 0 15px
    }
     .home-about .part_four .part_content .four_flex .left p.des{
        margin-bottom:30px
    }
     .home-about .part_four .part_content .four_flex .right .video{
        height:445px
    }
}
@media (max-width:768px){
    .home-about .part_four .part_content{
        padding:30px 0
    }
     .home-about .part_four .part_content .four_flex{
        flex-direction:column;
        height:700px
    }
     .home-about .part_four .part_content .four_flex .left{
        margin-bottom:30px;
        padding:15px 0 0
    }
     .home-about .part_four .part_content .four_flex .right .video{
        width:100%;
        height:210px
    }
     .home-about .part_four .part_content .four_flex .left h4{
        font-size:16px
    }
     .home-about .part_four .part_content .four_flex .left p.des{
        line-height:1.3;
        margin:0 0 15px
    }
     .home-about .part_four .part_content .four_flex .left{
        text-align:center
    }
     .home-about .part_four .part_content .four_flex .left h4,.home-about .part_four .part_content .four_flex .left .des{
        text-align:left
    }
}
.home-certificate{
    padding:80px 0
}
 .home-certificate .item{
    overflow:hidden
}
 .home-certificate .item img{
    width:100%;
    transition:.3s
}
 .home-certificate .item:hover img{
    transform:scale(1.1)
}
 .home-certificate .swiperBox{
    position:relative;
    padding:0 50px
}
 .home-certificate .swiperBox .swiper-button-prev,.home-certificate .swiperBox .swiper-container-rtl .swiper-button-next{
    background-image:url(../images/home/left.png)
}
 .home-certificate .swiperBox .swiper-button-prev:hover,.home-certificate .swiperBox .swiper-container-rtl .swiper-button-next:hover{
    background-image:url(../images/home/left-on.png)
}
 .home-certificate .swiperBox .swiper-button-next,.home-certificate .swiperBox .swiper-container-rtl .swiper-button-prev{
    background-image:url(../images/home/right.png)
}
 .home-certificate .swiperBox .swiper-button-next:hover,.home-certificate .swiperBox .swiper-container-rtl .swiper-button-prev:hover{
    background-image:url(../images/home/right-on.png)
}
 .home-certificate .swiperBox .swiper-button-next,.home-certificate .swiperBox .swiper-button-prev{
    width:18px;
    height:34px;
    background-size:18px 34px
}
 .home-certificate .swiperBox .swiper-button-prev{
    left:0
}
 .home-certificate .swiperBox .swiper-button-next{
    left:inherit;
    right:0
}
 @media (max-width:767px){
    .home-certificate .swiper-button-prev,.home-certificate .swiper-button-next{
        background-size:50%
    }
}
.home-certificate .certificate-swiper .item{
    width:100%;
    padding:0;
    position:relative;
    text-align:center
}
 .home-certificate .certificate-swiper .item .img-box{
    margin:0 auto;
    width:201px;
    height:294px;
    overflow:hidden;
    position:relative;
    z-index:1;
    box-shadow:0 0 10px 0 rgba(0,0,0,0.1);
    transition:.3s
}
 .home-certificate .certificate-swiper .item .img-box img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .home-certificate .certificate-swiper .item .tit{
    font-size:18px;
    color:#222;
    font-family:"Arial";
    padding:25px 0;
    text-align:center;
    position:relative;
    z-index:1;
    transition:.3s;
    margin:0
}
 .home-certificate .certificate-swiper .item:after{
    content:"";
    position:absolute;
    width:100%;
    height:140px;
    left:0;
    bottom:0;
    background:#f6f6f6;
    transition:.3s
}
 .home-certificate .certificate-swiper .item:hover:after{
    background:#ff0000
}
 .home-certificate .certificate-swiper .item:hover .tit{
    color:#fff
}
 @media (max-width:768px){
    .home-certificate{
        padding:0 0 30px
    }
     .home-certificate .swiperBox{
        margin-top:200px
    }
     .home-certificate .certificate-swiper .item .tit{
        font-size:14px
    }
     .home-certificate .certificate-swiper .item .img-box{
        width:160px;
        height:223px
    }
}
.home-case{
    padding:60px 0;
    display:flex;
    width:100%;
    background:url(../images/home/casebg.jpg) center / cover no-repeat
}
 .home-case .left{
    flex:0 0 43.7%;
    min-width:43.7%
}
 .home-case .right{
    flex:1
}
 .home-case .innerleft{
    width:420px;
    margin:0 60px 0 0;
    float:right
}
 .home-case .innerleft .ctitle{
    color:#222;
    font-family:"Arial";
    font-weight:bold;
    font-size:30px;
    position:relative;
    margin:0 0 60px
}
 .home-case .innerleft .ctitle:after{
    content:"";
    position:absolute;
    width:60px;
    height:6px;
    background:#ff0000;
    left:0;
    bottom:-35px
}
 .home-case .innerleft .caseflexbox{
    overflow:hidden
}
 .home-case .innerleft .caseflexbox .box-row{
    margin:0 -10px;
    display:flex;
    flex-wrap:wrap
}
 .home-case .innerleft .caseflexbox .box-col{
    flex:0 0 50%;
    min-width:50%;
    padding:0 10px;
    margin:0 0 15px
}
 .home-case .innerleft .caseflexbox .box-col .img-box img{
    width:100%
}
 .home-case .innerright{
    position:relative;
    flex:1
}
 .home-case .innerright:after{
    content:"";
    position:absolute;
    height:387px;
    width:100%;
    background:#fff;
    left:0;
    top:0;
    bottom:0;
    margin:auto
}
 .home-case .innerright .caseSlideTab{
    position:relative;
    z-index:1
}
 .home-case .innerright .caseSlideTab .hd{
    position:absolute;
    z-index:1;
    display:flex;
    flex-direction:row;
    justify-content:center;
    bottom:25px;
    left:142px
}
 .home-case .innerright .caseSlideTab .hd ul{
    padding:0
}
 .home-case .innerright .caseSlideTab .hd ul li{
    width:10px;
    height:10px;
    background:#ff9696;
    border-radius:50%;
    margin:0 3px;
    cursor:pointer
}
 .home-case .innerright .caseSlideTab .hd ul li.on{
    background:#fff
}
 .home-case .innerright .caseSlideTab .hd .next,.home-case .innerright .caseSlideTab .hd .prev{
    color:#fff;
    font-family:"宋体";
    text-decoration:none;
    font-size:18px;
    margin:0 12px;
    cursor:pointer
}
 .home-case .innerright .caseSlideTab .contentflex{
    display:flex;
    align-items:center
}
 .home-case .innerright .caseSlideTab .contentflex .leftinfo{
    position:relative;
    flex:0 0 280px;
    min-width:280px;
    height:437px;
    background:#ff0000;
    padding:55px 30px
}
 .home-case .innerright .caseSlideTab .contentflex .leftinfo:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    width:0;
    height:0;
    border-top:13px solid transparent;
    border-right:20px solid #fff;
    border-bottom:13px solid transparent
}
 .home-case .innerright .caseSlideTab .contentflex .leftinfo .tit{
    font-size:24px;
    color:#fff;
    font-family:"Arial";
    font-weight:bold;
    margin:0 0 20px
}
 .home-case .innerright .caseSlideTab .contentflex .leftinfo .des{
    font-size:14px;
    color:#eee;
    font-family:"Arial";
    line-height:1.45;
    margin:0 0 34px
}
 .home-case .innerright .caseSlideTab .contentflex .leftinfo .more{
    width:140px;
    height:50px;
    border-radius:5px;
    border:1px solid #fff;
    padding:2px 2px;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    display:flex;
    justify-content:center;
    align-items:center
}
 .home-case .innerright .caseSlideTab .contentflex .leftinfo .more img{
    margin:0 0 0 6px;
    vertical-align:middle;
    transform:translateY(-2px)
}
 .home-case .innerright .caseSlideTab .contentflex .rightimg{
    height:387px;
    padding:0 0 0 45px;
    background:#fff;
    display:flex;
    align-items:center
}
 .home-case .innerright .caseSlideTab .contentflex .rightimg .img-box{
    width:398px;
    height:317px;
    object-fit:cover;
    overflow:hidden
}
 @media (max-width:1600px){
    .home-case .left{
        flex:0 0 42%;
        min-width:42%
    }
     .home-case .innerleft{
        margin:0 30px 0 0
    }
}
@media (max-width:1250px){
    .home-case .left{
        flex:0 0 40%;
        min-width:40%
    }
     .home-case .innerright .caseSlideTab .contentflex .leftinfo{
        flex:0 0 230px;
        min-width:230px
    }
     .home-case .innerright .caseSlideTab .contentflex .leftinfo .tit{
        font-size:20px
    }
     .home-case .innerright .caseSlideTab .hd{
        left:100px
    }
}
@media (max-width:1200px){
    .home-case .innerleft{
        width:100%;
        float:none;
        margin:0 auto;
        padding:0 15px
    }
     .home-case .innerright .caseSlideTab .contentflex .rightimg{
        height:auto
    }
     .home-case .innerright .caseSlideTab .contentflex .rightimg .img-box{
        width:auto;
        height:auto
    }
}
@media (max-width:992px){
    .home-case{
        flex-direction:column
    }
     .home-case .innerleft{
        max-width:750px;
        float:none;
        margin:0 auto;
        padding:0
    }
     .home-case .innerright{
        max-width:750px;
        margin:0 auto
    }
     .home-case .left{
        flex:0 0 100%;
        min-width:100%;
        padding:0 15px
    }
     .home-case .innerleft .caseflexbox .box-col{
        flex:0 0 33.33%;
        min-width:33.33%
    }
}
@media (max-width:768px){
    .home-case{
        padding:30px 0
    }
     .home-case .innerleft .ctitle{
        font-size:22px;
        margin:0 0 30px
    }
     .home-case .innerleft .ctitle:after{
        width:45px;
        height:2px;
        bottom:-5px
    }
}
@media (max-width:600px){
    .home-case .innerleft .caseflexbox .box-row{
        margin:0 -8px
    }
     .home-case .innerleft .caseflexbox .box-col{
        flex:0 0 50%;
        min-width:50%;
        padding:0 8px
    }
     .home-case .innerright:after{
        background:transparent
    }
     .home-case .innerright .caseSlideTab .contentflex{
        flex-direction:column;
        background:#fff
    }
     .home-case .innerright .caseSlideTab .contentflex .leftinfo:after{
        border:0
    }
     .home-case .innerright .caseSlideTab .contentflex .rightimg{
        padding:30px 15px
    }
     .home-case .innerright .caseSlideTab .contentflex .leftinfo{
        flex:inherit;
        min-width:inherit;
        height:auto;
        padding:15px;
        width:100%
    }
     .home-case .innerright .caseSlideTab .contentflex .leftinfo .tit{
        font-size:16px;
        margin:0 0 10px
    }
     .home-case .innerright .caseSlideTab .contentflex .leftinfo .des{
        margin:0 0 20px
    }
     .home-case .innerright .caseSlideTab .hd{
        left:auto;
        right:3px;
        top:15px
    }
}
.home-footer .flexbox{
    padding-top:50px;
    padding-bottom:20px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 @media (max-width:767px){
    .home-footer .flexbox{
        padding-top:30px;
        padding-bottom:30px;
        flex-direction:column;
        overflow:hidden
    }
}
@media (min-width:768px) and (max-width:991px){
    .home-footer .flexbox .item{
        flex:0 0 50%
    }
}
.home-footer .flexbox .item .box-img{
    display:flex;
    align-items:center;
    flex-direction:row;
    margin-bottom:25px
}
 .home-footer .flexbox .item .box-img .r-c{
    margin-left:20px
}
 .home-footer .flexbox .item .box-img .dt{
    font-size:16px;
    color:#1c1d21;
    font-family:"Arial";
    font-weight:bold;
    margin:0 0 5px
}
 .home-footer .flexbox .item .box-img .dd{
    font-size:14px;
    color:#888;
    font-family:"Arial";
    line-height:1.3
}
 .home-footer .flexbox .item .firul{
    padding:0
}
 .home-footer .flexbox .item .firul li{
    display:block;
    font-size:14px;
    color:#1c1d21;
    position:relative;
    font-family:"Arial";
    padding-left:30px;
    margin-bottom:8px;
    line-height:1.5
}
 .home-footer .flexbox .item .firul li .ficon{
    position:absolute;
    left:0;
    top:5px
}
 .home-footer .flexbox .item .firul li .ficon.f1{
    background:url(../images/home/f1.png) no-repeat;
    width:22px;
    height:16px
}
 .home-footer .flexbox .item .firul li .ficon.f2{
    background:url(../images/home/f2.png) no-repeat center;
    width:22px;
    height:18px
}
 .home-footer .flexbox .item .firul li .ficon.f3{
    background:url(../images/home/f3.png) no-repeat center;
    width:22px;
    height:20px
}
 .home-footer .flexbox .item .firul li a{
    font-size:14px;
    color:#1c1d21;
    font-family:"Arial";
    vertical-align:middle
}
 .home-footer .flexbox .item .curul{
    padding-left:0
}
 @media (max-width:767px){
    .home-footer .flexbox .item .curul{
        text-align:center;
        display:none
    }
}
.home-footer .flexbox .item .curul li{
    display:block
}
 .home-footer .flexbox .item .curul li.tit{
    font-size:18px;
    color:#1c1d21;
    margin-bottom:25px
}
 @media (max-width:767px){
    .home-footer .flexbox .item .curul li.tit{
        margin-bottom:0
    }
}
.home-footer .flexbox .item .curul li a{
    font-size:14px;
    color:#888;
    font-family:"Arial";
    margin-bottom:6px
}
 @media (max-width:767px){
    .home-footer .flexbox .item .linksbtn{
        display:flex;
        justify-content:center
    }
}
.home-footer .flexbox .item .linksbtn button{
    width:200px;
    height:40px;
    border:1px solid #ccc;
    font-family:"Arial";
    font-size:14px;
    text-align:left;
    border-radius:0;
    color:#888;
    padding:0 10px
}
 @media (max-width:767px){
    .home-footer .flexbox .item .linksbtn button{
        margin:0 auto
    }
}
.home-footer .flexbox .item .linksbtn button img{
    float:right;
    margin-top:7px
}
 .home-footer .flexbox .item .linksbtn .dropdown-menu{
    right:0;
    margin:auto
}
 @media (max-width:767px){
    .home-footer .flexbox .item .linksbtn .dropdown-menu{
        width:200px
    }
}
.home-footer .flexbox .item .linksbtn .dropdown-menu li{
    display:block
}
 .home-footer .footer-bottom{
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#222;
    font-family:"Arial";
    background:#f1f1f1
}
 .home-footer .footer-bottom .pull-right img{
    vertical-align:middle;
    width:20px
}
 @media (max-width:768px){
    .home-footer .firul li:nth-child(3){
        width:100%!important
    }
     .home-footer .footer-bottom{
        height:auto;
        line-height:20px;
        padding:6px 0;
        text-align:center
    }
     .home-footer .footer-bottom .pull-left,.home-footer .footer-bottom .pull-right{
        float:none !important
    }
     .home-footer .footer-bottom .pull-right img{
        margin:0 25px
    }
     .home-footer .flexbox .item{
        width:100%
    }
     .home-footer .flexbox .item .box-img{
        flex-wrap:wrap;
        gap:20px
    }
     .home-footer .flexbox .item .box-img .r-c{
        margin-left:0
    }
     .home-footer .flexbox .item .firul li a{
        display:block;
        font-size:16px
    }
     .home-footer .flexbox .item .firul li{
        width:100%;
        font-size:16px
    }
}
.home-faq{
    background:url(../images/home/bg_2.jpg) no-repeat center;
    padding:80px 0
}
 @media (max-width:991px){
    .home-faq{
        background-size:cover
    }
}
.home-faq .container{
    background-color:#fff;
    padding:30px 0
}
 @media (min-width:992px){
    .home-faq .container{
        padding:41px 30px 67px;
        box-shadow:5px 5px 10px 0 #ddd
    }
}
@media (min-width:992px){
    .home-faq .container > div{
        padding:0
    }
}
.home-faq .container .dt{
    font-size:24px;
    font-family:"Arial";
    font-weight:bold;
    text-decoration:none;
    color:#1c1d21
}
 .home-faq .container .dt > span{
    color:#ff0000
}
 .home-faq .container .dt > span::after{
    content:"";
    display:block;
    width:16px;
    height:4px;
    background-color:#1c1d21;
    margin-top:8px
}
 @media (max-width:991px){
    .home-faq .container .faq-c{
        margin-bottom:15px
    }
}
.home-faq .container .faq-c .faq-list{
    margin-top:13px;
    padding:0
}
 @media (min-width:992px) and (max-width:1199px){
    .home-faq .container .faq-c .faq-list{
        padding-right:30px
    }
}
@media (min-width:1200px){
    .home-faq .container .faq-c .faq-list{
        padding-right:80px
    }
}
.home-faq .container .faq-c .faq-list li{
    font-family:"Arial";
    border-bottom:1px solid #eee;
    padding-top:21px;
    padding-bottom:6px;
    width:100%
}
 @media (max-width:991px){
    .home-faq .container .faq-c .faq-list li{
        padding-top:6px
    }
}
.home-faq .container .faq-c .faq-list li > a{
    position:relative;
    padding-left:30px;
    text-decoration:none
}
 .home-faq .container .faq-c .faq-list li > a::before{
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    width:20px;
    line-height:20px;
    text-align:center;
    margin-right:10px;
    color:#fff;
    font-family:"微软雅黑"
}
 .home-faq .container .faq-c .faq-list li .q-c{
    display:block;
    font-size:16px;
    color:#1c1d21;
    margin-bottom:11px;
    display:-webkit-box;
    word-break:break-all;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
 .home-faq .container .faq-c .faq-list li .q-c::before{
    content:"Q";
    font-family:"Digital Mdm";
    font-size:14px;
    background-color:#ff0000
}
 .home-faq .container .faq-c .faq-list li .a-c{
    font-size:14px;
    color:#888;
    display:-webkit-box;
    word-break:break-all;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-height:1.5
}
 .home-faq .container .faq-c .faq-list li .a-c::before{
    content:"A";
    font-family:"Digital Mdm";
    font-size:14px;
    background-color:#222
}
 .home-faq .container .contact-c .form-c{
    margin-top:15px
}
 @media (min-width:992px){
    .home-faq .container .contact-c .form-c{
        margin-top:34px
    }
}
.home-faq .container .contact-c .form-c > input{
    display:block;
    width:100%;
    height:50px;
    font-size:14px;
    font-family:"Arial";
    border:1px solid #eee;
    margin-bottom:15px;
    padding:0 9px
}
 @media (min-width:992px){
    .home-faq .container .contact-c .form-c > input{
        margin-bottom:20px
    }
}
.home-faq .container .contact-c .form-c > input::placeholder{
    color:#888
}
 .home-faq .container .contact-c .form-c textarea{
    border:1px solid #eee;
    width:100%;
    margin-bottom:15px;
    height:120px;
    padding:16px 9px;
    font-family:"Arial"
}
 .home-faq .container .contact-c .form-c textarea::placeholder{
    color:#888
}
 @media (min-width:992px){
    .home-faq .container .contact-c .form-c textarea{
        margin-bottom:30px
    }
}
.home-faq .container .contact-c .form-c .btn-list{
    display:flex;
    justify-content:space-between
}
 .home-faq .container .contact-c .form-c .btn-list input{
    width:260px;
    line-height:40px;
    color:#1c1d21;
    font-size:18px;
    border:1px solid #eee;
    font-weight:normal;
    font-family:"Arial";
    background-color:#f1f1f1
}
 .home-faq .container .contact-c .form-c .btn-list input.active,.home-faq .container .contact-c .form-c .btn-list input:hover{
    background-color:#ff0000;
    color:#fff;
    transition:.3s
}
 @media (max-width:768px){
    .home-faq{
        padding:0;
        border-top:1px solid #eee;
        border-bottom:1px solid #eee
    }
     .home-faq .container .dt{
        font-size:22px
    }
}
.home-service{
    overflow:hidden;
    background:url(../images/home/bg_1.png) no-repeat center top
}
 .home-service .container > .ztitle{
    padding:81px 0 29px
}
 @media (max-width:991px){
    .home-service .container > .ztitle{
        padding:30px 0 0
    }
}
.home-service .container > .ztitle .des{
    color:#888
}
 .home-service .container > .ztitle .tit a{
    color:#fff
}
 .home-service #img_add{
    position:relative;
    z-index:1
}
 .home-service .s-content{
    margin-top:61px
}
 @media (max-width:991px){
    .home-service .s-content{
        margin-top:30px
    }
}
@media (min-width:768px){
    .home-service .s-content > div{
        padding:0
    }
}
@media (max-width:991px){
    .home-service .s-content .left img{
        width:100%
    }
}
.home-service .s-content .right{
    padding-left:0
}
 @media (min-width:992px){
    .home-service .s-content .right{
        padding-left:40px
    }
}
.home-service .s-content .right .dt{
    margin-top:30px;
    position:relative;
    font-size:24px;
    font-weight:bold;
    color:#000;
    margin-bottom:50px
}
 @media (max-width:991px){
    .home-service .s-content .right .dt{
        text-align:center;
        font-size:22px;
        margin:30px 0 15px
    }
}
@media (max-width:991px){
    .home-service .s-content .right .dt::before{
        right:0;
        top:0;
        bottom:0;
        margin:auto;
        font-size:60px
    }
}
.home-service .s-content .right .dd{
    padding:0;
    font-size:14px;
    color:#808080;
    font-family:"Arial";
    position:relative;
    margin:0 0 30px;
    display:-webkit-box;
    word-break:break-all;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:11
}
 @media (max-width:991px){
    .home-service .s-content .right .dd{
        font-size:14px
    }
}
.home-service .s-content .right .dd > p{
    position:relative;
    z-index:1;
    line-height:1.3;
    margin-bottom:0;
    display:-webkit-box;
    word-break:break-all;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:11
}
 @media (min-width:1200px){
    .home-service .s-content .right .dd > p{
        margin-bottom:20px
    }
}
.home-service .s-content .img-switch{
    overflow:hidden;
    padding-left:0
}
 @media (min-width:1200px){
    .home-service .s-content .img-switch{
        margin-top:66px;
        padding-left:17px
    }
}
@media (max-width:991px){
    .home-service .s-content .img-switch{
        display:flex;
        justify-content:center
    }
}
.home-service .s-content .img-switch li{
    width:140px;
    height:140px;
    float:left;
    border-radius:50%;
    overflow:hidden;
    margin-right:10px;
    border:10px solid transparent;
    cursor:pointer
}
 @media (max-width:767px){
    .home-service .s-content .img-switch li{
        height:85px;
        width:85px
    }
}
@media (min-width:1200px){
    .home-service .s-content .img-switch li{
        margin-right:50px
    }
}
.home-service .s-content .img-switch li.active{
    border:10px solid #ff0000
}
 .home-service .s-content .img-switch li:last-of-type{
    margin:0
}
 .home-service .s-content .img-switch li img{
    height:100%
}
 .home-service .new-c{
    width:100%;
    overflow:hidden;
    margin-top:83px;
    margin-bottom:66px
}
 @media (max-width:991px){
    .home-service .new-c{
        margin-top:30px;
        margin-bottom:30px
    }
}
@media (min-width:768px){
    .home-service .new-c > div{
        padding:0
    }
}
.home-service .new-c .ztitle{
    overflow:hidden
}
 @media (min-width:992px){
    .home-service .new-c .ztitle{
        padding-right:50px;
        text-align:left
    }
}
.home-service .new-c .ztitle .tit{
    margin:0;
    line-height:.8;
    font-size:24px;
    font-family:"Arial";
    font-weight:bold
}
 .home-service .new-c .ztitle .tit a{
    color:#1c1d21;
    text-decoration:none
}
 .home-service .new-c .ztitle .des{
    line-height:.8;
    margin-top:5px;
    margin-bottom:43px;
    color:#888;
    font-size:14px
}
 @media (min-width:992px){
    .home-service .new-c .ztitle .zimg{
        margin-left:-73px
    }
}
.home-service .new-c .ztitle .dt{
    font-size:14px;
    color:#888;
    font-family:"Arial";
    line-height:1.5
}
 .home-service .new-c .ztitle .more-btn{
    text-align:center;
    text-decoration:none;
    display:block;
    width:142px;
    line-height:50px;
    border-radius:5px;
    background-color:#ff0000;
    color:#fff;
    margin-top:40px;
    font-family:"Arial";
    font-size:14px
}
 @media (max-width:991px){
    .home-service .new-c .ztitle .more-btn{
        margin:30px auto
    }
}
.home-service .new-c .right .swiper-pagination{
    bottom:10px
}
 @media (min-width:1200px){
    .home-service .new-c .right .swiper-pagination{
        display:none
    }
}
.home-service .new-c .right .swiper-slide .box-img{
    overflow:hidden;
    position:relative;
    width:274px;
    height:206px
}
 .home-service .new-c .right .swiper-slide .box-img > img{
    transition:.3s;
    width:100%
}
 .home-service .new-c .right .swiper-slide .box-img .mask{
    opacity:0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:rgba(255,0,0,0.9)
}
 .home-service .new-c .right .swiper-slide .b-c{
    display:flex;
    justify-content:space-between;
    margin-top:20px
}
 .home-service .new-c .right .swiper-slide .b-c .l-c{
    width:50px;
    height:50px;
    color:#fff;
    background-color:#ccc;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    font-family:"Arial";
    line-height:1;
    margin-right:10px;
    margin-top:5px;
    flex:0 0 60px;
    transition:.3s
}
 .home-service .new-c .right .swiper-slide .b-c .l-c .dt{
    font-size:30px;
    font-weight:bold;
    margin-bottom:0;
    color:#fff
}
 .home-service .new-c .right .swiper-slide .b-c .l-c .dd{
    font-size:12px;
    color:#fff
}
 .home-service .new-c .right .swiper-slide .b-c .r-c{
    position:relative;
    height:175px
}
 .home-service .new-c .right .swiper-slide a .b-c .r-c .dt{
    width:204px;
    font-family:"Arial";
    font-weight:bold;
    font-size:16px;
    color:#1c1d21;
    margin-bottom:5px;
    display:-webkit-box;
    word-break:break-all;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-top:0
}
 .home-service .new-c .right .swiper-slide .b-c .r-c .dd{
    width:204px;
    font-size:14px;
    color:#888;
    line-height:1.45;
    font-family:"Arial";
    display:-webkit-box;
    word-break:break-all;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .home-service .new-c .right .swiper-slide .b-c .r-c .more{
    position:absolute;
    bottom:15px;
    margin-top:25px;
    width:90px;
    line-height:28px;
    border-radius:6px;
    border:1px solid #ccc;
    text-align:center;
    color:#1c1d21;
    font-size:16px;
    font-family:"Arial"
}
 .home-service .new-c .right .swiper-slide a{
    text-decoration:none
}
 .home-service .new-c .right .swiper-slide a:hover .box-img img{
    transform:scale(1.1)
}
 .home-service .new-c .right .swiper-slide a:hover .l-c{
    background-color:#ff0000
}
 .home-service .new-c .right .swiper-slide a:hover .mask{
    transition:.3s;
    opacity:1
}
 .home-service .new-c .right .swiper-slide a:hover .more{
    transition:.3s;
    background-color:#ff0000;
    color:#fff !important;
    border-color:#ff0000 !important
}
 @media (max-width:1200px){
    .home-service .new-c .new-swiper{
        padding:0 0 40px
    }
}
.home-service .imgSwitch{
    position:relative;
    padding:0 65px
}
 .home-service .imgSwitch .img-box{
    width:100%;
    height:130px;
    border:10px solid #f6f6f6;
    transition:.3s
}
 .home-service .imgSwitch .img-box img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .home-service .imgSwitch .img-box:hover,.home-service .imgSwitch .img-box.active{
    border-color:#ff0000
}
 .home-service .imgSwitch .swiper-button-next,.home-service .imgSwitch .swiper-button-prev{
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:#fff;
    box-shadow:5px 10px 15px 0 rgba(0,0,0,0.1);
    background-image:url(../images/home/sl.png);
    background-size:auto;
    transition:.3s
}
 .home-service .imgSwitch .swiper-button-next:hover,.home-service .imgSwitch .swiper-button-prev:hover{
    background-color:#ff0000;
    background-image:url(../images/home/sl-on.png)
}
 .home-service .imgSwitch .swiper-button-next{
    background-image:url(../images/home/sr.png)
}
 .home-service .imgSwitch .swiper-button-next:hover{
    background-image:url(../images/home/sr-on.png)
}
 @media (max-width:992px){
    .home-service .s-content .right .dd:after{
        background:transparent;
        width:0;
        height:0
    }
     .home-service .s-content .right .dd{
        padding:15px 0;
        margin:0
    }
     .home-service .imgSwitch .img-box{
        height:auto
    }
     .home-service .new-c .ztitle .des{
        margin:5px 0 15px
    }
     .home-service .new-c .ztitle{
        text-align:center
    }
     .home-service .s-content .col-md-6.left{
        padding:0
    }
     .home-service .new-c .ztitle .tit{
        font-size:22px
    }
     .home-service .imgSwitch .img-box{
        border-width:5px
    }
}
.indtita{
    color:#ffffff!important;
    text-decoration:none!important
}
 .whyahovor > a:hover{
    color:#333333!important;
    text-decoration:none
}
 .whyathree{
    color:#fff!important
}
 .whyathree:hover{
    color:#fff!important;
    text-decoration:none!important
}
 .whyaremark:hover{
    text-decoration:none!important
}
 .honora{
    color:#222!important
}
 .honora:hover{
    color:#fff!important;
    text-decoration:none!important
}
 .honorimg > img:hover .honora{
    color:#fff!important
}
 .casetitle:hover{
    color:#333333!important;
    text-decoration:none
}
 .stretitle:hover{
    color:#333333!important;
    text-decoration:none!important
}
 .home-product{
    width:100%;
    height:100%
}
 @media screen and (max-width:480px){
    .home-banner .banner-swiper .swiper-pagination{
        bottom:0
    }
     .home-banner{
        margin-bottom:0px
    }
}
.leftContent .productTab table{
    display:table;
    border-spacing:2px
}
 .leftContent .productTab table tbody{
    display:table-row;
    vertical-align:inherit;
    border-color:inherit
}
 .leftContent .productTab table tbody tr{
    display:table-row;
    vertical-align:inherit;
    border-color:inherit
}
 .leftContent .productTab table tbody tr td{
    display:table-cell;
    vertical-align:inherit
}
 .home-about .right .video{
    width:600px
}
 @media (max-width:767px){
    .mainBox .leftContent .productBox .productyli a{
        width:100%
    }
     .mainBox .leftContent .productBox .productyli a p{
        width:100%
    }
}