/*首页 css ---------------------*/ /* banner图 */ .banner-index { height: 295px; background: none; } .banner .banner-con { position: absolute; left: 50%; top: 0; margin-left: -960px; width: 1920px; height: 295px; overflow: hidden; } .banner .banner-con .img-list { position: absolute; left: 0; top: 0; width: 99999px; } .banner .banner-con li { float: left; overflow:hidden; } .banner .banner-con li a { display: block; position: relative; } .banner .banner-con li img { width: 1920px; height: 295px; } .banner .pre-nex { display: none; position: absolute; top: 50%; width: 50px; height: 65px; padding: 0; margin: -33px 0 0; font: bold 55px/65px Simsun; color: #eee; text-align: center; background: none; cursor: pointer; z-index: 2; } .banner .prev { left: 150px; } .banner .next { right: 150px; } .banner-con .btn-list { position: absolute; left: 0; bottom: 10px; width: 100%; height: 12px; *height: auto; line-height: 12px; text-align: center; /*background: url("/wwwzhongxi-educom/Resource/Template/1/images/fade-li-bg.png") center center no-repeat;*/ z-index: 2; } .banner-con .btn-list li { position: relative; float: none; display: inline-block; *display: inline; width: 12px; height: 12px; margin: 0 8px; } .banner-con .btn-list li span { display: inline-block; width: 10px; height: 10px; cursor: pointer; border-radius: 50%; background-color: #fff; } .banner-con .btn-list li.cur span { background:#eb5831; } /* 图片动画 */ .banner-con .img-list .img-box { position: absolute; background-position: center; background-repeat: no-repeat; } .img-list .img04 { top: 0; left: 380px; width: 468px; height: 393px; background: url("/wwwzhongxi-educom/Resource/Template/1/images/banner/img02-start.png"); transition: background 2200ms; transition-timing-function: ease-in-out; -webkit-transition: background 2200ms; -webkit-transition-timing-function: ease-in-out; -moz-transition: background 2200ms; -moz-transition-timing-function: ease-in-out; -o-transition: background 2200ms; -o-transition-timing-function: ease-in-out; } .img-list .img04.play { background: url("/wwwzhongxi-educom/Resource/Template/1/images/banner/img02-end.png"); } .img-list .img05 { top: -325px; left: 700px; width: 556px; height: 427px; background: url("/wwwzhongxi-educom/Resource/Template/1/images/banner/img03-bg.png") no-repeat; transition: top 2000ms, left 2000ms; transition-timing-function: ease-in-out; -webkit-transition: top 1000ms, left 2000ms; -webkit-transition-timing-function: ease-in-out; -moz-transition: top 1000ms, left 2000ms; -moz-transition-timing-function: ease-in-out; -o-transition: top 1000ms, left 2000ms; -o-transition-timing-function: ease-in-out; } .img-list .img05.play { top: -115px; left: 505px; } .img-list .img06 { left: 200px; bottom: -50px; width: 484px; height: 227px; background: url("/wwwzhongxi-educom/Resource/Template/1/images/banner/img04-bg.png") no-repeat; transition: rotate 2000ms; transform: rotate(-9deg); transition-timing-function: ease-in-out; -webkit-transition: all 2000ms; -webkit-transform: rotate(-9deg); -webkit-transition-timing-function: ease-in-out; -moz-transition: all 2000ms; -moz-transform: rotate(-9deg); -moz-transition-timing-function: ease-in-out; -o-transition: all 2000ms; -o-transform: rotate(-9deg); -o-transition-timing-function: ease-in-out; } .img-list .img06.play { left: 365px; bottom: 0; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; } /* 文字动画样式 */ .banner-con .img-list .text-box { position: absolute; top: 72px; right: 17%; width: 685px; font-family: Microsoft YaHei; color: #fff; opacity: 0; transition: all 1200ms; transition-delay: 500ms; /*-webkit-transition: all 1200ms; -webkit-transition-delay: 500ms; -moz-transition: all 1200ms; -moz-transition-delay: 500ms; -o-transition: all 1200ms; -o-transition-delay: 500ms;*/ } .img-list .text-box .title { margin-bottom: 20px; font-size: 36px; line-height: 50px; text-align: left; color: #fff; } .img-list .text-box .text { font-size: 16px; line-height: 32px; } .banner-con .img-list .text01 { top: 100px; right: 19%; width: 410px; height:240px; padding: 55px 35px 0 35px; background-color: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); transition-delay: 100ms; transition-timing-function: ease-out; -webkit-transition-delay: 100ms; -webkit-transition-timing-function: ease-out; -moz-transition-delay: 100ms; -moz-transition-timing-function: ease-out; -o-transition-delay: 100ms; -o-transition-timing-function: ease-out; } .img-list .text01 .title { font-size: 30px; line-height: 48px; margin-bottom: 25px; } .img-list .text-box .text { font-size: 14px; line-height: 26px; } .img-list .text01 .tags { display: inline-block; position: absolute; right: 0; top: 18px; height: 28px; padding: 0 10px; font-size: 14px; line-height: 28px; background-color: #fcb216; } .text01 .tags i { position: absolute; left: 0; bottom: 0; display: inline-block; width: 0; height: 0; border-width: 5px; border-color: transparent transparent #ffe39f #ffe39f; border-style: solid; } .img-list .text-box.play { opacity: 1; filter: alpha(opacity=100); } .img-list .text01.play { top: 0px; background-color: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); } .img-list .text04.play { top:62px;} .img-list .text05.play { top:100x;} .banner .img-list .text02 img{ width:1920px; height:192px; } .banner .img-list .text02{ width:100%;} .banner-con .img-list .text02{ top:70px;} .banner-con .img-list .text02.play{ left:0; top:70px;} /* 服务模块 */ .service { padding: 20px 0 0px; font-family: Microsoft YaHei; } .service { background-color: #fff; } .service-hd { height: 95px; } .service-hd li { float: left; width: 380px; height: 135px; margin-left: 20px; text-align: center; cursor: pointer; } .service-hd li.edu { margin-left: 0; } .service-hd li .ico { width: 127px; height: 135px; text-indent: 0; margin-left:-30px; margin-right:20px; background:url("/wwwzhongxi-educom/Resource/Template/1/images/serviceIco.png") no-repeat; } .service-hd .edu .ico { background-position: 0px 0px; } .service-hd .fina .ico { background-position: 0px -135px; } .service-hd .data .ico { background-position: 0px -270px; } .service-hd .edu.cur .ico { background-position: -135px 0px; } .service-hd .fina.cur .ico { background-position: -135px -135px; } .service-hd .data.cur .ico { background-position: -135px -270px; } .service-hd li span { display:inline-block; font-size: 23px; color: #777; vertical-align:middle; margin-top:-25px; } .service-hd .edu.cur span { color: #ea4c37; } .service-hd .fina.cur span { color: #ecae32; } .service-hd .data.cur span { color: #3362be; } .service-bd, .service-bd .list { height: 0px; width: 1180px; overflow: hidden; margin-top:10px; transition:height 1s; -webkit-transition:height 1s; -moz-transition:height 1s; } .service-bd { position: relative; } .service-bd .list { position: absolute; left: 0; top: 0; } .service-bd .edu-con { background: url("/wwwzhongxi-educom/Resource/Template/1/images/pics/edu-bg.jpg") 0 0 no-repeat; } .service-bd .fina-con { background: url("/wwwzhongxi-educom/Resource/Template/1/images/pics/fina-bg.jpg") 0 0 no-repeat; } .service-bd .data-con { background: url("/wwwzhongxi-educom/Resource/Template/1/images/pics/data-bg.jpg") 0 0 no-repeat; } .service-bd .list dl { position: absolute; width: 242px; padding: 0 25px; } .service-bd .data-con dl { top: 38px; left: 0; } .service-bd .fina-con dl{ top:38px; right:0; } .service-bd .edu-con dl{ top: 25px; right: 0; } .service-bd .edu-con dd { margin-bottom: 10px; } .service-bd .fina-con dd,.service-bd .data-con dd { margin-bottom: 20px; } .service-bd .list dd a { display: block; width: 190px; height: 38px; padding-right: 10px; font-size: 16px; line-height: 38px; color: #272727; text-align: center; background: url("/wwwzhongxi-educom/Resource/Template/1/images/service-list.png") no-repeat; } .service-bd .list dd a:hover { color: #fff; } .service-bd .edu-con dd a:hover { background-position: 0 -50px; } .service-bd .fina-con dd a:hover { background-position: 0 -99px; } .service-bd .data-con dd a:hover { background-position: 0 -150px; } /* 媒体资讯、会议培训大赛、思想与成果通用模块 */ .actions { background-color: #fff; } .actions .media, .actions .meeting { margin-bottom: 25px; } .actions .acts-hd { position: relative; height: 20px; padding: 15px 0; overflow: hidden; } .actions .acts-hd .title, .actions .acts-hd .more { position: relative; z-index: 2; background-color: #fff; } .actions .acts-hd .title { font: 18px/18px Microsoft YaHei; color: #333; border-left: 3px solid #eb5831; padding: 0 20px 0 10px; } .actions .acts-hd .more { font: 12px/20px Arial; padding-left: 15px; color: #f05928; } .actions .acts-hd .more i { font-family: Simsun; margin-left: 2px; } .actions .acts-hd .more:hover { color: #dc3b07; } .actions .acts-hd hr { position: absolute; top: 50%; left: 0; width: 100%; border: none; height: 1px; margin-top:0; background-color: #d4d4d4; } .actions .acts-bd { height: 125px; } .actions .acts-bd a:hover img { opacity: 0.9; filter: Alpha(opacity=90); } /* 会议、培训、大赛 */ .meeting .met-box { float: left; width: 380px; margin-left: 20px; } .meeting .met-box:first-child { margin-left: 0; } .met-box .acts-bd a img { width: 380px; height: 280px; } /* 思想与成果 */ .achievements ul li { float: left; margin-left: 20px; } .achievements ul li:first-child { margin-left: 0; } .achievements li a { display: block; } .achievements li a img { width: 280px; height: 280px; } /* 媒体与资讯公用部分 */ .media .acts-bd .med-box { float: left; position: relative; width: 345px; height: 125px; overflow: hidden; } .media .acts-bd .med-box img { width: 215px; height: 125px; } .media .acts-bd li span, .media .acts-bd span { display: block; position: absolute; left: 0; bottom: 0; width: 340px; padding: 0 20px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); } /* 视频模块 */ .media .video-con { margin-right: 20px; } /* 淡出淡入 */ .media-con .img-list { width: 100%; height: 100%; } .media-con .img-list li { display: none; float: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; z-index: 1; } .media-con .img-list li a { float:left; width:215px; height: 100%; } .media-con .img-list li a img { position: absolute; width: 215px; height: 125px; top: 0; } .media-con .img-list li a span { width: 135px; padding: 0 70px 0 10px; text-align: left; } .media-con .pre-nex { display: none; position: absolute; top: 50%; width: 40px; height: 60px; margin-top: -40px; font: bold 40px/60px Simsun; color: #ccc; text-align: center; border: none; background: rgba(0,0,0,.30); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4c000000, endColorStr=#4c000000); cursor: pointer; z-index: 3; } .media-con .pre-nex.show { display: inline-block; } .media-con .prev { left: 5%; } .media-con .next { right: 5%; } .media-con .btn-list { position: absolute; left: 175px; bottom: 12px; height: 6px; z-index: 6; _overflow: hidden; } .media-con .btn-list li { float: left; margin: 0 3px; display: inline; line-height: 6px; } .media-con .btn-list li i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; cursor: pointer; } .media-con .btn-list li.cur i { background-color: #eb5831; } /*-------------- 2016.3.03 edit by Tim -----------------*/ .media .met-box{ float:left; width:345px; margin-left:72px; } .focus-intro{ margin-left:235px; } .focus-intro h4{ font-size:16px; color:#333; font-weight:normal; } .focus-intro p{ color:#888; font-size:14px; line-height:28px; } .focus-intro p a.more{ float:none; color:#eb5831; } .acts-foot{ padding-top:14px; } .acts-foot p{ line-height:24px; } .acts-foot p span{ color:#333; font-size:14px; margin-right:2px; } .acts-foot p a{ color:#555; font-size:14px; } .acts-foot p a:hover{ color:#333; } /*新闻*/ .news{ height:280px; background:#f0f0f0; margin-bottom:22px; } .news .med-box { float: left; position: relative; width: 1180px; height: 280px; overflow: hidden; } .news .med-box img { width: 1180px; height: 205px; } .news .med-box{ width:1180px; height:205px; } .news .news-con li{ height:280px; } .news .news-con .btn-list { position: absolute; right: 20px; bottom: 15px; height: 6px; z-index: 6; margin-left:-40px; _overflow: hidden; } .news .news-con .btn-list li { float: left; margin: 0 8px; display: inline; line-height: 10px; } .news .news-con .btn-list li i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; cursor: pointer; } .news .news-con .btn-list li.cur i { background-color: #eb5831; } .news .newsList{ float:left; padding-top:13px; background:#f0f0f0; } .news .newsList li{ float:left; width:340px; height:28px; padding:0 20px; margin-left:8px; } .news .newsList li a { display: inline-block; height: 28px; max-width: 241px; color: #555555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:14px; /*margin-top:3px;*/ } .news .newsList li span{ float:left; color:#333; font-size:14px; } .news .newsList li span i { font-family: Microsoft YaHei; margin-right: 7px; color: #ff9e18; } .news .newsList li a:hover { color: #000; } .news .newsList li a:hover i { color: #d67c00; } .media-only .img-list li a img { position: absolute; width: 215px; height: 125px; top: 0; } .news-con .pre-nex { display:none; position: absolute; top: 50%; width: 40px; height: 65px; margin-top: -32px; font: bold 50px/65px Simsun; color: #ccc; text-align: center; border: none; background: rgba(0,0,0,.30); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4c000000, endColorStr=#4c000000); cursor: pointer; z-index: 3; } .news-con .prev { left:0; } .news-con .next { right: 0;} /* 名人解说 */ .greatman { background-color: #f3f3f3; } .greatman .greatman-hd { padding-top: 20px; padding-bottom: 30px; text-align: center; } .greatman .greatman-hd .title { display: inline-block; position: relative; height: 20px; margin: 0; padding: 0 75px; font: 20px/20px Microsoft YaHei; color: #333; } .greatman .greatman-hd .title:before, .greatman .greatman-hd .title:after { display: block; position: absolute; top: 10px; width: 60px; height: 1px; content: ""; background-color: #d4d4d4; } .greatman .greatman-hd .title:before { left: 0; } .greatman .greatman-hd .title:after { right: 0; } .focus-scroll { position: relative; padding-top: 130px; overflow: hidden; } .focus-scroll .pic-list { position: absolute; top: 0; left: 0; width: 9999px; height: 130px; } .focus-scroll .pic-list li { position:relative; float: left; margin-right: 20px; line-height: 0; } .focus-scroll .pic-list img { width: 220px; height: 130px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .focus-scroll .pic-list li.cur{} .focus-scroll .pic-list li.cur img { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .focus-scroll .intro-list { position: relative; height: 112px; overflow: hidden; } .focus-scroll .intro-list li { position: absolute; top: 96px; left: 0; width: 100%; padding-top: 20px; padding-bottom: 20px; text-align: center; opacity: 0; -webkit-transition: top 1.5s, opacity 0.5s; -moz-transition: top 1.5s, opacity 0.5s; -o-transition: top 1.5s, opacity 0.5s; transition: top 1.5s, opacity 0.5s; } .focus-scroll .intro-list li.cur { top: 0; opacity: 1; z-index: 2; -webkit-transition: top 1.5s, opacity 0.5s; -moz-transition: top 1.5s, opacity 0.5s; -o-transition: top 1.5s, opacity 0.5s; transition: top 1.5s, opacity 0.5s; } .focus-scroll .intro-list .man-name { margin-bottom: 10px; font-size: 16px; color: #666; } .intro-list .man-name .name { font-size: 20px; color: #333; } .focus-scroll .intro-list .man-intro { font-size: 14px; color: #888; line-height: 26px; } .focus-scroll .pic-list li .play-btn{ position:absolute; width:40px; height:40px; background:url("/wwwzhongxi-educom/Resource/Template/1/images/play.png") no-repeat; right:10px; bottom:10px; display:none; } .focus-scroll .pic-list li.cur .play-btn{ display:block; } .player-wrap{ position:fixed; width:480px; height:350px; background:#000; top:50%; left:50%; margin-left:-240px; margin-top:-175px; z-index:31; display:none; } .player-wrap .close{ position:absolute; width:28px; height:28px; line-height:28px; color:#fff; font-size:18px; font-weight:normal; font-family:"宋体"; text-align:center; right:0; background:#444; } .player-wrap .close:hover{ background:#eb5831; } .fixedBg{ width: 100%; height: 100%; position: fixed; left:0; top: 0; background: rgba(0, 0, 0, .4); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#66000000, endColorStr=#66000000); z-index: 30; display:none; } /*新增6个板块入口*/ .modular{ padding-bottom:10px; overflow:hidden; } .modular ul{ margin:0 -7px; } .modular li{ float:left; margin:0 6px; } .modular a{ display:inline-block; width:187px; height:100px; overflow:hidden; } .modular a img{ transition:0.5s; } .modular a:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.05,1.05); transform:scale(1.1,1.1); }