@charset "utf-8";
/************ index *********/
.home_banner{height: 520px; background: url(../images/home_banner.jpg) no-repeat center top;}
.home_banner > .container{position: relative; height: 100%;}
.home_hotnews{position: absolute; bottom: 0; right: 0; padding: 20px; width: 380px; height: 140px; background: #f9f9f9; background: rgba(249,249,249,.96);}
.home_hotnews h3{margin-bottom: 18px; font-size: 1.125em; font-weight: bold; color: #3b3bd9;}
.home_hotnews ul{margin-bottom: 15px;}
.home_hotnews ul li{position: relative; padding-left: 86px; height: 60px;}
.home_hotnews ul li h4{font-size: 1.15em;}
.home_hotnews ul li .time{position: absolute; left: 0; top: 0; bottom: 0; width: 55px; padding-right: 18px; text-align: center; border-right: #e4e4e4 1px solid; font-family: Arial;}
.home_hotnews ul li .time b{font-size: 2.25em; display: block; margin-bottom: 3px; border-bottom: 1px solid #e4e4e4;}
.home_hotnews ul li .time span{font-size: .875em; display: block;}
.home_hotnews ul li h4{line-height: 30px;}
.home_hotnews .more{text-align: right; overflow: hidden;}
.home_hotnews .more a{position: relative; float: right; display: block; padding-right: 67px;}
.home_hotnews .more a:after{content: ''; width: 58px; border-bottom: 1px solid #c7c7c7; height: 9px; position: absolute; right: 0; bottom: 5px; background: url(../images/more_halfArrow.png) no-repeat right 0;}

.home_tpxw .pic{height: 496px;}
.home_tpxw .pic img{width: 100%; height: 100%; display: block;}
.home_tpxw .prev,
.home_tpxw .next{width: 47px; height: 74px; background: rgba(0,0,0,0.5); transition: .3s all;}
.home_tpxw .prev{left: 0; border-radius: 0 4px 4px 0;}
.home_tpxw .next{right: 0; border-radius: 4px 0 0 4px;}
.home_tpxw .prev:after,
.home_tpxw .next:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 16px; height: 27px; background: url(../images/swiper_arrow.png) no-repeat;}
.home_tpxw .next:after{background-position: right 0;}
.home_tpxw .prev:hover,
.home_tpxw .next:hover{background: rgba(0,0,0,.7);}
.home_tpxw .txt{position: absolute; left: 0; right: 0; bottom: 0; height: 88px; padding: 0 100px 0 20px; background: rgba(0,0,0,.54); color: #fff;}
.home_tpxw .txt h4{font-weight: normal; font-size: 1.25em; line-height: 88px;}
.home_tpxw .txt h4 a{color: #fff;}
.home_tpxw .txt .time{position: absolute; right: 0; width: 58px; bottom: 0; top: 0; padding:0 15px; padding-top: 10px; text-align: center; background: rgba(59,59,217, .6); font-family: Arial;}
.home_tpxw .txt .time b{display: block; font-size: 2.25em; border-bottom: 1px solid #fff; padding-bottom: 2px; margin-bottom: 5px;}
.home_tpxw .txt .time em{font-style: normal; font-size: 0.875em; display: block;}

.home_news{height: 496px;}

.home_zwgk_menu{margin: 0 -12px;}
.home_zwgk_menu li{float: left; width: 33.333333%;}
.home_zwgk_menu li a{display: block; height: 148px; margin: 0 12px 24px; border: #d2dcef 1px solid; background: #f8f9fb; overflow: hidden;}
.home_zwgk_menu li img{display: block; width: 60px; height: 60px; margin: 24px auto 12px;}
.home_zwgk_menu li span{display: block; font-size: 1.125em; text-align: center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.home_hdjl_menu{margin-left: -7px; margin-right: -7px; overflow: hidden;}
.home_hdjl_menu li{float: left; width: 33.33333%;}
.home_hdjl_menu li a{display: block; margin: 0 7px 10px; height: 90px; border-radius: 5px;}
.home_hdjl_menu li a img{ width: 62px; height: 62px; margin:14px 15px 14px 20px;}
.home_hdjl_menu li a span{font-size: 1.25em;}
.home_hdjl_menu li a span, .home_hdjl_menu li a img{display: inline-block; vertical-align: middle;}
.home_hdjl_menu li.li1 a{background: #eaf2fa;}
.home_hdjl_menu li.li2 a{background: #f7eedc;}
.home_hdjl_menu li.li3 a{background: #e4e8f7;}

.home_ztzl_l{width: 70%;}
.home_ztzl_r{width: 30%;}
.home_ztzl_list{margin-left: -15px; margin-right: -15px;}
.home_ztzl_list dd{float: left; width: 33.3333%;}
.home_ztzl_list dd .box{margin: 0 15px; height: 360px; background: #fff;}
.home_ztzl_list dd .pic{height: 146px;}
.home_ztzl_list dd .pic img{display: block; width: 100%; height: 100%;}
.home_ztzl_list dd .txt{padding: 20px 20px 0;}
.home_ztzl_list dd h3{font-size: 1.375em; font-weight: normal; margin-bottom: 7px;}
.home_ztzl_list dd ul{margin-bottom: 10px;}
.home_ztzl_list dd ul li a{color: #999999;}
.home_ztzl_list dd ul li a:hover{color: #3b3bd9;}
.home_ztzl_list dd ul li h4{padding-top: 9px !important; padding-bottom: 9px !important;}
.home_ztzl_list dd .more{text-align: center;}
.home_ztzl_list dd .more a{display: inline-block; width: 110px; height: 34px; background: #f0f4fe; border-radius: 2px; border: #9c9cd8 1px solid; color: #3b3bd9; line-height: 34px;}
.home_ztzl_list_pic li img{display: block; width: 100%; height: 167px;}
.home_ztzl_list_pic li + li{margin-top: 26px;}

@media (max-width: 1480px) {
    
}


@media (max-width: 1430px) {
    

}

@media (max-width: 1260px) {
    /* .home_banner{height: auto; background: none;}
    .home_banner > .container{margin:0;}
    .home_hotnews{position: static; width: auto; background: #efefef;} */
    .home_banner{background-position: right 0; height: 350px;}
}


@media (max-width: 1080px) {
    .home_tpxw .pic{height: auto;}
    .newsTt p{height: auto;}
    .home_ztzl_list_pic li img{height: auto;}
    
    
}

@media (max-width: 992px) {
    .home_ztzl_list dd{width: 100%;}
    .home_ztzl_list dd + dd{margin-top: 20px;}
    .home_ztzl_list dd .pic{height: auto;}
    .home_ztzl_list dd .box{height: auto;}
    .home_ztzl_list dd .txt{padding-bottom: 20px;}
}

@media (max-width: 860px) {
    
}

@media (max-width: 768px) {
    
}


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

@media (max-width: 640px) {
    .home_banner {height: 280px; background-position: right -100px;}
    .home_hotnews{width: 100%; box-sizing: border-box; height: 180px;}
    .home_zwgk_menu li{width: 50%;}
    .home_hdjl_menu li{width: 100%;}
}

@media (max-width: 580px) {
    
}

@media (max-width: 480px) {
    
}

@media (max-width: 479px) {

}


@media (max-width: 414px) {


}

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

@media (max-width: 320px) {
    .home_zwgk_menu li{width: 100%;}
}