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

/* 通用样式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}
.ovimg {overflow: hidden;}
.ovimg img {width: 100%;min-height: 100%;}
.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);}
.ibw img {width: 100%;height: auto;}
.miw img {max-width: 100%;max-height: 100%;}
.iml img {transform: translateY(-1px);}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.bgmax {background-repeat: no-repeat;background-size: cover;background-position: center center;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center center;}
.fh {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bw {width: 100%;}

/* 头部 */
.ph1 {border-bottom: 1px solid #d4d4d4;}

.ph1-box div {font-size: 12px;color: #7e7e7e;line-height: 31px;}
.ph1-box div p {font-size: 12px;color: #7e7e7e;line-height: 31px;}
.ph1-box div a {font-size: 12px;color: #7e7e7e;line-height: 31px;}

.ph2 {height: 126px;}
.ph2a {margin-top: 24px;height: 81px;}
.ph2a1 {height: 100%;border-right: 1px solid #c5c5c5;padding-right: 19px;}
.ph2a2 {padding-left: 21px;padding-top: 12px;}
.ph2a2 h3 {font-size: 24px;color: #1b1b1b;font-weight: bold;line-height: 1;}
.ph2a2 p {font-size: 19px;color: #ff0000;line-height: 1;margin-top: 15px;}

.ph2b {padding-left: 69px;margin-top: 34px;background-repeat: no-repeat;background-position: left top;min-height: 59px;}
.ph2b h3 {font-size: 15px;color: #222;line-height: 1;}
.ph2b p {font-size: 28px;font-weight: bold;margin-top: 12px;color: #ff0000;line-height: 1;}

.ph3 {background-color: #022874;}

/* 导航栏 */
.nav1 {}
.nav-li {position: relative;z-index: 999;width: 205px;padding-left: 71px;padding-right: 20px;margin-left: -53px;margin-right: -10px;background-repeat: no-repeat;}
.nav-li+.nav-li {margin-left: -63px;background-image: url(../images/nav-li.png);background-position: 55px center;}
.nav-li .nav-a {display: block;line-height: 58px;font-size: 17px;color: #fff;width: 100%;text-align: center;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 0;top: 100%;background-color: #022874;z-index: 999;width: 154px;transform: translateX(41px);}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #fff;}

.nav-li:hover {background-image: url(../images/nav-li-hover.png);background-position: center center;}
.nav-li:hover+.nav-li {background-image: none;}
.nav-li:hover .nav-a {}
.nav-ul li a:hover {}

/* 搜索 */
.p1 {border-bottom: 1px solid #bcbcbc;}

.p1a {font-size: 14px;color: #222;line-height: 56px;}
.p1a a {color: #222;}
.p1a a+a {margin-left: 20px;}

.p1b {margin-top: 10px;width: 319px;height: 35px;border: 1px solid #717171;border-radius: 17px;}
.p1b1 {height: 100%;width: 283px;padding-left: 16px;font-size: 13px;color: #686868;font-weight: lighter;}

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

.p1b2 {width: 34px;height: 100%;background-image: url(../images/p1b2.png);background-repeat: no-repeat;background-position: left center;}

/* 标题样式 */
.pa {text-align: center;}
.pa h3 {font-size: 38px;color: #212121;font-weight: bold;line-height: 1;}
.pa h3::before, .pa h3::after {content: "";display: inline-block;width: 33px;height: 1px;background-color: #000;margin: 0 36px;transform: translateY(-13px);}
.pa p {font-size: 22px;color: #212121;font-weight: lighter;line-height: 1;margin-top: 12px;}

/* 产品展示 */
.p2-box {padding: 68px 0 29px;}

.p2b {margin-top: 61px;}

.p2b1 {width: 273px;background-image: url(../images/p2b1.jpg);padding-bottom: 21px;}

.p2b1a {text-align: center;line-height: 61px;font-size: 26px;color: #fff;}

.p2b1b {width: 230px;margin: 0 auto;}
.p2b1b li+li {margin-top: 12px;}
.p2b1b li a {font-size: 17px;color: #212121;display: block;line-height: 46px;padding-left: 59px;background-color: #fff;border-radius: 23px;background-image: url(../images/p2b1b.png);background-repeat: no-repeat;background-position: 22px center;}

.p2b1b li a:hover {background-color: #ff0000;background-image: url(../images/p2b1b-hover.png);color: #fff;}

.p2b2 {width: 913px;padding-left: 14px;padding-top: 12px;background-image: url(../images/p2b2.jpg);background-repeat: no-repeat;background-position: left top;position: relative;}

.p2b2a ul li {width: 899px;}
.p2b2a ul li a {display: block;position: relative;}
.p2b2a ul li a div {height: 460px;}
.p2b2a ul li a h3 {position: absolute;left: 0;bottom: 0;right: 0;text-align: center;display: block;line-height: 40px;font-size: 17px;color: #fff;background-color: rgba(0, 0, 0, .63);}

.p2b2b a {display: block;width: 56px;height: 56px;background-repeat: no-repeat;background-position: center center;position: absolute;top: 50%;transform: translateY(-50%);}
.p2b2b a.prev {background-image: url(../images/p2b2b-left.png);left: 14px;}
.p2b2b a.next {background-image: url(../images/p2b2b-right.png);right: 0;}

/* 推荐产品 */
.p3-box {padding: 29px 0 70px;}

.p3a1 {height: 27px;border-left: 6px solid #ff0000;padding-left: 15px;font-size: 24px;color: #131313;font-weight: bold;}
.p3a2 a {font-size: 33px;font-family: "宋体";color: #3f3f3f;line-height: 27px;font-weight: bold;}
.p3a2 a+a {margin-left: 45px;}

.p3b {overflow: hidden;margin-top: 25px;}
.p3b ul li {width: 300px;margin-right: 17px;}
.p3b ul li a {display: block;}
.p3b ul li a div {border: 1px solid #d7d7d7;height: 222px;}
.p3b ul li a h3 {text-align: center;font-size: 15px;color: #7c7c7c;line-height: 30px;}

/* 案例展示 */
.p4-box {padding: 72px 0 46px;}

.p4a h3 {color: #fff;}
.p4a h3::before, .p4a h3::after {background-color: #fff;}
.p4a p {color: #fff;margin-top: 24px;}

.p4b {margin-top: 66px;height: 494px;position: relative;}
.p4b-btn {position: absolute;display: block;width: 50px;height: 50px;border-radius: 50%;background-color: rgba(255, 255, 255, .7);text-align: center;line-height: 50px;font-size: 29px;color: #022874;top: 168px;cursor: pointer;z-index: 999;}

.p4b-btn.prev {left: 0;padding-right: 13px;}
.p4b-btn.next {right: 0;padding-left: 13px;}

.p4b ul {height: 100%;position: relative;}
.p4b ul li {position: absolute;z-index: 0;height: 382px;}
.p4b ul li a {display: block;height: 100%;position: relative;}
.p4b ul li a div {height: 100%;padding: 5px;background-color: #fff;}
.p4b ul li a h3 {display: none;position: absolute;left: 50%;top: 100%;text-align: center;font-size: 18px;color: #fff;line-height: 104px;width: 762px;transform: translateX(-50%);background-image: url(../images/p4b.png);background-repeat: no-repeat;background-position: center top;}

.p4b ul li:nth-child(2) a h3 {display: block;}

.p4c {text-align: center;}
.p4c a {display: inline-block;width: 154px;height: 37px;line-height: 37px;background-color: #ff0000;font-size: 16px;color: #fff;border-radius: 19px;}

/* 走进远拓 */
.p5-box {padding: 74px 0 63px;}

.p5a p {margin-top: 22px;}

.p5b {margin-top: 42px;}
.p5b1 {width: 797px;}
.p5b2 {width: 400px;background-image: url(../images/p5b2.jpg);padding: 15px 36px 40px;}
.p5b2a {line-height: 104px;font-size: 24px;color: #fff;font-weight: bold;}
.p5b2b {height: 252px;overflow: hidden;}
.p5b2b p {font-size: 14px;color: #fff;line-height: 28px;}
.p5b2c {margin-top: 13px;}
.p5b2c a {display: block;width: 134px;height: 38px;border-radius: 19px;background-color: #fff;margin: 0 auto;text-align: center;font-size: 14px;color: #3a3a3a;line-height: 38px;}

.p5c {margin-top: 18px;padding: 18px 0;background-color: #eee;}
.p5c li {width: 400px;}
.p5c li+li {border-left: 1px solid #ccc;}
.p5c li a {display: block;text-align: center;line-height: 62px;}
.p5c li a div {width: 60px;height: 60px;text-align: center;line-height: 60px;display: inline-block;background-color: #022874;border-radius: 50%;}
.p5c li a h3 {display: inline-block;line-height: 62px;font-size: 18px;color: #022874;margin-left: 14px;}

.p5c li a:hover div {background-color: #ff0000;}
.p5c li a:hover h3 {color: #ff0000;}

/* 横幅 */
.p6 {z-index: 9;}
.p6-box {padding: 59px 0 159px;}

.p6a {padding-bottom: 26px;border-bottom: 1px solid #0d78c8;}
.p6a1 h3 {font-size: 17px;color: rgba(255, 255, 255, .41);text-transform: uppercase;font-weight: lighter;line-height: 1;}
.p6a1 h4 {font-size: 36px;color: #fff;font-weight: bold;line-height: 1;margin-top: 10px;}
.p6a1 h5 {font-size: 18px;color: #fff;font-weight: normal;line-height: 1;margin-top: 15px;}

.p6a2 {line-height: 96px;}
.p6a2 a {display: inline-block;width: 156px;height: 49px;text-align: center;line-height: 49px;background-image: url(../images/p6a2.png);background-repeat: no-repeat;font-size: 17px;color: #fff;}

.p6a3 {height: 96px;width: 271px;margin-right: 20px;line-height: 96px;text-align: center;}

.p6b {margin-top: 23px;}
.p6b {text-align: center;}
.p6b-box {display: inline-block;padding-left: 45px;background-image: url(../images/p6b.png);background-repeat: no-repeat;background-position: left center;}
.p6b1 {font-size: 15px;color: #fff;line-height: 19px;}
.p6b2 {margin-left: 12px;}
.p6b2 p {font-size: 30px;color: #fff;line-height: 38px;font-weight: bold;}

/* 优势 */
.p7 {margin-top: -96px;}

.p7-box {padding: 118px 0 93px;}

.p7-item li+li {margin-top: 9px;}
.p7a, .p7b {width: 557px;}

.p7b div {position: relative;height: 110px;}
.p7b div img {position: absolute;top: 20px;right: 0;}
.p7b h3 {font-size: 31px;color: #022874;font-weight: bold;line-height: 1;}
.p7b h4 {font-size: 14px;color: #aaa;font-weight: lighter;line-height: 1;text-transform: uppercase;margin-top: 10px;}
.p7b p {font-size: 15px;color: #2e2e2e;font-weight: lighter;line-height: 27px;margin-top: 26px;}

.p7-item li:nth-child(2n) .p7a {float: right;}
.p7-item li:nth-child(2n) .p7b {float: left;}

.p7-item li:nth-child(2n) .p7b div img {right: auto;left: 0;}

/* 应用领域 */
.p8-box {padding: 62px 0 18px;width: 1300px;}

.p8a h3 {color: #fff;}
.p8a h3::before, .p8a h3::after {background-color: #fff;}
.p8a p {color: #fff;margin-top: 22px;}

.p8b {padding-bottom: 55px;background-image: url(../images/p8b.png);background-repeat: no-repeat;background-position: center bottom;margin-top: 46px;}
.p8b ul {background-color: #fff;padding: 32px 13px 14px;}
.p8b ul li {width: 224px;margin-right: 13px;}
.p8b ul li:nth-child(5n) {margin-right: 0;}
.p8b ul li a {display: block;}
.p8b ul li a div {height: 176px;}
.p8b ul li a h3 {line-height: 53px;text-align: center;font-size: 18px;color: #212121;}

/* 新闻中心 */
.p9-box {padding: 61px 0 29px;}

.p9a p {margin-top: 26px;}

.p9b {margin-top: 54px;}

.p9b1 {width: 600px;}

.p9b1a ul li {border-left: 7px solid transparent;padding-left: 13px;font-size: 22px;line-height: 38px;cursor: pointer;}
.p9b1a ul li+li {margin-left: 14px;}
.p9b1a ul li a {color: #222;font-weight: bold;}

.p9b1a ul li.on {border-color: #ff0000;}
.p9b1a ul li.on a {color: #ff0000;}

.p9b1b {margin-top: 24px;}

.p9b1b1 a {display: block;}
.p9b1b1a {width: 281px;height: 164px;border: 1px solid #dadada;}

.p9b1b1b {width: 303px;}
.p9b1b1b h3 {font-size: 17px;color: #222;line-height: 1;}
.p9b1b1b p {margin-top: 20px;font-size: 13px;color: #535353;line-height: 23px;}
.p9b1b1b div {width: 102px;text-align: center;height: 33px;line-height: 33px;background-color: #ff0000;font-size: 13px;color: #fff;margin-top: 24px;}

.p9b1b2 {margin-top: 35px;}
.p9b1b2 li a {display: block;border: 1px solid #c2c2c2;padding: 8px 0;}
.p9b1b2 li+li {margin-top: 12px;}

.p9b1b2a {width: 122px;text-align: center;border-right: 1px solid #c9c9c9;}
.p9b1b2a h3 {font-size: 28px;color: #222;font-weight: bold;line-height: 1;}
.p9b1b2a h4 {font-size: 19px;color: #222;font-weight: normal;line-height: 1;margin-top: 3px;}

.p9b1b2b {width: 476px;height: 50px;padding-left: 39px;padding-right: 36px;}
.p9b1b2b h3 {width: 225px;line-height: 50px;font-size: 16px;color: #222;}

.p9b1b2b p {display: block;width: 28px;height: 28px;border-radius: 50%;border: 1px solid #c2c2c2;text-align: center;line-height: 26px;font-size: 17px;color: #737373;font-family: "宋体";margin-top: 11px;}

.p9b2 {width: 547px;border: 1px solid #c1c1c1;}

.p9b2a {border-bottom: 1px solid #d0d0d0;padding: 0 15px;}
.p9b2a h3 {font-size: 18px;color: #222;font-weight: bold;line-height: 40px;}
.p9b2a a {font-size: 15px;color: #5c5c5c;line-height: 40px;}

.p9b2b {padding: 5px 22px 12px 11px;}
.p9b2b ul {}
.p9b2b ul li {padding-top: 17px;border-bottom: 2px dashed #cfcfcf;}
.p9b2b ul li a {display: block;}
.p9b2b ul li a h3 {padding-left: 34px;padding-right: 20px;line-height: 24px;font-size: 16px;color: #222;line-height: 24px;background-image: url(../images/p9b2b.jpg);background-repeat: no-repeat;background-position: left center;}
.p9b2b ul li a p {padding-left: 34px;padding-right: 20px;line-height: 40px;margin-top: 3px;font-size: 14px;color: #727272;}

/* 友情链接 */
.p10-box {padding: 29px 0 40px;}
.p10a h3 {font-size: 33px;color: #101010;font-weight: bold;text-transform: uppercase;line-height: 28px;}
.p10a div {width: 83px;height: 28px;text-align: center;line-height: 28px;background-color: #ff0000;font-size: 14px;color: #fff;margin-left: 5px;}

.p10b {min-height: 44px;padding: 10px 0;margin-left: -40px;}
.p10b a {font-size: 14px;color: #2e2e2e;line-height: 20px;margin-left: 40px;}

/* 底部 */
.pf1 {background-color: #ff0000;}

.pf1-box {width: 1242px;}

.pf1-box ul li {width: 138px;}
.pf1-box ul li a {line-height: 58px;text-align: center;display: block;font-size: 17px;color: #fff;}

.pf2-box {padding: 50px 0 56px;}

.pf2a {width: 525px;padding-right: 115px;font-size: 13px;color: #fff;line-height: 31px;}
.pf2a a {color: #fff;}

.pf2b {width: 475px;}
.pf2b p {font-size: 16px;color: #fff;line-height: 26px;padding-left: 37px;background-repeat: no-repeat;background-position: left center;}
.pf2b p+p {margin-top: 18px;}

.pf2b p:nth-child(1) {background-image: url(../images/pf2b-1.png);}
.pf2b p:nth-child(2) {background-image: url(../images/pf2b-2.png);}
.pf2b p:nth-child(3) {background-image: url(../images/pf2b-3.png);}
.pf2b p:nth-child(4) {background-image: url(../images/pf2b-4.png);}

.pf2c {width: 120px;}
.pf2c p {font-size: 14px;color: #fff;font-weight: lighter;text-align: center;line-height: 46px;}