.header{
    background-color: transparent;
}
.nav{
    width: 760px;
}
.header-toparea {
    /*zcn*/
    /*background: url("../images/home/top.jpg") no-repeat;*/
    background-size:100% 100%;
    min-height: 100vh;
    /*zcn*/
    color: #ffffff;
    z-index: 77;
}
.header-bottomarea{
    width: 100%;
    color: #fff;
    background-color: transparent;
}
.header-bottomarea:hover{
    background-color: #fff;
    transition: all 0.5s;
}
.header-bottomarea .tm-navigation ul li a{
    color: white;
    text-decoration: none;
}
.header-bottomarea .tm-navigation ul li ul li a {
    color: #000;
    text-decoration: none;
}
.header-bottomarea:hover .tm-navigation ul li a {
    color: #000;
    text-decoration: none;
}
.sticky-active .header-bottomarea .tm-navigation ul li a{
    color: #000;
    text-decoration: none;
}
.header-bottomarea .tm-navigation ul{
    width:755px;
}
.header-bottomarea{
    position: absolute;
}
.header-bottomarea .header-bottominner .lang{
    display: inline-block;
    width: 90px;
}
.header-bottomarea .header-bottominner .lang ul{
    width: 90px;
    margin-bottom: 0px;
}
.header-bottomarea .header-bottominner .lang ul li{
    /*display: inline-block;*/
    border-radius: 15px;
    float: left;
}
.header-bottomarea .header-bottominner .lang ul li a{
    margin: 0px 10px;
    padding: 0px 6px;
    /*background-color: red;*/
    border-radius: 10px;
    font-weight: 400;
    color: #969696;
    font-size: 14px;
}
.header-bottomarea:hover .header-bottominner .lang ul li a{
    color: #969696;
}
.header-bottomarea .header-bottominner .lang ul li:hover a{
    color: #969696;
}
.bg_red{
    background-color: rgb(18,65,143);
    color: #fff!important;
}
.bg_red a{
    background-color: rgb(18,65,143);
    color: #fff!important;
}
.tm-navigation i{
    width: 40px;
    padding: 0px 10px;
}
.header-bottomarea:hover .lang ul li a {
    color: #fff;
    text-decoration: none;
}
/*.header-bottomarea .tm-navigation ul .underline:hover a{*/
/*    color: #3f51b5;*/
/*}*/


.header-bottomarea .tm-navigation ul li a{
    border-bottom: 4px solid transparent;
    /*border-width: 0px;*/
}
/*.header-bottomarea .tm-navigation ul li a:hover{*/
/*    border-bottom: 4px solid rgb(71,174,195);*/
/*    -border-width: 0px 0px 100% 0px;*/
/*    transition: all .3s;*/
/*}*/
.tm-navigation>ul>.underline>a:after{
    content:'';
    position: absolute;
    width:0%;
    height: 4px;
    background: rgb(18,65,143);
    left: 0;
    bottom: 0;
    transition: all 0.3s;
}
.sticky-header .header-bottomarea .container{
    min-width:100%
}
.tm-navigation>ul>.underline:hover>a:after {width: 100%;}

.tm-navigation ul .underline ul li:hover .dd_a{
    color: #3f51b5!important;
}
.tm-navigation ul .underline ul li ul li:hover a{
    color: #3f51b5;
}
.tm-navigation ul{
    margin: 0px auto;
}
.header-logo{
    position: relative;
    left: 20px;
    left: 4%;
}
.lang{
    position: relative;
    right: 20px;
    right: 4%;
}
.nav_tj{
    width: 160px!important;
}
.nav_tj li .nav_tj_gy{
    width: 200px!important;
}
.nav_tj li .nav_tj_ly{
    width: 180px!important;
}
.nav_tj li .nav_tj_ny{
    width: 180px!important;
}
.sp_bom_pic{
    margin-top: 10px;
    margin-bottom: 20px;
}
.sp_bom_pic img{
    width: 97%;
    margin: 0px auto;
}
.jianjie .justify-content-center .col-xl-10 .text-center{
    margin-bottom: 20px;
}
.jianjie .justify-content-center .col-xl-10 .text-center p{
   font-size: 16px;
    line-height: 30px;
    color: #444444;
}
.news_all_h2{
    font-size: 48px!important;
    color: #000000;
}
.remind{
    color: rgb(161,161,161) !important;
}
/*dibu*/
#imageFlow {
    position: absolute;
    width:100%;
    height:700px;
    margin-top:-180px;
    overflow:hidden;
}

#imageFlow .diapo {
    position:absolute;
    left:-1000px;
    cursor:pointer;
    -ms-interpolation-mode:nearest-neighbor;
}

#imageFlow .link {
    border:dotted #fff 1px;
    margin-left:-1px;
    margin-bottom:-1px;
}

#imageFlow .bank {
    visibility:hidden;
}

#imageFlow .top {
    position:absolute;
    width:100%;
    height:0;
}

#imageFlow .text {
    position:absolute;
    left:0px;
    width:100%;
    bottom:19%;
    text-align:center;
    color:#262626;
    font-family:verdana,arial,Helvetica,sans-serif;
    z-index:1000;
}

#imageFlow .title {
    font-size:24px;
    font-weight:bold;
    text-align:center;
    font-family:"微软雅黑";
    line-height:5px;
}

#imageFlow .text .legend {
    font-size:14px;
    line-height:30px;
    margin-top:50px;
    position:absolute;
    margin-top:80px;
    width:80%;
    margin-left:10%;
    display:none;
}

#imageFlow .scrollbar {
    position:absolute;
    left:30%;
    bottom:120px;
    width:40%;
    height:40px;
    z-index:90;
}

#imageFlow .track {
    position:absolute;
    left:1%;
    width:98%;
    height:16px;
    filter:alpha(opacity=30);
    opacity:0.3;
    display:none;
}

#imageFlow .arrow-left {
    position:absolute;
}

#imageFlow .arrow-right {
    position:absolute;
    right:0px;
}

#imageFlow .bar {
    position:absolute;
    height:16px;
    left:25px;
    display:none;
}
canvas{
    z-index: -1;
}
/*dibu*/
.dibu{
    width: 100%;
}
.dibu .tm-section-title h2 img{
    width: 80%;
    margin: 0px auto;
}
.dibu .container{
    height: 635px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
#imageFlow{
    margin-top: 1px;
}
.sy_footer{
    /*background: url('../images/dxpic/bottom_bg.png') no-repeat bottom center;*/
    background: url('../images/index/zwdb.png') no-repeat bottom center;
    height: 170px;
}
.sy_footer .container{
    position: relative;
    top: 50%
}

/*视频按钮*/
.anbg1{
    background: url("../images/zspic/b1.png") no-repeat 12px 0;
    cursor: pointer;
}
.anbg1:hover{
    background: url("../images/home/syanniu1.png")  no-repeat 12px 0;
}

.anbg2{
    background: url("../images/home/syanniu2.png") no-repeat 7px 0;
    cursor: pointer;
}
.anbg2:hover{
    background: url("../images/zspic/b2.png")  no-repeat 7px 0;
}

.anbg3{
    background: url("../images/home/syanniu3.png") no-repeat 2px 0;
    cursor: pointer;
}
.anbg3:hover{background: url("../images/zspic/b3.png")  no-repeat 2px 0;}

.anbg4{
    background: url("../images/home/syanniu4.png") no-repeat 0 0;
    cursor: pointer;
}
.anbg4:hover{
    background: url("../images/zspic/b4.png")  no-repeat  0 0;
}

@media only screen and (max-width: 767px){
    .arrow-left{
        top: 250%;
        left: -62%;
    }
    .arrow-right{
        top: 250%;
        right:-51%!important;
    }
    .sy_footer{
        background-size: 100% 100%;
    }
    #imageFlow .text{
        bottom: 14%;
    }

    .anbg1{
        background: url("../images/zspic/b1.png") no-repeat 50% 0;
        cursor: pointer;
    }
    .anbg1:hover{
        background: url("../images/home/syanniu1.png")  no-repeat 50% 0;
    }
    .anbg2{
        background: url("../images/home/syanniu2.png") no-repeat 50% 0;
        cursor: pointer;
    }
    .anbg2:hover{
        background: url("../images/zspic/b2.png")  no-repeat 50% 0;
    }

    .anbg3{
        background: url("../images/home/syanniu3.png") no-repeat 50% 0;
        cursor: pointer;
    }
    .anbg3:hover{
        background: url("../images/zspic/b3.png")  no-repeat 50% 0;
    }

    .anbg4{
        background: url("../images/home/syanniu4.png") no-repeat 50% 0;
        cursor: pointer;
    }
    .anbg4:hover{
        background: url("../images/zspic/b4.png")  no-repeat  50% 0;
    }
    .huodong .anniu .col-xl-3{
        padding: 35px;
    }
    .sy_footer{
        background: url("../images/index/zwphonedb.png");
        background-size: 100% 100%;
    }
    .header-logo{
        left: -8%;
    }
}
@media screen and (min-width: 1701px) {
    .header-bottomarea .tm-navigation ul{
        width:1020px;
    }
    .tm-navigation ul li a{
        padding: 20px 52px;
    }
}
@media screen and (min-width: 2880px) {
    .header-bottomarea .tm-navigation ul{
        width:1270px;
    }
    .tm-navigation ul li a{
        padding: 20px 52px;
    }
}