/*-----------------[初始化]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; } 
q:before,q:after{content:''; } 
abbr,acronym{border:0; } 
a{text-decoration:none; } 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l,.col-c,.col_c{float:left; }
.r,.col-r,.col_r{float:right; } .c{clear:both; } 
.dn{display:none; }  
*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}
img {max-width: 100%;border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pic img{
    transition:all .8s;
    
}
.pic img:hover{
    transform: scale(1.1, 1.1);
}
.icon img{
    transition:all .8s;
}
.icon img:hover{
   -webkit-transform: rotateZ(360deg);
   -moz-transform: rotateZ(360deg);
   -o-transform: rotateZ(360deg);
   -ms-transform: rotateZ(360deg);
   transform: rotateZ(360deg);
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}

/*布局*/

.wp {margin: 0 auto;width: 1400px;}
.wp-h{margin: 0 auto;width: 1600px;}
/******************************* -------[=头部]-------
********************************/


/*******************************
    -------[=底部]-------
    ********************************/

/*******************************
    -------[=公用]-------
    ********************************/
    .banner img{
        display: block;
        width: 100%;
    }
    .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
        bottom:100px;
    }
    .banner .swiper-pagination-bullet{width:14px;height:14px;background:#fff;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;}
    .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#00a8e1;width: 80px;border-radius: 30px;}

    .g-ban{
        margin-top: -80px;
        z-index: 9;
        position: relative;
    }
    .ul-txt{
        height: 160px;
        background: #FFFFFF;
        box-shadow: 0px 11px 8px 0px rgba(0, 0, 0, 0.04);
    }
    .ul-txt li{
        width: 33.3%;
        float: left;
        text-align: center;
        padding-top: 19px;
        font-size: 12px;
        color:#999;
        position: relative;
    }
    .ul-txt li .ico{
        margin-bottom: 12px;
    }
    .ul-txt li::after{
        content:'';
        display: block;
        position: absolute;
        width: 1px;
        height: 100px;
        background: #f7f7f7;
        top: 30px;
    }
    .ul-txt li .tit{
        font-size: 16px;
        color:#333333;
        font-weight: bold;
        margin-bottom: 2px;
    } 
    .ul-txt li .tit span{
        color:#EA1D1D;
    }

    .g-tit{
        text-align: center;
        margin-bottom: 52px;
    }
    .g-tit .cn{
        font-weight: bold;
        font-size: 36px;
        color:#222;
        line-height: 24px;
        margin-top: -20px;
        position: relative;
        padding-bottom: 40px;
        margin-bottom: 24px;
    }
    .g-tit .cn::after{
        content:'';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 46px;
        height: 5px;
        margin:0 auto;
        background: #00a8e1;
    }
    .g-tit .en{
        font-size: 60px;
        line-height: 60px;
        color:rgba(34, 34, 34, 0.08);
        font-family: 'Impact';
        text-transform: uppercase;
    }
    .g-tit .desc{
        font-size: 15px;
        color:#999999;
    }

    /**row1***/
    .row1{
        padding-bottom: 55px;
        padding-top: 44px;
    }

    .g-img{
        height: 300px;
        background:#000 url(../images/g-img.jpg) no-repeat ;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        margin-bottom: 20px;
        padding:38px 42px 0;
    }
     .g-img .txt{
        width: 360px;
        overflow: hidden;
     }
    .g-img .tit{
        font-size: 24px;
        color:#fff;
        font-weight: bold;
        border-bottom: 1px solid #fff;
        padding-bottom: 11px;
        margin-bottom: 13px;
     }
     .g-img .desc{
        font-size: 14px;
        color:#fff;
        line-height: 1.71;
        margin-bottom: 28px;
     }
     .ul-img{
        overflow: hidden;
        margin:0 -14px;
     }
     .ul-img li{
        float: left;
        width: 25%;
     }
     .ul-img .con{
        display: block;
        overflow: hidden;
        margin:0 14px;
        font-size: 18px;
        color:#FFFFFF;
        line-height: 21px;
        text-align: center;
        height: 83px;
        font-weight: bold;
        padding-top: 20px;
        background: url(../images/img.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
     }
    .m-slider1 .l{
        width: 300px;
        margin-right: 30px;
        box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid #e7e7e7;
    }
    .m-slider1 .r{
        float: none;
        overflow: hidden;
    }
    .m-slider1 .r .img img{
        display: block;
        margin-bottom: 20px;
    }
    .g-title1{
        background:url(../images/pic1.jpg) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        color:#fff;
        font-size: 14px;
        padding: 30px 40px 29px;
        text-transform: uppercase;
    }
    .g-title1 p:first-child{
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 4px;
    }
    .m-slider1 .l .more{
        display: block;
        font-size: 18px;
        color:#fff;
        padding:0 40px ;
        line-height: 80px;
        background: url(../images/ico15.png) no-repeat;
    }
    .bg{
       background: url(../images/pic2.jpg) no-repeat; 
       -webkit-background-size: cover;
       background-size: cover;
   }
   .zd{
    padding: 0 28px 10px;
    margin-bottom: 2px;
}
.zd dl{
   display: block;
   background: url(../images/ico16.png) no-repeat bottom;
}
.zd dl:last-child{
    background: none;
}

.zd dt a{
    font-size: 22px;
    line-height: 70px;
    color:#fff;
    display: block;
    text-transform: uppercase;
    background: url(../images/ico13.png) no-repeat right center;
    cursor: pointer;
    transition:all .3s;
}
.zd dt a:hover{
    color:#00a8e1;
}
.zd dl:hover dd{
    display: block;
    padding-bottom: 23px;
}
.zd dd{
    display: none;
    
}
.zd dd a{
    display: block;
    font-size: 16px;
    color:#fff;
    line-height: 2.25;
}
.zd dd a:hover{
    color:#00a8e1;
}
.g-pictxt1{
    margin-bottom: 20px;
    overflow: hidden;
    background: url(../images/pic12.jpg) no-repeat;
    background-size: cover;
}
.g-pictxt1 .txt{
    overflow: hidden;
    padding:33px 49px 63px;
}
.g-pictxt1 .txt .tit{
    font-size: 24px;
    color:#fff;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 14px;
    width: 359px;
    border-bottom: 1px solid #B28D05;
}
.g-pictxt1 .txt .desc{
    font-size: 14px;
    color:#fff;
    line-height: 1.71;
}
.ul-list1{
    overflow: hidden;
}
.ul-list1 .con{
    display: block;
    overflow: hidden;
}
.ul-list1 .pic{
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    height: 0;
    border:1px solid #eee;
}
.ul-list1 .pic img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
    transition:all .3s;
}
.ul-list1 li:hover .pic img{
    transform:scale(1.05, 1.05);
}
.ul-list1 .tit{
    text-align: center;
    font-size: 14px;
    color:#666666;
    line-height: 41px;background-color: #EEEEEE;
}
.ul-list1 li:hover .tit{
    color:#ec0005;
}
.g-more a{
    display: block;
    margin:0 auto;
    width: 156px;
    height: 46px;
    border: 1px solid #D2D2D2;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    color:#999999;
}

/**row2***/
.row2{
    overflow: hidden;
    padding-bottom: 45px;
    padding-top: 41px;  
    background: url(../images/pic4.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.row2 .tel{
    float: right;
    color:#000;
    font-size: 18px;
    text-align: right;
}
.row2 .tel .tell{
    font-size: 36px;
    font-family: 'Impact';
    line-height: 1.3;
}
.row2 .tel a{
    width: 154px;
    height: 38px;
    float: right;
    background: #fff;
    border-radius: 19px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    color:#EA1D1D;
    letter-spacing: 2px;
    display: block;
    margin-top: 3px;
}  
.row2 .img{
    float: left;
    margin-top: 32px;
    width: 78%;
    color:#fff;
    font-size: 27px;
    position: relative;
    background: url(../images/ss.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding-left: 35px;
    padding-bottom: 15px;
}
.row2 .img .txt{
    position: relative;
    margin-top: -30px;
}
.row2 .img .tit{
    font-weight: bold;
    font-size: 41px;
    line-height: 1.2;
    margin-bottom: 4px;
}


/**row3***/
.row3{
    overflow: hidden;
   
    padding-top: 53px;
}
.row3 .g-tit {
    margin-bottom: 34px;
}
.slider1.swiper-container{
    padding: 20px 0 74px;
}
.slider1 .swiper-slide{
    width: 950px;
}
.slider1 .con{
    background: url(../images/pic20.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 23px  17.71vw 0 40px;
    position: relative;
    height: 430px;
    box-shadow: 0px 8px 18px 0px #F0F0F0;
    display: block;
}
.slider1 .img{
    position: absolute;
    right: 0;
    top: 33px;
    width: 17.34vw;
}
.slider1 .img img{
    display: block;
    width: 100%;
}
.slider1  .con:hover{
    background-image: url(../images/pic5.jpg);
}
.slider1 .con:hover .cn,
.slider1 .con:hover .en,
.slider1 .con:hover .desc p{
    color:#fff;
}
.slider1 .tit{
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.slider1 .con:hover .tit{
    border-bottom: 1px solid #fff;
}
.slider1 .cn{
    font-size: 24px;
    line-height: 1.4;
    color:#333333;
    font-weight: bold;
}
.slider1 .en{
    font-size: 14px;
    color:#333333;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.slider1 .desc p{
    font-size: 14px;
    color:#666666;
    line-height: 1.6;
    padding-left: 12px;
    margin-bottom: 4px;
    background: url(../images/ico21.png) no-repeat left top 6px;
}
.slider1 .con:hover .desc p{
    background-image: url(../images/ico20.png);
}
.slider1 .con:hover span{
   
    background: #FFFFFF;
    box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.18);
       color:#333333;
   
}
.slider1 span{
     display: block;
     width: 156px;
     height: 46px;
     position: absolute;
     bottom: -23px;
     left: 39px;
     background: #69cced;
     box-shadow: 0px 6px 24px 0px #00a8e1;
     border-radius: 23px;
     text-align: center;
     line-height: 46px;
     font-size: 14px;
     color:#fff;
}
.slider1 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
    bottom:0px;
    left: -10%;
}
.slider1 .swiper-pagination-bullet{width:14px;height:14px;background:url(../images/ico17.png) no-repeat;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;

}
.slider1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/ico18.png) no-repeat;}



/**row4***/
.row4{
    padding-top: 50px;
    padding-bottom: 28px;
}
.slider2 .swiper-slide{
    height: 500px;
    padding: 10px;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.slider2 .swiper-slide::after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.4);
}
.slider2 .swiper-slide .con{
    display: none;
    color:#fff;
    height: 100%;
    padding: 20px 15px;
    overflow-y: scroll;
    z-index: 2;
    position: relative;
    border:1px dashed  rgba(255, 255, 255, 0.35);
}


.slider2 .swiper-slide .con::-webkit-scrollbar { width: 0px;   

} 
.slider2 .swiper-slide .con::-webkit-scrollbar-track { background: none; 
} 
.slider2 .swiper-slide .con::-webkit-scrollbar-thumb { 
} 
.slider2 .swiper-slide .con::-webkit-scrollbar-thumb:window-inactive { 
}
.slider2 .swiper-slide.swiper-slide-active .con{
    display: block;
}
.slider2 .swiper-slide:hover .con{
    display: block;
}

.slider2 .tit{
    font-size: 19px;
    color:#FFFFFF;
    padding-bottom: 17px;
    position: relative;
    margin-bottom: 22px;
}
.slider2 .tit::after{
    content:'';
    display: block;
    position: absolute;
    width: 44px;
    height: 4px;
    background: #FFFFFF;
    bottom: 0;
    left:0;
}
.slider2 .ico{
    margin-bottom: 14px;
}
.slider2 .desc{
    font-size: 15px;
    line-height: 1.87;
    margin-bottom: 33px;
}
.slider2 .more{
    width: 153px;
    height: 45px;
    display: block;
    text-align: center;
    color:#fff;
    line-height: 45px;
}
.g-info {
    position: relative;
}
.g-info .swiper-button-prev{
    position: absolute;
    top: 60%;
    left: -64px;
    width: 44px;
    height: 44px;
    opacity: 1!important;
    background: url(../images/pic7.jpg) no-repeat!important;
    z-index: 9;
}
.g-info .swiper-button-next{
    position: absolute;
    top: 60%;
    right: -64px;
    width: 44px;
    height: 44px;
    background: url(../images/pic8.jpg) no-repeat !important;
    z-index: 9;
}
.g-box{
    position: relative;
}

.row4 .bg{
    overflow: hidden;
    padding-top: 60px;
    background: url(../images/pic6.jpg) no-repeat top;
}
.g-info .info{
    color:#fff;
    font-size: 18px;
    text-align: center;
    line-height: 2;
    overflow: hidden;
    margin-bottom: 40px;
}
/***row5**/


.row5{
    overflow: hidden;
    padding-top: 28px;
}

.slider3.swiper-container{
    margin-bottom: 40px;
}
.slider3  a{
    display: block;
}
.slider3 .pic{
    overflow: hidden;
    position: relative;
    /* height: 0; */
    /* padding-top: 100%; */
    border:1px solid #eee;
}
.slider3 .pic img{
    display: block;
    width: 100%;
    height: 300;
    /* position: absolute; */
    left:0;
    top: 0;
    object-fit: contain;
}
.slider3 .tit{
    text-align: center;
    background-color: #00a8e1;
    color:#fff;
    font-size: 14px;
    line-height: 45px;
}
.ys_class .ys_a{
    width:25%;
    float:left;
    padding-bottom:12px;
    position:relative;
    cursor:pointer;
    font-size: 12px;
    color:#333333;
    text-align: center;
    border-right: 1px solid #f4f4f4;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
    }
    .ys_class .ys_a .nub{
        font-size: 24px;
        color: #00a8e1;
        font-family: Impact;
    }
    .ys_class .ys_a.on{
        background-color: #00a8e1;
    }
    .ys_class .ys_a.on .nub,
    .ys_class .ys_a.on .ys_p p,
    .ys_class .ys_a.on .ys_p p:last-child{
        color:#fff
    }
    .ys_class .ys_a:first-child{margin-left:0;}
    .ys_class .ys_a i{width:100%;height:36px;display:block;}
    .ys_class .ys_a i.icon1{background:url(../images/ys_icon1.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a i.icon2{background:url(../images/ys_icon2.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a i.icon3{background:url(../images/ys_icon3.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a i.icon4{background:url(../images/ys_icon4.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a i.icon5{background:url(../images/ys_icon5.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a i.icon6{background:url(../images/ys_icon6.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a .ys_p{margin-top:6px;}
    .ys_class .ys_a .ys_p p{margin:0;color:#666;text-align:center;}
    .ys_class .ys_a .ys_p p:first-child{height:14px;line-height:14px;font-size:14px;font-family:Arial;text-transform:uppercase;}
    .ys_class .ys_a .ys_p p:last-child{
        font-size:14px;

        color:#666;
    }
    .ys_class .ys_a.on:before{content:'';border-left:22px solid transparent;border-right:22px solid transparent;border-top: 20px solid #00a8e1;position:absolute;left:50%;margin-left:-22px;bottom:-20px;z-index:10;}
    .ys_class .ys_a.on i.icon1{background:url(../images/ys_icon1_hover.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a.on i.icon2{background:url(../images/ys_icon2_hover.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a.on i.icon3{background:url(../images/ys_icon3_hover.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a.on i.icon4{background:url(../images/ys_icon4_hover.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a.on i.icon5{background:url(../images/ys_icon5_hover.png) no-repeat center center;background-size:auto 100%;}
    .ys_class .ys_a.on i.icon6{background:url(../images/ys_icon6_hover.png) no-repeat center center;background-size:auto 100%;}
    .ys_nr{width:100%;overflow:hidden;position:relative;z-index:1;}
    .ys_nr .ys_wai{width:600%;height:auto;}
    .ys_nr .ys_content{width:16.666%;float:left;background-size:cover!important;padding-top:42px;

        overflow: hidden;}
        .ys_nr .ys_content.bg1{background:url(../images/pic15.jpg) no-repeat center center;}
        .ys_nr .ys_content.bg2{background:url(../images/pic15.jpg) no-repeat center center;}
        .ys_nr .ys_content.bg3{background:url(../images/pic15.jpg) no-repeat center center;}
        .ys_nr .ys_content.bg4{background:url(../images/pic15.jpg) no-repeat center center;}
        .ys_nr .ys_content.bg5{background:url(../images/pic15.jpg) no-repeat center center;}
        .ys_nr .ys_content.bg6{background:url(../images/pic15.jpg) no-repeat center center;}
        .ys_nr .ys_content .ys_c{
            margin-right:8%;
            width:775px;
            float:right;
            position:relative;
            overflow: hidden;
            border-left:50px solid #FFF;
            border-top:50px solid #FFF;
            border-right:50px solid #FFF;
            border-bottom:25px solid #FFF;
        }
        .ys_nr .ys_content .ys_c .ys_num{
            position:absolute;
            bottom: -4px;
            line-height: 36px;
            width: 92px;
            left: 0;
            right: 0;
            margin:0 auto;
            display: flex;
            justify-content: space-between;
        }
        .ys_nr .ys_content .ys_c .ys_num p{margin:0;font-size:24px;color:#404040;font-family:Impact;position:relative;
        }
        .ys_nr .ys_content .ys_c .ys_num p:first-child{color: #00a8e1;}
        .ys_nr .ys_content .ys_c .ys_txt{border: 10px solid rgb(105 204 237);}
        .ys_nr .ys_content .ys_c .ys_txt .ys_p{background:#FFF;padding:4.38vw 2.97vw 3.13vw;}
        .ys_nr .ys_content .ys_c .ys_txt .ys_p p{margin:0;}
        .ys_nr .ys_content .ys_c .ys_txt .ys_p p:first-child{
            font-size:18px;color:#222;text-align:center;
            font-weight: bold;
        }
        .ys_nr .ys_content .ys_c .ys_txt .ys_p p:first-child span{
            font-size: 24px;
            color: #00a8e1;
            font-family: Impact;
            position: relative;
            top: 4px;
            margin-right: 3px;
        }
        .ys_nr .ys_content .ys_c .ys_txt .ys_p p:nth-child(2){
            font-size:16px;
            line-height:1.88;
            color:#666666;
            margin-top:14px;
            text-align: center;
            height: 185px;
        }

        .ys_nr .ys_content .ys_c .ys_icon{padding-top:20px;text-align:center;background:#FFF;font-size:0;-webkit-text-size-adjust:none;}
        .ys_nr .ys_content .ys_c .ys_icon span{width:31px;height:26px;margin-left:120px;display:inline-block;cursor:pointer;}
        .ys_nr .ys_content .ys_c .ys_icon span:first-child{margin-left:0;}
        .ys_nr .ys_content .ys_c .ys_icon span.icon1{background:url(../images/ico11-1.png) no-repeat left center;}
        .ys_nr .ys_content .ys_c .ys_icon span.icon2{background:url(../images/ico10.png) no-repeat left center;}
        .ys_nr .ys_content .ys_c .ys_icon span.icon3{background:url(../images/ico11.png) no-repeat left center;}
        .ys_nr .ys_content .ys_c .ys_icon span.icon4{background:url(../images/ico11-11.png) no-repeat left center;}
        .ys_nr .ys_content .ys_c .more{
            display: block;
            width:290px;
            height:49px;
            margin:0 auto;
            text-align: center;
            line-height: 47px;
            border:1px solid #c5c5c5;
            font-size: 16px;
            color:#666666;
            transition:all .3s;
        }
        .ys_nr .ys_content .ys_c .more:hover{
            color:#fff;
            background-color: #EC0005;
            border-color: #EC0005;
        }

        .ys_class .ys_a::after{
            content:'';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 52px;
            margin:0 auto;
            width:15px;
            height:2px;
            opacity:0;
            background-color: #ffffff;
        }
        .ys_class .ys_a.on::after{
            opacity:1;
        }

        .row6{
            padding-top: 53px;
        }
        /***row7**/

        .g-tit2{
            text-align: center;
        }
        .g-tit2 .en{
            color:rgba(255, 255, 255, 0.08);
            font-size: 6.56vw;
            line-height: 1.1;
            font-family: 'Impact';
            text-transform: uppercase;
        }
        .g-tit2 .cn{
          color:#fff;
          font-size: 42px;
          font-weight: bold;
          line-height: 1.1;
          position: relative;
          top: -60px;
          margin-bottom: -53px;
      }
      .g-tit2 .line{
        width: 140px;
        height: 2px;
        background: #FFFFFF;
        margin:0 auto;
    }
    .row7 .info{
        font-size: 14px;
        line-height: 2.57;
        color:#fff;
        text-indent: 2em;
        padding: 23px 0 0;
        margin-bottom: 40px;
    }
    .row7 .link{
        text-align: center;
        overflow: hidden;
        margin-bottom: 51px;
    }
    .row7 .link a{
     display: block;
     margin:0 auto;
     width: 109px;
     height: 32px;
     text-align: center;
     line-height: 30px;
     font-size: 14px;
     color: #fff;
     background-color: #0BDF8D;
 }
 .row7{
    padding-bottom: 58px;
    padding-top: 76px;
    background: #f7f7f7;
}
.g-about{
    overflow: hidden;
}
.g-about .g-tit{
    margin-bottom: 41px;
}
.g-about .txt{
   overflow: hidden;
   padding-right: 151px;
}
.g-about .pic{
    float: right;
}
.g-about .g-tit{
    text-align: left;
}
.g-about .g-tit .cn{
    padding-bottom: 20px;
}
.g-about .g-tit .en{
    font-size: 48px;
}
.g-about .g-tit .cn::after{
    margin:0;
}
.g-about .g-tit::after{
    margin:0;
}
.g-about .desc{
    font-size: 16px;
    color:#333333;
    line-height: 1.86;
    margin-bottom: 54px;
}
.g-about a.more{
    display: block;
    width: 150px;
    height: 40px;
    background: #EA1D1D;
    border-radius: 20px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}
.ul-link a{
    display: block;
    float: left;
    width: 200px;
    height: 100px;
    border:1px solid #bfbfbf;
    margin-right: 20px;
}
.ul-link a.on{
    background: url(../images/pic18.jpg) no-repeat;
    border:none;
    background-size: cover;
}
.ul-link a.on .nub,
.ul-link a.on .tit,
.ul-link a.on .en{
    color:#fff;
}
.ul-link a .nub{
    float: left;
    padding-left: 15px;
    font-size: 42px;
    color:#b0b0b0;
    line-height: 98px;
    margin-right: 20px;
}
.ul-link a:last-child{
    margin-right: 0;
}
.ul-link .title{
    overflow: hidden;
    padding-top: 30px;
}
.ul-link .tit{
    font-size: 18px;
    color:#666666;
    line-height: 1.2;
}
.ul-link .en{
    font-size: 11px;
    color:#999999;
    letter-spacing: -1px;
    text-transform: uppercase;
}    

.g-list{
    overflow: hidden;
}
.g-list .item{
    float: left;
    width: 47%;
    margin-right: 6%;
}
.g-list .item:last-child{
    margin-right: 0;
}

/**row8**/
.row-8{
    overflow: hidden;
    padding-bottom: 60px;
    padding-top: 68px;
}
.row-8 .top{
    overflow: hidden;
    margin-bottom: 26px;
}
.row-8 .title{
    overflow: hidden;
    font-size: 36px;
    color:#333333;
    padding-bottom: 13px;
    position: relative;
    float: left;
}
.row-8 .title::after{
    content:'';
    display: block;
    position: absolute;
    width: 30px;
    height: 5px;
    bottom: 0;
    background-color: #00a8e1;
}
.ul-tab1{
    overflow: hidden;
    float: right;
    margin-bottom: 37px;
}
.ul-tab1 li{
 display: block;
 float: left;
 margin:0 15px;
}
.ul-tab1 li span{
    display: block;
    width: 174px;
    height: 40px;
    background-color: #f7f7f7;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color:#333333;
    cursor: pointer;
    transition:all .3s;
}
.ul-tab1 li.on span,
.ul-tab1 li:hover span{
    background-color: #00a8e1;
    color:#fff;
}
.ul-wt a{
    display: block;
    background: #f8f8f8;
    overflow: hidden;
}
.ul-wt .pic{
    position: relative;
    padding-top: 52%;
    overflow: hidden;
    height: 0;
    background-color: #fff;
}
.ul-wt .pic img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}
.ul-wt .txt{
    padding: 28px 20px 0;

}
.ul-wt .more{
    border-top: 1px solid #dfdfdf;
    color:#747474;
    line-height: 68px;
    font-size: 14px;
    background: url(../images/pic14-2.jpg) no-repeat right center;
}
.ul-wt .time{
    font-size: 14px;
    color:#333333;
    margin-bottom: 15px;
    display: block;
}
.ul-wt .tit{
    font-size: 24px;
    color:#333333; 
    margin-bottom: 31px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.ul-wt .desc{
    font-size: 14px;
    color:#777777;
    line-height: 1.8;
    display: -webkit-box;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    word-break: break-all;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 2;
    margin-bottom: 12px;
}





/**liucheng***/



/**links***/
.links{
    overflow: hidden;
    background-color: #424242;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 28px 0 16px;
}
.links .name{
    float: left;
    margin-right: 50px;
}
.links .link{
    overflow: hidden;
}
.links .link a{
    font-size: 14px;
    color:#ABABAB;
    line-height: 37px;
    margin-right: 34px;
}
/**footer**/
.footer{
 overflow: hidden;
}
.footer .top{
    background: #424242;
    overflow: hidden;
    padding: 42px 0 26px;
}
.footer .tit{
    color:#FFFFFF;
    font-size: 18px;
    margin-bottom: 36px;
}
.fd-form{
    float: left;
    margin-right: 60px;
}
.fd-form .w140{
    width: 140px;
}
.fd-form .w180{
    width: 180px;
}
.fd-form .w350{
    width: 440px;
}
.fd-form .box{
    overflow: hidden;
}
.fd-form .item{
    overflow: hidden;
    float: left;
    margin-right: 40px;
}
.fd-form .item .inp-box{
    height: 37px;
    overflow: hidden;
}
.fd-form .item .inp{
    display: block;
    width: 100%;
    height: 32px;
    background: none;
    color:#fff;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.fd-form .item .inp::placeholder{
    color:#fff;
}
.fdnav{
    overflow: hidden;
    margin-bottom: 50px;
}
.fdnav  dl{
    float: left;
    margin-right: 110px;
}
.fdnav  dl:last-child{
    margin-right: 0;
}
.fdnav  dl dd a,.fdnav  dl dd span{
    display: block;
    font-size: 14px;
    line-height: 2.29;
    color:#A5A5A5;
}
.fd-form .btn input{
    display: block;
    width: 88px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: none;
    color:#fff;
    cursor: pointer;
}
.fd-desc{
    overflow: hidden;
    float: left;
}
.fd-desc  .desc{
    font-size: 14px;
    color:#A5A5A5;
    line-height: 2.29;
    margin-bottom: 21px;
}
.fd-desc  .qr{
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}
.fd-desc  .qr img{
    display: block;
    width: 114px;

}


.copy{
    font-size: 14px;
    color:#898989;
    line-height: 38px;
    background-color: #363636;
}
.copy a{
  font-size: 14px;
  color:#898989;
}


.ul-jz.ul-jz2{display: none;}
.m-slider1{overflow: hidden;}
/*手机浮动*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{
    display: block;

    margin:4px auto 2px;
    height: 25px;
}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}
.phone-chanpin{margin-bottom: 30px;display: none;}
.phone-chanpin::after{  content: '';
display: block;
clear:both;
visibility: hidden;
width: 100%;
height: 0;}
.phone-chanpin .tit{width: 100px;float: left;background-color: #00a8e1;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color:#fff;}
.phone-chanpin .more{float: left;width: calc(100% - 100px); background-color: #eee;position: relative;height: 44px;}
.phone-chanpin .name{text-align: center;font-size: 14px;color:#333;line-height: 44px;}
.phone-chanpin .sub{position: absolute;top: 100%;left: 0;width: 100%;background-color: #00a8e1;z-index: 99;display: none;padding: 10px 0;}
.phone-chanpin .sub a{display: block;line-height: 24px;font-size: 12px;padding-left: 15px;color:#fff;}
.izl-rmenu{position:fixed;left:90%;bottom:10px;padding-bottom:20px;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#b60000;}

.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#b60000;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color: #004caf;}

.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;max-width: none;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color: #004caf;}

.izl-rmenu .btn-phone .phone{background-color:#b60000;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}       
@media only screen and (max-width: 1650px) {
    .wp-h{width: 96%;}
  
    .logo{width: 400px;}
    .slider1 .desc p{margin-bottom: 0;}
    .slider1 .con{height: 460px;}
    .slider1 .img{top: 50%;
    -webkit-transform: -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    }
    
}
@media only screen and (max-width: 1430px) {
    .wp {margin: 0 auto;width:1100px;}
    
    .logo{line-height: 80px;width: 220px;}
    .tel1 .phone{font-size: 20px;}
   
    .footer .wp{width: 1160px;}
    .fd-about{width: 400px;margin-right: 20px;}
    .fd-about .tel span{font-size: 16px;}
    .g-tit2 .cn{font-size: 28px;top: -40px;margin-bottom: -30px;}
    .g-txt .tit{font-size: 18px;}
    .g-txt .desc{font-size: 14px;line-height: 1.6;}
   
    .g-txt1 .tit{font-size: 22px;}
    .ul-wt .tit,.ul-wt .time{margin-bottom: 5px;}
    .ul-wt .tit{font-size: 18px;}
    .g-tit .cn{font-size: 28px;margin-bottom: 0px;}
    .row1{padding: 30px 0;}
    .row3 .info{font-size: 18px;}
    .row5 .txt{padding: 30px 134px 0 30px;}
    .row5 .txt .desc{font-size: 14px;margin-bottom: 18px;}
    .g-tit{margin-bottom: 20px;}
    .row7{padding-bottom: 20px;}
    .row-8 .title{font-size: 28px;}
    .g-ban ul .txt .nub{font-size: 18px;}
    .fd-form .w140{width: 100px;}
    .fd-form .w180{width: 120px;}
    .fd-form .w350{width: 200px;}
    .footer .tit{margin-bottom: 15px;}
    .fdnav dl{margin-right: 50px;}
    .g-more a{width: 120px;height: 48px;line-height: 46px;}
   
    .g-info .info{font-size: 14px;}
    .g-about .pic{width: 30%;}
    .g-about .txt{padding-right: 30px;}
    .g-about .desc{font-size: 14px;margin-bottom: 20px;}
    .g-about .g-tit .en{font-size: 38px;}
    .g-about a.more{margin-bottom: 15px;}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p p:nth-child(2){height: 100px;}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p{padding: 50px;}
    .g-tit .en{font-size: 48px;}
    .g-info .swiper-button-next{right: -44px;}
    .g-info .swiper-button-prev{left:-44px;}
    .slider2 .swiper-slide .con{padding: 20px;}
    .row2 .img{font-size: 20px;}
    .row2 .img .tit{font-size: 28px;}
    .row2 .img{padding-right: 30px;padding-left: 30px;}
    .slider1 .cn{font-size: 20px;}
    .slider1 .tit{padding-bottom: 8px;margin-bottom: 8px;}
}

@media only screen and (max-width: 1300px) {
    .slider1 .con{width: auto;}
    .slider1 .img{display: none;}
    .slider1 .con{height: 400px;}
    .slider1 .desc p{margin-bottom: 8px;}
    .g-img{display: none;}
}

@media only screen and (max-width: 1199px) {
   .g-tit1 .tit{font-size: 26px;}
   .row5 .top{overflow: hidden;}

   .ul-list5 li{width: 25%;}
   .ul-list5 .ico img{width: 19%;}
   .row5 .img{height: 430px;overflow: hidden;padding: 0px;}
   .row5 .txt{height: 430px;overflow: hidden;padding: 30px;}
   .footer .top{padding: 30px 0 15px;}
   .row7 .info{padding:0;}
   .header{background-color: #fff;height: 60px;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);}
   .menuBtn{display: block;}
   .logo{line-height: 60px;width: 290px;}
   .logo img{max-width: 100%;max-height: 100%;}
   .row1{padding-top: 30px;}
   .izl-rmenu{display: none;}
  
    .wp,.footer .wp,.row2 .wp{width: 1000px;}
    #floatBottom{display: block;}
    .copy, .copy a{line-height: 45px;font-size: 12px;}
    .fd-form{margin-right: 30px;}
    .fd-about .l{display: none;}
    .fd-about .tel span{font-size: 20px;}
    .fd-about .desc .tit{display: none;}
    .fd-about .item{margin-bottom: 15px;}
    .fd-about .item:last-child{margin-bottom: 0;}
    .links .name{float: none;margin-right: 0;text-align: center;margin-bottom: 0px;}
    .links{padding: 15px 0 10px;}
    .links .link span{display: none;}
    .links .link a{display: inline-block;}
    .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:5px;}
    .slider1.swiper-container{margin-left: 0;}
    .slider1 .con{width: auto;}
    .row4{padding-top: 0px;}
    .g-tit .en{font-size: 36px;}
    .g-tit .cn{font-size: 24px;padding-bottom: 20px;}
    .g-about .g-tit{margin-bottom: 15px;}
  
     .ys_class .ys_a .ys_p p:last-child{display: none;}
     .slider1 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{left:0;}


}
@media only screen and (max-width: 1023px) {
    .ul-tab1{margin-bottom: 20px;}
    .g-tit .cn{font-size: 22px;}
    .fd-about{width: auto;float: none;}
    .g-tit2 .en{font-size: 40px;}
    .g-tit2 .cn{font-size: 22px;top: -20px;margin-bottom: -10px;}
    .g-item .ico{display: none;}
    .phone-chanpin{display: block;}
    .g-img{display: none;}
    .g-item .txt{text-align: center;}
    .row2 .w50{float: none;width: auto;background: url(../images/pic8.jpg) no-repeat;background-size: cover;padding:20px 15px;}
    .row2 .w50:last-child{background-image: url(../images/pic9.jpg);}
    .row2::before,.row2::after{display: none;}
    .ul-list7 li{width: 50%;margin-bottom: 15px;}
    .wp, .footer .wp, .row2 .wp{width: auto;padding: 0 15px;}

    .ul-prod a{font-size: 14px;line-height: 40px;height: 40px;}
    .g-ban{display: none;}
    .ul-tab1 li span{line-height: 40px;height: 40px;width: 140px;}
    .ul-wt a{padding-bottom: 10px;margin-bottom: 15px;}
    .row2{padding: 30px 0;}
    
    
    .fd-form{float: none;margin-bottom: 20px;}

    .g-about .txt{padding-right:0;}
    .fdnav{display: none;}
    .fd-desc .qr{display: block;}
    .fd-desc .qr img{float: left;margin-right: 15px;}
    .row3 .g-tit{margin-bottom: 20px;}
    .row3{padding-top: 20px;padding-bottom: 20px;}
    .ys_class{margin-top:10px;border-left:1px solid #CCC;border-top:1px solid #CCC;}
    .ys_class .ys_a{width: 50%;margin-left:0;border-right:1px solid #CCC;border-bottom:1px solid #CCC;padding:15px 0;}
    .ys_class .ys_a.on:before{content:none;}
    .ys_nr{margin-top:10px;}
    .ys_nr .ys_content{padding-top:0;}
    .ys_nr .ys_content .ys_c{margin-right:0;width:100%;border:15px solid rgba(255,255,255,.8);/* border-top-width:20px; */border-bottom-width:10px;}
    .ys_nr .ys_content .ys_c .ys_icon{background:rgba(255,255,255,.8);}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p{background:rgba(255,255,255,.8);}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p p:nth-child(2){color:#666;height:88px;}
    .ys_class .ys_a::after{bottom:42px;}
    .ys_nr .ys_content .ys_c .ys_icon{padding-top:36px;}
    .g-about .pic{float: none;text-align: center;margin-bottom: 30px;width: auto;}
    .g-about .g-tit{text-align: center;}
    .g-about .g-tit::after{margin:0 auto;}
    .g-list .item{width: auto;float: none;margin-right: 0;margin-bottom: 20px;}
    .g-about .g-tit .cn::after{margin:0 auto;}
    .ul-link a {
        width: 32%;
        margin-right: 1%;
    }
    .g-info .swiper-button-next{right: 0;}
    .g-info .swiper-button-prev{left:0;}
    .row4 .bg{padding-top: 20px;}
    .g-info .info{margin: 0 0 20px;}
    .slider1 .img{display: none;}
    .slider1 .con{padding:20px;height: auto;}
    .row-8{padding: 30px 0;}
    .row6{padding-top: 20px;}
    .row2 .tel{float: none;text-align: center;}
    .row2 .tel a{float: none;margin:0 auto;}
    .row2 .img{width: auto;display: none;}
    .row2{padding: 15px 0;}
    .m-slider1 .l{display: none;}
    .g-tit .en,.g-about .g-tit .en{font-size: 28px;line-height: 1.8;}

    .row1{padding-top: 16px;}
    .slider1.swiper-container{padding:0 15px 50px;}
    #floatBottom{display: block;}

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

    .ul-tab .cn{font-size: 12px;}
    .ul-tab .en{display: none;}
    .ul-tab a{height: auto;padding: 0;line-height: 40px;}
    .ul-tab .txt{padding-top: 0px;}
    .g-tit{margin-bottom: 15px;}
    .ul-tab li{margin-bottom: 15px;}
    .row7{padding-top: 30px;}
    .fd-form .btn input{background-position:  30%;}
    .g-img{display: none;}
    .g-tit .box::before,.g-tit .box::after{display: none;}
    .ul-list3 li{width: 50%;margin-bottom: 15px;}
    .ul-list7 li{width: auto;float: none;}
    .fd-about .tel span{font-size: 14px;}
    .fd-about .icon{margin-right: 15px;}
    .row7 .info{line-height: 1.6;padding-top: 10px;}
    .row2{padding: 20px 0;background: #00a8e1;}
    .fd-form .item{float: none;margin-right: 0;margin-bottom: 15px;}
    .fd-form .w140,.fd-form .w180,.fd-form .w350{width: auto;}
    .ul-jz .img{width: auto;float: none;height: auto;}
    .rongyu{padding: 10px;margin-top: 20px;}
    .row-8{padding-bottom: 20px;padding-top: 20px;}
    .ul-list5 .hide{top: 200%;}
    .row-8 .title{float: none;text-align: center;}
    .row-8 .title{margin-bottom: 20px;}
    .row-8 .title::after{margin:0 auto;left: 0;right: 0;}
    .ul-tab1{float: none;text-align: center;}
    .g-tit .cn,.ul-list2 .tit{font-size: 18px;}
    .row4{padding: 0;}
    .row5 .txt .tit{font-size: 18px;}
    .ul-wt .more{line-height: 30px;background-position: right center;}
    .row-8 .title{font-size: 20px;}
    .ys_class .ys_a{padding:8px 0;}
    .ys_class .ys_a i{display:none;}
    .ys_class .ys_a .ys_p p:first-child{display:none;}
    .ys_class .ys_a .ys_p{margin-top:0;}
    .ys_class .ys_a.on .ys_p p:last-child{color:#E32335;}
    .ys_class .ys_a::after{display: none;}
    .ys_class{overflow: hidden;}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p{padding: 10px;}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p p:first-child{font-size: 20px;}
    .ys_nr .ys_content .ys_c .ys_txt .ys_p p:nth-child(2){height: 280px;font-size: 14px;margin-bottom: 15px;margin-top: 10px;margin-bottom: 0;}
    .ys_nr .ys_content .ys_c .more{width: auto;margin:0 10px;}
    .ys_class .ys_a .ys_p p:last-child{margin-top: 0;}
    .ys_class .ys_a .ys_p p:last-child,.ys_class .ys_a .ys_p .nub{display: none;}
    .ys_nr .ys_content .ys_c .ys_icon{padding-top: 15px;}
    .g-about .pic{margin-bottom: 10px;}
}

@media only screen and (max-width: 480px) {
    .ul-list2 li{width: 50%;margin-bottom: 0;height: 200px;padding-top: 30px;}
    .ul-list2 .icon{margin-bottom: 0px;}
    .ul-list2 li:nth-child(even){box-shadow: none;}
    .ul-list1 li{width: auto;float: none;margin-bottom: 15px;}
    .ul-list1 li:nth-child(n+5){width: auto;}
    .ul-list3 .tit{padding-left: 5px;background-position: right 5px center; }
    .ul-link a{width: auto;float: none;margin:0 0 10px;}
    .g-tit .en, .g-about .g-tit .en{font-size: 22px;}
    .slider1 .cn{font-size: 18px;}
    .slider1 .en{font-size: 12px;}
    .g-info .swiper-button-next,.g-info .swiper-button-prev{bottom: 0;top:auto;}
    .ul-tab1 li span {
    width: 90px;
    margin: 0 5px;
    font-size: 12px;}
    .ul-tab1 li{margin:0 5px;}
    .ul-tab1{margin-bottom: 0;}
    .slider1 .desc p{margin-bottom: 0;}
    .slider1 .con{height: 390px;}
    .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{display: none;}
}





.g-contant{margin-top: 20px;}
.ul-lists4 .pic{
    overflow: hidden;
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    height: 0;
}
.ul-lists4 .pic img{
    display: block;
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
}

.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}


/*youshi*/
#youshibg{padding:55px 0 83px;}
.youshi{padding-top:22px;}
.youshi .ys_ul{}
.youshi .ys_ul .ys_li{width:19.2%;float:left;text-align:center;cursor:pointer;position:relative;background:#E9E9E9;margin-left:1%;height:70px;line-height:70px;font-size:18px;color:#2f2f2f;margin-top:10px;}
.youshi .ys_ul .ys_li:first-child{margin-left:0;}
.youshi .ys_ul .ys_li.on{background:#00a8e1;color:#FFF;}
.youshi .ys_content{margin-top:18px;}
.youshi .ys_content .ys_wai{width:100%;overflow:hidden;position:relative;}
.youshi .ys_content .ys_wai_nei{width:500%;display:table;height:auto;}
.youshi .ys_content .ys_nei{display:table-cell;width:20%;}
.youshi .ys_content .ysc_left{width:50%;float:right;position:relative;}
.youshi .ys_content .ysc_left .ysc_img{width:100%;padding-bottom:79.55%;position:relative;}
.youshi .ys_content .ysc_left .ysc_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.youshi .ys_content .ysc_left .ysc_icon{position:absolute;right:0;bottom:55px;background:#FFF;width:calc(100% + 61px);z-index:2;padding:27px 0 29px 50px;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_iw{width:100%;position:relative;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_iw:before{content:'';width:1px;height:calc(100% - 24px);background:#e5e5e5;position:absolute;left:32.2%;top:12px;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_iw:after{content:'';width:1px;height:calc(100% - 24px);background:#e5e5e5;position:absolute;right:32.2%;top:12px;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i{width:28.8%;margin-left:6.8%;float:left;text-align:center;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i:first-child{margin-left:0;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i i{display:block;width:100%;height:80px;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i i.icon1{background:url(../images/youshi_icon1.png) no-repeat center center;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i i.icon2{background:url(../images/youshi_icon2.png) no-repeat center center;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i i.icon3{background:url(../images/youshi_icon3.png) no-repeat center center;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i p{margin:0;height:25px;line-height:25px;font-size:15px;color:#595959;margin-top:7px;}

.youshi .ys_content .ysc_right{width:50%;float:left;}
.youshi .ys_content .ysc_right .ysc_txt{width:100%;padding-bottom:79.55%;position:relative;background:url(../images/youshi_bg.jpg) no-repeat center center;background-size:cover;z-index:1;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{width:100%;height:100%;position:absolute;left:0;top:0;padding:48px 40px 0;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title{position:relative;margin-bottom:30px;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title p{margin:0;height:107px;line-height:107px;font-size:130px;font-family:Impact;color:rgba(255,255,255,.3);}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct{position:absolute;left:65px;bottom:0;background:#3F3F3F;padding-top:5px;padding-left:15px;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span{display:block;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:first-child{font-size:20px;height:30px;line-height:30px;font-weight:bold;color:#FFF;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:last-child{font-size:16px;height:22px;line-height:22px;color:rgba(255,255,255,.45);}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp>p{margin:0;font-size:15px;line-height:36px;color:#FFF;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp>p:first-child{font-size:32px;height:36px;line-height:36px;text-transform:uppercase;color:#999;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{display:none;width:160px;height:50px;line-height:50px;font-size:15px;color:#FFF;text-align:center;margin-top:59px;background:#ea0315;}



/*1200以上屏幕*/
@media screen and (max-width:1349px){

	#youshibg{padding:40px 0;}
	.youshi{padding-top:10px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{margin-top:36px;}

}
/*1200以下屏幕*/
@media screen and (max-width:1229px){

	#youshibg{padding:30px 0;}
	.youshi .ys_ul .ys_li{font-size:16px;height:50px;line-height:50px;}
	.youshi .ys_content .ysc_left .ysc_icon{width:100%;left:0;padding:20px 0 20px 0;bottom:20px;}
	.youshi .ys_content .ysc_left .ysc_icon .ysc_i i{height:50px;background-size:auto 100%!important;}
	.youshi .ys_content .ysc_left .ysc_icon .ysc_i p{font-size:13px;height:22px;line-height:22px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{padding:26px 20px 0;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title{margin-bottom:16px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title p{font-size:96px;height:80px;line-height:80px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct{left:50px;padding-left:10px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:first-child{font-size:16px;height:24px;line-height:24px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:last-child{font-size:14px;height:20px;line-height:20px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp>p{font-size:13px;line-height:22px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{margin-top:30px;}


}
/*992以下屏幕*/
@media screen and (max-width:1023px){

	#youshibg{padding:20px 0;}
	.youshi .ys_content .ysc_left .ysc_icon{width:96%;left:2%;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{padding:15px 10px 0;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title{margin-bottom:8px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp>p{font-size:12px;line-height:20px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{margin-top:10px;width:100px;height:32px;line-height:32px;font-size:14px;}

}
/*768以下屏幕*/
@media screen and (max-width:767px){

	.youshi .ys_content{margin-top:10px;}
	.youshi .ys_content .ysc_right{width:100%;float:none;}
	.youshi .ys_content .ysc_right .ysc_txt{padding-bottom:20px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{position:relative;height:223px;}
	.youshi .ys_content .ysc_left{width:100%;float:none;}


}
/*668以下屏幕*/
@media screen and (max-width:667px){
	
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{height:263px;}

}
/*500以下屏幕*/
@media screen and (max-width:499px){

	.youshi .ys_ul .ys_li{font-size:14px;height:36px;line-height:36px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{height:283px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title p{font-size:74px;height:60px;line-height:60px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct{left:39px;padding-left:5px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:first-child{font-size:14px;height:18px;line-height:18px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:last-child{font-size:12px;height:18px;line-height:18px;}
	.youshi .ys_content .ysc_left .ysc_icon{padding:10px 0;bottom:10px;}
	.youshi .ys_content .ysc_left .ysc_icon .ysc_i i{height:36px;}
	.youshi .ys_content .ysc_left .ysc_icon .ysc_i p{font-size:12px;height:20px;line-height:20px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{height:36px;line-height:36px;}


}

.row3{
    margin-bottom: 60px;
}
.slider33{
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/pic9.jpg);
}
.slider33 .con{
    height: 680px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.slider33 .con .show{
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 117px) ;
    padding: 0 50px;
    color:#fff;
    height: 117px;
    transition: all .3s;
}
.slider33 .con .tit{
    height: 117px;
    font-size: 16px;
    text-transform: uppercase;
}
.slider33 .con .cn{
    font-size: 36px;
}
.slider33 .con:hover .show,.slider3 .con.on .show{
    height: 100%;
    top: 0;
    padding-top: 300px;
    background: rgba(1, 6, 14, .5);
}
.slider33 .con:hover .cn,.slider3 .con.on .cn{
    font-size: 52px;
    color:#DA3133;
    font-weight: bold;
}
.slider33 .con .desc{
    font-size: 16px;
    line-height: 1.88;
    margin-bottom: 68px;
}
.slider33 .con .nub{
    width: 65px;
    height: 65px;
    background-repeat: no-repeat;
  /*  position: absolute;
    bottom: 10px;
    left: 50px;
    display: none;*/
}
.slider33 .con .nub.n1{
    background-image: url(../images/01.png);
}
.slider33 .con .nub.n2{
    background-image: url(../images/02.png);
}
.slider33 .con .nub.n3{
    background-image: url(../images/03.png);
}
.slider33 .con .nub.n4{
    background-image: url(../images/04.png);
}






@media only screen and (max-width: 1600px) {
  
  
    .slider33 .con{height: 500px;}
    .slider33 .con .show{padding: 0 30px;}
    .slider33 .con:hover .show,.slider33 .con.on .show{padding-top: 100px;}
    .slider33 .con:hover .cn,.slider33 .con.on .cn{font-size: 40px;}
   
}

@media only screen and (max-width: 1230px) {
   
    .slider33 .con .cn{font-size: 24px;}
    .slider33 .con .tit{font-size: 14px;}
    .slider33 .con .show{top: calc(100% - 80px);}
    .slider33 .con .tit{height: 80px;}
    .slider33 .con:hover .cn{font-size: 30px;}
    .slider33 .con:hover .show,.slider33 .con.on .show{padding-top: 30px;}
    .slider33 .con .desc{font-size: 14px;line-height: 1.6;}
    .slider33 .con .desc{margin-bottom: 30px;}
   
}
@media only screen and (max-width: 1020px) {
   
    .slider33 .con{height: 400px;}
    .slider33 .con .show{padding: 0 20px;}
  
    
}




@media only screen and (max-width: 500px) {
   
    .slider33 .con{height: 300px;}
    .slider33 .con .desc{margin-bottom: 20px;}
   

}