@charset "utf-8";
/* 
|----------------------
|   footer
|----------------------
*/
.chl-footer-product-bg{padding: 50px 0; background-color: rgb(245, 245, 247);}

.chl-footer-product-lists{justify-content: space-between; overflow: hidden;}

.chl-footer-product-item{margin-left: -25px;}

.chl-footer-product-nav{ padding-left: 25px; margin-bottom: 45px;}
.chl-footer-product-nav h3{ margin-bottom: 20px; font-size: 20px; color: #333;}
.chl-footer-product-nav ul li{margin-top: 15px;}
.chl-footer-product-nav ul li a{font-size: 18px; color: #666;}


.chl-footer-nav-bg{ background-color: rgb(245, 245, 247); }
.chl-footer-nav-lists{padding: 50px 0; justify-content: space-between;border-top: 1px solid rgba(0, 0, 0,.1);}

.chl-footer-service h3{ margin-bottom: 20px; font-size: 20px; color: #333;}
.chl-footer-service-tel a{font-size: 36px;}
.chl-footer-service-tel p{ margin-top: 15px; font-size: 18px; color: #666;}

@media (max-width:1400px) {
	.chl-footer-product-nav h3{ font-size: 18px;}
	.chl-footer-product-nav ul li{margin-top: 15px;}
	.chl-footer-product-nav ul li a{font-size: 16px;}
}


@media (max-width:1200px) {
	/* .chl-footer-product-nav ul li{margin-top: 10px;} */
	.chl-footer-product-nav ul li a{font-size: 14px;}
}

@media (max-width:960px) {
	.chl-footer-product-lists .chl-footer-product-item{width: 33.33%;}
	
	.chl-footer-nav-lists .chl-footer-product-item:last-child{display: block; margin-left: 0; width: 100%;}
	
	.chl-footer-service h3{ margin-bottom: 20px; font-size: 16px; }
	.chl-footer-service-tel a{font-size: 24px;}
	.chl-footer-service-tel p{ margin-top: 10px; font-size: 16px; }
}

@media (max-width:640px) {
	.chl-footer-product-lists .chl-footer-product-item,
	.chl-footer-nav-lists .chl-footer-product-item{width: 50%;}
	
	.chl-footer-nav-lists{padding: 0 0 50px; border-top:none;}
	
	.chl-footer-service h3{ margin-bottom: 20px; }
}

@media (max-width:480px) {
	.chl-footer-product-lists .chl-footer-product-item,
	.chl-footer-nav-lists .chl-footer-product-item{width: 100%; margin-left: 0;}
	
	.chl-footer-product-nav{ position: relative; padding-left: 0; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
	.chl-footer-product-nav::before{position: absolute; top: 2px; right: 6px; content: '';width: 8px;height: 8px;border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(135deg);}
	.chl-footer-product-nav h3{margin-bottom: 15px; font-size: 16px;}
	.chl-footer-product-nav ul{ padding-bottom: 10px; display: none;}
	.chl-footer-product-nav-active ul{display: block;}
}


.dark-footer-bg{background-color: #1B1B1B!important;}
.dark-footer-bg .chl-footer-product-nav h3 a,

.dark-footer-bg .chl-footer-service h3,
.dark-footer-bg .chl-footer-service-tel a,
.dark-footer-bg .chl-footer-service-tel p{ color: #fff;}
.dark-footer-bg .chl-footer-product-nav ul li a{color: #C8C8C8;}
.dark-footer-bg .copyright-link{ border-bottom-color:#313131; }

@media (max-width:480px) {
	.dark-footer-bg .chl-footer-product-nav {border-color: #444;}
}

/* 
|----------------------
|   copyright
|----------------------
*/
.copyright-bg{ background-color: rgb(245, 245, 247);}

.copyright-link{ padding: 20px 0; border-bottom:1px solid rgba(0,0,0,.1); color: #999;}
.copyright-link a{color: #999;}

.copyright{ display: flex; justify-content: space-between; padding: 20px 0; color: #999;}
.copyright p{margin-right: 10px;}
.copyright a{color: #999;}
.copyright a:hover{color: #333;}

@media (max-width:768px) {
	.copyright{ line-height: 1.6;}
}

@media (max-width:640px) {
    .copyright{display:block;}
    .copyright p{ width:100%; text-align:center;}
	.copyright p span{display:block; text-align:center;}
	.copyright p b{display:none ;}
	.commaLink{margin: 0 auto; justify-content: center;}
}
/* 
|----------------------
|   comma sign
|----------------------
*/
.commaLink { display: flex; align-items: center; font-size: 12px; line-height: 14px; color:#C1C1C1;}
.commaLink span { padding-right: 5px;}
.commaLink svg { width: 14px;}
.commaLink svg circle {fill: none;}
.commaLink svg path {fill: #C1C1C1 ;}

.commaLink:hover span{ color:#ccc;}
.commaLink:hover svg circle{fill: #E40010;}
.commaLink:hover svg path {fill: #ccc ;}