@charset "utf-8";
/*article*/
body { background: #ecebeb;}

/*MENU*/
#menu #index_left { display:none;}
#menu #index_right { display:none;}

/*TOP*/
#body_box { position:relative; width:90%; max-width: 1520px; min-width: 900px; padding: 120px 0 60px; margin: auto;}

#left_box { float:left; width:55%; padding: 40px 5% 60px; background: #fff;}
#left_box .title h1 { font-size: 28px; font-weight: bold; color: #333;}
#left_box .title h2 { font-size: 24px; font-weight: bold; color: #333;}
#left_box .title .info { font-size: 14px; color: #999; margin: 20px 0; border-bottom: 1px solid #eee; padding: 20px 0;}
#left_box .title .info span { margin: 0 10px;}
#left_box .content { font-size: 16px; line-height: 1.8em; color: #333; margin-top: 40px; text-align: justify;}
#left_box .content img { max-width: 100%;}
#left_box .content p { margin: 1em 0; text-indent: 2em;}

#right_box { float:right; width:26%; padding: 40px 3% 60px; background: #fff;}
#right_box .img_box { margin-bottom: 20px; background: #eee url(../images/news/topimg.jpg) no-repeat center; background-size: cover; height: 240px;}
#right_box .recommend { text-align: justify;}
#right_box .recommend h2 { font-size: 20px; font-weight: bold; color: #333; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
#right_box .recommend ul { margin: 0; padding: 0; list-style: none;}
#right_box .recommend li { margin-bottom: 10px; line-height: 1.8em; color: #666;}
#right_box .recommend li a { color: #333; font-size: 16px; font-weight: bold;}
#right_box .recommend li a:hover { color: #bc9b58;}
#right_box .recommend li a span { display: block; font-size: 12px; color: #999; font-weight: normal;}