﻿.sliders_hdp{

    width:100%; margin:0px auto;

	}

.sliders_hdp .slick-slide {

      margin: 0px; position:relative; overflow:hidden

    }



.sliders_hdp .slick-slide dl{ padding-bottom:45.1%; position:relative; 

    }
.sliders_hdp .slick-slide  .dd{ position:absolute; left:50%; margin-left:-50%; top:0px; z-index:0; height:100%; width:100%;  display:block; background-position:center; background-repeat:no-repeat; background-size:cover;

transition:All 3s linear 0s;
-webkit-transition:All 3s linear 0s;
-moz-transition:All 3s linear 0s;
-o-transition:All 3s linear 0s;
-webkit-transform: scale(1.2);
    transform: scale(1.2); 
	
	-webkit-transform-origin: center center;
transform-origin: center center;
	


}
.sliders_hdp .slick-slide .dd.act{-webkit-transform: scale(1);
    transform: scale(1); 
}

.sliders_hdp .slick-slide dl .hdp_c{ position:absolute; left:7.7%; top:0px; color:#FFF; height:100%; z-index:2}

.sliders_hdp .slick-slide dl .hdp_c i{transition:all 0.8s ease-in-out; display:block; opacity:0;transition-delay:0.1s; position:relative; top:50px; font-size:56px; font-weight:bold}

.sliders_hdp .slick-slide dl .hdp_c em{transition:all 0.8s ease-in-out;display:block; padding-top:5px; opacity:0;transition-delay:0.1s; position:relative; top:50px; font-size:20px; font-family:"ºÚÌå"; text-transform:uppercase}

.sliders_hdp .slick-slide dl .hdp_c span{transition:all 0.8s ease-in-out;display:block; opacity:0;transition-delay:0.4s; position:relative; top:60px;margin-top:38px;}

.sliders_hdp .slick-slide dl .hdp_c a{ width:163px; height:47px; background:url(../image/jbb.png) right 23px center #c00000 no-repeat; border-radius:5px;transition:all 0.6s ease-in-out; line-height:47px; position:relative; top:0px; display:block; font-size:16px; color:#FFF; text-indent:28px; }



.sliders_hdp .slick-slide dl .hdp_c.act{ position:absolute; left:7.7%; top:0px; color:#FFF; height:100%;}

.sliders_hdp .slick-slide dl .hdp_c.act i{ opacity:1;top:0px;}

.sliders_hdp .slick-slide dl .hdp_c.act em{ opacity:1;top:0px;}

.sliders_hdp .slick-slide dl .hdp_c.act span{opacity:1;top:0px;}

.sliders_hdp .slick-slide dl .hdp_c.act a:hover{ top:-10px;}





.sliders_hdp .slick-slide img {

      width: 100%;

    }



.sliders_hdp .slick-prev {

    left:  0px;

}

.sliders_hdp .slick-next {

    right: 0px;

}

.sliders_hdp .slick-prev:before,

.sliders_hdp .slick-next:before{ display:none}

.sliders_hdp .slick-prev,

.sliders_hdp .slick-next {

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px; background:#000;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none; z-index:999



}



.sliders_hdp .slick-dots {

    position: absolute;

    bottom: 4.8%;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}

.sliders_hdp .slick-dots li {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 4px;

    margin: 0 4px;

    padding: 0;

    cursor: pointer; background:#fff

}

.sliders_hdp .slick-dots li button {

	display:none;

}

.sliders_hdp .slick-dots li.slick-active {

background:#c00000; opacity: .75;

    }

.sliders_ms{

    width:100%; margin:0px auto;

	}

.sliders_ms .slick-slide {

      margin: 0px;

    }



.sliders_ms .slick-slide dl{ padding-bottom:45.1%; position:relative; 

    }

.sliders_ms .slick-slide dl .hdp_c{ position:absolute; left:7.7%; top:0px; color:#FFF; height:100%;}

.sliders_ms .slick-slide dl .hdp_c i{transition:all 0.8s ease-in-out; display:block; opacity:0;transition-delay:0.1s; position:relative; top:50px; font-size:56px; font-weight:bold}

.sliders_ms .slick-slide dl .hdp_c em{transition:all 0.8s ease-in-out;display:block; padding-top:5px; opacity:0;transition-delay:0.1s; position:relative; top:50px; font-size:20px; font-family:"ºÚÌå"; text-transform:uppercase}

.sliders_ms .slick-slide dl .hdp_c span{transition:all 0.8s ease-in-out;display:block; opacity:0;transition-delay:0.4s; position:relative; top:60px;margin-top:38px;}

.sliders_ms .slick-slide dl .hdp_c a{ width:163px; height:47px; background:url(../image/jbb.png) right 23px center #c00000 no-repeat; border-radius:5px;transition:all 0.6s ease-in-out; line-height:47px; position:relative; top:0px; display:block; font-size:16px; color:#FFF; text-indent:28px; }



.sliders_ms .slick-slide dl .hdp_c.act{ position:absolute; left:7.7%; top:0px; color:#FFF; height:100%;}

.sliders_ms .slick-slide dl .hdp_c.act i{ opacity:1;top:0px;}

.sliders_ms .slick-slide dl .hdp_c.act em{ opacity:1;top:0px;}

.sliders_ms .slick-slide dl .hdp_c.act span{opacity:1;top:0px;}

.sliders_ms .slick-slide dl .hdp_c.act a:hover{ top:-10px;}





.sliders_ms .slick-slide img {

      width: 100%;

    }



.sliders_ms .slick-prev {

    left:  0px;

}

.sliders_ms .slick-next {

    right: 0px;

}

.sliders_ms .slick-prev:before,

.sliders_ms .slick-next:before{ display:none}

.sliders_ms .slick-prev,

.sliders_ms .slick-next {

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px; background:#000;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none; z-index:999



}



.sliders_ms .slick-dots {

    position: absolute;

    bottom: 4.8%;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}

.sliders_ms .slick-dots li {

    position: relative;

    display: inline-block;

   height: 8px;
    width: 8px;
    margin: 0 4px;
    position: relative;
    border-radius: 50%;

    padding: 0;

    cursor: pointer; background:#fff

}

.sliders_ms .slick-dots li button {

	display:none;

}

.sliders_ms .slick-dots li.slick-active {

background:#c00000; opacity: .75;width: 20px; border-radius:8px;

    }