@import url(swiper3.4.2.css);
@import url(millia.css);
.millia{width:80vw;margin:0 auto;}
.topic{height:38vw;position:relative;}
.topic .swiper-slide{display:flex;justify-content:center;align-items:center;}
.topic .swiper-slide img{height:100%;width:100vw;}
.topic .swiper-pagination{width:100%;bottom:4vw;}
.topic .swiper-pagination-bullet{width:2vw;height:0.3vw;border-radius:0.5vw;margin:0 0.2vw;background:#fff;opacity:1;}
.topic .swiper-pagination-bullet-active{background:#1da0dd;}
.sort{position:relative;top:-3vw;z-index:2;font-size:1.3vw;}
.sort:after{content:"";width:100%;left:0;top:3vw;right:0;bottom:0;background:#eff9fe;display:block;position:absolute;}
.sort ul{display:flex;position:relative;z-index:1;}
.sort li{position:relative;flex:1;font-weight:bold;overflow:hidden;transition:all 0.2s;margin-top:1.5vw;display:flex;align-items:center;box-shadow:0 0.5vw 1vw #e8edef;}
.sort li a{padding:2vw 0;background:#fff;width:100%;display:flex;align-items:center;justify-content:center;}
.sort li:after{content:"";position:absolute;right:0;top:0;width:3vw;height:100%;background:linear-gradient(to right,rgba(0,0,0,0),rgba(229,229,229,0.6));}
.sort li .icon{height:2.5vw;width:auto;fill:#1da0dd;margin-right:1vw;transition:all 0.3s}
.sort li span{display:block;position:absolute;right:-2.5vw;bottom:-1.5vw;}
.sort li span .icon{fill:#d5eaf3;height:5.5vw;width:auto;}
.sort li:hover{color:#fff;margin:0;box-shadow:none;}
.sort li:hover a,.sort li.hover a{background:#1da0dd;color:#fff;height:100%;}
.sort li:hover .icon{fill:#fff;}
.sort li:hover:after{background:linear-gradient(to right,rgba(0,0,0,0),rgba(29,160,221,0.6));}
.sort li:hover span .icon{height:6vw;width:auto;fill:rgba(255,255,255,0.4)}
.sort a:hover,.tabs a:hover,.specialTags a:hover,.infoMore a:hover,.specialMore a:hover{text-decoration:none;}

.numBg{background:url(bg01.png) no-repeat bottom center,linear-gradient(to top,#e9f5fa,#fff 50%);background-size:100% auto;padding-bottom:8vw;}

.numShow{background:#fff;box-shadow:0 0 1vw #e9e8e8;display:flex;align-items:center;justify-content:space-between;font-size:0.9vw;}
.numShow li{flex:1;display:flex;align-items:center;justify-content:center;padding:2vw 0;}
.numShow li b{display:block;font-size:1.4vw;}
.numShow li img{margin-right:1vw;width:auto;height:2.8vw;}

.ht01{position:relative;text-align:center;font-size:1vw;}
.ht01 b{display:block;font-size:2.4vw;padding-bottom:0.6vw;}
.ht01 .amore{display:block;color:#1da0dd;position:absolute;right:0;top:45%;}

.products{display:flex;justify-content:space-between;background:#fff;border:1px solid #bcdeea;align-items:center;font-size:1vw;position:relative;overflow:hidden;}
.products:hover{box-shadow:0 0.5vw 0.5vw #bcdeea;}
.products img{max-height:10vw;width:auto;max-width:10vw;margin:0 2vw;}
.products dl{flex:1;border-left:1px solid #bcdeea;padding:2vw 4vw;display:flex;align-items:center;}
.products dl dd{flex:1;}
.products h6{font-size:1.4vw;font-weight:bold;display:flex;align-items:center;padding-bottom:2vw;}
.products h6 span{color:#1da0dd;font-weight:normal;border:1px solid #1da0dd;font-size:0.9vw;margin-left:1vw;padding:0.2vw 1vw;display:inline-block;}
.products p{display:flex;justify-content:space-between;align-items:center;font-size:1.8vw;}
.products p.productMess{padding-top:2vw;font-size:0.95vw;justify-content:flex-start;}
.products p i{font-size:0.9vw;font-style:normal;color:#999;display:block;}
.products p.productMess i{color:#1da0dd;}
.products dt{padding-left:4vw;}
.products button{border:none;background:#1da0dd;color:#fff;line-height:3vw;padding:0 5vw;border-radius:0.3vw;}
.products .productsHot{position:absolute;color:#fff;font-size:0.9vw;height:2.5vw;width:3vw;display:flex;align-items:center;justify-content:center;right:0;top:0;}
.products .productsHot b{position:relative;z-index:1;}
.products .productsHot:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(to right,#f2761b 30%,#ea480d);left:-1vw;top:-5vw;position:absolute;transform: rotate(45deg);padding:3vw;}


.tabs{display:flex;justify-content:center;font-size:1.2vw;}
.tabs li{margin:0 0.5vw;border:1px solid #1da0dd;padding:0.8vw 2.4vw;color:#1da0dd;}
.tabs li.active{background:#1da0dd;color:#fff;}
.tabs a{color:#1da0dd;}
.tabs li.active a{color:#fff;}
.policyBox{height:28vw;overflow:hidden;}
.policyBox .swiper-slide{position:relative;overflow:hidden;height:28vw;line-height:1.6vw;}
.policyBox .swiper-slide img,.partners li img,.specialSwiperBox .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.policySlide .swiper-slide p{position:absolute;left:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));color:#fff;padding:1vw 1vw 0 1vw;width:100%;box-sizing:border-box;font-size:0.9vw;}
.policySlide .swiper-slide p b{display:block;font-size:1vw;font-weight:normal;padding-bottom:1vw;}
.policySlide .swiper-slide p span{display:none}
.policySlide .swiper-slide:hover p{background:#fff;color:#333;padding:1vw;}
.policySlide .swiper-slide:hover p b{padding-bottom:0.7vw;}
.policySlide .swiper-slide:hover p span{display:block;color:#999;}

.policyBg{background:url(bg_0217add.jpg) no-repeat left bottom;background-size:100% auto;padding:5vw 0 3vw 0;}
.policyDl{display:flex;justify-content:space-between;}
.policyDl dd{background:rgba(237,250,255,.8);padding:2vw;width:50%;box-sizing:border-box;}
.policyDl dd:last-child{background:rgba(226,243,252,.8);}
.policyTags{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2f2f9;font-size:1.1vw;}
.policyTags ul{display:flex;}
.policyTags ul li{display:flex;align-items:center;margin-right:2vw;color:#1da0dd;padding-bottom:0.5vw;cursor:pointer;border-bottom:0.2vw solid transparent;}
.policyTags ul li .icon{height:2vw;width:auto;margin-right:0.5vw;fill:#1da0dd;}
.policyTags ul li.active{font-weight:bold;border-bottom-color:#1da0dd;}
.policyTags a{color:#1da0dd;}
.policyTags a:hover,.policyContentImgList a:hover{text-decoration:none;}
.policyContentList,.policyContentImgList{font-size:0.9vw;color:#999;}
.policyContentList li{padding-top:1.5vw;}
.policyContentList li:first-child{padding-top:2vw;}
.policyContentList li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1vw;padding-bottom:0.5vw;}
.policyContentList span{display:inline-block;margin-right:1vw;}

.policyContentImgList li{display:flex;margin-top:0.7vw;}
.policyContentImgList li:first-child{margin-top:1vw;}
.policyContentImgList li a{width:100%;display:flex;align-items:center;}
.policyContentImgList li img{width:10vw;height:auto;margin-right:1vw;}
.policyContentImgList li p{flex:1;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.policyContentImgList li p b{display:block;color:#333;font-size:1vw;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:0.5vw;}
.policyContentImgList li p span{display:block;padding-top:0.5vw;}


.mapBg{background:url(bg02.jpg) #edf7fb no-repeat right bottom;background-size:38vw 100%;padding:4vw 0;}
.mapContent{height:46vw;position:relative;padding-left:56vw;box-sizing:border-box;}
#map-wrap{position:absolute;top:-4vw;left:0;width:60%;height:50vw;}
.sumNum dt{padding-bottom:2vw;}
.sumNum dt b{font-size:1.5vw;display:inline-block;padding-bottom:1vw;border-bottom:2px solid #1da0dd;color:#1da0dd;}
.sumNum dd{padding-bottom:2vw;font-size:1.1vw;}
.sumNum dd b{display:inline-block;margin-left:5vw;}
.sumNum p{display:flex;align-items:center;background:#1da0dd;color:#fff;padding:0.8vw;}
.sumNum p span{border-left:1px solid #fff;flex:1;text-align:center;font-size:0.95vw;}
.sumNum p span:first-child{border:none;}
.sumNum p span b{display:block;font-size:1.4vw;    padding-bottom:0.8vw;margin:0;}

.swithBox{display:flex;justify-content:space-between;}
.swithBox li{width:48%;}
.ht02{display:flex;align-items:center;justify-content:space-between;font-size:0.9vw;}
.ht02 b{display:inline-block;font-size:1.4vw;border-bottom:1px solid #1da0dd;padding-bottom:1vw;}
.verticalSwiper{overflow:hidden;font-size:1vw;}
.verticalSwiper .swiper-container{height:22vw;padding-bottom:0.5vw}
.verticalSwiper .swiper-slide{border:1px solid #d4eaf1;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 2vw;}
.verticalSwiper .swiper-slide:hover{box-shadow:0 0.2vw 0.3vw #e1eff6;}
.verticalSwiper .swiper-slide span{white-space:nowrap;}
.verticalSwiper .swiper-slide span:first-child{max-width:70%;overflow:hidden;text-overflow:ellipsis;}

.specialBg{background:url(bg03.png) #fff no-repeat left bottom;background-size:30vw auto;padding:5vw 0 0 30vw;position:relative;}
.specialHt{background:#1da0dd;color:#fff;position:absolute;left:50%;top:0;margin-left:-40vw;width:26vw;height:10vw;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;font-size:1vw;}
.specialHt:after{content:"";display:block;position:absolute;border:1px solid #fff;top:10%;left:5%;width:90%;height:78%;}
.specialHt b{font-size:1.8vw;padding-bottom:0.3vw;}

.specialSwiperBox,.specialSwiperBox .swiper-slide{height:38vw;overflow:hidden;}
.specialSwiperBox .swiper-slide{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}
.specialSwiperBox .swiper-slide p{position:absolute;color:#fff;font-size:1.4vw;width:100%;left:0;bottom:0;padding:0 4vw 3vw 4vw;}
.specialSwiperBox .swiper-slide p b{display:block;padding-bottom:0.6vw;}
.specialSwiperBox .swiper-button-next{background-color:#1da0dd;width:2vw;height:2vw;border-radius:2vw;background-size:1vw 1vw;right:50vw;margin-right:-36vw;top:auto;bottom:3vw;opacity:1 !important;z-index:3;}
.specialTags{position:absolute;width:30vw;left:50%;top:12vw;margin-left:-40vw;color:#1da0dd;font-size:1.2vw;}
.specialTags a{color:#1da0dd;}
.specialTags li{padding:1.2vw 0;display:flex;align-items:center;}
.specialTags li.active{font-size:1.4vw;font-weight:bold;}
.specialTags li.active:after{content:"";display:block;width:100%;height:1px;background:#1da0dd;flex:1;margin-left:1vw;}
.specialMore{position:absolute;left:50%;bottom:2vw;margin-left:-40vw;color:#1da0dd;font-size:1.2vw;}
.specialMore a{color:#1da0dd;}

.infoBg{background:url(bg04.png) #fff no-repeat bottom center;padding:11vw 0 8vw 0;}
.info{font-size:1vw;line-height:2.4vw;width:40vw;}
.info h6{font-size:2.4vw;font-weight:bold;padding-bottom:35px;}
.infoMore a{display:flex;align-items:center;color:#1da0dd}
.infoMore .icon{fill:#1da0dd;width:auto;height:1.6vw;margin-right:1vw;}
.partnersBg{background:url(bg05.jpg) no-repeat left top;background-size:100% 100%;padding:100px 0 140px 0;}
.partnersBg .ht01{color:#fff;}
.partners{display:flex;flex-wrap:wrap;margin:0 0 0 -1.6%;}
.partners li{width:15.06%;margin:1.6% 0 0  1.6%;overflow:hidden;}

.footer{background:url(bg06.png) #fff no-repeat 50vw bottom;padding:3vw 0 4vw 0;font-size:0.95vw;line-height:2.2vw;background-size:auto 15vw;}
.footerImg img{width:18vw;height:auto;}
.footer dt{font-size:1vw;font-weight:bold;}
.footer dd{display:flex;flex-wrap:wrap;}
.footer dd a,.footer dd span{white-space:nowrap;width:33%;}
.footer dd span{width:40%;}
.footerInfo{font-size:0.9vw;}
.footer .newFooter{display:flex;justify-content:space-between;align-items:flex-start;}
.footer .newFooter li:nth-child(2){display:flex;padding-top:2vw;flex-flow:wrap;justify-content:flex-end;}
.footer .newFooter li:nth-child(2) p{background:#c1dfed;padding:0.5vw 0.5vw 0 0.5vw;margin:0 0 1vw 1vw;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;}
.footer .newFooter li:nth-child(2) p img{display:block;width:100%;height:auto;max-width:130px;max-height:130px;object-fit:cover;}




@media screen and (max-width:860px) {
.millia{width:96%;}
.sort li:after,.numShow li img,#map-wrap,.sort li span,.specialHt:after,.topic .swiper-pagination,.policyTags .icon{display:none;}

.numShow,.products h6 span,.products p i,.policySlide .swiper-slide p b,.sumNum p span,.policyTags a,.policyContentList,.policyContentImgList,.products .productsHot,.ht02{font-size:1.2rem;}
.numShow li b,.ht01,.products p,.products button,.tabs,.sumNum,.sumNum p span b,.verticalSwiper,.specialHt,.specialTags,.specialTags li.active,.specialSwiperBox .swiper-slide p,.info,.sumNum dd,.policyContentList li a,.policyContentImgList li p b,.products p.productMess{font-size:1.4rem;}
.sort,.products h6,.sumNum dt b,.ht02 b,.info h6,.policyTags ul li{font-size:1.6rem;}
.ht01 b,.specialHt b{font-size:2rem;}

.topic{height:33rem;}
.topic .swiper-slide img{height:33rem;width:auto;}
.sort{top:0;}
.sort ul{width:100%;flex-wrap:wrap;}
.sort li{margin:0;border-left:1px solid #eff9fe;border-bottom:1px solid #eff9fe;width:50%;flex:auto;box-sizing:border-box;}
.sort li:first-child{border-left:none;}
.sort li a{padding:2rem 0;}
.sort li .icon{height:2.6rem;margin-right:0.5rem;}

.numBg{padding-bottom:5rem;}

.numShow{flex-wrap:wrap;margin-top:1rem;color:#666;}
.numShow li{width:50%;flex:auto;padding:1rem 0;box-sizing:border-box;text-align:center;}
.numShow li:nth-child(odd){border-top:1px solid #f0f0f0;}
.numShow li:nth-child(even){border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;}
.numShow li:nth-child(1),.numShow li:nth-child(2){border-top:none;}
.numShow li b{color:#333;}

.ht01 b{padding-bottom:0.5rem;}

.products{flex-direction:column;}
.products img{margin:1rem 0;max-height:8rem;
}
.products dl{border:none;border-top:1px solid #bcdeea;flex-direction:column;padding:0;width:100%;}
.products dd{padding:2rem 1rem;width:100%;box-sizing:border-box;}
.products h6{padding-bottom:2rem;white-space:nowrap;}
.products h6 span{margin-left:1rem;padding:0.2rem 0.5rem;}
.products dt{padding:0 0 2rem 0;}
.products button{padding:0 2rem;line-height:3.2rem;}
.products p.productMess{padding-top:1rem;}
.products .productsHot{width:4rem;height:3rem;}
.products .productsHot:after{padding:3rem;top:-4.5rem;left:-0.5rem;}

.tabs li{width:25%;padding:0.6rem 0;box-sizing:border-box;margin:0 0.1rem;text-align:center;}
.policyBox,.policyBox .swiper-slide{height:22rem;}
.policySlide .swiper-slide p{padding:1rem;}
.policySlide .swiper-slide p b{line-height:1.6rem;padding:0;}

.policyDl{flex-flow:column wrap;}
.policyDl dd{width:100%;padding:1rem 1rem 2rem 1rem;}
.policyTags ul li{margin-right:2rem;padding-bottom:0.5rem;}
.policyContentList li{padding-top:1.5rem;}
.policyContentList li:first-child{padding-top:2rem;}
.policyContentList li a{padding-bottom:0.5rem;white-space:wrap;}
.policyContentList span{display:block;}
.policyContentImgList li{margin-top:1rem;}
.policyContentImgList li:first-child{margin-top:1.5rem;}
.policyContentImgList li img{width:30%;margin-right:1rem;}


.mapBg{padding:3rem 0;background-image:none;}
.mapContent{height:auto;padding:0;}
.sumNum dt b,.sumNum dd{padding-bottom:1rem;}
.sumNum dt{padding-bottom:2rem;}
.sumNum p span b{padding-bottom:0.5rem;}

.swithBox{flex-wrap:wrap;}
.swithBox li{width:100%;margin-bottom:2rem;}
.ht02 b{padding-bottom:0.5rem;}
.verticalSwiper,.verticalSwiper .swiper-container{height:21rem;}
.verticalSwiper .swiper-slide{padding:0 1rem;}

.specialBg{padding:0;}
.specialHt{position:relative;margin:0;width:90%;left:5%;top:0;height:auto;background:none;text-shadow:0 0 0.6rem #1da0dd;}
.specialHt b{padding-bottom:0;}
.specialTags{position:static;width:100%;margin:0;display:flex;}
.specialTags li{flex:1;padding:0;flex-direction:column;}
.specialSwiperBox,.specialSwiperBox .swiper-slide{height:auto;min-height:auto;}
.specialSwiperBox .swiper-slide p{padding:1rem;background:rgba(0,0,0,0.5)}
.specialSwiperBox .swiper-slide img{width:100%;height:auto;}

.infoBg{padding:4rem 0 7rem 0;background-size:100% auto;}
.info{line-height:2.4rem;}
.info h6{padding-bottom:1rem;}
.infoMore .icon{margin-right:0.5rem;height:2rem;}

.partnersBg{padding:2rem 0;background-size:auto 100%;}
.partners li{width:31.7%;}

.footer{font-size:1.2rem;line-height:2.6rem;padding:4rem 0 12rem 0;background-size:100% auto;}
.footerImg img{width:60%;}
.footer dt{font-size:1.4rem;}
.footer dd span{width:100%;}
.footerInfo{font-size:1.2rem;line-height:2.2rem;}
.footer .newFooter{flex-flow:column wrap;margin-top:2rem;}
.footer .newFooter li:nth-child(2){padding-top:2rem;flex-flow:wrap;}
.footer .newFooter li:nth-child(2) p{width:32%;box-sizing:border-box;margin-top:1rem;}
.footer .newFooter li:nth-child(2) p img{display:block;}

}