/* 单页模块10 */ 
.p10 {  width: 100%;  float: left;  padding: 60px 0;  position: relative;  overflow: hidden;  background-size: cover;}
.p10 .box_title {  text-align: center;  width: 100%;  float: left;  font-size: 34px;  position: relative;}
.p10 .box_title h2 {  font-size: 32px;  color: #333;  font-weight: bold;  position: relative;  display: inline-block;}
.p10 .box_title h2:before {  width: 50px;  left: -70px;  height: 5px;  border-radius: 5px;  background: #f0f0f0;  content: "";  position: absolute;  top: 23px;}
.p10 .box_title h2:after {  width: 50px;  right: -70px;  height: 5px;  border-radius: 5px;  background: #f0f0f0;  content: "";  position: absolute;  top: 23px;}
.p10 .box_title p {  font-size: 15px;  margin-top: 10px;}
.p10 .box {  width: 100%;  float: left;  margin-top: 60px;}
.p10 .box .left {  width: 49%;  float: left;}
.p10 .box .left li {  padding: 10px 20px 10px 10px;  background: #f8f8f8;  float: left;  width: 100%;  display: flex;  align-items: center;  margin-bottom: 10px;}
.p10 .box .left li a {  display: block;}
.p10 .box .left li .img {  width: 230px;  flex-shrink: 0;}
.p10 .box .left li .img img {  width: 100%;}
.p10 .box .left li .text {  margin-left: 20px;}
.p10 .box .left li .text .title {  font-size: 18px;  font-weight: bold;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;}
.p10 .box .left li .text .desc {  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  margin-top: 5px;  line-height: 1.8;  color: #999;}
.p10 .box .right {  width: 49%;  float: right;  background: #fcf8f4;  padding: 13px 20px;}
.p10 .box .right ul li:nth-child(1) {  border: 0px;}
.p10 .box .right ul li {  padding: 13px 0;  border-top: 1px solid #f0f0f0;  font-size: 16px;}
.p10 .box .right ul li a {  display: block;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;}
.p10 .box .right ul li a:before {  content: "- ";}
.p10 .box .right ul li a:hover {  color: #f42b0b;}

@media screen and (max-width: 769px) {	
  .p10 {    padding: 30px 0;  }
  .p10 .box_title h2 {    font-size: 24px;  }
  .p10 .box_title h2:before {    content: none;  }
  .p10 .box_title h2:after {    content: none;  }
  .p10 .box {    margin-top: 30px;  }
  .p10 .box .left {    width: 100%;  }
  .p10 .box .left ul li .img {    width: 100px;  }
  .p10 .box .left ul li .title a {    font-size: 15px;  }
  .p10 .box .right {    width: 100%;  }
}