@charset "utf-8";
.HomeBan{overflow: hidden;position: relative;}
.HomeBan::after{content:'';display: block;width:100%;height:3rem;background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0));position: absolute;top:0;left:0;z-index:9;}
.HomeBan .swiper-slide{position: relative;overflow: hidden;}
.HomeBan .swiper-slide .imgbox{padding-top:100vh;}
.HomeBan .swiper-slide .txt{width:100%;left:0;top:50%;position: absolute;transform: translateY(-50%);}
.HomeBan .swiper-slide .txt .txtbox{max-width:8rem;color:#fff;background: url(../images/banico.png) no-repeat left 0.1rem top 0.5rem;background-size: 90%;}
.HomeBan .swiper-slide .txt .tit{font-size: 1rem;line-height: 1;text-transform: uppercase;}
.HomeBan .swiper-slide .txt .dec{font-size: 0.26rem;line-height: 1.84;margin-top:0.3rem;}
.HomeBan .swiper-slide .txt .dec span{opacity: 0.5;}
.HomeBan .swiper-slide::after{content:'';display: block;width:100%;height:3rem;background-image: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));position: absolute;bottom:0;left:0;z-index:9;}

.HomeBan .swiper-slide .txt .tit{transform: translateY(0.6rem);opacity: 0;transition: all .8s 0.4s;}
.HomeBan .swiper-slide .txt .dec{transform: translateY(0.6rem);opacity: 0;transition: all .8s 0.6s;}

.HomeBan .swiper-slide.swiper-slide-active .txt .tit,
.HomeBan .swiper-slide.swiper-slide-active .txt .dec{transform: translateY(0);opacity: 1;}

.HomeBan .swiper-slide.swiper-slide-active .imgbox img{animation: scale linear 6s forwards;}
.HomeBan .swiper-slide .video-box{position: absolute;width:100%;height:100%;top:0;left:0;background: url(../images/loading.gif) no-repeat center center;}
.HomeBan .swiper-slide .video-box video{width:100%;height:100%;object-fit: cover;}
.HomeBan .swiper-slide .open-video{width:0.48rem;height:0.48rem;background:url(../images/play.svg) no-repeat center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;}


@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.1);-webkit-transform:scale(1.1);}
}

.HomeBan .swiper-pagination{bottom:0.9rem !important;font-size: 0;color:transparent;padding:0 1.6rem;text-align: left;line-height: 1;display: flex;}
.HomeBan .swiper-pagination span{font-size: 0.2rem;color:#fff;display: flex;align-items: flex-end;padding:0 0.1rem;}
.HomeBan .swiper-pagination span.swiper-pagination-current{margin-right:1.4rem;position: relative;}
.HomeBan .swiper-pagination span.swiper-pagination-current::before{content:'';display: block;width:1.4rem;height:1px;background: #fff;opacity: 0.3;left:100%;bottom:0.05rem;position: absolute;}
.HomeBan .swiper-pagination span.swiper-pagination-current::after{content:'';display: block;width:0;height:1px;background: #fff;opacity:1;left:100%;bottom:0.05rem;position: absolute;width:0.4rem;}
.HomeBan .swiper_button_white{bottom:0.7rem;top:auto;margin-top:0;}
.HomeBan .swiper-button-next{left:5.2rem;}
.HomeBan .swiper-button-prev{left:4.4rem;}

@keyframes width{
	0%{width:0;}
	100%{width:1.4rem;}
}

.arrdown{-webkit-animation: rightan 1.5s infinite;-webkit-animation-fill-mode: both; color:#fff; height:auto; position:absolute; bottom:0px; left:50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); z-index:999; text-align:center;color:#fff;text-align: center;}
.arrdown>img{display: block;width:0.22rem;margin:0 auto;}

@keyframes rightan
{
  0%{bottom: 0.9rem;opacity: 0;}
  50%{bottom: 0.7rem;opacity: 1;}
  100%{bottom: 0.5rem;opacity: 0;}
}

@media(max-width:1024px){
    .HomeBan .swiper-slide .txt .tit{font-size: 0.4rem;}
    .HomeBan .swiper-slide .txt .dec{font-size: 0.2rem;}
    .HomeBan .swiper-slide .imgbox{padding-top:68%;}
    .HomeBan .swiper-slide .open-video{display:block;}
    .HomeBan .swiper-slide .video-inner.active .open-video{display:none;}
    .HomeBan .swiper-pagination{bottom:0.4rem !important;padding:0 2%;}
    .HomeBan .swiper_button_white{bottom:0.28rem;}
    .HomeBan .swiper-pagination span.swiper-pagination-current{margin-right:0.8rem;}
    .HomeBan .swiper-pagination span.swiper-pagination-current::before{width:0.8rem;}
    .HomeBan .swiper-button-next{left:2.6rem;}
    .HomeBan .swiper-button-prev{left:2rem;}
    .arrdown{display: none;}
    .HomeBan::after{display: none;}
    .HomeBan .swiper-slide::after{display: none;}
}

@media(max-width:640px){
    .HomeBan .swiper-pagination{bottom:0.25rem !important;}
    .HomeBan .swiper-pagination span.swiper-pagination-current{margin-right:0.4rem;}
    .HomeBan .swiper-pagination span.swiper-pagination-current::before{width:0.4rem;}
    .HomeBan .swiper-button-next{left:2rem;}
    .HomeBan .swiper-button-prev{left:1.5rem;}
    .HomeBan .swiper_button_white{bottom:0.15rem;}
    .HomeBan .swiper-slide .txt .tit{font-size: 0.32rem;}
    .HomeBan .swiper-slide .txt .dec{font-size: 0.18rem;line-height: 1.56;margin-top:0.15rem;}
    .HomeBan .swiper-slide .txt .txtbox{background-size: 50%;background-position: top 0.2rem left 0;}
}

.pd100{padding:1rem 0;}
.pd90{padding:0.9rem 0;}
.HomeTit{margin-bottom:0.4rem;}
.HomeTit .subtit{color:#0f2778;display: flex;align-items: center;}
.HomeTit .subtit img{display: inline-block;margin-left:0.1rem;max-height:0.12rem;}
.HomeTit .tit{color:#000;line-height: 1;margin-top:0.15rem;}

.HomeAbout{background: url(../images/homeaboutbg.jpg) no-repeat bottom center;background-size: 100%;overflow: hidden;position: relative;}
.HomeAbout .m{position: absolute;width:100%;height:100%;top:0;left:0;opacity: 0.8;}
.HomeAbout .HomeAboutBox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.HomeAbout .HomeAboutBox .HomeAboutTxt{width:44.6875%;position: relative;z-index:9;}
.HomeAbout .HomeAboutBox .HomeAboutTxt .con{color:#333;line-height: 1.875; font-size: 16px;}
.HomeAbout .HomeAboutBox .HomeAboutImg{width:51.25%;padding-top:0.3rem;position: relative;margin-top:0.3rem;}
.HomeAbout .HomeAboutBox .HomeAboutImg::before{content:'';display: block;width:1.4rem;height:1.4rem;background: #0f2778;position: absolute;right:-0.3rem;top:0;}
.HomeAbout .HomeAboutBox .HomeAboutImg .videobox{position: relative;z-index:9;}
.HomeAbout .HomeAboutBox .HomeAboutImg .videobox .img{position: relative;}
.HomeAbout .HomeAboutBox .HomeAboutImg .videobox .img img{width:100%;}
.HomeAbout .HomeAboutBox .HomeAboutImg .videobox .img .play{width:0.6rem;height:0.6rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;}
.HomeAbout .HomeAboutBox .HomeAboutImg .videobox .img .play img{width:100%;position: relative;z-index:9;}

.HomeAbout .HomeAboutBox .HomeAboutImg .videobox .img .play::before,
.HomeAbout .HomeAboutBox .HomeAboutImg .videobox .img .play::after{content:'';display: block;width:100%;height:100%;background: #2ed9c3;opacity: 0.3;position: absolute;left:0;top:0;border-radius: 50%;}

.HomeAbout .HomeAboutBox .HomeAboutImg .videobox .img .play::before{animation: scale1 2s linear infinite;}
.HomeAbout .HomeAboutBox .HomeAboutImg .videobox .img .play::after{animation: scale1 2s 1s linear infinite;}

@keyframes scale1{
	0%{transform: scale(1);-webkit-transform: scale(1);opacity: 0.3;}
	100%{transform: scale(2.5);-webkit-transform: scale(2.5);opacity: 0;}
}

.HomeAbout .HomeAboutBox .HomeAboutImg .videofile{position: absolute;width:100%;height:100%;top:0;left:0;z-index:999;display: none;}
.HomeAbout .HomeAboutBox .HomeAboutImg .videofile video,
.HomeAbout .HomeAboutBox .HomeAboutImg .videofile iframe{width:100%;height:100%;object-fit: cover;}
.HomeAbout .HomeAboutBox .HomeAboutImg .videofile .close{position: absolute;right:0.2rem;top:0.2rem;width:0.24rem;cursor: pointer;z-index:9;}

@media(max-width:768px){
    .pd100{padding:0.5rem 0;}
    .pd90{padding:0.5rem 0;}
    .HomeAbout .HomeAboutBox .HomeAboutImg::before{display: none;}
}

@media(max-width:640px){
    .HomeAbout .HomeAboutBox .HomeAboutTxt{width:100%;}
    .HomeAbout .HomeAboutBox .HomeAboutImg{width:100%;}
}

.HomeBrand{background: #f5f9ff;overflow: hidden;}
.HomeBrand .HomeBrandTxt .con{color:#333;line-height: 1.875; font-size: 16px;}
.HomeBrand .HomeBrandTxt{width:37.5%;}

.HomeBrand .HomeBrandImg{width:56.25%;position: relative;padding-bottom:0;margin-top:0.3rem;}
.HomeBrand .HomeBrandImg .swiper-slide .img{padding-top:69%;}
.HomeBrand .HomeBrandImg .swiper{width:150%;}
.HomeBrand .HomeBrandImg .swiper-slide:hover .img span{transform: scale(1.05);}


.HomeBrand .control{margin-top:0.6rem;height:0.6rem;position: relative;}
.HomeBrand .swiper-pagination{width:calc(100% - 1.6rem);top:auto;bottom:0.3rem;left:0;right:auto;height:1px !important;background: #dde2ea !important;}
.HomeBrand .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #2ed9c3;height:3px !important;border-radius: 3px;margin-top:-1px;}
/* .HomeBrand .swiper-pagination-progressbar .swiper-pagination-progressbar-fill::after{content:'';display: block;width:0.15rem !important;height:0.15rem;border-radius: 50%;background: #f5f9ff;border:3px solid #2ed9c3;position: absolute;right:0;top:50%;transform: translateY(-50%) scale(1);} */
.HomeBrand .swiper_button{margin-top:0 !important;top:auto;bottom:0;}
.HomeBrand .swiper-button-next{right:0;}
.HomeBrand .swiper-button-prev{left:auto;right:0.8rem;}

@media(max-width:768px){
    .HomeBrand .HomeBrandImg .swiper{width:100%;}
    .HomeBrand .swiper-pagination{width:calc(100% - 1.5rem);bottom:0.2rem;}
    .HomeBrand .swiper-button-next{}
    .HomeBrand .swiper-button-prev{right:0.6rem;}
    .HomeBrand .control{margin-top:0.3rem;}
}

@media(max-width:640px){
    .HomeBrand .HomeBrandTxt{width:100%;}
    .HomeBrand .HomeBrandImg{width:100%;}
    .HomeBrand .control{margin-top:0.1rem;}
}

.Homeecdoc{background: #f0f6ff;}
.Homeecdoc .HomeecdocBox{position: relative;}
.Homeecdoc .HomeecdocTxt{width:36%;}
.Homeecdoc .HomeecdocTxt .con{color:#333;line-height: 1.875;margin-bottom:1rem; font-size: 16px;}
.Homeecdoc .HomeecdocTxt .img img{max-height:0.39rem;}
.Homeecdoc .HomeecdocImg{max-width:11.6rem;position: absolute;right:0;top:50%;transform: translateY(-50%);width:80%;}

@media(max-width:1024px){
    .Homeecdoc .HomeecdocTxt .con{margin-bottom:0.5rem;}
}

@media(max-width:640px){
    .Homeecdoc .HomeecdocTxt{width:100%;}
    .Homeecdoc .HomeecdocImg{width:100%;position: static;transform: translateY(0);margin-top:0.3rem;}

}

.HomeMore a{display: flex;align-items: center;color:#2ed9c3;}
.HomeMore a i{display: block;margin-right:0.2rem;width:0.5rem;height:0.5rem;border-radius: 50%;background: #2ed9c3;position: relative;}
.HomeMore a i::after{content:'';display: block;width:0.08rem;height:0.08rem;border-top:2px solid #fff;border-right:2px solid #fff;transform: translate(-50%,-50%) rotate(45deg);position: absolute;left:50%;top:50%;}
.HomeMore a:hover{color:#0f2778;}
.HomeMore a:hover i{background: #0f2778;}

.HomePackage{padding-left:1.6rem;}
.HomePackage .HomePackageBox{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end; max-width: 1920px; margin: 0 auto;}
.HomePackage .HomePackageBox .HomePackageLeft{width:35.22%;}
.HomePackage .HomePackageBox .HomePackageLeft .item .img{padding-top:4.7rem;}
.HomePackage .HomePackageBox .HomePackageLeft .HomeMore{margin-top:1rem;}
.HomePackage .HomePackageBox .HomePackageLeft .slider-nav{margin-top:0.5rem;padding-top:0.3rem;position: relative;}
.HomePackage .HomePackageBox .HomePackageLeft .slider-nav::before{content:"";display: block;width:0.84rem;height:0.84rem;background: #0f2778;position: absolute;right:-0.3rem;top:0;}

.HomePackage .HomePackageBox .HomePackageRight{width:56.81%;}
.HomePackage .HomePackageBox .HomePackageRight .item .img{padding-top:7.8rem;}

.HomePackage .slick-dots{position: absolute;top:50%;transform: translateY(-50%);right:-0.8rem;}
.HomePackage .slick-dots li button{display: none;}
.HomePackage .slick-dots li{width:0.26rem;height:0.26rem;cursor: pointer;background: url(../images/slick-dot.png) no-repeat center center;margin:0.15rem 0rem;background-size: 0.08rem;}
.HomePackage .slick-dots li.slick-active{background: url(../images/slick-dotc.png) no-repeat center center;background-size: contain;}
.HomePackage .item:hover .img span{transform: scale(1.05);}

@media(max-width:1024px){
    .HomePackage{padding-left:2%;}
    .HomePackage .HomePackageBox .HomePackageLeft .HomeMore{margin-top:0.3rem;}
    .HomePackage .HomePackageBox .HomePackageLeft .item .img{padding-top:78%;}
    .HomePackage .HomePackageBox .HomePackageRight .item .img{padding-top:78%;}
    .HomePackage .HomePackageBox .HomePackageLeft .slider-nav{margin-top:0.15rem;padding-top:0.15rem;}
    .HomePackage .HomePackageBox .HomePackageLeft .slider-nav::before{right:-0.15rem;}
    .HomePackage .slick-dots{right:-0.6rem;}
}

@media(max-width:640px){
    .HomePackage{padding-right:2%;}
    .HomePackage .HomePackageBox .HomePackageLeft{width:100%;}
    .HomePackage .HomePackageBox .HomePackageRight{width:100%;margin-top:0.2rem;}
    .HomePackage .HomePackageBox .HomePackageLeft .slider-nav::before{display: none;}
    .HomePackage .slick-dots{right:auto;left:0;width:100%;justify-content: center;display: flex;transform: translateY(0);top:auto;bottom:0.1rem;}
    .HomePackage .slick-dots li{margin:0.05rem;}
}

.HomeParent{background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.HomeParent .HomeParentTit{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.HomeParent .HomeParentTit .HomeTit{max-width:5.5rem;}
.HomeParent .HomeParentTit .HomeTit .subtit{color:#2ed9c3;}
.HomeParent .HomeParentTit .HomeTit .tit{color:#fff;}


.HomeParent .HomeParentBox{position: relative;min-height:4.8rem;}
.HomeParent .HomeParentBox .line_bg{width:100%;height:2.07rem;background: url(../images/homeline.png) no-repeat center center;background-size: contain;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.HomeParent .HomeParentBox .line_bg i{width:46%;height:0.08rem;position: absolute;overflow: hidden;}
.HomeParent .HomeParentBox .line_bg i::after{content:'';display: block;width:5.4rem;height:100%;background-position: center;background-size: contain;background-repeat: no-repeat;position: absolute;left:0;top:0;opacity: 0;}
.HomeParent .HomeParentBox .line_bg i.i1::after{background-image: url(../images/guang1.png);}
.HomeParent .HomeParentBox .line_bg i.i2::after{background-image: url(../images/guang2.png);}
.HomeParent .HomeParentBox .line_bg i.i1{left:0;top:1.35rem;}
.HomeParent .HomeParentBox .line_bg i.i2{right:0;top:0;}
.HomeParent .HomeParentBox .line_bg i.i1::after{animation: move 4s linear infinite;}
.HomeParent .HomeParentBox .line_bg i.i2::after{animation: move2 4s linear 1s infinite;}

@keyframes move{
    0%{transform: translateX(-100%);opacity: 0;}
    50%{transform: translateX(0);opacity: 1;}
    100%{transform: translateX(100%);opacity: 0;}
}

@keyframes move2{
    0%{transform: translateX(0);opacity: 0;}
    50%{transform: translateX(0);opacity: 1;}
    100%{transform: translateX(100%);opacity: 0;}
}


.HomeParent .HomeParentBox .w1600{display: flex;flex-wrap: wrap;justify-content: space-between;}
.HomeParent .HomeParentBox .slick-slide{display: flex;flex-wrap: wrap;}
.HomeParent .HomeParentBox .slick-slide .item{width:30%;margin:0.2rem 0;margin-right:3%;overflow: hidden;}
.HomeParent .HomeParentBox .slick-slide .item{height:1rem;text-align: center;display: flex;align-items: center;justify-content: center;}
.HomeParent .HomeParentBox .slick-slide .item a{display: flex;width:100%;height:100%;justify-content: center;align-items: center;opacity: 0.4;transition: all 1s;transform: scale(0);}
.HomeParent .HomeParentBox .slick-slide .item img{max-width:60%;max-height:0.45rem;object-fit: contain;}
.HomeParent .HomeParentBox .slider{width:47%;}
.HomeParent .HomeParentBox .slick-slide .item:hover a{opacity: 1;}
.HomeParent .HomeParentBox .slider:nth-child(1){margin-top:1.3rem;}
.HomeParent .HomeParentBox .slick-slide.slick-current .item a{transform: scale(1);}

@media(max-width:1024px){
    .HomeParent .HomeParentBox .line_bg i{height:0.04rem;}
    .HomeParent .HomeParentBox .line_bg i.i1{top:1.24rem;}
    .HomeParent .HomeParentBox .line_bg i.i2{top:0.4rem;}
    .HomeParent .HomeParentBox{min-height:4rem;}
    .HomeParent .HomeParentBox .slider:nth-child(1){margin-top:0.8rem;}
    .HomeParent .HomeParentBox .slick-slide .item img{max-height:0.28rem;}
}

@media(max-width:768px){
    .HomeParent .HomeParentBox .line_bg i.i1{top:1.2rem;}
    .HomeParent .HomeParentBox .line_bg i.i2{top:0.5rem;}

}

@media(max-width:640px){
    .HomeParent .HomeParentBox .line_bg{display: none;}
    .HomeParent .HomeParentBox{min-height:1px;background: none;margin-top:0.3rem;}
    .HomeParent .HomeParentBox .slider{width:100%;margin-top:0 !important;}
    .HomeParent .HomeParentBox .slick-slide .item{width:33.33%;height:0.7rem;margin-right:0;margin:0;padding:0.1rem;}
    .HomeParent .HomeParentBox .slick-slide .item img{}
}

.HomeProduct{background: url(../images/homeproductbg.jpg) no-repeat center center;background-size: cover;overflow: hidden;}
.HomeProduct .HomeProductTit{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.HomeProduct .HomeProductBox .hd{margin-top:0.3rem;}
.HomeProduct .HomeProductBox .hd ul{white-space: nowrap;text-align: center;}
.HomeProduct .HomeProductBox .hd ul li{display: inline-block;margin:0 0.2rem;line-height: 0.5rem;}
.HomeProduct .HomeProductBox .hd ul li .dotico{width:1.5rem;height:0.38rem;position: relative;}
.HomeProduct .HomeProductBox .hd ul li .dotico::before,
.HomeProduct .HomeProductBox .hd ul li .dotico::after{width:19.2rem;height:0.03rem;background: #fff;content:"";display: block;position: absolute;opacity: 0;}
.HomeProduct .HomeProductBox .hd ul li .dotico::before{left:100%;bottom:0.35rem;;}
.HomeProduct .HomeProductBox .hd ul li .dotico::after{right:100%;bottom:0.19rem;}
.HomeProduct .HomeProductBox .hd ul li.on .dotico::before,
.HomeProduct .HomeProductBox .hd ul li.on .dotico::after{opacity: 1;}
.HomeProduct .HomeProductBox .hd ul li.on .dotico{background: url(../images/hpico.png) no-repeat center center;background-size: contain;}
.HomeProduct .HomeProductBox .hd ul li i{display: block;width:0.07rem;height:0.07rem;border-radius: 50%;box-sizing: content-box;background: #0f2778;border:0.05rem solid #fff;position: absolute;left:50%;transform: translateX(-50%);top:0.09rem;z-index:9;}
.HomeProduct .HomeProductBox .hd ul li a{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.HomeProduct .HomeProductBox .hd ul li.on i{opacity: 0;}
.HomeProduct .HomeProductBox .hd ul li .name{padding:0 0.4rem;margin-top:0.3rem;color:#0f2778;border-radius: 0.5rem;position: relative;}
.HomeProduct .HomeProductBox .hd ul li.on .name{background: #fff;border-top:1px solid #0f2778;}
.HomeProduct .HomeProductBox .hd ul li.on .name b{display: block;width:0.5rem;height:0.5rem;border-radius: 50%;border-right:1px solid #0f2778;position: absolute;right:0;top:0;}
.HomeProduct .HomeProductBox .hd ul li.on .name b::before{content:'';display: block;width:0.04rem;height:0.04rem;border-radius: 50%;background: #0f2778;position: absolute;bottom:-0.01rem;right:0.16rem;}

.HomeProduct .HomeProductBox .carimg{max-width:11.2rem;margin:0 auto;position: relative;}
.HomeProduct .HomeProductBox .carimg dd{position: absolute;max-width:2.44rem;}
.HomeProduct .HomeProductBox .carimg dd .dotico{width:0.4rem;height:0.4rem;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url(../images/hpmore.svg);margin:0 auto;margin-top:0.1rem;animation: scale2 1.5s linear infinite;}
.HomeProduct .HomeProductBox .carimg dd .img{width:2.44rem;padding:0.1rem;display: none;position: absolute;bottom:100%;left:50%;transform: translateX(-50%);background: rgba(115,235,220,0.2);border-radius: 0.1rem;border-top:2px solid #2ed9c3;border-bottom:2px solid #2ed9c3;}
.HomeProduct .HomeProductBox .carimg dd .img::after{content:'';display: block;border:0.05rem solid transparent;border-top:0.05rem solid #2ed9c3;position: absolute;top:100%;left:50%;transform: translateX(-50%);}
.HomeProduct .HomeProductBox .carimg dd .img .imgb{width:100%;height:100%;background: #fff;border-radius: 0.1rem;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:0.2rem 0.2rem 0.1rem 0.2rem;;}
.HomeProduct .HomeProductBox .carimg dd .img .imgb img{max-height:0.83rem;max-width:90%;}
.HomeProduct .HomeProductBox .carimg dd .img .imgb p{margin-top:0.16rem;}
.HomeProduct .HomeProductBox .carimg dd:hover .img{display: block;}
.HomeProduct .HomeProductBox .carimg dd:hover .dotico{background-image: url(../images/hpmore_1.svg);animation-play-state: paused;transform:scale(1) !important;opacity: 1 !important;}

.HomeProduct .HomeProductBox .hd ul li.on + li i{top:-0.06rem;}
.HomeProduct .HomeProductBox .hd ul li.on + li + li i{top:-0.06rem;}

@keyframes scale2{
    0%{transform:scale(1);opacity: 1;}
    80%{transform:scale(1.3);opacity: 0.8;}
    100%{transform:scale(1.3);opacity: 0.1;}
}


@media(max-width:640px){
    .HomeProduct .HomeProductTit{display: block;margin-bottom:0.3rem;}
    .HomeProduct .HomeProductBox .hd ul{padding-top:5px;width:600px;overflow: hidden;text-align: left;}
    .HomeProduct .HomeProductBox .hd ul li .name{padding:0 0.2rem;line-height: 0.4rem;}
    .HomeProduct .HomeProductBox .hd ul li.on .name b{width:0.4rem;height:0.4rem;}
    .HomeProduct .HomeProductBox .hd ul li{margin:0 0;}
    .HomeProduct .HomeProductBox .hd{overflow: auto;}
    .HomeProduct .HomeProductBox .hd::-webkit-scrollbar-button{display: none;}
    .HomeProduct .HomeProductBox .hd::-webkit-scrollbar{width: 2px; height:2px;-webkit-overflow-scrolling : touch;background-color: #f5f5f5;}
    .HomeProduct .HomeProductBox .hd::-webkit-scrollbar-track{background-color: #f5f5f5;}
    .HomeProduct .HomeProductBox .hd::-webkit-scrollbar-thumb{border-radius: 2px;background-color: #c5c5c5;}
    .HomeProduct .HomeProductBox .hd::-webkit-scrollbar-button{height: 0px;background-color: #f5f5f5;}

}

.Main{padding:2rem 0 1rem 0;}
.nTit{color:#0f2778;margin-bottom:0.4rem;line-height: 1.1;}
.SinglePage{color:#333;line-height: 1.78;}
.SinglePage a{color:#0f2778;}

@media(max-width:1024px){
    .Main{padding:1.2rem 0 0.5rem 0;}
    .nTit{margin-bottom:0.25rem;}
}


.cookie-content .btn{
    background-color: #16ccbb;
    color: #fff;
    font-size: .14rem;
    min-width: calc(125 / 14 * 0.1rem);
    line-height: calc(36 / 14 * 0.1rem);
    border: 0;
    cursor: pointer;
    color: #fff;
    border: solid 1px transparent;
    display: block;
    border-radius: 2px;
    padding: 0 calc(12 / 14 * 0.1rem);
}
.cookie-content .btn{
    margin-right: calc(15 / 14 * 0.1rem);
}
.cookie-content .btn:hover{
    opacity: .7;
}
.cookie-content .set{
    border-color: #346E4A;
    color: #346E4A;
    background-color: #fff;
}
.cookie-content .action-btns{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.cookie-content .popup-content{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 10000;
    display: none;
}
.cookie-content .popup-txt{
    position: absolute;
    left: 0;
    top: 15%;
    min-width: 640px;
    max-width: 640px;
    height: 80%;
    right: 0;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #fff;
}
.cookie-content .pp-top{
    height: .6rem;
    display: flex;
    align-items: center;
    padding-left: .3rem;
    justify-content: space-between;
    border-bottom: solid 1px #eee;
}
.cookie-content .pp-top img{
    max-height: .4em;
}
.cookie-content .ck-close{
    width: 50px;
    height: 100%;
    background: url(../images/ot_close.svg) no-repeat center/10px;
    cursor: pointer;
    border: 0;
}
.cookie-content .ck-close:hover{
    opacity: .7;
}
.cookie-content .pp-content{
    padding: .2rem .4rem;
    height: calc(100% - 1.8rem);
    overflow-x: hidden;
    overflow-y: auto;
}
.cookie-content .pp-content h3{
    font-size: .16rem;
    margin-bottom: calc(10 / 14 * 0.1rem);
}
.cookie-content .pp-content .manage-box h3{
    margin-bottom: calc(20 / 14 * 0.1rem);
}
.cookie-content .pp-content .words{
    font-size: .16rem;
    line-height: 1.5;
}
.cookie-content .pp-tip a{
    font-size: .14rem;
    text-decoration: underline;
    color: #0f2778;
    margin-top: 5px;
    display: block;
}
.cookie-content .pp-tip a:hover{
    text-decoration: none;
}
.cookie-content .allow-all{
    margin: .3rem 0 .4rem;
}
.cookie-content .ck-item {
    border: solid 1px #d8d8d8;
    border-radius: 2px;
    margin-top: -1px;
}
.cookie-content .ck-item:hover {
    border-color: #333;
    position: relative;
    z-index: 3;
}
.cookie-content .ck-item h4{
    font-size: .16rem;
    width: calc(100% - 120px);
    margin: 1.32em 0;
}
.cookie-content .ck-item .ck-item-btn{
    padding: .15em 0;
    padding-left: .4rem;
    padding-right: .1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}
.cookie-content .ck-item .ck-item-btn:after {
    position: absolute;
    left: calc(10 / 20 * 0.1rem);
    content: "+";
    top: 50%;
    transform: translateY(-50%);
    font-size: .2rem;
    font-weight: 700;
}
.cookie-content .ck-item .ck-item-btn span{
    font-size: .14rem;
    color: #16ccbb;
    font-weight: 700;
}
.cookie-content .ck-item .open-info{
    padding: calc(20 / 14 * 0.1rem);
    padding-top: calc(10 / 14 * 0.1rem);
    display: none;
}
.cookie-content .my-switch{
    position: relative;
    width: .45rem;
    height: .25rem;
    border-radius: .25rem;
    background-color: #767676;
    cursor: pointer;
}
.cookie-content .my-switch:after{
    position: absolute;
    left: .03rem;
    top: 50%;
    transform: translateY(-50%);
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    background-color: #fff;
    transition: all .2s linear;
    content: "";
}
.cookie-content .my-switch.active{
    background-color: #16ccbb;
}
.cookie-content .my-switch.active:after{
    margin-left: .21rem;
}
.cookie-content .pp-action{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: .2rem;
    border-top: solid 1px #eee;
}

/* 展开样式 */
.cookie-content .ck-item.open .ck-item-btn:after{
    content: "-";
    font-size: .3rem;
    left: calc(10 / 30 * 0.1em);
    font-weight: 400;
    
}
.cookie-content .ck-item.open .open-info{
    display: block;
}

@media (max-width: 640px) {
    .cookie-content .popup-txt{
        width: 100%;
        height: 100%;
        max-width: 100%;
        top: 0;
        border-radius: 0;
        min-width: 1px;
    }
    .cookie-content .info-txt{
        padding-top: .4rem;
    }
    .cookie-content .left-tip,
    .cookie-content .action-btns{
        width: 100%;
    }
    .cookie-content .action-btns{
        margin-top: .2rem;
    }
    .cookie-content .btn{
        width: 100%;
    }
    .cookie-content .btn:not(:last-child) {
        margin-bottom: calc(10 / 14 * 0.1rem);
    }
    .cookie-content .pp-content{
        height: calc(100% - 2.3rem);
    }
}
/* cookie end */