#slider-wrap{width:980px;} #slider-wrap span{font:bold 20px/190% "微软雅黑";} #slider{background-color:#E9E9E9;width:600px;height:16px;border-radius:16px;display:inline-block;} #slider .ui-slider-handle{background-color:#F33930;color:#fff;text-align:center;width:85px;height:28px;border-radius:4px;text-decoration:none;cursor:pointer;font:bold 18px/28px Arial;} #slider .ui-slider-range{background-color:#B81B13;border-radius:16px;height:16px;} #slider-wrap .content{height:410px;text-align:center;} #slider-wrap .content div{text-align:center;} #slider-wrap .content .line {display: inline-block;margin: 0 17px 0 17px;width: 0px;height: 100%;border-left: dotted 1px;} #slider-wrap .content .block {display: inline-block;overflow: hidden;padding: 0;width: 275px;height: 100%;background-color: #FFFFFF;vertical-align: top;font-size: 10px;} #slider-wrap .content .block .header{height:66px;border-bottom:1px solid #000;vertical-align:bottom;} #slider-wrap .content .block .header img{margin-top:18px;} #slider-wrap .content .block .number{font:normal 48px/190% Georgia;} #slider-wrap .content .block .intro{width:170px;font:normal 12px/20px "宋体";color:#666;margin:0 auto;height:40px;} #slider-wrap .content .block .icon img{margin-top:80px;} #bubbleCtrl{width:940px;padding-left:40px;} #bubbleCtrl span{padding-top:65px;display:inline-block;width:60px;font-family:"微软雅黑";font-size:14px;text-align:center;cursor:pointer;margin:0 15px 0 20px;color:#E4E4E4;} #bubbleCtrl .ctrl1{background:url(images/bubble-icon.png) 0 0 no-repeat;} #bubbleCtrl .ctrl2{background:url(images/bubble-icon.png) -103px 0 no-repeat;width:80px;} #bubbleCtrl .ctrl3{background:url(images/bubble-icon.png) -242px 0 no-repeat;width:80px;} #bubbleCtrl .ctrl4{background:url(images/bubble-icon.png) -365px 0 no-repeat;} #bubbleCtrl .ctrl5{background:url(images/bubble-icon.png) -460px 0 no-repeat;} #bubbleCtrl .ctrl6{background:url(images/bubble-icon.png) -550px 0 no-repeat;} #bubbleCtrl .ctrl7{background:url(images/bubble-icon.png) -645px 0 no-repeat;} #bubbleCtrl .ctrl8{background:url(images/bubble-icon.png) -750px 0 no-repeat;width:100px;} #bubbleCtrl .ctrl1.active{background:url(images/bubble-icon.png) 0 -98px no-repeat;color:#F3BC55;} #bubbleCtrl .ctrl2.active{background:url(images/bubble-icon.png) -103px -98px no-repeat;width:80px;color:#CA3128;} #bubbleCtrl .ctrl3.active{background:url(images/bubble-icon.png) -242px -98px no-repeat;width:80px;color:#F3BC55;} #bubbleCtrl .ctrl4.active{background:url(images/bubble-icon.png) -365px -98px no-repeat;color:#CA3128;} #bubbleCtrl .ctrl5.active{background:url(images/bubble-icon.png) -460px -98px no-repeat;color:#2461D5;} #bubbleCtrl .ctrl6.active{background:url(images/bubble-icon.png) -550px -98px no-repeat;color:#4D8C1A;} #bubbleCtrl .ctrl7.active{background:url(images/bubble-icon.png) -645px -98px no-repeat;color:#4B4B4B;} #bubbleCtrl .ctrl8.active{background:url(images/bubble-icon.png) -750px -98px no-repeat;width:100px;color:#5AD8E3;} #bubbleCt .container1{position:relative;width:240px;height:210px;float:left;margin-left:5px;} #bubbleCt .container1 div{background:url(images/bubble-icon2.png) 0 0 no-repeat;padding:9px;color:#CF833A;text-align:center;} #bubbleCt .container4{position:relative;width:240px;height:250px;float:left;margin-left:5px;} #bubbleCt .container4 div{background:url(images/bubble-icon2.png) -68px 0 no-repeat;padding:9px;color:#FF6B08;text-align:center;} #bubbleCt .container3{position:relative;width:240px;height:240px;float:left;margin-left:5px;} #bubbleCt .container3 div{background:url(images/bubble-icon2.png) -136px 0 no-repeat;padding:9px;color:#BF3B53;text-align:center;} #bubbleCt .container2{position:relative;width:240px;height:250px;float:left;margin-left:5px;} #bubbleCt .container2 div{background:url(images/bubble-icon2.png) -204px 0 no-repeat;padding:9px;color:#0F5283;text-align:center;} #bubbleCt .container5{position:relative;width:240px;height:260px;float:left;margin-left:5px;} #bubbleCt .container5 div{background:url(images/bubble-icon2.png) -272px 0 no-repeat;padding:9px;color:#6D3A7A;text-align:center;} #bubbleCt .container7{position:relative;width:240px;height:220px;float:left;margin-left:5px;} #bubbleCt .container7 div{background:url(images/bubble-icon2.png) -340px 0 no-repeat;padding:9px;color:#C74E1B;text-align:center;} #bubbleCt .container6{position:relative;width:240px;height:270px;float:left;margin-left:5px;} #bubbleCt .container6 div{background:url(images/bubble-icon2.png) -544px 0 no-repeat;padding:9px;color:#5F7F43;text-align:center;} #bubbleCt .container8{position:relative;width:240px;height:220px;float:left;margin-left:5px;} #bubbleCt .container8 div{background:url(images/bubble-icon2.png) -476px 0 no-repeat;padding:9px;color:#6E4378;text-align:center;} .video-ctrl {border-top:1px solid #cc2f27;} .video-ctrl .left{width:140px;float:left;border-right:1px solid #cc2f27;padding-bottom:12px;} .video-ctrl .btn{width:40px;height:40px;background:url(images/btn-play-med.png);display:inline-block;margin:20px 15px 0 70px;cursor:pointer;} .video-ctrl .btn.play{background:url(images/btn-play-med.png);} .video-ctrl .btn.stop{background:url(images/btn-stop-med.png);} .video-ctrl .right{float:right;float:right;width:500px;} .video-ctrl .right h2{font-family:"微软雅黑";font-weight:normal;font-size:24px;color:#000;margin-top:10px;line-height:36px;} .video-ctrl .right p{font-family:"宋体";font-size:14px;color:#000;line-height:26px;} .video1 .wrap{width:655px;height:368px;} .video1 .wrap video{width:100%;height:100%;} .scroll ul{overflow:hidden;height:242px;position:relative;} .scroll ul li{float:left;width:980px;} .scroll ol{} .scroll ol li{background:url(images/ic2.gif) no-repeat;width:18px;height:24px;cursor:pointer;-webkit-transition:background-image .25s;-ms-transition:background-image .25s;-moz-transition:background-image .25s;transition:background-image .25s;} .scroll ol li.active{background:url(images/ic3.gif) no-repeat;} .scroll ol li.prev{background:url(images/ic1.gif) no-repeat;} .scroll ol li.next{background:url(images/ic4.gif) no-repeat;} .scroll2 .fr .video1{display:none;} #bigimage { position:absolute; display:none; } #bigimage img { width:312px; height:432px; padding:5px; background:#fff; border:1px solid #e3e3e3; } .video-large{width:100%;} body{overflow-x:hidden;} .vjs-duration-display,.vjs-current-time-display,.vjs-time-divider,.vjs-time-divider span{line-height:3em;} .floatDiv{position:fixed;top:200px;right:200px;width:32px;} #bdshare a, #bdshare_s a, #bdshare_pop a,.floatDiv a{float:left;} /*人物效果CSS*/ #figures{position:relative;padding-top:30px;} #figures .intro,#figures .intro2{position:relative;} #figures .intro div,#figures .intro2 div{position:absolute;width:100px;} #figures .intro div h2,#figures .intro2 div h2{font-size:14px;color:#D72729;} #figures .intro div p, #figures .intro2 div p{font-size:12px;color:#666;} #figures .intro .figure2{position:absolute;bottom:-30px;left:160px;} #figures .intro .figure4{position:absolute;bottom:-30px;left:360px;} #figures .intro .figure7{position:absolute;bottom:-30px;left:630px;} #figures .intro .figure9{position:absolute;bottom:2px;left:830px} #figures .intro2 .figure1{position:absolute;top:-40px;left:90px;} #figures .intro2 .figure3{position:absolute;top: 5px;left: 205px;} #figures .intro2 .figure5{position:absolute;top: -40px;left: 405px;} #figures .intro2 .figure6{position:absolute;top: -40px;left: 560px;} #figures .intro2 .figure8{position:absolute;top: -40px;left: 770px;} .renwu{position:relative;height: 130px;} .renwu div{height:130px;width:140px;position:absolute;bottom:0;background-image:url(images/renwu.png);} .renwu #figure1{background-position:0 0;left:0;width:175px;z-index:1;} .renwu #figure2{background-position:-180px 0;left:0;width:150px;left:90px;z-index:2;} .renwu #figure3{background-position:-335px 0;left:0;width:150px;left:190px;z-index:3;} .renwu #figure4{background-position:-497px 0;left:0;width:165px;left:290px;z-index:4;} .renwu #figure5{background-position:-678px 0;left:0;width:166px;left:390px;z-index:5;} .renwu #figure6{background-position:-850px 0;left:0;width:175px;left:490px;z-index:4;} .renwu #figure7{background-position:-1043px 0;left:0;width:167px;left:590px;z-index:3;} .renwu #figure8{background-position:-1220px 0;left:0;width:180px;left:690px;z-index:2;} .renwu #figure9{background-position:-1425px 0;left:0;width:160px;left:790px;z-index:1;} /*.quote{position:relative;bottom:0;}*/ .quote>div{display:none;width: 600px;position:absolute;left:200px;top:0;} .quote .quote-description{float:left;width:120px;height:100px;} .quote .quote-description .name{font-size: 14px;color: #D72729;font-weight:bold;} .quote .quote-description .job{font-size: 12px;color: #666;} .quote .quote-detail{float:left;border-left:1px solid #D72729;width: 375px;height: 100px;padding: 0 0 0 25px;} .renwu.figure1>div,.renwu.figure2>div,.renwu.figure3>div,.renwu.figure4>div,.renwu.figure5>div,.renwu.figure6>div,.renwu.figure7>div,.renwu.figure8>div,.renwu.figure9>div{background-image:url(images/renwu-black.png);} .figure1 #figure1, .figure2 #figure2, .figure3 #figure3, .figure4 #figure4, .figure5 #figure5, .figure6 #figure6, .figure7 #figure7, .figure8 #figure8, .figure9 #figure9{ z-index:10;background-image:url(images/renwu-hover.png);background-position-y: -5px; } .figure1 #figure1{background-position:-2px -5px;} .figure2 #figure2{background-position:-182px -5px;} .figure3 #figure3{background-position:-337px -5px;} .figure4 #figure4{background-position:-499px -5px;} .figure5 #figure5{background-position:-680px -5px;} .figure6 #figure6{background-position:-852px -5px;} .figure7 #figure7{background-position:-1045px -5px;} .figure8 #figure8{background-position:-1222px -5px;} .figure9 #figure9{background-position:-1427px -5px;} /*提示框样式*/ body .ui-tooltip {padding: 5px 10px;z-index: 200;background: #cc2f27;color: #fff;border-radius: 2px;top: 50px;font-size: 12px;-moz-box-shadow: 0 0 25px #ccc;-webkit-box-shadow: 0 0 25px #ccc;box-shadow: 0 0 25px #ccc;} /*2014-01-13*/ .floatDiv, #bdshare{width:64px;} .floatDiv a{margin-left:10px;} #bdshare .liuyan{background-image:none;margin-left:8px;padding-left:0;} #bdshare .shareCount{margin-left:15px;} @media (min-device-width:768px) and (max-width:989px), screen and (max-device-width:1000px), (max-device-width:1000px) and (orientation:landscape), (min-device-width:768px) and (max-device-width:1000px) and (orientation:portrait) { .title1 p,.txt1,.new_a div{font-size:2em;} .new_a div{line-height:1em;} .new_a{padding-top:100px;margin-top:10px;height:665px;} .new_a i{font-size:1.1em;} .new_a .new1{ top: 0x;left:35px;} .new_a .new2{top:241px;left:0;width:256px;} .new_a .new3{top:0;left:590px;} .new_a .new4{top:240px;left:670px;width:256px;} .new_a .new5{top:520px;left:160px;width:590px;} .dy div{font-size:2em;} } /* MEDIA QUERIES Mobile phone ---------------------------------------------------------------------- */ @media (min-device-width:320px) and (max-width:689px), (max-device-width:480px) and (orientation:portrait), screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-device-pixel-ratio : 1.5) ,only screen and (min-device-pixel-ratio : 1.5) { .title1 p,.txt1,.new_a div{font-size:2em;} .new_a div{line-height:1em;} .new_a{padding-top:100px;margin-top:10px;height:665px;} .new_a i{font-size:1.1em;} .new_a .new1{ top: 0;left:35px;} .new_a .new2{top:241px;left:0;width:256px;} .new_a .new3{top:0;left:590px;} .new_a .new4{top:240px;left:670px;width:256px;} .new_a .new5{top:520px;left:160px;width:590px;} .dy div{font-size:2em;} #slider-wrap .content .block .intro{font-size:2em;} .scroll2 .fl li{font-size:1.5em;} }