.article_img{
	height: 400px;
}
.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, #2555FF, #2555FF);}
/*.left_menu_on{background:  linear-gradient(to right, #3971EB, #62A3F6);}*/
.left_menu_on{background:linear-gradient(180deg, #2555FF 0%, #2555FF 100%);
	border: 1px solid #2555FF;box-shadow: 0 3px 4px 0 #2555FF, inset 0 -2px 0 0 #2555FF;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 5px 5px 0 #2555FF;background-image:linear-gradient(180deg, #2555FF 0%, #2555FF 100%);;border:  1px solid #2555FF;border-radius: 3px;}

.article_img_title{
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 130px;
}

.article_img_title h4{
	font-size:36px;
	font-weight: 600;
}

.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:hover a{color:#0670ff;}
.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_dec:hover a{color:#0670ff;}

.aritcle_list:hover a{color:#0670ff;}

.aritcle_list:hover a{
	color:#0670ff;
}	
.aritcle_list:hover img{transform: scale(1.2);}

.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:#000E26;font-weight:500;background-color: #2847DD;padding:5px 30px; border: 1px solid #e9eaec;margin-bottom: 20px;
border-radius: 3px;float: right;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;}
	
.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{max-width: 1000px;margin: 0 auto;min-width: 400px;}
.detail_cate_name{
	font-weight: 600;
	font-size: 40px;
	color: #000000;
	text-align: center;
	margin-top:100px;
}

.where{font-size: 13px;padding:25px 0;color: #333;margin-top: 50px;}
/*.where span{font-size: 16px;color: #3971EB;}*/
.article_content{background-color: #fff;padding:0 85px; margin-bottom: 80px;}
.detail_title{text-align: center; padding:20px;padding-bottom: 0}
.detail_title h1{font-size: 36px;font-weight: 600;color: #333;margin-top: 50px;}
.detail_title p{padding-top:10px;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: 1000px;}
.article_link{max-width: 1000px;margin: auto;padding:50px;min-width: 400px;}
.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}