@font-face{ font-family:'Montserrat_Regular'; src:url('../fonts/Montserrat/Regular.woff') format('woff'); font-display:swap; } @font-face{ font-family:'Montserrat_Medium'; src:url('../fonts/Montserrat/Medium.woff') format('woff'); font-display:swap; } @font-face{ font-family:'Montserrat_Bold'; src:url('../fonts/Montserrat/Bold.woff') format('woff'); font-display:swap; } @font-face{ font-family:'Roboto_Light'; src:url('../fonts/Roboto/Light.woff') format('woff'); font-display:swap; } body{font-family: 'Roboto_Light'; font-size:14px} .readmore .span{font-family: 'Montserrat_Medium';} .body_main h2.title, .classify_model .sub.fz40, .subtitle, .pvleaderslide .swiperpc .cur .name, .boxtitle, .title, .tit, #contactlist .name{font-family: 'Montserrat_Regular';} #indexpage .title, .mousewheel_banner .name, #banner .name{font-family: 'Montserrat_Bold';} .inner{max-width:102.865em;} pre {font-family:'Arial','Sans-serif'} .fz24{font-size: 1.25em;} .fz28{font-size: 1.45em;} .fz32{font-size: 1.5em;} .fz36{font-size:1.85em;} .fz40{font-size:2em;} .fz48{font-size: 2.25em;} .fz60{font-size:3em;} #navi{ text-transform: none;} #navi .menu{ justify-content: center;} #navi .name{font-size: 1em;} #navi .parent{padding: 0 2%;} #navi .sub li{font-size: 1em;} #indexpage .title {font-size: 2.25em;} .readmore .span{width:auto;padding-left:2em;float:left} .readmore .span:hover{padding-left:3em} .classify_feature{ max-width: 120.01em;} .classify_feature .swiper-slide:not(.swiper-slide-active){font-size: 16px;} .overview_main .ul_txt b { font-size: calc(100vw* 36 / 1920);} .classify_overview{ text-align: left;} .classify_model .txt_dl dl dt{width:45%} .classify_model .txt_p p{line-height:26px!important} .case_intro_photo .num_txt dl{width:50%; padding:10px 0} .editor_lvnengyun_yyfw dl dt{line-height: 1.5;} .editor_lvnengyun_yyfw dl dd{line-height: 1.5;} #contactlist .title{ white-space: nowrap; width: 7em;} .lvnengyun_advantage .desc{ padding-top:4%} @media (min-width: 768px){ .lvnengyun_advantage .info{line-height: 1.5;} .plan_value_photo .swiperTitle .swiper-slide{width: calc(25% - 40px) !important;margin: 0 20px !important;} } @media (min-width: 768px){ .classify_feature .swiper-slide.swiper-slide-active{font-size: 18px;} } @media (max-width: 750px){ .mousewheel_banner .name.fz48 { font-size: 30px;} } @media (max-width: 768px){ #navi .item{padding:5px 0} #navi .name{ line-height:1.5;} .mousewheel_banner .name{line-height:1} main.main_feng .overview_main .box{overflow: hidden;} main.main_feng .overview_main .box figure{width:200%} .classify_feature .swiper-slide{line-height:20px; padding-left:20px} .classify_feature .swiper-slide:before{position: absolute; left: 0; top:10px} .classify_model .txt_dl dl dt{width:60%;} .classify_model .txt_dl dl dd{padding-left:6%;} .intro_zhyw .num_box .inner{flex-wrap: wrap} .intro_zhyw .num_box dl{width:100%;} .intro_zhyw .num_box dl:not(:last-child){display:none} .lvnengyun_advantage .info pre{white-space: inherit;} .pvglass li{width:100%; padding:4% 0;} .pvglass .icon{max-width:60px;} .editor_lvnengyun_yyfw dl { width:100%; line-height: 24px;} #layout .list .meta li, #layout .list .item:last-child .meta li{width:100%!important} .about_num .num_box dl{width:100%; padding: 3% 0;} .readmore .span{ width:110px;} #starting .title{max-width:none; margin: auto; margin-bottom: 6%;} .anniversary .title { font-size: 16px;} } .plan_value_full .swiper-title ul li{color: #cccccc; cursor: pointer; margin: 0px 30px;width:30%;text-align:right;} .readmore {text-align:center} .application_case .readmore .span{display:inline-block;} .pvsolution .readmore .span{display:inline-block;} .article_details .back a{width:10em}