#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 .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);
}
/*英文*/
.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: 120px;}
.en #bloc footer .f-con .list.right h3{font-size: 12px;}
.en #bloc footer .f-con .list.left{width: 180px;}
.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 #duty #r1 #roll .con .box .fl .msg h2{line-height: 24px;height: auto;}
.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 #job #r2 .photo-item .bg .num{background: transparent!important;color: #03aedb;}
@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-60{font-size: 48px;}
    .f-32{font-size: 24px;}
    .f-30{font-size: 24px;}
    .f-48{ font-size: 36px;}
    .f-40{font-size: 32px;}
    .f-24{font-size: 18px;}
    .f-22{font-size: 18px;}
    .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;
    }
    #innovation #r5 .rowMain .con > ul > li.l1{width: 38%;}
}
@media screen and (max-width:1280px){
    html{ font-size: 70px; }
}

.after-inner #advantage #top .banner > img{margin-left: 0px;}
@media screen and (max-width:1520px){
    .after-inner #advantage #top .banner > img{margin-left: -200px;}
}
@media screen and (max-width:1024px){
    .after-inner #advantage #top .banner > img{margin-left: 0px;}
    #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){

}
@media screen and (min-width:800px){
    .app{display: none!important;}
}
@media screen and (max-width:800px){
	.pc{display: none!important;}
    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;}

    #pro_new #r1 .box{height: 150px;}
    #pro_new #r1 .topic{padding-top: 54px;}
    #pro_new #r1 .loop-box > .wrap ._prev{left: -45px;}
    #pro_new #r1 .loop-box > .wrap ._next{right: -45px;}
    #pro_new #r1 .loop-box{width: calc(100% - 110px);}
}

@media screen and (max-width:600px){
    #bloc header{height: 50px;line-height: 50px;}
    #bloc header #logo{height: 58%;}
    #bloc header .childNav.on{height: 55px;}
    .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 .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;width: 2.5rem;}
    #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;}
    .en #intro #r1 .rowMain .con > ul > li .note small{display: block;}

    /*发展历程*/
    #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;}
    #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;
    }

    #investor #main .row .rowMain .box .rtop{
        height: 46px;
    }
    #investor #main .row .rowMain .box .rmid .item .list span,#investor_list #main .row .rowMain .box .rmid .item .list span{
        max-width: 73%;
    }
    #investor #main .row .rowMain .box .rmid .item .list span:last-of-type,#investor_list #main .row .rowMain .box .rmid .item .list span:last-of-type{
        font-size: 12px;
    }
    #investor #main .row .rowMain .box .rtop a > img{height: 30px;}
    #investor #main .row .rowMain .box .rmid .item.inner{
        flex-wrap: wrap;
    }
    #investor #main .row .rowMain .box .rmid .item.inner .left{
        width: 100%;padding-right: 0;margin-bottom: 0.6rem;
    }
    #investor #main .row .rowMain .box .rmid .item.inner .right{
        width: 100%;
    }
    #investor_detail #main .row .rowMain .box .rtop a{font-size: 12px;}
    #investor_detail #main .row .rowMain .box .rtop a:last-of-type{
        width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #investor_detail #main .row .rowMain .box > p{display: block;padding-top: 20px;}

}
@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;
    }
}


@media screen and (orientation: portrait){
    #index #r2 #banner .webGL-slider .wrap .cox .cir-box{width: 85vw;height: 85vw;bottom: auto;}
    /*技术创新*/
    #innovation #r1{margin-top: 0.6rem;padding-top: 0.2rem;}
    #innovation #r1 .con .box.col1 .pic-box{opacity: 0;pointer-events: auto;}
    #innovation #r1 .con .box.col1{padding-right: 0;}
    #innovation #r1 .con .box.col2 .icon-item{align-items: flex-start;flex-wrap: wrap;margin: 0.5rem 0;}
    #innovation #r1 .con .box.col2 .icon-item > span{display: none;}
    #innovation #r1 .con .box.col3 > img{
        width: 100%;margin-bottom: 0.4rem;
    }
    #innovation #r1 .con .box.col2 .imgbox{border-radius:30px 0 30px 0;}
    #innovation #r2 .rowMain .con{flex-direction: column;}
    #innovation #r2 .rowMain .con .col.left{width: 100%;}
    #innovation #r2 .rowMain .con .col.right{width: 100%;}
    #innovation #r2 .other .flexing{flex-direction: column;height: 580px;}
    #innovation #r2 .other .flexing .section{margin: 0 0 10px 0;}
    #innovation #r2 .other .flexing .section:nth-of-type(1){border-top-left-radius:10px;border-top-right-radius:10px;}
    #innovation #r2 .other .flexing .section:last-of-type{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
    #innovation #r2 .other .flexing .section .mask h3{width: 70vw;}
    #innovation #r2 .other .flexing .section .mask p.nouser{display: none;}
    #innovation #r2 .other .flexing .section .mask p.user{width: 70vw;opacity: 1;}
    #innovation #r3{padding-top: 9vw;}
    #innovation #r3 .rowMain .con{height: 375px;border-radius: 0.3rem 0px 0.3rem 0px;}
    #innovation #r3 .rowMain .con > ul{flex-direction: column;}
    #innovation #r3 .rowMain .con > ul > li{width: 84%;}
    #innovation #r3 .rowMain .con > ul > li h3{margin-bottom: 9px;}
    #innovation #r3 .rowMain .con > ul > li .line{opacity: 0.1;background-color: #333;height: 1px;width: 100%;}
    #innovation #r3 .rowMain .con > ul > li:last-of-type .line{opacity: 0;}
    #innovation #r3 .rowMain .wrap{height: 200px;}
    #innovation #r3 .other .smart-item2{flex-direction: column;}
    #innovation #r3 .other .smart-item2 > li{width: 100%;margin-bottom: 5px;}
    #innovation #r3 .other .smart-item2 > li:first-of-type{border-top-left-radius: 0.1rem;border-top-right-radius: 0.1rem;}
    #innovation #r3 .other .smart-item2 > li:last-of-type{border-bottom-left-radius: 0.1rem;border-bottom-right-radius: 0.1rem;}
    #innovation #r3 .other .smart-item2 > li > i{left: auto;right: 0.3rem;bottom: 0.5rem;font-size: 40px;}
    #innovation #r4 .rowMain .wrap{height: 200px;}
    #innovation #r4 .rowMain .con > ul{flex-wrap: wrap;justify-content: flex-start;}
    #innovation #r4 .rowMain .con > ul .dcon{width: 33%;text-align: center;margin-bottom: 50px;}
    #innovation #r4 .rowMain .con > ul .dot{display: none;}
    #innovation #r5 .rowMain > .line_{margin-bottom: 40px;}
    #innovation #r5 .rowMain .til{margin-bottom: 28px;}
    #innovation #r5 .rowMain .con .m2{height: 90vw;transform: rotate(90deg);transform-origin: 26% 50%;}
    #innovation #r5 .rowMain .con{height: 178.1vw;}
    #innovation #r5 .rowMain .con > ul{height: 178.1vw;flex-direction: column;padding-bottom: 5vw;}
    #innovation #r5 .rowMain .con > ul > li.l2 > div{width: 2.2rem;height: 2.2rem;line-height: 2.2rem;margin: 20vw 0;}
    #innovation #r5 .rowMain .wrap{margin-top: 0;flex-direction: column;}
    #innovation #r5 .rowMain .wrap > img{width: 100%;}
    #innovation #r5 .rowMain .wrap .box{width: 100%;padding: 0.5rem;border-radius: 0.2rem 0px 0.2rem 0px;}
    #innovation #r6{display: none;}
    .after-inner #top .banner{min-height: 250px;}
    .after-inner #top .banner .msg > div{letter-spacing: 0;}
    .after-inner #top .other .tree > ul{min-width: 640px;}
    .after-inner #top .other .tree{overflow-x: auto;}

    #client #r1{padding-top: 1.1rem;}
    #client #r1 .rowMain{padding-bottom: 50vw;}
    #client #r1 .rowMain .box{max-width: 100%;}
    #client #r1 .rowMain .map{top: auto;max-width: 100%;}
    #client #r2 .other .flexing{flex-direction: column;height: 580px;}
    #client #r2 .other .flexing .section{margin: 0 0 10px 0;}
    #client #r2 .other .flexing .section:nth-of-type(1){border-top-left-radius:10px;border-top-right-radius:10px;}
    #client #r2 .other .flexing .section:last-of-type{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
    #client #r2 .other .flexing .section .mask h3{width: 70vw;}
    #client #r2 .other .flexing .section .mask p.nouser{display: none;}
    #client #r2 .other .flexing .section .mask p.user{width: 70vw;opacity: 1;}
    #client #r2 .rowMain .con{height: 375px;border-radius: 0.3rem 0px 0.3rem 0px;margin-top: 0.2rem;}
    #client #r2 .rowMain .con > ul{flex-direction: column;}
    #client #r2 .rowMain .con > ul > li{width: 84%;}
    #client #r2 .rowMain .con > ul > li h3{margin-bottom: 9px;}
    #client #r2 .rowMain .con > ul > li .line{opacity: 0.1;background-color: #333;height: 1px;width: 100%;}
    #client #r2 .rowMain .con > ul > li:last-of-type .line{opacity: 0;}
    #client #r3 .rowMain .smart-item2{flex-direction: column;}
    #client #r3 .rowMain .smart-item2 > li{width: 100%;margin-bottom: 5px;}
    #client #r3 .rowMain .smart-item2 > li:first-of-type{border-top-left-radius: 0.1rem;border-top-right-radius: 0.1rem;}
    #client #r3 .rowMain .smart-item2 > li:last-of-type{border-bottom-left-radius: 0.1rem;border-bottom-right-radius: 0.1rem;}
    #client #r3 .rowMain .smart-item2 > li > i{left: auto;right: 0.3rem;bottom: 0.5rem;font-size: 40px;}

    #innovation_s #r1{padding-top: 1.2rem;}
    #innovation_s #r1 .rowMain .til .ms{width: 100vw;}
    #innovation_s #r1 .rowMain > p{width: 90%;}
    #innovation_s #r1 .rowMain .til{width: 90%;margin: 0 auto 15px auto;}
    #innovation_s #r1 .rowMain .wrap .box{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
    #innovation_s #r1 .rowMain .wrap .box .mt{width: 100%;position: relative;}
    #innovation_s #r1 .rowMain .wrap .box .dcon{width: 32%;margin-bottom: 48px;position: relative;left: auto!important;;top: auto!important;}
    #innovation_s #r2 .rowMain .til .ms{width: 100%;}
    #innovation_s #r2 .rowMain .til{width: 90%;margin: 0 auto 15px auto;}
    #innovation_s #r2 .rowMain > p{width: 90%;}
    #innovation_s #r2 .rowMain .wrap p,#innovation_s #r3 .rowMain .til p{width: 90%;}
    #innovation_s #r2 .rowMain .wrap img,#innovation_s #r3 .rowMain img{width: 90%;}

    #healthy #r1{padding-top: 1.5rem;}
    #healthy #r1 .rowMain .box{flex-direction: column;}
    #healthy #r1 .rowMain .box .col{width: 100%;margin-bottom: 0.9rem;}
    #healthy #r1 .rowMain .box .col:nth-of-type(2n){margin-top: 0;}
    #healthy #r1 .rowMain .box .col .photo{width: 100%;}
    #healthy #r1 .rowMain .box .col .other{bottom: -5px;right: 0;width: 100%;height: 80px;}

    #commercial #r1{padding-top: 1.2rem;padding-bottom: 1rem;}
    #commercial #r1 .rowMain .til .ms{width: 100vw;}
    #commercial #r1 .rowMain .til{width: 90%;margin: 0 auto 15px auto;}
    #commercial #r1 .rowMain > p{width: 90%;}
    #commercial #r1 .rowMain .wrap .box .mt{width: 100%;}
    #commercial #r4 .rowMain{flex-direction: column;}
    #commercial #r4 .rowMain .m1{width: 100%;margin-bottom: 15px;}
    #commercial #r4 .rowMain .til{width: 100%;}
    #commercial #r4 .other .box .swiper-container,#commercial #r3 .other .box .swiper-container,#commercial #r2 .other .box .swiper-container{padding-bottom: 35px;}
    #commercial #r4 .other .box .swiper-button-next,#commercial #r3 .other .box .swiper-button-next,#commercial #r2 .other .box .swiper-button-next{display: none;}
    #commercial #r4 .other .box .swiper-button-prev,#commercial #r3 .other .box .swiper-button-prev,#commercial #r2 .other .box .swiper-button-prev{display: none;}
    #commercial .swiper-pagination{display: block;}

    .webGL-slider .txt-item > li{width: 90vw;left: 5vw;}
    .webGL-slider .txt-item > li .c1{width: 70vw;}
    .webGL-slider .txt-item > li .con{width: 70vw;height: 70vw;}
    .webGL-slider .txt-item > li .con > i{font-size: 1.3rem;}
    .webGL-slider .txt-item > li .other{width: 150vw;height: 150vw;}
    .webGL-slider .txt-item > li .other .cir5{width: 84%;height: 84%;}
    .webGL-slider .txt-item > li .con > h2{letter-spacing: 2px;}
    .webGL-slider .txt-item > li .con > p{letter-spacing: 0px;}
    #bloc #ecology #banner .webGL-slider .txt-item > li .other .cir5 .rol{left: 0;margin: auto auto;width: 72%;align-items: flex-end;}
    #bloc #ecology #banner .webGL-slider .txt-item > li .other .cir5 .rol .line{display: none;}
    #bloc #ecology #banner .webGL-slider .txt-item > li .other .cir5 .rol .box{position: relative;width: 100%;flex-direction: row;height: auto;flex-wrap: wrap;right: 0;padding-bottom: 7vw;}
    #bloc #ecology #banner .webGL-slider .txt-item > li .other .cir5 .rol .box > a{margin: 0.14rem 0.1rem;font-weight: 400;line-height: 0.7rem;}
    #bloc #ecology #banner .webGL-slider .wrap .scr{display: none;}
    #bloc #ecology #banner .webGL-slider .wrap{width: 126vw;height: 126vw;left: -13vw;top:calc(50% - 64vw + 25px);}
    #bloc #ecology #banner .webGL-slider .wrap .cox{height: 100%;align-items: flex-start;justify-content: center;}
    #bloc #ecology #banner .webGL-slider .wrap .cox .box > li{width: 68px;height: 68px;line-height: 68px;}
    #bloc #ecology #banner .webGL-slider .wrap .cox .box > li:after{left: 0;text-align: center;width: 100%;bottom: -0.7rem;top: auto;font-weight: 400;}
    #bloc #ecology #banner .webGL-slider .wrap .cox .line{height: 62px;width: 1px;margin-top: 13px;}
    #bloc #ecology #banner .webGL-slider .wrap .cox .line > em{bottom: -3px;top: auto;}
    .webGL-slider .txt-item > li .other .cir4{width: 90%;height: 90%;}
    .webGL-slider .txt-item > li .other .cir6{width: 64%;height: 64%;}
    .webGL-slider .txt-item > li .other .cir7{width: 50%;height: 50%;}
    .webGL-slider .pagination{opacity: 0;pointer-events: none;}

    #index #r2{height: 600px;overflow: hidden;}
    #index #r2 .webGL-slider .txt-item > li .other .cir4{opacity: 0;}
    #index #r2 .webGL-slider .txt-item > li .other .cir7{opacity: 0;}
    #index #r2 #banner .webGL-slider .txt-item{top: -100px;}
    #index #r2 #banner .webGL-slider .wrap .cox .line_left{width: 10vw;margin-bottom: 200px;}
    #index #r2 #banner .webGL-slider .wrap .cox .line_right{width: 10vw;margin-bottom: 200px;}
    #index #r2 #banner .webGL-slider .wrap .cox #fn_1{height: 200px;bottom: -50px;}
    #index #r2 #banner .webGL-slider .wrap .cox #fn_1 #sw_1{height: 200px;}
    #index #r2 #banner .webGL-slider .wrap .cox #fn_1 #sw_1 .swiper-wrapper .swiper-slide{opacity: 0.7;}
    #index #r2 #banner .webGL-slider .wrap .cox #fn_1 #sw_1 .swiper-wrapper .swiper-slide .box > li{width: 80px;height: 80px;line-height: 80px;}
    #index #r2 #banner .webGL-slider .wrap .cox #fn_1 #sw_1 .swiper-wrapper .swiper-slide .box > li:after{top: 100%;}
    #index #r2 #banner .webGL-slider .wrap .cox #fn_1 #sw_1 .swiper-wrapper .swiper-slide .box .cir-box{opacity: 0;pointer-events: none;}
    #index #r2 #banner .webGL-slider .wrap .cox #fn_1 #sw_1 .swiper-wrapper .swiper-slide.swiper-slide-active{opacity: 1;transform: scale(1.1);}
}