/*==================================初始化代码============================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

* { margin: 0; padding: 0; }

section, article { clear: both; }

article { width: 95%; margin: 0 auto; font-size: 14px; color: #404040; }

#section1 img { width: 100%; }

a { text-decoration: none; color: black; }

li { list-style-type: none; }
/*======================================国晖头部图片============================================ */
.guohui-head { background: url(/images/allImg/ty_6.png) no-repeat; background-size: cover; padding: 1rem 0 1rem .375rem; height: 23px; display: flex; justify-content: space-between; align-content: center; }

.d1 { float: left; }

.d1 img { height: 21px; }

.d4 img { width: 26px; height: 26px; margin-right: 1rem; }

/*======================================菜单导航栏============================================ */

/*body*/
body { background-color: #f0f0f0; }

p { line-height: 1.6em }

.non_main { padding: 0.3rem 1.3rem; border: 1px solid #ccc; margin: 1.1rem 1rem; border-radius: 0.5rem; box-shadow: 0px 1px 19px 4px #ccc; font-size: 16px; background: url(../../v2/Images/supplementImg/法律培训.png) no-repeat; /*background-size: contain;*/ background-size: 100% 100%; }

.non_main h1 { line-height: 1.5; text-align: center; font-size: 1.4em; }

.non_main .non_maintop { margin-bottom: 15px; }

.non_main .non_maintop p { line-height: 2em; }

.non_main .non_maintop .boldp { font-weight: bold; }

.non_mainfoot img { width: 100%; }

.non_mainfoot span { font-size: 40px; text-shadow: 4px 0px 4px black, 0px 0px 2px black; color: yellow; position: absolute; top: 20.5rem; right: 8rem; }
/*回到头部图片*/
.goback-top img { position: fixed; float: right; bottom: 5rem; right: 1rem; width: 2rem; height: 2rem; top: 16rem; }
/*弹出框遮罩层*/
#diolog { display: none; position: fixed; top: -12%; bottom: 0; left: 0; right: 0; z-index: 1000; }

#diolog .layermaincontent { clear: both; }

#diolog .layermaincontent p { color: white; font-size: 18px; margin-left: 1rem; margin-bottom: 1rem; }

#diolog .layerpage { position: relative; width: 20em; height: 16em; margin-left: 2rem; top: 18rem; background: rgba(85,85,85,0.9); }

#diolog .layermain { display: flex; text-align: center; justify-content: space-around; }

#diolog .layermain .charwet img, #diolog .layermain .zfb img { width: 7em; }

#diolog .layermain .charwet .charwetimg img, #diolog .layermain .zfb .zfbimg img { width: 1.5em; position: relative; top: 0.5rem; }

#diolog .layermain .charwet .charwetimg span, #diolog .layermain .zfb .zfbimg span { color: white; font-size: 12px; }

#diolog .layerpage #btn_close img { width: 2em; float: right; }

@media (max-width: 1024px) {
    .non_mainfoot span { top: 23.5rem; right: 28.5rem; }

    #diolog .layerpage { margin-left: 22rem; }
}

@media (max-width: 768px) {
    .non_mainfoot span { top: 21.5rem; right: 20.5rem; }

    #diolog .layerpage { margin-left: 14rem; }
}

@media (max-width: 414px) {
    .non_mainfoot span { top: 25.5rem; right: 9.5rem; }

    #diolog .layerpage { margin-left: 3rem; }
}

@media (max-width: 375px) {
    .non_mainfoot span { top: 25rem; right: 8rem; }

    #diolog .layerpage { margin-left: 2rem; }
}

@media (max-width: 360px) {
    .non_mainfoot span { top: 27rem; right: 7.7rem; }

    #diolog .layerpage { margin-left: 1.3rem; }
}

@media (max-width: 320px) {
    .non_mainfoot span { top: 30.5rem; right: 6.5rem; }

    #diolog .layerpage { width: 17em; height: 15em; margin-left: 1.5rem; top: 13rem; }
}