body{background: #fff;}
.banner{height: 400px;background:url("../image/banner240522.png")no-repeat center top;overflow: hidden;}
.hr_60{height: 60px;}

.jcBox ol li {
    float: left;
    width:320px;
    margin-right: 20px;
}
.jcBox ol li:nth-child(3n) {
    margin-right: 0px;
}
.jcBox ol li .imgbox{position: relative;}
.jcBox ol li .imgbox,.jcBox ol li .imgbox img {
    width: 320px;
    height: 178px;
  
}
.C-text{text-align: center;font-size: 16px;line-height: 36px;}



.jcBox ol li p{ padding: 10px 0 0 0; font-size: 16px;color: #000000;font-weight: bold;line-height:36px;overflow: hidden;}
.daoy{width: 100%; height: 290px; display: block; background:url("../image/daoyu0522.png") no-repeat; border:1px solid #80c8ea;}
.daoy p{width:90%;margin: 0px auto;line-height: 40px;text-indent: 2em;font-size: 20px;font-weight: bold;color: #2f4dac;padding-top: 40px;}
.iph-daoy,.iph-img{display: none;}
.zhuc{font-size: 16px;color: #666;line-height:36px; }
.hr_30{height: 20px;}
.jcBox ol li{height: 300px;overflow: hidden;}

@media (min-width: 1440px){
    .main-cloum{width: 1400px;}

.jcBox ol li .imgbox,
.jcBox ol li .imgbox img {
    width: 450px;
    height: 250px;
}

.jcBox ol li{width: 450px;height: 380px;overflow: hidden;}
.listW li {
    width: 610px;
}

}

@media (max-width:768px){
.iph-img img{width: 100%;height: auto;}
.main-cloum{width: 96%;}
.banner{display: none;}
.iph-img{display: block;}

.hr_60{height: 20px;}
.daoy{display: none;}
.iph-daoy{display: block;font-size: 14px; line-height: 22px;text-indent: 2em; color: #2f4dac;background:#cef0ff;border:1px solid #80c8ea;padding: 10px; border-radius: 10px;}
.jcBox ol li{width: 100%; float: none; margin: 0 auto;}
.jcBox ol li { height:auto;margin-bottom: 10px;}

}