.banner{width: 100%}
.banner img{width: 100%; display: block;}

.about{width: 1240px; margin: 0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-top: 50px; padding-bottom: 50px;}
.about .about_left{width: 20%;}
.about .about_left .title{width: 100%; background: #416CA7; text-align: center; line-height: 60px; color: #fff; font-size: 20px; letter-spacing:1px;}
.about .about_left ul{width: 100%;}
.about .about_left ul li{width: 100%; padding-left: 20px; font-size: 18px; line-height: 60px; border-bottom: 1px solid #f5f5f5; position: relative;}
.about .about_left ul li:hover{background: #F5F8FA;}
.about .about_left ul li:hover:after{width: 2px; height: 100%; position: absolute; content: ""; background: #416CA7; left: 0; top: 0;}
.about .about_left ul li a{ display: block; color: #7b8a96;}
.about .about_left ul li:hover a{color: #333;}

.about .about_left ul li.cur{background: #F5F8FA;}
.about .about_left ul li.cur a{ display: block; color: #333;}
.about .about_left ul li.cur:after{width: 2px; height: 100%; position: absolute; content: ""; background: #416CA7; left: 0; top: 0;}


.about .about_right{width: 80%; padding-left: 2%;}
.about .about_right .content{width: 100%; position: relative; border-top: 2px solid #1E51A2; padding-top: 20px; display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.about .about_right .content:after{width: 300px; height: 2px; position: absolute; content: ""; background: #1E51A2; left: 0; top: 0;}
.about .about_right .content dl{width: 100%; font-size: 16px; line-height: 1.5;}
.about .about_right .content dl img{max-width: 100%;}

/*文章列表*/
.about .about_right .list{width: 100%; position: relative; border-top: 2px solid #1E51A2; padding-top: 20px; }
.about .about_right .list:after{width: 300px; height: 2px; position: absolute; content: ""; background: #1E51A2; left: 0; top: 0;}

.about .about_right .list li{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; font-size: 16px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #f0f0f0;}
.about .about_right .list li dl{width: 85%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.about .about_right .list li dd{width: 15%; text-align: right;}
.about .about_right .list li:hover a{color: #1E51A2}
/*详情*/
.show{width: 100%; position: relative; border-top: 2px solid #1E51A2; padding-top: 20px;}
.show:after{width: 300px; height: 2px; position: absolute; content: ""; background: #1E51A2; left: 0; top: 0;}
.show .show_con{background: #F9F9F9;width: 100%; padding:30px; margin-top: 50px;}
.show h1{ font-size: 24px; color: #000; font-weight: 500; padding-bottom: 20px; line-height: 30px; text-align: center;}
.show dl{ font-size: 14px; color: #999; padding-bottom:20px; text-align: center;}
.show dd{font-size: 16px; color: #666; line-height: 32px; padding-top: 10px;}
.show dd img{ max-width: 100%; }