html{margin: 0;padding: 0}
body{margin: 0;padding: 0;font-family:'sy-normal', sans-serif;font-size: 18px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #313131}
img{display: block}
button{padding: 0}
.img{position: relative;display: block;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}


/*@font-face {*/
/*    font-family: 's-word';*/
/*    src: url("../font/sword.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: 'b-word';*/
/*    src: url("../font/bword.ttf");*/
/*}*/
/*@font-face {*/
/*    font-family: 'c-word';*/
/*    src: url("../font/cword.ttf");*/
/*}*/
/*body {*/
/*    font-family: s-word,sans-serif;*/
/*}*/




/*自定义动画*/

@keyframes top_fade {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    100%{
        transform: none;
        opacity:1
    }
}


@keyframes  move{
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    100%{
        transform: translateY(-50%);
        opacity: 1;
    }

}
@keyframes t_block {
    0%{
        opacity: 0;
        transform: translateY(50px);
    }
    100%{
        opacity: 1;
        transform:none
    }

}


/*头部*/

header {position: fixed;top: 0;width: 100%;transition: all .3s;z-index: 6;border: 1px solid rgba(255,255,255,.1)}
header.active .post::before{background-image: unset}
header .post{position: relative;}
header .post:before{content: '';position: absolute;width: 100%;height: 100%;background-image:linear-gradient(to bottom, rgba(0,0,0,.28), rgba(0,0,0,0)); z-index: -1;top: 0;left: 0}
header .post .son_img {position: absolute;width: 100%;background-color: rgba(0,0,0,.4);padding-top: 45px;height:379px;display: none;top:100%;left: 0}
header .post .son_img .contents{animation: t_block .6s}
header .post .son_img .contents{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
header .post .son_img .contents .left{width: 38.917%}
header .post .son_img .contents .left .td{font-size: 28px;}
header .post .son_img.active .contents .left .td{color: #000}
header .post .son_img.active{background-color: #fff}
header .post .son_img .contents .left .link{margin-top: 28px}
header .post .son_img .contents .left .line{height: 1px ;background-color: #d2d2d2;margin-top: 23px}
header .post .son_img .contents .left a{transition: all .5s;color: #1b1b1b}
header .post .son_img.active .contents .left a{color: #1b1b1b}
header .post .son_img .contents .left a:hover {color: #1d8ec9}
header .post .son_img .contents .right{width: 56.333%}
header .post .son_img .contents .right ul {display: flex;justify-content: space-between}
header .post .son_img .contents .right ul li{width: 30.473%}
header .post .son_img .contents .right ul li.left {width: 41.272%}
header .post .son_img .contents .right ul li.left .img{padding-bottom: 65.95%;}
header .post .son_img .contents .right ul li.right .img{padding-bottom: 66%}
header .post .son_img .contents .right ul li.right{width: 51.775%;display: flex;flex-wrap: wrap;justify-content: space-between}
header .post .son_img .contents .right ul li.right a{width: 42.857%}
header .post .son_img .contents .right ul li.right a p{font-size: 16px;}
header .post .son_img .contents .right ul li.right a:nth-of-type(n+3){margin-top: 27px}
header .post .son_img .contents .right ul li .img{padding-bottom: 100%;overflow: hidden}
header .post .son_img .contents .right ul li img{transition: all .5s}
header .post .son_img .contents .right ul li a{display: block;line-height: unset;}
header .post .son_img .contents .right ul  a:hover img{transform: scale(1.2)}
header .post .son_img .contents .right ul a:hover p{color: #1d8ec9}
header .post .son_img.active .contents .right ul p{color: #000}
header .post .son_img .contents .right ul p{margin-top: 21px;text-align: center;transition:  all .3s;color: #fff}
header .content {width: 1290px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
header .mobile_nav {display: none;color: #fff}
header .mobile_nav span{font-size: 25px;cursor: pointer;transition: all .3s}
header .mobile_nav span:hover{font-size: 30px;}
/*change by hanye 230206*/
/*修改了logo的切换方式，js改css*/
header .logo .color{display: none}

/*修改了logo的切换方式，js改css*/

/*首页导航样式调整 仅首页*/
header:hover {background-color: #fff}
header:hover .mobile_nav{color: #1b1b1b}
header:hover .content .nav ul li a {color: #000;}
header:hover .content .nav ul li span{border-color: #000;}
header:hover .post:before{display: none}
header:hover .post .son_img{background-color: #fff}
header:hover .post .son_img .contents .right ul p{color: #1b1b1b}
header .post .son_img .contents .right ul a:hover p{color: #1d8ec9}
header .post .son_img .contents .right ul a:hover p{color: #1d8ec9}

header:hover .default{display: none}
header:hover .color{display: block}
/*首页导航样式调整 仅首页 end*/



header.active {background-color: #fff}
header.active .mobile_nav{color: #1b1b1b}
header.active .content .nav ul li a {color: #000;}
header.active .content .nav ul li span{border-color: #000;  }
header .content .nav ul{display: flex}
header .content .nav ul li.about{position: relative;}
header .content .nav ul li:hover .son{display: flex}
header .content .nav ul li:hover .son_img{display: block}
header .content .nav ul li .son .li{height: 15px}
header .content .nav ul li .son{position: absolute;top:100%;min-width: 146px;flex-direction: column;transform: translateX(-50%);left: 50%;display: none}
header .content .nav ul li .son.son_img {width: 100%}
header .content .nav ul li .son .b{border-radius: 4px;background-color: #fff;overflow: hidden}
header .content .nav ul li .son a{padding: 15px 5px;display: block;text-align: center;white-space: nowrap;letter-spacing: 1px}
header .content .nav ul li .son a:hover {background-color: #eeeeee}
header .content .nav ul li:nth-of-type(n+2){margin-left: 40px;}
header .content .nav ul li:hover>a{color:rgb(13,134,197) }
header .content .nav ul li:hover span{border-color: rgb(13,134,197)}
header .content .nav ul li.active span{border-color: rgb(13,134,197)}
header .content .nav ul li>a{display: flex;color: #fff;font-size: 18px;align-items: center;line-height: 92px;transition: all .5s;letter-spacing: 1px}
header .content .nav ul li span{margin-left: 10px;}



@keyframes nav_height {
    0%{
        min-width: 600px;
    }
    100%{
        max-height:600px;
    }

}
.right_nav{position: fixed;height: 100vh;width: 250px;right: 0;top: 0;background-color: #fff;z-index: 7;transform: translateX(150%);transition: all .5s;box-shadow: -5px 0 0px 0 rgb(0 0 0 / 19%)}
.right_nav.active{transform: translateX(0);}
.right_nav .head_chahao{padding: 15px}
.right_nav ul li a{display: flex;padding: 15px;font-size: 16px;}
.right_nav ul li .son{background-color: #f3f3f3;overflow: hidden;max-height: 0;}
.right_nav ul li .son a{padding-left: 25px;font-size: 14px;}
.right_nav ul li.active .son{animation: nav_height .8s forwards}
.right_nav ul li.active a span:before{transform: rotate(0)}
.right_nav ul li a span{position: relative;margin-left: 30px;width: 12px;display:inline-block;}
.right_nav ul li a span:after{content: '';width: 100%;height: 1px;background-color: #000;position: absolute;top: 50%;transform: translateY(-50%)}
.right_nav ul li a span:before{content: '';width: 100%;height: 1px;background-color: #000;position: absolute;transform:translateY(-50%) rotate(90deg);transition: all .5s;top: 50%}
.right_nav .head_chahao span{cursor: pointer;font-size: 20px;display: inline-block;transition: all .3s}
.right_nav .head_chahao span:hover{transform: rotate(-90deg)}


.index_body .content.active{visibility: unset}
.index_body  .index_box2{visibility: hidden}
.index_body  .index_box2.active{visibility: unset}
.content.active{animation: top_fade  1s; }
.index_banner{position: relative;}
.index_banner .swiper-slide:before{content: '';position: absolute;width: 100%;height: 100%;z-index: 3}
.index_banner .text{text-align: center;position: absolute;top: 50%;z-index: 3;font-size: 36px;color: #fff;transform:translateY(-200px);width: 100%;font-weight: unset;line-height: 50px;opacity: 0;transition: all 1.5s}
.index_banner .text.on{font-size: 88px;}
.index_banner img{width: 100%;object-fit: cover;position: relative}
.index_banner img::before{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.3)}
.index_banner .iconfont {position: absolute;top:60%;left: 50%;transform: translateX(-50%);font-size: 50px;color: #fff;cursor: pointer;z-index: 3}
.index_banner .swiper{z-index:5}
.video_s {position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);z-index: 6;display: none;justify-content: center;align-items: center}
.video_s .icon-chahao {font-size: 30px;color: #fff;cursor: pointer;}
.video_s .video_l{position: relative;}
.video_s .video_l .top{display: flex;justify-content: flex-end}

.video_s video{width: 1080px;display: block;margin: 0 auto;}
.index_banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin-left: 23px;}
.index_banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 73px}
.index_banner .swiper-pagination-bullet{width: 200px;border-radius: unset;height: 3px;background-color: #adadae}

@keyframes width_long {
    0%{
      width: 0;
    }
    100%{
        width: 100%;
    }
}

.index_banner  .text.active{transform: translateY(-50%);opacity: 1; }
.index_banner .swiper-pagination-bullet-active .load{background-color: #ffffff;display: block;animation: width_long 5s linear;height: 3px}
.index_banner .swiper-button-next, .index_banner .swiper-button-prev {color: #fff;transition: all .3s}
.index_banner .swiper-button-next {right: 65px}
.index_banner .swiper-button-prev{left: 65px}
.index_banner .swiper-button-next:hover, .index_banner .swiper-button-prev:hover{color:#0d86c5}
.index_banner .swiper-button-next:after,.index_banner .swiper-button-prev:after{font-size: 28px;}
.index_box1{padding-bottom: 98px;background-image: url("../image/box1.png");background-repeat: no-repeat;background-size: cover;padding-top: 104px;}
.index_box1  .content {width: 1200px;margin: 0 auto}
.index_box1  .content .t{font-size: 32px;color: #102036;line-height: 45px;margin-top: 30px;letter-spacing: 1px}
.index_box1  .content >p{width: 635px;font-size: 18px;color: #1b1b1b;line-height: 35px;margin-top: 8px;letter-spacing: 1px}
.index_box1  .content p:nth-of-type(1){margin-top: 30px}
.index_box1  .content .gengduo{margin-top: 20px;display:flex;align-items:center}
.index_box1  .content .gengduo>span {font-size: 18px;color: #1a1a1a;margin-right: 22px;font-family: b-word,sans-serif}
.index_box1  .content .gengduo a {color: #0d86c5;transition: all .3s}
.index_box1  .content .gengduo a:hover {color: #05689D}
.index_box1  .content .gengduo a  span{font-size: 11px;}
.index_box1  .content .box{background-color: rgba(255,255,255,.8);padding: 52px 0 47px;margin-top: 58px;display: flex;justify-content: space-evenly;align-items: center}
.index_box1  .content .box .item img{margin: 0 auto}
.index_box1  .content .box .item p {font-size: 42px;color: #0d86c5;text-align: center}
.index_box1  .content .box .item p:last-child{font-size: 18px;color: #3b3b3b;margin-top: 14px}
.index_box1  .content .box .item p span {font-size: 26px}
.index_box1  .content .box .item p i {display: flex}
.index_box1  .content .box .item p i span:first-child{font-size: unset;letter-spacing: 7px}
.index_box1  .content .box .item p span:last-child{color: #000;font-style: normal;font-size: 18px;align-self: end;margin-left: 5px}
.index_box1 .shuxian{height: 115px;width: 1px;background-color: #959595}
@keyframes left_fade {
    0% {
        transform: translateX(-150%);
        opacity: 0;
    }
    100%{
        transform: none;
        opacity:1
    }
}
@keyframes right_fade {
    0% {
        transform: translateX(150%);
        opacity: 0;
    }
    100%{
        transform: none;
        opacity:1
    }
}

.index_box2.active .box:first-child {animation: left_fade .9s}
.index_box2.active .box:last-child{animation: right_fade .9s}
.index_box2 {display: flex;justify-content: space-evenly;margin-top: 0}
.index_box2 .box{width: 50%;position: relative}
.index_box2 .box .btn {width: 140px;border-radius:50px;border: 1px solid #d6e0e5;margin-top: 50px;padding: 14px 10px;box-sizing: border-box}
.index_box2 .box .btn a{display: block;color: #fff;text-align: center}
.index_box2 .box p{font-size: 49px;color: #fff;margin-top: 34px}
.index_box2 .box .box_2{position: absolute;width: 100%;height: 100%;background-color: rgba(5,104,157,.77);top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center}
.index_box2 .box .box_3{position: absolute;width: 100%;height: 100%;background-color: rgba(10,108,32,.77);top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center}
.index_box2 .box>img{width: 100%;object-fit: cover}


.index_box3 {background-color: #f4f4f4;padding: 110px 0 81px}
.index_box3 .content{width: 1600px;margin: 0 auto;display: flex;justify-content: space-between}
.index_box3 .content .left .td{font-size: 32px;color: #1a1a1a;margin-bottom: 20px;}
.index_box3 .content .left span{line-height: 24px;letter-spacing: 1px;color: #1b1b1b}
.index_box3 .content .left .btn{margin-top: 68px;width: 130px;border: 1px solid #cdcdcd;transition: all .5s;}
.index_box3 .content .left .btn:hover {background-color: #0d86c5;border-color: #0d86c5}
.index_box3 .content .left .btn:hover a{color: #fff}
.index_box3 .content .left .btn span{font-size: 12px;}
.index_box3 .content .left .btn a{display: block;color: #626262;font-size: 16px;text-align: center;padding: 13px 0 11px}
.index_box3 .content .right {width: 80.813%;display: flex;justify-content: space-between}
.index_box3 .content .right .item{border-radius: 8px;overflow: hidden}
.index_box3 .content .right .item .text {background-color: #fff;padding: 20px 0 28px;text-align: center}
.index_box3 .content .right .item .text .t{font-size: 22px;color: #1a1a1a;margin-bottom: 12px;letter-spacing: 1px}
.index_box3 .content .right .item .text span{color: rgb(145,145,145);letter-spacing: 1px}
.index_box3 .content .right .item a:hover img{transform: scale(1.2)}
.index_box3 .content .right .top{background-color: #e5e5e5;padding: 80px 0 52px;}
.index_box3 .content .right .top img{margin: 0 auto;transition: all .3s;object-fit: cover;max-width: 100%}

.index_box3 .content .left .btn:hover span{color: #fff}
.index_box3 .swiper-button-next, .index_box3 .swiper-button-prev {color: #a0a0a0;transition: all .3s}
.index_box3 .swiper-button-next:hover, .index_box3 .swiper-button-prev:hover{color: #0d86c5}
.index_box3 .swiper-button-next:after,.index_box3 .swiper-button-prev:after{font-size: 26px;}
.index_box5 {background-image: url("../image/banner1.png");background-size: cover;background-repeat: no-repeat;padding: 148px 0 198px;margin-top: -1px}
.index_box5 .content .td{font-size: 40px;color: #fff}
.index_box5 .content .b{margin-top: 28px;color: #fff;font-size: 18px;letter-spacing: 1px}
.index_box5 .content .box{font-size: 60px;color: #fff;letter-spacing: 1px}
.index_box4{background-image: url("../image/bg.png");background-size: cover;background-repeat: no-repeat;padding: 90px 0 105px}
.index_box4 .content{width: 1160px;margin: 0 auto}
.index_box4 .content>.td {text-align: center;color: #fff;font-size: 30px;}
.index_box4 .content .change{margin-top: 46px}
.index_box4 .content .change ul{display: flex;justify-content: space-evenly;color: #fff}
.index_box4 .content .change ul li{padding: 14px 50px;cursor: pointer}
.index_box4 .content .change ul li.active{background-color: #0d86c5}

@keyframes top_fa {
    0%{
        transform: translateY(40px);
        opacity: 0;
    }
    100%{
        transform: unset;
        opacity: 1;
        visibility: unset;
    }

}
@keyframes ok_top {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
        visibility: unset;
    }
}
.index_box4 .content .list {margin-top: 55px;display: flex;justify-content: space-between;}
.index_box4 .content .list .right{width: 56.897%}
.index_box4 .content.active{animation: unset}
.index_box4 .content.active .change{animation: top_fa 1s}
.index_box4 .content .list.active .right{animation: AuxFadein1 .9s}
.index_box4 .content .list.two.one .left{animation:AuxFadein2 .5s }
.index_box4 .content .list.two.one .right{animation: AuxFadein1 .5s}
.index_box4 .content .list .right .top{padding-top: 20px;}
.index_box4 .content .list .right .top:hover img{transform: scale(1.1)}
.index_box4 .content .list .right .bottom {margin-top: 50px;display: flex;justify-content: flex-end}
.index_box4 .content .list .right .bottom .box{background-color: #fff;width: 93.636%;box-sizing: border-box}
.index_box4 .content .list .right .bottom .box>a{padding:36px 42px 25px;display: block }
.index_box4 .content .list .right .bottom .td{font-size: 18px;letter-spacing: 1px}
.index_box4 .content .list .right .bottom h3{font-size: 30px;color: #0d86c5;margin-top: 16px;letter-spacing: 1px}
.index_box4 .content .list .right .bottom p{font-size: 18px;margin-top: 16px;line-height: 25px;letter-spacing: 1px}
.index_box4 .content .list .right .bottom .btn{display: flex;justify-content: flex-end;margin-top:28px;}
.index_box4 .content .list .right .bottom .btn .iconfont{font-size: 12px;}
.index_box4 .content .list .right .bottom .btn>span{width: 130px;text-align: center;border: 1px solid   #626262;padding: 12px 5px;color: #626262;transition: all .3s}
.index_box4 .content .list .right .bottom .btn>span:hover{background-color: #0d86c5;color: #fff}
.index_box4 .content .list{display: none}

.index_box4 .content div:nth-of-type(4) .right .bottom{margin-top: unset}
.index_box4 .content div:nth-of-type(4) .right .bottom.to{margin-top: 50px}
.index_box4 .content div:nth-of-type(4).active1 .right {animation:AuxFadein2 .8s 2s;   }
.index_box4 .content div:nth-of-type(4).active1 .left{animation: AuxFadein1 .8s 2s;  }
.index_box4 .content div:nth-of-type(4) .left .left_img {margin-top: 30px}

.index_box4 .content .list img{transition: all 3s;max-width: 100%}
.index_box4 .content .list .left .left_img:hover img{transform: scale(1.2)}

.index_box4 .content .list:last-child .right{order: 1;display: flex;flex-direction: column-reverse}
.index_box4 .content .list:last-child.active .right{animation: AuxFadein2 .8s }
.index_box4 .content .list:last-child.active .left {animation: AuxFadein1 .8s }
.index_box4 .content .list:last-child .right .bottom{margin-top: unset;justify-content: unset}
.index_box4 .content .list:last-child .right .top{display: flex;justify-content: flex-end;margin-top: 50px}
.index_box4 .content .list:last-child .left{display: flex;order:2; }

.index_box4 .content .list.active{display: flex; }
.index_box4 .content .list.one {visibility: hidden}
.index_box4 .content.active .list.one {animation: top_fa 1s 1.2s forwards}
.index_box4 .content.active .list.one.two{animation: ok_top 0.1s forwards;}


.index_box4 .content .list.active .left{animation:AuxFadein2 .8s }
/*change by hanye 230206*/
.index_box4 .content .list:last-child .right{display: unset}
.index_box4 .content .list:last-child .right .bottom{margin-top: 50px;}


.index_box4 .content .list[data-num='1'] .left{display: flex;order:2; }
.index_box4 .content .list[data-num='1'] .right{flex-direction: column-reverse;display: flex}
.index_box4 .content .list[data-num='1'] .right .bottom{margin-top: unset;justify-content: unset}
.index_box4 .content .list[data-num='1'] .right .top{display: flex;justify-content: flex-end;margin-top: 50px}

.job_body{padding-top: 117px;padding-bottom: 173px;}
.job_body .content {width: 1200px;margin: 0 auto;display: flex;justify-content: space-between}
.job_body .content .left{width: 22.667%}
.job_body .content .left li{padding:20px 0;text-align: center;letter-spacing: 1px}
.job_body .content .left li.active a{color:#0d86c5}
.job_body .content .left li a{transition: all .3s}
.job_body .content .left li a:hover{color: #0d86c5}
.job_body .content .left li:first-child{border: 1px solid #000;color: #313131;font-size: 20px;font-weight: bold;}
.job_body .content .left li:nth-of-type(n+2){margin-top: 20px;font-size: 18px;}
.job_body .content .right{width: 69.167%}
.job_body .content .right .td{padding: 10px 0 24px;font-size: 26px;color: #313131;font-weight: bold;border-bottom: 2px solid #c8c8c8}
.job_body .content .right .bt{margin-top: 48px}
.job_body .content .right .bt .t{font-size: 18px;color: #313131;font-weight: bold;margin-bottom:15px;}
.job_body .content .right .bt p{font-size: 18px;color: #4b4b4b;line-height: 34px;letter-spacing: 1px}
.job_body .content .right .line{height: 2px;background-color: #c8c8c8;margin-top: 45px;}
.job_body .content .right .btn_text{margin-top: 54px;font-size: 18px;color: #313131;font-weight: bold;display: flex;align-items: center}
.job_body .content .right .btn_text img{margin-left: 12px;margin-right: 5px}
.job_body .content .right .btn_text span{font-size: 14px;color: #9f9f9f}
.job_body .content .right .btn{cursor: pointer;margin-top: 25px;width: 177px;padding: 12px 0;text-align: center;color: #fff;border-radius: 4px;background-color: #0d86c5;transition: all .3s}
.job_body .content .right .btn:hover{background-color: #3396CB
}

.product_banner {position: relative;}
.product_banner.meng::before{position: absolute;width: 100%;height: 100%;background:rgba(0,0,0,0.14);content: ''}
.product_banner .text{position: absolute;width: 100%;top: 48%;animation: move 1s forwards}
.product_banner .text .content {width: 1200px;margin: 0 auto;}
.product_banner .text .content .td{font-size: 38px;color: #313131;letter-spacing: 1px}
.product_banner .text .content p{font-size: 18px;color: #434344;margin-top: 18px;letter-spacing: 1px}
.product_banner img{width: 100%;object-fit: cover;min-height: 240px}
.product_list {background-color: #f5f5f5;padding-top: 75px;padding-bottom: 115px;}
.product_list .content {width: 1200px;margin:0 auto}
.product_list.project .content .item{background-color:unset;visibility: hidden;padding: unset}
.product_list.project .content .item.active{visibility: unset;animation: top_fade 1s;}
.product_list .content .item{background-color: #fff;visibility: hidden;display: flex;justify-content: space-between;padding: 100px 86px 80px 129px;align-items: center}
.product_list .content .item.active{animation: top_fade 1s;visibility: unset}
.product_list.core .content .item.active{animation: top_fade 1s;visibility: unset}
.product_list.core .content .item{visibility: hidden}
.product_list.core .content.active .item{visibility: unset}
.product_list.core .content .item{padding: 110px 86px 80px 129px;display: flex;justify-content: space-between;align-items: center}
.product_list .content .item .left{width: 31.583%}
.product_list.core .content  .bottom .item .left{width: unset}
.product_list.core .content   .bottom .item .right{width:70.5% }
.product_list .content .item .left h3{font-size: 32px;text-align: center;line-height: 39px;letter-spacing: 1px}
.product_list .content .item .left h3 span{font-size:28px}
.product_list .content .item .right{width: 36.5%}
.product_list.core .content .item .right{width: 44.521%}
.product_list .content .item .right .img{padding-bottom: 67.808%;}
.product_list .content .item .right .img img{transition: all 2s}
.product_list .content .item .right:hover img{transform: scale(1.2)}
.product_list .content .item:nth-of-type(n+2){margin-top: 40px}
.product_list .content .item:nth-of-type(2n)  .left{order: 2}
.product_list.core .content .item:nth-of-type(2n)  .left{order: unset}
.product_list .content .item .title{text-align: center;color: #696969;font-size: 20px;margin-top: 20px;line-height: 28px;letter-spacing: 1px}
.product_list .content .item .btn{width: 130px;;margin:34px auto 0;font-size: 15px;border: 1px solid #a7a7a7;color: #434343;transition: all .3s;letter-spacing: 1px;line-height: 21px}
.product_list .content .item .btn a{display: block;transition: all .3s;padding: 11px 0 11px 31px;}
.product_list .content .item .btn a:hover{color: #fff}
.product_list .content .item .btn span {font-size: 14px;margin-left: 8px}
.product_list.core .content .item:nth-of-type(n+2){margin-top: unset}
.product_list.core .content  .bottom .item{flex-direction: column-reverse;padding: 68px 0 58px}
.product_list.core .content  .bottom .item{width: 49.167%}
.product_list.core .content  .bottom .item .left h3{margin-top: 60px}
.product_list.core .content  .bottom .item .left  h3 span{font-size:28px}
.product_list.core .content .bottom{display: flex;justify-content: space-between;margin-top: 20px}
.product_list.core .content .bottom  .item .right{max-width: 100%}
.product_list.core .content .bottom  .item .right .img{padding-bottom: 69.14%;}
.product_list.core{padding-bottom: 89px;}
.index_box4_before{display: none}
.product_list .content .item .btn:hover{background-color: #0d86c5;color: #fff}
.product_list .content  .bt{text-align: center;font-size: 26px;margin-top: 93px}

.product_list.project{padding-bottom: 163px;padding-top: 80px;}
.product_list.project img{width: 100%;object-fit: cover}
.product_list.project .content .item a{padding: unset;position: relative;overflow: hidden;border-radius: 10px}
.product_list.project .content .item a img{transition: all .3s}
.product_list.project .content .item a:hover img{transform: scale(1.1)}
.product_list.project .content .item a .text{position: absolute;width: 100%;height: 100%;padding-left: 60px;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;z-index: 2}
.product_list.project .content .item a .text .td{font-size: 34px;;font-weight: bold;letter-spacing: 1px}
.product_list.project .content .item a .text .line{width: 80px;height: 2px;background-color: #bfbfbf;margin-top: 15px}
.product_list.project .content .item a .text p{margin-top: 18px;color: #434343;font-size: 20px;line-height: 26px;letter-spacing: 1px}
.product_list.project .content .item:nth-of-type(2n) a .text{align-items: flex-end;padding-right: 56px;padding-left: unset;}
.product_list.project .content .item:nth-of-type(2n) a .text p{text-align: right}
.product_banner.project .content .td{color: #fff}
.product_banner.project .content p{color: #fff}
.product_list.project .content .item:nth-of-type(n+2){margin-top: 60px}
.lxwm_body {background-color: #f5f5f5;padding-top: 85px;}
.lxwm_body .content.active{visibility: unset}
.lxwm_body .content{width: 1290px;margin: 0 auto;display: flex;justify-content: space-between;visibility: hidden}
.lxwm_body .content .box{width: 48.915%;position: relative;overflow: hidden}
.lxwm_body .content .box img{transition: all .3s;width: 100%;object-fit: cover}
.lxwm_body .content .box:hover img{transform: scale(1.2)}
.lxwm_body .content .box .text{padding-left: 46px;padding-bottom: 40px;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.32);box-sizing: border-box;top: 0;left: 0;border-radius:5px;display: flex;flex-direction: column;justify-content: flex-end;letter-spacing: 1px}
.lxwm_body .content .box .text .td{font-size: 20px;color: #f5f5f5}
.lxwm_body .content .box .text span{font-size: 18px;color: #f5f5f5;margin-top: 18px}
.lxwm_body .content .box .text p{margin-top: 11px;color: #f5f5f5;font-size: 16px;line-height: 22px; }
.lxwm_body .content .box .text span:last-child{font-size: 16px;}
.lxwm_list{margin-top: 24px;}
.lxwm_list .content.active{visibility: unset}
.lxwm_list .content {width: 1290px;margin: 0 auto;visibility: hidden }
.lxwm_list .content li {padding: 41px 0 43px;width: 31.938%;background-color: #fff;border-radius: 6px;letter-spacing: 1px;transition: all .3s}
.lxwm_list .content li img{margin: 0 auto}
.lxwm_list .content li p{text-align: center;font-size: 18px;margin-top: 20px}
.lxwm_list .content li span{display: block;text-align: center;font-size: 18px;margin-top: 12px;color: #313131;}
.lxwm_list .content li:hover img{filter: brightness(100);}
.lxwm_list .content li:hover {background-color: #0d86c5;color: #fff}
.lxwm_list .content li:hover span{color: #fff}
.lxwm_list .content ul {display: flex;justify-content: space-between}
.lxwm_form  input::-webkit-input-placeholder,
.lxwm_form textarea::-webkit-input-placeholder {
    color: #626262;
}
.lxwm_form{margin-top: 117px;letter-spacing: 1px}
.lxwm_form p{text-align: center;font-size: 18px;color: #535353;margin-top: 20px;line-height: 30px;}
.lxwm_form h3 {font-size: 32px;text-align: center;font-weight: unset;}
.lxwm_form .content{width: 1200px;margin: 45px auto 0;visibility: hidden}
.lxwm_form .content.active{visibility: unset}
.lxwm_form .content .box {display: flex;justify-content: space-between}
.lxwm_form .content .box.box1{margin-top: 23px}
.lxwm_form .box input{outline: unset;width: 100%;padding: 17px 18px;font-size: 18px;box-sizing: border-box;border: unset;font-family:s-word, sans-serif}
.lxwm_form textarea{outline: unset;width: 100%;border: unset;box-sizing: border-box;height: 131px;margin-top: 23px;font-size: 18px;padding-left: 20px;padding-top: 18px;color: #626262;font-family: s-word,sans-serif}
.lxwm_form .btn input{border: unset;width: 277px;display: block;padding: 14px 0;background-color: #0d86c5;font-size: 18px;color: #fff;cursor: pointer;margin: 40px auto 0;transition: all .3s}
.lxwm_form .btn input:hover{background-color: #3396CB}
@keyframes AuxFadein2 {
    0%{
        opacity: 0;
        transform: translate(-75px,0);
    }
    100%{
        opacity: 1;
        transform: none;
    }
}
@keyframes AuxFadein1 {
    0%{
        opacity: 0;
        transform: translate(75px,0);
    }
    100%{
        opacity: 1;
        transform: none;
    }
}
@keyframes AuxFadeintUp {
    0%{
        opacity: 0;
        transform: translate3d(0,75px,0);
    }
    100%{

        opacity: 1;
        transform: none;

    }
}
@keyframes move_s {
    0%{
       top:70%;
        opacity: 0;
    }
    100%{
       top: 50%;
        opacity: 1;
    }
}
.job_form {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,.3);display: none}
.job_form form {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background-color: #fff;border-radius: 10px;animation: move_s .6s;padding: 27px 50px 47px;letter-spacing: 1px}
.job_form form .chahao_top{display: flex;justify-content: flex-end}
.job_form form .file{width: 126px;height: 126px;border: 1px dashed #d2d2d2;margin-top: 26px;border-radius: 5px;color:#0d86c5;font-size: 14px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer}
.job_form form .file img{margin-bottom: 10px}
.job_form .top input:nth-of-type(1){margin-top: 25px}
.job_form form .chahao_top span{cursor: pointer}
.job_form  .top .td{font-size: 14px; color: #0d86c5;font-weight: 600;}
.job_form  .top h4{margin-top: 16px;font-size: 26px;font-weight: unset;}
.job_form  .top p{font-size: 14px;color:#737373;line-height: 21px;margin-top: 20px}
.job_form  .top input{width: 463px;outline:none;font-size: 14px;background-color: #f5f5f5;padding: 13px;margin-top:17px;border-radius: 5px;caret-color: #0d86c5;border:1px solid #a0a0a0;box-sizing: border-box}
.job_form  .top input.active{border:1px solid #0d86c5}
.job_form input[type='file']{margin-top: 20px;display: none}
.job_form input{display: block}
.job_form input.submit:hover{background-color:rgb(0,89,147)}
.job_form input.submit {width: 177px;border: unset;background-color: #0d86c5;color: #fff;cursor: pointer;padding:  13px 0;transition: all .3s;border-radius: 5px;margin: 80px auto 0;font-size: 15px;}

.icon-cha{cursor: pointer}

.lxwm_form .wpcf7-form-control-wrap{width: 48%;}


.public_banner1{background-color: #f5f5f5;margin-top: 120px}
.public_banner1 .content{width: 1290px;margin: 0 auto;position: relative;visibility: hidden}
.public_banner1 .content.active{visibility: unset}
.public_banner1 .content img{width: 100%;object-fit: cover}
.public_banner1 .content .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,.7);border-radius: 8px;padding-top: 110px;box-sizing: border-box;letter-spacing: 1px}
.public_banner1 .text h3{color: #fff;font-size: 32px;text-align: center}
.public_banner1 .text p{text-align: center;color: #a1a3a6;font-size: 18px;margin-top: 12px}
.public_banner1 .text .btn{width: 145px;margin: 52px auto 0;text-align: center;border-radius: 5px;background-color: #0d86c5;transition: all .3s}
.public_banner1 .text .btn:hover {background-color:rgb(0,89,147)}
.public_banner1 .text .btn a {display: block;color: #fff;padding: 13px 0}
.public_banner1 .banner_b {background-color: #045079;height: 252px;margin-top: -202px}
.index_box5 .content .box:nth-of-type(1){margin-top: 98px}
.index_box5 .content .box:nth-of-type(n+2){margin-top: 60px}
.index_box5 .content .box span:nth-of-type(1){font-size: 30px;margin-left: 15px;}
.index_box5 .content .box span:last-child{display: block;font-size: 20px;margin-top: 20px}
.index_box5 .content {width: 1290px;margin: 0 auto;}
.index_box6{background-color: #f5f5f5;padding: 83px 0 90px}
.index_box6 .content  {width: 1290px;margin: 0 auto}
.index_box6 .content .top {display: flex;justify-content: space-between;align-items: center}
.index_box6 .content .top .left {font-size: 36px;color: #313131}
.index_box6 .content .top .right a{display: block;color: #313131;font-size: 19px;line-height: 28px;transition: all .3s}
.index_box6 .content .top .right a:hover{color: #0d86c5}
.index_box6 .content .top .right a span{font-size: 12px;}
.index_box6 .content .bottom{margin-top: 35px}
.index_box6 .content .bottom ul {display: flex;justify-content: space-between;flex-wrap: wrap}
.index_box6 .content .bottom ul li  {width: 31.24%}
.index_box6 .content .bottom ul li .title{margin-top: 21px;font-size:19px;line-height: 27px;-webkit-line-clamp: 2;letter-spacing: 1px;transition: all .3s}
.index_box6 .content .bottom ul li .title a{color: #0d86c5;}
.index_box6 .content .bottom ul li .title:hover a{color:#05689D }
.index_box6 .content .bottom ul li p{-webkit-line-clamp: 3;;letter-spacing: 1px}
.index_box6 .content .bottom ul li .date{font-size: 13px;color: #b2b2b2;display: inline-block;margin-top: 12px}
.index_box6 .content .bottom ul li .img{padding-bottom: 66.253%;overflow: hidden}
.index_box6 .content .bottom ul li .text{font-size: 16px;color: #626262;margin-top: 14px;line-height: 24px;}
.index_box6 .content .bottom ul li .btn{margin-top: 20px}
.index_box6 .content .bottom ul li .btn a{display: block;color: #0d86c5;font-size: 12px;transition: all .3s}
.index_box6 .content .bottom ul li .btn a:hover{color: #05689D}
.index_box6 .content .bottom ul li .btn a span{font-size: 11px;}
.index_box6 .content .bottom ul li img{transition: all .3s}
.index_box6 .content .bottom ul li .img:hover img{transform: scale(1.2)}
.index_hx img{object-fit: cover;width: 100%}
.index_box6.new{padding-top: 80px;}
.index_box6.new .content{width: 1306px;}
.index_box6.new .content .bottom{margin-top: unset;}
.index_box6.new .content .bottom ul li{width: 30.781%}
.index_box6.new .content .bottom ul li:nth-of-type(n+4){margin-top: 48px}
.index_box6.new .content .bottom ul{flex-wrap: wrap}
.page{margin-top: 88px;margin-bottom: 100px}
.page ul{display: flex;justify-content: center}
.page ul li{width: 32px;text-align: center;border: 1px solid #c2c2c2}
.page ul li.active{background-color: #0d86c5;color: #fff;border: transparent}
.page ul li.active a{color: #fff}
.page ul li a{color: #1a1a1a;display: block;padding:10px 0 8px;}
.page ul li:first-child{margin-right: 14px}
.page ul li:last-child{margin-left: 14px}
.index_body .content{visibility: hidden}
.toggle {background-color: #fff}
.toggle .content{width: 1200px;margin: 0 auto}
.toggle .content ul{display: flex}
.toggle .content ul li a{transition: all .3s}
.toggle .content ul li{min-width: 117px;padding: 26px 0;text-align: center;cursor: pointer;font-size: 18px;transition: all .3s;border-bottom: 2px solid transparent;color: #1b1b1b}
.toggle .content ul li:nth-of-type(n+2){margin-left: 10px}
.toggle .content ul li:hover a{color: #0d86c5}
.toggle .content ul li.active{border-bottom: 2px solid #0d86c5;color: #0d86c5}
.faq_list{background-color: #f5f5f5;padding-top: 58px;padding-bottom: 77px;}
.faq_list .content{width: 1200px;margin: 0 auto;padding: 20px;background-color: #fff;box-sizing: border-box}
.faq_list .content .item{font-size: 20px;border-bottom: 1px solid #d4d4d4;cursor: pointer}
.faq_list .content .item .top{display: flex;justify-content: space-between;letter-spacing: 1px;color: #1b1b1b;position: relative;padding: 30px 18px 30px 20px;}
.faq_list .content .item.active .top{padding-bottom: unset;}
.faq_list .content .item.active .left{color: #0d86c5}
.faq_list .content .item .right {height: 30px;cursor: pointer;position: absolute;display: flex;justify-content: flex-end;box-sizing: border-box;align-items: center;right: 40px}
.faq_list .content .item.active .right span{transform: rotate(135deg);border-color: #0d86c5}
.faq_list .content .item .right span{display:inline-block;width: 6px;height: 6px;transform: rotate(-45deg);border-left: 1px solid #000;border-bottom: 1px solid #000;transition: all .2s}
.faq_list .content .item .bot p{font-size: 18px;color: rgb(49, 49, 49);letter-spacing: 1px}

@keyframes op {
    0%{
        opacity: 0;
        transform: translateY(50px);
    }
    100%{
        opacity: 1;
        transform: none;
    }

}
.faq_list .content .item.active .bot p{animation: op .8s}
.faq_list .content .item .bot p:nth-of-type(n+2){margin-top: 12px}
.faq_list .content .item.active .bot{display: block}
.faq_list .content .item .bot{margin-top: 20px;padding:25px 0 38px 20px;background-color: #f9f9f9;display: none}
.faq_list.data .content{padding: 58px 54px 72px}
.faq_list.data .content .datas{display: flex;justify-content: space-between;flex-wrap: wrap}
.faq_list.data .content .datas>li{width: 47.619%;padding: 30px 35px 24px 26px;box-sizing: border-box;border: 1px solid #d2d2d2;border-radius: 6px}
.faq_list.data .content .datas>li.pdf .left{margin-left: 5px}
.faq_list.data .content .datas>li a{display: flex;justify-content: space-between;align-items: flex-end}
.faq_list.data .content .datas>li a .right{width: 84.211%;}
.faq_list.data .content .datas>li:nth-of-type(n+3){margin-top: 46px}
.faq_list.data .content .datas>li .items{display: flex;letter-spacing: 1px}
.faq_list.data .content .datas>li .items .item_S li:nth-of-type(n+2){margin-top: 5px}
.faq_list.data .content .datas>li .items .item_S:last-child{margin-left: 15px}
.faq_list.data .content .datas>li .bottom{display: flex;align-items: flex-end}
.faq_list.data .content .datas>li .bottom .btn{width: 160px;background-color: #0d86c5;color: #fff;transition: all .3s;align-items: center;display: flex;justify-content: center;font-size: 15px;height: 35px}
.faq_list.data .content .datas>li .bottom .btn.active:hover {background-color: #0d86c5;color: #fff}
.faq_list.data .content .datas>li .bottom .btn.active{color: #535353;background-color: #dcdcdc}
.faq_list.data .content .datas>li h3{font-size: 18px;}
.faq_list.data .content .datas>li .bottom {font-size: 16px;color: #a7a7a7;margin-top: 16px;justify-content: space-between}
.faq_list.data .content .page{margin-bottom: unset;margin-top: 67px;}
.index_box6.new_single .content{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between}
.index_box6.new_single .content .left{width:60% }
.index_box6.new_single .content .left .t{font-size: 23px;color: #1a1a1a;margin-bottom: 16px;letter-spacing: 1px}
.index_box6.new_single .content .left  span{font-size: 12px;color: #b2b2b2}
.index_box6.new_single .content .left  span a {color:#b2b2b2;}
.index_box6.new_single .content .left .body{margin-top: 50px}
.index_box6.new_single .content .left .body p{font-size: 16px;color: #3e3e3e;line-height: 28px;letter-spacing: 1px}
.index_box6.new_single .content .left .body p:nth-of-type(n+2){margin-top: 26px}
.index_box6.new_single .content .left img{margin:45px 0 48px;max-width: 100%;object-fit: cover;}
.index_box6.new_single .content .right{width: 27.833%}
.index_box6.new_single .content .right a img{margin: 0 auto}
.index_box6.new_single .content .right a:hover img{transform: scale(1.2)}
.index_box6.new_single .content .right a .top_s{background-color: #e5e5e5;overflow:hidden}
.index_box6.new_single .content .right a img{transition: all .5s;max-width: 100%;}
.index_box6.new_single .content .right .img{padding-bottom:66.168%;overflow: hidden}
.index_box6.new_single .content .right .text{margin-top: 18px;color: #191919;font-size: 16px;line-height: 22px;text-align: center}
.index_box6.new_single .content .right .text.text1{text-align: unset;}
.index_box6.new_single .content .right .list .item:nth-of-type(n+2){margin-top: 50px}
.index_box6.new_single .content .right .td{color: #313131;font-size: 19px;line-height: 27px}
.index_box6.new_single .content .right .list{margin-top: 26px;}
.index_box6.new_single .content .right .code{margin-top: 69px;padding:54px 0 50px;background-color: #e5e5e5}
.index_box6.new_single .content .right .code.cp {padding: unset;position: relative}
.index_box6.new_single .content .right .code.cp .text_po{position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column}
.index_box6.new_single .content .right .code.cp .text_po p{margin-top: 34px;font-size: 22px;color: #000}
.index_box6.new_single .content .right.plan .code.cp{margin-top: unset}
.index_box6.new_single .content .right.plan .code {margin-top: 70px}
.index_box6.new_single .content .right .code img{margin: 0 auto}
.index_box6.new_single .content .right .code span{display: block;margin-top: 12px;font-size: 18px;text-align: center;letter-spacing: 1px}
.index_box6.new_single .content .right .code p{font-size: 16px;text-align: center;margin-top: 30px;letter-spacing: 1px}
.about_body{padding-top: 110px;background-color: #f5f5f5;}
.about_body  .content.active{visibility: unset}
.about_body .content{width: 980px;margin: 0 auto;visibility: hidden}
.about_body .content .td{font-size: 32px;color: #1b1b1b;line-height: 1px}
.about_body .content .tex{margin-top: 38px}
.about_body .content .tex .td{font-size: 18px;line-height: 26px;font-weight: bold;letter-spacing: 1px}
.about_body .content .tex:nth-of-type(n+2){margin-top: 35px}
.about_body .content .tex p{margin-top: 12px;color: #1b1b1b;line-height: 25px;letter-spacing: 1px}
.about_body .content .tex p span{font-family: c-word,sans-serif }
.about_box1 .content{width: 1200px;margin:0 auto;visibility: hidden}
.about_box1 .content.active{visibility: unset}
.about_box1 .content img{transition: all .3s}
.about_box1 .content .top{overflow: hidden;position: relative}
.about_box1 .content .top:hover>img{transform:scale(1.1)}
.about_box1 .content .bottom .post_img{position: absolute;right: 97px;top: -276px}
.index_box5.about{margin-top: 130px;transition: all .5s}
.index_box5.about .content{visibility: hidden}
.index_box5.about .content.active{visibility: unset}
.about_swiper{padding-top: 103px;background-color:#ffffff;padding-bottom:103px}
.about_swiper .content {width:1290px;margin: 0 auto;visibility: hidden;min-height:600px }
.about_swiper .content .left{margin-left:46px }
.about_swiper .content .bottom{position: relative}
.about_swiper .content .bottom>img{width: 100%;object-fit: cover}
.about_swiper .content .bottom .imgs li {transition: all .3s}
.about_swiper .content .bottom .imgs li:hover {transform: scale(1.1)}
.about_swiper .content .bottom .imgs li {position: absolute;border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;background-color: #FFFFFF;box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 10%)}
.about_swiper .content .bottom .imgs li:nth-of-type(1){width: 110px;height: 110px;;right: 72.395%;bottom: 15.366%}
.about_swiper .content .bottom .imgs li:nth-of-type(2){width: 100px;height: 100px;right: 43.17%;bottom: 10.288%}
.about_swiper .content .bottom .imgs li:nth-of-type(3){right:28.295%;width: 110px;height: 110px;bottom: -7.819%}
.about_swiper .content .bottom .imgs li:nth-of-type(4){right: 13.798%;width: 110px;height: 110px;bottom: -16.46%}
.about_swiper .content .bottom .imgs li:nth-of-type(5){right: 5.65%;width: 108px;height: 108px;bottom: 17.73%}
.about_swiper .content .bottom .imgs li:nth-of-type(6){right: 12.17%;width: 104px;height: 104px;bottom: 53.191%}
.about_swiper .content .bottom .imgs li:nth-of-type(7){right: 18.604%;width: 112px;height: 112px;bottom: 97.4% }
.about_swiper .content .bottom .imgs li:nth-of-type(8){width: 111px;height: 111px;right: 36.124%;bottom: 105.673%}
.about_swiper .content .bottom .imgs li:nth-of-type(9){width: 110px;height: 110px;right: 29.492%;bottom:70.922%}
.about_swiper .content .bottom .imgs li:nth-of-type(10){width: 107px;height: 107px;right: 40.845%;bottom: 45.863%}
.about_swiper .content .bottom .imgs li:nth-of-type(11){width: 110px;height: 110px;right: 52.558%;bottom: 36.17%}
.about_swiper .content .bottom .imgs li:nth-of-type(12){width: 113px;height: 113px;;right: 63.566%;bottom: 54.374%}
.about_swiper .content .bottom .imgs li:nth-of-type(13){width: 157px;height: 157px;right: 17px;bottom: 76.832%}
.about_swiper .content .bottom .imgs li:nth-of-type(14){width: 157px;height: 157px;right: 55.736%;bottom: -16.46%}
.about_swiper .content .bottom .imgs li:nth-of-type(15){width: 155px;height: 155px;right: 23.946%;bottom: 26%}
.about_swiper .content .bottom .imgs li:nth-of-type(16){width: 148px;height: 148px;right: 49.457%;bottom: 80.378%}
.about_swiper .content .left p:last-child{margin-top: 20px;font-size: 21px;line-height: 28px;}
.about_swiper .content.active{visibility: unset}
.about_swiper .content .td{font-size: 40px;letter-spacing: 1px}
.about_swiper .content .swipers{background-color: #fff;margin-top: 76px;padding-bottom: 68px;}
.about_swiper .content .swipers .swiper-pagination-bullet{width: 12px;height: 12px;margin-left: 4px}
.about_swiper .content .swipers .grid_sw {display: grid;grid-template-columns: repeat(3,auto);grid-column-gap: 108px;grid-row-gap: 166px;align-items: center;padding: 120px 128px 80px 166px}
.about_swiper .content .swipers .grid_sw li img{transition: all .3s}
.about_swiper .content .swipers .grid_sw li:hover img{transform: scale(1.1)}
.about_swiper .content .swipers .index_banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -2px}
.about_box1 .content>img{width: 100%;}
.about_box1 .bottom{padding: 86px 97px 62px 91px;background-color: #fff;display: flex;justify-content: space-between;position: relative}
.about_box2{margin-top: 130px}
.about_box2  .top img{width: 100%;object-fit: cover}
.about_box2 .bottom{padding:60px 110px 70px;background-color: #fff}
.about_box2 .bottom .text .td{color: #0d86c5;font-size: 20px;}
.about_box2 .bottom .text p{margin-top: 17px;font-size: 18px;color: #000}
.about_box2 .bottom .text{margin-top: 33px;letter-spacing: 1px;}
.about_box2 .bottom .text:nth-of-type(1){margin-top: 42px;}
.about_box3{padding-top: 124px}
.about_box3 .content{width: 1200px;margin: 0 auto;visibility: hidden}
.about_box3 .content.active{visibility: unset}
.about_box3 .content .td{font-size: 40px;text-align: center}
.about_box3 .hover_li{display: flex;padding: 0 40px;background-color: #fff;margin-top: 69px;height: 703px}
.about_box3 .hover_li li{flex: 1;padding-top: 85px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;transition: all .3s;display: flex;flex-direction: column}
.about_box3 .hover_li li .td{font-size: 36px;color:#ccc;text-align: unset;padding-left: 10px;}
.about_box3 .hover_li li:hover{flex: 3}
.about_box3 .hover_li li:hover .td{color: #0d86c5}
.about_box3 .hover_li li:hover .bottom{display: block}
.about_box3 .hover_li li:hover img{display: block;transition: all .3s}
.about_box3 .hover_li li .b_img{flex: 1;display: flex;align-items: flex-end}
.about_box3 .hover_li li img{width: 100%;object-fit: cover;display: none}
.about_box3 .hover_li li .bottom{margin-top: 20px;display:none;width: 322px;padding-left: 10px;}
.about_box3 .hover_li li .bottom .text{padding-left: 20px;position: relative;line-height: 28px;letter-spacing: 1px}
.about_box3 .hover_li li .bottom .text::before{content: '';position: absolute;width: 7px;height: 7px;background-color: #000;border-radius: 50%;left: 0;top:10px}
.about_box3 .hover_li li .bottom .text:nth-of-type(n+2){margin-top: 12px}
.about_box2 .content{width: 1200px;margin: 0 auto;visibility: hidden}
.about_box2 .content.active{visibility: unset}
.about_box2 .content .top{overflow: hidden}
.about_box2 .content .top img{transition: all .3s}
.about_box2 .content .top:hover img{transform:scale(1.1)}
.about_box1 .bottom .left{width: 44.071%}
.about_box1 .bottom .right{width: 48.123%}
.about_box1 .bottom .left .td {font-size: 32px;color: #000;padding-bottom: 22px;}
.about_box1 .bottom  p.t:nth-of-type(n+2){margin-top: 23px}
.about_box1 .bottom .left .line{height: 2px;width:56px ;background-color: #0d86c5}
.about_box1 .bottom .left .text{margin-top: 40px;line-height: 28px;}
.about_box1 .bottom p{line-height: 26px;letter-spacing: 1px;color: #1b1b1b;}
.about_box1 .bottom p.t{font-size: 18px;font-weight: bold;color: #1b1b1b;}
.index_box1.about{background-image: unset;background-color: #f5f5f5;padding-top: unset;}
.index_box1.about .content{visibility: hidden}
.index_box1.about .content.active{visibility: unset}
footer .content{visibility: hidden;letter-spacing: 1px}
footer .content.active{visibility: unset;}
.index_box1.about .box{background-color: unset;margin-top: unset;padding-top: 65px;}
.job_banner {background-color: #f8f8f8;padding: 113px 0 117px}
.job_banner .content {width: 1290px;margin: 0 auto;position: relative;overflow: hidden}
.job_banner .content img{width: 100%;object-fit: cover;transition: all .3s}
.job_banner .content:hover img{transform: scale(1.2)}
.job_banner .content .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding-top: 70px;padding-left: 76px;box-sizing: border-box}
.job_banner .content .text i{font-size: 32px;}
.job_banner .content .text p{font-size: 20px;margin-top: 19px}
.job_box1 {padding: 100px 0 115px;visibility: hidden}
.job_box1.active{visibility: unset;animation: top_fade 1s;}
.job_box1 .t{font-size: 33px;text-align: center;padding-bottom: 24px;}
.job_box1 .line{width: 60px;height: 3px;background-color: #0d86c5;margin: 0 auto}
.job_box1 .list{width: 1290px;margin: 80px auto 0;}
.job_box1 .list ul {display: flex;justify-content: space-around;align-items: center}
.job_box1 .list ul li .top img{margin: 0 auto;transition: all .3s}
.job_box1 .list ul li .top img:hover{transform: scale(1.1)}
.job_box1 .list ul li {display: flex;flex-direction:column;height: 107px;justify-content: space-between}
.job_box1 .list ul li:first-child .top{padding-top: 7px;}
.job_box1 .list ul li:last-child .top{padding-top: 7px;}
.job_box1 .list ul li p{font-size: 18px;color: #333333;}
.job_box2{background-color:#f8f8f8;padding: 105px 0 118px }
.job_box2 .content{width: 1290px;margin: 0 auto;display: flex;justify-content: space-between;visibility: hidden}
.job_box2 .content.active{visibility: unset}
.job_box2 .content .left{width:30.078%}
.job_box2 .content .left .td {font-size: 30px;padding-top: 38px;}
.job_box2 .content .left p{margin-top: 28px;font-size: 16px;color: #373737;line-height: 28px}
.job_box2 .content .left .btn{width: 167px;border: 1px solid #626262;box-sizing: border-box;text-align: center;margin-top: 60px}
.job_box2 .content .left .btn a span{font-size: 14px;}
.job_box2 .content .left .btn a{display: block;padding: 12px 0;font-size: 15px;color: #626262;line-height: 21px;transition: all .3s}
.job_box2 .content .left .btn a:hover {background-color: #0d86c5;color: #fff;
}
.job_box2 .content .right{width: 60.31%;padding: 31px 36px  38px;box-sizing: border-box;background-color: #fff;border-radius: 6px}
.job_box2 .content .right .t {display: flex;justify-content: space-between}
.job_box2 .content .right .t .r {color: #102136;font-size: 16px;display: flex;align-items: center}
.job_box2 .content .right .t .l{font-size: 20px;color: #333333;transition: all .3s}
.job_box2 .content .right .t .l:hover{color: #0d86c5
}
.job_box2 .content .right .t .r span{margin-left: 6px}
.job_box2 .content .right p{margin-top: 15px;font-size: 16px;color: #5e5e5e;line-height: 26px;-webkit-line-clamp: 2}
.job_box2 .content .right .line{height: 1px;background-color: #ccc;margin-top: 20px}
.job_box2 .content .right .item{display: block}
.job_box2 .content .right .item:nth-of-type(n+2){margin-top: 25px;}

.product_list .box_1 {display: flex;justify-content: space-between;visibility: hidden}
.product_list .box_1.active{animation: top_fade 1s;visibility: unset}
.product_list .box_1 .box{width: 49.167%;position: relative;overflow: hidden}
.product_list .box_1 .box img{transition: all .5s}
.product_list .box_1 .box:hover img{transform: scale(1.1)}

.product_list .box_1 .box .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,.56);display: flex;justify-content: center;align-items: center;font-size: 45px;color: #f5f5f5}
.product_list .box_1 .box img{width: 100%;object-fit: cover}
.product_list .box_2{margin-bottom: 28px}
.product_list .box_2:nth-of-type(n+2){margin-top: 83px}
.product_list.core .box_2:nth-of-type(n+2){padding-top: 83px;margin-top: unset}
.product_list.core .box_2 .top{margin-top: unset}
.product_list .box_2 .top{display: flex;justify-content: space-between;align-items: center;margin-top: 80px}
.product_list .box_2 .top .left{font-size: 26px;color: #1b1b1b}
.product_list .box_2 .top a{font-size: 18px;display: flex;align-items: center;transition: all .3s }
.product_list .box_2 .top a:hover{color: #0d86c5}
.product_list .box_2 .top span{font-size: 12px;margin-left: 8px}
.product_list.core .box_2 .top span{font-size: 16px;}
.product_list .load{background-image: url("../image/图形背景.png");background-repeat: no-repeat;background-size: cover;margin-top: 86px;visibility: hidden}
.product_list .load.active{visibility: unset;animation: top_fade 1s;}
.product_list .load {padding: 73px 0 60px;}
.product_list .load img{margin: 0 auto;transition: all .3s}
.product_list .load p{text-align: center;font-size: 24px;margin-top: 22px;color: #434343;transition: all .3s}
.product_list .load p:hover{color: #000}






footer{background-color: #1b1b1b;padding: 75px 0 38px;margin-top: -1px}
footer .content {width: 1290px;margin: 0 auto;}
footer .content .top{display: flex;justify-content: space-between}
/*1290px*/
footer .content .top .left{width: 20.31%;}
footer .content .top .between{width: 61.395%;}
footer .content .top .rigth{width: 18.295%;}
footer .left_box {margin-top: 40px;}
footer .left_box .item{display: flex}
footer .left .left_box .item:nth-of-type(n+2){margin-top: 14px}
footer .left_box .item:nth-of-type(n+2){margin-top: 29px}
footer .left_box  .text{margin-left: 9px}
footer .left_box  .text p{font-size: 14px;color: #fff;line-height: 21px}
footer .left_box  .text  span{display: inline-block;font-size: 14px;color: rgba(255,255,255,.56);line-height: 21px;margin-top: 7px}
footer .left_box  .text  bdi{display: block;font-size: 14px;color: rgba(255,255,255,.56);line-height: 21px;margin-top: 7px}
footer .wx:hover{opacity: 1;}
footer .wx:hover .code{display: block}
footer .wx{position: relative;transition-duration:.5s;-webkit-transition-duration:.5s;opacity: .5;transition: all .5s;cursor: pointer;}
footer .wx .code{display: none;position: absolute}
footer .wx_top:hover {opacity: 1;}
footer  .between{flex: 1}
footer  .between ul{display: flex;justify-content:space-around;flex-wrap: wrap}
footer  .between ul .td{font-size: 14px;color: #ffff;margin-bottom: 30px;}
footer  .between ul .td a{color: #fff}
footer  .between ul .item a{font-size: 14px;color: rgba(255,255,255,.56);transition: all .3s;}
footer  .between ul .item a:hover{color: #fff}
footer  .between ul .item:nth-of-type(n+2){margin-top: 18px}
footer .rigth .left_box {margin-top: unset}
footer .code{padding-top: 10px}
footer .line{height: 1px;background-color: #3b3b3b;width: 100%;margin-top: 50px}
footer .content>p{font-size: 15px;color: rgba(255, 255, 255, 0.21);text-align: center;margin-top: 17px}
footer .content>p a{color:rgba(255, 255, 255, 0.21)}



/*change by hanye*/
    .file_class{position: relative;z-index: -1;opacity: 0}
    .job_form input[type='file']{display: block;width: 126px;height: 126px;position: relative;z-index: -1}
    .job_form form .file{margin-top: unset;position: relative;top: -126px;z-index: 2}
    .job_form input.submit{margin-top: -40px;}