.articles{width: 1200px;margin: 0 auto;padding: 40px 0}
.aritcle_menu{width: 220px;float: left;}
.menu_list{width: 200px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #e9eaec;margin-bottom: 20px;background: linear-gradient(0deg, #f9f9fc 3%, #f2f2f7 92%);box-shadow: 0 3px 4px 0 rgba(44,71,146,.32), inset 0 -2px 0 0 #e1e3e8;
border-radius: 3px;}
.menu_list a{font-weight: 500; font-size: 16px;color: #333}
.menu_list:hover{background:  linear-gradient(to right, #3971EB, #62A3F6);}
/*.left_menu_on{background:  linear-gradient(to right, #3971EB, #62A3F6);}*/
.left_menu_on{background:linear-gradient(180deg, #648CFF 0%, #4172FA 100%);border: 1px solid rgba(51,100,237,.35);box-shadow: 0 3px 4px 0 rgba(44,71,146,.32), inset 0 -2px 0 0 #3262e6;border-radius: 3px;}
.left_menu_on a{color: #fff}
.menu_list:hover{box-shadow: 0 8px 20px 0 rgba(44,71,146,.2);background-image: linear-gradient(0deg, #f9f9fc 3%, #f2f2f7 92%);border: 1px solid #f3f3f8; transform: scale(1.01) translateY(-2px);}
.aritcle_content{float: left;width: 960px;margin-left: 20px;}

.left_menu_on:hover{box-shadow: 0 8px 20px 0 rgba(44,71,146,.32);background-image:linear-gradient(180deg, #648CFF 0%, #4172FA 100%);;border:  1px solid rgba(51,100,237,.35);border-radius: 3px;}


.aritcle_list{padding-bottom:0px;border-bottom: 1px #979797 dashed;margin-bottom:15px; }
.aritcle_list_left{float:left;width:730px;}
.aritcle_title{font-size: 22px;font-weight: 500;}
.aritcle_title a{color:#2C2E2E;letter-spacing:1px;}
.aritcle_title a span{font-size: 14px;color: #979797;float: right;}
.aritcle_dec{margin-top: 20px;font-weight:500;color: #2C2E2E;width: 625px;line-height: 30px;letter-spacing:1px;height: 60px;overflow: hidden;}

.aritcle_list_img{width: 220px;float: right;overflow: hidden;}
.aritcle_list_img img{width: 220px;height: 180px;transition: all 0.8s;}
.aritcle_list_img img:hover{transform: scale(1.2);}

.aritcle_more{margin-top: 30px;}
.aritcle_more img{width: 15px;margin-right:5px;}
.aritcle_more a{font-size: 12px; color: #2C2E2E;font-weight:500;background-color: #2847DD;padding:5px 30px; border: 1px solid #e9eaec;margin-bottom: 20px;background: linear-gradient(0deg, #f9f9fc 3%, #f2f2f7 92%);box-shadow: 0 3px 4px 0 rgba(44,71,146,.32), inset 0 -2px 0 0 #e1e3e8;
border-radius: 3px;float: right;}

.aritcle_more a:hover{box-shadow: 0 8px 20px 0 rgba(44,71,146,.2);background-image: linear-gradient(0deg, #f9f9fc 3%, #f2f2f7 92%);border: 1px solid #f3f3f8; transform: scale(1.01) translateY(-2px);}



.page{width: 100%;text-align: right;margin-top:25px; position: relative;}
.pagination{justify-content:flex-end; font-size: 12px;}
.page li a{border: 1px solid #E9EEF6; margin-left: 10px; color: #000E26; padding:2px 10px;display: block;}
.page li span{border: 1px solid #E9EEF6;margin-left: 10px; color: #000E26; padding:2px 10px;display: block;}
.page li a{color: #000E26;font-size: 12px;}
.page .active span{background-color: #2847DD; border: 1px solid #2847DD;font-size: 12px;}
.detail{width: 1200px;margin: 0 auto;}
.where{font-size: 16px;padding:25px 0;color: #333}
.where span{font-size: 16px;color: #3971EB;}
.detail_title{text-align: center; padding:20px;}
.detail_title h1{font-size: 36px;font-weight: 600;color: #333}
.detail_title p{padding-top: 40px;font-size: 13px;font-weight: 400;color: #333}
.detail_title p span{margin-left: 25px;}
.detail_content{border-top:1px dashed #979797; border-bottom:1px dashed #979797;padding:50px 0;letter-spacing:1px;font-size:18px;color:#333;}
.detail_content img{max-width: 1200px;}
.article_link{width: 1200px;margin: auto;padding:50px;}
.next_article{width: 50%;float: left;text-align: left;font-size: 14px;color: #333}
.after_article{width: 50%;float: left;text-align: right;font-size: 14px;color: #333}

.article_link a{color: #333}
.article_link a:hover{color: #2847DD}