@charset "utf-8";

/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.
  * Power by Doudian，Mr. Ding 使用此文件请保的信息，谢谢！ Please keep my information in this file, thank you!
 */
@font-face { font-family: 'iconfont';  /* Project id 2139286 */ src: url('//at.alicdn.com/t/c/font_2139286_99u8mc1nl6r.woff2?t=1706114837697') format('woff2'), url('//at.alicdn.com/t/c/font_2139286_99u8mc1nl6r.woff?t=1706114837697') format('woff'), url('//at.alicdn.com/t/c/font_2139286_99u8mc1nl6r.ttf?t=1706114837697') format('truetype'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

/*在tsinghua样式基础上写右侧专题推荐 4个按钮*/
.link1 { background-color: #04a9e1; color: #ffffff; }
.link2 { background-color: #60cc5c; color: #ffffff; }
.link3 { background-color: #f1c84a; color: #ffffff; }
.link4 { background-color: #fb9f22; color: #ffffff; }
.tongdao { display: flex; flex-direction: column; gap: 20px; }
.tongdao a:hover { text-decoration: none; }
.tongdao div { height: 100px; display: block; font-size: 30px; display: flex; align-items: center; justify-content: center; border-radius: 10px; transition: transform .3s ease, box-shadow .3s ease, filter .3s ease; }
.tongdao div i { font-size: 40px; display: inline-block; transition: transform .3s ease; }
.tongdao div:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0, 0, 0, .18); filter: brightness(1.08); }
.tongdao div:hover i { transform: scale(1.15) rotate(-8deg); }
.col-right .title em, .col-right .title span { font-size: 18px; }



/**6个图标**/
.index_six { margin: 0 auto; padding: 60px 0 100px 0; display: flex; flex-direction: row; align-items: center; width: 1400px; justify-content: space-between; }
.index_six .b2 { background-color: #00479d; }
.index_six .b3 { background-color: #ef9249; }
.index_six .b4 { background-color: #a40000; }
.index_six .b6 { background-color: #8f82bc; }
.index_six .left {display: flex;flex-wrap: wrap;align-items: center;transform: translate(46px, 38px);z-index: 9;}
.index_six .left .b { width: 33.33%; display: block; text-align: center; color: #fff; }
.index_six .left .b a { width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; color: #fff; }
.index_six .left .b { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; }
.index_six .left .b { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; }
.index_six .left .b img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.index_six .left .b a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; }
.index_six .left .b a p i.iconfont { font-size: 80px; display: inline-block; transition: transform .35s ease; }
.index_six .left .b a h1 { font-size: 24px; margin: 8px 0 0; transition: color .3s ease; }
.index_six .left .b { transition: transform .35s ease, box-shadow .35s ease; }
.index_six .left .b:hover { transform: translateY(-8px); box-shadow: 0 16px 30px rgba(0, 0, 0, .22); z-index: 10; }
.index_six .left .b:hover img { transform: scale(1.1); }
.index_six .left .b:hover a p i { transform: scale(1.2) rotate(10deg); }



.index-events { background: #F2F3F9; padding: 60px 0 }
.intitle { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.intitle .title { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding-right: 64px; }
.intitle .title span { font-size: 18px; }
.intitle .title h2 { font-size: 34px; font-weight: bold }
.intitle .titileft { display: flex; align-items: center; gap: 40px; }
.intitle .subName { border-left: 3px solid #256db7; padding-left: 30px; padding: 12px 30px; }
.intitle .subName a { font-size: 18px; color: #999; margin-right: 20px; }
.simply-scroll-clip { margin-top: 60px; }
.simply-scroll-clip ul { overflow: hidden; }
.simply-scroll-clip ul li { width: 380px; margin-right: 30px; float: left; }
.simply-scroll-clip ul li .lanmu {font-size:16px; margin-bottom: 10px; }
.simply-scroll-clip ul li .pic { margin-bottom:20px }
.simply-scroll-clip ul li .pic img { width: 380px; height: 245px; }
.simply-scroll-clip ul li .title { font-size:18px; font-weight:bold; padding-bottom:10px; }
.simply-scroll-clip ul li .info { border-left:1px solid #256db7; padding-left:10px ; line-height:18px}
.simply-scroll-clip ul li .info p { color:#256db7 ; font-size:12px}
.simply-scroll-clip ul li a:hover{ text-decoration: none; }
.simply-scroll-clip .tempWrap{ width: auto !important; }


.links {/* margin-top: 6px; */padding:50px 0;background-color: #dee9ff;}
.screen-phone .links { margin-top: 20px;}
.screen-phone .links .mt,.screen-tablet .links .mt {margin-top: 30px;}
.links .title  {font-size: 26px;color: #000;font-weight: bold;display: flex;flex-direction: column;gap: 14px;}
.screen-phone .links .title  {font-size: 20px; }
.links .title  span {font-size:16px; color: #080808;}
.links .title p { width: 50px; border-radius: 3px;height: 3px;  background-color: #1761b5;}
.links .con  {  padding:25px 0 40px 0}
.screen-phone .links .con  {  padding:5px 0 20px 0}
.links .con ul{padding: 0 ;margin: 0;}
.links .con ul li {float: left; width:150px;padding: 5px 0; }
.screen-phone .links .con ul li {  width:130px; }

.links .con2  {  padding:25px 0 40px 0}
.screen-phone .links .con2  {  padding:5px 0 20px 0}
.links .con2 ul{padding: 0 ;margin: 0;}
.links .con2 ul li {float: left; width:200px;padding: 5px 0; }
.screen-phone .links .con2 ul li {  width:180px; }

.links .con ul li a:hover{color: #cc9900;} 


.links  a{ padding: 5px  15px 5px 0; font-size:16px;} 


.links .siteWidth{display: flex;}