@charset "gb2312";
@import "Noto Sans SC.css";
@import "Noto Serif SC.css";
*{ margin:0px; padding:0px; border:0;}  
body { -webkit-text-size-adjust: 100%; }
html,body {width:100%; /*height:100%;*/ margin:0px; padding:0; font:16px/1.5  'Noto Sans SC','Microsoft YaHei', arial, \5FAE\8F6F\96C5\9ED1, 'Hiragino Sans GB', sans-serif;  background:url(../images/bj.jpg) center top repeat-y; background-attachment:fixed; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button,font,i {border:0;  padding:0; margin:0;  } 
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span,font,div { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#333; text-decoration:none; }
a:hover{ color:var(--color); text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font,strong { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

:root {
--transition:all ease-out .3s 0s;
--color:#0644ca; /*主体色改这个颜色*/
--color2:rgba(255,255,255,1); 
--color3:#111; 
--color4:#0644ca;
--bgcolor:rgba(255,255,255,.8);
--bgcolor2:#fff;
--bgcolor3:rgba(225,157,117,.75);
--bgcolor4:#eaddd4;	
--shadow: 0 2px 18px rgba(18,80,207,.2);
--shadow2: 0 12px 28px rgba(18,80,207, 0.10), 0 4px 8px rgba(18,80,207, 0.06); 
	
--text-shadow:0px 2px 8px rgba(0, 0, 0, .5); 
--radius: 20px;
	
  --img-max-width: 1920px;
  --img-max-height: 400px;
  --piaodai-img: url('images/piaodai.png');
}



.reveal { opacity:0; transform:translateY(50px);transition:opacity .7s ease,transform .7s ease; }
.reveal.in {opacity:1; transform:none}

.header { width:100%; margin:0 auto; height:800px; overflow:hidden;  z-index:99; position:relative;  background:url(../images/header.jpg) center center no-repeat;  }
.tit { width:100%; float: left; text-align: center; position:absolute; left:0; top:80px; z-index: 15; -webkit-animation:tit 1.5s ease .2s backwards; animation:tit 1.5s ease .2s backwards;   }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.1);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.1);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
.tit img { max-width: 80%;}

.sub { width:100%; float: left; text-align: center;   position:absolute; bottom:40px;  z-index: 15;    -webkit-animation:sub .5s ease 1s backwards; animation:sub .5s ease 1s backwards; }
@keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(80px); }
100% { opacity:1;}
}
@-webkit-keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(80px); }
100% { opacity:1;}
}
.sub img { max-width: 100%;}




.warp { width: 1200px; margin: 0 auto;  }


/*头条*/
.tt { width:100%; float:left; margin:50px 0 25px 0; }
.tt span { width:100%; float:left; font-size:36px; line-height:1.4; margin-bottom:15px; text-align:center; color:var(--color3); font-weight: 800; }
.tt span b { display:inline-block; background:var(--color4); margin:0 15px 8px 0; padding:0 18px; line-height:1.95; font-size:22px; color:#fff; border-radius:5px; vertical-align:middle; font-weight: 400; }
.tt p { width:100%; font-size:18px;  color:rgba(0,0,0,.8); float:left; line-height:1.5; text-align:center;  font-weight: 300; }
.tt:hover span { color: var(--color4); }

/*新闻动态*/
.news { width:100%; float:left; margin-bottom: 50px;   }
.news ul li { width:49%; float:left; border-bottom:1px dotted rgba(0,0,0,.1);  padding:10px 0; }
.news ul li span { width:100%; float:left; font-size:18px; line-height:35px;  color: var(--color3);  font-weight: 300; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; background: url(../images/yuan.png) left center no-repeat; padding:0 0 0 25px; transition:var(--transition);}
.news ul li:hover span { color: var(--color4); }
.news ul li:nth-child(2n) { float:right;} 



.tabBar {  width: 100%;  float: left; margin: 20px 0;  }
.tabBar span { float: left; font-size: 22px;  font-weight: 700; line-height: 1.5; padding:20px 44px; margin-right:20px; background:#ef7e40; color: #fff;  border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer;  }
.tabBar span.current { background: #0a48c4; color: #fff;}

.tabCon { width:100%; float:left;  }

.jies { font-size: 19px; color:var(--color3); line-height: 1.8; font-weight: 300; padding:10px 0 35px 0; text-align: justify;  display: inline-block; text-indent: 2em; }

/* 瀑布流：列数变化 4 → 2 → 1（跳过 3 列，避免末行孤卡） */
.waterfall { columns: 2; column-gap: 20px; }
.waterfall li { break-inside: avoid; margin-bottom: 20px; background: #fff; border-radius: var(--radius); text-align: left; overflow: hidden; box-shadow: var(--shadow); padding:25px 35px; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.waterfall li:hover { transform: translateY(-4px);   box-shadow:var(--shadow2);  }
.waterfall li h3 {  font-size: 21px; color:var(--color); font-weight: 700; line-height: 1.4;   }
.waterfall li h4 { }
.waterfall li h4 p {  font-size: 17px; color:var(--color3); line-height: 1.6; font-weight: 300; margin-top: 15px; text-align: justify;  }
.waterfall li h4 p img {  width: 120px;  }
.waterfall li h4 p a { color:#ef7e40; transition:var(--transition); }
.waterfall li h4 p a:hover { color:var(--color); text-decoration: underline; }
.waterfall li strong { color:#ef7e40;  font-weight: 600;   }

.load { float: right; padding-left: 30px; margin-top: 20px;}
.load img{vertical-align:top; border:0;}

table { border-right:1px solid #ccc; border-bottom:1px solid #ccc;  overflow: hidden; font-size:17px; color:#333; line-height:1.5; margin-top: 15px; } 
td { border-left:1px solid #ccc; border-top:1px solid #ccc;   padding:10px 20px;  text-align: center; font-weight: 300; } 
td.f2 { font-size:17px; color:#000; font-weight: 600; }

tr{ background:#f1f1f1; }
tr:nth-child(2n) {  background:#fff; }


.lm { width:100%; float:left; padding:50px 0 30px 0; text-align: center; font-family: "Noto Serif SC";; }
.lm span {font-size: 48px; font-weight: 900; color: var(--color); line-height: 1.6; }
.lm p {font-size: 18px; font-weight: 300; color:rgba(0,0,0,.5); line-height: 1.6;  }


/*获奖选手*/
.travel {width: 100%; max-width: 1200px;  display:grid; gap:50px 30px; grid-template-columns:repeat(5,1fr);  text-align: center; padding-top: 35px;  }
.travel .card { background:#fff; display:flex; flex-direction:column; /*方向为垂直*/border-radius: var(--radius); box-shadow:var(--shadow);  transition:var(--transition);  position:relative; }
.travel .card:hover{ transform:translateY(-10px);  background:linear-gradient(135deg,rgba(216,236,255,.2), rgba(216,236,255,.02)); }

.travel .card .photo { aspect-ratio: 9 / 16; object-fit: cover; object-position: center;  position:relative; display:flex; align-items:flex-end; background-size:cover; background-position:center; }
.travel .card .photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0;  border-radius: 10px 10px 0 0; }
.travel .card .cag { position:absolute; z-index:1; top:-25px; left: 10%;  width:80%; background:rgba(255,255,255,.85); padding:10px 0; border-radius:var(--radius); backdrop-filter:blur(5px); text-align: center; font-size:20px; font-weight:700; color:#222; box-shadow:var(--shadow); }
.travel .card .cag img { width: 24px; height: auto; margin-right:10px; }
.travel .card .text { padding:15px 20px;  }
.travel .card .text h3 {color:#111; font-size:18px; line-height: 1.6; font-weight: 300; text-align: center;  }
.travel .card:hover .text h3 { color:var(--color4); }



/* 竖图滚动 */
.carousel { max-width: 1200px; width: 100%; --items-per-view: 5; /* 一行个数 */ --gap: 30px; /*卡片间距 */  overflow: hidden; cursor: grab; user-select: none; }
.carousel.dragging {cursor: grabbing; }
.carousel .track  { display: flex; width: fit-content;  will-change: transform; gap: var(--gap);  margin:10px 0 50px 0;  }
.carousel .group { display: flex;  gap: var(--gap);  flex-shrink: 0; }
.carousel .item { flex: 0 0 auto; width: var(--card-width, 120px); background:#fff; position:relative; overflow: hidden; border-radius: var(--radius); box-shadow:var(--shadow);  transition: transform 0.25s ease; }
.carousel .item:hover { transform:translateY(-10px);  background:linear-gradient(90deg,#037aee 0,#1250cf 100%);  }
.carousel .item .photo { aspect-ratio: 10 / 16;  object-fit: cover; object-position: center;  position:relative; display:flex; align-items:flex-end; background:#fff; }
.carousel .item .photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0;  border-radius: 10px 10px 0 0; }
.carousel .item .photo em { position:absolute;  width:50px; height:50px; display:block; border-radius:50%; background: url(../images/player.png) rgba(0,0,0,.3); backdrop-filter: blur(10px); background-size:cover; position:absolute; top:50%; margin-top: -25px; left:50%; margin-left:-25px;  z-index:5;  transform:rotate(0deg); transition:var(--transition);}
.carousel .item:hover .photo em { transform:rotate(360deg); }
.carousel .item .text { padding: 15px 15px 18px 15px;  font-size:18px; font-weight: 300; line-height: 1.6; color:var(--color3); text-align: center;  transition:var(--transition); }
.carousel .item:hover .text{ color:#fff; }



/*高清图集*/
.focus { width:100%; float: left;  border-radius: var(--radius); box-shadow:var(--shadow); overflow: hidden;  }
.focus .swiper-container { width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:1; height:600px;  }
.focus .swiper-wrapper { position: relative; width:100%;  height:100%;  z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.focus .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.focus .swiper-slide li { width:100%; height:100%;  position: absolute; overflow:hidden; background-repeat:no-repeat; background-position:center center;  background-size: cover; }
.focus .swiper-slide li img { width:100%; height:100%; }
.focus .swiper-slide li span { max-width: 80%;  position:absolute; bottom:70px; float:left; padding:15px 30px; font-size:22px; line-height:1.4; font-weight: 500; color:#333; background: rgba(255,255,255,.9);  }

.focus .swiper-pagination { position:absolute; text-align:right;  z-index:10; bottom:0; padding:20px; left:0; width:100%; }
.focus .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; border-radius:100%; opacity:1;  border:2px solid #fff; border-radius:50px; cursor:pointer; margin:0 4px;  border:2px solid #fff;  transition:all ease-out .5s 0s; background:none; }
.focus .swiper-pagination-bullet-active{  width: 32px;  background:#ef7e40; border:2px solid #ef7e40;}

.focus .swiper-button-prev,.focus .swiper-button-next { width:60px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:60px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,2,.5); }
.focus .swiper-button-next { right:5px;}
.focus .swiper-button-prev { left:5px;}


.footer { width:100%; float: left; background:linear-gradient(to right,#037aee 0,#1250cf 100%); padding:14px 0; font-size:17px; line-height: 1.6; color:rgba(255,255,255,.95); text-align: center; margin-top:60px; }
.footer span { font-weight: 200; }
.footer span strong { font-weight: 500; margin-right:15px; display: inline-block; }
.footer font { font-weight: 200; }



/* -----------------------------------------------  移动端适配 -------------------------------------------------------------------- */

@media (max-width: 820px) {
:root {

--text-shadow:0px 2px 8px rgba(0, 0, 0, .5); 
--radius: 2vw;
}
	

.header {  height:16rem;  background-size: cover;  }
.tit {top:2rem;   }
.tit img { max-width: 87%;}

.sub {  position:absolute; bottom:1rem;   }
.sub img { max-width: 40%;}
	
	
.warp { width:100%; padding:0 5%; }	
	
/*头条*/
.tt { width:100%; float:left; margin:6% 0;   }
.tt span { width:100%; float:left; font-size:5vw; line-height:1; margin-bottom:2.5vw; font-weight: 700;  }
.tt span b { margin-bottom:5px; padding:0 2.5vw; line-height:2em; font-size:3.5vw; margin-right:2.5vw; font-weight: 300; }
.tt p { font-size:3.5vw; line-height:1.6em;  }
.tt:hover span { color: var(--color3); }	


/*新闻动态*/
.news { width:100%; margin-bottom: 0;  }
.news ul li { width:100%; float:left; border-bottom:1px dotted rgba(0,0,0,.1);  padding:2.75vw 0; }
.news ul li span { font-size:3.75vw; line-height:1.4;  -webkit-line-clamp: 3; background: url(../images/yuan.png) left 1.5vw no-repeat; padding:0 0 0 25px;}
.news ul li:hover span { color: var(--color3); }
	


.lm { padding:5vw 0; }
.lm span {font-size: 7.5vw;  }
.lm p {font-size: 3.5vw;  }



.tabBar { width: 100%; float: left;  margin: 6vw 0 5vw 0;  }
.tabBar span {  width: 47%; float: left; height: 45vw; font-size: 5vw; padding:4vw 6vw; margin-right:3%; }

	
	
.tab-panel { display: none; padding: 0; line-height: 24px; }
.tab-panel.active { display: block; animation: fadeIn 0.25s ease; }
@keyframes fadeIn {
from { opacity: 0; transform: translateY(0); }
to   { opacity: 1; transform: translateY(0); }
}
	
.jies { font-size: 4vw;  padding:0vw 0 5vw 0;  }

/* 瀑布流：列数变化 4 → 2 → 1（跳过 3 列，避免末行孤卡） */
.waterfall { columns: 1; column-gap: 3vw; }
.waterfall li {  margin-bottom: 3.5vw;  padding:5vw 7vw; }
.waterfall li:hover { transform: translateY(0px);   box-shadow:var(--shadow);  }
.waterfall li h3 {  font-size: 4.5vw;   }
.waterfall li h4 p {  font-size: 3.75vw; margin-top: 2vw;   }
.waterfall li h4 p img {  width: 30vw; margin-left: 20vw;  }
.waterfall li strong { color:#ef7e40;  font-weight: 600;   }




.load { float: right; padding-left: 5vw; margin-top: 3vw;}
.load img{ width: 40vw; vertical-align:top; border:0;}

table { font-size:3.75vw;  margin-top: 3vw; } 
td {   padding:2vw 4vw;   } 
td.f2 { font-size:3.75vw;  }

tr{ background:#f1f1f1; }
tr:nth-child(2n) {  background:#fff; }

	
	


	
	
/*获奖选手*/
.travel {width: 100%; max-width: 100%;  display:grid; gap:9vw 4vw; grid-template-columns:repeat(2,1fr);   padding-top: 25px;  }
.travel .card:hover{ transform:translateY(0px);  background:#fff; }
.travel .card .photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0;  border-radius: 2.5vw 2.5vw 0 0; }
.travel .card .cag { position:absolute; z-index:1; top:-5vw; left: 10%;  width:80%; padding:2vw 0;  font-size:4vw; border-radius:5vw;}
.travel .card .cag img { width: 5vw; height: auto; margin-right:10px; }
.travel .card .text { padding:3.5vw 5vw;  }
.travel .card .text h3 {font-size:4vw; line-height: 1.6;   }
.travel .card:hover .text h3 { color:#111; }
	
	
/* 竖图滚动-响应式 */
.carousel { --items-per-view: 2;--gap: 4vw;  }
.carousel .track  { margin:2vw 0 5vw 0;  }
.carousel .item:hover { transform:translateY(-0px);  background:#fff;  }
.carousel .item .photo img {  border-radius: 2vw 2vw 0 0; }
.carousel .item .photo em {  width:10vw; height:10vw; margin-top: -5vw;  margin-left:-5vw; transform:rotate(0deg); }
.carousel .item:hover .photo em {  transform:rotate(0deg); }
.carousel .item .text { padding:2.5vw 3vw;font-size:3.75vw;  }
.carousel .item:hover .text{ color:var(--color3);}
	
	
	
	
	

/*精彩剪影*/
.focus { width:100%; margin-bottom:3vw;  }
.focus .swiper-container { height:55vw;  }
.focus .swiper-slide li span {max-width: 100%; width: 100%;  position:absolute; bottom:0; float:left; padding:5vw 5% 9.5vw 5%; font-size:4.5vw; line-height:1.3; font-weight: 500; color:#fff; text-align:center;  text-shadow:1px 1px 5px rgba(0,0,0,.5); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));  }
.focus .swiper-pagination { position:absolute; text-align:center;  z-index:10; bottom:0; padding:2.5vw; left:0; width:100%; }
.focus .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; border-radius:100%; opacity:1;  border-radius:50px; cursor:pointer; margin:0 5px;   }
.focus .swiper-pagination-bullet-active{ width: 32px;  }
.focus .swiper-button-prev,.focus .swiper-button-next { width:10vw; height:10vw;  margin-top:-5vw; line-height:1; font-size:10vw;  }
.focus .swiper-button-next { right:5px;}
.focus .swiper-button-prev { left:5px;}



.footer {  padding:2.75vw 2%;  font-size: 3.5vw; line-height: 1.6; margin-top: 2vw;  }
.footer span { width: 100%; float: left; text-align: center; font-weight: 200; }
.footer span strong { ; margin-right:2vw; }
.footer font { width: 100%; float: left; text-align: center;  font-weight: 200; display:none; }
	
}