/* 首页banner样式 */
.bf-banner .owl-carousel {
    position: relative;
}

.bf-banner .owl-carousel .banner-item a {
    display: block;
}

.bf-banner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.bf-banner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.bf-banner .owl-carousel .owl-nav button.owl-prev, .bf-banner .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background: #424246;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.bf-banner .owl-carousel .owl-nav button.owl-prev:hover, .bf-banner .owl-carousel .owl-nav button.owl-next:hover {
    background: #00428e;
}

.bf-banner .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.bf-banner .owl-carousel .owl-nav .icon-left-arrow:after {
    background-position: -34px -180px;
}

.bf-banner .owl-carousel .owl-nav .icon-right-arrow:after {
    background-position: -26px -480px;
}

@media (max-width: 990px) {
    .bf-banner .owl-carousel .owl-nav button.owl-prev, .bf-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }

    .bf-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }

    .bf-banner{
      padding-top:60px;
    }
}

.bf-banner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom:6%;
}

.bf-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    /* margin: 0 .5em; */
    outline: none;
    width:74px;
    height:6px;background:url(../images/line2.png) no-repeat;background-size:100% 100%;
}

.bf-banner .owl-carousel .owl-dots button.owl-dot:hover {
    background:url(../images/line1.png) no-repeat;background-size:100% 100%;
}

.bf-banner .owl-carousel .owl-dots button.owl-dot.active {
     background:url(../images/line1.png) no-repeat;background-size:100% 100%;
}

@media (max-width: 990px) {
    .bf-banner .owl-carousel .owl-dots button.owl-dot {
        font-size: 12px;
    }
    .bf-banner .owl-carousel .owl-dots button.owl-dot{width:40px;height:3px;}
}



/*主体样式*/
.bxs{overflow:hidden;}
.box1{background:#f8f8f8;padding:3vw 0 2.2vw;}
.bt{text-align:center;color:#00428e;font-size:41px;}
.prod1{margin-top:3vw;    flex-wrap: wrap;}
.prod1 li{width:23%;text-align:center;margin-bottom:2.3vw;}
.prod1 li .img{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);}
.prod1 li img{display:block;width:100%;}
.prod1 li h3{color:#333333;font-size:14px;line-height:3.8;background:#fff;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;}
.prod1 li:hover h3{background:#00428e;color:#fff;}


.box2{padding:3vw 0 2.5vw;}
.yin{margin-top:3vw;position:relative;padding-bottom:4.2vw;}
.yin .mySwiper{overflow:hidden;}
.yin .swiper-slide{text-align:center;position:relative;}
.yin .swiper-slide .img img{width:100%;display:block;}

.yin .swiper-slide .img2 img{width:100%;display:block;}
.yin .swiper-slide .det{background:rgba(0,0,0,.6);width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.yin .swiper-slide .nr{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.yin .swiper-slide h2{color:#fff;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2vw;}
.yin .swiper-slide .det2{width:100%;position:absolute;left:0;bottom:2.8vw;display:none;}
.yin .swiper-slide h3{color:#fff;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:16px;font-weight:bold;}
.yin .swiper-slide .xian{width:29px;height:3px;background:#fff;margin:0 auto;}
.yin .swiper-slide:hover .det{display:none;}
.yin .swiper-slide:hover .det2{display:block;}

.yin .swiper-button-prev{position: absolute;bottom:0;left:30%;width:50px;height:50px;opacity:1;z-index:999;background:url(../images/icon-left.png) no-repeat;background-size:100% 100%;top:auto;}
.yin .swiper-button-next{position: absolute;bottom:0;right:30%;width:50px;height:50px;opacity:1;z-index:999;background:url(../images/icon-right.png) no-repeat;background-size:100% 100%;top:auto;}



.box3{background:#f8f8f8;padding:3vw 0 3.5vw;}
.yadd{margin-top:3vw;}
.yadd li{width:24%;background:#fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);text-align:center;}
.yadd li h2{color:#fff;font-size:30px;background:#00428e;width:75px;line-height:75px;margin:0 auto;}
.yadd li h3{font-weight:bold;color:#00428e;font-size:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2.5vw;}
.yadd li h4{width:45px;height:3px;background:#00428e;margin:0 auto;margin-top:16px;}
.yadd li h5{color:#666666;font-size:16px;line-height:2;width:85%;margin:2vw auto 3.6vw;}



.box4{margin:3vw 0;}
.box4 .cont{margin-top:3vw;}
.xw1{width:46.6%;background:#f8f8f8;}
.xw1 li{padding:7%;}
.xw1 li h5{color:#b8b8b8;font-size:24px;}
.xw1 li h2{color:#333333;font-size:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1.5vw 0;}
.xw1 li h4{color:#999999;font-size:14px;overflow:hidden;line-height:23px;height:69px;padding-left:20px;border-left:2px solid #adadad;}
.xw1 li .img{margin:30px auto 20px;}
.xw1 li .img img{width:100%;display:block;}
.xw1 li .nmo{color:#fff;font-size:16px;width:125px;line-height:41px;background:#00428e;text-align:center;}

.xw2{width:51.27%;border:1px solid #efefef;}
.xw2 li{padding:6%;}
.xw2 li h3{width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;font-size:22px;}
.xw2 li h2{color:#999999;font-size:22px;}
.xw2 li h4{color:#666666;font-size:14px;line-height:25px;height:50px;overflow:hidden;width:70%;}
.xw2 li h5{margin-right:20px;}
.xw2 li .det2{margin-top:1.8vw;}
.xw2 li:hover{box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.22);}
.xw2 li:hover h3{color:#00428e;font-weight:bold;}


.box5{background:url(../images/box5bg.jpg) no-repeat;background-size:cover;padding-top:4.3vw;}
.cpname{color:#fff;font-size:41px;text-align:center;}
.about{width:86%;margin:0 auto;color:#fff;font-size:16px;line-height:2.5;margin-top:2.8vw;text-align:center;}
.alogo{text-align:center;margin:0 auto;margin-top:4vw}
.alogo img{max-width:100%;}


.c-link {
    margin-top:20px;
    font-size: 14px;
    color: #2a333c;
    line-height: 24px;
}

.c-link .con {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.c-link span {
    cursor: pointer;
    display: block;background:url(../images/link.png) no-repeat;width:138px;height:61px;text-align:center;color:#fff;   font-size:16px;padding-top:29px;
}

.c-link dd {
    width: calc(100% - 170px)
}

.c-link .sec {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255, 255, 255, .6);
    padding: 10px;
    min-width: 120px;
    z-index: 999;
}

.c-link a {
    color: #666666;
    padding: 0 6px;
    font-size: 14px;
    line-height: 24px;
}




@media (max-width:1440px) {
    .yin{padding-bottom:5vw;}
 }
 
 
 @media (max-width:1024px) {
   .bt{font-size:32px;}
   .yin .swiper-slide h2{font-size:18px;}
   .yin .swiper-slide h3{font-size:18px;}
   .yin{padding-bottom:6.2vw;}
   .yin .swiper-slide .img2{width:30%;margin:0 auto;}
   .yadd li h2{font-size:25px;width:60px;line-height:60px;}
   .yadd li h3{font-size:22px;}
   .yadd li h5{font-size:14px;}
   .yadd li h4{width:30px;height:2px;}
   .xw1 li h5{font-size:20px;}
   .xw1 li h2{font-size:22px;}
   .xw2 li h3{font-size:18px;}
   .xw2 li h2{font-size:18px;}
   .xw2 li h5{margin-right:12px;}
   .cpname{font-size:32px;}
   .about{width:100%;font-size:14px;}
  
 
 }
   
 
 @media (max-width: 768px) {
  .x-banner{margin-top:60px;}
  .page-banner{margin-top:60px;}
  .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
  .prod1 li h3{line-height:3;}
  .box1{padding:5vw 0;}
  .prod1{margin-top:5vw;}
  .box2{padding:5vw 0;}
  .yin{margin-top:5vw;padding-bottom:55px;}
  .yin .swiper-button-prev{width:35px;height:35px;}
   .yin .swiper-button-next{width:35px;height:35px;}
   .box3{padding:5vw 0;}
   .yadd{margin-top:5vw;}
  .yadd li{width:49%;}
  .yadd li:nth-child(n+3){margin-top:15px;}
  .yadd li h3{margin-top:4.2vw;}
  .yadd li h5{margin:3.5vw auto 5vw;}
  .box4{margin:5vw 0;}
  .box4 .cont{margin-top:5vw;}
  .box5{padding-top:6vw;}

 }
 
 
 @media (max-width:425px) {
   .bt{font-size:25px;}
   .prod1 li{width:48%;}
   .yin .swiper-slide h2{font-size:15px;}
   .yin .swiper-slide h3{font-size:15px;}
   .yin .swiper-slide .det2{bottom:25px;}
   .yadd li h2{font-size:18px;width:42px;line-height:42px;}
   .yadd li h3{font-size:18px;}
   .yadd li h5{font-size:12px;line-height:24px;}
   .yadd li h4{width:25px;height:2px;margin-top:10px;}
   .xw1{width:100%;}
   .xw2{width:100%;margin-top:20px;}
   .xw1 li h5{font-size:17px;}
   .xw1 li h2{font-size:17px;margin:15px 0;}
   .xw2 li h3{font-size:15px;width:100%;}
   .xw2 li h2{font-size:15px;width:100%;}
   .xw1 li .nmo{font-size:14px;width:100px;line-height:32px;}
   .xw2 li h2{display:none;}
   .xw2 li h5{display:none;}
   .xw2 li h4{width:100%;}
   .cpname{font-size:25px;}
   .about{line-height:25px;margin-top:5.5vw;}

 }