@charset "utf-8";

.year-slide {  background: url(year_line.gif) left 4px repeat-x;  margin-bottom: 50px;  margin-top: 70px; }
.slick-prev,.slick-next { width: 50px;height: 50px; /*overflow: hidden;*/  z-index: 99;  top: 5px;}
.slick-prev:before,.slick-next:before {  content: '';  display: block;  width: 50px;  height: 50px;}
.slick-prev:before {  background: url(left.png); }
.slick-next:before {  background: url(right.png); }
.slick-prev {  left: 0; }
.slick-next {  right: 0; }
.year-slide .list {  padding: 0 10px;outline: none;}
.year-slide small.year span {
  display: block;
  background-color: #337ab7;
  width: 57px;
  margin: 0 auto;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  border-radius: 10px;
  text-align: center;
  color: rgb(255, 255, 255);
}
.year-slide small.year:before {
  display: block;
  content: '';
  border: 2px solid #3f89c9;
  background-color: #fff;
  width: 10px;
  height: 10px;
  margin: 0 auto 10px;
  border-radius: 50%;
}
.year-slide p {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
  /* padding: 5px 10px; */
  overflow: hidden;
  text-align:  center;
  border-bottom: 1px dotted #c0c0c0;
}
.year-slide p i, .year-slide p span{display:inline-block;}
.year-slide p i{margin-right: 5px;vertical-align: top;margin-top: 7px;}
.year-slide p span{width: calc(100% - 35px);}
.year-slide .pic-wrap {
  max-width: 480px;
  margin: 30px auto 0;
  padding-bottom: 10px;
}
.year-slide .pic-wrap .frame {
}
.year-slide .pic-wrap small.tit { font-size: 18px;  color: #0c5da2;  line-height: 1.2; display: block; padding: 24px 0 0;}

.slick-prev.slick-disabled:before{  background: url(left_no.png); }
.slick-next.slick-disabled:before{  background: url(right_no.png); }
.slick-prev:before,.slick-next:before{ opacity: 1; }

/* Slider */
.slick-slider{  position: relative;    display: block;
    -moz-box-sizing: border-box;      box-sizing: border-box;
    -webkit-user-select: none;  -moz-user-select: none;   -ms-user-select: none;    user-select: none;
    -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y;   touch-action: pan-y;  -webkit-tap-highlight-color: transparent; }

.slick-list{  position: relative;  display: block;  overflow: hidden;  margin: 0;  padding: 0;}
.slick-list:focus{   outline: none; }
.slick-list.dragging {   cursor: pointer;  cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list{   -webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);     transform: translate3d(0, 0, 0);}

.slick-track{  position: relative;  top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after{  display: table;  content: ''; }
.slick-track:after{   clear: both; }
.slick-loading .slick-track{   visibility: hidden;  }
.slick-slide{  display: none; float: left;  height: 100%;  min-height: 1px;  }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img {  display: block; margin: 0 auto; }
.slick-slide.slick-loading img{  display: none;  }
.slick-slide.dragging img{  pointer-events: none; }
.slick-initialized .slick-slide{ display: block; }
.slick-loading .slick-slide{  visibility: hidden; }
.slick-vertical .slick-slide{   display: block;  height: auto;  border: 1px solid transparent;}
.slick-arrow.slick-hidden {  display: none; }

/* Arrows */
.slick-prev,.slick-next{ font-size: 0;  line-height: 0;   position: absolute;  top: -2%;   display: block;  width: 20px;  height: 20px; padding: 0; 
  -webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  transform: translate(0, -50%); cursor: pointer;
    /*color: transparent;*/  border: none; outline: none;  background: transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{  color: transparent;  outline: none;  background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{   opacity: 1;  }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{  opacity: 1;  }
.slick-prev:before,.slick-next:before{  font-size: 20px;  line-height: 1; opacity: 1; color: white;  
                    -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }

.slick-prev{  left: 0px; }
[dir='rtl'] .slick-prev{ right: 30px;  left: auto; }

[dir='rtl'] .slick-prev:before{  content: '→'; }

.slick-next{  right: 30px; }
[dir='rtl'] .slick-next{  right: auto;  left: 0px; }

[dir='rtl'] .slick-next:before{   content: '←';}

/* Dots */
.slick-slider{  margin-bottom: 30px; }
.slick-dots{  position: absolute;  bottom: -45px; display: block;  width: 100%;  padding: 0;  list-style: none;  text-align: center;}
.slick-dots li {  position: relative;  display: inline-block;  width: 20px;  height: 20px;  margin: 0 5px;  padding: 0;  cursor: pointer;}
.slick-dots li button{  font-size: 0;   line-height: 0;  display: block;  width: 20px;  height: 20px;  padding: 5px;  cursor: pointer;
                color: transparent;  border: 0;   outline: none;  background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{   outline: none;  }
.slick-dots li button:hover:before,.slick-dots li button:focus:before{  opacity: 1; }
.slick-dots li button:before {   font-size: 6px; line-height: 20px;   position: absolute;  top: 0;  left: 0;  width: 20px;  height: 20px;
    content: '•';  text-align: center;   opacity: .25;  color: black;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{  opacity: .75;  color: black;  }

@media (min-width: 1300px) {
  .slick-prev { left: 0px;  }
  .slick-next { right: 30px;  }
}


@media (min-width: 768px) {
  .year-slide .pic-wrap .frame {  padding: 20px;  }
}