/**
 * Copyright (c) 2015 Xinhuanet Inc. All rights reserved.
 *
 * @file   css/index.css
 * @author St. <st_sister@icloud.com>
 * @time   2015-11-20-13.32
 *         2015-11-24-16.19
 *         2015-11-26-11.29
 *         2015-11-27-10.22
 *         2015-11-27-13.36
 *         2015-11-27-16.36
 *         2015-12-01-09.41
 */
 
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container { /* Specify Swiper's Size: */ /*width:200px;
	height: 100px;*/ }
.swiper-slide { /* Specify Slides's Size: */ /*width: 100%;
	height: 100%;*/ }
.swiper-slide-active { /* Specific active slide styling: */ }
.swiper-slide-visible { /* Specific visible slide styling: */ }
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch { /* Stylize pagination button: */ }
.swiper-active-switch { /* Specific active button style: */ }
.swiper-visible-switch { /* Specific visible button style: */ }
/* hey we go! */
html,
body,
div,
p,
h1,
h2,
h3,
ul,
li { margin: 0; padding: 0 }
/* clearfix */
.part:after,
.col:after,
.list li:after,
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.oldie .part,
.oldie .col,
.oldie .list li,
.oldie .clearfix { zoom: 1; } /* ie6 ie7 */
body { font-family: \5FAE\8F6F\96C5\9ED1, Microsoft YaHei, Arial; font-size: 62.5%; color: #000; }
.safari body { font-family: PingHei, Helvetica Neue, elvetica, Arial, Verdana, sans-serif; }
/*.oldie body { font-family: SimSun; }*/

li { list-style-type: none }
a { text-decoration: none; outline: 0; color: #000 }
a:hover { color: #c53024 !important; }
a:hover span { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
img { border: 0; background-color: rgba(227,227,227,1.00); background-image: url(../img/loading.gif); background-position: center center; background-repeat: no-repeat; }
.left { float: left; }
.right { float: right; }
.footer { background-color:#e03e0b; color: #FFFFFF; width: 100%; text-align: center; font-size: 12px; line-height: 18px; padding: 10px 0; margin-top: 20px; }
.hide { display: none; }
/* topNav */
.topNav { width: 100%; z-index: 2; position: absolute; top: 0; font-size: 14px; line-height: 36px; background-color: rgba(255,255,255,0.75); text-align: center; /*font-family: SimSun*/ }
.topNav a { padding: 0 5px; color: #fb692d; text-align: center; }
/* .part */
.part { width: 980px; margin: 0 auto; }
/* col */
.col .sprite { float: left; }
.col .sprite-t0 { margin-top: 6px; }
.col .sprite-t2,
.col .sprite-t1 { margin-top: 18px; margin-left: 5px; }
.col .sprite-t9,
.col .sprite-t10,.col .sprite-t12,.col .sprite-t14 { margin-left: 5px; }
.col .sprite-t8,
.col .sprite-t11,
.col .sprite-t13,
.col .sprite-t7,
.col .sprite-t6,
.col .sprite-t5,
.col .sprite-t4,
.col .sprite-t3 { margin-top: 10px; margin-left: 5px; }
.col .line { display: block; height:25px; border-bottom: #176ab6 1px solid; width:135px; }
.col .more,
.col .more a,
.col a .more { font-size: 14px; color: #71869e; line-height:50px; }
.col .more { float: right; width: 50px; display: block; text-align: right; }
.col .more:hover,
.col .more a:hover,
.col a:hover .more { color: #00925a; text-decoration: underline; }
.col .colIn { position: absolute; top: 0; left: 50%; margin-left: -139px;  height:50px; }
.col .colIn_a { position: absolute; top: 0; left: 50%; margin-left: -139px;  height:50px; }
.col .colIn_b { position: absolute; top: 0; left: 50%; margin-left: -139px;  height:50px; }
/* bigTitle */
.bigTitle,
.bigTitle a { font-size: 20px; line-height: 50px; color: #c53024; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bigTitle a:hover { color: #7ad041; }









/* abs */
.abs { color: #000000; font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; }
/*.oldie .abs { font-family: SimSun; }*/
/* content */
.content { width: 100%; overflow: hidden; margin-bottom: 40px; }
/* list */
.list li { line-height:36px; font-size: 14px; position: relative;}
.list li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left:10px;}
.list .d { display: block; width: 5px; height: 5px; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; background-color:#c53024; overflow: hidden; position: absolute; top: 50%; left: 0; margin-top: -3px; }
.list li:hover .d,
.list li a:hover .d { background-color: #c53024; }
/* list2 */
.list2 li,
.list2 li a { color: #FFFFFF; font-size: 18px; }
.list2 li { background-color:#c53024; border-bottom: #FFFFFF 1px solid; line-height: 47px; font-size: 16px; padding: 0 15px; position: relative; cursor: pointer; }
.list2 li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list2 .d { display: none; border-left: 9px solid #c53024; border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-top: -8px; margin-right: -12px; top: 50%; right: 0; width: 0; height: 0; line-height: 0; font-size: 0; position: absolute; overflow: hidden; }
.list2 .active .d,
.list2 li:hover .d { display: block; }
.list2 .active,
.list2 li:hover { background-color:#feb378; }
/* bgGray */
.bgGray { background-color: #f0f0f0; }
/* pic */
.pic,
.pic img { height: 238px; }
.pic { position: relative; margin-bottom: 12px; }
.pic img { width: 100%; }
.pic .bg { position: absolute; bottom: 0; left: 0; background-color: #000000; z-index: 4; width: 100%; height: 42px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.pic a:hover .bg { /*background-color:#7ad041;*/ filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
.pic .name { display: block; color: #fff; width: 94%; line-height: 42px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left: 50%; margin-left: -47%; z-index: 5; }
.pic .name a { color: #FFFFFF; }
/* sprite */
.sprite { background-image: url(../img/spritesheet.PNG-8.png); background-repeat: no-repeat; display: block; }
.sprite-b0 { width: 387px; height: 154px; background-position: 0 0; }
.sprite-b1 { width: 265px; height: 84px; background-position: -387px 0; }
.sprite-b2 { width: 757px; height: 244px; background-position: 0 -154px; }
.sprite-b3 { width: 103px; height: 243px; background-position: 0 -408px; }
.sprite-b4 { width: 211px; height: 105px; background-position: -166px -428px; }
.sprite-b5 { width: 154px; height: 98px; background-position: -514px -408px; }
.sprite-ic0 { width: 81px; height: 33px; background-position: -652px 0; }
.sprite-ic1 { width: 103px; height: 49px; background-position: -652px -33px; }
.sprite-ic2 { width: 125px; height: 50px; background-position: -385px -84px; }
.sprite-t0 { width: 117px; height: 27px; background-position: -512px -84px; }
.sprite-t1 { width: 118px; height: 28px; background-position: -629px -84px; }
.sprite-t2 { width: 118px; height: 28px; background-position: -512px -112px; }
.sprite-t3 { width: 148px; height: 35px; background-position: -570px -112px; }
.sprite-t4 { width: 148px; height: 35px; background-position: -514px -506px; }
.sprite-t5 { width: 148px; height: 35px; background-position: -514px -541px; }
.sprite-t6 { width: 156px; height: 35px; background-position: -103px -573px; }
.sprite-t7 { width: 147px; height: 35px; background-position: -440px -576px; }
.sprite-t8 { width: 147px; height: 35px; background-position: -103px -611px; }

.sprite-t9 { width:330px; height:50px; background-position: -256px -619px; background:url(../img/hslj.png) no-repeat 0 0;}
.sprite-t10 { width:100px; height:50px; background-position: -255px -578px; background: url(../img/sp.png) no-repeat 0 0;}
.sprite-t11 { width:175px; height: 35px; background-position: -515px -575px; }
.sprite-t12 { width:300px; height:50px; background-position: -106px -541px; background: url(../img/tseams.png) no-repeat 0 0;}
.sprite-t13 { width: 290px; height:35px; background-position: -513px -114px; }
.sprite-t14 { width:260px; height:50px; background-position: -106px -541px; background: url(../img/vrsp.png) no-repeat 0 0;}
/* mainRender */
.mainRender { }
.mainRenderIn {}
.topHeightBlank { margin: 0 auto; overflow: hidden; height:400px; }
/* banner */
.top { width: 100%; position: absolute; z-index: 1; overflow: hidden; }
.top .banner { width: 100%; }
.top .banner,
.top .layer { width: 1920px; height: 432px; }
.top .banner { position: absolute; overflow: hidden; top: 0; left: 50%; margin-left: -960px; }
.top .layer { position: absolute; left: 0; top: 0; }
.top .b0 { z-index: 6 }
.top .b1 { z-index: 5 }
.top .b2 { z-index: 4 }
.top .b3 { z-index: 3 }
.top .b4 { z-index: 2 }
.top .b5 { z-index: 7 }
.top .b6 { z-index: 1; pointer-events: none; }
.top .b0 .sprite { top: 135px; left: 125px; }
.top .b1 .sprite { top: 116px; left: 610px; }
.top .b2 .sprite { top: 150px; left: 220px; }
.top .b3 .sprite { top: 189px; left: 866px; }
.top .b4 .sprite { top:50px; left:-30px; }
.top .b5 .sprite { top: 70px; left: 26px; }
.top .layer .sprite { position: absolute; }
.top .part { height: 432px; position: relative; }
/* topBg */

.top,
.top .banner,
.topBg { height:710px; background: url(../img/bg_htjkx.jpg) no-repeat scroll 50% 0; }
.topBg { width: 100%; position: absolute; z-index: 0; top: 0; }
.topBg .bg { width: 2520px; height: 813px; background-position: center top; background-repeat: no-repeat; position: absolute; margin-left: -1260px; top: 0; left: 50%; }
.topBg .bg0 { background-image: url(../img/bg0.jpg); }
.topBg .bg1 { background-image: url(../img/bg1.jpg); }
.topBg .bg2 { background-image: url(../img/bg2.jpg); }
.topBg .bg3 { background-image: url(../img/bg3.jpg); }
/* mainBox */
.mainBox { position: relative; z-index: 2; }
/* nav */
.nav { background-color:#e03e0b; height: 60px; line-height: 60px; overflow: hidden; font-size: 20px; text-align: center; opacity:0.8; }
.nav a { display: inline-block; width:15%; color: #FFF; }
.nav a.active,
.nav a:hover { background-color: #ffb5a4; }
.oldie .nav a { zoom: 1; }
/* main */
.main {background: #fff none repeat scroll 0 0; margin:0 auto; width:1000px; }
.main .part { margin-top:30px; }
/* part1 */
.part1 { height: 397px; overflow: hidden; padding-top: 18px; margin-top: 0 !important; }
.part1 .rot,
.part1 .rot .swiper-container { width: 598px; height: 397px; }
.part1 .rot { overflow: hidden; position: relative; }
.part1 .rot .pagination { position: absolute; text-align: right; left: -10px; bottom: 28px; width: 100%; z-index: 5; }
.part1 .rot .swiper-pagination-switch { display: inline-block; width: 5px; height: 5px; background: #b9b9b9; margin-right: 8px; cursor: pointer; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; }
.part1 .rot .swiper-active-switch { background: #930001; }
.part1 .rot .swiper-slide { position: relative; }
.part1 .rot .swiper-slide .bg { position: absolute; bottom: 0; left: 0; background: #000; z-index: 4; width: 100%; height: 62px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.part1 .rot .swiper-slide .name,
.part1 .rot .swiper-slide .name a { display: block; width: 83%; color: #fff; line-height: 62px; font-size: 20px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.part1 .rot .swiper-slide .name { position: absolute; bottom: 0; left: 10px; z-index: 5; }
.part1 .rot .swiper-slide:hover .bg { /*background-color:#7ad041;*/ filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
.part1 .rot .line { display: block; z-index: 5; width: 100%; height: 1px; border-top: #eeeeee 1px solid; position: absolute; left: 0; bottom: 61px; pointer-events: none; }
.part1 .rot .arrow-left { background: url(//www.xinhuanet.com/world/2015/images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 17px; height: 30px; z-index: 5; }
.part1 .rot .arrow-right { background: url(//www.xinhuanet.com/world/2015/images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 17px; height: 30px; z-index: 5; }
.part1 .right { width: 350px; }
.part1 .right .col {position: relative; height:50px;background:url(../img/jdxw.png) no-repeat;}
.part1 .right .col .line { position: absolute; top: 0; left:152px; }
.part1 .right .list { margin-left: 5px; }
.part1 .right .abs { -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; }
.part1 .right .abs:hover { height: 100px; }
/* part2 */
.part2 { margin-top: 25px; }


.part2 .col .line { position: absolute; top:5%; left: 0; width: 350px; }
.part2 .col .line1 { left: auto; right: 0; }
.part2 .col .colIn { margin-left: -125px; width:235px; background:url( //www.xinhuanet.com/energy/zshgmh/images161231/qysp.png);}

.part2 .col { height: 54px; position: relative; overflow: hidden; margin-bottom: 14px; }
.part2 .col .more,
.part2 .col .more a,
.part2 .col a .more { font-size: 16px; color: #71869e; line-height:50px; }
.part2 .col .more { float: right; width: 80px; display: block; }
.part2 .left { width:535px; overflow: hidden; }
.part2 .left .picBox {float: left; }
.part2 .left .pic,
.part2 .left .pic img { width:535px; height:220px; }
.part2 .left .pic { }
.part2 .left .text { width:245px; float: right; }
.part2 .left .text .bigTitle,
.part2 .left .text .bigTitle a { font-size: 18px; line-height: 42px; color: #c53024; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.part2 .left .text .bigTitle a:hover { color: #7ad041; }
.partT { padding:0 15px; margin-bottom: 8px; border-bottom: #a8a8a8 1px dashed; }
.part2 .left .text .abs { color: #000000; font-size: 14px; line-height: 22px; height:65px; overflow: hidden; text-indent: 2em; }
.part2 .left .text .absd { color: #000000; font-size: 14px; line-height: 22px; height:180px; overflow: hidden; text-indent: 2em; }
.part2 .left .text .partT:nth-child(1) { margin-top: -4px; }
.part2 .left .text .partT:nth-last-child(1) { border: none; margin: 0; }
.part2 .left .pic .name { display: block; color: #fff; width: 96%; line-height: 30px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left: 0; margin-left: 4px; z-index: 5; text-align: center; }
.part2 .left .pic .bg { height: 30px; }

.part2 .right .picBox {float:left; }
.part2 .right .pic,
.part2 .right .pic img { width:980px; height:400px; }
.part2 .right .pic { }
.part2 .right .text { width:245px; float: right; }
.part2 .right .text .bigTitle,
.part2 .right .text .bigTitle a { font-size: 18px; line-height: 42px; color: #c53024; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.part2 .right .text .bigTitle a:hover { color: #7ad041; }
.partT { padding:0 15px; margin-bottom: 8px; border-bottom: #a8a8a8 1px dashed; }
.part2 .right .text .abs { color: #000000; font-size: 14px; line-height: 22px; height:65px; overflow: hidden; text-indent: 2em; }
.part2 .right .text .absd { color: #000000; font-size: 14px; line-height: 22px; height:180px; overflow: hidden; text-indent: 2em; }
.part2 .right .text .partT:nth-child(1) { margin-top: -4px; }
.part2 .right .text .partT:nth-last-child(1) { border: none; margin: 0; }
.part2 .right .pic .name { display: block; color: #fff; width: 96%; line-height: 30px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left: 0; margin-left: 4px; z-index: 5; text-align: center; }
.part2 .right .pic .bg { height: 30px; }

.part2 .right { width:980px; }
.part2 .list li { font-size: 15px; padding-left: 15px; position: relative; }
/* part3 */
.part3 { }
.part3 .col { height: 50px; position: relative; margin-bottom: 14px; }
.part3 .col .line { position: absolute; top:5%; left: 0; width: 320px; }
.part3 .col .line1 { left: auto; right: 0; }
.part3 .col .colIn { margin-left: -124px; width:260px; background:url(//www.xinhuanet.com/energy/zshgmh/images161231/mljx.png);}
.part3 .col .colIn_a { margin-left: -148px; width:300px; background: url(../img/znqd.png);}
.part3 .col .colIn_b { margin-left: -125px; width:260px; background: url(//www.xinhuanet.com/energy/zshgmh/images161231/yxjj.png);}
/* part13 */
.part13 { }
.part13 .col { height: 50px; position: relative; margin-bottom: 14px; }
.part13 .col .line { position: absolute; top: 20%; left: 0; width: 330px; }
.part13 .col .line1 { left: auto; right: 0; }
.part13 .col .colIn { margin-left: -150px; width:295px; background: url(../img/gyea.jpg);}

/* part4 */
.part4 { }
.part4 .col { height: 50px; position: relative; margin-bottom: 14px; }
.part4 .col .line { position: absolute; top: 20%; left: 0; width:320px; }
.part4 .col .line1 { left: auto; right: 0; }
.part4 .col .colIn { margin-left: -144px; width:300px; background:url(../img/glczc.png);}
.part4 .content { height: 479px; overflow: hidden; }
.part4 .list2 { width: 343px; border-right:#feb378 3px solid; float: left; height: 100%; background:#c53024; }
.part4 .right { width: 511px; padding-right: 65px; padding-top: 32px; }
.part4 .right ul li { display: none; }
.part4 .right .pic { margin-bottom: 0; }
.part4 .right .pic,
.part4 .right .pic img { height:320px; }
.part4 .right .abs { height:90px; padding-top: 20px; font-size: 14px; line-height: 30px; }
/* part5 */
.part5 { }
.part5 .col { height: 50px; position: relative; margin-bottom: 14px; }
.part5 .col .line { position: absolute; top:5%; left: 0; width:300px; }
.part5 .col .line1 { left: auto; right: 0; }
.part5 .col .colIn { margin-left: -129px; width:260px; background:url(//www.xinhuanet.com/energy/zshgmh/images161231/dsj.png);}
.part5 .col .colIn_a { margin-left: -168px; width:340px; background:url(../img/eamdzs.jpg) ;}
.part5 .col .colIn_b { margin-left: -133px; width:275px; background:url(../img/wyhd.png) ;}
/* loadingTip */
.loadingTip { padding: 60px; font-size: 16px; text-align: center; margin: 0 auto; }
.loadingTip p { margin-bottom: 20px; }
/* iframe */
#iframe0 .content { height: 563px; position: relative; }
#iframe0 .content .mask { width: 980px; height: 518px; position: absolute; top: 0; left: 0; z-index: 2; }
#iframe1 .content { height: 624px; }
#iframe2 .content { height: 838px; }
/* ======================> tinyHui <======================== */
/* listPic */
.listPic { /*margin: 20px auto 0*/ }
.listPic li { width: 245px; height: 245px; overflow: hidden; float: left; position: relative; }
.listPic li img { width: 245px; height: 245px; }
.listPic li .tit { position: absolute; width: 245px; height: 245px; left: 0; top: 245px; background-color: rgba( 197, 48, 36, 0.7); -webkit-transition: top .3s; -moz-transition: top .3s; -ms-transition: top .3s; -o-transition: top .3s; transition: top .3s; }
.listPic li .tit_01 { position: absolute; width: 245px; height: 245px; left: 0; top: 245px; background-color: rgba( 61, 115, 1, 0.55); -webkit-transition: top .3s; -moz-transition: top .3s; -ms-transition: top .3s; -o-transition: top .3s; transition: top .3s; }
.listPic li .tit h3 { margin: 73px 45px 0; font-size: 16px; line-height: 25px; color: #fff; text-align: center; }
.listPic li .tit h3 a { color: #fff }
.listPic li .tit_01 h3 { margin: 73px 45px 0; font-size: 16px; line-height: 25px; color: #fff; text-align: center; }
.listPic li .tit_01 h3 a { color: #fff }
.oldie .listPic li .tit { background-color: #feb378; }
.listPic li.li01 .tit,
.listPic li.li03 .tit,
.listPic li.li06 .tit,
.listPic li.li08 .tit,
.listPic li a:hover .tit { display: block; top: 0; }

.listPic li.li01 .tit_01,
.listPic li.li03 .tit_01,
.listPic li.li06 .tit_01,
.listPic li.li08 .tit_01,
.listPic li a:hover .tit_01 { display: block; top: 0; }

.listPic li.li01 .tit,
.listPic li.li03 .tit { background-color:#feb378; }
.listPic li.li01 .tit_01,
.listPic li.li03 .tit_01 { background-color:#a5d950; }
.listPic li.li06 .tit,
.listPic li.li08 .tit { background-color: #fc6e51; }
.listPic li.li06 .tit_01,
.listPic li.li08 .tit_01 { background-color: #3d7301; }
.visualCon { /*width: 992px;*/ height: 435px; margin: 0px auto; position: relative; overflow: hidden; /*border: 4px solid #fff;*/ }
.visualCon ul li { width: 95px; height: 435px; border-left: 1px solid #fff; position: relative; overflow: hidden; float: left; }
.visualCon ul li .imgTop img { opacity: 1; width: 600px; height: 435px; }
.visualCon ul li .imgTop img.tm { opacity: 1; }
.visualCon ul li .imgCon { width: 600px; height: 435px; }
.visualCon ul li .imgCen { width: 600px; height: 50px; background: rgba(0,0,0,0.5); color: #fff; font-size: 20px; line-height: 50px; position: absolute; left: 0px; bottom: 0px; text-indent: 20px;/*display:none;*/ }
.oldie .visualCon ul li .imgCen { background: #00b279; }
.visualCon ul li .imgCen a { color: #fff; font-size: 20px; line-height: 50px; height: 50px; width: 600px; overflow: hidden; }
.visualCon ul li.first { width: 600px; }
.visualCon ul li.fast { position: absolute; right: 0px; bottom: 0px; }

/* iPhone4/5/5s */
@media(max-width:320px) {
}

/* iPhone6 & iPhone6 Plus */
@media(min-width:321px) and (max-width:375px) {
}

/* */
@media(min-width:376px) and (max-width:414px) {
}




.section {
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;  margin-left: auto;
    margin-right: auto;   
}
.layout, .section, .pft .copyright {
    width: 980px;
}

.section-title, .unit-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #c00;
    font-size: 20px;
}




.nativeSlide {
  position: relative;
  overflow: hidden;
  /*ul*/
  /*ul*/
}
.nativeSlide .list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: top 0.5s ease-in 0s;
  transition-property: top, left;
}
.nativeSlide .horizonal .item {
  float: left;
}
.nativeSlide .pager {
  position: absolute;
  z-index: 10;
}
.nativeSlide .pager a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}
.nativeSlide .nav-btn {
  position: absolute;
  top: 0;
  z-index: 1010;
  width: 100px;
  height: 100%;
  cursor: pointer;
  transition: 0.5s;
  background: url(//www.xinhuanet.com/auto/static/img/slidershow.nav.png) no-repeat 15px 50%;
}
.nativeSlide .next {
  right: 0;
  background-position: -85px 50%;
}
.nativeSlide .float-caption {
  position: relative;
  z-index: 1020;
  padding: 10px;
  margin-top: -40px;
  line-height: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  filter: alpha(opacity=70);
}


ul, ol {
    list-style: outside none none;
}
ul, ol, li, dl, dd {
    margin: 0;
    padding: 0;
}




.section-27 .nativeSlide {
    margin-top: 10px;
}
.section-27 .nativeSlide {
    overflow: hidden;
    position: relative;
}


.section-27 .mod .topic {
    height: 2em;
    line-height: 2;
    overflow: hidden;
}

.section-27 .nativeSlide {
  width: 980px;
  height: 500px;
  background-color: #222;
}
.section-27 .nativeSlide .item {
  width: 980px;
  height: 500px;
}
.section-27 .nativeSlide .topic {
  text-indent: 15px;
  background-color: #222;
  padding-top: 10px;
  font-size: 16px;
  color:#fff;
}
.section-27 .nativeSlide .topic a {
  color:#fff;
}
.section-27 .nativeSlide .topic a:hover {
  color:#b30000;
}
.section-27 .nativeSlide .caption {
  padding: 0 130px 0 15px;
  height: 50px;
  line-height: 1.8;
  color: #ccc;
  text-align: left;
  overflow: hidden;
}
.section-27 .nativeSlide .count-box {
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: 1010;
  padding: 20px 20px 0 0;
  width: 90px;
  height: 60px;
  border-left: 1px solid #333;
  background-color: #222;
  text-align: right;
  font-size: 20px;
  line-height: 22px;
  color: #666;
}
.section-27 .nativeSlide .count-box big {
  font-size: 150%;
  font-family: Arial,Verdana,sans-serif;
  color: #eee;
}
.section-27 .nativeSlide .count-box small {
  font-size: 75%;
}


.section-7 .nativeSlide {
  width: 980px;
  height: 500px;
  background-color: #222;
}
.section-7 .nativeSlide .item {
  width: 980px;
  height: 500px;
}
.section-7 .nativeSlide .topic {
  text-indent: 15px;
  background-color: #222;
  padding-top: 10px;
  font-size: 16px;
  color:#fff;
}
.section-7 .nativeSlide .topic a {
  color:#fff;
}
.section-7 .nativeSlide .topic a:hover {
  color:#b30000;
}
.section-7 .nativeSlide .caption {
  padding: 0 130px 0 15px;
  height: 50px;
  line-height: 1.8;
  color: #ccc;
  text-align: left;
  overflow: hidden;
}
.section-7 .nativeSlide .count-box {
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: 1010;
  padding: 20px 20px 0 0;
  width: 90px;
  height: 60px;
  border-left: 1px solid #333;
  background-color: #222;
  text-align: right;
  font-size: 20px;
  line-height: 22px;
  color: #666;
}
.section-7 .nativeSlide .count-box big {
  font-size: 150%;
  font-family: Arial,Verdana,sans-serif;
  color: #eee;
}
.section-7 .nativeSlide .count-box small {
  font-size: 75%;
}

.section-7 .list li a{ margin-left:0;}


.section-5 .mod-card .article,  .section-5 .mod-card, .section-15 .mod-card {
  *zoom: 1;
}
.section-5 .mod-card .article:before, .section-5 .mod-card:before, .section-5 .mod-card .article:after, .section-5 .mod-card:after, .section-15 .mod-card:after {
  content: "";
  display: table;
}
.section-5 .mod-card .article:after, .section-5 .mod-card:after, {
  clear: both;
}


.section-5 .mod-card .topic{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section-5 { content: "";
    display: table; clear: both;}
	
.section-5 .mod-card {
  padding: 10px;
  width: 470px; float:left;
}
.section-5 .mod-card .media {
  margin-top: -30px; float:left;
}
.section-5 .mod-card .media img {
  width:186px;
  height:123px;
}
.section-5 .mod-card .topic {
  text-indent: 210px;
}
.section-5 .mod-card .abstract {
  height: 95px;
  padding-left: 25px;    color: #444; font-size: 14px;
    line-height: 1.8;
    overflow: hidden;
}
.section-5 .mod-card .abstract a {
  color:#c00;
}
.section-5 .mod-card .abstract a:hover {
  color:#b30000;
}

.section-5 .mod h3{color: #c00; font-size:18px;}
.mod .topic a {
    color:#f2733a;
}	

.section-5 .mod-card .topic{
  height: 2em;
  line-height: 2;
  text-align: left;
  width: 100%;
}
.section-5 .mod-card .media a, .section-6 .col-2 .mod-card .media a {
  display: block;
  overflow: hidden;
  float: left;
  display: inline;
}
.section-5 .mod-card .media a img, .section-6 .col-2 .mod-card .media a img {
  transition: 0.5s;
}
.section-5 .mod-card .media a img, .section-6 .col-2 .mod-card .media a img {
  display: block;
}
.section-5 .mod-card .media a:hover img, .section-6 .col-2 .mod-card .media a:hover img {
  transform: scaleX(1.2) scaleY(1.2);
  
}


.pft {
  background-color: #fff;
  color: white;
  height: 90px;
  text-align: center;
  color: #666;
  border-top: 3px solid #176ab6;
}
.pft a {
  color: white;
}
.pft .copyright {
  font-size: 12px;
  line-height: 90px; margin:0 auto;
}
.pft a {
  color: #c00;
}

#top-bar{ display:none;}




.iframe-mod {
  border:1px solid #09f;
}
.iframe-pad-big {
  margin: 10px auto 5px;
  overflow-y:hidden;
  width:968px;
}
.iframe-pad-small {
  margin: 10px auto 5px;
  overflow-x:hidden;
  width:468px;
  height:700px;
}
.iframe-row-3 {
  width:100%;
  height:780px;
}



.part5 .mainBox { width: 980px; margin: 0 auto; background: #fff; padding: 10px; }