/* 中等屏幕 */
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    /* 首页 */
    .index_banner_img{
        width:calc(100vw - 40px);
        height:calc((100vw - 40px) *510 / 1400);
    }
    .index_content1_wrap{
        width:64%;
    }
    .index_content2_wrap{
        width:32%;
    }
    .index_business_nav_list li{
        margin-right:8px;
    }
    .index_dev_img,
    .index_event_img,
    .index_branch_pic{
        width:48%;
        height:auto;
        overflow: hidden;
    }
    .index_dev_img img,
    .index_event_img img,
    .index_branch_pic img{
        margin: 0 auto;
    }
    /* 中心区域 */
    .page_block {
        width: 100%;
        max-width:1400px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .page_content_box{
        flex:1;
        width:auto;
    }
    .page_content_nav{
        width:270px;
    }
}
/* 小屏幕 */
@media only screen and (max-width: 1199px){
    .mb_hidden{
        display: none;
    }
    .pc_hidden{
        display: block;
    }
    /* header */
    .page_header{
        position: relative;
        width: 100%;
        box-sizing: border-box;
        height: 60px;
        line-height: normal;
        justify-content: space-between;
    }
    .page_header_top{
        width:100%;
        padding:0 15px;
        height:60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .page_header_logo img{
        width:auto;
        height:60px;
        padding:15px 0;
    }
    .page_header_search{
        display: none;
        position:absolute;
        left:0;
        top:61px;
        z-index: 999999;
        width:100%;
        height:60px;
        line-height:60px;
        margin-left:0;
        background:rgba(0,0,0,0.9);
    }
    .page_search_wrap{
        margin:8px 40px;
        width:auto;
    }
    .page_share_wrap {
        font-size: 14px;
        line-height: 20px;
    }
    .page_header .page_header_nav{
        display: none;
        position:absolute;
        left:0;
        top:121px;
        z-index: 1111;
        width:100%;
        height:auto;
        line-height:auto;
        margin-left:0;
        background:rgba(0,0,0,0.9);
    }
    .page_header .page_header_nav .flex_in{
        flex-wrap: wrap;
    }
    .page_header .page_header_nav li{
        width:100%;
        display: flex;
        height:40px;
        line-height:40px;
        font-size: 14px;
        font-weight:normal;
        padding-left:20px;
    }
    .page_header .page_header_nav li.active{
        font-size:16px;
        font-weight: bold;
        color:#9a0e00;
    }
    .page_header .page_header_nav li a{
        display: block;
        width:100%;
    }
    .page_header_nav li.active::before,
    .page_header_nav li:hover::before{
        position: absolute;
        top: 50%;
        bottom:auto;
        left: 3px;
        transform: translateY(-50%);
        content: "";
        background:#9a0e00;
        width: 3px;
        height: 10px;
        display: block;
    }
    .page_header .header_menu_mb {
	    display: inline-block;
	    height: 30px;
	    padding: 8px 10px 4px;
        border: 1px solid #999999;
        border-radius: 15px;
	    font-size: 0;
	    line-height: 30px;
	    text-align: center;
	    cursor: pointer;
	    -webkit-transition: -webkit-transform .3s;
	    transition: -webkit-transform .3s;
	    transition: transform .3s;
	    transition: transform .3s,-webkit-transform .3s;
	}
	.page_header .header_menu_mb span {
	    display: block;
	    width: 18px;
	    height: 2px;
	    margin-bottom: 3px;
	    background: #252b3a;
	    border-radius: 3px;
	    -webkit-transform-origin: 20px;
	    transform-origin: 16px;
	    -webkit-transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
	    transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
	    transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s;
	    transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
	}
    .page_header .header_menu_mb.show_nav{
        padding: 8px 12px 4px 8px;
    }
	.page_header .header_menu_mb.show_nav span {
	    opacity: 1;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.page_header .header_menu_mb.show_nav span:nth-last-child(3) {
	    opacity: 1;
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.page_header .header_menu_mb.show_nav span:nth-last-child(2) {
	    opacity: 0;
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
    /* footer */
    .page_footer_nav_title{
        font-size: 16px;
        padding:15px 0 10px;
    }
    .page_footer_nav_list{
        padding:10px 0px;
        justify-content: space-between;
    }
    .page_footer_info{
        flex-wrap: wrap;
        padding:15px 0 10px;
    }
    .page_footer_logo a{
        width:80%;
        padding:4px 10px 14px;
        height:auto;
        text-align: center;
        margin:0 auto;
    }
    .page_footer_contact{
        width:100%;
        line-height: 16px;
    }
    .page_footer_contact div{
        margin-bottom:10px;
        display: flex;
    }
    .page_copyright{
        padding:10px;
        font-size: 14px;
    }
    /* 首页 */
    .index_banner_tit{
        padding-top:16px;
        font-size: 20px;
        line-height: 26px;
    }
    .index_banner_desc{
        font-size: 14px;
        line-height: 20px;
        margin-bottom:17px;
    }
    .index_banner_desc p{
        max-width: calc(100% -100px);
        white-space:inherit;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .index_banner_desc a {
        min-width: 100px;
        font-size: 12px;
    }
    .index_banner_img{
        width:calc(100vw - 30px);
        height:calc((100vw - 30px) *510 / 1400);
    }
    .index_banner_txt{
        bottom:10px;
        padding:5px;
        font-size: 14px;
        color:#fff;
        line-height: 16px;
        border-bottom: 2px solid #d74339;
    }
    .page_index_news{
        margin-bottom:20px;
    }
    .index_news_tit{        
        font-size: 16px;
    }
    .page_index_news .index_news{
        flex:1;
        overflow: hidden;
        flex-wrap: nowrap;
    }
    .page_index_news .index_news li{
        padding-left:6px;
        margin-right:10px;
    }
    .index_content{
        flex-wrap: wrap;
        margin-bottom:0;
    }
    .index_content1_wrap{
        width:100%;
        margin-bottom:25px;
    }
    .index_content2_wrap{
        width:100%;
        margin-bottom:25px;
    }
    .index_row_tit{
        font-size: 16px;
    }
    .index_row_line{
        height:33px;
    }
    .index_row_line a{
        line-height:33px;
    }
    .index_business_nav{
        padding-right:14px; 
        margin-bottom:18px;
    }
    .index_business_nav a{
        width:80px;
    }
    .index_business_nav_list{
        flex-wrap: wrap;
    }
    .index_business_nav_list li{
        margin-right:10px; 
        font-size: 14px;
    }
    .index_business_con,
    .index_business_pic_box,
    .index_business_pic{
        width:100%;
        height:auto;
    }
    .index_business_pic img{
        margin:auto;
    }
    .index_business_pic_box{
        margin-right:0;
        margin-bottom:10px;
    }
    .index_business_pic_desc{
        height: 79px;
    }
    .index_business_pic_desc p{
        text-align: center;
        line-height: 18px;
    }
    .index_business_pic_desc b{
        font-size: 14px;
    }
    .index_business_con_box .flex_row1 {
        flex-wrap: wrap;
    }
    .index_business_con_list li{
        padding-left:23px;
    }
    .index_business_con_list li,
    .index_note_list li,
    .index_dev_desc,
    .index_event_con_list li,
    .index_members_con_list li,
    .index_partner_box li{
        font-size: 14px;
        line-height: 30px;
    }
    .index_note_top h5{
        font-size:16px;
    }
    .index_dev_box,
    .index_leader_box,
    .index_event_box,
    .index_members_box,
    .index_partner_box{
        height:auto;
    }
    .index_dev_img,
    .index_event_img{
        width: 48%;
        height: auto;
    }    
    .index_dev_img img,
    .index_event_img img,
    .index_branch_pic img{
        margin: 0 auto;
    }
    .index_leader_img{
        margin:0 auto 10px;
    }
    .index_members_box{
        flex-wrap: wrap;
    }
    .index_members_pic{
        margin:5px auto;
    }
    .index_members_con_list{
        width:100%;
    }
    .index_branch_box .flex_row1{
        flex-wrap: wrap;
    }
    .index_branch_pic{
        margin:0 auto 10px;
    }
    .index_branch_info{
        width:100%;
        flex:auto
    }
    .index_branch_info h5{
        font-size:16px;
        text-align: center;
    }
    /* 中心区域 */
    .page_block {
        width: 100%;
        padding: 0 15px;
    }
    /* 机构概况 */
    .page_nav{
        margin:10px 0;
    }
    .page_content_wrap.flex_row1{
        flex-wrap: wrap;
    }
    .page_content_nav{
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
    .page_content_nav h1{
        height: 50px;
        font-size:18px;
        line-height: 50px;
        padding-left:20px;
    }
    .page_content_nav li{
        padding-left:55px;
        height:40px;
        font-size: 16px;
        line-height: 40px;
    }
    .page_content_box{
        width:100%;
        flex:auto;
    }
    .page_content_dev,
    .page_content_org,
    .page_content_events,
    .page_content_rules,
    .page_leader_wrap,
    .page_content_party
    {
        width:100%;
        padding:30px 15px 50px;
        border: 1px solid #d4d4d4;
    }
    .page_content_dev p{
        font-size: 14px;
        line-height: 32px;
    }
    .page_content_events_list{
        margin-bottom:54px;
    }
    .page_content_events_list li{
        height:auto;
        padding:10px 0;
    }
    .page_content_events_list .tit{
        width:100%;
        font-size: 16px;
        margin-bottom:10px;
        white-space: inherit;
    }
    .page_content_events_list li .flex_in{
        flex-wrap: wrap;
    }
    .page_content_events_list .link,
    .page_content_events_list .date{
        width:100%;
        font-size:14px;
        color: #666;
        margin-bottom:10px;
    }
    .page_content_rules h4,
    .page_content_rules h5{
        font-size: 16px;
    }
    .page_content_rules h5{
        margin-top:20px;
        margin-bottom:20px;
    }
    .page_content_rules p{
        font-size: 14px;
    }
    /* 书院团队 */
    .page_leader_list{
        text-align: center;
        margin-bottom:10px;
        margin-right:0;
    }
    .page_leader_info{
        width: 33%;
        padding:0 10px;
        margin-bottom:20px;
        margin-right:0;
    }
    .page_leader_img{
        width: 100px;
        height: 133px;
        margin:auto;
    }
    .page_leader_info .tit{
        font-size: 16px;
        margin:10px auto 6px;
    }
    .page_leader_info .desc{
        font-size: 14px;
        line-height: 24px;
    }
    .page_leader_top_pic{
        width:120px;
    }
    .page_leader_top_pic img{
        width:100px;
        height:auto;
    }
    .page_leader_top_pic .tit{
        font-size: 16px;
        line-height: 34px;
    }
    .page_leader_top_desc{
        flex:1;
        padding-left:20px;
    }
    .page_leader_top_desc p{
        font-size: 14px;
        line-height: 32px;
    }
    .page_leader_info.page_leader_info_row{
        width:100%;
        padding:0 10px;
    }
    .page_leader_info .page_leader_img{
        width:100px;
        height:133px;
    }
    .page_leader_info .page_leader_txt{
        width:200px;
        margin-left:6px;
        text-align: left;
    }
    /* 党建工作 */
    .page_news_swiper.swiper{
        width:100%;
        height:300px;
    }
    .page_news_swiper .swiper-slide,
    .page_news_swiper .swiper-slide .page_news_con p.desc{
        font-size:14px;
    }
    .page_news_swiper .swiper-slide .page_news_con h4{
        font-size:22px;
    }
    .page_news_swiper .swiper-slide .page_news_con p.date{
        font-size:18px;
    }
    .page_news_wrap .page_row_tit{
        font-size: 16px;
    }
    .page_news_wrap .page_row_line{
        height:33px;
    }
    .page_news_wrap .page_row_line a{
        line-height: 33px;
    }
    .page_news_wrap .page_news_list li h5,
    .page_news_wrap .page_news_list li b{
        font-size: 14px;
        line-height: 32px;
    }
    .page_news_wrap .page_news_list li h5{
        width:calc(100% - 100px);
    }
    /* 书院业务 */
    .page_content_multi{
        padding-bottom:75px;
    }
    .page_content_multi .page_content_nav{
        margin-bottom:100px;
    }
    .page_content_nav_childs{
        top:40px;
    }
    .items_news_list .flex_row1{
        flex-wrap: wrap;
    }
    .items_news_list li{
        padding:10px;
    }
    .item_news_lf{
        margin:0 auto 10px;
    }
    .items_news_rg h4{
        text-align: center;
        font-size: 16px;
    }
    .orgs_list li{
        flex:1 1 1%;
        margin-right:0;
    }
    .orgs_list .org_img{
        margin:auto;
    }
    /* 分支机构 */
    .page_content_unit .page_unit_tit{
        font-size:22px;
        margin-bottom:20px;
    }
    /* 联系我们 */
    .contact_info{
        padding:20px 0;
    }
    .contact_info h1{
        font-size: 20px;
        border-bottom:6px solid #f5f5f5;
        padding-bottom:20px;
        margin-bottom:20px;
        text-align: center;
    }
    .contact_info .logo{
        width:200px;
        height:auto;
        margin:0 auto 20px;
    }
    .contact_info p{
        font-size: 14px;
        line-height: 24px;
    }
    .contact_info .map{
        margin-top:20px;
        width:100%;
    }
    /* 书院团队-领导简历 */
    .page_resume_wrap{
        padding:30px 15px 50px;
        border:1px solid #d4d4d4;   
    }
    .page_resume_tit{
        font-size: 20px;
        margin-bottom:20px;
    }
    .page_resume_top{
        margin-bottom:20px;
    }
    .page_resume_top::before{        
        width: 80px;
    }
    .page_resume_btn{
        margin-left:2px;
        margin-right:2px;
    }
    .page_resume_btns .icon{
        margin-right:2px;
    }
    .page_resume_con{
        font-size: 14px;
        line-height: 24px;
        color: #444;
    }
    .page_resume_con img{
        margin:20px auto 20px;
    }
    .page_resume_con .img_desc{
        margin-bottom:20px;
    }
    .page_resume_con p{
        margin-bottom:20px;
    }
    .page_resume_date{
        margin-top:20px;
        font-size: 14px;
    }
    /* 登录页 */
    .login_body{
        max-height: auto;
    }
    .login_logo{
        width: 6.44rem;
        height: 0.88rem;
        margin-top:20px;
        margin-bottom:20px;
    }
    .login_main{
        max-height: auto;
        position:static;
    }
    .login_main_left{
        width:100%;
        margin-right:0;
    }
    .login_main_left ul{
        display: flex;
        align-items: center;
        justify-content: center;
        width:100%;
    }
    .login_main_group{
        width:80px;
        max-width: 80px;
        margin-bottom:20px;
    }
    .login_box{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .login_group_img{
        width:100%;
        height:auto;
        max-height: 100%;
    }
    .login_group_name {
        height: 0.8rem;
        font-size: 0.22rem;
        line-height: 0.80rem;
    }
    .login_main_right{
        width:100%;
    }
    .login_main_right_logo{
        width:340px;
        height:auto;
        padding:10px;
        margin:20px auto 0;
    }
    .login_main_right p{
        font-size: 16px;
        margin-top:20px;
    }
}