.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_right{width: 80%; padding-left: 2%;}
.about .about_right .content{width: 100%; position: relative; border-top: 2px solid #416CA7; padding-top: 20px; line-height: 30px; font-size: 16px;}
.about .about_right .content:after{width: 300px; height: 2px; position: absolute; content: ""; background: #416CA7; left: 0; top: 0;}
.about .about_right .content img{max-width: 100%;}

.about .about_right .content ul{width: 100%; position: relative;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.about .about_right .content li{width: 32%; margin-right: 2%; margin-bottom: 20px;cursor:pointer}
.about .about_right .content li:nth-child(3n){margin-right: 0;}
.about .about_right .content li dl{width: 100%;}
.about .about_right .content li dl img{width: 100%; display: block;}
.about .about_right .content li dd{width: 100%; text-align: center; font-size: 16px; padding-top: 15px;background: #fafafa; padding-bottom: 15px;}

.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 .licheng{width: 100%;}
.about .about_right .licheng li{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%;}
.about .about_right .licheng li .title{width:11%;font-size:18px; line-height: 1; color: #416CA7; font-weight: bold;}

.about .about_right .licheng li .info{width: 89%; position: relative; padding-left: 50px; padding-bottom: 20px;}
.about .about_right .licheng li:last-child .info{padding-bottom: 0;}
.about .about_right .licheng li .info::after{ content: ""; position: absolute; width: 1px; height: 100%; border-left: 1px dashed #ccc; left: 12px; top: 6px;}
.about .about_right .licheng li:last-child .info::after{display: none;}
.about .about_right .licheng li .info::before{content: "";position: absolute; width:10px; height: 10px; border-radius: 50%; border: 2px solid #416CA7; top: 6px; left: 7px;background: #fff; z-index: 2;}
.about .about_right .licheng li .info .txt{width: 100%; padding-bottom: 20px;}
.about .about_right .licheng li .info .txt dl{width: 100%; font-size: 24px; line-height: 1;padding-bottom: 10px; text-align: left;color: #004bc4;font-weight: bold;}
.about .about_right .licheng li .info .txt dd{width: 100%; font-size: 16px; line-height: 1.6;padding-bottom: 20px; text-align: left;}

.about .about_right .licheng li .info ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width: 100%;}
.about .about_right .licheng li .info ul .images{ width: 32%; margin-right: 2%;margin-bottom: 2%;}
.about .about_right .licheng li .info ul .images:nth-child(3n){margin-right: 0;}
.about .about_right .licheng li .info ul .images dl{width: 100%}
.about .about_right .licheng li .info ul .images dl img{width: 100%; display: block;}
.about .about_right .licheng li .info ul .images dd{text-align: center;width: 100%; font-size: 14px; line-height: 1.5; padding-top: 5px;}


/*文章列表*/
.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%; }