header{

    position: relative;

    background: #fff;

}



header .top{

    height: 40px;

    line-height: 40px;

    background: #e6e6e6;

    overflow: hidden;

}



header .top .welcome span{

    color: #999999;

}

.section-3 .swiper-wrapper,.section-3 .swiper-slide{height: auto;}

header .top .weather span{

    display: inline-block;

    margin-right: .1rem;

}



header .top .weather .iframe{

    float: right;

    margin-top: 8px;

}



header .middle{

    padding: 18px 0;

}



header .logo{

    display: block;

    width: 420px;

    align-self: center;

}



header .logo img{

    width: 100%;

}



header .allSearch{

    position: relative;

    padding: 9px 0;

}

header .allSearch input[type=text]{

    width: 360px;

    height: 46px;

    color: #999999;

    line-height: 46px;

    padding: 3px 5px; 

    border: 2px solid #0b65ad;

    border-radius: 3px;

}



header .allSearch input[type=submit]{

    position: absolute;

    right: 0;

    top: 9px;

    width: 80px;

    height: 42px;

    background: #0b65ad url(../images/search_btn.png) no-repeat center center;

    background-size: 24px 24px;

    border: 2px solid #0b65ad;

    border-radius: 3px;

}



.navigation{

    background: #0b65ad;

}



.navigation .items{

    position: relative;

    flex: 1;

}

.navigation .items a{

    display: block;

    color: #fff;

    text-align: center;

    line-height: 60px;

}



.navigation .items .subNav{

    display: none;

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    background: #fff;

    box-shadow: 1px 1px 10px -5px;

    z-index: 999;

}



.navigation .items .subNav a{

    color: #333;

    line-height: 40px;

}



.navigation .items .subNav a:hover{

    color: #fff;

}



.navigation .items:hover .subNav{

    display: block;

}



/* mobile menu */

.menu-layer{

    display: none;

    position: absolute;

    top: 100%;

    right: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.8);

    z-index: 999;

}



.menu-layer .menu-container{

    height: 100%;

    overflow-y: scroll;

}



.menu-layer .menu-container a{

    display: block;

    padding-left: .4rem;

    font-size: .24rem;

    line-height: .68rem;

    border-bottom: 1px solid #e0e0e0;

}



.menu-layer .menu-container .slide-right{

    position: absolute;

    top: 0;

    right: 0;

    width: 62%;

    background: #fff;

}



.menu-layer .menu-container .slide-nav{

    display: none;

}
.banner .swiper-slide{position: relative;}
.banner .swiper-wrapper{height: auto;}
.banner .tu{position: absolute;width: 1200px;left: 50%;margin-left: -600px; top: 0;display: flex;height: 100%;align-items: center;
    justify-content: flex-end;}
.banner .tu img{width: 30%;transition: 1s;top:20%;right:-30%;position: absolute;opacity: 0}
.banner .swiper-slide-active .tu img{right: 0;opacity: 1}
.menu-container .slide-nav .items{

    padding-left: .75rem;

    color: #666666;

    font-size: .2rem;

}



.quick_nav{

	position: absolute;

	bottom: 0;

	width: 100%;

    background:rgba(11,101,173,0.6);;

    z-index: 998;

}



.quick_nav .items{

    display: block;

    padding-top: .8rem;

    height: 120px;

    color: #fff;

    font-size: .16rem;

    text-align: center;

    background-image: url(../images/banner_icon_01.png);

    background-repeat: no-repeat;

    background-size: .5rem .5rem;

    background-position: center .2rem;

}



.quick_nav .items:hover{

    background-color: #e60012;

}



.quick_nav .items-1{

    width: 170px;

}



.quick_nav .aside{

    flex: 1;

}



.quick_nav .aside .items{

    flex: 1;

}



/* Index Blocks Title */

.index-sections .section .title{

    position: relative;

    margin-bottom: 15px;

    padding-left: 30px;

    height: 44px;

    border-bottom: 2px solid #0b65ad;

    background-size: 20px 20px;

}



.index-sections .section .title:before{

    content: '';

    position: absolute;

    left: 0;

    bottom: -2px;

    width: 124px;

    height: 2px;

    background: #e60012;

}



.index-sections .section .part{

    padding: 0 .2rem .2rem;

    margin-right: 24px;

    background: #fff;

}



.index-sections .section .part-2{

    margin-right: 0;

}



.index-sections .section-1 .part-1{

    width: 790px;

}



.index-sections .section .title h4{

    display: inline-block;

    font-size: .18rem;

    font-weight: normal;

    line-height: 44px;
    flex:1;
}



.section .part .switch-title {

    

    text-align: right;

    align-self: center;

    color: #999999;
    flex:5;

}



.section .part .switch-title a{

    position: relative;

    display: inline-block;

    padding-left: .21rem;
    font-size: .19rem;

}

.section .part .switch-title a::after{

    content: '';

    position: absolute;

    left: 7px;

    bottom: 2px;

    width: 2px;

    height: 14px;

    background: #999999;

}

.section .part .switch-title a:nth-child(1)::after{

    display: none;

}



.section-1 .part-1 section{

    width: 360px;

    margin-right: .2rem;

    color: #999999;

    line-height: .24rem;

}



.section-1 .part-1 section img{

    width: 100%;

}



.section-1 .part-1 section h6{

    margin-top: .1rem;

    color: #333;

    font-size: .16rem;

}





.section-1 .part-1 aside{

    flex: 1;

}



.section-1 .part-1 aside .items{

    position: relative;

    display: block;

    padding-left: 10px;

    line-height: .32rem;

    overflow: hidden;

}

.section-1 .part-1 aside .items::before{

    content: '';

    position: absolute;

    left: 0;

    top: .14rem;

    width: 5px;

    height: 5px;

    background: #e60012;

    border-radius: 50%;

}





.section-1 .part-1 aside .items .inputtime{

    float: right;

}





.section-1 .part-2{

    flex: 1;

    line-height: 24px;

    background: #fff;

    overflow: hidden;

}



.section-1 .part-2 img{

    width: 100%;

    margin-bottom: .1rem;

}



.Index_slogan{

    margin: 24px 0;

}



.Index_slogan img{

    width: 100%;

}



.section-2 .part-1{

    width: 280px;

    margin-right: 24px;

}



.section-2 .part-2{

    flex: 1;

}



.section-2 .part-1 .items{

    display: block;

    width: 114px;

    height: 70px;

    margin-bottom: 10px;

    padding: 42px 5px 5px;

    color: #fff;

    text-align: center;

    line-height: 25px;

    border-radius: 7px;

    background: #0b65ad url(../images/index_icon_01.png) no-repeat center 7px;

    background-size: 35px 36px;

}



.section-2 .part-2 .contain-box{

    justify-content: flex-start;

}



.section-2 .part-2 .items{

    position: relative;

    display: block;

    width: 25%;

    padding-left: 10px;

    line-height: .34rem;

    overflow: hidden;

}



.section-2 .part-2 .items::before {

    content: '';

    position: absolute;

    left: 0;

    top: .14rem;

    width: 5px;

    height: 5px;

    background: #e60012;

    border-radius: 50%;

}



.section-3{

    margin: 24px 0;

}



.section-3 .part-1{

    width: 790px;



}



.section-3 .part-1 .arrow{

    position: relative;

    width: 80px;

    height: 100%;

}



.section-3 .swiper-slide{

    text-align: center;

}



.section-3 .swiper-slide p{

    line-height: .32rem;

    

}



.section-3 .swiper-slide span{

}



.section-3 .part-1 .swiper-button-next,

.section-3 .part-1 .swiper-button-prev{

    opacity: 1;

    width: 40px;

    height: 100%;

    margin: 0;

    background: url(../images/swiper_btn.png) no-repeat center center;

    background-size: 20px 20px;

}

.section-3 .part-1 .swiper-button-next{

    right: 0;

    top: 0;

}

.section-3 .part-1 .swiper-button-prev{

    transform: rotate(180deg);

    left: 0;

    top: 0;

}



.section-3 .part-2{

    flex: 1;

}



.section .title .more{

    align-self: center;

    color: #999999;

    font-size: 16px;

}



.section .news-blocks article{

    color: #999999;

    overflow: hidden;

}



.section .news-blocks article img{

    float: left;

    width: 120px;

    height: 80px;

    margin-right: 20px;

}



.section .news-blocks article h6{

    color: #333;

    font-size: 16px;

    font-weight: normal;

}



.section .news-blocks .items{

    display: block;

    line-height: .32rem;

}



.section .news-blocks .items span{

    float: right;

}



.index-sections .section-4 .part{

    margin: 0;

    width: 32%;

}



.index-sections .section-4{

    margin-bottom: 24px;

}



footer .info{

    color: #fff;

    font-size: .18rem;

    line-height: .6rem;

    text-align: center;

    background: #0b65ad;

}

footer .info span{

    display: inline-block;

    margin: 0 10px;

}

footer .bottom{

    padding: .4rem 0;

    background: #e6e6e6;

}



footer .bottom .block{

    flex: 1;

    align-self: center;

}
footer .bottom .block.share{
	flex: 0.5;
}
footer .bottom .block.f_logo{
	flex: 1.5;
line-height:36px;
	text-align:center;
}

footer .bottom .share .share-txt{

    display: inline-block;

}



footer .bottom .share .copyRight{

    margin-top: 10px;

}



footer .bottom .f_logo img{

    margin: 0 auto;

}



footer .bottom .wechat .ewm{

    display: inline-block;

    width: 100px;

    margin-left: 30px;

    text-align: center;

    line-height: 28px;

}



footer .bottom .wechat .ewm img{

    width: 100%;

}



/* aside-nav & container & block-page */





.contain{

    margin: .3rem 0;

    background: #f5f8fa;

}

.contain .aside-nav{

    width: 200px;

    height: fit-content;

    margin-right: 20px;

    background: #fff;

}



.contain .aside-nav .title{

    text-align: center;

    height: 70px;

    color: #fff;

    font-size: 20px;

    line-height: 70px;

    background: #0b65ad;

}



.contain .aside-nav a{

    display: block;

    color: #666666;

    font-size: 16px;

    text-align: center;

    line-height: 50px;

    border-bottom: 1px solid #e0e0e0;

}



.contain .aside-nav a.current{

    color: #e60012;

}



.contain .container{

    flex: 1;

    padding: .2rem;

    background: #fff;

}

.container .block-page{
    max-width: 940px;
}

.container .block-page table{
    max-width: 940px;
}



.contain .aside-nav,

.contain .container{

    box-shadow: 1px 1px 10px -5px;

}



.contain .container .bread{

    padding-left: 35px;

    line-height: .45rem;

    border-bottom: 1px solid #e0e0e0;

    background: url(../images/icon_10.png) no-repeat 5px center;

    background-size: 20px 20px;

}



.container img{

    max-width: 100%;

}



.container .block{

    padding: .2rem 0;

}



.container .block-page{

    font-size: .21rem;

    line-height: .32rem;

}



.container .block-page .titles{

    margin-bottom: .2rem;

    padding-bottom: .2rem;

    border-bottom: 1px dashed #ccc;

}



.container .block-page .titles h6{

    font-weight: normal;

    text-align: center;

    font-size: .22rem;

    line-height: .35rem;

}



.container .block-page .titles .times{

    text-align: center;

}



.block-page .titles .times span{

    display: inline-block;

    font-size: .14rem;

    color: #999999;

}



.block-page .titles .times .show-share{

    font-size: .14rem;

    color: #999999;

}



.block-page .titles .times .show-share >div{

    display: inline-block;

}



.container .news-list{

    padding: 0;

}



.news-list .items{

    padding: .2rem 0;

    border-bottom:1px dashed #e0e0e0; 

    overflow: hidden;

}



.news-list .items img{

    width: 180px;

    height: 120px;

    margin-right: .2rem;

}



.news-list .items section{

    flex: 1;

}



.news-list .items h6.title{

    font-size: .18rem;

    font-weight: normal;

    margin-bottom: .1rem;

}



.news-list .items p{

    color: #666666;

    font-size: .14rem;

    line-height: 24px;

}



.news-list .items p.time{

    margin-top: .1rem;

}



.no-thumb .items section{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.no-thumb .title{

    flex: 1;

}

.no-thumb .introduce{

    display: none;

}



.no-thumb .items{

    position: relative;

    padding: .15rem 0;

    padding-left: .15rem;

}



.no-thumb .items::before{

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -2px;

    width: 4px;

    height: 4px;

    background: #e60012;

}



.no-thumb .items h6.title{

    margin-bottom: 0;

    font-size: .16rem;

    line-height: 24px;

}



.no-thumb .items p.time{

    width: 10%;

    line-height: 24px;

    margin-top: 0;

    margin-left: .1rem;

}



.unit-list .items{

    width: 24%;

}





.pages{

    display: flex;

    justify-content: center;

    margin: .1rem 0;

}



.pages a,

.pages span{

    display: inline-block;

    margin: 0 5px;

    padding: 0 .12rem;

    line-height: .3rem;

    text-align: center;

}



.pages a{

    border: 1px solid #ccc;

}



.pages span{

    color: #fff;

    background: #0b65ad;

}



.unit-subnav{



    line-height: .5rem; 

    background: #fff;

    box-shadow: 1px 1px 10px -5px;



}



.unit-subnav a{

    position: relative;

    display: inline-block;

    padding: 0 .3rem;

}



.unit-subnav a::after{

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -6px;

    width: 2px;

    height: 12px;

    background: #707070;

}



.unit-subnav a:last-child::after{

    display: none;

}



.container .unit-list{

    padding: 0;

}



.unit-list .items img{

    width: 100%;

}



.unit-list .items p{

    padding-bottom: .1rem;

    font-size: .16rem;

    text-align: center;

    line-height: .32rem;

}



.filter-box{

    padding: .2rem;

    background: #f5f8fa;

}



.filter-select{

    padding: 0 8%;

    line-height: .45rem;

    border-bottom: 1px solid #fff;

}





.filter-select span{

    display: inline-block;

    font-size: .16rem;

    line-height: .45rem;

}



.filter-select .select{

    display: inline-block;

}



.filter-select .select a{

    display: inline-block;

    color: #999999;

    font-size: .16rem;

    padding: 0 .1rem;

    line-height: .45rem;

}



.filter-box .filter-contain{

    display: flex;

    flex-wrap: wrap; 

    padding: .2rem 8%;

}



.filter-box .filter-contain a{

    position: relative;

    display: block;

    width: 25%;

    padding-left: .1rem;

    line-height: .34rem;

}



.filter-box .filter-contain a.on{

    color: #e60012;

}



.filter-box .filter-contain a::before{

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -2px;

    width: 5px;

    height: 5px;

    background: #e60012;

}



.filter-list .items{

    padding: .2rem 0;

    border-bottom: 1px dashed #999999; 

}



.filter-list .items .thumb{

    width: 180px;

    height: 120px;

}



.filter-list .items article{

    flex: 1;

    padding: 0 .2rem;

    color: #999999;

    line-height: 24px;

}





.filter-list .items article h6{

    font-size: .16rem;

    color: #333;

    font-weight: normal;

}



.filter-list .items article span{

    display: inline-block;

    padding: 0 5px;

}

.filter-list .items section{

    width: 590px;

}



.filter-list .items section img{

    width: 100%;

}





.intro-filter{

    width: 100%;

    padding: 0 .2rem;

    margin-bottom: .2rem;

    border: 1px solid #d4d4d4;

    border-radius: 10px;

    background: #fff;

    box-shadow: 1px 1px 10px -5px;

}



.intro-filter .selects{

    padding: .2rem 0;

}



.intro-filter .selects span{

    display: inline-block;

    line-height: .4rem;

}



.intro-filter .selects a{

    display: inline-block;

    margin: 0 .1rem;

    padding: 0 .3rem;

    color: #0b65ad;

    line-height: .4rem;

    border-radius: 8px;

}





.intro-filter .selects a.active{

    color: #fff;

    background: #0b65ad;

}



.select-contain{

    display: flex;

    flex-wrap: wrap;

    padding: .2rem 7%;

    border-top: 1px dashed #d8d8d8;

    border-bottom: 1px solid #d8d8d8;

}



.select-contain a{

    width: 20%;

    color: #999999;

    line-height: 35px; 

}



.select-contain a.on{

    color: #e60012;

}



.nick-name{

    width: 100%;

    padding: .2rem 0;

}



.nick-name span{

    display: inline-block;

    line-height: .4rem;

}



.nick-name a{

    display: inline-block;

    margin: 0 .1rem;

    padding: 0 5px;

    color: #0b65ad;

    line-height: .4rem;

}



.nick-name a.on{

    color: #e60012;

}



.introduct-list{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 0;

}



.introduct-list .items{

    width: 49%;

    padding: .2rem;

    margin-bottom: .2rem;

    border: 1px solid #ccc;

    background: #fff;

}



.introduct-list .items img{

    width: 140px;

    margin-right: .2rem;

    align-self: center;

}



.introduct-list .items section{

    flex: 1;

    padding: .1rem 0;

    color: #666666;

    line-height: 28px;

}



.introduct-list .items h6{

    font-size: .18rem;

    font-weight: normal;

}



.introduct-contain .pages{

    width: 100%;

}



.block-introduce img.thumb{

    width: 44%;

    height: 680px;

    margin-right: .35rem;

    align-self: center;

}



.container .block-introduce{

    padding: 0;

}



.block-introduce section{

    flex: 1;

}



.block-introduce section h6.title{

    font-size: .24rem;

    font-weight: normal;

    padding: .2rem 0;

}



.block-introduce section article{

    margin-bottom: .35rem;

    line-height: .3rem;

    font-size: .16rem;

}



.block-introduce section article span{

    font-weight: bold;

    

}



.block-introduce section article .main-text{

    line-height: .3rem;

}



.block-setting .images-block{

    margin-bottom: .2rem;

}



.block-setting .images-block .thumbs{

    width: 48%;

    height: 380px;

    margin-right: .35rem;

    overflow: hidden;

}



.block-setting .images-block .thumbs .swiper-pagination{

    bottom: 92%;

    left: 40%;

}



.block-setting .images-block .thumbs .swiper-pagination-bullet{

    width: 10px;

    height: 10px;

    border-radius: 3px;

    background: #fff;

    opacity: 1;

}





.block-setting .images-block .thumbs .swiper-pagination-bullet-active{

    background: #e60012;

}

.block-setting .images-block article{

    flex:1;

    font-size: .16rem;

    line-height: .3rem;

}



.block-setting .images-block article h6{

    margin-bottom: .1rem;

    font-size: .2rem;

    font-weight: normal;

    line-height: .56rem;

    border-bottom: 1px solid #e0e0e0;

}



.block-setting .setting-contain h6{

    margin-bottom: .1rem;

    font-size: .2rem;

    font-weight: normal;

    line-height: .35rem;

    border-bottom: 1px solid #e0e0e0;

}



.block-setting .setting-contain section{

    line-height: .32rem;

}



.block-setting .setting-contain section img{

    max-width: 100%;

    margin: 0 auto;

}



.angle-list .items{

    width: 32%;

    text-align: center;

    line-height: .36rem;

    margin-bottom: 5px;

}



.angle-list .items img{

    width: 100%;

}



.container .connect section{

    padding: .2rem 0;

}



.container .connect #allmap{

    width: 100%;

    height: 4.5rem;

    line-height: .32rem;

}