.footer {
    margin:30px auto 0 auto;

}


.focus {
     position: relative;
     height: 520px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;   
    margin: -160px auto 0 auto;
    z-index: 30;
    overflow: hidden;
    
}


.focus::after{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:384px;
     z-index: 40;
    background: linear-gradient(180deg, rgba(0, 115, 180, 1) 0%, rgba(0, 115, 180, 0) 100%);
}


.about_focus {
    background-image: url(../images/inside/about_focus.png);
}

.news_focus {
    background-image: url(../images/inside/about_focus.png);
}
.jiaoxue_focus {
    background-image: url(../images/inside/about_focus.png);
}
.zhaunye_focus {
    background-image: url(../images/inside/about_focus.png);
}
.tese_focus {
    background-image: url(../images/inside/about_focus.png);
}

.xuesheng_focus {
    background-image: url(../images/inside/about_focus.png);
}

.dangqun_focus {
    background-image: url(../images/inside/about_focus.png);
}

.jiaoliu_focus {
    background-image: url(../images/inside/about_focus.png);
}
.xiazai_focus {
    background-image: url(../images/inside/about_focus.png);
}
.jiuye_focus {
    background-image: url(../images/inside/about_focus.png);
}
.shizi_focus {
    background-image: url(../images/inside/about_focus.png);
}
.shixi_focus {
    background-image: url(../images/inside/about_focus.png);
}

.focus_top {
    position: absolute;
    left:50%;
    top:55%;
    color: #fff;
    padding:0 30px 0 0;
    margin:0 0 0 -496px;
    width: 446px;
    height: 130px;
    line-height: 130px;
    border-radius:0 80px 80px 0;
    background-color: rgba(59, 183, 255, 0.5);
    z-index:200;
    font-size: 48px;
    font-weight: 700;
    
    color: rgba(255, 255, 255, 1);
    text-align:right;
    transform: translate(-100%,-50%);


}

/*
    .focus_top {
    position: absolute;
    left:50%;
    top:55%;
    color: #fff;
    padding:0 0 0 0;
    margin:0 0 0 -580px;
    width: auto;
    height: 130px;
    line-height: 130px;
    border-radius:0 0 0 0;
    z-index:200;
    font-size: 48px;
    font-weight: 700;
    
    color: rgba(255, 255, 255, 1);
    text-align:right;
    transform: translate(-50%,-50%);


    border-bottom:4px solid #fff;
}
*/




.focus_menu {
    position: absolute;
    left:50%;
    bottom:0;
    width:100%;
    height: 54px;
    background-color: rgba(59, 183, 255, 0.5);
    z-index: 100;
    transform: translateX(-50%);
    border-radius:0 0 0 0;
}
.focus_menu dl{
        position: relative;
        margin:0 auto;
        padding:0 0 0 0;
        width:1442px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content:flex-end;
        align-items: flex-start;

 
}

    .focus_menu dd {
        display: block;
        margin:0 0 0 36px;
        height:54px;
        line-height:54px;
    }

        .focus_menu dd a {
            display:block;
            padding:0 30px 0 68px;
            font-size: 22px;
            font-weight: 700;
            letter-spacing: 0px;
            color: rgba(255, 255, 255, 1);

      
        }
        .focus_menu dd:hover, .focus_menu dd.hover{
            background-color:#fff;
            background-size:16px auto;
            background-position:center left 40px;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2214.22265625%22%20height%3D%2214.22222900390625%22%20viewBox%3D%220%200%2014.22265625%2014.22222900390625%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.2227%207.11111C14.2227%2011.0387%2011.0391%2014.2222%207.11155%2014.2222C3.18399%2014.2222%200.00043869%2011.0387%200.00043869%207.11111C0.00043869%203.18355%203.18399%20-1.78689e-08%207.11155%20-1.15111e-08C11.0391%20-5.15338e-09%2014.2227%203.18355%2014.2227%207.11111ZM5.90844%204.31423L8.70531%207.11111L5.90844%209.90798C5.90342%209.91316%205.89855%209.91845%205.89381%209.92386C5.88906%209.92927%205.88444%209.93478%205.87995%209.94042C5.87547%209.94606%205.87114%209.9518%205.86694%209.95764C5.86274%209.96348%205.85869%209.96942%205.85477%209.97547C5.85084%209.98151%205.84708%209.98764%205.84347%209.99386C5.83986%2010.0001%205.83639%2010.0064%205.83308%2010.0128C5.82978%2010.0192%205.82663%2010.0256%205.82363%2010.0322C5.82064%2010.0387%205.8178%2010.0454%205.81513%2010.052C5.81245%2010.0587%205.80995%2010.0655%205.80761%2010.0723C5.80525%2010.0791%205.80308%2010.0859%205.80106%2010.0928C5.79905%2010.0997%205.7972%2010.1067%205.79553%2010.1137C5.79386%2010.1207%205.79236%2010.1277%205.79103%2010.1348C5.7897%2010.1419%205.78853%2010.149%205.78755%2010.1561C5.78656%2010.1633%205.78575%2010.1704%205.78511%2010.1776C5.78447%2010.1847%205.784%2010.1919%205.7837%2010.1991C5.78342%2010.2063%205.78331%2010.2135%205.78336%2010.2207C5.78342%2010.2279%205.78366%2010.2351%205.78406%2010.2423C5.78447%2010.2495%205.78505%2010.2566%205.78581%2010.2638C5.78656%2010.271%205.78749%2010.2781%205.78859%2010.2852C5.7897%2010.2923%205.79097%2010.2994%205.79242%2010.3065C5.79388%2010.3135%205.79549%2010.3205%205.79728%2010.3275C5.79906%2010.3345%205.80102%2010.3414%205.80314%2010.3482C5.80527%2010.3551%205.80756%2010.362%205.81002%2010.3687C5.81247%2010.3755%205.81509%2010.3822%205.81788%2010.3888C5.82066%2010.3955%205.8236%2010.402%205.8267%2010.4085C5.8298%2010.415%205.83305%2010.4215%205.83647%2010.4278C5.83988%2010.4341%205.84344%2010.4404%205.84716%2010.4465C5.85088%2010.4527%205.85474%2010.4588%205.85875%2010.4647C5.86277%2010.4707%205.86692%2010.4766%205.87122%2010.4824C5.87552%2010.4881%205.87994%2010.4938%205.88452%2010.4994C5.88909%2010.5049%205.8938%2010.5104%205.89863%2010.5157C5.90347%2010.521%205.90844%2010.5262%205.91352%2010.5313C5.91861%2010.5364%205.92381%2010.5414%205.92914%2010.5462C5.93447%2010.5511%205.93992%2010.5558%205.94549%2010.5603C5.95105%2010.5649%205.95672%2010.5694%205.96249%2010.5737C5.96825%2010.578%205.97413%2010.5821%205.98011%2010.5861C5.98609%2010.5901%205.99216%2010.594%205.99833%2010.5977C6.00449%2010.6014%206.01074%2010.605%206.01708%2010.6084C6.02341%2010.6118%206.02983%2010.6151%206.03633%2010.6182C6.04281%2010.6213%206.04939%2010.6242%206.05603%2010.627C6.06267%2010.6298%206.06938%2010.6324%206.07614%2010.6348C6.08291%2010.6373%206.08972%2010.6396%206.09659%2010.6417C6.10349%2010.6438%206.11041%2010.6458%206.11738%2010.6476C6.12434%2010.6494%206.13136%2010.651%206.13841%2010.6524C6.14545%2010.6539%206.15255%2010.6552%206.15966%2010.6563C6.16677%2010.6574%206.17391%2010.6583%206.18106%2010.6591C6.18822%2010.6598%206.19539%2010.6604%206.20258%2010.6608C6.20977%2010.6612%206.21695%2010.6615%206.22416%2010.6615C6.23136%2010.6616%206.23855%2010.6615%206.24573%2010.6612C6.25294%2010.6609%206.26011%2010.6604%206.26728%2010.6598C6.27445%2010.6591%206.28159%2010.6583%206.28873%2010.6573C6.29586%2010.6563%206.30295%2010.6552%206.31003%2010.6538C6.31711%2010.6525%206.32414%2010.651%206.33114%2010.6493C6.33814%2010.6477%206.34509%2010.6458%206.35202%2010.6438C6.35892%2010.6418%206.36578%2010.6396%206.37259%2010.6373C6.37939%2010.6349%206.38614%2010.6324%206.39283%2010.6297C6.3995%2010.6271%206.40611%2010.6242%206.41266%2010.6212C6.4192%2010.6182%206.42569%2010.6151%206.43208%2010.6118C6.43847%2010.6085%206.44477%2010.605%206.451%2010.6014C6.45722%2010.5978%206.46334%2010.594%206.46939%2010.5901C6.47544%2010.5862%206.48138%2010.5821%206.48722%2010.5779C6.49306%2010.5737%206.4988%2010.5694%206.50444%2010.5649C6.51008%2010.5604%206.51559%2010.5558%206.521%2010.5511C6.52641%2010.5463%206.5317%2010.5415%206.53688%2010.5364L9.64799%207.42534C9.65313%207.4202%209.65814%207.41494%209.66302%207.40955C9.66791%207.40416%209.67266%207.39866%209.67727%207.39303C9.68188%207.38741%209.68636%207.38167%209.69069%207.37583C9.69502%207.37%209.6992%207.36405%209.70323%207.358C9.70728%207.35195%209.71117%207.34581%209.71491%207.33958C9.71864%207.33334%209.72223%207.32701%209.72566%207.32059C9.72908%207.31417%209.73236%207.30769%209.73547%207.30111C9.73858%207.29453%209.74152%207.28789%209.7443%207.28117C9.74708%207.27445%209.74969%207.26767%209.75214%207.26083C9.75459%207.25397%209.75688%207.24706%209.75899%207.24011C9.76109%207.23316%209.76305%207.22614%209.76481%207.21909C9.76658%207.21205%209.76816%207.20495%209.76958%207.19781C9.771%207.19067%209.77223%207.18352%209.77331%207.17631C9.77438%207.16912%209.77527%207.16191%209.77598%207.15467C9.77669%207.14744%209.77722%207.14019%209.77758%207.13292C9.77794%207.12566%209.77813%207.11839%209.77813%207.11111C9.77813%207.10384%209.77794%207.09658%209.77758%207.08931C9.77722%207.08205%209.77669%207.0748%209.77598%207.06756C9.77527%207.06033%209.77438%207.05311%209.77331%207.04592C9.77223%207.03872%209.771%207.03156%209.76958%207.02442C9.76816%207.0173%209.76658%207.0102%209.76481%207.00314C9.76305%206.99609%209.76109%206.98908%209.75899%206.98212C9.75688%206.97517%209.75459%206.96827%209.75214%206.96141C9.74969%206.95456%209.74708%206.94778%209.7443%206.94106C9.74152%206.93434%209.73858%206.9277%209.73547%206.92112C9.73236%206.91455%209.72908%206.90806%209.72566%206.90164C9.72223%206.89522%209.71864%206.88889%209.71491%206.88266C9.71117%206.87642%209.70728%206.87028%209.70323%206.86423C9.6992%206.85819%209.69502%206.85225%209.69069%206.84641C9.68636%206.84056%209.68188%206.83483%209.67727%206.8292C9.67266%206.82358%209.66791%206.81808%209.66302%206.81269C9.65814%206.8073%209.65313%206.80203%209.64799%206.79689L6.53689%203.68578C6.53172%203.68077%206.52644%203.67589%206.52102%203.67112C6.51561%203.66637%206.51009%203.66175%206.50445%203.65727C6.49883%203.65278%206.49309%203.64842%206.48725%203.64422C6.48141%203.64002%206.47547%203.63595%206.46942%203.63203C6.46338%203.62811%206.45725%203.62434%206.45102%203.62073C6.4448%203.61711%206.43848%203.61364%206.43209%203.61033C6.4257%203.60702%206.41923%203.60386%206.41269%203.60086C6.40614%203.59786%206.39952%203.59502%206.39283%203.59234C6.38616%203.58967%206.37941%203.58716%206.37259%203.5848C6.3658%203.58244%206.35894%203.58027%206.35202%203.57825C6.34509%203.57623%206.33814%203.57437%206.33114%203.5727C6.32414%203.57103%206.31709%203.56952%206.31002%203.56819C6.30294%203.56684%206.29584%203.56567%206.2887%203.56469C6.28158%203.5637%206.27442%203.56287%206.26725%203.56223C6.26008%203.56159%206.25289%203.56112%206.2457%203.56083C6.2385%203.56053%206.23131%203.56042%206.22411%203.56048C6.21691%203.56053%206.2097%203.56077%206.20252%203.56117C6.19533%203.56158%206.18816%203.56216%206.18099%203.56291C6.17383%203.56367%206.16669%203.56459%206.15958%203.56569C6.15247%203.5668%206.14538%203.56806%206.13831%203.56952C6.13127%203.57097%206.12425%203.57258%206.11727%203.57436C6.1103%203.57616%206.10338%203.57811%206.09649%203.58023C6.08959%203.58236%206.08278%203.58464%206.07602%203.58709C6.06925%203.58955%206.06253%203.59217%206.05589%203.59495C6.04925%203.59773%206.04267%203.60067%206.03617%203.60378C6.02967%203.60689%206.02325%203.61014%206.01692%203.61355C6.01058%203.61697%206.00433%203.62053%205.99816%203.62425C5.99199%203.62797%205.98592%203.63183%205.97994%203.63584C5.97395%203.63986%205.96808%203.64402%205.9623%203.64831C5.95652%203.65261%205.95084%203.65703%205.94528%203.66161C5.93972%203.66619%205.93427%203.67089%205.92894%203.67573C5.92361%203.68056%205.91839%203.68553%205.9133%203.69062C5.9082%203.69572%205.90324%203.70094%205.89841%203.70627C5.89356%203.71159%205.88886%203.71705%205.88428%203.72261C5.8797%203.72817%205.87528%203.73384%205.87099%203.73962C5.86669%203.74539%205.86253%203.75127%205.85852%203.75725C5.8545%203.76323%205.85064%203.76931%205.84692%203.77548C5.8432%203.78166%205.83964%203.78791%205.83622%203.79423C5.8328%203.80058%205.82955%203.807%205.82645%203.8135C5.82334%203.82%205.82041%203.82658%205.81763%203.83322C5.81485%203.83986%205.81222%203.84656%205.80977%203.85333C5.80731%203.86009%205.80502%203.86692%205.80289%203.87381C5.80077%203.88069%205.79881%203.88761%205.79703%203.89459C5.79524%203.90158%205.79363%203.90859%205.79217%203.91564C5.79074%203.92269%205.78947%203.92978%205.78836%203.93689C5.78725%203.944%205.78633%203.95114%205.78556%203.95831C5.78481%203.96547%205.78424%203.97264%205.78383%203.97984C5.78342%203.98703%205.78319%203.99422%205.78314%204.00142C5.78308%204.00862%205.78319%204.01581%205.78349%204.02302C5.78378%204.03022%205.78425%204.03741%205.78489%204.04458C5.78553%204.05175%205.78636%204.05889%205.78734%204.06603C5.78833%204.07317%205.7895%204.08027%205.79083%204.08734C5.79217%204.09442%205.79369%204.10145%205.79536%204.10847C5.79703%204.11547%205.79888%204.12242%205.80089%204.12934C5.80291%204.13625%205.80509%204.14311%205.80744%204.14992C5.8098%204.15672%205.81231%204.16347%205.81499%204.17016C5.81766%204.17684%205.8205%204.18345%205.8235%204.19C5.8265%204.19655%205.82966%204.20303%205.83297%204.20942C5.83628%204.21581%205.83975%204.22211%205.84338%204.22834C5.84698%204.23456%205.85077%204.24069%205.85469%204.24673C5.85861%204.25278%205.86267%204.25872%205.86688%204.26458C5.87108%204.27042%205.87542%204.27616%205.87991%204.28178C5.88439%204.28742%205.88902%204.29294%205.89377%204.29834C5.89853%204.30377%205.90341%204.30905%205.90842%204.31422L5.90844%204.31423Z%22%20%20%20fill%3D%22%230073B4%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat;
        }
        .focus_menu dd:hover a, .focus_menu dd.hover a {
            color: #0073B4;
        }




.top_nav {
    margin:0 auto;
    height: 86px;
    line-height: 86px;

    padding-left:56px;
    color: rgba(125, 125, 125, 1);
    background-size:30px auto;
    background-position:center left 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221741056897731%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223808%22%20width%3D%2270%22%20height%3D%2270%22%3E%3Cpath%20d%3D%22M508.8%20576.7c69.3%200%20125.4-56.2%20125.4-125.4S578%20325.9%20508.8%20325.9%20383.4%20382%20383.4%20451.3s56.1%20125.4%20125.4%20125.4z%20m0%20376.2C258%20757%20132.5%20589.8%20132.5%20451.3%20132.5%20243.5%20301%2075%20508.8%2075s376.3%20168.5%20376.3%20376.3c0%20138.5-125.5%20305.7-376.3%20501.6z%22%20p-id%3D%223809%22%20fill%3D%22%230085E4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
}

    .top_nav {
        color: #7D7D7D;
    }

        .top_nav a {
            color: #7D7D7D;
        }

        .top_nav strong {
            color: #0085E4;
        }
.pdf_contents {
    margin: 40px auto 0 auto;
    width:1100px;
    height:900px;
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word;
    word-break: break-all;
    text-align:center;
}
.pdf_contents iframe{
    width:100%;
    height:100%;
}
.about_title {
    margin: 0 160px 0 160px;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 40px;
    color: rgba(0, 133, 228, 1);
    text-align: center;
}

.about_contents {
    margin: 40px 160px 0 160px;
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word;
    word-break: break-all;
}

    .about_contents .image figcaption {
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .about_contents img {
        margin-bottom: 10px;
        max-width: 100%;
    }

    .about_contents p {
        margin-bottom: 10px;
    }

.contents{
    opacity: 1;
    border-radius: 10px;
}




    .lingdao_list {
        margin:40px 80px 0 80px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content:space-between;
        align-items: flex-start;

    }

    .lingdao_list .lingdao_list_item {
        margin: 0 0 50px 0;
        width: 620px;
        height: 230px;
        background-color:rgba(255, 255, 255, 1);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        border: 1px solid rgba(229, 229, 229, 1);
        border-right-width:6px ;
        overflow:hidden;
    }

    .lingdao_list .item_lefts {
        width: 180px;
        height: 230px;
    }

        .lingdao_list .item_lefts img {
            width: 100%;
            height: 100%;
        }

    .lingdao_list .item_rights {
        position: relative;
        margin:25px 40px 0 0;
        width: 356px;


    }

    .lingdao_list .item_name {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0.33px;
        height: 32px;
        line-height: 32px;
        
    }
        .lingdao_list .item_name a {
            color: rgba(42, 130, 228, 1);
        }


    .lingdao_list .item_desc {
        margin:8px 0 0 0;
         font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 30px;
        color: rgba(0, 0, 0, 1);
    }

    .video_player{
        margin: 20px auto 0 auto;
        width:800px;
        height:500px;

    }


    .departments_list {
        margin: 0 auto 0 auto;
    }

    .departments_list dl {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }

    .departments_list dd {
        position: relative;
        display: block;
        margin: 32px 0 0 0;
        width: 690px;
        height: 80px;
        line-height: 80px;
        background: #fff;
        text-align: left;
      
    }

        .departments_list dd a {
            display:block;
              border-left:6px solid rgba(229, 229, 229, 1);
            padding-left:46px;
            font-size: 22px;
            font-weight: 500;
            letter-spacing: 0px;
            color: rgba(56, 56, 56, 1);
            background-repeat: no-repeat;
    background-size:36px auto;
    background-position:right 30px center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221740722323368%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%228332%22%20width%3D%2270%22%20height%3D%2270%22%3E%3Cpath%20d%3D%22M386.640017%20196.405191%20687.536947%20487.723004c13.840827%2013.408717%2013.840827%2035.135036%200%2048.543753s-36.293132%2013.408717-50.156485%200L336.483532%20244.948944c-13.840827-13.408717-13.840827-35.135036%200-48.543753S372.777687%20182.996474%20386.640017%20196.405191z%22%20fill%3D%22%23E5E5E5%22%20p-id%3D%228333%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M336.483532%20779.073583l300.895906-291.351603c13.863354-13.408717%2036.316683-13.408717%2050.156485%200%2013.840827%2013.408717%2013.840827%2035.135036%200%2048.543753L386.640017%20827.617336c-13.863354%2013.408717-36.316683%2013.408717-50.156485%200S322.642705%20792.437246%20336.483532%20779.073583z%22%20fill%3D%22%23E5E5E5%22%20p-id%3D%228334%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");

        }
        .departments_list dd a:hover {
            border-left:6px solid rgba(0, 133, 228, 1);
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221740722323368%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%228332%22%20width%3D%2270%22%20height%3D%2270%22%3E%3Cpath%20d%3D%22M386.640017%20196.405191%20687.536947%20487.723004c13.840827%2013.408717%2013.840827%2035.135036%200%2048.543753s-36.293132%2013.408717-50.156485%200L336.483532%20244.948944c-13.840827-13.408717-13.840827-35.135036%200-48.543753S372.777687%20182.996474%20386.640017%20196.405191z%22%20fill%3D%22%230073B4%22%20p-id%3D%228333%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M336.483532%20779.073583l300.895906-291.351603c13.863354-13.408717%2036.316683-13.408717%2050.156485%200%2013.840827%2013.408717%2013.840827%2035.135036%200%2048.543753L386.640017%20827.617336c-13.863354%2013.408717-36.316683%2013.408717-50.156485%200S322.642705%20792.437246%20336.483532%20779.073583z%22%20fill%3D%22%230073B4%22%20p-id%3D%228334%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
        }

        /*
        .departments_list dd::after {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            width: 6px;
            height: 54px;
            opacity: 1;
            background: rgba(0, 133, 228, 1);
        }
            */

        
.news_list {
    margin: 0 auto 0 auto;
      
}

    .news_list dl {
        position: relative;
        margin: 0 0 20px 0;
        padding: 35px 0 35px 0;
  
        
        
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;

        overflow: hidden;
               border-radius: 6px;
 
            box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.2);
        background-color:rgba(255, 255, 255, 0.5);
    }

    .news_list dt {
        margin-left:35px;
        display: block;
        width: 370px;
       

    }

        .news_list dt img {
            width: 100%;
            max-height: 260px;
            border-radius:5px;
    
        }

    .news_list dd {
       
        margin-left:35px;
        width: 856px;
    }

        .news_list dd h4 {
            display: block;
            font-size: 22px;
            font-weight: 700;
            line-height: 32px;
            color: rgba(0, 133, 228, 1);
        }


        .news_list dd p {
            display: block;
            padding: 6px 0 6px 0;
            font-size: 16px;
            font-weight: 400;
            line-height:26px;
            color: rgba(125, 125, 125, 1);
        }

        .news_list dd label {
            padding-left: 5px;
            color: #0085E4;
        }

        .news_list dd span {
            position: absolute;
            right: 35px;
            top: 50%;
            width: 90px;
            height: 90px;
            border-radius: 3px;
            background:#A6A6A6;
            color: #fff;
            text-align: center;
            transform:translateY(-50%);
        }

        .news_list dd i {
            position: relative;
            display: block;
            padding: 0 0 0px 0;
            font-size: 44px;
            line-height: 1;
    
            line-height:60px;
            font-style: normal;
        }



        .news_list dd strong {
            display: block;
            padding-top: 3px;
            color: #4b4948;
        }

    .news_list dl:hover {
                border-radius: 6px;
        background: #fff;
            box-shadow: 0px 2px 6px  rgba(0, 0, 0, 0.2);
    }
      .news_list dl:hover span  {
            background: #0085E4;
        }
        .news_list dl:hover h4, .news_list dl:hover strong,.news_list dl:hover p  {
            color: #0085E4;
        }

.details_container {
    margin: 0 100px 0 100px;
}

        
.details_top {

    text-align: center;
}
.details_top h1 {
    display:block;
    font-size: 32px;
font-weight: 500;

}
.details_top .details_author_views {
    font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 32px;
color: rgba(128, 128, 128, 1);
}

.details_contents {
    margin: 20px auto 0 auto;
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word;
    word-break: break-all;
}

    .details_contents .image figcaption {
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .details_contents img {
        margin-bottom: 10px;
        max-width: 100%;
    }

    .details_contents p {
        margin-bottom: 10px;
    }
    .details_contents a{text-decoration:underline}
    .previous_next {
    margin: 20px auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.previous, .next {
    padding: 12px 18px;
    border: #0085E4 solid 2px;
}

.previous {
    color: #0085E4;
    background-color: #fff;
}

    .previous a {
        color: #0085E4;
    }

.next {
    background-color: #0085E4;
    color: #fff;
}

    .next a {
        color: #fff;
    }


    
.photo_list {
    margin: 0 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

    .photo_list dl {
        margin: 0 0 20px 0;
        display: block;
        width: 690px;
        box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
        background-color: #fff;
        
    }

        .photo_list dl dt {
            padding:20px 20px 0  20px;           
            height: 400px;
            border-radius: 0 0 0 0;
            cursor:pointer;
            text-align:center;
        }

        .photo_list dl img {
            max-width: 650px;
            height: 100%;
            border-radius: 0 0 0 0;
        }

    .photo_list dd {
        display: block;
        padding: 22px 0 22px 42px;
        border-radius: 0 0 0 0;
    }

        .photo_list dd h4 {
            padding: 0 0 0 0;
            display: block;
            font-size: 22px;
            font-weight: 400;
        }