html {font-size: 12px;}
@font-face {font-family: 'Pingf';src: url('../fonts/Pingf.woff2') format('woff2');font-weight: normal;  font-style: normal;}
p, h1, h2, h3, h4, h5, h6, a, button, input, textarea { font-family: "PingFang SC","PingFangSC-Light","Microsoft YaHei", "SimHei", "STXihei", "SimSun", Arial, Tahoma, Helvetica, Georgia, "Times New Roman", sans-serif !important;}
a{color:#444;}
b{font-weight: normal;}
li{list-style-type: none;}
a:hover{color:#c40317;text-decoration:none;}
.jq22-container{padding-top:4.625rem; width: 100%;margin-left: auto; margin-right: auto;overflow: auto}
.str_wrap{background: #fff;height: 10em;line-height: 2em;font-size: 1.2em;}
.str3-2 { background:none !important;}
.str3-2 span {  background:#fff; color:#999; margin:0 12px; text-align:center;  width:16.5rem; height:100px; display:inline-block; }
.str3-2 img{max-height:100%;width: 100%;object-fit:cover;}
.img-fluid{width:100%;}
.dropdown-item.active, .dropdown-item:active{background:#c40317;}
.logo {padding-top: 2px;display: block;}
.logo-img {display: block;width: 10.23rem;height: 4.13rem;}
.search-icon {display: block;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;width: 1.5rem;height: 1.5rem;}
.subtitle-wrap .subtitle,.menu-list-item,.lang,.lan {font-size: 1.375rem;line-height: 4.125rem;color: rgba(255, 255, 255, 0.75);}
.split-line {margin-left: 14px;margin-right: 13px;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;width: 1px;height: 1rem;background: rgba(255, 255, 255, 0.75);}
.main-bg {background: rgba(0, 0, 0, 0.2);}
.menu-list-item {margin: 0 1.875rem;padding: 0;white-space: nowrap;}
.menu-list-item.active {color: #fff;}
.container-content {position: relative;font-size: 0;height: 67.5rem;}
.container-content-h800 {height: 50rem;}
.container-content-h800 .container-content-image {height: 50rem;}
.container-content-image {width:100%;object-fit:cover;height:50rem;}
.index{height:67.5rem;}
.container-content-image.vvs-index-img{height:67.5rem;}
.carousel-indicators-custom {margin-left: 7.065rem;margin-right: 0;margin-bottom: 6rem;-webkit-box-pack: start;-webkit-justify-content: flex-start;   -moz-box-pack: start;    -ms-flex-pack: start;        justify-content: flex-start;}
.carousel-indicators-custom li {margin-left: 0.625rem;margin-right: 0.625rem;width: 0.63rem;height: 0.63rem;border-radius: 1rem;border: none;}
.carousel-info {position: absolute;left: 7.065rem;bottom: -2.6rem;z-index: 15;-webkit-transform: translateY(-100%);   -moz-transform: translateY(-100%);    -ms-transform: translateY(-100%);     -o-transform: translateY(-100%);        transform: translateY(-100%);}
.carousel-info .title {margin-bottom: 3px;position: relative;padding-top: 1.25rem;padding-bottom: 1.25rem;width: 38.75rem;font-size: 2.625rem;line-height: 3.625rem;font-weight: 600;letter-spacing: 0.88px;color: #fff;}
.vvs-bar{content: '';position: relative;left: 0;top:-6px;height: 8px;background: #c40317;z-index: 10;animation: load-progress 5s linear forwards; }
.carousel-info .title::after {content: '';margin-bottom: -4px;position: absolute;left: 0;bottom: 0;width:10rem;height: 8px;background: #c40317;z-index: 10;animation: load-progress 3s linear forwards; }
@keyframes load-progress {  
    0% {  
        width: 0;  
    }  
    100% {  
        width: 100%;  
    }  
}*
.subtitle-wrap {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;}
.subtitle-wrap .subtitle {margin-bottom: 0;margin-right: 2.0625rem;padding-top: 1.125rem;padding-left: 2.125rem;line-height: 1.875rem;font-weight: 300;background: url("../images/icon1.png") no-repeat 0 1.375rem;-o-background-size: 1.625rem 1.625rem;   background-size: 1.625rem 1.625rem;white-space: nowrap;}
.subtitle-wrap .subtitle.icon2 {background-image: url("../images/icon2.png");}
.subtitle-wrap .subtitle.icon3 {background-image: url("../images/icon3.png");}
.subtitle-wrap .subtitle.icon4 {background-image: url("../images/icon4.png");}
.subtitle-wrap .subtitle.icon5 {background-image: url("../images/icon5.png");}
.main-nav-list {padding-bottom: 2px;}
.footer {background: #fff;}
.footer-title {padding-top: 9rem;padding-bottom: 1.25rem;font-size: 2.625rem;line-height: 3.6875rem;text-align: center;}
.scroll-warp {width: 100%;overflow: hidden;}
.label-list {padding-top: 4.625rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;}
.label-list-item {margin-left: 12px;margin-right: 12px;width: 16.75rem;}
.label-list-item > .image {display: block;width: 100%; height: auto; object-fit: cover;}
.switch {margin-left: 1.875rem;}
.split-line,
.lang {display: inline-block;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;}
.lan {margin-left: 0;display: inline-block;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;}
.contact {margin: 0 auto;padding-top: 5.75rem;width: 75%;max-width: 1440px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;   -moz-box-orient: vertical;   -moz-box-direction: normal;    -ms-flex-direction: column;        flex-direction: column;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;   -moz-box-pack: justify;    -ms-flex-pack: justify;        justify-content: space-between;}
.contact-item {-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;margin-top: 0.9375rem;padding: 0;}
.contact-item .tel,
.contact-item .fax,
.contact-item .email {display: block;padding-left: 3.625rem;font-size: 1.375rem;line-height: 3rem;color: #444;background: url(../images/email.png) no-repeat 0 0/3rem 3rem;white-space: wrap;word-break: break-all;}
.contact-item .tel {background-image: url(../images/tel.png);}
.contact-item .fax {background-image: url(../images/fax.png);}
.footer-info {margin: 0 auto;width: 75%;max-width: 1440px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;padding-top: 2.125rem;padding-bottom: 3.125rem;font-size: 1.25rem;line-height: 2.375rem;color:#777;}
.footer-info a {display: block;color: rgba(68, 68, 68, 0.85);}
.company-profile-arrow {position: absolute;left: 50%;bottom: 3.25rem;-webkit-transform: translateX(-50%);   -moz-transform: translateX(-50%);    -ms-transform: translateX(-50%);     -o-transform: translateX(-50%);        transform: translateX(-50%);z-index: 8;}
.company-profile-arrow > .image {display: block;width: 4.125rem;height: 4.125rem;}
.section1 {position: relative;margin: 0 auto;max-width: 1440px;width: 75%;}
.section1 > .title {margin-top: 10rem;margin-bottom: 0;font-size: 2.625rem;line-height: 3.6875rem;color: #444;letter-spacing: 0;text-align: center;white-space: wrap;}
.section1 > .title.mt166 {padding-top: 10.375rem;margin-top:0;}
.section1 > .subtitle-wrapper {margin-top: 5.9375rem;padding-bottom: 2rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;}
.section1 > .subtitle-wrapper > .subtitle {margin-bottom: 0;font-size: 2rem;line-height: 2.8125rem;color: #444;}

.contnews img,.contnews p img{ max-width:100% !important;}
.symbol2,
.symbol1 {display: inline-block;vertical-align: top;width: 1.4375rem;height: 1.25rem;}
.symbol1 {margin-right: 1.75rem;}
.symbol2 {margin-left: 1.75rem;margin-top: 1.5625rem;}
.section1 > .info {margin: 1.25rem auto 0;max-width: 62.5rem;font-size: 1.375rem;line-height: 2.375rem;color: #444;letter-spacing: 0;font-weight: 400;text-align: center;}
.section1 > .title2 {padding-bottom: 1.875rem;}
.say-wrap {margin-top: 4.375rem;}
.say {margin-bottom: 0;font-size: 1.75rem;line-height: 3rem;color: #444;font-weight: 400;text-align: center;}
.say-wrap > .image {margin: 1.0625rem auto 0;display: block;height: 1.375rem;}
.desire {padding-top: 7.75rem;padding-bottom: 0.5rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;   -moz-box-orient: vertical;   -moz-box-direction: normal;    -ms-flex-direction: column;        flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;}
.desire > .image {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;display: block;width: 25.3125rem;}
.desire > .desire-info-wrap {margin-top: -2px;-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;}
.desire-info {padding-top: 3.625rem;padding-left: 3rem;}
.desire-info .img-title {display: block;height: 1.3125rem;}
.desire-info > .info {margin-bottom: 0;padding-top: 1.125rem;font-size: 1.75rem;line-height: 2.625rem;color: #444;font-weight: 400;}
.team-wrap {margin:0 auto 0;max-width: 1440px;width: 75%;padding-top:10.0375rem;}
.team {margin-bottom: 0;font-size: 2.625rem;line-height: 3.6875rem;color: #444;text-align: center;}
.team-intro {margin: 3.25rem auto 0;max-width: 59.3125rem;font-size: 1.375rem;line-height: 2.375rem;color: #444;font-weight: 400;text-align: center;}
.team-box {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;   -moz-box-orient: vertical;   -moz-box-direction: normal;    -ms-flex-direction: column;        flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;}
.team-people {margin-top: 9.625rem;-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;}
.team-people > .avatar {display: block;width: 22.5rem;}
.team-people > .name {margin-bottom: 0;margin-top: 2.25rem;font-size: 1.375rem;line-height: 3rem;color: #c40317;-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;font-weight: 600;}
.team-p {margin-bottom: 0;font-size: 1.375rem;line-height: 2.25rem;color: #444;font-weight: 400;}
.edu-background,
.p-wrap {margin-top: 2.3125rem;}
.team-p.strong {font-weight: 500;}
.edu-background .team-p.strong {padding-bottom: 0.625rem;}
.item-wrap {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;margin-top: 9.625rem;padding-bottom: 14.75rem;border-bottom: 1px solid #dedede;}
.item-img {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center; justify-content: space-between;}
.item-img >.vvsld-a:hover .mask-title{background:#c40418ad;}
.item-img-box {  width: 28.375rem;}
.item-img-box {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;position: relative;margin-bottom: 1.375rem;width: 28.375rem;}
.item-img-box > .image {  width: 28.375rem;height:15.27rem;object-fit: cover;}
.item-img-box .mask-title {position: absolute;left: 0;right: 0;bottom: 0;z-index: 8;background: rgba(0, 0, 0, 0.25);padding-left: 1.125rem;padding-right: 1.125rem;font-size: 1.375rem;line-height: 3.125rem;color: #fff;font-weight: 400;white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
.team-ul {margin-left: 1.375rem;padding-top: 1.125rem;}
.team-ul > .team-p {position: relative;padding-left: 1.5rem;}
.team-ul > .team-p::before {content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);   -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);     -o-transform: translateY(-50%);        transform: translateY(-50%);width: 0.375rem;height: 0.375rem;border-radius: 10px;background: rgba(68, 68, 68, 0.7);z-index: 4;}
.team-ul > .title {padding-bottom: 0.625rem;padding-left: 0;font-weight: 500;color:#c40317;}
.team-ul > .title::before {content: '';display: none;}
.people-scroll {margin-top: 5.5rem;overflow: hidden;}
.people-ul {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;   -moz-box-align: start;    -ms-flex-align: start;        align-items: flex-start;}
.people-wrap {margin-left: 3.375rem;-o-animation: scroll 10s infinite linear forwards;   animation: scroll 10s infinite linear forwards;-webkit-animation: scroll 10s infinite linear forwards;-moz-animation: scroll 10s infinite linear forwards;}
.people-wrap > .avatar {display: block;width: 20rem;}
.people-wrap > .name {margin-bottom: 0;margin-top: 1.75rem;font-size: 1.375rem;line-height: 2.5rem;color: #444;font-weight: 600;}
.people-wrap > .intro {margin-bottom: 0;font-size: 1.375rem;line-height: 2.25rem;color: #444;font-weight: 400;}
.group-phone {position: relative;margin: 5.125rem auto 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;width: 75%;}
.group-phone > .image {display: block;width: 28.375rem;}
.service-area {margin: 5.375rem auto 0;width: 75%;max-width: 1440px;}
.service-area > .title {margin-bottom: 0;font-size: 2.625rem;line-height: 3.75rem;color: #444;font-weight: 600;}
.service-area > .info {margin-bottom: 0;margin-top: 1.5rem;font-size: 1.375rem;line-height: 2.375rem;white-space: wrap;word-break: break-all;color: #444;font-weight: 400;white-space:pre-wrap;}
.service-area > .line {margin-top: 2.375rem;display: block;width: 1.25rem;height: 2rem;}
.service-area .list {padding-top: 0.875rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;}
.service-area .list::after {content: '';display: block;height: 0;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;width: 28.6875rem;}
.service-area .list::before {content: '';-webkit-box-ordinal-group: 2;-webkit-order: 1;   -moz-box-ordinal-group: 2;    -ms-flex-order: 1;        order: 1;display: block;height: 0;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;width: 28.6875rem;}
.service-area .list-item {position: relative;margin-top: 2rem;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;}
iframe#workspace{height:86rem;}
.service-area .list-item .image {display: block;width: 28.5rem;height: 32.5rem; object-fit: cover;}
.service-area .list-item .image2 {  width: 58.8rem; object-fit: cover;}
.service-area  .mask-title {position: absolute;left: 0;right: 0;bottom: 0;z-index: 5;padding-left: 2.5rem;font-size:1.75rem;line-height: 6.25rem;color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.35)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 100%);background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 100%);background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 100%);background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 100%);}
.service-area3 {margin: 3.75rem auto 0;width: 75%;max-width: 1440px;}

.vvs-competiton.row{margin:3rem -1rem 0 -1rem;} .vvs-competiton.row .imagevs{width:100%;height:32.5rem;object-fit:cover;}.vvs-competiton.row .col-md-4,.col-md-8{padding:1rem 1rem;margin:0px;position:relative}
.vvs-competiton .mask-title{margin:1rem 1rem;}
.vvs-competiton .col-md-4:hover .mask-title,.vvs-competiton .col-md-8:hover .mask-title{background:#c40418ab;}
.service-area3 .custom-breadcrumb {margin-bottom: 0;padding: 0;background: none;}
.service-area3 .custom-breadcrumb .breadcrumb-item {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;padding-left: 0.875rem;font-size: 1.625rem;line-height: 2.3125rem;}
.service-area3 .custom-breadcrumb .breadcrumb-item::before {content: '/';display: block;padding-right: 0.875rem;}
.service-area3 .custom-breadcrumb .breadcrumb-item > a {display: block;color: rgba(68, 68, 68, 0.75);}
.service-area3 .custom-breadcrumb .breadcrumb-item > a:hover{text-decoration:underline;}
.service-area3 .custom-breadcrumb .breadcrumb-item:first-child {padding-left: 0;}
.service-area3 .custom-breadcrumb .breadcrumb-item:first-child::before {content: '';display: none;}
.service-area3 > .title {margin-top: 3.8125rem;font-size: 2.625rem;line-height: 3.6875rem;}
.service-area3 .line {margin-top: 2.3125rem;width: 1.125rem;height: 1.875rem;}
.service-area3 > .subtitle {margin-top: 4.125rem;font-size: 1.75rem;line-height: 2.375rem;color: #444;}
.service-area3 .table-wrap {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;   -moz-box-orient: vertical;   -moz-box-direction: normal;    -ms-flex-direction: column;        flex-direction: column;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;}
.service-area3 .table-wrap .table-col {margin-top: 2.25rem;-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;}
.service-area3 .table-wrap .table-col .table-title {font-size: 1.375rem;line-height: 1.875rem;color: rgba(68, 68, 68, 0.75);}
.service-area3 .table-wrap .table-col .table-content {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;padding-top: 0.75rem;padding-bottom: 0.75rem;font-size: 1.375rem;line-height: 2.25rem;color: #444;white-space: wrap;word-break: break-all;}
.link {position: relative;font-style: italic;color: #c40317;text-decoration: none;font-size:1.375rem;float:right;}
 .link::before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: -5px;height: 1px;background: #c40317;z-index: 1;}
.service-area3 .list3-title {margin-top: 3.75rem;margin-bottom: 0;padding-top: 2.5rem;font-size: 1.625rem;line-height: 2.375rem;color: #444;font-weight: 600;border-top: 1px solid #dedede;}
.service-area3 .list3 {margin-top: 0.125rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;}
.service-area3 .list3::before {content: '';display: block;-webkit-box-ordinal-group: 2;-webkit-order: 1;   -moz-box-ordinal-group: 2;    -ms-flex-order: 1;        order: 1;width: 28.6875rem;height: 0;}
.service-area3 .list3::after {content: '';display: block;width: 28.6875rem;height: 0;}
.service-area3 .list3 .list3-item,.vvs-item-img{margin-top: 2.125rem;position: relative;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;height: 20rem;width:28.675rem;object-fit: cover;}
.service-area3 .list3 .list3-item .image {width:100%;height:20rem;object-fit: cover;}
.service-area3 .list3 .image-title {padding-top: 1rem;}
.service-area3 .list3 .image-title .title {font-size: 1.2rem;line-height: 1.8rem;color: #444;}
.service-area3 .list3 .image-title .subtitle {padding-top: 0.375rem;font-size: 1.375rem;line-height: 1.875rem;color: rgba(68, 68, 68, 0.75);font-weight: 400;}
.select-wrap {position: relative;margin-top: 3.375rem;margin-left: auto;margin-right: auto;padding-bottom: 0.5625rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;border-top: 1px solid #dedede;}
.select-wrap .search {position: relative;}
.select-wrap::after {content: '';position: absolute;left: 0;top: -0.5rem;width: 9.375rem;height: 1rem;background: #c40317;z-index: 5;}
.select-box {margin-top: 2rem;margin-right: 0.875rem;margin-bottom: 2.125rem;}
.select-box.active .custom-selects1 {border-color: #c40317;}
.select-box.active .custom-selects1 .dropdown-toggle {color: #c40317;}
.select-box .custom-selects1 {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;line-height: 3.375rem;min-width: 9.875rem;max-width: 12.875rem;height: 3.375rem;border-radius: 3.375rem;outline: none;border: 1px solid #e1e1e1;color: #444;}
.select-box .custom-selects1 .dropdown-toggle {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;padding-left: 1.5rem;padding-right: 1.5rem;-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;line-height: 2.5rem;border-radius: 2rem;appearance: none !important;  
    -moz-appearance: none;  
    -webkit-appearance: none;}
 .custom-selects1 .dropdown-toggle::-ms-expand{display:none !important;}
.select-box .custom-selects1 .dropdown-toggle .dropdown-text {-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;}
.select-box .custom-selects1 .dropdown-menu {right: 0 !important;}
.select-line {margin-left: 0.375rem;margin-right: 1.25rem;width: 1px;height: 1.75rem;background: #e1e1e1;}
.custom-selects {display: block;padding: 0 3.125rem 0 1.5rem;line-height: 3.375rem;width: 12.875rem;height: 3.375rem;border: 1px solid #e1e1e1;border-radius: 3.375rem;color: #444;outline: none;}
.search .search-icon2 {position: absolute;left: 1.6875rem;top: 50%;-webkit-transform: translateY(-50%);   -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);     -o-transform: translateY(-50%);        transform: translateY(-50%);width: 1.375rem;height: 1.375rem;z-index: 1;}
.search .search-input {display: block;padding: 0 3.125rem 0 3.8125rem;width: 25rem;height: 3.375rem;border: 1px solid #e1e1e1;border-radius: 3.375rem;}
.custom-selects.active {border: 1px solid #c40317;color: #c40317;}
.list2 {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;}
.list2::before {content: '';display: block;-webkit-box-ordinal-group: 2;-webkit-order: 1;   -moz-box-ordinal-group: 2;    -ms-flex-order: 1;        order: 1;width: 28.6875rem;height: 0;}
.list2::after {content: '';display: block;width: 28.6875rem;height: 0;}
.list2-item {border:1px solid #fff;position: relative;margin-top: 30px;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;}
.mask-a:hover .list2-item >.mask-wrap{background:#c40418ad;}
.row .list2-item .image {    position: absolute;      top: 0;left: 0;   width: 100%; height: 100%; object-fit: cover; }
.row .list2-item  {  width: 100%;  padding-top: 100%; position: relative; } 
.list2-item .mask-wrap {position: absolute;left: 0;right: 0;bottom: 0;z-index: 5;padding: 0.875rem 1rem 1rem 2.5rem;color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.35)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 100%);background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 100%);background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 100%);background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 100%);}
.list2-item .mask-h1 {font-size: 1.375rem;line-height: 2.25rem;white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
.list2-item .mask-subtitle {margin-top: 4px;font-size: 1.225rem;line-height: 1.875rem;white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
 .list2-item .mask-h1.news-h1{white-space:initial;}
.custom-pagination {margin: 2rem auto 0;width: 75%;max-width: 1440px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;   -moz-box-pack: end;    -ms-flex-pack: end;        justify-content: flex-end;}
.custom-pagination li {margin-right: 0.75rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;width: 3rem;height: 3rem;border: 1px solid #d9d9d9;border-radius: 2px;}
.custom-pagination li a {display: block;margin: 0;padding: 0;font-size: 1.25rem;line-height: 3rem;height: 3rem;color: rgba(0, 0, 0, 0.65);text-align: center;border: none;background: none;}
.custom-pagination li.active {border-color: #c40317;}
.custom-pagination li.active a {background: none;color: #c40317;}
.navbar-light.main-nav .nav-link.menu-list-item,
.navbar-light.main-nav .lang,
.navbar-light.main-nav .lan {color: rgba(68, 68, 68, 0.65);}
.main-bg-c .nav-item_w.active > a{color: #444 !important;}
.nav-w{border-bottom:1.5px solid #DEDEDE }
.main-bg-c .nav-item.dropdown.nav-item_w:hover >a,.main-bg-c .nav-item_w.active:hover >a{color:#444 !important;}
.newsp{margin-top:2rem;}
.vvs-news .service-area3{max-width:820px;}
.news-list-wrap {margin: 10.875rem auto 0;width: 75%;max-width: 1440px;}
.news-list-wrap .screen-wrap {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;}
.news-list-wrap .screen-wrap .screen-type1 {margin-top: 1rem;-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;margin-bottom:1rem;}
.news-list-wrap .screen-wrap .screen-type1 .screen-item ,.navbar-expand-lg .navbar-nav .nav-link{margin-right: 4.375rem;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;font-size: 1.3rem;line-height: 3.25rem;color: rgba(68, 68, 68, 0.65);font-weight: 600;border-bottom: 2px solid transparent;padding:0px;}
.news-list-wrap .screen-wrap .screen-type1 .screen-item.active {color: #444;border-color: #c40317;}
.news-list-wrap .screen-wrap .screen-type2 {margin-top: 1rem;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;width: 18rem;height: 3.25rem;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0.5rem;}
.news-list-wrap .screen-wrap .screen-type2 .custom-dropdown {-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.news-list-wrap .screen-wrap .screen-type2 .custom-dropdown > .dropdown-toggle {padding-left: 1rem;padding-right: 1rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;font-size: 1.375rem;line-height: 2.5rem;color: rgba(68, 68, 68, 0.65);text-align: left;border-radius: 0.5rem;}
.nav-item.nav-item_w.dropdown:hover .nav-link.menu-list-item.vvs-sublink{display:block;} 
.news-list-wrap .screen-wrap .screen-type2 .custom-dropdown > .dropdown-toggle::after {content: '';}
.news-list-wrap .screen-wrap .screen-type2 .custom-dropdown .dropdown-text {-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
.news-list-wrap .screen-wrap .screen-type2 .custom-dropdown .dropdown-menu {right: 0 !important;}
.news-list-wrap .screen-wrap .screen-type2 .custom-dropdown .dropdown-item {line-height: 2.5rem;white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
.news-list-wrap .news-list {-webkit-column-count: 3;-moz-column-count: 3;column-count:3;margin-top: 0.875rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;}
.news-list-wrap .news-list .news-item {margin-top: 2.75rem;width: 28.125rem;}
.news-list-wrap .news-list .news-item > .image {display: block;width: 28.125rem;}

.items { break-inside: avoid;   margin-bottom: 2.7rem;}
.items>img{height:16rem;object-fit:cover;}
.items .intro,.news-list-wrap .news-list  .intro {position: relative;padding: 1.5rem 1.5rem 1.3125rem;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;min-height:10.4rem;}
 .intro > .time {margin: 0;position: absolute;left: 0;right: 0;bottom: 100%;z-index: 1;padding-left: 1.4375rem;padding-bottom: 0.25rem;font-size: 2rem;line-height: 2.625rem;font-weight: 700;color: #fff;white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
 .items .intro > .title {margin-bottom: 0;font-size: 1.2rem;line-height: 1.8rem;color: #444;white-space: wrap;word-break: break-all;}
 .items .intro > .subtitle {margin-bottom: 0;padding-top: 0.75rem;font-size: 1.5rem;line-height: 2.625rem;color: rgba(68, 68, 68, 0.65);font-weight: 400;white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
 .items .intro > .subtitle-wrap {margin-bottom: 0;padding-top: 0.75rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;}
 .items .intro > .subtitle-wrap .label,  .items .intro > .subtitle-wrap .unit {-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;font-size: 1.2rem;line-height: 1.8rem;color: rgba(68, 68, 68, 0.65);white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
 .items .intro > .subtitle-wrap .unit {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;}
.news-list-wrap .news-list::after {content: '';display: block;width: 28.125rem;height: 0;}
.news-list-wrap .news-list::before {content: '';-webkit-box-ordinal-group: 2;-webkit-order: 1;   -moz-box-ordinal-group: 2;    -ms-flex-order: 1;        order: 1;display: block;width: 28.125rem;height: 0;}
.news-list-wrap .news-list2 {margin-top: 1.625rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;}
.news-list-wrap .news-list2 .news-list2-item {position: relative;padding-top: 2.625rem;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;width:33%}
.vvs-news-title{font-size:1.5rem !important;text-align:center;margin-top:2rem;}
.news-list-wrap .news-list2 .news-list2-item .time {margin-bottom: 0;font-size: 2.625rem;line-height: 3.875rem;color: #c40317;font-weight: 700;white-space: nowrap;-o-text-overflow: ellipsis;   text-overflow: ellipsis;overflow: hidden;}
.news-list-wrap .news-list2 .news-list2-item .line {margin-top: 0.8125rem;position: relative;border-top: 0.5rem dotted #dcdcdc;}
.news-list-wrap .news-list2 .news-list2-item .line .point {position: absolute;left: 2.125rem;top: -1.0625rem;z-index: 1;width: 1.625rem;height: 1.625rem;border: 1px solid #c40317;border-radius: 1.625rem;background:#fff;}
.news-list-wrap .news-list2 .news-list2-item .line .point::before {content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);   -moz-transform: translate3d(-50%, -50%, 0);        transform: translate3d(-50%, -50%, 0);display: block;width: 1.125rem;height: 1.125rem;background: #c40317;z-index: 2;border-radius: 1.125rem;}
.news-list-wrap .news-list2 .news-list2-item .image {margin-top: 2.125rem;display: block;width: 25rem;height: 15rem;border-radius: 1rem;}
.news-list-wrap .news-list2 .news-list2-item .detail {padding-top: 1.375rem;width: 22.125rem;}
.news-list-wrap .news-list2 .news-list2-item .detail > .title {margin-bottom: 0;position: relative;padding-left: 1.5rem;font-size: 1.375rem;line-height: 2.625rem;color: #444;white-space: wrap;word-wrap: break-word;}
.news-list-wrap .news-list2 .news-list2-item .detail > .title::before {content: '';position: absolute;left: 0;top: 1.0625rem;width: 0.5rem;height: 0.5rem;z-index: 2;border-radius: 1rem;background: rgba(68, 68, 68, 0.7);}
.news-list-wrap .news-list2 .news-list2-item:nth-child(2n + 1)::after {content: '';margin-top: 7.3125rem;position: absolute;right: -2.875rem;top: 0;bottom: -7.8125rem;width: 3.875rem;border-style: dashed;border-color: #dcdcdc;border-width: 0.5rem 0.5rem 0.5rem 0;z-index: 1;border-radius: 0 3.875rem 3.875rem 0;}
.news-list-wrap .news-list2 .news-list2-item:nth-child(2n)::before {content: '';margin-top: 7.3125rem;position: absolute;left: -2.875rem;top: 0;bottom: -7.8125rem;width: 3.875rem;border-style: dashed;border-color: #dcdcdc;border-width: 0.5rem 0 0.5rem 0.5rem;z-index: 1;border-radius: 3.875rem 0 0 3.875rem;}
.news-list-wrap .news-list2 .news-list2-item:nth-child(1)::before {content: '';display: none;}
.news-list-wrap .news-list2 .news-list2-item:last-child::before {content: '';display: none;}
.news-list-wrap .news-list2 .news-list2-item:last-child::after {content: '';display: none;}
.news-list-wrap .news-list2 .news-list2-item:nth-child(3n) .line {margin-right: 0;}
.news-list-wrap .news-list2::before {content: '';-webkit-box-ordinal-group: 2;-webkit-order: 1;   -moz-box-ordinal-group: 2;    -ms-flex-order: 1;        order: 1;display: block;width: 25rem;height: 0;}
.news-list-wrap .news-list2::after {content: '';display: block;width: 25rem;height: 0;}
.juin-us {margin: 0 auto 0;max-width: 1440px;width: 75%;}
.juin-us .h2 {margin-top: 5.375rem;margin-bottom: 0;font-size: 2.625rem;line-height: 3.6875rem;color: #444;font-weight: 400;}
.juin-us .h2-mt10 {padding-top: 0.625rem;}
.juin-us .h3 {margin-top: 1.625rem;margin-bottom: 2px;font-size: 1.375rem;line-height: 2.375rem;font-weight: 600;color: #444;}
.juin-us .h4 {position: relative;margin-top: 3.5625rem;margin-bottom: 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;}
.juin-us .h4 .txt {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;font-size: 1.75rem;line-height: 2.75rem;color: #c40317;font-weight: 600;}
.juin-us .h4 > .image {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;margin-left: 0.625rem;display: block;width: 2.75rem;height: 2.75rem;}
p.vvs-p{margin-bottom:0px;}
.vvs-p .txt{display:block;max-width:100%;}
.juin-us .h5 {margin-top: 1.25rem;font-size: 1.375rem;line-height: 2.375rem;color: #444;font-weight: 600;}
.juin-us .intro-warp {padding-top: 0.625rem;}
.juin-us .intro-warp .intro-title >p {position: relative;padding-left: 1.875rem;font-size: 1.375rem;line-height: 2.375rem;color: #444;font-weight: 400;}
.juin-us .intro-warp .intro-title>p::before {content: '';position: absolute;left: 0.25rem;top: 1rem;width: 0.375rem;height: 0.375rem;z-index: 5;border-radius: 0.375rem;background: rgba(68, 68, 68, 0.7);}
.juin-us .line {margin-top: 2.4375rem;display: block;width: 1.25rem;height: 2rem;}
.juin-us .map-wrap {position: relative;margin-top: 3.5rem;padding-bottom: 4.5rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;   -moz-box-align: start;    -ms-flex-align: start;        align-items: flex-start;-webkit-box-pack: justify;-webkit-justify-content: space-between;   -moz-box-pack: justify;    -ms-flex-pack: justify;        justify-content: space-between;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;        flex-wrap: wrap;border-bottom: 1px solid #dedede;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-webkit-flex-direction: column-reverse;   -moz-box-orient: vertical;   -moz-box-direction: reverse;    -ms-flex-direction: column-reverse;        flex-direction: column-reverse;}
.juin-us .map-wrap::after {content: '';position: absolute;right: 0;bottom: -0.5rem;width: 9.375rem;height: 1rem;background: #c40317;z-index: 2;}
.juin-us .map-wrap .map-info {-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;padding-top: 0.5rem;padding-right: 2rem;}
.juin-us .map-wrap .map-info .map-p {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;   -moz-box-align: start;    -ms-flex-align: start;        align-items: flex-start;font-size: 1.375rem;line-height: 3.125rem;color: #444;font-weight: 400;}
.juin-us .map-wrap .map-info .map-p .label, .juin-us .map-wrap .map-info .map-p .news-list-wrap .news-list .news-item .intro > .subtitle-wrap .unit, .news-list-wrap .news-list .news-item .intro > .subtitle-wrap .juin-us .map-wrap .map-info .map-p .unit {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;}
.juin-us .map-wrap .map-info .map-p .txt {white-space: wrap;word-break: break-all;}
.juin-us .map-wrap .map-info .qrcode-wrap {position: relative;margin-top: 2.75rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;}
.juin-us .map-wrap .map-info .qrcode-wrap .qrcode {-webkit-box-flex: 0;-webkit-flex: 0 0 9.375rem;   -moz-box-flex: 0;    -ms-flex: 0 0 9.375rem;        flex: 0 0 9.375rem;width: 9.375rem;}
.juin-us .map-wrap .map-info .qrcode-wrap .qrcode .qrcode-img {display: block;width: 9.375rem;}
.juin-us .map-wrap .map-info .qrcode-wrap .qrcode-title-wrap {margin-left: 1.75rem;-webkit-box-flex: 1;-webkit-flex: 1;   -moz-box-flex: 1;    -ms-flex: 1;        flex: 1;}
.juin-us .map-wrap .map-info .qrcode-wrap .qrcode-title-wrap .qrcode-title {font-size: 1.375rem;line-height: 2.75rem;color: #444;font-weight: 400;white-space: wrap;word-break: break-all;}
.juin-us .map-wrap .map {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;   -moz-box-flex: 0;    -ms-flex: 0 0 auto;        flex: 0 0 auto;}
  .juin-us .map-wrap .map .map-image {  width: 48.125rem;}
.juin-usp{font-size: 1.375rem;color: #444; font-weight: 400;line-height:2.4rem;}
.images-fit{width: 100%;object-fit: cover;}
.service-area3 .table-wrap .table-col {  -webkit-box-flex: 0;  -webkit-flex: 0 0 auto;     -moz-box-flex: 0;      -ms-flex: 0 0 auto;          flex: 0 0 auto;  min-width: 14rem;padding-right:2rem}
.table-col.vvs-shjx{align-self: flex-end;}
.service-area3 .table-wrap {  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;     -moz-box-orient: horizontal;     -moz-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;}
.vvs-pc{display:none;}
.vvs-news{margin-top:4rem;}
.marquee { width: 100%; overflow: hidden;  position: relative;}
.marquee-inner {display: flex; animation: marquee 25s linear infinite;}
.marquee-inner img {flex-shrink: 0;}
.news-list-wrap.fixed-top{margin-top:7rem;z-index:106;background:#fff;}
.fixed-top.vvs-sub{top:7rem;background:#fff !important;margin:0 auto;width:75%;}
.news-list-wrap.fixed-top{width:75%;background:#fff;padding-left:0;padding-right:0;}
.navbar-expand-lg .navbar-nav .nav-link.active{border-bottom-color:#c40317;}
.vvs-sub{display:none;}
.scrolled{display:block;}
.dropdown-item{line-height:3rem;font-size:1rem;}
.fixed-top{z-index:1000;}
.service-area3.servic-vvs.fixed-top{padding-top:3rem;}
.page-line{position:relative;margin-top:4.6rem;padding-bottom:4rem;border-bottom;border-bottom:2px solid #dedede;}
.page-line::after {content: '';position: absolute;right: 0;bottom: -0.5rem;width: 9.375rem;height: 1rem;background: #c40317;z-index: 5;}
.service-area3.fixed-top{background:#fff;}
span.vvs-icon{display: block;width: 22px;border-bottom: 1px solid #c40418;height: 10px;}
.iteminfo .dropdown.custom-selects1{border:0px;padding:0;margin:0;}
.iteminfo .dropdown-text{font-size: 1.625rem;line-height: 2.3125rem;color:#444;}
.iteminfo.select-box .custom-selects1 .dropdown-toggle{color:#c40317;}
@keyframes marquee {
  0% {transform: translateX(0);  }  100% { transform: translateX(-100%);
  }}
.scroll-right  {
  -o-animation: scrollRight 25s infinite linear forwards;
     animation: scrollRight 25s infinite linear forwards;
  -webkit-animation: scrollRight 25s infinite linear forwards;
  -moz-animation: scrollRight 25s infinite linear forwards;
}
@-webkit-keyframes scrollRight {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}

@-moz-keyframes scrollRight {
  0% {
    -moz-transform: translateX(-100%);
         transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
@keyframes marquee-r {
  0 {transform: translateX(0);  }  100%{ transform: translateX(-100%);
  }}
@media (min-width:500px) {html {  font-size: 12px;}
.nav-mobile{display:none;}
.item-img .col-md-3{max-width:25%}
  .item-wrap {  width: 58.125rem;}
.item-img .col-md-9,.item-wrap{max-width:65%;}
.team-people.col-md-3.col-12{max-width:35%}
.item-img .col-md-6{padding:0px;padding-left:1.375rem}
.team-people > .avatar{width:100%;height:31.915rem;object-fit:cover;}
.item-img-box{width:100%;height:15.27rem;}
.item-img-box .image{width:100%;15.27rem}
  .lan {  margin-left: 31px;  -webkit-box-flex: 0;  -webkit-flex: 0 0 auto;     -moz-box-flex: 0;      -ms-flex: 0 0 auto;          flex: 0 0 auto;}
  .vvs_nav.fixed-top{background:#fff;height:12.39rem;z-index:104;}
  .switch {  margin-left: 6.9375rem;  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;     -moz-box-align: center;      -ms-flex-align: center;          align-items: center;}
  .main-nav {  padding: 1.625rem 3.5rem 1.625rem;}
  .menu-list-item {  margin: 0 0.875rem;}
  .navbar-expand-md .navbar-nav .nav-link.menu-list-item {  padding-left: 0;  padding-right: 0;}
  .service-area3 .table-wrap .table-col .table-content .link {  margin-left: 1.8125rem;}
  .news-list-wrap .news-list .news-item {  width: 56.25rem;}
  .news-list-wrap .news-list .news-item > .image {  width: 56.25rem;}
  .news-list-wrap .news-list2 .news-list2-item .image {  width: 50rem;  height: 30rem;}
  .news-list-wrap .news-list2 .news-list2-item .detail {  width: 44.25rem;}
  .desire > .image {  width: 56.75rem;}
  .group-phone > .image {  width: 56.75rem;}
  .carousel-info .title{  font-size: 1.75rem;  width:30rem;}
  .contact {  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;     -moz-box-orient: horizontal;     -moz-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;}
  .contact .contact-item .tel,
  .contact .contact-item .fax,
  .contact .contact-item .email {  white-space: nowrap;}
 #navbarNav  .dropdown-menu{top:2.6rem;margin:0;padding:0;}
 #navbarNav  .dropdown-item{padding:0;margin-right:1.5rem;}
  .main-bg-c .dropdown-menu >a {color:#7d7b7b;}
  .main-bg-c .dropdown-menu >a:hover {color:#444;background:#fff;}
  #navbarNav{padding-top:1rem;}
.dropdown:hover .dropdown-menu{display:block !important;}
 #navbarNav .dropdown-item{display:inline;}
.navbar-expand-lg .navbar-collapse{display:flex!important}
.navbar-nav{flex-direction:row;}
li.nav-item.nav-item_w.dropdown:hover .dropdown-menu{display:block;}
a.nav-link.menu-list-item.vvs-sublink{display:block;}
}

@media (min-width: 500px) {.main-nav {  padding: 1.625rem 7.5rem 1.625rem;  position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1030;  background: #fff;}
  .main-bg {  background: rgba(0, 0, 0, 0.2);}
  .menu-list-item {  margin: 0 1.8rem;}
  .desire {  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;     -moz-box-orient: horizontal;     -moz-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  -webkit-box-align: start;  -webkit-align-items: flex-start;     -moz-box-align: start;      -ms-flex-align: start;          align-items: flex-start;}
  .team-box {  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;     -moz-box-orient: horizontal;     -moz-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  -webkit-box-align: start;  -webkit-align-items: flex-start;     -moz-box-align: start;      -ms-flex-align: start;          align-items: flex-start;}

 
  .service-area3 .list3 {  -webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}
  .news-list-wrap .news-list {-webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}
  .news-list-wrap .news-list .news-item { width: 28.125rem;}
  .news-list-wrap .news-list .news-item > .image {  width: 28.125rem;}
  .news-list-wrap .news-list2 {  -webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}
  .news-list-wrap .news-list2 .news-list2-item .image {  width: 25rem;  height: 15rem;max-width:100%;}
  .news-list-wrap .news-list2 .news-list2-item .detail {  width: 22.125rem;}
  .news-list-wrap .news-list2 .news-list2-item::after {  content: '';  display: none;}
  .news-list-wrap .news-list2 .news-list2-item::before {  content: '';  display: none;}
  .news-list-wrap .news-list2 .news-list2-item:nth-child(6n + 3)::after {  content: '';  display: block;  position: absolute;  right: -3.675rem;  top: 0;  width: 3.875rem;  border-style: dotted;  border-color: #dcdcdc;  border-width: 0.5rem 0.5rem 0.5rem 0;  z-index: 1;  border-radius: 0 3.875rem 3.875rem 0;padding-left:5px;}
  .news-list-wrap .news-list2 .news-list2-item:nth-child(6n + 4)::before {  content: '';  display: block;   position: absolute;  left: -3.628rem;  top: 0;  width:3.875rem;  border-style: dotted;  border-color: #dcdcdc;  border-width: 0.5rem 0 0.5rem 0.5rem;  z-index: 1;  border-radius: 3.875rem 0 0 3.875rem;}
  .news-list-wrap .news-list2 .news-list2-item:last-child::after {  content: '';  display: none;}
  .news-list-wrap .news-list2 .news-list2-item:last-child::before {  content: '';  display: none;}
  .list2 {  -webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}
  .service-area .list {  -webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}
  .team-box {  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;     -moz-box-orient: horizontal;     -moz-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}




  .group-phone > .image {  width: 100%; }
  .juin-us .map-wrap {  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;     -moz-box-orient: horizontal;     -moz-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;}}
  .pre{white-space: pre-wrap;}
}
@media (min-width: 1200px) {.news-list-wrap .news-list2 {  -webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}
  .news-list-wrap .news-list2 .news-list2-item::after {  content: '';  display: none;}
  .news-list-wrap .news-list2 .news-list2-item::before {  content: '';  display: none;}
  .news-list-wrap .news-list2 .news-list2-item:nth-child(6n + 3)::after {  content: '';  display: block;  margin-top: 7.3125rem;  position: absolute;  right: -7.75rem;  top: 0;  bottom: -7.75rem;  width: 11.625rem;  border-style: dashed;  border-color: #dcdcdc;  border-width: 0.5rem 0.5rem 0.5rem 0;  z-index: 1;  border-radius: 0 9rem 9rem 0;}
  .news-list-wrap .news-list2 .news-list2-item:nth-child(6n + 4)::before {  content: '';  display: block;  margin-top: 7.3125rem;  position: absolute;  left: -7.75rem;  top: 0;  bottom: -7.75rem;  width: 11.625rem;  border-style: dashed;  border-color: #dcdcdc;  border-width: 0.5rem 0 0.5rem 0.5rem;  z-index: 1;  border-radius: 9rem 0 0 9rem;}
  .news-list-wrap .news-list2 .news-list2-item:last-child::after {  content: '';  display: none;}
  .news-list-wrap .news-list2 .news-list2-item:last-child::before {  content: '';  display: none;}}



@media (max-width: 499.98px) {  
html{font-size:10px;}
.carousel-info{margin-bottom:-3rem;}
.news-list-wrap .news-list2 .news-list2-item{width:100%;}
.item-img .col-6{padding:0px 5px;margin-bottom:10px;}
.news-list-wrap .news-list2 .news-list2-item .image{width:28rem;height:16rem;}
.news-list-wrap .news-list2 .news-list2-item .line .point{left:-30px;top:-36px;}
.news-list-wrap .news-list2 .news-list2-item{padding-left:2rem;padding-top:4rem;}
.news-list-wrap .news-list2 .news-list2-item .line{border-top:0px;}
.news-list-wrap .news-list2 .news-list2-item{border-left: 0.5rem dotted #dcdcdc;}
#arrow-image{width:2rem;height:2rem;}
.carousel,.carousel-inner,   .carousel-item, .carousel-image {   height: 60vh;}  
  .collapse.show .collapsing { transform: translateX(0);  opacity: 1;} 
.collapsing {   transform: translateX(100%);}
.vvs-info{position:absolute;bottom:8rem;padding-top:30px;border-top:1px solid #fff;}
.vvs-info h5{text-align:center;color:#FFF;font-size:2rem;padding-bottom:10px;}
.vvs-info .vvs-r >p{font-size:1.1rem;color:#fff;}
a.mo{color:#fff;}
.vvs-info img{width:100%;padding-right:15px;}
.vvs-info >.vvs-r{padding-left:30px;padding-right:10px;}
.mobile-none{display:none;}
.nav-mobile{width:10.53rem;display:block;float:left;padding:10px;}
.navbar-toggler{float:right;}
.navbar-dark .navbar-nav .nav-link{color:#fff !important;}
.navbar-mobile{background:#fff;color:#000;margin:2rem;height:3rem;}
.mobile-close{height:1.5rem;}
.navbar-mobile span{color:#000;}
.vvs-competiton.row .imagevs{height:12.5rem;}
.service-area .mask-title{padding-left:2rem;}
ul.navbar-nav.ml-auto{padding-top:40px;width:100%;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{text-decoration:underline;font-size：18px;}
.navbar-dark .navbar-nav .nav-link{font-size:18px;}
.main-bg-c.navbar-dark .navbar-nav .active >a, .main-bg-c.navbar-dark .navbar-nav:hover >a{color:#fff !important}

.juin-usp,.section1 > .info,.team-intro,.team-p,.team-people > .name,.service-area > .info,.service-area3 .table-wrap .table-col .table-title,.service-area3 .table-wrap .table-col .table-content,.link,.news-list-wrap .news-list2 .news-list2-item .detail > .title,.service-area3 .table-wrap .table-col .table-content{font-size:1.2rem;}
.service-area3.fixed-top{display:none;}
 .main-bg-c .dropdown-menu{background:rgba(0, 0, 0, 0.2) !important;}
.carousel-inner.vvs-index,.container-content-image.vvs-index-img{  object-fit: cover; width: 100%;height:60vh;}
.container-content{height:60vh;}
.menu-list-item,.dropdown-item{padding:3px;}
.main-bg-c{background:#ffffff73 !important}
.dropdown-item{font-size:1.2rem;}
.news-list-wrap.fixed-top{margin-top:5rem;padding-left:2.2rem;}
.news-list-wrap .row{margin-top:5rem;}
.fixed-top.vvs-sub{display:none}
.carousel-indicators-custom{margin-left:3.5rem;}
.carousel-info{margin-left:2rem;width:35rem;height:14rem;left:1rem;background: rgba(0, 0, 0, 0.2);padding-left:1rem;padding-right: 1rem;
}
.carousel-info .title{font-size:1.8rem;padding-bottom:0;width:30rem;}
.subtitle-wrap .subtitle{margin-top:0;}
.subtitle-wrap .subtitle {padding-top: 0;padding-left: 2rem;font-size: 1.2rem;line-height:1.2rem;background: url(../images/icon1.png) no-repeat;-o-background-size: 1.2rem 1.2rem;background-size: 1.2rem 1.2rem;white-space: nowrap;margin-top:1rem;}
.footer-title,.section1 > .title,.team,.service-area > .title,.juin-us .h2,.footer-title{margin-top:4rem;font-size:2.2rem;}
.table-wrap tr td{width:33%}
.breadcrumb.custom-breadcrumb{display:none;}
.team-wrap{padding-top:2rem;}
.section1 > .title.mt166{padding-top:4rem;}
.page-line{margin-top:0;padding-bottom:4rem;}
.desire-info{margin-top:2rem;padding-left:0;padding-top:0px}
.desire{margin-top:2rem;padding-top:0rem;}
.say-wrap{margin-top:0px;}
.container-content-image{width:100%;height:24rem;}
.carousel-inner,.index,.index>img{height:26rem;object-fit:cover;}
.symbol2, .symbol1{width:1rem;height:auto;}
.symbol1{margin-right:0.5rem}
.symbol2{margin-left:0.5rem}
.desire > .image {width:100%}
.team-wrap{margin:0px auto; }
.say-wrap > .image{margin-bottom:1.06rem}
.section1 > .subtitle-wrapper > .subtitle,.say,.desire-info > .info{font-size:1.49rem;}
.section1 > .subtitle-wrapper{margin-top:1.3rem;padding-bottom:0px;}
.section1 > .subtitle-wrapper > .subtitle, .say, .desire-info >.vvs-say{font-size:1.32rem ;padding-top:0.5rem ;}
.people-wrap > .name{font-size:1.2rem;}
.team-people > .avatar{width:100%;}
.people-wrap > .avatar{width:12rem;}
.people-wrap{margin-left:2rem;}
.team-people,.item-wrap{margin-top:3rem}
.people-wrap > .intro{font-size:1rem;line-height:1.2rem;}
.item-wrap{padding-bottom:4rem;}
.section1{padding-bottom:4rem;}
.section1 > .info{margin-top:0px}
.service-area3 .table-wrap .table-col{min-width:4rem;}
.service-area3 .table-wrap .table-col{margin-top:1rem;}
.group-phone{width:100%;}
.group-phone > .image{width:100%;}
.label-list-item{width:12rem;}
.service-area3 .list3 .list3-item{width:48.5%;height:12rem;}
.service-area{margin:0 auto;}
.service-area .list-item .image2{width:28.675rem;}
.navbar-collapse{background: #c40418;width: 100vw; height: 100vh;  position: fixed;top: 0;left: 0;}
.nav-w .navbar-collapse{background:#fff;}
.section1,.juin-us,.team-wrap,.service-area,.service-area3,.contact{width: 90%;}
.service-area3 > .title{font-size:2rem;margin-top:1rem;}
.service-area3 .custom-breadcrumb .breadcrumb-item{font-size:1.3rem}
.service-area3 .line{margin-top:1rem;}
.contact{padding-top:2rem;}
.juin-us .map-wrap .map .map-image{width:100%;}
.news-list-wrap{margin:5rem auto;width:90%;}
.news-list-wrap .news-list2 .news-list2-item:nth-child(2n)::before{margin-top:0px;bottom:0px;}
.news-list-wrap .news-list2 .news-list2-item .detail{width:30rem;}
.news-list-wrap .news-list2 .news-list2-item .image{width:30rem;height:18rem;}
.footer-title{padding-top:0rem;}
.footer-title{margin-top:2rem;}
.waterfall {column-count: 2;}
.vvs-ph{display:none;}
.vvs-pc{display:block;}
.vvs-shjx{width:100% !important;}
.service-area3 > .subtitle{margin-top:1rem;}
.group-phone > .image{bottom:2rem;}
.vvs-news-title{font-size:1.2rem !important;line-height:2rem !important;}
.footer-info{width: 100%;font-size:1rem;}
.news-list-wrap .news-list2 .news-list2-item:nth-child(2n + 1)::after,.news-list-wrap .news-list2 .news-list2-item:nth-child(2n)::before{border-color:#fff;}
.contact-item .tel, .contact-item .fax, .contact-item .email{font-size:1.3rem;background-size:1.6rem;line-height:1.6rem;padding-left:2rem;text-align:center;background:none;}
.vvs-news{margin-top:85px;}
.navbar-dark .navbar-toggler,.navbar-light .navbar-toggler{border-color:#0000;border-radius:2rem;padding:0.5rem 1rem;}
.news-list-wrap .screen-wrap .screen-type2{display:none;}
.news-list-wrap.fixed-top{width:100%;}
.label-list{padding-top:1rem;}
.news-list-wrap .news-list2 .news-list2-item .detail > .title{font-size:1.2rem}
.label-list-item > .image{width:100%;height:auto;object-fit:cover;} 
.item-img-box > .image{width:100%;height:100%;}
.item-img-box,.vvsld-a{margin-bottom:0.6rem;width:100%;height:17rem;}
.mask-a{width:47.5%;}
.vvsld-a >.item-img-box{width:100%;}
.items .intro > .title{font-size:1.2rem;line-height:2rem;}
.items .intro > .subtitle-wrap .label, .items .intro > .subtitle-wrap .unit{
font-size: 1.1rem;line-height: 1.5rem;}
.service-area3 .list3 .list3-item{height:10rem;width:48.5%;}
.service-area3 .list3 .list3-item .vvs-item-img{width:100%;height:10rem;}
.service-area3 .list3 .list3-item .image{width:100%;height:10rem;}
.service-area3 .list3{justify-content:space-between;}
.vvs-item{padding-bottom:4rem;width:48.5%}
.vvs-item .list3-item{width:100% !important;}
.select-box .custom-selects1{width:8rem !important;}
.search .search-input{width:100% !important;}
.list2{justify-content:space-between;}
.list2-item .mask-h1{font-size:1.1rem;line-height1.4rem;}
.items>img{height:14rem;}
.waterfall{column-gap:5.5%;}
.list2-item .mask-subtitle{font-size:1.1rem;line-height:1.2rem;}
iframe#workspace{height:83rem;}
.company-profile-arrow{bottom:2%;}
.footer-title{margin-top:4rem;font-size:2rem;}
.mask-layer-container .img-pre,.mask-layer-container .img-next,.mask-layer-container .img-pre:hover,.mask-layer-container .img-next:hover{width:4rem;height:4rem;background-size:4rem}
.mask-layer .mask-layer-close{width:3rem;height:3rem;background-size:3rem;}
}  
  
/* 小屏幕（≥768px 且 <992px） */  
@media(min-width:760px){.vvs-info{display:none;}}
@media (min-width: 500px) and (max-width: 767.98px) {
    .vvs-bar{top:-6px;}
    .collapse.show .collapsing { transform: translateX(0);  opacity: 1;} 
.collapsing {   transform: translateX(100%);}
.vvs-info{position:absolute;bottom:1rem;padding-top:30px;border-top:1px solid #fff;}
.vvs-info h5{text-align:center;color:#FFF;font-size:3rem;padding-bottom:15px;}
.vvs-info .vvs-r >p{font-size:2rem;color:#fff;}
a.mo{color:#fff;}
.vvs-info img{width:100%;}
.vvs-info >.vvs-r{padding-left:30px;padding-right:10px;}
    html{font-size:6.4px;}
    .navbar-dark .navbar-toggler{border:0;}
    .navbar-nav{flex-direction:column;}
    .form-inline{display:none;}
    .news-list-wrap.fixed-top,.vvs_nav.fixed-top{display:none;}
.nav-mobile{width:30rem;display:block;float:left;}
.navbar-toggler{float:right;}
.navbar-dark .navbar-nav .nav-link{color:#fff !important;}
.navbar-mobile{background:#fff;color:#000;margin:2rem;height:3rem;}
.mobile-close{height:4rem;}
.navbar-collapse{background: #c40418;width: 100%; height: 100vh;  position: fixed;top: 0;left: 0;}
.nav-w .navbar-collapse{background:#fff;}
.navbar-dark .navbar-toggler,.navbar-light .navbar-toggler{border-color:#0000;border-radius:2rem;padding:1rem;height:7rem;}
ul.navbar-nav.ml-auto{padding-top:40px;width:100%;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{text-decoration:underline;font-size：18px;}
.navbar-dark .navbar-nav .nav-link{font-size:18px;}
.navbar-dark .navbar-nav .active >a, .main-bg-c.navbar-dark .navbar-nav:hover >a{color:#fff !important}
.navbar-mobile span{color:#000;font-size:4rem;}
.dropdown-menu{display:none;}
.navbar-dark .navbar-nav .nav-link{padding:3rem;}
    /* 在这里添加针对小屏幕的样式 
.section1,.team-wrap,.contact,.footer-info,.service-area{width:90%;}
.footer-info{font-size:1rem;}
.desire > .desire-info-wrap{margin-top:2rem;}
.desire-info > .info{padding-top: 1.4rem;font-size: 1.3em;line-height: 2rem;}
.desire-info{padding-top: 0.625rem;padding-left: 2rem;}
.desire > .image{width:37.5rem;}
.desire {  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;     -moz-box-orient: horizontal;     -moz-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  -webkit-box-align: start;  -webkit-align-items: flex-start;     -moz-box-align: start;      -ms-flex-align: start;          align-items: flex-start;} 
.team-box {  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;     -moz-box-orient: horizontal;     -moz-box-direction: normal;      -ms-flex-direction: row;          flex-direction: row;  -webkit-box-align: start;  -webkit-align-items: flex-start;     -moz-box-align: start;      -ms-flex-align: start;          align-items: flex-start;}
.team-people > .avatar{width:20rem;object-fit:cover;}
.item-img-box{width:17.34rem;}
.item-wrap {  width: 36rem;}
.item-img-box > .image{width: 100%;height: 13.5rem;object-fit: cover;}
.team-p{font-size:1.2rem;}
.people-wrap > .avatar{width:auto;height:18rem;object-fit:cover;}
.people-wrap{margin-left:2rem;}
.people-wrap > .name{font-size:1.2rem;line-height:2rem;}
.people-wrap > .intro{font-size:1rem;line-height:1.6rem;}
.team-people,.item-wrap{margin-top:4rem;}
.contact{padding-top:4rem;}
.container-content{height:auto;}
.team-wrap,.section1 > .title.mt166,.section1 > .title,.service-area{margin-top:6rem;}
.section1{margin-bottom:6rem;}
.contact .contact-item .tel, .contact .contact-item .fax, .contact .contact-item .email{font-size:1.2rem;}
  .service-area .list {  -webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}
.service-area .list-item .image{width:18rem;height:18.5rem;}
.service-area .list-item .image2{width:37.8rem;}
.select-box .custom-selects1 {width:6rem !important;}
.search .search-input{width:22rem;}
.list2 {  -webkit-box-pack: justify;  -webkit-justify-content: space-between;     -moz-box-pack: justify;      -ms-flex-pack: justify;          justify-content: space-between;}
.list2-item .image{width:17.9rem;height:18.3rem;}
.list2-item .mask-h1{font-size:1.2rem;line-height:1.4rem;}
.list2-item .mask-subtitle{line-height:1.3rem;font-size:1.1rem;}*/
}  
  


 .dropdown-menu{background:rgba(0, 0, 0, 0.2);border:none;}
 .main-bg-c .dropdown-menu{background:#fff ;border:1px solid #ccc;}
 .dropdown-item{color:#fff;}
 .dropdown:hover .menu-list-item{color:#fff !important;}
 .dropdown-item:hover{background:#c40317;color:#fff; }
.dropdown:hover .dropdown-menu{display: block;}
.nav-link.menu-list-item:hover{color:#fff !important;}
.select-box .custom-selects1{width:28rem;}
.close{font-size: 20px;}
.modal-content{margin-top: 86px;}
.input{border:none;width:80%;}
.input:focus { outline: none; }
.submitbtn{    width: 18px;margin-top:2px;
  background: url(../images/ico-search-button.png) center center no-repeat;
  background-size: 100%;
  border: none;
  height: 18px;}
  .main-bg-c{background:#fff !important;border-bottom: 1.5px solid #DEDEDE;}

.navbar-dark .navbar-nav .active >a,.main-bg-c.navbar-dark .navbar-nav:hover >a{color:#444444 }
@media(min-width:1920px){
html{font-size:18px;}
.news-list-wrap .news-list2 .news-list2-item .line{margin-right:-6.8rem;}
.news-list-wrap .news-list2 .news-list2-item:nth-child(6n + 3)::after{bottom:-7.8rem;}
.news-list-wrap .news-list2 .news-list2-item:nth-child(6n + 4)::before{left:-3.628rem;bottom:-7.8rem;}
}
.main-bg-c.navbar-dark .navbar-nav .nav-link{color:#7d7b7b;}
.animate__zoomIn,.animate__slideInLeft,.animate__slideInRight {  
    animation-duration: 2s !important;
} 
@keyframes slideDown {  
  0% {  
    transform: translateY(-100%); 
    opacity: 0; 
  }  
  50% {  
    opacity: 1; 
  }  
  100% {  
    transform: translateY(100%); 
    opacity: 0;
  }  
}  
#arrow-image {  
  position: relative; 
  animation: slideDown 4s infinite ease-in-out;  
}
#navbarCollapse{transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; opacity: 1; }  
