body{background-color: #e5f3fc;}
main {margin-bottom: 50px;}


.picture_list .supply_list{width: 79%;background-color: #fff;padding: 40px 38px 0;float: left;border-radius: 6px;}
.picture_list .supply_list ul.list li{display: flex;margin-bottom: 26px;}
.picture_list .supply_list ul.list li:last-child{margin-bottom: 0;}
.picture_list .supply_list ul.list li .supply_list_left{position: relative;margin-right: 52px;}
.picture_list .supply_list ul.list li .supply_list_left a{display: block;}
.picture_list .supply_list ul.list li .supply_list_left a img{display: block;width: 260px;height: 170px;border-radius: 6px;}
.picture_list .supply_list ul.list li .supply_list_cont{width: 70%;}
.picture_list .supply_list ul.list li .supply_list_cont h3{position: relative;margin-bottom: 20px;}
.picture_list .supply_list ul.list li .supply_list_cont h3 a{font-size: 22px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;font-weight: bold;}
.picture_list .supply_list ul.list li .supply_list_cont h3 a:hover, .picture_list .supply_list ul.list li .supply_list_cont h3 span:hover{color: #0362fa;}
.picture_list .supply_list ul.list li .supply_list_cont h3 span{position: absolute;right: 10px;bottom: 0;color: #999;font-size: 18px;color: #666;font-weight: normal;}
.picture_list .supply_list ul.list li .supply_list_cont .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 30px;font-size: 16px;color: #666;}

.picture_list .right_box{float: right;width: 26%;}
.picture_list .right_box .right_one{width: 100%;background-color: #fff;padding: 30px 20px;border-radius: 6px;}
.picture_list .right_box .right_one .tle a{color: #0362fa;font-weight: bold;font-size: 26px;}
.picture_list .right_box .right_one .tle a:hover{color: #55b5f9;}
.picture_list .right_box .right_one ul{margin-top: 10px;}
.picture_list .right_box .right_one ul li{height: 36px;line-height: 36px;}
.picture_list .right_box .right_one ul li a{color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
.picture_list .right_box .right_one ul li a:hover{color: #4787f5;}
.picture_list .right_box .right_one ul li a::before{content: "•";color: #000;display: inline-block;width: 1em;text-align: center;}
.picture_list .right_box .right_two{width: 100%;background-color: #fff;padding: 30px 20px;margin-top: 20px;border-radius: 6px;}
.picture_list .right_box .right_two .tle{margin-bottom: 20px;}
.picture_list .right_box .right_two .tle a{color: #0362fa;font-weight: bold;font-size: 26px;}
.picture_list .right_box .right_two .tle a:hover{color: #55b5f9;}
.picture_list .right_box .right_two .img{background: url("../images/supply_fbcp.png") center no-repeat;height: 170px;text-align: center;border-radius: 10px;margin-bottom: 20px;}
.picture_list .right_box .right_two .img h3{font-size: 32px;color: #fff;font-weight: bold;font-style: italic;padding: 26px 0 20px;}
.picture_list .right_box .right_two .img h3 span{font-size: 40px;}
.picture_list .right_box .right_two .img a{color: #0362fa;background-color: #fff;border-radius: 6px;font-weight: bold;width: 130px;padding: 10px 0;display: block;margin: 0 auto;font-size: 20px;transition: all 0.3s ease;}
.picture_list .right_box .right_two .img a:hover{color: #fff;background-color: #0039d2;}
.picture_list .right_box .right_two .list{width: 100%;}
.picture_list .right_box .right_two .list ul{background-color: #fff;}
.picture_list .right_box .right_two .list ul li{height: 36px;line-height: 36px;}
.picture_list .right_box .right_two .list ul li a{font-size: 18px;color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.picture_list .right_box .right_two .list ul li a:hover{color: #4787f5;}
.picture_list .right_box .right_two .list ul li a::before{content: "•";color: #000;display: inline-block;width: 1em;text-align: center;}

.ty_nav{width: 20%;float: left;margin-right: 1%;}
.ty_nav ul{background: #fff;margin-bottom: 20px;padding: 40px 0;border-radius: 6px;}
.ty_nav ul li{width: 100%;/* height: 80px; */line-height: 80px;}
.ty_nav ul li a{display:block;padding-left: 80px;}
.ty_nav ul li a span{display:inline-block;height: 66px;line-height: 80px;font-size: 22px;font-weight: normal;}
.ty_nav ul li.active a span{border-bottom: 4px solid #1d83e9;font-weight: bold;}
.ty_nav ul li a:hover span{color:#1d83e9;}

.ty_nav  .right_one {
    width: 100%;
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 6px;
}
.ty_nav  .right_one .tle a {
    font-weight: bold;
    font-size: 22px;
    display: block;
    text-align: center;
}
.ty_nav  .right_one ul {
    margin-top: 15px;
    padding: 0;
}
.ty_nav  .right_one ul li {
    /* height: 50px; */
    line-height: 1.5;
    margin-bottom: 15px;
}
.ty_nav  .right_one ul li a {
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    font-size: 16px;
    padding-left: initial;
}
.ty_nav  .right_one ul li a::before {
    content: "•";
    color: #000;
    display: inline-block;
    width: 1em;
    text-align: center;
    padding-right: 10px;
}
.ty_nav  .right_one ul li a:hover{
    color: #0424b7;
}

@media screen and (max-width:959px){
    .picture_list .supply_list{width: 100%;padding: 20px 20px 0;border-radius: 0;}
    .picture_list .supply_list ul.list li .supply_list_left{margin-right: 0;float: right;width: 30%;}
    .picture_list .supply_list ul.list li{display: block;float: initial;width: 100%;overflow: hidden;border-bottom: 1px solid #f3f3f3;margin-bottom: 15px;padding-bottom: 15px;}
    .picture_list .supply_list ul.list li .supply_list_cont{width: 68%;float: left;}
    .picture_list .supply_list ul.list li .supply_list_cont h3 a{
    font-size: 22px;
    text-overflow: initial;
    white-space: normal;
    width: 100%;
    line-height: 40px;
    margin-bottom: 5px;
    margin-top: 5px;
    }
    .picture_list .supply_list ul.list li .supply_list_cont h3 span{position: initial;}
    .picture_list .supply_list ul.list li .supply_list_left a img {width: 100%;height: 100%;}
    .picture_list .supply_list ul.list li .supply_list_cont h3 .sup_sur{font-size: 16px;color: #666;display: inline-block;margin-right: 20px;}
    .picture_list .supply_list ul.list li .supply_list_cont .txt{display: none;}
    .picture_list .supply_list ul.list li .supply_list_left a img{border-radius:4px;}
}
@media screen and (max-width:600px){
    .picture_list .supply_list ul.list li{}
    .picture_list .supply_list ul.list li .supply_list_cont h3{margin-bottom:0;}
    .picture_list .supply_list ul.list li .supply_list_cont h3 a{line-height: 1.6;font-weight:normal;font-size:16px;color: #000;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .picture_list .supply_list ul.list li .supply_list_cont h3 span{color:#999;font-size: 14px;}
}