.sliderA {padding: 60px 20px; position: relative; margin-bottom:50px; background:#FFFFFF;}
.sliderA img {display: block; width: 100%; border: none;}
.sliderA .points {position: absolute; left: 0; right: 0; bottom: 50px; height: 0; font-size: 0; text-align: center; display: flex; justify-content: center;}
.sliderA .points i {text-align: center; display: inline-block; width: 40px; height: 40px; background-color: #E0E0E0; line-height: 0; margin: 0 5px; position: relative; top: 0; cursor: pointer; transition: opacity 0.2s ease-out; background-size: cover; background-position: center; opacity: 0.5;}
.sliderA .points i.active {opacity: 1;}
.sliderA .buttons {position: absolute; top: 50%; height: 0; left: 0; right: 0;}
.sliderA .buttons button {position: absolute; width: 40px; height: 40px; border: 0; padding: 0;outline: none; border-radius: 100%; background-color: #FAFAFA; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); margin: 0 30px; margin-top: -20px; cursor: pointer; background-position: center; background-repeat: no-repeat; opacity: 0.8;
transition:box-shadow 0.2s ease-out, opacity 0.2s ease-out;}
.sliderA .buttons button:first-child { left: 0;background-image: url(../images/arrowLeft.png);}
.sliderA .buttons button:first-child + button {right: 0; background-image: url(../images/arrowRight.png);}
.sliderA .buttons button:hover {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35); opacity: 1;}



.sliderB {widht:90%; position:relative; padding:5%;}
.sliderB img {width:100%; height:auto; overflow: hidden; float: left;}
.sliderB h3 { width:100%; height:auto; float:left; overflow: hidden; margin:10px 0px; font-weight:500; font-size:16px;}
.sliderB h3 a {float:left; text-decoration:none; color:#d50000;}
.sliderB p {width:100%; height:auto; max-height:90px;float:left; overflow:hidden; font-size:13px;}
.sliderB .content {width:100%; overflow: hidden; min-height:130px; float:left;  height:auto;}
.sliderB .points {position: absolute;left: 0;right: 0;bottom: 20px;height: 0;font-size: 0;text-align: center;pointer-events: none;}
.sliderB .points i {text-align: center;display: inline-block;width: 8px;height: 8px;border-radius: 100%;background-color: #E0E0E0;line-height: 0;margin: 0 5px;position: relative;top: -4px;transition: background-color 0.2s ease-out;}
.sliderB .points i.active {background-color: #424242;}

.sliderC {position: relative; background:#FFFFFF; margin-bottom:50px;}
.sliderC img {display: block;width: 100%;border: none;}
.sliderC .content {overflow: hidden;max-height: 240px;/* 30px * 8 */}
.sliderC h3 {font-size: 20px;font-weight: 300;text-transform: uppercase;line-height:20px; margin:10px 0; max-height:60px;}
.sliderC h3 a {text-decoration: none;color: #00BCD4;display: block;}
.sliderC p {font-size:12px;line-height:14px;color: #757575;margin: 0;overflow: hidden;}



.slider {position: relative; margin-bottom:50px; background:#FFFFFF; width:100%; height:500px; float:left;}
.slider .number{width:100%;height:500px; float:left; }
.slider .number section{width:30%; height:100%; margin-left:70%; background:rgba(0,0,0,0);  display:table;}
.slider .number section h2{width:100%; height:auto; display:table-cell; vertical-align:middle; font-size:25px; font-weight:400;}
.slider .number section h2 a{width:auto; height:auto; font-size:17px; border:1px solid #FFFFFF; padding:8px 14px; color:#FFFFFF; margin:0px 5px; background:rgba(0,0,0,0.2);}
.slider .number section h2 a:Hover{border:1px solid #000; padding:8px 14px; color:#000; margin:0px 5px; background:rgba(0,0,0,0.2);}
.slider .buttons {position: absolute;top: 50%;height: 0;left: 0;right: 0;}
.slider .buttons button{position:absolute; width:40px; height:40px; border:0; padding:0; outline:none; border-radius:100%; background-color: #FAFAFA;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);margin: 0 10px;margin-top:-20px;cursor: pointer;background-position: center;background-repeat: no-repeat;opacity: 0.8;transition: box-shadow 0.2s ease-out, opacity 0.2s ease-out;}
.slider .buttons button:first-child {left: 0; background-image: url(../images/arrowLeft.png);}
.slider .buttons button:first-child + button {right: 0; background-image: url(../images/arrowRight.png);}
.slider .buttons button:hover {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);opacity: 1;}

@media all and (max-width : 920px){
.slider {position:relative; margin-bottom:0px; background:#FFFFFF; width:100%; height:180px; float:left;}
.slider .number{width:100%;height:180px; float:left; }
.slider .number section{width:30%; height:100%; margin-left:10%; background: rgba(0,0,0,0);  display:table; color:#FFFFFF; text-shadow:1px 1px 3px #000;}
.slider .number section h2{width:100%; height:auto; display:table-cell; vertical-align:middle; font-size:25px; font-weight:400;}
.slider .number section h2 p{width:100%; height:auto; display:block; font-size:15px;}
.slider .buttons {position: absolute;top: 50%;height: 0;left: 0;right: 0;}
.slider .buttons button{display:none;}

}

.sliderE {position: relative; margin-bottom:50px; background:#FFFFFF; width:80%; height:auto; float:left; padding:20px 10%;}
.sliderE img {display: block;width: 100%;border: none;}
.sliderE .points {position: absolute;left: 0;right: 0;bottom: 10px;height: 0;font-size: 0;text-align: center;}
.sliderE .points i {text-align: center;display: inline-block;width: 8px;height: 8px;border-radius: 100%;background-color: #E0E0E0;line-height: 0;margin: 0 5px;position: relative;top: -4px;cursor: pointer;transition: background-color 0.2s ease-out;}
.sliderE .points i.active {background-color: #424242;}
.sliderE .buttons {position: absolute;top: 50%;height: 0;left: 0;right: 0;}
.sliderE .buttons button {position: absolute;width: 40px;height: 40px;border: 0;padding: 0;outline: none;border-radius: 100%;background-color: #FAFAFA;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);margin: 0 30px;margin-top: -20px;cursor: pointer;background-position: center;background-repeat: no-repeat;opacity: 0.8;transition: box-shadow 0.2s ease-out, opacity 0.2s ease-out;}
.sliderE .buttons button:first-child {left: 0; background-image: url(../images/arrowLeft.png);}
.sliderE .buttons button:first-child + button {right: 0; background-image: url(../images/arrowRight.png);}
.sliderE .buttons button:hover {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35); opacity: 1;}