.nav_top{ overflow:hidden; background: #021151;}
.nav_top ul{ width:60%; margin:5% auto 0; overflow:hidden;}
.nav_top li{ width:24%; float:left; font:16px "Microsoft YaHei"; text-align:center;}
.nav_top li dl{ display:block; width:52px; height:46px; margin:0 auto 12px; }
.nav_top li em{display:block;width:52px;height:46px;margin:0 auto 6px;}
.nav_top li a{ display:block; color:#fff;}
.nav_top .li1 dl{ background:url(../css/nav01.png) no-repeat;}
.nav_top .li2 dl{ background:url(../css/nav02.png) no-repeat;}
.nav_top .li3 dl{ background:url(../css/nav03.png) no-repeat;}
.nav_top .li4 dl{ background:url(../css/nav04.png) no-repeat;}
.nav_top .li5 dl{ background:url(../css/nav05.png) no-repeat;}
.nav_top .li6 dl{ background:url(../css/nav06.png) no-repeat;}
.nav_top .li7 dl{ background:url(../css/nav07.png) no-repeat;}
.nav_top li a:hover,.nav_top .cur a{ color:#0057C5;}
.nav_top li a:hover dl,.nav_top .cur dl{ background-position:0 -46px;}

.gyl{width: 100%; margin: 0 auto;background: #021151;}
.gyl_zl{width:1500px; height:964px;margin:0 auto;background:url(../images/20200806110328_495714850.png) no-repeat center;}
.gyl_zlbj{height:630px;width: 964px;box-shadow: 0 8px 20px rgba(80,80,80,0.1);background:#021151;margin-top:167px;float: left;}   
.gyl_zlbt{float: right;width: 200px;height:225px;background:#0057C5;margin-top:760px;}
.gyl_zlbt p{font-size: 45px;line-height: 70px;font-weight: normal;margin-left: 30px;letter-spacing: 2px;color: #ffffff;margin-top: 40px;font-weight: bold;}
.gyl_zlbj1{padding:60px 40px 14px 0;}    
.gyl_zlbj1 p{font-size: 45px;line-height: 0px;color: #fff;font-weight: bold;margin-top: 50px; }
.gyl_zlbj1 span{font-size:18px; font-weight:lighter; letter-spacing:1.8px; line-height: 80px;text-transform: uppercase;color: #fff;}
.gyl_zlbj1 em{width: 100%;float: left;margin-top: -20px;}
.gyl_zlbj2{margin: 0px 40px 0 0;}    
.gyl_zlbj2 p{width: 150px;height: 45px;background: #0057C5;color: #ffffff;font-size: 24px;line-height: 45px;text-align: center; margin-bottom: 20px;}
.gyl_zlbj2 span{font-size: 20px;line-height: 40px;color: #fff;letter-spacing: 1pt;     opacity: 0.7;}
.gyl_zlbj3{margin: 60px 40px 60px 0;}    
.gyl_zlbj3 p{width: 150px;height: 45px;background: #0057C5;color: #ffffff;font-size: 24px;line-height: 45px;text-align: center;margin-bottom: 20px;}
.gyl_zlbj3 span{font-size: 20px;line-height: 40px;color: #fff;letter-spacing: 1pt;     opacity: 0.7;}  
    
.gyl_fw {width: 100%;height: 1100px;margin: 0 auto; background:#021151;}
.gyl_fwbt{text-align: center; padding-top:40px;}
.gyl_fwbt dl{}
.gyl_fwbt dt{font-size:50px;padding-top:30px;font-weight: bold;color: #fff;letter-spacing: 2pt;margin-left: 15px;}      
.gyl_fwbt dd{font-size: 20px;line-height: 70px;color: #fff;}
.gyl_fwbt em{color:#f0c579;font-style: normal;}
.gyl_fwbt i{display: inline-block;}      

.fwnr{width: 1500px;margin: 0 auto;margin-top: 20px;} 
.fwnr ul{}
.fwnr li{width: 450px;height: 350px;display: inline-block;margin-top: 50px;border: 2px solid #eee;transition: 0.5s;}
.fwnr li:hover {box-shadow: 0 0 20px rgba(30, 125, 201, 0.22);transition: 0.5s;}
.fwnr li+li{margin-left: 68px;}    
.fwnr p{    text-align: center;padding-top: 30px;}
.fwnr em{display: block;text-align: center;}
.fwnr span{display: block;color: #fff;font-size: 24px;font-weight: bold;line-height: 50px;margin-top: 20px;margin-bottom: 10px;}
.fwnr b{font-size: 18px;line-height: 28px;color: #fff; font-weight:lighter;} 
    
 
.gyl_ly{width: 100%;height:740px; background: #021151;}    
.gyl_lybt{text-align: center;}
.gyl_lybt dl{}
.gyl_lybt dt{font-size:50px;padding-top: 60px;font-weight: bold; color:#fff;letter-spacing: 2pt;}      
.gyl_lybt dd{font-size: 20px;line-height: 70px;color:#fff;}
.gyl_lybt em{color:#f0c579;font-style: normal;}
.gyl_lybt i{display: inline-block;} 
    
.lynr{width: 1500px;margin: 0 auto;}
.lynr ul{}
.lynr li{text-align: center;display: block;vertical-align: middle;float: left;width:23%;height:396px; background: rgba(44,65,101,0.4); border-radius:8px;box-shadow: 0 8px 10px rgba(80,80,80,0.1);margin-top: 80px;}
.lynr li+li{margin-left:2.6%;}
.lynr em img{padding-top:56px;}
.lynr b{padding-top: 20px;font-size: 30px; padding-bottom:20px; line-height: 50px;color: #fff;display: block;font-weight: bold;margin: 0 auto;}
.lynr p{padding: 0px 20px;font-size:17px;line-height: 30px;color: #fff; font-weight:lighter; opacity: 0.9;}


/*发展历程*/
.development_bg{ margin-top:0px; padding-top:0px; width:100%; background:#1b1b1b; border-bottom:70px; background:url(../images/20200805102745_367711928.jpg) center no-repeat; background-repeat: no-repeat;
    background-attachment: fixed; height:680px;}

.development{ margin-top:0px;}
.development_line{ position:relative; top:295px; border:1px #434343 dashed;}
.path{ position:relative; padding-top:15px; margin:0 auto; width:1500px; height:210px; overflow:hidden;}
.path ul{ position:relative; padding-top:10px;}
.path li{ position:relative; padding:46px 0 0 18px; margin-left:20px; float:left; width:260px; letter-spacing:0.5px; font-size:15px; height:160px; border-left:1px #323232 solid; color:#fff; line-height:24px;}
.path li:nth-child(1){ margin-left:11px;}
.path li span{ display:block; margin-bottom:10px; font-size:32px; line-height:32px; color:#fff}
.path li en{ position:absolute; top:-8px; left:-12px; width:22px; height:22px; display:block; background:url(../images/20200805090530_1949243017.png) no-repeat; -webkit-transition:.5s ease-out; -moz-transition:.5s ease-out; -ms-transition:.5s ease-out; -o-transition:.5s ease-out; transition:.5s ease-out; animation:future 1.8s infinite; opacity:1;}
@keyframes future{
    0%{opacity:0.2;transform:scale(0.7)}
    50%{opacity:1;transform:scale(1.1)}
	100%{opacity:0.2;transform:scale(0.7)}
}
@-webkit-keyframes future{
    0%{-webkit-opacity:0.2;transform:scale(0.7)}
    50%{-webkit-opacity:1;transform:scale(1.1)}
	100%{-webkit-opacity:0.2;transform:scale(0.7)}
}}
.path_btn{}
.path_btn{ position:relative; width:124px; height:34px; border-radius:50px; border:1px #fff solid; margin:30px auto 0;}
.path_btn em{ display:block; width:60px; height:34px; overflow:hidden; cursor:pointer; position:absolute; top:0;}
.path_btn em img{ display:block;width:11px;height:20px;margin:6px auto 0;}
.path_btn em.prev{ left:0px; border-right:1px #fff solid;}
.path_btn em.next{ right:0;}
.clearfix{ zoom:1;}
.clearfix:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
    
	
/*自定义标题*/
.titled{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 50px;
	font-size: 36px;
	font-weight: normal;
	color: #333;
	margin-top: 85px;
letter-spacing: 1px;
margin-bottom:60px;
}
.titled span{font-size:20px; color:#999; display:block; line-height:48px;}

.titlee{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	line-height: 50px;
	font-size: 36px;
	font-weight: normal;
	color: #fff;
	margin-top:110px;
letter-spacing: 1px;
margin-bottom:60px;
}
.titlee span{font-size:20px; color:#fff; display:block; line-height:48px;}


}}



.suc_xx{background: #efeff0; padding:0 0 80px 0; margin:86px 0 0 0;}
.h_ln{background: #f6f8fa;padding-bottom: 0.9rem;}
.h_ln_con{display: flex;justify-content: space-between; margin-top:30px; background: rgba(44,65,101,0.4);  border-radius:16px;}
.h_ln_l{width:46%;overflow-y: auto;  padding:50px 0;}
.h_ln_l_box{padding:36px 0 28px 0; overflow: hidden;}
.h_ln_l_box .icon_animation{margin-right: 0.25rem; }
.h_ln_l_box p{ color:#0070ec; font-size:26px; padding-left:37px; line-height:34px; height:40px;}
.h_ln_l_box span{ display:block; padding-left:86px; color:#fff; opacity: 0.9; font-size:17px; line-height:28px;}
.h_ln_l_box.on{opacity: 1;  background: linear-gradient(to right, #021151, #132459); overflow:hidden;}
.h_ln_r{width:54%; padding:50px 0 0 0;position: relative;overflow: hidden; text-align:center;}
.h_ln_r_txt{margin-top: 0.3rem;}
.h_ln_l_box:hover .icon_animation img:first-child{top: -3px;left: 3px;}
.h_ln_l_box:hover .icon_animation img:last-child{top: 3px;left: -3px;}
.h_ln_r_box>img{z-index: 10;}
.h_ln_r_txt_p p{color: #8d98aa;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.h_ln_r_txt h3{margin-bottom: 0.2rem;}
/*.h_ln_r_box{width: 100%;height: 100%;}*/
.h_ln_r:hover .icon_animation img:first-child{top: -3px;left: 3px;}
.h_ln_r:hover .icon_animation img:last-child{top: 3px;left: -3px;}

.h_ln_l_box p img{ padding-right:16px; float:left;}


.container{margin: 0 auto; width:1500px !important;}

.wrap-title{margin-bottom:45px;animation:fadeinT 1s ease-in-out;}
.wrap-title h2{font-weight:normal;line-height:62px;font-size:32px;color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title p{line-height:28px;font-family:"DIN Medium";font-size:17px;color:#666;text-transform:uppercase;}
.wrap-title.white *{color:#fff;}


.step{ overflow:hidden; padding-top:74px;}
.step .btns{padding-top:21.6px; } 
.step .btns a{display:block;margin:0 auto;width:190px; text-align:center; height:56px;line-height:56px;font-size:20px;color:#fff;background:#156bff;border-radius:30px;transition:all 0.5s;}
.step .btns a:after{display:inline-block;margin-left:10px;content:"";width:8px;height:10px;vertical-align:middle;background:url(../images/submit.png) no-repeat;}
.step .btns a:hover{background:#f0c579;}


.subbox{ background:#021151;}
.suc_nav{padding:0 0;display: flex;justify-content: center;align-items: center;position: sticky; top:60px; z-index: 100; transition: all 0.6s ;  border-bottom:2px solid #03176d; background:#021151;}
.suc_nav a{display: inline-flex;line-height:70px; transition: all 0.3s; font-size:18px; color:#fff; font-weight: 500;}
.suc_nav .on,.suc_nav a:hover{color:#0070ECFF; position: relative; z-index:222;}

.suc_nav a{padding:0 90px;}

.copy_box{ margin-top:0px !important}

.suc_nav a::before{content: '';position: absolute; text-align:center; display: block; bottom:-2px; left:35.8%;  width:34px;height: 1px; margin:auto; background-color:#0070ec;transform: translate(-50%, -50%) scale(0);-webkit-transform: translate(-50%, -50%) scale(0);-moz-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);-o-transform: translate(-50%, -50%) scale(0);z-index: -1;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; border-radius:2px;}
.suc_nav a:hover :before, .suc_nav .on::before{transform: translate(50%, -50%) scale(1);-webkit-transform: translate(50%, -50%) scale(1.6);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1); border-radius:2px;}
.nylinkbox .nylinkbox_item:hover span, .nylinkbox .nylinkbox_item.on span{color: #0070ec;font-weight: 600;}


.Nav_btn{width: 143px; line-height: 49px;}
.Nav_btn a{color: #0070ec; border-radius: 5px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 88, 233, 0.74); font-size: 22px; text-align: center; display: block;}
.sbtn{width:100%; animation-duration: 500ms; background: rgba(0, 0, 0, 0.6); text-align:center; position: fixed; top: 0; bottom: 0;}
.btn1{width:100%;}

.btn9{ width:14px; height:14px; position:absolute; right:22px; top:19px; cursor:pointer; z-index:9999;}

.h66{height: 50px !important;}

.container {
  margin: 0 auto;
  width:80.2%;
}