body{width:100%;color:#333; }
.wd{width:1300px; margin: 0 auto;}
.wd2{width:1400px; margin: 0 auto;}
.mt60{margin-top: 60px}
@keyframes jumpImg{
    0% {transform: translateY(0);}
    50% {transform: translateY(-10px) }
    100% {transform: translateY(0);}

}
@keyframes rotateForever {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.topnav{position: relative;z-index:999;}
#header .topnav{ position:absolute;right:5px; top:0;}
#header .menua{ display:none;margin: 4px 0;position: fixed; top:25px;right:20px;}
#header .menua a{ width:40px; height:40px; background:#145eb3; display: block; border-radius: 50%; padding:7px 0 0 0;}
#header .menua a img{ width:25px; margin:0 auto 0 auto;}
#header a.menu_btn i {font-size:18px;}
#header .menu_bg,#header .menu {position: fixed;top: 0;right: 0;z-index: 10;}
#header .menu_bg {background-color: rgba(0, 0, 0, 0.7);display: none;width: 100%;height: 100%;}
#header a.menu_btn i {font-size:18px; padding-right:25px;}
#header .menu_bg,#header .menu {position: fixed;top: 0;right: 0;z-index:99;}
#header .menu_bg {background-color: rgba(0, 0, 0, 0.7);display: none;width: 100%;height: 100%;}
#header .menu {width: 9.75rem;background-color: #FFFFFF;overflow-x: hidden;height: 100%;overflow-y: auto;}
#header .menu .nav_right li{display: block;border-bottom: 0.01rem solid #eeeeef;}
#header .menu .nav_right li> a {display: block;width:100%;height:80px; box-sizing: border-box;color: #3a3a3a;line-height:80px;text-align: center; font-size:18px;}
#header .menu .nav_right li> a.active {background-color: #145eb3;border-color: #145eb3;color: #FFFFFF;}
#header .menu .nav_right .ejlm{ display: none;}
#header .menu .nav_right li .ejlm{ width: 100%; background: #f7f7f7; }
#header .menu .nav_right li .ejlm a{ width: 100%; line-height:50px;font-size:16px;font-weight:bold; color:#333; text-align:center; display: block;}
#header .menu .nav_right li .ejlm a:hover{ color: #fff; background: #145eb3;}


.top .banner{height:395px;}
.top .banner .bannerslideBox{height: 395px;overflow: hidden}
.top .banner .bannerslideBox img{width:100%;height: 100%;object-fit: cover}

.top{overflow: hidden}
.top .topbj{position: absolute;top:0;left: 0;width: 100%;text-align: center;height: 400px;}
.top .topbj .logocont{padding-top: 160px;position: relative}
.top .topbj .logocont .logo{text-align: center}
.top .topbj .logocont .logo img{display: inline-block}
.top .topbj .logocont .serch{position: absolute;right:0;top:20px;}
.top .topbj .logocont .serch .search_box{width: 270px;height: 36px;border-radius: 20px;position: relative;display: inline-block;overflow: hidden}
.top .topbj .logocont .serch .search_box .text{background: #fff;width: 100%;height: 36px;padding: 0 40px 0 20px;font-size: 22px;color: #333}
.top .topbj .logocont .serch .search_box .btn{position: absolute;right: 15px;top:8px;width: 20px;height: 20px;}
.top .topbj .logocont .link_top_box{position: absolute;left:0;top:20px;}
.top .topbj .logocont .link_top_box a{font-size: 18px;color: #0f3b82;padding: 0 10px}
.top .topbj .logocont .link_top_box a:not(:last-child){border-right: 1px solid #0f3b82;}


.nav{width:100%;background:#145eb3;}
.navcont .navli{float:left;position:relative;width: 180px;}
.navcont .navyjlm{width:100%;}
.navcont .navyjlm a{width:100%;font-size:20px; line-height:70px;height:70px;color:#fff;text-align:center;display:block;overflow:hidden;position:relative;z-index: 1}
.navcont .navli:hover .navyjlm a,.navcont .navli.on .navyjlm a{color:#fff;}
.navcont .navli:hover:after,.navcont .navli.on:after{content:'';background:rgba(0,0,0,0.3);position: absolute;top:0;left: 0;width: 180px;height: 70px;z-index: 0}
.navcont .nav_erji{visibility: hidden;opacity:0;width:100%;position: absolute;left: 0;top: 130%;background:#f2f2f2;transition: .5s;margin-left: -0%;z-index: 2}
.navcont .navli:hover .nav_erji{top: 100%;visibility: visible;opacity: 1;z-index: 9;}
.navcont .navli:hover .nav_erji{top: 100%;visibility: visible;opacity: 1;z-index: 9;}
.navcont .nav_erji a{padding: 10px 15px;display: block; text-align:center;color:#333;}
.navcont .nav_erji a:hover{ background:#145eb3;color: #fff;}


/*标题及更多*/
.tit_box{position: relative;border-bottom: 1px solid #f2f2f2}
.tit_box h6{float:left;font-size: 26px;font-weight: bold;position: relative;height: 55px;line-height: 55px;border-bottom: 4px solid #145eb3;color: #145eb3}
.tit_box .more_box{position: absolute;right: 0;bottom: 10px;padding: 4px 10px;cursor: pointer;}
.tit_box .more_box .more{color: #145eb3;}
.tit_box .more_box:hover{background: #145eb3;}
.tit_box .more_box:hover .more{color: #fff}

.news_list{margin-top: 10px;}
.news_list li{transition: all 0.3s;}
.news_list li h3{width: 80%;height: 45px;line-height: 45px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 15px;position: relative}
.news_list li h3:before{content:'';background: #145eb3;width: 6px;height: 6px;display: inline-block;position: absolute;left: 0;top: 20px;border-radius: 6px}
.news_list li p{width: 20%;text-align: right;color: #787b80;height: 45px;line-height: 45px}
.news_list li:hover{background: #145eb3;}
.news_list li:hover h3,.news_list li:hover p{color: #fff}
.news_list li:hover p{padding-right: 10px;}

.main{overflow: hidden;}
.main_box{margin-top: 20px;}


/*专题*/
.index01{position: relative}
.index01 .zt_box{height: 100px;overflow: hidden;position: relative}
.index01 .zt_box .bd li{height: 100px;}
.index01 .zt_box .bd li .zt_img{height: 100px;width: 100%}
.index01 .zt_box .hd{position: absolute;bottom: 5px;right: 15px;z-index: 1}
.index01 .zt_box .hd li{background: #fff;width: 10px;height: 10px;display: block;border-radius: 10px;float: left;margin: 0 5px;cursor: pointer}
.index01 .zt_box .hd li.on{background: #145eb3;}

.index02 .top_news_box h2{width: 100%;line-height: 50px;font-weight: bold;color: #145eb3;text-align: center;font-size: 32px}
.index02 .top_news_box p{font-size: 18px;color: #333;height: 30px;overflow: hidden;line-height: 30px;text-overflow: ellipsis;white-space: nowrap}

.index03 .top_img{width: 49%;height: 425px;overflow: hidden;position: relative}
.index03 .top_img .hd ul{position: absolute;bottom: 20px;right: 15px;z-index: 1}
.index03 .top_img .hd .next{background: rgba(0,0,0,0.4);position: absolute;right: 0;top: 40%;width: 40px;height: 40px;z-index: 5}
.index03 .top_img .hd .prev:after{content:'';background: url(../img/btn.png) no-repeat left;width: 16px;height: 16px;position: absolute;top: 12px;left: 10px;}
.index03 .top_img .hd .prev{background: rgba(0,0,0,0.4);position: absolute;left: 0;top: 40%;width: 40px;height: 40px;z-index: 5}
.index03 .top_img .hd .next:after{content:'';background: url(../img/btn.png) no-repeat right;width: 16px;height: 16px;position: absolute;top: 12px;right: 10px;}


.index03 .top_img .hd li{background: #fff;width: 10px;height: 10px;display: block;border-radius: 10px;float: left;margin: 0 5px;cursor: pointer}
.index03 .top_img .hd li.on{background: #145eb3;}
.index03 .top_img .bd li{position: relative;overflow: hidden}
.index03 .top_img .bd li .img_box{height: 425px;}
.index03 .top_img .bd li .img_box img{width:100%;height:100%;object-fit:cover;}
.index03 .top_img .bd li h2{width: 100%;height: 50px;line-height: 50px;color: #fff;padding: 0 15px;font-size: 18px;background: rgba(0, 0, 0, 0.4);position: absolute;left: 0;bottom: 0}
.index03 .news_list_box{width: 48%}

.index04{background: #fafafa;margin-top: 50px;padding: 50px 0}
.item_box{background: #fff;padding: 30px;width: 49%}
.index04 .item_box .item li{float: left;width: 22%;margin-right: 4%;border-radius: 10px;background: #f1f8ff;height: 70px;text-align: center;cursor: pointer;transition: all 0.5s}
.index04 .item_box .item li:last-child{margin-right: 0;}
.index04 .item_box .item li .icon{display: inline-block;position: relative;top: 5px;margin-right: 10px;}
.index04 .item_box .item li .icon img{transition: all 0.5s}
.index04 .item_box .item li h5{height: 70px;line-height: 70px;display: inline-block}
.index04 .item_box .item li:hover {box-shadow: 2px 3px 3px #999;background: #145eb3}
.index04 .item_box .item li:hover h5{color: #fff;font-weight: bold}
/*.index04 .item_box .item li:hover .icon img{animation: jumpImg 1s linear infinite;}*/
.index04 .item_box .column_box{overflow: hidden;position: relative;height: 340px;margin-top: 10px}
.index04 .item_box .column_box .hd{border-bottom: 1px solid #f2f2f2;}
.index04 .item_box .column_box .hd li{float: left;height: 60px;margin-right: 20px;cursor: pointer}
.index04 .item_box .column_box .hd li h4{height: 60px;line-height: 60px;font-size: 22px;}
.index04 .item_box .column_box .hd li.on h4{border-bottom: 4px solid #145eb3;color: #145eb3;font-weight: bold}
.index04 .item_box .tit_btn{color: #fff;font-weight: bold;text-align: center;background: url(../img/ygjw.png) no-repeat;height: 120px;width: 100%;background-size: 100% 100%;border-radius: 10px;line-height: 120px;font-size: 36px;}
.index04 .item_box .kj_box{margin-top: 20px;}
.index04 .item_box .kj_box li{float: left;width: 31.33%;margin-right: 3%;background: #e4f0ff;height: 130px;border-radius: 10px;transition: all 0.5s;}
.index04 .item_box .kj_box li:nth-child(3n){margin-right: 0}
.index04 .item_box .kj_box li:nth-child(-n+3){margin-bottom: 20px;}
.index04 .item_box .kj_box li .icon{text-align: center;padding-top: 20px;}
.index04 .item_box .kj_box li .icon img{display: inline-block;transition: all 0.5s}
.index04 .item_box .kj_box li p{width: 100%;height: 50px;line-height: 50px;font-size: 18px;text-align: center}
.index04 .item_box .kj_box li:hover {box-shadow: 2px 3px 3px #999}
.index04 .item_box .kj_box li:hover p{font-weight: bold;color: #145eb3}
.index04 .item_box .kj_box li:hover .icon img{animation: jumpImg 1s linear infinite;}

.index05{;margin-bottom: 50px;background: #fafafa;padding-bottom: 50px;}

.index06 .tit_box{padding: 0 50px;border: 0}
.index06 .tit_box:after{content:'';width: 100%;height: 1px;background: #f2f2f2;}
.index06 .tit_box .more_box{right: 60px;}
.index06 .pic_box{padding: 0 40px;overflow: hidden;position: relative;margin-top: 20px;height: 210px;}
.index06 .pic_box .hd{}
.index06 .pic_box .hd .prev{position: absolute;left: 20px;top:35%;background: rgba(0,0,0,0.4);width: 40px;height: 40px;z-index: 5}
.index06 .pic_box .hd .prev:after{content:'';background: url(../img/btn.png) no-repeat left;width: 16px;height: 16px;position: absolute;top: 12px;left: 10px;}
.index06 .pic_box .hd .next{position: absolute;right: 40px;top:35%;background: rgba(0,0,0,0.4);width: 40px;height: 40px;z-index: 5}
.index06 .pic_box .hd .next:after{content:'';background: url(../img/btn.png) no-repeat right;width: 16px;height: 16px;position: absolute;top: 12px;right: 10px;}
.index06 .pic_box .bd li{float: left;width: 260px;}
.index06 .pic_box .bd li .pic_info{margin: 0 10px;overflow: hidden}
.index06 .pic_box .bd li .img_box{height: 170px;}
.index06 .pic_box .bd li .img_box img{height: 100%;width: 100%;object-fit: cover}
.index06 .pic_box .bd li p{height: 40px;width: 100%;line-height: 40px;text-align: center;}


/*底部**/
.footer{background: #f7f7f7;overflow: hidden;margin-top: 80px}
.footer p,.footer a{color: #333;}
.footer .link_list{border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;}
.footer .link_list h5{font-size: 18px;color: #333;height: 70px;line-height: 70px;font-weight: bold}
.footer .link_list ul{width: 93%;float: right;padding-top: 14px;}
.footer .link_list li a{font-size: 18px;color: #333;height: 40px;line-height: 40px;padding: 0 15px;}
.footer .link_list li{float: left;cursor: pointer}
.footer .link_list li:not(:last-child):after{content:'|';color: #fff;}
.footer .link_list li:hover a{color: #145eb3;font-weight: bold}
.footer .bottom_info{padding: 30px 0;}
.footer .bottom_info .info{width: 40%;}
.footer .bottom_info .info p{margin-bottom: 10px}
.footer .bottom_info .info h6{font-weight: bold;margin-bottom: 20px;}
.footer .bottom_info .info li{float: left;margin-right: 30px;}
.footer .bottom_info .info .name{text-align: center;}
.footer .bottom_info .img_box{height: 100px;width: 100px;margin-top: 40px;}
.footer .bottom_info .img_box img{height: 100%;object-fit: cover}
.footer .bottom_info .code_box img{height:100px;}


@media screen and (max-width:1680px) {

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

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

}
@media screen and (max-width:1440px) {
    .wd{width: 1200px}

    .navcont .navli{width: 160px;}
    .navcont .navli:hover:after,.navcont .navli.on:after{width: 165px;}
    .banner_box .banner{height: 311px}
    .index01 .zt_box .bd li .zt_img img{width: 100%;height: 100%;object-fit: cover}
}
@media screen and (max-width:1366px) {
    .banner_box .banner{height: 295px}
}
@media screen and (max-width:1280px) {
    .wd{width: 1000px}
    .wd2{width: 1200px;}
    .navcont .navli{width: 140px}
    .navcont .navli:hover:after, .navcont .navli.on:after{width: 140px}
    .index06 .pic_box{height: 190px}
    .index06 .pic_box .bd li{width: 220px}
    .index06 .pic_box .bd li .img_box{height: 150px}
    .footer .link_list h5{height: 50px;line-height: 50px}
    .footer .link_list li a{line-height: 3}

    .index04 .item_box .item li .icon{top: 10px;}
    .index04 .item_box .item li h5{height: 40px;line-height: 50px}
    .index04 .item_box .column_box .hd li h4{font-size: 18px}
    .index04 .item_box .column_box .tit_box .more_box{bottom: 15px}

    .index03 .top_img{height: 385px}
    .index03 .top_img .bd li .img_box{height: 385px;}
    .news_list li h3{height: 40px;line-height: 40px}
    .news_list li h3:before{top: 17px}
    .news_list li p{height: 40px;line-height: 40px}

}
@media screen and (max-width:1176px) {
    .wd{width: 1000px}
    .wd2{width: 1100px;}
    .index06 .pic_box .bd li{width: 200px}

}
@media screen and (max-width:1024px) {
    .wd,.wd2{width: 100%}
    #header .menua{display:block;}
    .main_box{margin-top: 10px;padding: 0 10px;}

    .tit_box h6{font-size: 22px}
    .news_list li h3{width: 75%}
    .news_list li p{width: 25%}

    .nav{display: none}
    .top .banner{height: auto}
    .top .banner .bannerslideBox{height: auto}

    .top .topbj{height: 300px}
    .top .topbj .logocont{padding-top: 20px;padding-left: 10px}
    .top .topbj .logocont .logo{text-align: left;width: 100%;display: block}
    .top .topbj .logocont .logo img{width: 80%}
    .top .topbj .logocont .serch{display: none}

    .index01 .zt_box{height: auto}
    .index01 .zt_box .hd {display: none}
    .index01 .zt_box .bd li {height: auto}
    .index01 .zt_box .bd li .zt_img{height: auto}
    .index01 .zt_box .bd li .zt_img img{width: 100%}

    .index02 .top_news_box h2{height: auto;line-height: 1.5;font-size: 20px}
    .index02 .top_news_box p{font-size: 14px}

    .index03 .top_img{width: 100%;height: 300px;}
    .index03 .top_img .bd li .img_box{height: 300px}
    .index03 .news_list_box{width: 100%;margin-top: 10px}

    .item_box{width: 100%;padding: 20px 10px;}
    .index04{margin-top: 0;padding: 20px 0}
    .index04 .item_box .item li .icon{top: 10px;margin-right: 0;display: block;text-align: center;height: 30px}
    .index04 .item_box .item li .icon img{display: inline-block}
    .index04 .item_box .item li h5{height: 30px;line-height: 30px;margin-top: 10px}

    .index04 .item_box .column_box .hd ul{overflow-x: scroll}
    .index04 .item_box .column_box .hd li{margin-right: 10px;display: inline-block;float: none}
    .index04 .item_box .column_box .hd li h4{font-size: 18px;}
    .index04 .item_box .column_box .tit_box .more_box{display: none}

    .index05{margin-top: 0;padding-bottom: 0;margin-bottom: 0}
    .index06 .tit_box{padding: 0 10px}
    .index06 .pic_box{padding: 0}
    .index06 .pic_box .hd{display: none}
    .index06 .pic_box .bd li{}
    .index06 .pic_box .bd li .img_box{}

    .footer{margin-top: 10px;padding: 0 10px}
    .footer .link_list ul{width: 100%;padding:0}
    .footer .link_list li{width: 100%}
    .footer .link_list li a{font-size: 16px;height: 40px;line-height: 40px}
    .footer .bottom_info .info{width: 100%}
    .footer .bottom_info .info.xmtjz{text-align: center;}
    .footer .bottom_info .info.xmtjz ul{display: inline-block;}
    .footer .bottom_info .info h6{text-align: left}
    .footer .bottom_info .info .code_box{width: 100%}
    .footer .bottom_info .img_box{width: 100%;text-align: center;margin-top:10px;}
    .footer .bottom_info .img_box img{display: inline-block}
    .footer .bottom_info .info li:nth-child(2){margin-right: 0}
    
    .top .topbj .logocont .link_top_box{display:none;}







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

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

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

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

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

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