@charset "utf-8";
/* CSS Document */

/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; max-width: 1920px; margin: 0 auto; font:14px/1.4 '微软雅黑','Arial'; font-weight: 500; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
li{ list-style:none;}
i,em{ font-style:normal;}
/* .fl{float:left;}
.fr{ float:right;} */
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0;}
img{ vertical-align:middle; border:none; max-width:100%;}
.img{ width: 100%; height: 100%; object-fit: cover;}
input,textarea,select{ font-size: var(--text-size); font-family: 'Microsoft Yahei'; color: #666; font-weight: 500;}
input:focus,textarea:focus,select:focus{ outline: none;}

::-webkit-input-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
:-moz-placeholder{color: #aaa;}
:-ms-input-placeholder{color: #aaa;}
::placeholder{color: #aaa;}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
	width:5px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(0,0,0,0.4);
}


@font-face {
	font-family: 'sy-mm';
	src: url('../fonts/SourceHanSansCN-Medium.otf') format('truetype');
}
@font-face {
	font-family: 'sy-rr';
	src: url('../fonts/SourceHanSansCN-Regular.otf') format('truetype');
}
@font-face {
	font-family: 'sy-bd';
	src: url('../fonts/SourceHanSansCN-Bold.otf') format('truetype');
}
body{ font-family: 'sy-rr';}


.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.over2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; justify-content: center; align-items: center;}
.disFlexs{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

.wrapper { width: 81.25%; margin: 0 auto; max-width: 90%;}
.wrap{ width: 1280px; margin: 0 auto; max-width: 90%;}

.textlinear{ -webkit-background-clip:text; -webkit-text-fill-color: transparent;}

/* top */
.top{ position: absolute; top: 0; left: 0; z-index: 100; width: 100%;}
.top.blue{ background-color: #0a1947;}
.top .logo{ position: relative; z-index: 1; width: 276px;}
.logo > img{ width: 100%;}
.top .nav ul{ position: relative; margin-right: 1.5vw;}
.top .nav ul li{ position: relative; z-index: 1;}
.top .nav ul li.allmenu{ position: static;}
.top .nav ul li > a{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; min-width: 2em; line-height: 98px; padding: 0 1.5vw; color: rgba(255, 255, 255, 0.8); font-size: 18px;}
.top .nav ul li.active > a,.top .nav ul li:hover > a{ font-weight: 600; color: #fff;}
/*.top .nav ul li.active > a::after,.top .nav ul li:hover > a::after{ content: ''; position: absolute; top: 65px; z-index: 1; margin: 0 auto; width: 40px; height: 4px; border-radius: 4px; background-color: #2a5ba8;}*/
.top .nav ul li .submenu{ display: none; position: absolute; top: 72px; left: 0; z-index: 10; width: 100%; background-color: #fff; border-radius: 5px; overflow: hidden;}
.top .nav ul li:hover .submenu{ display: block;}
.top .nav ul li:hover .submenu a{ display: block; line-height: 36px; text-align: center; color: #fff; background-color: #1c6fb4;}
.top .nav ul li:hover .submenu a:hover{ background-color: #2a5ba8;}
.top .seartch{ position: relative; z-index: 1;}
.top .seartch > img{ padding-left: 30px; border-left: 1px solid #fff; cursor: pointer;}
.top .sear{ position: absolute; z-index: 1; top: 150%; right: 0; display: none;}
.top .sear .searbtn{ position: absolute; top: 4px; right: 5px; width: 32px; height: 32px; border: 0 none; background: url(../img/searicon.png) no-repeat center; cursor: pointer;}
.top .sear input{ width: 200px; height: 40px; border: 0 none; border: 1px solid #ccc; background-color: rgba(255, 255, 255, 0.1); padding: 0 45px 0 15px; border-radius: 20px; box-sizing: border-box; color: #fff;}
.top .sear i{ cursor: pointer;}

/* index */
.container{ position: relative; z-index: 1; background-color: #0a1947;}
.banner{ position: relative; z-index: 1;}
.banner .swiper-slide > img{ height: 100%; object-fit: cover;}
.nban{ position: relative; z-index: 1;}
.banfont{ position: absolute; top: 25%; left: 0; z-index: 10; width: 100%; text-align: center;}
.banfont .bantxt{ opacity: 0; transform: translateY(200px); transition: 0.4s;}
.banfont .bansm{ margin-top: 1vw; opacity: 0; transform: translateY(200px); transition: 0.5s;}
.banner .swiper-slide.active .bantxt{ opacity: 1; transform: translateY(0);}
.banner .swiper-slide.active .bansm{ opacity: 1; transform: translateY(0);}
.banner .banbtn{ justify-content: flex-end; position: absolute; bottom: 3vw; left: 0; right: 0; z-index: 10; width: 81.25%; margin: 0 auto;}
.banner .banbtn .swiper-pagination{ position: static; display: inline-block; width: auto; margin: 0 12px; font-size: 16px; color: #fff; font-family: 'din-mm';}
.banner .banbtn .swiper-pagination .ctemp{ font-size: 30px;}
.banner .banbtn .swiper-button-prev{ position: static; margin-top: 0; width: 40px; background: url(../img/ban-l.png) no-repeat center; height: 30px;}
.banner .banbtn .swiper-button-next{ position: static; margin-top: 0; width: 40px; background: url(../img/ban-r.png) no-repeat center; height: 30px;}
.banner .banbtn .swiper-button-prev::after,
.banner .banbtn .swiper-button-next::after{ content: ''; display: none;}


.foot{ background-color: #040c17;}
.footop{ position: relative; z-index: 1; padding: 60px 0 50px; border-bottom: 1px solid rgba(229, 229, 229, 0.2);}
.footop .footlogo{ min-width: 170px; max-width: 276px;}
.footop .op{ margin-left: 2vw; padding-left: 16px; justify-content: flex-start; border-left: 1px solid #fff; font-size: 18px;}
.footop .op span{ margin-left: 7px; color: #465161;}
.footop .op p{ color: #fff;}

.footop .ewm{ width: 100px;}
.footcen{ align-items: flex-start; padding: 60px 0; border-bottom: 1px solid rgba(229, 229, 229, 0.2);}
.footcen dt{ margin-bottom: 10px; font-size: 18px; color: #fff;}
.footcen dd a{ line-height: 2.2; font-size: 16px; color: #585f68;}
.footcen dd:hover a{ color: #2a5ba8;}
.footbm{ padding: 40px 0; color: #465161;}
.footbm a{ color: #465161;}


/* igsjj */
.ititle{ color: #fff;}
.ititle .en{ line-height: 1.2; font-size: 48px;}
.ititle .en i{ color: #2a5ba8;}
.ititle .cn{ font-size: 32px;}
.igsjj{ position: relative; z-index: 1; padding-top: 160px;}
.igsjj .fl{ width: 40%; border-radius: 20px; overflow: hidden; transition: 0.5s;}
.igsjj .fl:hover{ transform: scale(1.05);}
.igsjj .fr{ width: 47.5%;}
.igsjj .txt{ margin-top: 3.5vw; line-height: 2; font-size: 18px; color: #c3c3c3;}
.igsjj .imore{ margin-top: 3.5vw; justify-content: flex-start; color: rgba(255, 255, 255, 0.5);}
.igsjj .imore .icon{ margin-left: 16px; width: 44px; height: 44px; border-radius: 50%; transition: 0.5s;}
.igsjj .imore:hover .icon{ background-color: #2a5ba8;}
.igsjj .imore .icon img{ width: 15px;}

.ijjlist{ justify-content: space-around; margin-top: 160px;}
.ijjlist .name{ transition: 0.5s; justify-content: center; width: 84%; margin: 2vw auto 0; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50px;}
.ijjlist .item:hover .name{ background-color: #2a5ba8;}
.ijjlist .item img{ transition: 0.5s;}
.ijjlist .item:hover > img{ transform: scale(1.05);}
.ijjlist .name p{ line-height: 50px; font-size: 20px; color: #fff;}
.ijjlist .name img{ margin-left: 12px; width: 15px;}

.ipro{ margin-top: 160px;}
.iprolist{ margin-top: 80px; justify-content: flex-start;}
.iprolist .item{ position: relative; z-index: 1; width: 30.8%; margin-right: 3.8%; border-radius: 22px; overflow: hidden;}
.iprolist .item:last-child{ margin-right: 0;}
.iprolist .item > img{ width: 100%;}
.iprolist .item .block{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; padding: 2vw; box-sizing: border-box; color: #fff; transition: 0.3s;}
.iprolist .item .s2{ display: none;}
.iprolist .item .block .name{ transition: 0.3s; align-items: flex-start;}
.iprolist .item .block .cn{ font-size: 32px;}
.iprolist .item .block .en{ font-size: 22px;}
.iprolist .item .block .imore{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 80px; height: 80px; background-color: rgba(26, 91, 211, 0.8); border-top-right-radius: 20px; transition: 0.3s; overflow: hidden;}
.iprolist .item .block .imore::before{ content: ''; width: 100%; height: 100%; background: url(../img/more1.png) no-repeat center;}
.iprolist .item .block .imore::after{ content: ''; width: 100%; height: 100%; background: url(../img/more2.png) no-repeat center; display: none;}
.iprolist .item:hover .block{ top: 2vw; left: 2vw; z-index: 10; width: calc(100% - 4vw); height: calc(100% - 4vw); padding: 0; background-color: rgba(42, 91, 168, 0.9); border-radius: 20px;}
.iprolist .item:hover .block .imore{ bottom: 6vw; left: calc(50% - 40px); z-index: 1; width: 80px; height: 80px; background-color: rgba(26, 91, 211, 0.8); border-top-right-radius: 20px; border-radius: 50%;}
.iprolist .item:hover .block .imore::before{ display: none;}
.iprolist .item:hover .block .imore::after{ display: block; background-color: #fff;}
.iprolist .item:hover .name{ align-items: center; margin-top: 4vw;}

.inews{ padding-top: 140px;}
.inewlist{ padding: 120px 0;}
.inewlist .item{ position: relative; z-index: 1; box-sizing: border-box;}
.inewlist .item:not(:last-child){ padding-right: 129px;}
.inewlist .item:not(:last-child)::after{ content: ''; position: absolute; top: 0; right: 64px; width: 0; height: 100%; border-left: 1px solid rgba(229, 229, 229, 0.1);}
.inewlist .item > img{ border-radius: 20px; transition: 0.5s;}
.inewlist .item:hover > img{ transform: scale(1.05);}
.inewlist .item .inewsbtm{ margin-top: 40px;}
.inewlist .item .name{ max-width: 60%; color: #fff; font-size: 20px;}
.inewlist .item .more{ font-size: 16px; color: rgba(255, 255, 255, 0.3); transition: 0.5s;}
.inewlist .item:hover .more{ color: #fff;}
.inewlist .item .more img{ margin-left: 10px; width: 14px; transition: 0.5s;}
.inewlist .item:hover .more img{ width: 18px;}

/* 2-1 */
.ncont{ min-height: 967px; padding-bottom: 60px; background-position: top center; background-size: 100% auto; background-repeat: no-repeat; color: #fff; box-sizing: border-box;}
.title{ padding-top: 190px; text-align: center; font-family: 'sy-mm';}
.title .en{ line-height: 1; letter-spacing: 5px; font-size: 80px; color: rgba(42, 91, 168, 0.15);}
.title .cn{ margin-top: -35px; letter-spacing: 4px; font-size: 46px; color: #fff;}
.gsjj{ margin-top: 120px;}
.gsjj .fl,
.gsjj .fr{ width: 46.875%;}
.gsjj .fl img{ width: 100%; aspect-ratio: 600/440; border-radius: 20px; transition: 0.5s;}
.gsjj .fl:hover img{ transform: scale(1.05);}
.gsjj .name{ position: relative; z-index: 1; padding-bottom: 15px; font-size: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.gsjj .name::after{ content: ''; position: absolute; bottom: -2px; left: 0; z-index: 1; width: 2em; border-bottom: 3px solid #2a5ba8;}
.gsjj .txt{ margin-top: 25px; line-height: 1.8; font-size: 20px;}

/* 2-2 */
.qywh{ margin-top: 120px;}
.qywh .fl{ position: relative; z-index: 10; width: 230px;}
.qywh .list{ flex-wrap: wrap; width: 461px; border-radius: 20px; overflow: hidden;}
.qywh .fl .item{ position: relative; z-index: 1; margin-bottom: 1px; width: 230px; height: 175px; background-color: #1e58a2; transition: 0.3s; cursor: pointer;}
.qywh .fl .item.active::after{ content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(22, 204, 253, 0.2);}
.qywh .fl .item p{ margin-top: 10px; font-size: 24px; font-family: 'sy-mm';}
.qywh .fr{ align-items: flex-start; width: 1050px; height: 430px; padding: 50px 20px 50px 300px; border-radius: 20px; background: url(../img/qywhbg.png) no-repeat center / cover; box-sizing: border-box;}
.qywh .fr .name{ font-size: 36px; font-family: 'sy-bd';}
.qywh .fr .txt{ margin-top: 30px; font-size: 20px; line-height: 1.8;}


/* 3-1 */
.qrscc{ position: relative; z-index: 1; padding: 0 210px; margin-top: 120px; box-sizing: border-box;}
.qrscc .swiper-button-next,.qrscc .swiper-button-prev{display:flex; width: 80px !important; height: 80px !important; border-radius: 10px; color: #fff !important; background-color: rgba(42, 91, 168, 0.3);}
.qrscc .swiper-button-next:hover,.qrscc .swiper-button-prev:hover { background-color: #2a5ba8;}
.qrscc .swiper-button-prev:after,.qrscc .swiper-button-next:after { font-size: 34px !important; font-weight: bold;}
.qrscc .swiper-slide:hover .pic i{ opacity: 1;}
.qrscc .pic{ position: relative; z-index: 1; border-radius: 25px; overflow: hidden;}
.qrscc .pic img{ width: 100%; aspect-ratio: 1/1;}
.qrscc .pic i{ position: absolute; bottom: -65px; right: -65px; z-index: 1; width: 60px; height: 60px; background-color: rgba(42, 91, 168, 0.8); border-top-left-radius: 25px; opacity: 0; transition: 0.3s;}
.qrscc .pic i::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../img/more1.png) no-repeat center;}
.qrscc .pic:hover i{ bottom: 0; right: 0;}
.qrscc p{ font-size: 24px; text-align: center; margin-top: 20px; font-family: 'sy-mm'; color: #fff;}


/* 4-1 */
.gsxw{ margin-top: 120px;}
.gsxw .fl{ width: 42.1875%; border-radius: 20px; overflow: hidden;}
.gsxw .fr{ width: 50.15625%;}
.gsxw .fl .pic{ position: relative; z-index: 1; width: 100%; aspect-ratio: 540/320; overflow: hidden;}
.gsxw .fl .pic img{ transition: 0.5s;}
.gsxw .fl .pic:hover img{ transform: scale(1.05);}
.gsxw .fl .pic i{ position: absolute; bottom: 0; right: 0; z-index: 1; width: 60px; height: 60px; background-color: rgba(42, 91, 168, 0.9);}
.gsxw .fl .pic i::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../img/more1.png) no-repeat center;}
.gsxw .fl .name{ padding: 24px; background-color: #fff;}
.gsxw .fl .name p{ line-height: 1; font-size: 24px; color: #333; font-family: 'sy-mm';}
.gsxw .fr .item{ width: 100%; padding: 5.5% 0; line-height: 1; font-size: 18px; color: #fff; transition: 0.3s;}
.gsxw .fr .item:not(:last-child){ border-bottom: 2px solid rgba(255, 255, 255, 0.3);}
.gsxw .fr .item::after{ content: ''; margin-left: 30px; min-width: 17px; width: 17px; height: 17px; background: url(../img/arr-r2.png) no-repeat center center; opacity: 0; transition: 0.5s;}
.gsxw .fr .item:hover{ border-color: #fff;}
.gsxw .fr .item:hover::after{ opacity: 1;}

.xwxq{padding-top: 100px;padding-bottom: 100px;}
.xwxq .name{font-size: 30px;color: #333;text-align: center;}
.xwxq .time{margin-top: 10px;font-size: 14px;color: #2a5ba8;font-family: 'sy-mm';text-align: center;}
.xwxq .content{margin-top: 20px;line-height: 30px;font-size: 18px;}

/* 5-1 */
.cpyy{ margin-top: 120px; align-items: flex-start;}
.cpyy .fl{ width: 53%;}
.cpyy .fr{ width: 37.5%;}
.cpyy .fl .txt{ padding-bottom: 2vw; line-height: 1.8; font-size: 20px; text-align: justify; border-bottom: 2px solid #2a5ba8;}
.cpyy .fl .name{ margin-top: 2vw; font-size: 30px; font-family: 'sy-bd';}
.cpyy .fl dt{ justify-content: flex-start; padding: 5px; margin-top: 20px; border-radius: 3vw; background-color: #2a5ba8;}
.cpyy .fl dt span{ width: 40px; height: 40px; margin-right: 10px; background-color: #eef5ff; border-radius: 50%; font-size: 20px; color: #2a5ba8; font-family: 'sy-bd';}
.cpyy .fl dt p{ font-size: 20px; font-family: 'sy-mm';}
.cpyy .fl dd{ margin-top: 25px; padding-left: 10px; line-height: 30px; font-size: 18px; text-align: justify;}

/* 6-1 */
.zpxx{ margin-top: 120px;}
.zpxx .swiper{padding-bottom:80px;}
.zpxx .swiper-slide{ align-items: flex-start;}
.zpxx .swiper-button-next,.zpxx .swiper-button-prev{top: unset;bottom: 0;display:flex; width: 80px !important; height: 80px !important; border-radius: 10px; color: #fff !important; background-color: rgba(42, 91, 168, 0.3);}
.zpxx .swiper-button-next:hover,.zpxx .swiper-button-prev:hover { background-color: #2a5ba8;}
.zpxx .swiper-button-prev:after,.zpxx .swiper-button-next:after { font-size: 34px !important; font-weight: bold;}
.zpxx .swiper-button-prev{left:40%;}
.zpxx .swiper-button-next{right:40%;}
.zpxx .fl{ width: 28.125%; padding: 2vw 1.5625vw 2vw 2vw; background-color: #fff; border-radius: 20px; box-sizing: border-box;}
.zpxx .fr{ width: 64.0625%;}
.zpxx .fl .name{ padding-bottom: 10px; font-size: 36px; color: #2a5ba8; font-family: 'sy-bd';}
.zpxx .fl .txt{ margin-top: 10px; padding-bottom: 20px; line-height: 30px; font-size: 16px; color: #333; font-family: 'sy-mm';}
.zpxx .fl .name + .txt{ border-bottom: 1px solid #e1e1e1;}
.zpxx .fl .name1{ margin-top: 30px; font-size: 20px; color: #2a5ba8; font-family: 'sy-mm';}
.zpxx .fr .block .name{ position: relative; z-index: 1; line-height: 1; padding-left: 24px; font-size: 24px; font-family: 'sy-bd';}
.zpxx .fr .block .name::before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 6px; height: 100%; border-radius: 6px; background-color: #26acea;}
.zpxx .fr .block .op{ margin-top: 8px; margin-bottom: 50px; padding-left: 24px; line-height: 2; font-size: 18px; color: #ecf3ff;}

/* 6-2 */
.lxwm{ margin-top: 120px;}
.lxwm .logo1 p{ margin-top: 15px; font-size: 16px; color: #8fbafd;}
.lxwmcont{ align-items: unset; width: 1100px; margin: 80px auto 0;}
.lxwmcont .fl{ width: 250px;}
.lxwmcont .fr{ width: 770px; justify-content: space-between;}
.lxwmcont .item{ width: 100%;}
.lxwmcont .item .name{ justify-content: flex-start; font-size: 24px; font-family: 'sy-mm';}
.lxwmcont .item .name img{ width: 24px; margin-right: 13px;}
.lxwmcont .item .sm{ padding: 10px 0 25px; font-size: 18px; border-bottom: 1px solid rgba(229, 229, 229, 0.3);}
.lxwmcont .item .sm.dinmm{ font-size: 24px; font-family: 'din-mm';}

/* 3-4 */
.detail{ padding-top: 98px; background-position: top center; background-size: 100% auto; background-repeat: repeat-y; background-color: #fff;}
.rtpage{ padding-top: 40px; display: block; font-size: 16px; color: #2a5ba8; cursor: pointer;}
.rtpage img{ margin-right: 10px;}
.xq{ margin-top: 30px; padding-bottom: 90px; align-items: flex-start;}
.xq .fl{ width: 44%; margin-top: 20px;}
.xq .fr{ width: 45.3125%;}
.xq .fl .big{ position: relative; z-index: 1; padding: 0 80px;}
.xq .fl .big .swiper{ width: 100%; border: 1px solid #e5e5e5; border-radius: 20px;}
.xq .fl .small{ position: relative; z-index: 1; margin-top: 20px; width: 100%;}
.xq .fl .small img{ border-radius: 20px; border: 1px solid #e5e5e5; box-sizing: border-box;}
.xq .fl .small .swiper-slide-thumb-active img{ border-color: #f00;}
.xq .fr .name{ font-size: 40px; color: #333;}
.xq .fr .opname{ margin-top: 10px; font-size: 24px; color: #2a5ba8; font-family: 'sy-mm';}
.xq .fr .sm{ margin-top: 20px; padding-bottom: 30px; line-height: 30px; font-size: 18px;}
.xq .fr .list{ margin-top: 15px; padding-bottom: 30px;}
.xq .fr .list li{ list-style: inside; list-style-type: square; font-size: 18px; line-height: 30px;}
.xq .fr .list li::marker{ color: #2a5ba8;}
.xq .fr .items{ margin-top: 20px; justify-content: flex-start; align-items: unset;}
.xq .fr .item{ min-height: 100px; width: 80px; padding: 8px 0; background-color: #f5f5f5; border-radius: 10px; box-sizing: border-box;}
.xq .fr .item:not(:last-child){ margin-right: 20px;}
.xq .fr .item .pic{ width: 100%; height: 40px;}
.xq .fr .item p{ margin-top: 13px; font-size: 16px; text-align: center;}