@charset "utf-8";

.page-banner img {width: 100%;}

.page-box {padding: 60px 0 40px;}
.page-box h3 {font-size: 36px;color: #333333;text-align: center;}

@media(max-width:768px){
    .page-box {padding: 30px 0 25px;}
    .page-box h3 {font-size: 22px;}
}

/* tform  */

.page-form {background-color: #f6f6f6;padding-bottom: 54px;}
.page-form .form {overflow: hidden;display: flex;justify-content: space-between;margin-bottom: 20px;}
.page-form .form input {float: left;line-height: 72px;height: 72px;}
.page-form .form input[type='text'] {width: 41%; border: 2px solid #e45957;padding: 0 22px;font-size: 18px;color: #666666;background-color: transparent;}
.page-form .form input[type='submit'] {width: 16%;font-size: 24px;color: #ffffff;background-color: #e45957;text-align: center;cursor: pointer;border: none;}

.alarm {background-color: #ffffff;border-radius: 20px;padding: 15px 30px;display: flex;}
.alarm marquee {display: flex;overflow: hidden;margin-left: 10px;}
.alarm marquee p {display: inline-block;font-size: 16px;color: #333333;margin-right: 20px;}
.alarm marquee p span {margin-right: 20px;}

@media(max-width:768px){
    .page-form {padding-bottom: 34px;}
    .page-form .form {flex-wrap: wrap;margin-bottom: 10px;}
    .page-form .form input {width: 100% !important;margin-bottom: 20px;height: 50px;line-height: 50px;}
    .page-form .form input[type='text'] {font-size: 16px;}
    .page-form .form input[type='submit'] {font-size: 18px;}
}


/* good  */
.page-good ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.page-good li {display: flex;justify-content: space-between;width: 32%;align-items: center;padding: 46px 24px;margin-bottom: 20px;}
.page-good li:nth-of-type(1) {background-color: #e45957;}
.page-good li:nth-of-type(2) {background-color: #ea8f25;}
.page-good li:nth-of-type(3) {background-color: #844ef3;}
.page-good li:nth-of-type(4) {background-color: #6f6ef7;}
.page-good li:nth-of-type(5) {background-color: #2fb9c9;}
.page-good li:nth-of-type(6) {background-color: #2fc675;}
.page-good li .good-con {margin-left: 16px;color: #ffffff;}
.page-good li .good-con h3 {font-size: 24px;font-weight: bold;margin-bottom: 16px;}
.page-good li .good-con p {font-size: 18px;line-height: 24px;}

@media(max-width:1025px) {
    .page-good li {width: 49%;}
}

@media(max-width:768px) {
    .page-good li {width: 50%;padding: 24px;align-items: flex-start;}
    .page-good li>img {display: none;}
    .page-good li:nth-of-type(6) {margin-bottom: 20px;}
    .page-good li .good-con h3 {font-size: 20px;}
    .page-good li .good-con p {font-size: 16px;}
}

/* zone */

.page-zone ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.page-zone ul li {position: relative;margin-bottom: 3px;overflow: hidden;}
.page-zone ul li .shadow-con {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,.4);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 999;}
.page-zone ul li .shadow-con p {font-size: 24px;color: #ffffff;position: absolute;bottom: 25%;}
.page-zone ul li .shadow-con img {margin-top: -14%;}


.page-zone ul li:hover img {transform: scale(1.1);}
@media(max-width:1250px) {
    .page-zone ul li {width: 33%;}
    .page-zone ul li>img {width: 100%;}
}

@media(max-width:900px) {
    .page-zone ul li .shadow-con img {transform: scale(.9);}
    .page-zone ul li .shadow-con p {font-size: 18px;}
}

@media(max-width:768px) {
    .page-zone ul li {width: 49%;margin-bottom: 8px;}
    .page-zone ul li .shadow-con img {transform: scale(.7);}
    .page-zone ul li .shadow-con p {font-size: 16px;bottom: 20%;}
}

/* site-tel */
.site-tel{padding: 0 15px; text-align: center;}
.site-tel-box{display: inline-block; padding-left: 40px;font-family: arial;background-color: #fff; border: 1px solid #333333;height: 54px; line-height: 54px; border-radius: 5px; overflow: hidden;font-size: 18px;color: #333333;margin: 40px auto;position: relative;left: 50%;transform: translateX(-50%);}
.site-tel-box a{display: block; margin-left: 30px; padding: 0 35px;background-color: #333333 ;border-radius: 0 5px 5px 0;color: #fff;}
.site-tel-box:hover {border: 1px solid #e45957;}
.site-tel-box a:hover {color: #ffffff;background-color: #e45957;}
@media (max-width:640px) {
    .site-tel-box {height: 45px;line-height: 45px;margin: 30px 0;font-size: 16px;padding-left: 15px;}
	.site-tel-box a{display: block; padding: 0 15px;height: 45px;line-height: 45px;font-size: 16px;margin-left: 15px;}
}

.page-need {background-color: #f6f6f6;}
.page-need ul {display: flex;overflow: hidden;flex-wrap: wrap;justify-content: space-between;}
.page-need ul li {float: left; background-color: #ffffff;position: relative;padding: 28px 0;width: 49%;padding-left: 8%;margin-bottom: 30px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.page-need ul li:nth-of-type(n+3) {margin-bottom: 0;}
.page-need ul li img {position: absolute;left: 0;top: 0;}
.page-need ul li h3 {font-size: 24px;color: #333333;margin-bottom: 10px;font-weight: bold;}
.page-need ul li p {font-size: 18px;color: #666666;}


@media(max-width:980px) {
    .page-need ul li,.page-need ul li:nth-of-type(n+3) {margin-bottom: 15px;padding-right: 20px;}
    .page-need ul li h3 {font-size: 20px;}
    .page-need ul li p {font-size: 16px;}
}

@media(max-width:850px) {
    .page-need ul li img {width: 55px;}
    .page-need ul li {width: 100%;padding-left: 18%;}
}

/* shenbao */

.page-shenbao ul {display: flex;justify-content: space-between;}
.page-shenbao ul li {text-align: center;}
.page-shenbao ul li img {margin-bottom: 20px;}
.page-shenbao ul li h3 {font-size: 24px;color: #333333;margin-bottom: 8px;}
.page-shenbao ul li p {font-size: 18px;color: #666666;}

@media(max-width:1060px) {
    .page-shenbao ul {flex-wrap: wrap;}
    .page-shenbao ul li {width: 33.33%;margin-bottom: 30px;padding: 0 15px;}
    .page-shenbao ul li h3 {font-size: 20px;};
    .page-shenbao ul li p {font-size: 16px;}
}

@media(max-width:630px) {
    .page-shenbao ul li {width: 50%;margin-bottom: 25px;padding: 0;}
    .page-shenbao ul li:last-child {margin-bottom: 0;}
    .page-shenbao ul li h3 {font-size: 16px;margin-bottom: 5px;}
    .page-shenbao ul li p {font-size: 14px;}
    .page-shenbao ul li img {width: 50px;margin-bottom: 10px;}
}

.adv-cont {background: url(../images/gaoxin/adv-bg.png) no-repeat;background-size: 100%;margin-top: 60px;}
.adv-cont ul {display: flex;justify-content: space-between;}
.adv-cont ul li {float: left;text-align: center;}
.adv-cont ul li:nth-of-type(1),.adv-cont ul li:nth-of-type(3) {margin-top: 0;}
.adv-cont ul li:nth-of-type(2),.adv-cont ul li:nth-of-type(5) {margin-top: -4%;}
.adv-cont ul li:nth-of-type(4),.adv-cont ul li:nth-of-type(6) {margin-top: 2%;}
.adv-cont ul li p {font-size: 24px;color: #333333;margin-top: 20px;}
.adv-cont ul li p span {vertical-align: text-top;}


@media(max-width:1060px) {
    .adv-cont ul li:nth-of-type(1),.adv-cont ul li:nth-of-type(3) {margin-top: -2%;}
    .adv-cont ul li:nth-of-type(2),.adv-cont ul li:nth-of-type(5) {margin-top: -6%;}
    .adv-cont ul li:nth-of-type(4),.adv-cont ul li:nth-of-type(6) {margin-top: 0;}
}

@media(max-width:960px) {
    .adv-cont {margin-top: 30px;}
    .adv-cont ul li {width: 16.6%;padding: 0 15px;}
    .adv-cont ul li img {max-width: 100%;}
    .adv-cont ul li p {font-size: 20px;margin-top: 10px;}
}

@media(max-width:810px) {
    .adv-cont {background-image: none;margin-top: 20px;}
    .adv-cont ul {flex-wrap: wrap;}
    .adv-cont ul li {width: 33.33%;margin: 0 !important;margin-bottom: 30px !important;}
    .adv-cont ul li p {font-size: 18px;}
}

@media(max-width:500px) {
    .adv-cont ul li p {font-size: 16px;}
    .adv-cont .site-tel-box {margin-top: 0;}
}

.page-choose {background-color: #f6f6f6;}
.page-choose ul {display: flex;justify-content: space-between;}
.page-choose ul li {flex: 1;margin-right: 20px;padding: 30px 16px 35px;border-radius: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);background-color: #ffffff;text-align: center;}
.page-choose ul li:last-of-type {margin-right: 0;}
.page-choose ul li img {margin-bottom: 20px;}
.page-choose ul li h5 {margin: 0;margin-bottom: 10px;font-size: 24px;font-weight: bold;color: #333333;}
.page-choose ul li p {font-size: 18px;color: #666666;line-height: 24px;}


@media(max-width:768px) {
    .page-choose ul {flex-wrap: wrap;}
    .page-choose ul li {flex: 0 1 49%;margin-right: 0;margin-bottom: 20px;padding: 30px 10px 30px;}
    .page-choose ul li img {width: 80px;margin-bottom: 10px;}
    .page-choose ul li h5 {font-size: 20px;}
    .page-choose ul li p {font-size: 16px;}
}

.page-case {background-color: #101938;padding-bottom: 70px;}
.page-case .page-box h3 {color: #ffffff;margin-bottom: 50px;}
.page-case .page-box p {font-size: 18px;color: #ffffff;text-align: center;line-height: 30px;}
.page-case ul {display: flex;overflow: hidden;justify-content: space-between;}
.page-case ul li {float: left;width: 49%;background-image: linear-gradient(to right, #e45958 , #fe7473);border-radius: 20px;padding: 42px 55px;display: flex;flex-direction: column;align-items: center;}
.page-case ul li:last-of-type {background-image: linear-gradient(to right, #ea8f26 , #feb35b);}
.page-case ul li h3 {color: #ffffff;font-size: 24px;font-weight: bold;margin-bottom: 35px;text-align: center;}
.page-case ul li p {color: #ffffff;font-size: 18px;margin-bottom: 26px;}
.page-case ul li strong {font-size: 30px;}
.page-case ul li em {font-style: normal;font-size: 16px;color: #e8313e;display: block;font-weight: bold;}
.page-case a {height: 54px;line-height: 54px;background-color: #ffffff;border-radius: 20px;text-align: center;font-size: 24px;display: block;width: 21%;margin: 40px auto 0;}
.page-case a:hover {color: #e8313e;}

@media(max-width:986px) {
    .page-case .page-box h3 {margin-bottom: 15px;}
    .page-case .page-box p {font-size: 14px;}
    .page-case ul li {padding: 30px 15px;}
    .page-case ul li h3 {margin-bottom: 15px;}
    .page-case ul li p {margin-bottom: 16px;}
    .page-case a {width: 250px;}
}

@media(max-width:600px) {
    .page-case {padding-bottom: 10px;}
    .page-case ul {flex-wrap: wrap;}
    .page-case ul li {width: 100%;margin-bottom: 20px;}
    .page-case ul li p {font-size: 16px;}
    .page-case ul li strong {font-size: 20px;}
    .page-case a {width: 40%;font-size: 20px;margin: 10px auto 20px;height: 45px;line-height: 45px;}
}

.page-other ul {display: flex;justify-content: space-between;}
.page-other ul li {position: relative;}

.page-other ul li .other-con {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,.4);text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.page-other ul li .other-con h3 {font-size: 24px;color: #fffefe;font-weight: bold;margin-bottom: 30px;}
.page-other ul li .other-con a {display: inline-block; font-size: 18px;color: #fffefe;padding: 14px 35px;background-color: #d65452;border-radius: 5px;}

.page-other ul li .other-con a:hover {background-color: #fff;color: #e8313e;}
@media(max-width:1220px) {
    .page-other ul {flex-wrap: wrap;justify-content: center;}
    .page-other ul li {margin: 0 15px 20px;}
    .page-other ul li img {width: 100%;}
}

@media(max-width:680px) {
    .page-other ul {justify-content: space-between;}
    .page-other ul li {width: 49%;margin: 0 0 20px;}
    .page-other ul li .other-con {padding: 0 15px;}
    .page-other ul li .other-con h3 {font-size: 20px;}
    .page-other ul li .other-con a {padding: 10px 20px;font-size: 16px;}
}

.page-bform {background-color: #fff;padding-bottom: 70px;}
.page-bform .alarm {background-color: #f6f6f6;}