*{ margin:0px; padding:0px;}

html, body, div, img, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, select, label, ul, ol, dl, li, dt, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
body, html { height:100%; width:100%; }
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { text-decoration:underline; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; clear:both; }
img { border:0; display:block; }
em { font-style:normal; }
hr { height:0; clear:both; }
.none { display:none; }
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* ===============================================================
Basic Swiper Styles 
================================================================*/

body{ background:#080825/* url(//www.xinhuanet.com/tech/2017csr/img/sectionbg.jpg) no-repeat top center*/; /*background:#080825 url(../img/sectionbg.jpg) top center;*/ /*-webkit-background-size: 100% 100%;  -moz-background-size: 100% 100%;  background-size:100%  100%;*/ webkit-background-size: 100% auto;  -moz-background-size: 100% auto;  background-size:100% auto;}
.domMobile { display:none!important; }
.domPC {display:block;}
.guidepic{ width:0px;}
.left{ float:left}
.right{ float:right}

.note { color: #fff; font-size: 16px; margin: 0 auto; text-align: center; line-height: 25px;}

.ifr_10{ width: 260px; height: 200px}

/* 评选奖项 */
.section{width:1100px; height:600px; height: auto!important; min-height: 600px; overflow: hidden;  margin:0px auto; /*background-color:#FFF;*/ position:relative; padding: 30px; border: 1px solid rgba(255,255,255,0.5);margin-top:60px; margin-bottom: 60px;}
.section .title{ margin: 0 auto; text-align: center; display: block; width: 380px; min-width: 380px; height: 90px;}
.section .title h3{color:#f6d095; font-size:28px; line-height:60px; /*font-weight: bold;*/ text-align: center; margin-bottom: 15px; display: block; float: left;}
.section .title span{ display: block; width: 85px;  float: left; margin-left: 15px; margin-right: 15px;}
.ifr_vote1{width:100%; height:500px; height: auto!important; min-height: 500px; overflow: hidden;}
.ifr_vote2{width:100%; height:3140px; height: auto!important; min-height: 3140px; overflow: hidden;}
.ifr_vote3{width:100%; height:830px; height: auto!important; min-height: 830px; overflow: hidden;}
.ifr_vote4{width:100%; height:500px; height: auto!important; min-height: 500px; overflow: hidden;}
.ifr_vote5{width:100%; height:2200px; height: auto!important; min-height: 2200px; overflow: hidden;}
.ifr_vote6{width:100%; height:1510px; height: auto!important; min-height: 1510px; overflow: hidden;}
.ifr_vote7{width:100%; height:2160px; height: auto!important; min-height: 2160px; overflow: hidden;}
.ifr_vote8{width:100%; height:500px; height: auto!important; min-height: 500px; overflow: hidden;}
.ifr_vote9{width:100%; height:850px; height: auto!important; min-height: 850px; overflow: hidden;}
.ifr_vote10{width:100%; height:2000px; height: auto!important; min-height: 2000px; overflow: hidden;}



.ifr_height_photo{width:680px; height:583px;}
.ifr_height_marquee{ width:400px; height:740px; /*background:rgba(0,0,0,0.6)*/background: rgba(20,40,80,0.5);border: 1px rgba(255,255,255,0.5) solid;}

/*顶部导航*/
.container { /*width: 1118px;*/ /*本次项目设计宽度*/width: 1162px;  margin: 0 auto;	margin-bottom:1px;}
.bg-red { background:rgba(0,0,0,0.6);  min-width: 1118px;}
.top-bar { height: 35px; color: #ababab; text-decoration: none; padding-left: 14px;}
.top-bar ul li { list-style: none; float: left; line-height: 35px;  margin-right: 8px; }
.top-bar ul li a {  margin-right: 5px; font-size: 14px;	color:#CCCCCC; }


/*PC浮动导航*/
.nav { position: fixed; /*top: 344px;*/ top: 350px;  z-index: 9999999; width: 170px; height: 550px; right: 40px;}
.nav .box { /*position: relative;*/}
.nav-cont { /*position: absolute; right: -330px; */width: 169px; height: 387px; padding-top: 25px; background-position: right center; background-repeat: no-repeat; background-image: url("../img/bg_slide.png");}
.nav-item { display: block; width: 141px; height: 46px; padding-bottom: 5px; margin-left: 4px; background-position: center top;  background-repeat: no-repeat; background-image: url("../img/button_blue_slide.png"); font-size: 18px; line-height: 42px; text-align: center; color: #ffffff; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; transition: all .2s ease 0s; cursor: pointer;}
.nav-on { font-weight: bold;text-decoration: none;}
.nav-item:hover { width: 144px; margin-left: 0; background-image: url("../img/button_green_slide.png"); color: #ffffff; font-weight: bold;	text-decoration: none;}

.toTop { position:absolute; top: 480px; width: 70px; height: 70px; background: url(../img/topback.png) no-repeat;  margin: 0px auto; margin-top: 5px; cursor: pointer; z-index: 99999999; right: 62px;}

.csrbox{background-position: center 560px; background-repeat: no-repeat; background-image: url("../img/csrbox-bg.jpg");}

.foot { height: 200px;/*  background-position: center top;  background-repeat: no-repeat;  background-image: url("../img/bg_foot_pc.jpg");*/}
.foot-box {  padding-top: 24px;  font-size: 16px;  line-height: 34px;  text-align: center;  color: #fff;  opacity: 0.6;}


/* 评选规则 投票方式 */
.section1{ width:1100px; height:500px; margin:0px auto; /*background-color:#FFF;*/ position:relative; margin-top:60px; margin-bottom: 60px; padding: 30px; border: 1px solid rgba(255,255,255,0.5)}
.section1 .left { /*border:solid 1px #d8e9f1; *//*padding:4px;*/  overflow:hidden; float:left; /*background-color:#FFF; width:680px; */ height:570px; margin: 0 20px; margin-right: 30px;}
.section1 .right{ width: 770px; /* height: 400px;*/ float:left; margin-left:20px;}
.section1 .right .intro{/*width:900px; height:90px; */padding:10px 20px; margin:0 auto; text-align:left; color:#FFFFFF; font-size:16px; line-height:30px; text-indent:2em; text-align:justify; margin-bottom:20px;}
.section1 .right .intro h2{ text-align:left; color:#f6d095; font-size:30px; line-height:60px; font-weight: bold;}
.section1 .right .intro p{/*width:900px; height:90px;*/  text-align:left; color:#FFFFFF; font-size:16px; line-height:33px; text-indent:2em; text-align:justify; /*margin-bottom:20px;*/}



/* 聚焦 轮动图 取消*/
.device { width: 100%; height:auto; position: relative; margin-bottom:10px; padding-bottom:10px; background-color:#FFF }
.device .arrow-left { background: url(//www.news.cn/politics/2015/images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -30px; width: 17px; height: 30px; z-index:5; }
.device .arrow-right { background: url(//www.news.cn/politics/2015/images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -30px; width: 17px; height: 30px; z-index:5; }
.swiper-container { height: 570px; width: 600px; }
.swiper-container img { width:600px; height:570px; }
.content-slide { padding: 20px; color: #fff; }
.pagination { position: absolute; left: 0; text-align: right; bottom:35px; width: 600px; height:570px; z-index:5; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #777; margin-right:8px; cursor: pointer; }
.swiper-active-switch { background: #fff; }
.swiper-slide { position:relative; float:left }
.swiper-slide .name { position:absolute; bottom:0; left:10px; z-index:5; height:35px; }
.swiper-slide .bg { position:absolute; bottom:0; left:0; background:#000; z-index:4; width:100%; height:35px; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; }
.swiper-slide .name a { color:#fff; line-height:35px; font-size:14px; height:35px; overflow:hidden; }

/* 社会责任中国行 */
.section2{ width:1000px; height:760px; margin:0px auto; /*background-color:#FFF;*/ position:relative; margin-top:20px;}

/*往届回顾 社会责任公益盛典*/
.section3{ width:1100px; /*height:850px;*/ margin:0px auto; /*background-color:#FFF;*/ position:relative; margin-top:20px; padding: 30px; border: 1px solid rgba(255,255,255,0.5)}
.section3 h2{color:#f6d095; font-size:30px; line-height:60px; font-weight: bold; text-align: center; margin-bottom: 15px;}

/*360轮动图 */
.p_cont { overflow: hidden; height: 342px; width: 1000px; position: relative; margin:0 auto; margin-bottom:10px;}
.tit { border-top: #5e2325 3px solid }
.tit h2 { height: 36px; width: 160px; background: url(../images/style_zxh_0513_title.png) no-repeat 10px 10px; float: left; text-indent: -999em }
#scrollBox { margin: 10px auto 0px; }
#scrollBox img { display: block }
.tit .more { float: right; padding-bottom: 0px; padding-top: 16px; padding-left: 0px; padding-right: 20px }
.tit h2 a { cursor: pointer; height: 36px; display: block }
.arrleft { overflow: hidden; cursor: pointer; height: 34px; width: 18px; background: url(//www.xinhuanet.com/tech/20150820CSRclass/img/arrow.png) no-repeat; position: absolute; outline-style: none; left: 5px; z-index: 3; display: block; line-height: 200px; top: 160px }
.arrright { overflow: hidden;  cursor: pointer; height: 34px; width: 18px; background: url(//www.xinhuanet.com/tech/20150820CSRclass/img/arrow.png) no-repeat; position: absolute; outline-style: none; left: 5px; z-index: 3; display: block; line-height: 200px; top: 160px }
.arrleft:hover { background-position: 0px -48px }
.arrright { background-position: -34px 0px; left: 980px }
.arrright:hover { background-position: -34px -48px }
.piclist { background: #fff;}
.title3 { overflow: hidden; height: 30px; width: 100%; position: relative; color: #fff; text-align: center; line-height: 30px; bottom:30px; font-size:16px }
.title3 a{ color:#FFFFFF;}
.bg { height:30px; width: 100%; background: #000; filter: alpha(opacity=60); margin-top: -30px; opacity: 0.6 }
.picdesc { display: none }

/*活动相关 轮动图 焦点新闻*/
.section4{ width:1100px; height:830px; margin:0px auto; /*background-color:#FFF;*/ position:relative;/* margin-top:20px;*/ padding: 30px; border: 1px solid rgba(255,255,255,0.5)}
.siderbar{width:1100px; height:100px; margin:0 auto; text-align:center; background: url(//www.xinhuanet.com/tech/2017csr/img/win.jpg) no-repeat; margin-bottom:20px;}

.section4 .right { float:right;  padding:0px; /*margin:0px 2px;*/ overflow:hidden;/*background-color:#FFF;*/ width:410px; padding-bottom:3px;}
.section4 .right .headline { /*border:solid 1px #e9e9e9; */ margin:0px 5px; /*padding:5px;*/ height: 575px; /*width:340px;*/ zoom:1; text-align:left; }
.section4 .right .headline ul{}
.section4 .right .headline li{ line-height:24px; margin-left:3px; font-size:14px; /*width:330px; *//*height:160px;*/ display:block; overflow:hidden; color:#666;}
.section4 .right .headline li p{ line-height:29px; /*margin-left:3px;*/ font-size:14px; /*width:330px;*/ /*height:120px;*/ display:block; overflow:hidden; color:#fff; text-indent:2em; margin-bottom: 20px;}
.section4 .right .headline li h4 a{ color:#f6d095; font-size:18px; line-height:50px; margin-left:4px;}
.section4 .right .headline li a{color:#f5b257; text-decoration:none; }