#YSF-BTN-HOLDER{opacity: 0;visibility: hidden;}
#pro .row .title{max-width: 1200px;margin: auto;}
#pro .row .title p{letter-spacing: 1px;}
#join #main #r3 .wrap .photo-items .box .c-bg:after{opacity: 0;}
#new_detail #r1 .wrap img{height: auto!important;}
#note_detail #r1 .wrap > table{width: 100%!important;table-layout: fixed;}
#note_detail #r1 .wrap > table *{white-space: initial;}


@media screen and (max-width:1500px){
	.ie .layout-rowMain{
        width: 1200px;
    }
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
	
}
@media screen and (min-width:800px){
    .app{
        display: none!important;
    }
}
@media screen and (max-width:800px){
	.pc{display: none!important;}
    #bloc{width: 100%;overflow: hidden;}
    #bloc header{height: 50px;background-color: #333;}
    .go-search{display: none;}
    .max-wid{width: 90%;}
    #bloc header .nav{width: 100%;}
    #bloc header #menu span{background-color: #000;}
    #bloc footer .fMain{flex-wrap: wrap;padding: 12px 0;}
    #bloc footer .fMain .right{text-align: left;}
    #pro #r3_1 .wrap .box .col{width: 100%;}
}

@media screen and (max-width:600px){
    .component nav > a{display: none;}
    .component .Tcon{width: 90%;}

    #home{position: relative;}
    #home #main .part{position: relative;opacity: 1;visibility: visible;}
    #home #main #r2 .wrap .tab{display: none;}
    #home #main .row .title{text-align: center;}
    #home #main .row .title h2{letter-spacing: 4px;font-size: 24px;margin-bottom: 5px;}
    #home #main #r2 .wrap .tab-list{flex-wrap: wrap;}
    #home #main #r2 .wrap .tab-list .left{width: 100%;}
    #home #main #r2 .wrap .tab-list .right{width: 100%;}
    #home #main #r2 .wrap .tab-list .right .layer-new h3{padding-left: 36px;}
    #home #main #r2 .wrap .tab-list .right .layer-new:first-of-type{border-top: none;}
    #home #main #app-r1 .wrap .btm .msg-items .msg .btn-items{justify-content: flex-start;}
    #home #main #app-r1 .wrap .btm .msg-items .msg .btn-items > span{width: 33%;margin-bottom: 20px;}

    .wid-50{width: 100%;}
    .after-inner .banner{height: 180px;}
    .after-inner .banner > img{display: none;}
    .after-inner .banner .tree > li{width: 30vw;}
    .after-inner .title .line{margin: 10px 0 4px 0;}

    #intro #main #r1 .wrap{position: relative;height: auto;}
    #intro #main #r1 .other .note > ul .dot{margin: 0 0.12rem;}
    #intro #main #r1 .other .note > ul .line{width: 20px;margin-left: 16px;}
    #intro #main #r1 .other .note > img{height: 70%;}
    #intro #main #r2 .wrap .items{flex-wrap: wrap;height: auto;margin-top: 30px;}
    #intro #main #r2 .wrap .items > li{width: 49%;margin-bottom: 20px;}
    #intro #main #r1{padding-bottom: 90px;}
    #intro #main #r1 .other{position: absolute;width: 100%;bottom: 0;left: 0;}
    #intro #main #r1 .other > img{width: 110%;}
    #intro #main #r2 .wrap > .items > li .inter .items{width: 70%;}
    #intro #main #r2 .wrap > .items > li .inter:hover .items{opacity: 1;visibility: visible;}

    #culture #r1 .wrap .con{padding-top: 0.4rem;}
    #culture #r1 .wrap .con .list > .img{width: 100%;}
    #culture #r1 .wrap .con .list .msg{width: 100%;margin-top: 20px;}
    #culture #r1 .wrap .con .list .msg > ul > li:after{bottom: auto;top: 9px;}
    #culture #r1 .wrap .con .list.l-right .txt{text-align: right;}
    #culture #r1 .wrap .con .list .txt > span{margin-left: 0!important;margin-right: 0!important;}
    #culture #r1 .wrap .con .list.l-left .txt,#culture #r1 .wrap .con .list.l-right .txt{display: none;}
    #culture #r1 .wrap .con .list{margin-bottom: 0.5rem;}

    #pro .row{padding: 0 14px;}
    #pro .row .title{margin-bottom: 24px;padding-top: 18px;}
    #pro #top .banner .msg{right: 5%;left: auto;z-index: 10;opacity: 0;}
    #pro #top .banner .msg h1{font-size: 20px;}
    #pro #r1 .wrap,#pro #r2 .wrap .box .list{flex-wrap: wrap;}
    #pro #r1 .wrap .col:nth-of-type(1),#pro #r2 .wrap .box .list .col:nth-of-type(1){width: 100%;margin-bottom: 20px;}
    #pro #r1 .wrap .col:nth-of-type(2),#pro #r2 .wrap .box .list .col{width: 100%;}
    #pro #r1 .wrap .col:nth-of-type(2) .ma{padding: 5px 18px;}
    #pro #r2 .wrap{width: 100%;}
    #pro #r3{padding-top: 0.5rem;}
    #pro #r3 .wrap,#pro #r4 .wrap{width: 90%;}
    #pro #r3 .wrap .box{flex-wrap: wrap;}
    #pro #r3 .wrap .box .col{width: 100%;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
    #pro #r3 .wrap .box .col .txt{font-size: 13px;position: relative;}
    #pro #r4 .wrap > p{width: 100%;}
    #pro #r4 .wrap .con .photo-items .box.on{flex-wrap: wrap;}
    #pro #r4 .wrap .con .photo-items .box .pic{width: 90%;margin-bottom: 12px;}
    #pro #r2 .wrap .box .list .col.app{margin-top: 20px;}
    #pro #r3 .wrap .box .col{overflow: visible;margin-bottom: 40px;}
    #pro #r3 .wrap .box .col .pic{display: none;}
    #pro #r3 .wrap .box .col .txt{height: auto;padding-bottom: 14px;font-size: 15px;padding-top: 10px;}
    #pro #r3 .wrap .box .col .txt p{opacity: 1;}
    #pro #r3 .wrap .box .col .txt > span{color: #2e7ef0;font-size: 38px;}
    #pro #r3 .wrap{margin-top: 50px;}
    #pro #r4{padding-top: 0.2rem;}
    #pro #r4 .wrap .con .photo-items .box div.col{width: 100%;}
    #pro #r4 .wrap .con .photo-items .box div.col .pic{margin-bottom: 0;}
    #pro #r2_1 .wrap .col{width: 180px;}
    #pro #r2_1 .wrap .col .i-1{font-size: 270px;}
    #pro #r2_1 .wrap .col .i-2{font-size: 230px;}

    #solve #top .banner .msg{right: 5%;left: auto;width: 90%;z-index: 10;}
    #solve #top .banner .msg h1{text-align: center;}
    #solve #top .banner .msg p{text-align: center;width: 100%;max-width: 100%;}
    #solve #r1 .wrap{width: 90%;}
    #solve #r1 .wrap > img{width: 96%;}
    #solve #r2 .wrap{width: 100%;margin-top: 0.3rem;}
    #solve #r2 .wrap .box .tab-list .con.on .photo{width: 100%;}
    #solve #r2 .wrap .box .tab-list .con.on .msg{width: 100%;}
    #solve #r2 .wrap .box .tab-list .con .msg .col.on{width: 100%;margin-bottom: 10px;border-radius: 3px;overflow: hidden;height: 160px;}
    #solve #r2 .wrap .box .tab-list .con .msg .col.on .bg{height: 160px;padding: 24px 8%;border-radius: 0px;}
    #solve #r2 .wrap .box .tab-list .con .msg .col .bg h5{margin-bottom: 16px;}
    #solve #r2 .wrap .box .tab-list .con .msg .col.on .bg p{line-height: 21px;height: 63px;}
    #solve #r2 .wrap .box .tab-list .con .msg .col,#solve #r2 .wrap .box .tab-list .con .msg .col .bg{width: 100%;}
    #solve #r2 .wrap .box .tab-list .con .msg .col .note h4{text-align: center;}
    #solve #r3 .wrap{width: 90%;flex-wrap: wrap;}
    #solve #r3 .wrap .col:nth-of-type(1){width: calc(100% - 20px);margin-left: 20px;margin-bottom: 20px;}
    #solve #r3 .wrap .col:nth-of-type(2){width: 100%;}
    #solve #r3 .wrap .col .msg .list{margin-bottom: 10px;}
    #solve #r4 .wrap{height: auto;}
    #solve #r2 .wrap .box .tab-list .con .photo{height: 60vw;overflow: hidden;}

    #new #top .banner .loop .msg-items .msg p{height: 48px;line-height: 24px;font-size: 14px;}
    #new #r1 .wrap{flex-wrap: wrap;}
    #new #r1 .wrap .layer-box{width: 100%;}

    #join #main #r1{padding-top: 0.6rem;}
    #join #main #r1 .wrap{flex-wrap: wrap;}
    #join #main #r1 .wrap .box:nth-of-type(1),#join #main #r1 .wrap .box:nth-of-type(3){position: relative;width: 100%;justify-content: space-between;}
    #join #main #r1 .wrap .box:nth-of-type(2){width: 100%;margin: 12px 0;}
    #join #main #r1 .wrap .box .col{width: 48%;height: 120px;}
    #join #main #r1 .wrap .box .more-box{padding: 18px;}
    #join #main #r2 .wrap .items > .bg{display: none;}
    #join #main #r2 .wrap .items{width: 90%;display: flex;flex-direction: column;justify-content: space-around;flex-wrap: wrap;position: relative;transform: none;top: auto;margin: auto;left: auto;}
    #join #main #r2{height: auto;}
    #join #main #r2 .wrap{position: relative;}
    #bloc #join #main #r2 .wrap .items > li{position: relative;pointer-events: none;left: auto;right: auto;top: auto;bottom: auto;}
    #bloc #join #main #r2 .wrap .items > p{margin-bottom: 20px;margin-top: 10px;font-size: 15px;}
    #join #main #r2 .wrap .cir,#join #main #r2 .wrap .mid-logo,#join #main #r2 > .bg{display: none;}
    #join #main #r2 .wrap .items > li > p{text-align: left!important;opacity: 1;height: 58px;left: 0!important;right: auto!important;width: 90vw;top: 124%;}
    #join #main #r4 .wrap{width: 90%;}
    #join #main #r3 .wrap .photo-items .box .col:nth-of-type(1){width: 100%;margin-bottom: 74%;}
    #join #main #r3 .wrap .photo-items .box .col:nth-of-type(2){width: 100%;top: 108%;}
    #join #main #r4 .wrap .tab > li{width: 48%;margin: 5px 1%;height: 64px;}
    #join #main #r4 .wrap .tab-list .box .list{padding-right: 0;padding-bottom: 50px;}
    #join #main #r4 .wrap .tab-list .box .list > a{width: 118px;padding: 3px 0;right: auto;left: 0;bottom: 10px;top: auto;transform: none;}
    #join #main #r4 .wrap .tab-list .box .list > a > i{vertical-align: top;}
    #job_dialog .dialog_content{width: 90%;padding: 1em;}

    #contact #r1 .wrap .box{flex-wrap: wrap;}
    #contact #r1 .wrap .box .list > img{display: none;}
    #contact #r1 .wrap .box{width: 90%;left: 5%;}
    #contact #r1 .wrap .box .list{width: 100%;margin-bottom: 10px;}
    #contact #r1 .wrap .box .list > p{height: auto;}
    #contact #r1 .wrap{background-color: #f6f7fb;margin-top: 0.5rem;}
    #contact #r1 .wrap #Tmap{height: 400px;}
    #contact #r2 .wrap .kef{width: 90%;}

    #business #r3 .wrap .box{width: 100%;flex-wrap: wrap;}
    #business #r3 .wrap .box .list{width: 100%;border-bottom: 1px solid #eee;}
    #business #r3 .wrap .box .list > img{display: none;}
    #business #r3 .wrap{transform: translateY(-10vh);}
    #business .row .title{margin: 0.5rem 0;}
    #business #r3 .other{width: 90%;transform: none;flex-wrap: wrap;justify-content: flex-start;}
    #business #r3 .other .left{width: 100%;padding-bottom: 0.3rem;}
    #business #r3 .other .left:after{right: auto;left: 0;bottom: 0;top: auto;width: 100%;height: 1px;opacity: 0.5;}
    #business #r3 .other .right{flex-wrap: wrap;}
    #business #r3 .other .right .col{width: 100%;justify-content: flex-start;margin: 15px 0;}
    #business #r4{padding-top: 0.5rem;}
    #business #r4 .wrap{width: 90%;}
    #business #r4 .wrap .photo-items .box{justify-content: flex-start;}
    #business #r4 .wrap .photo-items .box .list{margin: 0.2rem 10px;width: calc(100%/2 - 20px);}
    #business #top .banner{height: 240px;}
    #business #top .banner .loop .msg-items .msg > div > span{font-size: 13px;}
    #business #top .banner .loop .msg-items .msg > div > span > font{display: none;}
    #business #top .banner .loop .msg-items .msg > div > span:nth-of-type(1){width: calc(100% - 80px);}
    #business #top .banner .loop .msg-items .msg > div > span:nth-of-type(2){width: 80px;}
    #business #top .banner .loop h1{font-size: 16px;}
    #business #top .banner .loop h1 small{letter-spacing: 0;}
    #business #r2{height: 40vh;}
    #business #r2 > img{width: auto;height: 70vw;left: 50%;transform: translateX(-50%);position: absolute;}
    #business #r2 .topic{top: 15%;}
    #business #r3 .title{margin-top: -5vh;}
    #business #r1{padding-top: 0.1rem;}
    #business #r1 .wrap{padding-top: 0;}
    #business #r0 .wrap .box .items .list{width: 100%;}


    #pop_dialog .dialog_content{padding: 1em;background-color: transparent;}
    #law_dialog .dialog_content{width: 90%;padding: 1em;}
    #pop_dialog .dialog_content .box{padding: 0;}
    #pop_dialog .dialog_content .box > ul{height: 55vh;width: 100vw;}
    #pop_dialog .dialog_content .box .p-n,#pop_dialog .dialog_content .box .p-p{color: #fff;background-color: rgba(0,0,0,0.3);}
    #pop_dialog .dialog_content [data-dialog-close]{background-color: #fff;border: none;}

    #new_detail #r1{width: 90%;}
    #new_detail #r1 .wrap{padding-bottom: 0.2rem;}
    #note_detail #r1{padding-top: 0.5rem;}
    #solve #r2 .wrap .box .tab-list .con .photo:after{opacity: 1;}
    .layer-box .msg .other > a.share{font-size: 20px;}
    .layer-box .msg .other > a > i{font-size: 26px;}
    #join #main #r4 .wrap .tab > li i{line-height: calc(1em - 1px);}
    .share-dialog{width: 94%!important;height: 330px!important;margin: -135px 0 0 3%!important;left: 0!important;}
    .share-dialog .share-copy-r{width: auto!important;}
    .share-dialog .share-dialog-cont{padding: 24px 20px!important;}
    .page-box{margin: 20px 0;}
    #join #main #r3 .wrap{width: 90%;}
    .layer-new h3 > i{font-size: 22px;}
    #home #main #r2 .wrap .tab-list .right .layer-new .go{display: none;}
    #home #main #r2 .wrap .tab-list .right .layer-new > p{width: 100%;}
    #pro .row .title{width: 90%;margin: auto;}
    #pro #r1{padding-top: 0.5rem;}
    #new #r1 .wrap{padding-top: 0.2rem;}
    #pro #r4 .wrap > p{text-align: left;}
    #pro #r1 .title p{letter-spacing: 0;}
    #business #r1 .wrap p{text-align: left;}
    #business #r3 .wrap .box .list > small{display: none;}
    #solve #r2 .wrap .box .tab > li{font-size: 22px;}

    #note_detail #r1{width: 90%;}
    #note_detail #r1 .wrap{overflow: auto;}
    #solve #r2 .wrap .box .tab-list .con .photo > img{opacity: 0;}
}