@media screen and (max-width: 795px){


.index_casemaintwol img {
    height: auto!important;
}

    .head1_logoright{

        display: none;

    }

    .head2_logo .head1_logo_img{

        width: 130px;

    }

    .head1_logo{

        width: 130px;

        padding: 0;

        margin: 20px 5px 10px 20px;

    }

    #navToggle{

        padding: 10px 30px;

    }

    .head2_logo {

        padding: 10px 5px 10px 20px;

    }

    .head1_logo_img{

        padding: 0;

    }

    .samallnav_logol{

        width: 130px;

    }

    .samallnav_to {

        padding: 20px 20px 10px 20px;

    }

    .samallnav_li {

        top: 0%;

        transform: translateY(40%);

    }

    .samallnav_litext a{

        font-size: 20px;

    }

    .samallnav_litext{

        font-size: 20px;

        line-height: 50px;

    }

    .samallnav_lil {

        left: 15%;

    }

    .samallnav_lir {

        left: auto;

        right: 15%;

    }

    .rinfo{

        display: none;

    }

    .banner{

        margin-top: 55px;

    }

    .page_pro_{

        padding: 40px 0;

    }

    .pageheadch{

        font-size: 30px;

    }

    .pageheaden {

        font-size: 12px;

        line-height: 16px;

        letter-spacing: 6px;

        margin: 5px 0 0;

    }

    .p_pro_class_ {

        margin: 0px auto 0;

    }

    .p_pro_classli{

        padding: 5px 14px;

        font-size: 12px;

        margin: 20px 2px 0;

    }

    .p_pro_list{

        width: 84%;

        margin: 50px auto;

    }

    .p_pro_list_li{

        background-size: 100%;

        margin-bottom: 40px;

        background-position: bottom;

    }

    .p_pro_list_li:nth-child(odd) .p_pro_list_lil{

        float: none;

        width: 100%;

    }

    .p_pro_list_li:nth-child(odd) .p_pro_list_lir{

        float: none;

        width: 100%;

        padding-top: 30px;

        padding-bottom: 40px;

    }

    .p_pro_list_lilimg{

        width: 100%;

    }

    .p_pro_list_lirheadl {

        width: 50px;

        height: 50px;

    }

    .p_pro_list_lirheadrch {

        font-size: 22px;

        line-height: 25px;

    }

    .p_pro_list_lirheadren{

        line-height: 22px;

    }

    .p_pro_list_lirdesc{

        margin-top: 12px;

        font-size: 14px;

        line-height: 22px;

    }

    .p_pro_list_lirbtn{

        margin-top: 8px;

        float: right;

    }

    .p_pro_list_li:nth-child(even) .p_pro_list_lil{

        float: none;

        width: 100%;

    }

    .p_pro_list_li:nth-child(even) .p_pro_list_lir{

        float: none;

        width: 100%;

        padding-top: 30px;

        padding-bottom: 40px;

    }

    .bottom_ttl, .bottom_ttc, .bottom_b{

        display: none;

    }

    .bottom_t{

        padding: 20px 0;

    }

    .bottom_ttr2, .bottom_ttr4 {

        margin-top: 7px;

    }

    .bottom__tl, .bottom__tr{

        float: none;

    }

    .bottom__tl {

        padding: 10px 0;

    }



    .bottom__t_ {

        line-height: 20px;

        padding-bottom: 10px;

    }

    .bottom__trmap a{

        line-height: 15px;

    }

    .page_case{

        padding: 40px 0;

    }

    .p_pro_class{

        /*display: none;*/

    }

    .p_case_list_li:nth-child(odd){

        float: none;

        width: 100%;

    }

    .p_case_list_li:nth-child(even){

        float: none;

        width: 100%;

    }

    .p_case_list_li {

        margin-top: 30px;

    }

    .p_case_list_liinflodiv {

        width: 100%;

    }

    .p_case_list_liinflo {

        width: 50%;

    }

    .p_case_list_liinf_ {

        max-width: 100%;

        padding: 12px 10px 12px 10px;

    }

    .p_case_list_liinf_1 {

        font-size: 15px;

        line-height: 20px;

    }

    .p_case_list_liinf_2{

        font-size: 12px;

    }

    .page_wond_{

        padding: 40px 0;

    }

    .p_wond_list {

        width: 84%;

        margin: 40px auto 0;

    }

    .p_wond_list_li{

        margin-bottom: 40px;

    }

    .p_wond_list_li:nth-child(odd) .p_wond_list_lil{

        float: none;

        width: 100%;

    }

    .p_wond_list_li:nth-child(odd) .p_wond_list_lir{

        float: none;

        width: 100%;

        padding-bottom: 30px;

    }

    .p_wond_list_li:nth-child(even) .p_wond_list_lil{

        float: none;

        width: 100%;

    }

    .p_wond_list_li:nth-child(even) .p_wond_list_lir{

        float: none;

        width: 100%;

        padding-bottom: 30px;

    }

    .p_wond_list_lirbtn{

        float: right;

    }

    .p_wond_list_lir {

        padding-top: 0;

    }

    .p_wond_list_lirhead {

        padding: 12px 15px 12px 15px;

    }

    .p_wond_list_lirheada {

        font-size: 16px;

        line-height: 20px;

    }

    .p_wond_list_lirdesc{

        padding: 12px 10px;

    }

    .p_wond_list_morebtn{

        margin-top: -20px;

    }

    .page_new{

        padding: 40px 0;

    }

    .p_new_list{

        width: 84%;

    }

    .p_new_list_{

        margin: 0;

    }

    .p_new_list_li {

        padding: 0;

        margin-bottom: 20px;

    }

    .p_new_class_ {

        margin: 30px auto 30px;

    }

    .p_new_classli{

        padding: 6px 10px;

        font-size: 12px;

        margin: 0 4px;

    }

    .index_newmldate {

        margin-top: 10px;

    }

    .index_newmldate_d{

        font-size: 40px;

        line-height: 40px;

    }

    .index_newmldate_y, .index_newmldate_m{

        font-size: 14px;

        line-height: 20px;

    }

    .index_newmldate_gang {

        margin-left: 105px;

        width: 50px;

    }

    .index_newmltitle {

        font-size: 17px;

        height: 20px;

        line-height: 20px;

        margin-top: 15px;

    }

    .index_newmldesc {

        font-size: 15px;

        line-height: 22px;

        margin-top: 10px;

        height: auto;

        padding-bottom: 25px;

    }

    .page_contac{

        padding: 40px 0 0;

    }

    .page_contac_forma {

        font-size: 25px;

        line-height: 30px;

    }

    .page_contac_formb {

        font-size: 16px;

        margin: 10px 0 25px;

    }

    .page_contac_form{

        width: 84%;

        margin: 0 auto 30px;

        float: none;

    }

    .page_contac_formc{

        display: block;



    }

    .page_contac_formciput{

        width: 100%;

    }

    .page_contac_formciput:nth-child(2){

        margin: 20px 0;

    }

    .page_contac_formd{

        width: 100%;

        margin: 20px auto;

    }

    .page_contac_formd textarea{

        height: 150px;

    }

    .page_contac_forme {

        margin-top: 40px;

    }

    .page_contac_formebtn{

        width: 130px;

        height: 40px;

        font-size: 14px;

        line-height: 40px;

    }

    .page_contac_info{

        width: 84%;

        margin: 0 auto;

        float: none;

        padding: 0;

    }

    .page_contac_infoa {

        font-size: 20px;

        line-height: 20px;

    }

    .page_contac_infoba, .page_contac_infoca{

        margin-top: 25px;

    }

    .page_contac_infobb{

        font-size: 16px;

    }

    #map{

        height: 250px;

    }

    .page_contac_infoli{

        margin-bottom: 15px;

    }

    .case-read1 .case-read1-newvideo{

        top: 50%;

        bottom: auto;

        transform: translateY(-50%);

    }

    .case-read1heightimg{

        display: none;

        opacity: 0;

    }

    .case-read1-newvideo #videojs{

        width: 100%;

        height: auto;

        object-fit: contain !important;

    }

    .page_casedet{

        padding: 10px 0 40px;

    }

    .page_casedet_{

        width: 84%;

    }

    .page_casedet_aimg{

        width: 100%;

        float: none;

        padding: 10px 0;

    }

    .page_casedet_aimg img {

        width: 50%;

    }

    .page_casedet_atext {

        width: 100%;

        float: none;

        margin-top: 15px;

    }

    .page_casedet_atexta {

        font-size: 20px;

        line-height: 25px;

    }

    .page_casedet_atextb {

        font-size: 16px;

        line-height: 20px;

        margin-top: 10px;

    }

    .page_casedet_atextc{

        width: 100%;

        bottom: -15px;

    }

    .page_casedet_bl{

        width: 100%;

        float: none;

        text-align: center;

    }

    .page_casedet_br{

        width: 100%;

        float: none;

    }

    .page_casedet_bla {

        font-size: 36px;

        line-height: 40px;

    }

    .page_casedet_blb {

        font-size: 24px;

        line-height: 30px;

        margin-top: 0px;

    }

    .p_cdmp_head{

        font-size: 36px;

        line-height: 40px;

    }

    .p_cdmp_headsm{

        font-size: 24px;

        line-height: 30px;

        margin-top: 0px;

    }

    .p_casedet_maipic{

        padding: 70px 0;

    }

    .page_casedet_bryh{

        display: none;

    }

    .page_casedet_share{

        width: 100%;

        margin-top: 10px;

    }

    .p_cdmp_mzupic {

        height: auto;

    }

    .hzsjswcon .swiper-button-prev1{

        width: 50px;

        height: 50px;

        left: 8%;

        outline: none;

    }

    .hzsjswcon .swiper-button-next1{

        width: 50px;

        height: 50px;

        right: 8%;

        outline: none;

    }

    .swiper-button-next1:hover{

        border: none;

        background-image: url("../image/tr.png");

        background-color: rgb(255,255,255,0.6);

        animation: none;

    }

    .swiper-button-prev1:hover{

        border: none;

        background-image: url("../image/tl.png");

        background-color: rgb(255,255,255,0.6);

        animation: none ;

    }

    .page_case_abtjjjj{

        padding: 70px 0 40px;

        background-color: #FFFFFF;

    }

    .wxsharewm{

        width: 122px;

        height: 140px;

        top: -150px;

        left: -30px;

    }

    .wxsharewmte {

        font-size: 12px;

        line-height: 12px;

    }

    .wxsharewm #qrcode{

        width: 100%;

    }

    .wxsharewm #qrcode img{

        width: 100%;

    }



    .page_case_abtj {

        padding: 40px 0 30px;

    }

    .page_case_abtj_ {

        width: 84%;

        margin: 0 auto;

    }

    .page_case_abtjhead {

        font-size: 36px;

        line-height: 40px;

    }

    .page_case_abtjsmhe {

        font-size: 24px;

        line-height: 30px;

        margin-bottom: 23px;

    }

    .page_case_khpj_head{

        font-size: 36px;

        line-height: 40px;

    }

    .page_case_khpj_hesm{

        font-size: 24px;

        line-height: 30px;

        margin-top: 0px;

    }

    .page_case_khpj{

        padding: 50px 0 50px;

    }

    .page_case_khpj_x{

        height: 30px;

        margin: 7px auto 30px;

    }

    .page_case_khpj_te{

        width: 84%;

    }

    .page_case_khpj_te3{

        width: 100%;

        font-size: 22px;

        line-height: 30px;

        margin: 10px 0;

    }

    .page_case_khpj_te1, .page_case_khpj_te2{

        position: relative;

        margin: 0 auto;

        width: 30px;

        height: 25px;

        background: url(../image/ca_yht.png);

        background-size: 30px 25px;

    }

    .page_case_khpj_te2{

        bottom: 0;

    }

    .page_case_khpj_upic{

        width: 80px;

        height: 80px;

        margin: 30px auto 10px;

    }

    .xgtjswcon .swiper-slide{

        margin: 0;

    }

    .swiper-button-prev2{

        width: 40px;

        height: 40px;

        outline: none;

        left: 20%;

    }

    .swiper-button-next2{

        width: 40px;

        height: 40px;

        outline: none;

        right: 20%;

    }

    .swiper-button-next2:hover {

        border: 1px solid #bbbbbb;

        background-image: url(../image/tr.png);

        background-color: rgb(255,255,255,0.6);

        animation:none;

    }

    .swiper-button-prev2:hover {

        border: 1px solid #bbbbbb;

        background-image: url(../image/tl.png);

        background-color: rgb(255,255,255,0.6);

        animation:none;

    }

    .case-read1{

        height: 210px;

        margin-top: 55px;

    }

    .case-read1-video{

        display: none;

    }

    .video-onovdiv{

        left: 50%;

        top: 50%;

        bottom: auto;

        transform: translate(-50%,-50%);

    }

    .case-read1 .case-read1-btn{

        width: 50px;

        height: 50px;

    }

    .video-on:before{

        width: 50px;

        height: 50px;

    }

    .case-read1 .case-read1-btn .icon{

        width: 15px;

        height: 33px;

    }

    .bnavclass{

        display: none;

    }

    .mnavclass{

        display: block;

    }

    .page_ptn_classli{

        height: 36px;

        line-height: 36px;

        font-size: 14px;

        border-top: none;

    }

    .page_ptn_class .active {

        border-top: 3px solid #c52725;

    }

    .page_ptn_classsma{

        height: 50px;

    }

    .page_ptn_classsma_l{

        font-size: 13px;

        line-height: 50px;

        margin: 0px 9px;

    }

    .page_ptn_classsma .active {

        border-bottom: 2px solid #C52725;

    }

    .page_prodet_top_con {

        margin: 40px auto 0;

        width: 84%;

        text-align: center;

    }

    .page_prodet_top_cona {

        font-size: 26px;

        line-height: 27px;

    }

    .page_prodet_top_conb {

        font-size: 15px;

        line-height: 15px;

        margin-top: 7px;

    }

    .page_prodet_top_cong {

        width: 140px;

        height: 40px;

        margin: 30px auto 0;

    }

    .freetalk{

        width: 130px;

        height: 35px;

        font-size: 16px;

        line-height: 35px;

    }

    .page_prodet_top{

        padding: 0 0 70px;

    }

    .page_prodet_bot {

        padding: 60px 0;

    }

    .page_prodet_bblimg img{

        width: 100%;

    }

    .page_prodet_bot_{

        text-align: center;

    }

    .page_prodet_bot_a{

        display: inline;

        width: 100%;

        padding: 0 0px 15px;

        border-bottom: 2px solid #c52725;

        font-size: 26px;

        line-height: 30px;

    }

    .page_prodet_bot_b {

        margin: 40px auto 0;

        width: 84%;

        display: block;

    }

    .page_prodet_bot_bli {

        margin: 0 0 20px;

    }

    .page_prodet_bblte {

        text-align: center;

        padding: 15px 0;

        font-size: 16px;

        line-height: 16px;

    }

    .page_prodet_bot_c {

        width: 84%;

        margin: 40px auto 0;

        text-align: center;

    }

    .page_prodet_bot_ca {

        font-size: 22px;

        line-height: 30px;

    }

    .page_prodet_bot_cb {

        margin-top: 15px;

        font-size: 17px;

        line-height: 25px;

    }

    .page_prodet_bot_d {

        max-width: 280px;

        display: flex;

        justify-content: space-between;

        margin: 40px auto 0;

    }

    .page_prodet_bot_morebtn {

        width: 130px;

        height: 35px;

        font-size: 16px;

        line-height: 31px;

    }

    .page_wonddet{

        padding: 40px 0 40px;

        margin-top: 55px;

    }

    .page_wondt_ {

        width: 84%;

    }

    .p_wondt_head {

        font-size: 24px;

        line-height: 25px;

    }

    .p_wondt_list_p_sma{

        margin-top: 5px;

    }

    .p_wondt_list_videoplay{

        width: 50px;

        height: 50px;

    }

    .p_wondt_list_videoplay:before{

        width: 50px;

        height: 50px;

    }

    .p_wondt_list_videoplay .icon {

        width: 15px;

        height: 33px;

    }

    .p_wondt_list_videov #videow{

        object-fit: contain !important;

    }

    .swiper-wondtsma-container .swiper-slide-thumb-active .swsliwondtsmaimgbg {

        background-color: transparent;

        border: 2px solid #C52725;

        opacity: 0.8;

    }

    .swiper-button-prevwp {

        width: 40px;

        height: 40px;

    }

    .swiper-button-nextwp{

        width: 40px;

        height: 40px;

    }

    .p_wondt_list_time{

        float: none;

    }

    .p_wondt_list_time span {

    margin-right: 30px;

}

    .p_wondt_list_time span:nth-child(2){

        margin-right: 0px;

    }

    .p_wondt_list_share{

        float: none;

        margin-top: 15px;

    }

    .pp_wondt_nepr {

        margin-top: 20px;

    }

    .pp_wondt_ner{

        display: none;

    }

    .pp_wondt_prr{

        display: none;

    }

    .pp_wondt_prl, .pp_wondt_nel {

        font-size: 16px;

        line-height: 16px;

        margin-bottom: 0;

    }

    .pp_wondt_nel{

        text-align: right;

    }

    .swsliwondtbigimg{

        max-height: 160px;

    }

    .pagede_new {

        padding: 40px 0 50px;

        margin: 55px 0 0;

    }

    .pagede_new_{

        width: 84%;

    }

    .pde_new_head {

        font-size: 24px;

        line-height: 30px;

    }

    .pde_new_timeshare .p_wondt_list_share{

        display: none;

    }

    .pde_new_timeshare {

        margin-top: 15px;

        padding: 10px 0;

    }

    .pde_new_con {

        margin-top: 25px;

        font-size: 16px;

        line-height: 25px;

    }

    .pde_new_prne {

        margin: 40px 0 20px;

    }

    .pde_new_pr{

        width: 100%;

        height: 30px;

        line-height: 30px;

        background: none;

        background-size: 30px 30px;

        text-indent: 0px;

        font-size: 13px;

    }

    .pde_new_ne{

        width: 100%;

        background: none;

        padding-right: 33px;

        background-size: 30px 30px;

        font-size: 13px;

    }

    .pde_new_pr_, .pde_new_ne_{



    }

    .pde_new_prspc, .pde_new_nespc{

        display: none;

    }

    .pde_new_ne:hover{

        background: url("../image/toright.png") no-repeat right;

        background-size: 30px 30px;

    }

    .pde_new_pr:hover{

        background: url("../image/toleft.png") no-repeat left;

        background-size: 30px 30px;

    }

    .pde_new_abtj_head {

        font-size: 24px;

        line-height: 25px;

        margin: 40px 0 0px;

    }

    .index_newli {

        width: 100%;

        float: none;

        margin: 30px 0 0px 0;

        cursor: pointer;

    }

    .index_newli_info {

        float: left;

        margin-left: 15px;

        width: 65%;

    }

    .index_newli_ihead{

        font-size: 17px;

    }

    .index_newli_idesc{

        font-size: 14px;

        line-height: 27px;

    }

    .head1{

        display: none !important;

    }

    .indexpagea .head2{

        display: block !important;

    }

    .casepageinfas .head2{

        display: block !important;

    }

    .m_index_banner{

        display: block;

        position: relative;

        width: 100%;

        margin-top: 55px;

    }

    .index_banner{

        display: none;

        position: relative;

        width: 100%;

        height: 100vh;

    }

    .index_bannersli{

        position: relative;

        height: 260px;

    }

    .index_banner3left{

        left: 50%;

        top: 50%;

        transform: translate(-50%,-50%);

    }

    .index_banner3lefta{

        font-size: 21px;

        line-height: 21px;

    }

    .index_banner3leftb{

        margin: 20px 0 20px;

    }

    .index_banner3leftb div{

        background: url("../image/navli.png") no-repeat left;

        background-size: 6px 6px;

        font-size: 12px;

        line-height: 25px;

        text-indent: 11px;

    }

    .index_banner3lefttn{

        width: 184px;

        height: 38px;

        background-color: #c52725;

        border-radius: 50px;

        font-size: 12px;

        line-height: 38px;

    }

    .index_banner3lefttn span{

        font-size: 14px;

    }

    .mindex_bannertextcenter1 div {

        background: linear-gradient(

                to bottom,

                hsl(0 0% 100%),

                hsl(0 0% 75%)

        );

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        font-size: 24px;

        line-height: 26px;

        font-weight: bold;

        text-align: center !important;

    }

    .mindex_bannertextcenter2{

        margin-top: 10px;

    }

    .mindex_bannertextcenter2 div{

        font-size: 10px;

        color: #a2abb4;

        line-height: 11px;

        letter-spacing: 2px;

        text-align: center !important;

    }

    .index_bannertextcenter{

        width: 84%;

        text-align: center;

    }

    .demo_index_fourimg{

        width: 84%;

        margin: 0 auto;

    }

    .demo .index_fourimgli{

        margin-bottom: 30px;

    }

    .index_4spage {

        padding: 70px 0 40px;

    }

    .index_page_headbig{

        font-size: 20px;

        line-height: 20px;

    }

    .index_page_headsma{

        font-size: 10px;

        line-height: 10px;

        letter-spacing: 2px;

    }

    .index_fourimg{

        display: block;

        margin-top: 40px;

    }

    .index_4spage .content{

        bottom: 80px;

        opacity: 1;

    }

    .index_fourimgli_text_d{

        transform: translateY(-40px);

    }

    .index_fourimgli2 .box:before, .index_fourimgli2 .box:after, .index_fourimgli2 .box-content:before, .index_fourimgli2 .box-content:after{

            width: 25.1%;

        transform: translateY(0%);

    }

    .index_fourimgli4 .box:before, .index_fourimgli4 .box:after, .index_fourimgli4 .box-content:before, .index_fourimgli4 .box-content:after{

            width: 25.1%;

        transform: translateY(0%);

    }

    .index_fourimgli_text4 {

        font-size: 28px;

        line-height: 30px;

    }

    .index_fourimgli_text2 {

        font-size: 18px;

        line-height: 20px;

    }

    .index_fourimgli_text1 span {

        font-size: 57px;

    }

    .index_fourimgli_text1 {

        font-size: 31px;

    }

    .index_4spage .box:hover:before,



    .index_4spage .box:hover:after,



    .index_4spage .box:hover .box-content:before,



    .index_4spage .box:hover .box-content:after{



        transform: translateY(-100%);



    }

    .index_4spage .box:hover .content {

         opacity: 1;

         bottom: 80px;

    }

    .index_fourimgli:hover .index_fourimgli_redbg{



        opacity: 0;



    }

    .index_4spage .box:hover img{ filter: grayscale(0); }





    .rinfo_a, .rinfo_b, .rinfo_c{

        display: none;

    }

    .index_fourmaintitleli{

        height: 35px;

        line-height: 35px;

        font-size: 12px;

        border-top: 2px solid #EFEFEF;

    }

    .index_fourmaintitle .active {

        border-top: 2px solid #c52725;

        background-color: #FFFFFF;

        font-size: 14px;

        color: #c52725;

    }

    .index_fourmainconheadli {

        margin: 0 15px;

    }

    .index_fourmainconheadli {

        width: auto;

        font-size: 12px;

        margin: 0;

        padding: 0 10px;

    }

    .index_fourmaincontent {

        margin-top: 20px;

    }

    .index_fourmainconheadlibg {

        height: 20px;

    }

    .index_fourmain{

        display: none;

    }

    .index_1v1page_trhliimg {

        display: none;

    }

    .index_1v1page_trh{

        display: block;

    }

    .index_1v1page_trhli{

        font-size: 12px;

        line-height: 12px;

    }

    .index_1v1page_head {

        padding: 70px 0 15px;

    }

    .index_1v1page_talkbtn {

        margin: 30px auto 0;

    }

    .index_1v1page_bottom {

        width: 100%;

        padding: 15px 0;

        margin-top: 50px;

    }

    .index_1v1page_bottom_{

        display: block;

    }

    .index_1v1page_bli:nth-child(1){

        width: 50%;

        float: left;

        border-bottom: 1px solid #1D254B;

        padding: 0 0 15px 0;

    }

    .index_1v1page_bli:nth-child(2){

        width: 50%;

        float: right;

        border-bottom: 1px solid #1D254B;

        border-right: none;

        border-left: none;

        padding: 0 0 15px 0;

    }

    .index_1v1page_bli:nth-child(3){

        width: 50%;

        float: left;

        margin-top: 15px;

        padding: 0 0 15px 0;

        border: none;

    }

    .index_1v1page_bli:nth-child(4){

        width: 50%;

        float: right;

        margin-top: 15px;

        padding: 0 0 15px 0;

        border: none;

    }

    .index_1v1page_bli{

        text-align: center;

    }

    .index_1v1page_bli1{

        font-size: 16px;

        line-height: 21px;

    }

    .index_1v1page_bli2{

        font-size: 12px;

        line-height: 14px;

        margin-top: 3px;

    }

    .index_casepage_ {

        padding: 70px 0 0;

    }

    .index_casemaintwo {

        width: 84%;

        margin: 40px auto 0;

    }

    .index_casemaintwol:nth-child(1) {

        width: 100%;

        float: none;

        margin-bottom: 30px;

    }

    .index_casemaintwol:nth-child(2) {

        width: 100%;

        float: none;

    }

    .index_casemaintwodesclogo{

        width: 100%;

        float: none;

        height: auto;

        padding: 10px 0;

        text-align: center;

    }

    .index_casemaintwodesclogo img{

        width: 50%;

        position: static;

        top: 50%;

        left: 50%;

        transform: translate(0);

    }

    .i_casepalydiv{

        width: 30px;

        height: 30px;

    }

    .index_casemaindesc_ {

        width: auto;

        float: none;

        padding: 7px 10px;

    }

    .index_casemaindesc_1{

        font-size: 16px;

        line-height: 20px;

    }

    .index_casemaindesc_2 {

        font-size: 12px;

    }

    .index_caselist {

        width: 100%;

        margin-top: 30px;

        padding-bottom: 70px;

    }

    .index_caselist_ {

        width: 84%;

        margin: 0 auto 0;

        position: relative;

    }

    .index_caselist_li {

        width: 100%;

        float: none;

        margin: 0 0 30px;

    }

    .index_caselist_{

        display: none;

    }

    .mindex_caselist_{

        display: block;

    }

    .i_casemorebtn {

        width: 92px;

        height: 31px;

        line-height: 31px;

        font-size: 12px;

    }

    .morebtn{

        width: 92px;

        height: 31px;

        line-height: 31px;

        font-size: 12px;

        padding-left: 15px;

        background-position: 70px center;

    }

    .index_flowpage {

        padding: 50px 0 70px;

        background-color: #EFEFEF;

    }

    .i_flowconhead {

        margin-top: 0;

    }

    .index_flowlist {

        margin: 20px 0 50px;

    }

    .index_flowpage_bg{

        display: none;

    }

    .index_flowcontent{

        position: relative;

    }

    .index_flowlistli {

        width: 50%;

        max-height: 130px;

    }

    .index_flowlibtn {

        width: 92px;

        height: 31px;

        margin: 10px auto 0;

    }

    .index_brandpage {

        padding: 50px 0 70px;

    }

    .index_brandlist {

        margin: 15px 0 50px;

    }

    .index_brandpage_ {

        background-position-y: -15px;

    }

    .indebranpi{

        margin: 10px auto 0;

    }

    .index_brandlistli {

        width: 50%;

        height: 140px;

    }

    .index_brandlili_imgdiv {

        width: 65%;

    }

    .iibramobtn {

        width: 92px;

        height: 31px;

    }

    .index_brandpage_desc{

        font-size: 12px;

        line-height: 14px;

    }

    .index_businpagebgimg{

        display: none;

    }

    .mindex_businpagebgimg{

        display: block;

    }

    .index_businpage_con {

        position: relative;

        top: auto;

        left: auto;

        bottom: 0;

        transform: translate(0);

        background-color: #000000;

    }

    .index_businpage_conhead{

        font-size: 24px;

        line-height: 30px;

        letter-spacing: 0px;

    }

    .index_businpage_context{

        font-size: 12px;

        line-height: 22px;

        margin-top: 30px;

    }

    .index_businpage_conbtn {

        margin-top: 30px;

    }

    .index_businpage_talkbtn{

        width: 120px;

        height: 30px;

        font-size: 12px;

        line-height: 30px;

    }

    .index_businpage_con_{

        width: 84%;

        margin: 0 auto;

        padding: 0px 0 70px;

    }

    .index_newspage {

        padding: 50px 0 70px;

    }

    .index_newspage_ {

        width: 84%;

        margin: 0 auto;

    }

    .index_newmainlist{

        margin-top: 40px;

        padding-bottom: 0px;

    }

    .index_newmainli{

        display: none;

    }

    .index_newmainli:nth-child(1){

        display: block;

        width: 100%;

    }

    .index_newmlimg {

        min-height: auto;

    }

    .index_newmlimgimpij{

        width: 100%;

    }

    .index_newmldate {

        margin-top: 20px;

    }

    .index_newlibtn {

        width: 92px;

        height: 31px;

        margin: 50px auto 0;

    }

    .index_simpage_bgimg{

        width: auto;

        height: 160px;

    }

    .index_simpage_contit{

        font-size: 10px;

        line-height: 24px;

    }

    .index_simpage_contex {

        font-size: 16px;

        line-height: 24px;

        margin-top: 10px;

    }

    .index_simpage_conbtn {

        width: 120px;

        height: 30px;

        margin: 25px auto 0;

    }

    .index_simpage_talkbtn {

        width: 120px;

        height: 30px;

        font-size: 14px;

        line-height: 30px;

    }

    .index_simpage_con{

        width: 100%;

        text-align: center;

    }

    .bottom__trmap{

        display: none;

    }

    .bottom__tr{

        text-align: center;

    }

    .bottom__tl{

        text-align: center;

    }

    .bottom_ttr2{

        font-size: 20px;

        line-height: 26px;

    }

    .bottom_ttr3, .bottom_ttr4{

        font-size: 12px;

        margin-top: 0;

    }

    .bottom_{

        display: none;

    }

    .bottom__tla{

        display: block;

    }

    .bottom__tlaa{

        display: inline;

    }

    .bottom__tlaaaa{

        display: block;

    }

    .aboutmpagea .head2{

        display: block !important;

    }

    .about_banner{

        margin-top: 55px;

    }

    .about_bannerteh {

        font-size: 28px;

        line-height: 30px;

    }

    .about_bannertee{

        width: 190px;

        font-size: 12px;

        line-height: 20px;

        letter-spacing: 3px;

    }

    .about_bannerte {

        width: 240px;

        position: absolute;

        top: 42%;

        left: 12%;

    }

    .page_aboutaa {

        padding: 50px 0 0px;

    }

    .pag_about_headch{

        font-size: 30px;

        line-height: 35px;

    }

    .pag_about_headen{

        font-size: 12px;

        line-height: 14px;

        letter-spacing: 2px;

        margin: 10px 0;

    }

    .page_about_headunder{

        width: 16px;

    }

    .page_aboutaa_ {

        padding-bottom: 80px;

        background: url(../image/aboutjjbg.png) bottom;

        background-size: 85%;

        background-repeat: no-repeat;

        background-position-x: 100%;

    }

    .page_aboutaa_content{

        width: 84%;

        margin: 20px auto 20px;

        font-size: 14px;

        line-height: 20px;

        text-indent: 2em;

    }

    .ab_1v1page_bottom_{

        width: 84%;

        margin: 0 auto;

        display: block;

    }

    .aboutyg{

        display: none;

    }

    .ab_1v1page_blib1, .ab_1v1page_blib2, .ab_1v1page_blib3, .ab_1v1page_blib4{

        width: 50%;

        padding: 0;

        float: left;

    }

    .ab_1v1page_bli1{

        font-size: 16px;

        line-height: 16px;

    }

    .ab_1v1page_bli1 span{

        font-size: 13px;

    }

    .ab_1v1page_bli2{

        font-size: 12px;

    }

    .ab_1v1page_blib3, .ab_1v1page_blib4{

        margin-top: 15px;

    }

    .page_aboutab {

        padding: 50px 0 70px;

    }

    .page_aboutab_list{

        width: 84%;

        margin: 20px auto 0;

        padding: 0;

        display: block;

    }

    .page_aboutab_li{

        width: 50%;

        height: 180px;

        float: left;

    }

    .page_aboutab_liimgimg{

        width: 67px;

    }

    .page_aboutab_lite{

        font-size: 12px;

        line-height: 20px;

    }

    .page_aboutab_li:nth-child(odd){

        border-right: none;

    }

    .page_aboutab_li:nth-child(3), .page_aboutab_li:nth-child(4){

        border-top: none;

        border-bottom: none;

    }

    .page_aboutab_btn {

        width: 119px;

        height: 30px;

        margin: 50px auto 0;

    }

    .page_aboutab_btn_{

        width: 119px;

        height: 30px;

        line-height: 30px;

        font-size: 12px;

    }

    .page_aboutac{

        padding: 50px 0 50px;

    }

    .page_aboutac_{

        width: 84%;

        margin: 0 auto;

        padding: 0;

    }

    .page_aboutac_content{

        width: 100%;

        margin: 30px auto 0;

    }

    .page_aboutac_conli{

        margin: 0 0 20px;

    }

    .page_abtaconlibg{

        background-size: auto 100%;

    }

    .page_aboutac_conliteb{

        font-size: 12px;

        line-height: 25px;

        margin-top: 5px;

    }

    .page_aboutac_conlite{

        width: 63%;

    }

    .page_aboutac_conlitea{

        font-size: 15px;

    }

    .page_aboutac_conlitea span{

        font-size: 20px;

        margin-right: 6px;

    }

    .page_aboutad_content1{

        width: 140px;

        font-size: 20px;

        line-height: 30px;

    }

    .page_aboutad_content2, .page_aboutad_content3{

        display: none;

    }

    .ab_brandlistli{

        height: 140px;

    }

    .ab_brandlili_imgdiv{

        width: 65%;

    }

    .ab_brandlistli:hover .ab_brandlili_img {

        transform: translateY(0px);

    }

    .swiperabalzdbtn{

        height: 30px;

        margin-top: 60px;

    }

    .swiper-button-preva1{

        width: 40px;

        height: 40px;

        background-size: 40px 40px;

        left: 15%;

        top: 10px;

    }

    .swiper-button-nexta1{

        width: 40px;

        height: 40px;

        background-size: 40px 40px;

        right: 15%;

        top: 10px;

    }

    .swiper-button-preva1:hover{

        background-size: 40px 40px;

    }

    .swiper-button-nexta1:hover{

        background-size: 40px 40px;

    }

    .swiperabalzdbtn .swiper-pagination-bullet{

        width: 10px;

        height: 10px;

        margin: 0 8px;

    }

    .page_aboutae_ {

        padding-bottom: 70px;

    }

    .page_aboutaf_content{

        position: relative;

        top: 0px;

        margin-top: -210px;

    }

    .page_aboutaf_contenta, .page_aboutaf_contentb{

        font-size: 15px;

        line-height: 25px;

        margin-top: 0px;

    }

    .page_aboutaf_contenta span{

        font-size: 22px;

    }

    .page_aboutaf_contentb span{

        font-size: 22px;

    }

    .page_aboutaf_contente .box:hover img {

        filter: grayscale(0%);

    }

    .page_aboutaf_contente .box:hover .swiper-slide_zw {

        opacity: 1;

    }

    .page_aboutaf_contente .box:hover .swiper-slide_na {

        opacity: 1;

    }

    .page_aboutaf_contentc{

        margin-top: 10px;

        line-height: 15px;

        font-size: 14px;

    }

    .page_about_headunder{

        margin: 10px auto 0;

    }

    .page_aboutaf_contente {

        margin-top: 40px;

        position: relative;

        background-color: #233640;

    }

    .page_aboutaf_contente{

        padding-bottom: 70px;

    }

    .page_aboutag_ {

        margin-top: 0px;

    }

    .page_aboutaf_contente .box {

        height: 580px;

    }

    .abdaswconbtn .swiper-button-preva2{

        width: 40px;

        height: 40px;

        left: 26%;

        top: auto;

        bottom: 70px;

        outline: none;

    }

    .abdaswconbtn .swiper-button-nexta2{

        width: 40px;

        height: 40px;

        right: 26%;

        top: auto;

        bottom: 70px;

        outline: none;

    }

    .abdaswconbtn .swiper-button-nexta2:hover{

        border: none;

        background-image: url("../image/tr.png");

        background-color: rgb(255,255,255,0.6);

        animation: none;

    }

    .abdaswconbtn .swiper-button-preva2:hover{

        border: none;

        background-image: url("../image/tl.png");

        background-color: rgb(255,255,255,0.6);

        animation: none;

    }

    .sbswiperbtn .swiper-button-prevsb:hover{

        animation: none;

        background-color: rgb(255,255,255,0.6);

        background-image: url("../image/tl.png");

        background-repeat: no-repeat;

        background-position: center;

        background-size: 6px auto;

        border: 1px solid #bbbbbb;

    }

    .sbswiperbtn .swiper-button-nextsb:hover{

        animation: none;

        background-color: rgb(255,255,255,0.6);

        background-image: url("../image/tr.png");

        background-repeat: no-repeat;

        background-position: center;

        background-size: 6px auto;

        border: 1px solid #bbbbbb;

    }

    .swiper-button-nexta1:hover{

        width: 40px;

        height: 40px;

        background-image: url("../image/toright.png");

        background-repeat: no-repeat;

        background-size: 40px 40px;

    }

    .swiper-button-preva1:hover{

        width: 40px;

        height: 40px;

        background-image: url("../image/toleft.png");

        background-repeat: no-repeat;

        background-size: 40px 40px;

    }

    .abdaswcon {

        width: 84%;

    }

    .abdaswconbtn{

        width: 100%;

        top: 100%;

        left: 0;

        transform: translate(0,0);

        z-index: 9999999999;

    }

    .page_aboutaf_contente .content{

        display: none;

    }

    .page_aboutaf_contente .box:before, .page_aboutaf_contente .box:after, .page_aboutaf_contente .box-content:before, .page_aboutaf_contente .box-content:after{

        display: none;

    }

    .page_aboutag{

        display: none;

    }

    .page_aboutah {

        padding: 50px 0 70px;

    }

    .page_aboutah_ {

        width: 84%;

        margin: 0 auto 0;

    }

    .page_aboutah_la{

        font-size: 20px;

        line-height: 26px;

    }

    .page_aboutah_lb{

        font-size: 12px;

        line-height: 14px;

        letter-spacing: 2px;

        margin: 10px 0 10px;

    }

    .page_aboutah_r{

        width: 100%;

        margin: 30px auto 0;

        height: auto;

    }

    .page_aboutah_l {

        width: 100%;

        text-align: center;

        height: auto;

    }

    .page_aboutah_r_sma{

        opacity: 0;

        z-index: -99;

    }

    .page_aboutah_r_big  .swiper-slide{

        padding-bottom: 40px;

    }

    .bswipersbconbigimg img{  

        width: 100%;

    }

    .bswipersbconbigtext{

        background-image: none;

        text-align: center;

        right: 50%;

        text-indent: 0;

        transform: translateX(50%);

    }

    .sbswiperbtn {

        width: 100%;

        position: relative;

        height: 80px;

        margin-top: 0px;

        outline: none;

    }

    .sbswiperbtn .swiper-button-prevsb{

        width: 40px;

        height: 40px;

        left: 26%;

    }

    .sbswiperbtn .swiper-button-nextsb{

        width: 40px;

        height: 40px;

        right: 26%;

    }

    .page_aboutad_content{

        width: 70%;

    }



    #newBridge .nb-icon-right-center{

        right: 0 !important;

        bottom: 10px !important;

        top: auto !important;



    }

    .wondedetailbody{

        background: #0D0E0F;

    }



    .product_hotnews {

        padding: 70px 0;

        background-color: #EFEFEF;

    }

    .product_hotnews_ {

        width: 84%;

    }

    .product_hotnews_titd{

        font-size: 30px;

        line-height: 35px;

    }

    .product_hotnews_titx{

        line-height: 10px;

        letter-spacing: 7px;

        color: #8f8f8f;

        margin-top: 12px;

    }

    .product_hotnews_list {

        margin-top: 40px;

        padding-left: 0;

    }

    .product_hotnews_li {

        width: 100%;

    }

    .product_hotnews_li-l {

        width: 50px;

        height: 50px;

    }

    .product_hotnews_li-r {

        width: 72%;

        height: 50px;

        line-height: 50px;

        text-indent: 15px;

        font-size: 17px;

    }

    .product_hotnews_li-l-d {

        font-size: 19px;

        line-height: 20px;

        margin-top: 5px;

    }

    .product_hotnews_li-l-y {

        font-size: 12px;

        line-height: 12px;

    }

    .prohotnew_btn {

        width: 150px;

        height: 45px;

        margin: 30px auto 0;

        font-size: 16px;

        line-height: 45px;

    }

    .pronew_newli{

        width: 100%;

        float: none;

        margin: 30px 0 0px 0;

        cursor: pointer;

    }

    .prohotnew_btna{

        margin: 60px auto 0;

    }



.bottom_cnzz{margin-left:35%;}

.bottomAD{
    display: block;
}

}