.container{width:100%}
.container .banner{width:100%}
.container .banner img{width:100%;height:100%;object-fit:cover}
.container .first-text{width:90%;max-width:55rem;font-size:1.25rem;color:#666666;margin:3.125rem auto 0 auto;text-indent:2rem;line-height:2rem}
.container .product-menu{display:flex;width:90%;margin:3.125rem auto 0 auto;max-width:47.5rem;justify-content:space-around}
.container .product-menu .group{width:8.25rem;cursor:pointer;display:flex;justify-content:center;flex-wrap:wrap;align-content:space-between;height:100%}
.container .product-menu .group span{width:100%;display:block;text-align:center;font-size:1.125rem;margin-top:.625rem;color:#999999;transition:.3s all}
.container .product-menu a:nth-child(1) .image{width:2.5rem;height:3.0625rem;background:url("../images/chanpin1_n.png") no-repeat;background-size:cover}
.container .product-menu a:nth-child(1):hover .image,.container .product-menu a:nth-child(1) .selected  .image{background:url("../images/chanpin1_s.png") no-repeat;background-size:cover}
.container .product-menu a:nth-child(1):hover span,.container .product-menu a:nth-child(1) .selected  span{color:#ff9933}
.container .product-menu a:nth-child(2) .image{width:2.625rem;height:3.0625rem;background:url("../images/chanpin2_n.png") no-repeat;background-size:cover}
.container .product-menu a:nth-child(2):hover .image,.container .product-menu a:nth-child(2) .selected .image{background:url("../images/chanpin2_s.png") no-repeat;background-size:cover}
.container .product-menu a:nth-child(2):hover span,.container .product-menu a:nth-child(2) .selected span{color:#ff9933}
.container .product-menu a:nth-child(3) .image{width:3.375rem;height:2.875rem;background:url("../images/chanpin3_n.png") no-repeat;background-size:cover}
.container .product-menu a:nth-child(3):hover .image,.container .product-menu a:nth-child(3) .selected .image{background:url("../images/chanpin3_s.png") no-repeat;background-size:cover}
.container .product-menu a:nth-child(3):hover span,.container .product-menu a:nth-child(3) .selected span{color:#ff9933}
.container .swiper-content{width:90%;display:flex;max-width:75rem;margin:0 auto;align-items:center;padding:3.125rem 0;min-height:50rem}
.container .swiper-content .left{width:calc(30% + 3rem);position:relative}
.container .swiper-content .left .swiper-container{width:17.5625rem;height:35.125rem;position:relative}
.container .swiper-content .left .swiper-container .block{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
.container .swiper-content .left .swiper-container .block img{width:99%;height:100%;object-fit:contain}
.container .swiper-content .left .swiper-container .phone{left:0;top:0;position:absolute;width:100%;height:100%;z-index:99}
.container .swiper-content .left .prev-btn,.container .swiper-content .left .next-btn{width:1.5rem;height:2.5rem;top:calc(50% - 2.5rem/2);position:absolute;cursor:pointer}
.container .swiper-content .left .prev-btn{left:0;background:url("../images/icon_left.png") no-repeat;background-size:cover}
.container .swiper-content .left .next-btn{right:0;background:url("../images/icon_right.png") no-repeat;background-size:cover}
.container .swiper-content .right{width:calc(70% - 3rem);max-width:70%;overflow:hidden}
.container .swiper-content .right .swiper-container-1{width:100%;height:100%;position:relative}
.container .swiper-content .right .swiper-container-1 .swiper-slide{display:flex;align-items:center}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block{width:90%;margin-left:10%}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block span{width:100%;font-size:2.5rem;color:#0090ff;text-align:center;height:6.25rem;line-height:6.25rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block p{font-size:1.25rem;line-height:1.875rem;width:100%;display:block;color:#666666;margin-bottom:1.875rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list{width:30rem;display:flex;align-items:center;margin-top:3.125rem;flex-wrap:wrap}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon{cursor:pointer;margin:0.9375rem}
@media only screen and (min-width:320px) and (max-width:830px){.container .swiper-content{flex-wrap:wrap}
.container .swiper-content .left{width:100%}
.container .swiper-content .left .prev-btn{left:calc((80% - 17.5625rem) / 2)}
.container .swiper-content .left .next-btn{right:calc((80% - 17.5625rem) / 2)}
.container .swiper-content .right{width:100%;max-width:100%}
.container .swiper-content .right .block{text-align:center;margin:0 auto !important}
.container .swiper-content .right .block .icon-list{justify-content:center}
}@media only screen and (min-width:320px) and (max-width:480px){.container .swiper-content .right .swiper-container-1 .swiper-slide .block span{font-size:2.25rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list{width:97%}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5){width:3.2rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5):hover,.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5).selected{width:3.2rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block p{font-size:.875rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list{flex-wrap:wrap;width:23rem;margin:auto;margin-top:2.25rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list p{}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon{margin:0.375rem;margin-top:4rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .yun-share{display:block;margin:auto;line-height:2.0rem;margin-bottom:1rem}
.yun-peifu{margin-bottom:1rem}
}.yun-zhixun{position:fixed;bottom:45%;width:5rem;height:5rem;border-radius:50%;right:0.9375rem;transition:0.2s ease;z-index:1000}
.yun-zhixun>img{width:100%}
.yun-zhikuang{width:23.75rem;height:20.25rem;box-shadow:1px 2px 3px #ccc;background:#fff;display:none;top:-1.25rem;position:absolute;right:0.15rem;line-height:3.75rem;border-radius:3px}
.yun-zhikuang input,.yun-zhikuang select{padding:0.3125rem 0.9375rem;border:1px #ccc solid;width:13rem;margin-left:0.625rem;border-radius:3px;line-height:1rem}
.yun-inwrap div{padding:0 2.1875rem;height:3.25rem}
.yun-inwrap .front{color:red}
.yun-inwrap .label{min-width:5rem;text-align:right;display:inline-block}
.yun-l{margin:0 2.1875rem;display:flex;border-top:1px #ccc solid}
.yun-l img{height:1.0625rem;margin-top:1.375rem}
.yun-hb img{position:absolute;right:1.25rem;top:1.25rem}
.yun-l p:nth-child(2){margin:0 2.5rem 0 0.625rem}
.yun-inwrap button{width:6.25rem;height:1.875rem;background:#fff;color:#fa871e;font-size:1rem;text-align:center;line-height:1rem;border:1px #fa871e solid;border-radius:1.25rem;margin-left:8.75rem}
.Combined_Shape{background-color:rgb(255,255,255);width:1.125rem;height:1.125rem;z-index:373}
.yun-hb{background:#fa871e;height:3.75rem;color:#fff;font-size:1.25rem;text-align:center}
.yun-pc{height:auto !important;top:40% !important}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list .icon{cursor:pointer;margin:0.9375rem}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(1){width:2.875rem;height:3rem;background:url("//static.ymm56.com/offical-website//static/images/define_icon_1.png") no-repeat;background-size:contain}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(1):hover,.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(1).selected{background:url("//static.ymm56.com/offical-website//static/images/define_icon_1_select.png") no-repeat;background-size:contain}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(2){width:2.875rem;height:2.875rem;background:url("//static.ymm56.com/offical-website//static/images/define_icon_2.png") no-repeat;background-size:contain}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(2):hover,.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(2).selected{background:url("//static.ymm56.com/offical-website//static/images/define_icon_2_select.png") no-repeat;background-size:contain}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(3){width:2.875rem;height:2.1875rem;background:url("//static.ymm56.com/offical-website//static/images/define_icon_3.png") no-repeat;background-size:contain}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(3):hover,.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(3).selected{background:url("//static.ymm56.com/offical-website//static/images/define_icon_3_select.png") no-repeat;background-size:contain}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(4){width:2.875rem;height:2.875rem;background:url("//static.ymm56.com/offical-website//static/images/define_icon_4.png") no-repeat;background-size:contain}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(4):hover,.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(4).selected{background:url("//static.ymm56.com/offical-website//static/images/define_icon_4_select.png") no-repeat;background-size:contain}
.container .product-menu a{margin-bottom:10px}
@media all and (max-width:768px){.container .product-menu{}
.container .product-menu a{margin-bottom:10px}
}