@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(/uploads/image/iic2images/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(/uploads/image/iic2images/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(/uploads/image/iic2images/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: ; }
.focusnewsleftarr:hover { background: ; }
.focusnewsrightarr { background: ; }
.focusnewsrightarr:hover { background: ; }

.newslist { background: url(/uploads/image/iic2images/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(/uploads/image/iic2images/b_8.gif); }
.newslist .exclusive { background: url(/uploads/image/iic2images/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(/uploads/image/iic2images/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(/uploads/image/iic2images/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(/uploads/image/iic2images/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(/uploads/image/iic2images/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; }