/*VISIBLE AREA*/
.skidder-viewport {
    width: 100%;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    transition: opacity 0.4s ease-in-out;
  }
  
  /*SLIDES CONTAINER*/
  .skidder-viewport .skidder-wrapper {
    width: 20000em;
    position: absolute;
    z-index: 1;
  }
  
  /*SLIDES*/
  /*inactive style*/
  .skidder-viewport .skidder-wrapper .skidder-slide {
    float: left;
    position: relative;
    background-color: black;
    z-index: 0;
    opacity: 0.7;
    transition: opacity 0.2s ease-in-out;
  }
  
  .skidder-viewport.skidder-fade .skidder-wrapper {
    width: auto;
    margin: 0 auto;
  }
  
  .skidder-viewport.skidder-fade .skidder-wrapper .skidder-slide {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
}
  /*active style*/
  .skidder-viewport .skidder-wrapper .skidder-slide.active,
  .skidder-viewport .skidder-wrapper .skidder-slide.disengage {
    opacity: 1;
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);
    z-index: 1;
  }
  
  /*CLICKABLE AREA FOR LEFT-RIGHT MOVEMENT*/
  /*
  .skidder-viewport .skidder-clickwrapper {
    position: absolute;
    width: 50%; 
    height: 100%;
    z-index: 4;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  */
  .skidder-viewport .skidder-prevwrapper {
    /* left:0; */
    position: absolute;
  }
  .skidder-viewport .skidder-nextwrapper {
    /* right: 0; */
    position: absolute;
  }
  
  /*LEFT-RIGHT ICONS*/
  .skidder-viewport .skidder-clickwrapper .skidder-clickelement {
    position: relative;
    height: 100%;
    width: 86px;
    z-index: 5;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .skidder-viewport .skidder-clickwrapper:hover .skidder-clickelement {
    opacity: 1;
  }
  .skidder-viewport .skidder-clickwrapper .skidder-prev {
    float: left;
    background-image: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.left-btn_03.png);
    width: 60px;
    height: 60px!important;
    position: absolute;
    top: 223px;
    left: -30px;
    /* background: #c1c1c1; */
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    cursor: pointer;
  }
  .skidder-viewport .skidder-clickwrapper .skidder-next {
    float: right;
    background-image: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.right-btn_05.jpg);
    width: 60px;
    height: 60px!important;
    position: absolute;
    top: 223px;
    left: -30px;
    /* background: #c1c1c1; */
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    cursor: pointer;
  }
  .skidder-viewport .skidder-clickwrapper .skidder-next.jumpback {
    background-image: url('./images/slide_left.png');
  }

  .skidder-viewport .skidder-clickwrapper .skidder-next:hover{background-image: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.right-red_05.jpg);}
  .skidder-viewport .skidder-clickwrapper .skidder-prev:hover{background-image: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.left-red_03.jpg);}
  
  /*TOUCHWRAPPER*/
  .skidder-viewport .skidder-touchwrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  
  /*PAGING*/
  .skidder-viewport .skidder-pager {
    display: table;
    position: relative;
    top: 92%;
    margin: 0 auto;
    z-index: 4;
    padding: 0 0 15px 0;
  }
  
  .skidder-viewport .skidder-pager .skidder-pager-dot {
    display: table-cell;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    /*weström style*/
    height: 12px;
    width: 12px;
    margin-right: 8px;
    margin-bottom: 4px;
    border-radius: 6px;
    border: 2px solid #fff;
    text-decoration: none;
    background-color: transparent;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.1), 0 0 4px 2px rgba(0,0,0,0.1) inset;
  }
  .skidder-viewport .skidder-pager .skidder-pager-dot:last-child {
    margin-right: 0;
  }
  .skidder-viewport .skidder-pager .skidder-pager-dot:hover,
  .skidder-viewport .skidder-pager .skidder-pager-dot.active {
    background-color: #fff;
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
  }
  .skidder-viewport:hover .skidder-pager .skidder-pager-dot {
    opacity: 1;
  }

    /*SLIDES CONTAINER*/
  .ie7 .skidder-viewport .skidder-wrapper {
    width: 920px;
    position: static;
  }
  .skidder-title{
    width:100%;
    font-size:20px;
    line-height: 140px;
    height: 100px;
    position: absolute;
    bottom:0px;
    left:0px;
    background: url(https://f2.cri.cn/M00/91/B7/CqgNOl3XTl2Ae01dAAAAAAAAAAA3965757.bg-1_03.png) repeat-x left bottom;
  }
  .skidder-title a {
    display: inline-block;
    height: 50px;
    position: relative;
    padding-left:22px;
  }
  a:hover{color:red;}
  .title-bg{background: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.title-photo_03.png) no-repeat center;height:64px;margin: 0 auto;}
  .w1200{width:1200px;margin:0 auto;}
  .h47{height:64px;}
  .nav-text{width:360px;font-size: 20px;line-height: 26px;margin:0 auto;text-align: center;}
  .nav-text .list-item{padding:0px 26px 0px 26px;}
  .nav-text li{float:left;}
  .clear{clear: both;}
  .line-left{background: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.title-line_07.png) no-repeat center; width:198px;height:2px;margin-top:14px;}
  .line-right{background: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.title-line_07.png) no-repeat center; width:198px;height:2px;margin-top:14px;}
  .lf{float:left;}
  .rf{float:right;}
  .nav-wrap{width:758px;margin:0 auto;padding-top:30px;display: none;}
  .list-item-bg{background: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.list-item-line.png) no-repeat center;width:1px;height:18px;margin-top: 6px;}
  .ml38{margin-left:38px;}
  .content-wrap{margin-top:70px;}
  .content-wrap ul{width:1200px;}
  body{background-color: #f1f1f1;}
  .content-wrap li{width:380px;height:296px;background-color: #ffffff;}
  .content-wrap li:hover{box-shadow: 10px 10px 10px 10px #59595736;}
  .content-wrap li img{display: block;width:380px;height: 214px;}
  .content-wrap li {
    float: left;
    position: relative;
}
  .content-wrap .list-title .label a{
    display: block;
    width:40px;
    height:24px;
    border:1px solid #46aeef;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color:#46aeef;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.content-wrap .list-title .label{margin:8px 20px 0px 40px;display: none;}
.content-wrap .lable-line{background: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.list-item-line.png) no-repeat center;
  width:1px;height:36px;margin-right:14px;display: none;}
.content-wrap .list-title{height:36px;margin-top:20px;width:310px;margin:20px auto;line-height:20px;}
.content-wrap .lable-title{
  width:320px;
  font-size:14px;
  line-height: 20px;
  display: flex;
  height: 36px;
  align-items: center;
  overflow: hidden;
}
.content-wrap li{float:left;margin-bottom: 31px;}
.content-wrap .list-spacing-0,.content-wrap .list-spacing-1{margin-right:30px;}
a{color:#000000;}
.h30{height:30px;}
.more-list-photo{
  width: 380px;
  text-align: center;
  font-size: 20px;
  overflow: hidden;
  margin:0 auto;
  background-color: #ffffff;
  box-shadow: 10px #b6b6b436;
  margin-bottom: 100px;
}
.more-list-photo a{
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  cursor: pointer;
  color: #666666;
  padding: 0px 0px 0px 36px;
  background: url(https://f2.cri.cn/M00/5F/4A/wKgACl8hMgyAQ4w1AAAAAAAAAAA8880529.icon-reload.png) no-repeat;
  background-position: 0px 20px;
}


.banner01 {width:1200px;height: 100px;margin:0 auto;margin-top:20px;}
.nav-19-box div.nav{width:1200px;}
#channel-photo .channel-nav{width:1200px;margin:0 auto;height:80px;background:#f1f1f1;}
#channel-photo .channel-logo{float:left;padding-top:10px;padding-bottom:20px;width:185px;height:50px;}
#channel-photo .channel-logo a{display: inline-block;}
#channel-photo .link-photo{float: right;width:1012px;margin-right: -20px;line-height:80px;}
#channel-photo ul>li{float: left;padding:30px 0px 30px 0px;text-align: center;line-height:20px;}
#channel-photo li>a{display: block;font-size: 20px;border-right: 1px solid #d4d4d4;padding:0 20px 0 20px;}
#channel-photo a.nav-laster{padding-right:0px;border-right: 0px;}

.nav-wrap .nav-text li.active a{color:red!important;}
.content-wrap .card-wrap{display: none;}
.content-wrap .current-card{display: block;}

.skidder-title a{color:#ffffff;}
.nav-wrap .list-item{cursor: pointer;}

.content-wrap li:hover {box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.skidder-title a:hover{color:red;}