*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} body{font: 14px/25px "microsoft yahei", "微软雅黑";background-color: #b01213;} ol, ul {list-style: none;} img{border:0;} a{text-decoration:none;color:#292929;} a:hover{text-decoration:none;color:#292929;} a:visited{text-decoration:none;color:#292929;} .a_h a{text-decoration:none;color:#f9d4af;} .a_h a:hover{text-decoration:none;color:#f9d4af;} .a_h a:visited{text-decoration:none;color:#f9d4af;} .a_w a{text-decoration:none;color:#fff;} .a_w a:hover{text-decoration:none;color:#fff;} .a_w a:visited{text-decoration:none;color:#fff;} .a_r a{text-decoration:none;color:#90071a;} .a_r a:hover{text-decoration:none;color:#90071a;} .a_r a:visited{text-decoration:none;color:#90071a;} .clear{clear: both;} .top {width: 100%;height: 548px;background: no-repeat center;} .top_contain{width: 1000px;height:40px;margin:0 auto;padding-top: 490px;position: relative;} .g-bg1 {width: 100%;height: 417px;background: no-repeat center;} .g-bg1_contain{width: 900px;margin:0 auto;position: relative;padding-top: 75px;} .g-bg1-left{width:410px;height:290px;float: left;margin-right: 50px;padding-left: 30px;} .g-bg1-right{float: left;width:420px;font-size: 14px;font-weight: bold;} .g-bg1-right li{margin-bottom: 13px;} .g-bg1-right ul {list-style: square inside } .hislider-title { bottom: 6px; width: 100%; padding: 5px 10px; color: #fff; text-indent: 0px; background: rgba(0,0,0,.6); z-index: 2; font: 14px/2 "microsoft yahei",arial,tahoma; } .hislider-pages { bottom: 10px; right: 10px; text-align: right; } .hislider-btn-prev{ position: absolute; z-index: 5; top: 50%; height: 49px; width: 42px; background: no-repeat; margin-top: -15px; text-indent: -200px; overflow: hidden; opacity: .9; filter: alpha(opacity:90); } .hislider-btn-next { position: absolute; z-index: 5; top: 50%; height: 49px; width: 42px; background: no-repeat; margin-top: -15px; text-indent: -200px; overflow: hidden; opacity: .9; filter: alpha(opacity:90); } .g-bg2 {width: 100%;height: 454px;background: no-repeat center;} .g-bg2_contain{position: relative;width: 900px;margin:0 auto;padding-top: 85px;} .g-bg2-left{width:420px;height:290px;float: left;margin-right: 58px;padding-left: 35px;font-size: 14px;} .g-bg2-right{float: left;width:410px;} .g-bg2-left li{margin-bottom: 13px;} .g-bg2-left ul {list-style: square inside } .g-bg2-right li{margin-bottom: 15px;} .gr-l{float: left;width:140px;height:95px;margin-right: 15px;} .gr-r{float: left;width:230px;} .gr-title{font-size: 14px;font-weight: bold;line-height: 14px;} .gr-intro{font-size: 12px;color:#717171;line-height: 20px;margin-top: 5px;} .g-bg3 {width: 100%;height: 569px;background: no-repeat center;} .g-bg3_contain{position: relative;padding-top: 80px;width:700px;margin:0 auto;} .content{width:700px;height:435px;float:left;position:relative;margin:0 0 0 0;} .content_a{width:340px;height:210px;position: absolute;background:#fff;} .content_b{width:340px;height:210px;position: absolute;background:#fff;} .content_c{width:340px;height:435px;position: absolute;background:#fff;} .position1{left:0;top:0;} .position2{left:0;top:225px;} .position5{right:0;top:0;} .boxgrid{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;background:#ffffff;color:#000000;} .boxgrid img{position:absolute;top:0;left:0;width:100%;height:100%;} .content p{width:200px;} .prev-btn {position:absolute;width:41px;height:41px;left: -70px;top:260px;background: no-repeat center center;} .next-btn {position:absolute;width:41px;height:41px;right: -70px;top:260px;background: no-repeat center center;} .g-bg4 {width: 100%;height: 508px;background: no-repeat center;} .g-bg4_contain{position: relative;padding-top: 90px;width:800px;margin:0 auto;} .guardian .box { width: 100%; height: 370px; padding-left: 10px; } .guardian .box li { float: left; width: 100px; height: 100%; overflow: hidden; position: relative; transition: all .4s } .guardian .box a { display: block; height: 100%; width: 100%; position: relative } .guardian .box img { width: auto; left: -116px } .guardian .box .mask,.guardian .box img { height: 100%; position: absolute; transition: all .4s } .guardian .box .mask { bottom: 0; left: 0; width: 100%; z-index: 1; background-color: #000; opacity: .5; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=50)"; filter: alpha(opacity=50) } .guardian .box .title { display: none; position: absolute; z-index: 2; bottom: 0; left: 0; color: #fff; font-size: 20px; line-height: 140px; width: 360px; height: 100px; padding: 0 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box } .guardian .box li.active { width: 283px; box-shadow: 0 0 15px rgba(92,92,92,.5) } .guardian .box li.active .title { display: block } .guardian .box li.active .mask { opacity: 0; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity=0) } .guardian .box li.active img { left: 0 } .g-bg5 {width: 100%;height: 771px;background: no-repeat center;} .g-bg5_contain{position: relative;padding-top: 135px;width:735px;margin:0 auto;} .prev-btn4 {position:absolute;width:41px;height:41px;left: -55px;top:615px;background: no-repeat center center;} .next-btn4 {position:absolute;width:41px;height:41px;right: -55px;top:615px;background: no-repeat center center;} .video_title{color:#313131;font-size: 20px;font-weight: bold;line-height: 30px;text-align: center;} .video_small{float:left;} .video_small img{display:block;} .video_small2{margin-left: 9px;} .video_small_select{border:3px solid #d2a180;} .video_small_select2{border:3px solid #fff;} .g-bg6 {width: 100%;height: 709px;background: no-repeat center;} .g-bg6_contain{position: relative;padding-top: 85px;width:830px;margin:0 auto;} .poster-main {width: 1000px;height: 450px;position: relative;margin: 0 auto;} .poster-main a, .poster-main img { display: block; } .poster-main .poster-list {width: 1000px;height: 450px;} .poster-main .poster-list .poster-item {width: 418px;height: 478px;position: absolute;left: 0;top: 0;} .poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;} .poster-main .poster-prev-btn {left: -80px;top:0px;background: no-repeat center center;} .poster-main .poster-next-btn {right: -80px;top:0px;background: no-repeat center center;} .c_demo .title{text-align: center;color:#3a61a3;font-size: 20px;line-height: 50px;font-weight: bold;} .g_title{ position: absolute; bottom: 0px; width: 100%; padding: 10px 0; color: #fff; background: rgba(0,0,0,.6); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); z-index: 2; text-align: center; font-size: 16px; } :root .g_title{ filter:none; }