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

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -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; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.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; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }




.slick-prev, .slick-next { position: absolute; top: 50%; width: 55px; height: 80px; margin-top: -40px; background-color: #000; opacity: 0.5;}
.slick-prev { left: 0;}
.slick-next { right: 0;}
.slick-prev:hover, .slick-next:hover { background-color: #f10303;}
.slick-prev:before, .slick-next:before { font: 60px/80px "SimSun";}
.slick-prev:before { content: "<";}
.slick-next:before { content: ">";}


.slideBox { position: relative; width:100%; height:auto; margin: 0 auto; padding:0px; overflow: hidden;}
.slideBox img{width: 100%;}
.slideBox .hd{position: absolute;    bottom: 5%; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
.slideBox .hd ul{}
.slideBox .hd li{position: relative; display: inline-block; height: 15px; width: 15px; margin: 0px 12px; padding: 0px; cursor: pointer; background: #CCCCCC; border-radius: 50%; }
.slideBox .hd li.on{height: 18px; width: 18px;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block;width: 55px; height: 80px;  background-color: #000;    display: flex;
    align-items: center;
    justify-content: center;  }
.slideBox .next{ left:auto; right:3%; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  background-color: #f10303;}

.slideBox .prev:before, .slideBox .next:before { font: 60px/80px "SimSun";color: #fff;}
.slideBox .prev:before { content: "<"; }
.slideBox .next:before { content: ">";}

.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.h1 ul{ margin-top: 40px;    display: flex;
    align-items: center;}
.h1 li{ position:relative; overflow: hidden;}
.h1 p{    position: relative;
    font-size: 24px;
    line-height: 1.6;}
.h1 p::after{    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 14%;
    height: 2px;
    background: #000;}
.h1 a{     margin-top: 40px;
    display: inline-block;
    border: 1px solid #000;
    padding: 10px 80px;
    letter-spacing: 8px;}
.h1 a:hover{transition: 0.4s ease; background: #f00; border: 1px solid #f00; color: #fff;}
.h1 li img{transition: 0.8s ease;    width: 100%;}
.h1 li:hover img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);}




.h2{ text-align: center;}
.h2 p{ font-size: 16px; color:#333; line-height: 32px;}
.h2 img{ margin-top:30px;}
.h3{ position:relative; margin-top:80px;}
.h3 img{ width:100%;}
.h3 .wen{     position: absolute;
    bottom: 17%;
    left: 9%;
    width: 530px;
    background: #00000047;
    padding: 40px;}
.h3 .wen .tit{font-size: 30px; color:#e7e7e7;  margin-bottom: 14px;}
.h3 .wen .tit span{ font-size: 18px;font-weight: 400; }
.h3 .wen i{position:relative; width: 190px;display: block;background:#fff; height:2px;margin-bottom: 12px;}
.h3 .wen b{position:absolute; left:0px; background:#f10303;width: 50px;height: 2px; display: block;}
.h3 .wen .dec{    font-size: 16px;
    color: #fff;
    line-height: 2.2;}
a.smore{ color: #000;  
    display: inline-block;
    border: 1px solid #000;
    padding: 10px 80px;
    letter-spacing: 8px;    margin: 0 auto;}
a.smore:hover{  transition: 0.4s ease;
    background: #f00;
    border: 1px solid #f00;
    color: #fff;}

.h4{ background: #F7F8FA; padding: 70px 0;}
.h4 li{}
.h4 li .she{  display: block;  border-radius: 20px;
    overflow: hidden;
    position: relative;}
.h4 li .she .pic{width: 100%;    transition: 0.8s ease;}
.h4 li .she .com{ position: absolute;
    bottom: 0;
    width: 100%;
    padding: 24px;
    height: 100%;
    background: #00000086;}
.h4 li .she .com .wen{ position: absolute; bottom: 4%;}	
.h4 li .she .com .wen img{ margin: 20px auto; width: 40px;}
.h4 li .she .com .wen p{    color: #fff;
    line-height: 1.6; 
    font-size: 24px;}
	
.h4 li .she:hover img{transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);}

.s-lg{  padding: 50px 0;}
.s-lg li{ margin: 10px auto;}
.s-lg .pic{  display: block;  position: relative;}
.s-lg .pic img{    width: 100%;}
.s-lg .pic .wen{ display: none;   position: absolute;
    bottom: 0px;
    background: #00000054;
    width: 100%;
    top: 0;
    justify-content: center;
    align-items: center;}
.s-lg .pic .wen p{    color: #fff;
    background: #000000b3;
    display: block;
    padding: 6px 20px;
    font-size: 22px;}
.s-lg .pic:hover .wen{display: flex;}


.s-cp{ background: url(../images/s9.jpg);    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    padding: 80px 0;}

.s-cp .wen{ display: flex;    flex-wrap: wrap;
    justify-content: center;
    padding: 60px 0;    width: 70%;
    margin: 0 auto;}	
.s-cp .wen h2{    color: #fff;
    font-size: 60px;
    letter-spacing: 40px;}
.s-cp .wen p{      color: #fff;
    margin: 30px auto;
    font-size: 20px;
    line-height: 1.6;}
.s-cp .wen a{color: #fff;  
    display: inline-block;
    border: 1px solid #fff;
    padding: 10px 80px;
    letter-spacing: 8px;}
.s-cp .wen a:hover {
    transition: 0.4s ease;
    background: #f00;
    border: 1px solid #f00;
    color: #fff;
}

.s-news{ background: #F7F8FA; padding: 80px 0;}
.s-news .t p{   text-align: center;
    font-size: 20px;}
.s-news .t{display: flex;
	    flex-direction: column;}
.s-news .t h2{ 
    position: relative;
    font-size: 20px;    margin: 8px auto 28px;}
.s-news .t h2::after{    content: '';
    bottom: -10px;
    position: absolute;
    width: 120%;
    left: -10%;
    background: #000;
    height: 1px;}
.s-news .row{ }
	

@media only screen and (max-width: 1400px) {
.h3 .wen {
      bottom: 0;
      left: 0%;
      width: 100%;
      padding: 12px;
}
}


@media (max-width: 767px){
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 50px;}
	.slick-prev:before, .slick-next:before {
	    font: 30px/50px "SimSun";
	}
.slick-dots {
    position: absolute;
    left: 42%;
    bottom: 4%;}
.slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0 0 0 5px;}
.slick-dots li button {
    display: inline-block;
    width: 10px;
    height: 10px;}
.h1 p {font-size: 16px;}
.h1 a {
    margin-top: 26px;
    display: inline-block;
    border: 1px solid #000;
    padding: 8px 30px;
    letter-spacing: 4px;
}
.h2 span {
    font-size: 28px;
    letter-spacing: 1px;
}
.h3 {
    margin: 30px 0px;
}
.h3 .wen {
         top: 0;
      left: 0%;
      width: 100%;
      padding: 12px;
}
.h3 .wen .dec{ line-height: 1.6;    font-size: 13px;}
.h3 .wen .tit {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}
.h3 .wen .tit span {
    font-size: 16px;}
.h3 .wen i {
    position: relative;
    width: 190px;
    display: block;
    background: #fff;
    height: 2px;
    margin-bottom: 6px;
}
.h3 .wen p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.h4 {
      padding: 30px 0;
}
.h4 li .she .com .wen img{ display: none;}
.h4 li .she .com {
    padding: 8px;}
	.h4 li .she .com .wen p {
	    line-height: 1.4;
	    font-size: 16px;}
.s-cp .wen {
    padding: 0px 0;
    width: 80%;
    margin: 0 auto;
}
.s-cp .wen h2 {
    font-size: 30px;
    letter-spacing: 20px;
}
.s-cp .wen p {
    margin: 20px auto;
    font-size: 16px;
    line-height: 1.6;
}





.s-cp {
    padding: 45px 0;
}
.s-cp .t {
    font-size: 20px;
    font-weight: bold;
}
.s-cp .slideTxtBox{ display: block;    margin-top: 8px;}
.s-cp .slideTxtBox .hd ul li i{ display: none;}
.s-cp .slideTxtBox .hd ul li {
  font-size: 18px;
      line-height: 2.2;
      color: #fff;
      cursor: pointer;
      margin: 15px;
      padding-left: 0px;
      text-align: center;
	     float: left;
	     border-radius: 0px; 
	  }
.s-cp .slideTxtBox .hd ul li.on {
	 width: 20%;    border-radius: 0px;
    }
.s-news {
	    padding: 40px 0;
	}
.s-news .row{ display: block;}
.s-news .t {
    font-size: 20px;
    font-weight: bold;
}
.slideBox{    margin-top: 58px;}
.slideBox .prev, .slideBox .next{ display: none;}
.slideBox .hd li {
    margin: 0px 8px;}

	
}