@font-face {
	font-family: 'ShuHei';
	src: url('fonts/AlimamaShuHeiTi-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'hmm';
	src: url('fonts/HarmonyOS\ Sans\ SC.ttf') format('woff2');
}

html { font-size:calc(100vw/1920) !important; }
*{outline:0;margin:0;padding:0; box-sizing: border-box;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none; }
:focus{outline:0;}
a{color:#030c18;text-decoration:none; }
a:hover{color:#0b73cb;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ font-size: 16rem; appearance: none; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, "Segoe UI Semibold", "Segoe UI", Tahoma, Helvetica, sans-serif; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }

.clearfix:after { display: block; content: ''; clear: both;}

.wap_show{ display: none !important;}
.pc_show{ display: block !important;}

body{ color:#030c18; background: #ffffff; font-size: 16rem; line-height: 1.8; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, "Segoe UI Semibold", "Segoe UI", Tahoma, Helvetica, sans-serif; }

.wrap { overflow: hidden; }

.mainbox { margin: 0 160rem; position: relative; transition:all 300ms ease;}
.mainbox:after { display: block; content: ''; clear: both;}

.header { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; }

.topbar { height: 28rem; line-height: 28rem; overflow: hidden; background: #242424; color: #fff; font-size: 14rem; transition:all 300ms ease;}
.topbar a { color: #fff;}
.topbar .fl { float: left;}
.topbar .fr { float: right;}

.top-contact { font-weight: bold; background: url(../img/index/toptel.png) left center no-repeat; background-size: 15rem auto; padding-left: 20rem;}
.welcome { float: left;}
.fav { float: left; margin-left: 20rem; width: 28rem; height: 28rem; background: url(../img/index/fav.png) center center no-repeat #ffbe1a; background-size: 16rem auto; cursor: pointer; }
.fav:hover { opacity: 0.8;}

.topbox { height: 64rem; position: relative; }
.topbox:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1rem; background: #fff; opacity: 0.2;}

.head_logo { position: absolute; left: 0; top: 0; padding: 12rem 0;}
.head_logo img { display: block; height: 40rem; }

.head_right { position: absolute; right: 0; top: 0; }

.head_lang { float: left; position: relative; padding-right: 28rem; background: url(../img/index/d.png) right center no-repeat; background-size: 14rem auto;}
.head_lang .tit { cursor: pointer; user-select: none; padding: 0 0 0 28rem; line-height: 64rem; height: 64rem; color: #fff; background: url(../img/index/lang.png) left center no-repeat; background-size: 18rem auto;}
.head_lang .con { position: absolute; left: 0; background: rgba(0, 0, 0, 0.8); box-shadow: 0 4rem 20rem rgba(13,66,122,0.1); border-radius: 16rem; display: none; padding: 10rem 0;}
.head_lang .con a { display: block; color: #fff; padding: 10rem 28rem; }
.head_lang:hover .con { display: block;}

.head_nav { text-align: center; font-size: 0; }
.head_nav ul li { display: inline-block; vertical-align: middle; position: relative;}
.head_nav ul li .t { display: block; height: 64rem; line-height: 64rem; font-size: 16rem; color: #fff; padding: 0 52rem; position: relative; }
.head_nav ul li .t:after { display: block; content: ''; position: absolute; left: 52rem; right: 52rem; bottom: 0; height: 2rem; background: #ffbe1a; opacity: 0;}

.head_nav ul li .m { display: none; position: absolute; left: 50%; top: 64rem; transform: translateX(-50%); white-space: nowrap; font-size: 0;}
.head_nav ul li .m a{ display: inline-block; background: #28353d; width: 216rem; padding: 60rem 20rem; text-align: center; line-height: 30rem;}
.head_nav ul li .m a b { display: block; font-size: 18rem; background: linear-gradient(to right, #72cfec, #acaaf4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.head_nav ul li .m a img { display: block; height: 60rem;  margin: 26rem auto;}
.head_nav ul li .m a span { display: block; font-size: 16rem; color: #949a9e;}
.head_nav ul li .m a:hover { background: #394b56;}

.head_nav ul li:hover .t { color: #ffbe1a; font-weight: bold; }
.head_nav ul li:hover .m { display: block;}
.head_nav ul li .on { color: #ffbe1a !important; font-weight: bold; }
.head_nav ul li .on:after { opacity: 1;}

.head_search { float: left; margin-left: 20rem; margin-right: -10rem; background: url(../img/index/search.png) center center no-repeat; background-size: 16rem auto; width: 36rem; height: 64rem;}
.head_search:hover { opacity: 0.7;}

.headers .topbox { background: rgba(0,0,0,0.2); backdrop-filter: blur(10rem); }
.headers .topbar { height: 0; overflow: hidden;}

.headers .neitop .mainbox .head_nav ul li a{
	color: #fff;
}
.headers .neitop .mainbox .head_right .head_lang .tit{
	color: #fff;
}
.ibanner{ position: relative; color: #ffffff;}
.ibanner .swiper-container{ position: relative; width: 100%; z-index: 1;}
.ibanner .swiper-slide { overflow: hidden;}
.ibanner .swiper-slide .img img{ display: block; width: 100%; height: 100vh; object-fit: cover; }
.ibanner .swiper-slide .con { position: absolute; left: 160rem; right: 160rem; top: 50%; margin-top: -195rem;}
.ibanner .swiper-slide .con .t { font-size: 68rem; line-height: 90rem; color: #ffbe1a; font-family: 'ShuHei'; }
.ibanner .swiper-slide .con .t2 { font-size: 68rem; line-height: 90rem; font-family: 'ShuHei'; margin-bottom: 24rem;}
.ibanner .swiper-slide .con .m { font-size: 38rem; line-height: 68rem; font-family: 'ShuHei'; opacity: 0.6; }
.ibanner .swiper-slide .con .f { font-size: 28rem; line-height: 58rem; opacity: 0.6; }

.ibanner .swiper-pagination { bottom: 26rem !important; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.ibanner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 4rem; border-radius: 3rem; width: 18rem; height: 6rem;background: #fff; opacity: 0.5; position: relative; }
.ibanner .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; width: 34rem; }


.imain { transition:all 300ms ease; overflow: hidden; position: relative; }

.imain1 { padding: 60rem 0 150rem 0; }
.imain2 { padding: 60rem 0 150rem 0; background: url(../img/index/bg2.jpg) center center no-repeat #163360; background-size: cover; }
.imain3 { padding: 60rem 0 110rem 0; background: url(../img/index/bg1.png) center -150rem no-repeat #f6f9fb; background-size: cover; }
.imain4 { padding: 60rem 0 110rem 0; }

.imore { }
.imore:after { display: block; content: ''; clear: both;}
.imore a{ display: block; width: 260rem; height: 66rem; line-height: 66rem; padding: 0 36rem; background: #C6A76E; color: #fff; font-size: 20rem; font-weight: lighter; position: relative;}
.imore a:after { display: block; content: ''; position: absolute; right: 36rem; top: 50%; width: 8rem; height: 14rem; margin-top: -7rem; background: url(../img/r.png) center center no-repeat; background-size: contain; }
.imore a:hover { background: #ecba13; color: #fff; transform: translateY(-3rem);}
.imore_r a { float: right;}
.imore_fix { position: absolute; left: 0; bottom: 0;}

.ititle { font-family: 'ShuHei'; margin-bottom: 70rem; text-align: center;}
.ititle span { display: block; font-size: 28rem; line-height: 38rem; text-transform: uppercase; color: #cecece; }
.ititle b { display: block; font-size: 48rem; line-height: 60rem; font-weight: normal; }

.ititle2 { color: #fff;}
.ititle2 span{ color: #fff;}

.iservice { margin: 0 -20rem; }
.iservice .item { float: left; width: 25%; box-sizing: border-box; transition:all 300ms ease; }
.iservice .item_m { display: block; position: relative; color: #fff; margin: 0 20rem; transition:all 300ms ease; }
.iservice .item1 .item_m { background: url(../img/index/s1bg.jpg) center center no-repeat; background-size: cover;}
.iservice .item2 .item_m { background: url(../img/index/s2bg.jpg) center center no-repeat; background-size: cover;}
.iservice .item3 .item_m { background: url(../img/index/s3bg.jpg) center center no-repeat; background-size: cover;}
.iservice .item_ms { background: rgba(2, 20, 52, 0.55); height: 600rem; position: relative;}

.iservice .item .tit { position: absolute; left: 0; right: 0; top: 252rem; text-align: center; font-size: 28rem; line-height: 62rem; }
.iservice .item .tit i { display: block; margin: 0 auto; width: 60rem; height: 60rem;}
.iservice .item .tit i.t1 { background: url(../img/index/s1.png) center center no-repeat; background-size: contain;}
.iservice .item .tit i.t2 { background: url(../img/index/s2.png) center center no-repeat; background-size: contain;}
.iservice .item .tit i.t3 { background: url(../img/index/s3.png) center center no-repeat; background-size: contain;}
.iservice .item .con { display: none; position: absolute; left: 62rem; right: 110rem; top: 292rem; font-size: 22rem; line-height: 30rem; }
.iservice .item .more { display: none; position: absolute; left: 62rem; bottom: 120rem; padding: 0 24rem; line-height: 42rem; border-radius: 21rem; background: #fff; color: #0a6cc5; font-weight: bold;}
.iservice .item .more:after { display: inline-block; content: ''; vertical-align: middle; margin-left: 10rem; width: 16rem; height: 9rem; background: url(../img/index/more.png) center center no-repeat; background-size: contain;}


.iservice .item_on { width: 50%; }
.iservice .item_on .item_ms { background: rgba(8, 93, 165, 0.92); }
.iservice .item_on .tit { left: 60rem; right: auto; text-align: left; top: 115rem; font-size: 42rem; line-height: 72rem;}
.iservice .item_on .tit i { width: 80rem; height: 80rem; margin: 0;}
.iservice .item_on .tit i.t1 { background: url(../img/index/s1s.png) center center no-repeat; background-size: contain;}
.iservice .item_on .tit i.t2 { background: url(../img/index/s2s.png) center center no-repeat; background-size: contain;}
.iservice .item_on .tit i.t3 { background: url(../img/index/s3s.png) center center no-repeat; background-size: contain;}
.iservice .item_on .con { display: block;}
.iservice .item_on .more { display: block;}


.iabout { background: #fff; }
.iabout_l{ float: left; width: 730rem; padding: 60rem 62rem 0 62rem; height: 600rem; overflow: hidden;}
.iabout_r{ float: right; width: 860rem;}
.iabout_r img { display: block; width: 100%;}
.iabout .tit { font-size: 40rem; line-height: 56rem; margin-bottom: 40rem; font-weight: bold; }
.iabout .con { font-size: 16rem; line-height: 28rem;}
.iabout .con p { text-indent: 2em;}


.istep { transform: scale(0.9); margin-top: -150rem; background: url(../img/index/quan.png) center 135rem no-repeat; background-size: 800rem auto; height: 740rem; position: relative;}
.istep .item { position: absolute; width: 494rem; height: 118rem;}
.istep .item:after { display: block; content: ''; width: 100rem; height: 1rem; background: #a2b1cd; position: absolute; top: 50%;}
.istep .item .con { position: absolute; width: 242rem; text-align: center; top: 17rem;}
.istep .item .con .t { font-size: 20rem; line-height: 38rem;}
.istep .item .con .m { font-size: 14rem; line-height: 22rem; color: #666666;}
.istep .item .icon { position: absolute; top: 0; width: 118rem; height: 118rem; border-radius: 50%; background-color: #FFFFFF; border-radius: 50%; border: 1rem solid #ADC3E9;}
.istep .item .icon i { display: block; width: 116rem; height: 116rem;}
.istep .item .icon i.t1 { background: url(../img/index/b1.png) center center no-repeat; background-size: 60rem auto; }
.istep .item .icon i.t2 { background: url(../img/index/b2.png) center center no-repeat; background-size: 60rem auto; }
.istep .item .icon i.t3 { background: url(../img/index/b3.png) center center no-repeat; background-size: 60rem auto; }
.istep .item .icon i.t4 { background: url(../img/index/b4.png) center center no-repeat; background-size: 60rem auto; }
.istep .item .icon i.t5 { background: url(../img/index/b5.png) center center no-repeat; background-size: 60rem auto; }
.istep .item .icon i.t6 { background: url(../img/index/b6.png) center center no-repeat; background-size: 60rem auto; }
.istep .item .icon i.t7 { background: url(../img/index/b7.png) center center no-repeat; background-size: 60rem auto; }
.istep .item .icon i.t8 { background: url(../img/index/b8.png) center center no-repeat; background-size: 60rem auto; }
.istep .item .icon i.t9 { background: url(../img/index/b9.png) center center no-repeat; background-size: 60rem auto; }
.istep .img { position: absolute; left: 50%; bottom: 44rem; width: 615rem; margin-left: -307rem;}
.istep .img img { display: block; width: 100%;}

.istep .item_l:after { right: 145rem;}
.istep .item_l .con { left: 0;}
.istep .item_l .icon { right: 0;}
.istep .item_r:after { left: 145rem;}
.istep .item_r .con { right: 0;}
.istep .item_r .icon { left: 0;}

.istep .item:hover:after { background: #0B73CB;}
.istep .item:hover .icon { background-color: #0A6CC5; border: 1rem solid #ADC3E9; box-shadow: 0rem 12rem 30rem 2rem rgba(165,181,198,0.75);}
.istep .item:hover .icon i.t1 { background: url(../img/index/b1s.png) center center no-repeat; background-size: 60rem auto; }
.istep .item:hover .icon i.t2 { background: url(../img/index/b2s.png) center center no-repeat; background-size: 60rem auto; }
.istep .item:hover .icon i.t3 { background: url(../img/index/b3s.png) center center no-repeat; background-size: 60rem auto; }
.istep .item:hover .icon i.t4 { background: url(../img/index/b4s.png) center center no-repeat; background-size: 60rem auto; }
.istep .item:hover .icon i.t5 { background: url(../img/index/b5s.png) center center no-repeat; background-size: 60rem auto; }
.istep .item:hover .icon i.t6 { background: url(../img/index/b6s.png) center center no-repeat; background-size: 60rem auto; }
.istep .item:hover .icon i.t7 { background: url(../img/index/b7s.png) center center no-repeat; background-size: 60rem auto; }
.istep .item:hover .icon i.t8 { background: url(../img/index/b8s.png) center center no-repeat; background-size: 60rem auto; }
.istep .item:hover .icon i.t9 { background: url(../img/index/b9s.png) center center no-repeat; background-size: 60rem auto; }

.istep .item_m { width: 210rem;}
.istep .item_m:after { display: none;}
.istep .item_m .con { left: 0; width: auto; top: auto; bottom: -170rem;}
.istep .item_m .icon { right: 50%; margin-right: -59rem; top: 86rem;}

.istep .item1 { margin-right: 336rem; right: 50%; top: 628rem;}
.istep .item2 { margin-right: 336rem; right: 50%; top: 462rem;}
.istep .item3 { margin-right: 274rem; right: 50%; top: 298rem;}
.istep .item4 { margin-right: 134rem; right: 50%; top: 132rem;}
.istep .item5 { margin-right: -105rem; right: 50%; top: -2rem;}
.istep .item6 { margin-left: 134rem; left: 50%; top: 132rem;}
.istep .item7 { margin-left: 274rem; left: 50%; top: 298rem;}
.istep .item8 { margin-left: 336rem; left: 50%; top: 462rem;}
.istep .item9 { margin-left: 336rem; left: 50%; top: 628rem;}


.inews_hot { width: 872rem; float: left;}
.inews_hot .item{ display: block; position: relative; height: 648rem; border-bottom: 1rem #0c7ad0 solid;}
.inews_hot .item .time { position: absolute; left: 0; top: 0; z-index: 2; background: #0C3069; width: 140rem; padding: 28rem 0; color: #fff; line-height: 36rem; font-size: 20rem; text-align: center;}
.inews_hot .item .time b { display: block; font-size: 46rem; line-height: 52rem; font-family: 'ShuHei'; }
.inews_hot .item .img { overflow: hidden; position: relative; z-index: 1; margin-bottom: 10rem; }
.inews_hot .item .img img { display: block; object-fit: cover; width: 100%; height: 456rem; transform: scale(1); transition: transform 0.2s; }
.inews_hot .item .tit { font-size: 28rem; line-height: 70rem; height: 70rem; }
.inews_hot .item .con { font-size: 20rem; line-height: 30rem; height: 60rem; overflow: hidden; color: #666666; }
.inews_hot .item:after { position: absolute; right: 4rem; bottom: 20rem; display: block; content: ''; width: 26rem; height: 9rem; background: url(../img/index/more2.png) center center no-repeat; background-size: contain;}

.inews_hot .item:hover { }
.inews_hot .item:hover .img img { transform: scale(1.06); }

.inews_list { width: 690rem; float: right; }
.inews_list .item{ margin-bottom: 40rem;}
.inews_list .item_m { display: block; transition:all 300ms ease; padding-left: 342rem; height: 190rem; position: relative; }
.inews_list .item .img { overflow: hidden; width: 314rem; position: absolute; left: 0; top: 0; }
.inews_list .item .img img { display: block; object-fit: cover; width: 100%; height: 190rem; transform: scale(1); transition: transform 0.2s; }
.inews_list .item .tit { font-size: 20rem; line-height: 56rem; height: 56rem; }
.inews_list .item .con { font-size: 16rem; line-height: 30rem; height: 60rem; overflow: hidden; color: #666666; margin-bottom: 42rem; }
.inews_list .item .time { color: #d1d1d1; }

.inews_list .item_m:hover { }
.inews_list .item_m:hover .img img { transform: scale(1.06); }


.footer { background: #02122c; }

.footbox { background: #031b40; color: #ffffff; padding: 56rem 0 40rem 0; }
.footbox a { color: #ffffff; }
.footbox a:hover { color: #ffffff; opacity: 0.7; }

.foot_left { float: left; line-height: 44rem; width: 270rem; }
.foot_left ul li{ margin-bottom: 14rem; position: relative; padding-left: 26rem; }
.foot_left ul li img { display: block; height: 22rem; position: absolute; left: 0; top: 50%; margin-top: -11rem;}

.foot_nav { float: left; }
.foot_nav .item { float: left; width: 170rem; text-align: center; line-height: 42rem;}
.foot_nav .item .tit { font-weight: bold; }
.foot_nav .item .con ul li a{ display: block;}

.foot_right { float: right; text-align: center; line-height: 68rem; padding-top: 14rem;}
.foot_right img { display: block; width: 134rem;}


.foot_copy { text-align: center; color: rgba(255,255,255,0.5); line-height: 26rem; padding: 15rem 0; }
.foot_copy a { color: rgba(255,255,255,0.5); }
.foot_copy a:hover { color: #ffffff; }


/* @media (max-width:1300px){
html { font-size:calc(100vw/1366) !important; }
} */


/*滚动条*/
::-webkit-scrollbar-corner { background-color:#ffffff;}
::-webkit-scrollbar{width: 6rem; height:6rem; border-radius:3rem; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.4); border-radius:3rem; }