.content_modular {
    margin: 3% 0;
}
.fullscreen {
    background: url("/statics/images/webico/yuzhi/banner.jpg") center top no-repeat;
    background-size: 100%;
    height: 500px;
    display: block;
}
.c_f{
    clear:both;
}
.t_l{
    width:100%;
    display:table;
}
.t_l h1 {
    color: #de7d60;
    text-align:center;
    font-weight:initial;
}
.t_l h2 {
    color: #de7d60;
    text-align: center;
    margin-top:5px;
}
.t_l_l{
    width:80%;
    margin:10px auto 0 auto;
    padding:0;
    list-style:none;
}
.t_l_l li{
    float:left;
}
.t_l_l li:nth-child(2){
    width:10%;
}
.t_l_l li:first-child, .t_l_l li:last-child{
    width:45%;
}
.l_l {
    width:100%;
    height:1px;
    background-image: linear-gradient(to left, #de7d60 40%, #ffffff);
    margin-top:9px;
}
.l_r {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #de7d60 40%, #ffffff);
    margin-top: 9px;
}
.t_bz {
    background: url("/statics/images/webico/yuzhi/logo.png") center top no-repeat;
    background-size: 100%;
    width: 21px;
    height: 19px;
    margin: 0 auto;
}
.jst_l{
    width:51%;
    padding:10px;
    float:left;
    margin-top:3%;
    border:1px solid #de7d60;
}
.jst_c {
    width: 42%;
    float: right;
    margin-top: 5%;
}
.jst_c p{
    margin-top:3%;
}
.ys_l{
    width:100%;
    margin:6% 0 0 0;
    padding:0;
    list-style:none;
}
.ys_l li {
    width: 30%;
    float: left;
    border: 1px dashed #de7d60;
    margin-left: 4.5%;
    border-radius: 8px;
}
.ys_l li:first-child{
    margin-left:0;
}
.ys_tb {
    width: 60px;
    height: 60px;
    position: relative;
    margin: -8% auto 0 auto;
    background: url("/statics/images/webico/yuzhi/ys_1.png") center top no-repeat;
    background-size: 100%;
    border-radius:60px;
    border:1px dashed #de7d60;
    background-color:#fff !important;
}
.ys_tb2 {
    background: url("/statics/images/webico/yuzhi/ys_2.png") center top no-repeat;
    background-size: 100%;
}
.ys_tb3 {
    background: url("/statics/images/webico/yuzhi/ys_3.png") center top no-repeat;
    background-size: 100%;
}
.ys_l h2{
    margin-top:5%;
    text-align:center;
    color:#de7d60;
    padding:0 8%;
}
.ys_l p{
    padding:0 8%;
    margin-top:3%;
    padding-bottom:4%;
}
.yyys_l{
    width:29.6%;
    float:left;
    margin-top:3%;
}
.yyys_l img{
    border-radius:8px;
}
.yyys_c {
    width: 39.1%;
    float: left;
    margin: 3% 1.1% 0 0;
}
.yyys_c_i{
    margin-top:2%;
}
.yyys_c_i p{
    padding-left:10px;
    line-height:1.5em;
}
.yyys_c_i span{
    color:#de7d60;
    font-size:1.1em;
    padding-right:5px;
}
.yyys_c_i h3 {
    color: #de7d60;
}
.jhs{
    margin-top:2%;
}
.fhxm_l{
    width:49%;
    float:left;
    margin-top:3%;
}
.fhxm_m{
    margin-left:1%;
}
.fhxm_c{
    width:90%;
    float:right;
    margin-top:3%;
}
.fhxm_r {
    width: 90%;
    float: left;
    margin-bottom:3%;
}
.fhxm_r p {
    float: left;
    width: 90.5%;
    margin-top: -8px;
}
.fhxm_c p {
    float: left;
    width: 90.5%;
}
.triangle {
    float: right;
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color: transparent #de7d60 transparent transparent;
}
.triangle_r {
    float: left;
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent transparent #de7d60;
}
.tljh_l{
    width:100%;
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
}
.tljh_l li:first-child, .tljh_l li:last-child{
    width:23.75%;
    float:left;
}
.tljh_l li:nth-child(2){
    width:48.5%;
    float:left;
    margin:0 2%;
}
.tljh_l li:nth-child(2) img{
    border-radius:8px;
}
.tljh_l_l{
    border:1px solid #de7d60;
    border-radius:8px;
}
.tljh_l_l h3{
    text-align:center;
    color:#de7d60;
    margin-top:7.5%;
}
.tljh_l_l p {
    margin:2% auto 0 auto;
    width:90%;
    height:86px;
}
.tljh_l_l div {
    font-size: 4em;
    text-align: right;
    color: #f5ddd7;
    height: 48px;
    font-weight:bold;
}
.tljh_m{
    margin-top:8%;
}
.zx{
    border:1px solid #de7d60;
    border-radius:5px;
    margin:2% auto 0 auto;
    display:table;
    width:20%;
}
.zx a{
    display:table;
    height:35px;
    text-align:center;
    line-height:35px;
    width:100%;
}
.yzc{
    margin-top:3%;
}
.h_t_ul{
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
    width:100%;
}
.h_t_ul li{
    width:19.8%;
    float:left;
    border-left:2px solid #de7d60;
    text-align:center;
    font-size:1.5em;
    font-weight:bold;
    color:#de7d60;
    cursor:pointer;
}
.h_t_ul li:first-child{
    border-left:0;
}
.selection{
    color:#808080 !important;
}
.activate{
    display:block !important;
}
.h_t_c{
    display:none;
    margin-top:3%;
    width:100%;
}
.ht_1{
    width:50%;
    float:left;
}
.ht_c{
    width:70%;
    margin:7% auto 0 auto;
}
.ht_c h2{
    color:#de7d60;
    text-align:center;
    font-size:1.5em;
}
.ht_l_l {
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 0;
    list-style: none;
}
.ht_l_l li {
    float: left;
}
.ht_l_l li:nth-child(2) {
    width: 25%;
}
.ht_l_l li:first-child, .ht_l_l li:last-child {
    width: 37.5%;
}
.ht_bz {
    background: url("/statics/images/webico/yuzhi/ht_l.png") center top no-repeat;
    background-size: 100%;
    width: 94px;
    height: 9px;
    margin: 5px auto 0 auto;
}
.ht_c_t {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-bottom: 1px solid #de7d60;
    border-right: 1px solid #de7d60;
    margin-top:2%;
}
.ht_c_t td {
    border-top: 1px solid #de7d60;
    border-left: 1px solid #de7d60;
    width:50%;
    text-align:center;
    padding:10px;
}
.ht_c_t td:first-child {
    background-color: #fdf7e9;
}
.zx_ht {
    border: 1px solid #de7d60;
    border-radius: 5px;
    margin: 6% auto 0 auto;
    display: table;
    width: 40%;
}
.zx_ht a {
    display: table;
    height: 40px;
    text-align: center;
    line-height: 40px;
    width: 100%;
}

@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    .fullscreen {
        background: url("/statics/images/webico/yuzhi/m_banner.jpg") center top no-repeat;
        height: 260px;
        background-size: 100%;
    }
    .t_l h1 {
        font-size: 1.4em;
    }
    .t_l h2 {
        font-size: 1.2em;
        margin-top: 0;
    }
    .t_l_l {
        width: 85%;
        margin: 0 auto;
    }
    .t_bz {
        background-size: 90%;
    }
    .jst_l {
        width: 100%;
        border: 0;
        padding: 0;
    }
    .jst_c {
        width: 100%;
        margin-top: 0;
    }
    .ys_l {
        margin: 0;
    }
    .ys_l li {
        width: 100%;
        margin: 10% 0 0 0;
    }
    .ys_tb {
        width: 45px;
        height: 45px;
        margin: -6% auto 0 auto;
    }
    .ys_l h2 {
        margin-top: 2%;
    }
    .yyys_l {
        display: none;
    }
    .yyys_c {
        width: 100%;
        margin: 1% 0 0 0;
    }
    
    .yyys_c_i h3 {
        text-align: center;
    }
    .fhxm_c {
        width: 100%;
    }
    .fhxm_r {
        width: 100%;
        margin-bottom: 0;
    }
    .fhxm_r p {
        width: 84.5%;
    }
    .fhxm_c p {
        width: 84.5%;
    }
    .triangle {
        border-width: 15px;
    }
    .triangle_r {
        border-width: 15px;
    }
    .tljh_l li:first-child, .tljh_l li:last-child {
        width: 49%;
        float: left;
    }
    .tljh_l li:last-child {
        margin-left: 2%;
    }
    .tljh_l li:nth-child(2) {
        display: none;
    }
    .tljh_l_l p {
        margin: 2% auto 0 auto;
        width: 90%;
        height: 69px;
    }
    .tljh_l_l div {
        height: 39px;
    }
    .tljh_m {
        margin-top: 4%;
    }
    .zx {
        width: 35%;
    }
    .zx a {
        padding:0;
    }
    .ht_1{
        width:100%;
    }
    .ht_c {
        width: 100%;
        margin-top: 2%;
    }
    .h_t_ul li {
        width: 19.7%;
        border-left: 1px solid #de7d60;
        font-size: 1.3em;
    }
    .ht_bz {
        background-size: 90%;
    }
    .zx_ht {
        width: 35%;
    }
    .zx_ht a{
        height:35px;
        line-height:35px;
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    .fullscreen {
        background: url("/statics/images/webico/yuzhi/m_banner.jpg") center top no-repeat;
        height: 260px;
        background-size: 100%;
    }
    .t_l h1 {
        font-size: 1.3em;
    }
    .t_l h2 {
        font-size: 1.2em;
        margin-top: 0;
    }
    .t_l_l {
        width: 85%;
        margin: 0 auto;
    }
    .t_bz {
        background-size: 90%;
    }
    .jst_l {
        width: 100%;
        border: 0;
        padding: 0;
    }
    .jst_c {
        width: 100%;
        margin-top: 0;
    }
    .ys_l {
        margin: 0;
    }
    .ys_l li {
        width: 100%;
        margin: 10% 0 0 0;
    }
    .ys_tb {
        width: 35px;
        height: 35px;
        margin: -6.5% auto 0 auto;
    }
    .ys_l h2 {
        margin-top:2%;
    }
    .yyys_l {
        display: none;
    }
    .yyys_c {
        width: 100%;
        margin: 1% 0 0 0;
    }
    
    .yyys_c_i h3 {
        text-align: center;
    }
    .fhxm_c {
        width: 100%;
    }
    .fhxm_r {
        width: 100%;
        margin-bottom: 0;
    }
    .fhxm_r p {
        width: 83.5%;
        margin-top:-5px;
        line-height:1.3em;
    }
    .fhxm_c p {
        width: 83.5%;
    }
    .triangle {
        border-width: 12px;
    }
    .triangle_r {
        border-width: 12px;
    }
    .tljh_l li:first-child, .tljh_l li:last-child {
        width: 49%;
        float: left;
    }
    .tljh_l li:last-child {
        margin-left: 2%;
    }
    .tljh_l li:nth-child(2) {
        display: none;
    }
    .tljh_l_l p {
        margin: 2% auto 0 auto;
        width: 90%;
        height: 77px;
    }
    .tljh_l_l div {
        height: 37px;
    }
    .tljh_m {
        margin-top: 4%;
    }
    .zx {
        width: 35%;
    }
    .zx a {
        padding: 0;
    }
    .ht_1 {
        width: 100%;
    }
    .ht_c {
        width: 100%;
        margin-top:2%;
    }
    .h_t_ul li {
        width: 19.6%;
        border-left: 1px solid #de7d60;
        font-size: 1.2em;
    }
    .ht_bz {
        background-size: 90%;
    }
    .zx_ht a {
        height: 35px;
        line-height: 35px;
    }
}