@charset "utf-8";
body, html{width: 100%;height: 100%;}
#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{position: absolute;bottom: 3vw;left: 3vw;z-index: 1;width: 180px;text-align: center;font-size: 0;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 2em;height: 2em;background: none;line-height: 2.0;font-size: 14px;color: #e62129;margin-top: -1em;}
.banner .swiper-pagination{position: absolute;bottom: 2.5vw;left: 3vw;width: 180px;text-align: left;z-index: 2;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{margin-top: 2vw;}
.swiper-num{font-size: 14px;color: #606060;}
.swiper-num .active{font-size: 22px;color: #e62129;}

.mymore{color: #fff;font-weight: bold; display: block;width: 179px;text-align: center; box-sizing: border-box; padding: 0.8em 0; font-weight: bold;
    overflow: hidden;font-size: 16px; line-height: 1.5; max-width: 100%;position: relative;background: url(/images/ru/more.png) center no-repeat;
    transition: .3s all ease;-ms-transition: .3s all ease;-webkit-transition: .3s all ease;background-size: 100% 100%;
} 
.mymore.mob{display: none;}
.title{text-transform: capitalize;}
.main-w{width: 87.4%;}
.B1{background: url(/images/ru/bg1.jpg) no-repeat;background-size: cover;}
.B2{background: url(/images/ru/bg2.jpg) no-repeat;background-size: cover;}
.B3{background: url(/images/ru/bg3.jpg) right center no-repeat;background-size: 51% 100%;}
.B4{background: url(/images/ru/bg4.jpg) right bottom no-repeat;background-size: 41.5vw auto;}
.B5{background: url(/images/ru/bg5.jpg) center no-repeat;background-size: 100% auto;}

.ResTitle_a2 {text-align: left;}
.ResTitle_a2 span{font-size: 2.3vw;color: #4c4c4c;font-weight: bold;}
.ResTitle_a2:after{content: "";display: block;height: 4px;background: #e62129;width: 2vw;margin-top: 0.5em;}
.ResTitle_a2>span{display: block;}
.ResTitle_a2 em{font-size: 1.8vw;color: #e62129;font-weight: bold;display: none;}
.B1 .L{width: 45.4%;margin-left: 5%;}
.B1 .R{width: 40%;margin-right: 7.8%;}
.B1 .R img{box-shadow: 0 0 8px 1px rgba(0,0,0,0.3);}

.B2 .T{width: 90%;margin-left: 5%;}
.B2 .B{width: 96%;margin-left: 3.2%;}
.B2 .list li{float: left;position: relative;margin-right: 1.3vw;}
.B2 .list li a{display: block;position: relative;z-index: 1;padding: 0 0.8vw;}
.B2 .list li:after {content:'';width: 0;left: 0;height: 20%;background:#ffff00;display: block;transition:.6s all ease;position: absolute;bottom: 0;}
.B2 .B li {background: #000;}
.B2 .B li a{display: block;height: 30vw;box-sizing: border-box;padding: 3vw 2vw 2vw 4vw;overflow: hidden;
  background-size: cover;font-weight: bold;color: #fff;
}
.B2 .swiper-container{padding: 1.8vw 0 1.8vw 1.8vw;}
.B2 .swiper-slide{border-radius: 1vw;}
.B2 .swiper-slide a{opacity: 0.8;}
.B2 .swiper-slide-active{box-shadow: 0 0 1.5vw 5px rgb(0 0 0 / 45%);}
.B2 .swiper-slide-active a{opacity: 1;}
.B2 .B .t{font-size: 3.6vw;}
.B2 .B .t span{font-size: 14px;text-transform: uppercase;}
.B2 .B .b {margin-top: 12vw;line-height: 1.5;padding-bottom: 2.5vw;background: url(/images/ru/picon.png) bottom left no-repeat;background-size: auto 2vw;}
.B2 .B .b h3{font-size: 2.4vw;text-transform: capitalize;font-weight: bold;display: block;line-height: 1.3;}
.B2 .B .b p{font-size: 1.3vw;}
.B2 .swiper-slide-active .b{background-image: url(/images/ru/picon-h.png);}

.B3 {position: relative;}
.B3 .bg{background: url(/images/ru/bg3-1.jpg) #fff center top no-repeat;background-size: 100% auto;width: 50%;
  position: absolute;left: 0;top: 0;bottom: 0;box-shadow: 5px 0 8px 0 rgb(255 0 0 / 31%)
}
.B3 .bg:after {content: "";position: absolute;border-style: solid;right: -18px;top: 50%;margin-top: -4px;border-color: transparent transparent transparent #fff;border-width: 17px 0 19px 19px;}
.B3 .L{width: 40%;margin-left: 5%;}
.B3 .R{width: 44%;right: 2.8%;top: 0;bottom: 0;}
.B3 .list ul{border: 1px solid #bfbfbf;border-radius: 37px;background-color: #f5f5f5;display: inline-block;overflow: hidden;}
.B3 .list li{float: left;position: relative;}
.B3 .list li:after{content: "";opacity: 0;display: block;width: 0;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);
}
.B3 .list li a{display: block;position: relative;z-index: 1;padding: 0.8em 0.8em 0.6em 3.2em;text-align: left;box-sizing: border-box;height: 4em;}
.B3 .list li a:before {content:'';display: block;height: 100%;width: 1.5em;background: url(/images/i1-1.png) center no-repeat;
    background-size: contain;position: absolute;left: 1em;top: 0;
}

.B3 .list li:nth-child(2) a:after {border-left: none;border-right: none;}
.B3 .list li:nth-child(2) a:before {background-image: url(/images/i1-2.png);}
.B3 .list li:nth-child(3) a:before {background-image: url(/images/i1-3.png);}

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

  .B3 .list li:nth-child(1).on a:before {background-image: url(/images/i1-1-1.png);}
  .B3 .list li:nth-child(2).on a:before {background-image: url(/images/i1-2-1.png);}
  .B3 .list li:nth-child(3).on a:before {background-image: url(/images/i1-3-1.png);}
  .B4 .list .on a,.B3 .list .on span{color: #fff;}
  .B3 .list .on:after{opacity: 1;width: 100%;}
  

/* .B3 .p-list .PhotoList_k2 ,.B3 .p-list .PhotoList_k2 ul{height: 100%;}
 */.B3 .p-list{float: left;width: 31%;margin-right: 3.5%;height: 100%;box-sizing: border-box;}
.B3 .p-list3{margin-right: 0;margin-top: 0;height: 100%;}
.B3 .p-list2{padding-top: 14vw;}
.B3 .p-list1{padding-top: 20vw;}
.B3 .p-list .swiper-container{height: 100%;}
.B3 .R li{display: block; margin-bottom: 1vw;/* height: 18vw; */height: 17vw;}
.B3 .R li a{display: block;position: relative;height: 100%;border-radius: 10px;box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);overflow: hidden;}
.B3 .R 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 .R li span,.B3 .R li h4{display: none;}

.B4 .L{width: 38.8%;margin-left: 6.3%;}
.B4 .R{width: 40%;margin-right: 10.3%;}
.B4 .fr{margin-right: 10.3%;}
.B4 .box .swiper-container{height: 38em;font-size: 14px;color: #7d7d7d;line-height: 1.6;padding: 10px;box-sizing: border-box;}
.B4 .box ul{width: 90%;}
.B4 .box li{height: auto;width: 100%;box-sizing: border-box;border-bottom: 1px solid #e4e4e4;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.B4 .box li a{display: block;height: 100%;box-sizing: border-box;position: relative;}
.B4 .box .img{position: absolute;right: 0;top: 0;bottom: 0;background-size: cover;width: 34%;background-position: center;}
.B4 .box .ntime{font-size: 12px;padding-left: 26px;background: url(/images/ru/rili.png) left center no-repeat;background-size: contain;
  box-sizing: border-box;margin: 0.8em 0;display: block;
}
.B4 .box 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 .list{padding-bottom: 0.5vw;border-bottom: 1px solid #bfbfbf;}
.B4 .list li{float: left;position: relative;width: 25%;box-sizing: border-box;}
.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;text-align: center;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);}
.B4 .list .i5 {background-image: url(/images/i2-5.png);}
.B4 .list li a:after {content:'';width: 1px;height: 60%;background: #bfbfbf; display: block;transition:.6s all ease;
  position: absolute;top: 20%;right: 0;box-sizing: border-box;
}
.B4 .list li:nth-child(4) a:after{display: none;}
.B4 .swiper-scrollbar-drag{background-color: #e62129;}
.b3more{color: #ee2a5e;font-size: 16px;display: block;}
.b3more:before{content:'';margin-right: 0.5em;height: 1px;width: 6vw;display: inline-block;margin-bottom: 0.2em;background: #ccc;transition:.6s all ease;}
.B4 .swiper-pagination{position: static;}
.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/ru/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/ru/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{border-color: #e62129;-webkit-transform:rotate3d(0,0,1,360deg); transform:rotate3d(0,0,1,360deg);}
  .mymore:hover span{color: #fefe02;}
  .B2 .list li:hover:after{width: 100%;}
  .B2 .list li:hover a{color: #e62129;}

  .B3 .list li:hover a:after{opacity: 0;}
  .B3 .list li:nth-child(1):hover a:before {background-image: url(/images/i1-1-1.png);}
  .B3 .list li:nth-child(2):hover a:before {background-image: url(/images/i1-2-1.png);}
  .B3 .list li:nth-child(3):hover a:before {background-image: url(/images/i1-3-1.png);}
  .B3 .list li:hover a,.B4 .list li:hover a{color: #fff;}
  .B3 .list li:hover:after{opacity: 1;width: 100%;}
  .B3 .R li: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 .L li a:hover h3{color: #e62129;}
  .B4 .box li a:hover h3{color: #e62129;}

  .B5 .contact-btn:hover{width: 19em;}
  .b3morehover:before:{width: 4vw;background-color: #e62129;}
}
@media screen and (max-width: 1440px){
  .B4 .box .swiper-container{height: 43em;}
  .B4 .box li a>span{font-size: 12px;}
  .B4 .box h3{font-size: 1.2em;}
  .B4 .box li a{padding-top: 1.3em;padding-bottom: 0;}
  .B4 .box li .font-over3{-webkit-line-clamp: 2;max-height: 3.2em;height: 3.2em;line-height: 1.6;}
}
@media screen and (max-width: 1250px){
  .ResTitle_a2 em{font-size: 24px;}
  .ResTitle_a2 span{font-size: 20px;}
  .B4 .box .swiper-container{height: 37em;}
  .B4 .box li a{padding-top: 1em;padding-bottom: 1em;}
}
@media screen and (max-width: 1024px) and  (orientation: landscape){
  .loading-div{display: none;}
  .public-page{padding-top: 80px;width: 100%;box-sizing:border-box;}

  .B4 .b .L{width: 85%;float: none;}
  .B4 .t .L{float: none;display: inline-block;}
  .B4 .box .swiper-container{padding: 0;}
  .B4 .box .mymore{display: none;}

  .B4 .pc{display: block;}
  .B5 .R.pc{display: block;}
}
@media screen and (max-width: 1024px) and  (orientation: portrait){
  .B3 .bg{display: none;}
  .B5 .R{display: none;}  .loading-div{display: none;}
  .public-page{padding-top: 80px;width: 100%;box-sizing:border-box;}
  .B2 .T{width: 80%;margin-left: 10%; padding-top: 0;}
  .B2 .B li a{height: 38vw;}

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

  .B3 .L{width: 80%;margin-left: 10%;float: none;}
  .B3 .R{position: static; width: 80%;margin-left: 10%;margin-top: 4vw;}
  .B3 .p-list{width: 100%;display: none;margin-right: 0;}
  .B3 .p-list1, .B3 .p-list2{padding-top: 0;}
  .B3 .p-list3{padding-top: 0;}
  .B3 .p-list.show{display: block;}
  .B3 .list.pc{display: block;}
  .B3 .R li{height: 34vw;}
  .B3 .pc-800{display: block;}

  .B4 .R{display: none;}
  .B4 .L{width: 85%;float: none;}
  .B4 .L .swiper-container{width: 100%;}
  .B4 .L h3{font-size: 18px;}
  .B4 .list li a{padding: 1em 0.5em;}
  .B4 .list .icon{width: 1.5em;height: 1.5em;}

  .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){
}
@media screen and (max-width: 640px)  and  (orientation: portrait){
  .main-w{width: 90%;}
  .pc-800{display: none;}
  .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;width: 9em;font-size: 3.8vw;padding: 0.4em 0;}
  .banner .swiper-pagination{bottom: 6vw;}
  
  .ResTitle_a2 span{font-size: 6vw;color: #e62129;}
  .ResTitle_a2:after{width: 1.5em;}
  .swiper-num,.swiper-num .active{font-size: 3.8vw;font-size: 5vw;}
  .swiper-num .active{font-weight: bold;}
  .banner .zsq{bottom: 9vw;left: 3vw;width: 40vw;}
  .banner .swiper-button-next, .banner .swiper-button-prev{width: 1em;font-size: 3.8vw;}

  .B1{background-image: url(..//images/mbg1.jpg);background-size: cover;}
  .B1 .L{width: 90%;margin-left: auto;margin-right:auto; float: none;}

  .B2 {background-image: url(/images/ru/mbg2.jpg);background-size: cover;}
  .B2 .T{width: 90%;margin-left: 5%;float: none;}
  .B2 .B{width: 100%;margin-right: 0;margin-left: auto;float: none;}
  .B2 .B li a{height: 63vw;padding: 4vw 5vw;}
  .B2 .swiper-slide-active{box-shadow: 0px 1px 2.5vw 1px rgba(0, 0, 0, 0.4);}
  .B2 .swiper-slide{border-radius: 2vw;}
  .B2 .swiper-container{padding: 5vw;}
  .B2 .list li{display: inline-block;margin-right: 6.3vw;margin-bottom: 3vw;}
  .B2 .B .t{font-size: 3.8vw;display: none;}
  .B2 .B .b h3{font-size: 4.2vw;}
  .B2 .B .b {padding-bottom: 0;background: none;}
  
  .B3 {background: url(/images/ru/mbg3.jpg);background-size: cover;}
  .B3 .L{width: 90%;margin-left: 5%;}
  .B3 .list.pc{display: none;}
  .B3 .list ul{display: inline-block;border: 1px solid #bfbfbf;border-radius: 14vw;font-size: 0;}
  .B3 .list li{font-size: 3.8vw;}
  .B3 .list li a{min-width: 100%;font-weight: bold;padding: 0.3em 0.8em 0.3em 3.2em;height: 3.4em;text-align: left;}
  .B3 .list  span{display: none;}
  .B3 .list .on span{display: inline-block;color: #fff;}
  .b3more{display: none;}
  .B3 .R{width: 100%;margin-left: 0;margin-top: 7vw;}
  .B3 .R li{height: 67vw;border-radius: 1.3vw;width: 49%;}

  .B4{background: url(/images/ru/mbg4.jpg) center bottom no-repeat; background-size: 100% auto;}
  .B4 .m{width: 95%;margin-left: auto;margin-right: 0;border: 1px solid #bfbfbf;border-right: none;}
  .B4 .list{padding-bottom: 0;border-bottom: none;box-sizing: border-box;}
  .B4 .list li{width: auto; font-size: 3.8vw;}
  .B4 .list li a {padding: 0.8em 1.5em 0.8em 3.5em;position: relative;box-sizing: border-box;text-align: left;}
  .B4 .list li a em{display: block;}
  .B4 .list li a:after{right: 1px;top: 0;height: 100%;}
  .B4 .list .icon{display: block;position: absolute;left: 1em;top: 0;bottom: 0;height: 100%;background-size: contain;
    width: 1.5em;background-position: center;max-height: 100%;
  }
  .B4 .L{padding: 0;width: 90%;margin: 0 auto;}
  .B4 .t .L{display: block;}
  .B4 .L .B{margin-top: 4vw;}
  .B4 .R{padding: 0;width: 90%;margin: 0 auto;}
  .B4 .box .ntime{margin: 0.5em 0;}
  .B4 .box h3{font-size: 3.8vw;}
  .B4 .box .swiper-container{height: auto;padding: 0;}
  .B4 .box li a{padding: 0;}
  .B4 .box li{border:none;}
  .B4 .box li a>span{background: #e62129;text-align: center;padding: 0.4em 0;display: block;width: 100%;}
  .B4 .box ul{width: 100%;}

  .B5 {background: #fff;}
  .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;}

  .B5 .B{padding: 3vw 0;}
  .InputV1{padding: 1vw;}
   .ButtonV1{padding: 1.5vw;}
}