@charset "utf-8";

/* Slider */

.content{ margin:auto}

.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 5%; padding: 0;}

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

.slick-slide dt img { display: block; margin:auto; height:245px}

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

.slick-vertical .slick-slide { display: block; height: auto;}

.slick-slide dl{ margin: 0 5px;}

.slick-slide dl dd{ font-size:18px; text-align:center; margin-top:14%}

.slick-slide dl dd img{ vertical-align:middle; margin-right:10px}

/* Arrows */

.slick-prev,.slick-next { position: absolute; display: block; height:26px; width:17px;  cursor: pointer; top:50%; margin-top: -20px; padding: 0; border: none; outline: none;}

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

.slick-next { right:0; background:url(../images/sy-10.png) no-repeat center}



.responsive1{ padding-bottom:5%}

.responsive1 .slick-list{ margin:0;}

.responsive1 .slick-list dl dt img{ border-radius:8px; height:77px}

.responsive1 .slick-prev,.responsive1 .slick-next { position: absolute; display: block; height:30px; width:30px;  cursor: pointer; top:78%; margin-top: 0; padding: 0; border: none; outline: none;}

.responsive1 .slick-prev { left:46%; background:url(../images/left.png) no-repeat center}

.responsive1 .slick-next { right:46%; background:url(../images/right.png) no-repeat center}

.responsive1 .slick-prev:hover { left:46%; background:url(../images/left1.png) no-repeat center}

.responsive1 .slick-next:hover { right:46%; background:url(../images/right1.png) no-repeat center}



.responsive2 .slick-list{ margin:0}

.responsive2 .slick-list dl,.responsive2 .slick-list ul{ margin:0 10%}

.responsive2 .slick-list dl dt,.responsive2 .slick-list ul p{ position:relative; width:241px; height:241px; margin:auto}

.responsive2 .slick-list dl dt img,.responsive2 .slick-list ul li p img{ border-radius:50%; width:100%; height:241px}

.responsive2 .slick-list dl dt span,.responsive2 .slick-list ul li p strong{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; background-color: rgba(0,0,0,0.4); filter: Alpha(opacity=40); text-align:center; padding-top:45%; font-size:18px; color:#fff; border-radius:50%;}
.responsive2 .slick-list ul li p strong{ font-weight:normal}

.responsive2 .slick-list dl:hover dt span,.responsive2 .slick-list ul:hover li p strong{ display:block}

.responsive2 .slick-list dl dd{ font-size:16px; color:#666; line-height:29px; text-align:left}

.responsive2 .slick-list dl dd .c1{ display:block; clear:both; padding-top:4%}

.responsive2 .slick-list dl dd  .left{ width:26%}

.responsive2 .slick-list dl dd .right{ width:74%;}

.responsive2 .slick-list dl dd .c1 span{ display:inline-block; margin-left:8%}

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

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

.responsive2 .slick-prev,.responsive2 .slick-next{ width:21px; height:35px}





@media (max-width: 1024px) {

	.slick-slide dt img{ height:167px}

	.slick-slide dl dd{ font-size:14px}

	.responsive1 .slick-list dl dt img{ height:60px}

	.responsive1 .slick-prev { left:44%;}

.responsive1 .slick-next { right:44%;}

.responsive1 .slick-prev:hover { left:44%;}

.responsive1 .slick-next:hover { right:44%;}

.responsive1{ padding-bottom:8%}

.responsive1 .slick-prev, .responsive1 .slick-next{ top:74%}

.responsive2 .slick-list dl dd,.responsive2 .slick-list ul li p{ font-size:14px; line-height:24px}

.responsive2 .slick-list dl dd img{ height:24px}

.responsive2 .slick-list dl dt span,.responsive2 .slick-list ul li p strong{ font-size:16px}



}

@media (max-width: 768px) {

	.slick-slide dt img{ height:215px}

	.slick-slide dl dd{ margin-top:5%}

	.slick-prev, .slick-next{ background-size:100%; width:13px}

.responsive1 .slick-prev { left:40%;}

.responsive1 .slick-next { right:40%;}

.responsive1 .slick-prev:hover { left:40%;}

.responsive1 .slick-next:hover { right:40%;}

.responsive1{ padding-bottom:15%}

.responsive2 .slick-list dl dt img,.responsive2 .slick-list ul li p img{ height:200px}

.responsive2 .slick-list dl dt,.responsive2 .slick-list ul li p{ width:200px; height:200px}

.responsive2 .slick-prev, .responsive2 .slick-next{ width:15px; background-size:100%}

}