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

.banner{position:relative;overflow: hidden;}
.banner .p img{width:100%;height:100%;object-fit:cover;}
.banner .so{width:600px;height:60px;position: absolute;left:50%;top:55%;transform:translate(-50%,0);}
.banner .so form{display:flex;align-items:center;height:100%;padding:5px;background:rgba(255,255,255,0.3);border-radius:5px;}
.banner .so form button{transition-duration:.5s;width:66px;height:100%;;background:#2B2A2A;cursor: pointer;border:0;display:flex;align-items: center;justify-content: center;}
.banner .so form button:hover{background:var(--on-color);}
.banner .so form input{width:calc(100% - 66px);height:100%;padding:0 10px;border:0;background:#fff;color:#898989;font-size:15px;}
.banner .so form input::placeholder{color:#898989;}

.top{position:fixed;top:0;left:0;width:100%;background:transparent;z-index:999;height:75px;display:flex;align-items: center;justify-content: center;}
.top .wrap{height:100%;align-items: center;}
.top .lang{display:flex;align-items: center;gap:10px;}
.top .lang a span{font-size:14px;font-family: 'Arial';color:#fff;transition-duration:.4s;}
.top .lang a:hover span{color:var(--on-color);}
.top .ico{display:flex;align-items: center;gap:15px;}
.top .ico a{width:30px;height:30px;border:1px solid #fff;border-radius:30px;display:flex;align-items: center;;justify-content: center;color:#fff;}
.top .ico a:hover{background:var(--on-color);color:#fff;border:1px solid var(--on-color);}

.header{height:75px;position: fixed;top:75px;left:0;width:100%;z-index:99999;transition-duration:.3s;}
.header .wrap{height:100%;align-items: center;display:flex;}
.header::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;max-width:1400px;z-index:-1;box-shadow: 18px 18px 73px 0px rgba(0,0,0,0.09);background:#fff;border-radius:5px;}
.header .logo{width:350px;display:flex;justify-content: center;align-items: center;}
.header .menu{width:calc(50% - 175px);display:flex;align-items: center;justify-content: center;height:100%;}
.header .menu .item{height:100%;width:calc(100% / 3);display:flex;align-items: center;justify-content: center;position: relative;}
.header .menu .item h3{height:100%;width:100%;display:flex;align-items: center;justify-content: center;}
.header .menu .item h3 a{font-size:16px;text-transform:uppercase;font-family: 'WorkSans-ExtraBold';width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.header .menu .item.on h3 a{color:var(--on-color);}
.header .menu .item .sub{transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;position: absolute;left:0;top:75px;width:100%;background:#fff;box-shadow:0 15px 30px rgba(23,146,78,.15);}
.header .menu .item .sub:before{opacity:1;content: '';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom: 10px solid #670f4c;position: absolute;top:-9px;left:45%;z-index:2;transition:opacity 0.3s ease-in-out;}
.header .menu .item .sub a{text-transform:uppercase;background:#670f4c;color:#FFF;padding:0 10px;display:flex;align-items: center;font-size:14px;height:45px;}
.header .menu .item .sub a:hover{background:#5a0b42;color:#fff;}
.header .menu .item:hover .sub{transform: scaleY(1);}
.header .menu .item .pro_sub{transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;position:fixed;left:0;top:140px;width:100%;transition-duration:.5s;}
.header .menu .item .pro_sub .wrap{padding:30px 40px;border-top:1px solid #F7F7F7;background:#fff;box-shadow:0 15px 30px rgba(23,146,78,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.header .menu .item .pro_sub .pro_sub_hd{width:200px;}
.header .menu .item .pro_sub .pro_sub_hd .hd_item{padding-bottom:10px;}
.header .menu .item .pro_sub .pro_sub_hd .hd_item > a{padding-bottom:7px;border-bottom:1px solid #E7E7E7;font-size:20px;color:#000000;font-family: 'WorkSans-Black';text-transform:uppercase;margin-bottom:15px;display:flex;justify-content:space-between;}
.header .menu .item .pro_sub .pro_sub_hd .hd_item > a i{margin-right:10px;font-size:20px;display:block;}
.header .menu .item .pro_sub .pro_sub_hd .hd_item .sub_nav a{font-size:20px;display:block;margin-bottom:15px;color:#000000;}
.header .menu .item .pro_sub .pro_sub_hd .hd_item a.on,.header .menu .item .pro_sub .pro_sub_hd .hd_item a:hover{color:#9A4998}
.header .menu .item .pro_sub .pro_sub_bd{width:calc(100% - 250px);}
.header .menu .item .pro_sub .pro_sub_bd .pro_list{display:none;}
.header .menu .item .pro_sub .pro_sub_bd .pro_list.on{display:flex;}
.header .menu .item .pro_sub .pro_sub_bd .pro_list .pitem{width:20%;padding:15px;}
.header .menu .item .pro_sub .pro_sub_bd .pro_list .pitem a{display:block;width:100%}
.header .menu .item .pro_sub .pro_sub_bd .pro_list .pitem .pic{box-shadow: 18px 18px 73px 0px rgba(0,0,0,0.09);border-radius:8px;}
.header .menu .item .pro_sub .pro_sub_bd .pro_list .pitem .txt{padding-top:15px;}
.header .menu .item .pro_sub .pro_sub_bd .pro_list .pitem .txt h3{font-size:18px;color:#000000;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header .menu .item .pro_sub .pro_sub_bd .pro_list .pitem:hover .txt h3{color:#9A4998}

.header .menu .item:hover .pro_sub{transform: scaleY(1);}
.header.height{top:0;}
.header.height::after{animation: fadeInEffect .4s ease-out .3s forwards;}
@keyframes fadeInEffect {
    from {max-width:1400px;}
    to   {max-width:100%;}
}
.header.height .menu .item .pro_sub{top:75px;}

.index-form{height:378px;background:url('../images/bg1.jpg') no-repeat center center/cover;display:flex;align-items: center;justify-content: center;text-align:center}
.index-form .txt{color:#fff;}
.index-form .txt h2{font-family: 'WorkSans-Black';font-size:40px;text-transform:uppercase;}
.index-form .txt p{font-size:22px;margin:2px 0 30px;}
.index-form .txt .btn{display:flex;align-items: center;gap:20px;justify-content: center;}
.index-form .txt .btn a{background:#9A4998;color:#fff;font-size:18px;min-width:205px;height:50px;border-radius:5px;padding:0 30px;display:flex;align-items: center;justify-content: center;}
.index-form .txt .btn a:last-child{background:#670F4C;}
.index-form .txt .btn a:hover{border-radius:40px}

.bottom{height:75px;display:flex;align-items: center;justify-content: center;gap:60px;background:#272727;border-top:1px solid #3D3D3D}
.bottom p{font-size:18px;color:#FFFFFF;text-transform:uppercase;}

.footer{padding:75px 0;background:#2B2B2B;}
.footer .menu{display:flex;width:73%;}
.footer .menu .item{width:22%;}
.footer .menu .item h3{margin-bottom:20px;}
.footer .menu .item:last-child{width:34%;}
.footer h3{font-size:20px;font-family: 'WorkSans-Black';text-transform:uppercase;color:#fff;}
.footer .menu .item p,.footer .menu .item p a{font-size:20px;line-height:38px;color:#959595;font-family: 'WorkSans-Light';}
.footer .menu .item p a:hover{color:var(--on-color);}
.footer .info{width:27%;}
.footer .info .ad ul{display:flex;gap:25px;align-items: center;margin:20px 0 35px;}
.footer .info .ico .ico_box{display:flex;align-items: center;gap:10px;margin-top:35px;}
.footer .info .ico .ico_box a{width:38px;height:38px;background:#fff;border-radius:38px;color:#2B2B2B;display:flex;align-items: center;justify-content: center;font-size:20px;}
.footer .info .ico .ico_box a:hover{background:var(--on-color);color:#fff;border:1px solid var(--on-color);}

.pc-menu{padding-top:40px;display:flex;align-items: center;justify-content: center;gap:60px}
.pc-menu a{position: relative;;min-width:180px;height:55px;border-radius:5px;box-shadow:0 5px 10px rgba(154,73,152,0.2);padding:0 30px;display:flex;align-items: center;justify-content: center;}
.pc-menu a span{position: relative;z-index:2;font-size:20px;color:#0B0B0B;transition-duration:.5s;font-family: 'WorkSans-Black';}
.pc-menu a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--on-color);border-radius:5px;transition-duration:.5s;transform:scaleX(0);}
.pc-menu a.on::after,.pc-menu a:hover::after{transform:scaleX(1);}
.pc-menu a.on span,.pc-menu a:hover span{color:#fff;}

.pc-title{padding:70px 0;text-align:center;}
.pc-title h2{font-size:40px;color:#000000;font-family: 'WorkSans-Black';text-transform:uppercase;}
.pc-title p{font-size:25px;font-family: 'WorkSans-Light';margin-top:15px;}

.list-news{padding-bottom:50px;}
.list-news .list .item{width:calc(100% / 3 - 14px);margin:0 0 50px 21px;}
.list-news .list .item:nth-child(3n){margin-left:0;}
.list-news .list .item .txt{padding-top:20px;}
.list-news .list .item .txt h3{transition-duration:.4s;font-size:18px;color:#000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .list .item .txt p{font-size:17px;color:#000000;font-family: 'WorkSans-Light';margin-top:10px;}
.list-news .list .item .txt h2{text-align:center;color:#000000;font-size:21px;}
.list-news .list .item:hover .txt h3{color:var(--on-color);}
.list-news .list .item:hover .txt h2{color:var(--on-color);}
.list-news .show{padding-top:50px;}
.list-news .show h1{font-size:18px;color:#070C0E;font-family: 'WorkSans-Black';}
.list-news .show .time{padding:12px 0;color:#070C0E;font-size:16px;border-bottom:1px solid #CDCECF}
.list-news .show .body{padding:50px 0;font-size:16px;line-height:24px;}
.list-news .show .body p{margin-bottom:25px;}
.list-news .show .body p:last-child{margin-bottom:0;}
.list-news .show .more{margin:0px 0 60px;padding-top:30px;border-top:1px solid #CDCECF;}
.list-news .show .more .up p,.list-news .show .more .up p a{font-size:16px;line-height:30px;}
.list-news .show .more .btn a{transition-duration:.5s;border-radius:8px;gap:10px;width:120px;height:50px;background:#5707BF;text-align:center;display:flex;align-items:center;justify-content:center;}
.list-news .show .more .btn a span{color:#fff;font-size:16px;}
.list-news .show .more .btn a:hover{border-radius:30px}
.list-news .alt{font-size:30px;color:#000000;font-family: 'WorkSans-Black';margin-bottom:40px;}

.list-pro{padding-bottom:50px;}
.list-pro .list .item{transition-duration:.4s;width:calc(100% / 3 - 14px);margin:0 0 50px 21px;background:#fff;padding:35px 20px 30px 20px;border-radius:5px;}
.list-pro .list .item:nth-child(3n){margin-left:0;}
.list-pro .list .item .txt{text-align:center;}
.list-pro .list .item .txt h4{font-size:13px;color:#595757;text-transform:uppercase;}
.list-pro .list .item .txt h3{transition-duration:.4s;font-size:25px;color:#000000;font-family: 'WorkSans-Bold';margin:3px 0 15px;}
.list-pro .list .item .txt span{transition-duration:.4s;font-size:11px;color:#595757;height:30px;width:100px;border:2px solid #636161;border-radius:30px;display:flex;align-items: center;justify-content: center;margin:0 auto}
.list-pro .list .item:hover{box-shadow: 18px 18px 73px 0px rgba(0,0,0,0.09);}
.list-pro .list .item:hover h3{color:#9A4998;}
.list-pro .list .item:hover .txt span{background:#9A4998;border-color:#9A4998;color:#fff;}

.list-contact .info .item{width:calc(50% - 60px);padding:35px 0 45px 0;border-bottom:1px solid #CACACA;display:flex;align-items: center;}
.list-contact .info .item .i{width:120px;display:flex;align-items:center;padding:0 10px;}
.list-contact .info .item .p{display:flex;align-items: center;width:calc(100% - 120px);}
.list-contact .info .item .p p,.list-contact .info .item .p p a{font-size:24px;color:#000000;line-height:24px;font-family: 'WorkSans-Bold';}
.list-contact .info .item p a:hover{color:var(--on-color);}
.list-contact .form{padding:60px 0;}
.list-contact .form .hd h3{font-size:40px;color:#252525;font-family: 'WorkSans-Black';}
.list-contact .form .hd p{font-size:25px;color:#222222;font-family: 'WorkSans-Light';margin-top:15px;}
.list-contact .form .bd{padding-top:45px;}
.list-contact .form .bd form input{width:calc(50% - 15px);margin-bottom:20px;background:#F1F1F1;height:52px;display:flex;align-items: center;padding:0 25px;font-size:18px;color:#707070;}
.list-contact .form .bd form input::placeholder{color:#898989;}
.list-contact .form .bd form .p{width:100%}
.list-contact .form .bd form .p p{font-size:18px;color:#000000;padding:13px 0 ;}
.list-contact .form .bd form .p ul{display:flex;align-items: center;gap:60px;}
.list-contact .form .bd form .p ul li{padding-left:25px;position: relative;font-size:18px;color:#707070;cursor: pointer;}
.list-contact .form .bd form .p ul li::after{width:15px;height:15px;border:2px solid #A1A1A1;position: absolute;left:0;top:50%;transform:translateY(-50%);content:""}
.list-contact .form .bd form .p ul li.on::after{background:var(--on-color);border-color:var(--on-color);}
.list-contact .form .bd form textarea{width:100%;min-height:140px;background:#F1F1F1;padding:10px 25px;font-size:18px;color:#707070;margin:20px 0 40px;}
.list-contact .form .bd form textarea::placeholder{color:#898989;}
.list-contact .form .bd form .btn{transition-duration:.4s;width:200px;gap:10px;height:53px;background:#9A4998;cursor: pointer;display:flex;align-items: center;justify-content: center;}
.list-contact .form .bd form .btn span{color:#fff;font-size:18px;}
.list-contact .form .bd form .btn:hover{border-radius:40px;}

.show-pro .alt{font-size:40px;color:#292A2C;font-family: 'WorkSans-Black';margin-bottom:40px;}
.show-pro .content .body{margin-bottom:40px;}
.show-pro .content .body table{width:100%;border-collapse: collapse;}
.show-pro .content .body tr{display:flex;width:100%;}
.show-pro .content .body tr th{width:calc(100% / 6);min-height:80px;padding:15px 10px 15px 25px;display:flex;align-items: center;justify-content: center;background:#999999;font-size:20px;color:#FFFFFF;}
.show-pro .content .body tr td{width:calc(100% / 6);min-height:80px;padding:15px 10px 15px 25px;display:flex;align-items: center;justify-content: center;background:#FCFCFC;font-size:20px;color:#000000;}
.show-pro .head{padding:40px 0;}
.show-pro .head .tupian{width:810px;}
.show-pro .head .tupian .xiaotu{width:150px;}
.show-pro .head .tupian .xiaotu li{transition-duration:.4s;position:relative;;width:150px;border:1px solid #EBEBEB;margin-bottom:10px;display:flex;align-items: center;justify-content:center;}
.show-pro .head .tupian .xiaotu li img{max-height:145px;}
.show-pro .head .tupian .xiaotu li:hover{border-color:var(--on-color);}
.show-pro .head .tupian .xiaotu li .bg{cursor: pointer;;position: absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;font-size:32px;}
.show-pro .head .tupian .datu{width:calc(100% - 170px);text-align:center;}
.show-pro .head .return{width:120px;padding-left:15px;}
.show-pro .head .return a{width:44px;height:44px;background:#1D1D1D;display:flex;align-items: center;justify-content: center;}
.show-pro .head .return a:hover{background:var(--on-color);border-radius:44px;}
.show-pro .head .info{width:calc(100% - 810px - 120px);}
.show-pro .head .info .txt{padding:25px 0;}
.show-pro .head .info .txt h2{font-size:40px;color:#000000;margin-bottom:10px;font-family: 'WorkSans-Black';}
.show-pro .head .info .txt h3{font-size:25px;color:#595757;font-family: 'WorkSans-Light';text-transform:uppercase;}
.show-pro .head .info .dasc h3{font-size:24px;margin-bottom:30px;color:#1D1D1D;font-family: 'WorkSans-Black';border-bottom:2px solid #1D1D1D;padding-bottom:12px;}
.show-pro .head .info .dasc p{font-size:20px;margin-bottom:15px;line-height:24px;color:#2D2D2D;padding-right:20px;position: relative;}
.show-pro .head .info .dasc p::before{width:10px;height:10px;background:#2D2D2D;position: absolute;border-radius:10px;right:0;top:8px;content:"";}
.show-pro .head .info .dasc p:last-child{margin:0;}
.show-pro .head .info .zixun{margin-top:40px;border:1px solid #E4E4E4;background:#fff;padding:25px;}
.show-pro .head .info .zixun h3{font-size:24px;margin-bottom:15px;color:#000000;font-family: 'WorkSans-Black';}
.show-pro .head .info .zixun p,.show-pro .head .info .zixun p a{font-size:17px;line-height:24px;color:#767676;}
.show-pro .head .info .zixun p a{color:var(--on-color);}
.show-pro .head .info .zixun .inquire{margin-top:40px;width:100%;height:40px;border-radius:4px;background:#670F4C;display:flex;align-items: center;justify-content: center;color:#fff;font-size:18px;}
.show-pro .head .info .zixun .inquire:hover{border-radius:40px;}
.show-pro .show_swiper{display:none;}

.list.list-about{background:#fff;}
.list-about .about{position: relative;margin-bottom:30px;}
.list-about .about::after,.list-about .about::before{width:115px;height:81px;background:url(../images/ico22.png) no-repeat center center;position: absolute;content:"";}
.list-about .about::after{left:-100px;top:-45px;}
.list-about .about::before{right:-100px;bottom:-20px;}
.list-about .about p{font-size:18px;line-height:34px;color:#222222;text-align:center;padding-bottom:50px;}
.list-about .data .item{transition-duration:.5s;width:25%;padding:60px 30px;text-align:center;border-radius:10px;}
.list-about .data .item .i{height:90px;display:flex;align-items: center;justify-content: center;overflow: hidden;position: relative;}
.list-about .data .item .i img{position: absolute;transition-duration:.5s;}
.list-about .data .item .i img:last-child{top:100%;transition-duration:.8s;}
.list-about .data .item .p h3{margin:17px 0 20px 0;font-size:22px;color:#000000;font-family: 'WorkSans-Black';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-about .data .item .p p{font-size:16px;line-height:20px;color:#434343;}
.list-about .data .item:hover{transform:translateY(-10px);box-shadow: 18px 18px 73px 0px rgba(0,0,0,0.09);}
.list-about .data .item:hover .i img:first-child{top:-100%;}
.list-about .data .item:hover .i img:last-child{top:0;}
.list-about .iamges{padding-bottom:70px;}
.list-about .iamges .list .item{width:calc(100% / 3 - 23px);margin:0 0 34.5px 34.5px;}
.list-about .iamges .list .item:nth-child(3n){margin-left:0;}
.list-about .iamges .list .item .pic{border-radius:12px;overflow: hidden;}
.list-about .iamges .list .item .p{font-size:22px;color:#535353;margin-top:15px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-about .rd{background:#F9F9F9;padding-bottom:100px;}
.list-about .rd .wrap{position: relative;}
.list-about .rd .tabs{position: absolute;left:0;bottom:0;height:120px;z-index:2;width:50%;display:flex;border-top:2px solid #F9F9F9;z-index:99}
.list-about .rd .tabs span{width:calc(100% / 3);cursor: pointer;position: relative;;padding:30px 10px 0 ;text-align:center;font-size:18px;color:#A7A7A7}
.list-about .rd .tabs span.on{color:var(--on-color);}
.list-about .rd .tabs span::after{width:10px;display:none;height:10px;border:3px solid var(--on-color);content:"";position: absolute;border-radius:16px;background:#fff;top:-10px;z-index:99;left:50%;transform:translateX(-50%);}
.list-about .rd .tabs span.on::after{display:block;}
.list-about .rd .bd .item{display:none;background:#fff;}
.list-about .rd .bd .item.on{display:flex}
.list-about .rd .bd .item .pic{width:50%;}
.list-about .rd .bd .item .pic img{width:100%;}
.list-about .rd .bd .item .txt{width:50%;padding:45px;}
.list-about .rd .bd .item .txt h3{font-size:40px;color:#0B0B0B;font-family: 'WorkSans-Black';margin-bottom:30px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.list-about .rd .bd .item .txt p{font-size:16px;color:#A7A7A7;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; }
.list-about .honor{display:flex;align-items: center;height:683px;background:#BFBDC0 url(../images/bg2.jpg) no-repeat center bottom;}
.list-about .honor .txt{max-width:600px;color:#fff;}
.list-about .honor .txt h3{font-size:40px;color:#fff;font-family: 'WorkSans-Black';margin-bottom:50px;}
.list-about .honor .txt p{font-size:20px;color:#E9E9E9;line-height:32px;margin-bottom:25px;}
.list-about .honor .txt p:last-child{margin-bottom:0;}
.list-about .honor_list{padding:60px 0 20px;}
.list-about .honor_list .list .item{width:calc(100% / 4 - 37.5px);margin:0 50px 30px 0;}
.list-about .honor_list .list .item:nth-child(4n){margin-right:0;}
.list-about .honor_list .list .item .pic{max-width:90%;text-align:center;margin:0 auto;}
.list-about .honor_list .list .item .bg{width: 100%;height: 100px;background-image: url('/skin/images/ico31.png');background-repeat: no-repeat;background-position: center;background-size: cover}
.list-about .partner{padding-bottom:70px;}
.list-about .partner h2{text-align:center;font-size:40px;color:#0F110F;font-family: 'WorkSans-Black';margin-bottom:45px;text-transform:uppercase;}
.list-about .partner .list a{border-radius:4px;width:calc(100% / 6);height:100px;display:flex;align-items: center;justify-content: center;}
.list-about .partner .list a img{max-height:85px;}
.list-about .partner .list a:hover{box-shadow: 18px 18px 73px 0px rgba(0,0,0,0.09);}

.index-banner{position: relative;overflow: hidden;width:100%;}
.index-banner .swiper-slide{position: relative;padding-bottom:5px;overflow:hidden;}
.index-banner .swiper-slide::after{content:"";width:0;height:5px;position: absolute;left:0;bottom:0;background:#4675B1;}
.index-banner .swiper-slide.swiper-slide-active::after{animation: slideLine 10s linear forwards;}
.index-banner .swiper-scrollbar{display:none;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{top: 50%;color: #000;margin-top: 0;transform: translateY(-50%);opacity: 0;width: 44px !important;height: 44px !important;background: #efefef;display: flex;justify-content: center;align-items: center;border-radius: 50%;transition-duration:.4s;}
.index-banner .swiper-button-next i,.index-banner .swiper-button-prev i{font-size:26px;color:#000;}
.index-banner .swiper-button-prev{left:3%}
.index-banner .swiper-button-next{right:3%}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{opacity:1;}
.index-banner .swiper-button-next:after,.index-banner .swiper-button-prev:after{display:none}
.index-banner .swiper-button-disabled{opacity:0 !important}
@keyframes slideLine {
    from {width: 0;}
    to {width: 100%;}}
.index-banner .swiper-slide .pic,.index-banner .swiper-slide .pic img{width:100%;height:100%;object-fit: cover;}
.index-banner .swiper-slide .txt{position: absolute;left:0;width:100%;height:100%;top:0;display:flex;align-items:flex-end;justify-content: center;text-align:center}
.index-banner .swiper-slide .txt h2 p{opacity:0;text-transform:uppercase;font-size:50px;color:#FFFFFF;line-height:62px;font-family: 'WorkSans-Black';}
.index-banner .swiper-slide .txt h2 a{opacity:0;margin:50px 0 60px;display:inline-block}
.index-banner .swiper-slide .txt h2 .p1{font-family: 'WorkSans-Medium';font-size:32px}
.index-banner .swiper-scrollbar{position: static;background:#F3F6FA;height:6px;width:100%}
.index-banner .swiper-scrollbar .swiper-scrollbar-drag{background:var(--on-color);border-radius:0px;}
.index-banner .swiper-slide::after{background:var(--on-color);}

.index-type{background:#FBFBFB;}
.index-type .item{transition-duration:.4s;display:flex;margin-bottom:50px;box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.04);}
.index-type .item .pic{width:48%}
.index-type .item .pic a{display:block;overflow: hidden;}
.index-type .item .pic a img{width:100%;transition-duration:.4s;}
.index-type .item .pic a:hover img{transform:scale(1.1);}
.index-type .item .txt{width:52%;padding:40px;display:flex;justify-content: center;flex-direction: column;}
.index-type .item .txt h3{font-size:30px;color:#000000;font-family: 'WorkSans-Black';}
.index-type .item .txt p{font-size:16px;color:#858585;line-height:24px;margin:30px 0;}
.index-type .item .txt a{width:120px;height:38px;font-size:14px;border-radius:4px;background:#670F4C;display:flex;align-items: center;justify-content: center;color:#fff;text-transform:uppercase;;}
.index-type .item:hover{box-shadow: 14px 0px 72px 0px rgba(103,15,73,.07);}
.index-type .item .txt a:hover{border-radius:40px;}
.index-type .btn{cursor: pointer;text-align:center;transition-duration:.4s;}
.index-type .btn img{transition-duration:.4s;}
.index-type .bd .item:nth-child(n+3){display:none;}
.index-type .bd.on .item {display:flex;}

.index-title{text-align:center;padding-bottom:100px;}
.index-title p{font-size:22px;color:#595757;margin-bottom:5px;font-family: 'WorkSans-Light';}
.index-title h2{font-size:40px;color:#0B0B0B;font-family: 'WorkSans-Black';text-transform:uppercase;}

.index-about{background:#FFFFFF;}
.index-about .data .item:hover{box-shadow: 18px 18px 73px 0px rgba(0,0,0,0.09);}
.index-about .partner h2{padding-top:70px;}

.index-ad .item{width:50%;}
.index-ad .item a{display:block;width:100%;position: relative;}
.index-ad .item a .pic{width:100%;}
.index-ad .item a .txt{position: absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction: column;align-items: center;justify-content: center;text-align:center;background:rgba(0,0,0,.5);}
.index-ad .item a .txt h2{font-size:38px;color:#fff;font-family: 'WorkSans-Black';text-transform:uppercase;}
.index-ad .item a .txt p{font-size:18px;color:#FFFFFF;line-height:26px;margin:30px auto 80px;width:90%;max-width:600px;}
.index-ad .item a .txt span{font-size:14px;transition-duration:.4s;cursor: pointer;;width:130px;height:50px;border-radius:4px;background:#9A4998;display:flex;align-items: center;justify-content: center;color:#fff;text-transform:uppercase;;}
.index-ad .item:hover a .txt span{border-radius:40px;}

.index-pro{background:#fff;}
.index-pro .list .item{width:calc(100% / 4 - 21px) !important;margin:0 28px 50px 0 !important;}
.index-pro .list .item:nth-child(4n){margin-right:0 !important;}

.index-news{padding-top:80px;background:#FCFCFC}
.index-news .index-title{padding-bottom:50px;}
.index-news .bd{position: relative;overflow: hidden;padding-bottom:150px;}
.index-news .bd .swiper-slide .txt h3{font-size:21px;color:#000000;margin-top:25px;}
.index-news .bd .swiper-slide .txt p{font-size:17px;color:#000000;margin-top:10px;}
.index-news .swiper-pagination{bottom:70px}
.index-news .swiper-pagination .swiper-pagination-bullet{width:40px;height:5px;background:#BABABA;border-radius:4px;opacity:1;margin:0 5px;}
.index-news .swiper-pagination .swiper-pagination-bullet-active{background:#5A5A5A;}
.index-news .swiper-button-next,.index-news .swiper-button-prev{top: 35%;color: #000;margin-top: 0;width: 44px !important;height: 44px !important;background: #efefef;display: flex;justify-content: center;align-items: center;border-radius: 50%;transition-duration:.4s;}
.index-news .swiper-button-next i,.index-news .swiper-button-prev i{font-size:26px;color:#000;}
.index-news .swiper-button-prev{left:22%}
.index-news .swiper-button-next{right:22%}
.index-news .swiper-button-next:after,.index-news .swiper-button-prev:after{display:none}
.index-news .bd .swiper-slide:hover .txt h3{color:var(--on-color);}

.pro-modal{transition-duration:.2s;width:100%;height:100vh;position: fixed;top:0;left:100%;z-index:9999999999999999999999999999999999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);}
.pro-modal .pro-modal-box{width: calc(100% - 100px);max-width:1700px;background:#fff;padding:20px 30px;background:#fff;border-radius:10px;position: relative;}
.pro-modal .model-head{border-bottom:2px solid #E7E7E7;padding-bottom:15px;margin-bottom:30px;align-items:center}
.pro-modal .pro-modal-box .dels{cursor: pointer;color:#000;font-size:44px;}
.pro-modal .pro-modal-box .model-info{display:flex;justify-content:space-between}
.pro-modal .pro-modal-box .name{font-size:30px;}
.pro-modal .pro-modal-box .hd{width:400px;}
.pro-modal .pro-modal-box .hd .t{margin-bottom:40px}
.pro-modal .pro-modal-box .hd .t h3{font-size:18px;color:#000}
.pro-modal .pro-modal-box .hd .t h2{font-size:30px;color:#000;margin:20px 0 60px}
.pro-modal .pro-modal-box .hd ul{display:flex;flex-wrap:wrap}
.pro-modal .pro-modal-box .hd ul li{width:25%;padding:0 10px;margin-bottom:15px;}
.pro-modal .pro-modal-box .hd ul li a{display:block;border:1px solid #D5DBDB}
.pro-modal .pro-modal-box .hd ul li a:hover{border-color:#DFBF2E;}
.pro-modal .pro-modal-box .bd{width:calc(100% - 400px);padding:0 100px;text-align:center}
.pro-modal .pro-modal-box .bd img{max-height:500px;object-fit: cover}
.pro-modal.show{left:0}

.list-about{background:#fff}
.animated-title{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: #99006a;
    background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 30%, #99006a 50%, rgba(0, 0, 0, 0.6) 70%);
    background-blend-mode: hard-light;
    background-size: 200%;
    -webkit-animation: shine 4s infinite;
}

@-webkit-keyframes shine {
    from {
        background-position: 100%;
    }

    to {
        background-position: 0;
    }
}



@media (max-width: 1400px){
.wrap{max-width:96%}
}
@media (max-width: 1200px){
.show-pro .head .info{width:100%}
}
@media screen and (max-width:992px) {
.wrap,.footer .info,.list-about .rd .bd .item .pic,.list-about .rd .bd .item .txt{width:100%;max-width:100%;}
.top,.header,.swiper-button-next,.swiper-button-prev,.pc-menu,.list-about .about::after, .list-about .about::before,.footer .menu,.show-pro .head .tupian,.show-pro .head .return,.list-news .show .more .btn{display:none !important;}
.show-pro .show_swiper{display:block !important}
.banner .so{height:45px;width:70%}
.main,.footer,.list-news,.list-contact,.list-pro,.list-about,.index-news{padding:30px 10px;}
.list-about .partner{padding-bottom:40px;}
.list-about .partner h2{font-size:30px;margin-bottom:25px;}
.list-about .partner .list a{width:calc(100% / 3);padding:0 10px;height:80px;}
.list-about .partner .list a img{max-height:70%}
.list-about .honor_list{padding:20px 0;}
.list-about .honor_list .list .item{width:46%;margin:0 8% 20px 0 !important}
.list-about .honor_list .list .item:nth-child(2n){margin-right:0 !important;}
.list-about .honor{height:auto;padding:80px 15px;}
.list-about .honor .txt{max-width:70%}
.list-about .honor .txt h3{font-size:30px;color:#000000;margin-bottom:25px;}
.list-about .honor .txt p{font-size:14px;line-height:20px;color:#333;}
.list-about .rd{padding-bottom:20px;}
.list-about .rd .tabs{position: static;padding:10px 0;margin-top:25px;height:auto;width:100%;}
.list-about .rd .tabs span{font-size:14px;padding-top:10px;}
.list-about .rd .tabs span::after{top:-18px;}
.list-about .rd .bd .item{flex-wrap:wrap;}
.list-about .rd .bd .item .txt{padding:20px;}
.list-about .rd .bd .item .txt h3{font-size:24px;margin-bottom:15px;}
.list-about .rd .bd .item .txt p{font-size:14px;line-height:20px;}
.list-about .about p{font-size:14px;line-height:24px;padding-bottom:10px;}
.list-about .data .item{width:100%;display:flex;align-items: center;padding:20px;}
.list-about .data .item .i{width:100px;display:flex;align-items: center;}
.list-about .data .item .i img{max-width:50%}
.list-about .data .item .p{width:calc(100% - 100px);}
.list-about .data .item .p h3{margin:0;font-size:20px;}
.list-about .data .item .p p{font-size:14px;line-height:20px;}
.list-about .iamges{padding-bottom:30px;}
.list-about .iamges .list{padding-top:25px;}
.list-about .iamges .list .item{width:48%;margin:0 4% 15px 0 !important}
.list-about .iamges .list .item:nth-child(2n){margin-right:0 !important;}
.list-about .iamges .list .item .p{font-size:15px;margin-top:8px;}
.list-pro .list .item{width:49% !important;margin:0 0 20px 2% !important;padding:15px}
.list-pro .list .item:nth-child(2n){margin-left:0 !important;}
.list-pro .list .item .txt h3{font-size:18px;margin:8px 0;}
.list-contact .info .item{width:100%;padding:12px;}
.list-contact .info .item .i{width:70px;}
.list-contact .info .item .i img{max-width:30px;}
.list-contact .info .item .p{width:calc(100% - 70px);}
.list-contact .info .item .p p, .list-contact .info .item .p p a{font-size:14px;line-height:24px;}
.list-contact .form{padding:30px 0 0 0;}
.list-contact .form .hd h3{font-size:24px;}
.list-contact .form .hd p{font-size:16px;line-height:26px;margin-top:10px;}
.list-contact .form .bd{padding-top:20px;}
.list-contact .form .bd form input{width:100%;margin-bottom:10px;height:40px;padding:0 10px;font-size:16px;}
.list-contact .form .bd form .p p{font-size:14px;padding:8px 0;}
.list-contact .form .bd form .p ul{flex-wrap:wrap;gap:0;margin-top:15px;}
.list-contact .form .bd form .p ul li{width:50%;margin-bottom:15px;font-size:14px;}
.list-contact .form .bd form textarea{min-height:120px;padding:10px;font-size:16px;margin-bottom:15px;}
.list-contact .form .bd form .btn{width:160px;height:45px;border-radius:40px;margin:0 auto;}
.pc-title{padding:20px 10px 0 10px;}
.pc-title h2{font-size:30px;}
.pc-title p{font-size:14px;margin-top:8px;}
.list-news .list .item{width:100%;margin:0 0 25px 0;}
.list-news .list .item .txt{padding-top:15px;}
.list-news .list .item .txt h3{font-size:15px;}
.list-news .list .item .txt p{margin-top:5px;font-size:14px;}
.list-news .list .item .txt h2{font-size:18px;}
.show-pro .head{padding:0 0 20px 0;}
.show-pro .head .info .txt{padding:0 0 20px;}
.show-pro .head .info .txt h2{font-size:30px;}
.show-pro .head .info .txt h3{font-size:22px;}
.show-pro .head .info .dasc p{font-size:16px;color:#858585;line-height:24px;}
.show-pro .content .body{margin-bottom:20px;overflow:auto;}
.show-pro .content .body::-webkit-scrollbar{height:2px;}
.show-pro .alt{font-size:24px;margin-bottom:20px;}
.show-pro .content .body tr th,.show-pro .content .body tr td{min-height:45px;font-size:15px;padding:12px;min-width:130px;}
.index-form{height:auto;padding:40px 10px;}
.index-form .txt h2{font-size:24px;}
.index-form .txt p{margin:15px 0;font-size:15px;line-height:24px;}
.index-form .txt .btn a{min-width:120px;font-size:14px;height:40px;padding:0 15px;}
.bottom{height:auto;padding:20px 10px 60px;display:block;text-align:center;}
.bottom a{margin:20px auto 0;display:block;}
.bottom p{font-size:12px;}
.footer .info .ico .ico_box{margin-top:15px;}
.footer .info .ad ul{margin:15px 0;}
.list-news .show{padding:0;}
.list-news .show .body{padding:20px 0;font-size:14px;line-height:24px;}
.list-news .show .body p{margin-bottom:12px;}
.list-news .show .more{margin:0 0 20px 0;padding-top:15px;}
.list-news .show .more .up p, .list-news .show .more .up p a{font-size:14px;line-height:24px;}
.list-news .alt{font-size:24px;margin-bottom:20px;}
.paging span, .paging a{min-width:32px;height:32px;line-height:32px;margin:0 5px 5px 0;}
.index-news .bd{padding-bottom:70px;}
.index-news .swiper-pagination{bottom:30px;}
.index-news .swiper-pagination .swiper-pagination-bullet{width:20px;height:3px;}
.index-title{padding-bottom:20px !important;}
.index-title p{font-size:15px;}
.index-title h2{font-size:20px;}
.index-title h2 br{display:none;}
.index-news .bd .swiper-slide .txt h3{font-size:14px;margin-top:10px;}
.index-news .bd .swiper-slide .txt p{margin-top:12px;font-size:14px;}
.index-ad .item{width:100%;}
.index-ad .item a .txt p{margin:15px auto;font-size:14px;line-height:24px;}
.index-ad .item a .txt h2{font-size:22px;}
.index-ad .item a .txt span{width:120px;height:40px;}
.index-type .item{margin-bottom:30px;flex-wrap:wrap;}
.index-type .item .txt{width:100%;padding:20px;order:2}
.index-type .item .pic{width:100%;order: 1; }
.index-type .item .txt p{margin:10px 0;font-size:14px;line-height:24px;}
.index-banner .swiper-slide .txt h2{padding-bottom:30px;}
.index-banner .swiper-slide .txt h2 a{display:none;}
.index-banner .swiper-slide .txt h2 p{font-size:20px;line-height:30px;}
.index-banner .swiper-slide .txt h2 .p1{font-size:14px;}
.list-about .honor_list .list .item .bg{height:50px;}
}


.inquire .inquire_add{transition-duration:.4s;gap:10px;cursor: pointer;;max-width:160px;height:35px;background:#9A4998;border-radius:4px;padding:0 15px;display:flex;align-items:center;justify-content: center;color:#fff;}
.inquire .inquire_add:hover{background:#670f4c;border-radius:40px;}
.inquire .inquire_box{padding:30px 0;}
.inquire .inquire_box .item{display:flex;justify-content: center;text-align: center;align-items: center;padding:10px;border-bottom:1px solid #D9D9D9;font-size:15px;}
.inquire .inquire_box .item .s{width:180px;}
.inquire .inquire_box .item .s1{width:200px;}
.inquire .inquire_box .item .s3{flex:1 0 0;}
.inquire .inquire_box .item .s6 span{color:red;margin-right:4px;}
.inquire .inquire_box .item .s2 img{width:60px;height:60px;}
.inquire .inquire_box .item .num_box{max-width:120px;margin:0 auto;border:1px solid #D9D9D9;display:flex;align-items: center;justify-content: center;}
.inquire .inquire_box .item .num_box .num_reduce{margin:0;color:#333;width:30px;height:30px;line-height:30px;text-align:center;cursor: pointer;}
.inquire .inquire_box .item .num_box .num{border-left:1px solid #D9D9D9;background:#fff;border-right:1px solid #D9D9D9;width:calc(100% - 60px);height:30px;line-height:30px;text-align:center;}
.inquire .inquire_box .item .num_box .num_add{margin:0;color:#333;width:30px;height:30px;line-height:30px;text-align:center;cursor: pointer;}
.inquire .inquire_box .item .del{color:#9A4998;cursor: pointer;}
.inquire .inquire_box .item:not(:first-child) .s4{color: red;}
.inquire .inquire_box .item .s5 input{width:90%;margin:0 auto;background:#fff;height:30px;line-height:30px;border:1px solid #D9D9D9;text-align:center;}
.inquire .inquire_title{font-size:22px;color#000000;font-weight:bold;margin-bottom:20px;}
.inquire .inquire_form{display: grid;gap: 15px;}
.inquire .inquire_form .item{display: flex;flex-direction: column;gap:10px;position: relative;}
.inquire .inquire_form .item label{font-weight: 600;color: #333;margin-top:8px;font-size: 16px;display: flex;align-items: center;}
.inquire .inquire_form .item span{color: red;margin:6px 4px 0 0;}
.inquire .inquire_form .item input{width: 100%;padding: 12px 15px;border: 1px solid #ddd;border-radius:4px;font-size: 14px;transition: border-color 0.3s, box-shadow 0.3s;}
.inquire .inquire_form .item input:hover{border-color: #AB5E5C;box-shadow: 0 0 5px rgba(171, 94, 92, 0.5);}
.inquire .inquire_form .item .code_img{height: 40px;position: absolute;right:1px;bottom:1px;cursor: pointer;}
.inquire .inquire_form .btn{transition-duration:.5s;margin-top: 10px;padding: 14px;background: #9A4998;color: #fff;font-size: 16px;font-weight: 500;border-radius: 8px;text-align: center;cursor: pointer;border: none;max-width:200px;margin-bottom:20px;}
.inquire .inquire_form .btn:hover{background: #670f4c;border-radius:40px;}
@media screen and (max-width:992px) {
.inquire .inquire_box .item .s2,.inquire .inquire_box .item .s3{display:none;}
.inquire .inquire_box .item .s7{width:60px;}
}