﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td{margin:0; padding:0; border: 0;}
body{font-family:'Microsoft YaHei',Arial,Verdana,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;}
address, caption, cite, code, dfn, em, i, th, var { font-style:normal; font-weight:normal;}
a{text-decoration:none; outline:none;/* 取消IE下点击出现虚线框 */blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none;}
img{ border:none;vertical-align: top;}
dl,ol,ul,li{list-style:none;}
input, textarea, select, button{font:14px Microsoft YaHei,Verdana,Helvetica,Arial,sans-serif;}
table{border-collapse:collapse;/* 设置表格的两边框合并为一条 */}
.clearfix:after{content: ""; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{ *zoom:1; }
.word-W{word-wrap:break-word;/* 允许长单词换行到下一行 */word-break:break-all;/* 允许在单词内换行 */}

.wrap { width: 100%; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }

.w1286 { width: 1102px; overflow: hidden; margin: 0 auto; padding: 0px 92px; }



/* banner */
body { min-width: 1260px; background: url("6765868.jpg") no-repeat center top; }

.mar-top720 { margin-top: 720px; }

.content { width: 100%; overflow: hidden; background: url("6765870.png") no-repeat center top; }


/* 导航 */
.nav { overflow: hidden; height: 88px; margin: 52px 0px 0px 0px; background: url("6765883.png") no-repeat center; }
.nav ul { width: auto; overflow: hidden; margin: 22px 0px 0px 50px; }
.nav ul li { padding: 10px 28px; float: left; }
.nav ul li a { display:block; width: 100%; text-align: center; float: left; line-height: 20px; font-size: 20px; color: #fff; }
.nav ul li a b { display: block; height: 20px; line-height: 20px; }
.nav ul li:hover { border-radius: 55px; color: #fff; background: #8a0000;}
.nav ul li.last{ margin-right: 0; }


.content-box { width: 100%; overflow: hidden; }


/* 新闻动态 */
.one-center-top { padding: 0px 80px; text-align: center; margin: 52px 0px 56px 0px; }
.one-center-top a { font-size: 36px; line-height: 45px; color: #000000; position: relative; }
.one-center-top a:after { content: ''; position: absolute; left: -95px; top: -8px; display: block; width: 63px; height: 63px;
 background: url("6765892.png") no-repeat center; }

.one-center-bottom .left { width: 642px; height: 430px; }
.one-center-bottom .left img{ width: 100%; height: 430px; }

.one-center-bottom .right { width: 425px; overflow: hidden; margin-top: -16px; }
.one-center-bottom .right .right-list { overflow: hidden; }
.one-center-bottom .right .right-list ul li { width: 100%; overflow: hidden; padding: 9px 0px 5px 0px;
 border-bottom: solid 1px #e0e3ea; }
.one-center-bottom .right .right-list ul li .r-list-top { font-size: 12px; color: #a50000; }
.one-center-bottom .right .right-list ul li .r-list-top span{ display: inline-block; }
.one-center-bottom .right .right-list ul li .r-list-top span:last-child { display: inline-block; margin: 8px 0px 8px 8px; line-height: 13px;
 padding-left: 10px; border-left: solid 1px #af3c3e; }
.one-center-bottom .right .right-list ul li .r-list-bottom { line-height: 30px; font-size: 14px; background: url("6765882.png") no-repeat center right; }
.one-center-bottom .right .right-list ul li a { display: block; color: #333333; }

.one-center-bottom .right .right-img-list { width: 460px; overflow: hidden; padding-top: 20px;}
.one-center-bottom .right .right-img-list ul li { width: 205px; height: 130px; float: left; margin-right: 15px; position: relative; }
.one-center-bottom .right .right-img-list ul li img { width: 100%; height: 130px; }
.one-center-bottom .right .right-img-list ul li:last-child { margin-right: 0; }
.one-center-bottom .right .right-img-list ul li:after { content: ''; background: url("6765895.png") no-repeat center rgba(0,0,0,0.5); background-size: 30%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.one-center-bottom .right .right-img-list ul li:hover:after { display: none; }


.con-two-box, .con-three-box, .con-four-box, .con-five-box, .con-six-box, .con-seven-box { width: 100%; overflow: hidden; }


/* 直播现场 */
.two { overflow: hidden; color: #fff;}
.all-title-box { width: 100%; overflow: hidden; text-align: center; margin: 80px 0px 20px 0px; }

.two .con-two-box .left { width: 440px; height: 310px; padding: 30px 0px 30px 30px; color: #333; background: #fff; }
.two .con-two-box .left span { display: block; width: 100%; height: 310px; overflow-y: scroll; }
.two .con-two-box .scorll-box { width: 10px; height: 370px; float: left; background: #fff; }
.two .con-two-box .left span::-webkit-scrollbar {
 /*滚动条整体样式*/
 width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
 height: 1px;
}
.two .con-two-box .left span::-webkit-scrollbar-thumb {
 /*滚动条里面小方块*/
 border-radius: 10px;
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 background: #a50000;
}
.two .con-two-box .left span::-webkit-scrollbar-track {
 /*滚动条里面轨道*/
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 background: #ededed;
}

.two .con-two-box .right { width: 580px; height: 370px; position: relative; }
.two .con-two-box .right img { width: 100%; height: 370px; }
.two .con-two-box .right:after { content: ''; background: url("6765895.png") no-repeat center rgba(0,0,0,0.5); background-size: 10%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.two .con-two-box .right:hover:after { display: none; }



/* 梦想成就 */
.three .all-title-box { margin-top: 110px; }
.three .con-three-box { height: 380px; }



/* 科普课堂 */
.four .all-title-box { margin-top: 76px; }
.four .con-four-box { height: 480px; }
.four .con-four-box .left { width: 590px; height: 480px; }
.four .con-four-box .right { width: 460px; height: 480px; }
.four .con-four-box .right .r-four-top { width: 100%; height: 215px; }
.four .con-four-box .right .r-four-top ul { width: 110%; }
.four .con-four-box .right .r-four-top ul li { width: 210px; height: 215px; float: left; margin-right: 40px; position: relative; }
.four .con-four-box .right .r-four-top ul li img { width: 100%; height: 215px; }
.four .con-four-box .right .r-four-top ul li:last-child { margin-right: 0px; }

.four .con-four-box .right .r-four-top ul li:after { content: ''; background: url("6765895.png") no-repeat center rgba(0,0,0,0.5); background-size: 30%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.four .con-four-box .right .r-four-top ul li:hover:after { display: none; }

.four .con-four-box .right .r-four-bottom { width: 100%; margin-top: 15px; }
.four .con-four-box .right .r-four-bottom ul li { width: 100%; line-height: 35px; text-align: left; color: #020202; font-size: 16px; text-indent: 1em;
 position: relative; }
.four .con-four-box .right .r-four-bottom ul li:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #b12121; }
.four .con-four-box .right .r-four-bottom ul li a { color: #020202; }
.four .con-four-box .right .r-four-bottom ul li span { font-size: 12px; color: #505154; }


/* 视点声音 */
.five .all-title-box { margin: 76px 0px 11px 0px; }
.five .con-five-box { height: 135px; }
.five .con-five-box ul { width: 110%; overflow: hidden; }
.five .con-five-box ul li { width: 510px; line-height: 35px; float: left; margin-right: 90px; text-align: left; color: #020202; font-size: 16px; text-indent: 1em;
 position: relative; }
.five .con-five-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #b12121; }
.five .con-five-box ul li a { color: #020202; }



/* 文化创意 */
.six .con-six-box { position: relative; }
.six .all-title-box { margin: 70px 0px 20px 0px; }
.six .con-six-box .left {width: 305px; }
.six .con-six-box .left .pic { width: 305px; height: 395px; overflow: hidden; }
.six .con-six-box .txt { width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; background: #ca001f; }
.six .con-six-box .txt a { color: #fff; }
.six .con-six-box .left img { width: 305px; height: 395px; }

.six .con-six-box .right { width: 760px; height: 435px; overflow: hidden; }
.six .con-six-box .right ul { width: 110%; }
.six .con-six-box .right li { width: 225px; height: 200px; margin: 0px 42px 33px 0px; float: left; overflow: hidden; display: none; }
.six .con-six-box .right li img { width: 100%; height: 165px; }

.six .con-six-box .hyh-btn { width: 225px; height: 200px; background: #163580; color: #fff; text-align: center; position: absolute; bottom: 0px; right: 0;
 cursor: pointer; }
.six .con-six-box .hyh-btn img { margin-top: 60px; }

.six .con-six-box > .cur img { transform: rotate(180deg); transition: transform .3s ease 0s; }
.six .con-six-box .hyh-btn p { line-height: 35px; }
.con-six-box li img{
 -webkit-transition: transform 1.3s;
 -moz-transition: transform 1.3s;
 -o-transition: transform 1.3s;
 -ms-transition: transform 1.3s;
 -webkit-perspective: 1000;
 -webkit-backface-visibility: hidden;
 -moz-perspective: 1000;
 -moz-backface-visibility: hidden;
 -o-perspective: 1000;
 -o-backface-visibility: hidden;
 -ms-perspective: 1000;
 -ms-backface-visibility: hidden;
}
.con-six-box li:hover img {
 -webkit-transform: scale(1.06);
 -moz-transform: scale(1.06);
 -o-transform: scale(1.06);
 -ms-transform: scale(1.06);
 transition: all 1s;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 -ms-transition: all 1s;
}


/* 历程图说 */
.seven { margin-bottom: 115px; }
.seven .all-title-box { margin: 60px 0px 26px 0px; }
.seven .con-seven-box { width: 100%; height: 330px; margin: -20px auto 0; position: relative; }
.seven .con-seven-box .lunbo-box { width: 800px; height: 330px;margin: 0 auto;position: relative;}
.seven .con-seven-box .swiper-container { width: 100%; height: 350px; padding: 0px 135px 0px 135px; margin-left: -152px; color: #fff; text-align: center;overflow: hidden;position: relative;}
.seven .con-seven-box .swiper-slide { position: relative; }
.seven .con-seven-box .swiper-slide .top { position: absolute;left: 50%; bottom: 88px;z-index: 9999;width: 300px;height: 213px;margin-left: -152px;float: left;border-radius: 15px; }
.seven .con-seven-box .top-content { width: 285px; height: 195px;padding: 2px;float: left;border-radius: 15px;background: #ca001f;}
.seven .con-seven-box .swiper-slide .top .top-img { width: 100%;height: 170px;float: left;overflow: hidden;border-radius: 15px;}
.seven .con-seven-box .swiper-slide .top .top-img img {width: 100%;height: 170px;}
.seven .con-seven-box .swiper-slide .top .top-title {width: 100%;height: 23px;float: left;line-height: 25px;overflow: hidden;color: #fff;text-align: center;}
.seven .con-seven-box .swiper-slide .bottom { position: absolute; left: -4px;bottom: 20px;padding: 0px 23%;height: 65px;line-height: 25px;font-size: 14px;float: left;text-align: center;color: #ca001f;}
.seven .con-seven-box .swiper-slide .bottom span { display: block; width: 130%; overflow: hidden; margin-top: 20px; margin-left: -2%; }
.seven .con-seven-box .swiper-slide .bottom span a {color: #ca001f;}
.seven .con-seven-box .time-border {content: "";display: block;position: absolute;bottom: 55px;left: 50%;margin-left: -48%;width: 96%;height: 1px;background: #cacaca;}
.seven .con-seven-box .swiper-slide .bottom:before {content: "";display: block;position: absolute;left: 50%;top: 5px;z-index: 999;width: 10px;height: 10px;margin-left: -5px;border-radius: 50%;background: #6fbafc;}
.seven .con-seven-box .arrow-left { background: url(6765875.png) no-repeat left top; position: absolute;left: -160px; bottom: 50px;z-index: 9999;margin-top: -15px;width: 24px;height: 15px;}
.seven .con-seven-box .arrow-right {background: url(6765876.png) no-repeat left bottom;position: absolute;right: -160px; bottom: 48px;z-index: 9999;margin-top: -15px;width: 24px;height: 15px;}
.seven .con-seven-box .pagination { display: none;position: absolute;z-index: 20;left: 10px;bottom: 10px;}
.seven .con-seven-box .swiper-pagination-switch { display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #222;margin-right: 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.seven .con-seven-box .swiper-visible-switch { background: #aaa; }
.seven .con-seven-box .swiper-active-switch { background: #fff; }
.seven .con-seven-box .swiper-slide:hover .top{ bottom: 103px;transform: scale(1.1);z-index: 99999;transition:all .2s ease;}
.seven .con-seven-box .swiper-slide:hover .top .top-content { -moz-box-shadow: 0px 0px 5px #fff; /* 老的 Firefox */box-shadow: 0px 0px 5px #fff;}
.seven .con-seven-box .swiper-slide:hover .bottom:before{ width: 16px;height: 16px;background: #e75329;transition:all .3s ease;margin-left: -8px;margin-top: -4px;}



.footer{ text-align: center; height: 119px; line-height: 119px; font-size: 12px; color: #fffffe; }
.footer span{ padding: 0 20px; }



/* 列表页 */
.url-box { width: 100%; overflow: hidden; line-height: 60px; }
.url-box a { color: #333; }

.list-style { overflow: visible; float: left; margin-bottom: 50px; } 

.news-list-box { width: 100%; overflow: visible; padding: 20px 0px 60px 0px; }
.news-list-box .w1286 { position: relative; overflow: visible; }
.news-list-box .w1286:after { content: ''; position: absolute; left: 0px; bottom: -126px; width: 100%; height: 109px;
 background: url("6765881.png") no-repeat center; }
.news-list-box ul li { width: 100%; line-height: 35px; text-align: left; color: #020202; font-size: 16px; text-indent: 1em;
    position: relative; }
.news-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #b12121; }
.news-list-box ul li a { display: block; color: #020202; }
.news-list-box ul li span { font-size: 14px; color: #505154; }


.page-box { width: 100%; overflow: hidden; text-align: center; font-size: 0px; margin: 20px 0px; }
.page-box font, .page-box a { display: inline-block; padding: 5px 10px; margin: 0px 5px 0px 5px; font-size: 14px; color: #000;
 border: solid 1px #163285; }
.page-box font { color: red; border: solid 1px red; }
.page-box a:hover { color: red; border: solid 1px red; }


/* 内容页面 */
.con-text-box { width: 100%; overflow: hidden; margin: 0 auto; }
.con-text-box .title-all { width: 100%; overflow: hidden; line-height: 40px; padding: 20px 0px; font-size: 30px;
 text-align: center; }
.con-text-box .time-all { width: 100%; overflow: hidden; line-height: 50px; padding: 20px 0px; color: #666; text-align: center; font-size: 14px; }
.con-text-box .news-text-all { width: 100%; max-height: 3425px; overflow-y: scroll; margin-bottom: 60px; font-size: 16px; }

.con-text-box .news-text-all::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.con-text-box .news-text-all::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #a50000;
}
.con-text-box .news-text-all::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
}