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

.ibw, .miw, .iml, .imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .8s;-moz-transition: all ease .8s;-ms-transition: all ease .8s;-o-transition: all ease .8s;transition: all ease .8s;}
.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);}
.ibw img {width: 100%;height: auto;}
.miw img {max-width: 100%;max-height: 100%;}
.iml {text-align: center;}
.iml img {transform: translateY(-1px);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 {border-bottom: 1px solid #e6e6e6;}

.ph1-box {padding-top: 4px;}
.ph1-box div {font-size: 14px;color: #4c4c4c;line-height: 36px;}
.ph1-box div p {font-size: 14px;color: #4c4c4c;line-height: 36px;}
.ph1-box div a {font-size: 14px;color: #4c4c4c;line-height: 36px;}

.ph2-box {padding-top: 12px;}
.ph2a {height: 100px;line-height: 100px;text-align: start;width: 288px;}

.ph2b {margin-top: 25px;padding-left: 27px;background-image: url(../images/ph2b.png);background-repeat: no-repeat;background-position: left center;}
.ph2b p {font-size: 14px;color: #4c4c4c;line-height: 25px;}
.ph2b p strong {font-weight: normal;color: #006db2;}

.ph2c {margin-top: 16px;text-align:left!important;}
.ph2c p {text-align:left!important;}
.ph2c p:nth-child(1) {/*font-size: 18px;color: #000;line-height: 20px;*/}
.ph2c p:nth-child(n+2) {/*font-size: 24px;color: #006db2;line-height: 24px;*/}
.ph2c p:nth-child(2) {margin-top: 5px;}

.ph3 {background-color: #0c74b6;}
.ph3-box {width: 1312px;}

/* 导航栏 */
.nav1 {}
.nav-li {position: relative;z-index: 999;width: 164px;padding: 0 33px;}
.nav-li+.nav-li::before {content: "";display: block;width: 1px;height: 17px;background-color: #ccc;position: absolute;left: 0;top: 50%;transform: translate(-50%, -50%);}
.nav-li .nav-a {display: block;line-height: 58px;font-size: 16px;color: #fff;width: 100%;text-align: center;border-top: 2px solid transparent;border-bottom: 2px solid transparent;}
.nav-ul {position: absolute;left: 50%;top: 100%;background-color: #0c74b6;z-index: 999;min-width: 100%;transform: translate(-50%, 20px);opacity: 0;visibility: hidden;transition: all .5s ease;}
.nav-ul li {width: 100%;position:relative}
.nav-ul li::after {
  width: 0%;
  height: 1px;
  background: #e5e5e5;
  content: "";
  left:0%;
  bottom: 0px;
  position: absolute;
  transition:.5s;
}

.nav-ul li:hover::after{width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #fff;white-space: nowrap;padding: 0 5px;}

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

/* 产品分类 */
.p1 {background-color: #f7f7f7;}

.p1-box {padding: 46px 0 56px;}

.p1a li {width: 180px;margin-right: 75px;}
.p1a li:nth-child(5n) {margin-right: 0;}
.p1a li a {display: block;border: 1px solid #f7f7f7;background-color: #0c74b6;padding: 12px 0 21px;transform: translateY(0);transition: all 1s;}
.p1a li a div {width: 130px;padding-left: 5px;height: 126px;line-height: 126px;margin: 0 auto;transition: all 1s;}
.p1a li a h3 {text-align: center;font-size: 16px;color: #fff;line-height: 26px;margin-top: 13px;}

.p1a li a:hover {box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);border-color: #f2f2f2;transform: translateY(-20px);}

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

.p2a {width: 250px;background-color: #0c74b6;padding-bottom: 25px;}

.p2a1 {padding: 41px 14px 15px;border-bottom: 1px solid #fff;}
.p2a1 h3 {font-size: 24px;color: #fff;font-weight: bold;line-height: 34px;}
.p2a1 h4 {font-size: 18px;color: #fff;font-weight: normal;line-height: 28px;font-family: Arial;text-transform: uppercase;margin-top: 3px;}

.p2a2 {padding: 33px 21px 32px 15px;}
.p2a2 li a {font-size: 16px;color: #fff;line-height: 42px;border-bottom: 1px solid #fff;display: block;transition: all .8s;}

.p2a2 li a:hover {padding-left: 20px;}

.p2a3 {width: 211px;min-height: 191px;background-image: url(../images/p2a3.jpg);padding: 46px 10px;margin: 0 auto;}
.p2a3 p:nth-child(1) {font-size: 16px;color: #fff;line-height: 26px;}
.p2a3 p:nth-child(2) {font-size: 24px;color: #fff;line-height: 34px;margin-top: 8px;}

.p2b {width: 910px;}
.p2b li {width: 290px;margin-right: 20px;}
.p2b li:nth-child(3n) {margin-right: 0;}
.p2b li:nth-child(n+4) {margin-top: 21px;}
.p2b li a {display: block;position: relative;}
.p2b li a div {height: 300px;line-height: 300px;}
.p2b li a h3 {position: absolute;left: 0;bottom: 0;right: 0;text-align: center;line-height: 48px;display: block;background-color: rgba(12, 116, 182, .8);font-size: 16px;color: #fff;font-weight: normal;}

/* 工程案例 */
.p3 {background-image: url(../images/p3.jpg);}
.p3-box {padding: 52px 0 63px;}

.p3a {text-align: center;}
.p3a h3 {font-size: 24px;color: #fff;font-weight: bold;line-height: 34px;}
.p3a h4 {font-size: 18px;color: #fff;font-weight: normal;line-height: 28px;font-family: Arial;text-transform: uppercase;margin-top: 7px;background-image: url(../images/p3a.png);background-repeat: no-repeat;background-position: center;}

.p3b {margin-top: 51px;position: relative;}

.p3b1 {overflow: hidden;}
.p3b1 ul li {width: 390px;margin-right: 15px;}
.p3b1 ul li a {display: block;}
.p3b1 ul li a div {height: 247px;line-height: 247px;border-radius: 8px;}
.p3b1 ul li a h3 {text-align: center;font-size: 16px;color: #fff;line-height: 26px;margin-top: 8px;font-weight: normal;}

.p3b2 a {position: absolute;top: 50%;transform: translateY(-50%);display: block;width: 52px;height: 52px;border-radius: 50%;border: 3px solid rgba(255, 255, 255, .5);background-repeat: no-repeat;background-position: center;transition: all .5s;}

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

.p3b2 a:hover {background-color: #0c74b6;border-color: #0c74b6;}

.p3c {margin-top: 53px;}
.p3c a {display: block;width: 120px;margin: 0 auto;text-align: center;height: 40px;line-height: 38px;border: 1px solid #fff;border-radius: 8px;font-size: 14px;color: #fff;text-transform: uppercase;transition: all .8s;position: relative;overflow: hidden;z-index: 9;}
.p3c a::before {content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: #0c74b6;transform: translateY(100%);transition: all .8s;z-index: -1;}

.p3c a:hover {border-color: #0c74b6;}
.p3c a:hover::before {transform: translateY(0);}

/* 关于我们 */
.p4 {background-image: url(../images/p11.jpg);}
.p4-box {padding: 74px 0 80px;}

.p4a {text-align: center;}
.p4a h3 {font-size: 24px;color: #000;font-weight: bold;line-height: 34px;}
.p4a h4 {font-size: 18px;color: #000;font-weight: normal;line-height: 28px;font-family: Arial;text-transform: uppercase;margin-top: 7px;background-image: url(../images/p4b1.png);background-repeat: no-repeat;background-position: center;}

.p4b {margin-top: 20px;}

.p4b1 {width: 515px;margin-top: 3px;}

.p4b2 {width: 515px;margin-right: 35px;}

.p4b2a {margin-top: 30px;}
.p4b2a p:nth-child(1) {font-weight: bold;font-size: 18px;color: #4c4c4c;line-height:28px;}
.p4b2a p:nth-child(n+2) {font-size: 14px;color: #4c4c4c;line-height: 24px;}
.p4b2a p:nth-child(2) {margin-top: 10px;}

.p4b2b {margin-top: 79px;}
.p4b2b a {display: block;width: 120px;text-align: center;height: 40px;line-height: 38px;border: 1px solid #bfbfbf;border-radius: 8px;font-size: 14px;color: #2e2e2e;text-transform: uppercase;transition: all .8s;position: relative;overflow: hidden;z-index: 9;}

.p4b2b a::before {content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: #0c74b6;transform: translateY(100%);transition: all .8s;z-index: -1;}

.p4b2b a:hover {border-color: #0c74b6;color: #fff;}
.p4b2b a:hover::before {transform: translateY(0);}

/* 新闻动态 */
.p5 {background-image: url(../images/p5.jpg);}

.p5-box {padding: 62px 0 76px;}

.p5a {text-align: center;}
.p5a h3 {font-size: 24px;color: #000;font-weight: bold;line-height: 34px;}
.p5a h4 {font-size: 18px;color: #000;font-weight: normal;line-height: 28px;font-family: Arial;text-transform: uppercase;margin-top: 7px;background-image: url(../images/p5a.png);background-repeat: no-repeat;background-position: center;}

.p5b {margin-top: 29px;}
.p5b a {display: block;/* background-color: #fff; */}
.p5b1 {width: 574px;height: 318px;line-height: 318px;}


.p5b:hover{background:#0c74b6;}
.p5b:hover a{color:#fff;}
.p5b:hover .p5b2b{color:#fff;}
.p5b:hover .p5b2c h3{color:#fff}
.p5b:hover .p5b2a{color:#fff}
.p5b:hover h4{color:#fff}




.p5b2 {width: 535px;margin: 67px 64px 0 0;}
.p5b2a {font-size: 18px;color: #000;line-height: 28px;}
.p5b2b {font-size: 14px;color: #808080;line-height: 25px;margin-top: 23px;}
.p5b2c {margin-top: 37px;}
.p5b2c h3 {font-size: 12px;color: #808080;font-weight: normal;line-height: 22px;}
.p5b2c h4 {font-size: 12px;color: #0c74b6;font-weight: normal;line-height: 22px;margin-right: 20px;}

.p5c {margin-top: 18px;}
.p5c li {width: 380px;margin-right: 30px;}
.p5c li:nth-child(3n) {margin-right: 0;}
.p5c li a {display: block;background-color: #fff;padding: 34px 25px 32px 28px;}
.p5c1 {font-size: 16px;color: #000;line-height: 20px;min-height: 40px;}
.p5c2 {margin-top: 9px;}
.p5c2 h3 {font-size: 12px;color: #808080;font-weight: normal;line-height: 22px;}
.p5c2 h4 {font-size: 12px;color: #0c74b6;font-weight: normal;line-height: 22px;margin-right: 20px;}

.p5c li a:hover {background-color: #0c74b6;}
.p5c li a:hover .p5c1 {color: #fff;}
.p5c li a:hover .p5c2 h3 {color: #fff;}
.p5c li a:hover .p5c2 h4 {color: #fff;}

/* 友情链接 */
.p6 {background-color: #0c74b6;}
.p6-box {padding: 10px 0;font-size: 12px;color: #fff;line-height: 22px;}
.p6-box a {color: #fff;}

/* 底部 */
.pf1 {background-color: #0c74b6;}
.pf1-box {padding: 47px 0 39px;}

.pf1a {width: 149px;padding-right: 1px;position: relative;min-height: 206px;}
.pf1a::before {content: "";display: block;width: 1px;height: 201px;background-color: rgba(255, 255, 255, .5);position: absolute;right: 0;top: 5px;}
.pf1a1 {font-size: 18px;color: #fefefe;font-weight: bold;line-height: 28px;}
.pf1a2 {margin-top: 7px;}
.pf1a2 li+li {margin-top: 8px;}
.pf1a2 li a {display: block;font-size: 14px;color: #f2f2f2;line-height: 24px;}

.pf1a2 li a:hover {font-size: 16px;}

.pf1b {margin-left: 115px;width: 200px;padding-right: 1px;position: relative;min-height: 206px;}
.pf1b::before {content: "";display: block;width: 1px;height: 201px;background-color: rgba(255, 255, 255, .5);position: absolute;right: 0;top: 5px;}
.pf1b1 {font-size: 18px;color: #fefefe;font-weight: bold;line-height: 28px;}
.pf1b2 {margin-top: 7px;}
.pf1b2 li+li {margin-top: 8px;}
.pf1b2 li a {display: block;font-size: 14px;color: #f2f2f2;line-height: 24px;}

.pf1b2 li a:hover {font-size: 16px;}

.pf1c {margin-left: 111px;width: 380px;}
.pf1c1 {font-size: 18px;color: #fefefe;font-weight: bold;line-height: 28px;}
.pf1c2 {margin-top: 21px;}
.pf1c2 p {font-size: 14px;color: #fefefe;line-height: 24px;}
.pf1c2 p+p {margin-top: 18px;}

.pf1d {margin-top: 7px;width: 157px;}
.pf1d h3 {font-size: 14px;color: #fefefe;line-height: 24px;margin-top: 7px;text-align: center;}

.pf2 {background-color: #0967a2;}
.pf2-box {text-align: center;padding: 21px 0 14px;}
.pf2-box p {font-size: 14px;color: #fefefe;line-height: 24px;}
.pf2-box p a {color: #fefefe;}

/* 内页 */
.ny-box {padding: 36px 0 46px;}

.ny1 {width: 238px;}

.ny1a {border: 1px solid #efefef;}
.ny1a1 {background-color: #0c74b6;padding: 27px 0 10px 20px;line-height: 30px;font-size: 28px;color: #fff;font-weight: normal;}
.ny1a1 span {display: block;font-size: 14px;text-transform: uppercase;}

.ny1a2 .xypg-left-nav {margin: 0;}
.ny1a2 .xypg-left-nav > li {border: none;}
.ny1a2 .xypg-left-nav > li > a {padding: 0;padding-left: 25px;font-size: 14px;line-height: 52px;border-bottom: 1px solid #fff;background-color: #efefef;color: #024428;}
.ny1a2 .xypg-left-nav > li .first-nav-btn {display: none;}

.ny1a2 .xypg-left-nav > li:hover > a, .ny1a2 .xypg-left-nav > li.clicked > a {background-color: #ddd;}

.ny1b {margin-top: 21px;border: 1px solid #efefef;}
.ny1b1 {line-height: 46px;padding-left: 20px;background-color: #0c74b6;font-size: 16px;color: #fff;}
.ny1b2 {padding: 10px 0;}

.ny1b2a {height: 69px;line-height: 69px;}
.ny1b2b {padding: 10px 0 20px 12px;}
.ny1b2b p {font-size: 14px;color: #818181;line-height: 24px;}

.ny2 {width: 928px;}
.ny2a {border-bottom: 1px solid #eaeaea;}
.ny2a1 {line-height: 31px;color: #000;font-size: 16px;width: 340px;}

.ny2a2 {font-size: 14px;color: #999;line-height: 31px;padding-left: 29px;background-repeat: no-repeat;background-position: left center;background-image: url(../images/home.png);}
.ny2a2 a {color: #999;}

.ny2b {margin-top: 35px;}