@charset "utf-8";

/*.isect3{text-align: center;padding-bottom: 80px;}*/
.isect3 .cont {
    margin-bottom: 48px;
    text-align: left;
    height: 500px;
}

.isect3 .left {
    width: 33%;
    height: 100%;
}
.isect3 .left li{width: 90%;}
.isect3 .left li:nth-child(2n){float: right;}
.isect3 .left a{display: block;background: #f8f8f8;}
.isect3 .left .pic{width: 100%;height: 0;padding-bottom: 300px;position: relative;overflow: hidden;}
.isect3 .left .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect3 .left .txt{padding: 22px 30px 18px;}

.isect3 .left .txt h5 {
    line-height: 34px;
    color: #333333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.isect3 .left .txt span{display: block;line-height: 30px;color: #999999;}
.isect3 .left .txt p{line-height: 24px;color: #666666;height: 72px;overflow: hidden;margin: 8px auto 15px;}
.isect3 .left .txt em{display: block;line-height: 22px;color: #999999;}
.isect3 .left a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.isect3 .left a:hover .txt h5{color: #1CA045;}

.isect3 .right{
    width: 33%;
    height: 100%;
    /*height: 524px;*/
    background: #f8f8f8;
    padding: 20px 30px 6px;
    box-sizing: border-box;
    overflow: auto;
}
.isect3 .right a{display: block;padding: 6px 0 9px;position: relative;border-top: 2px solid #f8f8f8;}
.isect3 .right a:before{content: "";width: 66px;height: 2px;background:#1CA045;position: absolute;left: 0;top:-2px;opacity: 0;-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

.isect3 .right a h5 {
    line-height: 30px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.isect3 .right a span{display: block;color: #999999;line-height: 34px;}
.isect3 .right li:first-child a{border: none;}
.isect3 .right li:first-child a:before{display: none;}
.isect3 .right a:hover{border-color: #c6dedc;}
.isect3 .right a:hover:before{left: calc(100% - 66px);opacity: 1;}
.isect3 .right a:hover h5{color: #1CA045;}

.isect3 .right::-webkit-scrollbar{width:3px;height:3px}
.isect3 .right::-webkit-scrollbar-button:vertical{display:none}
.isect3 .right::-webkit-scrollbar-corner,
.isect3 .right::-webkit-scrollbar-track{background-color:#ccc}
.isect3 .right::-webkit-scrollbar-thumb{border-radius:0;background-color:#1CA045; }
.isect3 .right::-webkit-scrollbar-thumb:vertical:hover{ }
.isect3 .right::-webkit-scrollbar-thumb:vertical:active{ }

.isect3 .center{
    width: 33%;
    /*height: 524px;*/
    background: #f8f8f8;
    padding: 20px 30px 6px;
    box-sizing: border-box;
    overflow: auto;
}
.isect3 .center a{display: block;padding: 6px 0 9px;position: relative;border-top: 2px solid #f8f8f8;}
.isect3 .center a:before{content: "";width: 66px;height: 2px;background:#1CA045;position: absolute;left: 33%;top:-2px;opacity: 0;-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.isect3 .center a h5{line-height: 30px;color: #333333;}
.isect3 .center a span{display: block;color: #999999;line-height: 34px;}
.isect3 .center li:first-child a{border: none;}
.isect3 .center li:first-child a:before{display: none;}
.isect3 .center a:hover{border-color: #c6dedc;}
.isect3 .center a:hover:before{left: calc(100% - 66px);opacity: 1;}
.isect3 .center a:hover h5{color: #1CA045;}

.isect3 .center::-webkit-scrollbar{width:3px;height:3px}
.isect3 .center::-webkit-scrollbar-button:vertical{display:none}
.isect3 .center::-webkit-scrollbar-corner,
.isect3 .center::-webkit-scrollbar-track{background-color:#ccc}
.isect3 .center::-webkit-scrollbar-thumb{border-radius:0;background-color:#1CA045; }
.isect3 .center::-webkit-scrollbar-thumb:vertical:hover{ }
.isect3 .center::-webkit-scrollbar-thumb:vertical:active{ }
.new_title{
    font-size:19px !important;
    color: #333 !important;
    border-bottom: 2px solid #f8f8f8;
    font-weight: bold;
}
@media screen and (max-width: 1800px){

}

@media screen and (max-width: 1640px){

}

@media screen and (max-width: 1480px){


.isect3{padding-bottom: 60px;}
.isect3 .cont{margin-bottom: 3px;}
.isect3 .left .pic{padding-bottom: 225px;}
.isect3 .left .txt{padding: 15px 22px 12px;}
.isect3 .left .txt h5{line-height: 28px;}
.isect3 .left .txt span{line-height: 22px;}
.isect3 .left .txt p{margin: 6px auto 26px;line-height: 18px;height: 36px;}
.isect3 .right{
    /*height: 393px;*/
    height: 88%;
    padding: 12px 22px 6px;
}
.isect3 .right a{padding: 6px 0;}
.isect3 .right a h5{line-height: 22px;}
.isect3 .right a span{line-height: 24px;}

    .isect3 .center{height: 393px;padding: 12px 22px 6px;}
    .isect3 .center a{padding: 6px 0;}
    .isect3 .center a h5{line-height: 22px;}
    .isect3 .center a span{line-height: 24px;}
}

@media screen and (max-width: 1400px){

}

@media screen and (max-width: 1300px){

}

@media screen and (max-width: 1200px){

.isect3 .left,.isect3 .center,.isect3 .right{width: 31.5%;}
.isect3 .left{margin-bottom: 30px;}
.isect3 .left .pic{padding-bottom: 68.18%;}
.isect3 .right,.isect3 .center{height: auto;padding: 20px;}

}



@media screen and (max-width: 1024px){

}

@media screen and (max-width: 760px){

.isect3{padding-bottom: 30px;}
.isect3 .cont{margin-bottom: 20px;}
.isect3 .left{margin-bottom: 20px;}

}

@media screen and (max-width: 480px){
    .isect3 .left {
        width: 100%;
    }
    .isect3 .left li{width: 100%;margin-bottom: 15px;}
    .isect3 .left li:last-child{margin-bottom: 0;}
    .isect3 .right {display: none;}
    .isect3 .center {display: none;}
    .isect3 .new_list_2{ display: none;}
}