@font-face { 
    font-family: 'DDIN';
    src: url('../font/D-DIN.ttf');
}
@font-face { 
    font-family: 'DDINCondensed';
    src: url('../font/D-DINCondensed.ttf');
} 
@font-face { 
    font-family: 'MiSansBold';
    src: url('../font/MiSans-Bold.ttf');
} 
@font-face { 
    font-family: 'MiSans';
    src: url('../font/MiSans-Regular.ttf');
} 
@font-face { 
    font-family: 'Hanson';
    src: url('../font/Hanson.ttf');
} 


*{ margin: 0; padding: 0; }
body{background-color: #F7F8FA; margin: 0; padding: 0; font-family: MiSans!important; }
a, a:hover, a:link, a:visited, a:active{text-decoration: none; }
p, h1, h2, h3, h4, h5, h6{ margin: 0; }
ul{list-style: none; }

.clear-both::after{content: ""; display: table; clear: both; }
.header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
.nav>li>a:focus, .nav>li>a:hover{ background: transparent; }

/* 手机端 */
.phone-nav{ width: 100%; height: 80px; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 9999; }
.phone-nav .phone-logo{ text-align: center; }
.phone-nav .phone-logo img{ height: 40px; }
.phone-nav ul{ font-size: 0; padding-bottom: 10px; margin-bottom: 0; overflow: auto; white-space: nowrap; text-align: center; }
.phone-nav ul li{ display: inline-block; padding: 5px 10px; }
.phone-nav ul li a{ color: #212121; font-size: 16px; padding-bottom: 4px; border-bottom: 2px solid transparent; }
.phone-nav ul li a.active{ color: #009782; border-color: #009782; }

/* 导航样式 */
.header{ background-color: #fff; box-shadow: 0 0.0625em 0.3125em rgb(0 0 0 / 15%); }
.header .nav-container{ height: 64px; margin: 0 auto; box-sizing: border-box; position: relative; }
.header .nav-container .logo{ height: 100%; box-sizing: border-box; position: absolute; left: 15px; top: 0; }
.header .nav-container .logo>img{height: 100%; }
.header .nav-container .nav{height: 100%; text-align: center; position: relative; list-style: none; margin: 0; font-size: 0; }
.header .nav-container .nav>li{ position: relative; display: inline-block; padding: 0 10px; margin: 0 10px; text-align: center; height: 100%; }
.header .nav-container .nav>li>a{ margin-top: 17px; font-family: MiSans; display: inline-block; position: relative; font-size: 16px; color: #212121; padding: 4px 8px; }
.header .nav-container .nav>li>a span{display: inline-block; position: relative; font-size: 16px; position: relative; }
.header .nav-container .nav>li>a span:after{ content: ""; position: absolute; bottom: -9px; height: 3px; background-color: transparent; width: 100%; left:0; }
.header .nav-container .nav>li:hover >a{ color: #009782; background: rgba(0, 183, 153, 0.2); border-radius: 6px; font-family: MiSansBold!important; font-weight: bold; }
.header .nav-container .nav>li a.active span:after{ background-color: #009782; }
.header .nav-container .nav>li:hover .z-second-nav{ top: 100% }
.header .nav-container .nav>li:last-child{ margin-right: 0; }
.header .nav-container .nav>li:first-child{ margin-left: 0; }

.black-header{ background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.2) 100%); }
.header.black-header .nav-container .nav>li>a{ color: #fff; }

/* 二级导航 */
.z-second-nav{ position: absolute; width: 100%; background-color: #fff; left: 0; top: -1000%; padding: 0 10px; }
.z-second-nav a{ color: #696969; padding: 14px 8px; display: block; font-size: 16px; }
.z-second-nav a + a{ border-top: 1px solid #D2D2D2; cursor: pointer; }
.z-second-nav a:hover{ color: #212121; text-decoration: underline; }

/* 其他页面的banner */
.other-banner{ height: 476px; position: relative; margin-top: 64px; }
.other-banner img{ position: absolute; height: 100%; width: 100%; object-fit: cover; }
.other-banner .text{ width: 100%; position: absolute; top: 50%; left: 0; text-align: center; transform: translateY(-70%); }
.other-banner .text p{ text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); color: #fff; font-size: 60px; line-height: 1.5em; font-family: MiSansBold!important; }
.other-banner .text p.small{ font-family: MiSans!important; margin-top: 10px; font-size: 24px; font-weight: normal; }

/* 两行超出点点点 */
.text-ellipis-2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

/* 结束标志 */
.end{ color: #999999; font-size: 16px; margin: 28px 0 40px; }

/* 尾部 */
.copyright{ background: #212121; font-size: 14px; color: #FFFFFF; padding: 20px; } 
.footer-1{ background: #009782; padding: 28px 0 0; }
.footer-1 .footer-left{ position: relative; margin-bottom: 28px; }
.footer-1 .footer-left:after{ content: ""; position: absolute; width: 1px; height: 240px; background-color: rgba(255,255,255,0.5); right: 0; top: 32px;}
.footer-1 .footer-left .footer-left-bottom{ padding-left: 15px; }
.footer-1 .footer-left .logo{ margin-bottom: 16px; }
.footer-1 .footer-left .logo img{ height: 64px; }
.footer-1 .footer-left h1{ color: #fff; font-size: 24px; margin-bottom: 16px; font-weight: bold; }
.footer-1 .footer-left .tell-list p{ color: #fff; font-size: 16px; margin-bottom: 12px; }
.footer-1 .footer-left .ewm{ margin-top: 24px; }
.footer-1 .footer-left .ewm .ewm-list { display: inline-block; position: relative; } 
.footer-1 .footer-left .ewm .ewm-list span{ cursor: pointer; display: inline-block; font-size: 24px; width: 36px; height: 36px; border-radius: 50%; text-align: center; line-height: 38px; background-color: #fff; color: #009782; }
.footer-1 .footer-left .ewm .ewm-list p{ display: none; left: 50%; transform: translateX(-50%); position: absolute; bottom: 100%; margin-bottom: 20px; padding: 10px; background-color: #fff; }
.footer-1 .footer-left .ewm .ewm-list p:after { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); content: ""; border-top: 10px solid #fff; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.footer-1 .footer-left .ewm .ewm-list p img{ width: 160px; height: 160px; }
.footer-1 .footer-left .ewm .ewm-list:hover p{ display: block; }

.footer-1 .footer-right{ margin-bottom: 28px; margin-top: 40px; }
.footer-1 .footer-right .list{ padding-left: 45px; }
.footer-1 .footer-right .list h1{ color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 24px; }
.footer-1 .footer-right .list a{ display: block; color: #fff; font-size: 16px; margin-bottom: 24px; }

.z-flex{ display: box;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.z-flex-1{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.z-flex-center{ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

/* 加载更多 */
.go-more{ text-align: center; margin: 0 0 24px; }
.go-more p{ display: inline-block; text-align: center; cursor: pointer; color: #fff; width: 150px; height: 54px; line-height: 52px;  border: 1px solid  #212121; border-radius: 30px; background-color: #212121; font-size: 0; }
.go-more i{ display: inline-block; font-size: 20px; vertical-align: middle; margin-right: 10px; }
.go-more span{ display: inline-block; vertical-align: middle; font-size: 16px; }

.go-top{ display: block; z-index: 2; position: fixed; right: 8%; width: 48px; height: 48px; border-radius: 50%; background-color: #fff; box-shadow: 0px 6px 10px 1px rgba(0, 0, 0, 0.10196078431372549); text-align: center; line-height: 48px; bottom: 50%; cursor: pointer; }
.go-top i { font-size: 20px; color: #009782; line-height: 50px; }
.go-top span{ font-size: 14px; color: #fff; display: none; }
.go-top:hover{ background-color: #009782; }
.go-top:hover span{ display: block; }
.go-top:hover i{ display: none; }

@media (min-width: 1260px){
	.container { width: 1230px; }
}

@media (max-width: 992px){
	.header .nav-container .nav{ padding-left: 150px; }
	.header .nav-container .nav li{ margin: 0 5px 0; }
	.header .nav-container .nav>li>a{ padding: 0 5px; }
	.footer-1 .footer-right .list{ padding-left: 15px; }
	.go-top{ right: 15px; }
}

@media (max-width: 768px){
	.other-banner{ height: 240px; }
	.other-banner .text p{ font-size: 24px; }
	.other-banner .text p.small{ font-size: 18px; }
	
	.wrapper{ padding-top: 80px; }
	.other-banner { margin-top: 0; }
	
	.footer-1 .footer-right .list{ padding-left: 30px; }
	.footer-1 .footer-left::after{ content: none; }
	.footer-1 .footer-right{ margin-top: 0; }
}




footer .copyright #cop>a:first-child{
	display: none;
}
footer>.copyright>span{
	margin-right: 5px;
}
.footer-1 .footer-left .ewm .ewm-list .icon-wechat{
	line-height: 38px;
}