@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%; height: 50px; overflow: hidden; }
.logo span { display: block; width: 895px; margin: 0 auto; }

.head { background: no-repeat top center; background-size: cover; clear: both; width: 100%; position: relative; }
.pageBg { display: none; }
.pageBgpad { display: none; }
.headInfo i { text-align: center; display: block; height: 144px; overflow: hidden; }
.headInfo h1 { font-size: 48px; color: #FFF; line-height: 48px; text-align: center; padding: 60px 0; }
.headInfo h1 span { background-color: rgba(0,0,0,.4); padding: 0 10px; }
.headInfo p { font-size: 16px; color: #FFF; line-height: 26px; background: url(http://images.china.cn/images1/ch/2016newstemp/images/f_2.png) no-repeat top center; width: 608px; margin: 0 auto; padding: 0 95px; }
.headInfo p span { background-color: rgba(0,0,0,.4); display: inline-block; padding: 5px 10px; }
.pageNext { width: 45px; height: 22px; margin-left: -22px; position: absolute; left: 50%; bottom: 40px; cursor: pointer; }
.pageNext span { background: url(http://images.china.cn/images1/ch/2016newstemp/images/f_3.png); display: block; width: 45px; height: 22px; animation: pageArrow 1000ms ease infinite; -ms-animation: pageArrow 1000ms ease infinite; -moz-animation: pageArrow 1000ms ease infinite; -webkit-animation: pageArrow 1000ms ease infinite; }

.wrap { clear: both; width: 100%; overflow: hidden; zoom: 1; padding-top:30px; }
.leftBox { float: left; width: 72%; }
.rightBox { background: #FAFAFA; float: left; width: 25%; }

.newsBox { width: 895px; margin: 0 auto; position: relative; }
.focusNews { border-bottom: 1px solid #EEE; width: 895px; height: 423px; 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(http://images.china.cn/images1/ch/2016newstemp/images/leftArr.png); }
.focusNewsLeftArr:hover { background: url(http://images.china.cn/images1/ch/2016newstemp/images/leftArr_cur.png); }
.focusNewsRightArr { background: url(http://images.china.cn/images1/ch/2016newstemp/images/rightArr.png); }
.focusNewsRightArr:hover { background: url(http://images.china.cn/images1/ch/2016newstemp/images/rightArr_cur.png); }

.newsList { 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: 865px; 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(http://images.china.cn/images1/ch/2016newstemp/images/b_8.gif); }
.newsList .exclusive { background: url(http://images.china.cn/images1/ch/2016newstemp/images/b_9.gif); }
.newsList .info { float: left; width: 895px; 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 .newtime {float:left; width:880px; text-align:right; line-height:34px; color:#999}
.newsList .line { border-bottom: 1px solid #EEE; clear: both; display: block; width: 895px; height: 1px; overflow: hidden; margin: 0 0 50px 0; 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(http://images.china.cn/images1/ch/2016newstemp/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(http://images.china.cn/images1/ch/2016newstemp/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(http://images.china.cn/images1/ch/2016newstemp/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: 290px; padding: 0 4px; }

@-webkit-keyframes pageArrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-60%);
	}
	50% {
    opacity: 1;
    -webkit-transform: translateY(0);
	}
	100% {
    opacity: 0;
    -webkit-transform: translateY(60%);
	}
}


.swiper-slide span { position:absolute; left:0; bottom:0; width:98%; line-height:60px; font-size:24px; color:#FFF; padding-left:2%; background:url(http://images.china.cn/images1/ch/2018expo/images/d5_meng.png) repeat;}