@charset "utf-8";


.index{ clear: both; overflow: hidden;}
.index_1{float: left; background: #0b2f5b; line-height: 40px; overflow: hidden; padding: 0 10px;font-weight: bold;}
.index_1 a{ 
	background: url("../img/index_news.png") no-repeat right center; 
	display: block; 
	padding: 0 30px 0 5px; 
	color: #fff;
	font-size: 16px; 
	text-transform: uppercase;
}
.index_2{ overflow: hidden; background: #f2f2f2; height: 40px; line-height: 40px;font-size: 14px;}
.index_2 ul.bd li{ padding: 0 15px; height: 40px; overflow: hidden;}
.index_2 ul.bd li span{ color: #787878; padding: 0 10px 0 5px; display: inline-block;}

.index1 li{
	float: left;
	width:239px; 
	height:230px; 
	margin-right:18px; 
	display: inline-block; 
	overflow: hidden; 
	padding: 30px 22px 20px 23px;
}
.index1 li.index1_bg1{ }
.index1 li.index1_bg2{ }
.index1 li.index1_bg3{ }
.index1 li.index1_bg4{  margin-right: 0;}
.index1 li em{ display: block; clear: both; overflow:hidden;width: 239px; height:130px; margin-bottom: 15px;}
.index1 li em img{ width: 100%;}
.index1 li p{ text-align: right; clear: both; overflow: hidden; height:28px; margin-top: 210px;}
.index1 li p img{ height:100%;display: block;padding-left: 75px;}



footer {
    background-color: #005149;
     padding:  0;
     margin:0;
     width: 100vw;
}

footer .footer-contact {
    padding: 38px 0 12px 0;
}

footer .footer-list {
    display: flex;
    justify-content: center;
    padding-bottom: 28px;
}

footer .footer-list .footer-list-icon {
    position: relative;
    display: inline-block;
    padding: 0 40px;
}

footer .footer-list .footer-list-icon:last-child {
    padding-left: 52px;
}

footer .footer-list .footer-list-icon::before {
    position: absolute;
    top: 50%;
    left: -1px;
    width: 1px;
    height: 23px;
    background-color: #ffffff;
    content: "";
    transform: translateY(-50%);
}

footer .footer-list .footer-list-icon .list-img {
    position: relative;
}

footer .footer-list .footer-list-icon .list-img img {
    display: block;
    margin: 0 auto;
}

footer .footer-list .footer-list-icon .list-img .qrcode {
    position: absolute;
    z-index: 999;
    bottom: 100%;
    left: 50%;
    display: none;
    width: 200px;
    height: 200px;
    background-color: #fff;
    transform: translateX(-50%);
}

footer .footer-list .footer-list-icon .list-img .qrcode img {
    width: 100%;
    max-width: 100%;
}

footer .footer-list .footer-list-icon .list-img .show {
    display: block;
}

footer .footer-list .footer-list-icon .list-title a {
    display: block;
    color: #ffffff;
    font-size: 18.19px;
}

footer .footer-list .contact-footer-nav {
    position: relative;
}

footer .footer-list .contact-footer-nav .tel-box {
    position: absolute;
    z-index: 999;
    bottom: 150%;
    left: 50%;
    display: none;
    align-items: center;
    justify-content: space-evenly;
    width: 260px;
    height: 100px;
    background-color: #fff;
    transform: translateX(-50%);
}

footer .footer-list .contact-footer-nav .tel-box .tel-img svg {
    width: 60px;
    height: 60px;
}

footer .footer-list .contact-footer-nav .tel-box .tel-info {
    text-align: left;
}

footer .footer-list .contact-footer-nav .tel-box .tel-info span {
    line-height: 28px;
    padding-top: 2px;
    color: #333;
    font-size: 18px;
}

footer .footer-list .contact-footer-nav .tel-box .tel-info p {
    line-height: 26px;
    margin-top: 4px;
    color: #666;
    font-size: 16px;
}

footer .footer-list .contact-footer-nav:hover .tel-box {
    display: flex;
}

footer .footer-copy {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 29.12px;
    padding-top: 18px;
    padding-bottom: 15px;
    color: #ffffff;
    background-color: #00403a;
    text-align: center;
    letter-spacing: 0.4px;
    font-family: SourceHanSansCN-Light;
    font-size: 20.8px;
}

footer .footer-copy p {
    margin: 0;
}

footer .footer-copy a {
    color: #ffffff;
}