/* title */
.nei_tit{position: relative;padding-bottom: 50px;text-align: center;margin: 0 auto;}
.nei_tit .en{letter-spacing:-4px;text-transform:uppercase;color:#fff;font-weight:700;font-family:'Tunga Bold',Arial,Helvetica,sans-serif;text-shadow:#e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;font-size: 100px;letter-spacing: 2px;}
.nei_tit .title{font-size: 40px;color: #333;}
.nei_tit .title i{color: #0078C4;font-size: 50px;font-style: italic;height: auto;position: absolute;}
.nei_tit .title i:nth-child(1){transform: translateX(-2vw);}
@media screen and (max-width:1440px){
.nei_tit .title{font-size:34px;}
.nei_tit .en{font-size: 80px;}
}
@media screen and (max-width:1080px){
.nei_tit{padding-bottom: 35px;}
.nei_tit .title{font-size: 30px;}
.nei_tit .title i{font-size: 40px;}
.nei_tit .en{font-size: 68px;}
}
@media screen and (max-width:768px){
.nei_tit{padding-bottom: 25px;}
.nei_tit .title{font-size:26px;}
.nei_tit .title i:nth-child(1){transform: translateX(-4vw);}
.nei_tit .en{font-size: 50px;}

}
@media screen and (max-width:520px){
.nei_tit{padding-bottom: 15px;}
.nei_tit .title{font-size:22px;}
.nei_tit .en{font-size: 40px;}
}


/* banner */
.banner{width:100%;position:relative;}
.banner .pic img{width: 100%;}
.banner .tit{color:#fff;font-size:48px;text-align:center;letter-spacing:4px;z-index:1;position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
@media(max-width:1080px){
.banner .tit{font-size: 40px;}
}
@media(max-width:768px){
.banner .tit{font-size: 36px;}
}
@media(max-width:520px){
.banner{margin-top: 53px;}
.banner .tit{font-size: 22px;letter-spacing: 0px;top: 50%;}
}

/* left */
.pageNav{background:#fff;overflow:hidden;text-align:center;position:relative}
.pageNav:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e6e6e6}
.pageNav li{display:inline-block;padding:0 42px;position:relative;z-index:1}
.pageNav li a{display:block;height:70px;line-height:70px;font-size:18px;color:#333;position:relative;}
.pageNav li a:after{content:'';position:absolute;left:50%;bottom:0;height:2px;width:0;background:#0078C4;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;	}
.pageNav li.aNow a{color: #0078C4;}
.pageNav li.aNow a:after, .pageNav li a:hover:after{ width: 100%; left: 0; }
.pageNav::-webkit-scrollbar{width:2.5px;height:2.5px}
.pageNav::-webkit-scrollbar-track{background-color:transparent}
.pageNav::-webkit-scrollbar-thumb{border-radius:4px;background-color:#c1c1c1}
.pageNav li a:hover{color:#0078C4}
@media(max-width:1280px){
.pageNav li{padding: 0 30px;}
.pageNav li a{font-size: 16px;}
}
@media(max-width:1080px){
.pageNav{overflow-x: auto;}
.pageNav ul{width: max-content;}
.pageNav li{padding: 0 20px;}
.pageNav li a{height: 60px;line-height: 60px;}
}
@media(max-width:768px){
.pageNav li a:after{bottom: 9px;}
}
@media(max-width:520px){
.pageNav li{padding: 0 15px;}
.pageNav li a{height: 50px;line-height: 50px;font-size: 14px;}
}

/* newslist */
.newslist{padding: 80px 0;background: #F9FAFB;}
.newslist .item{width: 32%;margin-bottom: 2%;margin-right: 2%;}
.newslist .item:nth-child(3n+3){margin-right: 0;}
.newslist .item .wrap{background: #fff;box-shadow: 0 0 15px rgba(55, 55, 55, 0.1);padding: 20px;}
.newslist .item .img{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;}
.newslist .item .img img{transition: all 0.5s;height: 100%;object-fit: cover;width: 100%;position: absolute;}
.newslist .item:hover .img img{transform: scale(1.05);}
.newslist .item .info .date{margin: 15px 0 10px;align-items: center;}
.newslist .item .info .date .lei{font-size:14px;color:#4b4b4b;line-height: 32px;border-radius:36px;border: 1px solid #EFEFEF;padding:0 22px;background: #EFEFEF;text-align:center;display:inline-block;}
.newslist .item .info .date .time{font-size:16px;color:#4b4b4b}
.newslist .item .info .t1{font-weight:700;color:#333;font-size:20px;line-height:1.8;margin-bottom:10px;transition:all .36s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.newslist .item .info .t2{color:#333;font-size:15px;line-height:1.8;margin-bottom:25px;transition:all .36s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newslist .item .info .n_more{display: flex;align-items: center;width: 94px;transition: all 0.36s;}
.newslist .item .info .link{height:1px;background:#fff;width: calc(100% - 100px);}
.newslist .item .info .icon{width: 32px;height: 32px;background-color: #0078C4;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.newslist .item .info .icon img{width: 20px;}
.newslist .item:hover .info .t1{color: #0078C4;}
.newslist .item:hover .info .n_more{width: 100%;}
.newslist .item:hover .info .link{width: calc(100% - 34px);}
@media only screen and (max-width:1080px){
.newslist{padding: 50px 0;}
.newslist .item .info .t1{font-size: 18px;}
.newslist .item .info .t2{margin-bottom: 15px;}
}
@media only screen and (max-width:768px){
.newslist .item{width: 49%;}
.newslist .item:nth-child(even){margin-right: 0;}
.newslist .item:nth-child(odd){margin-right: 2%;}
.newslist .item .info .date{margin: 10px 0 5px;}
}
@media only screen and (max-width:520px){
.newslist{padding: 30px 0;}
.newslist .item{width: 100%;}
.newslist .item:nth-child(even){margin-right: 0;}
.newslist .item:nth-child(odd){margin-right: 0;}
.newslist .item .wrap{padding: 15px;}
.newslist .item .info .date{display: none;}
.newslist .item .info .t1{font-size: 16px;}
.newslist .item .info .t2{font-size: 14px;margin-bottom: 10px;}
.newslist .item .info .icon{margin-left: 10px;width: 18px;height: 16px;}
}

/* news */
.news{padding: 80px 0;}
.news .back{width:20%;left:0;position: sticky;top: 100px;height: fit-content;}
.news .back.mo{display: none;}
.news .back .backa{transition:all .3s ease-in-out}
.news .back .backbtn{display:inline-block;background-color:#0078C4;width:46px;height:46px;border-radius:50%;overflow:hidden;vertical-align:top;position:relative}
.news .back .backbtn i{display:block;width:100%;height:100%;background:url(../images/n_icon.png) center center no-repeat;background-size:100%;border-radius:50%;position:relative;z-index:2}
.news .back .backwz{font-size: 17px;color:#000;line-height:46px;vertical-align:top;margin-left:14px;}
.news .cont{width: 70%;}
.news .cont .lei{background: #EFEFEF;text-align: center;display: inline-block;font-size: 17px;color: #4b4b4b;line-height: 40px;border-radius: 40px;padding: 0 23px;margin-bottom: 70px;}
.news .cont .title{font-size: 32px;color: #333;line-height: 30px;font-weight: bold;}
.news .cont .date{font-size: 18px;color: #333;margin: 25px 0;}
.news .cont .text p{font-size: 16px;color: #333333;line-height: 2;margin-bottom: 10px;}
.news .cont .text p:nth-last-child(1){margin-bottom: 0;}
.news .link{margin-top:80px;}
.news .link .title{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 30px;}
.news .link .item{border-radius:10px;background:#fff;height:auto;width: 32%;box-shadow: 0 0 10px rgba(0,0,0,.1);margin-bottom: 2%;margin-right: 2%;}
.news .link .item:nth-child(3n+3){margin-right: 0;}
.news .link .item .img{overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.news .link .item .img img{transition:all .5s;}
.news .link .item:hover .img img{transform: scale3d(1.05,1.05,1.05);}
.news .link .item .info{padding: 25px;}
.news .link .item .info .date{margin-bottom: 15px;align-items: center;}
.news .link .item .info .date .lei{font-size:14px;color:#4b4b4b;line-height: 30px;border-radius:36px;border: 1px solid #EFEFEF;padding:0 22px;background: #EFEFEF;text-align:center;display:inline-block;}
.news .link .item .info .date .time{font-size:16px;color:#4b4b4b}
.news .link .item .info .t1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .link .item .info .t1 p{font-size: 20px;color:#151515;font-weight:700;}
.news .link .item .info .text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin: 15px 0;}
.news .link .item .info .text p{font-size: 15px;color:#151515;line-height: 26px;}
@media only screen and (max-width:1080px){
.news{padding: 50px 0;}
.news .cont .lei{margin-bottom: 50px;line-height: 40px;border-radius: 40px;}
.news .cont .title{font-size: 26px;}
.news .back .backbtn{width: 40px;height: 40px;}
.news .back .backwz{line-height: 40px;font-size: 16px;}
.news .link{margin-top: 50px;}
.news .link .title{font-size: 26px;margin-bottom: 20px;}
.news .link .item .info{padding: 20px;}
}
@media only screen and (max-width:768px){
.news .back.pc{display: none;}
.news .back.mo{display: block;position: initial;width: auto;}
.news .back .backwz{font-size: 16px;}
.news .cont{width: 100%;}
.news .cont .date{font-size: 16px;}
.news .link .item{width: 49%;}
.news .link .item:nth-child(odd){margin-right: 2%;}
.news .link .item:nth-child(even){margin-right: 0;}
.news .link .item .info{padding: 15px;}
.news .link .item .info .date{margin-bottom: 10px;}
.news .link .item .info .t1 p{font-size: 18px;}
.news .link .item .info .text{margin: 10px 0 0;}
}
@media only screen and (max-width:520px){
.news{padding: 25px 0;}
.news .cont .lei{margin-bottom: 20px;line-height: 30px;border-radius: 35px;padding: 0 20px;font-size: 14px;}
.news .cont .title{font-size: 20px;text-align: center;}
.news .back .backbtn{width: 35px;height: 35px;}
.news .back .backwz{line-height: 35px;font-size: 14px;margin-left: 4px;}
.news .cont .date{font-size: 14px;margin: 15px 0;}
.news .cont .text p{font-size: 14px;margin-bottom: 8px;line-height: 26px;}
.news .link{margin-top: 25px;}
.news .link .title{font-size: 20px;margin-bottom: 15px;}
.news .link .item{width: 100%;margin-bottom: 15px;}
.news .link .item:nth-child(odd){margin-right: 0%;}
.news .link .item a{display: flex;}
.news .link .item .img{border-radius: 2px;width: 35%;}
.news .link .item .img img{height: 100%;object-fit: cover;width: 100%;}
.news .link .item .info{width: 70%;}
.news .link .item .info .date{display: none;}
.news .link .item .info .t1 p{font-size: 16px;}
.news .link .item .info .text p{font-size: 13px;line-height: 22px;}
}

/* picturelist */
.picturelist{padding: 80px 0;}
.picturelist li{width:15%;position: relative;margin-right: 2%;}
.picturelist li:nth-child(6n+6){margin-right: 0;}
.picturelist li .pic a{width:90%;padding:15px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f5}
.picturelist li .pic::after{width:0;height:2px;content:"";background:#0078C4;transition:all .5s ease;position:absolute;bottom:0;left:50%}
.picturelist li:hover .pic::after{width:100%;transition:all .5s;margin-left:-50%}
.picturelist li .pic img{max-width:100%;max-height:100%;transition:all .5s;}
.picturelist li:hover img{transform:scale(1.02);}
.picturelist li .text{height:50px;line-height: 50px;}
.picturelist li p{padding:0 20px;text-align:center;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.picturelist li:hover p {color: #333;}
@media screen and (max-width:1080px){
.picturelist{padding: 50px 0;}
}
@media screen and (max-width:768px){
.picturelist{padding: 30px 0;}
.picturelist li{width: 48%;}
.picturelist li:nth-child(odd){margin-right: 4%;}
.picturelist li:nth-child(even){margin-right: 0;}
.picturelist li .pic a{width: auto;height: 140px;padding: 10px;}
.picturelist li .text{height:40px;line-height: 40px;}
.picturelist li p{font-size: 14px;height: 40px;}
}

/* contacts */
.contacts .wrap{display: flex;flex-wrap: wrap;}
.contacts .map{width: 50%;}
.contacts ul{width: 50%;}
.contacts li{width: 50%;position: relative;display: flex;align-items: center;justify-content: center;text-align: center;}
.contacts li::after{position: absolute;content: "";border-right: 1px solid #eaeaea;height: 100%;right: 0;}
.contacts li::before{position: absolute;content: "";border-bottom: 1px solid #eaeaea;width: 100%;bottom: 0;}
.contacts li .info{z-index: 99;}
.contacts li .info .icon{margin-bottom: 30px;position: relative;}
.contacts li .info .icon::after{width: 95px;height: 95px;position: absolute;top: 50%;left: 50%;margin-left: -48.5px;margin-top: -48.5px;background: url(../images/lines.png) no-repeat;background-size: cover;content: '';-webkit-animation: lineAnimate 4s linear infinite;opacity: 0;}
.contacts li .info .icon img{width: 58px;}
.contacts li .info .icon img:nth-child(2){display: none;}
.contacts li .info .img img{width:120px;margin-bottom: 10px;}
.contacts li .info p{font-size:20px;color: #3f709f;transition: all 1s;}
.contacts li .info p.num{font-size:28px}
.contacts li .s_bg{width: 100%;height: 0%;position: absolute;left: 0%;bottom: 0%;background: #0078C4;-webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow: hidden;z-index: 9;}
.contacts li:hover .s_bg{height: 100%;}
.contacts li:hover .info .icon:after{opacity: 1;}
.contacts li:hover .info .icon img:nth-child(1){display: none;}
.contacts li:hover .info .icon img:nth-child(2){display: initial;}
.contacts li:hover .info p{color: #fff;}
@-webkit-keyframes lineAnimate{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@media screen and (max-width:1440px){
.contacts li .info p{font-size: 18px;}
.contacts li .info p.num{font-size: 24px;}
.contacts li .info .img img{width: 110px;}
}
@media screen and (max-width:1080px){
.contacts .map{width: 100%;}
.contacts ul{width: 100%;order: -1;}
.contacts li{padding: 40px 0;}
.contacts li .info .img img{width: 108px;}
.contacts li .info .icon::after{margin-left: -46.5px;margin-top: -46.5px;width: 90px;height: 90px;}
.contacts li .info .icon img{width: 50px;}
.contacts li .info p{font-size: 16px;}
.contacts li .info p.num{font-size: 22px;}
}
@media screen and (max-width:520px){
.contacts li{padding: 20px 0;}
.contacts li:nth-child(2) .info p{width: 90%;margin: 0 auto;}
.contacts li .info .img img{width: 80px;margin-bottom: 2px;}
.contacts li .info .icon{margin-bottom: 20px;}
.contacts li .info .icon::after{margin-left: -33.5px;margin-top: -33.5px;width: 65px;height: 65px;}
.contacts li .info .icon img{width: 35px;}
.contacts li .info p{font-size: 14px;}
.contacts li .info p.num{font-size: 18px;}
}

/* message */
.message{padding: 80px 0;}
.message .title{font-size: 40px;color: #0078C4;text-align: center;margin-bottom: 60px;}
.message .input{width: 32%;margin-right: 2%;margin-bottom: 50px;}
.message .input:nth-child(3){margin-right: 0;}
.message .input input{font-size: 16px;border-bottom:1px solid #d2d2cf;width:100%;line-height:22px;text-align:left;color: #0078C4;box-sizing:border-box;padding: 10px 0;}
.message .code{position: relative;}
.message .code img{position: absolute;right: 0;height: 44px;}
.message .input1{margin-bottom: 40px;}
.message .input1 label{font-size: 16px;color: #0078C4;margin-bottom: 10px;}
.message .input1 textarea{padding:10px;font-size: 14px;border:1px solid #d2d2cf;width:100%;line-height:22px;text-align:left;color:#0078C4;box-sizing:border-box;font-family: initial;height: 135px;margin-top: 10px;}
.message .submit{border:1px solid #0078C4;color: #0078C4;width: 158px;border-radius: 6px;text-align: center;line-height: 45px;height: 45px;position: relative;transition: .6s;z-index: 9;cursor: pointer;}
.message .submit input{background: none;color:#0078C4;font-size: 16px;transition: .6s;}
.message .submit:hover{color: #fff;box-shadow: inset 0 0 0 30px #0078C4;}
.message .submit:hover input{color: #fff;}
.message input::-webkit-input-placeholder {color: #0078C4;} 
.message input:focus,.message textarea:focus{-webkit-box-shadow: none;box-shadow: none;border-bottom: 2px solid #0078C4;}
@media screen and (max-width:1080px){
.message{padding: 50px 0;}
.message .title{font-size: 32px;margin-bottom: 40px;}
.message .submit{width: 125px;line-height: 38px;height: 38px;}
}
@media screen and (max-width:640px){
.message{padding: 25px 0;}
.message .title{font-size: 21px;margin-bottom: 10px;}
.message .input{width: 100%;margin-right: 0%;margin-bottom: 0px;}
.message .input input{font-size: 13px;width:100%;line-height: 20px;padding: 14px 0;}
.message .code img{position: absolute;right: 0;height: 44px;}
.message .input1{margin-bottom: 0px;margin-top: 15px;}
.message .input1 label{font-size: 14px;margin-bottom: 10px;}
.message .input1 textarea{padding:10px;font-size: 14px;line-height: 20px;height: 90px;}
.message .submit{width: 115px;line-height: 34px;height: 34px;margin-top: 20px;}
.message .submit input{font-size: 14px;}
.message input:focus,.message textarea:focus{border-bottom: 1px solid #0078C4;}
}

/* productslist */
.productslist{padding: 80px 0;}
.productslist .list{width: 75%;height: -webkit-fill-available;}
.productslist .item{width:32%;margin-right: 2%;background-color: #F7F7F7;border-radius: 4px;margin-bottom: 2%;}
.productslist .item a{width: 100%;display: block;position: relative;overflow: hidden;}
.productslist .item .info{overflow: hidden;}
.productslist .item .info::before{position: absolute;content: "";background: #00000047;width: 100%;height: 100%;opacity: 0;transition: all .6s ease-in-out;z-index: 99;}
.productslist .item .info::after{position: absolute;content: "";background: url(../images/p_icon02.png);background-size: cover;transform: translate(-50%,-50%);left: 46%;top: 45%;width: 45px;height: 45px;opacity: 0;transform: scale(1.35);transition: all .3s ease-in-out;z-index: 99;}
.productslist .item:nth-child(3n+3){margin-right: 0;}
.productslist .item .img{text-align:center;padding:15px;overflow: hidden;}
.productslist .item .img img{width:100%;transition:all .6s;}
.productslist .item .text{display:flex;justify-content:space-between;padding:20px 35px;align-items:center;border-top:1px solid #ddd}
.productslist .item .text .t1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px}
.productslist .item .text i img{width:25px}
.productslist .item:hover .info:before{opacity: 1;}
.productslist .item:hover .info:after{opacity: 1;transform: none;}
.productslist .item:hover .img img {transform: scale(1.05);}
@media screen and (max-width:1280px){
.productslist .list{width: 70%;}
}
@media screen and (max-width:1080px){
.productslist{padding: 50px 0;}
.productslist .item .img{padding: 10px;}
.productslist .item .text{padding: 15px 25px;}
}
@media screen and (max-width:980px){
.productslist .list{width: 100%;}
}
@media screen and (max-width:768px){
.productslist .item .info::after{left: 45%;top: 40%;width: 32px;height: 32px;}
.productslist .item .text .t1{font-size: 15px;}
}
@media screen and (max-width:640px){
.productslist .item{width: 49%;} 
.productslist .item:nth-child(odd){margin-right: 2%;}
.productslist .item:nth-child(even){margin-right: 0;}
}
@media screen and (max-width:520px){
.productslist{padding: 25px 0;}
.productslist .item .info::after{left: 40%;top: 38%;width: 28px;height: 28px;}
.productslist .item .text{padding: 10px 15px;}
.productslist .item .text .t1{font-size: 13px;}
.productslist .item .text i img{width: 22px;}
}

/* about01 */
.about01{padding: 80px 0;}
.about01 .text{width: 100%;margin: 0 auto;}
.about01 .text p{font-size: 16px;line-height: 30px;margin-bottom: 25px;}
.about01 .text p:nth-last-child(1){margin-bottom: 0;}
.about01 ul{justify-content: space-between;margin-top: 60px;}
.about01 li{width: 200px;height: 200px;background:url(../images/in2_4.jpg);background-size: cover; border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;transition: 0.5s;}
.about01 li::after{position: absolute;content: "";width: 100%;height: 100%;background: #0078c4c7;border-radius: 50%;}
.about01 li:hover{box-shadow: 2px 0px 15px #0078c4c7;transform: translateY(-15px);}
.about01 li > div{text-align: center;z-index: 99;}
.about01 li .num{font-size:45px;font-weight:700;color: #ffffff;}
.about01 li p{font-size:16px;color: #fff;}
.about01 li sub{color: #ffffff;font-size: 15px;margin-left: -6px;background: #FF0000;border-radius: 100%;padding: 0 4px;}
@media screen and (max-width:1440px){
.about01 li{width: 175px;height: 175px;}
}
@media screen and (max-width:1080px){
.about01{padding: 50px 0;}
.about01 .text p{margin-bottom: 20px;}
.about01 ul{margin-top: 40px;}
.about01 li{width: 168px;height: 168px;}
.about01 li .num{font-size: 40px;}
}
@media screen and (max-width:768px){
.about01 .text p{font-size: 15px;margin-bottom: 15px;}
.about01 li{width: 140px;height: 140px;}
.about01 li .num{font-size: 36px;}
.about01 li p{font-size: 15px;}
.about01 li sub{font-size: 14px;}
}
@media screen and (max-width:640px){
.about01 ul{margin-top: 10px;justify-content: center;}
.about01 li{margin-right: 100px;margin-top: 20px;}
.about01 li:nth-child(even){margin-right: 0;}
.about01 li:hover{transform: translateY(-10px);}
}
@media screen and (max-width:520px){
.about01{padding: 30px 0;}
.about01 .text p{font-size: 14px;line-height: 26px;margin-bottom: 5px;}
.about01 ul{margin-top: 0;}
.about01 li{margin-right: 40px;margin-top: 10px;width: 120px;height: 120px;}
.about01 li .num{font-size: 30px;}
.about01 li p{font-size: 12px;}
.about01 li sub{font-size: 12px;}
}


/* about02 */
.about02{position: relative;}
.about02 .video{height: 768px;}
.about02 .video video{height: 100%;object-fit: initial;}
@media screen and (max-width:1440px){
.about02 .video{height: auto;}
.about02 .video video{object-fit: scale-down;}
}

/* about03 */
.about03{padding:80px 0;overflow: hidden;}
.about03 .ab3{overflow: initial;}
.about03 .item{background: url(../images/in4_bg2.jpg);background-size: cover; border-radius: 4px;position: relative;padding: 20px;}
.about03 .item .img{overflow: hidden;}
.about03 .swiper-button-next{width: 40px;height: 40px;border-radius: 50%;background: #0078C4;right: 10%;top: 50%;}
.about03 .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;background: #0078C4;left: 10%;top: 50%;}
.about03 .swiper-button-prev.swiper-button-disabled, .about03 .swiper-button-next.swiper-button-disabled{opacity: 0;}
.about03 .swiper-button-next:after, .about03 .swiper-button-prev:after{font-size: 15px;font-weight: bold;color: #ffffff;}
.about03 .swiper-button-prev:hover, .about03 .swiper-button-next:hover{background: #CC0802;}
.about03 .swiper-button-next:hover:after, .about03 .swiper-button-prev:hover:after{color: #fff;}
@media only screen and (max-width:1080px){
.about03{padding:50px 0;}
}
@media only screen and (max-width:520px){
.about03{padding:30px 0;}
.about03 .item{padding: 10px;}
.about03 .swiper-button-next{width: 34px;height: 34px;}
.about03 .swiper-button-prev{width: 34px;height: 34px;}
.about03 .swiper-button-next:after, .about03 .swiper-button-prev:after{font-size: 12px;}
}

/* about04 */
.about04 .bg{background: url(../images/ab04.jpg);overflow: hidden;position: relative;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;padding: 10% 0;text-align: center;}
.about04 .bg span{color: #fff;font-size: 32px;line-height: 1.7;letter-spacing:2px;}
.about04 .cont{padding: 80px 0;}
.about04 .cont .flex{justify-content: space-between;}
.about04 .cont .left{margin-top: 100px;}
.about04 .cont .left .nei_tit{position: sticky;top: 20%;}
.about04 .cont .right li{border: 1px solid #d5d0d0;border-radius: 8px;background: #fff;margin-bottom: 20px;padding: 30px 25px;position: sticky;}
.about04 .cont .right li::after{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 0;background: #0078c4;transition: 0.38s;z-index: -1;}
.about04 .cont .right li:nth-child(1){top: 20%;}
.about04 .cont .right li:nth-child(2){top: 22%;}
.about04 .cont .right li:nth-child(3){top: 24%;}
.about04 .cont .right li:nth-child(4){top: 26%;}
.about04 .cont .right li:nth-child(5){top: 28%;}
.about04 .cont .right li:nth-child(6){top: 30%;}
.about04 .cont .right li h4{color: #0078c4;font-size: 24px;margin-bottom: 10px;}
.about04 .cont .right li p{color:#545454;font-size: 16px;}
.about04 .cont .right li:hover{border: 1px solid #0078c4;background: #0078c4;}
.about04 .cont .right li:hover::after{height: 100%;bottom: auto;top: 0;}
.about04 .cont .right li:hover h4{color: #fff;}
.about04 .cont .right li:hover p{color: #fff;}
@media only screen and (max-width:1280px){
.about04 .bg{background-size: initial;background-position: left;}
}
@media only screen and (max-width:1080px){
.about04 .bg span{font-size: 24px;letter-spacing: 2px;}
.about04 .cont{padding: 50px 0;}
.about04 .cont .flex{justify-content: center;}
.about04 .cont .left{margin-top: 0;}
.about04 .cont .right{width: 100%;}
.about04 .cont .right li h4{font-size: 22px;}
}
@media only screen and (max-width:768px){
.about04 .bg{display: none;}
.about04 .cont{padding:  0 0 50px 0;}
.about04 .cont .right li:nth-child(1){top: 14%;}
.about04 .cont .right li:nth-child(2){top: 16%;}
.about04 .cont .right li:nth-child(3){top: 16%;}
.about04 .cont .right li:nth-child(4){top: 18%;}
.about04 .cont .right li:nth-child(5){top: 20%;}
.about04 .cont .right li:nth-child(6){top: 22%;}
.about04 .cont .right li h4{font-size: 20px;}
.about04 .cont .right li p{font-size: 15px;}
.about04 .cont .right li{padding: 20px 15px;margin-bottom: 15px;}
}
@media only screen and (max-width:520px){
.about04 .cont{padding:  10px 0 25px 0;}
.about04 .cont .right li h4{font-size: 18px;margin-bottom: 8px;}
.about04 .cont .right li p{font-size: 13px;}
.about04 .cont .right li{margin-bottom: 10px;border-radius: 6px;}
}

/* n_pav */
.n_pav{width: 20%;margin-right: 5%;}
.n_pav .title{font-size: 18px;font-weight: bold;background: #636974;color: #fff;line-height: 36px;text-align: center;}
.n_pav .pnav_item1{border-bottom: 1px solid #ddd;padding: 0 10px;position: relative;}
.n_pav .pnav_item1 .flex{justify-content: space-between;display: flex;}
.n_pav .pnav_item1 a{position: relative;display: block;padding: 10px 0;font-size: 16px;width: 80%;margin-right: 5%;line-height: 22px;}
.n_pav .pnav_item1 a:hover{color: #0078C4;}
.n_pav .pnav_item1 i{z-index: 2;width: 15%;height: 35px;position: relative;cursor: pointer;transition: all 0.3s ease;}
.n_pav .pnav_item1 i span::before,.n_pav .pnav_item1 i span::after{content:'';background: #636974;position:absolute;top:50%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.n_pav .pnav_item1 i span::before{width: 14px;height:2px;right: 1px;top: 16px;}
.n_pav .pnav_item1 i span::after{width: 2px;height: 14px;right:7px;top: 10px;}
.n_pav .pnav_item1 i.on span::after,.n_pav .pnav_item1 .cur i span::after{opacity:0}
.n_pav .pnav_item1 i.on span::before,.n_pav .pnav_item1 .cur i span::before{background:#0078C4}
.n_pav .pnav_item2{display: none;margin-bottom: 5px;}
.n_pav .pnav_item1 .cur .pnav_item2{display: block;}
.n_pav .pnav_item2 li{padding: 3px 0;}
.n_pav .pnav_item2 li a{padding: 4px 10px 4px 15px;margin-right: 0;position: relative;font-size: 14px;}
.n_pav .pnav_item2 li a:hover , .n_pav .pnav_item2 li a.active{color: #0078C4;}
.n_pav .pnav_item2 li a:before{content: '';display: inline-block;width: 5px;height: 5px;background-color: #ccc;position: absolute;left: 0;top: 9px;}
.n_pav .pnav_item2 li a:hover:before , .n_pav .pnav_item2 li a.active:before{background-color: #0078C4;}
.n_pav .wrap{margin-top: 30px;}
.n_pav .wrap li{padding: 8px 0; /* border-bottom:1px dashed #dbdbdb; */}
.n_pav .wrap li a{display: flex;align-items: center;}
.n_pav .wrap li .img{width: 20%;margin-right: 5%;}
.n_pav .wrap li .text{width: 75%;font-size: 15px;}
@media only screen and (max-width:1280px){
.n_pav{width: 25%;}
.n_pav .pnav_item1 a{font-size: 15px;}
}
@media only screen and (max-width:980px){
.n_pav{display: none;}
}


/* products */
.products{padding:80px 0}
.products .cont{width:75%}
.products .cont .pro{width:50%}
.products .cont .pro .img{background:#f7f8fa;text-align:center}
.products .cont .info{width:45%;margin-left:5%}
.products .cont .info .title{font-size:30px;border-bottom: 1px solid #63697485;padding-bottom: 20px;}
.products .cont .info .text{margin:18px 0 30px}
.products .cont .info .text p{font-size:16px;line-height:2}
.products .cont .info .flex{justify-content:space-between}
.products .cont .info li{text-align:center}
.products .cont .info li img{width: 50px;}
.products .cont .info li p{font-size:16px;margin-top:6px}
.products .cont .pro .swiper-button-next,.products .cont .pro .swiper-button-prev{width:45px;height:45px}
.products .cont .pro .swiper-button-prev{background:url(../images/icon-left2.png) center center no-repeat;left:30px;background-size:100%;outline:0;opacity: 0.7;}
.products .cont .pro .swiper-button-next{background:url(../images/icon-right2.png) center center no-repeat;right:30px;background-size:100%;outline:0;opacity: 0.7;}
.products .cont .pro .swiper-button-next:after,.products .cont .pro .swiper-button-prev:after{opacity:0}
.products .cont .table{margin-top: 40px;}
.products .cont .table table{border-spacing: 0;border-collapse: collapse;}
.products .cont .table table td{border: 1px solid #E5E7EB;font-size:16px;line-height:26px;font-weight:400;color:#4e5769;padding: 5px 20px;}
.products .cont .table p{font-size: 16px;line-height: 2;}
.products .cont .detail{margin-top: 60px;}
.products .cont .detail .title{font-size: 28px;font-weight: bold;color: #333;margin-bottom: 30px;}
.products .cont .detail .item{background-color: #F7F7F7;border-radius: 4px;margin-bottom: 2%;}
.products .cont .detail .item a{width: 100%;display: block;position: relative;overflow: hidden;}
.products .cont .detail .item .pic{overflow: hidden;}
.products .cont .detail .item .pic::before{position: absolute;content: "";background: #00000047;width: 100%;height: 100%;opacity: 0;transition: all .6s ease-in-out;z-index: 99;}
.products .cont .detail .item .pic::after{position: absolute;content: "";background: url(../images/p_icon02.png);background-size: cover;transform: translate(-50%,-50%);left: 46%;top: 45%;width: 40px;height: 40px;opacity: 0;transform: scale(1.35);transition: all .3s ease-in-out;z-index: 99;}
.products .cont .detail .item:nth-child(3n+3){margin-right: 0;}
.products .cont .detail .item .img{text-align:center;padding:15px;overflow: hidden;}
.products .cont .detail .item .img img{transition:all .6s;}
.products .cont .detail .item .text{display:flex;justify-content:space-between;padding:20px 35px;align-items:center;border-top:1px solid #ddd}
.products .cont .detail .item .text .t1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px}
.products .cont .detail .item .text i img{width:25px}
.products .cont .detail .item:hover .pic:before{opacity: 1;}
.products .cont .detail .item:hover .pic:after{opacity: 1;transform: none;}
.products .cont .detail .item:hover .img img {transform: scale(1.05);}
.products .t_pro .swiper-button-next{width: 40px;height: 40px;border-radius: 50%;background: #0078C4;right: 1%;top: 50%;}
.products .t_pro .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;background: #0078C4;left: 1%;top: 50%;}
.products .t_pro .swiper-button-prev.swiper-button-disabled, .products .t_pro .swiper-button-next.swiper-button-disabled{opacity: 0;}
.products .t_pro .swiper-button-next:after, .products .t_pro .swiper-button-prev:after{font-size: 15px;font-weight: bold;color: #ffffff;}
.products .t_pro .swiper-button-prev:hover, .products .t_pro .swiper-button-next:hover{background: #CC0802;}
.products .t_pro .swiper-button-next:hover:after, .products .t_pro .swiper-button-prev:hover:after{color: #fff;}
@media only screen and (max-width:1280px){
.products .cont{width:70%}
.products .cont .info .title{font-size: 26px;}
.products .cont .info li img{width: 40px;}
.products .cont .pro .swiper-button-next{top: 45%;}
.products .cont .pro .swiper-button-prev{top: 45%;}
}
@media only screen and (max-width:1080px){
.products{padding: 50px 0;}
.products .cont .detail{margin-top: 40px;}
.products .cont .detail .item .img{padding: 10px;}
.products .cont .detail .item .img img{width: 90%;}
.products .cont .detail .item .text{padding: 15px 25px;}
}
@media only screen and (max-width:980px){
.products .cont{width: 100%;}
}
@media only screen and (max-width:768px){
.products .cont .info .title{font-size: 24px;}
.products .cont .info .text p{font-size: 15px;}
.products .cont .table table td{font-size: 15px;padding: 10px 20px;}
.products .cont .table p{font-size: 15px;}
.products .cont .detail .title{font-size: 24px;margin-bottom: 20px;}
.products .cont .detail .item .pic::after{left: 45%;top: 40%;width: 32px;height: 32px;}
.products .cont .detail .item .text .t1{font-size: 15px;}
}
@media only screen and (max-width:640px){
.products .cont .pro{width: 100%;}
.products .cont .info{width: 100%;margin-left: 0;margin-top: 20px;}
}
@media only screen and (max-width:520px){
.products{padding: 30px 0;}
.products .cont .pro .swiper-button-next{top: 50%;width: 38px;height: 38px;right: 15px;}
.products .cont .pro .swiper-button-prev{top: 50%;width: 38px;height: 38px;left: 15px;}
.products .cont .info{margin-top: 15px;}
.products .cont .info .title{font-size: 18px;}
.products .cont .info .text{margin: 10px 0 15px;}
.products .cont .info .text p{font-size: 13px;line-height: 26px;}
.products .cont .info li{width: 25%;}
.products .cont .info li img{width: 35px;}
.products .cont .info li p{font-size: 14px;margin-top: 4px;}
.products .cont .table{margin-top: 30px;}
.products .cont .table table td{font-size: 13px;padding:6px;text-align: center;}
.products .cont .table p{font-size: 13px;line-height: 26px;}
.products .cont .detail{margin-top: 20px;}
.products .cont .detail .title{font-size: 20px;margin-bottom: 15px;}
.products .t_pro .swiper-button-next{width: 34px;height: 34px;}
.products .t_pro .swiper-button-prev{width: 34px;height: 34px;}
.products .t_pro .swiper-button-next:after, .products .t_pro .swiper-button-prev:after{font-size: 12px;}
.products .cont .detail .item .pic::after{left: 40%;top: 38%;width: 28px;height: 28px;}
.products .cont .detail .item .text{padding: 10px 15px;}
.products .cont .detail .item .text .t1{font-size: 13px;}
.products .cont .detail .item .text i img{width: 22px;}
}


/* se01 */
.se01{padding: 80px 0;background-color: #f8f8f8;}
.se01 .top{align-items: center;box-shadow: 0 0 5px #f5f5f5;}
.se01 .title{background: #0078C4;font-size: 26px;font-weight: bold;color: #fff;padding: 30px;line-height: 1.6;}
.se01 .text{padding-left: 30px;height: 100%;width: 75%;}
.se01 .text h4{font-size: 24px;font-weight: bold;color: #333;margin-bottom: 15px;}
.se01 .text p{font-size: 16px;color: #898989;}
.se01 .ul{margin-top: 30px;}
.se01 .ul li{width:23.5%;border-radius:8px;margin-right:2%;text-align:center;color:#1b1c1e;border:1px solid #0078C4;margin-bottom:2%;transition:all .8s;background:#fff;border-bottom:4px solid #0078C4;box-sizing:border-box;position: relative;display: flex;align-items: center;padding: 30px 0;overflow: hidden;}
.se01 .ul li:nth-child(4n+4){margin-right: 0;}
.se01 .ul li .info{text-align: left;margin-left: 30px;}
.se01 .ul li img{width: 55px;}
.se01 .ul li .num{font-size: 60px;color: #EAEAEA;position: absolute;right: 0;bottom: -10px;}
.se01 .ul li p{width:100%;z-index:1;position:relative;box-sizing:border-box;font-size:16px;margin-top: 10px;}
.se01 .ul li:hover{transform: translateY(-5px);box-shadow: 3px 8px 10px #eee;}
@media only screen and (max-width:1280px){
.se01 .ul li{padding: 20px 0;}
.se01 .ul li .num{font-size: 55px;}
}
@media only screen and (max-width:1080px){
.se01{padding: 50px 0;}
.se01 .text{width: 68%;padding-left: 15px;}
.se01 .text h4{font-size: 22px;margin-bottom: 10px;}
.se01 .text p{font-size: 15px;}
.se01 .title{font-size: 22px;padding: 25px;}
.se01 .ul li{padding: 15px 0;}
.se01 .ul li .info{margin-left: 20px;}
.se01 .ul li .num{font-size: 45px;}
.se01 .ul li img{width: 50px;}
.se01 .ul li p{font-size: 15px;}
}
@media only screen and (max-width:768px){
.se01 .text{width: 68%;padding-left: 15px;}
.se01 .text h4{font-size: 20px;margin-bottom: 6px;}
.se01 .text p{font-size: 14px;}
.se01 .title{font-size: 20px;padding: 20px;}
.se01 .ul{margin-top: 20px;}
.se01 .ul li{width: 49%;}
.se01 .ul li:nth-child(odd){margin-right: 2%;}
.se01 .ul li:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:520px){
.se01{padding: 30px 0;}
.se01 .text{width: 100%;padding-left: 0;margin-top: 15px;}
.se01 .text p{font-size: 13px;line-height: 1.8;}
.se01 .text h4{font-size: 18px;}
.se01 .ul{margin-top: 15px;}
.se01 .ul li{width: 48%;margin-bottom: 4%;height: 90px;}
.se01 .ul li:nth-child(odd){margin-right: 4%;}
.se01 .ul li .num{display: none;}
.se01 .ul li img{width: 40px;}
.se01 .ul li p{font-size: 14px;}
}


/* se02 */
.se02{background:url(../images/se02.jpg);background-size: cover;padding: 60px 0;text-align: center;}
.se02 .t1{font-size:30px;color:#fff;line-height:50px;margin-bottom: 10px;}
.se02 .t1 span{font-weight:700}
.se02 .t2{display:block;font-size:26px;font-weight:700;color:#fff}
.se02 .t3{font-size:18px;color:#fff;margin-top: 30px;}
.se02 .t3 span{font-size:36px}
@media only screen and (max-width:1080px){
.se02{padding: 40px 0;}
.se02 .t1{font-size: 26px;line-height: 40px;margin-bottom: 8px;}
.se02 .t1 span{font-weight:700}
.se02 .t2{font-size: 22px;}
.se02 .t3{font-size: 16px;margin-top: 20px;}
.se02 .t3 span{font-size: 30px;}
}
@media only screen and (max-width:520px){
.se02{padding: 40px 0;}
.se02 .t1{font-size: 20px;line-height: 30px;margin-bottom: 8px;}
.se02 .t1 span{font-weight:700}
.se02 .t2{font-size: 18px;}
.se02 img{width: 240px;}
.se02 .t3{font-size: 15px;margin-top: 15px;}
.se02 .t3 span{font-size: 24px;}
}


/* join01 */
.join01{padding: 80px 0;}
.join01 .nei_tit{text-align: left;}
.join01 .nei_tit em{color: #0078C4;}
.join01 .nei_tit .t1{font-size: 16px;color: #333;margin-top: 20px;}
.join01 .text p{font-size: 16px;color: #333;line-height: 30px;margin-bottom: 30px;}
.join01 .text p:nth-last-child(1){margin-bottom: 0;}
@media only screen and (max-width:1080px){
.join01{padding:50px 0;}
.join01 .nei_tit .t1{font-size: 15px;}
.join01 .text p{margin-bottom: 20px;font-size: 15px;}
}
@media only screen and (max-width:520px){
.join01{padding:25px 0;}
.join01 .nei_tit .t1{font-size: 14px;margin-top: 10px;}
.join01 .text p{margin-bottom: 5px;font-size: 14px;line-height: 25px;}
}

/* join02 */
/* .join02{padding: 20px 0 80px;}
.join02 .nei_tit{text-align: left;}
.join02 .nei_tit .t1{font-size: 16px;color: #333;margin-top: 20px;}
.join02 .img{width: 50%;margin: 0 auto;margin-right: 0;}
.join02 .info{position: absolute;width: 50%;background: #0078C4;padding: 60px;top: 30%;}
.join02 .info .t1{font-size:26px;color:#fff;margin-bottom:30px;padding-left: 40px;position: relative;}
.join02 .info .t1::after{content: '';position: absolute;left: 0;top: 12px;width: 10px;height: 10px;background: #fff;}
.join02 .info .text{font-size:16px;color:#fff;line-height:30px;font-weight: 100;}
.join02 .swiper-pagination{text-align: left;}
.join02 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.join02 .swiper-pagination-bullet{width: 10px;height: 10px;background: #0078C4;opacity: 0.4;}
.join02 .swiper-pagination-bullet-active{background: #0078C4;position: relative;opacity: 1;}
.join02 .swiper-pagination-bullet-active:before{width: 14px;height: 14px;transition:all .3s;border-radius:100px;position:relative;top: -3px;left: -3px;border: #00a0ea solid 1px;content:"";display:block;animation:ruixien 5.5s infinite;}
@media only screen and (max-width:1550px){
.join02 .info{top: 20%;}
}
@media only screen and (max-width:1280px){
.join02 .info{padding: 40px;}
}
@media only screen and (max-width:1080px){
.join02{padding: 0 0 50px;}
.join02 .j02{padding-bottom: 60px;}
.join02 .swiper-pagination{text-align: center;}
.join02 .swiper-slide{display: flex;flex-wrap: wrap;}
.join02 .info{width: calc(50% - 80px);position: initial;}
.join02 .info .t1{font-size: 22px;margin-bottom: 20px;}
.join02 .info .text{font-size: 15px;}
}
@media only screen and (max-width:768px){
.join02 .info{width: 100%;order: 1;}
.join02 .img{width: 100%;}
.join02 .j02{padding-bottom: 50px;}
.join02 .swiper-slide{height: auto;background: #0078C4;}
}
@media only screen and (max-width:520px){
.join02{padding: 0 0 10px;}
.join02 .info{padding: 20px;}
.join02 .info .t1{font-size: 20px;margin-bottom: 15px;padding-left: 20px;}
.join02 .info .t1::after{top: 8px;width: 8px;height: 8px;}
.join02 .info .text{font-size: 13px;line-height: 24px;}
} */


/* join02 */
.join02{padding: 20px 0 80px;}
.join02 .nei_tit{text-align: left;}
.join02 .nei_tit .t1{font-size: 16px;color: #333;margin-top: 20px;}
.join02 .j02{padding-right: 10px;padding-bottom: 10px;}
.join02 .item{padding: 50px 0;text-align:center;height: auto;}
.join02 .item::after{content: "";position: absolute;width: 100%;height: 100%;border: 3px solid #0078C4;top: 0;left: 0;border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
.join02 .item .info{padding: 0 20px;}
.join02 .item .info .icon img{width: 60px;}
.join02 .item .info .t1{font-size: 24px;color:#333;margin: 25px 0;}
.join02 .item .info .text{font-size: 16px;color:#333;line-height: 28px;}
.join02 .item .img{position:absolute;left: 2%;top: 2%;width: 96%;height: 96%;opacity:0;transform:scale(.5);transition:all .6s;}
.join02 .item .img img{display:block;width:100%;height:100%;object-fit:cover;border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
.join02 .item:hover .img{opacity:1;transform:scale(1)}
.join02 .swiper-pagination{text-align: left;}
.join02 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.join02 .swiper-pagination-bullet{width: 10px;height: 10px;background: #0078C4;opacity: 0.4;}
.join02 .swiper-pagination-bullet-active{background: #0078C4;position: relative;opacity: 1;}
.join02 .swiper-pagination-bullet-active:before{width: 14px;height: 14px;transition:all .3s;border-radius:100px;position:relative;top: -3px;left: -3px;border: #00a0ea solid 1px;content:"";display:block;animation:ruixien 5.5s infinite;}
@media only screen and (max-width:1550px){
.join02 .item{padding: 40px 0;}
}
@media only screen and (max-width:1280px){
.join02 .item{padding: 30px 0;}
.join02 .item .info .icon img{width: 55px;}
.join02 .item .info .t1{font-size: 22px;}
.join02 .item .info .text{font-size: 15px;}
}
@media only screen and (max-width:1080px){
.join02{padding: 0 0 50px;}
.join02 .j02{padding-bottom: 60px;}
.join02 .swiper-pagination{text-align: center;}
.join02 .item::after{border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.join02 .item .info .t1{font-size: 20px;margin: 20px 0;}
.join02 .item .img img{border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
}
@media only screen and (max-width:768px){
.join02 .item .info{padding: 0 10px;}
.join02 .item .info .icon img{width: 50px;}
.join02 .item .info .t1{font-size: 18px;margin: 12px 0;}
.join02 .item .info .text{font-size: 12px;line-height: 24px;}
.join02 .item .img{width: 100%;}
.join02 .item .j02{padding-bottom: 50px;}
}
@media only screen and (max-width:520px){
.join02{padding: 0 0 10px;}
.join02 .item{padding: 20px 0;}
.join02 .item .info .icon img{width: 45px;}
.join02 .item .info{padding:0 15px;}
.join02 .item::after{border-top-right-radius: 10px;border-bottom-left-radius: 10px;border: 2px solid #0078C4;}
.join02 .item .info .t1{font-size: 16px;margin: 10px 0;}
.join02 .item .img img{border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
}

/* join03 */
.join03{padding:20px 0 80px}
.join03 .nei_tit{text-align:left}
.join03 .ul{padding-bottom: 60px;border-bottom: 1px solid #a9cee6;}
.join03 li{width:23.5%;margin-bottom:2%;background-color:#fff;border-radius:10px;margin-right:2%;box-shadow: 0 0 3px rgb(81 81 81 / 20%);text-align:center;border-top: 8px solid #0078C4;transition: all .8s;}
.join03 li:nth-child(4){margin-right:0}
.join03 li:hover{transform: translateY(-5px);box-shadow: 3px 8px 10px #eee;}
.join03 li:nth-child(even){border-top: 8px solid #a9cee6;}
.join03 li .info{padding:50px 30px}
.join03 li .img{margin-top:10px}
.join03 li h3{font-size:22px;color:#0078c4;margin-top:10px}
.join03 li p{font-size:22px;color:#646464;margin-top:40px}
.join03 li:nth-child(1) p{font-size:16px}
.join03 .form{margin-top: 60px;}
.join03 .form .input{width: 32%;margin-right: 2%;margin-bottom: 50px;}
.join03 .form .input:nth-child(3){margin-right: 0;}
.join03 .form .input label{font-size: 18px;color: #646464;}
.join03 .form .input input{font-size: 15px;border: 1px solid #c5c5c5;width:100%;line-height: 30px;text-align:left;color: #0078C4;box-sizing:border-box;padding: 10px 0;text-indent: 15px;margin-top: 15px;}
.join03 .form .code{position: relative;}
.join03 .form .code input{margin-top: 0;}
.join03 .form .code img{position: absolute;right: 0;height: 52px;}
.join03 .form .input1{margin-bottom: 40px;}
.join03 .form .input1 label{font-size: 16px;color: #646464;margin-bottom: 10px;}
.join03 .form .input1 textarea{padding:10px;font-size: 14px;border: 1px solid #c5c5c5;width:100%;line-height:22px;text-align:left;color:#0078C4;box-sizing:border-box;font-family: initial;height: 135px;margin-top: 10px;}
.join03 .form .submit{border:1px solid #0078C4;color: #0078C4;width: 158px;border-radius: 6px;text-align: center;line-height: 38px;height: 38px;position: relative;transition: .6s;z-index: 9;cursor: pointer;}
.join03 .form .submit input{background: none;color:#0078C4;font-size: 16px;transition: .6s;width: 100%;height: 100%;}
.join03 .form .submit:hover{color: #fff;box-shadow: inset 0 0 0 30px #0078C4;}
.join03 .form .submit:hover input{color: #fff;}
.join03 .form input::-webkit-input-placeholder {color: #646464;} 
.join03 .form input:focus,.join03 .form textarea:focus{-webkit-box-shadow: none;box-shadow: none;border-bottom: 2px solid #0078C4;}
@media only screen and (max-width:1080px){
.join03{padding: 0 0 50px;}
.join03 .ul{padding-bottom: 40px;}
.join03 li{border-top: 6px solid #0078C4;}
.join03 li:nth-child(even){border-top: 8px solid #a9cee6;}
.join03 li .info{padding: 40px 0 25px;}
.join03 li h3{font-size: 20px;}
.join03 li p{font-size: 20px;}
.join03 li .img{width: 100px;}
.join03 .form{margin-top: 40px;}
.join03 .form .input label{font-size: 16px;}
}
@media only screen and (max-width:768px){
.join03 li{width: 48%;margin-bottom: 4%;margin-right: 4%;}
.join03 li:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:520px){
.join03{padding: 0 0 30px;}
.join03 .ul{padding-bottom: 20px;}
.join03 li{border-top: 4px solid #0078C4;}
.join03 li:nth-child(even){border-top: 4px solid #a9cee6;}
.join03 li .info{padding: 20px 0 20px;}
.join03 li h3{font-size: 16px;margin-top: 8px;}
.join03 li p{font-size: 18px;margin-top: 25px;}
.join03 li:nth-child(1) p{font-size: 14px;padding: 0 10px;}
.join03 li .img{width: 80px;}
.join03 .form{margin-top: 20px;}
.join03 .form .input label{font-size: 15px;}
.join03 .form .input{width: 100%;margin-right: 0%;margin-bottom: 15px;}
.join03 .form .input input{font-size: 13px;width:100%;line-height: 15px;padding: 14px 0;text-indent: 10px;margin-top: 10px;}
.join03 .form .code input{margin-top: 15px;}
.join03 .form .code img{position: absolute;right: 0;height: 45px;top: 15px;}
.join03 .form .input1{margin-bottom: 0px;margin-top: 0;}
.join03 .form .input1 label{font-size: 14px;margin-bottom: 10px;}
.join03 .form .input1 textarea{padding:10px;font-size: 14px;line-height: 20px;height: 90px;}
.join03 .form .submit{width: 115px;line-height: 30px;height: 30px;margin-top: 15px;}
.join03 .form .submit input{font-size: 14px;}
}

/* al01 */
.al01{padding: 80px 0;}
.al01 .item{position: relative;}
.al01 .item .img img{width: 100%;}
.al01 .item .t{font-size: 20px;filter: drop-shadow(2px 2px 4px black);color: #fff;position: absolute;right: 3%;top: 5%;}
.al01 .wrap1 .flex{margin: 15px 0;}
.al01 .wrap1 .left{width: 49.5%;margin-right: 0.5%;}
.al01 .wrap1 .left .item{margin-bottom: 2%;}
.al01 .wrap1 .left .item:nth-child(2){margin-bottom: 0;}
.al01 .wrap1 .right{width: 49.5%;margin-left: 0.5%;}
.al01 .wrap2 .flex{margin: 15px 0;}
.al01 .wrap2 .flex .item{width: 49.5%;margin-right: 1%;}
.al01 .wrap2 .flex .item:nth-child(2){margin-right: 0;}
@media only screen and (max-width:1440px){
.al01 .wrap1 .flex{margin: 12px 0;}
.al01 .wrap2 .flex{margin: 12px 0;}
}
@media only screen and (max-width:1080px){
.al01{padding: 50px 0;}
.al01 .item .t{font-size: 18px;}
.al01 .wrap1 .flex{margin: 8px 0;}
.al01 .wrap2 .flex{margin: 8px 0;}
}
@media only screen and (max-width:520px){
.al01{padding: 25px 0;}
.al01 .item .t{font-size: 15px;}
.al01 .wrap1 .left{width: 48.3%;margin-right: 2%;}
.al01 .wrap1 .left .item{margin-bottom: 5%;}
.al01 .wrap1 .right{width: 49.5%;margin-left: 0.2%;}
.al01 .wrap2 .flex .item{width: 48.9%;margin-right: 2.2%;}
.al01 .wrap2 .flex .item:nth-child(2){margin-right: 0;}
}
@media only screen and (max-width:360px){
.al01 .item .t{font-size: 14px;}
}

/* al02 */
.al02{padding-bottom: 80px;}
.al02 .title{font-size: 24px;margin-bottom: 30px;position: relative;padding-top: 20px;}
.al02 .title::after{height: 5px;width: 88px;background: #034CB9;position: absolute;content: "";left: 0;top: 0;}
.al01 .wrap1 .left{width: 49.5%;margin-right: 0.5%;}
.al02 .item{margin-bottom: 2%;}
.al02 .item{position: relative;width: 49.5%;margin-bottom: 1%;margin-right: 1%;margin-bottom: 1%;}
.al02 .item:nth-child(2n+2){margin-right: 0;}
.al02 .item .img img{width: 100%;}
.al02 .item .t{font-size: 20px;filter: drop-shadow(2px 2px 4px black);color: #fff;position: absolute;right: 3%;top: 5%;}
@media only screen and (max-width:1080px){
.al02{padding-bottom: 50px;}
.al02 .title{font-size: 22px;margin-bottom: 20px;padding-top: 15px;}
.al02 .title::after{height: 4px;width: 80px;}
}
@media only screen and (max-width:520px){
.al02{padding-bottom: 25px;}
.al02 .title{font-size: 18px;margin-bottom: 15px;padding-top: 10px;}
.al02 .title::after{height: 3px;width: 60px;}
.al02 .item{width: 48.9%;margin-right: 2.2%;}
.al02 .item:nth-child(2){margin-right: 0;}
.al02 .item .t{font-size: 15px;}
}
@media only screen and (max-width:360px){
.al02 .item .t{font-size: 14px;}
}

/* album0 */
.album{padding: 80px 0;}
.album li{padding: 10px 20px;border: 1px solid #767676a6;margin-bottom: 25px;border-radius: 4px;border-left: 3px solid #0078C4;}
.album li:nth-last-child(1){margin-bottom: 0;}
.album li .info{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.album li .info .title{font-size: 20px;color: #5c5c5c;}
.album li .info .icon img{width: 32px;}
.album li .info .icon .img2{display: none;}
.album li:hover{border: 1px solid #0078C4;border-left: 3px solid #0078C4;}}
.album li:hover .info .title{color: #0078C4;}
.album li:hover .info .icon .img1{display: none;}
.album li:hover .info .icon .img2{display: block;}
@media only screen and (max-width:1080px){
.album{padding: 50px 0;}
}
@media only screen and (max-width:520px){
.album{padding:30px 0;}
.album li{margin-bottom: 15px;padding: 10px 10px;}
.album li .info .title{font-size: 15px;}
.album li .info .icon img{width: 24px;}
}