@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/xwzx-7.png) no-repeat left top; display:block; margin-top:16%; padding-top:16%}
.slick-list{ margin:0 5%}
/* 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:12% 8%; font-size:18px}
.blue2 .slick-slide dl dd span{ display:block; margin-top:4%; font-size:16px; color:#CACACB; display:none}
.blue2 .slick-slide dl:hover dd span{ display:block}
@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%}
}
@media (max-width:640px) {
.slick-prev, .slick-next{ width:35px;}
.slick-list{ margin:0 12%}
.slick-slide dt img,.cp2 dl dt img{ width:100px !important; display:block; margin:auto !important; height:205px; float:none}
.slick-slide dt,.cp2 dl dt{ margin-top:4% !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%}
}