.cwhy-banner{height: 482px; background: url(../images/cwhy/bg_top.png) no-repeat center top; background-size: 1920px;}
.cwhy-banner-tit{padding-top: 64px; width: 65%; margin: 0 auto;}
.cwhy-article-top{margin-top: -224px; padding: 30px; box-sizing: border-box; text-align: center;  border-radius: 10px; background:url(../images/cwhy/title_bg.png) no-repeat right bottom #fff; box-shadow: 0px 0px 8px 4px rgba(168, 195, 227, 0.2);}
.cwhy-article-top {position: relative;}
.cwhy-article-top .title{display: inline-block; padding:0 5%; font-size: 2.5em; font-weight: bold; color: #fff; background: linear-gradient(90deg, rgba(29, 111, 230, 1) 0%, rgba(133, 190, 255, 0.46) 100%); line-height: 1.5; border-radius: 35px; margin-bottom: 20px;}
.cwhy-article-top .zhuti{color: #204F95; font-weight: bold; line-height: 1.3; font-size: 2.5em; margin-bottom: 20px;}
.cwhy-article-top .time{color: #808080; font-size: 1.375em;}
.cwhy-article-top:after,
.cwhy-article-top:before{content: ''; width: 35px; height: 55px; background: url(../images/cwhy/zhuangding.png) no-repeat; background-size: 100%; position: absolute; top: -25px;}
.cwhy-article-top:before{left: 5%;}
.cwhy-article-top:after{right: 5%;}

.com-boxshadow{background: #fff; box-shadow: 0px 0px 8px 4px rgba(168, 195, 227, 0.2);}

.cwhy-hyyt-cont{padding: 30px; height: 170px;}
.cwhy-hyyt-cont ul{border-left: 1px dashed #A6A6A6; padding-left: 30px;}
.cwhy-hyyt-cont li{position: relative; font-size: 1.125em; padding-left: 50px; padding-right: 80px; padding-top: 3.4%; padding-bottom: 3.4%; line-height: 1.5;}
.cwhy-hyyt-cont li.on{ background: url(../images/cwhy/yt_bg.png) no-repeat; background-size: 100% 100%; color: #fff;}
.cwhy-hyyt-cont li:after{content: ''; left: 50px; right: 0; height: 1px; background: #EAEAEA; position: absolute; bottom: 0;}
.cwhy-hyyt-cont li:last-child:after,
.cwhy-hyyt-cont li.on:after{display: none;}
.cwhy-hyyt-cont li:before{content: ''; position: absolute; left: -46px; top: 50%; margin-top: -16px; width: 32px; height: 32px; background: url(../images/cwhy/time1.png) no-repeat; background-size: 100% 100%;}
.cwhy-hyyt-cont li.on:before{background-image: url(../images/cwhy/time2.png);}

.cwhy-spbb-cont .imgratio a:after{content: ''; width: 42px; height: 42px; background: url(../images/cwhy/icon_player.png) no-repeat; background-size: 100%; z-index: 3; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.cwhy-spbb-cont .txt{font-size: 1.125em; padding: 19px 20px; text-align: center;}
.cwhy-mtjd-list{padding: 30px;}
.cwhy-mtjd-list li{position: relative; line-height: 1.5; padding: 0 7em 0 7em;}
.cwhy-mtjd-list li .time{position: absolute; left: 0; color: #1E5AA8; top: 0;}
.cwhy-mtjd-list li .ckxq{position: absolute; right: 0; top: 0;}
.cwhy-mtjd-list li .ckxq a{color: #D43030; opacity: 0.5; padding-right: 25px; background: url(../images/cwhy/arrow_ckxq.png) no-repeat right center; background-size: 17px;}
.cwhy-mtjd-list li .ckxq a:hover{ opacity: 1}
.cwhy-mtjd-list li .tit{position: relative; padding-left: 30px;}
.cwhy-mtjd-list li .tit:before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -4px; border-radius: 50%; width: 8px; height: 8px; background: #1E5AA8;}

.cwhy-wqhg-swiper{padding-bottom: 190px; background: url(../images/cwhy/wqhg_bg.png) no-repeat center bottom; background-size: 850px;}
.cwhy-wqhg-swiper .swiper-wrapper{padding-top: 30px; padding-bottom: 30px;}
.cwhy-wqhg-swiper .swiper-slide{width: 48%; height: 330px; border-radius: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(240, 248, 255, 1) 100%); box-shadow: 0px 0px 8px 4px rgba(61, 120, 209, 0.1);}
.cwhy-wqhg-swiper .swiper-slide .box{height: 100%; padding: 30px; box-sizing: border-box; position: relative; background: url(../images/cwhy/wqhg_bg_item.png) no-repeat right bottom;}
.cwhy-wqhg-swiper .swiper-slide .time{display: block; position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; width: 268px; height: 56px; background: url(../images/cwhy/wqgh_time_bg.png) no-repeat; background-size: 100% 100%; color: #fff; line-height: 56px; text-align: center;}
.cwhy-wqhg-swiper .swiper-slide .time span{display: inline-block; background: url(../images/cwhy/wqgh_time_icon.png) no-repeat left center; padding-left: 55px; background-size: 40px 40px; font-weight: bold; font-size: 1.125em;}
.cwhy-wqhg-swiper .swiper-slide .tit{margin: 30px 0 20px; color: #3D78D1; font-weight: bold; text-align: center; line-height: 1.4; font-size: 1.375em;}
.cwhy-wqhg-swiper .swiper-slide .memo{color: #808080; font-size: 1.125em; line-height: 1.777; text-indent: 2em; -webkit-line-clamp: 3; margin-bottom: 20px;}
.cwhy-wqhg-swiper .swiper-slide .ckxq{text-align: center;}
.cwhy-wqhg-swiper .swiper-slide .ckxq a{display: inline-block; position: relative; line-height: 2; padding: 0 30px 0 14px; background:#88BBF2; background-size: 16px 16px; border-radius: 2px; color: #fff;}
.cwhy-wqhg-swiper .swiper-slide .ckxq a:after{content: ''; width: 16px; height: 16px; position: absolute; right: 10px; top: 0; bottom:0; margin: auto 0; background: url(../images/cwhy/arrow_wqhg.png) no-repeat center center; background-size: 100%;}
.cwhy-wqhg-swiper .swiper-slide .ckxq a:hover{background: #4596F1 ;}

.cwhy-year{background: #2A62C9;}
.cwhy-year-swiper{background: url(../images/cwhy/year_dashed.png) repeat-x center center;}
.cwhy-year-swiper .swiper-slide a{display: block; width: 80px; height: 80px; margin: 0 auto; line-height: 80px; color: #2A82E4; font-size: 1.125em; text-align: center; border-radius: 50%; border: #fff 8px solid; background: linear-gradient(90deg, #95C5FC 0%, #FFFFFF 100%);}
.cwhy-year-swiper .swiper-slide.active a{background: url(../images/cwhy/year_on.png) no-repeat; background-size: cover; font-weight: bold; color: #fff;}
.cwhy-year-swiper .swiper-button-prev,
.cwhy-year-swiper .swiper-button-next{width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; background-repeat: no-repeat; background-size: 100%; cursor: pointer;}
.cwhy-year-swiper .swiper-button-prev{background-image: url(../images/cwhy/year_arrow_l.png); left: -40px;}
.cwhy-year-swiper .swiper-button-next{background-image: url(../images/cwhy/year_arrow_r.png); right: -40px;}
div#cwhy-data-spbb div.txt.elli-s {
    display: none;
}
.rows-leftbox-height{height: 247px; box-sizing: border-box;}
.cwhy-mtjd2-cont{padding: 30px;}
.cwhy-mtjd2-cont .tit{font-size: 1.25em; line-height: 1.5; margin-bottom: 15px;}
.cwhy-mtjd2-cont .time{display: block; font-size: 1.125em; margin-bottom: 20px;}
.cwhy-mtjd2-cont .ckxq a{display: inline-block; font-size: 1.125em; padding-right:30px; background: url(../images/cwhy/arrow_ckxq.png) no-repeat right center; background-size: 20px; color: #D43030;}

@media (max-width:1280px){
  .cwhy-banner{height: auto;}
  .cwhy-banner-tit{padding-top: 50px; padding-bottom: 100px;}
  .cwhy-article-top{margin-top: -50px;}

  .cwhy-article-top .title{font-size: 1.875em;}
  .cwhy-article-top .zhuti{font-size: 1.875em;}
  .cwhy-article-top .time{font-size: 1.125em;}

  .cwhy-year-swiper .swiper-button-prev{left: 0; background-color: #2A62C9;}
  .cwhy-year-swiper .swiper-button-next{right: 0; background-color: #2A62C9;}

  .rows-leftbox-height{height: auto;}
  .cwhy-hyyt-cont{height: auto;}
  
}

@media (max-width:992px){
  .cwhy-wqhg-swiper{background-size: 100%;}
  .cwhy-wqhg-swiper .swiper-slide{width: 60%;}
}

@media (max-width:768px){
  .cwhy-banner-tit{width: 80%;}
  .cwhy-article-top{padding: 40px 20px 20px;}
  .cwhy-article-top:after, .cwhy-article-top:before{width: 20px; height: 33px; top: -18px;}
  .cwhy-hyyt-cont{padding: 20px;}
  .cwhy-hyyt-cont li{padding-left: 15px; padding-right: 15px;}
  .cwhy-hyyt-cont li.on{background: linear-gradient(90deg, rgba(29, 111, 230, 1) 0%, rgba(69, 150, 241, 1) 100%); }
  .cwhy-mtjd-list{padding: 20px;}
  .cwhy-mtjd-list li{padding: 0 100px 0 0;}
  .cwhy-mtjd-list li .ckxq{display: none;}
  .cwhy-mtjd-list li .time{right: 0; left: auto;}
  .cwhy-mtjd-list li .tit{padding-left: 25px;}

  .cwhy-wqhg-swiper{background: none; padding-bottom: 20px;}
  .cwhy-wqhg-swiper .swiper-slide{width: 80%; height: 310px;}
  .cwhy-wqhg-swiper .swiper-slide .box{padding: 20px;}
  
  .cwhy-year > .container{padding-left: 0 !important; padding-right: 0 !important;}
  .cwhy-year-swiper{padding-left: 40px; padding-right: 40px;}
  .cwhy-mtjd2-cont{padding: 20px;}
}


/* older */
@media (min-width:768px){
  body.older .cwhy-hyyt-cont{height: auto;}
  body.older .cwhy-spbb-cont .imgratio a:after{width: 120px; height: 120px;}
  body.older .cwhy-wqhg-swiper .swiper-slide .time{width: 342px;}
  body.older .cwhy-wqhg-swiper .swiper-slide{height: 465px;}
  body.older .cwhy-year-swiper .swiper-slide a{width: 150px; height: 150px; line-height: 160px;}
  body.older .cwhy-year-swiper .swiper-button-prev, 
  body.older .cwhy-year-swiper .swiper-button-next{width: 80px; height: 80px; margin-top: -40px;}
  body.older .cwhy-year-swiper .swiper-button-prev{left: -80px;}
  body.older .cwhy-year-swiper .swiper-button-next{right: -80px;}
  body.older .rows-leftbox-height{height: auto;}
}