﻿#swiper {  height: 384px; position: relative; clear: both; overflow: hidden;}
#swiper .swiper-item { position: absolute; left: 0; white-space: normal; width: 100%;}
#swiper .swiper-img { float: left; background-size: cover; background-position: center; height: 384px;  width: 100%; background-image: url(../img/banner-s.png)}

#content { width: 1400px; margin: 0 auto; }
#content .left { float: left; width: 88px; margin-top: -58px;}
#content .left .lb-title{ position: relative; background-color: #8C0000; height: 88px; width: 220px;}
#content .left .lb-title .title{  color: #FFFFFF; font-size: 24px; line-height: 1; padding: 32px 15px;}
#content .left .lb-title .shadow{ width: 165px; height: 44px; position: absolute; right: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2FFFFFFF,endColorstr=#2FFFFFFF); background-color: rgba(255,255,255,.2);}
#content .left .lb-title .shadow2{ position: absolute; right: 0; bottom: -54px; width: 220px; height: 54px;  background: #F8F8F8;}
#content .left .lb-subtitle { width: 220px; background-color: #F8F8F8; position: relative; cursor: pointer;}
#content .left .lb-subtitle li{ width: 200px; height: 66px; border-left: 20px solid #F8F8F8; list-style-type: none; text-align: center; }
#content .left .lb-subtitle li a{ display: block; text-align: center; line-height: 1; padding: 24px 0; font-size: 18px; color: #666666;}
#content .left .lb-subtitle .active{ width: 200px; background-color: #FFFFFF; border-left-color: #8C0000; list-style-type: none; text-align: center; font-size: 18px; color: #820000;}

#content .right { float: right;}
#content .right .article { width: 1143px; height: auto; padding-bottom: 70px;}
#content .right .article .article-title { width: 100%; padding: 25px 0; text-align: center; background: #EEEEEE; }
#content .right .article .article-title .title { display: inline-block; width: 750px; line-height: 1.5; color: #333333; font-size: 24px; font-weight: bold;  }
#content .right .article .article-title .info { margin-top: 10px; color: #666666; font-size: 14px; }
#content .right .article .article-title .info span{margin: 20px; }
#content .right .article .article-content { padding: 30px 40px; background: #FDFDFD; color: #333333;}

#content .right .article .article-related { padding: 10px 40px; background: #FDFDFD;}
#content .right .article .article-related .line{ height: 1px; background: #E5E5E5;}
#content .right .article .article-related .article-link { margin: 20px 0; display: block; position: relative;}
#content .right .article .article-related .article-link .tips { color: #333333; font-size: 16px; vertical-align: top;}
#content .right .article .article-related .article-link .title { display: inline-block; vertical-align: top; width: 650px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666666; font-size: 16px; cursor: pointer;}
#content .right .article .article-related .article-link .time { position: absolute; vertical-align: top; right: 0; color: #999999; font-size: 16px; }

#content .right .router {height: 77px; line-height: 77px; text-align: right; }