@charset "utf-8";
* { margin: 0px; padding: 0px; }
body { font-family:  "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; font-size: 12px; color: #000; line-height: 20px; background: #FFF; }
a { color: #000; text-decoration: none; }
a:hover { color: #3568CA; text-decoration: underline; }
ol, ul, li { list-style-type: none; }
img { border: none; vertical-align: top; }

.topNav { background: url(../images/b_1.jpg); clear: both; width: 100%; height: 50px; overflow: hidden; }
.logo { width: 75%; }
.logo span { display: block; width: 895px; margin: 0 auto; }

.head { background: #3669CA url(../images/b_2.jpg) no-repeat top right; clear: both; width: 100%; height: 220px; }
.headInfo { color: #FFF; width: 75%; }
.headInfo h1 { font-weight: bold; font-size: 38px; line-height: 48px; width: 895px; margin: 0 auto; padding: 42px 0 20px 0; }
.headInfo p { font-size: 16px; color: #FFF; line-height: 26px; width: 895px; margin: 0 auto; }

.wrap { width: 100%; }
.leftBox { float: left; width: 75%; }
.rightBox { background: #FAFAFA; float: right; width: 25%; }

.newsBox { width: 895px; margin: 0 auto; padding-top: 40px; position: relative; }
.indicate { background: url(../images/b_3.jpg) no-repeat left top; width: 22px; height: 11px; overflow: hidden; position: absolute; left: 40px; top: 0; }

.focusNews { border-bottom: 1px solid #EEE; width: 895px; height: 142px; overflow: hidden; margin-bottom: 50px; padding-bottom: 50px; position: relative; }
.focusNews ul { height: 142px; }
.focusNews li { float: left; width: 895px; height: 142px; overflow: hidden; }
.focusNews li i { float: left; margin-right: 20px; }
.focusNews li h2 { font-size: 24px; line-height: 24px; margin-bottom: 20px; }
.focusNews li p, .focusNews li p a { font-size: 16px; color: #666; line-height: 26px; }
.focusNewsBtn { position: absolute; right: 0; bottom: 50px; }
.focusNewsBtn button { border: none; float: left; width: 27px; height: 27px; overflow: hidden; margin-left: 5px; cursor: pointer; outline: none; }
.focusNewsNum { font-size: 14px; color: #999; line-height: 27px; float: left; }
.focusNewsNum span { color: #3568CA; }
.focusNewsLeftArr { background: url(../images/leftArr.png); }
.focusNewsLeftArr:hover { background: url(../images/leftArr_cur.png); }
.focusNewsRightArr { background: url(../images/rightArr.png); }
.focusNewsRightArr:hover { background: url(../images/rightArr_cur.png); }

.newsList { background: url(../images/b_6.gif) repeat-y 50px top; width: 895px; overflow: hidden; }
.newsList li { overflow: hidden; position: relative; }
.newsList .time { font-style: normal; font-size: 14px; color: #666; text-align: right; float: left; width: 40px; margin-right: 35px; }
.newsList .time span { font-size: 30px; line-height: 30px; display: block; }
.newsList .title { font-size: 24px; color: #333; line-height: 36px; display: inline; float: left; width: 275px; margin-right: 30px; }
.newsList .title a { color: #333; display: block; margin-bottom: 10px; }
.newsList .title a:hover { color: #3568CA; }
.newsList .title span { color: #FFF; display: block; width: 58px; height: 27px; overflow: hidden; }
.newsList .bigPic { background: url(../images/b_8.gif); }
.newsList .exclusive { background: url(../images/b_9.gif); }
.newsList .info { float: left; width: 515px; overflow: hidden; zoom: 1; }
.newsList .pic img { float: left; width: 245px; height: 150px; margin: 0 25px 20px 0; }
.newsList .pic .bigPic { width: 515px; height: 295px; }
.newsList .describe { font-size: 16px; color: #666; line-height: 26px; }
.newsList .describe a { color: #666; }
.newsList .dot { background: #FFF url(../images/b_7.gif) no-repeat center center; display: block; width: 6px; height: 14px; overflow: hidden; position: absolute; left: 48px; top: 0; z-index: 20; }
.newsList .line { border-bottom: 1px solid #EEE; clear: both; display: block; width: 820px; height: 1px; overflow: hidden; margin: 0 0 50px 75px; padding-top: 50px; }

.newsListMore { font-weight: bold; font-size: 14px; color: #999; line-height: 50px; text-align: center; border: 1px solid #EEE; width: 820px; height: 50px; overflow: hidden; margin-left: 73px; cursor: pointer; }
.newsListMore:hover { color: #333; background: #FAFAFA; }
.webTop { line-height: 36px; text-align: right; width: 820px; height: 36px; overflow: hidden; margin-left: 75px; padding-bottom: 40px; }
.webTop span { color: #999; cursor: pointer; }

.rightTitle { border-bottom: 1px solid #EEE; height: 60px; overflow: hidden; margin-bottom: 20px; }
.rightTitle i { font-style: normal; font-size: 20px; border-left: 3px solid #3669CA; display: inline; float: left; margin-top: 20px; padding-left: 10px; }
.rightTitle span { font-weight: normal; font-size: 12px; color: #666; background: url(../images/b_4.png) no-repeat left 3px; float: right; margin-top: 20px; padding-left: 20px; cursor: pointer; display: none; }
.rightTitle span:hover { color: #3568CA; background-image: url(../images/b_4_cur.png) }
.otherBox { width: 240px; margin: 0 auto; padding-top: 20px; }
.otherBox li { font-size: 14px; color: #333; line-height: 22px; background: url(../images/b_5.gif) no-repeat left 10px; padding: 0 0 10px 10px; }
.otherBox li a { color: #333; }
.otherBox li a:hover { color: #3568CA; }
.productBox { width: 240px; margin: 0 auto; }
.productBox li { border-bottom: 1px solid #EEE; margin-bottom: 20px; }
.productBox li img { width: 100%; }
.productBox li p { font-size: 14px; color: #666; line-height: 22px; padding: 10px 0 20px 0; }
.productBox li:last-child { border-bottom: none; }

.footer { font-size: 14px; color: #666; line-height: 28px; border-top: 1px solid #EFEFEF; text-align: center; clear: both; width: 100%; padding: 20px 0; }
.footer p, .footer a { color: #666; }

/*高版本浏览器用*/
@media screen and (max-width: 1255px) {
  .otherBox { display: none; }
  .wrap { width: 100%; }
  .leftBox, .logo, .headInfo { float: none; width: 100%; }
  .rightBox { float: none; width: 100%; }
  .productBox { width: 895px; }
  .productBox ul { overflow: hidden; }
  .productBox li { border-bottom: none; float: left; width: 170px; padding: 0 4px; }
}

/*低版本浏览器用*/
.low .otherBox { display: none; }
.low .wrap { width: 100%; }
.low .leftBox, .low .logo, .low .headInfo { float: none; width: 100%; }
.low .rightBox { float: none; width: 100%; }
.low .productBox { width: 895px; }
.low .productBox ul { overflow: hidden; zoom: 1; }
.low .productBox li { border-bottom: none; float: left; width: 170px; padding: 0 4px; }