@charset "utf-8";
.divBox{ width:86%; margin: 0 auto; }
#main{position:fixed;top:0;left:0;right:0;bottom:0;transition: 0.5s;}
#main .scrollbar-track-y{background-color:rgba(0,0,0,.3);position:absolute;right:0;top:0;border-radius:8px;}
#main .scrollbar-track-y .scrollbar-thumb-y{background-color:#004eaf;width:100%;}
header{width: 100%;height: 80px; position: fixed; left: 0; top: 0; z-index: 9999999;  border-bottom: 1px rgba(255,255,255,.2) solid; }
header .headbg{width: 100%;height: 100%;background: #004eaf; transform: translateY(-100%); transition: 1s;}
header .headbg.show{transform: translateY(0);}
header .head{width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top:0; display: flex; align-items: center; justify-content: space-between; }
header .head .logo{box-sizing: border-box; position: relative; padding: 0 30px; height: 100%; display: flex; align-items: center;}
header .head .logo img{display: block; width: 400px;}
header .head .line{width: 1px; height: 100%; background:rgba(255,255,255,.2);  display: flex; align-items: center; position: absolute; top: 0; }
header .head .logo .line{ right: 0; }
header .head .pc_menu{display: flex; height: 100%; }
header .head .pc_menu .main_box{display: block;  height: 100%;position: relative; }
header .head .pc_menu .main_box .main_menu{height: 100%;}
header .head .pc_menu .main_box .main_menu a{display: flex; align-items: center; justify-content: center;  height: 100%; color: #fff; font-size: 16px;transition: 0.3s; position: relative; padding: 0 30px;}
header .head .pc_menu .main_box .main_menu a h1{height: 100%; position: relative; display: flex; align-items: center;}
header .head .pc_menu .main_box .main_menu a i{transition: 0.3s;}
header .head .pc_menu .main_box .main_menu a i::before{content: "\e69a";}
header .head .pc_menu .main_box .main_menu em{position: absolute; left: 70px; top: 14px; color: #ed7d31; font-size: 28px;}
header .head .pc_menu .main_box .main_menu em img{display: block;width: 26px;}
header .head .pc_menu .main_box .main_menu a h1 p{position: absolute; width: 0; height: 2px; background: #fff; left:0; bottom: 0; transition: 0.3s; }
header .head .pc_menu .main_box:hover .main_menu a h1 p{width:0;}
header .head .pc_menu .main_box:hover .main_menu a{color: #4cc966;}
header .head .pc_menu .main_box .main_menu a.on{color: #4cc966;}
header .head .pc_menu .main_box:hover .main_menu a i{transform: rotate(180deg);}
header .head .pc_menu .main_box .pc_second{ position: absolute; left: 0; top: 61px; width: 240px;   transition: all .3s ease-in-out; z-index: 9999999; opacity: 0; visibility:hidden; height: auto; }
header .head .pc_menu .main_box .pc_second em{display: block;width: 14px; height: 9px; padding-top: 10px; margin-left: 56px;}
header .head .pc_menu .main_box .pc_second em img{display: block;width: 100%;}
header .head .pc_menu .main_box .pc_second span{display: block; background: #fff; box-sizing: border-box;padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.1);}
header .head .pc_menu .main_box .pc_second span a{display: flex; align-items: center; justify-content: space-between; margin-top: 14px;}
header .head .pc_menu .main_box .pc_second span a h1{transition: 0.3s;}
header .head .pc_menu .main_box .pc_second span a:first-child{margin-top: 0;}
header .head .pc_menu .main_box .pc_second span a i{transform: rotate(-90deg); transition: 0.3s;}
header .head .pc_menu .main_box .pc_second span a:hover{color: #004eaf;}
header .head .pc_menu .main_box:hover .pc_second{ opacity: 1;  visibility: visible;}

header .head .head_r{display: flex; height: 100%;}
header .head .login{height: 100%;  position: relative; }
header .head .login span{display: block;  height: 100%; color: #fff; box-sizing: border-box;   padding:0 30px;}
header .head .login span a{display: flex; align-items: center;  height: 100%;color: #fff;}
header .head .login span i{ margin-right: 6px; display: block; font-size: 20px;}
header .head .login span h1{font-size: 15px;}

header .head .mobile_click{display: none;height: 100%; position: relative;  box-sizing: border-box; padding: 0 30px;}
header .head .mobile_click .line{left: 0;}
header .head .mobile_click .hand{width: 26px;  cursor: pointer;}
header .head .mobile_click .hand i{width: 100%; height: 2px; background: #000; display: block; margin: 0 auto; margin-top: 6px; transition: 0.5s;}
header .head .mobile_click .hand i:first-child{margin-top: 0;}
header .head .mobile_click .hand.active i:nth-child(1){transform: rotate(45deg) translateY(5px) translateX(5px);}
header .head .mobile_click .hand.active i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
header .head .mobile_click .hand.active i:nth-child(3){ width: 4px;}

.chat{width: 80px; position: fixed; right: 30px; z-index: 99999; background: #004eaf; border-radius: 10px; bottom: 30%;}
.chat .item{width: 100%; color: #fff; font-size: 12px;text-align: center;   height: 70px; cursor: pointer; transition: 0.3s; position: relative; display: flex; align-content: center; flex-wrap: wrap; }
.chat .item:hover{background: #72ac36;}
.chat .item i{display: block;  font-size: 24px; width: 100%;}
.chat .item p{width: 100%;}
.chat .item:nth-child(1){border-radius: 10px 10px 0 0;}
.chat .item:nth-child(1) i::before{content: "\e7bb"; font-family: 'iconfont';}
.chat .item:nth-child(2) i::before{content: "\e69d"; font-family: 'iconfont';}
.chat .item:nth-child(3) i::before{content: "\e65a"; font-family: 'iconfont';}
.chat .item:nth-child(3){border-radius:0 0 10px 10px;}
.chat .showbox{position: absolute; width: 300px; overflow: hidden; background: #eee; display: none; left: -300px; top: 0; box-sizing: border-box; padding: 15px;border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.chat .showbox span{display: block; padding-bottom: 20px;}
.chat .showbox span:last-child{padding-bottom: 0;}
.chat .showbox em{display: block; background: #fff;border-radius: 8px; overflow: hidden; padding: 6px;box-sizing: border-box;}
.chat .showbox em img{display: block; width: 100%;}
.chat .showbox h1{color: #004eaf; margin-top: 6px;}
.chat .item:nth-child(2) .showbox{top: -70px;}
.chat .showbox .welcom{color: #000; text-align: center;}
.chat .showbox .title{color: #004eaf; font-size: 14px; margin-top: 10px; font-weight: bold;}
.chat .showbox .dianhuas{font-size: 14px; color: #000; text-align: justify; text-align: center; margin-top: 6px; line-height: 1.4;}
.chat .item:nth-child(3) .showbox{top: 0px;}

.gototop{ width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box; position: fixed; right: 50px; z-index: 99999; background: #fff; border: 2px #004eaf solid;  overflow: hidden; bottom: 24%;  align-items: center; justify-content: center; cursor: pointer;transition: 0.3s;color: #004eaf; display: none;}
.gototop.show{display: flex;}
.gototop::before{content: "\e635"; font-family: 'iconfont';  font-size: 24px;}
.gototop:hover{background: #004eaf; color: #fff;}

/* .sjj_nav{position:fixed;z-index:9999;background:#fff;width:100%;height:calc(100vh - 72px);left:0;overflow:auto; display: none; top: 72px; transform: translateX(100%);cubic-bezier(0.075, 0.82, 0.165, 1); transition: all ease 0.5s; box-sizing: border-box; padding: 0 20px;}
.sjj_nav.active{transform: translateX(0);}
.sjj_nav ul li i{position:absolute;top:0;right:0px; width: 30px; height:30px; display: flex; align-items: center; justify-content: flex-end;}
.sjj_nav ul li i::before{content: "\e61a"; font-family: 'iconfont'; transition:all ease 0.35s;transform:rotate(-90deg); display: block;}
.sjj_nav ul li i.sjj_nav_i_se::before{color:#004eaf;transform:rotate(0deg);}

.sjj_nav ul li{position:relative; margin-top: 30px; font-size:16px; font-weight: bold; }
.sjj_nav ul li a{color:#000; height: 30px; line-height: 30px;}
.sjj_nav ul li ul{display:none; margin-left: 10px;}
.sjj_nav ul li ul li{margin-top: 20px; font-size: 15px;}
.sjj_nav ul li ul li a{color: #333; font-weight: normal;}
.sjj_nav ul li ul li ul li{margin-top: 14px; font-size: 14px;}
.sjj_nav ul li ul li ul li a{color: #666; font-weight: normal;}
.sjj_nav ul li ul li ul li ul li a{color: #999; font-weight: normal;} */



.banner{width: 100%;height: 100vh; overflow: hidden; position: relative;--swiper-navigation-size: 0px; }
.banner .swiper{width: 100%; height: 100%;}
.banner .swiper-slide{width: 100%;height: 100%;overflow: hidden; position: relative;}
.banner .swiper-slide .banner_bg{width: 100%;height: 100%; position: absolute; left: 0; top: 0; z-index: 0;}
.banner .swiper-slide .banner_bg img{display: block;width:100%;height:100%;object-fit:cover; transform: scale(2);transition: 8s ease-in-out;}
.banner .swiper-slide .banner_info{width: 1200px; position: absolute;z-index: 2; left:50%; margin-left: -600px; top:50%; transform: translateY(-50%); color: #fff; text-align: center;}
.banner .swiper-slide .banner_info h1{width: 352px; margin: 0 auto; transform: translateY(100px); transition:1s  0.1s; opacity: 0; margin-top: -40px;}
.banner .swiper-slide .banner_info h1 img{display: block;width: 100%;}
.banner .swiper-slide .banner_info h2{font-size: 72px; font-weight: bold; transform: translateY(100px); transition:1s  0.2s; opacity: 0; margin-top: -20px;}
.banner .swiper-slide .banner_info h3{font-size: 18px; letter-spacing: 10px; margin-top: 10px;  transform: translateY(100px);transition:1s  0.3s; opacity: 0;}

.banner .swiper-slide-active .banner_info h1
,.banner .swiper-slide-active .banner_info h2
,.banner .swiper-slide-active .banner_info h3
{
  transform: translateY(0);opacity: 1;
  -ms-transform: translateY(0);opacity: 1;
  -moz-transform: translateY(0);opacity: 1;
  -webkit-transform: translateY(0);opacity: 1;
  -o-transform: translateY(0);opacity: 1;
  transform: translateX(0);opacity: 1;
  -ms-transform: translateX(0);opacity: 1;
  -moz-transform: translateX(0);opacity: 1;
  -webkit-transform: translateX(0);opacity: 1;
  -o-transform: translateX(0);opacity: 1;
}
.banner .swiper-slide-active .banner_bg img{transform: scale(1);}

.banner .swiper-button-next{width: 40px!important;height: 40px!important; border-radius: 50%; right: 160px!important; opacity: 0.5; transition: 0.3s;}
.banner .swiper-button-next::before{content: "\e670"; transform: rotate(180deg); color: #fff; font-family: 'iconfont'; font-size: 40px;}
.banner .swiper-button-next:hover{opacity: 1;}
.banner .swiper-button-prev{width: 40px!important;height: 40px!important; border-radius: 50%; left: 160px!important; opacity: 0.5;transition: 0.3s;}
.banner .swiper-button-prev:hover{opacity: 1;}
.banner .swiper-button-prev::before{content: "\e670";  color: #fff; font-family: 'iconfont'; font-size: 40px;}

.banner .dotbox{width:100%; position: absolute;left:0;  bottom: 30px;z-index: 2;}
.banner .dots{display: flex; justify-content: center; align-items: center;}
.banner .dots span{width: 18px;height:18px; display: flex; align-items: center; justify-content: center; cursor: pointer;  margin:0 5px;  box-sizing: border-box; border-radius: 50%; transition: 0.5s ease-in-out; border: 1px rgba(255,255,255,0) solid;}
.banner .dots span i{width: 14px;height: 14px; background: rgba(255,255,255,.4); border-radius: 50%; display: block; transition: 0.3s;}
.banner .dots span.active{border: 1px #fff solid;}
.banner .dots span.active i{background: #fff;}
.banner .explore{width: 72px;height: 72px;border-radius: 50%;border: 2px #fff dashed;position: absolute;z-index: 3;left: 50%;transform: translateX(-50%);bottom:100px;color: #fff; display: flex; align-items: center; justify-content: center;}
.banner .explore span{display: flex;flex-direction: column;justify-content: center;align-items: center;animation: tansuo 1s linear infinite alternate;}
.banner .explore span h1{font-size: 12px;}
@keyframes tansuo
{
	from {transform: translateY(0px);}
	to {transform: translateY(10px);}
}


/* 公用 */
.font_effect>span{display:inline-table;overflow:hidden;}
.font_effect>span>font{display:block;-webkit-animation-duration:.6s !important;animation-duration:.6s !important;}
.main_title{width: 100%;text-align: center;}
.main_title .big{font-size: 42px;font-weight: bold; color: #004eaf;}
.main_title .small{font-size: 16px;color: #999;}
.main_title.white .big{color: #fff;}
.main_title.white .small{color: #fff;}
.content_box{padding: 60px 0;}
/* 首页新闻 */
.news_content{background: #f7f7f7;position: relative; z-index: 1; }
.home_news{display: flex;justify-content: space-between; margin-top: 60px; gap:30px;}
.home_news .item{background: #fff;  overflow: hidden; box-sizing: border-box; padding: 20px; width: calc(33.333% - 20px);}
.home_news .item .item-title{display: flex; align-items: center;font-size: 24px;}
.home_news .item .item-title h1{margin-left: 8px;}
.home_news .item .item-title i{font-size: 24px;}
.home_news .item .pic_news{width: 100%;  height: 30vh; overflow: hidden; margin-top: 20px;}
.home_news .item .pic_news .swiper{width: 100%;height: 100%; --swiper-navigation-size: 0px;}
.home_news .item .pic_news .swiper-slide{width: 100%;height: 100%; overflow: hidden;}
.home_news .item .pic_news .slide_info{width: 100%;height: 100%; overflow: hidden; position: relative; }
.home_news .item .pic_news .slide_info img{display: block;width: 100%;height: 100%; object-fit: cover;}
.home_news .item .pic_news .slide_info span{display: block;width: 100%;height: 46px; line-height: 46px; background: rgba(0,0,0,.6); position: absolute; left: 0; bottom: 0; z-index: 2; color: #fff; box-sizing: border-box; padding: 0 12px; }
.home_news .item .pic_news .slide_info span h1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px;}
.show{opacity:1!important;}
.home_news .swiper-button-next{width: 40px!important;height: 40px!important;background: rgba(0,0,0,.4)!important; border-radius: 50%; margin-top: -20px!important; opacity: 0; transition: 0.3s;}
.home_news .swiper-button-next::before{content: "\e69a"; transform: rotate(-90deg); color: #fff; font-family: 'iconfont'; font-size: 20px;}
.home_news .swiper-button-prev{width: 40px!important;height: 40px!important;background: rgba(0,0,0,.4)!important; border-radius: 50%; margin-top: -20px!important; opacity: 0;transition: 0.3s;}
.home_news .swiper-button-prev::before{content: "\e69a"; transform: rotate(90deg); color: #fff; font-family: 'iconfont'; font-size: 20px;}
.home_news .item .text_news{}
.home_news .item .text_news a{display: flex; align-items: center; margin-top: 14px;}
.home_news .item .text_news a i::before{content: "";display: block; width: 5px;height: 5px; border-radius: 50%;background: #004eaf;}
.home_news .item .text_news a h1{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #666; transition: 0.3s; margin-left: 6px;}
.home_news .item .text_news a:hover h1{color: #004eaf;}
.home_news .item .more{ margin-top: 20px; }
.home_news .item .more a{transition: 0.3s;}
.home_news .item .more a:hover{color: #004eaf;}
/* 首页服务项目 */
.serve_content{position: relative; z-index: 2; overflow: hidden; }
.serve_content .bg{background: url('../img/serve_bg.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%;height: 130%; position: absolute; left: 0; top: 0; z-index: -1;}
.home_serve{display: flex; flex-wrap: wrap; margin-top: 60px; gap:24px;}
.home_serve span{display: block;width:calc(25% - 18px);  background: rgba(0,78,175,.7); color: #fff; text-align: center;  border-radius: 20px 0 0 0; transition: 0.3s;}
.home_serve span a{display: block; width: 100%;height: 100%; color: #fff;box-sizing: border-box;padding:50px 30px;}
.home_serve span i{font-size: 42px;}
.home_serve span h1{font-size: 18px; margin-top: 10px; font-weight: bold;}
.home_serve span h2{ margin-top: 10px; color: rgba(255,255,255,.6);}
.home_serve span:hover{background: #fff;}
.home_serve span:hover i{color: #004eaf;}
.home_serve span:hover h1{color: #000;}
.home_serve span:hover h2{color: #999;}
.more_serve{ width: 200px;height: 46px; border: 1px #fff  solid; margin: 0 auto; margin-top: 60px; transition: 0.3s;}
.more_serve a{display: flex; align-items: center; justify-content: center;width: 100%;height: 100%; color: #fff;}
.more_serve:hover{background: #fff;}
.more_serve:hover a{color: #000;}

.state_content{position: relative; z-index: 3; background: #eaeff5;}
.home_state{margin-top: 60px;}
.home_state .top_info{display: flex;flex-wrap: wrap; gap:24px;}
.home_state .top_info span{display: flex; align-items: center; justify-content: space-between; background: #fff; box-sizing: border-box; padding: 20px; width: calc(25% - 18px);}
.home_state .top_info span:nth-child(4n){margin-right: 0;}
.home_state .top_info span dl dt{font-size: 18px;font-weight: bold; color: #999;}
.home_state .top_info span dl dd{}
.home_state .top_info span dl dd em{font-size: 32px;font-weight: bold;}
.home_state .top_info article{width: 50px;height: 50px; border-radius: 50%; border: 2px #999 dashed; display: flex; align-items: center; justify-content: center;}
.home_state .top_info article i{font-size: 24px;}

.huanxing{display: flex; align-items: center; justify-content: center; margin-top: 60px;}
.percent{position: relative;width: 150px;height: 150px; margin: 0 30px;}
.percent svg{width: 150px;height: 150px;}
.percent svg circle{
	fill: none;
	stroke-width: 10;
	transform: translate(5px, 5px);
	/*设置虚线长度=圆的周长（2*80*3.14）*/
	stroke-dasharray: 440;
	/* 设置偏移量 */
	stroke-dashoffset: 440;
}
.percent svg circle:nth-child(1){
	stroke-dashoffset: 0;
	stroke: #fff;
}
.percent svg circle:nth-child(2){
	stroke-dashoffset: calc(440 - 440 * (20/100));
}
.percent:nth-child(1){
	stroke: #74d252;
}
.percent:nth-child(2){
	stroke: #f7ce51;
}
.percent:nth-child(3){
	stroke: #e55c5c;
}
.percent .number{
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #333;
}
.percent .number h1{font-size: 16px;color: #666;}
.percent .number h2{margin-top: 8px;}
.percent .number span:nth-child(1){
	font-size: 32px;
	line-height: 32px;
}
.percent .number span:nth-child(2){
	font-size: 14px;
}


.heart_content{  position: relative; background: #f7f7f7; padding: 0; padding-bottom: 60px;}
.adv{width: 100%; padding: 60px 0; position: relative; overflow: hidden;}
.adv .bg{background: url('../img/xinbg.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%;height: 130%; position: absolute; left: 0; top: 0; z-index: 0;}

.home_heart{position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;}
.home_heart span{display: block; color: #fff; margin: 0 20px; text-align: center; margin-top: 60px;}
.home_heart span i{font-size: 36px;}
.home_heart span h1{font-size: 20px; margin-top: 10px;}
.home_heart span h2{font-size: 12px; margin-top: 4px; color: rgba(255,255,255,.7);}

.home_case{display: flex; flex-wrap: wrap; margin-top: 60px; gap:32px; }
.home_case a{display: block; width: calc(25% - 24px);background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.home_case a em{display: block; width: 100%; height: 300px;}
.home_case a em img{display: block;width: 100%; height: 300px; object-fit: cover;}
.home_case a span{display: block; position: relative; height: 60px; line-height: 60px;}
.home_case a span i{display: block; width: 100%; height: 0; background: #004eaf; position: absolute; left: 0; bottom: 0; z-index: 1; transition: 0.5s;}
.home_case a span h1{width: calc(100% - 28px);position: absolute; left: 14px; top: 0; z-index: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 100%; transition: 0.3s; font-size: 16px;}
.home_case a:hover span i{height: 100%;}
.home_case a:hover span h1{color: #fff;}
.more_case{ width: 200px;height: 46px; border: 1px #ddd  solid; margin: 0 auto; margin-top: 60px; transition: 0.3s;}
.more_case a{display: flex; align-items: center; justify-content: center;width: 100%;height: 100%;}
.more_case:hover{background: #004eaf;}
.more_case:hover a{color: #fff;}

.safe_content{ position: relative; overflow: hidden;}
.safe_content .bg{background: url('../img/safe.jpg') #dae8f9;background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%;height: 130%; position: absolute; left: 0; top: 0; z-index: 0;}
.pays{display: flex;flex-wrap: wrap; justify-content: center; margin-top: 60px; }
.pays span{display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;  margin: 0 30px;}
.pays span em{display: flex; align-items: center; justify-content: center; width: 80px;height: 80px; border-radius: 50%;}
.pays span:nth-child(1) em{background: #ef7676;}
.pays span:nth-child(2) em{background: #4cc966;}
.pays span:nth-child(3) em{background: #a194ff;}
.pays span:nth-child(4) em{background: #4ea1ff;}
.pays span:nth-child(5) em{background: #4adafe;}
.pays span:nth-child(6) em{background: #3fd4b6;}
.pays span i{font-size: 36px; color: #fff;}
.pays span h1{font-size: 18px; margin-top: 6px;}
.home_safe{ margin-top: 60px; box-sizing: border-box; display: flex; flex-wrap: wrap;  }
.home_safe .line{width: 1px; background: #eee;}
.home_safe .lf{width: 50%; background: #fff; padding: 20px 0;}
.home_safe .rt{width: 50%; background:#f7f7f7;padding: 20px 0;}
.home_safe span{display: flex; align-items: center; width: 100%; height: 60px; box-sizing: border-box;padding: 0 20px;}

.home_safe span i{color: #72ad36; font-size: 24px;}
.home_safe span h1{font-size: 16px; color: #999;}


.logo_content{background: #f7f7f7;}
.home_logos{display: flex;flex-wrap: wrap; gap:20px; margin-top: 60px;}
.home_logos span{box-sizing: border-box; width: calc(10% - 18px);background: #fff; display: flex; align-items: center; justify-content: center; padding: 30px;}
.home_logos span img{display: block; width: 100px;height: 100px;}

.msg_box{width: 600px; height: 400px; position: fixed; z-index: 999999; left: 0; top: 0; right: 0; bottom: 0; margin: auto;  background:#010242;  box-sizing: border-box; padding: 30px; transform: scale(0); transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); opacity: 0;}
.msg_box.show{transform: scale(1); opacity: 1;}
.msg_box .msg_title{color: #fff; font-size: 24px;font-weight: bold;}

.msg_box .row{display: flex; justify-content:space-between; margin-top: 20px;}
.msg_box .row span{display: block; width: calc(50% - 10px);}
.msg_box .row input{box-sizing: border-box;  width: 100%;height: 44px; border: none;  font-size: 16px; background: none; border-bottom: 1px  rgba(255, 255, 255, .6) solid; color: rgba(255, 255, 255, .6);}
.msg_box .row textarea{width: 100%; box-sizing: border-box;  border: none; height: 70px; font-size: 16px; background: none; border-bottom: 1px  rgba(255, 255, 255, .6) solid;color: rgba(255, 255, 255, .6);}
.msg_box  button{width: 100%;height: 44px; background: #7ab73a; color: #fff; font-size: 18px; margin-top: 30px; transition: 0.3s;}
.msg_box button:hover{background: #598629; color: #fff;}
.msg_box input::placeholder {color: rgba(255,255,255,.4);}
.msg_box textarea::placeholder {color: rgba(255,255,255,.4);}
.close_msg{width: 40px;height: 40px;border-radius: 50%; top: -16px; right: -16px; background: #7ab73a; box-sizing: border-box; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; position: absolute; border: 2px #fff solid;}

footer{width: 100%; background: #004eaf; padding-top: 60px;}
.foot_top{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.foot_top .fl{border-left: 4px solid #7ab73a; padding-left: 10px;}
.foot_top .fl img{display: block;width:154px; height: auto;}
.foot_top .fl i{color: #fff; display: block; display: block; margin-top: 20px;}
.foot_top .fl span{margin-top: 4px;font-size: 30px; color: #fff; display: block;}
.foot_top .fl ul{margin-top: 20px;color: #fff;}
.foot_top .fl ul li{line-height: 1.8;}
.foot_top .fm{display: flex; flex-wrap: wrap; justify-content: space-between; }
.foot_top .fm .item{ max-width: 140px; margin: 0 40px;}
.foot_top .fm .item:first-child{margin-left: 0;}
.foot_top .fm .item:last-child{margin-right: 0;}
.foot_top .fm .item span{color: #fff; font-size: 16px;transition: 0.3s;}
.foot_top .fm .item span a{ color: #fff; font-size: 18px;transition: 0.3s;}
.foot_top .fm .item ul{margin-top: 10px;}
.foot_top .fm .item ul li{margin-top: 14px;}
.foot_top .fm .item ul li a{color: rgba(255, 255, 255, .6); transition: 0.3s;}
.foot_top .fm .item ul li a:hover{ color: #7ab73a;}
.foot_top .fm .item em{display: block; position: relative;}
.foot_top .fm .item em img{display: block; width: 32px; position: absolute; right: -24px; top:-18px;}
.foot_top .fm .item em:nth-child(2){margin-top: 10px;}
.foot_top .fm .item em:nth-child(3){margin-top: 10px;}
.foot_top .fm .item em a{ color: #fff; transition: 0.3s; font-size: 18px;}
.foot_top .fm .item em a:hover{ color: #7ab73a;}
.foot_top .fr{width: 100px;}
.foot_top .fr em{display: block; width: 100px;height: 100px; background: #fff;box-sizing: border-box; padding: 6px;}
.foot_top .fr em img{display: block; width: 100%;height: 100%;}
.foot_top .fr p{text-align: center;color: #fff; margin-top:8px;}


.foot_b{width: 100%; height: 70px; background: #003b85; margin-top: 70px;display: flex; align-items: center; }
.foot_b .bbox{ display: flex; justify-content: space-between; align-items: center; color:  rgba(255, 255, 255, .6); flex-wrap: wrap;}
.foot_b .bbox .lf{display: flex; flex-wrap: wrap;}
.foot_b .bbox .lf span{display: block;}
.foot_b .bbox .lf span:nth-child(1){margin-right: 20px;}
.foot_b .bbox a{color: rgba(255, 255, 255, .6); transition: 0.3s;}
.foot_b .bbox a:hover{color: #7ab73a;}


.o_banner{width: 100%;height: 70vh; position: relative; overflow: hidden;}
.o_banner .bg{width: 100%;height: 100%; overflow: hidden;}
.o_banner .bg img{display: block; width: 100%;height: 100%; object-fit: cover; animation: fb 6s linear infinite alternate;}
.o_banner .otext{width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left:0; }
.o_banner .otext span{text-align: center; color: #fff;}
.o_banner .otext .cn{font-size: 52px; font-weight: bold; display: flex; justify-content: center; }
.o_banner .otext .en{font-size: 32px;  text-transform: uppercase;display: flex; justify-content: center;}
@keyframes fb
{
	from {transform: scale(1.2);}
	to {transform: scale(1);}
}


.flex_menu{width: 100%;height: 70px;background: #fff;  box-shadow: 0 0 20px rgba(0,0,0,.1);   display: flex; justify-content: center;  position: relative; z-index: 99;}
.flex_menu a{display:block; line-height: 70px; font-size: 18px; transition: 0.3s; overflow: hidden;  height: 100%;  position: relative;  margin: 0 30px;}
.flex_menu a i{position: absolute; left: 50%; transform: translateX(-50%); height: 2px; background: #004eaf; bottom: 0; transition: 0.5s; width: 0;}
.flex_menu a:hover{color: #004eaf; font-weight: bold;}
.flex_menu a:hover i{width: 100%;}
.flex_menu a.on{  font-weight: bold;color: #004eaf;}
.flex_menu a.on i{width: 100%;}





.about_box{width: 1200px;margin: 0 auto; background: #f8fbfd; overflow: hidden; padding: 60px 0 120px 0; position: relative;}
.about_box img{display: block;max-width: 100%!important;height: auto!important;}
.a_pic{height: 400px;  overflow: hidden; margin-top: 60px;}
.a_pic img{display: block; width: 100%;height: 100%; object-fit: cover;}
.anumbox{}
.anumbox ul{ display: flex; justify-content: space-around;}
.anumbox ul li h1{display: flex; align-items: flex-end;}
.anumbox ul li h1 em{font-size: 62px; font-weight: bold; color: #004eaf; line-height: 0.8;}
.anumbox ul li h2{margin-top: 10px; font-size: 16px; text-align: center;}

.jianjie{width: 100%; margin-top: 50px;font-size: 16px; color: #666; line-height: 2;}

.marquee-box {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.marquee {
	width: 8000%;
	height: 60px
}
.wave-list-box {
	float: left
}
.wave-list-box ul {
	float: left;
	height: 60px;
	overflow: hidden;
	zoom: 1
}
.wave-list-box ul li {
	height: 60px;
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: none
}
.wave-box {
	width: 100%;
	position: absolute;
	height: 60px;
	left: 0;
	bottom: 0;
}

.contact_box{background: #f7f7f7; overflow: hidden;}
.con_box{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px;}
.clist{ background: #fff; width: calc(25% - 20px); box-sizing: border-box; padding: 30px;}
.clist h1{font-size: 24px;font-weight: bold;}
.clist h3{color: #999; margin-top: 30px;}
.clist h4{font-size: 18px; font-weight: bold; margin-top: 10px;}
.clist:last-child{text-align: center;}
.clist span{display: block; width: 200px; margin: 0 auto; margin-top: 20px;}
.clist span img{display: block; width: 100%;}


._map{width: 100%;height: 600px;  margin-top: 60px; }
._map .gaodemap{width: 100%;height: 100%;}
._map .ripple{text-align: center;}
._map .ripple>i{font-size: 32px;display: block;color: #004eaf;}
._map .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block;border-radius: 50%;background-color:#004eaf;transform: translateX(-50%);}
._map .ripple>span:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #004eaf;
animation:soak 6s ease-in-out infinite;opacity: 0;}
@keyframes soak{
	0% {
		opacity:.6;
		transform:scale(1);
	}

	50% {
		opacity:.2;
		transform:scale(6);
	}

	100% {
		opacity:.6;
		transform:scale(1);
    }
}

.all_news{padding-bottom: 60px;}
.news_box{display: flex;  flex-wrap: wrap; gap:40px; margin-top: 60px;}
.news_box a{width: calc(25% - 30px);background: #f5f5f5; position: relative; padding-bottom: 40px; overflow: hidden; border-radius: 6px; box-sizing: border-box;padding: 30px; position: relative; transition: 0.3s;}
.news_box a:hover{background: #f1f8ff;}
.news_box a h1{color: #999;}
.news_box a h2{
	font-size: 18px; 
	margin-top: 30px; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 52px;
	line-height: 26px;
}
.news_box a span{display: block; width: 100%;height: 200px; overflow: hidden; margin-top: 30px;}
.news_box a span img{display: block;width: 100%;height: 100%; object-fit: cover; transition: 0.5s;}
.news_box a dl{display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.news_box a:hover h1{color: #004eaf;}
.news_box a:hover h2{color: #004eaf;}
.news_box a:hover span img{transform: scale(1.1);}
.news_box a:hover dl{color: #004eaf;}
.news_box a i{width: 0; position: absolute; left: 0; bottom: 0; height: 3px;background: #004eaf; transition: 0.5s;}
.news_box a:hover i{width: 100%;}



.page{
	display: flex;
	justify-content: center;
    list-style: none;
	margin-top: 60px;
}
.page>li{
    float: left;
    width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 50%;
    cursor: pointer;
}
.page .pageItem{
    border: solid thin #DDDDDD;
    margin: 5px;
}
.page .pageItemActive{
    border: solid thin #004eaf;
    margin: 5px;
    background-color: #004eaf;
    color:white;
}
.page .pageItem:hover{
    border: solid thin #004eaf;
    background-color: #004eaf;
    color:white;
}
.page .pageItemDisable{
    border: solid thin #DDDDDD;
    margin: 5px;
    background-color: #DDDDDD;
}





.news_details{ width: 1200px; margin: 60px auto; overflow: hidden; position: relative;}
.r_content{ overflow: hidden;}
.list_title{}
.list_title h1{font-size: 36px; text-align: center;}
.list_title h2{font-size: 16px;color: #999; margin-top: 20px;text-align: center;}
.html_info{margin-top: 50px; line-height: 1.6; font-size: 16px;}
.actions{width: 120px;  float: left;}
.time{width: 100%;height: 120px;background: #004eaf; color: #fff; display: flex;flex-direction: column; align-content: center; justify-content: center; align-items: center;}
.time h1{font-size: 46px;font-weight: bold;}
.btns{display: flex; flex-direction: column;align-content: center; justify-content: center; align-items: center;gap:20px; margin-top: 30px;}
.btns a{display: flex; align-items: center; justify-content: center; width: 60px;height: 60px; border-radius: 50%;background: #e2f0ff; transition: 0.3s;}
.btns a i{font-size: 20px;}
.btns a:hover{background: #004eaf; color: #fff;}
.btns a:last-child i{transform: rotate(180deg);}



.all_services{padding: 60px 0;}
.services_content{display: flex; flex-wrap: wrap; gap:40px;}
.services_content .item{width: calc(25% - 30px); background: #fff; box-shadow: 0 0 20px rgba(0,78,175,.2); box-sizing: border-box;padding: 30px; border-radius: 6px;  cursor: pointer; position: relative; overflow: hidden;}
.services_content .item a{display: flex;align-items: center; flex-direction: column; justify-content: space-between;}
.services_content .item .bg{width: 100%;height: 100%;background: linear-gradient(to left top,#004eaf,#72ac36); position: absolute; left: -100%; top: 0; z-index: -1; transition: 0.6s  cubic-bezier(0.25, 0.1, 0.25, 1); }
.services_content .item .tp{text-align: center;}
.services_content .item .tp h1{font-size: 32px;color: #004eaf;transition: 0.5s;}
.services_content .item .tp h2{font-size: 16px;color: #999; margin-top: 10px;transition: 0.5s;}
.services_content .item .bt{width: 60px;height: 60px;border-radius: 50%; background: #004eaf; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 30px;transition: 0.5s;}
.services_content .item:hover .bg{left: 0;}
.services_content .item:hover h1{color: #fff;}
.services_content .item:hover h2{color: #fff;}
.services_content .item:hover .bt{background: #fff; color: #004eaf;}
.services_content .item:nth-child(1){animation-delay:.0s;transition-delay: .0s;}
.services_content .item:nth-child(2){animation-delay:.1s;transition-delay: .1s;}
.services_content .item:nth-child(3){animation-delay:.2s;transition-delay: .2s;}
.services_content .item:nth-child(4){animation-delay:.3s;transition-delay: .3s;}
.services_content .item:nth-child(5){animation-delay:.4s;transition-delay: .4s;}
.services_content .item:nth-child(6){animation-delay:.5s;transition-delay: .5s;}
.services_content .item:nth-child(7){animation-delay:.6s;transition-delay: .6s;}
.services_content .item:nth-child(8){animation-delay:.7s;transition-delay: .7s;}
.services_content .item:nth-child(9){animation-delay:.4s;transition-delay: .8s;}
.services_content .item:nth-child(10){animation-delay:.5s;transition-delay: .9s;}
.services_content .item:nth-child(11){animation-delay:.6s;transition-delay: 1s;}
.services_content .item:nth-child(12){animation-delay:.7s;transition-delay: 1.1s;}

.services_show{width: 70%;height: 100vh;background: #fff; position: fixed;z-index: 99999999999999999; left: 0; top: 0; transition: 0.5s; left: -100%; }
.services_show.active{left: 0;}
.show_bg{width: 100%;height: 100vh;background:rgba(0,0,0,0); position: fixed;z-index: 9999999; left: 0; top: 0;transition: 0.5s; pointer-events: none;}
.show_bg.active{background:rgba(0,0,0,.7);pointer-events: auto;}
.services_info{width: calc(100% - 100px); margin: 0 auto; height: calc(100vh - 100px); margin-top: 50px; overflow-y: auto; padding-right: 50px; box-sizing: border-box}
.stitle{border-bottom: 1px #e8e8e8 solid; padding-bottom: 30px;}
.stitle h1{font-size: 36px;font-weight: bold;}
.stitle h2{font-size: 16px;color: #999; margin-top: 10px;}
.neirong{margin-top: 30px;font-size: 16px;line-height: 1.6;}
.neirong img{display: block;max-width:100%!important; height: auto!important;}

.close{width: 80px;height: 80px;background: #004eaf; position: absolute; right:-80px; top: 0; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer;}
.close i{font-size: 36px;}


.case_content{display: flex; flex-wrap: wrap; gap:45px;}
.case_content .item{width: calc(33.333333% - 30px); background: #fff; box-sizing: border-box; display: flex;align-items: center; flex-direction: column; justify-content: space-between; cursor: pointer; transition: 0.5s; display:block;}
.case_content .item em{display: block;width: 100%;height: 400px; overflow: hidden;}
.case_content .item em img{display: block;width: 100%;height: 100%; object-fit: cover; transition: 0.5s;}
.case_content .item span{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #e8e8e8 solid; height: 60px;transition: 0.5s;}
.case_content .item span h1{width: calc(100% - 100px); overflow: hidden;text-overflow: ellipsis;font-size: 16px; white-space: nowrap;transition: 0.5s;}
.case_content .item span i{font-size: 20px;transition: 0.5s;}
.case_content .item:nth-child(1){animation-delay:.0s;transition-delay: .0s;}
.case_content .item:nth-child(2){animation-delay:.1s;transition-delay: .1s;}
.case_content .item:nth-child(3){animation-delay:.2s;transition-delay: .2s;}
.case_content .item:nth-child(4){animation-delay:.3s;transition-delay: .3s;}
.case_content .item:nth-child(5){animation-delay:.4s;transition-delay: .4s;}
.case_content .item:nth-child(6){animation-delay:.5s;transition-delay: .5s;}
.case_content .item:nth-child(7){animation-delay:.6s;transition-delay: .6s;}
.case_content .item:nth-child(8){animation-delay:.7s;transition-delay: .7s;}
.case_content .item:nth-child(9){animation-delay:.4s;transition-delay: .8s;}
.case_content .item:nth-child(10){animation-delay:.5s;transition-delay: .9s;}
.case_content .item:nth-child(11){animation-delay:.6s;transition-delay: 1s;}
.case_content .item:nth-child(12){animation-delay:.7s;transition-delay: 1.1s;}
.case_content .item:hover img{transform:scale(1.1);}
.case_content .item:hover span h1{color: #004eaf;}
.case_content .item:hover span i{color: #004eaf; margin-right: 20px;}

.directory{
	padding: 60px 0;
}
.after_tip{
	position: fixed;
	z-index: 999999;
	background: rgba(0,0,0,.8);
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-content: center;
	color: #fff;
	border-radius: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: none;
}
.after_tip i{
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
}
.after_tip span{
	display: block;
	margin-top: 6px;
}

.download{
	margin-top: 60px;
	background: #fff;
	box-sizing: border-box;
	border: 1px #e8e8e8 solid;
}
.download span{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px #e8e8e8 solid;
	padding: 10px 20px;
	box-sizing: border-box;
}
.download span:nth-child(2n){
	background: #f7f7f7;
}
.download span:last-child{
	border-bottom: 0;
}
.download span h1{
	font-size: 14px;
}
.download span h2{
	width: 60px;
	height: 32px;
	border: 1px #e1e1e1 solid;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
	transition: 0.3s;
}
.download span h2:hover{
	background: #004eaf;
	color: #fff;
	border: 1px #004eaf solid;
}