@import "font-awesome.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
.wrap{width:100%;max-width:1600px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}
body{background:#F2F5F6}

.top{height:80px;background:#0D6F90;display:flex;align-items: center;}
.top .lang{display:flex;align-items: center;}
.top .lang h3{display:flex;align-items: center;}
.top .lang h3 span{color:#FFFFFF;font-size:16px;text-transform:uppercase;}
.top .lang h3 img{margin-top:3px;margin-left:10px;}
.top .lang a{margin-left:10px;display:flex;align-items: center;}
.top .lang a span{color:#fff;position: relative;font-size:14px;margin-left:5px;}
.top .lang a span::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;transform:scaleX(0);transition:transform 0.3s ease-in-out;}
.top .lang a:hover span::after{transform:scaleX(1);}

.banner{position: relative;;overflow: hidden;}
.banner .p{height:100%;}
.banner .p img{width:100%;height:100%;object-fit: cover;}

.header{transition-duration:.5s;position:fixed;top:80px;left:0;z-index:99999999;width:100%;height:45px;background:rgba(0,0,0,.5);display:flex;align-items: center;}
.header .menu{display:flex;align-items: center;}
.header .menu .item{margin-right:40px;position: relative;}
.header .menu .item h3 a{display:flex;align-items: center;height:45px;text-transform:uppercase;color:#fff;font-size:18px;}
.header .menu .item.on h3 a,.header .menu .item:hover h3 a{color:var(--on-color);}
.header .menu .item .sub{position:absolute;top:45px;left:0;width:200px;background:#F2F5F6;box-shadow:0 0 10px rgba(0,0,0,.1);transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;}
.header .menu .item .sub a{display:flex;overflow: hidden;position: relative;align-items: center;height:40px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.3);background:#0D6F90;color:#fff;font-size:16px;}
.header .menu .item .sub a span{position: relative;z-index:1;}
.header .menu .item .sub a::after{content:"";transition-duration:.5s;position:absolute;top:0;left:-100%;width:100%;height:40px;background:#080404;}
.header .menu .item .sub a:hover::after{left:0;}
.header .menu .item:hover .sub{transform: scaleY(1);}
.header .menu .item .prosub{position:fixed;top:125px;left:0;width:100%;background:#F2F5F6;box-shadow:0 0 10px rgba(0,0,0,.1);transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;}
.header .menu .item .prosub .wrap{display:flex;}
.header .menu .item .prosub .pitem{width:calc(100% / 4 - 30px);padding:25px 0;margin-right:40px;}
.header .menu .item .prosub .pitem:last-child{margin-right:0;}
.header .menu .item .prosub .pitem a{display:block;width:100%;}
.header .menu .item .prosub .pitem .pic{width:100%;height:230px;position: relative;;display:flex;align-items: center;justify-content: center;object-fit: cover;background:#fff;border:1px solid #0D6F90;}
.header .menu .item .prosub .pitem .pic img{width:100%;position: absolute;left:0;top:0;height:100%;transition-duration:.4s}
.header .menu .item .prosub .pitem .pic img:nth-child(2){left:-100%;}
.header .menu .item .prosub .pitem:hover .pic img:nth-child(2){left:0;}
.header .menu .item .prosub .pitem:hover .pic img:nth-child(1){top:-100%;}
.header .menu .item .prosub .pitem .p{padding-top:10px;font-size:18px;color:#080404}
.header .menu .item .prosub .pitem:hover .p{color:var(--on-color);}
.header .menu .item:hover .prosub{transform: scaleY(1);}
.header .info{display:flex;align-items: center;}
.header .info a{margin-left:25px;}
.header.height{top:0;background:#080404;}
.header.height .menu .item .prosub{top:45px}

.pc-menu{display:flex;align-items: center;justify-content: center;margin-bottom:60px;position:relative;z-index:999;}
.pc-menu .item{margin-right:20px;background:#FFFFFF;position: relative;min-width:210px;}
.pc-menu .item:last-child{margin-right:0;}
.pc-menu .item h3 a{display:flex;align-items: center;color:#202020;font-size:16px;padding:0 15px;width:100%;height:50px;border:2px solid #0D6F90;}
.pc-menu .item.on h3 a,.pc-menu .item:hover h3 a{color:#fff;background:var(--on-color);}
.pc-menu .item .sub{position:absolute;top:50px;border-top:3px solid #F2F5F6;z-index:99;left:0;width:100%;background:#F2F5F6;box-shadow:0 0 10px rgba(0,0,0,.1);transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;}
.pc-menu .item .sub a{display:flex;overflow: hidden;position: relative;align-items: center;height:40px;padding:0 15px;border-bottom:1px solid #3D8CA6;background:#0D6F90;color:#fff;font-size:16px;}
.pc-menu .item .sub a span{position: relative;z-index:1;}
.pc-menu .item .sub a::after{content:"";transition-duration:.5s;position:absolute;top:0;left:-100%;width:100%;height:40px;background:#080404;}
.pc-menu .item .sub a:hover::after{left:0;}
.pc-menu .item:hover .sub{transform: scaleY(1);}

.list-news .list .item{width:calc(100% / 3 - 40px);margin:0 60px 60px 0;}
.list-news .list .item:nth-child(3n){margin-right:0;}
.list-news .list .item .txt{padding-top:20px}
.list-news .list .item .txt h3{transition-duration:.4s;font-size:18px;color:#080404;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .list .item .txt span{font-size:16px;margin-bottom:23px;color:#080404;opacity:.5;display:block;padding:11px 0 25px 0;border-bottom:1px solid #D8DBDB;}
.list-news .list .item .txt p{font-size:16px;height:96px;color:#535353;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.list-news .list .item:hover .txt h3{color:var(--on-color);}
.list-news .content .title{font-size:18px;color:#080404;line-height:24px;}
.list-news .content .time{font-size:16px;color:#080404;opacity:.5;padding:10px 0 25px 0;border-bottom:1px solid #D8DBDB}
.list-news .content .body{font-size:16px;color:#080404;line-height:24px;padding:23px 0;}
.list-news .content .body p{margin-bottom:18px;}
.list-news .content .updown{border-top:1px solid #D8DBDB;padding:35px 0;}
.list-news .content .updown .btn{width:110px;height:40px;display:flex;align-items: center;justify-content: center;background:#0D6F90;}
.list-news .content .updown .btn span{margin-left:10px;color:#fff;}
.list-news .content .updown .btn:hover{border-radius:40px;}

.list-alt{display:flex;align-items: center;margin-bottom:60px}
.list-alt h2{font-size:36px;color:#080404;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-alt .line{width:120px;height:6px;background:#000000;margin-left:15px}

.roll-left{background:#0D6F90;padding:35px 0;overflow: hidden;}
.roll-left .list{animation: scrollLeft 20s linear infinite;display:flex;align-items: center;flex-wrap: nowrap;width:100%;}
.roll-left .list .item{white-space: nowrap;margin-right:50px;font-size:48px;color:#FFFFFF;font-family: 'Barlow-Bold';}
@keyframes scrollLeft {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}

.index-footer{background:url(../images/footer_bg.jpg) no-repeat center center / cover;height:660px;color:#fff;}
.index-footer .footer{padding:70px 0 90px;}
.footer .left{width:50%}
.footer .left h2{font-size:18px;line-height:24px;color:#FFFFFF;}
.footer .left .bd{margin-top:25px;}
.footer .left .bd .item{width:calc(100% / 3)}
.footer .left .bd .item h3{margin-bottom:26px;}
.footer .left .bd .item h3 a{border-bottom:1px solid #fff;font-size:24px;color:#FFFFFF;text-transform:uppercase;font-family: 'Barlow-Bold';}
.footer .left .bd .item p a{font-size:16px;line-height:36px;color:#FFFFFF;}
.footer .left .bd .item p a:hover{color:#0D6F90;padding-left:10px;}
.footer .left .bd .item .info .item{display:flex;align-items: center;width:100%;margin-bottom:15px;}
.footer .left .bd .item .info .item .i{width:30px;display:flex;align-items: center;}
.footer .left .bd .item .info .item .p{width:calc(100% - 30px);}
.footer .left .bd .item .info .item .p p{line-height:26px;color:#fff;}
.footer .left .bd .item .info .item .p a{padding-left:0 !important;color:#fff;}
.footer .left .bd .item .ico{display:flex;align-items: center;padding-top:19px;}
.footer .left .bd .item .ico a{margin-right:20px;position: relative;color:#fff}
.footer .left .bd .item .ico a::after{content:'';position:absolute;top:0;right:-12px;width:1px;height:16px;background:#fff;}
.footer .left .bd .item .ico a:last-child{margin-right:0;}
.footer .left .bd .item .ico a:last-child::after{display:none;}
.footer .right{width:36%;}
.footer .right h2{font-size:30px;line-height:36px;text-decoration: underline;font-family: 'Barlow-Bold';text-transform:uppercase;;}
.footer .right h3{font-size:16px;line-height:24px;margin:22px 0 25px;}
.footer .right input{width:100%;height:50px;padding:0 10px;display:block;margin:15px 0;font-size:16px;color:#070C0E}
.footer .right .p{display:flex;align-items: center;}
.footer .right .p h5{margin-left:45px;padding-left:20px;position: relative;cursor: pointer;}
.footer .right .p h5::after{width:12px;height:12px;background:#fff;border-radius:100%;position: absolute;left:0;top:4.5px;content:""}
.footer .right .p h5::before{width:6px;height:6px;background:#0D6F90;border-radius:100%;position: absolute;z-index:22;left:3px;top:7px;content:""}
.footer .right .g{margin:14px 0 16px;cursor: pointer;padding-left:20px;position: relative;}
.footer .right .g::after{width:12px;height:12px;background:#fff;position: absolute;left:0;top:50%;transform: translateY(-50%);content:""}
.footer .right .g::before{width:10px;height:7px;background:url(../images/ico2.png);position: absolute;left:2px;z-index:2;top:50%;transform: translateY(-50%);content:""}
.footer .right .btn{transition-duration:.4s;width:100%;height:40px;background:#0D6F90;display:flex;align-items: center;justify-content: center;font-size:16px;color:#fff;cursor: pointer;;}
.footer .right .btn img{margin-left:10px;}
.footer .right .btn:hover{border-radius:40px}
.bottom{border-top:1px solid #202527;padding-top:50px;}
.bottom p,.bottom p a{font-size:16px;color:#FFFFFF;text-transform:uppercase;}
.bottom p a{margin-left:10px;}

.list-pro .list .item{width:calc(100% / 4 - 25.5px);margin:0 34px 40px 0;background:#fff;transition-duration:.5s;}
.list-pro .list .item:nth-child(4n){margin-right:0;}
.list-pro .list .item .txt{padding:25px 20px;position: relative;border-top:1px solid #DADADA}
.list-pro .list .item .txt .i{position: absolute;right:20px;top:25px;}
.list-pro .list .item .txt .i img{height:18px;}
.list-pro .list .item .txt h3{font-size:24px;color:#0D6F90;font-family: 'Barlow-Bold';margin-bottom:15px;}
.list-pro .list .item .txt h4{font-size:18px;color:#080404;font-family: 'Barlow-Bold';}
.list-pro .list .item .txt p{font-size:16px;color:#080404;opacity:.5;}
.list-pro .list .item:hover{box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.list-pro .list-alt{margin-bottom:30px;}
.list-pro .show-body{padding-bottom:40px;}
.list-pro .show-body ul{display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap;}
.list-pro .show-body ul li{width:calc(50% - 30px);font-size:16px;height:50px;color:#080404;display:flex;align-items: center;border-bottom:1px solid #C3C5C6}
.list-pro .show_head{padding:20px;background:#fff;margin-bottom:40px;}
.list-pro .show_head .show_swiper{display:none;}
.list-pro .show_head .show_box .tupian_list{width:745px;}
.list-pro .show_head .show_box .tupian_list .datu{width:calc(100% - 110px);}
.list-pro .show_head .show_box .tupian_list .datu img{width:100%;}
.list-pro .show_head .show_box .tupian_list .xiaotu{width:90px;}
.list-pro .show_head .show_box .tupian_list .xiaotu li{transition-duration:.4s;display:flex;align-items: center;justify-content: center;width:90px;height:90px;border:1px solid #070C0E;margin-bottom:10px;}
.list-pro .show_head .show_box .tupian_list .xiaotu li:hover{border-color:#0D6F90;}
.list-pro .show_head .show_box .tupian_list .xiaotu .btn{display:flex;align-items: center;}
.list-pro .show_head .show_box .tupian_list .xiaotu .btn a{width:50%;height:36px;display:flex;align-items: center;justify-content: center;background:#070C0E;}
.list-pro .show_head .show_box .tupian_list .xiaotu .btn a.pro_next img{transform: rotate(90deg);}
.list-pro .show_head .show_box .tupian_list .xiaotu .btn a.pro_prev img{transform: rotate(-90deg);}
.list-pro .show_head .show_box .tupian_list .xiaotu .btn a:hover{background:#0D6F90;}
.list-pro .show_head .show_box .info_list{width:calc(100% - 785px);}
.list-pro .show_head .show_box .info_list .alt .flex{padding:20px 0;align-items: center;}
.list-pro .show_head .show_box .info_list .alt h2{font-size:24px;color:#0D6F90;font-family: 'Barlow-Bold';}
.list-pro .show_head .show_box .info_list .c{border-top:1px solid #D2D2D2;padding-top:15px}
.list-pro .show_head .show_box .info_list .c h3{font-size:18px;color:#080404;font-family: 'Barlow-Bold';}
.list-pro .show_head .show_box .info_list .c p{font-size:16px;color:#080404;opacity:.5;}
.list-pro .show_head .show_box .info_list .i{display:flex;align-items: center;border-bottom:1px solid #D2D2D2;padding:15px 0;margin:15px 0;}
.list-pro .show_head .show_box .info_list .i a{width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content: center;margin-right:10px;background:#000000;color:#fff;}
.list-pro .show_head .show_box .info_list .i a:hover{border-radius:100%;background:#0D6F90}
.list-pro .show_head .show_box .info_list .m{margin-top:50px;padding:13px 18px 18px 18px;border:1px solid #A7A7A7;border-radius:4px;background:#fff;}
.list-pro .show_head .show_box .info_list .m h3{margin-bottom:10px;font-size:24px;color:#212121;font-family: 'Barlow-Bold';}
.list-pro .show_head .show_box .info_list .m p{font-size:16px;color:#191A1C;line-height:24px;}
.list-pro .show_head .show_box .info_list .m li{display:flex;align-items: center;width:100%;height:44px;border-bottom:1px solid #D2D2D2;}
.list-pro .show_head .show_box .info_list .m li span{color:#191A1C;width:60px;}
.list-pro .show_head .show_box .info_list .m li a{width:calc(100% - 60px);color:#191A1C}
.list-pro .show_head .show_box .info_list .m li a:hover{color:#0D6F90}
.list-pro .show_head .show_box .info_list .m .message_btn{transition-duration:.5s;width:100%;height:40px;display:flex;align-items: center;justify-content: center;border-radius:4px;background:#0D6F90;color:#fff;margin-top:15px;cursor: pointer;}
.list-pro .show_head .show_box .info_list .m .message_btn span{margin-left:10px}
.list-pro .show_head .show_box .info_list .m .message_btn:hover{border-radius:30px;}

.list-contact{padding:80px 0 100px}
.list-contact .left{width:330px;padding-top:20px;}
.list-contact .left .fixed{position:sticky;top:100px;}
.list-contact .left .t1{display:flex;align-items: center;}
.list-contact .left .t1 img:first-child{margin-right:25px;}
.list-contact .left .t2{margin:15px 0 25px;background:url(../images/ico33.png) no-repeat top 8px right 0px;}
.list-contact .left .t2 h2{font-size:48px;color:#080404;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;}
.list-contact .left .p{font-size:16px;color:#080404;line-height:26px;}
.list-contact .right{width:calc(100% - 500px);}
.list-contact .right .info .item{display:flex;padding:22px 0;border-bottom:1px solid #C3C5C6;width:100%;}
.list-contact .right .info .flex .item{width:calc(50% - 20px);}
.list-contact .right .info .item .i{width:65px;display:flex;align-items: center;}
.list-contact .right .info .item .p{width:calc(100% - 65px);}
.list-contact .right .info .item .p h3{font-size:18px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-contact .right .info .item .p p{margin-top:8px;}
.list-contact .right .form{padding-top:40px;}
.list-contact .right .form input{transition-duration:.4s;border:1px solid #BCBCBC;width:100%;padding:0 10px;border-radius:5px;height:50px;display:flex;align-items: center;background:#fff;color:#070C0E;margin-bottom:30px;}
.list-contact .right .form textarea{transition-duration:.4s;border:1px solid #BCBCBC;width:100%;padding:10px;border-radius:5px;height:150px;display:flex;align-items: center;background:#fff;color:#070C0E;margin-bottom:30px;}
.list-contact .right .form input:hover,.list-contact .right .form textarea:hover{border-color:#0D6F90;color:#0D6F90}
.list-contact .right .form input::placeholder,.list-contact .right .form textarea::placeholder{color:#191A1C;}
.list-contact .right .form .btn{transition-duration:.4s;cursor: pointer;;width:170px;height:50px;color:#fff;border-radius:4px;background:#0D6F90;display:flex;align-items: center;justify-content: center;}
.list-contact .right .form .btn span{margin-left:10px;}
.list-contact .right .form .btn:hover{border-radius:30px;}
.list-contact .right .form .code_box{width:calc(100% - 200px);position: relative;}
.list-contact .right .form .code_box input{margin:0;}
.list-contact .right .form .code_box img{height:48px;position: absolute;bottom:1px;right:1px;}

.list-about-ebook{border-top:1px solid #D4D8DA;padding:80px 0;}
.list-about-ebook .hd{position: relative;}
.list-about-ebook .hd .web{position: absolute;right:30px;font-size:18px;color:#383838;bottom:50px;text-transform:uppercase;}
.list-about-ebook .hd .name{font-size:18px;color:#C1C1C1;font-family: 'Barlow-Bold';position: absolute;;left:30px;bottom:50px;text-transform:uppercase;}
.list-about-ebook .hd .title{position: absolute;left:30px;top:70px;font-family: 'Barlow-Bold';color:#fff;font-size:55px;line-height:60px;text-transform:uppercase}
.list-about-ebook .bd a{width:210px;height:45px;position: relative;overflow: hidden;;border:2px solid #0D6F90;display:flex;align-items: center;justify-content: center;background:#fff;margin:50px auto;;}
.list-about-ebook .bd a span{position: relative;z-index:2;transition-duration:.4s;width:calc(100% - 50px);height:100%;color:#000000;display:flex;align-items: center;justify-content: center;}
.list-about-ebook .bd a .i{position: relative;z-index:2;width:50px;height:100%;display:flex;align-items: center;justify-content: center;background:#0D6F90;}
.list-about-ebook .bd a:hover span{color:#fff}
.list-about-ebook .bd a::after{content:"";position: absolute;right:-100%;top:0;width:100%;height:100%;background:#0D6F90;z-index:1;transition-duration:.4s;}
.list-about-ebook .bd a:hover::after{right:0;}
.list-about-Certificate .bd{background:url(../images/zs_bg.jpg) repeat-x top center}
.list-about-Certificate .bd .wrap{display:flex;}
.list-about-Certificate .bd .item{width:20%;padding-bottom:20px;position: relative;text-align: center;}
.list-about-Certificate .bd .item .c{width:calc(100% - 40px);height:40px;display:flex;align-items: center;position: absolute;bottom:20px;font-size:18px;color:#000000;left:0;justify-content: center;}
.list-about-content .left{width:430px;}
.list-about-content .left .info .t1{display:flex;align-items: center;}
.list-about-content .left .info .t1 img:first-child{margin-right:25px;}
.list-about-content .left .info .t2{margin-top:12px;background:url(../images/ico33.png) no-repeat bottom right 0;padding-right:40px;}
.list-about-content .left .info .t2 h2{font-size:48px;color:#080404;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;}
.list-about-content .left .data .item{padding-top:30px;}
.list-about-content .left .data .item h3{color:#080404;font-size:48px;font-family: 'Barlow-Bold';}
.list-about-content .left .data .item p{font-size:16px;color:#080404;}
.list-about-content .right{width:calc(100% - 640px);}
.list-about-content .right .body{font-size:18px;color:#080404;line-height:30px;}
.list-about-content .right .body p{margin-bottom:25px;}
.list-about-content .right .body h3{color:#0D6F90;text-transform:uppercase;margin-bottom:25px}
.list-about-content .right .images ul{display:flex;align-items: center;gap:15px;margin-top:15px;}

.index_swiper{position: relative;overflow: hidden;}
.index_swiper .swiper-prev{z-index:999;position: absolute;top:50%;left:45px;transform: translateY(-50%);;display:flex;align-items: center;justify-content: center;border-radius:50%;cursor: pointer;}
.index_swiper .swiper-next{z-index:999;position: absolute;top:50%;right:45px;transform: translateY(-50%);display:flex;align-items: center;justify-content: center;border-radius:50%;cursor: pointer;}
.swiper-button-disabled{opacity:.5;cursor: not-allowed;}
.index_swiper .swiper-slide{position: relative;overflow: hidden;}
.index_swiper .swiper-slide a{width:100%;display:block;}
.index_swiper .swiper-slide a .p img{width:100%;}
.index_swiper .swiper-slide a .txt{position: absolute;padding:30px 40px;top:50%;left:5%;transform: translateY(-50%);width:620px;height:380px;background:rgba(0,0,0,.4);color:#fff;font-size:24px;}
.index_swiper .swiper-slide a .txt h2{font-size:48px;text-transform:uppercase;color:#FFFFFF;font-family: 'Barlow-Bold';}
.index_swiper .swiper-slide a .txt p{font-size:24px;line-height:30px;margin:20px 0 40px;}
.index_swiper .swiper-slide a .txt .btn{display:flex;align-items: center;width:150px;height:40px;}
.index_swiper .swiper-slide a .txt .btn .i{width:40px;height:40px;display:flex;align-items: center;justify-content: center;background:#0D6F90;;}
.index_swiper .swiper-slide a .txt .btn span{font-size:18px;display:flex;align-items: center;justify-content: center;background:#fff;height:40px;;width:calc(100% - 40px);color:#080404}
.index_swiper .pagination{z-index:999;text-align:left;display:flex;align-items: center;bottom:50px;left:5%;width:fit-content;padding-right:150px;position:absolute;}
.index_swiper .pagination .swiper-pagination-bullet::before,.index_swiper .pagination::after{width:150px;content:"";height:2px;background:#fff;position: absolute;right:0;bottom:50%;margin-bottom:-1px;}
.index_swiper .pagination .swiper-pagination-bullet-active::before{z-index:999;animation: progressFill 5s linear forwards;width:0;background:#0D6F90;}
@keyframes progressFill {
    0% {width: 0;}
    100% {width:150px;}
}
.index_swiper .pagination .swiper-pagination-bullet{font-size:24px;color:#FFFFFF;opacity:1;margin:0 15px 0 0 !important;width:auto !important;height:auto !important;background:none;}
.index_swiper .pagination .swiper-pagination-bullet-active{color:#0D6F90}

/* 初始隐藏状态 */
.index_swiper .swiper-slide .txt h2,
.index_swiper .swiper-slide .txt p,
.index_swiper .swiper-slide .txt .btn {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
}

/* 激活状态触发动画 */
.index_swiper .swiper-slide-active .txt h2 {
  animation: slideInUp 0.8s ease forwards;
  animation-delay: 0.42s;
}

.index_swiper .swiper-slide-active .txt p {
  animation: slideInUp 0.8s ease forwards;
  animation-delay: 0.7s;
}

.index_swiper .swiper-slide-active .txt .btn {
  animation: slideInUp 0.8s ease forwards;
  animation-delay: 1s;
}

/* 动画定义：从下方向上淡入 */
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.index-type .images .item{width:calc(50% - 10px);position: relative;overflow: hidden;}
.index-type .images .item .p{transition-duration:.5s;width:100%;height:100px;background:rgba(0,0,0,.5);display:flex;align-items: center;padding:0 40px;position: absolute;left:0;bottom:0;}
.index-type .images .item .p span{font-size:24px;color:#FFFFFF;margin-left:10px;font-family: 'Barlow-Bold';}
.index-type .images .item:hover .p{height:100%;}
.index-type .list{overflow: hidden;padding-bottom:80px;}
.index-type .list .hd .more{display:flex;gap: 10px;}
.index-type .list .hd .more div{width:36px;height:36px;border:1px solid #000000;cursor: pointer;display:flex;align-items: center;justify-content: center;}
.index-type .list .swiper-slide{background:#fff;}
.index-type .list .swiper-slide a{display:block;width:100%;}
.index-type .list .swiper-slide .pic{width:100%;height:330px;position: relative;;display:flex;align-items: center;justify-content: center;object-fit: cover;background:#fff;border:1px solid #DCDCDC;border-bottom:0;}
.index-type .list .swiper-slide .pic img{width:100%;position: absolute;left:0;top:0;height:100%;transition-duration:.4s}
.index-type .list .swiper-slide .pic img:nth-child(2){left:-100%;}
.index-type .list .swiper-slide:hover .pic img:nth-child(2){left:0;}
.index-type .list .swiper-slide:hover .pic img:nth-child(1){top:-100%;}
.index-type .list .swiper-slide .p{transition-duration:.4s;border:1px solid #DCDCDC;height:90px;display:flex;align-items: center;justify-content: center;font-size:30px;color:#080404;font-family: 'Barlow-Bold';}
.index-type .list .swiper-slide:hover{box-shadow:0 15px 30px rgba(0,0,0,.1)}
.index-type .list .swiper-slide:hover .pic{border-color:#fff;}
.index-type .list .swiper-slide:hover .p{background:#0D6F90;color:#fff;border-color:#0D6F90;}

.index-data{background:#0D6F90;padding:50px 0;}
.index-data .item{width:25%;padding:0 25px 10px;border-right:1px solid #6EA9BC;}
.index-data .item:last-child{border-right:0;}
.index-data .item .i{text-align:center;height:80px;display:flex;align-items: center;justify-content: center;}
.index-data .item .p{text-align:center;color:#fff;}
.index-data .item .p h3{font-size:24px;font-family: 'Barlow-Bold';}
.index-data .item .p p{font-size:18px;margin-top:10px;}

.index-about{display:flex;;height:600px;background-image: url(../images/index_about.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-origin: border-box;}
.index-about .wrap{justify-content: flex-end;display:flex;align-items: center;}
.index-about .txt{width:680px;height:400px;background:#fff;padding:40px;}
.index-about .txt h2{font-size:24px;color:#080404;line-height:28px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index-about .txt h2 span{color:#0D6F90;font-family: 'Barlow-Bold';}
.index-about .txt p{font-size:16px;line-height:24px;color:#080404;margin-top:28px;}
.index-about .txt a{width:130px;height:42px;display:flex;align-items: center;justify-content: center;background:#0D6F90;;margin-top:40px;}
.index-about .txt a span{color:#fff;font-size:16px;margin-right:10px;}
.index-about .txt a:hover{border-radius:40px;}


@media (max-width: 1600px){
.wrap{width:96%;}
}
@media (max-width: 1400px){
.bottom{padding-top:30px}
.bottom p, .bottom p a{font-size:13px;}
.footer .left{width:60%;}
.list-about-ebook .hd .title{font-size:40px;line-height:40px;top:45px;}
.list-about-ebook .hd .name{left:20px;bottom:30px;}
.list-about-content .right{width: calc(100% - 500px);}
.index_swiper .swiper-slide a .txt{width:500px;height:300px;}
.index_swiper .swiper-slide a .txt h2{font-size:30px;}
.index_swiper .swiper-slide a .txt p{font-size:17px;line-height:28px;margin:15px 0;}
}
@media (max-width: 1200px){
.list-pro .show_head .show_box .tupian_list{width:600px;}
.list-pro .show_head .show_box .info_list {width: calc(100% - 620px);}
}
@media screen and (max-width:992px) {
.wrap,.footer .right,.list-about-content .left,.list-about-content .right,.list-contact .right .form .code_box,.list-contact .right .info .flex .item,.list-pro .show_head .show_box .info_list,.list-contact .left,.list-contact .right{width:100%}
.main,.list-contact,.index-news{padding:20px 10px;}
.list-pro .show_head .show_swiper{display:block;overflow: hidden;}
.top,.header,.pc-menu,.list-news .content .updown .btn,.footer .left,.list-pro .show_head .show_box .tupian_list{display:none;}
.list-pro .show_head{padding:10px;margin-bottom:20px;}
.list-alt{margin-bottom:20px !important;}
.list-alt h2{font-size:22px;}
.list-alt .line{width:60px;height:3px;}
.list-pro .show-body{padding-bottom:20px;}
.list-pro .show-body ul li{width:100%;height:auto;padding:10px;font-size:14px;}
.list-pro .list .item{width:48%;margin:0 4% 15px 0 !important}
.list-pro .list .item:nth-child(2n){margin-right:0 !important}
.list-pro .list .item .txt{padding:15px 12px;}
.list-pro .list .item .txt .i{top:15px;right:12px;}
.list-pro .list .item .txt .i img{height:14px;}
.list-pro .list .item .txt h3{font-size:18px;margin:0;}
.list-pro .list .item .txt h4{font-size:15px;margin:5px 0;}
.list-pro .list .item .txt p{font-size:14px;}
.roll-left{padding:25px 0;}
.roll-left .list .item{font-size:24px;margin-right:25px;}
.index-footer{height:auto;padding:40px 10px;}
.index-footer .footer{padding:0;}
.footer .right .g{font-size:12px;}
.bottom{padding:30px 0 60px;}
.bottom p, .bottom p a,.paging span, .paging a{font-size:12px;}
.bottom .michuan{margin:15px auto 0;}
.list-contact .left .t2 h2{font-size:32px;line-height:32px;min-height:50px;}
.list-contact .left .t2 h2 br{display:none;}
.list-contact .right .form .btn{margin:20px auto 0;}
.list-contact .right .info .item{padding:12px 0;}
.list-contact .right .form input{margin-bottom:15px;}
.list-news .list .item{width:100%;margin:0 0 20px 0 !important}
.list-news .list .item .txt{padding-top:10px;}
.list-news .list .item .txt span{margin:5px 0 10px;padding:5px 0 10px;}
.list-news .list .item .txt h3{white-space:wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list-news .list .item .txt p{height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3}
.list-news .content .body{padding:15px 0;font-size:14px;line-height:24px;}
.list-news .content .body p{margin-bottom:10px;}
.list-news .content .updown{padding:20px 0;}
.list-about-content .left .info .t2 h2{font-size:28px;line-height:34px;}
.list-about-content .left .data .item{padding-top:15px;}
.list-about-content .left .data .item h3{font-size:32px;}
.list-about-content .left .data .item p{font-size:12px;}
.list-about-content .right .body{padding:30px 0;font-size:14px;line-height:24px;}
.list-about-content .right .body h3,.list-about-content .right .body p{margin-bottom:10px;}
.list-about-Certificate .bd .wrap{flex-wrap:wrap;}
.list-about-Certificate .bd .item{width:50%;}
.list-about-ebook{padding:20px 10px;}
.list-about-ebook .p img{height:300px;object-fit:cover}
.list-about-ebook .hd .name{left:15px;bottom:15px;font-size:12px;}
.list-about-ebook .hd .title{left:15px;top:50px;font-size:30px;line-height:34px;}
.list-about-ebook .hd .web{right:0;left:20px;font-size:12px;}
.list-about-ebook iframe{height:400px !important}
.list-about-ebook .bd a{margin:20px auto}
.index_swiper .swiper-slide a .txt,.index_swiper .swiper-next,.index_swiper .swiper-prev{display:none;}
.index_swiper .pagination{left:0;width:98%;bottom:15px;padding:0 50px 0 10px;justify-content:flex-end;}
.index_swiper .pagination .swiper-pagination-bullet::before, .index_swiper .pagination::after{width:50px;}
@keyframes progressFill {
    0% {width: 0;}
    100% {width:50px;}
}
.index_swiper .pagination .swiper-pagination-bullet{font-size:16px;margin:0 10px 0 0 !important}
.index-type .list{padding-bottom:25px;}
.index-type .list .swiper-slide .pic{height:160px;}
.index-type .list .swiper-slide .p{height:45px;font-size:20px;}
.index-type .images .item{width:100%;margin-bottom:20px;}
.index-type .images .item .p{height:50px;padding:0 20px;}
.index-type .images .item .p span{font-size:18px;}
.index-data{padding:0 10px;}
.index-data .item{width:100%;;padding:20px 10px;border-right:0 !important;border-bottom:1px solid #6EA9BC !important;}
.index-data .item a{display:flex;align-items: center;width:100%;}
.index-data .item .i{width:80px;height:auto;}
.index-data .item .p{flex:1;}
.index-data .item .p h3{font-size:18px;}
.index-data .item .p p{font-size:14px;}
.index-about{height:auto;padding:50px 0 50px 0px;}
.index-about .txt{width:90%;height:auto;padding:20px;margin: 0 auto;}
.index-about .txt h2 br{display:none;}
.index-about .txt p{margin-top:15px;font-size:14px;line-height:22px;}
.index-about .txt a{margin-top:20px;}

}