p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}
img {vertical-align: middle;}

/* 通用样式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.bw {width: 100%;}

.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.fl {float: left;}
.fr {float: right;}
.dfc {display: flex;justify-content: space-between;align-items: center;}

.ovimg, .ibw, .miw, .iml, .imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.ovimg img {width: 100%;min-height: 100%;}
.ibw img {width: 100%;height: auto;}
.miw img {max-width: 100%;max-height: 100%;}
.iml {text-align: center;}
.iml img {transform: translateY(-2px);vertical-align: middle;}

.bgmax {background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center top;}

.fh {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 头部 */
.ph {height: 0;z-index: 999999;}
.ph1 {position: absolute;left: 0;top: 0;right: 0;background-color: rgba(255, 255, 255, .8);}

.ph1-box {position: relative;}

.ph1a {margin: 0 -37px;width: 1274px;}
.ph1b {position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 9;}

/* 导航栏 */
.nav1 {}
.nav-li {position: relative;z-index: 999;}
.nav-li .nav-a {display: block;line-height: 106px;font-size: 16px;color: #030303;/*width: 137px;*/width: 182px;text-align: center;}
.nav-li:nth-child(4) {margin-left: 178px;}
.nav-ul {position: absolute;left: 50%;top: 100%;background-color: #e4e4e4;z-index: 999;min-width: 100%;transform: translate(-50%, 20px);opacity: 0;visibility: hidden;transition: all .5s ease;}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #000;white-space: nowrap;padding: 0 5px;}

.nav-li:hover .nav-a {color: #008b76;}
.nav-li:hover .nav-ul {opacity: 1;visibility: visible;transform: translate(-50%, 0);}
.nav-ul li a:hover {}

/* 产品中心 */
.p1-box {padding: 85px 0 123px;}

.p1a {text-align: center;font-size: 28px;color: #3c3c3c;line-height: 70px;padding-bottom: 3px;background-image: url(../images/p1a.png);background-repeat: no-repeat;background-position: center bottom;}
.p1a span {text-transform: uppercase;}

.p1b {margin-top: 36px;}
.p1b ul li {width: 276px;
    margin-right: 10.333333px;
    margin-left: 1.33333%;}
.p1b ul li:nth-child(4n) {margin-right: 0;}
.p1b ul li a {display: block;}
.p1b1 {height: 225px;line-height: 225px;text-align: center;}
.p1b2 {border: 1px solid #e5e5e5;border-top: none;text-align: center;padding: 38px 0 20px;}
.p1b2 h3 {font-size: 18px;color: #3c3c3c;font-weight: normal;line-height: 28px;}
.p1b2 h4 {font-size: 14px;color: #b5b5b5;font-weight: normal;text-transform: uppercase;line-height: 21px;}
.p1b2 div {width: 26px;height: 26px;text-align: center;line-height: 22px;border-radius: 50%;background-color: #dadada;font-size: 28px;color: #323232;margin: 20px auto 0;}

.p1b ul li a:hover .p1b2 div {background-color: #008b76;color: #fff;}

/* 基本点 */
.p2 {background-image: url(../images/p2.jpg);}

.p2-box {padding: 81px 45px 93px 745px;}

.p2a {font-size: 24px;color: #c4c4c4;text-align: center;line-height: 50px;padding-bottom: 71px;position: relative;}
.p2a::before {content: "";display: block;width: 1px;height: 60px;background-color: #4e544d;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}

.p2b {margin-top: 36px;text-align: center;padding-bottom: 75px;background-image: url(../images/p2b.png);background-repeat: no-repeat;background-position: center bottom;min-height: 243px;}
.p2b p {font-size: 14px;color: #7a7a7a;line-height: 28px;}

.p2c {margin-top: 51px;}
.p2c a {display: block;width: 141px;height: 32px;margin: 0 auto;text-align: center;line-height: 32px;font-size: 16px;color: #fff;font-family: Arial;text-transform: uppercase;background-color: #008b76;}

/* 招商加盟 */
.p3 {background-image: url(../images/p3.jpg);}

.p3-box {position: relative;padding: 156px 0 108px;}

.p3a {text-align: center;}
.p3a img {max-width: 100%;}

.p3b li {position: absolute;left: 0;top: 0;}
.p3b1 {position: relative;}
.p3b1a {width: 51px;height: 51px;text-align: center;line-height: 51px;}
.p3b1b {position: absolute;left: 0;top: 0;}
.p3b2 {text-align: end;}
.p3b2 h3 {font-size: 22px;color: #000;font-weight: normal;line-height: 50px;}
.p3b2 p {font-size: 14px;color: #787878;line-height: 28px;}

.p3b li:nth-child(2n) {right: 0;left: auto;}
.p3b li:nth-child(2n) .p3b2 {text-align: start;}
.p3b li:nth-child(2n) .p3b1 .p3b1b {right: 0;left: auto;}

.p3b li:nth-child(1) {left: 34px;top: 130px;}
.p3b li:nth-child(1) .p3b1 {margin-top: 34px;margin-left: 20px;}
.p3b li:nth-child(1) .p3b2 {width: 255px;}

.p3b li:nth-child(2) {right: 35px;top: 166px;}
.p3b li:nth-child(2) .p3b1 {margin-top: 17px;}
.p3b li:nth-child(2) .p3b2 {width: 208px;margin-left: 11px;}

.p3b li:nth-child(3) {left: 15px;top: 393px;}
.p3b li:nth-child(3) .p3b1 {margin-top: 30px;margin-left: 20px;}
.p3b li:nth-child(3) .p3b2 {width: 170px;}

.p3b li:nth-child(4) {right: 0;top: 458px;}
.p3b li:nth-child(4) .p3b1 {margin-top: 17px;}
.p3b li:nth-child(4) .p3b2 {width: 188px;margin-left: 12px;}

.p3b li:nth-child(5) {left: 30px;top: 653px;}
.p3b li:nth-child(5) .p3b1 {margin-top: 35px;margin-left: 20px;}
.p3b li:nth-child(5) .p3b1 .p3b1b {bottom: 0;top: auto;}
.p3b li:nth-child(5) .p3b2 {width: 212px;}

.p3b li:nth-child(6) {right: 18px;top: 661px;}
.p3b li:nth-child(6) .p3b1 {margin-top: 18px;}
.p3b li:nth-child(6) .p3b1 .p3b1b {bottom: 0;top: auto;}
.p3b li:nth-child(6) .p3b2 {width: 200px;margin-left: 12px;}

/* 关于我们 */
.p4-box {padding: 123px 0 96px;}

.p4a {width: 575px;}

.p4a1 {font-size: 28px;color: #3c3c3c;line-height: 62px;background-image: url(../images/p4a1.png);background-repeat: no-repeat;background-position: 118px center;}
.p4a1 span {text-transform: uppercase;}

.p4a2 {margin-top: 26px;min-height: 192px;}
.p4a2 p {font-size: 16px;color: #414141;line-height: 32px;}

.p4a3 {margin-top: 86px;}
.p4a3 a {display: block;width: 141px;height: 32px;text-align: center;line-height: 32px;font-size: 16px;color: #fff;font-family: Arial;text-transform: uppercase;background-color: #008b76;}

.p4b {width: 600px;}

/* 快捷导航 */
.p5 {background-image: url(../images/p5.jpg);min-height: 865px;}

.p5a li {position: absolute;}
.p5a li a {display: block;width: 100%;height: 100%;transition: all 0.4s linear;}
.p5a-box {max-width: 310px;width: 100%;padding-top: 49px;}

.p5a1 {width: 196px;margin: 0 auto;text-align: center;padding: 60px 0 48px;position: relative;transition: all 0.4s linear;}
.p5a1 h3 {font-size: 24px;color: #fff;font-weight: normal;line-height: 1;}
.p5a1 h4 {font-size: 16px;color: #fff;font-family: Arial;font-weight: normal;line-height: 1;margin-top: 24px;transition: all 0.4s linear;}

.p5a1:before, .p5a1:after {display: block;width: 0;height: 1px;content: '';position: absolute;background-color: rgba(255,255,255,0.2);transition: all ease-in .4s;-webkit-transition: all ease-in .4s;left: 50%;transform: translateX(-50%);}
.p5a1:before {top: 0;}
.p5a1:after {bottom: 0;}

.p5a2 {margin-top: 80px;opacity: 0;transition: all 0.4s linear;text-align: center;}

.p5a li:nth-child(1) {left: 405px;bottom: 0;width: 279px;height: 557px;}
.p5a li:nth-child(2) {left: 685px;top: 0;width: 281px;height: 444px;}
.p5a li:nth-child(3) {left: 967px;top: 354px;width: 282px;height: 416px;}
.p5a li:nth-child(4) {left: 1250px;top: 529px;width: 670px;height: 289px;}
.p5a li:nth-child(4) a .p5a-box {padding-top: 30px;}
.p5a li:nth-child(4) a .p5a-box .p5a1 {padding: 30px 0;}
.p5a li:nth-child(4) a .p5a-box .p5a2 {margin-top: 50px;}

.p5a li a:hover {background-color: rgba(0, 139, 118, .6);}
.p5a li a:hover .p5a-box .p5a1 {padding: 65px 0 53px;}
.p5a li a:hover .p5a-box .p5a1 h4 {margin-top: 9px;}
.p5a li a:hover .p5a-box .p5a1:before, .p5a li a:hover .p5a-box .p5a1:after {width: 100%;}
.p5a li a:hover .p5a-box .p5a2 {opacity: 1;margin-top: 69px;}

.p5a li:nth-child(4) a:hover .p5a-box .p5a1 {padding: 30px 0;}
.p5a li:nth-child(4) a:hover .p5a-box .p5a2 {margin-top: 40px;}

/* 新闻资讯 */
.p6-box {padding: 71px 0 114px;}

.p6a {text-align: center;font-size: 28px;color: #3c3c3c;line-height: 70px;padding-bottom: 3px;background-image: url(../images/p6a.png);background-repeat: no-repeat;background-position: center bottom;}
.p6a span {text-transform: uppercase;}

.p6b {margin-top: 47px;}
.p6b ul li {width: 387px;margin-right: 19.5px;padding-bottom: 21px;background-image: url(../images/p6b.png);background-repeat: no-repeat;background-position: center bottom;}
.p6b ul li:nth-child(3n) {margin-right: 0;}
.p6b ul li a {display: block;background-color: #f6f6f6;}
.p6b1 {position: relative;}
.p6b1a {height: 202px;line-height: 202px;text-align: center;}
.p6b1b {width: 94px;height: 94px;position: absolute;left: 34px;top: 0;background-color: #4f4f4f;padding: 24px 8px 10px;text-align: end;}
.p6b1b h3 {font-size: 28px;color: #fff;font-weight: normal;text-align: end;}
.p6b1b h4 {font-size: 14px;color: #afafaf;font-weight: normal;line-height: 22px;line-height: 32px;text-align: end;}

.p6b2 {padding: 8px 34px 21px;}
.p6b2 h3 {font-size: 16px;color: #444;line-height: 48px;}
.p6b2 p {font-size: 12px;color: #777;line-height: 24px;}
.p6b2 div {width: 94px;text-align: center;height: 28px;line-height: 28px;background-color: #4f4f4f;font-size: 12px;color: #fff;margin-top: 16px;text-transform: uppercase;}

.p6b ul li a:hover .p6b1 .p6b1b {background-color: #008b76;}
.p6b ul li a:hover .p6b1 .p6b1b h4 {color: #fff;}
.p6b ul li a:hover .p6b2 div {background-color: #008b76;}

/* 底部 */
.pf {background-color: #3e3d3d;border-bottom: 4px solid #fff;}

.pf1-box {padding: 93px 0 65px;}

.pf1a {width: 270px;padding-left: 20px;margin-top: 13px;}
.pf1a p {font-size: 18px;color: #fff;line-height: 48px;}
.pf1a p a {color: #fff;}

.pf1b {width: 660px;position: relative;padding-bottom: 5px;}
.pf1b::before, .pf1b::after {content: "";display: block;width: 1px;height: 325px;background-color: #4f4f4f;bottom: 0;position: absolute;}
.pf1b::before {left: 0;}
.pf1b::after {right: 0;}
.pf1b1 div {text-align: center;}
.pf1b1 p {text-align: center;font-size: 18px;color: #b1b1b1;line-height: 36px;margin-top: 12px;}

.pf1b2 {text-align: center;margin-top: 45px;}
.pf1b2 p {font-size: 18px;color: #b1b1b1;text-transform: uppercase;line-height: 38px;}
.pf1b2 p strong {font-size: 36px;color: #b1b1b1;font-weight: normal;line-height: 52px;}

.pf1c {width: 270px;margin-top: 21px;}
.pf1c1 {text-align: center;font-size: 20px;color: #fff;line-height: 40px;}

.pf1c2 {margin-top: 20px;}
.pf1c2 div {width: 112px;margin: 0 auto;}
.pf1c2 p {font-size: 16px;color: #636363;text-align: center;line-height: 36px;}

.pf1c3 {text-align: center;font-size: 16px;color: #fff;line-height: 36px;margin-top: 45px;}
.pf1c3 a {color: #fff;}

.pf2 {padding-top: 1px;position: relative;}
.pf2::before {content: "";display: block;width: 1328px;height: 1px;background-color: #636363;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}

.pf2-box {padding: 26px 0 18px;}
.pf2-box p {text-align: center;font-size: 14px;color: #8b8b8b;line-height: 30px;}
.pf2-box p a {color: #8b8b8b;}