html,body {
    margin: 0;
    padding: 0;
}
body{
    background-color: rgba(242, 242, 243, 1);
}

ul,li{
    padding: 0;
    margin: 0;
}
h3{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}

a:hover {
    color: #f9bb1b;
    text-decoration: none;
}

a:active {
    color: #f9bb1b;
}
.c{
    clear: both;
}

body , div , p , span {
    font-family: 微软雅黑;
}



.header{
    width: 100%;
    position: relative;
    background: #fff;
    height: 91px;
}
.e_box{
    width: 100%;
    max-width: 1440px;
    position: static;
    margin: 0 auto;
    
}

.e_box_01{
    float: left;
    width: 20%;
    height: 91px;
}
.e_box_01 img{
    max-width: 100%;
}

.e_box_02{
    float: right;
    width: 80%;
}

.c_main_01 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.c_main_01 >div {
    animation-fill-mode: both;
}
.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}
.swiper-container {
    width: 100%;
    /* height: 868px; */
}
.swiper-container-content {
    width: 100%;
    max-width: 700px;
    /* height: 868px; */
    overflow: hidden;
    animation-name: slideInUp;
    animation-duration: 1s;
    animation-delay: 0.4s;
    position: relative;
}
.swiper-container-contentbox{
    max-width: 1400px;
}
.swiper-container-contentdly{
    max-width: 1400px;
    padding-bottom: 80px;
}
.swiper-pagination-bullet{
    background:#fff;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background:#f9bb1b ;
}
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.swiper-slide .text{
    position: absolute;
    top: 20%;
    width: 100%;
    max-width: 1500px;
    left: 0;
    right: 0;
    padding: 0px 100px;
    z-index: 2;
    margin: 0 auto;
}
.swiper-slide .text p{
    text-align: left;
    color: #fff;
}
.swiper-slide .text p.title{
    font-size: 45px;
    font-weight: bold;
}
.swiper-slide .text p.s-title{
    position: relative;
    font-size: 16px;
    margin-top: 10px;
    padding-top: 20px;
}
.swiper-slide .text p.s-title::before{
    content: '';
    width: 50px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.swiper-slide .more{
    width: 166px;
    height: 56px;
    background-color: #fff;
    line-height: 56px;
    font-size: 16px;
    color: #03447c;
    padding: 0 30px;
    cursor: pointer;
    margin-top: 30px;
    position: relative;
    
    
}
.swiper-slide .more a {
    color: #03447c;
    display: flex;
    justify-content: space-between;
    
    align-items: center;
}

.swiper-slide .more:hover a {
    color: #fff;
}

.swiper-slide .more:hover {
    color: #fff;
    background-color: #f9bc1f;
}
.swiper-slide .more span{
    font-size: 14px;
}

.swiper-slide .pagetext{
    position: absolute;
    top: 20%;
    width: 100%;
    max-width: 1500px;
    left: 0;
    right: 0;
    padding: 0px 100px;
    z-index: 2;
    margin: 0 auto;
}
.swiper-slide .pagetext p{
    text-align: right;
    color: #fff;
}
.swiper-slide .pagetext p.title{
    transition: all 2s ease .5s;
    opacity: 1;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
}
.swiper-slide .pagetext p.s-title{
    position: relative;
    font-size: 36px;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 20px;
}
.swiper-slide .pagetext p.s-title::before{
    content: '';
    width: 50px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 90px;
}

.content-nav {
    width: 100%;
    height: 70px;
    background-color: #f3f3f3;
}

.content-nav .nav-box{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
.nav-box-left{
    float: left;
    width: 30%;
    height: 70px;
    padding: 20px 0;
    display: flex;
    justify-content: center;  
}

.nav-box-left span{
    display: inline-block;
    font-size: 14px;
    color: #666;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}
.nav-box-left span:first-child{
    font-size: 20px;
}
.nav-box-left a{
    color: #666;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.nav-box-left a:hover{
    color: #666;
    text-decoration: underline;
}
.nav-box-right{
    float: right;
    width: 70%;
}
.nav-box-right .btn-show{
    display: none;
}
.nav-list .nav-category{
    width: 100%;
    height: 100%;
    position: relative;
}
.nav-category .m-left{
    display: none;
}
.nav-categoryBox{
    height: 70px;
    text-align: right;
}
.nav-parentBox{
    position: relative;
    display: inline-block;
    margin: 0px 4px;
}
.nav-parentBox a.a-title{
        height: 70px;
        width: auto;
        line-height: 70px;
        display: block;
        overflow: hidden;
        color: #666;
        padding: 0 20px;
        font-size: 16px;
        border: 0px #fff solid;
        text-overflow: ellipsis;
        background: none;
        text-align: center;
        text-decoration: none;
        
}
.nav-parentBox a.hover,.nav-parentBox a:hover{
    background: #f9bb1b;
    color: #fff;
    border: 0px #f9bb1b solid;
}

.content-main{
    width: 100%;
    margin: -50px auto 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.c_main-01{
    width: 100%;
    max-width: 1400px;
    min-height: 192px;
    background: #fff;
    margin: 0 auto;
    padding: 50px 20px 50px;
}
.c_main-01 ul{
    width: 100%;
    max-width: 1308px;
    min-width: 320px;
    padding-left: 80px;
    display: flex;
    justify-content: center;
    
}
.c_main-01 ul li{
    width: 20%;
    list-style: none;
}
.c_main-01 p{
    font-size: 14px;
}
.c_main-01 span{
    font-size: 18px;
    color: #03447c;
    font-weight: bold;
}
.c_main-01 span.num{
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    color: #f9bb1b;
    font-weight: normal;
}
.c_main-02{
    width: 100%;
    max-width: 1440px;
    min-height: 560px;
    margin: 0 auto 100px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0 20px;
    overflow: hidden;
}
.c_main-02-left{
    width: 50%;
}
.c_main-02-right{
    width: 50%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.c_main-02-right img{
    width: 100%;
}
.c_main-02-left-top{
    width: 100%;
    max-width: 700px;
    height: 390px;
    overflow: hidden;
    animation-name: slideInUp;
    animation-duration: 1s;  
}
.c_main-02-left-top img{
    max-width: 100%;
}
.c_main-02-left-top video{
    width: 700px;
    height: auto;
}
.c_main-02-left-bottom{
    border-bottom:6px #f9bb1b solid;
    cursor: pointer;
    min-height: 177px;
    padding: 30px 30px 0;
    animation-name: slideInUp;
    animation-duration: 1s;
    animation-delay: 0.1s;
    background: linear-gradient(to bottom, white 50%, #f9bb1b 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.3s ease-in-out;
}
.c_main-02-left-bottom:hover{
    background-color: #f9bb1b;
    background-position: bottom;
    color: #fff;
}
.c_main-02-left-bottom p{
    font-size: 14px;
    line-height: 30px;
}
.c_main-02-right-top{
    position: relative;
    animation-name: slideInUp;
    animation-duration: 1s;
    animation-delay: 0.2s;
}
.c_main-02-right-bottom{
    position: relative;
    animation-name: slideInUp;
    animation-duration: 1s;
    animation-delay: 0.3s;
}

.wh_main {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    height: 90px;
    margin-top: -45px !important;
}

.c_main-02-right .wh_main img {
    width: auto;
    max-width: 100%;
    -webkit-transform: perspective(300px) rotateY(0deg);
    -moz-transform: perspective(300px) rotateY(0deg);
    -ms-transform: perspective(300px) rotateY(0deg);
    -o-transform: perspective(300px) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);
    transition: all 2s;
}

.c_main-02-right-top:hover .wh_main img,.c_main-02-right-bottom:hover .wh_main img {
    -webkit-transform: perspective(300px) rotateY(360deg);
    -moz-transform: perspective(300px) rotateY(360deg);
    -ms-transform: perspective(300px) rotateY(360deg);
    -o-transform: perspective(300px) rotateY(360deg);
    transform: perspective(300px) rotateY(360deg);
}
.zzjg img{
    display: block;
    margin: 0 auto;
    padding-bottom: 50px;
}
.ldzc img{
    display: block;
    width: 1140px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 50px;
}
.ldzc .text{
    width: 1140px;
    margin: 0 auto;
}

.ldzc .text p{
    line-height: 40px;
    font-size: 16px;
}
.kcx-box{
    width: 1400px;
    margin: 0 auto;
}
.kcx-box p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
}
.kcx-sbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
}
.kcx-box .dspflexend{
    display: flex;
    justify-content: flex-end;
}
.kcx-box .dspflexstart{
    display: flex;
    justify-content: flex-start;
}
.kcx-box .dspflexcenter{
    display: flex;
    justify-content: center
}
.kcx-box .dspflexbetween{
    display: flex;
    justify-content: space-between;
}
.kcx-box .warp{
    flex-wrap: wrap;
}
.kcx-box .w50{
    width: 50%;
}
.kcx-box .w40{
    width: 40%;
}
.kcx-box .w60{
    width: 60%;
}
.kcx-box .w100{
    width: 100%;
}
.kcx-box .w30{
    width: 30%;
}
.kcx-box .w80{
    width: 80%;
}
.kcx-box .mr10{
    margin-right: 10px;
}
.kcx-box .pd80{
    padding-bottom: 80px;
    padding-top: 40px;
}

.kcx-sbox .title h4{
    font-size: 20px;
    text-align: left;
    color: #f9bb1b;
}
.kcx-sbox .title .stitle-line{
    width: 50px;
    height: 2px;
    background: #f9bb1b;
    margin:15px 0 30px 0;
}
.kcx-sbox .r-box{
    margin-right: 10px;
}
.kcx-sbox .b-box{
    margin-bottom: 10px;
}
.zypp{
    width: 439px;
    height: 308px;
    position: relative;
}
.zypp img{
    position: absolute;
    top: 0;
    left:0;
}
.zypp .dt{
    width:439px;
    height: 308px;
    background-color: rgba(4, 45, 129,0.9);
    color: #fff;
    z-index: 22;
    position: absolute;
    display: none;
}
.zypp .dt p{
    padding: 15px;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.zypp:hover .dt{
    display: block;
}
.lxwm{
    padding-bottom: 80px;
}
.lxwm .mapbox{
    width: 100%;
    height: 450px;
    margin-bottom:20px;
}
.zdyw{
    width: 100%;
    height: 869px;
}
.zdyw .kcx-sbox{
    margin-top: 0;
    justify-content: center;
}
.zdyw-box{
    position: relative;
    width: 33.3%;
}

.zdyw .zdyw-box:hover .pagetext {
    top: 30%;
}
.zdyw .zdyw-box .pagetext{
    position: absolute;
        top: 40%;
        z-index: 1;
        width: 100%;
        padding: 0px 50px;
        transition: all 1s;
}

.zdyw .pagetext p{
    text-align: center;
    color: #fff;
}
.zdyw .pagetext p:nth-of-type(3) {
    opacity: 0;
    margin: 30px auto 20px;
    transition: all 1s;
}
.zdyw .zdyw-box:hover .pagetext p:nth-of-type(3) {
    opacity: 1;
}
.zdyw .pagetext p.title{
    transition: all 2s ease .5s;
    opacity: 1;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
}
.zdyw .pagetext p.s-title{
    position: relative;
    font-size: 36px;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 20px;
}
.zdyw .pagetext p.s-title::before{
    content: '';
    width: 50px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 70px;
}
.zdyw .zdyw-box:nth-of-type(3) .pagetext p.s-title::before{

    top: 130px;
}
.zdyw .more{
    width: 166px;
    height: 56px;
    background-color: #f9bc1f;
    line-height: 56px;
    font-size: 16px;
    color: #fff;
    padding: 0 30px;
    cursor: pointer;
    margin: 30px auto 0;
    position: relative;
    opacity: 0;
    transition: all 1s;  
}
.zdyw .zdyw-box:hover .more{
    opacity: 1;
}
.zdyw .more a {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zdyw .more:hover a {
    color: #fff;
}

.zdyw .more:hover {
    color: #fff;
    background-color: #f9bc1f;
}
.zdyw .more span{
    font-size: 14px;
}
.zdywdly{
    padding-bottom: 80px;
}
.zdywdly .kcx-box{
    justify-content: space-between;
}
.zdywdly .dly-box{
    width: 30%;
    height: 308px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}
.zdywdly .dly-box p{
    padding-left: 20px;
}
.zdywdly .dlytop{
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.zdywdly .dly-box .pagetext{
        position: absolute;
        top: 0;
        left:0;
        z-index: 1;
        width: 100%;
        height: 308px;
        background-color: rgba( 58, 106, 146,0.95 );
        display: none;
        
}
.zdywdly .dly-box:hover .pagetext {
    display: block;
}

.zdywdly .pagetext p{
    text-align: left;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}
.zdywdly .pagetext p:nth-of-type(3) {
    margin: 30px auto 20px;
}

.zdywdly .pagetext p.title{
    transition: all 2s ease .5s;
    opacity: 1;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
}
.zdywdly .pagetext p.s-title{
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 20px;
    text-align: center;
    margin-bottom: 40px;
    padding-left: 0;
}
.zdywdly .pagetext p.s-title::before{
    content: '';
    width: 50px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 70px;
}

.zdywdly .more{
    width: 166px;
    height: 56px;
    background-color: #f9bc1f;
    line-height: 56px;
    font-size: 16px;
    color: #fff;
    padding: 0 30px;
    cursor: pointer;
    margin: 30px auto 0;
    position: relative; 
}

.zdywdly .more a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zdywdly .more:hover a {
    color: #fff;
}

.zdywdly .more:hover {
    color: #fff;
    background-color: #f9bc1f;
}
.zdywdly .more span{
    font-size: 14px;
    font-weight: normal;
    padding-left: 5px;
}
.carouselzdyw{
    margin-top:60px;
    margin-bottom: 60px;
}
.carouselzdyw .item img{
    display: block;
    margin: 0 auto;
}
.carouselzdyw .carousel-control.left,.carouselzdyw .carousel-control.right{
    background: none;
}
.carouselzdyw .carousel-control.left span,.carouselzdyw .carousel-control.right span{
    color:#ccc;
}


.swiper-container-contentdly .swiper-button-next, .swiper-container-contentdly .swiper-button-prev{
color: #333;
top: 35%;
}

.kq-box{
    width: 1400px;
    margin: 0 auto;
}
.kq-box p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
}
.kq-box .pic img{
    width: 100%;
}
.kq-box .pic p{
    line-height: 60px;
    height: 60px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-bottom: 50px;
}
.kq-sbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 60px;
    padding-bottom: 60px;
}
.kq-box .w33{
    width: 30%;
}
.kq-sbox .kq-con{
    margin-bottom: 45px;
    box-shadow: 0px 5px 15px 0px rgb( 48, 49, 49 );
    position: relative;
}
.kq-sbox .kq-con .text{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb( 239, 173, 37,0.95);
    z-index: 1;
    top: 0;
    left: 0;
    padding:15px 20px;
    cursor: pointer;
}
.kq-sbox .kq-con:hover .text{
    display: block;
}
.kq-sbox .kq-con .text p{
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 25px;
}
.kq-sbox .kq-con .text p:first-child{
    text-align: center;
    margin-bottom: 10px;
}
.kq-sbox .kq-con .text p.title{
    font-size: 20px;
}
.footer{
    width: 100%;
    overflow: hidden;
    background-color: rgba(54, 57, 59, 1);
    position: static;
}
.footer_left{
    float: left;
}
.footer_right{
    float: right;
}

.footer_nav ul {
    width: auto;
    float: left;
    padding-right: 60px;
}
.footer_nav ul li {
    list-style: none;
}
.footer_nav ul li a {
    color: #d3d3d3;
    line-height: 2em;
    font-size: 14px;
}
.footer_nav ul .nav_bt {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
}
.f_box{
    width: 100%;
    max-width: 1440px;
    position: static;
    margin: 60px auto;
    padding: 0 20px;
}


.f_line{
    width: 100%;
    max-width: 1440px;
    height: auto;
    max-height: none;
    min-height: 20px;
    margin: 0 auto;
    padding: 0 20px;
}
.f_line_001{
    height: 5px;
    border-bottom: 1px solid #55595b;
}
.content{
    width: 100%;
    height: auto;
    background: #fff;
    padding-top: 80px;
}
.content-bg2{
    background: #f2f2f3;
}
.content .title{
    text-align: center;
}
.content .title h3{
    font-size: 36px;
    color: #03447c;
}
.content .title .title-sub{
    color:#969797;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    font-weight: lighter;
}
.content .title .title-line{
    width: 50px;
    height: 3px;
    background: #f9bb1b;
    margin: 10px auto 60px;
}
.content-box{
    width: 100%;
    max-width: 1400px;
    min-width: 300px;
    margin: 0 auto;
}
.content-01{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 50px;
}
.content-01::before{
    content: "";
    width: 55%;
    height: 100%;
    background: #f3f3f3;
    position: absolute;
    top: 0;
    left: 0;
}
.content-01 .cont-sub{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.cont-sub .cont-left p{
    padding: 90px 50px;
    line-height: 30px;
    min-height: 750px;
}
.cont-sub .cont-right{
    padding-top: 90px;
}
.content-box2{
    width: 100%;
    position: relative;
    margin-top: 50px;
}
.content-box2 img{
    max-width: 100%;

}
.content-box2 .text-box{
    width: 700px;
    height: 480px;
    position: absolute;
    top: 80px;
    right: 50%;
    margin-right: -700px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 70px 40px 0;
}
.content-box2 .text-box p{
    line-height: 30px;
    margin-bottom: 20px;
}
.pdt0{
    padding-top: 0;
}
.list-boxes{
    padding: 10px;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.list-boxes img{
    width: 205px;
    margin-right: 15px;
}
.list-boxes a{
    font-size: 18px;
    color: #333;
}
.list-boxes p{
    color: #999;
}
.list-boxes a:hover{
    color: #333;
}
.article-box{
    background: #fff;
    padding: 50px 130px;
    margin-bottom: 60px;
}
.article-box img{
    max-width: 100%;
}
.article-box h2{
    text-align: center;
    font-size: 22px;
}
.article-box p{
    font-size: 16px;
    line-height: 30px;
}
.article-infobox span{
    display: block;
    width: 100%;
    text-align: center;
}
.footer_right .img_wx{
    width: 130px;
}
.footer_right .img_wx img{
    width: 100%;
}
.f_right_text{
    height: 25px;
    line-height: 25px;
}
.f_right_text span{
    font-size: 16px;
    color: #fff;
}
.f_box_bottom{
    width: 100%;
    height: 50px;
    line-height: 50px;

    
}
.f_box_bottom p{
    color:#787c7f;
    text-align: center;
    font-size: 14px;
}

@media only screen and (min-width: 1025px) {
    .c_main_01 .tNavBox {
        width:100%;
        height: auto;
        overflow: visible;
    }

    .c_main_01 .navBtn {
        display: none;
    }

    .c_main_01 .navSliBtn {
        display: none;
    }

    .c_main_01 .iconJt {
        display: none;
    }

    .c_main_01 .tNav {
        width: 100%;
        height: 91px;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .c_main_01 .navUl {
        width: 100%;
        display: block;
        font-size: 0;
        text-align: right;
    }

    .c_main_01 .navLi {
        padding: 0 0px;
        display: inline-block;
    }

    .c_main_01 .navLi:hover .tNavH::before {
        width: 100%;
        opacity: 1;
    }

    .c_main_01 .tNavH {
        position: relative;
    }

    .c_main_01 .tNavH::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 0;
        height: 5px;
        background-color: #feda00;
        opacity: 0 !important;
        transition: all .5s ease;
    }

    .c_main_01 .navLi:hover .navName {
        color: #f9bb1b;
        border-bottom: 2px #f9bb1b solid;
    }

    .c_main_01 .navName {
        position: relative;
        display: block;
        padding: 0 20px;
        font-size: 16px;
        border-bottom: 2px rgba(255,255,255,0) solid;
        color: #333;
        line-height: 89px;
        text-decoration: none !important;
        transition: all .5s ease;
    }

    .c_main_01 .slidBox2 {
        margin: auto;
        padding: 30px 20px;
        max-width: 100%;
        float: left;
        width: 100%;
    }

    .slidBox3 {
        margin: auto;
        max-width: 1440px;
    }

    .c_main_01 .slidBox {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        min-width: 100%;
        height: 0px;
        overflow: hidden;
        display: block;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        z-index: 110;
        margin: 0 auto;
        padding: 0 0%;
        transition: all .5s ease;
        opacity: 1;
        background: rgba(255,255,255,0.8);
    }

    .c_main_01 .navLi:hover .slidBox {
        height: 270px;
        opacity: 1;
    }

    .c_main_01 .rightBox {
        width: 40%;
        float: right;
        max-width: 455px;
        display: none;
        border-radius: 40px 0px 40px 0px;
        overflow: hidden;
    }

    .c_main_01 .rightBox img {
        transform: scale(1);
        transition: all 0.5s;
        cursor: pointer;
    }

    .c_main_01 .rightBox:hover img {
        transform: scale(1.2);
    }

    .c_main_01 #nav_ts .leftBox {
        width: 50%;
        float: left;
    }

    .c_main_01 #nav_ts .navSbox .navSli {
        width: 50%;
        float: left;
        text-align: left;
    }

    .c_main_01 #nav_ts .navSbox .navSli .navSlink {
        text-align: left;
        padding-left: 20px !important;
        position: relative;
    }

    .c_main_01 #nav_ts .navSbox .navSli .navSlink:before {
        content: '';
        width: 10px;
        height: 2px;
        background: #f9bb1b;
        position: absolute;
        top: 50%;
        left: 0px;
        margin-top: -1px;
    }

    .c_main_01 #nav_ts .rightBox {
        display: block;
        width: 50%;
        max-width: 50%;
        position: relative;
        border-radius: 0px;
    }

    .c_main_01 #nav_ts .mc {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: right;
        padding: 0px 50px;
        font-size: 24px;
        color: #fff;
        margin-top: -17px;
    }

    .c_main_01 .leftBox {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
        margin: 0px 0;
        overflow: hidden;
    }

    .c_main_01 .navSbox {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        font-size: 0;
        text-align: center;
        margin: 10px 0;
        max-width: 100%;
        white-space: nowrap;
    }

    .c_main_01 .oneName {
        font-size: 22px;
        padding-bottom: 0px;
        color: #333;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        text-overflow: ellipsis;
    }

    .c_main_01 .tNavSummry {
        line-height: 24px;
        width: 100%;
        height: 96px;
        overflow: hidden;
        color: #666666;
        font-size: 1rem;
        max-width: 420px;
    }

    .c_main_01 .tNavMore {
        display: block;
        position: relative;
        height: auto;
        padding-top: 25px;
        border-top: 1px dashed #cccccc;
        margin-top: 20px;
        cursor: pointer;
    }

    .c_main_01 .txt {
        color: #000;
        transition: all .5s ease;
    }

    .c_main_01 .leanMore {
        margin-left: 2rem;
        transition: all .5s ease;
    }

    .c_main_01 .navSli {
        display: inline-block;
        width: 33.33%;
        height: auto;
        overflow: hidden;
        margin-right: 0px;
        text-align: center;
        margin-bottom: 0px;
        position: relative;
        left: 0px;
        transition: all 0.3s;
    }

    .c_main_01 .navSimg a {
        display: block;
        position: relative;
        text-align: center;
        width: auto;
        max-width: 344px;
        overflow: hidden;
        margin: auto;
    }

    .c_main_01 .navSimg {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #nav_ts .navSimg {
        display: none;
    }

    .c_main_01 .navImg {
        position: relative;
        width: auto;
        height: auto;
        max-width: 344px;
        transition: all .5s ease;
        transform: scale(1);
    }

    .c_main_01 .navSli:hover .navImg {
        transform: scale(1.1);
    }

    .c_main_01 .navSlink {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 10px 0px !important;
        line-height: 1.5em;
        font-size: 16px;
        color: #666;
        text-align: center;
        overflow: hidden;
        transition: all .5s ease;
    }

    .c_main_01 .navSli:hover .navSlink {
        color: #f9bb1b;
    }

    .c_main_01 .navSli:hover .navSlink::after {
        width: 100%;
        opacity: 1;
    }
}

@media only screen and (max-width: 1024px) {
    .header{
        height: 65px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .e_box{
        padding: 0 20px;
    }
    .e_box_01{
        width: 100%;
        float: left;
        margin-left: 0;
        height: 65px;
    }
    .e_box_01 img{
        width: auto;
        height: 65px;
    }
    .e_box_02{
        position: absolute;
        top: 0;
        right: 20px;
        width: 31px;
    }
    .c_main_01 .rightBox {
        display:none;
    }

    .c_main_01 .navSimg {
        display: none;
    }

    .c_main_01 .tNavBox {
        position: relative;
        overflow: hidden;
        height: 64px;
    }

    .c_main_01 .navBtn {
        position: absolute;
        top: 17px;
        right: 0px;
        width: 31px;
        height: 30px;
        line-height: 64px;
    }

    .c_main_01 .navLine {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .c_main_01 .navBtnImg {
        display: block;
        width: 100%;
    }

    .c_main_01 .tNav {
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        height: 0;
        overflow: hidden;
        z-index: 999;
        background: #fff;
        transition: all .5s ease;
    }

    .c_main_01 .tNavHeight {
        height: 100%;
    }
    
    .swiper-slide img{
        width: 1000px;
        height: 100%;
    }

    .c_main_01 .slidBox {
        display: none;
    }

    .c_main_01 .navUl {
        border-top: 1px solid #dddd;
    }

    .c_main_01 .navLi {
        border-bottom: 1px solid #dddd;
        position: relative;
    }

    .c_main_01 .tNavH {
        position: relative;
        height: 50px;
        line-height: 50px;
        padding: 0px 20px;
        font-size: 14px;
        transition: all .5s ease;
    }

    .c_main_01 .tNavHBac {
        background-color: #ffd900;
    }

    .c_main_01 .navName {
        display: block;
        width: 100%;
        height: 100%;
        color: #666;
    }

    .c_main_01 .iconJt {
        position: absolute;
        top: 0;
        right: 8%;
        display: flex;
        width: 50px;
        height: 50px;
        justify-content: center;
        align-items: center;
        color: #666;
        font-size: 16px;
        transition: all .5s ease;
    }

    .c_main_01 .iconJtRotate {
        transform: rotate(-180deg);
    }

    .c_main_01 .navSliBtn {
        height: 40px;
        width: 100%;
        text-align: center;
    }

    .c_main_01 .hs {
        height: 100%;
    }

    .c_main_01 .navSbox {
        padding-bottom: 0px;
    }

    .c_main_01 .navSli {
        padding: 0px 40px;
        font-size: 14px;
        height: 46px;
        line-height: 46px;
        border-bottom: 1px solid #dddd;
    }

    .c_main_01 .navSlink {
        display: block;
        width: 100%;
        height: 100%;
        color: #999;
    }

    /* banner */
    .swiper-container {
        width: 100%;
        height: auto;
    }

    /* //导航 */
    .content-nav{
        height: 40px;
    }
    .content-nav .nav-box {
        padding: 0;
    }
    .nav-box-left{
        display: none;
    }
    .nav-box-right{
        width: 100%;
        float: left;
    }
    .nav-box-right .btn-show {
        display: block;
        color: #fff;
        background-color: #666;
        border-color: #666;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 0px;
        border: 0px solid transparent;
    }
    .nav-list .nav-category {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        transition: left .3s;
        z-index: 9999;
        background: #fff;
    }
    .nav-category.animate{
        left:0
    }
    .nav-category .m-left {
        display: block;
        width: 10%;
        height: 100%;
        float: left;
    }
    .nav-menu {
        width: 100%;
        height: 100%;
        float: left;
        padding: 0;
        background: #bfbfbf;
    }
    .nav-menu span {
        width: 100%;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 40px;
        margin-top: 120px;
        background: #686868;
        color: #fff;
    }
    .nav-categoryBox{
        width: 90%;
        float: left;
    }
    .nav-parentBox{
        width: 100%;
        display: block;
        margin: 0;
        border-bottom:1px solid #ddd;
    }
    .content-main {
        width: 90%;
        margin-left: 5%;
        margin: -50px auto 0;
        padding: 0;
        position: relative;
        z-index: 1;
    }
    
    .c_main-01 ul {
        padding-left: 0;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .c_main-02{
        padding: 0;
        flex-wrap: wrap;
    }
    .c_main-01 ul li{
        width: 50%;
    }
    .c_main-01 span.num{
        font-size: 30px;
    }
    .c_main-02-left{
        width: 100%;
    }
    .c_main-02-left-top{
        height: auto;
    }
    .c_main-02-left-top video{
        width: 100%;
        height: auto;
    }
    .c_main-02-right{
        width: 100%;
    }
    .c_main-02-right-top{
        width: 60%;
        float: left;
    }
    .c_main-02-right-bottom{
        width: 40%;
        float: right;
    }
    .zdyw .kcx-sbox{
        flex-wrap: wrap;
    }
    .zdyw-box{
        width: 100%;
    }
    .zdyw-box img{
        max-width: 100%;
    }
    .zdyw .pagetext p.title{
        font-size: 26px;
    }
    .zdyw .pagetext p.s-title{
        font-size: 16px;
    }
    .zdyw .zdyw-box:nth-of-type(3) .pagetext p.s-title::before{
        top: 90px;
    }
    .kcx-box{
        width: 100%;
        padding: 20px 10px;
    }
    .kcx-box img{
        max-width: 100%;
    }
    .kcx-sbox{
        flex-wrap: wrap;
    }
    .kcx-sbox .w40{
        width: 100%;
    }
    .kcx-sbox .w50{
        width: 100%;
    }
    .kcx-sbox .w60{
        width: 100%;
    }
    .kcx-sbox img{
        max-width: 100%;
    }
    .kcx-box .dspflexend{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .kcx-box .dspflexstart{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .kcx-box .dspflexcenter{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .kcx-box .dspflexbetween{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .kcx-sbox .b-box{
        width: 40%;
        margin-right: 5px;
    }
    .kcx-sbox .b-box img{
        max-width: 100%;
        display: block;
        align-items: center;
        
    }
    .zdywdly .dly-box {
        width: 100%;
        height: 308px;
        margin-bottom: 50px;
    }
    .zdywdly .dlytop{
        padding: 10px;
    }
    .zdywdly .dlytop img{
        max-width: 80%;
        width: 50%;
    }
    .kq-box{
        width: 100%;
        padding: 20px 10px;
        overflow: hidden;
    }
    .kq-box img{
        max-width: 100%;
    }
    .kq-sbox{
        flex-wrap: wrap;
    }
    .kq-sbox .w33{
        width: 100%;
    }
    .kcx-box .w30{
        width: 100%;
        margin-bottom: 70px;
        background-color: #fff;
    }
    .zypp{
        width: 100%;
        height: 390px;
    }
    .zypp img{
        max-width: 100%;
    }
    .zypp .dt {
        width: 100%;
        height: 390px;
    }
    .lxwm{
        padding: 10px;
    }
    .lxwm .mapbox{
        width: 100%;
    }
    .lxwm .page-header img{
        width: 35%;
    }
    .swiper-slide .pagetext{
        position: absolute;
        top: 50%;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        padding: 0px 100px;
        z-index: 2;
        margin: 0 auto;
    }
    .swiper-slide .pagetext p{
        text-align: right;
        color: #fff;
    }
    .swiper-slide .pagetext p.title{
        transition: all 2s ease .5s;
        opacity: 1;
        font-size: 24px;
        color: #fff;
        font-weight: normal;
    }
    .swiper-slide .pagetext p.s-title{
        position: relative;
        font-size: 28px;
        font-weight: bold;
        margin-top: 5px;
        padding-top: 5px;
    }
    .swiper-slide .pagetext p.s-title::before{
        content: '';
        width: 50px;
        height: 2px;
        background: #fff;
        position: absolute;
        right: 0;
        top: 50px;
    }
    .ldzc{
        width: 100%;
    }
    .ldzc .text{
        width: 100%;
        padding: 20px;
    }
    .ldzc img {
        display: block;
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .zzjg img{
        max-width: 80%;
    }
    .swiper-container-contentbox{
        width: 100%;
        max-width: 100%;
    }
    .content-01 .cont-sub{
        flex-wrap: wrap;
    }
    .content-01::before {
        content: "";
        width: 100%;
        height: 100%;
        background: #f3f3f3;
        position: absolute;
        top: 0;
        left: 0;
    }
    .cont-sub .cont-left p{
        min-height: 500px;
    }
    .cont-sub .cont-right{
        padding-top: 0;
    }
    .cont-sub .cont-right img{
        width: 100%;
    }
    .content-box2 .text-box{
        display: none;
    }
    .list-boxes{
        padding: 10px;
        background: #fff;
        display: flex;
        justify-content: flex-start;
        margin-bottom: 15px;
    }
    .list-boxes img{
        width: 30%;
        margin-right: 10px;
    }
    .list-boxes a{
        font-size: 16px;
        color: #333;
    }
    .article-box{
        background: #fff;
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    .article-box img{
        max-width: 100%;
    }
    .article-box h2{
        text-align: center;
        font-size: 16px;
    }
    .article-box p{
        font-size: 14px;
        line-height: 25px;
    }
    .article-infobox span{
        display: block;
        width: 100%;
        text-align: center;
    }
    /* 页脚 */
    .footer .f_box,.footer .f_line{
        display: none;
    }
}