@charset "utf-8";

body, html{width: 100%;height: 100%;font-family: Arial;}

#main-pagination{top: 50%;width: 20vh; right: 0;height: 1px;left: auto;z-index: 5;transform: rotate(90deg) translateY(-7vh);}

#main-pagination .swiper-pagination-progressbar-fill{height: 3px;top: -1px;background-color: #e62129;}

.swiper-pagination{z-index: 1;font-size: 0;text-align: left;bottom: 6vw;left: 5%;}

.swiper-pagination-clickable .swiper-pagination-bullet{height: 1px;width: 35px;margin-right: 5px;background-color: #cdcdcd;border: none;

  border-radius: 5px;opacity: 0.5;display: inline-block;vertical-align: bottom;opacity: 1;}

.swiper-pagination-clickable .swiper-pagination-bullet-active{background: #e62129 !important;width: 35px;height: 3px; opacity: 1;}

.public-page{position: absolute;right: 0;height: 100%;z-index: 0;width: 90%;top: 0;bottom:0;overflow: hidden;}

#main-page,#dowebok{height: 100%;width: 100%;}

#main-page{transform:translate3d(0,0,0);overflow: hidden;}

#dowebok>.swiper-slide {transform:translate3d(0,0,0);height: 100% !important;width: 100%;}

.pc-800{display: block;}

.banner img{display: block;width: 100%;height: 100%;}

.banner{height: 100%;width: 100%;}

.banner .pc{display: block !important;}

.banner .BannerShow_b1,.banner .swiper-container,.banner .swiper-slide{height: 100%;}

.banner .swiper-slide {overflow: hidden;}

.banner .swiper-slide img{transform: scale(1.08) ;-ms-transform: scale(1.08) ;-webkit-transform: scale(1.08);

  transition: 5s linear 0s;}

.banner .swiper-slide-active img{opacity: 1;transform: scale(1) ;-ms-transform: scale(1) ;-webkit-transform: scale(1) ;}

.banner .zsq{width: 160px;bottom: 3.5vw;left: 3vw;top: auto;position: absolute;}

.banner .swiper-button-next,.banner .swiper-button-prev{background: none;background-color: #e5e5e5;position: relative;font-family: Simsun,'宋体';

    line-height: 26px;height: 26px;width: 26px; font-size: 16px;color: #5b5b5b;border-radius: 50%;text-align: center;

}

.banner .swiper-button-next{float: right;}



.BannerShow_b1 .swiper-pagination{font-size: 18px; position: absolute;bottom: 3vw;left: 3vw;z-index: 1;width: 160px;

  line-height: 40px;height: 40px;color: #fff;

  text-align: center;font-size: 0;font-size: 14px;}

.BannerShow_b1 .swiper-pagination-current{font-size: 22px;color: #e62129;}

.BannerShow_b1 .swiper-pagination-current:before{content: "0";}

.BannerShow_b1 .swiper-pagination-total:before{content: "0";}



.mymore{color: #323232; display: block;width: 9em;text-align: center; box-sizing: border-box; padding: 0.6em 3em 0.6em 0.5em;border: 1px solid #808080;

    overflow: hidden;font-size: 16px; line-height: 1.5; max-width: 100%;position: relative;border-radius: 1.5em;

    transition: .3s all ease;-ms-transition: .3s all ease;-webkit-transition: .3s all ease;

} 

.mymore:after{content: "";display: block;width: 1.8em;height: 1.8em;border: 1px solid #808080;position: absolute;right: 0.5em;top: 0.4em;

  background: url(/images/r.png) center no-repeat;border-radius: 50%;

    transition: .3s all ease;-ms-transition: .3s all ease;-webkit-transition: .3s all ease;

}

.mymore span{position: relative;z-index: 2;font-weight: bold;

    transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;

}

.mymore.mob{display: none;}

.title{text-transform: capitalize;}

.main-w{width: 87.4%;}



.zh-box .swiper-button-prev,.zh-box .swiper-button-next{display: inline-block;width: 27px;height: 27px;font-size: 0;position: static;

    background: url(/images/l.png) center no-repeat;background-size: contain;border:none;margin: 0;

}

.zh-box .swiper-button-next{width: 27px;height: 27px;background-image: url(/images/r2.png);}

.zh-box .swiper-pagination{text-align:center;position: static;}

.zh-box .swiper-pagination .swiper-pagination-bullet{height: 16px;width: 16px;display: inline-block;vertical-align: middle;border-radius: 50%;

  background-color: #ffffff;margin: 0 0.5vw;

}

.zh-box .swiper-pagination .swiper-pagination-bullet-active{border: 2px solid #e62129;background: none !important;}



.B1,.B2,.B3{background-size: cover;background-position: center top;background-size: 100% auto;background-repeat: no-repeat;}

.B4,.B5{background-size: 100% auto;background-repeat: no-repeat;}

.B1{background-image: url(/images/vi/bg2.jpg);background-size: contain;background-position: center bottom;}

.B2{background-image: url(/images/vi/bg3.jpg);background-size: 100% auto;background-position: center bottom;}

.B3{background-image: url(/images/vi/bg4.jpg);background-position: center bottom;}

.B5{background-image: url(/images/vi/bg5.jpg);}



.ResTitle_a2 {text-align: left;}

.ResTitle_a2:after{content: "";display: inline-block;vertical-align: middle;height: 8px;background: #e62129;width: 2vw;min-width: 1em;margin-left: 0.3em;}

.ResTitle_a2 em{font-size: 1.8vw;color: #e62229;font-weight: bold;display: block;}

.B1 .main-w{padding-top: 11vw;}

.B1 .L{width: 45%;}

.B1 .R{width: 48.3%;}

.B1 .R img{box-shadow: 0 0 8px 1px rgba(0,0,0,0.3);}

.B1 .L em:after{content: "";display: inline-block;vertical-align: middle;height: 8px;background: #fec400;width: 2vw;min-width: 1em;margin-left: 0.3em;}



.B2 .L{width: 28%;margin-left: 6.3%;padding-top: 6.8vw;}

.B2 .L li{position: relative;}

.B2 .L li + li{margin-top: 1vw;}

.B2 .L li a{display: inline-block;position: relative;z-index: 1;padding: 0.5vw 0;font-weight: bold;box-sizing: border-box;width: auto;}

.B2 .L li:after {content:'';width: 0;left: 0;height: 20%;background: #ffff00;display: block;transition:.6s all ease;position: absolute;top: 40%;}

.B2 .R{width: 52.6%;height: 100vh;margin-right: 8.7%;}

.B2 .R li a{display: block;height: 100%;box-sizing: border-box;overflow: hidden;font-weight: bold;color: #fff;background: #000;}

.B2 .R .t{z-index: 1; width: 100%;height: 100%;background-size: cover;opacity: 0.7;background-position: center;}

.B2 .R .m{font-size: 3.6vw;top: 2vw;left: 2.5vw;position: absolute;z-index: 1;}

.B2 .R .m span{font-size: 14px;text-transform: uppercase;display: block;font-weight: normal;}

.B2 .R .b {bottom: 3vw;left: 4vw;position: absolute;z-index: 1; margin-top: 13vw;line-height: 1.5;font-size: 2.4vw;text-transform: capitalize;font-weight: bold;}

.B2 .swiper-container{padding: 0 1vw;box-sizing: border-box;height: 100%;}

.B2 .swiper-slide{border-radius: 1vw;height: 25vw;}

.B2 .swiper-slide-active{box-shadow: 0px 6px 20px 1px rgba(0,0,0,0.2);}

.B2 .swiper-slide a{opacity: 0.7;transition: .3s all ease;-ms-transition: .3s all ease;-webkit-transition: .3s all ease;}

.B2 .swiper-slide-active a{opacity: 1;}



.B3 .ResTitle_a2{text-align: center;}

.B3 .T .txt{width: 1220px;max-width: 100%;}

.B3 .T em{display: block;}

.B3 .T li{display: inline-block;position: relative;overflow: hidden;}

.B3 .T li a{display: block;position: relative;z-index: 1;padding: 0.5vw 1.7em;box-sizing: border-box;border-radius: 2em;overflow: hidden;

    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;

}

.B3 .T li a span{display: inline-block; max-width: 8em;box-sizing: border-box;text-align:left;vertical-align: middle;margin-left: 0.8em;}

.B3 .T li a:before {content:'';display: inline-block;height: 1.5em;width: 1.5em;background: url(/images/i1-1.png) center no-repeat;

  background-size: contain;vertical-align: middle;

}

.B3 .T li a:after {content:'';width: 100%;height: 100%;border: 1px solid #bfbfbf; display: block;transition:.6s all ease;

  position: absolute;top: 0;left: 0;box-sizing: border-box;border-radius: 2em;

}

.B3 .T li:nth-child(2) {margin: 0 1em;}

.B3 .T li:nth-child(2) a:before {background-image: url(/images/i1-2.png);}

.B3 .T li:nth-child(3) a:before {background-image: url(/images/i1-3.png);}

.B3 .T li:after{content: "";opacity: 0;display: block;width: 0;height: 100%; position: absolute;top: 0;left: 50%;border-radius: 2em;

  background:-webkit-linear-gradient(left, #fd4e35, #e12b6d);

  background:-o-linear-gradient(left, #fd4e35, #e12b6d);

  background:linear-gradient(to right, #fd4e35, #e12b6d);

  transition:.6s all ease;

}

  .B3 .T .on a:after{opacity: 0;}

  .B3 .T li:nth-child(1).on a:before {background-image: url(/images/i1-1-1.png);}

  .B3 .T li:nth-child(2).on a:before {background-image: url(/images/i1-2-1.png);}

  .B3 .T li:nth-child(3).on a:before {background-image: url(/images/i1-3-1.png);}

  .B3 .T .on a,.B4 .list .on a{color: #fff;}

  .B3 .T .on:after{opacity: 1;width: 100%;left:0;}



.B3 .B .swiper-container{padding: 1vw;}

.B3 .B li{box-shadow: 0 0 1vw 3px rgba(0,0,0,0.15);border-radius: 10px;}

.B3 .B li:nth-child(2n){margin-top: 3vw;}

.B3 .B li a{display: block;position: relative;height: 17vw;overflow: hidden;}

.B3 .B li img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;

    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);

    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;

}

.B3 .p-list{display:none;}

.B3 .p-list.show{display: block;}

.B3 .B li span,.B3 .B li h4{display: none;}

.B3 .zh-box {width: 600px;position: relative;margin: 1vw auto 0 auto;max-width: 100%;}

.B3 .zh-box .swiper-pagination{display: inline-block;vertical-align: middle;}

.B3 .zh-box .swiper-button-prev{top: -4px;position: absolute;left: 0;}

.B3 .zh-box .swiper-button-next{top: -4px;position: absolute;right: 0;}



.B4 .M{padding-top: 4vw;}

.B4 .L{width: 16.6%;margin-left: 6.3%;}

.B4 .R{width: 62.3%;margin-right: 10.3%;}

.B4 .R .swiper-container{height: 52em;font-size: 14px;color: #7d7d7d;line-height: 1.6;padding: 10px;box-sizing: border-box;}

.B4 .R li{height: auto;

    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;

}

.B4 .R li a{padding: 1.8em 39% 1em 2em;display: block;height: 100%;box-sizing: border-box;position: relative;}

.B4 .R .img{position: absolute;right: 0;top: 0;bottom: 0;background-size: cover;width: 34%;background-position: center;}

.B4 .R .ntime{font-size: 12px;padding-left: 26px;background: url(/images/vi/rili.png) left center no-repeat;background-size: contain;

  box-sizing: border-box;margin: 0.8em 0;display: block;

}

.B4 .R h3{font-size: 1.4em;font-weight: bold;transition:.6s all ease;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}

.B4 .R li a>span{margin-top: 1.2em;color: #fff;font-size: 14px;background: url(/images/vi/im2.png) #bfbfbf 86% center no-repeat;

  display: inline-block;padding: 0.4em 4em 0.4em 1.5em;

}



.B4 .list ul{position: relative;border: 1px solid #bfbfbf;box-sizing: border-box;}

.B4 .list li{position: relative;}

.B4 .list li + li{border-top: 1px solid #bfbfbf;}

.B4 .list li:after{content: "";opacity: 0;display: block;width: 100%;height: 100%; transition:.6s all ease;position: absolute;top: 0;left: 0;

  background:-webkit-linear-gradient(left, #fd4e35, #e12b6d);

  background:-o-linear-gradient(left, #fd4e35, #e12b6d);

  background:linear-gradient(to right, #fd4e35, #e12b6d);

}

.B4 .list li a{display: block;position: relative;z-index: 1;padding: 1.2vw 1.5em 1.2vw 2em;text-align: left;box-sizing: border-box;}

.B4 .list .icon {content:'';display: inline-block;height: 2em;width: 2em;background: url(/images/i2-1.png) center no-repeat;background-size: contain;

  margin-right: 0.8em;vertical-align: middle;max-width: 38px;max-height: 38px;

}

.B4 .list .i2 {background-image: url(/images/i2-2.png);}

.B4 .list .i3 {background-image: url(/images/i2-3.png);}

.B4 .list .i4 {background-image: url(/images/i2-4.png);}



.B5 .L{width: 40.3%;margin-left: 6.3%;padding-top: 4vw;}

.B5 .R{width: 47.7%;height: 38vw;}

.B5 .loc,.B5 .phone{background: url(/images/vi/add.png) left center no-repeat;background-size: contain;padding-left: 3.7em;box-sizing: border-box;background-size: 3.3em;}

.B5 .loc a{display: block;}

.B5 .phone{background-image: url(/images/vi/add2.png);}



.Gbook_b1 .content textarea{min-height: 6em !important;}

.InputV1, .TextareaV1{border: 1px solid #a6a6a6;}

    .InputV1,.ButtonV1{height: auto;line-height: 1.5;padding: 0.6vw 1vw;}



.B5 .contact-btn:after{content: "";display: block;background:#fff;width: 2.8em;height: 1px;margin-top: 0.6vw;}

.B5 .customer-list li{float: left;border: 1px solid #eeeeee;margin-right: 2.5vw;margin-bottom: 0.4vw;}

.B5 .customer-list li:last-child{margin-right: 0;}

.B5 .customer-list li:first-child{width: 14%;}

.B5 .customer-list li img{height: 2.7vw;}

.B5 .B{padding: 24px 0 20px 0;position: absolute;bottom: 0;left: 0;width: 100%;}

.Gbook_b1 .name, .Gbook_b1 .phone, .Gbook_b1 .email{padding-left: 0;background: none;}

.Gbook_b1 .name:after, .Gbook_b1 .phone:after, .Gbook_b1 .email:after{display: none;}

.link li{display: inline-block;margin-right: 5px;}

.share-buttons { text-align: left;height: 40px;} 

.share-buttons li {display: inline-block;text-align: center;}

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

  .mymore:hover:after{background-image: url(/images/vi/im2h.png);border-color: #e62129;background-color:#e62129;

    -webkit-transform:rotate3d(0,0,1,360deg); transform:rotate3d(0,0,1,360deg);}

  .mymore:hover{font-weight: bold; border-color: #e62129;color: #e62129;}



  .B2 .L li:hover:after{width: 8em;}

  .B2 .L li:hover a{color: #e62129;}



  .B3 .T li:hover a:after{opacity: 0;}

  .B3 .T li:nth-child(1):hover a:before {background-image: url(/images/i1-1-1.png);}

  .B3 .T li:nth-child(2):hover a:before {background-image: url(/images/i1-2-1.png);}

  .B3 .T li:nth-child(3):hover a:before {background-image: url(/images/i1-3-1.png);}

  .B3 .T li:hover a,.B4 .list li:hover a{color: #fff;}

  .B3 .T li:hover:after{opacity: 1;width: 100%;left: 0;}

  .B3 .B li a:hover img{transform:translate(-50%,-50%) scale(1.08,1.08) ;-ms-transform:translate(-50%,-50%) scale(1.08,1.08) ;-webkit-transform:translate(-50%,-50%) scale(1.08,1.08) ;}



  .B4 .list li:hover .i1 {background-image: url(/images/i2-1-1.png);}

  .B4 .list li:hover .i2 {background-image: url(/images/i2-2-1.png);}

  .B4 .list li:hover .i3 {background-image: url(/images/i2-3-1.png);}

  .B4 .list li:hover .i4 {background-image: url(/images/i2-4-1.png);}

  .B4 .list li:hover .i5 {background-image: url(/images/i2-5-1.png);}

  .B4 .list li:hover:after{opacity: 1;width: 100%;height: 100%;top: 0;}

  .B4 .list li:hover a:after{opacity: 0;}

  .B4 .R li a:hover h3{color: #e62129;}

  .B4 .R li a:hover>span{background-color: #e62129;background-image: url(/images/vi/im2h.png);}

  .B4 .R li:hover{box-shadow: 0 2px 10px 2px rgba(255,0,0,0.2);}



  .B5 .contact-btn:hover{width: 19em;}

}

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

  .B4 .R .swiper-container{height: 43em;}

  .B4 .R li a>span{font-size: 12px;}

  .B4 .R h3{font-size: 1.2em;}

  .B4 .R li a{padding-top: 1.3em;padding-bottom: 0;}

  .B4 .R li .font-over3{-webkit-line-clamp: 2;max-height: 3.2em;height: 3.2em;line-height: 1.6;}



  .B3 .T li a{font-size: 16px;}



}

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

  .ResTitle_a2 em{font-size: 24px;}

  .ResTitle_a2 span{font-size: 20px;}

  .B4 .R .swiper-container{height: 37em;}

  .B4 .R li a>span{display: none;}

  .B4 .R li a{padding-top: 1em;padding-bottom: 1em;}



  .B3 .T li a{font-size: 14px;}



  .mymore{font-size: 14px;}

}

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

  .loading-div{display: none;}

  .public-page{padding-top: 80px;width: 100%;box-sizing:border-box;}

}

@media screen and (max-height: 800px) and (orientation: landscape){

    .MenuList_f1 .stmenu, .MenuList_c1 .MenuItems>li{margin-bottom: 0;}

    .B5 .L{padding-top: 3vw;}

    .B5 .loc{display: none;}

}

@media screen and (max-height: 670px) and (orientation: landscape){

    .B5 .phone{display: none;}

}

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

  .loading-div{display: none;}

  .public-page{padding-top: 80px;width: 100%;box-sizing:border-box;}

  .B5 .R{display: none;}



  .B1 .L{width: 60%;float: none;margin: 6vw auto 0 auto;}

  .B1 .R{float: none;width: 60%;margin: 0 auto;}



  .B2 .L{width: 80%;margin-left: 10%; padding-top: 0;}

  .B2 .L li{width: auto;float: left;margin-right: 5%;}

  .B2 .R{width: 100%;margin-top: 6vw;height: auto;margin-right: 0;}

  .B2 .swiper-slide{height: 46vw;}

  .B2 .R .b{margin-top: 2vw;}



  .map-dot{margin-bottom: 2vw;}



  .B3 .T{width: 80%;margin-left: 10%;float: none;}

  .B3 .R{position: static; width: 80%;margin-left: 10%;margin-top: 4vw;}

  .B3 .B li a{height: 29vw;}

  

  .B4 .M{padding-top: 10vw;}

  .B4 .R{float: none;width: 85%;margin-left: 6.3%;margin-right: auto;padding-top: 3vw;}

  .B4 .L{width: 85%;float: none;}

  .B4 .list ul{display: inline-block;}

  .B4 .list li{float: left;}

  .B4 .list li + li{border-left: 1px solid #bfbfbf;border-top:none;}

  .B4 .list li a{padding: 1em 2.5em;}

  .B4 .list .icon{width: 1.5em;height: 1.5em;}

  .B4 .R .swiper-container{padding: 0;}

  .B4 .R li a{padding-left: 0;}

  .B4 .R .mymore{display: none;}



  .B5 .L{width: 80%;margin-left: 10%;padding-top: 16vw;}

  .Gbook_b1 .name, .Gbook_b1 .phone, .Gbook_b1 .email{width: 100%;margin-left: 0 !important;}

}

@media screen and (max-width: 800px)  and  (orientation: portrait){

  .pc-800{display: none;}

}

@media screen and (max-width: 640px)  and  (orientation: portrait){

  .banner .pc{display: none  !important;}

  .public-page{padding-top: 14vw;}

  .p_tb_80{padding: 8vw 0;}

  .mymore.pc{display: none;}

  .mymore.mob{display: block;}

  .mymore{float: none;font-size: 3.8vw;padding-left: 0.7em;}

  .mymore:after{background-size: 0.8em auto;}

  .BannerShow_b1 .swiper-pagination{width: 110px;}

  .banner .swiper-button-next, .banner .swiper-button-prev{width: 110px;font-size: 3.8vw;bottom: 6vw;}

  .zh-box .swiper-pagination .swiper-pagination-bullet{margin: 0 1.6vw;}

  

  .ResTitle_a2 span{font-size: 3.8vw;}

  .ResTitle_a2 em{font-size: 4.8vw;display: block;}

  .ResTitle_a2:after{content: "";display: inline-block;width: 9vw;height: 3px;margin-top: 0.5em;}

  .banner .swiper-button-next, .banner .swiper-button-prev{width: 1em;font-size: 3.8vw;display: none;}

  .zh-box .swiper-pagination .swiper-pagination-bullet{margin: 0 1.6vw;}



  .B1{background: url(/images/vi/mbg1.jpg) left bottom no-repeat;background-size: 100% auto; }

  .B1 .L{width: 100%;float: none;}

  .B1 .vam{display: block;padding-top: 16vw;}

  .B1 .R{width: 100%;}



  .B2 {background-image: url(/images/vi/mbg2.jpg);background-size: cover;}

  .B2 .L{width: 90%;margin-left: 5%;float: none;}

  .B2 .L li{width: 45.5%;margin-bottom: 1.5vw;margin-right: 0;}

  .B2 .L li a{ background-color: #e5e5e5;color: #808080;line-height: 1.5;padding: 0.5em;border-radius: 1.6em;text-align:center;display: block;}

  .B2 .L li:nth-child(2n){margin-right: 0;float: right;}

  .B2 .R{width: 100%;margin: 0 auto;float: none;}

  .B2 .swiper-slide{height: 100%;border-radius: 0;overflow: visible;}

  .B2 .swiper-container{padding: 5vw 5vw 0 5vw;box-sizing: border-box;height: auto;}

  .B2 .swiper-slide-active{box-shadow: none;}

  .B2 .R li a{height: auto;padding: 0;overflow: visible;background: none;}

  .B2 .R .t{height: 52vw;box-shadow: 0px 1px 2.5vw 1px rgba(0, 0, 0, 0.4);border-radius: 2.5vw;opacity: 1;}

  .B2 .R .m,.B2 .R .b{position: static;}

  .B2 .R .m{font-size: 6vw;color: #e62129;font-weight: bold;margin-top: 4vw;}

  .B2 .R .m span{display: none;}

  .B2 .R .b{font-size: 3.8vw;color: #4c4c4c;font-weight: bold;line-height: 2.0;}

  .B2 .zh-box .swiper-pagination .swiper-pagination-bullet{background-color: #fff;}



  .B3 {background: url(/images/vi/mbg3.jpg) left bottom no-repeat;background-size: 100% auto;}

  .B3 .T{width: 90%;margin-left: 5%;}

  .B3 .T li {font-size: 3.8vw;}

  .B3 .T li a{min-width: 100%;font-weight: bold;padding: 0.6em 0.8em;}

  .B3 .T li a span{display: none;}

  .B3 .T ul{display: inline-block;border: 1px solid #bfbfbf;border-radius: 14vw;font-size: 0;}

  .B3 .T li a:before{height: 2.6em;width: 1.7em;vertical-align: middle;}

  .B3 .T li a:after{display: none;}

  .B3 .T li a:nth-child(2):after{border-left: 1px solid #bfbfbf;border-right: 1px solid #bfbfbf;}

  .B3 .T li:nth-child(2){margin: 0;}

  .B3 .T .on span{display: inline-block;margin-left: 0.5em;}

  .B3 .B li a{height: 66.6vw;}

  .B3 .B .swiper-container{padding: 3vw 0;}

  .B3 .B li:nth-child(2n){margin-top: 0;}

  .B3 .B li{width: 50%;border-radius: 2.3vw;}

  .zh-box .swiper-button-prev, .zh-box .swiper-button-next{display: none;}

  .zh-box .swiper-pagination .swiper-pagination-bullet{background-color: #bfbfbf;width: 10px;height: 10px;}



  .B4 .list li{width: auto; font-size: 3.8vw;}

  .B4 .list li a {padding: 0.5em 0.8em;}

  .B4 .L{padding: 0;width: 95%;margin: 0 0 0 auto;}

  .B4 .L .B{margin-top: 4vw;border: 1px solid #bfbfbf;box-sizing: border-box;border-right: none;}

  .B4 .list ul{border:none;}

  .B4 .list li:after{left: auto;right: 0;}

  .B4 .R{padding: 0;width: 90%;margin: 0 auto;}

  .B4 .R .img{position: static;width: 100%;height: 50.6vw;margin-bottom: 3vw;}

  .B4 .R h3{font-size: 4.2vw;}

  .B4 .R .swiper-container{height: auto;}

  .B4 .R li a{padding: 0;}

  .B4 .R li{height: 100%;}

  .B4 .R li a>span{background: #e62129;text-align: center;padding: 0.4em 0;display: block;width: 100%;}

  .B4 .M{padding-top: 10vw;}



  .B5 {background: url(/images/vi/mbg5.jpg) center left no-repeat;background-size: 100% auto;}

  .B5 .L{width: 90%;float: none;margin: 0 auto 0 5%;padding-top: 6vw;}

  .B5 .contact-btn {display: block;padding: 0.5em 1em;width: 11em;}

  .B5 .customer-list li div{height: 7vw;}

  .B5 .customer-list li {width: 13%;}

  .map-dots svg{display: none;}

  .ButtonV1{width: 8em;}



  .B5 .B{padding: 3vw 0;}

  .InputV1, .ButtonV1{padding: 1vw;}

}