.banner {
    background: url("/statics/images/webico/special/jyjc/banner.jpg") center top no-repeat;
    background-size: 100%;
    height: 500px;
    width: 100%;
}
h1 {
    color: #18a1b8;
    font-weight: initial;
    font-size: 1.6em;
    text-align:center;
}
h3 {
    font-size: 1.3em;
    text-align: center;
}
.j_s_layout{
    width:100%;
    border-spacing:0;
    border-collapse:separate;
    border:0;
}
.j_s_layout td:first-child{
    width:70%;
    vertical-align:middle;
}
.j_s_layout td:last-child{
    width:30%;
    vertical-align:middle;
}
.j_s_layout td:first-child p{
    line-height:2em;
}
.j_s_f_c {
    color: #18a1b8;
}
.b_g_b {
    background: url("/statics/images/webico/special/jyjc/bgb.jpg") center top no-repeat;
    background-size: 100%;
}
.b_g_l{
    width:60%;
    padding:8% 0 4% 30%;
}
.b_g_l h1 {
    padding-bottom:5px;
    border-bottom:3px solid #18a1b8;
    display:table;
}
.b_g_l div{
    margin-top:5%;
    line-height:1.8em;
}
.z_c_l{
    margin-top:3%;
    width:100%;
}
.z_c_l ul{
    width:95%;
    list-style:none;
    margin:2% auto 0 auto;
    padding:0 0 2% 0;
    display:table;
}
.z_c_l ul li{
    float:left;
    width:30%;
}
.z_c_l ul li:nth-child(2){
    margin:0 5%;
}
.z_c_l ul li p{
    margin-top:2%;
    line-height:1.3em;
}
.g_x_l_l{
    width:48%;
    float:left;
    margin-top:3%;
}
.g_x_r_l {
    width: 48%;
    float: right;
    margin-top: 4%;
}
.g_x_r_l p{
    line-height:2em;
}
.g_x_r_l span {
    color: #18a1b8;
}
.g_x_r_l a{
    border-radius:8px;
    color:#fff;
    background-color:#18a1b8;
    padding:5px 10px;
}
.gxh_c{
    text-align:center;
    color:#18a1b8;
}
.fwlr_l_l{
    width:40%;
    float:left;
}
.fwlr_r_l{
    width:55%;
    float:right;
}
.fwlr_r_l div{
    margin-top:5%;
    color:#18a1b8;
}
.fwlr_r_l div h2{
    margin-bottom: 1%;
}
.yb_l_l{
    width:50%;
    float:left;
}
.yb_r_l {
    width: 42%;
    float: right;
    color:#18a1b8;
}
.yb_c{
    font-size: 1.8em;
    margin: 24% 0 2% 0;
    line-height: 1.5em;
}
.jc_l_l{
    width:50%;
    float:left;
    margin-top:15%;
}
.jc_l_l h3{
    color:#18a1b8;
    text-align:left;
    margin-bottom:2%;
}
.jc_r_l {
    width: 45%;
    float: right;
    margin-top: 3%;
}
.td_l{
    margin-top:2%;
    border:0;
    border-collapse:separate;
    border-spacing:0;
    width:100%;
    display:table;
}
.td_l td{
    vertical-align:middle;
}
.td_l td:first-child {
    width: 22%;
}
.td_l td:last-child {
    width: 78%;
    padding-left:4%;
}
.td_n{
    float:left;
    display:table;
}
.td_zx{
    float:right;
    display:table;
    padding:5px;
    width:15%;
    margin:2% auto 0 auto;
    background-color:#18a1b8;
    color:#fff;
    text-align:center;
    border-radius:8px;
}
.td_zx:hover {
    background-color: #de7d60;
    color:#fff;
}
.td_c {
    font-size:1em;
    margin-top: 2%;
    display: table;
    float: left;
    width: 100%;
    line-height:1.8em;
}
.td_n h3{
    color:#18a1b8;
    font-size:1.5em;
    font-weight:initial;
    text-align:left;
}
.td_n p{
    font-weight:bold;
    padding-bottom:2px;
    border-bottom:3px solid #18a1b8;
}

@media screen and (min-device-width:376px) and (max-device-width: 420px) {
    body {
        line-height: 1.5em;
    }
    .banner {
        background: url(/statics/images/webico/special/jyjc/m_banner.jpg) center top no-repeat;
        height: 260px;
        background-size: 100%;
    }
    .j_s_layout td:first-child,.j_s_layout td:last-child {
        width: 100%;
        float:left;
    }
    .j_s_layout td:first-child p {
        line-height: 1.5em;
    }
    h1 {
        font-size: 1.3em;
    }
    h3 {
        font-size: 1.1em;
    }
    .b_g_b {
        background: linear-gradient(#b7edf9,#ffffff,#ffffff,#b7edf9);
    }
    .b_g_l {
        width: 95%;
        padding: 2% 2.5%;
    }
    .b_g_l h1 {
        text-align:center;
        margin:0 auto;
    }
    .b_g_l div {
        margin-top: 3%;
        line-height: 1.5em;
    }
    .z_c_l ul {
        width: 95%;
        list-style:none;
        margin: 2% auto 0 auto;
        padding: 0 0 2% 0;
    }
    .z_c_l ul li {
        float: left;
        width: 100%;
        margin-top:3%;
    }
    .z_c_l ul li:nth-child(2) {
        margin:3% 0 0 0;
    }
    .z_c_l ul li h3{
        text-align:left;
    }
    .z_c_l ul li p {
        margin-top: 0;
    }
    .g_x_l_l, .g_x_r_l {
        width: 100%;
    }
    .g_x_r_l {
        margin-top: 1%;
    }
    .g_x_r_l a {
        margin: 0 auto;
        display: table;
        width: 25%;
        padding: 5px 0;
        text-align: center;
    }
    .fwlr_l_l {
        width: 55%;
        margin:0 auto;
        float:initial;
    }
    .fwlr_r_l {
        width: 100%;
        float: right;
    }
    .fwlr_r_l h2{
        font-weight:initial;
        font-size:1.3em;
    }
    .fwlr_r_l div {
        margin-top: 2%;
    }
    .fwlr_r_l div p {
        color: #7e7b7b;
    }
    .yb_l_l, .yb_r_l {
        width: 100%;
    }
    .yb_c {
        font-size: 1.3em;
        margin: 0 0 2% 0;
    }
    .jc_l_l{
        width: 100%;
        margin-top: 3%;
    }
    .jc_r_l {
        display:none;
    }
    .td_l td:first-child {
        width: 25%;
    }
    .td_l td:last-child {
        width: 75%;
    }
    .td_n h3 {
        font-size: 1.3em;
    }
    .td_zx {
        width: 25%;
        margin-top:8%;
    }
    .td_c {
        line-height: 1.5em;
        text-align: justify;
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 375px) {
    body {
        line-height: 1.5em;
    }
    .banner {
        background: url(/statics/images/webico/special/jyjc/m_banner.jpg) center top no-repeat;
        height: 230px;
        background-size: 100%;
    }
    .j_s_layout td:first-child, .j_s_layout td:last-child {
        width: 100%;
        float: left;
    }
    .j_s_layout td:first-child p {
        line-height: 1.5em;
    }
    h1 {
        font-size: 1.3em;
    }
    h3 {
        font-size: 1.1em;
    }
    .b_g_b {
        background: linear-gradient(#b7edf9,#ffffff,#ffffff,#b7edf9);
    }
    .b_g_l {
        width: 95%;
        padding: 2% 2.5%;
    }
    .b_g_l h1 {
        text-align: center;
        margin: 0 auto;
    }
    .b_g_l div {
        margin-top: 3%;
        line-height: 1.5em;
    }
    .z_c_l ul {
        width: 95%;
        list-style: none;
        margin: 2% auto 0 auto;
        padding: 0 0 2% 0;
    }
    .z_c_l ul li {
        float: left;
        width: 100%;
        margin-top: 3%;
    }
    .z_c_l ul li:nth-child(2) {
        margin: 3% 0 0 0;
    }
    .z_c_l ul li h3 {
        text-align: left;
    }
    .z_c_l ul li p {
        margin-top: 0;
    }
    .g_x_l_l, .g_x_r_l {
        width: 100%;
    }
    .g_x_r_l {
        margin-top: 1%;
    }
    .g_x_r_l a {
        margin: 0 auto;
        display: table;
        width: 25%;
        padding:5px 0;
        text-align:center;
    }
    .fwlr_l_l {
        width: 55%;
        margin: 0 auto;
        float: initial;
    }
    .fwlr_r_l {
        width: 100%;
        float: right;
    }
    .fwlr_r_l h2 {
        font-weight: initial;
        font-size: 1.3em;
    }
    .fwlr_r_l div p {
        color: #7e7b7b;
    }
    .fwlr_r_l div {
        margin-top: 2%;
    }
    .yb_l_l, .yb_r_l {
        width: 100%;
    }
    .yb_c {
        font-size: 1.3em;
        margin: 0 0 2% 0;
    }
    .jc_l_l {
        width: 100%;
        margin-top: 3%;
    }
    .jc_r_l {
        display: none;
    }
    .td_l td:first-child {
        width: 25%;
    }
    .td_l td:last-child {
        width: 75%;
    }
    .td_n h3 {
        font-size: 1.3em;
    }
    .td_zx {
        width: 28%;
        margin-top: 8%;
    }
    .td_c {
        line-height: 1.5em;
        text-align: justify;
    }
}