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

/* 通用样式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1202px;margin: 0 auto;}
.fl {float: left;/*height: 60px;*/}
.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 {background-color: #e5e5e5;}

.ph1-box div {font-size: 12px;color: #666;line-height: 27px;}
.ph1-box div p {font-size: 12px;color: #666;line-height: 27px;}
.ph1-box div a {font-size: 12px;color: #666;line-height: 27px;}

.ph2 {position: relative;z-index: 999999;}

.ph2a {height: 88px;padding-bottom: 15px;line-height: 73px;width: 333px;}

.ph2b {margin-top: 30px;width: 72px;position: relative;z-index: 999;}
.ph2b1 {width: 100%;height: 35px;border: 1px solid #0155a5;line-height: 33px;padding-left: 16px;background-image: url(../images/ph2b1.png);background-repeat: no-repeat;background-position: 47px center;font-size: 12px;color: #1c1f88;cursor: pointer;}

.ph2b2 {position: absolute;left: 50%;top: 100%;background-color: #fff;display: none;transform: translateX(-50%);z-index: 999;}
.ph2b2 a {display: block;border: 1px solid #0155a5;line-height: 15px;text-align: center;font-size: 12px;color: #1c1f88;padding: 9px 2px;min-width: 72px;white-space: nowrap;}

.ph2c {margin-top: 30px;height: 35px;width: 493px;margin-left: 7px;}
.ph2c1 {width: 414px;height: 100%;border: 1px solid #0155a5;font-size: 12px;color: #ababab;padding-left: 10px;}

.ph2c1::-webkit-input-placeholder {color: #ababab;}
.ph2c1::-ms-input-placeholder {color: #ababab;}
.ph2c1::-moz-placeholder {color: #ababab;}
.ph2c1::placeholder {color: #ababab;}

.ph2c2 {width: 74px;height: 100%;background-color: #1c1f88;padding-left: 35px;font-size: 12px;color: #fff;background-image: url(../images/ph2c2.png);background-repeat: no-repeat;background-position: 18px center;line-height: 35px;text-align: start;}

.ph2d {padding-left: 43px;background-repeat: no-repeat;background-position: left center;margin-top: 25px;}
.ph2d p {font-size: 12px;color: #1c1f88;line-height: 22px;}
.ph2d p strong {font-weight: bold;font-size: 14px;line-height: 22px;}

.ph3 {background-color: #1c1f88;}
.ph3-box {width: 1280px;}

/* 导航栏 */
.nav1 {width: 100%;}
.nav-li {position: relative;z-index: 999;width: 10%;}
.nav-li .nav-a {display: block;line-height: 60px;font-size: 14px;color: #fff;width: 100%;text-align: center;padding-top: 6px;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 50%;top: 100%;background-color: #1c1f88;z-index: 999;min-width: 100%;transform: translateX(-50%);}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: left;display: block;color: #fff;white-space: nowrap;padding: 0 2px;    text-indent: 1em;}

.nav-li:hover .nav-a {background-image: url(../images/nav-a.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.nav-ul li a:hover {}

/* 关于我们 */
.p1a {padding: 51px 0 16px;}

.p1a1 {width: 794px;background-image: url(../images/p1a1.jpg);padding: 13px 20px 20px 14px;}

.p1a1a {width: 360px;height: 210px;}
.p1a1a2 {margin-top: 7px;}
.p1a1a2a {font-size: 16px;color: #737373;font-weight: bold;line-height: 56px;}
.p1a1a2b p {font-size: 12px;color: #737373;line-height: 15px;}

.p1a1b {width: 378px;}
.p1a1b li {min-height: 91px;border-bottom: 1px solid #737373;padding-bottom: 13px;}
.p1a1b li+li {margin-top: 41px;}
.p1a1b li h3 {font-size: 14px;color: #737373;font-weight: bold;line-height: 14px;}
.p1a1b li p {font-size: 12px;color: #737373;line-height: 15px;margin-top: 18px;text-indent: 2em;}

.p1a2 {width: 401px;}
.p1a2a {height: 324px;background-color: #000;overflow: hidden;}

.p1a2b {height: 64px;background: -webkit-linear-gradient(left, #1c1f88, #eb2e26);background: -o-linear-gradient(left, #1c1f88, #eb2e26); background: -moz-linear-gradient(left, #1c1f88, #eb2e26);background: linear-gradient(left, #1c1f88, #eb2e26);padding: 0 16px 0 21px;}

.p1a2b1 {height: 100%;position: relative;padding-top: 15px;}
.p1a2b1::before {content: "";display: block;width: 71px;height: 2px;background-color: #f01822;position: absolute;left: -1px;top: 0;transform: translateY(-100%);}
.p1a2b1 h3 {font-size: 16px;color: #fff;font-weight: bold;line-height: 20px;}
.p1a2b1 h4 {font-size: 12px;color: #fff;font-weight: normal;line-height: 14px;font-family: Arial;}

.p1a2b2 {line-height: 54px;padding-top: 10px;}
.p1a2b2 a {font-size: 14px;color: #fff;}

.p1b {padding: 17px 0 31px;}
.p1b li {width: 400px;margin-right: 1px;}
.p1b li:nth-child(3n) {margin-right: 0;}
.p1b li a {display: block;}
.p1b1 {height: 224px;}
.p1b2 {height: 63px;background: -webkit-linear-gradient(left, #1c1f88, #eb2e26);background: -o-linear-gradient(left, #1c1f88, #eb2e26); background: -moz-linear-gradient(left, #1c1f88, #eb2e26);background: linear-gradient(left, #1c1f88, #eb2e26);padding: 11px 0 12px 18px;position: relative;}
.p1b2 h3 {font-size: 16px;color: #fff;font-weight: bold;line-height: 22px;}
.p1b2 h4 {font-size: 12px;color: #fff;font-weight: normal;line-height: 18px;font-family: Arial;}

.p1b2::before {content: "";display: block;width: 63px;height: 2px;background-color: #f01822;position: absolute;left: 18px;top: 0;transform: translateY(-50%);}

.p1c {background-color: #f4f4f4;text-align: center;line-height: 0;}
.p1c ul {display: inline-block;}
.p1c ul li {width: 370px;text-align: center;line-height: 0;}
.p1c ul li a {display: inline-block;}
.p1c ul li a div {width: 40px;height: 40px;text-align: center;line-height: 40px;}
.p1c ul li a h3 {font-size: 14px;color: #808080;line-height: 40px;}

/* 产品中心 */
.p2 {background-image: url(../images/p2.jpg);}

.p2-box {padding: 35px 0 50px;}

.p2a {text-align: center;}
.p2a h3 {font-size: 30px;color: #fff;font-weight: normal;line-height: 40px;}
.p2a h4 {font-size: 16px;color: #fff;font-weight: lighter;line-height: 24px;text-transform: uppercase;}

.p2b {margin-top: 40px;}
.p2b li {width: 281px;height: 458px;position: relative;margin-right: 26px;transform: translate(0, 0);transition: transform 1s;}
.p2b li:nth-child(4n) {margin-right: 0;}

.p2b1, .p2b2 {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

.p2b1 div {position: absolute;left: 0;right: 0;bottom: 0;height: 126px;/*background-color: #fff;*/border: 1px solid #dcdcdc;border-top: none;padding: 26px 0 16px;background-color:#dd2b24;}
.p2b1 div h3 {text-align: center;font-size: 16px;color: #fff;line-height: 50px;}
.p2b1 div a {display: block;margin: 0 auto;width: 118px;height: 32px;border-radius: 16px;border: 1px solid #d7d7d7;text-align: center;line-height: 30px;font-size: 12px;color: #fff;}

.p2b2 {display: none;padding: 99px 20px 74px;box-shadow: 0 0 20px 6px rgba(0, 0, 0, .25);}
.p2b2 h3 {font-size: 22px;color: #fff;line-height: 1;}
.p2b2 a {display: block;width: 148px;height: 55px;line-height: 54px;border-bottom: 1px solid #fff;font-size: 16px;color: #fff;margin-top: 210px;margin-left: 7px;background-image: url(../images/p2b2.png);background-repeat: no-repeat;background-position: right center;}

.p2b li:hover {transform: translate(16px, -9px);}
.p2b li:hover .p2b1 {display: none;}
.p2b li:hover .p2b2 {display: block;}

/* 经典案例 */
.p3-box {padding: 45px 0 50px;}

.p3a {text-align: center;}
.p3a h3 {font-size: 30px;color: #333;font-weight: normal;line-height: 40px;}
.p3a h4 {font-size: 16px;color: #333;font-weight: lighter;line-height: 24px;text-transform: uppercase;}

.p3b {margin-top: 45px;}
.p3b li {width: 398px;height: 320px;border: 1px solid #e5e5e5;margin-right: 4px;}
.p3b li:nth-child(3n) {margin-right: 0;}
.p3b li a {display: block;width: 100%;height: 100%;padding: 14.5px 18.5px;}
.p3b li a div {width: 359px;height: 289px;border: 1px solid #fff;text-align: center;padding-top: 130px;}
.p3b li a div h3 {font-size: 16px;color: #fff;font-weight: bold;line-height: 34px;}
.p3b li a div h4 {font-size: 12px;color: #fff;font-weight: normal;line-height: 32px;font-family: Arial;}

.p3b li a:hover {background-color: rgba(16, 16, 16, .7);}

/* 新闻中心 */
.p4 {background-color: #f4f4f4;}

.p4-box {padding: 50px 0 37px;}

.p4a {width: 541px;}

.p4a1 {font-size: 20px;color: #404040;font-weight: bold;line-height: 1;position: relative;}
.p4a1::before {content: "";display: block;width: 454px;height: 1px;background-color: #dcdcdc;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

.p4a2 {margin-top: 25px;}
.p4a2a {width: 270px;height: 237px;}

.p4a2b {width: 271px;height: 237px;background-color: #fff;padding: 17px 10px 0 17px;}
.p4a2b a {font-size: 16px;color: #404040;font-weight: bold;line-height: 24px;}
.p4a2b h3 {font-size: 12px;color: #6e6e6e;line-height: 22px;}
.p4a2b p {font-size: 12px;color: #6e6e6e;line-height: 24px;margin-top: 9px;}

.p4a3 {padding-right: 28px;line-height: 42px;background-color: #1c1f88;text-align: end;}
.p4a3 a {font-size: 14px;color: #fff;}

.p4b {width: 615px;}

.p4b1 {font-size: 20px;color: #404040;font-weight: bold;line-height: 1;position: relative;}
.p4b1::before {content: "";display: block;width: 522px;height: 1px;background-color: #dcdcdc;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

.p4b2 {margin-top: 32px;}
.p4b2 li+li {margin-top: 15px;padding-top: 19px;border-top: 1px solid #bfbfbf;}

.p4b2a {width: 51px;text-align: center;background-color: #1c1f88;padding: 4px 0 5px;}
.p4b2a h3 {font-size: 20px;color: #fff;font-weight: bold;line-height: 23px;}
.p4b2a p {font-size: 14px;color: #fff;line-height: 19px;}

.p4b2b {width: 533px;padding-right: 5px;}
.p4b2b a {display: block;font-size: 16px;color: #585858;font-weight: bold;line-height: 1;}
.p4b2b p {font-size: 12px;color: #737373;line-height: 24px;margin-top: 6px;}

.p5-6 {background-image: url(../images/p5-6.jpg);}
/* 联系我们 */
.p5 {padding: 45px 0 26px;}

.p5a {text-align: center;}
.p5a h3 {font-size: 30px;color: #333;font-weight: normal;line-height: 40px;}
.p5a h4 {font-size: 16px;color: #333;font-weight: lighter;line-height: 24px;text-transform: uppercase;}

.p5b {padding-left: 25px;margin-top: 40px;}
.p5b1 {width: 560px;}

.p5b1b {margin-top: 30px;}
.p5b1b p {font-size: 16px;color: #8a8a8a;line-height: 30px;}

.p5b1c {background-repeat: no-repeat;padding-left: 50px;background-position: left center;margin-top: 32px;}
.p5b1c p {font-size: 18px;color: #1c1f88;font-weight: bold;line-height: 26px;}
.p5b1c p+p {font-size: 20px;}

.p5b2 {width: 571px;}
.p5b2a {font-size: 12px;color: #8a8a8a;line-height: 15px;}

.p5b2a {margin-top: 25px;}
.p5b2a-box {margin-top: 18px;}

.p5b2a1 {height: 40px;}
.p5b2a1 input {width: 100%;height: 100%;background-color: #fff;padding-left: 13px;border: 2px solid #d2d2d2;font-size: 14px;color: #9d9997;font-weight: bold;}

.p5b2a1 input::-webkit-input-placeholder {color: #d2d2d2;}
.p5b2a1 input::-ms-input-placeholder {color: #d2d2d2;}
.p5b2a1 input::-moz-placeholder {color: #d2d2d2;}
.p5b2a1 input::placeholder {color: #d2d2d2;}

.p5b2a2 {height: 100px;}
.p5b2a2 textarea {width: 100%;height: 100%;background-color: #fff;padding-left: 13px;border: 2px solid #d2d2d2;font-size: 14px;color: #9d9997;font-weight: bold;line-height: 36px;}

.p5b2a2 textarea::-webkit-input-placeholder {color: #d2d2d2;}
.p5b2a2 textarea::-ms-input-placeholder {color: #d2d2d2;}
.p5b2a2 textarea::-moz-placeholder {color: #d2d2d2;}
.p5b2a2 textarea::placeholder {color: #d2d2d2;}

.p5b2a3 {height: 40px;}
.p5b2a3 input {width: 120px;height: 100%;background-color: #fff;padding-left: 13px;border: 2px solid #d2d2d2;font-size: 14px;color: #9d9997;font-weight: bold;}
.p5b2a3 span {display: block;width: 120px;height: 100%;margin-left: 10px;}

.p5b2a3 input::-webkit-input-placeholder {color: #d2d2d2;}
.p5b2a3 input::-ms-input-placeholder {color: #d2d2d2;}
.p5b2a3 input::-moz-placeholder {color: #d2d2d2;}
.p5b2a3 input::placeholder {color: #d2d2d2;}

.p5b2a4 {height: 46px;}
.p5b2a4 input {width: 163px;height: 100%;background-color: #1c1f88;font-size: 14px;color: #fff;font-weight: bold;letter-spacing: 5px;}

/* 友情链接 */
.p6 {font-size: 12px;color: #000;line-height: 2;padding: 10px 0;}
.p6 a {font-size: 12px;color: #000;line-height: 2;margin: 0 5px;}

/* 底部 */
.pf {padding-top: 3px;background-image: url(../images/pf.png);background-repeat: no-repeat;background-position: center top;background-color: #2f2e2f;}
.pf-box {/* text-align: center; */font-size: 14px;color: #fff;line-height: 18px;padding: 20px 0 20px;}
.pf-box a {color: #fff;}

.zhi{font-size: 14px;color: #fff;line-height: 18px;/* padding: 19px 0 26px; */float: left;margin-left: 60px;width: 473px;    margin-right: 60px;}

.dian{
   
    margin-left: 120px;
    line-height: 66px;}
.tu{margin-right:60px;}