/* CSS Document */
*{margin: 0;padding: 0;font-family:微软雅黑;}
html { color:#333;}
div,dl,dt,dd,ul,li,h1,h2,h3,form,legend,input,button,textarea,select,p,th,td { margin: 0;padding: 0;}
table { border-collapse: collapse;border-spacing: 0;}
img { border: none;}
button,em,input,option,select,textarea,th { font:inherit;}
li {list-style: none;}
h1,h2,h3,h4 { font-weight: normal; font-size:100%;}
body { margin:0; padding:0; font-size:12px; color:#333; font-family: Microsoft YaHei,Simsun,SimHei,Arial; }
a{ color:#333; text-decoration:none;cursor: pointer;}
a:hover{ text-decoration: none; color:#333;}
input{ outline:none;}

.v26-header-top{height:35px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 18px;}
.v26-header-top .top-item{font-family:微软雅黑;font-size:12px;font-weight:normal;letter-spacing:0em;color:#E2F5FF;cursor:pointer;}
.v26-header-top .top-item a{color: #e2f5ff;}
.v26-header-top .top-left{display: flex;align-items: center;}
.v26-header-top .top-left .top-item+.top-item{margin-left:32px;}
.v26-header-top .top-right .top-item+.top-item{margin-left:32px}
.v26-header-top .top-right{z-index:100;display: flex;}

/* header */
.v26-header-box{background:#10568a url(../images/v26_header-bg.png) no-repeat center center;height:300px;position:relative;}
.v26-content-logo{text-align:center;padding-top: 40px;overflow:hidden;}
.v26-header-search{color:#fff;text-align:center;}

/* tab nav */
.v26-nav-box{background-color:#006EAB;}
.v26-nav-box .nav-list-wrap{display:flex;align-items:center;list-style:none;width: 100%;}
.v26-nav-box .nav-list-wrap .nav-item{height:100%;font-size:18px;font-weight:bold;text-align:center;color:#FFFFFF;cursor:pointer;}
.v26-nav-box .nav-list-wrap .nav-item a{text-decoration:none;color:#fff;line-height:60px;display:block;padding:0 50px;letter-spacing:0.9px;}
.v26-nav-box .nav-list-wrap .nav-item a:hover{background:#0A81C3}
.v26-nav-box .nav-list-wrap .nav-item a span{display:inline-block;padding-left: 32px;}
.v26-nav-box .nav-list-wrap .nav-item .icon-nav-01{background: url(../images/icon_nav_01.png) no-repeat left center;}
.v26-nav-box .nav-list-wrap .nav-item .icon-nav-02{background: url(../images/icon_nav_02.png) no-repeat left center;}
.v26-nav-box .nav-list-wrap .nav-item .icon-nav-03{background: url(../images/icon_nav_03.png) no-repeat left center;}
.v26-nav-box .nav-list-wrap .nav-item .icon-nav-04{background: url(../images/icon_nav_04.png) no-repeat left center;}
.v26-nav-box .nav-list-wrap .nav-item .icon-nav-05{background: url(../images/icon_nav_05.png) no-repeat left center;}
.v26-nav-box .nav-list-wrap .nav-item .icon-nav-06{background: url(../images/icon_nav_06.png) no-repeat left center;}
.v26-nav-box .nav-list-wrap .nav-item.on a{background:#0A81C3;}
.nav-list-wrap li a span{font-size:18px!important}

/*ai search*/
.v26-header-search .search-area-wrap{width:690px;margin:0 auto;background-color:#10568a;text-align:left;position: relative;}
.v26-header-search .search-area-wrap .search-wrap{width:100%;margin-top:50px;display:flex;position:relative;}
.v26-header-search .search-area-wrap .search-wrap .search_input_new{width:580px;float:left;padding-left:20px;font-size:16px;height:56px;border:0;border-radius:8px 0 0 8px;align-items:center;box-sizing:border-box;background-color:#ffffff;}
.v26-header-search .search-area-wrap .search-wrap .btn_new{width:90px;height:56px;border-radius:0 8px 8px 0;background:#66a8cd url(../images/icon_search.png) no-repeat center center;border: 0;cursor: pointer;}
.v26-header-search .search-area-wrap .search-wrap .btn_new:hover{background-color:rgb(0,110,171,0.8)}


/*footer*/
.v26-footer{background: #10568a;}
.v26-footer .friendlink_box{display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: #89b7e9 solid 2px;padding-bottom: 20px;}
.v26-footer .friendlink_box .sli{flex:1;border: 1px solid #89b7e9;cursor: pointer;text-align: center;position: relative;line-height: 36px;align-items: center;justify-content: center;margin: 0 20px;}
.v26-footer .friendlink_box .sli span{color: #89b7e9;}
.v26-footer .friendlink_box .sli .select_ul{border: 1px solid #9a9797;position: absolute;bottom: 36px;left: 0;width: 100%;background: #fff;z-index: 1999;display: none;border-bottom: none;height: 240px;overflow-y: scroll;}
.v26-footer .friendlink_box .sli .select_ul li{width: 100%;height: 30px;line-height: 30px;text-indent: 10px;text-align: left;}
.v26-footer .friendlink_box .sli .select_ul li a{color: #000;}

.v26-bottom{color: #89b7e9;font-size: 14px;}
.v26-bottom a{color: #89b7e9;}
.v26-bottom p{margin-bottom: 10px;}
.v26-bottom p img{vertical-align: middle;}
.v26-bottom .bottom-left{width: 60%;float: left;}
.v26-bottom .bottom-right{width: 40%;display: flex;flex-wrap: wrap;gap:0.5rem 1rem; justify-content: center; align-items: center; }


/* 手机（< 768px）—— 默认移动优先写法 */
@media (max-width: 767.98px) {
	/* header */
	.v26-header-box{background-size:110%;height:240px;}
	.v26-content-logo{padding-top:30px;}
	.v26-content-logo img{width: 70%;}
	.v26-header-top .top-right{display: none;}
	
	/*ai search*/
	.v26-header-search .search-area-wrap{width:90%;}
	.v26-header-search .search-area-wrap .search-wrap{margin-top:20px;}
	.v26-header-search .search-area-wrap form{width: 100%;}
	.v26-header-search .search-area-wrap .search-wrap .search_input_new{width:80%;}
	.v26-header-search .search-area-wrap .search-wrap .btn_new{width:20%;}

	/* tab nav */
	.v26-nav-box .nav-list-wrap{flex-wrap: wrap;}
	.v26-nav-box .nav-list-wrap .nav-item{border-right:#338bbc 1px solid;border-bottom:#338bbc 1px solid;width:100%;flex: 0 0 calc((99.2% - 0 * 1rem) / 3);  /* 一行3个，减去间隙 */}
	.v26-nav-box .nav-list-wrap .nav-item a{padding: 0;font-size: 14px;}
	
	/*footer*/
	.v26-footer .friendlink_box .sli{margin:5px 10px;flex: 0 0 calc((90% - 2 * 1rem) / 2);  /* 一行3个，减去间隙 */}
	.v26-bottom .bottom-left{width: 90%;padding: 0 10px;}
	.v26-bottom .bottom-right{width:100%;}
}

/* 针对宽度在 768px 到 1024px 之间的设备 */
@media (min-width: 768px) and (max-width: 1023.98px) {
	/* tab nav */
	.v26-nav-box .nav-list-wrap{flex-wrap: wrap;}
	.v26-nav-box .nav-list-wrap .nav-item{border-right:#338bbc 1px solid;border-bottom:#338bbc 1px solid;width:100%;flex: 0 0 calc((99.2% - 0 * 1rem) / 3);  /* 一行3个，减去间隙 */}
	.v26-nav-box .nav-list-wrap .nav-item a{padding: 0;}
	
	/*footer*/
	.v26-footer .friendlink_box .sli{margin:5px 10px;flex: 0 0 calc((90% - 2 * 1rem) / 3);  /* 一行3个，减去间隙 */}
	.v26-bottom .bottom-left{width: 90%;padding: 0 10px;}
	.v26-bottom .bottom-right{width:100%;}
}

/* 针对宽度在 1024px 到 1280px 之间的设备 */
@media (min-width: 1024px) and (max-width: 1280px) {
	.v26-nav-box .nav-list-wrap .nav-item a {padding: 0 25px;}
}