.app{display: none;}
#index #r3 .rowMain .con .box .pic{max-height: 50vh;}
#index #r2 .rowMain .con .fr .cir-box.on .mid-box,#index #r2 .rowMain .con .fr .cir-box.on .mid-box h1,#index #r2 .rowMain .con .fr .cir-box.on .mid-box h5{text-align: center;}
#index #r2 .rowMain .con .fr .cir-box.on .mid-box h1{width: 80%;margin: auto;}
#index #r2 .rowMain .con .fl > ul > li{width: 1.8rem;}
#index #r1 .fr #i-item{justify-content: flex-start;}
#group #r1 #teams > li.list .msg, #group #r2 #teams > li.list .msg{padding: 0 1rem 0 0;}
#group #r1 #teams > li.list .photo > img, #group #r2 #teams > li.list .photo > img{
    box-shadow: 0 21px 80px -20px rgba(37, 113, 156, 0.3);
}
#goods #top .topMain .level_2 .item > li h3{display: flex;justify-content: flex-start;align-items: center;line-height: 1.6;}

/*英文*/
.layout-down span.downTxt span{white-space: nowrap;  width: 100%;  text-overflow: ellipsis;  overflow: hidden;}
.en #bloc header nav.pc-nav > ul > li{width: auto;}
.en #bloc header .childNav > ul > a{width: auto;}
.en #index #r2 .rowMain .con .fl > ul > li{width: 2rem;}
.en #index #r3 .rowMain .con .box{padding: 0.5rem 3% 0.5rem 10%;}
.en #intro #r2 .rowMain .con .data-item > li > span > font{font-size: 34px;}
.en #index #r1 .fr #i-item > li span{line-height: 18px;}
.en #bloc header nav.pc-nav > ul > li > a{text-transform: uppercase;white-space: nowrap;}
.en #bloc footer .f-con .list.right{width: 180px;}
.en #bloc footer .f-con .list.left{width: 210px;}
.en #bloc footer .f-con .list.mid{width: calc(100% - 430px);max-width: 960px;}
.en #smart #r1 .rowMain .con .other > div > span:after{display: none;}
.en .f-70{ font-size: 56px; }
.en .f-60{ font-size: 46px; }
.en .f-50{ font-size: 36px; }
.en .f-48{ font-size: 34px; }
.en .f-46{ font-size: 32px; }
.en .f-44{ font-size: 30px; }
.en .f-42{ font-size: 30px; }
.en .f-40{ font-size: 28px; }
.en .f-38{ font-size: 26px; }
.en .f-36{ font-size: 24px; }
.en .f-34{ font-size: 24px; }
.en .f-32{ font-size: 22px; }
.en .f-30{ font-size: 22px; }
.en .f-28{ font-size: 20px; }
.en .f-26{ font-size: 20px; }
.en .f-24{ font-size: 18px; }
.en .f-22{ font-size: 18px; }
.en .f-20{ font-size: 16px; }
.en .f-18{ font-size: 16px; }
.en .f-16{ font-size: 14px; }
.en .f-14{ font-size: 12px; }
.en .f-12{ font-size: 12px; }
.ie #history #r2 .time-line .time-city .city-bg{background-size: auto;}
.ie .linear-txt{background: transparent!important;color: #03aedb;}
.ie #service #r1 .con > ul > li.wid-30{width: 0;}
.en .msg-pop .wrap .mid form .in-box .in-1{width: 90px;}

@media screen and (max-width:1600px){
    .ie .layout-rowMain{
        width: 1200px;
    }
    html{ font-size: 80px; }
    a,span,li,b,i,label,p,strong,div,h1,h2,h3,h4,h5,h6,small,em,li,pre, form, fieldset, legend, button, input, textarea, th, td{  font-size: 14px;  }
    .f-60{ font-size: 58px; }
    .f-50{ font-size: 42px; }
    .f-48{ font-size: 40px; }
    .f-46{ font-size: 40px; }
    .f-44{ font-size: 40px; }
    .f-42{ font-size: 40px; }
    .f-40{ font-size: 38px; }
    .f-38{ font-size: 36px; }
    .f-36{ font-size: 34px; }
    .f-34{ font-size: 32px; }
    .f-32{ font-size: 30px; }
    .f-30{ font-size: 28px; }
    .f-28{ font-size: 24px; }
    .f-26{ font-size: 24px; }
    .f-24{ font-size: 22px; }
    .f-22{ font-size: 20px; }
    .f-20{ font-size: 18px; }
    .f-18{ font-size: 16px; }
    .f-16{ font-size: 14px; }
    .f-14{ font-size: 12px; }
    .f-12{ font-size: 12px; }
    .en .f-70{ font-size: 56px; }
    .en .f-60{ font-size: 36px; }
    .en .f-50{ font-size: 32px; }
    .en .f-48{ font-size: 30px; }
    .en .f-46{ font-size: 24px; }
    .en .f-44{ font-size: 28px; }
    .en .f-42{ font-size: 28px; }
    .en .f-40{ font-size: 26px; }
    .en .f-38{ font-size: 26px; }
    .en .f-36{ font-size: 24px; }
    .en .f-34{ font-size: 24px; }
    .en .f-32{ font-size: 22px; }
    .en .f-30{ font-size: 22px; }
    .en .f-28{ font-size: 20px; }
    .en .f-26{ font-size: 20px; }
    .en .f-24{ font-size: 18px; }
    .en .f-22{ font-size: 16px; }
    .en .f-20{ font-size: 16px; }
    .en .f-18{ font-size: 14px; }
    .en .f-16{ font-size: 14px; }
    .en .f-14{ font-size: 12px; }
    .en .f-12{ font-size: 12px; }
    #pro_detail #r1 .menu .list{margin: 8px 0;}
    .mb-36{
        margin-bottom: 24px;
    }
}
.en #history #r2 .time-line .time-city .time-event > li h3{
    width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.en #history #r2 .time-line .time-city .time-event > li.on h3{
    width: 100%;white-space: nowrap;text-overflow: inherit;overflow: visible;
}
.en #history #r2 .time-line .time-city .time-event > li{
    max-width: 26vw;
}
@media screen and (max-width:1440px){
    #pro_detail #r1 .menu{
        left: calc(22vw - 34px);
    }
    #pro_detail #r1 .menu .list{
        width: 68px;height: 68px;
        line-height: 68px;margin: 12px 0;
    }
    #pro_detail #r1 .menu .list > span > i{
        font-size: 24px;
    }
    #pro_detail #r1 .menu .list > span{
        width: 50px;height: 50px;line-height: 50px;
        left: 9px;
    }
    #history #r2 .time-line{
        padding-top: 4.8rem;
    }
}
@media screen and (max-width:1366px){
    .f-32{font-size: 24px;}
    .f-48{ font-size: 28px;}
    .f-40{font-size: 28px;}
    .f-20{font-size: 16px;}
    .f-18{font-size: 15px;}
    .en .f-46{ font-size: 20px; }
    #history #r2 .time{margin-top: 0.4rem;}
    #history #r2 .time-line .time-city .time-event > li h3{
        height: 38px;margin-bottom: 2px;
    }
    #history #r2 .time-line .time-city .time-event > li > ol > li span{
        font-size: 13px;
    }
    .en #goods #top .topMain .level_2 .item > li{width: calc(94%/5)}
}
@media screen and (max-width:1280px){

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

}
@media screen and (max-width:1024px){
    .pc{display: none;}
    .app{display: inline-block;}
    html{ font-size: 50px;  }
    p{font-size: 12px;line-height: 1.6;}
    .f-70{ font-size: 36px; }
    .f-60{ font-size: 24px; }
    .f-50{ font-size: 22px; }
    .f-48{ font-size: 22px; }
    .f-46{ font-size: 20px; }
    .f-44{ font-size: 20px; }
    .f-42{ font-size: 20px; }
    .f-40{ font-size: 18px; }
    .f-38{ font-size: 18px; }
    .f-36{ font-size: 18px; }
    .f-34{ font-size: 16px; }
    .f-32{ font-size: 16px; }
    .f-30{ font-size: 16px; }
    .f-28{ font-size: 16px; }
    .f-26{ font-size: 14px; }
    .f-24{ font-size: 14px; }
    .f-22{ font-size: 14px; }
    .f-20{ font-size: 14px; }
    .f-18{ font-size: 12px; }
    .f-16{ font-size: 12px; }
    .f-14{ font-size: 12px; }
    .f-12{ font-size: 12px; }
    .en .f-70{ font-size: 28px; }
    .en .f-60{ font-size: 22px; }
    .en .f-50{ font-size: 22px; }
    .en .f-48{ font-size: 22px; }
    .en .f-46{ font-size: 22px; }
    .en .f-44{ font-size: 22px; }
    .en .f-42{ font-size: 22px; }
    .en .f-40{ font-size: 20px; }
    .en .f-38{ font-size: 18px; }
    .en .f-36{ font-size: 18px; }
    .en .f-34{ font-size: 18px; }
    .en .f-32{ font-size: 16px; }
    .en .f-30{ font-size: 16px; }
    .en .f-28{ font-size: 16px; }
    .en .f-26{ font-size: 14px; }
    .en .f-24{ font-size: 14px; }
    .en .f-22{ font-size: 14px; }
    .en .f-20{ font-size: 12px; }
    .en .f-18{ font-size: 12px; }
    .en .f-16{ font-size: 12px; }
    .en .f-14{ font-size: 12px; }
    .en .f-12{ font-size: 12px; }
    .after-inner #top .banner{
        min-height: 150px;
    }
    #intro #r2 .rowMain .con .data-item > li > span > font{font-size: 18px;}
    #intro #r2 .rowMain .con .data-item > li > span > img{height: 45%;}
    #bloc header .childNav{display: none;}

    #new_proDetail #top{padding-top: 60px;}
    #new_proDetail #top .m-bg .pic{top: 60px;}
    #new_proDetail #top .wrap{flex-wrap: wrap;justify-content: center;padding: 3% 0;}
    #new_proDetail #top .wrap .col.left{width: 72vw;height: 94vw;}
    #new_proDetail #top .wrap .col.right{width: 100%;}
    #new_proDetail #top .wrap .col.right .list_:last-of-type{margin-top: 0.5rem;}
    #new_proDetail #top .wrap .col.right .list_ .n-btn{padding: 5px 25px;}
    #new_proDetail .row#r1 .tree{height: 50px;}
    #new_proDetail .row#r1 .tree .tab{height: 50px;font-size: 14px;}
    #new_proDetail .row#r1 .wrap .tab-list{min-height: 300px;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_1{overflow: auto;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_1 table tr th,#new_proDetail .row#r1 .wrap .tab-list .tab_1 table tr td{padding: 6px 10px;font-size: 12px;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_2 > li{padding-left: 24px;line-height: 24px;font-size: 13px;width: 100%;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_2 > li:after{width: 5px;height: 5px;top: 9px;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_3 > li{height: 40px;padding-left: 16px;padding-right: 40px;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_3 > li > img{height: 20px;margin-right: 0.2rem;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_3 > li > span{font-size: 12px;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_3 > li .n-btn{height: 40px;padding: 0;width: 40px;text-align: center;border-radius: 50%;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_3 > li .n-btn > i{margin-right: 0;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_3 > li .n-btn > span{display: none;}
    #new_proDetail #btm .con{padding: 0 6px;height: 40vw;}
    #new_proDetail #btm .con .swiper-container{overflow: visible;}
    #new_proDetail #btm .con .swiper-button-next{display: none;}
    #new_proDetail #btm .con .swiper-button-prev{display: none;}
    #new_proList #r1 .wrap{flex-wrap: wrap;}
    #new_proList #r1 .wrap .col.left{width: 100%;}
    #new_proList #r1 .wrap .col.right{width: 100%;}
    #new_proList #r1 .wrap .col.right .boxs{padding: 0 4%;display: flex;align-items: flex-end;}
    #new_proList #r1 .wrap .col.right .boxs .lists{padding: 5%;padding-bottom: 5%;}
    #new_proList #r1 .wrap .col.left .item > a{width: 45%;}
    #new_proList #r1 .wrap .col.left .item > a > li{width: 100%;}
    #new_proList #r1 .wrap .col.right .boxs .lists > a h3{min-height: 36px;}
    #new_proDetail .row#r1 .wrap .tab-list .tab_1 > ul > li{width: 100%;align-items: stretch;}
    .v-pop .popCon.pm{width: 83vw;}
    #new_proDetail #btm .con .swiper-slide > a h4{line-height: 20px;}

    #new_proList #top .rm .max-wid{height: 1rem;}
    #new_proList #top .rt .max-wid{padding: 18px 0;height: auto;flex-wrap: wrap;justify-content: space-between;}
    .dropdown{margin-bottom: 15px;}
    .dropdown > span{min-width: 160px;}
    #new_proList #top .rt .max-wid > img{display: none;}
}

@media screen and (max-width:1024px){
    #bloc header{height: 50px;line-height: 50px;}
    #bloc header #logo{height: 80%;}
    #bloc header .childNav.on{height: 55px;display: block;}
    .layout-search,.layout-search input{height: 36px;line-height: 36px;}
    .max-wid{width: 90%;}
    #bloc footer .f-con .list.mid{display: none;}
    .layout-down,.layout-down span.downIcon{height: 30px;line-height: 30px;}
    .max-wid{
        width: 90%;
    }
    .wid-50{width: 100%;}
    small{font-size: 12px;}
    #index #top{height: calc(117vw + 50px);padding-top: 50px;}
    #index #top .indexBanner{padding-top: 50px;left: 0;top: 0;position: absolute;}
    #index #top .indexBanner #component nav{top: auto;}
    #index #top .indexBanner #component nav .movePrev{font-size: 16px;}
    .after-inner #top .banner > img{
        opacity: 0;pointer-events: auto;
    }
    #bloc footer{position: relative;transform: none;pointer-events: auto;}
    #bloc footer .f-con .list.right{width: 49%;}
    #bloc footer .f-con .list.right > img{width: 78%;}
    #bloc footer .f-con .list.left{width: 49%;}
    #bloc footer .f-con .list.left > img{max-width: 90%;}
    #bloc footer .f-con .list.left > ol > a{font-size: 28px;}
    /*首页*/
    #index{height: auto;}
    #index .row{position: relative;opacity: 1;}
    #index .row{
        height: 60vh;
    }
    #index .title small{
        font-size: 16px;
    }
    #index #top .indexBanner #component .Tcon .txtChange li{top: 0;}
    #index #top .indexBanner #component .Tcon .txtChange small{letter-spacing: 0;}
    #index #r1 .fl,#index #r1 .fr{width: 100%;}
    #index #r1 .fl .con{width: 86%;}
    #index #r2{height: auto;}
    #index #r2 .rowMain .con .fr .cir-box .mid-box > i{font-size: 20px;}
    #index #r2 .rowMain .con .fr .cir-box.on .mid-box h1{font-size: 12px;width: 120px;}
    #index #r2 .rowMain{width: 90%;padding-top: 0;}
    #index #r2 .rowMain .con .fl > ul > li > i{display: none;}
    #index #r2 .rowMain .con .fl > ul > li{min-width: 80px;min-height: 60px;}
    #index #r2 .rowMain .con .fr{height: 50vh;}
    #index #r2 .rowMain .con .fr .cir-box{left: 10%;}
    #index #r3{height: auto;}
    #index #r3 .rowMain{padding-top: 0.6rem;width: 90%;}
    #index #r3 .rowMain .con .box .note{display: none;}
    #index #r3 .rowMain .con .box{
        width: 100%;margin-left: 0;padding-left: 4%;padding-right: 4%;padding-bottom: 0.5rem;
    }
    #index #r3 .rowMain .con .box .pic{
        position: relative;
        width: 100%;right: 0;top: 100%;bottom: auto;
        margin-top: 0.3rem;
    }
    #index #r3 .rowMain .con{
        height: calc(100vh - 4.2rem - 100px);
    }
    #index .title{margin-bottom: 30px;}
    #index #r3 .rowMain{padding-bottom: 0.4rem;}

    /*集团概况*/
    #intro #r1 .rowMain .con,#intro #r2 .rowMain .con,#intro #r3 .rowMain .con{width: 100%;}
    #intro #r1 .rowMain > img{position: relative;}
    #intro #r2 .rowMain > img{display: none;}
    #intro #r1 .rowMain .con > ul > li{margin-bottom: 0.3rem;}
    #intro #r3 .rowMain .box{position: relative;width: 100%;}
    #intro #r3 .rowMain .box .item{justify-content: space-between;margin-bottom: 20px;}
    #intro #r3 .rowMain .box .item > li{margin-left: 0;}
    #intro #r4 .rowMain{padding-top: 0.8rem;}
    #intro #r4 .rowMain .box #layer-item{height: 70px;}
    #intro #r4 .rowMain .con .item > li{width: 100%!important;margin-bottom: 20px;}
    #intro #r1 .rowMain .con > ul > li .note small{display: none;}

    /*发展历程*/
    #history #r1 .rowMain{
        width: 90%;
    }
    #history #r1{
        margin-bottom: 0.6rem;
    }
    #history #r3 .time-event2{margin-top: 25px;}

    /*成员企业*/
    #member #r1 .list .con .box .msg{width: 100%;margin-left: 0;margin-right: 0;padding-top: 0.6rem;}
    #member #r1 .list{margin-top: 70vw;}
    #member #r1 .list.left .con .box .msg{margin-left: 0;margin-right: 0;width: 100%;}
    #member #r1 .list.right .con .box .msg{margin-left: 0;margin-right: 0;width: 100%;}
    #member #r1 .list.left .con .item{width: 100%;margin: 0;}
    #member #r1 .list .con .item{width: 100%;}
    #member #r1 .list .con .item > li{flex-basis: 44%;}
    #member #r1 .list .con .box .pro-box{
        width: 30%;
    }
    #member #r1 .list.left .pic,#member #r1 .list.right .pic{
        width: 100%;max-width: 100%;
        top: auto;bottom: 100%;z-index: -1;
    }
    #member #r1 .list.right .con .box .pro-box{right: 4%;}

    /*集团管理*/
    #group #r2 #teams > li.list{flex-wrap: wrap;}
    #group #r2 #teams > li.list .photo{
        width: 90%;margin-bottom: 30px;
    }
    #group #r2 #teams > li.list .msg{
        width: 100%;padding: 0;
    }

    /*合作伙伴*/
    #partner #r1 .con{flex-wrap: wrap;margin-bottom: 0.5rem;}
    #partner #r1 .con .left,#partner #r1 .con .right{width: 100%;}
    #partner #r1 .con .left .peopel-item .man{
        width: 16px!important;
    }
    #partner #r1 .con .right .list{
        margin: 10px auto!important;width: 90%;
    }
    #partner #r1 .con .right .list h3{font-weight: bold;}
    #partner #r1 .con .right .list p{
        line-height: 2;margin-top: 8px;
    }

    /*建霖荣誉*/
    #honor #r1 .rowMain{width: 100%;}
    #honor #r1 .title{width: 90%;margin: auto;}
    #honor #r1 .con #roll .left .msg h2 img{width: 36px;}
    #honor #r1 .con #roll .left{width: 35%;margin-left: 5%;}
    #honor #r1 .con #roll .right{width: 75vw;}
    #honor #r1 .con #roll .left h3:after{display: none;}

    /*社会责任*/
    #duty #r1{padding-top: 0.4rem;}
    #duty #r1 #roll .con .top > span{opacity: 0;}
    #duty #r1 #roll .con .top > span .pic-num{font-size: 60px;}
    #duty #r1 #roll .con .top .topic .list h2{height: 32px;}
    #duty #r1 #roll .con .top:after{  left: -5vw;  }
    #duty #r1 #roll .con .box{flex-wrap: wrap;}
    #duty #r1 #roll .con .box .fl .msg h2{height: auto;line-height: 20px;}
    #duty #r1 #roll .con .box .fl .msg p{height: 109px;}
    #duty #r1 #roll .con .box .fl,#duty #r1 #roll .con .box .fr{
        width: 100%;
    }
    #duty #r1 #roll .other .roll-page{top: 74%;}

    /*技术创新*/
    #design #r1{margin-top: 0.6rem;}
    #design #r1 .con .box.col1 .pic-box{opacity: 0;pointer-events: auto;}
    #design #r1 .con .box.col1{padding-right: 0;}
    #design #r1 .con .box.col2 .icon-item{align-items: flex-start;flex-wrap: wrap;margin: 0.5rem 0;}
    #design #r1 .con .box.col2 .icon-item > span{display: none;}
    #design #r1 .con .box.col3 > img{
        width: 100%;margin-bottom: 0.4rem;
    }

    /*科技研发*/
    #tech #r1{margin-top:32vw;}
    #tech #r1 .title{width: 55%;}
    #tech #r1 .title > div{font-size: 12px;font-weight: lighter;}
    #tech #r1 .rowMain .con .other{
        width: 45%;bottom: 105%;top: auto;
    }
    #tech #r1 .rowMain .con{padding-right: 0;}
    #tech #r1 .rowMain .con .other h1{height: 64px;line-height: 64px;}
    #tech #r1 .rowMain .con .other > div{
        height: calc(100% - 70px);
    }
    #tech #r2 .rowMain .con > ul > li{
        width: 2.3rem;
    }
    #tech #r2 .rowMain > img,#tech #r3 .rowMain .box .photo{display: none;}
    #tech #r3 .con{width: 100%;}
    #tech #r2 .rowMain .con,#tech #r3 .rowMain .box > ul{width: 100%;flex-wrap: wrap;}
    #tech #r2 .rowMain .con h2,#tech #r3 .rowMain .con h2,#tech #r4 .rowMain .con h2{line-height: 24px;}
    #tech #r2 .rowMain .con h2 > span,#tech #r3 .rowMain .con h2 > span,#tech #r4 .rowMain .con h2 > span{font-size: 50px;line-height: 65px;}
    #tech #r3 .rowMain .box > ul > li{
        width: 26%;margin-bottom: 20px;
    }
    #tech #r3 .rowMain .box:after{display: none;}
    #tech #r4 .rowMain .con > ul > li{flex-basis: 50%;}

    /*品质管控*/
    #quality #r1 .con #tab > li{flex-basis: 50%;margin-bottom: 10px;}
    #quality #r1 .con #tab > li > i{font-size: 22px;line-height: inherit;}
    #quality #r1 .con .box{padding-top: 0.4rem;}
    #quality #r1 .con .box .part#part1 > li{margin: 0.2rem;}
    #quality #r1 .con .box .part#part2 > li{
        width: 30%;padding: 10px 20px;
    }
    #quality #r1 .con .box .part#part3 > li > img{
        height: auto;
    }
    #quality #r1 .con .box .part#part3 > li > .pic{
        display: none;
    }

    /*智能制造*/
    #smart #r1 .rowMain .title,#smart #r1 .rowMain .con{padding-right: 0;}
    #smart #r1 .rowMain .con .other{width: 46%;top: 104%;right: 0;}
    #smart #r1 .rowMain .con .other h1{height: 74px;line-height: 74px;}
    #smart #r1{margin-bottom: 10vw;}
    #smart #r1 .rowMain .row-mask{
        width: 55%;
    }
    #smart #r1 .rowMain .con .other{display: none;}
    #smart #r2{padding-top: 0;}
    #smart #r2 .rowMain .con{width: 100%;}
    #smart #r2 .rowMain .pic{width: 78%;}
    #smart #r2 .rowMain .con .smart-item > li{flex-basis: 47%;margin: 10px 0;}
    #smart #r3 .con .smart-item1 > li{flex-basis: 100%;margin: 5px 0;}
    #smart #r3 .con .canvas-box{height: 240px;}
    #smart #r2 .rowMain .title h3,#smart #r5 .rowMain .title h3,#smart #r6 .rowMain .title h3,#smart #r7 .rowMain .title h3{line-height: 24px;}
    #smart #r2 .rowMain .title h3 > span,#smart #r5 .rowMain .title h3 > span,#smart #r6 .rowMain .title h3 > span,#smart #r7 .rowMain .title h3 > span{font-size: 50px;line-height: 65px;}
    #smart #r4 .rowMain .con{width: 100%;margin-bottom: 0.4rem;}
    #smart #r5{margin-top: 0.2rem;}
    #smart #r5 .con .smart-item2{flex-wrap: wrap;margin-top: 0.3rem;}
    #smart #r5 .con .smart-item2 > li{width: 100%;margin: 10px 0;}
    #smart #r6 .con .smart-item3 > li{margin: 10px 0;width: 46%;}
    #smart #r6 .con .msg > img{width: 32%;bottom: 100%;top: auto;display: none;}
    #smart #r7{margin-top: 0.6rem;}
    #smart #r7 .con .smart-item4 > li{width: 100%;margin: 10px 0;}
    #smart #r7 .con .msg .box{width: 100%;}
    #smart #r7 .con .msg > img{margin-left: 40%;width: 60%;}
    #smart #r7 .con .msg{margin-top: -1.8rem;}


    /*服务能力*/
    #service #r1 .con > ul > li >p{white-space: nowrap;}
    #service #r1 .con > ul > li > img{width: 40px;}
    #service #r1 .con > ul > li > span.line{margin-top: 60px;}
    #service #r2 .con .list{flex-wrap: wrap;padding: 0;margin-bottom: 1.6rem;}
    #service #r2 .con .list .num-pic{height: 100px;margin-bottom: 16px;}
    #service #r2 .con .list p{width: 100%;display: block;}
    #service #r2 .con .list .pa-box,#service #r2 .con .list .bg1{display: none;}
    #service #r2 .con .list .note{top: 80px;right: 0;bottom: auto;left: auto;}
    #service #r2 .con .list.right .note{right: 0;}
    #service #r2 .con .list.right .bg{right: 0;left: auto;}

    /*集团新闻*/
    #new #r1 .con .left,#new #r1 .con .right{width: 100%;}
    #new #r1 .con .right{margin-top: 20px;}
    #new #r2 #new-item > li{position: relative;margin-bottom: 32px;flex-wrap: wrap}
    #new #r2 #new-item > li .msg{width: 100%;padding-right: 0;}
    #new #r2 #new-item > li .pic{width: 100%;padding-right: 0;margin-bottom: 20px;}
    #new #r2 #new-item > li .date{position: absolute;top: 0;left: 0;}

    #new_detail #r1 .title{margin: 0.6rem 0;}

    /*动态公告*/
    #ad #r2 .con{padding: 20px;}
    #ad #r2 .con .top .tab,#ad #r2 .con .top,#ad #r2 .con .mid .part > li{flex-wrap: wrap}
    #ad #r2 .con .top{justify-content: center;}
    #ad #r2 .con .top .tab{width: 100%;}
    #ad #r2 .con .top .tab > li{padding: 8px 10px;margin-bottom: 10px;margin-right: 0;flex-basis: 45%;}
    #ad #r2 .con .mid .part > li > div{width: 100%;}
    #ad #r2 .con .mid .part > li > span{margin-bottom: 5px;}
    #ad #r2 .con .mid .part > li > div > span, #ad #r2 .con .mid .part > li > div > a{font-size: 12px;}

    /*视频及下载*/
    #video #r1 .title > li, #download #r1 .title > li{  margin: 0 6px;padding: 8px;  }
    #video #r1 .con .part .box, #download #r1 .con .part .box{width: 100%;}

    /*联系我们*/
    #contact #r1{margin-top: 0.5rem;}
    #contact #r1 .title .msg{width: 84%;left: 0;}
    #contact #r1 .title .msg .note > li > span img{width: 50%;}

    /*招贤纳士*/
    #job #r2 .con .title{text-align: right;width: 40%;padding: 0;opacity: 0;pointer-events: none;}
    #job #r2 .con .icon-item{width: 100%;}
    #job #r2 .photo-item{padding-top: 3rem;}
    #job #r2 .photo-item .bg{top: 3rem;}
    #job #r2 .photo-item .bg .num{font-size: 52px;  bottom: 74%;}
    #job #r2 .photo-item .msg-item .box{width: 82%;padding: 5% 6%;}
    #job #r2 .photo-item .msg-item .box .page-nav .iconfont{width: 36px;height: 36px;line-height: 38px;font-size: 24px;}
    #job #r3 .con .list{width: 100%;margin-bottom: 20px;}

    /*产品*/
    #pro #r1 .box{
        height: 18vh;
    }
    #pro #r1 .msg{top: 6vh;}
    #pro #r1 .menu{right: 2vw;}
    #pro #r1 .menu .list{
        width: 56px;height: 56px;
        line-height: 56px;margin: 4px 0;
    }
    #pro #r1 .menu .list > span > i{
        font-size: 20px;
    }
    #pro #r1 .menu .list > span{
        width: 42px;height: 42px;line-height: 42px;
        left: 7px;
    }

    /*产品详情*/
    #pro_detail #r1{margin-top: 0.6rem;}
    #pro_detail #r1 .left{width: 100%;position: relative;}
    #pro_detail #r1 .left .msg-item{position: relative;}
    #pro_detail #r1 .right{width: 100%;margin-left: 0;}
    #pro_detail #r1 .left .msg-item .msg{width: 80%;}
    #pro_detail #r1 .left .msg-item .msg > img{width: auto;margin-bottom: 20px;height: 190px;}
    #pro_detail #r1 .left .msg-item .msg .line{margin: 12px 0 24px 0;}
    #pro_detail #r1 .menu{
        left: auto;right: 10vw;top: 0;transform: none;
    }
    #pro_detail #r1 .menu .list{
        width: 56px;height: 56px;
        line-height: 56px;margin: 4px 0;
    }
    #pro_detail #r1 .menu .list > span > i{
        font-size: 20px;
    }
    #pro_detail #r1 .menu .list > span{
        width: 42px;height: 42px;line-height: 42px;
        left: 7px;
    }
    #pro_detail #r1 .right .myloop .roll-item .roll-box .swiper-item > li{
        width: 80px;height: 80px;padding: 4px;margin: 0 4px;
    }
    #pro_detail #r1 .right .myloop{
        width: 264px;right: calc(50vw - 132px);
    }
    #pro_detail #r1 .right .myloop .roll-item .roll-top > i{
        width: 36px;height: 36px;line-height: 36px;
    }
    #pro_detail #r1 .right .myloop .roll-item .roll-box .swiper-item > li .i-img{
        height: 32px;
    }
    #pro_detail #r1 .right .myloop .roll-item .roll-box .swiper-item > li .note > small{
        display: none;
    }
    #pro_detail #r1 .right .myloop .roll-item .roll-box .swiper-item > li .i-img > i{
        display: none;
    }

    #new_proDetail .row#r1 .wrap .tab-list .tab_1 > ul > li > span.parameter_title{padding: 0 5px;}

}
@media screen and (max-width:340px){
    #index #r2 .rowMain .con .fr .cir-box{
        width: 90%;left: 5%;
    }
}
@media screen and (max-height:690px){
    #index #r3 .rowMain .con .box .pic{
        width: 36vw;
    }
}