/* z_tanchuang */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer;transition: ease 0.6s;}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../images/out.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
.z_tanchuang .tbox .modal{padding:10px}
.z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px;background-size: 14px;}
.z_tanchuang .tbox .modal .out:hover{background-size: 14px;}
}

/* title */
.nei_tit{position: relative;margin-bottom:60px;text-align: center;}
.nei_tit .title{font-size: 30px;color: #333;}
.nei_tit .tit{font-size: 26px;color: #C4C4C4;text-transform: uppercase;font-weight: 100;letter-spacing: 1px;}
@media screen and (max-width: 1080px){
.nei_tit{margin-bottom: 30px;}
.nei_tit .title{font-size: 26px;}
.nei_tit .tit{font-size: 20px;}
}
@media screen and (max-width: 520px){
.nei_tit{margin-bottom: 20px;}
.nei_tit .title{font-size: 20px;}
.nei_tit .tit{font-size: 16px;}
}

/* banner */
.banner{width:100%;position:relative;transition: .3s all;margin-top: 163px;}
.banner.ban{margin-top: 80px;}
.banner .mo{display: none;}
.banner .img img{width: 100%;}
.banner .swiper-button-next{width: 36px;height: 60px;background: #1e1e1e;right: -4%;top: 60%;}
.banner .swiper-button-prev{width: 36px;height: 60px;background: #1e1e1e;left: -4%;top: 60%;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 22px;color: #fff;}
.banner .cont{position: absolute;bottom: 6%;width: 100%;}
.banner .cont .w1200{position:relative;}
.banner .cont .pj_nav{padding-top: 20px;}
.banner .cont .item{text-align: center;background: url(../images/e_icon.jpg);background-size: cover;height: 80px;display: flex;align-items: center;justify-content: center;transition: .5s all;}
.banner .cont .item a{font-size: 16px;color: #333;font-weight: bold;}
.banner .cont .item:hover{transform: translateY(-20px);}
@media only screen and (max-width:1080px){
.banner{margin-top: 82px;}
.banner.ban{margin-top: 82px;}
.banner .pc{display: none;}
.banner .mo{display: block;}
.banner .swiper-button-next{width: 30px;height: 50px;}
.banner .swiper-button-prev{width: 30px;height: 50px;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 20px;}
}
@media only screen and (max-width:900px){
.banner .cont .item{height: 65px;}
.banner .cont .item a{font-size: 15px;}
.banner .cont .item:hover{transform: translateY(-10px);}
}
@media only screen and (max-width:680px){
.banner .cont{position: initial;}
.banner .cont .item{height: 48px;}
.banner .cont .item a{font-size: 12px;}
.banner .cont .item:hover{transform: translateY(-5px);}

}
@media only screen and (max-width:520px){
.banner{margin-top: 62.5px;}
.banner.ban{margin-top: 62.5px;}
.banner .cont .pj_nav{padding-top: 10px;}
.banner .cont .item{height: 45px;}
.banner .swiper-button-next{width: 20px;height: 35px;top: 65%;right: -7%;}
.banner .swiper-button-prev{width: 20px;height: 35px;top: 65%;left: -7%;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 14px;}
}


/*n_nav  */
.n_nav{padding:15px 0;box-sizing: border-box;overflow-x: auto;background-color: #F7F9FB;}
.n_nav .flx_w{align-items: center;}
.n_nav .n_nav_l ul{width: max-content;}
.n_nav .n_nav_l li{height: 40px;line-height: 40px;margin-right: 15px;overflow: hidden;font-size: 15px;text-align: center;color: #333;padding: 0 25px;background-color: #eeeeee;}
.n_nav .n_nav_l li.active,.n_nav .n_nav_l li:hover{ background-color:#222222; color: #fff; }
.n_nav .n_nav_r a{font-size: 15px;color: #666;}
.n_nav::-webkit-scrollbar{width:5px;height:5px}
.n_nav::-webkit-scrollbar-track{background-color:transparent}
.n_nav::-webkit-scrollbar-thumb{border-radius:4px;background-color:#BBBCBD}
@media only screen and (max-width:1080px){
.n_nav{padding: 12px 0;}
.n_nav::-webkit-scrollbar{width:5px;height:5px}
.n_nav .n_nav_r{display: none;}
.n_nav .n_nav_l li{padding: 0 20px;height: 36px;line-height: 36px;}
}
@media only screen and (max-width:768px){
.n_nav .n_nav_l{width: 100%;}
.n_nav .n_nav_l ul{width: auto;}
.n_nav .n_nav_l li{width: 32%;margin-bottom: 2%;margin-right: 2%;padding: 0;}
.n_nav .n_nav_l li:nth-child(3n+3){margin-right: 0;}
.n_nav .n_nav_l li:nth-last-child(1){margin-bottom: 0;}
.n_nav .n_nav_l li:nth-last-child(2){margin-bottom: 0;}
.n_nav .n_nav_l li:nth-last-child(3){margin-bottom: 0;}
}
@media only screen and (max-width:520px){
.n_nav{padding: 10px 0;}
.n_nav::-webkit-scrollbar{width:3px;height:3px}
.n_nav .n_nav_l li{height: 30px;line-height: 30px;font-size: 12px;}
}

/* about01 */
.about01{padding: 80px 0;}
.about01 .item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.about01 .item .text{width: 50%;}
.about01 .item .text p{font-size: 17px;color: #707070;line-height: 2;text-indent: 2em;margin-bottom: 10px;}
.about01 .item .text p:nth-last-child(1){margin-bottom: 0;}
.about01 .item .img{width: 43%;}
.about01 .item .img img{width: 100%;}
.about01 .pic{margin-top: 50px;}
.about01 .pic img{width: 100%;}
@media only screen and (max-width:1080px){
.about01{padding: 50px 0;}
.about01 .item .text p{font-size: 15px;}
.about01 .pic{margin-top: 30px;}
}
@media only screen and (max-width:768px){
.about01 .item .text{width: 100%;order: 1;}
.about01 .item .img{width: 100%;margin-top: 30px;}
.about01 .item:nth-child(2) .img{order: 1;}
}
@media only screen and (max-width:520px){
.about01{padding: 25px 0;}
.about01 .item .img{margin-top: 10px;}
.about01 .item .text p{font-size: 14px;line-height: 25px;margin-bottom: 5px;}
.about01 .pic{margin-top: 10px;}
}


/* about02 */
.about02{padding-bottom: 80px;overflow: hidden;}
.about02 .item{position: relative;}
.about02 .item .img{overflow: hidden;}
.about02 .item .img img{transition: all 1.0s;}
.about02 .item:hover .img img{transform: scale(1.04);}
.about02 .item .t1{color: #fff;background-color: rgba(0, 0, 0, 0.7);text-align: center;font-size: 16px;position: absolute;padding:11px 0;bottom: 0;width: 100%;}
.about02 .wrap2{margin-top: 20px;}
.about02 .wrap2 .left{width: 50.5%;display: flex;flex-wrap: wrap;}
.about02 .wrap2 .left .item{width: calc(50% - 20px);margin-right: 20px;margin-bottom: 20px;}
.about02 .wrap2 .left .item:nth-child(2n+2){margin-right: 0;}
.about02 .wrap2 .right{width: 49.5%;}
@media only screen and (max-width:1440px){
.about02 .wrap2 .right{width: 49.4%;}
}
@media only screen and (max-width:1080px){
.about02{padding-bottom: 50px;}
.about02 .wrap2 .right{width: 49.4%;}
.about02 .wrap2{margin-top: 15px;}
.about02 .wrap2 .left .item{width: calc(50% - 15px);margin-right: 15px;margin-bottom: 15px;}
}
@media only screen and (max-width:768px){
.about02 .wrap2 .left{width: 100%;}
.about02 .wrap2 .left .item{width: calc(50% - 8px);}
.about02 .wrap2 .left .item:nth-child(even){margin-right: 0;}
.about02 .wrap2 .right{width: 100%;}
}
@media only screen and (max-width:520px){
.about02{padding-bottom: 25px;}
.about02 .item .t1{position: initial;font-size: 14px;padding: 6px 0;}
.about02 .wrap2{margin-top:12px;}
.about02 .wrap2 .left .item{width: calc(50% - 6px);margin-right: 12px;margin-bottom: 12px;}
}

/* about03 */
.about03{padding: 80px 0;}
.about03 .flx_w{align-items: center;}
.about03 .left{width: 42%;margin-right:3%;}
.about03 .left .img img{width: 100%;}
.about03 .right{width: 55%;}
.about03 .right .text p{font-size: 16px;color: #707070;line-height: 2;text-indent: 2em;margin-bottom: 10px;}
.about03 .right .text p:nth-last-child(1){margin-bottom: 0;}
.about03 .ul{border: 1px solid #eee;margin-top: 40px;}
.about03 .ul li{width: 25%;text-align: center;padding: 40px 0;position: relative;}
.about03 .ul li::after{position: absolute;content: "";left: 0;height: 100%;background: #eee;width: 1px;top: 0;}
.about03 .ul li::before{position: absolute;content: "";left: 0;height: 1px;background: #eee;width: 100%;bottom: 0;}
.about03 .ul li h3{color: #d80609;font-size: 20px;margin: 10px 0;font-weight: normal;}
.about03 .ul li p{color: #666;font-size: 16px;line-height: 28px;padding: 0 10px;}
@media only screen and (max-width:1080px){
.about03{padding: 50px 0;}
.about03 .ul li p{line-height: 26px;}
}
@media only screen and (max-width:768px){
.about03 .left{width: 100%;margin-right:0;margin-bottom: 30px;}
.about03 .right{width: 100%;}
.about03 .ul li{width: 50%;}
}
@media only screen and (max-width:520px){
.about03{padding: 25px 0;}
.about03 .left{margin-bottom: 12px;}
.about03 .right .text p{font-size: 14px;line-height: 25px;margin-bottom: 5px;}
.about03 .ul{margin-top: 20px;}
.about03 .ul li{padding: 15px 0;}
.about03 .ul li img{width: 30px;}
.about03 .ul li h3{font-size: 16px;margin: 6px 0;}
.about03 .ul li p{font-size: 13px;line-height: 22px;padding: 0 10px;}
}


/* videolist */
.videolist{padding: 80px 0;}
.videolist .item{width: 23.5%;position: relative;margin-right: 2%;transition: all .5s ease-out 0s;margin-bottom: 2%;}
.videolist .item:nth-child(4n+4){margin-right: 0;}
.videolist .item .pic{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;}
.videolist .item .pic img{height: 100%;object-fit: cover;width: 100%;position: absolute;}
.videolist .item .play{position: absolute;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.videolist .item .play img{width: 50px;}
.videolist .item .text{padding: 15px 10px;background: #F3F3F3;}
.videolist .item .text p{font-size: 16px;text-align: center;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.videolist .item::after{width:0;height:2px;content:"";background:#d80609;transition:all .5s ease;position:absolute;bottom:0;left:50%}
.videolist .item:hover::after{width:100%;transition:all .5s ease;margin-left:-50%}
@media only screen and (max-width:1080px){
.videolist{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.videolist .item{width: 48%;margin-bottom: 4%;}
.videolist .item:nth-child(odd){margin-right: 4%;}
.videolist .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:520px){
.videolist{padding: 25px 0;}
.videolist .item .text{padding: 10px 5px;}
.videolist .item .text p{font-size: 14px;}
.videolist .item .play{top: 40%;}
.videolist .item .play img{width: 30px;}
}

/* caselist */
.caselist{padding: 80px 0;}
.caselist .item{width: 32%;margin-bottom: 2%;position: relative;margin-right: 2%;transition: all .5s ease-out 0s;}
.caselist .item:nth-child(3n+3){margin-right: 0;}
.caselist .item .pic{overflow: hidden;position: relative;}
.caselist .item .text{padding: 15px 10px;background: #F3F3F3;}
.caselist .item .text p{font-size: 16px;text-align: center;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.caselist .item:hover{box-shadow: 0 5px 10px rgba(130,130,130,0.3);transform: translate(0,-10px);}
@media only screen and (max-width:1080px){
.caselist{padding: 50px 0;}
.caselist .item{width: 48%;}
.caselist .item:nth-child(odd){margin-right: 2%;}
.caselist .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:768px){
.caselist .item{width: 48%;margin-bottom: 4%;margin-right: 4%;}

}
@media only screen and (max-width:520px){
.caselist{padding: 25px 0;}
.caselist .item .text{padding: 10px 5px;}
.caselist .item .text p{font-size: 14px;}
}


/* newslist */
.newslist{padding: 80px 0;}
.newslist .item{margin-bottom: 35px;padding-bottom: 35px;border-bottom: 1px solid #ddd;position: relative;}
.newslist .item a{display: flex;flex-wrap: wrap;}
.newslist .item .img{overflow: hidden;position: relative;width: 20%;}
.newslist .item .img img{height: 100%;object-fit: cover;width: 100%;border-radius: 10px;}
.newslist .item .info{width: 75%;padding-left: 5%;}
.newslist .item .t1{font-size: 20px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin: 10px 0;}
.newslist .item .date{font-size: 16px;margin: 12px 0;color: #404040;}
.newslist .item .t2{font-size: 14px;color: #666;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist .item:hover .t1{color:#000;}
.newslist .item .btn{margin: inherit;margin-top: 20px;}
.newslist .item::after{transition:all .5s;content:"";display:inline-block;width:0%;height:1px;background:#333;position:absolute;bottom:-1px;right:0}
.newslist .item:hover::after{width:100%;left:0;right:auto}
@media only screen and (max-width:1080px){
.newslist .item .btn{display: none;}
}
@media only screen and (max-width:768px){
.newslist{padding: 50px 0;}
.newslist .item{margin-bottom: 10px;padding-bottom: 10px;}
.newslist .item .img{width: 32%;}
.newslist .item .img img{border-radius: 2px;}
.newslist .item .info{width: 65%;padding-left:3%}
.newslist .item .date{display: none;}
.newslist .item .t1{font-size: 18px;}
.newslist .item .t2{font-size: 14px;line-height: 24px;}
}
@media only screen and (max-width:520px){
.newslist{padding:25px 0;}
.newslist .item .date{font-size: 14px;}
.newslist .item .t1{font-size: 16px;margin: 5px 0;}
.newslist .item .t2{font-size: 12px;}
}

/* contact */
.contact{width:100%;background-color:#fffeff;border-bottom:1px solid #f5f5f5;padding: 80px 0;}
.contact .container-title{width:100%;font-weight:700;color:#333;margin-bottom:10px;font-size:35px}
.contact .container-text{width:100%;color:#888;margin-bottom:60px;font-size:18px}
.contact .map{width:100%;position:relative}
.contact .map img{width:100%}
.contact .map img.mo{display: none;}
.contact .map-content{width: 460px;background-color: #181818;position:absolute;top:50%;right:10%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding:50px 30px;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.09);box-shadow:0 0 30px 0 rgba(0,0,0,.09);}
.contact .content-title{width:100%;color: #fff;margin-bottom: 25px;font-size:24px;position: relative;padding-bottom: 15px;}
.contact .content-title::after{position: absolute;content: "";left: 0;bottom: 0;height: 2px;width: 68px;background-color: #fff;}
.contact .content-item{width:100%;display:flex;-webkit-box-align:center;align-items:center;margin-bottom:15px}
.contact .item-text{color: #fff;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;}
.contact .c_img{position: absolute;top: 38%;right: 8%;text-align: center;}
.contact .c_img img{width: 106px;}
.contact .c_img p{font-size: 16px;margin-top: 6px;color:#666;}
@media(max-width:1080px){
.contact{padding: 50px 0;}
.contact .map-content{width:auto;position:static;-webkit-transform:translate(0);transform:translate(0)}
}
@media(max-width:768px){
.contact .map-content{display: none;}
.contact .map img.pc{display: none;}
.contact .map img.mo{display: block;}
}
@media(max-width:520px){
.contact{padding: 25px 0;}
.contact .container{width: 90%;margin: 0 auto;}
.contact .container-title{font-size:20px}
.contact .container-text{font-size:14px;margin-bottom: 20px;}
.contact .map-content{padding: 20px 10px;}
.contact .content-title{font-size: 19px;margin-bottom: 15px;padding-bottom: 10px;}
.contact .content-item{margin-bottom: 5px;}
.contact .item-text{font-size:14px;line-height: 26px;}
.contact .c_img{position: initial;text-align: initial;}
.contact .c_img img{width: 78px;}
}

.message {margin-bottom: 80px;}
.message .input{width: 48%;margin-right: 4%;margin-bottom: 25px;}
.message .input:nth-child(even){margin-right: 0;}
.message .input label{font-size: 16px;color: #DB0508;line-height: 2;}
.message .input input{padding:10px;font-size: 14px;border:1px solid #d2d2cf;width:100%;line-height: 30px;text-align:left;color:#666;box-sizing:border-box;}
.message .code{position: relative;}
.message .code img{position: absolute;right: 0;height: 44px;}
.message .input1 label{font-size: 16px;color: #DB0508;line-height: 2;}
.message .input1 textarea{padding:10px;font-size: 14px;border:1px solid #d2d2cf;width:100%;line-height: 30px;text-align:left;color:#666;box-sizing:border-box;font-family: initial;height: 150px;}
.message .submit{margin:0 auto;width:150px;line-height:40px;background:#DB0508;border-radius:4px;text-align:center;display:block;cursor:pointer;margin-top: 30px;border:1px solid #DB0508}
.message .submit input{background: none;color:#fff;font-size:16px;}
.message .submit:hover{background:#fff;}
.message .submit:hover input{color:#DB0508;}
.message input:focus,.message textarea:focus{border-color:#DB0508}
@media only screen and (max-width:1080px){
.message{margin-bottom:50px;}
}
@media only screen and (max-width:520px){
.message{margin-bottom:25px;}
.message .input{width: 100%;margin-right: 0;margin-bottom: 10px;}
.message .input label{font-size: 14px;line-height: 1.8;}
.message .input input{padding: 8px;font-size: 12px;line-height: 25px;}
.message .code img{height: 40px;}
.message .input1 label{font-size: 16px;color: #DB0508;line-height: 2;}
.message .input1 textarea{padding: 8px;font-size: 12px;height: 90px;}
.message .submit{width: 128px;line-height: 35px;margin-top: 15px;}
.message .submit input{font-size: 15px;}
}


/* anlist */
.anlist{padding: 80px 0;}
.anlist .list .n_tit{margin-bottom: 30px;}
.anlist .list .n_tit h3{font-size: 30px;font-weight: bold;color: #000;text-align: center;margin-bottom: 10px;}
.anlist .list .n_tit .date{font-size: 14px;color: #999;padding-bottom: 15px;padding-top: 10px;text-align: center;}
.anlist .list .cont{border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding: 40px 0;text-align: center;}
.anlist .list .cont img{max-width: 100%;}
.anlist .list .cont p{margin: 10px 0;font-size: 16px;line-height: 2;}
.anlist .list .cont p:nth-child(1){margin-top: 0;}
.anlist .list .cont p:nth-last-child(1){margin-bottom: 0;}
.anlist .list .cont .page{margin-top: 40px;}
.anlist .list .cont .page li{font-size: 18px;color: #333;}
.anlist .list .cont .page li:hover{color: #D43025;}
.anlist .list .btn{margin-top: 60px;display: flex;justify-content: center;align-items: center;}
.anlist .list .btn a{z-index: 9;transition: all .5s;}
.anlist .list .btn:hover a{color: #fff;}
@media only screen and (max-width:1080px){
.anlist{padding: 50px 0;}
.anlist .list .btn{margin-top: 40px;}
}
@media only screen and (max-width:520px){
.anlist{padding: 25px 0;}
.anlist .list .n_tit{margin-bottom: 0px;}
.anlist .list .n_tit h3{font-size: 18px;}
.anlist .list .n_tit .date{font-size: 12px;}
.anlist .list .cont{padding: 20px 0;}
.anlist .list .cont p{font-size: 14px;}
.anlist .list .cont p span{font-size: 14px !important;}
.anlist .list .cont .page{margin-top: 20px;}
.anlist .list .cont .page li{font-size: 14px;}
.anlist .list .btn{margin-top: 20px;font-size: 12px;}
}

/* pro_nav */
.pro_nav{width: 20%;position: sticky;top: 110px;height: fit-content;}
.pro_nav .pnav_item1{position: relative;}
/* .pro_nav .cur{position: relative;}
.pro_nav .cur::before{content:" ";position:absolute;right:0%;top:0;width:0%;height:100%;background-color: #D43025;transition:all .5s;z-index: -1;}
.pro_nav .cur.cur::before{width:100%;} */
.pro_nav .cur.cur .pnav_hd a{color: #fff;}
.pro_nav .cur.cur .pnav_hd img{transform: rotate(90deg);filter: initial;}
.pro_nav .pnav_hd{padding: 15px;position: relative;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #cccccc4a;}
.pro_nav .pnav_hd::before{content:" ";position:absolute;right:0%;top:0;width:0%;height:100%;background-color: #707070;transition:all .5s;z-index: 0;}
.pro_nav .cur .pnav_hd::before{width:100%;}
.pro_nav .pnav_hd a{font-size: 18px;font-weight: bold;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;z-index: 99;transition: all .5s;}
.pro_nav .pnav_hd.active a{color: #fff;}
.pro_nav .pnav_hd img{width: 20px;height: 20px;filter: invert(1);display: none;}
/* .pro_nav .cur:nth-last-child(1) .pnav_hd img{display: block;} */
.pro_nav .pnav_hd.active img{transform: rotate(90deg);filter: initial;}
.pro_nav .pnav_rd{display: block;z-index: 99;background-color: #fff;}
.pro_nav .pnav_1_list{display: grid;border-bottom: 1px solid #ccc;padding: 10px 0;}
.pro_nav .pnav_1_list .pnav_a1{height: 40px;padding-left: 15px;display: flex;align-items: center;justify-content: space-between;}
.pro_nav .pnav_1_list .pnav_a1 a{font-size: 16px;color: #707070;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;position: relative;padding-bottom: 10px;}
.pro_nav .pnav_1_list .pnav_a1 a:after{content:"";position: absolute;left:0;bottom: 0px;width:0;height: 2px;z-index: 1;background:#707070;box-shadow: 0 0 10px rgba(0,0,0,10%);transition:width .3s ease;}
.pro_nav .pnav_1_list .pnav_a1 a.active:after,.pro_nav .pnav_1_list .pnav_a1 a:hover:after{width: 100%;}
@media only screen and (max-width:1080px){
.pro_nav .pnav_hd a{font-size: 18px;}
.pro_nav .pnav_1_list .pnav_a1 a{font-size: 14px;}
}
@media only screen and (max-width:768px){
.pro_nav{display: none;}
}

/* productlist */
.productlist{padding: 80px 0;}
.productlist .list{width: 75%;height: fit-content;}
.productlist .item{width: 32%;margin-bottom: 2%;position: relative;margin-right: 2%;transition: all .5s ease-out 0s;}
.productlist .item:nth-child(3n+3){margin-right: 0;}
.productlist .item .img{overflow: hidden;position: relative;padding: 20px;}
.productlist .item .img::after{position: absolute;content: "";left: 0;top: 0;border: 2px solid #DDDDDD;height: 100%;width: 100%;z-index: 99;transition: all 0.5s;}
.productlist .item .img::before{position: absolute;content: "";right: 0;top: 0;border: 2px solid #DDDDDD;height: 100%;width: 100%;z-index: 99;transition: all 0.5s;}
.productlist .item .img img{transition: all 0.5s;}
.productlist .item .text{padding: 15px 10px;background: #DDDDDD;transition: all 0.5s;}
.productlist .item .text p{font-size: 16px;text-align: center;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.productlist .item:hover{box-shadow: 6px 4px 10px #999;}
.productlist .item:hover .img::after{border: 2px solid #000;}
.productlist .item:hover .img::before{border: 2px solid #000;}
.productlist .item:hover .img img{transform: scale(1.04);}
.productlist .item:hover .text{background: #000;}
.productlist .item:hover .text p{color: #fff;}
@media only screen and (max-width:1080px){
.productlist{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.productlist .list{width: 100%;}
.productlist .item{width: 48%;margin-bottom: 4%;margin-right: 4%;}
.productlist .item:nth-child(odd){margin-right: 4%;}
.productlist .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:520px){
.productlist{padding: 25px 0;}
.productlist .item .img{padding: 10px;}
.productlist .item .text{padding: 10px 5px;}
.productlist .item .text p{font-size: 14px;}
}


/* product */
.product{padding: 80px 0;}
.product .pro_icon{width: 45%;}
.product .pro_icon .p01{margin-top: 20px;width:100%;height:auto;}
.product .pro_icon .p01 .img{height:100%;position:relative;background-size:contain;padding-bottom: 100%;overflow:hidden;cursor:pointer;}
.product .pro_icon .p01 .img img{position:absolute;top:50%;left:50%;width: 68%;height:auto;transform:translate(-50%,-50%);}
.product .pro_icon .p01 .img:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #ccc;box-sizing: border-box;opacity: 1;z-index: 2;}
.product .pro_icon .p01 .swiper-slide-thumb-active .img:before{border-color: #E50014;border-width: 1px;}
.product .pro_icon .p02 .img{text-align: center;padding-top: 20px;border: 1px solid #ccc;}
.product .pro_icon .p02 .img img{width: 78%;}
.product .pro_icon .p02 .swiper-button-next, .product .pro_icon .p02 .swiper-button-prev{position: absolute;top: 50%;width: 28px;height: 58px;z-index: 3;background-color: rgba(0,0,0,0.6);cursor: pointer;}
.product .pro_icon .p02 .swiper-button-next:after, .product .pro_icon .p02 .swiper-button-prev:after{color: #fff;font-size: 16px;}
.product .pro_tit{width: 46%;box-sizing:border-box;margin-left: 8%;padding-top: 15px;}
.product .pro_tit .title{font-size: 26px;padding-bottom:15px;border-bottom: 1px solid #ddd;margin-bottom: 15px;color: #3a3b34;}
.product .pro_tit .text{font-style: normal;font-size: 16px;line-height: 2;color: #666;}
.product .pro_detail{margin-top: 40px;}
.product .pro_detail .rd{background: #F7F9FB;padding: 15px 30px;}
.product .pro_detail .rd li{position: relative;font-size: 16px;color:#333;padding-bottom: 10px;margin-right: 60px;cursor: pointer;}
.product .pro_detail .rd li:after{content:'';position:absolute;left:50%;bottom:0;height:2px;width:0;background:#E50014;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;	}
.product .pro_detail .rd li.active,.product .pro_detail .rd li:hover{color: #E50014;}
.product .pro_detail .rd li.active:after,.product .pro_detail .rd li:hover:after{ width: 100%; left: 0; }
.product .pro_detail .part{margin-top: 20px;}
.product .pro_detail .part p{font-size: 16px;line-height: 2;}
.product .pro_detail .part img{max-width: 100%;}
.product .pro_detail .part .list{margin-top: 40px;}
.product .item{position: relative;transition: all .5s ease-out 0s;}
.product .item .img{overflow: hidden;position: relative;padding: 20px;}
.product .item .img::after{position: absolute;content: "";left: 0;top: 0;border: 2px solid #DDDDDD;height: 100%;width: 100%;z-index: 99;transition: all 0.5s;}
.product .item .img::before{position: absolute;content: "";right: 0;top: 0;border: 2px solid #DDDDDD;height: 100%;width: 100%;z-index: 99;transition: all 0.5s;}
.product .item .img img{transition: all 0.5s;}
.product .item .text{padding: 15px 10px;background: #DDDDDD;transition: all 0.5s;}
.product .item .text p{font-size: 16px;text-align: center;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: initial;}
.product .item:hover{box-shadow: 6px 4px 10px #999;}
.product .item:hover .img::after{border: 2px solid #000;}
.product .item:hover .img::before{border: 2px solid #000;}
.product .item:hover .img img{transform: scale(1.04);}
.product .item:hover .text{background: #000;}
.product .item:hover .text p{color: #fff;}
.product .pj01 .swiper-button-next{width: 36px;height: 60px;background: #000000a3;right: 0%;}
.product .pj01 .swiper-button-prev{width: 36px;height: 60px;background: #000000a3;left: 0%;}
.product .pj01 .swiper-button-next:after,.product .pj01 .swiper-button-prev:after{font-size: 18px;color: #fff;}
@media only screen and (max-width:1080px){
.product{padding: 50px 0;}
.product .pro{width: 100%;}
.product .pro_icon .p02 .img img{width: 80%;}
.product .pro_tit .title{font-size: 22px;padding-bottom: 10px;margin-bottom: 10px;}
.product .pro_tit .text{font-size: 15px;line-height: 28px;}
.product .item .text{padding: 10px;}
}
@media only screen and (max-width:580px){
.product{padding: 30px 0;}
.product .pro_cont{padding: 0;}
.product .pro_icon{width: 100%;}
.product .pro_icon .p01{padding: 1px;margin-top: 10px;}
.product .pro_icon .p02{padding: 1px}
.product .pro_icon .p02 .swiper-button-next, .product .pro_icon .p02 .swiper-button-prev{width: 30px;height: 55px;}
.product .pro_icon .p02 .swiper-button-next:after, .product .pro_icon .p02 .swiper-button-prev:after{font-size: 14px;}
.product .pro_tit{margin-top: 5px;width: 100%;margin-left: 0%;padding-top: 10px;}
.product .pro_tit .title{font-size: 18px;padding-bottom: 10px;}
.product .pro_tit .text{font-size: 12px;line-height: 24px;}
.product .pro_detail{margin-top: 20px;}
.product .pro_detail .rd{padding: 10px 15px;}
.product .pro_detail .rd li{font-size: 15px;padding-bottom: 10px;margin-right: 30px;}
.product .pro_detail .part{margin-top: 10px;}
.product .pro_detail .part p{font-size: 14px;}
.product .item .img{padding: 10px;}
.product .item .text{padding: 10px 5px;}
.product .item .text p{font-size: 14px;}
.product .pj01 .swiper-button-next{width: 25px;height: 40px;}
.product .pj01 .swiper-button-prev{width: 25px;height: 40px;}
.product .pj01 .swiper-button-next:after,.product .pj01 .swiper-button-prev:after{font-size: 15px;}
}


/* about_pj */
.about_pj .cont01{padding: 80px 0;}
.about_pj .cont01 .item{width: 49%;margin-bottom: 2%;margin-right: 2%;}
.about_pj .cont01 .item:nth-child(even){margin-right: 0;}
.about_pj .cont01 .item .info{display: flex;flex-wrap: wrap;align-items: center;padding: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: all 0.5s;}
.about_pj .cont01 .item .info .img{overflow: hidden;width: 50%;}
.about_pj .cont01 .item .info .img img{transition: all 0.5s;}
.about_pj .cont01 .item .text h4{font-size: 20px;color: #333;font-weight: bold;}
.about_pj .cont01 .item .text p{font-size: 14px;color: #808080;line-height: 24px;margin-top: 15px;}
.about_pj .cont01 .item:hover .info{box-shadow: 0 0px 10px rgba(0,0,0,0.86);}
.about_pj .cont01 .item:hover .info .img img{transform: scale(1.04);}
.about_pj .cont01 .item .text{width: calc(50% - 40px);padding: 0 20px;}
.about_pj .cont02{padding-bottom: 80px;}
.about_pj .cont02 ul{position: relative;width: 100%;background: url(../images/pc2_bg.png)no-repeat center;background-size: cover; height: 606px;}
.about_pj .cont02 li{width: 16.6667%;position: absolute}
.about_pj .cont02 li:nth-child(2){top: 340px;left: 260px;}
.about_pj .cont02 li:nth-child(3){top:0;left: 520px;}
.about_pj .cont02 li:nth-child(4){top: 340px;left: 800px;}
.about_pj .cont02 li:nth-child(5){top:0;right: 250px;}
.about_pj .cont02 li:nth-child(6){top: 340px;right:0;}
.about_pj .cont02 li .img{width:193px;height:174px;margin:0 auto;transition:ease .5s;position:relative}
.about_pj .cont02 li .img span{display:block;position:absolute;font-size:60px;line-height:60px;color:rgba(17,41,139,.5);top:0;right:-25px;letter-spacing:3px}
.about_pj .cont02 li .img img{width:100%}
.about_pj .cont02 li .txt{width:100%;text-align:center;margin-top:20px}
.about_pj .cont02 li .txt h3{font-size:20px;line-height:30px;color: #333;}
.about_pj .cont02 li .txt p{font-size:15px;line-height:26px;color:#666;margin-top: 5px;}
.about_pj .cont02 li:hover .img{transform: translateY(-10px);}
.about_pj .cont03{padding: 80px 0 10px;background-color: #F6F6F6;}
.about_pj .cont03 ul{position: relative;padding-left: 50px;}
.about_pj .cont03 li{position:relative;width: 25%;margin-bottom: 70px;}
.about_pj .cont03 li.left{display: none;}
.about_pj .cont03 li .icon{width:90px;height:90px}
.about_pj .cont03 li .icon img{width:80px;}
.about_pj .cont03 li:hover .icon img{animation: shake 0.4s ease;}
.about_pj .cont03 li .bef{position:absolute;left: 0;bottom:45px;width: 100%;}
.about_pj .cont03 li .bef img{width: 100%;}
.about_pj .cont03 li.r_bef{position: absolute;right: 0;top: -5px;text-align: center;z-index: 99;}
.about_pj .cont03 li.r_bef .bef{top: 113px;width: auto;}
.about_pj .cont03 li.r_bef .bef img{width: 100%;}
.about_pj .cont03 li .tit{font-size:18px;color:#333;line-height:32px;margin-top:60px}
.about_pj .cont03 li.r_pro{position: absolute;right: 4%;top: 35%;text-align: center;width: auto;}
.about_pj .cont03 li.r_pro .icon{margin: 0 auto;}
.about_pj .cont03 li.r_pro .tit{margin-top: 0;}
.about_pj .cont04{padding: 80px 0;}
.about_pj .cont04 .item{position: relative;transition: all .5s ease-out 0s;}
.about_pj .cont04 .item .img{overflow: hidden;position: relative;padding: 20px;}
.about_pj .cont04 .item .img::after{position: absolute;content: "";left: 0;top: 0;border: 2px solid #DDDDDD;height: 100%;width: 100%;z-index: 99;transition: all 0.5s;}
.about_pj .cont04 .item .img::before{position: absolute;content: "";right: 0;top: 0;border: 2px solid #DDDDDD;height: 100%;width: 100%;z-index: 99;transition: all 0.5s;}
.about_pj .cont04 .item .img img{transition: all 0.5s;}
.about_pj .cont04 .item .text{padding: 15px 10px;background: #DDDDDD;transition: all 0.5s;}
.about_pj .cont04 .item .text p{font-size: 16px;text-align: center;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.about_pj .cont04 .item:hover{box-shadow: 6px 4px 10px #999;}
.about_pj .cont04 .item:hover .img::after{border: 2px solid #000;}
.about_pj .cont04 .item:hover .img::before{border: 2px solid #000;}
.about_pj .cont04 .item:hover .img img{transform: scale(1.04);}
.about_pj .cont04 .item:hover .text{background: #000;}
.about_pj .cont04 .item:hover .text p{color: #fff;}
.about_pj .cont04 .swiper-button-next{width: 36px;height: 60px;background: #000000a3;right: 0%;}
.about_pj .cont04 .swiper-button-prev{width: 36px;height: 60px;background: #000000a3;left: 0%;}
.about_pj .cont04 .swiper-button-next:after,.about_pj .cont04 .swiper-button-prev:after{font-size: 18px;color: #fff;}
@keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@media only screen and (max-width: 1550px){
.about_pj .cont02 ul{height: 560px;}
.about_pj .cont02 li:nth-child(2){top: 320px;left: 210px;}
.about_pj .cont02 li:nth-child(3){top:0;left: 460px;}
.about_pj .cont02 li:nth-child(4){top: 320px;left: 660px;}
.about_pj .cont02 li:nth-child(5){top:0;right: 215px;}
.about_pj .cont02 li:nth-child(6){top: 320px;right: 0px;}
.about_pj .cont03 ul{padding-left: 30px;}
.about_pj .cont03 li{width: 24%;}
.about_pj .cont03 li.r_bef{top: -3px;right: 4%;}
.about_pj .cont03 li.r_pro{right: 1%;}
}
@media only screen and (max-width:1440px){
.about_pj .cont02{padding-bottom: 130px;}
.about_pj .cont02 ul{height: 500px;}
.about_pj .cont02 li:nth-child(2){left: 200px;top: 280px;}
.about_pj .cont02 li:nth-child(3){left: 430px;}
.about_pj .cont02 li:nth-child(4){left: 635px;top: 280px;}
.about_pj .cont02 li:nth-child(5){right: 200px;}
.about_pj .cont02 li:nth-child(6){right: -10px;top: 280px;}
.about_pj .cont02 li .img{width: 170px;height: 150px;}
}
@media only screen and (max-width:1280px){
.about_pj .cont01 .item .text p{margin-top: 10px;}
.about_pj .cont02{padding-bottom: 40px;}
.about_pj .cont02 ul{background: none;height: auto;}
.about_pj .cont02 li{position: initial;}
.about_pj .cont02 li{width: 33.3%;margin-bottom: 40px;}
.about_pj .cont02 li .img{height: auto;text-align: center;}
.about_pj .cont02 li .img span{right: 0;}
.about_pj .cont02 li .txt p{width: 85%;margin: 0 auto;margin-top: 5px;}
.about_pj .cont03 li .icon{width: 80px;height: 80px;}
.about_pj .cont03 li .icon img{width: 70px;}
.about_pj .cont03 li .tit{margin-top: 43px;}
.about_pj .cont03 li:nth-child(5) .bef{top: 90px;}
.about_pj .cont03 li.r_bef .bef img{width: 90%;}
}
@media only screen and (max-width:1080px){
.about_pj .cont01{padding: 50px 0;}
.about_pj .cont01 .item .info .img{width: 100%;}
.about_pj .cont01 .item .text{width: 100%;padding: 20px 10px 10px 10px;}
.about_pj .cont02 li .img img{width: 90%;}
.about_pj .cont02 li .img span{font-size: 50px;letter-spacing: 1px;}
.about_pj .cont02 li .txt{margin-top: 10px;}
.about_pj .cont03{padding: 50px 0 0;}
.about_pj .cont03 ul{padding-left: 0;}
.about_pj .cont03 li{margin-bottom: 50px;text-align: center;}
.about_pj .cont03 li.left{display: block;}
.about_pj .cont03 li.right{display: none;}
.about_pj .cont03 li .icon{width: auto;height: auto;}
.about_pj .cont03 li .icon img{width: 60px;}
.about_pj .cont03 li .bef{display: none;}
.about_pj .cont03 li .tit{margin-top: 15px;font-size: 16px;line-height: initial;}
.about_pj .cont03 li.r_pro .tit{margin-top: 15px;}
.about_pj .cont03 li.r_pro{position: initial;width: 25%;}
.about_pj .cont04{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.about_pj .cont01 .item .text{padding: 15px 5px 5px 5px;}
.about_pj .cont01 .item .text h4{font-size: 16px;}
.about_pj .cont02 li .img{width: 140px;}
.about_pj .cont02 li .img img{width: 80%;}
.about_pj .cont02 li .img span{font-size: 40px;letter-spacing: 0px;}
.about_pj .cont02 li .txt{margin-top: 10px;}
.about_pj .cont02 li .txt h3{font-size: 18px;}
.about_pj .cont02 li .txt p{font-size: 14px;line-height: 24px;}
.about_pj .cont03 li{width: 25%;}
}
@media only screen and (max-width:520px){
.about_pj .cont01{padding: 25px 0;}
.about_pj .cont01 .item{width: 100%;margin-bottom: 15px;}
.about_pj .cont01 .item:nth-child(odd){margin-right: 0;}
.about_pj .cont01 .item:nth-last-child(1){margin-bottom: 5px;}
.about_pj .cont01 .item .text{padding: 10px 0 0 0;}
.about_pj .cont01 .item .text p{font-size: 13px;line-height: 22px;}
.about_pj .cont02{padding-bottom: 10px;}
.about_pj .cont02 li{width: 50%;margin-bottom: 15px;}
.about_pj .cont02 li .img{width: auto;}
.about_pj .cont02 li .img img{width: 65%;}
.about_pj .cont02 li .img span{font-size: 30px;letter-spacing: 0px;right: 15px;top: -10px;}
.about_pj .cont02 li .txt{margin-top: 5px;}
.about_pj .cont02 li .txt h3{font-size: 15px;line-height: 26px;}
.about_pj .cont02 li .txt p{font-size: 12px;line-height: 20px;margin-top: 0px;width: 95%;}
.about_pj .cont03{padding: 30px 0 10px;}
.about_pj .cont03 li{width: 33.3%;margin-bottom: 20px;}
.about_pj .cont03 li.r_pro{position: initial;width: 33.3%;}
.about_pj .cont03 li .icon img{width: 40px;}
.about_pj .cont03 li .tit{margin-top: 8px;font-size: 14px;}
.about_pj .cont03 li.r_pro .tit{margin-top: 8px;}
.about_pj .cont04{padding: 25px 0;}
.about_pj .cont04 .item .img{padding: 10px;}
.about_pj .cont04 .item .text{padding: 10px 5px;}
.about_pj .cont04 .item .text p{font-size: 14px;}
.about_pj .cont04 .swiper-button-next{width: 25px;height: 40px;}
.about_pj .cont04 .swiper-button-prev{width: 25px;height: 40px;}
.about_pj .cont04 .swiper-button-next:after,.about_pj .cont04 .swiper-button-prev:after{font-size: 15px;}
}

/* projectlist */
.projectlist{padding: 80px 0;}
.projectlist .item{width: 32%;margin-bottom: 2%;position: relative;margin-right: 2%;transition: all .5s ease-out 0s;}
.projectlist .item:nth-child(3n+3){margin-right: 0;}
.projectlist .item .pic{overflow: hidden;position: relative;}
.projectlist .item .text{padding: 15px 10px;background: #F3F3F3;}
.projectlist .item .text p{font-size: 16px;text-align: center;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.projectlist .item:hover{box-shadow: 0 5px 10px rgba(130,130,130,0.3);transform: translate(0,-10px);}
@media only screen and (max-width:1080px){
.projectlist{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.projectlist .item{width: 48%;margin-bottom: 4%;margin-right: 4%;}
.projectlist .item:nth-child(odd){margin-right: 4%;}
.projectlist .item:nth-child(even){margin-right: 0;}

}
@media only screen and (max-width:520px){
.projectlist{padding: 25px 0;}
.projectlist .item .text{padding: 10px 5px;}
.projectlist .item .text p{font-size: 14px;}
}

/* project */
.project{padding: 60px 0;}
.project .title{font-size: 24px;color: #333;margin-bottom: 30px;}
.project .pl{width: 67%;margin-right: 3%;}
.project .pr{width: 30%;}
.project .pj01{margin-bottom: 40px;}
.project .pj01 li{width: 32%; margin-right:2%;}
.project .pj01 li:nth-child(3){margin-right: 0;}
.project .pj01 li span{display:inline-block;float:left;font-size:40px;line-height:50px;color:#222}
.project .pj01 li .info{border-left:1px solid #e1e1e1;padding-left: 15px;margin-left: 55px;}
.project .pj01 li .info p{font-size: 16px;line-height: 26px;height: 25px;color:#333;margin-bottom:12px;}
.project .pj02{margin-bottom: 40px;}
.project .pj02 .text{font-size:16px;line-height:30px;color:#666;background:#f2f2f2;padding:15px 20px;margin-bottom:15px}
.project .pj03 p{margin-bottom: 10px;}
.project .pj03 p:nth-last-child(1){margin-bottom: 0;}
.project .r_cont{position: sticky;top: 125px;}
.project .r_cont .tit{font-size:22px;line-height:34px;color:#333;font-weight:700}
.project .r_cont .cont{font-size:15px;color:#666;margin-top:15px;line-height:2}
.project .r_cont .btn{margin-top:20px;margin-left:0;display:flex;align-items:center;justify-content:center}
.project .r_cont .btn a{z-index:99;transition:all .5s}
.project .r_cont .btn:hover a{color:#fff}
@media only screen and (max-width:1280px){
.project .pj01 li span{font-size: 32px;}
.project .pj01 li .info{padding-left: 10px;margin-left: 45px;}
.project .pj01 li .info p{height: 45px;line-height: 24px;}
}
@media only screen and (max-width:1080px){
.project{padding: 40px 0;}
.project .title{font-size: 22px;}
.project .pl{width: 100%;margin-right: 0;margin-bottom: 20px;}
.project .pr{width: 100%;}
}
@media only screen and (max-width:768px){
.project .title{margin-bottom: 15px;font-size: 20px;}
.project .pj01{margin-bottom: 20px;}
.project .pj01 li{width: 48%;margin-bottom: 2%;}
.project .pj01 li:nth-child(3){margin-right: 0;margin-bottom: 0;}
.project .pj01 li .info p{height: auto;}
.project .pj02{margin-bottom: 20px;}
.project .pj02 .text{font-size: 15px;padding: 15px;}
.project .r_cont .tit{font-size: 20px;}
}
@media only screen and (max-width:520px){
.project{padding: 25px 0;}
.project .title{margin-bottom: 15px;font-size: 17px;font-weight: bold;}
.project .pl{margin-bottom: 10px;}
.project .pj01{margin-bottom: 15px;}
.project .pj01 li{width: 100%;margin-bottom: 15px;}
.project .pj01 li:nth-child(3){margin-right: 0;margin-bottom: 0;}
.project .pj01 li span{font-size: 28px;}
.project .pj01 li .info{padding-left: 10px;margin-left: 40px;}
.project .pj01 li .info p{height: auto;line-height: 22px;font-size: 13px;margin-bottom: 6px;}
.project .pj02{margin-bottom: 20px;}
.project .pj02 .text{font-size: 13px;padding: 10px;margin-bottom: 0px;line-height: 24px;}
.project .pj03 p{margin-bottom: 5px;}
.project .r_cont .tit{font-size: 17px;line-height: 28px;}
.project .r_cont .cont{font-size: 13px;margin-top: 8px;line-height: 24px;}
.project .r_cont .btn{margin-top: 15px;}
}