@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 ; padding: 0;}

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

.slick-slide dt,.cp2 dl dt{ overflow:hidden}

.slick-slide dt img,.cp2 dl dt img{ float:right; width:170px !important;/* height:350px*/}

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

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

.slick-slide dl,.cp2 dl{ margin: 0 10px; background:#fff; padding:10%; overflow:hidden}

.slick-slide dl dd,.cp2 dl dd{ font-size:16px; line-height:28px}

.slick-slide dl:hover,.cp2 dl:hover{ color:#BC1413}

.slick-slide dl:hover dd,.cp2 dl:hover dd{ color:#BC1413}

.slick-slide dl dt,.cp2 dl dt{ position:relative}

.slick-slide dl dt span,.cp2 dl dt span{ position:absolute; bottom:0; left:0; font-size:18px;}

.slick-slide dl dt span strong,.cp2 dl dt span strong{ font-weight:normal; font-size:16px; background:url(../images/c1.jpg) no-repeat left top; display:block; margin-top:15px; padding-top:15px}

.slick-list{ margin:0 5%}

.blue1 .slick-slide dl dt span img{ width:33px !important; height:20px; float:none; margin-top:20px}
.blue1 .slick-slide dl dd{ height:56px}

/* Arrows */

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

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

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

.blue2 .slick-prev,.blue2 .slick-next{ width:41px; height:31px; bottom:0}

.blue2 .slick-prev { left:45%; background:url(../images/sy-44.png) no-repeat center}

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

.blue2 .slick-list{ margin:0; padding-bottom:6%}

.blue2 .slick-slide dt img{ width:100% !important; height:inherit}

.blue2 .slick-slide dl{ margin:0; padding:0; position:relative}

.blue2 .slick-slide dl dd{ position:absolute; bottom:0; left:0; width:100%; color:#fff; text-align:center; padding:9% 8%;}

.blue2 .slick-slide dl dd span{ display:block; margin-top:2%; font-size:16px; color:#CACACB; display:none; font-size:14px; line-height:16px}
.blue2 .slick-slide dl:hover dd span{ display:block}
.blue2 .slick-slide dl:hover dd span span{ display:inline-block}
.blue2 .slick-slide dl dd span span:hover{ color:#d02927}


@media (max-width: 1024px) {

.slick-slide dl{ margin:0 10px}

.slick-slide dl dd,.cp2 dl dd{ font-size:14px; line-height:24px}

.slick-slide dt img,.cp2 dl dt img{ width:100% !important;/* height:294px*/}

.slick-slide dl dt span,.cp2 dl dt span{ position:relative;}

.slick-slide dl dt span,.cp2 dl dt span,.blue2 .slick-slide dl dd{ font-size:16px}

.slick-slide dl dt span strong,.cp2 dl dt span strong{ font-size:14px; padding-top:10%; margin-top:10%}

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

.blue2 .slick-prev{ left:43%}

.blue2 .slick-next{ right:43%}

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

.blue2 .slick-list{ padding-bottom:8%}

.blue1 .slick-slide dl dd{ height:72px}

}

@media (max-width:640px) {

.slick-prev, .slick-next{ width:35px;}
.slick-slide dl dt span, .cp2 dl dt span{ position:absolute; width:100%}

.slick-list{ margin:0 12%}

.slick-slide dt img,.cp2 dl dt img{ width:130px !important; display:block; margin:auto !important;/* height:265px;*/}

.slick-slide dt,.cp2 dl dt{ margin-top:0 !important}

.slick-slide dl dt span strong,.cp2 dl dt span strong{ padding-top:5%; margin-top:5%}

.slick-slide dl dd,.cp2 dl dd{ line-height:22px}

.blue2 .slick-prev{ left:38%}

.blue2 .slick-next{ right:38%}

.blue2 .slick-list{ padding-bottom:14%}
.blue1 .slick-slide dl dt span img{ width:28px !important; height:16px; margin:12px 0 0 !important}
.blue1 .slick-slide dl dd{ height:43px}

.sy3 .slick-list,.sy3 .slick-slide dl{ margin:0}
.sy3 .slick-slide dl{ padding:8%}
}