@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

}

@media screen and (min-width: 2000px) {
}

@media screen and (max-width: 1999px) and (min-width: 1499px) {
}




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

.m_company {
    width: 100%;
    height: auto;
    background: transparent;
    float: left;
    margin: 1% 0 4% 0;
    position: relative;
    z-index: 15;
    display: flex;
    align-items: normal;
    justify-content: normal;
    flex-flow: nowrap;
}

.m_compimg {
    width: 38%;
    max-width: 680px;
    float: left;
    margin: 6% 0 0 11.6%;
    position: relative;
    z-index: 8;
}
.m_comptxt {
    width: 48.6%;
    max-width: 960px;
    height: auto !important;
    min-height: 450px;
    float: left;
    margin: 0% 0 2% -3%;
    position: relative;
    z-index: 4;
    padding: 3% 6% 3% 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.11);
}



}

/*

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


.m_navi {
    width: 1100px;
    display: block;
    margin: 0 auto;
}
    .m_navi ul { width: 100%; height: 120px; float: left; position: relative; margin-left: 0px; text-align: center; display: flex; }
    .m_navi ul li:nth-child(3) img { width: 90%; height: auto; display: block; margin: 10px auto; }



    .m_inc_cokk h3{font-size:40px;}
    .m_inc_cokk h3{font-size:30px;}

    .s_bancon h3{font-size:30px;}
    .s_bancon h4{font-size:20px;}



.m_index {
    width: 94%;
    max-width: 1100px;
    display: block;
    margin: 0 auto;
}


.m_cuslist dl dt .dbox1 .dbiao{font-size:26px;}

.m_cuslist dl dt .dbox1 .dxqing{font-size:20px;}

.m_cuslist dl dd .dbox1 .dbiao{font-size:18px;}
.m_cuslist dl dd .dbox1 .dxqing{font-size:16px;}


.m_cuslist dl dt:hover .dbox1 .dbiao{font-size:26px;}

.m_cuslist dl dt:hover .dbox1 .dxqing{font-size:20px;}

.m_cuslist dl dd:hover .dbox1 .dbiao{font-size:18px;}
.m_cuslist dl dd:hover .dbox1 .dxqing{font-size:16px;}


.m_proc ul li img{width:50px;}
.m_proc ul li .pbiao{font-size:18px;}

.m_proc ul li .pxiang{font-size:13px;}





.m_door { width: 1100px; height:487px; float: left; margin: 3% 0 4% 0; background: url(../images/index_dobg.jpg) no-repeat center bottom; background-size:100% 100%; }

.m_dtable { width: 600px; height: 370px; float: right; margin: 60px 40px 0 0; background: #fff; padding: 0 20px; }


.m_compimg {
    width: 42%;
    max-width: 680px;
    float: left;
    margin: 0% 0 0 10.6%;
    position: relative;
    z-index: 8;
}

.m_comptxt {
    width: 54.6%;
    max-width: 960px;
    height: auto !important;
    min-height: 450px;
    float: left;
    margin: 0% 0 2% -3%;
    position: relative;
    z-index: 4;
    padding: 3% 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.11);
}


.m_foot1 {
    width: 640px;
    float: left;
    margin-top: 40px;
    position: relative;
}
.m_foot1 ul li {
    width: 100px;
    float: left;
    margin: 0px 60px 0 0;
    position: relative;
}

.s_service ul {
    width: 107%;
    float: left;
    margin: 3% 0 4% 0;
}


.s_about1 ul {
    width: 105%;
    max-width: initial;
    float: left;
}

.s_about1 ul li {
    width: 17%;
    max-width: initial;
    height: auto;
    padding: 1% 0 3% 0;
    background: #fff;
    border: 1px solid #3c606c;
    float: left;
    margin: 2% 2% 2% 0%;
    position: relative;
}


.s_about1 ul li .abiao{font-size:20px;}


.s_about1 ul li .axiang{font-size:14px;}


.s_dyna dl dd .dyimg {
    width: 24%;
    max-width: 315px;
    float: left;
    margin: 0;
    overflow: hidden;
}

.s_dyna dl dd .dycon {
    width: 54%;
    max-width: initial;
    float: left;
    margin:0% 2% 1% 2%;
} 

.s_psr_bt {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    margin: 0 0 3% 0;
}

}

*/

@media screen and (max-width:1299px) and (min-width:1001px) {


    .m_navi { width: 94%; max-width: initial; display: block; margin: 0 auto; }
    .m_navi ul { width: 100%; height: 120px; float: left; position: relative; margin-left: 0px; text-align: center; display: flex; }
    .m_navi ul li:nth-child(3) img { width: 90%; height: auto; display: block; margin: 18px auto; }


    .m_inc_cokk h3{font-size:40px;}
    .m_inc_cokk h3{font-size:30px;}

    .s_bancon h3{font-size:30px;}
    .s_bancon h4{font-size:20px;}

    /*上门量体  Door to door volume*/

    .m_door { width: 960px; height: 425px; float: left; margin: 3% 0 4% 0; background: url(../images/index_dobg.jpg) no-repeat center bottom; background-size: 100% 100%; }

    .m_dtable { width: 560px; height: 360px; float: right; margin: 40px 30px 0 0; background: #fff; padding: 0 20px; }

    .dinp1 { width: 244px; height: 54px; float: left; margin: 30px 10px 0 14px; padding-left: 10px; background: #fff; border: 1px solid #cccccc; font-size: 18px; color: #222; text-align: left; font-weight: normal; line-height: 54px; }

    .dinp2 { width: 534px; height: 54px; float: left; margin: 30px 0px 0 14px; }

    input.ECalendar { width: 95%; height: 54px; float: left; background: none; border: none; padding-left: 10px; padding-right: 2%; font-size: 18px; color: #222; text-align: left; font-weight: normal; line-height: 54px; position: relative; cursor: pointer; z-index: 10; }

    .dbtn { width: 536px; height: 54px; float: left; margin: 30px 0px 20px 14px; background: #3c606c; border: none; font-size: 20px; color: #fff; text-align: center; font-weight: normal; line-height: 54px; }


    .m_index {
    width: 94%;
    max-width: initial;
    display: block;
    margin: 0 auto;
}

    .m_compimg { width: 48%; max-width: initial; float: left; margin: 0% 0 0 4%; position: relative; z-index: 8; }

    .m_comptxt { width: 50.6%; max-width: initial; height: auto !important; min-height: 450px; float: left; margin: 0% 0 2% -3%; position: relative; z-index: 4; padding: 3% 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.11); }

    .m_compcon { width: 83%; float: left; margin: 3% 0 3% 60px; font-size: 14px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; }

    .m_compcon font { width: 100%; height: 300px; float: left; font-size: 14px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    .m_camore { width: 140px; float: left; margin: 30px 0 30px 0; }

    .m_camore a { width: 100%; height: 46px; float: left; background: #3c606c; border: none; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 46px; }


    .m_foot1 { width: 60%; max-width: 600px; float: left; margin-top: 40px; position: relative; }

    .m_foot1 ul { width: 200%; }
    .m_foot1 ul li { width: 20%; max-width: 100px; float: left; margin: 0px 5% 0 0; position: relative; }

    .m_foot1 ul li h4 { width: 100%; height: 50px; float: left; position: relative; font-size: 18px; color: #ffffff; text-align: left; font-weight: normal; line-height: 50px; }

    .m_foot1 ul li dl dt { width: 100%; float: left; }

    .m_foot1 ul li dl dt a { width: 100px; float: left; height: 25px; font-size: 14px; color: #ffffff; text-align: left; font-weight: normal; line-height: 25px; text-decoration: none; }

    .m_foot2 ul li font { width: 100%; float: left; margin: 1% 0 2% 0; height: 30px; font-size: 16px; color: #ffffff; text-align: center; font-weight: normal; line-height: 30px; text-decoration: none; }

    .bg_abo{background-size:cover;}

    .s_prodtype {
    width: 23%;
    max-width: initial;
    float: left;
    margin: 2% 0;
    padding: 0 0 2% 0;
    background:#fff;
    box-shadow: 0 5px 10px rgba(148,151,152,.55);
    display: block;
}
    .s_pright {
    width: 74%;
    max-width: initial;
    float: right;
    margin: 2% 0 2% 0;
    padding: 0 0 2% 0;
    display: block;
}

    

.xiny_head { width: 95%; height: auto !important; min-height:30px; float: left; padding: 10px 2% 10px 2%; cursor: pointer; position: relative; margin: 0px; font-weight: bold; background: #fff url(../images/pjio1.jpg) 90% 50% no-repeat; border-bottom: 1px solid #fff; }

.xiny_body { width: 100%; float: none; display: none; background: #fff; padding: 1% 0; font-size:14px; color: #888; text-align: left; line-height:30px; font-weight: 500; }

.xbiaot{width: 60%;
    height:34px;
    float: left;
    margin-left: 4%;
    font-size:16px;
    color: #000000;
    text-align: left;
    line-height: 34px;
    font-weight: normal;
    overflow: hidden;}

.d_list dl dt { width: 94%; height:34px; float: left; padding-left: 6%; font-size: 14px; color: #888; text-align: left; line-height: 34px; font-weight: 500; }
.d_list dl dt a { font-size: 14px; color: #333; text-align: left; line-height: 34px; font-weight: normal; }


.d_list dl dt:hover { width: 94%; height: 34px; float: left; padding-left: 6%; font-size:14px; color: #888; text-align: left; line-height: 34px; font-weight: 500; background: #faba4b; }

.s_psright {
    width: 52%;
    max-width: initial;
    background: transparent;
    float: right;
    margin: 0% 0 2% 0;
    padding: 0 0 2% 0;
    display: block;
}
.s_psr_bt {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    margin: 0 0 3% 0;
}
.s_psr_bt h3 {
    width: 100%;
    float: left;
    font-size: 26px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
}
.s_psr_bt .jianjie {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height:30px;
    font-weight: normal;
    margin:1% 0 3% 0;
}
.s_psr_bt font {
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
}

.s_psr_bt .jiage {
    width: 100%;
    float: left;
    font-size: 34px;
    color: #3c606c;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
    margin: 0 0 3% 0;
}

.s_psr_bt .jiage font {
    font-size: 22px;
    color: #3c606c;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
}
.s_psr_bt .jyue {
    width: 60%;
    max-width: initial;
    height: 50px;
    background: #3c606c;
    float: left;
    margin:2% 0 1% 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-weight: bold; 
}

.s_psr_show {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}


.s_psr_show .pbt {
    width: 100%;
    float: left;
    margin: 2% 0 1% 0;
    font-size: 15px;
    color: #333;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    padding: 10px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.m_proc ul li {
    width: 16%;
    max-width: 180px;
    float: left;
    margin: 1% 4% 0 0;
    position: relative;
}
.m_proc ul li img {
    width: 50px;
    display: block;
    margin: 4% auto 2% auto;
}

.m_proc ul li .pbiao {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 18px;
    color: #222;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_service ul {
    width: 103%;
    float: left;
    margin: 3% 0 4% 3%;
}

.s_service ul li font{font-size:36px;}

.s_service ul li h4{font-size:20px;}

.s_service ul li h5{font-size:16px;}

.s_about1 ul {
    width: 106%;
    max-width: initial;
    float: left;
}
.s_about1 ul li {
    width: 17%;
    max-width: initial;
    height: auto;
    padding: 1% 0 4% 0;
    background: #fff;
    border: 1px solid #3c606c;
    float: left;
    margin: 2% 2% 2% 0%;
    position: relative;
}

.s_about1 ul li .abiao {
    width: 78%;
    max-width: initial;
    height: 50px;
    float: left;
    margin-left: 11%;
    font-size: 18px;
    color: #3c606c;
    text-align: center;
    font-weight: bold;
    line-height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_about1 ul li .axiang {
    width: 78%;
    max-width: initial;
    height: 120px;
    float: left;
    margin-left: 11%;
    font-size: 14px;
    color: #222;
    text-align: center;
    font-weight: normal;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_about2 font {
    width: 48%;
    float: left;
    margin: 2% 0 0 0;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 24px;
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
}


.m_conta ul li .cobiao{font-size:18px;}
.m_conta ul li .coxiang{font-size:14px;}

}


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

    .m_headbox { width: 100%; height: 100px; float: left; position: relative; z-index: 22; display: none; }

    .mob_hbox { width: 100%; height: 5rem; float: left; position: relative; z-index: 22; display: block; }


    .m_banner { width: 100%; float: left; position: relative; z-index: 12; display: none; margin-top: -4px; }
    .mob_banner { width: 100%; float: left; position: relative; z-index: 12; display: block; }




    .z_head { position: fixed; width: 100%; left: 0; top: 0; z-index: 99; background: #fff; height: 5rem; display: flex; align-items: flex-start; justify-content: center; border-bottom: 1px solid #ddd; }

    .z_head .logo { float: none; margin:3% 0 0 3%; }
    .z_head .logo img { height:3rem; }
    .z_head .nav { position: absolute; width: 40px; height: 40px; background: url(../images/menu01.png) no-repeat center center; background-size: 100%; border-radius: 0px; right: 3%; top: 1rem; display: block; }

    .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0; top: 5rem; z-index: 99; display: none; }
    .z_nav .navleft { width: 0%; float: left; background: rgba(0,0,0,0); height: 100vh; overflow: hidden; }
    .z_nav .nav { width: 100%; float: right; background: #fff; height: calc(100% - 0rem); overflow-y: auto; overflow-x: hidden; }
    .z_nav .nav ul { width: 94%; float: left; margin: 3% 0 3% 3%; }
    .z_nav .nav ul li { width: 100%; float: left; border-bottom: 1px solid #f2f3f5; margin-bottom: 1rem; }
    .z_nav .nav ul li.selected { }
    .z_nav .nav ul li a { display: flex; align-items: flex-start; justify-content: flex-start; width: 94%; float: left; margin: 0 3%; font-size: 16px; color: #000000; margin-bottom: 1rem; }
    .z_nav .nav ul li a img.vimg1 { width: 1rem; display: block; margin: 4% 4% 4% 6%; }
    .z_nav .nav ul li a img.vimg2 { width: 1rem; display: none; margin: 4% 4% 4% 6%; }

    .z_nav .nav ul li.selected a img.vimg1 { width: 1rem; display: none; margin: 4% 4% 4% 6%; }
    .z_nav .nav ul li.selected a img.vimg2 { width: 1rem; display: block; margin: 4% 4% 4% 6%; }

    .z_nav .nav ul li ul { background: #fff; margin: 0; padding: 1rem 3rem; box-sizing: border-box; }
    .z_nav .nav ul li ul li { border: 0; margin-bottom: 0.5rem; padding: 0; border-bottom: 1px solid #f2f3f5; }
    .z_nav .nav ul li ul li a { font-size: 14px; color: #333333; margin-bottom: 0; }

    .mobs_bannimg img {
    width: 100%;
    height: 16rem;
}

    .m_index { width: 94%; max-width: initial; display: block; margin: 0 auto; }

    .m_inc_cokk { width: 100%; float: left; margin: 3% 0; }

    .m_inc_cokk h3 { width: 100%; float: left; font-family: 'siyuan-Light',Arial; font-size: 24px; color: #dddddd; text-align: center; font-weight: normal; line-height: 50px; position: relative; z-index: 5; text-transform: uppercase; letter-spacing: 2px; }

    .m_inc_cokk h4 { width: 100%; float: left; font-family: 'siyuan-Bold','Microsoft YaHei',Arial; font-size: 20px; color: #222222; text-align: center; font-weight: bold; line-height: 40px; position: relative; z-index: 7; margin-top: -30px; margin-bottom: 10px; padding-bottom: 5px; letter-spacing: 2px; }

    .m_inc_cokk h4::after { width: 60px; height: 2px; float: left; position: absolute; left: 50%; margin-left: -30px; bottom: 0; content: ''; background: #3c606c; border: 1px solid #1c2d32; }



    .tDGai .Dgcon ul { width: 104%; margin-left: -3%; }

    .tDGai .Dgcon ul li { width: 30%; max-width: initial; margin: 0 1% 2% 2%; height: 36px; float: left; text-align: center; color: #222; font-size: 14px; background: #f2f3f5; line-height: 36px; border-bottom: 1px solid #fff; cursor: pointer; }

    .tDGai .Dgcon .active { width: 30%; max-width: initial; margin: 0 1% 2% 2%; height: 36px; float: left; font-size: 14px; color: #3c606c; text-align: center; font-weight: normal; line-height: 36px; border-bottom: 1px solid #3c606c; overflow: hidden; }


    .tDGai .tea2Content { width: 100%; height: auto; float: left; margin: 0 0 0 0%; overflow: hidden; padding-top: 0px; background: #fff; display: block; }



    .m_cuslist dl dt { width: 100%; float: left; margin: 2% 0% 0 0; position: relative; overflow: hidden; }



    .m_cuslist dl dt .dbox1 .dbiao { width: 94%; margin: 80% 0% 0% 3%; height: 30px; float: left; font-size: 18px; color: #fff; text-align: center; font-weight: bold; line-height: 30px; overflow: hidden; }

    .m_cuslist dl dt .dbox1 .dxqing { width: 94%; margin: 1% 0% 2% 3%; height: 20px; float: left; font-size: 14px; color: #fff; text-align: center; font-weight: normal; line-height: 20px; overflow: hidden; }

    .m_cuslist dl dt .dbox1 .dxmore { width: 110px !important; display: block; margin: 20px auto 0 auto; }

    .m_cuslist dl dt .dbox1 .dxmore font { width: 100%; height: 28px; float: left; border: 1px solid #fff; font-size: 12px; color: #fff; text-align: center; font-weight: normal; line-height: 28px; }



    .m_cuslist dl dd { width: 48%; float: left; margin: 2% 2% 0 0; position: relative; overflow: hidden; }



    .m_cuslist dl dd .dbox1 { width: 100%; height: 100%; float: left; margin: 0; background: url(../images/tpic2_bg.png) no-repeat center bottom; background-size: 100% 100%; position: absolute; z-index: 6; left: 0; top: 0; }

    .m_cuslist dl dd .dbox1 .dbiao { width: 94%; margin: 60% 0% 0% 3%; height: 30px; float: left; font-size: 16px; color: #fff; text-align: center; font-weight: bold; line-height: 30px; overflow: hidden; }


    .m_cuslist dl dd .dbox1 .dxqing { width: 94%; margin: 1% 0% 2% 3%; height: 20px; float: left; font-size: 14px; color: #fff; text-align: center; font-weight: normal; line-height: 20px; overflow: hidden; }

    .m_cuslist dl dd .dbox1 .dxmore { width: 80px !important; display: block; margin: 20px auto 0% auto; }

    .m_cuslist dl dd .dbox1 .dxmore font { width: 100%; height: 28px; float: left; border: 1px solid #fff; font-size: 12px; color: #fff; text-align: center; font-weight: normal; line-height: 28px; }



    .bg_abo { width: 100%; float: left; height: auto !important; min-height: initial; background: #fff url(../images/all_bg2.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; }


    .m_proc ul { width: 100%; float: left; }

    .m_proc ul li { width: 100%; max-width: initial; height: auto; float: left; margin: 3% 0 4% 0; background: url(../images/c_upp.png) no-repeat center bottom; padding-bottom: 60px; background-size: 26px 22px; position: relative; }

    .m_proc ul li:last-child { width: 100%; max-width: initial; height: auto; float: left; margin: 3% 0 4% 0; background: none; padding-bottom: 60px; background-size: 26px 22px; position: relative; }

    .m_proc ul li::after { width: 23px; height: 26px; background: url(../images/c_upp.png) no-repeat center bottom; float: right; position: absolute; bottom: 0px; left: 50%; margin-left: -11px; content: ''; display: none; }
    .m_proc ul li:last-child::after { width: 23px; height: 26px; background: url(../images/c_upp.png) no-repeat center bottom; float: right; position: absolute; top: 100px; right: -30px; content: ''; display: none; }


    .m_proc ul li img { width: 40px; display: block; margin: 4% auto 2% auto; }

    .m_proc ul li .pxiang { width: 100%; height: auto; float: left; font-size: 14px; color: #222; text-align: center; font-weight: normal; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    /*首页 上门量体*/
    .m_door { width: 94%; height: auto !important; min-height: initial; float: left; margin: 3% 0 4% 3%; background: url(../images/mob_dobg.jpg) no-repeat center bottom; background-size: cover; }



    .m_dtable { width: 94%; height: auto; float: right; margin: 16% 3% 4% 0; background: #fff; padding: 0; }

    .dinp1 { width: 92%; height: 40px; float: left; margin: 6% 10px 0 3%; padding-left: 2%; background: #fff; border: 1px solid #cccccc; font-size: 14px; color: #222; text-align: left; font-weight: normal; line-height: 40px; }

    .dinp2 { width: 94%; height: 40px; float: left; margin: 6% 0px 0 3%; }

    input.ECalendar { width: 98%; height: 40px; float: left; background: none; border: none; padding-left: 2%; font-size: 14px; color: #222; text-align: left; font-weight: normal; line-height: 40px; position: relative; cursor: pointer; z-index: 10; }

    .dbtn { width: 94%; height: 40px; float: left; margin: 6% 0px 3% 3%; background: #3c606c; border: none; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 40px; }


    .calendarWarp { width: 100%; height: 40px !important; float: left; border: 1px solid #ccc; position: relative; }


    .m_company { width: 94% !important; height: auto; background: transparent; float: left; margin: 1% 0 4% 6%; position: relative; z-index: 15; display: flex; align-items: initial; justify-content: initial; flex-flow: column; }



    .m_compimg { width: 90%; max-width: initial !important; float: left; margin: 3% 0 0 2%; position: relative; z-index: 8; }

    .m_compimg img { width: 100%; }


    .m_comptxt { width: 98%; max-width: 960px; height: auto !important; min-height: initial; float: left; margin: -10% 0 2% -2%; position: relative; z-index: 4; padding: 13% 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.11); }


    .m_compcon { width: 94%; float: left; margin: 0% 0 3% 3%; font-size: .9rem; color: #333333; text-align: left; font-weight: normal; line-height: 1.5; }


    .m_compcon font { width: 100%; float: left; font-size: .9rem; color: #333333; text-align: justify; font-weight: normal; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; }


    .m_camore { width: 120px; float: left; margin: 4% 0 5% 0; }


    .m_camore a { width: 100%; height: 34px; float: left; background: #3c606c; border: none; font-size: 14px; color: #fff; text-align: center; font-weight: normal; line-height: 34px; }



    .m_conta { width: 100%; float: left; margin: 2% 0; }

    .m_conta ul { width: 100%; float: left; }
    .m_conta ul li { width: 48%; max-width: initial; float: left; margin: 3% 0% 0 2%; position: relative; }

    .m_conta ul li img { width: 40px; display: block; margin: 4% auto 4% auto; }

    .m_conta ul li .cobiao { width: 100%; height: 40px; float: left; font-size: 18px; color: #222; text-align: center; font-weight: normal; line-height: 40px; text-overflow: ellipsis; overflow: hidden; }


    .m_conta ul li .coxiang { width: 100%; height: 80px;  word-wrap: break-word; float: left; font-size: 14px; color: #222; text-align: center; font-weight: normal; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    .m_conta ul li .coxiang a { color: #222; }




    .m_foot1 { width: 98%; float: left; margin-top: 40px; position: relative; }

    .m_foot1_bt { width: 100%; float: left; position: relative; border-bottom: 1px solid transparent; font-family: Arial; font-size: 18px; color: #ffffff; text-align: center; font-weight: normal; line-height: 30px; text-transform: uppercase; display: block; }

    .m_foot1_bt font { width: 100%; float: left; position: relative; font-size: 16px; color: #ffffff; text-align: center; font-weight: normal; line-height: 30px; }
    .m_foot1 ul { width: 100%; float: left; position: relative; margin-bottom: 4%; }
    .m_foot1 ul li { width: 25%; float: left; margin: 4% 0% 0 0; position: relative; }

    .m_foot1 ul li h4 { width: 100%; height: 40px; float: left; position: relative; font-size: 16px; color: #ffffff; text-align: center; font-weight: normal; line-height: 40px; }

    .m_foot1 ul li h4 a { color: #fff; font-size: 16px; }

    .m_foot1 ul li h4::after { width: 20%; height: 1px; float: left; background: #faba4b; position: absolute; left: 50%; margin-left: -10%; bottom: 0; content: ''; }

    .m_foot1 ul li dl { width: 100px; float: left; margin-bottom: 3%; position: relative; display: none; }




    .m_foot2 { width: 98%; float: left; margin-top: 6%; position: relative; }
    .m_foot2 ul { width: 106%; float: left; }
    .m_foot2 ul li { width: 46%; float: left; margin: 3% 4% 0 0; }
    .m_foot2 ul li img { width: 100%; display: block; margin: 0 auto; }
    .m_foot2 ul li font { width: 100%; float: left; margin: 1% 0 2% 0; height: 30px; font-size: 14px; color: #ffffff; text-align: center; font-weight: normal; line-height: 30px; text-decoration: none; }




    #right_layer { width: 56px; height: auto !important; min-height: 50px; float: right; display: block; position: fixed; _position: absolute; z-index: 8; right: 10px; bottom: 40px; }

    #right_layer ul { float: left; }
    #right_layer ul li { width: 54px; height: 54px; float: left; margin-top: 5px; background: #fff; border: 1px solid #ccc; position: relative; z-index: 10; display: none; }
    #right_layer ul li:last-child { width: 54px; height: 54px; float: left; margin-top: 5px; background: #fff; border: 1px solid #ccc; position: relative; z-index: 10; display: block; }

    #right_layer ul li img.fimg1 { width: 20px; display: block; margin: 10px auto 0px auto; }
    #right_layer ul li img.fimg2 { width: 20px; display: none; margin: 10px auto 0px auto; }

    #right_layer ul li font { width: 100%; float: left; margin: 0; height: 20px; font-size: 12px; color: #666666; text-align: center; font-weight: normal; line-height: 20px; text-decoration: none; overflow: hidden; }


    #right_layer ul li:hover { width: 54px; height: 54px; float: left; margin-top: 5px; background: #3c606c; border: 1px solid #3c606c; position: relative; z-index: 10; }

    #right_layer ul li:hover img.fimg1 { width: 20px; display: none; margin: 10px auto 0px auto; }
    #right_layer ul li:hover img.fimg2 { width: 20px; display: block; margin: 10px auto 0px auto; }


    #right_layer ul li:hover font { color: #fff; }


    .m_foot3 { width: 100%; float: left; margin-top: 20px; border-top: 1px solid #777; position: relative; padding: 5px 0; font-size: 12px; color: #bbbbbb; text-align: center; font-weight: normal; line-height: 30px; }

    .m_foot3 a { color: #bbb; }


    .s_bann { width: 100%; height: auto; float: left; position: relative; z-index: 15; display: none; overflow: hidden; }

    .mobs_bann { width: 100%; height: auto; float: left; position: relative; z-index: 15; display: block; overflow: hidden; }

    .mobs_bancon { width: 100%; height: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; display: block; overflow: hidden; }

    .mobs_bancon h3 { width: 100%; float: left; margin: 10% auto 0% auto; font-size: 24px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; overflow: hidden; }

    .mobs_bancon h4 { width: 100%; float: left; margin: 1% auto 2% auto; font-family: Arial; font-size: 16px; color: #fff; text-align: center; line-height: 20px; font-weight: normal; position: relative; text-transform: uppercase; }

    .mobs_bancon h4::after { width: 90px; height: 2px; float: left; background: #ddd; position: absolute; left: 50%; margin-left: -45px; bottom: -10px; content: ''; }


    .s_cokkie { font-size: 12px; }

    .s_dyna { width: 100%; float: left; margin: 3% auto 1% auto; }


    .s_dyna dl { width: 100%; float: left; margin: 0% auto 1% auto; }


    .s_dyna dl dd { width: 100%; float: left; margin: 1% auto 1% 0%; }


    .s_dyna dl dd .dyimg { width: 100%; max-width: initial; float: left; margin: 0; overflow: hidden; }

    .s_dyna dl dd .dyimg img { width: 100%; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
    .s_dyna dl dd:hover .dyimg img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


    .s_dyna dl dd .dycon { width: 100%; max-width: initial; float: left; margin: 1% 0%; }

    .s_dyna dl dd .dycon .dbiao { width: 100%; float: left; height: auto; font-size: 16px; color: #333333; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

    .s_dyna dl dd .dycon .dxqing { width: 100%; float: left; height: auto; font-size: 14px; color: #333333; text-align: left; line-height: 20px; font-weight: normal; }

    .s_dyna dl dd .dycon .dtime { width: 100%; float: left; height: auto; font-size: 12px; color: #666; text-align: left; line-height: 20px; font-weight: normal; display: block; }

    .s_dyna dl dd .dycon .dxmore { width: 100px; height: 34px; float: left; margin: 4% 0 1% 0; background: #fff; border: 1px solid #3c606c; font-size: 14px; color: #3c606c; text-align: center; line-height: 34px; font-weight: normal; }



    .s_dyna dl dd .dytime { display: none; width: 20%; max-width: 170px; height: 80px; padding: 10px 0; border-left: 1px solid #cccccc; float: right; margin: 5% 0 0 0; font-size: 24px; color: #333333; text-align: center; line-height: 30px; font-weight: normal; }

    .s_dyna dl dd .dytime font { width: 100%; float: left; height: 50px; font-size: 36px; color: #333333; text-align: center; line-height: 50px; font-weight: normal; }


    .s_dyna dl dd:hover .dbiao { color: #3c606c; font-weight: bold; }


    .s_dyna dl dd:hover .dxmore { background: #3c606c; border: 1px solid #3c606c; color: #fff; }



    ul.pl1-b { PADDING: 3px; MARGIN: 3px; TEXT-ALIGN: center; }
    ul.pl1-b li.pl1-b1 { display: inline-block; margin: 4px 5px; }
    ul.pl1-b li.pl1-b1 span { padding: 6px 10px 6px 10px; border-radius: 0px; font-family: Arial; font-size: 12px; COLOR: #333; line-height: 20px; TEXT-DECORATION: none; border: #d9d9d9 1px solid; }
    ul.pl1-b li.pl1-b1.on1 { color: #fff; }
    ul.pl1-b li.pl1-b1.on1 span { color: #fff; border: #3c606c 1px solid; BACKGROUND-COLOR: #3c606c; border-radius: 0px; }
    ul.pl1-b li.pl1-b1 A { padding: 6px 10px 6px 10px; font-family: Arial; font-size: 12px; COLOR: #333; TEXT-DECORATION: none; border: #d9d9d9 1px solid; background: #fff; border-radius: 0px; }
    ul.pl1-b li.pl1-b1 A:hover { font-family: Arial; font-size: 12px; color: #fff; border: #3c606c 1px solid; BACKGROUND-COLOR: #3c606c; }
    ul.pl1-b li.pl1-b1 A:active { font-family: Arial; font-size: 12px; color: #fff; }
    ul.pl1-b li.pl1-b1 SPAN.current { FONT-WEIGHT: bold; font-family: Arial; font-size: 12px; COLOR: #333; border: #3c606c 1px solid; BACKGROUND-COLOR: #3c606c; }
    ul.pl1-b li.pl1-b1 SPAN.disabled { font-family: Arial; font-size: 12px; COLOR: #333; border: #f4f4f4 1px solid; background: #f4f4f4; border-radius: 0px; }



    .s_dyshow { width: 100%; height: auto !important; min-height: initial; float: left; height: auto; font-size: 14px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; padding: 2% 0 6% 0; }



    .s_dyshow h3 { width: 100%; float: left; height: auto; font-size: 18px; color: #333333; text-align: center; line-height: 30px; font-weight: normal; }


    .s_dyshow h4 { width: 100%; float: left; height: auto; font-size: 14px; color: #999999; text-align: center; line-height: 30px; font-weight: normal; border-bottom: 1px solid #cccccc; margin-bottom: 3%; }
    .s_dyshow h4 em { width: 100%; float: left; font-size: 14px; color: #999999; text-align: center; font-style: normal; line-height: 30px; font-weight: normal; padding-bottom: 2%; }


    .s_dyshow img { max-width: 100%; display: block; margin: 0 auto; }

    .s_dyshow font { color: #3c606c; font-weight: bold; }


    .s_fenye ul li { width: 100%; float: left; padding: 0% 0; font-size: 12px; color: #333; }


    .s_fenye ul li a { width: 100%; float: left; font-size: 12px; color: #3c606c; text-align: left; line-height: 20px; font-weight: normal; }

    .s_fenye ul li a b { font-size: 12px; color: #3c606c; text-align: left; line-height: 20px; font-weight: normal; font-style: normal; }




    .s_photos { width: 100%; float: left; margin: 3% 0 3% 0; padding: 1% 0 2% 0; border-top: 1px solid #aaa; position: relative; font-size: 14px; color: #333333; text-align: center; line-height: 28px; font-weight: normal; }

    .s_photos::after { width: 80px; height: 3px; float: left; position: absolute; left: 50%; margin-left: -40px; top: -2px; background: #3c606c; content: ''; }

    .s_photos h3 { width: 100%; float: left; font-size: 18px; color: #333; text-align: center; line-height: 30px; font-weight: bold; margin: 0 0 3% 0; }


    .s_photos img { max-width: 100%; display: block; margin: 0 auto; }





    .s_photos { width: 100%; float: left; margin: 3% 0 3% 0; padding: 1% 0 2% 0; border-top: 1px solid #aaa; position: relative; font-size: 14px; color: #333333; text-align: center; line-height: 28px; font-weight: normal; }

    .s_photos::after { width: 80px; height: 3px; float: left; position: absolute; left: 50%; margin-left: -40px; top: -2px; background: #3c606c; content: ''; }

    .s_photos h3 { width: 100%; float: left; font-size: 18px; color: #333; text-align: center; line-height: 30px; font-weight: bold; margin: 0 0 3% 0; }


    .s_photos img { max-width: 100%; display: block; margin: 0 auto; }



    .s_maint { width: 100%; float: left; margin: 1% 0 6% 0; padding: 1% 0 2% 0; border-top: 1px solid transparent; position: relative; font-size: 14px; color: #333333; text-align: left; line-height: 28px; font-weight: normal; }


    .s_maint img { max-width: 100%; display: block; margin: 0 auto; }



    .s_service { width: 100%; float: left; margin: 5% 0 3% 0; padding: 1% 0 2% 0; border-top: 1px solid #aaa; position: relative; font-size: 16px; color: #333333; text-align: center; line-height: 34px; font-weight: normal; }

    .s_service::after { width: 80px; height: 3px; float: left; position: absolute; left: 50%; margin-left: -40px; top: -2px; background: #3c606c; content: ''; }

    .s_service h3 { width: 100%; float: left; font-size: 20px; color: #333; text-align: center; line-height: 30px; font-weight: bold; margin: 0 0 3% 0; }



    .s_service ul { width: 94%; float: left; margin: 3% 0 4% 3%; }


    .s_service ul li { width: 100%; max-width: initial; float: left; margin: 4% 0% 1% 0; position: relative; }

    .s_service ul li font { width: 40px; float: left; position: absolute; left: -20px; top: -20px; height: 40px; font-size: 30px; color: #3c606c; text-align: center; line-height: 40px; font-weight: bold; font-style: oblique; }

    .s_service ul li img { width: 100%; display: block; margin: 0 auto; }

    .s_service ul li h4 { width: 100%; float: left; margin: 2% 0 0 0; height: 40px; font-size: 18px; color: #333333; text-align: center; line-height: 40px; font-weight: bold; }


    .s_service ul li h5 { width: 100%; float: left; margin: 0% 0 0 0; height: 80px; font-size: 14px; color: #333333; text-align: center; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    .s_servmore { width: 90%; max-width: initial; float: left; display: initial; margin: 4% auto 4% 3%; }

    .s_servmore a { width: 100%; height: auto; float: left; border: 1px solid #b4bdbf; padding: 5px; background: #fff; border-radius: 40px; }

    .s_servmore a font { width: 100%; height: 34px; float: left; background: #738387; border-radius: 40px; font-size: 12px; color: #f4f4f4; text-align: center; line-height: 34px; font-weight: bold; letter-spacing: 2px; display: flex; align-items: center; justify-content: center; flex-flow: nowrap; }

    .s_servmore a font b { font-size: 16px; color: #faba4b; font-style: normal; }


    .s_prodtype { width: 100%; max-width: initial; display: block; margin: 0 auto; box-shadow: none; }

    .xiny_list { margin: 2% 0; display: none; }


    .s_ptypebt { width: 100%; float: left; margin: 0%; padding: 1% 0% 2% 0; background: transparent; font-size: 18px; color: #222; text-align: center; line-height: 30px; font-weight: bold; border-bottom: 1px solid #f2f3f5; }

    .s_ptypebt em { width: 98%; float: left; margin: 0%; padding: 0 1%; font-size: 16px; color: #cccccc; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; text-transform: capitalize; }

    .mob_snavi { width: 100%; float: left; margin: 2% 0 2% 0%; display: block; }



    .dp_olist { width: 100%; float: left; display: block; }
    .dp_olist dl { width: 103%; float: left; }
    .dp_olist dl dt { width: 31%; float: left; margin: 1% 2% 1% 0; height: 40px; }
    .dp_olist dl dt a { width: 100%; height: 40px; float: left; font-size: 14px; color: #888; text-align: center; line-height: 20px; font-weight: normal; border-bottom: 1px solid #ddd; display: grid; align-items: center; justify-content: center; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    .dp_olist dl dt.dhov a { width: 100%; float: left; height: 40px; font-size: 14px; color: #3c606c; text-align: center; line-height: 20px; font-weight: 500; border-bottom: 1px solid #3c606c; display: grid; align-items: center; justify-content: center; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }



    .dp_olist dl dt font { width: 100%; height: 40px; float: left; font-size: 14px; color: #888; text-align: center; line-height: 20px; font-weight: normal; border-bottom: 1px solid #ddd; display: grid; align-items: center; justify-content: center; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    .dp_olist dl dt.dhov font { width: 100%; float: left; height: 40px; font-size: 14px; color: #3c606c; text-align: center; line-height: 20px; font-weight: 500; border-bottom: 1px solid #3c606c; display: grid; align-items: center; justify-content: center; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

    .dp_olist  .dp_omenu{ width: 100%; float: left;}

    
.dp_chanp { position: relative; }
.dp_chanp .chanpin { position: relative; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; visibility: hidden; }
.dp_chanp .chanpin.on { opacity: 1; display: block; visibility: visible; }
.dp_chanp .chanpin:nth-child(1) { position: relative; }



    .pronav { width: 100%; float: left; display: block; }
    .pronav ol { width: 103%; float: left;   margin:2% 0 3% 0; }
    .pronav ol li { width: 46%; float: left; margin: 1% 2% 1% 1%; height: 40px; }
    .pronav ol li a { width: 100%; height: 34px; float: left; font-size: 14px; color: #888; text-align: center; line-height: 34px; font-weight: normal; border: 1px solid #ddd;  border-radius:12px; text-overflow: ellipsis; overflow: hidden; }
  

    .pronav ol li.oahov a{ width: 100%; float: left; height: 34px; font-size: 14px; color: #3c606c; text-align: center; line-height: 34px; font-weight: 500; border: 1px solid #3c606c;  border-radius:12px; text-overflow: ellipsis; overflow: hidden; }




    .s_ptypebt { width: 96%; float: left; margin: 0%; padding: 3% 2%; background: #3c606c; font-size: 24px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; display: none; }

    .s_ptypebt em { width: 98%; float: left; margin: 0%; padding: 0 1%; font-size: 20px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; text-transform: capitalize; }


    #magnifier { display: none; }



    .s_pright { width: 100%; max-width: initial; float: right; margin: 2% 0 2% 0; padding: 0 0 2% 0; display: block; }

    .s_pright_bt { width: 100%; height: 40px; float: left; margin: -1% 0 1% 0; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: 500; }

    .s_pright dl dd { width: 47%; float: left; margin: 2% 3% 2% 0; }


    .s_pright dl dd h4 { width: 100%; height: 30px; float: left; margin: 2% 0 0 0; font-size: 16px; color: #333; text-align: center; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

    .s_pright dl dd font { width: 100%; height: 20px; float: left; margin: 0% 0 0 0; font-size: 14px; color: #333; text-align: center; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }




    .s_psright { width: 100%; max-width: initial; background: transparent; float: left; margin: 0% 0 2% 0; padding: 0 0 2% 0; display: block; }


    .s_psr_bt { width: 100%; float: left; font-size: 14px; color: #333; text-align: left; line-height: 40px; font-weight: normal; margin: 0 0 3% 0; }
    .s_psr_bt h3 { width: 100%; float: left; font-size: 20px; color: #333; text-align: left; line-height: 40px; font-weight: normal; }
    .s_psr_bt .jianjie { width: 100%; float: left; font-size: 14px; color: #666; text-align: left; line-height: 40px; font-weight: normal; margin: 0 0 1% 0; }
    .s_psr_bt font { font-size: 14px; color: #333; text-align: left; line-height: 40px; font-weight: normal; }
    .s_psr_bt .jiage { width: 100%; float: left; font-size: 24px; color: #3c606c; text-align: left; line-height: 40px; font-weight: bold; margin: 0 0 3% 0; }
    .s_psr_bt .jiage font { font-size: 14px; color: #3c606c; text-align: left; line-height: 40px; font-weight: normal; }

    .s_psr_bt .jyue { width: 60%; max-width: 300px; height: 40px; background: #3c606c; float: left; margin: 3% 0 2% 0; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; margin: 0 0 1% 0; }


    .s_psr_show { width: 100%; float: left; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }

    .s_psr_show img { max-width: 100%; display: block; margin: 0 auto; }

    .s_psr_show .pbt { width: 100%; float: left; margin: 2% 0 1% 0; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; padding: 10px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }



    .mob_ptype { width: 100%; float: left; margin: 0%; padding: 1% 0%; display: block; }

    .mob_ptypebt { width: 100%; float: left; margin: 0%; padding: 3% 0%; font-size: 20px; color: #3c606c; text-align: center; line-height: 30px; font-weight: bold; display: block; }



    .mob_ptype .swiper { width: 100%; height: 100%; }

    .mob_ptype .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

    .mob_ptype .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

    .mob_ptype .swiper { width: 100%; height: auto; margin-left: auto; margin-right: auto; }

    .mob_ptype .swiper-slide { background-size: cover; background-position: center; }

    .mob_ptype .mySwiper2 { height: 80%; width: 100%; }



    .mob_ptype .mySwiper2 .swiper-button-prev { width: 13px !important; height: 23px !important; background: url(../images/z_jtou1.png) no-repeat left top !important; position: absolute; top: 40%; left: 2%; outline: none; margin: 0 0 0 0 !important; background-size: contain; opacity: 1 !important; display: inline-block; z-index: 21; }
    .mob_ptype .mySwiper2 .swiper-button-prev:hover { background: url(../images/z_jtou2.png) no-repeat left top !important; }
    .mob_ptype .mySwiper2 .swiper-button-prev::after { content: ''; }
    .mob_ptype .mySwiper2 .swiper-button-next { width: 13px !important; height: 23px !important; background: url(../images/y_jtou1.png) no-repeat left top !important; position: absolute; top: 40%; right: 2% !important; outline: none; margin: 0 0 0 0 !important; background-size: contain; opacity: 1 !important; display: inline-block; z-index: 21; }
    .mob_ptype .mySwiper2 .swiper-button-next:hover { background: url(../images/y_jtou2.png) no-repeat left top !important; }
    .mob_ptype .mySwiper2 .swiper-button-next::after { content: ''; }



    .mob_ptype .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 6px 10px 0; }

    .mob_ptype .mySwiper .swiper-slide { width: 20%; height: 100%; opacity: 0.8; border: 1px solid #ccc; }

    .mob_ptype .mySwiper .swiper-slide-thumb-active { opacity: 1; }

    .mob_ptype .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border: 1px solid #333; }





    .appBox + .appBox { margin-top: 3%; }
    .modelTost { display: none; background: rgba(0, 0, 0, .5); z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }

    .modelTostChile { width: 76%; margin-top: 10%; background-color: #fff; padding-bottom: 2.5%; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); }

    .modelTostChile p { font-size: 20px; padding: 3%; }

    .modelClose { width: 40px; height: 40px; font-size: 36px; line-height: 20px; text-align: center; float: right; position: absolute; top: -10px; right: 0px; cursor: pointer; padding: 20px; z-index: 234; }


    /*chanpin  tanchuang*/
    .swiper-container2 { padding-bottom: 0px; overflow: hidden; }
    .swiper-container2 .swiper-slide-active { transition: all .8s; opacity: 1 !important; }
    .swiper-container2 .swiper-slide-prev { transition: all .8s; opacity: 0; }
    .swiper-container2 .swiper-slide-next { transition: all .8s; opacity: 0; }

    .swiper-container2 .swiper-slide { width: 100%; float: none; margin: 0px auto; display: block; text-align: center; position: relative; z-index: 5; padding: 0px; }

    .swiper-container2 .swiper-slide img { width: 100%; display: table-cell; margin: 0 auto; vertical-align: middle; }



    .s_about1 ul {
    width: 106%;
    max-width: initial;
    float: left;
    margin:0 0 0 -3%;
    text-align:center;
}

    .s_about1 ul li {
    width: 28%;
    max-width: inherit;
    height: auto;
    padding: 1% 0% 4% 0;
    background: #fff;
    border: 1px solid #3c606c;
    float: none;
    display:inline-block;
    margin: 2% 2% 3% 2%;
    position: relative;
}

    .s_about1 ul li .axiang {
    width: 78%;
    max-width: 176px;
    height: 120px;
    float: left;
    margin-left: 11%;
    font-size: 16px;
    color: #222;
    text-align: center;
    font-weight: normal;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}


    .s_about2 img {
    width: 100%;
    float: left;
    margin: 3% 0% 4% 0;
}

    .s_about2 font {
    width: 100%;
    float: left;
    margin: 0% 0 3% 0;
    font-size: 16px;
    color: #333333;
    text-align: left;
    line-height: 28px;
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
}




}


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

    .z_nav .nav ul li a img.vimg1 {
    width: 1rem;
    display: block;
    margin: 3.5% 4% 0% 6%;
}

.z_nav .nav ul li.selected a img.vimg2 {
    width: 1rem;
    display: block;
    margin: 3.5% 4% 0% 6%;
}



.m_inc_cokk h3{font-size:20px;}
.m_inc_cokk h4{font-size:18px;}


.mobs_bannimg img {
    width: 100%;
    height: 10rem;
}

.m_proc ul li .pbiao{font-size:20px;}



.s_about1 ul li {
    width: 94%;
    max-width: inherit;
    height: auto;
    padding: 1% 0% 4% 0;
    background: #fff;
    border: 1px solid #3c606c;
    float: none;
    display: inline-block;
    margin: 2% 2% 3% 2%;
    position: relative;
}


.s_about1 ul li img.aimg1 { width:50px; float:left; display: block; margin:8% 3% 2% 3%; }
.s_about1 ul li img.aimg2 { width:50px; float:left;  display: none; margin:8% 3% 2% 3%; }

.s_about1 ul li .abiao { width:66%; max-width: initial; height: 50px; float: left; margin-left: 4%; font-size:18px; color: #3c606c; text-align: left; font-weight: bold; line-height: 50px; text-overflow: ellipsis; overflow: hidden; }


.s_about1 ul li .axiang { width: 66%; max-width: initial; height:auto; float: left; margin-left:4%; margin-bottom:3%; font-size:14px; color: #222; text-align: left; font-weight: normal; line-height: 20px; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.s_about1 ul li:hover { background: #3c606c; border: 1px solid #3c606c; float: left; position: relative; }

.s_about1 ul li:hover img.aimg1 { width:50px; float:left;  display: none; margin:8% 3% 2% 3%; }
.s_about1 ul li:hover img.aimg2 { width:50px; float:left;  display: block; margin:8% 3% 2% 3%; }

.s_about1 ul li:hover .abiao, .s_about1 ul li:hover .axiang { color: #fff; }





}