.list1 {--l1p:10px;--imgw:300px;margin:calc(var(--l1p)*-1);}
.list1 .list1-li {padding:var(--l1p);}
.list1 .list1-box {display:flex;box-shadow:0px 0px 16px 0px rgba(0,82,147,0.1);border-radius:var(--l1p);background:#ffffff;overflow:hidden;align-items:center;transform:translateY(0px);
  transition:transform 0.3s,background 0.3s;}
.list1 .list1-box:hover {transform:translateY(-5px);/* background:#f1f1f1;*/}
.list1 .list1-box:hover .list1-title {color:#fd760a;}
.list1 .list1-box:hover .more-box-b {--dc:#fd760a;}
.list1 .img-box {flex-shrink:0;width:var(--imgw);}
.list1 .img-box::before {padding-top:75%;}
.list1 .list1-cont {width:calc(100% - var(--imgw));padding:15px 40px;}
.list1 .list1-num {font-size:14px;line-height:1.4em;color:#999999;}
.list1 .list1-title {margin-top:19px;font-size:18px;line-height:1.4em;color:#333333;}
.list1 .more-box-b {--dc:#999999;margin-top:30px;}
@media (max-width:1600px) {
  .list1 {--l1p:8px;--imgw:260px;}
  .list1 .list1-cont {padding:15px 30px;}
  .list1 .list1-title {margin-top:12px;font-size:16px;}
  .list1 .more-box-b {margin-top:20px;}
}
@media (max-width:1441px) {
  .list1 {--l1p:7px;--imgw:220px;}
  .list1 .list1-cont {padding:10px 20px;}
  .list1 .list1-title {margin-top:10px;font-size:14px;}
  .list1 .more-box-b {margin-top:10px;}
}
@media (max-width:1200px) {
  .list1 {--l1p:0.1rem;--imgw:3rem;}
  .list1 .list1-cont {padding:0.15rem 0.2rem;}
  .list1 .list1-title {margin-top:0.15rem;font-size:0.28rem;}
  .list1 .more-box-b {margin-top:0.15rem;}
}
.list2 {--lw:30%;}
.list2::after {content:'';width:var(--lw);}
.list2 .list2-li {margin-top:36px;width:var(--lw);}
.list2 .list2-li:nth-child(1),.list2 .list2-li:nth-child(2),.list2 .list2-li:nth-child(3) {margin-top:0;}
.list2 .list2-box {display:block;transform:translate(0,0);text-align:center;font-size:18px;line-height:1.4em;color:#333333;transition:all 0.3s;}
.list2 .list2-box:hover {transform:translate(0,-5px);color:#fd760a;}
.list2 .img-box {margin-bottom:15px;border-radius:10px;background-image:linear-gradient(180deg,#dcf7cc 0%,#f3faf0 100%);}
.list2 .img-box::before {padding-top:75%;}
@media (max-width:1600px) {.list2 {--lw:31%;}
.list2 .list2-li {margin-top:26px;}
}
@media (max-width:1200px) {
  .list2 {--lw:calc(50% - 0.07rem);}
  .list2 .list2-li {margin-top:0.2rem;}
  .list2 .list2-li:nth-child(3) {margin-top:0.2rem;}
  .list2 .list2-li:nth-child(1),.list2 .list2-li:nth-child(2) {margin-top:0;}
  .list2 .list2-box {font-size:0.26rem;}
  .list2 .img-box {margin-bottom:0.1rem;border-radius:0.15rem;}
}
.list3 {--l3p:40px;--imgw:300px;--btnw:48px;}
.list3 .list3-li {position:relative;padding-bottom:var(--l3p);}
.list3 .list3-li + .list3-li {padding-top:var(--l3p);}
.list3 .list3-box {box-shadow:0px 3px 13px 0px rgba(0,0,0,0);height:100%;transform:translate(0,0);transition:all 0.3s;}
.list3 .list3-box .img-box {border-radius:10px;width:var(--imgw);}
.list3 .list3-box .img-box::before {padding-top:70%;}
.list3 .list3-box .list3-cont {width:840px;max-width:calc(100% - var(--imgw) - var(--btnw));padding-left:40px;padding-right:15px;font-size:16px;line-height:1.4em;color:#666666;}
.list3 .list3-box .list3-cont .list3-time {display:block;}
.list3 .list3-box .list3-cont .list3-title {margin-top:2px;font-size:18px;font-weight:bold;line-height:1.4em;color:#333333;}
.list3 .list3-box .list3-cont .list3-des {--lh:1.75em;margin-top:14px;line-height:var(--lh);}
.list3 .list3-box .more-div {position:absolute;right:0;}
.list3 .list3-box .more-div .more-box {--size:34%;--fill:#ffffff;border-radius:50%;background-color:#cccccc;width:var(--btnw);height:var(--btnw);transition:all 0.3s;}
.list3 .list3-box::before,.list3 .list3-box::after {content:'';display:block;margin-bottom:calc(var(--l3p)*-1);position:absolute;left:0;bottom:0;width:0;height:1px;transition:width 0.3s;}
.list3 .list3-box::before {width:100%;background-color:#e5e5e5;}
.list3 .list3-box::after {background-color:#f57720;}
.list3 .list3-box:hover {transform:translate(0,-5px);}
.list3 .list3-box:hover .list3-cont .list3-title {color:#f57720;}
.list3 .list3-box:hover .more-div .more-box {background-image:linear-gradient(0deg,#f57720 0%,#e4e300 100%),linear-gradient(#9dc912,#f57720);background-blend-mode:normal,normal;}
.list3 .list3-box:hover::after {width:100%;}
@media (max-width:1600px) {
  .list3 {--l3p:30px;--imgw:280px;--btnw:44px;}
  .list3 .list3-box .list3-cont {padding-left:30px;}
  .list3 .list3-box .list3-cont .list3-title {font-size:22px;}
  .list3 .list3-box .list3-cont .list3-des {--lh:1.65em;margin-top:10px;}
}
@media (max-width:1200px) {
  .list3 {--l3p:0.3rem;--imgw:2.6rem;--btnw:0px;}
  .list3 .list3-box .img-box {border-radius:0.1rem;}
  .list3 .list3-box .list3-cont {padding-left:0.25rem;padding-right:0.1rem;font-size:0.24rem;}
  .list3 .list3-box .list3-cont .list3-title {margin-top:0;font-size:0.28rem;}
  .list3 .list3-box .list3-cont .list3-des {--lh:1.5em;margin-top:0.1rem;}
  .list3 .list3-box .more-div {display:none;}
}
.list4 .list4-li {border-top:1px solid #e6e6e6;padding-top:20px;font-size:18px;line-height:1.55em;color:#333333;transition:all 0.3s;}
.list4 .list4-li + .list4-li {margin-top:20px;}
.list4 .list4-box:hover {color:#fd760a;}
.list4 .list4-time {font-size:14px;line-height:1.4em;color:rgba(153,153,153,0.8);transition:all 0.3s;}
.list4 .list4-title {margin-top:5px;}
@media (max-width:1600px) {
  .list4 .list4-li {padding-top:15px;font-size:17px;line-height:1.4em;}
  .list4 .list4-li + .list4-li {margin-top:15px;}
}
@media (max-width:1200px) {
  .list4 .list4-li {padding-top:0.15rem;font-size:0.26rem;}
  .list4 .list4-li + .list4-li {margin-top:0.15rem;}
  .list4 .list4-time {font-size:0.24rem;}
  .list4 .list4-title {margin-top:0.05rem;}
}
.list5 {--br:10px;--pl:35px;--pr:50px;}
.list5 .list5-li {border-radius:var(--br);background:#ffffff;overflow:hidden;}
.list5 .list5-li + .list5-li {margin-top:18px;}
.list5 .list5-li:hover .list5-top,.list5 .list5-li.on .list5-top {background-color:#fd760a;color:#ffffff;}
.list5 .list5-li:hover .list5-top .self-svg,.list5 .list5-li.on .list5-top .self-svg {--fill:#ffffff;}
.list5 .list5-li:hover .list5-top .self-svg svg,.list5 .list5-li.on .list5-top .self-svg svg {transform:scaleY(1);}
.list5 .list5-li:hover .list5-top .title,.list5 .list5-li.on .list5-top .title {color:#ffffff;}
.list5 .list5-top {background:#f7f7f7;padding:23px var(--pr) 23px var(--pl);cursor:pointer;font-size:16px;line-height:1.6em;color:#999999;transition:all 0.3s;}
.list5 .list5-top .title {width:65%;font-size:20px;color:#333333;}
.list5 .list5-top .self-svg {--sw:1.25em;--fill:rgba(51,51,51,0.6);flex-shrink:0;}
.list5 .list5-top .self-svg svg {width:var(--sw);height:var(--sw);transform:scaleY(-1);transition:transform 0.3s;}
.list5 .list5-top .other {margin:0 15px;}
.list5 .list5-top .other .other-item + .other-item {margin-left:3em;}
.list5 .list5-cont {display:none;border-radius:0 0 var(--br) var(--br);border:solid 1px #e5e5e5;border-top:0 none;padding:32px var(--pr) 40px var(--pl);background-color:#ffffff;font-size:16px;line-height:1.75em;color:#666666;}
.list5 .list5-cont .tips {margin-top:8px;color:#999999;}
.list5 .list5-cont .tips a:hover {color:#fd760a;}
@media (max-width:1600px) {
  .list5 {--pl:30px;--pr:30px;}
  .list5 .list5-top {font-size:15px;}
  .list5 .list5-top .title {font-size:1.2em;}
  .list5 .list5-top .other {margin:0 10px;}
  .list5 .list5-top .other .other-item + .other-item {margin-left:2em;}
  .list5 .list5-cont {padding:2em 2.5em;line-height:1.9em;}
}
@media (max-width:1200px) {
  .list5 {--br:0.1rem;--pl:0.3rem;--pr:0.3rem;}
  .list5 .list5-li + .list5-li {margin-top:0.2rem;}
  .list5 .list5-top {padding:0.25rem var(--pr) 0.25rem var(--pl);flex-wrap:wrap;font-size:0.24rem;}
  .list5 .list5-top .title {width:calc(100% - 2em);font-size:1.2em;}
  .list5 .list5-top .other {order:2;margin:0.05rem 0 0 0;width:100%;}
  .list5 .list5-top .other .other-item + .other-item {margin-left:1em;}
  .list5 .list5-cont {padding:0.2rem var(--pr) 0.2rem var(--pl);line-height:1.8em;}
  .list5 .list5-cont .tips {margin-top:0.04rem;}
}