/* eyoucms.com 易优CMS -- 好用,免费,安全 */

html { background: #ffffff; font-size: 14px; color: #666; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }



body { min-width: 1120px; }



.g_cw { width: 1120px; padding: 0 10px; margin: 0 auto; }

.g_cw::before,

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



.g_mt { margin-top: 80px; }

.g_mt::before,

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



.g_mb { margin-bottom: 80px; }

.g_mb::before,

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



@media (max-width: 1024px) {

	body { min-width: 0; }

	.g_cw { width: 100%; }

}



@media (max-width: 700px) {

	.g_mt { margin-top: 40px; }

	.g_mb { margin-bottom: 40px;}

}





.g_page { clear: both; text-align: right; font-size: 14px; color: #888888; margin-top: 50px;}

.g_page > ul { display: inline-block; }

.g_page > ul > li { float: left; line-height: 35px; margin: 0 5px; }

.g_page > ul > li a { display: block; background: #fff; padding: 0 15px; border: 1px solid #E8E8E8;}

.g_page > ul > li a .fa { font-size: 17px; line-height: 35px;}

.g_page > ul > li a.dis { color: #ccc; cursor: not-allowed;}

.g_page > ul > li a:hover:not(.dis),

.g_page > ul > li a.on { background: #01d5ff; color: #fff; border: 1px solid #01d5ff;}



@media (max-width: 600px) {

	.g_page > ul .num_li { display: none; }

}





.g_title {overflow:hidden;border-bottom:1px solid #dcdde1;padding-bottom:14px;margin-bottom:16px;}

.g_title .l1 {font-size:16px;font-weight:bold;color:#333537;float:left;}

.g_title .l1 .fa{width:14px;height:14px;background:#01d5ff;border-radius:4px;display:inline-block;text-align:center;line-height:12px;color:#fff;margin-right:10px;}

.g_title .btn {float:right;}

.g_title .btn .more{padding:2px;border:1px solid #c6c6c6;font-size:12px;display:inline-block;}











.g_header { clear: both; overflow:hidden;}



.g_header .top { clear: both; height: 110px; border-bottom: 1px solid #E9E9E9;}



.g_header .top .logo { float: left; line-height: 100px; font: bold 50px/100px arial; color: #333333; }

.g_header .top .logo img { vertical-align: middle; margin-right: 10px; }



.g_header .top .right { float: right; line-height: 105px; }

.g_header .top .right .p1 .s1{ font-size:28px;color: #828386; }

.g_header .top .right .p1 .ico img{width:26px;height:26px;text-align:center;line-height:30px;color:#fff;margin-left:9px;}

.g_header .top .right .p1 .ico .fa-weibo{background:#ea3534;}

.g_header .top .right .p1 .ico .fa-weixin{background:#00bbff;}

.g_header .top .right .p1 .ico .fa-qq{background:#00ffff;}







.g_header .bar { display: none; }





.g_header .nav { position: relative; z-index: 99; background:rgba(0,0,0,.5);}

.g_header .nav .g_cw {  height: 52px;}

.g_header .nav .list { display: inline-block; text-align: left;}

.g_header .nav .list > li { float: left; }

.g_header .nav .list > li > a { display: block;  font-size: 14px; color: #ffffff;}

.g_header .nav .list > li > a.on,

.g_header .nav .list > li > a:hover {background:#01d5ff;}

.g_header .nav .list > li > a b {padding: 0 16px; line-height: 51px;border-right:1px solid rgba(255,255,255,.15);font-weight:normal;}

.g_header .nav .list > li > a.on b,

.g_header .nav .list > li > a:hover b{border-right:0;}





.g_header .nav .search{display: inline-block; float: right;margin-top:11px;background: #fff;border-radius: 30px;padding:0 8px;overflow: hidden;}

.g_header .nav .search .input_1 {



    height: 28px;

    background: #fff;

	width: 120px;

    border:0;}

.g_header .nav .search .ico{height:30px;width:30px;display:inline-block;text-align:center;line-height:30px;}

.g_header .nav .search .ico img{height:13px; }





@media (max-width: 1024px) {

	body { padding-top: 70px; }

	.g_header { height: auto; }

	.g_header .top { display: none; }

	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 70px; background: #fff; border-bottom: 1px solid #2977da; }

	.g_header .bar .logo { position: absolute; left: 0; top: 0; display: block; padding: 0 10px; color: #333333; font: bold 24px/70px arial; }

	.g_header .bar .logo img { height: 40px;line-height:40px; vertical-align: middle; margin-right: 10px; }

	.g_header .bar .menu { position: absolute; right: 0; top: 0; display: block; float: right; padding: 0 10px; line-height: 70px;}

	.g_header .bar .menu img { vertical-align: middle; height: 40px;}



	.g_header .nav { visibility: hidden; opacity: 0; position: fixed; z-index: 99; left: 0; top: -100%; bottom: 100%; right: 0; background: #fff; border-top: 0; transition: ease .4s; }

	.g_header .nav .g_cw { text-align: left; padding: 0 20px; height: auto; overflow: visible;background-color: #fff;}

	.g_header .nav .list { display: block; }

	.g_header .nav .list > li { float: none; border-right:0;}

	.g_header .nav .list > li > a { padding: 20px 30px; font-size: 16px; color: #333;}

	.g_header .nav .list > li > a.on,

	.g_header .nav .list > li > a:hover { color: #3E87C4;background:none; }

	.g_header .nav .list > li > a b { line-height: 40px; }

     .g_header .nav .search{display:none;}

	.g_header .nav.show { visibility: visible; opacity: 1; top: 70px; bottom: 0;}

}







.g_footer { clear: both; margin-top: 80px; }

.g_footer .top { background: #3373a4; }

.g_footer .top .g_cw { text-align: center; }

.g_footer .top .nav {
	float: none;
	display: grid;
	grid-template-columns: repeat(8, max-content);
	justify-content: center;
	column-gap: 27px;
	padding: 52px 0 30px;
	margin: 0;
	text-align: left;
}

.g_footer .top .nav > li { float: none; padding: 0; }

.g_footer .top .nav > li .box { padding: 0; height: auto; min-height: 156px; }

.g_footer .top .nav > li .h1 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #fff;
	padding-bottom: 12px;
	white-space: nowrap;
}

.g_footer .top .nav > li .h1 a { color: #fff; }

.g_footer .top .nav > li .p1 {
	font-size: 13px;
	line-height: 26px;
	color: rgba(255,255,255,.78);
	white-space: nowrap;
}

.g_footer .top .nav > li a:hover .h1,
.g_footer .top .nav > li a:hover .p1 { color: #fff; }

/* 旧模板中的空白右栏只会产生一条突兀色块，统一隐藏。 */
.g_footer .top .right { display: none !important; }

.g_footer .link { padding: 0 15px 30px; text-align: center; }

.g_footer .bottom { padding: 18px 10px; color: #a8a9a9; font-size: 13px; text-align: center; }

@media (max-width: 1200px) {
	.g_footer .top .nav {
		grid-template-columns: repeat(4, max-content);
		column-gap: 55px;
		row-gap: 28px;
		padding: 42px 20px 28px;
	}
	.g_footer .top .nav > li .box { min-height: 0; }
}

@media (max-width: 700px) {
	.g_footer { margin-top: 55px; }
	.g_footer .top .nav {
		grid-template-columns: repeat(2, minmax(120px, 1fr));
		column-gap: 18px;
		row-gap: 24px;
		padding: 34px 24px 24px;
	}
	.g_footer .top .nav > li { text-align: center; }
	.g_footer .top .nav > li .p1 { white-space: normal; }
	.g_footer .link li { margin: 3px 7px; }
}



            

/*--产品--*/

       

/*--子页面--*/



		.s_child_banner{display:none;}

		.child_banner{margin-top: 0px;}

		.child_banner img{display:block;}

		.s_child_banner img{display:block;}

        @media (max-width: 1024px) {

	      .child_banner{display:none;}

		  .s_child_banner{display:block;}

        }

		

		

	   .child{margin-top:30px;}

		.child .left{float:left;max-width:188px;}

		.child .left .offset .top{background:#01d5ff;color:#fff;padding:29px 74px 30px 32px;}

		.child .left .offset .top .h1{font-size:20px;font-weight:bold;}

		.child .left .offset .top .p1{font-size:12px;padding-top:10px;}

		.child .left .offset .list > li{width:100%;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

		.child .left .offset .list > li .box{display:block;padding:18px 25px 18px 33px;overflow:hidden;}

		.child .left .offset .list > li .box .fa{float:right; vertical-align:middle;display:inline-block;}

		.child .left .offset .list > li .box:hover{color:#01d5ff;font-weight:bold;}

		.child .left .offset .list > li .on{color:#01d5ff;font-weight:bold;}

         

		 .child .right{float:right;min-width:874px;}

		 .child .right .title{overflow:hidden;border-bottom:1px solid #dddee0;padding:4px 0 13px 0;}

		 .child .right .title .h1{font-size:18px;color:#3c3d41;font-weight:bold;float:left;}

		 .child .right .title .page{float:right;}

		 .child .right .title .page .ico{padding-right:8px;}

		 .child .right .title .page .ico img{ vertical-align:middle;}

		 .child .right .title .page a{font-size:12px;color:#6f6f6f;}

		 .child .right .title .page a:hover{color:#9afafd;}

		 .child .right .title .page .on{color::#9afafd;}

		 .child .right .con{margin-top:30px;max-width:874px;}

		 @media (max-width: 1024px) {

	        .child .left{float:none;max-width:none;}

			.child .right{float:none;min-width:auto;margin-top:30px;}

			.child .right .con{max-width:none;}

			.child .right ul.list li {

				width: 100%!important;

				flex-basis: 100%!important;

			}

			.child .right ul.list li .pic {

				width: 130px!important;

				flex-basis: 130px!important;

			}

        }

		

		/*-----------------------------分页 start--------------------------------*/

.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}

.next1 ul{display: inline-block;}

.next1 ul li{display: inline-block;}

.next1 a,.next1 span{display: inline-block;border: 1px solid #ebebeb;color: #999;min-width: 30px;height: 30px;line-height: 28px;margin: 0 4px;padding:0 7px;overflow: hidden;text-align:center;}

.next1 a.on1,.next1 span.on1,.next1 a:hover{background: #01d5ff;color: #fff;border: 1px solid #01d5ff;}

.next1 span:not(.on1){color:#c5c5c5;background:#fafafa;}

/*--------------------分页 end----------------------*/





.link{padding:10px 15px; text-align: center;}

.link li  {color:#fff;font-size: 14px;display: inline-block;vertical-align: top;margin:0 10px;}

.link li a{color:#fff;font-size: 14px;}

/* ============ 联系我们地图 ============ */
.contact-map{width:100%;height:390px;margin:0 0 8px;border:1px solid #e1e5e9;background:#f4f7f9;overflow:hidden;}
.contact-map-note{margin:8px 0 0!important;color:#777;font-size:13px;text-align:right;}
.contact-map-note a{color:#3373a4;}
.contact-map-label{min-width:260px;padding:5px 7px;color:#444;font-size:13px;line-height:1.7;}
.contact-map-fallback{margin:0;padding:175px 20px;text-align:center;color:#777;}
.contact-details{font-size:16px;line-height:1.9;color:#4c4d50;}
.contact-details p{margin:4px 0;text-indent:0!important;}

/* ============ 学术活动 ============ */
.academic-activity{max-width:874px;margin:0 auto;}
.academic-activity .activity-image{margin:0 0 24px;text-align:center;background:#f6f8fa;border:1px solid #e5e8eb;}
.academic-activity .activity-image img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;margin:0 auto;}
.academic-activity .activity-title{font-size:22px;font-weight:600;line-height:1.5;color:#303236;margin:0 0 10px;}
.academic-activity .activity-date{font-size:13px;color:#91969c;margin:0 0 18px;}
.academic-activity .activity-text{font-size:16px;line-height:2;color:#444;word-break:break-word;}
.academic-activity .activity-empty{padding:70px 20px;text-align:center;color:#8a8f95;background:#fafafa;border:1px solid #eceff1;}
.academic-activity + .g_page{margin-top:34px;text-align:center;}

@media (max-width: 700px){
	.contact-map{height:280px;}
	.contact-map-fallback{padding:120px 15px;}
	.academic-activity .activity-title{font-size:19px;}
	.academic-activity .activity-text{font-size:15px;line-height:1.85;}
}

/* ============ 顶部 logo 旁团队名称（想调字体/字号/颜色/间距改这一段） ============ */
/* logo 图 log.jpg 自身左右各有约 92px 白边（按 270px 显示时），
   所以用负的 margin-left 把文字往左拉，让它贴近 logo 图案本身。 */
.g_header .top .logo img{margin-right:0;}

.g_header .top .logo .team-name{
	font-family:"Source Han Serif SC","Noto Serif CJK SC","Songti SC","SimSun","宋体","STSong",serif;
	font-size:26px;
	font-weight:900;
	-webkit-text-stroke:0.6px currentColor;
	color:#0d3b73;
	letter-spacing:2px;
	line-height:100px;
	vertical-align:middle;
	margin-left:-60px;
	white-space:nowrap;
	text-shadow:0 1px 0 rgba(255,255,255,.65);
}

.g_header .bar .logo .team-name-m{
	font-family:"Source Han Serif SC","Noto Serif CJK SC","Songti SC","SimSun","宋体","STSong",serif;
	font-size:15px;
	font-weight:900;
	-webkit-text-stroke:0.4px currentColor;
	color:#0d3b73;
	letter-spacing:1px;
	vertical-align:middle;
	margin-left:-27px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:70%;
	display:inline-block;
}

/* ============ 左侧目录：中文一行显示（桌面端） ============ */
/* 注意：g.css 里有 * { box-sizing: border-box }，.g_cw 的可用宽度是 1120-20=1100px；
   右侧栏 min-width 是 874px，所以左侧目录最大只能 224px，否则右侧栏会被挤到下一行 */
@media (min-width: 1025px) {

	.child .left{width:224px;max-width:224px;}

	.child .left .offset .top{padding:29px 20px 30px 24px;}

	.child .left .offset .top .h1{white-space:nowrap;}

	.child .left .offset .list > li .box{padding:18px 10px 18px 14px;white-space:nowrap;}

}