/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
body{ font-family:Microsoft YaHei,SimHei,SimSun,Arial, Helvetica, sans-serif;font-size:16px;  background:#fff url(../images/bg_01.jpg) no-repeat top center;}
li{ list-style:none;}
a{ text-decoration:none; color:#333; transition:all .5s;-moz-transition:color .5s;-webkit-transition:color .5s; 
-o-transition:color .5s; }
a:hover{ text-decoration:none; color:#2d86ff;}
img{ border:none; vertical-align:bottom; display:inline-block;}
h3{ font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
.mb50{ margin-bottom:50px;}
.mb30{ margin-bottom:30px;}


/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.clear{ overflow:hidden; zoom:1; }

/*------------------------头部 start--------------------------*/
.header{ width:1200px; margin:0 auto; padding-bottom: 60px;}

/*------------------------内容 start--------------------------*/
.cont-wrap{ background:url(../images/cont-bg.png) repeat-y top center;}
.content{width:1200px; margin:0 auto; padding-top:30px;}

/*宽度1100*/
.w1100{width:1100px; margin:0 auto;padding-top:30px; }

/*宽度1200*/
.w1200{width:1200px; margin:0 auto;padding-top:30px; }

/*活动简介*/
.activity{width:100%; margin:0 auto; padding-bottom:80px; background: url(../images/huodong.png) no-repeat top center; height:315px; }
.activity p{font-size: 18px;text-indent: 36px; color: #666; line-height: 36px; width:1050px; padding:75px;}


/*历史回顾*/
.review{width:100%; margin:0 auto; padding-bottom:80px; }
.hd{ margin-bottom:40px;  height:118px; background: #fff url(../images/huigu.png) no-repeat top center;}
.bd2{width:100%; margin:0 auto;   position:relative;}

 .a2014{position:absolute; left:70px; top:260px; width:143px;  height:94px; }
 .a2014 img{  width:100%;}
 
 .a2015 {position:absolute; left:200px; top:370px; width:143px;  height:94px; }
 .a2015 img{  width:100%;}
 
 .a2016 {position:absolute; left:370px; top:560px; width:143px;  height:94px; }
 .a2016 img{  width:100%;}
 
 .a2017 {position:absolute; left:430px; top:290px; width:143px;  height:94px; }
 .a2017 img{  width:100%;}
 
 .a2018 {position:absolute; left:630px; top:490px; width:143px;  height:94px; }
 .a2018 img{  width:100%;}
	
 .a2019 {position:absolute; left:780px; top:365px; width:143px;  height:94px; }
 .a2019 img{  width:100%;}
 
 .a2020 {position:absolute; left:780px; top:86px; width:143px;  height:94px; }
 .a2020 img{  width:100%;}
	
 .a2021 {position:absolute; left:940px; top:260px; width:143px;  height:94px; }
 .a2021 img{  width:100%;}


/*第123456789场*/
.chamber{width:100%; margin:0 auto; padding-bottom:50px;  }

/*栏目条-----*/
/*栏目更多在同一行*/


.col-tit{ float:left; font-size:24px; display: inline-block; font-weight:normal;height:40px; line-height:40px;}
.col-more{ float:right;font-weight:normal; color:#666; font-size:14px;height:40px; line-height:50px; }

/*栏目图片，更多在内容后面*/
.hd2{ margin-bottom:40px;  height:69px; background: #fff url(../images/nav.png) no-repeat top center;}

.col-tit2{ color:#fff; padding-left:50px; height:56px; display:table-cell; vertical-align:middle;}

.col-more2{ position:relative; z-index:3; width:100%;height:40px; line-height:40px; display:block; text-align:center; color:#fff; font-size:18px; }
.col-more2 span{ position:relative; z-index:3; display:block; width:100px;transform: skewX(-10deg); margin:0 auto; height:40px; background:#359DFD;}
.col-more2:after{ content:""; position:absolute; z-index:0; left:0; top:50%; margin-top:-1px; display:block; width:100%; height:1px; background:#eee;}
.col-more2:hover span{ background:#188FFF; color:#fff;}

/*版块1--------------------------*/
.moda .fr{ width:500px;}

.swiper2{width:640px; height:410px; position:relative; z-index:1;}


   /*滚动图片---------------（未启用）-----------------*/
   .swipe  r1{width:640px;}
   .swiper1 .swiper-slide img{width:640px;height:360px; position:relative; z-index:1;transition:all 1s;-moz-transition:all 1s; -webkit-transition:all 1s;  -o-transition:all 1s;}
   .swiper1 .swiper-slide a:hover img{transform: scale(1.2); }
   .swiper1 .swiper-slide a{ display:block; position:relative;}
   .swiper1 .swiper-slide a p{ position: absolute; width:100%; padding-left:20px;height:50px; line-height:50px; color:#fff; font-size:20px;  bottom:0; z-index:3; box-sizing:border-box;}
   .swiper1 .swiper-slide a:after{ content:""; height:50px; width:100%; position:absolute; z-index:2; bottom:0; left:0; background:#000; opacity:0.8; width:100%;}
   .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom,   .swiper-pagination-fraction{ width:100px; left:540px; bottom:15px;}
   .swiper-pagination-bullet{ background:#fff; opacity:.8; cursor:pointer;}
.swiper-pagination-bullet-active{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); opacity:1;}

/*头条 标题+摘要-----*/
.top-news{ display:block; padding-bottom:20px; border-bottom:1px dotted #ddd; margin-bottom:20px;}
.top-news h3{ text-align:center; font-size:22px; line-height:36px; margin-bottom:10px;}
.top-news p{ font-size:18px; text-indent:36px; color:#666;line-height: 36px;}
.top-news p span{color:#F00;}

   /*标题列表 --（未启用）---------------*/
   .news-list{ }
   .news-list li{height:30px; line-height:30px; overflow: hidden;vertical-align:middle; margin-bottom:20px;}
   .news-list li:before{ content:""; display:inline-block; width:5px; height:5px; margin-right:15px; margin-bottom:5px; border-radius:50%; background:#6DABFF;}
   .news-list li a{color:#333; font-size:18px;}
   .news-list li a:hover{color:#2d86ff;}

   /*版块2---（未启用）-----------------------*/
   /*图片+摘要*/
   .img-txt-news{}
   .img-txt-news li{ float:left; width:570px; margin-right:60px; margin-bottom:30px;}
   .img-txt-news li:nth-child(2n){ margin-right:0;}
   .img-txt-news img{ float:left; margin-right:30px; width:300px; height:170px;}
   .img-txt-news li a:hover img{ opacity:0.6;}
   .img-txt-news h3{ display:block;margin-bottom:10px; font-size:20px; color:#023acb;
   /*超过行数显示省略号 复制以下代码*/
   display: -webkit-box;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;  /*行数设置，比如2，超过2行显示省略号*/
   -webkit-box-orient: vertical;
   overflow:hidden;
    }
   .img-txt-news p{ color:#666; font-size:16px; line-height:150%; text-align:justify;}
   .img-txt-news p span{ color:#FF3700;}


   /*版块3-----（未启用）--------------------------*/
   /*图片列表*/
   .img-list {}
   .img-list li{ float:left;width:280px; display:inline;  margin-right:25px; margin-bottom:25px; background:#edf2ff;}
   .img-list li:last-child{ margin-right:0;}
   .img-list li:nth-child(2n){ background: #fff7ed;}
   .img-list li .img-wrap{ width:280px; height:160px; overflow:hidden;}
   .img-list li a:hover .img-wrap img{ transform: scale(1.2); opacity:0.8;}
   .img-list li img{ width:280px; height:160px;transition:all 1s;-moz-transition:all 1s; -webkit-transition:all 1s;  -o-transition:all 1s;}
   .img-list li h3{ padding:10px; color:#333; font-size:18px; text-align:center;}


   /*版块4----（未启用）----------------------*/
   /*图片列表 带箭头*/
   .img-list2 li{ position:relative; float:left; width:600px; overflow:hidden; zoom:1; background:#ebf1ff; transition:all 1s;
-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; max-height:170px; }
   .img-list2 li:last-child{ margin-bottom:0;}
   .img-list2 li .tit-wrap{float:left; width:260px; padding:10px 20px 10px;}
   .img-list2 li h3{ font-weight:normal; font-size:22px; overflow: hidden; margin-bottom:8px;}
   .img-list2 li p{ text-align:justify; color:#666;}
   .img-list2 li p span{ color:#FF3700;}
   .img-list2 .img-wrap{ float:right; width:300px; height:170px; overflow:hidden;}
   .img-list2 .img-wrap img{  width:300px; height:170px; position:relative;transition: all 0.6s; }
   .img-list2 li a:hover .img-wrap img{transform: scale(1.2); opacity:0.8;}
   .img-list2 li:hover{ background:#3676ff;}
   .img-list2 li:hover h3,.img-list2 li:hover p,.img-list2 li:hover span{ color:#fff;}
   .img-list2 li:nth-child(3n) .tit-wrap,.img-list2 li:nth-child(4n) .tit-wrap{ float:right;}
   .img-list2 li:nth-child(3n) .img-wrap,.img-list2 li:nth-child(4n) .img-wrap{ float:left;}
   .img-list2 li:nth-child(3n),.img-list2 li:nth-child(4n){ background:#a6c2ff;}
   .img-list2 li:hover:nth-child(3n),.img-list2 li:hover:nth-child(4n){ background:#3676ff;}

   /*小三角----（未启用）----------------------*/
   .img-list2 li .tit-wrap:before{ content:""; display:block; position:absolute; top:50%; margin-top:-5px; left:300px; width:0; height:0; border-width:10px;
 border-style:solid; border-color:transparent transparent transparent #ebf1ff;transition:all 1s;-moz-transition:all 1s; -webkit-transition:all 1s;  -o-transition:all 1s;}
   .img-list2 li:hover .tit-wrap:before{ border-color:transparent transparent transparent #3676ff ;}

   .img-list2 li:nth-child(3n) .tit-wrap:before,
   .img-list2 li:nth-child(4n) .tit-wrap:before{ left:280px;border-color:transparent #a6c2ff transparent transparent ;}
   .img-list2 li:hover:nth-child(3n) .tit-wrap:before,
   .img-list2 li:hover:nth-child(4n) .tit-wrap:before{ border-color:transparent #3676ff transparent transparent ;}


/*版块5--------------------------*/
/*四图排列滚动*/
#four-slide-img {width: 100%; padding-bottom:30px;}
#four-slide-img  .swiper-slide {
	  text-align:center;
	  background: #ebf1ff; border-radius:20px; padding:20px; box-sizing:border-box;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: flex-start;
	  align-items: flex-start
    }
#four-slide-img  .swiper-slide img { width:100%; margin-bottom:10px; }
#four-slide-img  .swiper-slide h3{ font-family:"微软雅黑 Light"; font-size:18px; }
#four-slide-img  .swiper-slide h3 p{ font-family:"微软雅黑 Light"; font-size:14px; }
#four-slide-img .swiper-pagination{ width:200px; bottom:0; left:50%; margin-left:-100px;}
#four-slide-img  .swiper-pagination-bullet{ background:#9db9ff;}
#four-slide-img  .swiper-pagination-bullet-active{ background:#4f81ff;}

   /*版块6------（未启用）---------------------*/
   /*通栏图片列表*/
   .full-col-img{}
   .full-col-img li{ position: relative; float:left; width:25%;background:#000; overflow:hidden; }
   .full-col-img li img{ width:100%;}
   .full-col-img li .summary{ position:absolute; top:0; left:-25%;  opacity:0; width:100%; height:100%; color:#fff; padding:30px; 
box-sizing:border-box;transition:all 1s;-moz-transition:all 1s; -webkit-transition:all 1s;  -o-transition:all 1s;}
   .full-col-img li .summary h3{ font-size:24px; margin-bottom:10px;}
   .full-col-img li .summary p{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4; -webkit-box-orient: vertical;
overflow:hidden;}
   .full-col-img li a:hover img{ opacity:0.5;}
   .full-col-img li a:hover .summary{ display:block;  opacity:1; left:0;}

/*底部版权信息*/
.footer{ background:#2966ff; width:100%; text-align: center; font-size:14px; padding:20px 0; color:#fff; }


/*手机页面样式*/
@media(max-width:750px){
	html{width:100%}
	body{ background:none;}
	.header { width: 1200px; margin: 0 auto;padding-bottom: 25px;}
	.header,img{ width:100%;}
	
	.w1200{ width:96%; padding:0 2%;}
	
	.mb50{ margin-bottom:20px;}
	
	
	/*活动介绍--------------------------*/
	.activity {width: 100%; margin: 0 auto;padding-bottom: 0px;background: #fff url(../images/huodong2.png) no-repeat top center; height:auto; overflow:hidden; zoom:1; }
	.activity p{font-size: 20px;text-indent: 36px; color: #666; line-height: 30px; width: 95%; padding: 50px 0px; margin: 0 auto; overflow:hidden; zoom:1; }


   /*回顾--------------------------*/
   .hd{width: 100%; margin: 0 auto;padding-bottom: 0px;background: #fff url(../images/huigu2.png) no-repeat top center; height:30px; overflow:hidden; zoom:1; }
   .bd2{width:100%; margin:0 auto; padding-top:30px;}
  
  .a2014 {position: absolute;left: 6%; top: 43%;  width:auto;  height:auto;}
  .a2014 img{  width:30%;}
  
  .a2015 {position: absolute;left: 17%; top: 56%;  width:auto;  height:auto;}
  .a2015 img{  width:30%;}
  
  .a2016 {position: absolute;left: 31%; top: 81%;  width:auto;  height:auto;}
  .a2016 img{  width:30%;}
  
  .a2017 {position: absolute;left: 36%; top: 47%;  width:auto;  height:auto;}
  .a2017 img{  width:30%;}
  
  .a2018 {position: absolute;left: 53%; top: 72%;  width:auto;  height:auto;}
  .a2018 img{  width:30%;}
  
  .a2019 {position: absolute;left: 66%; top: 56%;  width:auto;  height:auto;}
  .a2019 img{  width:30%;}
  
  .a2020 {position: absolute;left: 66%; top: 24%;  width:auto;  height:auto;}
  .a2020 img{  width:30%;}
  
  .a2021 {position: absolute;left: 79%; top: 44%;  width:auto;  height:auto;}
  .a2021 img{  width:50%;}
  
  
	/*导航条--------------------------*/
	.hd2 {margin-bottom: 20px; height:auto; background-color:#0f3fd2; padding:10px;  background: #fff url(../images/nav0.png) repeat top center; }
    .col-tit2 {color: #fff; text-align:center; padding-left: 0px; padding:5px; font-size:21px; height:auto;}
	
	/*视频--------------------------*/
	.swiper2{width:auto; height:auto; position:relative; z-index:1;}
	
	/*版块1--------------------------*/
	.swiper1,.moda .fr{ width:100%;}
	.swiper1{ margin-bottom:20px;}
	.swiper1 .swiper-slide{width:100% !important;}
	.swiper1 .swiper-slide img{ width:100%; height:auto;}
	.swiper1 .swiper-slide a p{ padding:0 8px; text-align:center; font-size:18px;}
	
	.top-news {display: block;padding-bottom: 20px;border-bottom: 1px dotted #ddd;margin-bottom:0px;width:95%; margin:0 auto;}
	.top-news h3{ font-size:22px; line-height:36px; font-weight:bold;}
	.top-news p{ font-size:18px;  text-align:justify; }
	

	
	/*版块2（未启用）--------------------------*/
	.img-txt-news li{ width:100%;}
	.img-txt-news img{ width:40%; height:auto; margin-right:15px;}
	.img-txt-news p{ display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
	
	/*版块3（未启用）--------------------------*/
	.img-list li{ width:48%; margin-right:4%}
	.img-list li:nth-child(2n){ margin-right:0;}
	.img-list li .img-wrap,.img-list li img{ width:100%; height:auto;}
	
	/*版块4（未启用）--------------------------*/
	.img-list2 li{ width:100%; margin-bottom:10px;}
	.img-list2 li:hover{ background:none;}
	.img-list2 li .img-wrap{ width:40%; height:auto;}
	.img-list2 .img-wrap img{ width:100%; height:auto;}
	.img-list2 li .tit-wrap{ width:54%; padding:3%; background:#ebf1ff;}
	.img-list2 li h3{ font-size:20px;}
	.img-list2 li p{display:none;}
	.img-list2 li:hover:nth-child(3n), .img-list2 li:hover:nth-child(4n){ background:none;}
	.img-list2 li:nth-child(2n) .img-wrap,.img-list2 li:nth-child(4n) .img-wrap{ float:left;}
	.img-list2 li:nth-child(3n) .img-wrap { float:right;}
	.img-list2 li .tit-wrap:before{ display:none;}
	.img-list2 li:nth-child(3n), .img-list2 li:nth-child(4n){ background:#ebf1ff;}

	/*版块5--------------------------*/
	#four-slide-img{ min-height:340px; padding-bottom:0px;}

	
	/*版块6（未启用）--------------------------*/
	.full-col-img li{ width:48%; margin-right:4%; background:none;}
	.full-col-img li img { margin-bottom:10px;}
	.full-col-img li:nth-child(2n){ margin-right:0;}
	.full-col-img li .summary{ display:block; position:relative; left:0; padding:0; color:#333; opacity:1;}
	.full-col-img li .summary h3{ color:#333; font-size:20px; text-align:center;}
	.full-col-img li .summary p{ display:none;}
	
	.footer{ font-size:12px;}
	
}