<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
.nanoe-more{ margin-top: 50px;}
.nanoe-more-center{text-align: center;}
.nanoe-more-right{text-align: right;}
.nanoe-more a{ position: relative; display: inline-block; padding: 0 30px; line-height: 40px; font-size: 14px; text-align: center; color: #4E4E4E; border-radius: 60px; border: 1px solid #4E4E4E;}
.nanoe-more a span{position: relative;}
.nanoe-more a span i{position: absolute; top: 50%; right: -10px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateY(-50%);}
.nanoe-more-white a{background-color: #fff; color: #333; border: 1px solid #fff;}
.nanoe-more a:hover{background-color: #4E4E4E; color: #fff;}

@media (max-width:1440px) {
	.nanoe-more a{ ; line-height: 50px; font-size: 16px; white-space: nowrap; }
}

@media (max-width:768px) {
	.nanoe-more a{ line-height: 40px; font-size: 14px; }
}

@media (max-width:640px) {
	.nanoe-more{ margin-top: 15px;}
	.nanoe-more a{ line-height: 35px; font-size: 12px; }
	.nanoe-more a span i{position: absolute; top: 50%; right: -8px; margin-top: -2px; width: 8px; height: 8px;}
}

@media (max-width:480px) {
	.nanoe-more a{  line-height: 30px; font-size: 12px; }
}

.nanoe-container {max-width: 1920px;margin: 0 auto;width: 1230px;}

@media (max-width:1230px) {
	.nanoe-container {padding-left: 40px;padding-right: 40px; width: 100%;}
}

@media (max-width:1000px) {
	.nanoe-container {padding-left: 20px;padding-right: 20px;}
}

@media (max-width: 768px) {
	.nanoe-container {padding-left: 15px;padding-right: 15px;}
}
.padding {padding-top: 60px;padding-bottom: 60px;}
p{line-height: 1.6;}
/*  */
.nanoe-title{font-size: 32px;line-height: 45px; color: #333;}
.nanoe-title1{font-size: 28px;line-height: 40px; color: #333;}
.nanoe-subtitle{font-size: 22px; line-height: 31px; color: #333;}
.nanoe-subtitle1{font-size: 18px; line-height: 31px; color: #333;}
.nanoe-space{overflow: hidden;}
.nanoe-space-item{height: 16px;}

@media (max-width:768px) {
	.padding {padding-top: 40px;padding-bottom: 40px;}
	
	.nanoe-title{font-size: 28px;line-height: 40px;}
	.nanoe-title1{font-size: 24px;line-height: 35px;}
	.nanoe-subtitle{font-size: 20px; line-height: 28px;}
	.nanoe-subtitle1{font-size: 16px; line-height: 28px;}
}


@media (max-width:768px) {
	.padding {padding-top: 30px;padding-bottom: 30px;}
	.nanoe-title{font-size: 24px;line-height: 35px;}
	.nanoe-title1{font-size: 20px;line-height: 30px;}
	.nanoe-subtitle{font-size: 18px; line-height: 24px;}
	.nanoe-subtitle1{font-size: 14px; line-height: 24px;}
}


@media (max-width:640px) {
	.nanoe-title{font-size: 20px; }
	.nanoe-title1{font-size: 18px; }
	.nanoe-subtitle{font-size: 16px;  }
	.nanoe-subtitle1{font-size: 14px; }
}


.index-title{justify-content: space-between;}
.index-title img{max-width: 100%;}
.index-title&gt;div:nth-child(1){flex: 1;}
.index-title&gt;div:nth-child(2){width: 40%;}
.index-title&gt;div img{max-width: 100%;}

.index-title-center{justify-content: center; text-align: center;}
@media (max-width:768px) {
	.index-title img,
	.index-title&gt;div img{max-width: 90%;}
}

@media (max-width:640px) {
	.index-title{display: block;}
	.index-title img,
	.index-title&gt;div img{max-width: 70%;}
}


.naneo-jinhua-title{align-items: center; justify-content: space-between;}
.naneo-jinhua-title&gt;div:nth-child(1){width: 60%;}
.naneo-jinhua-title&gt;div:nth-child(1) p{line-height: 1.6; font-size: 20px;}
.naneo-jinhua-title&gt;div:nth-child(2){width: 250px;}


@media (max-width:860px) {
	.naneo-jinhua-title&gt;div:nth-child(1) p{line-height: 1.4; font-size: 16px;}
	.naneo-jinhua-title&gt;div:nth-child(2){width: 150px;}
}

@media (max-width:640px) {
	.naneo-jinhua-title{ display: block;}
	.naneo-jinhua-title&gt;div:nth-child(1){ margin-bottom: 25px; width: 100%;}
	.naneo-jinhua-title&gt;div:nth-child(2){width: 100px; margin: 0 auto;}
}


.nanoe-iframe {background-color: #666;}
.nanoe-iframe video{width: 100%; height: 692px;}

@media (max-width:1230px) {
	.nanoe-iframe video{ height: 600px;}
}

@media (max-width:1130px) {
	.nanoe-iframe video{ height: 500px;}
}

@media (max-width:768px) {
	.nanoe-iframe{margin-top: 30px;}
	.nanoe-iframe video{  height: 400px;}
}

@media (max-width:768px) {
	.nanoe-iframe video{ height: 300px;}
}

@media (max-width:640px) {
	.nanoe-iframe video{ height: 200px;}
}

/* banner */
.nanoe-banner img{width: 100%;}
/*  */
.index-nanoe-left{width: 31%;}
.index-nanoe-left img{max-width: 100%;}
.index-nanoe-right{flex: 1;}
.index-nanoe-right img{width: 100%;}

@media (max-width: 860px) {
	.index-nanoe{display: block;}
	.index-nanoe-left,
	.index-nanoe-right{width: 100%;}
	
	.index-nanoe-left { padding-bottom: 40px; text-align: center;}
	.index-nanoe-left img{max-width: 70%;}
}

/*  */
.index-nanoe-video{text-align: center;}
.index-nanoe-video video{ margin: 0 auto; width: 640px; height: 360px; background-color: #333;}




.index-nanoe-lists ul {margin-left: -20px;}
.index-nanoe-lists ul li{width: 33.33%; padding-left: 20px;}
.index-nanoe-lists ul li video{width: 100%; height: 220px; background-color: #333;}
.index-nanoe-lists div h3{text-align: center;}
.index-nanoe-lists div p{margin-top: 16px;}


@media (max-width:768px) {
	.index-nanoe-lists ul li{width: 100%;}
	.index-nanoe-video{padding-bottom: 0;}
	.index-nanoe-video video,
	.index-nanoe-lists ul li video{width: 100%; height: 320px; }
	.index-nanoe-lists ul li{padding-bottom: 50px;}
}

@media (max-width:640px) {
	.index-nanoe-video video,
	.index-nanoe-lists ul li video{width: 100%; height: 240px; }
}

/*  */
.index-techeno-left{width: 68%;}
.index-techeno-left img{max-width: 100%;}
.index-techeno-left p{margin-top: 18px; font-size: 20px; line-height: 1.6;}

.index-techeno-right{flex: 1; padding-left: 20px;}
.index-techeno-right img{max-width: 100%;}

@media (max-width: 768px) {
	.index-techeno-left p{margin-top: 18px; font-size: 18px;}
}

@media (max-width: 640px) {
	.index-techeno-left p{ font-size: 16px;}
}

@media (max-width: 480px) {
	.index-techeno{display: block;}
	.index-techeno-left{width: 100%;}
	.index-techeno-right{flex: 1; padding-left: 0; width: 100%; margin-top: 25px;}
}
/*  */


.index-techeno-run ul{margin-left: -20px;}
.index-techeno-run ul li{width: 33.33%; margin-top: 32px; padding-left: 20px;}
.index-techeno-run ul li img{width: 100%;}
.index-techeno-run ul li p{margin-top: 16px;}
@media (max-width: 640px) {
	.index-techeno-run ul li{width: 100%; }
}

/*  */
.index-techeno-res ul{margin-left: -20px;}
.index-techeno-res ul li{width: 25%; margin-top: 32px; padding-left: 20px;}
.index-techeno-res ul li:nth-child(1),
.index-techeno-res ul li:nth-child(2),
.index-techeno-res ul li:nth-child(3){width: 33.33%;}
.index-techeno-res ul li div{ border-radius: 16px; overflow: hidden;}
.index-techeno-res ul li img{width: 100%;}
.index-techeno-res ul li p{margin-top: 16px; text-align: center;}
.index-techeno-res ul li p span{display: block;}


@media (max-width: 640px) {
	.index-techeno-res ul li:nth-child(1),
	.index-techeno-res ul li:nth-child(2),
	.index-techeno-res ul li:nth-child(3){width: 50%;}
	.index-techeno-res ul li{width: 50%; margin-top: 22px; }
}

@media (max-width: 480px) {
	.index-techeno-res ul li:nth-child(1),
	.index-techeno-res ul li:nth-child(2),
	.index-techeno-res ul li:nth-child(3),
	.index-techeno-res ul li{width: 100%;}
}

/*  */
.index-poster{ display: block; overflow: hidden; margin: 0 -105px;}
.index-poster picture{width: 100%;}
.index-poster img{width: 100%;}
.index-poster p{margin: 0 auto; max-width: 1200px;}

@media (max-width:1600px) {
	.index-poster{ width: 100%; margin: 0; }
}


/*  */
.index-product-type ul{margin-left: -20px;}
.index-product-type ul li{width: 33.33%; margin-top: 32px; padding-left: 20px;}
.index-product-type ul li a{display: block; overflow: hidden;}
.index-product-type ul li img{width: 100%; transition: .3s;}
.index-product-type ul li p{margin-top: 16px;}

.index-product-type ul li a:hover img{transform: scale(1.1);}

@media (max-width:768px) {
	.index-product-type ul li{width: 100%; }
}
/*  */
.index-product-cates{margin-left: -40px;}
.index-product-cates&gt;div{width: 50%; padding-left: 40px;}

.index-product-item{margin-bottom: 35px;}

.index-product-title{border-bottom: 1px solid #ccc;}
.index-product-title h3{position: relative; padding-bottom: 15px; font-size: 24px;}
.index-product-title h3:before{position: absolute; bottom: -1px; left: 0; content: ''; width: 40px; height: 1px; background-color: #333;}


.index-product-lists ul{margin-left: -20px;}
.index-product-lists ul li{width: 25%; margin-top: 32px; padding-left: 20px;}
.index-product-lists ul li a{display: block;}
.index-product-lists ul li img{width: 100%;}
.index-product-lists ul li p{margin-top: 12px; text-align: center;}
@media (max-width:768px) {
	.index-product-cates{margin-left: 0;}
	.index-product-cates&gt;div{width: 100%; padding-left: 0;}
}

@media (max-width:480px) {
	.index-product-lists ul li{width: 33.33%;}
}

/*  */
.index-naneo-checked p{margin-top: 10px;}

/*  */
.index-naneo-shar{text-align: right;}
.index-naneo-shar img{width: 100%;}





.nanoe-about-product-bg{background-color: #f5f5f5;}
.nanoe-about-product-h3{ padding-bottom: 10px;}
.nanoe-about-product-h3 h3{font-size: 24px;}

.nanoe-about-product ul {margin-left: -20px;}
.nanoe-about-product ul li{ width: 25%; padding-left: 20px; margin-top: 20px;}
.nanoe-about-product ul li a{display: block; height: 100%; background-color: #fff; transition: .3s;}
.nanoe-about-product-pic{align-items: center; justify-content: center; height: 180px;}
.nanoe-about-product-pic img{max-width: 100%; height: 100%;}
.nanoe-about-product-title{ padding: 10px; text-align: center;}
.nanoe-about-product-title p{margin-top: 10px;}

.nanoe-about-product ul li a:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .1);}

@media (max-width:860px) {
	.nanoe-about-product ul li{width: 33.33%;}
}

@media (max-width:640px) {
	.nanoe-about-product ul li{width: 50%;}
}

@media (max-width:480px) {
	.nanoe-about-product ul li{width: 100%;}
}
	







.nanoe-banner-swiper {width: 100%;overflow: hidden;}
.nanoe-banner-swiper .swiper-slide{position: relative;}
.nanoe-banner-swiper .swiper-button-next,
.nanoe-banner-swiper .swiper-button-prev{ width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;outline: none; z-index: 3;}
.nanoe-banner-swiper .swiper-button-next::after,
.nanoe-banner-swiper .swiper-button-prev::after{font-size: 40px; color: #fff;}
.nanoe-banner-swiper .swiper-button-next{right: 50px;}
.nanoe-banner-swiper .swiper-button-prev{left: 50px;}
.nanoe-banner-swiper .swiper-button-next:hover,
.nanoe-banner-swiper .swiper-button-prev:hover{border-color: var(--default);}
.nanoe-banner-swiper .swiper-button-next:hover::after,
.nanoe-banner-swiper .swiper-button-prev:hover::after{color: var(--default);}
.nanoe-banner-fix{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; color: #fff;}
.nanoe-banner-content{max-width: 600px; color: #fff;}
.nanoe-banner-poster{ width: 100%; overflow: hidden;}   
.nanoe-banner-poster img{width: 100%;}
@media (max-width: 1500px) {
	.nanoe-banner-content{ margin: 0 auto;}
}


@media (max-width: 960px) {
	.nanoe-banner-swiper .swiper-button-next{right: 15px;}
	.nanoe-banner-swiper .swiper-button-prev{left: 15px;}
	
	.nanoe-banner-content{padding:0 30px;}
}

@media (max-width: 768px) {
	.nanoe-banner-swiper .swiper-button-next{right: 5px;}
	.nanoe-banner-swiper .swiper-button-prev{left: 5px;}
	
	.nanoe-banner-content{padding:0 50px;}
}

/* desc */
.desc-type-link ul{ justify-content: center;}
.desc-type-link ul li {margin: 0 15px;}
.desc-type-link ul li a{ display: inline-block; line-height: 48px; width: 148px; text-align: center; background-color: #484848; color: #fff; font-weight: bold; }
.desc-type-link ul li a:hover{background-color: grey;}

@media (max-width: 960px) {
	.desc-type-link ul li {margin: 0 5px;}
}

@media (max-width: 860px) {
	.desc-type-link ul li a{ width: 128px; font-size: 14px;}
}

@media (max-width: 768px) {
	.desc-type-link{padding-bottom: 0;}
	.desc-type-link ul li a{ margin-top: 10px;}
}

@media (max-width: 480px) {
	.desc-type-link ul li a{ width: 108px; line-height: 40px; font-size: 14px;}
}


.desc-char{justify-content: space-between;}
.desc-char-left{width: 75%;}
.desc-char-left img{width: 100%;}

.desc-char-right{width: 23%;}
.desc-char-right img{width: 100%;}
.desc-char-right h3{margin-top: 32px;}
.desc-char-right p{margin-top: 10px;}

@media (max-width: 768px) {
	.desc-char-left{width: 100%;}
	.desc-char-right{width: 100%; padding: 15px;}
	.desc-char-right img{width: 40%;}
}


/*  */
.desc-res-content{margin-top: 50px;}
@media (max-width: 768px) {
	.desc-res-content{margin-top: 0;}
}

/*  */
.auth-point-list ul{margin-left: -20px;}
.auth-point-list ul li{width: 33.33%; padding-left: 20px;}
.auth-point-list ul li img{width: 100%;}
.auth-point-list ul li p{margin-top: 10px; font-size: 18px; font-weight: bold; text-align: center;}

@media (max-width: 768px) {
	.auth-point-list ul{margin-left: -5px;}
	.auth-point-list ul li{ padding-left: 5px;}
	.auth-point-list ul li p{font-size: 16px; font-weight: normal;}
}

/*  */
.auth-checked-list ul{margin-left: -20px;}
.auth-checked-list ul li{width: 25%; margin-top: 32px; padding-left: 20px;}
.auth-checked-list ul li img{width: 100%;}
.auth-checked-list ul li p{margin-top: 10px; font-size: 16px; text-align: center;}

@media (max-width: 768px) {
	.auth-checked-list ul li{width: 50%; margin-top: 15px; }
	.auth-checked-list ul li p{ margin-top: 5px; font-size: 14px; }
}
/*  */
.auth-checked-item{margin-top: 60px;}

.nanoe-table-regular table{width: 100%;}
.nanoe-table-regular th{background-color: #EFEFEF;}
.nanoe-table-regular th, 
.nanoe-table-regular td{padding: 10px; border: 1px solid #C1C1C1;color: #1f1f1f;}

.nanoe-table-regular td a{color: #0898C7;}
.nanoe-table-regular td img{width: 100%;}

.nanoe-table-regular .w10{width: 10%;}
.nanoe-table-regular .w12{width: 12%;}
.nanoe-table-regular .w14{width: 14%;}
.nanoe-table-regular .w16{width: 16%;}
.nanoe-table-regular .w18{width: 18%;}
.nanoe-table-regular .w20{width: 20%;}
.nanoe-table-regular .w22{width: 22%;}
.nanoe-table-regular .w24{width: 24%;}
.nanoe-table-regular .w26{width: 26%;}
.nanoe-table-regular .w28{width: 28%;}
.nanoe-table-regular .w30{width: 30%;}
.nanoe-table-regular .w32{width: 32%;}
.nanoe-table-regular .w34{width: 34%;}
.nanoe-table-regular .w35{width: 35%;}

@media (max-width: 768px) {
	.nanoe-table-regular{overflow: auto;}
	.nanoe-table-regular table{width: 800px;}
}

@media (max-width: 640px) {
	.nanoe-table-regular table{width: 700px;}
}

@media (max-width: 480px) {
	.nanoe-table-regular table{width: 600px;}
}


.auth-checked-notice{ margin-top: 32px; padding: 32px 0 0; border-top: 1px solid #ccc; }
.auth-checked-notice p{font-size: 12px;}

.nanoe-from{ margin-top: 32px; justify-content: space-between; align-items: center;}
.nanoe-from-left{width: 60%;}
.nanoe-from-right{width: 35%;}
.nanoe-from-right img{width: 100%;}
@media (max-width: 768px) {
	.nanoe-from-left{width: 100%;}
	.nanoe-from-right{ margin-top: 25px; width: 100%;}
}
/*  */
.naneo-history-year{}
.naneo-history-year h3{ padding: 15px 0 5px; margin-bottom: 15px; font-size: 32px; color: #0898C7; font-weight: bold; border-bottom: 2px solid  #0898C7;}
.naneo-history-year ul {justify-content: space-between;}
.naneo-history-year ul li{width: 48%;}
.naneo-history-year ul li img{width: 100%;}
.naneo-history-year p{margin-bottom: 8px;}
@media (max-width: 640px) {
	.naneo-history-year ul li{width: 100%;}
	.naneo-history-year ul li img{width: 100%;}
}
/*  */
.product-char{justify-content: space-between; align-items: center;}
.product-char-left{width: 48%;}
.product-char-left img{width: 100%;}

.product-char-right{width: 48%;}
.product-char-right img{width: 100%;}
.product-char-right h3{margin-top: 32px;}
.product-char-right p{margin-top: 10px;}

@media (max-width: 768px) {
	.product-char-left,
	
	.product-char-right{width: 100%;}
	
}


.product-char-lists ul{justify-content: space-between;}
.product-char-lists ul li{width: 48%;}
.product-char-lists ul li img{width: 100%;}
.product-char-lists ul li p{margin-top: 16px; text-align: center; color: #fff;}

@media (max-width:860px) {
	.product-char-lists{ margin-top: 25px;}
}


.product-char-w4 ul li{width: 23%;}

.product-char-white h3,
.product-char-white p{color: #fff;}

@media (max-width: 768px) {
	.product-char-w4 ul{margin-left: -15px;}
	.product-char-w4 ul li{width: 50%; padding-left: 15px; margin-bottom: 15px;}
}


.product-faq-ilsts ul li{ margin-top: 55px; align-items: center;}
.product-faq-ilsts ul li p{margin-top: 15px; line-height: 1.6;}

.product-faq-item{flex: 1; padding-right: 50px;}
.product-faq-item span{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; background-color: #333; color: #FFF;}
.product-faq-ilsts img{width: 340px;}

@media (max-width:860px) {
	.product-faq-ilsts img{width: 240px;}
}

@media (max-width:768px) {
	.product-faq-ilsts img{width: 200px;}
}


@media (max-width: 640px) {
	.product-faq-ilsts ul li{ display: block;}
	.product-faq-item{ display: block; width: 100%; padding-right: 0;}
	.product-faq-ilsts img{ margin-top: 30px; width: 100%;}
}


.nanoe-app-case{border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.nanoe-app-case ul{margin-left: -35px;}
.nanoe-app-case ul li{width: 33.33%; margin-top: 35px; padding-left: 35px;}
.nanoe-app-case ul li h3{position: relative; padding-left: 18px; margin-bottom: 10px; font-size: 18px; line-height: 1.6; font-weight: bold;}
.nanoe-app-case ul li h3:before{position: absolute; top: 12px; left: 0; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #999;}
.nanoe-app-case ul li h3 img{ margin: 5px 0; display: block; height: 24px;}
.nanoe-app-case ul li p{ padding-left: 18px;}

.nanoe-app-case-pic{ margin-bottom: 15px; display: flex; align-items: center; justify-content: center; padding: 45px; height: 150px; border: 1px solid #eee;}
.nanoe-app-case-pic img{max-width: 100%; max-height: 100%;}

@media (max-width: 768px) {
	.nanoe-app-case ul li{width: 50%; margin-top: 35px; padding-left: 35px;}
	.nanoe-app-case ul li h3{ font-size: 16x; font-weight: normal;}
}
@media (max-width: 480px) {
	.nanoe-app-case ul{margin-left: -15px;}
	.nanoe-app-case ul li{ margin-top: 15px; padding-left: 15px;}
	.nanoe-app-case-pic{ margin-bottom: 15px; padding: 25px; height: 120px; }
}
/*  */
.app-personal-desc{align-items: center;}
.app-personal-desc img{max-width: 100%;}
.app-personal-desc p{ margin-left: 160px; line-height: 1.6;}
@media (max-width: 1000px) {
	.app-personal-desc p{ margin-left: 100px;}
}

@media (max-width: 960px) {
	.app-personal-desc img{max-width: 250px;}
}

@media (max-width:768px) {
	.app-personal-desc img{  max-width: 200px;}
	.app-personal-desc p{ margin-left: 70px; font-size: 16px;}
}
@media (max-width:640px) {
	.app-personal-desc{display: block; text-align: center;}
	.app-personal-desc img{  max-width: 150px;}
	.app-personal-desc p{ margin-top: 25px; margin-left: 0; line-height: 1.6;}
}

.app-personal-oneday-head{width: 25%; color: #5080C1;}
.app-personal-oneday-title h3{ position: relative; padding: 15px 0; border-bottom: 1px solid #5080C1;}
.app-personal-oneday-title h3:before{position: absolute; bottom: -2px; left: 0; content: ''; width: 60px; height: 3px; background-color: #5080C1;}
.app-personal-oneday-title p{padding: 15px 0;}

.app-personal-oneday-pic{text-align: center;}

.app-personal-oneday-content{width: 40%; border: 1px solid #AEC8E5; overflow: hidden;}
.app-personal-oneday-content h3{padding: 15px; background-color: #AEC8E5;}
.app-personal-oneday-content div{padding: 15px 45px; height: 100%; padding-bottom: 60px; justify-content: center; flex-direction: column; align-items: center;}

.app-personal-oneday-poster{width: 35%; border: 1px solid #AEC8E5;}
.app-personal-oneday-poster h3{padding: 15px; background-color: #DEDEDE;}
.app-personal-oneday-poster div{ text-align: center;}
.app-personal-oneday-poster div img{width: 100%; max-width: 350px;}

@media (max-width: 1230px) {
	.app-personal-oneday-content h3,
	.app-personal-oneday-poster h3{font-size:18px;}
}

@media (max-width: 960px) {
	.app-personal-oneday-head{width: 100%; margin-bottom: 20px;}
	.app-personal-oneday-content{width: 55%;}
	.app-personal-oneday-poster{width: 45%; }
	.app-personal-oneday-content div{padding-bottom: 90px; }
}

@media (max-width: 640px) {
	.app-personal-oneday-content div{padding: 15px;padding-bottom: 90px; }
}

@media (max-width: 480px) {
	.app-personal-oneday-content{width: 100%;}
	.app-personal-oneday-poster{width: 100%; }
}

.ozone-water-lists ul {margin-left: -80px;}
.ozone-water-lists ul li{width: 25%; padding-left: 80px; text-align: center; color: #fff;}
.ozone-water-lists ul li&gt;p{font-size: 18px;}
.ozone-water-lists ul li p span{ color: #5080C1;}

.ozone-water-cl{ margin: 0 auto 25px; width: 200px; height: 200px; padding: 30px; border-radius: 50%; align-items: center; justify-content: center; flex-direction: column; text-align: center; background-color: #fff;}
.ozone-water-cl h3{font-size: 24px; color: #5080C1; font-weight: bold;}
.ozone-water-cl p{margin-top: 10px; line-height: 1.6; color: #666;}

@media (max-width:1230px) {
	.ozone-water-cl{width: 180px; height: 180px;}
}

@media (max-width:1130px) {
	.ozone-water-cl{width: 160px; height: 160px; padding: 20px;}
	.ozone-water-cl h3{font-size: 20px; width: 100%;}
	.ozone-water-cl p{width: 100%;}
}

@media (max-width:1000px) {
	 .ozone-water-lists ul {margin-left: -40px;}
	 .ozone-water-lists ul li{width: 50%; padding-left: 40px; margin-bottom: 25px;}
	 .ozone-water-cl{width: 100%; border-radius: 0;}
}


@media (max-width:768px) {
	 .ozone-water-lists ul {margin-left: -15px;}
	 .ozone-water-lists ul li{width: 50%; padding-left: 15px; margin-bottom: 15px;}
	 .ozone-water-cl{width: 100%; border-radius: 0; padding: 15px; height: 120px; margin-bottom: 10px;}
}


@media (max-width:480px) {
	 .ozone-water-lists ul li{width: 100%; }
	 .ozone-water-cl{width: 100%; border-radius: 0; padding: 15px; height: 120px; margin-bottom: 10px;}
}
</pre></body></html>