* {
  font-weight: normal;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
a img {
  border: 0 solid #dcdddd;
}
body {
  background: #fff none repeat scroll 0 0;
  color: #000;
 font-family: "微软雅黑", "Tahoma", "SimSun";
  font-size: 16px;
  font-style: normal;
}
i {
  font-style: normal;
}
a {
  color: #fff;
  font-size: 12px;
  outline: medium none;
  text-decoration: none;
}
a:hover {
  color: #f60 !important;
  text-decoration: none;
}
.clear {
  clear: both;
}

.main {
  margin: 0 auto;
  width: 1200px;
}
.banner {
  width: 100%;
}
.box {
  margin: 0 auto;
  width: 1200px;
  margin-top: 20px;
}
.gdt {
  float: left;
  height: 400px;
  overflow: hidden;
  width: 722px;
}
.disadvantage {
  background: #ebebeb none repeat scroll 0 0;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
.disadvantage div#tab_con1 {
  height: 100%;
  width: 100%;
}
.disadvantage div dl {
 height: 100%;
  width: 100%;
}
.disadvantage dl dt {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.disadvantage dl dt img {
  height: 400px;
  width: 100%;
}
.disadvantage dl dd {
  background: url("https://i.tq121.com.cn/i/tqzt/worldMetDay_2015/science_dd_bg.png") repeat scroll 0 0;
  bottom: 30px;
  display: block;
  height: 110px;
  line-height: 32px;
  position: absolute;
  right: 30px;
  width: 280px;
}
.disadvantage dl dd b {
  border-bottom: 1px solid #fff;
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  margin: 3px auto;
  width: 94%;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.disadvantage dl dd p {
  color: #fff;
  padding-left: 10px;
  padding-right: 5px;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.disadvantage dl dd b:hover {
  color: #f60;
}
.bottomBox ul li p:hover {
  color: #f60;
}
.openDay ul li p:hover {
  color: #f60;
}
.disadvantage div#tab1 {
  bottom: 10px;
  clear: both;
  display: block;
  height: 11px;
  overflow: hidden;
  position: absolute;
  right: 30px;
}
.disadvantage div#tab1 a {
  background: #aaa8a8 none repeat scroll 0 0;
  display: inline;
  float: left;
  height: 8px;
  margin-left: 3px;
  overflow: hidden;
  width: 25px;
}
.disadvantage div#tab1 a.current {
  background: #62a0c3 none repeat scroll 0 0;
}
.zhaiYao {
  display: inline;
  float: right;
  height: 400px;
  margin-left: 120x;
  overflow: hidden;
  width: 458px;
}
*+html .zhaiYao {
  display: inline;
  float: right;
  height: 315px;
  margin-left: 15px;
  overflow: hidden;
  width: 355px;
}
.zhaiYao h1 {
  background: url("http://i.i8tq.com/worldMeteorologicalDay/2026/title.png") no-repeat scroll center top;
  height: 60px;
  
}
.zhaiYao h2 {
  height: auto;
  line-height: 35px;
  text-align: center;
  font-family: Alibaba-PuHuiTi-B;

}
.zhaiYao h2 a {
  color: #0046ba;
  font-size: 18px;
  font-weight: bold;
}
.zhaiYao .title:hover {
  color: #f60;
}
.zhaiYao p {
  color: #000;
  line-height: 30px;
  margin: 3px auto 5px;
  position: relative;
  text-indent: 2em;
  width: 395px;
  margin-bottom: 20px;
  font-family: Alibaba PuHuiTi;
}
.zhaiYao p a {
  right: 0;
}
.er {
  bottom: 12px;
  color: #8d784c;
  float: right;
  font-size: 13px;
  position: absolute;
  right: 20px;
}
.zhaiYao ul {
  margin-top: 10px;
}
.zhaiYao ul li a {
  color: #4d4d4d;
  font-size: 16px;
  font-family: Alibaba PuHuiTi;

}
.zhaiYao ul li a:hover {
  color: #f60;
}
.zhaiYao ul li {
  background: url("https://i.tq121.com.cn/i/tqzt/worldMetDay_2014/dian.jpg") no-repeat scroll 0 15px; 
  height: 33px;
  line-height: 33px;
  margin-left: 10px;
  overflow: hidden;
  padding-left: 10px;
}





.qhbh .bottomBox {
  overflow: hidden;
}
.qhbh .bottomBox a {
  display: block;
  width: auto;
  height: auto;
}
.qhbh .videobox {
  margin-bottom: 7px;
  float: left;
  position: relative;
}

.qhbh .bottomBox img {
  width: 597px;
  height: 316px;
}
.qhbh .bottomBox .leftimg{
  margin-right: 5px;
  float:left;
}
.qhbh .bottomBox .leftimg img {
  width: 597px;
  height: 316px;

}
.qhbh .videobox .play{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.littleTilte{
  margin: 20px auto;
  display: block;
}



.qhbh h1.zb {
  background: url("https://i.tq121.com.cn/i/tqzt/worldMetDay_2017/zbj.png") no-repeat scroll center top;
  height: 60px;
  margin-bottom: 20px;
}
.qhbh h1 {
  background: url("http://i.i8tq.com/worldMeteorologicalDay/2026/title1.png") no-repeat scroll center top;
  height: 63px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.zgjy h1 {
  background: url("http://i.i8tq.com/worldMeteorologicalDay/2026/title2.png") no-repeat scroll center top;
  height: 63px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.zgjy .bottomBox{
	width: 1201px;
height: 338px;
background: url(http://i.i8tq.com/worldMeteorologicalDay/2026/bg1.png) no-repeat scroll top center;
padding: 20px 20px 0 20px;
box-sizing: border-box;
	}
	.bottomBox ul li {
  width: 400px;
  height: 60px;
 margin-right: 15px;
  float: right;
  margin-left: 18px;
  margin-bottom: 20px;
  padding: 16px 0 16px 14px;
  box-sizing: border-box;
}
.bottomBox ul li:nth-child(2n-1) {
  margin-left: 0;
   float: left;
}

.bottomBox ul li p {
  font-size: 20px;
font-family: Alibaba PuHuiTi;

color: #333333;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 380px;
text-align: right;
}
.bottomBox ul li:nth-child(2n-1) p {
  text-align: left;
}








.qhbh .leftto {
  display: inline;
  float: left;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 400px;
  cursor: pointer;
}
.qhbh .leftto .back {
  background: #000 none repeat scroll 0 0;
  height: 657px;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 400px;
  filter: Alpha(opacity=75);
}
.qhbh .leftto span.tag {
  color: #fff;
  height: 47px;
  left: 107px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: 96px;
  width: 95px;
  display: none;
}
.qhbh .leftto span.title {

  border-left: 2px solid #fff;
  color: #fff;
  font-size: 28px;

  left: 140px;
  line-height: 32px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 75px;
  width: 28px;
  line-width: 35px;
}
.qhbh .leftto span img {
  height: 100%;
  width: 100%;
}
.qhbh .leftto span a {
  color: #8d784c;
}
.qhbh .leftto span a:hover {
  color: #f60;
}
.qhkp {
  clear: both;
 
}
.qhkp h1.titlell1 {
  background: url("http://i.i8tq.com/worldMeteorologicalDay/2026/title3.png") no-repeat scroll center bottom;
  height: 63px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.qhkp h1.titlell2 {
  background: url("http://i.i8tq.com/worldMetDay/title3_2023.png") no-repeat scroll center bottom;
  height: 63px;
  margin-bottom: 15px;
}
.qhkp ul{
  display: flex;
  justify-content: space-between;
}
.qhkp ul li {
  width: 285px;
  height: 450px;
}
.qhkp ul li img{
  width: 285px;
  height: 450px;
}


.openDay {
  clear: both;
  height: 200px;
  margin-top: 20px;
  position: relative;
}
.openDay .more{
  position: absolute;
  color:#9fa9aa;
  top: 50px;
  right: 0;
}
.openDay h1 {
  background: url("http://i.i8tq.com/worldMeteorologicalDay/2026/title4.png") no-repeat scroll center bottom;
  height: 63px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.microBlogs {
  clear: both;
  height: 450px;
 
}
.microBlogs h1 {
  background: url("http://i.i8tq.com/worldMeteorologicalDay/2026/title5.png") no-repeat scroll center bottom;
  height: 63px;
  margin-bottom: 20px;
   margin-top: 10px;
}
.openDay .gyList {
  width: 1201px;
  height: 344px;
  background: url(http://i.i8tq.com/worldMeteorologicalDay/2026/bg2.png) no-repeat scroll top center;
  padding: 20px 20px 0 20px;
  box-sizing: border-box;
}
.openDay ul li {
  width: 571px;
  height: 60px;
 
  float: left;
  margin-left: 18px;
  margin-bottom: 20px;
  padding: 16px 0 16px 14px;
  box-sizing: border-box;
}
.openDay ul li:nth-child(2n-1) {
  margin-left: 0;
}
.openDay ul li i {
  width: 10px;
  height: 28px;
  
  float: left;
  margin-right: 7px;
}
.openDay ul li p {
  font-size: 20px;
font-family: Alibaba PuHuiTi;

color: #333333;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 530px;
}
.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.fr {
  display: inline;
  float: right;
}

.microBlogs .blog {
  margin-top: 0;
}

.footer {
  background: #eee none repeat scroll 0 0;
  border-top: 1px solid #eee7e7;
  clear: both;
  width: 100%;
}
.footer .block {
  background: #eee none repeat scroll 0 0;
  height: auto;
  margin: 0 auto;
  padding: 20px 0 0;
  width: 1000px;
}
.footer h2 {
  background: url("../i/index_icons.png") no-repeat scroll -160px 3px;
  float: left;
  height: 38px;
  margin: 10px 3px 3px 0;
  overflow: hidden;
  width: 145px;
}
.footer h2 a {
  display: block;
  height: 38px;
  text-indent: -9999px;
  width: 145px;
}
.footer .Lcontent {
  float: left;
  height: 130px;
  width: 592px;
}
.footer dl {
  display: inline;
  float: left;
  margin: 0 3px 3px 0;
  padding: 15px;
  width: 115px;
}
.footer dl dt {
  line-height: 30px;
  padding-bottom: 5px;
}
.footer dl dt h3, .friendLink h3 {
  font-size: 20px;
  font-weight: normal;
}
.footer dl dd p, .friendLink p {
  line-height: 25px;
}
.footer dl p a, .friendLink p a {
  color: #959595;
  padding-right: 10px;
}
.footer dl p a:hover, .friendLink p a:hover {
  color: #ee842f;
}
.friendLink {
  float: right;
  padding: 15px 0 13px;
  width: 390px;
}
.friendLink h3 {
  line-height: 30px;
  padding-bottom: 5px;
}
.footer .last {
  border-top: 1px solid #ebebeb;
  margin-top: 5px;
  padding-top: 5px;
}
.serviceinfo {
  border-top: 1px dashed #d5d4d4;
  clear: both;
  font-size: 12px;
  line-height: 20px;
  padding: 20px 0 20px 67px;
}
.serviceinfo p {
  height: 20px;
}
.serviceinfo p span {
  display: block;
  float: left;
  width: 294px;
}
.serviceinfo a, .serviceinfo b {
  color: #076ea8;
  font-weight: normal;
}
.serviceinfo b {
  color: #252525;
}
.aboutUs {
  background-color: #7d7d7d;
  color: #fff;
  font-size: 12px;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.aboutUs a {
  color: #fff;
}
#focus img {
  height: 206px;
  width: 303px;
}
.cehua {
  
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 30px;
  color: #0769ae;
  color: #5ca1d6;
font-weight: bold;
}
.cehua h1 {
  background: url("https://i.tq121.com.cn/i/tqzt/worldMetDay_2017/zztd.png") no-repeat scroll center bottom;
  height: 60px;
  margin-bottom: 20px;
}
.yjcy {
  clear: both;
  margin: 30px auto 0;
  text-align: center;
  width: 930px;
}
.yjcy h1 {
  background: url("https://i.tq121.com.cn/i/tqzt/worldMetDay_2020/title5.png") no-repeat scroll center bottom;
  height: 60px;
  margin-bottom: 20px;
}
.yjcy .contentTwo{
	width: 100%;
	height: 495px;
	background: #fff;
	overflow: hidden;
}
.yjcy .contentTwo .mapList{
	width: 114px;
	height: 100%;
	float: left;
}
.yjcy .contentTwo .mapList li{
	width: 100%;
height: 69px;
margin-bottom: 10px;
font-size: 16px;
color: #fff;
font-weight: bold;
background: #5fd5cc;
text-align: center;
padding-top: 5px;
cursor: pointer;
}
.yjcy .contentTwo .mapList li.cur{
	background: #71d563;
}
.yjcy .contentTwo .mapList li p{
	height: 25px;
	line-height: 25px;
	margin:0;
}
.yjcy .contentTwo .mapList li:last-child{
	margin-bottom: 0;
}
.yjcy .contentTwo .mapImg{
	width: 800px;
float: right;
margin-left: 10px;
}
.yjcy .contentTwo .mapImg img{
	width: 100%;
	height: 100%;
}
.ll {
  float: left;
  width: 450px;
}
.rr {
  float: right;
  width: 450px;
}
.title4 {
  width: 100%;
}
.title4 h1 {
  background: url("https://i.tq121.com.cn/i/tqzt/worldMetDay_2015/paris350.png") no-repeat scroll left bottom;
  font-family: 微软雅黑;
  font-size: 24px;
  font-weight: bold;
  height: 70px;
  line-height: 90px;
  margin-bottom: 10px;
  margin-left: 5px;
  padding-left: 46px;
  text-indent: 10px;
}
.title4 a.more {
  display: none;
}








  .taivideobox {
      height: 588px;
      margin: 0 auto;
      position: relative;
      width: 1200px;
  }


.zhaiyao {
    -moz-box-orient: vertical;
    color: #444444;
    display: -webkit-box;
    font-size: 18px;
    height: 80px;
    line-height: 24px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.zhaiYao .title {
  font-size: 18px;
  font-family: black;
  font-weight: bold;
  color: #0046ba;
  width: 95%;
  text-align: center;
  margin-bottom: 15px;
  margin-left: 10px;
}

.zhaiYao .content {
  width: 400px;
  font-size: 16px;
  text-indent: 2em;
  font-family: black;
  font-weight: 400;
  color: #333333;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  margin-left: 15px;
  line-height: 30px;
}
.zhaiYao .more {
  width: 100%;
  display: block;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  margin-bottom: 10px;
}

.zhaiyao a {
    color: rgb(102, 102, 102) !important;
    font-size: 14px;
}





.more {
  color: #078467;
  font-size: 16px;
}
@font-face {
      font-family: 'YouSheBiaoTiYuan';
      src: url('https://www.weather.com.cn/m2/i/YouSheBiaoTiYuan-2.woff') format('woff');
    }
    .gcfzlc * {
      box-sizing: border-box;
    }
    .gcfzlc {
      width: 1200px;
      margin: 0 auto;
      background-image: url("http://i.i8tq.com/worldMeteorologicalDay/2026/gcfzlc_content_bg.png");
      background-size: contain;
    }
    .gcfzlc h1 {
      background-image: url("http://i.i8tq.com/worldMeteorologicalDay/2026/gcfzlc_title_bg.png");
      background-size: cover;
      height: 63px;
      margin-bottom: 20px;
      margin-top: 30px;
    }
    /* 时间轴容器 */
    .gcfzlc-content {
      height: 648px;
      position: relative;
      overflow-y: scroll;
      /* border: 1px solid #0078d7; */
    }
    #timeline-items {
      position: relative;
      display: flex;
    }
    .timeline-left, .timeline-right {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .timeline-left {
      padding-top: 140px;
      padding-right: 24px;
    }
    .timeline-right {
      padding-left: 24px;
    }
    .timeline-left .timeline-item {
      align-items: flex-end;
    }
    .timeline-right .timeline-item {
      align-items: flex-start;
    }
    /* 时间节点项 */
    .timeline-item {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 40px 0;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }
    /* 可见状态（入场动画） */
    .timeline-item.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .timeline-item-date {
      height: 44px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      background-image: linear-gradient(to bottom, #006AC8, #00A7AD);
      position: relative;
    }
    .timeline-item-date span {
      font-family: YouSheBiaoTiYuan;
      font-size: 22px;
      color: #FFFFFF;
    }
    .timeline-item-date-arrow {
      width: 13px;
      height: 15px;
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
    .timeline-left .timeline-item-date-arrow {
      right: -12px;
    }
    .timeline-right .timeline-item-date-arrow {
      left: -12px;
    }
    .timeline-left .timeline-item-date-dot {
      right: -34px;
    }
    .timeline-right .timeline-item-date-dot {
      left: -34px;
    }
    .timeline-item-title {
      font-family: YouSheBiaoTiYuan;
      font-size: 24px;
      color: #0076C3;
      margin-top: 5px;
    }
    .timeline-item-descriptions {
      max-width: 428px;
      font-family: AlibabaPuHuiTiM;
      font-size: 18px;
      color: #0076C3;
      background-color: #E0EEFF;
      margin-top: 5px;
      padding: 10px;
      text-align: justify;
      border-radius: 10px;
    }
    /* 节点圆点 */
    .timeline-item-date-dot {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #0078d7;
      border: 4px solid #fff;
      z-index: 2;
    }
    /* 时间轴竖线 */
    .timeline-line {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      margin: 4px 0;
      width: 8px;
      height: 100%;
      background-color: #0078d7;
    }
    .timeline-line::before, .timeline-line::after {
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #0078d7;
    }
    .timeline-line::before {
      top: -4px;
    }
    .timeline-line::after {
      bottom: -4px;
    }