/* banner */
.banner{margin-top: 93px;position: relative;overflow: hidden;}
.banner .img img{width: 100%;}
.banner .info{position: absolute;left: 0;top: 50%;transform: translate(0%,-50%);width: 100%;}
.banner .info .t1{color:#dedede;font-weight:100;font-size:65px;font-family: "GILROY-THIN";}
.banner .info .t2{color:#e3e3e3;font-size:60px}
.banner .info .t2{display:flex;align-items:center}
.banner .info .t2 i{width:100px;height:2px;background:#fff;margin-right:10px}
@media screen and (max-width:1500px){
.banner{margin-top: 91px;}
.banner .info .t1{font-size: 55px;margin-bottom: 5px;}
.banner .info .t2{font-size: 50px;}
}
@media screen and (max-width:1080px){
.banner{margin-top: 83.2px;}
.banner .info .t1{font-size: 45px;}
.banner .info .t2{font-size: 40px;}
.banner .info .t2 i{width: 80px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 73.67px;}
.banner .info .t1{font-size: 40px;}
.banner .info .t2{font-size: 30px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 61.66px;}
.banner .info .t1{font-size: 30px;}
.banner .info .t2{font-size: 25px;}
.banner .info .t2 i{width:60px;}
.banner .img{height: 110px;}
.banner .img img{height: 100%;object-fit: cover;}
}


/* location */
.location{margin-top: 185px;}
.location .w1440{border-bottom: 1px solid #B6B6B6;padding-bottom: 20px;}
.location.none .w1440{border: none;padding-bottom: 0;}
.location a{color: #000;font-size: 17px;}
@media only screen and (max-width:1080px){
.location{margin-top: 145px;}
.location a{font-size: 16px;}
}
@media only screen and (max-width:768px){
.location{margin-top: 125px;}
}
@media only screen and (max-width:520px){
.location{margin-top: 90px;}
.location a{font-size: 15px;}
}


/* message */
.message{padding:80px 0}
.message .w1440{max-width:900px}
.message .title{font-size:36px;color:#000;margin-bottom:80px;text-align:center}
.message .flex{justify-content:space-between}
.message .input{width:40%;margin-bottom:50px}
.message .input label{font-size:17px;padding-left:10px}
.message .input input{background:#fff;box-shadow: 0 8px 20px rgb(0 71 112 / 15%);width:100%;margin-top:10px;height:45px;border-radius:8px;text-indent:15px;}
.message .textarea label{font-size:17px;padding-left:10px}
.message .textarea textarea{box-shadow:0 2px 10px rgb(0 71 112 / 10%);background:#fff;width:100%;margin-top:10px;height:145px;border-radius:8px;text-indent:15px;padding-top: 15px;font-family: "GILROY-REGULAR";}
.message .submit{margin-top:60px;background:#000;border-radius:2px;text-align:center;height:45px;line-height:45px;box-shadow:0 2px 10px rgb(0 71 112 / 10%)}
.message .submit input{background:0 0;color:#fff;font-size:17px;font-weight:700}
@media only screen and (max-width:1080px){
.message{padding: 50px 0;}
.message .title{font-size: 30px;margin-bottom: 60px;}
}
@media only screen and (max-width:768px){
.message .input{width: 45%;margin-bottom: 30px;}
.message .textarea textarea{height: 115px;}
.message .submit{margin-top: 40px;}
}
@media only screen and (max-width:520px){
.message{padding: 30px 0;}
.message .title{font-size: 25px;margin-bottom: 40px;}
.message .input{width: 47%;margin-bottom: 25px;}
.message .input label{font-size: 16px;}
.message .input input{height: 38px;box-shadow: 0 2px 20px rgb(0 71 112 / 11%);}
.message .textarea label{font-size: 16px;}
.message .textarea textarea{height: 100px;box-shadow: 0 2px 20px rgb(0 71 112 / 11%);}
.message .submit{margin-top: 30px;height: 38px;line-height: 38px;}
.message .submit input{font-size: 15px;}
}


/* newslist */
.newslist .title{font-size:36px;color:#00408c;margin:40px 0;text-align:center}
.newslist .item{margin-bottom:40px;position:relative}
.newslist .item .img{overflow:hidden;width:68%;border-radius: 4px;}
.newslist .item .img img{transition:all .3s linear;width:100%}
.newslist .item:hover .img img{transform: scale(1.04);}
.newslist .item .date{position:absolute;top: 5%;left:2%;display:flex;}
.newslist .item .date .m{font-size:88px;color:#fff}
.newslist .item .date .d{color:#fff;font-size:40px;margin-left: 15px;position: relative;padding-left: 15px;}
.newslist .item .date .d::after{position: absolute;content: "";height: 28%;width: 3px;background: #fff;left: 0;top: 11%;transform: skew(-15deg,0deg);}
.newslist .item .info{background:url(../images/n_icon01.png);background-size:cover;position:absolute;top: 50%;width:40%;right:0;padding:45px;transform: translate(0%,-50%);box-shadow: 0 2px 4px rgb(0 71 112 / 10%);}
.newslist .item .info .t1{position:relative;border-bottom:1px solid #bbb;margin-bottom:20px;padding-bottom:20px}
.newslist .item .info .t1 h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#4b5ea7;font-size:28px;text-transform:uppercase;width: 88%;line-height:1.3;}
.newslist .item .info .t1 i{position:absolute;top:0;right:0;font-size:20px}
.newslist .item:hover .info .t1 i{color: #4b5ea7;}
.newslist .item .info .t2{color:#5d5d5d;font-size:16px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.newslist .item .info .bt{display:flex;align-items:center;justify-content:flex-end;color:#4b5ea7;font-size:18px;text-transform:uppercase;margin-top: 80px;transition: 0.3s;}
.newslist .item .info .bt img{margin-left:20px;}
.newslist .item .info .bt:hover{transform: translateX(5px);}
.newslist .page{margin: 60px 0;justify-content: center;}
.newslist .page .left{border: 1px solid #C5C5C5;border-radius: 4px;display: flex;align-items: center;}
.newslist .page .left .prev{filter:invert(.9);transform:rotate(180deg);margin-bottom:2px}
.newslist .page .left .next{filter:invert(.9);margin-bottom:2px}
.newslist .page .left a{line-height:35px;padding:0 15px;border-right:1px solid #c5c5c5}
.newslist .page .left a:nth-last-child(1){border:none}
.newslist .page .left .page-num{font-size:20px;color:#383838db}
.newslist .page .left .page-num.page-num-current{color:#3a5da1}
.newslist .page .right{display: flex;align-items: center;}
.newslist .page .right #page{line-height:35px;border: 1px solid #c5c5c5;margin-left: 10px;border-radius: 4px;width: 40px;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 16px;}
.newslist .page .right .page-item{line-height:35px;border: 1px solid #c5c5c5;margin-left: 10px;border-radius: 4px;width: 40px;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 16px;cursor: pointer;}
.newslist .norecord{font-size: 18px;color: #1e1e1e;}


@media only screen and (max-width:1440px){
.newslist .item .info{width: 45%;padding: 40px;}
}
@media only screen and (max-width:1280px){
.newslist .item .info{width: 50%;}
.newslist .item .info .bt{margin-top: 50px;}
.newslist .item .info .t1 h3{font-size: 24px;}
}
@media only screen and (max-width:1080px){
.newslist .title{font-size: 30px;margin: 30px 0;}
.newslist .item .date .m{font-size: 68px;}
.newslist .item .date .d{font-size: 32px;}
.newslist .item .info{padding: 30px;}
.newslist .item .info .t1{margin-bottom: 15px;padding-bottom: 15px;}
.newslist .item .info .t1 h3{font-size: 22px;-webkit-line-clamp: 1;}
.newslist .item .info .t2{font-size: 15px;line-height: 26px;-webkit-line-clamp: 4;}
.newslist .item .info .bt{font-size: 16px;margin-top: 40px;}
.newslist .item .info .bt img{width: 10px;margin-left: 15px;}
}
@media only screen and (max-width:768px){
.newslist .item a{display: flex;}
.newslist .item .date .m{font-size: 45px}
.newslist .item .date .d{font-size: 26px;margin-left: 10px;padding-left: 10px;}
.newslist .item .img{width: 50%;height: 219px;}
.newslist .item .img img{object-fit: cover;height: 100%;}
.newslist .item .info{width: 50%;position: initial;transform: translate(0%);padding: 25px;}
.newslist .item .info .t1{margin-bottom: 10px;padding-bottom: 10px;}
.newslist .item .info .t1 h3{font-size: 18px;}
.newslist .item .info .t2{-webkit-line-clamp: 3;}
.newslist .item .info .bt{margin-top: 25px;}
}
@media only screen and (max-width:520px){
.newslist .title{font-size: 25px;margin: 20px 0;}
.newslist .item{margin-bottom: 20px;}
.newslist .item .date .m{font-size: 35px;}
.newslist .item .date .d{font-size: 22px;}
.newslist .item .img{height: 158px;}
.newslist .item .info{padding: 15px;}
.newslist .item .info .t1{margin-bottom: 10px;padding-bottom: 10px;}
.newslist .item .info .t1 h3{font-size: 18px;}
.newslist .item .info .t2{-webkit-line-clamp: 2;font-size: 14px;line-height: 23px;}
.newslist .item .info .bt{margin-top: 19px;font-size: 14px;}
.newslist .item .info .bt img{width: 8px;margin-left: 10px;}
.newslist .page{margin: 30px 0;}
.newslist .page .left a{line-height: 32px;}
.newslist .page .left .page-num{font-size: 16px;}
.newslist .page .left .prev{width: 10px;}
.newslist .page .left .next{width: 10px;}
.newslist .page .right #page{line-height: 32px;}
.newslist .page .right .page-item{font-size: 15px;}
}



/* news */
.news{margin:40px 0 80px}
.news .title{font-size:34px;text-transform:uppercase;margin-bottom:15px}
.news .info{border-bottom:1px solid #b6b6b6;padding-bottom:20px}
.news .info .date{font-size:16px;color:#3e3e3e}
.news .info .fx{font-size:16px;color:#3e3e3e;cursor: pointer;position: relative;}
.news .info .fx .fx_tc{position:absolute;bottom:28px;right:0;background:rgba(255,255,255);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.15);width:360px;transform:translateY(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity: 0;visibility: hidden;transform: translateY(20px);}
.news .info .fx .fx_tc.active{opacity: 1;visibility: visible;transform: translateY(0);}
.news .info .fx .fx_tc .tit{font-size:30px;color:#1e1e1e;margin-bottom:20px;text-align: center;font-weight: normal;}
.news .info .fx .fx_tc .ul{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.news .info .fx .fx_tc .ul li{transition: all 0.2s ease;border-radius:12px;}
.news .info .fx .fx_tc .ul li a{display:flex;flex-direction:column;border-radius:12px;align-items:center;padding:12px;background:rgba(240,240,240,.7);cursor:pointer;transition:all .2s ease}
.news .info .fx .fx_tc .ul li p{font-size:14px;color:#444;font-weight:500;text-align:center;margin-top: 8px;}
.news .info .fx .fx_tc .ul li:hover{background: rgba(220, 220, 220, 0.9);transform: translateY(-3px);}
.news .cont{padding:60px 0}
.news .cont p{line-height:28px;color:#737373;margin-top:12px;font-size:16px}
.news .link{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.news .link li{width: calc(32% - 50px);background:#1e1e1f;padding: 25px;height: 150px;}
.news .link li .t1{color:#fff;font-size:24px;text-align:center;margin-bottom: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .link li .t2{line-height:25px;font-size: 16px;font-weight:400;color:#e7e7e7f5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
@media only screen and (max-width:1080px){
.news{margin: 40px 0 50px;}
.news .title{font-size: 28px;}
.news .cont{padding: 40px 0;}
.news .cont p{line-height: 30px;}
.news .link li{padding: 20px;width: calc(32% - 40px);height: 140px;}
.news .link li .t2{line-height: 24px;font-size: 15px;}
}
@media only screen and (max-width:768px){
.news .info .fx .fx_tc{padding: 15px;}
.news .info .fx .fx_tc .tit{font-size: 26px;margin-bottom: 15px;}
.news .info .fx .fx_tc .ul li a{padding: 8px;}
.news .info .fx .fx_tc .ul li img{width: 26px;}
}
@media only screen and (max-width:640px){
.news .title{font-size: 25px;}
.news .link li{width: auto;margin-bottom: 20px;height: auto;}
.news .link li:nth-last-child(1){margin-bottom: 0;}
}
@media only screen and (max-width:520px){
.news{margin: 25px 0 30px;}
.news .title{font-size: 22px;margin-bottom: 10px;}
.news .info .date{font-size: 14px;}
.news .info .fx{font-size: 14px;}
.news .info .fx img{margin-left: 6px;}
.news .cont{padding: 25px 0;}
.news .cont p{font-size: 14px;line-height: 26px;margin-top: 6px;}
.news .link li{padding: 15px;margin-bottom: 10px;}
.news .link li .t1{font-size: 21px;}
.news .link li .t2{line-height: 22px;font-size: 14px;}
.news .info .fx .fx_tc{bottom: 0;top: 40px;height: max-content;width: auto;padding: 12px;}
.news .info .fx .fx_tc .tit{font-size: 22px;margin-bottom: 10px;}
.news .info .fx .fx_tc .ul li a{padding: 6px;}
.news .info .fx .fx_tc .ul li img{width: 24px;margin-left: 0;}
}


/* faq */
.faq{padding:80px 0}
.faq .title{text-align:center;font-size:36px}
.faq .btn{background:#131313;color:#fff;line-height:45px;border-radius:2px;text-align:center;font-size:16px;position:relative;width:max-content;padding:0 45px;margin:0 auto;margin-top:40px}
.faq .btn a{position:relative;z-index:99}
.faq .btn:after{content:'';position:absolute;left:0;top:0;width:0;height:100%;border-radius:2px;background:#186bcc;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.faq .btn:hover:after{width:100%;left:auto;right:0}
.faq .list{margin-top:100px}
.faq .list h3{font-size:28px;border-bottom:3px solid #9a9a9a;padding-bottom:15px}
.faq .list .item{cursor:pointer;border-bottom:1px solid #d8d8d8}
.faq .list .item .info{display:flex;justify-content:space-between;align-items:center;padding:0 5px}
.faq .list .item .info .t1{height: 55px;line-height: 55px;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:80%;}
.faq .list .item .info .t1 span{font-size:20px;margin-right:10px}
.faq .list .item .info .bt{background:#1e1e1f;border-radius:8px;width:30px;height:30px;position:relative}
.faq .list .item .info .bt span{width:14px;height:2px;background:#fff;position:absolute;left:9px;top:14px;transition: all .35s;}
.faq .list .item .info .bt span:nth-child(2){left:15px;top:8px;height:14px;width:2px;-webkit-transform: rotate(0);}
.faq .list .item.active .info .bt span:nth-child(2){width: 0;-webkit-transform: rotate(90deg);}
.faq .list .item .text{font-size: 16px;padding: 15px;display: none;color: #333;line-height: 28px;}
@media only screen and (max-width:1080px){
.faq{padding:50px 0}
.faq .title{font-size: 32px;}
.faq .list{margin-top: 60px;}
.faq .btn{line-height: 42px;padding: 0 32px;}
}
@media only screen and (max-width:520px){
.faq{padding: 30px 0;}
.faq .title{font-size: 24px;}
.faq .list{margin-top: 35px;}
.faq .btn{line-height: 38px;padding: 0 24px;margin-top: 20px;font-size: 15px;}
.faq .list h3{font-size: 22px;border-bottom: 2px solid #9a9a9a;padding-bottom: 10px;}
.faq .list .item .info .t1{font-size: 14px;height: 45px;line-height: 45px;}
.faq .list .item .info .t1 span{font-size: 18px;margin-right: 8px;}
.faq .list .item .info .bt{border-radius: 6px;width: 26px;height: 26px;}
.faq .list .item .info .bt span{width: 12px;left: 7px;top: 12px;}
.faq .list .item .info .bt span:nth-child(2){height: 12px;left: 12px;top: 7px;}
.faq .list .item .text{line-height: 24px;font-size: 14px;padding: 10px;}
}

/* services */
.services{padding: 80px 0;}
.services .title{text-align:center;font-size:36px;color: #2e2e2e;margin-bottom:68px;}
.services .cont .flx_w{align-items:initial}
.services .cont .tit{font-size:20px;color:#3e3e3e;border-bottom:1px solid #b6b6b6;padding-bottom:10px;margin-bottom:40px}
.services .cont .left .t1{font-size:20px;color:#3e3e3e;margin-bottom:20px}
.services .cont .left .text p{font-size:16px;margin-bottom:20px}
.services .cont .right{background:#efefef;width:50%;text-align:center;padding:168px 0}
.services .cont .right img{width:70%}
@media only screen and (max-width:1080px){
.services{padding: 50px 0;}
.services .title{margin-bottom: 45px;font-size: 32px;}
.services .cont .left{width: 45%;}
.services .cont .left .t1{font-size: 18px;margin-bottom: 15px;}
.services .cont .left .text p{font-size: 15px;line-height: 28px;margin-bottom: 10px;}
.services .cont .right{padding: 108px 0;width: 40%;}
.services .cont .right img{width: 68%;}
}
@media only screen and (max-width:768px){
.services .title{font-size: 30px;}
.services .cont .right{width: 50%;}
}
@media only screen and (max-width:520px){
.services{padding: 30px 0;}
.services .title{font-size: 24px;margin-bottom: 25px;}
.services .cont .tit{font-size: 18px;margin-bottom: 20px;}
.services .cont .left{width: 100%;margin-bottom: 10px;}
.services .cont .left .t1{font-size: 16px;margin-bottom: 10px;}
.services .cont .left .text p{font-size: 14px;line-height: 24px;margin-bottom: 5px;}
.services .cont .right{width: 100%;padding: 88px 0;}
.services .cont .right img{width: 65%;}
}


/* register */
.register{padding:80px 0}
.register .title{font-size:36px;color:#000;margin-bottom:40px;text-align:center}
.register .text{color:#1e1e1e;font-size:16px;text-align:center;width:88%;margin:0 auto;line-height:28px}
.register .form{border-top:1px solid #b6b6b6;padding-top:60px;margin-top:20px}
.register .form form{max-width:1000px;margin:0 auto}
.register .form .input{width:45%;margin-bottom:45px}
.register .form .input label{font-size:17px}
.register .form .input p{color:#888;margin:10px 0;font-size:16px;font-weight:400;line-height:26px;height:78px}
.register .form .input input{box-shadow: 0 8px 20px rgb(0 71 112 / 15%);background:#fff;width:100%;margin-top:10px;height:45px;border-radius:8px;text-indent:15px;}
.register .form .group{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
.register .form .group .left{width: 49%;}
.register .form .group label{font-size: 18px;}
.register .form .group input{border:none;padding-left:0;color: #888;font-size: 16px;}
.register .form .group .right i img{margin-right:5px}
.register .form .group .right button{background-color:initial;color:#00408c;font-size:16px;font-weight:700;padding:0;text-decoration: underline;}
.register .form .rideo p{color:#888;margin:5px 0;font-size:16px;font-weight:400;line-height:23px;width:68%}
.register .form .rideo p.ls{color:#00408c;font-size:17px;font-weight:700}
.register .form .rideo .item{padding-left:40px;margin-top:25px;display: flex;align-items: center;}
.register .form .rideo .item label{font-size:16px;margin-left: 20px;}
.register .form .rideo .item input[type=radio]{appearance:none;-webkit-appearance:none;outline:0;margin:0;vertical-align:text-bottom;margin-right:.1rem;width: 30px;height: 30px;border-radius: 0;background-color:#fff;box-shadow: 0 6px 15px rgb(0 71 112 / 20%);}
.register .form .rideo .item input[type=radio]:checked{border:none;background-repeat:no-repeat;background: url(../images/r_icon01.png);background-size: cover;}
.register .form .textarea{margin-top:40px}
.register .form .textarea label{color:#00408c;font-size:17px}
.register .form .textarea p{color:#888;margin:10px 0;font-size:16px;font-weight:400;line-height:23px}
.register .form .textarea textarea{background:#fff;box-shadow: 0 8px 20px rgb(0 71 112 / 15%);width:100%;margin-top:10px;height:145px;border-radius:8px;text-indent:15px;padding-top:15px;}
.register .form .submit{background:#1e1e1e;border-radius:2px;text-align:center;height:45px;line-height:45px;box-shadow:0 2px 10px rgb(0 71 112 / 10%);width: 58%;margin: 0 auto;margin-top: 60px;}
.register .form .submit input{background:0 0;color:#fff;font-size:17px;font-weight:700}
@media only screen and (max-width:1080px){
.register{padding: 50px 0;}
.register .title{font-size: 32px;margin-bottom: 25px;}
.register .text{width: auto;}
.register .form{padding-top: 40px;}
.register .form .input{width: 46%;}
.register .form .input p{font-size: 15px;}
.register .form .group .left{width: 45%;}
.register .form .group .right{width: 50%;}
}
@media only screen and (max-width:768px){
.register .form .group{flex-wrap: wrap;}
.register .form .group .left{width: 100%;}
.register .form .group .right{width: 100%;}
}
@media only screen and (max-width:520px){
.register{padding: 30px 0;}
.register .title{font-size: 24px;margin-bottom: 10px;}
.register .text{font-size: 14px;line-height: 24px;}
.register .form{margin-top: 15px;padding-top: 20px;}
.register .form .input{width: 100%;margin-bottom: 25px;}
.register .form .input label{font-size: 16px;}
.register .form .input p{height: auto;font-size: 14px;line-height: 24px;margin: 5px 0;}
.register .form .input input{height: 38px;box-shadow: 0 2px 20px rgb(0 71 112 / 11%);}
.register .form .group{margin-bottom: 15px;}
.register .form .group label{font-size: 16px;}
.register .form .group input{font-size: 14px;}
.register .form .group .right button{font-size: 14px;}
.register .form .rideo p.ls{font-size: 16px;}
.register .form .rideo p{width: auto;font-size: 14px;line-height: 24px;}
.register .form .rideo .item{padding-left: 20px;margin-top: 20px;}
.register .form .rideo .item label{font-size: 14px;margin-left: 16px;}
.register .form .rideo .item input[type=radio]{width: 25px;height: 25px;box-shadow: 0 6px 15px rgb(0 71 112 / 20%);}
.register .form .textarea{margin-top: 30px;}
.register .form .textarea label{font-size: 16px;}
.register .form .textarea p{font-size: 14px;line-height: 24px;}
.register .form .textarea textarea{height: 100px;box-shadow: 0 2px 20px rgb(0 71 112 / 11%);}
.register .form .submit{height: 40px;line-height: 40px;width: 50%;margin-top: 30px;}
.register .form .submit input{font-size: 15px;}
}
	


/* productlist */
.productlist{padding: 80px 0;position: relative;overflow: hidden;}	
.productlist .flex{justify-content: space-between;}
.productlist .pro{width: 28%;}
.productlist .pro li{border-radius: 6px;margin-bottom: 25px;}
.productlist .pro li:nth-last-child(1){margin-bottom: 0;}
.productlist .pro li .title{font-size: 22px;color: #000;padding: 20px;text-transform: uppercase;border-right: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;display: none;}
.productlist .pro li .hd{background: #000;padding: 18px;border-top-left-radius: 6px;border-top-right-radius: 6px;display: flex;justify-content: space-between;align-items: center;}
.productlist .pro li .hd a{color:#ccc;font-size: 23px;text-transform:uppercase;line-height:1.4;}
.productlist .pro li .hd i{display: block;width: 10%;height: 16px;position: relative;}
.productlist .pro li .hd i:after{content: "";width: 2px;height: 21px;background: #ccc;position: absolute;transition: all .35s;right: 9px;top: -2px;}
.productlist .pro li .hd i:before{content: "";width: 21px;height: 2px;background: #ccc;position: absolute;transition: all .35s;right: 0px;top: 7px;}
.productlist .pro li .rd{border:1px solid #e0e0e0;display:none;border-top: none;padding:20px;}
.productlist .pro li .rd .dd{padding:8px 10px;transition:.3s}
.productlist .pro li .rd .dd a{font-size:18px;color:#929292;}
.productlist .pro li .rd .dd:hover{box-shadow: 0 8px 20px rgb(0 71 112 / 0.25);transform: translateY(-3px);}
.productlist .pro li .rd .dd .d_two{margin-bottom: 10px;}
.productlist .pro li .rd .dd .d_two a{font-size: 22px;color: #1e1e1e;}
.productlist .pro li .rd .dd .ad{padding: 8px 10px;transition: .3s;}
.productlist .pro li .rd .dd .ad:hover{box-shadow: 0 8px 20px rgb(0 71 112 / 0.25);transform: translateY(-3px);}
.productlist .pro li.cur,.productlist .pro li#on{border-bottom: 10px solid #000;}
.productlist .pro li.cur .hd i:after,.productlist .pro li .hd i.on:after{width: 0;-webkit-transform: rotate(90deg);}
.productlist .pro li .rd.on{display: block;}
.productlist .list{width: 70%;}
.productlist .list .location{margin-top: 10px;margin-bottom: 40px;}
.productlist .list .cont{display: flex;flex-wrap: wrap;}
.productlist .list .item{border:1px solid #d7d6de;border-radius:4px;padding:20px;width: calc(23.5% - 43px);margin-right: 2%;margin-bottom: 2%;}
.productlist .list .item:nth-child(4n+4){margin-right: 0;}
.productlist .list .item:hover{box-shadow: 0 8px 20px rgb(0 71 112 / 15%);border: 1px solid #fff;}
.productlist .list .item .t1{position:relative;padding-bottom:15px;margin-bottom:25px;}
.productlist .list .item .t1::after{position:absolute;content:"";left:0;bottom:0;width:20px;height:4px;background:#1e1e1e;border-radius:4px}
.productlist .list .item .t1 p{font-size:18px;color:#1e1e1e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.productlist .list .item:hover .t1::after{background:#00408c}
.productlist .list .item .img{margin-bottom:20px;overflow:hidden}
.productlist .list .item .img img{transition:all .3s linear}
.productlist .list .item:hover .img img{transform:scale(1.04)}
.productlist .list .page{margin-top: 30px;}
.productlist .list .page .left{width: 50%;display: flex;align-items: center;font-size: 18px;color: #1e1e1e;}
.productlist .list .page .left p{font-size: 18px;color: #1e1e1e;}
.productlist .list .page .right .flex{border: 1px solid #C5C5C5;border-radius: 4px;display: flex;align-items: center;}
.productlist .list .page .right .prev{filter:invert(.9);transform:rotate(180deg);margin-bottom:2px}
.productlist .list .page .right .next{filter:invert(.9);margin-bottom:2px}
.productlist .list .page .right a{line-height:35px;padding:0 15px;border-right:1px solid #c5c5c5}
.productlist .list .page .right a:nth-last-child(1){border:none}
.productlist .list .page .right .page-num{font-size:20px;color:#383838db}
.productlist .list .page .right .page-num.page-num-current{color:#3a5da1}
.productlist .list .norecord{font-size: 18px;color: #1e1e1e;}
@media only screen and (max-width:1280px){
.productlist .pro li{margin-bottom: 15px;}
.productlist .pro li .hd{padding: 15px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.productlist .pro li .hd a{font-size: 18px;}
.productlist .pro li .title{font-size: 20px;padding: 15px 15px 0px 15px;}
.productlist .pro li .rd{padding: 15px 0;}
.productlist .pro li .rd .dd a{font-size: 16px;padding: 6px;}
.productlist .list .item{padding: 15px;width: calc(32% - 33px);}
.productlist .list .item:nth-child(4n+4){margin-right: 2%;}
.productlist .list .item:nth-child(3n+3){margin-right: 0;}
}
@media only screen and (max-width:1140px){
.productlist{padding: 50px 0;}
.productlist .list .location{margin-bottom: 30px;}
.productlist .list{width: 100%;}
.productlist .list .item{width: calc(23.5% - 33px);}
.productlist .list .item:nth-child(3n+3){margin-right: 2%;}
.productlist .list .item:nth-child(4n+4){margin-right: 0;}
.productlist .list .item .img{margin-bottom: 10px;}
.productlist .pro{width: 68%;height: 100vh;position: absolute;top: 0;z-index: 99;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);backdrop-filter: blur(10px);transition: .5s all ease-in-out;opacity: 0;visibility: hidden;transform: translateX(-100vw);left: 0;padding-top: 100px;}
.productlist .pro.active{opacity: 1;visibility: visible;transform: translateX(0vw);}
.productlist .pro ul{border-radius: 0;border-bottom: none;padding: 0 15px;}
.productlist .pro ul:nth-child(2){margin-top: 0;}
.productlist .pro li{border-bottom: 1px solid #f3f3f3;margin-bottom: 0;}
.productlist .pro li.cur{border: none;}
.productlist .pro li .rd{display: none;border: none;padding-top: 0;}
.productlist .pro li .rd .dd a{font-size: 18px;}
.productlist .pro li .rd .dd .d_two a{font-size: 18px;}
.productlist .pro li .hd{border-radius: 0px;background: #fff;font-size: 20px;}
.productlist .pro li .hd a{color: #333;font-size: 18px;position: relative;width: 90%;}
}
@media only screen and (max-width:828px){
.productlist .list .item{width: calc(32% - 33px);}
.productlist .list .item:nth-child(4n+4){margin-right: 2%;}
.productlist .list .item:nth-child(3n+3){margin-right: 0;}
.productlist .list .item .t1{padding-bottom: 10px;margin-bottom: 15px;}
.productlist .list .item .img{margin-bottom: 0;}
.productlist .pro{width: 100%;}
.productlist .pro ul{padding: 0 25px;}
}
@media only screen and (max-width:580px){
.productlist{padding: 20px 0 30px;}
.productlist .list .location{margin-bottom: 20px;}
.productlist .list .item{width: calc(49% - 23px);padding: 10px;}
.productlist .list .item:nth-child(odd){margin-right: 2%;}
.productlist .list .item:nth-child(even){margin-right: 0;}
.productlist .list .item .t1{margin-bottom: 10px;}
.productlist .list .item .t1::after{height: 2px;}
.productlist .list .item .t1 p{font-size: 16px;}
.productlist .pro{padding-top: 68px;}
.productlist .pro ul{padding: 0 20px;}
.productlist .pro li .hd{padding: 12px;}
.productlist .pro li .hd a{font-size: 16px;}
.productlist .pro li .hd i:after{height: 16px;top: 0px;right: 7px;}
.productlist .pro li .hd i:before{width: 16px;top: 7px;}
.productlist .pro li .rd .dd{padding: 6px 10px;}
.productlist .pro li .rd .dd a{font-size: 15px;}
.productlist .pro li .rd .dd .d_two a{font-size: 16px;}
.productlist .pro li .rd .dd .ad{padding: 6px;}
.productlist .list .page{justify-content: center;margin-top: 25px;}
.productlist .list .page .left{font-size: 16px;width: 100%;order: 1;margin-top: 15px;}
.productlist .list .page .right .page-num{font-size: 16px;}
.productlist .list .page .right a{line-height: 32px;}
.productlist .list .page .right .next{width: 10px;}
.productlist .list .page .right .prev{width: 10px;}
}	

/* product */
.product{padding:80px 0}
.product .por_top{display:flex;flex-wrap:wrap;justify-content:space-between}
.product .por_top .pro_img{width:45%}
.product .por_top .pro_img .pro2{margin-top:40px;padding: 5px;}
.product .por_top .pro_img .pro2 .img{border: 1px solid #e9e9e9;}
.product .por_top .pro_img .pos{position: relative;padding: 0 50px;}
.product .por_top .pro_img .pro2 .swiper-slide-thumb-active .img{box-shadow: 0px 3px 15px rgb(58 65 69 / 16%);border:none;}
.product .por_top .pro_img .pos .swiper-button-next:after, .product .por_top .pro_img .pos .swiper-button-prev:after{color: #333333;font-size: 40px;font-weight: normal;}
.product .por_top .pro_info{width:50%}
.product .por_top .pro_info .tit{font-size:36px;color:#1e1e1f}
.product .por_top .pro_info .lb{color:#454545;font-size:30px;font-weight:400;margin:20px 0}
.product .por_top .pro_info .text1{padding: 25px 0;margin: 25px 0;border-top:1px solid #b6b6b6;border-bottom:1px solid #b6b6b6; padding-left:15px;}
.product .por_top .pro_info .text1 ul, .product .por_top .pro_info .text1 ul li{list-style: initial;width: auto !important;}
.product .por_top .pro_info .text1 p{font-size:16px;color:#1e1e1e;line-height:30px; font-weight:normal; position:relative;font-family: "GILROY-REGULAR" !important;}
.product .por_top .pro_info .text1 p span{font-family: "GILROY-REGULAR" !important;}
.product .por_top .pro_info .text1 img{margin-top:25px}
.product .por_top .pro_info .text2{overflow: hidden;}
.product .por_top .pro_info .text2 h3{font-size:18px;margin-bottom:15px}
.product .por_top .pro_info .text2 p{font-size:16px;color:#1e1e1e;line-height:24px;font-weight:normal;position: relative;padding-left: 15px;margin-top: 8px;}
.product .por_top .pro_info .text2 p:nth-child(1){margin-top: 0;}
.product .por_top .pro_info .text2 p:after{position:absolute;content:"";left:0;top:12px;width: 15px;height: 1px;background:#666;transform:translate(-50%,0);}
.product .por_top .pro_info .text2 p.empty:after {display: none;}
.product .por_top .pro_info .btn{background:#131313;color:#fff;line-height: 36px;border-radius:2px;text-align:center;font-size:16px;position:relative;width:max-content;padding: 0 80px;margin-top:40px;}
.product .por_top .pro_info .btn a{position:relative;z-index:99}
.product .por_top .pro_info .btn:after{content:'';position:absolute;left:0;top:0;width:0;height:100%;border-radius:2px;background:#186bcc;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.product .por_top .pro_info .btn:hover:after{width:100%;left:auto;right:0}
.product .pro_del{margin-top: 60px;}
.product .pro_del .rd{border-bottom:1px solid #b6b6b6;border-top:1px solid #b6b6b6;display:flex}
.product .pro_del .rd a{color:#1e1e1e;font-size: 24px;font-weight:400;display:block;padding: 10px 25px;border-right:1px solid #b6b6b6;text-transform: uppercase;}
.product .pro_del .rd a:nth-last-child(1){border:none}
.product .pro_del .rd a.active{font-weight:700}
.product .pro_del .hd .hd_cont{margin-top:30px}
.product .pro_del .hd .hd_cont p{font-size:16px;color:#232323;line-height:30px;font-family: "GILROY-REGULAR" !important;}
.product .pro_del .hd .hd_cont .table{overflow: auto;}
.product .pro_del .hd .hd_cont table{border-spacing:0;border-collapse:collapse;width: max-content;}
.product .pro_del .hd .hd_cont table td{border:1px solid #e5e7eb;font-size:16px;font-weight:400;color:#232323;padding:8px 16px;width:initial;text-align:left;font-family: "GILROY-REGULAR" !important;}
.product .pro_del .hd .hd_cont table p span{font-family: "GILROY-REGULAR" !important;font-size:16px;color:#232323;}
.product .pro_del .hd .hd_cont .table p{font-size:16px;line-height:2}
.product .pro_del .hd .hd_cont .xz{background:#131313;color:#fff;line-height:40px;text-align:center;font-size:16px;position:relative;width:max-content;padding:8px 36px;border-radius:4px}
.product .pro_del .hd .hd_cont .xz:nth-child(1){margin-right: 15px;}
.product .pro_del .hd .hd_cont .xz .flex{align-items: center;}
.product .pro_del .hd .hd_cont .xz img{margin-right:10px;width:24px;height: 24px;}
.product .pro_del .hd .hd_cont .xz p{color:#fff;font-size:17px}
.product .pro_del .hd .hd_cont form{width:43%;}
.product .pro_del .hd .hd_cont .input{width: 100%;margin-bottom: 30px;}
.product .pro_del .hd .hd_cont .input label{font-size: 16px;color: #1e1e1e;margin-left: 5px;}
.product .pro_del .hd .hd_cont .input input{width: 100%;border-radius: 8px;text-indent: 1em;font-size: 16px;color: #1e1e1e;background: #F1F1F1;height: 45px;margin-top: 10px;}
.product .pro_del .hd .hd_cont .textarea{width: 100%;}
.product .pro_del .hd .hd_cont .textarea label{font-size: 16px;color: #1e1e1e;}
.product .pro_del .hd .hd_cont .textarea textarea{height: 100px;background: #F1F1F1;width: 100%;margin-top: 10px;font-family: "GILROY-REGULAR";text-indent: 1em;padding-top: 15px;border-radius: 8px;}
.product .pro_del .hd .hd_cont .submit{margin-top:30px;background:#1e1e1f;text-align:center;width:188px}
.product .pro_del .hd .hd_cont .submit input{background:0 0;color:#fff;font-size:16px;font-weight:700;height:45px;width:100%}
.product .pro_del .hd .hd_cont .sj{font-size: 16px;color: #1e1e1e;}
.product .pro_rem{margin-top:115px;border-top:1px solid #b6b6b6;padding-top:30px}
.product .pro_rem .title{font-size:36px;color:#1e1e1f;text-align:center;margin-bottom:60px}
.product .pro_rem .pos2{padding:0 135px;position:relative}
.product .pro_rem .pos2 .swiper-button-next:after,.product .pro_rem .pos2 .swiper-button-prev:after{color:#333;font-size:50px;font-weight:400}
.product .pro_rem .pro3{padding: 10px;}
.product .pro_rem .pro3 .swiper-slide{border:1px solid #d7d6de;border-radius:4px;height: auto;}
.product .pro_rem .pro3 .swiper-slide:hover{box-shadow: 0 8px 20px rgb(0 71 112 / 15%);}
.product .pro_rem .pro3:hover{border: none;}
.product .pro_rem .pro3 .item{padding:20px;}
.product .pro_rem .pro3 .item .t1{position:relative;padding-bottom:15px;margin-bottom:25px}
.product .pro_rem .pro3 .item .t1 p{font-size:18px;color:#1e1e1e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.product .pro_rem .pro3 .item .t1::after{position:absolute;content:"";left:0;bottom:0;width:20px;height:4px;background:#1e1e1e;border-radius:4px}
.product .pro_rem .pro3 .item:hover .t1::after{background:#00408c}
.product .pro_rem .pro3 .item .img{margin-bottom:20px;overflow:hidden}
.product .pro_rem .pro3 .item .img img{transition:all .3s linear}
.product .pro_rem .pro3 .item:hover .img img{transform:scale(1.04)}
@media only screen and (max-width:1280px){
.product .por_top .pro_info .tit{font-size: 30px;}
.product .por_top .pro_info .lb{font-size: 25px;}
.product .pro_del .rd a{font-size: 22px;padding: 10px 15px;}
.product .pro_rem{margin-top: 85px;}
.product .pro_rem .pos2{padding: 0 85px;}
}
@media only screen and (max-width:1080px){
.product{padding: 50px 0;}
.product .por_top .pro_info .tit{font-size: 28px;}
.product .por_top .pro_info .lb{font-size: 23px;margin: 15px 0;}
.product .por_top .pro_info .text1{padding: 20px 0;margin: 20px 0;}
.product .por_top .pro_info .btn{margin-top: 30px;padding: 0 58px;}
.product .pro_del{margin-top: 40px;}
.product .pro_del .rd a{font-size: 19px;padding: 10px 20px;}
.product .pro_del .hd .hd_cont form{width:58%;}
.product .pro_rem{margin-top: 68px;}
.product .pro_rem .title{font-size: 30px;margin-bottom: 40px;}
.product .pro_rem .pro3 .item .t1{margin-bottom: 20px;}
.product .pro_rem .pro3 .item .img{margin-bottom: 0;}
.product .pro_rem .pos2 .swiper-button-next:after, .product .pro_rem .pos2 .swiper-button-prev:after{font-size: 40px;}
}
@media only screen and (max-width:768px){
.product{padding: 30px 0 50px;}
.product .por_top .pro_img{width: 100%;margin-bottom: 30px;}
.product .por_top .pro_img .pro1 .img{text-align: center;}
.product .por_top .pro_img .pro1 .img img{width: 68%;}
.product .por_top .pro_info{width: 100%;}
.product .pro_del .rd{flex-wrap: wrap;}
.product .pro_del .rd a{font-size: 16px;padding: 10px;}
.product .pro_del .hd .hd_cont .xz{line-height: 36px;}
.product .pro_del .hd .hd_cont .xz img{width: 20px;height: 20px;}
.product .pro_del .hd .hd_cont video{width: 100%;}
.product .pro_rem .pos2{padding: 0 60px;}
}
@media only screen and (max-width:680px){
.product .pro_del .rd a{font-size: 18px;padding: 10px 0;width: 49%;text-align: center;display: flex;align-items: center;justify-content: center;}
.product .pro_del .rd a:nth-child(1){border-bottom: 1px solid #b6b6b6;}
.product .pro_del .rd a:nth-child(2){border-right: none;border-bottom: 1px solid #b6b6b6;}
.product .pro_del .hd .hd_cont{margin-top: 20px;}
.product .pro_del .hd .hd_cont form{width: 100%;}
}
@media only screen and (max-width:520px){
.product{padding: 10px 0 30px;}
.product .por_top .pro_img .pro2{margin-top: 15px;}
.product .por_top .pro_img .pos .swiper-button-next:after, .product .por_top .pro_img .pos .swiper-button-prev:after{font-size: 36px;}
.product .por_top .pro_info .tit{font-size: 22px;}
.product .por_top .pro_info .lb{font-size: 18px;margin: 13px 0;}
.product .por_top .pro_info .text1{padding: 15px 0;margin: 15px 0;}
.product .por_top .pro_info .text1 p{font-size: 14px;line-height: 26px;}
.product .por_top .pro_info .text1 img{margin-top: 15px;width: 245px;}
.product .por_top .pro_info .text2 h3{font-size: 16px;margin-bottom: 10px;}
.product .por_top .pro_info .text2 p{font-size: 14px;line-height: 23px;padding-left: 12px;margin-top: 5px;}
.product .por_top .pro_info .btn{margin-top: 20px;padding: 0 50px;font-size: 15px;line-height: 34px;}
.product .pro_del .rd a{font-size: 16px;padding: 6px 0;}
.product .pro_del .hd .hd_cont p{font-size: 14px;}
.product .pro_del .hd .hd_cont table td{line-height: 20px;font-size: 14px;padding: 5px;}
.product .pro_del .hd .hd_cont table td p{line-height: 20px;font-size: 14px;}
.product .pro_del .hd .hd_cont table p span{font-size: 14px;}
.product .pro_del .hd .hd_cont .xz{padding: 4px 20px;border-radius: 2px;}
.product .pro_del .hd .hd_cont .xz img{width: 17px;height: 17px;margin-right: 6px;}
.product .pro_del .hd .hd_cont .xz p{font-size: 15px;}
.product .pro_del .hd .hd_cont .input{margin-bottom: 15px;}
.product .pro_del .hd .hd_cont .input label{font-size: 14px;}
.product .pro_del .hd .hd_cont .input input{border-radius: 6px;font-size: 14px;height: 40px;margin-top: 8px;}
.product .pro_del .hd .hd_cont .textarea label{font-size: 14px;}
.product .pro_del .hd .hd_cont .textarea textarea{height: 80px;margin-top: 8px;padding-top: 10px;border-radius: 6px;}
.product .pro_del .hd .hd_cont .submit{margin-top: 15px;width: 140px;}
.product .pro_del .hd .hd_cont .submit input{font-size: 15px;height: 36px;}
.product .pro_rem{margin-top: 35px;padding-top: 20px;}
.product .pro_rem .title{font-size: 23px;margin-bottom: 20px;}
.product .pro_rem .pos2{padding: 0 30px;}
.product .pro_rem .pos2 .swiper-button-next{right: 0;}
.product .pro_rem .pos2 .swiper-button-prev{left: 0;}
.product .pro_rem .pos2 .swiper-button-next:after, .product .pro_rem .pos2 .swiper-button-prev:after{font-size: 32px;}
.product .pro_rem .pro3{padding:0 5px;}
.product .pro_rem .pro3 .swiper-slide{border-radius: 2px;}
.product .pro_rem .pro3 .item{padding: 11px;}
.product .pro_rem .pro3 .item .t1{margin-bottom: 15px;padding-bottom: 8px;}
.product .pro_rem .pro3 .item .t1::after{height: 2px;}
.product .pro_rem .pro3 .item .t1 p{font-size: 16px;-webkit-line-clamp: 2;}
}


/* about01 */
.about01{padding: 90px 0;position: relative;overflow: hidden;}
.about01 .big{color: #F2F2F2;font-size: 200px;position: absolute;z-index: -1;left: -14%;line-height: 0.9;top: 6%;font-family: "GILROY-BLACK";}
.about01 .big2{left: 81%;}
.about01 .b_logo{text-align: center;margin-bottom: 80px;}
.about01 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about01 .left{width: 46%;transform: translateX(calc(-5%*var(--progress)));}
.about01 .left .img img{margin-bottom:40px;width:100%}
.about01 .left .text{width:90%;margin:0 auto;margin-right:0;margin-top:20px}
.about01 .left .text p{font-size:16px;color:#2a2a2a;line-height:28px;margin-bottom:10px}
.about01 .left .text p:nth-last-child(1){margin-bottom:0}
.about01 .right{width: 48%;transform: translateX(calc(5%*var(--progress)));}
.about01 .right .title{font-size:24px;color:#2a2a2a;width:40%;line-height:1.6}
.about01 .right .link{width:2px;height:70px;background:#000;margin:15px 0;position: relative;overflow: hidden;}
.about01 .right .link::before{position:absolute;left:2px;top:0;width:2px;height:100%;background:#fff;content:""}
.about01 .right .link s{position:absolute;left:0;width:100%;height:100%;background:#fff;bottom:100%;animation:xian 4s infinite linear}
.about01 .right .txt{width:90%}
.about01 .right .txt p{font-size:16px;color:#2a2a2a;line-height:28px;margin-bottom:10px}
.about01 .right .txt p:nth-last-child(1){margin-bottom:0}
.about01 .right .ul{width:80%;justify-content:space-between;margin:30px 0}
.about01 .right .ul li{width:42%;background:#000;text-align:center;padding:20px;border-radius:8px}
.about01 .right .ul li span{color:#fff;font-size:60px}
.about01 .right .ul li sup{color:#fff;position:absolute;font-size:28px}
.about01 .right .ul li p{font-size:22px;color:#fff;padding-top:10px;border-top:1px solid #fffc}
@media screen and (max-width:1660px){
.about01 .right .ul{width: 100%;}
}
@media screen and (max-width:1440px){
.about01 .b_logo img{width: 60%;}
.about01 .right .ul li span{font-size: 50px;}
.about01 .right .ul li p{font-size: 20px;}
.about01 .big{font-size: 168px;left: -20%;}
.about01 .big2{left: 81%;}
}
@media screen and (max-width:1280px){
.about01 .big2{left: 79%;}
.about01 .right .title{width: 58%;}
.about01 .right .ul li{width: calc(48% - 40px);}
.about01 .right .ul li span{font-size: 45px;}
.about01 .right .ul li p{font-size: 18px;}
}
@media screen and (max-width:1080px){
.about01{padding: 50px 0;}
.about01 .big{font-size: 130px;}
.about01 .b_logo img{width: 55%;}
.about01 .right .title{width: 68%;}
.about01 .right .ul li span{font-size: 35px;}
.about01 .right .ul li sup{font-size: 20px;}
.about01 .right .ul li p{font-size: 16px;}
}
@media screen and (max-width:768px){
.about01 .big{left: -24%;font-size: 110px;}
.about01 .big2{left: 75%;}
.about01 .b_logo img{width: 68%;}
.about01 .right .title{width: auto;font-size: 22px;}
.about01 .right .ul{margin: 20px 0;}
.about01 .right .ul li{width: calc(48% - 20px);padding:20px 10px;}
}
@media screen and (max-width:640px){
.about01 .big{top: 3%;}
.about01 .b_logo{margin-bottom: 40px;}
.about01 .left{width: 100%;transform: translateX(calc(0%*var(--progress)));display: flex;flex-wrap: wrap;}
.about01 .left .img{order: 1;}
.about01 .left .img img:nth-child(2){margin-bottom: 0;}
.about01 .left .text{width: 100%;margin-top: 0;margin-bottom: 30px;}
.about01 .left .text p{font-size: 15px;line-height: 25px;margin-bottom: 8px;}
.about01 .right{width: 100%;transform: translateX(calc(0%*var(--progress)));order: -1;margin-bottom: 30px;}
.about01 .right .txt{width: auto;}
}
@media screen and (max-width:520px){
.about01{padding: 30px 0;}
.about01 .b_logo{margin-bottom: 10px;}
.about01 .big{display: none;}
.about01 .left .img img{margin-bottom: 25px;}
.about01 .right{margin-bottom: 20px;}
.about01 .right .title{font-size: 20px;}
.about01 .right .link{height: 40px;margin: 10px 0;}
.about01 .right .txt p{font-size: 14px;line-height: 25px;margin-bottom: 5px;}
.about01 .right .ul{margin: 15px 0;}
.about01 .right .ul li{border-radius: 4px;}
.about01 .right .ul li span{font-size: 30px;}
.about01 .right .ul li p{font-size: 14px;padding-top: 5px;margin-top: 5px;}
}

/* about02 */
.about02{padding-bottom: 90px; position: relative;overflow: hidden;}
.about02 .big{color: #F2F2F2;font-size: 268px;line-height: 0.9;text-align: center;letter-spacing: 2px;position: absolute;}
.about02 .n_tit{font-size: 65px;font-style: oblique;font-family: "GILROY-BLACK";}
.about02 .link{height:2px;width:70px;background:#000;margin:15px 0;position: relative;overflow: hidden;}
.about02 .link::before{position:absolute;left:2px;top:0;height:2px;width: 70px;background: #000;content:"";}
.about02 .link s{position:absolute;right:0;width:70px;height:100%;background:#fff;right:100%;animation:xian2 4s infinite linear}
.about02 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1300px;margin: 0 auto;margin-top: 100px;}
.about02 .wrap:nth-child(1){margin-top: 20px;}
.about02 .wrap .item{position: relative;}
.about02 .wrap .item:nth-child(2){margin-top:100px;}
.about02 .wrap .item::after{position: absolute;content: "";width: 125px;height: 125px;background: #A4A4A4;top: -12%;z-index: -1;left: -9%;}
.about02 .wrap.wrap2 .item::after{right: -9%;left: auto;}
@media screen and (max-width:1440px){
.about02 .n_tit{font-size: 60px;}
}
@media screen and (max-width:1330px){
.about02 .wrap{width: 47%;}
}
@media screen and (max-width:1080px){
.about02{padding-bottom: 50px;}
.about02 .n_tit{font-size: 60px;}
.about02 .wrap .item:nth-child(2){margin-top: 80px;}
.about02 .wrap .item::after{width: 105px;height: 105px;}
}
@media screen and (max-width:768px){
.about02 .n_tit{font-size: 45px;}
.about02 .wrap .item:nth-child(2){margin-top: 60px;}
.about02 .wrap .item::after{width: 85px;height: 85px;top: -16%;}
}
@media screen and (max-width:520px){
.about02{padding-bottom: 30px;}
.about02 .n_tit{font-size: 25px;}
.about02 .link{width: 50px;margin: 10px 0;}
.about02 .cont{margin-top: 50px;}
.about02 .wrap .item:nth-child(2){margin-top: 40px;}
.about02 .wrap .item::after{width: 65px;height: 65px;top: -18%;}
}

/* pbar */
.pbar{position:relative;cursor:pointer;z-index: 3;align-items: center;justify-content: center;transition: 0.4s 0.2s;background: #171717;padding: 7px 15px;border-radius: 18px;margin-bottom: 15px;display: none;}
.pbar.active{z-index:998}
.pbar.active span{background:#fff}
.pbar p{color: #fff;font-size: 14px;margin-right: 10px;}
.pbar .bar{width: 24px;height: 20px;position: relative;}
.pbar span{width:100%;height: 2px;position:absolute;background:#fff;display:block;-webkit-transition:all .35s;-webkit-transform:rotate(0);top:0;}
.pbar.active span{background:#fff}
.pbar span:nth-child(1){width: 22px;left: 0;top: 2px;}
.pbar span:nth-child(2){top: 8px;width: 14px;}
.pbar span:nth-child(3){top: 8px;width:18px;}
.pbar:hover span:nth-child(1){width:22px}
.pbar:hover span:nth-child(3){width:22px}
.pbar.active:hover span:nth-child(2){width:0}
.pbar.active:hover span:nth-child(3){width:22px}
.pbar.active span:nth-child(2){width:0}
.pbar.active span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);width:22px}
.pbar.active span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);width: 22px;}
.pbar span:nth-child(3){top: 15px;width: 22px;}
@media screen and (max-width:1140px){
.pbar{display: flex;}
}

/* searchs */
.searchs{margin-bottom: 60px;}
.searchs .title{font-size:36px;color:#00408c;margin:40px 0;text-align:center}
.searchs .item{margin-right: 2%;margin-bottom: 2%;width: 23.5%;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);position: relative;}
.searchs .item:nth-child(4n+4){margin-right: 0;}
.searchs .item::after{content:'';position:absolute;height: 2px;z-index:9;width:0;right: 0;transition: all .5s ease-in-out;bottom: 0;background: #1e1e1e;}
.searchs .item:hover::after{width: 100%;left: 0;right: auto;}
.searchs .item .img{overflow:hidden;border-radius: 4px;padding: 20px;}
.searchs .item .img img{transition:all .3s linear;width:100%}
.searchs .item:hover .img img{transform: scale(1.04);}
.searchs .item .info{display:flex;justify-content:space-between;padding:20px}
.searchs .item .info .t1{font-size:17px;color:#1e1e1e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:75%}
.searchs .page{justify-content: center;border: 1px solid #C5C5C5;border-radius: 4px;display: flex;align-items: center;width: max-content;margin: 40px auto 60px auto;}
.searchs .page .prev{filter:invert(.9);transform:rotate(180deg);margin-bottom:2px}
.searchs .page .next{filter:invert(.9);margin-bottom:2px}
.searchs .page a{line-height:35px;padding:0 15px;border-right:1px solid #c5c5c5}
.searchs .page a:nth-last-child(1){border:none}
.searchs .page .page-num{font-size:20px;color:#383838db}
.searchs .page .page-num.page-num-current{color:#3a5da1}
.searchs .norecord{font-size: 18px;color: #1e1e1e;}
@media screen and (max-width:1080px){
.searchs{margin-bottom: 20px;}
.searchs .title{font-size: 30px;}
.searchs .item .info .t1{font-size: 16px;}
}
@media screen and (max-width:980px){
.searchs .item{width: 32%;}
.searchs .item:nth-child(3n+3){margin-right: 0;}
.searchs .item:nth-child(4n+4){margin-right: 2%;}
}
@media screen and (max-width:768px){
.searchs .item .info .bt{display: none;padding: 15px;}
.searchs .item .info{justify-content: center;}
.searchs .item .info .t1{width: auto;text-align: center;}
.searchs .item .img{padding: 15px;}
}
@media screen and (max-width:520px){
.searchs{margin-bottom: 25px;}
.searchs .title{font-size: 23px;margin: 20px 0;}
.searchs .item{width: 49%;}
.searchs .item:nth-child(even){margin-right: 0;}
.searchs .item:nth-child(odd){margin-right: 2%;}
.searchs .item .info .t1{font-size: 14px;}
.searchs .page{margin: 20px auto 30px auto;}
.searchs .page a{line-height: 32px;}
.searchs .page .page-num{font-size: 16px;}
.searchs .page .prev{width: 10px;}
.searchs .page .next{width: 10px;}
}


/* about */
.about{padding: 60px 0;}
.about p{line-height: 30px;}
.about p span{font-size: 16px !important;font-family: "GILROY-REGULAR" !important;}
.about .none{font-size: 30px;text-align: center;}
@media screen and (max-width:768px){
.about .none{font-size: 26px;}
}
@media screen and (max-width:520px){
.about{padding: 25px 0;}
.about p{line-height: 26px;font-size: 15px;}
.about p span{font-size: 14px !important;}
.about .none{font-size: 22px;}
}