html,
body {
    margin: 0;
    padding: 0;
    color: #666;
    overflow-x: hidden;
    font-size: 12px;
}

ul,
ol,
menu,
p {
    margin: 0;
    padding: 0;
    list-style: none
}

div {
    box-sizing: border-box;
}

h1,
h2,
h3 {
    color: #333;
    margin: 0
}

h1 {
    font-size: 24px;
    margin-bottom: 40px;
}

h2{
    font-size: 20px;
    margin-bottom: 20px;
}

h3{
    font-size: 18px;
    margin-bottom: 30px;
}
.down-title{
	width: 10.3rem;
	height: 1.72rem;
	margin-left: 0.89rem;
    margin-top: 2.45rem;
}
.invite-title{
	width: 5.87rem;
	height: 0.67rem;
	margin-top: 3.88rem;
    margin-left: 6.75rem;
}
.header {
    position: relative;
    width: 100%;
    height: 7rem;
    color: #fff;
}
.down-back{
    width: 100%;
    height: 7rem;
    background: url("../images/productImage/down-back.png") no-repeat;
    background-size: 100%;
}
.invite-back{
    width: 100%;
    height: 7rem;
    background: url("../images/productImage/invite-bg.png") no-repeat;
    background-size: 100% 100%;
}

.hrp-detail {
    display: block;
    width: 1.38rem;
    height: .4rem;
    color: #fff;
    text-align: center;
    line-height: .4rem;
    background: linear-gradient(90deg, rgba(225, 2, 49, 1) 0%, rgba(236, 85, 54, 1) 100%);
    border-radius: .20rem;
    text-decoration: none;
    margin-top: .73rem;
}

.banner {
    width: 100%;
    height: 10rem;
}

.content {
    width: 100%;
}


.nav {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 2;
    padding-top: .09rem;
}

.logo {
    width: auto;
    /* width: 2.12rem; */
    height: .76rem;
    margin-right: 1.14rem;
}

.nav-list {
    position: relative;
}

.nav-list a {
    box-sizing: border-box;
    position: relative;
    float: left;
    color: #fff;
    display: block;
    text-decoration: none;
    margin-right: .40rem;
    padding: 0 .17rem;
    height: .35rem;
    line-height: .35rem;
    transition: .2s all ease-in;
    border-radius: .30rem;
    z-index: 3;
    transition: .5s all ease-in;
}

.nav-list a:last-child {
    margin: 0;
}

.nav-list a:hover {
    color: #fff;
    background: #004EA1;
}

a.actived {
    color: #fff;
    background: #004EA1;
    border-radius: .30rem;
}

.footer {
    margin-top: .54rem;
}

.footer-content {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    /* height: 4.57rem; */
    background: #2D2D2D;
    margin: 0 auto;
}

.link-list {
    margin-top: .81rem;
    margin-right: .99rem;
}

.link-list li:last-child {
    margin: 0;
}

.link-list li a {
    display: block;
    color: #999;
    margin-bottom: .05rem;
    text-decoration: none;
    cursor: pointer;
}

.link-list li a:hover {
    color: #fff;
    text-decoration: underline;
}

.link-list li p {
    color: #fff;
    margin-bottom: .10rem;
}

.link-list li {
    float: left;
    margin-right: .27rem;
}

.copyright {
    /* height: .47rem; */
    /* line-height: .47rem; */
    padding: .1rem;
    text-align: center;
    color: #C3C3C3;
    background: #1A1A1A;
}

.addr-icon {
    width: .15rem;
    height: .23rem;
    margin-right: .11rem;
}

.footer-title {
    display: flex;
    align-content: center;
    color: #fff;
    margin-bottom: .06rem;
}

.company-info {
    margin-top: .81rem;
    margin-right: .87rem;
}

.company-info li {
    margin-bottom: .36rem;
}

.info-detail {
    color: #999;
    text-decoration: none;
}

.footer-icon {
    width: .18rem;
    height: .18rem;
    margin-right: .11rem;
}

.info-detail:hover {
    text-decoration: none;
}

.qr-code {
    width: 1.60rem;
    height: 1.60rem;
    margin-top: .6rem;
}

.header-contact{
    margin-left: 0.3rem;
}
.contact-icon{
	width: 0.34rem;
	height: 0.34rem;
	background: url('../images/productImage/link-call.png') no-repeat;
	background-size:100%;
    display: flex;
}

.contact-list{
	width: 4.06rem;
	height: 4.61rem;
	position: absolute;
    /* right: 3rem; */
    right: 1.5rem;
	color: #333333;
	font-size: 0.16rem;
	background: url("../images/productImage/link-bg.png") no-repeat;
	background-size: 100% 100%;
    padding: 0.40rem 0.40rem 0.30rem;
    display: none;
}
.contact-list.show{
	display: block;
}
.contact-list ul li{
	line-height: 0.4rem;
}
.contact-list p{
	text-align: center;
	margin: 0.1rem 0;
}
.contact-list p img{
	width: 1.6rem;
	height: 1.6rem;
}
.search-icon{
	width: 0.2rem;
	height: 0.16rem;
	display: inline-block;
	background: url('../images/productImage/search.png') no-repeat;
	background-size: 100% 100%;
	margin-left: -0.30rem;
    margin-bottom: -0.02rem;
}
.header-search input{
    background: transparent;
    color: #fff;
    font-size: 0.15rem;
    border: 1px solid #333333;
    height: 0.3rem;
    width: 2.14rem;
    margin-left: 0.3rem;
    border-radius: 0.18rem;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.header-search input::placeholder{
	color: #D0D0D0;
}