﻿
/****首页焦点图的部分*******/
.zhuanti_box{max-width:1200px;margin:0px auto 0 auto;padding:7px;border:1px solid #eae9ef; background:#fff; margin-top:10px; overflow:hidden; display: block}
#slideBox{width:100%;overflow:hidden;}
#slideBox .J_slide_list{width:3600px;}
#slideBox .J_slide_list .J_slide_item{height:auto;float:left;overflow:hidden}
#slideBox .J_slide_list .J_slide_item img{vertical-align:top;}
#slideBox .J_slide_trigger{width:100%; overflow:hidden;margin-top:1px;}
#slideBox .J_slide_trigger li a{width:100%; font-size:16px; line-height:40px;background:#D1D1D1;}
#slideBox .J_slide_trigger li dd{ border-left:#FFFFFF 1px solid; border-top:#FFFFFF 0px solid}
#slideBox .J_slide_trigger li{width:10%;border-bottom:#FFFFFF 1px solid}
#slideBox .J_slide_trigger li{float:left;height:40px;line-height:32px;text-align:center;_display:inline;overflow:hidden;}
#slideBox .J_slide_trigger li a{display:block;height:40px;color:#333;font-family:"Microsoft Yahei","微软雅黑";}
#slideBox .J_slide_trigger li.cur a,.J_slide_trigger li a:hover{color:#FFF;background:#167BC5;text-decoration:none;}
.J_slide_advance{width:1200px;float:left;margin-top:1px;}


.J_slide_advance{ overflow:hidden; margin:0px; padding:0px;}
.J_slide_advance li{ overflow:hidden; margin:0px; padding:0px; width:25%; float:left}
.J_slide_advance dl{ overflow:hidden; margin:0px; padding:0px 0px 6px 0px; width:94%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#ddd 1px solid;background:#eee;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative;}
.J_slide_advance dl dt{ font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:32px; padding:5px 5px 0px 5px; font-weight:normal;color:#222; position:relative; text-align:center}
.J_slide_advance dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:18px; color:#555;padding:0px 5px 0px 5px; height:60px }
.J_slide_advance dl dd span{ color:#777; margin-right:2px}
.J_slide_advance dl dt img{ width:100%; height:190px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.J_slide_advance li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); }
.J_slide_advance li:hover dt h3{ color:#167BC5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.J_slide_advance li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.J_slide_advance li:hover dt{color:#167BC5}

.J_slide_advance dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:8px; bottom:-10px}
.J_slide_advance dl  .cp_dv img{ height:22px; width:auto}


.wap_ys_cp{display:none}
@media only screen and (max-width:1200px) {
#slideBox .J_slide_trigger li{width:20%;border-bottom:#FFFFFF 1px solid}
.zhuanti_box{max-width:1200px;margin:0px auto 0 auto;padding:7px;border:1px solid #eae9ef; background:#fff; margin-top:10px; overflow:hidden; display:none}
.wap_ys_cp{display: block}
}


@media only screen and (max-width:1025px) {
.zhuanti_box{max-width:1200px;margin:0px auto 0 auto;padding:7px;border:1px solid #eae9ef; background:#fff; margin-top:10px; overflow:hidden; display:none}

.J_slide_advance dl dt img{ width:100%; height:180px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}
@media only screen and (max-width:900px) {
.J_slide_advance dl dt img{ width:100%; height:150px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

@media only screen and (max-width:680px) {
.J_slide_advance dl dt img{ width:100%; height:130px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

@media only screen and (max-width:550px) {
.J_slide_advance li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.J_slide_advance dl dt img{ width:100%; height:150px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

}


@media only screen and (max-width:380px) {
.J_slide_advance li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.J_slide_advance dl dt img{ width:100%; height:125px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.J_slide_advance dl dt h3{ font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:36px; padding:2px 0px 10px 0px; font-weight:normal}

}

@media only screen and (max-width:350px) {
.J_slide_advance li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.J_slide_advance dl dt img{ width:100%; height:100px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

}


