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;}

/* 头部 */
.ph1 {width: 753px;padding-left: 360px;text-align: start;height: 128px;line-height: 128px;}

.ph2 {width: 1167px;}

.ph2a {background-color: #024287;padding: 0 360px 0 14px;}
.ph2a1 p {font-size: 12px;color: #fff;line-height: 50px;}
.ph2a2 div {font-size: 12px;color: #fff;background-repeat: no-repeat;background-position: left center;line-height: 50px;}
.ph2a2 div a {color: #fff;}
.ph2a2 div a span {color: #fff;}

.ph2a2a {padding-left: 27px;background-image: url(../images/ph2a2a.png);}
.ph2a2b {padding-left: 30px;background-image: url(../images/ph2a2b.png);margin-left: 24px;}
.ph2a2c {padding-left: 21px;background-image: url(../images/ph2a2c.png);margin-left: 18px;}

.ph2a2d {margin-left: 28px;}
.ph2a2d a span {display: block;padding-top: 5px;line-height: 40px;}
.ph2a2d a span.ph2a2d-span {width: 30px;text-align: center;background-color: #fff;font-size: 16px;color: #024287;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin: 0 9px 0 5px;}

.ph2b {padding: 9px 360px 0 0;}

/* 导航栏 */
.nav1 {}
.nav-li {position: relative;z-index: 999;}
.nav-li+.nav-li {margin-left: 52.83333333px;}
.nav-li .nav-a {display: block;line-height: 64px;font-size: 16px;color: #000;text-align: center;border-bottom: 5px solid transparent;padding: 0 3px;min-width: 70px;text-align: center;}
.nav-ul {position: absolute;left: 50%;top: 100%;background-color: #fff;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 {border-color: #05479b;color: #024287;font-weight: bold;}
.nav-li:hover .nav-ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translate(-50%, 0);}
.nav-ul li a:hover {}

/* 搜索 */
.p1 {z-index: 999;}

.p1-box {position: relative;}

.p1a {font-size: 14px;color: #666;line-height: 50px;}
.p1a a {color: #666;}
.p1a a+a::before {content: "、";}

.p1b {width: 300px;border-bottom: 1px solid #999;margin-top: 8px;}
.p1b1 {width: 270px;height: 30px;font-size: 12px;color: #666;}

.p1b1::-webkit-input-placeholder {color: #666;}
.p1b1::-ms-input-placeholder {color: #666;}
.p1b1::-moz-placeholder {color: #666;}
.p1b1::placeholder {color: #666;}

.p1b2 {width: 16px;height: 30px;background-image: url(../images/p1b2.png);background-repeat: no-repeat;background-position: center center;}

.p1c {position: absolute;top: -1px;left: 50%;transform: translateX(-50%);text-align: center;line-height: 40px;width: 224px;background-image: url(../images/p1c.png);background-repeat: no-repeat;font-size: 16px;color: #fff;}

/* 产品中心 */
.p2-box {padding: 66px 0 82px;}

.p2a {box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);}

.p2a1 {width: 592px;padding: 40px 67px 44px 38px;}

.p2a1a h3 {font-size: 50.61px;color: #024287;font-weight: bold;text-transform: uppercase;line-height: 60px;}
.p2a1a h4 {font-size: 16px;color: #333;font-weight: bold;line-height: 22px;}
.p2a1a h5 {font-size: 12px;color: #999;text-transform: uppercase;line-height: 15px;}
.p2a1a div {width: 51px;height: 1px;background-color: #dcdcdc;margin-top: 12px;}

.p2a1b {margin-top: 39px;}
.p2a1b li {width: 236px;margin-right: 15px;}
.p2a1b li:nth-child(2n) {margin-right: 0;}
.p2a1b li:nth-child(n+3) {margin-top: 13px;}
.p2a1b li a {display: block;border: 1px solid #858585;padding: 18.5px 49px 18.5px 16px;background-image: url(../images/p2a1b.png);background-repeat: no-repeat;background-position: 185px center;}
.p2a1b li a h3 {font-size: 20px;color: #333;font-weight: normal;line-height: 28px;}
.p2a1b li a h4 {font-size: 12px;color: #333;font-weight: normal;text-transform: uppercase;line-height: 18px;}

.p2a1b li.on a {background-color: #024287;border-color: #024287;background-image: url(../images/p2a1b-hover.png);}
.p2a1b li.on a h3 {color: #fff;}
.p2a1b li.on a h4 {color: #fff;}

.p2a1c {margin-top: 26px;}
.p2a1c h3 {font-size: 16px;color: #333;font-weight: normal;line-height: 20px;}
.p2a1c a {font-size: 16px;color: #333;font-weight: normal;text-transform: uppercase;line-height: 20px;}

.p2a2 {width: 608px;overflow: hidden;}
.p2a2 ul li {width: 608px;}
.p2a2 ul li a {display: block;height: 464px;line-height: 464px;}

.p2b {margin: 33px -3px 0;width: 1206px;position: relative;}
.p2b1 {overflow: hidden;}
.p2b1 ul li {width: 399px;margin-right: 4.5px;}
.p2b1 ul li a {display: block;position: relative;border: 3px solid #e6e5e5;border-radius: 2px;}
.p2b1a {height: 305px;line-height: 305px;}
.p2b1b {position: absolute;left: 0;bottom: 23px;width: 250px;border-left: 8px solid #024287;padding: 0 20px;font-size: 16px;color: #fff;line-height: 62px;background-color: rgba(0, 0, 0, .35);}

.p2b2 img {position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.p2b2 img.prev {left: -102px;}
.p2b2 img.next {right: -102px;}

/* 优势 */
.p3 {background-image: url(../images/p3.jpg);background-color: #f4f4f4;padding-bottom: 72px;}

.p3a {background-image: url(../images/p3a.png);}

.p3a-box {min-height: 147px;padding: 0 28px;}
.p3a-box ul li {padding: 21px 0 34px;}
.p3a-box ul li:nth-child(2) {margin-left: 150px;}
.p3a-box ul li:nth-child(3n) {float: right;}
.p3a-box ul li a {display: block;padding-left: 78px;background-repeat: no-repeat;background-position: left 15px;min-width: 245px;}
.p3a-box ul li a h3 {font-size: 24px;color: #024287;font-weight: bold;line-height: 44px;}
.p3a-box ul li a p {font-size: 16px;color: #666;line-height: 22px;min-height: 44px;margin-top: 4px;}

.p3b ul li {width: 237px;margin-right: 3.75px;padding-top: 108px;position: relative;}
.p3b ul li::before {content: "";display: block;width: 47px;height: 134px;position: absolute;z-index: 9;top: 0;left: 50%;transform: translateX(-50%);background-image: url(../images/p3b.png);background-repeat: no-repeat;background-position: center top;}
.p3b ul li:nth-child(5n) {margin-right: 0;}
.p3b ul li a {display: block;position: relative;}
.p3b1 {height: 361px;line-height: 361px;}
.p3b2 {position: absolute;left: 0;bottom: 0;right: 0;padding: 12px 24px 29px 32px;background-color: #fff;}
.p3b2 h3 {font-size: 16px;color: #333;font-weight: bold;line-height: 24px;}
.p3b2 div {width: 33px;height: 3px;background-color: #104581;margin-top: 10px;}
.p3b2 p {display: none;font-size: 16px;color: #fff;line-height: 30px;margin-top: 40px;}

.p3b ul li a:hover .p3b2 {top: 0;padding-top: 106px;background-color: rgba(0, 0, 0, .7);}
.p3b ul li a:hover .p3b2 h3 {color: #fff;}
.p3b ul li a:hover .p3b2 div {background-color: #fff;}
.p3b ul li a:hover .p3b2 p {display: block;}

.p3c {text-align: center;padding-bottom: 24px;background-image: url(../images/p3c1.png);background-repeat: no-repeat;background-position: center bottom;margin-top: 81px;}
.p3c h3 {font-size: 59.07px;text-transform: uppercase;font-weight: bold;color: rgba(255, 255, 255, .11);line-height: 62px;}
.p3c h4 {font-size: 28.42px;color: #fff;font-weight: bold;line-height: 44px;}

.p3d {margin-top: 39px;position: relative;}
.p3d1 ul li {width: 223px;height: 79px;text-align: center;line-height: 77px;border: 1px solid #fff;cursor: pointer;font-size: 16px;color: #fff;font-weight: bold;margin-right: 21.25px;}
.p3d1 ul li:nth-child(5n) {margin-right: 0;}
.p3d1 ul li.on {background-color: #fff;color: #333;}

.p3d2 {margin: 21px -7.5px 0;width: 1215px;overflow: hidden;}
.p3d2 ul li {width: 1215px;background-image: url(../images/p3d2.png);background-repeat: no-repeat;background-position: center bottom;}
.p3d2-box {padding: 0 7.5px 49px;}

.p3d2a {width: 552px;min-height: 478px;background-color: #fff;padding: 48px 57px 89px 45px;}

.p3d2a1 {border-bottom: 1px solid #dcdcdc;padding-bottom: 26px;}
.p3d2a1a {margin-top: 14px;}
.p3d2a1a h3 {font-size: 28px;color: #1e5591;font-weight: bold;line-height: 40px;}
.p3d2a1a h4 {font-size: 12px;color: #999;font-weight: bold;text-transform: uppercase;line-height: 20px;}

.p3d2a1b {width: 50px;height: 81px;border: 1px solid #1e5591;text-align: center;font-size: 30px;color: #225995;font-family: Impact;font-weight: bold;line-height: 52px;padding-bottom: 27px;background-image: url(../images/p3d2a1b.png);background-repeat: no-repeat;background-position: center 52px;}

.p3d2a2 {font-size: 16px;color: #666;line-height: 30px;margin-top: 57px;}

.p3d2b {width: 648px;height: 478px;line-height: 478px;background-color: #d9d9d9;}

.p3d3 {position: absolute;left: 399px;bottom: 91px;z-index: 999;}
.p3d3 a {display: block;width: 46px;height: 46px;border: 1px solid #1e5591;background-repeat: no-repeat;background-position: center center;background-color: #fff;}
.p3d3 a+a {margin-left: 3px;}

.p3d3 a.prev {background-image: url(../images/p3d3-left.png);}
.p3d3 a.next {background-image: url(../images/p3d3-right.png);}

.p3d3 a:hover {background-color: #1e5591;}
.p3d3 a.prev:hover {background-image: url(../images/p3d3-left-hover.png);}
.p3d3 a.next:hover {background-image: url(../images/p3d3-right-hover.png);}

.p3d4 {position: absolute;left: 42px;bottom: 109px;}
.p3d4 ul li {width: 12px;height: 12px;border-radius: 50%;border: 1px solid #1e5591;background-color: #fff;cursor: pointer;}
.p3d4 ul li+li {margin-left: 7px;}

.p3d4 ul li.on {background-color: #1e5591;}

/* 工程案例 */
.p4-box {padding: 72px 0 80px;}

.p4a {text-align: center;padding-bottom: 24px;background-image: url(../images/p4a.png);background-repeat: no-repeat;background-position: center bottom;}
.p4a h3 {font-size: 59.07px;text-transform: uppercase;font-weight: bold;color: rgba(51, 51, 51, .11);line-height: 62px;}
.p4a h4 {font-size: 28.42px;color: #333;font-weight: bold;line-height: 44px;}

.p4b {margin-top: 40px;position: relative;}

.p4b1 {overflow: hidden;}
.p4b1 ul li {width: 395px;margin-right: 7.5px;}
.p4b1 ul li a {display: block;}
.p4b1 ul li a+a {margin-top: 9px;}
.p4b1a {height: 295px;line-height: 295px;}
.p4b1b {margin-top: 4px;padding: 0 41px 0 22px;background-color: #f4f4f4;font-size: 16px;color: #333;line-height: 45px;background-repeat: no-repeat;background-image: url(../images/p4b1b.png);background-position: 354px center;}

.p4b1 ul li a:hover .p4b1b {background-color: #0f4682;color: #fff;background-image: url(../images/p4b1b-hover.png);}

.p4b2 img {position: absolute;cursor: pointer;top: 298px;}
.p4b2 img.prev {left: -104px;}
.p4b2 img.next {right: -104px;}

/* 关于我们 */
.p5 {background-image: url(../images/p5.jpg);}

.p5-box {padding: 77px 0 51px;}

.p5a {width: 640px;}
.p5a1 {border-bottom: 1px solid rgba(255, 255, 255, .5);padding-bottom: 15px;}

.p5a1a h3 {font-size: 45.17px;color: #fff;font-weight: bold;text-transform: uppercase;line-height: 51px;}
.p5a1a h4 {font-size: 24px;color: #fff;font-weight: normal;padding-left: 60px;line-height: 40px;position: relative;}
.p5a1a h4::before {content: "";display: block;width: 17px;height: 4px;background-color: #f4f4f4;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.p5a1b {margin-top: 50px;}
.p5a1b a {display: block;font-size: 14px;color: #fff;padding-left: 48px;line-height: 20px;text-transform: uppercase;position: relative;}
.p5a1b a::before {content: "";display: block;width: 29px;height: 2px;background-color: #f4f4f4;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.p5a2 {margin-top: 45px;min-height: 252px;}
.p5a2 p {font-size: 16px;color: #fff;line-height: 28px;}

.p5a3 {width: 574px;margin-top: 75px;height: 159px;line-height: 159px;}

.p5a4 h3 {font-size: 48px;color: #fff;font-family: Impact;text-transform: uppercase;font-weight: bold;line-height: 104px;}
.p5a4 h4 {font-size: 24px;color: #fff;font-weight: lighter;padding-left: 132px;margin-left: 19px;line-height: 104px;position: relative;}
.p5a4 h4::before {content: "";display: block;width: 116px;height: 3px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

.p5b {width: 496px;position: relative;margin-top: 69px;}
.p5b::after {content: "";display: block;width: 496px;height: 641px;border: 1px solid rgba(255, 255, 255, .5);left: 13px;top: -12px;position: absolute;}
.p5b div {height: 641px;line-height: 641px;}

/* 关于我们下的数据 */
.p6 {background-color: #333;padding: 42px 0 41px;line-height: 0;text-align: center;}

.p6 ul {display: inline-block;}
.p6 ul li {width: 270px;text-align: center;padding: 15px 0 11px;border-right: 1px solid #505050;border-left: 1px solid #151515;}
.p6 ul li:first-child {border-left: none;}
.p6 ul li:last-child {border-right: none;}
.p6 ul li h3 {font-size: 14px;color: #fff;line-height: 64px;}
.p6 ul li h3 span {font-size: 42px;color: #fff;font-family: Impact;}
.p6 ul li p {font-size: 16px;color: #fff;line-height: 46px;}

/* 新闻中心 */
.p7-box {padding: 74px 0 91px;}

.p7a {text-align: center;padding-bottom: 24px;background-image: url(../images/p7a.png);background-repeat: no-repeat;background-position: center bottom;}
.p7a h3 {font-size: 59.07px;text-transform: uppercase;font-weight: bold;color: rgba(51, 51, 51, .11);line-height: 62px;}
.p7a h4 {font-size: 28.42px;color: #333;font-weight: bold;line-height: 44px;}

.p7b {margin-top: 34px;}

.p7b1 {width: 336px;height: 336px;line-height: 336px;margin-top: 13px;}

.p7b2 {width: 461px;margin-left: 30px;}
.p7b2a a {display: block;}
.p7b2a a h3 {font-size: 16px;color: #333;font-weight: bold;line-height: 42px;}
.p7b2a a p {font-size: 14px;color: #999;line-height: 22px;min-height: 44px;}

.p7b2b {margin-top: 27px;}
.p7b2b li+li {margin-top: 25px;}
.p7b2b li a {display: block;}
.p7b2b1 {width: 73px;height: 62px;background-color: #ddd;text-align: center;font-size: 24px;color: #333;font-weight: bold;line-height: 36px;padding: 7px 0 19px;position: relative;}
.p7b2b1::after {content: "";display: block;width: 23px;height: 2px;background-color: #090d16;position: absolute;left: 50%;bottom: 17px;transform: translateX(-50%);}

.p7b2b2 {width: 388px;height: 62px;background-color: #f5f5f5;padding: 12px 19px 12px 14px;}
.p7b2b2 h3 {font-size: 14px;color: #333;font-weight: bold;line-height: 19px;}
.p7b2b2 p {font-size: 14px;color: #999;line-height: 19px;}

.p7b3 {width: 336px;}
.p7b3a ul li a {display: block;border-bottom: 2px dashed #f3f3f3;padding-bottom: 3px;}
.p7b3a ul li a h3 {font-size: 14px;color: #333;font-weight: bold;line-height: 36px;}
.p7b3a ul li a p {font-size: 14px;color: #999;line-height: 22px;margin-top: 2px;}

/* 底部 */
.pf {background-image: url(../images/pf.jpg);}

.pf1-box {padding: 48px 0 30px;}

.pf1a {width: 320px;}
.pf1a1 h3 {font-size: 16px;color: #58abff;font-weight: normal;text-transform: uppercase;line-height: 26px;}
.pf1a1 h4 {font-size: 18px;color: #fff;font-weight: bold;line-height: 30px;}

.pf1a2 {width: 202px;margin-top: 30px;}
.pf1a2 p {float: left;width: 50%;padding-left: 12px;background-image: url(../images/pf1a2.png);background-repeat: no-repeat;background-position: left center;line-height: 34px;font-size: 12px;color: #fff;}
.pf1a2 p a {color: #fff;}

.pf1b {width: 230px;}
.pf1b1 h3 {font-size: 16px;color: #58abff;font-weight: normal;text-transform: uppercase;line-height: 26px;}
.pf1b1 h4 {font-size: 18px;color: #fff;font-weight: bold;line-height: 30px;}

.pf1b2 {padding-left: 8px;margin-top: 30px;}
.pf1b2 ul li {padding-left: 12px;background-image: url(../images/pf1b2.png);background-repeat: no-repeat;background-position: left center;line-height: 34px;font-size: 12px;color: #fff;}
.pf1b2 ul li a {color: #fff;}

.pf1c {width: 300px;}
.pf1c1 h3 {font-size: 16px;color: #58abff;font-weight: normal;text-transform: uppercase;line-height: 26px;}
.pf1c1 h4 {font-size: 18px;color: #fff;font-weight: bold;line-height: 30px;}

.pf1c2 {margin-top: 32px;}
.pf1c2 p {line-height: 26px;font-size: 12px;color: #fff;}

.pf1d {width: 275px;}
.pf1d1 h3 {font-size: 16px;color: #58abff;font-weight: normal;text-transform: uppercase;line-height: 26px;}
.pf1d1 h4 {font-size: 18px;color: #fff;font-weight: bold;line-height: 30px;}

.pf1d2 {margin-top: 11px;}
.pf1d2 ul li {width: 132px;margin-right: 11px;}
.pf1d2 ul li:nth-child(2n) {margin-right: 0;}
.pf1d2 ul li div {padding: 16px;background-image: url(../images/pf1d2.png);background-repeat: no-repeat;background-size: 100% 100%;}
.pf1d2 ul li h3 {font-size: 14px;color: #fff;font-weight: normal;text-align: center;line-height: 34px;}

.pf2 {border-top: 1px solid rgba(109, 179, 255, .5);}
.pf2-box {padding: 18px 0 30px;}

.pf2a {margin-left: 17px;width: 277px;margin-top: 26px;}

.pf2b {width: 890px;}
.pf2b p {font-size: 14px;color: #fff;line-height: 32px;}
.pf2b p a {color: #fff;}