/*::-webkit-scrollbar{  display: none;}*/

.indexSwiper{height:100vh;overflow:hidden;}
.indexSwiper>.swiper-wrapper>.swiper-slide{height:100%; overflow: hidden;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); }
.indexSwiper>.swiper-wrapper>.swiper-slide-active{z-index: 10;}
.indexSwiper>.swiper-wrapper>.swiper-slide.autoheight{height:auto;}
.indexSwiper>.swiper-wrapper>.swiper-slide-active .fadeInUp{-webkit-animation-name: fadeInUp!important;
    animation-name: fadeInUp!important; visibility: visible!important;}
.indexSwiper>.swiper-wrapper>.swiper-slide>.section{height:100%;padding:120px 0;}
.indexSwiper>.swiper-wrapper>.swiper-slide.autoheight>.section{height:auto;padding:0;}

.indexSwiper{height:auto;}
.indexSwiper>.swiper-wrapper{display:block;}
.indexSwiper>.swiper-wrapper>.swiper-slide {height: auto;overflow: visible;} 
.indexSwiper>.swiper-wrapper>.swiper-slide>.section{height: auto;padding: 0;}

.indFadeUp{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:all 0.5s ease 0.2s;-webkit-transition:all 0.5s ease 0.2s;}
.indFadeUp1{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:all 0.5s ease 0.3s;-webkit-transition:all 0.5s ease 0.3s;}
.indFadeUp2{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:all 0.5s ease 0.4s;-webkit-transition:all 0.5s ease 0.4s;}
.indSlideLeft{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 0.5s ease 0.2s;-webkit-transition:all 0.5s ease 0.2s;}
.indSlideLeft1{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 0.5s ease 0.3s;-webkit-transition:all 0.5s ease 0.3s;}
.indSlideLeft2{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 0.5s ease 0.4s;-webkit-transition:all 0.5s ease 0.4s;}
.indSlideRight{transform:translateX(20%);-webkit-transform:translateX(20%);opacity:0;transition:all 0.5s ease 0.6s;-webkit-transition:all 0.5s ease 0.2s;}
.indZoom{transform:scale(.2);-webkit-transform:scale(.2);opacity:0;transition:all 0.5s ease 1s;-webkit-transition:all 0.5s ease 1s;}
.active .indFadeUp,.active .indFadeUp1,.active .indFadeUp2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.active .indSlideRight{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.active .indZoom{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
.section{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); }
.bg_mask{position: absolute;width:60%;height:70%;max-height:600px;right:0;top:0;z-index: 0;}
.bg_mask canvas{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);filter: blur(100px);} 
#background1 {
  width: 100%;
  height: 100vh;
  background-color: #333; /* 初始颜色 */
  animation: backgroundChange 10s infinite; /* 动画名称、持续时间、无限循环 */
}
 
@keyframes backgroundChange {
  0% { background-color: #E792E5; }
  50% { background-color: #2B67ED; }
  100% { background-color: #37D8FF; }
} 
.banner .swiper-pagination{  position: static; text-align: left;  }
.banner .swiper-pagination-bullet{ width: 18px;height: 2px;border-radius: 0; margin:0 4px!important; position: relative;background: #A5A5A5; opacity: 1;transition:all 0.3s;}
.banner .swiper-pagination-bullet-active{width:38px;background: #22357C;} 
.banner .swiper-dots{position: absolute;left:0;right:0;bottom:-42px; }
.banner .swiper-dots .wrap{margin:0;}
.banner .swiper-dots .wrap{position: relative;}
.banner .swiper-play{position: absolute;right:5%;bottom:10%;z-index: 20; text-align: center;color:#fff; cursor:pointer;}
.banner .swiper-play .icon-bofang:before{color:#fff;font-size:50px;}
.banner .swiper-slide-active .indSlideLeft,.banner .swiper-slide-active .indSlideLeft1,.banner .swiper-slide-active .indSlideLeft2{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.banner{position: relative; margin-top:184px;/*height:calc(100vh + 38px);*/ } 
.banner .wrap,.banner .swiper{height:100%; }
.banner .video{width: 100%;height:100%;}
.banner .video video{display:block;width:100%;height:100%;object-fit: cover;}
.banner .img{height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;;position: relative;}
.banner .img:before{width:100%;height:77%;content:'';position: absolute;left:0;bottom:0;background: linear-gradient(180deg, rgba(30, 70, 141, 0) 0%, #1E468D 100%);z-index: 10;}
.banner .img img{width:100%;height:100%;object-fit: cover;position: relative;z-index: 2; } 
.banner a{display: block;} 
.banner_text{z-index: 30; width: 100%;position: absolute;left: 0;bottom:15%;transition:all 1s ease 1.5s;-webkit-transition:all 1s ease 1.5s;/*-webkit-transform: translateX(200px) translateY(0px);transform:translateX(200px) translateY(0px);*/} 
.banner_text .wrap{width:auto;margin-left:80px;margin-right:80px;}
.banner_p{ text-align: left;display: inline-block;}  
.banner_p .tit br{display: none;}
.banner_bar{width:69%;position: absolute;bottom:7%;right:-42px;z-index: 10;}
.banner_bar1{width:100%;height:10px;background: #30E3CA;}
.banner_bar2{width:100%;height:10px;background: #6D90CA;}
@keyframes arrowdown
{
	0% {transform:translateY(0);}
	50%  {transform:translateY(40%);}
	100% {transform:translateY(0);}
}

@-webkit-keyframes arrowdown
{
	0% {-webkit-transform:translateY(0);}
	50%  {-webkit-transform:translateY(40%);}
	100% {-webkit-transform:translateY(0);}
}
  
.btn_more{display: inline-block!important; white-space: nowrap;padding:14px 35px;border:1px solid #000;}
.btn_more:hover{background:#22357C;color:#fff;border-color:#22357C; }   
 
.indSection2{margin-top:130px;}
.about-nums { margin-top: 36px; } 
.about-nums ul{flex-wrap: wrap;justify-content: space-between;} 
.about-nums h3 { white-space: nowrap; align-items: flex-end; color: #0307b0; }
.about-nums h3 span { line-height: 100%; width: auto!important; }
.about-nums h3 cite { margin-left: 5px; margin-right: 15px; position: relative; }
.about-nums h3 cite sub { position: absolute;left:0; top: -25px; font-size: 18px; }
.about-nums i { margin-top: 10px; display: block; }
.about-nums .tit{margin-top:10px;}
 
.hzhb_list{position: relative;}
.hzhb_list .swiper{ overflow: hidden;}
.hzhb_list .swiper-slide,{height:73.5px;display: flex; /*justify-content: center;*/align-items: center; }
.hzhb_list .swiper-slide img{max-width: 100%;max-height: 100%;}  
.hzhb_list .swiper-pagination{position: static;margin-top:10px;}
.hzhb_list .swiper-pagination-bullet{width: 18px;height:2px;background:#A5A5A5;margin:0 4px!important;border-radius: 0;}
.hzhb_list .swiper-pagination-bullet-active{width: 38px;background:#22357C;} 
.index_application{position: relative;}
.app_bg{width:82%;height:93%;background:url(../images/index_app.png) no-repeat center;background-size:auto 100%;position: absolute;left:-25%;top:3%; filter: blur(40px);z-index: -1;}
.app_bg canvas{width:40%;height:60%; border-radius: 80%; position:absolute;right:38%;top:20%;   z-index:2;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);filter: blur(80px);} 
.app_box{align-items: flex-start;}
.app_imgs{width:60%;position: relative;background:url(../images/hexagon_app1.png) no-repeat left bottom;background-size:100% 100%;padding:8% 3%;}
.app_imgs:after{width:50%;height:50%;content:'';position: absolute;left:-10%;top:50%;transform:translateY(-50%);background:url(../images/hexagon_app2.png) no-repeat center;background-size:100%;z-index: -1;}
.app_imgs .item{display: none;}
.app_imgs .item.active{display: block;}
.app_list{width:30%;margin-top:18%;margin-left:3%;}
.app_list .item{padding:22px 0;border-bottom: 1px solid rgba(0,0,0,0.1);}
.app_list .item .tit{cursor: pointer;}
.app_list .item .txt{display: none;}
.app_list .item.active .tit{color:#2B67ED;font-family: "SourceHanSansCN-Bold";}
.product_list{margin-left:-0.5%;margin-right:-0.5%;}
.product_list .item{width:32.33%;margin-left:0.5%;margin-right:0.5%;margin-bottom: 1%;padding:44px 28px 24px;position: relative;}
.product_list .item:after{width:100%;height: 100%;border:1px solid rgba(0,0,0,0.18);content:'';position: absolute;left:0;top:0;z-index: 0;}
.product_list .item .icon{width:85px;height:85px;position: absolute;left:50%;top:-59px;transform:translateX(-50%);z-index: 2;background:#fff;}
.product_pics {margin-left:-0.5%;margin-right:-0.5%;}
.product_pics .item{width:32.33%;margin-left:0.5%;margin-right:0.5%;margin-bottom: 1%;}
.product_pics .item .img{height:0;padding-bottom:21.748%;border-radius: 2px;position: relative;}
.product_pics .item img{position: absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
.advantage_list{/*background:url(../images/hexagon4.png) repeat-x center; background-size:auto 100%;*/  }
.advantage_list .wrap{position: relative;}
.advantage_list .wrap:before{width:9999em;height: 100%;content:""; position: absolute;top:0;left:100.5%;background:url(../images/hexagon1.png) repeat-x left center; background-size:auto 100%;opacity: 0.6;}
.advantage_list .wrap:after{width:9999em;height: 100%;content:""; position: absolute;top:0;right:100.5%;background:url(../images/hexagon1.png) repeat-x right center; background-size:auto 100%;opacity: 0.6;}
.advantage_list .item{width:24%;padding:80px 20px;margin-left:0.5%;margin-right:0.5%;position: relative;background:url(../images/hexagon1.png) no-repeat center; background-size:100% 100%; }
.advantage_list .item:after{width:165%;height:150%;content:'';position: absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background:url(../images/hexagon.png) no-repeat center; background-size:100%;z-index: 0;opacity: 0;visibility: hidden;transition:all 0.3s;}
.advantage_list .item .icon{width:70px;height:70px;overflow: hidden;margin:auto;}
.advantage_list .item .txt,.advantage_list .item .tit{position: relative;}
.advantage_list .item .txt{opacity: 0;visibility: hidden;transition:all 0.3s;}
.advantage_list .item .icon,.advantage_list .item .tit,.advantage_list .item .txt{position: relative;z-index: 2;} 
/*.advantage_list .item:hover .icon{margin-top:10px;}*/
.advantage_list .item:hover .icon img{margin-top:-100%;}
.advantage_list .item:hover .tit,.advantage_list .item:hover .txt{color:#fff;}
.advantage_list .item:hover .txt,.advantage_list .item:hover:after{opacity: 1;visibility:visible;}
.index_news{padding:120px 0 170px;background:#F3F5F7 url(../images/hexagon_bg.png) no-repeat left bottom;background-size:cover;}
.index_newspics{width:58%; position: relative;}
.index_newspics .desc{position: absolute;left:0;right:0;bottom:0;padding:25px 30px;background:#22357C;z-index: 2;}
.index_newspics .desc .txt{color:rgba(255,255,255,0.7);}
.index_newslist{width:40%;}
.index_newslist .item{display:block;padding:26px 48px 30px;background:#fff;margin-bottom: 6%;}
.index_newslist .item:nth-last-child(1){margin-bottom: 0;}
.index_newslist .item:hover{background:#22357C url(../images/hexagon2.png) no-repeat -18% 50%;background-size:auto 90%;}
.index_newslist .item:hover .date,.index_newslist .item:hover .tit{color:#fff;}
.index_newslist .item:hover .txt{color:rgba(255,255,255,0.7);}

.inbanner{position: relative;width:80%;max-width:1440px;margin-left:auto;margin-right:auto;margin-top:184px;z-index:8;}
.inbanner .wrap{width:100%;padding:0 67px;}
.inbanner .img{height:100%;}
.inbanner .img img{width:100%;height:100%;object-fit: cover;}
.inban_tit{position: absolute;left:0;right:0;bottom:20%; z-index: 10;} 
.main_box{position: relative;z-index: 20;}
.crumbs{width:100%;margin-top:150px;position: relative;z-index: 10;}
.crumbs .wrap{ padding:20px 35px; background:rgba(255,255,255,0.4); white-space: nowrap;overflow: hidden;}
.crumbs span,.crumbs a{color:#3d3d3d;white-space: nowrap; display: inline-block;vertical-align:top;}
.crumbs span{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.crumbs a,.crumbs em,.crumbs span{font-size:14px;color:#3d3d3d;}
.crumbs em{padding:0 3px; vertical-align: 2px;}
.crumbs a:hover{color:#3D6CB9;}
.about_box{margin-top:-70px;position: relative;z-index: 10;} 
.about_box .wrap{padding-left:16.875%;}
.about_box .about-nums{background:#fff;padding:50px 70px;}
.about_box .about_desc span{color:#3D6CB9;}
.about_bar{width:100%;}
.about_bar1{width:100%;height:10px;background: #30E3CA;}
.about_bar2{width:100%;height:10px;background: #6D90CA;}
.about_partner .hzhb_list{margin-left:-1.875%;margin-right:-1.875%;}
.about_partner .hzhb_list .item{width:16.25%;margin-left:1.875%;margin-right:1.875%;margin-bottom: 3.4%;height:73.5px;display: flex; /*justify-content: center;*/align-items: center;} 
.about_partner .hzhb_list .item img{max-width: 100%;max-height: 100%;}  
.about_mission{padding:180px 0 200px;background:url(../images/about_bg1.png) no-repeat left bottom,linear-gradient(305deg, rgba(255, 255, 255, 0) 10%, #FFFFFF 51%), url(../images/about_bg2.png) no-repeat right top / 45%;position: relative;}
.about_mission .wrap{position: relative;z-index: 10;}
.mission_left{width:37.36%;position: absolute; top:0;left:0;padding:110px 100px 80px 0;}
.mission_left:after{width:150%;height:100%;content:'';background: #3D6CB9;position: absolute;top:0;right:0;z-index:0;}
.mission_middle{width:25.28%;margin:auto; position: relative;}
.mission_middle .img{height:0;padding-bottom:172%;position: relative;}
.mission_middle .img img{position: absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
.mission_middle  .desc{min-height:50%;position: absolute;left:0;right:0;bottom:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);padding:30px 35px; display: flex;flex-direction: column;justify-content: flex-end;}
.mission_right{width:37.36%;position: absolute; bottom:0;right:0;padding:110px 0 80px 50px;}
.mission_right:after{width:150%;height:100%;content:'';background: #63EAD7;position: absolute;top:0;left:0;z-index: 0;}
.mission_left>div,.mission_right>div{position: relative;z-index: 2;}
.mission_mask{position: absolute;width:20%;height:60%;left:0;top:0;z-index: 0;}
.mission_mask canvas{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);filter: blur(120px);} 
.renzheng_swiper{padding-bottom: 50px;background:url(../images/plat.png) no-repeat center bottom;position: relative;}
.renzheng_swiper .swiper-slide .item{margin:0 15%;}
.renzheng_swiper .swiper-slide .img{width:100%;text-align: center;}
.renzheng_swiper .swiper-slide .tit{flex:1;padding-left:9%;}
.renzheng_swiper .swiper-slide.hasTit .img{width:31%;}

.renzheng_swiper .swiper-button-prev, .renzheng_swiper .swiper-button-next{width:72px;height:72px;background-repeat:  no-repeat; background-position: left center;background-color:rgba(198, 198, 198, 0.2); border-radius:100%;background-size:100%;margin-top:0;top:50%;margin-top:-36px;}
.renzheng_swiper .swiper-button-next:after,.renzheng_swiper  .swiper-button-prev:after{color:#3D6CB9;font-size:28px;font-weight: bold;}
.renzheng_swiper .swiper-button-prev{left:0;}
.renzheng_swiper .swiper-button-next{right:0;}
.renzheng_swiper .swiper-button-prev:hover, .renzheng_swiper .swiper-button-next:hover{background-color: #3D6CB9;}
.renzheng_swiper .swiper-button-prev:hover:after, .renzheng_swiper .swiper-button-next:hover:after{color:#fff;}
.news_box{position: relative;z-index: 10;background:url(../images/news_bg.png) no-repeat right top;}
.news_box .wrap{align-items: flex-start;} 
.news_swiper{width:52.57%;position: relative;}
.news_swiper .swiper-slide  .img{height:0;padding-bottom:68.69%;position: relative;}
.news_swiper .swiper-slide  .img img{position: absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
.news_swiper .swiper-slide  .img:after{width:100%;height:40%;content:'';position: absolute;left:0;right:0;bottom:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.news_swiper .swiper-slide .tit{width:75%;position: absolute;left:20px;bottom:32px;z-index: 10;}
.news_swiper .swiper-btns{position: absolute;right:30px;bottom:20px;z-index: 12;display: flex;}
.news_swiper .swiper-button-prev, .news_swiper .swiper-button-next{width:48px;height:48px;background-repeat:  no-repeat; background-position: left center; background-size:100%;margin-top:0; position: static;margin-left:30px; }
.news_swiper .swiper-button-next:after,.news_swiper  .swiper-button-prev:after{display: none;}
.news_swiper .swiper-button-prev{background-image:url(../images/prev.png);left:auto;right:86px;}
.news_swiper .swiper-button-next{background-image:url(../images/next.png);right:0;}
.news_right{flex:1;}
.news_list{ position: relative;padding:10px 0; }
.news_list:after{width:80%;height:100%;content:'';position: absolute;left:0;top:0;background: linear-gradient(90deg, rgba(38, 84, 193, 0.2) 10%, rgba(38, 84, 193, 0) 100%);z-index: -1;}
.news_list .item{display: flex;padding:19.8px 20px;align-items: center;}
.news_list .item .date{padding:0 48px;color: #2654C1;border-right:1px solid rgba(28, 59, 156, 0.1);} 
.news_list .item .date span{line-height: 1;margin-bottom: 10px;}
.news_list .item .tit{padding-left:50px;flex:1;}
.news_list .item:hover .tit{color: #2654C1;}
.news_bottom {align-items: flex-start;}
.news_bottom .news_logo{width:186px;flex-shrink: 0;background:#3D6CB9;}
.news_bottom .news_logo a{display: block;padding:35px 46px 30px;text-align: center;}
.news_bottom .news_logo a span{display: block;margin-top:15px;}
.news_bottom .news_logo a:hover span{text-decoration: underline;}
.news_pics{position: relative;flex:1;}
.news_pics .img{height:0;padding-bottom:67.81%;position: relative;}
.news_pics .img img{position: absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
.news_pics .img:after{width:100%;height:40%;content:'';position: absolute;left:0;right:0;bottom:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.news_pics .tit{position: absolute;left:30px;right:30px;bottom:25px;z-index: 10;}
.main_box .news_list{background:none;}
.main_box .news_list:after{display: none;}
.main_box .news_list .item {padding:36px 0;border-bottom: 1px solid #D8D8D8;position: relative;}
.main_box .news_list .item:after{width:120%;height:100%;background: rgba(30, 70, 141, 0.1);content:'';position: absolute;left:50%;top:0;transform:translateX(-50%);z-index: -1;opacity: 0;visibility: hidden;}
.main_box .news_list .item .date{color:#333;padding-left:0;padding-right:50px;}
.main_box .news_list .item .tit{padding-right:12%;}
.main_box .news_list .item .more{position: absolute;right:0;top:50%; transform:translateY(-50%); padding-right:44px;background:url(../images/more.png) no-repeat right center;background-size:31px;} 
.main_box .news_list .item:hover .more{color:#3D6CB9;background-image:url(../images/more1.png);}
.page{text-align: center; margin:60px 0 180px;}
.page a,.page span{display:inline-block;margin:0 8px;min-width:38px;height:38px;line-height:36px;text-align:center;font-size:16px;vertical-align: middle;border:1px solid #dcdcdc;}
.page .prev,.page .next{background-position:center;background-repeat:no-repeat; background-size:7px;}  
.page .prev{background-image:url(../images/prev1.png);}
.page .next{background-image:url(../images/next1.png);}
.page a:hover,.page span{background-color:#3D6CB9;border-color:#3D6CB9;color:#fff;}
.page span,.page a:hover{ color:#fff;}  
.page .prev:hover{background-image:url(../images/prev2.png);}
.page .next:hover{background-image:url(../images/next2.png);}
.news_info{max-width:1314px;margin-left:auto;margin-right:auto;  } 
.news_content{margin-top:30px;}
.news_content p{ margin-bottom: 2em;line-height: 2;}
.news_content img{ height:auto!important;}
.news_topbg{padding-top:40px;background:url(../images/huawen.png) no-repeat left top;} 
.news_top{padding-left:20px;border-left:1px solid #0326A1;}
.article_content p strong,.news_content p strong{font-family: "Merriweather-Bold";}
.prev_next{padding:0 38px;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.prev_next a{padding:20px 0; }
.prev_next a.news_prev{border-bottom: 1px solid #d6d6d6; } 
.prev_next a span{color:#0326A1;white-space: nowrap;} 
.prev_next a:hover .tit{color:#0326A1;text-decoration: underline;}  
.bg_mask1{position: absolute;width:65%;height:85%;right:0;top:0;z-index: 0; background:url(../images/mask.png) no-repeat top right; filter: blur(100px); }
  
.product_box{margin-top:180px;position: relative;z-index: 10;}
.product_left{width:320px;} 
.product_menu .item{display:block;margin-bottom: 30px;  word-break: break-word;}
.product_menu .item.active{color:#3D6CB9;}
.product_content{flex:1;}
.product_content .items{display: none;}
.product_content .items.active{display: block;}
.product_content p{ margin-bottom: 2em;line-height: 2;}
.product_content img{ height:auto!important;}
.product_content table{width:100%;border: 1px solid #d8d8d8;} 
.product_content table td{padding:16px 25px;border: 1px solid #d8d8d8;border-collapse: collapse; line-height: 1.5;}
.contact_box {position: relative;z-index: 10;}
.contact_box .wrap{max-width:1200px;background:#fff;padding:40px 30px;}
.contact_left{width:61%;}
.contact_form{width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.contact_form dl{width:46%;margin-bottom: 30px;}
.contact_form dl:nth-last-child(1){width:100%;}
.contact_form dl input,.contact_form dl textarea{width:100%;padding:8px 10px;background: #F0F0F0;font-size:14px;}
.contact_form dl textarea{height:260px;}
.contact_form dl dd{margin-top:6px;}
.btn_submit{width: 142px;height: 54px;background: #22357C;}
.btn_submit:hover{background:#3D6CB9;}
.contact_right{flex:1;padding-left:45px;}
.mediaBox{ display: flex;margin-top:35px;}  
.mediaBox a{display: inline-block;width:75px;height:75px; border-radius: 100%;background:#fff;box-shadow: 0px 4px 10px 0px #E2E9F1;padding:22px; margin-right:18px; position: relative; transition:all 0.3s;} 
.mediaBox a span{height:100%;display: inline-block;overflow: hidden;}
.mediaBox .media_pop{width:120px;height:120px;padding:10px;background:#fff;position: absolute;left:50%;top:114%;margin-left:-60px; opacity: 0;visibility:hidden; box-shadow: 0px 0px 12px rgba(153,153,153,0.3);border-radius:4px; transition:all 0.3s;text-align:center;} 
.mediaBox .media_pop:after{width:  30px;height: 30px;background: #fff;transform: rotate(-45deg) skewX(0deg) scale(1, 1);border-top-right-radius: 12%;content:''; z-index: 0; content:''; position: absolute; top:-6px;left:50%;margin-left:-15px;}
.media_pop img,.media_pop span{position: relative;z-index:2;} 
.mediaBox a:hover{padding:18px;background: #3D6CB9;}
.mediaBox a:hover span img{margin-top:-100%;}
.mediaBox a:hover .media_pop{opacity:1;visibility:visible;}
 
@media only screen and (max-width:1680px) {
  .advantage_list .item{padding:70px 20px;}
}
@media only screen and (max-width:1600px) {
  .advantage_list .item{padding:60px 20px;}
}
@media only screen and (max-width:1440px) {
 .banner{margin-top:160px;}
 .about_mission{padding:120px 0 150px;}
 .mission_left{padding: 100px 50px 60px 0;}
 .mission_right{padding: 100px 0 60px 50px;}
 .renzheng_swiper{background-size:100%;}
 .news_list .item{padding:15.5px 20px;}
 .news_bottom .news_logo{width:120px;}
 .news_bottom .news_logo a{padding:20px 10px;}
 .news_bottom .news_logo a img{width:55%;}
 .news_bottom .news_logo a span{margin-top:8px;}
 .index_newslist .item{    padding: 24px 40px 26px;}
 

}
@media only screen and (max-width:1336px) { 
}
@media only screen and (max-width:1300px) { 
	.banner_p{max-width: 100%;}  
	.advantage_list .item .icon{width:60px;height:60px;}
}
@media only screen and (max-width:1100px) {
	.banner{/*height: calc(100vh - 50px);*/margin-top:80px;}
	 
	.inbanner{width:auto;margin-left:40px;margin-right:40px;}
	.banner_text .wrap{margin-left:40px;margin-right:40px;}
	.banner_text{bottom:12%;}
	.banner_bar{right:-20px;}
	.advantage_list{background-size:180% auto;}
	.advantage_list .item .icon{margin-top:30px;}
	.index_news{padding:120px 0;}
	.index_newslist .item{padding:20px;}
	.inbanner{margin-top:54px;}
	.crumbs{ margin-top: 70px;}
	.crumbs .wrap{padding:0;background:none;} 
	.about_box .wrap{padding-left:0;}
	.inbanner .wrap{margin:0;padding:0 40px;}
	.about_box .about-nums{padding:30px;}
	.banner_bar1,.banner_bar2,.about_bar1,.about_bar2{height:5px;} 
	.about_mission{padding:80px 0 100px;}
	.product_box{margin-top:100px;}
	.product_left{width:220px;}
	.news_list .item .date{padding:0 20px;}
	.news_list .item .date span{line-height: 1;margin-bottom: 5px;}
	.news_list .item .tit{padding-left:20px;} 
	.news_swiper .swiper-slide .tit{bottom:25px;width:66%;}
	.news_swiper .swiper-button-prev, .news_swiper .swiper-button-next{width:30px;height:30px;margin-left:18px;}
	.prev_next{padding:0 20px;}
	.prev_next a{padding:15px 0;}
	.contact_box .wrap{width:auto;} 
	.main_box .news_list .item .tit{padding-right:15%;	}
	.main_box .news_list .item .date{padding-right:20px;	}
  .advantage_list{background:none;overflow:visible;}
  .advantage_list .wrap{flex-wrap: wrap;}
  .advantage_list .item{width:40%; margin:3% 5%;padding:11% 20px;} 
  .advantage_list .wrap:before,.advantage_list .wrap:after{display: none;  }
  .advantage_list .item:after{width:150%;height:150%;  }
	 
}
@media only screen and (max-width:820px) { 
	.bg_mask{width:40%;height:45%;}
	.bg_mask canvas{filter: blur(70px);}
 	.banner .swiper-pagination{justify-content: center;	}
 	.banner .swiper-pagination-bullet{margin:0 3px!important}
 	.banner .swiper-button-prev, .banner .swiper-button-next{display: none;} 
 	.app_imgs{width:55%;}
 	.app_list{width:35%;margin-top:10%;}
 	.app_list .item{padding:16px 0;}
  .advantage_list .item{background:none;width:45%;margin:20px 2.5%;padding:0;}
  .advantage_list .item .txt{opacity: 1;visibility: visible;}
  .advantage_list .item .icon{margin-top:0;}
 	.advantage_list .item:after{display: none;}
  .advantage_list .item:hover .tit{color:#333;}
  .advantage_list .item:hover .txt{color:#666;}
  .advantage_list .item:hover .icon img{margin-top:0;}
 	.mission_left {padding: 30px 40px 30px 0;}
	.mission_right {padding: 30px 0 30px 40px;}
	.mission_middle .desc{padding:30px;} 
	.main_box .news_list .item{padding:20px 0;}
	.main_box .news_list .item .tit{padding-right:0;max-height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; white-space: normal;text-overflow: clip;}
	.main_box .news_list .item .more{display: none;}
}
@media only screen and (max-width:640px) { 
	.indFadeUp,.indFadeUp1,.indFadeUp2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
	.indSlideLeft,.indSlideRight{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
	.indZoom{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
	.indexSwiper{height:auto;}
  	.indexSwiper>.swiper-wrapper{display:block;}
	.indexSwiper>.swiper-wrapper>.swiper-slide {height: auto;} 
	.indexSwiper>.swiper-wrapper>.swiper-slide>.section{height: auto;padding: 0;}
	.bg_mask{width:100%;height:24%;}
	.ind_mask{height:55%;}
	.banner{height:calc(100vh - 90px);margin-top:60px;}
	.banner_text .wrap,.inbanner{margin-left:20px;margin-right:20px;} 
	.banner_bar{bottom:34px;}
	.banner_text .stit{font-size:21px;}
	.banner_text .tit{font-size:26px;margin-top:10px;}
	.banner_p .tit br{display: block;}
	.banner .img{justify-content: flex-start;}
	.banner .img img{left:-24%;max-width: none;width:auto;}
	.banner .swiper-dots{bottom:-20px;}
	.about-nums{margin-top:40px;}
	.about-nums ul{ flex-wrap: wrap;    -webkit-justify-content:flex-start; justify-content: flex-start;}
	.about-nums ul li{width:50%!important;padding:0 5px;margin-bottom:30px; } 
	.about-nums i{margin-top:5px;} 
	.page_title{font-size:20px;}
	.btn_more{padding:12px 30px;}
	.app_box{display: block;}
	.app_bg{height:30%;top:50px;}
	.app_imgs{width:66%;margin:auto;}
	.app_list{width:100%;margin-left:0;}
	.product_list{display: block;margin-left:0;margin-right: 0;}
	.product_list .item{display:block;width:100%;margin:60px 0 0;}
	.product_list .item .icon{width:50px;height:50px;top:-35px;}  
  .advantage_list .item{ width:100%;margin:20px auto; }
	.advantage_list .item .icon{width:40px;height:40px;}
	.advantage_list .item:after{width:170%}
	.advantage_list .item:hover:after{top:54%;} 
	.index_newsbox{display: block;}
	.index_newspics,.index_newslist{width:100%;}
	.index_newslist .item{margin:4% 0 0 0;}
	.index_newspics .desc{padding:20px;}
	.index_news{padding:60px 0;}
	.news_swiper .swiper-btns{right:20px;}
	.news_swiper .swiper-button-prev, .news_swiper .swiper-button-next{margin-left:10px;}
	.page {margin:30px 0;}
	.page a, .page span{min-width:30px;height:30px;line-height: 28px;margin:0 3px;	}
	.page .prev, .page .next{background-size:8px;}
	.inbanner .wrap{padding:0 20px;} 
	.mission_left,.mission_right{width:100%;position: relative;padding:40px 30px;}
	.mission_middle{width:100%;}
	.mission_left{background: #3D6CB9;}
	.mission_left:after{ display: none;}
	.mission_right{background: #63EAD7;}
	.mission_right:after{ display: none;}
	.mission_middle .img{padding-bottom: 60%;}
	.about_box{margin-top:40px;} 
	.about_mission{padding:40px 0;	}
	.about_partner .hzhb_list .item{width:29.58%;}
	.renzheng_swiper .swiper-button-prev, .renzheng_swiper .swiper-button-next{zoom:0.6;	}
	.renzheng_swiper .swiper-slide .tit{font-size:12px;}
	.product_box{margin-top:40px;}
	.product_box .wrap{display: block;	}
	.product_left{width:100%;}
	.product_menu{position: static!important; display: flex; /*flex-wrap: wrap;*/ margin-left:-1.5%;margin-right:-1.5%;	}
	.product_menu .item{/*width:30.33%;*/margin:0 1.5% 1.5%; background:#fff; white-space: nowrap;padding:8px 12px;border:1px solid #000;text-align: center;font-size:14px;}
	.product_menu .item.active{background:#22357C;color:#fff;border-color:#22357C; }   
	.product_content{margin-top:40px;	}
	.product_content table td{padding:10px 12px;}
	.news_box{background:none;}
	.news_box .wrap{display: block;}
	.news_swiper{width:100%;}
	.news_list{    background: url(../images/news_bg.png) no-repeat right bottom;background-size:contain;}
	.news_list .item{padding:15px 0;}
	.news_pics .tit{left:20px;right:20px;bottom:20px;}
	.news_bottom .news_logo{width:100px;}
	.news_title{font-size:20px;} 
	.contact_box .wrap{display: block;}
	.contact_left{width:100%;}
	.contact_form dl{width:100%;margin-bottom: 20px;}
	.contact_right{padding-left:0;margin-top:40px;}
	.mediaBox a{width:60px;height:60px;padding:16px;}
	.mediaBox a:hover{padding:12px;}
	.contact_box .wrap{padding:30px 20px;}
	.contact_form dl textarea{height:180px;}
	.btn_submit{width:100%;height:44px;}

	 
}
@media only screen and (max-width:480px) {
 	
 
}
.radial-ring-container {
	--borderRadius: .856em;
	--borderRadiusBefore: .867em;
	--offset: 0%;
	--blurAmount: 12px;
	--saturateAmount: 120%;
	--contrastAmount: 1.05;
	--brightnessAmount: 1.1;
	--backgroundSize: 250% 100%;
	--backgroundPosition: 50% 50%;
	--backangle: 127deg;
	 
	
	--color01: #E792E5;
	--color02: #2B67ED;
	--color03: #37D8FF;
	/*--color04: #e6d05a;
	--color05: #fb9f56;
	--color06: #fa6984;*/
	--color07: #838ce1;
	--color08: #1598fc;
	/*--color09: #fadd81;*/
	--color10: #8cfa97;
	--color11: #06d4d1;
	--color12: #16b0b0; /* ending coloring for match to front for repeat */
	
	position: relative;
	content: "";
	width: 100%;
	 
	height: 100%;
	 max-height: 500px;
	transition: background 150ms ease;
	border-radius: var(--borderRadius);
	transition: all 200ms linear;
	position: absolute;width:65%;height:85%;right:0;top:0;z-index: 0;
	-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);filter: blur(30px);

}
 
 

.radial-ring-wrapper {
	position: absolute;
	content: "";
	width: 100%;
	 
	height: 100%;
	 
	transition: background 150ms ease; 
	overflow: hidden;  
      -webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);filter: blur(30px);
}

.radial-ring-color {
	content: "";
	width: 150%; /* width set to + blur to make borders no blur */
	height: 150%; /* height set to + blur to make borders no blur */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	background:
	repeating-radial-gradient(
		circle at left top,
		var(--color01) calc(var(--offset) + 12.500% * 01),
		var(--color02) calc(var(--offset) + 12.500% * 02),
		var(--color03) calc(var(--offset) + 12.500% * 03),
		var(--color04) calc(var(--offset) + 12.500% * 04),
		/*var(--color05) calc(var(--offset) + 12.500% * 05),*/
		/*var(--color06) calc(var(--offset) + 12.500% * 06),*/
		var(--color07) calc(var(--offset) + 12.500% * 07),
		var(--color08) calc(var(--offset) + 12.500% * 08)
		/*
		var(--color09) calc(var(--offset) + 12.500% * 09),
		var(--color10) calc(var(--offset) + 12.500% * 10),
		var(--color11) calc(var(--offset) + 12.500% * 11),
		var(--color12) calc(var(--offset) + 12.500% * 12)
		*/
	);
	
	background-size: var(--backgroundSize);
	background-position: var(--backgroundPosition);
	
	-webkit-filter: brightness(var(--brightnessAmount)) contrast(var(--contrastAmount)) saturate(var(--saturateAmount)) blur(var(--blurAmount));
	filter: brightness(var(--brightnessAmount)) contrast(var(--contrastAmount)) saturate(var(--saturateAmount)) blur(var(--blurAmount));
}
 

@keyframes moveAccentLights {
	100% {
		background-position: calc( var(--doubleHeight) / sin(var(--backangle)) ) 0%;
	}
}