.header{position: fixed;width: 100%;z-index: 1000;top:0}
.header .top{border-bottom:2px solid rgba(153,159,165,.18)}
.header .top>div{position:relative;height:1.05rem;line-height:1.05rem;display:flex;justify-content: flex-end;align-items: center;}
.header .top .logo{text-align:center;/* opacity:0; */position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.header .top .logo a{display:inline-block}
.header .top .right{display:flex;gap:.65rem;align-items: center;}
.header .top .right .langs{position:relative}
.header .top .right .langs.acts>a{background:#0084ce;}
.header .top .right .langs.acts>a h2{}
.header .top .right .langs.acts>a h2 img{transform:rotate(180deg);}
.header .top .right .langs>a{width:.9rem;border-radius:50px;border:1px solid rgba(255,255,255,.23);height:.4rem;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.header .top .right .langs>a h2{font-size:.16rem;color:white;}
.header .top .right .langs>a h2 img{margin-left:.18rem;max-width:.1rem}
.header .top .right .langs dl{position:absolute;left:0;width:100%;background:white;text-align:center;top:100%;display:none;transition:none;box-shadow:0 0 12px rgba(0,0,0,0.2);z-index:88}
.header .top .right .langs dl dd a{padding:.03rem 0;color:black;font-size:.16rem }
.header .top .right .langs dl dd a:hover{color:#0084ce}
.header .top  .right .search{position:relative}
.header .top  .right .search  .content{position: fixed ;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);display:none;z-index: 999;transition: none;}
.header .top  .right .search .content .container{position: relative;height: 100%;}
.header .top  .right .search .content .s-content{background: #fff;text-align: center;padding:6vh 20px;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}
.header .top  .right .search .content a.close{position: absolute;font-size:.32rem;top:.1rem;right: .2rem;}
.header .top  .right .search .content .title{color:#242424;margin-bottom:.1rem;font-size:.2rem;line-height: 1.5;}
.header .top  .right .search .content .input{font-size: 0;line-height: 1;max-width: 600px;margin: 0 auto;}
.header .top  .right .search .content input{height:.6rem;outline: none;vertical-align: middle}
.header .top  .right .search .content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;font-size: .16rem;width: calc(100% - 60px);color:#292929;}
.header .top  .right .search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.header .top  .right .search .content .inpt3:-moz-placeholder {color: #b6b6b6;}
.header .top  .right .search .content .inpt3::-moz-placeholder {color: #b6b6b6;}
.header .top  .right .search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.header .top  .right .search .content .inpt4{width:.6rem;background: #222;border:none;}
.header .top  .right .search .content button{height:.6rem;outline: none;vertical-align: middle}
.header .top  .right .search .content .inpt4 i {font-size: .24rem;color:#fff;}
.header .top  .right .search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}
.header .bot .navs ul{display:flex;justify-content: center;gap:.48rem}
.header .bot .logo{position:absolute;left:0;top:50%;transform:translateY(-50%);overflow:hidden;opacity:1}
.header .bot .logo a{transform:translateY(-100%);transition-delay: 0.36s;}
.header .bot .logo a img{}
.header .bot .navs ul li a{height:.9rem;line-height:.9rem;font-size:.16rem;color:white}
.header .bot .navs ul li.active a{color:#0084ce}
.header .bot .navs ul li a:hover{color:#0084ce}
.header.is_header{top:-1.07rem;background:rgba(0,0,0,.5);;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header.is_header .logo a{transform:none}


.tem_banner.indise .flash .txt{position:absolute;left:50%;width:100%;top:32%;transform:translateX(-50%);text-align:center;z-index:2}
.tem_banner.indise .flash .txt h1{font-size:.48rem;color:#ffffff;font-weight:bold;margin:0 0 .2rem;}
.tem_banner.indise .flash .txt p{font-size:.3rem;color:#c1c1c1;}

.tem_banner.indise  .banner_nav {position:absolute;left:0;width:100%;bottom:.8rem}
.tem_banner.indise  .banner_nav ul{display:flex;justify-content: center;gap:2.4rem}
.tem_banner.indise  .banner_nav ul li  a{font-size:.3rem;color:white;position:relative;padding-left:.63rem}

.tem_banner.indise  .banner_nav.pro_banner ul li:nth-child(1) a:after{content:"";position:absolute;background:url(../images/3.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.tem_banner.indise  .banner_nav.pro_banner ul li:nth-child(2) a:after{content:"";position:absolute;background:url(../images/4.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.tem_banner.indise  .banner_nav.pro_banner ul li:nth-child(1) a:hover:after{content:"";position:absolute;background:url(../images/3-1.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise  .banner_nav.pro_banner ul li:nth-child(2) a:hover:after{content:"";position:absolute;background:url(../images/4-1.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise  .banner_nav ul li  a:hover{color:#0084ce}
.tem_banner.indise  .banner_nav ul li.active a{color:#0084ce}
.tem_banner.indise  .banner_nav.pro_banner ul li.active:nth-child(1) a:after{content:"";position:absolute;background:url(../images/3-1.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise  .banner_nav.pro_banner ul li.active:nth-child(2) a:after{content:"";position:absolute;background:url(../images/4-1.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}

.tem_banner.indise  .banner_nav.news_banner ul li:nth-child(1) a:after{content:"";position:absolute;background:url(../images/10.png) 0 0 no-repeat;width:.52rem;height:.42rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.tem_banner.indise  .banner_nav.news_banner ul li:nth-child(2) a:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:.5rem;height:.49rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.tem_banner.indise  .banner_nav.news_banner ul li:nth-child(1) a:hover:after{content:"";position:absolute;background:url(../images/10-1.png) 0 0 no-repeat;width:.52rem;height:.42rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise  .banner_nav.news_banner ul li:nth-child(2) a:hover:after{content:"";position:absolute;background:url(../images/11-1.png) 0 0 no-repeat;width:.5rem;height:.49rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise  .banner_nav.news_banner ul li.active:nth-child(1) a:after{content:"";position:absolute;background:url(../images/10-1.png) 0 0 no-repeat;width:.52rem;height:.42rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise  .banner_nav.news_banner ul li.active:nth-child(2) a:after{content:"";position:absolute;background:url(../images/11-1.png) 0 0 no-repeat;width:.5rem;height:.49rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}


.product_top{display:flex;padding-right:1.4rem;justify-content: space-between;}
.product_top  .img{width:54.1%}
.product_top  .img .jt{position:absolute;right:.45rem;bottom:.52rem;animation: downsss .8s infinite linear alternate}
.product_top  .img .jt img{max-width:.2rem}
@keyframes downsss {
	form{
		bottom:.6rem;
	}
	to{
		bottom:.22rem;
	}
}
.product_top  .text{width:42.2%;padding:1.5rem 0 0}
.product_top  .text .items1{text-align:center;margin:0 0 1.3rem}
.product_top  .text .items1 h2{font-size:.3rem;color:#141414;margin:0 0 .5rem}
.product_top  .text .items1  p{font-size:.2rem;color:#414141;line-height:.35rem}
.product_top  .text .items2 h2{font-size:.3rem;color:#141414;line-height:.4rem;margin:0 0 .2rem}
.product_top  .text .items2  p{font-size:.2rem;color:#414141;line-height:.4rem}

.product_recommend{padding:.75rem  0 1rem}
.product_recommend .lists a{background:#eeefef;border-radius:20px;padding:.15rem 0;position:relative }
.product_recommend .lists a h2{position:absolute;z-index:2;color:white;font-size:.24rem;left:0;text-align:center;width:100%;bottom:.45rem}
.product_recommend .lists a:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,.6), rgba(0,0,0,.8));border-radius:20px;}
.product_recommend .lists a:hover img{transform:scale(.9)}
.product_recommend .lists a img{max-height:6.6rem}
.product_recommend .lists .slide-pagination{text-align:center;margin:.3rem 0 0}
.product_recommend .lists .slide-pagination span{margin:0 5px;opacity:1;height:8px;width:.18rem;border-radius:25px;background:#8b8b8b}
.product_recommend .lists .slide-pagination span.swiper-pagination-bullet-active{background:#0084ce;width:.34rem}



.product_list .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.7rem;}
.product_list .lists ul li a{border-radius:10px;background:#eeefef;position:relative}
.product_list .lists ul li a .img{border-radius:10px;padding:  .7rem 0 .73rem}
.product_list .lists ul li a .img span{display:inline-block}
.product_list .lists ul li a .img  img{max-height:6.6rem}
.product_list .lists ul li a h2{position:absolute;font-size:.24rem;color:#1c1c1c;top:.6rem;left:.55rem;z-index:3}
.product_list .lists ul li a:hover img{transform:scale(1.1)}
.product_list .lists ul li a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.3);;transform:translateY(-15px)}
.page {padding:1rem 0 2.25rem ;display: flex;justify-content: center;gap:8px }
.page  a{width: 35px;height: 35px; border: solid 1px #ddd; display: flex;justify-content: center;align-items: center;color:black;font-size:.18rem }
.page  a i{color:black;font-size:.18rem}
.page  a:hover {background-color: #0084ce;border: solid 1px transparent;color: #fff }
.page  a:hover i{color:#fff}
.page  a.page-num-current {background-color: #0084ce;border: solid 1px transparent;    color: #fff; }

.footer{background:#2c2c2c;padding:.6rem 0 .8rem}
.footer .logo{width:20%;margin:0 0 .4rem}
.footer .infos{display:flex;justify-content: space-between;}
.footer .infos .left .navs{margin:0 0 .45rem}
.footer .infos .left .navs ul{display:flex}
.footer .infos .left .navs ul li{padding:0 .28rem;position:relative}
.footer .infos .left .navs ul li:after{content:"";position:absolute;height:.18rem;width:2px;right:0;top:50%;transform:translateY(-50%);background:white}
.footer .infos .left .navs ul li:first-child{padding-left:0}
.footer .infos .left .navs ul li:last-child:after{display:none}
.footer .infos .left .navs ul li a{font-size:.16rem;color:white}
.footer .infos .left .text1 p{font-size:.14rem;color:#b6b6b6;line-height:.26rem}
.footer .infos .left .text2{margin:.25rem 0 .4rem}
.footer .infos .left .text2 p{font-size:.14rem;color:#b6b6b6;line-height:.26rem}
.footer .infos .left .text3 p,.footer .infos .left .text3  a{font-size:.14rem;color:#b6b6b6;line-height:.26rem}
.footer .infos .middle h2{font-size:.18rem;color:#b6b6b6;margin:0 0 .5rem}
.footer .infos .middle h2 em{font-size:.24rem;color:#0084ce}
.footer .infos .middle  ul{display:flex;justify-content: center;gap:.3rem}
.footer .infos .middle  ul li a{font-size:.32rem;color:#7d8893}
.footer .infos .middle  ul li a:hover{color:#0084ce}
.footer .infos .right{width:10.8%}
.footer .infos .right p{font-size:.16rem;color:#626262;text-align:center;margin:.26rem 0 0}



.case_list{padding:.63rem 0 0}
.case_list .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.55rem .3rem;}
.case_list .lists ul li a{border-radius:10px;background:#eeefef;position:relative}
.case_list .lists ul li a:after{content:"";position:absolute;width:100%;height:100%;border-radius:10px;background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,132,206,.0),rgba(0,132,206,0),rgba(0,132,206,.6        ), rgba(0,132,206,.9));left:0;top:0;z-index:2}
.case_list .lists ul li a .img{border-radius:10px;}
.case_list .lists ul li a .img span{display:inline-block}
.case_list .lists ul li a .img  img{max-height:6.6rem}
.case_list .lists ul li a h2{position:absolute;font-size:.24rem;color:white;bottom:.36rem;width:100%;;text-align:center;left:0;z-index:3}
.case_list .lists ul li a:hover img{transform:scale(1.1)}
.case_list .lists ul li a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.3);;transform:translateY(-15px)}

.jiedu .items1 .title{padding:1rem 0 .7rem;text-align:center}
.jiedu .items1 .title h2{font-size:.38rem;background: linear-gradient(to right, #0f68a6, #00a37c); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;}
.jiedu .items1 .infos{display:grid;grid-template-columns:59% 37.5%;padding-right:1.4rem;justify-content:space-between;align-items:center}
.jiedu .items1 .infos .text{text-align:center}
.jiedu .items1 .infos .text h2{font-size:.3rem;color:#141414;margin:0 0 .5rem}
.jiedu .items1 .infos .text  p{font-size:.2rem;color:#414141;line-height:.35rem}
.jiedu .items2{padding:.55rem 0 0;position:relative}
.jiedu .items2 .pics a{overflow:hidden}
.jiedu .items2 .pics a:hover img{transform:scale(1.1)}
.jiedu .items2 .swiper-page{}
.jiedu .items2 .swiper-page>div{position:absolute;width:.8rem;height:.8rem;background:whitesmoke;border-radius:100%;text-align:center;line-height:.8rem;left:1.4rem;top:50%;transform:translateY(-50%);z-index:2}
.jiedu .items2 .swiper-page>div.slide-button-prev img{transform:rotate(180deg)}
 
.jiedu .items2 .swiper-page>div.slide-button-next{left:auto;right:1.4rem}
.jiedu .items2 .swiper-page>div:hover{background:#0084ce;}
.jiedu .items2 .swiper-page>div:hover img{filter:brightness(0) invert(1)}
.jiedu .items2 .swiper-page>div img{max-width:.21rem}
.jiedu .items3{padding:1.3rem 0 1.55rem;position:relative;background:url(../images/8.png) left bottom -1.1rem no-repeat;background-size:auto}
.jiedu .items3 ul li{display:grid;grid-template-columns:21.5% 72.5%;justify-content:space-between;align-items:flex-start}
.jiedu .items3 ul li .txt{padding:.3rem 0 ;border-bottom:2px solid #dcdcdc}
.jiedu .items3 ul li:first-child .txt{border-top:2px solid #dcdcdc}
.jiedu .items3 ul li .txt h2{font-size:.24rem;color:#484848;margin:0 0 .15rem}
.jiedu .items3 ul li .txt h3{font-size:.24rem;color:#0084ce}
.jiedu .items3 ul li .infos {padding:.3rem 0;border-top:2px solid #dcdcdc }
.jiedu .items3 ul li:last-child .infos{border-bottom:2px solid #dcdcdc}
.jiedu .items3 ul li .infos p{font-size:.2rem;color:#252525;line-height:.3rem}
.jiedu .items3 ul li:hover .infos p{color:#0084ce}
.jiedu .items4{display:grid;grid-template-columns:44.8% 55.2%;margin:0 0 1.15rem}
.jiedu .items4 .text{background:#f4f4f4;padding:1.2rem .7rem 0 1.4rem;text-align:center}
.jiedu .items4 .text h2{font-size:.3rem;color:#141414;margin:0 0 .5rem}
.jiedu .items4 .text p{font-size:.2rem;color:#414141;line-height:.35rem}
.jiedu .items4 .text h3{font-size:.24rem;margin:.9rem 0 0;background: linear-gradient(to right, #0f68a6, #00a37c); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block}
.jiedu .items5{background:url(../images/9.png) right bottom no-repeat;background-size:auto}
.jiedu .items5  .info {padding-right:1.4rem;display:grid;grid-template-columns:59% 41%;align-items:center}
.jiedu .items5  .info  .text{padding:0 .9rem;font-size:.3rem;line-height:.5rem;text-align:center}
.jiedu .items5  .bot{text-align:center;padding:1.3rem 0 2rem}
.jiedu .items5  .bot h2{font-size:.38rem;color:#141414;margin:0 0 .85rem}
.jiedu .items5  .bot h2.phonestit{display:none}
.jiedu .items5  .bot p{background: linear-gradient(to right, #0f68a6, #00a37c); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;font-size:.24rem;}
.jiedu .items5  .bot p em{font-size:.36rem}



.news_box .title{padding:1.15rem 0 .6rem;text-align:center}
.news_box .title h2{font-size:.48rem;background: linear-gradient(to right, #0f68a6, #00a37c); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;}
.news_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.8rem .35rem}
.news_box .lists ul li a{border-radius:10px}
.news_box .lists ul li a .img{border-radius:10px 10px 0 0}
.news_box .lists ul li  a .text{padding:.45rem .25rem .6rem;background:#f1f1f1;position:relative;border-radius:0 0 10px 10px;}
.news_box .lists ul li a .text *{position:relative;z-index:2}
.news_box .lists ul li  a .text span{font-size:.16rem;color:#232323;display:inline-block;margin:0 0 .65rem;}
.news_box .lists ul li  a .text h2{font-size:.2rem;color:#232323;height:.54rem;line-height:.27rem;margin: 0 0 .25rem}
.news_box .lists ul li  a .text p{font-size:.14rem;color:#838383;line-height:.25rem;height:1rem}
.news_box .lists ul li  a .text:after{content:'';position:absolute;background:#0084ce;width:100%;left:50%;transform:translateX(-50%);height:0;top:0;border-radius:0 0 10px 10px;z-index:0;transition:.5s linear}
.news_box .lists ul li  a:hover .text:after{height:100%}
.news_box .lists ul li  a:hover .text *{color:white }
.news_box .lists ul li  a:hover  img{transform:scale(1.1)}
.news_box .lists ul li  a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.3);;transform:translateY(-15px)}
.news_box .lists ul li a .text:before{position:absolute;content:"";background:url(../images/12.png) 0 0 no-repeat;width:.31rem;height:.3rem;right:.7rem;top:.6rem;z-index:2;opacity:0;background-size:100%;transition:.5s}
.news_box .lists ul li  a:hover  .text:before{opacity:1;right:.5rem;top:.4rem}



.contact_box{padding:1.2rem 0 2.15rem}
.contact_box .text{padding: 0 0 .7rem}
.contact_box .text h2{margin:0 0 .75rem;font-size:.48rem;background: linear-gradient(to right, #0f68a6, #00a37c); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;}
.contact_box .text h3{margin:0 0 .35rem;font-size:.3rem;background: linear-gradient(to right, #0f68a6, #00a37c); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;}
.contact_box .text p{font-size:.24rem;color:#4d4d4d}
.contact_box .text p:last-child{margin:.1rem 0 0}
.contact_box .info{padding:.7rem 0 .5rem;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.contact_box .info ul{display:grid;grid-template-columns:34% 50%}
.contact_box .info ul li p{font-size:.16rem;color:#353434;margin:0 0 .1rem;position:relative;padding-left:.4rem}
.contact_box .info ul li p:last-child{margin:0}
.contact_box .info ul li:first-child p:after{content:"";position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.21rem;height:.19rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .info ul li:last-child p:nth-child(1):after{content:"";position:absolute;background:url(../images/14-1.png) 0 0 no-repeat;width:.2rem;height:.24rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .info ul li:last-child p:nth-child(2):after{content:"";position:absolute;background:url(../images/14-2.png) 0 0 no-repeat;width:.22rem;height:.17rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .info ul li:last-child p:nth-child(3):after{content:"";position:absolute;background:url(../images/14-3.png) 0 0 no-repeat;width:.19rem;height:.21rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .info ul li:last-child p:nth-child(4):after{content:"";position:absolute;background:url(../images/14-4.png) 0 0 no-repeat;width:.17rem;height:.23rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}



.about_box .company{background:#212121;padding:3.35rem 0 0}
.about_box .company .top .title{padding:0 0 .8rem}
.about_box .company .top .title h2{margin:0 0 .2rem;font-size:.36rem;background: linear-gradient(to right, #0f68a6, #00a37c); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;}
.about_box .company .top .title p{font-size:.25rem;background: linear-gradient(to right, #0f68a6, #00a37c); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;width:100%}

.about_box .company .top .text{padding:0 0 1rem}
.about_box .company .top .text ul{display:grid;grid-template-columns:46.5% 46.5%;justify-content:space-between}
.about_box .company .top .text ul li{padding:.4rem .3rem;background:#0f67a6;border-radius:20px}
.about_box .company .top .text ul li p{font-size:.2rem;color:white;line-height:.35rem}
.about_box .company .pics{display:grid;grid-template-columns:22.2% 25.4% 49.9%;justify-content:space-between;align-items:center;padding:0 0 1.25rem}
.about_box .company .pics .imgs1{overflow:hidden;border-radius:0 20px 20px 0}
.about_box .company .pics .imgs2{overflow:hidden;border-radius:20px}
.about_box .company .pics .imgs3{overflow:hidden;border-radius:20px 0 0 20px}
.about_box .company .pics>div:hover img{transform:scale(1.1)}
.about_box .company   .big_img{text-align:center}
.culture{padding:0 0 1.75rem}
.culture .title{padding:.9rem 0 .6rem}
.culture .title h2{font-size:.48rem;color:#212121}
.culture ul{display:grid;grid-template-columns:1fr 1fr 1fr}
.culture ul li {position:relative;}
.culture ul li:after{content:"";position:absolute;border-radius:0;width:100%;height:100%;background:url(../images/15.png) 0 0 no-repeat;background-size:cover;left:0;top:0;z-index:2;opacity:0;transition:.3s}

.culture ul li .text{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:3;text-align:center;padding:0 1.3rem}
.culture ul li .text h2{font-size:.36rem;color:white;margin:0 0 .5rem}
.culture ul li .text p{font-size:.24rem;color:#cbcbcb;transform:translateY(.5rem);opacity:0}
.culture ul li:hover:after{opacity:1}
.culture ul li:hover img{transform:scale(1.1)}
.culture ul li:hover .text p{transform:none;opacity:1}
.filed_box{padding:.59rem 0 1.08rem;}
.filed_box .titles{text-align:center;margin:0 0 .59rem;}
.filed_box .titles h3 {font-size:.42rem;color:#010304;}
.filed_box .titles p{font-size:.18rem;color:#B6B6B6;margin:.1rem 0 0}
.filed_box .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.63rem .3rem;}
.filed_box .lists li a{display:block;position:relative}
.filed_box .lists li .imgs img{width:100%;height:2.2rem;object-fit:cover;transition:none}
.filed_box .lists li p{margin:.15rem 0 0;font-size:.24rem;color:#010304;padding-left:.15rem;border-left:3px solid #2EA7E0;line-height:.21rem;}
.filed_box .lists li a:hover .imgs{box-shadow:10px 10px 19px rgba(0,0,0,.12)}

.tem_banner.index .swiper{position:relative;overflow:hidden}
.tem_banner.index .label_text{position:absolute;left:50%;bottom:1.9rem;z-index:2;width:100%;text-align:center;transform:translateX(-50%)}
.tem_banner.index .label_text h2{font-size:.48rem;color:white;letter-spacing:10px;font-weight:bold;transform:translateY(-3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .label_text p{font-size:.2rem;color:white;font-weight:bold;text-transform:uppercase;margin:.2rem 0 0 ;transform:translateY(3vw);opacity:0;transition:all .8s linear}
.tem_banner.index  .swiper .swiper-slide-active .label_text h2{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .swiper .swiper-slide-active .label_text p{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .swiper-page>div{position:absolute;bottom:2rem;left:1.4rem;z-index:5;color:white;font-size:.48rem;opacity:.8}
.tem_banner.index  .swiper-page>div.slide-button-next{left:auto;right:1.4rem}
.tem_banner.index  .swiper-page>div:hover{opacity:1}

.tem_banner.index .jt{position:absolute;left:50%;transform:translateX(-50%);bottom:.52rem;animation: downssss .8s infinite linear alternate;z-index:3}
.tem_banner.index .jt img{max-width:.2rem}
@keyframes downssss {
	form{
		bottom:.6rem;
	}
	to{
		bottom:.22rem;
	}
}


.index_about{padding:0 0 .9rem;background:#212121}
.index_about .title {text-align:center;padding:1.5rem 0 1rem}
.index_about .title h2{font-size:.48rem;background: linear-gradient(to right, #0f68a6, #00a47b); -webkit-background-clip: text; background-clip: text;color: transparent;display:inline-block;}
.index_about .text p{font-size:.38rem;color:#010101;margin:0 0 .2rem}
.index_about .box  ul{width:23%}
.index_about  .box ul li{position:relative;background: linear-gradient(to right, #0f68a6, #00a47b);border-radius:15px;padding:1rem .35rem  .35rem;display:flex;flex-direction: column;align-items: flex-end;justify-content: flex-end}
.index_about .box ul li h2{font-size:.36rem;color:white;z-index:2}
.index_about  .box ul li h2 em{font-size:.8rem}
.index_about .box  ul li p{font-size:.16rem;color:white;z-index:2}
.index_about  .box ul li:nth-child(1):after{content:'';position:absolute;background:url(../images/17-1.png) 0 0   no-repeat;width:.37rem;height:.41rem;background-size:100%;top:.26rem;left:.3rem;transition:.3s}
.index_about .box  ul li:nth-child(1):hover:after{content:'';position:absolute;background:url(../images/17-1.png) 0 0   no-repeat;width:.37rem;height:.41rem;background-size:100%;top:.26rem;left:.3rem;transition:.3s}
/* .index_about  ul li:nth-child(2):after{content:'';position:absolute;background:url(../images/xz18.png) 0 0   no-repeat;width:.37rem;height:.41rem;background-size:100%;top:.26rem;left:.3rem;transition:.3s}
.index_about  ul li:nth-child(2):hover:after{content:'';position:absolute;background:url(../images/xz18-1.png) 0 0   no-repeat;width:.37rem;height:.41rem;background-size:100%;top:.26rem;left:.3rem;transition:.3s}
 */
/* .index_about  ul li:before{content:"";position:absolute;;;;width:100%;height:0;left:50%;transform:translateX(-50%);top:0;border-radius:15px;transition:.5s}
.index_about  ul li:hover:before{height:100%} */
.index_about  .box ul li:hover *{color:white !important}
.index_about  .box{display:flex;justify-content: space-between;align-items: center;}
.index_about  .box .text {width:60%}
.index_about  .box .text p{font-size:.36rem;color:white;margin:0 0 .2rem}
.index_about  .box .text h4{font-size:.18rem;color:#afafaf;line-height:.4rem}
.index_about  .txts{padding:.7rem 0 0 }
.index_about  .txts ul{display:flex;justify-content: space-between;}
.index_about  .txts ul li{text-align:center;}
.index_about  .txts ul li h2{font-size:.3rem;color:#0f67a6;margin:.2rem 0 .25rem}
.index_about  .txts ul li p{font-size:.16rem;color:white;line-height:.25rem}
.index_about_text{height:9.3rem;padding:2.1rem 0 0;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
.index_about_text .text{width:32%}
.index_about_text .text h2{font-size:.24rem;color:white;margin:0 0 .4rem}
.index_about_text .text p{font-size:.3rem;color:white;line-height:.5rem}
.index_about_text .more{margin:.9rem 0 0}
.index_about_text .more a{font-size:.16rem;color:#ffffff;display:inline-flex;align-items: center;gap:.15rem}
.index_about_text .more a:hover{color:#0084ce;gap:.25rem}

.index_product .items{display:flex;justify-content: space-between;background:#404244}
.index_product .items:nth-child(2){flex-direction:row-reverse}
.index_product .items .img{width:50%}
.index_product .items .text{width:36.5%;padding:2rem 0 0 1.4rem}
.index_product .items:nth-child(2) .text{padding: 2rem 1.4rem  0 0 }
.index_product .items .text>h2{font-size:.3rem;color:#0084ce}
.index_product .items .text>h3{font-size:.48rem;background: linear-gradient(to right, #0f68a6, #00a47b); -webkit-background-clip: text; background-clip: text;color: transparent;display:inline-block;margin:.5rem 0 1.5rem}
.index_product .items .text .txt h2{font-size:.3rem;color:white;}
.index_product .items .text .txt{padding:.4rem .3rem;background:#0f67a6;border-radius:20px}
.index_product .items .text .txt p{margin:.4rem 0 0;font-size:.18rem;color:white;line-height:.28rem}
.index_product .items .text .more{margin:.3rem 0 0 }
.index_product .items .text .more a{padding:0 .4rem;border-radius:50px;color:white;border:1px solid white;display:inline-block;height:.5rem;line-height:.5rem }
.index_product .items .text .more a:hover{background:black;color:white;border:1px solid black}


.index_case{padding:1.55rem 0 1.5rem;background:#242424}
.index_case .title{margin:0 0 .6rem;position:relative}
.index_case .title h2{font-size:.36rem;color:white;margin:0 0 .3rem}
.index_case .title p{font-size:.3rem;color:#a1a1a1}
.index_case .title a{position:absolute;padding:0 .25rem;height:.55rem;line-height:.55rem;border-radius:50px;border:2px solid #a1a1a1;display:flex;gap:.1rem;align-items: center;font-size:.16rem;color:#a1a1a1;right:0;top:50%;transform:translateY(-50%)}
.index_case .title a:hover{border:2px solid #0084ce;background:#0084ce;color:white}
.index_case .title a:hover img{filter:brightness(0) invert(1)}
.index_case .lists{padding-left:1.4rem}
.index_case .lists a{position:relative}
.index_case .lists a .img{border-radius:10px}
.index_case .lists a:hover img{transform:scale(1.1)}
.index_case .lists  h2{font-size:.24rem;color:#0084ce;margin:.42rem 0 0}
.index_case .lists a:after{content:"";position:absolute;width:100%;height:100%;border-radius:10px;background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,132,206,.0),rgba(0,132,206,0),rgba(0,132,206,.6        ), rgba(0,132,206,.9));left:0;top:0;z-index:2;opacity:0;transition:.3s}
.index_case .lists a:hover:after{opacity:1}
.index_case .bot {padding:1.15rem 0 0}
.index_case .bot  .swiper-scrollbar{background:#e6e6e6;height:2px;}
.index_case .bot  .swiper-scrollbar .swiper-scrollbar-drag{background:#8a8a8a}
.index_case .bot  .more{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.index_case .bot  .more a img{max-width:.78rem}


.index_jiedu{background-attachment:fixed;background-size:cover;background-repeat:no-repeat;height:9.44rem;overflow:hidden;position:relative}
.index_jiedu:after{content:"";position:absolute;width:100%;height:30%;background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.3),rgba(0,0,0,.6 ), rgba(0,0,0,.9));left:0;bottom:0;z-index:2;opacity:1;transition:.3s}


.index_jiedu>div{display:flex;justify-content: space-between;}
.index_jiedu .left{width:50%;padding:2.1rem 0 0;z-index:3}
.index_jiedu .left  .text{margin:0 0 3.1rem}
.index_jiedu .left  .text h2{font-size:.24rem;color:white}
.index_jiedu .left  .text p{font-size:.3rem;color:white;margin:.45rem 0 .3rem}
.index_jiedu .left  .text h3{font-size:.3rem;color:#218ed1}
.index_jiedu .left  ul li {margin:0 0 .15rem}
.index_jiedu .left  ul li:last-child{margin:0}
.index_jiedu .left  ul li p{font-size:.2rem;color:white;padding-left:.4rem;position:relative}
.index_jiedu .left  ul li p em{color:#218ed1}
.index_jiedu .left  ul li p:after{content:"";position:absolute;background:url(../images/18.png) 0 0 no-repeat;width:.25rem;height:.13rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_jiedu .right{width:49.4%;display:flex;justify-content: space-between;padding:1.35rem 0 0;position:relative;}

.index_jiedu .right  ul{width:47.7%}
.index_jiedu .right  ul:first-child li:first-child{margin:0 0 .6rem}
.index_jiedu .right  ul li .img{border-radius:10px}
.index_jiedu .right  ul li :hover img{transform:scale(1.1)}
.index_jiedu .right  ul:last-child{padding:2rem 0 0}


.index_news{padding:1.15rem 0 1.05rem;background:#0c1416}
.index_news .title{margin:0 0 .6rem;position:relative;text-align:center}
.index_news .title h2{font-size:.36rem;color:white;margin:0 0 .6rem}
.index_news .lists a{padding:.45rem .25rem .6rem;background:#f1f1f1;border-radius:15px;position:relative;z-index:2}
.index_news .lists a h2{font-size:.16rem;color:#232323}
.index_news .lists a h3{font-size:.2rem;color:#232323;height:.54rem;line-height:.27rem;margin:.65rem 0 .2rem}
.index_news .lists a p{font-size:.14rem;color:#838383;line-height:.22rem;height:.88rem}

.index_news .lists a:after{content:'';position:absolute;background:#0084ce;width:100%;left:50%;transform:translateX(-50%);height:0;top:0;border-radius:10px;z-index:-1;transition:.4s linear}
.index_news .lists a:hover:after{height:100%}
.index_news .lists a:hover *{color:white }
.index_news .lists a:hover {transform:scale(.95)}
.index_news .lists a:hover{box-shadow:4px 4px 6px rgba(0,0,0,.3);}
.index_news .lists  a:before{position:absolute;content:"";background:url(../images/12.png) 0 0 no-repeat;width:.31rem;height:.3rem;right:.7rem;top:.6rem;z-index:2;opacity:0;background-size:100%;transition:.5s}
.index_news .lists a:hover:before{opacity:1;right:.5rem;top:.4rem}
.index_news .lists .slide-pagination{padding:.5rem 0 .7rem;text-align:center}
.index_news .lists .slide-pagination span{margin:0 6px;width:.3rem;border-radius:50px;height:9px;background:#e7e7e7;opacity:1}
.index_news .lists .slide-pagination span.swiper-pagination-bullet-active{background:#0084ce}
.index_news .more{text-align:center}
.index_news .more a{display:inline-flex;padding:0 .25rem;height:.55rem;line-height:.55rem;border-radius:50px;border:2px solid #a1a1a1;;gap:.1rem;align-items: center;font-size:.16rem;color:#a1a1a1;}
.index_news .more a:hover{border:2px solid #0084ce;background:#0084ce;color:white}
.index_news .more a:hover img{filter:brightness(0) invert(1)}


.index_proess{background:url(../images/30.jpg) 0 0 no-repeat;background-size:cover}
.index_proess>div{display:flex;padding:.7rem .5rem;gap:.9rem;align-items: center;}
.index_proess .tel{padding-left:.85rem;position:relative}
.index_proess .tel:after{content:"";position:absolute;background:url(../images/25.png) 0 0 no-repeat;width:.57rem;height:.56rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}

.index_proess .tel h2{font-size:.24rem;color:white;line-height:.35rem}
.index_proess ul{display:flex;gap:.25rem;align-items: center;}
.index_proess ul li{display:flex;gap:.18rem;align-items: center;padding-left:.55rem;position:relative}
.index_proess ul li:after{content:"";position:absolute;background:url(../images/31.png) 0 0 no-repeat;width:.38rem;height:.22rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_proess ul li h2{font-size:.16rem;color:white;line-height:.25rem}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/

/******ipad****/


@media(max-width: 1600px){
    .product_list .lists ul li a h2{color:#1c1c1c;top:.35rem;left:.2rem;z-index:3}
    .product_list .lists ul li a .img  img{max-height:6rem}
    .product_list .lists ul li a .img{padding:1rem 0 .73rem}
	.index_product .items .text{width:36.5%;padding:1rem 0 0 1rem}
.index_product .items:nth-child(2) .text{padding: 1rem 1rem  0 0 }
.index_case .lists{padding-left:1rem}
.product_top{padding-right:1rem}
.product_top .text{padding: 1rem  0 0 }
.jiedu .items4 .text{padding:.5rem .3rem 0 .5rem}
.jiedu .items5 .info .text{padding:0}
.culture ul li .text{padding: 0 .5rem}
.product_top .text .items1{margin:0 0 .5rem}
.jiedu .items1 .infos{padding-right:1rem}
.jiedu .items5 .info{padding-right:1rem}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
.tem_banner.index .label_text{bottom:1rem}
.tem_banner.index  .swiper-page>div{bottom:1rem;left:.4rem;}
.tem_banner.index  .swiper-page>div.slide-button-next{left:auto;right:.4rem}
.index_about .title{padding:1rem 0 }
.index_about .box{display:inherit}
.index_about .box ul{width:100%;display:flex;justify-content: center;margin: .5rem 0 0;display:none }
.index_about .box ul li{width:50%}
.index_about .txts ul{display:flex;flex-wrap: wrap;}
.index_about .txts ul li{margin:0 0 .2rem}
.index_about .txts ul li{width:33.33%}
.index_about .txts ul li:last-child{}
.index_about .txts ul li p:nth-child(3){display:none}
.index_about .txts ul li p{line-height:.35rem;}
.index_about .txts ul li p img{max-height:.6rem}
.index_about {}
.index_about .box .text{width:100%;}
.index_about_text .text{width:100%;}
.index_about_text{height:5rem;background-position:center center;padding:1rem 0 0}
.index_product .items{display:inherit;padding:0 .2rem}
.index_product .items .text{width:100%;padding:1rem .2rem}
.index_product .items .text>h3{margin:.55rem 0}
.index_product .items .img{width:100%}
.index_product .items:nth-child(2) .text{padding:1rem .2rem}
.index_case .lists{padding:0 .2rem}
.index_case .title a{position:inherit;left:auto;transform:none;display:inline-block;top:0;margin:.5rem 0 0}
.index_jiedu>div{display:inherit}
.index_jiedu .left{width:100%;padding:1rem 0 0}
.index_jiedu .left .text{margin:0 0 1rem}
.index_jiedu{height:auto}
.index_jiedu .right{width:100%;padding:1rem 0 0}
.index_proess>div{display:inherit}
.index_proess ul{display:flex;gap:0;flex-wrap: wrap;margin:.5rem 0 0}
.index_proess ul li{width:100%;margin:0 0  .2rem}
.index_proess ul li h2{font-size:.3rem;line-height:normal}
.footer .logo{width:50%}
.footer .infos{display:inherit}
.footer .infos .left .navs{display:none}
.footer .infos .right{width:100%;margin:.5rem 0 0}
.tem_banner.indise .banner_nav ul{gap:1rem}
.tem_banner.indise .banner_nav{bottom:.2rem}
.tem_banner.indise .flash .txt{top:40%}
.product_top{padding:0;display:initial}
.product_top .img{width:100%}
.product_top .text{width:100%;padding:.5rem .2rem}
.product_recommend .lists a img{max-height:3rem}
.product_list .lists ul li a .img img{max-height:3rem}
.product_list .lists ul li a h2{left:.2rem;top:.22rem}
.jiedu .items1 .infos{grid-template-columns:100%;padding:0 .2rem;grid-gap:.2rem}

.jiedu .items2 .swiper-page>div{left:.3rem}

 
.jiedu .items2 .swiper-page>div.slide-button-next{left:auto;right:.3rem}
.jiedu .items3 ul li{display:grid;grid-template-columns:100%;grid-gap:.2rem;border-bottom:2px solid #3333;padding:.2rem 0}
.jiedu .items3 ul li .txt{border:0;padding:0}
.jiedu .items3 ul li .infos{border:0}
.jiedu .items3 ul li:first-child .txt{border:0}
.jiedu .items3 ul li:last-child .infos{border:0}
.jiedu .items4{grid-template-columns:100%;}
.jiedu .items4 .text{padding:.5rem}
.jiedu .items5 .info{padding:0;grid-template-columns:100%;grid-gap:.5rem}
.news_box .lists ul{grid-template-columns:1fr}
.news_box .lists ul li a .text p{height:1.2rem;line-height:.3rem}
.about_box .company .top .text ul{grid-template-columns:100%}
.about_box .company .pics{grid-template-columns:100%;grid-gap:.2rem;padding:.2rem}
.culture ul{grid-template-columns:100%;grid-gap:.2rem}
.jiedu .items5 .bot{padding:1rem  .3rem;text-align:left;}
.jiedu .items5 .bot h2{line-height:.5rem}
.jiedu .items5 .info .text{text-align:left;padding:0 .3rem }
.jiedu .items5  .bot h2{display:none}
.jiedu .items5  .bot h2.phonestit{display:block}


}