@charset "utf-8";
* { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; 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(http://images.china.cn/images1/ch/2016newstemp/images/b_1.jpg); clear: both; width: 100%; text-align: center; }
.head { background: no-repeat top center; background-size: cover; clear: both; width: 100%; position: relative; }
.headInfo h1 { font-size: 48px; color: #FFF; line-height: 48px; text-align: center; padding: 204px 0 120px 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; }
.headInfo h5 { display: none; }
.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%; }
.leftBox { width: 75%; margin: 0 auto; }
.rightBox { background: #FAFAFA; float: right; width: 25%; }
.newsBox { width: 895px; margin: 0 auto; padding-top: 40px; position: relative; }
.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: 10px; }
.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; padding-left: 75px; }
.newsList .title { font-size: 20px; color: #333; line-height: 26px; display: inline; float: left; width: 275px; margin-right: 30px; }
.newsList .title a { color: #333; }
.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: 515px; overflow: hidden; zoom: 1; }
.newsList .pic img { float: left; width: 515px; height: 295px; margin: 0 25px 20px 0; }
.newsList .describe { font-size: 16px; color: #666; line-height: 26px; }
.newsList .describe a { color: #666; }
.newsList .dot { background: #FFF url(http://images.china.cn/images1/ch/2016newstemp/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: 100%; height: 1px; overflow: hidden; margin: 0 0 50px 0; padding-top: 50px; }
.newsListMore { 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: 170px; 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%);
}
}