@charset "utf-8";
/* CSS Document */
@import url( mobile_header.css);
@media screen and (max-width:750px ) {
    .Con{padding:0px 4%;background: #ffffff;}
    .title{height: 69px;margin-bottom: 0.75rem;}
    .title .name{width: calc(100% - 110px);height: 69px;overflow: hidden;}
    .title .name i{width: 8px;height: 40px;background-image: none;background: #ec000a;}
    .title .name a{font-size: 1rem;line-height: 68px;}
    .title .name a span{font-weight: lighter;font-size: 0.8rem;}
    .title .more{font-size: 0.75rem;line-height: 68px;}

    /*Part1 财院新闻*/
    .Part1{height: auto;margin: 0.9rem auto 0.875rem;}
    .Part1 ul li{width: 89vw;height: auto;float: left;margin-right: 4vw;overflow: hidden;}
    .Part1 ul li .pic{width: 100%;height: calc((100vw - 10vw)/(299/196));}
    .Part1 ul li h1{height: auto;margin-top: 0px;background: #f4f4f4;}
    .Part1 ul li h1 a{font-size: 0.85rem;line-height: 1.5;padding: 0.6rem 4%;}
    .Part1 ul li p{display: none;}
    .Part1 ul li .time{width:176px;height:122px;background-repeat: repeat;display: flex;flex-wrap: wrap;align-content: center;}
    .Part1 ul li .time span{line-height: unset;font-size:1.05rem;margin-top: 0px;width: 100%;}
    .Part1 ul li .time p{font-size:0.6rem;display: block;width: 100%;height: auto;}

    /*Part2 通知公告、学校简介、招生信息*/
    .Part2{height: auto;overflow: unset;background-image: none;margin-bottom: 8%;}
    .Part2 .m_name{display:block!important;height:68px;margin-bottom: 0.75rem;border-bottom: 1px solid #a9a9a9;overflow: hidden;}
    .Part2 .m_name i{display:block;width:8px;height: 40px;margin-top: 14px;background: #eb000c;float:left;}
    .Part2 .m_name a{line-height:68px;margin-left: 8px;font-size: 1rem;color: #c4181f;}
    .Part2 .m_name span{font-weight: lighter;font-size: 0.8rem;color: #a3a3a3;margin-left: 13px;}
    .Part2 .m_name .more{display: block;float: right;color: #434343;font-size: 0.75rem;line-height: 68px;}
    .Part2 .hd{display: none;}
    .Part2 .bd{height: auto!important;margin-top: 0px;overflow: unset;}
    .Part2 .bd #djzt{height: auto;overflow: hidden;margin-bottom: 0.75rem;margin-top: 0.4rem;}
    .Part2 .bd ul{width: 100%;height: auto;display: block!important;}
	.Part2 .bd #djzt ul{height: calc((50vw - 20px)/(313 / 250));overflow: hidden;}
    .Part2 .bd ul li{width: 100%;height: 150px;overflow: hidden;border-radius: 5px;float: none;margin-right: 0px;background: #ffffff;margin-bottom: 0.75rem;box-shadow: 0px 0px 10px 0px rgba(128,128,128,0.2);}
    .Part2 .bd ul .li-4,
    .Part2 .bd ul .li-5,
    .Part2 .bd ul .li-6{display:none;}
    .Part2 .bd ul li .time{width: 26%;height: 100%;background-color: #f5f5f5;display: flex;flex-wrap: wrap;align-content: center;}
    .Part2 .bd ul li .time span{line-height: 1.3rem;font-size: 1.05rem;width: 100%;margin-top: 0px;}
    .Part2 .bd ul li .time p{font-size: 0.6rem;width: 100%;line-height: 0.925rem;}
    .Part2 .bd ul li .txt{width: 68%;height: 100%;padding: 0px;margin: 0px 3%;float: left;display: flex;align-items: center;}
    .Part2 .bd ul li .txt a{font-size: 0.7rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;overflow: hidden;}

    .Part2 .bd .zt li{width: 38vw;height: auto;box-shadow: none;}
    .Part2 .bd .zt li+li{margin-left: 30px;}
    .Part2 .bd .zt li img{display:block;border-radius:5px;height: calc((50vw - 20px)/(313 / 160));}
    .Part2 .bd .zt li h1{font-size: 0.7rem;height: 60px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;margin-top: 0px;white-space: nowrap;line-height: 60px;}
    /*Part3 财经文化馆*/
    .Part3{height: auto;overflow: hidden;}
    .Part3 ul li{width: 100%;height: auto;margin-bottom: 1rem;float: none;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;background-size: cover;padding: 0.825rem 0px 0.5rem;}
    .Part3 ul .li-2 {height: auto;}
    .Part3 ul li span{font-size: 0.85rem;margin-top: 0px;display: block;width: 100%;line-height: 1.525rem;}
    .Part3 ul .li-2 span{font-size:0.8rem;font-weight: normal;line-height: 1.2;margin-top: 0px;}
    .Part3 ul li .detail{width: 161px;height: 40px;font-size: 0.5rem;margin-top: 3%;}
    .Part3 ul .li-2 .detail {margin-top: 2%;}

    /*Part4 就业创业 科研服务*/
    .Part4{height: auto;margin-top: unset;}
    .Part4 .box_l{width: 100%;height: auto;overflow: hidden;float: none;}
    .Part4 .box_l .bd{height: auto;margin-top: 0px;}
    .Part4 .box_l .bd ul{width: 100%;}
    .Part4 .box_l .bd ul li{width: 100%;height: auto;float: none;margin-bottom: 0.75rem;margin-right: auto;overflow: hidden;border-radius: 5px;}
    .Part4 .box_l .bd ul li .pic{width: 100%;height: calc((100vw - 20px)/(690 / 340));border-radius: 5px 5px 0px 0px;}
    .Part4 .box_l .bd ul li h1{height: 2rem;margin-top: 0px;background: #f4f4f4;padding: 0px 4%;}
    .Part4 .box_l .bd ul li h1 a{font-size: 0.7rem;line-height: 2rem;}
    .Part4 .box_l .bd ul li p{display: none;}
    .Part4 .box_r{width: 100%;height: auto;overflow: hidden;float: none;}
    .Part4 .box_r .bd ul:first-child{display:none;}
    .Part4 .box_r .m_kyfw{display:block!important;}
    .Part4 .box_r .bd ul li{width:100%;height: auto;overflow: hidden;margin-bottom: 0.55rem;border-bottom: 2px solid #f0f0f0;padding-bottom: 5%;}
    .Part4 .box_r .bd ul li .pic{width: 33%;height: calc((33vw)/(230/150));float: right;border-radius: 5px;margin-right: 0px;}
    .Part4 .box_r .bd ul li .txt {width: 60%;height: auto;overflow: hidden;display: flex;align-content: space-between;flex-wrap: wrap;}
    .Part4 .box_r .bd ul li .pic img{width:100%;height: 100%;transition: all 2s;}
    .Part4 .box_r .bd ul li .pic:hover img{transform: scale(1.2);}
    .Part4 .box_r .bd ul li h1{width: 100%;height: auto;margin-bottom: 0;float: none;overflow: hidden;}
    .Part4 .box_r .bd ul li h1 a{white-space: unset;font-size: 0.7rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.2rem;width: 100%;}
    .Part4 .box_r .bd ul li p{width: 100%;height: auto;font-size: 0.5rem;font-weight: lighter;color: #999999;}

    /*Part5 教学服务*/
    .Part5{height: auto;margin-top: 0.7rem;}
    .Part5 ul{width: 100%;height: auto;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .Part5 ul li{width: calc((100% - 20px)/2);height: 140px;margin: 0px 0px 20px;float: none;border-radius: 8px;background-color: #a0846b;background-position: left bottom;}
    .Part5 ul li a {overflow: hidden;display: block;width: 100%;height: 100%;}
    .Part5 ul li a i{width: 15%;height: 100%;margin: 0px 0px 0px 10%;float: left;background-position: center center!important;background-size: 100% auto!important;}
    .Part5 ul li a .i-1{background: url(../images/mobile_img01.png)no-repeat;}
    .Part5 ul li a .i-2{background: url(../images/mobile_img02.png)no-repeat;}
    .Part5 ul li a .i-3{background: url(../images/mobile_img03.png)no-repeat;}
    .Part5 ul li a .i-4{background: url(../images/mobile_img04.png)no-repeat;}
    .Part5 ul li a .i-5{background: url(../images/mobile_img05.png)no-repeat;}
    .Part5 ul li a .i-6{background: url(../images/mobile_img06.png)no-repeat;}
    .Part5 ul li a .i-7{background: url(../images/mobile_img07.png)no-repeat;}
    .Part5 ul li a .i-8{background: url(../images/mobile_img08.png)no-repeat;}
    .Part5 ul li a .i-9{background: url(../images/mobile_img09.png)no-repeat;}
    .Part5 ul li a .i-10{background: url(../images/mobile_img10.png)no-repeat;}
    .Part5 ul li a span{display: block;width: auto;font-size: 0.6rem;float: left;line-height: 140px;margin-left: 4%;}
}
@media screen and (max-width:600px) {
     .Part1 ul li .time{width:156px;height:102px;}
     .Part2 .m_name i{width:6px;height: 28px;margin-top:20px;}
     .Part2 .m_name a{font-size:30px;}  
     .Part2 .m_name span{font-size:20px;}  
     .Part2 .m_name .more{font-size:20px;}  
     .title .name a{font-size:30px;line-height: 68px;}
     .title .name a span{font-weight: lighter;font-size: 20px;}
     .title .more{font-size:20px;} 
     .title .name i{width:6px;height: 28px;margin-top:20px;}
     .Part5 ul li{height:120px;}
     .Part5 ul li a i{width:100%;height: 40px;float:none;background-size:auto 40px!important;margin: 20px auto 10px;}
     .Part5 ul li a span{display:block;width:100%;height:40px;line-height:40px;font-size: 0.8rem;margin-left:0px;}
}
@media screen and (max-width: 428px) {
    .title{height: 56px;/* margin-bottom:15px; */overflow: hidden;}
    .title .name{height: 56px;width: calc(100% - 70px);}
    .title .name a{line-height: 56px;margin-left: 8px;}
    .title .more{line-height: 56px;}
    .title .name i{width: 4px;height: 26px;margin-top: 15px;}
    .Part1{/* margin: 0.9rem auto; */}
    .Part1 ul li .time{width:106px;height:82px;}
    .Part1 ul li h1 a{font-size: 0.85rem;}
    .Part2 .bd ul li{height: 95px;}
    .Part2 .m_name{height:56px;/* margin-bottom: 15px; */line-height:56px;}
    .Part2 .m_name i{display:block;width: 4px;height: 26px;margin-top: 15px;}
    .Part2 .m_name span{font-size:16px;}
    .Part2 .m_name a{line-height:56px;}
    .Part2 .m_name .more{line-height:56px;}
    .Part2 .m_name a{font-size: 1rem;}  
    .Part2 .m_name span{font-size: 0.6rem;}  
    .Part2 .m_name .more{font-size: 0.75rem;}  
    .title .name a{font-size: 1rem;line-height: 56px;}
    .title .name a span{font-weight: lighter;font-size: 0.6rem;margin-left: 5px;}
    .title .more{font-size: 0.75rem;}
    .Part3 ul li .detail{width:130px;height:32px;line-height:32px;}
    .Part5 ul li a i{height:30px;background-size: auto 30px!important;}
    .Part5 ul li a .i-4{height:30px;background-size: 36px auto!important;}
   
}
@media screen and (max-width: 375px) {
.title .name a,
.Part2 .m_name a{font-size: 1rem;}
.title .name,
.Part2 .m_name .more{width:calc(100% - 60px);}
.Part1 ul li h1 a{font-size:0.85rem;}
}