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

/* 通用样式 */
.mbw {width: 100%;overflow: hidden;}
.mw1720 {max-width: 1720px;width: 100%;margin: 0 auto;}
.mp {padding: 0 2vw;}
.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, .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%;height: auto;}

.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 {position: relative;z-index: 999999;}

.ph1 {left: 0;top: 0;right: 0;position: absolute;background-color: rgba(0, 0, 0, .57);}

.ph1.active {position: fixed;;z-index: 999999;background-image: url(../images/ph2.jpg);background-color: transparent;transition: all 1s;}

.ph1-box {height: 5.3rem;}
.ph1a {width: 20%;position: relative;}
.ph1a img {max-height: 4.25rem;}
.ph1a img+img {opacity: 0;position: absolute;left: 0;top: 0;}

.ph1.active .ph1a img {opacity: 0;transition: all 1s;}
.ph1.active .ph1a img+img {opacity: 1;}

.ph1b {width: 60%;}


.xypg-right-content img{    
    max-width: 100%;
    height: auto !important;
    width: auto !important;}

.ph1c {width: 13.5%;justify-content: flex-start;}
.ph1c1 {max-width: 92%;}
.ph1c1 p {font-size: .75rem;color: #a7aaab;line-height: 2;white-space: nowrap;}

.ph1.active .ph1c1 p {color: #fff;transition: all 1s;}

.ph1c2 {position: relative;max-width: 8%;width: .7rem;}
.ph1c2a {cursor: pointer;position: relative;box-sizing: border-box;line-height: 1;}
.ph1c2a img {display: inline-block;box-sizing: border-box;line-height: 1;}
.ph1c2a img+img {position: absolute;left: 0;top: 0;opacity: 0;}

.ph1.active .ph1c2a img {opacity: 0;transition: all 1s;}
.ph1.active .ph1c2a img+img {opacity: 1;}

.ph1c2b {display: none;position: absolute;top: 200%;right: 0;}
.ph1c2b-box {width: 15rem;height: 1.5rem;}
.ph1c2b1 {width: 80%;box-sizing: border-box;padding: 0 .5rem;height: 100%;font-size: .6rem;color: #000;background-color: #fff;}

.ph1.active .ph1c2b1 {border: 1px solid #000;}

.ph1c2b1::-webkit-input-placeholder {color: #000;}
.ph1c2b1::-ms-input-placeholder {color: #000;}
.ph1c2b1::-moz-placeholder {color: #000;}
.ph1c2b1::placeholder {color: #000;}

.ph1c2b2 {width: 20%;height: 100%;font-size: .6rem;background-color: #21478b;color: #fff;}

.ph1.active .ph1c2b2 {background-color: #000;}

/* 导航栏 */
.nav1 {}
.nav-li {z-index: 999;flex: 1;}
.nav-li .nav-a {display: block;line-height: 5.3rem;font-size: .8rem;color: #fff;width: 100%;text-align: center;}
.nav-div {position: absolute;left: 50%;top: 100%;background-color: #fff;z-index: 999;width: 100%;height: 0;overflow: hidden;transform: translateX(-50%);padding: 0 2vw;}
.nav-box {width: 100%;}
.nav-ul {justify-content: flex-start;flex-wrap: wrap;padding: 1.9rem 0;}
.nav-ul li {width: 12.666%;}
.nav-ul li a {width: 100%;display: block;color: #000;white-space: nowrap;padding-top: .75rem;font-size: .8rem;line-height: 2;position: relative;}
.nav-ul li a::before {content: "";display: block;width: 1.5rem;height: .05rem;position: absolute;left: 0;top: 0;background-color: #21478b;transition: all .5s ease;}

.ph1.active .nav-li .nav-a {color: #000;transition: all 1s;}

.ph1 .nav-li:hover .nav-a {color: #21478b;font-weight: bold;transition: all 0;}
.ph1 .nav-ul li a:hover {color: #21478b;}
.ph1 .nav-ul li a:hover::before {width: 60%;} 

/* 关于我们 */
.p1 {padding: 3.7rem 0 2rem;background-image: url(../images/p1.jpg);}

.p1a {align-items: flex-end;width: 100%;max-width: 1920px;margin: 0 auto;}

.p1a1 {width: 43%;padding-left: 2vw;justify-content: flex-end;}
.p1a1-box {width: 100%;max-width: 724px;}

.p1a1a h3 {font-size: 2.5rem;color: #21478b;font-weight: normal;font-family: Impact;line-height: 1.42;}
.p1a1a h4 {font-size: 1.5rem;color: #000;font-weight: bold;line-height: 1.733333333333333;}
.p1a1a p {font-size: .8rem;color: #666;line-height: 2;}

.p1a1b {margin-top: 1.4rem;}
.p1a1b p {font-size: .8rem;color: #222;line-height: 2;}

.p1a2 {width: 57%;}
.p1a2a-item {padding-top: 3.25rem;background-position: right top;}
.p1a2a1 {width: 6.2rem;min-height: 17.75rem;background-color: #fff;padding: 1.75rem 0 0 1.25rem;}
.p1a2a1 a {font-size: .7rem;color: #222;}
.p1a2a1:hover a{color:#21478b;}


.p1b {margin-top: 1.5rem;}
.p1b1 {width: 20.5%;background-color: #21478b;padding: .95rem 0 2.6rem 1.1rem;}
.p1b1 h3 {font-size: 2.5rem;color: #fff;font-weight: normal;text-transform: uppercase;font-family: Impact;line-height: 1.2;}
.p1b1 h4 {font-size: 1.4rem;color: #fff;font-weight: normal;line-height: 1.285714285714286;}

.p1b2 {width: 76%;}
.p1b2 li {width: 15.9%;}
.p1b2 li a {display: block;}
.p1b2 li a div {max-width: 100%;width: 3.65rem;transform: rotateY(0);transition: all .5s;}
.p1b2 li a h3 {font-size: .8rem;font-weight: normal;color: #555;line-height: 1.9375;margin-top: .15rem;}

.p1b2 li a:hover div {transform: rotateY(180deg);}

 .p1a2 iframe{
        width:850px;
    height: 400px;}



@media (max-width:640px) {
    .p1a2 iframe{
    width: 360px;
    height: 301px;}
    
}






/* 标题通用样式 */
.pa {text-align: center;}
.pa h3 {font-size: 1.8rem;font-weight: bold;line-height: 2;}
.pa h4 {font-size: .8rem;color: #333;font-weight: normal;line-height: 1.75;}

/* 产品中心 */
.p2 {margin-top: 2.7rem;}

.p2-box {padding: 2rem 0 2.5rem;}

.p2b {margin-top: 1.5rem;}
.p2b ul {justify-content: center;flex-wrap: wrap;}
.p2b ul li {width: 9.4rem;margin: 0 .425rem .5rem;}
.p2b ul li a {display: block;width: 100%;text-align: center;background-color: #eee;font-size: .9rem;color: #333;line-height: 3.5;}
.p2b ul li a:hover {background-color: #21478b;color: #fff;}

.p2c {margin-top: 2.25rem;}
.p2c1-item a {display: block;}
.p2c1-item a h3 {display: block;text-align: center;font-size: .85rem;color: #282828;background-color: #ebebeb;line-height: 3.764705882352941;margin-top: .05rem;}

.p2c1-item a:hover h3 {background-color: #21478b;color: #fff;}

.p2c2 {justify-content: center;margin-top: 1.65rem;}
.p2c2 .swiper-pagination-bullet {margin: 0 .2rem;width: .45rem;height: .45rem;border-radius: 50%;background-color: #e5e5e5;opacity: 1;}
.p2c2 .swiper-pagination-bullet-active {background-color: #21478b;}

/* 经营理念 */
.p3-box {padding: 2.5rem 0 2.6rem;}

.p3b {margin-top: 1.8rem;}

.p3b1, .p3b2 {width: 49.333%;}

.p3b1 a {display: block;position: relative;}
.p3b1b {position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 1.9rem 0 0 2rem;}
.p3b1b p {font-size: .8rem;color: #fff;font-family: Arial;line-height: 1.5625;}
.p3b1b p strong {font-size: 1.6rem;color: #fff;font-weight: normal;line-height: 1.25;font-family: "Arial";}

.p3b2a a {display: block;position: relative;}
.p3b2a2 {position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 1.9rem 0 0 2rem;}
.p3b2a2 p {font-size: .8rem;color: #fff;font-family: Arial;line-height: 1.5625;}
.p3b2a2 p strong {font-size: 1.6rem;color: #fff;font-weight: normal;line-height: 1.25;font-family: "Arial";}

.p3b2b {margin-top: .55rem;}

.p3b2b1 {width: 49%;}
.p3b2b1 a {display: block;position: relative;}
.p3b2b1b {position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 1.9rem 0 0 2rem;}
.p3b2b1b p {font-size: .8rem;color: #fff;font-family: Arial;line-height: 1.5625;}
.p3b2b1b p strong {font-size: 1.6rem;color: #fff;font-weight: normal;line-height: 1.25;font-family: "Arial";}

.p3b2b2 {width: 49%;}
.p3b2b2 a {display: block;position: relative;}
.p3b2b2b {position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 1.9rem 0 0 2rem;}
.p3b2b2b p {font-size: .8rem;color: #fff;font-family: Arial;line-height: 1.5625;}
.p3b2b2b p strong {font-size: 1.6rem;color: #fff;font-weight: normal;line-height: 1.25;font-family: "Arial";}

/* 新闻动态 */
.p4 {background-color: #f9f9f9;}

.p4-box {padding: 2.5rem 0 3rem;}

.p4b {margin-top: 1.5rem;}
.p4b1 ul {justify-content: center;}
.p4b1 ul li {width: 6.7rem;margin: 0 1.2rem;background-color: #e4e4e4;text-align: center;font-size: .8rem;color: #333;line-height: 2.722222222222222;cursor: pointer;}

.p4b1 ul li.on {background-color: #0452a1;color: #fff;}

.p4b2 {margin-top: 1.4rem;flex-direction: row-reverse;}

.p4b2a, .p4b2b {width: 49%;}

.p4b2a-item a {background-color: #eee;padding: .7rem 0;}
.p4b2a-item a+a {margin-top: .85rem;}

.p4b2a1 {width: 23.2%;text-align: end;}
.p4b2a1 h3 {font-size: 1rem;color: #707070;font-weight: normal;line-height: 1.75;}
.p4b2a1 h4 {font-size: 1.55rem;color: #707070;font-weight: normal;line-height: 1.451612903225806;}

.p4b2a2 {width: 73.7%;padding-right: 1.3rem;}
.p4b2a2 h3 {font-size: .95rem;color: #333;font-weight: normal;line-height: 1.578947368421053;}
.p4b2a2 h3:hover{color:#0452a1;}
.p4b2a2 p {font-size: .7rem;color: #666;line-height: 1.428571428571429;}

.p4b2b1, .p4b2b2 {width: 49%;}

.p4b2b1 {background-color: #eee;}
.p4b2b1a a {display: block;}
.p4b2b1b a {padding: 2rem 1.5rem .65rem 1.15rem;align-items: flex-start;}
.p4b2b1b1 {width: 80%;padding-bottom: 1.05rem;background-image: url(../images/p4b2b1b1.png);background-repeat: no-repeat;background-position: left bottom;background-size: auto .8rem;}
.p4b2b1b1 p {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: .6rem;color: #a3a3a3;line-height: 2.33333333;}
.p4b2b1b1 p strong {font-weight: normal;font-size: 1rem;color: #222;font-weight: normal;line-height: 2;}

.p4b2b1b2 {max-width: 20%;font-size: 2rem;color: #707070;font-weight: normal;font-family: "宋体";line-height: 1.9;}

.p4b2b2 a {display: block;background-color: #eee;}
.p4b2b2b {padding: .5rem 1.15rem .8rem;}
.p4b2b2b h3 {font-size: 1rem;color: #222;font-weight: normal;line-height: 2;}
.p4b2b2b h3:hover{color:#0452a1;}
.p4b2b2b h4 {font-size: .6rem;color: #a3a3a3;font-weight: normal;line-height: 2;}
.p4b2b2b p {font-size: .7rem;color: #333;line-height: 1.785714285714286;}

/* 视频背景 */
.p5 {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .5);z-index: 999;display: none;}

/* 视频 */
.p6 {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 50%;z-index: 9999999;display: none;}

.p6b {position: absolute;right: 0;top: 0;z-index: 999;cursor: pointer;max-width: 5%;}

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

.pf1-box {padding: 2.925rem 0 .75rem;}
.pf1a {align-items: flex-start;}

.pf1a1 {width: 60%;align-items: flex-start;}
.pf1a1 dl {flex: 1;}
.pf1a1 dl dt {font-size: .85rem;color: #fff;font-weight: normal;line-height: 2;}
.pf1a1 dl dd {margin-top: 1.925rem;}
.pf1a1 dl dd a {display: block;font-size: .7rem;color: rgba(255, 255, 255, .56);line-height: 2.142857142857143;}
.pf1a1 dl dd a:hover{color:#337ab7;}
.pf1a2 {width: 40%;align-items: flex-start;}

.pf1a2 dl dt {font-size: .85rem;color: #fff;font-weight: normal;line-height: 2;}

.pf1a2a {width: 70%;}
.pf1a2a dd {margin-top: 1.825rem;}
.pf1a2a dd ul li {justify-content: flex-start;align-items: flex-start;}
.pf1a2a dd ul li+li {margin-top: .65rem;}
.pf1a2a dd ul li div {width: 1.85rem;}
.pf1a2a dd ul li div img {width: 1.3rem;}
.pf1a2a dd ul li h3 {width: calc(100% - 1.85rem);font-size: .7rem;color: #fff;line-height: 1.857142857142857;font-weight: normal;}

.pf1a2b {width: 30%;}
.pf1a2b dd {margin-top: 1.225rem;}
.pf1a2b dd p {font-size: .7rem;color: rgba(255, 255, 255, .32);line-height: 2;margin-top: .65rem;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pf1b {font-size: .7rem;color: rgba(255, 255, 255, .55);line-height: 2;margin-top: 2rem;}
.pf1b a {color: rgba(255, 255, 255, .55);}

.pf2 {background-color: #292929;}
.pf2-box {align-items: flex-start;padding: 1rem 0;}
.pf2a, .pf2b {max-width: 50%;}

.pf2a p {font-size: .7rem;color: #fff;line-height: 2;}
.pf2a p a {color: #fff;}

.pf2b p {font-size: .7rem;color: #fff;line-height: 2;}
.pf2b p a {color: #fff;}

.jszc{text-align:right;}

@keyframes banner { 
    0%{
        transform: scale(1)
    }
    50%{
        transform: scale(1.1)
    }
    100%{
        transform: scale(1)
    } 
}
.x-banner .owl-carousel .banner-item a {overflow: hidden;}
.x-banner .owl-carousel .banner-item img {animation: banner 10s linear infinite;}

/* 成就未来 */
.p7 {background-image: url(../images/p7.jpg);}
.p7-box {padding-top: 3.85rem;}

.p7a div {width: 3.15rem;height: .05rem;background-color: #fff;margin: 0 auto;max-width: 50%;}
.p7a h3 {text-align: center;font-size: 1.75rem;font-weight: normal;line-height: 2;color: #fff;}

.p7b {text-align: center;margin-top: 1.7rem;}
.p7b p {font-size: .8rem;color: #fff;line-height: 1.875;}

.p7c {margin-top: .3rem ;background-color: #21478b;padding: 1.6rem 0;transform: translateY(2.7rem);}
.p7c li {border-left: .05rem solid #00225f;border-right: .05rem solid #b1cdff;flex: 1;text-align: center;}
.p7c li:first-child {border-left: none;}
.p7c li:last-child {border-right: none;}

.p7c-box {margin: 0 auto;padding: 1.8rem 1rem 1.5rem;background-repeat: no-repeat;background-size: 100% 100%;display: inline-block;max-width: 90%;}
.p7c-box h3 {font-size: .9rem;color: #fff;line-height: 2.4;font-weight: normal;text-align: center;white-space: nowrap;}
.p7c-box div {width: 1.65rem;height: .1rem;background-color: #fff;margin: 0 auto;}
.p7c-box h4 {font-size: .7rem;color: #fff;line-height: 3;font-weight: normal;text-transform: uppercase;text-align: center;white-space: nowrap;}

@media (max-width: 1400px) {
  /* 产品中心 */
  .p2b ul {justify-content: space-around;}
  .p2b ul li {width: 14%;margin: 0;}
  .p2b ul li:nth-child(n+7) {/*margin-top: .5rem;*/}
  .p2c {margin-top: 1.5rem;}
  .p1a2a-item {min-height: 11.75rem;}
}

@media (max-width: 990px) {
  /* 关于我们 */
  .p1 {padding: 2rem 0;}
  .p1a {flex-wrap: wrap;padding: 0 2vw;}
  .p1a1 {width: 100%;padding: 0;}
  .p1a1-box {max-width: 100%;}
  .p1a2 {width: 100%;margin-top: 1.5rem;}
}

@media (max-width: 768px) {
  /* 关于我们 */
  .p1a2a-item {min-height: 10rem;}

  .p1b-box {flex-wrap: wrap;justify-content: center;}
  .p1b1 {width: 100%;max-width: 246px;}
  .p1b2 {width: 100%;margin-top: 1.5rem;}

  /* 产品中心 */
  .p2-box {padding: 2rem 0;}
  .p2b ul li {width: 32%;}
  .p2b ul li:nth-child(n+7) {margin-top: 0;}
  .p2b ul li:nth-child(n+4) {margin-top: .5rem;}

  /* 经营理念 */
  .p3-box {padding: 2rem 0;}
  .p3b {flex-wrap: wrap;}
  .p3b1, .p3b2 {width: 100%;}
  .p3b2 {margin-top: 1rem;}

  /* 新闻动态 */
  .p4-box {padding: 2rem 0;}
  .p4b2 {flex-wrap: wrap;}
  .p4b2a, .p4b2b {width: 100%;}
  .p4b2b {margin-top: 1.5rem;}

  /* 视频 */
  .p6 {width: 80%;}

  /* 底部 */
  .pf1a {flex-wrap: wrap;}
  .pf1a1, .pf1a2 {width: 100%;}
  .pf1a2 {margin-top: 1rem;}
  .pf2-box {flex-wrap: wrap;}
  .pf2a, .pf2b {max-width: 100%;}
  .jszc{text-align:left;font-size:12px;}
  .jszc img{max-width:100%; height:auto !important;width:auto !important;}
}