/* title */
.nei_tit{margin-bottom: 50px;}
.nei_tit .title{font-size: 36px;font-weight: bold;margin-bottom: 10px;}
.nei_tit .tit{font-size: 18px;color: #565656;}
@media screen and (max-width:1080px){
.nei_tit .title{font-size: 30px;}
}
@media screen and (max-width:640px){
.nei_tit{margin-bottom: 20px;}
.nei_tit .title{font-size: 22px;}
.nei_tit .tit{font-size: 14px;}
}


/* banner */
.banner .img-con img{width:100%;object-fit:cover;object-position:center}
.banner .img-con img.mobile{display:none}
.banner .con-img{width:70%;position:absolute;top:50%;transform:translatey(-50%);left:10%;color:#fff;font-style:italic}
.banner .con-img img{transition: all .4s ease;}
.banner .text{position:absolute;width: 100%;left: 50%;transform:translatex(-50%);top: 50%; cursor:pointer;text-align: center;animation:move 2s linear 0s infinite;}
.banner .text h2{font-size: 50px;font-weight: bold;background: linear-gradient(to top, #fff, #666);-webkit-background-clip: text;color: transparent;}
.banner .text p{font-size: 40px;font-weight: bold;background: linear-gradient(to top, #fff, #666);-webkit-background-clip: text;color: transparent;}
.banner .t_shubiao{position:absolute;width: auto;left: 50%;transform:translatex(-50%);bottom:80px;cursor:pointer;text-align: center;animation:move 2s linear 0s infinite;}
.banner .t_shubiao img{}
.banner .t_shubiao p{color: #fff;margin-top: 5px;}
.banner .swiper-pagination-bullets{position: absolute;bottom: inherit;display: block;list-style: none;text-align: center;width: 30px;top: 50%;left: 4%;transform: translate(-50%,-50%);z-index: 90;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;background:rgba(255,255,255);margin:10px 8px;opacity:1;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width: 20px;height: 20px;transition:all .3s;border-radius:100px;position:relative;top: -6px;left: -6px;content:"";display:block;animation:ruixien 5.5s infinite;background: rgb(249 249 249 / 40%);}
.banner .swiper-button-prev{width: 50px;height: 50px;border: 1px solid #fff;background: #fff; position: absolute;top: 35%;left: 94%;transform: translatey(-50%);}
.banner .swiper-button-prev:after{font-size: 24px;color: #000;font-weight: bold;}
.banner .swiper-button-prev:hover{background-color: #004f2b;border: 1px solid #004f2b;}
.banner .swiper-button-prev:hover:after{color: #fff;}
.banner .swiper-button-next{width: 50px;height: 50px;border: 1px solid #fff;background: #fff;  top: 42%;left: 94%;transform: translatey(-50%);}
.banner .swiper-button-next:after{font-size: 24px;color: #000;font-weight: bold;}
.banner .swiper-button-next:hover{background-color: #004f2b;border: 1px solid #004f2b;}
.banner .swiper-button-next:hover:after{color: #fff;}
.banner .swiper-button-next.swiper-button-disabled,.banner  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
@keyframes move{0%{bottom:80px}50%{bottom:40px}100%{bottom:80px}}

@media screen and (max-width:1080px){
.banner .swiper-button-next ,.banner .swiper-button-prev{display: none;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width: 16px;height: 16px;top: -4.5px;left: -4px;}
.banner .t_shubiao img{width: 30px;}
}
@media screen and (max-width:768px){
.banner .swiper-pagination-bullets{bottom: 10px;left:50%;width: fit-content;top: auto;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 6px 6px;}
.banner .text{top: 40%;}
.banner .text h2{font-size: 26px;}
.banner .text p{font-size: 20px;}
.banner .t_shubiao{display: none;}
.banner .img-con img.mobile{display: block;}
.banner .img-con img.pc{display: none;}
@keyframes move{0%{bottom:40px}50%{bottom:20px}100%{bottom:40px}}
}

/* in_ab */
.in_ab{padding-top: 90px;background: url(/uploads/image/tdimages/ab_ag.png);}
.in_ab .left{width: 50%;position: relative;}
.in_ab .left .info{padding: 140px 10% 40px 16%;}
.in_ab .left .info .text{font-size: 16px;line-height: 2;margin-bottom: 80px;}
.in_ab .left .info .btn{background: linear-gradient(to top, #028b4c, #004f2b);width: fit-content;position: relative;transition: all 0.3s;border: 1px solid #004f2b;padding: 10px 30px;z-index: 8;}
.in_ab .left .info .btn a{color: #fff;z-index: 99;transition: all 0.3s;}
.in_ab .left .info .btn::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#fff;transform:scalex(0);transform-origin:right;-webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);-moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);-o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);transition:transform .6s cubic-bezier(.785,.135,.15,.86);}
.in_ab .left .info .btn:hover a{color: #004f2b;z-index: 99;}
.in_ab .left .info .btn:hover::before {transform: scalex(1);transform-origin: left;}
.in_ab .left .big{position: absolute;left: 0;bottom:10px;}
.in_ab .left .big img{width:90%;}
.in_ab .right{width: 50%;position: relative;}
.in_ab .right .img{}
.in_ab .right .pic{position: absolute;top: 0;left: 0;animation: fn3-a 1.2s cubic-bezier(.49, .54, .16, 1);animation-fill-mode: both;transform-origin: 0 0;}
.in_ab .right .videolist{position: absolute;top: 60%;left: 50%;width: auto;transform: translate(-50%,-50%);transition: all .5s;z-index: 2;}
.in_ab .right .videolist::before{width: 70px;height: 70px;position:absolute;left: 50%;top: 45%;border: 1.5px dashed #fff;border-radius:50%;-webkit-transform:translate(-50%,-50%);content:'';-webkit-animation:sysanimate 50s linear infinite;}
@-webkit-keyframes sysanimate{from{-webkit-transform:translate(-50%,-50%) rotate(0)}
to{-webkit-transform:translate(-50%,-50%) rotate(360deg)}
}
@media (max-width:1850px){
.in_ab .left .info{padding: 125px 10% 40px 12%;}
}
@media (max-width:1380px){
.in_ab .left .info{padding: 36px 10% 40px 11%;}
}
@media (max-width:1080px){
.in_ab{padding-top: 50px;}
.in_ab .left{width: 100%;}
.in_ab .left .info{padding: 36px 6% 40px 6%;}
.in_ab .right{width: 100%;}
.in_ab .right .img img{width: 100%;}
.in_ab .right .pic{bottom: 0;top: auto;}
.in_ab .right .pic img{width: 100%;}
}
@media (max-width:640px){
.in_ab{padding-top: 30px;}
.in_ab .left .info{padding: 0 6% 30px 6%;}
.in_ab .left .info .text{font-size: 14px;margin-bottom: 25px;}
.in_ab .left .info .btn{padding: 6px 28px;}
.in_ab .right .videolist img{width: 50px;}
.in_ab .right .videolist::before{width: 55px;height: 55px;}
}

/* in_news */
.in_news{padding: 90px 0;}
.in_news .hd{align-items: center;margin-bottom: 60px;justify-content: space-between;}
.in_news .hd .nei_tit{margin-bottom: 0;}
.in_news .hd .li a{border: 1px solid #333;color: #333;margin-left: 30px;padding: 0 30px;height: 40px;line-height: 40px;font-size: 15px;font-weight: bold;}
.in_news .hd .li a.hover{color: #fff;background: linear-gradient(to top, #028b4c, #004f2b);}
.in_news .item{width: 32%;margin-right: 2%;}
.in_news .item:nth-child(3n 3){margin-right: 0;}
.in_news .item .img{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;}
.in_news .item .img img{transition: all 1s;height: 100%;object-fit: cover;width: 100%;position: absolute;}
.in_news .item .info .date{color: #332c2b;font-size: 16px;font-weight: bold;margin: 15px 0 20px 0;}
.in_news .item .info .t1{font-size: 20px;color: #000;font-weight: bold;padding-bottom: 10px;margin-bottom: 10px;border-bottom:1px solid #dbdbdb;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.in_news .item .info .t1 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.in_news .item .info .t2{font-size: 16px;line-height: 1.8;color: #a0a0a0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.in_news .item :hover .img img{transform: scale(1.1);}
.in_news .item :hover .info .t1{color: #004f2b;}
.in_news .hd .f_mo{justify-content: space-between;align-items: center;}
.in_news .btn{background: linear-gradient(to top, #028b4c, #004f2b);width: fit-content;position: relative;transition: all 0.3s;border: 1px solid #004f2b;padding: 6px 28px;z-index: 8;display: none;height: fit-content;}
.in_news .btn a{color: #fff;z-index: 99;transition: all 0.3s;}
@media (max-width:1080px){
.in_news{padding: 50px 0;}
}
@media (max-width:768px){
.in_news{padding: 30px 0;}
.in_news .hd{margin-bottom: 20px;}
.in_news .hd .li{display: none;}
.in_news .hd .f_mo{width: 100%;}
.in_news .item{width: 100%;}
.in_news .item:nth-child(1){margin-bottom: 20px;}
.in_news .item:nth-last-child(1){display: none;}
.in_news .item .info .date{margin: 10px 0;}
.in_news .item .info .t1{font-size: 16px;}
.in_news .item .info .t2{font-size: 13px;}
.in_news .btn{display: block;}
}

/* in_al */
.in_al{background:url(/uploads/image/tdimages/in_al_ag.png);background-size:cover;padding-bottom:90px}
.in_al .top{padding:45px 0}
.in_al .btn{background:linear-gradient(to top,#028b4c,#004f2b);width:fit-content;position:relative;transition:all .3s;border:1px solid #004f2b;padding:10px 30px;z-index:8;margin:0 auto;margin-right:0}
.in_al .btn a{color:#fff;z-index:99;transition:all .3s}
.in_al .btn::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#fff;transform:scalex(0);transform-origin:right;-webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);-moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);-o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);transition:transform .6s cubic-bezier(.785,.135,.15,.86)}
.in_al .btn:hover a{color:#004f2b;z-index:99}
.in_al .btn:hover::before{transform:scalex(1);transform-origin:left}
.in_al .btn.mo{display:none}
.in_al .hd{width:20%;margin-right:5%}
.in_al .hd li{margin-bottom:30px}
.in_al .hd li a{font-size:18px;transition:.3s}
.in_al .hd li.on a{background:linear-gradient(to top,#028b4c,#004f2b);color:#fff;padding:10px 30px}
.in_al .bd{width:75%}
.in_al .bd .item{display:flex;flex-wrap:wrap}
.in_al .bd .item .l{margin-right:1.5%;width:48.5%;max-height:730px}
.in_al .bd .item .l .img{position:relative;padding-bottom:105%;width:100%;height:0;overflow:hidden}
.in_al .bd .item .l .img img{height:100%;width:100%;position:absolute;object-fit:cover}
.in_al .bd .item .l .showbox{position:absolute;top:0;left:0;width:100%;height:100%;max-height:655px;opacity:0;background:#028b4ccc;transition:all .5s ease}
.in_al .bd .item .l .showbox .showboxlink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:1rem;padding:.5rem 0}
.in_al .bd .item .l .showbox .showboxlink::before{content:'';position:absolute;top:0;left:50%;transform:translatex(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}
.in_al .bd .item .l .showbox .showboxlink::after{content:'';position:absolute;bottom:0;left:50%;transform:translatex(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}
.in_al .bd .item .l .img:hover .showbox{opacity:1}
.in_al .bd .item .l .img:hover .showboxlink::before{width:1rem}
.in_al .bd .item .l .img:hover .showboxlink::after{width:1rem}
.in_al .bd .item .l .text{background:#fff;font-size:18px;font-weight:700;padding:25px 20px}
.in_al .bd .item .r{width:48.5%;margin-left:1.5%;max-height:730px}
.in_al .bd .item .r .li:nth-child(1){margin-bottom:5%}
.in_al .bd .item .r .img{position:relative;padding-bottom:50%;width:100%;height:0;overflow:hidden}
.in_al .bd .item .r .img img{height:100%;object-fit:cover;width:100%;position:absolute}
.in_al .bd .item .r .showbox{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:#028b4ccc;transition:all .5s ease}
.in_al .bd .item .r .showbox .showboxlink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:1rem;padding:.5rem 0}
.in_al .bd .item .r .showbox .showboxlink::before{content:'';position:absolute;top:0;left:50%;transform:translatex(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}
.in_al .bd .item .r .showbox .showboxlink::after{content:'';position:absolute;bottom:0;left:50%;transform:translatex(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}
.in_al .bd .item .r .img:hover .showbox{opacity:1}
.in_al .bd .item .r .img:hover .showboxlink::before{width:1rem}
.in_al .bd .item .r .img:hover .showboxlink::after{width:1rem}
.in_al .bd .item .r .text{background:#fff;font-size:18px;font-weight:700;padding:25px 20px}
/* @media (max-width:1500px){
.in_al .bd .item .r .li:nth-child(1){margin-bottom: 12.3px;}
}
 */
@media (max-width:1080px){
.in_al{padding-bottom: 50px;}
.in_al .top{display: none;}
.in_al .nei_tit{margin-bottom: 0px;}
.in_al .hd{width: 100%;margin-right: 0;}
.in_al .hd .m2{align-items: center;margin: 30px 0;}
.in_al .btn.mo{display: block;height: fit-content;}
.in_al .btn{padding: 6px 28px;}
.in_al .hd ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.in_al .bd{width: 100%;}
.in_al .bd .item .l .text{padding: 20px;font-size: 16px;}
.in_al .bd .item .l .showbox .showboxlink{font-size: 16px;}
.in_al .bd .item .r .text{font-size: 16px;padding: 21.3px 20px;}
}
@media (max-width:768px){
.in_al{padding-bottom: 30px;}
.in_al .hd li{width: 50%;text-align: center;margin-bottom: 25px;}
.in_al .hd li a{font-size: 16px;}
.in_al .hd li.on a{padding: 6px 28px;}
.in_al .bd .item .r .text{padding: 10px 20px;}
}
@media (max-width:520px){
.in_al .bd .item .l{width: 100%;margin-right: 0;margin-bottom:4%;}
.in_al .bd .item .l .text{padding: 10px;text-align: center;font-size: 14px;}
.in_al .bd .item .l .img{max-height: 300px;overflow: hidden;}
.in_al .bd .item .r{width: 100%;margin-left: 0;display: flex;}
.in_al .bd .item .r .li{width: 48%;}
.in_al .bd .item .r .li:nth-child(1){margin-right: 4%;margin-bottom: 0;}
.in_al .bd .item .r .text{text-align: center;font-size: 14px;}

}


/* 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(/uploads/image/tdimages/conse.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.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-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}
}

 
.yindao{position:fixed;left:0;top:0;width:100%;height: 100%;overflow: hidden;opacity:0;visibility: hidden;z-index: 999999;}
.yindao.show{opacity:1 !important;visibility: visible !important;z-index: 998;}
.yindao .yd_wrap{width: 100%;height: 100%;position: relative;overflow: hidden;transition: all .5s cubic-bezier(.4, 0, .2, 1);}
.yindao .yd_wrap::after{content: "";position: absolute;width: 100%;height: 100%;}
.yindao .img_logo{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 100%;height: 100%; opacity: 1;visibility: visible;z-index: 9999;}
.yindao .img_logo img {margin: 0 auto;animation: size-up 8s ease-out forwards;z-index: 9999;width: 100%;height: 100%;}
.yindao .img_logo .m{display: none;}
.yindao .img_logo .m{position: relative;}
.yindao .img_logo .m::after{content: "";background: #fff;width: 100%;height: 100%;position: absolute;}
.yindao .img_logo .p{display: block;}
.yindao .yd_wrap.act .img_logo{opacity: 0 !important;transition-delay: 2s;-webkit-transition-delay: 2s;}
.yindao .yd_wrap.act .line{opacity: 0 !important;transition-delay: 2s;-webkit-transition-delay: 2s;}
@keyframes floatup{from{transform:translate(-50%,-50%) scale(1);opacity:1}
to{transform:translate(-50%,-50%) scale(1);opacity:0}
}
@keyframes size-up{from{transform:scale(1)}
to{transform:scale(3)}
}
@keyframes size-up{from{transform:scale(1)}
to{transform:scale(3)}
}


/* @media only screen and (min-width:640px){
.yindao .img_logo .m{display: block;}
.yindao .img_logo .p{display: none;}
} */

@media(max-width:960px){
/* .yindao.show{background: #fff;} */
.yindao .img_logo{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 80%;z-index: 4;max-width: 80%;opacity: 1;visibility: visible;}
.yindao .img_logo .m{display: none;}
.yindao .img_logo .p{display: none;}
@keyframes size-up{from{transform:scale(1)}
to{transform:scale(2.5)}
}
}