@charset "utf-8";

/* Slider */

.slick-slider { padding:0 2%; 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;margin:auto}

.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}

.slick-slide img { display: block; margin:auto;}

.slick-initialized .slick-slide { display: block;}

.slick-slide dl{ margin:0 4%; background:#fff; padding:12% 7% 7%; height:427px}

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */

.slider .slick-prev,.slider .slick-next { position: absolute; display: block; height:52px; width:27px;  cursor: pointer; background:#f00; top:50%; margin-top: -12px; padding: 0; border: none; outline: none;line-height:95px; overflow:hidden}

.slick-list:focus{ outline:none;}

.cent2{ max-width:1300px;}

.responsive1{ margin-bottom:6%}

.responsive1 .slick-slider{ padding:0}

.responsive1 .slick-slide dl{ margin:0 11%;}

.responsive1.slider .slick-prev,.responsive1.slider .slick-next { position: absolute; display: block; height:25px; width:13px;}

.responsive1.slider .slick-prev { left:0; background:url(../images/xwh-1.png) no-repeat center}

.responsive1.slider .slick-next { right:0; background:url(../images/xwh-2.png) no-repeat center}

.responsive1 .slick-slide dl{ height:inherit; padding:0}

.slick-slide img{ width:100%; height:179px}

.slick-slide:focus{ outline:none;}



.responsive2 .slick-slide h1,.responsive2 .slick-slide p{ margin:0 15%}

.responsive2{ margin-bottom:7%}

.responsive2 .slick-slide h1{font-size:20px;color:#c42028;text-align:center;background:url(../images/gy-10.png) no-repeat center bottom;padding: 16% 0 26%;margin-bottom:4%;}

.responsive2 .slick-slide p{ text-align:left; font-size:14px; color:#666; line-height:24px; background:url(../images/gy-11.png) no-repeat left top 6px; margin-top:2%; padding-left:5%}

.responsive2.slider .slick-prev,.responsive2.slider .slick-next { position: absolute; display: block; height:42px; width:44px; top:27.6%}

.responsive2.slider .slick-prev { left:0; background:url(../images/gy-8.png) no-repeat center}

.responsive2.slider .slick-next { right:0; background:url(../images/gy-9.png) no-repeat center}

.responsive2 .slick-slide:hover{ background:url(../images/gy-12.png) no-repeat center top}

.responsive2.slick-slider{ padding:0 11%}

.responsive2 .slick-slide{ padding-bottom:3%}

.responsive2 .slick-slide:hover h1{ color:#fff; background:url(../images/gy-13.png) no-repeat center bottom;}

.responsive2 .slick-slide:hover p{ color:#fff; background:url(../images/gy-14.png) no-repeat left top 6px;}



@media (max-width:1024px) {

	.slick-slide img{ height:130px}

	.responsive2 .slick-slide h1{ padding:0 0 4%}

	.responsive2 .slick-slide{ padding-bottom:0;}

	.responsive2.slider .slick-prev, .responsive2.slider .slick-next{ width:30px; background-size:100% !important}

.responsive2 .slick-slide h1, .responsive2 .slick-slide p{ margin:0 10%}

}



@media (max-width:640px){

	.responsive1 .slick-slide dl{ margin:0 5%}

	.slick-slide img{ height:107px}

	.slick-slider { padding:0 5%;}

	.responsive2.slider .slick-prev, .responsive2.slider .slick-next{ width:25px}

	.responsive2 .slick-slide h1{ font-size:16px}

}