.sliderContainer {
     clear: both;
     width: 100%;
}
 .sliderDescription {
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
}
 .sliderDescriptionContent {
     margin-top: 150px;
     position: absolute;
     top: 50%;
     width: 400px;
     z-index: 15;
}
 .sliderDescription h2 {
     color: #1d426b;
     font-size: 30px;
     font-weight: 800;
     margin: 0;
     width: 520px;
}
 .sliderDescription p {
     color: #1d426b;
     font-size: 14px;
     font-weight: 600;
     height: 47px;
     line-height: 1.8;
     margin-bottom: 13px;
     margin-top: 6px;
     overflow: hidden;
}
 .sliderDescription .detail-button {
     background: #fff none repeat scroll 0 0;
     color: #ef604b;
     float: left;
     font-size: 14px;
     font-weight: 600;
     height: 50px;
     padding: 17px 0;
     text-align: center;
     width: 205px;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .sliderDescription .detail-button:hover {
     background: #ef604b;
     color: #fff;
}
 .sliderMaterial {
     bottom: 0;
     position: absolute;
     right: 7.5%;
     z-index: 15;
}
 .sliderMaterial.second {
     right: -21%;
}
 .sliderMaterialContent {
     float: right;
}
 .sliderMaterialContent .photo {
     overflow: hidden;
}
 .sliderMaterialContent .photo img {
     height: auto;
     width: 675px;
}
 .sliderMaterial.second .photo img {
     width: 1113px;
}
 .container a:active, .Slider a:active {
     outline: none;
}
 .sliderList, .sliderControlNav, .sliderDirectionNav {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .Slider {
     overflow: hidden;
     width: 100%;
}
 .Slider .sliderList > li {
     display: none;
}
 .slider, .sliderList img {
     height: 508px;
	 width:100%;
}
 .Slider .sliderList > img {
     display: block;
     max-width: 100%;
     object-fit: cover;
     width: 100%;
}
 .sliderPausePlay span {
     text-transform: capitalize;
}
 .sliderList:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 html[xmlns] .sliderList {
     display: block;
}
 * html .sliderList {
     height: 1%;
}
 .no-js .sliderList > li:first-child {
     display: block;
}
 .Slider {
     position: relative;
     zoom: 1;
}
 .Slider .sliderList {
     zoom: 1;
}
 .Slider .sliderList > li {
     position: relative;
}
 .container {
     zoom: 1;
     position: relative;
}
 .sliderDirectionNav {
     left: 0;
     margin-top: -20px;
     position: absolute;
     right: 0;
     top: 50%;
     display: none;
     width: 100%;
}
 .sliderDirectionNav li a {
     color: #fff;
     cursor: pointer;
     display: block;
     font-size: 72px;
     margin: 0;
     position: absolute;
}
 .sliderDirectionNav li a.next {
     right: 20px;
}
 .sliderDirectionNav li a.prev {
     left: 20px;
}
 .sliderDirectionNav li a.disabled {
     opacity: .3;
     filter: alpha(opacity=30);
     cursor: default;
}
 .sliderControlNav {
     bottom: 20px;
     left: 0;
     position: absolute;
     right: 0;
     text-align: center;
}
 .sliderControlNav li {
     display: inline-block;
     margin: 0 0 0 11px;
     position: relative;
     z-index: 15;
     zoom: 1;
     *display: inline;
}
 .sliderControlNav li:first-child {
     margin: 0;
}
 .sliderControlNav li a {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: 3px solid #fff;
     border-radius: 100%;
     cursor: pointer;
     display: block;
     height: 30px;
     text-indent: -9999px;
     width: 30px;
}
 .sliderControlNav li a:hover {
     background: #fff none repeat scroll 0 0;
}
 .sliderControlNav li a.active {
     background: #fff none repeat scroll 0 0;
     cursor: default;
}
 @media only screen and (min-width:319px) and (max-width:479px) {
     .slider, .sliderList img {
         height: 280px;
    }
     .sliderMaterialContent .photo img {
         width: 256px;
    }
     .sliderMaterial.second .photo img {
         width: 480px;
    }
     .sliderMaterialContent {
         float: left;
         width: 100%;
    }
     .sliderMaterial {
         left: 0;
         right: 0;
         text-align: center;
         width: 100%;
    }
     .sliderDescription p {
         display: none;
    }
     .sliderDescription .detail-button {
         display: none;
    }
     .sliderDescription h2 {
         font-size: 32px;
         margin: 0 auto;
         text-align: center;
         width: 280px;
    }
     .sliderDescriptionContent {
         left: 0;
         margin-top: -107px;
         right: 0;
         width: 100%;
    }
     .sliderControlNav {
         bottom: 8px;
    }
     .sliderControlNav li a {
         height: 25px;
         width: 25px;
    }
}
 @media only screen and (min-width:479px) and (max-width:767px) {
     .slider, .sliderList img {
         height: 330px;
    }
     .sliderMaterialContent .photo img {
         width: 330px;
    }
     .sliderMaterial.second .photo img {
         width: 670px;
    }
     .sliderMaterialContent {
         float: left;
         width: 100%;
    }
     .sliderMaterial {
         left: 0;
         right: 0;
         text-align: center;
         width: 100%;
    }
     .sliderDescription p {
         display: none;
    }
     .sliderDescription .detail-button {
         display: none;
    }
     .sliderDescription h2 {
         margin: 0 auto;
         text-align: center;
         width: 340px;
    }
     .sliderDescriptionContent {
         left: 0;
         margin-top: -147px;
         right: 0;
         width: 100%;
    }
     .sliderControlNav {
         bottom: 12px;
    }
}
 @media only screen and (min-width:600px) and (max-width:767px) {
     .slider, .sliderList img {
         height: 390px;
    }
     .sliderMaterial.second .photo img {
         width: 767px;
    }
}
 @media only screen and (min-width:767px) and (max-width:991px) {
     .slider, .sliderList img {
         height: 260px;
    }
     .sliderMaterialContent .photo img {
         width: 500px;
    }
     .sliderMaterial {
         right: 2.5%;
    }
     .sliderDescriptionContent {
         margin-top: -102px;
         width: 315px;
    }
     .sliderMaterial.second .photo img {
         width: 690px;
    }
}
 @media only screen and (min-width:991px) and (max-width:1200px) {
     .sliderMaterial {
         right: 2.5%;
    }
     .sliderMaterial.second .photo img {
         width: 890px;
    }
}
 @media only screen and (min-width:1824px) {
}